/* GENERAL */

h1, h2, h3, h4, h5, h6, p {
    font-family: 'Space Grotesk';
    color: black;
}

h1 {
    font-size: 82px;
    font-weight: 700;
    font-style: normal;
    line-height: 80px;
    letter-spacing: -0.03em;
}

h2 {
    font-size: 62px;
    font-weight: 700;
    font-style: normal;
    line-height: 64px;
    letter-spacing: -0.03em;
}

h3 {
    font-size: 38px;
    font-weight: 600;
    font-style: normal;
    line-height: 40px;
    letter-spacing: -0.03em;
}

h4, h5, h6 {
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -0.03em;
}

.content {
    max-width: 1220px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.bg-img-center {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.box-33 {
	float: left;
	width: 33.333333%;
}

.box-40 {
	float: left;
	width: 40%;
}

.box-50 {
	float: left;
	width: 50%;
}

.box-60 {
	float: left;
	width: 60%;
}

.anim {
    transition-duration: 0.2s;
}

.anim:hover {
    transition-duration: 0.2;
    transform: scale(0.95);
}

body.modal-open {
    height: 100vh;
    overflow-y: hidden;
}

header {
    padding-top: 100px;
    position: relative;
    z-index: 10000;
}

#ariane {
    margin-bottom: 50px;
}

#ariane p,
#ariane p a {
    color: #9F9F9F;
}

#ariane p a {
    margin-left: 10px;
    margin-right: 10px;
}

#ariane p > span > span > a {
    margin-left: 0!important;
}

#ariane strong {
    text-decoration: underline;
    font-weight: normal;
    margin-left: 10px;
} 

#onetrust-consent-sdk {
    font-family: 'Space Grotesk'!important;
    color: black!important;
}

#onetrust-consent-sdk #onetrust-accept-btn-handler, 
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler), #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn {
    background-color: #156ffa!important;
    border-color: #156ffa!important;
    font-family: 'Space Grotesk'!important;
    border-radius: 20px;
    padding-left: 20px!important;
    padding-right: 20px!important;
    font-size: 14px!important;
}

#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
    font-family: 'Space Grotesk'!important;
    border-radius: 20px;
    padding-left: 20px!important;
    padding-right: 20px!important;
    background-color: #ECF2FF!important;
    color: #156FFB!important;
    text-decoration: none!important;
    font-size: 14px!important;
}

#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link:hover {
    background: #D1D7F3!important;
    text-decoration: none!important;
    outline: none!important;
}

#onetrust-policy-text {
    font-family: 'Space Grotesk'!important;
    font-weight: 600!important;
}

#onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group button {
    width: auto!important;
}

#onetrust-banner-sdk:not(.ot-iab-2).vertical-align-content #onetrust-button-group-parent {
    position: absolute!important;
    left: inherit!important;
    right: 0px!important;
    text-align: right!important;
    padding-right: 35px;
    width: 70%!important;
}

#onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container {
    width: 40%!important;
}

#onetrust-banner-sdk #onetrust-close-btn-container {
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
}

#onetrust-banner-sdk .ot-sdk-three.ot-sdk-columns, #onetrust-pc-sdk .ot-sdk-three.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-three.ot-sdk-columns {
    width: 50%!important;
}

/* NAV */
nav.nav-cityscoot {
    width: 100%;
    min-height: 120px;
    background-color: white;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
}

nav.nav-cityscoot #logo-cityscoot {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000000;
}

nav.nav-cityscoot #logo-cityscoot > a {
    display: block;
}

nav.nav-cityscoot #logo-cityscoot > a > img {
    display: block;
}

nav.nav-cityscoot #menu-cityscoot {
    width: 100%;
    position: relative;
    z-index: 100000;
}

nav.nav-cityscoot #menu-cityscoot ul.menu_ul {
	float: right;
	list-style-type: none;
	padding: 0;
	margin: 0;
    margin-left: 80px;
    margin-top: 36px;
}

nav.nav-cityscoot #menu-cityscoot ul.menu_ul > li {
    float: left;
	position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

nav.nav-cityscoot #menu-cityscoot ul.menu_ul > li.menu_li_register {
    margin-right: 10px!important;
}

nav.nav-cityscoot #menu-cityscoot ul.menu_ul > li.menu_li_connexion {
    margin-left: 0!important;
    margin-right: -20px!important;
}

nav.nav-cityscoot #menu-cityscoot ul.menu_ul > li:last-child {
    margin-right: 0;
}

nav.nav-cityscoot #menu-cityscoot ul.menu_ul > li > a {
    font-family: 'Space Grotesk';
    font-weight: 700;
	color: black;
	font-size: 15px;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 30px;
    z-index: 1000;
    position: relative;
}

nav.nav-cityscoot #menu-cityscoot ul.menu_ul > li > a:hover {
    text-decoration: none;
    background: #EFEFF1;
}

nav.nav-cityscoot #menu-cityscoot ul.menu_ul > li.menu_li_city > a:hover {
    text-decoration: none;
    background: #EFEFF1;
    border-radius: 8px;
    z-index: 1000;
    position: relative;
}

nav.nav-cityscoot #menu-cityscoot ul.menu_ul > li.menu_li_connexion a:hover {
    background: none;
}

nav.nav-cityscoot #menu-cityscoot ul.menu_ul > li > a#citybtn {
    margin-bottom: 20px;
}

nav.nav-cityscoot #menu-cityscoot ul.menu_ul > li > a#citybtn:after {
    content: "";
	width: 11px;
	height: 7px;
	background-image: url("../img/v2/arrow_down_black.svg");
	background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    display: block;
    float: right;
    transition-duration: 0.2s;
    margin-top: 20px;
    margin-left: 7px;
}

nav.nav-cityscoot #menu-cityscoot ul.menu_ul > li > a#citybtn:hover:after {
    /* transform: rotate(-180deg); */
}

nav.nav-cityscoot #menu-cityscoot .dropdown-city {
    width: 100%;
    border-radius: 8px;
    background-color: #efeff1;
    box-shadow: none;
    position: absolute;
    top: -40px;
    left: 0;
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 85px;
    padding-top: 37px;
    padding-bottom: 16px;
    z-index: 100;
    display: none;
}

nav.nav-cityscoot #menu-cityscoot .menu_li_city:hover .dropdown-city {
	display: block;
}

nav.nav-cityscoot #menu-cityscoot .menu_li_city .dropdown-city:hover {
	display: block;
}

nav.nav-cityscoot #menu-cityscoot ul.submenu {
    list-style: none;
    padding: 0;
    margin: 0;
}

nav.nav-cityscoot #menu-cityscoot ul.submenu li {
    margin-top: 7px;
    margin-bottom: 7px;
}

nav.nav-cityscoot #menu-cityscoot ul.submenu li:last-child {
    margin-bottom: 0;
}

nav.nav-cityscoot #menu-cityscoot ul.submenu li a {
    color: #000000;
    font-family: 'Space Grotesk';
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    /* display: block; */
}

nav.nav-cityscoot #menu-cityscoot ul.submenu li a:hover {
    text-decoration: none;
    color: #6692FC;
}


nav.nav-cityscoot #menu-cityscoot ul.menu_ul > li > a.subscribe-btn {
    background-color: #156FFB;
    color: white;
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 48px;
}

nav.nav-cityscoot #menu-cityscoot ul.menu_ul > li > a.subscribe-btn:hover {
    background: #6692FC;
}

nav.nav-cityscoot #header_lang {
	text-transform: uppercase;
    color: #000000;
    font-family: 'Space Grotesk';
    font-size: 15px;
    font-weight: 700;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    margin-bottom: 20px;
    background: transparent;
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 1000;
}

nav.nav-cityscoot #header_lang:hover {
    background: transparent;
}

nav.nav-cityscoot #header_lang:after {
    content: "";
	width: 11px;
	height: 7px;
	background-image: url("../img/v2/arrow_down_black.svg");
	background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    display: block;
    float: right;
    transition-duration: 0.2s;
    margin-top: 20px;
    margin-left: 7px;
}

nav.nav-cityscoot #menu-cityscoot .menu-langues-container li {
    margin-top: 5px;
    margin-bottom: 5px;
}

nav.nav-cityscoot #menu-cityscoot .menu-langues-container img {
	width: 24px;
	display: inline-block;
    margin-top: -4px;
}

nav.nav-cityscoot #menu-cityscoot .menu-langues-container span.wpml-ls-display {
    display: inline-block;
    margin-left: 0px;
    text-transform: uppercase;
}

nav.nav-cityscoot #menu-cityscoot .menu_li_flag:hover .menu-langues-container {
	display: block!important;
}

nav.nav-cityscoot #menu-cityscoot .menu-langues-container ul li a, 
nav.nav-cityscoot #menu-cityscoot .menu-langues-container-header ul li a {
    color: #000000;
    font-family: 'Space Grotesk';
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    display: block;
}

nav.nav-cityscoot #menu-cityscoot .menu-langues-container ul li a:hover, 
nav.nav-cityscoot #menu-cityscoot .menu-langues-container-header ul li a:hover {
    text-decoration: none;
    color: #6692FC;
}

.content-menu-mobile {
    display: none;
    background-color: white;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 64px;
    overflow-y: scroll;
}

.content-menu-mobile ul {
    list-style: none;
    padding: 0;
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.content-menu-mobile ul > li {
    margin-top: 5px;
    margin-bottom: 5px;
}

.content-menu-mobile ul > li > a {
    font-family: "Space Grotesk";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -0.03em;
    text-align: left;
    color: black;
    display: block;
}

.content-menu-mobile ul > li > a:hover {
    color: #156FFB;
    text-decoration: none;
}

nav.nav-cityscoot #menu-cityscoot-mobile {
    width: 100%;
    position: relative;
    z-index: 100000;
    height: 100%;
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

nav.nav-cityscoot #menu-cityscoot-mobile #action-menu {
    width: 30px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    float: right;
    border: 0;
    outline: none;
    background: transparent;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

nav.nav-cityscoot #menu-cityscoot-mobile #action-menu.no-active {
    background-image: url('../img/v2/burger-close.svg');

}

nav.nav-cityscoot #menu-cityscoot-mobile #action-menu.active {
    background-image: url('../img/v2/burger-open.svg');
}

/* HOME */

.en-tete {
    width: 100%;
    height: 800px;
    position: relative;
    margin-top: -27px;
    /* margin-top: 15%; */
     /*184px; */
}

.en-tete:before {
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 50%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.en-tete:after {
    content: "";
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 20% 106%;
    background-image: url('../img/v2/watermark.svg');
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.main-title {
    font-family: 'Anton';
    text-transform: uppercase;
    color: black;
    text-align: center;
    padding-top: 20px;
    letter-spacing: 0em;
    margin-bottom: 10px;
    z-index: 1000;
    position: relative;
}

.en-tete .content-apps {
    text-align: center;
    z-index: 10;
    position: absolute;
    width: 100%;
    bottom: 64px;
    left: 0;
    right: 0;
}

.en-tete .content-apps p {
    font-family: "Space Grotesk";
    font-weight: 700;
    font-size: 38px;
    color: white;
    text-align: center;
    margin-bottom: 25px;
}

.en-tete .content-apps a {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    transition-duration: 0.2s;
}

.en-tete .content-apps a:hover {
    transform: scale(0.95);
    transition-duration: 0.2s;
}

/* FOOTER */

footer .footer-top {
    width: 100%;
    background-color:#D1D7F3;
}

footer .footer-top .content {
    display: flex;
    justify-content: flex-start;
    padding-top: 57px;
    padding-bottom: 57px;
}

footer .footer_top_left_container {
    height: 100%;
    display: flex;
    align-items: center;
}

footer .footer_top_left_container .footer_logo_img {
    width: 48px;
}

footer .footer_top_left_container a {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
}

footer .menu-footer-villes-container {
    margin-left: 64px;
}

footer ul#menu-footer-villes {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer ul#menu-footer-villes li {
    display: inline-block;
}

footer .footer_top_left_container a {
    color: black;
    margin-right: 20px;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Space Grotesk';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

footer .footer_top_right_container {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 15px;
}

footer .footer_top_right_container a {
    display: flex;
    align-items: center;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    position: relative;
}

footer .footer_top_right_container a img {
    display: block;
    margin-left: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

footer .footer-bottom {
    width: 100%;
    background-color: black;
    padding-top: 90px;
}

footer .footer-menu-container > div:first-child {
    display: block;
    width: 66%;
    float: left;
    /* margin-top: 40px; */
    margin-bottom: 60px;
}

footer .footer-menu-container > div:first-child > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    flex-direction: column;
}

footer .footer-menu-container > div:first-child > ul > li {
    display: block;
    width: 50%;
    float: left;
}

footer .footer-menu-container > div:first-child > ul > li > a {
    cursor: default;
    width: 100%;
    color: white;
    font-size: 38px;
    font-family: 'Space Grotesk';
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 25px;
    display: block;
}

footer .footer-menu-container > div:first-child > ul > li > a:hover {
    text-decoration: none;
}

footer .footer-menu-container > div:first-child > ul > li > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .footer-menu-container > div:first-child > ul > li > ul > li {
    margin: 0;
    margin-bottom: 5px;
    font-size: 20px;
}

footer .footer-menu-container > div:first-child > ul > li > ul > li > a {
    color: white;
    font-family: 'Space Grotesk';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

footer .footer-menu-container > div:first-child > ul > li > ul > li > a:hover,
footer .footer-menu-container > div:first-child > ul > li > ul > li > a:focus {
    text-decoration: none;
    color: #6692FC;
}

footer .footer_language_dl_container {
    width: 33.3333333%;
    float: left;
}

footer .footer_select_container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 60px;
    position: relative;
}

footer .footer_language_dl_container .button {
    margin-bottom: 14px;
}

footer .footer_flag {
    width: 24px;
    height: 24px;
    margin-right: 15px;
    width: 24px;
    height: 16px;
    margin-right: 15px;
    margin-top: -6px;
}

footer #footer_lang {
    color: white;
    font-family: 'Space Grotesk';
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.22px;
    line-height: 36px;
    text-transform: uppercase;
    cursor: pointer;
    margin-right: 10px;
}

footer #footer_lang:after {
    content: "";
	width: 11px;
	height: 7px;
	background-image: url("../img/v2/arrow_down_white.svg");
	background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    display: block;
    float: right;
    transition-duration: 0.2s;
    margin-top: 15px;
}

