body { background-color: #FFF; font-family: Arial, Helvetica, sans-serif; margin: 0px; } #info_select_color, #info_select_size{ position:absolute; z-index:10; margin:-10px 0 0 -135px; font-size: 10px; } #info_select_color{ margin-top: -33px;} .tooltipSizeSelection { display:none; } .tooltipSizeSelection *:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #ffeed8; border-color: #e08515; border-image: none; border-style: solid; border-width: 1px 1px 0 0; content: " "; display: block; height: 10px; position: absolute; right: 3px; transform: rotate(45deg); width: 10px; } .tooltipSizeSelection.f_bas *:after { top: 39px; } .tooltipSizeSelection.f_haut *:after { top: 18px; } .tooltipSizeSelection p { background-color: #ffeed8; border: 1px solid #e08515; font-weight: 700; height: 47px; margin-right: 8px; padding: 10px 10px 0; width: 127px; } a {text-decoration:none;color:#317c13;} a:hover {text-decoration:underline;} h3.motif_title {margin:0;color:#317c13;font-size:22px;padding:0; margin: 0;} h3.gris {margin:0 0 4px 0;color:#898989;font-size:14px;padding:0;} h3 {margin:8px 0 3px 0;color:#317c13;font-size:16px;padding:0;} p.comm_article {color:#ababab;font-size:13px;font-weight:bold;margin:0; width: 100%; float: left;} div.comm_model {font-size:11px;color:#777777;margin:2px 0 2px 0;} .entete_fd_gris {border:1px solid #ababab;float:left;background-color:#ababab;color:#ffffff;margin:0 5px 0 5px; padding: 5px; text-align:left;font-size:11px;} .cell_droite {width:340px; font-size:12px;} .icones {float:left;margin: 0 10px 10px 0px;} .enveloppe{ height: 23px; width: auto;} .label {color:#ababab;font-size:11px;font-weight:bold;text-align:left;padding:0 5px 1px 5px;} .comm_img {color:#317c13;font-size:11px;} .nav_retour{ border:none; color:#fff; font-size:12px;padding:4px 10px; background:#529e35; float: right; margin:0; border-radius: 2px;cursor:pointer; } .nav_retour:hover{ background: #317c13; text-decoration: none;} #cont_prix_valid{;margin:10px 0;padding:0;text-align:center;} #social-share {margin:0 auto;} button.social-btn { padding: 2px 6px 2px 2px; height:22px; border: 1px solid #ccc; border-radius: 2px; font-size: 12px; margin: 0; background-color:#fff; } .social-btn .btn-in { float:left; height: 20px; display:inline-block; margin:0 0 2px 5px; } .social-btn .bg-icone { float:left; width: 16px; height: 16px; } button.social-btn:hover {background-color:#dedede;} button.social-btn.btn-twitter {color: #00aaf0;border-color: #00aaf0;} .btn-twitter .bg-icone {background-image: url("/images/icones/fd-btn-twitter.png");} button.social-btn.btn-facebook {color: #435f9f;border-color: #435f9f;} .btn-facebook .bg-icone {background-image: url("/images/icones/fd-btn-facebook.png");} button.social-btn.btn-email {color: #000000;border-color: #000000;} .btn-email .bg-icone {background-image: url("/images/icones/fd-btn-email.png");} .btbNav { cursor:pointer;text-align:center;background-color:#17D533; color: #fff; font-size: 25px; height-min: 50px; line-height: 50px; } .btbNav a {color: #fff;} .btbNavGris {text-align:center; background-color: #666666; color: #fff; font-size: 18px; height-min: 45px; line-height: 45px; } .btbNavGris a {color: #fff;} #insidelogform {display:inline-block;text-align:center;width:100%} #cnx_client {background-color:#f5f5f5;text-align:center;margin:6px;float:left;width:48%;height:260px;} #cnx_newcl {background-color:#f5f5f5;margin:6px;float:left;width:48%;min-height:260px;} #cnx_pwd {background-color:#f5f5f5;text-align:center;margin:6px auto;width:48%;height:280px;} #cnx_client.msg p {margin:50px 35px 20px 35px;} #adress_livraison {display:none;} #cnx_pwd .ts2_case{font_size:12px;} #cnx_pwd #mention {text-align:left;font-size:11px;margin:20px 10px 0 10px} .btbNav {width:80%;margin:25px auto 7px auto;} .btbNavGris {margin-bottom:18px;} #cnx_client #lostlnk {text-align:center;font-size:11px;margin:0 0 0 0} #cnx_client.lostpwd {margin-left:25%;} #cnx_client.lostpwd .btbNavGris {margin-bottom:45px;} #cnx_client.lostpwd .btbNav {margin-top:45px;} #cnx_newcl .btbNav {width:40%;margin:20px auto;cursor:pointer;} #cnx_err {width: 100%; text-align:center; padding: 10px 0; font-size:18px; border-radius: 10px; color: #fff; background-color: rgb(180, 1, 0); font-weight: bold; margin: 0 0 12px 0; } #cnx_err p {font-size:13px;margin:15px} #cnx_err.cnxok {background-color: #ffffff;border:2px solid #317c13;color:#317c13;} .cell_tab {display:inline-block;float:left;margin-bottom:3px;height:22px;font-size:14px;} .cell_tab.cell_left {width:28%;} .cell_tab.cell_right {width:68%;border: 1px solid #86da5d;font-size:16px;font-weight:bold;text-align:left;padding-left:5px;max-width:400px;} .cell_tab.cell_all {width:78%;text-align:left;padding-left:28%} .info_txt {font-size:12px;color:#ababab;} .promo_bloc {font-weight:normal;display:block;font-size:14px;border: 1px solid #86da5d;margin:5px;padding:5px} .promo_bloc p.valid_cond {font-weight:normal;font-size:12px;color:#ababab;margin:13px 0 0 8px;width:100%;text-align:left} .bloc_prix {width:320px;margin:0 auto;display:block;border:1px solid black;height: 50px;line-height: 50px;margin-bottom:8px;} .bloc_prix .bloc_prix_txt {width:220px;margin:0 auto;padding:0 5px;display:inline-block;font-size: 18px;text-align: center;} .bloc_prix .bloc_prix_txt.twoligne {line-height: 25px} .bloc_prix .bloc_prix_montant {padding:0;width:75px;display:inline-block;text-align:center;font-weight:bold;font-size:18px;line-height: 25px;vertical-align:middle} .bloc_prix .bloc_prix_txt.bloc_prix_normal {background-color: #86da5d;color: #ffffff;} .bloc_prix .bloc_prix_txt.bloc_prix_reduc {background-color: #FFa8a8;color: #ffffff;} .bloc_prix_montant #newtot{padding:0 0 25px 0;} .box_comm {width: 79%;margin: 25px auto 0px auto;border: 1px solid #86da5d;font-size: 13px;text-align: left;} .btbValid {width:80%;cursor: pointer;text-align: center;background-color: #17D533;color: #fff;font-size: 25px;height-min: 50px;line-height: 50px;} #zone_comm {width: 100%;} #usertbl {width:500px;} .load_more {text-align:center;cursor:pointer;display:inline-block;width:100%;margin-top:25px;} .more_button {/*display:none;*/color:#5B5B5B;width:60%;border:1px solid #5B5B5B;margin:1px auto;height:40px;line-height:40px;} .more_button:hover {background-color:#dedede;} .newprod {display:none;} /* ################################################## menu au dessus ################################################## */ #picto-home{ position:absolute; margin:13px 0 0 -20px; z-index:1000; display: none;} #one_menu_cell {margin:0px 4px 0 4px; font-weight:bold;font-size:11px;color:#000000;float:left;} #one_menu_cell a{ color:#fff;} /********************************************** *********************************************** HEADER /********************************************** **********************************************/ #header{ width:100%; float:left;} #bandeau{ width:100%; height:52px; background:#000; float:left; border-top: 2px solid #000; } #maliste{ width:980px; margin:0 auto; height:54px;} #bandeau.#menu_cl_mobile {display:none;} #connection{ float:right;} #menu_cl { margin:15px 0 0 0; padding:0; text-align:left; float:left;} .teeshirtcase01 {font-size:10px; width:115px; border:none; padding:3px; float:left; margin:0 0 0 10px;} .teeshirtbtn01 {font-size:10px; padding:3px; border:none; background:#85da5b; color:#000; margin-left:10px; float:left; cursor:pointer;} #accroche{ width:100%; float:left; height:162px;} #accroche-inside{ width:980px; height:162px; margin:0 auto; background:url('../images/reflets-vert.jpg') no-repeat;} #acrroche_accueil{ width: 730px; float:left;} #acrroche_accueil img{ float:left; margin:0; padding:0;} #acrroche_accueil img#all-t-shirt{ float:none; position:absolute; z-index:1000; margin:70px 0 0 30px;} #mamie{ position:absolute; top:0; left:50%; margin-left:-217px; margin-top:43px;} #logo{ position:absolute; top:4px; left:50%; margin-left:-490px;} #bandeau_logo {display:none;} #filet{ width:980px; height:30px; position:absolute; top:186px; left:50%; margin-left:-490px; background:url('../images/filet.png') no-repeat center top;} /********************************************** *********************************************** CONTENT /********************************************** **********************************************/ #content{ width:100%; float:left;} #content-inside{ width:980px; margin:0 auto; padding-top:20px;} /* LEFT */ #left{ font-family: Verdana, Arial, Helvetica, sans-serif;} .frame-left{ float:left; font-size:12px;} .frame-left a{ color:#86da5d; text-decoration:none; display:block;} .frame-left a:hover{ color:#fff; text-decoration:none;} #cheque-kdo{ background:#000; text-align:center; font-size:16px; font-weight:bold; padding:5px 0;} #menu { background:#86da5d ; border-radius: 0; } #menu ul{ width:100%; float:left; margin:0; padding:10px; list-style-type:none;} #menu ul li{ width:100%; float:left; padding:3px 0 3px 5px;} #menu a{ color:#000;} #menu a.menu_gauche_on { color:#fff;} #menu a.menu_gauche0_on { color:#fff;} #menu a:hover{ color:#fff;} /* RIGHT */ #right { width:730px; margin-left:25px; float:left;} #main { width:100%; float:left;} #slide{ width:730px; height:380px; margin:0 0 10px 0; overflow:hidden; position:relative;} #collection-homme{ position:absolute; margin-left:550px; margin-top:5px; z-index:10000} #collection-femme{ position:absolute; margin-left:550px; margin-top:195px; z-index:10000} #liste{ width:100%; float:left;} .liste_ligne{ width:695px; float:left;padding:0 0 0 0;} .liste_ligne_cadre{ width:23%; float:left; text-align:left; padding:10px 10px 0 0;} .liste_ligne_cadre_inside{ width:100%; float:left; border:1px solid #CDCDCD;} .liste_ligne_cadre_inside_name{ width:100%; float:left; font-weight:bold; margin:25px 0 5px 0; padding:0 7px; font-size:12px;} .liste_ligne_cadre_inside_tags{ width:50%; float:left; padding-left:7px;} .liste_ligne_cadre_inside_prix{ width:50%; float:right; text-align:right; padding-right:5px;} .normal_prix_vign{ font-weight: bold;} .promoPrice .normal_prix_vign {font-size:30px;} #prixTS .normal_prix_vign {font-size:30px;} #pagination{ width:100%; float:left;} #pagination-inside{ width:980px; margin:0 auto; padding-top:20px;} #numerotations{ width:700px; float:left; margin-left:250px;} #numerotations p{ text-align:center;} #numerotations p a{ display:inline-block; padding:5px; background:#5b5b5b; color:#fff;border-radius:2px;} #numerotations p a:hover, #numerotations p a.pagin_on{ text-decoration:none;background:#317c13;} /* DETAIL */ #detail_produit{ width:100%; float:left;} #detail_produit_image_infos{ width:100%; float:left;} #detail_produit_thumbnail{ width:350px; float:left;} #detail_produit_thumbnails{ width:100%; float:left; font-size:12px; margin:10px 0;} #detail_produit_infos{ width:300px; float:left;text-align:left; margin-left: 25px;} div.commentaires_produits{ float:left;} div.cell_brd_gris{ float:left;} .cell_brd_gris_vign {border:none; float:left; margin:0 2px 0 0; padding:0; text-align:left;} .cell_brd_gris_vign2 {border:1px solid #CDCDCD;float:left;margin:0 6px 12px 6px; padding: 0 0 5px 12px; text-align:left;} .cell_nom_ts{font-size:13px;font-weight:bold;padding:2px 0 2px 0;height:32px;} .cell_verte {color:#fff;background:#317c13; margin:0; padding: 10px;} .cell_droite {width:100%; float:left; margin-bottom:10px; font-size:12px;} .cell_prix{ width: 30%; display:block;float:left; text-align:left; color:#000; font-size:20px; font-weight:bold;padding:0; margin-bottom: 15px; background:none; margin:0;} .cell_prix_info {text-align:left;font-size:12px; font-weight:normal; width: 70%;float: left; background: none; color: #000; padding: 5px 0 0 0;} .cell_prix_info_remise{ width: 30%; float: left; font-size: 12px; margin: 5px 0 0 0; text-align: left;} .cell_prix_vign {text-align:right;} .old_price_vign {font-weight:normal;text-decoration:line-through;font-size:15px;color:#ff0000;margin:0;display:block;} .old_price {text-decoration:line-through;color:#000;font-weight: normal;} .promo_txt {font-size:14px;font-weight:normal;margin:0;} .cell_btn_valid { width: 100%; float: left; text-align: center;} .btn_add_cart{ border:none; color:#fff; font-size:14px; text-transform: uppercase; font-weight:bold; padding:15px 20px; background:#529e35; float: left; margin:0; width: 100%; border-radius: 10px; } .btn_add_cart:hover {background-color:#317c13;cursor:pointer;} #blocAchat { /*border: 1px solid #CCC;*/ } /*#blocAchat div { border: 1px solid #CCC; display: block; }*/ #btnPanier { clear: both; display: block; } h1#nomTS { padding: 0; margin: 0; color: black; text-align: center; border-bottom: 1px solid black;font-weight: bold; font-size: 18px; } h1#nomTS span { } h2#nomSite { padding: 0; margin: 0; font-size: 12px; color: black; text-align: center; line-height: 15px; } h3.dispoTS { padding: 15px 0 0 0; margin: 0; font-size: 13px; color: green; text-align: left; line-height: 16px; } /* Modele + prix */ .modelTS { margin: 0; padding: 0; color: #666; } h4.modelTS { font: 14px; font-weight: normal; } p.modelTS { padding: 0 0 10px 0; text-align: justify; } /* Prix */ strong.prixTS { color: #000; font: 16px; } strong.promoPrice { color: red; font: 16px; } em.oldPrice { text-decoration: line-through; font: 12px; } span.promoPerc { color: red; font: 12px; } .selectedModelOn {border:2px solid #86da5d;border-radius: 10px;padding:2px;margin-right:5px;margin-top:5px;} .selectedModelOff {border:1px solid #dedede;border-radius: 10px;padding-left:2px;padding-right:2px;padding-bottom:4px;margin-right:5px;margin-top:6px;} .bloc-info-doc { background-color: #ffffff; border: 1px solid black; margin: -235px 0 0 0; position: absolute; width: 295px; z-index:1; padding: 5px; font-size: 12px; color: #999; } #articles_en_relations{ width:100%; float:left; margin-top:20px; padding-top:10px; border-top:1px dotted #86da5d;} .pages{ width:100%; float:left;} .page_desc {font-size:13px;} .page_desc_home {padding-bottom:20px} h1.titre_page, .titre_1 /*OLD h1 */ {/*background-color:#86da5d;*/width: 100%; text-align:center; padding: 10px 0; font-size:18px; border-radius: 1px; color: #fff; background-color: rgb(0, 153, 0); font-weight: bold; text-transform: uppercase; margin: 0 0 12px 0; } .page_desc_home {vertical-align:top} .page_desc_home h1.titre_page {background-color: #fff;border-radius: 0;font-size:20px; color: #000} .page_desc_home .onedesc h3 {text-align:center;margin-bottom:10px;} .page_desc_home .onedesc {display:inline-block;vertical-align:top;width:32%;text-align:justify} .page_desc_home .onedesc.onemiddle {margin:0 5px 0 5px;} /* SEARCH */ #searchPage .my_text { text-align: center;} .choisir_modele { width:550px; float:left; } .choisir_taille_lancer_recherche{ width:175px; float:right; margin:0;} .choisir_taille{ width:100%; float:left; padding:0; margin-bottom:30px;} .choisir_taille label{ width:30%; float:left; font-size:12px;} .choisir_taille select{ float:left; margin-left:0; width: 100%; padding: 5px 0; font-size:12px; color: #000; background-color: #A8DDAB; text-transform: uppercase; margin: 0 0 5px 0; } #searchPage h2 { font-size:16px; text-align:center;} #searchPage label { cursor: pointer; display: block; } .choisir_modele_check_all{ width:250px; float:left; line-height: 100px; height: 100px; font-size: 16px; background-color: #94E58E; border-radius: 10px; } .choisir_modele_check_all label { width:250px; height: 100px; text-align: center; } .choisir_modele_check{ text-align: center; font-size: 12px;width:125px; height:100px; float:left; } .lancer_recherche input { width: 100%; text-align:center; padding: 10px 0; font-size:12px; border-radius: 10px; color: #fff; background-color: rgb(0, 153, 0); font-weight: bold; text-transform: uppercase; margin: 0 0 20px 0; border: none; cursor: pointer; } /* ######################################### AJOUT CdP ######################################### */ .w30{ width: 30%;} .w50{ width: 50%;} .w70{ width: 70%;} .fs12{ font-size: 12px;} .center{ text-align: center;} .bold{ font-weight: bold;} .pb10{ padding-bottom: 10px;} .nmb{ margin-bottom: 0!important;} .txtleft{ text-align: left;} .txtupp{ text-transform: uppercase;} .teeshirtcase01, .ts2_case{ width: 200px; padding: 5px; background: #ffffff; font-size: 14px; margin: 0; border: 1px solid #86da5d;} .teeshirtcasenobrd{ width: 99%; padding: 0; background: #ffffff; font-size: 14px; margin: 0; border: none;font-weight: bold;} .error {border:2px solid red} #connection .teeshirtcase01{ width: 150px; margin-right: 10px; background: #fff;height:16px;} .teeshirtbtn02{ padding: 5px 10px; background: #86da5d; cursor: pointer; border: none; margin-top: 10px; font-size: 14px;} #cnx_pwd .ts2_case{width: 220px;font-size:13px;} .my_cell_100{ width: 100%; float: left; margin-bottom: 15px;} .lastcom {background-color:#d2f2dc;padding:10px;width:77%} .rouge{ color: #f00;} .my_ligne{ width: 100%; float: left;} .my_label{ width: 30%; float: left; margin: 0; font-size: 12px;} .my_selector{ width: 70%; float: left; margin: 0 0 10px 0;} .my_selector select{ width: 100%; font-size: 14px; font-weight: bold; padding: 2px 5px; font-size: 12px;} #table-historique{ font-size: 12px;} #table-historique thead{ width: 100%; background: #000; color: #fff;} #table-historique td{ padding: 5px; border-bottom: 1px solid #090;} #table-historique thead td{ border: none;} .left{ float: left; margin-left: 20px;} .icon-social{ height: 31px; width: auto;} .icon-retour{ height: 20px; width: auto;} .ts_caseqt { width:10px; border:none; } .btnCounter { cursor:pointer; } #disponible-perso{ margin: 0;} #disponible-perso a {display:inline-block;} #cheque{ width: 600px; height: 270px; background: url('../images/cheque.gif'); position: relative;} #cheque div{ position: absolute;} #cheque_prix_1{ margin-left: 190px; margin-top: 22px;} #cheque_prix_2{ margin-left: 500px; margin-top: 22px;} #cheque_destinataire{ margin-left: 300px; margin-top: 83px;} #cheque_montant{ margin-left: 330px; margin-top: 63px;} #cheque_main{ margin-left: 300px; margin-top: 128px;} #cheque_date{ margin-left: 440px; margin-top: 128px;} #cheque_signature{ margin-left: 494px; margin-top: 149px;} .bouton_plus_gros{ padding: 10px 20px; background: #86da5d; border: none; cursor: pointer;} #connection-mobile{ z-index: 100000000000; display: none; cursor: pointer; float: left; position: relative; margin: 0; padding: 0;} #show-left{ z-index: 100000000000; display: none; width: 100%; cursor: pointer; float: left; position: relative; background: #000; text-align: center; padding: 10px 0; margin: 10px 0 10px 0; color: #fff; font-size: 12px; text-decoration: none;} #menu li h4 { padding: 0; margin: 0;} /* GIROUX POWA */ #facebook ul, #facebook li { margin: 0; padding: 0; list-style: none; } #facebook li {display: block; float: left; width: 40px; height: 40px; } .iconesTop { float: left; } #BtnValid { width: 200px;} #iconeCompte, #iconePanier, p#connection-mobile { float: right; } p#show-left { float: left; } #iconeCompte, #iconePanier, p#connection-mobile, p#show-left { margin: 0; padding: 0; } #iconePanier a strong { display: block; font-size: 24px; text-align: center; line-height: 55px; } #iconeCompte a, #iconePanier a { display: block; } /* FOOTER */ #footer{ width:100%; float:left; font-size:12px; padding: 0; text-align: center; margin: 0; } #footer div { float: left; width: 16%; border-right: 1px #fff solid; padding: 10px 1% ; min-height: 225px; } #footer h5 { color: #fff; margin: 5px; display: block; width: 100%; height: 100px; } #footer h5 strong { display: none; } #footer #footCon { padding-left: 5%; } #footer #footSeri { padding-right: 0; border: none; } #footer #footBot { clear: both; width: 100%; border-right: none; border-top: 1px#fff solid; padding: 0 ; margin: 0 4% 0 0; min-height: 50px; } #footer #footBot h6 { text-align: center; letter-spacing: 2px; font-size: 10px; font-weight: normal; } /* > < */ #liste .liste_ligne_cadre_inside { margin:0!important; padding: 0!important; width: 150px; } #liste .imageItemGal {position:relative;width : 150px ; height : 150px ; display:block;width:150px;height:150px} #liste .imageItemGal img { display:block;width:150px;height:150px} #liste .liste_ligne_cadre_inside_name { padding:0; margin: 0 0 0 5px;} #loginPage {width: 50%; margin: 0 auto; text-align: center; } #loginPage h1, #loginPage h2, #loginPage h4 {text-align: center; } #loginPage input { margin: 0 auto 5px auto; clear: both; } /* titres */ #loginPage h4 { font-size: 12px; margin: 0; padding: 5px; } /* "boutons"*/ #loginPage h1, #loginPage h2 { border-radius: 10px; width: 50%; margin: 0 auto 20px auto; } #loginPage h1 a, #loginPage h2 a { color: #fff; display: block; padding: 10px; } #loginPage h1 a:hover, #loginPage h2 a:hover { text-decoration: none; } #loginPage h1 {background-color: grey;font-size: 12px; } #loginPage h2 { background-color: darkgreen;font-size: 15px; } #tooltype_article_add { display:none; z-index:10; position: absolute; width: 200px; height:150px; margin: 0; top: 50%; left: 50%; margin: -75px 0 0 -100px; } #tooltype_article_add {} #tooltype_article_add #in_tooltype_add {width:200px; height:150px; } #tooltype_article_add #in_tooltype_add strong { display: none; } #bottomCaddie #moreIdeas img { max-width: 150px; } #bottomCaddie #moreIdeas .topVente h4 { display: none; } /* LEFT */ #left { width:200px; float:left; } #left * { margin: 0; padding: 0; list-style:none; } #left a:hover { text-decoration: none;color:#FFF; } #new_qual a:hover { color:#000; } #left li { padding: 3px 0; font-weight: bold; font-size: 12px; } #menu ul, #new_qual ul { width:100%; float:left; margin:0;} #menu li ul { border: none; padding: 2px 0 2px 8px; background-color: transparent; } #menu li li { border: none; padding: 1px 0 1px 8px; background-color: transparent;font-weight:normal;} #menu li h4 { padding: 0; margin: 0;} #menu #catList li { font-weight: normal; font-size: 13px; text-transform: none; letter-spacing: normal; } #menu #catList a:before { content: "- "; } #new_qual { width: 90%; margin: 0 5%; } #new_qual ul { margin: 20px 0 0 0; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; letter-spacing: 1px;text-transform: uppercase; border-top: solid thin #929292;} #new_qual li { border-bottom: solid thin #929292; font-size: 12px; font-weight: normal; letter-spacing: 2px; } #new_qual a { color:#5B5B5B;} #new_qual a:before { content: " - "; } #ResoSocio { width: 190px; float: right; } #ResoSocio ul, #ResoSocio li { margin: 0; padding: 0; list-style: none; } #ResoSocio li a {display: block; float: left; width: 52px; height: 52px; border: solid 1px #5B5B5B; margin-right: 10px; } #ResoSocio li a em {display: none; } #ResoSocio ul { padding-top:20px; } /* --- DEBUT Logo remplacement --- */ #pageTS #logo{ -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; border: none; padding: 0 20px 0 20px; margin: 0; position: relative; left: 0; top: 0; } #pageTS #logo a { width: 100%; display: block; height: 50px; } #pageTS #logo img { display:none; } /* --- FIN Logo remplacement --- */ /* Tailles icones */ #iconeCompte a, #iconePanier a, p#connection-mobile, p#show-left, #ResoSocio li.LinkFB a,#ResoSocio li.LinkGG a, #ResoSocio li.LinkTW a, #ResoSocio li.LinkINS a,#ResoSocio li.LinkBLOG a{ width: 50px; height: 50px;margin-top:5px; } /* Nettoyage */ #iconeCompte *, #iconePanier *, p#connection-mobile *, p#show-left * { display: none; } #iconePanier a:hover { text-decoration: none; } /* Sprite */ /* Adresse */ #iconeCompte a, #iconePanier a, p#connection-mobile, p#show-left, #logo a, #footNew h5, #footGar h5, #footSeri h5, #footCon h5, #footKdo h5, #in_tooltype_add, #ResoSocio li.LinkFB a,#ResoSocio li.LinkINS a, #ResoSocio li.LinkTW a { background-image: url(/images/2017/Sprite-base.png); background-repeat: no-repeat;} #ResoSocio li.LinkBLOG a { background-image: url(/images/2017/iconeblog.png); background-repeat: no-repeat;} /* Position */ #iconeCompte a {background-position: -100px -70px; } #iconePanier a { background-position: -150px -70px; } p#connection-mobile { background-position: -50px -70px; } p#connection-mobile {display:none;} p#show-left { background-position: 0 -70px; } #logo a { background-position: top center; } #footCon h5 { background-position: 50% -370px; } #footNew h5 { background-position: 50% -470px; } #footKdo h5 { background-position: 50% -570px; } #footGar h5 { background-position: 50% -670px; } #footSeri h5 { background-position: 50% -770px; } #in_tooltype_add { background-position: 50% -1320px; } #ResoSocio li.LinkFB a { background-position: 0 -270px; } #ResoSocio li.LinkINS a { background-position: -50px -270px;} #ResoSocio li.LinkTW a { background-position: -100px -270px;} /* Couleur */ #iconePanier a strong { color: #FF0004; } #iconePanier a:hover, #iconeCompte a:hover, p#connection-mobile:hover , p#show-left:hover { background-color: #FF0004; } #footBot { color: #FFF; } #ResoSocio a:hover { background-color: #6DDD85; } /* couleurs foncées */ /* ----- bg colors */ #footer #footBot { background-color: #000; } #footer{ background:#86da5d; } /* ----- Travail sur la liste ----- */ .liste_ligne_cadre_inside_tags, .liste_ligne_cadre_inside_tags * { margin: 0; padding: 0; } .liste_ligne_cadre_inside_tags { width: 75px; margin-left: 5px; } .liste_ligne_cadre_inside_prix { display: inline; width:60px; font-size: 14px;margin-left: 5px; } .liste_ligne_cadre_inside_prix a { display: block; width: 15px; height: 25px; float: left; } .liste_ligne_cadre_inside_prix a:hover { text-decoration: none; } .liste_ligne_cadre_inside_prix a * { font-size: 25px; font-weight: bold;line-height: 25px; text-align: left; } #liste span.normal_prix_vign { line-height: 25px;display: block;} /* ----- END Travail sur la liste ----- */ #articles_en_relations h4 { margin: 0; padding: 0; font-size: 11px; text-align: center; } #articles_en_relations img { width: 100px; margin-right: 5px; } #articles_en_relations div.topVente { float: left; } /************************* RESPONSIVE *************************/ @media only screen and (max-width:980px){ /*#header {position:fixed;top:0;left:0;z-index:10;}*/ img {border:0; -ms-interpolation-mode:bicubic; max-width:100%; height:auto; display:block; margin-left:auto; margin-right:auto} .btbValid {margin: 25px auto 7px auto;} .none-iphone, #accroche, #accroche-inside, #mamie, #filet, #fb-root { display: none;} .liste_ligne{width:100%;padding:0} #bandeau_logo {height:44px;float:left;display:inline-block;padding-left:25px;padding-top:2px;} #bandeau_logo img {height:100%;} #logo{ background-color: #2FB724; } #maliste, #bandeau{ height: auto;} #cnx_err {margin-top:5px;} /*#disponible-perso a{ float: left; } */ #footer #footCon { padding-left: 0%; } #footer div { width: 100%; border: none; height: inherit; padding: 10px 0 0 0; border-top: 1px #fff solid; margin: 0; } #footer div h5 { display: inline; margin: 0; padding: 0; } #footer #footbot { padding: 0; } #footer #footSeri { border-top: 1px solid #fff; } #content-inside { width: 96%; float: left; border: none; padding: 0; margin: 0 2% 0 2%; position: relative; left: 0; } #right { margin:0; width:100%; } #content, #pagination,#footer { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; border: none; /*padding: 0 20px 0 20px ;*/ padding: 0 ; margin: 0 auto; position: relative; left: 0; text-align:center; } #maliste, #accroche-inside, #pagination-inside, #footer-inside, #acrroche_accueil, #bandeau, #accroche, #connection, #left, #facebook, #newsletter, #garantie, #serigraphie, #numerotations{ -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; border: none; /*padding: 0 20px 0 20px ;*/ padding: 0 ; margin: 0 auto; position: relative; left: 0; text-align:center; } #footer h5 strong { display: block; text-transform: uppercase; font-weight: normal; letter-spacing: 3px; font-size: 14px; } #footer h5 { padding: 5px; margin: 0; } #footer div { margin: 0; min-height: 20px;} /* --- DEBUT Logo remplacement --- */ h1.titre_page, .titre_1 {margin-top:15px;} #logo { display:none;} /* #logo{ -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; border: none; padding: 0 20px 0 20px; margin: 0; position: relative; left: 0; top: 0; } #logo a { width: 100%; display: block; height: 50px; } #logo img { display:none; } */ /* --- FIN Logo remplacement --- */ #acrroche_accueil img{ width: 50%; float: left;} #logo, #maliste, #accroche-inside, #pagination-inside, #footer-inside, #connection, #left, #right, #facebook, #newsletter, #garantie, #serigraphie, #numerotations{ padding: 0;} #connection{ float: left; margin: 0;} #connection{ width: 20%; } #menu, #new_qual{ width: 40%; display:block;border-radius:0;} #footer-inside{ padding-top: 20px;} #menu_cl {display:none;} #bandeau.#menu_cl_mobile {display:inline-block;} /*#connection{ display: none;}*/ #left{ display: none;} #connection-mobile, #show-left{ display: block;} #liste a img { float: left; } .imageItemGal { float: left; width: 150px!important; overflow: hidden; } #ResoSocio { display: run-in ; width: 44%; } .my_text, .choisir_modele, .choisir_taille_lancer_recherche { width: 100%; float: left; margin: 0 0 10px 0;} } @media only screen and (max-width:768px){ #header {position:fixed;top:0;left:0;z-index:10;} #content, #pagination,#footer {position: relative;left: 0;top:50px;width: 100%;} #left{ width:80%;min-width:300px;position:fixed;top:50px;z-index:110;background-color: #fff;overflow: scroll;height:95%;overflow-x: hidden;} #menu {width:100%;text-align:left;} #menu li {font-size:16px;} #menu ul {padding:10px 0 10px 0} #menu li ul li {width:92%;margin:2px;height:22px;text-align:center} #listMen ul {display:none;} #listWomen ul {display:none;} #menu ul li#advSearch {text-align:center;width:93%} #new_qual { width: 100%; margin: 0 0 10px 0} #new_qual ul li {margin:2px;height:22px;} #ResoSocio {display:inline;} #ResoSocio {width:80%;margin-bottom:100px;} #usertbl {width:100%;} #bandeau.#menu_cl_mobile {text-align:left;} #cnx_client {width:100%;margin-left:0} #cnx_pwd {width:100%;margin-left:0} #cnx_newcl {width:100%;margin-left:0} #insidelogform {margin:0} #cnx_client.lostpwd {margin-left:0} .cell_tab.cell_left {width:96%;text-align:left;margin-bottom:-5px;padding:0} .cell_tab.cell_right {width:96%;margin-bottom:8px;margin-top:0;max-width:none} .cell_tab.cell_all {width:96%;text-align:left;padding-left:2%} .page_desc_home .onedesc {display:block;width:95%;text-align:left;margin:0 0 0 5px; } .liste_ligne_cadre{ width: 100%; float: left;} .liste_ligne_cadre_inside_name, .liste_ligne_cadre_inside_tags {width:52%; display:block; padding:0;} .liste_ligne_cadre_inside span.normal_prix_vign { line-height: 25px; width: 52%; display: block; float: left; font-size: 18px; } .liste_ligne_cadre_inside_tags {margin-top:10px;} .liste_ligne_cadre_inside_prix {width:52%;float:left;text-align:left; padding:0;margin-top:20px;font-size:18px;} .liste_ligne_cadre_inside_name { width: 50%!important;} .liste_ligne_cadre_inside_tags img{ float: left; margin-right: 5px;} #div_rollover_flou1_0 table, #div_rollover_flou1_0 table tr, #div_rollover_flou1_0 table tr td{ width: 100%!important;} #liste .liste_ligne_cadre_inside { width: 100%; } #social-share {width:300px;} p.comm_article { margin: 0 0 5px 0; } div.comm_model {margin:2px 0 2px 0;display:block;width:98%;} #disponible-perso {text-align:center;} #disponible-perso a {display:inline-block;} h3.dispoTS {text-align:center;} h1#nomTS { text-align: center;font-size:24px;} #prixTS {text-align:center;} .prixTS {font-size:30px} #blocAchat { display: block; padding: 0; background-color: #fff; margin: 5px 15% 0 15%; z-index: 100;position:absolute;width:70%;} #blocAchatOut {border:1px solid #529e35;border-radius: 10px; background-color: #fff; padding:0;display: block; width:96%;position: fixed; bottom:5px;margin: 0;height: 125px;z-index: 100;} #detail_produit, #detail_produit_thumbnail, #detail_produit_infos, #articles_en_relations{ -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; border: none; /*padding: 0 20px;*/ padding: 0 ; margin: 0; position: relative; left: 0; } #detail_produit_thumbnail img {width: 100%;} #articles_en_relations .cell_brd_gris{width:18%;margin:0 0 0 2%;} } @media only screen and (max-width:640px){ /* #loginPage {width: 90%; margin: 0 auto; text-align: center; } #loginPage h1, #loginPage h2 { border-radius: 10px; width: 90%; } #detail_produit, #detail_produit_thumbnail, #detail_produit_infos, #articles_en_relations{ padding: 0;} #connection{ width: 100%} #menu, #new_qual, #ResoSocio { font-size: 10px; margin: 20px 0; width: 100%;} #connection, #left{ display: none;} #connection-mobile, #show-left{ display: block;} #connection{ margin: 10px 0;} #newsletter, #garantie, #serigraphie, #facebook{ margin: 0 0 20px 0;} #acrroche_accueil{ margin-bottom: 20px;} .liste_ligne_cadre{ width: 100%; float: left;} #menu_cl input{ margin: 0 0 10px 0;} #numerotations p a{ margin-bottom: 5px;} #main, #principal{ width: 100%!important; float: left; padding: 0; margin: 0;} #right table{ width: 100%!important; float: left; padding: 0!important;} #right table .tiers{ width: 100%!important; float: left;} .table-100{ width: 100%!important; height: auto!important;} .table-100 table{ width: 100%!important; height: auto!important;} .table-100 td{ width: 100%!important; float: left; height: auto!important;} .table-100 table.code-promo-iphone{ width: 286px!important; height: 80px!important; background-repeat: no-repeat;} .table-100 table.code-promo-iphone td{ width: 100%!important; float: left; height: auto!important;} .table-100 table.code-promo-iphone input{ float: left; margin-top: 30px; margin-left: 10px;} div.mail{ width: 100%!important; margin-left: 0!important;} */ }