/*

* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
*/


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


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 


body,html {
 padding: 0;
 margin: 0;
 font-family: "Arial", sans-serif;
 font-size: 12px;
 height: inherit;
 background:#0E7AE7 url(../img/site_bas_bg.jpg) bottom no-repeat;
}

#conteneur {
 background:  url(../img/site_haut_bg.jpg) no-repeat top;
 height: inherit;
 padding-bottom: 110px;
}

img {
 border: none;
}

a {
 text-decoration: none;
 color: #00f;
}

*:focus {
 outline: none;
}

.horaires {
margin-top:-46px;
margin-left: 25px;
height: 287px;
}

.ekinoxe {
margin-left: 60px;
}

.horaire {
position: relative;
bottom: 120px;
right: 20px;
text-align: center;
color: white;
}

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

.acc_toggler {
 margin: 0;
 padding: 0;
 cursor: pointer;
 background: url(../img/menu_bouton_bg.png) no-repeat;
 min-height: 38px;
 background-position: 42% 0%;
} 

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

.acc_toggler a {
color: white;
font-weight: 100;
font-size: 17px;
display: block;
min-height: 35px;
padding-left: 110px;
padding-top: 8px;
}

.acc_toggler a:hover {
background: url(../img/menu_bouton_bg_hover.png) no-repeat;
background-position: 40% 0%;
}

#accordion {
width: 268px;
background: url(../img/menu_milieu_bg.png) repeat-y;
}

.acc_element a {
color: #0067AD;
padding-left: 93px;
font-weight: 100;
}

.acc_element a:hover {
color: #ED5A00;
}

.menu {
padding: 0;
margin: 0;
}
.block-nav {
background: url(../img/menu_haut_bg.png) no-repeat;
height: 38px;
margin-bottom: 0px;
width: 278px;

}

/* ------ 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: none;
 float: left;
 margin: 0 8px 0 0;
 text-align: center;
 width: 120px;
 height: 120px;
 padding: 6px 2px;
}

img.photo {
 border: 2px solid green;
 max-height: 100px;
 max-width: 100px;
 min-height: 100px;
 min-width: 100px;
}

div.photo div.photoName {
 padding: 6px 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;
 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 {
 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: 400px;
}

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


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


.logo {
padding-left: 9px;
}

#header {
background: url(../img/image_fruits_pour_header.png) no-repeat top;
 min-height: 300px;
background-position: 100% 172%;
}

#body {
 margin: 5px 0;
 background: url(../img/milieu_bg.png) repeat-y bottom;
min-height: 1000px;
}

#body #wrapper {
 height: 100%;
 width: 70%;
 float: right;
 color: gray;
}

#body #left {
 width: 273px;
 float: left;
 min-height: 300px;
 position: relative;
 left: 12px;
 bottom: 119px;
}

.block-news {
position: relative;
bottom: 41px;
left: 10px;

}

.article {
color: #878786;
}

.article-titre {
color: #0067ad;
font-size: 17px;
background: url(../img/article_titre_bg.png) no-repeat;
padding-left: 35px;
}

#actualites {
position: relative;
bottom: 46px;
left: 26px;
background: url(../img/actu_bg.png) no-repeat;
color: #055;
}

.id_text {
margin-right: 18px;
border: none;
height: 19px;
}

html:not([lang*=""]) .id_text {
margin-right: 25px;
border: none;
height: 19px;
}

.btok {
background: url(../img/btok.png) no-repeat;
min-height: 27px;
min-width: 37px;
border: none;
}

.menu_haut {
position: relative;
bottom: 29px;
right: 35px;
}

#newsletter {
position: relative;
left: 41px;
top: 113px;
top: 133px!important!;
z-index: 3;
}

.menu_haut_texte {
position: relative;
bottom: 63px;
left: 20px;
}

.menu_haut_texte a {
color: white;
font-weight: 800;
min-height: 35px;
min-width: 105px;
padding-top: 10px;
padding-bottom: 10px;
}

.plansite a {
color: gray;
}


.test1 a {
min-width: 10px;
min-height: 10px;
background: url(../img/menu_haut_repeater.png) repeat;

}

.menu_haut_texte a:hover {
background: url(../img/menu_haut_repeater.png) repeat;
background-position: 30% 50% ;
color: #94bf00;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 10px;

}

.montreur_menu_haut {
padding-right: 10px;
padding-left: 30px;
}

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

.infosociete {
text-align: left;
position: relative;

}

.liens_baspage {
color: #b9d500;
}

.liens_baspage a {
color: #b9d500;
font-weight: bold;
}

.liens_baspage a:hover {
color: #ed6d00;
}

#body .center {
 margin: 0 10px;
 width: 560px; /* 980(taille page) - 200(colone gauche) - 200(colone droite) - 20(margin gauche ET droite) */
 float: left;
}

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

.bouton_suivant {
float: right;
}

#footer {
position: relative;
color: #0068ae;
width: 600px;
left: 300px;
left: 50px!important!;

}