@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:Arial, Helvetica, Verdana  sans-serif;
}
body {
	line-height: 1;
	background-color:#fff8ea;
	height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
overflow:hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

img{
border:none;
}

/*fin reset*/

#header{
width:100%;
height:170px;
background-image:url(images/bg-header.jpg);
background-repeat:repeat-x;

}

#contenu-header{
width:960px;
margin:0 auto;
position:relative;
padding-top:5px;
z-index:1;
}



.langue{
width:93px;
font-size:11px;
height:18px;
margin:0 0 3px 0;
background-color:#f9f1e1;
float:right;
padding:2px 2px;

}


.langue a{
font-size:11px;
float:left;
padding:0px 3px;
color:#000;
text-decoration:underline;
}

.langue span{
color:#6f3f29;
float:left;
font-size:11px;
}

.illustration{
position:absolute;
right:0;
top:0px;
z-index:1;
}

#container{
width:100%;
background-color:#fff8ea;
z-index:1000;
}


#footer{
width:100%;
height:90px;
background-color:#000;
background-image:url(images/bg-footer.jpg);
background-repeat:repeat;
padding-top:10px;
color:#FFFFFF;
position:fixed;
bottom:0;
}

#bloc-footer{
width:960px;
margin:0px auto 0px auto;
padding-top:5px;
}

#slogan{
width:380px;
height:90px;
background-image:url(images/slogan.png);
background-repeat:no-repeat;
float:left;
padding-top:5px;
margin-right:10px;
}

#bloc-contact{
width:400px;
margin:0 auto;
margin-left:140px;
padding:0px 2px 0 20px;
height:90px;
float:left;
}

#bloc-contact .float{
float:left;
width:200px;

}

#bloc-menu{
width:140px;
margin:0 auto;
padding:0 10px;
height:130px;
float:right;
border-left:1px solid #431e0d;
}


#contenu{
width:960px;
margin:0;
margin-left:-490px;
position:absolute;
height:auto;
left:50%;
background-color:#fff8ea;
z-index:10;
overflow-y:auto;
}

hr{
visibility:hidden;
clear:both;
}

a:hover{
color:#000000;
}


a:visited{
color:#8c5135;
}

h1{
font-size:21px;
color:#000;
line-height:24px;
font-weight:normal;
text-transform:uppercase;
margin:8px 0;
}

h2{
font-size:16px;
color:#8c5135;
line-height:18px;
margin:8px 0;
}

h3{
font-size:16px;
color:#000;
line-height:22px;
margin:8px 0 3px 0;
}

h4{
font-size:14px;
color:#000;
line-height:18px;
margin:8px 0;
}

h5{
font-size:11px;
color:#000;
line-height:11px;
margin:5px 0;
}

h5 a{
font-size:10px;
color:#fff;
text-decoration:none;
font-weight:normal;
}

h5 a:hover{
font-size:11px;
color:#000;
text-decoration:none;
font-weight:normal;
}

h6{
font-size:13px;
color:#fff;
line-height:14px;
margin:4px 0;
font-weight:normal;
}



h6 a{
font-size:12px;
color:#fff;
font-weight:normal;
text-decoration:none;
}

h6 a:hover{
font-size:12px;
color:#000;
text-decoration:none;
font-weight:normal;
}

address p{
font-size:13px;
color:#fff;
line-height:14px;
margin:4px 0;
font-weight:normal;
}

address p a{
font-size:12px;
color:#fff;
font-weight:normal;
text-decoration:none;
}

a {
color:#8c5135;
}

.tel{
font-size:13px;
color:#fff;
line-height:15px;
margin:4px 0;
font-weight:normal;
width:190px;
text-align:justify;
}

p{
font-size:12px;
color:#000;
line-height:18px;
margin:8px 0;
}

.blanc{
font-size:16px;
color:#FFFFFF;
margin:3px 0 8px 0;
font-weight:bold;
}

.regle{
color: #d9c197;
background-color: #d9c197;
height: 1px;
border: 0;
visibility:visible;
width:600px;
margin-bottom:20px;
margin-top:20px;
clear:both;

}

#menu{
width:165px;
height:auto;
float:left;
padding:12px 0px 35px 35px;
margin-right:20px;
margin-top:5px;
background-repeat:no-repeat;
position:relative;
z-index:2;
}

#menu ul{
width:180px;
height:auto;

}

