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



body {
background-color:#ffffff;
color:#636262;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
#   padding:0;
#   margin:0;
#   border:0px;
}



/* TITRES */

h1 {
position: absolute;
color:#7b4e27;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 26px;
text-align: left;
margin-top:45px;
margin-left:68px;
border:0px;
}

h1_02 {
position: absolute;
color:#7b4e27;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 26px;
text-align: left;
margin-top:40px;
margin-left:68px;
border:0px;
}

h2 {
font-size: 12px; 
color: #7b4e27; 
padding-left: 10px;
}



/* TEXTES */

#texte_contact {
position: absolute;
text-align: left;
margin-left:73px;
margin-top: 120px;
border:0px;
}

#contact {
position: absolute;
margin-top:35px;
margin-left: 25px;
height: 50px;
width: 300px;
font-size:10px;
font-weight: ;
color: #7b4e27;
}

#presse {
position: absolute;
margin-top:17px;
margin-left: 25px;
height: 50px;
width: 300px;
font-size:12px;
font-weight: ;
color: #7b4e27;
}

#credits { /* gallerie normale */
position: absolute;
color: #636262;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top: 360px;
margin-left: 70px;
height: 80px;
width: 300px;	
}
	
#credits a {
color: blue;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;	
}


#credits_02 { /* gallerie 1 ligne */
position: absolute;
color: #636262;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top: 230px;
margin-left: 70px;
height: 80px;
width: 300px;	
}
	
#credits_02 a {
color: blue;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;	
}


#credits_03 { /* gallerie 3 lignes */
position: absolute;
color: #636262;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top: 453px;
margin-left: 70px;
height: 80px;
width: 300px;	
}
	
#credits_03 a {
color: blue;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#credits_04 { /* gallerie 3 lignes */
position: absolute;
color: #636262;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top: 290px;
margin-left: 70px;
height: 80px;
width: 300px;	
}
	
#credits_04 a {
color: blue;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

/* ÉLÉMENTS DE LA PAGE */

#global {
position: relative;
width: 977px;
height:681px;
margin-left: auto;
margin-right: auto;
}

#header {
margin-top:0px;
margin-left: auto;
margin-right: auto;
background:transparent url(images/header.jpg); 
background-repeat: no-repeat;
height: 57px;
width: 977px;
}

#home a{
background:transparent;
position: absolute;
margin-top:2px;
margin-left: 380px;
height: 50px;
width: 560px;
}

#menu{
background:url(images/menu.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 977px;
height: 97px;
}

ul#menu_horizontal {
position: absolute;
margin-top: 6px;
margin-left: 10px;
width : 1000px;
height : 97px;
list-style-type : none;
}

ul#menu_horizontal li {
width : 140px;
height : 86px;
margin-left: 90px;
padding : 0px;
display : inline;
}

#corps_accueil {
background:url(images/corps_accueil.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 977px;
height: 511px;
}

#stamp {
background:url(images/promo.png);
background-repeat: no-repeat;
position: absolute;
margin-top: 300px;
margin-left: 670px;
width: 977px;
height: 511px;
}

#facebook {
background:url(images/facebook.png);
background-repeat: no-repeat;
position: absolute;
margin-top: 450px;
margin-left: 220px;
width: 50px;
height: 50px;
}

#vintage_text {
background:url(images/vintage_text.png);
background-repeat: no-repeat;
position: absolute;
margin-top: 300px;
margin-left: 670px;
width: 296px;
height: 115px;
}

#corps_leasure {
background:url(images/corps_leasure.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 977px;
height: 511px;
}

#corps_contenu_leasure {
background:url(images/corps_contenu_leasure.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 977px;
height: 511px;
}


#corps_casual {
background:url(images/corps_casual.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 977px;
height: 511px;
}

#corps_contenu_casual {
background:url(images/corps_contenu_casual.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 977px;
height: 511px;
}

#corps_fancy {
background:url(images/corps_fancy.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 977px;
height: 511px;
}

#corps_contenu_fancy {
background:url(images/corps_contenu_fancy.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 977px;
height: 511px;
}

#corps_vintage {
background:url(images/corps_vintage.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 977px;
height: 511px;
}

#corps_contenu_vintage {
background:url(images/corps_contenu_vintage.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 977px;
height: 511px;
}

#corps_accessories {
background:url(images/corps_accessories.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 977px;
height: 511px;
}

#corps_contenu_accessories {
background:url(images/corps_contenu_accessories.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 977px;
height: 511px;
}

#corps_contenu_close  {
position: absolute;
margin-left: 880px;
margin-top: 40px;
width: 49px;
height: 15px;
}

#corps_contenu_close a  {
color:#636262;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#corps_contenu_press {
background:url(images/corps_contenu_press.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 977px;
height: 511px;
}


/* MENUS MARQUES */

#menu_kuyichi a {
position : absolute;
background-image : url(images/logo_kuyichi_on.png);
background-repeat: no-repeat;
width : 240px;
height : 464px;
margin-left: 250px;
margin-top: 47px;
} 

