@charset "utf-8";
/* CSS Document */
body{
font-family:Verdana, "Helvetica LT Std", Arial, Tahoma;
font-size:12px;
color:#fff;
background:url(images/bg.jpg) repeat fixed;
overflow-X:hidden;
}
/* ----------style de textes-------------- */
a{ color:#669933; text-decoration:none; font-weight:bold;}
a:hover{ color:#C6FA5A; text-decoration: underline; font-weight:bold;}
p{ font-size:14px; color:#fff; padding:3px 20px;}
h1{ font-size:16px; color:#fff; border-bottom:1px dashed #82a52d; text-transform:uppercase; width:auto; text-align:left; margin: 10px 0; padding:2px 20px;}
h2{ font-size:14px; color:#C6FA5A; padding:2px 10px; }
h3{ font-size:14px; color:#82a52d; border-bottom:1px solid #eee; text-transform:uppercase; width:250px; text-align:left; margin: 5px 0; padding:2px 20px;}
.adress{font-size:13px; color:#C6FA5A; padding:2px 50px; font-style:italic;}
img.icon {border: none;}
a img.icon {border: none;}
a:hover img.icon {border: none;}
/* ----------header-------------- */

#header{
position:fixed;
left:0;
width:210px;
height:90px;
background:url(images/header.gif);
margin-top:-50px;
z-index:1;
}
*+html #header, *html #header {
margin:-10px 0 0 0;
position:fixed;
left:0;
}
#conseil{
position:fixed;
right:0;
width:345px;
height:90px;
color:#eee;
margin-top:-43px;
font-size:11px;
}
*+html #conseil, *html #conseil {
margin:-10px 0 0 0;
position:fixed;
right:0;
}

/* ----------menu-------------- */
#menu{
position:fixed;
width:210px;
margin:43px 0 0 0;
left:0;
}
*+html #menu, *html #menu {
margin:85px 0 0 0;
position:fixed;
width:210px;
left:0;
}

#menu li{
list-style: none;
border-bottom: 1px solid #333;
margin:0;
padding:0;
}
#menu li a{
display: block;
background: #82a52d;
text-decoration: none;
text-align: right;
margin:0;
padding:0 10px;
color: #fff;
line-height:26px;
font-weight:lighter;
}
#menu li a.active { 
color:#000; 
font-weight:bold;
}
#menu li a:hover{
color: #000;
background: #C6FA5A;
border:none;
font-weight:bold;
}
/* ----------contenu-------------- */
#content{
margin:59px 335px 0 210px;
background: #000;
min-height: 400px;
padding:10px 0;
}
*+html #content, *html #content {
float:left;
margin:54px 330px 0 210px;
}
#content li{
 color:#fff; 
 padding:2px 30px; 
 list-style:square inside;
 font-size:14px;
 }
#content li.grand{ 
color:#fff; 
padding:2px 20px; 
list-style: decimal inside;
}

.pullquote {
color:#ddd;
	width: 35%;
	float:right;
	font-size:125%;
	line-height:140%;
	margin:10px;
	background: url(images/closequote.png) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 15px 5px 0px;
}
.pullquote:first-letter {
	background: url(images/openquote.png) no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}
/* ----------galerie photos-------------- */
#galerie{
position:fixed;
width:345px;
margin:41px 0 ;
height:300px;
right:0;
}
#galerie img.photo,#galerie img:hover.photo {
border:none;
}
*+html #galerie, *html #galerie  {
width:345px;
padding:0;
float:left;
margin:85px 0 ;
}
/* ----------rubrique-actualités-------------- */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#actu {
top: 10px;
left: 0;
font-size:14px;
}
dl#actu {
width: auto;
margin:10px 15px;
}
dl#actu dt {
width:90%;
margin: 10px 0;
height: 25px;
text-align: left;
font-weight:bold;
color:#C6FA5A;
}
dl#actu dd {
margin:5px 20px;
width:auto;
padding-bottom:20px;
color:#fff;
}
/* ----------formulaire/emploi/contact-------------- */
form {margin: 0; padding: 0;}
label {
	float: left;
	width: 70px;
	padding: 0 1em;
	text-align: right;
	margin:3px;
}
div input, div textarea {
	width: 250px;
	padding: 2px;
	margin:3px;
	color: #222;
	background:#fff;
	font-family:Verdana, "Helvetica LT Std", Arial, Tahoma;
	font-size:11px;
}
#fm-submit input {
	cursor:pointer;
	margin:0 0 0 250px;
	width:110px;
}
/* ----------pied de page-------------- */
#footer{
left:0;
bottom:0;
width:200px;
position:fixed;
text-align:right;
color:#fff;
font-size:10px;
}

#footer a{ color:#82a52d; text-decoration:none; font-weight:lighter;}
#footer a:hover{ color:#C6FA5A; text-decoration: underline;font-weight:lighter;}

/* ----------gallerie photo-------------- */
#menu2{
position:fixed;
width:180px;
margin:43px 0 0 0;
left:0;
}
*+html #menu2, *html #menu2 {
margin:85px 0 0 0;
}
#menu2 li{
list-style: none;
border-bottom: 1px solid #333;
margin:0;
padding:0;
}
#menu2 li a{
display: block;
background: #82a52d;
text-decoration: none;
text-align: right;
margin:0;
padding:0 10px;
color: #fff;
line-height:26px;
font-weight:lighter;
}
#menu2 li a.active { 
color:#000; 
font-weight:bold;
}
#menu2 li a:hover{
color: #000;
background: #C6FA5A;
border:none;
font-weight:bold;
}

#content2{
position: static;
margin:58px 20px 0 180px;
background: #000;
min-height: 400px;
padding:10px;
z-index:90;
}
*+html #content2, *html #content2 {
float:left;
margin:54px 10px 0 180px;
}
#content2 img{
border:2px solid #fff;
margin:5px;
}
#content2 img:hover{
border:2px solid #000;
}

#footer2{
left:0;
bottom:0;
width:180px;
position:fixed;
text-align:right;
color:#fff;
font-size:10px;
}
#footer2 a{ color:#82a52d; text-decoration:none; font-weight:lighter;}
#footer2 a:hover{ color:#C6FA5A; text-decoration: underline;font-weight:lighter;}