html {
	font-family: trebuchet ms, Arial, sans-serif;
}
textarea {
	resize:none;
}
.blanco{
	color: white;
}
.red{
	color: red;
}
.blacko{
	color: black;
}
.blacko a{
	color: black;
}
.blacko:hover{
	color: black;
}
.gris {
	color: #7b7464;
}
.gris_noir {
	color: #3f3933;
}
.gris_clair{
	color: #726b59;
}
.bleu{
	color: #2099c5;
}
.barre{
	text-decoration:line-through;
}
.inline{
	display: inline;
}
.block{
	display: block;
}
.none{
	display: none;
}
.float_l{
	float: left;
}
.border{
	border-left: solid 1px #ebe7e0;
	border-right: solid 1px #ebe7e0;
}
.absolute{
	position: absolute;
}

.picto_couvert{
	margin-top: 10px;
}
#titre_n_com  {
	margin: 0px 0px 0px 95px;
	width: 420px;
}
#con_rouge{
	position: relative;
	top: -15px;
	width: 658px;
	padding: 20px 0px 0px 10px;
}
#valider_n_com{
	position: relative;
	top: 40px;
	left: 415px;
	width: 230px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	z-index: 2;
	color: #403b33;
	background: transparent url('../Images/Produits/valider_n_com.png') 0px 0px no-repeat;
	cursor: pointer;
}
#Gbnote{
	position: relative;
	top: 5px;
	left: 340px;
	cursor:pointer;
}
#txt_gbnote{
	position: relative;
	top: 20px;
	left :10px;
}
#notation_n_com{
	width: 500px;
	/*height: 250px;*/
	margin-bottom:10px;
	z-index: 10;
}
.label_avis_com{
	margin-top: 20px;
}
#avis_n_com{
	margin-top: 20px;
	margin-left: 16px;
}
.borderbottom-n-com{
	position: relative;
	top: -24px;
	width: 670px;
	height: 70px;
	background: transparent url('../Images/Produits/borderbottom-n-com.png') 0px 0px no-repeat;
}
#form_commentaire{
	position: relative;
	top: 10px;
	left: 10px;
	z-index: 2;
}
.form_ajout{
	position:relative;
	top: -9px;
	width: 670px;
	background: transparent url('../Images/Produits/fond_com_a.png') 0px 0px no-repeat;
}
.bordertop-commentaire{
	position: relative;
	top: -10px;
	width: 670px;
	height: 4px;
	background: transparent url('../Images/Produits/bordertop-commentaire.png') 0px 0px no-repeat;
}
.borderbottom-commentaire{
	position: relative;
	top: 4px;
	left: -1px;
	height: 4px;
}
.borderbottom-commentaire2{
	position: relative;
	top: 15px;
	left: -1px;
	height: 4px;
}
.commentaire_avis{
/*	position: relative;*/
	margin: 0 10px;
	width: 650px;
	text-align: justify;
}
.note_avis{
	color: #229bc6;
}
.titre_avis{
	padding: 0px 0px 0px 10px;
	font-size: 14px;
	color: #3f3933;
}
.avis_unique{
	position: relative;
	top: -10px;
	width: 670px;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent url('../Images/Produits/fond_avis.png') 0px 0px no-repeat;
}
.barre_avis{
	position: relative;
	top: -5px;
	z-index: 1;
}
.connexion_avis_fermer{
	position: relative;
	left: 34px;
	padding: 8px 0px 0px 13px;
}
.connexion_avis{
	position: relative;
	left: 40px;
	padding: 8px 0px 0px 13px;
}
.deconnexion_avis{
	position: relative;
	left: 40px;
	padding: 8px 0px 0px 7px;
}
.connexion_avis, .connexion_avis_fermer, .deconnexion_avis{
	width: 80px;
	height: 22px;
	margin: 5px 0px 5px 0px;
	font-size: 10px;
	background: transparent url('../Images/Produits/connexion_avis.png') 0px 0px no-repeat;
	cursor: pointer;
	z-index: 2;
}
.poster_avis_fermer{
	position: relative;
	left: 33px;
	width: 106px;
	height: 26px;
	background: transparent url('../Images/Produits/poster_avis_fermer.png') 0px 0px no-repeat;
}
.poster_avis{
	position: relative;
	left: 35px;
	width: 102px;
	height: 22px;
	background: transparent url('../Images/Produits/poster_avis.png') 0px 0px no-repeat;
}
.poster_avis, .poster_avis_fermer{
	margin: 5px 0px 5px 0px;
	padding: 8px 0px 0px 50px;
	font-size: 10px;
	cursor: pointer;
	z-index: 2;
}
.avis_internautes_fermer{
	width: 125px;
	height: 26px;
	padding: 8px 0px 0px 85px;
	background: transparent url('../Images/Produits/fermer_avis.png') 0px 0px no-repeat;
}
.avis_internautes{
	width: 155px;
	height: 22px;
	padding: 8px 0px 0px 50px;
	background: transparent url('../Images/Produits/lire_avis.png') 0px 0px no-repeat;
}
.avis_internautes, .avis_internautes_fermer{
	position: relative;
	left: 30px;
	margin: 5px 0px 5px 0px;
	font-size: 10px;
	cursor: pointer;
	z-index: 2;
}
.lib_avis{
	margin: 12px 0px 0px 10px;
}
#commentaire_prod_base{
	width: 690px;
	height: 45px;
	padding: 7px 10px 5px 10px;
	background: transparent url('../Images/Produits/fond_com_prod_base.png') 0px 0px no-repeat;
}
#commentaire_prod{
	width: 690px;
	padding: 0px 0px 0px 10px;
	border-left: solid 1px #ebe7e0;
	border-right: solid 1px #ebe7e0;
}
#GG_notation{
	cursor: pointer;
	width: 303px;
	height:53px;
	position: relative;
}
#GG_notation:hover{
	background: transparent url('../Images/Produits/fond_notation.png') 0px 0px no-repeat;
}

#GG_notation_hover{
	cursor: pointer;
	width: 303px;
	height:53px;
	position: relative;
	background: transparent url('../Images/Produits/fond_notation.png') 0px 0px no-repeat;
}
#lib_notation{
	font-size: 12px;
	color: #c2a862;
	float: left;
	margin-top: 17px;
	padding-left: 10px;
	width: 155px;
}
#lib_notation_hover{
	font-size: 12px;
	color: #726b59;
	float: left;
	margin-top: 17px;
	padding-left: 10px;
	display: none;
	width: 155px;
}
#notation_vote{
	font-size: 12px;
	color: #BCBF54;
	margin-top: 0px;
	padding-left: 10px;
	width: 190px;
	left:0px;
	position:absolute;
}
#note_notation{
	font-size: 11px;
	float: left;
	margin-top: 16px;
	color: #726b59;
}
.notation_prod{
	margin-top: 17px;
	float: left;
}
.notation_ss{
	margin-top: 5px;
	float: left;
}
.facebook_img_bas{
	position: relative;
	top: 6px;
	left: 20px;
}
#facebook_img_bas{
	padding-right: 80px;
}
#facebook_img_bas li{
	list-style: none;
	padding-right: 80px;
}
.menu_img_bas_page {
	position: relative;
	right: 50px;
}
.menu_img_bas_page li{
	list-style: none;
}
.recrute{
	float:right;
}
.franchise{
	float:right;
}
.social{
	position: relative;
	top: 10px;
	width: 240px;
}
.like{
	float: left;
	display: block;
	width: 115px;
}
.partage{
	float: left;
	display: block;
	width: 110px;
	height: 20px;
}
.navigation_page{
	height: 27px;
	color: #726b5b;
	width: 675px;
	margin-left:20px;
	background: url('../Images/Collection/fond_navigation.png') 0 20px no-repeat;
	margin-top: 10px;
	/*padding: 0px 0px 0px 600px;*/
}
.navigation_pre{
	float: left;
	/*font-size:16px;
	font-weight:bold;*/
	cursor: pointer;
	width:16px;
	height:13px;
	margin-top:2px;
	background: url('../Images/Collection/fleche-gauche.png') no-repeat;
}
.navigation_pre:hover {
	background: url('../Images/Collection/fleche-gauche-over.png') no-repeat;
}

.navigation_sui{
	float: left;
	/*font-size:16px;
	font-weight:bold;*/
	cursor: pointer;
	width:16px;
	height:13px;
	margin-top:2px;
	background: url('../Images/Collection/fleche-droite.png') no-repeat;
}
.navigation_sui:hover {
	background: url('../Images/Collection/fleche-droite-over.png') no-repeat;
}
.navigation_totale {
	float:right;
	background: url('../Images/Collection/fleche-droite.png') 152px 2px no-repeat;
	padding-right:38px;
	cursor:pointer;
}
.numero_page{
	/*display: inline;*/
	float: left;
	/*position: relative;*/
	/*top: 2px;*/
}

.trie_prod{
	color: #726b5b;
	height: 31px;
}
.trie_alpha{
	position: relative;
	top: 0px;
	padding: 0px 30px 10px 30px;
	float: left;
	cursor: pointer;
}
.trie_alpha:hover{
	background: transparent url('../Images/Produits/fond_trie_alpha.png') 20px 5px no-repeat;
}
.trie_fond_A{
	background: transparent url('../Images/Produits/fond_trie_alpha.png') 20px 5px no-repeat;
}
.trie_prix_croi{
	position: relative;
	top: 0px;
	padding: 0px 30px 10px 30px;
	float: left;
	cursor: pointer;
}
.trie_prix_croi:hover{
	background: transparent url('../Images/Produits/fond_trie_prix_c.png') 20px 5px no-repeat;
}
.trie_fond_PA{
	background: transparent url('../Images/Produits/fond_trie_prix_c.png') 20px 5px no-repeat;
}
.trie_prix_decroi{
	position: relative;
	top: 0px;
	padding: 0px 30px 10px 30px;
	margin: 0px 0px 0px 5px;
	float: left;
	cursor: pointer;
}
.trie_prix_decroi:hover{
	background: transparent url('../Images/Produits/fond_trie_prix_d.png') 20px 5px no-repeat;
}
.trie_fond_PDE{
	background: transparent url('../Images/Produits/fond_trie_prix_d.png') 20px 5px no-repeat;
}
.img_trie_prod{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: 5px;
}
.mini-mini-box{
	float: left;
	margin: 15px 0 10px 0;
	padding: 0 13px 0 20px;
	position: relative;
	width: 140px;
	height: 270px;
	text-decoration: none;
}
.esp_mini-mini-box {
	position: absolute;
	top: 250px;
	left: 55px;
	width: 120px;
}
.masque_prod{
	position:absolute;
	top: 0px;
	left: 21px;
}
.fond_produit_prix{
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent url('../Images/Produits/fond_prix_art.png') 5px 0 no-repeat;
	padding: 0px 10px 10px 30px ;
}
.fond_produit_promo{
	background: transparent url('../Images/Produits/fond_produit_promo.png') 20px 0 no-repeat;
}
.fond_produit_ssfam{
	background: transparent url('../Images/Produits/fond_produit.png') 20px 0 no-repeat;
}
.prix_mini_box{
	position: absolute;
	top: 218px;
	left: 30px;
	width: 120px;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	display:inline;
}
.prix_prod{
	position:relative;
	bottom: 1px;
	left: 10px;
	float: left;
	display:inline;
}
.prix_prod_prom{
	position:relative;
	/*bottom: 23px;*/
	top: 0px;
	/*left: 70px;*/
	float: right;
	display:inline;
	font-size: 14px;
}
.prix_prod_norm{
	width: 50px;
	font-size: 14px;
}
.detail_prod{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #726b5a;
	font-family: Trebuchet MS;
}
.detail_prod a{
	color: #726b5a;
	text-decoration: none;
}
.detail_prod a:hover{
	color: #726b5a;
	text-decoration: none;
}
.lib_prod_coll{
	line-height:13px;
}
.lien_box_bas {
	position: absolute;
	height: 20px;
	width: 95px;
	top: 245px;
	left: 15px;
	font-size: 11px;
	color: #3f3933;
	text-decoration: none;
	font-weight:bold;
	padding: 0px 0px 0px 30px;
}
.lien_box_bas:hover{
	color: #3f3933;
	text-decoration: none;
}
.text_box_bas{
	font-size: 11px;
	color: #726b59;
	width: 195px;
	padding: 5px 10px 0px 10px;
}
.fond_accueil{
	position: relative;
	float: left;
	background: transparent url('../Images/Accueil/cadre.png') 0 0 no-repeat;
	padding: 5px 0px 200px 5px;
}
.titre_box_bas{
	padding: 6px 150px 0px 5px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	font-family: arial, sans-serif;
}
.box_bas_p_accueil{
	height: 310px;
	width: 223px;
	position: relative;
	float: left;
	margin: 0px 4px 0px 0px;
	padding: 5px 0px 0px 5px;
}
#box_bas_p_accueil{
	height: 315px;
	width: 700px;
	position: relative;
}
.prix_promo{
	position: relative;
	right: -5px;
	text-align: right;
	font-size: 14px;
}
.prix_base{
	position: relative;
	left: 5px;
	text-decoration: line-through;
}
.prix_promo_p_accueil{
	position: absolute;
	top: 120px;
	width: 102px; 
	height: 20px; 
	padding: 2px 0 0 0; 
	margin: 8px 0;
	background: transparent url('../Images/Accueil/fond-prix-r.png') 0 0 no-repeat; 
	color: white;
	/*text-align: center;*/
	font-weight: bold;
}
#promo{
	position: relative;
	width: 690px;
	height: 205px;
	/*background: transparent url('../Images/Accueil/box-vs1.png') -10px 0 no-repeat;*/
}
#coup_coeur{
	position: relative;
	width: 690px;
	height: 205px;
	/*background: transparent url('../Images/Accueil/box-vs1.png') -10px 0 no-repeat;*/
}
.lien_prod_p_promo {
	position: absolute;
	top: 250px;
	left: 0px;
	padding: 0px 0px 0px 35px;
}
.prix_promo_p_promo{
	position: relative;
	left: 10px;
	text-align: right;
	font-size: 14px;
}
.prix_p_promo{
	text-decoration: line-through;
}
.prix_prod_p_promo {
	position: absolute;
	top: 220px;
	left: 10px;
	width: 130px;
}
.note_prod_p_promo{
	position: relative;
	top: 0px;
	left: 0px;
}
.lib_prod_p_promo{
	width: 130px;
}
.mini_prod_promo{
	width: 140px;
	height: 280px;
	position: relative;
	float: left;
	background: transparent url('../Images/Produits/fond_produit_promo.png') 0px 0px no-repeat;
	margin: 0px 10px 0px 10px;
	padding:  5px 5px 25px 5px;
	text-decoration: none;
}
.mini_prod_promo a:hover{
	text-decoration: none;
}
.pano_promo{
	height: 340px;
	padding: 15px 0px 50px 0px;
}
.masque_pano_promo{
	position: absolute;
	top: 15px;
	left: 0px;
	z-index: 2;
}
.lib_collec{
	position: relative;
	bottom: 10px;
	float: left;
	padding: 0px 0px 0px 10px;
	z-index: 5;
}
.prix_collec{
	position: relative;
	float: left;
	top: 10px;
	display: inline;
	margin: 0px 0px 0px 20px;
	z-index: 5;
	font-size: 12px;
	text-decoration:line-through;
}
.prix_promo_collec{
	position: relative;
	top: 10px;
	float: right;
	margin: 0px 30px 0px 0px;
	z-index: 5;
	font-size: 14px;
}
.mini_box_promo{
	background: transparent url('../Images/Collection/fond_promo.png') 0 0 no-repeat;
	float: left;
	height: 294px;
	width: 140px;
	margin: 0px 17px 20px 17px;
	padding: 0px 0px 0px 0px;
}
.masque_promo{
	position:relative;
	top: -1px;
	right: 3px;
	z-index: 5;
	display:inline;
}
.masque_promo_detail{
	position:absolute;
	top: -1px;
	left: 1px;
	z-index: 5;
}
.img_en_detail{
	position: relative;
	left: 1px;
	bottom: 7px;
	z-index: 5;
	height: 34px;
}
.en_detail{
	color: white;
	position: relative;
	padding: 0px 0px 0px 40px;
	bottom: 31px;
	z-index: 6;
}
.en_detail:hover{
	color: white;
	text-decoration: none;
}
.img_prod_promo{
	position:relative;
	left: 3px;
	top: 4px;
	display:inline;
	background: transparent url('../Images/Gabarit/masque_promo.png') 0 0 no-repeat;
}
.lien_fam  {
	position: relative;
	float:left;
	top: 28px;
	width: 110px;
	padding: 0px 0px 0px 35px;
	color: #3f3933;
	font-size: 12px;
	font-style:italic;
	z-index: 6;
}
.lien_fam:hover {
	color: #3f3933;
	text-decoration: none;
}

