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




/* STYLE DE LA PAGE ACCUEIL */

.vignette {
float:left;
padding:0px 0px 0 0px;}

.txt {
float:left;
width:400px;
padding:30px 0px 0 45px;
}

.droite {
float:right;
width:275px;
padding:30px 15px 0 0px;
}


.bloc_prod {
margin-top:5px;
 border: 1px solid #DDD;
 padding: 10px;
 width:350px;
 float: left;
}

#contenuTexte .produit-promo {
	background-image:url(../images/promo.gif);
	width:68px;
	height:68px;
	margin:-11px 0 0 293px;
	position:absolute;
	background-repeat:no-repeat;
	}
	
#contenuTexte .produit-coeur {
	background:url(../images/coeur.gif);
	width:68px;
	height:68px;
	position:absolute;
	background-repeat:no-repeat;
	margin:-11px 0 0 293px;
	}


#contenuTexte .produit-promo2 {
	background-image:url(../images/promo2.gif);
	width:68px;
	height:68px;
	margin:76px 0 0 -10px;
	position:absolute;
	background-repeat:no-repeat;
	}
	
#contenuTexte .produit-coeur2 {
	background:url(../images/coeur2.gif);
	width:68px;
	height:68px;
	position:absolute;
	background-repeat:no-repeat;
	margin:76px 0 0 -10px;
	}
.promo_prix {
font-size:14px;
font-weight:bold;
padding-left:2px;
}

.promo_prixbarre {
text-decoration:line-through;
float:left;
 padding-left:2px;
}
.promo_photo img{
border:none;
}

.promo_desc {
text-align:justify;
}


.titre_marque {
font-size:15px;
font-weight:bold;
padding-top:2px;
}

#actu h3{
margin-bottom:5px;
}

#actu img{
border:none;
margin-bottom:5px;
}

#actu{
padding:3px;
margin-top:5px;
border:1px solid #DDD;
background: url(../images/concept/bg-etapes.gif) repeat-x;
}

.actu_desc {
text-align:justify;
padding:5px;
}

#presentation {
font-size:1em;
margin-top:15px;
text-align:justify;
}
.droite #presentation p a{
color:#FF6600;
}
.droite #presentation p a:hover{
color:#FF6600;
text-decoration:underline;
}
.droite #actu .actu_desc a{
color:#FF6600;
}


/* STYLE DE LA PAGE ACTU */

.large {
float:left;
width:690px;
padding:30px 0px 0 45px;
}

.hauteur {
float:right;
width:5px;
height:410px;
padding:30px 2px 0 0px;
}

.actu_grande img {
float:left;
margin-right:5px;
}

.actu_complete {
margin-bottom:15px;
}


/* STYLE DE LA PAGE CONCEPT */

#etapes {
border: 1px solid #DDD;
background: url(../images/concept/bg-etapes.gif) repeat-x;
color:#333;
font-size:11px;
font-weight:bold;
width:670px;
height:230px;
padding:10px;
padding-top:30px;
}

/* STYLE DE LA PAGE POINTS DE VENTE */
.bloc-carte-txt2{
float:left;
}

.txt2 {
font-size:9px;
float:left;
width:330px;
padding:30px 0px 0 35px;
}

.droite2 {
font-size:9px;
float:left;
width:165px;
padding:30px 0px 0 0px;
}
.droite3 {
font-size:9px;
float:right;
width:348px;
padding:30px 0px 0 0px;
}
.left {
width:46%;
float:left;
text-align:left;
}
.right {
text-align:left;
width:49%;
float:right;
}


/* STYLE DE LA PAGE POINTS DE VENTE */


.bloc_presse {
margin-top:2px;
margin-right:2px;
 padding:0 0 20px 0;
 width:220px;
 height:135px;
 float: left;
 text-align:center;

}

.bloc_presse img {
border:none;
}

.titre_presse {
font-weight:600;
font-variant:small-caps;
float:none;
text-align:center;
padding-left:40px;
}

.date_presse {
padding-top:5px;
padding-left:60px;
}


/* ----------- Contact------------- */


#left3 {
 padding-left: 25px;
 width: 290px;
 float: left;
}

#right3 { 
 float: right;
 padding-left: 5px;
 width: 340px;
 display: inline;
 position: relative;
}