#menu ul li{
font-size:11px;
padding-left:2px;
line-height:25px;
border-bottom:1px solid #d9c197;
text-indent:6px;
text-transform:capitalize;
}

#menu ul li ul {
margin-left:0;
width:180px;
height:auto;
background-color:#f9f1e1;
padding:5px 0;
}

#menu ul li ul li ul{
width:165px;
height:auto;
background-color:#f9f1e1;
padding:2px 0;
}

#menu ul li ul li{
font-size:10px;
padding-left:3px;
line-height:22px;
border:none;
}

#menu ul li ul li ul li{
font-size:11px;
padding-left:2px;
line-height:18px;
border:none;
}

#menu ul li ul li ul li a{
font-size:10px;
}

#menu ul li ul li ul li a:hover{
font-size:10px;
}

#menu ul li a{
color:#8c5135;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}

#menu ul li a:hover{
color:#000;
text-decoration:none;
text-transform:uppercase;
}


#menu .current a{
color:#000000;
}

#menu .current {
color:#000000;
}


p.langue a.choix {
color:#000000;
}

.plan ul{
width:270px;
float:left;
margin-right:25px;
}


#texte{
width:710px;
float:left;
margin-left:10px;
overflow-y:auto;
position:relative;
}

/* plan de site*/

#texte ul{
width:185px;
height:auto;

}

#texte ul li{
font-size:11px;
line-height:22px;
border-bottom:1px solid #000;
}

#texte ul li ul {
margin-left:25px;
width:160px;
height:auto;
padding:5px 0;
border-left:none;
}

#texte ul li ul li ul{
width:140px;
height:auto;
padding:2px 0;
margin-left:10px;
}

#texte ul li ul li{
font-size:11px;
padding-left:10px;
line-height:22px;
border:none;
text-indent:5px;
border-bottom:1px solid #d4c2be;
background-image:url(images/bullet.png);
background-repeat:no-repeat;
background-position: 0px 2px;
}

#texte ul li ul li ul li{
font-size:11px;
padding-left:20px;
line-height:18px;
border:none;
background-image:none;
background-image:url(images/arrow.png);
background-repeat:no-repeat;
background-position: 5px -1px;

}

#texte ul li ul li ul li a{
color:#8c5135;
font-weight:bold;
text-decoration:none;
}



#texte ul li a{
color:#000;
font-weight:bold;
text-decoration:none;
}

#texte ul li ul li a{
color:#401d0f;
font-weight:bold;
text-decoration:none;
}

#texte ul li a:hover{
color:#000;
text-decoration:none;
}
/*-------------*/
.bloc{
width:330px;
float:left;
margin-right:5px;
padding:2px 10px 5px 0;
position:relative;
z-index:1;
}

.bloc a{
color:#8c5135;
text-decoration:underline;
font-size:12px;
}

.bloc a:hover{
color:#000;
}

.bloc p{
position:relative;
}

.bloc img{
position:relative;
}

/* liste de definition*/

.bloc dt{
font-size:14px;
text-indent:5px;
font-weight:bold;
text-decoration:underline;
margin:10px 0;
color:#8c5135;
}

.bloc dd{
font-size:13px;
margin:2px 0;
text-indent:15px;
font-weight:normal;
line-height:16px;
background-image:url(images/bullet.png);
background-repeat:no-repeat;
}

.bloc dd a{
color:#000000;
}

.bloc p a:visited, .bloc p a{
color:#000000;
}


.direction dt{
font-size:14px;
font-weight:bold;
text-decoration:none;
margin:0 0 7px 0;
color:#8c5135;
}


td.direction {
text-align:left;
text-indent:0;
}

.direction dd{
font-size:13px;
margin:2px 0;
font-weight:normal;
line-height:16px;
background-image:none;
}


.certification {
float:left;
width:300px;
height:250px;
}

.certification h3{
font-size:12px;
}

.petit{
font-size:11px;
}

/*  formulaire de contat*/


