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

@import url(article.css);


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
body, html {
 padding: 0;
 background:#060606;
 margin: 0;
 font-family: "Arial", "Helvetica";
 font-size: 12px;
 color:white;
}

img {
 border: none;
}

a {
 text-decoration: none;
 color:#abd4eb;
}
.spacer {display:block; width:100%; height:1px; line-height:1px; font-size:1px; clear:both;}
*:focus {
 outline: none;
}

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

.acc_toggler {
 margin: 0;
 padding: 5px 0;
 width:165px;
 cursor: pointer;
 background:url(../img/border_menu_gauche.png) no-repeat left bottom;
}
.acc_toggler a {
	display:block;
	height:17px;
	width:165px;
	padding:0 0 0 20px;
	font-size:12px;
	font-weight:normal;
	color:#b0b0b0;
	background:url(../img/left_menu_ico.png) no-repeat left bottom;
}
.acc_toggler a:hover {
	background-position:left top;
	color:#14bed5;
} 

.acc_element h3 {
 margin: 0;
 padding: 0;
} 

.acc_element h3 a {
	display:block;
	width:150px;
	padding:2px 0 2px 40px;
	font-size:12px;
	font-weight:normal;
	color:#b0b0b0;
}
.acc_element h3 a:hover {color:#14bed5;}

/* ------ 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;
}

div.photo {
 float: left;
 margin: 3px;
 text-align: center;
 width: 115px;
 height: 112px;
 background:#fff;
 padding-top:3px;
}

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

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

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

div.contact_frame {
 border-top: 1px solid #eee;
}

div.contact_line {
 padding: 6px 6px 10px 6px;
 border-top: none;
}

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 input , div.contact_line textarea {
 margin-top: 3px;
}

div.contact_submit {
 float: right;
 margin: 10px 8px 20px 0;
}

div.contact_error {
 border: 1px solid #a00;
 padding: 3px 6px;
 color: #a00;
 font-size: 11px;
 background: #fee;
 margin: 4px 0 0 0;
 font-weight: bold;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
/* width: 95%;*/
	float: left;
}

/* ------ 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 {
}

h3 {
 margin: 0;
 padding: 0;
 font-size: 14px;
}

#conteneur {
 background:url(../img/bg_conteneur.jpg) no-repeat center top;
}
#conteneur_2 {
	background:url(../img/bg_conteneur_2.jpg) no-repeat center bottom;
}

#page {
 width: 980px;
 margin: auto;
}

#header {
 height: 316px;
}

#body {
 margin: 5px 0;
}

#body #wrapper {
 min-height: 400px;
 width:720px;
 display:block;
 float: right;
}

#body #left {
	width:220px;
	min-height: 300px;
	margin:0 0 0 30px;
	padding:20px 0 0 0;
}

#body #right {
 float: right;
 width: 190px;
 min-height: 300px;
 padding:80px 0 0 0;
}

#body #right h2 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#22a6b8;
	font-size:20px;
	font-family:Tahoma,Geneva,sans-serif;
	font-weight:normal;
}

#body .center {
 margin: 0;
 width: 505px;
 float: left;
 min-height: 300px;
}

#arbo {
	margin:0 0 0 55px;
	padding:0 0 0 0;
	display:block;
	float:left;
	clear:both;
}
#arbo a {color:#b0b0b0;}

#footer {
  min-height: 340px;
  width:870px;
  padding:0; 
  margin:0 0 0 80px;
}

#footer ul {margin:5px 0 0 0; padding:0;}

#footer ul li {display:block; float:left; margin-right:10px;}

#footer ul li a, #footer a {color:#fff; font-size:12px;}

#footer ul li a:hover, #footer a:hover {color:#abd4eb;}

#footer .adresse {width:760px; margin:75px auto 0 auto;}

#footer .adresse span {display:block; font-weight:bold;}

#footer .adresse span.siret {float:right;}

/* --- BLOCK NEWSLETTER --- */
.newsletter_block {
display:block;
float:left;
width:420px;
height:50px;
}

.newsletter_block h2 {display:block; float:left; width:100px; margin:15px 0 0 30px;}

.newsletter_block .id_text {display:block; float:left; width:199px; height:27px; background:url(../img/bg_newsletter_form.png) no-repeat left top; border:none; color:white; text-align:center; margin:8px 5px 0 10px;}

.newsletter_block input.submit {background:none; border:none; font-weight:bold; color:#91d3e1; margin-top:12px; width:25px; cursor:pointer;}

.logo {width:320px; height:247px; display:block; float:left; margin:0 0 0 40px;}
h2.article, .center h2 {margin:10px 0 0 0; padding:0 0 0 20px; color:#22a6b8; background:url(../img/bg_page_title.png) no-repeat left top; font: 18px Tahoma, Geneva, sans-serif;}



div.callback {
	width:149px;
	height:113px;
	margin:20px auto;
}

.ekinoxe {display:block; margin:40px auto 0 auto; width:133px; height:35px;}

.top_link {display:block; float:right; width:115px; margin:280px 0 0 0;}

.top_link ul {margin:0; padding:0;}

.top_link ul li {display:block; float:left; margin:0 5px;}


ul.sitemap {margin:20px 0 0 20px; padding:0; list-style:none;}

ul.sitemap li {display:block; background:url(../img/left_menu_ico.png) no-repeat left; height:34px; padding-left:20px;}

ul.sitemap li a {color:#22a6b8}

div.contact_submit input {border:none; color:#22a6b8; background:url(../img/left_menu_ico.png) no-repeat right 2px; font-weight:bold; cursor:pointer; width:185px;}

.bouton_suivant {display:block; float:right; background:url(../img/left_menu_ico.png) no-repeat right 1px; padding:0 20px 0 0; color:#14bed5; font-weight:bold; margin:10px 0 10px 0; height:20px}

p.msg_erreur {color:#ff0000;}