footer #footer_lang.active:after {
    transform: rotate(-180deg);
    transition-duration: 0.1s;
}

.menu-langues-container, 
.menu-langues-container-header {
    width: 35px;
    border-radius: 8px;
    background-color: #EFEFF1;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 53px;
    padding-left: 20px;
    padding-right: 56px;
    padding-top: 40px;
    padding-bottom: 0px;
    display: none;
    z-index: 100;
}

.footer_select_container .dropdown-lang {
    width: 200px;
    border-radius: 2px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 20px 0 rgba(88,103,119,0.1);
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 53px;
    padding-left: 30px;
    padding-top: 39px;
    padding-bottom: 16px;
    display: none;
    z-index: 100;
}

.menu-langues-container {
    margin-top: 0px;
}

.footer_select_container .dropdown-lang ul.submenu, 
.menu-langues-container ul, 
.menu-langues-container-header ul {
    list-style: none;
    padding: 0;
}

.footer_select_container .dropdown-lang ul.submenu li, 
.menu-langues-container ul li, 
.menu-langues-container-header ul li {
    margin-top: 25px;
    margin-bottom: 25px;
}


.footer_select_container .dropdown-lang ul.submenu li a, 
.menu-langues-container ul li a, 
.menu-langues-container-header ul li a {
    color: #000000;
    font-family: 'Space Grotesk';
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    display: block;
}

.footer_select_container .content-dropdown > div:nth-child(2) {
    background: none;
    padding: 0;
    margin: 0;
    margin-top: 27px!important;
    right: 0;
    width: 38px;
    left: inherit;
}

.footer_select_container .content-dropdown > div:nth-child(2) ul li {
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer_select_container .content-dropdown > div:nth-child(2) ul li img {
    display: none;
}

.footer_select_container .content-dropdown > div:nth-child(2) ul li a {
    color: white;
    text-transform: uppercase;
}


.footer_dl_app {
    float: right;
    text-align: right;
    margin-top: 60px;
    display: inline-block;
}

.footer_dl_app a {
    /* margin: 0 0 1vw 1vw; */
    margin-bottom: 20px;
    display: inline-block;
}

.footer_apple_dl {
    width: 160px;
    margin-right: 10px;
}

.footer_android_dl {
    width: 160px;
    margin-left: 10px;
}

.footer_apple_dl img, 
.footer_android_dl img {
    width: 100%;
}

footer .footer_copyright_container {
    font-size: 12px;
    padding-top: 20px;
    padding-bottom: 25px;
}

footer .footer_copyright_container .left {
    float: left;
    width: 30%;
}

footer .footer_copyright_container p {
    margin: 0;
    color: #9F9F9F;
    font-family: 'Space Grotesk';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
}

footer .footer_copyright_container .right {
    float: right;
    width: 70%;
    text-align: right;
}

footer .footer_copyright_container .right p {
    display: inline-block;
    margin-left: 30px;
    margin-bottom: 20px;
}

footer .cgu > a, 
footer .mention > a {
    color: #9F9F9F;
    font-family: 'Space Grotesk';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

footer .cgu > a:hover, 
footer .mention > a:hover {
    color: #6692FC;
    text-decoration: none;
} 

.section-en-tete {
    margin-top: 100px;
}


/* CITIES CHOICE */

.section-cities {
    margin-top: 100px;
}

.section-cities .cities-content {
    width: 100%;
    color: black;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    text-align: center;
    margin-top: 70px;
    margin-bottom: 140px;
} 

.section-cities .cities-content h4 {
    margin-top: 25px;
}

.section-cities .block3_city_container {
    opacity: 0;
	transform: translate(0, 10px) scale(0.9);
    transition-delay: 0.4s;
    transition: opacity 0.35s,transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	width: 320px;
}

.section-cities .block3_city_container > a:hover {
    text-decoration: none;
}

.section-cities .block3_city_container > a img {
	transition-duration: 0.2s;
	position: relative;
	top: 0;
}

.section-cities .block3_city_container > a:hover img {
	filter: drop-shadow(0 2px 4px rgba(21, 31, 49, 0.4));
	transition-duration: 0.2s;
	/*transform: translateY(-5px);*/
	top: -5px;
}

/* CITIES PRESENTATION */

.section-cities-prez {
    margin-top: 110px;
}

.section-cities-prez .bg-lightning {
    background-image: url('../img/v2/lightning.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 84% center;
    position: relative;
    display: block;
    /* z-index: ; */
}

.section-cities-prez .part-img {
    text-align: right;
    position: relative;
}

.section-cities-prez .part-img img {
    display: inline-block;
}

.section-cities-prez .part-img img.picto-ville {
    position: absolute;
    left: 5%;
    transition-duration: 0.2s;
}

.section-cities-prez .part-img img.picto-ville:hover {
    transition-duration: 0.2s;
    transform: scale(1.10);
}

.section-cities-prez .part-img img.image-app {
    max-width: 333px;
    width: 100%;
}

.section-cities-prez .part-text .content-text {
    max-width: 360px;
    width: 100%;
}

.section-cities-prez .content-img {
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
}

.section-cities-prez .content-img .picto-ville {
    position: absolute;
    left: 0;
    top: 0;
}

.section-cities-prez .content-img.ville ul {
    padding-left: 180px;
}

.section-cities-prez .content-img.ville ul li {
    padding-top: 22px;
    padding-bottom: 22px;
}


.section-cities-prez .part-text p {
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.03em;
    text-align: left;
}

.section-cities-prez .part-text strong {
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.02em;
    text-align: left;    
}

.section-cities-prez .part-text ul {
    list-style: none;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 30px;
}

.section-cities-prez .part-text ul li {
    font-family: "Space Grotesk";
    font-size: 82px;
    font-style: normal;
    font-weight: 700;
    line-height: 100px;
    letter-spacing: -0.03em;
    text-align: left;
    color: black;    
}

.section-cities-prez .part-picto {
    margin-top: 150px;
}

.section-cities-prez .part-picto.ville {
    margin-top: 90px;
    margin-bottom: 0;
}

.section-cities-prez .part-picto.ville > .box-100 {
    margin-bottom: 50px;
    transition-duration: 0.2s;
}

.section-cities-prez .part-picto.ville > .box-100:hover {
    transition-duration: 0.2s;
    transform: scale(1.05);
}

.section-cities-prez .part-picto .box-33 {
    transition-duration: 0.2s;
}

.section-cities-prez .part-picto .box-33:hover {
    transition-duration: 0.2s;
    transform: scale(1.05);
}

.section-cities-prez .part-picto p {
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.02em;
    text-align: left;
    position: relative;
    padding-left: 70px;
}

.section-cities-prez .part-picto img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* APPS */

.section-apps {
    overflow: hidden;
    margin-top: 160px;
}

.section-apps .part-text .title {
    margin-bottom: 30px;
}

.section-apps .part-text p {
    font-family: "Space Grotesk";
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.02em;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.section-apps .content-btn-apps {
    margin-top: 80px;
    margin-bottom: 50px;
}

.section-apps .content-btn-apps a {
    display: inline-block;
}

.section-apps .content-btn-apps a.ios {
    margin-right: 20px;
}

.section-apps .content-btn-apps a:hover,
.section-apps .content-btn-apps a:focus {
    text-decoration: none;
    outline: none;
}

.section-apps .box-40 {
    margin-bottom: -100px;
}

.section-apps .part-img img {
    width: 80%;
    margin-left: auto;
    display: block;
}

/* MAP */

.section-map h2.title {
    text-align: center;
    margin-top: 90px;
    margin-bottom: 30px;
}

.section-map p.subtitle {
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.02em;
    text-align: center;
    max-width: 636px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 80px;
}

.section-map .bloc-map {
    margin-bottom: 40px;
}

/* ESTIMATE */

.section-estimate {
    margin-top: 150px;
}

.section-estimate h2.title {
    text-align: center;
    margin-top: 90px;
    margin-bottom: 50px;
}

.section-estimate #address-start {
	width: 380px;
	display: inline-block;
}

.section-estimate #address-end {
	width: 380px;
	display: inline-block;
}

.section-estimate .forms .mapboxgl-ctrl-geocoder {
	width: 100%;
	max-width: inherit;
	margin: 0;
    border: 0;
    border-radius: 64px;
    border: none;
    background-color: #FFFFFF;
    width: 380px;
    margin-bottom: 10px;
    font-family: 'Space Grotesk';
    font-size: 18px;
    line-height: 26px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: none;
}

.section-estimate .mapboxgl-ctrl-geocoder .geocoder-pin-right * {
	top: 2px;
	height: 64px!important;
	right: 20px;
	background-color: transparent;
	vertical-align: middle;
	background-position: center;
}

/* .mapboxgl-ctrl button:not(:disabled):hover {
    background-color: transparent!important;
} */

.section-estimate .mapboxgl-ctrl-geocoder .geocoder-icon-search {
	display: none;
}

.section-estimate .mapboxgl-ctrl-geocoder ul {
	text-align: left;
	font-size: 16px;
}

.section-estimate .mapboxgl-ctrl-geocoder input[type='text'] {
    padding: 17px 30px;
    height: 64px;
    background: #F9F9F9;
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.02em;
    text-align: left;
    border-radius: 64px;
    border: none;

}

.section-estimate .forms {
    text-align: center;
    margin-bottom: 100px;
}

.section-estimate .forms button {
	border: 0;
	vertical-align: middle;
    margin-left: 10px;
}

.section-estimate .forms button > .estimate {
	border: 0;
	border-radius: 80px; 
	background: linear-gradient(270deg, #17e29e 0%, #156ffa 100%);
	color: #FFFFFF; 
	font-family: "Space Grotesk"; 
	font-size: 24px; 
	font-weight: 900; 
	line-height: 34px; 
	text-align: center;
    padding: 13px 35px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 20px;
	/*display: none;*/
	transition-duration: 0.2s;
}

.section-estimate .forms button > .reload {
	border: none;
	width: 18px;
	display: block;
    margin-left: 20px;
}

.section-estimate .forms button:focus,
.section-estimate .forms button > .estimate:focus
.section-estimate .forms button > .reload:focus {
	outline: none;
}

.section-estimate .forms button > .reload img {
	width: 100%;
}

/* PRICE */

.section-price h2.title {
    text-align: center;
    margin-top: 90px;
    margin-bottom: 30px;
}

.section-price p.subtitle {
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.02em;
    text-align: center;
    max-width: 636px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 80px;
}

.section-price .content-item {
    border-radius: 8px;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.section-price .content-item .logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* height: 34px; */
    width: auto;
    margin-bottom: 20px;
}

.section-price .owl-carousel {
    margin-bottom: 130px;
}

.section-price .content-detail {
    border-radius: 8px;
    overflow: hidden;
}

.section-price .content-item .content-price {
    position: relative;
    height: 286px;
}

.section-price .content-item .content-price span.price {
    font-family: "Anton";
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 142px;
    letter-spacing: -0.01em;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-price .content-item .content-price span.price:after {
    content: "€";
    font-family: "Anton";
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: 0em;
    text-align: left;
    position: absolute;
    top: 24px;
}

.section-price .content-item .content-price span.price-detail {
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-align: center;
    position: absolute;
    top: 78%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-price .content-item.blue .content-price {
    background: #ECF2FF;
}

.section-price .content-item.blue .content-price span {
    color: #156FFB;
}

.section-price .content-item.green .content-price {
    background: #F3FBDA;
}

.section-price .content-item.green .content-price span {
    color: #37DA8A;
}

.section-price .content-item.yellow .content-price {
    background: #FFF0C0;
}

.section-price .content-item.yellow .content-price span {
    color: #FDB548;
}

.section-price .content-item .content-description {
    background: #F9F9F9;
    padding-right: 50px;
    padding-left: 50px;
    padding-top: 45px;
    padding-bottom: 45px;
}

.section-price .content-item .content-description p.description {
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.03em;
    text-align: center;
}

.section-price .content-item .content-description p.sub-description {
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.03em;
    text-align: center;
    margin-bottom: 0;
}

.section-price .owl-carousel.owl-drag .owl-item {
    /* max-width: 380px; */
    /* margin-left: auto; */
    /* margin-right: auto; */
}

/* .section-price .owl-theme .owl-nav.disabled+.owl-dots {
    bottom: -50px;
    top: inherit;
} */
.section-price .owl-carousel:hover .owl-nav button {
    display: block;
}

.section-price .owl-theme .owl-nav button {
    display: none;
}

.section-price .owl-theme .owl-nav .disabled {
    display: none!important;
}

.section-price .owl-theme .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 30px;
    /* background-color: rgba(214, 214, 214, 0.75);     */
    background-image: url("../img/v2/previous.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.section-price .owl-theme .owl-nav button.owl-prev:hover {
    background-image: url("../img/v2/previous_hover.svg");
}

.section-price .owl-theme .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 30px;
    /* background-color: rgba(214, 214, 214, 0.75); */
    background-image: url("../img/v2/next.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.section-price .owl-theme .owl-nav button.owl-next:hover {
    background-image: url("../img/v2/next_hover.svg");
}

.section-price .owl-theme .owl-nav span {
    /* position: absolute; */
    /* top: 50%;
    left: 50%; */
    /* transform: translate(-50%, -50%); */
    color: white;
    font-size: 0;
    /* background-image: url("https://www.cityscoot.eu/wp-content/themes/cityscoot/assets/img/v2/arrow-nav.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 12px;
    position: absolute; */
}

.section-price .owl-theme .owl-nav button:hover {
    /* background-color: #156ffa; */
    background-color: inherit;
}

.section-price .owl-theme .owl-nav button:focus {
    outline: none;
}

.section-price .owl-theme .owl-dots {
    bottom: -50px;
    top: inherit;
    position: relative;
}

#dotsContainer {
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: -100px;
    margin-bottom: 100px;
    display: none;
}

#dotsContainer .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

#dotsContainer .owl-dot.active span, 
#dotsContainer .owl-dot:hover span,
#dotsContainer .owl-dot:hover {
    cursor: default;
}

#dotsContainer .owl-dot.active span {
	background-color: #156ffa;
    outline: none
}

#dotsContainer .owl-dot:focus {
    outline: none;
}

#dotsContainer .owl-dot {
    display: inline-block;
    zoom: 1;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span,
#dotsContainer .owl-dot.active span, #dotsContainer .owl-dot:hover span {
    background: black;
}
/* SCOOTER */

