/*** Elements  generaux ****/


html,body{
margin:0;
padding:0;
background-color:#352317;
color:#e1dedd;
line-height:1.3em;
font-family:Arial,sans-serif;
font-size:11px;
text-align: center;
}

a{
text-decoration:none;
margin:0;
padding:0;
}

a:hover{
text-decoration:underline;
}

img{
border:0;
}

div,ul,li{
margin:0;
padding:0;
}

a.liensbleu{
color:#52abcd;
}

a:hover.liensbleu{
text-decoration:underline;
}

a.orange, #foot a.orange{
color:#ff7f00;
}

a:hover.orange, #foot a:hover.orange{
text-decoration:underline;
}

a.liensvert{
color:#9eb201;
}

a:hover.liensvert{
text-decoration:underline;
}

a.liensOrange{
color:#FDA448;text-decoration:underline;
}

a:hover.liensblanc{
text-decoration:underline;
}

.taille10{font-size:10px;}
.textCenter{text-align:center;}
.textRouge{color:#ff0000;font-weight:bold;}


/******************** Positionnement General des blocks *******************/


div#header{
height:180px;
width:100%;
background-image:url(../images/bandeau_sup_avec_logo.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}

div#page{
width:970px;text-align: left;margin:0 auto 0 auto;
}

div#corps{
width:708px;
margin:-17px auto;
padding: 0 0 10px 0;
border:0;
}

div#footer{
width:970px;
clear:both;
}


/******************** Header *****************/

/* encart connexion */
#header #connecter{
border-top:1px solid #685a51;
border-bottom:1px solid #685a51;
padding:4px 0; 
color:#fe7e00;
width:238px;
position:absolute;
left:432px;
top:30px;
font-size:0.9em;
}

#header #connecter a, #header #deconnecter a{color:#fe7e00;}
#header #connecter a:hover, #header #deconnecter a:hover {text-decoration:underline;}

/* encart connexion */
#header #deconnecter{
clear:left;
padding:4px 0; 
color:#fe7e00;
width:238px;
position:absolute;
left:432px;
top:50px;
font-size:0.9em;
text-align:right;
}
#header #deconnecter

/**************** Menu *******************/


ul#menu{
width:100%;
font-size:0;
}

ul#menu li{
list-style:none;
float: left;
height:55px;
}

#menu li a{
display:block;
text-decoration:none;
float:left;
}

/*------------- style pour le menu genere par typo3 ---------------*/
#menu li.item_2 a{
padding:27px 32px;
background-image:url(../images/btn_nav_accueil_off.gif);
background-repeat:no-repeat;
background-position:top left;
}

#menu li.item_2 a:hover{
padding:27px 32px;
background-image:url(../images/btn_nav_accueil_on.gif);
}

#menu li.item_5 a{
padding:27px 51px;
background-image:url(../images/btn_nav_eveil_off.gif);
background-repeat:no-repeat;
background-position:top left;
}

#menu li.item_5 a:hover{
padding:27px 51px;
background-image:url(../images/btn_nav_eveil_on.gif);
}

#menu li.item_6 a{
padding:27px 34px;
background-image:url(../images/btn_nav_enfants_off.gif);
background-repeat:no-repeat;
background-position:top left;
}

#menu li.item_6 a:hover{
padding:27px 34px;
background-image:url(../images/btn_nav_enfants_on.gif);
}

#menu li.item_7 a{
padding:27px 32px;
background-image:url(../images/btn_nav_jeunes_off.gif);
background-repeat:no-repeat;
background-position:top left;
}

#menu li.item_7 a:hover{
background-image:url(../images/btn_nav_jeunes_on.gif);
}

#menu li.item_8 a{
padding:27px 35px;
background-image:url(../images/btn_nav_adultes_off.gif);
background-repeat:no-repeat;
background-position:top left;
}

#menu li.item_8 a:hover{
background-image:url(../images/btn_nav_adultes_on.gif);
}

#menu li.item_9 a{
padding:27px 66px;
background-image:url(../images/btn_nav_soutien_off.gif);
background-repeat:no-repeat;
background-position:top left;
}

#menu li.item_9 a:hover{
background-image:url(../images/btn_nav_soutien_on.gif);
}

#menu li.item_4 a{
padding:27px 44px;
background-image:url(../images/btn_nav_services_off.gif);
background-repeat:no-repeat;
background-position:top left;
}

