/*
 * Everything Helix Ultimate injected inline on the Folium site, in its order:
 * 1. header.php <style> (logo name), 2. the template custom_css param (verbatim; it holds a
 * devtools paste "user agent stylesheet a:-webkit-any-link" that never matches), 3. font rules, 4. logo height.
 * Edit this file for design changes; template.css / presets/default.css are Folium's compiled CSS, untouched.
 */

/* 1. headers/style-1/header.php */
.logo-image-nom {height:40px;width:auto;float:left;margin-left:20px;}

/* 2. custom_css */
#sp-bottom a:hover{
color:#F7A500;
}

.sppb-btn.sppb-btn-primary {
    color: #fff;
    border-color: #0B1E42;
    background-color: #0B1E42;
}


.sppb-btn.sppb-btn-primary:hover{
    color: #fff;
    border-color: #F7A500;
    background-color: #F7A500;
}


.sppb-btn-success {
    color: #fff;
    background-color: #0B1E42;
    border-color: #0B1E42;
}

.sppb-btn-success:hover {
    color: #fff;
    background-color: #F7A500;
    border-color: #F7A500;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    top: -60px;
}

#sp-bottom-2{
background-color: #000F2E;
background-image: url(/images/2020/11/06/fond-footer-ok2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 100% 0;
}

#sp-bottom {
    padding: 0;
background-color: #0B1E42;
}

/*.sp-page-builder .page-content #section-id-1604673080210{
display : none;
}*/

strong {
    font-weight: 500;
}

.puces li{
margin-left :20px;
}

h1{
font-family: "Zilla Slab" !important;
font-size: 60px !important;
line-height: 70px !important;
font-weight: 500 !important;
}

h2{
font-family: 'Montserrat', sans-serif !important;
font-size: 45px !important;
line-height: 55px !important;
font-weight: bold !important;
}

h3{
font-family: "Zilla Slab" !important;
font-size: 30px !important;
line-height: 40px !important;
font-weight: 300 !important;
font-style: italic !important;
}

h4{
font-family: 'Montserrat', sans-serif !important;
font-size: 20px !important;
line-height: 27px !important;
font-weight: 500 !important;
}

h5{
font-family: "Zilla Slab" !important;
font-size: 20px !important;
line-height: 30px !important;
font-weight: 200 !important;
font-style: italic !important;
}

h6{
font-family: "Zilla Slab" !important;
font-size: 25px !important;
line-height: 35px !important;
font-weight: 300 !important;
font-style: italic !important;
}


.sppb-btn {
   font-family: "Zilla Slab" !important;
font-weight: bold;
font-size: 17px;
line-height: 27px;
}

.blanc p, .blanc h1, .blanc h2, .blanc h3, .blanc h4, .blanc h5, .blanc h6, .blanc span, .blanc .sppb-addon-content{
color: #fff;
}

#sp-header.header-sticky {
    background: #000E2D;
}

.ombre{
    box-shadow: 5px 5px 0px 0px #f7a600;
}

.sppb-addon-content {
    font-family: "Montserrat" !important;
font-weight: 300;
font-size: 14px;
line-height: 24px;
    color: #072556;
}

.sppb-addon-title{
  color: #072556;
}

.sppb-btn.sppb-btn-default {
    border-color: #092556 !important;
    background-color: #092556 !important;
    color: #fff !important;
}

.sppb-btn.sppb-btn-default:hover {
    border-color: #F7A500 !important;
    background-color: #F7A500 !important;
    color: #fff !important;
}

.sppb-btn-custom {
    border-color: #F7A500 !important;
    background-color: #F7A500 !important;
    color: #fff !important;
}

.sppb-btn-custom:hover {
    border-color: #092556 !important;
    background-color: #092556 !important;
    color: #fff !important;
}

.logo-image {
    height: auto !important;
    width: 180px;
    padding-top: 0px;
    transition: all 1s;
}

.header-sticky .logo-image {
    height: auto !important;
    width: 100px;
    transition: all 1s;
    margin-top: -20px;
}

.sp-megamenu-parent > li {
    padding: 10px 45px 0 0;
}

.sp-megamenu-parent .sp-dropdown {
    margin-top: 21px;
    width: 240px !important;
}

.sp-megamenu-parent > li > a:before, .sp-megamenu-parent > li > span:before {
    left: -10% !important;
}

.sp-megamenu-parent > li > a:before, .sp-megamenu-parent > li > span:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    height: 11px;
    width: 0;
    background-color: #F7A600;
    transition: 0.3s;
    bottom: -21px;
}

#sp-header {
    border-top: none;
    border-bottom: none;
    padding-top: 10px;
