/*********/
/*general*/
/*********/
/* {
border: 0;
}
*/

img{
	border: 0;
	}
.cacher  {
	display:none;
}

.both {
	clear: both;
	}

.left, #left {
	float: left;
	}
.right, #right {
	float: right;
	}

body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	background-color: #ccbda8;
	color: #000000;
	margin: 0;
	padding: 0;
	}

#general {
	position: relative;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 20px;
	
	}
#contact-tel {
	position:absolute;
	width: 186px;
	height: 24px;
	top: 3px;
	right: 3px;
	background-image:url(../layout/img/contact-tel.gif);
	background-repeat:no-repeat;

	}

.bord {
	background-color: #9e7a47;
	padding: 0px 3px 0px 3px ;
}

.bordH{

	height:3px;
}

.bordB{
	height:3px;
}

.fond{
	background-color: white;
}

a  {
	text-decoration:none;
	color:#000000;
}



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


#haut{
	background-image:url(../layout/img/fond1.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	height: 166px;
}	

#haut .left{
	margin: 10px 0 0 20px;
}

a#logo {
	height: 155px;
	width: 162px;
	background-image:url(../layout/img/logo.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	}


#haut h2{
	font-size: 24px;
	text-align:center;
	font-weight:normal;
}


/* ***************  Menu haut  ***************** */
#haut #menu{
	width:738px;
	margin-top:45px;
	
}
#haut #menu .menuTitre{
	float: left;
	display:block;
	color:white;
	font-size:16px;
	text-decoration:none;
	width: 103px;
	height:27px;
	background-image:url(../layout/img/menuHaut.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 20px;
	padding-top: 25px;
	text-align:left;
	margin:0;
}

#general  #menu .sous_menu div.liens_menu {	
	text-align:left;
	color:#7d0342;
}

#general  #menu .sous_menu#sous_menu_1 {
  	position: absolute;
	left:475px;
  }

#general  #menu .sous_menu{
	display: none; 
	z-index:3;
}


/*
#catalogue:hover .menuDeroulant, #catalogue.sfhover a {
	left:493px;
}
*/

.menuDeroulant{
	height: 230px;
	border: 1px solid #ff7d00;
	background-color: #f2eee2;
	font-size:11px;
	width: 155px;
	padding: 2px;
	margin: 2px;
	margin-top:51px;
	/*position:absolute;
	left: -999em;*/ 
}

.menuDeroulant h4{
	color: #ff7d00;
	margin: 5px 0 5px 0;
	font-size: 12px;
}
.menuDeroulant .categorie{
	border-bottom: 2px dotted #ff7d00;
}
.menuDeroulant a{
	display:block;
	background-image:url(../layout/img/puce2.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 2px 5px 10px;
	color:#660200;
}
.menuDeroulant a:hover{
	display:block;
	color: white;
	background-image:url(../layout/img/puceHover.jpg);
	background-position:left;
	background-repeat:no-repeat;
	background-color: #ff7d00;
}


#catalogue .titreOrange{
	font-size: 17px;
}
/* ***************  fin Menu haut  ***************** */



#haut .msg{
	text-align:center;
}

#haut .msg h2{
	margin-top: 40px;
	margin-bottom: 41px;
}

#haut .both , #bas .both, .menuBas .both, #milieu .both  {
	clear:both;
	height:0px;
}

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

#milieu {
	background-color: #FFFFFF;
	padding: 5px 6px 0px 6px;
}

/*************************************     GAUCHE      ***************************************/

#milieu #gauche{
	float: left;
	background-color: transparent; 
	background-image:url(../layout/img/image.jpg);
	width: 460px;
	height: 315px;
	margin: 8px 8px 8px 8px!important;
	margin: 8px 2px 8px 2px;
	
}
#milieu #gauche .titre{
	background-color:black;
	color:white;
	font-size:18px;
	width : 375px;
	padding: 10px;
}

/*************************************   DROITE   ***************************************/

#droite{
	float: right;
	width: 50%;
	background-color: #FFFFFF;
}

