/* CSS Document */
*	{ padding: 0; margin: 0; }

body 
	{
	width: 95%;
	margin: 1em auto 0 auto;
	background-color: #666666;
	font-family: Arial, "Times New Roman", Times, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	}

a
	{
	text-decoration: none;
	color: #004040;
	}
	
h1
	{
	padding: 0;
	margin: 0;
	text-indent: -50000px;
	clear: both;
	}	

h2, h3, h4, h5
	{
	color: white;
	}
	
/* accueil */
	
#en_tete
	{
	height: 100px;
	margin-right: 0.6em;
	background: url(images/foret.jpg);
	}
	
#logo
	{
	float: left;
	padding: 0;
	margin: 0.5em;
	}
	
p.titre
	{
	font-size: 2.25em;
	color: #FFF;
	position: relative; 
	top: 0.5em;
	text-align: center;
	}
	
p.sous_titre
	{
	font-size: 1.5em;
	color: #FFF;
	position: relative; 
	top: 1.5em;
	text-align: center;
	}
	
#menu
	{
	margin: 0.3em 0;
	width: 100%;
	padding: 0;
	list-style-type: none ;
	}
	
#menu_horizontal ul
	{
 	padding:0;
 	margin:0;
 	list-style-type:none;
 	}
	
#menu_horizontal li 
	{
	padding: 0;
	margin: 0;
	margin-right: 0.2em;
	float: left;
	width: 16.15%;
	height: 1em;
	list-style-type:none;
 	}
	
#menu_horizontal li a
	{
 	display:block;
	padding: 0;
	border: 1px solid #fff;
	background-color:#336633;
	font-size: 0.9em;
	font-weight: 600;
	margin: 0;
	padding: 0;
 	color: #FFFFFF;
 	text-decoration:none;
 	text-align:center;
 	}
	
#menu_horizontal li a:hover
	{
 	background-color: #FFFFFF;
	color: #336633;
 	} 
	
	
#corps
	{
	clear: both;
	float: left;
	padding: 0;
	width: 99%;
	height: auto;
	margin-top: 1em;
	background:url("./images/pellets_image.jpg") no-repeat center;
	}

p.texte_corps
	{
	margin-top: 2.5em;
	font-size: 2em;
	color: #fff;
	text-align: center;
	}

img#img_cpt
	{
	border: 0;
	}
	
/* bois de chauffage */

	
#corps2
	{
	clear: both;
	float: left;
	padding: 0;
	margin: 1em 0.6em 0 0;
	width: 99%;
	background-color: white;
	}

	
#corps21
	{
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
	width: 99%;
	}

span#titre2
	{
	display: block;
	width: 100%;
	margin: 1em;
	font-size: 1.5em;
	color: #004040;
	font-weight:bold;
	text-align: center;
	text-decoration: underline;
	}
	
div.line_horiz
	{
	clear: both;
	float: left;
	width: 100%;
	height: 5px;
	margin: 1em 0;
	padding: 0;
	border-top: 2px solid #666666;
	}

.col0
	{
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	}

.col010
	{
	float:left;
	margin: 0.5em;
	padding: 0;
	width: 17%;
	}

.col011
	{
	float:left;
	margin: 0.5em;
	padding: 0;
	width: 30%;
	}

.col012
	{
	float:left;
	margin: 0.5em;
	padding: 0;
	width: 49%;
	}


	
.col1
	{
	float:left;
	margin: 0;
	padding: 0;
	width: 33%;
	}
	
.col11
	{
	float:left;
	margin: 0;
	padding: 0;
	width: 49%;
	}

.col2
	{
	float:left;
	margin: 0;
	padding: 0;
	width: 33%;
	}

.vide
	{
	visibility: hidden;
	clear: both;
	float:left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1px;
	}
	
img.img_center
	{
	display: block; 
	margin: 0 auto;
	}
	
img.img_center2
	{
	display: block; 
	margin: 0 auto;
	width: 100%;
	border: 2px solid #004040;
	}
	
p.col_titre
	{
	margin-top: 0.5em;
	font-size: 1.5em;
	color: #004040;
	font-weight:bold;
	text-align: center;
	}
	
p.col_texte
	{
	margin-top: 3em;
	font-size: 1.1em;
	color: #004040;
	font-weight:bold;
	text-align: center;
	}

span.col_texte2
	{
	display: block;
	font-size: 1em;
	width: 100%;
	padding: 0;
	color: #004040;
	line-height: 1.75em;
	font-weight: bold;
	text-align: center;
	}
	
#pied_de_page
	{
	clear: both;
	float: left;
	width: 99%;
	padding: 0;
	margin-top: 1em;
	}

address
	{
	clear: both;
	border-top: 1px solid white;
	text-align: center;
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	font-style: normal;
	text-decoration: none;
	color: #004040;
	}
	
a img, img
	 {
	 display: block; 
	 margin: 1em auto;
	 border: none;
	 }

/* pellets */

#corps3
	{
	clear: both;
	float: left;
	background-color: white;
	padding: 0;
	margin: 1em auto;
	width: 99%;
	}
	