.section-scooter h2.title {
    text-align: center;
    margin-top: 90px;
    margin-bottom: 30px;
}

.section-scooter p.subtitle {
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.02em;
    text-align: center;
    max-width: 636px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
}

.section-scooter img.scooter {
    max-width: 660px;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


.section-scooter .block_step .part-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	max-width: 620px;
    filter: drop-shadow(0 2px 24px rgba(21, 31, 49, 0.1));
    float: left;
    width: 50%;
    position: relative;
    left: 0%;
}

.section-scooter .block_step .content-step {
	position: relative;
}

.section-scooter .block_step .part-step {
    top: 50%;
    float: left;
    position: absolute;
    width: 50%;
    right: 0%;
    transform: translateY(-50%);
}


.section-scooter .block_step {
	max-width: 1220px;
	width: 100%;
	margin-left: auto;
    margin-right: auto;
    margin-top: 130px;
    margin-bottom: 200px;
}

.section-scooter .block_step .part-image img {
	/*visibility: hidden;*/
	width: 100%;
}

.section-scooter .block_step ul {
	list-style: none;
	padding: 0;
	max-width: 445px;
	width: 100%;
	margin-top: 104px;
}

.section-scooter .block_step ul li {
	position: relative;
	margin-bottom: 40px;
	margin-top: 40px;
	cursor: pointer;
}

.section-scooter .block_step ul li .title-step {
    color: #CECECE;
}

.section-scooter .block_step ul li .desc-step {
    display: none;
}

.section-scooter .block_step ul li.start .desc-step {
    display: block;
}

.section-scooter .block_step ul li.step-1 {

}

.section-scooter .block_step ul li.step-2 {
	/* left: 90px */
}

.section-scooter .block_step ul li.step-3 {
	/* left: 90px */
}

.section-scooter .block_step ul li.step-4 {
	/*margin: 0;*/
}

.section-scooter .block_step ul li.start .border {
  /* animation: wave 1s 1 ease-in-out; */
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
  /* opacity: 0; */

    left: -8px;
    top: -17px;
    width: 56px;
    height: 56px;
	border: 3px solid #156ffa;
}


.chart svg {
    position: absolute;
    top: -19px;
    left: -10px;
}


.section-scooter .block_step ul li .outer {
    fill: transparent;
    stroke: #fff;
    stroke-width: 4px;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: paused;

    /* firefox bug fix - won't rotate at 90deg angles */
    /* -moz-transform: rotate(-89deg) translateX(-190px); */
}

.section-scooter .block_step ul li.start .outer {
    fill: transparent;
    stroke: #156ff9;
    stroke-width: 4px;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;

    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
}


/* .chart:hover .outer {
    stroke-dashoffset: 534 !important;
    -webkit-animation-play-state: paused;
} */
/* END Circle colors and graphic positions */


/* Set the initial values for the animation */
.section-scooter .block_step ul li.start.chart[data-percent='100'] .outer {
    stroke-dashoffset: 0;
    -webkit-animation: show100 2s;
    animation: show100 2s;
}

.section-scooter .block_step ul li.start.chart[data-percent='75'] .outer {
    stroke-dashoffset: 133;
    -webkit-animation: show75 2s;
    animation: show75 2s;
}

.section-scooter .block_step ul li.start.chart[data-percent='50'] .outer {
    stroke-dashoffset: 267;
    -webkit-animation: show50 2s;
    animation: show50 2s;
}

.section-scooter .block_step ul li.start.chart[data-percent='25'] .outer {
    stroke-dashoffset: 401;
    -webkit-animation: show25 2s;
    animation: show25 2s;
}
/* END set initial animation values */

