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


/* LES TITRES */


#contenuTexte h1
{
	width:530px;
	height:80px;
	background-repeat:no-repeat;
	margin-top:10px;
	margin-bottom:30px;
}

#contenuTexte h1.accueil
{
	background:url(../images/charte/pointill.gif) bottom repeat-x;
	margin:10px 0;
	padding-bottom:5px;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#f2420c;
	letter-spacing:0.1em;
	width:100%;
	height:inherit;
}

#contenuTexte h1 span {display:none;}

#contenuTexte h1.espace{background: url(../images/charte/tit-espace.gif) top left no-repeat;}
#contenuTexte h1.marque{background: url(../images/charte/tit-marques.gif) top left no-repeat;}
#contenuTexte h1.mariage{background: url(../images/charte/tit-mariage.gif) top left no-repeat;}
#contenuTexte h1.professionnel{background: url(../images/charte/tit-professionnel.gif) top left no-repeat;}
#contenuTexte h1.faq{background: url(../images/charte/tit-faq.gif) top left no-repeat; margin-bottom:10px;} 
#contenuTexte h1.contact{background: url(../images/charte/tit-contact.gif) top left no-repeat; margin-bottom:0;}
#contenuTexte h1.newsletter{background: url(../images/charte/tit-newsletter.gif) top left no-repeat; margin-bottom:0;}
#contenuTexte h1.presse{background: url(../images/charte/tit-presse.gif) top left no-repeat; margin-bottom:0;}
#contenuTexte h1.lien{background: url(../images/charte/tit-lien.gif) top left no-repeat; margin-bottom:20px;}
#contenuTexte h1.cgv{background: url(../images/charte/tit-cgv.gif) top left no-repeat; margin-bottom:0;}
#contenuTexte h1.livraison{background: url(../images/charte/tit-livraison.gif) top left no-repeat; margin-bottom:0;}
#contenuTexte h1.mentions{background: url(../images/charte/tit-mentions.gif) top left no-repeat; margin-bottom:0;}
#contenuTexte h1.top{background: url(../images/charte/tit-top.gif) top left no-repeat; margin-bottom:0;}
#contenuTexte h1.edouard{background: url(../images/charte/tit-edouard.gif) top left no-repeat; margin-bottom:0;}
#contenuTexte h1.liste{background: url(../images/charte/tit-liste.gif) top left no-repeat; margin-bottom:0;}
#contenuTexte h1.gestionliste{background: url(../images/charte/tit-gestionliste.gif) top left no-repeat; margin-bottom:0;}
#contenuTexte h1.diffuserliste{background: url(../images/charte/tit-diffuserliste.gif) top left no-repeat; margin-bottom:0;}
#contenuTexte h1.modifierliste{background: url(../images/charte/tit-modifierliste.gif) top left no-repeat; margin-bottom:0;}
#contenuTexte h1.profil{background: url(../images/charte/tit-profil.gif) top left no-repeat; float:left; width:430px; margin-top:40px;}
#contenuTexte h1.fermerliste{background: url(../images/charte/tit-fermerliste.gif) top left no-repeat; margin-bottom:0;}
#contenuTexte h1.offrircadeau{background: url(../images/charte/tit-cadeau.gif) top left no-repeat; margin-bottom:0;}


#contenuTexte h2{
	margin:20px 0 0 0;
	font:normal 1.8em Arial, Helvetica, sans-serif;
	color:#666;
	font-variant:small-caps;
	padding-bottom:5px;
}

#contenuTexte h3{
	margin:10px 0;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#FC0001;
	letter-spacing:0.1em;
}




/* STYLES CONTENU */
#contenuTexte p{
	padding-bottom:15px;
	font-size:1.1em;
	line-height:1.8em;
	text-align:justify;
}

#contenuTexte a:link, #contenuTexte a:visited{
	color: #f2420c;
	text-decoration:none;
}
#contenuTexte a:hover, #contenuTexte a:active{
	color: #f2420c;
	text-decoration:underline;
}

#contenu a:link img,
#contenu a:link .img,
#contenu a:visited img, 
#contenu a:visited .img 
{
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	border:none;
}

#contenu a:hover img,
#contenu a:hover .img,
#contenu a:active img,
#contenu a:active .img
{
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity:0.70;
}

ul.liste {
	list-style:none;
	margin:0 0 10px 40px;
	font:normal 1.1em Arial, Helvetica, sans-serif;	
	}
	
ul.liste li {
	background:url(../images/charte/puce.gif) center left no-repeat;
	padding-left:20px;
	padding-bottom:5px;
	}


#contenuTexte .separe {
	width:520px; 
	height:2px; 
	border-top:1px dotted #e6e6e6; 
	margin:20px 0;
	clear: both;
	}

