/* Caractéristiques générales communes à toutes les pages hormis accueil ----- */
*{
margin: 0;
padding: 0;
border:0;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
color:#69777F;
text-align:center;
background-color:#FFF;
margin-bottom:10px;
}

#centrage {
width:755px;
margin:0 auto;
font-size:70%;
display:table;
text-align:left;
position:relative;
}
.gras{
font-weight:bold;
}
.italique{
font-style:italic;
}
.gauche{
float:left;
}
.droite{
float:right;
}

a:link, a:visited{
color:#69777F;
text-decoration:none;
font-weight:bold;
}
a:hover, a:active{
color:#69777F;
text-decoration:underline;
font-weight:bold;
}

form{
margin:0;
padding:0;
}

/* Navigation --------------------------------------------------------------- */
#navigation{
height:48px;
background-image:url(../pics/navigation/fd_navig.gif);
background-repeat:no-repeat;
background-color:#FFF;
}

#navigation ul{
float:right;
}

#navigation ul img{
margin-left:-4px;
margin-bottom:-2px;
}

#navigation ul li{
list-style:none outside none;
display:inline;
}

/* Bandeau ----------------------------------------------------------------- */
#bandeau{
height:170px;
}

#bandeau img{
margin-bottom:-2px;
}

#logo{
position:absolute;
margin:3px 0 0 8px;
}

/* Contenu ------------------------------------------------------------ */

#contenu{
background-image:url(../pics/fd_centre2.gif);
background-position:top;
background-repeat:repeat-y;
display:table;
padding-left:14px;
width:741px;
}

                /* centre ------------------------------------------------------------ */
                #centre{
                float:left;
                width:523px;
                padding:0 14px 10px 10px;
                font-size:95%;
                }

                #centre h1{
                margin-bottom:5px;
                }
                #centre h2{
                display:none;
                }
                #centre h3{
                margin:0 0 10px 0;
                }

                #centre ul{
                margin:10px 0 10px 20px;
                }

                #centre ul li{
                display:block;
                list-style:none outside none;
                margin:5px 0;
                }

                #centre #ariane{
                margin-bottom:15px;
                width:100%;
                display:table;
                }

                #centre #ariane ul{
                margin:0 0 0 30px;
                line-height:15px;
                }

                #centre #ariane ul li{
                list-style:none outside none;
                display:inline;
                white-space:nowrap;
                margin:0;
                }

                #centre #ariane ul li a{
                font-weight:normal;
                }

                #centre #ariane ul li a.on {
                font-weight:bold;
                color:#41982F; /*ELEMENT AVEC COULEUR CHANGE*/
                text-decoration:underline;
                }

                #centre #ssnav{
                margin:0;
                width:100%;
                display:table;
                clear:both;
                }

                #centre #ssnav ul{
                margin:0 0 0 20px;
                list-style:none outside none;
                }

                #centre #ssnav ul li{
                margin:0;
                }

                #centre #ssnav ul li a{
                font-weight:normal;
                padding-left:10px;
                }

                #centre #ssnav ul li a.on{
                font-weight:bold;
                padding-left:10px;
                color:#41982F; /*ELEMENT AVEC COULEUR CHANGE*/
                background-image:url(../pics/01/fleche.gif);/*ELEMENT AVEC COULEUR CHANGE*/
                background-repeat:no-repeat;
                background-position:0 5px;
                }

                #centre .par{
                clear:both;
                border:solid 1px #ccc;
                width:498px;
                padding:10px;
                margin-top:10px;
                display:table;
                text-align:justify;
                }
				
				
				#centre .par ul{
				margin-left:30px;
				}
				
				#centre .par ul li{
				list-style:none outside none;
				display:block;
				background-image:url(../pics/fleche.gif);
				background-position:0 5px;
				background-repeat:no-repeat;
				padding-left:10px;
				margin-left:-20px;
				}
				
				#centre ul.liens{
				margin-left:30px;
				}
				
				#centre ul.liens li{
				list-style:none outside none;
				display:block;
				background-image:url(../pics/fleche.gif);
				background-position:0 5px;
				background-repeat:no-repeat;
				padding-left:10px;
				margin-left:-20px;
				}


                #centre img.visuel{
                margin:0 0 5px 15px;
                float:right;
                }

                #centre .vague{
                position:absolute;
                margin:0 0 0 247px;
                }

                #centre .vague2{
                position:absolute;
                margin:0 0 0 225px;
                }

                #centre .comp{
                float:right;
                padding-left:10px;
                margin:7px 0 0 20px;
                background-image:url(../pics/fleche.gif);
                background-repeat:no-repeat;
                background-position:0 5px;
                }


                /* droite ------------------------------------------------------------ */
                #droite{
                float:left;
                width:158px;
                margin-left:14px;
                padding:0px 7px 10px 7px;
                text-align:center;
                font-size:90%;
                }
