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

/* Fiches PRODUITS */
#contenu #contenuTexte .ficheProd-mini{ 
	display:block;
	float:left;
	width:345px;
	height:130px;
	margin:4px 4px;
	padding:2px;
	border:#fe9214 solid 1px;
	background-color:#f5e3bc;
	text-decoration:none;
}
#contenu #contenuTexte .ficheProd-mini:hover { 
	border:#FFF solid 1px;
	background-color:#e4c88c;
}
#contenu #contenuTexte .ficheProd-mini img{ 
	float:left;
	margin:0 10px 0 0;
	border:none;
}

.nous_contacter_catalogue {
	width:85px;
	height:15px;
	float:left;
	position:absolute;
	bottom:21px !important; bottom:5px;
	right:90px;
	border:1px solid red;
	z-index:1000;
	background:#FFFFFF;
	}

.visuel_catalogue {
	width:120px;
	height:111px;
	float:left;
	margin:2px;
	background-repeat:no-repeat;
	background-position:center;
	}

#contenu #contenuTexte .ficheProd-mini h3{ 
	margin:0 0 5px 0;
	padding:0;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color: #fc9114;
	text-decoration:none;
}
#contenu #contenuTexte .ficheProd-mini:hover h3{ 
	color: #274d11;
}

#contenu #contenuTexte .ficheProd-mini a.produit { 
color:#000000;
}

#contenu #contenuTexte .ficheProd-mini ul{ 
list-style:outside none;
margin:0;
padding:0;
	color: #274d11;
font:1.1em Arial, Helvetica, sans-serif;

}
#contenu #contenuTexte .ficheProd-mini li{ 
list-style:none;
text-decoration:none;

}
#contenu #contenuTexte .ficheProd-images{ 
float:left;
width:300px;
padding-left:20px;
}
#contenu #contenuTexte .ficheProd-images a{ 
float:left;
width:80px;
height:80px;
margin:5px 5px 0 0;
display:block;
margin-bottom:10px;

}
#contenu #contenuTexte .ficheProd-images a img{ 
	border:#a3b8d9 solid 1px;
}
#contenu #contenuTexte ul.ficheProd-liste{ 
	list-style:outside none;
	margin:0 0 0 282px;
	padding:0;
	color:#7756ad;
	font:1.1em Arial, Helvetica, sans-serif;
}
#contenu #contenuTexte ul.ficheProd-liste span.barré{ 
	text-decoration:line-through;
}
#contenu #contenuTexte ul.ficheProd-liste span.rougeBold{ 
	color:#CC0000;
	font-weight:bold;
}

/* ------------------------------------------------------------------------- */


#fiche_detail{
background:#F5E3BC;
border:3px solid #FF9900;
}

#fiche_detail .tete {
border-bottom:1px solid #FF9900;
background:#FF9933;
height:30px;
}

#fiche_detail .tete .designation{
font-weight:bold;
color:#333333;
font-size:16px;
padding-left:4px;
line-height:30px;
height:30px;
float:left;
}

#fiche_detail .tete .ref{
float:right;
padding-right:4px;
font-size:12px;
line-height:30px;
height:30px;
color:#333333;
}

#fiche_detail #infos{
clear:both;
color:#333333;
font-size:13px;
border-bottom:2px solid #FF9900;
}

#fiche_detail #infos .prix{
color:#339933;
font-weight:bold;
font-size:16px;
}

#fiche_detail #infos .promo{
text-decoration:line-through;
color:#CC3300;
font-weight:bold;
font-size:14px;
}



#fiche_detail #infos td{
padding:4px;
}

#fiche_detail p{
color:#333333;
padding:10px 10px;
}

#fiche_detail .img_fiche{
border:3px solid #FF9900;
float:right;
margin:10px;
}


#fiche_detail .pied{
clear:both;
background:#FF9933;
height:40px;
}




/* ------------------------------------------------------------------------- */

#cgv{
color:#f5e3bc;
font-size:12px;
text-align:justify;
}

#cgv span{
color:#f5e3bc;
font-size:14px;
font-weight:bold;
display:block;
margin:20px 0px 10px 0px;
text-align:justify;
background:url(../images/charte/puce_cgv.gif) left top no-repeat;
padding-left:20px;
}




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

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

#form_contact .text01
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:500;
color: #fff;                                  /* COULEUR TEXTE */
letter-spacing:0.1em;
text-align:right;
padding-right:10px;
}	

#form_contact .forminput,
#form_contact .formtextareadress,
#form_contact .formtextareacomment,
#form_contact select
{
border:1px #704A3e solid;
padding:0;
margin:2px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #333;
background:#fff;
text-align:justify;
}

#form_contact .forminput
{
padding:0 3px 0 3px;
height:14px;
line-height:14px;
width:230px;
}

#formContact select
{
padding:0 3px 0 3px;
height:14px;
line-height:14px;

}

#form_contact .formtextareadress
{
padding:0 3px 0 3px;
height:60px;
width:230px;
}

#form_contact .formtextareacomment
{
padding:0 3px 0 3px;
height:110px;
width:230px;
}