@charset "UTF-8";

@import "style_catalog.css";
@import "style_produits.css";

/* basic elements */
body {
	background-repeat:repeat-x;
	/*position:absolute;*/
	height:auto;
	/*width:750px;*/
	font:10px Arial, Helvetica, sans-serif;
	/*left:50%;
	margin-left:-377px;*/
	text-align:center;
	margin-top:20px;
	background-attachment: fixed;
	background-image: url(../img/fond.gif);
}

p { 
	margin-top: 0; 
	text-align: justify;
	}
	
.resultat_puissance {
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	color:#4A4A4A;
	}
	
h3 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	margin: 0;
	}
.h4 {
	color: #e4c667;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	margin: 0px;
	margin-bottom:10px;
	}
h5 {
	margin-top: 0px;
	margin-bottom: 8px;
	color: #e4c667;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	margin-right: 0px;
	margin-left: 0px;
	}
	
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #CCCCCC;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #CCCCCC;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #CCCCCC;
	}

/** Corrigé par Cédric Talbot 2010-03-10 : non valide pour CSS 2.1 : changé "font" pour "font-family" **/
.p1 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC}

img{
	border:0;
}
.phrase_titre { font-family: Arial, Helvetica, sans-serif;	font-size: 16px; line-height: 15pt; }
.titre_mot_grand {font-size: 22px}
.titre_mot_gras {font-size: 22px; font-weight: bold; }
/* specific divs */
#container {   
	border:2px solid #a4a39e;
	width:750px;
	position: absolute;
	left:50%;
	margin-left:-377px;
	background-color:#1f1f1f;
}

#intro { 
	min-width: 750px;
	}


/*MENU*/
#supportingMenu {
	width:750px;
	height:90px;
	margin:0px;
	padding:0px;
}

/*MENU SECONDAIRE*/
#fond_menuS{
	width:750px;
	height:24px;
	background-color:#333332;
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	vertical-align:top;
}

#menuS{
	/*float: left;*/
	margin-left: 160px;
	/*margin-top: 5px;*/
}

/** Corrigé par Cédric Talbot 2010-03-10 : non valide pour CSS 2.1
body:nth-of-type(1) #menuS{

}

*******************************************************************/


#menuS a {
	color: #f7e3a6;
	/*background:#333332;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom:4px;
	padding-left: 5px;
	font-weight: lighter;
	float:left;
}

#menuS a:hover {
	color: #a4a39e;
	background:#333332;
	text-decoration:none;
}
*+html #menuS a{
}

#menuS a:visited:hover {
	color: #a4a39e;
	background:#333332;
	text-decoration:none;
}

/*RECHERCHE*/
#recherche {
float:right;
margin-top:0px;
margin-right:8px;
}

/** Corrigé par Cédric Talbot 2010-03-10 : non valide pour CSS 2.1
body:nth-of-type(1) #logo{
position:absolute;
top:20px;
left:10px;
}
******************************************************************/

/*LOGO*/
#logo{
	float:left;
margin:10px 20px 7px;
}

#menuP {
margin-top:45px;
	/*width: 752px;*/
	height: 24px;
	/*margin-top:0px;
	padding-top:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;*/
}
#menuP div{
	/*width: 50px;*/
	/*height: 24px;*/
	/*margin-left:5px;*/
	float:right;
}

#menuP ul, li{
	margin-top:0px;
	list-style: none;
}

#menuP li {
	float: right;
	/*margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:36px;*/
}

#menuP a {
	color: #FFFFFF;
	background:#4e4b47;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color:#1f1f1f;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 15px;
	font-weight: bold;
}

#menuP a:hover {
	color: #252525;
	background:#e4c667;
	text-decoration:none;
}
#menuP a:hover:visited {
	color: #252525;
	background:#e4c667;
	text-decoration:none;
}
/*#menuP a:focus {
	color: #252525;
	background:#e4c667;
	text-decoration:none;
}*/

#smenu1, #smenu2, #smenu3 { /*défini les 3 boites des 3 sous-menues */
  display: none; /* les sous-menus ne sont pas affichés */
  /*max-height:24;
  margin: 0;  marges extérieures à 0 */
   /*padding : 0; marges intérieures à 0 */
  position: absolute ; /* boite positionnée par rapport à la boite parent, ici l'écran */
  top : 101px;  /*Début (par rapport au haut de page) des sous-menus */
  float:right;
  right : 0px; /* Début (par rapport à la gauche de la page) des sous-menus */
  z-index:100;
}
#smenu1, #smenu2, #smenu3 ul li{
	z-index:110;
}


#smenu1 li{
	height:24px;
}

/*BLOC POUR DESIGN*/
#fond_design {
	width:750px;
	height:94px;
	margin:0px;
	/*background-image: url(../img/quadrille.gif);*/
}
#BloqueProblematique{
	height:92px;
	position:absolute;
	top:97px;
	left:422px;
	z-index:0;
	background-image:url(../img/fond_haut2.jpg);
	background-repeat: repeat;
	background-position: bottom;
}
#imgflash2{
	position:absolute;
	top:62px;
	left:3px;
	/*z-index:101;*/
}

