.bug { }

html, body {
		height: 100%;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	background: #fff;
}
#container {
	width: 740px; 
	margin: 0px auto 0; 
	min-height: 100% ;
	padding: 0;
	position: relative; 
	text-align: left;
	background-image: url(../images/fond.gif) ;
	background-repeat: no-repeat ;
	z-index: 2;
	font: 10px verdana,sans-serif ;
 }
#forgotten {
	text-align: left;
	font: 11px verdana, trebuchet, arial, sans-serif ;
	color: #000 ;
	text-decoration: none ;
 }
#forgotten h1 {
	margin-top: 20px ;
	font: 16px/22px verdana, trebuchet, arial, sans-serif ;
	color: #00B0F0 ;
	text-decoration: none ;
	font-weight: bold ;
 }
 
 #forgotten .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#forgotten .normal {	/*** Retour ý l'Ètat normal aprËs l'utilisation ***/
	background: white;
	color: black;
}


#popup {
	text-align: left;
	font: 11px verdana, trebuchet, arial, sans-serif ;
	color: #000 ;
	text-decoration: none ;
 }
#popup h1 {
	margin: 20px ;
	font: 14px/18px verdana, trebuchet, arial, sans-serif ;
	color: #00B0F0 ;
	text-decoration: none ;
	font-weight: bold ;
 }
 
#popup .autre {
	margin : 20px ;
	font: 14px arial,verdana,sans-serif ;
	color: #00B0F0 ;
	font-weight: bold ;
	text-decoration: none ;
}

 #popup ul {
	margin-left : 10px ;
	margin-top: 5px ;
}

#popup li {
	margin-bottom: 3px ;
	font: 11px/13px verdana, arial,sans-serif ;
	color: #00B0F0 ;
	text-align: left ;
	list-style-type: square ;
	text-decoration: none ;
}

#content {
	padding: 0px;
	padding-bottom: 16px;
}
#logo {
	position : relative ;
	width: 211px ;
	height: 115px ;
	top: 20px;
	left: 19px ;
}  
#onglets {
	position : absolute ;
	width: 455px ;
	height: 32px ;
	top: 73px;
	right: 0px ;
	z-index: 2 ;
}   
.onglet {
	margin-left: 4px ;
}
#acces {
	position : absolute ;
	width: 480px ;
	height: 40px ;
	top: 2px;
	right: 0px ;
	text-align: right ;
	font: 11px verdana,sans-serif ;
 	color: #fff ;
 	margin: 0 ;
 	padding : 0 ;
 	z-index: 2 ;
}

#acces #saisieMDP {
	margin-right: 50px;
}

#saisieMDP .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#saisieMDP .normal {	/*** Retour ý l'Ètat normal aprËs l'utilisation ***/
	background: white;
	color: black;
}

#acces #boutonMDP {
	position : absolute ;
	top: 2px ;
	right: 15px ;
}

.oublimdp {
	font: 10px arial, verdana,sans-serif ;
	margin-right: 15px ;
}

.oublimdp:link { text-decoration: none ; color: #D4F3FA }
.oublimdp:visited { text-decoration: none ; color: #D4F3FA }
.oublimdp:hover { text-decoration: none ; color: #77B747 }

#footer {
	float: left ;
	height: 16px ;
	bottom: 0;
	margin-top: 15px;
	width: 100%;
	background-image: url(../images/fond_bas.gif) ;
	background-repeat: repeat-x ;
}
#lienbas {
	float: left ;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
	text-align: center ;
	font: 11px arial, verdana,sans-serif ;
	color: #00B0F0 ;
}
#lienbas  a:link { text-decoration: underline ; color: #00B0F0 }
#lienbas  a:visited { text-decoration: underline ; color: #00B0F0 }
#lienbas  a:hover { text-decoration: none ; color: #00B0F0 }

#contact {
 	display: block;
 	text-align: center;
 	float: left ;
 	width: 60px ;
 	margin-left: 8px ;
 	border: 2px solid #77B747;
 	font: 10px/12px verdana,sans-serif ;
 	font-weight: bold;
 	text-decoration: none ;
	color: #77B747 ;
	background-color: #fff;
 }
 
#presse {
 	display: block;
 	text-align: center;
 	float: left ;
 	width: 60px ;
 	border: 2px solid #77B747;
 	border-left: 0 ;
 	font: 10px/12px verdana,sans-serif ;
 	font-weight: bold;
 	text-decoration: none ;
	color: #77B747 ;
	background-color: #fff;
 }  
 
 #copyright {
 	display: block;
 	text-align: center;
 	float: right ;
 	width: 480px ;
 	margin-right: 8px ;
 	border: 2px solid #fff;
 	font: 10px/12px verdana,sans-serif ;
 	font-weight: bold;
 	text-decoration: none ;
	color: #00B0F0 ;
	background-color: #fff;
 }  
 
#annonce_parrainage {
	width: 167px ;
	padding: 3px ;
	margin-top : 25px ;
	text-align: justify ;
	font: 12px arial, verdana,sans-serif ;
	color: #333 ;
	background-color: #E3FF83 ;
	}
	
#annonce_parrainage li a:link { text-decoration: none ; color: #00B0F0 }
#annonce_parrainage li a:visited { text-decoration: none ; color: #00B0F0 }
#annonce_parrainage li a:hover { text-decoration: none ; color: #fff }

.infobandeau {margin-top: 10px ;font: 12px arial, verdana,sans-serif ; font-weight: bold }

