/* CSS Document */
body{
background-color:#DBDBDB;
font-family:Arial, Helvetica, sans-serif;
}
#main{
background-color:#FFFFFF;
width:973px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:1em;
padding-top:0em;
}
#head{
background-image:url(images/bg_head.jpg);
width:973px;
height:187px;
}
.clear{
clear:both;
}
.justifie{
text-align:justify;
}
#gauche{
float:left;
width:230px;
}
#droite{
float:right;
width:720px;
padding-right:15px;
padding-top:0px;
margin-top:0px;
}
.visible{
}
.hidden{
}
#footer{
background-color:#DBDBDB;
padding-top:1px;
color:#000000;
font-size:0.7em;
text-align:center;
padding-right:1em;
}
#footer img{
float:right;
}
#footer span{
display:block;
float:right;
height:17px;
line-height:17px;
}
/**********************************
***********      MENU     *********
**********************************/
#menu{
margin:0px;
padding:0px;
margin-top:6px;
margin-left:6px;
margin-bottom:6px;
}

#menu li{
background-color:#000000;
list-style:none;
margin-top:3px;
text-align:center;
}

#menu li a{
display:block;
color:#FFFFFF;
text-decoration:none;
font-weight:100;
font-size:1.1em;
height:1.5em;
line-height:1.5em;
}
#menu li a:hover{
color:#FFB400;
}
#centres, #menu-agenda{
background-color:#DBDBDB;
text-align:left;
margin:0;
padding:0;
padding-top:0.5em;
padding-bottom:0.5em;
}
#centres li, #menu-agenda li{
background-color:#DBDBDB;
background-image:url(images/fleche.gif);
background-repeat:no-repeat;
background-position:left;
text-align:left;
margin:0;
padding:0;
margin-left:1em;
}
#centres li a, #menu-agenda li a{
color:#000000;
font-size:0.9em;
padding-left:1em;
}
/**********************************
**********     ARIANNE    *********
**********************************/
#entete{
margin:0px;
padding:0px;
margin-top:7px;
height:1.5em;
line-height:1.5em;
}
#arianne{
font-size:0.8em;
margin:0;
padding:0;
float:left;
}
#arianne li{
background-image:url(images/separ_arianne.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:10px;
display:inline;
list-style:none;
}
#arianne li.no_arrow{
background-image:none;
padding-left:0px;
}
#arianne li a{
text-decoration:none;
color:#000000;
}
#arianne li a:hover{
text-decoration:underline;
}
#next_event{
float:right;
}
#next_event a{
color:#000000;
text-decoration:none;
}
#next_event a:hover{
text-decoration:underline;
}
#next_event #next_contenu{
float:left;
} 
#next_event #next_gauche{
display:block;
background-image:url(images/agenda_tete_G.gif);
background-repeat:no-repeat;
background-position:center;
width:6px;
height:1.5em;
float:left;
margin-right:0.5em;
}
#next_event #next_droite{
display:block;
background-image:url(images/agenda_tete_D.gif);
background-repeat:no-repeat;
background-position:center;
width:6px;
height:1.5em;
float:left;
margin-left:0.5em;
margin-right:0.2em;
}
/**********************************
*********     CONTENT     *********
**********************************/
h1{
display:block;
background-image:url(images/titre_bg.gif);
background-repeat:no-repeat;
background-position:left bottom;
font-size:1.5em;
font-weight:100;
}
h1.accueil{
font-size:1.2em;
text-align:center;
background-image:none;
margin-top:1em;
color:#FFB400;
}
h2{
background-image:url(images/sous-titre_bg.gif);
background-position:left center;
background-repeat:repeat-y;
display:block;
font-size:1em;
font-weight:100;
height:1.4em;
line-height:1.4em;
padding-left:0.5em;
color:#5E5E5E;
}
h3{
display:block;
font-size:0.8em;
font-weight:bold;
border-bottom:solid #FFB400 1px;
width:70%;
}
.niveau_3{
padding-left:1em;
}
#content{
font-size:1em;
padding-left:15px;
float:right;
width:715px;
}
#content a{
color:#000000;
}
#content a:hover{
text-decoration:none;
}
.niveau_2{
padding-left:1.5em;
}
.niveau_2 p{
text-align:justify;
}
.contacts{
padding-left:1em;
margin-left:0em;
}
.contacts li{
list-style-type:none;
background-image:url(images/puce.gif);
background-repeat:no-repeat;
background-position:left center;
line-height:1.3em;
height:1.3em;
padding-left:1em;
}
.contacts li a{
color:#000000;
text-decoration:none;
}
.contacts li a:hover{
text-decoration:underline;
}


.puce_carre{
padding-left:1em;
margin-left:0em;
}
.puce_carre li{
list-style-type:none;
background-image:url(images/puce.gif);
background-repeat:no-repeat;
background-position:left center;
line-height:1.3em;
/*height:1.3em;*/
padding-left:1em;
}
.puce_carre li a{
color:#000000;
text-decoration:none;
}
.puce_carre li a:hover{
text-decoration:underline;
}

