/*  
Theme Name: BoisClairV3
Description: 
Version: 3.0
Author: Remy RICHARD

*/

/* INIT------------------------------------------------------------------------------------*/
* { margin:0; padding:0; background-repeat:no-repeat;}
hr {clear: both;visibility: hidden}
.invisible{display:none;}

img a{border:none}
a{color: #fff; border-bottom:1px dotted #ccc; text-decoration:none}
a:hover { color:#ccff00; text-decoration: none; border-bottom:none}


/* STRUCTURE------------------------------------------------------------------------------------*/

body {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #0f2c00;
	color: #d4d7cc;
	text-align: center;
	line-height:2em;
	}
	
.body{	background: #0f2c00 url('img/bg-body.jpg') repeat-x;
}

#page {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	padding:0 10px;
	text-align: left;
	background:url(img/bg-hdr.jpg) no-repeat;
	position:relative;
	}

#header { height:490px; position:relative; margin-bottom:2em;
	}
	
#header h1 a{display:block; height:120px;}
#header span.titre{ visibility:hidden}

#header span.titre span span{ visibility:visible; display:block; position:absolute; top:80px; left:0;  text-align:left; width:960px; font-style:italic; 	text-shadow : 2px 2px #000;
} /* affiche le titre dans la version traduite */
	


#content {
	font-size: 1.4em

	}
	
	#slideshow{ border:10px solid #fff; list-style-type:none; width:440px; height:350px; position:absolute; left:0; overflow:hidden}
	
/* HEADER ------------------------------------------------------------------------------------*/

h1 {
	font-size: 2em;
	text-align: center;
	padding:0;
	}
	
h1, h1 a, h1 a:hover, h1 a:visited{
	text-decoration: none;
	color: white;
	background:none;
	border:none
	}	
	
	
.description {
	width:460px; float:right;
	text-align:center;
	/*background:rgba(0,0,0,0.4);*/
	text-align:center;
	-moz-border-radius:10px;-webkit-border-radius:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	position:absolute;
	bottom:0;
	right:0;
	padding-bottom:3em
	}
	
	.description  h2{
	font-weight:normal;
	border:none;
	color:#d5d6d1!important;
	padding:1em 0.5em !important;
	font-size:1.4em;
	line-height:1.6em;
	text-shadow : 1px 1px #000;
	margin:0!important;
	}


.description a{ display:block; background:url(img/btn.png) no-repeat; width:340px; height:57px; position:absolute; bottom:-20px; border:none; padding:0; right:65px; text-indent:-9999px; font-size:0}
.description a:hover{bottom:-19px}
.description a:active{bottom:-21px}
	
/* CONTENU ------------------------------------------------------------------------------------*/

.post {
	margin: 0 0 40px;
	}
	
.post ul{ margin:1em 0 0 25px}
.post li{ margin:0 0 0.5em 0}
.post p{ margin:1em 0 0 0}

.post h2{margin-top:1em; border-top:5px solid #151f00; padding-top:0.5em;}
.post a img { padding:5px 5px 10px 5px; margin:0 5px 5px 0;}
.post a:hover img { border-color:#9ECEFF}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	display:block;
	}
	
p img {
	max-width: 100%;
	}

/* FOOTER ------------------------------------------------------------------------------------*/

#footer {
border-top:5px solid #151f00;
	
	padding: 1em 0 0 0;
	margin: 0 auto;
	width: 960px;
	clear: both;
	text-align:right;
	color:#3C5E00;
	
	}
#footer a{color:#3C5E00; border:none; text-decoration:underline}

#footer p {
	margin: 0;
	padding: 5px 20px;
	width:460px;
	background:#003300;
	}


/* INTERTITRES ------------------------------------------------------------------------------------*/


h1, h2, h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color:#ccff00;
	}

h2 {
	font-size: 1.6em;
	color:#ccff00!important;
	margin: 30px 0 0.5em;

	}


h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #ccff00;
	text-decoration: none;
	border:none;

	}
	
#content ul{ list-style-type:none; margin-left:0}
#content ul	 li{ background:url(img/puce.png) no-repeat; padding-left:25px}
	
	
/* INTERTITRES ------------------------------------------------------------------------------------*/

#post-13 a:hover{ background:none!important}
	
	
.home #post-6, .home #post-7, .home #post-8{ float:left; width:300px; margin-right:20px}
#post-8{ margin-right:0}
.home #post-5{ clear:both; width:460px; float:left}
.home #post-10{ float:right; width:460px;}
.home #post-9, #post-13{ clear:both;}


strong{ color:#fff}

#google_translate_element{ position:absolute; top:0; left:-9999px}
.lang{ width:960px; margin:0 auto;  height:20px;; text-align:left; padding:10px}
.lang a{ color:#666}
.lang a:hover{ color:#000}
/* CFORMS MINIMAL ------------------------------------------------------------------------------------*/

.cform{
margin:10px auto 0;
width:auto!important;
}
.cform legend{ display:none}
.cform input,.cform textarea,.cform select { padding:0.5em!important; -moz-border-radius:5px; -webkit-border-radius:5px; border:2px solid #000!important; border:none!important; background:#1C5D01!important; color:#fff!important}
.cform label, .cform label span{ width:190px!important; text-align:right}

.cform a{ border:none}
#ll{ /*position:absolute!important; left:-9999px!important*/}

.cform .cf-sb{ text-align:left}
.cform #sendbutton{ font-size:1.5em; background:#CBFF00!important;border:2px solid #fff!important; -moz-border-radius:5px; -webkit-border-radius:5px; color:#003300!important; margin-left:200px}
.cform .reqtxt, .cform .emailreqtxt{ padding:5px 0; margin-left:198px}

ol.cf-ol{ border:none!important}

body ol.cf-ol li.cf_li_err{ background:#000!important; background-image:none!important; border-style:dotted!important; border-color:#CAFD00!important}

#dp-popup h2{color:#000!important}

#cf_field_4, #cf_field_5{ width:150px}
#cf_field_6{ width:80px}

div.dp-popup{ background:#CDFE05!important; border:2px solid #CDFE05!important}

body div.success,body  div.failure,body  div.waiting{ background:#CCFF00!important; color:#000!important; border:none}
div.dp-popup img, div.dp-popup a{ border:none!important}