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


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

html{
background: #5FB6E4 url('../img/bando1.jpg') repeat-x top left;
}
body{
padding: 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size: 11px;
}
img {
border: none;
}
a {
text-decoration: none;
font-weight:bold;
color: #77B104;
}
a:hover {
text-decoration: underline;
color: #333333;
}
*:focus {
outline: none;
}
h1 {
text-indent: -9999px; 
margin: 0;
padding: 0;
}
#conteneur {
margin: auto;
min-height:789px;
background: url('../img/body.jpg') no-repeat top center;
}
#page {
width: 980px;
margin: auto;
}
#center h2 {
color: #000;
min-height: 61px;
font-size:14px;
font-weight:bold;
padding:6px 0 0 104px;
width:436px;
margin: 0;
background: url('../img/titre.jpg') no-repeat left;
}

/*********************************************************************
 ******************************* CADRES ******************************
 *********************************************************************/

div#contenu{
padding:0;
margin:0;
width:980px;
height: 100%;
float:left;
background: url('../img/ligne.gif') repeat-y;
}
div#left{
padding:0;
margin:0;
width:210px;
min-height:601px;
float:left;
background: url('../img/gauche.png') no-repeat;
}

/* ------ MENU ACCORDEON ------ */
.menu_g {
margin:0;
padding:0;
width:180px;
margin-left:24px;
margin-top:-40px;
list-style:none;
}
.acc_toggler{
margin:0;
padding:0;
}
.acc_toggler a{
margin:0;
padding:0;
display:block;
color:#000;
font-weight:bold;
text-decoration:none;
font-size:12px;
padding-top:2px;
padding-left:16px;
width:180px;
height:17px;
text-align:left;
}
.acc_toggler a:hover  {
margin:0;
padding:0;
padding-top:2px;
padding-left:16px;
text-decoration:none;
color:#000;
background: url('../img/menu02.png') no-repeat;
} 
.acc_element h3 {
 margin: 0;
 padding:0;
 width:180px;
 text-align:left;
 min-height:17px;
 background:#FFFFFF;
} 

.acc_element a {	
 margin: 0;
 padding:0;
 display:block;
 padding-left:16px;
 color:#333333;
 font-weight:normal;
 font-size:11px;
 text-decoration:none;
}
.acc_element a:hover {	
 margin: 0;
 padding:0;
 padding-left:16px;
 text-decoration: none;
 color:#6CA500;
}
h2, h3 {
 margin:0;
 padding:0;
 font-weight:normal;
}

#tel-left {
font-size:18px;
color:#050;
padding-left:46px
}

#horaires{
margin:0;
padding:0;
width:210px;
height:94px;
margin-top:20px;
background: url('../img/horaires.png') no-repeat;
}
div#horaires_infos{
margin:0;
padding:0;
position:absolute;
width:186px;
height:42px;
margin-top:40px;
margin-left:21px;
text-align:center;
font-size:11px;
color:#000;
}

div#ekinoxe{
margin:0;
padding:0;
margin-left:51px;
margin-top:32px;
width:132px;
height:51px;
background: url('../img/logo.png') no-repeat;
}
div#blank{
margin:0;
padding:0;
width:132px;
height:51px;
}

div#center{
padding:0;
margin:0;
width:540px;
margin-left:10px;
min-height:300px;
float:left;
}


div#right{
padding:0;
margin:0;
width:220px;
min-height:300px;
float:left;
}

#flash{
margin:0;
padding:0;
width:220px;
height:338px;
background: url('../img/flash.png') no-repeat;
}
div#flash_infos{
margin:0;
padding:0;
position:absolute;
width:179px;
height:256px;
margin-top:66px;
margin-left:17px;
text-align:center;
font-size:11px;
color:#000;
}
div#flash_infos a{
text-decoration:none;
color:#000;
}
div#flash_infos a:hover{
text-decoration:underline;
}

#contact{
margin:0;
padding:0;
width:220px;
height:214px;
background: url('../img/contact.png') no-repeat;
}
div#contact_infos{
margin:0;
padding:0;
position:absolute;
width:199px;
height:50px;
margin-top:115px;
margin-left:8px;
text-align:center;
font-size:11px;
color:#000;
}
/**************************************galerie********************************/

 /****************************** CONTACT ******************************
 *********************************************************************/

.contact_frame{
margin:0;
padding:0;
width:300px;
margin-left:40px;
}
span.obligatoire, .contact_field_cross, .contact_error{
color:#FF0000;
}
p.msg_erreur{
color:#FF0000;
}
.bouton_suivant{
margin:0;
padding:0;
width:100%;
text-align:center;
margin-top:20px;
}
#centre b{
color:#999999;
}