/* LES BLOCS */
#contenuTexte .bloc-gche{width:500px; margin:10px 0;}
#contenuTexte .bloc-gche p{
	font:normal 1.1em Arial, Helvetica, sans-serif;	
	color:#666;	
	padding-bottom:15px; 
	line-height:1.3em;
	text-align:justify;
	}

#slogan {
	width:433px;
	margin:20px 0 20px 10px;
	float:left;
	}
	
.bloc-decale {
	width:450px; 
	margin:20px 0 20px 50px;
	padding-left:10px;
	border-left:1px solid #e6e6e6;
	}	
	

/* STYLE TEXTE */
#contenuTexte .rouge, #contenuTexte p.rouge  {color:#FC0001;}
#contenuTexte .grisf, #contenuTexte p.grisf {color:#333;}
#contenuTexte .grisc, #contenuTexte p.grisc {color:#CCC}

#contenuTexte p.bold, #contenuTexte .bold {font-weight:bold;}
#contenuTexte p.small, #contenuTexte .small {font-weight:bold; text-align:left; font-size:12px; line-height:18px; margin:0px 0;}
#contenuTexte p.smallc, #contenuTexte .smallc {font-weight:bold; text-align:center; font-size:12px; line-height:18px; margin:0px 0;}
#contenuTexte p.minic, #contenuTexte .minic {font-weight:normal; text-align:center; font-size:11px; line-height:14px; margin:5px 0;}
#contenuTexte p.bigc, #contenuTexte .bigc {font-weight:normal; text-align:center; font-size:14px; line-height:18px;}
#contenuTexte p.big, #contenuTexte .big {font-weight:normal; text-align:left; font-size:14px; line-height:18px;}
#contenuTexte p.bigger, #contenuTexte .bigger {font-weight:normal; font-size:18px; line-height:18px;}


/* RUBRIQUE ACCUEIL */
.anim{
	width:568px;
	height:150px;
	float:left;
}

#coeur {
	width:568px;
	display:block;
	margin:10px 0;
	float:left;
	font:normal 1em  Arial, Helvetica, sans-serif;
	line-height:1.8em;
}

#coeur #contenu-coeur {
	float:left;
	width:300px;
	}
	
#contenuTexte #coeur h1{
	color:#fb0000;
	font:bold 1.4em "trebuchet MS", Arial, Helvetica, sans-serif;
	background:none;
	margin-top:0px;
}

#coeur .img-coeur {
	float:left;
	padding-right:10px;
	margin-right:10px;
	border:1px dotted #ccc;
}

#coeur a:link img.img-coeur, #coeur a:visited img.img-coeur {
	float:left;
	padding:5px;
	margin-right:10px;
	border:1px dotted #ccc;
}

#contenuTexte p.signature{
	padding-bottom:5px;
	color:#666;
	font-size:1em;
	text-align:right;
}



/* TOP DES VENTES */
.topventes {
	padding:10px 0 0 10px;
	background-color:#e6e6e6;
}

.topventes h1{
	font:bold 1.4em "trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	margin:5px 0 5px 0;
	height:18px;
	}

.topventes ul{
	margin:0 0 10px 0;
	list-style:none;
	width:195px;
	float:left;
	}

.topventes li{
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#333;
	display:block;
	}

.topventes li a{
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
	}

.topventes li a:hover{
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#FC0001;
	text-decoration:none;
	}


/* SELECTION */
#selection {
	padding-bottom:15px;
	background:url(../images/charte/bg-selection.jpg) bottom center no-repeat;
	margin-bottom:35px;
	}

.selection {
	float:left;
	width:175px;
	margin-right:10px;
}


#selection h1{
	margin:10px 0;
	padding-bottom:3px;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#ffa82e;
	letter-spacing:0.1em;
	background:none;
	border-bottom: none;
}

#selection .image{
	width:84px;
	height:84px;
	margin-right:5px;
	float:left;
}
#contenu  #selection .image img{border:1px solid #e6e6e6;}


#selection .contenu-selection{
	margin:0;
	width:82px;
	height:85px;
	float:left;
	padding:0;
}

#selection h2{
	margin:0 0 5px 0;
	padding:0;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#666;
	text-transform:uppercase;
	letter-spacing: normal;
	background:none;
}

#selection p{
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#666;
	letter-spacing: normal;
	margin:0;
	padding:0;
	text-align: left;
	border-bottom: 0px solid #85c329;
}

#selection .prix{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#FC0001;
	display:block;
	margin:5px 0;
	float:left;
}

#selection .prix-barre{
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:line-through;
	margin-right:3px;
	float:left;
}


/* RUBRIQUE EDITO */
#edito {
	width:568px;
	display:block;
	margin:10px 0;
	float:left;
	font:normal 1em  Arial, Helvetica, sans-serif;
	line-height:1.8em;
}