/* Keyframes for the initial animation */
@-webkit-keyframes show100 {
    from {
        stroke-dashoffset: 537;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes show100 {
    from {
        stroke-dashoffset: 537;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes show75 {
    from {
        stroke-dashoffset: 537;
    }

    to {
        stroke-dashoffset: 134;
    }
}

@keyframes show75 {
    from {
        stroke-dashoffset: 537;
    }

    to {
        stroke-dashoffset: 124;
    }
}

@-webkit-keyframes show50 {
    from {
        stroke-dashoffset: 537;
    }

    to {
        stroke-dashoffset: 267;
    }
}

@keyframes show50 {
    from {
        stroke-dashoffset: 537;
    }

    to {
        stroke-dashoffset: 267;
    }
}

@-webkit-keyframes show25 {
    from {
        stroke-dashoffset: 537;
    }

    to {
        stroke-dashoffset: 401;
    }
}

@keyframes show25 {
    from {
        stroke-dashoffset: 537;
    }

    to {
        stroke-dashoffset: 401;
    }
}
/* END Keyframes for the initial animation */

/* .section-scooter .block_step ul li.start .border:nth-child(1) {
	animation-delay: 0.2s;
	left: -8px;
	top: -8px;
	width: 76px;
	height: 76px;
	border: 3px solid #156ffa;
}

.section-scooter .block_step ul li.start .border:nth-child(2) {
    animation-delay: 0.4s;
    left: -16px;
    top: -16px;
    width: 92px;
    height: 92px;
    border: 3px solid #156ffa;
}

.section-scooter .block_step ul li.start .border:nth-child(3) {

} */

.section-scooter .owl-carousel-step {
	display: none;
}

/* @keyframes wave {
    0% {transform: scale(1);opacity: 0;}
    50% {transform: scale(1.075);opacity: 0.6;}
    100% {transform: scale(1.15);opacity: 0;}
} */

.section-scooter .image-step-2,
.section-scooter .image-step-3,
.section-scooter .image-step-4 {
	display: none;
} 

.section-scooter .block_step .value-step {
	width: 40px;
	height: 40px;
	display: block;
	background: #156ffa;
	border-radius: 50%;
	position: absolute;
	top: -9px;
	left: 0;
	/*transform: translateY(-50%);*/
	cursor: pointer;
} 

.section-scooter .block_step .value-step > span {
	/* font-family: "Space Grotesk";	
	font-size: 32px;	
	font-weight: 900;	
	line-height: 36px;	
	text-align: center;
	display: block;
	width: 60px;
	height: 60px;
	line-height: 60px;
    color: white; */
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.03em;
    text-align: center;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 42px;
    padding-right: 1px;
}

.section-scooter .block_step .step {
	padding-left: 80px;
}

.section-scooter .block_step .step .title-step {
	/* color: #000000;  */
	font-family: "Space Grotesk"; 
	font-size: 22px; 
	font-weight: 900; 
	line-height: 26px;
	margin: 0;
}

.section-scooter .block_step .step .title-step {
	/*opacity: 0.6;*/
}

.section-scooter .block_step .start p.title-step {
    color: black;
    font-family: "Space Grotesk";
    font-size: 24px;
}

.section-scooter .block_step .start .step .title-step {
    opacity: 1.0;
    margin-bottom: 10px;
}

.section-scooter .block_step .step .desc-step {
	color: #000000; 
	font-family: "Space Grotesk"; 
	font-size: 18px; 
	font-weight: 500; 
	line-height: 26px;
}



/* EN-TETE 1 */

.section-en-tete-1 .bg-img-center {
    width: 100%;
    height: 700px;
    position: relative;
}

.section-en-tete-1 .content-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-right: 100px;
    padding-left: 100px;
    padding-bottom: 100px;
}

.section-en-tete-1 .content-text .title {
    margin-bottom: 0;
}

.section-en-tete-1 .content-text .subtitle {
    margin-bottom: 0;
    margin-top: 10px;
}

.section-en-tete-1 .content-detail {
    margin-top: 140px;
}

.section-en-tete-1 h1.title {
    color: white;
}

.section-en-tete-1 h3.subtitle {
    color: white;    
}

/* STATUS */

.section-status h2.title {
    text-align: center;
    margin-top: 90px;
    margin-bottom: 30px;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.section-status p.description {
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.02em;
    text-align: center;
    max-width: 636px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 90px;
    max-width: 650px;
}

.section-status .owl-carousel {
    margin-bottom: 140px;
}

.section-status .owl-carousel .content-minutes .logo {
    height: 52px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.section-status .owl-carousel .content-minutes .minutes {
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.03em;
    text-align: center;
    display: block;
    margin-top: 10px;
}

.section-status .owl-carousel .content-offer {
    text-align: center;
    margin-top: 30px;
}

.section-status .owl-carousel .content-offer .offer-minutes {
    border-radius: 37px;
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    text-align: center;
    color: white;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 100;
}

.section-status .owl-carousel .pink .content-offer .offer-minutes {
    background: #FFADAE;
}

.section-status .owl-carousel .green .content-offer .offer-minutes {
    background: #66E0AD;
}

.section-status .owl-carousel .blue .content-offer .offer-minutes {
    background: #6692FC;
}

.section-status .owl-carousel .content-offer img {
    margin-top: -10px;
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.section-status .owl-carousel .pink img.illustration {
    width: 103%!important;
    left: -9%;
    position: relative;
}

.section-status .owl-carousel .green img.illustration {
    width: 101%!important;
    left: -6%;
    position: relative;
}

.section-status .owl-theme .owl-nav.disabled+.owl-dots {
    bottom: -50px;
    top: inherit;
}

/* TITRE */

.section-title {
    text-align: center;
    margin-bottom: 100px;
}

.section-title h2.title {
    text-align: center;
    padding-top: 90px;
    margin-bottom: 30px;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

.section-title p.description {
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.02em;
    text-align: center;
    max-width: 636px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
    max-width: 650px;
}

.section-title .btn-primary {

}

/* TEXT */

.section-text .item {
    position: relative;
    margin-bottom: 80px;
}

.section-text .item .box-50.part-text {
    position: absolute;
    height: 100%;
}

.section-text .item.left .box-50.part-text {
    left: 0;
}

.section-text .item.left .box-50.part-image {
    float: right;
}


.section-text .item.right .box-50.part-text {
    right: 0;
}

.section-text .item.right .box-50.part-image {
    float: left;
}

.section-text .item .box-50.part-text {
    position: absolute;
    height: 100%;
}

.section-text .item .box-50.part-text .title {
    font-family: "Space Grotesk";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.03em;
    text-align: left;
    margin-bottom: 20px;
}

.section-text .item .box-50.part-text .description p {
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.03em;
    text-align: left;

}

.section-text .item .box-50.part-image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.section-text .item .content-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -49%);
    max-width: 410px;
    width: 90%;
}

.section-text .item .content-text a.button {
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #156FFB;
    text-decoration: none;
    position: relative;
    margin-top: 10px;
    display: inline-block;
}

.section-text .item .content-text a.button:hover {
    text-decoration: none;
}

.section-text .item .content-text a.button:hover:after {
    margin-left: 10px;
    transition-duration: 0.2s;
}

.section-text .item .content-text a.button:after {
    content: "";
    background-image: url("../img/v2/arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 5px;
    transition-duration: 0.2s;
}

/* COMPTA */

.section-compta h3.title {
    text-align: center;
    max-width: 590px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}

.section-compta .content-compta {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}

.section-compta .content-compta .title {
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.03em;
    text-align: center;
}

.section-compta .content-compta ul {
    padding-left: 50px;
    padding-right: 30px;
}

.section-compta .content-compta ul > li {
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.03em;
    text-align: left;
    margin-bottom: 10px;
}

.section-compta .content-compta .compta-ok,
.section-compta .content-compta .compta-nok {
    background: #F9F9F9;
    border-radius: 8px;
    padding-top: 60px;
    padding-bottom: 50px;
    width: 380px;
}

.section-compta .content-compta .compta-ok {
    position: relative;
    float: left;
}

.section-compta .content-compta .compta-ok:before {
    content: "";
    background-image: url("../img/v2/ok.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-size: contain;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -32px;
}

.section-compta .content-compta .compta-nok {
    position: relative;
    float: right;
}

.section-compta .content-compta .compta-nok:before {
    content: "";
    background-image: url("../img/v2/nok.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-size: contain;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -32px;
}

/* VIDEO */

.section-video .embed-container { 
	position: relative; 
	padding-bottom: 50%;
	overflow: hidden;
    /* max-width: 100%; */
    max-width: 1083px;
    margin-left: auto;
    margin-right: auto;
	height: auto;
} 

.section-video .embed-container iframe {
	display: none;
}

.section-video .embed-container iframe,
.section-video .embed-container object,
.section-video .embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.section-video .vue-video {
    position: relative;
    margin-top: 120px;
    margin-bottom: 120px;
}

.section-video .image-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.section-video .image-video:before {
	content: "";
	background-color: red;
}

.section-video .start-video {
	width: 210px;
	height: 62px;
	background-color: transparent;
	border: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1000;
	transition-duration: 0.2s;
}

.section-video .start-video:hover {
	transform: translateX(-50%) translateY(-50%) scale(1.07);
	transition-duration: 0.2s;
}

.section-video .start-video:focus {
	outline: none;
}

.section-video .start-video img {
	width: 100%;
}

/* FAQ LIST */

.section-faq-list {
    margin-top: 80px;   
}

.section-faq-list .title {
    text-align: center;
    margin-bottom: 60px;
}

.section-faq-list .content-list-faq {
    max-width: 1008px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 150px;
}

.section-faq-list ul {
    list-style: none;
    padding: 0;
}

.section-faq-list ul > li {
    border-bottom: 1px solid #EFEFF1;
}

.section-faq-list ul > li:last-child {
    /* border: none; */
}

.section-faq-list ul > li > a.question {
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.02em;
    text-align: left;
    position: relative;
    display: block;
    color: black;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 50px;
}

.section-faq-list ul > li > a.question:hover {
    text-decoration: none;
    color: #6692fc;
}

.section-faq-list ul > li > a.question svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.section-faq-list ul > li > a.question:hover svg circle {
    fill: #6692FC;
}

/* SLIDER */

.section-slider .owl-carousel {
    margin-top: 100px;
    margin-bottom: 150px;
}

.section-slider .owl-carousel .item {
    max-width:1220px; 
    width: 100%;
    margin-right: auto; 
    margin-left: auto;
}

.section-slider .owl-theme .owl-nav.disabled+.owl-dots {
    bottom: -50px;
    top: inherit;
}

/* CATEGORIES */

.section-categories h3.title {
    font-family: "Space Grotesk";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.03em;
    text-align: center;
    color: black;
    margin-bottom: 120px;
}

.section-categories .content-categories .category {
    text-align: center;
    margin-bottom: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

.section-categories .content-categories .category .icon {
    position: relative;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background-color: #ECF2FF;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.section-categories .content-categories .category .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
}

.section-categories .content-categories .category p.title {
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.03em;
    text-align: center;
    color: black;
    margin-bottom: 5px;
}

.section-categories .content-categories .category a.link {
    font-family: Space Grotesk;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #156FFB;
    position: relative;
}


.section-categories .content-categories .category a.link:hover {
    text-decoration: none;
}

.section-categories .content-categories .category a.link:hover:after {
    margin-left: 10px;
    transition-duration: 0.2s;
}

.section-categories .content-categories .category a.link:after {
    content: "";
    background-image: url("../img/v2/arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 5px;
    transition-duration: 0.2s;
}

/* EDITEUR TEXTE */

.section-editeur .content-editeur ul,
.section-editeur .content-editeur ol {
    padding: 0;
    padding-left: 20px;
}

.section-editeur .content-editeur a {
    color: #156ffa;
}

.section-editeur .content-editeur p,
.section-editeur .content-editeur li {
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.03em;
    /* text-align: left; */
    color: black;
}

.hero {
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.03em;
    color: black;
}

.section-editeur .content-editeur h1 {
    font-size: 82px;
    font-weight: 700;
    font-style: normal;
    line-height: 80px;
    letter-spacing: -0.03em;
}

.section-editeur .content-editeur h1 {
    font-size: 82px;
    font-weight: 700;
    font-style: normal;
    line-height: 80px;
    letter-spacing: -0.03em;
}

.section-editeur .content-editeur h2 {
    font-size: 62px;
    font-weight: 700;
    font-style: normal;
    line-height: 64px;
    letter-spacing: -0.03em;
}

.section-editeur .content-editeur h3 {
    font-size: 38px;
    font-weight: 700;
    font-style: normal;
    line-height: 40px;
    letter-spacing: -0.03em;
}

.section-editeur .content-editeur h4 {
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -0.03em;
}

.section-editeur .content-editeur h5 {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -0.03em;
}

.section-editeur .content-editeur h6 {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -0.03em;
}

.section-editeur .content-editeur table {
    margin-bottom: 50px;  
} 

.section-editeur .content-editeur thead {
    background: #F9F9F9;
    font-weight: 600;
}


/* .section-editeur .content-editeur .alignright {
    float: right;
    display: block;
    display: block;
    margin-left: 30px;
    margin-bottom: 20px;
    max-width: 450px;
    height: auto;
}

.section-editeur .content-editeur .alignleft {
    float: left;
    display: block;
    display: block;
    margin-right: 30px;
    margin-bottom: 20px;
    max-width: 450px;
    height: auto;
}

.section-editeur .content-editeur .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    max-width: 450px;
    height: auto;
} */

.section-editeur .content-editeur .alignnone {

}

.section-editeur .content-editeur .aligncenter,
.section-editeur .content-editeur .alignleft,
.section-editeur .content-editeur .alignright {
    display: block;
    padding: 0;
}

.section-editeur .content-editeur .aligncenter {
    float: none;
    margin: .5em auto 1em;
}

.section-editeur .content-editeur .alignright {
    float: right;
    margin: .5em 0 1em 1em;
}

.section-editeur .content-editeur .alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}

.section-editeur .content-editeur .wp-caption {
    padding: 5px 0;
    border: 1px solid #156FFB;
    background: #156FFB;
    text-align: center;
}

.section-editeur .content-editeur .wp-caption img {
    display: inline;
}

.section-editeur .content-editeur .wp-caption p.wp-caption-text {
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-weight: 100;
    font-style: italic;
    color: #ddd;
}


.section-editeur blockquote {
    position: relative;
    border: 0;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    margin-bottom: 80px;
    padding-left: 60px;
}

.section-editeur blockquote:before {
    content: "";
    background-image: url("../img/v2/quote.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 112px;
    height: 112px;
    position: absolute;
    top: -66px;
    left: -66px;
}

.section-editeur blockquote > p {
    font-family: "Space Grotesk";
    font-size: 62px!important;
    font-style: normal!important;
    font-weight: 700!important;
    line-height: 64px!important;
    letter-spacing: -0.03em!important;
    text-align: left;
    color: black;
}

#onetrust-banner-sdk:not(.ot-iab-2) #onetrust-button-group-parent {
    height: 100%!important;
    position: absolute!important;
    text-align: right;
}

#onetrust-button-group {
    height: 100%;
    margin-top: 7px!important;
    padding-right: 20px!important;
}

#onetrust-banner-sdk.otFlat {
    max-height: 100%!important;
    overflow: inherit!important;
}

/* LIST */

.section-list {
    margin-top: 140px;
    margin-bottom: 120px;
}

.section-list .nav-tabs {
    float: left;
    border: 0;
}

.section-list .nav-tabs>li {
    float: none;
    border: 0;
    margin-bottom: 10px;
}

.section-list .nav-tabs>li:last-child {
    margin-bottom: 0;
}

.section-list .nav-tabs>li a {
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    padding: 13px 15px 11px 15px;
    border-radius: 35px;
    border: 0;
}

.section-list .nav-tabs>li.active a {
    background-color: #ECF2FF;
    border: none;
    color: #156FFB;
}

.section-list .nav-tabs>li a:hover {
    background-color: #ECF2FF;
    color: #156FFB;
    text-decoration: none;
    border: none;
}

.section-list .tab-content {
    padding-left: 210px;
}

.section-list .content-items .item {
    position: relative;
    max-width: 586px;
    margin-left: auto;
    margin-bottom: 80px;
    padding-left: 20px;
}

.section-list .content-items .item .content-icon {
    background-color: #156FFB;
    border-radius: 50%;
    position: absolute;
    top: -44px;
    left: -44px;
    width: 88px;
    height: 88px;
}

.section-list .content-items .item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-list .content-items .item .title {
    font-family: "Space Grotesk";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px;
    letter-spacing: -0.03em;
    text-align: left;
    color: #000;    
    margin-top: 10px;
    padding-top: 10px;
    z-index: 100;
    position: relative;
}

.section-list .content-items .item .subtitle {
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.03em;
    text-align: left;
    color: black;
}

.section-list .content-items .item .description {

}

.section-list .content-items .item .description ul,
.section-list .content-items .item .description ol {
    padding: 0;
    padding-left: 20px;
}

.section-list .content-items .item .description a {
    color: #156ffa;
}

.section-list .content-items .item .description p,
.section-list .content-items .item .description li {
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.03em;
    text-align: left;
    color: black;
}


.section-elements {
    padding-top: 50px;
    margin-bottom: 50px;
}

.section-elements .box-50 {
    position: relative;
}

.section-elements .content-item {
    min-height: 752px;
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}

.section-elements .item {
    max-width: 289px;
    margin-left: auto;
    margin-right: auto;
}

.section-elements .item.text_1 {
    margin-bottom: 60px;
    margin-top: 60px;
}

.section-elements .item.text_1 .content-icon {
    margin-bottom: 10px;
}

.section-elements .item.text_1 .content-icon > img {

}

.section-elements .item.text_1 h4.title {
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.03em;
    text-align: left;
    color: black;
}

.section-elements .item.text_1 .description {
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.03em;
    text-align: left;
    color: black;
}

.section-elements .image {
    width: 100%;
    min-height: 752px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.section-elements .image img {
    visibility: hidden;
    width: 100%;
}

.section-elements .content-item .item.text_1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 360px;
    width: 100%;
    margin: 0;
}

.section-elements .content-item .item.text_2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 360px;
    width: 100%;
}


.section-elements .item.text_2 h3.title {
    font-family: "Space Grotesk";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.03em;
    text-align: left;
    color: black;
    margin-bottom: 10px;
}

.section-elements .item.text_2 p.description {
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.03em;
    text-align: left;
    color: black;
    margin-bottom: 20px;
}

.section-elements .item.text_2 a.button {
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #156FFB;
    position: relative;
    display: inline-block;
}

.section-elements .item.text_2 a.button:hover {
    text-decoration: none;
}

.section-elements .item.text_2 a.button:hover:after {
    margin-left: 10px;
    transition-duration: 0.2s;
}

.section-elements .item.text_2 a.button:after {
    content: "";
    background-image: url("../img/v2/arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 5px;
    transition-duration: 0.2s;
}


.space-px {
    width: 100%;
}

/* BLOG */

#section-blog .section-title {
    margin-bottom: 50px;
}

#section-blog .section-title .content {
    text-align: center;
}

#section-blog .section-title .title {
    display: inline-block;
    position: relative;
    margin-top: 40px;
}

#section-blog .section-title .title a {
    color: black;
}

#section-blog .section-singles {
    margin-bottom: 80px;
}

#section-blog .section-categories {
    margin-bottom: 50px;
}

#section-blog .section-categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

#section-blog .section-categories ul > li {
    display: inline-block;
    margin-bottom: 20px;
}

