html, body {
	margin: 0;
	padding: 0;
    	height: 100%;
}

body {
	text-align: center;
}

div{
}

img {
	border:0;
}

a {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: bold;
	font-style: normal;
	color: #c95b0e;
	text-decoration:none;
}
 
a:link {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: bold;
	font-style: normal;
	color: #c95b0e;
	text-decoration:none;
}
 
a:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: bold;
	font-style: normal;
	color: #c95b0e;
	text-decoration:none;
}
 
a:hover {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: bold;
	font-style: normal;
	color: #c95b0e;
	text-decoration:underline;
}

input.accueil {
	float:left;
	margin: 5px;
	background-color:transparent;
	border: 0px;
	width: 130px;
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
}

ul {
 	text-align: left;
 	padding-left: 20px;
 	margin: 0 auto;
 }
 
li.item {
	background-image: url(../images/puce.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	padding: 0 0 0 15px;
	margin: 0 0 0 0;
	width: 210px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: 200;
	font-style: normal;
	color: #6E0C05;
	border-bottom: 1px solid black;
	line-height: 20px;
 }
 
li.item_new {
	background-image: url(../images/puce.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	padding: 0 0 0 15px;
	margin: 0 0 0 0;
	width: 210px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: 200;
	font-style: normal;
	color: #6E0C05;
	line-height: 20px;
 }

li.menu {
	background-image: url(../images/puce.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	padding: 0 0 0 15px;
	margin: 0 0 0 0;
	width: 210px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight: 200;
	font-style: normal;
	color: #6E0C05;
	line-height: 20px;
}

a.liste {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: 200;
	font-style: normal;
	color: #6E0C05;
	text-decoration:none;
}
 
a.liste:link {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: 200;
	font-style: normal;
	color: #6E0C05;
	text-decoration:none;
}
 
a.liste:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: 200;
	font-style: normal;
	color: #6E0C05;
	text-decoration:none;
}
 
a.liste:hover {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: 200;
	font-style: normal;
	color: #6E0C05;
	text-decoration:underline;
}

a.path {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: normal;
	font-style: normal;
	color: #c95b0e;
	text-decoration:none;
}
 
a.path:link {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: normal;
	font-style: normal;
	color: #c95b0e;
	text-decoration:none;
}
 
a.path:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: normal;
	font-style: normal;
	color: #c95b0e;
	text-decoration:none;
}
 
a.path:hover {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: 200;
	font-style: normal;
	color: #c95b0e;
	text-decoration:underline;
}

.path {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: normal;
	font-style: normal;
	color: #c95b0e;
	text-decoration:none;
}

a.thumb {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:black;
	text-decoration:none;
}
a.thumb:hover {
	text-decoration:underline;
}

#container {
	position: relative;
	width:1000px;
	margin: 0 auto ;
	text-align: left ;
	min-height: 100%;
}

#content {
	position: relative;
	/*overflow:auto;*/
    margin-bottom: 20px;
	height:100%;
	
}

#bandeau {
	position: relative;
	width:1000px;
	height:378px;
	background-color:#FFFFFF;
	background-image:url(../images/bandeau.jpg);
}

#bandeau_contenu {
	position: relative;
	width:1000px;
	height:190px;
	background-color:#FFFFFF;
	background-image:url(../images/bandeau_contenu.jpg);
}

#logo {
	position: absolute;
	width:157px;
	height:94px;
	left:80px;
	top:20px;
}

#container_print {
	position: relative;
	width:780px;
	margin: 0 auto ;
	text-align: left ;
	min-height: 100%;
}

#entete_print {
	position: relative;
	width:780px;
	background-color:#FFFFFF;
}

#logo_print {
	position: relative;
	float: left;
}

#coord_print {
	position: relative;
	float: left;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #6E0C05;
	font-weight: normal;
}

#bout_print {
	position: relative;
	float: right;
}

#content_print {
	clear:both;
	width:780px;
}

#cadre_client {
	position: absolute;
	width:575px;
	height:35px;
	left:425px;
	top:0px;
}

#cadre_saisie {
	position: absolute;
	width:285px;
	height:20px;
	left:555px;
	top:8px;
}
#cadre_client2{
	float:left;	
}
#id_form_inscription{
	float:right;	
}

#gamme_produit {
	position: absolute;
	width:102px;
	height:44px;
	left:280px;
	top:72px;
}

#info_tech {
	position: absolute;
	width:135px;
	height:44px;
	left:410px;
	top:72px;
}

#info_gene {
	position: absolute;
	width:134px;
	height:44px;
	left:570px;
	top:72px;
}

#cadre_recherche {
	position: absolute;
	width:210px;
	height:90px;
	left:780px;
	top:60px;
	text-align: right;
}