background: #000E2D;
    height: 100px;
    padding: 0 0 0 10%;
}

.sp-megamenu-parent > li:hover > a:before, .sp-megamenu-parent > li:focus > a:before, .sp-megamenu-parent > li.active > a:before {
    width: 120%;
}

#sp-menu a:hover, a:focus, a:active {
    color: #F7A600 !important;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #F7A600 !important;
}

.sp-megamenu-parent > li > a {
    color: #fff;
}
.sp-page-builder .page-content #section-id-1604588424275{
z-index: 2 ;
}


#sp-menu {width:100%;display:block;}
#sp-bottom {color:#FFF;}
#sp-bottom a {color:#FFF;}

.logo-image {
    margin-top: 72px;
}

ul ul ul {
    list-style-type: none;
}

.sp-module-content  ul.menu li{
text-align: left;
}

ul {
    padding-inline-start: 0;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #162A58;
}

a:hover, a:focus, a:active {
    color:  #162A58;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}

span.sp-copyright, span.sp-copyright a{
color:#fff;
}

span.sp-copyright a:hover{
color:#F7A500 !important;
}

#sp-footer{
    background: #000E2D;
}



a {
    color: #0345bf;
}
a, a:hover, a:focus, a:active {
    text-decoration: none;
}
a {
    transition: color 400ms, background-color 400ms;
}
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
*, ::after, ::before {
    box-sizing: border-box;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}
.blanc p, .blanc h1, .blanc h2, .blanc h3, .blanc h4, .blanc h5, .blanc h6, .blanc span, .blanc .sppb-addon-content {
    color: #fff;
}
h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 200;
}
h5 a {
    font-family: "Zilla Slab" !important;}

h5 a:hover {
    font-family: "Zilla Slab" !important;font-size:default!important;font-size:20px !important;color:#FFF!important;}



@media screen and (min-width : 768px) and (max-width : 1112px) {
#sp-bottom-2{
background-size: contain;
}

#sp-header {
padding: 0 0 0 2%;
}
.sp-megamenu-parent > li {
padding: 10px 25px 0 0;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
font-size: 14px;
}
#offcanvas-toggler > .fa{
color: #fff;
margin-right: 50px;
}
h1 {
    font-size: 2.9em !important;
    line-height: 1.2em !important;
}
h2 {
    font-size: 2.6em !important;
}

}


@media screen and (max-width: 768px) {
#offcanvas-toggler > .fa{
color: #fff;
margin-top: 50px;
}
body.ltr #offcanvas-toggler.offcanvas-toggler-right{
margin-right: 40px;
}
}

@media screen and (min-width : 320px) and (max-width : 667px) {
h1 {
    font-size: 50px !important;
    line-height: 55px !important;
}
h2 {
    font-size: 35px !important;
    line-height: 45px !important;
}
#sp-bottom-2 {
    background-size: contain;
}
}

.k-ui-namespace .docman_thumbnail img {
    max-width: 100%;
    height: auto;
width:100px!important;
}
html {background-color:#000E2D;}
body {background-color:#FFF;}

#forma a.btn {background-color:#000E2D;color:#FFF;border-radius:0px;float:right;}

@media screen and (max-width: 1299px) and (min-width: 1113px) {
#sp-header {
    padding: 0 0 0 2% !important;
} }


@media screen and (max-width: 992px) {
#sp-header .logo-image {
  margin-top:0!important;
width:auto!important;
height:40px !important;
} 
#sp-header .d-flex {display:block !important;width:100%;}
#sp-header #sp-logo {position: absolute;
    left: 20%;
    right: 20%;}
#sp-header {height:80px!important;}

}

@media screen and (max-width: 667px) {
#sp-header .logo-image {
width: auto!important;
height: 30px !important;
}
.logo-image-nom {
height: 30px !important;
}
}

.hikashop_products_pagination {display:none;}


