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


body{
margin:0;
padding:0;
background:#fff url('../img/body.jpg') top center repeat-x;
}
#conteneur{
margin:0;
padding:0;
width:980px;
margin:0 auto;
color:#42313A;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
height:auto;

}
.flash{
margin:auto;
padding:auto;
}
#page {
 width: 980px;
 margin: auto;
}

#page h2 {
 font-size:12px;
}
#centre a{
	color:#008E00;
	text-decoration:none;
}

#centre a:hover{
	color:#008E00;
	text-decoration:underline;
}
img{
margin:0;
padding:0;
border:none;
}
#header {
/*background: url('../img/entete.jpg') no-repeat;*/
min-height:221px;
}
#menu_haut {
	margin:0;
	padding:0;
	list-style:none;
	width:392px;
	margin-top:19px;
	position:absolute;
}
#menu_haut li{
    padding:0;
    margin:0;
	color:#fff;
	float:left;
}
#menu_haut a{
    padding:0;
    margin:0;
	float:left;
	font-size:12px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding-top:3px;
	width:98px;
	height:17px;
	text-align:center;
	background: url('../img/menu1.jpg') no-repeat; 
}
#menu_haut a:hover{
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	background: url('../img/menu2.jpg') no-repeat; 
}
#slogan{
margin:0;
padding:0;
position:absolute;
width:130px;
height:16px;
color:#FFFFFF;
font:11px Arial, Helvetica, sans-serif;
margin-top:45px;
margin-left:28px;
}
div#logo{
/*margin:0;*/
padding:0;
bottom:15px;
/*position:absolute;
width:318px;
height:123px;
margin-top:64px;*/
}
#txt{
margin:0;
padding:0;
position:absolute;
width:380px;
height:20px;
color:#333333;
font:16px "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
margin-top:185px;
margin-left:8px;
}
#news{
margin:0;
padding:0;
position:absolute;
width:270px;
height:20px;
margin-top:19px;
margin-left:607px;
}
.champs{
width:192px;
height:14px;
position:absolute;
margin-top:3px;
background:transparent;
font-size:12px;
border:none;
}
.send{
width:68px;
height:20px;
position:absolute;
margin-left:202px;
background:transparent;
border:none;
cursor:pointer;
}
#menu0{
height:25px;
width:94px;
position:absolute;
margin:14px 0 0 887px ;
}
#menu0 a{
margin:0;
padding:0;
height:25px;
display:block;
float:left;
}
#recommander a{
width:34px;
background:url('../img/icone1.jpg') no-repeat;
}
#recommander a:hover{
background:url('../img/icone11.jpg') no-repeat;
}
#plan a{
width:28px;
background:url('../img/icone2.jpg') no-repeat;
}
#plan a:hover{
background:url('../img/icone22.jpg') no-repeat;
}
#favoris a{
width:32px;
background:url('../img/icone3.jpg') no-repeat;
}
#favoris a:hover{
background:url('../img/icone33.jpg') no-repeat;
}
#gauche{
margin:0;
padding:0;
float:left;
width:204px;
background:url('../img/gauche.jpg') no-repeat;
}