#edito #img-edito {
	float:left;
	padding-right:10px;
	margin-right:10px;
	width:230px;
	height:230px;
}
#edito #img-edito img {border:1px dotted #ccc;}


#edito #contenu-edito {
	float:left;
	width:300px;
}

#edito #contenu-edito h1{
	color:#fb0000;
	font:bold 1.4em "trebuchet MS", Arial, Helvetica, sans-serif;
	background:none;
	margin:0;
	height:inherit;
}





/* LE CATALOGUE */
	
/* LES COULEURS DE TEXTE */
	/* pour le catalogue des trouvailles toujours cette couleur */
	#contenuTexte .col-00,
	#contenuTexte a:link.col-00,
	#contenuTexte a:visited.col-00
	{
		color:#FC0001;
	}
		

/* PAGINATION */
.pagination {
	width:500px;
	margin-left:0;
	font-size:11px;
	color:#666;
	text-align:center;
	font-weight:bold;
	}
.fleche-gauche {
	float:left;
	border:none;
	}
.fleche-droite {	
	float:right;
	border:none;
	}



/* FIL ARIANE */
#chemin{
	padding:10px 0 20px 0;
	text-align:left;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#666;	
	margin-bottom:5px;
	font-weight:bold;
	}
	
#contenuTexte #chemin a:link, #contenuTexte #chemin a:visited{
	font:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666;
	font:1.1em Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	}
	
#contenuTexte #chemin a:hover {text-decoration:underline;}
	
	
	
	
/* LE CATALOGUE */
#catalogue {
	width:550px;
	margin:20px 0 0 10px;
	}
		
#vignette{
	float:left;
	width:140px;
	margin:0 35px 30px 0;
	text-align:center;
	padding-top:1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	/*border:1px solid #CCC;*/
	
}

#contenu a.img-listing {
	display:block;
	height:140px;
	width:140px;
	text-align:center;
	/*border:1px solid #e6e6e6;*/
}

#contenu .contenu-listing {
	display:block;
	width:140px;
	padding:1px 0;
	text-align:center;
	/*background-color:#e6e6e6;*/
	border-top:1px solid #CCC;
	/*background-color:#FFF;*/
	/*border:1px solid #CCC;*/
	margin-top:2px;
}


span.designation-listing{
	display:block;
	padding:0 2px 0 2px;
	width:136px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	font-weight:bold;
	line-height:16px;
	text-align:left;
}

span.marque-listing{
	display:block;
	padding:0 2px 0 2px;
	font-size:10px;
	width:136px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	font-variant:small-caps;
	text-align:left;
}

#contenuTexte .prix-listing span.conditionnement-listing
{
	padding:0;
	font-size:10px;
	font-weight:normal;
}

#contenuTexte p.prix-listing{
	padding:0 2px;
	width:136px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	padding-bottom:0;
	line-height:14px;
	/*background-color:#e6e6e6;*/
	font-weight:bold;
}

span.prix-barre-listing{
	color:#666;
	font-size:10px;
	font-weight:bold;
	margin-right:5px;
	text-decoration:line-through;
}


/* LES PICTOS LISTING */
#picto-promo, #picto-selection, #picto-epuise{
	top:132px;
	left:0px;
	width:140px;
	height:13px;
	background-color:#CCC;
	z-index:100;
	position:absolute;
	text-align:center;
	color:#333;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	line-height:12px;
	}



/* FICHE PRODUIT */
#fiche-produit{
	width:550px;
	float:left;
	margin-top:10px;
}

#fiche-produit #img-prod
{
	float:left;
	width:250px;
	height:312px;
	margin-right:5px;
	text-align:center;
	position:relative;
}

#fiche-produit #vignette-prod
{
	float:left;
	width:50px;
	height:312px;
	margin-right:20px;
}

#fiche-produit #img-prod a:link img, #fiche-produit #img-prod a:visited img {border:1px solid #CCC;}
#fiche-produit #vignette-prod a:link .img,
#fiche-produit #vignette-prod a:visited .img 
{
	background-position:50% 50%;
	background-repeat:no-repeat;
	width:45px;
	height:45px;
	border:1px solid #CCC;
	margin-bottom:4px;
}

#fiche-produit #vignette-prod a:hover .img
{
	background-position:50% 50%;
	text-decoration:none
}


#fiche-produit .infos-prod-ref{
	float:left;
	width:200px;
	height:312px;
	padding:0  0 0 10px;
	border-left:1px solid #CCC;
	font:1.2em Arial, Helvetica, sans-serif;
}

#fiche-produit .txt-designation{
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	margin-top:5px;
	text-align:left;
	padding-bottom:5px;
}

#fiche-produit .txt-marque{
	font-size:12px;
	line-height:10px;
	margin-bottom:15px;
	font-variant:small-caps;
	padding-bottom:0;
}

