/* 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 CONTENU */

#texte h1{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:1.7em;
margin:20px 0 20px 0;
text-indent:50px;
line-height:22px;
color:#FF3300;

}
#texte h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	line-height:30px;
	height:30px;
	text-align:left;
	color:#000;
	margin:10px 0 10px 0;

}
#texte a:link, #texte a:visited{
	font-weight:bold;
	text-decoration:none;
	color: #FF0000;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:none;
	color: #003366;
}

#texte p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	text-align:left;
	color: #003399;
	margin:10px 0 10px 0;

}
/*************ACCUEIL***************************/

#texte .bloc1{
	float:left;
	width:700px;
	text-align:justify;
}

#texte .bloc1 p{
text-align:justify;}

#texte .bloc2{
	float:left;
	width:700px;
	text-align:center;
}


 /*******************GALERIE*************************/
  
.gal{
  float:left;
  width:150px;
  border: #003399 solid 0px;
  margin:0px 5px 15px 5px ;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color: #003366;
  text-align:center;
  text-decoration:none;
}	
.gal img{
border:0;}

.tit_produit{
  width:100%;
  padding:2px 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color: #003366;
  text-align:center;
  text-decoration:none;
}	

.gal:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity:0.80;
	
}
  
  
#pagination {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:20px 0 30px 200px;
	text-align:center;
	color: #CC3300;
	vertical-align:middle;
}

.flesh_left{ 
	float:left;
	width:20px;
}

.flesh_right{
	float:left;
	width:20px;
}

.pages {
	float:left;
	text-align:center;
	width:200px;
	}
	
#pagination a:visited, #pagination a:link{
	margin:0 5px 0 5px;
	color: #CC3300;
	text-decoration:underline;
}

#pagination a:hover {
	margin:0 5px 0 5px;
	color: #0033CC;
	text-decoration:none;
}

.catalogue_ref {
	color:#E0E0E0;
	font: 11px ;
}


/***--contact------------------***/

#bloc-contact {
	width: 400px;
	float:left;
	margin:0px 0 20px 0 ;
	padding:0;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	letter-spacing:0.03em;
	
}

#contactTxte{
	width:280px;
	float:left;
	text-align:right;
	font-family:   Arial, Helvetica, sans-serif;
	color: #666;
	font-size:12px;
	margin-top:50px;
}

#contactTxte2{
	width:180px;

	float:left;
	text-align:right;
	font-family:   Arial, Helvetica, sans-serif;
	color: #666;
	font-size:12px;
}
#bloc-contact #contactPlan{
	width:45%;
	float:right;
}
#bloc-contact  #formContact input, #bloc-contact #formContact textarea{
	width:250px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size : 11px;
	color:#666666;
	padding:2px;
	border:   1px solid  #CCCCCC;
	background:none;
	
}

#bloc-contact  #formContact select{
	width:256px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #666666;
	padding:1px;
	margin-left:0;
	border:   1px solid  #CCCCCC;

}

#bloc-contact  #formContact .radio{
	width:10%;
	border:none;
}

#bloc-contact  #formContact .bouton{
	width:90px;
	height:20px;
	cursor:pointer;
	color:#666666;
	border:1px solid  #CCCCCC;
	background:none;
	padding:0 5px 2px 2px;
	margin-right:1px;
	font-size:12px;
}
#bloc-contact  #formContact .bouton:hover, #bloc-contact  #formContact .bouton:active {
	color: #003399; 
	border:1px solid #003399;
}
#bloc-contact  #formContact input:focus,#bloc-contact  #formContact textarea:focus{
	color: #003399; 
	border:1px solid #003399;
}
.capa_text{
	font-size:10px;
	color:#666666;
	text-align:justify;
	padding:5px;}


#bloc-contact  #formContact .input_capa{
	width:60px;
	border:1px solid #CCCCCC;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #666666;
	padding:0px 5px;
	margin:0 0 18px 5px;
}

.nota{
	font-size:9px;
	color: #666666;
}
.champRequis{
color:#FF0000;}

#bloc-merci {
	width:650px;
	margin:30px 50px 100px 30px ;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}





.bloc_coord_contact{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666666;
	margin-top:80px;
	margin-left:30px;
	line-height:30px;	
}

.bloc_coord_contact .bloc_coord_contact-i{
	font-style: italic;	
}


.img_contact{
	float:left;
	margin:70px 10px 0px 60px;
	padding:5px;
}

.div_middle {
	float:left;
	margin:0 0 0 0px;
}

/**----FIN CONTACT-----------***/

.couleur_delta{
font-weight:bold;
color:#FF0000;}