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


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
body, html {
 padding: 0;
 margin: 0;
 font-family: "Arial", sans-serif;
 font-size: 12px;
 background:#090909 url(../img/bg.jpg) repeat-x center 33px;
 color:#9d9c9b
}

img {
 border: none;
}

a, #map_canvas {
 text-decoration: none;
 color: #86C1FF;
}

*:focus {
 outline: none;
}

/**** ANIMATIOn ***********/

#animHaut{
margin-top: -90px;
}



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

.acc_toggler {
 margin: 0;
 padding: 0;
 cursor: pointer;
} 
#inscription{
	color:#FFF
}
p.msg_erreur{
color:#86C1FF	
}
a.bouton_suivant{
display:block;
float:left;
margin:10px 0 0 205px;
padding:5px;
border:solid 1px #86C1FF
}
.acc_element h3 {
 margin: 0;
 padding: 0;
} 

/* ------ 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;
}
#top_vis{
	margin:0;
	padding:0;
}
div.photo {
 float: left;
 margin: 0 8px 0 0;
 text-align: center;
 padding: 6px 2px;
 height: 130px;
 width: 130px
}

img.photo {
 max-width: 120px;
 max-height: 120px;
 border:solid 2px #86c1ff
}

div.photo div.photoName {
 padding: 6px 0;
}

/* ------ CONTACT ------ */

div.contact_frame {
}

div.contact_line {
 padding: 6px 6px 10px 6px;
 color:#FFF
}

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 {
color:#FFF}

div.contact_line input , div.contact_line textarea {
 margin-top: 3px;
}

div.contact_submit {
 float: left;
 margin: 10px 0 0 165px;
 .margin-left:82px
}
li.sitemap a{
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#86C1FF
}
li.sitemap a:hover{
	text-decoration:underline;
	color:#FFF
}

div.contact_error {
 padding: 3px 6px;
 color: #a00;
 font-size: 11px;
 margin: 4px 0 0 0;
 font-weight: bold;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 width: 400px;
}

/* ------ STRUCTURE DE LA PAGE (DECOUPAGE) ------ */
#top{
	overflow:hidden;
	clear:both;
	padding:2px 0 0;
	height:406px
}
#header #top h1 {
margin:0 0 0 4px;
	padding:0
}

#header #top h1 a{
float:left;
height:150px;
margin:0;
padding:0;
text-indent:-9999px;
width:553px;
background:url(../img/logo.jpg) no-repeat
}
#header #top ul{
	margin:0;
	padding:0;
}
#header #top ul li{
	display:block;
	float:left;
	margin:0;
	padding:0
}
#header #top ul li a{
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	color:#777;
	text-align:center;
	display:block;
	float:left;
	margin:0 1px;
	width:139px;
	height:150px;
	background:url(../img/top_links.jpg) no-repeat top left;
}
#header #top ul li a:hover{
		background:url(../img/top_links_hover.jpg) no-repeat top left;
		color:#86C1FF

}


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/header.jpg) no-repeat center 184px*/

}

#page {
 width: 980px;
 margin: auto;
}
#accordion h2{
	background:url(../img/left_a.jpg) no-repeat;
	
}
.acc_element h3 a{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#86c1ff;
	padding-left:25px;
}
.acc_element h3 a:hover{
	text-decoration:underline;
	color:#FFF
}
h2#act{
	background:url(../img/act_title.jpg) no-repeat;
	width:156px;
	height:92px;
	margin:15px 0 -30px 5px;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:20px 0 0 90px
}
#coord{
background:url(../img/horaire.jpg) no-repeat;
width:245px;
margin:0 0 0 5px;
padding:110px 0 0
}
#coord p{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#7b7b7b;
	margin-left:16px
}
#coord p span{
	font-weight:normal;
	font-size:12px;
	display:block;
	margin:10px 0 0
}

#accordion h2 a{
	display:block;
	width:236px;
	height:32px;
	margin:0;
	padding:0 0 0 10px;
	color:#FFF;
	font:bold 14px/30px Arial, Helvetica, sans-serif
}
#accordion h2 a:hover{
	background:url(../img/left_hover.jpg)  220px center no-repeat;
	color:#86c1ff
}

#newsletter{
	float:left;
	margin:5px 0 0
	
}
#newsletter h2{
	margin:0;
	padding:0;
	font:normal 14px/25px Arial, Helvetica, sans-serif;
	color:#86c1ff;
	float:left;
}
#newsletter .id_text{
	border:none;
	background:url(../img/news_txt.jpg) no-repeat;
	width:209px;
	color:#86C1FF;
	height:27px;
	margin:0 0 0 5px;
	float:left;
	padding:0 5px;
	line-height: 25px
}

#newsletter .sub{
	border:none;
	background:url(../img/news_ok.jpg) no-repeat;
	width:28px;
	float:left;
	height:27px;
	margin:0;
	cursor:pointer
}

#header {
 min-height: 180px;
}
#header ul{
	padding:0;
	margin:10px 0 0;
	float:right
}
#header ul li{
	display:block;
	float:left;
	margin:0 2px;
	color:#888483;
}
#header ul li a{
	display:block;
	float:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#888483;
	margin:0 2px
}
#header ul li a:hover{
	color:#FFF
}

#body {
 margin: 5px 0;
}

#body #wrapper {
 height: 100%;
 float: right;
 margin-right:75px;
 padding-bottom:15px
}

#body #left {
 width: 255px;
 float: left;
 min-height: 300px;
}

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

#body .center {
 width: 607px;
 float: left;
 min-height: 300px;
}
.article_contenu{
font:normal 14px Arial, Helvetica, sans-serif;
color:#9d9c9b;
padding:0 15px 0 93px;
margin-top:-50px
}
a.article_plus{
	display:block;
	margin:10px 0 0 93px;
	height:23px;
	background:url(../img/amore.jpg) no-repeat center right;
	padding-right:35px;
	color:#86c1ff;
	line-height:20px;
	width:90px
}
#arbo {
 padding: 5px 5px 3px 5px;
 color:#FFF
}
#cont_gal{
	margin:-36px 0 0;
	padding:0 0 0 93px;
}
#arbo a{
color:#FFF;
font:bold 13px Arial, Helvetica, sans-serif;
}
#contenu h2{
background:url(../img/right_h2.jpg) no-repeat;
padding:20px 0 0 90px;
height:82px;
font:normal 20px Arial, Helvetica, sans-serif;
color:#FFF
}
#arbo a:hover{
color:#86c1ff	
}

#footer {
  clear:both;
  height:95px;
  background:#000 url(../img/footer.jpg) repeat-x;
  overflow:hidden
}
#footer #cont{
	width:980px;
	margin:0 auto
}

#footer #cont a#ekinoxe{
	display:block;
	float:left;
	background:url(../img/equinoxe.jpg) no-repeat;
	width:121px;
	height:44px;
	text-indent:-9999px;
	margin:20px 0 0
}
#footer #cont ul{
	padding:0;
	margin:33px 0 0;
	float:right;
	width:700px
}
#footer #cont ul li{
	display:block;
	float:left;
	margin:0 3px;
	color:#FFF;
}
#footer #cont ul li a{
	display:block;
	float:left;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#FFF;
	margin-right:3px
}
#footer #cont ul li a:hover{
	color:#78adff
}