@font-face { font-family: 'hlr'; src: url('../font/hlr.eot'); src: url('../font/hlr.eot?#iefix') format('embedded-opentype'), url('../font/hlr.woff2') format('woff'), url('../font/hlr.ttf') format('truetype'), url('../font/hlr.svg#hlr') format('svg');}
@font-face { font-family: 'hlb'; src: url('../font/hlb.eot'); src: url('../font/hlb.eot?#iefix') format('embedded-opentype'), url('../font/hlb.woff2') format('woff'), url('../font/hlb.ttf') format('truetype'), url('../font/hlb.svg#hlb') format('svg');}
@font-face { font-family: 'rlb'; src: url('../font/rlb.eot'); src: url('../font/rlb.eot?#iefix') format('embedded-opentype'), url('../font/rlb.woff2') format('woff'), url('../font/rlb.ttf') format('truetype'), url('../font/rlb.svg#rlb') format('svg');}
@font-face { font-family: 'rb'; src: url('../font/rb.eot'); src: url('../font/rb.eot?#iefix') format('embedded-opentype'), url('../font/rb.woff') format('woff'), url('../font/rb.ttf') format('truetype'), url('../font/rb.svg#rb') format('svg');}
@font-face { font-family: 'rcl'; src: url('../font/rcl.eot'); src: url('../font/rcl.eot?#iefix') format('embedded-opentype'), url('../font/rcl.woff') format('woff'), url('../font/rcl.ttf') format('truetype'), url('../font/rcl.svg#rcl') format('svg');}
body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;}
article, aside, dialog ,figcaption, figure, footer, header, hgroup, main, nav, section { display:block;}  

