/*--- Cyra Lydo 		---*/
/*--- Joran Lafleuriel 		---*/

/*
COULEURS :
mauve 8D0772 
MAUVE2 8D0772
rose F28CFF
beige f4eee5
beige2 EDE5DD
beige foncé :#960
rouge/Fuschia EB1062
marron 5F492F [ ecriture sur beige ]
*/

* {	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;	
}

html {	background:#C50090 url('design/fonddeg_1.png') !important; 
	background-repeat: repeat-x  !important;
	background:#C50090; 
  }

html, body  {	padding: 0;
	margin: 0;
	line-height: 1.2em;
	text-align: center;
	}

p {	text-align: justify;
	color:#000;
	padding-bottom:.3em;
	font-weight:normal;
}

big {	color:#F28CFF;
	font-size:1.6em;
	line-height:1.7em;
}

sup, sub {	vertical-align:baseline; position:relative; color:inherit; font-weight:normal; font-size:.8em !important; font-size:9px; line-height:inherit;  }
sup, small.sup { 	 top:-0.5em; }
sub, small.sub { 	 bottom:-0.2em;}



em {	font-family: Georgia;
	font-size:inherit;
}

small {	font-size: .8em;
}

a  {	color: #8D0772;
	font-weight: normal;
	text-decoration: none;
}

a:hover, a:active {	color: #000000;
	text-decoration: underline;
}

.chapo {	font-family: Georgia;
	font-size: 12pt;
	font-style: italic;
}

em {	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

small {	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 7pt;
}

h1  {	display:none;
}

h2 {	font-size: 12px;
	color: #8D0772;
	font-size: 1.2em;
	padding: 0 0 12px 0;
}

h2 em {	color:#4B0067; font-style:normal; }

h3 {	font-size: 1.1em;
	margin:1em 0 0 0;
	font-weight: normal;
	letter-spacing: 0.2em;
	color: #666666;
}

h4 {	font-size: 1.0em;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.0em;
	color: #4c0068;
}

h5 {	font-size: 1.1em;
	padding:5px 0 0 0;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.0em;
	color: #4c0068;
}

p + h2 {	margin-top:12px;
}

ul, li {	font-size:inherit;
	list-style: none;
	font-weight:normal;	
}

ul {	line-height: 1.1em;
	margin: 0 0 6px 20px;
}

li {	color:#000;
	list-style: none url("design/puce_mauve.gif");
	margin: 0 0 3px 10px;
}

.chapo {	font-family: Georgia;
	font-size: 12pt;
	font-style: italic;
}

img {	margin: 0;
	padding: 0;
	border: none;
	float:none;
}

img.stroke { border:solid #EDE5DD 1px;}

/*	 style pour pages livraison	*/


.livraison * {	font-family: Arial, Sans ;
	font-size:12px;
	line-height:13px;
}

.livraison h1 {	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	color: #8D0772;
	font-size: 1.2em;
	padding: 20px 0 0 40px;
	line-height:13px;
}

.livraison h2 {	font-weight:normal;
	letter-spacing:0;
	margin:22px 20px 0 0;
}

.livraison p, .livraison ul, .livraison li  {
	margin:2px 20px 0 40px;
}	

.livraison h3 {	font-family: "Arial Black", Arial, Sans ;
	color:#EB1062;
	letter-spacing:0;
	font-weight:normal;
	margin:12px 0 0 40px;

}

.livraison h4, .livraison h4 em {	font-family: "Arial Black", Arial, Sans ;
	font-weight:normal;
	letter-spacing:0;
	color:#000;
	margin:12px 0 0 20px;
}

.livraison h4 em {	color:#8D0772;
	font-style:normal;
	
}

.livraison strong {	color:#8D0772;	
}

.livraison sup {	font-size:.8em;
	line-height:1.1em;
}

.livraison img {	position:relative;
	vertical-align:top;
	float:left;
	left:-10px;
	top:-10px;
}


address {	font-style:normal; }

/*			  boites  */

blockquote * {	text-align:left;
}

blockquote  {	padding:12px;
	margin:0 0 8px 0;
	height:100%;
	width:100%;
	overflow:hidden;
	border:#CA5 1px dotted !important; /* beige fonce*/
	float:none;
	clear:both;
	text-align:left;
}

blockquote a img, blockquote img {	float:left;
	clear:right;
	margin:0 5px 0 0;
}

.adresse {	color:#5F492F;
	background:#f4eee5;
	border:#888 1px dotted;
	font-family: Courrier, sans-serif;
	font-size:1.1em;
	text-align: left;
	padding: 8px;
	margin: 0px;
}

.boite_promo_1 {
	display:block;
	position:absolute;
	right:323px;
	width:100px;
	color:#5F492F;
	background:#f4eee5;
	text-align:center;
	top: 341px;
	background-color: #FFFFFF;
}


.boite_promo_2 {
	display:block;
	position:absolute;
	left:278px;
	width:100px;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:#EB1062;
	text-align:center;
	top: 337px;
}

.boite_invisible_moitie {	display:block;
	height:100%;
	width:48%;
	margin: 0 1% 1% 0;
	float:left;	
	clear:none;
}

.boite_invisible_tiers {	display:block;
	height:100%;
	width:30%;
	margin: 0 1% 1% 0;
	float:left;	
	clear:none;
}

.boite_invisible_tiers img {	float:right;	
}

.boite_invisible_deux_tiers {	display:block;
	height:100%;
	width:60%;
	margin: 0 1% 1% 0;
	float:left;	
	clear:none;
}

/*	structure de la page                 */

#page {	position: relative;
	width: 954px;
	padding: 0;
	margin: auto;
	text-align: center;
	background:#FFF; 
}

#zone_entete  {	width:954px;
	height:110px;
	background: url("design/fond_entete.jpg") no-repeat ;
	z-index: 0;
	position: relative;
}

#logo  {	position: absolute;
	top: 9px;
	left:12px;
	z-index: 2;
}

