* {border: 0; margin: 0; padding: 0;}

html, body{width:100%; height:100%;}

body{
	background: #000000 url(../img/backgrounds/bgd_home.jpg) no-repeat -321px -203px;
	margin: 0;
	padding: 0;
	font: normal 9px Arial, Helvetica, sans-serif;
	color: #000;
	
	scrollbar-3dlight-color:#000000; 
	scrollbar-arrow-color:#000000; 
	scrollbar-base-color:#000000; 
	scrollbar-darkshadow-color:#000000; 
	scrollbar-face-color:#000000; 
	scrollbar-highlight-color:#000000; 
	scrollbar-shadow-color:#000000;
}
.clear{clear: both; visibility: hidden;}

#flash-content{z-index:2;}

#no-flash{}
#no-flash a{color:#00B9CA;}
#no-flash h1{margin-top: 5px; margin-left: 9px;}
#no-flash .banner{position:absolute; top:246px; left:547px; width: 492px; height: 26px; background: #000000 url(../img/dispatch-bg-banner.gif) repeat-x left top; padding-left: 4px; padding-right: 5px;}
#no-flash .banner .corner-left{position: absolute; top: 0; left: 0;}
#no-flash .banner .corner-right{position: absolute; top: 0; right: 0;}
* html #no-flash .banner .corner-right{right: -1px;}
#no-flash #text {color:#B3B4B6; position:absolute; top:288px; left:577px;}

#site-content{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1;}
#site-content #copyright{position: absolute; bottom: 96px; right: 23px;}
#site-content #dispatch-banner{position: absolute; bottom: 61px; right: 18px; width: 492px;}
#site-content #dispatch-banner h1{margin-top: 5px; margin-left: 9px;}
#site-content .banner{position: relative; height: 26px; background: #000000 url(../img/dispatch-bg-banner.gif) repeat-x left top; float: left; padding-left: 4px; padding-right: 5px;}
#site-content .banner .corner-left{position: absolute; top: 0; left: 0;}
#site-content .banner .corner-right{position: absolute; top: 0; right: 0;}
* html #site-content .banner .corner-right{right: -1px;}
#site-content #country-list{position: absolute; bottom: 30px; right: 19px; border-bottom: 1px dashed #464646; width: 319px; height: 15px;}
#site-content #country-list li{list-style: none; float: left;}
#site-content #country-list li img{display: block;}
#site-content #country-list #country-option1{padding-left: 2px;}
#site-content #country-list #country-option2{padding-left: 89px;}
#site-content #country-list #country-option3{padding-left: 95px;}
#site-content #sitemap-list{position: absolute; bottom: 19px; right: 20px;}
#site-content #sitemap-list li{list-style: none; float: left;}
#site-content #sitemap-list li img{display: block;}
#site-content #sitemap-list #sitemap-option2{padding-left: 109px;}
#site-content #sitemap-list #sitemap-option3{padding-left: 87px;}

#mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; background-color: #000000; -moz-opacity: 0.5; opacity: 0.5; filter : alpha(opacity=50);}
.ifr{position: absolute; visibility: visible; display: none; z-index:10; top: 0; left: 0; overflow: hidden;}

#popup{background:none;}
#popup #sitemap-back{display: block; position: absolute; top: 0; right: 0;}
#popup #sitemap-content{width: 474px; height: 395px; margin-top: 10px; background: url(../img/sitemap-bg.gif) no-repeat left top; padding-left: 30px; padding-right: 30px; font: normal 10px Arial, Helvetica, sans-serif; color: #FFFFFF; letter-spacing: 1px;}
#popup #sitemap-content a, #popup #sitemap-content a:active, #popup #sitemap-content a:visited, #popup #sitemap-content a:hover{color: #FFFFFF; text-transform: uppercase; text-decoration: none;}
#popup #sitemap-content h1{padding-bottom: 20px; border-bottom: 1px dashed #FFFFFF;}
#popup #sitemap-content h1 img{display: block; padding-top: 78px;}
#popup #sitemap-content h2{font-weight: normal; font-size: 10px; text-transform: uppercase; text-decoration: underline; margin-top: 16px; margin-bottom: 5px;}
#popup #sitemap-content ul li{list-style: none; background: url(../img/sitemap-picto-arrow.gif) no-repeat left top; padding-left: 12px; margin-bottom: 8px;}
#popup #sitemap-content ul li ul li{margin-left: 4px; padding-left: 4px; padding-top: 2px; margin-bottom: 0; background: url(../img/sitemap-picto-li.gif) no-repeat left top; line-height: 8px;}
#popup #sitemap-content #sitemap-chaussures{float: left; width: 155px;}
#popup #sitemap-content #sitemap-maroquinerie{float: left; width: 165px;}
#popup #sitemap-content #sitemap-histoire{float: left; width:154px;}