body, p, li, td, th {color: #333; font-size: 11px; font-family: Helvetica, Arial, Verdana, sans-serif; } body {margin: 0; padding: 0; background-color: #fff} p { margin-top: 0; margin-bottom: 10px; padding-top: 0; padding-bottom: 0 } table{border-collapse:collapse;border-spacing:0;} img {border:none} img.left, .left img { float:left; margin:0 10px 0 0; } img.right, .right img { float:right; margin:0 0 0 10px; } a { color: #FF6699; text-decoration:none;} a:hover {text-decoration:underline} h1 {margin-top:0; font-size:20px} h1 a {text-decoration:none} h2 {margin:0; padding:0; color:#f69; font-size:12px; font-weight:bold } h2.t1 {color:#b3b3b3; border-bottom:1px solid #b3b3b3; font-size:12px; text-transform:uppercase; padding-top:10px; margin-bottom:5px; display:block; visibility:visible} h3 {} h4 {} h5 {} p.legal { font-size: 11px; line-height: normal } div.legal { margin:10px 0 10px 0} div.legal, div.legal p, p.legal {color:#b3b3b3; font-size:10px;} ul.bullet { margin:0 0 2px; padding:0 0 0 15px} ul.bullet li { margin:0; padding:2px 0 2px} .tabBg {background:#b3b3b3} .tabBg td {vertical-align:top; background:#fff} input, select {font-size:10px} table td {vertical-align:top} /* ----------------------------------------- structure ----------------------------------------- */ body { background:#fff; padding:70px 0 15px } #logo {margin:0;} #main {text-align: center; margin-right: auto; margin-left: auto; width: 100%;} #content { display: block; margin-right: auto; margin-left: auto; width: 880px;} .colDouble, .colSimple {width:880px; clear:both; position:relative} /* En cours */ .colSimple h1 {margin:4px 0} /* Une colonne */ .mainCol { float:none; text-align:left; width:880px;} /* Deux colonnes */ .colDouble .mainCol { float:right; width:605px; overflow:hidden;} .colDouble .subCol { float:left; text-align:left; width:265px; overflow:hidden} .colDouble .subCol .in {padding:0} /* Separateur */ #mainBottom {border-bottom:1px #fff solid;clear:both; height:1px; font-size:1px; line-height:1px; } .sep {clear:both; height:1px; font-size:1px; line-height:1px;} /* Pied de page */ #bottom { clear:both; width:858px; } #bottom p { color: #bbb; font-size: 10px; text-transform:uppercase; margin:0; padding:2px 4px; padding-left:265px; text-align:left } #credit .creditDetail { display:none} #credit.on .creditDetail {display:block; padding-top:4px} /* Contenu */ div.intro p {font-size:14px; text-align:justify;} .mainCol .zoneIntro {padding:0} .mainCol .zoneIntro h1 {margin-top:0} .mainCol .zoneText {/*width:556px*/} .mainCol .zoneText .in { border:none} .mainCol .zoneContext {width:154px; float:right; display:none} .mainCol .zoneContext .in { } .colSimple .mainCol .zoneText { overflow:hidden} .pageProduit .mainCol .zoneText {width:402px;float:left} .pageProduit .mainCol .zoneText .in {padding:0 40px; border-right:1px solid #BBD724} .mainCol .split { background:url(../i/bg/context.gif) repeat-y right top; margin-bottom:10px;} .mainCol .zoneA {float:left; width:470px; overflow:hidden;} .mainCol .zoneB {float:right; width:124px; margin-left:10px;} .mainCol .zoneB p { margin:4px 4px 12px; font-size:13px; line-height:1.25em;} .mainCol .zoneB p.rss a { display:block; background:url(../i/picto/rss.gif) no-repeat 60px 2px;} .mainCol .zoneB p strong.big { font-size:16px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; display:block;} .mainCol .zoneB p a { text-decoration:underline; display:block; padding:2px 1px; margin-bottom:1px;} .mainCol .zoneB p.categories a.sel {background:#fff; color:#000} .mainCol .zoneB p.categories a:hover {background:#f1f1f1;} /* ----------------------------------------- Message ----------------------------------------- */ #msg {margin-bottom:10px} .msgIn {border:1px solid #b3b3b3; background:#f5f5f5; padding:12px 140px 12px 12px;} .msgIn h1 {color:#FF5EBC; font-size:14px; margin:0} .msgIn .important {color:#FF5EBC; font-size:12px} .msgIn, .msgIn p {margin:0; font-size:12px} .msgIn a {text-decoration:underline} /* #msg.attention .msgIn {border:1px solid #b3b3b3; background:#f5f5f5;} #msg.attention .msgIn h1 {color:#FF7F00} #msg.attention .msgIn, #msg.attention #msgIn p {color:#666} */ /* FORM ----------------------------------------- */ /* JsVal */ .form select, .form textarea, .form input {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif} .form td.inp1 input, .form td.inp1 textarea, .form td.inp1 select, .form td.inp2 input, .form td.inp2 textarea, .form td.inp2 select {border:1px solid #999; color:#333; } .form tr.fac td.inp1 input, .form tr.fac td.inp1 textarea, .form tr.fac td.inp1 select, .form tr.fac td.inp2 input, .form tr.fac td.inp2 textarea, .form tr.fac td.inp2 select {border:1px solid #ccc; color:#666; } .form td.inp2 input.inpRadio, .form td.inp1 input.inpRadio { border:none;} .long input, .long textarea, .long select {width:99%} .invalid {background:#e5e5e5} .form table {width:100%} .form td.lab1, .form td.lab2, .form td.recap1, .form td.recap2 {width:50%; vertical-align:top; padding:5px 10px 2px 0;} .form td.recap1, .form td.recap2 {line-height:1.5em; font-weight:bold} .form td.inp1, .form td.inp2 {vertical-align:top; padding: 2px 10px 5px 0; color:#333} .form td.lab1, .form td.lab2 { } .form tr.separateur td { padding-top:16px; border-bottom:1px solid #f9f9f9; } .form tr.fac.separateur td {} .form td.submit { padding:10px 0} .form td.submit input { } .form p.checkbox {padding:0; margin:0;} .form p.checkbox input { border-width:0} .form p.checkbox input.text { border-width:1px} #qualite_pro_autre_detail input { margin-left:20px;} .form p.moreInput { padding:5px 0 0; margin:0} .form p.moreInput input { width:99%} .optin td.opt1 { padding:6px 0 0; width:10px} .optin td.opt2 { padding:6px 0 6px 6px} .optin td.opt2 p {margin:0} /* ----------------------------------------- nav ----------------------------------------- */ .smenu {height:332px; margin-top:10px; } .smenu .indication { color:#fff; padding:8px 8px 8px; font-weight:bold; font-size:10px} .smenu .indication a {color:#ffb8d0; text-decoration:underline;} .smenu .cataloguePrint { margin:12px 0 4px; color:#fff; font-weight:bold; font-size:10px} .smenu .cataloguePrint a {color:#fff; text-decoration:none; line-height:1em; font-size:10px; padding:4px 8px 4px; display:block; border:solid #ff8cb3; border-width:1px 0; background:#ff75a3 url(../i/catalogue/picto2.gif) 150px -3px no-repeat} .smenu .cataloguePrint a:hover { background-color:#ff8cb3;} .smenu .cataloguePrint a strong {font-size:15px; display:block; line-height:1em; } .smenu .smtitle { padding:10px 5px 0 10px;} .smenu .subnav {margin:0; padding:5px 5px 0 10px;} .smenu .subnav li {margin:0; padding:1px 0; list-style:none;} #pageAcc .smenu {height:329px} .menu { background:#fff} #menufla {display:none; position:absolute; height:95px; width:430px; z-index:10; top:408px; left:270px} #menufla .menuHtml {height:95px; background:#fff; border:1px solid #aaa; margin-left:5px; margin-top:2px; -moz-box-shadow: 0px 1px 3px #999;-webkit-box-shadow: 0px 1px 3px #999;} #menufla .menuHtml ul { width:140px; float:left; margin:0; padding:2px 0 0; list-style:none} #menufla .menuHtml ul li {text-transform:uppercase; font-size:10px; font-weight:bold; padding:4px 0 0 5px; margin:0} .recherche {} .recherche table {margin-top:10px; margin-bottom:5px} .recherche td {color:#fff; font-size:10px; padding:6px 0 0 10px; vertical-align:top} .recherche input {width:146px; font-size:10px} .recherche select {width:150px; font-size:10px} .recherche .tri { border-top:1px dotted #fff; margin:8px} .recherche .tri ul { margin:0; padding:0; list-style:none} .recherche .tri li { margin:0; padding:0; color:#fff; line-height:20px; border-bottom:1px dotted #fff;} .m, .m2, .tit {display:block; width:265px; height:21px} .m2 {height:42px} .m img, .m2 img, .tit img {display:none;} a:hover.m, a:active.m { background-position:0 21px} a:hover.m2, a:active.m2 { background-position:0 42px} .pageCollection .subCol {background:#000} .pageCollection .smenu {height:394px; margin-top:8px; } .collecLeft {width:295px; float:left} .collecLeft .pObj { width:100%} .collecLeft .pObj table {background:#000;} .collecLeft .pObj td {color:#fff; padding:3px} .collecRight {width:305px; float:left} .collecRight .in {padding-left:10px} .collecRight .title {margin:25px 0 20px 0} .collecRight .designers {margin-bottom:10px} .collecRight .designers td {padding:0 10px 0 0; line-height:13px; vertical-align:top} .collecRight .designers a {color:#000; font-weight:bold} .collecRight .designers a:hover {color:#f69} .collecRight .designers a.sel {color:#f69} .pageCollection .glink { } .glink {} .glink img { margin-bottom:10px} .defaultLeft .glink {text-align:right} .pageLocation .subCol {background:#f69} .pageLocation .smenu {height:394px; margin-top:8px; } .pageLocation #tCata {background-image:url(../i/m/ro/t-catalogue.gif)} .pageLocation #mloca {background-image:url(../i/m/ro/location.gif); background-position:0 21px} .pageLocation #mvent {background-image:url(../i/m/ro/vente.gif)} .pageLocation #mrech {background-image:url(../i/m/ro/rechercher.gif); background-position:0 21px} .pageLocation #meffa {background-image:url(../i/m/ro/effacer.gif)} .pageLocation #maide {background-image:url(../i/m/ro/aide.gif)} .pageVente .subCol {background:#f90} .pageVente .smenu {height:394px; margin-top:8px; } .pageVente #tCata {background-image:url(../i/m/or/t-catalogue.gif)} .pageVente #mloca {background-image:url(../i/m/or/location.gif)} .pageVente #mvent {background-image:url(../i/m/or/vente.gif); background-position:0 21px} .pageVente #mrech {background-image:url(../i/m/or/rechercher.gif); background-position:0 21px} .pageVente #meffa {background-image:url(../i/m/or/effacer.gif)} .pageVente #maide {background-image:url(../i/m/or/aide.gif)} #pageCompositions .bloc { height:177px;} #pageCompositions .zoom, #pageCompositions .zoom_ { height:156px;} .pageCompositions .subCol {background:#f69} .pageCompositions .smenu {height:394px; margin-top:8px; } .pageCompositions .compo-detail {} .pageCompositions .compo-photo {margin-left:0; width:500px; overflow:hidden;} .pageCompositions .compo-intertitre { border-bottom:1px solid #eee; border-top:1px solid #eee;clear:both;font-size:12px;font-weight:bold;padding:4px 8px; margin:10px 0; text-transform:uppercase; color:#B3B3B3; background:#f1f1f1} #pageCompositionDetail .compo-more {position:absolute; bottom:0; left:0; background:#fff; width:122px; text-align:center;} #pageCompositionDetail .compo-more h3 { padding:0; margin:0; color:#B3B3B3; border-top:1px solid #ccc; text-transform:uppercase; font-size:10px; padding:3px 0;} #pageCompositionDetail .compo-more h2 { text-align:left; background:#f5f5f5; color:#B3B3B3;} .pageCompositions .compo-more img {margin-top:3px; border:1px solid #f5f5f5} .pageCompositions .compo-more a:hover img {border:1px solid #f69} #pageCompositionDetail #blocTopCompo {position:relative} #pageCompositionDetail #blocTopCompo .bloc {height:auto;width:122px;} #pageCompositionDetail .colDouble {width:908px;} #pageCompositionDetail .colDouble .mainCol {width:633px;} #pageCompositions .diaporama {height:500px; width:605px; overflow:hidden; margin-bottom:10px;} #pageCompositions .diaporama .bloc {width:605px; height:500px; overflow:hidden;} /* #pageCompositions .diaporama .bloc .pht {width:auto; height:auto;} #pageCompositions .diaporama .bloc .pht img {position:relative} */ #pageCompositions .diaporama .zoom, #pageCompositions .diaporama .zoom_ {height:auto} .pageActivites .subCol {background:#f69} .pageActivites .smenu {height:394px; margin-top:8px; } .pageActivites .mainCol .sep { height:10px; } .pageActivites #macti {background-image:url(../i/m/ro/societe.gif);} .pageActivites #mloca {background-image:url(../i/m/ro/location.gif);} .pageActivites #mvent {background-image:url(../i/m/ro/vente.gif);} .pageActivites #macha {background-image:url(../i/m/ro/achat.gif);} .pageActivites #mexpe {background-image:url(../i/m/ro/expertise.gif);} .pageActivites .item {} .pageActivites .item .glink {} .pageActivites.sActi #macti, .pageActivites.sLoca #mloca, .pageActivites.sVent #mvent, .pageActivites.sAcha #macha, .pageActivites.sExpe #mexpe { background-position:0 21px} /*.pageArt .smenu .titre {margin-bottom:20px}*/ .pageArt .subCol {background:#000} .pageArt .smenu {height:394px; margin-top:8px; overflow:hidden; } .pageArt #mcast {background-image:url(../i/m/no/marco-castilla.gif); } .pageArt #mcapd {background-image:url(../i/m/no/benjamin-capdevielle.gif);} .pageArt #mnil {background-image:url(../i/m/no/ted-nil.gif); } .pageArt #mcalk {background-image:url(../i/m/no/maurice-calka.gif); } .pageArt .defaultRight p {text-align:justify;} .pageArt .mainCol .sep { height:10px; } .pageArt .item {} .pageArt .item .glink { } .pageArt .defaultRight .in {padding-bottom:40px;} .baseline {color:#fff; margin-top:20px; padding:0 10px} .baseline p {color:#fff;} .baseline a {color:#fff; text-decoration:underline;} .defaultLeft {width:295px; overflow:hidden; float:left; } .defaultRight {width:305px; float:left} .defaultRight .in {padding-left:10px} .defaultRight .in p {line-height:14px} .defaultRight .title {margin:0 0 20px 0; padding:0} .title h1 { color:#000; font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; margin:0; padding:0 } .pageAbc .subCol, .pageNews .subCol, .pageContact .subCol, .pageReferences .subCol, .pageEvents .subCol {background:#f69} .pageAbc .smenu, .pageNews .smenu, .pageContact .smenu, .pageReferences .smenu, .pageEvents .smenu {height:394px; margin-top:8px; } .pageAbc #mpres {background-image:url(../i/m/ro/presentation.gif);} .pageAbc #mcatabc {background-image:url(../i/m/ro/catalogue-abc.gif);} .pageAbc.presentation #mpres, .pageAbc.catalogue #mcatabc {background-position:0 21px} .pageNews #mactu {background-image:url(../i/m/ro/actualites.gif)} .pageNews #march {background-image:url(../i/m/ro/archives.gif);} .pageNews #mactu, .pageNews.arch #march{background-position:0 21px} .pageNews .defaultRight { overflow:hidden} .pageNews.arch #mactu { background-position:0 0} .pageNews .defaultRight h3, .defaultRight h3 a{ font-weight:bold; font-size:11px; text-transform:capitalize; color:#f69; margin:0 0 10px} .pageNews .defaultRight p.link a {color:#b2b2b2} .pageNews .defaultRight p.link {margin-top:8px} .pageNews .mainCol .sep { height:0; font-size:0; clear:both; } .pageStudio .subCol {background:#AFABA4} .pageStudio .smenu {height:394px; margin-top:8px; } .pageStudio .mainCol .sep { height:10px; } .pageContact .defaultLeft {background:#BFBFBF; height:402px} .pageContact .lequipe {padding:10px} .pageContact .lequipe .tab td a {color:#000; text-decoration:underline} .pageContact .lequipe .tab td {color:#fff; vertical-align:top; padding:2px 0} .pageContact .plan {background:#F2F2F2; height:166px; margin-bottom:10px} .pageContact .planIn {padding:10px} .pageContact .defaultRight .important, .pageContact .defaultRight strong {color:#FF6699} .pageContact .defaultRight .title, .pageContact .defaultLeft .title {margin:0 0 10px 0} .pageContact table.contactTeam {} .pageContact table.contactTeam th { font-weight:normal; padding:0 10px 6px 0; color:#000; vertical-align:top;} .pageContact table.contactTeam th a { color:#000} .pageContact table.contactTeam th span { text-transform:uppercase;} .pageContact table.contactTeam td {color:#fff; padding:0 0 6px; vertical-align:top;} .pageContact table.contactTeam td p {color:#fff; padding:0; margin:0;} .pageReferences .defaultRight h2 {text-transform:uppercase} #pageZoom #content {width:908px} #pageZoom .colDouble {width:908px} #pageZoom .colDouble .mainCol { width:633px} /* ----------------------------------------- Catalogue ----------------------------------------- */ .path {margin-bottom:10px} .path span { padding-right:10px; font-weight:bold} .path span, .path span a {color:#b3b3b3;} .path span strong {color:#f69} .pageVente .path span strong {color:#f90} .zBt { background:#fff; font-size:12px; font-weight:bold; clear:both; padding:4px 0; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee;} input.submit { cursor: pointer; border:0px double #f69; font-size:11px; font-weight:bold; border-top-color: #f69; border-left-color: #f69; padding:0; width:150px; height:24px; color:#f69; background:url(../i/bt/bt-bg.gif) no-repeat} .formEnvoyer, .formEnvoiDemande, .formEtapeSuivante, .formRetour, .formTelecharger, .formImprimer, .formAnnuler {cursor: pointer; width:185px; height:24px; background:#fff no-repeat; border:none; display:block} .formEnvoyer {background-image:url(../i/bt/form/envoyer.gif)} .formEnvoiDemande {background-image:url(../i/bt/form/envoyer-demande.gif)} .formEtapeSuivante {background-image:url(../i/bt/form/etape-suivante.gif); width:207px;} .formRetour {background-image:url(../i/bt/form/retour.gif)} .formTelecharger {background-image:url(../i/bt/form/telecharger.gif)} .formImprimer {background-image:url(../i/bt/form/imprimer.gif)} .formAnnuler {background-image:url(../i/bt/form/annuler.gif)} .pageVente .zBt { background:#fff; } .barrePage {height:17px; overflow:hidden;background:#f69; font-size:12px; font-weight:bold; margin-bottom:10px; clear:both} .barrePage.active .btEdit { display:block; width:152px; height:20px; background: url(../i/m/ro/edit_.gif) no-repeat 0 2px} .barrePage.active .btEdit img {display:none} div.check-new a { display:block; height:17px; width:190px; background: url(../i/m/ro/new.gif) no-repeat; height:17px;} div.check-new a:hover {background-position:0 -17px} div.check-new a.chn1 {background-position:0 -34px} div.check-new a.chn1:hover {background-position:0 -51px} .pageVente div.check-new a { background-image:url(../i/m/or/new.gif);} #pageZoom div.check-new { display:none} .pageVente .barrePage {height:17px; background:#f90; font-size:12px; font-weight:bold; margin-bottom:10px} .pageVente .barrePage.active .btEdit { background: url(../i/m/or/edit_.gif) no-repeat 0 2px} .barrePage .zcenter strong {color:#000} .barrePage .zleft {color:#fff; width:185px; float:left; height:17px;} .barrePage .zleft img, .barrePage .zright img {padding-top:2px} .barrePage .zcenter {color:#fff; width:230px; float:left; height:17px; text-align:center} .barrePage .zright {width:152px; float:right; height:17px} .barrePage img { } .barrePage .nb { line-height:19px} #pagination { width:290px; position:absolute; top:2px; left:425px; color:#fff; height:17px; text-align:center} #pagination strong {color:#000} .bloc { width:120px; height:300px; background:#fff; margin-right:1px; float:left; overflow:hidden;} .bloc input, .bloc p, .bloc h1 {color:#B3B3B3; font-size:11px; padding:0 2px; line-height:12px} .bloc input.qteInput {border:1px solid #ccc; text-align:center; display: block; float:left; width:20px; height:12px; padding:0; font-size:9px} .bloc h1 {text-transform: none; margin:0; padding:2px; font-size:11px; font-weight:normal} .bloc h1 span {text-transform:uppercase} .bloc h2 {background:#B3B3B3; color:#fff; overflow:hidden; height:17px; line-height:17px; margin:0; padding:0 2px; font-size:11px; font-weight:normal; text-transform:none } .bloc .pht {height:120px; position:relative} .bloc .pht img {bottom:0; position:absolute; z-index:5} .bloc .qte {} .bloc a.btdel { clear:both; width:90px; background-position:20px 0; background-repeat:no-repeat} .bloc a.btdel:hover {background-position:20px -14px} .zoom, .zoom_ { height:266px;} .bloc .color {color:#f69} .pageVente .bloc .color {color:#f90} .bloc.zoom, .bloc.zoom_ { float:none; width:122px; height:auto } .bloc.zoom .link-composition { padding:6px 0 0} .bloc.zoom .link-composition p {padding:0; margin:0;} .bloc.zoom .link-composition ul { padding:0; margin:0; list-style:none} .bloc.zoom .link-composition li { padding:2px 0; margin:0} .swapCatalogue {} .swapCatalogue a { color:#f69;} .swapCatalogue h1 {width:290px; padding:2px 0; float:left; color:#000; font-size:24px; text-transform:uppercase} .swapCatalogue p {border-left:2px solid #f69; width:310px; float:left; margin:0; padding:2px 0; color:#666; font-size:12px; line-height:1.25em; margin-bottom:2px;} .swapCatalogue p em {font-style:normal; display:block; padding-left:8px;} .swapCatalogue .sep {height:1px; overflow:hidden;} .pageVente .swapCatalogue a { color:#f90;} .pageVente .swapCatalogue h1 {width:245px;} .pageVente .swapCatalogue p {border-color:#f90; width:350px;} .pageAbc .swapCatalogue h1 {width:213px;} .pageAbc .swapCatalogue p {width:390px;} .thumb-composition {} .thumb-composition ul {padding:0; margin:0; list-style:none} .thumb-composition li {padding:2px; margin:0; float:left} .thumb-composition li img { border:1px solid #b3b3b3} .thumb-composition li a:hover img { border:1px solid #f69} .thumb-composition .compo-intertitre { border-bottom:1px solid #eee; border-top:1px solid #eee;clear:both;font-size:12px;font-weight:bold;padding:4px 8px; margin:10px 0; text-transform:uppercase; color:#B3B3B3; background:#f1f1f1} /* zoom */ .bloc .zoom_ p, .bloc .zoom_ h1, .bloc .zoom_ input {color:#f69;} .bloc .zoom_ h2 {background:#f69} .pageVente .bloc .zoom_ p, .pageVente .bloc .zoom_ h1, .pageVente .bloc .zoom_ input {color:#f90;} .pageVente .bloc .zoom_ h2 {background:#f90} .bloc .zoom_ p span {color:#b3b3b3} .bloc .zoom .clic {display:none} .bloc .zoom_ .clic {display:block; position:absolute; width:120px; height:120px; z-index:10; cursor:pointer} .bloc a.btajt, .zoomBloc a.btajt, .bloc a.btajt_, .zoomBloc a.btajt_, .bloc a.btvoir {float:left} a.btajt, a.btajt_, a.btvoir {width:70px; height:14px; display:block;} a.btajt, a.btajt_ {background:url(../i/bt/ajt.gif)} a.btvoir {background:url(../i/bt/voir.gif)} a.btajt img, a.btajt_ img, a.btvoir img {display:none} a.btajt:hover, a.btvoir:hover {background-position:0 28px} a.btajt_ {background-position:0 14px} a.btajt_:hover {background-position:0 28px} .bloc a.btdel, .zoomBloc a.btdel {float:left} a.btdel {width:70px; height:14px; display:block; background:url(../i/bt/del.gif)} a.btdel img {display:none} a.btdel:hover {background-position:0 14px} .zoomLeft { width:122px; background:#fff; float:left} .zoomLeft a.sel img {border:1px solid #b3b3b3} .pageVente .zoomLeft a:hover img {border:1px solid #f90} .zoomLeft a:hover img {border:1px solid #f69} .zoomLeft img {margin-bottom:3px; border:1px solid #fff} .zoomCenter {width:510px; background:#fff; float:left; overflow:hidden} .zoomCenter .in {padding-left:10px} .recapCoord {clear:both} /* ----------------------------------------- Onglets ----------------------------------------- */ .ong {background:#fff; height:16px; list-style:none; margin:0 0 10px 0; padding:0} .ong li {font-size:10px; float:left; margin:0 2px; padding:0px 6px 0 3px; height:16px; line-height:16px; border:1px solid #e2e2e2} .ong li {background:#fff} .ong li a { text-decoration:none; } .ong li.sel {background:#3399CC } .ong li.sel a {text-decoration:none; color:#fff} /* ----------------------------------------- panier ----------------------------------------- */ /* ----------------------------------------- home ----------------------------------------- */ .strHome {width:585px} .strHome td {vertical-align:top} .zactu {height:168px; overflow:hidden; } .zactu p {font-size:10px; margin:0; padding:0} .zactu h2 {font-size:12px; font-weight:bold; margin:8px 0 4px; text-transform:none} .zactu p { line-height:1.25em; font-size:12px;} .zactu_link {font-weight:bold; font-size:12px;} /* ----------------------------------------- 404 ----------------------------------------- */ .p404 {background:#f69; color:#fff; padding:8px} .p404 h2 {color:#fff; text-transform:uppercase;font-size:2em} .p404 p {color:#fff; text-transform:uppercase; font-weight:bold } .p404 ul.menu404 {padding:8px; margin:8px; list-style:square} .p404 ul.menu404 li {color:#fff; padding:4px} .p404 ul.menu404 li a {color:#fff; text-transform:uppercase;font-weight:bold} .catalogueDownload {background:#FF6699;} .catalogueDownload h1 { color:#fff; margin:8px 0 0; padding:0;} .catalogueDownload .texte { padding:15px 5px 5px; background:url(../i/catalogue/quote-l.gif) no-repeat 0 15px;} .catalogueDownload .texte p { padding:0 25px 15px 20px; color:#fff; font-size:14px; font-weight:bold; line-height:1.5em; background:url(../i/catalogue/quote-r.gif) right bottom no-repeat;} .catalogueDownload .zone1 {height:284px; overflow:hidden;padding:0 8px;} .catalogueDownload .zone2 {background:#DBDBDB; height:145px; overflow:hidden;} .catalogueDownload .zone2 h1 {padding:0 8px;} .catalogueDownload .zone2 td { width:50%; vertical-align:top;} .catalogueDownload .zone2 td p {font-size:12px; line-height:1.5em; padding:0 8px;} /* Colors for Test */ /* #cols .mainCol { background:#fc0} #cols .subCol { background:#f93} */ /* ----------------------------------------- Standard sIFR styles... do not modify ----------------------------------------- */ /*---- sIFR ---*/ .itxt, .itxtsel, .ititle, .menutitle {display:block;} /* .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-unloading .sIFR-flash { visibility: hidden !important; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } .sIFR-dummy { width: 0px; height: 0px; margin-left: 42px; z-index: 0; } .sIFR-active h1.itxt { font-family: Verdana; line-height: 1em; font-size: 20px; } .sIFR-active h2.itxt { font-family: Verdana; line-height: 1em; font-size: 20px; margin:0 8px; padding:0; } .sIFR-active h3.itxt, .sIFR-active h3.itxtsel { font-family: Verdana; line-height: 1em; font-size: 20px; margin:0 8px; padding:0; } */ /*---- Header styling ---*/ /* BT */ div.rss {height:394px;} div.rss-b { margin-bottom:20px;} .bt {cursor: pointer; width:185px; height:22px; background:#fff no-repeat; border:none; display:block; border:1px solid #c1c1c1} .bt {background-image:url(../i/bt/bt.gif); line-height:22px; text-align:center; font-weight:bold; font-size:15px;} /* PAGIN */ .pagin { height:17px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin-top:0; } .pagin ul {margin:0; padding:0; height:17px; list-style:none; float:left } .pagin li, .text .pagin li {margin:1px 0 0 1px; padding:0; height:17px; display:block; float:left; width:17px; line-height:17px;} .pagin li a {display:block; float:left; width:17px; height:17px; line-height:17px; text-align:center; font-size:12px; display:block} .pagin tr, .pagin td {padding:0; margin:0;} .pagin li a {background:#fff; height:15px;} .pagin li a:hover {background:#ff9;} .pagin li.sel a{ background:#FFBBD5;} .pagin li.sel a:hover { background:#ff9;} .pagin li.next {background: url(../i/pagin/next_.gif) -1px -2px; height:15px; overflow:hidden} .pagin li.next a, .pagin li.next a:hover {background: url(../i/pagin/next.gif) -1px -2px; border:none;} .pagin li.back {background: url(../i/pagin/back_.gif) -1px -2px; height:15px; overflow:hidden} .pagin li.back a, .pagin li.back a:hover {background: url(../i/pagin/back.gif) -1px -2px;border:none;} .pagin li.last {background:#fff url(../i/pagin/last_.gif) -1px -2px; height:15px; overflow:hidden} .pagin li.last a, .pagin li.last a:hover {background:#fff url(../i/pagin/last.gif) -1px -2px;border:none;} .pagin li.first {background:#fff url(../i/pagin/first_.gif) -1px -2px; height:15px; overflow:hidden} .pagin li.first a, .pagin li.first a:hover {background:#fff url(../i/pagin/first.gif) -1px -2px;border:none;} .pagin li.pginfo, .pagin li.pginfo2 { width:100px; text-align:right; font-size:11px; line-height:17px; color:#fff; margin:0 5px 0 0;} .pagin li.pginfo2 {text-align:left; margin:0 0 0 5px;} .paginSeq { height:28px; padding:0 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd} .paginSeq .seq {font-size:14px; color:#999; float:right; padding:8px 0} .paginSeq .back {font-size:14px; color:#999; float:left; padding:8px 0} /* ARTICLE */ .articlesList .item {padding:10px; border-bottom:1px solid #ddd} .articlesList .item.l0 {background:#fff;} .articlesList .item.l1 {background:#fff;} .articlesList .item.l2 {background:#fff;} .articlesList .item .date { text-transform:uppercase; color:#888; font-weight:normal;} .articlesList .item .day {} .articlesList .item .month {} .articlesList .item .year {} .articlesList .item .title {margin-bottom:4px; } .articlesList .item .title .cartouche { font-weight:bold; color:#000;} .articlesList .item .title .cartouche a {color:#000; text-transform:uppercase;} .articlesList .item .title h2 { font-weight:normal; color:#FF6699; padding:0; font-size:24px} .articlesList .item a {color:#FF6699;} .articlesList .item .image { margin:0; width:420px; height:190px; position:relative; overflow:hidden; text-align:center;} .articlesList .item .image .in { text-align:center;} .articlesList .item .learnMore a {text-decoration:underline;} /* .articlesList .item.l0 .date, .articlesList .item.l0 .title h2, .articlesList .item.l0 .item a {color:#F78500;} .articlesList .item.l1 .image {background:url(../i/bg/img2.gif) repeat;} .articlesList .item.l2 .image {background:url(../i/bg/img.gif) repeat;} */ .articlesList .item .hat {line-height:18px; margin:0; width:420px; text-align:justify; padding:4px 0 2px 0;font-size:14px;} .articlesList .item .hat p { display:inline; font-size:14px;} .articleDetail { padding:0 10px 10px;} .articleDetail .date { text-transform:uppercase; color:#888;} .articleDetail .day { } .articleDetail .month {} .articleDetail .year {} .articleDetail .title {margin-bottom:4px; } .articleDetail .title .cartouche {font-weight:bold; color:#000; } .articleDetail .title .cartouche a {color:#000;text-transform:uppercase;} .articleDetail .title h1 { color:#FF6699; font-size:36px; padding:0; text-transform:none; font-weight:normal;} .articleDetail .intro h2 { padding:0 5px 0 0; font-size:18px; color:#888;} .articleDetail .intro .img { width:420px; overflow:hidden; padding-bottom:10px} .articleDetail .hat {line-height:18px; margin:0 0 5px; width:420px; font-size:14px; font-weight:bold;} .articleDetail .contentText { padding:0; font-size:14px; line-height:21px; width:420px; text-align:justify;} .articleDetail .contentText p {text-align:justify; margin-bottom:10px; font-size:14px;} .articleDetail .weblink{ margin:5px 0; padding:5px 0; } .articleDetail .file, .articleDetail .pdf{ margin:5px 0; padding:5px; border:solid #ddd; border-width:1px 0; background:#ffd;} .articleDetail .weblink a, .articleDetail .file a, .articleDetail .pdf a {text-decoration:underline; font-size:14px; } .articleDetail .module p { font-size:14px;} .articleDetail .module a {text-decoration:underline; font-size:14px; } .articleDetail .module a img {text-decoration:none;} .articleDetail .module h3 { font-size:18px; color:#808080; margin:0; padding:0.125em 0;} .articleDetail .module .module_group_html { margin:10px 0;} .articleDetail .module .module_group_image { margin:10px 0;} .articleDetail .module .module_group_gallery { margin:10px 0;} .articleDetail .module .module_r_gallery { width:82px; height:82px; float:left; overflow:hidden; margin-right:3px; margin-bottom:3px;} .articleDetail .module .module_r_gallery img { border:1px solid #808080} .articleDetail .module .module_r_gallery a:hover img { border:1px solid #F69} .articleDetail .module .code br, .articleDetail .module .code strong, .articleDetail .module .code em { display:none;} .articleDetail .module .code {color:#fff;} .comment {border-top:2px solid #CCC; background:#f0f0f0; padding-bottom:5px; margin-bottom:2px;} .comment .addthis { float:right; margin:5px 5px 0 0;} .comment .comment-link {clear:both;padding:0 5px 0 10px;} .comment .comment-title {padding-bottom:5px;} .comment .comment-title h4 { font-weight:normal; float:left; margin:0; padding:0 5px 0 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px;} .comment .comment-title a.btComment {color:#F05A28; text-decoration:underline;} .comment-item { padding:5px 0 10px 50px; background:url(../i/picto/talk.gif) no-repeat 15px 5px; border-top:1px dashed #ccc;} .comment-item.l1 {background-color:#f5f5f5;} .comment-item.l2 {background-color:#f9f9f9;} .comment-item h5 {padding-bottom:4px;} .comment-item h5 span {font-weight:normal; font-size:10px;} .comment-item h5 em {font-weight:normal; font-style:normal; font-size:12px;} .comment-item h5 span.date { font-size:10px;} .comment-next { padding:5px 0 5px 0; border-top:1px dashed #ccc; text-align:right;} .comment-next a, .comment-next a span { text-decoration:underline;} .comment .form { margin:0; padding:0 5px 0 10px; border-top:1px dotted #999;} .pageEvents .pagin .pginfo, .pageEvents .pagin .pginfo2 { display:none;} .pageEvents .mainCol {background:#000;} .pageEvents .mainCol .in {padding-top:20px} .pageEvents .mainCol .in .in {padding-top:0} .pageEvents .mainCol .split { background:url(../i/bg/context-line.gif) repeat-y right top;} .pageEvents .mainCol .articleDetail { padding:0 10px 10px 20px;} .pageEvents .mainCol .zoneB p strong.big { color:#fff;} .pageEvents .paginSeq {border-style:dotted; border-color:#808080; border-width:1px 0 0; margin:0 20px 0 20px; width:420px; padding:0;} .pageEvents .mainCol .articleDetail .hat, .pageEvents .mainCol .articleDetail .hat p { color:#fff;} .pageEvents .mainCol .articleDetail .contentText, .pageEvents .mainCol .articleDetail .contentText p{ color:#fff;} .pageEvents .mainCol .articleDetail .title h2 { color:#fff; text-transform:uppercase; line-height:1em; padding:0 0 0.5em; margin:0;} .pageEvents .mainCol .articleDetail .file, .pageEvents .mainCol .articleDetail .pdf { margin-right:25px; background:#fff;} .pageEvents .mainCol .zoneB .listEvents a {text-decoration:none; display:block; width:107px; color:#fff; } .pageEvents .mainCol .zoneB .listEvents img {width:105px; height:80px; border:1px solid #808080; } .pageEvents .mainCol .zoneB .listEvents a strong{text-decoration:underline; font-weight:normal; display:block; padding:4px 2px 8px 2px; background:url(../i/bg/reflect.gif) repeat-x; border-top:1px solid #222} .pageEvents .mainCol .zoneB .listEvents a:hover, .pageEvents .mainCol .zoneB .listEvents a.sel { color:#f69;} .pageEvents .mainCol .zoneB .listEvents a:hover img, .pageEvents .mainCol .zoneB .listEvents a.sel img {border:1px solid #f69; } .pageEvents .mainCol .zoneB p strong.big {margin-bottom:12px;} #pageEvent .zoneAB {background:#000; padding:0 10px 20px 20px;} #pageEvent .zoneAB h2 {color:#fff; text-transform:uppercase; line-height:1em; padding:0 0 0.5em; margin:0;} #pageEvent .zoneAB h1 {color:#FF6699; font-size:36px; padding:0; text-transform:none; font-weight:normal; margin:0 25% 0 0; padding-bottom:4px;} #pageEvent .zoneA .intro, #pageEvent .zoneA .contentText { padding:0 20px 10px;} #pageEvent .zoneA .intro, #pageEvent .zoneA .contentText, #pageEvent .zoneA .intro p, #pageEvent .zoneA .contentText p{ font-size:14px; color:#fff; line-height:1.5em;} #pageEvent .zoneA .intro { font-weight:bold;} #pageEvent .zoneA h2 { font-size:22px; margin:0; padding:0.125em 0;padding:1em 0 0.25em} #pageEvent .zoneA h3 { font-size:18px; color:#808080; margin:0; padding:0.5em 0 0.25em;} .bloc .droitsXXO, .bloc .zoom_ .droitsXXO {color:#f69; display:none;} .pageVente .bloc .droitsXXO, .pageVente .bloc .zoom_ .droitsXXO {color:#f90; display:none;}