#menu-principal .menu_promo a{
	color:white;
	background: transparent url('../Images/Gabarit/fond_r.png') 0 0 no-repeat;
    text-decoration: none;
	height: 24px;
	line-height: 20px;
	vertical-align: middle;
}
#sous-principal li.sous-principal a{
	height: 13px;
	color: rgb(64,59,51);
	background: white;
	line-height: 13px;
	padding: 4px 0px 0px 15px;
	margin: -4px 3px 0px 0px;
}
#sous-principal ul li.sous-principal.active_promo a{
	color: rgb(64,59,51);
	/*padding: 3px 0px 0px 5px;
	margin: -3px 0px 0px 0px;*/
	background: transparent url('../Images/Gabarit/active-menu-principal-sscat.png') 0px 0px no-repeat;
	line-height:13px;
	height: 13px;
}
#sous-principal ul li.sous-principal.active_promo a:hover{
	background: transparent url('../Images/Gabarit/over-menu-principal-sscat.png') 0 5px no-repeat;/* color: rgb(64,59,51);*/
}
li.menu-principal a{
	height: 15px;
	color: rgb(64,59,51);
}
li.menu-principal a:hover {
    background: transparent url('../Images/Gabarit/over-menu-principal.png') 0 0 no-repeat;
    text-decoration: none;
}
.ill-promo span {
  width: 512px; height: 360px; position: absolute; top: 0px; left: 0;
}
#container {
	margin-top: -10px;
	width:175px;
	height:25px;
	padding: 0 30px 40px;
	margin-left:-24px;
	background: transparent;
}
.DoubleTrackBar {
	height: 70px;
	width: 175px;
	margin-top: 10px;
	background: url('../Include/Js/img/barre_grde.gif') left center repeat-x;
	position: relative;
}
.DoubleTrackBar .start,
.DoubleTrackBar .finish{
	margin: -5px 0;
	position: absolute;
	z-index: 20;
	top: 50%;
	left: 0;
}
.DoubleTrackBar .finish{
	left: auto;
	right: 0;}
.DoubleTrackBar .Tracker{
	margin: -16px 0;
	position: absolute;
	z-index: 50;
	height: 32px;
	font-size: 0;
	background: url('../Include/Js/img/barre.gif') left center repeat-x;
	top: 50%;}
.DoubleTrackBar .Tracker .flr,
.DoubleTrackBar .Tracker .fll{
	margin: -16px 0;
	position: absolute;
	top: 50%;
	width: 7px;
	height: 4px;
	z-index: 60;}

.DoubleTrackBar .Tracker .flr {
	left: 100%;margin-left:-4px;}
.DoubleTrackBar .Tracker .fll {
	left: auto;
	/*text-align: right;
	right: 100%;*/margin-left:-3px;margin-top:-5px;}
.DoubleTrackBar .Tracker .dis {
	opacity: 0.4;
	filter: Alpha(opacity=40);}
.DoubleTrackBar .Tracker .text{
	top: 0px;
	z-index: 20;
	height: auto;
	font-size: 10px;
	font-family: Trebuchet MS;
	white-space: nowrap;
	width: 100px;}
.DoubleTrackBar .touch {
	position: absolute;
	z-index: 40;
	text-align: center;
	background: #aaa;
	top: 30px;
}
.DoubleTrackBar .touch span{
	position: absolute;
	top: 18px; left: -12px;
	color: #aaa;
	font-size: 10px;
	font-family: Trebuchet MS;
	white-space: nowrap;
}
/* - - - GLOBAL - - - */
p, ol, li, dd, table { margin: 9px 0 9px 0; font-size: 1em; line-height: 1em; text-align: left; color: #736b5c;}
p.multiple {line-height: 5em;}
p {line-height: 1.3em;}
a { color: rgb(81,151,203); text-decoration: none; }
a:hover { color: rgb(0,75,116); text-decoration: underline; }
h1, h2, h3, h4, h5, h6 {
	margin: 10px 0 5px 0;
	color: rgb(78,109,149); background-color: transparent;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  }
h1 {
	color: rgb(72,93,105);
	font-size: 1.75em; font-weight: normal; line-height: 1.4em;
	/*letter-spacing: -1px;*/
  }
h2 { font-size: 1.3em; }
h3 { font-size: 1.0em; }
h4, h5, h6 { color: rgb(102,102,102); font-weight: normal; font-size: 1.0em; }

ul { margin: 11px 0 11px 0; padding-left: 18px; }
li { margin-bottom: 4px; }

tr, td { vertical-align: top; }
td, th { text-align: left; }
th, th p { font-size: 1.0em; font-weight: bold; }

img { border: 0; }

hr { height: 1px; margin: 0 0 10px 0; background: rgb(204,204,204); color: rgb(204,204,204); border: 0; }

form { margin: 0; padding: 0; }

/* divers */
.clear, .clearmarge {
  clear:both; height: 0; font-size: 0;
  /* display: block; visibility: hidden; margin: 0; padding: 0; */
  }
.clearmarge { height: 30px; }

small { font-size: 0.9em; }
big { font-size: 1.1em; }

label { cursor: pointer; }
acronym { cursor: help; }

.souligne { text-decoration: underline; }

.floatright { margin: 0 8px 8px 8px; float: right; }
.floatleft { margin: 0 8px 8px 8px; float: right; }
/* - - - */

/* autres */

/* points clefs */
ul.pointsclefs { list-style-image: url('../Images/Produits/puce-vs1.png'); padding: 0; margin-left: 13px; }
ul.pointsclefs li {
  padding: 0 0 0 2px; font-weight: bold; color: #736B5C;
  list-style-image: url('../Images/Produits/puce-vs1.png');
  line-height:15px;
  }
ul.pointsclefs li a, ul.pointsclefs li a:hover { color: #736B5C; text-decoration: none; }
/* titres */
h2.borderronds, h3.borderrondo, h5.borderrondo {
  padding: 1px 0 1px 10px; margin: 0 0 6px 0 ; height: 100%; /* !important */
  background: transparent url('../Images/Gabarit/border-s-h2.png') 0 0 no-repeat; color: rgb(173,164,149) !important;
  text-transform:  uppercase !important; font-size: 1.25em !important; line-height: 1.2em !important; font-weight: bold !important;
  }
h3.borderrondo, h5.borderrondo {
  background-image: url('../Images/Gabarit/border-o-h3.png'); color: rgb(64,59,51) !important; text-transform:  none !important;
  }
h5.borderrondo { margin-top: 15px; color: #ADA495 !important; border-top: 4px solid #ECE7E0; padding-top: 9px; background-position: 0 9px; }
/* ne pas mettre en gras des éléments déjà en gras (ex: ul.pointsclefs) */
ul.nobold li { font-weight: normal !important; }
/* - - - */

/* - - - - - - */


/* - - - STRUCTURE - - - */
body {
  padding: 0; margin: 0;
  font-family: "Trebuchet MS", Arial, sans-serif; font-size: 0.8em;
  background-color: white;
  }


  #page {
    position: relative; margin: 15px auto 0 auto; width: 1020px;
    }


    #entete {
    	/* height: 90px; */ position: relative; height: 100%; width: 100%; float: left;
      }
      /* global */
      #entete p, #entete p a, #entete p a:hover, #entete form, #entete input {
        margin: 0; padding: 0;
        color: rgb(64,59,51); border: 0; background-color: transparent; text-decoration: none;
        }
      #entete p, #entete ul {
        float: left;
        color: rgb(64,59,51);
        font-size: 0.85em;
        }
		
	#entete ul.chemin-nav {width: 450px;}
      /* chemin de navigation */
      #entete .chemin-nav {
		position: relative;
		top: 30px;
		left: 0px;
        margin: 0; padding: 8px 0 0 0px; list-style-type: none;
        }
      #entete .chemin-nav li {
        float: left; padding: 0 0 0 5px; margin: 0;
        color: rgb(115,107,92);
        }
      #entete .chemin-nav li a { color: rgb(115,107,92); text-decoration: none; }
      #entete .chemin-nav li a:hover { color: rgb(115,107,92); text-decoration: none; }
      #entete .chemin-nav li.active a, #entete .chemin-nav li.active a:hover { color: rgb(136,182,154); text-decoration: none; }
      /* mon magasin */
      #entete .mon-mag {
		color: white;
		font-size: 14px;
        height: 50px; width: 118px; text-align: center; padding: 5px 0px 0px 0px;
        background: transparent url('../Images/Gabarit/mon_mag.jpg') 0 0 no-repeat;
        text-transform: uppercase;
		cursor:pointer;
        }
      /* * html #entete .mon-mag { margin-left: 230px;} */
      /* identification */
      #entete .identification {
        height: 54px; margin: 0px 0 0 0; float: left;
        background: transparent url('../Images/Gabarit/fond_ident.jpg') 0 0 no-repeat;
        }
      * html #entete .identification { float: none; position: relative; left: -3px; }
      #entete .identification .ma-selection { padding: 5px 0px 0 10px; text-transform: uppercase; font-size:14px; color:white;}
      #entete .identification .login, #entete .identification .mdp { 
		position: relative; 
		top: 15px;
		left: 20px;
		padding: 0px 0px 0px 0px; 
		}
      * + html #entete .identification .login { padding-top: 2px; }
      * html #entete .identification .login { padding-top: 3px; }
      * + html #entete .identification .mdp { padding-top: 2px; }
      * html #entete .identification .mdp { padding-top: 3px; }
	  #entete .identification #login {width: 90px; }
	  #entete .identification .mdp { margin-left: 13px; width: 46px; }
	  #entete .identification #mdp {width:58px; }
	
	 /*  #entete .identification .login_c, #entete .identification .mdp_c { padding: 5px 7px 0 5px; width: 91px; } */
	    * + html #entete .identification .login_c { padding-top: 2px; }
      * html #entete .identification .login_c { padding-top: 3px; }
      * + html #entete .identification .mdp_c { padding-top: 2px; }
      * html #entete .identification .mdp_c { padding-top: 3px; }
      #entete .identification .login_c{ margin-left: 25px; margin-top: 10px; width: 100px; padding-top: 5px; font-size:10px}

      #entete .identification input { font-size: 11px; }
	  #entete .identification .connex  {
		height: 100%;
		position:relative;
		top: 15px;
		left: 23px;
	  }
      #entete .identification .mdp-oublie{
		font-size: 0.75em; 
        }
      #entete .identification .mdp-oublie a, #entete .identification .mdp-oublie a:hover {
        /*padding: 0 0 1px 3px;*/ width: 100px; display: block; height: 100%; position: relative;
		top:15px;
		left:50px;
        /*text-decoration: underline;*/ font-size: 9px; cursor: pointer;
        }
      #entete .identification .deconnexion{
		font-size: 0.75em; 
        }
      #entete .identification .deconnexion a, #entete .identification .deconnexion a:hover {
        padding: 5px 0 1px 0; margin-left: 0px; width: 110px; display: block; height: 100%; 
		position: relative; top: 10px; left: 20px;
        text-decoration: none; font-size: 0.9em; cursor: pointer;
        }
      #entete .identification form { float: left; /* FF3 */ }
      #entete .identification .sinscrire{
		position:relative;
		top:0px;
		left:43px;
		text-align: center;
        padding: 12px 0px 0px 0px;
		height: 53px; width:75px;
        background: transparent url('../Images/Gabarit/fond_inscrit.jpg') right top no-repeat;
        }
	#entete .identification .sinscrire a{
		color:white;
		text-decoration: none;
	}
      /* ligne verte */
      #entete .line-green {
        margin: 0; padding: 0; min-height: 4px; clear: both; /* font-size: 0; */ float: left; width: 100%;
        background-color: rgb(197,217,205);
        }
      * html #entete .line-green { height: 4px; }
      /* box over */
      #box-over { padding: 8px 0 8px 0; margin: 0; position: relative; width: 100%; font-size: 1.2em; }
      * + html #box-over { margin: 8px 0 0 0; }
      * html #box-over { margin: 8px 0 0 0; }
      #box-over p, #box-over ul { float: none; margin: 8px 0 8px 50px; color: #536152; }
      #box-over p em { color: #829993; font-size: 0.9em; }
      /* liens carte magasins */
      #box-over .carte-magasins {
        margin: 0; position: absolute; top: 18px; right: 50px;
        }
      * + html #box-over .carte-magasins { top: 11px; }
      * html #box-over .carte-magasins { top: 11px; }
      #box-over .carte-magasins a, #box-over .carte-magasins a:hover {
        display: block; width: 210px; height: 21px; padding: 9px 0 0 40px;
        background: transparent url('../Images/Gabarit/link-carte-magasins.png') left top no-repeat;
        text-transform: uppercase; font-size: 0.9em; font-weight: bold;
        }
      /* formulaire de recherche */
      #box-over #form-searchmag { position: absolute; top: 13px; left: 45%; }
      * + html #box-over #form-searchmag { top: 7px; }
      * html #box-over #form-searchmag { top: 7px; }
      #form-searchmag {
        margin: 0; padding: 0; width: 200px; height: 38px; position: relative;
        background: transparent url('../Images/Gabarit/recherche.png') 0 0 no-repeat;
        }
      #form-searchmag .recherche {
        margin: 4px 0 0 13px; width: 152px; padding: 9px 0; position: relative;
        border: none; background-color: transparent; font-size: 10px;
        }
      * + html #form-searchmag .recherche { padding: 7px 0; }
      * html #form-searchmag .recherche { padding: 7px 0; }
      #form-searchmag .submit { width: 20px; height: 21px; position: absolute; top: 9px; right: 8px; }


    #corps {
      margin: 0; padding: 0; float: left; width: 100%; position: relative;
      background: transparent url('../Images/Gabarit/fond_menu.jpg') 0 0 repeat-x;
      }


      #partie-gauche {
        margin: 0; padding: 0 0 0 0; float: left; width: 270px;
        }
      * html #partie-gauche { width: 255px; }
      #partie-gauche .marge-gauche {
        margin: 0; padding: 0 0 0 45px;
        background: transparent url('../Images/Gabarit/coin-fond-pointe.png') right 401px no-repeat;
        }
      #partie-gauche .minheight { min-height: 406px; }
      * html #partie-gauche .minheight { height: 406px; }
      #partie-gauche .font-degrade-arrondi {
        min-height: 535px; margin: 0 0 10px 0;
        background: transparent url('../Images/Gabarit/fond-menu-principal.jpg') right 1px no-repeat;
        }
      * html #partie-gauche .font-degrade-arrondi { height: 530px; }
        /* logo atlas */
        #partie-gauche .logo-atlas {
          margin: 0 0 30px 0; padding: 20px 0 0 15px;
          }
        /* formulaire de recherche */
        #form-search {
          margin: -10px 0 0px 0px; padding: 6px 0 0 9px; width: 200px; height: 32px; position: relative;
          background: transparent url('../Images/Gabarit/recherche.png') 0 0 no-repeat;
          }
        #form-search .recherche {
          width: 152px; margin: 4px 0 0 2px; padding: 1px 2px;
           border: none; background-color: transparent;
          }
        * + html #form-search .recherche { margin: 3px 0 0 7px; }
        * html #form-search .recherche { margin: 3px 0 0 7px; }
        #form-search .submit { width: 20px; height: 21px; position: absolute; top: 9px; right: 17px; }
        /* menu principal */
        #menu-principal {
          margin: 10px 15px 0 0; padding: 0 0 20px 0; list-style-type: none;
          }
        * html #menu-principal { margin-bottom: 0px; }
        #menu-principal li {
          margin: 0; padding: 1px 0 1px 0;
          }

        * html #menu-principal li { float: left; }
        #menu-principal li a {
          display: block; padding: 4px 0 0 15px;
          text-decoration: none; font-size: 1.1em; text-transform: uppercase;
          }
        /* sous-cat */
        #menu-principal div {
          margin: 0 0 0 0px; padding: 6px 0 0px 0px;
          background: transparent url('../Images/Gabarit/top-menu-principal-sscat.png') 0px top no-repeat;
          /* height: 5px; */ 
          }
        /** + html #menu-principal div { background-position: 0 0; }*/
        * html #menu-principal div { background-position: 0 0; }
        #menu-principal ul {
          width: 190px; margin: 0 0 0 0px; padding: 0 0 5px 0; list-style-type: none;
          background: transparent url('../Images/Gabarit/bottom-menu-principal-sscat.png') left bottom no-repeat;
          }
        #menu-principal ul li {
          margin: 0;  padding: 0 0 3px 11px;
          background-color: white;
          }
        #menu-principal ul li a {
          display: block; height: 13px; padding: 3px 15px 0 6px;
          color: rgb(64,59,51); text-decoration: none; font-size: 0.95em; text-transform: uppercase;
          }
        /* sscat menu active */
        #menu-principal ul li.active a {
          background: transparent url('../Images/Gabarit/active-menu-principal-sscat.png') 0px 1px no-repeat;
		  line-height:12px;
		  height: 15px;
		  vertical-align: middle;
		  padding-left: 15px;
		  color: white;
		  margin-top:-1px;
          }
        /* sscar menu over */
        #menu-principal ul li a:hover {
          background: transparent url('../Images/Gabarit/over-menu-principal-sscat.png') 0 0px no-repeat; color: rgb(64,59,51);