a.infobandeau:link { text-decoration: none ; color: #00B0F0 }
a.infobandeau:visited { text-decoration: none ; color: #00B0F0 }
a.infobandeau:hover { text-decoration: none ; color: #E3FF83 }


#contenu {
	width: 536px; 
	margin: 0px auto 0; 
	min-height: 100% ;
	padding: 0;
	position: relative; 
	text-align: left;
	z-index: 2;
 }
#question {
	width: 433px ;
	padding: 25px ;
	margin: 25px ;
	font: 11px arial, verdana,sans-serif ;
	color: #333 ;
	text-align: justify ;
	border: 2px solid #00B0F0;
} 
 
#colonnegauche {
	float: left ;
	width: 434px ;
	margin-top: 40px ;
	margin-left: 10px ;
	font: 12px arial, verdana,sans-serif ;
	color: #000 ;
} 

#colonnegauche h1 {
	margin-top: 20px ;
	text-align: center ;
	font: 16px/18px verdana, trebuchet, arial, sans-serif ;
	color: #00B0F0 ;
	text-decoration: none ;
	font-weight: bold ;
}  
 
#colonnedroite {
	float: right ;
	width: 266px ;
	font: 11px arial, verdana,sans-serif ;
	color: #000 ;
}
  
#colonnedroite h1 {
	width: 266px ;
	height: 30px ;
	margin-top: 1px ;
	text-align: center ;
	font: 14px/30px arial, verdana,sans-serif ;
	color: #fff ;
	text-decoration: none ;
	font-weight: bold ;
	background-color: #77B747 ;
}  

.enRouge {
	color: #f00;
}
  
#colonnedroite p {
	border-bottom: 1px solid #77B747;
	padding-bottom: 9px ;
	padding-top: 9px ;
	margin : 0 ;
}  
  
#colonnedroite .lienannonce {
	font: 9px verdana,sans-serif ;
	font-weight: bold ;
	color: #fff ;
	padding: 1px ;
	background-color: #00B0F0 ;
	text-decoration: none ;
}

#colonnedroite .lienbaby {
	font: 11px verdana,sans-serif ;
	font-weight: bold ;
	color: #00B0F0 ;
	padding: 1px ;
	text-decoration: none ;
}

#colonneinfos {
	width: 490px ;
	float: right ;
	margin-left: 30px ;
	font: 12px arial, verdana,sans-serif ;
	color: #000 ;
}

#colonneinfos #photo_haut {
	margin-left: -20px ;
	width: 510px ;
}

#colonneinfos .recapitulatif {
	font: 12px/18px arial,verdana,sans-serif ;
	border-bottom: 30px ;
}

#colonneinfos #validation {
	font: 12px/16x arial,verdana,sans-serif ;
	border: 1px solid #77B747;
	padding: 15px ;
}

#colonneinfos #validation .titre {
	font: 16px/22px arial, verdana,sans-serif ;
	color: #77B747 ;
	font-weight: bold ;
}

#colonneinfos #validation p {
	border: 0 ;
}

#colonneinfos .gauche {
	float: left ;
}

#colonneinfos .titrage {
	font: 14px/18px arial,verdana,sans-serif ;
	color: #000 ;
	font-weight: bold ;
	text-decoration: underline ;
}

#colonneinfos .autre {
	font: 12px arial,verdana,sans-serif ;
	color: #000 ;
	font-weight: bold ;
	text-decoration: none ;
}

#colonneinfos ul {
	margin-left : 20px ;
	margin-top: 15px ;
}


#colonneinfos li {
	margin-bottom: 3px ;
	font: 12px/14px verdana, arial,sans-serif ;
	color: #000 ;
	text-align: left ;
	list-style-type: square ;
	text-decoration: none ;
}

#colonneinfos li a:link { text-decoration: none ; color: #00B0F0 }
#colonneinfos li a:visited { text-decoration: none ; color: #00B0F0 }
#colonneinfos li a:hover { text-decoration: underline ; color: #00B0F0 }

#colonneinfos a:link { text-decoration: none ; color: #00B0F0 }
#colonneinfos a:visited { text-decoration: none ; color: #00B0F0 }
#colonneinfos a:hover { text-decoration: underline ; color: #00B0F0 }

#colonneinfos #coordonneesNounou {
	width: 488px ;
	height: 20px ;
	padding: 0 ;
	margin-top: -1px ;
	font: 11px/20px verdana,sans-serif ;
	color: #00B0F0 ;
	border: 1px solid #77B747;
}

#colonneinfos #coordonneesNounou img {
	float: left ;
}

#colonneinfos #coordonneesNounou ul {
	margin: 0px ;
	padding: 0 ;
	border: 0 ;
	
}

#colonneinfos #coordonneesNounou li {
	float: left ;
	list-style-type: none ;
	text-decoration: none ;
	margin-left: 5px ;
	font: 10px/20px verdana,sans-serif ;
}

#colonneinfos #coordonneesNounou li.droite {
	float: right ;
	margin-right: 5px ;
}

#colonneinfos #coordonneesNounou .lienbookmark2 {
	font: 9px verdana,sans-serif ;
	font-weight: bold ;
	color: #fff ;
	background-color: #FAAE39 ;
	text-decoration: none ;
}

#colonneinfos #coordonneesNounou .email:link { text-decoration: none ; color: #00B0F0 }
#colonneinfos #coordonneesNounou .email:visited { text-decoration: none ; color: #00B0F0 }
#colonneinfos #coordonneesNounou .email:hover { text-decoration: none ; color: #77B747 }

