/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

html, body {
	height:100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	background-color:#E9EAEC;
}

img {
	border:0px;
	margin:0px;
}

p,ul,li {
	margin:0px;
	padding:0px;
}

p{
	font-size:11px;
}

li {
	list-style-type:none;
}

.clearboth {
	clear:both;
}

/* ******************************************************************************************************************************
*********** ARCHITECTURE PAGE ***************************************************************************************************
******************************************************************************************************************************** */

#mainContainer {
	width:936px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../img/fond.gif);
	background-repeat:repeat-y;
	padding:0px 32px 0px 32px;
	height:850px;
}

#Container_home{
	background-image:url(../img/home-fond.gif);
	background-repeat:no-repeat;
	height:744px;
}

#Container_prod{
	background-image:url(../img/prod-fond.gif);
	background-repeat:no-repeat;
	height:744px;
	
}

#menu{
	margin-left:10px;
	padding-top:19px;
}

#menu li{
	float:left;
	margin-right:2px;
}

#adress{
	text-align:center;
	color:#0033CC;
	font-size:10px;
}

/* ******************************************************************************************************************************
*********** HOME PAGE ***************************************************************************************************
******************************************************************************************************************************** */

h1 {
	display:none;
}

h2{
	font-size:16px;
	margin-left:370px;
	padding-top:45px;
	width:460px;
	height:50px;
}

#home_intro{
	padding-left:50px;
	font-size:14px;
	font-weight:bold;
	padding-bottom:25px;
	padding-top:40px;
}

#home_col_gauche{
float:left;
padding-left:50px;
width:250px;
}
#home_col_gauche h3{
color:#265299;
font-size:18px;
padding-bottom:15px;
}
#home_col_gauche li{
padding-left:15px;
background-image:url(../img/puce1_home.gif);
background-repeat:no-repeat;
background-position:left 2px;
padding-bottom:15px;
}
#home_col_gauche li a{
font-size:12px;
text-decoration:none;
color:#000000;
}
#home_col_gauche li a:hover{
text-decoration:underline;
}


#home_col_milieu{
float:left;
padding-left:20px;
width:245px;
}
#home_col_milieu h3{
color:#D60A00;
font-size:18px;
padding-bottom:15px;
}
#home_col_milieu li{
padding-left:15px;
background-image:url(../img/puce2_home.gif);
background-repeat:no-repeat;
background-position:left 2px;
padding-bottom:15px;
}
#home_col_milieu li a{
font-size:12px;
text-decoration:none;
color:#000000;
}
#home_col_milieu li a:hover{
text-decoration:underline;
}


#home_col_droit{
float:left;
padding-left:20px;
background-image:url(../img/home_photo.gif);
background-repeat:no-repeat;
background-position:right top;
width:320px;
height:250px;
}









/* ******************************************************************************************************************************
*********** CONTACT ***************************************************************************************************
******************************************************************************************************************************** */

#contact_intro{
	padding-left:50px;
	font-size:14px;
	font-weight:bold;
	padding-bottom:25px;
	padding-top:40px;
}


#contact_col_gauche{
float:left;
padding-left:50px;
width:250px;
}
#contact_col_gauche h3{
color:#265299;
font-size:18px;
padding-bottom:15px;
}
#contact_col_gauche li{
padding-left:15px;
background-image:url(../img/puce1_home.gif);
background-repeat:no-repeat;
background-position:left 2px;
padding-bottom:15px;
}
#contact_col_gauche li a{
font-size:12px;
text-decoration:none;
color:#000000;
}
#contact_col_gauche li a:hover{
text-decoration:underline;
}


#contact_col_milieu{
float:left;
padding-left:20px;
width:245px;
}
#contact_col_milieu h3{
color:#D60A00;
font-size:18px;
padding-bottom:15px;
}
#contact_col_milieu li{
padding-left:15px;
background-image:url(../img/puce2_home.gif);
background-repeat:no-repeat;
background-position:left 2px;
padding-bottom:15px;
}
#contact_col_milieu li a{
font-size:12px;
text-decoration:none;
color:#000000;
}
#contact_col_milieu li a:hover{
text-decoration:underline;
}


#contact_col_droit{
float:left;
padding-left:20px;
width:320px;
}


#contact_col_gauche input{
font-size:10px;
}
#contact_col_gauche select{
font-size:10px;
color:#D60A00;
}
#contact_col_milieu input{
font-size:10px;
}

.contact_liste{
color:#D60A00;
font-size:12px;
}


/* ******************************************************************************************************************************
*********** PROD ***************************************************************************************************
******************************************************************************************************************************** */