#fiche-produit .txt-conditionnement{
	font-size:12px;
	line-height:1em;
	font-weight:normal;
	margin:0 0 5px 0;
	padding:0;
	text-align:left;
}

#fiche-produit .txt-prixUnitaire{
	font-size:10px;
	line-height:1em;
	font-weight:normal;
	margin:0 0 5px 0;
	padding:0;
	text-align:left;
}

#fiche-produit .txt-prixTTC{
	color:#333;
	font-weight:bold;
	font-size:14px;
	display:block;
	margin-right:5px;
}

#fiche-produit .txt-prixHT{
	color:#333;
	font-weight:normal;
	font-size:12px;
	display:block;
	width:150px;
	margin-bottom:15px;
	}

#fiche-produit .txt-prix-barre{
	color:#333;
	font-size:12px;
	text-decoration:line-through;
	font-style:normal;
	font-weight:bold;
}

#fiche-produit .txt-prixeco{
	color:#666;
	font-size:11px;
	font-weight:bold;
}

.txt-nota{
	font-size:10px;
	font-style:italic;
}

#fiche-produit .txt-titre{font-weight:bold;}

#fiche-produit .lbl-input{
	width:105px;  
	float:left;
	font-weight:bold;
	margin-bottom:5px;
	font-size:11px;
	color:#333;
}

#fiche-produit .lbl-input-conditionnement{
	width:105px;  
	float:left;
	font-weight:bold;
	margin-bottom:5px;
	font-size:11px;
}

#contenuTexte #fiche-produit select.input-liste{
	border : 1px solid #e6e6e6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width : 95px;
	margin-bottom:5px;
	float:left;
}

#fiche-produit .lbl-input-cadeau{
	width:105px; 
	height:3px; 
	float:left;
	font-weight:bold;
	margin-top:10px;
	font-size:11px;
	background:url(../images/charte/btn-cadeau.gif) top left no-repeat;
	padding-left:25px;
	border-top:1px dotted #CCC;
	line-height:14px;
}
#fiche-produit input.check-cadeau {margin-left:5px; width:10px;}

#contenu a:link.panier, #contenu a:visited.panier {
	background:url(../images/charte/pic-panier2.gif) top left no-repeat;
	width:105px;
	height:30px;
	margin:10px 0 0 0;
	padding-left:23px;
	line-height:20px;
	font-size:11px;
	border-top:1px dotted #CCC;
	float:left;
	font-weight:bold;
}

#contenu a:link.amis, #contenu a:link.contact, #contenu a:link.liste, #contenu a:link.imprimer, #contenu a:visited.amis, #contenu a:visited.imprimer, #contenu a:visited.contact, #contenu a:visited.liste {
	width:110px;
	height:18px;
	margin:5px 5px 0 0;
	padding:2px 0 0 23px;
	text-decoration:none;
	font-size:11px;
	line-height:15px;
	border-top:1px dotted #CCC;
	float:left;	
	font-weight:bold;
}

#contenu a:link.amis, #contenu a:visited.amis{background:url(../images/charte/btn-amis.gif) top left no-repeat;}
#contenu a:link.imprimer, #contenu a:visited.imprimer{background:url(../images/charte/btn-impression.gif) top left no-repeat;}
#contenu a:link.liste, #contenu a:visited.liste {background:url(../images/charte/btn-liste.gif) top left no-repeat;}
#contenu a:link.contact, #contenu a:visited.contact{background:url(../images/charte/btn-contact.gif) top left no-repeat; padding-left:25px;}


#contenu a:hover.panier, #contenu a:hover.amis, #contenu a:hover.liste, #contenu a:hover.contact {color:#333; text-decoration:none;}

#fiche-produit .descriptif-prod{
	line-height:16px;
	margin-top:10px;
	margin-bottom:5px;
}



/* PRODUITS ASSOCIES */
#fiche-produit .titre-associe {
	width:540px;
	padding:2px 5px;
	font-weight:bold;
	color:#FFF;
	font-size:13px;
	margin-top:25px;
	font-variant:small-caps;
	margin-bottom:5px;
}

#bloc-produit-assoc {
	width:530px;
	padding:5px;
	font-size:12px;
	margin-left:5px;
	padding-left:20px;
}

.produit-assoc {
	width:100px;
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#666;
	margin-right:15px;
	float:left;
	padding-right:15px; 
	border-right:1px solid #e6e6e6;
}
#contenu #bloc-produit-assoc a img {border:1px solid #CCC;}



/* RUBRIQUES ESPACES */
#bloc-espace {
	width:255px;
	float:left;
	margin-top:10px;
	}

#bloc-espaceimg {
	width:255px;
	float:left;
	margin-right:20px;
	margin-top:15px;
	}