/*#imgflash{
	float:right;
	margin-top:-94px;
	margin-right:-5px;
}

#flash{
	float:right;
	margin-top:-67px;
	margin-right:-5px;
}

#imgflash2{
	float:right;
	margin-top:-33px;
	margin-right:-5px;
	width:328px;
	height:30px;
	background-image:url(../img/fond_haut2.jpg);
}*/

#img{
	float:left;
	margin-left:0px;
	margin-right:230px;
}
/*#ChoisirProduit{
	float:right;
}*/

/*BLOC POUR BORDURE*/
#supportingBordure {
	width:750px;
	margin:0px;
	}
#bordure3{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a5a49e;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #a5a49e;
}
#bordure1{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #a5a49e;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #a5a49e;
	z-index:1;
}

#bordure2{
	margin-top:2px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #4d4a47;
}

#bordure_prod{
	margin-top:2px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #a5a49e;
}
/*BLOC SUPPORT LE TEXTE*/
#supportingText {
	margin-top:7px;
	width:730px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display:table;
	/** Modifié par Cédric Talbot 2010-03-10 : Non valide CSS 2.1 **/
	/*background-image: url(../img/fond_tableau_index.gif);
	background-repeat: repeat-x 50% 0;*/
	/*background:transparent url(../img/fond_tableau_index.gif) repeat-x 50% 0;*/
}
 #usa {height:550px;}

#supportingTabProd{
	width:730px;
	padding-top: 10px;
}

#supportingTextN {
	/** Modifié par Cédric Talbot 2010-03-10 : Non valide CSS 2.1 **/
	/*background-image:url(../img/fond_tableau_nouveaute.gif);
	background-repeat:repeat-x 50% 0;*/
	background:transparent url(../img/fond_tableau_nouveaute.gif) repeat-x 50% 0;
	width:730px;
	padding:5px;
	display:table;
	margin-top:10px;
}
#supportingNouveautes {
	background-image:url(../img/fond_nouveautes_.jpg);
	background-repeat: no-repeat;
	width:750px;
	padding:5px;
	display:table;
}
#supportingTextP {
	width:730px;
	/** Modifié par Cédric Talbot 2010-03-10 : Non valide CSS 2.1 **/
	padding-left:20px;
	height:400px;
}
.espaceLeft{
	margin-left:20px;
}

#ListeUrl{width: 210px; font:10px Verdana, Arial, Helvetica, sans-serif; margin-top: 0.3cm; margin-left:3cm;}	

/*BLOC 1 = Bienvenue et partenaire */	
#supportingBienvenue{
	width:354px;
	float:left;
	padding-right:10px;
	margin: 0px;
	text-align:left;
	display:table-cell;
	height:100%;
/*	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFFFFF;*/
}

#bienvenue {
	width:350px;
	float:left;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a4a39e;
	display:block;
}
#QuiSommesNous {
	width:350px;
	float:left;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a4a39e;
	display:none;
}
#PromoQuiNousSommes{
	background-color:#2d2c2a;
	margin-bottom:5px;
	height:52px;
	background-image:url(../img/img_qui_nous_sommes.gif);
	background-repeat:no-repeat;
}
/*#PromoQuiNousSommes a:hover{
	text-decoration:none;
}*/
.VideosProduits {
	height:130px;
	width:218px;
	border: thin solid #cccccc;
	overflow: auto;
}
.nonVideosProduits {
	height:15px;
	width:218px;
	border: thin solid #cccccc;
}
.cellVideo{
	border:solid thin #666666;
	padding:0;
	line-height:0px;
	width:90px;;
	height:54px;
	float:left;
	margin-bottom:2px;
}
.cellVideo img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.cellDescript{
	float:left;
	width:100px;
	padding-left:4px;
	padding-top:5px;
	text-align:left;
}
.cellDescript a{
	color:#1E00FE;
}
/*.descVideo a{
	color:#1E00FE;
	text-align:left;	
}*/

.duree{
	color:#555555;
}
.Contvideo{
	width:200px;
	float:left;
}

#menuProduit{
	margin-top:4px;
	margin-bottom:10px;
}
#menuProduit div{
	line-height:15px;
	font-size:8.7pt;
	text-align:left;
	width:215px;
	border-bottom-width: thin;
	border-bottom-style:dashed;
	border-bottom-color: #a2a39d;		
}
#menuProduit div:hover{
	background-color:#eed16b;
	cursor:pointer;	
	text-decoration:none;
}
#menuProduit div a:hover{
	text-decoration:none;
}

.dessingAtelier a, .menuelInstruction a, .pieces a, .ficheProduit a, .btn_quest a, .btn_comm a {
	/*padding-left:5px;*/
	color:#000000;
	display:block;
}

.dessingAtelier select, .menuelInstruction select, .pieces select, .ficheProduit select, .btn_quest select, .btn_comm select {
	margin-left:5px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.7pt;
	font-weight:bold;
}

/*.VideosProduits tr{
	border-bottom:dotted thin #000000;
}
.VideosProduits tr:hover{
	background-color:#ffffff;
}
.VideosProduits td{
	padding:0;
	margin:0;
}*/
#PromoQuiNousSommes span{
	position:relative;
	left:95px;	
	top:12px;
	line-height: 6px;
	/*font-size:small;
	color:#FFFFFF;
	font-weight:bold;*/
}