line-height:15px;
        }
		
		#menu-principal ul li ul {width: 172px;}
		#menu-principal ul li ul li {margin-left: -9px;}
		#menu-principal ul li ul li a {background-image: none;}
		#menu-principal ul li ul li a:hover {
          background: transparent url('../Images/Gabarit/over-menu-principal-sscat.png') 0 0 no-repeat; color: rgb(64,59,51);
        }
		/*#content2 {
        position:relative;float: left; height: 100%; margin: 0; padding: 0; width: 750px;
		} */
		#content2 {
		float: left;  height: 100%; margin: 0; padding: 0; width: 750px;
		} 
		#content {
		position:relative;float: left; margin:0; padding: 0; width: 750px;
		}
		#content_promo{
			position:relative;float: left; margin:0; padding: 0; width: 750px;
		}
		/*#bas-de-page {
        clear: both; padding: 20px 46px 0 47px;
        }*/
		#bas-de-page {
		position: relative;
		display: block;
		height: 200px;
        clear: both; 
		padding: 0px 10px 0 47px;
		width: 927px;
        }
        /* titre services */
        /*#bas-de-page .title-services {
          color: rgb(64,59,51); padding: 0; margin: 0 0 3px 5px;
          text-transform: uppercase; font-weight: bold; font-size: 0.9em;
          }*/
		 #bas-de-page .title-services {
          color: rgb(64,59,51); padding: 0; margin: 0 0 3px 5px;
          text-transform: uppercase; font-weight: bold; font-size: 0.9em;
          }
        /* menu services */
        #services {
          margin: 0; padding: 0; list-style-type: none;
          border-top: 2px solid rgb(219,32,50);
          }
        #services li {
          margin: 0; padding: 0; float: left; height: 60px;
          }
        #services li a {
          margin: 0; padding: 5px 0 0 0; display: block; width: 103px; height: 55px;
          background: transparent url('../Images/Gabarit/bouton-services.jpg') 0 0 no-repeat; color: rgb(115,107,92);
          text-decoration: none; text-transform: uppercase; font-size: 0.85em; text-align: center; /* font-weight: bold; */
          }
        #services li a:hover { background-image: url('../Images/Gabarit/bouton-services-over.jpg'); }
        /* specifique */
        #services li.choix a { background-image: url('../Images/Gabarit/bouton-parrainage.jpg'); }
        #services li.choix a:hover { background-image: url('../Images/Gabarit/bouton-parrainage-over.jpg'); }
        #services li.conseils a { background-image: url('../Images/Gabarit/bouton-conseils.jpg'); }
        #services li.conseils a:hover { background-image: url('../Images/Gabarit/bouton-conseils-over.jpg'); }
        #services li.garanties a { background-image: url('../Images/Gabarit/bouton-garanties.jpg'); }
        #services li.garanties a:hover { background-image: url('../Images/Gabarit/bouton-garanties-over.jpg'); }
        #services li.liste-mariage a { background-image: url('../Images/Gabarit/bouton-liste-mariage.jpg'); }
        #services li.liste-mariage a:hover { background-image: url('../Images/Gabarit/bouton-liste-mariage-over.jpg'); }
        #services li.cartes-cadeaux a { background-image: url('../Images/Gabarit/bouton-cartes-cadeaux.jpg'); }
        #services li.cartes-cadeaux a:hover { background-image: url('../Images/Gabarit/bouton-cartes-cadeaux-over.jpg'); }
        #services li.carte-fidelite a { background-image: url('../Images/Gabarit/bouton-carte-fidelite.jpg'); }
        #services li.carte-fidelite a:hover { background-image: url('../Images/Gabarit/bouton-carte-fidelite-over.jpg'); }
        #services li.carte-cetelem a { background-image: url('../Images/Gabarit/bouton-carte-cetelem.jpg'); }
        #services li.carte-cetelem a:hover { background-image: url('../Images/Gabarit/bouton-carte-cetelem-over.jpg'); }
        #services li.satisfaction a { background-image: url('../Images/Gabarit/bouton-satisfaction.jpg'); }
        #services li.satisfaction a:hover { background-image: url('../Images/Gabarit/bouton-satisfaction-over.jpg'); }
        #services li.livraison a { background-image: url('../Images/Gabarit/bouton-livraison.jpg'); }
        #services li.livraison a:hover { background-image: url('../Images/Gabarit/bouton-livraison-over.jpg'); }


      /*#pied-de-page {
        background: transparent url('../Images/Gabarit/font-pieddepage.jpg') 0 0 repeat-x;
        }*/
      #pied-de-page div {
         margin: 0px 0 18px 0; padding: 0 0 0 0; height: 100px; position: relative; bottom: 100px;
        background: transparent url('../Images/Gabarit/font-pieddepage-bloc.jpg') 0 0 no-repeat;
        }
        /* menu par bloc */
        #pied-de-page .menu-box {
          width: 161px; margin: 0; padding: 16px 0 0 35px; list-style-type: none; float: left;
          }
        #pied-de-page .end {
          padding-left: 40px;
          }
        #pied-de-page .menu-box li {
          margin: 0; padding: 2px 0;
          }
        #pied-de-page .menu-box li a, #pied-de-page .menu-box li a:hover {
          margin: 0; padding: 0;
          color: rgb(115,107,92); text-decoration: none;
          }
        #pied-de-page .menu-box li a:hover { text-decoration: underline; }
        /* icones specifiques */
        #pied-de-page .menu-box li.imprimer, #pied-de-page .menu-box li.reco,
        #pied-de-page .menu-box li.favoris, #pied-de-page .menu-box li.newsletter {
          padding-left: 15px;
          background: transparent url('../Images/Gabarit/icone-imprimer.png') 0 4px no-repeat;
          }
        #pied-de-page .menu-box li.reco { background-image: url('../Images/Gabarit/icone-reco.png'); }
        #pied-de-page .menu-box li.favoris { background-image: url('../Images/Gabarit/icone-favoris.png'); }
        #pied-de-page .menu-box li.newsletter { background-image: url('../Images/Gabarit/icone-newsletter.png'); }
        /* menu rapide */
        #pied-de-page .menu-rapide {
          margin: 0 0 0 0; padding: 0 60px 0 0; list-style-type: none; float: left;
          }
        #pied-de-page .menu-rapide li {
          margin: 0; padding: 6px 0 0 0; float: left; height: 18px;
          text-align: center;
          }
        #pied-de-page .menu-rapide li a, #pied-de-page .menu-rapide li a:hover {
          color: rgb(115,107,92); text-transform: uppercase; font-size: 0.85em; text-decoration: none;
          }
        #pied-de-page .menu-rapide li.bouton-vs1 {
          width: 71px;
          background: transparent url('../Images/Gabarit/bouton-vs1.png') 0 0 no-repeat;
          }
        #pied-de-page .menu-rapide li.bouton-vs2 {
          width: 93px;
          background: transparent url('../Images/Gabarit/bouton-vs2.png') 0 0 no-repeat;
          }
/* - - - - - - */


/* - - - CATALOGUE INTERACTIF & A NE PAS MANQUER & INSCRIPTION NEWSLETTER - - - */
#catal-inter, #manquer, #newsletter, #newsletter2, #quizz, #ewego, #parrainage, #recrutement, #promotions {
  margin: 6px 0 5px 0; padding: 0 5px; width: 200px; height: 100px; float: left; position: relative;
  background: transparent url('../Images/Gabarit/catal-inter.jpg') 0 0 no-repeat;
  }
  #explicatif_picto {
  margin: 6px 0 5px 0; padding: 0 5px; width: 200px; height: 250px; float: left; position: relative;
  background: transparent url('../Images/Gabarit/explicatif_picto.jpg') 0 0 no-repeat;
  }
/*#manquer {
  background-image: url('../Images/Gabarit/manquer.jpg');
  }*/
#quizz {
  background-image: url('../Images/Gabarit/case_quizz.jpg');
}
#ewego {
  background-image: url('../Images/Gabarit/ewego.jpg');
}
#parrainage {
	background-image: url('../Images/Gabarit/parrainage.jpg');
}
#recrutement{
	background-image: url('../Images/Gabarit/recrutement.jpg');
}
#promotions{
	background-image: url('../Images/Gabarit/case_promo.jpg');
}
#newsletter, #newsletter2 {
  background-image: url('../Images/Gabarit/newsletter.jpg');
  }
#catal-inter h3, #manquer h3, #newsletter h3, #newsletter2 h3, #quizz h3 #explicatif_picto h3, #ewego h3, #parrainage h3, #recrutement h3, #promotions h3{
  margin: 8px 0 8px 0;
  text-transform: uppercase; font-size: 0.85em;
  color: rgb(64,59,51);
  }

#catal-inter .info, #manquer .info, #quizz .info, #explicatif_picto .info, #ewego .info {
  width: 95px; font-size: 0.85em; color: rgb(115,107,92); line-height: 1.1em;margin-top:-3px;
  }
#manquer .info { width: 110px; }
#promotions .info { width: 130px; font-size: 0.81em; }
#newsletter .info, #newsletter2 .info, #parrainage .info , #recrutement .info  { width: 190px; font-size: 0.85em; color: rgb(115,107,92); line-height: 1.1em;margin-top:-3px;}

#explicatif_picto .info { width: 135px; }
.link2 a{color:#736B5C}
.link2 a:hover{text-decoration:none;}
#catal-inter .link a, #catal-inter .link a:hover,
#manquer .link a, #manquer .link a:hover,
#newsletter .link a, #newsletter .link a , #newsletter2 .link a, #newsletter2 .link a , #quizz .link a, #explicatif_picto .link a, #ewego .link a, #parrainage .link a, #recrutement .link a, #promotions .link a{
  position: absolute; bottom: 6px; left: 18px;
  color: rgb(64,59,51); font-style: italic; text-decoration: none; font-size: 0.85em; font-weight: bold;
  }
#catal-inter .link a:hover, #manquer .link a:hover, #newsletter .link a:hover, #newsletter2 .link a:hover , #quizz .link a:hover, #explicatif_picto .link a:hover, #ewego .link a:hover, #parrainage .link a:hover, #recrutement .link a:hover, #promotions .link a:hover {
  text-decoration: underline;
  }
#atout_prix1 {position: absolute; top: 62px; left: 40px;}
#atout_prix2 {position: absolute; top: 177px; left: 40px;}
/* - - - - - - */


/* - - - TROUVER - - - */
#trouver {
  margin: 10px 0 10px -10px; padding: 0 5px; width: 200px; float: left; position: relative;
  background: transparent url('../Images/Gabarit/box-trouver.gif') 0 0 no-repeat;
  }
* html #trouver { margin-left: -5px; }
/* init */
#trouver fieldset, #trouver form, #trouver legend, #trouver input, #trouver option, #trouver select {
  margin: 0; padding: 0;
  border: none; color: rgb(166,138,88); background-color: transparent;
  }
/* titre du formulaire / fieldset */
#trouver legend {
  padding: 8px 0 0 8px;
  font-size: 1.15em; text-transform: uppercase;
  }
/* repartition des zones */
#trouver p { margin: 0 0 6px 8px; padding: 0; }
#trouver p.first { margin-top: 11px; margin-bottom: 3px; }
* html #trouver p { margin: 0 0 10px 8px; padding: 0; }
* html #trouver p.first { margin-top: 11px; margin-bottom: 0; }
#trouver span { display: block; }
#trouver span.label { margin-bottom: 3px; }
/*#trouver img { margin-top: 3px; }*/
#trouver img { margin-top: 5px; }
/* liste déroulante */
#trouver .input-long { /* permet d'avoie un fond personnalisé */
  height: 20px; width: 180px;
  background: transparent url('../Images/Gabarit/input-long-trouver.jpg') 0 0 no-repeat;
  }
#trouver select {
  height: 16px; width: 170px; margin: 2px 0 0 5px; padding: 0 0 0 0;
  border: none; background-color: transparent;font-size:12px;
  }
* + html #trouver select { height: 17px; font-size: 0.8em; margin-top: 2px; }
* html #trouver select { font-size: 0.8em; margin-top: 1px; }
#trouver option { background-color: white; }
/* input texte */
#trouver .input-court, #trouver .input-court input {
  height: 20px; width: 80px; padding: 0; margin: 0;
  }
#trouver .input-court input { margin-top: 1px; margin-left: 5px; width: 70px; }
* + html #trouver .input-court input { margin-left: -3px; }
* html #trouver .input-court input { margin-left: -3px; }
#trouver .input-court {
  float: left;
  background: transparent url('../Images/Gabarit/input-court-trouver.jpg') 0 0 no-repeat;
  }
#trouver .multiple { display: block; float: left; padding: 4px 8px 0 8px; }
/* input submit */
#trouver .submit {
  padding: 0 0 0 0; clear: both;
  }
#trouver .submit input {
  margin: 10px 0 0 35px; padding: 2px 0 0 23px; display: block; height: 19px;
  background: transparent url('../Images/Gabarit/detail-box-trouver.jpg') 0 0 no-repeat; color: black;
  font-size: 0.85em; font-style: italic; cursor: pointer;
  }
* + html #trouver .submit input { margin-top: -4px; padding: 3px 0 0 4px; }
* html #trouver .submit input { margin-top: -2px; padding: 3px 0 0 4px; }
/* - - - - - - */


/* - - - NOUVELLE COLLECTION - - - */
.nouvelle-collection {
  color: rgb(115,107,92); margin: 35px 0 0 0; 
  height: 60px;
  width: 100%; 
  clear: both;
  vertical-align: middle;
  }
* html .nouvelle-collection { margin: 20px 0 0 0;}
.nouvelle-collection h5 {
  padding: 10px 0 0 0; display: block;
  }
.nouvelle-collection .clash {
  float: left;  margin-left:10px; margin-top:0px;
  /*background: transparent url('../Images/Collection/moins20.jpg') right 0 no-repeat;*/
  color: rgb(51,111,112); text-transform: uppercase; font-size: 1.2em;
  }
.nouvelle-collection .link {
    width: 126px;
    height: 20px;
    padding-top: 3px;
    padding-right: 0pt;
    padding-bottom: 1px;
    padding-left: 27px;
    background-color: transparent;
    background-image: url(../Images/Accueil/voir-collection.jpg);
    background-repeat: no-repeat;
    text-decoration: none;
    color: black;
}
.nouvelle-collection .link a, .nouvelle-collection .link a:hover {
font-size: 0.9em;
font-style: italic;
text-decoration: none;
color: #403b33;
}
.nouvelle-collection .offre_titre { float:left; width:23%; }
.nouvelle-collection .offre_image { float:left; width:12%; }
.nouvelle-collection .offre_texte { float:left; width:63%; margin-top:5px; }
.nouvelle-collection .offre_texte  .info { font-size: 11px; }
/* - - - - - - */