#bloc-espace2 {
	width:255px;
	float:left;
	margin-right:30px;
	}
	
#bloc-espaceimg2 {
	width:255px;
	float:left;
	margin-top:15px;
	}



/* RUBRIQUE MARQUES */
.bloc-marque {
	width:135px;
	margin:0 40px 30px 0;
	float:left;
}

.fiche-marque{
	background:url(../images/charte/fd-partenaire.gif) left top no-repeat;
	width:131px;
	height:116px;
	margin:0 8px 0 0;
}
.fiche-marque img{margin:12px 0 0 15px;}

#contenuTexte .bloc-marque h1{
	width:130px;
	margin:0 0 0 0;
	padding-bottom:5px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333;
	text-align:center;
	border-bottom:1px dotted #e6e6e6;
	}

/* ANC RUBRIQUE MARQUES 
.bloc-marque {
	width:500px;
	margin:0 0 10px 0;
	clear:left;
}

.fiche-marque{
	background:url(../images/charte/fd-partenaire.gif) left top no-repeat;
	width:131px;
	height:116px;
	float:left;
	margin:0 8px 0 0;
}
.fiche-marque img{margin:12px 0 0 15px;}

#contenuTexte .bloc-marque h1{
	width:360px;
	height:20px;
	margin-bottom:5px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#333;
	float:left;
	border-bottom:1px dotted #e6e6e6;
	}
*/

/* RUBRIQUE PARTENAIRES */
#bloc-partenaire {
	width:530px;
	margin:0 0 0 20px;
	}
	
.fiche_partenaire{
	background:url(../images/charte/fiche_partenaire.jpg) left top no-repeat;
	width:125px;
	height:140px;
	float:left;
	margin:5px 30px 15px 10px;
}
.fiche_partenaire img{margin:7px 0 0 11px;}
.fiche_partenaire div{
	padding:12px 5px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	height:10px;
	width:115px;
	border-bottom:1px dotted #e6e6e6;
}
	

/* RUBRIQUES ACCES PROFESSIONNEL */
#bloc-pro {
	width:265px;
	float:left;
	margin-left:20px;
	margin-top:5px;
	margin-right:20px;
	}
	
#bloc-proimg {
	width:216px;
	height:173px;
	float:left;
	background:url(../images/charte/phrase-pro.gif) top left no-repeat;
	margin-bottom:35px;
	margin-top:5px;
	}

#bloc-pro2 {
	width:265px;
	float:left;
	margin-right:20px;
	margin-left:20px;
	margin-top:30px;
	}
	
#bloc-proimg2 {
	width:216px;
	height:135px;
	float:left;
	background:url(../images/charte/phrase-pro2.gif) top left no-repeat;
	margin-top:5px;
	}

/** **/
.cnil-pro {
	font-style:italic;
	color:#666;
	font-size:9px;
	text-align:right;
	margin:0 150px 0 0 ;
	width:300px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	}


#bloc-contact-pro {
	width: 400px;
	float:left;
	margin:0 0 20px 0;
}

#bloc-contact-pro, #formContactPro input, #formContactPro textarea, #formContactPro select.liste, #formContactPro .bouton,#formContactPro-confirm .bouton {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

#formContactPro input, #formContactPro textarea, #formContactPro select.liste{
	width:200px;
	border:1px solid #ccc;
	background:none;
}

#bloc-contact-pro label {
	text-align:right;
	padding-right:10px;
	display:block;
	color:#333;
}

#bloc-contact-pro span.libelle {
	text-align:right;
	display:block;
	font-weight:bold;
	color:#333;
}

#formContactPro .radio, #formContactPro .check{
	width:10%;
	border:none;
	margin-bottom:3px;
}

#formContactPro .bouton, #formContactPro-confirm .bouton{
	width:80px;
	border:1px solid #ccc;
	background-color:#FFF;
	cursor:pointer;
	color:#333;
}
.champRequis{color:#fc0001; font-size:9px;}



/* TABLEAU CONFIRMATION PROFESSIONNEL */
#bloc-contact-pro-confirm {
	width: 400px;
	float:left;
	margin:20px 0 20px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

#bloc-contact-pro-confirm #formContactPro-confirm td.label-contact{
	text-align:right;
	padding-right:15px;
	color:#333;
	height:20px;
	font-weight:bold;
	}
	
#bloc-contact-pro-confirm #formContactPro-confirm td.saisi-contact{
	width:200px;
	border-left:1px solid #e6e6e6;
	border-bottom:none;
	border-right:none;
	border-top:none;
	background:none;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:5px;
	height:20px;
	}


/** RUBRIQUE CONTACT **/
.cnil {
	font-style:italic;
	color:#999;
	font-size:9px;
	text-align:right;
	margin:0 130px 0 0 ;
	width:300px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	}