#menu_flash  {	/* border:1px solid #0F0; */
	width: 800px;
	height: 110px;
	position: absolute;
	top: 0;
	left: 146px;
	text-align:left;
	z-index: 15;
}

#menu_flash * {	margin:0;
	padding:0;
	text-align:left;
}

/*	remplacement du flash en cas d'abscence du plug'in	*/

#menu_flash .noplug {	/* border:1px solid #0F0; */ width:800px; height:90px; display:block; position:absolute; top:16px; left;80px; padding:0; color:#FFF; }
#menu_flash .noplug  h2 { margin:0 0 30px 80px; color:#FFF; font-size:18px; letter-spacing:6px; }
#menu_flash .noplug .matlf_1 { margin:0; }
#menu_flash .noplug .matlf_1 ul li { float:left; margin:0; padding:0; }
#menu_flash .noplug .matlf_1 a small { font-size:.75em; top:.2em; }
#menu_flash .noplug .matlf_1 ul li a { font-size:18px; color: #C50090; text-decoration: none; display:block; float:left; padding:3px 2px; margin:0 32px 0 0;}
#menu_flash .noplug .matlf_1 ul li a:hover { color: #FFF; }
#menu_flash .noplug .matlf_2 { width:160px; display:block; float:right; position:relative; margin:-74px 0 0 104px; /* border:1px solid #0F0; */ }
#menu_flash .noplug .matlf_2 ul li  { line-height:18px; }
#menu_flash .noplug .matlf_2 ul li a { font-size:12px; color: #FFF; text-decoration: none; padding:3px 2px; margin:0 32px 0 0;}
#menu_flash .noplug .matlf_2 ul li a:hover { color: #C50090;  }

#menu_flash .noplug .matlf_2 ul li a { font-size:11px; }

.decor { margin:0 0 0 -1050px }

/* 	colonnes principales                 */

#colonne01  {	/*border:1px solid #0F0;*/
	z-index:300;
	width: 730px;
	position: relative;
	float:left;
	clear:none;
	text-align:left;
	margin:12px 0 0 24px !important;
	margin:12px 0 0 14px;
	padding:0;
}

#colonne02  {	/*border:#FA0 1px solid;*/
	background-color:transparent;
	margin:6px 0 0 12px !important;
	margin:6px 0 0 10px;
	width: 174px;
	position: relative;
	float:left;
	overflow: hidden;
}

/*	colonnes           */

.col_une_seule, .acc_col_une_seule {	width:724px;
	float:left;
	clear:both;
	margin:6px 3px 0 3px !important;
	margin:6px 3px 0 3px;
	padding:0;
	overflow:hidden;
}

.col_un_tiers, .acc_col_un_tiers {	float:left;
	clear:none;
	width:244px;
	margin:8px 3px 0 3px !important;
	margin:8px 3px 0 3px;
	padding:0;
}

.col_deux_tiers, .acc_col_deux_tiers {
	float:left;
	clear:none;
	width:470px;
	margin:8px 3px 0 6px !important;
	margin:8px 0 0 6px;
	padding:0;
}