.boiteOrange{
	border: 1px solid #ff7d00; /*orange*/
	margin: 8px;
}

.boiteOrange h2{
	padding-left:4px;
}

.boiteOrange p{
	padding:6px 4px 6px 4px;
	margin:0px;
}

.titreOrange{
	color : #ff7d00;
	font-size:20px;
	margin:5px 2px 5px 2px;
	font-weight: normal;
}

.images{
	background-image:url(../layout/img/fond3.jpg);
	padding-left:12px;
	height:150px;
}

.images img{
	padding: 9px 5px 0px 5px;
	width: 29.5%;
	margin-bottom:2px;
	
}
.plus {
	background-image: url(../layout/img/plus.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}


.bouton{
	
	background-image:url(../layout/img/bouton1.png);
	text-align:center;
	font-size:14px;
	color:white;
	height: 28px;
	margin-bottom:5px;
}

.boutonDevis a{
	margin: 0 ;
	text-decoration:none;
	color:white;
	display:block;
	height:40px
}

.boutonDevis{
	background-image: url(../layout/img/boutonDevis.jpg);
	background-repeat:no-repeat;
	background-position: /*top*/ center;
	height: 45px;
	padding: 0 130px 0 130px;
}

/*************************************     BOUTONS BAS     ***************************************/

.menuBas{
	clear: both;
	background-color: white;
	padding-left: 5px;
}
.menuDroit{
	width: 240px;
	margin-top: 20px;
}

.boite{
	width: 230px;
	height: 75px;
	margin:  12px 4px 14px 4px;
}

.menuDroit .boite{
	margin: 4px;
}

.boite a{
	display: block;
	text-align: right;
	margin: 0px;
	font-size:15px;
	color: #8e0905;
	padding-top:52px;
	padding-right: 2px;
	padding-bottom: 4px;
	/*font-weight:lighter;*/
}



/* ------- boites non selectionnees  ----------   */
#chauff{
	background-image:url(../layout/img/chauffage.jpg);
}

#alarme{
	background-image:url(../layout/img/alarme.jpg);
}

#elec{
	background-image:url(../layout/img/electricite.jpg);
}

#aero{
	background-image:url(../layout/img/aerothermie.jpg);	
}

/* ------- boites selectionnees => oranges ----------   */
#chauffSelect{
	background-image:url(../layout/img/chauffage2.jpg);
}

#alarmeSelect{
	background-image:url(../layout/img/alarme2.jpg);
}

#elecSelect{
	background-image:url(../layout/img/electricite2.jpg);
}

#aeroSelect{
	background-image:url(../layout/img/aerothermie2.jpg);	
}




/***********************************       FOOTER      *****************************************/	

#bas{
	clear:both;
	background-color: #eee8df;
	color: #998870;
	padding: 5px;
}

#bas p{
	margin: 0px;
	padding-left: 5px;
}

#bas .liens{
	border-left: 1px solid #9e7a47;
	padding:5px;
	margin-left: 5px;
}

.netskiss{
	text-align:right;
	padding-right: 12px;
}

#bas a{
	text-decoration:none;
	color: #998870;
}

#bas span{
	font-weight:bold;
}

#bas a:hover{
	text-decoration: underline;
}

/************************             Droite texte                  **************************/

.texte{
	width: 660px;
	padding: 15px;
	font-size:13px;
}
.texte h3{
	color: #8e0905;
	margin-top: 50px;
}

/***************************      electricite       **********************************/
#zoneContact{
	padding: 20px;
	width:610px;
}

#zoneContact .boiteOrange{
	width:280px;
	padding:7px;
	margin:0;
}

#zoneContact .boiteOrange p {
	padding:3px ;
}
#zoneContact .boiteOrange .titreOrange {
	margin:4px 0px 5px 0px;
	text-align:center;
	font-size:17px;
}

.boutonContact{
	background-image: url(../layout/img/boutonContact.jpg);
	background-repeat:no-repeat;
	background-position: /*top*/ center;
	height: 40px;
	display:block;
}

