/* CSS Document */

 
/******************** Fonds ********************/
	BODY{
		margin:0;
		padding:0;
		background:url(habillage/fond.gif) repeat;
	}
	IMG{border:none;}
	
	H1{text-align:left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 27px; color:#000000; font-weight: normal;}
	H2{text-align:left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; color:#000000; font-weight: normal;}
	H3{text-align:left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; color:#000000; font-weight: normal;}
	
	P{margin-bottom:10px; text-align:justify; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color:#000000; font-weight: normal;}
	
	A{margin-bottom:10px; text-align:justify; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight: normal; text-decoration:none;}
	A:hover{text-decoration:underline;}
	
	*{margin:0; padding:0;}
	
	.spacer {
  		clear: both;
	}
	.nettoyeur{line-height: 1px; font-size: 1px; clear:both;}
	
	.clearfix:after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	* html .clearfix{height:1%;}
	.clearfix{display:block;}
	
	
	
/******************** Blocs Header / Menu ********************/

div#conteneur{
	width:778px;
	margin:auto;
}

div#drapeau{
	height:13px;
	width:778px;
	margin:18px 0 0 0;
}
a.flag, a:hover.flag{
	float:right;
	display:block;
	height:13px;
	width:18px;
	margin:0 8px 0 0;
	border:none;
	text-decoration:none;
}
a.flag_fr, a:hover.flag_fr{background:url(habillage/flag_fr.gif) top left no-repeat;}
a.flag_en, a:hover.flag_en{background:url(habillage/flag_en.gif) top left no-repeat;}
a.flag_de, a:hover.flag_de{background:url(habillage/flag_de.gif) top left no-repeat; margin:0 10px 0 0;}

div#header{
	height:192px;
	width:778px;
	margin:5px 0 5px 0;
	background: url(habillage/fond-header.png) bottom left no-repeat;
}
* html div#header{	
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/styles/habillage/fond-header.png);
}

div#fondHeader{
	position:relative;
	height:192px;
	width:778px;
	background: url(habillage/header.gif) top left no-repeat;
}

a#logo{
	display:block;
	position:absolute;
	top:10px;
	left:8px;
	height:148px;
	width:249px;
	background:url(habillage/logo.png) top left no-repeat;
	text-decoration:none;
}
*html a#logo{
	cursor:pointer;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/styles/habillage/logo.png);
}

div#titre_site{
	display:block;
	position:absolute;
	top:10px;
	left:310px;
	height:50px;
	width:450px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:20px;
	font-weight:bold;
}

div#barreMenu{
	position:absolute;
	top:159px;
	left:0;
	height:24px;
	width:769px;
	padding:0 0 0 15px;
	background:url(habillage/barre_menu.png) top left no-repeat;
}
* html div#barreMenu{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/styles/habillage/barre_menu.png);
}
div#barreMenuReel{
	position:absolute;
	top:159px;
	left:0;
	height:24px;
	width:769px;
	padding:0 0 0 15px;
}

a.lienMenu, a.lienMenu:hover{
	display:block;
	float:left;
	height:24px;
	padding:2px 8px 0 8px;
	background:url(habillage/separateur_menu.gif) top left no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
a.lienMenu:hover{color:#000000;}



/******************** Blocs Site / Contenu ********************/


div#site{
	width:778px;
}

div#site_haut{
	width:778px;
	height:15px;
	font-size:1px;
	background:url(habillage/site_fond_haut.png) top left no-repeat;
}
* html div#site_haut{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/styles/habillage/site_fond_haut.png);
}

div#site_centre{
	width:778px;
	background:url(habillage/site_fond.jpg) top left repeat-y;
}
/*
* html div#site_centre{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=/styles/habillage/site_fond.png);
}
*/

div#site_bas{
	width:778px;
	height:22px;
	background:url(habillage/site_fond_bas.png) top left no-repeat;
}
* html div#site_bas{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/styles/habillage/site_fond_bas.png);
}


div#sousMenu{
	width:179px;
	overflow:hidden;
	float:left;
}

div#contenu{
	margin:0 0 0 185px;
	padding:0 25px 0 0;
}
div#contenu h1{
	text-align:right;
	padding:0 0 0 0;
	margin:0 0 20px 0;
	color:#FC7E00;
	font-size:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
div#contenu h1, div#contenu h1 a{
	text-align:right;
	padding:0 0 0 0;
	margin:0 0 20px 0;
	color:#FC7E00;
	font-size:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
div#contenu p{
	text-align:left;
	color:#000000;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

div#sousMenu a.lienssMenu1{
	display:block;
	padding:0 0 0 6px;
	margin:2px 0 6px 2px;
	background-color:#5B9D9D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	color:#FFFFFF;
}
div#sousMenu a:hover.lienssMenu1{background-color:#9BC6C6;}
div#sousMenu a.lienssMenu2{
	display:block;
	padding:0 0 0 12px;
	margin:0 0 4px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	color:#FFFFFF;
}
div#sousMenu a:hover.lienssMenu2{background-color:#9BC6C6;}
div#sousMenu a.special{background-color:#D36B19;}
div#sousMenu a:hover.special{background-color:#EABD98/*#D39F72;*/}


div#menuBas{
	text-align:center;
	color:#E6E6E6;
	font-size:12px;
	margin:0 0 25px 0;
}

div#menuBas a{
	color:#E6E6E6;
	font-size:12px;
}


/* liste des produits */
div.presentation_rubrique{
	margin:5px 0 20px 0;
}
div.produit_liste{
	border-bottom:1px solid #257D7D;
	margin:5px 0 0 10px;
	min-height:120px;
	padding:0 0 5px 0;
}
* html div.produit_liste{height:120px;}
div.produit_liste div.image{
	float:right;
	margin-left:10px;
}
div.produit_liste a.plus_info{
	font-weight:bold;
	text-decoration:none;
}
div.produit_liste a.titre{
	display:block;
	cursor:pointer;
	font-size:16px;
	font-weight:bold;
	color: #FC7E00;
	margin:0 0 10px 0;
}
div.produit_detail{
	margin:5px 0 0 10px;
	padding:0 0 5px 0;
}
div.produit_detail span.titre{
	display:block;
	font-size:18px;
	font-weight:bold;
	color: #FC7E00;
	margin:0 0 10px 0;
}
div.produit_detail div.image{
	float:right;
	margin-left:10px;
}
a.listelienssrub{
	display:block;
	cursor:pointer;
	color: #FC7E00;
}

/* formulaire contact */
div#formulaire{
	width:440px;
}
div#formulaire div.ligne{height:25px; clear:right;}
div#formulaire div.label{
	width:180px;
	float:left;
	margin-bottom:5px;
}
div#formulaire div.champ{
	float:right;
	text-align:left;
	width:250px;
	margin-bottom:5px;
}
.FormInput{
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size : 10pt; 
	font-weight : normal; 
	color : #7D4221; 
	width: 250px; 
	background-color:#E4EFEF; 
	border:1px solid #257D7D;
}