#liensannex{
text-align:left;
padding:5px;
display:table;
margin-bottom:10px;
}
#liensannex fieldset{
border:1px solid #CCCCCC;
padding:10px;
}
#liensannex a{
margin-bottom:10px;
display:block;
background-image:url(../pics/fleche.gif);
background-repeat:no-repeat;
background-position:0 5px;
padding-left:10px;
}
#liensannex legend{
margin-left:-10px;
margin-bottom:10px;
}
html>body #liensannex legend{
margin-left:-5px;
margin-bottom:0;
}

                #droite .pratique{
                margin-bottom:50px;
                }

                #droite .pratique h2{
                text-align:right;
                margin-bottom:10px;
                }

                #droite .pratique h3{
                text-align:left;
                font-size:100%;
                color:#41982F; /*ELEMENT AVEC COULEUR CHANGE*/
                }

                #droite .pratique p{
                text-align:left;
                margin-bottom:10px;
                }

                #droite .localisation{
                margin-bottom:20px;
                }

                #droite .localisation h2{
                margin:10px 0;
                }

                #droite .recherches h2{
                margin:10px 0 5px 0;
                }


				#droite .photonav{
				margin-bottom:40px;
				}
				
				
				#droite .photonav ul li a.on{
				background-image:url(../pics/fleche_phototheque.gif);
				background-position:0 3px;
				background-repeat:no-repeat;
				padding-left:10px;
				}
				
				#droite .photonav ul li a{
				padding-left:10px;
				}

				#droite .accueil{
				margin:30px 0 30px 0;
				}


                #droite ul{
                text-align:left;
                color:#41982F; /*ELEMENT AVEC COULEUR CHANGE*/
                }

                #droite ul li{
                display:block;
                list-style:none outside none;
                margin:5px 0 5px 5px;
                }

                #droite ul li a{
                color:#41982F;/*ELEMENT AVEC COULEUR CHANGE*/
                }

                #droite input.champ{
                width:123px;
                height:15px;
                border:solid 1px #41982F; /*ELEMENT AVEC COULEUR CHANGE*/
                padding:0 3px;
                margin:0 5px 0 0;
                font-family:Verdana, Arial, Helvetica, sans-serif;
                color:#69777F;
                font-size:100%;
                }


                #droite #loupe{
                background-color:#41982F; /*ELEMENT AVEC COULEUR CHANGE*/
                padding:2px 3px;
                }

/* Pied de Page --------------------------------------------------------------- */
#footer{
height:42px;
background-image:url(../pics/01/fd_footer.gif);/*ELEMENT AVEC COULEUR CHANGE*/
background-position:top left;
background-repeat:no-repeat;
color:#FFF;
padding:5px 22px 0 22px;
}

#footer ul{
float:right;
}

#footer ul a{
color:#fff;
}

#footer ul li{
list-style:none outside none;
display:inline;
}

.ssfooter{
clear:both;
color:#41982F;/*ELEMENT AVEC COULEUR CHANGE*/
text-align:center;
margin-top:8px;
}




html>body .ssfooter{
clear:both;
color:#41982F;/*ELEMENT AVEC COULEUR CHANGE*/
text-align:center;
margin-top:20px;
}

/* Evenementiels */


div.legendeweekend{
margin-top:8px;
}
div.weekend{
font-size:9px;
color:#fff;
display:inline;
background:#69777F;
}

div.recherche{
width:100%;
display:table;
}
div.recherche div.colonne1{
float:left;
width:210px;
}
div.recherche div.colonne2{
float:left;
width:100px;
text-align:center;
}
div.recherche div.colonne3{
float:left;
width:160px;
}
div.recherche div.colonne3 a{
float:left;
margin:0px 10px 10px 0px;
}
div.recherche div.colonne3 a.on{
border:1px solid #41982F;
}
div.legende{
margin-bottom:6px;
}
div.recherche input{
width:66px;
font-size:100%;
border:1px solid #ccc;
}
div.recherche select{
font-size:100%;
border:1px solid #ccc;
}