/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}



#contenu #menu {
	width:214px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}
*html #contenu #menu dd{
margin-left:-40px;
}
*+html #contenu #menu dd{
margin-left:-40px;
}

#contenu #menu dt {
	cursor: pointer;
}

#contenu #menu dt a {
	color: #FFF;
	display: block;
	height: 100%;
}

#contenu #menu dt a:hover {
	text-decoration: none;
	display: block;
	height: 100%;
}


#contenu #menu li {
	
	text-align:left;
	text-indent:40px;
	text-decoration: none;
	padding:4px;
	margin:0;
	list-style-type:none;
}
#contenu #menu li a {
	font-weight:bold;
	color: #f1e8c5;
	font-size:12px;
	text-decoration: none;
	display: block;
}
#contenu #menu li a:hover {
	color:#ee9b05;
	text-decoration: none;
}

/***************** CONTENU TEXTUEL *****************/

#contenuTexte{
	width:670px;
	font-family:Arial, Helvetica, sans-serif;
	background-attachment: scroll;
	background-image: url(../images/charte/bg-texte.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	display:table;
}

#contenutxt_int{
padding:0 5px 0 5px;


}


#contenutxt_int h1{
	margin:80px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.8em;
	text-align:right;
	color:#4a3214;
	border-bottom:1px solid #ddd4b2;
}

#contenutxt_int h2{
	margin:10px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.8em;
	text-align:left;
	clear:both;
	line-height:12px;
	color:#4A6B14;
	border-bottom:2px solid #4A6B14;
}

#contenutxt_int p{
	padding-bottom:5px;
	font-size:1.2em;
	text-align:justify;
}
#contenutxt_int p a:link, #contenutxt_int p a:visited{
	color: #b75c18;
	font-weight:bold;
	text-decoration:underline;
}

#contenutxt_int a:link, #contenutxt_int a:visited{
	/*color:#f1e8c5;*/
	font-weight:bold;
	text-decoration:underline;
}
#contenutxt_int p a:hover, #contenutxt_int p a:active{
	color: #009965;
	text-decoration:none;
}
#contenutxt_int p.couleur, .couleur{
	font-weight:bold;
	color:#4c3113;
}


.img_bordure{
border:1px solid #D38717;
}

.img_gauche{
border:1px solid #D38717;
float:left;
margin:0px 10px 10px 0px;
}

.img_droite{
border:1px solid #D38717;
float:right;
margin:0px 0px 10px 10px;
}
span{
font-size:13px;
font-weight:bold;
color:#D58918;
}

h5{
clear:both;
border-bottom:1px dashed #ddd4b2;
}

/* stere */


.fiche_stere{
text-align:center;
width:30%; 
margin:10px; 
float:left;
background-color:#fff;
}
.fiche_stere p{
padding:5px;
font-size:10px;
}
/* vente */

.vente_gauche{
float:left;
width:30%;
line-height:20px;
text-align:right;
padding-right:10px;
font-size:12px;
margin:5px 0px 5px 0px;
}

.vente_droite, .vente_droite_p{
float:left;
width:60%;
font-size:12px;
margin:5px 0px 5px 0px;
}

.vente_droite_p input{
width:80px;
}

.vente_droite input{
width:200px;
}

.vente_droite span{
line-height:20px;
color:#990000;
font-size:14px;
font-weight:bold;
border-bottom: 1px #FF9933 solid;
}

/* vente en ligne */

.cadre_produit{
background:url(../images/charte/deg-prodover.jpg);
width:629px;
height:128px;
clear:both;
margin-bottom:10px;
}

.cadre_produit a{
background:url(../images/charte/deg-prod.jpg);
width:100%;
height:100%;
display:block;
text-decoration:none;
}

.cadre_produit a:hover{
background:transparent none;
text-decoration:none;
}

.cadre_produit img{
margin:9px 10px 0px 9px;
float:left
}


.cadre_produit #txt{
line-height:128px;
font-size:20px;
color:#993333;
text-decoration:none;
}

.cadre_produit #txt:first-letter{
font-size:28px;
color:#993333;
font-weight:bold;
font-family:"Trebuchet";
text-decoration:none;
}

