/*********************************************************************
 ******************* TOP BOTTOM ARTICLE GALERIE **********************
 *********************************************************************/
 
@import url(galerie.css);
@import url(top.css);
@import url(bottom.css);
@import url(mooflow.css);

/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
body, html {
 padding: 0;
 margin: 0;
 font-family: Verdana, Tahoma, sans-serif;
 font-size: 12px;
 color:#371e0a;
}
body{background:#371e0a url(../img/gabarit/bg2.jpg) top repeat-x;}
img {
 border: none;
}

a {
 text-decoration: none;
 color: #371e0a;
}

*:focus {
 outline: none;
}

/* ------ MENU ACCORDEON ------ */

.acc_toggler {
 margin: 0;
 padding: 0;
 cursor: pointer;
} 

.acc_element h3 {
 margin: 0 0 9px;
 padding: 0;
} 


/* ------ STRUCTURE DE LA PAGE (DECOUPAGE) ------ */

h1 {
 text-indent: -9999px; 
 margin: 0;
 padding: 0;
}

h2.block {
 margin: 0px;
 padding: 3px 5px 1px 5px;
 background: #aaa;
 color: #000;
 font-size: 15px;
}

div.block {
 padding: 5px;
}

h3 {
 margin: 0;
 padding: 0;
 font-size: 14px;
}

#conteneur {
 background:url(../img/gabarit/cont_bg.png) center top no-repeat;
}

#page {
 width: 953px;
 margin: auto;
}

#header {
 height: 236px;
 position:relative;
}
#header ul.hd1{
margin:0 0 0 420px;
padding:8px 0 0 0;
list-style-type:none;
}
#header ul.hd1 li{
float:left;
display:inline;
margin:0 15px 0 0;
}
#header ul.hd1 li a{padding:0 0 0 17px; font-size:11px;}
#header ul.hd1 a.favoris{
 background:url(../img/pictos/favoris.gif) no-repeat;
}
#header ul.hd1 a.recommander{
 background:url(../img/pictos/rec.gif) no-repeat;
}
#header ul.hd1 a.plan{
 background:url(../img/pictos/plan.gif) no-repeat;
}
#header ul.hd1 li a{color:#fff;}
#body {
 margin: 5px 0;
}
#header ul.hd2{margin:0px; padding:0; position:absolute; top:221px; right:55px; width:290px;}
#header ul.hd2 li{float:left; display:inline; margin:0 20px 0 0;}
#header ul.hd2 li a{color:#fff; font:normal 14px Verdana, Arial, Helvetica, sans-serif;}
#header ul.hd2 li a:hover{color:#f2dcad; border-bottom:3px solid #cdad7c;}
#header .logo{margin:66px 0 0 21px; display:block;}
#body #wrapper {
 height: 100%;
 float: right;
 width:730px;
 background:url(../img/gabarit/cont_bg2.png) bottom no-repeat; padding:0 0 123px;
}
#body #contenu{background:url(../img/gabarit/cont_bg1.png) top no-repeat; min-height:183px; width:640px; padding:30px 55px 0 35px;}
/*.contentCenter{width:650px; padding:30px 28px 0;}*/
#body #left {
 width: 184px;
 float: left;
}

#body #right {
 background: #ecc;
 float: right;
 width: 200px;
 min-height: 300px;
}

#body .center {
 margin:0px;
 width: 730px; /* 980(taille page) - 200(colone gauche) - 200(colone droite) - 20(margin gauche ET droite) */
 float: left;
}
#body .content{padding:15px 27px; width:200px; float:left; display:inline;}
#arbo {
 padding:0;
 margin:31px 0 0 14px;
 float:left;
 display:inline;
 color:#DDC392;
 font-size:16px;
}
#arbo a{
 color:#ddc392;
 font-size:16px;
}

/* --- Articles --- */
#contenu h2 {
 margin: 0 0 15px;
 padding:0 0 0 26px;
 font-size: 18px;
 color: #371e0a;
 font-weight: bold;
 background:url(../img/gabarit/h2_bg.png) no-repeat;
}
#contenu .article{clear:both;}
.article h3{font-weight:normal; font-size:16px; color:#371e0a; margin:0 0 5px;}
.article a{font-weight:bold;}
.article a:hover{text-decoration:none;}
.article .contenu {
 /*padding: 0 10px;*/
 text-align: justify;
 font-size: 12px;
 line-height:24px;
}
.article .contenu p{margin:5px 0 10px;}
.article .contenuMention{
 padding: 0 10px;
 text-align: justify;
 font-size: 12px;
 height:480px;
 overflow:auto
}
.article a.plus:hover {
 color: #000;
}
#actualites a.actu_suite {
 display: block;
 margin-left: 6px;
 color: #371e0a;
 text-decoration: none;
 width:89px;
 height:16px;
 background:url(../img/gabarit/actu_suite_bg.png) no-repeat;
 text-align:center;
 font-weight:bold;
}
#accordion{margin-bottom:5px;}
#accordion h2 a{color:#dfbf9b; background:url(../img/gabarit/mn_bg1.png) no-repeat; width:156px; height:21px; line-height:21px; font:normal 15px Arial, Helvetica, sans-serif; padding:0 0 0 12px; float:right; display:inline; margin:0 0 5px;}
#accordion h2 a:hover{background:url(../img/gabarit/mn_bg2.png) no-repeat;}
#accordion .acc_element{clear:both;}
#accordion .acc_element h3 a{color:#fff; font:normal 12px Arial, Helvetica, sans-serif; margin:0 0 0 34px;}
#accordion .acc_element h3 a:hover{color:#9b540b;}
ul.addtoany_list{margin:0; padding:0; list-style-type:none;}
.msg_erreur, .contact_error{-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #FFEEEE;
border:1px solid #AA0000;
color:#AA0000;
float:left;
font-size:11px;
font-weight:bold;
margin:4px 0 0;
padding:3px 6px; clear:both;}

/* --- boutons & site map--- */
input.Envformulaire, a.bouton_suivant, input.genFormSubmit{background:url(../img/gabarit/fd_btn1.png) no-repeat; width:139px; height:18px; text-align:center; line-height:16px; color:#cdad7c; border:none; font-size:12px; padding:0; margin:5px 0 0 0; cursor:pointer;}
input.genFormSubmit{background:url(../img/gabarit/fd_btn3.png) no-repeat; width:66px;}
a.bouton_suivant{width:64px; background:url(../img/gabarit/fd_btn2.png) no-repeat; display:inline; float:right; margin:5px 9px 0 0;}
.savoir_plus, .article a.plus{float:right; width:100px; height:16px; background:url(../img/gabarit/savoir_plus.png) no-repeat; display:inline; margin:15px 0; text-align:center; color:#cdad7c;}
input.Envformulaire{float:right;}
ul.sitemap li{line-height:18px;}


#footer {
 background:url(../img/gabarit/foot_bg.png) center no-repeat;
  height: 96px;
  text-align:center;
  color:#ddc392;
  padding:10px 0 0 0;
  position:relative;
  top:-21px;
}
#footer a{color:#ddc392; font-size:15px;}
#logo-footer{margin:15px 0 0;}