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


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
body, html {
background:url(../img/emerepeat.jpg) repeat;

 padding: 0;
 margin: 0;
 font-family: "Arial", sans-serif;
 font-size: 12px;
}


.emerepeat{
background:url(../img/repeat.jpg) repeat-x top;
}


img {
 border: none;
}

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

*:focus {
 outline: none;
 }
 
/* ------ MENU------ */

.menu{
height:200px;
left:768px;
position:absolute;
top:110px;
width:140px;
}
.menu a{

color:#7AA635;
display:block;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
height:22px;
padding-left:32px;
padding-top:11px;
width:130px;
  }
.menu a:hover{
background:url("../img/hover.png") no-repeat scroll 0 0 transparent;
}

/* ------ MENU TOP ------ */
.menutop{
height:157px;
left:941px;
position:absolute;
top:70px;
width:36px;
}
.menutop a{
margin-bottom:22px;
}

a#fav{
	background:url(../img/bgfav.jpg) no-repeat;
	width:23px;
	height:23px;
	display:block;
		}
a:hover#fav{
	background:url(../img/favhov.jpg) no-repeat;
}
a#rec{
	background:url(../img/bgrec.jpg) no-repeat;
	width:23px;
	height:23px;
	display:block;
	}
a:hover#rec{
	background:url(../img/rechov.jpg) no-repeat;
}
a#icoplan{
	background:url(../img/bgplan.jpg) no-repeat;
	width:23px;
	height:23px;
	display:block;
	}
a:hover#icoplan{
	background:url(../img/planhov.jpg) no-repeat;
}

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

.acc_toggler {
 margin: 0;
 padding: 0;
 cursor: pointer;
} 
.acc_toggler a{
background:url("../img/bgacctoggler.png") no-repeat scroll center bottom transparent;
color:#D7E3C7;
display:block;
font-size:15px;
font-weight:normal;
height:32px;
margin-left:2px;
padding-left:17px;
padding-top:9px;
width:199px;

}
.acc_toggler a:hover{
background:url(../img/bgacctogglerhov.png) no-repeat bottom;
}



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

.acc_element a{
color:#D7E3C7;
margin-left:20px;
color:#FFFFFF;
font-size:13px;
padding-top:4px;
font-weight:normal;
}
.acc_element a:hover{
color:#FFD976;
}


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

div.galeries {
}

div.galerie {
 display: block;
 clear: both;
 margin: 10px 0 10px 0;
}

h2.galerie {
 background: #777 url('../img/bg-h2.html') top left repeat-x;
 color: #fff;
 font-size: 14px;
 padding: 3px 0 3px 8px;
}

div.photos {
 display: block;
}

div.photo {

 float: left;
 margin: 0 20px 0 0;
 text-align: center;
 width: 160px;
 height: 130px;
 padding: 6px 2px;
}

img.photo {
  max-width: 160px;
 max-height: 130px;
}
.gal{
margin-left:20px;
}

.desc{
margin-left:20px;
}


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

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

div.contact_frame {
 
}

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

div.contact_line div.contact_field_value {
 margin-left: 160px;
}

span.contact_field_cross {
 color: #c00;
 
}

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

}

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

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

#page {

 width: 980px;
 margin: auto;
}

#header {
 height: 302px;
 position:relative;
}

.logo{
background:url("../img/logo.png") no-repeat scroll 0 0 transparent;
display:block;
height:132px;
left:22px;
position:absolute;
top:3px;
width:292px;
}
.texto{
background:url("../img/texto.png") no-repeat scroll 0 0 transparent;
display:block;
height:32px;
left:22px;
position:absolute;
top:214px;
width:292px;
}

#body {
 background:url(../img/repeatpage.png) repeat-y 10px;
 margin:0;
}

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

#body #left {
background:url(../img/leftbg.jpg) no-repeat top;
float:left;
margin-left:26px;
min-height:600px;
width:220px;

}
.topleft{
background:url(../img/topleft.jpg) no-repeat;
width:220px;
height:15px;
display:block;
}


#body #right {
background:url("../img/rightbg.png") no-repeat scroll 0 0 transparent;
height:149px;
margin-left:8px;
padding-left:27px;
padding-top:23px;
width:180px;
 }

#body .center {
float:left;
margin:0 10px;
min-height:300px;
width:700px;
color:#336B0A;
}
.center h2{
color:#7AA635;
padding-left:5px;
background:none;
font-size:17px;
}
.article_contenu{
margin-left:5px;
margin-top:-14px;
}

.article{
background:url(../img/separticle.png) no-repeat bottom;
padding-bottom:10px;
}

#arbo {
background:url("../img/arbobg.png") no-repeat scroll 0 0 transparent;
height:20px;
padding:9px 20px 3px;

}
.arbo a{
color:#395915;
}

#footer {
background:url(../img/footer.png) no-repeat bottom;
min-height:86px;
}


/* ------ STRUCTURE BUTTON DE FORM ------ */


.envoi_rec{
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #6B9429;
border:medium none;
color:#FFFFFF;
cursor:pointer;
height:26px;
margin-right:83px;
text-align:center;
width:154px;
}

.envoi_contact{
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #6B9429;
border:medium none;
color:#FFFFFF;
cursor:pointer;
height:26px;
margin-bottom:30px;
margin-right:39px;
text-align:center;
width:154px;
}

.bouton_suivant{
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #6B9429;
border:medium none;
color:#FFFFFF;
cursor:pointer;
display:block;
float:right;
height:22px;
margin-right:109px;
margin-top:10px;
padding-top:4px;
text-align:center;
width:99px;
}


.msg_erreur{
color:#990000;
font-style:italic;
}

/* ------ STRUCTURE DE BLOCK ACTUALITE ------ */

#actualites {
}

#actualites h3 {
display:none;
 margin: 0;
 padding: 4px 6px 2px 6px;
 background: #aaa;
}

#actualites p {
 margin: 0;
 padding: 4px 6px;
 color:#D7E3C7;
}

#actualites a.actu_suite {
color:#D7E3C7;
display:block;
margin-right:19px;
margin-top:7px;
text-align:right;
text-decoration:none;
}

.news{
background:url("../img/news.png") no-repeat scroll 0 0 transparent;
height:52px;
margin-left:8px;
margin-top:34px;
padding-left:33px;
padding-top:34px;
width:174px;
}
.id_text{
background:url("../img/input.jpg") no-repeat scroll 0 0 transparent;
border:medium none;
display:block;
float:left;
height:19px;
padding-left:3px;
width:130px;
color:#B0ABA9;
}
.ok{
background:url(../img/ok.jpg) no-repeat;
width:22px;
height:21px;
display:block;
border:none;
cursor:pointer;
float:right;
margin-right:12px;
}

.copy{
background:url("../img/copy.png") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:50px;
margin-left:71px;
margin-top:16px;
width:161px;
}

.footerright{
float:right;
width:733px;
}
.lien{
margin-top:9px;
overflow:hidden;
}
.lien a{
background:url(../img/seplien.jpg) no-repeat right;
color:#A7C179;
font-size:12px;
padding-right:5px;
padding-left:5px;
float:left;
display:block;
white-space:nowrap;
}
.siren{
color:#A7C179;
font-size:12px;
margin-left:5px;
margin-top:4px;
}

.add{
color:#A7C179;
font-size:12px;
margin-top:11px;
text-align:center;
}