/* CSS Document */
/*=======================================================================================*/
/*======================================== GENERAL ======================================*/
/*=======================================================================================*/
html, body{font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;text-align:justify;}
html{background:url(../images/design/motif.jpg);}
#ombre{background:url(../images/design/ombre.png) repeat-y; width:966px; margin:0 auto;}
h1 a img, #pied-page img{border:none;}
a, #menu-principal li a:hover{color:#834829;}
a:hover, #menu-secondaire h2 a:hover, #menu-principal li a{color:#EF9341;}
.selectionner, .selectionner:hover {color:#000000; text-decoration:none; cursor:default;}

h2, h3{color:#834829; }
h2{text-align:center; font-size:1.7em;}
h2 em{display:block; font-size:0.8em;}
h3 .caribou{background:url(../images/design/caribou.jpg) right no-repeat; display:block;}
h3{padding-bottom:7px; background:url(../images/design/trait-horizontal.jpg) bottom repeat-x; margin-top:100px;}
#conteneur{ width:800px; margin:0 auto; padding:10px 40px; padding-bottom:0px; padding-left:0px; margin-top:-10px;  margin-bottom:-10px;} 
.contenu{ margin-left:220px;}
.contenu, .menu-secondaire{ min-height:800px;}
.haut{text-align:right; font-size:0.8em;}
.obligatoire{color:red;}

/*=======================================================================================*/
/*======================================== ENTETE =======================================*/
/*=======================================================================================*/
h1{background:url(../images/design/montagne.jpg) no-repeat; height:184px; width:100%; margin-left:-15px; width:876px;}
h1 img{position:relative; z-index:1;  padding:0px;  margin-top:50px; margin-left:10px;}
/*=======================================================================================*/
/*==================================== MENU PRINCIPAL ===================================*/
/*=======================================================================================*/
#menu-principal{list-style:none; text-align:right; margin-right:-20px; margin-top:-220px; padding-bottom:0px; margin-bottom:180px;}
#menu-principal li, #menu-principal-bas li{display:inline; margin-left:20px;}



/*=======================================================================================*/
/*===================================== MENU SECONDAIRE =================================*/
/*=======================================================================================*/
#menu-secondaire{position:absolute; top:50px; padding-top:180px; width:195px; padding-left:5px; padding-right:5px; text-align:center; font-size:0.7em; margin-left:0px; background:url(../images/design/poteau.jpg) center repeat-y; padding-right:20px; }
#menu-secondaire h2{font-size:1.2em;  margin-top:40px; background:#fff url(../images/design/paneau-haut.jpg) no-repeat; padding:3px; padding-top:20px;}
#menu-secondaire h2 a{color:#8f4f2d	;}

#menu-secondaire li{ list-style:none; }
#menu-secondaire .section{margin-left:5px; margin-bottom:50px; background:url(../images/design/paneau-bas.jpg) 0px bottom no-repeat; padding-bottom:20px; }
#menu-secondaire div ul, #menu-secondaire div p, #menu-secondaire h2, #copyright{padding-right:15px; padding-left:15px; margin-top:-15px; padding-top:10px;}
#menu-secondaire div ul, #menu-secondaire div p, #copyright p{ background:url(../images/design/paneau-centre.jpg) repeat-y;}
#menu-secondaire-caribou, #menu-secondaire-actions, #menu-secondaire-ccg{text-align:center;}
#menu-secondaire-caribou li, #menu-secondaire-actions li, #menu-secondaire-ccg li{list-style:none; display:inline;margin-right:30px;}

#menu-rapide li{margin-bottom:1px;}
/*=======================================================================================*/

#menu-secondaire2{position:absolute; top:50px; padding-top:180px; width:195px; padding-left:5px; padding-right:5px; text-align:center; font-size:0.7em; margin-left:0px; background:url(../images/design/poteau.jpg) center repeat-y; padding-right:20px; }
#menu-secondaire2 h2{font-size:1.2em;   background:#fff url(../images/design/paneau-haut.jpg) no-repeat; padding:3px; padding-top:20px;}
#menu-secondaire2 ul{list-style:none;}
.menu-secondaire-nous-joindre2 .section{ margin-bottom:50px;}
#menu-secondaire2 .section{margin-left:5px; margin-bottom:50px; background:url(../images/design/paneau-bas.jpg) 0px bottom no-repeat; padding-bottom:20px; }
#menu-secondaire2 div ul, #menu-secondaire2 div p, #copyright p{ background:url(../images/design/paneau-centre.jpg) repeat-y;}

#menu-secondaire2 div ul, #menu-secondaire2 div p{ margin-top:-15px; padding :15px 10px; }


/*=======================================================================================*/
/*===================================== MENU UTILITAIRE =================================*/
/*=======================================================================================*/
#menu-utilitaire, #pied-page,  #menu-principal-bas{ text-align:right; margin-top:100px; font-size:0.8em;}
#menu-utilitaire li, #pied-page li, #menu-principal-bas li{list-style:none; display:block; margin-right:50px; }

/*=======================================================================================*/
/*======================================== PIED PAGE ====================================*/
/*=======================================================================================*/
#pied-page, #menu-utilitaire{ margin-top:auto; }
 #menu-principal-bas{ padding-top:30px; }
  #bas{background:url(../images/design/bas-page.png) bottom no-repeat;height:227px;width:876px; margin-left:-15px; position:relative; z-index:3;}
#copyright{position:relative; margin-left:35px; margin-top:-150px; text-align:center;  width:155px; background:#fff url(../images/design/paneau-haut.jpg) no-repeat; padding-top:20px;}
#copyright p{ margin:0px;  width:195px;  margin-left:-15px;}
#copyright #fin{background:url(../images/design/paneau-bas.jpg) 0px bottom no-repeat; margin-left:-15px; padding-bottom:0px;}

/*=======================================================================================*/
/*======================================= ACCUEIL =======================================*/
/*=======================================================================================*/
#accueil #illustration, .illustration, .lightwindow {text-align:center;  margin:30px 0; display:block;}
#accueil #illustration img, a img{border:5px solid #EF9341;}
.droit{float:right; margin:10px 0 10px 20px;}
.gauche{float:left; margin:10px 20px 10px 0px; }
#illustration .lightwindow, #galerie li .lightwindow{display:inline;}

/*=======================================================================================*/
/*====================================== INSCRIPTION ====================================*/
/*=======================================================================================*/
#form-inscription label, #form-nous-joindre label{display:block; float:left; width:150px; text-align:right; margin-right:10px;}
#form-nous-joindre{margin-top:100px;}
#form-inscription fieldset, #form-nous-joindre fieldset{margin-bottom:60px; border:1px solid #9B7F70;  }
#form-inscription legend, #form-nous-joindre legend {font-size:1.2em; font-weight:bold; background:#9B7F70; border:1px solid #9B7F70; color:#FFFFFF;}
#form-inscription legend, #form-nous-joindre legend{padding:5px;}

#form-inscription .valider, #form-nous-joindre .valider{color:#009900;}
#form-inscription #p-valider-informations_personnelle{margin-top:-10px; }

/*=======================================================================================*/
/*========================================= GALERIE =====================================*/
/*=======================================================================================*/
#galerie li{list-style:none; display:inline; }