@charset "utf-8";
/* Média fluide simple
   Remarque : un média fluide exige que vous supprimiez les attributs de hauteur et de largeur du média du code HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 ne prend pas en charge max-width ; la largeur par défaut est donc fixée à 100% */
.ie6 img {
	width:100%;
}

/*
	Propriétés de grille fluide Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		9;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiré par "Responsive Web Design" par Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	et le système Golden Grid par Joni Korpi
	http://goldengridsystem.com/
*/

/* -----------------------------------------------------------------------------
/* Styles communs
/* ----------------------------------------------------------------------------- */

body{
	background-color:#e2e1e0;
}
.pNoel{
	width:100%;
	height:125px;
	clear:both;
}
#pNoel{
	float: right;
width: 280px;
margin-bottom: 10px;
padding: 10px;
display: block;
color: rgb(0,0,0);
}
#wrap {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
#EnteteH,#EnteteC {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
}
#Logo {
	clear: both;
	float: left;
	display: block;
	background-color: #6d6764;
}
#Menus1 {
	clear: none;
	float: left;
	margin-left: 0%;
	display: block;
	background-color: #524d4b;
}
#Menus1 ul{
	margin:0px;
	padding:0px;
}
#Menus1 li{
	float:left;
	list-style: none;
}
#Menus1 li a{
	text-decoration: none;
	display:block;
}
#PromoH,#PromoC,#PromoBoisAllumage {
	display: block;
	background-color: #aad45a;
	background-repeat: no-repeat;
}

#PromoH h1,#PromoC h1,#PromoBoisAllumage h1{
	color:#524C4B;
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 400;
}
#PromoH p{
	font-family:Verdana;
	color:#524C4B;
}
#PromoH p a,#PromoC p a, #PromoBoisAllumage p a{
	color:#524C4B;
	text-decoration:underline;
}
#Content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Theme1,#Theme2,#Theme3 {
	float: left;
	display: block;
	background-color: #524d4b;
}
#Theme1 h1,#Theme2 h1,#Theme3 h1{
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 300;
}
#Theme1 h2,#Theme2 h2,#Theme3 h2{
	font-family: "futura-pt",sans-serif;
	font-style: italic;
	font-weight: 400;
}
#Theme1 h2 a:link,#Theme1 h2 a:visited,#Theme2 h2 a:link,#Theme2 h2 a:visited,#Theme3 h2 a:link,#Theme3 h2 a:visited{
	color:#aad359;
	text-decoration:none;
}
#Theme1 h2 a:hover,#Theme2 h2 a:hover,#Theme3 h2 a:hover{
	background-color: #d6d6d6;
	color:#2f2f30;
	text-decoration:none;
}
#Theme1 p,#Theme2 p,#Theme3 p{
	font-family:Verdana;
	color:#fff;
	font-weight: 300;
}
#Theme1 p a,#Theme2 p a,#Theme3 p a{
	color:#fff;
	text-decoration:underline;
}
#Pied a{
	color:#000;
}
/* ---------- Pages de contenus ---------- */
#info{
	float:left;
	display:block;
}
#info h1{
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 300;
	color:#514C4A;		
}
#info h2{
	clear:both;
	font-family: "futura-pt",sans-serif;
	font-style: italic;
	font-weight: 300;
	color:#514c4a;		
}
#info p{
	font-family:Verdana;
	color:#524C4B;
	font-size:1.0em;
}
#info a:link, a:visited{
	color:#514c4a;
	text-decoration:underline;
}
#info a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#524d4b;
}
#Menus2 h2,#promoBdf h2{
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 300;
}
.serieClear{
	clear: both;	
	margin:0px;
	padding:0px;
}
.serie{
    margin:15px 0px 10px 10px;
    width:160px;
    float:left;
    }
.serie img{
    padding-bottom:10px;
    }
#info .serie p{
    margin:0px;
    padding:0px 5px 5px 0;
    font-size: 80%;
    color:#1a171b;
    }
.serieFirst{
    margin:15px 0px 10px 0px;
    width:160px;
    float:left;
    }
.serieFirst img{
    padding-bottom:10px;
    }
#info .serieFirst p{
    margin:0px;
    padding:0px 5px 5px 0;
    font-size: 80%;
    color:#1a171b;
    }
#info ul{
		margin:0 0 0 20px;
		padding:0 0 5px 0;
		font-family:Verdana;
		color:#524C4B;
		font-size:1.0em;
	}
