/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{ opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxContent{margin-top:32px; overflow:visible; background:#000;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#000; padding:1px;} #cboxLoadingGraphic{background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/css/images/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/css/images/controls.png) no-repeat 0 0;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose:hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} /* * CSS Screen document */ /* Imports 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font:normal 12px Arial, sans-serif; vertical-align: baseline; color: #000000; text-decoration: none; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } .darkBg{ background: #fff; } /* Font-face ================================================== */ input[type=text]::-ms-clear { display: none; width : 0; height: 0; } input[type=text]::-ms-reveal { display: none; width : 0; height: 0; } @font-face { font-family: 'citroenlight'; src: url('../../bundles/produitsderives/gabarit/GAB_CITROEN/fonts/citroen_light-webfont.eot'); src: url('../../bundles/produitsderives/gabarit/GAB_CITROEN/fonts/citroen_light-webfont.eot?#iefix') format('embedded-opentype'), url('../../bundles/produitsderives/gabarit/GAB_CITROEN/fonts/citroen_light-webfont.woff') format('woff'), url('../../bundles/produitsderives/gabarit/GAB_CITROEN/fonts/citroen_light-webfont.ttf') format('truetype'), url('../../bundles/produitsderives/gabarit/GAB_CITROEN/fonts/citroen_light-webfont.svg#InwiLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'citroenregular'; src: url('../../bundles/produitsderives/gabarit/GAB_CITROEN/fonts/citroen_regular-webfont.eot'); src: url('../../bundles/produitsderives/gabarit/GAB_CITROEN/fonts/citroen_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../bundles/produitsderives/gabarit/GAB_CITROEN/fonts/citroen_regular-webfont.woff') format('woff'), url('../../bundles/produitsderives/gabarit/GAB_CITROEN/fonts/citroen_regular-webfont.ttf') format('truetype'), url('../../bundles/produitsderives/gabarit/GAB_CITROEN/fonts/citroen_regular-webfont.svg#InwiMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'citroenbold'; src: url('../../bundles/produitsderives/gabarit/GAB_CITROEN/fonts/citroen_bold-webfont.eot'); src: url('../../bundles/produitsderives/gabarit/GAB_CITROEN/fonts/citroen_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../bundles/produitsderives/gabarit/GAB_CITROEN/fonts/citroen_bold-webfont.woff') format('woff'), url('../../bundles/produitsderives/gabarit/GAB_CITROEN/fonts/citroen_bold-webfont.ttf') format('truetype'), url('../../bundles/produitsderives/gabarit/GAB_CITROEN/fonts/citroen_bold-webfont.svg#InwiSemibold') format('svg'); font-weight: normal; font-style: normal; } /* Sprites ================================================== */ /* Classes ================================================== */ .bold { font-weight: bold; } .clear { clear: both; } .clearfix { overflow: hidden; *zoom: 1; } .invisible { display: none; } .italic { font-style: italic; } .text-left { text-align: left; } .text-hidden { text-indent: 100%; overflow: hidden; white-space: nowrap; } .text-justify { text-align: justify; } .text-right { text-align: right; } .right { float: right; } .left { float: left; } .error_messages { color: #e11e33; text-align: center; font-size: 13px; font-weight: bold; } input { border: 0 none; padding: 0; outline: none; } img { display: block; border:none; } .line-through { text-decoration: line-through; } /* mise en page via le BackOffice */ .italic { font-style: italic; } .blanc { color: #FFFFFF; } .rouge { color: #dc002e; } .gras { font-family: 'citroenbold'; } /* Structure generale ================================================== */ #container {overflow: hidden;position: relative;/*width: 100%;*/text-align:left;margin: 0 auto;} #popincookies{ background:#c5c5c7;} #popincookies p{ max-width: 1260px; margin:0 auto; color:#fff; font-size: 0.9em; line-height:30px;padding: 0 13px;} #popincookies p a{ color:#fff; font-size: 1em; text-decoration:underline} #popincookies p .close-popin{ text-decoration:none; float:right; position:relative; top:8px} #content {overflow: hidden;position: relative;width: 100%;/*min-height: 600px;*/margin: 0 auto;padding: 20px 0 0;} .main{width: 1000px;overflow: hidden;margin: 0 auto;padding: 38px 0 46px 0;} .full-row {width: 100%;float: left;clear: both;} #btn2top a#scrolltop:hover, #btn2top a#scrolltop:active {opacity: 1;} .br{color:inherit;font-size:inherit;font-weight:inherit;} /******************** file d'ariane /********************/ .breadcrumb {width:1000px;margin: 0 auto;padding: 16px 0;list-style: none;} .breadcrumb>li {display: inline-block;} /** Jira : 755 modification balise H1 .breadcrumb>li>h1 { color: inherit;font-family: inherit;font-size: inherit;line-height: inherit;margin: 0;text-transform: none;float: right;} */ .breadcrumb>li>span.h1 { color: inherit;font-family: inherit;font-size: inherit;line-height: inherit;margin: 0;text-transform: none;float: right;} .breadcrumb>li+li:before {padding: 0 5px 0 4px;content: ">";} .breadcrumb>.active {color: #818181;} /* Structure header ================================================== */ header{width: 100%; position:relative; z-index:6} .headerTop{max-width: 1280px;margin: 0 auto;/*overflow: hidden;*/min-height: 123px;} /******************** bloque logo /********************/ .logo{/*max-width: 369px;*/margin: 27px 0 0 10px;float: left;width: 371px;} .logo a{float: left;} .logo a.boutique{margin: 39px 0 0 28px;} /******************** nav service /********************/ .services{float: right;/*max-width: 600px;*/margin: 0 10px 0 0;position:relative;z-index:10;} .services ul{float: right;} .services li{float: left;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/puce00.png) left 21px no-repeat;padding: 20px 10px 10px;height: 10px;position: relative; -webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px; top:6px;max-width: 160px;} .services li li{ top:0;max-width: inherit;} .services li:hover, .services li.lang:hover{float: left;padding-left: 10px;} .services li:hover a{color: #dc002e;} .services li a{font-size: 1em;text-transform: uppercase;} .services li.citroen:hover, .services li.wishlist:hover{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/puce00.png) left 21px no-repeat;} .services li.lang {background: none;} .services li.lang:before{content: ""; position:absolute;width: 15px; height: 15px; background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png); background-position: 2px -34px; } .services li ul{display: block; position: absolute; top: 38px;left: 0;} .services li ul li{padding: 0;background: none;} .services li.lang ul{border-style: solid ;border-width: 0 1px 1px 1px;border-color: #f3f3f6;padding: 10px 5px 6px;-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;display: none;} .services li.lang li{height: inherit;padding: 0 0 5px;display: block;/*border-bottom: 2px solid #f3f3f3*/background: none;} /*.services li.lang li:last-child{border:none;border-top:1px solid #f3f3f6;padding: 5px 0 0;} .services li.lang a{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 0 -33px no-repeat;padding: 0 0 0 15px; } .services li.lang:hover a{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) -105px -33px no-repeat;padding: 0 0 0 15px;}*/ .services li.lang li:last-child{border:none;/*border-top:1px solid #f3f3f6;*/padding: 5px 0 0;} .services li.lang a.zone_livraison_selected{padding: 0 0 0 15px; } .services li.lang a.zone_livraison_choix{padding-left: 10px;cursor: pointer;} /*.services li.lang:hover a{background: url(../images/bg/sprite.png) -105px -33px no-repeat;padding: 0 0 0 15px;}*/ .services li.lang:hover li a{color:#000000;} .services li.lang:hover li a:hover{color:#dc002e;} .lang ul {background: #fff;} .lang{width: 175px} /*.services li.lang li a{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 0 0 no-repeat;padding: 0 0 0 19px !important; } .services li.lang li a.fr{background-position: 0 2px; } .services li.lang li a.en{background-position: 0 -21px; }*/ .services li.connecter ul{top: 0;right: 0;left: inherit;} .services .identification{position: absolute;z-index: 10;top: 38px;right: 0;background: #FFFFFF;border: 1px solid #c9c9c9;padding: 32px 28px 10px;width: 221px;} .services .identification strong{text-transform: uppercase;color: #555555;font-size: 14px;/*font-weight: bold;*/background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 0 -50px no-repeat;padding: 0 0 16px;width: 100%;float: left;margin: 0;text-align: center;line-height: 26px;} .services .identification a{margin: 15px 0;float: left;} .services .identification a.btn01{ background:#db002f; font-size:1.083em; color: #fff; text-transform:uppercase; font-family:citroenlight; display:block; text-align:center; padding:6px 0; width:100%; clear:both; margin-top:15px;-webkit-border-radius: 2px 2px;-moz-border-radius:2px 2px;border-radius: 2px 2px; outline:none} .services .identification a.btn01:hover{ background:#000000;} /*.services .identification a.citroenIdAuthBtn {line-height: 15px;} .services .identification a.citroenIdAuthBtn span {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/btn-citroenID.png) no-repeat 0 center;display: inline-block;margin: 0 auto;width: 147px;text-indent: -5000px;line-height: 19px;}*/ .services .identification a.qst{margin: 6px 0 26px; font-style:italic; text-decoration:underline; color:#000; font-weight:normal; text-transform:none} .services .identification .mrgB01,.paslogge .identification .mrgB01,.informationsBox .mrgB01{ margin-bottom:20px} .services li.connecter{/*padding: 20px 22px 10px 10px;*/} .services li.connecter.connect:hover{/*background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) right -498px no-repeat #dc002e;padding: 20px 22px 10px 10px;*/} .services li.connecter a span {font-weight: bold; } .services li.connecter:hover a span {color: #dc002e;} .services li.connecter a span, .services li.connecter a:hover span {font-weight: normal; } .services li.connecter a span.nom, .services li.connecter a:hover span.nom{font-weight: bold; } .services .identification p{width: 235px;border-bottom: 2px solid #d8d8d8;padding: 0 0 10px;float: left;margin: 0 0 10px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) right -478px no-repeat;} .services .identification p:last-child{border-bottom: none;margin: 0;background: none} .services .identification p a{margin: 0;color: #575757;font-size: 14px;text-transform: uppercase; } .services .identification p a:hover, .services .identification p a.active{color: #c9405c;font-weight: bold; } .services li.citroen{min-width: 76px;} .services li.wishlist{min-width: 80px;} .services li.panier {padding: 0;height: 39px;background: none; top:0} .services li.panier ul {top: 0;right: 0;left: inherit;} .services li.panier a {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 0 -128px no-repeat;width: 52px;height: 39px;position: relative;float: left; } .services li.panier a span {float: left;height: 20px;margin: 4px 0 0 28px;width: 20px;line-height: 18px;font-size: 14px;font-weight: bold;color: #dc002e;text-align: center;} .services .panier-detail{position: absolute;z-index: 9999;top: 38px;right: 0;width: 369px;padding: 22px 10px 18px;background: #FFFFFF;border: 1px solid #c1c1c1;text-align: left;/*display: none;*/} .services .panier-detail-item{width: 100%;border-bottom: 1px solid #d8d8d8;float: left;padding: 0 0 10px;margin: 0 0 15px;} .services li.panier .panier-detail a{background: none;width: auto;height: inherit;} .services .panier-detail .nomProduitPanier{float: left;margin: 7px 0 0;color: #555555;font-weight: bold;text-transform: uppercase;} .services .panier-detail span.prix{float: right;height: 29px;border-style: solid;border-color: #eaeaea;border-width: 0 1px 0 1px;line-height: 29px;padding: 0 9px;color: #dc002e;font-weight: bold;display: block !important;} .services .panier-detail p.quantite{float: right;/*height: 29px;border-style: solid;border-color: #eaeaea;border-width: 0 0 0 1px;line-height: 29px;*/padding: 0 9px;font-weight: bold;display: block !important;margin: 0;} .services .panier-detail p.quantite span{border: 1px solid #eaeaea;border: 1px solid #eaeaea;display: block;height: 27px;line-height: 27px;text-align: center;width: 33px;} .services .panier-detail a.delete{float: right;width: 15px !important;height: 21px !important;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 0 -190px no-repeat !important;text-indent: -5000px;margin: 4px 0 0 9px;display: block !important;} .services .panier-detail p.total, .services .panier-detail p.total span{text-align: right;font-size: 18px;font-weight: bold;color: #1f1f1f;text-transform: uppercase;} .services .panier-detail p.total .prixtotal{color: #dc002e;} .services .panier-detail p.total .prixtotal sup{color: #dc002e;float: right;} .services .panier-detail a.btn-submit{width: 103px !important;height: 43px !important;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 18px -215px no-repeat #dc002e !important ;padding: 0 0 0 46px;color: #ffffff;line-height: 43px;text-align: left;text-transform: none;float: right;margin: 13px 0 0;} .services .panier-detail p.info{float: left;width: 176px;font-size: 10px;font-weight: bold;color: #a5a5a5;margin: 14px 0 0;display: block !important;} .services .panier-detail p.info a{text-decoration: underline;font-size: 10px;font-weight: bold;color: #a5a5a5;} .services .panier-vide{/*position: relative;z-index: 9999;top: 38px;right: 0;*/margin-top: 38px; width: 290px;padding: 22px 10px 18px;background: #FFFFFF;border: 1px solid #c1c1c1;text-align: left;overflow: hidden;} .panier ul li {padding: 0;background: none !important;} .services .panier-detail p.notif, .services .panier-vide p.notif{text-align: center;color: #c6c6c6;margin: 0;} .services #searchHeader {width: 244px;height: 36px;background: #f3f3f6;-webkit-border-radius: 4px 4px;-moz-border-radius:4px 4px;border-radius: 4px 4px;float: right;text-align: left;margin: 21px 0 0 0;clear:both} .services #searchHeader .field input{width: 208px;height: 36px;padding: 0 6px;background: none;margin: 0;line-height: 36px;color: #8b8b8d;font-style: italic;text-indent: inherit;cursor: inherit; font-size:1em;} .services #searchHeader input{float: left;width: 16px;height: 16px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 0 -395px no-repeat;text-indent: -5000px;cursor: pointer;margin: 11px 0 0;} /* * CSS Styles barre de scrol panier header */ .scroll-pane{width: 100% !important;height: 261px;overflow: auto;margin: 0 0 15px;} .jspContainer{overflow: hidden;position: relative;} .jspPane{position: absolute;} .jspVerticalBar{position: absolute;top: 0;left: 0;width: 3px;height: 100%;} .jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;/*background: red;*/} .jspCap{display: none;} .jspHorizontalBar .jspCap{float: left;} .jspTrack{background: #c8c8c8;position: relative;} .jspDrag{background: #dc002e;position: relative;top: 0;left: 0;cursor: pointer;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float: left;height: 100%;} .jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;padding: 0;margin: 0;} .jspArrow.jspDisabled{cursor: default;background: #80808d;} .jspVerticalBar .jspArrow{height: 16px;} .jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;} .jspVerticalBar .jspArrow:focus{outline: none;} .jspCorner{background: #eeeef4;float: left;height: 100%;} /* CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /******************** nav MainMenu /********************/ .MainMenu{z-index: 100;width: 100%;height: 51px;float: left;border-top: 2px solid #f3f3f6;padding: 2px 0 0 0;position: relative;border-bottom: 1px solid #c7c7c7;z-index: 2; -moz-box-shadow: 0 10px 8px -5px #d5d5d5; -webkit-box-shadow: 0 10px 8px -5px #d5d5d5; -o-box-shadow: 0 10px 8px -5px #d5d5d5; box-shadow: 0 10px 8px -5px #d5d5d5} .MainMenu nav{text-align: center;} .MainMenu ul{z-index: 100;margin: 0 auto;width: 1000px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep_nav.png) right 0 no-repeat;position: relative;display: inline-block;} .MainMenu li{z-index: 100;display: inline-block;width: 200px;height: 51px;line-height: 51px; background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep_nav.png) left 0 no-repeat; text-align: center;float: left;} /*.MainMenu li:last-child{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep_nav_last.png) left 0 no-repeat;}*/ .MainMenu li a{text-transform: uppercase;font-family: 'citroenlight'; font-size:1.083em;line-height: 51px;width: 98%;display: block; margin: 0 auto;} .MainMenu li:hover a, .MainMenu li.active a{color: #dc002e; font-weight:bold} .MainMenu li.deuxLigne > a{vertical-align:middle;display:inline-block;line-height:1; height:40px; padding-top:12px; position:relative; top:-1px} .MainMenu .SubMenu{position: absolute;left: 0;top: 51px;width: 950px;display: none ;padding: 30px 20px 24px 30px;z-index: 100;background: #FFFFFF;border-top: 1px solid #c7c7c7; -moz-box-shadow: 0 5px 10px -2px #d5d5d5 inset; -webkit-box-shadow: 0 5px 10px -2px #d5d5d5 inset; -o-box-shadow: 0 5px 10px -2px #d5d5d5 inset; box-shadow: 0 5px 10px -2px #d5d5d5 inset} .MainMenu .SubMenu ul{width: 188px;padding: 0 36px 0 0;float: left;background: none; position: relative; top: -4px;} .MainMenu .SubMenu li{width: auto;height: inherit;display: block;text-align: left;line-height: inherit;padding: 0 0 12px 0;clear: both; background:none} .MainMenu .SubMenu li a{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 0 -437px no-repeat;font-size:1.083em; font-weight:normal; padding-left:20px;line-height:inherit;} .MainMenu li:hover .SubMenu li a{color: inherit;} .MainMenu li:hover .SubMenu li:hover a, .MainMenu li:hover .SubMenu li.active a{font-family: 'citroenbold';color: #dc002e;} .MainMenu .SubMenu .intro{width: 197px;padding: 0 36px 0 0;float: left;text-align: left;background: #FFFFFF;position: relative;top: -4px;} .MainMenu .SubMenu .intro p{font-size: 15px;color: #767676;} .MainMenu .SubMenu .imagesouscategorie{width: 491px;float: right;position: relative;} .MainMenu .SubMenu .imagesouscategorie .txt{position: absolute;width: 100%;top: 0;} .MainMenu .SubMenu .imagesouscategorie .txt p {height:235px;line-height:235px;text-align:center;font-family: 'citroenregular';color: #FFFFFF;text-transform: uppercase;font-size: 23px;margin-bottom: 0;} .MainMenu .SubMenu .imagesouscategorie .txt span { vertical-align:middle;display:inline-block;line-height:19px;text-align:center;font-family: 'citroenregular';color: #FFFFFF;font-size: 23px;} .MainMenu .SubMenu .imagesouscategorie .txt strong { font-family: 'citroenbold';color: #FFFFFF;font-size: 23px;line-height:32px; display:block;} .MainMenu .bgMenu {width: 100%;height: 420px;background: #000000;filter : alpha(opacity=60);opacity : 0.6;z-index: 99;position: absolute;left: 0;top: 53px;display: none;} /* Fin Structure header ================================================== */ /* debut caroussel Top*/ .carousselTop{ max-width:1272px; /*min-height:421px;*/ clear:both; margin:0 auto; position:relative; z-index:3;} .carousselTop .ombre{ height:8px; background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/ombre-caroussel.png) center 0 no-repeat;z-index: 4;position:relative; } .carousselTop .flexslider{/*height: 421px;*/ position:relative; top:-8px; } .slides li{ position:relative} .carousselTop li p{ font-family:citroenregular;position:absolute; top:18%; width:420px; left:10.5%; font-size:2.717em; text-transform:uppercase; line-height: 45px;} .carousselTop li p.right{ right:10.5%;left: inherit;} .carousselTop li span{ font-family:citroenlight; display:block; color:#dc002e; font-size:140px; line-height: 136px; margin-bottom:30px} /* Fin caroussel Top*/ .blockFix{ width:1000px; margin:0 auto;} h1{ font-family:citroenlight; font-size:3.083em; text-transform:uppercase; line-height:38px; margin-bottom:22px; color:#dc002e} h2{ font-family:citroenlight; font-size:1.833em; text-transform:uppercase; line-height:26px; margin-bottom:20px} p{font-size:1.250em; margin-bottom:20px} /* debut separateur interne*/ .sepInner{ width:100%; height:20px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep-inner.png) center 0 no-repeat; clear:both; padding-bottom:40px} /* Fin separateur interne*/ /* debut block decouvrir nos collections*/ .decouvrirCollection{width:920px;margin: 0 auto;} .decouvrirCollection h2{ margin-left:-30px} .decouvrirCollection strong.titre{ margin-left:-30px;font-family:citroenlight; font-size:1.833em; text-transform:uppercase; line-height:26px; margin-bottom:20px;display: block;} .decouvrirCollection img{ width:auto !important;-moz-box-shadow: 0px 0px 3px 2px #e3e3e3; -webkit-box-shadow: 0px 0px 3px 2px #e3e3e3; -o-box-shadow: 0px 0px 3px 2px #e3e3e3; box-shadow: 0px 0px 3px 2px #e3e3e3; filter:progid:DXImageTransform.Microsoft.Shadow(color=#e3e3e3, Direction=NaN, Strength=3);} .decouvrirCollection li a{float: left;} .decouvrirCollection li div{height: 100%;left: 0; margin: 0;position: absolute;text-align: center;top: 0;width: 96%;} .decouvrirCollection li div span{ font-family:citroenbold;font-size:22px;text-transform:uppercase; color:#fff;} .decouvrirCollection li div span.position, .decouvrirCollection li h3 span.position{display: inline-block;vertical-align: middle;width: 90%;} .decouvrirCollection li div span.verticalAlign, .decouvrirCollection li h3 span.verticalAlign{display:inline-block; height: 100%;vertical-align:middle;width: 1px;} .decouvrirCollection li strong{ font-family:citroenregular; font-size:22px; display:block;color:#fff; line-height:22px} .decouvrirCollection li h3{height: 100%;left: 0; margin: 0;position: absolute;text-align: center;top: 0;width: 96%;} .decouvrirCollection li h3 span{ font-family:citroenbold;font-size:22px;text-transform:uppercase; color:#fff;} .decouvrirCollection .bxslider{height: 250px;} .decouvrirCollection .bx-wrapper {height: 250px;padding: 3px 0;} .decouvrirCollection .bx-wrapper .bx-viewport {background: none;border: none;-webkit-box-shadow:none;box-shadow:none;} .decouvrirCollection .bx-wrapper .bx-controls-direction a {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg_direction_nav02.png) no-repeat 0 0; height: 22px; margin: -25px 0 0;width: 13px;} .decouvrirCollection .bx-wrapper .bx-controls-direction .bx-next { right: -20px; background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg_direction_nav02.png) no-repeat 100% 0;} .decouvrirCollection .bx-wrapper .bx-controls-direction .bx-next:hover{background-position:100% 0;} .decouvrirCollection .bx-wrapper .bx-controls-direction .bx-prev {left:-34px;} .decouvrirCollection .bx-wrapper .bx-controls-direction .bx-prev:hover{background-position:0 0;} .decouvrirCollection .bx-wrapper .bx-controls-direction .bx-disabled {opacity: .3;cursor: default;} .decouvrirCollection .bx-wrapper .bx-default-pager div { margin: 0 2px;} .decouvrirCollection .bx-wrapper .bx-default-pager div a{ width:11px; height:11px; background: none repeat scroll 0 0 rgba(194, 194, 196, 1);} .decouvrirCollection .bx-wrapper .bx-pager.bx-default-pager a:hover, .decouvrirCollection .bx-wrapper .bx-pager.bx-default-pager a.active {background: none repeat scroll 0 0 rgba(209, 30, 42, 1);} /* Fin block decouvrir nos collections*/ .tranche02{ width:1000px; margin:0 auto; padding-top:40px} /* debut block la boutique*/ .laBoutique{float:left; width:510px; margin-bottom:50px; min-height: 490px;position: relative;} .laBoutique h1{font-family: 'citroenlight';font-size: 3em;} .laBoutique p{ padding-right:20px} .laBoutique ul{ padding:60px 0 0;position: absolute;bottom: 0;} .laBoutique li{ float:left; margin-right:20px; position:relative; text-align:center} .laBoutique li strong{ font-family:citroenregular; position: absolute; bottom:20px; color:#fff; font-size:1.750em; text-transform:uppercase; left:50%; width:150px; margin-left:-75px; text-align:center; line-height:20px} .pourVous{float:left; width:490px; background:#f5f5f5; min-height: 490px; -moz-box-shadow: 0px 0px 3px 2px #e3e3e3; -webkit-box-shadow: 0px 0px 3px 2px #e3e3e3; -o-box-shadow: 0px 0px 3px 2px #e3e3e3; box-shadow: 0px 0px 3px 2px #e3e3e3; filter:progid:DXImageTransform.Microsoft.Shadow(color=#e3e3e3, Direction=NaN, Strength=3); position: relative; } .pourVous p{font-family:citroenregular; font-size:1.500em; padding:50px 114px 0 60px;position: relative;z-index: 2;text-transform: uppercase;} .pourVous img{ display:block; margin:0 auto;position: absolute;top: 0;left: 0;z-index: 1;} /* Fin block la boutique*/ /* debut infos produits*/ .produitsPlusDemandes{ padding-bottom:40px; overflow:hidden;} .listeProduits div:last-child{ margin-right:0} .push{ width:235px; float:left; margin-right:20px; margin-bottom:40px; position:relative} .listeProduits .larg{ width:487px} .push .precommande,.push .nouveaute,.push .topVente,.push .venteFlash,.push .promotion,.push .indisponible,.push .origins,.push .noel{ font-size:1.1em;padding:0 22px;height:42px; line-height:42px;} /*.listeProduits .larg a{ width:428px}*/ .listeProduits .larg .produitPrix{margin-right: 2px;float: right;} .listeProduits .produitPrix a{float: right;width: 100%;} .listeProduits .produitPrix a .prixPromo{font-size: 1.1em;display: block;line-height: 18px;} .listeProduits .produitPrix a .prixRemise{font-size: 0.9em;} .listeProduits .produitPrix a .aPartirDe{display: block; font-size: 0.9em;} .listeProduits .larg div a{ width:190px; position:absolute; top:100px; left:20px; color:#262626; text-transform:uppercase; font-size:1.667em;} .listeProduits .larg div a span{ text-transform:none; font-size:0.749em;color:#262626; display:block} /* Debut block roll-over-panier-wihslist */ .listeProduits a{position: relative;float: left;} .listeProduits a:hover > .roll-over-panier-wihslist{display: block;} .roll-over-panier-wihslist{width: 100%;background: #dcdcdc;height: 47px;position: absolute;bottom: 10px;left: 0;display: none;} .roll-over-panier-wihslist span{padding: 22px 0 0;text-transform: uppercase;font-family: 'citroenregular';font-size: 8px;color: #38383b;margin-top: 7px;cursor: pointer;} .roll-over-panier-wihslist .ajouter-wishlist{float: left;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/coeur.png) center top no-repeat;margin-left: 11px;} .roll-over-panier-wihslist .ajouter-panier,.roll-over-panier-wihslist .ajouter-panier-rapide{float: right;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/panier.png) center top no-repeat;margin-right: 11px;} /* Fin block roll-over-panier-wihslist */ /* Fin infos produits*/ /* debut articles les plus demandes*/ .listeProduits li{float: left; width:235px; margin-right:20px; position:relative;} .listeProduits li:last-child{ margin-right:0} .precommande,.nouveaute,.topVente,.venteFlash,.promotion,.indisponible,.origins,.noel{ position:absolute;top:0;left:0; font-family:citroenregular; display:block; padding:0 10px;height:26px; line-height:26px; color:#fff;font-size:1.2em; text-transform:uppercase; z-index: 2;} .cbp-vm-view-list .precommande,.cbp-vm-view-list .nouveaute,.cbp-vm-view-list .topVente,.cbp-vm-view-list .venteFlash,.cbp-vm-view-list .promotion,.cbp-vm-view-list .indisponible,.cbp-vm-view-list .origins,.cbp-vm-view-list .noel{font-size:0.7em} .precommande{ background:#df412d}.nouveaute{ background:#cdcc00}.topVente{background:#c50084}.venteFlash{background:#7d5cc6}.promotion{background:#ff931e}.indisponible{background:#9f9f9f}.origins{background:#a98261}.noel{background:#9d0605} .listeProduits img{ margin-bottom:10px; display:block} .listeProduits h3{} .listeProduits a.sstitre{font-size:1em; text-transform:uppercase;float: left; width:175px; /*height:32px;*/ overflow-y: hidden;} .listeProduits .produitPrix{float: left; width:60px; text-align:right;line-height: 11px;} .listeProduits .prixNormal{font-size:0.93em; font-weight: bold;} .listeProduits a .prixNormal{font-size:1.2em; } .listeProduits a .aPartirDe{display: block; font-size: 0.9em;} .listeProduits .prixPromo{font-size:0.93em;color:#ca0032; font-weight: bold;} .prixRemise{background:url("../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/prix-barre.gif") repeat-x 0 center} .cbp-vm-view-list .listeProduits .prixPromo{font-size:1.1em;display: block;} .cbp-vm-view-list .listeProduits .prixRemise{font-size:0.9em;} .produitsPlusDemandes .precommande, .produitsPlusDemandes .nouveaute, .produitsPlusDemandes .topVente, .produitsPlusDemandes .venteFlash, .produitsPlusDemandes .promotion, .produitsPlusDemandes .indisponible, .produitsPlusDemandes .origins, .produitsPlusDemandes .noel {font-size: 1.1em;height: 42px;line-height: 42px;padding: 0 22px;} .listeProduits .prixRemise{font-size:0.73em} /* debut articles les plus demandes*/ /* debut reassurance*/ #reassurance{ width:100%; background:#f5f5f5; height:174px; clear:both} #reassurance ul{width:1000px; margin:0 auto; padding-top:2px;overflow: hidden;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep-02.png) no-repeat left center;} #reassurance ul li{ display:inline-block; width:25%; text-align:center; float:left;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep-02.png) no-repeat right center;} #reassurance ul li:hover{ background:#e3e3e6;} #reassurance ul li a{display: block;font-size:1.333em; text-transform:uppercase; font-weight:bold; color:#868689; text-align:center;height: 120px; padding-top: 52px; width: 100%;} #reassurance img{ margin:0 auto 12px} /* Fin reassurance*/ /* debut Structure footer*/ #footerTop{width:100%; background:#38383b; min-height:404px;overflow: hidden;} #footerTopInner{width:1000px; margin:0 auto; padding-top:30px} #footerTopInner ul{ float:left; width:190px; padding-left:60px} #footerTopInner ul ul{ padding-left:0} #footerTopInner ul li a, #footerTopInner ul li span{ font-family:citroenregular; color:#fff; font-size:1.167em; text-transform:uppercase;background:none } #footerTopInner ul li{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep01.png) 0 top no-repeat; padding:0 0 10px 0} #footerTopInner ul li:first-child{margin-bottom: 10px;background: none;} #footerTopInner ul li:first-child span{margin-bottom: 20px;display: block;} #footerTopInner ul li li:first-child{margin-bottom: 0;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep01.png) 0 top no-repeat;} #footerTopInner ul li li:first-child a{margin-bottom: 0;} #footerTopInner ul li li{padding:10px 0} #footerTopInner ul li li:hover{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/list-dark.png) right 0 repeat-y;} /*#footerTopInner ul li li:last-child{ background:none}*/ #footerTopInner ul ul li a{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 0 -283px no-repeat;font-size:1.083em; text-transform: inherit; padding-left:14px;margin-bottom: 0 !important;line-height: 1.49em;} #footerTopInner ul li.suivezNous{background:none} #footerTopInner ul li.suivezNous li:hover{background: url("../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep01.png") no-repeat scroll 0 top;} #footerTopInner ul li.suivezNous li a{ display: inline-block; width:28px; height:28px; text-indent:10000px;padding-left:0; margin-right:9px} #footerTopInner ul li.suivezNous li a:hover{opacity: .8;filter: alpha(opacity=80);} #footerTopInner .twitter{ background-position:0 -347px} #footerTopInner .facebook{ background-position:-38px -347px} #footerTopInner .youtube{ background-position:-75px -347px} #footerTopInner .instagram{ background-position:-113px -347px} #footerTopInner .pinterest{ background-position:-149px -347px} #footerBottom{width:100%; background:#38383b; height:40px;border-top: 1px solid #202122;} #footerBottomInner{width:1000px; margin:0 auto;} .cartesBancaires{float:right; margin-top:10px} #footerBottomInner .cartesBancaires li{margin-right: 6px;} #footerBottomInner .cartesBancaires li:last-child{margin-right: 0;} #footerBottomInner li{ float:left; font-size:0.917em; color:#fff; text-transform:uppercase; margin-right:24px; line-height:40px} #footerBottomInner a{font-size:0.917em; color:#fff; text-transform:uppercase} #footerBottomInner .cgvMobile{ display:none;} /* Fin Structure footer*/ /* debut bouton backtu top*/ .sticker{ float:right;} .sticker.top{margin: 0;padding: 0;z-index: 256;} .sticker.top a:after {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 113px -340px; content: ""; display: block; height: 28px; margin-left: 8px; margin-top: -8px; width: 35px;} .sticker.top a {background-color: #f4f3f9;border-radius: 5px;bottom: 120px;display: none;height: 50px;width: 50px; z-index: 250;float:right;margin:0 20px 0 0;} .sticker.top a { overflow: hidden; text-indent: -10000px;} .sticker.top a:hover, .sticker.top a:active {background-color: #e1e0e6;} .sticker.top .fixed { display: block;} .touch .sticker.top .fixed { right: 20px; top: 75% !important;} #btn2top.top.sticker {bottom: 170px;display: none;height:1px;position: fixed;text-indent:-99999px;width: 50px;width: 100%;left: 0;} #btn2top.sticker.top a#scrolltop {bottom: auto;display: block; opacity: 0.8; right: auto;} #btn2top a#scrolltop:hover, #btn2top a#scrolltop:active {opacity: 1;} /* Structure Page Recherche et sous catégorie ================================================== */ h1{font-family: 'citroenregular';color: #dc002e;text-transform: uppercase;font-size: 1.7em;} div.center{width: 1000px;margin: 0 auto;overflow: hidden;} .lignetri{width: 100%;background: #f3f3f6;height: 48px;} .tri{width: 1000px;margin: 0 auto;} .tri ul {float: right;} .tri ul li{float: left;padding: 0 20px 0 0;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/puce00.png) right center no-repeat;margin: 0 20px 0 0;line-height: 48px;text-transform: uppercase;} .tri ul li:first-child{float: left;padding: 0 20px 0 0;margin: 0 16px 0 0;} .tri ul li a{text-decoration: underline;text-transform: uppercase;} .tri ul li a.cbp-vm-icon{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 0 0 no-repeat;display: inline-block;text-indent: -5000px;} .tri ul li a.cbp-vm-list{width: 12px;height: 15px;background-position: -260px -360px;margin: 0 14px 0 5px;} .tri ul li a.cbp-vm-grid{width: 13px;height: 14px;background-position: -285px -360px;} .tri ul li a.cbp-vm-list.active, .tri ul li a.cbp-vm-list:hover{background-position: -260px -376px;} .tri ul li a.cbp-vm-grid.active, .tri ul li a.cbp-vm-grid:hover{background-position: -285px -376px;} .tri form{float: right;margin: 12px 0 0 0;width: 214px;} .tri form label{text-transform: uppercase;padding: 5px 13px 0 0;float: left;} .tri form .selector{width: 122px !important;height: 24px;padding: 0 0 0 12px;-webkit-border-radius: 4px 4px;-moz-border-radius: 4px 4px;border-radius: 4px 4px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/select.png) right center no-repeat #FFFFFF;} .tri form option{padding: 0 0 0 12px;} .tri form .selector span {color: #000;font-style: italic;height: 24px;line-height: 24px;width: 97px !important;} .listing .leftcontent{float: left;width: 235px;padding: 0 20px 0 0;} .listing .leftcontent p{width: 100%;overflow: hidden;} .listing .leftcontent label{font-family: 'citroenlight';text-transform: uppercase;font-size: 0.9em;float: left;line-height: 16px;} .listing .leftcontent strong{font-family: 'citroenregular';text-transform: uppercase;font-size: 1.25em;padding: 0 0 23px;display: block;font-weight: normal;} .listing .leftcontent h4{font-family: 'citroenregular';text-transform: uppercase;font-size: 1.1em;padding: 0 0 16px;} .listing .leftcontent span.titre{font-family: 'citroenlight';text-transform: uppercase;font-size: 1.1em;padding: 0 0 14px 30px;color: #343434;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 0 -438px no-repeat;overflow: hidden;cursor: pointer;display: block;} .listing .leftcontent .full-row{display: none;} .listing .leftcontent h5:hover{color: #dc002e;} .listing .leftcontent h5.open{color: #dc002e;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 0 -529px no-repeat;} .listing .rightcontent{float: left;width: 745px;} .listing p.full-row{text-align: center;/*margin: 0;*/} .listing .plus{display: inline-block;height: 32px;line-height: 32px;color: #929292;background: #f5f5f5;padding: 0 25px;text-transform: uppercase;} .listing .plus:hover{text-decoration: underline;background: #E3E3E6;} #cbp-vm.cbp-vm-view-grid .listeProduits li{margin-bottom: 30px;border: 1px solid #FFFFFF;padding:5px 5px;margin-right: 0;cursor: pointer} #cbp-vm.cbp-vm-view-grid .precommande, #cbp-vm.cbp-vm-view-grid .nouveaute, #cbp-vm.cbp-vm-view-grid .topVente, #cbp-vm.cbp-vm-view-grid .venteFlash, #cbp-vm.cbp-vm-view-grid .promotion, #cbp-vm.cbp-vm-view-grid .indisponible, #cbp-vm.cbp-vm-view-grid .origins, #cbp-vm.cbp-vm-view-grid .noel{top: 0;left: 0;} #cbp-vm.cbp-vm-view-grid .listeProduits li:hover{border: 1px solid #999999;} #cbp-vm.cbp-vm-view-grid .listeProduits li.last, #cbp-vm.cbp-vm-view-grid .listeProduits li:nth-child(3n+3) {margin-right: 0;} #cbp-vm.cbp-vm-view-list .listeProduits li{display: block;float: inherit;overflow: hidden;width: 99.7%;margin: 0 0 18px;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF; cursor: pointer;padding: 0;} #cbp-vm.cbp-vm-view-list .listeProduits li:hover{border: 1px solid #999999;width: 99.7%;} #cbp-vm.cbp-vm-view-list .listeProduits img {display: inline-block;float: left;margin-bottom: 0;width: 129px;height: 129px;} #cbp-vm.cbp-vm-view-list h2 {float: left;height: auto;width: 352px;padding: 48px 20px 0 28px;} #cbp-vm.cbp-vm-view-list .listeProduits .produitPrix {width: 178px;padding: 32px 30px 0 0;margin: 0;} .listing .listeProduits h2{float: left; width:175px; height:34px; overflow-y: hidden;font-family: arial;line-height: 1em;margin: 0;font-size: 1em;} .listing .listeProduits h2 a{font-size:1em; text-transform:uppercase} #cbp-vm.cbp-vm-view-list .listeProduits a{position: inherit;float: left;} #cbp-vm.cbp-vm-view-list .roll-over-panier-wihslist{width: 613px;left: 129px;bottom: 0;} /* Structure Page catégorie ================================================== */ .categorie .banniere .txt span{line-height:1.7em;font-size: 1.4em;} .categorie .intro{margin: 0 auto;} .categorie .push{width: 487px;margin-bottom: 30px;margin-right: 0;border: 1px solid #FFFFFF; cursor:pointer} .categorie .push:hover{border: 1px solid #999999;} .categorie .push:nth-child(odd) { /*margin-right: 17px;*/ } .categorie .push h2{margin: 6px 0 0 24px;text-transform: uppercase;font-size: 1.7em;font-family: arial;} .categorie .push .precommande, .categorie .push .nouveaute, .categorie .push .topVente, .categorie .push .venteFlash, .categorie .push .promotion, .categorie .push .indisponible, .categorie .push .origins, .categorie .push .noel { left: 5px; top: 5px;} /* Structure Page sous catégorie ================================================== */ .banniere{max-width: 1272px;position: relative;overflow: hidden;margin: -20px auto 0;float: inherit;z-index: 1;border-bottom: 1px solid #b1b1b1;} .banniere img{width: 100%;} .banniere .txt{position: absolute;top: 0;left:0;width: 100%;height:100%;} .banniere .txt h1{ color: #ffffff;font-family: 'citroenregular';font-size: 2.1em;height:100%;text-align: center;text-transform: uppercase;margin: 0;} .banniere .txt span{ color: #ffffff;display: inline-block;font-family: 'citroenregular';font-size: 1.9em;line-height:1em;text-align: center;vertical-align: middle;} .banniere .txt span.centrage{height: 100%;width: 1px;} .banniere .txt span strong{ font-family: 'citroenbold';display: block;color: #FFFFFF;font-size: 1em;line-height:1em;} .intro{max-width: 1000px;margin: 0 auto 20px;float: inherit;} .intro p{font-size: 1.12em;text-align: justify;line-height: 1.4em;} /* articles les plus demanes page wishlist et prduits ================================================== */ .article-plus-demande{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep-inner02.png) 0 0 no-repeat;} .article-demande-consulte-wrapper {padding-top: 60px;padding-bottom: 50px;overflow: hidden;} /* Structure Page wishlist ================================================== */ .wishlist .breadcrumb {padding: 0 0 16px;width: 1000px;} .wishlist h1 { margin-bottom: 43px;} a.mail{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 0 -570px no-repeat;float: left;padding: 0 0 0 42px;margin: 0 0 0 32px;line-height: 42px;} a.mail{text-transform: uppercase;color: #c80030;} .tableG{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg_table.png) 0 0 repeat-x;} .table {width: 1000px;overflow: hidden;margin: 0 auto;} .table p{margin: 0;} .table-head, .row{width: 100%;overflow: hidden;} .column{float: left;} .table-head {height: 48px;display: table-cell;vertical-align: middle;color: #202020;font-size: 1em;} .row {/*display: table-cell;vertical-align: middle;*/margin: 20px 0 0;padding:0 0 20px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg_cell.png) 0 bottom repeat-x;} .table-head div{color: #919193;font-size: 1.1em;} .table .selectionner-produits{width: 141px;text-align: center;line-height:127px;} .table .selectionner-produits a{width: 19px;height: 15px;display: block;text-indent: -5000px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg_checkbox.png) 0 0 no-repeat;margin: 15px auto 0;} .table .selectionner-produits a.tcheckbox{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg_checkbox.png) 0 -17px no-repeat;} .table div.checker {float: none;margin-right: 0;margin-top: 0;cursor: pointer;} .table div.checker input {cursor: pointer;} .table .image{width: 127px;padding: 0 17px 0 0;} .table .article{width: 143px;} .table .article h3 {margin: 10px 0 0;} .table .article h3, .table .article p {font-size: 1.25em;text-transform: uppercase;color: #142032;line-height: 1.23em;} .table .article p span {color: #dc002e;} .table .article p a {font-style: italic;text-transform: none;text-decoration: underline;color: #9d9d9d;display: block;margin: 3px 0 0;} .table .article p.couleur a.bg_couleur{width: 12px;height: 12px;display: inline-block;margin: 0 0 0 5px;} .table .article p.couleur span.stock{display: block;color: #c8002a;} .table .prix{width: 142px;text-align: center;} .table .prix p {line-height: 127px;display: inline-block;} .table .prix p span {line-height: 1em;font-weight: bold;font-size: 1.25em;} .table .prix p span.red {color: #dc002e;} .table .prix p span .prixRemise{ color: #000;display: block;font-size: 0.8em;font-weight: normal;line-height: 0;margin: -44px 0 0;text-align: right;} .table .ajouter-panier{width: 286px;text-align: center;} .table .ajouter-panier p{line-height: 127px;} .table .ajouter-panier p a{height: 45px;line-height: 45px;padding: 0 35px;background: #f3f3f6;display: inline-block;font-family: 'citroenlight';color: #6a6a6a;text-transform: uppercase;font-size: 0.8em;} .table .ajouter-panier p a:hover{background: #E3E3E6;} .table .corbeille{width: 144px;text-align: center;} .table .table-head .corbeille p {margin: 11px 0 0;} .table .row .corbeille, .table .row .corbeille p{line-height: 119px;} .table .corbeille span{ background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) no-repeat 0 -190px;height: 21px;text-indent: -5000px;width: 16px;display: inline-block;margin: 0 auto;} .table .corbeille a{ background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) no-repeat 0 -190px;height: 21px;text-indent: -5000px;width: 16px;display: inline-block;margin: 0 auto;cursor: pointer;} .table a.ajouter-au-panier {background: #dc002e;color: #FFFFFF;display: inline-block;font-family: 'citroenregular';font-size: 1em;height: 45px;line-height: 45px;padding: 0 10px;text-transform: uppercase;margin: 30px 192px 30px 0 ;float: right;min-width: 139px;text-align: center;} .table a.ajouter-au-panier:hover{background: #B40027;} a.bg_couleur {display: inline-block;height: 12px;margin: 0 0 0 5px;width: 12px;display: inline-block;} p.prix-indiques{font-family: arial;font-size: 12px;float: left;margin: 43px 0 0;} p.prix-indiques-mobile{display: none;} button.continue-my-shopping {background: #f5f5f5 !important;color: #000 !important;} button.continue-my-shopping:hover {background: #E3E3E6 !important;color: #000 !important;} button.show-my-cart {background: #c80030 !important;color: #fff !important;} button.show-my-cart:hover {background: #B40027 !important;} .remove-all-selection p {font-size: 20px;color: #c80030;padding: 30px 60px 0;text-transform: uppercase;} /* .add-all-to-cart-dialog */ /************************** dialog confirmation ***************************/ .ui-dialog {z-index: 99999;background: #FFFFFF;border: 1px solid #cccccd;position: fixed !important;top: 32% !important;} .ui-dialog-titlebar-close{position: absolute;right: 0;top: 0;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/dialog-close.png) no-repeat 0 0;height: 29px;width: 30px;border: 0;text-indent: -5000px;cursor: pointer;} .ui-dialog-buttonset{text-align: center;padding: 0 0 35px;} .ui-dialog-buttonset button{height: 42px;line-height: 42px;width: auto;min-width: 120px;/*background: #f5f5f5;*/border: 0;margin: 0 26px 0 0;cursor: pointer;outline: none;font-size: 1em;} .ui-dialog-buttonset button:hover {/*background: #c80030;*/color: #FFFFFF;} .ui-dialog-buttonset button:hover span {color: #FFFFFF;} .ui-dialog p{font-size: 20px;color: #c80030;padding: 29px 29px 0;text-transform: uppercase;} .ui-widget-overlay {background: #000000;opacity: 0.3;} .ui-widget-overlay {height: 100%;left: 0;position: fixed;top: 0;width: 100%;} .ui-dialog-buttonset button {background: #c80030;color: #FFFFFF;} .ui-dialog-buttonset button:hover {background: #B40027;} /* Structure Page Panier ================================================== */ .table .quntite{width: 143px;float: left;text-align: center;} .table-head div {line-height: 48px;} .table-head div.offre {line-height: 17px;margin: 7px 0 0;} .panierP .table .prix p span {color: #142032;font-size: 1.25em;font-weight: normal;} .table .offre{width: 142px;float: left;text-align: center;} .table .offre p {line-height: 127px;} .table .offre p span{color: #dc002e;font-size: 1.25em;font-weight: normal;} .panierP .table .prixPayer {width: 142px;float: left;text-align: center;} .panierP .table .prixPayer p {color: #142032;font-size: 1.6em;font-weight: normal;font-weight: bold;margin: 0;line-height: 127px;} .panierP .table .prixPayer p span {color: #888888;font-size: 0.6em;line-height: 1.5em;margin: -50px 0 0;display: block;} .table .quntite-painer {overflow: hidden;font-size: 14px;text-transform: uppercase;width: 92px;margin: 42px auto 0;} .table .quntite-painer .quantite-ui input[name="quantite"] {width: 30px;height: 36px;font-size: 14px;float: left;text-align: center;border: 1px solid #dadada;} .table .quntite-painer .quantite-ui .qutite-plus, .table .quntite-painer .quantite-ui .qutite-moins {display: inline-block;border: 1px solid #dadada;width: 27px;height: 36px;float: left;} .table .quntite-painer .quantite-ui .qutite-plus {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/quantite-plus.jpg) no-repeat 50%;} .table .quntite-painer .quantite-ui .qutite-moins {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/quantite-moins.jpg) no-repeat 50%;float: left;} .table .row.last {background: none;} .resumetPanierLarg{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep-inner02.png) 0 0 no-repeat; clear:both} .resumetPanier { margin:0 auto; width:1000px; padding-top: 49px;padding-bottom: 35px;overflow: hidden;} .resumetPanier .table .column {text-align: right;width: 438px;} .resumetPanier .table .column.right {float: right;font-size: 1.35em;font-weight: bold;padding: 0 40px 0 0;/*line-height: 33px;*/width: 137px;} .resumetPanier .table .row.last {padding: 0;} .resumetPanier .article-plus-demande .table p{font-size: 1.25em;text-transform: uppercase;} .resumetPanier .table .total {margin: 0;} .resumetPanier .table .total p{color: #142032;font-weight: bold;text-transform: uppercase;} .resumetPanier .table .total p span{color: #868686;font-weight: normal;display: block;text-transform: none;} .resumetPanier .table .total .right{color: #142032;} .resumetPanier .table .row{width: 616px;float: right;} .resumetPanier .table .row.beneficie {/*width: 48%;background: none;*/width:816px;float: right;} .resumetPanier .table .beneficie .column.right{width: auto;color: #ff931e;} .resumetPanier .table .beneficie .promo{float: left;/*text-align: center;*/margin-top:14px;} .resumetPanier .table .beneficie .togglePromo{font-size:14px;color:#868686;text-decoration:underline;padding:0 12px 0 0;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/toogle-on.png) right center no-repeat;cursor:pointer;} .resumetPanier .table .beneficie .togglePromo.closeTogg{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/toogle-off.png) right center no-repeat;} .resumetPanier .table .beneficie .promo input{width: 112px;height: 32px;padding: 0 5px;line-height: 32px;color: #000000;font-size: 1em;text-transform: uppercase;background: #e6e7e8;margin: 0 14px 0 0;text-align: center;} .resumetPanier .table .beneficie .promo input.error{border: 1px solid #f44342;} .resumetPanier .table .beneficie .promoTitre{font-size:15px;color:#ff931e;font-weight: bold;text-transform: uppercase;} .resumetPanier .table .beneficie span.error{color: #f30b0b;font-size: 0.80em;display: block;padding: 5px 0 0;width: auto; float:none;text-align: left;} .resumetPanier .table .beneficie .valider{float: left;height: 32px;padding: 0 20px;line-height: 32px;color: #FFFFFF;font-size: 1em;text-transform: uppercase;background: #ff931e;font-weight: bold;cursor: pointer;outline: none !important;margin-top:14px;} .resumetPanier .table .beneficie .valider:hover{background: #FFA500;} .table .row.beneficie .corbeille, .table .row.beneficie .corbeille p {line-height:18px;vertical-align:middle;display:inline-block;width:66px;} .table .row.beneficie .corbeille.corbeille-mobile{display:none;} .table .livraison-frais p{color: #ff931e;font-weight: bold;text-transform: uppercase;} .table .livraison-frais .right{color: #ff931e;} p.livraison-offerte{font-weight: bold;text-transform: uppercase;font-size: 15px;text-align: center;margin: 0 auto 17px;width: 1000px;} .table .total-montant p{font-weight: bold;color: #dc002e;text-transform: uppercase;} .table .total-montant .right{color: #dc002e;} .table .total-montant p span{font-weight: normal;color: #868686;text-transform: none;display: block;font-size: 1em;} .table .total-montant p.action{width: 94%;overflow: hidden;padding: 48px 38px 0 0;} .grandtitre{position: relative;overflow:hidden;margin:0;} .banText{font-size:14px;line-height:16px;color:#4a4a4a;font-family:'citroenbold';font-weight:normal;left:0;right:0;bottom:0;text-align:center;} .panierP .table .valide-commande, .panierP h1 .valide-commande {float: right;height: 46px;line-height: 46px;background: #dc002e;color: #FFFFFF;text-transform: uppercase;text-align: center;font-family: 'citroenregular';font-size: 0.73em;padding: 0 15px;cursor: pointer;font-size: 11px;} .panierP h1 .valide-commande {margin-right:40px;margin-top: 10px;} .panierP .table .valide-commande:hover, .panierP h1 .valide-commande:hover {background: #B40027;} .panierP .table .continue {float: right;height: 46px;line-height: 46px;background: #e6e7e8;color: #616161;text-transform: uppercase;text-align: center;margin: 0 20px;font-family: 'citroenregular';font-size: 0.73em;padding: 0 15px;} .panierP .table .continue:hover {background: #E3E3E6;} /* Structure Page Panier avec les messages d'erreur ============================================================ */ .panier-erreur .ajouter-wishlist {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/coeur.png) no-repeat 13px 5px #f5f5f5;color: #c80030;float: right;font-size: 10.5px;margin-top: 47px;padding: 10px 16px 10px 46px;text-transform: uppercase;} .panier-erreur .ajouter-wishlist:hover {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/coeur02.png) no-repeat 13px 5px #E3E3E6;} .table .wishlist{padding-left: 142px;} .table .wishlist p {line-height: 127px;vertical-align: middle;display: table-cell;} .panier-erreur .table .article p.couleur span.stock {font-size: 10px;} .panier-erreur .resumetPanierLarg{padding: 41px 0 0;} .panier-erreur p.livraison-offerte {margin: 0 auto 27px;text-align: left;} .panier-erreur .table a.ajouter-au-panier{margin: 10px 38px 30px 0} /* debut page produits */ #produits-slider {margin-bottom: 20px;} .product-detail-wrapper {margin-bottom: 38px;} #produits-slider .flex-direction-nav li a {cursor: pointer !important;opacity: .3;filter: alpha(opacity=30);} #produits-slider .flex-direction-nav li a.flex-disabled,#produits-slider .flex-direction-nav li a:hover {opacity: 1;cursor: default;} .product-detail {width: 1000px;margin: 0 auto;overflow:hidden;} .product-detail .gallery {width: 490px;float: left;position: relative;} .product-detail .gallery .visual-thumb-sldier {list-style: none;margin-right: 8px;margin-top: 10px; height:180px} .product-detail .gallery .visual-thumb-sldier .slides li {list-style: none;margin-right: 8px;} .product-detail .visual-container {position: relative;} .product-detail .visual-container .zoom {display: block;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/zoom.png) no-repeat;width: 32px;height: 32px;position: absolute;bottom: 0;z-index: 2;margin: 0 0 5px 10px;} .product-detail .visual-thumb-sldier .flex-control-paging {bottom: -2px;} .product-detail .visual-thumb-sldier .flex-control-paging li {margin: 0 4px} .product-detail .visual-thumb-sldier .flex-control-paging li a {width: 12px;height: 12px;background: #c2c2c4;text-indent: -100000px;} .product-detail .visual-thumb-sldier .flex-control-paging li a.flex-active {background: none repeat scroll 0 0 rgba(209, 30, 42, 1);cursor: default;} .product-detail .product-description {float: left;width: 490px;margin-left: 20px;} .product-detail .product-description h1 {font-size: 18px;color: #000;line-height: 25px;/*font-weight: bold;*/margin-bottom: 0;} .articleEnComplement{overflow:hidden;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep-inner02.png) 0 0 no-repeat; clear:both; padding-top:50px;} .product-detail .avis-prix-wrapper {float: left;width: 100%;} ul.avis {margin-top: 12px;float: left;} ul.avis li {list-style: none; float: left;display: block;width: 14px;height: 14px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/avis.jpg) no-repeat;margin-right: 4px;} ul.avis li.active {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/avis-active.jpg) no-repeat;} .product-detail .prix-container {float: right;color: #333;} .product-detail .prix-container .prix {font-size: 33px;float: left;font-weight: bold;line-height: 30px;clear: both;float: right;} .product-detail .prix-container .apartirde {font-size: 14px;padding-top: 13px;display: inline-block;padding-right: 6px;} .product-detail .prix-container .prix.prixPromo {color: #c80030;} .product-detail .prix-container .prix.prixRemise {font-size: 18px;font-weight: normal;float: right;clear: both;margin-top: -6px;} .product-detail .prix-container .etat-stock {clear: both;float: right;text-transform: uppercase;margin-top: -2px;} .product-detail .prix-container .produit-non-disponible {clear: both;float: right;text-transform: uppercase;color: #dc012f;margin-top: -2px;} .product-detail span.separateur {display: block;width: 100%;border-bottom: 1px solid #e4e4e4;margin: 20px 0;float: left;clear: both;} .product-detail .ajouter-painer {width: 100%;float: left;font-size: 14px;text-transform: uppercase;} .product-detail .ajouter-painer .form-fields {float: left;} .product-detail .ajouter-painer .form-fields .field-wrapper {float: left;clear:both;padding-bottom: 6px; width:277px} .product-detail .ajouter-painer .form-fields .field-wrapper p {float: left;line-height: 38px;padding-right: 12px;margin: 0;width: 80px;text-align: right;} .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {/* width: 172px !important; min-width: 90px;padding: 0 4px;*/width: auto !important;} .btn-default.disabled {padding: 0 4px !important;} .product-detail .ajouter-painer .form-fields .field-wrapper.taille-field button.dropdown-toggle.selectpicker,.panier-popin-rapide-over .selectpicker{border: 1px solid #dadada;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/select-icon.jpg) no-repeat 100% 50%;height: 34px;padding: 0 30px 0 4px;border-radius: 0;} .panier-popin-rapide-over button.dropdown-toggle.selectpicker {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/select-icon.jpg) no-repeat 100% 50%;} .product-detail .ajouter-painer .form-fields .field-wrapper.taille-field .caret,.panier-popin-rapide-over .caret{display: none;} .product-detail .ajouter-painer .form-fields .field-wrapper.taille-field .filter-option,.panier-popin-rapide-over .filter-option{height: 34px;font-size: 14px;line-height: 34px;text-align: center; text-transform:uppercase} .product-detail .ajouter-painer .form-fields .field-wrapper.taille-field .indisponible span,.panier-popin-rapide-over .details .taille .indisponible span{font-style: italic;color: #b1b1b2 !important;} .product-detail .ajouter-painer .form-fields .field-wrapper.taille-field .dropdown-menu ,.panier-popin-rapide-over .dropdown-menu {border-radius: 0;margin-top: -1px;} .product-detail .ajouter-painer .taille-field .dropdown-menu.selectpicker li.selected,.panier-popin-rapide-over .dropdown-menu.selectpicker li.selected {background: #c2c2c4 !important;} .product-detail .ajouter-painer .selector{width:77px !important;height:36px;padding: 0 0 0 12px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-select-001.png) right center no-repeat #FFFFFF;border:1px solid #d1d1d1;} .product-detail .ajouter-painer .selector span {color: #000;height:36px;line-height:36px;width:auto !important;} .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a {background: #c2c2c4 !important;} .product-detail .ajouter-painer .form-fields .quantite-ui input[name="quantite"] {width: 30px;height: 36px;font-size: 14px;float: left;text-align: center;border: 1px solid #dadada;} .product-detail .ajouter-painer .form-fields .quantite-ui .qutite-plus, .product-detail .ajouter-painer .form-fields .quantite-ui .qutite-moins {display: inline-block;border: 1px solid #dadada;width: 27px;height: 36px;} .product-detail .ajouter-painer .form-fields .quantite-ui .qutite-plus {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/quantite-plus.jpg) no-repeat 50%;} .product-detail .ajouter-painer .form-fields .quantite-ui .qutite-moins {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/quantite-moins.jpg) no-repeat 50%;float: left;} .product-detail .ajouter-painer .color-picker-wrapper,.panier-popin-rapide-over .color-picker-wrapper {padding-top: 8px;display: block;float: left;} .product-detail .ajouter-painer .color-picker,.panier-popin-rapide-over .color-picker {display: inline-block;float: left;width: 21px;height: 20px;border: 1px solid #dadada;margin-right: 8px;} .product-detail .ajouter-painer .color-picker.active,.panier-popin-rapide-over .color-picker.active {border: 2px solid #5f5c5c;} .product-detail .ajouter-painer .produit-indisponible-panier, .product-detail .ajouter-painer .produit-taille-indisponible-panier {font-size: 15px;color: #333;text-align: right;float: right;display: block;text-transform: none;width: 206px;} /*.product-detail .ajouter-painer .produit-taille-indisponible-panier {color: #c80030;}*/ .product-detail .ajouter-painer input[type="submit"] {background: #c80030;color: #fff;text-transform: uppercase;font-size: 16px;padding: 20px;cursor: pointer;float: right;width: 211px;box-sizing:border-box} .product-detail .ajouter-painer input[type="submit"]:hover {background: #B40027;} .product-detail .ajouter-painer .ajouter-wishlist {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/coeur.png) no-repeat 16px 6px #f5f5f5;padding: 10px 33px 10px 49px;font-size: 10.5px;color: #c80030;float: right;margin-top: 14px;width: 211px; box-sizing:border-box; white-space:nowrap} .product-detail .ajouter-painer input[type="submit"] {background: #c80030;color: #fff;text-transform: uppercase;font-size: 16px;padding: 20px;cursor: pointer;float: right; width: 211px;box-sizing:border-box} .product-detail .ajouter-painer .ajouter-wishlist:hover{ background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/coeur02.png) no-repeat 16px 6px #E3E3E6;} @media screen and (-webkit-min-device-pixel-ratio:0) {.product-detail .ajouter-painer .ajouter-wishlist{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/coeur.png) no-repeat 10px 6px #f5f5f5;padding: 10px 31px 10px 40px;} .product-detail .ajouter-painer .ajouter-wishlist:hover{ background-position:10px 6px} } .product-detail .livraison {font-size: 11.5px;line-height: 13px;} .product-detail .livraison u {text-decoration: underline;} .product-detail .panel-body {background: #fafafa;border: none !important;} .product-detail .panel-group .panel {border: none;} .product-detail .collapse {display: none;} .product-detail .collapse.in {display: block;} .product-detail .panel-group {color: #333;} .product-detail .panel-group .panel-body {font-size: 13px;padding: 30px 20px;color: #333333;} .product-detail .panel-group .panel-body h2 {line-height: normal; margin-bottom: auto; text-transform: none;font-family: inherit;font-size: inherit} .product-detail .panel-group .panel-heading {background: #fff;border: 1px solid #d6d6d7;padding: 20px 22px;} .product-detail .panel-group .panel-heading h2 {font-size: 14px;margin-bottom: 0;} .product-detail .panel-group .panel-heading a {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/flech.jpg) no-repeat 100% 0;display: block;} .product-detail .panel-group .panel-heading a:hover, .product-detail .panel-group .panel-heading a:focus {text-decoration: none;} .product-detail .panel-group .panel-heading a.collapsed {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/flech.jpg) no-repeat 100% 100%;color: #333333;} .product-detail ul.social-media {margin-top: 22px;float: left;width: 100%;} .product-detail ul.social-media img{display: block} .product-detail ul.social-media li a {display: block;margin-right: 22px;width: 30px;height: 29px;float: left; padding:0; text-indent: -10000px;} .product_detail_social_media_email {margin-top: 5px;} .product_detail_social_media_print {margin-top: 5px;margin-left: 10px;} .product-detail ul.social-media li a span {display: none !important;} .product-detail ul.social-media li.facebook a{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/facebook.jpg) no-repeat 0 0;} .product-detail ul.social-media li.pinterest a{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/pinterest.jpg) no-repeat 0 0;} .product-detail ul.social-media li.twitter a{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/twitter.jpg) no-repeat 0 0;} .product-detail ul.social-media li.googleplus a{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/googleplus.jpg) no-repeat 0 0;} .product-detail ul.social-media li.mail a{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/envoyer-ami.png) no-repeat 0 0; width:152px;} .product-detail ul.social-media li.print a{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/imprimer.png) no-repeat 0 0;width:92px;} .product-detail ul.social-media li a:hover{opacity: .8;filter: alpha(opacity=80);} .product-detail ul.social-media li.mail a, .product-detail ul.social-media li.print a,.productDetail_socialMedia_print_email {color: #c80030;text-transform: uppercase;} .product-detail ul.social-media li.mail a {/*width: 35px;*/height: 29px;margin-right: 6px;line-height: 19px;} .product-detail ul.social-media li.print a {/*width: 25px;*/height: 29px; margin-right: 6px;line-height: 29px;margin-left: 18px;} .produitsPlusDemandes.page-produits {padding-bottom: 50px;} .article-demande-consulte-wrapper {width: 1000px;margin: 0 auto;padding-top: 40px;} .article-demande, .derniers-articles-consultes {width: 420px;float: left;} .derniers-articles-consultes {float: right;} .article-demande-consulte-wrapper .products-wrapper > div {float: left;/*padding-right: 16px;*/position: relative;padding: 5px 5px;border: 1px solid #FFFFFF;} .article-demande-consulte-wrapper .products-wrapper > div:hover {border: 1px solid #999999;} /*.article-demande-consulte-wrapper .products-wrapper > div:last-child {padding-right: 0;}*/ .article-demande-consulte-wrapper .precommande, .article-demande-consulte-wrapper .nouveaute, .article-demande-consulte-wrapper .topVente, .article-demande-consulte-wrapper .venteFlash, .article-demande-consulte-wrapper .promotion, .article-demande-consulte-wrapper .indisponible, .article-demande-consulte-wrapper .origins, .article-demande-consulte-wrapper .noel {left: 5px;top: 5px;} #avis-clients {margin-top: 56px;} #avis-clients .avis-header {padding: 40px 0;background: #f5f5f5;float: left;width: 100%;} #avis-clients .avis-header .avis-header-container {width: 1000px;margin: 0 auto;} #avis-clients #avis-accordion {width: 1000px;margin: 0 auto;} #avis-clients .statistiques {border: 2px #e4e4e4 solid;float: left;width: 100%;padding: 14px;background: #fff;} #avis-clients .statistiques p {float: left;font-size: 14px;font-style: italic;margin: 0;} #avis-clients .statistiques p strong {font-weight: bold;} #avis-clients .statistiques .avis {margin-top: 0;padding-left: 14px;} #avis-clients .statistiques a.donner-avis {float: right;text-transform: uppercase;text-decoration: underline;font-weight: bold;color: #595959;} .filtre {width: 374px;margin: 36px auto 46px auto;} .filtre strong {color: #dc002e;font-size: 18px;float: left;padding-right: 12px;} .filtre .trier-par {font-size: 12px;color: #000;float: left;display: inline-block;padding-right: 18px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/flech-down.jpg) no-repeat 100% 50%;text-transform: uppercase;margin-right: 28px;line-height: 22px;} .commentaires {width: 100%;float: left;} .commentaires .commentaire {color: #333;margin-bottom: 40px;float: left;} .commentaires .commentaire .description {width: 100%;float: left;padding-top: 12px;line-height: 18px;} .commentaires .commentaire .description p {margin: 0;} .commentaire .description strong {font-weight: bold;} .commentaire .description a:hover, .commentaire .description a:focus {text-decoration: underline;} #avis-clients .voir-plus-avis {display: inline-block;font-size: 18px;color: #727272;text-transform: uppercase;padding: 20px 46px;background: #f5f5f5;margin: 22px 0;} #avis-clients .voir-plus-avis:hover {background: #E3E3E6;} .center-content {clear: both; float: left; text-align: center; width: 100%;} .decrouvrir-accessoires{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep-inner02.png) 0 0 no-repeat; text-align:center; clear: both; padding-top: 20px;} .decrouvrir-accessoires a{display: inline-block; font-size: 15px;color: #38383b;text-transform: uppercase;text-decoration: underline;margin: 6px 0 26px 0;} #avis-clients a.toggle-commentaires-avis {display: block;margin: 36px 0 86px 0;} #avis-clients a.toggle-commentaires-avis span.label {color: #dc002e;font-size: 18px;text-transform: uppercase;} #avis-clients a.toggle-commentaires-avis:hover, #avis-clients a.toggle-commentaires-avis:focus {text-decoration: none;} #avis-clients a.toggle-commentaires-avis .icon {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/flech.jpg) no-repeat 100% 100%;display: inline-block;width: 24px;height: 16px;margin-left: 10px;} #avis-clients a.toggle-commentaires-avis.open .icon {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/flech.jpg) no-repeat 100% 0;} .popin {padding: 34px 19px;background: #fff;float: left;} .popin.error-popin p {text-transform: uppercase;color: #c80030;font-size: 20px;margin: 0;line-height: 26px;} .popin.achat-popin .popin-row {width: 100%;} .popin.achat-popin .titre {color: #c80030;font-size: 20px;text-transform: uppercase;} .popin.achat-popin .visual {float: left;padding-right: 20px;position: relative;} .popin.achat-popin .visual img {width: 210px;height: 210px;} .popin.achat-popin .details {width: 330px;float: left;} .popin.achat-popin .details .description {color: #333;font-size: 14px;line-height: 18px;width: 100%;} .popin.achat-popin .details .quantite {border-top: 1px #e4e4e4 solid;} .popin.achat-popin .details .couleur {margin-bottom: 10px !important;} .popin.achat-popin .details .quantite, .popin.achat-popin .details .taille, .popin.achat-popin .details .couleur {color: #000;font-size: 14px;text-transform: uppercase;border-bottom: 1px #e4e4e4 solid;padding: 6px 0;margin: 0;} /*panier-popin-rapide-over*/ .popin.panier-popin-rapide-over .details .quantite, .popin.panier-popin-rapide-over .details .taille, .popin.panier-popin-rapide-over .details .couleur{ float:left; width:100%} .popin.panier-popin-rapide-over .details .quantite em, .popin.panier-popin-rapide-over .details .taille em, .popin.panier-popin-rapide-over .details .couleur em{float: left;line-height: 38px;padding-right: 12px;margin: 0;} .popin.achat-popin .details .quantite span, .popin.achat-popin .details .taille span {color: #c80030;font-weight: bold;} .panier-popin-rapide-over .details .quantite span{ position:relative; top:9px} .panier-popin-rapide-over .details .taille span{ font-weight:normal !important; color:#000 !important} .popin.achat-popin .details .prix-normal {color: #000;font-size: 24px;font-weight: bold;} .popin.achat-popin .details .prix-promo {color: #c80030;font-size: 24px;font-weight: bold;} .popin.achat-popin .details .prix-remise {color: #000;font-size: 18px;text-decoration: line-through;padding-left: 6px;} .popin.achat-popin .details .coninuer-achats, .popin.achat-popin .details .voir-panier {color: #000;font-size: 12px;padding: 16px 12px;background: #f5f5f5;text-transform: uppercase;display: inline-block;float: left;} .popin.achat-popin .details .voir-panier {color: #fff;background: #c80030;margin-left: 14px;} .panier-popin-rapide-over .coninuer-achats {text-align: center;padding: 8px 10px !important; width: 41%; } .panier-popin-rapide-over .voir-panier{text-align: center;padding: 8px 10px !important; width: 40%;} @media screen and (-webkit-min-device-pixel-ratio:0) { .popin.achat-popin .details .coninuer-achats, .popin.achat-popin .details .voir-panier{padding: 16px 10px;} .panier-popin-rapide-over .coninuer-achats,.panier-popin-rapide-over .voir-panier{padding: 8px 10px !important;} } .popin.achat-popin .details .voir-panier:hover {color: #FFF;background: #B40027;} .popin.achat-popin .details .coninuer-achats:hover {color: #000;background: #E3E3E6;} .popin.achat-popin .note {color: #333;padding-top: 20px;font-size: 12px;width: 100%;clear: both;margin: 0;} .tourner-ipad p {color: #c80030;font-size: 17px;padding: 30px 40px 15px;text-transform: uppercase;} .popin.validation-compte .titre {color: #c80030;font-size: 20px;text-transform: uppercase;} .popin.validation-compte p a{font-size: 13px;color: #B40027;font-weight: bold;} #cboxClose, #cboxClose:hover, #cboxClose:focus {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/popin-close.jpg) no-repeat;width: 32px;height: 32px;top: 1px;right: 1px;} #cboxContent, #cboxLoadedContent {background: #ffffff;} #cboxOverlay {background: rgb(0,0,0);background: rgba(0,0,0,.3);opacity: 1 !important;} #produits-slider .flex-direction-nav a {top: 323px !important;z-index: 99999;} #produits-slider .flex-direction-nav .flex-next {background-position: 100% 100% !important;right: 20px !important;} #produits-slider .flex-direction-nav .flex-prev {background-position: 0 100% !important;left: 20px !important;} .product-detail .ecotaxe{cursor: pointer;position: relative;text-decoration: underline;padding: 0 0 4px;} .product-detail .ecotaxeTxt{position: absolute;top: 16px;left: 0;width: 132px;padding: 7px 10px;border: 1px solid #c8002f;font-size: 10px;float: left;display: none;background: #FFFFFF;cursor: inherit;} .product-detail .precommande, .product-detail .nouveaute, .product-detail .topVente, .product-detail .venteFlash, .product-detail .promotion, .product-detail .indisponible, .product-detail .origins, .product-detail .noel {font-size: 1.7em;height: 43px;line-height: 42px;padding: 0 20px;text-align: center;} .product-detail .slides li {cursor: pointer;} .paslogge .titre {color: #c80030;font-size: 17px;text-transform: uppercase;margin: 20px 45px 20px 20px;} .paslogge .identification{background: #FFFFFF;border: 1px solid #c9c9c9;padding: 32px 28px 10px;width: 221px;overflow: hidden;margin: 0 auto 30px;} .paslogge .identification h2, .paslogge .identification strong{text-transform: uppercase;color: #555555;font-size: 16px;font-weight: bold;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 0 -50px no-repeat;padding: 0 0 16px;width: 100%;float: left;margin: 0;text-align: center;display: block;} .paslogge .identification a{margin: 15px 0;float: left;} .paslogge .identification a.btn01{ background:#db002f; font-size:1.083em; color: #fff; text-transform:uppercase; font-family:citroenlight; display:block; text-align:center; padding:6px 0; width:100%; clear:both; margin-top:15px;font-weight:bold;-webkit-border-radius: 2px 2px;-moz-border-radius:2px 2px;border-radius: 2px 2px; outline:none} .paslogge .identification a.btn01:hover{ background:#000000;} .paslogge .identification a.citroenIdAuthBtn {line-height: 15px;} .paslogge .identification a.citroenIdAuthBtn span {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/btn-citroenID.png) no-repeat 0 center;display: inline-block;margin: 0 auto;width: 147px;text-indent: -5000px;line-height: 19px;} .paslogge .identification a.qst{margin: 6px 0 26px; font-style:italic; text-decoration:underline; color:#000; font-weight:normal; text-transform:none} .product-detail .ajouter-painer .form-fields .field-wrapper.taille-field.prix-unique button.dropdown-toggle.selectpicker, .panier-popin-rapide-over ul.dropdown-menu.selectpicker{background-image: none;} .panier-popin-rapide-over ul.dropdown-menu.selectpicker{ height:auto} .produits .listeProduits li, .listeProduits li {border: 1px solid #ffffff;margin-bottom: 30px;margin-right: 0;padding: 5px;} .push {border: 1px solid #ffffff;margin-bottom: 30px;margin-right: 0;padding: 5px;} .produits .listeProduits li:hover, .listeProduits li:hover{border: 1px solid #999999;} .push:hover{border: 1px solid #999999;} /*.produits .produitsPlusDemandes .nouveaute, .produits .produitsPlusDemandes .topVente, .produits .produitsPlusDemandes .venteFlash, .produits .produitsPlusDemandes .promotion, .produits .produitsPlusDemandes .indisponible { top: 5px;left: 5px;}*/ /* fin page produits */ /* Debut Contenu Global Faq*/ .blockFixStandard{width:1000px;margin:0 auto;} .faq{width:632px;float:left;min-height:690px;padding-bottom: 40px;} .faq h1{color:#dc002e;font-size:2.25em;font-family:'citroenregular';float: left;margin-bottom:18px;} .faq .separateurFaq {height:1px;width:100%;background:#cccccc;float:left;} .faq .openclose{margin-top:18px;padding:0 0 0 22px;float: right;font-family:'citroenregular';font-style:italic;font-size:1.1em;cursor:pointer;} .faq .openall{background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) left -618px no-repeat;} .faq .closeall{background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) left -640px no-repeat;} .faq .closetoggle{background:url("../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/puce10.png") no-repeat scroll right 9px;} .faq .opentoggle{background:url("../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/puce11.png") no-repeat scroll right 9px;} .faq .description{width:100%;border-bottom:solid 1px #cccccc;padding:10px 0 12px 0;float: left;} .faq .description a{font-size: 0.5em;font-family:'citroenbold';display:block;padding-right:20px;} .faq .description .textReadMore{margin-top:12px;} .faq .description .textReadMore p{font-size:1em;font-family:'arial';margin:0 0 10px 0;} /* Fin Contenu Global Faq*/ /* mon compte / my account */ /*================================================== */ .blockFixStandard{width:1000px;margin:0 auto; clear: both;} .myaccount{width:100%;min-height: 245px;padding:0 0 30px;} .myaccount h1 {float:none;clear:both;} /*liste des adresses / adress list*/ .myaddress{width:858px;overflow:hidden;} .myaddress:after{content: ".";display: block;height: 0;overflow: hidden;} .myaddress .box-adr{width:359px;height:216px;padding:20px;background:#fafafb;margin:0 30px 30px 0 ;float:left;position:relative;} .box-adr .edit-box{position:absolute;right:20px;top:14px;} .box-adr .link-edit{background:#dc002e;font-size:9px;color:#fff;text-transform:uppercase;font-family:"citroenregular";float:right;margin:0 21px 0 0;line-height:20px;height:20px;padding:0 12px;} .box-adr .link-edit:hover{background:#B40027;} .box-adr .link-delete{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) no-repeat scroll 0 -190px ;display: inline-block;height: 21px;float:right;text-indent: -5000px;width: 15px;overflow:hidden;} .box-adr h3{padding:0 0 6px;border-bottom:1px solid #f3f3f4;text-transform:uppercase;font-size:1.25em;color:#000;margin:0 0 26px;font-family:citroenlight;line-height:19px;} .box-adr li{margin:0 0 12px;font-size:1.08em;font-weight:bold;} .bloc-adr-bottom{font-size:1em;clear:both;width:100%;overflow:hidden;margin:0 0 32px;padding:1px 0 0;} .bloc-adr-bottom .link-add{padding:0 11px;height:45px;line-height:45px;font-size:0.91em;color:#fff;text-transform:uppercase;font-family:"citroenregular";background:#dc002e;display:inline-block;text-decoration:none;float:right;margin:0 29px 0 0;min-width: 139px;text-align: center;} .bloc-adr-bottom .link-add:hover{background:#B40027;} .ui-dialog-buttonset .ui-button{outline:none;} /*ajouter adresse / add adress*/ .address-add{width:804px;overflow:hidden;padding:0 0 47px;} .address-add h1{margin:0 0 58px;} .cont-form .field{width:100%;clear:both;overflow:hidden;margin:0 0 12px;} .cont-form label{width:101px;float:left;font-size:1.08em;color:#000;padding:8px 0 0;} .cont-form select{width:202px;-webkit-appearance: none;} .cont-form div.selector{float:left;border:1px solid #dfdfe0;height:30px;padding-left:15px;} .cont-form div.selector span{color:#000;font-size:1.08em;cursor:pointer;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) no-repeat right -769px; height:30px;line-height:30px;} .cont-form div.selector select{height:30px;top:0;cursor:pointer;width:100%!important;} .cont-form div.selector select option{padding:0 0 0 7px;font-size:14px;} .cont-form .civilite select {width:54px;} .cont-form input[type="email"],.cont-form input[type="text"], .cont-form input[type="password"] {float:left;font-family:arial; box-shadow: none;outline:none;width:590px;height:30px;line-height:30px;padding:0 8px;border:1px solid #d8d8d9;margin:0;} .cont-form textarea{margin:0;box-shadow: none; border: 1px solid #d8d8d9;width:590px;height:59px;padding:8px;resize:none;font-family: arial;outline: none !important;} .cont-form .infoform{clear:both;display:block;font-size:0.83em;color:#38383b;margin:0 0 12px;padding:3px 0 0;} .cont-form .fieldAdress{float:left;width:608px;} .cont-form .colonneLeft{width:280px;float:left;} .cont-form .colonneLeft input[type="text"],.cont-form .colonneRight input[type="text"]{width:224px;} .cont-form .colonneRight{width:324px;float:right;} .cont-form .colonneRight input[type="text"]{float:right;} .cont-form .colonneRight .infoform{margin:0 0 0 82px;} .cont-form .codePostal input[type="text"],.cont-form .ville input[type="text"],.cont-form .telephone input[type="text"]{width:224px;} .cont-form .pays{/* width:385px; */width:364px;float:left;clear:none;} .cont-form .codePostal{width:347px;float:left;clear:none;} .myaccount .resumetPanier .table .row{width: 100%;float: left;} .myaccount .resumetPanier .table .row.beneficie {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg_cell.png) repeat-x 0 bottom;width: 100%;margin: 20px 0 0;} .myaccount .resumetPanier .table .column {text-align: left;width: auto;} /* .cont-form .codePostal label{width:82px;}*/ .cont-form .codePostal .infoform{margin:0 0 0 102px;} .cont-form .pays{clear:both; overflow: visible;} .cont-form .pays .selector {overflow: visible;} .cont-form .ville{/* width:385px; */width:364px;float:left;clear:none;} .cont-form .telephone{width:347px;float:left;clear:none;} .cont-form .ville label{width:101px;} .cont-form .telephone label{/* width:82px; */width:101px} .cont-form .telephone .infoform{/* margin:0 0 0 82px; */margin: 0 0 0 100px;} .cont-form .nomadresse label{padding:0 5px 0 0;width:96px;} .form-sucess{clear:both;width:auto;background:#f3f3f6;padding:16px 15px 15px;text-align:center;text-transform:uppercase;color:#dc002e;font-size:1.08em;margin:30px 0 6px;} .cont-form .submit,.submit{clear:both;width:708px;padding:29px 0 0;overflow:hidden;} .accordionContent .submit, .address-add .submit {width: 100%;} .cont-form .submit > span{color:#000;font-size:1.16em;float:left;padding:33px 0 0;} .checkoutstep-0 .submit button,.checkoutstep-0 .submit a,.submit a, .cont-form .submit button,.cont-form .submit a, .enr {height:44px;line-height:44px;float:right;border:none;font-family:"citroenregular";background:#dc002e;color:#fff;text-transform:uppercase;font-size:0.91em;cursor:pointer;text-decoration:none;outline:none;padding:0 11px;min-width: 180px;text-align: center;} .checkoutstep-0 .submit button:hover,.checkoutstep-0 .submit a:hover,.submit a:hover,.cont-form .submit button:hover,.cont-form .submit a:hover, .enr:hover{background:#B40027;} .cont-form .submit a,.submit a{display:inline-block;} /* gestion Des Erreur Forumlaire Add Adress*/ .cont-form .field span.error{float:left;margin-left:101px;} .cont-form .pays span.error{background:none;bottom: -38px;left: 0;margin-left: 0 !important;position: absolute;width: 242px;} .cont-form .fieldAdress span.error{margin-left:0 !important;} .cont-form .ville span.error{/* margin-left:82px !important; */margin-left:100px !important;width:224px;} /*creer mon compte*/ .choiceAlreadymember{margin:0 0 30px;overflow:hidden;width:100%;} .choiceAlreadymember p{color:#737373;font-size:1.16em;} .choiceAlreadymember input{float:left;} .choiceAlreadymember label{float:left;padding:0 0 0 9px;width:63px;font-size:1.08em;color:#202020;} .memberYes{clear:both;} .memberYes > p{float:left;padding:7px 40px 0 0;color:#737373;font-size:1.16em;} .memberYes .boxLink{float:left;width:153px;} .memberYes .boxLink a{display:inline-block;margin:0 0 2px;} .memberYes .boxLink a.link-2{color:#666;font-style:italic;text-decoration:underline;} .myaccount .popin{display:none;} /*.memberNo{display:none;}*/ .cont-form .villeListe{overflow:visible !important;display: table;margin-bottom:14px;} .villeListe #uniform-villeListe{overflow:visible;} .field #uniform-villeListe .error{position:absolute;bottom:-34px;left:0;margin-left:0 !important;border:none;background:none;} /*Gestion des Erreur Formulaire */ #crercompte .field span.error,#crercompte-top .field span.error{margin-left:199px; line-height: 12px;} #crercompte .field #uniform-pays span.error{margin:0;} #crercompteCheckout .field #uniform-pays span.error{margin:0;} /*creer mon compte*/ .choiceAlreadymember{margin:0 0 30px;overflow:hidden;width:100%;} .choiceAlreadymember p{color:#737373;font-size:1.16em;} .choiceAlreadymember input{float:left;} .choiceAlreadymember div.radio{float:left;width:16px;height:16px;overflow:hidden;} .choiceAlreadymember div.radio span{width:16px;height:16px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg_inputradio.png) 0 0 no-repeat;cursor:pointer;} .choiceAlreadymember div.radio span.checked{background-position:0 bottom!important;} .choiceAlreadymember div.radio input { width:16px;height:16px;cursor:pointer;} .choiceAlreadymember div.radio.hover.active span,.choiceAlreadymember div.radio.focus.active span { background-position:0 bottom; } .choiceAlreadymember label{float:left;padding:0 0 0 9px;width:63px;font-size:1.08em;color:#202020;} .memberYes{clear:both;} .memberYes > p{float:left;padding:7px 40px 0 0;color:#737373;font-size:1.16em;} .memberYes .boxLink{float:left;width:153px;} .memberYes .boxLink a{display:inline-block;margin:0 0 2px;background:#db002f; font-size:1.083em; color: #fff; text-transform:uppercase; font-family:citroenlight; display:block; text-align:center; padding:6px 0;-webkit-border-radius: 2px 2px;-moz-border-radius:2px 2px;border-radius: 2px 2px;color: #FFFFFF;} .memberYes .boxLink a:hover{background: #000000;} .memberYes .boxLink a.link-2{color:#666;font-style:italic;text-decoration:underline;} .myaccount .popin{display:none;} .memberNo{/*display:none;*/width:100%;clear:both;padding:5px 0 0;max-width:802px;} .memberNo p{font-size:1.16em;color:#000;padding:0;margin:0 0 15px;} .memberNo .connecterRs p{margin:0 0 10px;} .memberNo .cont-form input[type="text"],.memberNo .cont-form input[type="email"]{width:583px;} .memberNo .cont-form select{width:562px;} .memberNo .cont-form .civilite select {width: auto !important;padding-left: 15px;padding-right: 25px;} .memberNo .cont-form label{width:199px;} .cont-form .birth div.selector{padding-left:9px;margin:0 19px 0 0;} .cont-form .birth #day,.cont-form .birth #month{width:23px;} .cont-form .birth #year{width:40px;} .memberNo .cont-form .infoform{margin:0 0 0 199px;} .cont-form .champsRequis{width:100%;clear:both;color:#868686;font-size:1.16em;padding:32px 0 18px;} .mentionsbox {clear:both;color:#000;font-size:12px;margin:0 0 16px;} .mentionsbox > span{color:#000;font-size:12px;text-decoration:underline;cursor:pointer;} .mentionsbox .moreMention{display:none;padding:15px 0 0 ;clear:both;color:#000;font-size:1em;} .mentionsbox .moreMention p{ font-size:12px; text-align:justify} .memberNo .loi{margin:0 0 15px;font-size:12px; color:#000;text-align:justify;width:100%;clear:both;} .memberNo .boxCheckbox p{font-size:1em;color:#000;margin:0 0 6px;} .memberNo div.checkbox{margin:0 0 6px;} .memberNo div.checkbox div.checker{margin:0;} .memberNo div.checkbox label{width:auto;float:left;font-size:1em;color:#000;padding:0 0 0 8px;} .memberNo .cont-form .submit{width:100%;padding:60px 0 39px;} .memberNo div.checkbox.field-error{overflow: inherit;} .checkout div.checkbox div.checker span.error {background:none;color: #dc002e;height: auto;margin: 1px 0 0;width: auto;white-space: nowrap;} .memberNo .contList{width: 100%;} .contList.field-error{height: 48px;} .field span.error.valid{display: none !important;} .cont-form .contList .field-error {overflow: visible;} .cont-form .paysliste span.error{bottom: inherit;float: left;height: auto;left: -15px;line-height: 1;margin: 0;padding: 6px 0 0;position: inherit;background: none;} #crercompte.cont-form fieldset {display: block;/*margin: 0 0 60px;*/} #crercompte.cont-form input[type="password"],#crercompte-top.cont-form input[type="password"] {width:584px;} #crercompte div.checkbox div.checker{width:18px;height:16px;margin:0;} #crercompte div.checkbox div.checker span input{cursor:pointer;} .memberNo .alreadyExists,.memberNo .alreadyExistsCheckout{color: #dc002e;padding:0;margin:0 0 20px;} .memberNo .alreadyExists a,.memberNo .alreadyExistsCheckout a{color: #dc002e;text-decoration:underline;font-size:1em;} /*Mon compte*/ .accountHome{width:100%;max-width:1000px;padding:14px 0 0;margin:0 0 49px;border-bottom:1px solid #f5f5f5;} .accountHome li{width:100%;border-top:1px solid #f5f5f5;} .accountHome li a span{color:#2e2e2e;display:block;font-size:16px;font-family:citroenbold;text-transform:uppercase;} .accountHome li a {color:#828282;display:block;font-family:arial;text-transform:none;font-size:16px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg-puce-12.png) no-repeat right center ;padding:32px 0 30px;} .accountHome li a:hover span {text-decoration: underline;} /*Mes commandes*/ .tableCommandes { margin: 0 auto 36px; overflow: hidden; width: 1000px;} .tableCommandes .table-head { color: #202020; height: 48px; vertical-align: middle; width:100%; overflow:hidden;} .tableCommandes .column {width:198px;border-right:2px solid #f3f3f6;float: left;text-align:center;height:auto;line-height:1;color:#666;font-size:1.08em;} .tableCommandes .first{width:196px;border-left:2px solid #f3f3f6;} .tableCommandes .row{margin:0;width:1000px;overflow:hidden;background:none;border-bottom:2px solid #f3f3f6;padding:0;} /*.tableCommandes .row.last{border:none;}*/ .tableCommandes .row .column {padding:16px 0;text-align:center;color:#142032;font-size:1.16em;line-height:62px;min-height:62px;} .tableCommandes .row .montant{color:#dc002e;font-weight:bold;font-size:18px;line-height:62px;min-height:62px;} .tableCommandes .row .etat {text-align:left;line-height:10px;} .tableCommandes .row .etat p{font-size:1.16em;margin:0;padding:0 0 0 20px;} .tableCommandes .row .etat p a{text-decoration:underline;} .tableCommandes .row .etat p a:hover{text-decoration:none;} /*detail commande*/ .myaccount .tableG .table .prixPayer {float: left;text-align: center;width: 142px;} .myaccount .tableG .table .row .prix p,.myaccount .tableG .table .row .offre p {font-size:1em;font-weight:normal;} .myaccount .tableG .table .row .prix p span ,.myaccount .tableG .table .row .offre p span{color: #142032;font-size: 1.5em;line-height: 1em;font-weight:normal;} .tableG .table .row p span.red{ color: #dc002e !important;} .myaccount .tableG .table .row .quntite p{line-height:127px;font-size:1.16em;} .myaccount .tableG .table .prixPayer p {color: #142032;font-size: 1.6em;font-weight: bold;line-height: 127px;margin: 0;} .myaccount .tableG .table .prixPayer p span {color: #888888;display: block;font-size: 0.6em;line-height: 1.5em;margin: -50px 0 0;} .myaccount .resumetPanier .table{width:860px;margin:0;} .myaccount .table .livraison-offert p{text-transform:uppercase;font-family: arial, sans-serif;font-weight: bold;font-size: 14px;color: #868686;} .myaccount .table .livraison-offert .right{color:#868686;} .myaccount .table .total-montant p{text-transform:uppercase;} .adressCommande{width:1000px;clear:both;margin:0 auto;} .adressCommande .box-adr{height:188px;} .adressCommande .box-adr h3{margin:0 0 24px;} .adressCommande .box-adr li{color:#000;font-weight:normal;margin:0 0 6px;} .adressCommande .box-adr li.first{font-weight:bold;text-transform:uppercase;font-size:1.08em;margin:0 0 22px;} .adressCommande .box-adr li.last{text-transform:uppercase;margin:0;} .adressCommande .bloc-adr-bottom{width:860px;} /*modifier coordonnees*/ .accountEdit{width:100%;clear:both;padding:5px 0 0;max-width:802px;} .accountEdit > p{font-size:1.16em;color:#737373;padding:0;margin:0 0 25px;} .accountEdit .title{color:#2f2f2f;font-family:citroenbold;text-transform:uppercase;font-size:1em;margin:0 0 25px;} .accountEdit .cont-form input[type="text"]{width:583px;} .accountEdit .cont-form select{width:562px;} .accountEdit .cont-form .civilite select { width: 54px;} .accountEdit .cont-form label{width:199px;} .accountEdit .cont-form .infoform{margin:0 0 0 199px;} .accountEdit .loi{margin:0 0 15px;font-size:12px;color:#000;text-align:justify;width:100%;clear:both;} .accountEdit .boxCheckbox p{font-size:12px;color:#000;margin:0 0 6px;} .accountEdit div.checkbox{margin:0 0 6px;} .accountEdit div.checkbox div.checker{margin:0;} .accountEdit div.checkbox label{width:auto;float:left;font-size:12px;color:#000;padding:0 0 0 8px;} .accountEdit .cont-form .submit{width:100%;padding:60px 0 39px;} .accountEdit #modifier .paysliste span.error{margin: 0;} /*modifier passe*/ .editPasse p{color:#696969;margin:0 0 28px;} .editPasse a{ background:#dc002e;color: #fff;text-align:center;cursor: pointer;display:inline-block;font-family: "citroenregular";font-size: 0.91em;height: 44px;line-height: 44px;outline: none;padding: 0 6px;margin:0 0 28px;text-decoration: none;text-transform: uppercase;min-width:203px;} .editPasse a:hover{text-decoration:none;background:#B40027;} /*modifier Inscription newsletter */ .editNewsletter {max-width:800px;} .editNewsletter form > p{color:#000;font-size:12px;margin:0 0 20px;} .editNewsletter .loi{ clear: both;color: #000;font-size: 12px;margin: 0 0 15px;text-align: justify;width: 100%;} .editNewsletter .boxCheckbox{width:100%;clear:both;} .editNewsletter .boxCheckbox p {color: #000;font-size: 12px;margin: 0 0 6px;} .editNewsletter div.checkbox {margin: 0 0 6px;} .editNewsletter div.checkbox div.checker {margin: 0;} .editNewsletter div.checkbox label {color: #000;float: left;font-size: 12px;padding: 0 0 0 8px;width: auto;} .editNewsletter .cont-form .submit{width:100%;} /*reinitialisez mdp*/ .resetMdp{max-width:804px;} .resetMdp .cont-form label{width:245px;} .resetMdp .cont-form input[type="text"]{width:539px;} .resetMdp .cont-form div.submit{width:804px;padding:53px 0 0;} .resetMdp .cont-form .field span.error {margin-left:245px;} /*-------- page checkout -----------*/ .checkout{width:100%;overflow:hidden;clear:both;padding:0 0 20px;} .checkout:after{content: ".";display: block;height: 0;overflow: hidden;clear:both;} /*checkout bloc right*/ .checkoutRight{float:right;width:235px;} .checkoutRight .recap{background:#f3f3f6;padding:12px;margin:0 0 4px;display:none} .checkoutRight .recapCommande{display:block;} .checkoutRight .recap:after{clear:both;content: ".";display: block;height: 0;overflow: hidden;} .checkoutRight .recap h4{text-transform:uppercase;margin:0 0 10px;font-family:citroenregular;font-size:1.10em;line-height:16px;} .checkoutRight .recap ul li{width:100%;clear:both;margin:0 0 1px;color:#000;overflow:hidden;} .checkoutRight .recap ul li span{font-size:1.08em;color:#000;float:left;} .checkoutRight .recap ul li span.price{float:right;font-size:1.25em;} .checkoutRight .recap ul li.promo span{color:#ff931e;} .checkoutRight .recap ul li.shipping {margin:0 0 9px;} .checkoutRight .recap ul li.total {border-top:1px solid #8f8f91;padding:7px 0 0;margin:0 0 12px;} .checkoutRight .recap ul li.total span{font-weight:bold;text-transform:uppercase;} .checkoutRight .recap ul li.total span.price{font-size:1.25em;color:#dc002e;} .checkoutRight .recap ul li.total span{color:#dc002e;} .checkoutRight .recap .edit{font-family:citroenregular;font-size:1.08em;color:#000;float:right;display:inline-block;padding:0 0 0 16px;background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/puce12.png) 0 4px no-repeat;} .checkoutRight .recap .edit:hover{text-decoration:underline;} .checkoutRight .recap p{font-size:1em;color:#000;margin:0 0 1px;padding:0; } .checkoutRight .recap > a{font-size:1.08em;color:#000;margin:0 0 2px;display:inline-block;} .checkoutRight .recap .Modelivraison{text-transform:uppercase;font-weight:bold;} /*bloc checkout left*/ .checkout .checkoutLeft{width:743px;float:left;} .accordionCont{padding:0 0 32px;width:100%;clear:both;} .accordionCont > h3{height:42px;line-height:42px;clear:both;color:#000;font-size:16px;padding:0 0 0 19px;font-family:citroenbold;text-transform:uppercase;background:#f3f3f6 url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/puce-acordion.png) no-repeat right 14px; cursor:pointer;/*margin:0 0 26px;*/} .accordionCont > h3.accordActive{background-position:right -71px;} .accordionCont .accordionContent{clear:both;display:none;padding:26px 0 0 18px;} #current-accordion .accordionContent{display:block;/*background:#e2f3f6;*/} /*Vos Informations page checkout*/ .informationsBox{width:221px;margin:0 auto;padding:0 0 17px;} .informationsBox strong{ background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) no-repeat 0 -50px;color: #414141;font-size: 14px;margin: 0 0 14px;padding: 0 0 16px;text-align: center;text-transform: uppercase;width: 100%;line-height: 26px;display: block;} .informationsBox a {display:inline-block; margin:0 0 15px;} .informationsBox a.qst {color: #000;font-style: italic;font-weight: normal;margin: 6px 0 26px;text-decoration: underline;text-transform: none;} .informationsBox a.btn01 {background:#db002f;clear: both;color: #fff;display: block;font-family: citroenregular;font-size: 1.083em;font-weight: normal !important;margin-top: 15px;height:36px;line-height:36px;text-align: center;text-transform: uppercase;width: 100%;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; outline:none} .informationsBox a.btn01:hover {background:#000000;} .checkout .memberNo{display:none;} .checkout .memberNo h4{font-family: citroenbold;font-size:1em;text-transform:uppercase;margin:0 0 15px;} .checkout .memberNo fieldset{display:block;/*margin:0 0 60px;*/} .checkout .memberNo fieldset.zone-info-perso{margin:0;} .checkout .memberNo .cont-form input[type="email"],.checkout .memberNo .cont-form input[type="text"], .checkout .memberNo .cont-form input[type="password"] {width:504px;} .checkout .memberNo .cont-form select {width: 482px;} .checkout .mentionsbox{padding-top:38px;} .checkout .cont-form .field span.error{ margin-left: 198px;} .checkout #address_facturation .field span.error, .checkout #address_livraison .field span.error{ margin-left: 102px;} .checkout .cont-form .field span.valid{display:none;} /*Adresse checkout*/ .adressAccordion{width:100%;clear:both;overflow:hidden;} .adressAccordion > h4{clear:both;text-transform:uppercase;font-family:citroenlight;color:#000;font-weight:normal;font-size:14px;padding:0 0 0 23px;margin:0 0 18px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/puce-acordion.png) no-repeat 0 -156px;cursor:pointer;} .adressAccordion > h4.accordActive{background-position:0 -218px;} .adressAccordion .adressContent{overflow:hidden;width:100%;clear:both;padding:0 0 35px;display:none;} .adressListItem{width:326px;min-height:93px;background:#fafafb;padding:18px 0 0 20px;overflow:hidden;float:left;margin:0 15px 13px 0;} .adressListItem > p{width:150px;float:left;} .adressListItem label{float: left;font-size: 13px;font-weight: bold;padding: 0 0 0 8px;text-transform: uppercase; width: 110px; word-break: keep-all;} .adressListItem > ul{width:175px;float:left;} .adressListItem > ul li{color:#000;font-size:1.08em;margin:0 0 6px;} .checkout div.radio{float:left;width:16px;height:16px;overflow:hidden;} .checkout div.radio span{width:16px;height:16px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg_inputradio.png) 0 0 no-repeat;cursor:pointer;} .checkout div.radio span.checked{background-position:0 bottom!important;} .checkout div.radio input { width:16px;height:16px;cursor:pointer;} .checkout div.radio.hover.active span,.checkout div.radio.focus.active span { background-position:0 bottom; } /*.checkout .address-add .cont-form .submit > span{display:block;padding:0;float:none;}*/ .checkout .address-add {padding:0;width:100%;} .checkout .address-add .cont-form .submit > span{ padding: 20px 0 0;} .checkout .address-add .cont-form .submit > span sup{font-size:8px; vertical-align: top;} .checkout .deliveryIsBilling{padding:0 0 20px;width:100%;overflow:hidden;clear:both;} .checkout .address-add div.checkbox label {color: #000;font-weight:bold;text-transform:uppercase;float: left;font-size: 1.08em;padding:1px 0 0 8px;width: auto;} .checkout div.checkbox div.checker{width:18px;height:15px;margin:0;} .checkout div.checkbox div.checker span{width:18px;height:15px;background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg_checkbox-2.png) no-repeat 0 0;margin:0;color: #868686;} .checkout div.checkbox div.checker span input{cursor:pointer;} .checkout div.checkbox div.checker.hover.active span, .checkout div.checkbox div.checker span.checked, .checkout div.checkbox div.checker.focus.active span{background-position:0 -26px;} /*mode Livraison*/ .modeLivraison{width:100%;clear:both;overflow:hidden;} .modeLivraison div.radio{float:left;} .modeLivraison p{width:100%;overflow:hidden;font-size:1em;padding:10px 0 10px;} .modeLivraison label{font-size:1.08em;text-transform:uppercase;font-weight:bold;color:#000;padding:0 0 0 10px;float:left;width:260px;} .modeLivraison label .nametransport{display:inline;font-size:1em;text-transform:uppercase;font-weight:bold;color:#000;padding:0;} .modeLivraison label span{text-transform:none;padding:8px 0 0;display:block;font-size:1em;font-weight:normal;} .shippingMap{clear:both;width:666px;border:1px solid #dadadb;border-width:1px 2px;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;padding:16px 0 11px 16px;height:394px;margin:0 0 40px 26px;overflow:hidden;} .searchMap{height:45px;width:100%;} .searchMap label{width:307px;float:left;font-size:1.08em;color:#777779;padding:5px 0 0;} .searchMap input[type="text"]{width:220px;height:30px;line-height:30px;padding:0 10px;border:1px solid #dfdfe0;float:left;margin:0 16px 0 0;font-size:0.83em;} .searchMap button{ background: #dc002e; border: none; width:48px;height:32px; color: #fff;cursor: pointer;float: left;font-family: "citroenregular";font-size: 0.91em;line-height: 32px;outline: medium none;text-decoration: none;text-transform: uppercase;} .chooseDelivery{width:196px!important;height:350px;overflow: auto;float:left; } .chooseDelivery .jspPane{width:186px!important;} .chooseDelivery .jspVerticalBar{right:0;left:auto;background:#f3f3f6;width:10px;} .chooseDelivery .jspVerticalBar .jspTrack{background:#f3f3f6;} .chooseDelivery .jspVerticalBar .jspDrag{background:#cececf;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} .chooseDelivery .resultat{padding:8px 0 0 8px;font-size:1.16em;color:#dc002e;font-family:citroenregular;line-height:20px;margin:0 0 12px;} .chooseDelivery ul{width:100%} .chooseDelivery ul li{width:176px;height:66px;padding:6px 0 0 10px;font-size:0.91em;margin:0;} .chooseDelivery ul li.deliverySelected{background:#f5f5f6;} .chooseDelivery ul li label{cursor:pointer;text-transform:uppercase;padding:0 0 0 10px;width:132px;display:block;float:left;} .chooseDelivery ul li small{text-transform:none;padding:4px 0 0;font-size:12px;color:#e2001a;display:block;} .chooseDelivery ul li span{text-transform:none;font-size:1em;color:#868689;display:block;} .shippingBox .submit {width:100%;clear:both;overflow:hidden;font-size:1em;margin:0;} .shippingBox .submit button{float:right;margin:0 12px 0 0;background:#dc002e;border: none;color: #fff;cursor: pointer;font-family:citroenregular;font-size: 0.90em;height: 44px;line-height: 43px;outline: none;padding: 0 11px;text-decoration: none;text-transform: uppercase;min-width: 180px;} .shippingBox .submit button:hover {background:#B40027;} .map{width:458px;height:349px;overflow:hidden;float:left;} /*Modalite de paiement*/ .ModalitePaiement{padding:7px 0 0;} .ModalitePaiement p{padding:0 0 10px;margin:0;font-size:em;} .ModalitePaiement .total{text-transform:uppercase;font-size:1em;font-weight:bold;} .ModalitePaiement .total span{font-size:1em;color:#dc002e;font-weight:bold;} .ModalitePaiement .cartebanque{display:block;margin:10px auto 20px;} .ModalitePaiement .mentionsbox{font-size:12px;color:#000; } .ModalitePaiement .mentionsbox > span { color: #000;} .ModalitePaiement .mentionsbox .moreMention { color: #000;font-size:12px;} .ModalitePaiement .loi { font-size:12px;padding:0 0 30px; text-align:justify} .ModalitePaiement .boxCheckbox p { color: #000; font-size: 12px; padding:0 0 14px;} .ModalitePaiement div.checkbox {margin: 0 0 8px;} .ModalitePaiement div.checkbox div.checker {margin: 1px 0 0;} .ModalitePaiement div.checkbox label {color: #000;float: left;font-size: 1.08em;padding: 0 0 0 8px;width: 100%;} .ModalitePaiement div.checkbox.last{padding-top:30px;} .ModalitePaiement div.checkbox label a{text-decoration:underline;} .ModalitePaiement .cont-form .submit {clear: both;padding: 48px 0 40px;width: 100%;} .ModalitePaiement .cont-form .submit .champ-obligatoire {float: left;} .ModalitePaiement .cont-form .submit button{height:auto;line-height:20px;padding:10px 15px;} .ModalitePaiement .cont-form .submit button span{display:block;font-size:9px;color:#fff;} .ModalitePaiement .paiment-options {width: 366px;margin: 10px auto 20px;} .ModalitePaiement .paiment-options .msg-error {float: left;clear: both;color: #f00;padding-top: 4px;display: none;} .ModalitePaiement .paiment-options.error .msg-error {display: block;} .ModalitePaiement .paiment-options.error .paiment-options-wrapper {float: left; padding: 2px;border: 2px solid #f00;} .ModalitePaiement .paiment-options .paiment-option {float: left;margin-right: 10px;cursor:pointer;padding: 2px;} .ModalitePaiement .paiment-options .paiment-option.selected {border: #333 solid 2px;padding: 0;} span.spanLabel {padding-left: 8px;color: #000;font-size: 12px;} span.spanLabel a { color: #000;font-size: 12px;} /*-------- fin page checkout -----------*/ /* FIN mon compte / END my account */ /*================================================== */ /* Debut page contacter*/ .blockFixStandard {width:1000px;margin:0 auto;} .formulaireContact {width:100%;padding:0 0 45px 0;margin:0 0 34px 0;} .formulaireContact h1{margin-bottom: 16px;} .formulaireContact .topcontact{width:100%;padding-bottom:35px;} .formulaireContact .topcontact p{border:none;padding:0px;font-family:'arial';font-size:1.25em;color:#848484;margin-bottom:0;text-transform:none; } .formulaireContact h2{color:#dc002e;font-size:1.15em;font-family:'citroenregular';text-transform:uppercase;padding:14px 0 12px 0;border-top:solid 1px #f5f5f5 ; margin-bottom:0} .formulaireContact p{font-family:'arial';font-size:1.166em;color:#000000;text-transform:uppercase;padding:0 0 8px 0;} .formulaireContact p span{font-size:1.06em;} .formulaireContact form{width:624px;padding-top:4px;} .formulaireContact .field{width:100%;display:inline-block;padding-bottom:4px;} .formulaireContact form .field label {line-height: 32px;float:left;font-family:arial;font-size:1em;color:#000000;} .formulaireContact form .field input {height:30px;line-height:30px;float:right;border:1px solid #cccccc;width:446px; padding:0 8px;font-family:arial;font-size:1em;color:#000000;} .formulaireContact form .field textarea {resize:none;height:172px;float:right;border:1px solid #cccccc;width:444px;max-width:444px; padding:8px;font-family:arial;font-size:1em;color:#000000;} .formulaireContact .btn-submit {color: #ffffff;font-family: "citroenregular";font-size: 1em;text-transform: uppercase;margin-top:46px;float:right;padding:10px 10px 10px 10px;background:#dc002e;border: medium none;cursor: pointer;text-decoration: none;min-width: 139px;text-align: center;} .formulaireContact .btn-submit:hover {background:#B40027;} .formulaireContact .btn-submit span{color:#ffffff;text-transform:uppercase;font-family: "citroenregular"; font-size: 1em;} .formulaireContact .texteObligatoire{float:right;color:#868686;font-family:arial;font-size:1em;margin-top:76px;width:338px} form .field span.error {width:464px; float:right;color:#dc002e;font-size:0.9em;font-family:arial;height:12px;padding-top:6px;} form .field input.error, form .field textarea.error {border-color:#dc002e;} form .field-error label{color:#dc002e !important;} form .inputError{display:none;color:#dc002e;font-family:arial:font-size:1em;padding:6px 0 10px 0;} /* Fin page contacter */ /* Gestion des Erreurs */ .cont-form .field-error input{border:1px solid #dc002e;} .cont-form .field-error textarea{border:1px solid #dc002e;} .cont-form .colonneLeft input{ border: 1px solid #d8d8d9;} .cont-form .colonneRight input{ border: 1px solid #d8d8d9;} .cont-form #lieuDit {border: 1px solid #d8d8d9;} .cont-form .contList .field-error {border: 1px solid #dc002e;} .cont-form .field-error #uniform-villeListe{border: 1px solid #dc002e;} #modifier .field span.error{margin-left:199px;} .cont-form .fieldAdress.field-error input{border: 1px solid #d8d8d9;} /* Fin Gestion des erreurs*/ /* start global style */ .error-msg { padding:20px 20px 0 15px; } /* end global style */ /* start page 404 et maintenace */ .pageExtrat .blockFixStandard{ padding:36px 0 10px;} .pageExtrat .title{ color: #dc002e;font-size: 29px;margin-bottom: 30px; text-align: center; font-family:citroenlight} .pageExtrat .subtitle{ color: inherit;margin-bottom: 40px;text-align: center; font-family:citroenregular;font-size: 20px;} .pageExtrat ul{margin-bottom: 20px;overflow: hidden;} .pageExtrat li{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) 0 -440px no-repeat;font-weight:normal; padding-left:20px; margin-bottom: 4px;} .pageExtrat li a{ font-size: 1.25em;} .pageExtrat li a:hover,.pageExtrat p a:hover{ text-decoration:underline} .pageExtrat p{line-height: 22px;} .pageExtrat p a{ font-size: 1em;} .pageExtrat .propoLien{width: 25%; display: block; margin:0 auto 100px;} .pageExtrat .propoLien li{background: none;font-weight:normal; padding-left:0; display: block; margin: 4px 0;} .pageExtrat .propoLien a{ font-family:Arial,sans-serif; background-color: #f5f5f5;padding: 14px 0;text-align: center; width: 100%; color: #4b4a4d; display: block; font-size: 12px; line-height: 1em; text-transform:uppercase} .pageExtrat .propoLien a:hover{ background:#e3e3e6; text-decoration:none} /*evolution creer mon compte form en deux etapes*/ .connecteursSociaux{width:100%;clear:both;border-top:1px solid #a6a6a6;} .connecteursSociaux > span{display:block;width:80px;background:#fff;font-size:14px;position:relative;top:-20px; padding:10px 0;text-align:center;margin:0 auto;text-transform:uppercase; } .connecteursSociaux p{float:left;padding:0; margin:0; position:relative; top:-20px} .connecterRs .enr{margin:0 0 20px;} .connecterRs {overflow: hidden;clear: both;padding:20px 0 0;} .connecterRs ul{margin: 0 0 20px 0;float: right; position:relative; top:-20px} .connecterRs li{ float: left;margin: 0 5px 0 0;} .connecterRs li a{display: inline-block;width:40px; height:40px;} .connecterRs li.twitter a{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/twitter.png) 0 0 no-repeat;} .connecterRs li.twitter a:hover{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/twitter2.png) 0 0 no-repeat;} .connecterRs li.facebook a{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/facebook.png) 0 0 no-repeat;} .connecterRs li.facebook a:hover{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/facebook2.png) 0 0 no-repeat;} .connecterRs li.googleplus a{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/googleplus.png) 0 0 no-repeat;} .connecterRs li.googleplus a:hover{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/googleplus2.png) 0 0 no-repeat;} .slideform{ display:none} /* start page Plan du site */ .pageSiteMap .blockFixStandard{ padding:36px 0 10px;} .pageSiteMap .title{ color: #dc002e;font-size: 29px;margin:36px 0 30px; text-align: center; font-family:citroenlight;} .pageSiteMap .title .line{ display:inline-block; padding: 0 20px; position: relative; } .pageSiteMap .title .line:after, .pageSiteMap .title .line:before{ content:''; position: absolute; top:50%; margin-top:-1px; width:600px; height:1px; background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep-line.png) no-repeat 150px 0; } .pageSiteMap .title .line:after{ background-position:-750px 0; right:-600px; } .pageSiteMap .title .line:before{ left: -600px;} .pageSiteMap .title .line span{font-family:citroenlight; text-align:center; color:#DC002E; line-height: 1.2em;font-size: 29px; max-width: 600px; display: inline-block;} .pageSiteMap h2{color: #dc002e;font-family: 'citroenregular';font-size: 28px;padding-top: 40px;padding-bottom: 20px!important;margin: 0 !important;} .pageSiteMap h2:before {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep.png) no-repeat!important;z-index:-1; content:''; display:block; position:absolute; margin:-45px 0 0 -200px; width:100%; height:40px; } .pageSiteMap ul{margin-bottom: 40px;overflow: hidden;} .pageSiteMap li{font-weight:normal;} .pageSiteMap li a{ font-size: 1.25em;} .pageSiteMap li a:hover, .pageSiteMap p a:hover{ color: #DC002E;} .pageSiteMap .siteMap > li {background: none;float:left;width:280px;padding: 20px;} .pageSiteMap .siteMap li:nth-child(4){ clear:both} .pageSiteMap .siteMap > li >a{font-family: 'citroenregular'; display:block; vertical-align:baseline; white-space:normal;margin:0 0 10px; padding:0 0 5px; white-space:nowrap; font-weight:normal; border-bottom:1px solid #e0e0e3;color: #4b4a4d; } .pageSiteMap .siteMap > li >a:hover, .pageSiteMap .siteMap > li li >a:hover{color: #DC002E;} .pageSiteMap .siteMap > li li >a{color: #4b4a4d; font-family:citroenlight;} .pageSiteMap .siteMap > li >a:before{ content:''; margin:0 0 -10px; display:inline-block; vertical-align:baseline; min-height:inherit; width:1px; } /*suppression effet bleu au clic sur un détail photo SUR FF */ .flexslider .slides img{ -moz-user-select: none;} /*suppression border et un border radius sur ios */ input[type="password"]{border-radius: 0px;-webkit-appearance:none;} textarea {border-radius: 0px;-webkit-appearance:none;} /********************/ p.livraison-offerte {font-size:14px;} .checkout .accordionCont > h3 { position:relative; clear: both; height: 42px; line-height: 42px; color: #000; font-size: 13px; padding: 0 0 0 20px; font-family: citroenbold; font-weight:normal; text-transform: uppercase; background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/puce-acordion-inactif.png) no-repeat right 14px #f3f3f6; cursor: pointer; } .checkout .accordionCont > h3 span {background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg-etape-inactive.png) right center no-repeat;font-family: citroenbold;font-size: 13px;padding-right:26px;padding-left:38px;display:inline-block;min-height:20px;line-height:20px;} .checkout .accordionCont.step_done > h3 span.nbrEtape, .checkout .accordionCont#current-accordion > h3 span.nbrEtape, .checkout .accordionCont > h3 span.nbrEtape {background:none;padding:0;position:absolute;top:11px;} .checkout .accordionCont#current-accordion > h3 { background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/puce-acordion-act.png) no-repeat right 14px #9e9e9e; } .checkout .accordionCont#current-accordion > h3 span {background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg-etape-act.png) right center no-repeat;} .checkout .accordionCont.step_done > h3 { background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/puce-acordion-active.png) no-repeat right 14px #dc002e;color:#fff; } .checkout .accordionCont.step_done > h3 span {background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg-etape-active.png) right center no-repeat;padding-right:30px;color:#fff;} .titreConex{font-family:'citroenlight';font-weight:normal;font-size:18px;text-transform:uppercase;padding:0 0 14px;} .checkout p{font-family:Arial;font-size:13px;line-height:16px;padding:0 0 16px;margin:0;} .checkout .alreadyExists{padding:0;color:#a0a0a0;} .checkout .alreadyExists.email-deja-utilise-psa{color:#dc002e;} .checkout .connexion{border-bottom:1px solid #e4e4e5;margin:0 0 26px;padding:0 0 30px;} .checkout .infoLogin{padding:22px 0 0;} .checkout .accordionCont .accordionContent {padding:26px 18px 0;} .checkout .accordionCont .accordionContent.sansPadd {padding:0;} .checkout .item{padding:0 0 12px;clear:both;} .checkout .item:after{content:'';display:block;clear:both;} .checkout .cont-form label {width:104px;padding:4px 4px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .checkout .cont-form .label {font-size:10px;color:#38383b;line-height:13px;padding:6px 24px 0 104px;display:block;} .checkout .cont-form .codePostal input[type="text"], .checkout .cont-form .ville input[type="text"], .checkout .cont-form .telephone input[type="text"], .checkout input[type="email"], .checkout input[type="text"], .checkout input[type="password"]{width:242px;width:calc(100% - 104px); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .checkout .emailMotDePasse input[type="email"], .checkout .emailMotDePasse input[type="text"], .checkout .emailMotDePasse input[type="password"]{width:392px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .checkout .cont-form .codePostal, .checkout .cont-form .pays, .checkout .cont-form .telephone, .checkout .cont-form .ville {width:auto;float:none;clear:none;margin:0;} .checkout .field-error .error{clear:both;display:block;padding:3px 0 0 104px;font-size:10px;color:#dc002e;} .checkout .field-error div.selector{border-color:#dc002e;} .checkout .cont-form div.selector {width:242px !important;width: calc(100% - 104px) !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .checkout .cont-form div.selector {padding-left:8px;} .checkout .cont-form div.selector span {width:218px !important;width:100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .checkout .itemLeft{float:left;clear:left;width:48%;} .checkout .itemLeft.civi{width:230px;} .checkout .itemRight{float:right;clear:right;width:48%;} .checkout .itemLarge{clear:both;} .checkout .adressListItem {width:auto;min-height:1px;background:#fafafb;padding:16px 20px;overflow:hidden;float:none;margin:0 0 8px;} .checkout .adressListItem label { float: none; font-size: 12px; font-weight: bold; padding: 0 0 0 14px; text-transform: uppercase; width: 110px; word-break: keep-all; display: inline-block; vertical-align: middle; cursor:pointer; } .checkout div.radio { float: none; width: 14px; height: 14px; overflow: hidden; display: inline-block; vertical-align: middle; margin:0; } .checkout div.radio span {width:14px;height:14px;} .checkout .adressListItem > p { width: 156px; float: none; vertical-align: middle; display: inline-block; padding: 0; } .checkout .adressListItem > ul { width: calc(100% - 160px); float: none; display: inline-block; vertical-align: middle; } .checkout .adressListItem > ul li {font-size:12px;margin:0;display:inline-block;vertical-align:middle;} .checkout .adressListItem > ul li span{font-size:12px;} .infoAdresse{padding:12px 0 8px;} .checkout .cont-form .infoform, .checkout .cont-form .infoform {margin:0 0 0 104px;} .checkout .adressAccordion > h4 { clear: both; text-transform: uppercase; font-family: citroenlight; color: #000; font-weight: normal; font-size: 14px; padding: 0 0 0 32px; margin: 0 0 20px; background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/puce-acordion.png) no-repeat 0 7px; cursor: pointer; } .checkout .adressAccordion > h4.accordActive { background-position: 0 -78px; } .checkout .modeLivraison label { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #000; padding:0 8px 0 20px; float: none; width: 200px; cursor:pointer; display: inline-block; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .checkout .modeLivraison .cadreLabel { width: calc(100% - 18px); display: inline-block; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .checkout .modeLivraison input[type='radio'] { width: 14px; height: 14px; margin: 0; } .checkout .desc_transport{ font-size: 13px; font-weight: normal; color: #000; padding:0; float: none; width: 400px; width: calc(100% - 278px); display: inline-block; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .checkout .desc_transport.mobileDesc{display:none;} .checkout .prix{ font-size: 13px; font-weight: bold; color: #000; padding:0; float: none; width: 70px; text-align:right; display: inline-block; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .checkout div.radio input { width: 14px; height: 14px; } .checkout .modeLivraison li {padding:30px 18px;border-bottom:1px solid #e0e0e0;} .checkout .modeLivraison li:last-child {border:none;} .checkout .ModalitePaiement div.checkbox label {font-size:13px;padding:0;} .checkout .ModalitePaiement div.checkbox {margin: 0 0 12px;} .checkout .ModalitePaiement div.checkbox.first {margin: 0 0 20px;} .checkout .mentionLeg, .checkout .mentionLeg p, .checkout .mentionLeg span, .checkout .mentionLeg a{font-size:11px;} .checkout .mentionLeg p{padding:0 0 12px;} .checkout .ModalitePaiement .mentionsbox {padding: 0;margin: 0;} .checkout .ModalitePaiement .showMention {text-decoration:underline;cursor:pointer;} .checkout .ModalitePaiement .total {padding:0;} .checkout .ModalitePaiement .total span { font-size: 13px; color: #dc002e; font-weight: bold; text-transform: uppercase; } .checkout .ModalitePaiement .paiment-options .paiment-option { float: none; margin-right: 0; cursor: pointer; padding: 0; max-width: 46px; height: auto; } .checkout .ModalitePaiement .paiment-options label {display:inline-block;vertical-align:middle;float:none;width:auto;padding:0;margin:0 20px 0 8px;} .checkout .ModalitePaiement .paiment-options {width: auto;margin: 14px auto 30px;} .checkout div.checkbox div.checker span {width:16px;height:15px;} .checkout div.checkbox div.checker.hover.active span, .checkout div.checkbox div.checker span.checked, .checkout div.checkbox div.checker.focus.active span { background-position: 0 bottom; } .checkout div.checkbox div.checker { vertical-align: middle; display: inline-block; } .checkout span.spanLabel { display: inline-block; vertical-align: middle; } .checkoutRight .recap ul li.total span {color: #000;} .checkoutRight .recap {position:relative; background: #f3f3f6; padding: 14px 14px 4px; margin: 0 0 4px; } .checkoutRight .recap.recapCommande {padding:14px 14px 4px;} .checkoutRight .recap.currentStep {background:#9e9e9e;} .checkoutRight .recap.done {background:#dc002e;position:relative;} .checkoutRight .recap h4{position:relative;padding-left:38px;} .checkoutRight .recap.recapCommande h4{position:relative;padding-left:0;} .checkoutRight .recap.done h4, .checkoutRight .recap.done span, .checkoutRight .recap.done p {color:#fff;} .checkoutRight .recap.done .plus{padding:0;width:16px;height:16px;position:absolute;right:12px;top:14px;font-size:0;text-indent:-999999px;background:none;z-index:100;} .checkoutRight .recap.done .plus:before{content:'';display:block;width:100%;height:2px;background:#fff;position:absolute;top:7px;left:0;} .checkoutRight .recap.done .plus:after{content:'';display:block;height:100%;width:2px;background:#fff;position:absolute;top:0;left:7px;} .checkoutRight .recap .cadrePlusInfo{display:none;} .checkoutRight .recap.open .cadrePlusInfo{display:block;} .checkoutRight .recap.open .plus{ -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .checkout .accordionCont.checkoutstep-0{display:none;} .checkoutRight .recap .nbrEtape{text-transform: uppercase;font-family: citroenregular;font-size: 13px;line-height: 16px;position: absolute;left:0;top:0;} .checkoutRight .recap .label{display:inline-block;width:calc(100% - 74px);text-transform:none;font-weight:normal;} .checkoutRight .recap .prix{display:inline-block;width:70px;text-transform:none;font-weight:normal;text-align: right;} .shippingBox{overflow:hidden;} .rechercheMondialRelay {overflow:hidden;clear: both;width:calc(100% - 204px);} .rechercheMondialRelay input[type="email"], .rechercheMondialRelay input[type="text"], .rechercheMondialRelay input[type="password"] {float: left;font-family: arial;font-size:10px;outline: none;width: 100%;height: 30px;line-height: 10px;padding: 0 8px;border: 1px solid #d8d8d9;margin: 0;} .rechercheMondialRelay button {float: left;background: #dc002e;border: none;color: #fff;cursor: pointer;outline:none;font-family: citroenregular;font-size:11px;height:30px;line-height:10px;outline: none;text-decoration:none;text-transform: uppercase;width:36px;text-align:center;} .rechercheMondialRelay button:hover {background:#B40027;} .rechercheMondialRelay .zoneChamps{float:left;width:calc(100% - 36px);} .rechercheMondialRelay .zoneChamps .itemChamp{float:left;width:50%;padding:0 16px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .rechercheMondialRelay .zoneChamps .itemChamp.cp{width:20%;} .rechercheMondialRelay .zoneChamps .itemChamp.ville{width:30%;} .mondialRelayTemplateContainer #map_canvas{width: calc(100% - 256px) !important;height:340px !important;} /*****************/ /* mondial relay */ /*****************/ /* mode de livraison */ .checkoutstep-4 form#modeLivraison div.right.mobileFull { float: none; position: relative; } .checkoutstep-4 form#modeLivraison div.right.mobileFull button { margin: 0; } @media all and (min-width: 1024px) { .checkoutstep-4 form#modeLivraison { position: relative; } .checkoutstep-4 form#modeLivraison div.right.mobileFull { top: 0; right: 0; } .checkoutstep-4 form#modeLivraison div.cadreLabel { vertical-align: top; } .checkoutstep-4 form#modeLivraison div.cadreLabel label { width: 30%; vertical-align: middle; } .checkoutstep-4 form#modeLivraison div.cadreLabel .prix { width: 30%; text-align: center; } .checkoutstep-4 form#modeLivraison div.cadreLabel .desc_transport { display: inline-block; font: normal 12px peugeotregular, Arial, sans-serif; width: 30%; float: right; } .checkoutstep-4 form#modeLivraison div.cadreLabel .desc_transport.deskDesc, .checkoutstep-4 form#modeLivraison div.cadreLabel .desc_transport.mobileDesc { display: none; } } @media all and (max-width: 1023px) { .checkoutstep-4 form#modeLivraison div.right.mobileFull { top: 0; right: 20px; } .checkoutstep-4 form#modeLivraison div.cadreLabel { vertical-align: top; } .checkoutstep-4 form#modeLivraison div.cadreLabel label { width: 40%; vertical-align: middle; } .checkoutstep-4 form#modeLivraison div.cadreLabel .desc_transport { font: normal 12px peugeotregular, Arial, sans-serif; width: 40%; float: right; } .checkoutstep-4 form#modeLivraison div.cadreLabel .desc_transport.deskDesc, .checkoutstep-4 form#modeLivraison div.cadreLabel .desc_transport.mobileDesc { display: none; } } /* formulaire de recherche */ .mondialRelayTemplateContainer, .mondialRelayTemplateContainer #loader { display: none; } .mondialRelayTemplateContainer .rechercheMondialRelay label { display: block; } .mondialRelayTemplateContainer input[type=text] { border: 1px solid #cdcdcd; box-sizing: border-box; padding: 0 10px; font: normal 12px peugeotregular, Arial, sans-serif; } .mondialRelayTemplateContainer button.btn-inverse { background-color: #dc002e; float: right; margin-bottom: 10px; line-height: initial; width: auto; } .mondialRelayTemplateContainer button.btn-inverse span { color: #ffffff; } @media all and (min-width: 1024px) { .mondialRelayTemplateContainer input[type=text] { height: 34px; line-height: 34px; margin-right: 15px; } .mondialRelayTemplateContainer input[type=text]:nth-child(2) { width: 223px; } .mondialRelayTemplateContainer input[type=text]:nth-child(3) { width: 77px; } .mondialRelayTemplateContainer input[type=text]:nth-child(4) { width: 134px; } .mondialRelayTemplateContainer .rechercheMondialRelay label { margin: 30px 0 15px 0; } } @media all and (max-width: 1023px) { .mondialRelayTemplateContainer .rechercheMondialRelay { width: 100%; } .mondialRelayTemplateContainer input[type=text] { height: 44px; line-height: 44px; margin-right: 0; margin-bottom: 15px; } .mondialRelayTemplateContainer input[type=text]:nth-child(1), .mondialRelayTemplateContainer input[type=text]:nth-child(2), .mondialRelayTemplateContainer input[type=text]:nth-child(3) { width: 100%; } .mondialRelayTemplateContainer .rechercheMondialRelay label { margin: 0 0 15px 0; } } /* liste */ .mondialRelayTemplateContainer #coordonnesPointRelais { height: 340px; overflow: auto; } .mondialRelayTemplateContainer #coordonnesPointRelais form> label { margin: 0 0 15px 0; display: inline-block; } .mondialRelayTemplateContainer #coordonnesPointRelais form> br { display: none; } .mondialRelayTemplateContainer #coordonnesPointRelais form ul li.item { border: none; border-radius: 0; padding: 10px 20px 10px 0; box-sizing: border-box; width: 100%; } .mondialRelayTemplateContainer #coordonnesPointRelais form ul li.item div.label { margin-top: 3px; } .mondialRelayTemplateContainer #coordonnesPointRelais form ul li.item div.distance { color: #a61231; font-style: italic; } .mondialRelayTemplateContainer #coordonnesPointRelais form ul li.item div.address { color: #858585; } @media all and (min-width: 1024px) { .mondialRelayTemplateContainer #coordonnesPointRelais { float: right; width: 246px; margin-bottom: 110px; } .mondialRelayTemplateContainer #coordonnesPointRelais form ul li.item div.radio { padding: 3px 0 0 0; margin-right: 15px; margin-bottom: 50px; float: left; } } @media all and (max-width: 1023px) { .mondialRelayTemplateContainer #coordonnesPointRelais form ul li.item div.radio { margin-right: 15px; margin-bottom: 50px; float: left; } .mondialRelayTemplateContainer #coordonnesPointRelais form ul li.item { border-bottom: 1px solid #cfcfcf; display: block; } .mondialRelayTemplateContainer #coordonnesPointRelais form ul li.item:last-child { border-bottom: none; } .mondialRelayTemplateContainer #coordonnesPointRelais form ul li.item div.radio { margin-right: 15px; margin-bottom: 40px; float: left; } .mondialRelayTemplateContainer #coordonnesPointRelais { width: 100%; margin-bottom: 70px; } } /* carte */ @media all and (min-width: 1024px) { .mondialRelayTemplateContainer #map_canvas { margin-right: 15px; width: 470px !important; height: 340px !important; float: left; display: none; } } @media all and (max-width: 1023px) { .mondialRelayTemplateContainer #map_canvas { display: none; } } /* simplebar */ #coordonnesPointRelais, [data-simplebar-direction] { position: relative; overflow: hidden; -webkit-overflow-scrolling: touch; /* Trigger native scrolling for mobile, if not supported, plugin is used. */ } #coordonnesPointRelais .simplebar-scroll-content, [data-simplebar-direction] .simplebar-scroll-content { overflow-y: scroll; overflow-x: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -ms-overflow-style: none; /* hide browser scrollbar on IE10+ */ } /* hide browser scrollbar on Webkit (Safari & Chrome) */ .simplebar-scroll-content::-webkit-scrollbar { display: none; } [data-simplebar-direction="horizontal"] .simplebar-scroll-content, #coordonnesPointRelais.horizontal .simplebar-scroll-content { overflow-x: scroll; overflow-y: auto; } .simplebar-track { z-index: 99; position: absolute; top: 0; right: 0; bottom: 0; width: 7px; background-color: #eeeeee; } .simplebar-track .simplebar-scrollbar { position: absolute; min-height: 10px; width: 7px; background: #dc002e; } [data-simplebar-direction="horizontal"] .simplebar-track, #coordonnesPointRelais.horizontal .simplebar-track { top: auto; left: 0; width: auto; height: 11px; } [data-simplebar-direction="horizontal"] .simplebar-track .simplebar-scrollbar, #coordonnesPointRelais.horizontal .simplebar-track .simplebar-scrollbar { right: auto; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } /* Uniform Theme: Uniform Default Version: 1.8 By: Josh Pyles License: MIT License --- For use with the Uniform plugin: http://uniformjs.com/ */ /* General settings */ div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span { -webkit-font-smoothing: antialiased; } div.selector, div.checker, div.button, div.radio, div.uploader { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; /* Keeping this as :focus to remove browser styles */ } div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus { outline: 0; } div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * { margin: 0; padding: 0; } /* Remove default webkit and possible mozilla .search styles. * Keeping this as :active to remove browser styles */ div.checker input, input[type="search"], input[type="search"]:active { -moz-appearance: none; -webkit-appearance: none; } /* Select */ div.selector { background-position: 0 -130px; line-height: 26px; height: 26px; padding: 0 0 0 10px; position: relative; overflow: hidden; } div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background-position: right 0; height: 26px; line-height: 26px; padding-right: 25px; cursor: pointer; width: 100%; display: block; } div.selector.fixedWidth { width: 190px; } div.selector.fixedWidth span { width: 155px; } div.selector select { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; height: 22px; top: 2px; left: 0px; width: 100%; } /* Checkbox */ div.checker { position: relative; } div.checker, div.checker span, div.checker input { width: 19px; height: 16px; cursor: pointer; } div.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg_checkbox.png) 0 0 no-repeat; } div.checker span.checked { background-position: 0 -17px; } div.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; } /* Radio */ div.radio { position: relative; } div.radio, div.radio span, div.radio input { width: 18px; height: 18px; } div.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 -279px; } div.radio span.checked { background-position: -72px -279px; } div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; } /* Uploader */ /* Buttons */ div.button { background-position: 0 -641px; height: 30px; cursor: pointer; position: relative; /* Keep buttons barely visible so they can get focus */ } div.button a, div.button button, div.button input { opacity: 0.01; filter: alpha(opacity=1); -moz-opacity: 0.01; display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; } div.button span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; line-height: 22px; text-align: center; background-position: right -521px; height: 22px; margin-left: 13px; padding: 8px 15px 0 2px; } div.button.active { background-position: 0 -671px; } div.button.active span { background-position: right -551px; cursor: default; } div.button.hover, div.button.focus { background-position: 0 -701px; } div.button.hover span, div.button.focus span { background-position: right -581px; } div.button.disabled, div.button.disabled.active { background-position: 0 -731px; } div.button.disabled span, div.button.disabled.active span { background-position: right -611px; cursor: default; } /* INPUT & TEXTAREA */ /* PRESENTATION */ /* Buttons */ div.button span { font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; } div.button.hover span, div.button.focus span { color: #555; } div.button.disabled span, div.button.disabled.active span { color: #bbb; } /* Select */ div.selector { font-size: 12px; } div.selector span { color: #666; text-shadow: 0 1px 0 white; } div.selector select { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; } div.selector.disabled span, div.selector.disabled.active span { color: #bbb; } /* Checker */ div.checker { margin-right: 5px;float: left;margin-top: 1px; } /* Radio */ div.radio { margin-right: 3px; } /* Uploader */ input.uniform-input, input.uniform-input:focus { background-color: #fff; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: medium none; } .slides, .flex-control-nav, .flex-direction-nav { list-style: none outside none; margin: 0; padding: 0; } .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; } .flexslider .slides img { display: block; width: 100%; } .flexslider .slides img.zoomImg { max-width:1000px !important; max-height:1000px !important;} .flex-pauseplay span { text-transform: capitalize; } .slides:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > li:first-child { display: block; } .flexslider { position: relative;z-index: 1; } .flex-viewport { max-height: 766px; transition: all 1s ease 0s; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { } .carousel li { /* margin-right: 5px;*/ } .flex-direction-nav a { background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg_direction_nav.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; display: block; height: 80px; margin: -40px 0 0; opacity: 1; position: absolute; text-indent: -9999px; top: 50%; width: 47px; } .flex-direction-nav .flex-next { background-position: 100% 0; right: 20px; } .flex-direction-nav .flex-next:hover{ background-position:100% -80px; } .flex-direction-nav .flex-prev { left: 20px; } .flex-direction-nav .flex-prev:hover{ background-position:0 -80px; } .flex-direction-nav .disabled { cursor: default; opacity: 0.3 !important; } .flex-control-nav { bottom: 20px; position: absolute; text-align: center; width: 100%; } .flex-control-nav li { display: inline-block; margin: 0 6px; } .flex-control-paging li a { background: none repeat scroll 0 0 rgba(244, 244, 244, 1); border-radius: 20px; /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;*/ cursor: pointer; display: block; height: 17px; text-indent: -9999px; width: 17px; } .flex-control-paging li a:hover { background: none repeat scroll 0 0 rgba(209, 30, 42, 1); } .flex-control-paging li a.flex-active { background: none repeat scroll 0 0 rgba(209, 30, 42, 1); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; overflow: hidden; position: static; } .flex-control-thumbs li { float: left; margin: 0; width: 25%; } .flex-control-thumbs img { cursor: pointer; display: block; opacity: 0.7; width: 100%; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .active { cursor: default; opacity: 1; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { left: 0; opacity: 1; } .flex-direction-nav .flex-next { opacity: 1; right: 0; } } /*! * Bootstrap-select v1.6.2 (http://silviomoreto.github.io/bootstrap-select/) * * Copyright 2013-2014 bootstrap-select * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE) */ .bootstrap-select { /*width: 220px\9; IE8 and below*/ width: 220px \0; /*IE9 and below*/ } .bootstrap-select > .btn { width: 100%; padding-right: 25px; } .error .bootstrap-select .btn { border: 1px solid #b94a48; } .control-group.error .bootstrap-select .dropdown-toggle { border-color: #b94a48; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; } .bootstrap-select .btn:focus { outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right; } .form-search .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group { margin-bottom: 0; } .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control { padding: 0; } .form-inline .bootstrap-select.btn-group .form-control { width: 100%; } .input-append .bootstrap-select.btn-group { margin-left: -1px; } .input-prepend .bootstrap-select.btn-group { margin-right: -1px; } .bootstrap-select.btn-group > .disabled { cursor: not-allowed; } .bootstrap-select.btn-group > .disabled:focus { outline: none !important; } .bootstrap-select.btn-group .btn .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; } .bootstrap-select.btn-group .btn .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .bootstrap-select.btn-group[class*="col-"] .btn { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; z-index: 1035; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; } .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small, .bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small { color: #64b1d8; color: rgba(100, 177, 216, 0.4); } .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; } .bootstrap-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; } .bootstrap-select.btn-group.fit-width .btn .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .btn .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 5px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.show-menu-arrow.open > .btn { z-index: 1035 + 1; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom-width: 7px; border-bottom-style: solid; border-bottom-color: #cccccc; border-bottom-color: rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-bottom: 0; border-top-width: 7px; border-top-style: solid; border-top-color: #cccccc; border-top-color: rgba(204, 204, 204, 0.2); } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; } .bs-searchbox, .bs-actionsbox { padding: 4px 8px; } .bs-actionsbox { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox input.form-control { margin-bottom: 0; width: 100%; } .mobile-device { position: absolute; top: 0; left: 0; display: block !important; width: 100%; height: 100% !important; opacity: 0; } /* sourceMappingURL=bootstrap-select.css.map */ .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #ffffff; border-color: #cccccc; } .btn-default .badge { color: #ffffff; background-color: #333333; } .btn-primary { color: #ffffff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #3071a9; border-color: #285e8e; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-primary .badge { color: #428bca; background-color: #ffffff; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #ffffff; } .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #ffffff; } .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #ffffff; } .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #ffffff; } .btn-link { color: #428bca; font-weight: normal; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #428bca; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: 0; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; filter: alpha(opacity=0); } .clearfix:before, .clearfix:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; } .clearfix:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*! * Bootstrap v3.2.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=2b65f6a92d1a83451121) * Config saved to config.json and https://gist.github.com/2b65f6a92d1a83451121 */ .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn:active, .btn.active { background-image: none; } .btn-default { background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #dbdbdb; text-shadow: 0 1px 0 #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus { background-color: #e0e0e0; background-position: 0 -15px; } .btn-default:active, .btn-default.active { background-color: #e0e0e0; border-color: #dbdbdb; } .btn-default:disabled, .btn-default[disabled] { background-color: #e0e0e0; background-image: none; } .btn-primary { background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%); background-image: -o-linear-gradient(top, #428bca 0%, #2d6ca2 100%); background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #2b669a; } .btn-primary:hover, .btn-primary:focus { background-color: #2d6ca2; background-position: 0 -15px; } .btn-primary:active, .btn-primary.active { background-color: #2d6ca2; border-color: #2b669a; } .btn-primary:disabled, .btn-primary[disabled] { background-color: #2d6ca2; background-image: none; } .btn-success { background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #3e8f3e; } .btn-success:hover, .btn-success:focus { background-color: #419641; background-position: 0 -15px; } .btn-success:active, .btn-success.active { background-color: #419641; border-color: #3e8f3e; } .btn-success:disabled, .btn-success[disabled] { background-color: #419641; background-image: none; } .btn-info { background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #28a4c9; } .btn-info:hover, .btn-info:focus { background-color: #2aabd2; background-position: 0 -15px; } .btn-info:active, .btn-info.active { background-color: #2aabd2; border-color: #28a4c9; } .btn-info:disabled, .btn-info[disabled] { background-color: #2aabd2; background-image: none; } .btn-warning { background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #e38d13; } .btn-warning:hover, .btn-warning:focus { background-color: #eb9316; background-position: 0 -15px; } .btn-warning:active, .btn-warning.active { background-color: #eb9316; border-color: #e38d13; } .btn-warning:disabled, .btn-warning[disabled] { background-color: #eb9316; background-image: none; } .btn-danger { background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #b92c28; } .btn-danger:hover, .btn-danger:focus { background-color: #c12e2a; background-position: 0 -15px; } .btn-danger:active, .btn-danger.active { background-color: #c12e2a; border-color: #b92c28; } .btn-danger:disabled, .btn-danger[disabled] { background-color: #c12e2a; background-image: none; } .thumbnail, .img-thumbnail { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); background-color: #e8e8e8; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: -o-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); background-color: #357ebd; } .navbar-default { background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); } .navbar-default .navbar-nav > .active > a { background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%); background-image: -o-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%); background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0); -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); } .navbar-brand, .navbar-nav > li > a { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .navbar-inverse { background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%); background-image: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%); background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .navbar-inverse .navbar-nav > .active > a { background-image: -webkit-linear-gradient(top, #222222 0%, #282828 100%); background-image: -o-linear-gradient(top, #222222 0%, #282828 100%); background-image: linear-gradient(to bottom, #222222 0%, #282828 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0); -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } .alert { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); } .alert-success { background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); border-color: #b2dba1; } .alert-info { background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%); background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); border-color: #9acfea; } .alert-warning { background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); border-color: #f5e79e; } .alert-danger { background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); border-color: #dca7a7; } .progress { background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0); } .progress-bar { background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%); background-image: -o-linear-gradient(top, #428bca 0%, #3071a9 100%); background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0); } .progress-bar-success { background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%); background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%); background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); } .progress-bar-info { background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); } .progress-bar-warning { background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); } .progress-bar-danger { background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%); background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%); background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); } .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .list-group { border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { text-shadow: 0 -1px 0 #3071a9; background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%); background-image: -o-linear-gradient(top, #428bca 0%, #3278b3 100%); background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0); border-color: #3278b3; } .panel { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } /* .panel-default > .panel-heading { background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); }*/ .panel-primary > .panel-heading { background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: -o-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } .panel-success > .panel-heading { background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0); } .panel-info > .panel-heading { background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0); } .panel-warning > .panel-heading { background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0); } .panel-danger > .panel-heading { background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%); background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%); background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0); } .well { background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); border-color: #dcdcdc; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); } @media all and (min-width: 1024px){ #footerTopInner ul ul{display:block !important;} .mobile{display:none;} .menuMobile{display:none;} .btnMenu{display:none;} #footerTopInner .childFooter{height:auto !important;margin-top:auto !important;} .tri form .selector option:first-child{display:none;} button,input[type=submit],input[type=text],input[type=email], input[name=emailconfirme]{ -webkit-appearance: none !important;-moz-appearance: none !important;appearance: none !important; -webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important; } #container{left:0 !important;} } @media all and (max-width: 1023px){ body{background:#525252;} .darkBg{ background: #fff;} html,body{width:100%;overflow-x:hidden;} html{font-size:100px;} .darkBg #container{ background: #fff;} #container{background:#fff;} button,input[type=submit],input[type=text],input[type=password], input[name=email], input[name=emailconfirme]{ -webkit-appearance: none !important;-moz-appearance: none !important;appearance: none !important; -webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important; } .desktop{display:none !important;} .br{display:block;color:inherit;font-size:inherit;} .sepText{color:inherit;font-size:inherit;} .overlay{background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-trans-001.png) left top repeat;position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;} .btnMenu{float:left;width:0.33rem;height:0.28rem;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-menu.png) center center no-repeat;cursor:pointer;padding:0 0.2rem;} .btnRecherche{float:left;text-decoration:none;width:0.33rem;height:0.28rem;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-recherche.png) center center no-repeat;cursor:pointer;margin:0 0.08rem 0 0;} .btnCompte{float:left;text-decoration:none;width:0.33rem;height:0.28rem;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-compte.png) center center no-repeat;cursor:pointer;margin:0 0.08rem 0 0;} .btnPanier{float:left;text-decoration:none;width:0.33rem;height:0.28rem;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-panier.png) center center no-repeat;cursor:pointer;} .btnPanier span{ background:#ff0000;border-radius: 13px;color: #fff; display: inline-block; float: right;font-family: arial;font-size: 11px;font-weight: bold; height: 16px;line-height: 16px;text-align: center;width: 16px;} .headerTop{min-height:1px;padding:0.2rem 0.2rem 0.2rem 0;overflow:hidden;} .logo {margin:0;float:right;width:0.44rem;} .logo img{width:100%;} .logo .boutique{display:none;} .services{display:none;} .MainMenu{display:none;} header{z-index:10000;background:#fff;} /* debut nav mobile */ .menuMobile{background:#525252;position:absolute;min-height: 100%;} .menuMobile .boutique{display:block;background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/logo-boutique-mobile.png) 0.1rem center no-repeat #fff;background-size:1.45rem 0.19rem;height:0.48rem;} .menuMobile li{display:block;background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/icon-menu-mobile.png) right center no-repeat;background-size:0.17rem 0.17rem;height:0.5rem;font-family:'citroenlight';} .menuMobile li.connecter, .menuMobile li.lienMonCompte{background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/icon-mon-compte.png) right center no-repeat #000;background-size:0.27rem 0.18rem;} .menuMobile li.wishlist{background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/icon-fav.png) right center no-repeat #dc002e;background-size:0.28rem 0.17rem;} .menuMobile li.lienDeconexion{background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/icon-decon.png) right center no-repeat #000;background-size:0.27rem 0.17rem;} .menuMobile li.lienDeconexion a, .menuMobile li.wishlist a,.menuMobile li.connecter a, .menuMobile li.lienMonCompte a, .menuMobile li#selectedZoneLivraisonLabelle a{background:none;} .menuMobile li a, .menuMobile li span{font-family:'citroenlight';display:block;background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/sep-001.png) left bottom no-repeat;height:0.5rem;line-height:0.5rem;padding:0 0.1rem;font-size:0.14rem;color:#fff;text-decoration:none;text-transform:uppercase;} .menuMobile li span{background:none;} .menuMobile li.categorie{background:#dc002e; height: auto;} .menuMobile li.categorie a{background:#dc002e; height: auto !important;line-height: 18px !important; padding: 14px 10px;} .menuMobile li.retourMenu{background:#000;cursor:pointer;} .menuMobile li#selectedZoneLivraisonLabelle {background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/lifestyle_menulangue_mobile_AC.png) right center no-repeat #000;} .menuMobile .SubMenu{display:none;} .menuMobile .SubMenuProv{display:block;position:absolute;top:0;background: #525252; min-height: 100% !important;} .menuMobile .SubMenuProv > ul{background:#525252;} .menuMobile .SubMenuProv > ul li:last-child a{border:none;} .menuMobile li.deuxLigne{height:auto;} .menuMobile li.deuxLigne a {height: auto !important;line-height: 1 !important;padding: 14px 20px 14px 10px;} /* fin nav mobile */ /* form recherche mobile */ header > #searchHeader{background:#4a4a4a;width:100%;padding:20px 0;display:none;} header > #searchHeader fieldset{display:block;width:2.8rem;margin:0 auto;overflow:hidden;} header > #searchHeader .field, header > #searchHeader input{float:left;} header > #searchHeader input[type=text]{height:30px;margin:0;padding:0 10px;width:224px;} header > #searchHeader input[type=submit]{height:30px;width:36px;background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-loupe.png) right center no-repeat #fff;text-indent:-99999px;cursor:pointer;} /* fin form recherche mobile */ /* fil d'ariane */ .breadcrumb,.wishlist .breadcrumb {width:auto;padding:0.16rem 0.2rem;} .breadcrumb li, .breadcrumb a{font-size:0.1rem;} /* fin fil d'ariane */ /* pop in cookies */ #popincookies{z-index:999999;position:relative;} #popincookies p{width:auto;font-size:0.12rem;line-height:0.15rem;padding:0.1rem 0.3rem 0.1rem 0.2rem;} #popincookies p .close-popin{float:none;position:absolute;top:0.1rem;right:8px;font-size: 22px; } #popincookies p .savoirplus{display:block; clear:both} /* fin pop in cookies */ /* block reassurance */ #reassurance{height:auto;overflow:hidden;} #reassurance ul{width:auto;} #reassurance ul li{background-size: 2px 0.8rem;word-wrap: break-word;} #reassurance ul li a{font-size:0.08rem;font-weight:normal;height:0.7rem; width: 80%;padding:0.2rem 0.08rem; height: auto; min-height: 60px;} #reassurance img{margin:0 auto 6px;width:60%;max-width:45px;height:auto;} /* fin block reassurance */ /* footer */ #footerTop{min-height:4px;overflow:hidden;} #footerTopInner{width:auto;margin:0 auto;padding-top:0.15rem;overflow:hidden;text-align:center;} #footerTopInner ul{float:none;width:auto;padding-left:0} #footerTopInner ul ul{display:none;padding-left:0;margin:0.1rem 0 0;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep02.png) center top no-repeat !important;background-size:auto 0.03rem;} #footerTopInner ul li a, #footerTopInner ul li span{font-size:0.15rem;cursor:pointer;} #footerTopInner ul li:first-child span {margin-bottom:0;display:block;} #footerTopInner ul li, #footerTopInner ul li:first-child{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep02.png) center bottom no-repeat;background-size:auto 0.03rem;background-position:center bottom;padding:0 0 0.1rem;margin:0 0 0.05rem;} #footerTopInner ul li li:first-child{background:none;padding-top:0.08rem;} #footerTopInner ul li li{background-position:center top;padding:0.08rem 0;margin:0;} #footerTopInner ul li li:last-child{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep02.png) center top no-repeat;background-size:auto 0.03rem;} #footerTopInner > ul:last-child > li:last-child{background:none;} #footerTopInner ul ul li a{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/icon-menu-mobile.png) left 0.06rem no-repeat;background-size:0.09rem;font-size:0.11rem;padding-left:0.14rem;} #footerTopInner ul li.suivezNous{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep02.png) center bottom no-repeat;background-size:auto 0.03rem;} #footerTopInner ul li.suivezNous li a{background-image:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png);background-size:auto auto;} #footerBottom{width:100%;height:0.5rem;} #footerBottomInner{width:auto;padding:0 0.06rem;} .cartesBancaires{width:100%;height:auto;margin-top:0.07rem;} #footerBottomInner ul{ text-align:center} #footerBottomInner li{font-size:0.07rem;margin-right:0.01rem;line-height:0.21rem; float:none; display:inline-block;} #footerBottomInner .cartesBancaires li {margin-right:0.02rem;} #footerBottomInner a{font-size:0.07rem; line-height:0.21rem} #footerBottomInner img{width:0.18rem;height:auto;} #footerBottomInner .cgvDesktop{ display:none;} #footerBottomInner .cgvMobile{ display:block;} /* fin footer */ /* caroussel top home */ .carousselTop{padding-bottom:0.26rem;} .carousselTop li p{top:0.08rem;width:1.9rem;left:0.22rem;font-size:0.15rem;line-height:0.17rem;margin:0;} .carousselTop li span{font-size:0.55rem;line-height:0.6rem;margin-bottom:0;} .carousselTop .flex-control-nav{bottom:-0.26rem;} .carousselTop .flex-direction-nav{display:none;} .carousselTop .flex-control-paging li a{background:#c2c2c4;width:12px;height:12px;} .flex-control-paging li a.flex-active {background:rgb(209, 30, 42);} .flexslider .slides img {width: 100% !important;} /* fin caroussel top home */ /* block la Boutique */ .blockFix,.tranche02 {width:auto;padding:0 0.2rem 0.24rem;} .produitsPlusDemandes {padding-bottom:0.55rem;} .blockFix h2 {font-size:0.16rem;line-height:0.24rem;margin-bottom:0.06rem;width:2.8rem;margin: 0 auto;overflow: hidden; padding: 0 0 0.08rem;} .laBoutique {float:none;width:auto;overflow:hidden;margin-bottom:0.16rem;min-height:1px;position:relative;} .laBoutique h1 {font-family:citroenlight;font-size:0.25rem;line-height:0.3rem;margin-bottom:0.05rem;} .laBoutique p {font-family:Arial;font-size:0.12rem;line-height:0.15rem;padding:0 0 0.15rem;margin:0;} .laBoutique ul {padding:0.1rem 0 0;position:static;width:280px;margin:0 auto;} .laBoutique li {margin-right:0;width:48%;} .laBoutique li:last-child {float:right;} .laBoutique li img{width:100%;height:auto;} .laBoutique li strong {bottom:0.14rem;font-size:0.14rem;left:0;width: 100%;margin-left:0;line-height:0.2rem;} /* fin block la Boutique */ /* block pour Vous */ .pourVous {float:none;padding:0.13rem 0.25rem 0.1rem;min-height:256px;width:230px;margin:0 auto;} .pourVous p {line-height:0.18rem;margin:0;font-size:0.12rem;padding:10px 0 0;text-transform: uppercase;} .pourVous img {width:100%;max-width:280px;height:auto;} .sepInner {height:0.09rem;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sep-inner-001.png) center 0 no-repeat;background-size:auto 0.09rem; padding-bottom:0.16rem } /* fin block pour Vous */ /* block decouvrir Collection */ .decouvrirCollection {padding:0;width: 280px;} .decouvrirCollection strong.titre {margin:0 auto;font-size:0.16rem;line-height:0.24rem;padding:0 0 0.08rem;width:2.8rem;} .decouvrirCollection li p{font-size:0.13rem;;text-align:center;width:100%;} .decouvrirCollection li p span{font-size:0.13rem;line-height:0.22rem;} .decouvrirCollection li p strong{font-size:0.13rem;line-height:0.22rem;} .decouvrirCollection .carousel ul {padding-left:0;} .decouvrirCollection .flex-direction-nav{display:none;} .decouvrirCollection .flexslider{height:auto;padding:0 0 0.5rem;width:280px;margin:0 auto;} .decouvrirCollection .flexslider .flex-viewport{height:auto;} .decouvrirCollection .flex-control-nav{bottom:0.2rem;} .decouvrirCollection .bx-wrapper img {max-width: 100%;} .decouvrirCollection .bx-wrapper .bx-viewport {left:0;} .decouvrirCollection .bx-controls-direction {display: none;} .decouvrirCollection .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 0;} .decouvrirCollection .bx-wrapper .bx-pager.bx-default-pager a {border-radius: 8px;width: 16px;height: 16px;margin: 0px 2px;} .decouvrirCollection .bx-wrapper {height: auto;margin: 0px auto 34px;} .decouvrirCollection .bxslider {height: auto;} .decouvrirCollection .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: -36px;} .decouvrirCollection li a { float: left; display: block; max-width: 100%; } /* fin block decouvrir Collection */ /* liste produits */ .listeProduits{width:280px;margin:0 auto;overflow:hidden;} .listeProduits .larg {float:none;width:auto;/*margin-bottom:0.28rem;*/margin-bottom:0;overflow:hidden;} .listeProduits .push.larg:last-child {float:none;clear:both;} .listeProduits img {margin-bottom:0;width:100%;height:auto;} .flex-control-nav li{margin:0 2px;} .push.larg .precommande, .push.larg .nouveaute, .push.larg .topVente, .push.larg .venteFlash, .push.larg .promotion, .push.larg .indisponible, .push.larg .origins, .push.larg .noel {font-size:0.09rem;padding:0 0.16rem;height:0.22rem;line-height:0.22rem;} .push .precommande,.push .nouveaute, .push .topVente, .push .venteFlash, .push .promotion, .push .indisponible, .precommande, .nouveaute, .topVente, .venteFlash, .promotion, .indisponible .push .precommande, .push .nouveaute, .push .topVente, .push .venteFlash, .push .promotion, .push .indisponible,.precommande,.nouveaute, .topVente, .venteFlash, .promotion, .indisponible,.produitsPlusDemandes .precommande, .produitsPlusDemandes .nouveaute, .produitsPlusDemandes .topVente, .produitsPlusDemandes .venteFlash, .produitsPlusDemandes .promotion, .produitsPlusDemandes .indisponible, .produitsPlusDemandes .origins, .produitsPlusDemandes .noel {font-size:0.08rem;padding:0 0.09rem;height:0.2rem;line-height:0.2rem;} .article-demande-consulte-wrapper .precommande, .article-demande-consulte-wrapper .nouveaute, .article-demande-consulte-wrapper .topVente, .article-demande-consulte-wrapper .venteFlash, .article-demande-consulte-wrapper .promotion, .article-demande-consulte-wrapper .indisponible, .article-demande-consulte-wrapper .origins, .article-demande-consulte-wrapper .noel {font-size:0.06rem;padding:0 0.09rem;height:0.2rem;line-height:0.2rem;} .listeProduits .larg div a{width:1.2rem;top:0.4rem;left:0.1rem;font-size:0.14rem;line-height:0.2rem;} .listeProduits .larg div a span {font-size:0.12rem;} .listeProduits .larg .produitPrix{width:auto;} .listeProduits li {width:48%;margin:0;margin-bottom:0.08rem;padding: 0;border: none !important;} .produits .listeProduits li {border:none;margin-bottom:0.08rem;margin-right: 0;padding: 0;} .produits .listeProduits li:hover{border:none;} .produits .produitsPlusDemandes .precommande, .produits .produitsPlusDemandes .nouveaute, .produits .produitsPlusDemandes .topVente, .produits .produitsPlusDemandes .venteFlash, .produits .produitsPlusDemandes .promotion, .produits .produitsPlusDemandes .indisponible, .produits .produitsPlusDemandes .origins, .produits .produitsPlusDemandes .noel { top: 0;left: 0; } .listeProduits li:nth-child(even){float:right;} .listeProduits li:nth-child(odd){ clear:both} .listeProduits h3 ,.listing .listeProduits h2, .listeProduits h3 a ,.listing .listeProduits h2 a{width:63%; min-height:0.5rem;font-size:0.1rem;padding:0.04rem 0 0;line-height:0.12rem; height: inherit;} .listeProduits h3 a ,.listing .listeProduits h2 a{width:98%;} .listeProduits a.sstitre{width:98%;min-height:0.5rem;font-size:0.1rem;padding:0.04rem 0 0;line-height:0.12rem;} .listeProduits .larg h3 {width:72%;} .listeProduits .larg h3 a{width:98%; font-size: 0.1rem;} .listeProduits h3 a {font-size: inherit;} .listeProduits .produitPrix {width:37%;line-height:0.1rem;padding:0.06rem 0 0;margin:0; float:right} .listeProduits .prixPromo, .listeProduits .produitPrix a .prixPromo, .listeProduits .prixNormal, .listeProduits a .prixNormal{display:block;font-size:1.1em;} .listeProduits .produitPrix a {width: 100%; line-height: 1;} .listeProduits .produitPrix a .prixPromo{display:block;font-size:0.1rem;line-height: inherit;} .listeProduits .prixRemise, .listeProduits .produitPrix a .prixRemise {font-size:0.08rem;} .listeProduits .produitPrix a .prixRemise {font-size:0.08rem;} .listeProduits .produitPrix a .aPartirDe{font-size:0.09rem;} .push{width:48%;float:left;margin-right:0;margin-bottom:0.28rem;padding: 0;border: none !important;} .push:last-child{float:right;} .items4 .push:nth-child(3){ clear:both} .items4 .push:nth-child(even){float:right;} .items2 .push{float:none;} .listing .plus {display:block;padding:0;} /* Debut block roll-over-panier-wihslist */ .roll-over-panier-wihslist{display: none !important;} /* Fin block roll-over-panier-wihslist */ /* fin liste produits */ /* detail produit */ .product-description h1{display:none;} .product-description .avis-prix-wrapper{display:none;} .product-detail .avis-prix-wrapper{overflow:hidden;float:none;padding:0 0 0.08rem;} /** JIRA 755 : modification de la balise h1 .product-detail h1{float:left;font-size:0.14rem;line-height:0.18rem;color:#000;width:1.35rem;padding:0 0 0.08rem;margin:0;} */ .product-detail span.h1{float:left;font-size:0.14rem;line-height:0.18rem;color:#000;width:1.35rem;padding:0 0 0.08rem;margin:0;font-family: 'citroenregular';text-transform: uppercase} .product-detail .avis{clear:left;float:left;margin:0;} .product-detail .prix-container{float:right;text-align:right;width:1.05rem;} .product-detail .prix-container .apartirde {display:block;font-weight:bold;font-size:0.13rem;padding:0;} .product-detail .prix-container .prix {font-size:0.24rem;} .product-detail .prix-container .prix.prixRemise {font-size:0.17rem;line-height:0.18rem;margin:0;} .product-detail .prix-container .etat-stock, .product-detail .prix-container .produit-non-disponible {font-size:0.08rem;line-height:0.09rem;margin:0;} /* fin detail produit */ #content {padding:0;background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-degrad-002.png) left top repeat-x;min-height:620px;} .banniere {margin:0 auto;border-bottom:none;} .banniere .txt span {line-height:0.22rem !important;font-size:0.13rem !important;} .intro {width:auto;margin:0 auto;float:none;padding:0 0.2rem 0.24rem;} .intro p {font-size:0.12rem;line-height:0.15rem;margin:0;padding:0 0 0.15rem;} .main {width:auto;overflow:hidden;margin:0 auto;padding:0;} .full-row {width:auto;float:none;clear:both;padding:0 0.2rem;} .full-row.tableG {padding:0;} .banniere {padding:0;} .full-row.listing{padding-bottom:0.24rem;} div.center {width:auto;} .categorie .listing .main{width:280px;margin:0 auto;} .categorie .push {width:auto;float:none;margin:0 0 0.2rem;} .categorie .push:nth-child(odd){margin-right:0;} .categorie .push img{width:100%;height:auto;} .categorie .push h2 {margin:0;padding:0.1rem 0.1rem 0;font-size:0.15rem;} .categorie .push .precommande, .categorie .push .nouveaute, .categorie .push .topVente, .categorie .push .venteFlash, .categorie .push .promotion, .categorie .push .indisponible, .categorie .push .origins, .categorie .push .noel { left: 0; top: 0; } /* affichage liste produit */ #cbp-vm.cbp-vm-view-list .listeProduits li:hover, #cbp-vm.cbp-vm-view-grid .listeProduits li:hover{border:none;} #cbp-vm.cbp-vm-view-list .listeProduits li, #cbp-vm.cbp-vm-view-grid .listeProduits li{border:none;padding:0;margin-bottom:0.28rem;} #cbp-vm.cbp-vm-view-list .listeProduits li:hover, #cbp-vm.cbp-vm-view-list .listeProduits li{border-top:1px solid #f5f5f5;} .cbp-vm-view-list .precommande,.cbp-vm-view-list .nouveaute,.cbp-vm-view-list .topVente,.cbp-vm-view-list .venteFlash,.cbp-vm-view-list .promotion,.cbp-vm-view-list .indisponible,.cbp-vm-view-list .origins,.cbp-vm-view-list .noel{box-sizing:border-box; text-align: center;padding: 0 7px; font-size: 0.54em;} #cbp-vm.cbp-vm-view-grid .precommande, #cbp-vm.cbp-vm-view-grid .nouveaute, #cbp-vm.cbp-vm-view-grid .topVente, #cbp-vm.cbp-vm-view-grid .venteFlash, #cbp-vm.cbp-vm-view-grid .promotion, #cbp-vm.cbp-vm-view-grid .indisponible, #cbp-vm.cbp-vm-view-grid .origins , #cbp-vm.cbp-vm-view-grid .noel {top:0;left:0;} .listing .rightcontent {float:none;width:auto;} #cbp-vm.cbp-vm-view-grid .listeProduits li img{width:100%;height:auto;} #cbp-vm.cbp-vm-view-list .listeProduits li h2{width:40%;padding:0;margin:8% 0 0 4%;} #cbp-vm.cbp-vm-view-list .listeProduits li .produitPrix{width:20%;padding:0;margin:13% 0 0;} #cbp-vm.cbp-vm-view-list .listeProduits a {width: 35%;} #cbp-vm.cbp-vm-view-list .listeProduits img {width: 100%;height: auto;} #cbp-vm.cbp-vm-view-list .listeProduits h2 a {width: 75%;} /* fin affichage liste produit */ /* panier et wishlist */ .titreRecherche,.wishlist h1,.panierP h1,.titreMonCompte{font-size:0.14rem;padding:0 0.2rem;line-height:0.2rem;width:2.6rem;margin-bottom: 0.22rem;} .panierP .grandtitre{margin:0 auto;width: auto;max-width: 280px;} .banText{font-size:11px;font-family:'citroenbold';font-weight:normal;position:static;left:0;right:0;bottom:0;text-align:center;display:block;padding:18px 36px;line-height:14px;color:#4a4a4a;} .panierP h1 .valide-commande {margin:0;display: block;width: 100%;float: none;} .resumetPanier .table .beneficie .promo {float: none;} .table .row.beneficie .corbeille, .table .row.beneficie .corbeille p {display: none;} .table .row.beneficie .corbeille, .table .row.beneficie .corbeille.corbeille-mobile {display: block;width: auto;float: right;margin: 0 0 0.16rem;} .panierP .resumetPanier .table .row.beneficie .column {padding:0;} .panierP .resumetPanier .table .row.beneficie {padding:0.2rem 0.22rem;} .resumetPanier .table .beneficie .promoTitre{font-size:12px;} .resumetPanier .table .beneficie .valider {margin-top: 18px;} .panierP .resumetPanier .table .row.beneficie .column.largeMobile {float:none;} .resumetPanier .table .beneficie .togglePromo {width:auto;display:inline-block;font-size: 0.12rem;padding: 0 0.14rem 0 0;} .table-head,.table .selectionner-produits{display:none;} span.mail {margin-left: 20px;margin-bottom: 12px;} .table{width:auto;overflow: visible;} .table .prix{display:block;float:none;clear:both;width:100%;margin:0 0 0.3rem -0.22rem;padding:0.14rem 0.22rem;background:#f3f3f6;position:relative;} .panierP .table .prixPayer{display:block;float:none;clear:both;width:100%;margin:0 0 0 -0.22rem;padding:0.14rem 0.22rem;background:#f3f3f6;position:relative;} .panierP .table .prix, .panierP .table .offre, .panierP .table .quntite, .panierP .table .quntite-painer{border-bottom:1px solid #f5f5f5;display:block;background:#fff;float:none;overflow:hidden;clear:both;width:auto;margin:0;padding:0.14rem 0;position:relative;} .panierP .table .quntite{padding:0 0 0.14rem;} .panierP .table .quntite-painer{display:block;float:right;clear:both;width:auto;margin:0;padding:0;} .table .ajouter-panier,.table .row .corbeille{display:block;float:none;clear:both;width:auto;} .tableG{background:none;width: 280px;margin: 0 auto;} .table .ajouter-panier p a {padding:0;background: #dc002e;display:block;color: #fff;font-size: 0.13rem;text-align:center;} .table .row {margin:0 auto;padding:0.36rem 0.22rem 0.22rem 0.22rem;width:276px;position: relative;margin: 0 0 0 -22px;background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-degrad-003.png) center top no-repeat;} .panierP .table .row.last {background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-degrad-003.png) center top no-repeat;} .table .image {width:50%;padding:0 0 0.14rem;} .table .image img{width:100%;height:auto;} .table .article {width:46%;float:right;} .table .article h3, .table .article p {font-size:0.11rem;line-height:0.12rem;padding:0 0 0.03rem;} .table .article p a {font-size:0.09rem;text-transform:uppercase;margin:0.03rem 0 0;line-height:0.12rem;} .table .article p span{margin:0.03rem 0 0;line-height:0.12rem;} .table .row .corbeille, .table .row .corbeille p {line-height:14px;text-align:right;} .table .row .corbeille{margin:0.12rem 0 0 0;} .table .corbeille a {background:none;height:auto;text-indent:1px;width:auto;display:inline;margin: 0 auto;font-size:10px;color:#636363;text-transform:uppercase;text-decoration:underline;} .panierP .table .offre p, .panierP .table .quntite p, .table .prix p, .panierP .table .prixPayer p{line-height:0.2rem;font-size:0.15rem !important;text-align:right;display:block;position:relative;} .table .prix .prixUnit,.table .labelText, .panierP .table .prix .labelText{font-size:0.11rem;color:#000;position:absolute;left:0;top:0.14rem;text-transform:uppercase;font-weight:normal;line-height:0.2rem;} .table .prix .prixUnit, .panierP .table .prixPayer .labelText{left:0.22rem;} .panierP .table .prixPayer .labelText{top:0.09rem;} .table .article p.couleur span.stock{font-size:0.09rem;font-style:italic;} .panierP .table .quntite p span, .panierP .table .prixPayer p span {font-size:0.15rem !important;color:#333333 !important;font-weight:bold !important;min-width:49px;text-align:center;display:inline-block;} .panierP .table .offre p span{font-size:0.15rem !important;color:#dc002e !important;font-weight:bold !important;min-width:49px;text-align:center;display:inline-block;} .wishlist .table .prix p span {color: #000;font-size:0.15rem !important;font-weight:bold !important;min-width:49px;text-align:center;display:inline-block;} .table .prix p span .prixRemise {display:inline;font-size:0.13rem;line-height:0;margin:0;text-align:right;color: #000000;} .panierP .table .prixPayer p span{font-size:0.12rem !important;font-weight:normal !important;color:#787878 !important;position:absolute;margin:0;left:0;top:12px;} .table .beneficie .column.right {width: auto;padding:0.33rem 0 0;font-size:0.12rem;line-height:0.16rem;} .table .beneficie p {line-height:0.16rem;font-size:0.12rem;width:1.86rem;padding:0 0 0.1rem;} .table .beneficie .promo input {width:100% !important;height:0.34rem !important;padding:0.08rem 0.1rem !important;line-height:0.14rem !important;font-size:0.09rem !important;margin:0 0.06rem 0 0 !important;text-align:left !important;border:1px solid #e6e7e8 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .table .beneficie .promo {text-align:left;position:relative;} .table .beneficie span.error {position:absolute;bottom:-15px;width:164px !important;} .table .row {padding:0.36rem 0.22rem 0.12rem 0.22rem;} .table .row.total-montant{padding:0.12rem 0.22rem;background:#f3f3f6 !important;overflow:hidden;margin:0 0 0.32rem -0.2rem;} .table .row.total-montant p{font-size:0.11rem;text-transform:uppercase;} .table .row.total-montant .column {width: 1.86rem;} .table .total-montant .column.right {width:auto;padding:0.18rem 0 0;font-size:0.12rem;line-height:0.16rem;} .table .row.livraison-frais{padding:0.08rem 0.22rem;background:#fff;overflow:hidden;} .table .row.livraison-frais p{font-size:0.11rem;text-transform:uppercase;} .table .row.livraison-frais .column {width: 1.86rem;} .table .livraison-frais .column.right {width: auto;padding:0.06rem 0 0;font-size: 0.12rem;line-height: 0.16rem;} .table .quntite, .table .offre{width:auto;float: none;} .resumetPanierLarg {background:none;width:2.8rem;margin:0 auto;} .resumetPanier {width:2.8rem;padding:0 0 0.5rem;overflow: visible;} .panierP .table .continue , .panierP .table .valide-commande {float:none;display:block;width:276px;margin:0 auto;height:50px;line-height:50px;font-size:0.11rem;padding:0;} .panierP .table .continue{margin:14px auto 0;color:#dc002e;} .table .row.total p {font-size:0.11rem;} .table .row.total .column.right{padding:0;font-size:0.12rem;line-height:0.14rem;color:#142032;} .table .row.beneficie {padding:0.14rem 0.22rem 0.26rem 0.22rem;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-degrad-003.png) center top no-repeat;} .table .row.livraison-offert{padding:0.176rem 0.22rem;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-degrad-004.png) center top no-repeat #f3f3f6;min-height:26px;} .table .livraison-offert p {font-size:10px;color:#595959;font-weight:normal;text-transform:uppercase;} .table .beneficie .column {width:1.86rem;} .table .beneficie .valider {height:0.32rem !important;padding:0 !important;line-height:0.32rem !important;font-size:0.09rem !important;width:0.77rem !important;} .panierP .resumetPanier .table .row.beneficie{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-degrad-003.png) center top no-repeat;width:100%;float: none;clear:both;} .panierP .resumetPanier .table .row.beneficie .column{} .panierP .resumetPanier .table .row {width:100%;float:none;clear:both;padding: 0.08rem 0.22rem;margin:0 0 0 -0.22rem;} .panierP .resumetPanier .table .row.last {padding:0.12rem 0.22rem 0;} .panierP .resumetPanier .table .row.total{padding:0.2rem 0.22rem 0.1rem;} .panierP .resumetPanier .table .column {text-align: left;width:auto;padding: 0 0 0.12rem;} .panierP .resumetPanier .table .row.livraison-frais .column{padding:0.06rem 0;} .panierP .table .row.total .column.right {text-align:right;} .panierP .table .total-montant .column.right {padding:0.1rem 0 0;} .panierP .table .total-montant p.action {background:#fff;width:100%;overflow: hidden;padding:0.2rem 0.22rem;margin:0.12rem 0 0 -0.22rem;} .panierP .table .row.livraison-frais{border-top:1px solid #f5f5f5;} form p.livraison-offerte {font-family:Arial;font-weight:normal;text-transform: uppercase;font-size:12px;text-align: center;margin:0;padding:0 0 0.18rem;color:#595959;width:220px;margin:0 auto;} p.prix-indiques{display: none;} p.prix-indiques-mobile{display: block;width: 100%;text-align: center;color: #636363;font-size: 8px;font-family: arial;padding: 10px 0 0;text-transform: uppercase;} /* fin panier et wishlist */ /* commentaires */ .commentaires .commentaire .description p {font-size:0.09rem;color:#333;line-height:0.14rem;padding:0.1rem 0;} .commentaires .commentaire {margin-bottom:0.1rem;float:none;padding:0 0.22rem;} .commentaires .commentaire .description {float:none;padding-top:0.08rem;font-size:0.09rem;line-height:0.1rem;clear:both;} .commentaire .description strong, .commentaire .description a{font-size:0.09rem;} /* fin commentaires */ #avis-content > .center-content {clear:both;float:none;width:auto;background:#f5f5f5;overflow:hidden;margin:0 0 0.1rem;} #avis-content .filtre {width:2.8rem;margin:0.12rem auto 0.12rem auto;overflow:hidden;} .decrouvrir-accessoires a {font-size:0.09rem;margin:0;} .article-demande-consulte-wrapper {width:280px;margin: 0 auto;padding:0.3rem 0 0.26rem;} .article-plus-demande h2{font-size:0.14rem;} .article-demande, .derniers-articles-consultes{width:auto;float:none;overflow:hidden;padding:0 0 0.2rem;} .article-demande-consulte-wrapper .products-wrapper > div{width:84px;border: none;padding: 7px;} .article-demande-consulte-wrapper .products-wrapper > div:hover {border: none;} .article-demande-consulte-wrapper .products-wrapper > div:first-child{padding-left:0;} .article-demande-consulte-wrapper .products-wrapper > div:last-child{padding-right:0;} .article-demande-consulte-wrapper .products-wrapper > div img{width:100%;} .article-demande-consulte-wrapper .precommande, .article-demande-consulte-wrapper .nouveaute, .article-demande-consulte-wrapper .topVente, .article-demande-consulte-wrapper .venteFlash, .article-demande-consulte-wrapper .promotion, .article-demande-consulte-wrapper .indisponible, .article-demande-consulte-wrapper .origins, .article-demande-consulte-wrapper .noel {left: 0px;top: 7px;} /* tri filtre */ .lignetri{width:auto;height:auto;padding:0.04rem 0.2rem;margin:0 0 0.33rem;} .lignetri::after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .btnFilter ::after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .lignetri .tri{width:auto;} .lignetri .tri > ul{display:none;} .lignetri .tri > form{float:left;margin:0;width:auto;} .tri form label {display:none;} .lignetri .tri .btnFilter{float:right;height:0.28rem;font-size:0.12rem;line-height:0.28rem;width:0.75rem;color:#fff;text-align:center; background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/puce-filter02.png) 86% center no-repeat #ca0032} .tri form .selector{width: 1.1rem !important;height:0.28rem;line-height:0.28rem;padding: 0 0 0 0.1rem;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/select.png) right center no-repeat #f3f3f6;background-size:auto 0.06rem;border:1px solid #c0c0c2;} .tri form .selector span {color: #000;font-style:normal;height:0.28rem;line-height:0.28rem;width: auto !important;display:block;font-size:0.12rem;} /* fin tri filtre */ /* affichage filtre */ .styleAffichage{float:left;padding:0.07rem 0.18rem 0 0;} .styleAffichage a{float:left;width:0.17rem;height:0.17rem;background:#aeacac;text-indent:-99999px;text-decoration:none;} .styleAffichage a:hover,.styleAffichage a.active{background:#ca0032;} .styleAffichage a.cbp-vm-grid{background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/icon-mosai.png) center center no-repeat #aeacac;margin-left:8px;} .styleAffichage a.cbp-vm-grid:hover,.styleAffichage a.cbp-vm-grid.active{background-color:#ca0032;} .styleAffichage a.cbp-vm-list{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) no-repeat -259px -359px;} .styleAffichage a.cbp-vm-list.active{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) no-repeat -259px -375px;} .listing .leftcontent {display:none;float:none;width: 235px;} /* fin affichage filtre */ /* filtre recherche */ .filtre strong {font-size:0.1rem;padding-right:12px;line-height:0.24rem;} .filtre .trier-par {background-position:93% center;font-size:0.08rem;color:#333;padding:0 0.16rem 0 0.1rem;min-width:0.30rem;background-color:#fff;margin:0;height:0.22rem;line-height:0.22rem;border:1px #e4e4e4 solid;background-size:auto 0.04rem;} .filtre .trier-par:last-child{float:right;margin:0;} .showFilter{/* position:absolute;top:0;left:0; */display:none;background:#fff;/* padding:0.13rem 0 0; */width:100%;z-index:300;/* margin-top: 70px; */} .fermerFilter{padding:0.12rem 0.2rem;border-top:1px solid #000;overflow:hidden;} .fermerFilter .btnFermer,.fermerFilter .btnRenit, .fermerFilter .btnValider{display:block;float:left;background:#f3f3f6;height:0.28rem;line-height:0.28rem;font-family:citroenregular;font-size:0.12rem;text-align:center;text-decoration:none;} .fermerFilter .btnFermer{width:100%;} .fermerFilter .btnRenit, .fermerFilter .btnValider{width:50%;} .fermerFilter .btnValider{background:#ca0032;color:#fff;} .btnAnnuler{display:block;background:#ca0032;height:0.28rem;line-height:0.28rem;width:0.7rem;font-family:citroenregular;font-size:0.11rem;color:#fff;text-align:center;text-decoration:none;float:right;} .categorieFilter{padding:0 0.2rem;} .categorieFilter .titreFilter{height:0.28rem;line-height:0.28rem;border-bottom:1px solid #d4d4d4;font-family:citroenregular;font-size:0.12rem;text-transform:none;margin:0;padding:0 0 0.06rem;} .categorieFilter .titreFilter span{font-family:'citroenlight';color:#dc002e;font-size:0.1rem;text-transform:uppercase;} .categorieFilter label{font-family:'citroenlight';color:#a0a0a0;font-size:0.1rem;text-transform:uppercase;} .categorieFilter .blockCat{padding:0.1rem 0;} .categorieFilter .blockCat .full-row{padding:0;display:block !important;} .categorieFilter .blockCat li{font-family:'citroenlight';background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/puce-filter.png) right center no-repeat;height:0.14rem;line-height:0.14rem;padding:0.1rem 0;color:#a0a0a0;font-size:0.1rem;text-transform:uppercase;cursor:pointer;} .sousCat{position:absolute;top:0.12rem;left:0;background:#fff;} /* fin filtre recherche */ .articleEnComplement {background:none;padding:0;} .articleEnComplement .produitsPlusDemandes{padding:0 0 0.2rem;} /* avis client */ #avis-clients #avis-accordion {width:auto;} #avis-clients a.toggle-commentaires-avis {margin:0;padding:0.14rem 0;width:auto;text-align:center;} #avis-clients a.toggle-commentaires-avis span.label {font-size:0.11rem;} #avis-clients a.toggle-commentaires-avis .icon {background-size:auto 0.22rem;width:0.18rem;height:0.08rem;margin-left:0.04rem;} #avis-clients a.toggle-commentaires-avis.open .icon {background-size:auto 0.22rem;} #avis-clients .voir-plus-avis {font-size:0.11rem;padding:0.08rem 0.2rem;margin:0;} #avis-clients h2{font-size:0.13rem;line-height:0.14rem;margin-bottom:0.06rem;} #avis-clients .avis-header .avis-header-container {width:280px;overflow:hidden;} #avis-clients .avis-header {padding:0.12rem 0;float:none;width:auto;} #avis-clients {margin:0;} #avis-clients .statistiques{border:1px #e4e4e4 solid;float: left;width:auto;padding:0.07rem;} #avis-clients .statistiques .donner-avis{display:none;} #avis-clients .statistiques p {font-size:0.08rem;} #avis-clients .statistiques p strong {font-weight:normal;font-style:italic;font-size:0.08rem;} ul.avis li {width:0.08rem;height:0.08rem;margin-right:0.02rem;background-size:0.08rem;} ul.avis li.active {background-size:0.08rem;} #avis-clients .statistiques .avis {padding-left:0.05rem;} .btnAvis{text-align:center;padding:0.14rem 0 0;} .btnAvis a{font-size:0.1rem;text-transform:uppercase;color:#595959;text-decoration:underline;font-weight:bold;} /* fin avis client */ /* slider produit */ #produits-slider {max-height:10000px;margin:0 auto;width:280px;padding:0 0 0.14rem;} #produits-slider .flex-viewport {max-height:10000px;} .product-detail .gallery {width:auto;float:none;padding:0 0 0.5rem;} .product-detail .product-description {float:none;width:auto;margin:0;padding:0.24rem 0 0;height:auto;} .product-detail {width:auto;} .product-detail-wrapper {margin-bottom:0;padding-bottom:0.2rem;} #produits-slider .flex-direction-nav{height:94px;display:block;background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-sep-nav.png) center top no-repeat;} #produits-slider .flex-direction-nav li{float:right;text-align:right;padding:0.26rem 0 0;} #produits-slider .flex-direction-nav li:first-child{float:left;text-align:left;} #produits-slider .flex-direction-nav a {background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/btn-next-prod.png) left center no-repeat;position:static;height:0.35rem;line-height:0.15rem;margin:0;padding:0.05rem 0.36rem 0 0;text-indent:1px;width:0.7rem;text-transform:uppercase;font-size:0.1rem;font-family:'citroenregular';} #produits-slider .flex-direction-nav li:first-child a{background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/btn-prev-prod.png) right center no-repeat;padding:0.05rem 0 0 0.36rem;} .product-detail .gallery .visual-thumb-sldier {margin:0} .product-detail .precommande, .product-detail .nouveaute, .product-detail .topVente, .product-detail .venteFlash, .product-detail .promotion, .product-detail .indisponible, .product-detail .origins, .product-detail .noel {font-size: 0.12rem;height: auto;line-height: 0.14rem;padding: 6px 10px;text-align: center;} /* fin slider produit */ /* detail produit */ .product-detail .ajouter-painer .form-fields .field-wrapper p {padding-right:0.08rem;width:0.76rem;font-size:0.15rem;} .product-detail .ajouter-painer input[type="submit"] {display:block;text-align:center;font-size:0.12rem;padding:0;margin:0 0 0.14rem;float:none;height:0.5rem;line-height:0.5rem;width:100%;} .product-detail .ajouter-painer .ajouter-wishlist {background-color:#f5f5f5;background-position:0.2rem center;display:block;text-align:center;font-size:0.12rem;padding:0;margin:0 0 0.14rem;float:none;height:0.5rem;line-height:0.5rem;width:100%;background-size:0.18rem auto;} .product-detail .ajouter-painer .ajouter-wishlist:hover{ background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/coeur02.png) no-repeat 0.2rem center #E3E3E6; background-size: 0.18rem auto;} .product-detail .ajouter-painer {float:none;} .product-detail .livraison {background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-degrad-003.png) center top no-repeat;font-size:0.12rem;line-height:0.18rem;padding:0.36rem 0 0.3rem;margin:0;clear:both;zoom:1;position:relative;} .product-detail .ajouter-painer .form-fields {float:none;} .product-detail .panel-group{padding:0 0 0.22rem;} .product-detail .panel-group .panel-heading h2 {font-size:0.11rem;padding:0;} .product-detail .panel-group .panel-heading{padding:0.16rem 0.12rem;background:#fafafa;} .product-detail .panel-group .panel-heading a,.product-detail .panel-group .panel-heading a.collapsed {background-size:0.2rem auto;} .product-detail .panel-group .panel-heading a {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/flech-top.png) right center no-repeat;font-size:0.11rem !important;} .product-detail .panel-group .panel-heading a.collapsed {background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/flech-bas.png) right center no-repeat;} .product-detail .panel-group .panel-body {font-size:0.12rem;padding:0.15rem;line-height:0.14rem;} .product-detail ul.social-media li.print {display:none;} .product-detail ul.social-media li.mail {display:none;} .product-detail ul.social-media {float:right;width:auto;margin:2px 0 0;} .product-detail ul.social-media li {float:left;} .product-detail ul.social-media li a {display: block;margin:0 0 0 0.1rem;width:0.28rem;height:0.28rem;} .product-detail ul.social-media li:first-child a {margin:0;} .product-detail ul.social-media li a img{width:100%;height:auto;} .product-detail .envoyerAmi{background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-envoyer.png) center center no-repeat;float:left !important;width:1.29rem !important;height:0.32rem;line-height:0.32rem;padding:0 !important;font-size:0.09rem;color:#5a5a5a;text-decoration:none;text-align:center;text-indent:-5000px;} .product-detail .envoyerAmi span{display: none !important;} .product-detail .envoyerAmi img{display:none;} .product-detail .visual-thumb-sldier{display:none;} .product-detail .visual-container .zoom{display:none;} .product-detail .visual-container .flex-control-nav{bottom:-36px;} .product-detail .visual-container .flex-control-paging li a{width:14px;height:14px;background:#c2c2c4;} .product-detail .visual-container .flex-control-paging li a.flex-active{background:#c80030;} .product-detail span.separateur {display:none;} .product-detail .ajouter-painer .produit-indisponible-panier, .product-detail .ajouter-painer .produit-taille-indisponible-panier {font-size: 15px;color: #000;text-align: center;float: none;display: block;width: auto;padding: 0 0 0.2rem;} /* fin detail produit */ /* pop in */ .popin.error-popin p {font-size:0.11rem;line-height:0.18rem;margin:0;} .popin {padding:14px;width:100%!important;box-sizing:border-box;} .popin.ecotaxePopin p{margin:0;} .popin.ecotaxePopin{border:1px solid #c80030;padding: 30px 14px;} #cboxLoadedContent {padding:0;} .ui-dialog{top:71px !important;left:0 !important;width:100% !important;position:absolute !important;border:none;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-degrad-002.png) left top repeat-x #fff;} .ui-widget-overlay {top:0;} .ui-dialog > div{min-height:1px !important;} .ui-dialog-titlebar-close{top:auto;bottom:-30px;} .ui-dialog p, .paslogge .titre{font-size:0.11rem;line-height:0.18rem;padding:0 0.2rem 0.14rem;margin:0;} .ui-dialog-buttonset {padding:0 0.2rem 0.22rem;overflow:hidden;} .ui-dialog-buttonset .ui-button , .ui-dialog-buttonset button {height:0.36rem;line-height:0.36rem;min-width:88px;width:auto;margin:0;cursor: pointer;float:left;padding: 0px 8px;font-size:0.1rem;text-transform: uppercase;} .ui-dialog-buttonset .ui-button:last-child, .ui-dialog-buttonset button:last-child {float:right;background:#c80030;color:#fff;} .ui-dialog-buttonset button:last-child:hover{background: #B40027;} /* fin pop in */ /* form mon compte */ .address-add{width:auto;padding:0;overflow:visible;} .accountEdit .cont-form .submit, .cont-form .submit,.memberNo .cont-form .submit{width:auto;padding:0;} .cont-form label,.cont-form .nomadresse label,.memberNo .cont-form label {display:block;width:auto;float:none;font-size:0.12rem;padding:0 0 0.08rem;} .cont-form .submit > span {font-size:0.12rem;float:none;padding:0 0 0.08rem;display:block;} .cont-form input[type="text"], .cont-form input[type="password"], .cont-form input[name="email"], .cont-form input[name="emailconfirme"], .accountEdit .cont-form input[type="text"], .memberNo .cont-form input[type="text"] {display:block;float:none;width:100%;padding:0 8px;margin:0;box-sizing:border-box;} .cont-form textarea {margin:0;width:100%;box-sizing:border-box;} .cont-form .fieldAdress{float:none;width:auto;} .cont-form .colonneLeft, .cont-form .colonneRight,.cont-form .codePostal, .cont-form .pays,.cont-form .ville, .cont-form .telephone {width:auto;float:none;clear: both;} .cont-form .colonneLeft input[type="text"], .cont-form .colonneRight input[type="text"],.cont-form .codePostal input[type="text"], .cont-form .ville input[type="text"], .cont-form .telephone input[type="text"]{width:100%;float:none;} .cont-form .colonneRight .infoform, .memberNo .cont-form .infoform, .accountEdit .cont-form .infoform , .cont-form .telephone .infoform,.cont-form .codePostal .infoform{margin:0 0 12px;} .cont-form div.selector {float:none;width:auto !important;display:block;padding-left:8px;box-sizing:border-box;} .cont-form div.selector span {font-size: 1.08em;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/sprite.png) no-repeat right -769px;width:auto !important;} .cont-form .birth div.selector {margin:0 5% 0 0;width:30% !important;float:left;} .cont-form .birth div.selector:last-child{margin:0;float:right;} .cont-form{padding: 0.36rem 0.2rem 0;width:100%;margin:0 0 0 -0.2rem;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-degrad-003.png) center top no-repeat;} .cont-form .champsRequis {font-size:0.1rem;padding:0.22rem 0;margin:0;} .accountEdit .loi, .memberNo .loi {margin:0 0 0.18rem;line-height:0.16rem;font-size:0.12rem;} .accountEdit .boxCheckbox p,.accountEdit div.checkbox, .memberNo .boxCheckbox p,.memberNo div.checkbox {font-size:0.12rem;margin:0;padding:0 0 0.18rem;} .memberNo div.checkbox:last-child {margin:0 0 10px;} .accountEdit div.checkbox label, .memberNo div.checkbox label {width: auto;float: left;font-size:0.12rem;line-height:0.16rem;padding:0;} .accountEdit div.checkbox div.checker, .memberNo div.checkbox div.checker {float:none;} .accountEdit .boxCheckbox div.checkbox div.checker, .memberNo .boxCheckbox div.checkbox div.checker {float:left;} .accountEdit .title {display:none;} .accountEdit > p {font-size:0.11rem;text-transform:uppercase;margin:0 0 20px;line-height:0.13rem;color:#989da5;} .tableG .table .prix, .tableG .table .offre, .tableG .table .quntite {border-bottom:1px solid #f5f5f5;display:block;background:#fff;float:none;overflow:hidden;clear:both;width:auto;margin:0;padding:0.14rem 0;position:relative;} .wishlist .tableG .table .prix{background: #f3f3f6;width: 100%;padding: 0.14rem 0.22rem;margin: 0 0 0.3rem -0.22rem;} .tableG .table .quntite{padding:0 0 0.14rem;} .myaccount .tableG .table .row p span.red{ color: #dc002e !important;} .myaccount .tableG .table .row .offre p, .myaccount .tableG .table .row .quntite p {font-size:0.15rem !important;color: #333333 !important;text-align: right;line-height: 0.2rem;} .myaccount .tableG .table .row .quntite p span, .myaccount .tableG .table .row .prix p span, .myaccount .tableG .table .row .offre p span {font-size: 0.15rem !important;color: #333333;font-weight: bold !important;min-width: 49px;text-align: center;display: inline-block;} .myaccount .tableG .table .row .quntite p span{font-weight: normal !important;} .myaccount .tableG .table .prixPayer {display: block;float: none;clear: both;width: 100%;margin: 0 0 0 -0.22rem;padding: 0.14rem 0.22rem;background: #f3f3f6;position: relative;} .myaccount .tableG .table .prixPayer .labelText{left:0.22rem;} .myaccount .table .quntite .labelText{top:0.04rem;} .myaccount .tableG .table .prixPayer p {line-height: 0.2rem;font-size: 0.15rem !important;text-align: right;display: block;position: relative;} .myaccount .tableG .table .prixPayer p span {display:none;} .myaccount .table .beneficie .column.right {padding:0;} .myaccount .table .beneficie p {color:#ff931e;} .myaccount .table .row.beneficie {padding: 0.14rem 0.22rem 0rem 0.22rem;} .myaccount .table .row.livraison-offert {padding:0 0.22rem 0.1rem !important;background:#fff;min-height: 26px;} .myaccount .table .livraison-offert .right {padding:0;font-size:0.12rem;line-height:0.16rem;} .myaccount .table .livraison-offert .column p {line-height:0.16rem;color: #868686;} .myaccount .table .livraison-offert p {color:#000;color:#142032;font-weight:bold;font-size:0.11rem;} .myaccount .resumetPanier {padding:0;} .myaccount .table .row.total-montant {margin:0 0 0 -0.2rem;padding-bottom:0.12rem;} .myaccount .table .row.total{margin:0 0 0 -0.2rem;padding:0.34rem 0.22rem !important;} .myaccount .table .row {padding-bottom:0;} .myaccount .resumetPanier .table .row {padding-bottom:0.14rem;} .myaccount .resumetPanier .table .row.beneficie {background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-degrad-003.png) center top no-repeat;width: 100%;margin:0 0 0 -0.2rem;} .myaccount .myaddress.pan .box-adr {width:2.8rem;float:none;margin:0 0 0 -0.2rem;padding:0.14rem 0.2rem;background:#fff;} .myaccount .myaddress.pan .box-adr:first-child{background:url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg-degrad-003.png) center top no-repeat;border-top:1px solid #e2e2e4;padding-top:0.28rem;} .myaccount .resumetPanier .table {width:auto;margin:0;} .adressCommande .bloc-adr-bottom {width:auto;} .tableCommandes {width:2.8rem;padding:0 0.2rem;position: relative;margin: 0 0 0 -0.2rem;} .tableCommandes .row {width:auto;border-bottom:none;overflow:visible;} .tableCommandes .row .column {width:auto;float:none;padding:0.16rem 0;text-align:left;line-height:0.2rem;min-height:0.01rem;height:auto;border:none;border-bottom:1px solid #fafafa;text-transform:uppercase;} .tableCommandes .row .column.first{background:#f3f2f7;padding:0.12rem 0.2rem;width:100%;position:relative;margin:0 0 0 -0.2rem;border:none;} .tableCommandes .row .column.first .labelText{display:block;} .tableCommandes .row .etat p{font-size:0.11rem;margin:0;padding:0 0 0.08rem;} .tableCommandes .row .etat p a{color:#6f7882;} .tableCommandes .row .column.montant{text-align:right;position:relative;font-size:0.15rem;} .tableCommandes .row .column.montant .labelText{position:absolute;left:0;top:0.18rem;} .editNewsletter .cont-form .submit {margin:20px auto 0;} p.livraison-offerte{font-weight: bold;text-transform: uppercase;font-size: 12px;text-align: center;margin: -10px auto 17px;width: 100%;} /* Structure Page Panier avec les messages d'erreur ============================================================ */ .tableG .table .wishlist{clear: both;display: block;float: none;overflow: hidden;padding: 0.14rem 0;position: relative;width: auto;} .table .wishlist p {line-height: 40px;display:block;text-align: center;} .panier-erreur .ajouter-wishlist {float: none;margin-top: 0;padding: 10px 16px 10px 46px;text-transform: uppercase;overflow: hidden;} .panier-erreur form p.livraison-offerte {padding: 0 20px;width: 88%;} .panier-erreur .resumetPanierLarg {width: auto;} /* FIN form mon compte */ .blockFixStandard{width: 100%;max-width: 100%;} .formulaireContact *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;} .formulaireContact {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;width: 100%;max-width: 100%;padding: 0 22px; } .formulaireContact h1{font-size:0.14rem;} .formulaireContact form{width: 100%;max-width: 100%;} .formulaireContact form .field input{width: 100%;max-width: 100%;} .formulaireContact p{font-size:0.11rem;} .formulaireContact .topcontact p{width: 100%;font-size: 1.27em;max-width: 100%; color:#c8c8c8} .formulaireContact form .field label {color: #142032;font-size:0.12rem;} .formulaireContact h2{font-size: 0.12rem;font-family: 'citroenbold';font-weight: normal;} .formulaireContact .texteObligatoire{width: 100%;max-width: 100%;margin: 10px 0 15px;} .formulaireContact form .field textarea{width: 100%;min-width: 100%;} .formulaireContact .btn-submit{width: 100%;margin-top: 20px;} form .field span.error {width:100%;margin-left:0 !important;} .contList.field-error {height:auto;} .cont-form .paysliste span.error {left: -10px;font-size: 0.9em;} .cont-form .ville span.error {margin-left:0 !important;width:auto;} .faq *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;} .faq {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;width: 100%;max-width: 100%;padding: 0 22px;} .faq h1{font-size: 0.14rem;} .openclose.closeall{display: none;} .faq .description a {font-size:0.12rem;} .faq .description .textReadMore p{font-size:0.1rem; } .contenuArticle .blockFixStandard{padding:0 0.2rem;width:auto;} .contenuArticle .blockFixStandard h1{font-size:0.14rem;padding:0;line-height:0.2rem;margin-bottom:0.1rem;} .contenuArticle .blockFixStandard p {font-size: 0.13rem;margin-bottom: 20px;line-height: 0.18rem;} /*---pages espace perso--*/ .myaccount{padding: 0 0.2rem 0.3rem; width: auto;} /*---pages mobile connexion--*/ .informationsBox{width:221px;margin:0 auto;padding:20px 0 17px;} /*---pages mon compte--*/ .myaccount h1{font-size:0.14rem;padding:0;line-height:0.2rem;margin-bottom: 0.22rem;} .accountHome{ padding:0} .accountHome li a{ font-size:0.09rem; padding:0.14rem 0.14rem 0.14rem 0;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg-puce-12-m.png) no-repeat right center ; } .accountHome li a > span{font-size:0.09rem} /*---pages mes adresse--*/ .myaddress{ width:auto;overflow: visible;} .myaddress.pan{width:2.8rem;margin:0 auto;} .myaddress .box-adr{width: auto; float:none; margin: 0 0 30px 0;padding: 0.14rem 0.13rem;} .box-adr .edit-box{ right:0.13rem} .box-adr h3 {font-size:0.12rem;padding: 4px 0 6px;} .box-adr li {font-size:0.09rem} .bloc-adr-bottom .link-add{ float:none; margin:0; display:block; text-align:center; font-size: 0.14rem;} /*---pages email et mot de pass--*/ .editPasse p{font-size:0.12rem;} .editPasse a{ display:block; text-align:center;font-size: 0.14rem;} /*---newsletter mobile--*/ .editNewsletter .loi,.editNewsletter div.checkbox label,.mentionsbox,.editNewsletter .boxCheckbox p,.editNewsletter form > p{font-size:0.12rem;} .editNewsletter p{margin: 0 0 15px !important; line-height:16px !important} .editNewsletter div.checkbox label,.myaccount .boxCheckbox label{ width:90% !important; padding: 0 0 0 8px !important;} .cont-form .submit button{float:none; margin:0; width: 100%; text-align:center; font-size: 0.13rem;} .editNewsletter div.checkbox div.checker{ position:relative; top:1px} /*---reinitialiser mdp--*/ .resetMdp{max-width: 100%;} .resetMdp .cont-form label{ font-size: 0.12rem; line-height: 32px; padding:0} .resetMdp .cont-form input[type="text"]{max-width: 100%; width: 100%; box-sizing:border-box} .resetMdp .cont-form div.submit{float:none; margin:0; width: 100%; text-align:center; font-size: 0.13rem; padding: 20px 0 0;} .checkoutstep-0 .submit button,.checkoutstep-0 .submit a, .cont-form .submit button, .cont-form .submit a{float:none; margin:0; width: 100%; text-align:center; font-size: 0.13rem; display:block; padding:0} /*============== Checkout =============*/ .accordionCont .accordionContent {padding: 26px 22px 0 22px;} .checkout .checkoutLeft {width: 100%;} .checkout .memberNo .cont-form input[type="text"],.checkout .memberNo .cont-form input[name="email"], .checkout .memberNo .cont-form input[type="password"], #crercompte.cont-form input[type="password"], #crercompte.cont-form input[name="email"], #crercompte.cont-form input[name="emailconfirme"] {width: 100%;} .checkout .memberNo .cont-form input[type="email"]{ width: 100%; box-sizing: border-box;} .accordionCont > h3 {font-size: 0.75em;} .checkout .memberNo h4 {font-size: 0.75em;} .memberNo div.checkbox div.checker {float: left;} .checkout .memberNo div.checkbox label, .checkout .address-add div.checkbox label {width: 90%;padding: 0 0 0 8px;} .checkout .cont-form .field span.error {margin-left:0;line-height:13px;} .checkout .address-add .cont-form .submit > span {padding: 20px 0 8px 0;line-height: 18px;} .checkout .modeLivraison label {width: 234px;} .checkout #modeLivraison .shippingMap {padding:0;margin:0;border:none;width:auto;height:auto;overflow:visible;} .checkout #modeLivraison .shippingMap p.resultat {display: none;} .checkout #modeLivraison .shippingMap .map {display: none;} .checkout #modeLivraison .shippingMap .searchMap {clear: both;height: auto;} .checkout #modeLivraison .shippingMap .searchMap label {width: 100%;} .checkout #modeLivraison .shippingMap .searchMap input[type="text"] {width: 190px;margin-top: 10px;} .checkout #modeLivraison .shippingMap .searchMap button {margin-top:10px;} .checkout #modeLivraison .shippingMap .chooseDelivery {width: 100% !important;clear: both;margin-top: 10px;height:auto;overflow:visible;} .checkout #modeLivraison .shippingMap .chooseDelivery ul li {padding:10px 0.2rem;height:62px;width:100%;} .checkout #modeLivraison .shippingMap .chooseDelivery ul li.active{background:#f5f5f6;} .checkout div.radio span.checked {background: url('../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg_inputradio_mobile26.png') repeat scroll 0% 100% transparent;} .checkout div.radio {width: 26px;height: 25px;} .checkout div.radio span {width: 26px;height: 25px;background: url('../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg_inputradio_mobile26.png') no-repeat scroll 0px 0px transparent;} .checkout div.radio input {width: 26px;height: 25px;} .checkout .shippingBox .submit button {margin: 0px;width: 100%;} .checkout .ModalitePaiement .total {font-size: 0.91em;} .checkout .ModalitePaiement p {font-size: 12px;} .checkout .ModalitePaiement .cartebanque {margin: 10px 0 20px;width: 200px;} .ModalitePaiement .paiment-options .paiment-option {margin-right: 6px;} .checkout .cont-form {padding: 0 0.2rem 0px;background:transparent;} .adressAccordion > h4 {font-size: 0.12rem;background-position:0 -159px;} .memberNo div.checkbox.field-error {overflow:hidden;} .checkout div.checkbox div.checker span.error {margin:-4px 0 0;} /*************************/ p.livraison-offerte {font-size:11px;margin:8px auto 17px;} .checkout .accordionCont > h3 span {font-size:12px;padding-left:34px;} .titreConex {font-size:20px;padding:0 0 10px;} .checkout .cadreInterne{padding:0 14px;} .checkout .cont-form label {width:auto;padding:0 0 9px;display:block;} .checkout .emailMotDePasse input[type="email"], .checkout .emailMotDePasse input[type="text"], .checkout .emailMotDePasse input[type="password"] {width:100%;} .checkout .cont-form .codePostal input[type="text"], .checkout .cont-form .ville input[type="text"], .checkout .cont-form .telephone input[type="text"] .checkout input[type="email"], .checkout input[type="text"], .checkout input[type="password"] {width:100%;} .checkout .field-error .error {padding:3px 0 0;} .checkout .accountEdit .cont-form .submit, .checkout .cont-form .submit, .checkout .memberNo .cont-form .submit { padding: 20px 0 0; } .checkout .itemLeft {float:none;clear:both;width:auto;} .checkout .itemLeft.civi{width:auto;} .checkout .cont-form div.selector {width:100% !important;} .checkout .itemRight {float: none;clear: both;width: auto;} .checkout .cont-form .infoform, .checkout .cont-form .infoform {margin:0;} .checkout .mentionsbox {padding-top:16px;} .checkout .adressListItem label {padding:0 0 0 8px;} .checkout .adressListItem {padding: 12px 14px;margin: 0 0 12px;} .checkout .adressAccordion > h4 { position:relative; font-size: 14px; padding: 0 0 0 20px; margin: 0 0 10px; background:none; } .checkoutRight .recap.recapCommande h4{padding-left:20px;} .checkout .adressAccordion > h4:before {content:'';position:absolute;width:16px;height:10px;left:0;top:7px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/puce-acordion-mobile.png) no-repeat 0 top;} .checkout .adressAccordion > h4.accordActive:before { background-position: 0 bottom; } .checkout .cont-form .field {margin:0;} .checkout .modeLivraison {width:auto;margin:0;} .checkout .modeLivraison li {padding:26px 0;} .checkout .desc_transport.deskDesc{display:none;} .checkout .desc_transport.mobileDesc {display:block;width:auto;font-size:10px;color:#38383b;} .checkout .modeLivraison .cadreLabel {width:calc(100% - 30px);padding:0 0 0 14px;} .checkout .modeLivraison label {font-size:12px;width:auto;padding:0;} .checkout .prix {font-size:12px;font-weight:normal;width:auto;text-align:left;} .checkout .mobileFull {float:none;} .checkout .accordionCont .accordionContent.sansPadd {padding:0 18px;} .checkout .submit {padding:0;} .checkout .accordionCont {padding:0 0 24px;} .checkout .accordionCont > h3 {height:auto;line-height:20px;padding:18px 50px 18px 20px;} .checkout .accordionCont > h3 span {font-size: 12px;display: inline;} .checkout .accordionCont > h3, .checkout .accordionCont.step_done > h3, .checkout .accordionCont#current-accordion > h3{background-position:right 20px;} .checkout .accordionCont.checkoutstep-0{display:none;} .checkout .ModalitePaiement .total {font-size:12px;padding:0;} .checkout .ModalitePaiement .total span {font-size:12px;} .checkout .ModalitePaiement .paddBas {padding:0 0 30px;} .ModalitePaiement .mentionsbox p span, .ModalitePaiement .mentionsbox p { color: #000; font-size: 12px; } .checkout .ModalitePaiement .loi, .checkout .ModalitePaiement .moreMention p{ font-size:10px; } .mentionsbox .moreMention{padding:0;} .checkout .memberNo fieldset, #crercompte.cont-form fieldset {margin:0 0 30px;} .checkoutRight .recap {display:none !important;} .checkoutRight .recapCommande {display:block !important;} .checkout div.checkbox div.checker {width:26px;height:26px;padding-right:6px;} .checkout .spanLabel{float:left;width:80%;font-size: 12px;line-height: 14px;padding-top:6px} .checkout .paiment-options .radio{display:none;} .checkout .ModalitePaiement .paiment-options label {margin: 0 4px 4px 0;border:2px solid transparent;} .checkout .ModalitePaiement .paiment-options label.active{border:2px solid #9e9e9e;} .checkout .checkoutLeft {width:100%;float:none;} .checkoutRight .recapCommande h4{background:#f5f5f5;display:block !important;font-family:citroenbold;font-size:12px;min-height:20px;line-height:20px;padding:20px;} .checkoutRight .recapCommande h4 br{display:none;} .checkoutRight .recapCommande ul{padding:0 20px;} .checkoutRight .recap.done h4{margin:0;} .checkoutRight .recap.open h4{margin:0 0 14px;} .checkoutRight .recap ul li.total span {color:#000000;font-size: 16px;font-weight:bold;} .checkoutRight .recap ul li.total span.price {color:#dc002e;font-size: 18px;font-weight:bold;} .checkoutRight .recap ul li.promo span{color:#ff931e;} .checkoutRight .recap ul li span {font-size: 16px;} .checkoutRight .recap ul li span.price {font-size: 18px;} .checkoutRight .recap {display:block !important;margin:0 20px 5px;} .checkoutRight .recap.done {padding: 14px 14px 10px;} .checkoutRight .recap.done .edit.plus{ -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .checkoutRight .recap.done .edit.mobileOnly{display:inline;margin-top:8px;} .checkoutRight .recap.recapCommande {padding:0 0 34px;margin:0;} .checkout .accordionCont.step_done > h3 span.nbrEtape, .checkout .accordionCont#current-accordion > h3 span.nbrEtape, .checkout .accordionCont > h3 span.nbrEtape {top:18px;} /*************************/ @media all and (max-width: 360px){ .checkout .spanLabel{ padding-top:0} } .checkout div.checkbox div.checker span {width:26px;height:26px;background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/bg/bg_checkbox_mobile_26.png) 0px top no-repeat;} .checkout div.checkbox div.checker.hover.active span, .checkout div.checkbox div.checker span.checked, .checkout div.checkbox div.checker.focus.active span {background-position: left bottom;} .checkout div.checkbox div.checker span input {width:26px;height:26px;} .checkout .address-add div.checkbox label {padding:0;display:block;} .checkout #address_facturation .field span.error, .checkout #address_livraison .field span.error {margin-left:0;} .cont-form .pays span.error {background:none;bottom:0;left:0;position:relative;width:auto;margin:0 0 0 -10px !important;} .chooseDelivery ul {width: 100%;margin-left:-0.2rem;position:relative;} .checkoutRight {float:none;width:auto;padding:0 0 43px;} .checkoutRight .recapCommande{padding:0;margin:0;background:transparent;} .checkoutRight .recapCommande h4, .checkoutRight .recapCommande .edit{display:none;} .checkoutRight .recap ul li.total {border-top:2px solid #bcbcbd;padding:10px 0 0;margin:0;} .checkoutRight .recap ul li span {font-size:0.16rem;color:#000;float:left;} .checkoutRight .recap ul li span.price, .checkoutRight .recap ul li.total span.price {font-size:0.19rem;} .ModalitePaiement .paiment-options .paiment-option {width: 43px;} .adressListItem > ul { float: left; width: 100px;} /* start page 404 et maintenace */ .pageExtrat .blockFixStandard {padding: 0.16rem 0.2rem;width: auto;} .pageExtrat .propoLien{width: 74%;} .mentionsbox .moreMention p{ line-height: 0.16rem;} /*evolution creer mon compte form en deux etapes*/ .enr{clear: both;display: block;float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .connecteursSociaux > span{margin:0 auto;} .connecteursSociaux p{float:none;clear:both;margin:0 0 10px;font-size:12px;text-align:center;} .connecterRs ul{width:100%;text-align:center;float:none;} .connecterRs ul li{display:inline-block;float:none;} .connecterRs ul li img{display:inline;} /* start page Plan du site */ .pageSiteMap .siteMap > li >a.toggleMap{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/flech-bas.png) right center no-repeat;} .pageSiteMap .siteMap > li >a.open{background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/images/flech-top.png) right center no-repeat;} .pageSiteMap h2:before {content:inherit} .pageSiteMap .blockFixStandard {padding: 10px 0;} .childMap{display: none;} .pageSiteMap .siteMap > li{padding-bottom: 0;float: none;} .pageSiteMap h2{padding:0 0.2rem;font-size: 20px;} /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/css/images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/css/images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/css/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../../bundles/produitsderives/gabarit/GAB_CITROEN/css/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* Debut Contenu Global Faq*/ .blockFixStandard {width:1000px;margin:0 auto;} .formulaireContact {width:100%;border-bottom:1px solid #cccccc;padding:0 0 45px 0;margin:0 0 34px 0;} .formulaireContact h1{margin-bottom: 16px;} .formulaireContact .topcontact{width:100%;border-bottom:solid 1px #cccccc;padding-bottom:35px;} .formulaireContact .topcontact p{border:none;padding:0px;font-family:'arial';font-size:1.25em;color:#848484;width:600px;margin-bottom:0;text-transform:none; } .formulaireContact h2{color:#dc002e;font-size:1.15em;font-family:'citroenregular';text-transform:uppercase;margin:14px 0 12px 0;} .formulaireContact p{border-bottom:solid 1px #cccccc;font-family:'arial';font-size:1.166em;color:#000000;text-transform:uppercase;padding:0 0 28px 0;} .formulaireContact form{width:624px;padding-top:4px;} .formulaireContact .field{width:100%;display:inline-block;padding-bottom:4px;} .formulaireContact form .field label {line-height: 32px;float:left;font-family:arial;font-size:12px;color:#000000;} .formulaireContact form .field input {height:30px;float:right;border:1px solid #cccccc;width:462px;font-family:arial;font-size:12px;color:#000000;} .formulaireContact form .field textarea {resize:none;height:172px;float:right;border:1px solid #cccccc;width:460px;max-width:460px;font-family:arial;font-size:12px;color:#000000;} .formulaireContact .btn-submit {margin-top:46px;float:right;padding:10px 30px 10px 30px;background:#dc002e;border: medium none;cursor: pointer;text-decoration: none;} .formulaireContact .btn-submit span{color:#ffffff;text-transform:uppercase;font-family: "citroenregular"; font-size: 1em;} .formulaireContact .texteObligatoire{float:right;color:#868686;font-family:arial;font-size:1em;margin-top:76px;width:338px} /*.faq h1{color:#dc002e;font-size:2.25em;font-family:'citroenregular';float: left;margin-bottom:18px;} .faq .separateurFaq {height:1px;width:100%;background:#cccccc;float:left;} .faq .openclose{margin-top:18px;padding:0 0 0 22px;float: right;font-family:'citroenregular';font-style:italic;font-size:1.1em;cursor:pointer;} .faq .openall{background:url(../images/bg/sprite.png) left -618px no-repeat;} .faq .closeall{background:url(../images/bg/sprite.png) left -640px no-repeat;} .faq .closetoggle{background:url("../images/bg/puce10.png") no-repeat scroll right 9px;} .faq .opentoggle{background:url("../images/bg/puce11.png") no-repeat scroll right 9px;} .faq .description{width:100%;border-bottom:solid 1px #cccccc;padding:10px 0 12px 0;float: left;} .faq .description a{font-size:1.15em;font-family:'citroenbold';display:block;padding-right:20px;} .faq .description .textReadMore{margin-top:12px;} .faq .description .textReadMore p{font-size:1em;font-family:'arial';margin:0 0 10px 0;} Fin Contenu Global Faq*/