@charset "UTF-8"; /* Welcome to Compass. * In this file you should write your main styles. (or centralize your imports) * Import this file using the following HTML or equivalent: * */ /* line 1, ../sass/_font.scss */ [class^="icon-bpce-"]:before, [class*=" icon-bpce-"]:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'bpce-icons'; src: url("../assets/themes/ccoop_theme/css/fonts/ccoopicons.eot"); src: url("../assets/themes/ccoop_theme/css/fonts/ccoopicons.eot?#iefix") format("embedded-opentype"), url("../assets/themes/ccoop_theme/css/fonts/ccoopicons.woff2") format("woff2"), url("../assets/themes/ccoop_theme/css/fonts/ccoopicons.woff") format("woff"), url("../assets/themes/ccoop_theme/css/fonts/ccoopicons.ttf") format("truetype"), url("../assets/themes/ccoop_theme/css/fonts/ccoopicons.svg#ccoopicons") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'extra1'; src: url("../assets/themes/ccoop_theme/css/fonts/intbdcn_-webfont.eot"); src: url("../assets/themes/ccoop_theme/css/fonts/intbdcn_-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/themes/ccoop_theme/css/fonts/intbdcn_-webfont.woff") format("woff"), url("../assets/themes/ccoop_theme/css/fonts/intbdcn_-webfont.ttf") format("truetype"), url("../assets/themes/ccoop_theme/css/fonts/intbdcn_-webfont.svg#intbdcn_-webfont") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'main'; src: url("../assets/themes/ccoop_theme/css/fonts/MyriadPro-Regular-webfont.eot"); src: url("../assets/themes/ccoop_theme/css/fonts/MyriadPro-Regular-webfont.eot") format("embedded-opentype"), url("../assets/themes/ccoop_theme/css/fonts/MyriadPro-Regular-webfont.woff") format("woff"), url("../assets/themes/ccoop_theme/css/fonts/MyriadPro-Regular-webfont.ttf") format("truetype"), url("../assets/themes/ccoop_theme/css/fonts/MyriadPro-Regular-webfont.svg#MyriadPro-Regular-webfont") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'main'; src: url("../assets/themes/ccoop_theme/css/fonts/myriadpro-it-webfont.eot"); src: url("../assets/themes/ccoop_theme/css/fonts/myriadpro-it-webfont.eot") format("embedded-opentype"), url("../assets/themes/ccoop_theme/css/fonts/myriadpro-it-webfont.woff") format("woff"), url("../assets/themes/ccoop_theme/css/fonts/myriadpro-it-webfont.ttf") format("truetype"), url("../assets/themes/ccoop_theme/css/fonts/myriadpro-it-webfont.svg#myriadpro-it-webfont") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: 'main'; src: url("../assets/themes/ccoop_theme/css/fonts/myriadpro-semibold-webfont.eot"); src: url("../assets/themes/ccoop_theme/css/fonts/myriadpro-semibold-webfont.eot") format("embedded-opentype"), url("../assets/themes/ccoop_theme/css/fonts/myriadpro-semibold-webfont.woff") format("woff"), url("../assets/themes/ccoop_theme/css/fonts/myriadpro-semibold-webfont.ttf") format("truetype"), url("../assets/themes/ccoop_theme/css/fonts/myriadpro-semibold-webfont.svg#myriadpro-semibold-webfont") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'main'; src: url("../assets/themes/ccoop_theme/css/fonts/myriadpro-bold-webfont.eot"); src: url("../assets/themes/ccoop_theme/css/fonts/myriadpro-bold-webfont.eot") format("embedded-opentype"), url("../assets/themes/ccoop_theme/css/fonts/myriadpro-bold-webfont.woff") format("woff"), url("../assets/themes/ccoop_theme/css/fonts/myriadpro-bold-webfont.ttf") format("truetype"), url("../assets/themes/ccoop_theme/css/fonts/myriadpro-bold-webfont.svg#myriadpro-bold-webfont") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'main'; src: url("../assets/themes/ccoop_theme/css/fonts/myriadpro-boldit-webfont.eot"); src: url("../assets/themes/ccoop_theme/css/fonts/myriadpro-boldit-webfont.eot") format("embedded-opentype"), url("../assets/themes/ccoop_theme/css/fonts/myriadpro-boldit-webfont.woff") format("woff"), url("../assets/themes/ccoop_theme/css/fonts/myriadpro-boldit-webfont.ttf") format("truetype"), url("../assets/themes/ccoop_theme/css/fonts/myriadpro-boldit-webfont.svg#myriadpro-boldit-webfont") format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: 'main_cond_bold'; src: url("../assets/themes/ccoop_theme/css/fonts/myriadpro-boldcond-webfont.eot"); src: url("../assets/themes/ccoop_theme/css/fonts/myriadpro-boldcond-webfont.eot") format("embedded-opentype"), url("../assets/themes/ccoop_theme/css/fonts/myriadpro-boldcond-webfont.woff") format("woff"), url("../assets/themes/ccoop_theme/css/fonts/myriadpro-boldcond-webfont.ttf") format("truetype"), url("../assets/themes/ccoop_theme/css/fonts/myriadpro-boldcond-webfont.svg#myriadpro-boldcond-webfont") format("svg"); font-weight: 400; font-style: normal; } /*rouge*/ /*violet (avant #77528A )*/ /*gris vert*/ /* line 63, ../sass/_mixin.scss */ .page-crossroads .push-offer .push-terms p { font-size: 15px; font-weight: 400; color: #373737; } /* line 108, ../sass/_mixin.scss */ .ezxmltext-field ul li, .section-resume .resume ul li, .section-easy-access ul li, body, .tooltip, .section-main-push .main-push-wrapper .price-bloc .main-push-mentions, .block-pushes .push-content p, .ezxmltext-field pre, .section-resume .resume pre, .section-table td, .ezxmltext-field table td, .modal .modal-header .modal-subtitle, #pauth .modal-content .link-area a, #pauth .modal-body .fishing .title + p, #pauth .modal-body .push p, #pauth .modal-body .fishing small, #pauth .modal-body .push small, #pauth .modal-body .accessibility .title + p, #pauth .modal-body .accessibility .header + p, #pauth .modal-body .accessibility .confirm-wrapper p, #pauth .modal-body .main-content .main-title, #pauth .modal-body .current-client .main-label { font-size: 14px; } @media screen and (max-width: 767px) { /* line 108, ../sass/_mixin.scss */ .ezxmltext-field ul li, .section-resume .resume ul li, .section-easy-access ul li, body, .tooltip, .section-main-push .main-push-wrapper .price-bloc .main-push-mentions, .block-pushes .push-content p, .ezxmltext-field pre, .section-resume .resume pre, .section-table td, .ezxmltext-field table td, .modal .modal-header .modal-subtitle, #pauth .modal-content .link-area a, #pauth .modal-body .fishing .title + p, #pauth .modal-body .push p, #pauth .modal-body .fishing small, #pauth .modal-body .push small, #pauth .modal-body .accessibility .title + p, #pauth .modal-body .accessibility .header + p, #pauth .modal-body .accessibility .confirm-wrapper p, #pauth .modal-body .main-content .main-title, #pauth .modal-body .current-client .main-label { font-size: 15px; } } /*SOULIGNER UN SPAN au HOVER et pas le :AFTER*/ /*PLACHOLDER*/ /*BUTTONS*/ /* line 143, ../sass/_mixin.scss */ #main > .container > section .push-image .push-content .btn-container .cta, #main > .container > section .push-image .push-content .btn-container #pauth .cta-second, #pauth #main > .container > section .push-image .push-content .btn-container .cta-second, #main > .container > section .cta, #main > .container > section .cta-second, #main > section.contact .cta, #main > section.contact .cta-second, #main .section-images-content .row.push-media.small-content .cta, #main .section-images-content .row.push-media.small-content #pauth .cta-second, #pauth #main .section-images-content .row.push-media.small-content .cta-second, #main .section-images-content .row.push-media.media-right.small-content .cta, #main .section-images-content .row.push-media.small-content .col-xs-12 .cta, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .cta, #pauth .modal-body .cta-second.clear-password, #pauth .modal-body .cta-second.back, #pauth .modal-body .section-pro button.cta-second, .page-contact-confirmation #main .confirmation-content .confirmation-action a, .dei-rebound .btn, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .offers-link, .section-faq .questions .content-link, .product-page .header-fix .actions .back-top, .section-images-content .push-media.multi-offers .inner .actions .cta, .account-link a, .cta, #main .push-image .push-content .cta, #pauth .cta, #pauth .cta-second, #main > .container > section .cta.subscribe, #main > .container > section #pauth .subscribe.cta-second, #pauth #main > .container > section .subscribe.cta-second, #main > .container > section .cta[title='subscribe'], #main > .container > section #pauth [title='subscribe'].cta-second, #pauth #main > .container > section [title='subscribe'].cta-second, #main > .container > section .cta[data-tootlip-content=".tooltip-subscribe"], #main > .container > section #pauth [data-tootlip-content=".tooltip-subscribe"].cta-second, #pauth #main > .container > section [data-tootlip-content=".tooltip-subscribe"].cta-second, #main > .container > section button[type='submit'], #header .container .contact-wrapper .cta, #header .container .contact-wrapper #pauth .cta-second, #pauth #header .container .contact-wrapper .cta-second, .page-contact #main section.contact-number .cta, .page-contact #main section.contact-number #pauth .cta-second, #pauth .page-contact #main section.contact-number .cta-second, .page-contact #main section.main-contact .contact-informations .actions a, .page-contact.logged #main section.main-contact .contact-informations .actions a, #main > .container > section .layer-scheduler .scheduler-actions button.cta, #main > .container > section .layer-scheduler .scheduler-actions #pauth button.cta-second, #pauth #main > .container > section .layer-scheduler .scheduler-actions button.cta-second { background: #c8121A none !important; border: 0 none; /*display: inline-block; *display: inline; *zoom: 1;*/ position: relative; z-index: 50; height: auto !important; padding: 10px 15px 10px 15px !important; letter-spacing: 1px; vertical-align: middle; position: relative; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; /*white-space: nowrap;*/ -webkit-filter: none !important; filter: none !important; /*&:before { display: inline-block; *display: inline; *zoom: 1; }*/ } /* line 161, ../sass/_mixin.scss */ #main > .container > section .push-image .push-content .btn-container .cta:focus, #main > .container > section .push-image .push-content .btn-container #pauth .cta-second:focus, #pauth #main > .container > section .push-image .push-content .btn-container .cta-second:focus, #main > .container > section .cta:focus, #main > .container > section .cta-second:focus, #main > section.contact .cta:focus, #main > section.contact .cta-second:focus, #main .section-images-content .row.push-media.small-content .cta:focus, #main .section-images-content .row.push-media.small-content #pauth .cta-second:focus, #pauth #main .section-images-content .row.push-media.small-content .cta-second:focus, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .cta:focus, #pauth .modal-body .cta-second.clear-password:focus, #pauth .modal-body .cta-second.back:focus, #pauth .modal-body .section-pro button.cta-second:focus, .page-contact-confirmation #main .confirmation-content .confirmation-action a:focus, .dei-rebound .btn:focus, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .offers-link:focus, .section-faq .questions .content-link:focus, .product-page .header-fix .actions .back-top:focus, .section-images-content .push-media.multi-offers .inner .actions .cta:focus, .account-link a:focus, .cta:focus, #main .push-image .push-content .cta:focus, #pauth .cta:focus, #pauth .cta-second:focus, #main > .container > section button[type='submit']:focus, #header .container .contact-wrapper .cta:focus, #header .container .contact-wrapper #pauth .cta-second:focus, #pauth #header .container .contact-wrapper .cta-second:focus, .page-contact #main section.contact-number .cta:focus, .page-contact #main section.contact-number #pauth .cta-second:focus, #pauth .page-contact #main section.contact-number .cta-second:focus, .page-contact #main section.main-contact .contact-informations .actions a:focus, #main > .container > section .layer-scheduler .scheduler-actions button.cta:focus, #main > .container > section .layer-scheduler .scheduler-actions #pauth button.cta-second:focus, #pauth #main > .container > section .layer-scheduler .scheduler-actions button.cta-second:focus, #main > .container > section .push-image .push-content .btn-container .cta:hover, #main > .container > section .push-image .push-content .btn-container #pauth .cta-second:hover, #pauth #main > .container > section .push-image .push-content .btn-container .cta-second:hover, #main > .container > section .cta:hover, #main > .container > section .cta-second:hover, #main > section.contact .cta:hover, #main > section.contact .cta-second:hover, #main .section-images-content .row.push-media.small-content .cta:hover, #main .section-images-content .row.push-media.small-content #pauth .cta-second:hover, #pauth #main .section-images-content .row.push-media.small-content .cta-second:hover, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .cta:hover, #pauth .modal-body .cta-second.clear-password:hover, #pauth .modal-body .cta-second.back:hover, #pauth .modal-body .section-pro button.cta-second:hover, .page-contact-confirmation #main .confirmation-content .confirmation-action a:hover, .dei-rebound .btn:hover, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .offers-link:hover, .section-faq .questions .content-link:hover, .product-page .header-fix .actions .back-top:hover, .section-images-content .push-media.multi-offers .inner .actions .cta:hover, .account-link a:hover, .cta:hover, #main .push-image .push-content .cta:hover, #pauth .cta:hover, #pauth .cta-second:hover, #main > .container > section button[type='submit']:hover, #header .container .contact-wrapper .cta:hover, #header .container .contact-wrapper #pauth .cta-second:hover, #pauth #header .container .contact-wrapper .cta-second:hover, .page-contact #main section.contact-number .cta:hover, .page-contact #main section.contact-number #pauth .cta-second:hover, #pauth .page-contact #main section.contact-number .cta-second:hover, .page-contact #main section.main-contact .contact-informations .actions a:hover, #main > .container > section .layer-scheduler .scheduler-actions button.cta:hover, #main > .container > section .layer-scheduler .scheduler-actions #pauth button.cta-second:hover, #pauth #main > .container > section .layer-scheduler .scheduler-actions button.cta-second:hover { background: none; /*background-color: $color1_darker !important;*/ background-color: #373737 !important; outline: transparent; -webkit-filter: none !important; filter: none !important; } /* line 174, ../sass/_mixin.scss */ #main > .container > section .push-image .push-content .btn-container .cta:after, #main > .container > section .push-image .push-content .btn-container #pauth .cta-second:after, #pauth #main > .container > section .push-image .push-content .btn-container .cta-second:after, #main > .container > section .cta:after, #main > .container > section .cta-second:after, #main > section.contact .cta:after, #main > section.contact .cta-second:after, #main .section-images-content .row.push-media.small-content .cta:after, #main .section-images-content .row.push-media.small-content #pauth .cta-second:after, #pauth #main .section-images-content .row.push-media.small-content .cta-second:after, #main .section-images-content .row.push-media.media-right.small-content .cta:after, #main .section-images-content .row.push-media.small-content .col-xs-12 .cta:after, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .cta:after, #pauth .modal-body .cta-second.clear-password:after, #pauth .modal-body .cta-second.back:after, #pauth .modal-body .section-pro button.cta-second:after, .page-contact-confirmation #main .confirmation-content .confirmation-action a:after, .dei-rebound .btn:after, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .offers-link:after, .section-faq .questions .content-link:after, .product-page .header-fix .actions .back-top:after, .section-images-content .push-media.multi-offers .inner .actions .cta:after, .account-link a:after, .cta:after, #main .push-image .push-content .cta:after, #pauth .cta:after, #pauth .cta-second:after, #main > .container > section .cta.subscribe:after, #main > .container > section #pauth .subscribe.cta-second:after, #pauth #main > .container > section .subscribe.cta-second:after, #main > .container > section .cta[title='subscribe']:after, #main > .container > section #pauth [title='subscribe'].cta-second:after, #pauth #main > .container > section [title='subscribe'].cta-second:after, #main > .container > section .cta[data-tootlip-content=".tooltip-subscribe"]:after, #main > .container > section #pauth [data-tootlip-content=".tooltip-subscribe"].cta-second:after, #pauth #main > .container > section [data-tootlip-content=".tooltip-subscribe"].cta-second:after, #main > .container > section button[type='submit']:after, #header .container .contact-wrapper .cta:after, #header .container .contact-wrapper #pauth .cta-second:after, #pauth #header .container .contact-wrapper .cta-second:after, .page-contact #main section.contact-number .cta:after, .page-contact #main section.contact-number #pauth .cta-second:after, #pauth .page-contact #main section.contact-number .cta-second:after, .page-contact #main section.main-contact .contact-informations .actions a:after, .page-contact.logged #main section.main-contact .contact-informations .actions a:after, #main > .container > section .layer-scheduler .scheduler-actions button.cta:after, #main > .container > section .layer-scheduler .scheduler-actions #pauth button.cta-second:after, #pauth #main > .container > section .layer-scheduler .scheduler-actions button.cta-second:after { display: inline-block; } /* line 181, ../sass/_mixin.scss */ #main > .container > section .push-image .push-content .btn-container .cta:hover, #main > .container > section .push-image .push-content .btn-container #pauth .cta-second:hover, #pauth #main > .container > section .push-image .push-content .btn-container .cta-second:hover { background: #373737 !important; } /* line 186, ../sass/_mixin.scss */ #main > .container > section .push-image .push-content .btn-container .cta, #main > .container > section .push-image .push-content .btn-container #pauth .cta-second, #pauth #main > .container > section .push-image .push-content .btn-container .cta-second, #main > .container > section .cta, #main > .container > section .cta-second, #main > section.contact .cta, #main > section.contact .cta-second, #main .section-images-content .row.push-media.small-content .cta, #main .section-images-content .row.push-media.small-content #pauth .cta-second, #pauth #main .section-images-content .row.push-media.small-content .cta-second, #main .section-images-content .row.push-media.media-right.small-content .cta, #main .section-images-content .row.push-media.small-content .col-xs-12 .cta, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .cta, #pauth .modal-body .cta-second.clear-password, #pauth .modal-body .cta-second.back, #pauth .modal-body .section-pro button.cta-second, .page-contact-confirmation #main .confirmation-content .confirmation-action a, .dei-rebound .btn, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .offers-link, .section-faq .questions .content-link, .product-page .header-fix .actions .back-top, .section-images-content .push-media.multi-offers .inner .actions .cta, .account-link a, .cta, #main .push-image .push-content .cta, #pauth .cta, #pauth .cta-second, #main > .container > section .cta.subscribe, #main > .container > section #pauth .subscribe.cta-second, #pauth #main > .container > section .subscribe.cta-second, #main > .container > section .cta[title='subscribe'], #main > .container > section #pauth [title='subscribe'].cta-second, #pauth #main > .container > section [title='subscribe'].cta-second, #main > .container > section .cta[data-tootlip-content=".tooltip-subscribe"], #main > .container > section #pauth [data-tootlip-content=".tooltip-subscribe"].cta-second, #pauth #main > .container > section [data-tootlip-content=".tooltip-subscribe"].cta-second, #main > .container > section button[type='submit'], #header .container .contact-wrapper .cta, #header .container .contact-wrapper #pauth .cta-second, #pauth #header .container .contact-wrapper .cta-second, .page-contact #main section.contact-number .cta, .page-contact #main section.contact-number #pauth .cta-second, #pauth .page-contact #main section.contact-number .cta-second, .page-contact #main section.main-contact .contact-informations .actions a, .page-contact.logged #main section.main-contact .contact-informations .actions a, #main > .container > section .layer-scheduler .scheduler-actions button.cta, #main > .container > section .layer-scheduler .scheduler-actions #pauth button.cta-second, #pauth #main > .container > section .layer-scheduler .scheduler-actions button.cta-second { color: #ffffff; font-size: 14px !important; font-family: 'extra1'; text-transform: uppercase; font-weight: normal; text-align: center !important; line-height: 16px !important; cursor: pointer; /*&:focus, &:hover { background: $color_dark none !important; color:#fff; }*/ } /* line 201, ../sass/_mixin.scss */ #main > .container > section .push-image .push-content .btn-container .cta:after, #main > .container > section .push-image .push-content .btn-container #pauth .cta-second:after, #pauth #main > .container > section .push-image .push-content .btn-container .cta-second:after, #main > .container > section .cta:after, #main > .container > section .cta-second:after, #main > section.contact .cta:after, #main > section.contact .cta-second:after, #main .section-images-content .row.push-media.small-content .cta:after, #main .section-images-content .row.push-media.small-content #pauth .cta-second:after, #pauth #main .section-images-content .row.push-media.small-content .cta-second:after, #main .section-images-content .row.push-media.media-right.small-content .cta:after, #main .section-images-content .row.push-media.small-content .col-xs-12 .cta:after, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .cta:after, #pauth .modal-body .cta-second.clear-password:after, #pauth .modal-body .cta-second.back:after, #pauth .modal-body .section-pro button.cta-second:after, .page-contact-confirmation #main .confirmation-content .confirmation-action a:after, .dei-rebound .btn:after, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .offers-link:after, .section-faq .questions .content-link:after, .product-page .header-fix .actions .back-top:after, .section-images-content .push-media.multi-offers .inner .actions .cta:after, .account-link a:after, .cta:after, #main .push-image .push-content .cta:after, #pauth .cta:after, #pauth .cta-second:after, #main > .container > section .cta.subscribe:after, #main > .container > section #pauth .subscribe.cta-second:after, #pauth #main > .container > section .subscribe.cta-second:after, #main > .container > section .cta[title='subscribe']:after, #main > .container > section #pauth [title='subscribe'].cta-second:after, #pauth #main > .container > section [title='subscribe'].cta-second:after, #main > .container > section .cta[data-tootlip-content=".tooltip-subscribe"]:after, #main > .container > section #pauth [data-tootlip-content=".tooltip-subscribe"].cta-second:after, #pauth #main > .container > section [data-tootlip-content=".tooltip-subscribe"].cta-second:after, #main > .container > section button[type='submit']:after, #header .container .contact-wrapper .cta:after, #header .container .contact-wrapper #pauth .cta-second:after, #pauth #header .container .contact-wrapper .cta-second:after, .page-contact #main section.contact-number .cta:after, .page-contact #main section.contact-number #pauth .cta-second:after, #pauth .page-contact #main section.contact-number .cta-second:after, .page-contact #main section.main-contact .contact-informations .actions a:after, .page-contact.logged #main section.main-contact .contact-informations .actions a:after, #main > .container > section .layer-scheduler .scheduler-actions button.cta:after, #main > .container > section .layer-scheduler .scheduler-actions #pauth button.cta-second:after, #pauth #main > .container > section .layer-scheduler .scheduler-actions button.cta-second:after, .cta_after, .cta-second:after, #header .container .account-link a::before { font-size: 15px; font-family: "bpce-icons"; /*height: 10px !important;*/ /*line-height: 40px !important;*/ line-height: 15px !important; position: static; text-align: center; margin-left: 5px; vertical-align: bottom; } /* line 213, ../sass/_mixin.scss */ #main > .container > section .cta, #main > .container > section .push-image .push-content .cta, #main > .container > section .cta-second, #main > section.contact .cta, #main > section.contact .push-image .push-content .cta, #main > section.contact .cta-second, #main .section-images-content .row.push-media.small-content .cta, #main .section-images-content .row.push-media.small-content #pauth .cta-second, #pauth #main .section-images-content .row.push-media.small-content .cta-second, #main .section-images-content .row.push-media.media-right.small-content .cta, #main .section-images-content .row.push-media.small-content .col-xs-12 .cta, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .cta, #pauth .modal-body .cta-second.clear-password, #pauth .modal-body .cta-second.back, #pauth .modal-body .section-pro button.cta-second, .page-contact-confirmation #main .confirmation-content .confirmation-action a, .dei-rebound .btn, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .offers-link, .section-faq .questions .content-link, .product-page .header-fix .actions .back-top, .section-images-content .push-media.multi-offers .inner .actions .cta, .section-images-content .push-media.multi-offers .inner .actions #main .push-image .push-content .cta, #main .push-image .push-content .section-images-content .push-media.multi-offers .inner .actions .cta, .section-images-content .push-media.multi-offers .inner .actions #pauth .cta, #pauth .section-images-content .push-media.multi-offers .inner .actions .cta, .section-images-content .push-media.multi-offers .inner .actions #pauth .cta-second, #pauth .section-images-content .push-media.multi-offers .inner .actions .cta-second { color: #373737; background: transparent none !important; border: 2px solid #373737; padding: 8px 15px 8px 15px !important; } /* line 219, ../sass/_mixin.scss */ #main > .container > section .cta:hover, #main > .container > section .cta-second:hover, #main > .container > section .cta:focus, #main > .container > section .cta-second:focus, #main > section.contact .cta:hover, #main > section.contact .cta-second:hover, #main .section-images-content .row.push-media.small-content .cta:hover, #main .section-images-content .row.push-media.small-content #pauth .cta-second:hover, #pauth #main .section-images-content .row.push-media.small-content .cta-second:hover, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .cta:hover, #pauth .modal-body .cta-second.clear-password:hover, #pauth .modal-body .cta-second.back:hover, #pauth .modal-body .section-pro button.cta-second:hover, .page-contact-confirmation #main .confirmation-content .confirmation-action a:hover, .dei-rebound .btn:hover, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .offers-link:hover, .section-faq .questions .content-link:hover, .product-page .header-fix .actions .back-top:hover, .section-images-content .push-media.multi-offers .inner .actions .cta:hover, .section-images-content .push-media.multi-offers .inner .actions #main .push-image .push-content .cta:hover, #main .push-image .push-content .section-images-content .push-media.multi-offers .inner .actions .cta:hover, .section-images-content .push-media.multi-offers .inner .actions #pauth .cta:hover, #pauth .section-images-content .push-media.multi-offers .inner .actions .cta:hover, .section-images-content .push-media.multi-offers .inner .actions #pauth .cta-second:hover, #pauth .section-images-content .push-media.multi-offers .inner .actions .cta-second:hover { color: #fff; background: #373737 !important; } /* line 226, ../sass/_mixin.scss */ #main > .container > section .cta:after, #main > .container > section .push-image .push-content .cta:after, #main > .container > section .cta-second:after, #main > section.contact .cta:after, #main > section.contact .push-image .push-content .cta:after, #main > section.contact .cta-second:after, #main .section-images-content .row.push-media.small-content .cta:after, #main .section-images-content .row.push-media.small-content #pauth .cta-second:after, #pauth #main .section-images-content .row.push-media.small-content .cta-second:after, #main .section-images-content .row.push-media.media-right.small-content .cta:after, #main .section-images-content .row.push-media.small-content .col-xs-12 .cta:after, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .cta:after, #pauth .modal-body .cta-second.clear-password:after, #pauth .modal-body .cta-second.back:after, #pauth .modal-body .section-pro button.cta-second:after, .page-contact-confirmation #main .confirmation-content .confirmation-action a:after, #main > .container > section .cta:before, #main > .container > section .push-image .push-content .cta:before, #main > .container > section .cta-second:before, #main > section.contact .cta:before, #main > section.contact .push-image .push-content .cta:before, #main > section.contact .cta-second:before, #main .section-images-content .row.push-media.small-content .cta:before, #main .section-images-content .row.push-media.small-content #pauth .cta-second:before, #pauth #main .section-images-content .row.push-media.small-content .cta-second:before, #main .section-images-content .row.push-media.media-right.small-content .cta:before, #main .section-images-content .row.push-media.small-content .col-xs-12 .cta:before, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .cta:before, #pauth .modal-body .cta-second.clear-password:before, #pauth .modal-body .cta-second.back:before, #pauth .modal-body .section-pro button.cta-second:before, .page-contact-confirmation #main .confirmation-content .confirmation-action a:before { display: none; } /* line 233, ../sass/_mixin.scss */ .dei-rebound .btn:after { display: none; } /* line 236, ../sass/_mixin.scss */ .dei-rebound .btn:before { content: "\e609"; font-size: 15px; font-family: "bpce-icons"; /*height: 10px !important;*/ /*line-height: 40px !important;*/ line-height: 15px !important; position: static; text-align: center; margin-right: 5px; vertical-align: bottom; } /* line 249, ../sass/_mixin.scss */ #header .container .devenir-client a { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 251, ../sass/_mixin.scss */ #header .container .devenir-client a:after { display: none; } /* line 254, ../sass/_mixin.scss */ #header .container .devenir-client a:before { content: "\e608"; font-size: 15px; font-family: "bpce-icons"; line-height: 15px !important; position: static; text-align: center; margin-right: 0; vertical-align: bottom; } /* line 266, ../sass/_mixin.scss */ .multi-offers .small-offer .cta, .multi-offers .small-offer #main .push-image .push-content .cta, #main .push-image .push-content .multi-offers .small-offer .cta, .multi-offers .small-offer #pauth .cta, #pauth .multi-offers .small-offer .cta, .multi-offers .small-offer #pauth .cta-second, #pauth .multi-offers .small-offer .cta-second, .push-basic .btn, .cta-small, #pauth .modal-body .section-pro .section-password a, #pauth .modal-body .section-pro .section-certificat.in a, #pauth .modal-body .section-pro .section-card.in a, #pauth .modal-body .account-select li span.icon-bpce-arrow-right, .page-crossroads .block-pushes.block-needs .block-footer a, .page-crossroads .block-pushes.block-needs .pushs-footer a, .product-page .link-next, #main .link-next, #main .big-push-offers .cta-container .cta, #main .big-push-offers .cta-container #pauth .cta-second, #pauth #main .big-push-offers .cta-container .cta-second, #main a.big-push-offers .cta-container .cta, .single-offer .cta, .single-offer #main .push-image .push-content .cta, #main .push-image .push-content .single-offer .cta, .single-offer #pauth .cta, #pauth .single-offer .cta, .single-offer #pauth .cta-second, #pauth .single-offer .cta-second, #main .push-tools .btn-container .cta.button, #main .push-tools .btn-container #pauth .button.cta-second, #pauth #main .push-tools .btn-container .button.cta-second, .section-table .footer td a, .ezxmltext-field table .footer td a, #main > .container .section-map .cta, #main > .container .section-map #pauth .cta-second, #pauth #main > .container .section-map .cta-second, .page-contact .services .push-link.icon-bpce-arrow-right { background: none !important; border: none !important; display: inline-block; *display: inline; *zoom: 1; font-size: 12px !important; text-align: left !important; line-height: 12px !important; height: auto !important; min-height: 0 !important; padding: 0 0 0 10px !important; vertical-align: middle; position: relative; width: auto; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; /*white-space: nowrap;*/ -webkit-filter: none !important; filter: none !important; } /* line 287, ../sass/_mixin.scss */ .multi-offers .small-offer .cta:focus, .multi-offers .small-offer #main .push-image .push-content .cta:focus, #main .push-image .push-content .multi-offers .small-offer .cta:focus, .multi-offers .small-offer #pauth .cta:focus, #pauth .multi-offers .small-offer .cta:focus, .multi-offers .small-offer #pauth .cta-second:focus, #pauth .multi-offers .small-offer .cta-second:focus, .push-basic .btn:focus, .cta-small:focus, #pauth .modal-body .section-pro .section-password a:focus, #pauth .modal-body .section-pro .section-certificat.in a:focus, #pauth .modal-body .section-pro .section-card.in a:focus, #pauth .modal-body .account-select li span.icon-bpce-arrow-right:focus, .page-crossroads .block-pushes.block-needs .block-footer a:focus, .page-crossroads .block-pushes.block-needs .pushs-footer a:focus, .product-page .link-next:focus, #main .link-next:focus, #main .big-push-offers .cta-container .cta:focus, #main .big-push-offers .cta-container #pauth .cta-second:focus, #pauth #main .big-push-offers .cta-container .cta-second:focus, .single-offer .cta:focus, .single-offer #main .push-image .push-content .cta:focus, #main .push-image .push-content .single-offer .cta:focus, .single-offer #pauth .cta:focus, #pauth .single-offer .cta:focus, .single-offer #pauth .cta-second:focus, #pauth .single-offer .cta-second:focus, #main .push-tools .btn-container .cta.button:focus, #main .push-tools .btn-container #pauth .button.cta-second:focus, #pauth #main .push-tools .btn-container .button.cta-second:focus, .section-table .footer td a:focus, .ezxmltext-field table .footer td a:focus, #main > .container .section-map .cta:focus, #main > .container .section-map #pauth .cta-second:focus, #pauth #main > .container .section-map .cta-second:focus, .page-contact .services .push-link.icon-bpce-arrow-right:focus, .multi-offers .small-offer .cta:hover, .multi-offers .small-offer #main .push-image .push-content .cta:hover, #main .push-image .push-content .multi-offers .small-offer .cta:hover, .multi-offers .small-offer #pauth .cta:hover, #pauth .multi-offers .small-offer .cta:hover, .multi-offers .small-offer #pauth .cta-second:hover, #pauth .multi-offers .small-offer .cta-second:hover, .push-basic .btn:hover, .cta-small:hover, #pauth .modal-body .section-pro .section-password a:hover, #pauth .modal-body .section-pro .section-certificat.in a:hover, #pauth .modal-body .section-pro .section-card.in a:hover, #pauth .modal-body .account-select li span.icon-bpce-arrow-right:hover, .page-crossroads .block-pushes.block-needs .block-footer a:hover, .page-crossroads .block-pushes.block-needs .pushs-footer a:hover, .product-page .link-next:hover, #main .link-next:hover, #main .big-push-offers .cta-container .cta:hover, #main .big-push-offers .cta-container #pauth .cta-second:hover, #pauth #main .big-push-offers .cta-container .cta-second:hover, .single-offer .cta:hover, .single-offer #main .push-image .push-content .cta:hover, #main .push-image .push-content .single-offer .cta:hover, .single-offer #pauth .cta:hover, #pauth .single-offer .cta:hover, .single-offer #pauth .cta-second:hover, #pauth .single-offer .cta-second:hover, #main .push-tools .btn-container .cta.button:hover, #main .push-tools .btn-container #pauth .button.cta-second:hover, #pauth #main .push-tools .btn-container .button.cta-second:hover, .section-table .footer td a:hover, .ezxmltext-field table .footer td a:hover, #main > .container .section-map .cta:hover, #main > .container .section-map #pauth .cta-second:hover, #pauth #main > .container .section-map .cta-second:hover, .page-contact .services .push-link.icon-bpce-arrow-right:hover { background: none !important; outline: transparent; -webkit-filter: none !important; filter: none !important; } /* line 293, ../sass/_mixin.scss */ .multi-offers .small-offer .cta:before, .multi-offers .small-offer #main .push-image .push-content .cta:before, #main .push-image .push-content .multi-offers .small-offer .cta:before, .multi-offers .small-offer #pauth .cta:before, #pauth .multi-offers .small-offer .cta:before, .multi-offers .small-offer #pauth .cta-second:before, #pauth .multi-offers .small-offer .cta-second:before, .push-basic .btn:before, .cta-small:before, #pauth .modal-body .section-pro .section-password a:before, #pauth .modal-body .section-pro .section-certificat.in a:before, #pauth .modal-body .section-pro .section-card.in a:before, #pauth .modal-body .account-select li span.icon-bpce-arrow-right:before, .page-crossroads .block-pushes.block-needs .block-footer a:before, .page-crossroads .block-pushes.block-needs .pushs-footer a:before, .product-page .link-next:before, #main .link-next:before, #main .big-push-offers .cta-container .cta:before, #main .big-push-offers .cta-container #pauth .cta-second:before, #pauth #main .big-push-offers .cta-container .cta-second:before, .single-offer .cta:before, .single-offer #main .push-image .push-content .cta:before, #main .push-image .push-content .single-offer .cta:before, .single-offer #pauth .cta:before, #pauth .single-offer .cta:before, .single-offer #pauth .cta-second:before, #pauth .single-offer .cta-second:before, #main .push-tools .btn-container .cta.button:before, #main .push-tools .btn-container #pauth .button.cta-second:before, #pauth #main .push-tools .btn-container .button.cta-second:before, .section-table .footer td a:before, .ezxmltext-field table .footer td a:before, #main > .container .section-map .cta:before, #main > .container .section-map #pauth .cta-second:before, #pauth #main > .container .section-map .cta-second:before, .page-contact .services .push-link.icon-bpce-arrow-right:before { content: ""; display: block !important; position: absolute; left: 0; top: 1px; width: 10px; height: 12px; border: 4.5px solid transparent; width: 0; height: 0; /*equilateral*/ border-left: 5.5px solid #000; border-right-width: 0; } /* line 303, ../sass/_mixin.scss */ .multi-offers .small-offer .cta:hover, .multi-offers .small-offer #main .push-image .push-content .cta:hover, #main .push-image .push-content .multi-offers .small-offer .cta:hover, .multi-offers .small-offer #pauth .cta:hover, #pauth .multi-offers .small-offer .cta:hover, .multi-offers .small-offer #pauth .cta-second:hover, #pauth .multi-offers .small-offer .cta-second:hover, .push-basic .btn:hover, .cta-small:hover, #pauth .modal-body .section-pro .section-password a:hover, #pauth .modal-body .section-pro .section-certificat.in a:hover, #pauth .modal-body .section-pro .section-card.in a:hover, #pauth .modal-body .account-select li span.icon-bpce-arrow-right:hover, .page-crossroads .block-pushes.block-needs .block-footer a:hover, .page-crossroads .block-pushes.block-needs .pushs-footer a:hover, .product-page .link-next:hover, #main .link-next:hover, #main .big-push-offers .cta-container .cta:hover, #main .big-push-offers .cta-container #pauth .cta-second:hover, #pauth #main .big-push-offers .cta-container .cta-second:hover, .single-offer .cta:hover, .single-offer #main .push-image .push-content .cta:hover, #main .push-image .push-content .single-offer .cta:hover, .single-offer #pauth .cta:hover, #pauth .single-offer .cta:hover, .single-offer #pauth .cta-second:hover, #pauth .single-offer .cta-second:hover, #main .push-tools .btn-container .cta.button:hover, #main .push-tools .btn-container #pauth .button.cta-second:hover, #pauth #main .push-tools .btn-container .button.cta-second:hover, .section-table .footer td a:hover, .ezxmltext-field table .footer td a:hover, #main > .container .section-map .cta:hover, #main > .container .section-map #pauth .cta-second:hover, #pauth #main > .container .section-map .cta-second:hover, .page-contact .services .push-link.icon-bpce-arrow-right:hover { color: #373737; } /* line 306, ../sass/_mixin.scss */ .multi-offers .small-offer .cta:after, .multi-offers .small-offer #main .push-image .push-content .cta:after, #main .push-image .push-content .multi-offers .small-offer .cta:after, .multi-offers .small-offer #pauth .cta:after, #pauth .multi-offers .small-offer .cta:after, .multi-offers .small-offer #pauth .cta-second:after, #pauth .multi-offers .small-offer .cta-second:after, .push-basic .btn:after, .cta-small:after, #pauth .modal-body .section-pro .section-password a:after, #pauth .modal-body .section-pro .section-certificat.in a:after, #pauth .modal-body .section-pro .section-card.in a:after, #pauth .modal-body .account-select li span.icon-bpce-arrow-right:after, .page-crossroads .block-pushes.block-needs .block-footer a:after, .page-crossroads .block-pushes.block-needs .pushs-footer a:after, .product-page .link-next:after, #main .link-next:after, #main .big-push-offers .cta-container .cta:after, #main .big-push-offers .cta-container #pauth .cta-second:after, #pauth #main .big-push-offers .cta-container .cta-second:after, .single-offer .cta:after, .single-offer #main .push-image .push-content .cta:after, #main .push-image .push-content .single-offer .cta:after, .single-offer #pauth .cta:after, #pauth .single-offer .cta:after, .single-offer #pauth .cta-second:after, #pauth .single-offer .cta-second:after, #main .push-tools .btn-container .cta.button:after, #main .push-tools .btn-container #pauth .button.cta-second:after, #pauth #main .push-tools .btn-container .button.cta-second:after, .section-table .footer td a:after, .ezxmltext-field table .footer td a:after, #main > .container .section-map .cta:after, #main > .container .section-map #pauth .cta-second:after, #pauth #main > .container .section-map .cta-second:after, .page-contact .services .push-link.icon-bpce-arrow-right:after { top: 12px !important; margin-top: 0 !important; content: "" !important; } /* line 311, ../sass/_mixin.scss */ .multi-offers .small-offer .cta:hover:after, .multi-offers .small-offer #main .push-image .push-content .cta:hover:after, #main .push-image .push-content .multi-offers .small-offer .cta:hover:after, .multi-offers .small-offer #pauth .cta:hover:after, #pauth .multi-offers .small-offer .cta:hover:after, .multi-offers .small-offer #pauth .cta-second:hover:after, #pauth .multi-offers .small-offer .cta-second:hover:after, .push-basic .btn:hover:after, .cta-small:hover:after, #pauth .modal-body .section-pro .section-password a:hover:after, #pauth .modal-body .section-pro .section-certificat.in a:hover:after, #pauth .modal-body .section-pro .section-card.in a:hover:after, #pauth .modal-body .account-select li span.icon-bpce-arrow-right:hover:after, .page-crossroads .block-pushes.block-needs .block-footer a:hover:after, .page-crossroads .block-pushes.block-needs .pushs-footer a:hover:after, .product-page .link-next:hover:after, #main .link-next:hover:after, #main .big-push-offers .cta-container .cta:hover:after, #main .big-push-offers .cta-container #pauth .cta-second:hover:after, #pauth #main .big-push-offers .cta-container .cta-second:hover:after, .single-offer .cta:hover:after, .single-offer #main .push-image .push-content .cta:hover:after, #main .push-image .push-content .single-offer .cta:hover:after, .single-offer #pauth .cta:hover:after, #pauth .single-offer .cta:hover:after, .single-offer #pauth .cta-second:hover:after, #pauth .single-offer .cta-second:hover:after, #main .push-tools .btn-container .cta.button:hover:after, #main .push-tools .btn-container #pauth .button.cta-second:hover:after, #pauth #main .push-tools .btn-container .button.cta-second:hover:after, .section-table .footer td a:hover:after, .ezxmltext-field table .footer td a:hover:after, #main > .container .section-map .cta:hover:after, #main > .container .section-map #pauth .cta-second:hover:after, #pauth #main > .container .section-map .cta-second:hover:after, .page-contact .services .push-link.icon-bpce-arrow-right:hover:after { opacity: 1; } /* line 315, ../sass/_mixin.scss */ .multi-offers .small-offer .cta .text-red, .multi-offers .small-offer #main .push-image .push-content .cta .text-red, #main .push-image .push-content .multi-offers .small-offer .cta .text-red, .multi-offers .small-offer #pauth .cta .text-red, #pauth .multi-offers .small-offer .cta .text-red, .multi-offers .small-offer #pauth .cta-second .text-red, #pauth .multi-offers .small-offer .cta-second .text-red, .push-basic .btn .text-red, .cta-small .text-red, #pauth .modal-body .section-pro .section-password a .text-red, #pauth .modal-body .section-pro .section-certificat.in a .text-red, #pauth .modal-body .section-pro .section-card.in a .text-red, #pauth .modal-body .account-select li span.icon-bpce-arrow-right .text-red, .page-crossroads .block-pushes.block-needs .block-footer a .text-red, .page-crossroads .block-pushes.block-needs .pushs-footer a .text-red, .product-page .link-next .text-red, #main .link-next .text-red, #main .big-push-offers .cta-container .cta .text-red, #main .big-push-offers .cta-container #pauth .cta-second .text-red, #pauth #main .big-push-offers .cta-container .cta-second .text-red, .single-offer .cta .text-red, .single-offer #main .push-image .push-content .cta .text-red, #main .push-image .push-content .single-offer .cta .text-red, .single-offer #pauth .cta .text-red, #pauth .single-offer .cta .text-red, .single-offer #pauth .cta-second .text-red, #pauth .single-offer .cta-second .text-red, #main .push-tools .btn-container .cta.button .text-red, #main .push-tools .btn-container #pauth .button.cta-second .text-red, #pauth #main .push-tools .btn-container .button.cta-second .text-red, .section-table .footer td a .text-red, .ezxmltext-field table .footer td a .text-red, #main > .container .section-map .cta .text-red, #main > .container .section-map #pauth .cta-second .text-red, #pauth #main > .container .section-map .cta-second .text-red, .page-contact .services .push-link.icon-bpce-arrow-right .text-red { color: inherit; font-weight: 600; } /* line 320, ../sass/_mixin.scss */ .multi-offers .small-offer .cta .text-strong, .multi-offers .small-offer #main .push-image .push-content .cta .text-strong, #main .push-image .push-content .multi-offers .small-offer .cta .text-strong, .multi-offers .small-offer #pauth .cta .text-strong, #pauth .multi-offers .small-offer .cta .text-strong, .multi-offers .small-offer #pauth .cta-second .text-strong, #pauth .multi-offers .small-offer .cta-second .text-strong, .push-basic .btn .text-strong, .cta-small .text-strong, #pauth .modal-body .section-pro .section-password a .text-strong, #pauth .modal-body .section-pro .section-certificat.in a .text-strong, #pauth .modal-body .section-pro .section-card.in a .text-strong, #pauth .modal-body .account-select li span.icon-bpce-arrow-right .text-strong, .page-crossroads .block-pushes.block-needs .block-footer a .text-strong, .page-crossroads .block-pushes.block-needs .pushs-footer a .text-strong, .product-page .link-next .text-strong, #main .link-next .text-strong, #main .big-push-offers .cta-container .cta .text-strong, #main .big-push-offers .cta-container #pauth .cta-second .text-strong, #pauth #main .big-push-offers .cta-container .cta-second .text-strong, .single-offer .cta .text-strong, .single-offer #main .push-image .push-content .cta .text-strong, #main .push-image .push-content .single-offer .cta .text-strong, .single-offer #pauth .cta .text-strong, #pauth .single-offer .cta .text-strong, .single-offer #pauth .cta-second .text-strong, #pauth .single-offer .cta-second .text-strong, #main .push-tools .btn-container .cta.button .text-strong, #main .push-tools .btn-container #pauth .button.cta-second .text-strong, #pauth #main .push-tools .btn-container .button.cta-second .text-strong, .section-table .footer td a .text-strong, .ezxmltext-field table .footer td a .text-strong, #main > .container .section-map .cta .text-strong, #main > .container .section-map #pauth .cta-second .text-strong, #pauth #main > .container .section-map .cta-second .text-strong, .page-contact .services .push-link.icon-bpce-arrow-right .text-strong { font-weight: 600; } /* line 326, ../sass/_mixin.scss */ .multi-offers .small-offer .cta, .multi-offers .small-offer #main .push-image .push-content .cta, #main .push-image .push-content .multi-offers .small-offer .cta, .multi-offers .small-offer #pauth .cta, #pauth .multi-offers .small-offer .cta, .multi-offers .small-offer #pauth .cta-second, #pauth .multi-offers .small-offer .cta-second, .push-basic .btn, .cta-small, #pauth .modal-body .section-pro .section-password a, #pauth .modal-body .section-pro .section-certificat.in a, #pauth .modal-body .section-pro .section-card.in a, #pauth .modal-body .account-select li span.icon-bpce-arrow-right, .page-crossroads .block-pushes.block-needs .block-footer a, .page-crossroads .block-pushes.block-needs .pushs-footer a, .product-page .link-next, #main .link-next, #main .big-push-offers .cta-container .cta, #main .big-push-offers .cta-container #pauth .cta-second, #pauth #main .big-push-offers .cta-container .cta-second, #main a.big-push-offers .cta-container .cta, .single-offer .cta, .single-offer #main .push-image .push-content .cta, #main .push-image .push-content .single-offer .cta, .single-offer #pauth .cta, #pauth .single-offer .cta, .single-offer #pauth .cta-second, #pauth .single-offer .cta-second, #main .push-tools .btn-container .cta.button, #main .push-tools .btn-container #pauth .button.cta-second, #pauth #main .push-tools .btn-container .button.cta-second, .section-table .footer td a, .ezxmltext-field table .footer td a, #main > .container .section-map .cta, #main > .container .section-map #pauth .cta-second, #pauth #main > .container .section-map .cta-second, .page-contact .services .push-link.icon-bpce-arrow-right, #header .container .contact-wrapper .other-links a, .page-crossroads .summary.large .link-back a, .page-crossroads .summary.large.inverse .link-back a, .page-crossroads .summary .link-back a, .page-crossroads .summary.inverse .link-back a, .product-page .header-wrapper .back-button, .product-page .link-next.picto, #main .link-next.picto { font-family: 'main'; text-transform: uppercase; font-weight: 600; color: #373737; letter-spacing: 1px; /*white-space: nowrap;*/ } /* line 335, ../sass/_mixin.scss */ .multi-offers .small-offer .cta:after, .multi-offers .small-offer #main .push-image .push-content .cta:after, #main .push-image .push-content .multi-offers .small-offer .cta:after, .multi-offers .small-offer #pauth .cta:after, #pauth .multi-offers .small-offer .cta:after, .multi-offers .small-offer #pauth .cta-second:after, #pauth .multi-offers .small-offer .cta-second:after, .push-basic .btn:after, .cta-small:after, #pauth .modal-body .section-pro .section-password a:after, #pauth .modal-body .section-pro .section-certificat.in a:after, #pauth .modal-body .section-pro .section-card.in a:after, #pauth .modal-body .account-select li span.icon-bpce-arrow-right:after, .page-crossroads .block-pushes.block-needs .block-footer a:after, .page-crossroads .block-pushes.block-needs .pushs-footer a:after, .product-page .link-next:after, #main .link-next:after, #main .big-push-offers .cta-container .cta:after, #main .big-push-offers .cta-container #pauth .cta-second:after, #pauth #main .big-push-offers .cta-container .cta-second:after, .single-offer .cta:after, .single-offer #main .push-image .push-content .cta:after, #main .push-image .push-content .single-offer .cta:after, .single-offer #pauth .cta:after, #pauth .single-offer .cta:after, .single-offer #pauth .cta-second:after, #pauth .single-offer .cta-second:after, #main .push-tools .btn-container .cta.button:after, #main .push-tools .btn-container #pauth .button.cta-second:after, #pauth #main .push-tools .btn-container .button.cta-second:after, .section-table .footer td a:after, .ezxmltext-field table .footer td a:after, #main > .container .section-map .cta:after, #main > .container .section-map #pauth .cta-second:after, #pauth #main > .container .section-map .cta-second:after, .page-contact .services .push-link.icon-bpce-arrow-right:after, #header .container .contact-wrapper .other-links a:after, .page-crossroads .summary.large .link-back a:after, .page-crossroads .summary.large.inverse .link-back a:after, .page-crossroads .summary .link-back a:after, .page-crossroads .summary.inverse .link-back a:after, .product-page .header-wrapper .back-button:after, .product-page .link-next.picto:after, #main .link-next.picto:after { content: ""; display: block; position: absolute; left: 0; right: 0; margin-left: 10px; top: 12px; height: 1px; background: #000; opacity: .3; width: auto; } /* line 353, ../sass/_mixin.scss */ #header .container .contact-wrapper .other-links a:after, .page-crossroads .summary.large .link-back a:after, .page-crossroads .summary.large.inverse .link-back a:after, .page-crossroads .summary .link-back a:after, .page-crossroads .summary.inverse .link-back a:after, .product-page .header-wrapper .back-button:after, .product-page .link-next.picto:after, #main .link-next.picto:after { margin-left: 16px; top: 14px; } /* line 357, ../sass/_mixin.scss */ #header .container .contact-wrapper .other-links a:hover, .page-crossroads .summary .link-back a:hover, .product-page .header-wrapper .back-button:hover, .product-page .link-next.picto:hover, #main .link-next.picto:hover { color: #373737; } /* line 360, ../sass/_mixin.scss */ #header .container .contact-wrapper .other-links a:hover:after, .page-crossroads .summary .link-back a:hover:after, .product-page .header-wrapper .back-button:hover:after, .product-page .link-next.picto:hover:after, #main .link-next.picto:hover:after { opacity: .6; } /* line 366, ../sass/_mixin.scss */ #header .container .contact-wrapper .other-links a:after { margin-left: 60px; top: 30px; } /* line 374, ../sass/_mixin.scss */ .page-crossroads .summary.large .link-back a:before, .page-crossroads .summary.large.inverse .link-back a:before, .page-crossroads .summary .link-back a:before, .page-crossroads .summary.inverse .link-back a:before, .product-page .header-wrapper .back-button:before { content: "\e609"; vertical-align: bottom; color: #373737; top: 0; } /* line 382, ../sass/_mixin.scss */ .page-crossroads .summary .link-bottom a { font-family: 'main'; font-size: 12px; text-transform: uppercase; font-weight: 600; color: #373737; position: relative; display: inline; } /* line 391, ../sass/_mixin.scss */ .page-crossroads .summary .link-bottom a:before { content: ""; display: block; position: absolute; left: 0; right: 12px; margin-top: 1px; top: 13px; height: 1px; background: #000; opacity: .3; width: auto; } /* line 405, ../sass/_mixin.scss */ .page-crossroads .summary .link-bottom a:after { font-size: 0; content: ""; display: inline-block; border: 4.5px solid transparent; width: 0; height: 0; /*equilateral*/ border-left: 5.5px solid #373737; border-right-width: 0; } @media screen and (max-width: 619px) { /* line 382, ../sass/_mixin.scss */ .page-crossroads .summary .link-bottom a { display: inline-block; text-decoration: underline !important; } /* line 413, ../sass/_mixin.scss */ .page-crossroads .summary .link-bottom a:before { display: none; } /* line 417, ../sass/_mixin.scss */ .page-crossroads .summary .link-bottom a:hover { color: #121100; text-decoration: underline !important; } /* line 421, ../sass/_mixin.scss */ .page-crossroads .summary .link-bottom a span { display: inline; } } /* line 427, ../sass/_mixin.scss */ .multi-offers .small-offer .cta, .multi-offers .small-offer #main .push-image .push-content .cta, #main .push-image .push-content .multi-offers .small-offer .cta, .multi-offers .small-offer #pauth .cta, #pauth .multi-offers .small-offer .cta, .multi-offers .small-offer #pauth .cta-second, #pauth .multi-offers .small-offer .cta-second { color: #fff; } /* line 430, ../sass/_mixin.scss */ .multi-offers .small-offer .cta:before, .multi-offers .small-offer #main .push-image .push-content .cta:before, #main .push-image .push-content .multi-offers .small-offer .cta:before, .multi-offers .small-offer #pauth .cta:before, #pauth .multi-offers .small-offer .cta:before, .multi-offers .small-offer #pauth .cta-second:before, #pauth .multi-offers .small-offer .cta-second:before { border: 4.5px solid transparent; width: 0; height: 0; /*equilateral*/ border-left: 5.5px solid #fff; border-right-width: 0; } /* line 433, ../sass/_mixin.scss */ .multi-offers .small-offer .cta:after, .multi-offers .small-offer #main .push-image .push-content .cta:after, #main .push-image .push-content .multi-offers .small-offer .cta:after, .multi-offers .small-offer #pauth .cta:after, #pauth .multi-offers .small-offer .cta:after, .multi-offers .small-offer #pauth .cta-second:after, #pauth .multi-offers .small-offer .cta-second:after { background: #fff; opacity: .4; } /* line 437, ../sass/_mixin.scss */ .multi-offers .small-offer .cta:hover, .multi-offers .small-offer #main .push-image .push-content .cta:hover, #main .push-image .push-content .multi-offers .small-offer .cta:hover, .multi-offers .small-offer #pauth .cta:hover, #pauth .multi-offers .small-offer .cta:hover, .multi-offers .small-offer #pauth .cta-second:hover, #pauth .multi-offers .small-offer .cta-second:hover { color: #fff; } /* line 440, ../sass/_mixin.scss */ .multi-offers .small-offer .cta:hover:after, .multi-offers .small-offer #main .push-image .push-content .cta:hover:after, #main .push-image .push-content .multi-offers .small-offer .cta:hover:after, .multi-offers .small-offer #pauth .cta:hover:after, #pauth .multi-offers .small-offer .cta:hover:after, .multi-offers .small-offer #pauth .cta-second:hover:after, #pauth .multi-offers .small-offer .cta-second:hover:after { opacity: .8; } /* line 445, ../sass/_mixin.scss */ .account-link a { padding-bottom: 7px !important; padding-top: 10px !important; } /*PUCE*/ /* line 452, ../sass/_mixin.scss */ .ezxmltext-field ul li, .section-resume .resume ul li, .section-easy-access ul li { position: relative; padding-left: 20px; line-height: 1.35em; margin-bottom: 5px; font-weight: 400; } /* line 460, ../sass/_mixin.scss */ .ezxmltext-field ul li:before, .section-resume .resume ul li:before, .section-easy-access ul li:before { content: "\e648"; color: #7c5691; font-size: 12px; line-height: 1; margin-right: 10px; vertical-align: top; font-family: 'bpce-icons'; bottom: 0; top: 2px; position: absolute; left: 0; } /*FULL DIV*/ @media screen and (min-width: 1000px) { /* line 502, ../sass/_mixin.scss */ .container.page-contact section, .page-contact #main section, #main.page-contact section, .page-crossroads #main section, #main.page-crossroads section, .product-page #main section, #main.product-page section { margin-right: auto !important; margin-left: auto !important; max-width: 980px; width: 980px; float: none; /*@if($width == 980px) { @media screen and (max-width: 1059px) { width: 950px; } }*/ } } /*%multi_support_padding { margin:0; margin-right: 0; margin-left: 0; padding-right:0; padding-left:0; @media screen and (min-width: 620px) and (max-width: 767px) { & { margin-right: 0; margin-left: 0; padding-right: 20px !important; padding-left: 20px !important; } } @media screen and (min-width: 768px) and (max-width: 999px) { & { margin-right: 0; margin-left: 0; padding-right: 30px !important; padding-left: 30px !important; } } @media screen and (max-width: 619px) { & { margin-right: 0; margin-left: 0; padding-right: 15px !important; padding-left: 15px !important; } } }*/ @media screen and (max-width: 999px) { /* line 552, ../sass/_mixin.scss */ .product-page .big-push-offers, .page-crossroads .big-push-offers, #main .section-main-push, .page-crossroads .summary.large, .page-crossroads .summary.large.inverse, .page-crossroads .summary, .page-crossroads .summary.inverse, .page-crossroads .block-pushes.block-products, #main .section-resume, #main .section-simple-content, #main .section-simple-content.special-bg, .product-page .header-wrapper .change-lng img, #main .section-videos, #main .section-faq, #main .section-subscribe, .section-easy-access, .section-connexion, #main .section-images-content .row.push-media .col-xs-12 .wrapper-content, #main .section-images-content .row.push-media.media-right .col-xs-12 .wrapper-content, #main .section-images-content, .page-crossroads .block-pushes.block-thematic, #main.page-crossroads .block-pushes.block-needs, .page-crossroads #main .block-pushes.block-needs, .dei-rebound, .page-crossroads .interblock, #main .section-map, #main .section-programme, #main .section-image-carousel, #main .section-theater { margin-left: 30px !important; margin-right: 30px !important; } } @media screen and (max-width: 767px) { /* line 552, ../sass/_mixin.scss */ .product-page .big-push-offers, .page-crossroads .big-push-offers, #main .section-main-push, .page-crossroads .summary.large, .page-crossroads .summary.large.inverse, .page-crossroads .summary, .page-crossroads .summary.inverse, .page-crossroads .block-pushes.block-products, #main .section-resume, #main .section-simple-content, #main .section-simple-content.special-bg, .product-page .header-wrapper .change-lng img, #main .section-videos, #main .section-faq, #main .section-subscribe, .section-easy-access, .section-connexion, #main .section-images-content .row.push-media .col-xs-12 .wrapper-content, #main .section-images-content .row.push-media.media-right .col-xs-12 .wrapper-content, #main .section-images-content, .page-crossroads .block-pushes.block-thematic, #main.page-crossroads .block-pushes.block-needs, .page-crossroads #main .block-pushes.block-needs, .dei-rebound, .page-crossroads .interblock, #main .section-map, #main .section-programme, #main .section-image-carousel, #main .section-theater { margin-left: 20px !important; margin-right: 20px !important; } } @media screen and (max-width: 619px) { /* line 552, ../sass/_mixin.scss */ .product-page .big-push-offers, .page-crossroads .big-push-offers, #main .section-main-push, .page-crossroads .summary.large, .page-crossroads .summary.large.inverse, .page-crossroads .summary, .page-crossroads .summary.inverse, .page-crossroads .block-pushes.block-products, #main .section-resume, #main .section-simple-content, #main .section-simple-content.special-bg, .product-page .header-wrapper .change-lng img, #main .section-videos, #main .section-faq, #main .section-subscribe, .section-easy-access, .section-connexion, #main .section-images-content .row.push-media .col-xs-12 .wrapper-content, #main .section-images-content .row.push-media.media-right .col-xs-12 .wrapper-content, #main .section-images-content, .page-crossroads .block-pushes.block-thematic, #main.page-crossroads .block-pushes.block-needs, .page-crossroads #main .block-pushes.block-needs, .dei-rebound, .page-crossroads .interblock, #main .section-map, #main .section-programme, #main .section-image-carousel, #main .section-theater { margin-left: 15px !important; margin-right: 15px !important; } } /* line 566, ../sass/_mixin.scss */ #main .page-crossroads h1, #main .product-page .header-wrapper .title-level1, #main h1, #main h1.title-level1, #main .title-level1, .page-crossroads .summary.large, .page-crossroads .summary.large.inverse, .page-crossroads .summary, .page-crossroads .summary.inverse, #main .section-simple-content, #main .section-subscribe, .section-easy-access, .product-page .header-wrapper .back-button-wrapper, #main .section-images-content .row.push-media .col-xs-12 .inner, #main .section-images-content .row.push-media.media-right .col-xs-12 .inner, #main .section-images-content .row.push-media.small-content .inner, #main .section-images-content .row.push-media.media-right.small-content .inner, #main .section-images-content .row.push-media.small-content .col-xs-12 .inner, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .inner, #main .section-theater, .page-contact #main section.contact-number > div, .page-contact .services { padding-left: 40px; padding-right: 40px; } @media screen and (max-width: 999px) { /* line 571, ../sass/_mixin.scss */ #main .page-crossroads h1, #main .product-page .header-wrapper .title-level1, #main h1, #main h1.title-level1, #main .title-level1, .page-crossroads .summary.large, .page-crossroads .summary.large.inverse, .page-crossroads .summary, .page-crossroads .summary.inverse, #main .section-simple-content, #main .section-subscribe, .section-easy-access, .product-page .header-wrapper .back-button-wrapper, #main .section-images-content .row.push-media .col-xs-12 .inner, #main .section-images-content .row.push-media.media-right .col-xs-12 .inner, #main .section-images-content .row.push-media.small-content .inner, #main .section-images-content .row.push-media.media-right.small-content .inner, #main .section-images-content .row.push-media.small-content .col-xs-12 .inner, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .inner, #main .section-theater, .page-contact #main section.contact-number > div, .page-contact .services, .section-rebound .mentions, .header-fix.in .container { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 767px) { /* line 571, ../sass/_mixin.scss */ #main .page-crossroads h1, #main .product-page .header-wrapper .title-level1, #main h1, #main h1.title-level1, #main .title-level1, .page-crossroads .summary.large, .page-crossroads .summary.large.inverse, .page-crossroads .summary, .page-crossroads .summary.inverse, #main .section-simple-content, #main .section-subscribe, .section-easy-access, .product-page .header-wrapper .back-button-wrapper, #main .section-images-content .row.push-media .col-xs-12 .inner, #main .section-images-content .row.push-media.media-right .col-xs-12 .inner, #main .section-images-content .row.push-media.small-content .inner, #main .section-images-content .row.push-media.media-right.small-content .inner, #main .section-images-content .row.push-media.small-content .col-xs-12 .inner, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .inner, #main .section-theater, .page-contact #main section.contact-number > div, .page-contact .services, .section-rebound .mentions, .header-fix.in .container { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 619px) { /* line 571, ../sass/_mixin.scss */ #main .page-crossroads h1, #main .product-page .header-wrapper .title-level1, #main h1, #main h1.title-level1, #main .title-level1, .page-crossroads .summary.large, .page-crossroads .summary.large.inverse, .page-crossroads .summary, .page-crossroads .summary.inverse, #main .section-simple-content, #main .section-subscribe, .section-easy-access, .product-page .header-wrapper .back-button-wrapper, #main .section-images-content .row.push-media .col-xs-12 .inner, #main .section-images-content .row.push-media.media-right .col-xs-12 .inner, #main .section-images-content .row.push-media.small-content .inner, #main .section-images-content .row.push-media.media-right.small-content .inner, #main .section-images-content .row.push-media.small-content .col-xs-12 .inner, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .inner, #main .section-theater, .page-contact #main section.contact-number > div, .page-contact .services, .section-rebound .mentions, .header-fix.in .container { padding-left: 15px; padding-right: 15px; } } /* line 586, ../sass/_mixin.scss */ #main .push-image .push-content { padding-left: 40px; padding-right: 40px; } @media screen and (max-width: 999px) { /* line 586, ../sass/_mixin.scss */ #main .push-image .push-content { padding-left: 40px; padding-right: 40px; } } @media screen and (max-width: 767px) { /* line 586, ../sass/_mixin.scss */ #main .push-image .push-content { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 619px) { /* line 586, ../sass/_mixin.scss */ #main .push-image .push-content { padding-left: 25px; padding-right: 25px; } } /*BUTTONS*/ /*%border_a_button { border: 4px solid $color2; color: #ffffff; font-family: "DosisBold"; font-size: 16px; font-weight: normal; text-transform: uppercase; display: block; height: 40px; line-height: 32px !important; background : none !important; filter:none !important; &:hover { border: 4px solid $color2_darker; background : none !important; filter:none !important; } }*/ /*boutons des summary*/ /* line 646, ../sass/_mixin.scss */ .product-page .btn-show-more, .more-videos.btn-show-more, .minus-videos.btn-show-more, .page-crossroads .summary.large .links ul li a, .page-crossroads .summary .links ul li a { border: 1px solid #373737; color: #373737; font-family: "extra1"; font-size: 14px; font-weight: normal; text-transform: uppercase; display: block; background: none !important; -webkit-filter: none !important; filter: none !important; height: auto !important; line-height: 1.2em !important; padding-bottom: 4px !important; padding-top: 4px !important; text-align: left; white-space: normal; } @media screen and (max-width: 619px) { /* line 646, ../sass/_mixin.scss */ .product-page .btn-show-more, .more-videos.btn-show-more, .minus-videos.btn-show-more, .page-crossroads .summary.large .links ul li a, .page-crossroads .summary .links ul li a { max-width: 290px !important; } } /* line 666, ../sass/_mixin.scss */ .product-page .btn-show-more span.text, .more-videos.btn-show-more span.text, .minus-videos.btn-show-more span.text, .page-crossroads .summary .links ul li a span.text, .product-page .btn-show-more span.ico + span, .more-videos.btn-show-more span.ico + span, .minus-videos.btn-show-more span.ico + span, .page-crossroads .summary .links ul li a span.ico + span { color: #373737; } /* line 669, ../sass/_mixin.scss */ .product-page .btn-show-more:hover, .more-videos.btn-show-more:hover, .minus-videos.btn-show-more:hover, .page-crossroads .summary .links ul li a:hover { background: #373737 !important; color: #fff !important; -webkit-filter: none !important; filter: none !important; } /* line 674, ../sass/_mixin.scss */ .product-page .btn-show-more:hover span.text, .more-videos.btn-show-more:hover span.text, .minus-videos.btn-show-more:hover span.text, .page-crossroads .summary .links ul li a:hover span.text, .product-page .btn-show-more:hover span.ico + span, .more-videos.btn-show-more:hover span.ico + span, .minus-videos.btn-show-more:hover span.ico + span, .page-crossroads .summary .links ul li a:hover span.ico + span { color: #fff !important; } /* line 678, ../sass/_mixin.scss */ .product-page .btn-show-more:after, .more-videos.btn-show-more:after, .minus-videos.btn-show-more:after, .page-crossroads .summary.large .links ul li a:after, .page-crossroads .summary .links ul li a:after { top: 50%; margin-top: -16px; } /* line 684, ../sass/_mixin.scss */ .page-crossroads .summary.large.inverse .links ul li a, .page-crossroads .summary.inverse .links ul li a { border: 1px solid #fff; color: #fff; } /* line 687, ../sass/_mixin.scss */ .page-crossroads .summary.inverse .links ul li a span.text, .page-crossroads .summary.inverse .links ul li a span.ico + span { color: #fff; } /* line 690, ../sass/_mixin.scss */ .page-crossroads .summary.inverse .links ul li a:hover { background: #fff !important; color: #373737 !important; -webkit-filter: none !important; filter: none !important; } /* line 695, ../sass/_mixin.scss */ .page-crossroads .summary.inverse .links ul li a:hover span.text, .page-crossroads .summary.inverse .links ul li a:hover span.ico + span { color: #373737 !important; } /* line 709, ../sass/_mixin.scss */ .product-page .btn-show-more, .more-videos.btn-show-more, .minus-videos.btn-show-more { border-width: 2px; padding: 15px 30px 10px !important; text-align: center !important; min-width: 260px; } @media screen and (min-width: 767px) { /* line 709, ../sass/_mixin.scss */ .product-page .btn-show-more, .more-videos.btn-show-more, .minus-videos.btn-show-more { width: 50%; } } /* line 718, ../sass/_mixin.scss */ .product-page .btn-show-more:after, .more-videos.btn-show-more:after, .minus-videos.btn-show-more:after { content: "\e63e"; font-size: 17px; top: 65%; margin-top: 0; text-align: center; } /* line 726, ../sass/_mixin.scss */ .product-page .btn-show-more { font-size: 18px; border: none; color: #121100; background: #5eb6b8 url("../assets/themes/ccoop_theme/images/app/green_texture.png") repeat !important; } /* line 732, ../sass/_mixin.scss */ .product-page .btn-show-more:hover { background: #5eb6b8 url("../assets/themes/ccoop_theme/images/app/green_texture_over.png") repeat !important; color: #121100 !important; } .product-page .btn-show-more.show-less { background: #5eb6b8 url("../assets/themes/ccoop_theme/images/app/green_texture_over.png") repeat !important; } /* line 737, ../sass/_mixin.scss */ .more-videos.btn-show-more, .minus-videos.btn-show-more { border: 2px solid #373737 !important; background: none !important; } /* line 741, ../sass/_mixin.scss */ .more-videos.btn-show-more:hover, .minus-videos.btn-show-more:hover { background: #373737 !important; color: #fff !important; } /* line 773, ../sass/_mixin.scss */ .push-basic .btn, .cta-small, #pauth .modal-body .section-pro .section-password a, #pauth .modal-body .section-pro .section-certificat.in a, #pauth .modal-body .section-pro .section-card.in a, #pauth .modal-body .account-select li span.icon-bpce-arrow-right { /*background:none; font-family: 'lato_bold'; font-weight: normal; color: $color2; font-size: 14px; padding: 0; filter:none; @extend %no_before; @extend %no_after; &:hover { background:none; color: $color2_darker; } */ } /* line 790, ../sass/_mixin.scss */ .page-contact.logged #main section.main-contact .alert-message:before { background-image: none; -moz-osx-font-smoothing: grayscale; color: #7c5691; content: ""; font-family: "bpce-icons"; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1em; position: absolute; width: 30px; text-transform: none; text-align: center; vertical-align: middle; display: block; } /*INPUT*/ /* line 811, ../sass/_mixin.scss */ input[type=text], input[type=tel], input[type=email], #pauth .modal-body .identification-form input[type="text"], #pauth .modal-body .password-edit .input-element, #pauth .modal-body .password-wrapper .input-element { border: none; height: 35px; line-height: 35px; background-color: #f7f7f7; border: 1px solid #eaeaea; padding: 0 10px; } /*SEARCH AREA*/ /*PAGE RESEARCH*/ /*searcharea desktop & dei*/ /* line 879, ../sass/_mixin.scss */ #header .container .search-area .clear-search { padding: 8px 6px; } /* line 881, ../sass/_mixin.scss */ #header .container .search-area .clear-search:before { color: #666666; font-size: 15px; vertical-align: middle; } /* line 887, ../sass/_mixin.scss */ .layout-fluid #header .container .search-area { background: #f7f7f7; border: none; display: inline-block; *display: inline; *zoom: 1; width: 240px; height: 34px; top: 1px; } /* line 896, ../sass/_mixin.scss */ .layout-fluid #header .container .search-area:before { color: #fff; font-size: 20px; right: 8px; top: 8px; left: auto; z-index: 10; display: block !important; pointer-events: none; /*inherit*/ content: "\e60c"; position: absolute; font-family: 'bpce-icons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 912, ../sass/_mixin.scss */ #header .container .search-area .search-input, #header .container .search-area .search-send { background: transparent; color: #4d4d4d; border: 0 none; float: left; height: 34px; line-height: 34px; outline: medium none; } /* line 921, ../sass/_mixin.scss */ #header .container .search-area .search-send { background: #707173; font-weight: bold; text-indent: -9999px; width: 40px; position: absolute; right: 0; z-index: 2; } /* line 929, ../sass/_mixin.scss */ #header .container .search-area .search-send:hover { background: #4d4d4d; } /* line 933, ../sass/_mixin.scss */ #header .container .search-area .search-input { margin-left: 30px; width: 170px; } /*LINE SEP*/ /*TITLES*/ /*GROS TITRES INVARIANTS*/ /* line 961, ../sass/_mixin.scss */ #main .page-crossroads h1, #main .product-page .header-wrapper .title-level1, #main h1, #main h1.title-level1, #main .title-level1, .page-crossroads .contact h2.title-level1, .modal .modal-header .modal-title { color: #373737; font-family: "extra1"; font-size: 30px; font-weight: normal; text-transform: uppercase; line-height: 1.2; text-align: center; } /* line 969, ../sass/_mixin.scss */ #main .product-page .header-wrapper .title-level1 span.text-red, #main h1 span.text-red, #main .title-level1 span.text-red, .page-crossroads .contact h2.title-level1 span.text-red, .modal .modal-header .modal-title span.text-red { color: #c8121A; } /*TITRE DE LA PAGE*/ /* line 975, ../sass/_mixin.scss */ #main .page-crossroads h1, #main .product-page .header-wrapper .title-level1, #main h1, #main h1.title-level1, #main .title-level1 { font-size: 40px !important; text-align: center; } @media screen and (max-width: 999px) { /* line 980, ../sass/_mixin.scss */ #main .page-crossroads h1, #main .product-page .header-wrapper .title-level1, #main h1, #main h1.title-level1, #main .title-level1 { font-size: 34px !important; } } @media screen and (max-width: 767px) { /* line 985, ../sass/_mixin.scss */ #main .page-crossroads h1, #main .product-page .header-wrapper .title-level1, #main h1, #main h1.title-level1, #main .title-level1 { font-size: 32px !important; } } @media screen and (max-width: 619px) { /* line 990, ../sass/_mixin.scss */ #main .page-crossroads h1, #main .product-page .header-wrapper .title-level1, #main h1, #main h1.title-level1, #main .title-level1 { font-size: 30px !important; } } /*SUR LES GRANDES IMAGES*/ /* line 997, ../sass/_mixin.scss */ .page-crossroads .blocks .interblock h2, .page-contact #main section.contact-number .title, .section-main-push .main-push-wrapper .main-push-subtitle, #main .section-simple-content .title-push, .section-simple-content .actions-wrapper .title, .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate, .section-testimony .element .title, .big-push-offers .content .main-slider-subtitle, a.big-push-offers .content .main-slider-subtitle, .section-simple-content .subtitle, .section-resume .title-section, .big-push-offers .content .main-slider-title, a.big-push-offers .content .main-slider-title, .product-page .section-main-push .title-section, .page-crossroads .summary.large .heading h2, .page-crossroads .summary.large.inverse .heading h2, .page-crossroads .summary .heading h2, .page-crossroads .summary.inverse .heading h2, .page-crossroads .block-pushes.block-thematic .block-header .heading h2, #main.page-crossroads .block-pushes.block-needs .block-header .heading h1, #main.page-crossroads .block-pushes.block-needs .block-header .heading h2, .page-crossroads #main .block-pushes.block-needs .block-header .heading h1, .page-crossroads #main .block-pushes.block-needs .block-header .heading h2 { margin-bottom: 10px; display: block; height: auto; width: auto; } /* line 1004, ../sass/_mixin.scss */ .page-crossroads .blocks .interblock h2, .page-contact #main section.contact-number .title { color: #373737 !important; } /* line 1008, ../sass/_mixin.scss */ .page-crossroads .blocks .interblock h2, .page-contact #main section.contact-number .title, .section-main-push .main-push-wrapper .main-push-subtitle, #main .section-simple-content .title-push, .section-simple-content .actions-wrapper .title, .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate, .section-testimony .element .title, .big-push-offers .content .main-slider-subtitle, a.big-push-offers .content .main-slider-subtitle, .section-simple-content .subtitle, .section-resume .title-section, .big-push-offers .content .main-slider-title, a.big-push-offers .content .main-slider-title, .product-page .section-main-push .title-section, .page-crossroads .summary.large .heading h2, .page-crossroads .summary.large.inverse .heading h2, .page-crossroads .summary .heading h2, .page-crossroads .summary.inverse .heading h2, .page-crossroads .block-pushes.block-thematic .block-header .heading h2, #main.page-crossroads .block-pushes.block-needs .block-header .heading h1, #main.page-crossroads .block-pushes.block-needs .block-header .heading h2, .page-crossroads #main .block-pushes.block-needs .block-header .heading h1, .page-crossroads #main .block-pushes.block-needs .block-header .heading h2, .section-programme .title-section, .product-page h2.title-section, .vocabulary h2, .page-crossroads .block-pushes.block-products .block-header .heading h2 { color: #fff; font-family: "extra1"; font-weight: normal; text-transform: uppercase; line-height: 1.1em; letter-spacing: 0; text-align: left; } /* line 1017, ../sass/_mixin.scss */ .page-crossroads .blocks .interblock h2 sup, .page-contact #main section.contact-number .title sup, .section-main-push .main-push-wrapper .main-push-subtitle sup, #main .section-simple-content .title-push sup, .section-simple-content .actions-wrapper .title sup, .product-page .header-fix .title-wrapper .title sup, .product-page .header-fix .title-wrapper .rate sup, .section-testimony .element .title sup, .big-push-offers .content .main-slider-subtitle sup, .section-simple-content .subtitle sup, .section-resume .title-section sup, .big-push-offers .content .main-slider-title sup, .product-page .section-main-push .title-section sup, .page-crossroads .summary.large .heading h2 sup, .page-crossroads .summary.large.inverse .heading h2 sup, .page-crossroads .summary .heading h2 sup, .page-crossroads .summary.inverse .heading h2 sup, .page-crossroads .block-pushes.block-thematic .block-header .heading h2 sup, #main.page-crossroads .block-pushes.block-needs .block-header .heading h1 sup, #main.page-crossroads .block-pushes.block-needs .block-header .heading h2 sup, .page-crossroads #main .block-pushes.block-needs .block-header .heading h1 sup, .page-crossroads #main .block-pushes.block-needs .block-header .heading h2 sup, .section-programme .title-section sup, .product-page h2.title-section sup, .vocabulary h2 sup, .page-crossroads .block-pushes.block-products .block-header .heading h2 sup { font-size: .6em; } @media screen and (max-width: 767px) { /* line 1021, ../sass/_mixin.scss */ .page-crossroads .blocks .interblock h2, .page-contact #main section.contact-number .title, .section-main-push .main-push-wrapper .main-push-subtitle, #main .section-simple-content .title-push, .section-simple-content .actions-wrapper .title, .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate, .section-testimony .element .title, .big-push-offers .content .main-slider-subtitle, a.big-push-offers .content .main-slider-subtitle, .section-simple-content .subtitle, .section-resume .title-section, .big-push-offers .content .main-slider-title, a.big-push-offers .content .main-slider-title, .product-page .section-main-push .title-section, .page-crossroads .summary.large .heading h2, .page-crossroads .summary.large.inverse .heading h2, .page-crossroads .summary .heading h2, .page-crossroads .summary.inverse .heading h2, .page-crossroads .block-pushes.block-thematic .block-header .heading h2, #main.page-crossroads .block-pushes.block-needs .block-header .heading h1, #main.page-crossroads .block-pushes.block-needs .block-header .heading h2, .page-crossroads #main .block-pushes.block-needs .block-header .heading h1, .page-crossroads #main .block-pushes.block-needs .block-header .heading h2, .section-programme .title-section, .product-page h2.title-section, .vocabulary h2, .page-crossroads .block-pushes.block-products .block-header .heading h2 { font-size: 27px !important; } } @media screen and (max-width: 619px) { /* line 1026, ../sass/_mixin.scss */ .page-crossroads .blocks .interblock h2, .page-contact #main section.contact-number .title, .section-main-push .main-push-wrapper .main-push-subtitle, #main .section-simple-content .title-push, .section-simple-content .actions-wrapper .title, .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate, .section-testimony .element .title, .big-push-offers .content .main-slider-subtitle, a.big-push-offers .content .main-slider-subtitle, .section-simple-content .subtitle, .section-resume .title-section, .big-push-offers .content .main-slider-title, a.big-push-offers .content .main-slider-title, .product-page .section-main-push .title-section, .page-crossroads .summary.large .heading h2, .page-crossroads .summary.large.inverse .heading h2, .page-crossroads .summary .heading h2, .page-crossroads .summary.inverse .heading h2, .page-crossroads .block-pushes.block-thematic .block-header .heading h2, #main.page-crossroads .block-pushes.block-needs .block-header .heading h1, #main.page-crossroads .block-pushes.block-needs .block-header .heading h2, .page-crossroads #main .block-pushes.block-needs .block-header .heading h1, .page-crossroads #main .block-pushes.block-needs .block-header .heading h2, .section-programme .title-section, .product-page h2.title-section, .vocabulary h2, .page-crossroads .block-pushes.block-products .block-header .heading h2 { font-size: 22px !important; } } /* line 1032, ../sass/_mixin.scss */ .section-main-push .main-push-wrapper .main-push-subtitle, #main .section-simple-content .title-push, .section-simple-content .actions-wrapper .title, .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate, .section-testimony .element .title, .big-push-offers .content .main-slider-subtitle, a.big-push-offers .content .main-slider-subtitle, .section-simple-content .subtitle { font-size: 24px !important; } @media screen and (max-width: 999px) { /* line 1032, ../sass/_mixin.scss */ .section-main-push .main-push-wrapper .main-push-subtitle, #main .section-simple-content .title-push, .section-simple-content .actions-wrapper .title, .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate, .section-testimony .element .title, .big-push-offers .content .main-slider-subtitle, a.big-push-offers .content .main-slider-subtitle, .section-simple-content .subtitle { font-size: 22px !important; } } @media screen and (max-width: 767px) { /* line 1032, ../sass/_mixin.scss */ .section-main-push .main-push-wrapper .main-push-subtitle, #main .section-simple-content .title-push, .section-simple-content .actions-wrapper .title, .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate, .section-testimony .element .title, .big-push-offers .content .main-slider-subtitle, a.big-push-offers .content .main-slider-subtitle, .section-simple-content .subtitle { font-size: 20px !important; } } @media screen and (max-width: 619px) { /* line 1032, ../sass/_mixin.scss */ .section-main-push .main-push-wrapper .main-push-subtitle, #main .section-simple-content .title-push, .section-simple-content .actions-wrapper .title, .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate, .section-testimony .element .title, .big-push-offers .content .main-slider-subtitle, a.big-push-offers .content .main-slider-subtitle, .section-simple-content .subtitle { font-size: 18px !important; } } /* line 1046, ../sass/_mixin.scss */ .section-main-push .main-push-wrapper .main-push-subtitle, #main .section-simple-content .title-push, .section-simple-content .actions-wrapper .title, .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate { color: #373737; } /* line 1051, ../sass/_mixin.scss */ .page-contact #main section.contact-number p { color: #fff; width: 70%; } @media screen and (max-width: 999px) { /* line 1055, ../sass/_mixin.scss */ .page-contact #main section.contact-number p { width: 80%; } } @media screen and (max-width: 767px) { /* line 1060, ../sass/_mixin.scss */ .page-contact #main section.contact-number p { width: 100%; } } /* line 1077, ../sass/_mixin.scss */ #footer .container .row .dropdown .title, #header .container .contact-wrapper .title.conseil { color: #fff; font-family: 'main','Arial Black', Arial; font-size: 14px !important; font-weight: 700; text-transform: uppercase; line-height: 1.1em; letter-spacing: 0; text-align: left; } /* line 1081, ../sass/_mixin.scss */ .section-map .map-component .informations-wrapper .transport-wrapper .title, .section-map .map-component .header-wrapper .title { color: #4d4d4d; font-family: 'main','Arial Black', Arial; font-size: 18px !important; font-weight: 700; text-transform: uppercase; line-height: 1.1em; letter-spacing: 0; text-align: left; } /* line 1085, ../sass/_mixin.scss */ .section-programme .step .title { color: #ea7f49; font-family: 'main','Arial Black', Arial; font-size: 14px !important; font-weight: 700; text-transform: lowercase; line-height: 1.1em; letter-spacing: 0; text-align: left; } /* line 1089, ../sass/_mixin.scss */ .page-crossroads .blocks .block-pushes.block-needs .block-header .nav-tabs li a, .page-crossroads .blocks h2 { color: #fff; font-family: 'main','Arial Black', Arial; font-size: 16px !important; font-weight: 700; text-transform: uppercase; line-height: 1.1em; letter-spacing: 0; text-align: center; } @media screen and (max-width: 767px) { /* line 1092, ../sass/_mixin.scss */ .page-crossroads .blocks .block-pushes.block-needs .block-header .nav-tabs li a, .page-crossroads .blocks h2 { font-size: 15px !important; } } /* line 1125, ../sass/_mixin.scss */ .block-pushes .push-content h3, .block-pushes .push-content h4, .section-rebound .owl-carousel .element .title, #header .container .contact-wrapper .title, .small-offer .title a, .single-offer .title a, .small-offer .title, .single-offer .title, .small-offer .h2, .single-offer .h2 { /*done*/ color: #373737; font-family: 'extra1','Arial Black', Arial; font-size: 24px; font-weight: normal !important; text-transform: uppercase; letter-spacing: 0; text-align: left; height: auto; line-height: 1.1em; width: auto; } @media screen and (max-width: 767px) { /* line 1105, ../sass/_mixin.scss */ .block-pushes .push-content h3, .block-pushes .push-content h4, .section-rebound .owl-carousel .element .title, #header .container .contact-wrapper .title, .small-offer .title a, .single-offer .title a, .small-offer .title, .single-offer .title, .small-offer .h2, .single-offer .h2 { /*font-size: $size !important;*/ font-size: 20px !important; } } @media screen and (max-width: 999px) { /* line 1128, ../sass/_mixin.scss */ .block-pushes .push-content h3, .block-pushes .push-content h4, .section-rebound .owl-carousel .element .title { font-size: 18px !important; } } /* line 1134, ../sass/_mixin.scss */ .section-rebound .owl-carousel .element .subtitle, .section-programme .step .subtitle { color: #373737; font-family: 'extra1','Arial Black', Arial; font-size: 18px; font-weight: normal !important; text-transform: uppercase; letter-spacing: 0; text-align: center; height: auto; line-height: 1.1em; width: auto; line-height: 1.2em; } @media screen and (max-width: 767px) { /* line 1105, ../sass/_mixin.scss */ .section-rebound .owl-carousel .element .subtitle, .section-programme .step .subtitle { /*font-size: $size !important;*/ font-size: 20px !important; } } /* line 1138, ../sass/_mixin.scss */ .home-slider .thumbnails .slidee li .title, #pauth .modal-body .main-label, #pauth .modal-body .accessibility .title, #pauth .modal-body .fishing .introduction, #pauth .modal-body .push .introduction { color: #121100; font-family: 'extra1','Arial Black', Arial; font-size: 15px; font-weight: normal !important; text-transform: uppercase; letter-spacing: 0; text-align: center; height: auto; line-height: 1.1em; width: auto; line-height: 1.2em; } @media screen and (max-width: 767px) { /* line 1105, ../sass/_mixin.scss */ .home-slider .thumbnails .slidee li .title, #pauth .modal-body .main-label, #pauth .modal-body .accessibility .title, #pauth .modal-body .fishing .introduction, #pauth .modal-body .push .introduction { /*font-size: $size !important;*/ font-size: 20px !important; } } /* line 1142, ../sass/_mixin.scss */ #pauth .modal-body .fishing .title { color: #c8121A; font-family: 'extra1','Arial Black', Arial; font-size: 15px; font-weight: normal !important; text-transform: uppercase; letter-spacing: 0; text-align: left; height: auto; line-height: 1.1em; width: auto; line-height: 1.2em; } @media screen and (max-width: 767px) { /* line 1105, ../sass/_mixin.scss */ #pauth .modal-body .fishing .title { /*font-size: $size !important;*/ font-size: 20px !important; } } /* line 1146, ../sass/_mixin.scss */ .section-faq .questions .testimony .content .name { color: #373737; font-family: 'extra1','Arial Black', Arial; font-size: 18px; font-weight: normal !important; text-transform: uppercase; letter-spacing: 0; text-align: left; height: auto; line-height: 1.1em; width: auto; line-height: 1.2em; } @media screen and (max-width: 767px) { /* line 1105, ../sass/_mixin.scss */ .section-faq .questions .testimony .content .name { /*font-size: $size !important;*/ font-size: 20px !important; } } /* line 1150, ../sass/_mixin.scss */ .section-easy-access .title, .section-connexion .content p b, .section-connexion .content p strong { color: #121100; font-family: 'extra1','Arial Black', Arial; font-size: 14px; font-weight: normal !important; text-transform: uppercase; letter-spacing: 0; text-align: left; height: auto; line-height: 1.1em; width: auto; line-height: 1.2em; } @media screen and (max-width: 767px) { /* line 1105, ../sass/_mixin.scss */ .section-easy-access .title, .section-connexion .content p b { /*font-size: $size !important;*/ font-size: 20px !important; } } /*SMALL TITLE AVEC TRAIT DE SEPARATION (SEARCH)*/ /* line 1173, ../sass/_mixin.scss */ .section-resume .title-section { margin-bottom: 20px; text-align: center; } /* line 1209, ../sass/_mixin.scss */ .section-testimony .element .title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff !important; background-color: #10a091; text-align: center; margin-bottom: 0; } /*GRAND TITRES DES SECTIONS*/ /* line 1219, ../sass/_mixin.scss */ .section-programme .title-section, .product-page h2.title-section, .vocabulary h2 { text-align: center; color: #373737; margin-bottom: 40px; max-width: 700px; margin-left: auto; margin-right: auto; padding-right: 20px; padding-left: 20px; } @media screen and (max-width: 767px) { /* line 1219, ../sass/_mixin.scss */ .section-programme .title-section, .product-page h2.title-section, .vocabulary h2 { margin-bottom: 30px; } } @media screen and (max-width: 619px) { /* line 1219, ../sass/_mixin.scss */ .section-programme .title-section, .product-page h2.title-section, .vocabulary h2 { padding-right: 15px; padding-left: 15px; } } /*%white_big_title { @extend %pink_big_title; color: #fff; }*/ /*GRAND TITRE DES SECTIONS AVEC TRAIT DE SEPARATION*/ /* line 1245, ../sass/_mixin.scss */ .section-programme .title-section { padding-bottom: 38px; position: relative; } @media screen and (max-width: 619px) { /* line 1245, ../sass/_mixin.scss */ .section-programme .title-section { margin-bottom: 20px !important; padding-bottom: 30px; } } /* line 1253, ../sass/_mixin.scss */ .section-programme .title-section:after { background-color: #ea7f49; bottom: 0; content: ""; height: 4px; left: 50%; margin-left: -90px; position: absolute; width: 180px; } /*SIMPLE SECTION TITLE*/ /*SIMPLE SECTION SUBTITLE*/ /* line 1271, ../sass/_mixin.scss */ .section-simple-content .subtitle { color: #4d4d4d; font-family: "extra1"; font-size: 20px; font-weight: normal !important; margin-bottom: 30px; padding-bottom: 10px; text-transform: uppercase; text-align: left; line-height: 1.1em; } @media screen and (max-width: 767px) { /* line 1282, ../sass/_mixin.scss */ .section-simple-content .subtitle { font-size: 18px !important; } } /* line 1289, ../sass/_mixin.scss */ .page-contact .services .push:after { display: none; } /* line 1294, ../sass/_mixin.scss */ .product-page .header-fix .title-wrapper .rate:before, .page-contact .services .push:first-child:before, .page-contact .services .push:before { display: none; } /* line 19, ../sass/_button.scss */ #main > .container > section .cta.subscribe:before, #main > .container > section #pauth .subscribe.cta-second:before, #pauth #main > .container > section .subscribe.cta-second:before, #main > .container > section .cta[title='subscribe']:before, #main > .container > section #pauth [title='subscribe'].cta-second:before, #pauth #main > .container > section [title='subscribe'].cta-second:before, #main > .container > section .cta[data-tootlip-content=".tooltip-subscribe"]:before, #main > .container > section #pauth [data-tootlip-content=".tooltip-subscribe"].cta-second:before, #pauth #main > .container > section [data-tootlip-content=".tooltip-subscribe"].cta-second:before { display: none; } /* line 25, ../sass/_button.scss */ #main > .container > section button[type='submit']:before, #main > .container > section button[type='submit']:after { display: none; } /* line 43, ../sass/_button.scss */ .cta.subscribe::before, #main .push-image .push-content .subscribe.cta::before, #pauth .subscribe.cta::before, #pauth .subscribe.cta-second::before { display: block; font-size: 25px; position: absolute; right: 0; text-align: center; top: 50%; margin-top: -13px; width: 40px; } /*.header-fix.in .actions a.cta:after, souscrire du bandeau fixe de la page produit .push-client .cta:after { content: "\e60e"; font-size: 25px; right:3px; }*/ /* line 64, ../sass/_button.scss */ #pauth .cta-second.icon-bpce-close, .cta-second.icon-bpce-close { padding-left: 8px !important; padding-right: 8px !important; } /* line 71, ../sass/_button.scss */ .find-dealer .select-dealer .title-select, .find-dealer .search-zip .search-input { background: #aeaeae; border: none; } /* line 85, ../sass/_button.scss */ .push-basic .btn, .cta-small { margin-top: 10px; } /* line 96, ../sass/_button.scss */ .page-crossroads .interblock .interblock-links .link a { background: none; color: #4d4d4d; font-family: 'main','Arial Black', Arial; font-size: 12px !important; font-weight: 700; text-transform: uppercase; line-height: 1.1em; letter-spacing: 0; text-align: left; font-weight: 600; letter-spacing: 1px; padding-right: 5px; position: relative; display: inline-block; padding: 0; min-width: auto; color: #373737; /*&:before { display: none; }*/ text-decoration: underline !important; } /* line 106, ../sass/_button.scss */ .page-crossroads .interblock .interblock-links .link a .text-red { color: #373737 !important; } /* line 109, ../sass/_button.scss */ .page-crossroads .interblock .interblock-links .link a .text-strong { font-weight: 600; } /* line 112, ../sass/_button.scss */ .page-crossroads .interblock .interblock-links .link a br { line-height: 0; } /* line 115, ../sass/_button.scss */ .page-crossroads .interblock .interblock-links .link a span.icon-bpce-arrow-right { display: none; } /* line 118, ../sass/_button.scss */ .page-crossroads .interblock .interblock-links .link a:after { /*content: "";*/ display: block !important; position: absolute; right: -10px; bottom: 2px; border: 5px solid transparent; width: 0; height: 0; /*equilateral*/ border-left: 6px solid #000; border-right-width: 0; } /* line 133, ../sass/_button.scss */ .page-crossroads .interblock .interblock-links .link a:hover { color: #121100; text-decoration: underline !important; } /* line 137, ../sass/_button.scss */ .page-crossroads .interblock .interblock-links .link a span { display: inline; } /* line 142, ../sass/_button.scss */ .page-crossroads .interblock .interblock-links .link a:hover, .page-crossroads .interblock .interblock-links .link a:hover .text-red { color: #121100 !important; } /* line 145, ../sass/_button.scss */ .page-crossroads .interblock .interblock-links .illustration + .link { text-align: left; } /* line 147, ../sass/_button.scss */ .page-crossroads .interblock .interblock-links .illustration + .link a { display: table; } /* line 150, ../sass/_button.scss */ .page-crossroads .block-pushes.block-needs .block-footer, .page-crossroads .block-pushes.block-needs .pushs-footer { text-align: left; margin-right: 20px; padding-top: 10px; } /* line 155, ../sass/_button.scss */ .page-crossroads .block-pushes.block-needs .block-footer a, .page-crossroads .block-pushes.block-needs .pushs-footer a { padding-left: 10px; } /* line 157, ../sass/_button.scss */ .page-crossroads .block-pushes.block-needs .block-footer a .text-red, .page-crossroads .block-pushes.block-needs .pushs-footer a .text-red { color: #4d4d4d !important; } /* line 160, ../sass/_button.scss */ .page-crossroads .block-pushes.block-needs .block-footer a .text-strong, .page-crossroads .block-pushes.block-needs .pushs-footer a .text-strong { font-weight: 600; } /* line 163, ../sass/_button.scss */ .page-crossroads .block-pushes.block-needs .block-footer a br, .page-crossroads .block-pushes.block-needs .pushs-footer a br { line-height: 0; } /* line 166, ../sass/_button.scss */ .page-crossroads .block-pushes.block-needs .block-footer a span.icon-bpce-arrow-right, .page-crossroads .block-pushes.block-needs .pushs-footer a span.icon-bpce-arrow-right, .page-crossroads .block-pushes.block-needs .block-footer a span.icon-bpce-arrow-right:before, .page-crossroads .block-pushes.block-needs .pushs-footer a span.icon-bpce-arrow-right:before { display: none; } @media screen and (max-width: 619px) { /* line 155, ../sass/_button.scss */ .page-crossroads .block-pushes.block-needs .block-footer a, .page-crossroads .block-pushes.block-needs .pushs-footer a { display: inline; text-decoration: underline !important; } /* line 174, ../sass/_button.scss */ .page-crossroads .block-pushes.block-needs .block-footer a:after, .page-crossroads .block-pushes.block-needs .pushs-footer a:after { display: none; } /* line 178, ../sass/_button.scss */ .page-crossroads .block-pushes.block-needs .block-footer a:hover, .page-crossroads .block-pushes.block-needs .pushs-footer a:hover { color: #121100; text-decoration: underline !important; } /* line 182, ../sass/_button.scss */ .page-crossroads .block-pushes.block-needs .block-footer a span, .page-crossroads .block-pushes.block-needs .pushs-footer a span { display: inline; } } /* line 192, ../sass/_button.scss */ .page-crossroads .block-pushes.block-needs .block-footer, .page-crossroads .block-pushes.block-needs .pushs-footer { text-align: right; padding-right: 20px; } /* line 196, ../sass/_button.scss */ .page-crossroads .block-pushes.block-needs .block-footer a:before, .page-crossroads .block-pushes.block-needs .pushs-footer a:before { content: ""; display: block !important; position: absolute; right: -10px; left: auto; top: 1px; width: 10px; height: 12px; border: 4.5px solid transparent; width: 0; height: 0; /*equilateral*/ border-left: 5.5px solid #000; border-right-width: 0; } /* line 214, ../sass/_button.scss */ .page-crossroads .summary .link-bottom a { font-size: 12px; color: #4d4d4d; display: inline-block; color: #373737; letter-spacing: 1px; } /* line 221, ../sass/_button.scss */ .page-crossroads .summary .link-bottom a:hover { color: #373737; } /* line 222, ../sass/_button.scss */ .page-crossroads .summary .link-bottom a:hover:before { opacity: 1; } /* line 224, ../sass/_button.scss */ .page-crossroads .summary .link-bottom a:before { top: 14px; background-color: #373737; } /* line 225, ../sass/_button.scss */ .page-crossroads .summary .link-bottom a br { content: ""; /* ne fonctionne pas dans Firefox */ display: none; /* Pour la contrib, placer une espace avant dans le texte */ } /* line 228, ../sass/_button.scss */ .page-crossroads .summary .link-bottom a br:before { content: " "; display: inline; } /* line 236, ../sass/_button.scss */ .page-crossroads .summary.inverse .link-bottom a { color: #fff; } /* line 245, ../sass/_button.scss */ .product-page .link-wrapper.pull-right, .product-page .link-wrapper, #main .link-wrapper.pull-right, #main .link-wrapper { text-align: center; } /* line 257, ../sass/_button.scss */ .product-page .link-next.picto:after, #main .link-next.picto:after { margin-left: 0; left: 57px; top: 63% !important; } /* line 262, ../sass/_button.scss */ .product-page .link-next.picto:before, #main .link-next.picto:before { display: none !important; /*right: -12px; left: auto; top: 50% !important; margin-top: -6px;*/ } /* line 270, ../sass/_button.scss */ .product-page .link-next, #main .link-next { float: none !important; text-align: center !important; } /* line 275, ../sass/_button.scss */ .product-page .link-wrapper .link-next, #main .link-wrapper .link-next { text-align: left !important; display: inline-block; } @media screen and (max-width: 619px) { /* line 279, ../sass/_button.scss */ .product-page .link-next, .product-page .link-next.picto, #main .link-next, #main .link-next.picto { display: inline; text-decoration: underline !important; } /* line 281, ../sass/_button.scss */ .product-page .link-next:after, .product-page .link-next.picto:after, #main .link-next:after, #main .link-next.picto:after { display: none; } /* line 285, ../sass/_button.scss */ .product-page .link-next:hover, .product-page .link-next.picto:hover, #main .link-next:hover, #main .link-next.picto:hover { color: #121100; text-decoration: underline !important; } /* line 289, ../sass/_button.scss */ .product-page .link-next span, .product-page .link-next.picto span, #main .link-next span, #main .link-next.picto span { display: inline; } /* line 293, ../sass/_button.scss */ .product-page .link-next.picto, #main .link-next.picto { /*&:after { content: "\e608"; display: inline; font-size: 15px; font-family: "bpce-icons"; line-height: 15px !important; position: static; text-align: center; margin-left: 5px; vertical-align: bottom; }*/ } /* line 294, ../sass/_button.scss */ .product-page .link-next.picto:before, #main .link-next.picto:before { right: -12px; left: auto; top: auto !important; bottom: 3px; margin-top: 0; } } /* line 6, ../sass/_framework.scss */ body { background: #ece4db url("../assets/themes/ccoop_theme/images/app/background.jpg") repeat; font-family: 'main', Arial; font-weight: 400; color: #4d4d4d; line-height: 1.39em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 17, ../sass/_framework.scss */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0 0 10px 0; font-family: 'extra1', 'Arial Black', Arial; font-weight: normal; text-transform: uppercase; line-height: 1.2em; } /* line 25, ../sass/_framework.scss */ h2.title { border: none; background: none; margin-bottom: 10px; } /* line 30, ../sass/_framework.scss */ h2 strong { font-family: 'extra1'; text-transform: uppercase; } /* line 37, ../sass/_framework.scss */ ul, ol { margin-bottom: 0; margin-top: 0; } /* line 42, ../sass/_framework.scss */ p { line-height: 1.35em; } /* line 45, ../sass/_framework.scss */ *:focus, *:active { outline: 0; } /* line 48, ../sass/_framework.scss */ a { color: #4d4d4d; } /* line 51, ../sass/_framework.scss */ a:active, a:focus, a:hover { color: inherit; outline: 0; } /* line 55, ../sass/_framework.scss */ .text-strong { font-weight: 600; } /* line 58, ../sass/_framework.scss */ .text-red { color: #c8121A; } /* line 62, ../sass/_framework.scss */ b, strong { font-weight: 600; } /* line 69, ../sass/_framework.scss */ .text-italic { font-style: italic; } /* line 73, ../sass/_framework.scss */ .mentions { color: #373737; } /* line 80, ../sass/_framework.scss */ #footer { padding-top: 40px; padding-bottom: 20px; } @media screen and (min-width: 768px) { /* line 86, ../sass/_framework.scss */ .layout-fluid #footer .container .row .dropdown { padding-bottom: 15px; padding-top: 10px; padding-right: 15px; } /* line 90, ../sass/_framework.scss */ .layout-fluid #footer .container .row .col-md-3 { position: relative; border-left: 1px solid #4d4d4d; } /* line 94, ../sass/_framework.scss */ .layout-fluid #footer .container .row .col-md-3:first-child { border-left: none; } } @media screen and (min-width: 999px) { /* line 100, ../sass/_framework.scss */ .layout-fluid #footer .container .row .col-md-3 > .dropdown { padding-right: 20px !important; padding-left: 20px !important; } } /* line 107, ../sass/_framework.scss */ .layout-fluid #footer .container .row .col-md-3:last-child > .dropdown { padding-right: 0; } /* line 109, ../sass/_framework.scss */ .layout-fluid #footer .container .row .col-md-3:last-child > .dropdown .title { display: none; } /* line 114, ../sass/_framework.scss */ #footer .container .row .dropdown .dropdown-menu { background: none; min-width: 100%; } /* line 117, ../sass/_framework.scss */ .layout-fluid #footer .container .row .dropdown .title { margin-bottom: 0; } /* line 121, ../sass/_framework.scss */ #footer .container .row .dropdown .title { color: #ece4db !important; line-height: 17px; } @media screen and (min-width: 768px) { /* line 127, ../sass/_framework.scss */ .layout-fluid #footer .container .row { border-top: none; } } /* line 132, ../sass/_framework.scss */ #footer .container .row .dropdown .dropdown-menu li { line-height: 1.35em; margin-bottom: 5px; } /* line 136, ../sass/_framework.scss */ #footer .container .row .dropdown .dropdown-menu li.socials, #footer .container .row .dropdown .dropdown-menu li.socials li { margin-bottom: 0; } /* line 141, ../sass/_framework.scss */ .layout-fluid #footer .container .row .col-md-3:last-child .dropdown-menu > li { height: 49px; width: 210px; padding-left: 60px; background: #707173 no-repeat 10px center; } /* line 146, ../sass/_framework.scss */ .layout-fluid #footer .container .row .col-md-3:last-child .dropdown-menu > li a { line-height: 17px; height: 49px; display: table-cell; vertical-align: middle; } /* line 152, ../sass/_framework.scss */ .layout-fluid #footer .container .row .col-md-3:last-child .dropdown-menu > li:nth-child(1) { background-image: url("../assets/themes/ccoop_theme/images/app/footer/BEL-PP_footer.png"); } /* line 155, ../sass/_framework.scss */ .layout-fluid #footer .container .row .col-md-3:last-child .dropdown-menu > li:nth-child(2) { background-image: url("../assets/themes/ccoop_theme/images/app/footer/BEL-PM_footer.png"); } /* line 158, ../sass/_framework.scss */ .layout-fluid #footer .container .row .col-md-3:last-child .dropdown-menu > li:nth-child(3) { background-image: url("../assets/themes/ccoop_theme/images/app/footer/footer_icon_consultez.png"); } /* line 161, ../sass/_framework.scss */ .layout-fluid #footer .container .row .col-md-3:last-child .dropdown-menu > li:nth-child(4) { background-image: url("../assets/themes/ccoop_theme/images/app/footer/footer_icon_consultez.png"); } /* line 161, ../sass/_framework.scss */ .layout-fluid #footer .container .row .col-md-3:last-child .dropdown-menu > li:nth-child(5) { background-image: url("../assets/themes/ccoop_theme/images/app/footer/footer_icon_map.png"); } @media screen and (min-width: 768px) and (max-width: 999px) { /* line 168, ../sass/_framework.scss */ .layout-fluid #footer .container .row .col-md-3:last-child .dropdown-menu > li { height: 49px; width: 180px; padding-left: 50px; background-position: 7px center; } } /* line 175, ../sass/_framework.scss */ .layout-fluid #footer .container .row .col-md-3:last-child .dropdown-menu > li.socials { height: auto; width: auto; background: none; padding-left: 0; } /* line 186, ../sass/_framework.scss */ #footer .container .row .socials:before { display: block; content: "suivez-nous sur les réseaux sociaux"; font-family: 'main'; font-style: italic; font-weight: bold; color: #fff; font-size: 16px; text-transform: uppercase; margin-top: 30px; } /* line 197, ../sass/_framework.scss */ #footer .container .row .socials ul { margin: 15px 0 0; } @media screen and (min-width: 768px) and (max-width: 999px) { /* line 202, ../sass/_framework.scss */ #footer .container .row .socials ul li { margin-right: 7px; } /* line 203, ../sass/_framework.scss */ #footer .container .row .socials ul li:last-child { margin-right: 0; } } /* line 206, ../sass/_framework.scss */ #footer .container .row .socials ul li .social { background-image: url("../assets/themes/ccoop_theme/images/app/socials.png"); height: 32px !important; width: 32px; } /* line 211, ../sass/_framework.scss */ #footer .container .row .socials ul li .social.twitter { background-position: -32px 0; } /* line 214, ../sass/_framework.scss */ #footer .container .row .socials ul li .social.linkedin { background-position: -64px 0; } /* line 217, ../sass/_framework.scss */ #footer .container .row .socials ul li .social.youtube { background-position: -96px 0; } /* line 220, ../sass/_framework.scss */ #footer .container .row .socials ul li .social.tousbanquiers { background-position: -128px 0; } /* line 223, ../sass/_framework.scss */ #footer .container .row .socials ul li .social.facebook:hover { background-position: 0 -32px; } /* line 226, ../sass/_framework.scss */ #footer .container .row .socials ul li .social.twitter:hover { background-position: -32px -32px; } /* line 229, ../sass/_framework.scss */ #footer .container .row .socials ul li .social.linkedin:hover { background-position: -64px -32px; } /* line 232, ../sass/_framework.scss */ #footer .container .row .socials ul li .social.youtube:hover { background-position: -96px -32px; } /* line 235, ../sass/_framework.scss */ #footer .container .row .socials ul li .social.tousbanquiers:hover { background-position: -128px -32px; } /* line 241, ../sass/_framework.scss */ #footer, #footer .container .row .dropdown .dropdown-menu { background: #373737; } /* line 244, ../sass/_framework.scss */ #footer .container .row .dropdown { color: #fff; } /* line 248, ../sass/_framework.scss */ #footer .container .row .dropdown::before { display: none; } /* line 253, ../sass/_framework.scss */ .layout-fluid #footer .container .row .dropdown .title { color: #fff; } @media screen and (min-width: 768px) { /* line 259, ../sass/_framework.scss */ .layout-fluid #footer .container .row .dropdown .title:before, .layout-fluid #footer .container .row .dropdown .title:after { content: "."; font-size: 20px; display: inline; margin-top: -2px; } /* line 266, ../sass/_framework.scss */ .layout-fluid #footer .container .row .dropdown .title:before { margin-right: 5px; } /* line 269, ../sass/_framework.scss */ .layout-fluid #footer .container .row .dropdown .title:after { margin-left: 5px; } } /* line 275, ../sass/_framework.scss */ .layout-fluid #footer .container .row .dropdown .dropdown-menu li a { color: #fff; font-size: 14px; } @media screen and (max-width: 767px) { /* line 275, ../sass/_framework.scss */ .layout-fluid #footer .container .row .dropdown .dropdown-menu li a { font-size: 15px; } .layout-fluid #footer .container .row .dropdown.open .title:after { content: "\e607"; } } /* line 282, ../sass/_framework.scss */ .layout-fluid #footer .container .row .dropdown .dropdown-menu li a { border: none; /* color: #999999; display: inline-block; line-height: 1.4285em; padding: 7px 10px; width: 100%;*/ } /* line 290, ../sass/_framework.scss */ .layout-fluid #footer .container .row .dropdown .dropdown-menu li a:hover { text-decoration: underline; } /* line 293, ../sass/_framework.scss */ #footer .container .row .dropdown .ezxmltext-field p:first-child { color: #fff; font-size: 14px; } @media screen and (max-width: 767px) { /* line 293, ../sass/_framework.scss */ #footer .container .row .dropdown .ezxmltext-field p:first-child { font-size: 15px; } } /* line 302, ../sass/_framework.scss */ .layout-fluid #footer .container .row > div:first-child .dropdown:first-child { border-top: 0; } @media screen and (max-width: 767px) { /* line 307, ../sass/_framework.scss */ #footer { padding-left: 7px; } /* line 310, ../sass/_framework.scss */ #footer .col-md-3:last-child .dropdown-menu { display: block; margin-top: 15px !important; } /* line 314, ../sass/_framework.scss */ .layout-fluid #footer .container .row .dropdown .dropdown-menu li { margin: 0 0 5px; } /* line 318, ../sass/_framework.scss */ .layout-fluid #footer .container .row .col-md-3:last-child .dropdown-menu > li.socials { max-width: 210px; padding-left: 0; text-align: left; } /* line 323, ../sass/_framework.scss */ .socials li { margin: 10px 10px 10px 0 !important; } /* line 326, ../sass/_framework.scss */ .layout-fluid #footer .container .row .dropdown .dropdown-menu li a.social { width: 30px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { /* line 334, ../sass/_framework.scss */ #footer .container .row .col-md-3 { width: 24%; } } /* line 340, ../sass/_framework.scss */ #main .main-push-wrapper section { width: auto; } @media screen and (max-width: 619px) { /* line 345, ../sass/_framework.scss */ .list-wrapper .cta.visible-sm.visible-sm.visible-lg.force-inline, .list-wrapper #main .push-image .push-content .visible-sm.visible-sm.visible-lg.force-inline.cta, #main .push-image .push-content .list-wrapper .visible-sm.visible-sm.visible-lg.force-inline.cta, .list-wrapper #pauth .visible-sm.visible-sm.visible-lg.force-inline.cta, #pauth .list-wrapper .visible-sm.visible-sm.visible-lg.force-inline.cta, .list-wrapper #pauth .visible-sm.visible-sm.visible-lg.force-inline.cta-second, #pauth .list-wrapper .visible-sm.visible-sm.visible-lg.force-inline.cta-second { display: block !important; } } /* CNIL */ /* line 2, ../sass/_header_cnil.scss */ .cnil_warning.container { background-color: #aeaeae; margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; width: 100% !important; /* @media screen and (min-width: 1000px) {*/ padding-right: 0; padding-left: 0; /* }*/ } /* line 485, ../sass/_mixin.scss */ .cnil_warning.container > .row { margin-left: 15px; margin-right: 15px; /* avant on avait 0 et 0*/ } @media screen and (min-width: 1000px) { /* line 502, ../sass/_mixin.scss */ .cnil_warning.container > * { margin-right: auto !important; margin-left: auto !important; max-width: 980px; width: 980px; float: none; /*@if($width == 980px) { @media screen and (max-width: 1059px) { width: 950px; } }*/ } } /* line 7, ../sass/_header_cnil.scss */ .i_infos_wrapper { background: none !important; } /* line 11, ../sass/_header_cnil.scss */ .i_infos h2 { color: #c8121A; } /*PLACEHOLDER*/ /* line 61, ../../../../../../../../Applications/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */ input[type="text"]:-moz-placeholder, textarea:-moz-placeholder { color: #707173; font-style: normal; opacity: 1; font-size: 14px !important; } /* line 64, ../../../../../../../../Applications/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */ input[type="text"]::-moz-placeholder, textarea::-moz-placeholder { color: #707173; font-style: normal; opacity: 1; font-size: 14px !important; } /* line 67, ../../../../../../../../Applications/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */ input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #707173; font-style: normal; opacity: 1; font-size: 14px !important; } /* line 56, ../../../../../../../../Applications/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */ input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #707173; font-style: normal; opacity: 1; font-size: 14px !important; } /*BURGER*/ @media screen and (max-width: 999px) { /* line 27, ../sass/_header_cnil.scss */ .layout-fluid #header .burger { background: transparent url("../assets/themes/ccoop_theme/images/app/header/burger.png") no-repeat scroll right center; top: 0; right: 15px; } /* line 31, ../sass/_header_cnil.scss */ .layout-fluid #header .burger:before { display: none; } } @media screen and (max-width: 999px) and (min-width: 620px) { /* line 27, ../sass/_header_cnil.scss */ .layout-fluid #header .burger { height: 50px; } } /*HEADER*/ /*PORTAIL CONNECTE*/ @media screen and (max-width: 619px) { /* line 43, ../sass/_header_cnil.scss */ #header .container .client-values .profil-user { height: 41px; } } /* line 48, ../sass/_header_cnil.scss */ #header .container .client-values .pro-infos, #header .container .client-values .profil-infos { white-space: nowrap; text-overflow: ellipsis; } /* line 54, ../sass/_header_cnil.scss */ #header .container .client-values { width: auto; } /* line 58, ../sass/_header_cnil.scss */ #header .container .client-values .profil-infos { color: #c8121A; } /* line 62, ../sass/_header_cnil.scss */ #header .container .client-values .profil-user.professionnel .pro-infos { display: block; } @media screen and (max-width: 999px) { /* line 66, ../sass/_header_cnil.scss */ .layout-fluid #header .container .client-values { top: 3px; } /* line 70, ../sass/_header_cnil.scss */ #header .container .client-values p { line-height: 1.1em; } /* line 74, ../sass/_header_cnil.scss */ #header .container .off-canvas .profil-user .profil-link { margin-left: 20px; } /* line 78, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .speed-links .mailbox.new-mail a:after { right: auto; top: 20px; left: 50%; margin-left: 13px; } /* line 85, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .profil-user .pro-infos, .layout-fluid #header .off-canvas .inner .profil-user .profil-infos { width: 100%; padding: 0 20px; line-height: 1.1em; } /* line 92, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .profil-user .pro-infos { padding-top: 2px; } /* line 96, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .profil-user .profil-infos { font-size: 13px; } /* line 100, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .profil-user .pro-infos { font-size: 14px; } /* line 104, ../sass/_header_cnil.scss */ #header .container .client-values .profil-infos { font-size: 13px; } /* line 108, ../sass/_header_cnil.scss */ #header .container .client-values .pro-infos { font-size: 14px; margin-top: -1px; } } @media screen and (max-width: 767px) { /* line 114, ../sass/_header_cnil.scss */ .layout-fluid #header .container .client-values { top: 3px; } /* line 118, ../sass/_header_cnil.scss */ #header .container .client-values .profil-infos { font-size: 13px; } /* line 122, ../sass/_header_cnil.scss */ #header .container .client-values .pro-infos { font-size: 14px; } } @media screen and (min-width: 621px) { /* line 127, ../sass/_header_cnil.scss */ #header .container .client-values .pro-infos, #header .container .client-values .profil-infos { width: 450px; line-height: 1em; } } @media screen and (max-width: 620px) { /* line 134, ../sass/_header_cnil.scss */ .layout-fluid #header .container .client-values { top: 1px; } /* line 138, ../sass/_header_cnil.scss */ #header .container .client-values .pro-infos, #header .container .client-values .profil-infos { font-size: 12px; line-height: 1em; width: 250px; } /* line 145, ../sass/_header_cnil.scss */ #header .container .client-values .pro-infos { font-size: 13px; } } @media screen and (max-width: 400px) { /* line 150, ../sass/_header_cnil.scss */ #header .container .client-values .pro-infos, #header .container .client-values .profil-infos { padding-left: 47px; width: 220px; } } /* line 157, ../sass/_header_cnil.scss */ #header .container .off-canvas .profil-user .profil-infos { color: #c8121A; width: 150px !important; } /* line 161, ../sass/_header_cnil.scss */ #header .container .off-canvas .profil-user .profil-link span, #header .container .off-canvas .profil-user .profil-link span:hover { background-image: url("../assets/themes/ccoop_theme/images/app/header/user-account/ccoop/icon-user.png"); background-position: center 3px; color: #4d4d4d; } /* line 168, ../sass/_header_cnil.scss */ #header .container .off-canvas .profil-user .profil-link span:hover { background-position: center 2px; color: #4d4d4d; } /* line 173, ../sass/_header_cnil.scss */ #header .container .account-link a.disconnect { background: #707173 !important; } /* line 177, ../sass/_header_cnil.scss */ #header .container .account-link a.disconnect:hover { background: #373737 !important; } /* line 181, ../sass/_header_cnil.scss */ #header .container .account-link a.disconnect:before { vertical-align: middle; font-family: "bpce-icons"; margin-top: 0; margin-left: -3px; } /*CONNECTE DESKTOP*/ @media screen and (min-width: 1000px) { /* line 189, ../sass/_header_cnil.scss */ .layout-fluid #header .container .profil-user { left: 50%; margin-left: -320px; top: auto; bottom: 92px; padding-left: 70px; width: auto; } /* line 198, ../sass/_header_cnil.scss */ .layout-fluid #header .container .profil-user:hover .pro-infos, .layout-fluid #header .container .profil-user:hover .profil-infos { text-decoration: underline; color: #c8121A; } /* line 206, ../sass/_header_cnil.scss */ #header .container .off-canvas .profil-user .profil-link { margin-bottom: 0; border-right: none; width: 64px; float: none; position: absolute; bottom: 10px; left: 0; } /* line 216, ../sass/_header_cnil.scss */ #header .container .off-canvas .profil-user .user-container { text-decoration: none; color: #4d4d4d; width: auto; display: table-cell; height: auto; border-left: 1px solid #aeaeae; padding-left: 10px; padding-top: 3px; vertical-align: bottom; } /* line 228, ../sass/_header_cnil.scss */ #header .container .off-canvas .profil-user .pro-infos, #header .container .off-canvas .profil-user .profil-infos { padding: 0; width: auto; clear: both; } /* line 235, ../sass/_header_cnil.scss */ #header .container .off-canvas .profil-user .profil-link span { color: #4d4d4d; } /* line 239, ../sass/_header_cnil.scss */ #header .container .off-canvas .profil-user .profil-link:hover { color: #373737; } /* line 243, ../sass/_header_cnil.scss */ #header .container .off-canvas .profil-user .profil-link span, #header .container .off-canvas .profil-user .profil-link span:hover { background-image: url("../assets/themes/ccoop_theme/images/app/header/user-account/ccoop/icon-user.png"); background-position: center 0; height: 48px; } /* line 250, ../sass/_header_cnil.scss */ #header .container .off-canvas .profil-user .profil-link span:hover { background-position: center -100px; } /* line 254, ../sass/_header_cnil.scss */ #header .container .off-canvas .profil-user .profil-link span { padding-top: 46px; } } /* line 259, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs > li > a.simple-link span:before { display: none; } /*HEADER*/ /* line 264, ../sass/_header_cnil.scss */ .layout-fluid #header { margin-bottom: 0; } /* line 268, ../sass/_header_cnil.scss */ .layout-fluid #header .container { box-shadow: none; } /* line 272, ../sass/_header_cnil.scss */ #header .container .logo { margin-top: 14px; margin-left: 10px; text-align: left; } @media screen and (min-width: 1000px) { /* line 278, ../sass/_header_cnil.scss */ .layout-fluid #header { margin-bottom: 20px; } /* line 282, ../sass/_header_cnil.scss */ .layout-fluid #header .container .logo-container { height: 120px; } /* line 286, ../sass/_header_cnil.scss */ #header .container .logo { margin-top: 14px; margin-left: -8px; width: auto; height: 80%; } } /* line 294, ../sass/_header_cnil.scss */ .layout-fluid #header .container .logo img { width: 138px; max-width: 100%; max-height: 70%; } @media screen and (max-width: 999px) { /* line 300, ../sass/_header_cnil.scss */ .layout-fluid #header, .layout-fluid.offcanvas-open #header { height: 50px; border-bottom: 1px solid #aeaeae; } /* line 306, ../sass/_header_cnil.scss */ .layout-fluid #header .container .logo-container { height: auto; } /* line 310, ../sass/_header_cnil.scss */ .layout-fluid #header .container .logo img { height: 42px; padding-top: 5px; width: auto; } /* line 315, ../sass/_header_cnil.scss */ #header .container .logo { margin-top: 0; left: 15px; } /* line 320, ../sass/_header_cnil.scss */ .layout-fluid #header .container .logo.desktop img { height: 70%; } } @media screen and (max-width: 767px) { /* line 325, ../sass/_header_cnil.scss */ .layout-fluid #header .container .logo { background: transparent url("../assets/themes/ccoop_theme/images/app/header/logo-mobile.png") no-repeat scroll center center; margin: 0; position: relative; width: 70px; } /* line 332, ../sass/_header_cnil.scss */ .layout-fluid #header .container .logo.logo_mobile img { padding-top: 5px; max-height: inherit; max-width: inherit; margin-top: -3px; } /* line 341, ../sass/_header_cnil.scss */ .layout-fluid #header .container .logo-container { padding-bottom: 0; padding-top: 0; } } @media screen and (max-width: 619px) { /* line 347, ../sass/_header_cnil.scss */ .layout-fluid #header, .layout-fluid.offcanvas-open #header { border-bottom: 1px solid #aeaeae; height: 41px; } /* line 352, ../sass/_header_cnil.scss */ .layout-fluid #header .container .logo { width: 65px; } /* line 354, ../sass/_header_cnil.scss */ .layout-fluid #header .container .off-canvaslayer.open { top: 41px; } /* line 357, ../sass/_header_cnil.scss */ .layout-fluid #header .container .logo.logo_mobile img { padding-top: 3px; height: 34px; } } /* line 362, ../sass/_header_cnil.scss */ .layout-fluid #header .container .logo-container { padding: 0; } @media screen and (min-width: 620px) { /* line 366, ../sass/_header_cnil.scss */ .layout-fluid #header .container .logo.desktop img { height: 70%; } /* line 370, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvaslayer.open { top: 51px; } } @media screen and (max-width: 767px) { /* line 375, ../sass/_header_cnil.scss */ #header .container .logo.desktop { display: none; } } @media screen and (min-width: 768px) and (max-width: 999px) { /* line 380, ../sass/_header_cnil.scss */ #header .container .logo { margin-left: 20px; } } @media screen and (max-width: 405px) { /* line 388, ../sass/_header_cnil.scss */ .layout-fluid.offcanvas-open .logo-container { opacity: 0; } } @media screen and (min-width: 1000px) { /* line 393, ../sass/_header_cnil.scss */ .layout-fluid #header .container .logo.desktop img { height: 67px; } } /*ACCOUNT TYPE*/ @media screen and (min-width: 1000px) { /* line 406, ../sass/_header_cnil.scss */ #header { background: none; } } @media screen and (min-width: 1000px) { /* line 411, ../sass/_header_cnil.scss */ #header { position: relative; padding-top: 36px; } } @media screen and (min-width: 1000px) { /* line 426, ../sass/_header_cnil.scss */ .layout-fluid #header .container .account-type { left: 0; margin: 0; position: absolute; top: 0; right: 0; background-color: #373737; overflow: hidden; } } @media screen and (min-width: 1000px) { /*DESKTOP ACCOUNT LINK BUTTON POSITION*/ /* line 431, ../sass/_header_cnil.scss */ .layout-fluid #header .container .off-canvas .inner > .account-link.account-link { position: absolute; margin-right: -490px; right: 50%; width: 165px; top: 75px; } /*DESKTOP ACCOUNT LINK BUTTON POSITION home V2*/ /* line 440, ../sass/_header_cnil.scss */ .layout-fluid #header .container .off-canvas .inner > .account-link.espace-client, .layout-fluid #header .container .off-canvas .inner > .devenir-client { position: absolute; margin-right: -490px; right: 50%; width: 165px; } /* line 447, ../sass/_header_cnil.scss */ .layout-fluid #header .container .off-canvas .inner > .account-link.espace-client { top: 98px; } /* line 453, ../sass/_header_cnil.scss */ .layout-fluid #header .container .off-canvas .inner > .devenir-client { top: 56px; } /*DESKTOP SPEED LINKS POSITION*/ /* line 458, ../sass/_header_cnil.scss */ .layout-fluid #header .container .speed-links { margin-right: -305px; right: 50%; left: auto; /* top: 42 + $account_type_height;*/ } /* line 464, ../sass/_header_cnil.scss */ #header .container .account-link a { width: 165px; } /* line 468, ../sass/_header_cnil.scss */ .layout-fluid #header .container .speed-links { top: 44px; } } @media screen and (max-width: 999px) { /* line 473, ../sass/_header_cnil.scss */ #header .container .account-type .title:after { color: #373737 !important; } /* line 477, ../sass/_header_cnil.scss */ #header .container .account-type .dropdown-menu { border: none; margin-top: 0; padding: 0; } /* line 483, ../sass/_header_cnil.scss */ #header .container .account-type .dropdown-menu li { border-top: none; margin: 0; } /* line 488, ../sass/_header_cnil.scss */ #header .container .account-type .dropdown-menu > li > a { background: #f7f7f7; color: #4d4d4d; /*line-height: 1; padding: 8px 10px; white-space: initial; border:none;*/ } /* line 497, ../sass/_header_cnil.scss */ #header .container .account-type .dropdown-menu > li > a.active, #header .container .account-type .dropdown-menu > li > a:hover { color: #c8121A; background: #f7f7f7; font-weight: bold; } } /*HEADER DESKTOP A REPORTER DANS DEI*/ @media screen and (min-width: 1000px) { /* line 506, ../sass/_header_cnil.scss */ #header .logo-container, #header > .container, .layout-fluid #header .container .main-header { position: static; } } /*ACCOUNT TYPE*/ @media screen and (min-width: 1000px) { /* line 552, ../sass/_header_cnil.scss */ .layout-fluid #header .container .account-type .dropdown-menu li:first-child a { width: 60px !important; } } @media screen and (min-width: 1000px) { /* line 557, ../sass/_header_cnil.scss */ .layout-fluid #header .container .account-type .dropdown-menu { display: block !important; border: none; position: static; width: 100%; margin: 0; position: relative; float: none; margin-right: auto !important; margin-left: auto !important; max-width: 980px; width: 980px; float: none; padding: 0; } /* line 530, ../sass/_header_cnil.scss */ .layout-fluid #header .container .account-type .dropdown-menu li:first-child a { text-indent: 8000px; display: block; width: 30px; height: 36px; } /* line 536, ../sass/_header_cnil.scss */ .layout-fluid #header .container .account-type .dropdown-menu li:first-child a:before { content: ""; background: url("../assets/themes/ccoop_theme/images/app/header/home.png") no-repeat center center; display: block; height: 36px; text-align: center; position: absolute; width: 60px; z-index: 10; left: 0; text-indent: 0; } } @media screen and (min-width: 1000px) { /* line 565, ../sass/_header_cnil.scss */ #header .container .account-type .title { display: none; } } /* line 570, ../sass/_header_cnil.scss */ #header .container .account-type .title { background: #f7f7f7; border: none; color: #666; display: block; font-size: 14px !important; height: 34px; line-height: 34px; overflow: hidden; padding: 0 20px 0 40px; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 280px; } @media screen and (max-width: 767px) { /* line 570, ../sass/_header_cnil.scss */ #header .container .account-type .title { font-size: 15px !important; } } @media screen and (min-width: 1000px) { /* line 570, ../sass/_header_cnil.scss */ #header .container .account-type .title { display: none; } } /* line 591, ../sass/_header_cnil.scss */ #header .container .account-type .title:after { color: #7c5691; font-size: 15px; line-height: 35px; right: 10px; /*inherit*/ vertical-align: middle; content: "\e60a"; font-family: 'bpce-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; position: absolute; top: 2px; line-height: 30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media screen and (min-width: 1000px) { /* line 635, ../sass/_header_cnil.scss */ #header .container .account-type .dropdown-menu li { border-top: none; background-color: #373737; margin: 0; float: left; position: relative; } /* line 619, ../sass/_header_cnil.scss */ #header .container .account-type .dropdown-menu li a { padding: 0 15px; line-height: 36px; font-size: 14‡px; color: #fff; font-family: 'main'; } /* line 627, ../sass/_header_cnil.scss */ #header .container .account-type .dropdown-menu li a.active, #header .container .account-type .dropdown-menu li a:hover { color: #FFF; background-color: #c8121A; } } /*BUTTON ACCOUNT LINK*/ /* line 640, ../sass/_header_cnil.scss */ #header .container .account-link a::before { font-size: 25px; margin-right: 0; margin-top: -2px; float: none; width: 25px; text-align: left; } /* line 650, ../sass/_header_cnil.scss */ .account-link a { text-align: center !important; } /* SPEED LINKS V2*/ @media screen and (max-width: 999px) { #header .container .speed-links > li > a > img, #header .container .speed-links > li > button > img { position: absolute; top: 20px; left: 52px; height: 38px; } } @media screen and (min-width: 1000px) { #header .container .speed-links > li > a, #header .container .speed-links > li > button { height: 60px; width: 65px !important; cursor: pointer; } #header .container .speed-links > li > a > img, #header .container .speed-links > li > button > img { position: absolute; top: 0px !important; left: 14px; height: 38px; } /* line 656, ../sass/_header_cnil.scss */ .layout-fluid #header .container .header-speed-links { width: 333px; position: absolute; left: 50%; top: 44px; z-index: 100; text-align: right; margin-left: -25px; } /* line 665, ../sass/_header_cnil.scss */ .layout-fluid #header .container .header-speed-links ul.speed-links { position: static; margin-right: 18px; display: inline-block; width: auto; margin-right: 0; } /* line 672, ../sass/_header_cnil.scss */ .layout-fluid #header .container .header-speed-links ul.speed-links li { float: left; display: block; } /* line 676, ../sass/_header_cnil.scss */ .layout-fluid #header .container .header-speed-links ul.speed-links li a, .layout-fluid #header .container .header-speed-links ul.speed-links li button { padding-left: 10px; padding-right: 10px; max-width: 66px; } } /*BUTTONS Devenir client et espace client V2*/ /* line 688, ../sass/_header_cnil.scss */ [class^="icon-bpce-"].icon-bpce-chat:before, [class*=" icon-bpce-"].icon-bpce-chat:before { display: none; } /* line 691, ../sass/_header_cnil.scss */ #header .container .devenir-client a { color: #fff; display: inline-block; width: 100%; } /* line 697, ../sass/_header_cnil.scss */ #header .container .devenir-client a:hover { background-color: #000 !important; } /* line 701, ../sass/_header_cnil.scss */ #header .container .devenir-client a:before { margin-left: -3px; } /* line 708, ../sass/_header_cnil.scss */ #header .container .account-link.espace-client a { background-color: #4d4d4d !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-bottom: 10px !important; } /* line 713, ../sass/_header_cnil.scss */ #header .container .account-link.espace-client a:hover { background-color: #000 !important; } /* line 717, ../sass/_header_cnil.scss */ #header .container .account-link.espace-client a:before { position: relative; top: 3px; left: -3px; margin-left: -1px; } /*SEARCH*/ @media screen and (min-width: 1000px) { /* line 728, ../sass/_header_cnil.scss */ .layout-fluid #header .container .search-area { margin-right: -490px; right: 50%; position: absolute; top: 1px; } } /* line 740, ../sass/_header_cnil.scss */ #header .container .search-area .clear-search { /* padding: 8px 6px;*/ } /* line 754, ../sass/_header_cnil.scss */ .layout-fluid #header .container .search-area:hover .search-send { background: #4d4d4d; } /* line 758, ../sass/_header_cnil.scss */ .layout-fluid #header .container .search-area input:hover + .search-send { background: #707173; } @media screen and (max-width: 999px) { /* line 766, ../sass/_header_cnil.scss */ #header .container .search-area .clear-search:before { vertical-align: baseline; line-height: 18px; } /* line 771, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .search-area .search-input { width: 216px; height: auto; color: #666; } /* line 776, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .search-area .search-input::-webkit-input-placeholder { font-size: 1em !important; color: #666 !important; } /* line 782, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .search-area .search-send { height: 34px; } } /*SPEED LINKS*/ /* line 831, ../sass/_header_cnil.scss */ #header .container .speed-links > li, #header .container .speed-links > li > button { width: auto; max-width: 65px; border: none; } /* line 836, ../sass/_header_cnil.scss */ #header .container .speed-links > li > a, #header .container .speed-links > li > button > a, #header .container .speed-links > li > button, #header .container .speed-links > li > button > button { padding: 38px 10px 0; color: #4d4d4d; white-space: normal !important; width: auto; } /* line 844, ../sass/_header_cnil.scss */ #header .container .speed-links > li > a span { color: #4d4d4d; } /* line 848, ../sass/_header_cnil.scss */ #header .container .speed-links > li > a:hover, #header .container .speed-links > li > button > a:hover, #header .container .speed-links > li > a:hover span, #header .container .speed-links > li > button:hover, #header .container .speed-links > li > button > button:hover { color: #373737 !important; } /* line 854, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-mag { opacity: 1 !important; filter: alpha(opacity=100); /* For IE8 and earlier */ background-repeat: no-repeat; background-position: center 0; background-image: url("../assets/themes/ccoop_theme/images/app/header/speed-links/ccoop/icon-mag.png"); } /* line 791, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-mag:before { content: ""; display: none; } /* line 826, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-mag:hover { background-position: center -100px; } /* line 858, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-mail { opacity: 1 !important; filter: alpha(opacity=100); /* For IE8 and earlier */ background-repeat: no-repeat; background-position: center 0; background-image: url("../assets/themes/ccoop_theme/images/app/header/speed-links/ccoop/icon-mailbox.png"); } /* line 791, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-mail:before { content: ""; display: none; } /* line 826, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-mail:hover { background-position: center -100px; } #header .container .speed-links > li .icon-bpce-edoc { opacity: 1 !important; filter: alpha(opacity=100); /* For IE8 and earlier */ background-repeat: no-repeat; background-position: center 0; background-image: url("../assets/themes/ccoop_theme/images/app/header/speed-links/ccoop/icon-edoc.png"); } #header .container .speed-links > li .icon-bpce-edoc:before { content: ""; display: none; } #header .container .speed-links > li .icon-bpce-edoc:hover { background-position: center -100px; } /* line 862, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-france { opacity: 1 !important; filter: alpha(opacity=100); /* For IE8 and earlier */ background-repeat: no-repeat; background-position: center 0; background-image: url("../assets/themes/ccoop_theme/images/app/header/speed-links/ccoop/icon-agences.png"); } /* line 791, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-france:before { content: ""; display: none; } /* line 826, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-france:hover { background-position: center -100px; } /* line 866, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-lock { opacity: 1 !important; filter: alpha(opacity=100); /* For IE8 and earlier */ background-repeat: no-repeat; background-position: center 0; background-image: url("../assets/themes/ccoop_theme/images/app/header/speed-links/ccoop/icon-lock.png"); } /* line 791, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-lock:before { content: ""; display: none; } /* line 826, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-lock:hover { background-position: center -100px; } /* line 870, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-chat { opacity: 1 !important; filter: alpha(opacity=100); /* For IE8 and earlier */ background-repeat: no-repeat; background-position: center 0; background-image: url("../assets/themes/ccoop_theme/images/app/header/speed-links/ccoop/icon-contact.png"); } /* line 791, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-chat:before { content: ""; display: none; } /* line 826, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-chat:hover { background-position: center -100px; } #header .container .speed-links > li .icon-malette { opacity: 1 !important; filter: alpha(opacity=100); /* For IE8 and earlier */ background-repeat: no-repeat; background-position: center 0; background-image: url("../assets/themes/ccoop_theme/images/app/header/speed-links/ccoop/icon-malette.png"); } /* line 791, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-malette:before { content: ""; display: none; } /* line 826, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-malette:hover { background-position: center -108px; } #header .container .speed-links > li .icon-hub { opacity: 1 !important; filter: alpha(opacity=100); /* For IE8 and earlier */ background-repeat: no-repeat; background-position: center 0; background-image: url("../assets/themes/ccoop_theme/images/app/header/speed-links/ccoop/icon-hub.png"); } /* line 791, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-hub:before { content: ""; display: none; } /* line 826, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-hub:hover { background-position: center -107px; } /* line 874, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-devenir-client { opacity: 1 !important; filter: alpha(opacity=100); /* For IE8 and earlier */ background-repeat: no-repeat; background-position: center 0; background-image: url("../assets/themes/ccoop_theme/images/app/header/speed-links/ccoop/icon-devenir-client.png"); } /* line 791, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-devenir-client:before { content: ""; display: none; } /* line 826, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-devenir-client:hover { background-position: center -100px; } /* line 878, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-agenda { opacity: 1 !important; filter: alpha(opacity=100); /* For IE8 and earlier */ background-repeat: no-repeat; background-position: center 0; background-image: url("../assets/themes/ccoop_theme/images/app/header/speed-links/ccoop/icon-agenda.png"); } /* line 791, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-agenda:before { content: ""; display: none; } /* line 826, ../sass/_header_cnil.scss */ #header .container .speed-links > li .icon-bpce-agenda:hover { background-position: center -100px; } /* line 887, ../sass/_header_cnil.scss */ #header .container .speed-links > li > a:hover, #header .container .speed-links > li:hover, #header .container .speed-links > li > button > a:hover, #header .container .speed-links > li > button:hover { color: #373737 !important; } @media screen and (max-width: 999px) { /* line 893, ../sass/_header_cnil.scss */ #header .container .speed-links > li, #header .container .speed-links > li > button { max-width: none; } /* line 897, ../sass/_header_cnil.scss */ #header .container .speed-links > li > a, #header .container .speed-links > li > button, #header .container .speed-links > li > button > a, #header .container .speed-links > li > button > button { padding: 45px 10px 0; color: #4d4d4d; white-space: nowrap !important; width: auto; } } /*NAV TABS*/ @media screen and (max-width: 999px) { /* line 908, ../sass/_header_cnil.scss */ #header .container .contact-wrapper .other-links a:hover, #header .container .contact-wrapper .other-links a:hover:before { /* color: $color1_darker;*/ color: #373737; } /* line 914, ../sass/_header_cnil.scss */ #header .container .contact-wrapper .informations + .informations::after, #header .container .contact-wrapper .informations:first-child::after, .layout-fluid #header .off-canvas .tooltip-contact::before { background: #ccc; } } /* line 921, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li { background-color: #fff; } /* line 925, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li:before { display: none; } /* line 929, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li.open > a:before { position: absolute; z-index: 1000; content: ""; left: 50%; margin-left: -8px; /* @include triangle (10px, top, #fff);*/ bottom: -2px; bottom: -10px; border: 12px solid transparent; width: 0; height: 0; /*equilateral*/ border-top: 12px solid #373737; border-bottom-width: 0; margin-left: -5px; } /* line 943, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li { border: none; } /* line 946, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li:first-child a:after { display: none; } /* line 951, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li.open, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li.open .dropdown-toggle { border-bottom: none; /* solid #666666;*/ } /* line 961, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs > li > a, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li > a { padding-top: 3px; font-weight: 600; background: #fff; color: #4d4d4d; height: 56px; line-height: 56px; -webkit-transition: color none; transition: color none; font-size: 15px; width: 100%; border: none; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: none; transition: none; } /* line 977, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs > li > a span.header-navigation_main-item-icon-report, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li > a span.header-navigation_main-item-icon-report, #header .container nav .nav-tabs > li > a span:after, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li > a span:after { display: none; } /* line 982, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs > li > a:after, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li > a:after { content: ""; position: absolute; top: 11px; width: 1px; height: 35px; background: #aeaeae; left: 0; } /* line 993, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs > li > a.dropdown-toggle.active::before { content: ""; width: 2px; background-color: #373737; height: 100%; position: absolute; top: 0; right: -1px; z-index: 10; } #header .container nav .nav-tabs > li > a.dropdown-toggle.active { background-color: #373737; color: #fff; } /* line 1002, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs > li:last-child > a.dropdown-toggle.active::before { display: none; } /* line 1005, ../sass/_header_cnil.scss */ .home-slider .thumbnails li { position: relative; } /* line 1009, ../sass/_header_cnil.scss */ .home-slider .thumbnails li:after { content: ""; position: absolute; top: 15px; width: 1px; bottom: 15px; background: #aeaeae; left: 0; } /* line 1019, ../sass/_header_cnil.scss */ .home-slider .thumbnails li.active + li:after, .home-slider .thumbnails li.active:after, .home-slider .thumbnails li:first-child:after { display: none; } /* line 1024, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li:first-child, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li.hide:first-child + li, #header .container nav .nav-tabs > li:first-child { border-top: none; } /* line 1029, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li:first-child > a:after, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li.hide:first-child + li > a:after, #header .container nav .nav-tabs > li:first-child > a:after { display: none; } /*.layout-fluid #header .off-canvas .inner nav .nav-tabs > li.open > a*/ /* line 1035, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs > li.open > a { color: #4d4d4d !important; } /* line 1045, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs > li > a:hover, #header .container nav .nav-tabs > li.open > a { background: #373737 !important; color: #fff !important; /*to override the important in the DEI header*/ text-decoration: none; } /* line 1052, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs > li > a.active:after, #header .container nav .nav-tabs > li > a:hover:after, #header .container nav .nav-tabs > li.active + li > a:after, #header .container nav .nav-tabs > li.open + li > a:after, #header .container nav .nav-tabs > li.open > a:after, #header .container nav .nav-tabs > li:hover + li > a:after { display: none; } /*DROPDOWN*/ /* line 1072, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs .title { border: none; } /* line 1076, ../sass/_header_cnil.scss */ .layout-fluid #header .nav-tabs > li .drop-down { box-shadow: none; border: 0 none; } @media screen and (min-width: 1000px) { /* line 1076, ../sass/_header_cnil.scss */ .layout-fluid #header .nav-tabs > li .drop-down { display: block; left: 50%; margin-left: -490px; padding: 0; position: absolute; width: 980px; } } /* line 1089, ../sass/_header_cnil.scss */ .layout-fluid #header .nav-tabs > li .drop-down .clip-wrapper { clip: rect(0px, 1011px, 1000px, 0px); left: 0; /*position: absolute;*/ } @media screen and (min-width: 1000px) { /* line 1089, ../sass/_header_cnil.scss */ .layout-fluid #header .nav-tabs > li .drop-down .clip-wrapper { margin-left: -8px; margin-right: -8px; } } /*OFF-CANVAS DEVICES*/ @media screen and (max-width: 999px) { /* line 1100, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas { -moz-box-shadow: rgba(0, 0, 0, 0.2) -2px 0 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) -2px 0 4px; box-shadow: rgba(0, 0, 0, 0.2) -2px 0 4px; background-color: #fff; } /* line 1105, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li { border-bottom: none; margin-bottom: 2px; } /* line 1112, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .contact-wrapper { border: none; box-shadow: none; margin-top: 15px; margin-bottom: 20px; } /*SPEED LINKS*/ /* line 1119, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .speed-links { background: #ece4db url("../assets/themes/ccoop_theme/images/app/header/ccoop/speed_links.png") no-repeat center center; padding-top: 0; margin: 10px 0; width: 100%; } /* line 1126, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .speed-links li { border: none !important; position: relative; } /* line 1131, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .speed-links > li > a, .layout-fluid #header .off-canvas .inner .speed-links > li > button { display: block; width: 100%; padding: 65px 10px 0; text-align: center; height: 90px; background-position: center 20px; cursor: pointer; } /* line 1140, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .speed-links > li > a:hover, .layout-fluid #header .off-canvas .inner .speed-links > li > button:hover { background-position: center -80px; } /* line 1145, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .account-link { margin-top: 0; margin-bottom: 10px; } /* line 1150, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .account-link, .layout-fluid #header .off-canvas .inner .devenir-client, .layout-fluid #header .off-canvas .inner .search-area { margin-right: 20px; margin-left: 20px; width: 245px; width: calc(100% - 40px); } /*INVERSION SEARCH ET ACCOUNT TYPE HEADER MOBILE*/ /* line 1159, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .search-area { position: absolute; top: 10px; left: 0; margin-top: 10px; } /* line 1166, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner .account-type { margin: 65px 20px 20px; } /* line 1170, ../sass/_header_cnil.scss */ #header .container .account-type .dropdown-menu { border: none; margin-bottom: 20px; } /* force le sliding avec inertie sur le scroll*/ /* line 1175, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas.open .inner { overflow-y: scroll; -webkit-overflow-scrolling: touch !important; } /* line 1180, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner { position: relative; } /* line 1184, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs > li > a, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li > a { background: #eaeaea; } } /* line 1190, ../sass/_header_cnil.scss */ .layout-fluid #header .container .logo-container { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } /*POP IN CONTACT TOOLTIP*/ /* line 1199, ../sass/_header_cnil.scss */ .icon-bpce-circle-contact { position: relative; min-height: 50px; padding-left: 70px; } /* line 1205, ../sass/_header_cnil.scss */ #header .container .contact-wrapper .other-links a { line-height: 50px; padding: 0 0 0 60px; width: auto; } /* line 1212, ../sass/_header_cnil.scss */ .icon-bpce-circle-contact:before { background: transparent url("../assets/themes/ccoop_theme/images/app/header/ccoop/icon_circle_contact.png") no-repeat 0 0; height: 50px; width: 50px; display: block; position: absolute; left: 0; top: 0; right: auto; bottom: auto; content: "" !important; } /* line 1225, ../sass/_header_cnil.scss */ #header .container .contact-wrapper hr, hr { border-color: #e0e0e0; } /* line 1230, ../sass/_header_cnil.scss */ #header .container .contact-wrapper .informations + .informations::after, #header .container .contact-wrapper .informations:first-child::after { height: 1px; background-color: #e0e0e0; width: 160px; } /* line 1237, ../sass/_header_cnil.scss */ #header .container .contact-wrapper hr { width: 160px; } /* line 1241, ../sass/_header_cnil.scss */ #header .container .contact-wrapper .other-links { margin-top: 18px; } /* line 1245, ../sass/_header_cnil.scss */ #header .container .contact-wrapper .informations, #header .container .contact-wrapper .other-links { color: #4d4d4d; } /*CONNECTED CONTACT*/ /* line 1251, ../sass/_header_cnil.scss */ #header .container .contact-wrapper .title { margin-bottom: 15px; margin-top: 10px; color: #4d4d4d; text-align: center; } /* line 1259, ../sass/_header_cnil.scss */ #header .container .contact-wrapper .title.conseil { margin-bottom: 0; margin-top: 0; color: #4d4d4d; text-align: center; } /*MENU DROPDOWN -MEGA MENU*/ /* line 1268, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li.open .dropdown-toggle { border-bottom: none; } /* line 1274, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .offers-link { text-align: left !important; } /* line 1279, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs .offers-link span { font-weight: normal; } /* line 1283, ../sass/_header_cnil.scss */ .touch #header .container nav .nav-tabs > li.open > a, .touch #header .container nav .nav-tabs > li.open > a:hover { color: #c8121A; font-weight: bold; } @media screen and (min-width: 1000px) { /* line 1289, ../sass/_header_cnil.scss */ .layout-fluid #header .container { box-shadow: none; } /* line 1293, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs > li .drop-down .clip-wrapper { display: table; } /* line 1297, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs > li .drop-down .clip-wrapper > .row { -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 5px; box-shadow: rgba(0, 0, 0, 0.2) 0 5px 5px; margin-bottom: 10px; border-top: 2px solid #373737; padding-bottom: 0; } /* line 1304, ../sass/_header_cnil.scss */ .layout-fluid #header .nav-tabs > li .drop-down .clip-wrapper > .row .col-sm-8 { width: 60%; padding-bottom: 20px; } /* line 1309, ../sass/_header_cnil.scss */ .layout-fluid #header .nav-tabs > li .drop-down .clip-wrapper > .row .col-sm-4 { width: 40%; } /* line 1313, ../sass/_header_cnil.scss */ .layout-fluid #header .nav-tabs > li .drop-down .clip-wrapper > .row > div ul { max-width: 260px; } /* line 1317, ../sass/_header_cnil.scss */ .layout-fluid #header .clip-wrapper > .row > .col-sm-12 > .row + .row .col-sm-12 { padding: 7px 28px 13px; background-color: #eaeaea; } /* line 1322, ../sass/_header_cnil.scss */ .layout-fluid #header .clip-wrapper > .row > .col-sm-12 > .row + .row { margin: 0 -8px; } /* line 1326, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs .offers-link { float: none; } /* line 1330, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs .pushes { display: inline-block; float: right; margin-right: 20px; } /* line 1335, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs .pushes img { border: none; } /* line 1340, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs .title { display: none; /*height: $headerNavItemHeight; line-height: 50px;*/ } /* line 1348, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs > li .drop-down .col-sm-4, #header .container nav .nav-tabs > li .drop-down .col-sm-8 { padding-left: 0; padding-right: 0; } /* line 1354, ../sass/_header_cnil.scss */ .layout-fluid #header .nav-tabs > li .drop-down .clip-wrapper > .row > div ul li { border-bottom: none; } /* line 1358, ../sass/_header_cnil.scss */ .layout-fluid #header .nav-tabs > li .drop-down .clip-wrapper > .row > div ul li a { font-size: 14px; } /* line 1362, ../sass/_header_cnil.scss */ .layout-fluid #header .nav-tabs > li .drop-down .clip-wrapper ul li a.active, .layout-fluid #header .nav-tabs > li .drop-down .clip-wrapper ul li a:hover { color: #373737 !important; font-weight: 600; } } /* MEGA MENU MOBILE*/ @media screen and (max-width: 999px) { /* line 1370, ../sass/_header_cnil.scss */ #header .container .account-link a.disconnect { margin-top: 10px; } /* line 1374, ../sass/_header_cnil.scss */ layout-fluid #header .off-canvas .inner nav .nav-tabs > li.dropdown { background-color: transparent; } /* line 1378, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .offers-link:before { display: none !important; } /* line 1382, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .clip-wrapper ul li { border-bottom: none; } /* line 1387, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li > a span.header-navigation_main-item-icon-report, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li > a span:after { display: inline-block; content: "\e639"; font-size: 20px; margin-top: -2px; right: 15px; color: #373737; } /* line 1397, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li.open > a span.header-navigation_main-item-icon-report, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li.open > a span:after, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li:hover > a span.header-navigation_main-item-icon-report, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li:hover > a span:after { color: #fff; } /* line 1404, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li.open > a span.header-navigation_main-item-icon-report, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li.open > a span:after { display: inline-block; content: "\e63a"; } /* line 1410, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li > a.simple-link span:after { display: none; } /* line 1414, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li > a span { padding: 0 25px 0 15px; } /* line 1418, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li > a:after { display: none; } /* line 1423, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .clip-wrapper ul li a { padding: 10px 15px; } /* line 1426, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .clip-wrapper ul li a:hover { font-weight: 600; } /* line 1431, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs .title { font-size: 14px; font-weight: bold; margin-left: 0; padding: 7px 15px 7px 5px; text-transform: uppercase; } /* line 1439, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .offers-link { margin-right: 15px; margin-left: 15px; margin-bottom: 10px; } /* line 1445, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .offers-link:after { content: "\e608"; font-family: 'bpce-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 12px; margin-left: 5px; -webkit-font-smoothing: antialiased; display: inline !important; } /* line 1460, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs > li .drop-down .offers-link:first-child { margin-top: 10px; } } @media screen and (max-width: 767px) { /* line 1465, ../sass/_header_cnil.scss */ #header .container nav .nav-tabs .title { font-size: 15px; } } /*TOOLTIP CONTACT CONNECTE*/ /* line 1471, ../sass/_header_cnil.scss */ #header.connected .container .contact-wrapper .other-links.links-advice li { margin-bottom: 10px; } /* line 1475, ../sass/_header_cnil.scss */ #header.connected .container .contact-wrapper .other-links.links-advice a:hover { text-decoration: underline; color: #373737; } /* line 1480, ../sass/_header_cnil.scss */ #header.connected .container .contact-wrapper .other-links.links-advice a { background-position: 0 center; background-repeat: no-repeat; height: 62px !important; padding-left: 78px !important; width: auto; text-transform: none; letter-spacing: 0; } /* line 1489, ../sass/_header_cnil.scss */ #header.connected .container .contact-wrapper .other-links.links-advice a:after { display: none !important; } /* line 1494, ../sass/_header_cnil.scss */ #header .header-tooltip-contact .header-tooltip-contact-default { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 1498, ../sass/_header_cnil.scss */ #header .container .contact-wrapper .title.conseil { font-weight: 600 !important; } /* line 1502, ../sass/_header_cnil.scss */ #header .container .contact-wrapper .other-links.links-advice a { height: 62px; padding: 0 10px 10px 0; width: 62px; font-weight: 400; background-position: 0 0; background-repeat: no-repeat; color: #373737; padding-bottom: 0; } /* line 1513, ../sass/_header_cnil.scss */ #header .container .contact-wrapper .other-links.links-advice a:before { display: none; } /* line 1517, ../sass/_header_cnil.scss */ #header .container .contact-wrapper .other-links.links-advice a.contact-tel.icon-bpce-circle-tel { background-image: url("../assets/themes/ccoop_theme/images/app/header/tooltip-contact/icon-phone.png"); } /* line 1521, ../sass/_header_cnil.scss */ #header .container .contact-wrapper .other-links.links-advice a.contact-email.icon-bpce-circle-mail { background-image: url("../assets/themes/ccoop_theme/images/app/header/tooltip-contact/icon-email.png"); } /* line 1525, ../sass/_header_cnil.scss */ #header .container .contact-wrapper .other-links.links-advice a.contact-mbl.icon-bpce-circle-agence.in, #header .container .contact-wrapper .other-links.links-advice a.contact-no-mbl.icon-bpce-circle-pins.in { background-image: url("../assets/themes/ccoop_theme/images/app/header/tooltip-contact/icon-athome.png"); } #header .container .contact-wrapper .other-links.links-advice a.contact-prise-rdv.icon-bpce-circle-rdv { background-image: url("../assets/themes/ccoop_theme/images/app/header/tooltip-contact/icon-rdv.png"); } /*----*/ /* line 1531, ../sass/_header_cnil.scss */ .layout-fluid #header .off-canvas { z-index: 100; } @media screen and (max-width: 999px) { /* line 6, ../sass/_home.scss */ .home-slider .thumbnails .container, .main-slider .container { max-width: 100%; } } /* line 12, ../sass/_home.scss */ .home-slider .thumbnails .slidee { border: none; box-shadow: none; } /* line 17, ../sass/_home.scss */ .home-slider .thumbnails .slidee li.active { background: #373737; border-top: 4px solid #373737; margin-top: -21px; padding-top: 45px; height: 121px; } /* line 24, ../sass/_home.scss */ .home-slider .thumbnails .slidee li.active:before { content: ""; position: absolute; top: -14px; left: 50%; margin-left: -13px; display: block; border: 14px solid transparent; width: 0; height: 0; /*equilateral*/ border-bottom: 12px solid #373737; border-top-width: 0; } /* line 34, ../sass/_home.scss */ .home-slider .thumbnails .slidee li { background: #fff; border-left: none; border-top: 4px solid #636363; height: 100px; min-height: 100px; padding: 30px 30px; } @media screen and (min-width: 620px) and (max-width: 767px) { /* line 43, ../sass/_home.scss */ .home-slider .thumbnails .slidee li.active { height: 141px; } /* line 46, ../sass/_home.scss */ .home-slider .thumbnails .slidee li { height: 120px; } } /* line 52, ../sass/_home.scss */ .home-slider .thumbnails .slidee li .title { text-align: center; } @media screen and (max-width: 768px) { /* line 52, ../sass/_home.scss */ .home-slider .thumbnails .slidee li .title { font-size: 18px !important; } } /* line 58, ../sass/_home.scss */ .home-slider .thumbnails .slidee li.active .title { color: #fff; font-weight: normal; } /* line 62, ../sass/_home.scss */ .home-slider .thumbnails .slidee li .description { display: none; } /* line 68, ../sass/_home.scss */ .pushes-slider .owl-buttons .owl-prev { left: 0; margin-left: 0; } @media screen and (min-width: 620px) { /* line 68, ../sass/_home.scss */ .pushes-slider .owl-buttons .owl-prev { margin-left: -20px; } } /* line 74, ../sass/_home.scss */ .pushes-slider .owl-buttons .owl-prev:before { display: block; content: ""; background: url("../assets/themes/ccoop_theme/images/app/fleche_gauche-mobile.png") no-repeat; height: 40px; width: 24px; } /* line 82, ../sass/_home.scss */ .pushes-slider .owl-buttons .owl-next { right: 0; margin-right: 0; } @media screen and (min-width: 620px) { /* line 82, ../sass/_home.scss */ .pushes-slider .owl-buttons .owl-next { margin-right: -20px; } } /* line 88, ../sass/_home.scss */ .pushes-slider .owl-buttons .owl-next:before { display: block; content: ""; background: url("../assets/themes/ccoop_theme/images/app/fleche_droite-mobile.png") no-repeat; height: 40px; width: 24px; } @media screen and (max-width: 619px) { /* line 102, ../sass/_home.scss */ a.big-push-offers .content, .big-push-offers .content { border-top: none; position: relative; background: #fff; } /* line 108, ../sass/_home.scss */ .home-slider .main-slider .owl-pagination .owl-page { border-color: #636363; border-radius: 10px; border-width: 5px; } /* line 113, ../sass/_home.scss */ .home-slider .main-slider .owl-pagination .owl-page.active { border-color: #373737; } } @media screen and (max-width: 999px) { /* line 119, ../sass/_home.scss */ .owl-carousel .owl-wrapper-outer { padding-bottom: 30px; } } @media screen and (min-width: 999px) { /* line 126, ../sass/_home.scss */ a.big-push-offers .content, .big-push-offers .content { position: absolute; width: 50%; } } /* line 132, ../sass/_home.scss */ .pushes-slider .owl-pagination { bottom: -20px; top: auto; } /* line 141, ../sass/_home.scss */ .big-push-offers .content .main-slider-title, a.big-push-offers .content .main-slider-title { color: #373737; } /* line 146, ../sass/_home.scss */ .big-push-offers .content .main-slider-subtitle, a.big-push-offers .content .main-slider-subtitle { color: #373737; } /* line 151, ../sass/_home.scss */ .big-push-offers .content, .big-push-offers .content .main-slider-subtitle, .big-push-offers .content .main-slider-title { text-align: left; } @media screen and (max-width: 767px) { /* line 151, ../sass/_home.scss */ .big-push-offers .content, .big-push-offers .content .main-slider-subtitle, .big-push-offers .content .main-slider-title { text-align: center; } } /* line 159, ../sass/_home.scss */ a.big-push-offers .content, a.big-push-offers .content .main-slider-subtitle, a.big-push-offers .content .main-slider-title { text-align: left; } @media screen and (max-width: 619px) { /* line 159, ../sass/_home.scss */ a.big-push-offers .content, a.big-push-offers .content .main-slider-subtitle, a.big-push-offers .content .main-slider-title { text-align: center; } } @media screen and (min-width: 620px) and (max-width: 767px) { /* line 159, ../sass/_home.scss */ a.big-push-offers .content, a.big-push-offers .content .main-slider-subtitle, a.big-push-offers .content .main-slider-title { text-align: left; } } /* line 180, ../sass/_home.scss */ .product-page .big-push-offers, .page-crossroads .big-push-offers { border: none; background: #fff; } /* line 187, ../sass/_home.scss */ .home-slider .owl-carousel { background: #fff; position: relative; } /* line 190, ../sass/_home.scss */ .home-slider .owl-carousel a.big-push-offers { position: static; } /* line 194, ../sass/_home.scss */ .big-push-offers { position: relative; } /* line 198, ../sass/_home.scss */ .home-slider .owl-carousel .big-push-offers .content, .home-slider .owl-carousel a.big-push-offers .content { padding-right: 8px; } /*.big-push-offers .media, a.big-push-offers .media, .page-crossroads .big-push-offers .media, .product-page .big-push-offers .media { float: none; width: 100%; max-width: 100%; }*/ @media screen and (min-width: 768px) { /* line 214, ../sass/_home.scss */ .big-push-offers .content { padding: 40px 20px 30px 40px; } } @media screen and (min-width: 999px) { /* line 214, ../sass/_home.scss */ .big-push-offers .content { padding: 40px 20px 30px 80px; } } @media screen and (max-width: 767px) { /* line 223, ../sass/_home.scss */ .big-push-offers .media img, .big-push-offers .media img { /*width: 120%; float: right;*/ } } @media screen and (max-width: 619px) { /* line 209, ../sass/_home.scss */ .big-push-offers { /*.media img, .media img { width: 150%; }*/ } } /* line 234, ../sass/_home.scss */ a.big-push-offers { /* @media screen and (max-width: 767px) { .media img, .media img { width: 100%; float: right; } } @media screen and (max-width: 619px) { .media img, .media img { width: 190%; } }*/ } /* line 236, ../sass/_home.scss */ a.big-push-offers .content { padding-top: 60px; } @media screen and (min-width: 620px) { /* line 236, ../sass/_home.scss */ a.big-push-offers .content { padding: 40px 20px 30px; position: absolute; width: 50%; top: 0; } } @media screen and (min-width: 768px) { /* line 236, ../sass/_home.scss */ a.big-push-offers .content { padding: 40px 20px 30px 40px; } } @media screen and (min-width: 999px) { /* line 236, ../sass/_home.scss */ a.big-push-offers .content { padding: 40px 20px 30px 80px; } } @media screen and (min-width: 768px) and (max-width: 999px) { /* line 267, ../sass/_home.scss */ .product-page .big-push-offers .content { bottom: 0; top: 0; } /* line 272, ../sass/_home.scss */ .product-page .big-push-offers .content > p { width: 50%; } /* line 275, ../sass/_home.scss */ .product-page .big-push-offers .content .mentions { /*left:0; z-index: 10; position:absolute; bottom:0;*/ padding: 15px 20px 5px; margin-left: -40px; margin-right: -40px; padding: 15px 20px 5px; position: relative; width: calc(100% + 60px); clear: both; border-top: 1px solid #e0e0e0; /* &::before { content: ""; background: #fff; border-top: 1px solid $color_grey4; left: 0; top: 0; right: 0; bottom: 0; position: absolute; display: block; z-index: -1; opacity:.8; }*/ } /* line 290, ../sass/_home.scss */ .product-page .big-push-offers .content .mentions p, .product-page .big-push-offers .content .mentions b { color: #4d4d4d !important; font-size: 11px; } /* line 294, ../sass/_home.scss */ .product-page .big-push-offers .content .mentions b { font-weight: 400; font-size: 13px; } } @media screen and (max-width: 767px) { /* line 319, ../sass/_home.scss */ .big-push-offers .full-media .media img, a.big-push-offers .full-media .media img { width: 100%; float: none; } } @media screen and (max-width: 619px) { /* line 325, ../sass/_home.scss */ .big-push-offers .full-media .media img, a.big-push-offers .full-media .media img { width: 100%; } } @media screen and (max-width: 619px) { /* line 336, ../sass/_home.scss */ .big-push-offers .media, a.big-push-offers .media { width: 100%; max-width: 100%; } } /* line 344, ../sass/_home.scss */ .home-slider .main-slider .owl-pagination { margin-top: 25px; } @media screen and (max-width: 767px) { /* line 350, ../sass/_home.scss */ .page-crossroads .big-push-offers .media, .product-page .big-push-offers .media { float: none; width: auto; } } /* line 356, ../sass/_home.scss */ .page-crossroads .block-offer .big-push-offers { border: none; } /* line 364, ../sass/_home.scss */ .pushes-slider .container { background: none; } @media screen and (max-width: 999px) { /* line 369, ../sass/_home.scss */ .pushes-slider { background: none; padding: 30px 0; } } /* line 375, ../sass/_home.scss */ .pushes-slider .owl-wrapper .owl-item span, .pushes-slider .owl-wrapper .owl-item a { border: none; box-sizing: border-box; height: 336px; vertical-align: bottom; width: 233px; } @media screen and (max-width: 619px) { /* line 383, ../sass/_home.scss */ .pushes-slider .mentions { padding: 0 15px; } } /* line 388, ../sass/_home.scss */ .mentions .mentions-title { font-size: 1em; color: #373737; font-family: "extra1"; text-transform: uppercase; } /* line 398, ../sass/_home.scss */ .single-offer { margin: 0 0 10px; } /* line 401, ../sass/_home.scss */ section.single-offer + .single-offer { margin-top: -40px; } @media screen and (max-width: 999px) { /* line 401, ../sass/_home.scss */ section.single-offer + .single-offer { margin-top: -40px; } } @media screen and (max-width: 767px) { /* line 401, ../sass/_home.scss */ section.single-offer + .single-offer { margin-top: -30px; } } @media screen and (max-width: 619px) { /* line 401, ../sass/_home.scss */ section.single-offer + .single-offer { margin-top: -20px; } } /* line 414, ../sass/_home.scss */ .single-offer .container { background: #fff; border: none; } @media screen and (max-width: 619px) { /* line 414, ../sass/_home.scss */ .single-offer .container { margin-right: 0; margin-left: 0; } } /* line 434, ../sass/_home.scss */ .single-offer .cta-container { width: auto; } @media screen and (min-width: 620px) { /* line 439, ../sass/_home.scss */ .single-offer .media { display: block; width: 233px; height: 180px; margin-right: 16px; } /* line 445, ../sass/_home.scss */ .single-offer .media > span { display: block; height: 180px; width: 233px; text-align: center; display: table-cell; vertical-align: middle; } /* line 454, ../sass/_home.scss */ .single-offer .content { padding: 40px 30px 30px; } } @media screen and (min-width: 1000px) { /* line 461, ../sass/_home.scss */ .single-offer { height: 180px; overflow: hidden; } /* line 465, ../sass/_home.scss */ .single-offer .content { padding: 40px 30px 30px; width: 400px; height: 180px; } /* line 471, ../sass/_home.scss */ .single-offer .cta-container { float: none; position: absolute; left: 480px; width: 100%; bottom: 45px; } } @media screen and (min-width: 620px) and (max-width: 999px) { /* line 480, ../sass/_home.scss */ .single-offer .media { width: 233px; text-align: center; vertical-align: middle; height: 100%; margin-right: 16px; } /* line 487, ../sass/_home.scss */ .single-offer .cta-container { float: left; } } @media screen and (max-width: 619px) { /* line 492, ../sass/_home.scss */ .single-offer .container { padding-top: 30px; } /* line 495, ../sass/_home.scss */ .single-offer .media { display: block; width: 100%; text-align: center; height: auto; } /* line 501, ../sass/_home.scss */ .single-offer .content { text-align: center; padding: 20px 15px 20px; } /* line 505, ../sass/_home.scss */ .single-offer .cta-container, .single-offer .cta, .single-offer #main .push-image .push-content .cta, #main .push-image .push-content .single-offer .cta, .single-offer #pauth .cta, #pauth .single-offer .cta, .single-offer #pauth .cta-second, #pauth .single-offer .cta-second { width: auto !important; } /* line 510, ../sass/_home.scss */ .single-offer .title a, .single-offer .title, .single-offer .h2 { text-align: center !important; } } @media screen and (max-width: 619px) { /* line 518, ../sass/_home.scss */ .single-offer { margin-right: 15px; margin-left: 15px; } /* line 522, ../sass/_home.scss */ .small-offer .row { margin-left: 15px; margin-right: 7px; } } /* line 535, ../sass/_home.scss */ .multi-offers, .multi-offers .container { background: none; text-align: center; } /* line 540, ../sass/_home.scss */ .multi-offers .container { padding-left: 0; } /* line 543, ../sass/_home.scss */ .multi-offers .small-offer { color: #fff; } /* line 546, ../sass/_home.scss */ .small-offer:first-child .row { background: #7c5691; } /* line 549, ../sass/_home.scss */ .small-offer .row { background: #57525A; } @media screen and (min-width: 620px) { /* line 553, ../sass/_home.scss */ .small-offer:first-child .row { margin-right: 5px; margin-left: 0; } /* line 557, ../sass/_home.scss */ .small-offer .row { margin-left: 5px; } } /* line 569, ../sass/_home.scss */ .small-offer .media { width: 100%; text-align: center; margin-top: -35px; position: relative; /*height: 60px;*/ } /* line 576, ../sass/_home.scss */ .small-offer .media img, .single-offer .media img { width: auto; } /* line 581, ../sass/_home.scss */ .small-offer .content { text-align: center; padding: 20px 65px; width: 100%; height: 156px; max-width: 100%; margin-top: 0; } @media screen and (max-width: 767px) { /* line 590, ../sass/_home.scss */ .small-offer .media { margin-top: -50px; } } @media screen and (max-width: 780px) { /* line 595, ../sass/_home.scss */ .small-offer .content { padding: 25px 30px 20px; } } @media screen and (max-width: 619px) { /* line 600, ../sass/_home.scss */ .small-offer .content { width: auto; min-height: 156px; height: auto; } /* line 605, ../sass/_home.scss */ .small-offer { background: none; } } /* line 611, ../sass/_home.scss */ .small-offer .cta-container { margin: 0 0 30px; } /* line 614, ../sass/_home.scss */ .small-offer .cta-container, .small-offer .cta, .small-offer #main .push-image .push-content .cta, #main .push-image .push-content .small-offer .cta, .small-offer #pauth .cta, #pauth .small-offer .cta, .small-offer #pauth .cta-second, #pauth .small-offer .cta-second { width: auto !important; } /* line 619, ../sass/_home.scss */ .small-offer .title a, .small-offer .title, .small-offer .h2 { text-align: center !important; color: #fff; word-wrap: break-word; } /* line 627, ../sass/_home.scss */ .small-offer .description, .single-offer .description { height: auto; } /* line 632, ../sass/_home.scss */ section.find-dealer { display: none; } /* line 1, ../sass/_pages.scss */ .account-type .dropdown-menu li + li + li + li + li + li + li { display: none; } /* line 7, ../sass/_pages.scss */ .page-contact-form #main > .container, .container.page-contact, .page-contact #main > .container, #main.page-contact > .container, .page-crossroads #main > .container, #main.page-crossroads > .container, .product-page #main > .container, #main.product-page > .container { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; width: 100% !important; /* @media screen and (min-width: 1000px) {*/ padding-right: 0; padding-left: 0; /* }*/ } /* line 485, ../sass/_mixin.scss */ .page-contact-form #main > .container > .row, .container.page-contact > .row, .page-contact #main > .container > .row, #main.page-contact > .container > .row, .page-crossroads #main > .container > .row, #main.page-crossroads > .container > .row, .product-page #main > .container > .row, #main.product-page > .container > .row { margin-left: 15px; margin-right: 15px; /* avant on avait 0 et 0*/ } /* line 29, ../sass/_pages.scss */ section.header-wrapper, section.section-videos, section.section-table { overflow: hidden; } /* line 32, ../sass/_pages.scss */ section.section-rebound, section.section-contact, #main > section.contact, #main > .container > section.contact { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; width: 100% !important; /* @media screen and (min-width: 1000px) {*/ padding-right: 0; padding-left: 0; /* }*/ } /* line 485, ../sass/_mixin.scss */ section.section-rebound > .row, section.section-contact > .row, #main > section.contact > .row, #main > .container > section.contact > .row { margin-left: 15px; margin-right: 15px; /* avant on avait 0 et 0*/ } @media screen and (min-width: 1000px) { /* line 502, ../sass/_mixin.scss */ section.section-rebound > *, section.section-contact > *, #main > section.contact > *, #main > .container > section.contact > * { margin-right: auto !important; margin-left: auto !important; max-width: 980px; width: 980px; float: none; /*@if($width == 980px) { @media screen and (max-width: 1059px) { width: 950px; } }*/ } } /* line 38, ../sass/_pages.scss */ section.section-contact, #main > section.contact, #main > .container > section.contact { margin-bottom: 0 !important; } /* line 42, ../sass/_pages.scss */ section.section-rebound + section.section-contact, section.section-rebound + section.contact { margin-top: -50px; } /* line 47, ../sass/_pages.scss */ .mentions, .mentions p { font-size: 13px; line-height: 1.35em; } /* line 51, ../sass/_pages.scss */ .section-simple-content .mentions p .big { font-weight: 600; } /* line 55, ../sass/_pages.scss */ section, section.section-main-push { padding: 0; margin-bottom: 50px !important; } @media screen and (max-width: 999px) { /* line 55, ../sass/_pages.scss */ section, section.section-main-push { margin-bottom: 50px; } } @media screen and (max-width: 767px) { /* line 55, ../sass/_pages.scss */ section, section.section-main-push { margin-bottom: 40px !important; } } @media screen and (max-width: 619px) { /* line 55, ../sass/_pages.scss */ section, section.section-main-push { margin-bottom: 30px !important; } } /* line 69, ../sass/_pages.scss */ section.header-wrapper { margin-bottom: 10px !important; } @media screen and (max-width: 619px) { /* line 69, ../sass/_pages.scss */ section.header-wrapper { margin-bottom: 0 !important; } } /* line 76, ../sass/_pages.scss */ section > section { padding: 0 !important; margin: 0 !important; } /* line 81, ../sass/_pages.scss */ section.header-wrapper { margin-bottom: 0; } /* line 85, ../sass/_pages.scss */ section.section-rebound, section.section-contact, #main > section.contact, #main > .container > section.contact, #main .section-simple-content, #main .section-subscribe, .section-easy-access, .map-component, #main .section-programme, #main .section-theater, .page-contact .services { padding-top: 30px; padding-bottom: 30px; } @media screen and (max-width: 767px) { /* line 85, ../sass/_pages.scss */ section.section-rebound, section.section-contact, #main > section.contact, #main > .container > section.contact, #main .section-simple-content, #main .section-subscribe, .section-easy-access, .map-component, #main .section-programme, #main .section-theater, .page-contact .services { padding-top: 20px; padding-bottom: 20px; } } /* line 93, ../sass/_pages.scss */ #main .section-simple-content, #main .section-subscribe, .section-easy-access, .map-component, #main .section-programme, #main .section-theater, .page-contact .services { background: #fff; } /* line 99, ../sass/_pages.scss */ .layout-fluid.page-crossroads section.summary { margin-bottom: 50px !important; } /* line 104, ../sass/_pages.scss */ .ariane { margin: 5px 0 0; /*@media screen and (max-width: 999px) { margin-top: 5px; } @media screen and (max-width: 619px) { margin-top: 0; }*/ } /* line 107, ../sass/_pages.scss */ .ariane.sticky .wrapper { z-index: 200; } /* line 116, ../sass/_pages.scss */ .ariane .container { height: 35px; } /* line 120, ../sass/_pages.scss */ .ariane ul.main { background: none; padding-left: 10px; } /* line 124, ../sass/_pages.scss */ .ariane.sticky ul.main { background: #ece4db; width: 100%; top: 0px; position: absolute; } /* line 128, ../sass/_pages.scss */ .ariane ul.pullup li { background: none; } /* line 118, ../sass/_mixin.scss */ .ariane ul.pullup li a span { position: relative; } /* line 121, ../sass/_mixin.scss */ .ariane ul.pullup li a:hover span:first-child:after { background: #4d4d4d; bottom: 10px; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100%; } /* line 135, ../sass/_pages.scss */ .ariane ul.main li { position: relative; background: none; } /* line 139, ../sass/_pages.scss */ .ariane ul.main li a, .ariane ul.main li span { padding: 0; color: #373737; } /* line 144, ../sass/_pages.scss */ .ariane ul.main > li, .ariane ul.main > li:first-child, .ariane ul.main > li.last { line-height: 35px; } /* line 147, ../sass/_pages.scss */ .ariane ul.main > li > span { padding-left: 0; padding-right: 0; } @media screen and (min-width: 768px) { /* line 147, ../sass/_pages.scss */ .ariane ul.main > li > span { font-size: 13px; } } /* line 154, ../sass/_pages.scss */ .ariane ul.main > li:first-child { margin-left: 0; margin-right: -5px; line-height: 35px; } /* line 158, ../sass/_pages.scss */ .ariane ul.main > li:first-child a { padding: 0; } /* line 162, ../sass/_pages.scss */ .ariane ul.main > li:first-child .ico:before { color: #373737; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: top; line-height: 28px; position: relative; top: 3px; } /* line 170, ../sass/_pages.scss */ .ariane ul.main .home a { padding: 0; } /* line 173, ../sass/_pages.scss */ .ariane .main > li + li { padding-left: 30px; padding-right: 0; line-height: 35px; } @media screen and (max-width: 767px) { .ariane ul.main { height:auto; white-space:nowrap; display:flex; } /* line 173, ../sass/_pages.scss */ .ariane .main > li + li { padding-left: 25px; } .ariane ul.main > li { overflow:visible } .ariane ul.main > li.last { overflow: hidden; text-overflow: ellipsis; max-width: none; } .ariane ul.main > li > span { display:inline; } } /* line 180, ../sass/_pages.scss */ .ariane .main > li + li:before { color: #c8121A; font-family: 'bpce-icons'; content: "\e63b"; height: 35px; left: 0; top: 0; vertical-align: middle; line-height: 35px; position: absolute; text-align: center; width: 30px; } @media screen and (max-width: 767px) { /* line 180, ../sass/_pages.scss */ .ariane .main > li + li:before { width: 25px; font-size: 12px; } } /* line 197, ../sass/_pages.scss */ .ariane .main > li + li a:hover { text-decoration: underline; } /* line 200, ../sass/_pages.scss */ .ariane .main > li + li a.dropdown-toggle:hover { text-decoration: none; } /* line 118, ../sass/_mixin.scss */ .ariane .main > li + li a.dropdown-toggle span { position: relative; } /* line 121, ../sass/_mixin.scss */ .ariane .main > li + li a.dropdown-toggle:hover span:first-child:after { background: #4d4d4d; bottom: 1px; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100%; } /* line 207, ../sass/_pages.scss */ .ariane ul.main > li .dropdown-menu { left: 15px; float: left; min-width: 158px; padding: 5px 12px; margin: -1px 0 0; list-style: none; font-size: 13px; background-color: #ece4db; border: 1px solid #d1cac2; border-top: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } /* line 229, ../sass/_pages.scss */ .ariane ul.main li { display: inline-block; } /* line 222, ../sass/_pages.scss */ .ariane .dropdown-toggle:after { /*line-height: 35px; height: 35px;*/ display: inline-block; } /* line 226, ../sass/_pages.scss */ .ariane ul.main > li > span, .ariane ul.main > li > a { height: 35px; } /* line 230, ../sass/_pages.scss */ .ariane ul.pullup li a .button-arrow:before { line-height: 35px; height: 35px; } /* line 231, ../sass/_pages.scss */ .ariane .dropdown-toggle:after { vertical-align: inherit; position: relative; top: 2px; } /* line 232, ../sass/_pages.scss */ .ariane .main > li + li a.dropdown-toggle span { height: 35px; } /* line 237, ../sass/_pages.scss */ #main .page-crossroads h1, #main .product-page .header-wrapper .title-level1, #main h1, #main h1.title-level1, #main .title-level1 { margin-bottom: 42px; /*le titre a 1.2em soit 48px de lin-height */ margin-top: 30px; } @media screen and (max-width: 619px) { /* line 248, ../sass/_pages.scss */ .page-crossroads h1 { margin-top: 20px; } } /* line 257, ../sass/_pages.scss */ .page-crossroads .contact h2.title-level1 { font-size: 30px !important; } /* line 269, ../sass/_pages.scss */ .section-main-push .pictures .media img { position: static; height: auto; } /* line 273, ../sass/_pages.scss */ .ie9 .section-main-push .pictures .media img { width: 100%; } /* line 276, ../sass/_pages.scss */ .section-main-push .pictures .media { height: auto; padding-bottom: 0; } /* line 280, ../sass/_pages.scss */ .product-page .section-main-push .title-section { color: #373737; } @media screen and (max-width: 767px) { /* line 290, ../sass/_pages.scss */ .section-main-push .content { background-color: #fff; padding: 25px 10px; margin: 0; } /* line 295, ../sass/_pages.scss */ .product-page .section-main-push .title-section { margin-top: 0; } /* line 298, ../sass/_pages.scss */ .section-main-push .pictures .media img, .ie9 .section-main-push .pictures .media img { width: 120%; } } @media screen and (max-width: 500px) { /* line 304, ../sass/_pages.scss */ .ie9 .section-main-push .pictures .media img, .section-main-push .pictures .media img { width: 100%; height: auto; } } @media screen and (min-width: 768px) { /* line 311, ../sass/_pages.scss */ .section-main-push { min-height: 200px; } /* line 316, ../sass/_pages.scss */ .section-main-push .title-section { margin-top: 0; } /* line 319, ../sass/_pages.scss */ .section-main-push > .content > .col-xs-12 { display: block; width: 100%; height: 100%; padding-left: 50%; } /* line 325, ../sass/_pages.scss */ .section-main-push .content-wrapper { float: none; display: table-cell; vertical-align: middle; height: 220px; } /* line 331, ../sass/_pages.scss */ .section-main-push .content { height: 100%; position: absolute; z-index: 4; top: 0; padding: 0; margin: 0; } /* line 339, ../sass/_pages.scss */ .section-main-push .pictures { position: static; } /* line 346, ../sass/_pages.scss */ .product-page .section-main-push.negatif .title-section { color: #fff; } } /* line 356, ../sass/_pages.scss */ .section-main-push .row.countdown-wrapper { border-top: none !important; margin: 0 !important; position: relative; background-color: #373737 !important; height: auto; min-height: 90px; padding: 0 50px 7px; display: block; } /* line 367, ../sass/_pages.scss */ .section-main-push .row.countdown-wrapper .content { background-color: #373737 !important; display: block; color: #fff !important; font-weight: normal; padding: 0; padding-top: 15px !important; width: 100%; height: auto; position: relative; margin: 0; } /* line 380, ../sass/_pages.scss */ .section-main-push .row.countdown-wrapper .countdown { padding-bottom: 0; } /* line 385, ../sass/_pages.scss */ .section-main-push .row.countdown-wrapper .countdown .element { box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); border-left: solid 1px rgba(255, 255, 255, 0.3); border-top: solid 1px rgba(255, 255, 255, 0.3); font-size: 24px; line-height: 47px; height: 45px; font-weight: 600; } /* line 391, ../sass/_pages.scss */ .section-main-push .row.countdown-wrapper .countdown .element:before { background-color: rgba(255, 255, 255, 0.5) !important; } /* line 392, ../sass/_pages.scss */ .section-main-push .row.countdown-wrapper .countdown .element:after { color: #FFF; } /* line 393, ../sass/_pages.scss */ .section-main-push .row.countdown-wrapper .countdown .element.day { background-color: #ea7f49 !important; font-weight: 600; } /* line 397, ../sass/_pages.scss */ .section-main-push .row.countdown-wrapper p { font-size: 18px; padding-top: 10px; } /* line 398, ../sass/_pages.scss */ .section-main-push .row.countdown-wrapper p strong { color: #FFF; } /* line 399, ../sass/_pages.scss */ .section-main-push .row.countdown-wrapper p.arrow-next:after { content: "\e63B"; color: #ea7f49; } @media screen and (max-width: 999px) { /* line 399, ../sass/_pages.scss */ .section-main-push .row.countdown-wrapper p.arrow-next:after { margin-top: -7px; } } /* line 407, ../sass/_pages.scss */ .section-main-push .main-push-wrapper .main-push-subtitle b { color: #c8121A; } /* line 413, ../sass/_pages.scss */ .section-main-push .main-push-wrapper .price-bloc { border: 2px solid #ea7f49; } /* line 415, ../sass/_pages.scss */ .section-main-push .main-push-wrapper .price-bloc .main-push-price { padding: 10px 20px; font-size: 16px; background: #fff; color: #373737; font-weight: 600; text-transform: uppercase; } /* line 423, ../sass/_pages.scss */ .section-main-push .main-push-wrapper .price-bloc .main-push-mentions { padding: 10px 20px; background: #ea7f49; color: #fff; } /* line 434, ../sass/_pages.scss */ .block-pushes a.push-link { background-color: #fff; color: #4d4d4d; display: block; height: 100%; position: relative; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 450, ../sass/_pages.scss */ section.section-contact, #main > section.contact, #main > .container > section.contact { background: #fff; } /* line 452, ../sass/_pages.scss */ section.section-contact h2.title-section, #main > section.contact h2.title-section, #main > .container > section.contact h2.title-section { margin-top: 10px; } @media screen and (min-width: 768px) { /* line 457, ../sass/_pages.scss */ .section-contact .contact .push { margin-bottom: 0; } } @media screen and (min-width: 620px) and (max-width: 767px) { /* line 463, ../sass/_pages.scss */ .call-pushes .content, .call-pushes .mentions { margin: 5px auto 20px; max-width: 240px; } } @media screen and (min-width: 768px) { /* line 473, ../sass/_pages.scss */ .page-crossroads .contact .call-pushes .cta, .page-crossroads .contact .call-pushes #main .push-image .push-content .cta, #main .push-image .push-content .page-crossroads .contact .call-pushes .cta, .page-crossroads .contact .call-pushes #pauth .cta, #pauth .page-crossroads .contact .call-pushes .cta, .page-crossroads .contact .call-pushes #pauth .cta-second, #pauth .page-crossroads .contact .call-pushes .cta-second, .section-contact .contact .call-pushes .cta, .section-contact .contact .call-pushes #main .push-image .push-content .cta, #main .push-image .push-content .section-contact .contact .call-pushes .cta, .section-contact .contact .call-pushes #pauth .cta, #pauth .section-contact .contact .call-pushes .cta, .section-contact .contact .call-pushes #pauth .cta-second, #pauth .section-contact .contact .call-pushes .cta-second { width: 220px; padding: 0 0 0 10px; } /* line 478, ../sass/_pages.scss */ .page-crossroads .contact .push .content, .section-contact .contact .push .content { min-height: 128px; height: 128px; } /* line 483, ../sass/_pages.scss */ .page-crossroads .contact .call-pushes .push-container, .section-contact .contact .call-pushes .push-container { width: 230px; margin: auto; } } @media screen and (min-width: 999px) { /* line 491, ../sass/_pages.scss */ .page-crossroads .contact .push .content, .section-contact .contact .push .content { min-height: 110px; height: 110px; } /* line 496, ../sass/_pages.scss */ .page-crossroads section.contact .push figure + .content { min-height: auto; } .section-main-push .content-wrapper { height: 235px; } } /* line 500, ../sass/_pages.scss */ .contact .advisor [class^="icon-bpce-"].icon-bpce-profil2:before, .contact .advisor [class*=" icon-bpce-"].icon-bpce-profil2:before { display: none; } /* line 505, ../sass/_pages.scss */ .page-crossroads .contact.logged-in .push .content { padding-top: 20px; height: auto; } /* line 3, ../sass/_carrefour.scss */ .page-crossroads .summary.large, .page-crossroads .summary.large.inverse, .page-crossroads .summary, .page-crossroads .summary.inverse { position: relative; background-position: right top; padding-top: 40px; /*margin-right: 0; margin-left:0;*/ } @media screen and (max-width: 619px) { /* line 3, ../sass/_carrefour.scss */ .page-crossroads .summary.large, .page-crossroads .summary.large.inverse, .page-crossroads .summary, .page-crossroads .summary.inverse { background-position: left top; } } @media screen and (min-width: 768px) { /* line 3, ../sass/_carrefour.scss */ .page-crossroads .summary.large, .page-crossroads .summary.large.inverse, .page-crossroads .summary, .page-crossroads .summary.inverse { min-height: 326px; } } /* line 25, ../sass/_carrefour.scss */ .page-crossroads .summary.large .heading, .page-crossroads .summary.large .links, .page-crossroads .summary.large.inverse .heading, .page-crossroads .summary.large.inverse .links, .page-crossroads .summary .heading, .page-crossroads .summary .links, .page-crossroads .summary.inverse .heading, .page-crossroads .summary.inverse .links { padding: 0 20px; } /* line 28, ../sass/_carrefour.scss */ .page-crossroads .summary.large .heading, .page-crossroads .summary.large.inverse .heading, .page-crossroads .summary .heading, .page-crossroads .summary.inverse .heading { width: 500px; } @media screen and (min-width: 999px) { /* line 32, ../sass/_carrefour.scss */ .page-crossroads .summary.large .links, .page-crossroads .summary.large.inverse .links, .page-crossroads .summary .links, .page-crossroads .summary.inverse .links { width: 820px; } } @media screen and (max-width: 999px) { /* line 3, ../sass/_carrefour.scss */ .page-crossroads .summary.large, .page-crossroads .summary.large.inverse, .page-crossroads .summary, .page-crossroads .summary.inverse { padding-top: 30px; } /* line 40, ../sass/_carrefour.scss */ .page-crossroads .summary.large .links, .page-crossroads .summary.large.inverse .links, .page-crossroads .summary .links, .page-crossroads .summary.inverse .links { width: 80%; } } @media screen and (max-width: 767px) { /* line 45, ../sass/_carrefour.scss */ .page-crossroads .summary.large .heading, .page-crossroads .summary.large.inverse .heading, .page-crossroads .summary .heading, .page-crossroads .summary.inverse .heading { max-width: 80%; } /* line 48, ../sass/_carrefour.scss */ .page-crossroads .summary.large .links ul li a, .page-crossroads .summary.large.inverse .links ul li a, .page-crossroads .summary .links ul li a, .page-crossroads .summary.inverse .links ul li a { display: table-cell; min-width: 260px; max-width: 260px !important; } } @media screen and (max-width: 619px) { /* line 56, ../sass/_carrefour.scss */ .page-crossroads .summary.large .heading, .page-crossroads .summary.large .links, .page-crossroads .summary.large.inverse .heading, .page-crossroads .summary.large.inverse .links, .page-crossroads .summary .heading, .page-crossroads .summary .links, .page-crossroads .summary.inverse .heading, .page-crossroads .summary.inverse .links { padding: 0; } } /* line 61, ../sass/_carrefour.scss */ .page-crossroads .summary.large .links, .page-crossroads .summary.large.inverse .links, .page-crossroads .summary .links, .page-crossroads .summary.inverse .links { padding-bottom: 15px !important; } /* line 64, ../sass/_carrefour.scss */ .page-crossroads .summary.large .heading, .page-crossroads .summary.large.inverse .heading, .page-crossroads .summary .heading, .page-crossroads .summary.inverse .heading { padding-bottom: 10px !important; } /* line 68, ../sass/_carrefour.scss */ .page-crossroads .summary.large p, .page-crossroads .summary.large.inverse p, .page-crossroads .summary p, .page-crossroads .summary.inverse p { line-height: 19px; } /* line 72, ../sass/_carrefour.scss */ .page-crossroads .summary.large .heading h2, .page-crossroads .summary.large.inverse .heading h2, .page-crossroads .summary .heading h2, .page-crossroads .summary.inverse .heading h2 { display: table-cell; height: auto; vertical-align: middle; padding: 10px 0; } @media screen and (max-width: 767px) { /* line 80, ../sass/_carrefour.scss */ .page-crossroads .summary.large .heading h2, .page-crossroads .summary.large.inverse .heading h2, .page-crossroads .summary .heading h2, .page-crossroads .summary.inverse .heading h2 { padding: 0; } } /* line 85, ../sass/_carrefour.scss */ .page-crossroads .summary.large .links ul li, .page-crossroads .summary.large.inverse .links ul li, .page-crossroads .summary .links ul li, .page-crossroads .summary.inverse .links ul li { width: auto; margin-top: 5px; margin-bottom: 5px; } /* line 91, ../sass/_carrefour.scss */ .page-crossroads .summary.large .links ul li a::before, .page-crossroads .summary.large.inverse .links ul li a::before, .page-crossroads .summary .links ul li a::before, .page-crossroads .summary.inverse .links ul li a::before { float: left; line-height: 40px; text-align: center; width: 45px; } /* line 98, ../sass/_carrefour.scss */ .page-crossroads .summary.large .links ul li a span, .page-crossroads .summary.large.inverse .links ul li a span, .page-crossroads .summary .links ul li a span, .page-crossroads .summary.inverse .links ul li a span { font-size: inherit; height: 26px; letter-spacing: 0.25px; line-height: 15px; padding-right: 20px; vertical-align: middle; } /* line 106, ../sass/_carrefour.scss */ .page-crossroads .summary.large .links ul li a span.text, .page-crossroads .summary.large.inverse .links ul li a span.text, .page-crossroads .summary .links ul li a span.text, .page-crossroads .summary.inverse .links ul li a span.text { padding-right: 20px; } /* line 109, ../sass/_carrefour.scss */ .page-crossroads .summary.large .links ul li a span.ico, .page-crossroads .summary.large.inverse .links ul li a span.ico, .page-crossroads .summary .links ul li a span.ico, .page-crossroads .summary.inverse .links ul li a span.ico { padding-right: 0; text-align: center; width: 35px; position: relative; } /* line 115, ../sass/_carrefour.scss */ .page-crossroads .summary.large .links ul li a span.ico img, .page-crossroads .summary.large.inverse .links ul li a span.ico img, .page-crossroads .summary .links ul li a span.ico img, .page-crossroads .summary.inverse .links ul li a span.ico img { display: none; } /* line 118, ../sass/_carrefour.scss */ .page-crossroads .summary.large .links ul li a span.ico:before, .page-crossroads .summary.large.inverse .links ul li a span.ico:before, .page-crossroads .summary .links ul li a span.ico:before, .page-crossroads .summary.inverse .links ul li a span.ico:before { content: "\e638"; text-align: center; line-height: 26px; font-family: 'bpce-icons'; position: absolute; width: 35px; top: 0; left: 0; } /* line 128, ../sass/_carrefour.scss */ .page-crossroads .summary.large .links ul li a span.text, .page-crossroads .summary.large.inverse .links ul li a span.text, .page-crossroads .summary .links ul li a span.text, .page-crossroads .summary.inverse .links ul li a span.text { padding-left: 20px; } /* line 131, ../sass/_carrefour.scss */ .page-crossroads .summary.large .links ul li a span.ico + span.text, .page-crossroads .summary.large.inverse .links ul li a span.ico + span.text, .page-crossroads .summary .links ul li a span.ico + span.text, .page-crossroads .summary.inverse .links ul li a span.ico + span.text { padding-left: 0; } /* line 134, ../sass/_carrefour.scss */ .page-crossroads .summary.large .links ul li a::after, .page-crossroads .summary.large.inverse .links ul li a::after, .page-crossroads .summary .links ul li a::after, .page-crossroads .summary.inverse .links ul li a::after { content: ""; float: none; margin: 0; } /* line 140, ../sass/_carrefour.scss */ .page-crossroads .summary.large .link-back a, .page-crossroads .summary.large.inverse .link-back a, .page-crossroads .summary .link-back a, .page-crossroads .summary.inverse .link-back a { font-size: 12px; line-height: 12px; } /* line 145, ../sass/_carrefour.scss */ .page-crossroads .summary.large .link-back a span, .page-crossroads .summary.large.inverse .link-back a span, .page-crossroads .summary .link-back a span, .page-crossroads .summary.inverse .link-back a span { margin-left: 2px; } /* line 148, ../sass/_carrefour.scss */ .page-crossroads .summary.large .link-back a .text-red, .page-crossroads .summary.large .link-bottom a .text-red, .page-crossroads .summary.large.inverse .link-back a .text-red, .page-crossroads .summary.large.inverse .link-bottom a .text-red, .page-crossroads .summary .link-back a .text-red, .page-crossroads .summary .link-bottom a .text-red, .page-crossroads .summary.inverse .link-back a .text-red, .page-crossroads .summary.inverse .link-bottom a .text-red { color: #373737; } /* line 151, ../sass/_carrefour.scss */ .page-crossroads .summary.large .link-back, .page-crossroads .summary.large.inverse .link-back, .page-crossroads .summary .link-back, .page-crossroads .summary.inverse .link-back { padding-left: 0; position: absolute; top: -40px; background: none !important; font-size: 12px; left: 20px; line-height: 1em; padding-bottom: 0; z-index: 10; } @media screen and (max-width: 999px) { /* line 164, ../sass/_carrefour.scss */ .page-crossroads .summary.large .link-back, .page-crossroads .summary.large.inverse .link-back, .page-crossroads .summary .link-back, .page-crossroads .summary.inverse .link-back { top: -30px; left: 0; margin-left: 0; } } /* line 170, ../sass/_carrefour.scss */ .page-crossroads .summary.large .link-back a::before, .page-crossroads .summary.large.inverse .link-back a::before, .page-crossroads .summary .link-back a::before, .page-crossroads .summary.inverse .link-back a::before { margin: 0; } /* line 174, ../sass/_carrefour.scss */ .page-crossroads .summary.large .link-bottom, .page-crossroads .summary.large.inverse .link-bottom, .page-crossroads .summary .link-bottom, .page-crossroads .summary.inverse .link-bottom { text-align: right; position: absolute; right: 0; bottom: -25px; padding-bottom: 0; } /* line 186, ../sass/_carrefour.scss */ .page-crossroads .summary.large, .page-crossroads .summary { background-color: #f7cb37; } /* line 189, ../sass/_carrefour.scss */ .page-crossroads .summary.large h2, .page-crossroads .summary.large .heading h2, .page-crossroads .summary h2, .page-crossroads .summary .heading h2 { color: #373737 !important; } /* line 192, ../sass/_carrefour.scss */ .page-crossroads .summary.large p, .page-crossroads .summary p { color: #4d4d4d !important; } /* line 200, ../sass/_carrefour.scss */ .page-crossroads .summary.large.inverse, .page-crossroads .summary.inverse { background-color: #373737; } /* line 203, ../sass/_carrefour.scss */ .page-crossroads .summary.large.inverse h2, .page-crossroads .summary.large.inverse .heading h2, .page-crossroads .summary.large.inverse p, .page-crossroads .summary.inverse h2, .page-crossroads .summary.inverse .heading h2, .page-crossroads .summary.inverse p { color: #fff !important; } /* line 211, ../sass/_carrefour.scss */ .page-crossroads .block-pushes.block-products { margin-bottom: 6px !important; /*@media screen and (max-width: 767px) { margin-left: auto; margin-right: auto; }*/ } /* line 223, ../sass/_carrefour.scss */ .page-crossroads .block-pushes.block-products .block-header { border-top: 7px solid #7c5691; background-image: none; background-color: #7c5691; color: #fff; } /*.page-crossroads .block-pushes.block-products.active:hover .block-header .toggler { color: #fff; background-color: $color2; }*/ /* line 236, ../sass/_carrefour.scss */ .page-crossroads .block-pushes.block-products.active .block-header .toggler { background-color: #fff; color: #4d4d4d; background-image: url("../assets/themes/ccoop_theme/images/push-produts-toggler-hide.png"); } /* line 239, ../sass/_carrefour.scss */ .page-crossroads .block-pushes.block-products.active .block-header .toggler h2 { color: #373737; } /* line 247, ../sass/_carrefour.scss */ .no_touch .page-crossroads .block-pushes.block-products .block-header:hover .toggler { background-color: #fff; color: #4d4d4d; background-image: url("../assets/themes/ccoop_theme/images_contrib/push-produts-toggler-show-over.png"); } /* line 250, ../sass/_carrefour.scss */ .no_touch .page-crossroads .block-pushes.block-products .block-header:hover .toggler h2 { color: #373737; } /* line 255, ../sass/_carrefour.scss */ .no_touch .page-crossroads .block-pushes.block-products.active .block-header:hover .toggler, .no_touch .page-crossroads .block-pushes.block-products.active .block-header .toggler { background-image: url("../assets/themes/ccoop_theme/images/push-produts-toggler-hide.png"); } /* line 261, ../sass/_carrefour.scss */ .no_touch .page-crossroads .block-pushes.block-products.active .block-header:hover .toggler .image .enabled, .no_touch .page-crossroads .block-pushes.block-products .block-header:hover .toggler .image .enabled { display: block; } /* line 264, ../sass/_carrefour.scss */ .no_touch .page-crossroads .block-pushes.block-products.active .block-header:hover .toggler .image .disabled, .no_touch .page-crossroads .block-pushes.block-products .block-header:hover .toggler .image .disabled { display: none; } /* line 269, ../sass/_carrefour.scss */ .page-crossroads .block-pushes.block-products .block-header .heading { padding-left: 62px; width: calc(50% - 62px); } /* line 273, ../sass/_carrefour.scss */ .page-crossroads .block-pushes.block-products .block-header .image { margin-right: 0; text-align: right; height: 126px !important; width: 50% !important; } /* line 279, ../sass/_carrefour.scss */ .page-crossroads .block-pushes.block-products .block-header .heading h2 { padding-right: 0; } /* line 284, ../sass/_carrefour.scss */ .page-crossroads .block-pushes.block-products .block-header .image img { max-height: 100% !important; max-width: 100% !important; margin-right: 0 !important; position: static; } @media screen and (max-width: 999px) { /* line 291, ../sass/_carrefour.scss */ .page-crossroads .block-pushes.block-products .block-header .heading { padding-left: 62px; width: calc(60% - 62px); } /* line 295, ../sass/_carrefour.scss */ .page-crossroads .block-pushes.block-products .block-header .image { height: 72px !important; width: 40% !important; } /* line 299, ../sass/_carrefour.scss */ .page-crossroads .block-pushes.block-products .block-header .image img { right: 0; margin-top: 10%; max-height: 126px !important; } } /* Pas d'image sur les mobiles sur CCOOP*/ @media screen and (max-width: 767px) { .page-crossroads .block-pushes.block-products .block-header .toggler .image { display: none; } .page-crossroads .block-pushes.block-products .block-header .toggler .heading { width: 100%; } /* line 306, ../sass/_carrefour.scss */ .page-crossroads .block-pushes.block-products .block-header .image img { margin-top: 0; max-height: 72px !important; } } @media screen and (max-width: 500px) { /* line 312, ../sass/_carrefour.scss */ .page-crossroads .block-pushes.block-products .block-header .image img { display: none !important; } } /* line 319, ../sass/_carrefour.scss */ .section-simple-content .content a { color: #7c5691; font-weight: 600; text-decoration: none; } /* line 321, ../sass/_carrefour.scss */ .section-simple-content .content a:hover { text-decoration: underline; } /*.section-simple-content { text-align: center; } .section-simple-content .block-pushes { display: inline-block; text-align: left; max-width: 100%; }*/ @media screen and (min-width: 768px) { /* line 338, ../sass/_carrefour.scss */ .block-pushes .push-cols { padding-left: 8px; padding-right: 8px; } } /* line 344, ../sass/_carrefour.scss */ .block-pushes .push > div { margin: 0 0 10px; width: 100%; /*// max-width: 480px; @media screen and (min-width: 767px) { //width: calc(100% - 20px) !important; //min-width: calc(100% - 20px) !important; width:100%; }*/ } /* line 355, ../sass/_carrefour.scss */ .block-pushes .block-content { margin-left: -8px; margin-right: -8px; } @media screen and (min-width: 619px) { /* line 355, ../sass/_carrefour.scss */ .block-pushes .block-content { margin-left: -10px; margin-right: -10px; } } /* line 367, ../sass/_carrefour.scss */ .push-basic { display: block; border: 1px solid #ece4db; height: 145px; } /* line 372, ../sass/_carrefour.scss */ .push-basic .push-content { vertical-align: top; } /* line 376, ../sass/_carrefour.scss */ .push-basic .push-container { height: 145px; padding-bottom: 0; padding-top: 0; vertical-align: middle; } /* line 383, ../sass/_carrefour.scss */ .push-basic .push-icon .push-icon-image img { max-width: 100% !important; max-height: none !important; width: 100%; height: auto; } @media screen and (min-width: 768px) { /* line 391, ../sass/_carrefour.scss */ .push-basic .push-container { width: 100%; height: 145px; display: block; } } /* line 400, ../sass/_carrefour.scss */ .push-basic.push-is-new .push-content h3, .push-basic.push-is-new .push-content h4, .push-basic .push-isnew ~ .push-content h3, .push-basic .push-isnew ~ .push-content h3 { padding-top: 0; margin-right: 0px; } /* line 408, ../sass/_carrefour.scss */ .push-basic.push-is-new .push-container { height: 143px; padding-top: 0; padding-bottom: 0; } /* line 413, ../sass/_carrefour.scss */ .push-basic .push-isnew { height: 27px; top: 4px; right: 4px; position: absolute; -webkit-backface-visibility: hidden; } /* line 420, ../sass/_carrefour.scss */ .push-image .push-isnew { top: 4px; right: 4px; } /* line 424, ../sass/_carrefour.scss */ .push-basic .push-picto { bottom: 15px; right: 20px; } /* line 429, ../sass/_carrefour.scss */ .block-pushes .push { overflow: hidden; padding-top: 0; padding-bottom: 0; } /* line 435, ../sass/_carrefour.scss */ .push-basic .push-content { padding-top: 23px; height: 143px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 620px) { /* line 445, ../sass/_carrefour.scss */ .push-basic .push-content .btn-container { position: absolute; bottom: 18px; } /* line 449, ../sass/_carrefour.scss */ .push-basic h3, .push-basic h4 { margin-bottom: 8px; } } /* line 454, ../sass/_carrefour.scss */ .push-basic .push-icon .push-icon-label { display: none; } /* line 458, ../sass/_carrefour.scss */ .block-pushes .push-basic .push-icon, .push-basic .push-icon { width: 130px; } @media screen and (max-width: 999px) { /* line 463, ../sass/_carrefour.scss */ .block-pushes .push-basic .push-icon, .push-basic .push-icon { width: 84px; } /* line 466, ../sass/_carrefour.scss */ .push-basic .push-content { padding-left: 10px; } /* line 469, ../sass/_carrefour.scss */ .push-basic .push-container { padding-left: 10px; } } @media screen and (max-width: 767px) { /* line 476, ../sass/_carrefour.scss */ .block-pushes .push-basic .push-icon, .push-basic .push-icon { width: 100px; } } @media screen and (max-width: 619px) { /* line 482, ../sass/_carrefour.scss */ .push-basic, .push-basic .push-container, .push-basic .push-content { height: auto; } /* line 487, ../sass/_carrefour.scss */ .push-basic .push-content { padding-bottom: 20px; padding-left: 10px; padding-right: 10px; } /* line 492, ../sass/_carrefour.scss */ .block-pushes .push-basic .push-icon, .push-basic .push-icon { width: 70px; } } @media screen and (max-width: 767px) { /* line 498, ../sass/_carrefour.scss */ .section-simple-content .block-pushes { margin-left: 0; margin-right: 0; } } /* line 506, ../sass/_carrefour.scss */ .push-tools { display: block; border: 1px solid #373737; height: 145px; } /* line 511, ../sass/_carrefour.scss */ .push-tools .push-container { height: 143px; padding-bottom: 0; vertical-align: middle; padding-left: 10px; } /* line 518, ../sass/_carrefour.scss */ .push-tools .image img { width: 100%; height: auto !important; } /* line 525, ../sass/_carrefour.scss */ #main .push-tools .btn-container .cta.button:before, #main .push-tools .btn-container #pauth .button.cta-second:before, #pauth #main .push-tools .btn-container .button.cta-second:before { display: block; } @media screen and (min-width: 620px) { /* line 531, ../sass/_carrefour.scss */ .push-tools .push-content .btn-container { position: absolute; bottom: 18px; } /* line 535, ../sass/_carrefour.scss */ .push-tools h3, .push-tools h4 { margin-bottom: 8px; } } /* line 539, ../sass/_carrefour.scss */ .push-tools .image { width: 113px; padding-left: 0; height: 143px; vertical-align: middle; display: table-cell; } /* line 546, ../sass/_carrefour.scss */ .push-tools .push-content { height: 143px; padding-top: 23px; padding-left: 10px; display: table-cell; position: static; background: none; /* z-index: 1; &:before { content:""; position: absolute; opacity: .7; background-color: #fff; left:0;right:0;top:0;bottom:0; z-index: -1; }*/ } @media screen and (max-width: 999px) { /* line 565, ../sass/_carrefour.scss */ .push-tools .image { width: 90px; height: 143px; } } @media screen and (max-width: 767px) { /* line 573, ../sass/_carrefour.scss */ .push-tools .image { width: 100px; } } @media screen and (max-width: 619px) { /* line 580, ../sass/_carrefour.scss */ .push-tools, .push-tools .push-container, .push-tools.push-content { height: auto; } /* line 585, ../sass/_carrefour.scss */ .push-tools .push-content .btn-container { position: static; margin: 10px 0; bottom: 15px; } /* line 590, ../sass/_carrefour.scss */ .push-tools .image { width: 70px; } } /* line 597, ../sass/_carrefour.scss */ #main .push-image .push-content { bottom: 30px; left: 40px; right: 40px; max-width: 300px; padding-bottom: 20px; padding-top: 10px; } @media screen and (max-width: 360px) { /* line 597, ../sass/_carrefour.scss */ #main .push-image .push-content { left: 30px; right: 30px; } } @media screen and (max-width: 330px) { /* line 597, ../sass/_carrefour.scss */ #main .push-image .push-content { left: 10px; right: 10px; bottom: 20px; padding: 20px 30px; } } /* line 616, ../sass/_carrefour.scss */ #main .push-image .push-content .btn-container { display: block; margin: 10px auto; } /* line 620, ../sass/_carrefour.scss */ #main .push-image .push-content .cta, #main .push-image .push-content #pauth .cta-second, #pauth #main .push-image .push-content .cta-second { width: 100%; display: block; } /* line 625, ../sass/_carrefour.scss */ #main .push-image .push-content h3, #main .push-image .push-content h4 { text-align: center; } /* line 628, ../sass/_carrefour.scss */ #main .push-image .push-content .push-image .push-isnew { height: 16px; } /* line 2, ../sass/_ope_com.scss */ .product-page .no-margin { margin-top: 0; } /* line 5, ../sass/_ope_com.scss */ #main .section-resume { border: none; margin-bottom: 50px; } /* line 10, ../sass/_ope_com.scss */ .section-resume:after { clear: both; } /* line 13, ../sass/_ope_com.scss */ .section-resume .title-section { margin: 0 0 20px; padding-right: 0; padding-left: 0; } /* line 19, ../sass/_ope_com.scss */ .section-resume .resume { background-color: #7c5691; color: #fff; margin: 0; padding: 40px; text-align: left; } /* line 25, ../sass/_ope_com.scss */ .section-resume .resume .title-section { color: #fff; text-align: left; } /* line 30, ../sass/_ope_com.scss */ .section-resume .resume .content { height: auto; display: inline-block; *display: inline; *zoom: 1; text-align: left; padding: 0; } /* line 38, ../sass/_ope_com.scss */ .section-resume .ezxmltext-field { text-align: left; } /* line 41, ../sass/_ope_com.scss */ .section-resume .cta-group { background: #fff; margin: 0; padding: 40px 30px; } /* line 45, ../sass/_ope_com.scss */ .section-resume .cta-group .title-section { color: #373737; } /* line 49, ../sass/_ope_com.scss */ .section-resume .cta-group .list-wrapper { height: auto; min-height: 130px; } /* line 55, ../sass/_ope_com.scss */ .section-resume .cta-group ul { vertical-align: top; padding-top: 5px; } /* line 59, ../sass/_ope_com.scss */ #main > .container > section .cta.force-inline.red, #main > .container > section #pauth .force-inline.red.cta-second, #pauth #main > .container > section .force-inline.red.cta-second { background: #c8121A !important; border-color: #c8121A; color: #fff; } /* line 63, ../sass/_ope_com.scss */ #main > .container > section .cta.force-inline.red:after, #main > .container > section #pauth .force-inline.red.cta-second:after, #pauth #main > .container > section .force-inline.red.cta-second:after { content: "\e608"; font-family: 'bpce-icons'; font-size: 15px; display: inline-block; top: -1px; position: relative; } /* line 71, ../sass/_ope_com.scss */ #main > .container > section .cta.force-inline.red:hover, #main > .container > section #pauth .force-inline.red.cta-second:hover, #pauth #main > .container > section .force-inline.red.cta-second:hover { background-color: #373737 !important; border-color: #373737; } @media screen and (min-width: 768px) { /* line 78, ../sass/_ope_com.scss */ .section-resume .cta-group::before { margin-top: -24px; border-width: 24px 0 24px 15px; border-color: transparent transparent transparent #7c5691; } } @media screen and (max-width: 767px) { /* line 78, ../sass/_ope_com.scss */ .section-resume .cta-group::before { margin-left: -24px; border-width: 15px 24px 0 24px; border-color: #7c5691 transparent transparent transparent; } } @media screen and (max-width: 999px) { /* line 91, ../sass/_ope_com.scss */ .section-resume .resume { padding: 30px; } /* line 94, ../sass/_ope_com.scss */ .section-resume .title-section { margin: 0 0 10px; } } @media screen and (max-width: 767px) { /* line 99, ../sass/_ope_com.scss */ .section-resume .resume { padding: 30px 20px; } } @media screen and (max-width: 619px) { /* line 104, ../sass/_ope_com.scss */ .section-resume .resume { padding: 30px 15px; } } @media screen and (min-width: 1000px) { /*.section-resume::before { background: $color_line; bottom: 0; content: ""; left: 70%; position: absolute; top: 0; width: 30%; }*/ /* line 120, ../sass/_ope_com.scss */ .section-resume .cta-group { width: 40%; } /* line 123, ../sass/_ope_com.scss */ .section-resume .resume { width: 60%; } /* line 126, ../sass/_ope_com.scss */ .section-resume .resume ul { font-size: 14px; list-style: outside none none; margin-left: 0; padding-left: 0; } } /* line 135, ../sass/_ope_com.scss */ .ezxmltext-field ul, .section-resume .resume ul { display: inline-block; text-align: left; *display: inline; *zoom: 1; padding-left: 0; list-style-type: none; } /* line 144, ../sass/_ope_com.scss */ .ezxmltext-field ul, .section-resume .resume ul { display: inline-block; *display: inline; *zoom: 1; } /* line 151, ../sass/_ope_com.scss */ .section-resume .ezxmltext-field ul li::before, .section-resume .resume ul li::before, .section-resume .ezxmltext-field ul li li::before, .section-resume .resume ul li li::before, .section-resume h2, .section-resume h3, .section-resume h4, .section-resume h5, .section-resume h6, .section-resume h7 { color: #fff; } /* line 158, ../sass/_ope_com.scss */ .section-resume .ezxmltext-field pre, .section-resume .resume pre { background-color: #fff; color: #4d4d4d; } /* line 165, ../sass/_ope_com.scss */ .ezxmltext-field ul li, .section-resume .resume ul li { /* si on veut que la ligne aille sous les puces bottom: 0; content: "\e648"; font-size: 12px; line-height: 1; margin-right: 10px; position: relative; vertical-align: middle; font-family: 'bpce-icons';*/ /*content: "\e648"; color: $color2; font-size: 12px; line-height: 1; margin-right: 10px; vertical-align: top; font-family: 'bpce-icons'; bottom: 0; top: 2px; position: absolute; left: 0;*/ } /* line 193, ../sass/_ope_com.scss */ .section-resume .resume ul li::before { color: #fff; } /* line 197, ../sass/_ope_com.scss */ .ezxmltext-field ul li li::before, .section-resume .resume ul li li::before { bottom: 2px; color: #4d4d4d; content: "-"; font-size: 14px; line-height: 1; margin-right: 8px; vertical-align: middle; } /* line 207, ../sass/_ope_com.scss */ .ezxmltext-field ul li, .section-resume .resume ul li { position: relative; padding-left: 20px; line-height: 1.35em; margin-bottom: 5px; font-weight: 400; } /* line 218, ../sass/_ope_com.scss */ .ezxmltext-field ul li li, .section-resume .resume ul li li { margin-left: 10px; margin-bottom: 0; padding-left: 12px; } /* line 224, ../sass/_ope_com.scss */ .ezxmltext-field pre { background-color: #7c5691; color: #fff; } /* line 230, ../sass/_ope_com.scss */ .ezxmltext-field pre, .section-resume .resume pre { border: none; border-radius: 0; display: block; margin: 0 0 10px 0; padding: 5px 10px; height: auto; word-break: break-all; word-wrap: break-word; font-family: 'main', arial; white-space: pre-wrap; } /* line 245, ../sass/_ope_com.scss */ .ezxmltext-field h2, .ezxmltext-field h4 { font-weight: normal; font-family: 'extra1'; text-transform: uppercase; } /* line 251, ../sass/_ope_com.scss */ .ezxmltext-field p + a + h2, .ezxmltext-field p + h2, .ezxmltext-field p + a + h3, .ezxmltext-field p + h3 { font-weight: normal; font-family: 'extra1'; text-transform: uppercase; font-size: 24px; margin-top: 27px; } @media screen and (max-width: 619px) { /* line 251, ../sass/_ope_com.scss */ .ezxmltext-field p + a + h2, .ezxmltext-field p + h2, .ezxmltext-field p + a + h3, .ezxmltext-field p + h3 { font-size: 18px; } } /* line 268, ../sass/_ope_com.scss */ .ezxmltext-field h3, .ezxmltext-field h5, .ezxmltext-field h6, .ezxmltext-field h7 { font-family: 'main'; } /* line 272, ../sass/_ope_com.scss */ .ezxmltext-field h3, .ezxmltext-field h5, .ezxmltext-field h6 { text-transform: uppercase; } /* line 276, ../sass/_ope_com.scss */ .ezxmltext-field h3, .ezxmltext-field h5, .ezxmltext-field h6, .ezxmltext-field h7 { font-weight: bold; } /* line 280, ../sass/_ope_com.scss */ .ezxmltext-field h3 { font-size: 18px; } /* line 283, ../sass/_ope_com.scss */ .ezxmltext-field h4 { font-size: 18px; } /* line 286, ../sass/_ope_com.scss */ .ezxmltext-field h5 { font-size: 16px; } /* line 289, ../sass/_ope_com.scss */ .ezxmltext-field h6 { font-size: 14px; } /* line 292, ../sass/_ope_com.scss */ .ezxmltext-field h7 { font-size: 14px; } /* line 298, ../sass/_ope_com.scss */ .section-rebound { background: #7c5691; margin-bottom: 0; } /* line 300, ../sass/_ope_com.scss */ .section-rebound h2.title-section, .section-rebound .mentions, .section-rebound .mentions p { color: #fff; } /* line 309, ../sass/_ope_com.scss */ .section-rebound .wrapper { background: none; padding: 0; } /* line 316, ../sass/_ope_com.scss */ .section-rebound .owl-carousel { padding-bottom: 60px; } /* line 319, ../sass/_ope_com.scss */ .section-rebound .owl-carousel .owl-pagination { bottom: 10px; } @media screen and (max-width: 619px) { /* line 319, ../sass/_ope_com.scss */ .section-rebound .owl-carousel .owl-pagination { bottom: 20px; } } /* line 326, ../sass/_ope_com.scss */ .section-rebound .col-xs-12 { padding: 0; margin: 0; } /* line 331, ../sass/_ope_com.scss */ .section-rebound .owl-carousel .element { min-height: 328px; height: 328px; width: 235px; } /* line 337, ../sass/_ope_com.scss */ .section-rebound .owl-carousel .element .title { text-align: center; line-height: 1em; padding: 30px 20px 10px; } /* line 343, ../sass/_ope_com.scss */ .section-rebound .owl-carousel .element .subtitle { margin-bottom: 0; margin-top: 0; padding: 0 20px 10px; } /* line 350, ../sass/_ope_com.scss */ .section-rebound .owl-carousel .element:hover .content { text-decoration: underline; } /* line 353, ../sass/_ope_com.scss */ .section-rebound .owl-carousel .element .media { background-color: #fff; border-bottom: 1px solid #e0e0e0; height: 153px; width: 235px; } /* line 359, ../sass/_ope_com.scss */ .section-rebound .owl-carousel .element .media img { max-width: 100%; } /* line 362, ../sass/_ope_com.scss */ .section-rebound .media .push-icon-label { display: none; } /* line 366, ../sass/_ope_com.scss */ .section-rebound .owl-carousel .element .media .push-icon-image { margin-top: 0; text-align: center; } /* line 370, ../sass/_ope_com.scss */ .owl-carousel .owl-pagination .owl-page, .section-rebound .owl-carousel .owl-pagination .owl-page { background: #c8c8bc; width: 8px; height: 8px; } /* line 381, ../sass/_ope_com.scss */ .owl-carousel .owl-pagination .owl-page, .section-rebound .owl-carousel .owl-pagination .owl-page, .section-image-carousel .owl-pagination .owl-page, .section-faq .questions .owl-pagination .owl-page { background: #c8c8bc; width: 8px; height: 8px; box-shadow: none; } /* line 387, ../sass/_ope_com.scss */ .owl-carousel .owl-pagination .owl-page.active, .section-rebound .owl-carousel .owl-pagination .owl-page.active, .section-image-carousel .owl-pagination .owl-page.active, .section-faq .questions .owl-pagination .owl-page.active { background: #373737; } /* line 393, ../sass/_ope_com.scss */ .owl-carousel .owl-wrapper { height: initial !important; } @media screen and (min-width: 999px) { /*.section-rebound .owl-carousel .owl-item { width: 242px !important; }*/ /* line 402, ../sass/_ope_com.scss */ .section-rebound .owl-carousel { margin: 0; } } /* line 406, ../sass/_ope_com.scss */ .section-rebound .owl-carousel .owl-pagination .owl-page { box-shadow: none; } /* line 410, ../sass/_ope_com.scss */ .section-rebound .owl-carousel .owl-wrapper-outer { padding-bottom: 0; } /* line 414, ../sass/_ope_com.scss */ .section-rebound.commercial { background: #5eb6b8; } /* line 418, ../sass/_ope_com.scss */ .section-rebound.commercial .owl-carousel .element { color: #4d4d4d; background: #fff; } /* line 423, ../sass/_ope_com.scss */ .section-testimony { overflow: hidden; } /* line 436, ../sass/_ope_com.scss */ .section-simple-content .block-pushes { margin-left: -5px; margin-right: -5px; } /* line 441, ../sass/_ope_com.scss */ .section-simple-content .subtitle { color: #373737; text-align: center; } /* line 447, ../sass/_ope_com.scss */ .section-images-content.special-bg .push-media { width: auto; } /* line 8, ../sass/_faq.scss */ .page-faq .faq-questions .subheader .subheader-title { font-weight: normal; font-family: "extra1"; font-size: 30px !important; margin: 0; color: #373737; line-height: 1.2em; text-transform: uppercase; } /* line 18, ../sass/_faq.scss */ .page-faq#main .back-to-summary::before { color: #373737; line-height: 1; position: relative; top: -1px; vertical-align: middle; } /* line 26, ../sass/_faq.scss */ .page-faq#main .back-to-summary { text-transform: uppercase; position: relative; font-weight: 600; display: inline-block; } @media screen and (min-width: 768px) { /* line 26, ../sass/_faq.scss */ .page-faq#main .back-to-summary { display: none; } } /* line 33, ../sass/_faq.scss */ .page-faq#main .back-to-summary:after { content: ""; display: block; position: absolute; left: 0; right: 0; margin-left: 17px; top: 15px; height: 2px; background: #373737; opacity: .2; width: auto; } /* line 46, ../sass/_faq.scss */ .page-faq#main .back-to-summary:hover:after { opacity: 1 !important; } /* line 54, ../sass/_faq.scss */ .page-faq#main .container * { color: #373737; } /* line 57, ../sass/_faq.scss */ .page-faq#main .header-wrapper .title-level1, .page-faq#main .header-wrapper .subheader-title { padding-bottom: 0; padding-top: 0; } /* line 67, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections { background-color: #FFF; border: none; margin: 0; } /* line 69, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections li.section-link, .page-faq#main section div.faq-navigation ul.sections > li, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections li.section-link, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections > li, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections li.section-link, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections > li { border-top: none; } /* line 71, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections li.section-link a, .page-faq#main section div.faq-navigation ul.sections > li a, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections li.section-link a, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections > li a, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections li.section-link a, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections > li a { border: none; } /* line 73, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections li.active a.section-group, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections li.active a.section-group, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections li.active a.section-group { background-color: #ea7f49; color: #fff; } /* line 76, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections li a, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections li a, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections li a { padding: 13px 30px 9px; } /* line 77, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections li a.section-group, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections li a.section-group, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections li a.section-group { padding: 16px 30px 13px; } /* line 78, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections li.active a.section-group.has-submenu, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections li.active a.section-group.has-submenu, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections li.active a.section-group.has-submenu { background-color: #ea7f49; border: none; color: #FFF; position: relative; } /* line 81, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections li.active a.section-group.has-submenu:before, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections li.active a.section-group.has-submenu:before, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections li.active a.section-group.has-submenu:before { content: '\e63e'; color: #FFF; font-family: 'bpce-icons'; font-size: 15px; position: absolute; right: 15px; margin-top: -9px; top: 50%; } /* line 83, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections li.active a.section-group.has-submenu:after, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections li.active a.section-group.has-submenu:after, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections li.active a.section-group.has-submenu:after { display: none; } /* line 86, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections li a.section-group, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections li a.section-group, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections li a.section-group { border-top: solid 1px #c1c1c1; } /* line 88, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections li a.section-group.has-submenu:after, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections li a.section-group.has-submenu:after, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections li a.section-group.has-submenu:after { content: "\e63b"; color: #646464; font-size: 15px; margin-top: -8px; top: 50%; right: 17px; } /* line 91, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections li:first-child a.section-group, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections li:first-child a.section-group, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections li:first-child a.section-group { border-top: none; } /* line 93, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections li.active ul.section-links, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections li.active ul.section-links, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections li.active ul.section-links { display: block !important; } /* line 95, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections ul.section-links li.section-link.active a, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections ul.section-links li.section-link.active a, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections ul.section-links li.section-link.active a { background-color: #7c5691; color: #FFF; } /* line 96, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections ul.section-links li.section-link.active a:after, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections ul.section-links li.section-link.active a:after, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections ul.section-links li.section-link.active a:after { display: none; } /* line 99, ../sass/_faq.scss */ .page-faq#main section div.faq-navigation ul.sections ul.section-links li.section-link a:before, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections ul.section-links li.section-link a:before, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections ul.section-links li.section-link a:before { color: #FFF; } /* line 110, ../sass/_faq.scss */ .page-faq#main section div.faq-questions, .page-faq#main .has-navigation.faq-summary div.faq-questions, .page-faq#main .has-navigation.faq-showquestion div.faq-questions { margin-right: 0; } /* line 112, ../sass/_faq.scss */ .page-faq#main section div.faq-questions .questions, .page-faq#main .has-navigation.faq-summary div.faq-questions .questions, .page-faq#main .has-navigation.faq-showquestion div.faq-questions .questions { border: none; } /* line 113, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.subheader, .page-faq#main .has-navigation.faq-summary div.faq-questions div.subheader, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.subheader { background-color: #FFF; margin-bottom: 20px; padding: 24px 20px 24px; } /* line 114, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.subheader .subheader-title, .page-faq#main section div.faq-questions div.subheader h1.subheader-title, .page-faq#main .has-navigation.faq-summary div.faq-questions div.subheader .subheader-title, .page-faq#main .has-navigation.faq-summary div.faq-questions div.subheader h1.subheader-title, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.subheader .subheader-title, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.subheader h1.subheader-title { font-size: 30px !important; font-family: "extra1"; margin: 0; } @media screen and (max-width: 619px) { /* line 114, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.subheader .subheader-title, .page-faq#main section div.faq-questions div.subheader h1.subheader-title, .page-faq#main .has-navigation.faq-summary div.faq-questions div.subheader .subheader-title, .page-faq#main .has-navigation.faq-summary div.faq-questions div.subheader h1.subheader-title, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.subheader .subheader-title, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.subheader h1.subheader-title { font-size: 24px !important; } } /* line 119, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.subheader .subheader-category, .page-faq#main .has-navigation.faq-summary div.faq-questions div.subheader .subheader-category, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.subheader .subheader-category { font-size: 14px; text-transform: uppercase; } /* line 121, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.faq-items div.faq-item, .page-faq#main .has-navigation.faq-summary div.faq-questions div.faq-items div.faq-item, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.faq-items div.faq-item { background-color: #FFF; } /* line 122, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.faq-items div.faq-item div.question-title, .page-faq#main .has-navigation.faq-summary div.faq-questions div.faq-items div.faq-item div.question-title, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.faq-items div.faq-item div.question-title { font-weight: 400; display: block; height: auto; } /* line 123, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.faq-items div.faq-item .answer, .page-faq#main .has-navigation.faq-summary div.faq-questions div.faq-items div.faq-item .answer, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.faq-items div.faq-item .answer { padding-top: 20px; padding-bottom: 20px; } /* line 124, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.faq-items div.faq-item .answer img, .page-faq#main .has-navigation.faq-summary div.faq-questions div.faq-items div.faq-item .answer img, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.faq-items div.faq-item .answer img { padding-top: 10px; padding-bottom: 10px; } /* line 125, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.faq-items div.faq-item .answer .answer-decoration, .page-faq#main .has-navigation.faq-summary div.faq-questions div.faq-items div.faq-item .answer .answer-decoration, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.faq-items div.faq-item .answer .answer-decoration { display: none; } /* line 126, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.faq-items div.faq-item .answer ul, .page-faq#main .has-navigation.faq-summary div.faq-questions div.faq-items div.faq-item .answer ul, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.faq-items div.faq-item .answer ul { padding-left: 22px; } /* line 127, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.faq-items div.faq-item .answer ul li, .page-faq#main .has-navigation.faq-summary div.faq-questions div.faq-items div.faq-item .answer ul li, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.faq-items div.faq-item .answer ul li { list-style-type: none; text-indent: -22px; } /* line 128, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.faq-items div.faq-item .answer ul li:before, .page-faq#main .has-navigation.faq-summary div.faq-questions div.faq-items div.faq-item .answer ul li:before, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.faq-items div.faq-item .answer ul li:before { content: '\e648'; color: #7c5691; font-family: 'bpce-icons'; margin-right: 10px; margin-top: 2px; font-size: 12px; } /* line 129, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.faq-items div.faq-item .answer .question .question-toggler, .page-faq#main .has-navigation.faq-summary div.faq-questions div.faq-items div.faq-item .answer .question .question-toggler, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.faq-items div.faq-item .answer .question .question-toggler { position: static; } @media screen and (max-width: 768px) { /* line 133, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.faq-items div.faq-item div.question-title, .page-faq#main .has-navigation.faq-summary div.faq-questions div.faq-items div.faq-item div.question-title, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.faq-items div.faq-item div.question-title { padding: 19px 15px 19px 59px; } } /* line 136, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.faq-items div.faq-item .icon-bpce-plus:before, .page-faq#main .has-navigation.faq-summary div.faq-questions div.faq-items div.faq-item .icon-bpce-plus:before, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.faq-items div.faq-item .icon-bpce-plus:before { color: #7c5691 !important; content: "\e651" !important; } @media screen and (max-width: 768px) { /* line 136, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.faq-items div.faq-item .icon-bpce-plus:before, .page-faq#main .has-navigation.faq-summary div.faq-questions div.faq-items div.faq-item .icon-bpce-plus:before, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.faq-items div.faq-item .icon-bpce-plus:before { font-size: 25px; position: relative; top: -5px; } } /* line 140, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.faq-items div.faq-item.active div.question-title, .page-faq#main .has-navigation.faq-summary div.faq-questions div.faq-items div.faq-item.active div.question-title, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.faq-items div.faq-item.active div.question-title { background-color: #7c5691; color: #FFF; } /* line 141, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.faq-items div.faq-item.active .icon-bpce-moins:before, .page-faq#main .has-navigation.faq-summary div.faq-questions div.faq-items div.faq-item.active .icon-bpce-moins:before, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.faq-items div.faq-item.active .icon-bpce-moins:before { color: #FFF; content: "\e650"; } @media screen and (max-width: 768px) { /* line 141, ../sass/_faq.scss */ .page-faq#main section div.faq-questions div.faq-items div.faq-item.active .icon-bpce-moins:before, .page-faq#main .has-navigation.faq-summary div.faq-questions div.faq-items div.faq-item.active .icon-bpce-moins:before, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.faq-items div.faq-item.active .icon-bpce-moins:before { font-size: 25px; position: relative; top: -5px; } } @media screen and (max-width: 619px) { /* line 154, ../sass/_faq.scss */ .page-faq#main .has-navigation.faq-summary, .page-faq#main .header-wrapper + section { margin-left: 7px; margin-right: 7px; } /* line 156, ../sass/_faq.scss */ .page-faq#main .header-wrapper + section .row { margin-left: 0; margin-right: 0; } /* line 157, ../sass/_faq.scss */ .page-faq#main .faq-questions { margin-left: 0; margin-right: 0; } } /* line 2, ../sass/_product_light.scss */ #main .section-simple-content.special-bg { background-color: transparent; padding-right: 0; padding-left: 0; padding-top: 0; } /* line 10, ../sass/_product_light.scss */ #main .section-simple-content.special-bg > .row { background-color: transparent; padding: 0; } @media screen and (min-width: 768px) { /* line 2, ../sass/_product_light.scss */ #main .section-simple-content.special-bg { padding: 0 0 164px; position: relative; } /* line 18, ../sass/_product_light.scss */ #main .section-simple-content.special-bg > .row { padding: 0; margin-bottom: 0; margin-right: 0; margin-left: 0; } /* line 23, ../sass/_product_light.scss */ #main .section-simple-content.special-bg > .row .col-lg-8 { position: static; } /* line 27, ../sass/_product_light.scss */ #main .section-simple-content.special-bg .actions-wrapper { background: #ffffff; padding: 0 20px; position: absolute; bottom: 0; top: auto; left: 0; width: 100%; height: 144px; display: table; } /* line 36, ../sass/_product_light.scss */ #main .section-simple-content.special-bg .actions-wrapper .title, #main .section-simple-content.special-bg .actions-wrapper .actions { display: table-cell; width: 50%; height: 144px; vertical-align: middle; padding: 0; } #main .section-simple-content.special-bg .actions-wrapper .title { text-align: right; padding-right: 10px; } #main .section-simple-content.special-bg .actions-wrapper .actions { text-align: left; padding-left: 10px; } /* line 44, ../sass/_product_light.scss */ #main .section-simple-content.special-bg .actions .cta, #main .section-simple-content.special-bg .actions #pauth .cta-second, #pauth #main .section-simple-content.special-bg .actions .cta-second { width: 220px; margin-top: 5px; margin-bottom: 5px; padding-right: 10px !important; padding-left: 10px !important; } /* line 51, ../sass/_product_light.scss */ #main .section-simple-content.special-bg .actions .cta:first-child, #main .section-simple-content.special-bg .actions #pauth .cta-second:first-child, #pauth #main .section-simple-content.special-bg .actions .cta-second:first-child, #main .section-simple-content.special-bg .actions .cta:first-child + .cta + .cta, #main .section-simple-content.special-bg .actions #pauth .cta-second:first-child + .cta + .cta, #pauth #main .section-simple-content.special-bg .actions .cta-second:first-child + .cta + .cta, #main .section-simple-content.special-bg .actions #pauth .cta:first-child + .cta-second + .cta, #pauth #main .section-simple-content.special-bg .actions .cta:first-child + .cta-second + .cta, #main .section-simple-content.special-bg .actions #pauth .cta-second:first-child + .cta-second + .cta, #pauth #main .section-simple-content.special-bg .actions .cta-second:first-child + .cta-second + .cta, #main .section-simple-content.special-bg .actions #pauth .cta:first-child + .cta + .cta-second, #pauth #main .section-simple-content.special-bg .actions .cta:first-child + .cta + .cta-second, #main .section-simple-content.special-bg .actions #pauth .cta-second:first-child + .cta + .cta-second, #pauth #main .section-simple-content.special-bg .actions .cta-second:first-child + .cta + .cta-second, #main .section-simple-content.special-bg .actions #pauth .cta:first-child + .cta-second + .cta-second, #pauth #main .section-simple-content.special-bg .actions .cta:first-child + .cta-second + .cta-second, #main .section-simple-content.special-bg .actions #pauth .cta-second:first-child + .cta-second + .cta-second, #pauth #main .section-simple-content.special-bg .actions .cta-second:first-child + .cta-second + .cta-second { margin-right: 10px; } } @media screen and (min-width: 768px) and (max-width: 999px) { /* line 56, ../sass/_product_light.scss */ #main .section-simple-content.special-bg .actions-wrapper .title { width: auto; text-align: left; padding-left: 10px; } /* line 61, ../sass/_product_light.scss */ #main .section-simple-content.special-bg .actions-wrapper .actions { width: 490px; } } @media screen and (max-width: 767px) { /* line 2, ../sass/_product_light.scss */ #main .section-simple-content.special-bg { padding-bottom: 0; } /* line 69, ../sass/_product_light.scss */ #main .section-simple-content.special-bg .actions-wrapper { padding-bottom: 20px; } } @media screen and (min-width: 620px) and (max-width: 999px) { /* line 74, ../sass/_product_light.scss */ #main .section-simple-content.special-bg .actions .cta, #main .section-simple-content.special-bg .actions #pauth .cta-second, #pauth #main .section-simple-content.special-bg .actions .cta-second { margin: 5px; } } @media screen and (max-width: 619px) { /* line 79, ../sass/_product_light.scss */ #main .section-simple-content.special-bg .actions .cta, #main .section-simple-content.special-bg .actions #pauth .cta-second, #pauth #main .section-simple-content.special-bg .actions .cta-second { display: block; } } /* line 86, ../sass/_product_light.scss */ .section-simple-content .actions-wrapper .title { text-align: center; } /* line 91, ../sass/_product_light.scss */ .section-regionalization:before { margin-top: -10px; color: #c8121A; } /*SWITCH LANGUES*/ /* DRAPEAU DANS LE HEADER DES PAGES PRODUIT*/ /* line 9, ../sass/_product_full.scss */ .product-page .header-wrapper .change-lng { visibility: hidden; } /* line 12, ../sass/_product_full.scss */ .product-page .header-wrapper .change-lng img { visibility: visible; position: absolute; right: 0; margin: 0; } /* NO COUNTDOWN*/ /* line 21, ../sass/_product_full.scss */ .section-main-push .countdown-wrapper { /*display: none;*/ } /*VIDEO*/ /*FAQ*/ /* line 32, ../sass/_product_full.scss */ .video-player { text-align: center; } /* line 35, ../sass/_product_full.scss */ .video-wrapper { margin-bottom: 30px; } /* line 41, ../sass/_product_full.scss */ .section-faq .questions { clear: both; } /* line 44, ../sass/_product_full.scss */ .section-faq .questions .col-md-6 { position: static; } @media screen and (min-width: 768px) { /* line 48, ../sass/_product_full.scss */ .section-faq .questions .owl-carousel { position: relative; padding-bottom: 80px; } /* line 52, ../sass/_product_full.scss */ .section-faq .questions.testimony-wrapper .owl-carousel { padding-bottom: 0; } } /* line 56, ../sass/_product_full.scss */ .section-faq .questions .owl-carousel, .section-faq .questions .row { margin-right: 0; margin-left: 0; } /* line 61, ../sass/_product_full.scss */ .section-faq .questions .question { background: #fff; margin-bottom: 0; border-top: 2px solid transparent; border-bottom: 2px solid transparent; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ } /* line 68, ../sass/_product_full.scss */ .section-faq .questions .col-md-6 .question { border-right: 2px solid transparent; } /* line 72, ../sass/_product_full.scss */ .section-faq .questions .col-md-6 + .col-md-6 .question { border-left: 2px solid transparent; border-right: none; } /* line 77, ../sass/_product_full.scss */ .section-faq .questions .question.current, .section-faq .questions .question:hover { background: #373737; color: #fff; } /* line 81, ../sass/_product_full.scss */ .section-faq .questions .question.current .content, .section-faq .questions .question:hover .content { font-weight: 600; } /* line 86, ../sass/_product_full.scss */ .section-faq .questions .question.current, .section-faq .questions .answer-wrapper { background: #373737; color: #fff; } /* line 93, ../sass/_product_full.scss */ .touch .section-faq .questions .question, .touch .section-faq .questions .question:hover { background-color: #fff; color: #373737; font-weight: 400; } /* line 99, ../sass/_product_full.scss */ .touch .section-faq .questions .question.current { background: #373737; color: #fff; font-weight: 600; } /* line 106, ../sass/_product_full.scss */ .section-faq .questions .question.current { font-size: 15px; font-weight: 600; } @media screen and (max-width: 767px) { /* line 112, ../sass/_product_full.scss */ .section-faq .questions .col-md-6 .question, .section-faq .questions .col-md-6 + .col-md-6 .question { border-right: none; border-left: none; } } /* line 119, ../sass/_product_full.scss */ .section-faq .questions .question.current { border-bottom: none; } /* line 122, ../sass/_product_full.scss */ .section-faq .questions .row > div { padding: 0; } /* line 125, ../sass/_product_full.scss */ .section-faq .questions .question .content { font-size: 14px; font-weight: normal; } /* line 129, ../sass/_product_full.scss */ .section-faq .questions .question .content p { position: relative; } /*.section-faq .questions .question.current .content p:after { background-color: #fff; bottom: 0; content: ""; height: 2px; left: 50%; margin-left: -30px; position: absolute; width: 60px; }*/ /* line 143, ../sass/_product_full.scss */ .section-faq .questions .content-link .content { width: 100%; height: auto; } /* line 148, ../sass/_product_full.scss */ .section-faq .questions .content-link { position: absolute; left: 50%; margin-left: -200px; padding-left: 15px !important; width: 390px; bottom: 0; padding-right: 30px !important; height: 38px !important; display: block; } @media screen and (max-width: 459px) { /* line 148, ../sass/_product_full.scss */ .section-faq .questions .content-link { width: 290px; margin-left: -145px; } } /* line 164, ../sass/_product_full.scss */ .section-faq .questions .content-link:before { content: "\e608"; position: absolute; margin: 0 30px; padding: 0; font-size: 15px; width: 45px; height: 28px; line-height: 28px; vertical-align: middle; left: auto; right: -35px; top: 50%; margin-top: -14px; color: #373737; } /* line 180, ../sass/_product_full.scss */ .section-faq .questions .content-link:after { display: none; } /* line 184, ../sass/_product_full.scss */ .section-faq .questions .content-link:hover:before { color: #FFF; } @media screen and (max-width: 767px) { /* line 187, ../sass/_product_full.scss */ .section-faq .questions .content-link { bottom: auto; margin-top: 30px; } } /* line 193, ../sass/_product_full.scss */ .section-faq .questions .answer { height: auto; margin-bottom: 0; } /* line 197, ../sass/_product_full.scss */ .section-faq .questions .answer .content { max-width: 730px; padding: 20px; } /*TESTIMONY*/ /* line 203, ../sass/_product_full.scss */ .questions.testimony-wrapper { padding-top: 40px; } /* line 206, ../sass/_product_full.scss */ .section-faq .questions.testimony-wrapper .owl-carousel { background: none; } /* line 210, ../sass/_product_full.scss */ .section-faq .questions .testimony { position: relative; padding-top: 55px; background: #fff; color: #4d4d4d; display: inline-block; text-align: left; } /* line 218, ../sass/_product_full.scss */ .section-faq .questions .testimony .content { display: block; float: left; margin-bottom: 0; padding: 10px 20px; position: static; vertical-align: middle; } @media screen and (min-width: 768px) { /* line 218, ../sass/_product_full.scss */ .section-faq .questions .testimony .content { height: 210px; } } /* line 229, ../sass/_product_full.scss */ .section-faq .questions .testimony .content .name { margin-bottom: 0; border-top: 8px solid #10a091; position: absolute; top: 0; left: 0; height: 50px; display: block; width: 100%; min-width: 100%; padding-top: 10px; padding-left: 20px; vertical-align: middle; } /* line 244, ../sass/_product_full.scss */ .section-faq .questions .testimony .media img { left: 0; margin-left: 0; position: relative; width: auto; max-width: 100%; margin-bottom: 20px; } /* line 252, ../sass/_product_full.scss */ .section-faq .questions .testimony .content.col-xs-7.col-md-8 { padding-top: 0; } @media screen and (min-width: 768px) { /* line 257, ../sass/_product_full.scss */ .section-faq .questions .row.owl-carousel > div:nth-child(2n+1) .testimony { width: calc(100% - 2px); } /* line 260, ../sass/_product_full.scss */ .section-faq .questions .row.owl-carousel > div:nth-child(2n) .testimony { width: calc(100% - 2px); margin-left: 2px; } } @media screen and (max-width: 767px) { /* line 267, ../sass/_product_full.scss */ .section-faq .questions.testimony-wrapper .owl-carousel .owl-wrapper { background: #fff; margin-bottom: 10px; } } @media screen and (min-width: 420px) and (max-width: 999px) { /* line 274, ../sass/_product_full.scss */ .section-faq .questions .row.owl-carousel > div { padding: 0; } /* line 277, ../sass/_product_full.scss */ .section-faq .questions .testimony .media, .section-faq .questions .testimony .content { width: auto; display: table-cell; float: none; vertical-align: top; } /* .section-faq .questions .testimony .media.col-xs-5.col-md-4 { width: 30%; } .section-faq .questions .testimony .content.col-xs-7.col-md-8 { width: 70%; height: 200px; } */ } /*@media screen and (min-width:620px) and (max-width:767px) { .section-faq .questions .testimony .media.col-xs-5.col-md-4 { width: 180px; max-width:180px; } .section-faq .questions .testimony .content.col-xs-7.col-md-8 { width: auto; height: 200px; } } @media screen and (max-width:419px) { .section-faq .questions .testimony .media.col-xs-5.col-md-4 { width: 20%; } .section-faq .questions .testimony .content.col-xs-7.col-md-8 { width: 80%; height: 200px; } }*/ /* line 313, ../sass/_product_full.scss */ .section-faq .questions .testimony .media.col-xs-5.col-md-4 { width: 110px; padding-left: 20px; } /* line 318, ../sass/_product_full.scss */ .section-faq .questions .testimony .content.col-xs-7.col-md-8 { width: calc(100%-120px); } /*LEXIQUE*/ /* line 326, ../sass/_product_full.scss */ .vocabulary { margin: 0; } /* line 330, ../sass/_product_full.scss */ .vocabulary h2 { padding-bottom: 0; } /* line 334, ../sass/_product_full.scss */ .vocabulary .words { margin: 0; } /* line 337, ../sass/_product_full.scss */ .vocabulary .word { color: #373737; font-family: 'extra1','Arial Black', Arial; font-size: 14px; font-weight: normal !important; text-transform: uppercase; letter-spacing: 0; text-align: center; background-color: #fff; cursor: pointer; border: none; } /* line 343, ../sass/_product_full.scss */ .vocabulary .word:hover, .vocabulary .word.active { color: #fff; background-color: #373737; font-weight: normal; border: none; } /* line 352, ../sass/_product_full.scss */ .touch .vocabulary .word:hover { background-color: #fff; color: #373737; } /* line 356, ../sass/_product_full.scss */ .touch .vocabulary .word.active, .touch .vocabulary .word.active:hover { color: #fff; background-color: #373737; font-weight: normal; border: none; } /* line 364, ../sass/_product_full.scss */ .vocabulary .word.active:hover { color: #fff; border: none; } /* line 369, ../sass/_product_full.scss */ .vocabulary .word.active p:after { background-color: #373737; content: ""; height: 2px; left: 0; right: 0; position: absolute; bottom: -2px; } /* line 379, ../sass/_product_full.scss */ .vocabulary .word p { position: relative; border: 2px solid #ece4db; } /* line 383, ../sass/_product_full.scss */ .vocabulary .word.active p { border-bottom: none; } /* line 387, ../sass/_product_full.scss */ .vocabulary .definition { background-color: #373737; border: 2px solid #ece4db; margin-left: 0; } /*SOUSCRIRE*/ /* line 401, ../sass/_product_full.scss */ .product-page .section-subscribe h2.title-section { margin-bottom: 0; } /* line 405, ../sass/_product_full.scss */ .section-subscribe .row { background: none; padding: 0; margin: 0; } /* line 410, ../sass/_product_full.scss */ .section-subscribe .steps { color: #4d4d4d; } /* line 413, ../sass/_product_full.scss */ .section-subscribe .steps li:before { color: #10a091; font-size: 86px; display: block; margin-bottom: 20px; } /* line 419, ../sass/_product_full.scss */ .section-subscribe .steps li.icon-bpce-circle-one, .section-subscribe .steps li.icon-bpce-circle-one:before { /*color:$color1;*/ } /* line 423, ../sass/_product_full.scss */ .section-subscribe .steps li { font-size: 14px; line-height: 1.2em; } /* line 428, ../sass/_product_full.scss */ .section-subscribe .steps li::after { font-size: 40px; line-height: 40px; color: #121100; } @media screen and (min-width: 768px) { /* line 435, ../sass/_product_full.scss */ .section-subscribe .steps li { padding: 0 10%; } /* line 438, ../sass/_product_full.scss */ .section-subscribe .steps li::after { top: 23px; margin-top: 0; } } @media screen and (max-width: 767px) { /* line 445, ../sass/_product_full.scss */ .section-subscribe .steps li::after { top: -30px; left: 50%; margin-left: -25px; margin-top: -20px; width: 40px; text-align: center; } } /*EASY ACCESS*/ /* line 461, ../sass/_product_full.scss */ .section-easy-access .row { margin-left: 0px; margin-right: 0; } /* line 468, ../sass/_product_full.scss */ .section-easy-access ul { text-align: left; display: inline-block; } /* line 471, ../sass/_product_full.scss */ .section-easy-access ul li { color: #121100; } @media screen and (min-width: 767px) { /* line 478, ../sass/_product_full.scss */ .section-easy-access .row { table-layout: fixed; display: table; width: 100%; } /* line 483, ../sass/_product_full.scss */ .section-easy-access .col-md-3, .section-easy-access .col-md-4 { display: table-cell; vertical-align: middle; padding: 0; float: none; } /* line 489, ../sass/_product_full.scss */ .section-easy-access .col-md-3 { width: 33.333333%; text-align: center; } /* line 493, ../sass/_product_full.scss */ .section-easy-access .actions { text-align: right; } /* line 498, ../sass/_product_full.scss */ .section-easy-access .cta, .section-easy-access #main .push-image .push-content .cta, #main .push-image .push-content .section-easy-access .cta, .section-easy-access #pauth .cta, #pauth .section-easy-access .cta, .section-easy-access #pauth .cta-second, #pauth .section-easy-access .cta-second, .section-easy-access .title { margin: 0; padding: 0; } } @media screen and (max-width: 767px) { /* line 504, ../sass/_product_full.scss */ .section-easy-access .col-md-3, .section-easy-access .col-md-4 { text-align: center; } /* line 507, ../sass/_product_full.scss */ .section-easy-access .title { text-align: center !important; } } /*HEADER FIX*/ /* line 516, ../sass/_product_full.scss */ .header-fix.in { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; width: 100% !important; /* @media screen and (min-width: 1000px) {*/ padding-right: 0; padding-left: 0; /* }*/ background: #fff; } /* line 485, ../sass/_mixin.scss */ .header-fix.in > .row { margin-left: 15px; margin-right: 15px; /* avant on avait 0 et 0*/ } @media screen and (min-width: 1000px) { /* line 502, ../sass/_mixin.scss */ .header-fix.in > * { margin-right: auto !important; margin-left: auto !important; max-width: 980px; width: 980px; float: none; /*@if($width == 980px) { @media screen and (max-width: 1059px) { width: 950px; } }*/ } } /* line 524, ../sass/_product_full.scss */ .header-fix.in .actions { padding: 20px 0; text-align: right; white-space: nowrap; } /* line 529, ../sass/_product_full.scss */ .header-fix.in .cta, .header-fix.in #main .push-image .push-content .cta, #main .push-image .push-content .header-fix.in .cta, .header-fix.in #pauth .cta, #pauth .header-fix.in .cta, .header-fix.in #pauth .cta-second, #pauth .header-fix.in .cta-second { margin-right: 15px; } /* line 537, ../sass/_product_full.scss */ .product-page .header-fix .actions .back-top:after { display: none; } /* line 540, ../sass/_product_full.scss */ .product-page .header-fix .actions .back-top:before { font-family: 'bpce-icons'; content: '\e64a'; font-size: 20px; line-height: 0; vertical-align: middle; margin-left: -5px; margin-right: 10px; } /* line 553, ../sass/_product_full.scss */ .product-page .header-fix .title-wrapper { padding-top: 10px; padding-bottom: 10px; text-align: center; } /* line 557, ../sass/_product_full.scss */ .product-page .header-fix .title-wrapper .title-container, .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate { display: inline; float: none; position: static; } /* line 563, ../sass/_product_full.scss */ .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate { padding: 0; margin: 0; font-size: 24px !important; line-height: 1.1em; vertical-align: middle; } @media screen and (max-width: 999px) { /* line 563, ../sass/_product_full.scss */ .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate { font-size: 22px !important; } } @media screen and (max-width: 768px) { /* line 563, ../sass/_product_full.scss */ .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate { font-size: 18px !important; } } @media screen and (max-width: 619px) { /* line 563, ../sass/_product_full.scss */ .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate { font-size: 17px !important; } } @media screen and (max-width: 419px) { /* line 563, ../sass/_product_full.scss */ .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate { font-size: 15px !important; } } @media screen and (max-width: 359px) { /* line 563, ../sass/_product_full.scss */ .product-page .header-fix .title-wrapper .title, .product-page .header-fix .title-wrapper .rate { font-size: 13px !important; } } /* line 586, ../sass/_product_full.scss */ .product-page .header-fix .title-wrapper .rate { color: #c8121A; margin-left: 5px; } @media screen and (min-width: 768px) { /* line 594, ../sass/_product_full.scss */ .product-page .header-fix .title-wrapper { display: table-cell; vertical-align: middle; height: 77px; padding: 0; padding-left: 0; position: relative; text-align: left; } /* line 603, ../sass/_product_full.scss */ .product-page .header-fix .main-wrapper, .product-page .header-fix .title-wrapper, .product-page .header-fix .title-wrapper .title { width: 300px; max-width: 300px; } } @media screen and (min-width: 999px) { /* line 611, ../sass/_product_full.scss */ .product-page .header-fix .main-wrapper, .product-page .header-fix .title-wrapper, .product-page .header-fix .title-wrapper .title { width: 500px; max-width: 500px; } } @media screen and (max-width: 767px) { /* line 620, ../sass/_product_full.scss */ .product-page .header-fix .actions { padding-top: 0; text-align: center; } /* line 624, ../sass/_product_full.scss */ .product-page .header-fix .main-wrapper { width: 100%; } /* line 627, ../sass/_product_full.scss */ .product-page .header-fix .title-wrapper .title-wrapper { text-align: center; } } /* SECTION CONNEXION COFFRE-FORT*/ /* line 641, ../sass/_product_full.scss */ .section-connexion .row { background: #fff; padding: 25px 20px; margin: 0; } /* line 649, ../sass/_product_full.scss */ .section-connexion p { line-height: 1.3; } /* line 654, ../sass/_product_full.scss */ .section-connexion .content .icon { top: 25px; font-size: 10px; line-height: 1; left: 20px; } @media screen and (max-width: 999px) { /* line 662, ../sass/_product_full.scss */ .section-connexion .content { padding-left: 45px; text-align: left; } } /* line 3, ../sass/_conseil.scss */ .product-page .header-wrapper .back-button-wrapper { top: auto; bottom: 10px; position: absolute; } /* line 10, ../sass/_conseil.scss */ .product-page .header-wrapper .back-button { position: relative; font-size: 12px; line-height: 12px; padding: 0; margin: 0 !important; } /* line 22, ../sass/_conseil.scss */ #main .section-images-content.special-bg { background-color: transparent; padding-bottom: 0; } /* line 34, ../sass/_conseil.scss */ .section-images-content .push-media { min-height: 200px; } /* line 40, ../sass/_conseil.scss */ .section-images-content .row.push-media, .section-images-content .row.push-media.media-right { padding-top: 50px; } /* line 44, ../sass/_conseil.scss */ .section-images-content .row.push-media.small-content, .section-images-content .row.push-media.media-right.small-content { padding-top: 0; } /* line 49, ../sass/_conseil.scss */ #main .section-images-content .row.push-media .col-xs-12, #main .section-images-content .row.push-media.media-right .col-xs-12 { /*@media screen and (max-width: 619px) { .inner { padding: 60px 15px 50px 15px; } }*/ } /* line 58, ../sass/_conseil.scss */ #main .section-images-content .row.push-media .col-xs-12 .wrapper-content, #main .section-images-content .row.push-media.media-right .col-xs-12 .wrapper-content { background: #fff; width: auto; max-width: 100%; display: block; margin:0 !important; } /* line 65, ../sass/_conseil.scss */ #main .section-images-content .row.push-media .col-xs-12 .content, #main .section-images-content .row.push-media.media-right .col-xs-12 .content { padding: 0; } /* line 68, ../sass/_conseil.scss */ #main .section-images-content .row.push-media .col-xs-12 .title-section, #main .section-images-content .row.push-media.media-right .col-xs-12 .title-section { padding-top: 0; text-align: center; } /* line 72, ../sass/_conseil.scss */ #main .section-images-content .row.push-media .col-xs-12 .media, #main .section-images-content .row.push-media.media-right .col-xs-12 .media { float: none; width: 100%; position: absolute; text-align: center; z-index: 1; top: -50px; } /* line 79, ../sass/_conseil.scss */ #main .section-images-content .row.push-media .col-xs-12 .media:before, #main .section-images-content .row.push-media.media-right .col-xs-12 .media:before { display: none; } /* line 83, ../sass/_conseil.scss */ #main .section-images-content .row.push-media .col-xs-12 .media img, #main .section-images-content .row.push-media.media-right .col-xs-12 .media img { width: auto; } /* line 86, ../sass/_conseil.scss */ #main .section-images-content .row.push-media .col-xs-12 .inner, #main .section-images-content .row.push-media.media-right .col-xs-12 .inner { padding-top: 80px; padding-bottom: 70px; max-width: 700px; width: auto; background-color: #fff; margin: 0 auto; } /* line 103, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content, #main .section-images-content .row.push-media.media-right.small-content { background: #fff; } /* line 112, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content .wrapper-content, #main .section-images-content .row.push-media.media-right.small-content .wrapper-content, #main .section-images-content .row.push-media.small-content .col-xs-12 .wrapper-content, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .wrapper-content { margin: 0 !important; } /* line 115, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content .media img, #main .section-images-content .row.push-media.media-right.small-content .media img, #main .section-images-content .row.push-media.small-content .col-xs-12 .media img, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .media img { width: 100%; } /* line 118, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content .media, #main .section-images-content .row.push-media.media-right.small-content .media, #main .section-images-content .row.push-media.small-content .col-xs-12 .media, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .media { float: none; width: 100%; position: static; text-align: center; z-index: 1; top: 0; } /* line 125, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content .media:before, #main .section-images-content .row.push-media.media-right.small-content .media:before, #main .section-images-content .row.push-media.small-content .col-xs-12 .media:before, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .media:before { display: none; } /* line 129, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content .inner, #main .section-images-content .row.push-media.media-right.small-content .inner, #main .section-images-content .row.push-media.small-content .col-xs-12 .inner, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .inner { padding: 30px; max-width: none; background-color: #fff; margin: 0 auto; } /* line 140, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content h2.title-section, #main .section-images-content .row.push-media.media-right.small-content h2.title-section, #main .section-images-content .row.push-media.small-content .col-xs-12 h2.title-section, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 h2.title-section { margin-bottom: 20px !important; } /* line 146, ../sass/_conseil.scss */ section.section-images-content .push-media { margin-bottom: 50px; } /* line 149, ../sass/_conseil.scss */ section.section-images-content + section.section-images-content .push-media { margin-bottom: 0; } /* line 152, ../sass/_conseil.scss */ section.section-images-content .push-media.small-content { margin-bottom: 0; } @media screen and (min-width: 768px) { /* line 159, ../sass/_conseil.scss */ section.section-images-content + section.section-images-content .push-media.media-right.small-content { margin-top: -50px; } /* line 166, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content .col-xs-12 .media { float: left; width: 50%; } /* line 169, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content .col-xs-12 .media:before { display: none; } /* line 173, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content .col-xs-12 .inner { width: 50%; margin: 0; float: right; } } @media screen and (min-width: 768px) and (min-width: 999px) { /* line 173, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content .col-xs-12 .inner { padding-top: 60px; } } @media screen and (min-width: 768px) { /* line 181, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content .col-xs-12 .content, #main .section-images-content .row.push-media.small-content .col-xs-12 .title-section { text-align: left !important; padding: 0; } /* line 188, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .media { float: right; width: 50%; } /* line 192, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .inner { width: 50%; margin: 0; float: left; } } @media screen and (min-width: 768px) and (min-width: 999px) { /* line 192, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .inner { padding-top: 60px; } } @media screen and (min-width: 768px) { /* line 200, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .content, #main .section-images-content .row.push-media.media-right.small-content .col-xs-12 .title-section { text-align: right !important; padding: 0; } } @media screen and (min-width: 999px) { /* line 211, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content { margin-left: 0; margin-right: 0; } } /* line 217, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content .col-xs-12 { padding-left: 0; padding-right: 0; } /* line 222, ../sass/_conseil.scss */ .section-images-content .push-media .link-next { margin-top: 20px; } /* line 225, ../sass/_conseil.scss */ .section-images-content .push-media .link-next span { display: inline; } /* line 228, ../sass/_conseil.scss */ .section-images-content .push-media .pull-right { float: none !important; } /* line 235, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content.multi-offers { background: none; } /* line 238, ../sass/_conseil.scss */ .section-images-content .push-media.multi-offers .wrapper-content { background: #fff; display: block; } /* line 241, ../sass/_conseil.scss */ .section-images-content .push-media.multi-offers .media { margin-bottom: 0; } /* line 250, ../sass/_conseil.scss */ .section-images-content .push-media.multi-offers .inner .actions { text-align: left; } @media screen and (min-width: 768px) { /* line 250, ../sass/_conseil.scss */ .section-images-content .push-media.multi-offers .inner .actions { bottom: 30px; left: 30px; } } /* line 261, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content.multi-offers .col-md-6 .inner { padding: 30px; text-align: left; } @media screen and (min-width: 768px) { /* line 260, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content.multi-offers .col-md-6 { width: 48.5%; width: calc(50% - 7.5px); } /* line 268, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content.multi-offers .col-md-6 + .col-md-6 { margin-left: 15px; } /* line 271, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content.multi-offers .col-md-6 .inner { padding-bottom: 60px; } } @media screen and (max-width: 767px) { /* line 276, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content.multi-offers .col-md-6 + .col-md-6 { margin-top: 30px; } } /* line 285, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content.multi-offers .col-md-4 .inner { padding: 30px 10px; text-align: left; } /* line 289, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content.multi-offers .col-md-4 .inner .actions { left: 10px; } @media screen and (min-width: 768px) { /* line 284, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content.multi-offers .col-md-4 { width: calc(33.33333333% - 10px); } /* line 294, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content.multi-offers .col-md-4:first-child + .col-md-4 { margin-left: 15px; margin-right: 15px; } /* line 298, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content.multi-offers .col-md-4 .inner { padding-bottom: 60px; } } @media screen and (max-width: 767px) { /* line 303, ../sass/_conseil.scss */ #main .section-images-content .row.push-media.small-content.multi-offers .col-md-4 + .col-md-4 { margin-top: 30px; } } @media screen and (min-width: 768px) { /* line 312, ../sass/_conseil.scss */ .section-table .row { margin-bottom: 30px; margin-top: 30px; } } /* line 320, ../sass/_conseil.scss */ .section-simple-content .subtitle { margin-top: -10px; } /* line 323, ../sass/_conseil.scss */ .section-simple-content .alert-message { color: #ea7f49; } /* line 326, ../sass/_conseil.scss */ .section-simple-content .subtitle { margin-bottom: 20px; margin-top: -15px; text-align: center; } /* line 333, ../sass/_conseil.scss */ .section-simple-content .content table p { margin-bottom: 0; } /* line 337, ../sass/_conseil.scss */ .section-table, .ezxmltext-field table { /*.negatif td:first-child { border-left-color: $color1 !important; } .negatif td:last-child { border-right-color: $color1 !important; } th:first-child { border-left-color: $color_grey; } th:last-child { border-right-color: $color_grey; }*/ } /* line 340, ../sass/_conseil.scss */ .section-table th, .ezxmltext-field table th { border: 2px solid #ece4db; font-size: 18px; color: #fff; font-family: "main"; background: #373737; padding: 25px 5px; text-align: center; vertical-align: middle !important; } /* line 351, ../sass/_conseil.scss */ .section-table .negatif td, .ezxmltext-field table .negatif td { background: #7c5691 !important; border: 2px solid #ece4db !important; color: #fff !important; font-size: 18px; padding: 15px 10px; } /* line 358, ../sass/_conseil.scss */ .section-table .transversale td, .ezxmltext-field table .transversale td { color: #4d4d4d; font-weight: 400; background: #fff; font-size: 18px; height: 60px; } /* line 380, ../sass/_conseil.scss */ .section-table td, .ezxmltext-field table td { border: 2px solid #ece4db; line-height: 1.1; overflow: hidden; padding: 10px; text-align: center; vertical-align: middle !important; } /* line 390, ../sass/_conseil.scss */ .section-table .footer td, .ezxmltext-field table .footer td { background: #ea7f49 !important; padding: 25px 3px; } /* line 409, ../sass/_conseil.scss */ table td, .section-table td, .page-faq .answer td { color: #4d4d4d; background: #fff; } /* line 413, ../sass/_conseil.scss */ table .bg-dark, table tr.bg-dark td, .section-table .bg-dark, .section-table tr.bg-dark td, .page-faq .answer .bg-dark, .page-faq .answer tr.bg-dark td { color: #4d4d4d; background: #dedede; } /* line 417, ../sass/_conseil.scss */ table .bg-light, table tr.bg-light td, .section-table .bg-light, .section-table tr.bg-light td, .page-faq .answer .bg-light, .page-faq .answer tr.bg-light td { color: #4d4d4d; background: #f2f2f2; } /* line 421, ../sass/_conseil.scss */ table th, table th.bg-dark, table th.bg-light, table tr.bg-light th, table tr.bg-dark th, .section-table th, .section-table th.bg-dark, .section-table th.bg-light, .section-table tr.bg-light th, .section-table tr.bg-dark th, .page-faq .answer th, .page-faq .answer th.bg-dark, .page-faq .answer th.bg-light, .page-faq .answer tr.bg-light th, .page-faq .answer tr.bg-dark th { font-family: "main"; font-size: 18px; background: #373737 !important; color: #fff !important; padding: 15px 10px; text-align: center; } /* line 430, ../sass/_conseil.scss */ table td, table th, table td.bg-light, table th.bg-light, table td.bg-dark, table th.bg-dark, table .bg-light td, table .bg-dark td, .section-table td, .section-table th, .section-table td.bg-light, .section-table th.bg-light, .section-table td.bg-dark, .section-table th.bg-dark, .section-table .bg-light td, .section-table .bg-dark td, .page-faq .answer td, .page-faq .answer th, .page-faq .answer td.bg-light, .page-faq .answer th.bg-light, .page-faq .answer td.bg-dark, .page-faq .answer th.bg-dark, .page-faq .answer .bg-light td, .page-faq .answer .bg-dark td { border: 2px solid #ece4db; } /* line 7, ../sass/_carrefour_t2.scss */ .page-crossroads .block-pushes.block-thematic .block-header { position: relative; height: 200px; } /* line 10, ../sass/_carrefour_t2.scss */ .page-crossroads .block-pushes.block-thematic .block-header .image { margin-right: 0; margin-top: 0; } /* line 14, ../sass/_carrefour_t2.scss */ .page-crossroads .block-pushes.block-thematic .block-header .heading { width: auto; height: 200px; left: 0; right: 40%; margin-top: 0; margin-right: 0; position: absolute; background: none; color: #fff; } /* line 24, ../sass/_carrefour_t2.scss */ .page-crossroads .block-pushes.block-thematic .block-header .heading h2 { padding-top: 30px; } /* line 27, ../sass/_carrefour_t2.scss */ .page-crossroads .block-pushes.block-thematic .block-header .heading h2 span { border: none; } /* line 31, ../sass/_carrefour_t2.scss */ .page-crossroads .block-pushes.block-thematic .block-header .heading p { color: #fff; } @media screen and (max-width: 767px) { /* line 7, ../sass/_carrefour_t2.scss */ .page-crossroads .block-pushes.block-thematic .block-header { height: 157px; } /* line 37, ../sass/_carrefour_t2.scss */ .page-crossroads .block-pushes.block-thematic .block-header .heading { height: 157px; right: 200px; } /* line 40, ../sass/_carrefour_t2.scss */ .page-crossroads .block-pushes.block-thematic .block-header .heading h2 { display: table-cell; padding-top: 0; height: 157px; vertical-align: middle; } } /* line 50, ../sass/_carrefour_t2.scss */ .page-crossroads .block-pushes.block-thematic .block-content { margin-top: 20px; padding: 0 15px; } @media screen and (min-width: 768px) { /* line 50, ../sass/_carrefour_t2.scss */ .page-crossroads .block-pushes.block-thematic .block-content { margin-left: 0px; margin-right: 0px; /*padding: 0 15px;*/ } /* line 56, ../sass/_carrefour_t2.scss */ .page-crossroads .block-pushes.block-thematic .block-content .push-cols { padding: 0 5px; } } /* line 62, ../sass/_carrefour_t2.scss */ .page-crossroads .block-pushes.block-thematic .push-basic { border-color: #fff; } /* line 67, ../sass/_carrefour_t2.scss */ .page-crossroads section.contact { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; width: 100% !important; /* @media screen and (min-width: 1000px) {*/ padding-right: 0; padding-left: 0; /* }*/ } /* line 485, ../sass/_mixin.scss */ .page-crossroads section.contact > .row { margin-left: 15px; margin-right: 15px; /* avant on avait 0 et 0*/ } @media screen and (min-width: 1000px) { /* line 502, ../sass/_mixin.scss */ .page-crossroads section.contact > * { margin-right: auto !important; margin-left: auto !important; max-width: 980px; width: 980px; float: none; /*@if($width == 980px) { @media screen and (max-width: 1059px) { width: 950px; } }*/ } } /* line 76, ../sass/_carrefour_t2.scss */ a.push-link:hover .push-container .push-content .btn-container .cta, a.push-link:hover .push-container #main .push-image .push-content .btn-container .cta, #main .push-image a.push-link:hover .push-container .push-content .btn-container .cta, a.push-link:hover .push-container .push-content .btn-container #pauth .cta, #pauth a.push-link:hover .push-container .push-content .btn-container .cta, a.push-link:hover .push-container .push-content .btn-container #pauth .cta-second, #pauth a.push-link:hover .push-container .push-content .btn-container .cta-second { background-color: #373737 !important; } /* line 77, ../sass/_carrefour_t2.scss */ a.push-link:hover .push-container .push-content .btn-container .btn:after { opacity: 0.6; } /* line 7, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .block-header, .page-crossroads #main .block-pushes.block-needs .block-header { background: none; position: relative; height: 220px; overflow: hidden; } /* line 12, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .block-header .image, .page-crossroads #main .block-pushes.block-needs .block-header .image { margin-right: 0; margin-top: 0; height: auto; width: auto; } /* line 18, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .block-header .image img, .page-crossroads #main .block-pushes.block-needs .block-header .image img { max-width: none; max-height: none; position: static; } /* line 23, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .block-header .heading, .page-crossroads #main .block-pushes.block-needs .block-header .heading { padding-left: 45px; width: auto; height: 200px; left: 0; right: 40%; margin-top: 0; margin-right: 0; position: absolute; background: none; color: #fff; } /* line 34, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .block-header .heading h1, #main.page-crossroads .block-pushes.block-needs .block-header .heading h2, .page-crossroads #main .block-pushes.block-needs .block-header .heading h1, .page-crossroads #main .block-pushes.block-needs .block-header .heading h2 { text-align: left; padding-top: 30px; padding-left: 0; margin-top: 0; } /* line 40, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .block-header .heading h1 span, #main.page-crossroads .block-pushes.block-needs .block-header .heading h2 span, .page-crossroads #main .block-pushes.block-needs .block-header .heading h1 span, .page-crossroads #main .block-pushes.block-needs .block-header .heading h2 span { border: none; } /* line 44, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .block-header .heading p, .page-crossroads #main .block-pushes.block-needs .block-header .heading p { color: #fff; } @media screen and (max-width: 767px) { /* line 7, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .block-header, .page-crossroads #main .block-pushes.block-needs .block-header { height: 177px; } /* line 50, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .block-header .heading, .page-crossroads #main .block-pushes.block-needs .block-header .heading { height: 157px; height: 157px; right: 30px; padding-left: 30px; } /* line 55, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .block-header .heading h2, #main.page-crossroads .block-pushes.block-needs .block-header .heading h1, .page-crossroads #main .block-pushes.block-needs .block-header .heading h2, .page-crossroads #main .block-pushes.block-needs .block-header .heading h1 { display: table-cell; padding-top: 0; height: 157px; vertical-align: middle; } } @media screen and (max-width: 619px) { /* line 64, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .block-header .heading, .page-crossroads #main .block-pushes.block-needs .block-header .heading { width: 60% !important; } } /* line 72, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-tools .push-container, #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-basic .push-container, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-tools .push-container, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-basic .push-container { padding-left: 10px; position: relative; } /* line 76, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-tools .push-content, #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-basic .push-content, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-tools .push-content, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-basic .push-content { padding-left: 10px; padding-right: 10px; padding-top: 23px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 83, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-tools .push-content p, #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-basic .push-content p, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-tools .push-content p, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-basic .push-content p { font-size: 14px; text-align: left; margin: 0; } /* line 88, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-tools .push-content h3, #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-tools .push-content h4, #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-basic .push-content h3, #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-basic .push-content h4, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-tools .push-content h3, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-tools .push-content h4, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-basic .push-content h3, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-basic .push-content h4 { margin-bottom: 8px; } @media screen and (min-width: 620px) { /* line 70, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-tools, #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-basic, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-tools, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-basic { height: 143px; } /* line 93, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-tools .push-container, #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-basic .push-container, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-tools .push-container, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-basic .push-container { height: 143px; } /* line 96, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-tools .btn-container, #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-basic .btn-container, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-tools .btn-container, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-basic .btn-container { text-align: left; position: absolute; bottom: 18px; } } /* line 104, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-basic .push-picto, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-basic .push-picto { bottom: 15px; right: 20px; } /* line 111, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-image, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-image { height: 300px; } /* line 113, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-image .push-container, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-image .push-container { height: 300px; } /* line 116, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-image .push-container .image, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-image .push-container .image { background-size: cover; } @media screen and (max-width: 378px) { /* line 121, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-image .push-content, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-image .push-content { bottom: 20px; left: 10px; right: 10px; max-width: 300px; padding: 20px 30px; } /* line 127, ../sass/_carrefour_t1.scss */ #main.page-crossroads .block-pushes.block-needs .col-lg-4 .push-image .push-content .btn-container, .page-crossroads #main .block-pushes.block-needs .col-lg-4 .push-image .push-content .btn-container { display: block; margin: 10px 0 0; } } @media screen and (min-width: 1000px) { /* line 144, ../sass/_carrefour_t1.scss */ .page-crossroads #main .col-lg-4 .push-image { height: 300px; } /* line 146, ../sass/_carrefour_t1.scss */ .page-crossroads #main .col-lg-4 .push-image .push-container { height: 300px; } /* line 149, ../sass/_carrefour_t1.scss */ .page-crossroads #main .col-lg-4 .push-image .push-content { bottom: 20px; left: 10px; right: 10px; max-width: 300px; padding: 20px 30px; } /* line 155, ../sass/_carrefour_t1.scss */ .page-crossroads #main .col-lg-4 .push-image .push-content .btn-container { display: block; margin: 10px 0 0; } /* line 160, ../sass/_carrefour_t1.scss */ .page-crossroads #main .col-lg-4 .push-image .push-container .image { background-size: cover; } /* line 166, ../sass/_carrefour_t1.scss */ .page-crossroads #main .col-lg-4 .push-image .push-content h3, .page-crossroads #main .col-lg-4 .push-image .push-content h4, .page-crossroads #main .col-lg-4 .push-tools .push-content h3, .page-crossroads #main .col-lg-4 .push-tools .push-content h4, .page-crossroads #main .col-lg-4 .push-basic .push-content h3, .page-crossroads #main .col-lg-4 .push-basic .push-content h4 { font-size: 20px; } /* line 171, ../sass/_carrefour_t1.scss */ .page-crossroads #main .col-lg-4 .push-tools .image { width: 70px; } /* line 173, ../sass/_carrefour_t1.scss */ .page-crossroads #main .col-lg-4 .push-tools .image img { height: auto; } /* line 178, ../sass/_carrefour_t1.scss */ .page-crossroads #main .col-lg-4 .push-basic .push-icon { width: 70px; } /* line 181, ../sass/_carrefour_t1.scss */ .page-crossroads #main .col-lg-4 .push-basic .push-container { width: 100%; } } @media screen and (max-width: 767px) { /* line 193, ../sass/_carrefour_t1.scss */ .page-crossroads #main .col-lg-4 .pushes-inner.col-md-6.col-lg-12 { padding-right: 0; padding-left: 0; } } /* line 198, ../sass/_carrefour_t1.scss */ .page-crossroads .block-pushes.block-needs .tab-pane .push-cols .push > div { margin-right: 0; margin-left: 0; } /* line 202, ../sass/_carrefour_t1.scss */ .page-crossroads .block-pushes.block-needs .push > div { width: auto; } /* line 205, ../sass/_carrefour_t1.scss */ .page-crossroads .block-pushes.block-needs .tab-pane:first-child .push-cols .push > div { margin-left: 0; margin-right: 0; } @media screen and (min-width: 768px) and (max-width: 999px) { /* line 212, ../sass/_carrefour_t1.scss */ .page-crossroads .block-pushes.block-needs .push-cols .pushes-inner.col-md-6 { padding-right: 8px; } /* line 215, ../sass/_carrefour_t1.scss */ .page-crossroads .block-pushes.block-needs .push-cols .pushes-inner.col-md-6 + .col-md-6 { padding-right: 0; padding-left: 8px; } } /* line 223, ../sass/_carrefour_t1.scss */ .dei-rebound { background-color: #fff; color: #4d4d4d; padding: 5px 20px 5px 5px; margin-top: 13px; } /* line 229, ../sass/_carrefour_t1.scss */ .dei-rebound p { float: right; text-align: center; margin-top: 1px; width: 72%; width: calc(100% - 260px); text-align: left; } @media screen and (max-width: 999px) { /* line 223, ../sass/_carrefour_t1.scss */ .dei-rebound { padding: 20px; } /* line 242, ../sass/_carrefour_t1.scss */ .dei-rebound .btn { float: none; white-space: inherit; } /* line 246, ../sass/_carrefour_t1.scss */ .dei-rebound p { float: none; width: 100%; } } @media screen and (max-width: 619px) { /* line 223, ../sass/_carrefour_t1.scss */ .dei-rebound { padding-right: 15px; padding-left: 15px; } } /* line 257, ../sass/_carrefour_t1.scss */ .dei-rebound p strong { font-weight: 600; display: block; } /* line 265, ../sass/_carrefour_t1.scss */ .page-crossroads .push-offer .push-terms p { border: none; padding: 0; } /* line 274, ../sass/_carrefour_t1.scss */ .page-crossroads .interblock { background: #fff; } /* line 280, ../sass/_carrefour_t1.scss */ .page-crossroads .blocks .interblock h2 { text-align: center; } /* line 284, ../sass/_carrefour_t1.scss */ .page-crossroads .interblock .interblock-links .illustration { text-align: center; padding-right: 20px; } @media screen and (min-width: 768px) { /* line 290, ../sass/_carrefour_t1.scss */ .page-crossroads .interblock .interblock-container { background-color: #fff; position: absolute; top: 70px; left: 65px; bottom: 70px; right: auto; width: 600px; } } @media screen and (min-width: 768px) { /* line 302, ../sass/_carrefour_t1.scss */ .page-crossroads .interblock { width: auto; } } /* line 307, ../sass/_carrefour_t1.scss */ .page-crossroads .interblock.with-two-links .link:after, .page-crossroads .interblock.with-one-link .link:after { display: none !important; } /* line 318, ../sass/_carrefour_t1.scss */ .page-crossroads .blocks .block-pushes.block-needs .block-header .nav-tabs > li.active:first-child:before, .page-crossroads .blocks .block-pushes.block-needs .block-header .nav-tabs > li.active:before, .page-crossroads .blocks .block-pushes.block-needs .block-header .nav-tabs > li.active:first-child:after, .page-crossroads .blocks .block-pushes.block-needs .block-header .nav-tabs > li:before, .page-crossroads .blocks .block-pushes.block-needs .block-header .nav-tabs > li:after, .page-crossroads .blocks .block-pushes.block-needs .block-header .nav-tabs > li a .tab-title:after { display: none !important; } /* line 327, ../sass/_carrefour_t1.scss */ .page-crossroads .blocks .block-pushes.block-needs .block-header .nav-tabs { position: absolute; left: 10.204%; right: 10.204%; bottom: 29px; top: auto; height: 40px; width: auto; margin: 0; } /* line 338, ../sass/_carrefour_t1.scss */ .page-crossroads .blocks .block-pushes.block-needs .block-header .nav-tabs li, .page-crossroads .blocks .block-pushes.block-needs .block-header .nav-tabs li a { background-image: none; display: block; padding: 0; margin: 0; height: 40px; } /* line 345, ../sass/_carrefour_t1.scss */ .page-crossroads .blocks .block-pushes.block-needs .block-header .nav-tabs li a { background-color: #7c5691; color: #fff; line-height: 40px; text-align: center; white-space: normal; } /* line 352, ../sass/_carrefour_t1.scss */ .page-crossroads .blocks .block-pushes.block-needs .block-header .nav-tabs li a .tab-title { padding-top: 2px; } /* line 356, ../sass/_carrefour_t1.scss */ .page-crossroads .blocks .block-pushes.block-needs .block-header .nav-tabs li.active a { color: #7c5691; background-color: #fff; } /* line 359, ../sass/_carrefour_t1.scss */ .page-crossroads .blocks .block-pushes.block-needs .block-header .nav-tabs li.active a:before { position: absolute; z-index: 10; content: ""; left: 50%; margin-left: -8px; bottom: -10px; border: 12px solid transparent; width: 0; height: 0; /*equilateral*/ border-top: 12px solid #fff; border-bottom-width: 0; margin-left: -5px; } /* line 376, ../sass/_carrefour_t1.scss */ .page-crossroads .blocks h2 { color: #373737; margin: 0 20px 20px; } /* line 382, ../sass/_carrefour_t1.scss */ .page-crossroads .block-pushes-switcher { display: none !important; } /*.section-map { @extend %full_div; } .map-component { @extend %full_div; background: $color_light_grey_bg; padding-bottom:20px; }*/ /* line 17, ../sass/_salon.scss */ .map-component { padding-right: 10px; padding-left: 10px; } /* line 22, ../sass/_salon.scss */ .section-map .map-component .header-wrapper { background: none; } /* line 26, ../sass/_salon.scss */ .section-map .map-component .header-wrapper .content a { word-break: normal; } /* line 32, ../sass/_salon.scss */ .section-map .map-component .header-wrapper .actions { padding: 0; text-align: left; margin-top: 25px; } /* line 39, ../sass/_salon.scss */ .section-map .map-component .map-wrapper .address-wrapper p b { font-size: 16px; } /* line 42, ../sass/_salon.scss */ .section-map .map-component .header-wrapper p { margin-bottom: 0; } /* line 45, ../sass/_salon.scss */ .section-map .map-component .informations-wrapper .transport-wrapper .title, .section-map .map-component .header-wrapper .title { text-align: left; margin-bottom: 10px; margin-top: 10px; } @media screen and (max-width: 767px) { /* line 52, ../sass/_salon.scss */ #main .section-programme { padding-bottom: 0; } } /* line 62, ../sass/_salon.scss */ .section-map .map-component .map-wrapper .address-wrapper { background: #f7cb37; } /* line 65, ../sass/_salon.scss */ .section-map .map-component .informations-wrapper .transport-wrapper { padding: 0 28px; } @media screen and (max-width: 767px) { /* line 70, ../sass/_salon.scss */ .section-programme .step { border-bottom: 1px solid #999; margin-bottom: 0; margin-left: 8px; margin-right: 8px; } /* line 76, ../sass/_salon.scss */ .section-programme .col-md-6:last-child .step:last-child { border-bottom: none; } /* line 79, ../sass/_salon.scss */ .section-map .map-component .informations-wrapper .transport-wrapper::after { background: #999; } /* line 82, ../sass/_salon.scss */ .section-map .map-component .informations-wrapper .col-md-4:last-child .transport-wrapper::after { display: none; } /* line 87, ../sass/_salon.scss */ .section-map .map-component .map-wrapper .map { border: none; margin: 20px 0; } /* line 92, ../sass/_salon.scss */ .row.informations-wrapper { padding: 0 15px; } /* line 95, ../sass/_salon.scss */ .section-map .map-component .map-wrapper .address-wrapper { padding: 15px; } } @media screen and (min-width: 768px) { /* line 103, ../sass/_salon.scss */ .section-map .map-component .informations-wrapper .transport-wrapper::after { display: none; } /* line 106, ../sass/_salon.scss */ .section-map .map-component .informations-wrapper .transport-wrapper .title { margin-top: 30px; } /* line 109, ../sass/_salon.scss */ .section-programme .step:first-child::before { background: none; content: ""; height: 0; left: 0; position: absolute; top: 0; width: 0; } /* line 118, ../sass/_salon.scss */ .section-programme .step::before { background: #c8121A; display: block; content: ""; height: 1px; left: 0x; position: static; top: 0; width: 50px; margin-bottom: 30px; } } /* line 132, ../sass/_salon.scss */ .section-programme .step:before { display: none; } /* line 135, ../sass/_salon.scss */ .section-programme .title-section { margin-bottom: 25px; } /* line 139, ../sass/_salon.scss */ .section-programme .step .title, .section-programme .step .subtitle { margin-top: 0; } /* line 142, ../sass/_salon.scss */ .section-programme .step .title { margin-bottom: 5px; } /* line 146, ../sass/_salon.scss */ .section-programme .step .subtitle { text-align: left; } /* line 153, ../sass/_salon.scss */ .section-programme .step.dropdown .header { margin-bottom: 0; } /* line 156, ../sass/_salon.scss */ .section-programme .step.dropdown .content > p { margin-bottom: 10px; } /* line 167, ../sass/_salon.scss */ .section-image-carousel .owl-carousel { border: none; } /* line 171, ../sass/_salon.scss */ .section-image-carousel .owl-item { text-align: center; } /* line 174, ../sass/_salon.scss */ .section-image-carousel .owl-item img { width: auto; max-width: 100%; width: 83%; } @media screen and (max-width: 999px) { /* line 174, ../sass/_salon.scss */ .section-image-carousel .owl-item img { width: 90%; } } @media screen and (max-width: 767px) { /* line 174, ../sass/_salon.scss */ .section-image-carousel .owl-item img { width: 100%; } } /* line 190, ../sass/_salon.scss */ .section-testimony .element .title { margin: 0; padding: 0 45px; height: 128px; display: table-cell; vertical-align: middle; } /* line 198, ../sass/_salon.scss */ .section-testimony .element .title::after { display: none; } /* line 201, ../sass/_salon.scss */ .section-testimony .owl-item { padding: 0 10px; } @media screen and (max-width: 619px) { /* line 201, ../sass/_salon.scss */ .section-testimony .owl-item { padding: 0 15px; } } @media screen and (min-width: 481px) and (max-width: 619px) { /* line 209, ../sass/_salon.scss */ .section-testimony .owl-item:first-child { padding-right: 10px; } /* line 212, ../sass/_salon.scss */ .section-testimony .owl-item:last-child { padding-left: 10px; } } @media screen and (min-width: 620px) and (max-width: 1020px) { /* line 218, ../sass/_salon.scss */ .section-testimony .owl-item:first-child { padding-left: 20px; } /* line 221, ../sass/_salon.scss */ .section-testimony .owl-item:last-child { padding-right: 20px; } } /* line 227, ../sass/_salon.scss */ .section-testimony .element { background-color: #fff; position: relative; } /* line 232, ../sass/_salon.scss */ .section-testimony .element:before { content: ""; background-color: #10a091; left: 0; right: 0; position: absolute; height: 128px; } @media screen and (max-width: 999px) { /* line 232, ../sass/_salon.scss */ .section-testimony .element:before { height: 90px; } } /* line 244, ../sass/_salon.scss */ .section-testimony .element .content::before { content: ''; } /* line 248, ../sass/_salon.scss */ .section-testimony .element .content::after { font-family: 'bpce-icons'; content: '\e63c'; color: #ea7f49; right: 20px; bottom: 0; font-style: normal; font-size: 55px; line-height: 1em; } /* line 259, ../sass/_salon.scss */ .section-testimony .element .content { margin: 0; padding: 40px 45px; position: relative; text-align: center; width: auto; font-family: Georgia; font-style: italic; font-size: 19px; } /* line 271, ../sass/_salon.scss */ .section-testimony .element .actions { padding: 0 20px 20px; text-align: center; } @media screen and (min-width: 480px) { /* line 276, ../sass/_salon.scss */ .section-testimony .element { height: 450px; } /* line 279, ../sass/_salon.scss */ .section-testimony .element .actions { padding: 0; text-align: center; position: absolute; width: 100%; bottom: 30px; } } @media screen and (min-width: 767px) { /* line 288, ../sass/_salon.scss */ .section-testimony .element .actions { bottom: 50px; } } @media screen and (max-width: 999px) { /* line 294, ../sass/_salon.scss */ .section-testimony .element .content { margin: 0; padding: 20px 30px 40px; } /* line 298, ../sass/_salon.scss */ .section-testimony .element .title { padding: 0 30px; height: 90px; } } @media screen and (max-width: 767px) { /* line 303, ../sass/_salon.scss */ .section-testimony .element .title { height: 90px; padding: 0 20px; } /* line 307, ../sass/_salon.scss */ .section-testimony .element .content { margin: 0; padding: 20px 20px 30px; font-size: 17px; } /* line 312, ../sass/_salon.scss */ .section-testimony .element .content::after { font-family: 'bpce-icons'; content: '\e63c'; color: #ea7f49; right: 20px; bottom: 0; font-style: normal; font-size: 40px; line-height: 1em; } } /* line 325, ../sass/_salon.scss */ .product-page .btn-show-more { display: inline-block; } /* line 332, ../sass/_salon.scss */ .video-player iframe { max-width: 100%; } /* line 341, ../sass/_salon.scss */ #main .section-theater h2.title-section + .description { position: relative; margin-top: -25px; margin-bottom: 53px; } /* line 344, ../sass/_salon.scss */ #main .section-theater h2.title-section + .description p { font-size: 18px; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 22px; color: #373737; } /* line 355, ../sass/_salon.scss */ #main .section-theater h2.title-section + .description:after { content: ''; display: block; width: 186px; height: 4px; background-color: #ea7f49; position: absolute; left: 50%; margin-left: -98px; bottom: -18px; } /* line 371, ../sass/_salon.scss */ .section-theater .main-video-wrapper .title, .section-theater .list-thumbs .title { font-weight: 400; margin-bottom: 0; line-height: 1.1em; font-size: 13px; } /* line 377, ../sass/_salon.scss */ .section-theater .main-video-wrapper .content p, .section-theater .list-thumbs .content p { font-weight: 400; margin-bottom: 0; line-height: 1.1em; font-size: 12px; margin-top: 3px; } /* line 384, ../sass/_salon.scss */ .section-theater .list-thumbs .element .media { border: none; -webkit-box-shadow: none; box-shadow: none; box-sizing: border-box; width: 119px; height: 67px; } /* line 392, ../sass/_salon.scss */ .section-theater .list-thumbs .element.current .media { border: 2px solid #ea7f49; -webkit-box-shadow: none; box-shadow: none; margin-right: 12px; } /* line 398, ../sass/_salon.scss */ .section-theater .list-thumbs .element:hover { color: #4d4d4d; background: none; } /* line 403, ../sass/_salon.scss */ .section-theater .list-thumbs .element:hover .title { text-decoration: underline; } /* line 407, ../sass/_salon.scss */ .section-theater .main-video-wrapper .video-player, .section-theater .main-video-wrapper img { border: none; } /* line 410, ../sass/_salon.scss */ .section-theater .main-video-wrapper .content, .section-theater .list-thumbs .content { font-style: normal; } @media screen and (min-width: 768px) and (max-width: 999px) { /* line 410, ../sass/_salon.scss */ .section-theater .main-video-wrapper .content, .section-theater .list-thumbs .content { font-size: 12px; } } /* line 416, ../sass/_salon.scss */ .section-theater .main-video-wrapper { margin-top: 0; padding: 0; padding-left: 0; } /* line 421, ../sass/_salon.scss */ .section-theater .list-thumbs .element { padding: 0 12px 9px; } /* line 429, ../sass/_salon.scss */ .minus-videos.btn-show-more { padding-top: 7.5px !important; } /* line 432, ../sass/_salon.scss */ .minus-videos.btn-show-more:after { display: none; } /* line 435, ../sass/_salon.scss */ .minus-videos.btn-show-more:before { content: '\e63d' !important; margin-bottom: 2.5px; /*font-size: 17px; top: 65%; margin-top: 0; text-align: center;*/ } /* line 1, ../sass/_modal.scss */ body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right: 0; } /* line 8, ../sass/_modal.scss */ #pauth .modal-content { box-shadow: -2px 0 4px rgba(0, 0, 0, 0.2); border: none; } /* line 14, ../sass/_modal.scss */ .modal .modal-header { background: #ece4db; border-bottom: none; padding: 20px; } /* line 19, ../sass/_modal.scss */ .modal .close { background: #373737; } /* line 25, ../sass/_modal.scss */ .modal .modal-header .modal-subtitle { font-weight: bold; margin: 0; text-align: center; } /* line 31, ../sass/_modal.scss */ #pauth .modal-body .main-content { background: none; } @media screen and (min-width: 999px) { /* line 37, ../sass/_modal.scss */ #pauth .modal-body .main-content { margin-left: -20px; width: 598px; float: right; position: relative; } /* line 44, ../sass/_modal.scss */ #pauth .modal-body .main-content:before { content: ""; display: block; position: absolute; width: 1px; background-color: #eaeaea; top: 0; left: 0; height: calc(100% + 20px); } /* line 56, ../sass/_modal.scss */ #pauth .modal-body .aside { width: 288px; clear: both; } /* line 57, ../sass/_modal.scss */ #pauth .app-store-btn.in { display: none; } } /* line 63, ../sass/_modal.scss */ #pauth .modal-body .main-content .step1 { text-align: left; box-shadow: none; } /* line 67, ../sass/_modal.scss */ #pauth .modal-body .fishing { background: #f7f7f7; padding: 20px 20px 5px; margin-top: 0; } /* line 74, ../sass/_modal.scss */ #pauth .modal-body .identification-form button { margin-top: 20px; height: 35px; font-weight: normal; font-size: 15px; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; } /* line 81, ../sass/_modal.scss */ #pauth #main .push-image .push-content .cta, #main .push-image .push-content #pauth .cta, #pauth .cta, #pauth .cta-second, #pauth .cta-second { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; } /* line 86, ../sass/_modal.scss */ #pauth .modal-content .link-area:before, #pauth .modal-content .link-area:after { background: #eaeaea; } /* line 89, ../sass/_modal.scss */ #pauth .modal-body .main-label { margin-top: 35px; margin-bottom: 15px; letter-spacing: 1px; } /* line 100, ../sass/_modal.scss */ #pauth .modal-content .link-area a:hover { color: #373737; font-weight: 600; } /* line 108, ../sass/_modal.scss */ #pauth .modal-body .fishing .title { padding-left: 35px; position: relative; margin-bottom: 7px; } /* line 114, ../sass/_modal.scss */ #pauth .modal-body .fishing .title::before { font-size: 28px; left: 0; position: absolute; top: -6px; } /* line 122, ../sass/_modal.scss */ #pauth .modal-body .fishing .title + p, #pauth .modal-body .push p, #pauth .modal-body .fishing small, #pauth .modal-body .push small { line-height: 1.39; color: #4d4d4d; } /* line 130, ../sass/_modal.scss */ #pauth .accessibility.in { padding-right: 0; width: 100%; } @media screen and (max-width: 999px) { /* line 130, ../sass/_modal.scss */ #pauth .accessibility.in { padding-left: 15px; padding-right: 15px; } } /* line 135, ../sass/_modal.scss */ #pauth .modal-body .accessibility .title { letter-spacing: 1px; } /* line 140, ../sass/_modal.scss */ #pauth .accessibility { z-index: 50; box-shadow: none; text-align: center; } /* line 141, ../sass/_modal.scss */ #pauth .modal-body .accessibility .title + p, #pauth .modal-body .accessibility .header + p, #pauth .modal-body .accessibility .confirm-wrapper p { text-align: left; } /* line 145, ../sass/_modal.scss */ #pauth .accessibility .header:after { background: #e0e0e0; margin: 12px 0; width: 115px; } /* line 151, ../sass/_modal.scss */ #pauth .modal-body .accessibility .cta-second.back, #pauth .modal-body .accessibility .confirm.cta, #pauth .modal-body .accessibility .confirm.cta-second { width: 110px; } /* line 153, ../sass/_modal.scss */ #pauth .modal-body .accessibility .confirm.cta, #pauth .modal-body .accessibility .confirm.cta-second { padding-right: 6px !important; } @media screen and (max-width: 999px) { /* line 157, ../sass/_modal.scss */ #pauth .modal-body .accessibility .cta-second.back, #pauth .modal-body .accessibility .confirm.cta, #pauth .modal-body .accessibility .confirm.cta-second { margin-left: 50px; margin-right: 50px; } /* line 159, ../sass/_modal.scss */ #pauth .modal-body .accessibility .cta-second.back { position: relative; top: 55px; } /* line 160, ../sass/_modal.scss */ #pauth .modal-body .accessibility .confirm.cta, #pauth .modal-body .accessibility .confirm.cta-second { position: relative; top: -36px; } } /* line 165, ../sass/_modal.scss */ #pauth .accessibility .confirm-wrapper:before { position: absolute; top: 0; left: 0; content: " "; width: 18px; height: 18px; border: 1px solid #aeaeae; display: block; } /* line 176, ../sass/_modal.scss */ #pauth .accessibility .confirm-wrapper.checked:after { content: "\e652"; font-family: 'bpce-icons'; font-size: 10px; position: absolute; top: -1px; left: 0px; color: #10a091; display: block; width: 18px; height: 18px; } /* line 190, ../sass/_modal.scss */ #pauth .modal-body .push { border-color: #eaeaea; color: inherit; display: block; width: auto; position: relative; text-align: left; overflow: hidden; margin: 45px 45px 45px 55px; height: 176px; } /* line 201, ../sass/_modal.scss */ #pauth .modal-body .fishing .content-media, #pauth .modal-body .push .content-media, #pauth .modal-body .fishing .content, #pauth .modal-body .push .content { padding: 10px 20px; } /* line 204, ../sass/_modal.scss */ #pauth .modal-body .fishing .content-media, #pauth .modal-body .push .content-media { margin-left: 106px; } /* line 207, ../sass/_modal.scss */ #pauth .modal-body .fishing .media, #pauth .modal-body .push .media { margin-right: 0; } @media screen and (max-width: 999px) { /* line 212, ../sass/_modal.scss */ #pauth .modal-body .fishing .media, #pauth .modal-body .push .media { float: none; text-align: center; } /* line 216, ../sass/_modal.scss */ #pauth input[type="text"], #pauth input[type="password"] { -webkit-appearance: none; border-radius: 0 !important; } /* line 219, ../sass/_modal.scss */ #pauth .modal-header { padding-top: 18px; padding-bottom: 15px; } /* line 220, ../sass/_modal.scss */ #pauth .modal-body .push .media { padding: 0; } /* line 221, ../sass/_modal.scss */ #pauth .modal-body .push .media img { width: 100%; } /* line 222, ../sass/_modal.scss */ #pauth .modal-body .aside { padding: 0 23px; } /* line 223, ../sass/_modal.scss */ #pauth .modal-body .fishing { padding: 15px 23px 5px; } /* line 225, ../sass/_modal.scss */ #pauth[aria-hidden="false"] + ul.speed-links, #pauth[aria-hidden="false"] + ul.speed-links + div.tooltip-contact, #pauth[aria-hidden="false"] + ul.speed-links + div.tooltip-contact + nav.row { display: none !important; } /* line 230, ../sass/_modal.scss */ #pauth .modal-body { padding-bottom: 60px; } /* line 231, ../sass/_modal.scss */ #pauth .modal-body .row { background-color: #FFFFFF !important; } /* line 232, ../sass/_modal.scss */ #pauth[aria-hidden="false"] div.modal-content { padding-bottom: 60px; height: 100vh; } /* line 233, ../sass/_modal.scss */ .layout-fluid #header .off-canvas .inner nav .nav-tabs { padding-bottom: 60px; } /* line 235, ../sass/_modal.scss */ #pauth .modal-body .main-content .step3 { padding: 15px !important; } /* line 237, ../sass/_modal.scss */ #pauth .modal-body .push { margin: 20px 22px; height: auto; } /* line 241, ../sass/_modal.scss */ #pauth .modal-body .push .introduction { margin-top: 5px; } /* line 242, ../sass/_modal.scss */ #pauth .modal-body .fishing .content-media, #pauth .modal-body .push .content-media { margin-left: 0; padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 1000px) { /* line 252, ../sass/_modal.scss */ #pauth .modal-body .fishing .media, #pauth .modal-body .push .media { width: 106px; } /* line 255, ../sass/_modal.scss */ #pauth .modal-body .fishing .media, #pauth .modal-body .push .media img { margin-left: -67px; } } /* line 262, ../sass/_modal.scss */ #pauth .modal-body .main-content .main-title { color: #373737; text-transform: none; margin-top: 1px; } /* line 268, ../sass/_modal.scss */ #pauth .modal-body .main-content .step2.in .main-title { margin: 11px 15px; } /* line 272, ../sass/_modal.scss */ #pauth .close-container { box-shadow: none; } /* line 275, ../sass/_modal.scss */ #pauth .modal-body .current-client .client-wrapper { border: medium none; margin-top: 20px; padding: 0; width: 220px; } /* line 285, ../sass/_modal.scss */ #pauth .modal-body .cta-second.back { width: 146px; } /* line 295, ../sass/_modal.scss */ #pauth .modal-body .section-pro button.cta-second { padding: 8px 1px 8px 1px !important; letter-spacing: 0.05em; } /* line 309, ../sass/_modal.scss */ #pauth .modal-body .section-pro:before { content: "Ou"; position: static; background: transparent; width: auto; height: auto; margin-bottom: 10px; display: block; text-align: left; margin-top: 1px; margin-left: 4px; } @media screen and (max-width: 999px) { /* line 323, ../sass/_modal.scss */ #pauth .modal-body .section-pro:before { display: none; } /* line 324, ../sass/_modal.scss */ #pauth .modal-body .section-pro .section-password:before, #pauth .modal-body .section-pro .section-certificat:before, #pauth .modal-body .section-pro .section-card:before { content: "Ou"; color: #373737; background: #fff; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; line-height: 40px; } /* line 335, ../sass/_modal.scss */ #pauth .modal-body .section-pro .section-password, #pauth .modal-body .section-pro .section-certificat, #pauth .modal-body .section-pro .section-card { border-top-color: #eaeaea; } } /* line 344, ../sass/_modal.scss */ #pauth .modal-body .section-pro .section-password .link-area, #pauth .modal-body .section-pro .section-certificat.in .link-area, #pauth .modal-body .section-pro .section-card.in .link-area { margin-top: 15px; margin-bottom: 25px; } /* line 348, ../sass/_modal.scss */ #pauth .modal-body .section-pro .section-password .link-area:before, #pauth .modal-body .section-pro .section-certificat.in .link-area:before, #pauth .modal-body .section-pro .section-card.in .link-area:before { background: none; height: 0; } /* line 352, ../sass/_modal.scss */ #pauth .modal-body .section-pro { border-left-color: #eaeaea; padding-left: 22px; position: relative; padding-right: 0; margin-left: -16px; } /* line 359, ../sass/_modal.scss */ #pauth .modal-body .main-content .step3 .instructions li:before { color: #373737; } /* line 360, ../sass/_modal.scss */ #pauth .modal-body .password-wrapper .actions button { width: auto; } @media screen and (min-width: 1000px) { /* line 366, ../sass/_modal.scss */ #pauth .modal-body .account-select li { width: auto; float: left; margin-right: 12px; } /* line 369, ../sass/_modal.scss */ #pauth .modal-body .account-select li img { width: 182px; display: block; border-color: #e0e0e0; } } /* line 379, ../sass/_modal.scss */ #pauth .modal-body .current-client .client-wrapper p { text-align: left; } /* line 382, ../sass/_modal.scss */ #pauth .modal-body .password-edit.error input[type="text"], #pauth .modal-body .identification-form.error input[type="text"], #pauth .modal-body .password-form.error input[type="text"], #pauth .modal-body .certificat-form.error input[type="text"], #pauth .modal-body .current-client.error input[type="text"], #pauth .modal-body .card-form.error input[type="text"], #pauth .modal-body .password-edit.error input[type="password"], #pauth .modal-body .identification-form.error input[type="password"], #pauth .modal-body .password-form.error input[type="password"], #pauth .modal-body .certificat-form.error input[type="password"], #pauth .modal-body .current-client.error input[type="password"], #pauth .modal-body .card-form.error input[type="password"] { border-color: #c8121A; } /* line 386, ../sass/_modal.scss */ #pauth .modal-body .main-content .step3 { padding: 20px 10px 10px 30px; } /* line 390, ../sass/_modal.scss */ #pauth .modal-body .password-edit .error-message, #pauth .modal-body .identification-form .error-message, #pauth .modal-body .password-form .error-message, #pauth .modal-body .certificat-form .error-message, #pauth .modal-body .current-client .error-message, #pauth .modal-body .card-form .error-message { width: 215px; color: #c8121A; background: #f7f7f7; font-size: 12px; font-style: normal; padding: 10px; font-family: 'main'; } /* line 399, ../sass/_modal.scss */ #pauth .modal-body .password-form .error-message { width: 235px; } /* line 402, ../sass/_modal.scss */ #pauth .modal-body .password-edit .error-message:before, #pauth .modal-body .identification-form .error-message:before, #pauth .modal-body .password-form .error-message:before, #pauth .modal-body .certificat-form .error-message:before, #pauth .modal-body .current-client .error-message:before, #pauth .modal-body .card-form .error-message:before { display: none; } /* line 406, ../sass/_modal.scss */ #pauth .modal-body .identification-form button { width: 215px; } /* line 413, ../sass/_modal.scss */ #pauth .modal-body .password-edit .password-keyboard li img, #pauth .modal-body .password-wrapper .password-keyboard li img { border: 1px solid #e0e0e0; } /* line 416, ../sass/_modal.scss */ #pauth .modal-body .current-client .client-wrapper p.client-id { margin-top: 10px; } /* line 420, ../sass/_modal.scss */ #pauth .modal-body .current-client .client-id { color: #373737; font-size: 18px; font-family: "extra1"; font-weight: normal; width: auto; border: 1px solid #e0e0e0; padding: 5px 10px; letter-spacing: 2px; display: inline-block; } /* line 431, ../sass/_modal.scss */ #pauth .modal-content .link-area::before { background: #e0e0e0; margin: 12px 0; width: 115px; } /* line 436, ../sass/_modal.scss */ #pauth .modal-content .link-area::after { display: none; } @media screen and (max-width: 999px) { /* line 442, ../sass/_modal.scss */ #pauth .app-store-btn.in { display: block; } } /* line 447, ../sass/_modal.scss */ #pauth .app-store-btn .content { width: 175px; } /* line 448, ../sass/_modal.scss */ #pauth .app-store-btn p { font-size: 14px; } /* line 449, ../sass/_modal.scss */ #pauth .app-store-btn #main .push-image .push-content .cta, #main .push-image .push-content #pauth .app-store-btn .cta, #pauth .app-store-btn .cta, #pauth .app-store-btn .cta-second { width: auto; font-size: 11px !important; line-height: 1 !important; padding-left: 10px !important; padding-right: 10px !important; top: 12px; right: 12px; } /* line 457, ../sass/_modal.scss */ #pauth .app-store-btn #main .push-image .push-content .cta:after, #main .push-image .push-content #pauth .app-store-btn .cta:after, #pauth .app-store-btn .cta:after, #pauth .app-store-btn .cta-second:after { display: none; } /* line 4, ../sass/_recherche.scss */ .page-search #main .container { padding-left: 0 !important; padding-right: 0 !important; } /* line 5, ../sass/_recherche.scss */ .page-search #main .container * { color: #373737; } /* line 8, ../sass/_recherche.scss */ .page-search #main .header-wrapper { background-color: #FFF; margin-bottom: 0 !important; } /* line 9, ../sass/_recherche.scss */ .page-search #main .header-wrapper h1.title-level1 { margin-top: 40px; margin-bottom: 15px; padding-bottom: 0; } /* line 11, ../sass/_recherche.scss */ .page-search #main .results-stats { background-color: #FFF; margin-bottom: 0 !important; margin-top: 0; } /* line 12, ../sass/_recherche.scss */ .page-search #main .results-stats p { margin-bottom: 0; padding-bottom: 45px; padding-left: 15px; padding-right: 15px; } /* line 13, ../sass/_recherche.scss */ .page-search #main .results-stats p.text-strong { font-weight: 700; } /* line 16, ../sass/_recherche.scss */ .page-search #main .search-results { background-color: #FFF; margin-bottom: 0 !important; } /* line 17, ../sass/_recherche.scss */ .page-search #main .search-results .row { background-color: #FFF; margin-left: 0; margin-right: 0; } /* line 18, ../sass/_recherche.scss */ .page-search #main .search-results .results-list { padding: 8px 84px 0; } /* line 19, ../sass/_recherche.scss */ .page-search #main .search-results .results-list p.result-title { font-weight: 700 !important; margin-bottom: 5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 22, ../sass/_recherche.scss */ .page-search #main .search-results .results-list p.result-link { font-style: normal; display: inline-block; margin-top: 4px; margin-bottom: 2px; } /* line 23, ../sass/_recherche.scss */ .page-search #main .search-results .results-list p.result-link:hover { text-decoration: underline; } /* line 26, ../sass/_recherche.scss */ .page-search #main .search-results .results-list.results-recommended { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; width: 100%; background-color: #FFF; } /* line 28, ../sass/_recherche.scss */ .page-search #main .search-results .results-list.results-recommended p.legend { background-color: #FFF; border: none; margin: 0 168px; text-align: left; font-family: "extra1"; font-size: 14px; } /* line 29, ../sass/_recherche.scss */ .page-search #main .search-results .results-list.results-recommended ul { background-color: #f7cb37; padding: 4px 168px 2px; } /* line 35, ../sass/_recherche.scss */ .page-search #main .search-pagination { margin-bottom: 0 !important; margin-top: 0; } /* line 36, ../sass/_recherche.scss */ .page-search #main .search-pagination .row { background-color: #FFF; margin-left: 0; margin-right: 0; padding-bottom: 30px; padding-top: 30px; } /* line 37, ../sass/_recherche.scss */ .page-search #main .search-pagination ul li a, .page-search #main .search-pagination ul li { font-size: 14px; font-weight: 600; line-height: 10px; } /* line 38, ../sass/_recherche.scss */ .page-search #main .search-pagination ul li a { padding: 8px 8px 6px; } /* line 39, ../sass/_recherche.scss */ .page-search #main .search-pagination ul li a:hover { text-decoration: underline; } /* line 40, ../sass/_recherche.scss */ .page-search #main .search-pagination ul li.current { background-color: #7c5691; color: #FFF; padding: 8px 8px 6px; } /* line 41, ../sass/_recherche.scss */ .page-search #main .search-pagination ul li.previous, .page-search #main .search-pagination ul li.next { width: 0; } /* line 42, ../sass/_recherche.scss */ .page-search #main .search-pagination ul li.previous a, .page-search #main .search-pagination ul li.next a { background-image: none; position: relative; width: 0; padding: 0; } /* line 43, ../sass/_recherche.scss */ .page-search #main .search-pagination ul li.previous a:before, .page-search #main .search-pagination ul li.next a:after { font-weight: 600; display: inline-block; font-size: 14px; position: absolute; top: 2px; } /* line 44, ../sass/_recherche.scss */ .page-search #main .search-pagination ul li.previous a:after, .page-search #main .search-pagination ul li.next a:before { display: inline-block; font-size: 20px; font-family: 'bpce-icons'; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 2px; } /* line 48, ../sass/_recherche.scss */ .page-search #main .search-pagination ul li.previous a:before { content: 'Précedent'; right: 10px; padding: 8px 8px 6px; } /* line 50, ../sass/_recherche.scss */ .page-search #main .search-pagination ul li.next a:after { content: 'Suivant'; left: 10px; padding: 8px 8px 6px; } /* line 53, ../sass/_recherche.scss */ .page-search #main .search-pagination ul li.previous a:after { content: '\e649'; right: 85px; padding: 8px 8px 6px; } /* line 54, ../sass/_recherche.scss */ .page-search #main .search-pagination ul li.next a:before { content: '\e64A'; left: 70px; padding: 8px 8px 6px; } /* line 57, ../sass/_recherche.scss */ .page-search #main .search-research { width: 100%; margin-top: 0; background-color: #FFF; text-align: center; margin-bottom: 0; padding-bottom: 25px; } /* line 58, ../sass/_recherche.scss */ .page-search #main .search-research form.search-box { width: auto; border: none; position: relative; } /* line 59, ../sass/_recherche.scss */ .page-search #main .search-research form.search-box:before { display: none; } /* line 61, ../sass/_recherche.scss */ .page-search #main .search-research form.search-box input { border: solid 1px #ccccbd; background-color: #f7f7f7; position: relative; font-size: 14px; color: #373737; line-height: 100%; height: 35px; text-align: left; padding-top: 2px; width: 178px; margin-left: 0; } /* line 62, ../sass/_recherche.scss */ .page-search #main .search-research form.search-box button[type="submit"] { height: auto; text-indent: -9999px; height: 35px !important; width: 38px; background: url("../assets/themes/ccoop_theme/images/app/search/loupe.png") no-repeat center #707173 !important; } /* line 64, ../sass/_recherche.scss */ .page-search #main .search-research form.search-box button[type="submit"]:hover { background-color: #4d4d4d !important; } /* line 70, ../sass/_recherche.scss */ .page-search #main .search-empty { margin: 0; } /* line 72, ../sass/_recherche.scss */ .page-search #main .search-empty .row { margin: 0; background-color: #fff; position: relative; } @media screen and (min-width: 1000px) { /* line 72, ../sass/_recherche.scss */ .page-search #main .search-empty .row { padding-bottom: 55px; } } @media screen and (max-width: 999px) { /* line 74, ../sass/_recherche.scss */ .page-search #main .search-empty .row .search-suggestions { width: 100%; } } /* line 77, ../sass/_recherche.scss */ .page-search #main .search-empty .row .search-suggestions h3 { font-weight: normal; font-family: "extra1"; font-size: 14px; border: none; margin-bottom: 0; padding-bottom: 0; } @media screen and (max-width: 767px) { /* line 77, ../sass/_recherche.scss */ .page-search #main .search-empty .row .search-suggestions h3 { margin-left: 15px; } } /* line 80, ../sass/_recherche.scss */ .page-search #main .search-empty .row li { line-height: 24px !important; list-style-type: none; } /* line 81, ../sass/_recherche.scss */ .page-search #main .search-empty .row li:before { content: '\e648'; color: #7c5691; font-family: 'bpce-icons'; margin-right: 10px; margin-top: 2px; font-size: 12px; } @media screen and (min-width: 1000px) { /* line 82, ../sass/_recherche.scss */ .page-search #main .search-empty .row .search-research { width: 50%; position: absolute; bottom: 65px; } /* line 83, ../sass/_recherche.scss */ .page-search #main .search-empty .row .search-research form.search-box { margin-left: -93px; } } @media screen and (max-width: 999px) { /* line 96, ../sass/_recherche.scss */ .page-search #main .search-results .results-list.results-recommended p.legend { margin: 0 84px; } /* line 97, ../sass/_recherche.scss */ .page-search #main .search-results .results-list.results-recommended ul { padding: 4px 84px 2px; } } @media screen and (max-width: 619px) { /* line 103, ../sass/_recherche.scss */ .page-search #main .container { padding-left: 15px !important; padding-right: 15px !important; } /* line 104, ../sass/_recherche.scss */ .page-search #main .results-stats p { padding-bottom: 15px; } /* line 106, ../sass/_recherche.scss */ .page-search #main .search-results .results-list.results-recommended ul { padding: 4px 15px 2px; } /* line 107, ../sass/_recherche.scss */ .page-search #main .search-results .results-list.results-recommended p.legend { margin: 0 15px; } /* line 109, ../sass/_recherche.scss */ .page-search #main .search-results .results-list { padding: 8px 15px 0; } /* line 110, ../sass/_recherche.scss */ .page-search #main .search-pagination ul li.previous a:before, .page-search #main .search-pagination ul li.next a:after { display: none; } /* line 111, ../sass/_recherche.scss */ .page-search #main .search-pagination ul li.previous a:after { right: 5px; } /* line 112, ../sass/_recherche.scss */ .page-search #main .search-pagination ul li.next a:before { left: 1px; } } /* line 9, ../sass/_contact.scss */ .page-contact #main p { font-size: 14px; line-height: 18px; } @media screen and (max-width: 767px) { /* line 9, ../sass/_contact.scss */ .page-contact #main p { font-size: 15px; line-height: 20px; } } /* line 14, ../sass/_contact.scss */ .page-contact #main strong { color: #373737; } /* line 15, ../sass/_contact.scss */ .page-contact #main em { color: #eb6949; font-weight: 600; } /* line 16, ../sass/_contact.scss */ .page-contact #main .catch { margin-bottom: 20px; } /* line 17, ../sass/_contact.scss */ .page-contact #main .catch:after { display: none; } /* line 24, ../sass/_contact.scss */ .page-contact #main section.main-contact { overflow: hidden; background-color: #FFF; } /* line 28, ../sass/_contact.scss */ .page-contact #main section.main-contact .title-level1 { font-size: 30px !important; text-align: left; padding-left: 0; margin-bottom: 15px; padding-top: 40px; margin-top: 0; } /* line 34, ../sass/_contact.scss */ .page-contact #main section.main-contact .call-pushes .mentions { color: #707173; margin-top: 12px; line-height: 12px; font-size: 10px; } /* line 35, ../sass/_contact.scss */ .page-contact #main section.main-contact .call-pushes .content { height: 120px; } @media screen and (max-width: 999px) { /* line 35, ../sass/_contact.scss */ .page-contact #main section.main-contact .call-pushes .content { height: 140px; } } @media screen and (max-width: 620px) { /* line 35, ../sass/_contact.scss */ .page-contact #main section.main-contact .call-pushes .content { height: auto; } } /* line 38, ../sass/_contact.scss */ .page-contact #main section.main-contact .call-pushes .content p { padding: 0 10px; } @media screen and (max-width: 767px) { /* line 38, ../sass/_contact.scss */ .page-contact #main section.main-contact .call-pushes .content p { padding: 0; } } /* line 45, ../sass/_contact.scss */ .page-contact #main section.main-contact .col-md-3.hidden-xs.hidden-sm { width: 74px; } /* line 46, ../sass/_contact.scss */ .page-contact #main section.main-contact .col-md-3.hidden-xs.hidden-sm figure { margin-top: 20px; display: none; } @media screen and (max-width: 767px) { /* line 45, ../sass/_contact.scss */ .page-contact #main section.main-contact .col-md-3.hidden-xs.hidden-sm { width: auto; } } /* line 49, ../sass/_contact.scss */ .page-contact #main section.main-contact .col-sm-5.col-sm-offset-1.list-link { margin-left: 12px; width: 415px; position: relative; left: 16px; } @media screen and (max-width: 999px) { /* line 49, ../sass/_contact.scss */ .page-contact #main section.main-contact .col-sm-5.col-sm-offset-1.list-link { margin-left: 0; position: static; width: 58%; } } @media screen and (max-width: 619px) { /* line 49, ../sass/_contact.scss */ .page-contact #main section.main-contact .col-sm-5.col-sm-offset-1.list-link { width: 100%; } } /* line 55, ../sass/_contact.scss */ .page-contact #main section.main-contact .col-xs-12.col-md-9 { width: 100%; padding: 0px 8%; } /* line 61, ../sass/_contact.scss */ .page-contact #main section.main-contact .col-xs-12.col-md-9.small-wrapper, .page-contact #main section.main-contact .col-xs-12.col-md-9 { width: 74.5%; padding-left: 0; padding-right: 0; } @media screen and (max-width: 767px) { /* line 61, ../sass/_contact.scss */ .page-contact #main section.main-contact .col-xs-12.col-md-9.small-wrapper, .page-contact #main section.main-contact .col-xs-12.col-md-9 { width: auto; padding: 0 30px; } } @media screen and (max-width: 479px) { /* line 61, ../sass/_contact.scss */ .page-contact #main section.main-contact .col-xs-12.col-md-9.small-wrapper, .page-contact #main section.main-contact .col-xs-12.col-md-9 { width: auto; padding: 0 15px; } } /* line 68, ../sass/_contact.scss */ .page-contact #main section.main-contact .col-md-3.hidden-xs.hidden-sm + .col-xs-12.col-md-9 { width: 84.5% !important; } /* line 70, ../sass/_contact.scss */ .page-contact #main section.main-contact .call-pushes .push:before { display: none; } @media screen and (max-width: 767px) { /* line 71, ../sass/_contact.scss */ .page-contact #main section.main-contact .call-pushes .push { padding-bottom: 20px; } } /* line 78, ../sass/_contact.scss */ .page-contact #main > .container > section.main-contact .cta, .page-contact #main > .container > section.main-contact #pauth .cta-second, #pauth .page-contact #main > .container > section.main-contact .cta-second { width: auto; padding: 8px 24px 8px !important; border-width: 2px; white-space: nowrap; } /* line 83, ../sass/_contact.scss */ .page-crossroads .contact .push .cta-container, .section-contact .contact .push .cta-container { margin-bottom: 10px; } /* line 91, ../sass/_contact.scss */ .page-contact #main section.contact-number { background-color: #FFFFFF; background-position: right center; } @media screen and (min-width: 768px) { /* line 93, ../sass/_contact.scss */ .page-contact #main section.contact-number p { width: 70% !important; } } /* line 96, ../sass/_contact.scss */ .page-contact #main section.contact-number h2.title { margin-bottom: 15px; } /* line 106, ../sass/_contact.scss */ .page-contact #main section.contact-number div { width: 100%; padding: 40px 68px; } @media screen and (max-width: 767px) { /* line 106, ../sass/_contact.scss */ .page-contact #main section.contact-number div { padding: 20px 30px; } } @media screen and (max-width: 619px) { /* line 106, ../sass/_contact.scss */ .page-contact #main section.contact-number div { padding: 20px 30px; } } @media screen and (max-width: 479px) { /* line 106, ../sass/_contact.scss */ .page-contact #main section.contact-number div { padding: 0 15px; } } @media screen and (min-width: 999px) { /* line 91, ../sass/_contact.scss */ .page-contact #main section.contact-number { background-image: none !important; } /* line 114, ../sass/_contact.scss */ .page-contact #main section.contact-number > div { background-image: url("../assets/themes/ccoop_theme/images/app/contact/contact-number.jpg"); background-position: right center; background-repeat: no-repeat; } } /* line 125, ../sass/_contact.scss */ .page-contact #main section.contact-number p { color: #4d4d4d; margin-bottom: 30px; } @media screen and (max-width: 479px) { /* line 159, ../sass/_contact.scss */ .page-contact .services .col-sm-4.push { padding: 0 0; } } @media screen and (min-width: 620px) { /* line 171, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations .actions.hide-on-mobile { text-align: left; } } /* line 175, ../sass/_contact.scss */ .page-contact #main section.main-contact .list-link ul { margin-bottom: 40px; } /* line 176, ../sass/_contact.scss */ .page-contact #main section.main-contact .list-link ul li { border-bottom: solid 1px #c1c1c1; } /* line 177, ../sass/_contact.scss */ .page-contact #main section.main-contact .list-link ul li:first-child { border-top: solid 1px #c1c1c1; } /* line 178, ../sass/_contact.scss */ .page-contact #main section.main-contact .list-link ul li a { line-height: 19px; padding-top: 10px; padding-bottom: 5px; padding-right: 20px; color: #373737; } /* line 179, ../sass/_contact.scss */ .page-contact #main section.main-contact .list-link ul li a:hover { text-decoration: underline; } /* line 180, ../sass/_contact.scss */ .page-contact #main section.main-contact .list-link ul li a:after { margin-top: -10px; } /* line 185, ../sass/_contact.scss */ .page-contact #main section.main-contact .list-link ul li { position: relative; } /* line 187, ../sass/_contact.scss */ .page-contact #main section.main-contact .list-link ul li a::after { display: none; } /* line 188, ../sass/_contact.scss */ .page-contact #main section.main-contact .list-link ul li::after { content: "\e608"; font-family: 'bpce-icons'; font-size: 12px; position: absolute; right: 0; vertical-align: middle; top: 50%; margin-top: -10px; } /* line 201, ../sass/_contact.scss */ .page-contact.logged #main section.main-contact .alert-message { background-color: #f7f7f7; padding: 20px 28px; position: relative; margin-bottom: 0 !important; } /* line 206, ../sass/_contact.scss */ .page-contact.logged #main section.main-contact .alert-message p.title { font-family: "extra1"; font-size: 15px; font-weight: normal !important; text-transform: uppercase; letter-spacing: 0; text-align: left; height: auto; line-height: 1.1em; width: auto; line-height: 1.2em; color: #c8121A; font-weight: normal; padding-left: 30px; margin-bottom: 7px; } /* line 222, ../sass/_contact.scss */ .page-contact.logged #main section.main-contact .alert-message:before { content: "\e624"; color: #c8121A; font-size: 28px; top: 40px; left: 25px; } /* line 232, ../sass/_contact.scss */ .page-contact.logged #main section.main-contact .planning:before { background-color: #eaeaea; margin-top: 15px; margin-bottom: 20px; } /* line 238, ../sass/_contact.scss */ .page-contact.logged #main section.main-contact .agenda .day { font-weight: 600; width: 69px; } /* line 239, ../sass/_contact.scss */ .page-contact.logged #main section.main-contact .agenda .openning { min-width: auto; } /* line 241, ../sass/_contact.scss */ .page-contact.logged #main section.main-contact [class^="icon-bpce-"].icon-bpce-circle-tel:before, .page-contact.logged #main section.main-contact [class*=" icon-bpce-"].icon-bpce-circle-tel:before { content: "\E60F"; color: #373737; } /* line 245, ../sass/_contact.scss */ .page-contact.logged #main section.main-contact .planning .title:before { color: #373737; } /* line 247, ../sass/_contact.scss */ .page-contact.logged #main section.main-contact [class^="icon-bpce-"].icon-bpce-circle-fax:before, .page-contact.logged #main section.main-contact [class*=" icon-bpce-"].icon-bpce-circle-fax:before { content: ""; display: inline-block; width: 25px; height: 25px; background: url("../assets/themes/ccoop_theme/images/app/contact/icon-fax.png") no-repeat 0 0; } /* line 255, ../sass/_contact.scss */ .page-contact.logged #main section.main-contact [class^="icon-bpce-"].icon-bpce-clock:before, .page-contact.logged #main section.main-contact [class*=" icon-bpce-"].icon-bpce-clock:before { content: ""; display: inline-block; width: 25px; height: 25px; background: url("../assets/themes/ccoop_theme/images/app/contact/icon-clock.png") no-repeat 0 0; } /* line 264, ../sass/_contact.scss */ .page-contact.logged #main section.main-contact .highlight { margin-left: 0; } /* line 265, ../sass/_contact.scss */ .page-contact.logged #main section.main-contact .number:first-child:after { background-color: #eaeaea; } /* line 274, ../sass/_contact.scss */ .page-contact #main section.main-contact div.row.header-wrapper h1.title-level1, .page-contact.logged #main section.main-contact div.row.header-wrapper h1.title-level1 { padding-top: 20px !important; } /* line 277, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil, .page-contact.logged #main section.main-contact .contact-conseil { margin-bottom: 0; } /* line 278, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil .header, .page-contact.logged #main section.main-contact .contact-conseil .header { background: none; } /* line 279, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil .title, .page-contact.logged #main section.main-contact .contact-conseil .title { font-size: 24px; color: #373737; font-weight: normal; } /* line 280, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil p.advisor.icon-bpce-profil2, .page-contact.logged #main section.main-contact .contact-conseil p.advisor.icon-bpce-profil2 { font-weight: 600; color: #373737; } /* line 281, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil p.advisor.icon-bpce-profil2:before, .page-contact.logged #main section.main-contact .contact-conseil p.advisor.icon-bpce-profil2:before { display: none; } /* line 283, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil .content, .page-contact.logged #main section.main-contact .contact-conseil .content { background-color: #FFF; margin: 0; position: relative; padding-top: 30px; height: 100%; } /* line 285, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil .content:after, .page-contact.logged #main section.main-contact .contact-conseil .content:after { content: ""; display: block; width: 18px; background: #ece4db url("../assets/themes/ccoop_theme/images/app/background.jpg") repeat; position: absolute; right: -18px; height: 100%; top: 0; z-index: 500; } @media screen and (max-width: 767px) { /* line 285, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil .content:after, .page-contact.logged #main section.main-contact .contact-conseil .content:after { display: none; } } /* line 297, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil .content:before, .page-contact.logged #main section.main-contact .contact-conseil .content:before { content: ""; display: block; height: 18px; background: #ece4db url("../assets/themes/ccoop_theme/images/app/background.jpg") repeat; position: absolute; left: 0; width: 100%; top: 0; z-index: 500; } /* line 311, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil .content .contact-list li a, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a { color: #373737; } /* line 312, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil .content .contact-list li a.mentions, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a.mentions { color: #eaeaea; font-size: 12px; } /* line 313, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil .content .contact-list li a.tel.icon-bpce-circle-tel:before, .page-contact #main section.main-contact .contact-conseil .content .contact-list li a.email.icon-bpce-circle-email:before, .page-contact #main section.main-contact .contact-conseil .content .contact-list li a.mail.icon-bpce-circle-mail:before, .page-contact #main section.main-contact .contact-conseil .content .contact-list li a.prdvel.icon-bpce-circle-rdv:before, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a.tel.icon-bpce-circle-tel:before, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a.email.icon-bpce-circle-email:before, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a.mail.icon-bpce-circle-mail:before, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a.prdvel.icon-bpce-circle-rdv:before { content: none; } /* line 318, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil .content .contact-list li a.tel.icon-bpce-circle-tel, .page-contact #main section.main-contact .contact-conseil .content .contact-list li a.email.icon-bpce-circle-email, .page-contact #main section.main-contact .contact-conseil .content .contact-list li a.mail.icon-bpce-circle-mail, .page-contact #main section.main-contact .contact-conseil .content .contact-list li a.prdvel.icon-bpce-circle-rdv, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a.tel.icon-bpce-circle-tel, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a.email.icon-bpce-circle-email, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a.mail.icon-bpce-circle-mail, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a.prdvel.icon-bpce-circle-rdv { padding-top: 52px; background-repeat: no-repeat; background-position: center 0; font-size: 14px; color: #373737; } /* line 327, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil .content .contact-list li a.tel.icon-bpce-circle-tel, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a.tel.icon-bpce-circle-tel { background-image: url("../assets/themes/ccoop_theme/images/app/contact/telephone.png"); } /* line 328, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil .content .contact-list li a.email.icon-bpce-circle-email, .page-contact #main section.main-contact .contact-conseil .content .contact-list li a.mail.icon-bpce-circle-mail, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a.email.icon-bpce-circle-email, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a.mail.icon-bpce-circle-mail { background-image: url("../assets/themes/ccoop_theme/images/app/contact/messageriesecur.png"); margin-top: 20px; } .page-contact #main section.main-contact .contact-conseil .content .contact-list li a.prdvel.icon-bpce-circle-rdv, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a.prdvel.icon-bpce-circle-rdv { background-image: url("../assets/themes/ccoop_theme/images/app/contact/icon-rdv.png"); } @media screen and (max-width: 767px) { /* line 328, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil .content .contact-list li a.email.icon-bpce-circle-email, .page-contact #main section.main-contact .contact-conseil .content .contact-list li a.mail.icon-bpce-circle-mail, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a.email.icon-bpce-circle-email, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li a.mail.icon-bpce-circle-mail { margin-top: 0; } } /* line 337, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil .content .contact-list li:after, .page-contact.logged #main section.main-contact .contact-conseil .content .contact-list li:after { background-color: #eaeaea; top: -10px; } @media screen and (min-width: 768px) and (max-width: 999px) { /* line 343, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-conseil div.row.header-wrapper .col-md-3, .page-contact.logged #main section.main-contact .contact-conseil div.row.header-wrapper .col-md-3 { width: 100% !important; } } /* line 347, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations, .page-contact.logged #main section.main-contact .contact-informations { border: none; margin-bottom: 0; padding-top: 40px; padding-bottom: 50px; padding-left: 20px; padding-right: 40px; } @media screen and (max-width: 767px) { /* line 347, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations, .page-contact.logged #main section.main-contact .contact-informations { padding-right: 20px; margin-right: -22px; margin-left: -22px; } /* line 352, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations .map-agency button.show-map, .page-contact.logged #main section.main-contact .contact-informations .map-agency button.show-map { font-family: "extra1"; text-transform: uppercase; } } @media screen and (max-width: 479px) { /* line 347, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations, .page-contact.logged #main section.main-contact .contact-informations { margin-right: -8px; margin-left: -8px; padding-left: 15px; padding-right: 15px; } /* line 356, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations > div, .page-contact.logged #main section.main-contact .contact-informations > div { padding-left: 0; padding-right: 0; } } /* line 359, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations:before, .page-contact.logged #main section.main-contact .contact-informations:before { content: ""; display: block; height: 18px; background: #ece4db url("../assets/themes/ccoop_theme/images/app/background.jpg") repeat; position: absolute; left: 0; width: 100%; top: 0; z-index: 500; } /* line 371, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations .title, .page-contact.logged #main section.main-contact .contact-informations .title { font-weight: normal; color: #373737; } /* line 372, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations p, .page-contact.logged #main section.main-contact .contact-informations p { color: #373737; font-weight: 600; } @media screen and (max-width: 767px) { /* line 373, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations .separate, .page-contact.logged #main section.main-contact .contact-informations .separate { padding-left: 8px; padding-right: 8px; border-top-color: #eaeaea; } } @media screen and (max-width: 479px) { /* line 373, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations .separate, .page-contact.logged #main section.main-contact .contact-informations .separate { padding-left: 0px; padding-right: 0px; } } /* line 379, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations .separate:before, .page-contact.logged #main section.main-contact .contact-informations .separate:before { background-color: #eaeaea; height: calc(100% - 54px); top: 38px; left: -18px; margin: 0; } /* line 386, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations .alert-message, .page-contact.logged #main section.main-contact .contact-informations .alert-message { padding: 10px 10px 10px 46px; } /* line 387, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations .alert-message:before, .page-contact.logged #main section.main-contact .contact-informations .alert-message:before { content: "\e616"; font-size: 20px; top: 37px; color: #4D5B6B; left: 10px; } /* line 394, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations .address, .page-contact.logged #main section.main-contact .contact-informations .address { margin-top: 20px; } /* line 399, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations ul.tools a.tool, .page-contact.logged #main section.main-contact .contact-informations ul.tools a.tool { padding-left: 50px; color: #373737; background: none; background-color: #f5f5f5; } /* line 400, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations ul.tools a.tool:before, .page-contact.logged #main section.main-contact .contact-informations ul.tools a.tool:before { background-position: 1px 5px !important; width: 35px; } /* line 402, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations ul.tools a.tool.dialog:before, .page-contact.logged #main section.main-contact .contact-informations ul.tools a.tool.dialog:before { background-image: url("../assets/themes/ccoop_theme/images/app/contact/simulateur.png"); } /* line 403, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations ul.tools a.tool.callback:before, .page-contact.logged #main section.main-contact .contact-informations ul.tools a.tool.callback:before { background-image: url("../assets/themes/ccoop_theme/images/app/contact/comparateur.png"); } /* line 404, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations ul.tools a.tool.meeting:before, .page-contact.logged #main section.main-contact .contact-informations ul.tools a.tool.meeting:before { background-image: url("../assets/themes/ccoop_theme/images/app/contact/simulateur.png"); } /* line 405, ../sass/_contact.scss */ .page-contact #main section.main-contact .contact-informations ul.tools a.tool.mail:before, .page-contact.logged #main section.main-contact .contact-informations ul.tools a.tool.mail:before { background-image: url("../assets/themes/ccoop_theme/images/app/contact/comparateur.png"); } @media screen and (max-width: 767px) { /* line 415, ../sass/_contact.scss */ .page-contact.logged .row.header-wrapper + .row.contact-informations { padding-left: 38px !important; padding-right: 38px !important; } } @media screen and (max-width: 467px) { /* line 415, ../sass/_contact.scss */ .page-contact.logged .row.header-wrapper + .row.contact-informations { padding-left: 23px !important; padding-right: 23px !important; } } /* line 426, ../sass/_contact.scss */ .page-contact.logged .contact-informations.loading:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 1; filter: alpha(opacity=100); background: url("../assets/themes/ccoop_theme/images/app/loader-white.gif") center center #ffffff no-repeat; z-index: 200; } /* line 4, ../sass/_form_generic.scss */ button:focus, a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { outline: none !important; } /* line 15, ../sass/_form_generic.scss */ select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } /* line 20, ../sass/_form_generic.scss */ ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #4d4d4d !important; } /* line 23, ../sass/_form_generic.scss */ :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #4d4d4d !important; opacity: 1; } /* line 27, ../sass/_form_generic.scss */ ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #4d4d4d !important; opacity: 1; } /* line 31, ../sass/_form_generic.scss */ :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #4d4d4d !important; } /* line 35, ../sass/_form_generic.scss */ ::-webkit-input-placeholder { /* WebKit browsers */ text-align: left; } /* line 42, ../sass/_form_generic.scss */ .page-contact-form .form-container { background-color: transparent; } /* line 44, ../sass/_form_generic.scss */ .page-contact-form .header-wrapper h1 { margin-bottom: 0 !important; padding-bottom: 0; } /* line 47, ../sass/_form_generic.scss */ .page-contact-form .form-header { text-align: center; color: #373737; } /* line 51, ../sass/_form_generic.scss */ .page-contact-form .form-header h2 { text-transform: uppercase; font: 600 18px/24px 'main'; margin-top: 5px; } /* line 55, ../sass/_form_generic.scss */ .page-contact-form .form-header h2 br { content: ' '; } /* line 56, ../sass/_form_generic.scss */ .page-contact-form .form-header h2 br:after { content: ' '; } /* line 58, ../sass/_form_generic.scss */ .page-contact-form .form-header h2 span.text-red { color: #373737; font-weight: 600; } /* line 62, ../sass/_form_generic.scss */ .page-contact-form .form-header p { font: 400 14px/18px 'main'; } /* line 64, ../sass/_form_generic.scss */ .page-contact-form .form-header p span.text-italic { font-style: normal; } /* line 70, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content legend.form-legend { font: 24px/28px 'extra1'; color: #FFF; background-color: #7c5691; text-align: center; text-transform: uppercase; padding-bottom: 6px; padding-top: 6px; padding-right: 15px; padding-left: 15px; } /* line 81, ../sass/_form_generic.scss */ .page-faq#main section div.faq-navigation ul.sections li a, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections li a, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections li a, #pauth .modal-body .section-pro:before, .page-search #main .search-results .results-list p.result-title, .page-search #main .search-results .results-list p.result-description, .page-search #main .search-results .results-list p.result-link, .page-search #main .search-empty .row li, .page-contact-form .form-horizontal .form-content label, .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-intro, .page-contact-confirmation #main .confirmation-content .confirmation-message p, .page-contact-confirmation #main .confirmation-content .confirmation-blocks .confirmation-block-content h2 .contact-details p { font-size: 14px; line-height: 18px; color: #373737; font-family: 'main'; font-weight: 400; } /* line 88, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content { padding: 0; border: none; } /* line 93, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content legend.form-legend + *, .page-contact-form .form-horizontal .form-content legend.form-legend + div.layer-scheduler + div, .page-contact-form .form-horizontal .form-content legend.form-legend + div.form-group.department-error + div { -webkit-margin-top-collapse: separate; margin-top: 30px !important; } /* line 106, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .control-label { font-size: 14px; padding-top: 9px; } /* line 107, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content select { font-size: 14px; } /* line 108, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content select:hover { cursor: pointer; } /* line 110, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .buttons-inline .btn-default { font-size: 18px; font-weight: 600; width: 55px; padding-bottom: 5px; border-color: #ccccbd; padding-top: 9px; padding-bottom: 6px; margin-bottom: 5px; box-shadow: none !important; background-color: #FFF; } /* line 117, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .buttons-inline .btn-default:not(.active):hover { border-color: #4d4d4d; background-color: #FFF; } /* line 118, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .buttons-inline .btn-default.active { background-color: #eb6949; color: #FFF; border-color: #eb6949; } /* line 120, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .pauth-layer { max-width: 260px; } /* line 121, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .pauth-layer p { color: #373737; line-height: 18px; } /* line 122, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .pauth-layer p.account-link { width: auto; } /* line 123, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .form-control.input-medium, .page-contact-form .form-horizontal .form-content .form-control.input-small, .page-contact-form .form-horizontal .form-content select-fake { margin-left: 0px; width: 316px; } /* line 128, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .checkbox-integrated { margin-left: -29px; width: 316px; } /* line 131, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .checkbox-integrated label { font-size: 11px; line-height: 14px; } /* line 133, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .form-separator { margin: 10px; background-color: transparent; } /* line 135, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .form-control.input-medium, .page-contact-form .form-horizontal .form-content .form-control.input-small, .page-contact-form .form-horizontal .form-content .form-control.contact-message, .page-contact-form .form-horizontal .form-content .select-fake { border-color: #ccccbd; background-color: #f7f7f7; position: relative; font-size: 14px; color: #373737; line-height: 100%; height: 35px; text-align: left; padding-top: 1px; padding-left: 3px; } /* line 144, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .col-xs-12.col-md-6 .select-fake { padding-top: 1px; } /* line 145, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .form-control.input-medium, .page-contact-form .form-horizontal .form-content .form-control.input-small { padding-left: 9px; padding-right: 9px; } /* line 147, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .col-xs-12.col-md-9 .select-fake.form-control { border: none; } /* line 148, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .col-xs-12.col-md-9 .select-fake.form-control select { margin-top: -1px; height: 33px !important; } /* line 151, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .col-xs-12.col-md-9 select { margin-top: -1px; } /* line 153, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content textarea.form-control.contact-message { height: 143px; padding: 12px; margin-bottom: 21px; } /* line 154, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .select { font-size: 14px; } /* line 155, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .select-fake > select { height: 100%; color: #373737; } /* line 158, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .col-xs-12.col-md-9, .page-contact-form .form-horizontal .form-content .select-subject-container { background: #f7f7f7 url("../assets/themes/ccoop_theme/images/app/contact-form/select-bg.png") no-repeat right top; width: 316px; } @media screen and (max-width: 767px) { /* line 158, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .col-xs-12.col-md-9, .page-contact-form .form-horizontal .form-content .select-subject-container { width: calc(100% - 8px); } } /* line 166, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .col-xs-12.col-md-9 { background-position: 100% 0; padding-right: 0; padding-left: 0; margin-left: 8px; border: solid 1px #ccccbd; height: 33px; overflow: hidden; } @media screen and (max-width: 767px) { /* line 166, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .col-xs-12.col-md-9 { width: 95%; width: calc(100% - 15px); } } @media screen and (max-width: 768px) { /* line 179, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .col-xs-12.col-md-9 .select-fake.form-control { width: 100%; } } /* line 184, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .col-xs-12.col-md-9 select { width: 110%; border: none; } /* line 185, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content select.form-control[disabled] { background-color: transparent; border-color: #ccccbd; } /* line 188, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content select.form-control { border-color: #ccccbd; background-color: transparent; } /* line 189, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .form-control.contact-message { margin: 0 auto; width: 482px; } /* line 193, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content label.radio-inline input[type="radio"]:after { content: " "; display: block; width: 18px; height: 18px; background-color: #f7f7f7; position: relative; border-radius: 9px; left: -3px; top: -3px; border: solid 1px #ccccbd; -webkit-appearance: none; box-shadow: 0 0 0 4px #FFF; } /* line 207, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content label.radio-inline input[type="radio"]:checked:after { background-color: #FFF; border-color: #eb6949; border-width: 6px; } /* line 213, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .parsley-error-list, .page-contact-form .form-horizontal .form-content .custom-error-message { color: #c8121A; line-height: 18px; margin-top: 8px; } /* line 217, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .form-group.error .form-control { border-color: #c8121A; } /* line 219, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler { margin: 0 15px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3); } /* line 220, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-availabilities ul li .availabilities-date { width: 234px; } /* line 221, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-selected { margin-left: 290px; } /* line 222, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-dates { position: relative; float: left; } /* line 223, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-title { color: #7c5691; font-weight: 600; } /* line 224, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .contact-availabilities ul { margin: 10px 0 0px 56px; } /* line 225, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .contact-availabilities ul li .availabilities-date { width: 232px; } /* line 226, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-availabilities ul li .availabilities-date, .page-contact-form .form-horizontal .form-content .contact-availabilities ul li .availabilities-date { box-shadow: none; border-color: #eaeaea; background-color: #f7f7f7; } /* line 228, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-days, .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-hours { margin: 0; width: 244px; border: 2px solid #ccccbd; height: 34px; } /* line 235, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-days:after { border-bottom: solid 4px #eb6949; display: block; position: absolute; width: 240px; top: 30px; left: 2px; } /* line 243, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-days li.active, .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-days li:active, .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-days li.active:active { color: #FFF; background-color: #eb6949; } /* line 248, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-days li { width: 40px; } /* line 249, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-hours { border-top: none; } /* line 250, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-days li, .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-hours li { border-right: 2px solid #eaeaea; color: #373737; } /* line 252, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-days li:last-child, .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-hours li:last-child { border-right: none; } /* line 255, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-hours > li a { border-left: none; } /* line 257, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .input-fake { font-style: normal; color: #373737; } /* line 258, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .input-fake.form-control.input-calendar.input-medium { padding-top: 10px; padding-left: 9px; } /* line 259, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .input-calendar { background-position: right center; } /* line 260, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .input-calendar:hover { cursor: pointer; } /* line 262, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-intro { margin-bottom: 15px; } /* line 263, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-actions { margin-top: 30px; text-align: right; } @media screen and (max-width: 620px) { /* line 263, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-actions { text-align: center; } } /* line 269, ../sass/_form_generic.scss */ .page-contact-form .form-actions { margin-top: 0; margin-bottom: 0; background-color: #fff; width: 648px; margin: 0 auto; padding: 30px 75px 35px; text-align: right; } /* line 277, ../sass/_form_generic.scss */ .page-contact-form .form-actions button { display: inline-block; } /* line 278, ../sass/_form_generic.scss */ .page-contact-form .form-actions button.cta:after, .page-contact-form .form-actions #main .push-image .push-content button.cta:after, #main .push-image .push-content .page-contact-form .form-actions button.cta:after, .page-contact-form .form-actions #pauth button.cta:after, #pauth .page-contact-form .form-actions button.cta:after, .page-contact-form .form-actions #pauth button.cta-second:after, #pauth .page-contact-form .form-actions button.cta-second:after { display: none !important; } /* line 280, ../sass/_form_generic.scss */ .page-contact-form .form-terms { width: 648px; margin: 25px auto -10px; color: #373737; } @media screen and (min-width: 768px) { /* line 291, ../sass/_form_generic.scss */ .page-contact-form .pauth-layer { margin-left: 56px; } /* line 292, ../sass/_form_generic.scss */ .page-contact-form .form-group label { width: 158px; } /* line 293, ../sass/_form_generic.scss */ .page-contact-form .form-group label.radio-inline { width: inherit; } /* line 294, ../sass/_form_generic.scss */ .page-contact-form .form-group label + div { width: 332px; } /* line 295, ../sass/_form_generic.scss */ .page-contact-form .form-group.radios-inline label + div { width: auto; } /* line 296, ../sass/_form_generic.scss */ .page-contact-form .form-group.radios-inline label + div span.required { width: 316px; display: block; } /* line 297, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal label.control-label.col-md-5, .page-contact-form .form-horizontal label.control-label { margin-left: 90px; padding-left: 0; } /* line 299, ../sass/_form_generic.scss */ .page-contact-form .form-group-department .contact-department-bank { position: relative; top: 9px; right: 0; margin-top: 0; width: 316px; } /* line 305, ../sass/_form_generic.scss */ .page-contact-form .form-group-department .contact-department-bank span { font-style: normal; } /* line 306, ../sass/_form_generic.scss */ .page-contact-form .form-group-department .contact-department-bank .text-red { color: #eb6949; font-weight: 600; } } @media screen and (max-width: 767px) { /* line 318, ../sass/_form_generic.scss */ .page-contact-form .form-header { padding-left: 15px; padding-right: 15px; margin-right: 15px; margin-left: 15px; margin-bottom: 20px; } /* line 324, ../sass/_form_generic.scss */ .page-contact-form .form-header p { margin-left: -20px; margin-right: -20px; } /* line 327, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content { margin-left: 0px; margin-right: 0px; margin-bottom: 0; } /* line 330, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .form-group { padding-left: 7px; padding-right: 7px; margin-left: 0; margin-right: 0; } /* line 331, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .form-control.input-medium, .page-contact-form .form-horizontal .form-content .form-control.input-small, .page-contact-form .form-horizontal .form-content select-fake, .page-contact-form .form-horizontal .form-content .select-fake.form-control, .page-contact-form .form-horizontal .form-content .select-subject-container, .page-contact-form .form-horizontal .form-content .form-group.radios-inline label + div span.required, .page-contact-form .form-horizontal .form-content .checkbox-integrated, .page-contact-form .form-horizontal .form-content .form-group-department .contact-department-bank, .page-contact-form .form-horizontal .form-content .form-control.contact-message { width: 100%; } /* line 342, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content fieldset.message .select-fake.form-control { width: 85%; width: calc(100% - 8px); } /* line 347, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .form-control.contact-message { margin-left: 15px; margin-right: 15px; width: 90%; width: calc(100% - 30px); } /* line 352, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .checkbox-integrated { margin-left: 0; } /* line 353, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content span.required, .page-contact-form .form-horizontal .form-content .department-error.text-red, .page-contact-form .form-horizontal .form-content .custom-error-message { font-size: 14px; } /* line 358, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .scheduler-content { padding: 13px 22px 22px 27px; } /* line 359, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .scheduler-actions { text-align: center; } /* line 361, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-close { top: 10px; right: 10px; } /* line 364, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-availabilities ul li .availabilities-date { width: 205px; } /* line 368, ../sass/_form_generic.scss */ .page-contact-form .form-actions { width: auto; padding: 30px 7px 35px 15px; margin-left: 0; margin-right: 0; } /* line 374, ../sass/_form_generic.scss */ .page-contact-form .form-terms { width: 100%; margin: 25px auto -10px; padding-left: 0; padding-right: 0; } } @media screen and (max-width: 380px) { /* line 381, ../sass/_form_generic.scss */ .page-contact-form .form-actions { text-align: center; padding-left: 50px; padding-right: 50px; padding-bottom: 50px; } /* line 387, ../sass/_form_generic.scss */ .page-contact-form .form-actions a.cta.cta-cancel, .page-contact-form .form-actions #main .push-image .push-content a.cta-cancel.cta, #main .push-image .push-content .page-contact-form .form-actions a.cta-cancel.cta, .page-contact-form .form-actions #pauth a.cta-cancel.cta, #pauth .page-contact-form .form-actions a.cta-cancel.cta, .page-contact-form .form-actions #pauth a.cta-cancel.cta-second, #pauth .page-contact-form .form-actions a.cta-cancel.cta-second { position: relative; top: 36px; margin-top: 15px; } /* line 388, ../sass/_form_generic.scss */ .page-contact-form .form-actions button[type="submit"] { position: relative; top: -36px; margin-top: -15px; } } @media screen and (max-width: 619px) { /* line 395, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-selected { margin-left: 0; } /* line 396, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .scheduler-content { padding: 13px 5px 22px 5px; } /* line 397, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .scheduler-schedule { text-align: center; } /* line 398, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-dates { margin: 0 auto; float: none; } /* line 399, ../sass/_form_generic.scss */ .page-contact-form .form-horizontal .form-content .contact-availabilities ul { margin: 10px 0 0px 0; } } /* line 410, ../sass/_form_generic.scss */ .page-contact-confirmation #main .header-wrapper h1 { margin-bottom: 0 !important; padding-bottom: 0; } /* line 413, ../sass/_form_generic.scss */ .page-contact-confirmation #main .confirmation-content { background-color: transparent; } /* line 414, ../sass/_form_generic.scss */ .page-contact-confirmation #main .confirmation-content .confirmation-blocks { border: none; } /* line 415, ../sass/_form_generic.scss */ .page-contact-confirmation #main .confirmation-content .confirmation-message { padding-top: 5px; padding-bottom: 30px; max-width: 482px; width: auto; margin: 0 auto; } /* line 419, ../sass/_form_generic.scss */ .page-contact-confirmation #main .confirmation-content .confirmation-blocks { margin-left: 84px; margin-right: 84px; display: table; table-layout: fixed; } /* line 420, ../sass/_form_generic.scss */ .page-contact-confirmation #main .confirmation-content .confirmation-blocks .confirmation-block { display: table-cell; max-width: inherit !important; width: 33.33333%; } /* line 422, ../sass/_form_generic.scss */ .page-contact-confirmation #main .confirmation-content .confirmation-blocks .confirmation-block-content h2 { color: #373737; font-size: 24px; padding-left: 0; margin-left: 0; } /* line 423, ../sass/_form_generic.scss */ .page-contact-confirmation #main .confirmation-content .confirmation-blocks .confirmation-block-content h2:after { height: 4px; width: 196px; background-color: #eb6949; left: 0; } /* line 424, ../sass/_form_generic.scss */ .page-contact-confirmation #main .confirmation-content .confirmation-blocks .confirmation-block-content h2 span.icon { display: none; } /* line 427, ../sass/_form_generic.scss */ .page-contact-confirmation #main .confirmation-content .confirmation-blocks .confirmation-block-content .contact-timetable li { border: none; box-shadow: none; margin: 0; padding: 0; font-weight: 600; line-height: 24px; } /* line 430, ../sass/_form_generic.scss */ .page-contact-confirmation #main .confirmation-content .confirmation-action { padding: 40px 0 11px; text-align: left; margin-left: 84px; } @media screen and (max-width: 999px) { /* line 439, ../sass/_form_generic.scss */ .page-contact-confirmation #main .confirmation-content .confirmation-blocks { display: block; padding: 30px 25px 30px; } /* line 440, ../sass/_form_generic.scss */ .page-contact-confirmation #main .confirmation-content .confirmation-blocks .confirmation-block { display: block; width: 100%; } .product-page .header-wrapper .addThisWrapper { float:none; } } @media screen and (max-width: 479px) { /* line 448, ../sass/_form_generic.scss */ .page-contact-confirmation #main .confirmation-content .confirmation-blocks { margin-left: 15px; margin-right: 15px; } /* line 450, ../sass/_form_generic.scss */ .page-contact-confirmation #main .confirmation-content .confirmation-action { margin-right: 15px; } } /* line 37, ../sass/_pages.scss */ .container section.section-rebound:last-child { margin-bottom: 0px !important; } @media screen and (min-width: 768px) { /* line 235, ../sass/_pages.scss */ .ariane .home.active a span.ico.icon-bpce-home span { display: none !important; } } /* line 284, ../sass/_ope_com.scss */ .section-images-content .push-media .content .ezxmltext-field p a { color: #7c5691; font-weight: 700; text-decoration: none; } /* line 289, ../sass/_ope_com.scss */ .section-images-content .push-media .content .ezxmltext-field p a:hover { text-decoration: underline; } /* line 314, ../sass/_ope_com.scss */ .section-simple-content .ezxmltext-field h3 { margin-bottom: 20px; margin-top: -15px; font-family: "extra1"; font-weight: normal !important; text-transform: uppercase; line-height: 1.1em; font-size: 24px !important; color: #ea7f49; text-align: center; padding-bottom: 10px; } .page-faq#main section div.faq-questions div.subheader, .page-faq#main .has-navigation.faq-summary div.faq-questions div.subheader, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.subheader { background-color: #fff; margin-bottom: 20px; padding: 24px 20px; } .page-faq#main section div.faq-questions div.subheader .subheader-category, .page-faq#main .has-navigation.faq-summary div.faq-questions div.subheader .subheader-category, .page-faq#main .has-navigation.faq-showquestion div.faq-questions div.subheader .subheader-category { font-size: 14px; text-transform: uppercase; color: #373737; } .page-faq#main section div.faq-navigation ul.sections li a.section-group.has-submenu::after, .page-faq#main .has-navigation.faq-summary div.faq-navigation ul.sections li a.section-group.has-submenu::after, .page-faq#main .has-navigation.faq-showquestion div.faq-navigation ul.sections li a.section-group.has-submenu::after { color: #646464; content: "\e63b"; font-size: 15px; margin-top: -8px; right: 17px; top: 50%; } .page-crossroads .push-offer .push-terms { border: 0px; padding: 0px; } .page-contact-form .form-horizontal .form-content .col-xs-12.col-md-9, .page-contact-form .form-horizontal .form-content .select-subject-container { background-image: url("../assets/themes/ccoop_theme/images/app/contact-form/select-bg.png") !important; } .page-contact-form .input-calendar { background-image: url("../assets/themes/ccoop_theme/images/app/contact-form/icon-calendar.png") !important; } .section-faq .testimony-wrapper .col-md-6 { padding:0; border-right: 2px solid transparent; } .section-faq .testimony-wrapper .col-md-6 + .col-md-6 { border-right: 0px; border-left: 2px solid transparent; } #header .container nav .nav-tabs > li > a { text-transform: uppercase; } #header .container nav .nav-tabs > li > a.active, .layout-fluid #header .off-canvas .inner nav .nav-tabs > li > a.active { right: -1px; z-index: 100; } .page-search > .container > section { background: #fff; margin: 0 !important; } #main.page-search h1.title-level1 { margin-bottom: 0; } #main.page-search .results-stats p { padding-bottom: 45px; margin: 0; } .page-search * { color: #373737; } .page-search .results-list ul li .result-title { color: #373737; font-family: "extra1"; font-size: 14px; font-weight: 400; line-height: 18px; } .page-search .results-list ul li .result-link { display: inline-block; font-style: normal; font-size: 14px; margin-bottom: 2px; margin-top: 4px; font-style: normal; } .page-search .results-list ul li .result-link:hover { text-decoration: underline; } .page-search .search-research { text-align: center; width: auto; } .page-search .search-research .search-box { width: auto; background: #f7f7f7; } .page-search .search-research .search-box:before { right: 8px; top: 8px; left: auto; color: #fff; z-index: 1000; } #main.page-search .search-research .search-box .search-send { text-indent: -9999px; width: 38px; background: #707173 !important; } .page-search .search-research .search-box .search-input { height: 35px; background: #f7f7f7; margin-left: 10px; width: 170px; color: #373737; } .page-search .search-empty .search-suggestions h3 { border-bottom: 0px; font-weight: normal; } .page-search .search-empty .search-suggestions ul { list-style-type: none; } .page-search .search-pagination ul li { font-size: 14px; line-height:10px; } .page-search .search-pagination ul li a { padding: 8px 8px 6px; font-size: 14px; } .page-search .search-pagination ul li.current { background-color: #7c5691; color: #fff; padding: 8px 8px 6px; } .page-search .search-pagination ul li.previous, .page-search .search-pagination ul li.next { width: 0; vertical-align: -7px; } .page-search .search-pagination ul li.previous a, .page-search .search-pagination ul li.next a { background-image: none; padding: 0; position: relative; width: 0; } .page-search .search-pagination ul li.previous a:before, .page-search .search-pagination ul li.next a:after { display: inline-block; font-size: 14px; font-weight: 600; position: absolute; top: 2px; } .page-search .search-pagination ul li.previous a:before { content: "Précédent"; padding: 8px 8px 6px; right: 10px; } .page-search .search-pagination ul li.previous a:after { content: '\e649'; right: 85px; padding: 8px 8px 6px; transform: rotate(90deg); font-family: 'bpce-icons'; } .page-search .search-pagination ul li.next a:before { content: '\e64A'; left: 70px; padding: 8px 8px 6px; transform: rotate(90deg); font-family: 'bpce-icons'; } .page-search .search-pagination ul li.next a:after { content: "Suivant"; left: 10px; padding: 8px 8px 6px; } .page-contact-form .select-fake { background: url(../assets/themes/ccoop_theme/images/app/contact-form/select-bg.png) no-repeat right center; } #main .section-theater h2.title-section + .description { text-align:center; font-size: 14px; font-weight: normal; text-transform: uppercase; } .interblock .interblock_h2 { font-family: "extra1"; font-size: 30px !important; font-weight: normal; letter-spacing: 0; line-height: 1.1em; text-align: left; text-transform: uppercase; } .header-wrapper.with-lng > .actions { float: right; } .page-crossroads .block-pushes.block-needs .tab-pane .pushes-switcher a { background: transparent url("../assets/themes/ccoop_theme/images/app/crossroads/pushes-switcher-prev.png") no-repeat right center; height: 100%; margin-left: 2px; min-height: 284px; outline: 0 none; width: 19px; } .page-crossroads .block-pushes.block-needs .tab-pane:first-child .pushes-switcher a { background: transparent url("../assets/themes/ccoop_theme/images/app/crossroads/pushes-switcher-next.png") no-repeat left center; margin-left: -3px; } .page-crossroads .contact.logged-in h2 { text-transform: uppercase; } .form-group.captcha { margin-bottom: 0px; } .page-crossroads .interblock.with-images .interblock-links .link .icon { display:inline-block !important; } .block-pushes .push > div.push-basic .push-content .btn-container div.btn { margin-top: 0 !important; } .page-contact .contact-number > div { padding: 40px 68px; } .page-contact .contact-number { background-color: #fff; background-repeat: no-repeat; background-position: 700px center; } .page-contact .contact-number > div h2.title{ margin-bottom: 15px; font-family: "extra1"; font-size: 30px !important; font-weight: normal; letter-spacing: 0; line-height: 1.1em; text-align: left; text-transform: uppercase; color: #373737; } .page-contact .contact-number > div p { margin-bottom:30px; } .page-contact .bloc-contact-deconnecte .main-contact { background: #fff; } .page-contact section.main-contact .col-md-3.hidden-xs.hidden-sm { width: 74px; } .page-contact section.main-contact .col-md-3.hidden-xs.hidden-sm + .col-xs-12.col-md-9 { width: 84.5% !important; padding:0; } .page-contact section.main-contact .title-level1 { font-size: 30px !important; margin-bottom: 15px; margin-top: 0; padding-left: 0; padding-top: 40px; text-align: left; color: #373737; font-family: "extra1"; font-size: 30px; font-weight: normal; line-height: 1.2; text-transform: uppercase; } .page-contact section.main-contact .push-call .content { display:block; height:120px; line-height:normal; padding-top: 10px; } .page-contact .call-pushes .push-call .cta, .page-contact .call-pushes .push-callback .cta, .page-contact .call-pushes .push-client .cta { background: none !important; color: #373737 !important; padding: 8px 15px !important; border: 2px solid #373737 !important; } .page-contact .call-pushes .push-call .cta:hover, .page-contact .call-pushes .push-callback .cta:hover, .page-contact .call-pushes .push-client .cta:hover { background: #373737 !important; color: #ffffff !important; } .page-contact .call-pushes .push-call .cta:after, .page-contact .call-pushes .push-callback .cta:after, .page-contact .call-pushes .push-client .cta:after { content: ""; } .page-contact-form > .container > section.row { margin: 0 15px; } .page-contact-form > .container { overflow: hidden; padding: 0; } .page-search > .container > section.search-empty { margin: 0 0 50px !important; padding-bottom: 50px; } .page-search > .container > section.search-empty h3 { margin-bottom: 0; } .page-search > .container > section.search-empty ul { margin: 16px 0 32px 158px; } .page-search > .container > section.search-research { margin: 0 0 50px !important; padding-bottom: 50px; } .layout-fluid #header .container .speed-links { width: auto !important; } #header .container .contact-wrapper .other-links.links-advice a { padding-left:70px; width:auto; } #header .container .contact-wrapper .other-links.links-advice a:after { background:none; } .page-contact-form .layer-scheduler .scheduler-dates, .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-days, .page-contact-form .form-horizontal .form-content .layer-scheduler .scheduler-hours { width:auto; } .page-contact-form .layer-scheduler .scheduler-dates { overflow:hidden; } .section-simple-content .push { margin-top: 0; } @media screen and (max-width: 980px) { .pushes-slider .owl-buttons{ display:block } } #header .container .speed-links { margin-top:26px; } .ezxmltext-field a { text-decoration: none; } .answer .answer-wrapper .ezxmltext-field ul li:before { color: #fff; } a#MM_HISTORIQUE_COMPTE_popinDetailsCAT:focus { background: #fff none repeat scroll 0 0; border-color: #373737; color: #373737; } a#MM_HISTORIQUE_COMPTE_popinDetailsCAT:focus span.picto-plus { background: rgba(0, 0, 0, 0) url("../assets/themes/ccoop_theme/assets/themes/ccoop_theme/css/css1301_img/pi-plus-2.png") no-repeat scroll left 3px } .push-basic .push-icon .push-icon-image img.vignette-pdf-ccoop { max-height: 50px !important; } .page-crossroads .block-pushes.block-thematic .block-header.override-color { background-color: #10a091 !important; } @media screen and (min-width: 768px) { .section-contact .contact.logged-in { margin: 0 auto !important; } } .section-main-push { background: #FFF; }