/* ------ MENU ------ 
.menu_g {
	margin:0;
	padding:0;
	width:185px;
	margin-top:15px;
	margin-left:3px;
	list-style:none;
}
.acc_toggler {
margin:0;
	padding:0;
display:block;
	color:#333333;
	cursor:pointer;
	font-size:13px;
	text-decoration:none;
	font-weight:normal;
	padding-left:7px;
	padding-top:4px;
	width:178px;
	height:22px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;	
	background: url('../img/menu01.png') no-repeat; 
} 
.acc_toggler:hover {
margin:0;
	padding:0;
display:block;
	color:#276625;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	padding-left:7px;
	padding-top:4px;
	width:178px;
	height:22px;
	text-align:left;
	background: url('../img/menu02.png') no-repeat; 

} 

.acc_element h3 {
 margin: 0;
 padding:0;
 padding-left:12px;
 padding-top:3px;
  font-size:12px;
  width:178px;
 text-align:left;
 min-height:20px; 
  font-weight:normal;
 background: url('../img/slien.png') no-repeat; 
} 

.acc_element h3 a {	
 color:#333333;	
 text-decoration:none;
 font-size:12px;
 width:178px;
 padding-left:7px;
 min-height:21px;
  font-weight:normal;
 font-family:Arial, Helvetica, sans-serif;	

}
.acc_element h3 a:hover {	
 text-decoration:none;
 color:#0E8708;	
 font-weight:normal;
}

.acc_element h2 {
 margin:0;
 text-align:left;
} 

/*

.menu_g {
	margin:0;
	padding:0;
	width:185px;
	margin-top:15px;
	margin-left:1px;
	list-style:none;
}
.menu_g li{
	color:#333;
	margin-top:2px;
	margin-bottom:2px;
	font-size:12px;
}
.menu_g a{
	display:block;
	color:#333;
	text-decoration:none;
	padding-left:12px;
	font-weight:normal;
	padding-top:4px;
	width:173px;
	height:19px;
	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:#0E8708;
	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:185px;
margin-left:1px;
margin-top:15px;
list-style:none;
}
.acc_toggler{
margin:0;
padding:0;
}
.acc_toggler a{
margin:0;
padding:0;
display:block;
color:#333;
text-decoration:none;
font-size:12px;
font-weight:normal;
padding-left:12px;
padding-top:4px;
width:173px;
height:19px;
text-align:left;
background: url('../img/menu01.png') no-repeat;
}
.acc_toggler a:hover  {
margin:0;
padding:0;
padding-left:12px;
padding-top:4px;
text-decoration:none;
color:#0E8708;
background: url('../img/menu02.png') no-repeat;
} 
.acc_element h3 {
 margin: 0;
 padding:0;
 width:185px;
 text-align:left;
 min-height:20px;
 padding-top:2px;
background: url('../img/slien.png') no-repeat;
} 
.acc_element a {	
 margin: 0;
 padding:0;
 padding-left:9px;
 color:#333;
 font-size:11px;
 font-weight:normal;
 text-decoration:none;

}
.acc_element a:hover {	
 margin: 0;
 padding:0;
 padding-left:9px;
 text-decoration: none;
 color:#0E8708;	 
}
h2, h3 {
 margin:0;
 padding:0;
 font-weight:normal;
} 
#diaporama{
margin:0;
padding:0;
width:204px;
height:210px;
background: url('../img/diapo.jpg') no-repeat; 
}
#img-diapo{
margin:0;
padding:0;
position:absolute;
width:173px;
height:116px;
margin-left:9px;
margin-top:78px;
background: url('../img/img-diapo.jpg') no-repeat; 
}
#centre{
margin:0;
padding:0;
float:left;
width:547px;
min-height:123px;
padding-top:4px;
background: url('../img/centre.jpg') no-repeat;
}
#centre h2{
	margin:0;
	padding:0;
	padding-left:60px;
	padding-top:15px;
	font-size:13px ;
	font-weight:normal;
	color:#333333;
	width:420px;
	height:30px;
	background: url('../img/titre.png') no-repeat; 
}

.articles{
margin:0;
	padding:0;
}
.article{
	margin:0;
	padding:0;
	margin-left:10px;
	margin-bottom:16px;
	width:523px;
	text-align:left;
}
#droite{
margin:0;
padding:0;
float:left;
width:229px;
}
#actualite{
margin:0;
padding:0;
width:229px;
height:203px;
background: url('../img/actualite.jpg') no-repeat;
}
div#flash_infos{
	margin:0;
	padding:0;
	position:absolute;
	width:202px;
	height:140px;
	margin-left:16px;
	margin-top:48px;
	text-align:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#555555;
}
div#flash_infos a{
	text-decoration:none;
	color:#48BA1F;
}
div#flash_infos a:hover{
	text-decoration:underline;
	color:#48BA1F;
}
#horaire{
margin:0;
padding:0;
width:229px;
height:95px;
background: url('../img/horaire.jpg') no-repeat;
}
#horaire-info{
margin:0;
padding:0;
position:absolute;
width:180px;
height:32px;
margin-left:18px;
margin-top:51px;
color:#666666;
font:12px Arial ;
font-weight:bold;
}
#video{
margin:0;
padding:0;
width:229px;
height:130px;
}
div#bas3 {
clear: both;
background: url('../img/cont2.jpg') repeat-x top left;
height: 248px;
}
div#bas2 {
clear: both;
background: url('../img/cont.jpg') no-repeat top center;
height: 248px;
}
div#bas {
margin: auto;
width:980px;
height:248px;
background: url('../img/bas.jpg') no-repeat;
}
#adresse{
margin:0;
padding:0;
position:absolute;
width:426px;
height:40px;
font:15px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#FFFFFF;
margin-top:107px;
margin-left:227px;
}
div#menu_bas{
	margin:0;
	padding:0;
	position:absolute;
	margin-top:208px;
	margin-left:8px;
	font:11px Arial, Helvetica, sans-serif;
	width:588px;
	text-align:left;
	font-weight:normal;
	color:#fff;
}
#menu_bas li {
display:inline;
border: none;
float:left
}
#menu_bas ul {
margin:0px;
padding:0px
}
#menu_bas a{
text-decoration:none;
color:#fff;
padding-left:2px;
padding-right:2px;
}

#menu_bas a:hover{
color:#FFFFCC;
font-weight:bold;
text-decoration: none;
}
#menu_bas span{
	color:#fff;
}
#siret{
margin:0;
padding:0;
position:absolute;
width:140px;
height:18px;
margin-left:641px;
margin-top:208px;
color:#FFFFFF;
font:11px Arial, Helvetica, sans-serif;
}
div#ekinoxe{
	margin:0;
	padding:0;
	position:absolute;
	margin-left:841px;
	margin-top:187px;
	width:139px;
	height:53px;
}

div.galeries {
margin:0;
padding:0;
}

div.galerie {
margin:0;
padding:0;
display: block;
float: left;
margin-left:2px;
margin-bottom:16px;
margin-bottom:10px;
width:540px;
}

div.photos {
margin:0;
padding:0;
display: block;

}

div.photo {
margin:0;
padding:0;
float: left;
margin-left:10px;
 margin-top:20px;
text-align: center;
width: 150px;
height: 150px;
margin-bottom:10px;
}

img.photo {
 max-width: 150px;
 max-height: 150px;
}