@charset "utf-8"; /* CSS Document */ body { background:url(../images/nav-background.gif) center top no-repeat; font-family:Arial, Helvetica, sans-serif; color:#999;} .separation { clear:both; visibility:hidden; margin:0; padding:0; height:1px; } #teeshirts #content #centralContent h1 { display:block; margin:0 0 15px 0; font-size:24px; color:black; } #teeshirts #content #centralContent h2 { } #teeshirts #content #centralContent h3 { display:block; margin:0 0 15px 0; font-size:15px; color:black; } #teeshirts #content #centralContent h4 { display:block; margin:0 0 15px 0; font-size:13px; color:black; } .liste { list-style-type:disc; list-style-position:inside;} /* TEMPLATES */ #teeshirts #header { position:relative; width:991px; height:137px; background:url(../images/header-photo.jpg) 747px top no-repeat; z-index:99;} #teeshirts #header #logo { display:block; width:317px; height:59px; background:url(../images/logo-tee-shirts-express.com.gif) left top no-repeat; margin:31px 0 0 28px; float:left;} #teeshirts #header #slogan { display:block; width:200px; height:59px; background:url(../images/logo-tee-shirts-express-slogan.gif) left top no-repeat; margin:24px 0 0 23px; float:left;} #teeshirts #header #help { float:left; width:162px; background:url(../images/header-phone.gif) left top no-repeat; padding:0 0 0 38px; margin:29px 0 0 138px; } #teeshirts #header #help .style4 { display:block; font-size:12px; font-weight:bold; text-transform:uppercase;font-weight:bold;} #teeshirts #header #help .style3 { display:block; font-size:20px; color:#C00;font-weight:bold;} #teeshirts #header #help .style5 { display:block; font-size:10px; margin:0 0 0 33px;font-weight:bold;} #teeshirts #header #navigation { width:991px; height:47px; clear:both;} #teeshirts #header #navigation ul#liens { padding:0 0 0 20px;} #teeshirts #header #navigation ul#liens li { display:block; height:47px; float:left;} #teeshirts #header #navigation ul#liens li a { display:block; height:32px; padding:12px 10px 0 10px; text-decoration:none; font-weight:bold; color:#999; text-transform:uppercase; font-size:12px;} #teeshirts #header #navigation ul#liens li a:hover { color:black;} #teeshirts #header #navigation ul#liens li:hover ul.children { left:auto; margin:0 0 0 -35px;} #teeshirts #header #navigation ul#liens li:hover { background:url(../images/nav-rollover.png) center top no-repeat;} #teeshirts #header #navigation ul#liens li#lien_panier:hover { background:inherit !important;} #teeshirts #header #navigation ul#liens li ul.children { position:absolute; left:-5000px; top:128px; width:181px; background:url(../images/nav-submenu.png) center bottom no-repeat; padding:10px 0 15px 0; z-index:-1;} #teeshirts #header #navigation ul#liens li ul.children li { display:block; background:url(../images/nav-dotted.gif) left bottom repeat-x; width:157px; padding:0 0 1px 0; margin:0 0 0 10px; height:auto; } #teeshirts #header #navigation ul#liens li ul.children li a { text-align:center; padding:6px 0; margin:0; height:auto; } #teeshirts #header #navigation ul#liens li ul.children li a:hover { color:black; } #teeshirts #header #navigation ul#liens li ul.children li:hover { background:white url(../images/nav-dotted.gif) left bottom repeat-x;} #teeshirts #header #navigation #devis {position:relative;margin-left:580px;width:400px; } #teeshirts #header #navigation #devis #devisStock { display:block; width:128px; height:27px; margin:6px 5px 0 0; background:url(../images/nav-btn-devis-en-stock.gif) left top no-repeat; position:absolute;top:0;left:140px;} #teeshirts #header #navigation #devis #devisStockBis { display:block; width:140px; height:27px; margin:6px 5px 0 0;} #teeshirts #header #navigation #devis #devisGamme { display:block; width:114px; height:27px; margin:6px 20px 0 0; background:url(../images/nav-btn-devis-gamme.gif) left top no-repeat; position:absolute;top:0;left:275px;} #teeshirts #content { position:relative; padding:0 0 0 16px;} #teeshirts #content h1 { display:block; font-size:17px; color:#666; margin:12px 0 15px 9px;} #teeshirts #content h1 strong { text-transform:uppercase;} #teeshirts #content #menu { width:208px; background:#ededed url(../images/menu-footer.gif) left bottom no-repeat; margin:0; padding:0 0 15px 0; float:left;} #teeshirts #content #menu div { display:block; width:208px; height:38px; background:url(../images/titre-nos-textiles.gif) left top no-repeat;} #teeshirts #content #menu ul li { display:block; width:188px; background:url(../images/nav-dotted.gif) left bottom repeat-x; margin:0 10px;} #teeshirts #content #menu ul li a { display:block; width:172px; text-decoration:none; color:#999; padding:7px 8px; margin:0; height:auto; font-size:12px; background:url(../images/menu-puce.gif) left 10px no-repeat; } #teeshirts #content #menu ul li a:hover { color:black; } #teeshirts #content #menu ul li:hover { background:white url(../images/nav-dotted.gif) left bottom repeat-x;} #teeshirts #content #centralContent { float:left; margin:0 10px 0 0; padding: 0 0 0 15px; width:735px; min-height:200px;} #teeshirts #content #centralContent h2, #teeshirts #content #centralContent h1 { color:#878787; font-size:16px; display:block;} #teeshirts #content #centralContent h2.titre_la_gamme, #teeshirts #content #centralContent h1.titre_la_gamme { color:#878787; font-size:16px; display:inline;} #teeshirts #content #centralContent div.titre { background-color:#f2f2f2; padding:5px;margin:0 0 15px 0;} #teeshirts #content #centralContent #blocContent { margin:0 0 20px 0;} #teeshirts #content #centralContent #blocContent img { float:left;margin-bottom:10px;} #teeshirts #content #centralContent #blocContent #intro { float:left; margin:0 0 0 10px; width:485px;} #teeshirts #content #centralContent #blocContent #intro p { margin:0 0 10px 0; font-size:12px; line-height:16px; color:black;} #teeshirts #content #centralContent h2.* { display:block; height:55px; background-color:none; clear:both; margin:0 0 5px 0;padding:10px 0;} #teeshirts #content #centralContent h2 em, #teeshirts #content #centralContent h2 div { display:block; background:url(../images/titre-fin-rond.png) left top no-repeat; font-style:normal; height:35px; padding:20px 0 0 45px;} #teeshirts #content #centralContent h2.titre_monpanier em { background:url(../images/titre-fin-barre.png) right top no-repeat; width:5px; } #teeshirts #content #centralContent h2.etapeEnvoyerFichiers { background:url(../images/titre-etape-envoyer-fichiers.jpg) left top no-repeat; padding:0 0 10px 365px; width:370px;clear: both;} #teeshirts #content #centralContent h2.titre_conseils_de_lavage { background:url(../images/titre-conseils-de-lavage.png) left top no-repeat; padding:0 0 10px 236px; width:499px;} #teeshirts #content #centralContent h2.titre_carte_bancaire { background:url(../images/titre-paiement-carte-bancaire.png) left top no-repeat; padding:0 0 10px 348px; width:395px;clear:both;} #teeshirts #content #centralContent h2.titre_cheque { background:url(../images/titre-paiement-cheque.png) left top no-repeat; padding:0 0 10px 260px; width:483px;clear:both;} #teeshirts #content #centralContent h2.titre_virement { background:url(../images/titre-paiement-virement.png) left top no-repeat; padding:0 0 10px 280px; width:463px;clear:both;} #teeshirts #content #centralContent h2.titre_bdc_admin { background:url(../images/titre-paiement-bon-de-commande-administratif_01.png) left top no-repeat; padding:0 0 10px 540px; width:203px;clear:both;} #teeshirts #content #centralContent h2.titre_delais_livraison { background:url(../images/titre-delais-livraison.png) left top no-repeat; padding:0 0 10px 240px; width:503px;clear:both;} #teeshirts #content #centralContent h2.titre_quadriluxe { background:url(../images/titre-quadriluxe.png) left top no-repeat; padding:0 0 10px 290px; width:453px;clear:both;} #teeshirts #content #centralContent h2.titre_flex { background:url(../images/titre-flex.png) left top no-repeat; padding:0 0 10px 210px; width:533px;clear:both;} #teeshirts #content #centralContent h2.titre_topquadri { background:url(../images/titre-topquadri.png) left top no-repeat; padding:0 0 10px 290px; width:453px;clear:both;} #teeshirts #content #centralContent h2.titre_standard { background:url(../images/marquage/titre-classicquadri.png) left top no-repeat; padding:0 0 10px 300px; width:483px;clear:both;} #teeshirts #content #centralContent h2.titre_eco { background:url(../images/marquage/titre-eco.png) left top no-repeat; padding:0 0 10px 260px; width:483px;clear:both;} #teeshirts #content #centralContent h2.titre_tarifs { background:url(../images/titre-tarifs.png) left top no-repeat; padding:0 0 10px 220px; width:523px;clear:both;} #teeshirts #content #centralContent h2.titre_maquette { background:url(../images/titre-positionnement-maquette.png) left top no-repeat; padding:0 0 10px 350px; width:393px;clear:both;} #teeshirts #content #centralContent h2.titre_avis { background:url(../images/titre-avis-clients.png) left top no-repeat; padding:0 0 10px 160px; width:583px;clear:both;} #teeshirts #content #centralContent h2.titre_faq { background:url(../images/titre-questions-frequentes-faq.png) left top no-repeat; padding:0 0 10px 330px; width:413px;clear:both;} #teeshirts #content #centralContent h2.titre_exemples { background:url(../images/titre-realisations-clients.png) left top no-repeat; padding:0 0 10px 380px; width:363px;clear:both;} #teeshirts #content #centralContent h2.titre_monpanier { background:url(../images/titre-panier.png) left top no-repeat; padding:0 0 15px 140px; width:635px;} #teeshirts #content #centralContent h2.etapeFichiers { background:url(../images/titre-etape-fichiers.jpg) left top no-repeat; padding:0 0 10px 380px; width:355px;} #teeshirts #content #centralContent h2.etapeTypeFichiers { background:url(../images/titre-etape-type-fichiers.jpg) left top no-repeat; padding:0 0 0 295px; width:440px;} #teeshirts #content #centralContent h2.echantillons { background:url(../images/titre-echantillons.jpg) left top no-repeat; padding:0 0 10px 182px; width:553px;} #teeshirts #content #centralContent h2.les-marques { background:url(../images/titre-les-marques.jpg) left top no-repeat; padding:0 0 10px 167px; width:568px;} #teeshirts #content #centralContent h2.commander-malin { background:url(../images/titre-commander-malin.jpg) left top no-repeat; padding:0 0 10px 237px; width:498px;} #teeshirts #content #centralContent h2.exemples { background:url(../images/titre-exemples.jpg) left top no-repeat; padding:0 0 10px 301px; width:434px;} #teeshirts #content #centralContent p, #teeshirts #content #centralContent ul { color:black; margin:0 0 15px 0; line-height:15px; font-size:12px; } #teeshirts #content #centralContent p em { font-style:normal; font-weight:bold; color:#900;} #teeshirts #content #centralContent p.alerte { display:block; width:400px; height:93px; background:url(../images/alerte-background.gif) left top no-repeat; text-align:center; padding:10px 50px 0 150px; margin:0 0 0 132px; } #teeshirts #content #centralContent p.alerte em { display:block; color:black; text-transform:uppercase; margin:0 0 15px 0;} #teeshirts #content #centralContent p.margeGauche, #teeshirts #content #centralContent ul.margeGauche { display:block; width:587px; margin-left:145px; } #teeshirts #content #centralContent .exemple { width:115px; float:left; margin:0 10px 0 0; text-align:center;} #teeshirts #content #centralContentSsMenu { margin:0 15px 0 0; padding:0; width:960px; min-height:200px;} #teeshirts #footer { width:991px; margin:10px 0 0 0;} #teeshirts #footer #copyright { width:931px; height:23px; background:url(../images/footer-background.gif) left top no-repeat; color:#999; padding:12px 30px; font-size:12px; } #teeshirts #footer #copyright #copyContacts { display:block; float:left; width:auto; font-weight:bold;} #teeshirts #footer #copyright #copyContacts a { text-decoration:none; color:#999;} #teeshirts #footer #copyright #copyContacts a:hover { color:black;} #teeshirts #footer #copyright #copyAdresse { display:block; float:right; width:auto;} #teeshirts #footer #subfooter { width:930px; margin:-5px 15px 10px 16px; background:url(../images/footer-subfooter-background.gif) left bottom no-repeat; padding:0 15px 10px 15px;} #teeshirts #footer #subfooter ul { display:block; float:left; padding:0; } #teeshirts #footer #subfooter ul li { display:block; width:145px; background:url(../images/nav-dotted.gif) left bottom repeat-x; margin:0 5px;} #teeshirts #footer #subfooter ul li a { display:block; width:129px; font-size:11px; text-decoration:none; color:#999; padding:7px 8px; } #teeshirts #footer #subfooter ul li a:hover { color:black; } #teeshirts #footer #subfooter ul li:hover { background:white url(../images/nav-dotted.gif) left bottom repeat-x;} /* HOME */ #mea { float:left; margin:0 10px 0 15px; width:733px; height:320px; background:url(../images/home-cache.png) left top no-repeat; padding:0;margin-bottom: 45px;} #mea #coda-nav-1 { position:absolute; top:360px;left:750px; z-index:1; } #mea #coda-nav-1 ul { display:block; margin:0 10px 0 0;} #mea #coda-nav-1 ul a.liens { display:block; float:left; width:35px; height:35px; background:url(../images/home-btn-small.png) left top no-repeat; margin:0; padding:0;font-size:14px; font-weight:bold; text-align:center; text-decoration:none; color:#666;} #mea #coda-nav-1 ul a.liens:hover, .coda-nav ul li a.current { background-position:left bottom !important;} #mea #coda-nav-1 ul a.liens:hover, .coda-nav ul li a.current { color:black;} /*#mea #meaVisuel div#content1 { height:320px; width:733px; background:url(../images/tee-shirt-express-visuel-01.jpg) left top no-repeat;}*/ /* DEVIS GAMME */ #teeshirts #content #centralContent .gammeNav { background:#ededed url(../images/devis-gamme-nav-background-top.gif) left top no-repeat; clear:both; padding:10px 0 0 0; width:733px; margin:0 0 0 0; } #teeshirts #content #centralContent .gammeNav ul { display:block; width:733px; background:url(../images/devis-gamme-nav-background.gif) left bottom no-repeat #EDEDED; padding:0 0px 5px 0px;margin:0; } #teeshirts #content #centralContent .gammeNav ul li { display:block; height:40px; float:left; margin:0 0px 5px 3px; } #teeshirts #content #centralContent .gammeNav ul li.title { background:url(../images/bloc-38-left.png) left top no-repeat; margin:7px 5px 0 7px; padding:0 0 0 7px; color:black; font-size:12px; font-weight:bold; height:38px;} #teeshirts #content #centralContent .gammeNav ul li.title h3 { display:block; height:26px; background:url(../images/bloc-38-background.png) right top no-repeat; padding:12px 15px 0 0;} #teeshirts #content #centralContent .gammeNav ul li a { display:inline;} #teeshirts #content #centralContent .gammeNav ul li a img { border:1px solid #999;} #teeshirts #content #centralContent .gammeNav ul li .preview { position:absolute; visibility:hidden; z-index:3; background:url(../images/devis-gamme-preview-top.png) left top no-repeat; width:247px; padding:24px 0 0 0; margin:-10px 0 0 -65px; color:black; float:left; } #teeshirts #content #centralContent .gammeNav ul li:hover .preview { visibility:visible} #teeshirts #content #centralContent .gammeNav ul li .preview .previewContent { display:block; background:url(../images/devis-gamme-preview-background.png) left bottom no-repeat; width:227px; padding:0 10px 10px 10px;} #teeshirts #content #centralContent .gammeNav ul li .preview .previewContent .fiche { min-height:160px; padding:0 0 5px 0; width:227px; } #teeshirts #content #centralContent .gammeNav ul li .preview .previewContent .fiche img { margin:0 5px 0 0; float:left;} #teeshirts #content #centralContent .gammeNav ul li .preview .previewContent .fiche h4 { font-size:14px; font-weight:bold; margin:0 0 12px 0;} #teeshirts #content #centralContent .gammeNav ul li .preview .previewContent .fiche p { font-size:13px; color:black; margin:0 0 10px 0;} #teeshirts #content #centralContent .gammeNav ul li .preview .previewContent .fiche p.gras { font-size:13px; font-weight:bold; margin:0 0 5px 0;} #teeshirts #content #centralContent .gammeNav ul li .preview .previewContent ul { display:block; background:none; margin:0; width:230px; padding:0; } #teeshirts #content #centralContent .gammeNav ul li .preview .previewContent li { display:block; float:left; margin:0 2px 0 0; padding:0; font-size:12px; height:24px;} #teeshirts #content #centralContent .gammeNav ul li .preview .previewContent li h5 { margin:5px 3px 0 0;} #teeshirts #content #centralContent .gammeNav ul li .preview .previewContent li a { margin:0; padding:0;} #teeshirts #content #centralContent .gammeNav ul li .preview .previewContent li a img { border:0; margin:0; padding:0; } #teeshirts #content #centralContent #gammeFicheInfos { width:245px; float:left; background-color:#ededed; padding:2px 2px 5px 2px; color:black;} #teeshirts #content #centralContent #gammeFicheInfos #visuel { display:block; margin:0 0 10px 0; width: 238px;} #teeshirts #content #centralContent #gammeFicheInfos #logo { display:block; margin:0 10px 0 0; width:60px; float:left;} #teeshirts #content #centralContent #gammeFicheInfos #infos { float:left; width:100%;} #teeshirts #content #centralContent #gammeFicheInfos #infos h4 { font-size:14px; margin:0 0 15px 0; line-height:18px;} #teeshirts #content #centralContent #gammeFicheInfos #infos p { font-size:12px; margin:0 0 10px 0; line-height:16px;} #teeshirts #content #centralContent #gammeFicheInfos #tailles { display:block; width:107px; height:30px; margin:5px 3px 0 0; background:url(../images/btn-tailles.png) left top no-repeat; padding:8px 13px 0 13px; text-decoration:none; font-size:11px; color:#666; text-align:center; float:left; } #teeshirts #content #centralContent #gammeFicheInfos #produit { display:block; width:72px; height:25px; margin:5px 3px 0 0; background:url(../images/btn-produit.png) left top no-repeat; padding:13px 7px 0 25px; text-decoration:none; font-size:11px; color:#666; text-align:center; float:left; } #teeshirts #content #centralContent #gammeFicheInfos #impression { display:block; width:219px; height:20px; margin:5px 3px 0 0; background:url(../images/btn-239-28.png) left top no-repeat; padding:8px 10px 0 10px; text-decoration:none; font-size:11px; color:#666; text-align:center; float:left; } #teeshirts #content #centralContent #gammeFicheInfos #envoyerfichier { display:block; width:219px; height:20px; margin:5px 3px 0 0; background:url(../images/btn-239-28.png) left top no-repeat #FFF; padding:8px 10px 0 10px; text-decoration:none; font-size:11px; color:#666; text-align:center; } #teeshirts #content #centralContent #gammeFicheInfos #tailles:hover, #teeshirts #content #centralContent #gammeFicheInfos #produit:hover, #teeshirts #content #centralContent #gammeFicheInfos #impression:hover, #teeshirts #content #centralContent #gammeFicheInfos #envoyerfichier:hover { background-position:left bottom; color:white;} #teeshirts #content #centralContent #gammeFicheEtapes { width:475px; float:left; margin:0 0 0 10px;} #teeshirts #content #centralContent #gammeFicheEtapes h2 { display:block; width:360px; height:55px; background-color:none; clear:both; margin:0 0 5px 0;} #teeshirts #content #centralContent #gammeFicheEtapes h2 em, #teeshirts #content #centralContent #gammeFicheEtapes h2 div { display:block; background:url(../images/titre-fin-rond.png) left top no-repeat; font-style:normal; height:35px; padding:20px 0 0 45px;} #teeshirts #content #centralContent #gammeFicheEtapes h2.etape1 { background:url(../images/titre-etape-1.png) left top no-repeat; padding:0 0 0 114px;} #teeshirts #content #centralContent #gammeFicheEtapes h2.etape2 { background:url(../images/titre-etape-2.png) left top no-repeat; padding:0 0 0 114px;} #teeshirts #content #centralContent #gammeFicheEtapes h2.etape3 { background:url(../images/titre-etape-3.png) left top no-repeat; padding:0 0 0 114px;} #teeshirts #content #centralContent #gammeFicheEtapes h2.etape4 { background:url(../images/titre-etape-4.png) left top no-repeat; padding:0 0 0 114px;} #teeshirts #content #centralContent #gammeFicheEtapes h2.resultat { background:url(../images/tite-resultat.png) left top no-repeat; width:5px; padding:0 0 0 220px; margin:20px 0 0 0;} #teeshirts #content #centralContent #gammeFicheEtapes h2.resultat em, #teeshirts #content #centralContent #gammeFicheEtapes h2.resultat div { background:url(../images/titre-fin-barre.png) right top no-repeat; height:55px; padding:0; width:250px;} #teeshirts #content #centralContent #gammeFicheEtapes h3 { display:block; float:left; color:black; height:32px; margin:0 10px 0 0; padding:20px 0 0 0; width:120px; font-size:12px;} #teeshirts #content #centralContent #gammeFicheEtapes ul#lsteColoris { display:block; float:left; width:340px; min-height:52px; margin:0 0 5px 0;} #teeshirts #content #centralContent #gammeFicheEtapes ul#lsteColoris li { display:block; float:left;} #teeshirts #content #centralContent #gammeFicheEtapes ul#lsteColoris li a { display:block; width:28px; height:30px; padding:4px 2px 1px 5px;} #teeshirts #content #centralContent #gammeFicheEtapes ul#lsteColoris li a:hover { background:url(../images/home-btn-small.png) left bottom no-repeat;} #teeshirts #content #centralContent #gammeFicheEtapes ul.lsteColoris { } #teeshirts #content #centralContent #gammeFicheEtapes ul.lsteColoris li { display:block; float:left;} #teeshirts #content #centralContent #gammeFicheEtapes ul.lsteColoris li a { display:block; width:28px; height:30px; padding:4px 2px 1px 5px;} #teeshirts #content #centralContent #gammeFicheEtapes ul.lsteColoris li a:hover { background:url(../images/home-btn-small.png) left bottom no-repeat;} #gammeFicheEtapes fieldset { border:1px solid lightgrey;} #teeshirts #content #gammeFicheEtapes p.a_partir_de {text-align:left;padding:0;color:grey;margin: 1em 0 0 0;} #teeshirts #content #centralContent #gammeFicheEtapes ul#listeTailles { display:block; float:left; margin:15px 0 10px 0;} #teeshirts #content #centralContent #gammeFicheEtapes ul#listeTailles li { display:block; float:left; width:70px; margin:0 5px 5px 0; font-size:11px; color:black; line-height:11px;} #teeshirts #content #centralContent #gammeFicheEtapes ul#listeTailles li label { display:block; float:left; width:30px; text-align:right;padding-right:4px;} #teeshirts #content #centralContent #gammeFicheEtapes ul#listeTailles li input { display:block; float:left; width:30px; } #teeshirts #content #centralContent #gammeFicheEtapes ul.listeMarquage { display:block; float:left; width:180px; margin:10px 0 10px 0;} #teeshirts #content #centralContent #gammeFicheEtapes ul.listeMarquage li { display:block; margin:0 0 5px 0;} #teeshirts #content #centralContent #gammeFicheEtapes ul.listeMarquage li a { display:block; width:164px; height:19px; padding:9px 0 0 0; background:url(../images/btn-164-28.png) left top no-repeat; text-decoration:none; color:black; font-size:12px; text-align:center;} #teeshirts #content #centralContent #gammeFicheEtapes ul.listeMarquage li a:hover { background-position:left bottom; color:white;} #teeshirts #content #centralContent #gammeFicheEtapes #div_marquage { width:280px; height:120px; float:left; text-align:center; } #teeshirts #content #centralContent #gammeFicheEtapes #div_marquage img { display:block; float:left; margin:0 auto;} #teeshirts #content #centralContent .listeImpression { display:block; margin:0 4px 0 0; float:left; } #teeshirts #content #centralContent .listeImpression li { display:block; float:left; text-align:center; margin:0 2px 0 0; } #teeshirts #content #centralContent .listeImpression li a { display:block; width:49px; height:61px; padding:2px 0 0 0; margin:0 0 5px 0; text-decoration:none; background:url(../images/btn-zone-impression.png) left top no-repeat;} #teeshirts #content #centralContent .listeImpression li a p { font-size:9px; line-height:9px; color:#999; margin:0;} #teeshirts #content #centralContent .listeImpression li a img { opacity:0.4; -ms-filter: "alpha(opacity=40)";} .selection_surface img { opacity:1 !important; -ms-filter: "alpha(opacity=100)" !important;} .deselection_surface img { opacity:0.4 !important; -ms-filter: "alpha(opacity=40)" !important;} #teeshirts #content #centralContent .listeImpression li a:hover { background-position:left bottom; color:black;} #teeshirts #content #centralContent .listeImpression li a:hover img { opacity:1; -ms-filter: "alpha(opacity=100)"; } #teeshirts #content #centralContent .listeImpression li.title { clear:both; background-color:#ededed; width:100%; height:30px; color:#999; font-size:12px; font-weight:bold; padding:10px 0 0 0;} .face { width:204px;} .dos { width:153px;} .manche { width:102px;} #teeshirts #content #centralContent .listeImpression:hover { background-color:#e5e5e5;} #teeshirts #content #centralContent .listeImpression:hover li.title { background-color:#a6a6a6; color:white;} #teeshirts #content #centralContent .prixTTC { display:block; font-size:18px; font-weight:bold; color:black; width:125px; text-align:right; float:left; margin:10px 5px 0 0;} #teeshirts #content #centralContent .prixHT { display:block; font-size:14px; font-weight:bold; color:#999; width:125px; text-align:right; float:left; margin:0 5px 0 0;} #teeshirts #content #centralContent #commander { display:block; position:relative; top:-25px; width:104px; height:32px; margin:5px 0 0 0; background:url(../images/btn-105-38.png) left bottom no-repeat; padding:6px 0 0 0; text-decoration:none; font-size:14px; color:white; text-align:center; float:left; } #teeshirts #content #centralContent #commander:hover { color:black;} #teeshirts #content #centralContentSsMenu #devisLigne { width:670px; float:right; margin:0 10px 0 0;} #teeshirts #content #centralContentSsMenu #devisLigne h2 { display:block; height:55px; background-color:none; clear:both; margin:0 0 5px 0;} #teeshirts #content #centralContentSsMenu #devisLigne h2 em { display:block; background:url(../images/titre-fin-rond.png) left top no-repeat; font-style:normal; height:35px; padding:20px 0 0 45px;} #teeshirts #content #centralContentSsMenu #devisLigne h2 em p { display:block; font-size:11px; margin:7px 0 0 0; } #teeshirts #content #centralContentSsMenu #devisLigne h2 em p strong { color:#900;} #teeshirts #content #centralContentSsMenu #devisLigne h2.etape1 { background:url(../images/titre-etape-1.png) left top no-repeat; padding:0 0 0 114px;} #teeshirts #content #centralContentSsMenu #devisLigne h2.etape2 { background:url(../images/titre-etape-2.png) left top no-repeat; padding:0 0 0 114px;} #teeshirts #content #centralContentSsMenu #devisLigne h2.etape3 { background:url(../images/titre-etape-3.png) left top no-repeat; padding:0 0 0 114px;} #teeshirts #content #centralContentSsMenu #devisLigne h2.etape4 { background:url(../images/titre-etape-4.png) left top no-repeat; padding:0 0 0 114px;} #teeshirts #content #centralContentSsMenu #devisLigne .listeImpression { display:block; margin:0 8px 10px 8px; float:left;} #teeshirts #content #centralContentSsMenu #devisLigne .listeImpression li { display:block; float:left; text-align:center; width:65px; margin:0; padding:5px 0 0 0; } #teeshirts #content #centralContentSsMenu #devisLigne .listeImpression li a { display:block; width:49px; height:61px; padding:2px 0 0 0; margin:0 auto 5px auto; text-decoration:none; background:url(../images/btn-zone-impression.png) left top no-repeat;} #teeshirts #content #centralContentSsMenu #devisLigne .listeImpression li a p { font-size:9px; line-height:9px; color:#999; margin:0;} #teeshirts #content #centralContentSsMenu #devisLigne .listeImpression li a img { opacity:0.4; -ms-filter: "alpha(opacity=40)";} #teeshirts #content #centralContentSsMenu #devisLigne .listeImpression li a:hover, #teeshirts #content #centralContentSsMenu #devisLigne .listeImpression li a:hover p { background-position:left bottom; color:black;} .selection_surface, .selection_surface p { background-position:left bottom !important; color:black !important;} .deselection_surface {background-position: left top !important;} .deselection_surface p {color:#999 !important;} #teeshirts #content #centralContentSsMenu #devisLigne .listeImpression li a:hover img, .selection_surface img { opacity:1; -ms-filter: "alpha(opacity=100)"; } #teeshirts #content #centralContentSsMenu #devisLigne .listeImpression li.title { clear:both; background-color:#ededed; width:100%; height:30px; color:#999; font-size:12px; font-weight:bold; padding:10px 0 0 0;} #teeshirts #content #centralContentSsMenu #devisLigne .listeImpression:hover { background-color:#e5e5e5;} #teeshirts #content #centralContentSsMenu #devisLigne .listeImpression:hover li.title { background-color:#a6a6a6; color:white;} #teeshirts #content #centralContentSsMenu #devisLigne .face { width:270px;} #teeshirts #content #centralContentSsMenu #devisLigne .dos { width:205px;} #teeshirts #content #centralContentSsMenu #devisLigne .manche { width:140px;} #teeshirts #content #centralContentSsMenu #devisLigne .listeImpression li.title { width:100%;} #teeshirts #content #centralContentSsMenu #devisLigneResultat { float:right; width:280px; height:225px; background-color:#f2f2f2; } #teeshirts #content #centralContentSsMenu #devisLigneResultat h2.resultat { display:block; height:55px; width:5px; padding:0 0 0 220px; margin:0 0 20px 0; background:url(../images/tite-resultat.png) left top no-repeat;} #teeshirts #content #centralContentSsMenu #devisLigneResultat h2.resultat em { display:block; height:55px; background:url(../images/titre-fin-barre.png) right top no-repeat; height:55px; padding:0; width:60px;} #teeshirts #content #centralContentSsMenu #devisLigneResultat .nbreProduits { display:block; width:260px; margin:0 10px;} #teeshirts #content #centralContentSsMenu #devisLigneResultat .prixTTC { display:block; font-size:30px; font-weight:bold; color:black; width:260px; text-align:right; margin:20px 10px 0 10px;} #teeshirts #content #centralContentSsMenu #devisLigneResultat .prixHT { display:block; font-size:16px; font-weight:bold; color:#999; width:260px; text-align:right; margin:0 10px;} #teeshirts #content #centralContentSsMenu #devisLigneResultat #ligneCommander { display:block; width:104px; height:26px; margin:15px 10px 0 30px; background:url(../images/btn-105-38.png) left bottom no-repeat; padding:12px 0 0 0; text-decoration:none; font-size:14px; color:white; text-align:center; font-weight:bold; float:left; } #teeshirts #content #centralContentSsMenu #devisLigneResultat #ligneCommander:hover { color:black;} #teeshirts #content #centralContentSsMenu #devisLigneResultat #ligneAnnuler { display:block; width:104px; height:26px; margin:15px 10px 0 10px; background:url(../images/btn-105-38.png) left top no-repeat; padding:12px 0 0 0; text-decoration:none; font-size:14px; color:#999; text-align:center; font-weight:bold; float:left; } #teeshirts #content #centralContentSsMenu #devisLigneResultat #ligneAnnuler:hover { background-position:left bottom; color:white;} #ligneProduits { display:block;} #ligneProduits li { display:block; width:155px; height:420px; float:left; margin:0 5px 10px 0; } #ligneProduits li .ligneProduit { background:url(../images/ligne-cadre-background.gif) left bottom no-repeat; } #ligneProduits li .ligneProduit h3 { display:block; background:url(../images/ligne-cadre-top.gif) left top no-repeat; padding:10px 0 0 10px; color:black; font-size:16px; font-weight:bold; } #ligneProduits li .ligneProduit .infos { background-color:white; width:153px; margin:5px 0 0 1px; padding:10px 0 0 0;} #ligneProduits li .ligneProduit .infos p { font-size:12px; color:black; margin:0 0 0 10px;} #ligneProduits li .ligneProduit ul.listeTailles { display:block; width:153px; margin:15px 0 0 6px; background:none; padding:0 0 15px 0;height:152px;} #ligneProduits li .ligneProduit ul.listeTailles li { display:block; float:left; width:70px; height:20px; margin:0 5px 5px 0; font-size:11px; color:black; line-height:11px; background:none;} #ligneProduits li .ligneProduit ul.listeTailles li label { display:block; float:left; width:30px;text-align:right;padding-right:4px; } #ligneProduits li .ligneProduit ul.listeTailles li input { display:block; float:left; width:30px; height:12px; font-size:11px; text-align:right; } #ligneProduits li .ligneInfosProduit, #ligneProduits li .ligneInfosTaille { display:block; width:75px; height:30px; padding:8px 0 0 0; text-align:center; text-decoration:none; color:#999; font-size:11px; float:left; margin:5px 0 0 0; background:url(../images/btn-75-38.gif) left top no-repeat; } #ligneProduits li .ligneInfosProduit:hover, #ligneProduits li .ligneInfosTaille:hover { background-position:left bottom; color:white;} #ligneProduits li .ligneInfosProduit { margin-right:5px;} #ligneProduits li .ligneProduit:hover { background-position:right bottom;} #ligneProduits li .ligneProduit:hover h3 { background-position:right top;} .deselection_ligneProduit {background-position:left bottom;} .deselection_ligneProduit h3 {background-position:left top;} .selection_ligneProduit { background-position:right bottom !important; } .selection_ligneProduit h3 { background-position:right top !important; } #boutons_panier { width:735px; margin-left:60px; } #boutons_panier a {display:block; width:104px; height:26px; margin:15px 10px 0 30px; background:url(../images/btn-105-38.png) left top no-repeat; padding:12px 0 0 0; text-decoration:none; font-size:14px; color:#999999; text-align:center; font-weight:bold; float:left; } #boutons_panier a:hover {color:black;background-position:left bottom;} #monpanier td { padding:0 5px; font-size:12px; } #monpanier th { padding:5px; font-size:12px; background: rgb(153,153,153); background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(153,153,153,1) 49%, rgba(136,136,136,1) 50%, rgba(153,153,153,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,153,153,1)), color-stop(49%,rgba(153,153,153,1)), color-stop(50%,rgba(136,136,136,1)), color-stop(100%,rgba(153,153,153,1))); background: -webkit-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(153,153,153,1) 49%,rgba(136,136,136,1) 50%,rgba(153,153,153,1) 100%); background: -o-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(153,153,153,1) 49%,rgba(136,136,136,1) 50%,rgba(153,153,153,1) 100%); background: -ms-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(153,153,153,1) 49%,rgba(136,136,136,1) 50%,rgba(153,153,153,1) 100%); background: linear-gradient(to bottom, rgba(153,153,153,1) 0%,rgba(153,153,153,1) 49%,rgba(136,136,136,1) 50%,rgba(153,153,153,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#999999',GradientType=0 ); color:white; } .div_color_1, .div_color_2, .div_color_3, .div_color_4 { float:left; height:24px; width:24px; position:relative; margin:0; padding:0; border:0; left:0; top:0; } .div_color_1 img, .div_color_2 img, .div_color_3 img, .div_color_4 img{ position:absolute; top:0; left:0; height:24px; width:24px; } .div_color_1 div, .div_color_2 div, .div_color_3 div, .div_color_4 div { height:20px; position:absolute; top:0; margin:2px; } .div_color_1 div { left:0; } .selectionMarquage { background-position:left bottom !important; color:white !important;} .selectionCouleur { background:url(../images/home-btn-small.png) left bottom no-repeat !important;} .ligne1,.ligne2,.ligne3,.ligne4,.ligne5,.ligne6,.ligne7,.ligne8{position:absolute;} .ligne1{top:95px;} .ligne2{top:112px;} .ligne3{top:134px;} .ligne4{top:154px;} .ligne5{top:175px;} .ligne6{top:197px;} .ligne7{top:217px;} .ligne8{top:237px;} .colonne1{left:46px;} .colonne2{left:110px;} .colonne3{left:169px;} .colonne4{left:223px;} #couleur_flex { background:url('/images/nuancier-palette.jpg') #FFFFFF no-repeat; position:absolute; border: 1px solid gray; padding: 2px; width: 264px; height: 266px; display:none; } .minipanier { border:1px solid black; background-color:#CCCCCC; width:200px; height:30px; position:absolute; top:0; right:0; } .minipanier div { width:100%; height:100%; } #form_panier .ligne1 { background-color:#FFFFCC !important; position:static !important; } #form_panier .ligne2 { background-color:#f2f2f2 !important; position:static !important; } .form { border:2px solid #666 !important; background-color:white; } .form_header th, .fenetre td, .form th { background-color:#f2f2f2 ; } .form_header { background-color:#666 !important; color:white !important; height:19px; vertical-align:middle; } .form th, .form_header th { color:black; } .form td.alt { background-color:#D4D0C8; } #lien_id { color:white; } a.plus_infos { border:1px solid white; } .plus_infos, .plus_infos a { color:#6EAB22; background-color:white; } .button{ background-color:white !important; color:#6EAB22; } .ligneprio { display:none; } #cgvplus { display:none; } .cgv {color:#6EAB22;} a.cgv {text-decoration:none;} .etape { float:left; width:120px; font-size:12px; } .etapes { text-align:center; width:540px; padding-top:10px; margin-bottom:65px; position:absolute; top:0; right:0; padding-right:17px; } #divMesCoords { font-size:12px; } #divMesCoords th *{ text-align:left !important; color:black !important; white-space:nowrap; } #formulaire td { color:#666; } #divMesCoords input, #divMesCoords select { border:1px solid grey; height:auto !important; margin:1px; padding:0; } a { color:#666; text-decoration:none; } a:hover { color:black; text-decoration:none; } .ligneProduit { position:relative; } .ligneProduit .marque { position:absolute; top:5px; right:4px; } #div_authed { position:absolute; left:530px; top:75px; font-size:10px; } .li_qualite { position: absolute; bottom: 5px; font-size:12px !important; /*font-weight:bold;*/ margin-bottom:0 !important; height:15px !important; width:140px !important; text-align:center; left:0; } .li_qualite div { width:70px; position:absolute; } .div_qualite { left:0; bottom:3px; } .div_note { bottom:2px; right:0; } #typeMarquage { margin-top: 10px; } #typeMarquage2 a { background: rgb(226,226,226); background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); padding: 5px 10px; color: #666; } #teeshirts #content #centralContent #gammeFicheEtapes ul.listeMarquage li a.exempleMarquage { width:auto; padding:0; display:block; height:180px; border: 1px solid white; } #teeshirts #content #centralContent #gammeFicheEtapes ul.listeMarquage li a.exempleMarquage:hover { border: 1px solid black; } a#boutons_panier_gros { width: 204px; line-height: 40px; height: 40px; font-size: 18px; padding: 0; color: white; margin: 15px 10px 0 30px; text-decoration: none; text-align: center; font-weight: bold; float: left; background: rgb(192,216,71); background: -moz-linear-gradient(top, rgba(192,216,71,1) 0%, rgba(203,215,22,1) 49%, rgba(48,171,0,1) 50%, rgba(177,213,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(192,216,71,1)), color-stop(49%,rgba(203,215,22,1)), color-stop(50%,rgba(48,171,0,1)), color-stop(100%,rgba(177,213,0,1))); background: -webkit-linear-gradient(top, rgba(192,216,71,1) 0%,rgba(203,215,22,1) 49%,rgba(48,171,0,1) 50%,rgba(177,213,0,1) 100%); background: -o-linear-gradient(top, rgba(192,216,71,1) 0%,rgba(203,215,22,1) 49%,rgba(48,171,0,1) 50%,rgba(177,213,0,1) 100%); background: -ms-linear-gradient(top, rgba(192,216,71,1) 0%,rgba(203,215,22,1) 49%,rgba(48,171,0,1) 50%,rgba(177,213,0,1) 100%); background: linear-gradient(to bottom, rgba(192,216,71,1) 0%,rgba(203,215,22,1) 49%,rgba(48,171,0,1) 50%,rgba(177,213,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0d847', endColorstr='#b1d500',GradientType=0 ); -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #ccc; color: #222; } a#boutons_panier_gros:hover { background: rgb(196,218,82); background: -moz-linear-gradient(top, rgba(196,218,82,1) 0%, rgba(215,229,23,1) 49%, rgba(53,188,0,1) 50%, rgba(190,228,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,218,82,1)), color-stop(49%,rgba(215,229,23,1)), color-stop(50%,rgba(53,188,0,1)), color-stop(100%,rgba(190,228,0,1))); background: -webkit-linear-gradient(top, rgba(196,218,82,1) 0%,rgba(215,229,23,1) 49%,rgba(53,188,0,1) 50%,rgba(190,228,0,1) 100%); background: -o-linear-gradient(top, rgba(196,218,82,1) 0%,rgba(215,229,23,1) 49%,rgba(53,188,0,1) 50%,rgba(190,228,0,1) 100%); background: -ms-linear-gradient(top, rgba(196,218,82,1) 0%,rgba(215,229,23,1) 49%,rgba(53,188,0,1) 50%,rgba(190,228,0,1) 100%); background: linear-gradient(to bottom, rgba(196,218,82,1) 0%,rgba(215,229,23,1) 49%,rgba(53,188,0,1) 50%,rgba(190,228,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4da52', endColorstr='#bee400',GradientType=0 ); color: #fff; } #espaceRevendeur { margin-bottom:20px; margin: 0 20px 20px 20px; } #teeshirts #content #centralContent #espaceRevendeur h1 {font-size:30px;font-weight:bold;color:#4f4f4f;} #teeshirts #content #centralContent #espaceRevendeur h2 { font-size:16px; margin: 40px 0 10px 0; padding: 5px;color:#4f4f4f; background:#e2e2e2; border-radius: 2px; } #teeshirts #content #centralContent #espaceRevendeur h3{font-size:16px;margin: 20px 0 10px 0;padding:2px 5px;color:#4f4f4f;border: 1px dotted #ccc;} #teeshirts #content #centralContent #espaceRevendeur p{font-size: 12px; line-height: 1.8em;color: #666;text-align:justify;margin:0;padding:0} #teeshirts #content #centralContent #espaceRevendeur table {border-spacing: 2px 10px;border-collapse: collapse;vertical-align:top;border: 1px solid #ccc} #teeshirts #content #centralContent #espaceRevendeur tr {font-family:Arial, Helvetica, sans-serif;margin:0;padding:0;text-align:left} #teeshirts #content #centralContent #espaceRevendeur tr {background: #f2f2f2;} #teeshirts #content #centralContent #espaceRevendeur tr:nth-child(2n+2) {background: #fff} #teeshirts #content #centralContent #espaceRevendeur td {color:#666;border-collapse:collapse;border-spacing: 0px;margin:0;padding:10px 10px;font-size:12px;border-bottom:1px solid #ccc;border-right:1px solid #ccc} #teeshirts #content #centralContent #espaceRevendeur th { color:#fff;font-size: 11px;border-bottom: 1px solid #666;border-collapse:collapse;border-spacing: 0px;padding:10px ;margin:0;background: rgb(30,87,153); background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(125,185,232,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1))); background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,1) 100%); background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,1) 100%); background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,1) 100%); background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(125,185,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); } #teeshirts #content #centralContent #espaceRevendeur #uneQuestion { background: #f2f2f2; padding: 20px; margin: 20px 0; border: 2px dotted #ccc; } .uneQuestion { background:url("../images/phone.png") no-repeat center left; padding-left:50px; } #teeshirts #content #centralContent #espaceRevendeur #uneQuestion .uneQuestion span {color:#247dbb; font-size:25px;font-weight:bold} #teeshirts #content #centralContent #espaceRevendeur #uneQuestion .uneQuestion p {font-size:16px;font-weight:bold;color:#909090} #teeshirts #content #centralContent #espaceRevendeur #uneQuestion .uneQuestion p.legend {font-size: 11px;font-weight:100} #cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; background: #e2e2e2; line-height: 2em; color: #333333; font-size: 12px; font-weight: bold; }