#info li{
	padding:0 0 5px 0;
}
.floatRight{
    float:right;
    margin:0px 0px 10px 10px;
    padding:5px;
    }
.floatRightBorder{
    float:right;
    margin:0px 0px 10px 10px;
    padding:5px;
    border: 1px solid #524d4b;
    }
.floatLeft{
    float:left;
    padding:0px 10px 10px 0px;
    }
#info .small{
    font-size: 75%;
}
img{
    border: none;
    }
acronym {
    cursor: help;
    border-bottom: 1px dashed #3f3f3f;
    }
label{
    display:none;
    font: 0.7em Arial, Helvetica, sans-serif;
    }
label span{
    display:normal;
    font: 0.7em Arial, Helvetica, sans-serif;
    }
th{
	border-bottom: solid 1px;
	border-spacing: 3px;
}
/* -----------------------------------------------------------------------------
/* 1 Disposition bureau : 1040 px > */
/* ----------------------------------------------------------------------------- */
@media only screen and (min-width: 1040px) {

body {
	width: 940px;
	padding: 0;
	margin: 0 auto;
}
iframe{
	width:100%;
	height:458px;
}
#EnteteH{
	height: 330px;
}
#EnteteC{
	height: 230px;
}
#Logo {
	width: 220px;
	height: 115px;
}
#Menus1 {
	width: 720px;
	height: 50px;
}
#Menus1 li{
	height:50px;
	padding-right:10px;
}
#Menus1 li a:link,#Menus1 li a:visited{
	height:35px;
	line-height:20px;
	color:#fff;
	font-size: 1.8em;
	padding:15px 10px 0 10px;
}
#Menus1 li a:hover{
	height:35px;
	line-height:25px;
	background-color: #d6d6d6;
	color:#2f2f30;
	font-size: 1.8em;
	padding:15px 10px 0 10px;
}
#Menus1 li a.selected{
	color:#aad45a;
}
#PromoH {
	clear: both;
	float: right;
	margin-left: 0;
	width: 305px;
	height: 215px;
	margin-top: 0px;
	background-image: url(/style/images/bgPromo_12.png);
	background-position: 5px 60px;
}

#PromoC {
	padding-left:50px;
	width: 250px;
	margin-top: 0px;
	margin-bottom:10px;
	background-image: url(/style/images/bgPromo_12.png);
	background-position: 5px 5px;
}
#PromoBoisAllumage {
	padding-left:100px;
	width: 200px;
	margin-top: 0px;
	margin-bottom:10px;
	background-image: url(/style/images/bois_allumage.png);
	background-position: 5px 5px;
}
#PromoH h1,#PromoC h1,#PromoBoisAllumage h1{
	margin: 0;
	padding: 10px 10px 10px 0;
	text-align: right;
	font-size: 2em;
}
#PromoH p{
	margin:0px;
	padding:0 10px 10px 120px;
	font-size:1.0em;
}
#PromoC p,#PromoBoisAllumage p{
	padding:0 10px 10px 0px;
}

#img4 {
	display:none;
}
#Content {
	margin-top: 20px;
}
#Theme1,#Theme2,#Theme3 {
	clear: none;
	width:303px;
	min-height:380px;
}
#Theme2,#Theme3  {
	margin-left: 15px;
}
.img_Theme{
	display:block;
}
#Theme1 h1,#Theme2 h1,#Theme3 h1{
	margin:10px 10px 10px 20px;
	padding:0 0 0 0;
	font-size:2em;
	color:#fff;
}
#Theme1 h2,#Theme2 h2,#Theme3 h2{
	margin:10px 10px 5px 20px;
	padding:0 0 0 0;
	font-size:1.5em;
	color:#aad359;
}

#Theme1 p,#Theme2 p,#Theme3 p{
	margin:0 10px 15px 20px;
	padding:0 0 0 0;
	font-size:1.0em;
}