#colonneinfos h1 {
	width: 490px ;
	height: 22px ;
	margin-top: 10px ;
	text-align: center ;
	font: 14px/22px arial, verdana,sans-serif ;
	color: #fff ;
	text-decoration: none ;
	font-weight: bold ;
	background-color: #77B747 ;
}

#colonneinfos h3 {
	margin-top: 15px ;
	margin-bottom: 10px ;
	text-align: left ;
	font: 15px/20px arial, verdana,sans-serif ;
	color: #00B0F0 ;
	text-decoration: none ;
	font-weight: bold ;
}

#colonneinfos h3.carre {
	display: block ;
	width: 490px ;
	border-bottom: 1px solid #00B0F0;
}


#colonneinfos h2.abc {
	margin-top: 10px ;
	margin-bottom: 10px ;
	text-align: left ;
	font: 17px/20px arial, verdana,sans-serif ;
	color: #77B747 ;
	text-decoration: none ;
	font-weight: bold ;
}

#colonneinfos h4 {
	margin-top: 20px ;
	margin-bottom: 10px ;
	text-align: left ;
	font: 14px/15px arial, verdana,sans-serif ;
	color: #00B0F0 ;
	text-decoration: none ;
	font-weight: bold ;
}

#colonneinfos #annonce {
	padding: 10px ;
	border: 1px solid #77B747;
	margin-top: -10px ;
}

#colonneinfos #annonce p {
	margin-top: 10px ;
	padding: 0 ;
	border: 0;
}

#colonneinfos p.auteur {
	text-align: justify ;
	font: 12px arial, verdana,sans-serif ;
	color: #000 ;
	text-decoration: none ;
	border: 1px solid #00B0F0;
	background-color: #DFF6FF ;
	padding: 7px ;
}

#colonneinfos #couverture {
	float: right ;
	margin-left: 20px ;
	margin-bottom: 20px ;
}


#colonneinfos p.principe {
	margin-top: 10px ;
	margin-bottom: 10px ;
	text-align: left ;
	font: 13px/16px arial, verdana,sans-serif ;
	color: #00B0F0 ;
	text-decoration: none ;
	font-weight: bold ;
	border-bottom: 1px solid #ggg;
}

#colonneinfos .disponible {
	font: 12px/20px verdana,sans-serif ;
	color: #77B747 ;
	font-weight: bold ;
	text-decoration: underline ;
}

#colonneinfos .abecedaire {
	font: 12px/13px verdana,sans-serif ;
	color: #00B0F0 ;
	font-weight: bold ;
	text-decoration: none ;
}

#colonneinfos h2 {
	margin: 0 ;
	font: 11px verdana,sans-serif ;
	color: #000 ;
	font-weight: bold ;
}

#colonneinfos .lienannonce {
	font: 9px verdana,sans-serif ;
	font-weight: bold ;
	color: #fff ;
	padding: 1px ;
	background-color: #00B0F0 ;
	text-decoration: none ;
}

#colonneinfos a.lienannonce:link { text-decoration: none ; color: #fff }
#colonneinfos a.lienannonce:visited { text-decoration: none ; color: #fff }
#colonneinfos a.lienannonce:hover { text-decoration: none ; color: #77B747 }

#colonneinfos .lienbookmark {
	font: 9px verdana,sans-serif ;
	font-weight: bold ;
	color: #fff ;
	padding: 1px ;
	background-color: #77B747 ;
	text-decoration: none ;
}

#colonneinfos a.lienbookmark:link { text-decoration: none ; color: #fff }
#colonneinfos a.lienbookmark:visited { text-decoration: none ; color: #fff }
#colonneinfos a.lienbookmark:hover { text-decoration: none ; color: #00B0F0 }

#colonneinfos p {
	border-bottom: 1px solid #77B747;
	padding-bottom: 9px ;
	padding-top: 9px ;
	margin : 0 ;
}

#colonneinfos p.formulaire {
	border-bottom: 0 ;
	padding-bottom: 9px ;
	padding-top: 9px ;
	margin : 0 ;
}

#colonneinfos p.payante {
	border: 2px solid #77B747;
	padding: 3px ;
	margin-bottom: 9px ;
	margin-top: 9px ;
	background-color: #E6E6E6 ;
}

#colonneinfos .libelle {
	color: #00B0F0 ;
	font-weight: bold ;
}

#colonneinfos .savoirplus {margin-top: 10px ;font: 11px arial, verdana,sans-serif }

#colonneinfos a.savoirplus:link { text-decoration: none ; color: #00B0F0 }
#colonneinfos a.savoirplus:visited { text-decoration: none ; color: #00B0F0 }
#colonneinfos a.savoirplus:hover { text-decoration: none ; color: #E3FF83 }

#colonneinfos a.navigation:link { text-decoration: underline ; color: #00B0F0 }
#colonneinfos a.navigation:visited { text-decoration: underline ; color: #00B0F0 }
#colonneinfos a.navigation:hover { text-decoration: none ; color: #00B0F0 }

#colonneinfos2 {
	width: 490px ;
	float: right ;
	margin-left: 30px ;
	font: 12px arial, verdana,sans-serif ;
	color: #000 ;
}

#colonneinfos2 h1 {
	width: 490px ;
	height: 22px ;
	margin-top: 10px ;
	text-align: center ;
	font: 14px/22px arial, verdana,sans-serif ;
	color: #fff ;
	text-decoration: none ;
	font-weight: bold ;
	background-color: #77B747 ;
}

#colonneinfos2 .titre {
	margin-bottom: 5px ;
	font: 12px arial, verdana,sans-serif ;
	color: #00B0F0 ;
	text-decoration: none ;
	font-weight: bold ;
}