.puce_fleche{
padding-left:1em;
margin-left:1em;
}
.puce_fleche li{
list-style-type:none;
list-style-image:url(images/fleche_puce.gif);
}
.puce_fleche li a{
color:#000000;
}
.puce_fleche li a:hover{
text-decoration:none;
}
.centres{
padding-left:1em;
margin-left:1em;
}
.centres li{
list-style-type:none;
list-style-image:url(images/fleche_puce.gif);
}
.centres li ul{
padding-left:1em;
}
.centres li ul li{
list-style-type:none;
list-style-image:url(images/puce.gif);
}
.centres li ul li a{
color:#000000;
text-decoration:none;
}
.centres li ul li a:hover{
text-decoration:underline;
}
.photos_lightbox a img{
border:none;
}
/*******   contact  ********/
.adresse{
background-image:url(images/home.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:40px;
}
.phone{
background-image:url(images/phone.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:40px;
height:25px;
line-height:25px;
}
.mail{
background-image:url(images/mail.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:40px;
height:25px;
line-height:25px;
}
.haut_page{
border-width:0px;
border-style:none;
text-decoration:none;
color:#000000;
padding-bottom:3px;
}
.haut_page a{
text-decoration:none;
color:#000000;
}
.haut_page a:hover{
text-decoration:underline;
}
.haut_page img{
border-width:0px;
border-style:none;
}
/**********************************
*********     ACCUEIL     *********
**********************************/
#mot_accueil{
width:475px;
height:auto;
float:left;
}
#mot_accueil p{
text-align:justify;
}
.accueil{
margin-left:12px;
margin-right:12px;
margin-top:7px;
margin-bottom:7px;
}
/**********************************
*********      AGENDA     *********
**********************************/
.evenement{
background-image:url(images/agenda_bordure_bg.gif);
background-position:left top;
background-repeat:no-repeat;
margin-bottom:10px;
margin-left:10px;
padding:12px;
padding-top:14px;
}
.illustration{
float:left;
text-align:center;
/*width:140px;*/
}
.illustration img{
border:#CCCCCC solid 1px;
margin-left:3px;
margin-right:7px;
}
.details{
float:left;
width:550px;
}
.titre{
background-image:url(images/agenda_titre_bg.gif);
background-repeat:no-repeat;
background-position:left;
font-weight:100;
font-size:1em;
height:22px;
line-height:22px;
padding-left:0.3em;
}
.descriptif{
margin-top:0.5em;
text-align:justify;
}
#event_past{
padding-left:1em;
}
#event_past li{
list-style-type:none;
background-image:url(images/puce.gif);
background-repeat:no-repeat;
background-position:left center;
line-height:1.3em;
height:1.3em;
padding-left:1em;
}
#agenda_choix_tri{
text-align:center;
margin-bottom:0.3em;
}
#agenda_choix_tri a{
color:#FFB400;
padding-left:0.7em;
padding-left:0.7em;
}
#agenda_choix_tri a:hover{
text-decoration:none;
}

#evenements_agenda div.liste{
height:16px;
line-height:16px;
margin-top:0.5em;
margin-left:1em;
padding-left:1em;
background-image:url(images/puce_16.gif);
background-repeat:no-repeat;
background-position:center left;
}

#evenements_agenda div a img{
border:none;
}
/**********************************
*********     CENTRES     *********
**********************************/
#col_droite{
float:right;
width:160px;
padding-left:5px;
}
#col_droite img{
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:7px;
border:none;
}
/**********************************
*********     CONTACT     *********
**********************************/
.fonction{
display:block;
width:8.2em;
float:left;
}
.nom{
display:block;
float:left;
/*width:12em;*/
}
.couriel{
display:block;
float:left;
}
#liens_exterieurs{
margin-bottom:1em;
}
#liens_exterieurs a{
color:#000000;
border:none;
display:block;

text-decoration:none;
}
#liens_exterieurs a img{
border:none;
text-decoration:none;
}
#table_liens tr td{
vertical-align:bottom;
text-align:center;
width:135px;
padding-left:0.5em;
padding-right:0.5em;
}

/******    DOCUMENTS     ******/

#pagination_docs{
}
#pagination_docs span{
cursor:pointer;
margin-right:0.2em;
padding-left:1px;
padding-right:1px;
}
#pagination_docs span:over{
text-decoration:underline;
}
.page_hover{
background-color:#CCCCCC;
}
.page_out{
background-color:#FFFFFF;
}

/*********************************
*******    Rameaux 2010    *******
*********************************/
#rameaux #description{
display:inline;
/*margin-left:10px;
padding-right:20px;
width:470px;*/
}
#rameaux #affiche{
margin-left:2em;
float:right;
}

#rameaux #description #top{
font-size:14px;
list-style-type:none;
padding-left:0;
padding-right:0;
}
#rameaux #description #top li{
text-align:right;
}
#rameaux #description #bot{
list-style-type:none;
padding-left:1em;
list-style-type:square;
}
#rameaux #description #bot li:before{
/*content: "- ";*/
}
#rameaux #description strong{
display:block;
text-align:center;
}
/*** formulaire ***/
#form_inscription_rameaux2010 label{
display:block;
width:9.3em;
float:left;
}
#form_inscription_rameaux2010 div{
clear:both;
margin-bottom:5px;
}
.msg_confirmation{
color:#FF0000;
}
.souligne{
text-decoration:underline;
}
/*********************************
*******   Glorious 2010    *******
*********************************/
#justifie p{
text-align:justify;
}
#form_reservation_glorious{
float:left;
}
#form_reservation_glorious label{
display:block;
width:9.3em;
float:left;
}
#form_reservation_glorious div{
clear:both;
margin-bottom:5px;
}
#form_reservation_glorious div #nbPlaces{
width:2em;
}
#form_reservation_glorious img{
padding-top:2px;
}
/**********************************
********   rentree 2010    ********
**********************************/
#rentree2010{
}
#rentree2010 #affiche{
display:block;
float:left;
margin-right:1em;
}
#rentree2010 #description p{
text-align:justify;
}