*{margin:0; padding:0;}
body {
margin: 0;
padding: 0;
font:0.8em Georgia, "Times New Roman", Times, serif;
color: #fff;
text-align: center;
background-image: url(http://fier-detre-normand.com/normanniae/visuels/homepage/homeback.png);
background-repeat:repeat-x;
background-color:#000000;
}
#global {
background-image: url(http://fier-detre-normand.com/normanniae/visuels/homepage/homepage.jpg);
background-repeat:no-repeat;
background-position: 50% 0px;
}
#page {width:950px;margin:auto;}
/******* TOP *******/
.logo {
height: 135px;
width: 165px;
float:left;
margin-top:50px;
margin-left:10px;
z-index:40;
position:relative;
}
.blason {
height: 131px;
width: 100px;
float:left;
margin-left:250px;
z-index:40;
position:relative;
}
#top {height: 75px;}
/******* MENU *******/
#menu {
height:46px;
width:640px;
margin-left:45px;
margin-top:-125px;
float:left;
z-index:60;
position:relative;
}
#menu li {float: left;}
#menu li a {display: block;height: 46px;background-image: url(http://fier-detre-normand.com/normanniae/visuels/menu.png);background-repeat: no-repeat;}
#menu li a span.hover {display: block;height: 46px;background:url(http://fier-detre-normand.com/normanniae/visuels/menu.png) 0 -46px no-repeat;}
li a#lien1 {width: 90px;background-position: 0px 0px;}
li a#lien2 {width: 68px;margin-left:11px;background-position: -101px 0px;}
li a#lien3 {width: 102px;margin-left:258px;background-position: -427px 0px;}
li a#lien4 {width: 83px;margin-left:28px;background-position: -557px 0px;}
li a#lien1 span.hover {background-position: 0px -46px;}
li a#lien2 span.hover {background-position: -101px -46px;}
li a#lien3 span.hover {background-position: -427px -46px;}
li a#lien4 span.hover {background-position: -557px -46px;}
/******* HEADER *******/
#header {
height: 321px;
margin-top:-30px;
background-image:url(http://fier-detre-normand.com/normanniae/visuels/header.png);
background-position:-8px 0;
background-repeat:no-repeat;
margin-bottom:12px;
position:relative;
z-index:20;
}
.anim {
height: 200px;
width:807px;
position:relative;
margin:auto;
z-index:40;
top:90px;
}
.flash {
position:absolute;
left:0px;
}
/******* CATEGORIES *******/
#category {height: 260px;}
#category a {display:block;width:100%;height:100%;}
#homme {
height: 225px;
width:290px;
float:left;
margin-left:20px;
margin-top:17px;
background-image:url(http://fier-detre-normand.com/normanniae/visuels/homepage/cat-homme-special.png);
background-repeat:no-repeat;
}
#femme {
height: 225px;
width:260px;
float:left;
margin-top:17px;
margin-left:35px;
background-image:url(http://fier-detre-normand.com/normanniae/visuels/hoempage/cat-femme.png);
background-repeat:no-repeat;
}
#accessoires {
height: 225px;
width:260px;
float:right;
margin-top:17px;
margin-right:50px;
background-image:url(http://fier-detre-normand.com/normanniae/visuels/homepage/cat-accessoires.png);
background-repeat:no-repeat;
}
.men {margin-left:30px;margin-top:25px;height:150px;}
.girls {margin-top:25px;height:150px;}
.accessory {margin-top:25px;height:150px;}
.txt-men {margin-left:25px;}
/******* BASE *******/
img {margin:0;padding:0;border:none;}
a {text-decoration: none;color: #fff;}
a:hover {color: #ffcc00;}
ul, li {list-style-type: none;margin:0;padding:0;}
span {display:none;}
/******* TYPO *******/
h1 {display:none;}
h2 {display:none;}
h3 {display:none;}
/******* SLIDER *******/
.txt-slider {
top:30px;
position:relative;}
#slider {
height: 342px;
background-image:url(http://fier-detre-normand.com/normanniae/visuels/homepage/slider-special.png);
background-repeat:no-repeat;
background-position:-41px 15px;
width:941px;
}
/***** NAVIGATION *****/
.navig {float:left;}
a.browse {
background:url(http://fier-detre-normand.com/normanniae/visuels/homepage/navig.png) no-repeat;
display:block;
width:82px;
height:37px;
position:absolute;
cursor:pointer;
}
a.right 		{ width:41px; margin-left:40px; background-position: -41px 0px; margin-top:92px;}
a.right:active 	{ background-position:-36px 0px; } 
a.left			{ width:41px; margin-left:-2px; background-position: 0px 0px; margin-top:92px; } 
a.left:active  	{ background-position:-5px 0; }
/***** SCROLL *****/
.scrollable {
position:relative;
float:left;
overflow:hidden;
width: 800px;
height:150px;
margin-left:70px;
margin-top:52px;
}
.scrollable .items {
width:20000em;
position:absolute;
clear:both;
}
.items ul {
float:left;
width:800px;
}
.items li { float:left;}
.scrollable img {
float:left;
margin:0px 35px 0px 35px;
width:130px;
height:150px;
}
.navi {
position:relative;
width:100px;
height:20px;
margin:auto;
}
.navi a {
width:8px;
height:8px;
float:left;
margin:3px;
background:url(http://fier-detre-normand.com/normanniae/visuels/homepage/navigator.png) 0 0 no-repeat;
display:block;
font-size:1px;
}
.navi a:hover {background-position:0 -8px;}
.navi a.active {background-position:0 -16px;}
/******* FOOT1 *******/
#foot1 {height: 100px;margin-top:-82px;}
/******* PAIEMENT *******/
.paiement {
height: 23px;
width:250px;
float:left;
margin-top:30px;
margin-left:350px;
}
.paiement li {display:inline;padding-left:5px;}
/******* SOCIAL *******/
.social {height: 54px;width:205px;float:right;margin-top:10px;margin-right:60px;}
.social li {float:left;padding-left:12px;}
.facebook { width:55px; height:54px; background-image:url(http://fier-detre-normand.com/normanniae/visuels/social.png);background-repeat:no-repeat; display:block;}
.twitter { width:55px; height:54px; background-image:url(http://fier-detre-normand.com/normanniae/visuels/social.png); background-position:0 -54px;  background-repeat:no-repeat; display:block;}
.mail { width:54px; height:54px; background-image:url(http://fier-detre-normand.com/normanniae/visuels/social.png); background-position:0 -108px;  background-repeat:no-repeat;  display:block;}
a.facebook:hover {background-position: -55px 0;}
a.twitter:hover {background-position: -55px -54px;}
a.mail:hover {background-position: -54px -108px;}
/******* FOOT2 *******/
.links {
float:left;
text-align:center;
width:950px;
margin-top:20px;
}
.links li {display:inline;}
#foot2 {height:20px;margin-top:60px;margin-bottom:20px;}
#foot2 ul { margin:auto; width:647px;}
#foot2 li {float:left;}
.copyright { width:214px; height:20px; background-image:url(http://fier-detre-normand.com/normanniae/visuels/copyright.png); background-repeat:no-repeat; display:block; margin-right:5px;}
a.copyright:hover { background-position: 0 -20px;}
.studio76 { width:428px; height:20px; background-image:url(http://fier-detre-normand.com/normanniae/visuels/studio76.png); background-repeat:no-repeat; display:block;}
a.studio76:hover { background-position: 0 -20px;}
/******* OTHERS *******/
#tooltip{color:#fff;background-image:url(http://fier-detre-normand.com/normanniae/visuels/tool.png);padding :2px 5px;}
/******* AWARDS *******/
#thecssawards{position:absolute;top:0px;right:0px;z-index:500;} 
#thecssawards a{width:115px;height:115px;text-indent:-8000px;display:block;background:url(http://fier-detre-normand.com/normanniae/awards/css-awards.png) no-repeat;}