.petitTexte{
	color:#797977;
	margin-top:5px;
	font-size:11px;
	font-weight:normal;	
}
.petitTexteblanc{
	color:#ffffff;
	margin-top:5px;
	font-size:12px;
	font-weight:normal;	
}


#partenaire {
	width:350px;
	float:left;
	margin: 0px;
	vertical-align:text-top;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#logo_energy{
	float:left;
	margin-right:30px;
	margin-top:20px;
	border:none;
}

#logo_mieuxcons{
	float:left;
	margin-top:20px;
	border:none;
}

#logo_iso{
	float:left;
	margin-left:30px;
	margin-top:5px;
	border:none;
}


/*BLOC 2 = Nos produits*/

#supportingProduits {
	width:354px;
	float:right;
	text-align:left;
	margin: 0px;
	padding-left: 5px;
	padding-right: 10px;
	vertical-align: top;
	display:table-cell;
	position: absolute;
	top:242px;
	right: 0px
	
}

#supportingProduits_contact
{
/*width:354px;
	float:right;
	text-align:left;
	margin: 0px;
	padding-left: 5px;
	padding-right: 10px;
	vertical-align: top;
	display:table-cell;
	position: absolute;
	top:242px;
	right: 0px*/
}

#produit1 {
	width:350px;
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom:20px;
}



#produit2 {
	width:350px;
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a4a39e;
}
#produit3 {
	width:350px;
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a4a39e;
}

.picprod1{
clear:both;
	width:71px;
	float:left;
	margin-right:9px;
	margin-top:29px;
	text-align:center;
	font-size:7px;
}

.textprod1{
	width:270px;
	float:right;
	margin-top:20px;
	font-size:11px;
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	
}

.textprod1 a{
	color:#CCCCCC;
}

.textprod1 a:visited { 
	font-weight: bold; 
	text-decoration: none;
	color: #CCCCCC;
}
	
.titreprod1 {
	color: #e4c667;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	margin: 0px;
	margin-bottom:10px;
}

.titreprod1 a:hover, a:active{
	color: #e4c667;
	text-decoration:underline;
}

/*BLOC POUR BAS DE PAGE*/

#footer{
	float:left;
	margin-top:5px;
	margin-left:0px;
	margin-bottom:0px;
	background-color:#a4a39e;
	width:750px;
	height:44px;
}

#supFoot{
	margin-top:8px;
	margin-left:-15px;	
	height:44px;
}

#bdiagonal {
	color: #4e4b47;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
}

#footer ul {
	list-style: none;
	margin-left:-20px;
	color:#4E4B47;
}

#footer li {
	float: left;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:-7px;
}

#footer a {
	color: #4e4b47;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}

#footer a:hover {
	color: #4e4b47;
}

#txt_footer{
	/** Modifié par Cédric Talbot 2010-03-10 : Non valide CSS 2.1 **/
	font-family:Arial, Helvetica, sans-serif;
	color:#4e4b47;
	float:left;
	margin-left:25px;
	margin-top:5px;
	clear:both;
}

#supCatText{
	float:right;
	margin-right:0px;
	width:280px;
	/*z-index:100;*/
}

#txt_footer2{
	font-family:Arial, Helvetica, sans-serif;
	color:#4e4b47;
	margin-top:-11px;
	float:right;
	margin-right:75px;
	text-align:center;
}

#img_cat{
	float:right;
	margin-right:-180px;
	margin-top:-31px;
	border:none;
}

#img_cat_en{
	float:right;
	margin-right:-167px;
	margin-top:-31px;
	border:none;
}
#img_cat_us{
	float:right;
	margin-right:-165px;
	margin-top:-31px;
	border:none;
}

.x001 {
	margin-left: 18px;
	margin-right: 12px;
	margin-top:-19px;
	margin-bottom:15px;
	width: 710px;
	height: 96px;
	overflow: auto;
	/*
	border-top: solid 1px; color="#CCCCCC";
	border-left: solid 1px; color="#CCCCCC";
	border-right: solid 1px; color="#CCCCCC";
	border-bottom: solid 1px; color="#CCCCCC"; border-color:#CCCCCC; */
}
.x001 table{ 	
	border:none;
}

#tableauProduitChauffage td{
	padding-right:6px;
}
.x001 td{
	text-align:center;
}
.Style2 {
	margin-left: 14px;
	color: #e4c667;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	float:left;
	text-align:left;
}

#chauffage{
	width:238px;
	/*float:left;*/
	height:auto;
	padding-right:5px;
	display: table-cell;
	height:100%;
}

#ventilation{
	width:238px;
/*	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFFFFF;*/	
	/*float:left;*/
	height:auto;
	padding-right:3px;
	padding-right:2px;
	display: table-cell;
	height:100%;
}

#chauffage1,#chauffage2, #chauffage3 {
	margin: 0px;
	text-align:left;
	padding-bottom:20px;
	padding-top:20px;
}