a.hikabtn {background-color:#000E2D;color:#FFF;border-radius:0px;border:0px;}

.hikashop_product_description_main {background-color:#EEE;padding:25px;}


.hikashop_product_price_full {font-size:2em;color:#000E2D;}

.koowa_media__item__options {display:none;}

.k-ui-namespace .koowa_media--gallery .koowa_media__item {
    vertical-align: top !important;
}

.hikashop_listing_img .hikashop_product_image {margin-
bottom:20px;}
.hikashop_product_name {margin-top:20px;}
.hikashop_product_name a {font-weight:700;margin-top:20px;color:#000E2D;}

.hikashop_products_listing .hikashop_product {margin-bottom:30px;}

.k-ui-namespace .koowa_media--gallery .koowa_media__item__content {
    display: block;
    max-width: 100%;
    border-radius: 0px !important;
    background: transparent !important;
    border: 0px solid rgba(0,0,0,.1) !important;
}

.koowa_wrapped_content .overflow_container {color:#000E2D;font-weight:700;margin-top:10px;}

/* 3. Helix typography settings */
body{font-family: 'Montserrat', sans-serif;font-weight: 300;}

h1{font-family: 'Zilla Slab', sans-serif;font-size: 60px;font-weight: 600;}

h2{font-family: 'Montserrat', sans-serif;font-size: 60px;font-weight: 700;}

h3{font-family: 'Zilla Slab', sans-serif;font-size: 50px;font-weight: 300;font-style: italic;}

h4{font-family: 'Montserrat', sans-serif;font-size: 40px;font-weight: 500;}

h5{font-family: 'Montserrat', sans-serif;font-size: 40px;font-weight: 200;}

h6{font-family: 'Zilla Slab', sans-serif;font-size: 25px;font-weight: 700;}

/* 4. logo_height */
.logo-image {height:120px;}.logo-image-phone {height:120px;}

/* ---- Oui Blocks compat (pages migrated from SP Page Builder 3.7) ---------------------------------------------- */
/* template.css: .com-sppagebuilder #sp-main-body {padding:0} */
.com-blocks #sp-main-body {padding:0;}
/* SP Page Builder's column is a flex box: a child's negative / collapsing margin does not leave it. */
.blocks-layout .blocks-cell-body {display:flow-root;}
/* The custom_css rules above written for SP Page Builder classes, on their Blocks equivalents.
   .sppb-addon-content (text add-on): set on the text itself, it beats what the add-on passes down, as on the old site (SPPB 3
   printed an add-on's own text size / colour on #sppb-addon-<id>, the parent, so the template's values showed).
   Each rule weighs what the one it replaces weighed (:where() adds nothing), so the old rules' cascade holds: .blanc … beats them. */
:where(.blocks-layout .blocks-el-oui-text:not(.sppb-addon-title)) .blocks-text {font-family:"Montserrat" !important;font-weight:300;font-size:14px;line-height:24px;}
/* Colours: navy is the default of texts and headings (.sppb-addon-content / .sppb-addon-title), given to the element so the colour
   chosen in the Blocks editor (the element's own style) wins; headings and texts inherit it (Bootstrap: h1…h6 {color:inherit}).
   The colours SP Page Builder stored but the old site never showed were removed from the imported pages
   (build/normalize_imported_colors.py). */
:where(.blocks-layout .blocks-el-oui-heading, .blocks-layout .blocks-el-oui-text) {color:#072556;}
/* .blanc p, .blanc h1…h6, .blanc span, .blanc .sppb-addon-content */
.blanc .blocks-text, .blanc :is(h1,h2,h3,h4,h5,h6), .blanc.blocks-el-oui-heading :is(h1,h2,h3,h4,h5,h6), .blanc .blocks-text :is(p,span) {color:#fff;}
/* Buttons: Folium's .sppb-btn (template.css: 13px 30px, no border, 2px radius, 0.5px tracking, inline flex) with custom_css's
   type (Zilla Slab bold 17/27); an imported button's own size / colours (Blocks' per-element rules) still win, as the add-on's did.
   "default" = navy (Blocks: plain .btn-primary), "custom" = orange (.oui-btn-custom). */
.blocks-layout .blocks-el-oui-button .btn {display:inline-flex;align-items:center;padding:13px 30px;border:none;border-radius:2px;letter-spacing:.5px;white-space:pre-line;
	font-family:"Zilla Slab" !important;font-weight:bold;font-size:17px;line-height:27px;}
.blocks-layout .blocks-el-oui-button:not(.oui-btn-custom) .btn {border-color:#092556 !important;background-color:#092556 !important;color:#fff !important;}
.blocks-layout .blocks-el-oui-button:not(.oui-btn-custom) .btn:hover {border-color:#F7A500 !important;background-color:#F7A500 !important;color:#fff !important;}
/* custom_css's .sppb-btn-custom colours were !important and beat the add-on's own (not !important): Blocks prints a button's own
   colours with !important too (.btn.oui-btn-xxx), so these weigh more to keep the old result. */
.blocks-layout .blocks-el.oui-btn-custom .btn {border-color:#F7A500 !important;background-color:#F7A500 !important;color:#fff !important;}
.blocks-layout .blocks-el.oui-btn-custom .btn:hover {border-color:#092556 !important;background-color:#092556 !important;color:#fff !important;}
/* template.css @media (max-width:480px): .sppb-btn 9px 25px, .sppb-btn-default 12px */
@media (max-width:480px) {
	.blocks-layout .blocks-el-oui-button .btn {padding:9px 25px;}
	.blocks-layout .blocks-el-oui-button:not(.oui-btn-custom) .btn {font-size:12px;}
}
/* SP Page Builder positions every section (z-index 1, a zero white shadow): a section pulled up over the previous one
   (negative margin) paints above that section's overlay, not under it. */
.blocks-layout > .blocks-section {position:relative;z-index:1;}
/* .ombre sat on the add-on's inner box, the add-on's own shadow on its outer box: both show (one box here). */
.blocks-layout .blocks-el.ombre {box-shadow:5px 5px 0 0 #f7a600, 0 3px 2px 0 #ECECEC;}

/* ==== Floating buttons: ConsentKit (cookies) and oui4all (accessibility), stacked in the bottom-left corner ==============
   48px navy circles, white line icon, the icon turns yellow on hover. Cookie button at 20px from the corner, oui4all above it
   (plugin settings: bottom left, offsets 4 / 60 on top of its own 16px = x 20, bottom 76 = 20 + 48 + 8). */
:root {--legall-fab-bg:#0B1E42;--legall-fab-icon:#FFFFFF;--legall-fab-hover:#F7A600;}
.oui4all-popup .oui4all__openbtn, .ck-icon {
	width:48px !important;height:48px !important;border-radius:50% !important;
	background:var(--legall-fab-bg) !important;color:var(--legall-fab-icon) !important;border:2px solid currentColor !important;
	box-shadow:0 3px 10px rgba(0,0,0,.25) !important;transition:color .2s ease, transform .2s ease !important;
}
.oui4all-popup .oui4all__openbtn:hover, .oui4all-popup .oui4all__openbtn:focus-visible, .ck-icon:hover, .ck-icon:focus-visible {
	color:var(--legall-fab-hover) !important;transform:scale(1.06);
}
.oui4all-popup .oui4all__openbtn:focus-visible, .ck-icon:focus-visible {outline:3px solid var(--legall-fab-hover) !important;outline-offset:3px !important;}
.oui4all-popup .oui4all__openbtn svg {width:24px;height:24px;fill:none !important;stroke:currentColor;}
.ck-icon, .ck-icon--bottom-right, .ck-icon--bottom-left {left:20px !important;right:auto !important;bottom:20px !important;}
/* ConsentKit: a line cookie instead of the emoji (the label stays the button's aria-label). */
.ck-icon {font-size:0 !important;line-height:0 !important;}
.ck-icon::before {content:"";width:24px;height:24px;background-color:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5'/%3E%3Cpath d='M8.5 8.5v.01'/%3E%3Cpath d='M16 15.5v.01'/%3E%3Cpath d='M12 12v.01'/%3E%3Cpath d='M11 17v.01'/%3E%3Cpath d='M7 14v.01'/%3E%3C/svg%3E") center / contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5'/%3E%3Cpath d='M8.5 8.5v.01'/%3E%3Cpath d='M16 15.5v.01'/%3E%3Cpath d='M12 12v.01'/%3E%3Cpath d='M11 17v.01'/%3E%3Cpath d='M7 14v.01'/%3E%3C/svg%3E") center / contain no-repeat;}

/* ==== Header login dropdown ("Espace Pro") ===================================================================== */
.sp-dropdown-mega #login-form {padding:20px 20px 10px;font-size:14px;}
.sp-dropdown-mega #login-form .form-group {margin-bottom:12px;}
.sp-dropdown-mega #login-form .input-group-text {width:40px;justify-content:center;background:#f4f5f8;border-color:#dfe2e8;color:#0B1E42;}
.sp-dropdown-mega #login-form .form-control {height:40px;border-color:#dfe2e8;font-size:14px;}
.sp-dropdown-mega #login-form .form-control:focus {border-color:#F7A600;box-shadow:0 0 0 2px rgba(247,166,0,.25);}
.sp-dropdown-mega #login-form .form-check {padding-left:1.4rem;color:#072556;}
.sp-dropdown-mega #login-form .login-button {width:100%;padding:10px 20px;border:none;border-radius:2px;background:#0B1E42;font-family:"Zilla Slab";font-weight:bold;font-size:16px;letter-spacing:.5px;}
.sp-dropdown-mega #login-form .login-button:hover {background:#F7A600;}
.sp-dropdown-mega #login-form ul.unstyled {list-style:none;margin:10px 0 0;padding:0;text-align:center;font-size:13px;line-height:22px;}
.sp-dropdown-mega #login-form ul.unstyled a {color:#072556;}
.sp-dropdown-mega #login-form ul.unstyled a:hover {color:#F7A600 !important;}