.img_prod{
float:left;
border:solid 6px #fff;
margin:0px 10px 5px 0px;
}

#prix {
font-size:20px;
font-weight:bold;
color:#D18C3A;
padding:5px 0px 5px 0px;
margin-bottom:5px;
border-bottom:1px dashed #D18C3A;
}


#conditionement {
font-size:16px;
font-weight:100;
color:#D18C3A;
padding:5px 0px 5px 0px;
margin-bottom:5px;
border-bottom:1px dashed #D18C3A;
clear:both;
}

#quantite {
font-size:16px;
font-weight:100;
color:#D18C3A;
padding:5px 0px 5px 0px;
margin-bottom:5px;
border-bottom:1px dashed #D18C3A;
clear:both;
}

#ttc {
font-size:16px;
font-weight:100;
color:#D18C3A;
padding:5px 0px 5px 0px;
margin-bottom:5px;
border-bottom:1px dashed #D18C3A;
clear:both;
line-height:20px;
}

#ttc span{
font-size:20px;
font-weight:100;
color:#993300;
font-family:"Trebuchet";
}

#panier {
line-height:55px;
font-size:16px;
font-weight:100;
color:#D18C3A;
padding:5px 0px 5px 0px;
margin-bottom:5px;
border-bottom:1px dashed #D18C3A;
clear:both;
}

#panier a{
color:#D18C3A;
text-decoration:underline;
}

#panier a:hover{
color:#CC6633;
text-decoration:underline;
}


.entete_colonne{
	font-size:12px;
	color:#F1E8C5;
	background-color:#513C11;
}

.saisie{
	border:1px solid #000;
	font-size:11px;
	padding:1px 1px 1px 1px;
}

.texte {
	font-size:12px;
	font-weight:bold;
	color:#D18C3A;
	padding:5px 0px 5px 0px;
	margin-bottom:5px;
	clear:both;
}
.texte2 {
	font-size:12px;
	font-weight:bold;
	color:#D18C3A;
	padding:5px 0px 5px 0px;
	margin-bottom:5px;

}



/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}


.astuceChauffage
{
	font-size:12px;
	margin-left:24px;

}
.astuceChauffage li a	
{
	color:#FF6600;
	text-decoration:none;
}
.astuceChauffage ul
{
	margin-left:50px;
}
#formTemoignage
{
	margin-left:45px;
	width:526px;
	height:228px;
/*	border:1px solid black; */
padding:10px 5px 5px 25px;

	background-image:url(../images/charte/bg-form-temoin.jpg);
}
#formTemoignage label
{
	width:100px;
	display:inline;
	float:left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
#formTemoignage input, #formTemoignage textarea
{

	border:1px solid black;
	background-color:#F1E8C5;
	width:300px;
	left:100px;
	font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.ligne
{

}
#lesTemoignages
{
	width:530px;
	height:100px;
	display:block;
	margin-left:60px;
	
	padding-leftl:10px;
	
}
#container #contenuTexte #contenutxt_int #lesTemoignages h2
{
	font-size:14px;

}
.nomInternaute
{
	font-weight:bold;
}

h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FF6600;
	border-bottom:1px solid black;
	margin-bottom:15px;
}



/**************************** LISTE DES INSTALLATEURS *******************/
.installateur
{
	width:198px;
	height:150px;
	border:1px solid black;
	margin-right:10px;
	margin-bottom:10px;
	padding:5px;
	float:left;
	background-color:#CCCC99;
}
.installateur h4
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	border-bottom:1px solid black;
	text-transform:lowercase;
	font-variant:small-caps;
}
.installateur h4:first-letter
{
	font-variant:normal;
	text-transform:capitalize;
	font-size:16px;
}
#container .installateur .titre
{
	text-align:right;
		font-weight:bold;
}
#container .installateur p
{
	text-align:right;
}


.temoignages
{
	float:right;
}
/**************** Pagination ********************/


#pagination{
	width:540px;
	clear:both;
	margin-left:8px;
}

#pagination p.prec{
	width:100px;
	float:left;
	text-align:left;
	border:0px;
}

#pagination p.page{
	width:340px;
	float:left;
	text-align:center;
}

#pagination p.suiv{
	width:100px;
	float:right;
	text-align:right;
	border:0px;
}