.textprodN {
	color:#CCCCCC;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	width:150px;
	margin-bottom:25px;
}
.titreN{
	font-weight:bold;
}

#ventilation1, #ventilation2, #ventilation3{
	/*width:240px;*/
	/*float:left;*/
	/*padding-right:10px;
	padding-left:10px;*/
	/*padding-bottom:10px;*/
	/*border-right-color:#a4a39e;
	border-right-width: 1px;
	border-right-style: solid;*/
	margin: 0px;
	margin-left:0px;
	text-align:left;
	padding-bottom:20px;
	padding-top:20px;

}

#electro{
	width:240px;
/*	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFFFFF;*/	
	/*float:left;*/
	display: table-cell;
	height:100%;
}

#electro1,#electro2{
	/*width:240px;*/
	/*float:left;*/
	/*padding-left:10px;*/
	padding-bottom:10px;
	margin: 0px;
	text-align:left;
	padding-bottom:20px;
	padding-top:20px;
}

.picprod{
	width:71px;
	float:left;
	margin-right:10px;
	margin-top:29px;
	text-align:center;
}

.textprod{
	width:140px;
	float:right;
	margin-top:20px;
	font-size:11px;
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
}

.textprod a{
	color:#CCCCCC;
}

.textprod a:visited { 
	font-weight: bold; 
	text-decoration: none;
	color: #CCCCCC;
}
	
.textprod a:hover, a:active { 
	text-decoration: underline;
	color: #CCCCCC;
}

.titreprod {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	margin: 0px;
	margin-bottom:10px;
}
.espaceBottom{
	padding-top:10px;
}

.envoyerPage{
	text-align:center !important;
}

#VideoPublicite1, #VideoPublicite2, #VideoPublicite3, #VideoPublicite4{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	width:700px;
	height:250px;
}

.video1, .video2{
	float:left;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-left-color: #666666;
	width:320px;
}

.descVideo1, .descVideo2{
	margin-top:20px;
	float:left;
	width:350px;
}


.descVideo1, .descVideo2 p{
	color:#FFFFFF;
	margin:10px;
}

.titreGras{
	font-weight: bold;
	font-size:120%;	
	color:#FFFFFF;
}

#documentsImprimerPub{
	padding-bottom:20px;
}
.publicitesImprimer{
	padding-bottom:3px;
	padding-top:3px;
	padding-left:20px;
	text-align:left;
}

/*#documentsImprimer div{
	text-align:left;
	margin-bottom:20px;
	margin-top:20px;
}*/

#documentsImprimer div img{
	margin-right:5px;
}
#ouSommesNous{
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
}
.ouSommesNous{
	text-align:left;
	margin-top:15px;
	margin-bottom:20px;
	margin-left:20px;
}
#ouSommesNousPub{
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
}


#ouSommesNous1,#ouSommesNous2,#ouSommesNous3{
	text-align:center;
	margin-top:12px;
	margin-bottom:20px;
	/*margin-left:30px;*/
}

#pub_pieds, #Billboard2, #Billboard1, #camion_stelpro{
	display:none;
	width:670px;
	text-align:right;
	margin-left:40px;
}

#Billboard2, #Billboard1{
	display:none;
	width:670px;
	text-align:right;
	margin-left:40px;
}

.fermerPub{
	width:670px;
	/*font-size:10pt;*/
	text-align:right;
	margin-top:0;
}

/*################################################################Produits#####################################################################*/




.menu_bottom {
	background-image: url('../img/menu_bottom.gif');	
	background-repeat: no-repeat;
	width: 214px;
	height: 5px;
	margin: 0;
	padding: 0;
}
#yves1,#yves2,#yves3 {
	width: 205px;
	height: 39px;
	background-image: url('../img/yves.gif');	
	background-repeat: no-repeat;
	border: 1px solid #F2939C;
	margin: 0 auto;
	}

#yves_content1,#yves_contents,#yves_content3{
	margin-left: 48px;
	width: 160px;
	text-align: left;
}

#commentaires_novideo { 
	margin-top: 5px;
	width: 205px;
	height: 39px;
	background-image: url('../img/commentaires.gif');	
	background-repeat: no-repeat;
	border: 1px solid #F2939C;
	margin: 0 auto;
	margin-left: 9px;
	margin-top: 3px;
	position:absolute;
	z-index: 8;
	}

#commentaires_novideo_content{
	margin-left: 48px;
	margin-top: -1px;
	width: 160px;
	text-align: left;
	position:absolute;
	z-index: 8;
}

.menu_select {
	width: 214px;
	margin:0;
	padding:0;
	margin: 10px auto !important;
	margin: 0 auto;
	
}

.menu_top {
	background-image: url('../img/menu_top.gif');
	width: 214px;
	height:5px;
	margin-bottom: 0px !important;
	margin-bottom: -8px;
	
}


/*###############################################################*/

#tableauContact{
	width:300px; 	
	border:none;
	padding-left:20px;
}

#tableauCS {background-color:#1f1f1f; color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px;border-width:1px; 
border-style:solid; 
border-color:#4D4A47;
width:90%; 
margin:0 auto;
}
/*#tableauProduitVentilation tr:hover {background-color:#1f1f1f; color:#ffffff;}
#tableauProduitElectronique tr:hover {background-color:#1f1f1f; color:#ffffff;}
#tableauProduitChauffage tr:hover {background-color:#1f1f1f; color:#ffffff;} */
.produit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color:#cccccc;
}
.produit a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
}

