body {
font-family:'Arial';
font-size:10px;
text-align:left;
padding:0;
margin:0;
}
#wrapper {
margin: 0;
padding: 0;
height: 500px;
}
#content{
width: 1000px;
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
img {
border: none;
}
h2 {
font-size:16px;
margin:1em 0;
}
h3 {
font-size:10px;
font-weight:bold;
color:#68676c;
margin:0 0 10px 0;
padding:0;
}
h3, h4{
color: black;
}
/*******************************index**************************************/
#index h1 {
display:none;
}
#central{
margin: 0 auto;
width: 654px;
margin-top: 200px;
border-bottom: solid black 2px; 
}
#central h1{
text-indent: -9999px;
overflow: hidden;
background: white url(images/fds.jpg) no-repeat top left;
width: 654px;
border-bottom: solid black 2px;
line-height: 30px;
margin: 0;
}
.img_first{
margin: 7px 0px 5px 0px;
}
.img_second{
margin: 7px 10px 5px 10px;
}
.img_third{
margin: 7px 0px 5px 0px;
}
.img_last{
margin: 7px 0px 5px 8px;
}
/********************************navigation**************************************/
#navigation {
background: #000 url(images/navigation.gif) no-repeat 25px 208px;
float: left;
width: 165px;
height: 501px;
color: #999;
}
/*#navigation a {
font-weight:bold;
display: block;
color: #999;
padding:3px;
font-size:10px;
}*/


#menu {
margin-top: 45px;
}
#menu ul {
list-style: none;
margin-left: 19px;
padding: 0;
}
#menu li {
margin-bottom:2px;
}
#menu a {
display:block;
width:129px;
height:12px;
text-indent:-999em;
overflow:hidden;
}
#lamarque{
background:transparent url(images/menu.gif) no-repeat 0 0;
}
#lamarque.actif{
background:transparent url(images/menu.gif) no-repeat -258px 0;
}
#lamarque:hover, #lamarque.actif:hover{
background:transparent url(images/menu.gif) no-repeat -129px 0;
}
#lescollections{
background:transparent url(images/menu.gif) no-repeat 0 -14px;
}
#lescollections.actif{
background:transparent url(images/menu.gif) no-repeat -258px -14px;
}
#lescollections:hover, #lescollections.actif:hover{
background:transparent url(images/menu.gif) no-repeat -129px -14px;
}
#lesboutiques{
background:transparent url(images/menu.gif) no-repeat 0 -28px;
}
#lesboutiques.actif{
background:transparent url(images/menu.gif) no-repeat -258px -28px;
}
#lesboutiques:hover, #lesboutiques.actif:hover{
background:transparent url(images/menu.gif) no-repeat -129px -28px;
}

.collections #lamarque{
background:transparent url(images/menu.gif) no-repeat 0 -41px;
}
.collections #lamarque.actif{
background:transparent url(images/menu.gif) no-repeat -258px -41px;
}
.collections #lamarque:hover, .collections #lamarque.actif:hover{
background:transparent url(images/menu.gif) no-repeat -129px -41px;
}
.collections #lescollections{
background:transparent url(images/menu.gif) no-repeat 0 -55px;
}
.collections #lescollections.actif{
background:transparent url(images/menu.gif) no-repeat -258px -55px;
}
.collections #lescollections:hover, .collections #lescollections.actif:hover{
background:transparent url(images/menu.gif) no-repeat -129px -55px;
}
.collections #lesboutiques{
background:transparent url(images/menu.gif) no-repeat 0 -69px;
}
.collections #lesboutiques.actif{
background:transparent url(images/menu.gif) no-repeat -258px -69px;
}
.collections #lesboutiques:hover, .collections #lesboutiques.actif:hover{
background:transparent url(images/menu.gif) no-repeat -129px -69px;
}

