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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; padding:0; margin:0}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
a, a:hover, a {text-decoration: none;}
/*END OF YUI RESET*/
hr
{
	background-color:#F19300;
	height: 1px;
	border: 0;	
}
html{background-color:#00331F;}

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#000000;
	background-color:#00331F;
}

#site
{
	margin-left: 30px;
	width:950px;
	padding-top:5px;
}


a
{
	color:#FFFFFF;
	text-decoration:underline;
}

a:hover
{
	color:#F19300;
	text-decoration:underline;	
}

.lettrine_gauche
{
	position:relative;
	float: left; /* positionnement de la lettrine dans le conteneur*/
	font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top:0px;
	padding: 1px;
	line-height: 1em;
}

.lettrine_droite
{
	position:relative;
	float: right; /* positionnement de la lettrine dans le conteneur*/
	font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top:0px;
	padding: 1px;
	line-height: 1em;
}
td.trait
{
border-bottom:#F19300 1px solid;
padding:10px;

}
/*Menu/**********************************************************************************************/

#menu  
{
	padding:0;
    overflow:hidden;/* ceci pour etirer */
	height:105px;
}

#slogan
{
	width:320px;
	height:105px;
	background-image:url(images/slogan_03.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
}

#slogan h5
{
	color:#F19300;
	font-size:20px;
	padding-left:25px;
	padding-top:20px;
}

#slogan h6
{
	color:#F19300;
	font-size:20px;
	padding-left:105px;
	padding-top:15px;
}

.classeh5
{
	color:#F19300;
	font-size:20px;
	padding-left:25px;
	padding-top:20px;
}

.classeh6
{
	color:#F19300;
	font-size:20px;
	padding-left:105px;
	padding-top:15px;
}

#bouton_menu
{
	padding:0;
    overflow:hidden;/* ceci pour etirer */
	height:200px;
	padding-left:20px;
	padding-top:25px;
}



#bouton_menu  a 
{
    color:#FFFFFF;
	text-decoration:none;
	float:left;
	height:200px;
	font-size:17px;
	background-image:url(images/fleche_06.jpg);
	background-repeat:no-repeat;
	background-position:15px 20px;
	border-left:#FFFFFF 1px solid;
	padding-top:40px;
	padding-left:15px;
	padding-right:40px;
}

#menuDeroulant ul
{
	margin: 0;
	padding: 0;
}

#menuDeroulant
{
	height:200px;
	list-style-type: none;
	position:absolute;
	margin: 0;
	padding: 0;
	border: 0;
	z-index:10;
	height:30px;
	
}

#menuDeroulant li
{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width:110px;
	z-index:10;
	height:100%;
	
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height:100%;
	color: #FFF;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
    color:#FFFFFF;
	text-decoration:none;
	float:left;
	height:17px;
	font-size:17px;
	background-image:url(images/fleche_06.jpg);
	background-repeat:no-repeat;
	background-position:15px 10px;
	border-left:#FFFFFF 1px solid;
	padding-top:30px;
	padding-left:15px;
	padding-right:40px;	
	z-index:10;
}
#menuDeroulant li a:hover 
{     
	color:#F19300;
	background-image:url(images/fleche_07.jpg); 
	z-index:10;
}
#menuDeroulant li a:active 
{     
	color:#F19300;
	z-index:10;
}

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	z-index:10;
	
}

#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	background:none;
	width:110px;
	z-index:10;
	height:100%;

}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	padding:5px;
	font-size:12px;
	background-image:none;
	width:160px;
	overflow:hidden;
	height:auto;
	background: transparent url("images/fondTR.png") repeat;
	z-index:10;
	height:100%;
	border-bottom:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	color:#FF9900;
	background: transparent url("images/fondTR.png") repeat;
	z-index:10;
	height:100%;
}

#menuDeroulant li:hover > .sousMenu { display: block; z-index:10;}
   

/*Bandeau/**********************************************************************************************/

#bandeau
{
	padding:0;
    overflow:hidden;/* ceci pour etirer */
	height:194px;
	padding-left:19px;
	z-index:1;
}

#logo
{
	padding-left:31px;
	padding-top:33px;
    overflow:hidden;/* ceci pour etirer */
	height:159px;
	width:212px;
	float:left;
	border-top:#FFFFFF 1px solid; 
	border-bottom:#FFFFFF 1px solid; 
	padding-right:58px;

}

#patron
{
    overflow:hidden;/* ceci pour etirer */
	height:194px;
	width:161px;
	float:left;
}

#flash
{
    overflow:hidden;/* ceci pour etirer */
	height:194px;
	width:400px;
	background-image:url(images/piege_12.jpg);
	float:left;
	padding-top:2px;
	padding-right:15px;
	text-align:right;
	z_index:0;
}



#droite_droite
{
	overflow:hidden;/* ceci pour etirer */
	width:185px;
	float:left;
	padding-top:17px;
	padding-bottom:10px;
}

#droite_droite a.un
{
	background:url(images/produits_21.jpg);
	background-repeat:no-repeat;
}
#droite_droite a.deux
{
	background:url(images/produits_24.jpg);
	background-repeat:no-repeat;
}
#droite_droite a.trois
{
	background:url(images/produits_26.jpg);
	background-repeat:no-repeat;
}
#droite_droite a.quatre
{
	background:url(images/produits_28.jpg);
	background-repeat:no-repeat;
}
#droite_droite a.cinq
{
	background:url(images/produits_29.jpg);
	background-repeat:no-repeat;
}

#droite_droite a
{
	overflow:hidden;/* ceci pour etirer */
	width:185px;
	float:left;
	height:76px;
	font-size:20px;
	padding-top:10px;
	padding-left:10px;
	color:#5C636A;
	text-decoration:none;
}

#droite_droite a:hover
{
	color:#000000;
}