body { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; color:#444;} img { border-width:0} hr { clear:both; visibility:hidden; margin:0px; padding:0px; height:0px; /*display:none;*/} form { margin:0; padding:0} .temp{ display:none} /*#colBody span { display:block; margin:2px; float:left; width:100%; } #colBody span label { float:left; width:230px; text-align:right; font-weight:bold; padding-right:10px; clear:both} #colBody span strong { float:left; width:230px; text-align:right; font-weight:bold; padding-right:10px}*/ .error { font-weight:bold; /*display:inline !important*/; color:#b80000;} .confirm { font-weight:bold; /*display:inline !important;*/ color: #32B400} .btn { text-align:center} .line1 { background-color:#ccc; /*border:1px dashed #ccc*/} .line2 { background-color:#f5f5f5; /*border:1px dashed #ccc*/} h1 { font-size:1.6em; color:#000; } h2 { font-size:1.4em; color:#333; margin-left:15px} h3 { font-size:1.2em; color:#666; margin-left:30px} a { color:#0042AB; font-size:1em; font-weight:bold; /*text-decoration:none*/} a:hover { color:#000; } .prix { font-weight:bold; font-size:1.2em; color:#f00;} .prix_3x{ font-weight:normal; font-size:12px; margin-top:1px; color:#f00;} #container { padding:10px; min-width:970px;} #header { margin-bottom:1px; } #colLeft { float:left; width:170px; margin-bottom:10px; clear:left;} /*#colRight { float:right; width:170px; margin-bottom:10px; clear:right; }*/ #colRight, #colRight2 { float:right; width:170px; margin-bottom:10px; clear:both; padding-left:10px; /*padding-top:2px;*/ border-left:2px solid #CCC; border-bottom:2px solid #CCC; } #colRight2 {border:none; clear:right;} #colBody { margin:0px 190px 10px 190px; float:none; } #colRight_arrondi{float:left; background-image:url(Images/coin_bas_gauche_menu.gif); background-repeat:no-repeat; height:7px; width:9px; margin:0px; border:none; position:relative; left:-22px; bottom:-2px; display:inline; padding:0px; font-size:1px; vertical-align:bottom;} #footer { margin-top:10px} #footer2 {} #colRight .sans_frais, #colLeft .sans_frais {border:none;} .centrer {text-align:center; } #colLeft #env_ami {text-align:center; margin-top:5px; } .btn_panier {position:relative; top:10px; } .bulles_ermax {text-align:center; font-weight:bold;} /**************************************** COLONNE DROITE OU GAUCHE ************/ .article_cellule{text-align:center;} /*.article_cellule .coin {display:none; }*/ .article_cellule .coin_gauche, .article_cellule .coin_droit, .article_cellule .coin_bas_gauche, .article_cellule .coin_bas_droit {background-image:url(mails/torx/images/espaceur.gif);} .hotline p {text-align:center; } .hotline span {display:block; } /********************************************************************************** HEADER ***********************************************************************************/ #header {margin:0px; } #logo { float:left; margin:0px; } #chezvous{ float:left; margin:20px 0px 0px 0px; } /*#onglets_catalogue {text-align:center;} /*#navCatalogue { margin:3px auto; padding:0px; border-bottom:1px solid #aaa; width:460px; white-space:nowrap; line-height:60px;}*/ #onglets_catalogue {text-align:right; float:right; margin:15px 30px 0px 0px;} #navCatalogue { margin:3px auto 0px; padding:0px; white-space:nowrap;} #navCatalogue li { list-style-type:none; display:inline; /*float:left;*/ } #navCatalogue img {margin:0px 0px /*3px*/; padding:0px; vertical-align:bottom; } #menuHeader {float:right; margin:0px; } #menuHeader li { list-style-type:none; float:left; margin:0 2px; display:inline; } #menuHeader img { display:block; margin:auto} #menuHeader li.panier { width:140px; height:70px; background:url(images/panier_cell_bgrd.gif) no-repeat;} #menuHeader li.panier img { float:left; margin:0} #menuHeader li.panier a { display:block; line-height:26px} #haut_droite {float:right; width:300px; } #haut_droite p{ padding:0px; margin:5px; float:right; } #nb_promo {text-align:center; color:#999; font-size:12px; font-weight:bold; margin-left:340px; margin-right:470px; width:auto; padding-top:40px; } /*#hd{float:right; width:150px; }*/ #hd{float:right; width:170px; text-align:center; padding:0px; margin-top:0px;} #hd span { margin:0px 3px 0px 0px; padding:0px;} #hd #haut_droite2 { margin:0px auto 0; border:1px solid #aaa; margin-right:15px;} #hd #haut_droite2 ul {margin:3px auto 5px; width:100px;} #centre_boutique {clear:left; border-top:2px solid #CCC; margin:0px 180px 15px 12px; padding-top:2px;} #centre_btq_arrondi {float:right; background-image:url(Images/coin_droit_menu.gif); background-repeat:no-repeat; height:7px; width:9px; margin:0px; border:0px; position:relative; right:-2px; top:-4px;} #centre_boutique #menuCatalogue, #centre_boutique #onglets {clear:inherit; }/* pour safari important:laisser avant la ligne suivante*/ #centre_boutique #menuCatalogue, #centre_boutique #onglets {clear:none; /*margin:0px auto;*/ margin:auto /*162px*/; width:auto;} #centre_boutique #menuCatalogue ul{width:auto; clear:none;} #centre_boutique #gauche_boutique {float:left; width:162px; /*height:95px;*/ overflow:hidden; margin:auto 0px; white-space:nowrap;} #centre_boutique #droite_boutique {float:right; width:162px; overflow:hidden; margin:auto 0px;} /********************************************************************************** MENU CATALOGUE ***********************************************************************************/ #menuCatalogue { margin:5px auto; padding:0px; text-align:center; clear:both; padding-top:5px;} /*#menuCatalogue hr {}*/ #menuCatalogue ul { list-style-type:none; margin:0px auto 0px auto; padding:0px 0px 3px 0px; text-align:center; width:700px;} #menuCatalogue li { /*float:left;*/ display:inline; margin:1px; background:url(images/bgrd_menu_left.png) top left no-repeat; } #menuCatalogue li a { /*display:block;*/ padding:2px 1px; background:url(images/bgrd_menu_right.png) top right no-repeat; } .ligne { /*border-bottom:1px solid #000;*/} .road li a,.offRoad li a { color:#0042AB; font-family: arial, sans-serif; font-weight:normal; font-size:14px; /*text-decoration:underline*/} .offRoad { /*width: 550px*/} /****************************************** BANDEAU ACCUEIL ARTICLES ***************/ #haut .coin_bas_gauche, #haut .coin_bas_droit {top:1px; } /*************** cellule article *******/ .article_caract {position:relative; top:0px; left:0px; } .article_caract .etiquette_2 {position:absolute; top:-5px;left:-10px; float:left; width:74px;height:40px;} /*********** bannieres ************/ #bannieres {text-align:center; /*height:75px;*/ vertical-align:top; margin-top:5px;} #bannieres img, .bannieres2 img {margin:0px 5px; } .bannieres2 {clear:none; text-align:center;} /************ accueil iota *****************/ .iota img {margin:5px 10px 0px 10px;} #accueil_iota {/*clear:left;*/ float:left;} #accueil_iota .article_cellule {float:left; border:1px solid #ccc; margin:5px /*10px*/; width:160px; height:240px; } #accueil_iota .article_caract span {display:inline;} /********************************************************************************** BANDEAU SPECIAL ***********************************************************************************/ #bandeau_special {clear:/*both*/left; vertical-align:bottom; background:url(images/bandeau_fond.gif) bottom; height:80px; } #bandeau_special img {margin-left:15px; float:left;} #bandeau_special .texte {font-size:24px; font-style:italic; font-weight:bold; color:#000;} #bandeau_special span {padding:45px 0px 0px 0px; margin:0px 0px 0px 5px; height:30px; vertical-align:bottom; float:left;} #bandeau_special form {float:right; padding:47px 0px 0px 0px; vertical-align:top; margin-right:10px;} #bandeau_special form p {float:left; margin:0px; padding:0px; } /********************************************************************************** ONGLETS ***********************************************************************************/ #onglets { clear:both; } #onglets ul { list-style-type:none; margin:4px auto 0; padding:0; text-align:center;} #onglets li { /*float:left;*/ display:inline; margin:0px; padding:0px; } #onglets img { background:url(onglets/bgrd_onglet_b.png) no-repeat top; margin:0px;} #onglets li:hover > a {background:none !important;} #onglets li a:hover > img { background-color:/*#FFFF00*/#FEDE27; } #onglets li a:hover{ background-color:/*#FFFF00*/#FEDE27;} /*#onglets li:hover {background-color:#fff; }*/ #onglets .fond_jaune{background-color:/*#FFFF00*/#FEDE27;} /********************************************************************************** FIL D'ARIANE ***********************************************************************************/ #ariane {clear:left;} #ariane, #ariane p { margin:15px 0 0 0; padding:0px; font-size:0.95em} /************************************************ COINS ARRONDIS ******************/ #colLeft div div, #colRight div div, #colRight2 div div{ border:none; margin-top:0px;} .coin_gauche, .coin_droit, .coin_bas_gauche, .coin_bas_droit { height:7px; width:9px; background-repeat:no-repeat; font-size:1px; margin:0px; padding:0px; position:relative; display:block; border:none; } .coin_gauche {float:left; background-image:url(Images/coin_gauche_menu.gif); top:-1px; left:-1px; clear:both; } .coin_droit {float:right; background-image:url(Images/coin_droit_menu.gif); bottom:1px; left:1px; clear:right; } .coin_bas_gauche {float:left; background-image:url(Images/coin_bas_gauche_menu.gif); top:-6px; left:-1px; } .coin_bas_droit {float:right; background-image:url(Images/coin_bas_droit_menu.gif); bottom:6px; left:1px; } /********************************************************************************** COLONNE GAUCHE ***********************************************************************************/ #colLeft div { margin:5px 0 0 0; border:1px solid #aaa; } .blocCatalogue h1, .blocEngagements h1 { font-size:1em; color:#fff; margin:1px; background-color:#aaa;} .blocCatalogue {text-align:center; } .blocCatalogue .prix {display:block; margin-top:3px;} /*.blocCatalogue .coin {display:none;}*/ .blocCatalogue .coin_gauche, .blocCatalogue .coin_droit, .blocCatalogue .coin_bas_gauche, .blocCatalogue .coin_bas_droit { background-image:url(mails/torx/images/espaceur.gif);} #colLeft .blocCatalogue, #colRight .blocCatalogue { border:/*none*/1px solid #fff; margin-top:15px;} #colLeft h1 {padding:5px; text-align:center; font-size:1em; margin:0px; } .blocCatalogue p a img { /*width:150px; height:auto*/} #colLeft ul {margin:0; padding:0;} #colLeft p { margin:0; padding:0px 5px 5px; } #colLeft li {list-style-type:none; margin:0; padding:0;} #colLeft li a { padding:1px 5px; width:158px} #colLeft li a:hover { background-color:#eee} #colLeft a { display:block; } #blocCatalogue2 { margin-top:0px; padding-top:0px; background-color:#ffd;} #blocCatalogue2 h1 {background-color:/*#ff0*/#FEDE27; margin:0px;} #blocCatalogue2 ul { margin:0; padding:0} #blocCatalogue2 ul li { font-weight:normal; font-size:1em; } #blocCatalogue2 ul li a { font-weight:normal; font-size:1em; text-decoration:none; /*overflow:hidden*/} .niveau0 {padding-left:5px !important; background-color:#ddd; font-weight:bold !important; color:#000} .niveau0 a {padding-left:5px !important; margin-left:-5px; font-weight:bold !important; width:158px} .niveau1 { padding-left:15px !important; border-bottom:1px dashed #ccc; font-weight:bold !important} .niveau1 a {padding-left:15px !important; margin-left:-15px; font-weight:bold !important; width:148px !important} .niveau2 {padding-left:25px !important; } .niveau2 a {padding-left:25px !important; margin-left:-25px; width:138px !important} .niveau3 { padding-left:35px !important; } .niveau3 a { padding-left:35px !important; margin-left:-35px; width:128px !important; display:inline; } .niveau4 {background-color:#CC9999;} .niveau5 {background-color:#CC9999;} .niveau6 {background-color:#CC9999;} .niveau7 {background-color:#CC9999;} .classe_selection_route a, .classe_selection_route a:hover{color:#fff !important; background-color:#0042AB !important; text-decoration:none; } .nb_art {color:#666; display:inline; font-size:11px; font-weight:bold; text-decoration:none;} .undrl {text-decoration:underline;} #blocAffichage/*, #blocMailing*/ { background-color:#FFF/*#6D8DBC*/; color:/*#fff*/#666; text-align:center;} #blocAffichage h1/*, #blocMailing h1*/ {background-color:/*#456689*/#DDD; color:/*#fff*/#666; margin:0} #blocAffichage h1 a {text-decoration:none; color:/*#fff*/#666; } #aff_sel { background:#6D8DBC; border:5px solid #456689; position:absolute; width:600px; height:auto; left:50%; top:60px; margin-left:-300px; z-index:99; } #colRight #aff_sel div { border:none;} /*#aff_sel div { position:absolute; width:700px; height:450px; left:0; top:0; margin-left:0; margin-top:100px; background-color:#6D8DBC; border:5px solid #456689; overflow:hidden}*/ #aff_sel ul {float:left;} #aff_sel ul li { float:none; width:140px; } #aff_sel p { text-align:center; } #blocMailing { background-color:/*#FB4D4D*/#FFF; color:#666; text-align:center;} #blocMailing h1 {background-color:/*#990000*/#DDD; color:/*#fff*/#666; margin:0} #blocMailing .com2{ width:110px; } #blocMailing .btn, #blocRecherche .btn {position:relative; top:5px;} /********************************************************************************** COLONNE DROITE ***********************************************************************************/ #colRight div, #colRight2 div { margin:5px 0 0 0; border:1px solid #aaa} #colRight h1, #colRight2 h1 {margin:0; padding:5px; text-align:center; font-size:1em} #colRight ul, #colRight2 ul {margin:0; padding:0;} #colRight p, #colRight2 p {margin:0; padding:0px 5px 5px;} #colRight li, #colRight2 li {list-style-type:none; margin:0; padding:0;} #colRight li a, #colRight2 li a { padding:1px 5px; width:158px} #colRight li a:hover, #colRight2 li a:hover { background-color:#eee} #colRight a, #colRight2 a { display:block; } #blocRecherche {background-color:/*#6D8DBC*/#FFF;} #blocRecherche h1{background-color:/*#456689*/#DDD; color:/*#fff*/#666; } /********************************************************************************** ACCUEIL ***********************************************************************************/ #listPdt {float:left; width:100%;} * html #listPdt {height: 1%;} .blocPdt { border-bottom:1px solid #eee; margin:10px 0;} .blocPdt h1 { margin:0; padding:0; font-size:1.2em} .blocPdt .img { width:70px; height:auto; overflow:hidden; float:left; text-align:center; } .blocPdt .img img{ /*width:80px;*/ height:auto; } .blocPdt .txt, .blocPdt .colori, .blocPdt .prix { margin:5px 5px 5px 90px; } /*********** image promotions (moyenne) **************/ .blocPdt .img2 { width:150px; height:auto; overflow:hidden; float:left; text-align:center; } .blocPdt .img2 img{ /*width:80px;*/ height:auto; } .blocPdt .txt2, .blocPdt .colori2, .blocPdt .prix2 { margin:5px 5px 5px 170px; } .blocPdt .reduire_marge {margin-left:5px;} /**** multipage ****/ .multipage {width:99%; height:30px;} #colBody .multipage p {line-height:30px;} #colBody .multipage .phrase, #colBody .multipage .multi_num { display:inline; line-height:30px; float:left; width:33%; text-align:center;} #colBody .multipage .multi_nb_art{ display:inline; line-height:30px; text-align:right; float:right;} #colBody .multipage .multi_num { white-space:nowrap; } #colBody .multipage .multi_num a, #colBody .multipage .multi_num span { margin: auto 2px; display:inline;} /**** multipage modeles ****/ .multipage_modeles {width:99%; height:30px; text-align:center; float:left;} #colBody .multipage_modeles p {line-height:30px;} #colBody .multipage_modeles .phrase, #colBody .multipage_modeles .multi_num { font-size:16px;display:inline; line-height:30px; margin-right:20px; } #colBody .multipage_modeles .multi_nb_art{ display:inline; line-height:30px; text-align:right; float:right;} #colBody .multipage_modeles .multi_num { white-space:nowrap; } #colBody .multipage_modeles .multi_num a, #colBody .multipage_modeles .multi_num span { margin: auto 2px; display:inline;} #fichePdt .centrer { text-align:center; } #fichePdt p {margin:1px 0; padding:0px; } #fichePdt .prix {display:inline; } #fichePdt .prix_article span {display:inline;} /*#fichePdt .centrer div {width:75%; margin-left:auto; margin-right:auto;} #fichePdt .centrer div p {height:40px; line-height:40px; margin:auto; float:left;} /*#fichePdt .center span input { margin-top:10px; border:1px solid #f00;} /********************************************************************************** PROMOTIONS ***********************************************************************************/ .ancien_prix {white-space:nowrap; text-decoration:line-through; color:#000; font-weight:normal; display:inline;} .img_promo {/*float:left;*/ vertical-align:top;} .en_promo { color:#f60; font-weight:bold; display:inline;} .a_partir {color:#000; text-decoration:none; font-weight:normal; white-space:nowrap; } .texte_prix span {margin-right:5px; float:left;} .blocPdt_promo h1 { margin:0; padding:0; font-size:1.2em} .blocPdt_promo .img { width:170px; height:auto; overflow:hidden; float:left; text-align:center; margin-top:5px; } .blocPdt_promo .txt { margin:5px 5px 5px 190px; } /********************************************************************************** BODY ***********************************************************************************/ #colBody span { display:block;} #colBody strong {} ul.etapes { list-style-type:none; border:1px solid #ccc; padding:0px 10px 10px 10px; margin-left:auto; margin-right:auto; width:500px;} ul.etapes li { height:30px; line-height:35px;} ul.etapes li img { float:left; margin:0 5px 0 0px;} #etapes h2{text-align:center; width:460px; margin-left:auto; margin-right:auto; padding:0px 20px;} /********************************************************************************** PANIER ***********************************************************************************/ #panier {} #commentaire{text-align:center;} table#panierContent { border-collapse:collapse; width:99%;} table#panierContent thead th { background-color:#ccc;} table#panierContent tbody td { border-bottom:1px solid #ccc; padding:2px 10px;} table#panierContent .totalTxt { border:0; text-align:right; white-space:nowrap; font-weight:bold; padding:5px 10px; } table#panierContent .total { background-color:#eee; white-space:nowrap; font-weight:bold; text-align:right; padding:5px 10px; border-top:1px solid #ccc;} table#panierContent input { /*height:12px;*/} table#panierContent p { margin:0px; auto; } .nowrap { white-space:nowrap; text-align:right;} /********************************************************************************** COMPTE ***********************************************************************************/ #pageCompte {} #pageCompte table#coordonnees span label, #pageCompte table#coordonnees span strong { width:80px !important} #pageCompte table#coordonnees { width:100%} #pageCompte table#coordonnees td { border:1px solid #ccc; vertical-align:top; width:50%} #pageCompte label, #pageCompte strong {width:40%; text-align:right; float:left; line-height:20px; padding-right:5px;} #pageCompte span {display:block; float:left; width:100%; line-height:20px;} #pageCompte h2, #pageCompte .centrer { text-align:center; } #pageCompte form {margin:0px; padding:0px; } #form {text-align:center; width:auto;} #form .champs {width:400px; margin-left:auto; margin-right:auto; text-align:center;} #form h2 {clear:both; } #form span label { float:left; width:200px; text-align:right; font-weight:bold; padding-right:10px; clear:both; } #form span { display:block; margin:2px; float:left; width:400px; text-align:left; line-height:20px; } #form .centrer {text-align:center;} #pageCompte2 { float:left; width:100%; text-align:center; } #pageCompte2 h2 { text-align:center; } .bouton_adresse form{ display:inline;} .bouton_adresse p {display:inline; } /**** adresses de livraison ****/ #tab_adr_liv {text-align:center; margin:0px auto;} #tab_adr_liv td {vertical-align:top; float:left; margin-left:15px;} #tab_adr_liv td p { margin-top:0px;} /**** liste des commande ****/ #list_com {width:100%; margin-bottom:10px;} #list_com td {width:25%;} .entete {background-color:#ffc;} .montant {text-align:right; padding-right:20px; } /**** détail d'une commande ****/ #com_detail h2{text-align:center;} #com_detail h3 {background-color:#ccc; margin:0px;} #com_detail p {margin-top:0px} #com_detail span {background-color:#ffc; padding-left:20px;} /********************************************************************************** COMMANDE ***********************************************************************************/ #com_choix{} #com_choix h2{ margin:0px; background-color:#ccc; text-align:center;} #com_choix table#coordonnees { width:100%; border-spacing:15px;} #com_choix table#coordonnees td { border:1px solid #aaa; vertical-align:top; width:50%; background-color:#eee; padding:0px;} #com_choix table#coordonnees td p span {display:block; padding-left:10px; } #com_choix .bouton_adresse, #com_choix .lien_adr_liv, #com_choix .centrer { text-align:center; } #mode_reglmt { background-color:#eee; margin:0px 15px; border:1px solid #aaa;} #mode_reglmt p, #mode_reglmt .mensualites { padding: 0px 10px; } #mode_reglmt .lieu_liv { color:#03f; } #recap_com {margin:0px 15px; } #recap_com h2 {background-color:#fff;} /*********** sondage ***********/ #sondage { background-color:#ecffec; margin:0px 15px; border:1px solid #aaa;} #sondage p { padding: 0px 10px; } /********************************************************************************** RECHERCHE **********************************************************************************/ #recherche {/*float:left;*/ } #list_prod {width:99%; } #list_prod thead {display:none;} #list_prod .image {width:120px; text-align:center; } #list_prod .aff_prix { text-align:right; white-space:nowrap;} #list_prod .aff_prix span {display:inline; text-align:right; } /********************************************************************************** FOOTER **********************************************************************************/ #footer { clear:both; } #footer p { margin:0; padding:0; text-align:center; } #footer #contactBas { /*background-color:#456689;*/ padding:5px 0; border-top:1px solid #456689} #footer #contactBas p { color:#666; } #footer #contactBas a { color:#ccc} #footer #contactBas .coul_tel {color:#999F02; font-size:16px; font-weight:bold} #menu {} #blocSearch { background-color:#6D8DBC; color:#fff; border:1px solid #6D8DBC; height:40px} #blocSearch form { margin:2px 10px; text-align:center; width:30%; float:left; } /************************* SELLES SPECIALES *********************************/ #sur_mesure td { border-right:1px solid #000; border-bottom:1px solid #000; } /************************* TAILLES ****************************************/ #tab_tailles { background-color:#DDDDDD; border:5px solid #999; position:absolute; width:700px; height:auto; left:50%; top:50px; margin-left:-350px; z-index:99;} #tab_tailles table { border:1px solid #000; font-weight:bold; color:#990000; margin:auto;} #tab_tailles td{text-align:center; border:1px solid #000; width:50px;} #tab_tailles .titre_ligne{width:150px} #tab_tailles .a_commander{background-color:#5BB7FD; color:#0033FF;} #tab_tailles h1{margin-top:5px; padding-bottom:0px;} #tab_tailles img{margin-top:10px;} #tab_tailles div {border:5px solid #000;} /************************ MODELES ****************************************/ .nom_modele {color:#C00; font-size:1.2em; font-weight:bold;} .modele {clear:both;} .modele .principal {float:left;} .modele .principal li{display:block; float:none; width:300px;} .modele .principal img{/*width:280px*/} .modele ul {list-style-type:none; padding-left:0px; margin-left:0px;} .modele ul li {float:left; width:100px; text-align:center;} .modele .modele_petit {height:115px; margin:2px 2px; float:left;} .modele .modele_petit li, .modele .modele_p2 {display:block; float:none; width:100px;} .modele .modele_p2{height:130px; margin:2px 2px; float:left;} .modele .img_petite {height:100px; line-height:100px; border:1px solid #CCC;} .modele .modele_prix, .modele .modele_prix2 {color:#ff0; background-color:#f00; position:absolute; z-index:90; top:-20px; left:10px; font-weight:bold; border:1px solid #000; white-space:nowrap;} .modele .modele_prix {/*width:30px;*/} .modele .modele_prix2 {font-size:20px; top:-40px; left:30px; } .modele .modele_designation {position:relative; top:0px; left:0px; /*white-space:nowrap; overflow:hidden;*/} .modele .modele_designation .mod_des{white-space:nowrap; overflow:hidden;} .modele .prc_etq1{z-index:70; font-weight:bold; background-image:url(Images/Etiquette_1.gif); background-repeat:no-repeat; padding:18px 0px ; width:60px; height:48px; color:#ff0; position:absolute; top:-100px;left:-27px;text-align:center; } .modele .prc_etq2{z-index:70; font-weight:bold; background-image:url(Images/Etiquette_1.gif); background-repeat:no-repeat; padding:18px 0px ; width:60px; height:48px; color:#ff0; position:absolute; top:-100px;left:0px;text-align:center; } /******** ETIQUETTES *****/ .etq {z-index:90; background-repeat:no-repeat; position:absolute; font-weight:bold; color:#ff0; text-align:center;} .etq1{ background-image:url(Images/etq1.png); top:-300px;left:0px; height:74px; width:75px; line-height:74px; font-size:24px;} .etq1-p{ background-image:url(Images/etq1-p.png); top:-100px;left:0px; height:38px; width:38px; line-height:38px;} .etq2{ background-image:url(Images/etq2.png); top:-300px;left:0px; height:35px; width:77px; line-height:35px; font-size:24px;} .etq2-p{ background-image:url(Images/etq2-p.png); top:-100px;left:0px; height:17px; width:38px; line-height:17px;} .etq3{ background-image:url(Images/etq3.png); top:-50px;left:0px; height:37px; width:70px; line-height:37px; font-size:24px;} .etq3-p{ background-image:url(Images/etq3-p.png); top:-100px;left:0px; height:20px; width:38px; line-height:20px;} .etq4{ background-image:url(Images/etq4.png); top:-300px;left:0px; height:58px; width:76px; line-height:58px; font-size:24px; color:#f00;} .etq4-p{ background-image:url(Images/etq4-p.png); top:-100px;left:0px; height:29px; width:38px; line-height:29px; color:#f00;} .etq5{ background-image:url(Images/etq5.png); top:-300px;left:0px; height:73px; width:75px; line-height:73px; font-size:24px; color:#f00;} .etq5-p{ background-image:url(Images/etq5-p.png); top:-100px;left:0px; height:37px; width:38px; line-height:37px; color:#f00;} .etq6{ background-image:url(Images/etq6.png); top:-300px;left:0px; height:75px; width:76px; line-height:75px; font-size:24px; color:#f00;} .etq6-p{ background-image:url(Images/etq6-p.png); top:-100px;left:0px; height:38px; width:38px; line-height:38px; color:#f00;} .etq7{ background-image:url(Images/etq7.png); top:-300px;left:0px; height:74px; width:76px; line-height:74px; font-size:24px;} .etq7-p{ background-image:url(Images/etq7-p.png); top:-100px;left:0px; height:37px; width:38px; line-height:37px;} .etq8{ background-image:url(Images/etq8.png); top:-300px;left:0px; height:58px; width:73px; line-height:58px; font-size:20px;} .etq8-p{ background-image:url(Images/etq8-p.png); top:-105px;left:0px; height:30px; width:38px; line-height:30px; font-size:12px;} .etq8-m{ background-image:url(Images/etq8-m.png); top:-105px;left:0px; height:40px; width:50px; line-height:40px; font-size:13px;} .etq9{ background-image:url(Images/etq9.png); top:-300px;left:0px; height:38px; width:76px; line-height:38px; font-size:22px;} .etq9-p{ background-image:url(Images/etq9-p.png); top:-100px;left:0px; height:19px; width:38px; line-height:19px; } /*************** RENSEIGNEMENTS **************/ #renseignements ul {list-style-type:none; margin-top:0px;} #renseignements label {width:100px; float:left; text-align:right; margin-right:10px;} #renseignements p { } .decale {margin-left:50px;} /************************* PROTEGE RESERVOIR *****************************/ #protege_reservoir table {font-size:12px;clear:both;} #protege_reservoir table td {text-align:center; vertical-align:top; } #protege_reservoir table td .promo{ z-index:80; font-weight:bold; border:1px solid #000; color:#ff0; background-color:#f00; position:absolute; top:130px; left:5px;text-align:center; padding:0px 2px;} #protege_reservoir table td .promo_img{ height:150px; line-height:150px; vertical-align:bottom; } #protege_reservoir table td .promo_texte{ vertical-align:bottom; } #protege_reservoir div {position:relative; top:0px; left:0px; } #protege_reservoir img {vertical-align:bottom;} #protege_reservoir table td .etiquette{ position:absolute; top:0px; left:0px; background-image:url(Images/Etiquette_2.gif); width:60px; height:48px; } #protege_reservoir table td .pourcentage_ombre{ position:absolute; top:2px; left:-3px; font-style:italic; font-weight:bold; font-size:36px; color:#E60006; overflow:visible; } #protege_reservoir table td .pourcentage_texte{ position:absolute; top:0px; left:-5px; font-style:italic; font-weight:bold; font-size:36px; color:#FDCA00; overflow:visible; } /************************* modele_casque *****************************/ #modele_casque table {font-size:12px;clear:both;width:100%;} #modele_casque table tr td {font-size:12px;clear:none;vertical-align:top;} #modele_casque .img { float:left;clear:none;text-align:center; position:relative;top:0px;left:0px;z-index:70;font-weight:bold;text-align:center;} #modele_casque .img2 { float:left;clear:none; height:160px; position:relative; top:0px; left:0px; text-align:center; width:110px; margin-right:2px;z-index:70;font-weight:bold;} #modele_casque .nom_modele {color:#f00; margin-bottom:5px;margin-top:10px;font-size:24px; width:100%;} #modele_casque .description_modele {margin-bottom:10px;} #modele_casque .nom_modele_casque_grande {color:#000099;} #modele_casque .prix_modele_casque_grande {font-size:36px; border:1px solid #000; color:#ff0;background-color:#f00;position:absolute;top:5px;left:5px; white-space:nowrap;} #modele_casque .prix_promo_casque_grande_image {background-image:url(Images/Etiquette_2.gif);width:60px;height:48px;color:#ff0;position:absolute;top:10px;left:120px;} #modele_casque .prix_promo_casque_petite_image {background-image:url(Images/Etiquette_2.gif);width:60px;height:48px; color:#ff0; position:absolute; top:-17px;left:-25px; } #modele_casque .prix_modele_casque_petite_texte {font-size:14px;color:#ff0; background-color:#f00;border:1px solid black;position:absolute;top:86px;left:3px;} #modele_casque .img_bordure {height:105px; border:1px solid #CCC; overflow:hidden;} .mais_aussi {font-size:16px;font-family:Verdana, Arial, Helvetica, sans-serif;color:black;text-align:left;text-decoration:underline;margin-top:10px;clear:both;} .liste_article {clear:both;font-size:16px;font-family:Verdana, Arial, Helvetica, sans-serif;color:black;text-align:left;text-decoration:underline;margin-top:25px;} /************************* modele_echappement *****************************/ .modele_echappement { position:relative; top:0px; left:0px; } .modele_echappement .nom_modele { text-align:left; color:#f00; margin-bottom:5px; font-size:24px; width:100%; clear:both; } .modele_echappement .description { width:45%; margin-top:30px; float:left; } .modele_echappement .img { width:50%; position:relative; top:0px; left:0px; float:left; } .modele_echappement .promo{ z-index:85; font-size:12px; font-weight:bold; border:1px solid #000; color:#ff0; background-color:#f00; position:absolute;top:140px; left:5px; white-space:nowrap;} .modele_echappement .promo .prix{ font-size:24px; color:#ff0;} .list { margin-top:40px; margin-bottom:50px;} .list .list_prod_modeles {width:100%; clear:both; margin-bottom:5px;} .list .list_prod_modeles .catalogue { float:left; width:70%; } .list .list_prod_modeles .aff_prix { float:left; text-align:right; width:30%; } /************************* MODELE_3 *****************************/ #modele_3 { clear:both; } #modele_3 .img { float:left; clear:none; text-align:center; position:relative; top:-20px; left:0px; height:340px; } #modele_3 .img2 { margin-bottom:20px; float:left; position:relative; top:0px; left:0px; width:130px; height:180px; } #modele_3 .img2 ul { margin-left:0px; padding-left: 0px; text-align:center; list-style-type:none; } #modele_3 .img2 ul li { margin-left:0px; padding-left: 0px; margin-right:10px; text-align:center; list-style-type:none; position:relative; top:0px; left:0px; padding-bottom:20px; } #modele_3 .nom_modele { color:#f00; margin-top:10px; font-size:24px; } #modele_3 .description_modele { margin-bottom:20px; white-space:normal; } #modele_3 .nom_modele_3_grande { z-index:70; font-weight:bold; color:#000099; text-align:center; } #modele_3 .prix_modele_3_grande { z-index:70; font-size:36px; font-weight:bold; border:1px solid #000; color:#ff0; width:100px; background-color:#f00; position:absolute; top:5px;left:30px; text-align:center;} #modele_3 .prix_modele_3_petite_image { z-index:70; font-weight:bold; background-image:url(Images/Etiquette_1.gif); width:60px; height:48px; color:#ff0; position:absolute; top:-18px;left:-27px;text-align:center; } #modele_3 .prix_modele_3_petite_texte { white-space:nowrap;font-size:16px; z-index:80; font-weight:bold; color:#ff0; position:absolute; top:-2px;left:-11px;text-align:center; } #modele_3 .prix_modele_3_droite_petite_image { z-index:70; font-weight:bold; background-image:url(Images/Etiquette_1.gif); width:60px; height:48px; color:#ff0; position:absolute; top:-18px;left:78px;text-align:center; } #modele_3 .prix_modele_3_droite_petite_texte {font-size:16px; z-index:80; font-weight:bold; color:#ff0; position:absolute; top:-2px;left:94px;text-align:center; } #modele_3 .img_bordure { text-align:center; border:1px solid #CCC; overflow:hidden; height:100px; } /************************* MODELE_4 *****************************/ #modele_4 { text-align:center; } #modele_4 .bloc { clear:both; text-align:center; position:relative; } #modele_4 .img2 { float:left; width:180px; height:340px; position:relative; top:0px; left:0px; } #modele_4 .img2 ul,#modele_4 .img ul { margin-left:0px; padding-left: 0px; padding-right:3px; list-style-type:none; overflow:hidden; } #modele_4 .img2 ul li { list-style-type:none; height:170px; } #modele_4 .img_bordure { border:1px solid #CCC; overflow:hidden; height:100px; } #modele_4 .img { float:left; height:340px; padding-right:3px; } #modele_4 .image_grande { border:1px solid #CCC; width:340px; height:270px; } #modele_4 .prix_modele_4_grande_image { z-index:70; font-size:36px; font-weight:bold; border:1px solid #000; width:100px; color:#ff0; background-color:#f00; position:relative; top:-280px;left:15px; text-align:center;} #modele_4 .prix_modele_4_petite_image {font-size:16px; z-index:80; font-weight:bold; color:#ff0; background-color:#FF0000; position:absolute; border:1px solid black; width:40px; top:260px;left:130px;text-align:center; } #modele_4 .prix_modele_4_petite_image_bis {font-size:16px; z-index:80; font-weight:bold; color:#ff0; background-color:#FF0000; position:absolute; border:1px solid black; width:40px; top:90px;left:130px;text-align:center; } #modele_4 .promo_modele_4_petite_image { z-index:80; position:absolute; width:60px; height:48px; top:180px;left:0px; background-image:url(Images/Etiquette_2.gif); } #modele_4 .promo_modele_4_petite_image_bis { z-index:80; position:absolute; top:10px; left:0px; width:60px; height:48px; background-image:url(Images/Etiquette_2.gif); } /********************* MODELE CASQUE ACCEUIL **************/ #casque_acceuil { text-align:left;} #casque_acceuil tr td { width:25%; } #casque_acceuil tr td .bloc { position:relative; top:0px; left:0px; width:100%;} #casque_acceuil tr td .bloc .prix_casque { float:left; clear:both; width:100%; white-space:nowrap; } #casque_acceuil tr td .bloc .img { float:left; height:150px; text-align:center; width:100%;white-space:nowrap;} #casque_acceuil tr td .bloc .design { float:left; clear:both; width:100%;white-space:nowrap; margin-bottom:10px; } #casque_acceuil tr td .bloc .design2 { float:left; clear:both; width:100%;} /********************* CELLULE RGP 1 *****/ .rgp1 {margin:15px 0px;} .rgp1 span, .rgp3 span {padding:0px 5px;/*display:inline; border:1px solid #000;*/} .rgp1 img {margin:0px 10px 5px 0px;} .rgp1 .list_rgp {clear:both; width:100%; text-align:right; } .rgp1 p {text-align:justify;} .rgp1 h1 {font-style:italic; color:#333;} /******************* CELLULE RGP 3 *****/ .rgp3 { margin-bottom:15px;} .rgp3 div {text-align:left; margin-top:0px;} .rgp3 .titre {font-size:20px; font-weight:bold; color:#006699; display:inline;} .rgp3 ul {list-style:none; float:left; padding:0; margin:0; margin-bottom:5px;} .rgp3 li {border:1px solid #AAA; float:left; margin:2px; text-align:center;} .rgp3 li p {margin:0px;} .rgp3 .rgp3_g{width:305px; height:350px;} .rgp3 .rgp3_m{width:155px; height:200px;} .rgp3 .rgp3_n{width:105px; height:150px;} .rgp3 .rgp3_p{width:55px; height:100px;}