/*** 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;
}

/******************** 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{color:#fe7e00;}
#header #connecter a:hover{text-decoration:underline;}


/**************** 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;
}


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

#filariane {margin:6px 0 0px 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;
}

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{
margin:0px 15px 14px 15px;
list-style-image:url(../images/puce_blanche.gif);
}

#coldroite ul.csc-bulletlist-0 li{
margin:4px 0 0 0;
padding:0;
list-style-image:url(../images/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 select{
margin-bottom:10px;
}

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

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

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

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

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;} 

/******************** ESPACE PROFESSEUR***************/
h1 { color:#ff7f00;font-size:11px;}

#colgauche a{color:#e1dedd;}
#colgauche a:hover {color:#e1dedd; text-decoration:underline;}
#colgauche ul.csc-bulletlist-0{
clear:left;
margin:10px 25px !important;
margin:10px 27px;
list-style-image:url(../images/puce_blanche.gif);
}
#colgauche ul.csc-bulletlist-0-marron{
font-weight:bold;
color:#fff;
margin:10px 22px !important;
margin:10px 24px;
list-style-image:url(../images/puce_blanche_maron.gif);
}