/*----------------------------------*/ /*--- REMISE A ZERO DES ELEMENTS ---*/ /*----------------------------------*/ html, body, h1, h2, h3, h4, h5, h6, div, ul, ol, li, dl, dt, dd, pre, form, p, blockquote, fieldset { margin: 0px; padding: 0px;} ul,ol, li, dl, dt, dd { list-style: none;} fieldset, img, input, select, textarea { border: none;} input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 2px;} input[type="text"], input[type="password"] { height: 24px;} select { height: 25px; padding-top: 5px;} /*-----------------------*/ /*--- STYLES GENERAUX ---*/ /*-----------------------*/ body { background: #fff; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000; } /*-- Style generaux > titrage --*/ h1 { margin: 0px 0px 5px 10px; font-size: 20px; color: #cc0000;} h2 { margin: 0px 0px 5px 10px; font-size: 15px;} h3 { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 5px 0px 5px 0px; font-size: 13px; color: #cc0000;} h4 { border-bottom: 1px solid #999; margin-bottom: 10px; padding: 5px 0px 5px 10px; font-size: 11px;} h5 { margin-bottom: 30px; padding-left: 40px; font-size: 10px;} /*-- Style generaux > options d'affichage --*/ .Textimage { text-indent: -5000px;} .Invisible { display: none;} .prix { /*border: 1px solid #ddd; background: #eee;*/ margin-bottom: 3px; padding: 5px; font-weight: bold; font-size: 14px; color: #cc0000;} .erreur { background: url(../../IMAGES/visuels/alert.gif) no-repeat left top; padding: 3px 0px 5px 25px; overflow: hidden; font-weight: bold; color: #cc0000;} .erreur a { font-size: 10px; color: #cc0000;} /*-- Style generaux > boutons --*/ a.petit-lien:link, a.petit-lien:visited { font-size: 9px; color: #999;} a.petit-lien:hover { color: #fff;} /*-- Style generaux > boutons > 26px --*/ a.bt-normal:link, a.bt-normal:visited { text-decoration: none; font-weight: bold; line-height: 26px; color: #fff;} a.bt-normal:link, a.bt-normal:visited { background: url(../../IMAGES/boutons/bt-normal/bt-normal-gauche.gif) no-repeat left top; height: 26px; padding-left: 2px; display: block; float: left;} a.bt-normal:link span, a.bt-normal:visited span { background: url(../../IMAGES/boutons/bt-normal/bt-normal-droite.gif) no-repeat right top; height: 26px; padding: 0px 6px 0px 4px; display: block; float: left;} a.bt-normal:link span input[type="button"], a.bt-normal:visited span input[type="button"], a.bt-normal:link span input[type="submit"], a.bt-normal:visited span input[type="submit"] { background: none; height: 24px; font-weight: bold; padding: 0px; color: #fff;} /*-- Style generaux > boutons navigation principale > 34px --*/ a.bt-nav-principale:link, a.bt-nav-principale:visited { line-height: 34px; text-decoration: none; font-weight: bold; font-size: 16px; color: #fff;} a.bt-nav-principale:link, a.bt-nav-principale:visited { background: url(../../IMAGES/boutons/bt-nav-principale/bt-nav-principale-gauche.gif) no-repeat left top; height: 34px; padding-left: 6px; display: block; float: left;} a.bt-nav-principale:link span, a.bt-nav-principale:visited span { background: url(../../IMAGES/boutons/bt-nav-principale/bt-nav-principale-droite.gif) no-repeat right top; height: 34px; padding: 0px 9px 0px 2px; display: block; float: left;} a.bt-nav-principale:hover { line-height: 34px; text-decoration: none; font-weight: bold; font-size: 16px; color: #fff;} a.bt-nav-principale:hover { background: url(../../IMAGES/boutons/bt-nav-principale/bt-nav-principale-gauche.gif) no-repeat left bottom; height: 34px; padding-left: 6px; display: block; float: left;} a.bt-nav-principale:hover span { background: url(../../IMAGES/boutons/bt-nav-principale/bt-nav-principale-droite.gif) no-repeat right bottom; height: 34px; padding: 0px 9px 0px 2px; display: block; float: left;} a.bt-nav-principale-actif:link, a.bt-nav-principale-actif:visited { line-height: 34px; text-decoration: none; font-weight: bold; font-size: 16px; color: #fff;} a.bt-nav-principale-actif:link, a.bt-nav-principale-actif:visited { background: url(../../IMAGES/boutons/bt-nav-principale/bt-nav-principale-gauche.gif) no-repeat left bottom; height: 34px; padding-left: 6px; display: block; float: left;} a.bt-nav-principale-actif:link span, a.bt-nav-principale-actif:visited span { background: url(../../IMAGES/boutons/bt-nav-principale/bt-nav-principale-droite.gif) no-repeat right bottom; height: 34px; padding: 0px 9px 0px 2px; display: block; float: left;} /*-- Identite et connexion --*/ #Identite-connexion { background: url(../../IMAGES/visuels/support-identite.jpg) repeat-x left top; height: 135px; overflow: hidden; color: #fff;} #Identite-connexion #en-tete { width: 950px; margin: auto;} #Identite-connexion #en-tete a#logo:link, #Identite-connexion #en-tete a#logo:visited { background: url(../../IMAGES/visuels/logo.gif) no-repeat left top; width: 250px; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 105px; float: left; text-decoration: none; font-size: 40px; color: #fff;} #Identite-connexion #en-tete #accroche { margin-top: 3px; padding-bottom: 5px; display: block; font-size: 14px;} #Identite-connexion #en-tete fieldset { width: 405px; margin: 65px 0px 0px 0px; float: right;} #Identite-connexion #en-tete fieldset p { width: 160px; float: left;} #Identite-connexion #en-tete fieldset p#bienvenue { width: 400px; margin: -10px 0px 5px 0px; color: #fff;} #Identite-connexion #en-tete fieldset p#bienvenue span { margin-bottom: 10px; display: block; font-weight: bold;} #Identite-connexion #en-tete fieldset p#bienvenue a { margin-right: 10px; display: block; float: left;} #Identite-connexion #en-tete fieldset p.erreur { width: 400px; margin: -10px 0px 5px 0px; color: #fff;} #Identite-connexion #en-tete fieldset p#connect { width: 81px;} #Identite-connexion #en-tete fieldset p input[type="text"], #Identite-connexion #en-tete fieldset p input[type="password"] { width: 150px; margin-bottom: 5px;} /*-- Autopromo --*/ #Autopromo { background: url(../../IMAGES/visuels/support-auto-promo.gif) repeat-x left top; height: 300px; clear: both;} /*-- Autopromo > Slider --*/ #Autopromo #Caroussel { width: 950px; height: 270px; margin: auto; padding-top: 20px; overflow: hidden; position: relative; color: #fff;} #Autopromo #Caroussel .stepcarousel_meet { width: 997px; height: 270px; position: relative;} #Autopromo #Caroussel .stepcarousel_meet .belt { position: absolute; left: 0px; top: 0px;} #Autopromo #Caroussel .stepcarousel_meet .panel { width: 950px; height: 270px; float:left; overflow: hidden;} /*-- Autopromo > Contenu --*/ #Autopromo #Caroussel a#precedent { background: url(../../IMAGES/boutons/bt-slider/bt-slider-gauche.gif) no-repeat left top; width: 40px; height: 40px; display: block; position: absolute; left: 0px; top: 50%; z-index: 2;} #Autopromo #Caroussel a#suivant { background: url(../../IMAGES/boutons/bt-slider/bt-slider-droite.gif) no-repeat left top; width: 40px; height: 40px; display: block; position: absolute; right: 0px; top: 50%; z-index: 2;} #Autopromo #Caroussel .panel .video { width: 300px; height: 250px; margin-left: 50px; float: left;} #Autopromo #Caroussel .panel .titre { width: 520px; margin-bottom: 5px; float: left; font-size: 18px; font-weight: bold; color: #cc0000;} #Autopromo #Caroussel .panel .resume { width: 520px; margin-bottom: 5px; float: left; text-align: justify;} #Autopromo #Caroussel .panel .Encart-prix { /*border: 1px solid #ddd; background: #eee;*/ min-width: 180px; padding: 6px; float: left;} #Autopromo #Caroussel .panel .Encart-prix .Prix-en-cours { float: left; font-size: 18px; font-weight: bold; color: #cc0000;} #Autopromo #Caroussel .panel .Encart-prix .Prix-en-cours span { display: block; text-decoration: line-through; font-size: 12px; color: #000;} #Autopromo #Caroussel .panel .Encart-prix a { margin-left: 10px;} /*-- Navigation principale --*/ #Navigation-principale { background: url(../../IMAGES/visuels/support-navigation.jpg) repeat-x left top; height: 50px; margin: 10px 0px 20px 0px; overflow: hidden;} #Navigation-principale ul { width: 950px; margin: auto; overflow: hidden;} #Navigation-principale ul li a#fr { background: url(../../IMAGES/boutons/drapeaux/fr.gif) no-repeat left top; width: 28px; height: 17px; margin-top: 10px; display: block; float: left;} #Navigation-principale ul li a#en { background: url(../../IMAGES/boutons/drapeaux/us.gif) no-repeat left top; width: 28px; height: 17px; margin-top: 10px; display: block; float: left;} #Navigation-principale ul li a#de { background: url(../../IMAGES/boutons/drapeaux/de.gif) no-repeat left top; width: 28px; height: 17px; margin-top: 10px; display: block; float: left;} #Navigation-principale ul li a#it { background: url(../../IMAGES/boutons/drapeaux/it.gif) no-repeat left top; width: 28px; height: 17px; margin-top: 10px; display: block; float: left;} #Navigation-principale ul li a#es { background: url(../../IMAGES/boutons/drapeaux/es.gif) no-repeat left top; width: 28px; height: 17px; margin-top: 10px; display: block; float: left;} #Navigation-principale ul li a { margin: 5px 10px 0px 0px;} #Navigation-principale ul li .bt-normal { margin-top: 10px; float: right;} /*---------------------------*/ /*--- CONTENEUR PRINCIPAL ---*/ /*---------------------------*/ #Conteneur-principal { width: 950px; margin: auto; overflow: hidden;} /*-- Conteneur principale > Fil d'ariane --*/ #Conteneur-principal #Fil-ariane { width: 950px; margin-bottom: 20px; overflow: hidden;} #Conteneur-principal #Fil-ariane li#Picto-accueil { background: url(../../IMAGES/visuels/Picto-accueil.gif) no-repeat left top; padding-left: 20px;} #Conteneur-principal #Fil-ariane li { height: 17px; float: left; line-height: 20px;} #Conteneur-principal #Fil-ariane li a { background: url(../../IMAGES/visuels/picto-fleche.gif) no-repeat right 1px; margin: 0px 5px 0px 5px; padding-right: 10px; font-size: 9px;} #Conteneur-principal #Fil-ariane li a.actif { font-weight: bold; font-size: 9px; color: #000;} #Conteneur-principal #Fil-ariane li a.inactif:link, #Conteneur-principal #Fil-ariane li a.inactif:visited { color: #999;} #Conteneur-principal #Fil-ariane li a.inactif:hover { color: #000;} /*-------------*/ /*--- INDEX ---*/ /*-------------*/ #Conteneur-principal #Index {} #Conteneur-principal #Index ul { width: 900px; margin: 30px auto 30px auto; overflow: hidden;} #Conteneur-principal #Index ul li { float: left; text-align: center;} #Conteneur-principal #Index ul li a { text-decoration: none; font-size: 16px; color: #cc0000;} #Conteneur-principal #Index ul li a#Sextoys { background: url(../../IMAGES/boutons/accueil/sex-toys-gay.jpg) no-repeat left top; width: 200px; height: 227px; display: block;} #Conteneur-principal #Index ul li a#Sextoys span { padding-top: 220px; display: block;} #Conteneur-principal #Index ul li a#Sextoys span span { padding: 0px; font-size: 11px; color: #000; text-decoration: underline;} #Conteneur-principal #Index ul li a#DVD { background: url(../../IMAGES/boutons/accueil/dvd-gay.jpg) no-repeat left top; width: 430px; height: 409px; display: block;} #Conteneur-principal #Index ul li a#DVD span { padding-top: 310px; display: block;} #Conteneur-principal #Index ul li a#DVD span span { padding: 0px; font-size: 11px; color: #000; text-decoration: underline;} #Conteneur-principal #Index ul li a#Accessoires { background: url(../../IMAGES/boutons/accueil/accessoires-gay.jpg) no-repeat left top; width: 200px; height: 227px; display: block;} #Conteneur-principal #Index ul li a#Accessoires span { padding-top: 230px; display: block;} #Conteneur-principal #Index ul li a#Accessoires span span { padding: 0px; font-size: 11px; color: #000; text-decoration: underline;} #Conteneur-principal #Index #Infos-legales { background: #eee; width: 850px; margin: -70px auto 50px auto; padding: 10px; font-size: 12px; position: relative; z-index: 2;} #Conteneur-principal #Index #Infos-legales h3 { font-size: 20px;} #Conteneur-principal #Index #Infos-legales a { color: #cc0000;} #Conteneur-principal #Index #Infos-legales a#mineur { border: 1px solid #999; background: #eee; padding: 5px; position: absolute; right: 10px; top: 10px; font-weight: bold; text-decoration: none;} #Conteneur-principal #Index #Infos-legales a#mineur:hover { border: 1px solid #000; background: #fff; color: #000;} /*---------------*/ /*--- ACCUEIL ---*/ /*---------------*/ #Conteneur-principal #Accueil { margin-bottom: 30px; overflow: hidden;} #Conteneur-principal #Accueil h1 { border-bottom: 1px solid #ccc; margin: 0px 0px 30px 0px; padding-bottom: 10px;} #Conteneur-principal #Accueil h2 { background: url(../../IMAGES/visuels/support-identite.jpg) repeat-x left top; border-bottom: 1px solid #ccc; margin: 0px 0px 10px 0px; padding: 10px 0px 10px 15px; color: #fff;} #Conteneur-principal #Accueil h2 a { text-decoration: none; color: #fff;} #Conteneur-principal #Accueil #Dvd { border: 1px solid #ccc; width: 350px; margin-bottom: 20px; float: left; overflow: hidden;} #Conteneur-principal #Accueil #Dvd ul { width: 120px; margin: 0px 15px 25px 15px; padding: 10px; float: left;} #Conteneur-principal #Accueil #Dvd ul:hover { background: #eee;} #Conteneur-principal #Accueil #Dvd ul li { overflow: hidden; text-align: center;} #Conteneur-principal #Accueil #Dvd ul li.titre { height: 38px; margin-bottom: 5px;} #Conteneur-principal #Accueil #Dvd ul li.titre a { font-weight: bold; font-size: 10px; color: #000;} #Conteneur-principal #Accueil #Dvd ul li.prix { height: 28px;} #Conteneur-principal #Accueil #Dvd ul li.prix span { display: block; text-decoration: line-through; font-size: 12px; color: #000;} #Conteneur-principal #Accueil #Dvd ul:hover li.prix { background: #fff;} #Conteneur-principal #Accueil #Dvd ul li a { color: #cc0000;} #Conteneur-principal #Accueil #Dvd ul li a img { height: 170px; margin-bottom: 5px;} #Conteneur-principal #Accueil #Accessoires ul, #Conteneur-principal #Accueil #Intime ul, #Conteneur-principal #Accueil #Stimulants ul { width: 100px; margin: 0px 25px 13px 30px; padding: 5px; float: left;} #Conteneur-principal #Accueil #Accessoires ul:hover, #Conteneur-principal #Accueil #Intime ul:hover, #Conteneur-principal #Accueil #Stimulants ul:hover { background: #eee;} #Conteneur-principal #Accueil #Accessoires ul li, #Conteneur-principal #Accueil #Intime ul li, #Conteneur-principal #Accueil #Stimulants ul li { overflow: hidden; text-align: center;} #Conteneur-principal #Accueil #Accessoires ul li.titre, #Conteneur-principal #Accueil #Intime ul li.titre, #Conteneur-principal #Accueil #Stimulants ul li.titre { height: 28px; margin-bottom: 5px;} #Conteneur-principal #Accueil #Accessoires ul li.titre a, #Conteneur-principal #Accueil #Intime ul li.titre a, #Conteneur-principal #Accueil #Stimulants ul li.titre a { font-weight: bold; font-size: 10px; color: #000;} #Conteneur-principal #Accueil #Accessoires ul li.prix, #Conteneur-principal #Accueil #Intime ul li.prix, #Conteneur-principal #Accueil #Stimulants ul li.prix { height: 28px;} #Conteneur-principal #Accueil #Accessoires ul li.prix span, #Conteneur-principal #Accueil #Intime ul li.prix span, #Conteneur-principal #Accueil #Stimulants ul li.prix span { display: block; text-decoration: line-through; font-size: 12px; color: #000;} #Conteneur-principal #Accueil #Accessoires ul:hover li.prix, #Conteneur-principal #Accueil #Intime ul:hover li.prix, #Conteneur-principal #Accueil #Stimulants ul:hover li.prix { background: #fff;} #Conteneur-principal #Accueil #Accessoires ul li a, #Conteneur-principal #Accueil #Intime ul li a, #Conteneur-principal #Accueil #Stimulants ul li a { color: #cc0000;} #Conteneur-principal #Accueil #Accessoires ul li a img, #Conteneur-principal #Accueil #Intime ul li a img, #Conteneur-principal #Accueil #Stimulants ul li a img { width: 75px; height: 75px; margin: 0px 0px 5px 13px;} #Conteneur-principal #Accueil #Accessoires, #Conteneur-principal #Accueil #Intime, #Conteneur-principal #Accueil #Stimulants { border: 1px solid #ccc; width: 350px; margin: 0px 0px 20px 20px; float: left; overflow: hidden;} #Conteneur-principal #Accueil #Promotions { border: 1px solid #ccc; width: 725px; clear: both; overflow: hidden;} #Conteneur-principal #Accueil #Promotions ul { width: 120px; margin: 0px 10px 10px 10px; padding: 10px; float: left;} #Conteneur-principal #Accueil #Promotions ul:hover { background: #eee;} #Conteneur-principal #Accueil #Promotions ul li { overflow: hidden; text-align: center;} #Conteneur-principal #Accueil #Promotions ul li.titre { height: 25px; margin-bottom: 5px;} #Conteneur-principal #Accueil #Promotions ul li.titre a { font-weight: bold; font-size: 10px; color: #000;} #Conteneur-principal #Accueil #Promotions ul:hover li.prix { background: #fff;} #Conteneur-principal #Accueil #Promotions li.prix span { display: block; text-decoration: line-through; font-size: 11px; color: #000;} #Conteneur-principal #Accueil #Promotions ul li a { color: #cc0000;} #Conteneur-principal #Accueil #Promotions ul li a img { height: 170px; margin-bottom: 5px;} #Conteneur-principal #Accueil .ban-330px { width: 330px; margin: 0px auto 0px auto;} #Conteneur-principal #Accueil .ban-708px { width: 708px; margin: 0px auto 0px auto;} /*-------------*/ /*--- V.O.D ---*/ /*-------------*/ #Conteneur-principal #vod .haut { background: url(../../IMAGES/conteneurs/espace-client/grand-conteneur/haut-espace-client.gif) no-repeat left top; width: 950px; height: 5px; margin-top: 20px;} #Conteneur-principal #vod .milieu { background: url(../../IMAGES/conteneurs/espace-client/grand-conteneur/milieu-espace-client.gif) repeat-y; width: 950px; padding: 20px 0px 20px 0px; overflow: hidden;} #Conteneur-principal #vod .milieu h1 { margin-bottom: 20px; text-align: center;} #Conteneur-principal #vod .milieu h1 span { display: block; color: #000;} #Conteneur-principal #vod .milieu .site { border: 1px solid #ccc; width: 850px; margin: 0px auto 20px auto; padding: 10px; overflow: hidden; position: relative;} #Conteneur-principal #vod .milieu .site:hover { background: #f3f3f3;} #Conteneur-principal #vod .milieu .site img { width: 240px; float: left;} #Conteneur-principal #vod .milieu .site h2 { width: 580px; margin-left: 20px; float: left;} #Conteneur-principal #vod .milieu .site h3 { width: 580px; margin: 0px 0px 10px 20px; float: left;} #Conteneur-principal #vod .milieu .site p { width: 580px; margin: 0px 0px 10px 20px; float: left; overflow: hidden;} #Conteneur-principal #vod .milieu .site p.nb-videos { background: #fff; width: 150px; padding: 5px; position: absolute; right: 10px; top: 10px; font-size: 11px;} #Conteneur-principal #vod .milieu .site a.visiter { position: absolute; left: 10px; top: 180px;} #Conteneur-principal #vod .milieu .site a.visiter span { width: 228px; text-align: center;} #Conteneur-principal #vod .milieu .site .galerie-videos { width: 580px; margin: 0px 0px 10px 20px; float: left;} #Conteneur-principal #vod .milieu .site .galerie-videos ul { width: 120px; margin: 0px 15px 0px 0px; padding: 5px; float: left;} #Conteneur-principal #vod .milieu .site .galerie-videos ul:hover { background: #fff;} #Conteneur-principal #vod .milieu .site .galerie-videos ul li { width: 120px; overflow: hidden;} #Conteneur-principal #vod .milieu .site .galerie-videos ul li.titre { height: 35px; margin-bottom: 5px; text-align: center; color: #000;} #Conteneur-principal #vod .milieu .site .galerie-videos ul li.titre a { text-decoration: none; font-size: 10px; color: #000;} #Conteneur-principal #vod .milieu .site .galerie-videos ul li a { width: 120px; display: block; font-size: 10px;} #Conteneur-principal #vod .milieu .site .galerie-videos ul li a img { width: 120px; height: 90px; margin-bottom: 5px;} #Conteneur-principal #vod .milieu .site .galerie-videos ul li a.bt-normal span { width: 108px; text-align: center;} #Conteneur-principal #vod .bas { background: url(../../IMAGES/conteneurs/espace-client/grand-conteneur/bas-espace-client.gif) no-repeat left top; width: 950px; height: 5px; margin-bottom: 40px;} /*-- Conteneur principale > Colonne gauche --*/ #Conteneur-principal #Colonne-gauche { width: 728px; margin: 0px 17px 20px 0px; float: left;} /*-- Conteneur principale > Colonne gauche > Options de recherche --*/ #Conteneur-principal #Colonne-gauche #Options-de-recherche { background: url(../../IMAGES/visuels/recherche.gif) no-repeat left top; width: 728px; height: 101px; margin-bottom: 20px; overflow: hidden;} #Conteneur-principal #Colonne-gauche #Options-de-recherche a#Kdo-vod { padding-top: 2px; display: block; text-align: center; letter-spacing: 1px; color: #fff;} #Conteneur-principal #Colonne-gauche #Options-de-recherche fieldset { background: url(../../IMAGES/visuels/filet-recherche.gif) no-repeat 0px 2px; width: 242px; height: 80px; margin-top: 5px; float: left;} #Conteneur-principal #Colonne-gauche #Options-de-recherche fieldset p { text-align: center;} #Conteneur-principal #Colonne-gauche #Options-de-recherche fieldset p label { margin: 15px 0px 15px 0px; display: block; font-weight: bold;} #Conteneur-principal #Colonne-gauche #Options-de-recherche fieldset p select {} #Conteneur-principal #Colonne-gauche #Options-de-recherche fieldset p input[type="text"] { width: 150px; margin-left: 28px; float: left;} #Conteneur-principal #Colonne-gauche #Options-de-recherche fieldset p .bt-normal { margin-left: 10px;} /*-- Conteneur principale > Colonne gauche > banniere --*/ #Conteneur-principal #Colonne-gauche #ban-728px { background: url(../../IMAGES/bannieres/soldes-ete-2010.jpg) no-repeat left top; width: 728px; height: 113px; margin-bottom: 20px; display: block;} #Conteneur-principal #Colonne-gauche #ban-728px a { display: block; width: 728px; height: 113px;} /*-- Conteneur principale > Colonne gauche > Encart soldes --*/ #Conteneur-principal #Colonne-gauche #Encart-soldes { width: 728px; margin-bottom: 20px;} #Conteneur-principal #Colonne-gauche #Encart-soldes #haut { background: url(../../IMAGES/encart-soldes/haut-soldes.jpg) no-repeat left top; width: 728px; height: 41px;} #Conteneur-principal #Colonne-gauche #Encart-soldes #milieu { background: url(../../IMAGES/encart-soldes/milieu-soldes.jpg) repeat-y; width: 728px; overflow: hidden;} #Conteneur-principal #Colonne-gauche #Encart-soldes #milieu ul { width: 700px; margin: 15px auto 15px auto; overflow: hidden;} #Conteneur-principal #Colonne-gauche #Encart-soldes #milieu ul li { width: 122px; height: 76px; margin: 0px 8px 0px 10px; float: left;} #Conteneur-principal #Colonne-gauche #Encart-soldes #milieu ul li a { width: 122px; height: 76px; display: block;} #Conteneur-principal #Colonne-gauche #Encart-soldes #bas { background: url(../../IMAGES/encart-soldes/bas-soldes.jpg) no-repeat left top; width: 728px; height: 5px;} /*-- Conteneur principale > Colonne gauche > Contenu --*/ #Conteneur-principal #Colonne-gauche #Contenu { overflow: hidden;} /*-- Conteneur principale > Colonne gauche > Contenu > Fiche produit --*/ #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit { margin-bottom: 10px; overflow: hidden;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit h1 { width: 450px; float: left;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit h2 { width: 450px; float: left;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit p#illustration { width: 240px; margin-bottom: 30px; float: left;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit p { width: 450px; margin: 0px 0px 10px 10px; float: left; text-align: justify;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Bande-annonce { background: url(../../IMAGES/visuels/fond-bande-annonce.jpg) repeat-x left top; width: 728px; height: 200px; margin: 20px 0px 20px 0px; padding-top: 20px; clear: both; text-align: center;} /*-- Conteneur principale > Colonne gauche > Contenu > Fiche produit > Encart prix --*/ #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Encart-prix { /*border: 1px solid #ddd; background: #eee;*/ min-width: 200px; padding: 6px; float: right;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Encart-prix .Prix-en-cours { float: left; font-size: 18px; font-weight: bold; color: #cc0000;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Encart-prix .Prix-en-cours span { display: block; text-decoration: line-through; font-size: 12px; color: #000;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Encart-prix a { margin: 0px 0px 0px 10px;} /*-- Conteneur principale > Colonne gauche > Contenu > Fiche produit > galerie --*/ #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #galerie { margin-bottom: 30px; clear: both; overflow: hidden;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #galerie .haut { background: url(../../IMAGES/conteneurs/galerie/haut-conteneur-galerie.gif) no-repeat left top; width: 728px; height: 5px;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #galerie .milieu { background: url(../../IMAGES/conteneurs/galerie/milieu-conteneur-galerie.gif) repeat-y; width: 728px; overflow: hidden;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #galerie .milieu ul { width: 700px; margin: 10px auto 10px auto; overflow: hidden;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #galerie .milieu ul li { margin: 5px; float: left;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #galerie .milieu ul li img { width: 220px;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #galerie .bas { background: url(../../IMAGES/conteneurs/galerie/bas-conteneur-galerie.gif) no-repeat left top; width: 728px; height: 5px;} /*-- Conteneur principale > Colonne gauche > Contenu > Fiche produit > Suggestion intelligente --*/ #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente { margin-bottom: 20px; overflow: hidden;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul { width: 150px; margin: 0px 13px 0px 5px; padding: 7px; float: left;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul:hover { background: #eee;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul:hover .prix { background: #fff;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul li { text-align: center;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul li a { margin: 0px; color: #cc0000;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul li a img { width: 150px; height: 200px;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul li.titre { margin-bottom: 5px; font-weight: bold;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul li.titre a { text-decoration: none; color: #000;} /*-- Conteneur principale > Colonne gauche > Contenu > Fiche produit > Suggestion intelligente > Produits 120x120px --*/ #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul.mini { width: 120px; margin: 0px 20px 0px 26px; padding: 7px; float: left;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul.mini:hover { background: #eee;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul.mini:hover .prix { background: #fff;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul.mini li { text-align: center; clear: both; overflow: hidden;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul.mini li a { margin: 0px; color: #cc0000; clear: both;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul.mini li a img { width: 120px; height: 120px;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul.mini li.titre { margin-bottom: 5px; overflow: hidden; font-weight: bold;} #Conteneur-principal #Colonne-gauche #Contenu #Fiche-produit #Suggestion-intelligente ul.mini li.titre a { text-decoration: none; color: #000;} /*-- Conteneur principale > Colonne gauche > Contenu > Galerie de produits --*/ #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits { margin: 0px 0px 50px 0px; overflow: hidden; position: relative; overflow: hidden;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits #affinage { width: 100px; position: absolute; right: 20px; top: 8px;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits .haut { background: url(../../IMAGES/conteneurs/galerie/haut-conteneur-galerie.gif) no-repeat left top; width: 728px; height: 5px;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits .milieu { background: url(../../IMAGES/conteneurs/galerie/milieu-conteneur-galerie.gif) repeat-y; width: 728px; overflow: hidden;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits .bas { background: url(../../IMAGES/conteneurs/galerie/bas-conteneur-galerie.gif) no-repeat left top; width: 728px; height: 5px;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul { width: 150px; margin: 20px 10px 10px 10px; padding: 5px; float: left;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul:hover { background: #eee;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul .prix span { text-decoration: line-through; font-size: 11px; color: #000;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul:hover .prix { background: #fff;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul li { clear: both; text-align: center;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul li a { margin: 0px; padding: 0px; color: #cc0000;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul li a img { width: 150px; height: 220px;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul li.titre { height: 30px; margin-bottom: 5px; overflow: hidden; font-weight: bold;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul li.titre a { text-decoration: none; color: #000;} /*-- Conteneur principale > Colonne gauche > Contenu > Galerie de produits > Produit 120x120px --*/ #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul.mini { width: 120px; margin: 20px 20px 20px 28px; padding: 5px; float: left;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul.mini:hover { background: #eee;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul.mini .prix { height: 30px;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul.mini .prix span { display: block; text-decoration: line-through; font-size: 11px; color: #000;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul.mini:hover .prix { background: #fff;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul.mini li { clear: both; text-align: center;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul.mini li a { margin: 0px; padding: 0px; color: #cc0000;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul.mini li a img { width: 120px; height: 120px;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul.mini li.titre { height: 30px; margin-bottom: 5px; overflow: hidden; font-weight: bold;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits ul.mini li.titre a { text-decoration: none; color: #000;} /*-- Conteneur principale > Colonne gauche > Contenu > Galerie de produits > Pagination --*/ #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits #Pagination { width: 728px; text-align: center; clear: both;} #Conteneur-principal #Colonne-gauche #Contenu #Galerie-produits #Pagination a { font-weight: bold; color: #000;} /*-- Conteneur principale > Colonne droite --*/ #Conteneur-principal #Colonne-droite { width: 205px; float: left; overflow: hidden;} /*-- Conteneur principale > Colonne droite > Panier --*/ #Conteneur-principal #Colonne-droite #Panier { margin-bottom: 20px; overflow: hidden;} #Conteneur-principal #Colonne-droite #Panier .haut { background: url(../../IMAGES/conteneurs/petit/haut-petit-conteneur.gif) no-repeat left top; width: 204px; height: 4px;} #Conteneur-principal #Colonne-droite #Panier .milieu { background: url(../../IMAGES/conteneurs/petit/milieu-petit-conteneur.gif) repeat-y; width: 204px; overflow: hidden;} #Conteneur-principal #Colonne-droite #Panier .milieu ul { border-bottom: 1px solid #fff; width: 185px; margin: 0px auto 5px auto; padding-bottom: 5px; overflow: hidden;} #Conteneur-principal #Colonne-droite #Panier .milieu ul .produit { width: 120px; float: left;} #Conteneur-principal #Colonne-droite #Panier .milieu ul .prix { width: 50px; margin: 0px; padding: 5px; float: left; font-size: 11px;} #Conteneur-principal #Colonne-droite #Panier .milieu ul .supprimer { float: right;} #Conteneur-principal #Colonne-droite #Panier .milieu ul .supprimer a { margin-right: 8px; font-size: 9px; color: #666;} #Conteneur-principal #Colonne-droite #Panier .milieu ul .supprimer a:hover { color: #000;} #Conteneur-principal #Colonne-droite #Panier .milieu .bt-normal { margin: 10px 0px 5px 5px;} #Conteneur-principal #Colonne-droite #Panier .milieu .bt-normal span { width: 182px; text-align: center;} #Conteneur-principal #Colonne-droite #Panier .milieu p { width: 190px; margin: auto; text-align: right;} #Conteneur-principal #Colonne-droite #Panier .bas { background: url(../../IMAGES/conteneurs/petit/bas-petit-conteneur.gif) no-repeat left top; width: 204px; height: 4px;} /*-- Conteneur principale > Colonne droite > Banniere --*/ #Conteneur-principal #Colonne-droite #Banniere { width: 160px; margin: auto; overflow: hidden;} #Conteneur-principal #Colonne-droite #Banniere .encart { width: 160px; margin: 10px auto 20px auto; overflow: hidden;} #Conteneur-principal #Colonne-droite #Banniere .encart ul { width: 160px; text-align: center; clear: both; overflow: hidden;} #Conteneur-principal #Colonne-droite #Banniere .encart ul li { clear: both; overflow: hidden;} #Conteneur-principal #Colonne-droite #Banniere .encart ul li.titre a { font-weight: bold; color: #000;} #Conteneur-principal #Colonne-droite #Banniere .encart ul li.prix span { display: block; font-size: 10px; text-decoration: line-through; color: #000;} /*----------------------*/ /*--- ESPACE CLIENT ---*/ /*----------------------*/ #Conteneur-principal #Espace-client { width: 950px;} #Conteneur-principal #Espace-client .haut { background: url(../../IMAGES/conteneurs/espace-client/grand-conteneur/haut-espace-client.gif) no-repeat left top; width: 950px; height: 5px; margin-top: 20px;} #Conteneur-principal #Espace-client .milieu { background: url(../../IMAGES/conteneurs/espace-client/grand-conteneur/milieu-espace-client.gif) repeat-y; width: 950px; padding: 20px 0px 20px 0px; overflow: hidden; position: relative;} #Conteneur-principal #Espace-client .milieu #illustration { background: url(../../IMAGES/conteneurs/espace-client/illustration.gif) no-repeat left top; width: 327px; height: 477px; position: absolute; left: 25px; top: 30px;} #Conteneur-principal #Espace-client .milieu #illustration2 { background: url(../../IMAGES/conteneurs/espace-client/illustration2.gif) no-repeat left top; width: 327px; height: 477px; position: absolute; left: 50px; top: 0px;} #Conteneur-principal #Espace-client .milieu #illustration3 { background: url(../../IMAGES/conteneurs/espace-client/illustration3.gif) no-repeat left top; width: 327px; height: 477px; position: absolute; left: 50px; top: 0px;} #Conteneur-principal #Espace-client .milieu p.erreur { width: 500px; margin: 0px auto 0px auto;} /* Service client > Conteneur milieu > Connexion */ #Conteneur-principal #Espace-client .milieu #connexion { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #connexion p.infos { width: 540px; margin: 0px auto 20px auto;} #Conteneur-principal #Espace-client .milieu #connexion p.infos a { text-decoration: underline; font-weight: bold; color: #C00;} #Conteneur-principal #Espace-client .milieu #connexion p.connect { margin: 0px 0px 0px 10px; float: left;} #Conteneur-principal #Espace-client .milieu #connexion p.connect a.petit-lien { margin: 3px 0px 0px 80px; display: block; color: #000;} /* Service client > Conteneur milieu > Nouveau compte */ #Conteneur-principal #Espace-client .milieu #nouveau-compte { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #nouveau-compte p.infos { width: 540px; margin: 0px auto 10px auto;} #Conteneur-principal #Espace-client .milieu #nouveau-compte a { margin: 5px 0px 0px 205px;} /* Service client > Conteneur milieu > Hotline */ #Conteneur-principal #Espace-client .milieu #hotline { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #hotline p.infos { text-align: center; font-weight: bold; font-size: 14px;} #Conteneur-principal #Espace-client .milieu #hotline p.infos span { display: block; font-weight: normal; font-size: 12px;} /* Service client > Conteneur milieu > Creation nouveau compte */ #Conteneur-principal #Espace-client .milieu #creation-nouveau-compte { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #creation-nouveau-compte p.infos { width: 540px; margin: 0px auto 20px auto;} #Conteneur-principal #Espace-client .milieu #creation-nouveau-compte p.connect { margin: 20px -60px 40px 70px; float: left;} #Conteneur-principal #Espace-client .milieu #creation-nouveau-compte p input[type="text"], #Conteneur-principal #Espace-client .milieu #creation-nouveau-compte p .champ { width: 350px;} /* Service client > Conteneur milieu > Accueil compte */ #Conteneur-principal #Espace-client .milieu #accueil-compte { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #accueil-compte p { border: 1px solid #fff; width: 450px; height: 30px; margin: 0px 0px 20px 40px; padding: 10px; overflow: hidden; position: relative; font-weight: bold;} #Conteneur-principal #Espace-client .milieu #accueil-compte p:hover { background: #fff;} #Conteneur-principal #Espace-client .milieu #accueil-compte p span { display: block; font-weight: normal;} #Conteneur-principal #Espace-client .milieu #accueil-compte p a { float: right; top: 0px; position: absolute; right: 10px; top: 12px;} #Conteneur-principal #Espace-client .milieu #accueil-compte p a span { font-weight: bold;} /* Service client > Conteneur milieu > Compte newsletter */ #Conteneur-principal #Espace-client .milieu #compte-newsletter { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #compte-newsletter p { width: 500px; margin: 0px auto 20px auto; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #compte-newsletter p label { float: left;} #Conteneur-principal #Espace-client .milieu #compte-newsletter p span { height: 20px; display: block; float: left;} #Conteneur-principal #Espace-client .milieu #compte-newsletter p span#fr { background: url(../../IMAGES/boutons/drapeaux/fr.gif) no-repeat left top; height: 20px; margin-left: 20px; padding-left: 40px;} #Conteneur-principal #Espace-client .milieu #compte-newsletter p span#us { background: url(../../IMAGES/boutons/drapeaux/us.gif) no-repeat left top; height: 20px; margin-left: 40px; padding-left: 40px;} #Conteneur-principal #Espace-client .milieu #compte-newsletter ul { width: 500px; margin: 0px auto 20px auto; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #compte-newsletter ul li { border: 1px solid #fff; width: 200px; margin: 5px; padding: 5px; float: left;} #Conteneur-principal #Espace-client .milieu #compte-newsletter ul li:hover { background: #fff;} #Conteneur-principal #Espace-client .milieu #compte-newsletter a.gauche { margin-left: 35px;} #Conteneur-principal #Espace-client .milieu #compte-newsletter a.droite { margin-right: 90px; float: right;} /* Service client > Conteneur milieu > Compte adresse */ #Conteneur-principal #Espace-client .milieu #compte-adresse { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #compte-adresse fieldset p { width: 500px; margin: 0px auto 15px auto; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #compte-adresse fieldset p label { width: 155px; display: block; float: left;} #Conteneur-principal #Espace-client .milieu #compte-adresse fieldset p input[type="text"], #Conteneur-principal #Espace-client .milieu #compte-adresse fieldset p textarea, #Conteneur-principal #Espace-client .milieu #compte-adresse fieldset p select, #Conteneur-principal #Espace-client .milieu #compte-adresse fieldset p .champ { width: 330px; height: inherit; margin-left: 10px;} #Conteneur-principal #Espace-client .milieu #compte-adresse fieldset a.gauche { margin-left: 30px;} #Conteneur-principal #Espace-client .milieu #compte-adresse fieldset a.droite { margin-right: 30px; float: right;} /* Service client > Conteneur milieu > Compte adresse */ #Conteneur-principal #Espace-client .milieu #compte-mot-de-passe { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #compte-mot-de-passe p { width: 500px; margin: 0px auto 15px auto; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #compte-mot-de-passe p input[type="text"], #Conteneur-principal #Espace-client .milieu #compte-mot-de-passe p .champ { width: 330px; height: inherit; margin-left: 10px;} #Conteneur-principal #Espace-client .milieu #compte-mot-de-passe a.gauche { margin-left: 40px;} #Conteneur-principal #Espace-client .milieu #compte-mot-de-passe a.droite { margin-right: 185px; float: right;} /* Service client > Conteneur milieu > Compte retourpaybox */ #Conteneur-principal #Espace-client .milieu #compte-retourpaybox { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #compte-retourpaybox p { background: #ddd; width: 500px; margin: 0px auto 10px auto; padding: 5px; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #compte-retourpaybox p span.indication { border-right: 1px solid #fff; width: 200px; padding-right: 5px; display: block; float: left;} #Conteneur-principal #Espace-client .milieu #compte-retourpaybox p span.infos { width: 275px; padding-left: 10px; display: block; float: left; font-weight: bold;} #Conteneur-principal #Espace-client .milieu #compte-retourpaybox ul { border-top: 1px solid #fff; background: #ddd; width: 500px; margin: 30px auto 0px auto; padding: 5px; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #compte-retourpaybox ul li.titre { margin-bottom: 10px; font-weight: bold;} #Conteneur-principal #Espace-client .milieu #compte-retourpaybox ul li a { background: #ccc; width: 75px; height: 50px; margin: 0px 4px 5px 4px; display: block; float: left;} /* Service client > Conteneur milieu > Compte payement annulé */ #Conteneur-principal #Espace-client .milieu #compte-payement-annule { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #compte-payement-annule p { width: 500px; margin: 0px auto 10px auto;} #Conteneur-principal #Espace-client .milieu #compte-payement-annule p a.lien { color: #000;} #Conteneur-principal #Espace-client .milieu #compte-payement-annule p a.bt-normal { margin: 15px -10px 0px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #compte-payement-annule p#infos-securite { border: 1px solid #fff; background: #ddd; margin-top: 50px; padding: 10px;} #Conteneur-principal #Espace-client .milieu #compte-payement-annule p#infos-securite span { border-bottom: 1px solid #fff; margin: 0px 0px 10px 0px; padding-bottom: 10px; display: block; font-weight: bold;} /* Service client > Conteneur milieu > Compte valider commande */ #Conteneur-principal #Espace-client .milieu #compte-valider-commande { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Panier { width: 500px; margin: 0px auto 20px auto; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Panier ul { border-bottom: 1px solid #ccc; margin-bottom: 5px; padding: 5px; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Panier ul:hover { background: #ddd;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Panier ul:hover .prix { border: 1px solid #999;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Panier ul li { float: left;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Panier ul li.titre { background: url(../../IMAGES/visuels/Puce-noire.gif) no-repeat left 4px; width: 290px; padding-left: 10px; line-height: 14px; font-weight: bold;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Panier ul li.prix { width: 90px; margin-left: 10px;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Panier ul li.supprimer { margin: 8px 0px 0px 10px;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Panier ul li.supprimer a { margin-left: 3px; font-size: 10px; color: #000;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Panier p { text-align: right;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Panier p#total strong { color: #cc0000;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Panier a.bt-normal { margin-top: 10px; float: right;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Offre-speciale { width: 500px; margin: 0px auto 20px auto; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Offre-speciale ul { width: 100px; margin: 0px 8px 0px 8px; padding: 4px; float: left; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Offre-speciale ul:hover { background: #ddd;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Offre-speciale ul li { overflow: hidden; text-align: center;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Offre-speciale ul li.titre { margin: 5px 0px 5px 0px; text-align: center; font-weight: bold;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Offre-speciale ul li.prix { background: #fff; text-align: center;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Offre-speciale ul li a { text-align: center;} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Offre-speciale ul li a span { width: 88px; text-align: center} #Conteneur-principal #Espace-client .milieu #compte-valider-commande #Offre-speciale ul li a img { margin: 5px 0px 0px 13px;} /* Service client > Conteneur milieu > Livraison payement */ #Conteneur-principal #Espace-client .milieu #compte-livraison-payement { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #Panier { width: 500px; margin: 0px auto 20px auto; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #Panier ul { border-bottom: 1px solid #ccc; margin-bottom: 5px; padding: 5px; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #Panier ul:hover { background: #ddd;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #Panier ul:hover .prix { border: 1px solid #999;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #Panier ul li { float: left;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #Panier ul li.titre { background: url(../../IMAGES/visuels/Puce-noire.gif) no-repeat left 4px; width: 290px; padding-left: 10px; line-height: 14px; font-weight: bold;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #Panier ul li.prix { background: #fff; width: 90px; margin-left: 10px;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #Panier ul li.supprimer { margin: 8px 0px 0px 10px;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #Panier ul li.supprimer a { margin-left: 3px; font-size: 10px; color: #000;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #Panier p { text-align: right;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #Panier p#total strong { color: #cc0000;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #Panier a.bt-normal { margin-top: 10px; float: right;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #adresse-prevue { width: 500px; margin: 0px auto 20px auto;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #adresse-prevue ul { overflow: hidden;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #adresse-prevue ul li { overflow: hidden; clear: both;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #adresse-prevue ul li span.type { background: #ddd; width: 150px; margin-bottom: 1px; padding: 3px; display: block; float: left;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #adresse-prevue ul li span.information { width: 200px; margin-bottom: 1px; padding: 3px; display: block; float: left; font-weight: bold;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #modifier-adresse { width: 500px; margin: auto;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #modifier-adresse fieldset p { width: 500px; margin: 0px auto 15px auto; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #modifier-adresse fieldset p label { width: 155px; display: block; float: left;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #modifier-adresse fieldset p input[type="text"], #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #modifier-adresse fieldset p textarea, #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #modifier-adresse fieldset p select, #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #modifier-adresse fieldset p .champ { width: 330px; height: inherit; margin-left: 10px;} #Conteneur-principal #Espace-client .milieu #compte-livraison-payement #modifier-adresse fieldset a { float: right;} /* Service client > Conteneur milieu > Mot de passe perdu */ #Conteneur-principal #Espace-client .milieu #compte-mot-de-passe-perdu { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #compte-mot-de-passe-perdu p { width: 500px; margin: 0px auto 30px auto;} #Conteneur-principal #Espace-client .milieu #compte-mot-de-passe-perdu p label { width: 90px; display: block; float: left; font-weight: bold; line-height: 28px;} #Conteneur-principal #Espace-client .milieu #compte-mot-de-passe-perdu p input[type="text"], #Conteneur-principal #Espace-client .milieu #compte-mot-de-passe-perdu p .champ { width: 300px; margin-left: 10px; float: left;} #Conteneur-principal #Espace-client .milieu #compte-mot-de-passe-perdu p.infos { margin-left: 10px; font-weight: bold;} #Conteneur-principal #Espace-client .milieu #compte-mot-de-passe-perdu form { margin-left: 10px; font-weight: bold;} #Conteneur-principal #Espace-client .milieu #compte-mot-de-passe-perdu p a { margin-left: 15px; float: left;} /* Service client > Conteneur milieu > Creation informations compte */ #Conteneur-principal #Espace-client .milieu #creation-infos-compte { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #creation-infos-compte p { width: 500px; margin: 0px auto 15px auto;} #Conteneur-principal #Espace-client .milieu #creation-infos-compte p label { width: 180px; display: block; float: left;} #Conteneur-principal #Espace-client .milieu #creation-infos-compte p#nouvel-utilisateur { border-bottom: 1px solid #ccc; width: 500px; margin: 0px auto 10px auto; padding-bottom: 10px; text-align: center; font-weight: bold; font-size: 14px;} #Conteneur-principal #Espace-client .milieu #creation-infos-compte p#date-de-naissance input[type="text"], #Conteneur-principal #Espace-client .milieu #creation-infos-compte p#date-de-naissance .champ { width: 50px;} #Conteneur-principal #Espace-client .milieu #creation-infos-compte p input[type="text"], #Conteneur-principal #Espace-client .milieu #creation-infos-compte p textarea, #Conteneur-principal #Espace-client .milieu #creation-infos-compte select, #Conteneur-principal #Espace-client .milieu #creation-infos-compte .champ { width: 300px; height: inherit; margin-left: 10px;} #Conteneur-principal #Espace-client .milieu #creation-infos-compte #newsletter { background: #ddd; width: 490px; margin: 0px auto 10px auto; padding: 10px; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #creation-infos-compte #newsletter ul { margin-top: -10px; width: 310px; float: right;} #Conteneur-principal #Espace-client .milieu #creation-infos-compte #newsletter ul li { margin-bottom: 7px;} #Conteneur-principal #Espace-client .milieu #creation-infos-compte #newsletter ul li label { width: 130px; display: block; float: left;} #Conteneur-principal #Espace-client .milieu #creation-infos-compte #newsletter ul li label.drapeau { width: 40px; display: block;} #Conteneur-principal #Espace-client .milieu #creation-infos-compte a { margin-left: 450px;} /* Service client > Conteneur milieu > Validation compte */ #Conteneur-principal #Espace-client .milieu #Validation-compte { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #Validation-compte p { width: 500px; margin: 0px auto 15px auto; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #Validation-compte p label { width: 50px; display: block; float: left; font-weight: bold; line-height: 28px;} #Conteneur-principal #Espace-client .milieu #Validation-compte p input[type="text"] { width: 150px; margin-left: 10px; float: left;} #Conteneur-principal #Espace-client .milieu #Validation-compte p .bt-normal { margin-left: 10px;} #Conteneur-principal #Espace-client .milieu #Validation-compte p a { color: #000;} #Conteneur-principal #Espace-client .milieu #Validation-compte form a { margin-right: 20px; float: right;} #Conteneur-principal #Espace-client .milieu #Validation-compte form #bt-code { margin-right: 230px;} /* Service client > Conteneur milieu > Mall validation compte */ #Conteneur-principal #Espace-client .milieu #Mail-validation-compte { margin: 0px 20px -30px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #Mail-validation-compte p { width: 500px; margin: 0px auto 15px auto; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #Mail-validation-compte p a { font-weight: bold; color: #000;} #Conteneur-principal #Espace-client .milieu #Mail-validation-compte form a { margin-right: 20px; float: right;} /* Service client > Conteneur milieu > Contact */ #Conteneur-principal #Espace-client .milieu #contact { margin: 0px 20px 0px 0px; float: right;} #Conteneur-principal #Espace-client .milieu #contact p { width: 500px; margin: 0px auto 10px auto; overflow: hidden;} #Conteneur-principal #Espace-client .milieu #contact p label { width: 150px; display: block; float: left;} #Conteneur-principal #Espace-client .milieu #contact p input[type="text"], #Conteneur-principal #Espace-client .milieu #contact p textarea, #Conteneur-principal #Espace-client .milieu #contact p select, #Conteneur-principal #Espace-client .milieu #contact p .champ { width: 330px; height: inherit; margin-left: 10px;} #Conteneur-principal #Espace-client .milieu #contact #infos { background: #ccc; width: 500px; margin: 20px auto -10px auto; padding: 5px; text-align: center;} #Conteneur-principal #Espace-client .milieu #contact #infos li#titre { font-weight: bold; margin-bottom: 5px;} #Conteneur-principal #Espace-client .milieu #contact #infos li { margin-bottom: 5px;} #Conteneur-principal #Espace-client .milieu #contact a.droite { margin-right: 30px; float: right;} /* Service client > Conteneur milieu */ #Conteneur-principal #Espace-client .milieu .haut { background: url(../../IMAGES/conteneurs/espace-client/moyen-conteneur/haut-moyen-conteneur.gif) no-repeat left top; width: 560px; height: 4px;} #Conteneur-principal #Espace-client .milieu .milieu { background: url(../../IMAGES/conteneurs/espace-client/moyen-conteneur/milieu-moyen-conteneur.gif) repeat-y; width: 560px; overflow: hidden;} #Conteneur-principal #Espace-client .milieu .milieu h2 { margin-bottom: 30px;} #Conteneur-principal #Espace-client .milieu .bas { background: url(../../IMAGES/conteneurs/espace-client/moyen-conteneur/bas-moyen-conteneur.gif) no-repeat left top; width: 560px; height: 4px;} #Conteneur-principal #Espace-client .bas { background: url(../../IMAGES/conteneurs/espace-client/grand-conteneur/bas-espace-client.gif) no-repeat left top; width: 950px; height: 5px; margin-bottom: 40px;} /*------------------------------------------*/ /*--- CONDITIONS GENERALES D'UTILISATION ---*/ /*------------------------------------------*/ #Conteneur-principal #CGU { margin: 20px 0px 50px 0px;} #Conteneur-principal #CGU .haut { background: url(../../IMAGES/conteneurs/espace-client/grand-conteneur/haut-espace-client.gif) no-repeat left top; width: 950px; height: 5px;} #Conteneur-principal #CGU .milieu { background: url(../../IMAGES/conteneurs/espace-client/grand-conteneur/milieu-espace-client.gif) repeat-y; width: 950px; overflow: hidden;} #Conteneur-principal #CGU .milieu h1 { margin: 20px 0px 20px 20px;} #Conteneur-principal #CGU .milieu h2 { margin: 20px 0px 5px 25px;} #Conteneur-principal #CGU .milieu p { width: 900px; margin: 0px auto 10px auto;} #Conteneur-principal #CGU .milieu ul { margin: 0px 0px 10px 40px;} #Conteneur-principal #CGU .milieu ul li { background: url(../../IMAGES/visuels/Puce-noire.gif) no-repeat left 4px; margin-bottom: 5px; padding-left: 10px;} #Conteneur-principal #CGU .bas { background: url(../../IMAGES/conteneurs/espace-client/grand-conteneur/bas-espace-client.gif) no-repeat left top; width: 950px; height: 5px;} /*--------------------*/ /*--- PLAN DU SITE ---*/ /*--------------------*/ #Conteneur-principal #Sitemap .haut { background: url(../../IMAGES/conteneurs/espace-client/grand-conteneur/haut-espace-client.gif) no-repeat left top; width: 950px; height: 5px; margin-top: 20px;} #Conteneur-principal #Sitemap .milieu { background: url(../../IMAGES/conteneurs/espace-client/grand-conteneur/milieu-espace-client.gif) repeat-y; width: 950px; padding: 20px 0px 20px 0px; overflow: hidden; position: relative;} #Conteneur-principal #Sitemap .milieu p#illustration { background: url(../../IMAGES/conteneurs/espace-client/illustration.gif) no-repeat left top; width: 327px; height: 427px; position: absolute; left: 300px; top: 200px;} #Conteneur-principal #Sitemap .milieu h1 { margin-bottom: 30px;} #Conteneur-principal #Sitemap .milieu h2 { border-bottom: 1px solid #000; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color: #000;} #Conteneur-principal #Sitemap .milieu h2 a, #Conteneur-principal #Sitemap .milieu h2 a:hover { color: #000;} #Conteneur-principal #Sitemap .milieu ul { width: 200px; margin: 0px 18px 20px 18px; float: left;} #Conteneur-principal #Sitemap .milieu ul li { background: url(../../IMAGES/visuels/Puce-noire.gif) no-repeat left 4px; margin-bottom: 5px; padding-left: 10px;} #Conteneur-principal #Sitemap .milieu ul li.titre { background: none; padding: 0px;} #Conteneur-principal #Sitemap .milieu ul li.titre a { color: #000;} #Conteneur-principal #Sitemap .milieu ul li a { text-decoration: none; color: #666;} #Conteneur-principal #Sitemap .milieu ul li a:hover { text-decoration: underline; color: #000;} #Conteneur-principal #Sitemap .bas { background: url(../../IMAGES/conteneurs/espace-client/grand-conteneur/bas-espace-client.gif) no-repeat left top; width: 950px; height: 5px; margin-bottom: 40px;} /*--------------------*/ /*--- PIED DE PAGE ---*/ /*--------------------*/ #Pied-de-page { background: #1d212b url(../../IMAGES/visuels/fond-pied-de-page.jpg) repeat-x left top;} #Pied-de-page p#Copyright { padding: 10px 0px 10px 0px; text-align: center; font-size: 9px; color: #fff;} #Pied-de-page p#Copyright a { margin: 0px 5px 0px 5px; color: #fff;} #Pied-de-page ul { width: 950px; margin: auto; overflow: hidden;} #Pied-de-page ul li { width: 220px; margin-top: 10px; padding: 20px 0px 50px 0px; float: left; color: #fff;} #Pied-de-page ul li p { padding-right: 20px; color: #ccc;} #Pied-de-page ul li p a { font-size: 10px; color: #eee;} #Pied-de-page ul li#Livraison { background: url(../../IMAGES/visuels/Picto-camion.gif) no-repeat left 20px; border-right: 1px solid #666;} #Pied-de-page ul li#Securite { background: url(../../IMAGES/visuels/Picto-cb.gif) no-repeat left 20px; border-right: 1px solid #666; margin-left: 20px;} #Pied-de-page ul li#Service-client { background: url(../../IMAGES/visuels/Picto-telephone.gif) no-repeat left 20px; border-right: 1px solid #666; margin-left: 20px;} #Pied-de-page ul li#Contact { background: url(../../IMAGES/visuels/Picto-contact.gif) no-repeat left 20px; margin-left: 20px;}