/* 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 */
#contenu h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:bold;
text-align:left;
color:#1db0ff;
margin-bottom:5px;
margin-top:-5px;
}
#contenu h2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
text-align:left;
color:#01507b;
margin-bottom:5px;
margin-top:-5px;
}

#contenu p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.2em;
text-align:justify;
color: #01507b;
}

#contenu p.couleur, .couleur{
font-weight:bold;
color:#0382c7;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#1db0ff;
}
#contenu a:hover, #contenu a:active{
font-weight:bold;
text-decoration:underline;
color: #01507b;
}
#footerMenu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #0382c7;
	text-align:left;
	line-height:25px;
	/*letter-spacing:1px;*/
}
#footerMenu span{
	text-decoration:underline;
}
#footerMenu a:link, #footerMenu a:visited{
	font-weight:normal;
	text-decoration:none;
	color: #0382c7;
}
#footerMenu a:hover, #footerMenu a:active{
	font-weight:normal;
	text-decoration:underline;
	color: #01507b;
}
/* 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;
	
}
/*---------DEBUT---ACCUEIL-----------------------------*/

#contenu .corp_page{
	float:left;
	width:650px;
	padding:0px ;
}

#contenu .corp_page .bloc_texte_droit{
	float:left;
	width:400px;
	margin-top:10px ;
	margin-right:5px;
}


#contenu .corp_page .bloc_ani_gauche{
	float:left;
	width:240px;
	height:300px;
	margin-top:10px ;
}

/*---------FIN---ACCUEIL-----------------------------*/

/*---------DEBUT---Nettoyage-----------------------------*/

.ul_nett{
	float:left;
	width:350px;
	margin:10px 0px 15px 20px ;
	height:
}

.ul_nett li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color: #01507b;
	margin:0px 0px 0px 20px ;
	padding-left:0px;
	list-style:url(../images/charte/puce-nett.jpg);
}


.ul_sols{
	float:left;
	width:400px;
	margin:10px 0px 15px 20px ;
	height:
}

.ul_sols li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color: #01507b;
	margin:0px 0px 0px 20px ;
	padding-left:0px;
	list-style:url(../images/charte/puce-nett.jpg);
}


/*---------FIN---Nettoyage-----------------------------*/


/*---------DEBUT -----------------------------*/

.hyg_right{
	float:left;
	width:181px;
	height:170px;
	margin:20px 20px 20px 20px ;
	vertical-align:middle;
}

.img_hyg img{
	float:left;
	margin:0px 45px ;
}


.img_sol {
	float:left;
	margin:0px 0px 20px 60px ;
}


.img_sol img{
	float:left;
	margin:5px 5px ;
}


/*---------FIN---Nettoyage-----------------------------*/





/*---------DEBUT---Commande-----------------------------*/
#form_produit input, #form_produit textarea{
	float:left;
	width:90px;
	height:17px;
	text-align:left;
	margin:5px 2px 5px 2px ;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #3333FF;
	padding-left:2px;
	padding-right:0px;
	border:1px solid #7F9DB9;
	background: #FFF;
}

#form_produit .petit_input{
	float:left;
	width:40px;
	height:17px;
	text-align:left;
	margin:5px 2px 5px 2px ;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #3333FF;
	padding-left:2px;
	padding-right:0px;
	border:1px solid #7F9DB9;
	background: #FFF;
}

#form_produit label{
	float:left;
	width:60px;
	text-align:right;
	margin:5px 2px 5px 2px ;
}


#form_produit .label2{
	float:left;
	width:140px;
	height:17px;
	margin:3px 2px 5px 2px ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../images/charte/panier.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding :2px 0px 6px 25px ;
	color:#003399;
}

#form_produit .panier_produit .label2 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}

#form_produit .panier_produit .label2:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity:0.70;
}
 
#form_produit select{
	float:left;
	width:130px;
	height:17px;
	text-align:left;
	margin:5px 2px 5px 2px ;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	
	padding-left:2px;
	padding-right:0px;
	color:  #3333FF;
	border:1px solid #7F9DB9;
	background: #FFF;
}

#form_produit .bouton{
	width:70px;
	height:19px;
	cursor:pointer;
	color:  #7F9DB9;
	border:1px solid #7F9DB9;
	background: #FFF;
	margin-left:10px;
	padding:0px 5px 10	10px 5px ;
	font-size:13px;
	line-height:10px;
}
#form_produit .bouton:hover, #form_produit .bouton:active {color: #339999 ; border:1px solid #339999;}