.image{
	width:300px;
	height:190px;
}
.image1{
	background-image:url(../layout/img/image1.jpg);
}
.image2{
	background-image:url(../layout/img/image3.jpg);
}
.image3{
	background-image:url(../layout/img/image4.jpg);
}
.image4{
	background-image:url(../layout/img/image2.jpg);
}
/***************************      catalogue       **********************************/

.barreOrange {
	color: white;
	background-position:left;
	padding-left: 30px;
	padding-top: 3px;
	height:18px;
}
.barreChauff{
	background-image:url(../layout/img/chauffBarre.jpg);
}

.barreSecu{
	background-image:url(../layout/img/alarmeBarre.jpg);
}

.barreElec{	
	background-image:url(../layout/img/elecBarre.jpg);
	}
.barreAero{
	background-image:url(../layout/img/aeroBarre.jpg);
}

.boiteProduit {
	background-color : #f2eee2;
	width : 210px;
	margin : 5px;
	float:left;
}


.boiteProduit p{
	font-size:11px;
	padding: 0 10px 10px 10px;
}


.boiteProduit h2{
	border-bottom: 1px solid black;
	font-weight:normal;
	font-size:14px;
	margin: 3px 0 3px 0;
	padding:3px;
	text-align:center;
}

.boiteProduit h3{
	font-weight: bold;
	color: #8e0905;
	font-size:15px;
	margin: 8px 0 8px 0;
	text-align:center;
}

.produit {
	background-image:url(../layout/img/fondProduit.jpg);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	height:157px;
	width: 208px;
	padding-top:6px;
	margin-left: 1px;
}
.produit img{
	height: 151px;
}

img.horiz{
	width: 208px;
	height:auto;
}
.h410{height:410px;}
.h400{height:400px;}
.h440{height:440px;}
.h480 {height:480px;}
.h470 {height:470px;}
.h490 {height:495px;}
.h500 {height:500px;}
.h510 {height:510px;}
.h530 {height:530px;}
.h550 {height:550px;}
.h580 {height:580px;}
.h600 {height:600px;}
.h390{height:390px;}
.h370{height:370px;}
.h455{height:455px;}
.t2{height:34px;}


.marques{
	margin-top: 15px;
	margin-left:4px;
	height: 309px;
	width: 162px;
	background-repeat:no-repeat;
	background-position:left;
	float:left;
}

.marques h4{
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

#marques1{
	background-image:url(../layout/img/marquesElec.jpg);
	margin-left:0;
}
#marques2{
	background-image:url(../layout/img/marquesAero.jpg);
}
#marques3{
	background-image:url(../layout/img/marquesDomo.jpg);
}
#marques4{
	background-image:url(../layout/img/marquesChauff.jpg);
}

ul {
	list-style-image: url(../layout/img/puce.gif);
	font-size:14px;
}
ul span{
	color: #ff7d00;
	font-weight:bold;
}
li {
	margin-top: 7px;
}
p.titreOrange {
	font-size: 14px;
	font-weight: bold;
	font-style:italic;
	padding: 0 20px 0 20px;
}
.geoImg{
	padding : 3px;
	float:right;
	margin:5px;
}
.boiteProduit li{
	font-size:12px;
	margin: 0;
}

.alarme {
	font-size:13px;
}
.alarme img{
	padding: 10px;
}
h4 {
	margin: 10px 0 10px 0;
	font-size: 14px;
}
form{
	padding-left:10px;
}
.gras_vert{
	color:green;
	font-weight:bold;
}
.goto {
	width: 165px;
	height:25px;
	margin:50px 247px 0 247px;
	text-align:center;
	background-image: url(../layout/img/bouton.jpg);
	background-repeat:no-repeat;
	background-position:center;
	text-transform:uppercase;
	padding-top:6px
}
.goto a{
	color : white;
	text-decoration:none;
	font-size: 14px;
}

.service{
	margin-left:50px;
}

.real{
	padding: 25px 15px 0 10px;
	float:left;
}
.real p{
	color: #7c0504;
	margin: 3px;
	padding :0;
	font-weight:bold;
	font-size:10px;
}