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

body
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.Style5 {	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.Style6 {font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;}
.Style8 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; }
.Style9 {color: #FFFFFF}
.Style10 {font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; }
.Style12 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #F45102; font-weight: bold; }
.Style12:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F45102;
	font-weight: bold;
	text-decoration: none;
}
.Style13 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #07409A;
}
.Style14 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F45201;
}
.ulclass {
	margin-left:20px;
	list-style-image:url(images/puce3.jpg);
	line-height:15px;
	}
.olclass {
	margin-left:20px;
	list-style-image:url(images/puce.jpg);
	line-height:15px;
	}
.liclass {
	margin-bottom:20px;
	}
.Style15 {
	color: #07409A;
	font-size: 11px;
}
.Style16 {font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #07409A; }
.Style17 {font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #07409A;}
.Style19 {font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #07409A; font-size: 16px; }
.bienvenu {font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #07409A; font-size: 14px; }
.Style20 {font-size: 11px}
.Style21 {font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #07409A; }
.Style21:hover {font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #07409A; text-decoration: none;}

.Style22 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 11px;
	text-decoration: none;
}

.Style22:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
}

.Style23 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #f45200;
	font-size: 11px;
}	
.Style24 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
}
.Style24:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.Style4 {	font-size: 10px;
	color: #705F58;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.Stylemenu {
	font-size:12px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color: #f45200;
	line-height:22px;
	margin-left:5px;
	}
.Stylemenu2 {
	font-size:12px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color: #f7864d;
	line-height:22px;
	margin-left:5px;
	}
.Stylessmenu {
	font-size:10px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color: #f45200;
	line-height:18px;
	margin-left:15px;
	}
.Stylessmenu2 {
	font-size:10px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color: #f7864d;
	line-height:18px;
	margin-left:15px;
	}
.catfaq {
	font-size:12px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:22px;
	text-transform: uppercase;

	}
.date 
	{
	background-color:#FFFFFF;
	}
.produit 
	{
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #83221f; 
	font-size: 14px; 
	}
.reference
	{
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #999999; 
	font-size: 14px; 
	}
.notes
	{
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	color: #999999; 
	font-size: 12px; 
	}
.reference2 {
background-color:#f64100;
color:#FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold;}.Stylebleu {
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #07409A;
}
.Stylebleu:hover {
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
}
.rech {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	text-indent: 2px;
	border: 0.5px solid #003399;
	margin-bottom: 3px;
}
.recherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	text-indent: 5px;
	border: 0.5px solid #003399;
	height: 16px;
	vertical-align: middle;
	margin-bottom: 5px;
}
.nouveaute {
	float: left;
	height: 20px;
	width: 300px;
	margin-top: 14px;
}
.titrespages {
	float: left;
}
.titrenews {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	vertical-align: middle;
	padding-top: 19px;
	padding-right: 8px;
	font-weight: bolder;
}
#contenusite {
	width: 965px;
	margin-right: auto;
	margin-left: auto;
}
.contenuhaut {
	width: 965px;
	background-color: #000000;
	float: left;
	padding-top:3px;
	padding-bottom:3px;
}
.haut {
	background-color: #000000;
	float: left;
	width: 695px;
}
.lang {
	background-color: #000000;
	float: left;
	width: 270px;
	-padding-top:4px;
}
.glob {
	float: left;
	margin:0px;
	-margin-top:-10px;
}
.bannerhautmecalectro {
	background-image: url(imgs/bannerhautmecalectro);
	background-repeat: no-repeat;
	height: 150px;
	width: 965px;
	float: left;
}
.loganim {
	float: left;
	height: 95px;
	width: 150px;
}
.espacerechercher {
	float: right;
	margin-top: 20px;
	width: 810px;
}
.title {
	height: 38px;
	margin-left: 220px;
	float: left;
	width: 725px;
}