/* - - - MINI-BOX - - - */
#boxs .mini-box {
  width: 220px; margin: 0 2px 0 8px; /* height: 100%; */ float: left; padding: 0 0 18px 0;
  }
* html #boxs .mini-box { padding: 0; }
#boxs .mini-box .illustration img{
  position:absolute;top:5px;left:5px;
}
#boxs .mini-box .illustration {
  width: 100px; height: 100px; margin: 0; padding: 5px 0 0 0; float: left; position: relative;
  background: transparent url('../Images/Gabarit/font-box-mini.png') 0 0 no-repeat;
  text-align: center;
  }
#boxs .mini-box .logoinfoexcep {
  position: absolute; top: 0; right: 0;
  }
#boxs .mini-box .illustration a {
  margin-top: 90px; padding: 9px 0 0 21px; display: block; height: 15px;
  background: transparent url('../Images/Gabarit/detail-box.jpg') 5px 4px no-repeat; color: rgb(64,59,51);
  font-style: italic; font-weight: bold; cursor: pointer; font-size: 0.9em; text-decoration: none;
  }
#boxs .mini-box .illustration a:hover { background-image: url('../Images/Gabarit/detail-box-over.jpg'); }
* + html #boxs .mini-box .illustration a { background-position: 4px 0; padding-top: 5px; }
* html #boxs .mini-box .illustration a { background-position: 5px 0; padding-top: 5px; }
* + html #boxs .mini-box .illustration a:hover { background-position: 3px 0; }
* html #boxs .mini-box .illustration a:hover { background-position: 4px 0; }
#boxs .mini-box .info {
  float: left; width: 112px; margin-left: 5px;
  }
#boxs .mini-box h5 {
  margin: 0 0 5px 0; padding: 0;
  color: #736b5c; font-size: 0.95em; line-height: 1.1em;
  font-weight: bold;
  }
#boxs .mini-box .description {
  margin: 5px 0; padding: 0;
  color: rgb(115,107,92); font-size: 0.9em;
  width:110px;
  overflow:hidden
  }
#boxs .mini-box .prix {
  width: 77px; height: 20px; padding: 2px 0 0 0; margin: 8px 0;
  background: transparent url('../Images/Gabarit/font-prix.png') 0 0 no-repeat; color: white;
  text-align: center; font-weight: bold;
  }
#boxs .prix2 {
  width: 100px; height: 20px; padding: 2px 0 0 0; margin: 8px 0;
  background: transparent url('../Images/Gabarit/fond-prix.png') 0 0 no-repeat; color: white;
  text-align: center; font-weight: bold;
  }
#boxs .box-mediumevol{margin-left:20px;margin-bottom:22px;}
/* - - - - - - */

/* - - - BOX-MEDIUM- - - */
.box-medium, .box-mediumevol {
  float: left; width: 160px; margin: 0 0 0 0; padding-left: 30px;
  }  
/*  .box-medium, .box-mediumevol {
  float: left; width: 130px; margin: 0 0 0 0; padding-left: 10px;
  } */ 
.box-mediumcoll {float: left; width: 150px; margin: 0 0 0 0; padding-left: 15px;}
.box-mediumevol { margin-top: 10px; margin-bottom: 15px; }
.box-medium .mini-box, .box-mediumevol .mini-box , .box-mediumcoll  .mini-box{
  float: left; width: auto !important; min-height: 140px; margin: 0 0 15px 0 !important; padding: 0 !important; position: relative;
  }
* + html .box-medium .mini-box { min-height: 156px; }
* html .box-medium .mini-box { height: 156px; }
* + html .box-mediumevol .mini-box { min-height: 156px; }
* html .box-mediumevol .mini-box { height: 156px; }
* + html .box-mediumcoll.mini-box { min-height: 156px; }
* html .box-mediumcoll .mini-box { height: 156px; }
.box-medium .mini-box a, .box-medium .mini-box a:hover,
.box-mediumcoll .mini-box a, .box-medium coll.mini-box a:hover,
.box-mediumevol .mini-box a, .box-mediumevol .mini-box a:hover {
  width: 140px; height: 159px; margin: 0; position: absolute; top: 0; left: 0; display: block; float: left;
  background: transparent url('../Images/Gabarit/box-liste-medium.png') left top no-repeat; color: rgb(64,59,51);
  font-style: italic; font-weight: bold; text-decoration: none; font-size: 0.95em; cursor: pointer; line-height: 1.1em;z-index:1;
  }
.box-mediumevol .mini-box a, .box-mediumevol .mini-box a:hover {
  text-transform: uppercase; font-style: normal;
  background-image: url('../Images/Gabarit/font-box-mediumevol.png'); color: #736B5C;
  }
.box-mediumevol .mini-box a:hover { background-image: url('../Images/Gabarit/font-box-mediumevol-hover.png'); }
.box-medium .mini-box a span, .box-mediumevol .mini-box a span, .box-mediumcoll .mini-box a span { position: absolute; top: 145px; left: 32px; }
.box-mediumevol .mini-box a span { top: 144px; font-size: 10px; }
.box-medium .mini-box img, .box-mediumevol .mini-box img, .box-mediumcoll .mini-box img{ margin-left: 2px; }
.box-mediumevol .mini-box em {
  display: block; width: 130px; height: 85px; overflow: auto; z-index: 501;font-style: normal;
  position: absolute; top: 49px; left: 5px; font-size: 0.85em;line-height:14px;
  }
/* box image sans lien */
.box-medium .mini-box span.sanslien {
  width: 140px; height: 140px; position: absolute; top: 0; left: 0; display: block;
  background: transparent url('../Images/Gabarit/box-img.png') left top no-repeat; color: rgb(64,59,51);
  }

/* - - - - - - */


/* - - - ACCUEIL - - - */
/* bloc principal de la page d'accueil */
.accueil {
	background: transparent url('../Images/Gabarit/fond-pointe.png') -8px 401px no-repeat;
}
.boxs-homepage {
  margin: 13px 0 0 0; padding: 8px 0 0 0; width: 698px; 
  height:720px;
  position: relative; float: left;
  border-left: 1px solid #ebe7e0;
  border-right: 1px solid #ebe7e0;
  }
.bottom-boxs-homepage {
	position: relative;
	top: 0px;
	height: 4px; clear: both; margin: -3px 0 0 0; float: left; width: 100%;
	background: transparent url('../Images/Accueil/bottom-boxs-homepage.png') 0 0 no-repeat;
}
#promo h2 {
  padding: 6px 0 0 0; margin: 0 0 21px 10px;
  color: #d91f32; background: transparent url('../Images/Accueil/barre-longue-red.png') 0 0 no-repeat;
  text-transform: uppercase; font-size: 1.35em; letter-spacing: 1px; font-weight: bold; font-family: arial, sans-serif;
  }
#coup_coeur h2 {
  padding: 6px 0 0 0; margin: 0 0 21px 10px;
  color: rgb(188,191,84); background: transparent url('../Images/Accueil/barre-longue-green.png') 0 0 no-repeat;
  text-transform: uppercase; font-size: 1.35em; letter-spacing: 1px; font-weight: bold; font-family: arial, sans-serif;
  }



/* - - - COLLECTION & CUISINE- - - */
/* fond collection */
.collection {
  background: transparent url('../Images/Collection/fond-collection.jpg') 0 401px no-repeat;
  }
/* bloc image illustration */
.ill-collection, .ill-cuisine {
  margin: 15px 0 0 -5px; padding: 0 0 0 0; position: relative; float: left;
  }
.ill-collection span {
  width: 512px; height: 360px; position: absolute; top: 0; left: 0;
  background: transparent url('../Images/Collection/fond-ill-collection.png') 0 0 no-repeat;
  }
.ill-cuisine span {
  width: 713px; height: 360px; position: absolute; top: 0; left: 0;
  background: transparent url('../Images/Collection/fond-ill-cuisine.png') 0 0 no-repeat;
  }
.ill-collection img, .ill-cuisine img { margin-left: 4px; }
.ill-collection span em, .ill-cuisine span em {
  position: absolute; bottom: 1px; right: 20px; margin: 0; padding: 10px 0 10px 53px; min-height: 30px;
  background: transparent url('../Images/Collection/fleche-ill-collection.png') 0 0 no-repeat; color: rgb(235,235,235);
  font-style: normal; font-size: 2em; font-family: helvetica, sans-serif; /* font-weight: bold; */ text-transform: uppercase;
}
* html .ill-cuisine span em { background-image: url('../Images/Collection/fleche-ill-collection-ie.png'); }
* html .ill-cuisine span em { height: 30px; }
* html .ill-collection span em { background-image: url('../Images/Collection/fleche-ill-collection-ie.png'); }
* html .ill-collection span em { height: 30px; }
/* coup de coeur */
.box-coupdecoeur {
  margin: 15px 0 0 15px; padding: 0 0 0 0; position: relative; float: left;
  }
.box-coupdecoeur p { margin: 0; padding: 0; }
.box-coupdecoeur div {
  width: 188px; height: 360px; position: absolute; top: 0; left: 0;
  background: transparent url('../Images/Collection/fond-coupdecoeur-collection.png') 0 0 no-repeat;
  }
.box-coupdecoeur .image { margin-left: 4px; }
.box-coupdecoeur .link, .box-coupdecoeur .info, .box-coupdecoeur .prix {
  position: absolute; bottom: 95px; left: 40px;
  }
.box-coupdecoeur .link a, .box-coupdecoeur .link a:hover {
  font-style: italic; color: rgb(230,230,230); text-decoration: none; font-size: 0.98em;
  }
.box-coupdecoeur .info {
  bottom: 48px; left: 15px;
  color: white; font-family: helvetica, sans-serif; text-transform: uppercase;
  }
.box-coupdecoeur .info span {
  display: block; margin: 6px 0 0 0;
  }
.box-coupdecoeur .prix {
  bottom: 17px; left: 15px; width: 88px; height: 20px; padding: 0 0 0 0;
  background: transparent url('../Images/Collection/fond-prix.jpg') 0 0 no-repeat; color: white;
  text-align: center; font-weight: bold; font-size: 1.2em;
  }
/* liste des collections */
.liste-collection {
  width: 699px; margin: 0 0 0 0; padding: 0 0 20px 0; float: left;
  border-style: solid; border-color: rgb(235,231,224); border-width: 0 1px;
  }
.borderbottom-liste-collection {
  height: 4px; padding: 0 0 0 0; clear: both;
  background: transparent url('../Images/Gabarit/borderbottom-pleinpage.png') left top no-repeat;
  }
.collection h2, .listemariage h2, .services h2, .emplois h2 {
  margin: 35px 0 0 10px;
  color: rgb(64,59,51); text-transform: uppercase; font-size: 1.4em; font-weight: normal;
  }
.liste-collection .editeur-wysiwyg {
  margin: 5px 5px 5px 10px;
  color: rgb(64,59,51);
  }
/* différentes cat */
.liste-collection .box-liste .mini-box,
.liste-collection .box-liste .large-box,
.liste-collection .box-liste .petit-box {
  float: left; min-height: 159px; margin: 15px 0 10px 0; padding: 0 13px 0 20px; position: relative;
  }
.liste-collection .box-liste .petit-box { min-height: 69px; margin-bottom: 6px; }
.liste-collection .box-liste .large-box { padding-right: 20px; }
* html .liste-collection .box-liste .petit-box { height: 69px; }
* html .liste-collection .box-liste .mini-box { height: 159px; }
* html .liste-collection .box-liste .large-box { height: 159px; }
.liste-collection .box-liste .mini-box a, .liste-collection .box-liste .mini-box a:hover,
.liste-collection .box-liste .large-box a, .liste-collection .box-liste .large-box a:hover,
.liste-collection .box-liste .petit-box a, .liste-collection .box-liste .petit-box a:hover {
  width: 140px; height: 159px; margin: 0 0 0 20px; position: absolute; top: 0; left: 0; display: block; float: left;
  background: transparent url('../Images/Gabarit/box-liste-medium.png') left top no-repeat; color: #736b5c;
  text-transform: uppercase; text-decoration: none; font-size: 0.95em; cursor: pointer; line-height: 1.1em; font-weight: bold;
  }
.liste-collection .box-liste .large-box a, .liste-collection .box-liste .large-box a:hover {
  width: 300px; background-image: url('../Images/Gabarit/font-box-large.png');
  }
.liste-collection .box-liste .petit-box a, .liste-collection .box-liste .petit-box a:hover {
  width: 140px; height: 69px; background-image: url('../Images/Gabarit/font-box-petit.png');
  }
.liste-collection .box-liste .mini-box span,
.liste-collection .box-liste .large-box span {
  position: absolute; top: 145px; left: 32px; 
  }
.liste-collection .box-liste .petit-box span {
  position: absolute; top: 55px; left: 32px;
  }
.liste-collection .box-liste .mini-box img,
.liste-collection .box-liste .large-box img,
.liste-collection .box-liste .petit-box img {
  margin-left: 2px;
  z-index: 1;
  }
/* pagination */
.pagination {
  float: left; margin: 15px 0 0 0; padding: 0 30px 0 30px; list-style-type: none;
  text-transform: uppercase; color: rgb(115,107,92); font-size: 0.85em;
  }
.pagination li {
  float: left; margin: 0; padding: 0 3px; line-height: 1.2em;
  }
.pagination li a, .pagination li a:hover {
  display: block; color: rgb(64,59,51); text-decoration: underline;
  }
.pagination li.suivant a, .pagination li.suivant a:hover {
  text-decoration: none; height: 14px; width: 64px; padding: 0 0 0 5px;
  background: transparent url('../Images/Gabarit/bouton-suivant-pagination.jpg') left top no-repeat;
  }
* html .pagination li.suivant a { padding-top: 1px; }
* + html .pagination li.suivant a { padding-top: 1px; }
* html .pagination li.suivant a:hover { padding-top: 1px; }
* + html .pagination li.suivant a:hover { padding-top: 1px; }
.pagination li.active a, .pagination li.active a:hover {
  text-decoration: none; color: rgb(115,107,92);
  }
.pdroite { float: right; }

/*cahier technique*/
.img-cat-tech { text-align:center; } 
.img-cat-tech p{ text-align:left; font-size:11px;}
.img-cat-tech img { margin:10px 10px 10px 10px; }
/* - - - - - - */


/* - - - PRODUITS & EMPLOIS- - - */
/* fond collection */
.produits, .emplois {
  background: white url('../Images/Produits/font-prod.jpg') 0 1px no-repeat;
  }

/* partie gauche */
.produits .gauche, .emplois .gauche {
  float: left; width: 430px; margin: 35px 0 0 0; padding: 0 10px 0 10px;
  border-left: 1px solid rgb(235,231,224);
  }
/* prix + info sup */
.produits .prix-produit, .produits .prix-produit-promo {
  float: right; width: 128px; height: 20px; padding: 2px 0 0 0; margin: -38px 0 0 0;
  color: white;
  text-align: center; font-weight: bold;
  }
.produits .prix-produit {
  background: transparent url('../Images/Produits/fond-prix.png') 0 0 no-repeat;
  }
.produits .prix-produit-promo {
  background: transparent url('../Images/Produits/fond-prix-promo.png') 0 0 no-repeat;
  }
.produits .etoileprix {
  display: block; margin: 6px 0 0 0;
  color: rgb(115,107,92); font-size: 0.9em; font-weight: normal; text-align: right;
  }
/* box img */
.produits .img-produit {
  position: relative; margin: 10px 0 35px 0; padding: 0 0 0 0;
  }
.produits .img-produit small {
  width: 432px; height: 371px;position:absolute;  top: 0; left: 0;
  background: transparent url('../Images/Produits/fond-box-produit.png') 0 0 no-repeat; color: rgb(115,107,92);
  z-index:1;
  
  }