*{ outline:none !important;}
*:before, *:after { transition:all 1s cubic-bezier(.31,1.21,.64,1.02);}
strong, b{ font-weight:normal; font-family:hlb;}
ul{ list-style-type:none;}
body{ font:normal 15px/30px hlr; color:#455a65;}
a{ text-decoration:none; color:#ffa609; transition:all 1s cubic-bezier(.31,1.21,.64,1.02); position:relative;}
img{ border:none; display:block;}
p { margin-bottom:20px;}
#wrapper{ overflow:hidden; background:#fff;}
*{ box-sizing:border-box;}
.wrapper { width:100%; max-width:1160px; margin:0 auto; padding:0 40px; position:relative}
h2 { font:22px/30px rlb; text-transform:uppercase; margin-bottom:28px; color:#2b2b2b}
.titre-page:before,
h2:before{ content:""; display:block; width:18px; height:10px; margin:0 0 17px; background:#ffa609;}
.t-center h2:before { margin-left:auto; margin-right:auto}
h3 { font:20px/30px rlb; margin-bottom:22px; color:#2b2b2b;}
.btn { background-image:linear-gradient(to right,#0d88b0 0%,#2e2e86 50%,#0d88b0 100%); background-size:200% auto;transition: 0.5s; padding:0 50px; font:14px/40px hlr; color:#fff !important; text-transform:uppercase; display:inline-block; vertical-align:top; margin-top:45px; border-radius:20px; border:none !important; box-shadow:0 20px 29px 0 rgba(0,0,0,0.05);}
.btn.btn-primary { background-image:linear-gradient(to right,#e84920 0%,#f18904 50%,#e84920 100%); background-size:200% auto;}
.btn:hover {background-position:right center;}
.t-center { text-align:center}
.d-flex { display:flex; flex-flow:row wrap;}
.justify-content-between { justify-content: space-between;}
.bloc-50 .item { width:50%;}
.bloc-33 .item { width:33.333%;}
.bloc-25 .item { width:25%;}
.card { background:#fff;}
.padd-tb { padding-top:60px; padding-bottom:60px;}
.marg-tb { margin-top:60px; margin-bottom:60px;}
[class^="title"] { font:18px/24px rlb; color:#242424; margin-bottom:0; text-transform:uppercase;}
.s-titre,h3 { font:18px/24px rlb; margin-bottom:40px;}
.titre-page:before { margin-left:auto; margin-right:auto;}
.titre-page { font:30px/34px rlb; text-transform:uppercase; text-align:center; color:#2b2b2b; margin-bottom:32px; margin-top:30px}
[class^="bloc-ptext"] { display:flex; flex-flow:row wrap; align-items:center; padding:64px 0; margin:0 -50px;}
[class^="bloc-ptext"].reverse { flex-direction: row-reverse}
[class^="bloc-ptext"]>div { width:50%; padding:0 50px}
.inverse-bloc .texte { order:1;}
.inverse-bloc .photo { order:2;}
.texte :last-child { margin-bottom:0;}
[class="bg-grey"]{ background:#f6f6f6; position:relative}
.card { background:#fff; box-shadow:0 15px 15px 0 rgba(0,0,0,0.04); border-radius:6px}

#header { position:relative; z-index:10}
#header .btn { position:absolute; right:40px; top:50%; margin-top:-20px; padding:0 24px}
.current-connect #header .btn { cursor:pointer}
.current-connect #header .btn:after { content: ""; width: 11px; height: 6px; display: block; position: absolute; right: 20px; top: 50%; margin-top: -3px; background: url(../img/arrowdown.svg) center no-repeat; background-size: contain;}
.current-connect #header .btn { padding-right:40px}
.set-user { background: #fff; box-shadow: 0 0 27px 0 rgba(0,0,0,0.13); position:absolute; right:40px; top:94px;transition:all ease-in-out 200ms; opacity:0; visibility:hidden;}
.set-compte { border-bottom:1px solid #eaeaea; background: url(../img/user-compte.svg) 24px center no-repeat; background-size: 12px; }
.logout { background: url(../img/logout.svg) 24px center no-repeat; background-size: 12px; }
.show + .set-user { top:94px; opacity:1; visibility:visible;}
.btn-user.show:after { transform:rotate(-180deg)}
.set-user a { display: block; padding-left: 54px; font: 14px/54px hlr; color: #c7c7c7; padding-right: 30px;}

.custom-logo-link { display:block; position:absolute; left:40px; top:50%; transform:translateY(-50%); z-index:9}
.nav-wrap { text-align:right; padding-right:273px}
#menu { position:relative; display:inline-block; vertical-align:top;}
#menu { font-size:0; letter-spacing:0;}
#menu>li { display:inline-block; vertical-align:top; position:relative; padding:37px 0; margin:0 0 0 72px;}
#menu>li>a { display:block; font:normal 14px/40px hlr; color:#242424; position:relative; overflow:hidden; text-transform:uppercase;}
#menu>li.current-menu-item>a, #menu>li.current-page-ancestor>a { color:#1185af; font-family:hlb;}

.banner .wrapper { padding-top:63px}
.custom-page:before,
.banner .wrapper:before { content:url(../img/shape-head.svg) ; display:block; position:absolute; top:-114px; right:-408px; width:1060px; height:564px; background-size:contain}
.banner h1:before { content:""; display:block; width:18px; height:10px; margin:0 0 17px; background:#ffa609;}
.banner h1 { font:30px/35px rlb; text-transform:uppercase; color:#2b2b2b; max-width:420px; margin-bottom:16px;}
.banner .d-flex>div { width:50%;}
.texte-banner { padding-right:40px; position:relative; z-index:99}
.texte-banner p { margin-bottom:0}
.banner img { width:100%; height:auto; position:relative; z-index:9}

.bg-grey1 { background:url(../img/mask.svg) #f6f6f6 center top no-repeat; padding-top:138px}
.list-asset { padding:100px 0 30px}
.list-asset .content { max-width:300px; margin:0 auto; text-align:center; padding:0 20px}
.list-asset span { display:block; font:20px/25px rb; color:#2b2b2b; min-height:50px; margin-bottom:10px;}
.list-asset .icon { width:90px; height:auto; position:relative; margin:0 auto 50px;}
.list-asset .icon img{ display:block; margin:0 auto; position:relative;}
.list-asset .item:first-of-type .icon:before{ content:url(../img/shape-1.svg); position:absolute; top:-18px; left:-10px; line-height:0; display:block;}
.list-asset .item:nth-of-type(2) .icon:before{ content:url(../img/shape-2.svg); position:absolute; top:-18px; left:0; line-height:0; display:block;}
.list-asset .item:last-of-type .icon:before{ content:url(../img/shape-1.svg); position:absolute; top:-18px; right:-10px; line-height:0; display:block; transform:rotateY(180deg)}

@-webkit-keyframes Gradient{
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
@-moz-keyframes Gradient{
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
@keyframes Gradient{
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
.bandeau{ animation: Gradient 6s linear infinite;background: linear-gradient(135deg,#ffb60b,#ff9707,#ff8606,#fa7604,#ff6802); background-size: 500% 500%;}
.bandeau .wrapper { max-width:870px; background:url(../img/amelioration-position.png) right center no-repeat}
.bandeau h2 { margin: 0 0 20px;}
.bandeau h2:before { display:none}
.bandeau .texte { max-width:400px; padding:120px 0}
.bandeau p { margin:0; color:#fff}
.bandeau .btn { margin-top:30px}

.bloc-progress { padding:80px 0}
.bloc-progress .title { text-align:center;}
.circle { position:relative; width:160px; margin:0 auto 16px}
.circle .numscroller { display:block; position:absolute; top:50%; margin-top:-22px; left:0; right:0; text-align:center; line-height:160px; font:30px/32px rlb; color:#2b2b2b}
.bloc-progress .item:last-of-type .numscroller:after { content:"%"; display:inline-block;}

.bloc-step { position:relative; background:#f6f6f6; padding:161px 0 75px;}
.bloc-step h2 { margin-top:42px}
.bloc-step:before { content:""; display:none; position:absolute; top:0; left:0; right:0; transform:rotateY(180deg); height:126px; background:url(../img/mask.svg) top center no-repeat}
.bloc-step .d-flex { margin:0 -50px; align-items:flex-start}
.bloc-step .item { padding:0 50px; position:relative}
.bloc-step .item:nth-of-type(3) { top:-150px}
.bloc-step .item:nth-of-type(2) { margin-bottom:98px;}
.bloc-step .card { padding:60px 36px 36px; position:relative;}
.bloc-step .item:nth-of-type(2) .card:after {background: linear-gradient(135deg,#ffb60b,#ff9707,#ff8606,#fa7604,#ff6802); background-size:200% 200%;}
.bloc-step .item:nth-of-type(3) .card:after {background: linear-gradient(135deg,#2c3489,#2c3489,#166fa4,#1080ac,#1080ac); background-size:200% 200%;}
.bloc-step .item:last-of-type .card:after {background: linear-gradient(135deg,#03e393,#03e393,#04da95,#127ca8,#1377a9); background-size:200% 200%;}
.bloc-step .card:after { content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:5px; animation: Gradient 3s linear infinite;}
.bloc-step .card h3 { margin-bottom: 12px; }
.bloc-step .card p { margin-bottom:0;}
.bloc-step .card span { display:block; font:40px/42px rlb; color:#2b2b2b; margin-bottom:22px;}
.bloc-step .card img { position:absolute; left:60px; top:-20px}

.bloc-testimony{ padding:60px 0}
.wrap-content { border:1px solid #f7f7f7; padding:0 46px 43px; box-shadow:0 10px 10px 0 rgba(0,0,0,0.06)}
.wrap-content p { margin:0;}
.slider-testimony { position: relative; padding:0 200px;width: 100%;}
.slider-image { position: relative; padding:34px 10px 20px;}
.slider-image .slider-caption-wrap { display: inline-block; width: 100%; vertical-align: top; text-align:center}
.slider-image .slider-caption-wrap .caption-details { display: block; margin: 0 auto; padding:0;}
.slick-arrow { top: auto; bottom: 0; z-index: 9; display: inline-block; height: 200px; width: 200px; margin-bottom: 0; position:relative;}
.slick-arrow.slick-prev { left: 0;}
.slick-arrow.slick-next { right: 0;}
.slick-arrow:before { display: none;}
.slideshow__slides:hover .slick-arrow .arrow-icon {opacity: 1;}
.slick-arrow .arrow-icon span { display: inline-block; padding: 50px 0; font-size: 55px; }
.slick-arrow .arrow-icon.prev-slick-arrow { left: 0;}
.slick-arrow .arrow-icon.next-slick-arrow {right: 0;}
.slick-dots li button:before {font-size: 16px;}
.slick-thumb-nav { background-repeat:no-repeat; background-position:center;margin:0 auto; border-radius:50%; overflow:hidden;}
.slick-thumb-nav img,
.round-img { border-radius:50%; width:66px; height:66px; margin:0 auto; object-fit:cover}
.round-img { margin-top:-32px}
.slider-testimony .s-titre { display:block; text-align:center; color:#2b2b2b; font-size:16px; margin:30px 0 18px}
.slider-testimony .slick-arrow { border-radius:0; border:1px solid #f7f7f7; background:#fff; position:absolute; top:50%; margin-top:-100px; box-shadow:0 10px 10px 0 rgba(0,0,0,0.06)}
.slider-testimony .slick-prev { left:0;}
.slider-testimony .slick-next { right:0;}
.slick-thumb-nav .s-titre { display:none !important; margin-bottom:5px !important;}
.slick-thumb-nav .s-titre:last-of-type { display:block !important}

/* contact */
#wrapper.custom-page { background:#f6f6f6; position:relative;}
.custom-page:before { filter:brightness(0) invert(1); right:-308px}
.bloc-contact { max-width:522px; margin:0 auto 90px; position:relative; z-index:99;}
.content-form { padding:38px 30px 50px; position:relative; z-index:9; background:#fff}
.field { margin-bottom:17px;}
.field label { display:block; font:14px/28px hlr; color:#acacac; margin-bottom:3px;}
.field select,.field textarea,
.field input { height: 40px; display: block; width:100%; padding:6px 20px; height:44px; border:1px solid #f4f4f4; color:#040404; font:14px/26px hlr;-webkit-appearance: none;-moz-appearance: none;appearance: none; background: transparent;}
.field select { background:url(../img/down.svg) right+12px center no-repeat #f9f9f9; color:#000}
.field textarea::placeholder,
.field input:placeholder { color:#040404; font:14px/28px hlr;}
.half-field { display:flex; margin:0 -8px; flex-flow:row wrap}
.half-field .field { padding:0 8px; width:50%}
.field textarea { resize:none; height:140px}
.field-btn { text-align:center; margin-bottom:0; margin-top:22px}
.field-btn .btn { border:none; cursor:pointer; width:100%; display:block; max-width:250px; margin:0 auto; padding:0 15px}
.field input.login { background:url(../img/user.svg) 20px center no-repeat; padding-left:50px; height:40px;}
.field input.pass { background:url(../img/pass.svg) 20px center no-repeat; padding-left:50px; height:40px;}
.deco { position:relative;}
.deco:before { content:url(../img/shape-deco.svg); display:block; position:absolute; top:-30px; right:-60px; z-index:0}
.checkcontainer {display: block;position: relative;padding-left:20px;cursor: pointer;font-size:12px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkcontainer input {position: absolute;opacity: 0;cursor: pointer;}
.radiobtn{position: absolute;top:50%; margin-top:-7px;left: 0;height: 13px;width:13px;background-color: #f4f4f4; border-radius:2px; border:1px solid #b3b3b3}
.radiobtn:after { content: "";position: absolute;display: none;}
.checkcontainer input:checked ~ .radiobtn:after {display: block;}
.checkcontainer .radiobtn:after { left: 2px;top:-1px;width:4px;height:8px;border: solid #f28802;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.login-card .field-btn .btn { width:auto; display:inline-block; padding:0 40px}

.login-card .content-form { padding:20px 20px 22px 286px;}
.inner-login { max-width:290px; margin:0 auto}
.inner-login.inner-inscription { max-width: 350px;}
.inner-inscription .field input~label {left: 23px; }
.login-card{ max-width:740px; margin:130px auto 150px;}
.login-card .titre-page { margin-top:0; text-transform:initial; font-size:20px; margin-bottom:22px}
.login-card .titre-page:before { display:none;}
.checkcontainer {display: block;position: relative;padding-left:20px;cursor: pointer;font-size:12px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkcontainer input {position: absolute;opacity: 0;cursor: pointer;}
.radiobtn{position: absolute;top:50%; margin-top:-7px;left: 0;height: 13px;width:13px;background-color: #f4f4f4; border-radius:2px; border:1px solid #b3b3b3}
.radiobtn:after { content: "";position: absolute;display: none;}
.checkcontainer input:checked ~ .radiobtn:after {display: block;}
.checkcontainer .radiobtn:after { left: pay-2px;top:-1px;width:4px;height:8px;border: solid #f28802;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.login-card .field-btn .btn { width:auto; display:inline-block; padding:0 40px}
.connect-rs{ text-align:center; margin-top:20px; font-size:13px}
.connect-rs .d-flex { justify-content:center; align-items:center;}
.connect-rs .d-flex a { margin:0 13px;}
.connect-rs p:last-of-type { margin:20px 0 0}
.connect-rs a { color:#302a84}
.connect-rs p a { display:inline-block;}
.field{ position:relative;}
.login-card .field { margin-bottom:27px;}
.field input+label, .field .mc-form-group +label { position: absolute; left:44px; width: 100%; top: 7px; transition: 0.3s; z-index: -1; letter-spacing: 0.5px; font-size:12px;}
.field input:focus~label, .field input.has-content~label { top: -24px; left: 0; font-size: 12px; color: #227ea5; transition: 0.3s; }
.left-login{ position:absolute; left:0; top:0; bottom:0; width:287px; background:linear-gradient(to right,#312882, #208cab);}
.left-login img { display:block; margin:0 auto; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%)}
.flexLogin {   margin-top: -8px; display: flex; justify-content: space-between;    margin-bottom: 17px;}
.mc_radiobtn { margin-bottom: 20px; font-size: 12px;}
.field .message.error,.invalid-feedback { font-size: 12px;color: #dc0303;line-height: 20px;}
.field .mc-form-group +label {top: -24px;left: 0;color: #227ea5;}

/* footer */
.footer-top { background:linear-gradient(to right,#117dab,#2c3489); padding:38px 0;font-size:14px; color:#fff; position:relative;}
.footer-content{ display:flex; position:relative}
.scroll {
    position: absolute;
    right: 40px;
    top: -170px;
    width: 50px;
    height: 50px;
    margin-top: 0;
    border-radius: 50%;
    background: linear-gradient(to right,#ffc40d 0%,#ff5900 100%);
    z-index: 9;
    cursor: pointer;
}

.scroll:before { content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; line-height:0;background:url(../img/scrolltop.svg) center no-repeat;}
.link-foot { display:flex; position:absolute; right:40px; top:50%; transform:translateY(-50%);}
.link-foot li{ margin-left:54px; position:relative;}
.link-foot li:first-child { margin-left:0}
.link-foot a { position:relative;}
.link-foot li:after { content:"|"; display:block;position:absolute; right:-30px; top:1px}
.link-foot li:last-child:after { display:none;}
.link-foot li a { color:#fff}
.footer-bottom{ text-align:center; padding:40px 0}
.footer-bottom .d-flex { justify-content:center;}
.footer-bottom .d-flex img { padding:0 15px}
.logo-foot{ display:inline-block; vertical-align:top;}
/*.pay-title{ margin:37px 0 18px}*/

.custom-page form#inscription > p:last-of-type { margin: 20px 0 0; text-align: center;}
.p-4 { padding: 40px}
.page main { padding-bottom: 40px;}

.mc-mdp-oublie {font-size: 12px; }

.alert.alert-dange { color: red; font-size: 13px;}

.inner-login .alert-danger { color: #e40404;font:  13px/25px hlr;}
.inner-login .alert-success { color: #028402;font:  13px/25px hlr;}

.inner-login .error-field .alert.alert-success { color: #028402; background: #e2efd4; font-size: 12px}

.error-field { margin-bottom: 40px }
.inner-login .error-field .alert { line-height: normal; color: #e40404; position: relative; padding: 20px;	 background-color: #ffe0e0; font-size: 12px; }
.inner-login .error-field .alert.success { line-height: normal; color: #009688; position: relative; padding: 20px; background-color: #cefbd0; font-size: 12px; }
.inner-login .error-field .alert::before { content: 'X'; width: 28px; height: 28px; background-color: #e43304; color: white; display: inline-block; text-align: center; line-height: 28px; position: absolute; top: 20px; left: 20px; display: none }
.inner-inscription .mc_radiobtn > label.custom-control { margin-right: 25px;}
.inner-inscription .mc_radiobtn > label.custom-control:last-of-type { margin-right: 0;}
.password-field { position: relative}
.password-field .toggleview { cursor: pointer; position: absolute; background: url(../img/eye.png) no-repeat center; width: 40px; height: 100%; background-size: 15px; right: 0; opacity: .5 }
.password-field .toggleview.active { opacity: 1 }
#inscription-editeur { max-width: 840px;}
#inscription-editeur .left-login { width: 380px; color: white; display: flex; justify-content: center; align-items: center;}
#inscription-editeur .left-login .text-bloc { padding: 40px 25px}
#inscription-editeur .left-login h2 { color:white}
#inscription-editeur .content-form { padding: 20px 20px 22px 400px; }
.ml2 { font-weight: 900; font-size: 3.5em; }
.ml2 .letter { display: inline-block; line-height: 1em; margin-right: 12px; }

/* Page tarif */
.bandeau.simple { text-align: center}
.bandeau.simple .texte{ margin: 0 auto; padding: 70px 0;max-width: 500px;}
.bandeau.simple .wrapper { background: transparent}
.bandeau.simple .btn { margin-top: 15px; }

.page-tarif .texte h4 { color: #205799; font-size: 16px; text-transform: uppercase; line-height: 25px; margin-bottom: 15px;}
.texte h1 { font:30px/33px rlb; text-transform:uppercase; margin-bottom:28px; color:#2b2b2b}
.texte h1:before { content:""; display:block; width:18px; height:10px; margin:0 0 17px; background:#ffa609;}
.page-tarif .bloc-ptext .photo img { max-height: 400px;}
.page-tarif .bg-grey1 { background: url(../img/mask.svg) #f6f6f6 center top no-repeat; padding-top: 80px; }
.texte ul li > strong { font-size: 24px; font-family: hlb}
.texte ul li { padding-left: 20px; }
.texte ul li::before { content: ""; background: url(../img/ul-li-arrow-front.svg) no-repeat center; width: 9px; height:9px; background-size: contain; display: inline-block; margin-right: 15px}
.page-tarif .texte p:last-of-type { margin: 0}
.page-tarif .texte .btn {
    margin-top: 13px;
}
.footprint {
    display: flex;
    justify-content: space-between;
}
.footprint > div { display: flex; align-items: center; }
#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}

.kl_sousMenuOffShore {
    box-shadow: 0px 1px 2px #CCC;
    background-color: white;
    position: absolute;
    width: 200px;
    z-index: 1000;
    left: -70px;
    padding: 14px;
}

.fleche_bulle {
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid;
    margin-left: 30px;
    color: #5cadd3;
    }

.sous{
    display: none;
    box-shadow: 0px 1px 2px #ccc;
    background-color: white;
    position: absolute;
    width: 205px;
    z-index: 1000;
    left: -66px;
}

.arrow-up {
    width: 0;
    height: 0;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    border-bottom: 10px solid white;
    position: absolute;
    left: 80px;
    top: -10px;
}


nav > ul li:hover .sous{
    display: block;
}
.sous li{
    float: none;
    width: 100%;
    text-align: left;
}

.sous a {
    padding: 10px;
    border-bottom: none;
    font-size: 13px;
    color: black;
    width: 100%;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

.sous a:hover{
    border-bottom: none;
    background-color: RGBa(200,200,200,0.1);
    color: #ffa609;
}

.qk_one_option {
    width: fit-content;
    float: left;
    margin-right: 10px;
}

.bloclisteOptoon {
    margin-top: 10px;
}

.entry-header {
    margin-bottom: 40px;
}

.card {
    background-color: white;
    border: 1px solid #ececec;
    padding: 25px;
}

/* Page commande */
#page-commande::before {
    content: "";
    background-color: #f6f6f6;
    top: 0;
    left: 0;
    height: 50%;
    width: 100%;
    position: absolute;
}
#page-commande {
    padding: 60px 0;
    position: relative;
}

#page-commande .wrapper {
    max-width: 1066px;
}
.form-command input,
.form-command textarea {
    border-radius: 6px;
    background-color: #fafafa;
}
.form-command .field label {
    font-family: 'rlb';
    color: black;
    font-weight: normal;
}
#page-commande .layout--aside {
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr 300px;
}

.form-command {
    padding: 40px;
}

.form-command .optimisations {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.item-ytg {
    transition: ease-in-out all .3s;
}

.item-ytg:hover .card {
    cursor: pointer;
    box-shadow: 0 15px 15px 0 rgb(0 0 0 / 4%);
}
.item-ytg .optimisation-card--header {
    min-height: 125px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}
.item-ytg .optimisation-card--header .cst-radiobtn {
    position: absolute;
    left: 5px;
    top: 5px;
}

.item-ytg .optimisation-card--header > * {
    position: relative;
    z-index: 20;
}
.optimisation-card--header::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100% !important;
}

.niv-0 .optimisation-card--header::after {
    content: "";
    background: url(../img/red-ytg.svg) no-repeat center;
}
.niv-1 .optimisation-card--header::after {
    content: "";
    background: url(../img/blue-ytg.svg) no-repeat center;
}
.niv-2 .optimisation-card--header::after {
    content: "";
    background: url(../img/orange-ytg.svg) no-repeat center;
}
.niv-3 .optimisation-card--header::after {
    content: "";
    background: url(../img/green-ytg.svg) no-repeat center;
}

.optimisation-card--body {
    margin-top: -20px;
    padding: 0 5px;
}

.optimisation-card--body .card {
    padding: 25px 10px;
    box-shadow: none;
    transition: ease-in-out all .3s;
}

.optimisation-card--body li {
    position: relative;
    padding-left: 20px;
}
.optimisation-card--body li::before {
    content: url("../img/checkmark.svg");
    position: absolute;
    left: 0;
    top: 0;
}

.layout--aside {
    position: sticky;
    top: 25px;
}

input[type="range"] {
    height: 12px;
}

.aside-contents {
    display: grid;
    gap: 30px;
}

.aside-contents .card {
    padding: 0;
}

.aside-contents li {
    position: relative;
    padding-left: 15px;
}
.aside-contents li::before {
    content:"";
    width: 4px;
    height: 4px;
    background-color: #0d88b0;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 14px;
}

.card-title {
    font-size: 18px;
    font-family: rlb;
    color: black;
    padding: 15px 20px;
    border-bottom: #ececec 1px solid;
}

.card-body {
    padding: 20px;
}

#resume-command tfoot {
    background-color: #f9f9f9;
}

#resume-command table {
    border-collapse: collapse;
    width: 100%;
}
#resume-command table tbody::after {
    content: "";
    height: 22px;
    display: block;
}
#resume-command table td {
    line-height: 1.3;
}

#resume-command table td {
    padding: 3px 10px;
}
#resume-command table tfoot {
    padding-top: 10px;
}
#resume-command table tfoot td {
    padding: 10px;
}

.t-green {
    color: #028402;
}
@media (max-width: 1024px) {    
    #page-commande .layout--aside {
        display: block;
    }
    .aside-contents {
        margin-top: 30px;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 920px) {
    .aside-contents {
        grid-template-columns: 1fr
    }
}  

/* #nombreDeMotRange{
    padding-left: 0px;
    padding-right: 0px;
} */

.range-value-item {
    align-items: center
}

.range-value-item .input-range-value {
    max-width: 75px;
    margin-right: 15px;
}
.range-value-item .input-range-slider {
    flex: 1
}

.range-value-item .input-range-value input {
    height: auto;
    padding: 2px 2px;
    text-align: center;
}


.titreTexteCommande {
    padding-bottom: 0px;
    margin-bottom: 5px !important;
}

.infomaxmot {
    font-weight: normal!important;
    font: normal 15px/30px hlr;
}

#id_sansOptiomisation{
    font-size: 13px;
    display: block;
    color: red;
    cursor: pointer;
}
#id_sansOptiomisation:hover{
    text-decoration: underline;
}
#id_sansOptiomisation.hide{
    display: none;
}

.sousTexte{
    line-height: 20px;
}
.notvisible{
    opacity: 0;
}

.item-ytg.hide{
    display: none !important;
}