#cadre_promotion {
	clear:both;
	position: absolute;
	width:970px;
	height:180px;
	left:14px;
	top:160px;
}

.cadre_produit {
	position: relative;
	width:710px;
	/*height:80px;*/
	margin-top: 10px;
}

.cadre_produit_image {
	float:left;
	position: relative;
	width:110px;
	height:80px;
}

.cadre_produit_texte {
	float:left;
	position: relative;
	width:480px;
	/*height:80px;*/
}

.cadre_produit_titre {
	clear:both;
	position: relative;
	width:465px;
	/*height:20px;*/
	border:0;
	padding-left:10px;
	padding-right: 10px;
}

.cadre_produit_description {
	clear:both;
	position: relative;
	width:445px;
	/*height:60px;*/
	border:0;
	padding-left:20px;
	padding-right:20px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #6E0C05;
	font-weight: normal;
}

.cadre_produit_ref {
	float:left;
	position: relative;
	width:110px;
	height:80px;
	border:0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #6E0C05;
	font-weight: normal;
	margin-left:5px;
	margin-top:5px;
}

.promotion {
	position: relative;
	float:left;
	width:321px;
	height:176px;
	margin:1px;
	background-image:url(../images/vignette.jpg);
	padding: 0;
}

#pied_page {
	clear:both;
	position: relative;
	width:1000px;
	height:42px;
    bott/om: 0;
	margin:0px 0px 0px 0px;
	padding:0px;
	background-color:#FFFFFF;
	background-image:url(../images/bas.jpg);
	text-align: center;
	vertical-align:bottom;
}

.pied_de_page {
	position:relative;
	height:20px;
	top:20px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #c95b0e;
	font-weight: bold;
	font-style: normal;
	margin-top:10px;
}

#cadre_drapeau {
	position:absolute;
	top:20px;
	right:20px;
	width:20px;
	height:20px;
}

#menu {
	position:relative;
	float:left;
	width:263px;
	background-color:#FFFFFF;
	}

#menu_haut {
	position:relative;
	left:0px;
	width:263px;
	height:37px;
	background-color:#FFFFFF;
	background-image:url(../images/sous_menu1.jpg);
	background-repeat:no-repeat;
	}

#titre_menu1 {
	position:relative;
	text-align:left;
	width: 200px;
	top: 10px;
	left:30px;
	font-family : sans-serif, Arial, Helvetica;
	font-size : 14px;
	color: #FFFFFF;
	font-weight: bolder;
	font-style: italic;
	letter-spacing: 1px;
}

#titre_menu2 {
	position: relative;
	text-align:left;
	width: 400px;
	left: 20px;
	top: 10px;
	font-family : sans-serif, Arial, Helvetica;
	font-size : 14px;
	color: #FFFFFF;
	font-weight: bolder;
	font-style: italic;
	letter-spacing: 1px;
}

#titre_menu3 {
	position: relative;
	text-align:left;
	width: 200px;
	left: 20px;
	top: 10px;
	font-family : sans-serif, Arial, Helvetica;
	font-size : 14px;
	color: #FFFFFF;
	font-weight: bolder;
	font-style: italic;
	letter-spacing: 1px;
}

#menu_bas {
	width:263px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight: 200;
	font-style: normal;
	color: #6E0C05;
	}
#menu_bas_content {
	width:263px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight: 200;
	font-style: normal;
	color: #6E0C05;
	padding-left:20px;
	}

#contenu {
	position:relative;
	flo/at:left;
	wi/dth:469px;
	margin-left:263px;
	margin-right:268px;
	background-color:#FFFFFF;	
	}
#contenu_haut {
	position : relative;
	width:469px;
	height:37px;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../images/sous_menu2.jpg);
	background-repeat:no-repeat;
	}
#contenu_bas {
	width:469px;
	height:100%;
	}

#news {
	position: relative;
	margin-left: 15px;
	width:440px;	
	text-align : justify;
	line-height: 15px;
}

#contenu_content {
	position:relative;
	float:left;
	width:710px;
	background-color:#FFFFFF;	
	}
	
#contenu_path {
	position : relative;
	width:710px;
	height:20px;
	top: 8px;
	background-color:#FFFFFF;
	text-align:justify;
	padding-top:0px;
	}
	
#contenu_nav {
	position : relative;
	width:700px;
	height:20px;
	top: 8px;
	background-color:#FFFFFF;
	text-align:justify;
	padding-top:0px;
	}
	
#contenu_nav_prec {
	position : relative;
	float:left;
	background-color:#FFFFFF;
	text-align:justify;
	padding-top:0px;
	}

#contenu_nav_suiv {
	position : relative;
	float:right;
	background-color:#FFFFFF;
	text-align:justify;
	padding-top:0px;
	}