/* ---------- Pages de contenus ---------- */
#Menus2{
	float:right;
	width:280px;
	margin-bottom:10px;
	padding:10px;
	display:block;
	background-color:#514C4A;
	color:#fff;
}
#Menus2 h2{
	margin:0px;
	padding-bottom:10px;
	font-size:1.8em;
}
#Menus2 p{
	margin:0;
	padding:0 0 10px 0;
	font-size:2em;
}
#Menus2 p{
	margin:0;
	padding:0 0 10px 0;
	font-size:2em;
}
#Menus2 ul{
	margin:0px;
	padding:0px;
}
#Menus2 li{
	list-style-type:none;
}
#Menus2 li a{
	display:block;
	padding-left:10px;
	margin-bottom:10px;
	color:#fff;
	text-decoration:none;
	font-size:120%;
}
#Menus2 li a:hover{
	background-color: #d6d6d6;
	color:#2f2f30;
}
#Menus2 li a.selected{
	color:#aad45a;
}
#Menus2 li a.selected:hover{
	color:#2f2f30;
}
#Menus2 ul li ul li{
	padding-left:20px;
	font-size:90%;
	margin-bottom:0x;
}
#Menus2 ul li ul li a{
	margin-bottom:5px;
}
#info{
	width:610px;
}
#info h1{
	margin:0 0 5px 0;
	padding:0 0 0 0;
	font-size:2.5em;		
}
#info h2{
	margin:20px 0 0 0;
	padding:0 0 0 0;
	font-size:1.8em;
	color:#514C4A;		
}
#info li.bdf{
	margin:5px 0 5px 10px;
	list-style-type:none;
}
#promo{
	clear:right;
	float:right;
	width:300px;
	margin-bottom:10px;
	padding-bottom:10px;
}
#promoBdf{
	/*clear:both;*/
	float:right;
	width:300px;
	margin-top:0;
	margin-bottom:10px;
	padding-bottom:10px;
	background-color:#514C4A;
	color:#fff;
}
#promoBdf p.titre{
	margin:0;
	padding:10px 0 10px 10px;
	font-size:2em;
}
#promoBdf h2{
	margin:0px;
	padding:10px 0 10px 10px;
	font-size:1.8em;
}
#promoBdf p{
	margin:0;
	padding:0 0 10px 10px;
	font-size:1.1em;
}
#promoBdf a:link,#promoBdf a:visited{
	text-decoration:underline;
	color:#fff;
}
#promoBdf a:hover{
	background-color: #d6d6d6;
	color:#2f2f30;
	text-decoration:none;
}
#Pied {
	clear: both;
	float: left;
	margin: 30px 0 20px 0;
	width: 100%;
	display: block;
	font-weight: 100;
}
}


/* -----------------------------------------------------------------------------
/* 2 Disposition tablette : 760 à 1039. Hérite des styles de : bureau
/* ----------------------------------------------------------------------------- */
@media only screen and (min-width: 760px) and (max-width: 1039px) {
body {
	margin:0 auto;
	width: 700px;
	padding:0;
}
iframe{
	width:100%;
	height:344px;
}
#EnteteH {
	height: 250px;
}
#EnteteC {
	height: 200px;
}
#Logo {
	width: 187px;
	height: 98px;
}

#Menus1 {
	width: 513px;
	height: 40px;
}
#Menus1 li{
	height:40px;
	padding-right:10px;
}
#Menus1 li a:link,#Menus1 li a:visited{
	height:25px;
	line-height:10px;
	color:#fff;
	font-size: 1.4em;
	padding:15px 10px 0 10px;
}
#Menus1 li a:hover{
	height:25px;
	line-height:15px;
	background-color: #d6d6d6;
	color:#2f2f30;
	font-size: 1.4em;
	padding:15px 10px 0 10px;
}
#Menus1 li a.selected{
	color:#aad45a;
}

#PromoH {
	clear: both;
	float: right;
	margin-left: 0;
	width: 400px;
	height: 100px;
	margin-top: 52px;
	background-image: url(/style/images/bgPromo_9.png);
	background-position: 5px 5px;
}
#PromoC,#PromoBoisAllumage {
	clear: right;
	float: right;
	margin-left: 0;
	padding-left:0;
	width: 220px;
	margin-top: 0px;
	margin-bottom:10px;
}
#PromoH h1{
	margin: 0;
	padding: 5px 10px 5px 75px;
	text-align: left;
	font-size: 1.5em;
}
#PromoH p{
	margin:0px;
	padding:0 10px 5px 75px;
	font-size:0.85em;
}
#PromoC h1,#PromoBoisAllumage h1{
	margin: 0;
	padding: 5px 10px 5px 10px;
	text-align: left;
	font-size: 1.7em;
}
#PromoC p,#PromoBoisAllumage p{
	margin:0px;
	padding:0 10px 5px 10px;
	font-size:0.9em;
}
#img4 {
	display:none;
}
#Content {
	margin-top: 15px;
}
#Theme1,#Theme2,#Theme3 {
	clear: none;
	width: 223px;
	min-height:350px;
}
#Theme1 {
	margin-left: 0;
}
#Theme2,#Theme3 {
	margin-left: 15px;
}
.img_Theme{
	display:block;
}
#Theme1 h1,#Theme2 h1,#Theme3 h1{
	margin:10px 10px 10px 10px;
	padding:0 0 0 0;
	font-size:1.8em;
	color:#fff;
}
#Theme1 h2,#Theme2 h2,#Theme3 h2{
	margin:10px 10px 5px 10px;
	padding:0 0 0 0;
	font-size:1.3em;
	color:#aad359;
}

