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

body{
margin:0;
padding:0;
background: #fff url('../img/body.jpg') top center no-repeat;
}
#conteneur{
margin:0;
padding:0;
width:980px;
margin:0 auto;
color:#333333;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:auto;
}
#centre a{
color:#083559;
text-decoration:none;
}
#centre a:hover{
color:#083559;
text-decoration:underline;
}
img{
margin:0;
padding:0;
border:none;
}
#page {
width: 980px;
margin: auto;
}
#header {
background: url('../img/entete.jpg') no-repeat;
min-height: 293px;
}
#anim{
margin:0;
padding:0;
position:absolute;
width:980px;
height:240px;
}
h1.titre2{
margin:0;
padding:0;
display:none;
}
#menu0{
margin:0;
padding:0;
position:absolute;
height:26px;
width:92px;
margin-left:26px;
margin-top:236px;
}
#menu0 a{
height:26px;
width:92px;
display:block;
float:left;
}
#ico1 a{
width:22px;
background:url('../img/icone1.jpg') no-repeat;
}
#ico1 a:hover{
background:url('../img/icone11.jpg') no-repeat;
}
#ico2 a{
width:21px;
background:url('../img/icone2.jpg') no-repeat;
}
#ico2 a:hover{
background:url('../img/icone22.jpg') no-repeat;
}
#ico3 a{
width:28px;
background:url('../img/icone3.jpg') no-repeat;
}
#ico3 a:hover{
background:url('../img/icone33.jpg') no-repeat;
}
#ico4 a{
width:21px;
background:url('../img/icone4.jpg') no-repeat;
}
#ico4 a:hover{
background:url('../img/icone44.jpg') no-repeat;
}
#news{
margin:0;
padding:0;
position:absolute;
width:295px;
height:31px;
margin-left:26px;
margin-top:262px;
background:url('../img/news.jpg') no-repeat;
}
.champs{
width:130px;
height:20px;
position:absolute;
margin-top:4px;
margin-left:102px;
background:transparent;
font-size:12px;
color:#000;
border:none;
background:url('../img/champ.jpg') no-repeat;
}
.send{
width:33px;
height:22px;
margin-left:244px;
margin-top:4px;
background:transparent;
border:none;
cursor:pointer;
background:url('../img/ok.jpg') no-repeat;
}
#menu-haut{
height:31px;
width:600px;
position:absolute;
margin:262px 0 0 398px;
}
#menu-haut a {
height:26px;
float:left;
text-decoration:none;
color:#fff;
cursor:pointer;
font-size:13px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
padding-top:5px;
}
#menu-haut a:hover {
color:#50BA3F;
text-decoration:none;
}
#home a{
width:91px;
background:url('../img/ico1.jpg') no-repeat;
}
#home a:hover{
background:url('../img/ico11.jpg') no-repeat;
}
#presentation a{
width:163px;
background:url('../img/ico2.jpg') no-repeat;
}
#presentation a:hover{
background:url('../img/ico22.jpg') no-repeat;
}
#contact a{
width:118px;
background:url('../img/ico3.jpg') no-repeat;
}
#contact a:hover{
background:url('../img/ico33.jpg') no-repeat;
}
#plan a{
width:160px;
background:url('../img/ico4.jpg') no-repeat;
}
#plan a:hover{
background:url('../img/ico44.jpg') no-repeat;
}
#contenu{
margin:0;
padding:0;
float:left;
width:980px;
background:url('../img/contenu.jpg') repeat-y;
}
#gauche{
margin:0;
padding:0;
float:left;
width:321px;
}
#arr-menu{
margin:0;
padding:0;
width:321px;
min-height:237px;
background:url('../img/arr-plan.jpg') no-repeat;
}
#fond-menu{
margin:0;
padding:0;
width:321px;
background:url('../img/fond-menu.jpg') repeat-y;
}
/*#menu_g {
margin:0;
padding:0;
width:282px;
padding-top:30px;
margin-left:24px;
list-style:none;
}
#menu_g li{
color:#fff;
font:13px Verdana;
}
#menu_g a{
display:block;
color:#fff;
text-decoration:none;
font-weight:normal;
padding-top:5px;
width:282px;
height:26px;
text-align:left;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/menu01.png');
}
html>body #menu_g a{
filter:none;
background: url('../img/menu01.png') no-repeat; 
}
#menu_g a:hover{
text-decoration:none;
color:#fff;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/menu02.png');
}
html>body #menu_g a:hover{
filter:none;
background: url('../img/menu02.png') no-repeat; 
}*/
/* ------ MENU ACCORDEON ------ */
.menu_g {
margin:0;
padding:0;
width:282px;
padding-top:30px;
margin-left:24px;
list-style:none;
}
.acc_toggler{
margin:0;
padding:0;
}
.acc_toggler a, .menu_g h3 a {
margin:0;
padding:0;
display:block;
color:#fff;
text-decoration:none;
font:13px Verdana;
padding-top:5px;
width:282px;
height:26px;
text-align:left;
font-weight:normal;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/menu01.png');
}
html>body .acc_toggler a ,html>body  .menu_g h3 a{
filter:none;
background: url('../img/menu01.png') no-repeat; 
}
.acc_toggler a:hover , .menu_g h3 a:hover{
margin:0;
padding:0;
padding-top:5px;
text-decoration:none;
color:#fff;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/menu02.png');
}
html>body .acc_toggler a:hover, html>body  .menu_g h3 a:hover{
filter:none;
background: url('../img/menu02.png') no-repeat; 
}
.acc_element h3 {
 margin: 0;
 padding:0;
 width:282px;
 margin-left:0px;
 text-align:left;
 height:20px;
 background: url('../img/stretcher.png') no-repeat;
} 
.acc_element h3:hover{
margin: 0;
padding:0;
width:282px;
margin-left:0px;
text-align:left;
height:20px;
background: url('../img/stretcher1.png') no-repeat;
}
.acc_element a {	
 margin: 0;
 padding:0;
 padding-top:5px;
 color:#fff;
 font-size:11px;
 text-decoration:none;
}
.acc_element a:hover {	
 margin: 0;
 padding:0;
 color:#50BA3F;	
}
h2, h3 {
 margin:0;
 padding:0;
 font-weight:normal;
} 
#flash{
margin:0;
padding:0;
width:321px;
height:206px;
background: url('../img/flash.jpg') no-repeat;
}
div#flash_infos{
margin:0;
padding:0;
position:absolute;
width:258px;
height:161px;
margin-left:38px;
margin-top:37px;
text-align:left;
font-size:11px;
color:#fff;
}
div#flash_infos a{
text-decoration:none;
color:#50BA3F;
}
div#flash_infos a:hover{
text-decoration:underline;
color:#50BA3F;
}
#horaire{
margin:0;
padding:0;
width:321px;
height:129px;
background: url('../img/horaire.jpg') no-repeat;
}
div#horaire_infos{
margin:0;
padding:0;
position:absolute;
width:140px;
height:42px;
margin-left:39px;
margin-top:53px;
text-align:left;
font-size:12px;
color:#fff;
font-weight:bold;
}
#centre{
margin:0;
padding:0;
float:left;
width:659px;
min-height:528px;
background: url('../img/centre.jpg') no-repeat;
}
#centre h2{
margin:0;
padding:0;
margin-top:30px;
margin-left:35px;
font-size:15px;
padding-left:50px;
padding-top:9px;
font-weight:normal;
color:#000;
width:530px;
height:61px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/titre.png');
}
html>body #centre h2{
filter:none;
background: url('../img/titre.png') no-repeat; 
}
.articles{
margin:0;
padding:0;
}
.article{
margin:0;
padding:0;
margin-top:-35px;
margin-left:82px;
margin-bottom:10px;
width:560px;
text-align:left;
}
.separateur{
margin:0;
padding:0;
width:645px;
height:10px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/separateur.png');
}
html>body .separateur{
filter:none;
background: url('../img/separateur.png') no-repeat; 
}
#bas{
margin:0;
padding:0;
float:left;
width:980px;
height:217px;
background: url('../img/bas.jpg') no-repeat;
}
div#ekinoxe{
margin:0;
padding:0;
position:absolute;
margin-left:168px;
margin-top:58px;
width:138px;
height:62px;
}
#contac{
margin:0;
padding:0;
position:absolute;
width:380px;
height:52px;
color:#333333;
font:12px Verdana;
margin-top:44px;
margin-left:573px;
text-align:left;
font-weight:bold;
}
div#menu_bas{
margin:0;
padding:0;
position:absolute;
margin-top:111px;
margin-left:405px;
font:10px Verdana;
width:475px;
text-align:left;
font-weight:normal;
color:#333333;
}
#menu_bas li {
display:inline;
border: none;
float:left
}
#menu_bas ul {
margin:0;
padding:0
}
#menu_bas a{
text-decoration:none;
color:#333333;
padding-left:2px;
padding-right:2px;
}
#menu_bas a:hover{
color:#000;
text-decoration: none;
}
#menu_bas span{
color:#333333;
}
/* ------ form ------ */
.contact_frame{
margin:0;
padding:0;
width:300px;
margin-left:20px;
}
span.obligatoire{
color:#FF0000;
}
p.msg_erreur{
color:#FF0000;
padding-left:20px;
}
.bouton_suivant{
margin:0;
padding:0;
width:100%;
text-align:center;
margin-top:20px;
}
#centre b{
color:#000;
}

#centre form{
padding-left:20px;
padding-right:20px;
}


div.galeries {
margin:0;
padding:0;
}
div.galerie {
margin:0;
padding:0;
display: block;
float: left;
width:547px;
margin-left:78px;
background: url('../img/centre-gal.jpg') repeat-y;
}
div.photos {
margin:0;
padding:0;
display: block;
margin-top:0px;
}
div.photo {
margin:0;
padding:0;
float: left;
margin-left:10px;
margin-bottom:10px;
text-align: center;
width: 169px;
height: 100px;
}
img.photo {
 max-width: 169px;
 max-height: 100px;
 }
.haut-gal{
margin:0;
padding:0;
width:547px;
height:28px;
background: url('../img/haut-gal.jpg') no-repeat;
}

.bas-gal{
margin:0;
padding:0;
width:547px;
height:28px;
background: url('../img/bas-gal.jpg') no-repeat;
}