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


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
body, html {
 padding: 0;
 margin: 0;
 font-family: "Arial", sans-serif;
 font-size: 12px;
}
body{background:#142e71;}
img {
 border: none;
}

a {
 text-decoration: none;
 color:#1e7dd9;
}

*:focus {
 outline: none;
}

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

.acc_toggler {
 margin: 0;
 padding: 0;
 cursor: pointer;
 background:url(../img/gabarit/left_bg2.gif) bottom no-repeat;
 height:30px;
} 

.acc_element h3 {
 margin:0 0 0 11px;
 padding: 0;
 height:23px;
} 


/* ------ 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_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;
}

h2.article, #contenu .article h2, #contenu h2 {
background:url(../img/gabarit/h2_bg.png) no-repeat;
margin:0 0 10px;
color:#819093;
font-size:18px;
padding:0 0 0 60px;
height:55px;
line-height:45px;
width:616px;
}

div.block {
 padding: 5px;
}

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

#conteneur {

}

#page {
 background:url(../img/gabarit/cont_bg.gif) no-repeat;
}

#header {
 min-height: 174px;
 background:url(../img/gabarit/header_bg.gif) repeat-x;
}
#header .hdTop, #header .hdBottom{width:981px; margin:auto; height:53px;}
#header .L1{margin:0 0 0 151px; padding:0; float:left; display:inline;}
#header .L1 li, #header .L2 li, #header .L2{float:left; list-style-type:none; color:#94AAC4; display:inline; margin:10px 3px 0 0;}
#header .L2 li{margin:5px 0 0 0;}
#header .L2{margin:0; padding:0; float:right;}
#header .L1 li a{font-size:11px; color: #94aac4;}
#header .L1 li a:hover, #header .L1 li a.active{color:#e7f0f2;}
#header .L2 a.a1{width:137px;}
#header .L2 a.a1:hover{background:url(../img/gabarit/l2_bg.gif) no-repeat;}
#header .L2 a.a2{width:76px;}
#header .L2 a.a2:hover{background:url(../img/gabarit/l2_bg2.gif) no-repeat;}
#header .L2 a.a3{width:99px;}
#header .L2 a.a3:hover{background:url(../img/gabarit/l2_bg3.gif) no-repeat;}
#header .L2 a{color:#fff; text-align:center; padding-top:5px; display:block; float:left;height:26px; font-size:14px}
#header .L2 a:hover{color:#533700;}
#header .hdBottom .logo, #header .hdBottom span.slogan{float:left; margin:0 0 0 46px; padding:0; display:inline;}
#header .hdBottom span.slogan{margin:15px 0 0 67px;}

#body {
 width:980px;
 background:#e7f0f2 url(../img/gabarit/body_center_bg.gif) bottom no-repeat;
 padding-bottom:11px;
 margin:auto;
 position:relative;
 left:1px;
}
#bodyCenter{background:url(../img/gabarit/body_bg2.png) top no-repeat; position:relative; top:-1px; width:981px;}
#body .bodyTop{height:78px; padding:8px 0 0 15px;}
#body .bodyTop #newsletter{margin-bottom:9px;}
#body .bodyTop #newsletter img{margin:7px 0 0 13px;}
#body .bodyTop #newsletter input.id_text{background:none; border:none; margin:0 12px 0 15px; width:195px; position:relative; top:-1px;}
#body .bodyTop #newsletter input.valider, div.contact_submit input{width:66px; height:25px; background:url(../img/bouton/valider2.gif) no-repeat; border:none; cursor:pointer; margin-top:2px;}
div.contact_submit input{background:url(../img/bouton/valider3.png) no-repeat; width:194px; height:24px;}
#body #wrapper {
 display:inline;
 float:right;
 height:100%;
 margin-right:5px;
 width:698px;
}

#body #left {
 background:url(../img/gabarit/left_bg.gif) top no-repeat;
 width: 252px;
 float: left;
 min-height: 736px;
}
#body #left .Contact{height:133px; background:url(../img/gabarit/contact_bg.png) no-repeat; width:234px; margin:auto; padding:55px 0 0 0;}
#body #left .Contact .wrap{width:165px; margin:auto;}
#body #left .Contact .wrap h4{ text-transform:uppercase; color:#d89d08; font-size:14px; font-weight:normal; padding:0; margin:0;}
#body #left .Contact .wrap p{font-size:14px;}
#body #left div.block{padding:0px; margin:0 auto 10px; width:234px;}
#body #left #accordion a{color:#50595c; font-size:12px; background:url(../img/pictos/flesh1.gif) 7px 10px no-repeat; padding:0 0 0 20px; display:block; margin:0; width:256px; line-height:27px;}
#body #left #accordion a:hover{color:#fff; font-weight:bold; background:url(../img/gabarit/left_bg3.gif) no-repeat; font-size:12px; height:27px; display:block;}
#actualites{margin:auto;}
#actualites h3{font-size:12px; padding:0; margin:0; color:#3391cd;}
#actus{width:234px; margin:auto; background:url(../img/gabarit/actus_bg.gif) bottom no-repeat;}
#actus h2{margin:0; padding:0;}
#left #newsletter2{background:url(../img/gabarit/newsletter_bg.gif) no-repeat; height:90px; padding:50px 0 0 30px;}
#left #newsletter2 .id_text{background:none; border:none; color:#fff;}
#left #newsletter2 .valider{background:url(../img/bouton/valider.png) no-repeat; width:194px; height:24px; margin-top:10px; border:none; cursor:pointer; position:relative; right:8px;}
#body .center {
 margin: 0 10px;
 /*width: 753px;  980(taille page) - 200(colone gauche) - 200(colone droite) - 20(margin gauche ET droite) */
 float: left;
 min-height: 300px;
}
.sitemap li{line-height:20px;}
#arbo {
 padding: 5px 5px 3px 13px;
 color:#fff;
}
#arbo a{color:#fff; font-size:12px;}
#footer {
  min-height: 163px;
  background:url(../img/gabarit/foot_bg.gif) repeat-x;
}

#footer div.wrap{margin:0 auto; padding:7px 25px 0; width:930px; background:url(../img/gabarit/foot_bg2.gif) no-repeat; color:#fff; text-align:center; height:62px;}
#footer div.wrap ul{margin:0; padding:0;list-style-type:none;}
#footer div.wrap li{display:inline;}
#footer div.wrap a{color:#fff; font-weight:bold; line-height:20px;}
#footer div.wrap a:hover{color:#ffb50a;}
#footer .ekinoxe{text-align:center; color:#fff;}