/*********************************************************************
 ******************* 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: #3D3D3D url('../img/bg-body.png') top center repeat-x;
}

img {
 border: none;
 float: left
}

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

*:focus {
 outline: none;
}



/* ------ GALERIES ------ */

div.galeries {
}

div.galerie {
 display: block;
 clear: both;
 margin: 10px 0 10px 0;
}

h2.galerie {
 background: #777 url('../img/bg-h2.jpg') top left repeat-x;
 color: #fff;
 font-size: 14px;
 padding: 3px 0 3px 8px;
}

div.photos {
 display: block;
}

div.photo {
 border: 1px solid #888;
 float: left;
 margin: 0 8px 0 0;
 text-align: center;
 width: 120px;
 height: 120px;
 padding: 6px 2px;
}

img.photo {
 max-width: 100px;
 max-width: 100px;
}

div.photo div.photoName {
 padding: 6px 0;
}

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

div.contact_frame {
}

div.contact_line {
 padding: 6px 6px 10px 6px;
}

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

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

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

div.contact_line.highlight {
}

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;
}

div.block {
 padding: 5px;
 float: right
}

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

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

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

#header {
 min-height: 223px;;
}

#top{
height: 23px;
width: 123px;
float: right;
margin-top: 5px;
}

#top ul{
height: 23px;
margin: 0;
padding: 0
}

#top ul li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
display:inline;
width: 30px;
height: 22px;
}

#top ul li a{
display: block;
width: 30px;
height: 22px;
float: left;
margin-right: 10px;
}

#ami a{
background: url('../img/ami.png') center no-repeat;
}

#ami a:hover{
background: url('../img/ami-hover.png') center no-repeat;
}


#favoris a{
background: url('../img/favoris.png') center no-repeat;
}

#favoris a:hover{
background: url('../img/favoris-hover.png') center no-repeat;
}

#arbo-site a{
background: url('../img/arbo-site.png') center no-repeat;
}

#arbo-site a:hover{
background: url('../img/arbo-site-hover.png') center no-repeat;
}


#logo{
width : 472px;
height: 140px;
float: left;
margin-left: 245px;
margin-top: 30px;
}

#call-back{
float: right;
margin-top: 15px;
}

#body {
}

#top-wrapper{
height: 60px;
}

#top-wrapper .block{
width: 360px;
padding: 0;
margin-top: 15px;
}

/*******************Newsleter ******************/

#top-wrapper .block #newsletter{
background: url('../img/bg-news.png') left center no-repeat;
height: 23px;
}

#inscription .bouton_suivant{
background: transparent url(../img/bg-actu-more.png) no-repeat scroll center center;
display: block;
height: 19px;
padding-top: 3px;
width: 70px;
padding-left: 27px;
}

/**********************************************/
#newsletter .id_text{
float: left;
margin-left:65px;
width:212px;
height: 12px;
margin-top: 2px;
background: transparent;
border: none;
color: white
}

#newsletter .ok_news{
float: left;
margin-left: 15px;
margin-top: 2px;
}

#liste{
width: 470px;
height: 30px;
float: left;
margin-top: 15px;
}

#liste ul{
height: 30px;
margin: 0;
padding: 0
}

#liste ul li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
display:inline;
float: left
}

#liste ul li a{
display: block;
width: 100px;
height: 20px;
text-align: center;
padding-top: 5px;
color: white;
background: url('../img/bg-liste-haut.png') center no-repeat;
}

#liste ul li a:hover{
background: url('../img/bg-liste-haut-hover.png') center no-repeat;
color: #6A5101
}

.sep{
width : 2px;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
}


#body #wrapper {
 height: 100%;
 float: right;
}

#body #left {
 width: 230px;
 float: left;
 min-height: 300px;
}

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

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

.acc_element {
padding-right: 20px;
}

.acc_element h3 {
 margin: 0;
 padding: 0;
 text-align: right;
 margin-top: 5px;
} 

.acc_element h3 a{
font-size: 13px;
color: white;
font-weight: 400px;
padding-right: 8px;
display: block;
background:url('../img/bg-ss-categ.png') right center no-repeat;
} 

.acc_element h3 a:hover{
color: #2B2D2A;
display: block;
background:url('../img/bg-ss-categ-hover.png') right center no-repeat;
}



#accordion{
width: 225px;
background: #4c6418 url('../img/bg-menu.png') top repeat-x;
padding: 0;
min-height: 353px;
float: left;
margin: 0;
}

.acc_toggler a{
font-size: 13px;
color: white;
font-weight: 400px;
display: block;
height: 28px;
text-align: right;
background: url('../img/bg-categ.png') center no-repeat;
padding-top: 7px;
padding-left: 8px;
padding-right: 8px;
}

.acc_toggler a:hover{
background: url('../img/bg-categ-hover.png') center no-repeat;
color: #F9BE00
}



/* -----------------------------*/

/******************* Article ******************/

.article_contenu{
color: white;
}

.article h2{
color: #F7B80A;
font-size: 15px;
background: url('../img/bg-titre-article.png') left center no-repeat;
padding-left: 40px;
min-height: 62px;
}

h2.article{
color: #F7B80A;
font-size: 15px;
background: url('../img/bg-titre-article.png') left center no-repeat;
padding-left: 40px;
min-height: 62px;
}

#contenu{
color: white
}

/**********************************************/


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

#body .center {
 width: 698px; /* 980(taille page) - 200(colone gauche) - 200(colone droite) - 20(margin gauche ET droite) */
 float: left;
 min-height: 300px;
 margin-left: 50px;
}

#arbo {
 padding: 5px 5px 3px 5px;
}

.arbo{
color : #FABE00
}


.arbo a{
color : white
}

.arbo a:hover{
color : #FABE00
}

#info{
height: 105px;
background-color: #2C2C2C;
padding-top: 22px;
}

#info div{
margin: auto;
width: 980px;
background: url('../img/info.png') left top no-repeat;
padding-top: 18px;
}

#info div font{
margin-left: 45px;
}

#footer {
  margin-top: 35px;
  min-height: 100px;
  margin: auto;
  width: 980px;
}

#footer ul{
padding: 0;
margin: 0
}

#menuFooter{
width	: 550px;
float: left;
margin-top: 10px;
} 

#footer li{
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#footer li a{
color: #989898;
margin-right: 10px;
}

#footer li a:hover{
color:#F8BB01
}

#ekinoxe font{
font-size: 11px;
color: #989898;
float: left
}

#ekinoxe{
width: 190px;
height: 95px;
float: right;
margin-top: 14px;
}

#ekinoxe font+font{
color:#F8BB01;
float: left
}

#ekinoxe img{
float: left;
margin-top: 10px;
margin-left: 40px;
}

/*****************Site Map *********************/

.sitemap{
list-style-type:none;
}

.depth-1{
font-size: 15px;
}

.depth-1 a{
color: white;
}

.depth-1 a:hover{
color: #FABE00;
}

.depth-2{
font-size: 12px;
}

.depth-2 a{
color: #B5B5B5;
}

.depth-2 a:hover{
color: #85B128;
}