#menu li.item_4 a:hover{
background-image:url(../images/btn_nav_services_on.gif);
}

#menu li.item_3 a{
padding:27px 60px;
background-image:url(../images/btn_nav_nous_off.gif);
background-repeat:no-repeat;
background-position:top left;
}

#menu li.item_3 a:hover{
background-image:url(../images/btn_nav_nous_on.gif);
}
/*------------- ---------------*/
/************** SS MENU ***************/
ul#ssmenu{
clear:both;
font-size:9px;
width:100%;
}

ul#ssmenu li{
list-style:none;
float: left;
height:10px;
margin:0 3px;
}

ul#ssmenu li a{
display:block;
text-decoration:none;
color:white;
float:left;
}

/************** SS MENU 2***************/
ul#ssmenu2{
clear:both;
width:100%;
}

ul#ssmenu2 li{
list-style:none;
float: left;
margin:0px 3px 0px 1px;
padding: 0px 4px 0px 2px;
border-right:1px solid #fff;

}

ul#ssmenu2 li a{
display:block;
text-decoration:none;
color:white;
color:#ff7f00;
float:left;
}
ul#ssmenu2 li a:hover{text-decoration:underline;}

ul#ssmenu2 li.current a{
color:#ff7f00;
}
ul#ssmenu2 li.current a:hover{text-decoration:underline;}


/************** Fil arianne ***************/

#filariane {margin:9px 0 8px 0; padding:0;clear:left;float:left}
#filariane a{color:#fff;text-decoration:underline}


/**************** Bloc Visuels *******************/

.bandeauBas{
clear:both;
float:left;
margin:10px 0 0 0;
padding:0;
width:706px;
display:block;
}

/*.separateur{width:706px !important;width:700px;}*/

.separateur{width:706px;display:block;float:left}

/*************** Colonne centrale (fichiers html en dur) ***************/

#colcentre{
margin:0;
padding:0;
width:706px !important;
width:700px;
}

/**************** Colonne centre gauche *************/

#colgauche{
width:480px;
float:left;
}

#colgauche p{
/*margin-left:10px;
margin-right:10px;*/
margin:7px 10px;
}

#colgauche .csc-textpic-imagewrap{
margin-bottom:10px;
}

/**************** Colonne centre droite *************/
#coldroite{
width:214px;
float:right;
}

#zoneencart div{
float:left;
width:100px;
margin-top:5px;
}


.encartnumazur{
width:190px;
padding:45px 10px 0 10px !important;
padding:55px 10px 0 10px;
margin:14px 0 20px 0 !important;
margin:11px 0 20px 0;
background-image:url(../images/bloc_contact.gif);
background-repeat:no-repeat;
background-position:top left;
}
.encartnumazur br {line-height:8px;}

p.encartnumazur{
float:left;
height:80px;
width:200px;
padding:55px 10px 0 10px;
margin:0;
background-image:url(../images/enfants/bloc_contact.gif);
background-repeat:no-repeat;
background-position:top left;
}




#coldroite ul.csc-bulletlist-0{clear:left;
margin:0px 15px 14px 15px;
list-style-image:url(../images/espace_eleve/puce-blanche.gif);
}

#coldroite ul.csc-bulletlist-0 li{
margin:4px 0 0 0;
padding:0;
list-style-image:url(../images/espace_eleve/puce-blanche.gif);
}

#coldroite ul.csc-bulletlist-0 a{
color:#fff;text-decoration:underline;
}

#coldroite ul.csc-bulletlist-0 a:hover{
color:#fff;text-decoration:underline;
}

#coldroite img.block{display:block;}
#coldroite h1{margin:4px 0 1px 0 !important; margin:1px 0 1px 0;padding:0;font-size:11px;color:#FF7F00;}






#coldroite select{
margin-bottom:10px;
}

form#formdemandeinscription{
margin-top:15px;
}

form#formdemandeinscription input{
margin-bottom:5px;
}


/**************** bouton ********************/

ul#bouton li {list-style:none;display:block; height:28px;margin:5px 0px 
5px 35px !important; margin:5px 0px 0px 35px}
ul#bouton li a{display:block;}

ul#bouton li.inscrire a
{
height:28px;
padding:0 71px;
background-image:url(../../images/btn_cours_essai_off.gif);
background-repeat:no-repeat;
background-position:top left;
}