.produit a:hover {
	color:#CCCCCC;
	text-decoration: underline; 
}

.Style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	color:#CCCCCC;
}
.Style4 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	color:#CCCCCC;
}

.Style4 a:hover {
	color:#CCCCCC;
	text-decoration: underline; 
}

.alignementGauche{
	text-align:left;
}


#formulaire_contact{
	margin-left:15px;
}	
	
/* #tableauContact tr:hover {background-color:#1f1f1f; color:#ffffff;} */


.iconWord{list-style-image:url(../img/word_ico.gif); margin-bottom:5px;}
.iconEnvoi{list-style-image:url(../img/envoyer_ico.gif);}

.ListeAvecPuces li{list-style:square;}


/*#########################################Calcul ventilation##############################################*/

#gameGauche, #gameMilieu, #gameDroite{
	width:210px;
	float:left;
	border: thin solid #a4a39e;	
	color:#FFFFFF;
	margin: 0 25px 20px 0;
	padding-bottom:20px;
}
/** Modifié par Cédric Talbot 2010-03-10 : Non valide CSS 2.1 **/
html #gameGauche, html #gameMilieu, html #gameDroite{
	width:210px;
	border: thin solid #a4a39e;	
	color:#FFFFFF;
	margin: 0 0 40px 0;
}
/** Modifié par Cédric Talbot 2010-03-10 : Non valide CSS 2.1 **/
html #gameMilieu{margin: 0 25px;}
#gameGaucheQ, #gameDroiteQ{
	width:330px;
	float:left;
	border: thin solid #a4a39e;	
	color:#FFFFFF;
	margin: 0 25px 20px 0;
	padding-bottom:20px;
}

.descriptionGamme p a{
	float:right;
	border: thin solid #a4a39e;	
}
#gameGauche img, #gameGaucheQ img, #gameDroite img, #gameDroiteQ img, #gameMilieu img{
	margin-top:10px;
	margin-bottom:10px;
}
#gameGauche span, #gameGaucheQ span, #gameDroite span, #gameDroiteQ span, #gameMilieu span{
	font-size:150%;
	/*font-weight:bold;*/
}
#gameGauche p, #gameGaucheQ p, #gameDroite p, #gameDroiteQ p, #gameMilieu p{
	font-size:small;
	margin:20px;
}
/*#gameDroite{
	margin-bottom:20px;
	width:130px;
	float:right;
	border: thin solid #a4a39e;	
	color:#FFFFFF;
	padding-bottom:20px;
}*/

#TitreCalcul{
	text-align:left;
	margin-bottom:20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
#TitreCalcul1{
	text-align:left;
	padding-bottom:20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	float:left;
}

.gauche{
	float:left;
	margin-left:20px;
	line-height:20px;
	font-style:italic;
}
.descGamme{
	clear:both;
	text-align:left;
	font-size:small;
	color:#FFFFFF;
	padding-bottom:20px;
}
/*.couleur_produit{
	line-height:20px;
}*/
.formCalculVentilation{
	margin-left:auto;
	margin-right:auto;
	width:300px;
	padding-bottom:20px;
}
.formCalculVentilation tr{
	height:30px;
}
.formCalculVentilation tr:hover{
	background-color:#1f1f1f;
}
.lefttab{
	color: #e4c667;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	margin: 0;
}

.righttab{
	color:#FFFFFF;
}
.btnCalculer{
	margin:auto;
}
.tdBtnCalculer{
	/*width::300px;*/
	padding-top:10px;
}

.TitreCalcul1{
	clear:both;
	text-align:left;
	margin-bottom:20px;
	padding-left:20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	float:left;
}
.TitreCalcul2{
	clear:both;
	text-align:left;
	margin-bottom:30px;
	padding-left:100px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	float:left;
}

#supportingProduitsCalcul{
	clear:both;
	margin:20px;
}

.titreprod1Calcul {
	color: #e4c667;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	margin: 0px;
	margin-bottom:10px;
	
}

.textprod1Calcul{
	width:500px;
	float:right;
	margin-top:20px;
	font-size:11px;
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
}

.produitCalcul{
	float:left;
	width:600px;
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom:20px;
}

.noFloat{
	clear:both;
}

#calcul_ventilation{
	height:auto;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	padding-top:5px;
}
#ouSommesNousCalcul{
	text-align:left;
	margin-top:20px;
	/*margin-bottom:20px;*/
}
#ouSommesNousFichiers{
	text-align:left;
	margin-top:10px;
	/*margin-bottom:20px;*/
}

/*#####################################DIR#######################################*/

.tableDIR{
	margin-left:auto;
	margin-right:auto;
	width:700px;
	border-bottom-style: solid;
	color:#FFFFFF;
	border-bottom-color: #FFFFFF;
	border-bottom-width: thin;
	white-space:nowrap;
}
.tableDIR th{
	font-weight:bold;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: thin;
}
/*.trWithBorder{
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;	
}*/

