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

@font-face {
    font-family: 'bodnoffregular';
    src: url('bodnoff-webfont.eot');
    src: url('bodnoff-webfont.eot?#iefix') format('embedded-opentype'),
         url('bodnoff-webfont.woff') format('woff'),
         url('bodnoff-webfont.ttf') format('truetype'),
         url('bodnoff-webfont.svg#bodnoffregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a{
	text-decoration:none;
	color:#FFF;
}
a:link img,a:active img,a:visited img,a:hover img {
  border:0;
}


html, body{
	width:100%;
	height:100%;
	min-height:600px;
	min-width:960px;
	margin:0;
	padding:0;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	position:relative;
	background:#333 url(images/bg.jpg) repeat center center;
}

#boxReference{
	position:fixed;
	left:0%;
	width:960px;
	height:600px;
	border:solid 2px #F00;
	z-index:99000;
	display:none;
}

/************************************************/
/******************** MENU **********************/
/************************************************/
ul.sdt_menu{
	margin:95px auto 0 auto;
	padding:0;
	list-style: none;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:14px;
	width:840px;
	float:left;
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;

}
ul.sdt_menu li{
	float:left;
	width:140px;
	height:30px;
	position:relative;
	cursor:pointer;
	text-align:center;
	line-height:10px;


	
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:140px;
	height:30px;
	z-index:12;
	background:#FFF url(images/menu/fond-bouton.jpg) no-repeat bottom right;
		
	/*-moz-box-shadow:0px 0px 10px #630 inset;
	-webkit-box-shadow:0px 0px 10px #630 inset;
	box-shadow:0px 0px 10px #630 inset;*/
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:70px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:10px;
	left:0px;
	width:140px;
	height:60px;
	z-index:15;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background: url(images/menu/fond-menu.png) repeat;
	top:30px;
	width:140px;
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	width:140px;
	text-align:left;
	text-transform:uppercase;
	/*text-shadow:1px 1px 1px #000;*/
}
ul.sdt_menu li span span.sdt_link{
	font-weight:bold;
	color:#C00;
	font-size:16px;
	clear:both;
	width:140px;
	text-align:center;
}
ul.sdt_menu li span span.sdt_descr{
	color:#C00;
	float:left;
	clear:both;
	width:140px; /*For dumbass IE7*/
	font-size:10px;
	letter-spacing:1px;
	text-shadow:none;
	font-weight:bold;
}
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:140px;
	z-index:100;
	overflow:hidden;
	height:140px;
	top:30px;
	left:0px;
	display:none;
	background:#000;
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:24px;
	color:#FFF;
	font-weight:bold;
	text-transform:none;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#C00;
}
/************************************************/
/******************** HOME PAGE *****************/
/************************************************/

.titreHome{
	font-family: 'bodnoffregular';
	font-size:34px;
	color:#FFF;
	text-shadow: 0.1em 0.1em 0.1em black;
	position:absolute;
	left:220px;
	top:50px;
	margin:0;
	padding:0;	
}

.enter{
	font-family: 'bodnoffregular';
	font-size:30px;
	color:#F00;
	position:absolute;
	left:540px;
	top:100px;
	margin:0;
	padding:5px 10px;
	background:rgba(0,0,0,0.6);	
	border-radius:3px;
}

.accrocheHome{
	position:absolute;
	left: 14px;
	top: 181px;
}


/************************************************/
/******************** PAGE **********************/
/************************************************/
#mainContent{
	position:absolute;
	top:50%;
	right:50%;
	width:960px;
	height:440px;
	margin:-170px -480px; 0 auto;
	z-index:0;
}

#boxDescr{
	float:left;
	height:440px;
	width:300px;
	display:block;
	background:url(images/fond-desc.png) center center no-repeat;
	text-align:center;
}

#boxDescr h1{
	font-size:16px;
	margin-top:60px;

}

#boxDescr h2{
	font-size:14px;
	margin:0px;
	padding:0;
}

#boxDescr p{
	font-size:12px;
	padding:0px 10px;
	text-align:justify;
}

#boxDescr ul{
	font-size:12px;
	text-align:left;
}