#colonneinfos2 .soustitre {
	margin-bottom: 4px ;
	font: 12px arial, verdana,sans-serif ;
	color: #333 ;
	text-decoration: none ;
	font-weight: bold ;
}

#colonneinfos2 p {
	padding-bottom: 13px ;
	padding-top: 9px ;
	margin : 0 ;
	font: 12px/12px Arial,sans-serif ;
	color: #333 ;
}


#colonneinfos2 #coordonneesNounou{
	width: 488px ;
	height: 20px ;
	padding: 2px ;
	margin: 0px ;
	border: 1px solid #00B0F0;
}

#colonneinfos2 #coordonneesNounou .supprime {
	display: block ;
	font: 10px/12px verdana,sans-serif ;
	font-weight: bold ;
	color: #fff ;
	padding: 1px ;
	background-color: #FAAE39 ;
	text-decoration: none ;
	margin: 3px ;
}

#colonneinfos2 #coordonneesNounou img {
	float: left ;
}

#colonneinfos2 #coordonneesNounou ul {
	margin: 0px ;
	padding: 0 ;
	border: 0 ;
	
}

#colonneinfos2 #coordonneesNounou li {
	float: left ;
	list-style-type: none ;
	text-decoration: none ;
	margin-left: 5px ;
	font: 12px/20px verdana,sans-serif ;
}

#colonneinfos2 #coordonneesNounou li.droite {
	float: right ;
	margin-right: 5px ;
}

#colonneinfos2 #coordonneesNounou li a:link { text-decoration: none ; color: #00B0F0 }
#colonneinfos2 #coordonneesNounou li a:visited { text-decoration: none ; color: #00B0F0 }
#colonneinfos2 #coordonneesNounou li a:hover { text-decoration: none ; color: #77B747 }



#menubookmark {
	width: 488px ;
	height: 22px ;
	border: 1px solid #77B747;
}

#menubookmark ul {
	padding : 0 ;
	margin: 0 ;
}

#menubookmark li {
	display: block ;
	float: left ;
	font: 12px/16px verdana, arial,sans-serif ;
	color: #00B0F0 ;
	list-style-type: none ;
	padding: 3px ;
}

#menubookmark li.righ {
	float: right ;
}

#menubookmark li a:link { text-decoration: underline ; color: #00B0F0 }
#menubookmark li a:visited { text-decoration: underline ; color: #00B0F0 }
#menubookmark li a:hover { text-decoration: none ; color: #00B0F0 }

#menubookmark li.righ a:link { text-decoration: underline ; color: #FAAE39 }
#menubookmark li.righ a:visited { text-decoration: underline ; color: #FAAE39 }
#menubookmark li.righ a:hover { text-decoration: none ; color: #FAAE39 }

#menu_rubriques ul.menu_rubrique {
	padding-top : 30px ;
	margin: 0 ;
}

#menu_rubriques li.menu_rubrique {
	display: block ;
	float: left ;
	height: 13px ;
	margin-left: 1px ;
	margin-right: 1px ;
	padding-left: 2px ;
	padding-right: 2px ;
	font: 11px/13px verdana, arial,sans-serif ;
	color: #fff ;
	text-align: center;
	list-style-type: none ;
	text-decoration: none ;
	background-color: #FAAE39;
}

#menu_rubriques li a:link { text-decoration: none ; color: #fff }
#menu_rubriques li a:visited { text-decoration: none ; color: #fff }
#menu_rubriques li a:hover { text-decoration: none ; color: #00B0F0 }

#accesPage {
	margin-top : 10px ;
	text-align: center ;
	font: 11px arial, verdana,sans-serif ;
	color: #00B0F0 ;
}



#accesPage .page:link { padding-left: 10px ;  padding-right: 10px ; font: 11px arial, verdana,sans-serif ; font-weight: bold ; text-decoration: none ; color: #00B0F0 }
#accesPage .page:visited { padding-left: 10px ;  padding-right: 10px ; font: 11px arial, verdana,sans-serif ; font-weight: bold ; text-decoration: none ; color: #00B0F0 }
#accesPage .page:hover { padding-left: 10px ;  padding-right: 10px ; font: 11px arial, verdana,sans-serif ; font-weight: bold ; text-decoration: none ; color: #FAAE39 }

#accesPage .annonce:link {  text-decoration: none ; color: #77B747 }
#accesPage .annonce:visited { text-decoration: none ; color: #77B747 }
#accesPage .annonce:hover { text-decoration: none ; color: #FAAE39 }

#menugauche {
	float: left ;
	width: 173px ;
	margin-left: 20px ;
	margin-top: 30px ;
}

#menugauche #fla {
	width: 172px ;
	height: 204px ;
	margin-top: 30px ;
	background-color: #00B0F0;
}


#menugauche ul.menu {
	padding : 3px ;
	margin: 0 ;
	margin-bottom: 20px ;
	border: 1px solid #77B747 ;
}

#menugauche ul.sous_menu {
	padding : 0 ;
	padding-left: 3px ;
	margin: 0 ;
	border: 0 ;
}

#menugauche p {
	margin-top: 21px ;
}

#menugauche li.menu {
	display: block ;
	width: 166px ;
	height: 16px ;
	margin-bottom: 3px ;
	font: 12px/16px verdana, arial,sans-serif ;
	color: #fff ;
	text-align: center;
	margin-right: 4px ;
	list-style-type: none ;
	text-decoration: none ;
	background-color: #00B0F0;
}