#section-blog .section-categories ul > li > a.active {
    background-color: #156ffb;
    color: white;
}

#section-blog .section-categories ul > li > a.be-active:hover {
    background-color: #156ffb;
    color: white;
}

#section-blog .section-categories ul > li > a {
    color: black;
    background-color: #F9F9F9;
    font-family: "Space Grotesk";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: center;
    display: inline-block;
    padding: 18px 30px;
    border-radius: 30px;
    margin-left: 30px;
    margin-right: 30px;
}

#section-blog .section-categories ul > li > a:hover {
    color: white;
    text-decoration: none;
}

.time-reading > p {
    color: #CECECE;
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    padding-bottom: 10px;
}

.KW_progressContainer {
    left:0;
    width: 100%;
    height: 0.4em;
    margin-bottom: 0px;
    position: fixed;
    top: 0px;
    overflow: hidden;
    background-color: #fff;
    content: "";
    display: table;
    table-layout: fixed;
    z-index: 10000000;
  }
  
  .KW_progressBar {
    width: 0%;
    float: left;
    height: 100%;
    z-index:99;
    max-width: 100%;
    background-color:#156FFB;
    -webkit-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease;
  }

#section-blog .btn-more-single {
    color: white;
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.01em;
    text-align: left;
    background: #156FFB;
    border-radius: 52px;
    border: 1px solid #156FFB;
    padding: 20px 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 60px;
}

#section-blog .btn-more-single:hover {
    color: #156FFB;
    background: white;
    outline: none;
}

#section-blog .btn-more-single:focus {
    outline: none;
}

#section-blog-single .content-more-single {
    margin-bottom: 150px;
}

#section-blog-single .content-more-single h2 {
    margin-bottom: 100px;
}

#section-blog-single .content-more-single .content-all-singles {
    text-align: center;
}

#section-blog-single .content-more-single .see-all-singles {
    color: #156FFB;
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.01em;
    text-align: left;
    position: relative;
}

#section-blog-single .content-more-single .see-all-singles:hover {
    text-decoration: none;
}

#section-blog-single .content-more-single .see-all-singles:after {
    content: "";
    background-image: url(../img/v2/arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 5px;
    transition-duration: 0.2s;
}

#section-blog-single .content-more-single .see-all-singles:hover:after {
    margin-left: 10px;
    transition-duration: 0.2s;
}

.singles {
    /* display: flex;
    flex-wrap: wrap;
    margin: 0 -10px; */
}

.blog-item {
    width: 33.3333333%;
    float: left;
    margin-bottom: 50px;
    /* 
    display: flex;
    -ms-flex: 1 1 300px;
    flex: 1 1 380px;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0px 40px;
    padding-right: 13px;
    padding-left: 13px;
    transition-duration: 0.2s; */
}


/* .blog-item:nth-child(6n-1) {
    flex: 1 1 56%;
    -ms-flex-direction: row;
    flex-direction: row;
} */

.blog-item > .content-blog-item {
    width: 98%;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
}

.blog-item .content-blog-item:hover{
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    transition-duration: 0.2s;
    cursor: pointer;
}


.blog-item > .content-blog-item .link-image {
    display: block;
    width: 100%;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.blog-item > .content-blog-item .link-image:hover,
.blog-item > .content-blog-item .link-image:focus {
    outline: none;
}

.blog-item > .content-blog-item .content-text {
    padding-right: 18px;
    padding-left: 18px;
}

.blog-item > .content-blog-item .tag {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 12px;
    padding-right: 18px;
    padding-right: 10px;
    min-width: 120px;
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: white;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-top: -16px;
    display: block;
    max-width: fit-content;
    margin-bottom: 20px;
}

.blog-item > .content-blog-item .tag a {
    color: white;
}

.blog-item > .content-blog-item .content-text .title a {
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.03em;
    text-align: left;
    color: black;
    display: block;
}

.blog-item > .content-blog-item .content-text .title a:hover {
    text-decoration: none;
}

.blog-item > .content-blog-item .content-text .excerpt {
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.03em;
    text-align: left;
    color: black;
    padding-bottom: 10px;
    width: 93%;
}

.blog-item > .content-blog-item .content-text .excerpt p {
    margin: 0;
}

.content-more-single .blog-item {
    display: block;
    width: 33.3333%;
    float: left;
}

/* BLOG SINGLE */

#section-blog-single > .content {
    position: relative;
}

#section-blog-single .content-head .titre {
    text-align: center;
    margin-bottom: 50px;
    max-width: 860px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#section-blog-single .content-head .image {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

#section-blog-single .content-title {
    position: relative;
}

#section-blog-single .content-title .back-link-blog {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 9000;
}

#section-blog-single .content-title .back-link-blog svg circle {
    fill: white;
}

#section-blog-single .content-title .back-link-blog svg:hover circle {
    fill: #ECF2FF;
}

#section-blog-single .content-center {
    max-width: 790px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 160px;
}

#section-blog-single .content-editeur ul,
#section-blog-single .content-editeur ol {
    padding: 0;
    padding-left: 23px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#section-blog-single .content-editeur a {
    color: #156ffa;
}

#section-blog-single .content-editeur p,
#section-blog-single .content-editeur li {
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.4px;
    letter-spacing: -0.03em;
    /* text-align: left; */
    color: black;
}

#section-blog-single .content-editeur h1 {
    font-size: 82px;
    font-weight: 700;
    font-style: normal;
    line-height: 80px;
    letter-spacing: -0.03em;
    margin-top: 50px;
    margin-bottom: 80px;
}

#section-blog-single .content-editeur h2 {
    font-size: 38px;
    font-weight: 700;
    font-style: normal;
    line-height: 44px;
    letter-spacing: -0.03em;
    margin-top: 50px;
    margin-bottom: 50px;
}

#section-blog-single .content-editeur h3 {
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 34px;
    letter-spacing: -0.03em;
    margin-top: 50px;
    margin-bottom: 40px;
}

#section-blog-single .content-editeur h4 {
    font-size: 18px;
    font-weight: 700;
    font-style: bold;
    line-height: 32px;
    letter-spacing: -0.03em;
}

#section-blog-single .content-editeur h5 {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -0.03em;
}

#section-blog-single .content-editeur h6 {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -0.03em;
}

#section-blog-single .content-editeur table {
    margin-bottom: 50px;  
} 

#section-blog-single .content-editeur thead {
    background: #F9F9F9;
    font-weight: 600;
}


/* #section-blog-single .content-editeur .alignright {
    float: right;
    display: block;
    display: block;
    margin-left: 30px;
    margin-bottom: 20px;
    max-width: 450px;
    height: auto;
}

#section-blog-single .content-editeur .alignleft {
    float: left;
    display: block;
    display: block;
    margin-right: 30px;
    margin-bottom: 20px;
    max-width: 450px;
    height: auto;
}

#section-blog-single .content-editeur .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    max-width: 450px;
    height: auto;
} */

#section-blog-single .content-editeur img.size-full {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
}

#section-blog-single .content-editeur .wp-caption p.wp-caption-text {
    margin: 5px 0 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 100;
    font-style: italic;
    color: #000;
}

#section-blog-single .content-editeur .wp-caption p.wp-caption-text {
    text-align: center;
}


#section-blog-single .content-editeur .alignnone {

}

#section-blog-single .content-editeur .aligncenter,
#section-blog-single .content-editeur .alignleft,
#section-blog-single .content-editeur .alignright {
    display: block;
    padding: 0;
}


#section-blog-single .content-editeur .aligncenter {
    float: none;
    margin: .5em auto 1em;
}

#section-blog-single .content-editeur .aligncenter {
    text-align: center;
}

#section-blog-single .content-editeur .aligncenter p {
    text-align: center;
}

#section-blog-single .content-editeur .alignright {
    float: right;
    margin: .5em 0 1em 1em;
    text-align: right!important;
}

#section-blog-single .content-editeur .alignright p {
    text-align: right!important;
}

#section-blog-single .content-editeur .alignleft {
    float: left;
    margin: .5em 1em 1em 0;
    text-align: left!important;
}

#section-blog-single .content-editeur .alignleft p {
    text-align: left!important;
}

#section-blog-single .content-editeur .wp-caption {
    padding: 5px 0;
    /* border: 1px solid #156FFB; */
    /* background: #156FFB; */
    /* text-align: center; */
    width: 100%!important;
}

#section-blog-single .content-editeur .wp-caption img {
    display: inline;
}



#section-blog-single blockquote {
    position: relative;
    border: 0;
    width: 130%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    margin-bottom: 80px;
    padding-left: 60px;
    margin-left: -19%;
}

#section-blog-single blockquote:before {
    content: "";
    background-image: url("../img/v2/quote.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 112px;
    height: 112px;
    position: absolute;
    top: -66px;
    left: -66px;
}

#section-blog-single blockquote > p {
    font-family: "Space Grotesk";
    font-size: 62px!important;
    font-style: normal!important;
    font-weight: 700!important;
    line-height: 64px!important;
    letter-spacing: -0.03em!important;
    text-align: left;
    color: black;
}

#section-blog-single .back-link {
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #156FFB;
    padding-left: 40px;
    margin-top: 20px;
    margin-bottom: 10px;
    display: none;
    position: relative;
}

#section-blog-single .back-link:before {
    content: "";
    background-image: url("../img/v2/arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 12px;
    position: absolute;
    top: 3px;
    left: 20px;
    transform: rotate(180deg);
}

table.tablepress {
    width: 100%;
    table-layout: auto;
}

table.tablepress td {
    /* white-space: nowrap; */
    min-width: 90px
}

.indiv_tablepress table.tablepress {
    table-layout: inherit!important;
    min-width: 1130px;
}

table.tablepress,
table.tablepress th,
table.tablepress td {
    border: 1px solid #f5f5f5;
  }

table.tablepress thead th {
    height: 50px;
    font-size: 16px!important;
    font-family: 'Space Grotesk';
    line-height: 16px;
    padding-top: 15px;
}

table.tablepress td {
    vertical-align: middle!important;
    width: auto!important;
}

.tablepress tbody td, 
.tablepress tfoot th {
    border-top: 1px solid #f5f5f5!important;
    background: white!important;
}

.tablepress thead th {
    border-bottom: 1px solid #f5f5f5!important;
}

.tablepress tfoot th, .tablepress thead th {
    background-color: #F9F9F9!important;
    font-weight: 700;
    vertical-align: middle;
}

  
.indiv_tablepress.tablepress_in_div {
    overflow-x: scroll;
}



/* START LANDING SUMMER */

.mt-50 {
    margin-top: 50px;
}

