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

h1{
display:block;
padding-bottom:0px;
border-bottom:2px solid #F45097;
padding-top:10px;
font-size:22px;
font-weight:bold;
letter-spacing:-1px;
color:#000;
clear:both;
margin-bottom:15px;
}
h2{
font-size:16px;
font-weight:bold;
color:#666666;
padding-top:20px;
margin:0px 0px 15px 0px;
border-bottom:1px solid #fff;
clear:both;
display:block;
}
h3{
background-image:url(../images/charte/puce1.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:left center;
border-bottom:1px solid #ccc;
padding-left:10px;
font-size:15px;
display:block;
color:#666666;
}
.petit{
font-size:9px;
letter-spacing:1px;
font-weight:bold;
color:#F45097;
}


.img_partenaire{
border:1px solid #FFFFFF;
float:left;
margin-right:20px;
}

h6{
clear:both;
height:10px;
margin-bottom:10px;
border-bottom:1px dashed #FFFFFF;
}

/* ------------------------------------------------------------------- LISTING */

.listing{
background: url(../images/charte/bg-listing.jpg) left top no-repeat;
width:170px;
height:250px;
float:left;
margin:3px;
padding:0;
}

.listing_int{
position:relative;
left:0;
top:0;
margin:0;
padding-top:10px;
width:170px;
height:250px;
}

.etiket_promo{
background:url(../images/charte/promo.gif) left top no-repeat;
width:89px;
height:15px;
position:absolute;
left:0;
top:0;
}

.etiket_new{
background:url(../images/charte/new.gif) left top no-repeat;
width:89px;
height:15px;
position:absolute;
left:0;
top:0;
}

.etiket_zero{

}

.listing .photo{
height:120px;
text-align:center;
 
}

.listing .photo img{
border:1px solid #FFFFFF;
height:110px;
}

.listing .ref{
height:14px;
line-height:14px;
font-size:11px;
padding:0px 10px 0px 10px;
text-align:left;
color:#ccc;
}

.listing .designation{
height:20px;
line-height:20px;
font-size:13px;
padding:0px 20px 0px 20px;
text-align:center;
font-weight:bold;
color:#fff;
}

.listing .matiere{
height:14px;
line-height:14px;
font-size:11px;
padding:0px 10px 0px 10px;
text-align:left;
color:#ccc;
}

.listing .resume{
height:24px;
line-height:12px;
font-size:11px;
padding:0px 10px 0px 10px;
text-align:center;
overflow:hidden;
color:#ccc;
}


.listing .prix_norm{
float:left;
width:65px;
height:14px;
line-height:14px;
margin-top:5px;
font-size:14px;
text-align:center;
color:#fff;
}

.listing .prix_promo{
float:left;
width:65px;
line-height:14px;
font-size:12px;
margin-left:15px;
margin-top:5px;
height:14px;
text-align:center;
color:#ccc;
text-decoration:line-through;
 

}

/*.listing .panier{
float:left;
width:100px;
margin-left:4px;
margin-top:5px;
height:20px;
}
.listing .panier a{
width:100%;
height:100%;
display:block;
}*/

.listing .plus_info{
position:absolute;
width:87px;
height:20px;
top:226px;
left:80px;
}
.listing .plus_info a{
width:100%;
height:100%;
display:block;

}

/* ------------------------------------------------------------------- fiche prod */




.fiche_prod_b{
background:url(../images/charte/fiche_prod_haut.jpg) left top no-repeat;
width:705px;
height:32px;
}

.fiche_prod_a{background:url(../images/charte/fiche_prod_rep.jpg) left top repeat-y;
padding:35px 30px 30px 30px;

}


.fiche_prod_c{
width:705px;
height:32px;
background:url(../images/charte/fiche_prod_bas.jpg) left top no-repeat;
}


#tab_fiche{
width:220px;
float:right;
}

#tab_fiche img{
border:2px #FFFFFF solid;
margin:3px;
}

#fiche_info{
float:left;
width:405px;
color:#FFFFFF;
}

#fiche_info .promo{
color:#CC3333;
font-weight:bold;
font-size:18px;
text-decoration:line-through;
}

#fiche_info .prix{
color:#FF4E9E;
font-weight:bold;
font-size:24px;
}

#fiche_info .descriptif{
text-align:justify;
font-size:12px;
color:#ccc;
}

#fiche_info .titre{
font-size:18px;
line-height:24px;
}

#fiche_info .txt01{
 font-size:12px;
}





/* ------------------------------------------------------------------- Pagination */

#pagination{
text-align:center;
clear:both;
margin-top:16px;
}

#pagination span{
padding:0px 20px 0px 20px;
}






/* ------------------------------------------------------------------- CGV */


#cgv{
font-size:12px;
color:#000;
}

#cgv span{
display:block;
margin:20px 0px 10px 0px;
font-size:16px;
font-weight:bold;
color:#990000;
padding-left:20px;
background:url(../images/charte/puce_span.jpg) left top no-repeat;
}



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

#formAccount {
	margin-top: 15px;
	display: block;
}

#formAccount #errors {
	margin: 10px 0;
	color: red;
	font-weight: bold;
	text-decoration: blink;
}

#formAccount label {
	float: left;
	width: 125px;
	display: block;
	text-align: right;
}

#formAccount .requiredField {
	color: red;
}

#formAccount input, #formAccount textarea, #formAccount select {
	float: left;
	margin: 2px 10px;
	margin-right: 0px;
}

#formAccount textarea {
	width: 250px;
	height: 75px;
}


#formAccount input[type="submit"] {
	width: 57px;
	height: 17px;
	border: 1px solid white;
	background: url(../images/charte/bt-validerMembre.gif) top left no-repeat;
	padding: 1px;
	margin-left: 185px;
	margin-top: 10px;
}