#foot {
margin-top: 280px;
text-align: center;
font-size: 8px;
}
#foot a {
display: block;
float:left;
height:8px;
text-indent:-999em;
overflow:hidden;
}
#contact{
width:39px;
margin-left:15px;
background:transparent url(images/foot_links.gif) no-repeat 0 0;
}
#contact:hover{
background:transparent url(images/foot_links.gif) no-repeat 0 -8px;
}
#mention{
width:71px;
background:transparent url(images/foot_links.gif) no-repeat -39px 0;
}
#mention:hover{
background:transparent url(images/foot_links.gif) no-repeat -39px -8px;
}

.collections #contact{
background:transparent url(images/foot_links.gif) no-repeat 0 -16px;
}
.collections #contact:hover{
background:transparent url(images/foot_links.gif) no-repeat 0 -24px;
}
.collections #mention{
background:transparent url(images/foot_links.gif) no-repeat -39px -16px;
}
.collections #mention:hover{
background:transparent url(images/foot_links.gif) no-repeat -39px -24px;
}

#navigation.collections {
background: #FFF url(images/navigation-collections.gif) no-repeat 25px 208px;
}
#navigation.collections #menu a {
background-color:#f6f7f7;
color:#98989c;
}
#navigation.collections #menu a.actif, #navigation.collections #menu a:hover {
color:#1b1c20;
}

/********************************marque*****************************************/
#photo{
float: left;
width: 320px;
height: 501px;
}
#description{
margin: 60px 0px 60px 30px;
float: left;
background: white;
width: 200px;
height:313px;
border-bottom: 1px solid #98989c;
}
#description h2 {
margin: 0 0 23px 0;
text-indent: -9999px;
overflow: hidden;
background: white url(images/title_marque.jpg) no-repeat top left;
border-bottom: 2px solid black;
width: 200px;
padding: 0 0 0 0;
}
#description p{
color: #999999;
width: 200px;
}
/********************************boutiques*************************************/

#boutiques h2{
text-indent: -9999px;
overflow: hidden;
background: white url(images/title_boutiques.gif) no-repeat top left;
border-bottom: 2px solid black;
}
/*******************************collections***********************************/
#collections{
padding:3px 0;
margin: 43px 0px 60px 30px;
float: left;
border-top: 2px solid #000;
border-bottom: 1px solid #99989c;
}
#collections a {
}
#wrapper.collect{width: 1000px;}
/********************************** Slideshow******************************************/
#slideshow {
position: relative;
margin-left: 250px;
width:650px;
height:400px;
top: 45px;
}
#slidesContainer {
height: 330px;
width:650px;
}
.ete, .aut {
float: none;
text-indent: -9999px;
overflow: hidden;
}
.ete{
background: url(images/title-print-ete.jpg) no-repeat bottom right ;
}
.aut{
background: url(images/title-hiver.gif) no-repeat bottom right ;
}

.control {
display:block;
width:39px;
height:350px;
cursor: pointer;
}

#leftControl , #rightControl {
position: absolute;
text-indent:-9999px;
overflow: hidden;
top: 150px;
height:71px;
width:20px;
}
#leftControl {
left: -40px;
background:transparent url(images/control_left.png) no-repeat 0 0;
}
#rightControl {
right: -40px;
background:transparent url(images/control_right.png) no-repeat 0 0;
}
#leftControl:link {
background-position:-2px 0;
}
#leftControl:hover {
background-position:-1px 0;
}
#rightControl:link {
background-position:2px 0;
}
#rightControl:hover {
background-position:1px 0;
}
/*******************************mentions legales********************************/
#mentions{
margin: 65px 0px 60px 50px;
float: left;
background: white;
width: 220px;
border-bottom: 1px solid black;
border-top:  1px solid black;
}
/*******************************contact********************************/
fieldset {
margin: 65px 0px 60px 50px;
float: left;
width: 500px;
padding: 1em;
border:0;
border-top: 1px solid black;
}
label {
float:left;
width:25%;
margin-right:0.5em;
padding-top:0.2em;
text-align:right;
}