#bandeau{
	height:200px;
	text-align:center;
	padding-top:10px;
}

#Contenu_prod{
	padding-top:20px;
}

#prod_titre{
	text-align:right;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-right:30px;
}


/* *************** COLONNE GAUCHE ******************* */

#col_gauche{
	float:left;
	padding-left:45px;
	padding-right:35px;
	width:300px;
}

/* +++++++++++ SANITAIRE +++++++++++++++ */

.input_s{
	color:#0097D6;
	width:290px;
	font-weight:bold;
	font-size:11px;
}

#listing_prod_s{
	padding-top:30px;
}

#listing_prod_s dt{
	font-size:11px;
	color:#504E53;
	font-weight:bold;
	background-image:url(../img/puce_sanit.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding-left:10px;
}

#listing_prod_s dd{
	font-size:10px;
	color:#504E53;
	padding-bottom:12px;
}

#listing_prod_s a{
	text-decoration:none;
	color:#504E53;
}
#listing_prod_s a:hover{
	color:#0097D6;
}

/* +++++++++++ CHAUFFAGE +++++++++++++++ */

.input_c{
	color:#F20202;
	width:290px;
	font-weight:bold;
	font-size:11px;
}

#listing_prod_c{
	padding-top:30px;
}

#listing_prod_c dt{
	font-size:11px;
	color:#504E53;
	font-weight:bold;
	background-image:url(../img/puce_chauff.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding-left:10px;
}

#listing_prod_c dd{
	font-size:10px;
	color:#504E53;
	padding-bottom:12px;
}

#listing_prod_c a{
	text-decoration:none;
	color:#504E53;
}
#listing_prod_c a:hover{
	color:#F20202;
}













/* *************** COLONNE DROITE SANITAIRE ******************* */

#col_droite{
	float:left;
	width:515px;
}

#prod_info_s{
	float:left;
	width:240px;
	padding-left:40px;
}

#prod_info_s h3 {
	background-color:#0097D6;
	font-size:14px;
	color:#FFFFFF;
	padding-left:10px;
	margin-top:30px;
}
#prod_info_s h4 {
	font-size:11px;
	color:#0097D6;
	padding-top:10px;
	padding-bottom:10px;
}

#prod_descript_s h5{
	font-size:11px;
	font-weight:bold;
}

#prod_img{
	float:left;
	text-align:right;
	width:215px;
	padding-top:40px;
}

#points_s{
	border-bottom:#0097D6 1px dotted;
	margin-left:40px;
	margin-top:15px;
}

#prod_descript_s{
	float:left;
	width:240px;
	padding-left:40px;
	padding-top:20px;
}

#prod_descript_s p {
	font-size:10px;
}


#prod_plus_s{	
	float:left;
	width:235px;
	text-align:right;
}

#prod_plus_s h6 {
	font-size:11px;
	font-weight:bold;
	padding-left:30px;
	padding-top:33px;
	color:#336699;
}

#prod_cond_s{
	width:360px;
	float:left;
	padding-left:40px;
	padding-top:20px;
}
#prod_cond_s li{
	background-color:#DEDFE3;
	margin-bottom:1px;
	padding-left:10px;
	line-height:18px;
	color:#0097D6;
}

#prod_pdf{
	text-align:center;
	padding-top:20px;
}



/* *************** COLONNE DROITE CHAUFFAGE ******************* */


#prod_info_c{
	float:left;
	width:240px;
	padding-left:40px;
}

#prod_info_c h3 {
	background-color:#F20202;
	font-size:14px;
	color:#FFFFFF;
	padding-left:10px;
	margin-top:30px;
}
#prod_info_c h4 {
	font-size:11px;
	color:#F20202;
	padding-top:10px;
	padding-bottom:10px;
}

#prod_descript_c h5{
	font-size:11px;
	font-weight:bold;
}

#points_c{
	border-bottom:#F20202 1px dotted;
	margin-left:40px;
	margin-top:20px;
}

#prod_descript_c{
	float:left;
	width:240px;
	padding-left:40px;
	padding-top:20px;
}

#prod_descript_c p {
	font-size:10px;
}


#prod_plus_c{	
	float:left;
	width:235px;
	text-align:right;
}

#prod_plus_c h6 {
	font-size:11px;
	font-weight:bold;
	padding-left:30px;
	padding-top:33px;
	color:#AD0404;
}

#prod_cond_c{
	width:360px;
	float:left;
	padding-left:40px;
	padding-top:20px;
}
#prod_cond_c li{
	background-color:#DEDFE3;
	margin-bottom:1px;
	padding-left:10px;
	line-height:18px;
	color:#F20202;
}