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


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
body, html {
 background: #89A100;
 color:#597F00;
 padding: 0;
 margin: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}
.clear{
	clear:both;
}
img {
 border: none;
}

a {
 text-decoration: none;
 color: #375A00;
}

*:focus {
 outline: none;
}

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

.acc_toggler {
 margin: 0;
 padding: 0;
 cursor: pointer;
} 
.acc_toggler a{
	background-image:url(../img/bg_categorie.png);
	width:260px;
	height:21px;
	padding-left:17px;
	display:block;
	margin-bottom:4px;
	font-size:13px;
	padding-top:5px;
}
.acc_toggler a:hover{
	background-image:url(../img/bg_categorie_hover.png);
}
.acc_element{
	background-color:#5A8000;
  	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px;
	padding:0px 25px 0px 17px;
}
.acc_element h3 {
 margin: 0;
 padding: 0;
} 
.acc_element a{
	background-image:url(../img/acc_element.png);
	background-position:bottom;
	background-repeat:no-repeat;
	width:235px;
	height:15px;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	margin:6px 0px;
	padding-bottom:6px;
	padding-left:3px;
	
}
.acc_element a:hover{
	color:#B8E507;
	
}
/* ------ GALERIES ------ */

div.galeries {
}

div.galerie {
 display: block;
 width:573px;
 clear: both;
 margin:auto;
}

h2.galerie {
 color: #fff;
 font-size: 14px;
 padding: 3px 0 3px 8px;
}
.galeries p{
	padding:0px 38px 0px 46px;
	margin-bottom:0px;
}
div.photos {
 display: block;
}

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

div.photo {
 float: left;
 margin: 0 8px 0 0;
 text-align: center;
 width: 177px;
 height: 118px;
 margin-right:13px;
 margin-top:13px;
}

div.photo div.photoName {
}

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

div.contact_frame input{
	background:none;
	border:1px solid #a7bf1d;
}
div.contact_frame textarea{
	border:1px solid #a7bf1d;
}
div.contact_frame input.botton, div.contact_frame input.bouton_suivant{
	background-image:url(../img/input_button.png);
	width:200px;
	height:19px;
	color:#FFFFFF;
	border:none;
	margin-right:150px;
}
a.bouton_suivant{
	background-image:url(../img/input_button.png);
	display:block;
	float:right;
	width:200px;
	height:19px;
	font-size:13px;
	text-align:center;
	margin-right:180px;
	color:#FFFFFF;
	border:none;
}
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: right;
 margin: 10px 8px 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;
}

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

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

#conteneur {
 background: #89A100;
}

#page {
	background-image:url(../img/bg_page.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
 	width: 990px;
 	margin: auto;
	padding-bottom:104px;
}

#header {
	background-image:url(../img/bg_header.jpg);
	height:241px;
	width:990px;
}

#FlashID{
position:absolute;
z-index:0
}

#header a.logo{
	/*background-image:url(../img/logo_beaute.png);*/
position:absolute;
	width:368px;
	height:57px;
	float:right;
	display:block;
	margin:18px 0 0 598px;
	z-index:1
}
#header .ouverture{
position:absolute;
	width:134px;
	height:105px;
	margin:95px 0 0 840px;
	z-index:1
}
#header .allMenu{
	background-image:url(../img/bg_menu.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width:586px;
	height:31px;
	margin:210px 0 0 360px;
position:absolute;
}
.allMenu .menu {
	background:transparent url(../img/right_menu.png);
	background-position:right;
	background-repeat:no-repeat;
	width:586px;
	height:31px;
	padding:0px;
	margin:0px;
	float:left;
	text-transform:uppercase;
}
.menu a, .menu ul {
	padding:0px;
	margin:0px;
	float:left;
}
.menu li{
	list-style:none;
	float:left;
	margin-left:-10px;
}
.menu a{
	width:130px;
	height:22px;
	display:block;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	padding-top:5px;
	margin-top:2px;
}
.menu a:hover{
	background-image:url(../img/menu_hover.png);
}
.menu a.favori{
	background-image:url(../img/favori.png);
	display:block;
	width:17px;
	height:15px;
	float:right;
	padding:0px;
	margin-right:8px;
	margin-top:6px;
}
.menu a.favori:hover{
	background-image:url(../img/favori_hover.png);
}
.menu a.recommander{
	background-image:url(../img/recommander.png);
	display:block;
	width:8px;
	height:16px;
	float:right;
	padding:0px;
	margin-right:8px;
	margin-top:6px;
}	
.menu a.recommander:hover{
	background-image:url(../img/recommander_hover.png);
}
.menu a.plan{
	background-image:url(../img/plan.png);
	display:block;
	width:8px;
	height:16px;
	float:right;
	padding:0px;
	margin-right:15px;
	margin-top:6px;
}
.menu a.plan:hover{
	background-image:url(../img/plan_hover.png);
}
/***************************************/
#body {
	background-image:url(../img/bg_body.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:990px;
}