#contactform {
padding-top:10px;
}

#contactform p{
padding-top:4px;
padding-bottom:4px;
width:100x;
}

#formcontact label{
float: left;
margin-left: -120px;
padding-right:10px;
width: 200px;
text-align:right;
}

#contactform textarea {
font-size:10px;
width:150px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #FF6600;
padding:1px;
color:#000;
text-align:left;
}

#contactform input, select{
border:1px solid #FF6600;
font-family:Arial, Helvetica, sans-serif;
color:#000;
padding:1px;
font-size:10px;
width:150px;
}

.boutons {
margin-top:5px;
margin-left:95px;
}

.boutons img{
margin-bottom:5px;
}

#contactform .boutons .bouton {
background:#FF6600;
color:#FFFFFF;
width:75px;
margin-right:1px;
}

.champRequis{
color:#FF0000;
}
p.capam2 {
padding-top:10px;
font-style:italic;
text-align:justify;
font-size:10px;
}

p.capa {
font-style:italic;
text-align:justify;
font-size:10px;
width:240px;
padding-left:5px;
}

/* STYLE DE LISTING PRODUITS */



.txt_prod {
float:left;
width:720px;
padding:30px 0px 0 45px;
}

.bloc_prods {
margin-top:5px;
margin-right:5px;
 border: 1px solid #DDD;
 padding: 10px;
 width:320px;
 float: left;
}

.prods_prix {
font-size:14px;
font-weight:bold;
padding-left:2px;
float:right;
}

.prods_prixbarre {
text-decoration:line-through;
float:right;

}
.prods_photo img{
border:none;
float:left;
}

.prods_desc {
clear:right;
text-align:justify;
}


.titre_marque {
font-size:15px;
font-weight:bold;
padding-top:2px;
}

#pagination {
color:#DDD;
font-size:14px;
clear:both;
padding-top:10px;
padding-bottom:10px;
text-align:center;
padding-right:30px;
}

#pagination a{
width:10px;
}

#pagination a:hover{
text-decoration:none;
}


/* STYLE DE FICHE PRODUITS */

.global {
float:left;
width:720px;
padding:30px 0px 0 45px;
}

#details {

width:350px;
float:left;
}

#image_gde {

width:310px;
float:right;
margin-right:25px;}

.titre {
font-weight:bold;
}
.intro {
}

#details a {
marging-top:5px;
font-weight:bold;
}
#details a:hover{
text-decoration:underline;
}

#details .fiche_prix {
font-size:16px;
font-weight:bold;
padding-right:2px;
float:right;
}

#details .fiche_prixbarre {
font-size:13px;
text-decoration:line-through;
float:right;
}
#actions {
clear:right;
text-align:right;
padding-top:5px;
}
#actions img {border:none;}

#actions a {
margin-bottom:2px;
}

#actions a:hover {
text-decoration:none;
}


/* RUBRIQUE - ENVOYER A UN AMI */
#bloc-ami {
font-size:12px;
font:Arial, Helvetica, sans-serif;
	width:350px;
	float:left;
	background:#FFFFFF;
	margin:25px 0 0 10px;
	padding-left:10px;
	color:#000;
}

#bloc-ami #f_envoyerAmi input, #bloc-ami #f_envoyerAmi textarea, #bloc-ami #f_envoyerAmi .bouton-ami {
	color:#000;
	font-size:12px;
font:Arial, Helvetica, sans-serif;
	}

#bloc-ami #f_envoyerAmi input{
	width:200px;
	height:15px;
	padding-left:2px;
	background:#FFF;
	border:1px solid #FF6600;
}

#bloc-ami #f_envoyerAmi textarea{
	width:200px;
	font-size:12px;
font:Arial, Helvetica, sans-serif;
	height:80px;
	padding-left:2px;
	background:#FFF;
	border:1px solid #FF6600;
}

#bloc-ami #f_envoyerAmi .bouton-ami{
	width:80px;
	height:20px;
	color:#FFF;
	background:#FF6600;
	border:1px solid #FF6600;
	cursor:pointer;
	text-align:center;
	}

#bloc-ami #f_envoyerAmi .bouton-ami:hover{
	width:80px;
	height:20px;
	color:#000;
	background:#FF6600;
	border:1px solid #FF6600;
	}
	
