/*************************************************************************** * RESET ***************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } ol, ul { list-style: none; } html { -webkit-font-smoothing: antialiased; font-family: 'xxs'; } @media (min-width: 480px) { html { font-family: 'xs'; } } @media (min-width: 768px) { html { font-family: 'sm'; } } @media (min-width: 1024px) { html { font-family: 'md'; } } @media (min-width: 1280px) { html { font-family: 'lg'; } } /*************************************************************************** * GENERIQUE ***************************************************************************/ .align_center { text-align:center; } .align_right { text-align:right; } .align_left { text-align:left; } .align_justify{ text-align: justify; } .uppercase { text-transform:uppercase; } .bold { font-weight: bold; } .strike { text-decoration:line-through; } .italic { font-style: italic;} .cursorDefault, .cursorDefault * {cursor:default} .hidden {display:none; } .clear {clear:both; } br .clear {clear:both; line-height:0; font-size:0; height:0; } .picto {width:10px; height:10px; display:block; background:url(Image/DESIGN/defaut/picto.png) 1000px 1000px no-repeat;} .border_bottom{border-bottom:9px solid #ef0000} .one_line{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .text_shadow{text-shadow: 1px 1px 2px #fff;} .text_shadow_black{text-shadow: 1px 1px 2px #000;} h1,h2,h3,h4,h5,h6 { font-weight: normal; } a {color:#666666; text-decoration:none;} a:hover{color:#e30000; text-decoration:none;} a span {cursor:pointer} /* btn class -------------------------------------------------------------- */ /*button*/ .button{border:none; cursor:pointer; font-size:12px; text-transform:uppercase; width:46px; height:30px; line-height:30px; font-weight:bold;} .button:hover{} /* button1 et button2 */ input.button1, a.button1:link, a.button1:visited, button.button1, button.button2, input.button2, a.button2:link, a.button2:visited { line-height:30px; height:30px; text-align:center; padding:0 10px ; color:#fff; border:none; cursor:pointer; font-size:14px; font-family: "Arial Black", arial; font-weight:800;border: 1px solid #D30F0F;text-transform: uppercase;background:#F00001;text-shadow: 0px 2px 3px black;display:inline-block; -moz-box-shadow: inset 0px -35px 35px -35px #aa3333;-webkit-box-shadow: inset 0px -35px 35px -35px #aa3333;box-shadow: inset 0px -35px 35px -35px #aa3333;filter: progid:DXImageTransform.Microsoft.Shadow(strength = 0, direction = 0, color = '#aa3333');-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 0, Direction = 0, Color = '#aa3333')"; } /*correctif liens*/ a.button1:link, a.button1:visited, a.button2:link, a.button2:visited {text-decoration:none; } /* button2 */ input.button2, button.button2, a.button2:link, a.button2:visited {color:#CCC} /* button1 et button2 :HOVER*/ input.button1:hover, button.button1:hover, a.button1:hover, input.button2:hover, button.button2:hover, a.button2:hover{background:#585858;border-color: #585858;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;filter:none;-ms-filter:none;} /* button3 et button4 - changement adresse - sauvegarde panier... */ .button3, .button4 {color:#FFF; text-decoration:none; display:inline-block; padding:3px 10px; background:#FFF; font-weight:bold; font-size:11px; cursor:pointer; line-height:19px; background:#AAA; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; margin:0 3px 0 0; border-width:0} input.button3 {float:none; display:inline;} .button3:hover, .button4:hover { padding:3px 10px; font-weight:bold; color:#FFF; background:#EF0000} /* messages errors -------------------------------------------------------------- */ .error{margin: 5px 0 5px 0; color:#f00;} .identification .error{margin: 0 0 10px 0;} .identification .error div{margin: 0 0 10px 0; color:#f00;} .identification .error li{font-style:italic; font-size:11px; line-height:15px; color:#f00;} .FormBoiteMessagesErreurs .PWI_Message {font-size:13px; line-height:16px; padding:12px 20px; margin:15px; background:#FFF4AF; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;} /*utile dans identification*/ .etoile{color:#f00;} /* form -------------------------------------------------------------- */ label {font-weight:bold; height:20px; line-height:20px; text-align:right; } fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input[type=text], input[type=password], input.text, input.title, select {background-color:#fff; border:1px solid #C7C1B8; color:#878687;font-size:12px; line-height: 17px; height:18px; padding:0 0 0 3px; margin:0; size:25;} textarea{background-color:#fff; border:1px solid #C7C1B8; color:#878687; font-size:11px; line-height:18px; padding:0 0 0 3px; margin:0; } input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#333; outline:none; color:#000} input[type=text], input[type=password], input.text, input.title, textarea, select {margin:1px;} input[disabled=disabled]{border:1px solid #E0DDD7;} .checkbox_liste input[disabled=disabled]{border:none;} .panel_statut input[disabled=disabled]{border:none;} /* colorbox */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;background:url(Image/colorbox/overlay.png) repeat 0 0;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;overflow:hidden;background:#fff;}#cboxLoadedContent{overflow:auto;margin-bottom:28px;}#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0;}#cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#949494;margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;}#cboxTopLeft{width:21px;height:21px;background:url(Image/colorbox/controls.png) no-repeat -100px 0;}#cboxTopRight{width:21px;height:21px;background:url(Image/colorbox/controls.png) no-repeat -129px 0;}#cboxBottomLeft{width:21px;height:21px;background:url(Image/colorbox/controls.png) no-repeat -100px -29px;}#cboxBottomRight{width:21px;height:21px;background:url(Image/colorbox/controls.png) no-repeat -129px -29px;}#cboxMiddleLeft{width:21px;background:url(Image/colorbox/controls.png) left top repeat-y;}#cboxMiddleRight{width:21px;background:url(Image/colorbox/controls.png) right top repeat-y;}#cboxTopCenter{height:21px;background:url(Image/colorbox/border.png) 0 0 repeat-x;}#cboxBottomCenter{height:21px;background:url(Image/colorbox/border.png) 0 -29px repeat-x;}#cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494;}#cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef;}#cboxPrevious{position:absolute;bottom:0;left:0;background:url(Image/colorbox/controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px;}#cboxPrevious.hover{background-position:-75px -25px;}#cboxNext{position:absolute;bottom:0;left:27px;background:url(Image/colorbox/controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px;}#cboxNext.hover{background-position:-50px -25px;}#cboxLoadingOverlay{background:url(Image/colorbox/loading_background.png) no-repeat center center;}#cboxLoadingGraphic{background:url(Image/colorbox/loading.gif) no-repeat center center;}#cboxClose{position:absolute;bottom:0;right:0;background:url(Image/colorbox/controls.png) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px;}.cboxIE #cboxTopLeft{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Image/colorbox/internet_explorer/borderTopLeft.png,sizingMethod='scale');}.cboxIE #cboxTopCenter{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Image/colorbox/internet_explorer/borderTopCenter.png,sizingMethod='scale');}.cboxIE #cboxTopRight{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Image/colorbox/internet_explorer/borderTopRight.png,sizingMethod='scale');}.cboxIE #cboxBottomLeft{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Image/colorbox/internet_explorer/borderBottomLeft.png,sizingMethod='scale');}.cboxIE #cboxBottomCenter{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Image/colorbox/internet_explorer/borderBottomCenter.png,sizingMethod='scale');}.cboxIE #cboxBottomRight{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Image/colorbox/internet_explorer/borderBottomRight.png,sizingMethod='scale');}.cboxIE #cboxMiddleLeft{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Image/colorbox/internet_explorer/borderMiddleLeft.png,sizingMethod='scale');}.cboxIE #cboxMiddleRight{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Image/colorbox/internet_explorer/borderMiddleRight.png,sizingMethod='scale');}.MessageAttente{text-align:center;padding:10px;}.MessageAttente img{margin:0 0 35px;} .inputContainer{position:relative;float:left;}.formError{position:absolute;top:300px;left:300px;padding-bottom:13px;display:block;z-index:5000;cursor:pointer;}#debugMode{background:#000;position:fixed;width:100%;height:200px;top:0;left:0;overflow:scroll;opacity:0.8;display:block;padding:10px;color:#333;font-size:14px;z-index:100000;}.ajaxSubmit{padding:20px;background:#55ea55;border:1px solid #999;display:none;}.formError .formErrorContent{background:#cbd304;color:#333;width:150px;font-family:tahoma;font-size:11px;border:2px solid #ddd;box-shadow:0 0 6px #000;-moz-box-shadow:0 0 6px #000;-webkit-box-shadow:0 0 6px #000;padding:4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}.greenPopup .formErrorContent{background:#33be40;}.blackPopup .formErrorContent{background:#393939;color:#333;}.formError .formErrorArrow{width:15px;margin:-2px 0 0 13px;z-index:5001;}.formError .formErrorArrowBottom{top:0;margin:-6px;}.formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0 2px 3px #444;-moz-box-shadow:0 2px 3px #444;-webkit-box-shadow:0 2px 3px #444;height:1px;background:#cbd304;margin:0 auto;line-height:0;font-size:0;display:block;}.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}.greenPopup .formErrorArrow div{background:#33be40;}.blackPopup .formErrorArrow div{background:#393939;color:#333;}.formError .formErrorArrow .line10{width:15px;border:none;}.formError .formErrorArrow .line9{width:13px;border:none;}.formError .formErrorArrow .line8{width:11px;}.formError .formErrorArrow .line7{width:9px;}.formError .formErrorArrow .line6{width:7px;}.formError .formErrorArrow .line5{width:5px;}.formError .formErrorArrow .line4{width:3px;}.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0 solid #ddd;}.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;} /*picto nouv et topventes*/ [class*=picto_] {background-image:url(Image/DESIGN/defaut/picto.png) ; margin:0 0 2px 0; display:block} .picto_TopVente {background-position:0 -22px; width:22px; height:22px; margin-left:5px} .picto_Nouveaute {height:21px;background-position:0 0; width:50px; height:20px;} .picto_Promo {height:21px; width:56px; height:20px; background:url(Image/DESIGN/promo.png) 0 0;} /*************************************************************************** * PAGE ***************************************************************************/ html{width:100%;height:100%} body { width:100%;height:100%;font-family: 'Arial', Helvetica, sans-serif; font-size:12px; color:#000; text-align:left; line-height:1em;position:relative; background:#fff url(../T_PASSIONAUTO/Image/DESIGN/defaut/bck2.jpg) 0 0 repeat; } /* Structure generale -------------------------------------------------------------- */ .back{ display:block;width:100%; background: url(../T_PASSIONAUTO/Image/DESIGN/defaut/bck_cont.jpg) center repeat-y; -webkit-box-shadow: inset 0px 300px 300px -50px rgba(0, 0, 0, 0.3);box-shadow: inset 0px 300px 300px -50px rgba(0, 0, 0, 0.3); } #conteneur, .conteneur{ width:980px; position:relative; margin:0 auto; z-index:0; font-size:1em; } #fond_header{width:100%;height:124px;background:#fff} #header{} #fond_content{} #content{width:980px;} #fond_footer{width:100%;min-height:464px;padding:18px 0 25px 0;position: relative;background:#d5d1d2 url(../T_PASSIONAUTO/Image/DESIGN/defaut/bck_footer.jpg) 0 0 repeat-x;z-index: 1;} #footer{} .auto{margin:0 auto; width:980px} #footer .copyright {padding: 8px 0 15px 0;text-align: center;color: #626262;font-size: 11px;} #accueil,#node{padding-bottom:50px} #back-button {} #back-button a{display:block; width:180px;height:38px;padding:12px 10px 0 10px;background-position:-59px -147px;border-bottom:1px solid #a29e9e; line-height:21px; color:#fff} #back-button a:hover {color:#EF0000} #back-button a span.picto {float:left;width:21px;height:21px;background-position:-32px -184px;margin-right:10px;} #back-button a:hover span.picto{background-position:-31px -208px} /* Header -------------------------------------------------------------- */ #logo{float:left;width:auto;margin-top:10px;} #logo a{color:#3f3f3f; text-decoration:none;} #logo a span{display:block; font-size:1em;margin-top:5px} #header .bloc{float:right;} .ie7 #header .bloc {max-width:415px} #bloc_users{ float:right;height:12px;overflow:hidden;display:block;padding:7px 15px;background:#e7e7e7;text-align:center; border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-bottom:1px solid #9a9a9a;margin-bottom:22px } .ie7 #bloc_users {max-width:200px; position:relative} #bloc_users .picto{float:left;width:16px;height:12px;background-position:-32px -170px; margin-right: 5px} #bloc_users svg{float:left;width:16px;height:14px; margin-right: 5px; margin-top: -2px; fill:#ca0000;} #bloc_users li{float:right; margin:0 0 0 8px} #bloc_users li a{text-decoration:none; font-size:13px;color:#ef0000} #bloc_users li a:hover{text-decoration:underline} .blocA {float:left;color:#676767;font-size:13px;height:26px;line-height: 15px; min-width: 160px} .blocA .picto{float:left;width:26px;height:20px;margin-right:10px;background-position:0 -200px; } #bloc_tel .picto{margin-top:3px} #bloc_panier .picto{width:29px;height:26px;background-position:0 -171px} #facebook .picto {background:url(Image/DESIGN/facebook.gif) 0 0 no-repeat; width: 26px; height: 26px; margin-top: 2px;} #bloc_panier{margin:0; line-height:26px;} #bloc_panier a{color:#676767;font-size:13px;} #bloc_panier a span{margin-right:5px} #bloc_catalogue{float:right;max-width:743px;height:20px;padding-bottom:7px;margin-top: 23px;} table#mini-cart-table { width:350px; border-collapse:collapse; margin:5px; font-size:11px; background:#FFF; color:#333; border-bottom: 1px solid #BFBFBF;} table#mini-cart-table td { padding: 5px 5px 5px 5px; text-align:left; line-height:14px} table#mini-cart-table tr { border-top: 1px solid #BFBFBF;} table#mini-cart-table tr:first-child {border-top:0 solid #fff} td.mini-cart-img { width:35px; height:35px; text-align:center;} td.mini-cart-img img {max-width:35px; max-height:35px} td.mini-cart_price { width:80px; vertical-align:middle; text-align:right;} td.mini-cart-img , td.mini-cart-title { vertical-align:middle} #mini-cart-delivery {width:100%; } #mini-cart-delivery td {padding:0 5px; line-height:25px; font-style:italic; text-align:center; font-size:10px;} #mini-cart-go {width:100%; } #mini-cart-go td {text-align:center} #mini-cart-go a.button3 {display:inline-block; float:none} /* block search ------------------------------------------------------------- */ .detail_search{ width:200px;position:relative;top:-36px; -webkit-box-shadow: 5px 1px 15px 1px rgba(0, 0, 0, 0.2); box-shadow: 5px 1px 15px 1px rgba(0, 0, 0, 0.2); } #MiniRecherche{ width:180px;height:60px;padding:12px 10px 0 10px;border-bottom:1px solid #a29e9e; background:url(../T_PASSIONAUTO/Image/DESIGN/defaut/bck_menu_v2.png) left bottom repeat; -moz-box-shadow: inset 70px 0px 100px -90px #999; -webkit-box-shadow: inset 70px 0px 100px -90px #999; box-shadow: inset 70px 0px 100px -90px #999; } #MiniRecherche .form_recherche{ display:block;width:179px;position:relative; height: 26px;background:#fff;line-height:26px; border-top:1px solid #9e9e9e;border-left:1px solid #9e9e9e; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin:0 0 8px 0 } #MiniRecherche .form_recherche input{padding:0;margin:0;background:0;border:0} #MiniRecherche .form_recherche input.recherche{float:right;width:143px;height:26px;color:#bec0c1;margin-left:-2px; padding:0 3px} #MiniRecherche .form_recherche input.recherche:focus {color:#000} #MiniRecherche .form_recherche input.button{ float:left;width:32px;height:26px;background:#f2f2f2;border-right:1px solid #cccccc; -webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px; background:url(Image/DESIGN/defaut/picto.png) -273px -147px no-repeat; } #MiniRecherche .form_recherche input.button:hover{background-position: -305px -147px ;} #MiniRecherche .form_recherche .glass{ position:absolute; top: 8px; left: 10px;width:13px;height:13px; background-position: -77px 0; } #MiniRecherche input[type="checkbox"] {margin: 0 5px 0 15px; vertical-align:middle} #autocompletediv {position:relative; z-index:101; width:700px} #autocompletediv ul {padding:5px 0; border: 1px solid #ccc; position:absolute; background:#FFF; top:0; left:0; z-index:100;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 2px 5px #000000;-webkit-box-shadow:0 2px 5px #000000;box-shadow:0 2px 5px #000000;filter: progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=180, color='#000000');-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=2, Direction=180, Color='#000000')";} #autocompletediv li {line-height:14px; font-size:12px} #autocompletediv .CATALOGUE {font-weight:bold} #autocompletediv .picto {background:url(Image/DESIGN/autocompletion.png) 0 0; width:10px; height:10px; margin:6px 3px 0 7px; float:left} #autocompletediv .CATALOGUE .picto {background-position:-11px 0}/*paneaux*/ #autocompletediv .ARTICLE .picto {background-position:0 0}/*fleche*/ #autocompletediv a {text-decoration:none; padding:4px 5px 4px 22px; display:block; color:#333} #autocompletediv a:hover, #autocompletediv li.selected a {background:#EFEDE9; text-shadow:-1px -1px 0 #fff} *+html #autocompletediv .picto {display:none} /* EDITO ------------------------------------------------------------- */ .edito{width:180px;padding:15px 10px;background:#e3e2e3;border-top:1px solid #3c3c3c;margin-top:40px;color:#3f3f3f;} #side_bar_detail2 .edito {margin-top:0} .edito .titre{font-size:13px;color:#ef0000;margin-bottom:15px} .edito .text{line-height:16px} .edito a{width:100%;margin-top:10px;display: block;font-size: 11px;color:#3f3f3f} .edito a .picto{display:inline-block;width:12px;height:10px;background-position:-60px 1px;margin:5px 0 0 5px} .ie7 .edito a .picto {display:inline; line-height:10px; } .edito a:hover .picto{background-position:-60px -10px} .edito a:hover{text-decoration:none;color:#e30000} /* Footer -------------------------------------------------------------- */ #footer #nos_marques{width:1005;height:85px; position:relative} #footer #nos_marques .view{width:750px; height:65px; overflow:hidden; position: relative; overflow: hidden;margin:10px 30px; float:right} #footer #nos_marques .overview {position: absolute; left: 0; top: 0; z-index:1; height:65px;} #nos_marques .titre{float:left;width:auto;height:85px;line-height:85px;font-size:14px;color:#676767} #nos_marques .next,#nos_marques .prev{position:absolute;width:13px;height:23px;top:35px;cursor:pointer; display:block} #nos_marques .next{right:0;background-position:-133px -102px} #nos_marques .prev{left:165px;background-position:-120px -102px} #nos_marques .disable {opacity: 0.3;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 30);filter: alpha(opacity = 30); cursor:default} #nos_marques li{float:left;width:150px;height:65px;} #nos_marques li a{display:block; text-align:center; overflow:hidden} #nos_marques li a span{display:table-cell;height:65px; line-height:65px; vertical-align:middle;text-align:center;width:135px; margin:0 auto} #nos_marques li a img{max-width:120px;max-height:65px;vertical-align:middle;opacity: 0.75;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 75);filter: alpha(opacity = 75);} #nos_marques li a:hover img{opacity: 1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);filter: alpha(opacity = 100);} #menu_PS1{width:100%;height:128px;margin-top:30px;} #menu_PS1 li{float:left;height:116px;padding:12px 18px 0 12px;border-right:1px solid #d5d3d3;} #menu_PS1 li.last{border-right:0;} #menu_PS1 li.col1 {width:290px; padding:12px 0 0 12px;} #menu_PS1 li.col1 a{float:left;width:136px;height:45px;text-align:center;margin-bottom:15px} #menu_PS1 li.col1 a .picto{margin:0 auto 5px auto} #menu_PS1 li.col1 a.livra .picto{width:22px;height:27px;background-position:0 -46px} #menu_PS1 li.col1 a.livra:hover .picto{background-position:-29px -46px} #menu_PS1 li.col1 a.qualite .picto{width:22px;height:27px;background-position:0 -79px} #menu_PS1 li.col1 a.qualite:hover .picto{background-position: -29px -79px;} #menu_PS1 li.col1 a.pai .picto{width:26px;height:27px;background-position:0 -108px} #menu_PS1 li.col1 a.pai:hover .picto{background-position:-29px -108px} #menu_PS1 li.col1 a.sat .picto{width:25px;height:22px;margin-bottom: 10px;background-position: 1px -139px;} #menu_PS1 li.col1 a.sat:hover .picto{background-position:-28px -139px} #menu_PS1 li.col1 a:hover{text-decoration:none} #menu_PS1 li.news{width:170px} #menu_PS1 li.news .titre{ width:100%;font-size:14px;font-weight:bold;color:#3f3f3f;display: block;margin-bottom:10px; } #menu_PS1 li.news .text{line-height:16px;display:block} #menu_PS1 li.news .bl_news{ display:block;background:#fff;margin-top:5px; background:#fff;border-top:1px solid #a6a6a6;border-left:1px solid #a6a6a6; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } #menu_PS1 li.news .bl_news input{float:left;width:140px;background:none;padding:0;margin:0;border:0;color:#cfd1d2;text-align:center;border-right:1px solid #cccccc} #menu_PS1 li.news .bl_news input.error {border:1px solid #ED0000} #menu_PS1 li.news .bl_news input.defaut {text-align:left} #menu_PS1 li.news .bl_news input.defaut:focus {color:#000} #menu_PS1 li.news .bl_news input.button{float:right;width: 25px;height:26px;text-indent:-5px;color:#363636;border:0;} #menu_PS1 li.news .bl_news input.button:hover {color:#e13030;} #menu_PS1 li.news .desinscription_newsletter{float:right;margin-top:5px;} #menu_PS1 li.news .desinscription_newsletter a{display:block;width:100px;color:#4f4f4f;margin-top: 3px;} #menu_PS1 li.news .desinscription_newsletter a .picto{float:right;width:12px;height:10px;background-position:-60px -134px;} #menu_PS1 li.news .desinscription_newsletter a:hover .picto{background-position:-73px -134px;} #menu_PS1 li.news .desinscription_newsletter a:hover{text-decoration:none;color:#ef0000} #NEWSLETTER_EMAIL_RESULT {color:#3aaa35; line-height:15px; height:auto; padding-top:5px} #menu_PS1 li.menu_text{width:205px;color:#4f4f4f} #menu_PS1 li.menu_text .titre{ display:block;height:26px;line-height:26px;font-weight:bold;font-size:14px;font-weight:bold;color:#3f3f3f; } #menu_PS1 li.menu_text .titre .picto{float:left;width:25px;height:26px;background-position:-59px -108px;} #menu_PS1 li.last{width:226px;padding-right:0} #menu_PS1 li.last .titre .picto{background-position:-86px -108px;} #menu_PS1 li.menu_text .text{display:block;margin-top:10px;line-height:16px;} #menu_PS1 li.menu_text .text a{text-decoration:underline;} #menu_PS1 li.col4 a{float:left;width:100px;color:#4f4f4f;margin-top:10px} #menu_PS1 li.col4 a .picto{float:right;width:12px;height:10px;background-position:-60px -134px;} #menu_PS1 li.col4 a:hover{color:#e30000} #menu_PS1 li.col4 a:hover .picto{background-position:-73px -134px;} #menu_PS1 li.col4 a.devis{width:90px;margin-right:15px} #footer .sep{ display:block;width:100%;height:1px;background:#969595;margin:25px 0; -webkit-box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, 0.5);box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, 1); } #footer a.colf1,#footer a.colf2{float:left;} #footer a.colf1{width: 420px;height:34px; } #footer a.colf1 .titre,#footer a.colf2 .titre{ float:left;width:100px;font-size:14px;font-weight:bold;color:#3f3f3f; margin-top:3px; } #footer a.colf1:hover .titre,#footer a.colf2:hover .titre{color:#ef0000} #footer a.colf1 .titre{width:90px;margin:3px 0 0 10px} #footer a.colf1 .picto{float:left;width:264px;height:34px;background-position:-158px -60px} #footer a.colf2 .picto{float:left;width:455px;height:34px;background-position:-165px -105px} #menu_PS2{margin-bottom:30px; text-align: center;} #menu_PS2 li{display: inline-block;} .ie7 #menu_PS2 li {float: left} #menu_PS2 li.sep_ps2, #menu_PS2 li a{font-size:14px;font-weight:bold;color:#3f3f3f;text-shadow: 1px 1px 2px #fff;} #menu_PS2 li.sep_ps2{margin:0 5px;} #menu_PS2 li a:hover{color:#E30000;text-decoration:none} #menu_PS2 li a .picto {background:url(Image/DESIGN/facebook.gif) 0 0 no-repeat; width: 26px; height: 26px; margin:-5px 5px 0 0; float:left;} #footer .text{color:#3f3f3f;line-height:16px; clear: both;} #footer .text a {text-decoration:underline} /*************************************************************************** * MENU ***************************************************************************/ /*Menu Horizontal - Produit1 -------------------------------------------------------------- */ ul.horizontal {line-height:100%; position:relative; height:20px;} .horizontal li {float:left; display:block; z-index:14; position:relative;} .horizontal a {display:block; width:auto; text-decoration:none; } .horizontal .sub2 {position:absolute; top:54px; left:0px; width:220px; display:none; z-index:10; background:#7D6750; border:1px solid #7D6750;display:none;} .horizontal .sub2 ul{float:left; display:block; width:190px;} /*habillage*/ .horizontal li.level1 {height:20px; line-height:20px;} .horizontal li.level1:hover {} .horizontal li.level1:hover .level1{} .horizontal a.level1:link, .horizontal a.level1:visited{ color:#3f3f3f; font-size:1em; text-align:center; padding:0 18px; text-transform:uppercase; height:20px; line-height:20px; font-weight:bold; border-right:1px solid #f00f0f;} .horizontal a.level1:hover {color:#f00f0f;} .horizontal li.last a.level1{border:0;padding-right:0} .horizontal li.home a{} .horizontal li.home:hover{background:none;} .horizontal .level2{float:none;} .horizontal .level2:hover{background:#fff;} .horizontal a.level2:link, .horizontal a.level2:visited {text-decoration:none; color:#fff; text-align:left; margin:0; height:30px; line-height:30px; margin:0 10px; border-bottom:1px dotted #999; padding:0 0 0 5px;} .horizontal a.level2:hover {color:#F46E02; background:#fff;} .horizontal .last .level2{ border-bottom:none;} .horizontal .last a.level2:link, .horizontal .last a.level2:visited{border-bottom:none;} /* Menu Vertical - Produit1 -------------------------------------------------------------- */ .menu_ProduitV{width:100%;} /* level1 */ .menu_ProduitV .menu li.level1{width:100%;height:auto;border-top:1px solid #f0eff0;border-bottom:1px solid #a29e9e;background:url(../T_PASSIONAUTO/Image/DESIGN/defaut/bck_menu_v2.png) left bottom repeat} .menu_ProduitV .menu li.level1 a.level1a{display:block;width: 180px;height:16px;line-height:16px;font-weight:bold;color:#3f3f3f;text-shadow: 1px 1px 2px #fff; text-transform:uppercase;padding:12px 10px;background-position:-59px -199px;position:relative} .menu_ProduitV .menu li.level1.select a.level1a{background:none} .menu_ProduitV .menu li.level1 a.level1a span.picto{position:absolute;right:8px;top:13px;width: 7px;height: 10px;background-position: 0 -224px;} .menu_ProduitV .menu li.select-levl1 a.level1a span.picto{right:5px;top:13px;width: 13px;height: 9px;background-position: -23px -21px;} .menu_ProduitV .menu li.level1 a.level1a:hover, .menu_ProduitV .menu li.level1 a.selected1{color:#e30000;text-decoration:none;} /* level 2*/ .menu_ProduitV .smenu{width:200px;height:auto;margin:-8px 0 0 0; padding:0 0 5px 0} .menu_ProduitV li.level1 li, .menu_ProduitV li.level2 {width:180px;padding:0 10px;display:block;font-size:13px;line-height:20px;color:#3f3f3f;text-shadow: 1px 1px 2px #fff;} .menu_ProduitV li.open2{margin:5px 0;padding:5px 10px 8px 10px;border-top:1px solid #fff;background:#e7e6e6; border-bottom:1px solid #ccc; } .menu_ProduitV a.open2{color:#ef0000;font-weight:bold } /* level 3 */ .menu_ProduitV .ssmenu{width: 100%;} .menu_ProduitV li.level3{width: 165px; text-indent:-8px; line-height:16px; margin:2px 0; overflow:hidden; } .menu_ProduitV a.level3a{font-size:12px; } .menu_ProduitV a.level3a .tiret{color:#ef0000;margin-right:5px} .menu_ProduitV .ssmenu li a.open3{color:#ef0000} .menu_ProduitV .ssmenu li.open3 .sssmenu li{width:140px} /* level4*/ .menu_ProduitV li.level4 {text-indent:0; line-height:16px; padding:2px 0 2px 12px; text-indent:-8px;} .menu_ProduitV li a.level4a{font-size:12px} .menu_ProduitV li a.level4a.open4{color:#ef0000} .menu_ProduitV li a.level4a span.picto{float:none; display:inline-block; width:7px;height:13px;margin-right:3px;background-position:-104px -43px;} .menu_ProduitV li a.level4a.open4 span.picto,.menu_ProduitVli a.level4a:hover span.picto{background-position:-104px -27px;} /* Menu Horizontal - Produit2 -------------------------------------------------------------- */ ul.horizontal2 {line-height:100%; position:relative; height:54px; z-index:15;} .horizontal2 li {float:left; display:block; z-index:14;} .horizontal2 a {display:block; width:auto; text-decoration:none; } .horizontal2 .sub2 {display:none;} /*habillage*/ .horizontal2 li.level1 {height:54px; line-height:54px;} .horizontal2 li.level1:hover{} .horizontal2 li.level1:hover .level1{text-decoration:underline;} .horizontal2 a.level1:link, .horizontal2 a.level1:visited{color:#fff; font-size:1em; text-align:center; padding:0 18px; height:24px; line-height:24px; border-left:1px solid #594A39; margin:15px 0;} .horizontal2 a.level1:hover {text-decoration:underline;} /*************************************************************************** * ACCUEIL ***************************************************************************/ /*Accueil Slide -----------------------------------------*/ #HomeSlide {position:relative; width:692px; height:244px; margin:30px 0 0 0;padding:0 34px;} #HomeSlide .view { float: left; position: relative; overflow: hidden; width:692px; height:214px;border-left:1px solid #a5a5a5;border-right:1px solid #a5a5a5;border-bottom:1px solid #d1d0d0;} #HomeSlide .overview {position: absolute; left: 0; top: 0; z-index:1} #HomeSlide .overview li{float:left; height:244px; width:692px; position:relative; background:#FFF; overflow:hidden; margin:0 10px 0 0 } #HomeSlide .overview li a .texte{ position:absolute;left:0;right:0;bottom:0;width:100%;height:30px;line-height:30px;background:#e4e4e4; text-align:center;font-size:14px;color:#ef0000; } #HomeSlide .overview li a:hover .texte{color:#000} #HomeSlide .buttons {position:absolute;width:17px;height:36px;top:104px;} #HomeSlide .prev span,#HomeSlide .next span{display:none;} #HomeSlide .prev{left:0;background-position:-121px 0} #HomeSlide .prev:hover{left:0;background-position:-120px -38px} #HomeSlide .next{right:0;background-position:-140px 0} #HomeSlide .next:hover{right:0;background-position:-140px -38px} #HomeSlide .shadow{ position:absolute;bottom:0px;width:709px;height:35px; background-position:-164px -15px; } #HomeSlide .disable {opacity: 0.3;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 30);filter: alpha(opacity = 30); cursor:default} #HomeSlide .prev.disable:hover{left:0;background-position:-121px 0} #HomeSlide .next.disable:hover{right:0;background-position:-140px 0} /*home onglet -----------------------------------------*/ .bloc_accueil_onglet{width:100%;height:auto;margin-bottom:20px;position:relative} #bloc_AC_onglet .titre{ width:100%;text-align:center;height:30px;line-height:30px;color:#ffffff;font-size:18px; text-shadow: 0px 1px 2px #000;border-bottom:1px solid #8e8e8e; margin-bottom:13px } #bloc_AC_onglet .titre .sep{ width:100%;height:1px;background:#ef0000; border-top:1px solid #d01111;border-bottom:1px solid #d01111; } .bloc_accueil_onglet .prev,.bloc_accueil_onglet .next{position:absolute;top:75px;width:11px;height:22px;cursor:pointer} .bloc_accueil_onglet .prev{left:0;background-position:-120px -79px} .bloc_accueil_onglet .prev:hover{background-position:-120px -102px} .bloc_accueil_onglet .next{right:0;background-position:-132px -78px} .bloc_accueil_onglet .next:hover{background-position:-132px -102px} .bloc_accueil_onglet .view{width:728px;height:192px;display:block;margin:13px 0 0 16px;position: relative; overflow: hidden;} .bloc_accueil_onglet .overview{position: absolute; left: 0; top: 0; z-index:1} .bloc_accueil_onglet .overview li{float:left;width:168px;height:190px;border:1px solid #e4e3e3; -webkit-border-radius: 3px;border-radius: 3px;position:relative;margin:0 15px 0 0; background:#FFF} .bloc_accueil_onglet .overview li a{display:block} .bloc_accueil_onglet .overview li a .shadow{position:absolute;width:89px;height:7px;bottom:-8px;left:50%;margin-left:-45px; background-position:-343px -0;} .bloc_accueil_onglet .overview li a .icon{position:absolute;top:4px;left:-1px;width:50px;z-index:1;} .bloc_accueil_onglet .overview li a .img {text-align:center} .bloc_accueil_onglet .overview li a .img span{display:table-cell; width:168px; height:118px; line-height:118px; vertical-align:middle;background:#fff} .bloc_accueil_onglet .overview li a .img span img{max-width:168px;max-height:118px;vertical-align:middle;} .bloc_accueil_onglet .overview li a .bl_text{ width: 147px;height:55px;background:#ebe9e9;border-top:1px solid #d1d0d0;padding:8px 8px 8px 13px; -webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px; } .bloc_accueil_onglet .overview li a .bl_text .title{line-height:16px;height:34px;overflow:hidden;color:#504e4e;font-size:11px} .bloc_accueil_onglet .overview li a .bl_text .price{text-align:right;color:#ba0000} .bloc_accueil_onglet .overview li a .bl_text .price .prix_sans_remise{color:#868585; text-decoration:line-through; padding:0 3px; font-size:10px} .bloc_accueil_onglet .overview li a .bl_text .price .remise {background:#EF0000; color:#FFF; padding:0 3px; float:left; line-height:15px; margin:0 0 0 -5px} .bloc_accueil_onglet .overview li a .bl_text .price .apartirde {height:10px; line-height:10px; font-size:10px; color:#333; text-align:right; display:block} .bloc_accueil_onglet .overview li:hover a{text-decoration:none;} .bloc_accueil_onglet .overview li:hover a .bl_text .title{color:#ef0000} .bloc_accueil_onglet .overview li:hover a .bl_text{border-color:#ef0000} /*************************************************************************** * NODE ***************************************************************************/ #block_node_title{ width:718px;height:auto;padding:13px 18px 20px 24px; margin-top:20px;background:#f0f0f0;position:relative } #block_node_title .shadow{ position:absolute;bottom: -16px;width:709px;height:16px; background-position: -164px -28px; } #block_node_title .bl_title_description{} #block_node_title .bl_title_description h1{ display:block;min-height:35px;line-height:1; color:#504e4e;font-size:34px;border-bottom:1px solid #dadada;margin-bottom:15px; padding: 10px 0} #block_node_title .bl_title_description .description{width:100%;line-height:16px;color:#3f3f3f;font-size:13px;} #block_node_title .bl_title_description .description .schema{border:1px solid #c7c7c7} #block_node_title .image_title{ float:right;background:#FFF;position:relative;padding:0 8px;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9; margin:0 0 12px 12px} #block_node_title .image_title .centrer { vertical-align:middle;display:table-cell;height:140px;line-height:140px;} #block_node_title .image_title img {vertical-align:middle;} #block_node_title .image_title .shadow1{position:absolute;height:9px;width:100%;margin:0 auto;bottom:-18px; background-position:-164px 0;left: 0px; border-top: 9px solid #EF0000} /*************************************************************************** * Breadcrumb ***************************************************************************/ .breadcrumb{width:100%;line-height:16px;font-size:12px;color:#ef0000;margin-bottom:13px} .breadcrumb a{color:#ef0000;margin-left:5px} .breadcrumb a:last-child{font-weight:bold} .breadcrumb a:hover{text-decoration:underline} /*************************************************************************** * LISTE ***************************************************************************/ #content-list-sidebar{float:left; width:200px;position:relative;top:-36px; vertical-align:top; margin: 0 20px 0 0;} #content-list-sidebar .block_re_menu{width:100%;height:auto;position:relative; -moz-box-shadow: 5px 0px 8px -5px #000000;-webkit-box-shadow: 5px 0px 8px -5px #000000;box-shadow: 5px 0px 8px -5px #000000;} #content-list-sidebar .block_re_menu .shadow{position:absolute;height:9px;width:150px;margin:0 auto;bottom:-18px;background-position:-164px 0;left: 30px;} #content-list-main{float:left; width:760px; vertical-align:top;} #content-list-main.nodescription .description p{ margin-bottom:20px; } #content-list-main.nodescription .description .readmore{ color:#f00f0f; font-weight:bold; text-transform:uppercase;font-size:1em; } /*bloc list article -------------------------------------------------------------- */ .block_products{display:block;width:718px;margin-top:25px;background:#f2f2f2;padding:11px 18px 20px 24px;position:relative;} .block_products .shadow{position:absolute;bottom: -16px;width:709px;height:16px;background-position: -164px -28px;} /* NODE SONS -------------------------------------------------------------- */ .parent_node_sons{width:760px} .node_sons{float:left;width:94px;height:123px;text-align:center;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-top:1px solid #e9e9e9;background:#f7f7f7;margin:20px 27px 0 0;position:relative;} .node_sons .shadow1{position:absolute; width: 94px;height:16px;left:0;background-position:-343px 0; bottom: -19px; border-top:3px solid #EF0000;} .node_sons .img{width:94px;height:90px;display:block} .node_sons .img span{display:table-cell; width:94px; height:90px; line-height:118px; vertical-align:middle;} .node_sons .img span img{max-width:94px;max-height:90px;vertical-align:middle; } .node_sons .title{color:#504e4e;font-size:13px;line-height:16px; overflow:hidden; height:33px} .node_sons:hover{border-color:#EF0000} .node_sons:hover .shadow1{width: 96px;left:-1px} .node_sons.node_sons_text {height:43px; width: 150px} .node_sons.node_sons_text .title {margin-top:5px; width: 150px} .node_sons.node_sons_text .shadow1 {width: 150px; background-position: -309px 0;} /*bloc option display -------------------------------------------------------------- */ .block_option_display{width:100%;padding-bottom:9px;height:30px;line-height:30px;border-bottom:1px solid #d8d8d8;margin-bottom:10px} .block_option_display .total_article{float:left;width:auto;color:#3f3f3f;font-size:15px;} .block_option_display .sorting{float:left;width:auto;color:#3f3f3f;font-size:15px;margin-left:150px} .block_option_display .sorting select{height:26px;border:1px solid #dbdbdb;padding:5px;line-height:13px;color:#626262;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .pagination{float:right;width:auto;height:26px;line-height:26px} .pagination a, .pagination span{float:left;color:#4b4b4b} .pagination a.disable span{color:#848383} .pagination span.select select{ height:26px;width:60px;border:1px solid #dbdbdb;padding:5px;line-height:13px;color:#626262; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:0 10px } .pagination a:hover span{color:#EF0000} /* mode liste */ .list{width:100%;display:block} .list ul{width:100%;} .list ul li{ position:relative;width:716px;height:103px;border:1px solid #ffffff; margin-bottom:8px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1); } .list ul li:hover{border-color:#ef0000;} .list ul li .contenu{ display:block;width:714px;height:101px;border:1px solid #e7e7e7;background:#fff; -webkit-box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.2);box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.1); } .list ul li:hover .contenu{box-shadow: none;} .list ul li .contenu .bl1{float:left;width:525px;height:92px;padding:5px 0 4px 0;overflow:hidden;position:relative;color:#3f3d3d; cursor:pointer} .list ul li .contenu a:hover{text-decoration:none} .list ul li .contenu .bl1:hover .col2 .title{color:#ef0000} .list ul li .contenu .bl1 .icon{position:absolute;top:4px;left:-1px;width:50px;z-index:1;} .list ul li .contenu .bl1 .col1{float:left;width:130px;height:92px; text-align:center} .list ul li .contenu .bl1 .col1 span{ display:table-cell; width:130px; height:92px; line-height:92px; vertical-align:middle;background:#fff } .list ul li .contenu .bl1 .col1 span img{vertical-align:middle;max-width:130px;max-height:92px;} .list ul li .contenu .bl1 .col2{float:left;width:245px;height:100%;margin-left:10px} .list ul li .contenu .bl1 .col2 .title{display:block;width:100%;margin-bottom: 5px;margin-top:10px;min-height: 32px; text-overflow:clip; white-space: normal;} .list ul li .contenu .bl1 .col2 .ref{float:left;margin-bottom:14px} .list ul li .contenu .bl1 .col2 .marque{float:right;height: 16px;margin-right:10px;max-width:150px;overflow:hidden;line-height: 16px; min-width:45%} .list ul li .contenu .bl1 .col2 .texte{width:100%;height: 16px;line-height:16px;overflow:hidden;display: block;text-overflow:ellipsis; white-space: nowrap;} .list ul li .contenu .bl1 .col3 { float:left;width:125px;height:92px;margin-left:5px;text-align:center; border-right:1px dotted #d0cdcd;border-left:1px dotted #d0cdcd;color:#727171 } .list ul li .contenu .bl1 .col3 .stock{float:left;width:100%;font-weight:bold;margin-top:20px;text-align: left;} .list ul li .contenu .bl1 .col3 .stock span.ok, .list ul li .contenu .bl1 .col3 .stock span.ko{float:left;width:15px;height:13px; display:block; background:url(Image/DESIGN/defaut/picto.png) 1000px 1000px no-repeat;margin: 0 10px 0 15px;} .list ul li .contenu .bl1 .col3 .stock span.ok{background-position:-59px -22px;} .list ul li .contenu .bl1 .col3 .stock span.ko{background-position:-59px -22px;} .list ul li .contenu .bl1 .col3 .text{margin-top:10px} .list ul li .contenu .col4{float:right;width:168px;margin-right:10px} .list ul li .contenu .col4 .apartirde {height:25px; display:block; text-align:right; line-height:30px; font-size:10px; color:#888585} .list ul li .contenu .col4 .remise{ float:left;width:auto;height:17px;line-height:17px;background:#ef0000;margin-bottom:10px; padding:0 5px;color:#fff;font-family:"Arial Black", arial; font-weight:800;border:1px solid #f99999 } .list ul li .contenu .col4 .prix_ttc{ float:right;height:19px;line-height:19px;color:#3e3e3e;font-weight:bold; font-size:17px; } .ie7 .list ul li .contenu .col4 .prix_ttc{white-space : nowrap;} .list ul li .contenu .col4 .prix_sans_remise{ float:right; height:19px;line-height:19px;text-align:center; color:#888585;font-weight:bold;text-decoration: line-through; } .list ul li .contenu .col4 .quantite{ float:left;width: 65px;height:26px;line-height:26px; color:#585858;font-weight:bold; margin-top:5px; } .list ul li .contenu .col4 .quantite label{float:left;} .list ul li .contenu .col4 .quantite input{ float:right;width:27px;height:15px;border:1px solid #cacaca;padding:0;margin:0;background:#fbfbfb;text-align:center; line-height:15PX; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.2);box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.2); } .list ul li .contenu .col4 .ajout a.ajout_panier{ float:right;width:89px;height:24px;color:#fff;font-family:"Arial Black", arial; font-weight:800; font-size:11px;line-height:24px; border-left:1px solid #d30f0f;border-right:1px solid #d30f0f;text-transform:uppercase; background:url(../T_PASSIONAUTO/Image/DESIGN/defaut/bck_ajouter.jpg) 0 0 repeat-x; text-shadow: 0px 2px 3px #000;text-align:center; } .list ul li .contenu .col4 .ajout a.ajout_panier:hover{background:#504e4e;border-color:#585858} /*************************************************************************** * ARTICLES VIEWS ***************************************************************************/ #articles_views{width:100%;} #articles_views li{width:100%;} #articles_views li a{display:block} #articles_views li a .img{ float:left; width: 66px; height: 66px;border:1px solid #ffffff; margin-bottom:8px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); } #articles_views li a .contenu{ display:block; width: 64px; height: 64px;border:1px solid #e7e7e7;background:#fff; -webkit-box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.2);box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.1); overflow:hidden } #articles_views li a:hover .img{border-color:#ef0000} #articles_views li a .contenu span{display:table-cell; width: 64px; height: 64px; line-height: 62px; vertical-align:middle;background:#fff} #articles_views li a .contenu span img{vertical-align:middle;max-width:62px;max-height:62px;} #articles_views li a .bl_text{float:right;width:100px;height:72px;overflow:hidden;color:#646464;} #articles_views li a .bl_text .text{display:block;height:51px;line-height:16px;overflow:hidden; margin-bottom:7px} #articles_views li a .bl_text .price{display:block;width:100%;text-align:right;font-weight:bold;} #articles_views li a:hover .bl_text{color:#e30000} /*************************************************************************** * list side bar detail ***************************************************************************/ .side_bar_detail{float:left;} #side_bar_detail {width:752px;} .side_bar_detail .box_side_bar{padding:15px;background:#efefef;border:1px solid #aeaeae;position:relative; margin-bottom:35px} #side_bar_detail .box_side_bar {width:720px;} .side_bar_detail .box_side_bar .shadow2{ position:absolute;bottom:-25px;height:35px;left:50%; margin-left:-375px;background-position:-164px -15px; } #side_bar_detail .box_side_bar .shadow2 {width:752px;} .side_bar_detail .box_side_bar .titre_box{width:100%;color:#ef0000;height:20px;margin-bottom:20px;} .side_bar_detail .box_side_bar .titre_box a[href^="#DA_"] {font-size:14px; line-height:20px; padding:0 0 0 12px; margin:0 0 0 10px; border-left:1px solid #aaa} .side_bar_detail .box_side_bar .titre_box a[href^="#DA_"]:first-child {margin:0; padding:0; border-left-width:0} .side_bar_detail #Product_links_PereFils .box_side_bar .titre_box a[href="#DA_AllerAvec"], .side_bar_detail #Product_links_Frere .box_side_bar .titre_box a[href="#DA_MemeArtic"] {font-weight:bold; color:#ef0000; cursor:default} .side_bar_detail .box_side_bar .titre_box .picto{ float:right;width:16px;height:10px;background-position:-24px -32px } #side_bar_detail .list_mini{width:750px;} .list_mini ul li{float:left;width:122px;height: 210px; margin:0 27px 0 0} .list_mini ul li a.img_produit{ width:120px;height:130px; border:1px solid #ffffff;;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1); display: block; } .list_mini ul li a.img_produit .contenu{ display:block;width:118px;height:128px;border:1px solid #e7e7e7;background:#fff; -webkit-box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.2);box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.1); } .list_mini ul li a.img_produit .contenu span{width:118px;height:128px;line-height:128px;vertical-align:middle;display: table-cell;} .list_mini ul li a.img_produit .contenu span img{max-width:118px;max-height:128px;vertical-align:middle;} .list_mini ul li a.art_designation { display:block;width:100%;margin:10px 0 2px 0;font-size:12px;font-weight:bold;color:#585858; text-align:center;line-height:16px;max-height:34px;overflow:hidden } .list_mini ul li a.prix { display:block;width:100%;text-align:center;font-size:13px;font-weight:bold;text-align:right;color:#ba0000; position:relative; } .list_mini ul li a.prix .prix_sans_remise{color:#868585; text-decoration:line-through; padding:0 3px} .list_mini ul li a.prix .remise {background:#EF0000; color:#FFF; padding:0 3px; float:left; line-height:15px; margin: 0 0 0 2px;} .list_mini ul li a.prix .apartirde{height:10px; line-height:10px; font-size:10px; color:#333; text-align:right; display:block} .list_mini ul li:hover a.img_produit {border-color:#ef0000} #side_bar_detail2 {float:right} #side_bar_detail2 .box_side_bar .titre_box {font-size:14px; line-height:20px; font-weight:bold; color:#ef0000; text-align:center; margin-bottom:0} #side_bar_detail2 .list_mini ul li {float:none; margin:19px auto 0} #side_bar_detail2 .box_side_bar .shadow2 {width:184px; margin-left: -92px; background:url(Image/DESIGN/defaut/picto.png) -807px -56px no-repeat; } /*************************************************************************** * ONGLET ***************************************************************************/ .onglet{clear:both; margin:0 0 25px 0;} .onglet_menu ul{line-height:100%; overflow:hidden;} .onglet_menu li{float:left; display:block; margin:0 3px 0 0;} .onglet_menu li a{display:block; height:40px; line-height:40px; background:#7D6750; color:#fff; text-decoration:none; text-transform:uppercase; padding:0 10px; font-weight:bold;} .onglet_menu li a:hover{background:#EF0000;} .onglet_menu li a.selected:link, .onglet_menu li a.selected:visited, .onglet_menu li a.selected:hover{background:#EF0000;} /*************************************************************************** * DETAIL ARTICLE ***************************************************************************/ #content-product-main{ display:inline-block; width:938px; vertical-align:top; position:relative;top:-36px;background:#f5f5f5;padding:20px; border-top:1px solid #fff;border-left:1px solid #e4e4e4;border-left:1px solid #e6e6e6; } #content-product-main .shadow{ position:absolute;bottom:-25px;width:709px;height:35px;left:50%; margin-left:-350px;background-position:-164px -15px; } /* Retour -------------------------------------------------------------- */ a.retour:link, a.retour:visited{width:auto;height:23px;line-height:23px;font-size:13px} a.retour span.picto{float:left;width:21px;height:21px;background-position:-32px -184px;margin-right:10px;} a.retour:hover span.picto{background-position:-31px -208px} /* Bloc Galerie -------------------------------------------------------------- */ #bloc_DA_galerie{ float:left; width:382px; margin:10px 0;} #bloc_DA_photos .icon{position:absolute;top:4px;left:-1px;width:50px;z-index:1;} #bloc_DA_photos {position:relative; width:380px; height:330px; border:1px solid #c3c3c3;background:#fff;margin-bottom: 20px;} #bloc_DA_photos .shadow1{ position:absolute;bottom:-13px;left:0;right:0;width:100%;height:7px; border-top:6px solid #ef0000;background-position:-423px 0 } #bloc_DA_photos ul {overflow:hidden; height:330px;} #bloc_DA_photos li{width:380px; height:330px; line-height:330px;} #bloc_DA_photos li a{height:330px; line-height:330px; width:380px; display:table-cell; text-align:center; vertical-align:middle;} #bloc_DA_photos li a:hover{} #bloc_DA_fichier{position:absolute;width:83px;right:0;bottom:20px;z-index:10} #bloc_DA_fichier ul,#bloc_DA_fichier ul li{width:auto;height:auto;line-height:25px;} #bloc_DA_fichier ul li .picto {display:none} #bloc_DA_fichier ul li a{width:83px;height:25px;background:#da1616;line-height:25px;color:#fff; -webkit-border-radius: 3px 0px 0px 3px;border-radius: 3px 0px 0px 3px; border-top:1px solid #e66b6b; border-bottom:1px solid #880e0e } #bloc_DA_fichier ul li a:hover{background:#504e4e; border-top:1px solid #979696; border-bottom:1px solid #393838} #bloc_DA_vignettes{width:380px; position:relative; overflow:hidden; margin:0 0 0 0;} #bloc_DA_vignettes a span{ display:none;} #bloc_DA_vignettes #detailArticl_Galr {width:405px; height:auto; position:relative; overflow:hidden;} #detailArticl_Galr ul li{ float:left;width:108px;height:94px;border:1px solid #cfcfcf; border-bottom:2px solid #ef0000;margin:0 25px 15px 0; text-align:center; } #detailArticl_Galr ul li:HOVER {border-color:#EF0000} #detailArticl_Galr ul li a{ width:108px;height:94px;line-height:94px;vertical-align:middle;display: table-cell; } #detailArticl_Galr ul li a img{ max-width:108px;max-height:94px;vertical-align:middle; } #detailArticl_Galr .prev, #detailArticl_Galr .next{position:absolute;bottom: 55px; left:0; cursor:pointer; font-weight:bold; background: #E30000; font-family: "Arial Black", arial;padding:3px 5px 5px 5px;font-size: 15px;color: #FFF;} #detailArticl_Galr .next {left:360px;} #detailArticl_Galr .prev:hover,#detailArticl_Galr .next:hover {color:#000} #detailArticl_Galr a.disabled, #detailArticl_Galr a.disabled:hover {opacity: 0.5;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 50);filter: alpha(opacity = 50); color:#333; cursor:default} /* Zoom -------------------------------------------------*/ /*zoom Ici*/ .detailArticl_RefZoom {position:relative; width:380px; height:2px;} /*reference de positionnement du zoom ici*/ #RepereZoom { position: absolute; border:1px solid #666; background-color:#FFF; -moz-opacity: 0.4; opacity: 0.4; -khtml-opacity: 0.4; font-size:0 } /*le petit cadre qui montre ou est le zoom*/ #zoomx-visuel { position: absolute; margin:10px 0 0 0; height:330px; width:380px; background-repeat:no-repeat; border:1px solid #ccc; background-color:#fff; z-index:50; } /*le cadre de visualisation*/ /*zoom XL*/ #ZoomXL {border:1px solid #CCC; background-color:#FFF; z-index:150; overflow:hidden; text-align:center; background-position: 50% 100px; background-repeat:no-repeat; background-image:url(/Image/WEB/loading.gif);} /*popup*/ #ZoomXLClose {position:absolute; top:5px; right:30px; background:url(Image/DESIGN/ZoomXLClose.png) no-repeat 0 0; width:53px; height:68px; z-index:151; cursor:pointer }/*bouton fermer*/ #ZoomXLBack {position: absolute; top:0; left:0; width:2000px; height:2000px; background-color:#FFF; z-index:149}/*arriere plan*/ /*vignette zoom XL*/ #ZoomXLVignettes {position:absolute; top:5px ; left:30px; width:50px; z-index:151} #ZoomXLVignettes ul {margin:0; padding:0;} #ZoomXLVignettes ul li {list-style:none; margin: 0 0 10px 0;} #ZoomXLVignettes a.NoZoom {display:none} #ZoomXLVignettes a {text-decoration:none; display:table-cell; border:1px solid #eee; width:50px; height:50px; line-height:50px; vertical-align:middle;} #ZoomXLVignettes a img {max-height:50px; max-width:50px} #ZoomXLVignettes a:hover img{ -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity: 0.8;} #ZoomXLVignettes a.next, #ZoomXLVignettes a.prev {display:none} /* Bloc Descriptif -------------------------------------------------------------- */ #bloc_DA_descriptif{float:left; width:547px;color:#3f3f3f} #bloc_DA_descriptif .bl_title_ref{width:527px;padding:0 0 0 20px;border-bottom:1px solid #dcdcdc;margin-bottom:15px;} #bloc_DA_descriptif .bl2{width:527px;padding:0 0 0 20px;} #bloc_DA_descriptif .titre{color:#504e4e; font-size:20px; font-weight:bold; line-height:22px; margin:8px 0 3px; border-bottom:0 solid #3f3f3f} #bloc_DA_descriptif .ref{font-size:14px; line-height:35px;} #bloc_DA_descriptif .fb-like {float:right; margin:5px 0 0 0} #bloc_DA_descriptif .description{text-align:left;line-height:16px;font-size:14px;} #bloc_DA_descriptif .description strong, #bloc_DA_descriptif .description b { font-weight: bold;} #bloc_DA_descriptif .marque{margin:40px 0 30px 0} #bloc_DA_descriptif .listeliens{width:100%;} #bloc_DA_descriptif .listeliens li.telecharger{width:auto;height:17px;} #bloc_DA_descriptif .listeliens li.telecharger a{line-height:17px;text-decoration:underline} #bloc_DA_descriptif .listeliens li.telecharger .picto{ float:left;width:16px;height:18px;background-position:-83px -37px; margin-right:5px } #bloc_DA_descriptif .disponibilite{float:left;width: 230px;text-align:right;} #bloc_DA_descriptif .disponibilite .stock{height:14px;line-height:14px;margin-top:20px} #bloc_DA_descriptif .disponibilite .stock span{float:right;} #bloc_DA_descriptif .disponibilite .stock span.picto{width:15px;height:13px;background-position:-59px -22px;margin: 0 15px 0 0;} #bloc_DA_descriptif .disponibilite .lourd{height:15px;margin-top:10px} #bloc_DA_descriptif .disponibilite .lourd .pic{width:19px;height:15px;background-position:-60px -38px;margin: 0 10px 0 0; display:inline-block; background-image:url(Image/DESIGN/defaut/picto.png); vertical-align:middle} /*tableau occasion*/ .occasion { width:100%; border-collapse:collapse; background:#FFF; border:1px solid #FFF; webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.2);box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.1);} .occasion th { font-weight:bold; border-bottom:3px solid #EF0000; padding:12px 5px 8px; } .occasion td { padding: 5px; vertical-align:middle; border-left:1px solid #e7e7e7;} /* Bloc Achat -------------------------------------------------------------- */ #bloc_DA_achat{ float:right;width:268px;min-height:78px;overflow:hidden; border:1px solid #ffffff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1); } #bloc_DA_achat .contenu{ display:block;width:266px;min-height:76px;border:1px solid #e7e7e7;background:#fff; -webkit-box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.2);box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.1); } #bloc_DA_achat .contenu:before, #bloc_DA_achat .contenu:after { content: " "; display: table; } #bloc_DA_achat .contenu:after { clear: both; } #bloc_DA_achat .prix{float:left;width:120px;min-height:55px;margin:12px 0 0 15px} #bloc_DA_achat .prix .remise{ width:100px;height:18px;line-height:18px;color:#fff;font-family:"Arial Black", arial; font-weight:800;font-size:14px; background:#ef0000;display:block;text-align:center; } #bloc_DA_achat .prix .prix_sans_remise{float:left;font-weight:bold;color:#868585;text-decoration: line-through;font-size:10px; line-height:17px; display:block; text-align:center; width:120px} #bloc_DA_achat .prix .prix_ttc{float:left;font-weight:bold;font-size:16px;line-height: 16px;font-size: 16px;color:#3e3e3e; display:block; text-align:center; width:120px; padding:0 0 8px} #bloc_DA_achat .prix .prix_centre {float:none; display:block; text-align:center; line-height:30px} #bloc_DA_achat .prix .apartirde{height:16px; line-height:20px; font-size:10px; text-align:center; display:block} #bloc_DA_achat .contenu .ajuster{float:right;width:110px;height:auto;margin:12px 10px 0 0;} #bloc_DA_achat .contenu .ajuster #LaQuantiteIndique, .occasion [id^=LaQuantiteIndique]{ width: 27px;line-height: 15px;height: 15px;border: 1px solid #CACACA;padding: 0;margin: 0 0 0 5px;background: #FBFBFB;text-align: center; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.2); } #bloc_DA_achat .contenu .ajuster a[CLASS^=ajout_panier], .occasion a[CLASS^=ajout_panier]{ float:right;width:109px;height:24px;color:#fff;font-family:"Arial Black", arial; font-weight:800;font-size:11px;line-height:24px; border-left:1px solid #d30f0f;border-right:1px solid #d30f0f;margin-top:10px;text-transform:uppercase; background:url(../T_PASSIONAUTO/Image/DESIGN/defaut/bck_ajouter.jpg) 0 0 repeat-x; text-shadow: 0px 2px 3px #000;text-align:center } #bloc_DA_achat .contenu .ajuster a[CLASS^=ajout_panier_interdit], .occasion a[CLASS^=ajout_panier_interdit]{ float:right;width:130px;height:24px;color:#fff;font-family:"Arial Black", arial; font-weight:800;font-size:11px;line-height:24px; border-left:1px solid #d30f0f;border-right:1px solid #d30f0f;margin-top:15px;text-transform:uppercase; background:url(../T_PASSIONAUTO/Image/DESIGN/defaut/bck_ajouter.jpg) 0 0 repeat-x; text-shadow: 0px 2px 3px #000;text-align:center;margin-right:57px; } .occasion a[CLASS^=ajout_panier] {margin-top:0} .occasion [id^=LaQuantiteIndique] {height:22px; line-height:22px} #bloc_DA_achat .contenu .ajuster a.ajout_panier_dispo, .occasion a.ajout_panier_dispo{background: #585858;border-color:#585858} #bloc_DA_achat .contenu .ajuster a.ajout_panier_dispo:hover, .occasion a.ajout_panier_dispo:hover, a.ajout_panier_interdit:hover {border-left:1px solid #d30f0f;border-right:1px solid #d30f0f;background:url(../T_PASSIONAUTO/Image/DESIGN/defaut/bck_ajouter.jpg) 0 0 repeat-x;} #bloc_DA_achat .contenu .ajuster a.ajout_panier_disable {opacity: 0.4;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 40);filter: alpha(opacity = 40);} #bloc_DA_achat .contenu .ajuster a.ajout_panier:hover, .occasion a.ajout_panier:hover{background: #585858;border-color:#585858} #bloc_DA_descriptif ul.liens{float:right;width:258px;padding:15px 0} #bloc_DA_descriptif ul.liens li{float:left;margin-right:10px;} #bloc_DA_descriptif ul.liens li.envoi_ami a{display:block;width:17px;height:13px;margin-top:3px;background-position:-59px -93px} #bloc_DA_descriptif ul.liens li.envoi_ami a:hover{background-position:-82px -93px} #bloc_DA_descriptif ul.liens li.print a{display:blcok;width:20px;height:17px;background-position:-59px -74px} #bloc_DA_descriptif ul.liens li.print a:hover{background-position:-82px -74px} #bloc_DA_descriptif ul.liens li.contact a{display:blcok;width:auto;height:16px;line-height:16px;margin-top:3px} #bloc_DA_descriptif ul.liens li.contact a .picto{float:left;width:16px;height:16px;background-position:-59px -56px;margin-right:5px;} #bloc_DA_descriptif ul.liens li.contact a:hover .picto{background-position:-82px -56px} #bloc_DA_descriptif .nos_engagements{width:100%;height:auto} #bloc_DA_descriptif .nos_engagements .title{ width:527px;height:36px;line-height:36px;padding:0 0 0 20px;border-bottom:1px solid #dcdcdc;margin-bottom:15px;color:#514e4e; font-size: 14px; font-weight:bold; } #bloc_DA_descriptif .nos_engagements a{float:left;width:auto;margin-right:40px;line-height:27px} #bloc_DA_descriptif .nos_engagements a .picto{float:left;margin-right:5px} #bloc_DA_descriptif .nos_engagements a.livra{margin-left:20px} #bloc_DA_descriptif .nos_engagements a.livra .picto{width:22px;height:27px;background-position:0 -46px} #bloc_DA_descriptif .nos_engagements a.livra:hover .picto{background-position:-29px -46px} #bloc_DA_descriptif .nos_engagements a.pai .picto{width:26px;height:27px;background-position:0 -108px} #bloc_DA_descriptif .nos_engagements a.pai:hover .picto{background-position:-29px -108px} #bloc_DA_descriptif .nos_engagements a.sat{margin:0} #bloc_DA_descriptif .nos_engagements a.sat .picto{width:25px;height:22px;background-position: 1px -139px;} #bloc_DA_descriptif .nos_engagements a.sat:hover .picto{background-position:-28px -139px} /*************************************************************************** * FORM ***************************************************************************/ /* form -------------------------------------------------------------- */ fieldset{padding:1.5em; border:1px dotted #7D6750; margin:0.5em; position:relative;} fieldset div{margin:0 0 2px 0} legend{font-size:1.2em; padding:0.2em; color:#EF0000; font-weight:bold; background:#f5f5f5;} label{font-weight:bold; height:24px; line-height:24px; text-align:right; padding:0 5px 0 0; display:block; float:left;} /* form one col */ .fieldsetOne fieldset{} label.labelOne{width:190px;} /* form two col */ .fieldsetTwo fieldset{width:44%; min-height:145px;} label.labelTwo{width:120px;} input[type=text], input[type=password], input.text, input.title, select {background-color:#fff; border:1px solid #C7C1B8; color:#878687; font-size:12px; line-height:22px; height:22px; padding:0 0 0 3px; width:200px;} .formSelectLots select{width:65px;} textarea{background-color:#fff; border:1px solid #C7C1B8; color:#878687; font-size:11px; line-height:18px; padding:0 0 0 3px; margin:0; size:25;} input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#555;} input[disabled=disabled]{border:1px solid #E0DDD7;} .checkbox_liste input[disabled=disabled]{border:none;} .panel_statut input[disabled=disabled]{border:none;} /* form type */ .formSelect, .formSelectLots, .formCheckbox, .formRadio, .formButton, .formError{overflow:hidden;} .formCheckbox, .formRadio{padding:0 0 0 190px;} .formCheckbox input, .formRadio input{float:left;} #pro input {float:none} .formSelect{} .formSelectLots{} .formCheckbox{font-size:11px} .formRadio{} .formButton{margin:15px 0;} .formButtons{margin:15px 0 15px 220px;} .formError{} .accountContext .formInput {margin:0; padding:0; } .accountContext label{display:inline-block; float:none; } .accountContext label.error {width:auto; display:block; color:#cc0000; padding-left:130px; text-align:left; margin:0 0 8px 0; line-height:normal; height:auto } .accountContext #content-account-main label.error, .accountContext #accountForm label.error, .accountContext #form-shipping-adresses label.error{padding-left:200px } .accountContext input.valid {border-color:#00ef00; } .accountContext input.error {border-color:#cc0000} #identification .formInput {margin:0; padding:0; } #identification label{display:inline-block; float:none; } #identification label.error {width:auto; display:block; color:#cc0000; padding-left:130px; text-align:left; margin:0 0 8px 0; line-height:normal; height:auto } #identification #content-account-main label.error, #identification #accountForm label.error{padding-left:200px } #identification input.valid {border-color:#00ef00; } #identification input.error {border-color:#cc0000} #creation_adress label[class^=label] {width:190px} /* valid form */ fieldset .valid{} fieldset .invalid{border-color:#cc0000} fieldset .required{} /* form delivery adress */ fieldset.creation_adress{border:none; padding:0;} .labelAdress{} /* messages errors -------------------------------------------------------------- */ .error{margin: 5px 0 5px 0; color:#f00;} .identification .error{margin: 0 0 10px 0;} .identification .error div{margin: 0 0 10px 0; color:#f00;} .identification .error li{font-style:italic; font-size:11px; line-height:15px; color:#f00;} .FormBoxMessagesErrors .PWI_Message {font-size:13px; line-height:16px; padding:12px 20px; margin:15px; background:#FFF4AF; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;} /*utile dans identification*/ label .required, .etoile{color:#f00;} /* input newsletter + recherche */ input.defaut{height:26px; line-height:30px; border:1px solid #F46E02;} /* message envoi ok/Nook -------------------------------------------------------------- */ .box-message{margin:0.5em 0; text-align:center; color:red;} /*change password */ .password_ko{color:red;} .password_ok{color:green;} /*ps_form*/ [id^=result-] {color:#3aaa35} .ps_form {padding:0 0 35px 0; border:none} #formulaire-SendToAFriend {width:530px} .ps_form .ps_form_title {display: block;height: 55px;line-height: 55px;overflow: hidden;color: #FFF;font-size: 34px;border-bottom: 3px solid #EF0000;margin-bottom: 15px; font-weight:bold} #content-product-main .ps_form .ps_form_title {color:#504E4E; font-size:14px; height: 36px;line-height: 36px;padding: 10px 0 0 20px;border-bottom: 1px solid gainsboro; overflow:visible} .ps_form_intro{ margin:15px 0 0 0; font-size:13px; line-height:18px; color:#FFF; font-weight:bold; text-shadow:0 0 3px #555} #content-product-main .ps_form_intro {color:#000; text-shadow:none; font-weight:normal;} .ps_form_intro a{color:#fff; background:#333; padding:0 5px} .ps_form_intro a:hover {color:#EF0000; text-shadow:none; text-decoration:none} .ps_form_form {float:left; margin:15px 0; border:none; padding:0; width:450px} .ps_form_form fieldset {border:none; padding:0;} .ps_form_form legend {line-height:25px; color:#fff} .ps_form .formInput {margin:0; padding:3px 0; border-top: 1px solid #F0EFF0;border-bottom: 1px solid #A29E9E;background: url(../T_PASSIONAUTO/Image/DESIGN/defaut/bck_menu.jpg) left bottom no-repeat;} .ps_form_form label{ width:150px; display:inline-block; line-height:25px; font-size:13px; color: #3F3F3F;text-shadow: 1px 1px 2px white; font-weight:normal; float:none; vertical-align:top} .ps_form_form label.error {width:auto; display:block; color:#cc0000; padding-right:45px} .formAdress {margin:0} .ps_form_form input[type=text], .ps_form_form textarea, .ps_form_form select {padding:0 2px; border-top:1px solid #A6A6A6; border-right:1px solid #A6A6A6;border-bottom:1px solid #FFF; border-left:1px solid #FFF; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;} .ps_form_form input.valid, .ps_form_form textarea.valid, .ps_form_form select.valid {border-top:1px solid #A6A6A6; border-right:1px solid #A6A6A6;border-bottom:1px solid #FFF; border-left:1px solid #FFF; } .ps_form_form input.error, .ps_form_form textarea.error, .ps_form_form select.error {border-color:#cc0000} .ps_form_form select {padding:4px 4px 4px 1px; height:auto} .ps_form_form input[type=text]{width:200px; margin:2px 0 0 0;} .ps_form_form textarea{margin:2px 0 0 0; width:213px; height:120px;} .ps_form_form select.civilite, .ps_form_form select.pays, .ps_form_form select.connu{width:205px;} .ps_form_form .ps_form_Radio{margin:10px 0 10px 0; font-size:11px;} .ps_form_form .ps_form_Radio input[type="checkbox"] {margin: 0 0 0 60px; width: 50px;} .ps_form_bouton {margin:0 0 0 150px;} .ps_form_legende{ clear:both; color:#f00; font-size:11px; padding:20px 0 0 0; font-style:italic;} /* btn */ .ps_form_bouton .button1{ margin:10px 0 0 5px;} .ps_form_bouton .button2{margin:10px 0 0 0;} /*article quand present*/ .ps_form_article{ float:right; text-align:center; width:375px } .ps_form_article a{ width:450px; height:250px; line-height:450px;display:inline; text-align:center; text-decoration:none} .ps_form_article a[href^=mailto] {line-height:1.5em} .ps_form_article a.image:hover{ width:450px; height:250px; line-height:450px;display:inline; text-align:center;} .ps_form_article .image span{display:table-cell; width:450px; height:250px; vertical-align:middle;} #content .ps_form_article a.titre {font-size:14px; line-height:18px; text-decoration:none; margin:35px 0 5px 0; color:#E03864} #content .ps_form_article a.titre:hover{text-decoration:none; color:#313131} #contact .ps_form_article {background:#FFF; border-bottom:4px solid #D01111; padding:25px; font-size:12px; line-height:18px; margin-top:35px; text-align:left} #contact .ps_form_article h2 {color:#EF0000; font-size: 18px; letter-spacing: 0.06em; line-height: 28px; margin:0 0 10px; font-weight:bold} #contact .ps_form_article h3 {color:#504e4e; font-size: 15px; line-height: 18px; margin:8px 0 0 0; font-weight:bold} #contact .ps_form_article p {margin:5px 0 10px 0} #contact .ps_form_article strong {font-weight:bold} /*************************************************************************** /* input newsletter + recherche */ input.defaut{height:26px; line-height:30px; border:1px solid #F46E02;} /* messages POST formulaires */ .form_message{width:578px; vertical-align:top;top:-36px;background:#f5f5f5;padding:20px 200px; border-top:1px solid #fff;border-left:1px solid #e4e4e4;border-left:1px solid #e6e6e6;} .form_message h1 {font-size:18px; margin-bottom:0} .form_message_txt, .error ul { font-size:12px; padding:15px 0; line-height:18px; border-bottom:1px solid #e4e4e4;} .form_message_NoOK .form_message_txt {font-weight:bold; color:#990000; } .form_message_bouton {padding:15px 0; text-align:center; } /* donne avis --------------------------------*/ ul.notes-echelle {margin:0; list-style:none!important; display:inline-block} ul.notes-echelle li {float:left; list-style:none!important; margin:0;padding:0;} ul.notes-echelle li label { display:block; text-align:center; line-height:22px; background:url(Image/DESIGN/etoiles.gif) center top no-repeat; cursor:pointer; width:19px; font-size:11px; color:#FFF; padding:0 0 0 1px; margin:0 2px 0 0; font-weight:bold; text-shadow:none} ul.notes-echelle li.note-off label {background-position:center -60px; color:#000} ul.notes-echelle li.note-checked {font-weight:bold;} ul.notes-echelle.js li {min-width:20px;min-height:20px;} ul.notes-echelle.js input {position:absolute;left:-999%;} ul.notes-echelle.js li.note-focus {outline:1px dotted #000;} * html ul.notes-echelle.js li {width:20px;height:20px;} #donne_avis .formInput .clear {margin:0} /* parrainage --------------------------------*/ #parrainage .titre{line-height:14px; margin:5px 0 5px 0; font-weight:bold;} #parrainage .texte{line-height:14px; margin:5px 0 5px 0;} #parrainage tr.legende th{border-top:1px dotted #eee; border-bottom:1px dotted #eee;} #parrainage table{width:650px;} #parrainage th{background:#B3B1B1; padding:0 0 0 8px; height:20px; line-height:20px;} #parrainage td{background:#EEEEEE; padding:3px 0 3px 5px;} #parrainage input{width:220px;} #parrainage .parrainage_erreur{line-height:25px; color:#f00; } #parrainage button{width:80px;} #parrainage .picto{display:block; width:80px; height:15px; background:url(Image/DESIGN/picto_parrainage.png) 29px 0 no-repeat;} /*************************************************************************** * ACCOUNT ***************************************************************************/ .accountContext {width:938px; vertical-align:top;top:-36px;background:#f5f5f5;padding:20px; border-top:1px solid #fff;border-left:1px solid #e4e4e4;border-left:1px solid #e6e6e6;} #account_old .float_l {float:left} #account_old .float_r {float:right} .account{overflow:hidden; margin:15px 0;} .accountBox{overflow:hidden;} a.forget:link, a.forget:visited{margin:0 0 0 130px; font-size:10px;} a.forget:hover{color:#000;} a.GoBack:link, a.GoBack:visited{position:absolute; right:15px; top:15px; color:#333; padding:5px 15px; text-decoration:none; font-weight:bold; font-size:14px; text-decoration:underline} a.GoBack:hover{color:#ED0000;} #content-account-sidebar{display:inline-block; width:220px; vertical-align:top; margin:0 30px 0 0; border-bottom: 9px solid #EF0000;} /* level1 */ #content-account-sidebar li.level0{width:100%;height:auto;border-top:1px solid #f0eff0;border-bottom:1px solid #a29e9e;background:url(../T_PASSIONAUTO/Image/DESIGN/defaut/bck_menu.jpg) left bottom no-repeat} #content-account-sidebar li.level0 span.level0{ display:block;width: 180px;height:16px;line-height:16px;font-weight:bold;color:#3f3f3f;text-shadow: 1px 1px 2px #fff; text-transform:uppercase;padding:12px 10px;background-position:-59px -199px;position:relative } #content-account-sidebar li.level0 ul{width:200px;height:auto;margin:-8px 0 0 0; padding:0 0 5px 0} #content-account-sidebar li.level0 ul li.level1{ width:180px;padding:0 10px;display:block;font-size:13px;line-height:20px;color:#3f3f3f; text-shadow: 1px 1px 2px #fff; } .ie7 #content-account-sidebar {float:left} #content-account-main{display:inline-block; width:670px; vertical-align:top;} .account-list li{border:1px dotted #7D6750; padding:8px 5px; margin:0 0 10px 0;} .account-list li a{text-decoration:none;} .account-list li .title{font-size:1.2em; line-height:1.4em; color:#EF0000; font-weight:bold; text-decoration:none; display:block;} .account-list li a:hover .title{text-decoration:underline;} .account-list li a:hover .text{color:#000;} /*Orders -------------------------------------------------------------- */ #tab-account .message{} #tab-account .item {color:#1a1a1a; background:#D5C9BD; text-decoration:none; display:block; height:31px; padding:7px 10px; margin:0 0 1px 0; font-size:13px} #tab-account .item .titre {font-weight:bold; font-size:14px; line-height:18px} #tab-account .item .etat{color:#C71D22} #tab-account .item .soustitre {color:#707070; font-size:12px; line-height:13px} #tab-account .item .picto{width:22px; height:22px; float:right; text-indent:-9999px; background:url(Image/DESIGN/pictos-suivi-compte.png) no-repeat 0 0; margin:5px 0 0 5px} #tab-account a.item:hover {background:#EEE9E3} #tab-account a.item:hover .picto {background-position:-22px 0} #tab-account a.open .picto {background-position:-44px 0} #tab-account a.open:hover .picto {background-position:-66px 0} #tab-account .detail_tab { overflow:hidden; width:100%; } .ModerneBrws #tab-account .detail_tab { display:block} #tab-account-detail { border-collapse:collapse; width:100%; font-size:13px; border:1px solid #000;} #tab-account-detail th {background:#7D6750; color:#FFF; padding:8px} #tab-account-detail td { padding:8px; vertical-align:middle} #tab-account-detail tr.ligne-exp td {padding:20px 8px 8px 8px; color:#C71D22; font-style:italic; border-top:1px solid #000; font-weight:bold; background:#EEE9E3;} #tab-account-detail tr.ligne-colis td {padding:8px; font-style:italic; color:#707070; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6} #tab-account-detail tr.ligne-colis td a, #tab-account-detail tr.ligne-exp td a { background:#e6e6e6; color:#000; text-decoration:none; line-height:17px; padding:0 5px; margin:0 5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;} #tab-account-detail tr.ligne-colis td a .picto {text-indent:-9999px; width:13px; height:13px; background:url(Image/DESIGN/pictos-suivi-compte.png) no-repeat -88px 0; display:inline-block; float:none; margin:0 5px 0 0} #tab-account-detail tr.ligne-exp td .pdf {text-indent:-9999px;width:16px; height:16px; background:url(Image/DESIGN/pictos-suivi-compte.png) no-repeat -103px -1px; display:inline-block; float:none; margin:0 5px 0 0} #tab-account-detail tr.ligne-colis td a:hover, #tab-account-detail tr.ligne-exp td a:hover {background:#707070; color:#FFF} *+html #tab-account-detail tr.ligne-colis td a .picto {display:block; float:left} #tab-account-detail tr.pairImpair td {} #tab-account-detail td.sc_qte {text-align:center} #tab-account-detail .sc_prix {min-width:60px; text-align:right;padding:8px 30px 8px 8px} #tab-account-detail th.sc_prix {padding:8px 50px 8px 0} #tab-account-detail .sc_cart a {} /*************************************************************************** * POPIN ***************************************************************************/ /*************************** POPIN ***************************/ .popin {width:300px; padding:25px} .popinSavedCartToCart {width:500px} .popin.cart-ok { width:500px; height:380px; } .popin .message {display:block;height:35px;line-height:35px;overflow:hidden; color:#504e4e;font-size:18px; border-bottom:1px solid #dadada; margin-bottom:10px; font-weight:bold} .popin .txt {font-size:12px; line-height:18px} .popin .detail .image {float:left;width:108px;height:94px;border:1px solid #cfcfcf;border-bottom:2px solid #ef0000;margin:0 10px 15px 0; text-align:center; vertical-align:middle; display:table-cell } .popin .detail .description {font-size:12px; line-height:15px} .popin .detail .designation { font-size:14px; line-height:17px; margin-bottom:8px; font-weight:bold; color:#EF0000} .popin .detail strong {font-weight:bold} .popin .buttons { clear:both; display:block; padding:0 0 25px 0; text-align:center} .popin .buttons .button1, .popin .buttons .button2 {height:24px; line-height:24px; font-size:11px} .popin .cross-sell { margin:20px 0; text-align:center; clear:both; display:block; width:500px; overflow:hidden; height: 100px; } .popin .popin-suggestion { float:left;border:1px solid #cfcfcf;border-bottom:2px solid #ef0000;margin:0 10px 15px 0; text-align:center; } .popin .popin-suggestion a {vertical-align:middle; display:table-cell; width:108px;height:94px; } .popin .popin-suggestion:hover { border-color:#EF0000; } #popup_PasswordLost{} #popup_AddToCart{} /*************************************************************************** * CART ***************************************************************************/ .cartContext {width:938px; vertical-align:top;top:-36px;background:#f5f5f5;padding:20px; border-top:1px solid #fff;border-left:1px solid #e4e4e4;border-left:1px solid #e6e6e6;} /*breadcrumb*/ .step-cart ul{text-align:center; border-bottom: 1px solid #DADADA;} .ie7 .step-cart ul {height:50px} .step-cart ul li{display:inline-block; line-height:50px; vertical-align:middle; width:19%;} .ie7 .step-cart ul li{display:block; float:left} .step-cart ul li.selected{font-weight:bold; border-bottom: 3px solid #EF0000; margin-bottom:-2px} /*block cart*/ .cart-step1{float:left; width:70%;} .cart-step3{float:left; width:100%;} .cart-reassurance{float:right; width:27%; border:1px dotted #333; margin:10px 0;} .cart-second-action {float:right; width:27%; margin:62px 0 0 0} .cart-second-action .button3 {width:100%; text-align:center; margin:0 0 5px 0; padding-right:0; padding-left:0; text-transform:uppercase} .cart-action{clear:both; text-align:right; overflow:hidden; padding:0.7em 0;} .cart-action .button2 {float:left} .cart-action-step1{width:70%;} .cart-mess{ clear:both; line-height:1.3; font-size:11px; text-align:justify; margin:5px 0; } /*table cart*/ #cart{border-spacing:0; border-collapse:collapse; border:1px solid #C5C5C5; width:100%;} #cart-header{border-bottom:1px solid #C5C5C5;} #cart-header th{line-height:20px; padding:5px; color:#000; font-weight:bold; font-variant:small-caps; font-size:1em;} #cart-content td{padding:5px; vertical-align:middle;} #cart-content .cart-line{font-size:11px; border-top:1px solid #C5C5C5;} #cart-content .kit {font-size:11px; } #cart-content .kit, #cart-content .kit a { color:#999} #cart-content .cart-photo{vertical-align:middle; text-align:center; padding:10px; width:82px;} #cart-content .cart-photo span{display:table-cell; width:70px; height:70px; text-align:center; vertical-align:middle; border:1px solid #ccc; background:#FFF} #cart-content .cart-photo img {max-width:70px; max-height:70px} #cart-content .kit .cart-photo {padding:0 0 6px 30px} #cart-content .kit .cart-photo span {width:50px; height:50px; } #cart-content .kit .cart-photo img {max-width:50px; max-height:50px} #cart-content .cart-quantity{} #cart-content .cart-designation a{text-decoration:none; } #cart-content .cart-code{} /*quantity*/ .QtyInput{width:20px!important; border-color:#c5c5c5!important; color:#000!important } .cart-quantity .QtyButtons{width:10px; height:20px; position:absolute; top:5px; left:30px;} a.QtyButton:link, a.QtyButton:visited{display:block; width:11px; height:11px; line-height:11px; text-align:center; margin:1px 0 2px; background:#666; color:#fff; text-decoration:none;} a.QtyButton:hover{background:#EF0000; color:#fff;} .cart-quantity div.Zone1 {width:35px; position:relative; text-align:left; padding:5px} .cart-quantity div.Zone2 {position:absolute; top:0; left:40px; background:#c5c5c5; padding:5px 3px 5px 3px; display:none} .cart-quantity div.Zone1.up {background:#c5c5c5;} .cart-quantity div.Zone1.up div.Zone2 {display:block} /*price*/ #cart-content .cart-price{width:80px; text-align:center;} #cart-content .cart-price span{display:block;} #cart-content .cart-price-full{text-decoration: line-through;} /*total*/ #cart-content .cart-total-line{ text-align:center;} #cart-content .cart-total-line-free{ text-align:center; font-weight:bold;} /*delete*/ #cart-content .cart-delete{font-size:11px; border-top:1px solid #C5C5C5;} #cart-content .cart-delete a{text-decoration:underline; color:#666; float:right;} #cart-content .cart-delete a span{display:block; float:left} #cart-content .cart-delete a .picto{text-decoration:none; background:#666; color:#fff; padding:1px; text-align:center; width:13px; height:13px; line-height:13px; margin:0 3px 0 0;} #cart-content .cart-delete a:hover{text-decoration:none; color:#000;} #cart-content .cart-delete a:hover .picto{background:#EF0000; font-size:1em} /*table cart promo*/ #cart-promo{float:right; overflow:hidden; margin:15px 0 0 0; display:none} #cart-promo td { vertical-align:top} #cart-promo .promo-intro{color:#666; font-style:italic; padding:0 5px 0 0; font-size:1em } #cart-promo .promo-intro .title{font-variant: small-caps; font-size:1.3em; color:#000; font-weight:bold; line-height:0.9em} #cart-promo .promo-input{text-align:right;} #cart-promo .promo-action{text-align:right;} #cart-promo #code_error{text-align:center; color:#EF0000} /*table cart footer*/ #cart-footer{float:left; width:100%; border:1px solid #c5c5c5; padding:5px; margin:15px 0 0 0;} #cart-footer td{text-align:right;} #cart-footer .promo{font-size:0.8em; font-style:italic;} #cart-footer .delivery{font-size:0.8em;} #cart-footer .totalTTC{font-size:0.9em; font-weight:bold; line-height:1.5em;} #cart-footer .totalHT{font-size:0.8em;} #cart-footer .legend{} #cart-footer .value{width:80px;} #cart-footer acronym {color:#000} #cart-footer acronym:hover {color:#e30000} /*table cart tva*/ #cart-tva{float:right; font-size:10px; color:#999; padding:5px;} #cart-tva th, #cart-tva td{text-align:center; padding:0 2px;} /*cart-reassurance*/ .cart-reassurance li {padding:5px; border-top:1px dotted #333; overflow:hidden} .cart-reassurance li:first-child {border-top-width:0} .cart-reassurance .title{display:block; font-size:14px; font-weight:bold; line-height:17px} .cart-reassurance .description {display:block; font-size:12px; line-height:14px } .cart-reassurance img{margin:-5px} .cart-cgv {text-align:right; padding:10px 0 5px; clear:both} .cart-cgv a {color:#000000; text-decoration:underline} .cart-cgv a:hover {color:#EF0000; } /*************************************************************************** * LIVRAISON ***************************************************************************/ /*tab menu*/ .tab-menu-shipping{} .tab-menu-shipping li{list-style-type:none; padding:7px 10px; float:left; font-size:12px; margin-right:5px; border:1px solid #c5c5c5;} .tab-menu-shipping li:hover{} .tab-menu-shipping li a{color:#999; text-decoration:none;} .tab-menu-shipping li a:hover{color:#666;} .tab-menu-shipping li.selected{border-bottom:1px solid #fff;} .tab-menu-shipping li.selected a{color:#333; } .tab-menu-shipping li.selected a span{cursor:default} .tab-menu-shipping .title{display:block; font-size:16px } .tab-menu-shipping .subtitle{display:block; font-size:10px } .tab-menu-shipping {overflow:hidden;} /*tab content*/ .tab-content-shipping{border:1px solid #c5c5c5; padding:10px; margin-top:-1px; background:#FEFEFE} .tab-content-shipping .adresse{color:#666; font-size:12px} .tab-content-shipping .adresse span{display:block;} .tab-content-shipping .adresse .legend{ font-weight:bold; line-height:18px; margin:0 0 5px 0;} .tab-content-shipping .adresse button{margin:10px 0;} .tab-content-shipping ul li {padding:10px; display:block; border:1px dotted #c5c5c5; background:#f9f9f9; color:#666;} .tab-content-shipping ul li span { display:inline-block; line-height:49px;} .tab-content-shipping ul li span.image {width:150px; background:url(Image/DESIGN/transport_select.png) no-repeat 0 0; text-indent:-99999px;} .tab-content-shipping ul li.COLISSIMOV3 .image {background: url(Image/DESIGN/transport_select.png) no-repeat 0 -49px;} .tab-content-shipping ul li.SOCOLISSIMO .image, .tab-content-shipping ul li.SOCOLISSIMOLIBERTE .image{background: url(Image/DESIGN/transport_select.png) no-repeat 0 -98px;} .tab-content-shipping ul li.CHRONOPOST .image {background: url(Image/DESIGN/transport_select.png) no-repeat 0 -147px;} .tab-content-shipping ul li.KIALA .image {background: url(Image/DESIGN/transport_select.png) no-repeat 0 -196px;} .tab-content-shipping ul li.ENLEVEMENT .image {background: url(Image/DESIGN/transport_select.png) no-repeat 0 -245px;} .tab-content-shipping ul li.UPS .image {background: url(Image/DESIGN/transport_select.png) no-repeat 0 -294px;} .tab-content-shipping ul li.HEPPNER .image {background: url(Image/DESIGN/transport_select.png) no-repeat 0 -343px;} .tab-content-shipping ul li.GLS .image {background: url(Image/DESIGN/transport_select.png) no-repeat 0 -392px;} .tab-content-shipping ul li.EXAPAQ .image {background: url(Image/DESIGN/transport_select.png) no-repeat 0 -441px;} .tab-content-shipping ul li.INTERNE .image {background: url(Image/DESIGN/transport_select.png) no-repeat 0 -490px;} .tab-content-shipping ul li.SCHENKER .image {background: url(Image/DESIGN/transport_select.png) no-repeat 0 -539px;} .tab-content-shipping ul li.TNT .image {background: url(Image/DESIGN/transport_select.png) no-repeat 0 -588px;} .tab-content-shipping ul li.TNTEXPRESS .image {background: url(Image/DESIGN/transport_select.png) no-repeat 0 -637px;} .tab-content-shipping ul li.CALBERSON .image, .tab-content-shipping ul li.GEODIS .image {background: url(Image/DESIGN/transport_select.png) no-repeat 0 -686px;} .tab-content-shipping ul li span.description {width:540px; padding:0 0 0 10px;} .tab-content-shipping ul li span.prix {width:150px; text-align:right; float:right; padding:0 10px 0 0;} /*delivery choice summary*/ .summary-shipping{margin:20px 0; padding:10px; border:1px solid #c5c5c5; color:#666} .summary-shipping .title{font-size:1.3em; line-height:2.1em; color:#333;} .summary-shipping .title .picto{display:none;} .summary-shipping .img{margin:5px 0;} .summary-shipping .adresse span{display:block; font-style:italic; line-height:1.4em;} /*new adresse popup*/ .addresses-shipping{width:800px;} .addresses-shipping .half{width:45%; float:left; margin:0 10px;} .addresses-shipping .half1 {width:30%} .addresses-shipping .half2 {width:55%} .addresses-shipping .shipping-address{cursor:pointer; border:1px solid #c5c5c5; padding:5px; margin:5px 0; font-size:11px;} .addresses-shipping .shipping-address:hover{background:#f9f9f9;} .addresses-shipping .shipping-address .nom{font-weight: bold;} .addresses-shipping .shipping-address a.button{float:right; display:block; text-decoration:none; background:#666; color:#fff; padding:1px;text-align:center; width:13px; height:13px; line-height:13px; margin:0 3px 0 0;} .addresses-shipping .shipping-address a.button:hover{background:#EF0000; font-size:1em} /*************************************************************************** * SOCOLISSIMO LIBERTE ***************************************************************************/ .SoColissimoLiberte {width:800px; padding:25px 25px 25px 35px; margin:0 0 0 -10px} .SoColissimoLiberte .bloc-liberte {width:390px; float:left; margin:0 0 0 10px} /*colonnes*/ .SoColissimoLiberte .bloc-liberte h2 {} .SoColissimoLiberte .clear {text-indent:-9999px} .SoColissimoLiberte li.choix-liberte {position:relative; margin:0 0 10px 0; padding:15px 8px 15px 60px; background:#F7F7F7; border:1px solid #E6E6E6;} .SoColissimoLiberte li.choix-liberte:hover {border:1px solid #D03C6D; cursor:default} .SoColissimoLiberte .choix-liberte img {margin:0 0 0 -45px} .SoColissimoLiberte .choix-liberte p {line-height:18px; padding:0 0 10px 0} .SoColissimoLiberte .choix-liberte a.button1 {padding-right:25px; padding-left:25px;} .SoColissimoLiberte #SoMobileErreur{margin:0 0 0 10px;} .SoColissimoLiberte #SoMobileErreur span{padding:5px 8px 5px 3px; line-height:18px; color:#fff; text-align:center; border: 1px solid #E6E6E6; font-weight:bold;} .SoColissimoLiberte #SoMobileErreur .SoMobileKO{background:#F00000;} .SoColissimoLiberte #SoMobileErreur .SoMobileOK{background:#66cc00;} .SoColissimoLiberteMap {width:850px; padding:0 25px} .SoColissimoLiberteMap h3 {font-size:13px; text-transform:uppercase; color:#cc1f29; line-height:25px; font-weight:bold; padding:8px 0 0 0} .SoColissimoLiberteMap .co-recherche, .SoColissimoLiberteMap .co-filtre {background:#EEE; margin:0 -25px; padding:0 25px; height:65px} .SoColissimoLiberteMap .co-recherche #SoAdresseInput {color:#000; height:19px; width:400px; border:3px solid #ccc; border-right:0; margin:0 -5px 0 0; -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px;} .SoColissimoLiberteMap .co-filtre #SoAdresseBt2 {margin:8px 0 0 0; } .SoColissimoLiberteMap .co-filtre { height:120px; border-bottom:1px solid #AAA; margin-bottom:15px} .SoColissimoLiberteMap .co-filtre li {position:relative; height:70px; width:200px; padding:5px 5px 0 5px; margin:0 20px 0 0; line-height:14px; float:left; background:#F7F7F7; border:1px solid #E6E6E6; } .SoColissimoLiberteMap .co-filtre li.li3 {width:350px; margin:0} .SoColissimoLiberteMap .co-filtre li input {position:absolute; top:8px; left:3px} .SoColissimoLiberteMap .co-filtre li img {margin:0 0 0 18px; height:30px} .SoColissimoLiberteMap .co-filtre li p {margin:0 0 0 0; font-size:11px; font-family:Arial, Helvetica, sans-serif} .SoColissimoLiberteMap #SoPoints {width:250px; height:500px; overflow:hidden; overflow-y:auto; float:left; border:1px solid #ccc} .SoColissimoLiberteMap #SoPoints li {padding:5px 3px; font: 11px/13px Arial, Helvetica, sans-serif; } .SoColissimoLiberteMap #SoPoints li:hover {background:#EFEFEF;} .SoColissimoLiberteMap #SoPoints li input.button3 {padding:1px 2px; font-size:11px; margin:3px 0} .SoColissimoLiberteMap #SoPoints li input.button3:hover {margin:2px 0} .SoColissimoLiberteMap #SoMap {width:600px; height:500px; float:left; margin:0 -25px 0 0} /*************************************************************************** * PAIEMENT ***************************************************************************/ #ChoosePayment{ margin:0 55px;} #ChoosePayment h2 { margin: 15px 5px 30px;} #ChoosePayment .button1 {float:right; padding-left:15px; padding-right:15px;} #ChoosePayment .button1 .picto{display:block; width:11px; height:11px; text-indent:-9999px; background:url(../image/DESIGN/save.gif) no-repeat 0 0; float:left; margin:7px 10px 0 0 } #ChoosePayment .clear {color:#fff} #ChoosePayment ul {margin:0 0 0 -63px} #ChoosePayment li {background:#F7F7F7; border:1px solid #E6E6E6;} #ChoosePayment li:hover {border:1px solid #EF0000;} #ChoosePayment li a {display:block; text-decoration:none; color:#333; font-size:12px; text-transform:uppercase; text-align:center} #ChoosePayment li a.choisir {color:#EF0000; display:none} #ChoosePayment li a.choisir span {color:#333; font-weight:bold; font-size:15px;} #ChoosePayment li:hover a.choisir {display:block} li.paiement_Vignette {position:relative; width:225px; height:225px; margin:0 0 25px 63px; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} li.paiement_Vignette .img {height:150px; margin:15px auto; width:200px; background:url(Image/DESIGN/paiement.png) no-repeat 0 -1125px} li.paiement_Vignette .tit {line-height:25px; height:25px; overflow:hidden} li.paiement_Liste {height:75px; margin:0 0 10px 63px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} li.paiement_Liste .img {width:200px; height:75px; float:left; border-right:1px solid #E6E6E6; margin:0 18px 0 7px; background:url(Image/DESIGN/paiement.png) no-repeat 0 -301px} #ChoosePayment li.paiement_Liste a.tit {line-height:14px; margin:5px 0; overflow:hidden; text-align:left;} #ChoosePayment li.paiement_Liste a.descript {height:33px; overflow:hidden; line-height:14px; color:#aaa; font-style:italic; text-transform:none; text-align:left; padding:0 10px 0 0} #ChoosePayment li.paiement_Liste a.choisir {text-align:left} li.paiement_Inactif {border:1px solid #E6E6E6!important;} li.paiement_Inactif a {cursor:default; color:#AAA!important} li#MODEESSAI.paiement_Vignette .img, li#MODEESSAI.paiement_Liste .img {background-position:0 0} li#MODETEST.paiement_Vignette .img, li#MODETEST.paiement_Liste .img {background-position:0 0} li#CHEQUE.paiement_Vignette .img{background-position:-1000px 0} li#CHEQUE.paiement_Liste .img{background-position:-1000px -150px } li#VIREMENT.paiement_Vignette .img{background-position:-800px 0} li#VIREMENT.paiement_Liste .img{background-position:-800px -150px} li#MANDAT.paiement_Vignette .img{background-position:-600px 0} li#MANDAT.paiement_Liste .img{background-position:-600px -150px } li#PAYBOX.paiement_Vignette .img, li#PAYBOX_DIRECTPLUS.paiement_Vignette .img{background-position:-200px 0} li#PAYBOX.paiement_Liste .img, li#PAYBOX_DIRECTPLUS.paiement_Liste .img{background-position:-200px -150px } li#SYSTEMPAY.paiement_Liste .img{background:url(Image/DESIGN/cbPlusPaypal.png) no-repeat 50% 50%} li#SIPS.paiement_Vignette .img{background-position:-200px 0} li#SIPS.paiement_Liste .img{background-position:-200px -150px} li#SIPS_CREDIT.paiement_Vignette .img{background-position:-400px 0} li#SIPS_CREDIT.paiement_Liste .img{background-position:-400px -150px} li#PAYPAL.paiement_Vignette .img{background-position:-1400px 0} li#PAYPAL.paiement_Liste .img{background-position:-1400px -150px} li#RAP_DIRECT.paiement_Vignette .img{background-position:-1800px 0} li#RAP_DIRECT.paiement_Liste .img{background-position:-1800px -150px} li#RAP_CREDIT.paiement_Vignette .img{background-position:-1600px 0} li#RAP_CREDIT.paiement_Liste .img{background-position:-1600px -150px} li#RAP_COMPTANT.paiement_Vignette .img{background-position:-2000px 0} li#RAP_COMPTANT.paiement_Liste .img{background-position:-2000px -150px} li#CONTRE_REMBOURSEMENT.paiement_Vignette .img{background-position:-2200px 0} li#CONTRE_REMBOURSEMENT.paiement_Liste .img{background-position:-2200px -150px} li#AUTRE.paiement_Vignette .img, li#EPAY.paiement_Vignette .img{background-position:-2400px 0} li#AUTRE.paiement_Liste .img, li#EPAY.paiement_Liste .img{background-position:-2400px -150px} /*************************************************************************** * PAIEMENT OK ***************************************************************************/ .cart-validation{} .cart-message{border:1px solid #C5C5C5; padding:10px;} .noOk{} .valid-cart-adresse{float:right; background:#f2f2f2; padding:10px;} .valid-cart-adresse span{display:block;} .valid-cart{} .cart-action{} /*************************************************************************** * Static Content ***************************************************************************/ .staticContent {width:938px; vertical-align:top;top:-36px;background:#f5f5f5;padding:20px; border-top:1px solid #fff;border-left:1px solid #e4e4e4;border-left:1px solid #e6e6e6;} h1 {font-size:24px; color:#000; text-align:left; padding:0; margin: 5px 0 25px 0; line-height:28px} h2 {font-size:18px; color:#C40518; text-align:left; padding:0; margin: 25px 0 10px 0; clear:both; line-height:22px} h3 {font-size:16px; color:#333; text-align:left; margin: 25px 0 10px 0; line-height:19px } .staticContent {display:block; padding:50px; margin:0!important } .staticContent, .staticContent p { text-align:justify; font-size:13px; line-height:18px; margin: 5px 0; } .staticContent ul, .staticContent ol {margin:0; padding:15px 0 0 20px; list-style:disc outside none} .staticContent ol {list-style:decimal outside none; padding-bottom:8px} .staticContent li {margin:0 0 5px 30px} .staticContent li span{color:#91b40a;} .staticContent blockquote {margin:0; padding:0 0 0 15px} .staticContent img.img {margin:0 0 5px 8px; float:right; padding:2px; border:1px solid #61B12A; } .staticContent strong {font-weight:bold} /*en popup*/ #cboxContent #back-button {display:none} /*************************************************************************** /*demande de rappel ***************************************************************************/ .DemandeRappel {width:250px} .DemandeRappel .texte {margin:3px 0; display:block; color:#000; font-size:12px} .DemandeRappel input[type=text], .DemandeRappel select {border:1px solid #fff; color:#333; margin-bottom:3px; font-size:11px; height:18px; line-height:18px; width:150px} .DemandeRappel input[type=text]:focus , .DemandeRappel select:focus {border-color:#EF0000} .DemandeRappel select {height:20px; width:85px} .DemandeRappel .button { vertical-align:bottom; margin-bottom:2px; height:22px; line-height:20px; width:32px; border: 1px solid #ccc; background:#363636; color:#fff; margin-left:4px } .DemandeRappel .button:hover {background-color:#E13030} a.qtip-button, a.qtip-button:hover {color:#000; text-decoration:none; text-decoration:none; text-transform:uppercase; font-size:11px} a.qtip-button:hover {color:#E13030; } .qtip-content {font-size:12px} #form_demande_ok {padding:3px 0; color:#339933;} #form_demande_ko {padding:3px 0; color:#C00;} #infiniteScroll { position: relative; clear: both; background: #fff; height: 0; opacity: 0; margin: 0; padding: 0; min-height: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #infiniteScroll.active { height: 80px; opacity: 1; margin: 0 0 20px; } /*Modal*/ .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1070; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #aeaeae; min-height: 16.42857143px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 20px; } .modal-footer { padding: 20px; text-align: right; border-top: 1px solid #aeaeae; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } }