/* 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";

#contenu p{
	margin:0;
	padding:0;
	width:650px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	text-align:justify;
	color: #800000;
}



#contenu p1{
	margin:0;
	padding:0;
	width:150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.2em;
	color: #800000;
}




.Gras{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
}

.Gras2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
}

.plus_grand{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;

}

.plus_gras{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
}

.plus_gras2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
}



#contenu h2{
	margin:0 0 10px 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.3em;
	text-align:left;
	color: #B43F39;
	border-bottom: 1px dotted #A84C10;
}
#contenu a:link, #contenu a:visited{
	font-weight:bold;
	text-decoration:underline;
	color: #E1A400;
}
#contenu a:hover, #contenu a:active{
	text-decoration:none;
	color: #B43F39;
}




/***********Catalogue***************/












#catalogue {
	float: left;
	width:170px !important;
	/*height: 450px;
	margin: 8px 5px 8px 2px;*/
	margin: 8px 22px 8px 20px;
	display: inline;
	padding: 12px 2px;
	/*border: 2px solid #800000;*/
	border: 1px dotted #FFF;
	color: #ffffff;
	
}




#catalogue .description{
width:169px;
float:left;
text-align:center;
/*background-color: #FFCC66;
border:1px #990000 solid;*/
font-size: 9px;
font-weight: bold;
}
#catalogue .img img{
	border: 1px solid #e1a400;
	background: #fff;
	padding: 1px;
}


#catalogue .des{
width:140px;
margin: 2px 2px 2px 2px;
padding:1px 1px 1px 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
text-align:left;
color: #B43F39;
}

#catalogue .puis{
width:145px;
margin: 2px 2px 2px 2px;
padding:1px 1px 1px 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
text-align:left;
color: #B43F39;
}

#catalogue .rend{
width:145px;
margin: 2px 2px 2px 2px;
padding:1px 1px 1px 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
text-align:left;
color: #B43F39;
}



#catalogue .mark{
width:145px;
margin: 2px 2px 2px 2px;
padding:1px 1px 1px 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
text-align:left;
color: #B43F39;
}

#catalogue .dim{
width:150px;
margin: 2px 2px 2px 2px;
padding:1px 1px 1px 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.3em;
text-align:left;
color: #B43F39;
}

#catalogue a:link{
	
	text-decoration:underline;
	color: #E1A400;
}
#catalogue a:hover{
	text-decoration:none;
	color: #B43F39;
}


#album {
	margin:7px 0px 0px 0px;
	padding:0;
	width:670px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:justify;
	color: #800000;
	background: url(../images/charte/listing_poele_cat_bck.png);
}

.icon_zoom{
	width:70px;
	height:20px;
	background-image: url(../images/zoom.gif);
	background-repeat: no-repeat;
	color:#000000;
	/*background-color: #993300;*/
}

.icon_zoom img{
border:0px solid #FFFFFF;
}


#contenu  ul{
  margin: 0;
  padding: 0;
  width: 550px;
  overflow: hidden;
  }
#contenu  li{
  list-style: inside;
  }
#pagination{
margin: 10px 2px 2px 0;
padding:1px 1px 1px 1px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:1.1em;
width:650px;
color: #800000;
}
#pagination .lespages{
width:470px;
float:left;
text-align: center;
}
#pagination .pagepreced{
width:100px;
float:left;
text-align:left;
}
#pagination .pagesuiv{
width:100px;
float: right;
text-align: right;
}
image .imcontact {
float:right;
margin: 1px 2px 2px 1px;
padding:1px 1px 1px 1px;
}




.texte3
{
color: #952920;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-variant: small-caps;
font-weight: bold;

}



.cadre_{
width:960px;


}



/* 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;
}