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

* {margin:0 auto;}
img {border:0;border:none;}

html, body {height:100%;background-color:#333132;}
#wrap {position:relative;width:850px;height:100%;height: auto !important;min-height:100%;margin:0px auto -290px !important;}
/* attention a la marge cest elle qui positionne le footeur */

a { 
color: #d9bf73; 
text-decoration: none; 
} 
 

.push {height:15px;} /* hauteur du footer doit etre identique */
#footer {height:15px;position:relative;top:-25px;width:850px;text-align:center;color:#FFF;font-size:12px;z-index:1;} /* hauteur du push doit etre identique */
/* attention le top en négatif re-repositionne le footeur */

#footer_accueil {position:absolute;top:650px;left:320px;text-align:center;color:#000;font-size:12px;z-index:1;}

/* font face elements */

.bodoni {font:normal 12px bodoni;}
.florsn01 {font:normal 12px florsn01;}
@font-face {
    font-family:bodoni;
    src: url('../fonts/bodoni.eot');
    src: url('../fonts/bodoni.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bodoni.woff') format('woff'),
         url('../fonts/bodoni.ttf') format('truetype'),
         url('../fonts/bodoni.svg#bodoni') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family:florsn01;
    src: url('../fonts/florsn01.eot');
    src: url('../fonts/florsn01.eot?#iefix') format('embedded-opentype'),
         url('../fonts/florsn01.woff') format('woff'),
         url('../fonts/florsn01.ttf') format('truetype'),
         url('../fonts/florsn01.svg#florsn01') format('svg');
    font-weight: normal;
    font-style: normal;}

/* diapo sliders */

#diapo {position:absolute;top:113px;left:0px;z-index:1;}
.slides_container {width:850px;height:596px;overflow:hidden;position:relative;display:none;}
#diapo .slide {width:850px;height:596px;display:block;}
#diapo .next {left:850px;}
.slide h1.txt1 {z-index:2;position:absolute;top:365px;left:515px;} /* positionnement de ton texte sur ta diapo class txt1 = diapo1 */
.slide h1.txt2 {z-index:2;position:absolute;top:455px;left:475px;} /* positionnement de ton texte sur ta diapo class txt2 = diapo2 */

/* grosseur des fonts */

.f15{font-size:15px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f36 {font-size:36px;}
.f40 {font-size:40px;}
.f40b {font-size:40px; color:#FFF;}
.f6798 {font-size:67.98px;}

#content {position:absolute;top:113px;left:0px;background-image:url(../images/bg.png);background-repeat:repeat-y;width:850px;min-height:595px;}
#contentErik {position:absolute;top:113px;left:0px;background-image:url(../images/bg.png);background-repeat:repeat-y;width:850px;min-height:850px;}
#contentCont {position:absolute;top:113px;left:0px;background-image:url(../images/bg.png);background-repeat:repeat-y;width:850px;min-height:1300px;}
#contentComm {position:absolute;top:113px;left:0px;background-image:url(../images/bg.png);background-repeat:repeat-y;width:850px;min-height:1200px;}
#contentBou {position:absolute;top:113px;left:0px;background-image:url(../images/bg.png);background-repeat:repeat-y;width:850px;min-height:1325px;}
#contentBou2 {position:absolute;top:113px;left:0px;background-image:url(../images/bg.png);background-repeat:repeat-y;width:850px;min-height:1600px;}


/* header element menu etc ... */

#header {position:absolute;width:850px;height:113px;}
#logo {position:absolute;}

#menu {position:absolute;left:185px;background-color:#000;width:665px;height:113px;}

#btn_menu_accueil {position:absolute;top:70px;left:30px;}
#btn_menu_accueil a img {position:absolute;display:inline;float:left;}
#btn_menu_accueil a img.primary {z-index:1;}
#btn_menu_accueil a img.rollover {z-index:-1;}
#btn_menu_accueil a:hover img.rollover {z-index:2;}
#btn_menu_accueil a img.current {z-index:2;}
#btn_menu_accueil a:hover .hidden {visibility:hidden;}

#btn_menu_mission {position:absolute;top:70px;left:133px;}
#btn_menu_mission a img {position:absolute;display:inline;float:left;}
#btn_menu_mission a img.primary {z-index:1;}
#btn_menu_mission a img.rollover {z-index:-1;}
#btn_menu_mission a:hover img.rollover {z-index:2;}
#btn_menu_mission a img.current {z-index:2;}
#btn_menu_mission a:hover .hidden {visibility:hidden;}

#btn_menu_missionENG {position:absolute;top:70px;left:121px;}
#btn_menu_missionENG a img {position:absolute;display:inline;float:left;}
#btn_menu_missionENG a img.primary {z-index:1;}
#btn_menu_missionENG a img.rollover {z-index:-1;}
#btn_menu_missionENG a:hover img.rollover {z-index:2;}
#btn_menu_missionENG a img.current {z-index:2;}
#btn_menu_missionENG a:hover .hidden {visibility:hidden;}

#btn_menu_designer {position:absolute;top:70px;left:235px;}
#btn_menu_designer a img {position:absolute;display:inline;float:left;}
#btn_menu_designer a img.primary {z-index:1;}
#btn_menu_designer a img.rollover {z-index:-1;}
#btn_menu_designer a:hover img.rollover {z-index:2;}
#btn_menu_designer a img.current {z-index:2;}
#btn_menu_designer a:hover .hidden {visibility:hidden;}

#btn_menu_designerENG {position:absolute;top:70px;left:235px;}
#btn_menu_designerENG a img {position:absolute;display:inline;float:left;}
#btn_menu_designerENG a img.primary {z-index:1;}
#btn_menu_designerENG a img.rollover {z-index:-1;}
#btn_menu_designerENG a:hover img.rollover {z-index:2;}
#btn_menu_designerENG a img.current {z-index:2;}
#btn_menu_designerENG a:hover .hidden {visibility:hidden;}

#btn_menu_media {position:absolute;top:67px;left:345px;}
#btn_menu_media a img {position:absolute;display:inline;float:left;}
#btn_menu_media a img.primary {z-index:1;}
#btn_menu_media a img.rollover {z-index:-1;}
#btn_menu_media a:hover img.rollover {z-index:2;}
#btn_menu_media a img.current {z-index:2;}
#btn_menu_media a:hover .hidden {visibility:hidden;}

#btn_menu_mediaENG {position:absolute;top:70px;left:363px;}
#btn_menu_mediaENG a img {position:absolute;display:inline;float:left;}
#btn_menu_mediaENG a img.primary {z-index:1;}
#btn_menu_mediaENG a img.rollover {z-index:-1;}
#btn_menu_mediaENG a:hover img.rollover {z-index:2;}
#btn_menu_mediaENG a img.current {z-index:2;}
#btn_menu_mediaENG a:hover .hidden {visibility:hidden;}

#btn_menu_evenements {position:absolute;top:67px;left:425px;}
#btn_menu_evenements a img {position:absolute;display:inline;float:left;}
#btn_menu_evenements a img.primary {z-index:1;}
#btn_menu_evenements a img.rollover {z-index:-1;}
#btn_menu_evenements a:hover img.rollover {z-index:2;}
#btn_menu_evenements a img.current {z-index:2;}
#btn_menu_evenements a:hover .hidden {visibility:hidden;}

#btn_menu_event {position:absolute;top:70px;left:461px;}
#btn_menu_event a img {position:absolute;display:inline;float:left;}
#btn_menu_event a img.primary {z-index:1;}
#btn_menu_event a img.rollover {z-index:-1;}
#btn_menu_event a:hover img.rollover {z-index:2;}
#btn_menu_event a img.current {z-index:2;}
#btn_menu_event a:hover .hidden {visibility:hidden;}

#btn_menu_contact {position:absolute;top:70px;left:560px;}
#btn_menu_contact a img {position:absolute;display:inline;float:left;}
#btn_menu_contact a img.primary {z-index:1;}
#btn_menu_contact a img.rollover {z-index:-1;}
#btn_menu_contact a:hover img.rollover {z-index:2;}
#btn_menu_contact a img.current {z-index:2;}
#btn_menu_contact a:hover .hidden {visibility:hidden;}

#btn_menu_langue1 {position:absolute;top:30px;left:435px;}
#btn_menu_langue1 a img {position:absolute;display:inline;float:left;}
#btn_menu_langue1 a img.primary {z-index:1;}
#btn_menu_langue1 a img.rollover {z-index:-1;}
#btn_menu_langue1 a:hover img.rollover {z-index:2;}
#btn_menu_langue1 a img.current {z-index:2;}
#btn_menu_langue1 a:hover .hidden {visibility:hidden;}

#btn_menu_langue2 {position:absolute;top:30px;left:475px;}
#btn_menu_langue2 a img {position:absolute;display:inline;float:left;}
#btn_menu_langue2 a img.primary {z-index:1;}
#btn_menu_langue2 a img.rollover {z-index:-1;}
#btn_menu_langue2 a:hover img.rollover {z-index:2;}
#btn_menu_langue2 a img.current {z-index:2;}
#btn_menu_langue2 a:hover .hidden {visibility:hidden;}

#btn_facebook {position:absolute;top:30px;left:555px;}
#btn_twitter{position:absolute;top:30px;left:585px;}
#btn_p {position:absolute;top:30px;left:618px;}

#menu_left {position:absolute;top:100px;left:30px;}
#menu_left a img {position:absolute;display:inline;float:left;}
#menu_left a img.primary {z-index:1;}s
#menu_left a img.rollover {z-index:-1;}
#menu_left a:hover img.rollover {z-index:2;}
#menu_left a img.current {z-index:2;}
#menu_left a:hover .hidden {visibility:hidden;}

#urbaine_ml {position:absolute;top:0px;left:0px;}
#bizzness_ml {position:absolute;top:30px;left:10px;}
#kokun_ml {position:absolute;top:60px;left:-3px;}
#glam_ml {position:absolute;top:90px;left:10px;}
#papillion_ml {position:absolute;top:120px;left:7px;}
#etc_ml {position:absolute;top:150px;left:10x;}
#junior_ml {position:absolute;top:180px;left:7px;}
#commande_ml {position:absolute;top:230px;left:0px;}
#boutique_ml {position:absolute;top:260px;left:10px;}
#gros_ml {position:absolute;top:290px;left:0px;}
#temoignages_ml {position:absolute;top:340px;left:0px;}

#erik_img {position:absolute;top:170px;left:55px;}
#desing_txt {position:absolute;top:80px;left:245px;width:565px;height:480px;color:#fff;}
#desing_txtCont {position:absolute;top:80px;left:245px;width:565px;height:1300px;color:#fff;}
#desing_txtErik {position:absolute;top:80px;left:245px;width:565px;height:800px;color:#fff;}
.pos_top {position:relative;top:5px;}
.lh30 {line-height:30px;}
.lh15 {line-height:30px;}

#menu_bas {position:absolute;bottom:0;}
#menu_bas a img {position:absolute;display:inline;float:left;}
#menu_bas a img.primary {z-index:1;}
#menu_bas a img.rollover {z-index:-1;}
#menu_bas a:hover img.rollover {z-index:2;}
#menu_bas a img.current {z-index:2;}
#menu_bas a:hover .hidden {visibility:hidden;}

#menu_bas #urbaine {position:absolute;top:0px;left:0px;}
#menu_bas #bizzness {position:absolute;top:0px;left:120px;}
#menu_bas #kokun {position:absolute;top:0px;left:241px;}
#menu_bas #glam {position:absolute;top:0px;left:361px;}
#menu_bas #papillion {position:absolute;top:0px;left:483px;}
#menu_bas #etc {position:absolute;top:0px;left:604px;}
#menu_bas #junior {position:absolute;top:0px;left:727px;}

#slogan {position:absolute;top:470px;left:15px;width:145px;height:150px;color:#000;font-size:14px;text-align:right;text-transform:uppercase;}

.produits {position:relative;top:0px;left:0px;width:650px;margin:100px 0px 0px 0px;padding-left:184px;}
.spacer {clear:both;}

.box {margin-left:12px;float:left;width:143px;height:365px;border-bottom:#FFF 2px solid;}
.boxBoucle {margin-left:12px;float:left;width:143px;height:365px;border-bottom:#FFF 2px solid;}
.box img {position:absolute;display:inline;float:left;border:#FFF 1px solid;}
.box img.primary {z-index:1;}
.box img.rollover {z-index:-1;}
.box:hover img.rollover {z-index:2;}
.box span {position:relative;top:226px;color:#fff;font-size:11px;}

.box div.left {position:relative;top:232px;left:0px;color:#fff;font-size:11px;width:143px;text-align:left;}
.box div.right {position:relative;top:221px;right:0px;color:#fff;font-size:11px;width:143px;text-align:right;}

.none {border:none;border:0;}
.points {padding-top:10px;}