/**************************** BLOC DESCRIPTIF ****************************/
#contenu .corp_page #blocdescriptif{
	float:left;
	width:625px;
	padding:3px;
	background-color: #F4F4F4;
	border:1px solid 	background-color: #F4F4F4;
	border:1px solid #EEEEEE;
	margin:20px 0 20px 5px ;
}
#contenu .corp_page #blocdescriptif h2{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#1db0ff;
	text-transform:none;
	margin-bottom:12px;
	border-bottom:0px solid #fff;
	padding-bottom:2px;
}
#contenu .corp_page #blocdescriptif p{
	font:bold 0.9em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#677179;
	border-bottom:1px solid #fff;
	padding-bottom:5px;
}
#contenu .corp_page #blocdescriptif .img{
	width:auto;
	margin-left:25px;
}
#contenu .corp_page #blocdescriptif .ligne{
	float:left;
	width:100%;
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#677179;
	border-bottom:1px solid #fff;
	padding-bottom:5px;
	margin:10px 0px;
}
#contenu .corp_page #blocdescriptif .lignetitre{
	float:left;
	width:100%;
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#677179;
	padding-bottom:5px;
	margin:0px 0px;
}
#contenu .corp_page #blocdescriptif .lignetitre .titdesignation{
	float:left;
	width:350px;
	height:29px;
	color: #006699;
	font-weight:bold;
	text-align:center;
	margin-right:3px;
	padding-top:10px;
	background:url(../images/listing/fd-titredes.gif) repeat-x;
}
#contenu .corp_page #blocdescriptif .lignetitre .titrubrique{
	float:left;
	width:130px;
	height:29px;
	color: #006699;
	font-weight:bold;
	text-align:center;
	margin-right:3px;
	padding-top:10px;
	background:url(../images/listing/fd-titredes.gif) repeat-x;
}
#contenu .corp_page #blocdescriptif .lignetitre .titqte{
	float:left;
	width:139px;
	height:29px;
	color: #006699;
	font-weight:bold;
	text-align:center;
	margin-right:3px;
	padding-top:10px;
	background:url(../images/listing/fd-titredes.gif) repeat-x;
}

#contenu .corp_page #blocdescriptif .ligne .designation{
	float:left;
	width:340px;
	text-align:left;
	margin-right:3px;
	padding:0px 0px 0px 10px;
	color: #006699;
	font:normal 11px Arial, Helvetica, sans-serif;
}
#contenu .corp_page #blocdescriptif .ligne .rubrique{
	float:left;
	width:130px;
	text-align:center;
	margin-right:3px;
	padding:0px;
	color: #006699;
	font-weight:bold;
}
#contenu .corp_page #blocdescriptif .ligne .qte{
	float:left;
	width:139px;
	text-align:center;
	margin-right:3px;
	padding:0px;
	color:#3d616f;
	font-weight:bold;
}
#contenu .corp_page #blocdescriptif .ligne .qte .ajoutpanier:link,
#contenu .corp_page #blocdescriptif .ligne .qte .ajoutpanier:active,
#contenu .corp_page #blocdescriptif .ligne .qte .ajoutpanier:visited{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#921B21;
	text-decoration:none;
}
#contenu .corp_page #blocdescriptif .ligne .qte .ajoutpanier:hover{
	color:#921B21;
	text-decoration:underline;
}
/*-------------------------------------*/

/* ----------STYLE DE LA PAGE CONTACT------------------------- */


#bloc-contact {
	width:300px;
	float:left;
	margin:20px 10px 0 30px;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #006699;
	padding:0;

}
#bloc-contact2 {
	width:530px;
	float:left;
	margin:20px 10px 0 30px;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #006699;
	padding:0;

}

.GrdeCols_acc {
	width:530px;
	float:left;
	margin:20px 10px 20px 30px;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #006699;
	padding:0;

}

#bloc-contact-check{
	width:550px;
	float:left;
	margin:0px 10px 0 30px;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #006699;
	padding:0;
	line-height:20px;

}


#bloc-contact table {width:100%;}

 #formContact select{
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	border:1px solid  #FFFFCC ;
	background: #586120;
}
#formContact input, #formContact textarea, #formContact select.liste-form, #formContact .bouton {
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #006699;
	padding-left:2px;
	padding-right:10px;
	border:1px solid  #006699;
	background:none;
}



#formContact .chekbox1 {
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #006699;
	padding-left:2px;
	border:0px;
	background:none;
	width:15px;
	margin-left:10px;
}

#formContact input, #formContact textarea{
	width:90%;
	margin:0;
}

#contenu #bloc-contact label{
	width:80px;
	text-align:right;
	display:block;
	padding-right:5px;
	color:  #006699;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
}

#formContact  input:focus, #formContact textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

#formContact .check{
	width:10%;
	border:none;
	margin:0 3px 3px 0;
	color:#333;
}

#formContact select.liste-form{
	width:182px;
	text-align:left;	
	color:#757063;
}

#formContact .bouton{
	width:80px;
	height:20px;
	cursor:pointer;
	color:  #006699;
	border:1px solid ;
	background:#EEEEEE;
	padding:0 5px 2px 5px;
	margin:2px;
	font-variant:small-caps;
	font-size:12px;
}
#formContact .bouton:hover, #formContact .bouton:active {color: #0099FF ; border:1px solid  #0099FF;}

#contenu #formContact .nota {
	font:italic 10px Arial, Helvetica, sans-serif;
	color:  #006699;
	text-align:right;
	line-height:12px;
	}
	
 .nota1 {
	font:italic 10px Arial, Helvetica, sans-serif;
	color:  #006699;
	text-align:right;
	line-height:12px;
	}
	#formContact #code{
margin:0 0 18px 10px;
}

#formContact #code1{
margin:0 0 5px 10px;
}

#contactTxte{
	width:250px;
	float:left;
	text-align:left;
	font-family:   Arial, Helvetica, sans-serif;
	color:  #006699;
	font-size:12px;
	margin-top:20px;
}
#contactTxte img{
margin-left:5px;	
}
	

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


.img_contact{
padding-top:5px;
text-align:center;
margin:-15px 0 0 0 ;

}

.hyg_color{
color:#FF6600;
font-weight:bold;
font-size:12px;}