.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0;
	width:325px;
	padding:0;
}
	/* ----------- basic ----------- */
	
	.basic {
	width:325px;
	}
	.basic{
		/*border:solid 1px #d9c197;*/
	}
	.basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	.basic p{
	
	}
	.basic label{
		font-size:12px;
		display:block;
		font-weight:bold;
		text-align:right;
		width:115px;
		float:left;
		line-height:17px;
	}
	.basic .small{
		color:#a55f25;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:100px;
		line-height:13px;
	}
	

	.basic input, textarea ,select{
		float:left;
		width:155px;
		margin:2px 0 10px 10px;
		
	
	}
	
		.basic p#input , p#textarea {
		border:none;
		}
		
		.basic #radio {
		margin-top:10px;
		margin-left:40px;
		float:left;
	
	}

		.basic #radio p{
		color:#a55f25;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:left;
		width:95px;
		margin:2px 0 3px 5px;
		line-height:16px;
		float:left;
		border:none;
	
	}
		
		.basic #radio input{
		float:left;
		width:20px;
		margin:2px 0 8px 0px;	
		}
		
		.basic .button input{ 
		clear:both;
		width:80px;
		margin-left:128px;
		background:#a55f25;
		color:#FFFFFF;
		border:solid 1px #000;
		font-size:11px;
		font-weight:bold;
		padding:2px 3px;
		cursor:pointer;
	}

.red{
width:80px;
color:#990000;
font-size:11px;
line-height:17px;
margin-left:118px;
text-align:right;
}



/* fin formulaire*/

/*tableau*/

table {
    border-collapse: collapse;
    border-spacing: 0;
	z-index:1000;
	font-family:Arial, Helvetica, sans-serif;
}


table{
font-size:12px;
padding:2px 0px;
margin:1px 1px;
color:#000000;
border:none;
}


th[scope=row]{
font-size:11px;
padding:5px 10px;
width:100px;
height:25px;
text-align:left;
border:1px solid #ece5d6;
vertical-align:middle;
color:#8c5135;
background:none;
}

th[scope=col]{
font-size:15px;
padding:5px 0 5px 5px;
width:150px;
height:35px;
text-align:left;
border:1px solid #ece5d6;
vertical-align:middle;
color:#8c5135;
}

th.title{
font-size:17px;
padding:3px 0 3px 0px;
width:20px;
height:30px;
text-align:left;
vertical-align:middle;
color:#000;
border-top:none;
}

td{
text-align:left;
vertical-align:middle;
padding:10px 15px;
border:1px solid #ece5d6;
color:#000000;
text-indent:10px;
}

td.resineux{

background:url(images/sapin.png);
background-position: 5px 10px;
background-repeat:no-repeat;

}

td.feuillus{

background:url(images/leaf.png);
background-position: 5px 10px;
background-repeat:no-repeat;

}

td.biomasse{

background:url(images/troncs.png);
background-position: 5px 8px;
background-repeat:no-repeat;

}

table.direction td{

border:none;
height:35px;
text-indent:0;
padding-left:5px;
padding-right:3px;
padding-top:10px;
vertical-align:top;
}

.red{
color:#000;
font-size:11px;
line-height:34px;
}

.gris{
background-color:#ece5d6;
}
.resize{
width:20px;
}

ul#fil {
height:15px;
width:600px;

}

div#texte ul#fil li{
font-size:11px;
color:#000000;
float:left;
padding:2px 4px 2px 0;
font-weight:bold;
border:none;
line-height:normal;
}

div#texte ul#fil li a{

color:#8c5135;

}

a.button{
	background:url(images/button.gif);
	display:block;
	color:#8c5135;
	font-weight:bold;
	height:30px;
	line-height:31px;
	margin-bottom:14px;
	text-decoration:none;
	width:164px;
	font-size:11px;
	text-indent:35px;
	margin:15px 0;
}
a:hover.button{
	color:#000;
}

.contact{	
	display:block;
	}
	
	a.btn{
	background:url(images/btn-histoire.png);
	display:block;
	color:#8c5135;
	font-weight:bold;
	height:35px;
	line-height:36px;
	margin-bottom:14px;
	text-decoration:none;
	width:127px;
	font-size:11px;
	text-indent:20px;
	margin:15px 0;
}

a.btn2{
	background:url(images/btn-histoire.png);
	display:block;
	color:#8c5135;
	font-weight:bold;
	height:45px;
	line-height:14px;
	margin-bottom:14px;
	text-decoration:none;
	width:127px;
	font-size:11px;
	text-indent:15px;
	margin:15px 0;
	text-align:center;
	padding-top:3px;
}
a:hover.btn{
	color:#000;
}

.histoire{	
	display:block;
	width:200px;
	}
	
	/* gallery styles*/
	
	.clear {
	clear:both
}

#gallery {
	position:relative;
	height:360px
}
	#gallery a {
		float:;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	
#myGallery
{
	background-image: url('images/galerie/1.1_A.jpg');
}