.hr{
	width:700px;
}
.tableDIR tr:hover{
	color:#FFFFFF;
	background-color:#1f1f1f;
	border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #FFFFFF;	
}
#fiche_produits{
	padding:15px;
	text-align:left;
}
.black{
	color:#000000;
}
#pageRecherche{
	padding-left:15px;
	margin-bottom:-5px;
	text-align:left;
	background-color:#FFFFFF;
}
.label {
  position:absolute;
  font-size:13px;
  padding-top:.2em;
  left:150px;
}
.coordonnees_soumission {
  color: #A5A49E;
}
.drop {
  position:absolute;
  font-size:80%;
  left:200px;
}
#containerPubG{
	font-size:small;
}

#message_rh 
{
float:left;
position:relative;
top: -10px;
left: 20px;
padding: 5px;
width: 90%;
border-color:#4D4A47;
background-color:#A5A49E;
/** Modifié par Cédric Talbot 2010-03-10 : Non valide CSS 2.1 **/
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;

}

.table_emploi{
left: 20px;
/** Modifié par Cédric Talbot 2010-03-10 : Non valide CSS 2.1 **/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: lighter;
color:#FFFFFF;
}

.poitillees_emploi{
border-bottom-style: dotted;
border-bottom-color: #666666;
border-bottom-width: 1px;
}

.poitillees_catalog{
border-top-style: dotted;
border-top-color: #666666;
border-top-width: 1px;
}
.img_courriel{
	float:left;
	padding-right:5px;
	padding-bottom:5px;
}

.couleur_produit{
	text-align:left;
	line-height:15px;
	font-size:12px;
	margin-left: -30px;
}
.liste_fiche_produit{
	float:left;
	padding-right:5px;
	/** Modifié par Cédric Talbot 2010-03-10 : Non valide CSS 2.1 **/
	/*padding-left: -10px;*/
	clear:both;
	}
#francais {margin-left:0px;}
#anglais {margin-left:7px;}
#langue_autre {margin-left:20px;}
.caracteristiques_txt{
border-bottom-style: dotted;
border-bottom-color: #666666;
border-bottom-width: 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
text-align:left;
}
.Partenaires_div{
	padding-top:10px;
	padding-bottom:20px;
	padding-left:20px;
	width:750px;
	text-align:left;
	clear:both;
}
.certification_div{
	padding-top:10px;
	padding-bottom:20px;
	padding-left:20px;
	width:695px;
	text-align:left;
	clear:both;
}
.Partenaires_logo{
	float:left;
	width:140px;
	margin-top:0px;
}

.Partenaires_descript{
	float:left;
	width:550px;
	text-align:left;
}
.certification_descript{
	width:550px;
	text-align:left;
	margin-bottom:10px;
}

/** Modifié par Cédric Talbot 2010-03-10 : Non valide CSS 2.1 **/
html .image{padding:15px 0 0 30px;}
*+html .image{padding:14px 0 0 30px;}
.image
{
background-image:url(http://www.stelpro.com/fr/img/Recherche_code_postal.gif);
background-repeat:no-repeat;
height:50px;
width:506px;
padding:16px 0 0 70px;
}
.image th{font-size:14px;}
.form{padding-top:6px;}
*+html .imageEN{padding:11px 0 0 15px;}
* html .imageEN{padding:11px 0 0 15px;}
.imageEN 
{
background-image:url(http://www.stelpro.com/fr/img/Recherche_code_postal.gif);
background-repeat:no-repeat;
height:55px;
width:506px;
padding:12px 0 0 70px;
}
/**************** Page Activation *****************/
#activationgarant{color:#FFFFFF;}

#activationgarantie{
	padding:15px;
	text-align:left;
}

#activation{
	width:350px;
	margin: 20px auto 40px auto;
	/*border: thin solid #CCCCCC;*/
	padding:5px;
}

#activation label{
font-size:12px;
	float:left;
	text-align:left;
	width:100px;
	font-weight:bold;
	margin-bottom:15px;
}
#activation input {
	width:200px;
	margin-bottom:0.3em;
	margin-bottom:15px;
}
#activation textarea{
	height:200px;
	margin-bottom:15px;
	margin-top:5px;
}

#activation #cp1, #activation #cp2{
	width:25px;
	float:left;
}

#activation #cp2{
	margin-left:10px;
	margin-right:100px;
}

#activation #zipi #cps{
	width:40px;
	margin-right:100px;
}

*+html #cp1{margin-left:51px;}
#cp1{margin-left:48px;}
*+html #cp1L{margin-left:2px;}
#cp1L{margin-left:39px;}

*+html #zip_avis{margin-left:97px;}
#zip_avis{margin-left:102px;}
*+html #zip_avisL{margin-left:74px;}
#zip_avisL{margin-left:87px;}

*+html #provinceL{margin-left:22px;}/*hack pour ie 7*/
#provinceL{margin-left:60px;}
*+html #province{margin-left:71px;}
#province{margin-left:66px;}

*+html #etatL{margin-left:76px;}
#etatL{margin-left:90px;}
*+html #etat{margin-left:100px;}
#etat{margin-left:102px;}