#Theme1 p,#Theme2 p,#Theme3 p{
	margin:0 10px 15px 10px;
	padding:0 0 0 0;
	font-size:1.0em;
}

/* ---------- Pages de contenus ---------- */
#Menus2{
	float:right;
	width:200px;
	margin-bottom:10px;
	padding:10px;
	display:block;
	background-color:#514C4A;
	color:#fff;
}
#Menus2 h2{
	margin:0px;
	padding-bottom:10px;
	font-size:1.7em;
}
#Menus2 ul{
	margin:0px;
	padding:0px;
}
#Menus2 li{
	list-style-type:none;
}
#Menus2 li a{
	display:block;
	padding-left:10px;
	margin-bottom:10px;
	color:#fff;
	text-decoration:none;
	font-size:110%;
}
#Menus2 li a:hover{
	background-color: #d6d6d6;
	color:#2f2f30;
}
#Menus2 li a.selected{
	color:#aad45a;
}
#Menus2 li a.selected:hover{
	color:#2f2f30;
}
#Menus2 ul li ul li{
	padding-left:20px;
	font-size:90%;
	margin-bottom:0x;
}
#Menus2 ul li ul li a{
	margin-bottom:5px;
}

#pNoel{
width: 200px;
}

#info{
	width:458px;
}
#info h1{
	margin:0 0 5px 0;
	padding:0 0 0 0;
	font-size:2.1em;		
}
#info h2{
	margin:20px 0 5px 0;
	padding:0 0 0 0;
	font-size:1.7em;
	color:#514C4A;		
}

#promoBdf{
	clear:right;
	float:right;
	width:220px;
	margin-bottom:10px;
	padding-bottom:10px;
	display:block;
	background-color:#514C4A;
	color:#fff;
}
#promoBdf h2{
	margin:0;
	padding:10px 0 10px 10px;
	font-size:1.7em;
}
#promoBdf p{
	margin:0;
	padding:0 10px 10px 10px;
	font-size:1.0em;
}
#promoBdf a:link,#promoBdf a:visited{
	text-decoration:underline;
	color:#fff;
}
#promoBdf a:hover{
	background-color: #d6d6d6;
	color:#2f2f30;
	text-decoration:none;
}

#Pied {
	clear: both;
	float: left;
	margin: 30px 0 20px 0;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* -----------------------------------------------------------------------------
/* 3 Disposition mobile portrait : 480px et moins 
/* ----------------------------------------------------------------------------- */
@media only screen and (max-width: 759px) {
body {
	margin:0 auto;
	width: 320px;
	padding-left:0;
}
iframe{
	width:100%;
	height:225px;
}

#EnteteH {
	clear: both;
	float: left;
	margin-left: 0;
	background-color: #CCC;
}
#Logo {
	width: 100%;
	height: 75px;
}
#Logo img{
	height:75px;
}
#Menus1 {
	width: 100%;
	height:60px;
}
#Menus1 li{
	height:30px;
	padding-right:10px;
}
#Menus1 li a:link,#Menus1 li a:visited{
	height:25px;
	line-height:20px;
	color:#fff;
	font-size: 1.2em;
	padding:5px 50px 0 10px;
}
#Menus1 li a:hover{
	height:25px;
	line-height:20px;
	background-color: #d6d6d6;
	color:#2f2f30;
	font-size: 1.2em;
	padding:5px 50px 0 10px;
}
#Menus1 li a.selected{
	color:#aad45a;
}
#PromoH{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
}
#PromoC,#PromoBoisAllumage{
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:10px;
	width: 100%;
}
#PromoH h1,#PromoC h1,#PromoBoisAllumage h1{
	margin: 0;
	padding: 5px 10px 5px 10px;
	text-align: left;
	font-size: 1.5em;
}
#PromoH p,#PromoC p,#PromoBoisAllumage p{
	margin:0px;
	padding:0 10px 5px 10px;
	font-size:1.0em;
}
#img4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 75px;
	display: block;
	overflow: hidden;
	background-color:#3C9;
}
#Content{
	margin-top:0;
}
#Theme1,#Theme2,#Theme3 {
	clear: both;
	margin-left: 0;
	width: 100%;
}
#Theme1 h1,#Theme2 h1,#Theme3 h1{
	display:none;
}
#Theme1 h2,#Theme2 h2,#Theme3 h2{
	margin:10px 10px 5px 20px;
	padding:0 0 0 0;
	font-size:1.3em;
	color:#aad359;
}
#Theme1 p,#Theme2 p,#Theme3 p{
	margin:0 10px 10px 20px;
	padding:0 0 0 0;
	font-size:0.9em;
}

