* {
                        margin: 0;
                        padding: 0;
						

}		    


body {
background: #feae00;
padding:0 0 0 0;
margin:0 0 0 0;
font:10px Verdana;
}

div, p, ul, h2, h3, img, form, th, tr, td, table, fieldset{padding:0px; margin:0px; outline:none; border:none;}

#font {
background:url(../images/sambagogo-font.jpg) no-repeat; 
width:242px; 
height:545px;  
margin: 0 0 0 0;
}

#logo {
background:url(../images/sambagogo-01.jpg) no-repeat; 
width:281px; 
height:346px;  
position:relative;
margin:0 0 0 158px;
}

#groupe_haut {
background:url(../images/sambagogo-02.jpg) no-repeat; 
width:637px; 
height:216px;  
position:relative;
margin:0 0 0 281px;
padding-top:130px;
}

#groupe_bas {
background:url(../images/sambagogo-03.jpg) no-repeat; 
width:637px; 
height:216px;  
position:relative;
margin:0 0 0 0;
}

#date{
 color:#999999; /* Les paragraphes seront rouge */
   font-size: 13px; /* La taille de 18 pixels me semble pas mal */
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

#cadre_haut_droit {
background:url(../images/sambagogo-04.jpg) no-repeat; 
width:68px; 
height:216px;  
position:relative;
margin:0 0 0 637px;
}
#cadre_centre {
background:url(../images/cadre_centre.jpg) repeat-y; 
width:897px; 
height:auto;  
position:absolute;
margin:346px 0 0 244px;
}
#cadre_texte{
 width:608px; 
 height:100%; 
 min-height:200px;
 margin:-250px 0 0 200px; 
 margin-left:210px;
 position:relative; 
 display:block;
 padding:0 0 0 0;
}
#menu{
 width:165px; 
 height:250px; 
 margin:0 0 0 25px; 
 position:relative; 
 padding:0 0 0 0;
 border:none;
 }
#cadre_bas_gauche {
background:url(../images/sambagogo-08.jpg) no-repeat; 
width:198px; 
height:119px;  
position:absolute;
margin:0 0 0 -3px;
}
#cadre_bas_droite {
background:url(../images/sambagogo-09.jpg) no-repeat; 
width:68px; 
height:119px;  
position:inherit;
margin:-120px 0 0 834px;
}
#logo_bas_gauche {
background:url(../images/sambagogo-07.jpg) no-repeat; 
width:83px; 
height:241px;  
position:inherit;
margin:0 0 0 -280px;
}
#logo_bas_gauche_bas {
background:url(../images/sambagogo-10.jpg) no-repeat; 
width:198px; 
height:122px;  
position:inherit;
margin:119px 0 0 83px;
}
#footer {
background:url(../images/sambagogo-11.png) no-repeat; 
width:637px; 
height:119px;  
position:inherit;
margin:0 0 0 198px;
}
.image_membre {
width:70px;
height:70px;
border:solid 1px;
position:absolute;
}
.info_membre {
margin-left: 80px;
margin-bottom:4px;
height:70px;
}
.prenom{
font:12px Verdana, sans-serif;
font-weight:bold;
text-transform: capitalize;
}
.required{
color:red;
}
.validated{
color:green;
}
.Uppercase{
            text-transform: uppercase;
            }
.Capitalize{
			text-transform: capitalize;
			}
h1{font-size: 15px; margin-bottom: 1.5em;}

#menu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
line-height:20px;
}
#menu a:link {color:#FFFFFF;text-decoration:none;}
#menu a:visited {color:#FFFFFF;text-decoration:none;}
#menu a:hover {color:#000000;text-decoration:none;}

/* CSS Document */
.calendrier {
border-collapse:separate;
color:#555; 
border:1px solid #999; 
background-color:#dde9fb;
display:inline;
padding-right:10px ;
border-width:0px ;
text-align: center; 
/*color: #5D90B5; /* Couleur du texte dans les cases du calendrier */
border-spacing: 1px; 
font-size: 1.0em; 
margin-left:20px;
z-index: 100;
}

.calendrier td, .calendrier tr{
margin:0; padding:0; height:20px; width:50px; background-color:#e6ecf5; border:1px solid #DDD; text-align:center;
padding: 0;
}

/* Les 4 lignes qui suivent définissent la couleur de fond d'une case où il y a un évènement, ainsi que la couleur du texte. Ces mêmes couleurs 
sont utilisés pour le titre de l'évènement */
.calendrier .celluleevenement, .calendrier .evenement h6{
background-color: #6F809A ;
color:#FFFFFF ;
}

.calendrier .evenement h6{
font-size:0.9em ;
margin:0;
padding:0;
}

.calendrier .evenement{
font-weight:normal ;
border: 1px solid #60738B; /* Largeur, type et couleur du bord du cadre qui contient l'évènement */
background-color: #F4F9FD; /* Couleur de fond du cadre qui contient l'évènement */
color: #000000 ; /* Couleur du texte dans le cadre qui contient l'évènement */
z-index: 10; 
padding: 2px;
margin-top:1px;
}

.calendrier .evenement{
position: absolute; 
visibility: hidden; 
min-width:150px;
max-width:250px ;
}

.calendrier td {
border: none; 
background-color: #CEE3F4; /* Couleur de fond des cases du calendrier */
width:25px ;
}

.calendrier td:hover {
background-color:#A3C3E0 ;  /* Couleur de fond des cases lors du survol de la souris */
}

.calendrier .today{
font-weight:bold ;
color:#000000;
/*border: 1px solid #60738B; /* Largeur, type et couleur du bord de la case du calendrier qui correspond à aujourd'hui */
}

.login {
width:400px;
}