.nota {
	font-style:italic;
	color:#666;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#bloc-contact {
	width: 300px;
	float:left;
	margin:30px 0 20px 130px;
}

#bloc-contact, #formContact input, #formContact textarea, #formContact .bouton, #bloc-contact-confirm .bouton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

#formContact input, #formContact textarea, #formContact select.liste{
	width:200px;
	border:1px solid #ccc;
	background:none;
}

#bloc-contact label{
	text-align:right;
	padding-right:10px;
	display:block;
}

#bloc-contact span.libelle{
	text-align:right;
	display:block;
	font-weight:bold;
	color:#333;
}

#formContact .bouton, #formContact-confirm .bouton{
	width:80px;
	border:1px solid #ccc;
	background-color:#FFF;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}



/* TABLEAU CONFIRMATION CONTACT */
#bloc-contact-confirm {
	width:320px;
	float:left;
	margin:30px 0 20px 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

#formContact-confirm td.saisi-contact{
	width:200px;
	border-left:1px solid #e6e6e6;
	border-bottom:none;
	border-right:none;
	border-top:none;
	background:none;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:5px;
	margin-bottom:10px;
	}

#formContact-confirm  td.label-contact{
	text-align:right;
	padding-right:15px;
	color:#333;
	height:20px;
	font-weight:bold;
	}
	


/* RUBRIQUE FAQ */
.faq-contenu {
	width:500px;
	float:left;
	margin:10px 0 20px 0;
	font-size:11px;
	line-height:16px;
	border-bottom:1px dotted #CCC;
}

#contenuTexte p.faq-titre{
	font-size:15px;
	font-variant:small-caps;
	color:#666;
	font-weight:bold;
	text-align:left;
	margin:0 0 5px 0;
	padding:0;
	line-height:18px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
}

#contenuTexte .faq-texte p {
	text-align:justify;
	font-size:12px;
	line-height:16px;
	color:#B6AEA3;
}


/* RUBRIQUE CGV */
#contenuTexte p.gche-cgv {
	text-align:left;
	width:210px;
	float:left;
	margin-right:20px;
	font-weight:bold;
	color:#333;
	}

#contenuTexte p.dte-cgv {
	text-align:left;
	width:150px;
	float:left;
	}



/***************************************** LISTE DE MARIAGE ******************************************/
/* ACCUEIL */
#bloc-cadeau {
	width:240px;
	float:left;
	margin-left:20px;
	margin-top:25px;
	}

#bloc-cadeauimg {
	width:245px;
	height:311px;
	float:left;
	background:url(../images/charte/mariage.jpg) top left no-repeat;
	margin:25px 15px 0 5px;
	}

#boutons-mariage {
	width:600px;
	float:left;
	margin:40px 0 0 0;
	}
#boutons-mariage a:link, #boutons-mariage a:visited {width:175px; float:left; margin-right:8px;}

#boutons-mariage .saisie-mariage {
	float:left;
	width:174px;
	border:1px solid #FC0001;
	height:155px;
	margin:10px 8px 0 0;
	padding-top:5px;
	background-color:#FC0001;
}





/* LISTE CADEAUX >>>> FORMULAIRE ACCUEIL  */
#formMariage-accueil table {
	margin-left:13px;
	}
	
#formMariage-accueil input, #formMariage-accueil textarea, #formMariage-accueil .bouton{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFF;
	width:135px;
	height:17px;
	border:1px solid #FFF;
	background:none;
	padding-left:3px;
}

#formMariage-accueil label{
	text-align:left;
	display:block;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
}

#formMariage-accueil select.liste{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFF;
	width:140px;
	border:1px solid #FFF;
	background:#FC0001;
	margin:0 0 1px 0;
	text-align:left;
}

#formMariage-accueil select.liste-p{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFF;
	width:40px;
	float:left;
	border:1px solid #FFF;
	background:#FC0001;
	margin:0 5px 1px 0;
	text-align:left;
}

#formMariage-accueil select.liste-m{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFF;
	width:50px;
	float:left;
	border:1px solid #FFF;
	background:#FC0001;
	margin:0 0 1px 0;
	text-align:left;
}

#formMariage-accueil .bouton{
	width:140px;
	border:1px solid #FFF;
	background-color:#e6e6e6;
	cursor:pointer;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
}



/* LES MENUS >>>> GESTION LISTE + CADEAU */
#module {
	width:500px;
	margin:50px 0 0 20px;
	}
#module-participation {
	width:500px;
	margin:0 0 0 20px;
	}
	
.menu-gestion {
	width:500px;
	height:55px;
	margin:20px 0 20px 20px;
	border:1px solid #FFF;
}
.menu-gestion img {float:left;}

.bloc-menugestion {
	width:380px;
	height:30px;
	margin:0 0 20px 5px;
	border:1px dotted #e6e6e6;
	padding:20px 5px 5px 5px;
	float:left;
}