.acc_col_une_seule, .acc_col_un_tiers, acc_col_deux_tiers {
	height:264px;
}

.col_un_cinq {	float:left;
	clear:none;
	width:10%;
	margin:12px 1% 0 1%;
	padding:0;
}

.col_deux_cinq {	float:left;
	clear:none;
	width:45%;
	margin:12px 2% 0 2%;
	padding:0;
}

.col_trois_cinq {	float:left;
	clear:none;
	width:60%;
	margin:12px 2% 0 4%;
	padding:0;
}

.col_quatre_cinq {	float:left;
	clear:none;
	width:75%;
	margin:12px 1% 0 1%;
	padding:0;
}

.col_quatre_cinq h4 {	margin:16px 0 4px 0; }

.col_quatre_cinq_centree { float:none;
	clear:both;
	width:75%;
	margin:12px auto 0 auto;
	padding:0;
}

.col_un_demi {	float:left;
	clear:none;
	width:45%;
	margin:12px 0 0 5% !important;
	margin:12px 0 0 3%;
	padding:0;
}
 
.colonnetexte  {	/* border:#00F 1px solid; */
	width:470px;
}

.colonneimage *  {	font-size:11px;
	line-height:12px;
	text-align:center;
}

.colonneimage  {	/* border:#00F 1px solid; */
	/* background: url("design/fond_box2.jpg") no-repeat top left; */
	float:right;
	width: 170px;
	text-align: center;
	margin: 12px 2px 12px 0 !important;
	margin: 12px 0 12px 0 ;
}

.colonneimage img {	margin:0 0 12px 0;
}