/* text "passez votre souris sur l'img pour zoomer */
.produits .img-produit small .infozoom {
  position: absolute; bottom: 3px; right: 35px;
  font-style: italic;
  }
.produits .img-produit .logoinfo {
  position: absolute; top: 11px; left: 13px;z-index:1;
  }
.produits .img-produit .ref {
  position: absolute; bottom: 3px; left: 1px;
  color: rgb(167,159,143); font-style: italic; font-size: 0.95em;
  }
.produits .img-produit .logoinfoexcep {
  position: absolute; top: 0; right: 0;
  }
/* div info sur le produit */
div.infoprod { color: rgb(115,107,92); }
div.infoprod p{line-height:15px;}
/* titre info */
div.infoprod h5 {
  margin: 15px 0 -8px 0;
  text-transform: uppercase; font-weight: bold;
  line-height:20px;
  }
/* partie droite */
.produits .droite, .emplois .droite {
  float: left; width: 299px; margin-top: 25px; /* width: 250px; */ height: 100%; position: relative;
  }
/* bordure box */
.produits .borderbottom-infosprod, .emplois .borderbottom-infosprod {
  height: 4px; padding: 0; clear: both;
  background: transparent url('../Images/Gabarit/borderbottom-pleinpage.png') 0 0 no-repeat;
  }
.produits .bordertop-infosprod{
  height: 4px; padding: 0; clear: both;
  background: transparent url('../Images/Gabarit/bordertop-pleinpage.png') 0 0 no-repeat;
  }
.emplois .box-prod {
  float: left;
  background: transparent url('../Images/Produits/border-box-right.png') 701px 420px no-repeat;
  }
.produits .box-prod{
	float: left;
	height: 100%;
	background: transparent url('../Images/Produits/border-box-right.png') 701px 420px no-repeat;
}
/* options box img */
.curseur_vues{cursor:pointer}
.produits .autres-vues { padding: 0; margin: 5px 0 10px 0; list-style-type: none; float: left; }
.produits .autres-vues li {
  padding: 5px 1px 10px 17px; float: left; margin: 0 0 0 0; width: 65px; height: 65px;
  background: transparent url('../Images/Produits/cadre-options.png') 12px 0 no-repeat;
  }
.produits .box-img-produit {
  float: left; width: 100%; padding: 0 0 0px 0; min-height: 378px;
  background: rgb(163,157,145) url('../Images/Produits/fond-droite-prod.jpg') -25px 0 repeat-x;
  /*rgb(163,157,145)*/
  }
* html .produits .box-img-produit { height: 378px; }
.produits .borderbottom-droite-prod {
  clear: both; width: 100%; height: 22px;
  background: white url('../Images/Produits/bottom-prod.png') bottom left no-repeat;
  }
.produits .box-img-produit p { margin-left: 13px; }
.produits .box-img-produit .info-autres-vues { color: white; margin: 85px 0 0 13px; }
.info-autres-vues2{  position:absolute;margin: 0px 0 0 13px; clear: both;
  font-weight: bold; text-transform: uppercase; color: white;}
.produits .box-img-produit .info-autres-coloris, .produits .box-img-produit .info-types-existants {
  margin: 31px 0 0 13px; clear: both;
  font-weight: bold; text-transform: uppercase; color: white;
 }
.produits .box-img-produit .info-types-existants { margin-top: 5px; }
.produits .autres-coloris { padding: 0; margin: 3px 0 0 0; list-style-type: none; float: left; position: relative; }
* html .produits .autres-coloris { margin-bottom: 1px; }
.produits .autres-coloris li {
  padding: 0 0 20px 10px; float: left; margin: 0; position: relative;
  }
.produits .autres-coloris li.empty { padding: 5px 0 20px 15px; width: 35px; height: 50px; background: transparent url('../Images/Produits/cadre-color-empty.png') 10px 0 no-repeat; }
.produits .autres-coloris li a, .produits .autres-coloris li a:hover {
  display: block; padding: 5px 0 0 5px; margin: 0; width: 35px; height: 50px; position: relative;
  background: transparent url('../Images/Produits/cadre-color.png') 0 0 no-repeat; color: rgb(64,59,51);
  text-decoration: none; font-style: italic;
  }
.produits .autres-coloris li a:hover { background-image: url('../Images/Produits/cadre-color-over.png'); }
.produits .autres-coloris li a span {
  position: absolute; top: 44px; width: 163px; visibility: hidden; padding-bottom: 1px;
  }
.produits .autres-coloris li a:hover .norm { visibility: visible; left: 25px; }
.produits .autres-coloris li a:hover .inv { visibility: visible; right: 25px; text-align: right; }
/* types existants */
.produits .types-existants {
  padding: 0 0 0 11px; margin: 3px 0 5px 0; list-style-type: none; float: left;
  }
.types-existants img{
  margin-left:-10px;
}
.produits .types-existants li {
  padding: 4px 7px 4px 18px; float: left; margin: 0; position: relative;
  color: rgb(64,59,51); font-style: italic; font-size: 0.9em;
  }
.produits .types-existants .place1 { background: transparent url('../Images/Produits/1place.png') 0 0 no-repeat; }
.produits .types-existants .places2 { padding-left: 34px; background: transparent url('../Images/Produits/2places.png') 0 0 no-repeat; }
.produits .types-existants .places3 { padding-left: 46px; background: transparent url('../Images/Produits/3places.png') 0 0 no-repeat; }
/* liste de liens utiles */
.emplois .listlink {
  margin: 0px 0 0 0; padding: 30px 0 0 0; float: left; list-style-type: none; height: 100%; width: 100%;
  background: transparent url('../Images/Produits/fond-listlink.png') 0 0 no-repeat;
  }
.produits .listlink {
	margin: 0px 0 0 0; padding: 20px 0 20px 0; float: left; list-style-type: none;  width: 100%; height: 100%;
	background: transparent url('../Images/Produits/fond-listlink.png') 0 0 no-repeat;
}
/** html .produits .listlink { margin-top: 0px; }*/
.produits .listlink.margemax { margin-top: 250px; }
.emplois .listlink.margemax { margin-top: 100px; min-height: 280px; }
* html .emplois .listlink.margemax { height: 280px; }
.produits .listlink li, .emplois .listlink li {
  margin: 0; padding: 5px 0;
  }
.produits .listlink a, .produits .listlink a:hover,
.emplois .listlink a, .emplois .listlink a:hover
{ color: rgb(64,59,51); text-decoration: none; }
.produits .listlink .trouver a, .produits .listlink .ajouter a, .produits .listlink .video a, .produits .listlink .detail a  {
  display: block; width: 190px;
  background: transparent url('../Images/Produits/bouton-trouver.png') 0 0 no-repeat;
  text-transform:  uppercase;
  }
.produits .listlink .ajouter a, .produits .listlink .video a, .produits .listlink .detail a  {padding: 8px 0 9px 40px;}
.produits .listlink .trouver a{color: white; font-size: 11px; padding: 10px 10px 9px 30px;}
.produits .listlink .ajouter a { background-image: url('../Images/Produits/bouton-ajouter.png'); }
.produits .listlink .video a { background-image: url('../Images/Produits/bouton-video.png');color:#ffffff; }
.produits .listlink .detail a { background-image: url('../Images/Produits/bouton-detail-compo.png'); }
.produits .listlink .imprimer a, .produits .listlink .reco a{
  padding: 5px 20px 10px 36px; display: block; width: 200px;
  background-image: none;
  }
.emplois .imprimer a, .emplois .imprimer a:hover {
  padding: 5px 20px 10px 36px; display: block; width: 160px;
  background-image: none;
  }
.produits .listlink .reco a:hover
{ background: transparent url('../Images/Produits/bouton-over-reco.png') -55px 5px no-repeat; }
.produits .listlink .imprimer a:hover
{ background: transparent url('../Images/Produits/bouton-over.png') -39px 5px no-repeat; }
.emplois .imprimer a:hover{
	padding: 5px 0 10px 36px; display: block; width: 160px;
	background-image: none;
	background: transparent url('../Images/Produits/bouton-over-imp.png') bottom left no-repeat;
}
.produits .listlink .imprimer{ background: transparent url('../Images/Gabarit/icone-imprimer-big.png') 11px 10px no-repeat;
	width: 400px;
}
.emplois .imprimer { background: transparent url('../Images/Gabarit/icone-imprimer-big.png') 0px 10px no-repeat; }
.emplois .imprimer { float: left; margin: 40px 0 0 0; padding: 0 0 20px 0; background-position: 11px 4px; }
.produits .listlink .reco { background: transparent url('../Images/Produits/icone-reco.png') 12px 10px no-repeat; }
/* mini-box */

.produits .boxs-produit ,.produits .boxs-produit2 { margin: 20px 0 0 0; }
* html .produits .boxs-produit { margin-top: 10px; }
/* droite et gauche */
.produits .boxs-produit .gauche, .produits .boxs-produit .droite { margin: 0; width: 330px; float: left; min-height: 330px; border: none; }
* html .produits .boxs-produit .gauche { height: 330px; }
* html .produits .boxs-produit .droite { height: 330px; }
.produits .boxs-produit .gauche {
  margin: 0 25px 15px 0; padding: 0;
  background: transparent url('../Images/Produits/fond-gauche.jpg') bottom right no-repeat;
  }
.produits .boxs-produit .droite {
  background: transparent url('../Images/Produits/fond-droite.jpg') bottom right no-repeat;
  }
/* mini-box */
.produits .boxs-produit .mini-box {
  margin-bottom: 20px !important;
  }
/* titres mini-box */
.produits .boxs-produit h4, .produits .boxs-produit2 h4  {
  padding: 6px 0 0 0; margin: 0 0 17px 10px;
  color: rgb(188,191,84); 
  text-transform: uppercase; font-size: 1.35em; letter-spacing: 1px; font-weight: bold; font-family: arial, sans-serif;
  }
.produits .boxs-produit h4 {background: transparent url('../Images/Produits/barre-courte-green.png') 0 0 no-repeat;}
.produits .boxs-produit2 h4 {background: transparent url('../Images/Produits/barre-longue-green.png') 0 0 no-repeat;}
.produits .boxs-produit h4 span {
  display: block; width: 320px;
  text-align: right; color: rgb(118,42,70);
  }
.produits .boxs-produit .faitpartiede {
  color: rgb(140,50,83); background-image: url('../Images/Produits/barre-courte-violet.png');
  }
/* medium box */
/* nom et prix du produit */
.produits .box-medium .nomprod, .produits .box-medium .prixprod, .produits .box-mediumcoll  .prixprod {
  padding: 0; margin: 2px 0;
  }
.produits .box-medium .nomprod, .produits .box-mediumcoll  .nomprod {
  color: #736b5c; font-weight: bold;
  text-transform: uppercase; font-size: 0.9em;
  }
.produits .box-medium .prixprod, .produits .box-mediumcoll .prixprod {
  width: 77px; height: 20px; padding: 2px 0 0 0; margin-bottom: 4px;
  background: transparent url('../Images/Gabarit/font-prix.png') 0 0 no-repeat; color: white;
  text-align: center; font-weight: bold;
  }
/* découvrez link */
.produits .decouvrez { margin: 15px 0; padding: 0; float: left; }
.produits .decouvrez2 { margin: 0px 0 25px 0px; padding: 0; float: left; }
.produits .decouvrez2 a, .produits .decouvrez2 a:hover {
  margin: 0; padding: 0 0 0 21px;
  background: transparent url('../Images/Produits/puce-fleche2.png') 0 2px no-repeat; color: rgb(188,191,84);
  text-transform: uppercase; text-decoration: none;
  }
.produits .decouvrez a, .produits .decouvrez a:hover {
  margin: 0; padding: 0 0 0 21px;
  background: transparent url('../Images/Produits/puce-fleche.png') 0 2px no-repeat; color: rgb(140,50,83);
  text-transform: uppercase; text-decoration: none;
  }
/* - - - - - - */


/* - - - PLEINPAGE - - - */
.pleinpage {
  background: transparent url('../Images/Gabarit/fond-pointe.png') -8px 401px no-repeat; color: #736B5C;
  }
.back-pleinpage {
  width: 678px; margin-top: 20px; padding: 1px 10px 5px 10px; min-height: 400px;
  background: white url('../Images/Gabarit/font-pleinpage.jpg') 0 0 no-repeat;
  border-style: solid; border-color: #EBE7E0; border-width: 0 1px 0 1px;
  }
.back-pleinpage div{margin:0px;}
.borderbottom-pleinpage {
  height: 4px;
  background: transparent url('../Images/Gabarit/borderbottom-pleinpage.png') 0 0 no-repeat;
  }
.pleinpage h2 {
  text-transform: uppercase; font-size: 1.5em; font-weight: normal;
  color: #403B33;
  }
/* mode simple */
.simple .back-pleinpage { background: none !important; min-height: 0; }
#zonetop { min-height: 390px; }
* html #zonetop { height: 390px; }
/* - - - - - - */

.select-free iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:750px;/*must have for any big value*/
	height:1000px/*must have for any big value*/;
}
#teste{ position:absolute;left:150px;margin-left:150px;}
/* - - - NEWSLETTER - - - */
#form-newsletter {
  margin: 30px 0 30px 0; padding: 0; height: 100%;
  background: transparent url('../Images/Newsletter/newsletter.jpg') right center no-repeat;
  }

#form-newsletter .gauche {
  width: 54.9%; float: left;
  }
#form-newsletter .droite {
  width: 45.1%; float: right;
  }
/* paragraphe de séparation */
#form-newsletter p { clear: both; margin: 6px 0; padding: 1px 0; }
/* label */
#form-newsletter span.label {
  display: block; float: left; width: 135px; margin: 0 8px 0 0; padding: 0 0 2px 0;
  text-align: right;
  }
/* input court et long */
#form-newsletter span.input-court, #form-newsletter span.input-court input, #form-newsletter2 span.input-court, #form-newsletter2 span.input-court input,
#form-newsletter span.input-long, #form-newsletter span.input-long input {
  height: 20px; width: 140px; padding: 0; margin: 0;
  border: 0; background-color: transparent;
  }
#form-newsletter span.input-long, #form-newsletter span.input-long input { width: 223px; }
#form-newsletter span.input-court, #form-newsletter span.input-long, #form-newsletter2 span.input-court {
  padding: 1px 2px 1px 2px;
  background: transparent url('../Images/Gabarit/input-court.jpg') 0 0 no-repeat;
  }
* + html #form-newsletter span.input-court { padding-top: 2px; }
* html #form-newsletter span.input-court { padding-top: 2px; }
#form-newsletter span.input-long { background-image: url('../Images/Gabarit/input-long.jpg'); }
* + html #form-newsletter span.input-long { padding-top: 2px; }
* html #form-newsletter span.input-long { padding-top: 2px; }

#form-newsletter span.select-court select , #form-newsletter span.select-long select, #form-newsletter span.textarealong textarea, #recommander_produit span.textarealong textarea, #recommander_site span.textarealong textarea, #liste-mariage textarea {border: 1px solid #EBE7E0;}

/* input submit */
#form-newsletter .boutons, #form-parrainer-ami .boutons, #form-bon-parrainage .boutons, #form-bon-reduction .boutons {
  margin: 25px 0 0 0; padding: 0; clear: both;
  text-align: center;
  }
#form-newsletter .boutons input, #form-newsletter2 .boutons input, #form-parrainer-ami .boutons input, #form-bon-parrainage .boutons input, #form-bon-reduction .boutons input {
  width: 190px; height: 30px; padding: 0 0 0 40px; color: #403B33; cursor: pointer;
  border: none; text-align: left; font-weight: bold; text-transform: uppercase; font-size: 0.9em;
  }
  
#form-newsletter .boutons input.modif {
  width: 230px; height: 30px; padding: 0 0 0 40px; color: #403B33; cursor: pointer;
  border: none; text-align: left; font-weight: bold; text-transform: uppercase; font-size: 0.85em;
  }
  
#form-newsletter .reset {
  margin: 0 20px 0 0;
  background: transparent url('../Images/Gabarit/bouton-annuler.png') 0 0 no-repeat;
  }