#body #wrapper {
 float: right;
 width:652px;
}

#body #left {
 width: 280px;
 float: left;
 margin-top:66px;
}

#body .topCenter{
	background-image:url(../img/top_center.png);
	width:640px;
	height:94px;
	padding-top:30px;
}
#body .center {
	background-image:url(../img/bg_center.png);
 	width: 640px;
	min-height:700px;
	padding-bottom:10px;
}
#body .basCenter{
	background-image:url(../img/bas_center.png);
	width:640px;
	height:19px;
}
.center h2, #footer h2{
	background-image:url(../img/bg_h2_article.png);
	width:568px;
	height:20px;
	padding-top:46px;
	padding-left:58px;
	color:#2E5000;
	font-size:15px;
	text-transform:uppercase;
	margin:auto;
	margin-left:9px;
}
#arbo {
 padding: 5px 5px 3px 5px;
}
#arbo a:hover{
	color:#9E156C;
}
#footer {
	background-image:url(../img/bg_center.png);
	width:640px;
}
#footer .separator{
	background-image:url(../img/separator.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:582px;
	height:1px;
	margin-top:20px;
	padding-bottom:20px;
	overflow:hidden;
}
#footer .lien a{
	background-image:url(../img/bg_a_footer.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-right:5px;
	float:left;
	display:block;
	min-width:10px;
}
#footer a:hover{
	color:#344C00;
}
#footer .lien{
	 width:600px;
}
#footer .marge{
	padding-left:47px;
	overflow:hidden;
}
/******************************************************************/
h2.news{
	background-image:url(../img/newsletter.png);
	width:164px;
	height:45px;
	margin-bottom:0px;
}
h2.actuel span, h2.news span{
	display:none;
}
h2.actuel{
	background-image:url(../img/actualite.png);
	width:164px;
	height:45px;
	margin-bottom:0px;
}
.block input{
	border:none;
	padding:0px;
	margin:0px;
}
.block input.id_text{
	background:transparent url(../img/bg_input.png);
	width:193px;
	height:20px;
	float:left;
}
.block input.ok{
	background:transparent url(../img/bg_ok.png);
	width:74px;
	height:20px;
	float:left;
	margin-left:2px;
}
#actualites {
}

#actualites h3 {
	font-size:13px;
	color:#9F1E70;
	padding-top:5px;
}

#actualites p {
	 margin: 0;
	 padding:15px 0px;
	 color:#FFFFFF;
}
#actualites a.actu_suite{
	font-size:11px;
	font-weight:bold;
	color:#CBFD00;
}
.center .article_contenu{
	padding:0px 38px 0px 46px;
}
#footer a.logoBas{
	background-image:url(../img/lobo_bottom.png);
	width:227px;
	height:33px;
	display:block;
	margin-top:10px;
}

#left a.logoEkinoxe{
	background-image:url(../img/logo_ekinoxe.png);
	width:183px;
	height:58px;
	display:block;
	margin-top:34px;
}
.center .contact_frame{
	padding-left:46px;
}
.sitemap{
	font-size:12px;
}
.sitemap a:hover{
	color:#9E156C;
}
form#inscription{
	padding-left:46px;
}
p.msg_erreur{
	padding-left:46px;
}