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


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
body, html {
 padding: 0;
 margin: 0;
 font-family:Verdana, Geneva, sans-serif; 
 font-size: 12px;
 background:#191919 url(../img/bg.png) repeat-y center;
 color:#fff
}

#anim_flash	{
height:203px;
margin-top:-45px;
padding:0;
position:absolute;
width:980px;}

img {
 border: none;
}

a {
 text-decoration: none;
 font-family:Arial, Helvetica, sans-serif;
 color: #999;
}
a:hover{
	color:#FF6600}

*{
	padding:0px;
	margin:0px;
	border:none;
 outline: none;
}

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

.block-navigation{
margin-bottom:50px;
margin-left:40px;}

.acc_toggler {
 margin: 0;
 padding: 0;
 cursor: pointer;
 font-weight:normal;
 font-size:13;
 font-family:Arial, Helvetica, sans-serif;
 color:#fff;
} 


.acc_toggler a{
	font-weight:lighter;
	font-size:13px;
	text-align:right;
	padding-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	background:url(../img/cat.png) no-repeat right;
	width:158px;
	height:21px;
}
.acc_toggler a:hover{
	font-weight:lighter;
	font-size:13px;
	text-align:right;
	padding-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	background:url(../img/cathov.png) no-repeat right;
	width:158px;
	height:21px;
}
.acc_element h3 {
 margin: 0;
 padding: 0;
} 

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

div.galeries {
position:absolute;
}

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

h2.galerie {
background:none;
 color: #B3D81D;
 font-size: 14px;
 padding: 3px 0 3px 8px;
}

.galerie p{
	padding:8px;
	color:#999999;}
div.photos {
 display: block;
}

div.photo {
 border: none;
 float: left;
 margin-left: 8px;
 margin-right:30px;
 text-align: center;
 width: 151px;
 height: 103px;
 padding: 6px 2px;
}

img.photo {
 max-width: 100px;
 max-width: 100px;
}

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

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



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 {
 font-weight: bold;
}

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: 400px;
}

/* ------ STRUCTURE DE LA PAGE (DECOUPAGE) ------ */

h1 {
 text-indent: -9999px; 
 margin: 0;
 padding: 0;
}

h2.blockleft {
 margin: 0px;
 padding: 0px 15px 1px 5px;
 background:url(../img/h2.png) right no-repeat ;
 height:20px;
 color: #B2D81D;
 font-size: 16px;
 text-align:right;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:normal;
}

h2.blockright {
 margin: 0px;
 padding: 3px 5px 1px 5px;
 background:url(../img/h2r.png) right no-repeat ;
 height:20px;
 color: #999;
 font-size: 14px;
 text-align:right;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:normal;
}

div.block {
 padding: 5px;
}

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

h2{
	color:#B3D81D;
	margin-left:8px;
}	

#conteneur {

	
}

#page {
	background:url(../img/bgpage.png) repeat-y #191919;
	width: 980px;
	margin: auto;
	min-height:500px;
}

#header {
	background:url(../img/header.png) left top no-repeat;
	min-height: 170px;
	position:relative;
	width:980px;
}

#body {
 margin: 5px 0;
}

#body #wrapper {
float:right;
margin-left:217px;
position:absolute;
width:770px;
}

#body #left {
float:left;
min-height:300px;
position:absolute;
width:210px;
}

#body #right {
float:right;
margin-left:555px;
min-height:300px;
position:absolute;
width:210px;
}

#body .center {
 margin: 0 0px;
 width: 560px; /* 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;
}

#footer {
 background: url(../img/footer.png) no-repeat;
 min-height: 391px;
 width:980px;
 margin:auto;
}
a#logo{
	background:url(../img/logo.png);
	display:block;
	width:220px;
	height:32px;
	top:74px;
	left:760px;
	width:220px;
	position:absolute;
}
#header ul{
	float:left;
margin-left:115px;
margin-top:10px;
position:absolute;
width:80px;
}
#header li{
	background:url(../img/button.png) right no-repeat;
	text-align:right;
	float:left;
	list-style:none;
	height:17px;
	width:70px;
	margin:3px;
	padding-top:4px;
	padding-right:10px;
	display:block;
}

#menu{
float:left;
margin:20px auto auto 220px;
position:absolute;
	}
a#home{
	display:block;
	background-image:url(../img/home.png);
	float:left;
	height:12px;
	width:12px;
	margin-right:15px;
	}
a:hover#home{
	background-image:url(../img/homehov.png);
	}
a#rec{
	display:block;
	background-image:url(../img/rec.png);
	float:left;
	height:11px;
	width:13px;
	margin-right:15px;
	}
a:hover#rec{
	background-image:url(../img/rechov.png);
	}
a#fav{
	display:block;
	background-image:url(../img/fav.png);
	float:left;
	height:11px;
	width:14px;
	margin-right:15px;
}
a:hover#fav{
	background-image:url(../img/favhov.png);
	}
a#plan{
	display:block;
	background-image:url(../img/plan.png);
	float:left;
	height:11px;
	width:11px;

	}
a:hover#plan{
	background-image:url(../img/planhov.png);
	}
#news{
	color:#999999;
float:right;
margin-left:774px;
margin-top:10px;
position:absolute;
width:320px;
}
#newstitle{
	float:left;
	padding-top:2px;
}
#newsform{
	float:right;
}
.id_text{
	padding-left:5px;
	color:#999;
	background:url(../img/txtinput.png) no-repeat; 
	border:none;
	width:160px;
	height:18px;
	margin-left:5px;
	margin-right:5px;
	padding-right:10px;
	border-right:#333 solid 1px;
}
.button{
	color:#999;
	background:url(../img/input.png) no-repeat;
	width:54px;}
.txt{
	position:absolute;
	left:560px;
	top:110px;
	text-align:right;
	color:#999;
	width:421px;
}
.txtfoot{
	width:770px;
	float:right;
	position:relative;
}
.adress{
	position:absolute;
	color:#999999;
	top:340px;
	left:5px;
}
.copyright{
	color:#999999;
	position:absolute;
	text-align:right;
	width:200px;
	left:520px;
	top:310px;
}
.copyright a{
	color:#FF6600;
	
}
.links{
	position:absolute;
	top:360px;
	left:5px;
	font-size:10px;
}
.links ul{
	float:left;
	}
.links li{
	display:block;
	float:left;
	list-style:none;
	margin-right:8px;
}
#actualites a.actu_suite {
 background:url(../img/suite.png) left no-repeat;
 padding-left:6px;
 display: block;
 margin-left: 0px;
 color: #FF6600;
 text-decoration: none;
}
.article h2{
	color:#B3D81D;
	margin-left:8px;
	float:left;}	
.article p{	
	color:#B7B7B7;
	padding:6px;
}
*+html .article p{	
	color:#B7B7B7;
	padding:8px;
}
.article a{
	color:#B3D81D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.Titre1{
	float:left;
	color:#B7B7B7;
	width:320px;
	margin-right:45px;
}	
.article h4{
	padding:8px;
	color:#B3D81D;
}