#menugauche li.sous_menu {
	margin-bottom: 3px ;
	font: 12px/16px verdana,arial,sans-serif ;
	text-align: left;
	list-style-type: none ;
	text-decoration: none ;
	background-color: #fff;
}

#menugauche li.sous_menu a:link { text-decoration: none ; color: #77B747 }
#menugauche li.sous_menu a:visited { text-decoration: none ; color: #BEE138 }
#menugauche li.sous_menu a:hover { text-decoration: none ; color: #00B0F0 }

#menugauche li a:link { text-decoration: none ; color: #fff }
#menugauche li a:visited { text-decoration: none ; color: #fff }
#menugauche li a:hover { text-decoration: none ; color: #77B747 }

#fenetrealerte {
	margin: 10px ;
}

#fenetrealerte h1 {
	margin-top: 15px ;
	margin-bottom: 10px ;
	text-align: center ;
	font: 13px/20px arial, verdana,sans-serif ;
	color: #00B0F0 ;
	text-decoration: none ;
	font-weight: bold ;
}

/*** Pour tous les formulaires ***/ 

.titreForm, .piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: 16px/20px arial, verdana,sans-serif ;
	font-weight: bold ;
	color: #fff;
	background: #77B747;
	margin: 0;
	padding: .25em;
	text-align: center ;
}
.piedForm {
	text-align: right; /*** Les boutons sont alignÈs ý droite ***/
}
.piedForm input {
	font-weight: bold; /*** Pour amÈliorer la lisibilitÈ des boutons ***/
	margin-left: 1em;
}

/*** Mise en forme du formulaire d'acces ***/

#acces {
	border: none;
	margin: 0;
	padding: 0;
} 

/*** Mise en forme du formulaire de recherche rapide interne ***/

#rechercheRapideInterne {
	border: none;
	margin: 0;
	padding: 0;
	width: 490px;	/*** Largeur du formulaire ***/
}  
  
#corpsrechercheRapideInterne {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #77B747;
	color: black;
	background: #DEF6FF;
	margin: 0;
	padding: 1em;
}

#corpsrechercheRapideInterne p {
	border: 0 ;
}

#corpsrechercheRapideInterne fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}  

#corpsrechercheRapideInterne .legende {	/*** Mise en forme des aides contextuelles ***/
	font: 9px verdana,sans-serif ;
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}

#corpsrechercheRapideInterne legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #00B0F0;
	background: transparent;
}

#corpsrechercheRapideInterne #bouton {	/*** Mise en forme des titres des cadres ***/
	padding: 0 ;
	margin-left: 10px;
}

#corpsrechercheRapideInterne .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corpsrechercheRapideInterne .normal {	/*** Retour ý l'Ètat normal aprËs l'utilisation ***/
	background: white;
	color: black;
}

#corpsrechercheRapideInterne .alerte {	/*** Mis en Èvidence des champs mal renseignÈs ***/
	border: 1px solid red;
}
#corpsrechercheRapideInterne .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif../images/') no-repeat left center;
}
  
/*** Mise en forme du formulaire de recherche rapide ***/

#rechercherapide {
	border: none;
	margin: 0;
	padding: 0;
	width: 430px;	/*** Largeur du formulaire ***/
}  
  
#corpFormRechercheRapide {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	color: black;
	margin: 0;
	padding: 1em;
}

#corpFormRechercheRapide fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}  

#corpFormRechercheRapide .legende {	/*** Mise en forme des aides contextuelles ***/
	font: 9px verdana,sans-serif ;
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}

#corpFormRechercheRapide legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #00B0F0;
	background: transparent;
}

#corpFormRechercheRapide #bouton {	/*** Mise en forme des titres des cadres ***/
	padding: 0 ;
	margin-left: 10px;
}

#corpFormRechercheRapide .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corpFormRechercheRapide .normal {	/*** Retour ý l'Ètat normal aprËs l'utilisation ***/
	background: white;
	color: black;
}

/*** Mise en forme du formulaire d'inscription parents page accueil***/

#preInscriptionParents {
	border: none;
	margin: 0;
	padding: 0;
	width: 430px;	/*** Largeur du formulaire ***/
}
  
#corppreInscriptionParents {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #77B747;
	color: black;
	background: #DEF6FF;
	margin: 0;
	padding: 1em;
}

#corppreInscriptionParents fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}  

#corppreInscriptionParents .legende {	/*** Mise en forme des aides contextuelles ***/
	font: 9px verdana,sans-serif ;
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}

#corppreInscriptionParents legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #00B0F0;
	background: transparent;
}  

#corppreInscriptionParents fieldset label {	/*** Mise en forme des intitulÈs de champs ***/
	float: left;	/*** TrËs important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulÈs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignÈs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}  

#corppreInscriptionParents h1 {
	font: 14px arial, verdana,sans-serif ;
	margin: 0 ;
	color: #00B0F0 ;
	font-weight: bold ;
	text-align: left ;
}

#corppreInscriptionParents label {
	font: 11px verdana,sans-serif ;
	font-weight: bold;	/*** Mise en Èvidence des champs obligatoires ***/
}

#corppreInscriptionParents p {
	margin: 3px ;
}

#corppreInscriptionParents .presentation {
	margin: 10px ;
	border : 0 ;
}

#corppreInscriptionParents .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corppreInscriptionParents .normal {	/*** Retour ý l'Ètat normal aprËs l'utilisation ***/
	background: white;
	color: black;
}


 
/*** Mise en forme du formulaire d'inscription nounous page accueil***/

