.c1{color:#12b0e0;font-size: 12px;}
.c2{color:#FF0000; text-align:center;}
.c3{color:#FF0000;}
.d1{padding-left:30px;}
.gras{font-weight:bold;}
ul.liste{list-style-image: url(image/puce-noir.jpg);}
ul.liste ul{margin-bottom:10px;}
ul.liste2{ list-style-type:circle;list-style-image:none;}
.italic{font-style:italic;}
.temoignages-hr {border: none 0;border-top: 1px dashed #12b0e0;width:300px;height:3px;margin-top:15px;margin-bottom:8px;margin-left:200px;}
.centre{text-align:center;}

html,body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:center;
text-align:left; color:black;
background-color:white;
}

#header {
height:110px;
width:960px;
}

#header-logo{width:399px;height:39px;float:left;}
#header-slogan{width:300px;height:34px;float:left;background: url('image/chauffagiste-lille-59.jpg') no-repeat; padding-left:145px;}

/* CONTACT PAR TELEPHONE */
div#contact {position:relative; width:430px; height:95px; float:right;background:url('image/tel.jpg') no-repeat 0px 53px;}

div#telephone-defilant {position:absolute; width:163px; font-size:18px; color:#009900; font-weight:bold; margin:60px 0 0 47px; }
div#telephone-texte {position:absolute;padding-top:10px;padding-left:20px; width:180px; font-size:14px; font-weight:400; text-align:center;}

div#formulaire-texte {position:absolute; margin: 18px 0 0px 242px; font-size:14px; font-weight:400; width:200px;}
div#formulaire-rappel {position:absolute; margin:60px 0px 0px 222px;}

*+ html .input-telephone{padding:0;height:23px;}
.button-rappel {border:none;background: url('image/rappelez-moi-off.jpg') no-repeat;width:98px;height:21px; cursor:pointer; margin-left:7px;}
.button-rappel:hover{border:none;background: url('image/rappelez-moi-on.jpg') no-repeat;width:98px;height:21px; cursor:pointer; margin-left:7px;}
.input-telephone {width:92px;height:13px;line-height:15px;font-size:10px;vertical-align:top;color:#e0001b;font-weight:bold;}

#conteneur {
width:960px;
margin-left:auto;
margin-right:auto;
}

.asterisque {
font-size:10px;
}

#conteneur-contenu {
width:960px;
padding-bottom:20px;
margin-top:10px;
}


#gauche{float:left;width:213px; margin-bottom:10px;}
#contenu{float:left;width:715px;float:left;min-height:10px;border:1px solid #12b0e0; padding:10px 10px 40px 10px; margin:0 0 0 10px;}

h1, h2 {
color:black;
font-size:16px;
font-weight:bold;
background:url("image/puce-hn-pub.jpg") no-repeat 0%;
padding-left:21px;
margin:0;
margin-bottom:20px;
}

img{border:0px;}

a.slogan:link, a.slogan:visited, a.slogan:active, a.slogan:hover {
color:#12b0e0;
text-decoration:none;
}

a:link, a:visited, a:active{color:#e0001b;text-decoration:none;}
a:hover{color:#12b0e0; text-decoration:underline;}

.tab-temoignage{width:710px;}
.temoignage-centre{text-align:center}
.temoignage-taille{width:100px;}

.tab-produits {
text-align:center;
width:70%;
background:url(image/cadre-logo-pub.jpg) no-repeat;
}

.tab-references {
text-align:center;
width:100%;
}

table {
border-collapse:separate;
border-spacing:2px;
text-indent:0;
margin-left:auto;
margin-right:auto;
}

.tab-border-color{
border : 1px solid #666666;
font-size:10px;
}

.tab-info-titre {
background-color:#CCCCCC;
color:white;
font-size:11px;
font-weight:bold;
text-align:center;
}

/* partie gauche */
#journaltf1{margin-bottom:10px; width:211px; border:1px solid #12b0e0;}
#agree{position:relative;width:211px;background: url('image/chauffagiste-lille-agree-pgn-qualisol.jpg') no-repeat;padding:50px 0px 5px 0px; margin-top:10px; text-align:center; border:1px solid #12b0e0;}
#agree_txt{padding-top:5px;}
#img-artisanat{padding-top:15px; padding-bottom:5px;}
#devis{width:211px; margin-top:10px; text-align:center;}


/* MENU */

#menu, #menu ul /* Liste */	
{
	padding : 0; /* pas de marge int?rieure */
	margin : 0; /* ni ext?rieure */
	list-style : none; /* on supprime le style par d?fault de la liste */
	height : 28px;
	line-height : 28px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	width:963px;
}

#menu{font-weight:bold;font-family :Arial;font-size:12px;}

#menu a /* Contenu des listes */
{
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	background:url("image/menu-off.jpg") repeat-x; /* couleur de fond */	
	color : white; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la plupart du temps = souligné) */
	width : 239px; /* largeur */
}

#menu li /* Elements des listes */{float :left;/* pour ie qui ne reconnait pas "transparent" */border-right: 1px solid #fff;/* on met une bordure blanche ? droite de chaque élément */}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li{border-right: 1px solid #5d5d5d; /* on met une bordure transparante droite de chaque élément */}

/* ie ne reconnaissant pas le s?lecteur ">" ... je me répéte ;-) */
html>body #menu li ul ul{border-left:1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */}

#menu a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #353535; /* On passe le texte en noir ... */
	background:url('image/menu-on.jpg') repeat-x; /* ... et au contraire, le fond en blanc */
}

fieldset{
	margin:0 0;
    margin-bottom:20px;
	border:1px solid #860203;
}

legend{
	padding:0 .5em;
	color:#4e4e4e;
	background:transparent;
	font-size:12px;
	font-weight:bold;
}