.adresse_livraison{
	background-color:#e5e5e5;
	float:left;
	width:100%;
}
.adresse_livraison img{float:left;}
.adresse_livraison p{margin:5px;}


#activation select {
	width:208px;
	margin-bottom:15px;
}

#activation .submit {
	width:100px;
	margin:20px 0 0 100px;
}

.invalid {
	background-color: #FFFF00;
}

.invalid_r {
	background-color:#FF3300;
	color:#FFFFFF;
}

#confirmationgarantie{
color:#FFFFFF;
font-size:12px;
}

#confirmationgarantie .qq{
margin-top:20px;
margin-bottom:20px;
}

#activationgarantie .qq{
color:#FFFFFF;
font-size:12px;
margin-top:20px;
margin-bottom:20px;
}

#contacts{
width:350px;
	float:right;
	text-align:left;
	margin: 0px;
	padding-left: 5px;
	padding-right: 10px;
	vertical-align: top;
	display:table-cell;
	right: 0px
}
#supportingContact{
	height:450px;
	min-height:600px;
	margin-top:7px;
	width:730px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display:table;
	/** Modifié par Cédric Talbot 2010-03-10 : Non valide CSS 2.1 **/
	/*background-image: url(../img/fond_tableau_index.gif);
	background-repeat: repeat-x 50% 0;*/
	background:transparent url(../img/fond_tableau_index.gif) repeat-x 50% 0;
	}
.panelToggle {background: #fff; clear: both; display: none; float: left; margin: 5px; padding: 5px; width: 300px;}
#sendFriendMessage a {display: inline; float: none; padding-left: 0;}
#sendFriendAnimation {display: none; text-align: center;}
#sendFriendMessage {display: none;}
#sendFriendMessage p {margin-bottom: 6px;}
#panelSend input.text, #panelSend textarea {width: 155px;}
#panelSend label {display: block; font-size: 12px; margin-bottom: 3px;}
#panelSend input.text, #panelSend textarea {margin-bottom: 5px;}
#panelSend .label-checkbox {display: inline;}
#panelSend .btn-send {float: right; margin: 10px 0 0 0;}
#panelSend .note {font-style: italic; margin-bottom: 10px;}
.formError {color: #990000; font-size: 9px;}
a.popingWindow-close {background: url(../img/icon-close.gif) no-repeat 100% 0; border: 0; float: right; font-family: Verdana, sans-serif; font-size: 90%; font-weight: bold; height: 16px; line-height: 16px; padding-right: 20px; text-decoration: none;}
a.popingWindow-close:hover {background: url(../img/icon-close.gif) no-repeat 100% 100%;}
#toggleImg-window {padding-bottom: 0; width: 589px;}
#toggleImg-window .header {width: 569px;}
#toggleImg-window h5 {width: 469px;}
#toggleImg-window img {border: 10px solid #fff;}
#toggleImg-window p {padding: 0 10px 10px 10px;}
input.btn-send {background: #fff; border: 1px solid #999; color: #333; cursor: pointer; font: bold 85% Verdana, sans-serif; padding: 1px 2px; width: 100px;}
input.btn-send.disabled {color: #999; cursor: default;}
a.popingWindow-close {display: none; margin-right: 5px; padding-left: 15px;}

.etoile{
	font-size:14px;
}
.blue{
	/** Modifié par Cédric Talbot 2010-03-10 : Non valide CSS 2.1 **/
	color:blue;
}

.etoile-noir{
	font-size:12px;
}

.centrepage{
	padding:80px;
	font-size:12px;
}

.rouge{
	color:#CC0000;
}

.jaune{
color:#E4C667;
/*font-weight:bold;*/
font-size:18px;
}

.orange{
	color:#FF6600;
}

.vert{
	color:#33CC33;
}
.td_energie{padding:25px;border-right:thin dashed;}

tell_friend{color:#FFFFFF;}

.Style1_ {
	font-size: 14px;
	font-weight: bold;
}

.catalogue_mails{
width:164px;
height:153px;

}
.STCP{background-image:url(http://www.stelpro.com/fr/img/choix_thermostat.gif);background-repeat:no-repeat;}
.STCNP{background-image:url(http://www.stelpro.com/fr/img/choix_thermostatN.gif);background-repeat:no-repeat;}

#talbe_identifiant{
	border:thin solid #000000;
	width:335px;
	float:left;
	margin:3px;
}
#talbe_identifiant_d{
	border:thin solid #000000;
	width:335px;
	float:right;
	margin:3px;
}
#col_g{width:335px;
	float:left;
	margin:5px;}

.form_comm{
font-weight:bold;
text-align:center;
font-size:18px;
}

.pointilles{
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #000000;
}
.pointillesD{
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #000000;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	padding-bottom:10px;
}
input #note{
height:30px;
width:100px;
}

#containerProduit_avis{background:#FFFFFF url(http://www.stelpro.com/fr/img/fond_avis.gif) no-repeat scroll center top;margin:0;padding:0;}
.nom_produit_avis{width:370px; float:left; padding-top:20px; color:#000000; font-size:14px; padding-left:10px;}
#menuS img{margin:0 5px 0 0; float:left;}
.ligne{margin:5px 0;}

#programme_prevention{display:none;}
.noserie{font-size:9px;}
.bouton_envoi{font-size:20px;
height:50px;
width:200px;}
#zone_grise{
	display:none;
	width:700px;
	background-color:#E5E5E5;
	border: thin solid #000000;
}
.notre_adresse_livraison{text-align:left;}
#block_ajax{
	font-size:12px;
	color:green;
	border: thin solid #000000;
}
/*Plan de site*/
#plandesite h4 {
padding-left:5px;
color:#E4C667;
font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
font-style:normal;
font-variant:normal;
font-weight:bold;
margin:0 0 10px;
text-transform:uppercase;
background-color:#454545;
line-height:30px;}

#plandesite .section{
	margin:15px 10px;
	background-color:#2f2f2f;
	width:350px;
	border: thin solid #a4a39e;
}

#plandesite ul.primo li{list-style-image: url(../img/puce_jaune.gif); line-height:30px;}

#plandesite ul.segundo li{list-style-image: url(../img/puce_blanche.gif);font-size:11px;line-height:20px;}

#plandesite ul.primo ul.segundo{margin: 10px 0 10px -20px;width:280px;}

/*Correction de ul segundo en ie*/
* html #plandesite ul.primo ul.segundo{margin: 10px 0 10px 20px;width:230px;}
*+html #plandesite ul.primo ul.segundo{margin: 10px 0 10px 20px;width:230px;}

#plandesite .columne{float:left;margin-top:15px;}

#plandesite h3 {
margin: 25px 0 0 10px;
	color: #FFFFFF;
	text-align:left;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	}
	
#serieB{background-image:url(http://www.stelpro.com/en/img/serieB_web.jpg);width:750px;height:921px;}
#serieBfr{background-image:url(http://www.stelpro.com/fr/img/serieB_web_fr.jpg);width:750px;height:921px;}
#serieBen{background-image:url(http://www.stelpro.com/en/img/serieB_web_en.jpg);width:750px;height:921px;}

.serieB{width:480px;height:360px;position:relative;top:475px;left:230px;}
.serieBfr{width:480px;height:360px;position:relative;top:350px;left:230px;}
*+html .serieBfr{width:480px;height:360px;position:relative;top:350px;left:100px;}
* html .serieBfr{width:480px;height:360px;position:relative;top:350px;left:100px;}

/*ie*/
* html .serieB{width:480px;height:360px;position:relative;top:475px;left:95px;}
*+html .serieB{width:480px;height:360px;position:relative;top:475px;left:95px;}



/*Prevention nouvelle_version*/

.serie, .model, .model1,.model2,.model3,.model4,.model5{float:left;}
.model, .model1, .model2,.model3,.model4,.model5 {margin:0 0 0 10px;}
.model, .model1, .model2,.model3,.model4,.model5 {margin:0 0 0 10px;}
.serie input, .model input {text-align:left;padding:0;margin:0;}
/*.serie span, .model span {display:block;}*/
.serie, .model {margin:0 0 0 5px;line-height:15px;}
#boite_1,#boite_11,#boite_21,#boite_31,#boite_41,#boite_51{
/*margin:5px;*/
width:300px;
}
#boite_6, #boite_16,#boite_26,#boite_36,#boite_46,#boite_56{width:350px;}
table#contenant{
	width:100%;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}