#preInscriptionNounou {
	border: none;
	margin: 0;
	padding: 0;
	width: 430px;	/*** Largeur du formulaire ***/
}
  
#corppreInscriptionNounou {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #77B747;
	color: black;
	background: #DEF6FF;
	margin: 0;
	padding: 1em;
}

#corppreInscriptionNounou fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}  

#corppreInscriptionNounou .legende {	/*** Mise en forme des aides contextuelles ***/
	font: 9px verdana,sans-serif ;
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}

#corppreInscriptionNounou legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #00B0F0;
	background: transparent;
}  

#corppreInscriptionNounou fieldset label {	/*** Mise en forme des intitulÈs de champs ***/
	float: left;	/*** TrËs important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulÈs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignÈs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}  

#corppreInscriptionNounou h1 {
	font: 14px arial, verdana,sans-serif ;
	margin: 0 ;
	margin-bottom: 7px ;
	color: #77B747 ;
	font-weight: bold ;
	text-align: left ;
}  

#corppreInscriptionNounou h2 {
	font: 12px arial, verdana,sans-serif ;
	margin: 0 ;
	margin-bottom: 10px ;
	color: #00B0F0 ;
	font-weight: bold ;
	text-align: left ;
} 

#corppreInscriptionNounou label {
	font: 11px verdana,sans-serif ;
	font-weight: bold;	/*** Mise en Èvidence des champs obligatoires ***/
}

#corppreInscriptionNounou p {
	margin: 3px ;
	border: 0 ;
	padding: 0 ;
}

#corppreInscriptionNounou .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corppreInscriptionNounou .normal {	/*** Retour ý l'Ètat normal aprËs l'utilisation ***/
	background: white;
	color: black;
}

/*** Mise en forme du formulaire inscription parents***/

#inscriptionParents {
	border: none;
	margin: 0;
	padding: 0;
	margin-top: 40px ;
	margin-bottom: 20px ;
	margin-left: 50px ;
	width: 640px;	/*** Largeur du formulaire ***/
}

#corpForminscriptionParents {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #77B747;
	color: black;
	background: #DEF6FF;
	margin: 0;
	padding: 1em;
}
#corpForminscriptionParents fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForminscriptionParents legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #00B0F0;
	background: transparent;
}
#corpForminscriptionParents p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForminscriptionParents fieldset#coordonnees label {	/*** Mise en forme des intitulÈs de champs ***/
	float: left;	/*** TrËs important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulÈs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignÈs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}
#corpForminscriptionParents fieldset#motDePasse label {	/*** Mise en forme des intitulÈs de champs ***/
	float: left;	/*** TrËs important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulÈs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignÈs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}
#corpForminscriptionParents fieldset#paiement label {	/*** Mise en forme des intitulÈs de champs ***/
	float: left;	/*** TrËs important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulÈs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignÈs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}
#corpForminscriptionParents label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs ý cliquer sur les intitulÈs ***/
}

#corpForminscriptionParents fieldset#annonce label.degagement {
	width: 100%;
	clear: both ;
	text-align: left;
	padding-top: .5em ;
	}


#corpForminscriptionParents label {
	font-weight: bold;	/*** Mise en Èvidence des champs obligatoires ***/
}

#corpForminscriptionParents .cgu {
	font-weight: normal;	/*** Mise en Èvidence des champs obligatoires ***/
}

#corpForminscriptionParents .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForminscriptionParents a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForminscriptionParents a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForminscriptionParents a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForminscriptionParents .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corpForminscriptionParents .normal {	/*** Retour ý l'Ètat normal aprËs l'utilisation ***/
	background: white;
	color: black;
}

#corpForminscriptionParents .alerte {	/*** Mis en Èvidence des champs mal renseignÈs ***/
	border: 1px solid red;
}
#corpForminscriptionParents .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif../images/') no-repeat left center;
}

#corpForminscriptionParents .abonnement {	/*** Retour ý l'Ètat normal aprËs l'utilisation ***/
	font: 11px verdana,sans-serif ;
	font-weight: bold ;
	color: #00B0F0 ;
}

/*** Mise en forme du formulaire inscription nounous***/

#inscriptionNounou {
	border: none;
	margin: 0;
	padding: 0;
	margin-top: 40px ;
	margin-bottom: 20px ;
	margin-left: 50px ;
	width: 640px;	/*** Largeur du formulaire ***/
}
#corpFormNounou {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #77B747;
	color: black;
	background: #DEF6FF;
	margin: 0;
	padding: 1em;
}
#corpFormNounou fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpFormNounou legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #00B0F0;
	background: transparent;
}
#corpFormNounou p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpFormNounou fieldset#coordonneesNounou label {	/*** Mise en forme des intitulÈs de champs ***/
	float: left;	/*** TrËs important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulÈs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignÈs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}
#corpFormNounou fieldset#annonceNounou label {	/*** Mise en forme des intitulÈs de champs ***/
	float: left;	/*** TrËs important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulÈs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignÈs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}
#corpFormNounou label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs ý cliquer sur les intitulÈs ***/
}

#corpFormNounou fieldset#annonceNounou label.degagement {
	width: 100%;
	clear: both ;
	text-align: left;
	padding-top: .5em ;
	}


#corpFormNounou label {
	font-weight: bold;	/*** Mise en Èvidence des champs obligatoires ***/
}

#corpFormNounou .cgu {
	font-weight: normal;	/*** Mise en Èvidence des champs obligatoires ***/
}