#form-newsletter .submit, #form-newsletter2 .submit, #form-parrainer-ami .submit, #form-bon-parrainage .submit, #form-bon-reduction .submit {
  background: transparent url('../Images/Gabarit/bouton-valider.png') 0 0 no-repeat;
  }
/* block creer mdp */
#creermdp {
  padding: 5px 0 8px 0;
  border: 1px solid rgb(235,235,235); background-color: rgb(245,245,245);
  }
#creermdp span.label { width: 130px; }
/* - - - - - - */

#sinscrire , #recommander_produit, #connexion {
  margin: 30px 0 30px 0; padding: 0; 
  }
#sinscrire .gauche {
  width: 54.9%; float: left;
  }
#sinscrire .droite {
  width: 45.1%; float: right;
  }
  
#composition .gauche {
  width: 30%; float: left; margin-left: 30px;
}

#composition .droite {  
	width: 65%; float: right; height: 150px; 
}

#recommander_produit .gauche {
 width: 250px; float: left;
}
#recommander_produit .droite {
  width: 300px; float: left;
  }
  
#form_recommander_site .titresstitre h2 {text-transform:none; text-align:center; }
#form_recommander_site .titresstitre p { width: 120px; text-align:center; }
/* paragraphe de separation */
#sinscrire p, #mdp-oublie p, #composition p , #connexion p { clear: both; margin: 6px 0; padding: 1px 0; }
#recommander_site .content .saisie_obl , #recommander_produit .saisie_obl{ text-align:right; margin-right: 30px; }
#recommander_produit .saise_obl { margin-right: -10px; }
/* label */
#sinscrire span.label, #mdp-oublie span.label, #recommander_site span.label , #recommander_produit span.label, #composition span.label{
  display: block; float: left; width: 135px; margin: 0 8px 0 0; padding: 0 0 2px 0;
  text-align: right;
  }
/* input court et long */
#sinscrire span.input-court, #sinscrire span.input-court input,
#sinscrire span.input-long, #sinscrire span.input-long input, 
#mdp-oublie span.input-long, #mdp-oublie span.input-long input,
#recommander_site span.input-long, #recommander_site span.input-long input,
#recommander_site span.input-court, #recommander_site span.input-court input,
#recommander_produit span.input-long, #recommander_produit span.input-long input,
#recommander_produit span.input-court, #recommander_produit span.input-court input ,
p.lm_input span.input-court input {
  height: 20px; width: 140px; padding: 0; margin: 0;
  border: 0; background-color: transparent;
  }
#sinscrire span.input-long, #sinscrire span.input-long input, #mdp-oublie span.input-long, #mdp-oublie span.input-long input,
#recommander_site span.input-long, #recommander_site span.input-long input , #recommander_produit span.input-long, #recommander_produit span.input-long input { width: 220px; }
#sinscrire span.input-court, #sinscrire span.input-long, #mdp-oublie span.input-long,
#recommander_site span.input-court, #recommander_site span.input-long , #recommander_produit span.input-court, #recommander_produit span.input-long  {
  padding: 1px 2px 1px 2px;
  background: transparent url('../Images/Gabarit/input-court.jpg') 0 0 no-repeat;
  }
* + html #sinscrire span.input-court { padding-top: 2px; }
* html #sinscrire span.input-court { padding-top: 2px; }
#sinscrire span.input-long, #mdp-oublie span.input-long, #recommander_site span.input-long , #recommander_produit span.input-long{ background-image: url('../Images/Gabarit/input-long.jpg'); }
* + html #sinscrire span.input-long { padding-top: 2px; }
* html #sinscrire span.input-long { padding-top: 2px; }
/* input submit */
#sinscrire .boutons, #mdp-oublie .boutons, #recommander_site .boutons ,  #recommander_produit .boutons {
  margin: 25px 0 0 0; padding: 0; clear: both;
  text-align: center;
  }
#recommander_produit .boutons { text-align:right; margin-right:40px; }
#sinscrire .boutons input, #mdp-oublie .boutons input, #recommander_site .boutons input , #recommander_produit .boutons input {
  width: 230px; height: 30px; padding: 0 0 0 40px; color: #403B33; cursor: pointer;
  border: none; text-align: left; font-weight: bold; text-transform: uppercase; font-size: 0.9em;
  }
#recommander_site .content , #recommander_produit .content { font-size: 0.9em; }
#sinscrire.reset {
  margin: 0 20px 0 0;
  background: transparent url('../Images/Gabarit/bouton-annuler.png') 0 0 no-repeat;
  }
#sinscrire .submit, #mdp-oublie .submit  {
  background: transparent url('../Images/Gabarit/bouton-valider.png') 0 0 no-repeat;
 }
#recommander_site .submit , #recommander_produit .submit { background: transparent url('../Images/Gabarit/bouton-valider.png') 0 0 no-repeat; }
/* - - - MAGASINS - - - */
/* gauche & droite */
.magasins .gauche {
  float: left; width: 320px;
  }
.magasins .droite {
  float: right; width: 340px;
  }
/* cadre + carte france */
.magasins .cadre-listmag {
  width: 709px; height: 369px; position: relative; padding-top: 10px; margin: 0 0 0 -3px;
  background: transparent url('../Images/Magasins/cadre-listmag.jpg') 0 10px no-repeat;
  }
.magasins .cadre-listmag p {
  color: #536152; font-weight: bold;
  }
.magasins .cadre-listmag .decouvrez-mag {
  position: absolute; top: 35px; left: 40px; width: 230px;
  }
.magasins .cadre-listmag .carte-france {
  position: absolute; top: 21px; left: 125px; z-index: 499;
  }
.magasins .cadre-listmag .carte-france-ext {
  position: absolute; top: 185px; left: 85px; z-index: 500;
  }
.magasins .cadre-listmag .selectionnez-mag {
  position: absolute; top: 35px; right: 25px; width: 210px;
  }
.magasins .cadre-listmag .selectionnez-mag select {
  width: 185px; height: 14px; margin: 11px 0 0 13px;
  border: none; background: transparent;
  }
.magasins .cadre-listmag .selectionnez-mag option {
  background-color: white;
  }
.magasins .cadre-listmag .selectionnez-mag .select {
  width: 209px; height: 38px;
  background: transparent url('../Images/Magasins/back-select.png') 0 0 no-repeat;
  }
* + html .magasins .cadre-listmag .selectionnez-mag select { height: 37px; font-size: 0.8em; margin-top: 10px; }
* html .magasins .cadre-listmag .selectionnez-mag select { font-size: 0.8em; margin-top: 10px; }

#listemag{font-size:11px;}
/* resultat recherche */
.magasins .introsearch {
  margin: 20px 0 0 0;
  }
.resultsearch {
  margin: 25px 0 30px 0; padding: 0 0 0 0; list-style-type: none; float: left; width: 100%;
  }
.emplois .resultsearch { margin: 10px 0; }
.resultsearch li {
  margin: 5px 0; padding: 0 0 0 21px; float: left; width: 100%;
  background: transparent url('../Images/Magasins/puce-atlas.png') 0 0 no-repeat;
  }
.emplois .resultsearch li { background: none;  padding: 0; }
* html .resultsearch li { width: auto; }
.resultsearch li strong,
.resultsearch li span,
.resultsearch li a {
  display: block; float: left; width: 19%; margin-left: 10px;
  }
.resultsearch li strong { margin: 0; text-transform: uppercase; }
.resultsearch li span { width: 50%; text-align: center; }
.resultsearch li a, .resultsearch li a:hover {
  padding: 0 0 1px 12px; width: 22%;
  background: transparent url('../Images/Magasins/puce-fleche.png') 0 3px no-repeat; color: #403B33;
  font-style: italic;
  }
.emplois .resultsearch li strong { width: 46%; }
.emplois .resultsearch li span { width: 30%; }
.emplois .resultsearch li a, .emplois .resultsearch li a:hover { width: 15%; background-image: url('../Images/Emplois/puce-flecheg.png'); }
.resultsearch li a:hover {
  text-decoration: underline;
  }
/* bloc float */
.bloc-floatleft {
  margin: 25px 0 20px 0; padding: 0; float: left; width: 330px; min-height: 270px;
  background: transparent url('../Images/Magasins/fond-bloc.jpg') bottom right no-repeat;
  }
.bfv { background-image: url('../Images/Gabarit/fond-blocv.jpg'); }
* html .bloc-floatleft { height: 270px; }
.bloc-floatleft h4.bordertop, .bloc-floatleft h4.bordertopv {
  padding: 6px 0 0 0; margin: 0 0 0 0;
  color: rgb(188,191,84); background: transparent url('../Images/Magasins/barre-courte-green.png') 0 0 no-repeat;
  text-transform: uppercase; font-size: 1.35em; letter-spacing: 1px; font-weight: bold; font-family: arial, sans-serif;
  }
.bloc-floatleft h4.bordertopv { background-image: url('../Images/Gabarit/barre-courtev.png'); color: #8C3253; }
.bloc-floatleft .magconcerne, .bloc-floatleft .magconcernev {
  width: 261px; height: 20px; padding: 6px 5px 0 10px; margin: 13px 0 8px 0; font-size: 1.3em;
  color: white; background: transparent url('../Images/Magasins/fond-nom-magasin.png') 0 0 no-repeat; text-transform: uppercase;
  }
.bloc-floatleft .magconcernev { background-image: url('../Images/Gabarit/fond-nomv.png'); }
.bloc-floatleft .txtbox {
  float: left; width: 160px; margin: 5px 0 0 0;
  }
.bloc-floatleft .txtbox .provocbottom { min-height: 100px; color: #403B33; font-size: 12px; }
* + html .bloc-floatleft .txtbox .provocbottom { min-height: 110px; }
* html .bloc-floatleft .txtbox .provocbottom { height: 110px; }
.bloc-floatleft .txtbox-actualites {
  float: left; width: 320px; margin: 5px 0 0 0;
  }
.bloc-floatleft .txtbox-actualites .provocbottom { min-height: 100px; color: #403B33; font-size: 12px; }
* + html .bloc-floatleft .txtbox-actualites .provocbottom { min-height: 110px; }
* html .bloc-floatleft .txtbox-actualites .provocbottom { height: 110px; }
.bloc-floatleft .box-medium {
  margin-right: 10px;
  }
/* box-d */
.box-d {
  margin: 13px 0; padding: 0; clear: both; position: relative;
  }
.box-d span {
  position: absolute; top: 0; left: 0; height: 215px; width: 215px; display: block;
  background: transparent url('../Images/Magasins/box-d.png') 0 0 no-repeat;
  }
.box-d img { margin: 2px 0 0 2px; }
/* liste de liens utiles */
.magasins .listlink {
  width: 230px; height: auto; margin: 0; padding: 20px 20px 0 0; float: right; list-style-type: none;
  }
.magasins .listlink li {
  margin: 0; padding: 5px 0;
  }
.magasins .listlink a, .magasins .listlink a:hover, .magasins .listlink .simulink { color: rgb(64,59,51); text-decoration: none; }
.magasins .listlink .planacces a, .magasins .listlink .planaccesd a {
  padding: 8px 0 9px 10px; display: block; width: 220px;
  background: transparent url('../Images/Magasins/bouton-listlink.png') 0 0 no-repeat;
  text-transform:  uppercase;
  }
.magasins .listlink .planacces a:hover, .magasins .listlink .planaccesd a:hover {
  background-image: url('../Images/Magasins/bouton-listlink-over.png');
  }
.magasins .listlink a span { padding-left: 30px; }
/* liens specifiques */
.magasins .listlink .planacces a span { background: transparent url('../Images/Magasins/icone-plansacces.png') 0 0 no-repeat; }
.magasins .listlink .planaccesd a span { background: transparent url('../Images/Magasins/icone-plansaccesd.png') 0 0 no-repeat; }
/* itineraire */
.magasins .listlink .itineraire .simulink { display: block; padding: 5px 0 9px 40px; width: 190px; text-transform:  uppercase; }
.magasins .listlink .itineraire {
  margin: 8px 0 9px 0; height: 210px; overflow: auto; width:250px;
  background: transparent url('../Images/Magasins/bloc-itineraire.png') 0 0 no-repeat;
  }
/* formulaire itinéraire */
.magasins .listlink .itineraire form { margin: 11px 0 0 0; padding: 0; }
.magasins .listlink .itineraire form p { margin: 8px 0; }
.magasins .listlink .itineraire form .label {
  width: 73px; display: block; float: left; padding: 0 5px 0 5px;
  text-align: right; font-size: 0.9em;
  }
.magasins .listlink .itineraire form .input {
  padding-bottom: 2px; background: transparent url('../Images/Magasins/back-input.png') 0 0 no-repeat;
  }
.magasins .listlink .itineraire form .textarea  textarea {
  overflow: auto;
  padding-bottom: 2px; background: transparent url('../Images/Magasins/back-textarea.png') 0 0 no-repeat;
  }
* html .magasins .listlink .itineraire form .textarea  textarea { background: none; }
* + html .magasins .listlink .itineraire form .textarea  textarea { background: none; }
* + html .magasins .listlink .itineraire form .textarea
{ background: transparent url('../Images/Magasins/back-textarea.png') 0 0 no-repeat; }
* html .magasins .listlink .itineraire form .textarea
{ background: transparent url('../Images/Magasins/back-textarea.png') 0 0 no-repeat; }
.magasins .listlink .itineraire form .input input, .magasins .listlink .itineraire form .textarea textarea {
  padding: 0 5px; width: 130px; height: 20px; border: 0; background-color: transparent;
  }
.magasins .listlink .itineraire form .textarea textarea { height: 40px; font-size: 1.2em; }
/* input valider */
.magasins .listlink .itineraire form .submit {
  width: 210px; height: 30px; padding: 0 0 0 40px; margin: 10px 0 0 9px;
  background: transparent url('../Images/Magasins/input-valider.png') 0 0 no-repeat; color: #403B33;
  border: 0; text-align: left; text-transform: uppercase; font-size: 0.9em; cursor: pointer;
  }
/* imprimer */
.magasins .listlink .imprimer a {
  padding: 5px 0 10px 37px; display: block; width: 196px;
  background-image: none;
  }
.magasins .listlink .imprimer { background: transparent url('../Images/Gabarit/icone-imprimer-big.png') 12px 10px no-repeat; }
.magasins .listlink .imprimer a:hover { background: transparent url('../Images/Produits/bouton-over.png') bottom left no-repeat; }
/* pop up plan acces detaille */
#plan_acces_detaille { position: absolute; top: 162px; right: 120px; }
#plan_acces_detaille .content {width:auto;}
#plan_acces_detaille .boxcalque .bandedroite .bandegauche .content  a {
	padding: 5px 0 10px 37px; display: block; width: 196px;
	background-image: none;}
#plan_acces_detaille .content .planaccesd { margin-left: 0; padding: 5px 0; margin-top:0px; }
#plan_acces_detaille .content .planaccesd h3 { 
  color: black;
  padding: 8px 0 9px 10px; display: block; width: 220px;
  background: transparent url('../Images/Magasins/bouton-listlink.png') 0 0 no-repeat;
  text-transform:  uppercase;}
#plan_acces_detaille .content .planaccesd h3 span { background: transparent url('../Images/Magasins/icone-plansaccesd.png') 0 0 no-repeat; padding-left:30px;}

#plan_acces_detaille .content .imprimer1 a {
  padding: 5px 0 10px 37px; display: block; width: 196px;
  background-image: none;
  color:black;
  text-decoration:none;
  }
#plan_acces_detaille .content .imprimer1 { background: transparent url('../Images/Gabarit/icone-imprimer-big.png') 12px 5px no-repeat; }
#plan_acces_detaille .content .imprimer1 a:hover { background: transparent url('../Images/Produits/bouton-over.png') bottom left no-repeat; }
/* - - - - - - */


/* - - - EMPLOIS- - - */
/* illustration */
.emplois .ill-emplois {
  position: relative; float: left; margin: 0 10px 30px 0;
  }
.emplois .ill-emplois span {
  position: absolute; top: 0; left: 0; display: block; width: 215px; height: 215px;
  background: transparent url('../Images/Emplois/box-img-emplois.png') 0 0 no-repeat;
  }