.menutitre {
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#FC0001;
	letter-spacing:0.03em;
	font-variant:small-caps;
}




/* LES MODULES MENU >>>> GESTION LISTE + CADEAU */
#module-gestion { /*module GERER liste + OUVRIR liste*/
	width:41px;
	height:119px;
	float:left;
	background:url(../images/mariage/b-gestion.gif) top left no-repeat;
	padding:25px 12px;
	margin:20px 20px 0 0;
}
#module-gestion a:link img, #module-gestion a:visited img{margin-bottom:6px;}


#module-gestion-cadeau { /*module GERER liste + OUVRIR liste*/
	width:41px;
	height:69px;
	float:left;
	background:url(../images/mariage/bg-cadeau.gif) top left no-repeat;
	padding:25px 12px;
	margin:20px 20px 0 0;
}
#module-gestion-cadeau a:link img, #module-gestion-cadeau  a:visited img{margin-bottom:6px;}


#module-droite {
	width:440px;
	float:left;
	margin:30px 0 0 0;
}





/* LISTE CADEAUX >>>> LES FORMULAIRES */
/* (GERER LA LISTE - OUVRIR LA LISTE - FAIRE UN CADEAU) */
#bloc-Mariage {
	width:267px;
	float:left;
	margin:0 20px 40px 0;
	border:1px dotted #e6e6e6;
	padding:10px 10px;
}

#bloc-Livraison {
	width:300px;
	margin:0 auto 20px auto;
	border:1px dotted #e6e6e6;
	padding:10px 10px;
}

#bloc-Diffusion {
	width:280px;
	float:left;
	margin:20px 0 20px 50px;
	border:1px dotted #e6e6e6;
	padding:20px 20px 10px 10px;
}

#contenuTexte #bloc-Fermeture {
	width:300px;
	float:left;
	margin:20px 0 40px 50px;
	border:1px dotted #e6e6e6;
	padding:20px 0 10px 10px;
}

#bloc-Authentification {
	width:300px;
	margin:10px auto 20px auto;
	border:1px dotted #e6e6e6;
	padding:10px 10px;
}

#bloc-MotAccueil {
	width:300px;
	margin:0 auto 20px auto;
	border:1px dotted #e6e6e6;
	padding:10px 10px;
}

#bloc-Validation {
	width:300px;
	margin:10px auto 20px auto;
}



#contenuTexte h3.mariage {
	background-color:#FC0001;
	text-align:center;
	color:#FFF;
	font:bold 12px Arial, Helvetica, sans-serif ;
	font-variant:small-caps;
	height:16px;
	float:left;
	width:282px;
	margin:0 20px 0 0;
	padding-top:1px;
	}

#contenuTexte h3.livraison {
	background-color:#FC0001;
	text-align:center;
	color:#FFF;
	font:bold 12px Arial, Helvetica, sans-serif ;
	font-variant:small-caps;
	height:16px;
	width:590px;
	margin:30px 0 0 0;
	padding-top:1px;
	}
		
	
#bloc-Mariage, #bloc-Validation, #bloc-Authentification, #bloc-Fermeture, #bloc-Livraison, #bloc-Diffusion, #bloc-MotAccueil, #formMariage input, #formMariage textarea, #formMariage .bouton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	margin-bottom:5px;
	padding-left:3px;
}
#bloc-Diffusion #formMariage input {color:#666; width:180px;}


#bloc-Mariage table.confirm td {padding-bottom:3px;}
#bloc-Mariage table.confirm td.donnees-confirm, #bloc-Livraison table.confirm td.donnees-confirm, 
#bloc-MotAccueil table.confirm td.donnees-confirm , #bloc-Diffusion table.confirm td.donnees-confirm, #bloc-Authentification table.confirm td.donnees-confirm{color:#999; padding-bottom:3px;}




#formMariage input, #formMariage textarea, #formMariage  select.liste {
	width:150px;
	border:1px solid #ccc;
	background:#FFF;
	margin-bottom:5px;
	font-size:11px;
}

#formMariage select.liste-p{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
	width:43px;
	float:left;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 5px 1px 0;
	text-align:left;
}

#formMariage select.liste-m{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
	width:55px;
	float:left;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 1px 0;
	text-align:left;
}


#formMariage label{
	text-align:right;
	padding-right:10px;
	display:block;
	
}

#formMariage span.libelle{
	text-align:right;
	display:block;
	font-weight:bold;
	color:#333;
}

#formMariage .radio, #formMariage .check{
	width:10%;
	border:none;
	margin:0px;
}


#formMariage .bouton, #bloc-Diffusion  #formMariage .bouton{
	width:80px;
	border:1px solid #ccc;
	background-color:#FFF;
	cursor:pointer;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
}