#btnAcces a{
	background-color:#333;
	padding:5px;
	margin-left:-200px;
	font-weight:bold;
}

#btnAcces a:hover{
	background-color:#000;
}
/************************************************/
/******************** FOOTER ********************/
/************************************************/
#footer{
	position:fixed;
	bottom:5px;
	left:0;
	width:100%;
	font-size:14px;
	text-align:center;
	z-index:10;
	font-weight:bold;
}

/************************************************/
/******************** MENTIONS LEGALES   ********/
/************************************************/
#shadowing10
{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index:1000;
	background:url(images/fond_shadowing.png) repeat;
}


#box10
{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 750px;
	height: 500px;
	padding: 10px;
	margin-top:-250px;
	margin-left:-375px;
	background-color: #FFF;
	color:#000;
	z-index:1001;
	overflow: auto;
}


#boxtitle10
{
	display:block;
	width:100%;
	text-align:center;
	font-size:16px;
	text-decoration:underline;
	font-weight:bold;
}

/************************************************/
/******************** SLIDER PROMO HOME   ********/
/************************************************/

#sliderPromo{display: block; position:fixed; bottom:60px; left:50%; z-index:100; margin-left:-350px; border-radius:5px;  -moz-box-shadow:inset 0px 1px 11px #000000;-webkit-box-shadow:inset 0px 1px 11px #000000;box-shadow:inset 0px 1px 11px #000000; background:rgba(0,0,0,0.8); overflow:hidden;

    -moz-box-shadow: 2px 2px 20px #000000;
    -webkit-box-shadow: 2px 2px 20px #000000;
    box-shadow: 2px 2px 20px #000000;

}
#sliderPromo h2{ background:#c00; color:#fff; text-align:left; margin:0;  font-style:italic; font-size:24px; font-weight:bold; display:block; width:50%; text-transform:uppercase; position:absolute; top:0px; left:0; z-index:100; padding:3px 0 3px 10px;}
#sliderPromo ul{ position:relative; width:700px; height:145px; margin:0 auto; padding:0; color:#fff; background:rgba(255,255,255,0.1); -moz-box-shadow:inset 0px 7px 7px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow:inset 0px 7px 7px rgba(0, 0, 0, 0.7);
    box-shadow:inset 0px 7px 7px rgba(0, 0, 0, 0.7); }
#sliderPromo ul li{ position:relative; width:100%; height:100%; list-style:none; cursor:pointer; border-radius:3px;}
.blocTextSlider{ float:left; display:block; width:310px; height:70px; padding-top:10px; padding-left:20px;}
#sliderPromo div.image{ text-align:left; margin-top:4px; margin-left:10px; float:left;}
#sliderPromo h3{ font-size:1.5em; text-transform:uppercase; padding:0 3px ; margin:0; color:#fff; text-align:left;}
#sliderPromo  p.prix{ margin:5px 0 0 0; padding:0; font-size:18px; font-weight:bold; font-style:italic; text-align:left; padding-left:5px;}
#sliderPromo span.normal{ text-decoration:line-through;}
#sliderPromo ul li h3.categoriePromo{ display: block; text-align:right; background:#c00; padding:6px 12px 7px 0; }
#sliderPromo ul li h3.categoriePromo span{ background:#FFF; color:#000; font-size:18px; font-weight:bold; font-style:italic; border-radius:2px; padding:1px}
#sliderPromo span.solde{ color:#c00; margin-left:20px; background:#FFF; padding:1px 3px; font-size:22px;}
#sliderPromo a.enSavoirPlus{ background:#c00; display:block; width:85px; height:65px; text-align:center; padding:2px 0; bottom:0; font-weight:bold; text-transform:uppercase; position:absolute; right:10px; bottom:20px; padding-top:15px; color:#fff; -moz-box-shadow:inset 0px 2px 2px rgba(0, 0, 0, 0.7);   -webkit-box-shadow:inset 0px 2px 2px rgba(0, 0, 0, 0.7); box-shadow:inset 0px 2px 2px rgba(0, 0, 0, 0.7);}