.emplois .ill-emplois img { margin-left: 2px; margin-top: 2px;  }
/* bloc offres */
.emplois .consulter-offres {
  margin: -5px 0 10px -3px; padding: 0; width: 240px; height: 207px; position: relative;
  background: transparent url('../Images/Emplois/bloc-consulteroffres.jpg') 0 0 no-repeat; color: #A68A58;
  }
/* titre bloc */
.emplois .consulter-offres h5, .emplois .candidature-spontanee h5 {
  margin: 18px 0 18px 0; padding: 0; float: left; width: 100%;
  color: #A68A58; font-size: 1.25em; text-align: center; text-transform: uppercase;
  }
* html .emplois .consulter-offres h5 { margin-bottom: 9px;  }
/* separation entre chaque morceau */
.emplois .consulter-offres p, .emplois .consulter-offres .france-entiere {
  margin: 10px 0 13px 13px;
  }
/* label description */
.emplois .consulter-offres .label {
  margin: 0 0 4px 0; display: block; 
  }
/* bouton de validation */
.emplois .consulter-offres .input {
  position: absolute; top: 115px; left: 70px; width: 140px;
  }
.emplois .consulter-offres .input input { text-align: left; }
* + html .emplois .consulter-offres .input { left: 55px;  }
* html .emplois .consulter-offres .input { left: 55px;  }
.emplois .consulter-offres .france-entiere a, .emplois .consulter-offres .france-entiere a:hover {
  padding: 5px 0 0 18px; display: block; color: #403B33; border: none; background-color: transparent; cursor: pointer;
  font-style: italic; font-family: "Trebuchet MS", sans-serif;
  background: transparent url('../Images/Emplois/puce-flecheg.png') 0 7px no-repeat;
  }
.emplois .consulter-offres .input input {
  padding: 5px 0 0 15px; display: block; color: #403B33; border: none; background-color: transparent; cursor: pointer;
  font-style: italic; font-family: "Trebuchet MS", sans-serif;
  background: transparent url('../Images/Emplois/puce-flecheg.png') 0 12px no-repeat;
  }
.emplois .consulter-offres .france-entiere a, .emplois .consulter-offres .france-entiere a:hover {
  margin: -2px 0 0 69px; width: 125px; padding-top: 3px; padding-bottom: 3px;
  }
.emplois .consulter-offres select, .emplois .consulter-offres option {
  background-color: white; color: #A68A58;
  }
/* candidature spontanee */
.emplois .candidature-spontanee {
  margin: 10px 0 10px -3px; padding: 0; width: 240px; height: 106px; float: left;
  background: transparent url('../Images/Emplois/bloc-candidatspont.jpg') 0 0 no-repeat; color: #A68A58;
  }
.emplois .candidature-spontanee a, .emplois .candidature-spontanee a:hover {
  margin: 4px 0 0 13px; padding: 9px 0 0 40px; width: 170px; height: 21px; display: block; float: left;
  background: transparent url('../Images/Emplois/bouton-postuler.png') 0 0 no-repeat; color: #403B33;
  font-size: 1.1em; text-transform: uppercase;
  }
* html .emplois .candidature-spontanee a, * html .emplois .candidature-spontanee a:hover { margin: -5px 0 0 7px; }
/* secteur & département*/
.emplois .consulter-offres .secteur, .emplois .consulter-offres .departements {
  width: 205px; height: 20px; display: block; padding: 0 0 0 5px; margin: 0;
  background: transparent url('../Images/Emplois/back-select-secteur.png') 0 0 no-repeat;
  }
.emplois .consulter-offres .departements {
  width: 55px;
  background-image: url('../Images/Emplois/back-select-dep.png');
  }
#secteur, #dep {
  width: 200px; height: 16px; margin: 1px 0 0 0;
  border: 0; background-color: transparent;
  }
#dep { width: 50px; }
* + html #secteur, * + html #dep { font-size: 0.85em; height: 18px; }
* html #secteur, * html #dep { font-size: 0.85em; }
/* texte partie droite */
.emplois .txt {
  float: left; margin: 15px 0; width: 235px; line-height: 1em; font-size: 0.9em;
  }
/* bouton postuler & retour */
.postuler, .retour { margin: 10px 0 10px 13px; padding: 0; }
.postuler { margin-top: 30px; }
.postuler a, .postuler a:hover, .retour a, .retour a:hover {
  padding: 9px 0 6px 40px; width: 140px; height: 15px; display: block;
  background: red url('../Images/Emplois/bouton-postuler-small.png') 0 0 no-repeat; color: #403B33;
  text-decoration: none; text-transform: uppercase;
  }
.retour a, .retour a:hover {
  background-image: url('../Images/Emplois/bouton-retour.png');  }
/**//* formulaire postuler */
#form-postuler {
  margin: 30px 0 25px 0; padding: 0; width: 390px;
  color: #736B5C; background-color: transparent;
  }
/* label */
#form-postuler .label {
  display: block; width: 100px; float: left; margin: 0 5px 0 0; padding: 3px 0 0 0;
  text-align: right;
  }
/* placement des cases à cocher & des boutons de contrôles */
#form-postuler .checkbox, #form-postuler .input { margin-left: 101px; }
* + html #form-postuler .checkbox, * + html #form-postuler .input { margin-left: 102px; }
* html #form-postuler .checkbox, * html #form-postuler .input { margin-left: 51px; width: 270px; }
/* global */
#form-postuler select, #form-postuler option, #form-postuler input, #form-postuler textarea {
  border: 0; background-color: transparent;
  }
#form-postuler option { background-color: white; }
#form-postuler p { float: left; margin: 5px 0 5px 0; padding-left: 20px; width: 100%; }
/* input, select, etc; */
#form-postuler select, #form-postuler span input { height: 16px; margin: 1px 0 0 0; }
* + html #form-postuler select, * + html #form-postuler span input { font-size: 0.85em; height: 18px; }
* html #form-postuler select, * html #form-postuler span input { font-size: 0.85em; }
#form-postuler select.multiple {height: 80px;}
/* textarea */
#form-postuler textarea { height: 36px; margin: 1px 0 0 0; }
* + html #form-postuler textarea { font-size: 0.85em; }
* html #form-postuler textarea { font-size: 0.85em; }
#form-postuler .selectcourt, #form-postuler .selectlong,
#form-postuler .textcourt, #form-postuler .textlong,
#form-postuler .textareacourt, #form-postuler .textarealong {
  display: block; padding: 0 0 0 5px; margin: 0; float: left;
  }
/* select court */
#form-postuler .selectcourt {
  width: 137px; height: 20px;
  background: transparent url('../Images/Emplois/form-postuler-selectcourt.png') 0 0 no-repeat;
  }
#form-postuler .selectcourt select { width: 132px; }
/* select long */
#form-postuler .selectlong {
  width: 208px; height: 20px;
  background: transparent url('../Images/Emplois/form-postuler-selectlong.png') 0 0 no-repeat;
  }
#form-postuler .selectlong select { width: 203px; }
/* text court */
#form-postuler .textcourt {
  width: 138px; height: 20px;
  background: transparent url('../Images/Emplois/form-postuler-textcourt.png') 0 0 no-repeat;
  }
#form-postuler .textcourt input { width: 132px; }
/* text long */
#form-postuler .textlong {
  width: 280px; height: 20px; 
  background: transparent url('../Images/Emplois/form-postuler-textlong.png') 0 0 no-repeat;
  }
#form-postuler .textlong input { width: 203px; }
/* textarea court */
#form-postuler .textareacourt {
  width: 208px; height: 40px;
  background: transparent url('../Images/Emplois/form-postuler-textareacourt.png') 0 0 no-repeat;
  }
#form-postuler .textareacourt textarea { width: 203px; }
/* textarea court */
#form-postuler .textarealong {
  width: 278px; height: 60px;
  background: transparent url('../Images/Emplois/form-postuler-textarealong.png') 0 0 no-repeat;
  }
#form-postuler .textarealong textarea { width: 273px; height: 56px; }
/* bouton de contrôle */
#form-postuler .input {
  margin: 8px 0 0 0 !important; padding: 0 0 0 125px !important; float: left;
  }
#form-postuler .input input {
  width: 85px; height: 30px; margin: 0 5px 0 0; padding: 0 0 0 27px; float: left;
  text-align: left; cursor: pointer; background-color: transparent; font-size: 0.85em; color: #403B33; text-transform: uppercase;
  }
#form-postuler .input .retour {
  background: transparent url('../Images/Emplois/form-postuler-btretour.png') 0 0 no-repeat;
  }
#form-postuler .input .reset {
  background: transparent url('../Images/Emplois/form-postuler-bteffacer.png') 0 0 no-repeat;
  }
#form-postuler .input .submit {
  background: transparent url('../Images/Emplois/form-postuler-btenvoyer.png') 0 0 no-repeat;
  }
/* - - - - - - */



/* - - - LISTE DE MARIAGE & SERVICES détail - - - */
.listemariage, .services {
  background: transparent url('../Images/ListeMariage/fond-listem.jpg') 0 295px no-repeat;
}
  
#liste-mariage { width: 95%; clear: both; margin-left: 20px;}
#liste-mariage .gauche { width: 34%; float: left; }
#liste-mariage .droite { width: 65%; float: left; }
#liste-mariage .gauche_m {width: 50%; float: left; }
#liste-mariage .droite_m {width: 50%; float: left; }
#liste-mariage .al_droite {text-align: right; color: #736b5c;}
  
.lm_boutons {
	width: 210px; height: 30px; 
	text-align: center; color: #403B33; cursor: pointer; font-weight: bold; text-transform: uppercase;
	border: none; text-align: left;  font-size: 1.2em;
}
  
.lm_input span.input-court, .lm_input span.input-mini input , .lm_input span.input-long  input, .lm_input span.input-total input , .lm_input span.input-micro input {
  height: 20px; width: 140px; padding: 0; margin: 0;
  border: 0; background-color: transparent;
}

.lm_input span.input-long, .lm_input span.input-long input { width: 223px; }
.lm_input span.input-mini input {width: 60px;}
.lm_input span.input-total input {width: 80px; text-align: center;}
.lm_input span.input-micro input {width: 53px; text-align: center;}

.lm_input span.input-court { padding: 1px 2px 1px 2px; background: transparent url('../Images/Gabarit/input-court.jpg') 0 0 no-repeat; }
.lm_input span.input-mini { padding: 1px 2px 1px 2px; background: transparent url('../Images/Gabarit/input-mini.jpg') 0 0 no-repeat; }
.lm_input span.input-long input { padding: 0 2px 0 2px; background: transparent url('../Images/Gabarit/input-long.jpg') 0 0 no-repeat; }
.lm_input span.input-total { background: transparent url('../Images/ListeMariage/fond_total.jpg') 0 0 no-repeat; }
.lm_input span.input-micro { background: transparent url('../Images/ListeMariage/fond_qte.jpg') 0 0 no-repeat; }

.lm_input img {cursor: pointer;}
#liste-mariage  .gauche p { text-align: right; }
#liste-mariage select { border: 1px solid #EBE7E0; color: #736b5c; }

#liste-mariage .boutons { margin: 25px 0 0 0; padding-left: 100px; clear: both; width: 100%; }
#liste-mariage .boutons input {
  width: 231px; height: 30px; padding: 0 0 0 50px; color: #403B33; cursor: pointer; display: block; margin-left: 10px;
  border: none; text-align: left; font-weight: bold; text-transform: uppercase; font-size: 1.2em; float: left;
}
  
#liste-mariage .annuler { background: transparent url('../Images/ListeMariage/annuler.jpg') 0 0 no-repeat; }
#liste-mariage .submit { background: transparent url('../Images/ListeMariage/rechercher.jpg') 0 0 no-repeat; }
#liste-mariage a, #liste-mariage a:hover  {text-decoration: none; color: #403B33;}

#liste-mariage .prefere { background: url('../Images/ListeMariage/fond_prefere.jpg') 0 0 no-repeat; width: 500px; height: 24px; padding-left: 5px; }
#liste-mariage .prefere p { line-height: 24px; }
#liste-mariage .prefere p { margin-top: -1px; }


/* bouton link vs1 */
.boutonimg1, .boutonimg1:hover {
  padding: 8px 0 0 40px; width: 190px; height: 23px; display: block;
  background: transparent url('../Images/ListeMariage/bouton-acces-liste.jpg') bottom right no-repeat; color: #403B33;
  text-transform: uppercase; font-size: 0.9em; text-decoration: none;
  }
/* box informations */
.ill-info {
  margin: 15px 10px 0 -3px; padding: 0 0 0 0; position: relative; float: left;
  text-align: center;
  }
.ill-info span {
  width: 190px; height: 160px; position: absolute; top: 0; left: 0; padding: 80px 0 10px 0;
  color: white; font-size: 1.7em; font-family: "Arial Black", sans-serif; font-weight: normal;
  }
.ill-info span em {
  display: block; margin: 0 0 15px 0;
  font-family: "Lucida Console", sans-serif; letter-spacing: -1px;
  }
/* box illustration */
.ill-moyenne {
  margin: 15px 0 0 0; padding: 0 0 0 0; position: relative; float: left;
  }
.ill-moyenne span {
  width: 510px; height: 250px; position: absolute; top: 0; left: 0;
  background: transparent url('../Images/ListeMariage/cadre-listemariage.png') 0 0 no-repeat;
  }
.ill-moyenne img { margin-left: 4px; }
.ill-moyenne span em {
  position: absolute; bottom: 1px; right: 20px; margin: 0; padding: 10px 0 10px 53px; min-height: 30px;
  color: rgb(235,235,235);
  font-style: normal; font-size: 2.1em; line-height: 1em; font-family: helvetica, sans-serif; text-transform: uppercase;
}
* html .ill-moyenne span em { height: 30px; }
/* titre */
.listemariage h2, .services h2 {
  margin-top: 40px !important; margin-bottom: 10px;
  }
.services h3, .services h2 { margin-left: 10px !important; }
.emplois h2 { margin: 0 0 8px 0; }
/* box */
.listemariage .back-pleinpage, .services .back-pleinpage {
  background-image: none; width: 679px; margin-top: 5px; min-height: 210px;
  }
/* coouleur texte */
.listemariage p, .listemariage ul, .services p, .services ul {
  color: #736B5C;
  }
/* - - - - - - */


/* - - - SERVICES - - - */
.services .intro {
  margin: -5px 0 10px 0;
  }
/* - - - - - - */


/* - - - MOT DE PASSE OUBLIE / S'INSCRIRE / NEWSLETTER EN SAVOIR PLUS / RECOMMANDER LE SITE - - - */
#mdp-oublie, #savoirplus, #inscrit, #ident_err { position: absolute; top: 100px; right: 200px; }
#savoirplusatlas { position: absolute; top: 1000px; left: 100px; right: 50px; }
#recommander_site { position:absolute; bottom:100px; right:240px; }
#recommander_site .content { width: 320px; }
#recommander_produit { position:absolute; top:100px; right:150px; }
#recommander_produit .content { width:580px; }
#mdp-oublie .content { width: 360px; }
#savoirplus .content, #savoirplusatlas.content, #inscrit .content, #ident_err .content  { width: 540px; }
#sinscrire { position: absolute; top: 100px; right: 100px; }
#sinscrire .content  {width: 700px;}
#composition { position: absolute; top: 100px; right: 180px; }
#composition .content {width: 600px;}
#connexion { position: absolute; top: 660px; right: 180px; }
#connexion .content  {width: 511px;}
/* - - - - - - */

/* - - - MA SELECTION - - - */
#maselection {
  margin-left: 30px; width: 220px; height: 127px; float: left; position: relative;
}
#maselection ul {
  width: 190px; margin: 0 0 0 3px; padding: 0 0 5px 0; list-style-type: none;
  background: transparent url('../Images/Gabarit/bottom-menu-principal-sscat.png') left bottom no-repeat;
}
#maselection ul li {
  margin: 0;  padding: 0 0 0 11px;
  background-color: white;
}
#maselection ul li a {
  display: block; height: 13px; padding: 3px 15px 0 6px;
  color: rgb(64,59,51); text-decoration: none; font-size: 1em; text-transform: uppercase;
}
/* sscat menu active */
#maselection ul li.active a {
  background: transparent url('../Images/Gabarit/active-menu-principal-sscat.png') 0 0 no-repeat; color: white;
}
/* sscar menu over */
#maselection ul li a:hover {
  background: transparent url('../Images/Gabarit/over-menu-principal-sscat.png') 0 0 no-repeat; color: rgb(64,59,51);
}
/* - - - - - - */