#menu_kuyichi a:hover {
position : absolute;
background-image : url(images/logo_kuyichi_on.png);
background-repeat: no-repeat;
width : 240px;
height : 464px;
margin-left: 250px;
margin-top: 47px;
}

#menu_ideo_01 a {
position : absolute;
background-image : url(images/mannequin_ideo_01_on.png);
background-repeat: no-repeat;
width : 191px;
height : 464px;
margin-left: 700px;
margin-top: 47px;
} 

#menu_ideo_01 a:hover {
position : absolute;
background-image : url(images/mannequin_ideo_01_on.png);
background-repeat: no-repeat;
width : 191px;
height : 464px;
margin-left: 700px;
margin-top: 47px;
}

#menu_ethos a {
position : absolute;
background-image : url(images/logo_ethos_on.png);
background-repeat: no-repeat;
width : 198px;
height : 85px;
margin-left: 500px;
margin-top: 190px;
}

#menu_ethos a:hover {
position : absolute;
background-image : url(images/logo_ethos_on.png);
background-repeat: no-repeat;
width : 198px;
height : 85px;
margin-left: 500px;
margin-top: 190px;
}

#menu_ideo_02 a {
position : absolute;
background-image : url(images/mannequin_ideo_02_on.png);
background-repeat: no-repeat;
width : 191px;
height : 464px;
margin-left: 740px;
margin-top: 25px;
} 

#menu_ideo_02 a:hover {
position : absolute;
background-image : url(images/mannequin_ideo_02_on.png);
background-repeat: no-repeat;
width : 191px;
height : 464px;
margin-left: 740px;
margin-top: 25px;
} 

#menu_kolam a {
position : absolute;
background-image : url(images/mannequin_kolam_on.png);
background-repeat: no-repeat;
width : 111px;
height : 416px;
margin-left: 486px;
margin-top: 5px;
}

#menu_kolam a:hover {
position : absolute;
background-image : url(images/mannequin_kolam_on.png);
background-repeat: no-repeat;
width : 111px;
height : 416px;
margin-left: 486px;
margin-top: 5px;
}

#menu_nancydee a {
position : absolute;
background-image : url(images/logo_nancydee_on.png);
background-repeat: no-repeat;
width : 100px;
height : 109px;
margin-left: 290px;
margin-top: 30px;
}

#menu_nancydee a:hover {
position : absolute;
background-image : url(images/logo_nancydee_on.png);
background-repeat: no-repeat;
width : 100px;
height : 109px;
margin-left: 290px;
margin-top: 30px;
}

#menu_surledos a {
position : absolute;
background-image : url(images/logo_surledos_on.png);
background-repeat: no-repeat;
width : 150px;
height : 64px;
margin-left: 270px;
margin-top: 330px;
}

#menu_surledos a:hover {
position : absolute;
background-image : url(images/logo_surledos_on.png);
background-repeat: no-repeat;
width : 150px;
height : 64px;
margin-left: 270px;
margin-top: 330px;
}

#menu_sarong a {
position : absolute;
background-image : url(images/logo_sarong_on.png);
background-repeat: no-repeat;
width : 200px;
height : 58px;
margin-left: 240px;
margin-top: 200px;
}

#menu_sarong a:hover {
position : absolute;
background-image : url(images/logo_sarong_off.png);
background-repeat: no-repeat;
width : 200px;
height : 58px;
margin-left: 240px;
margin-top: 200px;
}

#menu_all a {
position : absolute;
background-image : url(images/logo_all_on.png);
background-repeat: no-repeat;
width : 100px;
height : 89px;
margin-left: 600px;
margin-top: 280px;
}

#menu_all a:hover {
position : absolute;
background-image : url(images/logo_all_off.png);
background-repeat: no-repeat;
width : 100px;
height : 89px;
margin-left: 600px;
margin-top: 280px;
}

#menu_faizant a {
position : absolute;
background-image : url(images/logo_faizant_on.png);
background-repeat: no-repeat;
width : 100px;
height : 67px;
margin-left: 600px;
margin-top: 150px;
}

#menu_faizant a:hover {
position : absolute;
background-image : url(images/logo_faizant_on.png);
background-repeat: no-repeat;
width : 100px;
height : 67px;
margin-left: 600px;
margin-top: 150px;
} 

#menu_makabu a {
position : absolute;
background-image : url(images/mannequin_makabu_on.png);
background-repeat: no-repeat;
width : 212px;
height : 494px;
margin-left: 700px;
margin-top: 17px;
}

#menu_makabu a:hover {
position : absolute;
background-image : url(images/mannequin_makabu_on.png);
background-repeat: no-repeat;
width : 212px;
height : 494px;
margin-left: 700px;
margin-top: 17px;
}

#menu_tagua a {
position : absolute;
background-image : url(images/logo_tagua_on.png);
background-repeat: no-repeat;
width : 200px;
height : 83px;
margin-left: 600px;
margin-top: 80px;
}