.bdc_download {	float:right; width:132px; margin:12px 12px 0 0 !important; margin:8px 0 0 0; }
.bdc_download p {	text-align:left; }
.bdc_download p a, .bdc_download p a:hover   {	text-decoration:none; }
img.cadre {	border:1px solid #f4eee5; }

.colonnepub  {	z-index:1;
	text-align: center;
	margin:3px 0 3px 0;
}

.colonnepub  img{	 border:#f4eee5 1px solid; }
/*
beige f4eee5
beige2 EDE5DD
*/
colonnepub_2 {	width:170px;
	overflow:hidden;
	background: url("design/fond_box2.jpg") no-repeat top center;
	padding:6px 0 6px 0;
	margin:6px 0 12px 0 !important;
	margin:0 0 12px 0;
}
.colonnepub_2 p {	text-align:center;
}

.colonnepub_2 a {	padding:0;
	margin:0;
}

.colonnepub_2 img {	/*border:#00F 1px solid;*/
	padding:0;
	margin:4px 0 4px 0;
}

.couleurscarlett  {	color: #006fba;
}

/* ----------------------------- specialites ------------------- */

.spec {	z-index:500; width:110%; solid #FB0; overflow:auto; display:block; margin:0; float:none; clear:right;}

.mobilier {	overflow:hidden; float:left; clear:none; display:block; margin:0 1px 0 0; padding:1px 2px; font-size:9px; color:#FFF; background:#aabb00; border:1px solid #FFF; }
.beaute {	overflow:hidden; float:left; clear:none; display:block; margin:0 1px 0 0; padding:1px 2px; font-size:9px; color:#FFF; background:#AA485D; border:1px solid #FFF; }
.coiffure {	overflow:hidden; float:left; clear:none; display:block; margin:0 1px 0 0; padding:1px 2px; font-size:9px; color:#FFF; background:#CC487D; border:1px solid #FFF; }
.accessoires {	overflow:hidden; float:left; clear:none; display:block; margin:0 1px 0 0; padding:1px 2px; font-size:9px; color:#FFF; background:#B37600; border:1px solid #FFF; }
.esthetique {	overflow:hidden; float:left; clear:none; display:block; margin:0 1px 0 0; padding:1px 2px; font-size:9px; color:#FFF; background:#BD009A; border:1px solid #FFF; }

/* -------------------------------------  points de vente Selector ---------------------------------- */

#pdvselector { float:none; position:relative; clear:both; width:174px; height:118px; overflow:hidden; padding:0; margin:0;}

.pdvselected { text-align:center;
	position:absolute;
	color:#FFF;
	float:left;
	overflow:hidden;
	background:#4c0068;
	width:96px !important;
	width:88px;
	height:92px !important;
	height:87px;
	margin:0 0 4px 0 !important;
	margin:0 0 2px 0;
	padding:4px 0 0 4px !important;
	padding:3px 0 0 3px;
	}
.pdvselected .view { width:92px !important; width:84px;}
.pdvselected .view img { width:92px !important; width:84px; }
.pdvselected address { color:#FFF; font-size:10px; margin:0; padding:0; text-align:center; }
.pdvselected * { color:#FFF; font-family:"Arial Narrow", sans-serif; font-size:16px !important; font-size:15px; font-weight:bold; margin:0;  padding:0;  display:block; }
.pdvselected.a { text-align:center; }
.pdvselected p, .pdvselected a p { font-size:10px; color:#FFF; margin:2px 0; padding:0;}

.pdvselected .bullet, .pdvselected .bullet img { position:relative; top:6px; left:-3px; height:13px; width:13px;}

.pdvselectorlist { position:absolute; margin: 0 0 0 102px; float:right; width:64px; overflow:visible; padding:0; }
.pdvselectorlist ul {padding:0; margin:0; width:100%; }
.pdvselectorlist ul li { margin:0; width:100%; }
.pdvselectorlist a, .pdvselectorlist_js { cursor:pointer; display:block; width:86px; height:15px; font-size:9px; font-weight:normal; text-decoration:none; padding: 2px 0 2px 2px !important; padding: 2px 0 2px 1px; margin:0; }
.pdvselectorlist a:hover, .pdvselectorlist a:active, .pdvselectorlist_jshover { text-decoration:none; background:#4c0068; color:#FFF; }

.tpdvbox { position:absolute; display:block;  width:100%; background:#AC007C; color:#FFF; margin:100px 0 0 0; text-align:center; clear:both; }
.tpdvbox a { text-decoration:none; border:0; width:170px; font-size:9px !important; font-size:9px; font-weight:bold; /* width:67px!important; width:69px; */ margin:0 auto; padding:0 0 0 19px; letter-spacing:1px;}
.tpdvbox a:hover { color:#4c0068; background:#AC007C;}

/* -------------------------------------  points de vente ---------------------------------- */

.pdv { 	/* border:1px solid #0F0; */
	z-index:150; 
	height:232px;
	background:#EFEDE6 url('design/fond_bouton_deg.png') !important;
	background-repeat: repeat-x !important;
	background:#EFEDE6;
	border:1px solid #DCD1C3;
	width:708px;
	float:left;
	clear:both;
	margin:0 3px 6px 0;
	padding:12px 0 8px 12px;
	overflow:hidden;
	}

.pdv .sticker {
	position:absolute;
	width:76px; height:44px; z-index:9999; position:absolute; float:right; 
	margin:36px 0 0 656px !important;
	margin:66px 0 0 -26px;
	background: url('design/picto_nouvelle_adresse.png') !important;
	background: url('design/picto_nouvelle_adresse.gif');
	background-repeat: no-repeat;
}

.pdv p {	float:none; margin:3px 0; }
.pdv .horaires p {	color:#7C7153;}
.pdv .bullet {	position:relative; top:2px; left:0;}

.pdv .zoneimages {	width:220px; text-align:left; /*border:1px solid #FB0;*/ overflow:auto; float:left; clear:left; margin:0 12px 0 0;}
.pdv .zoneimages .main { background:#DCD1C3; border:1px solid #898; width:218px; height:160px !important; padding:0;}
.pdv .zoneimages img {	width:100%; height:100%;}
.pdv .zoneplan {	width:30%; height:216px; text-align:left; border:1px solid #AAA; overflow:hidden; float:left;  margin:0 12px 0 0; }
.pdv .zoneimages ul {	margin:14px 0 0 0; padding:0; }
.pdv .zoneimages ul li {	list-style-type:none; display:block; float:left; clear:none; width:22%; height:22%; margin:0 0 0 0; padding:0 6px 6px 0;}
.pdv .zoneimages ul li img { border:1px solid #666; cursor:pointer; }
.pdv .zoneimages ul li img:hover { border:1px solid #000; }

.pdv .zonetextes {	width:240px; height:100%; /*border:1px solid #FA0; */ overflow:hidden; float:left; clear:right; }

/* -------------------------------------  pied de page ---------------------------------- */

#zone_pied * {	padding:0;
	margin:0;
	font-size:10px;
	line-height:1.3em;
	text-align:left;
}

#zone_pied  {	z-index:50;
	background: url("design/fond_entete.jpg") no-repeat ;
/*	background: url("design/fond_pieddepage.jpg") no-repeat ; */
	position:relative;
	clear:both;
	color:#FFF;
	margin: 12px 0 0 0;
	padding:12px 0 12px 0;
	width:100%;
	height:54px;
	background-position:bottom;
	border-top:#F28CFF 1px dotted;
}

#zone_pied p, #zone_pied h3  {	margin:0 0 0 24px; 
}


#zone_pied p { color: #F28CFF; }

#zone_pied p a  {	color: #FFF;
	text-decoration: none;
	padding:1px 2px;
}

#zone_pied p a:hover {	color: #000;
	background:#F28CFF;
	text-decoration: none;
}

#zone_pied h3  {	font-size:1.02em;
	color: #FFF;
	letter-spacing: 3px;
}

/* ---------------------------------- zone_centre ------------------------------------- */

#zone_centre {	background: url("design/fond_centre.jpg") no-repeat ;
	z-index:100;
	padding:0;
	margin:0;
	width: 954px;
	overflow:hidden; 
}

#zone_centre table  {	width: 690px;
}

#zone_menu * {	text-align:left;
}

#zone_menu  {	width: 100%;
	padding: 0;
	margin: 0 !important;
	margin: 0 0 8px 0;	
}

#zone_menu img  {	padding: 0 0 4px 0;
}

#zone_menu p a  {	display:block;
	padding:4px 0 2px 0;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
}

#zone_menu p a:hover  { color:#4c0068; }

#zone_menu  h3 {	color:#4c0068; font-weight:bold; letter-spacing:1px; margin:0 0 4px 0; }


/* ------------------------------------ menu navigation colonne 02 */

div.sep { height:4px; margin:0; padding:0;  }

#zone_menu_liens * {
	margin:0;
	padding:0;
	text-align:left;
	font-size: 11px;
	z-index: 10;
	text-indent:0;
}

#zone_menu_liens  {
	width:172px;
	height:auto;
	letter-spacing:0; margin:4px 0 0 0;
	}

#zone_menu_liens ul  {	float:left;
	margin:0 0 10px 0 !important;
	margin:0 0 1px 0;
}

#zone_menu_liens li  {	list-style: none outside;
	height:20px !important;
	height:16px;
	font-size:11px;
	list-style: none;
	margin:1px 0 0 0px !important ;
	margin:0;

}

#zone_menu_liens a  {	width:162px;
	display: block;
	height:16px;
	font-weight:bold;
	letter-spacing:1px;
	border-bottom: #FFF 1px dotted;
	padding:4px 0 0 8px !important;
	margin:0;
	
	color:#FFF;
	border:1px solid #DCD1D3;
	background:  #DFD8D2 url('design/fond_bouton_deg.png') !important;
	background: #EFE8E2;
}

#zone_menu_liens ul li a img {	float:right;
	clear:none;
	margin:0 6px 0 0;
}  

#zone_menu_liens a:link, #zone_menu_liens a:visited, #zone_menu_liens a:active  {
	color:#8D0772;
	text-decoration: none;
}