/* - - - BOX CALQUE - - - */
.boxcalque { margin: 0; padding: 0; z-index: 9000;}
.boxcalque .coinhautdroit, .boxcalque .coinhautgauche,
.boxcalque .coinbasdroit, .boxcalque .coinbasgauche , .boxcalque .coinhautdroit2, .boxcalque .coinhautgauche2 , .boxcalque .coinbasdroit2, .boxcalque .coinbasgauche2 , .boxcalque .coinhautdroit_c, .boxcalque .coinhautgauche_c,
.boxcalque .coinbasdroit_c, .boxcalque .coinbasgauche_c{
  position: absolute; width: 10px; height: 10px;
  }
.boxcalque .bandehaut , .boxcalque .bandehaut_c , .boxcalque .bandehaut_ins {
  height: 9px; margin: -9px -10px 0 -10px;
  background: transparent url('../Images/Gabarit/boxcalque/boxcalc-bord-haut.png') top left repeat-x;
  }
.boxcalque .bandebas , .boxcalque .bandebas_c , .boxcalque .bandebas_ins , .boxcalque .bandebas2  {
  height: 9px; margin: 0 -10px -9px -10px;
  background: transparent url('../Images/Gabarit/boxcalque/boxcalc-bord-bas.png') bottom left repeat-x;
  }
.boxcalque .bandedroite ,.boxcalque .bandedroite_c , .boxcalque .bandedroite2 {
  background: transparent url('../Images/Gabarit/boxcalque/boxcalc-bord-droit.png') top right repeat-y;
  }
.boxcalque .bandegauche , .boxcalque .bandegauche_c , .boxcalque .bandegauche2{
  padding-left: 9px;
  background: transparent url('../Images/Gabarit/boxcalque/boxcalc-bord-gauche.png') top left repeat-y;
  }
.boxcalque .coinhautdroit , .boxcalque .coinhautdroit2 , .boxcalque .coinhautdroit_c {
  top: 1px; right: 0;
  background: transparent url('../Images/Gabarit/boxcalque/boxcalc-coin-haut-droit.png') top right no-repeat;
  }
.boxcalque .coinhautgauche , .boxcalque .coinhautgauche2 , .boxcalque .coinhautgauche_c {
  top: 1px; left: 0;
  background: transparent url('../Images/Gabarit/boxcalque/boxcalc-coin-haut-gauche.png') top left no-repeat;
  }
.boxcalque .coinbasdroit , .boxcalque .coinbasdroit2 , .boxcalque .coinbasdroit_c {
  bottom: 1px; right: 0;
  background: transparent url('../Images/Gabarit/boxcalque/boxcalc-coin-bas-droit.png') bottom right no-repeat;
  }
.boxcalque .coinbasgauche , .boxcalque .coinbasgauche2 , .boxcalque .coinbasgauche_c  {
  bottom: 1px; left: 0;
  background: transparent url('../Images/Gabarit/boxcalque/boxcalc-coin-bas-gauche.png') bottom left no-repeat;
  }
* html .boxcalque .coinhautdroit { display: none; }
* html .boxcalque .coinhautgauche { display: none; }
* html .boxcalque .coinbasdroit { display: none; }
* html .boxcalque .coinbasgauche { display: none; }
* html .boxcalque .coinbasdroit2 { display: none; }
* html .boxcalque .coinbasgauche2 { display: none; }
* html .boxcalque .coinbasdroit_c { display: none; }
* html .boxcalque .coinbasgauche_c { display: none; }
.boxcalque .content {
  padding: 1px 10px; margin: 9px 9px 9px 0;
   background-color: #F9F8F6;
  }
/* lien permettant de fermer la box */
.boxcalque .content .link-close {
  margin: 5px -5px 5px 0;
  text-align: right;
  }
* html .boxcalque .content .link-close { margin: 0; }
.boxcalque .content .link-close a, .boxcalque .content .link-close a:hover {
  padding-right: 20px; color: #736B5C; font-size: 0.9em; text-decoration:  none;
  background: transparent url('../Images/Gabarit/boxcalque/link-close.png') top right no-repeat;
  }
/* titre et sous titre */
.boxcalque .content .titresstitre {
  height: 22px; padding: 8px 8px 0 8px; margin: 0 3px 0 3px;
  background: transparent url('../Images/Gabarit/boxcalque/titresstitre.png') top left repeat-x;
  }
.boxcalque .content div.titresstitre-d, .boxcalque .content div.titresstitre-f {
  padding: 0; margin: 0; height: 30px; 
  background: transparent url('../Images/Gabarit/boxcalque/titresstitre-f.png') top right no-repeat;
  }
.boxcalque .content div.titresstitre-d {
  margin-bottom: 13px; margin-top: 10px;
  background: transparent url('../Images/Gabarit/boxcalque/titresstitre-d.png') top left no-repeat;
  }
.boxcalque .content .titresstitre p, .boxcalque .content .titresstitre h2 {
  margin: 0; padding: 1px 0 1px 0; line-height: 1.1em;
  font-size: 1em; text-transform: uppercase; font-family: "Trebuchet MS", sans-serif;
  }
.boxcalque .content .titresstitre p {
  float: left; color: #736B5C; padding-right: 7px; margin-right: 8px; border-right: 1px solid white;
  }
.boxcalque .content .titresstitre h2 { color: #403B33; }
/* - - - - - - */

.LV_invalid{color:#CC0000;}
.LV_validation_message{
    /* margin: 0px 0px 10px 0px; */
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

TABLE.tab_compte , TABLE .tab_composition, TABLE .tab_cuisine  {
	border-collapse: collapse;
	width: 100%; 
}
TABLE.tab_compte input {height: 15px; border: 1px solid #EBE7E0; margin-top: 4px; margin-bottom: 4px; color: #736b5c;}
TABLE.tab_compte select {border: 1px solid #EBE7E0; color: #736b5c; margin-top: 4px; margin-bottom: 4px; }
TABLE.tab_compte td { border: 1px solid #EBE7E0; vertical-align: middle; color: #736b5c;}
TABLE.tab_compte td.cell_gauche { width: 30%; padding-left: 40px; }
TABLE.tab_compte td.cell_droite { width: 70%; padding-left: 40px; }
TABLE.tab_compte tr { height: 40px; }
TABLE.tab_compte tr.cell_color { background-color: #FAFAF3; }

TABLE.tab_selection , TABLE.tab_liste { width: 678px; }
TABLE.tab_selection td, TABLE.tab_liste td, TABLE.tab_composition td, TABLE.tab_composition td2, TABLE.tab_cuisine td { 
	border-right: 1px solid #EBE7E0; border-bottom: 1px solid #EBE7E0; vertical-align: middle; color: #736b5c; 
}  

TABLE.tab_selection td.cell1 { width: 207px; border-left: 1px solid #EBE7E0; }
TABLE.tab_selection td.cell2 { width: 129px; text-align: center; }
TABLE.tab_selection td.cell3 { width: 88px; text-align: center; }
TABLE.tab_selection td.cell4 { width: 104px; text-align: center; }
TABLE.tab_selection td.cell5 { width: 84px; text-align: center; }
TABLE.tab_selection td.cell6 { width: 66px; text-align: center; }

TABLE.tab_selection tr.entete { background: transparent url('../Images/Selection/entete_txt.png') 0 0  no-repeat; height: 26px; width: 680px; }
TABLE.tab_selection tr.entete2 { background: transparent url('../Images/Recherche/entete_tab.jpg') 0 0  no-repeat; height: 22px; width:320px; }
TABLE.tab_selection tr.ligne { height: 124px; }
TABLE.tab_selection tr.cell_color, TABLE.tab_liste tr.cell_color  { background-color: #FCFCFC; }

TABLE.tab_liste td.cell1 { width: 258px; border-left: 1px solid #EBE7E0; padding-left: 10px; }
TABLE.tab_liste td.cell2, TABLE.tab_liste td.cell4 { width: 100px; text-align: center; }
TABLE.tab_liste td.cell3 { width: 80px; text-align: center; }
TABLE.tab_liste td.cell5 { width: 130px; text-align: center; }

TABLE.tab_liste tr {height: 20px;}
TABLE.tab_liste tr.entete { background: transparent url('../Images/ListeMariage/entete.jpg') 0 0  no-repeat; height: 26px; width: 679px; }
TABLE.tab_liste tr.cell_prefere { background-color: #E7D6DC; }

TABLE.tab_login {width: 650px;}
TABLE.tab_login td {vertical-align: middle; height: 10px;}
TABLE.tab_login td .cell1 {width: 240px;}

TABLE.tab_composition td2 {border-top: 1px solid #EBE7E0;}
TABLE.tab_composition tr , TABLE.tab_cuisine tr {height: 20px;}
TABLE.tab_composition tr.entete, TABLE.tab_cuisine tr.entete {background-color: #F0F1D9;}
TABLE.tab_composition tr.entete td, TABLE.tab_cuisine tr.entete td  { border-top: 1px solid #EBE7E0; font-weight: bold;}
TABLE.tab_composition tr.cell_color, TABLE.tab_cuisine tr.cell_color  { background-color: #FFFFFF; }
TABLE.tab_composition td.cell1 {width: 10%;  border-left: 1px solid #EBE7E0; text-align: center;}
TABLE.tab_composition td.cell2 {width: 70%; padding-left: 10px; padding-right: 10px; text-align: justify;}
TABLE.tab_composition td.cell3, TABLE.tab_cuisine td.cell3 {width: 10%; text-align: center;}
TABLE.tab_composition td.cell4, TABLE.tab_cuisine td.cell4 {width: 10%; text-align: center;}
TABLE.tab_composition td.cellvide {border: none; background-color: none;}

/* TABLE.tab_cuisine tr {height: 20px;}
TABLE.tab_cuisine tr.entete {background-color: #F0F1D9;}
TABLE.tab_cuisine tr.entete td { border-top: 1px solid #EBE7E0; font-weight: bold;}
TABLE.tab_cuisine tr.cell_color  { background-color: #FFFFFF; } */
TABLE.tab_cuisine td {height: 25px;}
TABLE.tab_cuisine td.cell1 {width: 55%;  border-left: 1px solid #EBE7E0; text-align: center;}
TABLE.tab_cuisine td.cell2 {width: 5%; padding-left: 10px; padding-right: 10px; text-align: center;}
TABLE.tab_cuisine td.cell3 {width: 20%; text-align: center;}
/*TABLE.tab_cuisine td.cell4 {width: 10%; text-align: center;} */
#place_tab{position:absolute;left:358px;top:90px;}

.container { width: 100%; text-align: right; }
.selection { width: 160px; float: right; padding-right: 30px; }
.selection .imprimer { background: transparent url('../Images/Gabarit/icone-imprimer-big.png') 11px 10px no-repeat; }
/*.selection p.imprimer  { text-align: right; }*/
.selection .imprimer a, .selection .imprimer a:hover {
  padding: 8px 0 10px 36px; display: block; width: 160px;
  background-image: none;
  text-decoration: none;
  color: #403b33;
  }
.selection .imprimer a:hover { background: transparent url('../Images/Produits/bouton-over-imp-detail.png') -40px 10px no-repeat; }
.center {text-align: center;}
.center a {color: #736b5c; text-decoration: none;}

#plan_site {width: 40%;}
#plan_site.gauche { text-align: right; margin-left: 100px; float: left; }
#plan_site.droite { text-align: left; margin-left: 20px; float: left;}

#plan_site ul li ul li {
  padding: 0; font-weight: bold; color: red; list-style: none;
  background: none;
  line-height:12px;
  }
  
.label{width:750px;}
.picto_labels{width:100px;text-align:center;float:left;}
.desc_labels{margin-left:100px;height:70px;}

#stick_img{position:absolute;left:89px;top:-1px;}
#stick_img_prod{position:absolute;left:362px;top:0px;}
#stick_img_meme_collec{position:absolute;left:86px;top:2px;}
#stick_img_suggestion {position: absolute; left: 50px; top: 2px;}
.stick_img{position:absolute;left:71px;top:0px; z-index:10}

.socialNetwork  { list-style-type: none; display: inline; }
.socialNetwork li { float: left;}

button.fermer{
	border: 1px solid #d5d5d5;
	color:#6B6D67;
	font-size:11px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:2px;
}

.parrainage-edit { padding-bottom: 15px; }
.parrainage-edit-head { background: #B6AF9F; padding: 1px 10px; }
.parrainage-edit-head h4 { font-weight: bold; color: white; margin-top: 5px;}
.parrainage-edit .fieldset { border: 1px solid #D6D6D6; background: #FAFAFA; }
.parrainage-edit .fieldset table { width: 100%; }
.parrainage-edit .fieldset table.parrainage-valide { width: 99%; margin: 5px 5px; border-collapse: collapse; }
.parrainage-edit .fieldset table.parrainage-valide thead tr { border-collapse: collapse; }
.parrainage-edit .fieldset table.parrainage-valide td { border-color: #DADFE0; border-style: solid; border-width: 0px 1px 1px 0px; padding: 2px 4px; }
.parrainage-edit .fieldset table.parrainage-valide th.first, .parrainage-edit .fieldset table.parrainage-valide td.first { border-left: 1px solid #DADFE0; }
.parrainage-edit .fieldset table.parrainage-valide th.last { border-right: 1px solid #DADFE0; }
.parrainage-edit .fieldset table.parrainage-valide tr.cell_color  { background-color: #FFFFFF; }
.parrainage-edit .fieldset table.parrainage-valide tr td.icone_color { background-color: #e5e5e5; }
.parrainage-edit .fieldset table.parrainage-valide a { color: #EA7601; text-decoration: underline; }
.parrainage-edit .fieldset table tr, .parrainage-edit .fieldset table td { vertical-align: middle; }
.parrainage-edit .fieldset table tbody .parrainage-label { width: 250px; text-align: right; padding-right: 10px;}
.parrainage-edit .fieldset table tbody .parrainage-label .required,
#parrainer_ami .required, 
#imprimer_bon_parrainage .required, 
#imprimer_bon_reduction .required { color: #D40707; font-weight: bold; }
.parrainage-edit .fieldset table tbody .parrainage-value { width: auto; }
.parrainage-edit .fieldset table tbody .parrainage-input { width: 90%; }
.parrainage-edit .fieldset table tbody .parrainage-input-court { width: 40%; }
.parrainage-edit .fieldset table tbody .parrainage-input-mini { width: 20%; }
.parrainage-edit .fieldset table tbody .center { text-align: center; }
.parrainage-edit .fieldset table tbody .right { text-align: right; }
.parrainage-edit .fieldset table tbody .montant { color: #4EA43B; }
.parrainage-edit .fieldset table thead tr { background: #D8CFC0; }
.parrainage-edit .fieldset table thead tr th { border: 1px solid #F9F9F9; font-size: 0.9em; padding: 2px 0px 2px 5px; } 
#form-newsletter .parrainage-edit .fieldset .boutons,
#parrainer_ami .boutons, #imprimer_bon_parrainage .boutons, #imprimer_bon_reduction .boutons, #conditions_generales .boutons { margin: 5px 10px 10px; text-align: right; }
#form-newsletter .parrainage-edit .fieldset .boutons input,
#parrainer_ami .boutons input, #imprimer_bon_parrainage .boutons input, #imprimer_bon_reduction .boutons input { width: 120px; }

.valide { color: green; }
.non_valide { color: red; }

#erreur_insertion, #parrainer_ami, #imprimer_bon_reduction, #conditions_generales { position: absolute; top: 200px; right: 200px; }
#imprimer_bon_parrainage { position: absolute; top: 200px; right: 300px; }
#parrainer_ami .label, 
#imprimer_bon_parrainage .label, 
#imprimer_bon_reduction .label { width: auto; text-align: right; padding-right: 10px; }
#parrainer_ami .label, 
#imprimer_bon_parrainage .label, 
#imprimer_bon_reduction .label { width: auto; }