#corpFormNounou .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpFormNounou a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpFormNounou a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpFormNounou a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpFormNounou .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corpFormNounou .normal {	/*** Retour ý l'Ètat normal aprËs l'utilisation ***/
	background: white;
	color: black;
}

#corpFormNounou .alerte {	/*** Mis en Èvidence des champs mal renseignÈs ***/
	border: 1px solid red;
}
#corpFormNounou .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif../images/') no-repeat left center;
}

/*** Mise en forme du formulaire de modification du compte***/

#FormCompte {
	border: none;
	margin: 0;
	padding: 0;
	width: 490px;	/*** Largeur du formulaire ***/
	font: 10px verdana,sans-serif ;
} 

#FormCompte p {
	border: 0 ;
}
#corpFormCompte {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #77B747;
	color: black;
	background: #DEF6FF;
	margin: 0;
	padding: 1em;
}
#corpFormCompte fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpFormCompte legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #00B0F0;
	background: transparent;
}
#corpFormCompte p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpFormCompte fieldset#coordonneesCompte label {	/*** Mise en forme des intitulÈs de champs ***/
	float: left;	/*** TrËs important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulÈs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignÈs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}
#corpFormCompte fieldset#motDePasse label {	/*** Mise en forme des intitulÈs de champs ***/
	float: left;	/*** TrËs important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulÈs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignÈs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}
#corpFormCompte label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs ý cliquer sur les intitulÈs ***/
}

#corpFormCompte fieldset#annonceCompte label.degagement {
	width: 100%;
	clear: both ;
	text-align: left;
	padding-top: .5em ;
	}

#corpFormCompte fieldset#Options {
	font: 11px verdana,sans-serif ;
	font-weight: normal;
	color: #000;
}
#corpFormCompte label {
	font-weight: bold;	/*** Mise en Èvidence des champs obligatoires ***/
}

#corpFormCompte .cgu {
	font-weight: normal;	/*** Mise en Èvidence des champs obligatoires ***/
}

#corpFormCompte .legende {	/*** Mise en forme des aides contextuelles ***/
	font: 9px verdana,sans-serif ;
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpFormCompte a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpFormCompte a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpFormCompte a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpFormCompte .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corpFormCompte .normal {	/*** Retour ý l'Ètat normal aprËs l'utilisation ***/
	background: white;
	color: black;
}

#corpFormCompte .alerte {	/*** Mis en Èvidence des champs mal renseignÈs ***/
	border: 1px solid red;
}
#corpFormCompte .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif../images/') no-repeat left center;
}
#corpFormCompte .abonnement {	/*** Retour ý l'Ètat normal aprËs l'utilisation ***/
	font: 11px verdana,sans-serif ;
	font-weight: bold ;
	color: #00B0F0 ;
}
#corpFormCompte fieldset#paiement label {	/*** Mise en forme des intitulÈs de champs ***/
	float: left;	/*** TrËs important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulÈs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignÈs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}

/*** Mise en forme des formulaires interne d'annonces***/

#annonces {
	border: none;
	margin: 0;
	padding: 0;
	width: 490px;	/*** Largeur du formulaire ***/
}

#corpFormAnnonces {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #77B747;
	color: black;
	background: #DEF6FF;
	margin: 0;
	padding: 1em;
}
#corpFormAnnonces fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpFormAnnonces legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #00B0F0;
	background: transparent;
}
#corpFormAnnonces p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
	border: 0 ;
}
#corpFormAnnonces fieldset#corpFormAnnonces label {	/*** Mise en forme des intitulÈs de champs ***/
	float: left;	/*** TrËs important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulÈs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignÈs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}

#corpFormAnnonces label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs ý cliquer sur les intitulÈs ***/
}

#corpFormAnnonces fieldset#corpFormAnnonces label.degagement {
	width: 100%;
	clear: both ;
	text-align: left;
	padding-top: .5em ;
	}


#corpFormAnnonces label {
	font-weight: bold;	/*** Mise en Èvidence des champs obligatoires ***/
}

#corpFormAnnonces .cgu {
	font-weight: normal;	/*** Mise en Èvidence des champs obligatoires ***/
}

#corpFormAnnonces .legende {	/*** Mise en forme des aides contextuelles ***/
	font: 9px verdana,sans-serif ;
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpFormAnnonces a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpFormAnnonces a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpFormAnnonces a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpFormAnnonces .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corpFormAnnonces .normal {	/*** Retour ý l'Ètat normal aprËs l'utilisation ***/
	background: white;
	color: black;
}

#corpFormAnnonces .alerte {	/*** Mis en Èvidence des champs mal renseignÈs ***/
	border: 1px solid red;
}
#corpFormAnnonces .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif../images/') no-repeat left center;
}

/*** Mise en forme du formulaire d'inscription parents page resultat recherche***/

#preInscriptionParentsRecherche {
	border: none;
	margin: 0;
	padding: 0;
	width: 490px;	/*** Largeur du formulaire ***/
}  

#corppreInscriptionParentsRecherche {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #77B747;
	color: black;
	background: #DEF6FF;
	margin: 0;
	margin-top: 20px ;
	padding: 1em;
}

#corppreInscriptionParentsRecherche fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}  

#corppreInscriptionParentsRecherche .legende {	/*** Mise en forme des aides contextuelles ***/
	font: 9px verdana,sans-serif ;
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}

#corppreInscriptionParentsRecherche legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #00B0F0;
	background: transparent;
}  