#bloc-ami h1{
	margin:0 0 0 0;
	color: #FF6600;
	padding:0;
	height:20px;
}

.prod_assoc {
border:1px solid #DDD;
float:left;
margin-top:5px;
margin-right:5px;
width:205px;
padding:10px;
}

.prod_assoc img{
border:none;
}


/* STYLE DE LA PAGE PALETTE COULEURS */


.couleurs {
float:left;
width:650px;
padding:30px 30px 0 85px;
}
.bloc_coul {
background:#EEE;
margin-top:5px;
margin-right:5px;
 border: 1px solid #DDD;
 padding: 11px;
 width:170px;
 float: left;
}
.titre_couleur {
float:left;
padding-top:35px;
}
.photo_couleur {
float:right;
}



/* STYLE DE LA PAGE PLAN DU SITE */

.plan {
float:left;
width:690px;
padding:30px 0px 0 55px;
}

.plan a {
background:url(../images/arrow_right.gif) left top no-repeat;
padding-left:20px;
}


.bon{
padding-left:40px;
padding-top:20px;
width:700px;

font-size:14px;
}
.entete{
margin-bottom:10px;
width:700px;
height:200px
}
.entete img{
padding-left:15px;
float:left;
width:140px;
}
#contenuTexte .entete .adresse-ddm p{
width:540px;
float:left;
font-size:20px;
font-weight:bold;
text-align:right;
padding-top:50px;
}
.titre-commande{
margin-bottom:20px;
background:#333333;
color:#FFFFFF;
font-size:24px;
font-weight:bold;
width:700px;
height:40px;

}
#contenuTexte .titre-commande p{
padding-top:5px;
text-align:center;
}
#contenuTexte .ref-commande{
margin-bottom:20px;
font-size:16px;
font-weight:bold;
width:700px;
}
#contenuTexte .adresses-client{
margin-bottom:20px;
border: 1px solid #DDD;
}
#contenuTexte .adresses-client .adresse-facture {
padding-left:10px;
float:left;
padding-top:5px;
width:340px;
}
#contenuTexte .adresses-client .adresse-facture strong{
font-size:17px;
font-weight:bold;
}
#contenuTexte .adresses-client .adresse-livraison {
float:left;
padding-top:5px;
width:340px;
}

#contenuTexte .adresses-client .adresse-livraison strong{
font-size:17px;
font-weight:bold;
}
#contenuTexte .liste-produit-commande{
padding-left:10px;
margin-bottom:20px;
padding-top:5px;
padding-bottom:5px;
border: 1px solid #DDD;
}
#contenuTexte .liste-produit-commande tr td strong{
font-size:17px;
font-weight:bold;
}
#contenuTexte .liste-produit-commande tr td em{
font-size:12px;
padding-left:10px;
}
#contenuTexte .total{
padding-top:5px;
height:115px;
text-align:right;
margin-bottom:20px;
border: 1px solid #DDD;
}
#contenuTexte .total tr td{
padding-right:15px;
text-align:right;
height:25px;
}
#contenuTexte .total tr td strong{
font-size:17px;
font-weight:bold;
}
#contenuTexte .sign{
margin-bottom:20px;
border: 1px solid #DDD;
height:160px;
}
#contenuTexte .sign tr td{
text-align:right;
height:35px;
}
#contenuTexte .adresse-ddm2 p{
margin-bottom:20px;
background:#333333;
color:#FFFFFF;
text-align:center;
padding-top:5px;
}
#contenuTexte .imprim p{
margin-bottom:20px;
text-align:center;
}

#invisible{
display:none;
}

.jour_naissance{
	width:40px;
}
.mois_naissance{
	width:40px;
}
.annee_naissance{
	width:50px;
}




#contenuTexte .large .bglien p.inf a{
text-decoration:none}



#contenuTexte .large .bglien p.inf{
text-decoration:none;
text-align:right;
margin-right:10px;
margin-top:5px;}

.bglien{
float:left;
padding-top:10px;
margin-right:30px;
margin-bottom:15px;
width:309px;
height:137px;
background-image:url(../images/charte/lien.png);
background-repeat:no-repeat;
text-align:center;}