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


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

img {
 border: none;
}

a {
 text-decoration: none;
 color: #62CF9D;
}

*:focus {
 outline: none;
}

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

.acc_toggler a {
background:url("../img/cat.png") no-repeat scroll 0 0 transparent;
color:#999999;
display:block;
font-family:arial;
font-size:14px;
font-weight:normal;
height:21px;
margin-bottom:4px;
margin-top:0;
padding-left:10px;
padding-top:4px;
width:173px;

}

.acc_toggler a:hover{
	background:url(../img/cathov.png);
	color:#50B87C;
}

.acc_toggler {
 margin: 0;
 padding: 0;
 cursor: pointer;
} 

.acc_element h3 {
	margin:0 0 5px;
	padding-left:15px
}

.acc_element a {
	color:#999999;
	font-size:12px;
	margin:0 ;
	text-align:right;
	font-weight:normal;

} 

.acc_element a:hover {
	color:#5EC191;
	
}
/* ------ GALERIES ------ */

div.galeries {
}

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

div.photos {
 display: block;
}

div.photo {
float:left;
height:113px;
margin:0 27px 20px 0;
text-align:center;
width:163px;
}

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

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;
 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 {
 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: 89%;
}

/* ------ 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:url(../img/header.jpg) no-repeat center top;
}

.bg{background:url(../img/footer.jpg) no-repeat bottom center;}

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

#header {
 min-height: 250px;
 position:relative;
}

#body {
 margin: 5px 0;
}

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

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

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

#body .center {
float:left;
margin:165px 0 0 15px;
min-height:300px;
width:570px;
color:#A4A4A4;
font-size:13px
}

#arbo {
display:none
}

#footer {
min-height:220px;
padding-top:10px;
}

#actualites {
	color:#FFFFFF;
margin-top:80px;
}


#actualites h3 {
display:none
}

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

#actualites a.actu_suite {
	background:url(../img/actuplus.jpg);
	width:93px;
	height:22px;
 display: block;
 margin-left: 6px;
 float:right;
 color: #000;
 text-decoration: none;
 text-align: right;
}

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

.bouton_suivant{
background:url("../img/cathov.png") no-repeat scroll 0 0 transparent;
border:medium none;
color:#CCCCCC;
cursor:pointer;
display:block;
float:right;
font-size:16px;
height:22px;
margin-right:10px;
padding-top:3px;
text-align:center;
width:183px;
}

.but{
background:url("../img/cathov.png") no-repeat scroll 0 0 transparent;
border:medium none;
color:#CCCCCC;
cursor:pointer;
display:block;
float:right;
font-size:14px;
height:25px;
margin-right:25px;
padding-bottom:3px;
text-align:center;
width:183px;
}

.logo{
display:block;
height:107px;
left:326px;
position:absolute;
top:87px;
width:333px;
}


.menubar{
height:14px;
left:322px;
position:absolute;
top:42px;
width:377px;
}
.menubar a{
	color:#84B323;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	display:block;
	float:left;
	margin-right:35px;
}

.menubar a:hover{
	color:#61D6A6;
}

.menu  {
background:url("../img/menu.jpg") no-repeat scroll right 0 transparent;
display:block;
height:11px;
left:450px;
position:absolute;
top:67px;
width:107px;
}

#rec{
background-image:url("../img/rec.jpg");
display:block;
float:left;
height:11px;
margin-right:20px;
width:13px;
	}

#rec:hover{
	background-image:url("../img/rechov.jpg");
}

#fav{
background-image:url("../img/fav.jpg");
display:block;
float:left;
height:11px;
margin-right:20px;
width:13px;
}

#fav:hover{
background-image:url("../img/favhov.jpg");
}

#plan{
background-image:url("../img/plan.jpg");
display:block;
float:left;
height:11px;
width:11px;
}

#plan:hover{
background-image:url("../img/planhov.jpg");
}

.center h2{
background:url("../img/h2.jpg") no-repeat scroll left top transparent;
color:#8ED450;
font-family:Arial,Helvetica,sans-serif;
font-size:17px;
font-weight:bold;
height:16px;
padding-left:17px;
padding-top:20px;
margin-left:-17px;
}

.Titre1{
	color:#62CF9D;
	font-size:14px
}

.article_plus{
	background:url(../img/cathov.png);
	display:block;
	height:20px;
	width:183px;
	float:right;
	text-align:center;
	padding-top:5px;
	color:#50B87C;
}

#newsletter {
margin:10px 0;
}
.id_text{
background:url("../img/txt.jpg") repeat scroll 0 0 transparent;
border:medium none;
color:#E4D7EC;
font-size:12px;
height:13px;
padding:3px 5px 4px;
width:141px;
margin-top:12px;
margin-right:2px;
float:left
}

.ok{
	background:url(../img/go.jpg);
	width:41px;
	height:41px;
	border:none;
	cursor:pointer
}

.minilogo{
display:block;
height:73px;
margin-left:392px;
width:167px;
}

.foo{
	font-size:13px;
	color:#B5B5B5;
	text-align:center
}

.link{
	margin-top:50px;
	color:#58771A;
width:700px;}

.link a{
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#58771A;
}	

.link a:hover{
	color:#EDF5DE;
}

.eki{
color:#31580A;
float:right;
font-size:11px;
margin-top:-25px;
text-align:right;
width:195px;
}

.ekilogo{
display:block;
height:39px;
margin-left:72px;
width:118px;
}

.bgtop{
	background:#4b4745 url(../img/bgtop.jpg) repeat-x top;
}


.bgbot{
	background:url(../img/bgbot.png) repeat-x bottom;
}

.back{

 background:url(../img/bg.jpg) center repeat-y;}