@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}
a {text-decoration:none; color:#000;}
body {
	font-family:  "Trebuchet MS", "Lucida Sans", "Lucida", "Lucida Sans Unicode", Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/*color: #000;*/
	text-decoration: none;
	/*background-color: #FFF;
	border-right-color: #000;
	border-bottom-color: #FFF;
	border-left-color: #000;*/
	margin:0 auto;
	padding:0;
}
html{margin:0; padding:0; background:url(../images/design/fond-html.png) #e1ede8 repeat-x;}
body{}
.souligne{text-decoration:underline;}


/*------------------------------------ Mise en forme des titres -----------------------*/
h2{margin:25px 54px 10px 54px;; font-size:16px; text-decoration:underline;}
/*------------------------------------ Mise en forme des paragraphes ------------------*/
p{padding:0 54px 10px 54px;}
/*------------------------------------ Mise en forme du conteneur --------------*/
#conteneur {margin-left:auto; margin-right:auto; padding:0; width:1105px; height:100%; background:#FFFFFF; border:#000000 solid 1px;}

/*=====================================================================================*/
/*==================================== ENTETE =========================================*/
/*=====================================================================================*/
div#mise-en-forme-entete {position:relative; height:273px;}
#mise-en-forme-entete #entete-img{position:absolute; z-index:1; background:url(../images/design/img-entete.jpg) no-repeat;  width:1105px; height:130px;}
#mise-en-forme-entete #entete-banniere{position:absolute; z-index:2; background:url(../images/design/banniere-entete.png) no-repeat;  width:1105px; height:158px; margin-top:113px; border-bottom:#1E3608 solid 2px; }
#mise-en-forme-entete h1{position:absolute; z-index:3; background:url(../images/design/logo2.png) no-repeat; width:289px; height:218px; text-indent:-9999px; margin-left:35px; margin-top:43px;}
#mise-en-forme-entete h1 a{display:block; width:289px; height:218px;}

/*=====================================================================================*/
/*==================================== MENU PRINCIPAL =================================*/
/*=====================================================================================*/
#menu-principal{position:absolute; z-index:3; margin-top:-32px; font-size:17px; border-top:#1E3608 solid 2px; padding-top:4px; margin-left:413px;  padding-bottom:3px; padding-bottom:40px; width:692px;}

#menu-principal li{position:relative; float:left;}
#menu-principal #debut-liste {border-left:#1E3608 solid 2px; padding-top:5px; padding-bottom:2px;}
#menu-principal span.separateur{position:absolute; background:url(../images/design/menu-separateur.png) no-repeat; width:6px; height:20px; padding-right:4px; margin-top:-40px; margin-left:110px;}

#menu-principal li a{display: block; height:44px; line-height:20px;  color:#FFF;text-align:center; color:#1E3608;}
#menu-principal li a{background:url(../images/design/menu-hover.png) no-repeat 0 0; width:115px;}
#menu-principal li a:hover{background-position:0 -44px;}
#menu-principal #selected a{background-position:0 -44px;}

/*=====================================================================================*/
/*==================================== MENU SECONDAIRE ================================*/
/*=====================================================================================*/
#contenu-page ul#menu-secondaire{position:relative; margin-top:10px; margin-left:60px; margin-bottom:10px;}
#menu-secondaire li{display:inline; }
#menu-secondaire li a{border-bottom:#9ecd74 solid 2px; padding-left:4px; padding-right:4px;}
#menu-secondaire li a:hover{color:#FFFFFF; background:#9ecd74;}
#menu-secondaire .img-ariane{background:url(../images/design/separateur-ariane.png) no-repeat ; width:6px; height:14px; margin-left:4px; padding-right:4px;}

.activites #sMselected{font-weight:bolder;background:#9ecd74;color:#FFFFFF}

/*=====================================================================================*/
/*==================================== PIED DE PAGE ===================================*/
/*=====================================================================================*/
#pied-page {background:url(../images/design/pied-fond.png) repeat-x;  height:90px;}
#pied-page #menu-bas{padding-top:15px; margin-left:10px;}
#pied-page #menu-bas li{display:inline; color:#487123; margin:0; font-size:12px; }
#pied-page #menu-bas li a{color:#487123;}
#pied-page #contenu-pied #copyright{text-align:center; font-size:12px;}
#pied-page #contenu-pied #copyright li{list-style:none;}
#pied-page #contenu-pied p#mediarun {float:right; margin:0 auto; padding:0; margin-top:-40px;}
.reglement #pied-page #contenu-pied p#mediarun {margin-top:-50px;}

/*=====================================================================================*/
/*==================================== ACCUEIL ========================================*/
/*=====================================================================================*/
.accueil h2{margin-top:60px;}
.accueil .image-accueil img{float:left; margin:6px 50px 15px 54px; border:#000000 solid 2px; margin-top:-20px; width:330px; height:223px;}
.accueil .espace-paragraphe{margin-bottom:50px;}
#citation{color:#fa7819; font-size:18px; text-align:center; margin-bottom:30px;}
#contenu h2{margin-top:0px;}
/*=====================================================================================*/
/*==================================== ACTIVITES ======================================*/
/*=====================================================================================*/
.activites .gauche-activites{float:left; width:475px; height:100%; margin-left:20px; }
.activites .droite-activites{margin-left:580px; width:475px; }
.activites .gauche-activites h2{margin:0; padding:0; margin-top:5px;}
.activites .droite-activites h2{margin:0; padding:0; padding-top:5px;}
.activites .gauche-activites, .activites .droite-activites{border-left:#9ecd74 solid 2px; padding-left:20px; }
/*mise en forme des listes*/
.activites .gauche-activites ul, .activites .droite-activites ul{list-style:disc; margin-left:40px;}
/*mise en forme des images*/
.activites .gauche-activites .img-actvite-mini-gal img, .activites .droite-activites .img-actvite-mini-gal img{border:#000000 solid 1px; margin-left:5px; margin-right:5px;}
.activites .img-actvite-mini-gal{margin-left:20px;}
/*Gestion de l'espacement du pdf ou du vide*/
.activites .imgPdf{ float:left; margin-top:-15px; margin-right:5px; border:none;}
.activites .textPdf{margin-bottom:30px; margin-top:30px;}
.activites .textPdf a{color:#3f78d6; text-decoration:underline;}
.activites .espace-paragraphe{margin-bottom:25px;}
/*Gestion du texte sans puces*/
.activites .gauche-activites p, .activites .droite-activites p{margin:0; padding:0; margin-left:10px; margin-top:10px;}

/*mise en forme du h2 fleche*/
.activites h2 .fleche-h2{position:absolute; background:url(../images/design/h2-fleche.png) no-repeat;  height:32px; width:13px; margin-left:-20px; margin-top:-5px;}

.activites .non-inclus {margin-left:350px;}
.activites .non-inclus li{list-style:disc; margin-left:70px;}


/*=====================================================================================*/
/*==================================== REGLEMENT ======================================*/
/*=====================================================================================*/
.reglement ol li{list-style: decimal; margin-left:75px;}
.reglement ul li{list-style: disc; margin-left:75px; margin-bottom:5px; margin-right:50px;}
.reglement .imgPdf{ float:left; margin-top:-15px; margin-right:5px; border:none;}
.reglement .textPdf{margin-bottom:30px; margin-top:30px;}
.reglement .textPdf a{color:#3f78d6; text-decoration:underline;}

/*=====================================================================================*/
/*==================================== GALERIE ========================================*/
/*=====================================================================================*/
.galerie .img-galerie{margin-left:55px;}
.galerie .img-galerie img{border:#000000 solid 1px;}
/*=====================================================================================*/
/*==================================== OU LOGER =======================================*/
/*=====================================================================================*/
.ou-loger h2 {background:#88a76b; margin-left:0px; text-align:right; color:#FFFFFF;margin-right:577px; padding-right:3px; font-size:15px; padding-bottom: 2px;  text-decoration:none;}
.ou-loger .fleche-h2{ position:absolute; background:url(../images/design/fleche-titre.jpg) no-repeat ; width:14px; height:21px; margin-left:4px;}
.ou-loger .image-ou-loger{float:left; margin-left:291px; /*border:#000000 solid 1px;*/}
.ou-loger .txt-ou-loger{margin-left:500px;}
.ou-loger .txt-ou-loger a{color:#3f78d6; text-decoration:underline;}
.ou-loger .adresse-ou-loger {margin-left:200px;}
.ou-loger #bonne-adresse{margin-top:30px; font-weight:bold;}

/*=====================================================================================*/
/*==================================== CONTACT ========================================*/
/*=====================================================================================*/
.contact h2{}
.obligatoire{color:#FF0000;}

.contact #form-nous-joindre{width:500px; margin-top:30px;}
.contact #form-nous-joindre input{margin-bottom:10px;}
.contact #form-nous-joindre input:hover, .contact #form-nous-joindre #textarea-message-votre-message:hover{background:#9ecd74;}
.contact #form-nous-joindre #informations-personnelles input{float:right; width:390px;}
.contact #form-nous-joindre #votre-message #textarea-message-votre-message{height:111px; /*background:url(../images/design/form-zone-texte.png) no-repeat; border:none;*/ width:400px;}
.contact #form-nous-joindre fieldset{margin-bottom:15px;}
.contact #form-nous-joindre legend{ line-height:0px;font-size:0px; color:#FFFFFF;}
.contact #form-nous-joindre fieldset:hover{}
.contact #form-nous-joindre fieldset legend{}
.contact #form-nous-joindre {}
.contact #form-nous-joindre p {}
.contact #form-nous-joindre #envoyer-votre-message {/*background:url(../images/design/form-btn-envoyer.png) no-repeat 0 0;  border:none; width:79px; height:25px;*/}
.contact #form-nous-joindre #envoyer-votre-message:hover {background-position:0 -25px; width:79px; height:25px; border:none; }

#coordonnees{position:absolute; width:500px; top:350px; margin-left:555px;}
#coordonnees p, #coordonnees h2{margin:0; padding:0; margin-bottom:15px;}
#coordonnees h2{ text-decoration:underline; padding-left:34px;}
#coordonnees p{text-align:center;}
#googleMap{border: #000000 solid 2px; margin:0; padding:0; margin-left:50px; margin-right:61px;}
#info-champ{margin:0; padding:0; margin-left:50px; font-size:12px;}