ul#bouton li.inscrire a:hover
{
height:28px;
padding:0 71px;
background-image:url(../../images/btn_cours_essai_on.gif);
background-repeat:no-repeat;
background-position:top left;
}
ul#bouton li.brochure a
{
height:28px;
padding:0 71px;
background-image:url(../../images/btn_demande_off.gif);
background-repeat:no-repeat;
background-position:top left;

}

ul#bouton li.brochure a:hover
{
height:28px;
padding:0 71px;
background-image:url(../../images/btn_demande_on.gif);
background-repeat:no-repeat;
background-position:top left;
}

#lien 
{
	margin:28px 0 0 0;
	height:37px; 
	padding:0px 0 0 0;
	background-image:url(../images/trait_ombre_big.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
#lien li {display:inline; list-style:none;}
#lien li.eveil a
{
	height:27px;
	padding:0px 52px;
	margin-left:10px;
	background-image:url(../images/enfants/btn_eveil_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
}
#lien li.eveil a:hover {background-image:url(../images/enfants/btn_eveil_on.gif);}
#lien li.jeune a
{
	height:27px;
	padding:0px 52px;
	margin-right:10px;
	background-image:url(../images/enfants/btn_jeune_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:right;
}
#lien li.jeune a:hover {background-image:url(../images/enfants/btn_jeune_on.gif);}

#lien li.enfant a
{
	height:27px;
	padding:0px 53px;
	margin-right:10px;
	background-image:url(../images/eveilmusical/btn_enfant_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:right;
}
#lien li.enfant a:hover {background-image:url(../images/eveilmusical/btn_enfant_on.gif);}

#lien li.enfant2 a
{
	height:27px;
	padding:0px 53px;
	margin-left:10px;
	background-image:url(../images/jeune/btn_enfant_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
}
#lien li.enfant2 a:hover {background-image:url(../images/jeune/btn_enfant_on.gif);}

#lien li.adulte a
{
	height:27px;
	padding:0px 53px;
	margin-right:10px;
	background-image:url(../images/jeune/btn_adulte_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:right;
}
#lien li.adulte a:hover {background-image:url(../images/jeune/btn_adulte_on.gif);}


#lien li.jeune2 a
{
	height:27px;
	padding:0px 53px;
	margin-left:10px;
	background-image:url(../images/adultes/btn_jeune_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
}
#lien li.jeune2 a:hover {background-image:url(../images/adultes/btn_jeune_on.gif);}

#lien li.soutien a
{
	height:27px;
	padding:0px 53px;
	margin-right:10px;
	background-image:url(../images/adultes/btn_soutien_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:right;
}
#lien li.soutien a:hover {background-image:url(../images/adultes/btn_soutien_on.gif);}


#lien li.adulte2 a
{
	height:27px;
	padding:0px 53px;
	margin-left:10px;
	background-image:url(../images/soutien/btn_adulte_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
}
#lien li.adulte2 a:hover {background-image:url(../images/soutien/btn_adulte_on.gif);}

/*ARMONY*/
#colgauche_2 ul.csc-bulletlist-0{clear:left;
margin:0px 15px 14px 15px;
list-style-image:url(../images/espace_eleve/puce-blanche.gif);
}

#colgauche_2 ul.csc-bulletlist-0 li{
margin:4px 0 0 0;
padding:0;
list-style-image:url(../images/espace_eleve/puce-blanche.gif);
}

#colgauche_2 ul.csc-bulletlist-0 a{
color:#fff;text-decoration:underline;
}

#colgauche_2 ul.csc-bulletlist-0 a:hover{
color:#fff;text-decoration:underline;
}

/*FIN ARMONY*/

/********************* Footer ************************/

#footer{
clear:both;
width:100%;
background-image:url(../images/ICM_footer.jpg);
background-repeat:repeat-x;
background-position:top center;
margin-top:0px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
}
#footer li {display:inline; list-style:none; border-right:1px solid #fff; padding:0 3px 0 4px;}

#footer li#paiementSecurise{display:inline; list-style:none; padding:0 3px 0 4px;float:right;margin-top:-17px;font-weight:bold;margin-right:10px;border:0;}


ul#footer li.orange a{color:#ff7f00;}
ul#footer li.orange a:hover{text-decoration:underline;}
#footer a, #footer a:hover{color:white;}
#footer li.noborder{border:0;}