/* ---------- Pages de contenus ---------- */
#Menus2{
	float:left;
	width:300px;
	margin-bottom:10px;
	padding:10px;
	display:block;
	background-color:#514C4A;
	color:#fff;
}
#Menus2 h2{
	display:none;
}
#Menus2 ul{
	margin:0px;
	padding:0px;
}
#Menus2 li{
	list-style-type:none;
}
#Menus2 li a{
	display:block;
	margin-bottom:5px;
	color:#fff;
	text-decoration:none;
	font-size:110%;
}
#Menus2 li a:hover{
	background-color: #d6d6d6;
	color:#2f2f30;
}
#Menus2 li a.selected{
	color:#aad45a;
}
#Menus2 li a.selected:hover{
	color:#2f2f30;
}
#info{
	width:300px;
	margin:0;
	padding:0 10px 5px 10px;
}
#info h1{
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:1.8em;		
}
#info h2{
	margin:10px 0 0 0;
	padding:0 0 0 0;
	font-size:1.5em;
	color:#514C4A;		
}

#promoBdf{
	clear:both;
	float:left;
	width:320px;
	padding-bottom:10px;
	display:block;
	background-color:#514C4A;
	color:#fff;
}
#promoBdf h2{
	margin:0;
	padding:10px 0 10px 10px;
	font-size:1.5em;
}
#promoBdf p{
	margin:0;
	padding:0 10px 10px 10px;
	font-size:1.0em;
}
#promoBdf a:link,#promoBdf a:visited{
	text-decoration:underline;
	color:#fff;
}
#promoBdf a:hover{
	background-color: #d6d6d6;
	color:#2f2f30;
	text-decoration:none;
}

#Pied {
	clear: both;
	float: left;
	margin:20px 0 0 0;
	padding: 0 10px 10px 10px;
	width: 100%;
	display: block;
}
.img_Theme{
	display:none;
}
}

/* -----------------------------------------------------------------------------
/* 4 Disposition mobile paysage : 480px à 759. 
/* ----------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 759px) {
body {
	margin:0 auto;
	width: 480px;
	padding:0;
}
iframe{
	width:100%;
	height:344px;
}
#Menus1 {
	height:40px;
}
#Menus1 li{
	height:40px;
	padding-right:10px;
}
#Menus1 li a:link,#Menus1 li a:visited{
	height:25px;
	line-height:10px;
	color:#fff;
	font-size: 1.4em;
	padding:15px 10px 0 10px;
}
#Menus1 li a:hover{
	height:25px;
	line-height:15px;
	background-color: #d6d6d6;
	color:#2f2f30;
	font-size: 1.4em;
	padding:15px 10px 0 10px;
}
#Menus1 li a.selected{
	color:#aad45a;
}
#img4 {
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	height: 100px;
	display: block;
	overflow: hidden;
	background-color:#3C9;
}
#Theme1,#Theme2,#Theme3 {
	clear: both;
	margin-left: 0;
	width: 100%;
}
#Theme1 h1,#Theme2 h1,#Theme3 h1{
	display:none;
}
#Theme1 h2,#Theme2 h2,#Theme3 h2{
	margin:10px 10px 5px 20px;
	padding:0 0 0 0;
	font-size:1.3em;
	color:#aad359;
}
#Theme1 p,#Theme2 p,#Theme3 p{
	margin:0 10px 10px 20px;
	padding:0 0 0 0;
	font-size:0.9em;
}
/* ---------- Pages de contenus ---------- */
#Menus2{
	width:460px;
}
#info{
	width:460px;
	margin:0;
	padding:0 10px 5px 10px;
}
#promoBdf{
	width:480px;
}

#Pied {
	clear: both;
	float: left;
	margin:20px 0 0 0;
	padding: 0 10px 10px 10px;
	width: 100%;
	display: block;
}
.img_Theme{
	display:none;
}
}