/* CSS Document */

@import 'clean.css';


.floatL {float:left}
.floatR {float:right}

h1, h2, ul.snav a { font-size:0; line-height:0 ; overflow:hidden; text-indent:-1800px;}

#container,  #containerPreHome, #containerBoutique {position: absolute ; left: 50%; top: 50%; width:955px ; height:600px ; margin-top: -300px; margin-left: -477px;}


/* PRE HOMME */
body.prehome { background:#071317}
#containerPreHome {  background:url(../images/commun/preHome/fond-preHome.gif) 0 50% no-repeat #071317}
#containerPreHome h1 { background:url(../images/commun/preHome/logo-prehome.gif) no-repeat ; height:130px ; width:345px ; margin:0 auto}
#containerPreHome img { position:absolute; right:120px ; top:40px}

#containerPreHome .liste { width:270px ; border:2px solid white ; margin:40px auto; padding-bottom:20px; background:#000}
#containerPreHome h2 { font-size:14px ; text-align:center; color:#fff; font-weight:bold; text-transform:uppercase; padding:20px 0}
#containerPreHome .liste ul li { margin-bottom:4px; display:inline-block; width:270px}
#containerPreHome .liste a { display:block; color:#fff; padding-left: 30px;}
#containerPreHome .liste a:hover { background:url(../images/commun/preHome/fleche.gif) 15px 0 no-repeat #20272a }



#header { display:inline-block; width:955px; height: 60px;}
body.collectionFemme #header, body.collectionHomme #header,  body.collectionJeans #header{position:absolute; top:0; left:0;}
#header img {float:left}

#bientot { position: absolute; left: 440px; top:55px;   font-size:10px;  display: none;  z-index: 1000;}

#header	ul#menu {float:left;list-style:none;margin-top:8px;}


#header	ul#menu li {float:left;margin:0;padding:0;text-align:center;}
#header	ul#menu li a {width:90px;background:url(../images/commun/fond-nav.gif) -200px 0 no-repeat /*10px -200px*/;display:block;padding:10px 5px; text-align:left; text-transform:uppercase; font-weight:bold; font-size:10px; line-height:11px;color:#000;text-decoration:none;border-left:1px solid #000;}
#header	ul#menu li a.first {border-left:none;  width:120px}
#header	ul#menu li a.active, #header ul#menu li a.active:hover {background-position:0 0;} 
#header	ul#menu li a:hover {background-position:-600px 0;}
#header	ul#menu li a.petit {width:50px;}

#footer { position:absolute; bottom:0; width:955px ;background:#000; height:18px}
body.collectionFemme #footer,body.collectionHomme #footer, body.collectionJeans #footer, body.boutique #footer{ position:absolute; bottom:0; width:955px ;background:#9e9e9e; height:18px}
#footer ul {float:left; margin:0; padding:0; color:#fff; height:18px; }
#footer ul li {float:left; }
#footer ul li a {color:#fff ; text-decoration:none; font-size:10px;margin:0 10px; height:18px; }
#footer ul li a:hover { text-decoration:underline; }
#footer ul li a img { vertical-align:middle}
#footer #flashcontentZic {position:absolute; right: 0}
.retrait {padding-left:25px}






/* COLLECTION FEMME */
body.collectionFemme { background:/*url(../images/commun/fond-femme.jpg) center fixed no-repeat */#fff; }
body.collectionHomme { background:/*url(../images/commun/fond-homme.jpg) center fixed no-repeat */#fff; }
body.collectionJeans { background:#fff; }
ul.snav {position:absolute; right:0; top:10px; width:94px; height:110px; z-index: 10000; }
ul.snav li { margin-bottom:4px;}
ul.snav li a{  display: block; width:94px ;height:30px;  }
ul.snav li a.femme { background:url(../images/nl/snav-femme.gif) no-repeat ;  }
ul.snav li a.homme { background:url(../images/nl/snav-homme.gif) no-repeat ;  }
ul.snav li a.jeans { background:url(../images/nl/snav-jeans.gif) no-repeat ;  }
ul.snav li a:hover, ul.snav li a.active { background-position:-105px 0}

/* mode new look */
.mode { position:relative; height:496px ;}
.mode .colG {float:left; width:450px ; }

.mode .colG h1 { background:url(../images/nl/titreMode.gif) no-repeat; width:463px ; height:165px; font-size:0; line-height:0 ; border:hidden; text-indent:800px;}
.mode .colG ul {font-family: Verdana,Arial, Verdana, Helvetica, sans-serif; position:absolute; top:50px; left:180px;}
.mode .colG ul li { float:left}
.mode .colG ul li a { padding:4px 8px 0 8px ; height:6px; line-height:2px; border-left:1px solid #000;font-size:10px ; color:#000 ; text-decoration:none}
.mode .colG ul li a.first {border-left:none;}
/*.mode .colG ul li a:hover, */.mode ul li a.active  { font-weight:bold}

.mode .colG .txt {position:absolute; width:520px; left:25px}
.mode .colG .txt p {width:430px}
.mode .colG .txt p.large {width:500px}
.mode img.visuel {position:absolute; top:0px; right:0}
.mode .txt img {float:right}

#flashcontentVideo { width:450px; height: 320px; margin:0 auto; padding:12px 0 0 0;}

/* LE GROUPE */
.groupe { position:relative; line-height:18px;height:496px}
.groupe .colG {float:left; width:420px;  }
.groupe .colD {float:right; width:420px; padding-right:70px ;}
.groupe h1 { background:url(../images/nl/titreGroupe.gif) no-repeat; width:377px ; height:182px; font-size:0; line-height:0 ; overflow:hidden; text-indent:-800px;}
.groupe h2 { background:url(../images/nl/titre-bienvenue.gif) no-repeat; height:41px; font-size:0; line-height:0 ; overflow:hidden; text-indent:-800px; }
.groupe h3 {/* font-weight:bold; padding:10px; font-size:18px; */margin:15px 0 5px 0; height:31px; font-size:0; line-height:0 ; overflow:hidden; text-indent:-800px; /*color:#fff*/}
/*.groupe .colG h3 { background:url(../images/titre-uber.gif) no-repeat ; height:31px; } */
.groupe h3.uber { /* background:#00c6d7*/ background:url(../images/nl/titre-uber.gif) no-repeat}
.groupe h3.cap {margin:12px 0 5px 0;/* background:#952d98; color:#fff ; */ background:url(../images/nl/titre-capMonde.gif) no-repeat}
.groupe h3.collaborations { /*background:#f0ab00;*/ background:url(../images/nl/titre-collaboration.gif) no-repeat  }


/* LISTE DES MAGASINS */


.magasins {font-family: Verdana,Arial, Verdana, Helvetica, sans-serif; font-size: 10px; position:relative; height:496px; background:url(../images/commun/fond-magasins.jpg) right 50px no-repeat}
.magasins h1 { background:url(../images/nl/titreListeMagasins.gif) no-repeat; width:435px ; height:182px; }
.magasins .liste { width:250px; height:295px; padding:10px; border:12px solid #bed600; position:absolute; left:20px; top:168px}
.magasins .liste fieldset {margin-left:35px}
.magasins .liste select {width:180px; }
.magasins .liste .result {	 width:235px; height:200px ; font-size:10px ; position:absolute; top:95px; left:20px}
.magasins .liste .result .add {overflow-x: hidden; overflow-y: auto;width:235px; height:170px; padding:5px 0 ;border-top:1px solid black;  border-bottom:1px solid black}
.magasins .liste .result .add .info { text-transform:uppercase}
.magasins .liste .result .add  h4 {font-size:11px; font-weight:bold; margin-bottom:10px}
.magasins .liste .result h3 {font-size:11px ; font-style:italic; font-weight:bold} 
.magasins .liste .result .add .info  dl {margin-bottom:10px; font-weight:bold}
.magasins .liste .result .add .info  dl dt, .magasins .liste .result dl dd { font-weight:bold; }
.magasins .liste .result .add .info dl dd ul {margin:0 ; padding:0}
.magasins .liste .result .add .info dl dd ul li { font-weight:normal}
.magasins .prochainement { position:absolute; top:168px ; left:330px; background:#fff; border:2px solid #bed600; width:330px;font-weight:bold;}
.magasins .prochainement h3 { background:#bed600; color:#fff; ; padding:10px 5px;  text-align:center; font-size:24px;}
.magasins .prochainement ul { padding-left:15px}




/* CONTACTS PRESSE */

.contacts {font-family: Verdana,Arial, Verdana, Helvetica, sans-serif; font-size: 10px; position:relative; height:496px; background:url(../images/commun/fond-contacts.gif) no-repeat}
.contacts h1 { background:url(../images/nl/titreContacts.gif) no-repeat; width:435px ; height:182px; }
.contacts h2.contacts {background:url(../images/nl/titre-contact.gif) no-repeat; height:45px; margin-bottom:20px}
.contacts h2.credits {background:url(../images/nl/titre-credits.gif) no-repeat; height:45px ;margin-bottom:20px}
.contacts  dl { width:290px ; float:left; line-height:15px}
.contacts  dl.credits { width:250px ; float:left; }
.contacts dl dd ul {margin:0 ; padding:0}
.contacts dl {margin:0 20px 20px 0 ;}
.contacts dl dt { text-transform:uppercase}
.contacts  dl dt, .contacts  dd ul li  { font-weight:bold; }
.contacts  dl dt, .contacts a  {  color:#000; text-decoration:underline }
.contacts  dl dt, .contacts a:hover  {  text-decoration:none }



/* BOUTIQUE */
#containerBoutique { background:url(../images/commun/boutique/fond-boutique.jpg) no-repeat #fff;}
#containerBoutique #header a {position:absolute; left:20px ; top:20px}
#containerBoutique .infoTxt{position:absolute;background:url(../images/nl/txt.gif) no-repeat; width:609px; height:221px;text-indent:-5000px; left:290px; top:20px}
#containerBoutique a { color:#000; text-decoration:underline;}
#containerBoutique a:hover{ text-decoration:none}
#containerBoutique #acces {	font-size:16px;	font-weight:bold;	position:absolute;	top:360px;	left:580px;}
#containerBoutique li.pct1, #containerBoutique li.pct2, #containerBoutique li.pct3, #containerBoutique li.pct4, #containerBoutique li.pct5 {padding-left:65px; height:45px; font-weight:bold; width:350px}
#containerBoutique li.pct1 { background:url(../images/commun/boutique/picto1.gif) no-repeat; }
#containerBoutique li.pct2 { background:url(../images/commun/boutique/picto2.gif) no-repeat; }
#containerBoutique li.pct3 { background:url(../images/commun/boutique/picto3.gif) no-repeat; }
#containerBoutique li.pct4 { background:url(../images/commun/boutique/picto4.gif) no-repeat; }
#containerBoutique li.pct5 { background:url(../images/commun/boutique/picto5.gif) no-repeat; }



div#fancy_close {
	position: absolute;
	top: -15px;
	right: -10px;
	height: 24px;
	width: 83px;
	background: url('../images/nl/close.gif') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}


/*newsletter*/
/* mode new look */
.formNews {position:absolute; right:0; top:0px;z-index: 10000;}
.formNews fieldset { position:relative;background:#000; height:15px;/* padding:0px 2px 1px 5px*/ width:240px;}
.formNews label { /*float:left;*/ position:absolute; top:-1px; left:5px;color:#ecde0c; font-size:10px; font-weight:bold; margin:0 4px 0 0}
*+html .formNews label { top:-2px;}
.formNews input.champ {position:absolute; top:1px; right:18px;border:none; background:#fff; width:100px; height:9px; margin-top:1px; margin-right:4px; float:left;font-size:9px}
.formNews input.ok {position:absolute; top:1px; right:3px;/*margin:1px 2px 0 0;background:#ecde0c; */width:15px ; height:11px; margin-top:1px; /*color:#000;*/ border:none;/*font-size:10px; font-weight:bold; line-height:15px; text-align:center*/}

.news { position:relative; height:496px ;}
.news #infoForm p { margin:0; padding:0 0 5px 0}
.news #infoForm { position:relative; float:left; width:520px ; }
.news #infoForm fieldset .titre { background:#000; color:#fff; width:470px; font-size:13px; padding:3px 15px; margin-bottom:10px}
.news #infoForm fieldset.desinscrition .titre { background:#fff; color:#000; font-size:13px; padding-top:50px; }

.news #infoForm fieldset input.champ { background:#fff; color:#000; border:1px solid #c0c0c0; width:210px; font-size:11px;}
.news #infoForm fieldset.desinscrition input.champ{ background:#fff; color:#000; border:1px solid #c0c0c0; width:240px; height:16px; margin:0 20px 0 10px; float:left;}
.news #infoForm .col { float:left; width:230px; padding-left:15px; margin-right:30px; }
.news #infoForm .col2 { float:left; width:400px; padding-left:5px; margin-right:20px; }
.news #infoForm .haut { margin-top:0; margin-right:0}
.news #infoForm .suite {  clear:both; padding-left:15px;}
.news #infoForm .asterix { font-size:10px ; padding:45px 0 10px 0; padding-left:15px}
*+html .news #infoForm .asterix { font-size:10px ; padding:35px 0 10px 0; padding-left:15px}
.news #infoForm #btn { position:absolute; right:20px; bottom:105px}
.news #infoForm #btn2 {/*position:absolute; right:100px; bottom:0*/ float:left}

.news #thank { position:relative; float:left; width:480px ; }
.news #thank .bienvenue { font-size:13px; margin:60px 0 0 15px; line-height:25px;}
.news #thank .bienvenue2 { font-size:13px; margin:60px 0 0 15px; line-height:25px;}
.news #thank .bienvenue span { font-size:18px; text-transform:uppercase; font-weight:bold;}
.news .mentions { color:#000; font-size:9px; line-height:12px; padding-left:15px; width:490px;}
.news .mentions a { font-size:9px; line-height:12px; color:#000; text-decoration:underline}
.news .mentions a:hover { text-decoration:none}
.news #infoForm h1, .news #thank h1 { margin-top:60px; background:url(../images/nl/title-news.gif) no-repeat; width:378px ; height:64px; font-size:0; line-height:0 ; text-indent:-800px; overflow:hidden}
.news img.visuel {position:absolute; top:0px; right:0}
.news .ville { font-size:10px}
#msgError { position:absolute; left:15px; bottom:125px; color:#ff0000 }

#msgError2 { position:absolute; left:15px; bottom:-20px; color:#ff0000 }