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


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
body, html {
 padding: 0;
 margin: 0;
 font-family: "Arial", sans-serif;
 font-size: 12px;
 background:#C9C5C2
}

img {
 border: none;
}

a {
 text-decoration: none;
 color: #000;
}

/* ajout */
a:hover{
 color: #eee;
}
/* fin ajout */

.article_contenu{
	padding:5px 10px;
	text-align:justify;
	color:#000;
}

a.article_plus{
 display: block;
 color: #FFF;
 text-align: center;
 background:url(../img/plus.png) top left no-repeat;
 width:99px;
 height:50px;
 margin-left:8px
	
}
*:focus {
 outline: none;
}

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

.acc_toggler {
 margin: 0;
 padding: 0;
 cursor: pointer;
 text-align:right;
 height:35px
} 

.acc_element h3 {
 margin: 0;
 padding: 0;
 text-align:right;
 padding:0 15px 0 0
} 
.acc_element h3 a{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#666666;
	background:url(../img/puce.gif) right 7px no-repeat;
	padding-right:10px
}
.acc_element h3 a:hover{
	color:#FFF
}
.shadow{
	height:24px;
	width:162px;
	background:url(../img/shadow.gif) top center no-repeat;
	margin:25px 0 80px 0
}
#contenu h2{
	margin:10px 0 0;
	padding:0;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#363636;
	background:url(../img/ligne.gif) bottom left repeat-x;
	padding:25px 0 5px 5px;
	clear:both
}
.act span{
	background:url(../img/flashinfo.png) top right no-repeat;
	height:14px;
	display:block;
	text-indent:-9999px
}
.ligne{
	background:url(../img/ligne.gif) bottom left repeat-x;
	margin:0;
	padding:5px 0
}
a#video{
	width:163px;
	height:43px;
	background:url(../img/video.gif) top left no-repeat;
	text-indent:20px;
	margin:15px 0 0;
	font:normal 14px/36px Arial, Helvetica, sans-serif;
	color:#FFF;
	display:block
}

#newsletter{
	margin:0;
	padding:0;
	background:url(../img/news_bg.png) top left no-repeat;
	position:relative;
	height:83px  /*76*/
}
#newsletter img{
	position:absolute;
	top:21px;
	left:-5px;
}

#newsletter h2{
	background:url(../img/newsletter.gif) right 14px no-repeat;
	height:12px;
	widows:77px;
	text-indent:-9999px;
	margin:0 9px 0 0;
	padding:13px 0 0
}
#newsletter .id_text{
background:url(../img/news_text.gif) top left no-repeat;
border:none;
height:16px;
margin:6px 0 0 5px;
padding:0 6px 2px 17px;
width:136px;
}
.photo_cont{
	margin:10px 0 0;
	padding:0 5px
	}
#newsletter .sub{
	display:block;
	background:url(../img/news_ok.gif) top left no-repeat;
	width:42px;
	height:18px;
	border:none;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FEFFF7;
	margin:5px 0 0 111px;
	cursor:pointer
}


/* ------ GALERIES ------ */

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

div.contact_frame {
}

div.contact_line {
 padding: 6px 6px 10px 6px;
}

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

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

div.contact_submit {
 float: none;
 margin: 10px 0 0 165px;
}
.diaporama{
	height:300px;
width:730px;
}
div.contact_submit input, a.bouton_suivant{
	border:none;
	background:url("../img/plus.png") no-repeat left top;
	width:99px;
	height:15px;
	padding-bottom:35px;
	color:#FFF;
	cursor:pointer
}
a.bouton_suivant{
	display:block;
	margin:10px 0 0 205px;
	text-align:center;
	height:50px;
	
}
.diapo_bg{
	background:url(../img/diapo.png) top left no-repeat;
	width:733px;
	height:356px;
	float:left;
	padding:14px 13px 0;
	margin:10px 0 0 
}
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;
}
ul.sitemap li a{
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#FFF;
}
.msg_erreur{
	font:italic 15px Arial, Helvetica, sans-serif;
	color:#C00
}
/* ------ 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 {
 padding: 5px 0 0;
}

h3 {
 margin: 0;
 padding: 0;
 font-size: 14px;
}
ul#top_menu{
	height:35px;
	margin:0;
	padding:0;
	background:url(../img/top_link.gif) top left repeat-x;
	display:block;
	float:left
}
ul#top_menu li{
	display:block;
	float:left;
	background:url(../img/splash.gif) top right no-repeat
}
ul#top_menu li:hover, ul#top_menu li.none:hover{
	background:#837F78
}

ul#top_menu li a{
	font:normal 13px/33px Arial, Helvetica, sans-serif;
	color:#333;
	display:block;
	height:34px;
	/*min-width:108px;*/
	margin:0 17px;
	text-align:center
}
ul#top_menu li.none{
	background:none
}
.first, .last{
	display:block;
	float:left;
	width:7px;
	height:35px;
	margin:0;
	padding:0;
}
.first{
	background:url(../img/first_li.gif) top left no-repeat
}
.last{
	background:url(../img/last_li.gif) top left no-repeat
}

#conteneur {
}

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

#header {
 min-height: 180px;
}
#header h1 a{
	display:block;
	 background: url(../img/logo.gif) top center no-repeat;
	 height:162px;
	 width:427px;
	 text-indent:-9999px;
	 margin:0 auto
}


#body {
 margin: 5px 0;
}

#body #wrapper {
 height: 100%;
 float: right;
}

#body #left {
 background:url(../img/top_left.gif) top left no-repeat;
 width: 162px; /*163*/
 float: left;
 min-height: 300px;
 padding:8px 0 0
}
#accordion{
	background:#ACA59D
}
h2.acc_toggler a{
	font:normal 15px/33px Arial, Helvetica, sans-serif;;
	color:#333;
	text-align:right;
	padding-right:15px;
	height:35px;
	display:block
}
h2.acc_toggler a:hover{
	background:#88837D;
	color:#FFF
}

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

#body .center {
 margin: 0 10px;
 width: 760px; /* 980(taille page) - 200(colone gauche) - 200(colone droite) - 20(margin gauche ET droite) */
 float: left;
 min-height: 300px;
}

#arbo {
 padding: 5px 5px 3px 5px;
 background: #aaa;
 display:none
}

#footer {
  min-height: 100px;
  background:url(../img/footer_lg.gif) top left repeat-x;
  margin:15px 0 0;
  overflow:hidden;
  position:relative;
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#FFF
}
#footer p{
	position:absolute;
	top:10px;
	left:0;
	margin:0
}
#footer span{
	position:absolute;
	left:0;
	top:30px;
	border-right:solid 1px #E4E4E4;
	color:#E4E4E4;
	padding-right:5px
}

#footer a#ekinoxe{
	position:absolute;
	top:10px;
	right:10px;
	color:#000; /* fff */
	display:block;
	width:176px;
	height:65px;
	background:url(../img/ekinoxe.gif) bottom right no-repeat
}

#footer ul{
	padding:0;
	margin:0;
	position:absolute;
	left:150px;
	top:30px;
	width:600px
}
#footer ul li{
	display:block;
	float:left;
}
#footer ul li a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000; /* e4e4e4 */
	margin:0 5px;
	white-space:nowrap
}
#footer ul li a:hover{
	color:#eee /*000*/
}