@media(min-width:1024px) {
.slick-thumb-nav img, .round-img{ transition:all 1s cubic-bezier(.31,1.21,.64,1.02);}
#menu { display:inline-block !important;}
#menu>li>a:hover { color:#1185af}
#menu>li:before { content:""; display:block; position:absolute; left:0; right:0; width:18px; height:10px; top:15%; opacity:0; margin:auto; background:#ffa609;}
#menu>li.current-menu-item:before, #menu>li.current-page-ancestor:before,
#menu>li:hover:before { top:0; opacity:1}
.link-foot li a:hover { color:#ffa609}
}
@media(max-width:1280px) {
#menu>li { margin-left:50px}	
}
@media(max-width:1160px) {
.bloc-step .d-flex,
[class^="bloc-ptext"]{ margin:0 -20px;}
.bloc-step .item,
[class^="bloc-ptext"]>div { padding:0 20px;}
.banner img{ padding-right:40px}	
.banner .wrapper:before{ top:auto; bottom:0}
}
@media(max-width:1024px) {
.sous {
    background-color: transparent;
    position: relative;
    width: 100%;
    z-index: 1000;
    text-align: left;
    box-shadow: none;
    left: 0;
    display: block;
}
.sous a{
    color: white;
    text-align: left;
    padding-left: 20px;
    font: normal 14px/40px hlr;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.sous a:hover{
    background-color: transparent;
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.link_textes, .arrow-up{
    display: none !important;
}
#header { z-index:100}
.nav-wrap { height:100px; padding:0}
#header .btn{ right:130px;}
.hamburger { width:56px; height:56px; border-radius:50%; position:absolute; top:50%; margin-top:-28px; z-index:99; right:40px; background: linear-gradient(90deg,#2d3287,#0e86af); background-size:200% 200%; cursor: pointer; transition-timing-function: linear; transition-duration: .15s; animation: Gradient 8s linear infinite; transition-property:all; display:flex; align-items:center; justify-content:center; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.4)}
.hamburger-box { position: relative; display: inline-block; width: 30px; height: 24px; }
.hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-delay: .13s; transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: .13s; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { position: absolute; width:100%; height:4px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; border-radius: 4px; background-color: #fff; }
.hamburger-inner:after, .hamburger-inner:before { display: block; content: ""; }
.hamburger-inner:before { top:-9px; }
.hamburger-inner:after { bottom: -10px; }
.hamburger--collapse .hamburger-inner:after { top: -18px; transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear; }
.hamburger--collapse .hamburger-inner:before { transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19); }
.hamburger--collapse.is-active .hamburger-inner:after { top: 0; transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s; opacity: 0; }
.hamburger--collapse.is-active .hamburger-inner:before { top: 0; transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s; transform: rotate(-90deg); }
.hamburger--collapse.is-active .hamburger-inner { transition-delay: .22s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: translate3d(0,-10px,0) rotate(-45deg); }	
#menu { display:none; position:absolute;width: 100%; padding:0; left: 0; text-align:left; top:100px; background:linear-gradient(to right,#0d88b0 0%,#2e2e86 100%); z-index:99}
#menu:after { content:""; display:block; position:absolute; left:0; right:0; top:100%; height:100000px; background:#000; opacity:0.9;}
#menu>li:before{ display:none}
#menu>li { display:block; padding:0; margin:0 !important}
#menu>li:last-child a{ border:none;}
#menu>li:after { display:none}
#menu>li>a { padding:0 40px; line-height:48px; border-bottom:1px solid rgba(255, 255, 255, 0.1); color:#fff; margin:0; border-radius:0}
[class^="bloc-ptext"] .photo img { width:100%; height:auto;}
#menu>li.current-menu-item>a, #menu>li.current-page-ancestor>a { background:linear-gradient(to right,#e84920 0%,#f18904 100%); color:#fff}
.bloc-progress{ padding-bottom:20px;}
[class^="title"]{ font-size:16px}
.footer-content {
    display: block;
    position: static;
    text-align: center;
}
.link-foot {
    justify-content: center;
    position: static;
    transform: inherit;
    position: static;
    text-align: center;
}
.scroll {
    top: -64px;
}
}
@media(max-width:960px) {
.slider-testimony{ padding:0}
.slider-testimony .slick-arrow>* { display:none;} 
.slider-testimony .slick-arrow{ width:50px; height:50px; border-radius:50%; overflow:hidden; margin:0; padding:0; box-shadow:none; margin-top:-25px}
.slider-testimony .slick-prev { left: -10px; background:url(../img/arrow-prev.svg) center no-repeat #224f95}
.slider-testimony .slick-next { right: -10px; background:url(../img/arrow-next.svg) center no-repeat #224f95}
.bloc-testimony{ margin:0 -10px;}
}
@media(max-width:800px) {
.banner { background:#f6f6f6; padding:50px 0}
.banner .wrapper{ padding-top:0}
.banner .wrapper:before { display:none;}
.banner img{  width:30%; position:absolute; right:0; top:50%; transform:translateY(-50%)}
.banner .d-flex>div.texte-banner { width:100%}
.list-asset { padding:40px 0 0}
.list-asset .item { width:100%; display:flex; align-items:center; flex-flow:row wrap;}	
.list-asset .content{ max-width:100%; text-align:left; padding:20px 0 20px 20px; margin:0; width:calc(100% - 90px)}
.list-asset .icon{ margin:0}
.list-asset p { margin:0; line-height:24px}
.list-asset span{ min-height:0}
[class^="bloc-ptext"]{ display:block;}
[class^="bloc-ptext"]>div { width:auto;}
.bg-grey1{ padding-top:20px}
.bg-grey1 .bloc-ptext { padding:0 0 45px} 
.bloc-progress{ padding:50px 0 0}
.circle canvas { width:100px !important; height:100px !important; margin:0 auto}
.circle { width:100px}
.circle .numscroller { font-size:20px; margin-top:-18px}
.bloc-step{ padding-bottom:20px;}
.page-tarif .bloc-ptext .photo img {
    max-height: 260px;
    margin-bottom: 40px;
}
}
@media(max-width:768px) {
.p-4 { padding: 25px}
#menu>li>a,.bloc-step .card,.bloc-contact,.content-form,
.wrapper { padding-left:20px !important; padding-right:20px !important}
.set-user,
.hamburger{ right:20px;}
.custom-logo-link { left:20px}
.custom-logo-link img { width:110px}
.bloc-progress .item { width:50%; padding:10px}
.circle{ margin-bottom:0}
.bloc-step .item{ width:100%; position:static; margin-bottom:38px !important;}
.bloc-step{ padding-top:0}
.bloc-step:before{ display:none;}
.bloc-progress { padding: 50px 0 40px; }
.bloc-step h2 { margin-top:50px}
.bandeau .wrapper{ background:none}
.bandeau .texte{ padding:40px 0; max-width:100%}
.scroll{ right:20px}
.slider-image { padding:34px 30px 20px}
.slider-testimony .slick-prev{ left:7px;}
.slider-testimony .slick-next{ right:7px;}
.login-card{ margin:70px auto 50px;}
.left-login { display: none;}
#inscription-editeur .left-login h2 { color: #455a65}
#inscription-editeur .left-login h2::before { display: none}
#inscription-editeur .left-login { position: static;background: transparent;width: 100%; color: #455a65;}
#inscription-editeur .left-login .text-bloc { padding: 0; text-align: center}
#inscription-editeur .inner-login.inner-inscription  { max-width: 500px}
.form-command .optimisations { grid-template-columns: 1fr }
.item-ytg .optimisation-card--header .cst-radiobtn { left: 15px; top: 30%; }
}
@media(max-width:640px) {
.compte-menu {padding-right: 50px;}
.banner img{ display:none}
#header .btn { right: 90px;}
.footer-top{ padding:10px 0}
.footer-content{ justify-content:center;}
.link-foot { justify-content:center; position:static; transform:none; margin-top:0;display: block; text-align: center}
.link-foot li { margin: 0}
}
@media(max-width:600px) {
#header .btn { width:56px; height:56px; border-radius:50%; font-size:0; letter-spacing:0; padding:0; margin-top:-28px}
#header .btn:before { content:url(../img/man-avatar.svg); display:block; position:absolute; letter-spacing:0; line-height:0; top:50%; left:50%; transform:translate(-50%,-50%)}
.current-connect #header .btn:after{ display:none;}
.texte-banner { padding: 50px 0 0; }
.banner h1 { font: 24px/32px rlb;}
.bloc-progress { padding:40px 0}
.bloc-progress .item{ width:100%; display:flex; align-items:center;}
.circle { margin:0; line-height:0}
.bloc-progress .title{ padding-left:40px; text-align:left}
.slider-testimony { padding:0 0 50px;}
.slider-image { padding:34px 10px 20px}
.wrap-content{ padding-left:20px; padding-right:20px}
.slider-testimony .slick-arrow{ top:auto; bottom:0;}
.slider-testimony .slick-prev { left:50%; margin-left:-60px}
.slider-testimony .slick-next { right:50%; margin-right:-60px}
.half-field .field { width:100%;}
.form-command .field label { margin-bottom: 10px; }
.p-4 { padding: 25px}
.form-command { padding: 25px; }
.footprint { display: block; }
.footprint > div { display: block; padding-top: 30px; }
}
@media(max-width:360px) {
.circle{ width:90px}
.circle canvas { width: 90px !important; height: 90px !important;}
.bloc-progress .title { padding-left:20px}	
}