.logoespace {
	height: 95px;
	float: left;
	width: 965px;
}
.imagegauche {
	background-image: url(imgs/gauche.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 33px;
	width: 195px;
}
.contenuprincipal {
	background-image: url(imgs/gauche.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 770px;
	clear: both;
}
.contour {
	width: 965px;
	clear: both;
	float: left;
}

.menunavigationgauche {
	float: left;
	width: 195px;
	clear: both;
}
.menusupp {
	background-image: url(imgs/bas_g.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 195px;
	height: 103px;
	clear: both;
}
.bas {
	background-image: url(imgs/barre_b.jpg);
	background-repeat: no-repeat;
	height: 16px;
	text-align: center;
	width: 965px;
	float: left;
}
.contourgauche {
	float: left;
	width: 195px;
}
.contourdroit {
	float: left;
	width: 770px;
}
.contentrech {
	width: 450px;
	float: right;
}
H1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color: #83221f; 
	margin-left:30px;
}
H2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #07409A;
	font-weight: bold;
	text-decoration: none;
}
H3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003399;
	text-decoration: none;
	text-align: justify;
	font-weight: normal;
}
H4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration: none;
	text-align: justify;
	font-weight: normal;
}
.lienh2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	font-weight: bold;
	text-decoration: none;
}
.lienh3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003399;
	text-decoration: none;
	text-align: justify;
	font-weight: normal;
}
.lienh4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration: none;
	text-align: justify;
	font-weight: normal;
}
.exemplerecherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bolder;
	color: #FFFFFF;
	height: 10px;
	margin-left: 400px;
	text-align: left;
	width: 395px;
	margin-top: 5px;
}
.espacecata {
	float: left;
	width: 200px;
}
.imagecata {
	width: 227px;
	float: left;
}
.tel {
	float: left;
	width: 195px;
	padding-left: 10px;
	height: 20px;
	text-align: center;
}
.ecrituretel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
	font-weight: bolder;
	text-align: center;
}
.ecrituretel:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bolder;
	text-align: center;
}
.part {
	font-size:14px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	}
.part:hover {
	font-size:14px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#1932A8;
	text-decoration:none;
	}
.modifcell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	}
	
.modifcell2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC33FF;
	}
.premieremajuscule {
	text-transform: capitalize;
	border: 1px solid #6699CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
}
.premieremajuscule2 {
	text-transform: capitalize;
	border: 1px solid #6699CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
}
.contenuhaut2 {
	height:auto;
	width: 965px;
	background-color: #000000;
	float: left;
	margin:0px;
	padding-top:5px;
	-padding-top:0px;
	padding-bottom:3px;
}
.contbarreliens {
	height: auto;
	width: 750px;
	float: left;
	padding-left:15px;
}
.barreliens {
	height: auto;
	width: auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F45102;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
	text-align:center;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
}
.barre
{
	height: auto;
	width: 5px;
	float: left;
	text-align:center;
	margin:0px;
}
.lang2 {
	height: auto;
	float: right;
	padding-right:15px;
	text-align:center;
	margin:0px;
}
.spaceloginyou {
	height: auto;
	width: 350px;
	padding-top:15px;
}
.titrecon {
	height: 20px;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0077FF;
	text-align:center;
	margin-bottom:13px;
}
.id {
	height: 20px;
	width: 240px;
	padding-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	text-align:right;
	margin-bottom:5px;
}
.mp {
	height: 20px;
	width: 240px;
	padding-left:5px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	text-align:right;
	margin-bottom:6px;
}
.titrecon2 {
	height: 20px;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#F00;
	text-align:left;
	margin-bottom:13px;
}

#contenu_fiche{
width: 860px;
height:auto;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#contenu_fiche img{
width: 310px;
height:260px;
float:left;
margin-left:40px;
/margin-left:20px;
margin-right:65px;
margin-bottom:40px;
margin-top:10px;
background-color:#F0F0F0;
border:solid 1px #DDD;
}

#contenu_fiche ul{
width: 400px;
float:left;
margin-bottom:40px;
color:#069;
}

#contenu_fiche ul li{
width: 190px;
height:auto;
float:left;
margin-top:4px;
padding:5px;
color:#333;
}

.gauche{
margin-left:40px;
/margin-left:20px;
margin-right:20px;
float:left;
width:400px;
}
.droite{
float:right;
width:400px;
}
.zonetitre
{
padding:10px;
float:left;
width:760px;
background-color:#F0F0F0;
margin: 20px;
}