#menu_tagua a:hover {
position : absolute;
background-image : url(images/logo_tagua_on.png);
background-repeat: no-repeat;
width : 200px;
height : 83px;
margin-left: 600px;
margin-top: 80px;
}

#menu_fye a {
position : absolute;
background-image : url(images/logo_fye_on.png);
background-repeat: no-repeat;
width : 100px;
height : 100px;
margin-left: 650px;
margin-top: 340px;
}

#menu_fye a:hover {
position : absolute;
background-image : url(images/logo_fye_on.png);
background-repeat: no-repeat;
width : 100px;
height : 100px;
margin-left: 650px;
margin-top: 340px;
}

#menu_vadenuevo a {
position : absolute;
background-image : url(images/logo_vadenuevo_on.png);
background-repeat: no-repeat;
width : 200px;
height : 68px;
margin-left: 70px;
margin-top: 80px;
}

#menu_vadenuevo a:hover {
position : absolute;
background-image : url(images/logo_vadenuevo_on.png);
background-repeat: no-repeat;
width : 200px;
height : 68px;
margin-left: 70px;
margin-top: 80px;
}

#menu_pampa a {
position : absolute;
background-image : url(images/logo_pampa.png);
background-repeat: no-repeat;
width : 310px;
height : 93px;
margin-left: 70px;
margin-top: 360px;
}

#menu_pampa a:hover {
position : absolute;
background-image : url(images/logo_pampa.png);
background-repeat: no-repeat;
width : 200px;
height : 60px;
margin-left: 70px;
margin-top: 360px;
}


/* GALLERIES */


/* gallerie normale 2 lignes */

#gallery {
width: 900px;
height: 511px;
}

#gallery p{
display: inline;
position: relative;
color: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#thumbs {
width: 450px;
height: 120px;
float: left;
margin-top: 90px;
margin-left: 65px;

}

#thumbs a {
display: block;
float: left;
margin: 5px;
width: 80px;
height: 120px;
border: 0;
}

#thumbs a img {
width: 80px;
height: 120px;
border: 0;
}


/* gallerie normale 1 lignes */

#gallery_01 {
width: 900px;
height: 511px;
}

#gallery_01 p{
display: inline;
position: relative;
color: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#thumbs_01 {
width: 450px;
height: 120px;
float: left;
margin-top: 90px;
margin-left: 70px;
}

#thumbs_01 a {
display: block;
float: left;
margin-right: 20px;
margin-top: 10px;
width: 80px;
height: 120px;
border: 0;
}

#thumbs_01 a img {
width: 80px;
height: 120px;
border: 0;
}

/* gallerie 3 lignes */

#gallery_02 {
width: 900px;
height: 511px;
}

#gallery_02 p{
display: inline;
position: relative;
color: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#thumbs_02 {
width: 450px;
height: 300px;
float: left;
margin-top: 75px;
margin-left: 65px;
}

#thumbs_02 a {
display: block;
float: left;
margin: 3px;
width: 80px;
height: 120px;
border: 0;
}

#thumbs_02 a img {
width: 80px;
height: 120px;
border: 0;
}


/* gallerie grosses photos */

#gallery_04 {
width: 900px;
height: 511px;
}

#gallery_04 p{
display: inline;
position: relative;
color: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#thumbs_04 {
width: 450px;
height: 300px;
float: left;
margin-top: 72px;
margin-left: 65px;
}

#thumbs_04 a {
display: block;
float: left;
margin-right: 10px;
margin-left: 5px;
margin-top: 20px;
width: 120px;
height: 180px;
border: 0;
}

#thumbs_04 a img {
width: 120px;
height: 180px;
border: 0;
}


/* gallerie presse */

#gallery_03 {
width: 900px;
height: 511px;
}

#gallery_03 p{
display: inline;
position: relative;
color: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#thumbs_03 {
width: 550px;
height: 120px;
float: left;
margin-top: 77px;
margin-left: 65px;
}

#thumbs_03 a {
display: block;
float: left;
margin: 4px;
width: 80px;
height: 120px;
border:#999999;
border-color:#999999;
border:medium;
}

#thumbs_03 a img {
width: 80px;
height: 120px;
border: 0;
border:#999999;
border-color:#999999;
border:medium;
}

/* LIGHTBOX */

#lightbox{
position: absolute;
background-color:#eee;
width: 250px;
height: 375px;
margin-left: 250px;
margin-top:0px;
}

#lightbox img{
clear:both;
border: none;
}

#lightboxDetails {
font-size: 0.8em;
padding-top: 800 px;
}	

#lightboxCaption { 
float: left; 
}

#keyboardMsg{ 
float: right; 
}

#closeButton { 
top: 5px; right: 5px; 
}

#frame_map { 
position: absolute;
width: 425px;
height: 425px;
margin-left: 545px;
margin-top:75px;
}

#footer  {
background:url(images/degrade_bottom.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 977px;
height: 16px;
}
