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


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
body {
 padding: 0;
 margin: 0;
 font-family: "Arial", sans-serif;
 font-size: 12px;
 background: url(../img/bas_bg.png) no-repeat center bottom;
 overflow-x: hidden;
}

html {
 padding: 0;
 margin: 0;
 font-family: "Arial", sans-serif;
 font-size: 12px;
 background:#fdfcfc url(../img/repeater_bas_bg.png) repeat-x bottom;
}

img {
 border: none;
}

.menu_bas_bg {
position: relative;
top: 21px;
left: 1px;
}

.btn_savoir {
padding-left: 600px;
}

.horaires {
margin-top: 30px;
margin-bottom: 30px;

}

.horaires img {
padding-left: 45px;
}

.horaires p {
text-align: center;
}

.ekinoxe {
position:relative;
width: 121px;
height: 48px;
top: 110px;
left: 10px;
}

.icones_haut {
position: relative;
bottom: 58px;
width: 400px;
}

.icones_haut a {

font-size: 11px;
color: black;
margin-right: 10px;


}

.liens_haut {
position: relative;
top: 90px;
left: 20px;
}
.icones_haut img {
padding-right: 3px;
}

.contenu_bas_bg {
position: relative;
left: 1px;
top: 32px;
}

.h2_haut {
margin-top: 94px;
margin-left: 20px;
width: 300px;
}

.liens_haut a {
color: black;
font-size: 15px;
font-weight: bold;
margin-right: 20px;
}

.liens_haut a:hover {
text-decoration: underline;
color: white;
}

.logo_site {
margin-bottom: 30px;
}

a {
 text-decoration: none;
 color: #4c9ac5;
}

a:hover {
 text-decoration: none;
 color: #4c9ac5;
}

.separateur_menu {
position: relative;
right: 3px;
/* margin-bottom: 5px; */
}

*:focus {
 outline: none;
}


.ajax {
display: none;
}
/* ------ MENU ACCORDEON ------ */

.acc_toggler {
 margin: 0;
 padding: 0;
 cursor: pointer;
 height: 30px;
 width: 210px;
 margin-left: -4px;
 
}

.val {
position: relative;
top: 5px;
left: 15px;
}

.acc_toggler h2 {
color: black;
font-weight: 200;

} 

.acc_toggler a {
color: black;
font-weight: 300;
font-size: 16px;
/* padding-left: 13px; */
height: 30px;
 width: 210px;
 display: block;
}

.acc_toggler a:hover {
background: url(../img/menu_bas_bg2.png) no-repeat center;
background-position: 0% 10%;
height: 30px;
 width: 210px;
}

.acc_element h3 {
 margin: 0;
 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/haut_bg.png) repeat-x top;
}


.block-news {
position: relative;
bottom: 80px;
left: 700px;
width: 215px;
background: url(../img/newsletter_bg.png) no-repeat center top;
height: 25px;
}

.acc_element {
padding-left: 25px;
font-weight: 100;
}

.article p {
padding-left: 30px;
}

.article h2 {
padding-left: 0;
color: #4c9ac5;
font-weight: 200;
font-size: 18px;
border-bottom: 1px solid #4c9ac5;
position: relative;
left: 27px;
width: 715px;

}

#contenu h2 {
padding-left: 0;
color: #4c9ac5;
font-weight: 200;
font-size: 18px;
border-bottom: 1px solid #4c9ac5;
position: relative;
left: 27px;
width: 715px;

}

.acc_element a {
font-weight: 100;
color: black;


}

.id_text {
position: relative;
left: 50px;
height: 13px;
border: none;
background: none;
top: 7px;

}

.submit {
position: relative;
left: 100px;
background: url(../img/btok.png) no-repeat center top;
border: none;
width: 48px;
height: 19px;
top: 6px;

}

#page {
 width: 992px;
 width:993px !important!;
 margin: auto;
 padding-top: 51px;
}

#header {
background: url(../img/header_picture.png) no-repeat top center;
 min-height: 189px;
}

#body {
 margin: 5px 0;
/*  background: url(../img/conteneur_repeater.png) repeat-y top center; */
position: relative;/*car sinon dˇcalage avec Header et Footer, raison inconnue*/
right: 7px;

}

#body #wrapper {
 height: 100%;
 float: right;
/*  background: #eee; */
background: url(../img/contenu_bg.png) repeat-y top center;
min-height: 535px;
}

#body #left {
/*  background: #cce; */
 width: 213px;
 float: left;
 min-height: 300px;
 position: relative;
 top: 100px;
 left: 12px;
 top: 58px;
}

.fond {
background: url(../img/menu_bg2.png) repeat-y top center;
}

.article {
padding:0 15px;
}

.arbo {
padding-top: 10px;
padding-left: 210px;
font-weight: bold;

}

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

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

#inscription {
margin-left: 35px;
margin-right: 85px;
}

.cadre p {
margin-left: 35px;
margin-right: 15px;

}

.test2 {
margin-left: 35px;
margin-right: 15px;

}

.test {
display: inline !important!;
width:1px;
position: relative;
height: 1px !important!;
}

.contact_frame {
margin-left: 35px;
margin-right: 15px;

}

.msg_erreur {
color: red;
margin-left: 25px;
}

#arbo {
 padding: 5px 5px 3px 5px;
 background:url(../img/arbo_bg2.png) no-repeat;
 width: 979px;
 height: 50px;
 right: 200px;
 position: relative;
 color: #34397a;
/*  background: #aaa; */
}

#footer a {
color: black;
}

#footer a:hover {
color: #4c9ac5;
}

.infos {
padding-top: 13px;
}

#arbo a {
color: #34397a;
}

#arbo a:hover {
text-decoration: underline;
}


#footer {
 background: url(../img/footer_bg.png) no-repeat top right;
  min-height: 100px;
  margin-top: 35px; /*pour ne pas rentrer en conflit avec le conteneur*/
  text-align: center;
  margin-left: 120px;
  position: relative;
  left: 45px;
}