#zone_menu_liens a:hover  {	background-color: #8D0772;
	color:#4c0068;;
}

#bandeau_flash  {	width: 690px;
	height: 176px;
	margin:6px 3px 0 3px !important;
	margin:6px 3px 0 3px;
	z-index: 5;
	float:left;
	clear:right;
}

/*	formulaire */

fieldset {	border:#CA5 1px dotted !important;
}

select,  input, textarea {	background-color: #f4eee5;
	border: 1px solid #FFFFFF; 
	margin-bottom:3px;
}
input, select {	height:16px;

}
input, select, textarea {	padding:2px 2px 2px 8px;
}
	
fieldset  {	text-align: left;
	padding: 1em;
	border: none;
}

label  {	text-align: right;
	display: inline;
	float: left;
	width: 110px;
	margin-right: 5px;
}

input, textarea  {	background-color: #f4eee5;
	border: 2px solid #FFFFFF; 
}


input:hover, textarea:hover {
	color:#000;
	background:#FEF;
	border: 2px solid #F28CFF;
}

input:active, textarea:active {
	color:#8D0772;
	background:#FDF;
	border: 2px solid #8D0772;
}

input:focus,  textarea:focus  {
	color:#b21010;
	background:#FDF;
	border: 2px solid #8D0772;
}

input.radio {	height:12px;
}	

input.bouton {	background:#8D0772;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	float: right;
	padding:2px 8px;
	font-size: 11px;
	height:26px;
}