/* GERER LA LISTE >>>> MODIFIER */
/* OFFRIR UN CADEAU  >>>> OFFRIR */

#bloc-modifierliste {
	width:580px;
	margin:20px 0 0 0;
}
#controls{
  padding:0;
  margin:0;
  }
#controls table{
  width: 570px;
  margin: 5px 0 15px;
  }
#controls table th.entete{
  background: #e6e6e6;
  padding: 3px;
  font:bold 13px "Trebuchet MS" Arial, Helvetica, sans-serif;
  color:#333;
  font-variant:small-caps;
  text-align: center;
  }
#controls table th{
  background: #FC0001;
  padding: 3px;
  font:bold 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
  color:#FFF;
  font-variant:small-caps;
  text-align: center;
  }
#controls table th.narrow{
  width: 40px;
  }
#controls table th.medium{
  width: 80px;
  }
#controls table th.hight{
  width: 150px;
  }
#controls table td{
  background:#FFF;
  padding:2px;
  border:1px solid #F8F6F6;
  text-align: center;
  font: 11px Arial, Helvetica, sans-serif;
  color:#333;
  }
#controls table td input{
  width: 30px;
  color:#333;
  border:1px solid #e6e6e6;
  background:#FFF;
  text-align:center;
  font-size:11px;
  }
  
#controls a.panier-commande {
	display:block;
	width:90px;
	padding-top:1px;
	text-align:right;
	background:url(../images/charte/panier.png) top left no-repeat;
	height:15px;
	float:left;
	margin-right:2px;
}

#controls .bouton{
	width:100px;
	border:1px solid #ccc;
	background-color:#FFF;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

#contenuTexte a:link.offrir, #contenuTexte a:visited.offrir {color:#666; font-weight:bold; font-size:10px;}
#contenuTexte a:hover.offrir, #contenuTexte a:active.offrir {color:#CCC; text-decoration:none;}

#filtre {
	width:500px;
	height:20px;
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#filtre span.libelle-liste {
	float:left;
	color:#666;
	font-size:12px;
	margin-right:5px;
	padding-top:1px;
	}

#filtre .liste{
	width:150px;
	border:1px solid #FFF;
	background:#FC0001;
	margin-bottom:5px;
	font-size:11px;
	color:#FFF;
	margin-right:15px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
}

#filtre .bouton {
	width:20px;
	border:1px solid #ccc;
	background-color:#FFF;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	line-height:0;
	float:left;
}



/* FAIRE UN CADEAU */
#bloc-txtclient {
	width:240px;
	height:350px;
	float:left;
	margin:25px 0 10px 20px;
	}

#contenuTexte p#bloc-titreclient {
	font-size:15px;
	font-variant:small-caps;
	color:#333;
	font-weight:bold;
	text-align:left;
	margin:0 0 0 0;
	padding:0;
	line-height:20px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	}

#contenuTexte p#bloc-dateclient {
	font-size:12px;
	color:#FC0001;
	font-weight:bold;
	text-align:left;
	margin:0 0 10px 0;
	padding:0;
	line-height:20px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	}
		
#bloc-imgclient {
	width:250px;
	height:320px;
	float:left;
	margin:25px 15px 10px 5px;
	}
#bloc-imgclient img{border:1px solid #CCC;}	

/* LIVRAISON */
#contenuTexte #table_chrono {margin:0 0 20px 0;}
#contenuTexte #table_chrono td.tarif {color:#333;}

#contenuTexte #table_chrono td
{
	height:15px;
	text-align:center;
	border:1px solid #e6e6e6;
}
#contenuTexte  #table_chrono h3
{ 
	font-size:11px;
	letter-spacing:0;
	color:#FFF;
}


/* CSS */
/* RUBRIQUE - ENVOYER A UN AMI */
#bloc-ami {
	width:350px;
	float:left;
	margin:25px 0 0 10px;
	padding-left:10px;
	border-left:1px solid #e6e6e6;
	font-size:12px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}

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

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

#bloc-ami #f_envoyerAmi textarea{
	width:200px;
	height:80px;
	padding-left:2px;
	background:#757063;
	border:1px solid #FFF;
}

#bloc-ami #f_envoyerAmi .bouton-ami{
	width:80px;
	height:20px;
	color:#FFF;
	background:#757063;
	border:1px solid #FFF;
	cursor:pointer;
	text-align:center;
	}
#bloc-ami #f_envoyerAmi .bouton-ami:hover{
	width:80px;
	height:20px;
	color:#000;
	background:#757063;
	border:1px solid #FFF;
	}
	
#bloc-ami h1{
	margin:0 0 0 0;
	font-size:22px;
	color:#FFF;
	font-weight:bold;
	background:url(../images/charte/puce.png) top left no-repeat;
	padding:0;
	height:40px;
}