.container-fluid{margin-right:auto;margin-left:auto;}.row{box-sizing:border-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display: flex;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%}.row.reverse{-ms-flex-direction:row-reverse;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}.col.reverse{-ms-flex-direction:column-reverse;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-xs{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-0{-ms-flex-preferred-size:0%;flex-basis:0%;max-width:0%;padding:0}.col-xs-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-xs-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-xs-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-xs-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-xs-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:left;text-align:start}.center-xs{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-xs{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:right;text-align:end}.top-xs{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-xs{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-xs{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-xs{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-xs{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}@media only screen and (min-width:48em){.container{width:46rem;margin:0 auto}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-sm{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-0{-ms-flex-preferred-size:0%;flex-basis:0%;max-width:0%;padding:0}.col-sm-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-sm-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-sm-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-sm-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-sm-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}.start-sm{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:left;text-align:start}.center-sm{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-sm{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:right;text-align:end}.top-sm{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-sm{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-sm{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-sm{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-sm{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}}@media only screen and (min-width:62em){.container{width:61rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-md{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-0{-ms-flex-preferred-size:0%;flex-basis:0%;max-width:0%;padding:0}.col-md-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-md-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-md-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-md-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-md-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}.start-md{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:left;text-align:start}.center-md{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-md{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:right;text-align:end}.top-md{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-md{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-md{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-md{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-md{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}}@media only screen and (min-width:80em){.container{width:74rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-lg{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-0{-ms-flex-preferred-size:0%;flex-basis:0%;max-width:0%;padding:0}.col-lg-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-lg-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-lg-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-lg-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-lg-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}.start-lg{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-lg{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-lg{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-lg{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-lg{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-lg{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-lg{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-lg{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}} .row.justify_center { justify-content: center } .col-xs-12.center { margin: 0 !important; } /* CSS reset */ * { margin: 0; padding: 0; border: 0; box-sizing: border-box; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; outline: none; } article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object { display:block; } figure { position:relative; } figure img { width:100%; } .mapp-layout * { -webkit-transition: all 0s ease-in; -moz-transition: all 0s ease-in; -o-transition: all 0s ease-in; -ms-transition: all 0s ease-in; transition: all 0s ease-in; } i::before { -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } h1, h2, h3, h4, h5, h6, .h1_style, .h2_style, .h3_style, .h4_style, .h5_style, .h6_style { clear: both; font-weight: 700; font-size: 1rem; line-height: 1.2em; margin-bottom: 1em; color: #524e55 } h1 { font-size: 1.7rem; font-weight: 900; } h2 { font-weight: 900; font-size: 1.4rem; color: #524e55 } h3, h4, h5, h6, .h3_style, .h4_style, .h5_style, .h6_style { font-size: 1.1rem; font-weight: 700 } img, object, embed { max-width: 100%; height: auto; } svg { stroke-linejoin:round; stroke-width:2px; height: 100%; -webkit-transition: all 0s ease-in; -moz-transition: all 0s ease-in; -o-transition: all 0s ease-in; -ms-transition: all 0s ease-in; transition: all 0s ease-in; overflow: hidden } svg * { -webkit-transition: all 0s ease-in; -moz-transition: all 0s ease-in; -o-transition: all 0s ease-in; -ms-transition: all 0s ease-in; transition: all 0s ease-in; font-family: 'Catamaran', Arial, sans-serif; } code { line-height: 1em; } strong { font-weight: 700; } pre { overflow: auto; clear: both; white-space: pre; font-family: inherit; } sub, sup { line-height: 0.5em; } a { color: inherit; text-decoration: none; position: relative } p { clear: both; padding: 0 0 1rem; width: 100% } ul, ol { clear: both; padding: 0 0 1rem; list-style-type: none } li { padding: 0 0 0.7rem } select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #ffffff url('images/fleche-deroule.png') no-repeat 98% 50%; padding-right: 2.5rem } select::-ms-expand { display: none; } input, select, textarea { font-family: inherit } option { padding: 0 0.4rem; font-family: inherit; font-size: 1rem } iframe { max-width: 100%; } .clear { clear: both; display: block; } .required { font-weight: bold; font-size: 1.2em; } .displaynone { display: none } .post_image, .thumb { display: block; } .alignleft, .left, img[align="left"] { display: block; float: left; } .alignright, .right, img[align="right"] { display: block; float: right; } .aligncenter, .center, img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; text-align: center; } .alignnone { clear: both; } .block { display: block; clear: both; } .relative { position: relative } p.cta { display: flex; align-self: flex-end; justify-content: center } p.cta a, a.cta { padding: 1rem 2rem; background-color: #ffffff; border: 1px solid #cfcaca; text-transform: uppercase; font-weight: 900; display: flex; align-items: center; justify-content: center; line-height: 1.4em } p.cta a img, a.cta img { margin-right: 0.8rem; height: 18px; width: auto } p.cta a:hover, a.cta:hover { background-color: #94107e; color: #ffffff } p.cta a:hover img, .nopadding { padding-left: 0; padding-right: 0 } .button { white-space: normal } *::selection { background-color: #000000; color: #ffffff } *::-moz-selection { background-color: #000000; color: #ffffff } #tarteaucitronAlertSmall, #tarteaucitronIcon { display: none !important } .mejs-container { width: 100% !important; height: 100% !important; position: relative !important; } .wp-video-shortcode { width: 100% !important; height: 100% !important } .mejs-overlay-button { height: 80px !important } .mejs-controls { height: auto !important; bottom: 10px !important } /* ---------------- */ /* smallest screens */ /* ---------------- */ html { background-color: #f4f4f4 } body { font-size: 16px; line-height: 1.2rem; background-color: #ffffff; color: #0a070d; font-family: 'Catamaran', Arial, sans-serif;; overflow-x: hidden } /* Header */ .header { text-align: center; padding-top: 4rem; position: relative } .header .menu_control { position: absolute; top: 0.5rem; left: 0.5rem; font-size: 2rem; cursor: pointer } .header .help_control { position: absolute; top: 0.5rem; right: 0.3rem; font-size: 1.6rem; cursor: pointer; padding: 0.2rem } .header_logo { font-weight: 700; font-size: 0.8rem } .header_slogan { display: none } .header_search form { border-bottom: 1px solid #cfcaca; display: flex; padding-bottom: 0.5rem; margin-top: 1rem; margin-bottom: 2rem } .header_search form img { margin-right: 1rem; cursor: pointer } .header_search form input { flex: 1; font-size: 1rem; width: 100% } .header_search .search_submit { display: none } .header_help { color: #94107e; display: flex; align-items: flex-start; justify-content: center; } .header_help > img { margin-right: 1rem; margin-top: 0.2rem; } .header_help > div { text-align: left } .header_help a { white-space: nowrap } .header_help a.link_picto { margin-right: 1rem; display: flex; align-items: center; font-weight: bold } .header_help a.link_picto img { margin-left: 0.4rem } .header_help a.link_picto:hover img { -moz-animation: rotateit 1.5s linear; -o-animation: rotateit 1.5s linear; -webkit-animation: rotateit 1.5s linear; animation: rotateit 1.5s linear } .header_quotation { position: relative; font-weight: 700; padding: 1.2rem 0.4rem; text-align: center } .header_quotation a { display: block; position: relative } .header_quotation .number { position: absolute; top: -0.3rem; background-color: #f42442; border-radius: 100%; color: #ffffff; font-weight: 700; display: inline-block; width: 1.6rem; line-height: 1.6rem; margin-left: -0.5rem; left: calc( 50% + 12px ); } .header_quotation img { padding-bottom: 0rem } .header_quotation p { padding: 0 } .header_quotation .border { display: none } .header_help_search, .header_menu { -webkit-transition: all 0s ease-in; -moz-transition: all 0s ease-in; -o-transition: all 0s ease-in; -ms-transition: all 0s ease-in; transition: all 0s ease-in; display: none } .header_menu .main_menu { margin-top: 2rem } .header_menu .main_menu .sub-menu-container { padding: 0; display: none; -webkit-transition: all 0s ease-in; -moz-transition: all 0s ease-in; -o-transition: all 0s ease-in; -ms-transition: all 0s ease-in; transition: all 0s ease-in; } .header_menu .main_menu .sub-menu-container .sub-menu-title, .header_menu .main_menu .sub-menu-container .sub-menu-thumbnail { display: none } .header_menu .main_menu .sub-menu { padding: 0; position: relative; height: 100% } .header_menu .main_menu li { padding: 0 } .header_menu .main_menu li.covid_19 > a { color: #498bbd } .header_menu .main_menu li > a { display: block; padding: 1rem 0.4rem; position: relative; z-index: 5 } .header_menu .main_menu > li > a { text-align: center; font-weight: 900; color: #390c5b; text-transform: uppercase; } .header_menu .main_menu li.menu-item-has-children > a > span.menu_title > i { position: absolute; right: 0rem; top: 0rem; cursor: pointer; z-index: 9; display: flex; align-items: center; justify-content: center; width: 4rem; height: 100% } .header_menu .main_menu li.menu-item-has-children > a > span.menu_title > i.icon-angle-right { display: none } .header_menu .main_menu > li { border: 1px solid #cfcaca; border-top: none } .header_menu .main_menu > li:first-child { border-top: 1px solid #cfcaca } .header_menu .main_menu li > a:hover { background-color: #43354d; color: #ffffff } .header_menu .main_menu li:hover > a, .header_menu .main_menu li.current-menu-item > a, .header_menu .main_menu li.current_page_item > a, .header_menu .main_menu li.current-menu-ancestor > a, .header_menu .main_menu li.current-page-ancestor > a, .header_menu .main_menu li.current-post-ancestor > a, .header_menu .main_menu li.current_page_item > a, .header_menu .main_menu li.current-product-parent > a, .header_menu .main_menu li.current-product-ancestor > a, .header_menu .main_menu li.current-menu-parent > a, .header_menu .main_menu li.current-menu-item > a { background-color: #390c5b; color: #ffffff } .header_menu .main_menu .sub-menu-container li > a:hover, .header_menu .main_menu .sub-menu-container li:hover > a { background-color: #94107e; color: #ffffff } .header_menu .main_menu .sub-menu-container li.current-menu-item > a, .header_menu .main_menu .sub-menu-container li.current_page_item > a, .header_menu .main_menu .sub-menu-container li.current-menu-ancestor > a, .header_menu .main_menu .sub-menu-container li.current-page-ancestor > a, .header_menu .main_menu .sub-menu-container li.current-post-ancestor > a, .header_menu .main_menu .sub-menu-container li.current_page_item > a, .header_menu .main_menu .sub-menu-container li.current-product-parent > a, .header_menu .main_menu .sub-menu-container li.current-product-ancestor > a, .header_menu .main_menu .sub-menu-container li.current-menu-parent > a, .header_menu .main_menu .sub-menu-container li.current-menu-item > a { background-color: #390c5b; color: #ffffff } .header_menu .main_menu .sub-menu-container .sub-menu-container li > a:hover { background-color: #cfcaca; color: #161419 } .header_menu .main_menu .sub-menu-container .sub-menu-container li:hover > a, .header_menu .main_menu .sub-menu-container .sub-menu-container li.current-menu-item > a, .header_menu .main_menu .sub-menu-container .sub-menu-container li.current_page_item > a, .header_menu .main_menu .sub-menu-container .sub-menu-container li.current-menu-ancestor > a, .header_menu .main_menu .sub-menu-container .sub-menu-container li.current-page-ancestor > a, .header_menu .main_menu .sub-menu-container .sub-menu-container li.current-post-ancestor > a, .header_menu .main_menu .sub-menu-container .sub-menu-container li.current_page_item > a, .header_menu .main_menu .sub-menu-container .sub-menu-container li.current-product-parent > a, .header_menu .main_menu .sub-menu-container .sub-menu-container li.current-product-ancestor > a, .header_menu .main_menu .sub-menu-container .sub-menu-container li.current-menu-parent > a, .header_menu .main_menu .sub-menu-container .sub-menu-container li.current-menu-item > a { background-color: #f4f4f4; color: #0a070d } .header_menu .main_menu .sub-menu-container li a { font-weight: 700 } .header_menu .main_menu .sub-menu-container .sub-menu-container { position: relative; border: none } .header_menu .main_menu .sub-menu-container .sub-menu-container li a { font-weight: 400 } .header_menu .main_menu .sub-menu-container .sub-menu-container .sub-menu-container li a { font-size: 0.8rem } /* breacrumb */ .breadcrumb { background-color: #f4f4f4; border-top: 1px solid #cfcaca; border-bottom: 1px solid #cfcaca; margin: 1.5rem 0 0; padding: 1.2rem 0; font-size: 0.8rem; text-transform: uppercase; color: #524e55; } .breadcrumb span { font-weight: 400 } .breadcrumb a, .breadcrumb a span { font-weight: 700 } .breadcrumb a:hover, .breadcrumb a:hover span { text-decoration: underline } .breadcrumb span.sep { padding: 0 0.4rem } .template-single-product .breadcrumb { margin: 1.5rem 0 0 } /* blocs de pages */ .main a { color: #94107e; font-weight: 700 } .main a:hover { text-decoration: underline } .main .cta a:hover { text-decoration: none } .main .content_bloc { padding-top: 10em; padding-bottom: 1em } .main .content_bloc.clair * { color: #ffffff } .bloc_libre { line-height: 1.6em } .bloc_articles .article { margin: 0 1.5rem; padding: 1.4rem; height: 100%; display: flex; flex-direction: column; justify-content: space-between; color: #ffffff } .bloc_articles .article img { margin: 0 auto 1rem; display: block; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); } .bloc_articles .article .post_tags { color: #e3dede; text-transform: uppercase; font-weight: 700; font-size: 0.9rem } .bloc_articles .article span.h3_style { margin: 0.2rem 0 1.7rem; font-weight: 700 } .bloc_articles .article p { padding: 0.5rem 0 0 } .bloc_articles .article .readmore { font-weight: 900 } .bloc_articles .article_clients .slick-slider { margin-top: 1rem } .bloc_articles .article_clients.fonce { color: #0a070d } .bloc_articles .article_clients.fonce h3 { color: #0a070d } .bloc_articles .article_clients .slider_dots { margin-top: 0 } .bloc_articles .article_clients .slider_dots .slick-dots li::before { color: #ffffff } .bloc_articles .article_clients.fonce .slider_dots .slick-dots li::before { color: #0a070d } .bloc_articles a { font-weight: 400 } .bloc_articles a:hover { text-decoration: none } .bloc_articles a:hover .readmore { text-decoration: underline } .bloc_clients { text-align: center } .bloc_clients ul.liste_clients li > div { background-color: #ffffff; border: 5px solid #bec5c9 } .bloc_selection { text-align: center } .bloc_selection .bloc_title h1 { color: #000000; margin-bottom:0px!important; } .bloc_selection .bloc_title .accroche_du_bloc { padding: 0 } .main .bloc_sliders { padding-top: 2em; } .bloc_sliders .slider_dots { margin-top: 0; text-align: center; margin-bottom: 2rem; background-color: #ffffff; border: 5px solid #bec5c9; padding: 0 1rem } .bloc_sliders .slider_dots .content h1 { margin-top: 1rem; margin-bottom: 1rem; font-size: 2rem; text-transform: uppercase; font-weight: 900; color: #94107e } .bloc_sliders .slider_dots .content a { display: inline-bloc; padding: 0.2rem 0; font-weight: 900; color: #94107e; } .bloc_sliders .slider_dots .content a:hover { text-decoration: underline } .bloc_sliders .virtual_a { font-weight: 900; color: #94107e } .bloc_sliders .slider_dots .slide > div { margin-top: 1rem } /* recherche */ .main .search_bloc { padding-top: 5em; padding-bottom: 1em } /* produit en mode listing */ .main .produit { margin-top: 2rem; margin-bottom: 0rem } .main .produit_image { border: 1px solid #cfcaca; position: relative; background-color: #ffffff; text-align: center; height: 91vw } .main .produit_image .labels { position: absolute; top: 1.6rem; left: 0; max-width: 8rem } .main .produit_image .labels p { padding: 0.6rem; color: #ffffff; font-weight: 900; display: block; margin-bottom: 0.7rem; text-align: left; text-transform: uppercase; font-size: 0.85rem; line-height: 1em } .main .produit_image .labels .label_prix { background-color: #94107e } .main .produit_image .labels .nouveaute { background-color: #390c5b } .main .produit_image .labels .top_vente { background-color: #f49a19 } .main .produit_image .labels .promo { background-color: #f3056f } .template-front .main .produit_titre { padding-top: 1rem; } .main .produit_titre h2 { padding: 1rem; color: #94107e; font-weight: 700; font-size: 1.15rem; text-align: center } .main .produit a .produit_hover { display: flex; background: linear-gradient(to bottom right, transparent 0, transparent 50%, #94107e 50%, #94107e 100%); background: linear-gradient(to bottom right, transparent 0, transparent 50%, rgba(148,16,126,0.7) 50%, rgba(148,16,126,0.7) 100%); position: absolute; bottom: 0; right: 0; width: 13.5rem; justify-content: flex-end; height: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; overflow: hidden } .main .produit a .produit_hover i { color: #ffffff; font-size: 1.4rem; padding: 2.8rem 0.7rem 1.6rem 1.4rem } .main .produit a:hover { text-decoration: none } .main .produit a:hover .produit_hover { height: 6rem } /* listing famille produit */ span.term_title { clear: both; font-weight: 900; font-size: 1.7rem; line-height: 1.2em; margin-bottom: 1em; color: #524e55; display:block } .term_description { font-size: 1.1rem } .archive_image { border: 1px solid #cfcaca; position: relative; background-color: #ffffff; text-align: center; height: 88vw } .archive_titre p { padding: 1rem; color: #94107e; font-weight: 700; font-size: 1.15rem; text-align: center } .row.category_row { display: flex; justify-content: center; } .archive_box { margin-bottom: 2rem } .archive_box a .archive_hover { display: flex; background: linear-gradient(to bottom right, transparent 0, transparent 50%, #94107e 50%, #94107e 100%); background: linear-gradient(to bottom right, transparent 0, transparent 50%, rgba(148,16,126,0.7) 50%, rgba(148,16,126,0.7) 100%); position: absolute; bottom: 0; right: 0; width: 13.5rem; justify-content: flex-end; height: 0 } .archive_box a .archive_hover i { color: #ffffff; font-size: 1.4rem; padding: 2.8rem 0.7rem 1.6rem 1.4rem } .archive_box a:hover { text-decoration: none } .archive_box a:hover .archive_hover { height: 6rem } /* detail produit */ .detail_produit { background-color: #f4f4f4; padding-top: 1rem; padding-bottom: 1.5rem } .detail_produit .slick-slide img { max-height: 25rem; max-width: 95%; } .detail_produit .slick-slide.product_video iframe { height: 100% } .detail_produit .container.blanc { background-color: #ffffff; margin-top: 2rem; margin-bottom: 2rem; max-width: 72rem } .detail_produit .produit_messages.blanc { margin-top: 0rem; margin-bottom: 0rem; font-size: 1.1rem } .detail_produit .produit_messages .woocommerce-message { position: relative; padding: 1rem 1rem 2rem; background-color: #ffffff } .detail_produit .produit_messages .woocommerce-message::before { content: '\e814'; font-family: "fontello"; color: #94107e } .detail_produit .produit_messages .woocommerce-message a { float: right; font-weight: 700; color: #94107e; display: inline-block; position: absolute; bottom: 0rem; } .detail_produit .produit_messages .woocommerce-error, .detail_produit .produit_messages .woocommerce-info { padding: 1rem; background-color: #ffffff; font-weight: 700; color: #ee0000 } .detail_produit .produit_messages .woocommerce-error { display: none } .detail_produit .produit_messages .woocommerce-error li, .detail_produit .produit_messages .woocommerce-info li { padding: 0 } .detail_produit .detail_produit_slider { position: relative } .detail_produit .labels { position: absolute; top: 3rem; right: 0; max-width: 9rem } .detail_produit .labels p { padding: 0.6rem; color: #ffffff; font-weight: 900; display: block; margin-bottom: 0.7rem; text-align: right; text-transform: uppercase; font-size: 0.85rem; line-height: 1em } .detail_produit .labels .nouveaute { background-color: #390c5b } .detail_produit .labels .top_vente { background-color: #f49a19 } .detail_produit .labels .promo { background-color: #f3056f } .detail_produit .short_desc { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 3rem } .detail_produit .short_desc > * { background-color: #600d6a; color: #ffffff; display: inline-block; padding: 0.1rem 0.3rem; width: auto } .detail_produit .panier { } .detail_produit .panier h1 { font-weight: 700; color: #080708; margin: 1rem 0 } .detail_produit .panier .variations, .detail_produit .panier .group_table { width: 100%; margin-bottom: 1rem } .detail_produit .panier .variations td, .detail_produit .panier .group_table td { display: block; margin-top: 0.5rem; width: 100%; padding: 0.5rem 0 } .detail_produit .panier .variations td.label, .detail_produit .panier .group_table td.label { border-bottom: 1px solid #e3dede; font-weight: 700 } .detail_produit .panier .variations td select { font-family: inherit; border: 1px solid #e3dede; padding: 0.5rem 1.7rem 0.5rem 0.7rem; font-size: 1rem; cursor: pointer; width: 100% } .detail_produit .panier .produit_prix { display: none } .detail_produit .panier .produit_quantite { margin-bottom: 1rem } .detail_produit .panier .variations td.label label::after { content: " *"; color: #ee0000; font-weight: 700 } .detail_produit .panier .quantity label { border-bottom: 1px solid #e3dede; font-weight: 700; display: block; margin: 0 0 1rem; padding: 0.5rem 0; } .detail_produit .panier .produit_quantite p { display: flex } .detail_produit .panier .produit_quantite p span.plus_minus { display: block; width: 2.6rem; height: 2.6rem; background-color: #f4f4f4; border: 1px solid #cfcaca; text-align: center; line-height: 2.6rem; font-size: 1.4rem; font-weight: 700 } .detail_produit .panier .produit_quantite p span.plus_minus:hover { cursor: pointer; background-color: #e3dede } .detail_produit .panier .produit_quantite p input { height: 2.6rem; border-top: 1px solid #cfcaca; border-bottom: 1px solid #cfcaca; border: 1px solid #cfcaca; width: 3.2rem; text-align: center; font-size: 1.2rem; background-color: #ffffff; color: #161419 } .detail_produit .panier .produit_quantite p.covid_19 { padding: 1rem; text-align: center; font-weight: bold; width: 100%; display: block } .detail_produit .panier .price { font-weight: 700; position: relative } .detail_produit .panier .price del { font-weight: 400 } .detail_produit .panier .price ins { text-decoration: none; font-size: 1.5rem; padding-left: 1rem; } .detail_produit .panier .price .each { display: none } .detail_produit .panier .yith_wapo_group_product_price_promo .price > .amount { position: relative } .detail_produit .panier .yith_wapo_group_product_price_promo .price > .amount::before { content: ""; display: block; background: #f3056f; position: absolute; height: 1px; width: 120%; top: 50%; left: -10%; transform: rotate(-10deg); } .detail_produit .panier .free_shipping { font-weight: 900; font-size: 1rem; text-transform: uppercase; color: #f42442 } .detail_produit .panier .variations_form .yith_wapo_group_total { height: 0; overflow: hidden } .detail_produit .panier .yith-ywraq-add-to-quote > div.yith_ywraq_add_item_response_message { padding: 1rem 0; margin-top: 0.5rem; display: none !important } .detail_produit .panier .yith-ywraq-add-to-quote .yith-ywraq-add-button { display: block !important } .detail_produit .add_to_cart .yith_ywraq_add_item_response_message, .detail_produit .add_to_cart .yith_ywraq_add_item_product_message { text-align: center; border: 2px solid #00cc00; color: #00a500; padding: 1rem 0; display: block; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; margin-top: 0.5rem } .detail_produit .add_to_cart .yith_ywraq_add_item_product_message::before, .detail_produit .add_to_cart .yith_ywraq_add_item_response_message::before { content: '\e814'; font-family: "fontello"; color: #00a500; padding-right: 0.5rem; } .detail_produit .add_to_cart .yith_ywraq_add_item_browse_message { font-weight: 700; color: #94107e; text-align: right; padding: 0.5rem 0; display: none !important } .detail_produit .add_to_cart .yith_ywraq_add_item_browse_message a { display: block; width: 100%; padding: 1rem 2rem; background-color: #94107e; color: #ffffff; text-transform: uppercase;font-weight: 900; font-family: inherit; cursor: pointer; text-align: center; } .detail_produit .add_to_cart .yith_ywraq_add_item_browse_message .button:hover { background-color: #161419; text-decoration: none; } .detail_produit .add_to_cart .yith_ywraq_add_item_missing_variations { margin: 1rem 0; border: 2px solid #ee0000; color: #ee0000; padding: 1rem; text-align: center; font-weight: 700 } .detail_produit .panier .add_to_cart .add-request-quote-button, .detail_produit .panier .single_add_to_cart_button { display: block !important; width: 100%; padding: 1rem 2rem; background-color: #94107e !important; color: #ffffff; text-transform: uppercase; font-weight: 900; font-family: inherit; cursor: pointer; text-align: center; font-size: 1rem; } .detail_produit .panier .add_to_cart .add-request-quote-button:hover, .detail_produit .panier .single_add_to_cart_button:hover { background-color: #161419 !important; text-decoration: none } .detail_produit .panier .add_to_cart .add-request-quote-button.disabled, .detail_produit .panier .add_to_cart .add-request-quote-button.disabled:hover { background-color: #e3dede !important; cursor: default } .detail_produit .panier .yith_wapo_groups_container { margin-top: 0 } .detail_produit .panier .yith_wapo_groups_container h3 { margin-top: 0 } .detail_produit .panier .ywapo_group_container.form-row.form-row-wide { margin-bottom: 2rem } .detail_produit .panier .yith_wapo_groups_container label { margin-bottom: 0.2rem } .detail_produit .panier .yith_wapo_groups_container input, .detail_produit .panier .yith_wapo_groups_container textarea { display: block; border: 1px solid #cfcaca; padding: 0.4rem; font-size: 1rem; } .detail_produit .panier .yith_wapo_groups_container .ywapo_selected { background: #94107e; color: #ffffff } .detail_produit .panier .required { color: #ee0000; font-weight: normal; border: none !important; cursor: default; text-decoration: none } .detail_produit .panier .ywapo_miss_required::before { content: ''; display: none } .detail_produit .panier .yith-wapo-block { padding-bottom: 2rem !important } .detail_produit .panier .yith-wapo-block .options { display: flex !important; flex-direction: column; } .detail_produit .panier .yith-wapo-block .options .yith-wapo-option { width: 100%; } .detail_produit .panier .yith-wapo-block .options .label { display: flex; align-items: center; } .detail_produit .panier .yith-wapo-block .options .label .option-container { width: 40% } .detail_produit .panier .yith-wapo-block .options .label .option-container + * { width: 60%; margin: 0; } .detail_produit .panier .yith-wapo-block .options .label .yith-wapo-option-value { font-family: inherit; border: 1px solid #e3dede; padding: .5rem 1.7rem .5rem .7rem; font-size: 1rem; cursor: pointer; width: 100%; } .detail_produit .panier .yith-wapo-block .wapo-addon-title {color: #000} .detail_produit .show_form_question a { color: #94107e; font-weight: 700; margin-top: 1rem; margin-bottom: 1rem; display: inline-block } .detail_produit .form_question { padding-bottom: 2rem; display: none; -webkit-transition: all 0s ease-in; -moz-transition: all 0s ease-in; -o-transition: all 0s ease-in; -ms-transition: all 0s ease-in; transition: all 0s ease-in; } .detail_produit .form_question input, .detail_produit .form_question textarea { display: block; width: 100%; margin: 0; padding: 0rem 1rem; border: 1px solid #e3dede; font-size: 1rem; height: 3rem; } .detail_produit .form_question textarea { padding: 0.7rem 1rem; height: 6.6rem } .detail_produit .form_question input.gform_button { background-color: #ffffff; color: #080708; font-weight: 900; text-transform: uppercase; width: auto; margin: 0 auto; } .detail_produit .form_question input.gform_button:hover { background-color: #94107e; color: #ffffff; cursor: pointer } .detail_produit .sidebar_produit > span { margin-top: 3rem } .detail_produit .sidebar_produit .produit_caracteristiques { background-color: #ffffff; padding: 0 1rem 0; margin-bottom: 3rem } .detail_produit .sidebar_produit .produit_caracteristiques p { padding: 1.4rem 1rem 1.4rem 2.4rem; color: #524e55; font-size: 1.1rem; font-weight: bold; border-top: 1px solid #cfcaca } .detail_produit .sidebar_produit .produit_caracteristiques p:first-child { border: none } .detail_produit .sidebar_produit p.antifeu { background: transparent url('images/antifeu.png') no-repeat center left } .detail_produit .sidebar_produit p.catalogue { background: transparent url('images/catalogue.png') no-repeat center left } .detail_produit .sidebar_produit p.com360 { background: transparent url('images/com360.png') no-repeat center left } .detail_produit .sidebar_produit p.delais { background: transparent url('images/delais.png') no-repeat center left } .detail_produit .sidebar_produit p.lumineux { background: transparent url('images/lumineux.png') no-repeat center left } .detail_produit .sidebar_produit p.gabarit { background: transparent url('images/gabarit.png') no-repeat center left } .detail_produit .sidebar_produit p.garantie { background: transparent url('images/garanties.png') no-repeat center left } .detail_produit .sidebar_produit p.impression { background: transparent url('images/impression.png') no-repeat center left } .detail_produit .sidebar_produit p.indoor { background: transparent url('images/indoor.png') no-repeat center left } .detail_produit .sidebar_produit p.outdoor { background: transparent url('images/outdoor.png') no-repeat center left } .detail_produit .sidebar_produit p.rectoverso { background: transparent url('images/rectoverso.png') no-repeat center left } .detail_produit .sidebar_produit p.reponse24h { background: transparent url('images/reponse24h.png') no-repeat center left } .detail_produit .sidebar_produit p.vent { background: transparent url('images/vent.png') no-repeat center left } .detail_produit .sidebar_produit p.montage { background: transparent url('images/montage.png') no-repeat center left } .detail_produit .sidebar_produit p.poids { background: transparent url('images/poids.png') no-repeat center left } .detail_produit .sidebar_produit .produit_telechargements { margin-bottom: 3rem } .detail_produit .sidebar_produit .produit_telechargements p { padding: 0 } .detail_produit .sidebar_produit .produit_telechargements p a { border-bottom: 1px solid #cfcaca; padding: 1.4rem 1rem 1.4rem 3.4rem; display: block; background: transparent url('images/telechargement-pdf.png') no-repeat 1rem 50%; color: #94107e } .detail_produit .sidebar_produit .produit_telechargements p:first-child a { border-top: 1px solid #cfcaca } .detail_produit h2.nomargin { margin-bottom: 0 } .detail_produit .produit_desc ul { list-style-type: disc; padding-left: 0.8rem } .detail_produit .produit_desc ol { list-style-type: number; padding-left: 0.8rem } .detail_produit .related_products { margin-top: 1rem } /* Panier / Devis */ .woocommerce-quote .main { background-color: #f4f4f4 } .woocommerce-quote .main h1, .woocommerce-quote .main h2, .woocommerce-quote .main h3 { font-size: 1.8rem; font-weight: 900; text-align: center } .woocommerce-quote .main form { margin-bottom: 3rem } .woocommerce-quote .main #yith-ywrq-table-list { width: 100%; background-color: #ffffff; padding: 1rem } .woocommerce-quote .main #yith-ywrq-table-list .free_shipping { font-weight: 900; font-size: 1rem; text-transform: uppercase; color: #f42442 } .woocommerce-quote .main #yith-ywrq-table-list thead { display: none } .woocommerce-quote .main #yith-ywrq-table-list thead tr th { padding: 1rem; font-weight: 400; font-size: 0.9rem; color: #7b7581 } .woocommerce-quote .main #yith-ywrq-table-list tbody tr { display: block; border-top: 1px solid #7b7581; padding: 1rem 0 0.5rem } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td { padding: 0.5rem 1rem; display: block } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td.actions { text-align: center } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td.actions .wc-backward { margin: 1rem auto 0 !important; float: none } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td .product_title { font-weight: 700; font-size: 1.1rem; margin-top: 0.5rem; display: inline-block } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td .remove_product a { display: inline-block; margin-top: 1rem; font-weight: 700; font-size: 0.7rem; color: #cfcaca } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td label { display: none } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td .quantity p { display: flex } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td .quantity p span.plus_minus { display: block; width: 2.6rem; height: 2.6rem; background-color: #f4f4f4; border: 1px solid #cfcaca; text-align: center; line-height: 2.6rem; font-size: 1.4rem; font-weight: 700; } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td .quantity p span.plus_minus:hover { cursor: pointer; background-color: #e3dede; } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td .quantity p input { height: 2.6rem; border-top: 1px solid #cfcaca; border-bottom: 1px solid #cfcaca; border: 1px solid #cfcaca; width: 3.2rem; text-align: center; font-size: 1.2rem; } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td .amount { margin-top: 0.5rem; font-size: 1.4rem; display: inline-block; } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td.empty { display: none } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td.product-subtotal_1 .amount, .woocommerce-quote .main #yith-ywrq-table-list tbody tr td.product-total .amount { font-size: 1rem } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td.actions .button { display: block; width: 100%; padding: 1rem 2rem; background-color: #94107e; color: #ffffff; text-transform: uppercase; font-weight: 900; font-family: inherit; cursor: pointer; text-align: center; max-width: 20rem; font-size: inherit; margin: 0 auto } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td.actions .button:hover { background-color: #161419; text-decoration: none } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td > div { display: flex; align-items: flex-end } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td div.quantity { text-align: center } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td a.yith-ywraq-item-remove { margin-bottom: 1.3rem; margin-left: 0.5rem } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td a svg { width: 1.07rem; height: 1.07rem } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td a:hover svg { fill: #ee0000 } .woocommerce-quote .main #yith-ywraq-form table.cart .product-thumbnail { display: table-cell } .woocommerce-quote .quote_continue a.cta { display: inline-block; margin: 0 auto 2rem } .woocommerce-quote .quote_continue a.cta:hover { text-decoration: none } .woocommerce-quote .main .gform_body { background-color: #ffffff; padding: 2rem 2rem 1rem } .woocommerce-quote .main .sent_ok { font-weight: 900; text-align: center; font-size: 1.4rem; color: #94107e; } .woocommerce-quote .main .woocommerce-message { margin-bottom: 2rem } .woocommerce-quote .main .ywraq_list_empty_message { margin-top: 3rem; margin-bottom: 3rem; text-align: center; font-weight: 900; font-size: 1.4rem; color: #f42442 } .woocommerce-quote .main .return-to-shop { display: none } .woocommerce-quote .main .related_products .row .col-xs-12 { padding-left: 0; padding-right: 0 } .yith-ywraq-mail-form-wrapper { margin: 2rem 0 } #yith-wacp-popup .yith-wacp-overlay { opacity: 0.6 !important; background: #390c5b !important } #yith-wacp-popup .yith-wacp-close { color: #ffffff } #yith-wacp-popup .notice { display: none } #yith-wacp-popup .related_products { display: none } #yith-wacp-popup .raq-list-title { font-size: 1.8rem; font-weight: 900; text-align: center; } #yith-wacp-popup #yith-ywrq-table-list { width: 100% } #yith-wacp-popup #yith-ywrq-table-list thead tr th { padding: 1rem; font-weight: 400; font-size: 0.9rem; color: #7b7581; display: none } #yith-wacp-popup #yith-ywrq-table-list thead tr th.product-total { display: none !important } #yith-wacp-popup #yith-ywrq-table-list tbody tr { display: block; border-top: 1px solid #7b7581; padding: 1rem 0 0.5rem } #yith-wacp-popup #yith-ywrq-table-list tbody tr td { padding: 0.5rem 1rem; display: block } #yith-wacp-popup #yith-ywrq-table-list tbody tr td.empty { display: none } #yith-wacp-popup #yith-ywrq-table-list tbody tr td.product-total { display: none !important } #yith-wacp-popup #yith-ywrq-table-list tbody tr td.actions { display: none !important } #yith-wacp-popup #yith-ywrq-table-list tbody tr td.product-name a { color: #94107e; font-weight: 700 } #yith-wacp-popup #yith-ywrq-table-list tbody tr td .remove_product a { display: inline-block; margin-top: 1rem; font-weight: 700; font-size: 0.7rem; color: #cfcaca; } #yith-wacp-popup #yith-ywrq-table-list tbody tr td > div { display: flex; align-items: flex-end } #yith-wacp-popup #yith-ywrq-table-list tbody tr td div.quantity { text-align: center } #yith-wacp-popup #yith-ywrq-table-list tbody tr td div.quantity label { display: none } #yith-wacp-popup #yith-ywrq-table-list tbody tr td input.qty { border: 1px solid #bec5c9; padding: 0rem; width: 2.8rem; text-align: center; font-size: 1.3rem } #yith-wacp-popup #yith-ywrq-table-list tbody tr td a.yith-ywraq-item-remove { margin-bottom: 1.3rem; margin-left: 0.5rem } #yith-wacp-popup #yith-ywrq-table-list tbody tr td a svg { width: 1.07rem; height: 1.07rem } #yith-wacp-popup #yith-ywrq-table-list tbody tr td a:hover svg { fill: #ee0000 } #yith-wacp-popup .yith-wacp-close.cta { position: relative; top: 0; right: 0; padding: 1rem 2rem; background-color: #ffffff; border: 1px solid #cfcaca; text-transform: uppercase; font-weight: 900; display: flex; align-items: center; justify-content: center; line-height: 1.4em; display: inline-block; margin: 0 0.5rem 2rem; color: #94107e; font-weight: 700; font-size: 1rem; width: auto; height: auto; mask-image: none; -webkit-mask-image: none } #yith-wacp-popup .yith-wacp-close.cta:hover { background-color: #94107e; color: #ffffff } #yith-wacp-popup .yith-wacp-cart.cta { position: relative; top: 0; right: 0; padding: 1rem 2rem; background-color: #ffffff; border: 1px solid #cfcaca; text-transform: uppercase; font-weight: 900; display: flex; align-items: center; justify-content: center; line-height: 1.4em; display: inline-block; margin: 0 0.5rem 2rem; color: #94107e; font-weight: 700; font-size: 1rem; width: auto; height: auto; mask-size: unset; mask-position: unset; mask-repeat: unset; mask-image: none; } #yith-wacp-popup .yith-wacp-cart.cta:hover { background-color: #94107e; color: #ffffff } #yith-wacp-popup .return-to-shop { display: none } #yith-wacp-popup .ywraq_list_empty_message { margin-top: 3rem; margin-bottom: 3rem; text-align: center; font-weight: 900; font-size: 1.4rem; color: #f42442; line-height: 1.2 } #yith-ywraq-form .product-subtotal, #yith-ywraq-form .product-quantity, #yith-ywraq-form .product-price { text-align: left !important } /* Blog */ .main .categories_filtres { padding: 0 1.5rem } .main .categories_filtres ul { display: flex; flex-wrap: wrap; justify-content: center } .main .categories_filtres li { width: 100%; display: flex; align-items: center; margin: 0 1rem } .main .categories_filtres li a { width: 100%; height: 100%; display: flex; color: #ffffff; text-transform: uppercase; font-weight: 700; font-size: 0.9rem; align-items: center; justify-content: center; padding: 0.8rem 0 } .main .categories_filtres li.categorie_all a { color: inherit; border: 1px solid #cfcaca } .main .categories_filtres li a:hover, .main .categories_filtres li.current a { background-color: #161419; color: #ffffff; text-decoration: none } /* pagination */ .pagination ol { display: flex; align-items: center; justify-content: center } .pagination ol li a, .pagination ol li span { display: flex; width: 2rem; height: 2rem; align-items: center; justify-content: center; margin: 0 0.3rem } .pagination ol li a:hover, .pagination ol li span { background-color: #94107e; color: #ffffff; text-decoration: none } .reassurances { text-align: center; margin-bottom: 1rem; margin-top: 2rem; font-weight: 900; color: #94107e } .reassurances .row { justify-content: space-around } .reassurances .bloc_reassurance { margin-bottom: 1.5rem; width: 200px; flex-basis: 200px; max-width: 200px } .reassurances .bloc_reassurance img, .reassurances .bloc_reassurance svg { max-height: 2.6rem; width: auto } .reassurances p { padding-top: 0.8rem; font-size: 0.9rem; max-width: 10rem; margin: 0 auto } .bloc_colonnes .col-md-4 { padding-left: 2rem; padding-right: 2rem } .bloc_colonnes .contact_form { display: none; position: fixed; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); text-align: center; font-size: 0.8rem } .bloc_colonnes .contact_form .inner { display: flex; align-items: center; justify-content: center; height: 100%; flex-direction: column } .bloc_colonnes .contact_form .inner2 { max-width: 400px; padding: 2rem; background-color: #ffffff; position: relative } .bloc_colonnes .contact_form .inner2 .icon-cancel { position: absolute; top: 0.5rem; right: 0.5rem; cursor: pointer; } .bloc_colonnes .contact_form .gform_wrapper form { width: 100% } .bloc_colonnes .contact_form .gform_wrapper form .gform_body .ginput_container { width: 100% } .bloc_colonnes .contact_form .gform_body .gfield_description { padding-left: 0 } .bloc_colonnes .contact_form .gform_wrapper form label { display: none } .bloc_colonnes .contact_form ul li::before { content: "" !important } .bloc_colonnes .contact_form .gform_footer { background-color: transparent; padding: 2rem 0 0 } .bloc_colonnes .contact_form .gform_footer .gform_button { max-width: 100% } .bloc_links .row { justify-content: center } .bloc_links .links_list { margin-bottom: 1rem } .bloc_links .links_list li { text-align: center } .bloc_links .links_list li::before { content: "" !important } .template-single-landing-page h1, .template-single-landing-page .h1_style { color: #94107e } .template-single-landing-page .content_bloc ul li::before { content: '\e814'; font-family: 'fontello'; color: #94107e; margin-right: 0.5rem } .template-single-landing-page .gform_confirmation_wrapper { color: #00a500 } .footer { background-color: #f4f4f4; } .footer .footer_content { margin-top: 2rem; padding: 3.4rem 1rem 0.4rem; text-align: center } .footer .footer_content .col-xs-12 { margin-bottom: 1rem } .footer .footer_content .footer_networks { margin-bottom: 0 } .footer .footer_content nav a { color: #94107e; text-decoration: underline } .footer .footer_content nav a:hover { color: #0a070d; text-decoration: none } .footer .footer_content .footer_contact p { padding: 0 0 0.5rem } .footer .footer_content .footer_contact a.link_picto { margin-right: 1rem; margin-top: 0.15rem; display: flex; align-items: center; font-weight: bold } .footer .footer_content .footer_contact a.link_picto img { margin-left: 0.4rem } .footer .footer_content .footer_contact a.link_picto:hover img { -moz-animation: rotateit 1.5s linear; -o-animation: rotateit 1.5s linear; -webkit-animation: rotateit 1.5s linear; animation: rotateit 1.5s linear } .footer .footer_content .footer_networks ul { display: flex; flex-wrap: wrap; justify-content: center } .footer .footer_content .footer_networks ul li { padding: 0 0.5rem 0.5rem; } .footer .footer_content .footer_networks a.cta { padding: 0; display: flex; align-items: center; justify-content: center; margin: 0 auto; border: none; background: none } .footer .footer_content .footer_networks a.cta img { margin: 0 } .footer .footer_content .footer_networks form { display: flex; flex-wrap: wrap; } .footer .footer_content .footer_networks form div.gform_body { flex: 1 } .footer .footer_content .footer_networks form div.gform_footer { flex: 1; padding: 0; background-color: transparent } .footer .footer_content .footer_networks form div.gform_body .ginput_container { width: 100% } .footer .footer_content .footer_networks form label { display: none } .footer .footer_content .footer_networks form input { display: block; width: 100%; margin: 0; padding: 0rem 1rem; border: 1px solid #e3dede; font-size: 0.8rem; height: 3rem } .footer .footer_content .footer_networks form ul li { margin: 0; padding: 0; width: 100% } .footer .footer_content .footer_networks form .gform_button { background-color: #ffffff; border-left: 0px solid #ffffff; color: #080708; font-weight: 900; text-transform: none; font-size: 0.85rem; padding: 0 0.5rem; } .footer .footer_content .footer_networks form .gform_button:hover { cursor: pointer; background-color: #94107e; color: #ffffff } .footer p.cta a, .footer a.cta { width: 100%; padding: 1rem } .footer p.cta a:hover, .footer a.cta:hover { background-color: #e3dede; color: #080708 } /* Forms */ .gform_wrapper .validation_error, .gform_wrapper .validation_message { color: #ee0000; font-weight: 700; margin: 1rem 0 } .gform_confirmation_wrapper { color: #94107e; font-weight: 700; margin: 4rem 0; font-size: 1.4rem; line-height: 1.2em; text-align: center } .gform_fields { padding: 0 } .gform_fields > li { padding: 0.5rem 0 } .gform_footer .gform_button { display: block; width: 100%; padding: 1rem 2rem; background-color: #94107e; color: #ffffff; text-transform: uppercase; font-weight: 900; font-family: inherit; cursor: pointer; text-align: center; max-width: 20rem; font-size: inherit; margin: 0 auto } .gform_footer .gform_button:hover { background-color: #161419 } .gform_body li.gfield { display: flex; flex-direction: column } .gform_body input, .gform_body textarea { width: 100%; padding: 0.3rem 0.5rem; border: 1px solid #cfcaca; font-family: inherit; font-size: 1rem } .gform_body .gfield_checkbox input, .gform_body .gfield_radio input { width: auto } .gform_body p.notice { text-align: center } .gform_footer { background-color: #ffffff; padding: 0 0 2rem } .gform_ajax_spinner { display: none } .gform_wrapper .gfield_description.validation_error, .gform_wrapper .gfield_description.validation_message, .gform_wrapper .validation_error, .gform_wrapper .validation_message{ margin-top: 0rem } /* Slider */ .multiple_slider { width: 100% } .slider *, .slider_dots *, .vertical_slider *, .vertical_slider_nav *, .multiple_slider * { -webkit-transition: all 0s ease-in; -moz-transition: all 0s ease-in; -o-transition: all 0s ease-in; -ms-transition: all 0s ease-in; transition: all 0s ease-in; } .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; margin-top: 3rem; padding: 0 } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block; display: -webkit-flex; display: flex; align-items: flex-start; } .slick-track::before, .slick-track::after { display: table; content: ''; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; min-height: 1px; padding-bottom: 0em } .slick-slide > div { display: block; display: -webkit-flex; display: flex; height: 100% } #archives .slick-slide { padding-bottom: 0 } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; margin: 0 auto; position: relative; max-height: 12rem; width: auto } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; position: relative } .slick-initialized .slick-slide > div { display: flex; height: 100%; align-items: center; justify-content: center; margin: 0 auto; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-prev, .slick-next { position: absolute; top: calc( 50% - 1.5rem); cursor: pointer; background: rgba(255,255,255,0.4); border: none; z-index: 9; width: 3rem; height: 3rem; color: $color_grey; border-radius: 100%; z-index: 5; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; outline: none } .slick-prev { left: 2vw } .slick-next { right: 2vw } .slick-prev:hover, .slick-next:hover { background-color: rgba(255,255,255,0.3); } .slick-prev i, .slick-next i { font-size: 1.4em; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .slick-dots { display: flex !important; justify-content: center; align-items: center; } .slick-dots li { margin: 0; text-align: center; padding: 0; height: 1.4rem } .slick-dots li::before { content: "•"; display: block; padding: 0.3rem; font-size: 2.5rem; color: #6c6a6a; cursor: pointer } .slick-dots li.slick-active::before { font-size: 3.2rem; color: #43354d } .slick-dots li button { display: none } /* Multiple slider */ .multiple_slider .slick-slide img { height: auto !important; width: 100%; padding: 1rem } /* Vertical Sliders */ .vertical_slider_nav .slick-track { flex-direction: column } .vertical_slider_nav .slick-list { padding: 0 !important; margin: 4rem 0 } .vertical_slider_nav .slick-prev, .vertical_slider_nav .slick-next { background: none; color: #161419; width: 2rem; height: 2rem; left: calc( 50% - 1rem ); bottom: -2rem } .vertical_slider_nav .slick-prev { top: -2rem; right: auto } .vertical_slider_nav .slick-prev i, .vertical_slider_nav .slick-next i { font-size: 1rem } .vertical_slider_nav .slick-slide { margin: 0.3rem 0.5rem 0.3rem } .vertical_slider_nav .slick-slide img { border: 1px solid #f4f4f4; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; max-width: 80px; } .vertical_slider_nav .slick-slide img:hover { cursor: pointer; opacity: 0.6 } .vertical_slider_nav .slick-current img { border: 3px solid #f4f4f4 } .vertical_slider { height: calc( 100% - 6rem ); border: 1px solid #f4f4f4 } .vertical_slider div { height: 100%; width: 100% } .vertical_slider .slick-slide { align-items: center; justify-content: center; display: flex; position: relative } .vertical_slider .slick-slide a { position: initial } .vertical_slider .slick-slide i { color: #390c5b; position: absolute; right: 1rem; bottom: 1rem; font-size: 1.6rem } @-moz-keyframes bounce { 0% { -moz-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } 25% { -moz-transform: translateX(4px); -o-transform: translateX(4px); -webkit-transform: translateX(4px); transform: translateX(4px); } 50% { -moz-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } 75% { -moz-transform: translateX(-4px); -o-transform: translateX(-4px); -webkit-transform: translateX(-4px); transform: translateX(-4px); } 100% { -moz-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes bounce { 0% { -moz-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } 25% { -moz-transform: translateX(4px); -o-transform: translateX(4px); -webkit-transform: translateX(4px); transform: translateX(4px); } 50% { -moz-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } 75% { -moz-transform: translateX(-4px); -o-transform: translateX(-4px); -webkit-transform: translateX(-4px); transform: translateX(-4px); } 100% { -moz-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } } @-o-keyframes bounce { 0% { -moz-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } 25% { -moz-transform: translateX(4px); -o-transform: translateX(4px); -webkit-transform: translateX(4px); transform: translateX(4px); } 50% { -moz-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } 75% { -moz-transform: translateX(-4px); -o-transform: translateX(-4px); -webkit-transform: translateX(-4px); transform: translateX(-4px); } 100% { -moz-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } } @-ms-keyframes bounce { 0% { -moz-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } 25% { -moz-transform: translateX(4px); -o-transform: translateX(4px); -webkit-transform: translateX(4px); transform: translateX(4px); } 50% { -moz-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } 75% { -moz-transform: translateX(-4px); -o-transform: translateX(-4px); -webkit-transform: translateX(-4px); transform: translateX(-4px); } 100% { -moz-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes bounce { 0% { -moz-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } 25% { -moz-transform: translateX(4px); -o-transform: translateX(4px); -webkit-transform: translateX(4px); transform: translateX(4px); } 50% { -moz-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } 75% { -moz-transform: translateX(-4px); -o-transform: translateX(-4px); -webkit-transform: translateX(-4px); transform: translateX(-4px); } 100% { -moz-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } } @-moz-keyframes rotateit { 0% { -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 25% { -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } 50% { -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 75% { -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } 100% { -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @-webkit-keyframes rotateit { 0% { -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 25% { -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } 50% { -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 75% { -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } 100% { -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @-o-keyframes rotateit { 0% { -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 25% { -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } 50% { -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 75% { -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } 100% { -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @-ms-keyframes rotateit { 0% { -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 25% { -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } 50% { -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 75% { -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } 100% { -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @keyframes rotateit { 0% { -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 25% { -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } 50% { -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 75% { -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } 100% { -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } .bloc_slider_homepage {padding: 0 !important} .bloc_slider_homepage .slider_home .container{position: relative; text-align:center;} .bloc_slider_homepage .slider_home .container >*{ color:black; } .bloc_slider_homepage .slider_home .container .bloc_titre>*{ color:black; } .bloc_slider_homepage .slider_home .slide { width:100%; max-width:100%;height: auto;} .bloc_slider_homepage .slider_home .slide >div{ width:100%; max-width:100%;} .bloc_slider_homepage *{ transition:none;} .bloc_slider_homepage + .content_bloc{ padding-top:25px!important;} .bloc_slider_homepage p.cta { padding-top:20px } /* ---------------- */ /* small screens */ /* ---------------- */ @media only screen and (min-width: 480px) { .footer .footer_content .footer_networks form div.gform_body { flex: 2 } } /* ---------------- */ /* medium screens */ /* ---------------- */ @media only screen and (min-width: 768px) { .header { text-align: left; padding-top: 0rem } .header .menu_control, .header .help_control { display: none } .header_logo { text-align: center; padding-top: 1rem } .header_slogan { display: block; margin-bottom: 1.4rem; } .header_center { padding-top: 1rem } .header_help p { padding: 0; font-size: 1.3rem; font-family: 'Catamaran', Arial, sans-serif;; color: #390c5b; font-weight: bold } .header_search form { width: 100%; margin-top: 0; margin-bottom: 0 } .header_quotation .border { height: 1.5rem } .header_help_search { display: flex !important } .header_menu { display: flex !important } .header_menu > nav { width: 100% } .header_menu .main_menu { display: flex; position: relative; padding-bottom: 0; margin-top: 0rem } .header_menu .main_menu > li { display: inline-flex; border: none !important; flex-grow: 1; } .header_menu .main_menu li > a { display: flex; justify-content: center; align-items: center; width: 100%; padding: 0.4rem } .header_menu .main_menu li.menu-item-has-children > a > span.menu_title > i { display: none } .header_menu .main_menu .sub-menu-container { position: absolute; top: 100%; left: 0; background-color: #ffffff; z-index: 9; width: 100%; display: block; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.2s linear; box-shadow: 0 3px 6px rgba(0,0,0,0.16) } .header_menu .main_menu li > .sub-menu-container { padding: 2rem 1.5rem; min-height: 12rem; } .header_menu .main_menu li:hover > .sub-menu-container { visibility: visible; opacity: 1; } .header_menu .main_menu .sub-menu-container .sub-menu-title { display: block; padding: 0 0 1rem; font-size: 2rem; color: #94107e; font-weight: 900; text-transform: uppercase } .header_menu .main_menu .sub-menu-container > div { display: flex; flex-direction: row-reverse; align-items: flex-start; position: relative } .header_menu .main_menu .sub-menu-container li a { text-align: left; justify-content: flex-start; padding: 0.5rem 0.7rem } .header_menu .main_menu .sub-menu { width: 10rem } .header_menu .main_menu .sub-menu .sub-menu { width: 20rem; display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start } .header_menu .main_menu .sub-menu .sub-menu li { width: 50% } .header_menu .main_menu .image_container { display: block; text-align: center; width: 100%; min-height: 8rem; background-size: contain; } .header_menu .main_menu .image_container .sub-menu-thumbnail { display: block; width: auto; margin: 0 auto; max-width: 100%; max-height: 100% } .header_menu .main_menu .sub-menu-container .sub-menu-container { position: absolute; top: 0; left: 10rem; padding: 0rem 1rem; min-height: 100%; width: 22rem; background: transparent; box-shadow: none } .header_menu .main_menu .sub-menu-container .sub-menu-container .sub-menu-container { height: 100%; min-height: 8rem; } .header_menu .main_menu .sub-menu-container .sub-menu-container li:hover > .sub-menu-container { display: none !important; } .header_menu .main_menu .sub-menu-container .sub-menu-container .sub-menu-container div { height: 100%; display: none; background-size: contain; } .header_menu .main_menu .sub-menu-container .sub-menu-container .sub-menu-container li a { font-size: 1rem } .header_menu .main_menu li.menu-item-has-children > a > span.menu_title > i.icon-angle-right { display: block; right: -1rem } .header_menu .main_menu > li.menu-item-has-children > a > span.menu_title > i.icon-angle-right { display: none } .archive_image { height: 28vw } .main .produit_image { height: 21rem } .detail_produit .produit_messages .message_div { display: flex; justify-content: space-between; flex-direction: row-reverse; } .detail_produit .produit_messages .woocommerce-message { padding-bottom: 1rem } .detail_produit .produit_messages .woocommerce-message a { position: relative } /* Panier / Devis */ .woocommerce-quote .main #yith-ywrq-table-list thead { display: table-header-group } .woocommerce-quote .main #yith-ywrq-table-list tbody tr { display: table-row; border: none; padding: 0 } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td { display: table-cell; border-top: 1px solid #cfcaca; padding: 1rem; } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td.empty { display: table-cell } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td.product-total { border-bottom: 0px solid } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td.product-subtotal_1, .woocommerce-quote .main #yith-ywrq-table-list tbody tr td.product-total { width: 7rem } .woocommerce-quote .main #yith-ywrq-table-list tbody tr td.product-subtotal_1 span.title, .woocommerce-quote .main #yith-ywrq-table-list tbody tr td.product-total span.title { display: none; font-size: 0rem } .woocommerce-quote .main .related_products .row { margin-left: -1rem; } .woocommerce-quote .main .related_products .row .col-xs-12 { padding-left: 1rem; padding-right: 1rem; } #yith-wacp-popup.open .yith-wacp-wrapper { min-height: 25rem; } #yith-wacp-popup .quote_continue { position: fixed; bottom: 0rem; left: 0; width: 100%; background: #ffffff; padding: 2rem 0 0; border-top: 1px solid #e3dede; } #yith-wacp-popup #yith-ywraq-form { margin-bottom: 10rem } #yith-wacp-popup #yith-ywrq-table-list thead tr th { display: table-cell } #yith-wacp-popup #yith-ywrq-table-list tbody tr { display: table-row } #yith-wacp-popup #yith-ywrq-table-list tbody tr td { display: table-cell; border-top: 1px solid #cfcaca; padding: 1rem; } #yith-wacp-popup #yith-ywrq-table-list tbody tr td.empty { display: table-cell } #yith-wacp-popup #yith-ywrq-table-list tbody tr td.product-subtotal_1, #yith-wacp-popup #yith-ywrq-table-list tbody tr td.product-total { width: 7rem } #yith-wacp-popup #yith-ywrq-table-list tbody tr td.product-subtotal_1 span.title, #yith-wacp-popup #yith-ywrq-table-list tbody tr td.product-total span.title { display: none; font-size: 0rem } #yith-wacp-popup #yith-ywrq-table-list td.product-thumbnail { display: table-cell !important } /* Blog */ .main .categories_filtres li { width: 23% } /* Page */ .bloc_colonnes .contact_form { font-size: 1rem } /* Footer */ .footer .footer_content { margin-top: 0 } .footer .footer_content .col-xs-12 { display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column } .footer .footer_content .footer_networks .col-sm-5 { padding-top: 0.5rem } .footer .footer_content .footer_networks form input { font-size: 1rem } .footer .footer_bottom { font-size: 0.85rem } .footer .footer_left.col-xs-12 { justify-content: flex-start } .footer .footer_left nav a { color: #080708; text-decoration: none } .footer .footer_left nav a:hover { text-decoration: underline } .footer .footer_right { text-align: right; justify-content: flex-end; } /* Sliders */ .slick-slider { padding-top: 0 } .slick-prev, .slick-next { width: 5rem; height: 5rem; bottom: 45%; top: auto; bottom: calc( 50% - 2rem ); color: #ffffff; background: rgba(255,255,255,0.1); } .slick-prev i, .slick-next i { font-size: 3rem } .slick-prev i { padding-right: 0.3rem } .slick-next i { padding-left: 0.3rem } /* Multiple slider */ .multiple_slider .slick-slide { padding: 0 0.3rem } .slick-initialized .slick-slide > div { max-width: calc( 100% - 3rem ) } .multiple_slider .slick-prev { background: none; color: #000000; left: -2.5rem; width: 5rem } .multiple_slider .slick-next { background: none; color: #000000; right: -2.5rem; width: 5rem } .multiple_slider .slick-slide img { height: 230px } } /* ---------------- */ /* Standard screens */ /* ---------------- */ @media only screen and (min-width: 992px) { p.cta { justify-content: flex-start } p.cta.center { justify-content: center } .template-front .main .bloc_sliders { padding-bottom: 0rem } .bloc_sliders .slider_dots { text-align: left; text-align: left; display: flex; flex-direction: column; justify-content: center; } .bloc_sliders .col-md-12 .slider_dots, .bloc_sliders .col-md-7 .slider_dots, .bloc_sliders .col-md-6 .slider_dots { height: 100% } .bloc_sliders .col-md-7 .slider_dots { height: calc( 100% - 2rem ); } .bloc_sliders .col-md-5 .slider_dots { height: calc( 50% - 2rem ); } .bloc_sliders .slider_dots .slide > div, .bloc_sliders .slider_dots .slide > div > a { display: flex; width: 100%; align-items: center; justify-content: space-between } .bloc_sliders .slider_dots .slide > div > a:hover { text-decoration: none } .bloc_sliders .slider_dots .slide > div > a:hover .virtual_a { text-decoration: underline } .bloc_sliders .slider_dots .slide .image { width: 38% } .bloc_sliders .slider_dots .slide .content { width: 58% } .bloc_sliders .slider_dots .slide > div > a .content p { color: initial; font-weight: normal } .bloc_sliders .col-md-6 .slider_dots .content h1 { margin-top: 1rem } .main .produit_image { height: 18rem } .detail_produit .panier { padding-left: 3rem; padding-right: 2rem; padding-bottom: 2rem } .detail_produit .panier h1 { margin: 3rem 0 2rem } .detail_produit .panier .variations td, .detail_produit .panier .group_table td { display: inline-block; width: auto; margin-top: 0 } .detail_produit .panier .variations td.label, .detail_produit .panier .group_table td.label { width: 40%; border: none; padding-right: 1rem } .detail_produit .panier .variations td.value, .detail_produit .panier .group_table td.value { width: 60% } .detail_produit .panier .produit_qte_prix { clear: both } .detail_produit .panier .produit_quantite label { display: inline-flex; width: 40%; border: none; height: auto !important; clip: unset; clip-path: unset; position: relative !important } .detail_produit .panier .produit_quantite p { display: inline-flex; width: 55% } .detail_produit .panier #ywapo_options_container > * { width: 47%; display: inline-block } .detail_produit .panier .ywapo_group_container.form-row.form-row-wide { margin-bottom: 1rem } .detail_produit .panier .yith_wapo_groups_container input, .detail_produit .panier .yith_wapo_groups_container textarea { width: 97% } .woocommerce .detail_produit .panier .ywapo_input_container label { display: flex; align-items: center; font-size: 0.8rem; height: 100%; } .detail_produit .sidebar_produit > span:first-child { margin-top: 0 } .woocommerce-quote .main form { position: relative } .woocommerce-quote .main .gform_body { padding: 2rem; background: #ffffff url('images/tampon-reponse-24-h-2.png') top right no-repeat } .footer .footer_content { text-align: left } .footer .footer_content .col-xs-12 { justify-content: flex-start; order: 1 } .footer .footer_content .footer_acces { order: 2 } .footer .footer_content .footer_acces2 { order: 3 } .footer .footer_content .footer_acces ul li { padding: 0 0 0.3rem } .footer .footer_content .footer_acces2 ul li { padding: 0 0 0.3rem } .footer .footer_content .footer_networks { margin-bottom: 3rem } .footer .footer_content .footer_networks .middle-xs { padding-top: 1.25rem } .footer .footer_content .footer_networks .col-xs-12 { margin-bottom: 0rem; display: block } .footer .footer_content .footer_networks ul { padding: 0rem; justify-content: flex-start } .footer .footer_content .footer_networks ul li { padding: 0 1rem 0 0; flex: unset } .footer .footer_content .footer_networks form div.gform_body { flex: 1 } .footer .footer_content .footer_networks form div.gform_footer { flex: 1 } .slick-initialized .slick-slide > div { max-width: 100% } .slick-dots { justify-content: flex-end } .gform_body li.gfield { flex-direction: row; align-items: center; position: relative; flex-wrap: wrap } .gform_body li label.gfield_label { width: 13rem; text-align: right; padding-right: 1rem } .gform_body .ginput_container { width: 18rem; max-width: 100% } .gform_body input { width: 100% } .gform_body .ginput_container_textarea { width: 36rem; max-width: calc( 100% - 13rem ); } .gform_body textarea { width: 100%; height: 6rem } .gform_body .gfield_description { padding-left: 13rem; margin-top: -1rem; width: 100% } .gform_body p.notice { text-align: left; margin-left: 13rem; width: 20rem; padding-top: 1.5rem; } .bloc_slider_homepage *{ transition:none;} .bloc_slider_homepage .slider_home{position:relative;} .bloc_slider_homepage .slider_home .slide { width:100%; max-width:100%; height:264px; object-fit:cover;} .bloc_slider_homepage .slider_home .slide >div{width:100%;} .bloc_slider_homepage .slider_home .clair .container .bloc_titre >*{color:white;} .bloc_slider_homepage .slider_home .clair .container .description { color:white; } .bloc_slider_homepage .slider_home .fonce .container .bloc_titre >*{color:#0a070d;} .bloc_slider_homepage .slider_home .image {width:100%; height:auto; object-fit:cover;} .bloc_slider_homepage .slider_home .image {width:100%; height:auto; object-fit:cover;} .bloc_slider_homepage .slider_home .container{position: absolute; top: 20px; left: 0; text-align:center; width:100%;} .bloc_slider_homepage .slider_home .container .cta{ justify-content:center;padding-top:1rem;} } /* ---------------- */ /* Large version */ /* ---------------- */ @media only screen and (min-width: 1280px) { .header_quotation { padding: 1.2rem 1rem 0.9rem } .header_menu .main_menu .sub-menu { width: 15rem } .header_menu .main_menu .sub-menu .sub-menu { width: 28rem } .header_menu .main_menu .sub-menu-container .sub-menu-container { left: 15rem; width: 30rem } .header_menu .main_menu .sub-menu-container .sub-menu-container .sub-menu-container { left: 29rem; width: 13rem !important } .header_menu .main_menu .sub-menu-container .sub-menu-container li:hover > .sub-menu-container { display: block !important } .header_menu .main_menu .sub-menu-container .sub-menu-container .sub-menu-container div { display: block } .bloc_sliders .col-md-12 .slider_dots .content h1 { font-size: 3rem; margin: 1.5rem 0 } .bloc_sliders .col-md-7 .slider_dots .content h1 { font-size: 3rem; margin: 1.5rem 0 } .bloc_sliders .col-md-6 .slider_dots .content h1 { font-size: 2rem } .bloc_sliders .col-md-5 .slider_dots .content h1 { font-size: 2rem } .archive_image { height: 21.8rem } .main .produit_image { height: 16.5rem } .woocommerce-quote .main .fullwidth .ywraq-wrapper { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap } .woocommerce-quote .main .fullwidth .ywraq-wrapper > * { width: 100% } .woocommerce-quote .main .fullwidth .ywraq-wrapper #yith-ywraq-form, .woocommerce-quote .main .fullwidth .ywraq-wrapper #contact_form_quote { width: 49% } .woocommerce-quote .main #yith-ywraq-form table.cart .product-thumbnail { display: none } .footer .footer_content .footer_networks form div.gform_body { flex: 3 } .footer .footer_content .footer_networks form div.gform_footer { flex: 2 } /* Multiple_slider */ .multiple_slider { width: 102%; width: calc( 100% + 2rem ); margin-left: -1rem } .multiple_slider .slick-prev { background: none; color: #000000; left: -3rem; width: 3rem } .multiple_slider .slick-next { background: none; color: #000000; right: -3rem; width: 3rem } } /* ---------------- */ /* XXL version */ /* ---------------- */ @media only screen and (min-width: 1440px) { .woocommerce-quote .main #yith-ywraq-form table.cart .product-thumbnail { display: table-cell } } #tm-extra-product-options span.price { display: none !important } .tc-totals-form { display: none !important } body { display: block !important }