.proditem em { color:#ef9900; font-weight:bold; font-style:normal;} .activecol { color:#424242; } body { background:#FFF; font-family:Arial; font-size:11px; color:#4f4d4d; margin:0px; } a { outline:none; text-decoration:none; color:#2c2c2c; } a:hover { text-decoration:none; } p { margin:0; padding:0; } em { font-style:normal;} .clearboth { clear:both;} #conteneur { position:relative; width:870px; margin:0px auto 0px auto; background:#fff url(../images/bkgnd.png) left top repeat-y; padding:0px 13px 0px 13px; } .contenu { background:#fff; position:relative; width:844px; height:525px; } .contenuscrollbloc { position:relative; width:50%; height:525px; float:left;} #top { padding:0px 13px 0px 13px; margin-left:auto; margin-right:auto; height:2px; width:870px; background:url(../images/bkgndtop.png) left bottom no-repeat;} #top2 { padding:0px 13px 0px 13px; margin-left:auto; margin-right:auto; height:80px; width:870px; margin-top:20px; } #header { } #menu { background:url(../images/menu/menubkgnd.png) left top repeat-x; height:72px; width:844px;} #footer { padding:0px 13px 20px 13px; margin-left:auto; margin-right:auto; width:870px; background:url(../images/bkgndfooter.png) left top no-repeat; text-align:center; padding-top:8px;} #footer a { color:#4f4d4d; } #footer a:hover { color:#000; } #footer img { border:none; } #logo { position:absolute; cursor:pointer; margin:0px 0px 0px 13px; z-index:99; width:288px; height:147px; left:0px; top:0px; background:url(../images/logo.png) left top no-repeat; } #dots { position:absolute; width:50px; height:15px; right:-17px; top:48px; background:url(../images/dots.png) left top no-repeat; } .blocnav tr { vertical-align:top; } .blocnav .tableNav td { border-right:1px solid #000; } .blocnav .tableNav td a { display:block; padding:1px 8px 1px 8px; text-decoration:none; cursor:pointer;} .blocnav .tableNav td a.actif { background:#888; font-weight:bold; } .blocnav .tableNav td a:hover { background:#e5e5e4; } .navzoneitems { background:#333; } .blocnav h1 { margin:0px 0px 12px 0px; position:relative; } .blocnav .bulle { position:absolute; right:0px; top:-70px; width:130px; height:130px; background-position:0px 0px; background-repeat:no-repeat; } .titrefs { position:relative; background:#ef9900; margin-bottom:30px; height:33px; } .titrefs div { color:#fff; font-size:20px; height:31px; margin:0; padding-left:8px; } .titrebulle { position:absolute; right:-28px; top:-80px; } .hiddenConteneur1 { width:1px; overflow:hidden; visibility:hidden; float:left; height:1px;} /* si width:0, bug IE */ .hiddenConteneur2 { width:40000px; } .hiddenContenu { display:none; } .sousmenu { z-index:999; position:absolute; left:0px; top:72px; width:300px; height:25px; display:none;} .sousmenu a { color:#E88D03; font-size:15px; margin-right:5px; margin-left:5px; cursor:pointer; font-weight:bold;} .sousmenu a:hover { color:#F2C732; text-decoration:none;} .sousmenu { color:#F2C732; font-size:14px; } /*********************/ /* MENU */ /*********************/ /*********************/ /* HOME */ /*********************/ #homehtspacer { float:left; height:550px; visibility:hidden; display:none; } /* a virer */ #homebullehaut { position:absolute; left:316px; top:-8px; width:179px; height:46px; background:url(../images/homebullehautbkgnd.png) left top no-repeat; } #hometrouvez { position:absolute; left:302px; top:-8px; width:233px; height:223px; background-position:left top; cursor:pointer; } #hometrouvezlien { display:block; margin:64px 0px 0px 138px; border-left:2px solid #2c2c2c; padding:0px 5px 0px 5px; color:#888; font-weight:bold; font-size:12px;} #homeproduits { position:absolute; right:0px; top:-8px; width:196px; height:268px; background-image:url(../images/homeproduitsbkgnd.png); background-position:left top; cursor:pointer; } #homeproduitsbloc { position:absolute; right:145px; top:115px; width:160px; height:80px; } #homeproduitslien { display:block; margin:64px 0px 0px 138px; border-left:5px solid #2c2c2c; padding:5px 5px 5px 5px; color:#888; font-weight:bold; } #homeproduitsinfo { border-right:2px solid #414141; padding:0px 5px 0px 8px; color:#2c2c2c; letter-spacing:1px;text-align:right;} #homeproduitsinfo a { color:#444;font-size:12px;} #homeproduitsinfo em { font-weight:bold; } #homeproduitstitre { margin-left:12px; color:#666; font-size:26px; font-weight:bold; letter-spacing:-1px;} #homecollecbloc { position:absolute; left:414px; top:400px; width:310px; height:80px; } #homecollecinfo a { margin-right:8px; width:140px; text-align:right; border-right:2px solid #414141; padding:0px 8px 0px 5px; color:#444; font-size:12px; letter-spacing:1px; float:left;} #homecollecinfo em { font-weight:bold; } #homecollectitre { color:#666; font-size:26px; font-weight:bold; letter-spacing:-1px; } #hometextesep { position:absolute; width:1px; height:350px; left:300px; top:45px; background:url(../images/homesep.png) left top no-repeat; } #hometextebloc { position:absolute; left:0px; /*28*/ top:90px; width:278px; overflow:hidden; height:275px; font-size:13px; text-align:justify;} #hometexteblocscroll { width:800px; margin-left:-250px;} #hometextebloczone { margin-left:28px;position:relative; width:250px; float:left; } #hometextebloc em { font-weight:bold; } /***************************/ /* COLLECTIONSINTRO */ /***************************/ #collintcontenu { background:#fff url(../images/footer01.png) left bottom no-repeat;} #collintcontenu h1 { padding-left:27px; background:#766C66; margin-bottom:10px; margin-top:0px; } #collintcontenu h2 { padding-left:36px; margin-top:18px; font-size:13px; color:#f69302; margin-bottom:4px;} #collintbloc1 { /*margin-top:62px;*/ cursor:pointer; position:relative; width:100%;} #collintbloc1txt { margin-left:30px; width:340px; padding:6px;} #collintbloc2 { width:460px; cursor:pointer; position:relative; } #collintbloc2txt { margin-left:45px; text-align:right; margin-right:30px; padding:6px;} /*********************/ /* COLLECTIONS */ /*********************/ #colleccontenu { background:#FFF url(../images/footercollections.png) left bottom no-repeat; } #navcollec { width:450px; margin:0px 0px 0px 50px; /*margin:90px 0px 0px 50px;*/} #navcollec h1 { background:#766C66; margin-bottom:18px; position:relative;} #navcollec .tableNav td { border-right:1px solid #e2e0df; } #navcollec .tableNav td a { color:#766C66; font-size:12px; padding-top:6px; padding-bottom:6px; } #navzoneitemscol { background:#fafafa; } #collecvisuel { position:absolute; bottom:80px; right:40px; border:9px solid #e6e6e6; visibility:hidden; } #colleclogo { position:absolute; bottom:10px; right:40px; } .collecvign { vertical-align:top; background-repeat:no-repeat; background-position:3px 3px; } .collecvign div { width:89px; height:128px; background:transparent url(../images/collections/vigntransp.png) 0px 0px no-repeat; cursor:pointer; } /* la largeur inclut l'espacement entre vignettes */ #collecgammedesc { margin-bottom:8px;} #collecgammedesc p { } #collecgammedesc { width:390px; } .collecmodeledeschidden { float:left; width:320px; } #collecmodeledesc { width:340px; } #collecastuce { clear:both; float:left;margin-top:0px; margin-left:15px; background:#f2f2f2;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;} #collecgammeastucetitre { float:left; padding:3px; text-align:right; padding-right:10px; font-size:17px; font-weight:bold; color:#2c2c2c;} #collecgammeastuce { float:left; padding:3px; width:220px; font-style: italic; font-size:11px; text-align:justify;} /***********************/ /* SALONS */ /***********************/ #locatorcont { margin-left:40px; margin-bottom:75px; margin-top:20px; } #conceptsalonscontenu { background:#fff url(../images/footer01.png) left bottom no-repeat; } #conceptsalonscontenu h1 { background:#ef9900; } #conceptsalonstexte { margin-top:100px; margin-left:60px; padding-bottom:50px; } #conceptsalonsparag { width:98%; text-align:justify;} #salonsconceptswfcont { border:9px solid #e6e6e6; width:252px; height:168px; margin:0px 20px 0px 0px; } /***********************/ /* TROUVEZ SALONS */ /***********************/ #contenusalonstrouvez { margin:100px 100px 10px 60px; } #contenusalonstrouveztxt { width:80%; margin-left:30px; } /************************/ /* PRESSE CONTACT */ /************************/ #pressecontactcontenu { background:#fff url(../images/footer01.png) left bottom no-repeat; } #pressecontactcontenu h1 { background:#ef9900; width:90%; } #pressecontacttexte { width:90%; margin-left:60px; margin-top:100px; } #pressecontacttextefiche { margin-left:250px; border-left:9px solid #e6e6e6; padding:15px 0px 20px 16px; } /************************/ /* ANIMATION */ /************************/ #animationcontenu { background:#fff url(../images/footer01.png) left bottom no-repeat; } #animationcontenu h1 { background:#ef9900; width:90%; } #animationtexte { width:90%; margin-left:60px; margin-top:100px; } #animationtextefiche { margin-left:250px; border-left:9px solid #e6e6e6; padding:0px 0px 20px 16px; text-align:center;} #animationtextefiche h3 { font-weight:bold; font-size:1.3em; text-align:left;} .img_anim {display:block;margin-left:auto;margin-right:auto;} /***********************/ /* PRODUITS */ /***********************/ /******************/ /* Produits intro */ /******************/ #prodintrovisuel { position:absolute; left:30px; top:115px; } #prodintrotexte { margin-left:385px; margin-top:60px; width:430px; text-align:justify; } #prodintrotexte h1 { font-weight:bold; font-size:1.3em; text-align:left;} #prodintrotexte { list-style-type:square;} #prodintrotexte ul li { margin-bottom:8px; margin-left:-22px; padding-left:0;} #barreliaison { position:absolute; left:630px; height:32px; bottom:190px; background:#00a3af; width:588px;} #prodtextesep { position:absolute; width:1px; height:260px; left:619px; top:210px; background:url(../images/homesep.png) left bottom no-repeat; } .prodliste { margin-top:24px;display:table;height:150px;} .prodliste ul { margin-left:10px; list-style-type:none; border-right:5px solid #414141; width:198px;display:table-cell;vertical-align:middle;} .prodliste ul li { margin-bottom:12px;} .prodliste ul li a { font-weight:bold; font-size:1.2em; } .prodliste ul li div { width:35px; height:15px; float:left; margin-right:10px;} #decobulle1 { position:absolute; background:url(../images/decobulle1.png) left top no-repeat; left:500px; top:-15px; width:182px; height:61px; } /******************/ /* Produits infos */ /******************/ #prodretour { position:absolute; left:-28px; top:282px; width:27px; height:135px; cursor:pointer;} #navprod { width:450px; margin:88px 0px 0px 375px; } #navprod h1 { background:#00a3af; margin-bottom:19px; width:90%;} #navprod .tableNav td { border-right:1px solid #e2e0df; } #navprod td a .activecol { /* color:#00a3af; */font-size:12px; padding-top:1px; padding-bottom:3px; cursor:pointer;} #navproditemscol { background:#fafafa; } #prodvisuel { position:absolute; bottom:65px; left:40px; border:4px solid #bfbbc1; visibility:hidden; } #prodlogo { position:absolute; bottom:12px; left:40px; } .prodgammedeschidden { float:left; width:360px; } .proditemzone { width:350px; overflow:hidden; border-left:5px solid #414141; padding:0px 0px 1px 10px; margin-top:8px; } .proditemcont { width:40000px; } .proditem { float:left; width:360px;} .prodconseil { padding:3px;background:#f2f2f2; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;width:90%} .proditem p { line-height:1.4; text-align:justify; padding-right:10px;} .proditem h2 { width:95%; color:#2c2c2c; font-size:20px; border-bottom:5px solid #ddd; padding-bottom:2px; margin-left:10px; /*width:450px;*/ text-align:left; margin:1px 0px 10px 0px; } .proditem h3 { font-weight:bold; text-decoration:underline; color:#000; margin:10px 0px 3px 0px;} .prodinfotitre { font-weight:bold; text-decoration:underline; color:#000; padding-bottom:3px; } .prodinactif { opacity:0.4; filter:alpha(opacity = 20); zoom: 1; } /*********************/ /* LEGAL */ /*********************/ #legalcontenu { padding-bottom:70px; background:#fff url(../images/footer01.png) left bottom no-repeat; height:auto;} #legaltexte { width:85%; margin-left:60px; margin-top:100px; margin-bottom:50px;} #legaltexte h1 { width:746px; } #legaltexte h2 { background:#ddd; padding:4px; margin-left:30px; margin-top:26px; font-size:17px; font-variant: small-caps; } #legaltexte p { margin:0px 0px 0px 30px; text-align:justify; text-indent:40px;} #legaltexte table { margin-left:80px; } #legaltexte table tr td { width:50%; border-left:4px solid #eee; padding-left:20px; } #legaltexte table tr { vertical-align:top; } /*************************/ /* FRANCHISE */ /*************************/ #franchisecontenu { padding-bottom:70px; background:#fff url(../images/footer02.png) left bottom no-repeat; } #franchisecontenu #contfranch { width:90%; margin-top:100px; margin-left:30px; } #franchisecontenu h1 { background:#766C66; } #franchisecontenu .celluletitre { background:#766C66; height:20px; padding:4px 2px 4px 6px; font-weight:bold; color:#fff;} #franchisecontenu .cellulehl { background:#f7f2ee; } #franchiseintro { margin-bottom:0px; width:85%;} #franchiseintro ul { list-style-type:none; line-height:1.5;} #formfranchise { margin:0px; padding:0px;} #blocmsgform { margin-left:60px; padding:0; margin:0; margin-bottom:5px;margin-left:60px;} .formerreur { color:red; } .formok { color:black; } .formmsg { padding:4px 0px 4px 2px; font-weight:bold; margin-bottom:0px; } .formmsgerreur { padding:4px 0px 4px 2px; color:red; font-weight:bold; margin-bottom:6px; text-decoration: underline; } /*************************/ /* RECRUTEMENT */ /*************************/ #recrutecontenu { padding-bottom:70px; background:#fff url(../images/footer02.png) left bottom no-repeat; } #recrutecontenu #contfranch { width:90%; margin-top:100px; margin-left:30px; } #recrutecontenu input, #recrutecontenu select {padding:0;margin:3px;} #recrutecontenu input, #recrutecontenu select { border: 1px solid #EF9900;outline-color:#EF9900;} #recrutecontenu .celluletitre { background:#EF9900; height:20px; padding:4px 2px 4px 6px; font-weight:bold; color:#fff;} #recrutecontenu .cellulehl { background:#f7f2ee; }