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


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
body, html {
 padding: 0;
 margin: 0;
 font-family: "Arial", sans-serif;
 font-size: 12px;
 color:#50321d;
}
body{background:#f0ebe3 url(../img/gabarit/body_bg.gif) top right repeat-x;}
img {
 border: none;
}

a {
 text-decoration: none;
 color: #f4a03a;
}

*:focus {
 outline: none;
}

/* ------ MENU ACCORDEON ------ */
#accordion h2 a{font-size:11px; color:#faefd1; padding:0 0 0 6px; line-height:28px; background:url(../img/gabarit/menu_bg1.gif) no-repeat; display:block;}
#accordion h3 a{font-size:11px; color:#f5f3ed; padding:0 0 0 17px; font-weight:normal; background:url(../img/gabarit/flesh1.gif) 7px 3px no-repeat;}
#accordion h3 a:hover{color:#f4a03a;}
.acc_toggler {
 margin:0 0 5px;
 padding: 0;
 cursor: pointer;
 height:28px;
 width:198px;
 overflow:hidden;
} 
#accordion h2 a:hover{background:url(../img/gabarit/menu_bg2.gif) no-repeat;}
.acc_element h3 {
 margin: 0 0 3px;
 padding: 0;
} 


/* ------ CONTACT ------ */

div.contact_frame {
 border-top: 1px solid #eee;
}

div.contact_line {
 padding: 6px 6px 10px 6px;
 border: 1px solid #eee;
 border-top: none;
}

div.contact_line div.contact_field_name {
 float: left;
 width: 150px;
 padding: 7px 0 0 0;
}

div.contact_line div.contact_field_value {
 margin-left: 160px;
}

span.contact_field_cross {
 color: #c00;
 font-weight: bold;
}

div.contact_line.highlight {
 background: #f5f5f5;
}

div.contact_line input , div.contact_line textarea {
 margin-top: 3px;
}

div.contact_submit {
 float: right;
 margin: 10px 8px 0 0;
}
div.contact_submit input, #contenu a.bouton_suivant, #webcallback_submit{background:#d77b2b; color:#fff; cursor:pointer; border-top:1px solid #d77b2b; border-right:1px solid #d77b2b; border-left:1px solid #d77b2b; border-bottom:4px solid #d77b2b;}


div.contact_error {
 border: 1px solid #a00;
 padding: 3px 6px;
 color: #a00;
 font-size: 11px;
 background: #fee;
 margin: 4px 0 0 0;
 font-weight: bold;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
/* width: 95%;*/
	float: left;
}

/* ------ 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;
}
#contenu h2{background:url(../img/gabarit/h2_bg.gif) no-repeat; height:29px; padding:9px 0 0 51px; margin:0 0 10px; font:bold 16px Arial; color:#50321d;}
div.block {
 padding: 5px;
}

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

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

#page{
 width: 1024px;
 /*width:980px;*/
 margin: auto;
}

#header{
 min-height: 284px;
}
#header .logo{position:relative; top:13px; left:-4px;}
#header #newsletter{width:215px; overflow:hidden; margin:7px 110px 0 55px; display:inline; float:left;}
#header #newsletter .id_text{width:170px; border:none; background:none; color:#431b0b; font-size:12px; position:relative; top:-2px;}
#header #newsletter .go{background:url(../img/bouton/go.png) no-repeat; width:33px; height:28px; border:none; cursor:pointer; position:relative; margin-top:2px;}
#header .menuTop{margin:0; padding:0; list-style-type:none;}
#header li{float:left; display:inline; margin:9px 10px 0 0;}
#header li a{height:29px; margin:0; padding:0; display:block; overflow:hidden; background:url(../img/icone/mn01.png) no-repeat; line-height:29px; text-align:center; color:#eed9be; font-size:10px;}
#header a.mn01{width:33px; background:url(../img/icone/mn01.png) no-repeat;}
#header a.mn02{width:93px; background:url(../img/icone/mn02.png) no-repeat;}
#header a.mn03{width:72px; background:url(../img/icone/mn03.png) no-repeat;}
#header a.mn04{width:109px; background:url(../img/icone/mn04.png) no-repeat;}
#header a.mn05{width:124px; background:url(../img/icone/mn05.png) no-repeat;}
#header a.mn06{width:93px; background:url(../img/icone/mn02.png) no-repeat;}
#header a:hover{background-position:0 -29px; color:#432e0f;}
#header .hdWrap{background:url(../img/gabarit/header2_bg.png) right no-repeat; height:284px; position:relative;}
#header a.call{position:absolute; right:61px; top:41px;}
#body {
 margin:0px;
 background:url(../img/gabarit/page_bg.gif) top left no-repeat;
 padding:14px 0 30px;
}

#body #wrapper {
 height: 100%;
 float: right;
 padding:0 0 35px;
}

#body #left {
 width: 208px;
 float:left;
 margin:0 0 0 2px;
 display:inline;
}
#body #menuLeft{background:#5c2a10; margin:0 0 17px;}
#body #right {
 background:url(../img/gabarit/actus_bg.gif) no-repeat;
 height:224px;
 float: left;
 width: 208px;
 margin:0;
 padding:0;
 position:relative;
}
/* block actus */
#actualites .actualite{color:#fff; margin:35px 0 0 10px;}
#actualites .actualite a.actu_suite{text-align:right; display:block; padding:0 10px 0 0; font-size:11px;}
#actualites .actualite p{margin:0 0 10px;}
#body .center {
 margin:0;
 width: 770px; /* 980(taille page) - 200(colone gauche) - 200(colone droite) - 20(margin gauche ET droite) */
}

/* articles */
#contenu .article_contenu{margin:0 0 0 20px;}
#contenu .article_contenu ul li{list-style-type:none; background:url(../img/gabarit/flesh2.gif) 0 5px no-repeat; padding:0 0 0 10px;}
#contenu .article a.article_plus{padding:0 0 0 22px;}
#contenu a.bouton_suivant{float:right; padding:2px 15px; margin:0 21px 0 0;}

#arbo{
 padding: 5px 5px 3px 5px;
 color:#341d0e;
 position:relative;
 top:-10px;
}
#arbo a{color:#341d0e;}

#footer{
 background:url(../img/gabarit/footer_bg.gif) repeat-x;
  height: 157px;
  padding:5px 0 0 0;
}

#footer .wrap{width:965px; margin:auto;}
#footer ul{margin:0; padding:0; float:left; width:700px;}
#footer li{list-style-type:none; float:left; display:inline; margin:0 13px 0 0;}
#footer a.inactive, #footer li a, #footer .ekinoxe{color:#897261; font-size:11px;}
#footer li a:hover{color:#ffcc66;}
#footer .infosSite{height:50px; line-height:16px;}
#footer .infosSite span{font-size:10px;}
#footer .ekinoxe{float:right;}
#footer .ekinoxe a{display:block; text-align:right;}