#contenu_content_bas {
	position:relative;
	width:710px;
	background-color:#FFFFFF;
	text-align:justify;
	padding-top:0px;	
	margin-top:5px;
	}

#entete_produit {
	float:left;
	width:470px;
	height: 245px;
	background-color:#FFFFFF;
	padding-left:5px;
	padding-top:5px;
	}

#bloc_logo {
	posi/tion : relative;
	float:right;
	width:268px;
	background-color:#FFFFFF;
	}
#bloc_logo_haut {
	position : relative;
	width:268px;
	height:37px;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../images/sous_menu3.jpg);
	background-repeat:no-repeat;
	}
#bloc_logo_bas {
	width:268px;
	height:200px;		
	text-align: center;
	}
	
.titre {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	color: #6E0C05;
	font-weight: 200;
	font-style: normal;
}

.titre_promo {
	position: absolute;
	text-align: right;
	top: 10px;
	right: 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
}

.description_promo {
	position: absolute;
	text-align: right;
	width: 120px;
	top: 30px;
	right: 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #c95b0e;
	font-weight: normal;
	font-style: normal;
}

.image_promo {
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}

.titre_news {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #6E0C05;
	font-weight: bold;
	font-style: normal;
	letter-spacing: inherit;
}

.titre_produit {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	color: #c95b0e;
	font-weight: bold;
	font-style: normal;
	letter-spacing: inherit;
}

.tools {
	float:right;
	display:inline;
	background-color:#FFFFFF;
	text-align: right;
}

a.titre_liste_produit {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #6E0C05;
	font-weight: bold;
	font-style: normal;
	text-decoration : none;
}

a.titre_liste_produit:link {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #6E0C05;
	font-weight: bold;
	font-style: normal;
	text-decoration : none;
}

a.titre_liste_produit:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #6E0C05;
	font-weight: bold;
	font-style: normal;
	text-decoration : none;
}

a.titre_liste_produit:hover {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #6E0C05;
	font-weight: bold;
	font-style: normal;
	text-decoration : underline;
}

a.lettre {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	color: #6E0C05;
	font-weight: normal;
	font-style: normal;
	text-decoration : underline;
}

a.lettre:link {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	color: #6E0C05;
	font-weight: normal;
	font-style: normal;
	text-decoration : underline;
}

a.lettre:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	color: #6E0C05;
	font-weight: normal;
	font-style: normal;
	text-decoration : underline;
}

a.lettre:hover {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	color: #6E0C05;
	font-weight: normal;
	font-style: normal;
	text-decoration : none;
}

.intitule_titre {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #c95b0e;
	font-weight: normal;
	font-style: normal;
	text-decoration : underline;
	letter-spacing: inherit;
}

.texte {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #6E0C05;
	font-weight: normal;
}

.texte1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #3C4247;
	font-weight: normal;
	letter-spacing: normal;
}

#photoProdArea {   
    position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 220px; /* important */  
    height: 220px; /* important */  
    background: #FFF;
	float:left;
}   
  
#photoProdArea_content {   
    position: absolute;
	top:0;
	left:0; 
}

#photoProdArea_link {
	clear: both;
    position: relative;
    text-align:center;
	width: 220px;
}  
  
.photoProdArea_item img {   
    display: block;   
	margin:0;
	padding:0;
	left:0;
	top:0;
}

.thumb {
	border:1px solid #000;
	color:#000;
	background:#F4F4F4;
	padding:0 10px 0 10px;
	margin-left:2px;
	line-height:22px;
}

.accessoire {
	position: relative;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid;
}

.vignette {
	position: relative;
	float:left;
	width:321px;
	height:176px;
	margin-top:5px;
	margin-right:5px;
	padding:0;
}

.big_lettre {
	position: relative;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 24px;
	color: #c95b0e;
	font-weight: bold;
}

.liste_alpha {
	position: relative;
	width: 100%;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	color: #c95b0e;
	font-weight: bold;
}

#entete_print_pdf {
	position : relative;
	width:700px;
	height:37px;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../images/sous_menu2_pdf.jpg);
	background-repeat:no-repeat;
	}
	
.login {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	color: #6E0C05;
	font-weight: bold;
	font-style: italic;
	letter-spacing: inherit;
}


.cat-block{
position: relative;
width: 321px;
height: 176px;
border: 1px solid #f00;
overflow: hidden;
}
.cat-block p{
font-weight: normal;
padding:0;
margin: 0;
text-align: center;
}
.cat-block .overlayer{
position: absolute;
bottom: 0px;
/*height: 60px;*/
height: 80px;
width: 321px;
background-image: url(../images/fond_noir_60.png);
color: #fff;
overflow: hidden;

}

.cat-block .overlayer .cat-title{
color: #ed852e;
font-size: 15px;
text-shadow: 1px 1px 1px #000;
}

.spacer{clear: both;}