html,body {margin:0; padding:0;/*height:100%; overflow:hidden;*/}
body{font-family: 'Inconsolata', sans-serif; font-size: 14px;  color:#000; background:#FFF;}
ul,li{padding:0;margin:0;list-style:none;}
h1,h2,h3,h4{padding:0;margin:0;}
h1{font-weight:normal; font-size:20px;}
h2{font-weight:normal; font-size: 18px;}
h3{font-weight:normal; font-size: 16px; margin-bottom:5px; margin-top:10px;}
a{ outline:none; text-decoration:none; border:none;color:#000;}
img{ border:none;}
p{ padding:0 0 5px 0; margin:0; line-height:20px; color:#666}


.fl{ float:left;}

/*----------------------------------------

	MAIN

----------------------------------------*/

#global{width:980px; margin:0 auto;  position:relative;}
#headerAbs{position:absolute; z-index:2000; left:0; width:100%}
#header{ margin-top:30px;}
#header a{ display:block; background:url(../common/logo.gif) no-repeat; height:112px; width:259px; margin:auto;} 

#menu{font-family: 'Inconsolata', sans-serif; text-align:center; margin:0px auto 0px auto; padding:30px 0 50px 0; /padding-bottom:30px;  width:520px; /width:540px;}
#menu li{ float:left; line-height:20px; height:20px; /line-height:25px; /height:25px;}
#menu li a{padding:5px 10px; font-size:16px; text-transform:uppercase;}
#menu li a:hover,
#menu li a.actif{ background:#000; color:#FFF;} 

#menu li ul{  background:url(../common/_whitealpha.png); background:#FFF; padding:5px 0;}

#menu li li { padding:2px 0; /padding:0;}
#menu li li ul{ background:url(../img/bg_module-droite.gif); }

#menu li li a,
#menu li li li a {  font-weight:normal;  font-size:11px; color:#666}

#menu li li a {color:#666; font-size:13px;}
#menu li li li a {color:#666;}

#menu li li a:hover,
#menu li li.actif a,
#menu li li li a:hover {color:#000; background:#FFF;}

#menu li li li a:hover { font-weight:bold;}

#menu li:hover, #menu li.sfHover,
#menu a:focus, #menu a:hover, #menu a:active {outline:0; color:#000;}

	
#content{ height:300px; clear:both; text-align:center;}
#footer{font-family: 'Inconsolata', sans-serif; font-size:14px; position:fixed; bottom:10px; left:10px; z-index:2000; background:#FFF; clear:both;}
#footer a{ display:inline-block; padding:1px 3px;}
#footer a:hover{ background:#000; color:#FFF;} 

#marque{ height:500px; width:400px; float:left; }
#boutiques{height:500px;width:400px;float:left;}
#boutiques p{ margin-bottom:10px;}

#contact{height:500px; line-height:20px; color:#666}
#contact .contactType{ float:left; margin-bottom:20px;}
#contact .col1{ width:180px; text-align:right; padding-right:60px; font-weight:normal; font-size: 18px;color:#000}
#contact .col2{ width:320px; padding-right:40px;}
#contact .col3{ width:300px;}
#contact .agentBox{ margin-bottom:20px;}
#mentions{height:530px; width:750px; margin:auto}
#mentions h2{ margin-top:20px; text-transform:uppercase;}



/*** ESSENTIAL STYLES ***/
.sf-menu * {margin:0;	padding:0;	list-style:	none;}
.sf-menu {line-height:	1.0;}
.sf-menu ul {position:absolute; top:-999em;	/* left offset of submenus need to match (see below) */ z-index:790; }
.sf-menu ul li {}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:	left;position:relative;z-index:780;}
.sf-menu a {}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;top:	25px; /* match top ul list item height */}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */	top:0;}