.rangee{
	width:100%;
	border-bottom:thin dotted;
	border-top-style:none;
}
.rangee td p{font-size:15px;text-align:left;}
#res1, #res2, #res3, #res4, #res5, #res11, #res12, #res13, #res14, #res15{display:none;}
.btn_prevention{width:150px;background-color:#FFFF66;color:#330000;border:thin solid #000000;font-size:20px;font-weight:bold;}
.btn_prevention_long{width:400px;background-color:#FFFF66;color:#330000;border:thin solid #000000;font-size:18px;font-weight:bold;}
.font8{font-size:9px;}
/*
/////////////////////////////implication sociale///////////////////////////*/
#implication{
	color:#333;
	padding:15px;
	text-align:left;
	background-attachment:scroll;
	background-color:#FFFFFF;
	background-image:url("../img/fond_imp.jpg");
	background-position:center top;
	background-repeat:no-repeat;
}
.ouvrir{
	background-image: url(../img/fermer_cat.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
* html .ouvrir{
	background-image: url(../img/fermer_cat.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.fermer{
	background-image: url(../img/ouvrir_cat.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
* html .fermer{
	background-image: url(../img/ouvrir_cat.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.imp_g{margin-top:10px;height:200px;}

.imp_g img{margin-right:10px;float:left;}

.titre_imp{float:left;margin-bottom:5px;width:450px;font-weight:bold;}

#implication_sociale{color:#FFFFFF;font-size:12px;}

.contenu_imp{width:500px;float:left}

#implication a{color:#333;}

#implication h3,h4{color:#333;}

#implication #prod{float: right; margin-right: 30px;}

/*spécialement pour ie 6*/
* html #implication #prod{float: right; margin-right: 15px;}
/*
/////////////////////////////fin implication sociale///////////////////////////*/