#corps31
	{
	float: left;
	margin: 0;
	padding: 0.5em 0.5em;
	width: 25%;
	height: 12em;
	}
	
#corps32
	{
	float: left;
	margin: 0;
	padding: 0;
	width: 47%;
	height: 12em;
	}
	
#corps33
	{
	float: left;
	margin: 0;
	padding: 0.5em 0.5em;
	width: 24%;
	height: 12em;
	}
	
.corps34
	{
	background-color: white;
	clear: both;
	float: left;
	margin: 0;
	padding: 1.5em 0;
	width: 99%;
	}

	
p.sous_titre3
	{
	font-size: 1.5em;
	font-weight: bold;
	color: #004040;
	position: relative; 
	top: 2em;
	text-align: center;
	}

p.sous_titre4
	{
	font-size: 1.0em;
	font-weight: bold;
	color: red;
	position: relative; 
	top: 2em;
	text-align: center;
	}

	
#lg_horiz
	{
	width: 70%;
	}
	 
/* promos */

#corps4
	{
	clear: both;
	float: left;
	padding: 0;
	margin: 1em 0.6em 0 0;
	width: 99%;
	background-color: white;
	color: #004040;
	}
	
img#promo
	{
	float: left;
	margin: 2em;
	width: 15%;
	}

p.pos_text4
	{
	float: left;
	width: 70%;
	margin: 2em;
	font-size: 1.5em;
	text-align: center;
	line-height: 1.5em;
	color: #004040;
	}

p.pos_text40
	{
	float: left;
	width: 70%;
	text-align: center;
	font-size: 1.3em;
	font-weight:bold;
	margin-top: 1em;
	padding: 0;
	line-height: 1.5em;
	color: #004040;
	}
	
p.pos_text41
	{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 1.15em;
	font-weight: bold;
	margin-top: 1em;
	padding: 0;
	line-height: 1.5em;
	color: #004040;
	}

p.pos_text42
	{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	margin-top: 1.0em;
	padding: 0;
	line-height: 1.3em;
	color: #004040;
	}
	
	
/* contacts} */

#corps5
	{
	clear: both;
	float: left;
	padding: 0;
	margin: 1em 0 0 0;
	width: 99%;
	background-color: #336633;
	}

#col51
	{
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
	}
	
#img_inset
	{
	border-style: inset;
	}
	
#img_groove
	{
	border-style: groove;
	}
	

#col52
	{
	background-image: url("images/camion.jpg");
	background-repeat: no-repeat;
	float: left;
	margin: 1em 0 0 0;
	padding: 0;
	height: 293px;
	width: 390px;
	}
	

	
#formulaire
	{
	width: 99%;
	background-color: #336633;
	padding: 1em 0;
	margin: 0;
	clear: both;
	}
	
#titre_form
	{
	background-color: #fff;
	color: #336633;
	text-align: center;
	font-size: 1.3em;
	font-weight:bold;
	border: 0.1em solid white;
	}

#pied_form
	{
	background-color: #fff;
	color: #336633;
	text-align: center;
	font-size: 1.3em;
	font-weight:bold;
	margin: 0;
	padding: 0;
	border: 0;
	}	
		
#mon_form
	{
	width: 60%;
	margin: 2em auto;
	border: 1px solid white;
	
	}

#mon_form p
	{
	margin: 2px 0;
	}
	
	
#mon_form label
	{
	display: block;
	clear: both;
	color: white;
	width: 25%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
	}

fieldset, legend 
	{
	border: 1px dashed white;
	padding: 0.5em 0;
	margin: 0;
	}
	
legend 
	{
	border: none;
	display: block;
	color: #fff;
	text-align: left;
	font-size: 1.2em;
	}

#submit, #reset
	{
	float: left;
	background-color: #fff;
	color: #336633;
	text-align: center;
	font-size: 1.0em;
	font-weight:bold;
	margin: 0.25em;
	border: 0.1em solid white;
	cursor: pointer;
	}
	
p.col_titre2
	{
	margin-top: 2em;
	font-size: 1.5em;
	color: #336633;
	font-weight:bold;
	text-align: center;
	}
	
p.col_texte2
	{
	margin-top: 1em;
	font-size: 1.15em;
	color: #336633;
	font-weight:bold;
	text-align: center;
	}
	


	/* distributeurs */

#corps6
	{
	clear: both;
	float: left;
	padding: 0;
	margin: 1em 0.6em 0 0;
	width: 99%;
	background-color: white;
	color: #004040;
	}

div.corps61
	{
	clear:both;
	float: left;
	padding: 0;
	margin: 1.5em;
	width: 99%;
	}

div.corps62
	{
	float: left;
	padding: 1em 0 0 0;
	margin: 0;
	width: 49%;
	}

	
p.mon_h1
	{
	padding: 1em 0;
	font-size: 1.8em;
	text-align: center;
	text-decoration:underline;
	}
	
p.mon_h2
	{
	font-size: 1.5em;
	text-align: left;
	text-decoration:underline;
	}
	
p.mon_h3
	{
	font-size: 1.3em;
	text-align: left;
	}
	
p.mon_h4
	{
	font-size: 1.1em;
	text-align: left;
	}