.landing-background img.desktop {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.landing-background img.mobile {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

.landing-background .background-yellow {
    background-color: #FFF0C0;
    width: 100%;
    height: 90px;
}

.landing-header {
    margin-top: 70px;
    margin-bottom: 120px;
}

.landing-header .description {
    font-family: "Space Grotesk";
    font-size: 38px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -0.02em;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
}

.landing-header .description b,
.landing-header .description strong {
    font-weight: 800;
}

.landing-header img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    max-width: 96%;
}

.landing-email {
    margin-bottom: 180px;
}

.landing-email .title {
    text-align: center;
    max-width: 830px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
    margin-bottom: 50px;
}

.landing-email .error {
    max-width: 370px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: white;
    text-align: center;
    position: relative;
    margin-top: 30px;
    display: none;
}

.landing-email .success {
    display: none;
}

.landing-email .error span {
    color: #ff6c6c;
    padding-left: 2px;
    padding-top: 8px;
}

.landing-email .success p,
.landing-email .error p {
    font-family: "Space Grotesk";
    font-size: 20px;
    font-weight: 500;
}

.landing-email form {
    text-align: center;
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 35px;
    z-index: 1000;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

.landing-email form:before {
    content: "";
    background-image: url('../../../../uploads/2021/07/mail.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 23px;
    height: 18px;
    position: absolute;
    left: 10px;
    top: 18px;
    z-index: 1000;
    /* transform: translateY(-50%); */
}

.landing-email form input[type=email] {
    position: relative;
}

.landing-email form input[type=email]:focus {
    outline: none;
}

.landing-email form input[type=email] {
    border: 0;
    border-radius: 4px;
    width: 100%;
    height: 56px;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Space Grotesk';
    font-size: 16px;
    font-weight: 500;
    background-color: #F9F9F9;
    border-radius: 56px;
    float: left;
    width: 70%;
    margin-left: 8%;
}

.landing-email input[type=submit] {
    float: right;
    width: 20%;
    color: white;
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.01em;
    text-align: left;
    background: #156FFB;
    border-radius: 52px;
    border: 1px solid #156FFB;
    padding: 20px 40px;
    display: inline-block;
}

.landing-email input[type=submit] {
    border: 0;
    font-size: 18px;
    /* width: 100%; */
    padding: 0;
    /* display: block; */
    line-height: 56px;
    text-align: center;
}

.landing-email form label {
    color: white;
    font-size: 14px;
    font-family: 'Space Grotesk';
    margin-top: 5px;
    margin-bottom: 30px;
}

.landing-email .wpcf7-not-valid-tip {
    display: none;
}

.landing-email .wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #f9686a;
    border-radius: 18px;
    font-family: 'Space Grotesk';
    color: white;
    background: #f9686a;
    font-size: 16px;
    margin-top: 10px;
}

.landing-email .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    border-radius: 18px;
    font-family: 'Space Grotesk';
    color: white;
    background: #46b450;
    font-size: 16px;
    margin-top: 10px;
}

.landing-pack {
    margin-bottom: 160px;
}

.landing-pack .title {
    text-align: center;
    max-width: 660px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
    margin-bottom: 80px;
}

.landing-pack .image {
    max-width: 95%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
}

.landing-pack .description {
    text-align: center;
    max-width: 660px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    font-size: 24px;
}

.landing-offers {
    
}

.landing-offers .content > .title {
    text-align: center;
    max-width: 660px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
    margin-bottom: 80px;
}

.landing-offers .content-items {
    margin-bottom: 100px;
}

.landing-offers .content-items .content-item {
    width: 33.333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 50px;
}

.landing-offers .content-items .content-item .item {
    cursor: pointer;
}

.landing-offers .content-items .item .logo {
    display: block;
    height: 130px;
    position: relative;
    margin-bottom: 20px;
}

.landing-offers .content-items .item .logo img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.landing-offers .content-items .item .image {
    width: 100%;
    height: 252px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
}

.landing-offers .content-items .item .content-text {
    margin-top: 27px;
    padding: 30px 30px 110px 30px;
    position: relative;
    border-radius: 8px;
}

.landing-offers .content-items .item .content-text .title {
    margin: 0;
    margin-bottom: 20px;
    font-size: 32px;
}

.landing-offers .content-items .item .content-text .description {
    margin: 0;
    font-size: 18px;
}

.landing-offers .content-items .item .content-text a {
    display: inline-block;
    color: white;
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    padding: 20px 40px;
    border-radius: 40px;
    position: absolute;
    bottom: 30px;
    left: 20px;
}

.landing-block .blocks .block {
    position: relative;
    margin-bottom: 100px;
}

.landing-block .blocks .image.left {
    float: left;
    width: 50%;
}

.landing-block .blocks .image img {
    max-width: 100%;
}

.landing-block .blocks .image.right {
    float: right;
    width: 50%;
}

.landing-block .blocks .content-text.left {
    float: left;
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.landing-block .blocks .content-text.right {
    float: right;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.landing-block .blocks .content-text {
    position: relative;
}

.landing-block .blocks .content-text .title {
    font-size: 40px;
    line-height: 44px;
}

.landing-block .blocks .content-text .description {
    font-size: 18px;
}

.landing-block .blocks .content-text .absolute-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 560px;
    width: 98%;
}

.landing-block .blocks .content-text.left .absolute-text {
    left: 10px;
    padding-right: 10px;
}

.landing-block .blocks .content-text.right .absolute-text {
    right: 10px;
    padding-left: 10px;
}

.landing-know {
    margin-top: 100px;
    margin-bottom: 70px;
}

.landing-know .content-text {
    max-width: 660px;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.landing-know .content-text .title {
    font-size: 62px;
    font-weight: 700;
    font-style: normal;
    line-height: 64px;
    letter-spacing: -0.03em;
    text-align: center;
    margin-bottom: 30px;
}

.landing-know .content-text  .description {
    font-family: "Space Grotesk";
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.02em;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
}

.landing-know .content-text .link {
    color: white;
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.01em;
    text-align: left;
    background: #156FFB;
    border-radius: 52px;
    border: 1px solid #156FFB;
    padding: 20px 40px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 60px;
}

.landing-know .content-text .link:hover {
    color: #156FFB;
    background: white;
    outline: none;
    text-decoration: none;
}

/* END LANDING SUMMER */

@media screen and (max-width: 1450px) {

    .section-slider .owl-carousel .item {
        width: 95%;
    }

}

@media screen and (max-width: 1280px) {

    .section-scooter .block_step .part-image {
        filter: drop-shadow(0 2px 24px rgba(21, 31, 49, 0.1));
        float: left;
        width: 50%;
        position: relative;
        left: 0%;
    }

    .section-scooter .block_step .part-step {
        top: 50%;
        float: left;
        position: absolute;
        width: 50%;
        right: 0%;
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 1240px) {

    nav.nav-cityscoot .content {
        padding-left: 20px;
        /* padding-right: 20px; */
    }

    nav.nav-cityscoot #menu-cityscoot-mobile #action-menu {
        display: block;
    }

    .section-en-tete > .content .padding {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-cities-prez {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-cities > .content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-apps > .content {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .section-faq-list > .content {
        padding-left: 20px;
        padding-right: 20px;
    }

    footer .footer-top > .content,
    footer .footer-bottom > .content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-list .content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-editeur .content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-elements {
        padding-left: 20px;
        padding-right: 20px;
    }

    #section-blog-single blockquote {
        margin-left: -9%;
    }
}

@media screen and (max-width: 1060px) {

    .section-cities-prez .part-img img.picto-ville {
        left: -10%;
        width: 120px;
    }

    #section-blog-single blockquote {
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (max-width: 1024px) {

    #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container {
        width: 100%!important;
        float: none!important;
    }

    #onetrust-banner-sdk:not(.ot-iab-2).vertical-align-content #onetrust-button-group-parent {
        position: relative!important;
        left: inherit!important;
        right: 0px!important;
        text-align: right!important;
        padding-right: 35px;
        width: 100%!important;
        float: none!important;
        width: 100%;
        margin-left: inherit!important;
    }

    #onetrust-banner-sdk #onetrust-button-group {
        margin-right: 0;
        width: 100%;
        text-align: center;
    }

    #onetrust-banner-sdk #onetrust-button-group {
        margin-right: 0;
    }

    #onetrust-banner-sdk .ot-sdk-three.ot-sdk-columns, #onetrust-pc-sdk .ot-sdk-three.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-three.ot-sdk-columns {
        width: 100%!important;
        margin: 0;
    }

    /* #onetrust-banner-sdk #onetrust-policy {
        padding-left: 30px;
        padding-right: 30px;
    } */

    #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-button-group-parent {
        position: relative!important;
    }
}

@media screen and (max-width: 1015px) {

    .section-scooter .block_step .part-image {
        float: left;
        width: 50%;
        position: relative;
        left: 0%;
    }

    .section-scooter .block_step .part-step {
        top: 50%;
        float: left;
        position: absolute;
        width: 50%;
        right: 0%;
        transform: translateY(-50%);
    }

    #section-blog-single .content-more-single {
        padding-left: 20px;
        padding-right: 20px;
    }

    .blog-item {
        width: 50%;
        float: left;
        margin-bottom: 50px;
    }

    #section-blog-single .blog-item {
        width: 100%;
        float: none;
        margin-bottom: 50px;
    }

    /* .content-more-single .blog-item {
        display: block;
        width: 33.3333%!important;
        float: left!important;
    } */
}

@media screen and (max-width: 960px) {
    h2 {
        font-size: 52px;
    }

    nav.nav-cityscoot #menu-cityscoot ul.menu_ul > li.menu_li_connexion {
        margin-right: 0px!important;
    }

    nav.nav-cityscoot #menu-cityscoot ul.menu_ul > li > a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
    }

    nav.nav-cityscoot #menu-cityscoot ul.submenu li a {
        font-size: 13px;
    }

    nav.nav-cityscoot #menu-cityscoot .dropdown-city {
        padding-left: 10px;
        padding-right: 70px;
    }

    .section-apps .part-text p {
        font-size: 20px;
    }

    .section-estimate .forms button {
        margin-left: 10px;
        margin-right: 10px;
    }

    .section-price .content-item .content-price {
        height: 240px;
    }

    .section-price .content-item .content-description {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-categories .content-categories .category.box-33 {
        width: 50%;
    }

    .landing-offers .content-items .content-item {
        width: 50%;
    }
}

@media screen and (max-width: 925px) {

    #section-blog-single .content-center {
        overflow: hidden;
    }

    #section-blog-single blockquote {
        width: 100%;
        margin-left: 9%;
        padding-right: 9%;
    }
}

@media screen and (max-width: 860px) {

    .section-list .nav-tabs {
        float: none;
    }

    .section-list .content-items {
        padding-left: 30px;
        padding-right: 10px;
    }

    .section-list .content-items .item .title {
        padding-top: 5px;
    }

    .section-list .content-items .item {
        max-width: inherit;
        padding-left: 15px;
    }

    .section-list .tab-content {
        padding-left: 0;
        margin-top: 80px;
    }

    .section-list .content-items .item .content-icon {
        top: -34px;
        left: -34px;
        width: 68px;
        height: 68px;
    }

    .section-elements .box-50 {
        width: 100%;
        float: none;
    }

    .section-elements .content-item {
        min-height: inherit;
    }

    .section-elements .content-item .item.text_1 {
        position: relative;
        top: inherit;
        left: inherit;
        transform: inherit;
        max-width: 360px;
        width: 100%;
        margin: 0;
    }

    .section-elements .content-item .item.text_2 {
        position: relative;
        top: inherit;
        left: inherit;
        transform: inherit;
        max-width: 360px;
        width: 100%;
        margin-top: 80px;
    }

    .section-elements .image {
        min-height: inherit;
    }

    .section-elements .image.no-mobile,
    .section-elements .image img.no-mobile {
        display: none;
    }

    .section-elements .image.mobile,
    .section-elements .image img.mobile {
        display: block;
    }
}

