@charset "UTF-8";
/* CSS Document */

/* jfe@wanabe.eu - MAY 2010 */
/* ************************ */

/* --- 1. RESET
/* --- 2. STRUCTURE
/* --- 3. GENERIC TAG STYLE
/* --- 4. TYPE
/* --- 5. TITLE
/* --- 6. HEADER
/* --- 7. NAVIGATION
/* --- 8. BREADCRUMB
/* --- 9. CONTENT
/* --- 10. FOOTER + COLLAPSE MENU
/* --- 11. POPIN (nyroModal/jQuery)
/* --- 12. PARTNERS
/* --- 13. ADMIN VIEW (edit on site)
/* --- 99. CLASS VRAC
/* --- 100. OLD STYLES (adapted from previous site)

/* ----------------------------------------------  1. RESET  ---------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
html{font-size:100%/*WinIE6- text resize adjust*/}
img, a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}

/* ----------------------------------------------  2. STRUCTURE  ----------------------------------------- */

html {height: 100%;}

body {width:100%; height:100%; font-family: Arial, Verdana, sans-serif; font-size: 12px; background:#e5b7c0}

#wrapper{min-height: 100%; width:100%; height: auto !important; height:100%; background:url(../img/ml/bg_header.png) top left repeat-x; margin: 0 auto -145px auto; /* the bottom margin is the negative value of the footer's height */}

#main_nav_level2{ position:absolute; top:134px; background:#e7e7e7 url(../img/ml/bg_nav_level2_onclick.png) top left repeat-x; width:100%; height:29px; display:none}

#content { min-height:540px; width:980px; margin:0 auto; position:relative;}

#pusher{ height:145px;}

/* ----------------------------------------------  3. GENERIC TAG STYLE ---------------------------------- */

strong{ font-weight:bolder;}

a { text-decoration: none; cursor: pointer;}
	a:active { outline: none; }
	a:focus{-moz-outline-style: none;}
	a:focus, a:hover, a:active { outline:none;}

img { outline: none;  border:none; padding:0;}

/* ----------------------------------------------  4. TYPE  ---------------------------------------------- */

@font-face {font-family: 'H37ThinCondensed'; src: url('../font/helveticaneueltstd-thcn-webfont.eot'); src: local('HelveticaNeueLTStd37ThinConde'), url('../font/helveticaneueltstd-thcn-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'H47LightCondensed'; src: url('../font/helveticaneueltstd-ltcn-webfont.eot'); src: local('HelveticaNeueLTStd47LightConde'), url('../font/helveticaneueltstd-ltcn-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {
    font-family: 'HelveticaNeueLTStd45Light';
    src: url('../font/helveticaneueltstd-lt-webfont.eot');
    src: url('../font/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('../font/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('../font/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* ----------------------------------------------  5. TITLE  --------------------------------------------- */

h1 {font-family:'H37ThinCondensed', Helvetica, Arial, sans-serif; font-size: 42px; color: #000; text-transform:uppercase; font-weight:normal}
h2 {font-family:'H37ThinCondensed', Helvetica, Arial, sans-serif; font-size: 36px; color: #000; text-transform:uppercase; font-weight:normal}
h3 {font-family:'H37ThinCondensed', Helvetica, Arial, sans-serif; font-size: 20px; color: #000; text-transform:uppercase;}
h4 {font-family:'H37ThinCondensed', Helvetica, Arial, sans-serif; font-size: 16px; color: #000;}
h5 {font-family:'H37ThinCondensed', Helvetica, Arial, sans-serif; font-size: 32px; color: #dc5b73;}

#baseline h2 {line-height:50px; width:220px; font-size: 55px; color:#fff;}

/* ----------------------------------------------  6. HEADER  -------------------------------------------- */

#header #brand_space_fr{background:url(../img/ml/bg_brandSpace.png) top left no-repeat; width:347px; height:92px; position:relative; margin:0 auto}
#header #brand_space_fr a { position:absolute; top:70px; left:70px; background:url(../img/fr/brand_space.jpg) top left no-repeat; width:200px; height:26px; text-indent:-9999px;}
#header #brand_space_fr a:hover { position:absolute; top:70px; left:70px; background:url(../img/fr/brand_space_over.jpg) top left no-repeat; width:200px; height:26px; text-indent:-9999px;}

#header #brand_space_nl{background:url(../img/ml/bg_brandSpace.png) top left no-repeat; width:347px; height:92px; position:relative; margin:0 auto}
#header #brand_space_nl a { position:absolute; top:70px; left:70px; background:url(../img/nl/brand_space.jpg) top left no-repeat; width:200px; height:26px; text-indent:-9999px;}
#header #brand_space_nl a:hover { position:absolute; top:70px; left:70px; background:url(../img/nl/brand_space_over.jpg) top left no-repeat; width:200px; height:26px; text-indent:-9999px;}

#header #brand_space_en{background:url(../img/ml/bg_brandSpace.png) top left no-repeat; width:347px; height:92px; position:relative; margin:0 auto}
#header #brand_space_en a { position:absolute; top:70px; left:70px; background:url(../img/en/brand_space.jpg) top left no-repeat; width:200px; height:26px; text-indent:-9999px;}
#header #brand_space_en a:hover { position:absolute; top:70px; left:70px; background:url(../img/en/brand_space_over.jpg) top left no-repeat; width:200px; height:26px; text-indent:-9999px;}

#header .logo{ position:absolute; top:6px; left:1px}
#header .logo_splash{ position:absolute; top:68px; left:428px}

#header ul.features{position:absolute; top:10px; right:-10px}
#header ul.features li{ display:block; float:left; margin:0 10px;}
#header ul.features li.lang{ margin:0 1px;}
#header ul.features li a { display:-moz-inline-box; display:inline-block; margin:0px; padding:0px; white-space:nowrap; text-align:right; vertical-align:middle; text-decoration:none; color:#b1b3b5; outline:none;} 
#header ul.features li a:hover { color:#747474;} 

	#header ul.features li a span { float:left; padding:0px 0px 0px 3px; vertical-align:middle; background:url(../img/ml/btn_left_features.png) left top no-repeat; } 
		#header ul.features li a span span { padding:0px 3px 0px 0px; background:url(../img/ml/btn_right_features.png) right top no-repeat; } 
			#header ul.features li a span span span { height:23px; line-height:23px; background:url(../img/ml/btn_tile_features.png) left top repeat-x; padding:0 3px}
	
	#header ul.features li img.home{ margin:0; position:relative; top:3px;}
	#header ul.features li img.becomeFan{ margin:0; position:relative; top:3px;}
		
		#header ul.features li.eshop{ clear:both; margin-top:15px; position:relative; right:28px;}
			#header ul.features li.eshop a span { float:left; padding:0px 0px 0px 5px; vertical-align:middle; background:url(../img/ml/btn_left_eshop.png) left top no-repeat; } 
				#header ul.features li.eshop a span span { padding:0px 28px 0px 0px; background:url(../img/ml/btn_right_eshop.png) right top no-repeat; } 
					#header ul.features li.eshop a span span span { height:25px; line-height:25px; background:url(../img/ml/btn_tile_eshop.png) left top repeat-x; padding:0 3px}
			#header ul.features li.eshop a:hover{color:#fff;}
			
/* ----------------------------------------------  7. NAVIGATION  ---------------------------------------- */

ul#main_nav{font-family:'H37ThinCondensed', Helvetica, Arial, sans-serif; font-size:17px; font-weight:400; color:#98999a}
ul#main_nav li{ display:block; float:left; text-align:center;}

	ul#main_nav li a{ margin:7px 4px; padding:1px 5px; float:left; color:#b1b3b5}
		ul#main_nav li a.hover{ color:#fff;}
		ul#main_nav li a.selected{ background:#e1e1e1; padding:0 4px; border:1px solid #fff; color:#525253;}
	
	ul#main_nav li.clicked{ background:url(../img/ml/bg_nav_onclick.png) center 6px no-repeat; width:102px; height:42px; border:0; text-align:center; padding-top:8px;}
		ul#main_nav li.clicked a{ border:0; padding:0; color:#7a7a7a; display:inline; float:none;  /*margin:7px 2px 7px 12px;*/ }
		
	ul#main_nav li.clicked.medium{ background:url(../img/ml/bg_nav_onclick_medium.png) center 6px no-repeat; width:125px; height:42px; border:0; text-align:center; padding-top:8px;}
	ul#main_nav li.clicked.large{ background:url(../img/ml/bg_nav_onclick_large.png) center 6px no-repeat; width:162px; height:42px; border:0; text-align:center; padding-top:8px;}
	
	ul#main_nav li ul.level2{ clear:both; position:absolute; top:135px; width:100%; color:#595959; display:none; z-index:2;}
		ul#main_nav li ul.level2 li, ul#main_nav li ul.level2 li a{ display:block; float:left; margin:0 15px;}
		
	ul#main_nav li ul.level2.alignLeft{ position:absolute; left:0;}
	
		ul#main_nav li.clicked ul.level2 li a{ padding:1px 5px; color:#525253; margin:0; position:relative; left:0; top:1px; /top:3px; top/*\**/:3px\9; }
			ul#main_nav li.clicked ul.level2 li a.hover{ background:#e1e1e1; padding:1px 4px; border:1px solid #fff; color:#525253; margin:0; line-height:20px; /padding:0px 4px; padding-top/*\**/:0px\9; }
	
/* ----------------------------------------------  8. BREADCRUMB  ----------------------------------------- */
	
	#breadcrumb{ position:absolute; top:134px; /*background:transparent url(../img/ml/bg_breadcrumb.png) top left repeat-x;*/ background:url(../img/ml/bg_content_detail.png) top left; width:100%; height:27px; z-index:9;}
		#breadcrumb .content{width:960px; margin:2px auto; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:19px; list-style-type:none; color:#000}
			#breadcrumb .content li{float:left; padding:0; margin:0}
				#breadcrumb .content li a{ color:#000; margin:0 15px; padding:0 }
			#breadcrumb .content .small{font-size:8px !important; font-variant:small-caps; position:relative; bottom:1px;} 
			
/* ----------------------------------------------  9. CONTENTS  ------------------------------------------- */

#bg_color{background:#e5b7c0; width:100%; height:100%; position:absolute; bottom:0px; z-index:-9;}
#woman{ display:block}
/*
#woman.homepage{background:url(../img/woman/pink_homepage.jpg) center center no-repeat; width:100%; height:100%; position:absolute; z-index:-9;}
#woman.page{background:url(../img/woman/pink_page.jpg) center center no-repeat; width:1200px; height:100%; position:absolute; right:0; z-index:-9;}
*/
#baseline{ position:relative; margin:180px 0 0 80px; width:220px; float:left}
#home_brandslider{position:relative; margin:110px 0 0 310px; float:left}

#content_detail{position:relative; margin:65px 0 65px 10px;/*!large margin-bottom (65px) for dealing with collapse superposition*/ 
/*background:url(../img/ml/bg_content_detail.png) top left; border:1px solid #fff;*/ width:700px; padding:30px; left: 1px; top: 35px;}

#content_flash_brands{display:none; position:relative; margin:65px 0 65px 10px;/*!large margin-bottom (65px) for dealing with collapse superposition*/ 
/*background:url(../img/ml/bg_content_detail.png) top left;*/ width:720px; padding:30px; border:1px solid #fff; left: 1px; top: 35px;}

#content_detail h1 { line-height:40px; margin:10px 0 15px 0}
#content_detail h2 { line-height:36px; margin:10px 0 10px 0}
#content_detail h3 { font-weight:bold; margin:0}
#content_detail h4{ font:14px Arial, Helvetica, sans-serif; line-height:20px; font-weight:bold; text-transform:uppercase;}
#content_detail p, #content_flash_brands p{ font:12px Arial, Helvetica, sans-serif; margin:5px 60px 0 0; color:#000;}
#content_detail img{ border:1px solid #fff}


#content_detail #googlemap { margin-top:15px; float:left; border:1px solid #fff}
#content_detail #shop_picture {margin:15px 0 0 40px; float:left}

#content_detail #shop_dashboard { float:left; position:relative; top:10px; width:500px; color:#000;}
	#content_detail #shop_dashboard p{ margin-top:0}
	#content_detail #shop_dashboard .schedule{ width:240px; float:left;}
	#content_detail #shop_dashboard .suppliers{ width:240px; float:left;}
	#content_detail #shop_dashboard .access{ width:240px; float:left; margin-top:20px;}
		#content_detail #shop_dashboard .access ul{ margin:5px 0 0 5px;}
			#content_detail #shop_dashboard .access ul li{ display:block; float:left; margin:0 5px; width:50px; height:27px; text-align:center}
			#content_detail #shop_dashboard .access ul li span{ position:relative; top:30px;}
			#content_detail #shop_dashboard .access ul li.car{ background:url(../img/ml/access_car.jpg) center center no-repeat;}
			#content_detail #shop_dashboard .access ul li.bus{ background:url(../img/ml/access_bus.jpg) center center no-repeat;}
			#content_detail #shop_dashboard .access ul li.train{ background:url(../img/ml/access_train.jpg) center center no-repeat;}
		
#content_detail #shop_dashboard .discover{width:230px; float:left; margin-top:20px; margin-bottom:20px; padding:5px; background:#363636; opacity: .7; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
	#content_detail #shop_dashboard .discover span{background:url(../img/ml/bg_discover_brand.jpg) left center no-repeat; width:190px; display:block; padding-left:30px; font-family:'H37ThinCondensed', Helvetica, Arial, sans-serif; font-size:15px; line-height:20px; text-transform:uppercase; color:#fff }

#content_detail #shop_coordinates { float:left; position:relative; top:10px; margin-left:10px; width:195px; color:#fff;}
	#content_detail #shop_coordinates p { margin-top:0; margin-bottom:8px;}
	#content_detail #shop_coordinates a { color:#000; text-decoration:none;}

#content_detail .gift_zone{ float:left; width:200px; height:250px; margin:20px 30px 0 0; padding-bottom:50px;}
	#content_detail .gift_zone p{ margin:0}
	
		#content_detail .gift_zone .gift_zone_illu{position: absolute; top: 340px;}

		#content_detail .gift_zone a.gift{ position:absolute; display:block; top:300px; text-transform:uppercase; font-size:11px}
		#content_detail .gift_zone a.gift2{ position:absolute; display:block; top:265px; text-transform:uppercase; font-size:11px}
			#content_detail .gift_zone a.gift span, #content_detail .gift_zone a.gift2 span { float:left; padding:0px 0px 0px 3px; vertical-align:middle; background:url(../img/ml/a_left_gift.png) left top no-repeat; } 
					#content_detail .gift_zone a.gift span span, #content_detail .gift_zone a.gift2 span span { padding:0px 14px 0px 0px; background:url(../img/ml/a_right_gift.png) right top no-repeat; } 
						#content_detail .gift_zone a.gift span span span, #content_detail .gift_zone a.gift2 span span span { height:27px; line-height:27px; background:url(../img/ml/a_tile_gift.png) left top repeat-x; padding:0 8px; font-weight:bold; color:#00483a}
			/*rollover*/
			#content_detail .gift_zone a.gift:hover span, #content_detail .gift_zone a.gift2:hover span { float:left; padding:0px 0px 0px 3px; vertical-align:middle; background:url(../img/ml/a_left_gift_over.png) left top no-repeat; } 
					#content_detail .gift_zone a.gift:hover span span, #content_detail .gift_zone a.gift2:hover span span { padding:0px 14px 0px 0px; background:url(../img/ml/a_right_gift_over.png) right top no-repeat; } 
						#content_detail .gift_zone a.gift:hover span span span, #content_detail .gift_zone a.gift2:hover span span span { height:27px; line-height:27px; background:url(../img/ml/a_tile_gift_over.png) left top repeat-x; padding:0 8px; font-weight:bold; color:#00483a}

/*giftmagazine*/
#content_detail a.gift_magazine{ float:left; display:block; top:300px; text-transform:uppercase; font-size:11px; margin-left:20px}
#content_detail a.gift_magazine span { float:left; padding:0px 0px 0px 3px; vertical-align:middle; background:url(../img/ml/a_left_gift.png) left top no-repeat; } 
	#content_detail	a.gift_magazine span span { padding:0px 14px 0px 0px; background:url(../img/ml/a_right_gift.png) right top no-repeat; } 
	#content_detail	a.gift_magazine span span span { height:27px; line-height:27px; background:url(../img/ml/a_tile_gift.png) left top repeat-x; padding:0 8px; font-weight:bold; color:#00483a}
			
	/*rollover*/
	#content_detail a.gift_magazine:hover span { float:left; padding:0px 0px 0px 3px; vertical-align:middle; background:url(../img/ml/a_left_gift_over.png) left top no-repeat; } 
	#content_detail a.gift_magazine:hover span span { padding:0px 14px 0px 0px; background:url(../img/ml/a_right_gift_over.png) right top no-repeat; } 
	#content_detail a.gift_magazine:hover span span span{ height:27px; line-height:27px; background:url(../img/ml/a_tile_gift_over.png) left top repeat-x; padding:0 8px; font-weight:bold; color:#00483a}

#content_detail #carousel{ margin:10px auto; width:540px; text-align:center}

#content_detail .shop_list{ border:0; margin-top:20px;}

#content_detail.splash{height:340px; margin:95px auto 65px auto; padding:40px}
	#content_detail.splash h2{ margin:20px 0}
	#content_detail .culture_zone{ float:left; width:200px; margin:20px 30px 0 0;}
		#content_detail .culture_zone h4{ text-transform:none;}
		#content_detail .culture_zone p{ margin:0}
		
		#content_detail .culture_zone a.lang{ position:absolute; display:block; top:260px; text-transform:uppercase; text-decoration: none;}
		#content_detail .culture_zone a.lang span { float:left; padding:0px 0px 0px 3px; vertical-align:middle; background:url(../img/ml/a_left_gift.png) left top no-repeat; } 
				#content_detail .culture_zone a.lang span span { padding:0px 14px 0px 0px; background:url(../img/ml/a_right_gift.png) right top no-repeat; } 
					#content_detail .culture_zone a.lang span span span { height:27px; line-height:27px; width:158px; background:url(../img/ml/a_tile_gift.png) left top repeat-x; padding:0 8px; font-weight:bold; color:#00483a}
		/*rollover*/
		#content_detail .culture_zone a.lang:hover span { float:left; padding:0px 0px 0px 3px; vertical-align:middle; background:url(../img/ml/a_left_gift_over.png) left top no-repeat; } 
				#content_detail .culture_zone a.lang:hover span span { padding:0px 14px 0px 0px; background:url(../img/ml/a_right_gift_over.png) right top no-repeat; } 
					#content_detail .culture_zone a.lang:hover span span span { height:27px; line-height:27px; width:158px; background:url(../img/ml/a_tile_gift_over.png) left top repeat-x; padding:0 8px; font-weight:bold; color:#00483a}

/* ------------------------------------  10. FOOTER +  COLLAPSE MENU -------------------------------------- */
.footer{position:relative; height:145px;}
#footer { clear:both; width:100%; z-index:99; background:#444; border-top:1px solid #595959; position: absolute; bottom: 0;  height: 22px;} 

	#footer .content{ width:960px; margin:2px auto; font-family:'H37ThinCondensed', Helvetica, Arial, sans-serif; font-size:12px; color:#fff; text-transform:uppercase;}
		#footer .content a{ margin:2px 10px; color:#fff}
		#footer .content a:hover{color:#b1b3b5}
		#footer .content .alignLeft, #footer .content .alignRight{font-size:12px; letter-spacing:0.2em; -margin-top:3px; /margin-top:3px; margin-top/*\**/:2px\9;}
		
.collapse{position:absolute; left:0; z-index:9; bottom:23px; overflow:hidden; width:100%; margin:0; height:145px; opacity: .8; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
	.collapse .inner{position:absolute; left:0; bottom:0; width:100%; height:125px; background-color:#131313; color:#fff; display:none}
		.collapse .inner .content{width:960px; margin:0px auto;}
	.collapse .innerHide{position:relative; width:960px; margin:0 auto; height:125px; background-color:#131313; color:#fff}

.toggleOpen{ width:100%; display:block; text-align:center; color:#fff; height:22px; line-height:22px; background-color:#131313; cursor:pointer; border:0; position:absolute; bottom:0px;}
.toggleClose{ width:100%; display:block; text-align:center; color:#fff; height:22px; line-height:22px; background-color:#131313; cursor:pointer; border-bottom:1px solid #595959; }
	.toggleOpen span{background:url(../img/ml/collapse_up.png) right center no-repeat; padding-right:15px}
	.toggleClose span{background:url(../img/ml/collapse_down.png) right center no-repeat; padding-right:15px}

#scrollable .items{ padding:8px 0;}
	#scrollable .items div{ width:230px; display:block; float:left; }
	#scrollable .items img{	float:left;	margin:0px 6px 0 0; width:75px; height:75px;}
	#scrollable .items h3{margin:-15px 0 5px 0; /margin:0px 0 5px 0; -margin:0px 0 5px 0; padding:0; font-size:18px; line-height:18px}
		#scrollable .items h3 a{ margin:0; font-weight:bold}
	#scrollable .items p{margin:0; margin-top:-2px; padding:0; font:10px normal Arial, Helvetica, sans-serif; width:210px; -width:130px; /width:130px; line-height:10px;}
		#scrollable .items p a{margin:0; padding:0; width:205px; text-transform:none;}
	#scrollable .items input{ margin-top:5px; padding:0; width:120px; height:18px; border:1px solid #706e6e}
/* hack for safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#scrollable .items h3{margin:0px 0 5px 0;}
}

/* -> CFR scrollable.css FOR OTHER STYLE */

/* ----------------------------------------  11. POPIN (nyroModal)  -------------------------------------- */

.popinTransit{ display:none; }

	a.nyroModal.btn{ display:block; float:left; margin:26px 0 0 20px;}
	a.nyroModal.btn span { float:left; padding:0px 0px 0px 3px; vertical-align:middle; background:url(../img/ml/a_left_gift.png) left top no-repeat;} 
		a.nyroModal.btn span span { padding:0px 14px 0px 0px; background:url(../img/ml/a_right_gift.png) right top no-repeat; } 
			a.nyroModal.btn span span span { height:27px; line-height:27px; width:80px; background:url(../img/ml/a_tile_gift.png) left top repeat-x; padding:0 8px; font-weight:bold; color:#00483a}

	a.nyroModal.btn:hover span { float:left; padding:0px 0px 0px 3px; vertical-align:middle; background:url(../img/ml/a_left_gift_over.png) left top no-repeat;} 
		a.nyroModal.btn:hover span span { padding:0px 14px 0px 0px; background:url(../img/ml/a_right_gift_over.png) right top no-repeat; } 
			a.nyroModal.btn:hover span span span { height:27px; line-height:27px; width:80px; background:url(../img/ml/a_tile_gift_over.png) left top repeat-x; padding:0 8px; font-weight:bold; color:#00483a}

/* -> CFR nyroModal.css FOR OTHER STYLE */


/* ----------------------------------------  12. PARTNERS  ---------------------------------------------- */

#partners{color:#000;}
	#partners fieldset{}
	#partners legend{ color:#000}
	#partners #service, #partners #region{color:#000; float:left; margin-right:30px;}
	#partners #result{ margin-top:20px; width:400px;}
		#partners #result ul li{ margin-top:7px;}
	#partners #resultTitle{font-family:'H37ThinCondensed', Helvetica, Arial, sans-serif; text-transform:uppercase; font-size:22px; line-height:22px;}
	#partners #colRight{ float:right; margin:10px 0 0 20px}
	#partners #btnSearch{ width:auto; margin-left:300px;}
	#partners #list{ float:right}
	
/* ----------------------------------------  13. ADMIN VIEW (edit on site) ------------------------------- */

#admin_zone{ position:absolute; z-index:9999999; width:auto; padding:0 5px; color:#fff; background:#363636; opacity: .8; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);;}
	#admin_zone a{ margin:5px 0;  background:url(../img/ml/ico_edit.png) 5px center no-repeat; display:block; border:1px groove #999; padding:10px; padding-left:38px;}
	#admin_zone a:hover{ color:#747474}
	
/* ----------------------------------------  99. CLASS VRAC ---------------------------------------------- */

.clr{ clear:both;}
.rounded { -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.textshadow{ text-shadow: 1px 1px 2px #a6a6a6; }
.noscreen, hr{ display:none;}

.noborder, .element img{ border:0 !important;}
.bordertest{ border:1px solid lime}
.alignLeft{ float:left;}
.alignRight{ float:right;}
.small{font-size:10px !important;}
.alignRight .small{font-size:10px !important; font-variant:small-caps; position:relative; bottom:1px;} 
h2.contentSimple, h2.contentSimple a{ font-size:24px; line-height:24px; padding:0; margin:0; color:#000;}
#btn_popinVid{width:122px; height:25px; background:url(../img/ml/btn_popin_vid.gif) no-repeat; float:right; margin:10px 72px 0 0; text-decoration:none; padding:5px 0 0 6px;  }

/* -----------------------------------------  100. OLD STYLES (adapted from previous site) --------------- */

	#titre_service{ margin-top:20px;}
	#content_detail #table {border:1px solid #d6d8de; border-right:2px solid #d6d8de;}
	#content_detail #titre_service #table{ border:0;}
		#content_detail #table table { border-collapse:collapse; width:100%;}
		#content_detail #table table table.intitule, #content #advantage_card #table table table.donnees {}
			#content_detail #table table table.donnees .grise td.col,
			#content_detail #table table table.donnees .grise td.colOne,
			#content_detail #table table table.donnees .grise td.colTwo,
			#content_detail #table table table.donnees .grise td.colThree,
			#content_detail #table table table.donnees .grise td.colFour{background-color: #D6D8DE; color:#FFF;}
			#content_detail #table table table.intitule th { padding:5px 0 5px 0; color:#FFF;}
				#content_detail #table table table.intitule th.magasins { text-align:center;}
				#content_detail #table table table.intitule th.col { text-align:center; color:#FFF; }
				#content_detail #table table table.intitule th.colOne { padding-left:15px; width:242px; text-align:left}
				#content_detail #table table table.intitule th.colTwo, 
				#content_detail #table table table.intitule th.colThree, 
				#content_detail #table table table.intitule th.colFour { width:105px; text-align:center;}
			#content_detail #table table th.title {padding:5px 0 5px 15px; background-color:#d6d8de; color:#00483a; text-align:left}
			#content_detail #table table table.donnees td { padding:5px 0px 5px 0px; border:none}
				#content_detail #table table td.magasins, #content_detail #table table table.donnees td.magasins { padding:10px 0 10px 0; text-align:center; color:#FFF;}
				#content_detail #table table table.donnees td.colOne { padding-left:15px; width:242px; text-align:left; color:#FFF;}
				#content_detail #table table td.col, #content_detail #table table table.donnees td.col { padding:10px 0 10px 0; text-align:center; color:#FFF; }
				#content_detail #table table table.donnees td.colTwo, 
				#content_detail #table table table.donnees td.colThree, 
				#content_detail #table table table.donnees td.colFour { width:105px; text-align:center; background:#CCC}
			#content_detail #table h3.toggler { padding:10px 0 10px 0; font-weight:bold; text-align:center; cursor:pointer; color:#000; }	
				#content_detail #table h3.toggler span {background:url(../img/ml/arrow_down.png) right center no-repeat; padding-right:25px;}
				
#content_detail #giftChequeindexIndividual #navSupp { width:200px; margin:20px auto; padding-bottom:3px}

#content_detail #navSupp { width:430px; margin:20px auto; padding-bottom:3px}
#content_detail #navSupp li{float:left; margin-right:10px;}
#content_detail #navSupp li a{ display:block; text-transform:uppercase;}
	#content_detail #navSupp li a span { float:left; padding:0px 0px 0px 3px; vertical-align:middle; background:url(../img/ml/a_left_gift.png) left top no-repeat; } 
			#content_detail #navSupp li a span span { padding:0px 14px 0px 0px; background:url(../img/ml/a_right_gift.png) right top no-repeat; } 
				#content_detail #navSupp li a span span span { height:27px; line-height:27px; width:158px; background:url(../img/ml/a_tile_gift.png) left top repeat-x; padding:0 8px; font-weight:bold; color:#00483a}
	
	/*rollover*/
	#content_detail #navSupp li a:hover span { float:left; padding:0px 0px 0px 3px; vertical-align:middle; background:url(../img/ml/a_left_gift_over.png) left top no-repeat; } 
			#content_detail #navSupp li a:hover span span { padding:0px 14px 0px 0px; background:url(../img/ml/a_right_gift_over.png) right top no-repeat; } 
				#content_detail #navSupp li a:hover span span span { height:27px; line-height:27px; width:158px; background:url(../img/ml/a_tile_gift_over.png) left top repeat-x; padding:0 8px; font-weight:bold; color:#00483a}


#content_detail a.btn{ display:block; text-transform:uppercase; float:left; margin-right:10px;}
	#content_detail a.btn span { float:left; padding:0px 0px 0px 3px; vertical-align:middle; background:url(../img/ml/a_left_gift.png) left top no-repeat; } 
			#content_detail a.btn span span { padding:0px 14px 0px 0px; background:url(../img/ml/a_right_gift.png) right top no-repeat; } 
				#content_detail a.btn span span span { height:27px; line-height:27px; background:url(../img/ml/a_tile_gift.png) left top repeat-x; padding:0 8px; font-size:12px; font-weight:bold; color:#00483a}
	/*rollover*/
	#content_detail a.btn:hover span { float:left; padding:0px 0px 0px 3px; vertical-align:middle; background:url(../img/ml/a_left_gift_over.png) left top no-repeat; } 
			#content_detail a.btn:hover span span { padding:0px 14px 0px 0px; background:url(../img/ml/a_right_gift_over.png) right top no-repeat; } 
				#content_detail a.btn:hover span span span { height:27px; line-height:27px; background:url(../img/ml/a_tile_gift_over.png) left top repeat-x; padding:0 8px; font-weight:bold; color:#00483a}

#giftIntroLarge{ margin:20px 0 0 0;}

#giftChequeIndex p{ margin:20px 0 5px 0;}

#sitemap, #sitemap a{ color:#000 !important;}
#sitemap .nivUn{ margin:10px 0 0 0; font-size:18px; list-style-type:decimal}
#sitemap .nivUn li{ margin:2px 0 0 0;}
#sitemap .nivDeux{ margin:10px 0 0 20px; font-size:14px; list-style-type:decimal}
#sitemap .nivTrois{ margin:5px 0 0 20px; font-size:12px; list-style-type:circle}
#sitemap .nivQuatre{margin:5px 0 0 20px; font-size:12px; list-style-type:circle}

ul.contentSimple{color:#000 !important;}
ul.contentSimple a{ color:#000}
ul.contentSimple a:hover{ text-decoration:underline}
ul.contentSimple li{margin:10px 0 0 20px; font-size:12px; list-style-type:decimal}

/*page gift_cheque_index_company_af*/	
	#content #giftChequeindexCompanyAf {}
	 	#content #giftChequeindexCompanyAf  #table {border:1px solid #fff; width:550px; margin:0 0 20px 110px;}
		#content #giftChequeindexCompanyAf  #table h3  {padding:10px 0 10px 0; font-weight:bold; text-align:center; color:#000}
		#content #giftChequeindexCompanyAf  #table table{width:550px; background:none; }
		#content #giftChequeindexCompanyAf  #table table td { padding:5px 5px 5px 5px; border:1px solid #000; color:#000;  width:110px; text-align:center;}
		#content #giftChequeindexCompanyAf  #table table td.title { padding:5px 0 5px 0; color:#000; }

/*page gift_cheque_form*/
	#content_detail #giftChequeForm { margin:20px auto; width:620px; color:#000; font-size:14px;}
	/*first form order (gift) */
	#content_detail #giftChequeForm #order { margin:15px 0 0 0}
		#content_detail #giftChequeForm #order table { border:1px solid #fff; border-collapse:collapse}
					#content_detail #giftChequeForm #order caption {font-family:'H37ThinCondensed', Helvetica, Arial, sans-serif; font-size:18px; padding:10px; margin:0; font-weight:bold; color:#000; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;}
			#content_detail #giftChequeForm #order table th { text-align:center; height:35px; line-height:35px; border:1px solid #fff; width:153px}
			#content_detail #giftChequeForm #order table td table td { padding-top:15px; text-align:center}
			#content_detail #giftChequeForm #order input { width:60px; height:20px; font-size:11px; border:1px solid #939393}
			#content_detail #giftChequeForm #checkbox a{color:#000;}
	
	/*second form address (gift) */
	#content_detail form { margin:25px 0 0 0;}	
		#content_detail form fieldset { margin:10px auto; border:1px solid #000; font-size:14px; padding:10px 0px 30px 30px; padding-top:10px}
		#content_detail form legend {font-family:'H37ThinCondensed', Helvetica, Arial, sans-serif; padding:8px 12px; margin-left:5px; text-transform:uppercase; font-size:24px; color:#000;}
		
			#content_detail form fieldset label { position:relative; margin:5px 0 10px 0px; width:267px; float:left; color:#000;}
			#content_detail form fieldset input { margin-top:3px; width:200px; height:20px; font-size:11px; float:left; border:1px solid #939393}
			#content_detail form fieldset input.radio { margin:5px 20px 0 0; -margin:3px 20px 0 0;  margin/*\**/:0px 20px 0 0\9; width:auto; float:left; border:0;}
			#content_detail form fieldset .radioTxt { display:block; float:left; width:35px; margin:5px 0 0 0; /margin:2px 0 0 0;}
			#content_detail form fieldset label span.BE { position:absolute; top:3px; right:5px;}
			#content_detail form fieldset textarea{margin-top: 10px; width: 650px;}
			
			
		#content_detail form .btn{ margin:30px 0 10px 275px; font-weight:normal}
	
	/* CONTACT FORM SPECIFIC STYLES */
	#content_detail #contact_form { margin:0px 0 0 0; color:#000;}
	#content_detail #contact_form h3 { font-size:30px; font-weight:normal; line-height:30px; margin:10px 0 0 0}
		#content_detail #contact_form input.checkbox{width:auto; float:left; border:0; margin/*\**/:0 0 0 0\9;}
	#content_detail #contact_form .btn{ margin:30px 0 25px 305px; font-weight:normal}
    /* UNSUBSCRIBE FORM SPECIFIC STYLES */
	#login_form .btn{position:absolute; left:30px; top:125px; text-align:center; padding-top:5px; height:20px; background:url(../img/ml/btn_bg.jpg) repeat-x; border-left:1px solid #fff; border-right:1px solid #fff; width:100px; float:left; display:block;}
	#login_form .btn a{text-decoration:none; color:#00483a; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
	input.btn_anvers{margin-top:10px;}
	input.anvers{margin-top:10px; width:200px;}