#corppreInscriptionParentsRecherche fieldset label {	/*** Mise en forme des intitulÈs de champs ***/
	float: left;	/*** TrËs important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulÈs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignÈs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}  

#corppreInscriptionParentsRecherche h1 {
	font: 14px arial, verdana,sans-serif ;
	margin: 0 ;
	color: #00B0F0 ;
	font-weight: bold ;
	text-align: left ;
}

#corppreInscriptionParentsRecherche label {
	font: 11px verdana,sans-serif ;
	font-weight: bold;	/*** Mise en Èvidence des champs obligatoires ***/
}

#corppreInscriptionParentsRecherche p {
	border: 0 ;
	padding: 0 ;
	margin: 3px ;
}

#corppreInscriptionParentsRecherche .presentation {
	margin-left: 5px ;
	margin-right: 5px ;
	margin-bottom: 10px ;
	border : 0 ;
}

#corppreInscriptionParentsRecherche .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corppreInscriptionParentsRecherche .normal {	/*** Retour ý l'Ètat normal aprËs l'utilisation ***/
	background: white;
	color: black;
}


/*** Mise en forme des tableaux ***/

.tableauAnnonces {
	width: 490px ;
	border: 0 ;
	padding: 5px ;
}

.tableauAnnonces th {
	font-family: arial, helvetica, geneva, sans-serif; 
	font-size: 12px ;
	font-weight: bold;
	color: #fff;
	background-color: #00B0F0 ;
	text-align: center :
}

.tableauAnnonces td {
	font-family: arial, helvetica, geneva, sans-serif; 
	font-size: 12px ;
	color: #000;
	background-color: #C5DFE8 ;
	text-align: left :
}

/*** Autre ***/

.bleu {
	color: #00B0F0;
	text-decoration: none ;
}

.bleunderline {
	color: #00B0F0;
	font-weight: bold ;
	text-decoration: none ;
}

/*** Mise en forme du formulaire de question***/

#FormQuestion {
	border: none;
	margin: 0;
	padding: 0;
	width: 432px;	/*** Largeur du formulaire ***/
} 

#FormQuestion p {
	border: 0 ;
}
 
#corpFormQuestion {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 0 ;
	color: black;
	margin: 0;
	padding: 1em;
}
#corpFormQuestion fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpFormQuestion legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #00B0F0;
	background: transparent;
}
#corpFormQuestion p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpFormQuestion label {	/*** Mise en forme des intitulÈs de champs ***/
	float: left;	/*** TrËs important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulÈs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignÈs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}
#corpFormQuestion label {
	font-weight: bold;	/*** Mise en Èvidence des champs obligatoires ***/
}
#corpFormQuestion .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corpFormQuestion .normal {	/*** Retour ý l'Ètat normal aprËs l'utilisation ***/
	background: white;
	color: black;
}
.piedFormQuestion {
	text-align: right; /*** Les boutons sont alignÈs ý droite ***/
}

/*** Mise en forme du formulaire de commande des chèques cadeau***/

#FormCheque {
	border: none;
	font: 10px verdana,sans-serif ;
	margin: 0;
	padding: 0;
	width: 490px;	/*** Largeur du formulaire ***/
} 

#FormCheque p {
	border: 0 ;
}
 
#corpFormCheque {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #00B0F0;
	color: black;
	background: #DEF6FF;
	margin: 0;
	padding: 1em;
}
#corpFormCheque fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpFormCheque legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #00B0F0;
	background: transparent;
}
#corpFormCheque p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpFormCheque fieldset#coordonneesCommande label {	/*** Mise en forme des intitulÈs de champs ***/
	float: left;	/*** TrËs important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulÈs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignÈs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}
#corpFormCheque fieldset#facturationCommande label {	/*** Mise en forme des intitulÈs de champs ***/
	float: left;	/*** TrËs important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulÈs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignÈs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}
#corpFormCheque fieldset#facturationCommande label {	/*** Mise en forme des intitulÈs de champs ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrÈs verticalement. ***/
}
#corpFormCheque label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs ý cliquer sur les intitulÈs ***/
}

#corpFormCheque fieldset#annonceCompte label.degagement {
	width: 100%;
	clear: both ;
	text-align: left;
	padding-top: .5em ;
	}

#corpFormCheque fieldset#Options {
	font: 10px verdana,sans-serif ;
	font-weight: normal;
	color: #000;
}
#corpFormCheque label {
	font-weight: bold;	/*** Mise en Èvidence des champs obligatoires ***/
}

#corpFormCheque .cgu {
	font-weight: normal;	/*** Mise en Èvidence des champs obligatoires ***/
}

#corpFormCheque .legende {	/*** Mise en forme des aides contextuelles ***/
	font: 9px verdana,sans-serif ;
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpFormCheque a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpFormCheque a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpFormCheque a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpFormCheque .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corpFormCheque .normal {	/*** Retour ý l'Ètat normal aprËs l'utilisation ***/
	background: white;
	color: black;
}

#corpFormCheque .alerte {	/*** Mis en Èvidence des champs mal renseignÈs ***/
	border: 1px solid red;
}
#corpFormCheque .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif../images/') no-repeat left center;
}
.titreFormCheque, .piedFormCheque {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: 14px/16px arial, verdana,sans-serif ;
	font-weight: bold ;
	color: #fff;
	background: #00B0F0;
	margin: 0;
	padding: .25em;
	text-align: center ;
}
.piedFormCheque {
	text-align: right; /*** Les boutons sont alignÈs ý droite ***/
}
.piedFormCheque input {
	font-weight: bold; /*** Pour amÈliorer la lisibilitÈ des boutons ***/
	margin-left: 1em;
}