@media screen and (max-width: 800px) {

    #section-blog-single .content-title .titre {
        padding-left: 20px;
        padding-right: 20px;
    }

    #section-blog-single .content-center {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 782px) {

    #wpadminbar {
        display: none;
    }

    #onetrust-banner-sdk .ot-sdk-three.ot-sdk-columns, #onetrust-pc-sdk .ot-sdk-three.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-three.ot-sdk-columns {
        width: 100%!important;
    }

    #onetrust-banner-sdk #onetrust-button-group {
        margin-right: 0!important;
    }

    #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container {
        width: 100%!important;
    }

    #onetrust-banner-sdk #onetrust-policy-text {
        text-align: center;
    }

    #breadcrumbs {
        display: none;
    }

    header {
        padding-top: 64px;
    }

    nav.nav-cityscoot {
        border: 1px solid #EFEFF1;
        min-height: 64px;
    }

    nav.nav-cityscoot #menu-cityscoot {
        display: none;
    }

    nav.nav-cityscoot #logo-cityscoot {
        top: 55%;
        left: 20px;
    }    

    nav.nav-cityscoot #logo-cityscoot > a > img {
        width: 120px;
    }

    nav.nav-cityscoot #menu-cityscoot-mobile {
        display: block;
    }

    .section-en-tete .main-title {
        font-family: 'Anton';
        text-transform: uppercase;
        color: black;
        text-align: center;
        margin-top: 0;
        padding-top: 20px;
        margin-left: 0;
        letter-spacing: 0em;
        margin-bottom: -102px;
        z-index: 1000;
        position: relative;
    }

    .section-en-tete .en-tete {
        margin-top: 80px;
        margin-bottom: inherit;
    }

    .content-menu-mobile ul > li.menu_li_register {
        margin-top: 20px;
    }
    
    .content-menu-mobile ul > li.menu_li_connexion {
        margin-top: 16px;
        margin-bottom: 40px;
    }
    
    .content-menu-mobile ul > li.menu_li_register a,
    .content-menu-mobile ul > li.menu_li_connexion a {
        font-family: "Space Grotesk";
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: -0.01em;
        text-align: center;
        line-height: 64px;
    }

    .en-tete {
        height: 528px;
    }

    .en-tete:after {
        background-size: 60%;
        background-position: -10% 101%;
    }

    .en-tete .content-apps {
        bottom: 24px;
    }
       
    .en-tete .content-apps p {
        font-size: 30px;
        line-height: 32px;
    }

    .en-tete .content-apps a {
        margin-bottom: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .en-tete .content-apps a img {
        width: 140px;
    }

    .section-cities-prez .box-33,
    .section-cities-prez .box-50 {
        width: 100%;
        float: none;
    }

    .section-cities-prez .content-img {
        margin-top: inherit;
        margin-bottom: inherit;
    }

    .section-cities-prez .content-img .picto-ville {
        /* display: none; */
    }

    .section-cities-prez .content-img.ville ul {
        padding-left: 115px;
    }

    .section-cities-prez .part-text ul li {
        padding-top: 15px!important;
        padding-bottom: 15px!important;
    }

    .section-en-tete {
        margin-top: 50px;
    }    

    footer #footer_lang {
        font-size: 16px;
    }

    footer #footer_lang:after {
        margin-top: 14px;
    }

    footer .footer-top .content {
        display: block;
        justify-content: inherit;
        text-align: center;
        padding-top: 47px;
        padding-bottom: 30px;
    }

    footer .menu-footer-villes-container {
        margin-left: 0;
        margin-top: 30px;
    }

    footer .footer_top_left_container {
        height: 100%;
        display: block;
        align-items: center;
    }

    footer .footer_top_right_container {
        margin-left: auto;
        display: inline-block;
        justify-content: normal;
        padding-right: 0;
        margin-top: 40px;
    }

    footer .footer_top_right_container a {
        display: inline-block;
        align-items: center;
        margin-left: 0;
        width: 40px;
        height: 40px;
    }
    
    footer .footer-menu-container > div:first-child {
        width: 100%;
        float: none;
    }

    footer .footer-menu-container > div:first-child > ul > li {
        width: 100%;
        float: none;
    }

    footer .footer-menu-container > div:first-child > ul > li#menu-item-58 {
        margin-top: 30px;
    }

    footer .footer-bottom {
        padding-top: 24px;
        position: relative;
    }

    footer .footer-bottom .content {
        padding-left: 20px;
        padding-right: 20px;
    }

    footer .footer_select_container {
        position: absolute;
        top: 70px;
        right: 20px;
    }

    footer .footer_language_dl_container {
        width: 100%;
        float: none;
        text-align: center;
    }

    footer .footer-menu-container > div:first-child {
        margin-bottom: 40px;
    }

    .footer_select_container .content-dropdown > div:nth-child(2) {
        margin-top: 34px!important;
        right: 1px;
    }

    .footer_select_container .content-dropdown > div:nth-child(2) ul li a {
        text-align: left;
    }

    .footer_dl_app {
        float: none;
        text-align: center;
        display: block;
        width: 100%;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .footer_dl_app a {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 0px;
    }

    .footer_apple_dl {
        width: 130px;
        margin-right: 10px;
    }
    
    .footer_android_dl {
        width: 130px;
        margin-left: 10px;
    }
    

    footer .footer_copyright_container .left {
        float: none;
        width: 100%;
    }

    footer .footer_copyright_container .right {
        float: none;
        width: 100%;
        text-align: left;
        margin-top: 20px;
    }
    
    footer .footer_copyright_container .right p {
        display: block;
        margin-left: 0;
        margin-bottom: 20px;
    }

    footer .footer_copyright_container p {
        text-align: left;
    }

    .section-cities-prez {
        margin-top: 70px;
        padding-left: 20px;
        padding-right: 20px;
        overflow: hidden;
    } 

    .section-cities-prez .bg-lightning {
        background: inherit;
    }

    .section-cities-prez .bg-lightning.mobile {
        background-image: url("../img/v2/lightning.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 84% center;
    }

    .section-cities-prez .part-text .content-text {
        max-width: inherit;
        width: 100%;
    }
     
    .section-cities-prez .part-text strong {
        font-size: 20px;
    }

    .section-cities-prez .part-text p {
        font-size: 16px;
    }

    .section-cities-prez .part-text ul li {
        font-size: 50px;
        line-height: 67.5px;
    }

    .section-cities-prez .part-img {
        position: relative;
    }

    .section-cities-prez .part-img.mobile {
        margin-top: 130px;
        margin-bottom: 120px;
    }

    .section-cities-prez .part-img img.app {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 230px;
        z-index: 100;
        position: relative;
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .section-cities-prez .part-img img.lightning {
        width: 180%;
        max-width: 600px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
    }

    .section-cities-prez .part-picto {
        margin-top: 60px;
    }

    .section-cities-prez img.picto-ville {
        position: absolute;
        top: 0;
        right: 0;
        width: 96px;
    }

    .section-cities h2 {
        text-align: center;
        font-size: 40px;
        line-height: 40px;
    }

    .section-cities .cities-content {
        display: block;
        margin-bottom: 50px;
    }

    .section-cities .block3_city_container {
        width: 50%;
        margin-bottom: 40px;
    }

    .section-apps {
        margin-top: 0;
    }

    .section-apps .box-60,
    .section-apps .box-40 {
        float: none;
        width: 100%;
    }

    .section-apps h2 {
        text-align: center;
        font-size: 40px;
        line-height: 40px;
    }

    .section-apps .part-text p {
        text-align: center;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    }

    .section-apps .content-btn-apps {
        text-align: center;
        margin-top: 40px;
    }

    .section-apps .content-btn-apps a {
        margin: 0!important;
        display: block;
        margin-bottom: 20px!important;
    }

    .section-apps .part-img img {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .section-cities-prez .box-33 {
        margin-bottom: 60px;
    }

    .section-cities-prez .part-picto p {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .section-cities-prez .part-picto p {
        font-size: 20px;
    }

    .section-estimate {
        padding-right: 20px;
        padding-left: 20px;
    }

    .section-estimate h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .section-estimate .forms {
        position: relative;
    }
    
    .section-estimate .forms button {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .section-estimate #address-start {
        width: 100%;
        /* max-width: 380px; */
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 10000;
    }

    .section-estimate #address-end {
        width: 100%;
        /* max-width: 380px; */
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .section-estimate .forms .mapboxgl-ctrl-geocoder {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .switch {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 50px;
    }

    .section-map h2 {
        font-size: 40px;
        line-height: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-map p.subtitle {
        font-size: 20px;
        line-height: 24px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-price h2 {
        font-size: 40px;
        line-height: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-price p.subtitle {
        font-size: 20px;
        line-height: 24px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-price .owl-carousel {
        overflow: hidden;
    }

    .section-price .owl-theme .owl-dots {
        top: 10px;
    }

    .section-price .content-item {
        max-width: 380px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .section-price .content-item .content-price {
        height: 230px;
    }

    .section-price .content-item .content-description {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-scooter h2 {
        font-size: 40px;
        line-height: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-scooter p.subtitle {
        font-size: 20px;
        line-height: 24px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-status h2 {
        font-size: 40px;
        line-height: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-status p.description {
        font-size: 20px;
        line-height: 24px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-status .owl-carousel .content-minutes .logo {
        height: 35px;
    }

    .section-status .owl-carousel .pink img.illustration {
        left: -7.5%;
    }

    .section-status .owl-carousel {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
/* 
    .section-status .owl-carousel .owl-stage {
        padding-left: 20px!important;
        padding-right: 20px!important;
    } */

    .section-title h2 {
        font-size: 40px;
        line-height: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-title p.description {
        font-size: 20px;
        line-height: 24px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-title .btn-primary {
        
    }

    .section-text .content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-text .item {
        margin-bottom: 100px;
    }

    .section-text .item .box-50.part-text {
        height: 100%;
        position: relative;
        transform: inherit;
        top: inherit;
        float: none;
        width: 100%;
    }

    .section-text .item .content-text {
        position: relative;
        left: inherit;
        top: inherit;
        transform: inherit;
        max-width: inherit;
        width: 100%;
        text-align: center;
    }

    .section-text .item .box-50.part-text .title {
        text-align: center;
        font-size: 34px;
    }

    .section-text .item .box-50.part-text .description p {
        text-align: center;
    }

    .section-text .item .box-50.part-image img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        max-width: 320px;
        max-height: 510px;
    }

    .section-text .item .box-50.part-image {
        float: none;
        width: 100%;
        margin-top: 60px;
    }

    .section-en-tete-1 .bg-img-center {
        height: 480px;
    }

    .section-en-tete-1 .content-text {
        padding-right: 40px;
        padding-left: 30px;
        padding-bottom: 50px;
    }

    .section-en-tete-1 .content-text .title {
        font-size: 62px;
        line-height: 62px;
    }

    .section-en-tete-1 .content-text .subtitle {
        font-size: 28px;
    }

    .section-compta h3.title {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-compta .content-compta {
        margin-bottom: 20px;
    }

    .section-compta .content-compta .compta-ok, 
    .section-compta .content-compta .compta-nok {
        float: none;
        max-width: 380px;
        width: 94%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 70px;
    }

    .section-faq-list ul > li > a.question {
        font-size: 18px;
    }

    .section-video .vue-video {
        margin-top: 40px;
        margin-bottom: 50px;
    }

    .section-categories .content-categories .category.box-33 {
        width: 100%;
        float: none;
    }

    .section-editeur .content-editeur table,
    .section-editeur .content-editeur thead,
    .section-editeur .content-editeur tbody,
    .section-editeur .content-editeur tr,
    .section-editeur .content-editeur td {
        display: block;
        width: 100%!important;
        height: auto!important;
    }

    .section-editeur blockquote:before {
        content: "";
        background-image: url("../img/v2/quote.svg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 90px;
        height: 90px;
        position: absolute;
        top: -45px;
        left: -45px;
    }

    .section-editeur blockquote > p {
        font-size: 52px!important;
        line-height: 52px!important;
    }

    .section-scooter .part-step {
		display: none;
    }
    
    .section-scooter .block_step {
        margin-top: 0;
        margin-bottom: 120px;
    }

	.section-scooter .content-step {
	    margin-bottom: 40px;
	}

	.section-scooter .owl-carousel-step {
		display: block;
	}

    .section-scooter .block_step .part-step {
	    top: 0;
	    float: none;
	    position: relative;
	    width: 100%;
	    right: 0;
	    transform: inherit;
	    padding-left: 20px;
	    padding-right: 20px;
	}

	.section-scooter .block_step ul li.step-2 {
	    left: 0;
	}

	.section-scooter .block_step ul li.step-3 {
	    left: 0;
    }

    .section-scooter .owl-carousel-step .item img {
        max-width: 450px;
        width: 100%;
        display: block;
        margin-right: auto;
        margin-left: auto;
        filter: drop-shadow(0 2px 24px rgba(21, 31, 49, 0.1));
        padding-top: 60px;
    }
    
    .section-scooter .owl-carousel-step .owl-dots {
        text-align: center;
        position: relative;
        left: 0;
        transform: inherit;
        bottom: 0;
    }

	.section-scooter .block_step .step {
		padding-left: 0;
		text-align: center;
		max-width: 400px;
		margin-left: auto;
		width: 100%;
		margin-right: auto;
	}

	.section-scooter .block_step .step .title-step {
		font-size: 18px;
	}

	.section-scooter .block_step .value-step {
	    position: relative;
	    top: 0;
	    left: inherit;
	    transform: inherit;
	    cursor: pointer;
	    margin-left: auto;
	    margin-right: auto;
        margin-bottom: 15px;
        margin-top: -25px;
    }
    
    .section-list .content-items .item .content-icon {
        top: -34px;
        left: -34px;
        width: 68px;
        height: 68px;
    }

    .section-list .content-items .item {
        padding-left: 10px;
    }

    .section-list .content-items .item .title {
        font-size: 28px;
        margin-bottom: 0px;
        padding-top: 5px;
    }

    .section-editeur .content img {
        /* width: 100%; */
        height: auto;
    }

    .section-editeur .content img.size-full {
        width: 100%;
        height: auto;
    }
    
    #section-blog-single .back-link {
        display: inline-block;
    }

    #section-blog-single .back-link-blog {
        display: none;
    }

    #section-blog-single blockquote {
        width: 100%;
        margin-left: 0;
        padding-right: 0;
        padding-left: 50px;
        margin-bottom: 40px;
        margin-top: 80px;
    }

    #section-blog-single blockquote:before {
        content: "";
        width: 48px;
        height: 48px;
        position: absolute;
        top: -28px;
        left: 2px;
    }

    #section-blog-single blockquote > p {
        font-size: 24px!important;
        line-height: 32px!important;
    }

    #section-blog-single .content-center {
        margin-bottom: 100px;
    }

    #section-blog-single .content-more-single h2 {
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 50px;
    }


    #section-blog-single .content-editeur h1 {
        font-size: 50px;
        line-height: 56px;
    }
    
    #section-blog-single .content-editeur h2 {
        font-size: 40px;
        line-height: 46px;
        /* margin-top: 10px; */
        margin-bottom: 30px;
    }

    #section-blog-single .content-editeur h3 {
        margin-bottom: 30px;
    }

    #section-blog-single .content-editeur p, #section-blog-single .content-editeur li {
        font-size: 20px;
    }

    #section-blog .section-categories {
        margin-bottom: 50px;
    }

    #section-blog .section-title {
        margin-bottom: 30px;
    }

    #section-blog .section-title .content {
        text-align: left;
        padding-left: 20px;
    }

    #section-blog .section-title .title {
        font-size: 50px;
    }

    #section-blog .btn-more-single {
        font-size: 15px;
    }

    #section-blog-single .content-title .titre {
        font-size: 50px;
        line-height: 56px;
        text-align: left;
        margin-bottom: 30px;
    }

    .blog-item {
        width: 94%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    #section-blog .section-categories .content {
        overflow-x: scroll;
    }

    #section-blog .section-categories ul {
        width: max-content;
    }

    #section-blog .section-categories ul > li {
        display: inline-block;
    }

    #section-blog .section-categories ul > li > a {
        margin-left: 15px;
        margin-right: 15px;
    }

    .blog-item > .content-blog-item .content-text h4 {
        font-size: 22px;
    }

    .blog-item > .content-blog-item .content-text .excerpt {
        font-size: 16px;
    }

    #section-blog-single .content-head .image {
        margin-bottom: 0;
    }

    .landing-background img.desktop {
        display: none;
    }

    .landing-background img.mobile {
        display: block;
    }

    .landing-header .description {
        font-size: 24px;
        line-height: 28px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .landing-know .content-text .title,
    .landing-offers .content > .title,
    .landing-pack .title,
    .landing-email .title {
        font-size: 40px;
        line-height: 48px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .landing-block .blocks .image,
    .landing-block .blocks .content-text {
        width: 100%!important;
        float: none!important;
    }

    .landing-block .blocks .content-text {
        position: relative!important;
    }

    .landing-block .blocks .content-text .absolute-text {
        position: relative;
        top: 0;
        left: 0!important;
        right: 0!important;
        transform: inherit;
        max-width: 560px;
        width: 98%;
        padding-left: 20px!important;
        padding-right: 20px!important;
    }

    .landing-block .blocks .image img {
        max-width: 100%;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .landing-block .blocks .content-text.left {
        margin-bottom: 40px;
    }

    .landing-pack .description {
        font-size: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .landing-offers .content-items .content-item {
        width: 100%;
        float: none;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 40px;
        padding-right: 40px;
    }

    .landing-offers .content-items .item .content-text {
        height: auto!important;
    }

    .landing-offers .content-items .item .content-text .description {
        font-size: 20px;
        /* padding-left: 10px; */
        /* padding-right: 10px; */
    }

    .landing-offers .content-items .item .content-text .title {
        font-size: 28px;
    }

    .landing-block .blocks .content-text .title {
        font-size: 30px;
    }

    .landing-know .content-text .description {
        font-size: 20px;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 24px;
    }

    .landing-email .form-email {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
    }

    .landing-email input[type=submit] {
        font-size: 16px;
    }

    .landing-header img {
        width: 80%;
        max-width: 100%;
    }

    .landing-email {
        margin-bottom: 100px;
    }

    .landing-pack {
        margin-bottom: 100px;
    }

    .landing-pack .image {
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 80px;
        width: 86%;
    }

}

@media screen and (max-width: 510px) {

    .section-cities .block3_city_container > a img {
        width: 135px;
    }

    .section-cities .cities-content h4 {
        font-size: 20px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 450px) {

    .section-en-tete .main-title {
        margin-bottom: -108px;
        font-size: 70px;
        line-height: 90px;
        letter-spacing: -0.01em!important;
    }

    .section-editeur blockquote {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .section-editeur blockquote:before {
        content: "";
        width: 90px;
        height: 90px;
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 374px) {
    .content-menu-mobile ul > li > a {
        font-size: 26px;
        line-height: 46px;
    }
}

@media screen and (max-width: 350px) {

    .section-en-tete .main-title {
        margin-bottom: -110px;
        font-size: 70px;
        line-height: 90px;
    }
}
/********************************
*** FAQ
********************************/
.contentfaq{
    padding: 20px 0 100px;
    font-family: 'Space Grotesk';
}
.question-content{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.contentfaq .header-faq{
    padding: 180px 100px 75px;
    display: block;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    color: #fff;
}
.header-faq h1{
    margin-bottom: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 62px;
    line-height: 1.04;
    letter-spacing: -0.03em;
}
.subtitlefaq{
    font-weight: bold;
    font-size: 38px;
    line-height: 1.16;
    text-align: center;
    letter-spacing: -0.03em;
    margin: 100px auto;
}
.questionsfrequentes,
.questionscategories{
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
    color: #000;
    display: flex;
    align-items:center;
    justify-content: space-between;
    border-bottom: solid 2px #EFEFF1;
    padding: 25px 0;
}
.questionsfrequentes{
    font-size: 24px;
}
.questionscategories{
    font-size: 18px;
}
.qfarrow{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #156FFB;
}
.questionsfrequentes .qfarrow{
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 20px;
}
.questionscategories .qfarrow{
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    border-radius: 14px;
    margin-left: 20px;
}
.questionsfrequentes:hover,
.questionscategories:hover,
.faq-cat:hover{
    color: #6692FC;
    text-decoration: none;
}
.questionsfrequentes:hover .qfarrow,
.questionscategories:hover .qfarrow{
    background-color: #6692FC;
}
.faq-cat-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.faq-cat{
    display:block;
    display: flex;
}
.faq-cat,
.faq-cat-ariane{
    font-size: 24px;
    line-height: 1.36;
    align-items: center;
    letter-spacing: -0.03em;
    color: #000000;
}
.faq-cat-home{
    width: calc(100% / 3);
    margin-bottom: 60px;
    padding: 25px 15px;
}
.faq-cat-home:hover{
    background: #ECF2FF;
    border-radius: 8px;
}
.catpicto,
.catpictotaxo{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #156FFB;
    background: #ECF2FF;
}
.catpicto{
    width: 45px;
    height: 45px;
    min-width: 45px;
    min-height: 45px;
    margin-right: 20px;
}
.catpictotaxo{
    position: absolute;
    top: 0;
    left: -70px;
    width: 90px;
    height: 90px;
    margin-right: 0px;
}
.catpictotaxo img{
    max-width: 29px;
    max-height: 29px;
    width: 100%;
    height: 100%;
}
.searchformblock{
    width:100%;
    padding: 55px 0;
    margin: 20px 0 25px;
    text-align: center;
    background-color: #EFEFF1;
}
.searchformblock #ajaxsearchpro1_1{
    margin: 0 auto;
}
.search-field{
    width: 546px;
    background: #FFFFFF;
    padding: 23px 50px;
    border-radius: 57px;
    margin-right: 10px;
    box-shadow: none;
    border: none;
    color: #9F9F9F;
    outline: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.02em;
}
.search-submit{
    text-align: center;
    padding: 23px 40px;
    background: #156FFB;
    border-radius: 52px;
    box-shadow: none;
    outline: none;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: -0.01em;
}
.col-gauche-faq{
    width: 30%;
}
.col-droite-faq{
    padding: 0 50px;
    width: 70%;
}
.category-list{
    padding: 100px 35px 30px;
}
.category-list ul{
    list-style: none;
    padding:0;
}
.category-list .active{
    background: #ECF2FF;
    border-radius: 35px;
}
.category-list .active a{
    color: #156FFB;
}
.category-list li{
    margin:20px 0;
    padding: 9px 15px;
    width: fit-content;
}
.category-list li a{
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: #000000;
}
.category-list li a:hover{
    text-decoration: none;
}
.faq-ariane,
.faq-ariane a{
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 1.36;
    color: #9F9F9F;
}
.faq-title{
    font-size: 62px;
    line-height: 1.03;
    letter-spacing: -0.03em;
    color: #000000;
    margin-top: 75px;
}
.search-title{
    font-size: 38px;
    margin-top: 40px;
}
.faq-subtitle{
    font-weight: bold;
    font-size: 38px;
    line-height: 1.16;
    letter-spacing: -0.03em;
    color: #000000;
}
.faq-reponse{
    margin: 90px 0;
    font-size: 18px;
}
.faq-reponse img{
    max-width: 100%;
    height: auto;
}
.faq-reponse p,
.faq-reponse li,
.faq-reponse span {
    color: #000000;
    font-family: 'Space Grotesk';
    font-size: 20px;
    line-height: 27px;
}

.faq-reponse a {
    color: #1656b8;
    font-family: 'Space Grotesk';
    font-size: 20px;
    line-height: 27px;
}

.faq-reponse-search{
    margin: 40px 0 90px;
}
.related-question-title{
    margin-bottom: 90px;
}
.categoriefaqstitle{
    padding-top: 10px;
    position: relative;
}
.categoriefaqstitle h1{
    position: relative;
    font-size: 38px;
}
.menu-mobile{
    display: none;
}
/*****************************************
*** RESPONSIVE FAQ
*****************************************/
@media (max-width: 768px){
    .contentfaq{
        padding:0 0 60px;
    }
    .contentfaq .header-faq{
        padding:150px 20px 40px;
    }
    .header-faq h1{
        font-size: 34px;
        margin-bottom: 32px;
    }
    .faq-title{
        font-size: 32px;
    }
    .categoriefaqstitle h1,
    .subtitlefaq{
        text-align: center;
        font-size: 24px;
        line-height: 40px;
    }
    .subtitlefaq{
        margin: 60px auto;
    }
    .questionsfrequentes,
    .faq-reponse{
        font-size: 16px;
    }
    .questionsfrequentes .qfarrow{
        width: 22px;
        height: 22px;
        min-width: 22px;
        min-height: 22px;
        border-radius: 16px;
    }
    .qfarrow img,
    .questionsfrequentes .qfarrow img{
        width: 5px;
    }
    .questionscategories{
        font-size: 18px;
    }
    .questions-frequentes,
    .faq-cat-list{
        padding:0 20px;
    }
    .faq-cat-home {
        width: 100%;
        margin-bottom: 0;
        padding: 10px 15px;
        font-size: 18px;
    }
    .searchformblock{
        padding: 20px;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .faq-ariane,
    .col-gauche-faq{
        display: none;
    }
    .col-droite-faq{
        padding: 0 20px;
        width: 100%;
    }
    .qfarrow{
        margin-left: 20px;
    }
    .faq-reponse{
        margin:60px 0;
    }
    .related-question-title{
        margin-bottom: 35px;
        text-align: center;
        font-size: 24px;
    }
    .menu-mobile{
        display: block;
        margin-top: 20px;
    }
    .menu-mobile #menu1 a{
        font-size: 16px;
        line-height: 16px;
        letter-spacing: -0.01em;
        color: #9F9F9F;
        text-decoration: none;
        font-family: 'Space Grotesk';
    }
    .menu-mobile #menu1 a::after,
    .menu-mobile #menu1.openmenu a::after{
        display: inline-block;
        content: "";
        width: 10px;
        height: 10px;
        margin-left: 20px;
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .menu-mobile #menu1 a::after{
        background-image: url('../../imgfaq/down.svg')
    }
    .menu-mobile #menu1.openmenu a::after{
        background-image: url('../../imgfaq/up.svg')
    }
    #sousmenu1{
        padding: 10px 0 12px;
        position: absolute;
        width: 100%;
        background-color: #EFEFF1;
        left:0;
        z-index:1;
    }
    #sousmenu1 a{
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        letter-spacing: -0.01em;
        color: #000000;
        padding: 8px 0;
        display: block;
    }
    #sousmenu1 a:hover{
        background-color: #CECECE;
    }
    #sousmenu1 .sousmenu.active a{
        color: #156FFB;
    }
    .menu-mobile #menu1.openmenu a{
        color: #000;
        text-decoration: none;
        font-weight: 700;
    }
    .faq-reponse iframe{
        height:200px;
        width:100%;
    }
    .faq-reponse table{
        display: block;
        height: fit-content !important;
        overflow-x: scroll;
    }
    .faq-reponse table td{
        min-width: 120px;
    }
}