* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body,
html {
overflow-x: hidden;
}
body {
background-color: #F6F6F6;
} ul li::before {
top: 50%;
transform: translateY(-50%);
}
ul li::before {
transform: translateY(-50%);
}
ul li::before {
border-radius: 100%;
}
ul li::before {
width: 6px;
height: 6px;
}
ul li {
padding-left: 20px;
}
a {
text-decoration: none;
}
footer .menu ul.le-menu li::before,
.forfait section.section2 span.valable::before,
.esim section.section4 .cta-blanc::before,
.esim section.section4 .liste-det select::before,
header .menu ul.le-menu li a:hover::before,
header .menu-desktop .le-menu ul li a:hover::before {
width: 100%;
}
.width-97p {
width: 97%;
}
.width-90p,
.vert-before::before,
#mobile-menu,
div#apropos .slide,
.sliderr .slide::before {
width: 90%;
}
.esim section.section4 .cta-blanc::before,
.sliderr .slide::before,
.esim section.section4 .liste-det select::before,
header .menu ul.le-menu li a::before,
header .menu-desktop .le-menu ul li a::before {
height: 100%;
}
.h-400 {
height: 400px;
}
.h-600 {
height: 600px;
}
.container,
.le-container,
.container-full {
display: block;
margin: auto;
}
#mobile-menu,
.container,
.le-container,
.container-full,
.en-after::after,
.en-before::before,
#mobile-menu.open,
ul li::before {
display: block;
}
button#menu-toggle.active::before,
#mobile-menu,
.agences section.section2 h2::before,
.faq .lasection h2::before,
body.page-203 footer .adresse .agence-contact,
body.page-357 footer .adresse .agence-contact,
body.page-89 section.lasection.section5.relative.block,
ul#mobile-menu li::before,
.sliderr .slide::before,
.forfait section.section2 span.valable::before,
.page-66 .section3 .vert-before::before,
div#sliderMixel .element::before,
.page-11 .section3 .vert-before::before,
.page-11 .section4 .vert-before::before,
footer .menu ul.le-menu li::before {
display: none;
}
.container,
.le-container,
.container-full {
margin: auto;
}
.en-after::after,
.en-before::before,
button#menu-toggle.active,
header .menu ul.le-menu li a::before,
header .menu-desktop .le-menu ul li a::before,
ul li::before {
position: absolute;
}
.cabin,
p,
a,
button,
ul,
li,
ol,
details,
summary {
font-family: "Cabin", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}
@font-face {
font-family: 'MOON GET!';
src: url(//kireneavecorange.sn/wp-content/themes/kmob-theme/assets/fonts/moon_get-Heavy.eot);
src: url(//kireneavecorange.sn/wp-content/themes/kmob-theme/assets/fonts/moon_get-Heavy.eot?#iefix) format('embedded-opentype'),
url(//kireneavecorange.sn/wp-content/themes/kmob-theme/assets/fonts/moon_get-Heavy.woff2) format('woff2'),
url(//kireneavecorange.sn/wp-content/themes/kmob-theme/assets/fonts/moon_get-Heavy.woff) format('woff'),
url(//kireneavecorange.sn/wp-content/themes/kmob-theme/assets/fonts/moon_get-Heavy.ttf) format('truetype'),
url(//kireneavecorange.sn/wp-content/themes/kmob-theme/assets/fonts/moon_get-Heavy.svg#moon_get-Heavy) format('svg');
font-weight: 900;
font-style: normal;
font-display: swap;
}
.moon-get,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'MOON GET!';
}
button#menu-toggle.active span {
font-weight: 700;
}
.bg-vert,
div#sliderMixel .element::before,
.vert-before::before,
.sliderr .slide::before,
.sliderr button[aria-current="true"],
header .menu ul.le-menu li a::before,
ul li::before {
background-color: #066425;
}
.color-vert,
button#menu-toggle.active span {
color: #066425;
}
.bg-vert2,
div#sliderMixel .dots button.active-dot,
.esim section.section4 .cta-blanc::before,
.esim section.section4 .liste-det select::before, div#apropos .indicators button[aria-current="true"] {
background-color: #12b236;
}
.color-vert2,
.footer-page h1,
.footer-page h2,
.footer-page h3,
.footer-page h4,
.footer-page h5 {
color: #12b236;
}
button#menu-toggle.active span,
footer .menu ul.le-menu li::before {
background-color: #ffffff;
}
.color-noir,
.footer-page h6 {
color: #1c1c1b;
} .color-gris {
color: #8C8C8C;
}
div#apropos .indicators button,
.sliderr button {
background-color: #C4C4C4;
}
.color-orange {
color: #f5821f;
}
section.section5 h2::before,
.forfait section.section2 span.valable::before,
section.section4 h2::before,
section.section2 h2::before,
section.section6 h2::before,
section.section7 h2::before,
.forfait section.section3 h2::before,
.esim section.section3 h2::before,
.esim section.section2 h1::before,
.esim section.section4 h2::before,
.surfel h1::before,
body.page-97 h1::before {
color: transparent;
}
.bg-transpa {
background-color: transparent !important;
}
.footer-page h1,
.footer-page h2,
.footer-page h3,
.footer-page h4,
.footer-page h5,
.footer-page h6 {
line-height: normal;
} .font-35 {
font-size: 35px;
}
.font-32,
.font-40 {
font-size: 32px;
}
.footer-page h1,
.footer-page h2,
.footer-page h3,
.footer-page h4,
.footer-page h5 {
font-size: 30px;
}
.font-22 {
font-size: 22px;
}
button#menu-toggle.active span {
font-size: 20px;
}
.footer-page h6 {
font-size: 18px;
}
.font-16 {
font-size: 16px;
}
.font-15 {
font-size: 15px;
}
.font-14 {
font-size: 14px;
}
.font-13 {
font-size: 13px;
}
.en-after::after,
.en-before::before,
header .menu ul.le-menu li a::before,
header .menu-desktop .le-menu ul li a::before,
ul li::before {
content: '';
}
footer .menu ul.le-menu li::before {
height: 0.5px;
bottom: 0;
top: auto;
}
button#menu-toggle.active {
right: 20%;
z-index: 9999;
}
#mobile-menu {
position: fixed;
top: 0;
left: -90%;
height: 100vh;
background-color: #12b236;
color: #fff;
opacity: 0;
transform: translateX(-100%);
transition: transform 0.8s ease, opacity 0.8s ease;
z-index: 1000;
}
#mobile-menu.open,
button#menu-toggle::before,
div#sliderMixel .element::before,
.vert-before::before,
.agences section.section3 .adresse p::before,
.sliderr .slide::before,
header .menu ul.le-menu li a::before,
header .menu-desktop .le-menu ul li a::before,
ul li::before {
left: 0;
}
#mobile-menu.open {
opacity: 1;
transform: translateX(0);
padding: 80px 50px;
}
.menu-icon.active .menu-text {
content: "X";
}
button#menu-toggle::before {
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/09/icone-menu.png);
width: 27px;
height: 21px;
top: 13px;
}
button#menu-toggle::before,
footer .menu ul.le-menu li::after,
section.section5 .image::before,
.accorddeon .titre:has([aria-expanded="true"])::before,
.cta-maxit::after,
.agences section.section3 .adresse p::before,
.contact .service::before,
.contact section.section1 .adresse p::before,
body.page-311 section.lasection.faq .une-faq details summary::before {
background-repeat: no-repeat;
}
button#menu-toggle::before,
section.section5 .image::before,
.accorddeon .titre:has([aria-expanded="true"])::before,
.cta-maxit::after,
.agences section.section3 .adresse p::before,
.contact .service::before,
.contact section.section1 .adresse p::before,
body.page-311 section.lasection.faq .une-faq details summary::before {
background-size: contain;
}
footer .menu ul.le-menu li::after {
background-size: inherit;
}
button#menu-toggle.active span {
padding: 10px 15px;
}
footer .menu ul.le-menu li::after {
width: 10px;
height: 10px;
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/09/fleche-footer.png);
right: 0;
}
section.section5 h2::before,
section.section4 h2::before,
section.section2 h2::before,
body.page-97 h1::before,
section.section6 h2::before,
section.section7 h2::before,
.forfait section.section3 h2::before,
.forfait section.section2 span.valable::before,
.esim section.section3 h2::before,
.esim section.section2 h1::before,
.esim section.section4 h2::before,
.surfel h1::before {
font-size: 58px;
-webkit-text-stroke: 1px #12b23647;
top: -45px;
}
section.section5 h2::before {
content: 'E-sim';
}
section.section6 h2::before {
content: "Apropos";
white-space: nowrap;
}
section.section7 h2::before {
content: "Avantages";
}
section.section2 h2::before {
content: "Wotel";
}
body.page-97 h1::before {
content: 'Prends ta puce';
}
.surfel h1::before {
content: 'Surfel';
}
section.section4 h2::before,
.esim section.section6 h2::before {
content: "XARAL ";
}
.esim section.section2 h2::before {
content: "E-SIM";
width: 100%;
}
.esim section.section3 h2::before {
content: "Comment";
}
.esim section.section4 h2::before {
content: "Compatibilité";
font-size: 40px;
top: -30px;
}
.forfait section.section2 span.valable::before {
content: 'W@tel 290';
top: 55px;
font-size: 60px;
}
.forfait section.section3 h2::before,
.esim section.section5 h2::before,
body.type-nos-forfaits section.section5 h2::before {
content: 'F.A.Q';
top: 115px;
}
section.section5 .image::before {
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/10/Plan-de-travail-16.png);
width: 90px;
height: 90px;
right: -5px;
top: -55px;
transform: rotate(-3deg);
}
div#sliderMixel .dots button.active-dot,
div#apropos .indicators button[aria-current="true"] {
width: 60px;
} .border-vert2 {
border: 1px solid #12b236;
}
select#marques {
border: none;
}
div#sliderMixel .element::before,
.vert-before::before,
.esim section.section4 .cta-blanc::before,
.esim section.section4 .liste-det select::before,
header .menu ul.le-menu li a::before,
header .menu-desktop .le-menu ul li a::before {
z-index: -1;
}
div#sliderMixel .element::before {
width: 85%;
height: 95%;
right: 5px;
top: 13%;
}
.vert-before::before {
height: 95%;
top: 10%;
}
.forfait section.section2 span.valable::before,
.forfait section.section3 h2::before,
.esim section.section5 h2::before,
body.type-nos-forfaits section.section5 h2::before,
body.page-97 section.section2 h2::before {
left: 50%;
}
.forfait section.section2 span.valable::before,
.forfait section.section3 h2::before,
.esim section.section5 h2::before,
body.type-nos-forfaits section.section5 h2::before,
body.page-97 section.section2 h2::before {
transform: translateX(-50%);
}
.accorddeon .titre:has([aria-expanded="true"])::before {
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/09/faq-icone.png);
width: 30px;
height: 30px;
top: -20px;
left: -20px;
}
.cta-maxit::after {
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/11/BI-MO-DAKK.svg);
width: 70px;
height: 70px;
right: -5px;
top: -40px;
}
.esim section.section4 .cta-blanc::before,
.esim section.section4 .liste-det select::before {
border-radius: 8px;
top: 6px;
right: -6px;
}
.agences section.section3 .adresse p::before,
.contact section.section1 .adresse p::before {
width: 17px;
height: 17px;
left: -30px;
top: 4px;
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/09/heures-agences.png);
}
.agences section.section3 .adresse p:nth-child(3):before,
.contact section.section1 .adresse p:nth-child(3)::before {
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/09/tel-agences.png);
}
.agences section.section3 .adresse p:nth-child(4):before,
.contact section.section1 .adresse p:nth-child(4)::before {
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/09/lieu-agences.png);
}
.contact section.section1 .adresse p:nth-child(5)::before {
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/09/mail-contact.png);
}
.agences section.section3 .lieu h3 {
border-bottom: 1px solid #12b236;
}
.contact .service::before {
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/09/service-client.png);
width: 30px;
height: 30px;
left: -40px;
}
.sliderr .slide::before {
height: 100%;
z-index: -1;
top: 20px;
}
.footer-page h1,
.footer-page h2,
.footer-page h3,
.footer-page h4,
.footer-page h5,
.footer-page p {
margin: 50px 0 30px 0;
}
.footer-page h6 {
margin: 30px 0 10px 0;
}
ul li {
margin-bottom: 5px;
}
footer .les-rs a {
margin-left: -35px;
}
footer .les-rs a:nth-child(2) {
margin-left: -45px;
}
footer .les-rs a:nth-child(3) {
margin-left: -55px;
}
footer .les-rs a:nth-child(4) {
margin-left: -65px;
margin-top: -5px;
}
header .menu ul.le-menu li a,
ul li {
position: relative;
}
header .menu ul.le-menu li a {
display: inline-block;
padding: 10px;
transition: color 0.5s ease;
} header .menu ul.le-menu li a:hover,
header .menu-desktop .le-menu ul li a:hover {
color: #ffffff;
}
header .menu ul.le-menu li a.page-active {
text-decoration: underline;
text-underline-offset: 3px;
}
body.page-311 section.lasection.faq .une-faq details summary::marker {
font-size: 0;
}
body.page-311 section.lasection.faq .une-faq details summary::before {
width: 16px;
height: 16px;
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/09/faq-kmob.png);
right: 0;
top: 2px;
transform: rotate(-90deg);
transition: transform 0.5s ease-in-out;
}
body.page-311 section.lasection.faq .une-faq details[open] summary::before {
transform: rotate(0deg); 
}
body.page-311 section.lasection.faq .une-faq details[open] summary::before {
transform: initial;
}
.hover-img,
.wtsp-flottant,
#backToTop.visible {
transition: transform 0.5s ease;
}
.wtsp-flottant:hover,
#backToTop.visible:hover {
transform: translateY(-3px);
}
.hover-img:hover {
transform: scale(1.015)
}
.infos-imp p {
font-size: 19px;
}
.xt {
width: 90%;
margin: 0 auto;
margin-bottom: 50px;
}
.prix_propos {
background-color: #12b236;
width: max-content;
padding: 10px;
color: yellow;
border-radius: 10px;
}
.z-999 {
z-index: 9999 !important;
}
body.page-11 section.lasection.section2 .titre-image::before,
body.page-11 .surfel-wotel-desk .surfel .titre-image::before,
body.page-11 .surfel-wotel-desk .wotel .titre-image::before {
content: '';
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
}
body.page-11 section.lasection.section2 .titre-image::before {
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/11/MIXEL_logo_sans_fond.png);
width: 400px;
height: 180px;
top: 11px !important;
}
body.page-11 .surfel-wotel-desk .surfel .titre-image::before,
body.page-11 .surfel-wotel-desk .wotel .titre-image::before {
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/11/SURFEL_logo_sans_fond.png);
width: 341px;
height: 180px;
left: -22px;
top: -38px !important;
}
body.page-11 .surfel-wotel-desk .wotel .titre-image::before {
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/11/WOTEL_logo_sans_fond.png);
}
header .menu-desktop .le-menu.droite ul li:nth-child(2):hover a {
cursor: default;
}
header .menu-desktop .le-menu.droite ul li ul a {
cursor: pointer !important;
}
body.page-409 .contenus .texte p,
body.page-409 .contenus .texte p strong,
body.page-409 .contenus .texte p a {
display: contents !important;
}
.left-100 {
left: -100%;
}
details > div {
overflow: hidden;
transition: max-height 0.6s ease-in-out, opacity 0.6s ease-in-out;
max-height: 0;
opacity: 0;
}
details[open] > div {
max-height: 500px; 
opacity: 1;
}
#backToTop {
z-index: 90;
transition: opacity 0.3s ease, visibility 0.3s ease;
border: 1px solid #F6F6F6;
font-size: 0;
width: 50px;
height: 50px;
}
#backToTop::before {
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/11/fleche-vers-le-haut.png);
width: 30px;
height: 25px;
background-position: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-size: contain;
}
#backToTop.visible {
opacity: 1;
visibility: visible;
}
#backToTop.hidden {
opacity: 0;
visibility: hidden;
}
body.page-11 section.surfel-wotel-desk .titre-image {
margin-left: 50px;
}
body.type-nos-forfaits section.section5 h2::before {
top: 0;
}
.video-home iframe {
display: block;
margin: auto;
}
button#sound-toggle-button {
border: 1px solid #ffffff;
}
button#sound-toggle-button::before {
display: block;
position: absolute;
content: '';
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/12/monter-le-son.png);
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
left: 15px;
top: 50%;
transform: translateY(-50%);
}
button#sound-toggle-button.avec-son::before {
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/12/muet.png);
}
body.page-97 h1::before {
font-size: 36px;
top: -30px;
}
@media only screen and (max-width: 1280px) {
header .menu-desktop .le-menu.droite ul li:nth-child(2)::after {
right: 0px;
}
}
@media only screen and (max-width: 392px) {
.font-40 {
font-size: 33px;
}
section.section5 h2::before,
section.section4 h2::before,
section.section2 h2::before,
section.section6 h2::before,
section.section7 h2::before,
.forfait section.section3 h2::before,
.forfait section.section2 span.valable::before,
.esim section.section3 h2::before,
.esim section.section2 h1::before,
.esim section.section4 h2::before,
.surfel h1::before {
font-size: 52px;
top: -35px;
}
section.section5 .image::before {
width: 120px;
}
}
@media only screen and (min-width: 768px) {
body.page-11 section.section6 h2::before,
.esim section.section2 h1::before,
.esim section.section3 h2::before,
.esim section.section2 h1::before,
.esim section.section4 h2::before,
.esim section.section5 h2::before,
body.page-11 section.section5 h2::before,
body.page-11 section.section7 h2::before,
.surfel h1::before {
left: 50%;
transform: translateX(-50%);
}
div#forfait-wotel button span::before {
display: block;
position: absolute;
content: '';
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/10/fleche-droite-kmob.png);
width: 60px;
height: 60px;
background-repeat: no-repeat;
background-size: contain;
bottom: -20px;
}
div#forfait-wotel .les-wotel .wotel {
left: 33%;
}
div#forfait-wotel button {
background-color: transparent;
}
section.section5 .image::before {
width: 160px;
height: 160px;
right: -55px;
top: -105px;
}
}
@media only screen and (min-width: 1000px) {
section.footer-page {
padding:40px 80px;
}
}
@media only screen and (min-width: 1024px) {
body.page-11 section.lasection.section1,
section.le-bandeau {
max-width: 100%;
}
header .menu-desktop .le-menu ul li::before,
footer .menu ul.le-menu li::before,
footer .menu ul.le-menu li::after,
body.page-66 section.section2 h2::before,
body.page-66 section.section4 h2::before,
body.page-89 section.section4 h2::before,
.surfel h1::before,
header .menu-desktop .le-menu.droite ul li:nth-child(2) ul,
header .menu-desktop .le-menu.droite ul li:nth-child(2) a::before,
header .menu-desktop .le-menu.droite ul li:nth-child(2) ul li:nth-child(2)::after,
header .menu-desktop .le-menu.gauche ul li:nth-child(2)::after,
.sliderr .slide::before {
display: none;
}
header .menu-desktop .le-menu ul li a::before {
z-index: -1;
}
header .menu-desktop .le-menu ul li a::before {
height: 56px;
top: -18px;
}
.h-620 {
height: 350px;
}
body.page-11 section.lasection.section1.h-620 {
height: auto !important;
}
.h-500,
.about-last .groupe .groupe2:hover,
.about-last .groupe .groupe3:hover {
height: 500px;
}
section.section5 .image::before {
top: -65px;
}
header .menu-desktop .le-menu ul li a.page-active::before {
width: 100%;
}
footer .logo-footer {
width: 8%;
}
footer .menu-footer {
width: 74%;
}
footer .les-rs-footer {
width: 17%;
}
section.xaaral {
background: #00AB541A;
}
section.xaaral .titre-image {
background-color: #066425;
}
section.xaaral .titre-image h2,
.color-jaune {
color: #ffff00;
}
.a-propos .bloc-propos .image::before {
width: 270px;
height: 260px;
z-index: -1;
border-radius: 100%;
top: 0;
bottom: auto;
}
.a-propos .bloc-propos.bloc-1 .image::before,
.a-propos .bloc-propos.bloc-3,
.bg-rouge {
background-color: #cc0000;
}
.a-propos .bloc-propos.bloc-2 .image::before {
background-color: #12b236;
}
.a-propos .bloc-propos.bloc-3 .image::before,
.a-propos .bloc-propos.bloc-4 {
background-color: #ffff00;
}
.a-propos .bloc-propos.bloc-4 .image::before {
background-color: #066425;
}
header .menu-desktop .le-menu.droite ul li:nth-child(2):hover a~ul,
header .menu-desktop .le-menu.droite ul li:nth-child(2) ul li a::before {
display: block;
}
header .menu-desktop .le-menu.droite ul li:nth-child(2) ul {
padding: 15px;
}
header .menu-desktop .le-menu.droite ul li:nth-child(2) ul li {
padding-left: 0;
}
header .menu-desktop .le-menu.droite ul li:nth-child(2) a:hover,
header .menu-desktop ul li a:hover,
header .menu-desktop .le-menu ul li a:hover, header .menu-desktop .le-menu ul li a.page-active,
header .menu-desktop .le-menu.droite ul li:nth-child(2) ul li a:hover,
header .menu-desktop .le-menu.droite ul li:nth-child(2) ul li a.active {
color: #12b236;
}
header .menu-desktop .le-menu.droite ul li:nth-child(2):hover a~ul {
z-index: 99;
height: auto;
width: 160px;
}
header .menu-desktop .le-menu.droite ul li:nth-child(2) ul li a::before {
height: 46px;
top: -5px;
}
header .menu-desktop .le-menu.droite ul li:nth-child(2):hover {
height: 80px;
}
header .menu-desktop .le-menu.droite ul li:nth-child(2):hover ul li {
height: auto;
}
header .menu-desktop .le-menu.droite ul li:nth-child(2)::after {
display: block;
position: absolute;
content: '';
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/10/icone-menu-bas.png);
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
right: 0px;
top: 5px;
}
.about-last .groupe .groupe2 {
left: 400px;
}
.about-last .groupe .groupe2:hover {
left: 145px;
right: auto;
}
.about-last .groupe .groupe2:hover~.groupe3 {
left: auto;
right: -30px;
}
.about-last .groupe .groupe3:hover {
left: auto;
right: 20px;
}
body.page-11 section.lasection.section2 .titre-image::before,
body.page-11 .surfel-wotel-desk .titre-image::before,
.esim section.section2 h1::before,
body.page-11 section.section5 h2::before,
body.page-11 section.section7 h2::before {
color: transparent;
}
body.page-11 section.lasection.section2 .titre-image::before,
body.page-11 .surfel-wotel-desk .titre-image::before,
body.page-11 section.section6 h2::before,
.esim section.section2 h1::before,
.esim section.section4 h2::before,
.esim section.section5 h2::before,
body.page-11 section.section5 h2::before,
body.page-11 section.section7 h2::before {
font-size: 90px;
-webkit-text-stroke: 2px #12b23617;
top: -25px;
font-weight: 900;
font-family: 'MOON GET!';
}
body.page-11 section.section6 h2::before {
top: -60px;
content: "A propos";
}
.esim section.section2 h1::before {
top: -60px;
}
.esim section.section4 h2::before {
top: -55px;
}
.esim section.section5 h2::before {
top: 125px;
}
body.page-11 section.section5 h2::before,
body.page-11 section.section7 h2::before {
top: -50px;
}
section.lasection.section7 .image img:first-child,
section.lasection.section7 .image img:last-child {
padding-top: 30px;
padding-bottom: 30px;
}
body.page-11 section.lasection.section7 .image img:first-child,
body.page-11 section.lasection.section7 .image img:last-child {
padding: 0;
}
div#forfait-wotel button span {
top: 101%;
position: absolute;
color: transparent;
right: 120px;
}
div#forfait-wotel .les-wotel .wotel {
left: 33%;
}
.about-last .groupe .groupe3:hover,
.about-last .groupe .groupe3 .icone:hover,
.about-last .groupe .groupe3 .texte:hover {
z-index: 100;
} .page-54 footer,
.page-52 footer,
.page-50 footer,
.page-56 footer {
margin-top: 100px;
}
.xt {
width: 68%;
}
body.page-311 .faq section.lasection.faq:last-child {
margin-bottom: 80px;
}
body.page-66 .titre-image p {
font-size: 20px;
}
.font-32,
.font-40 {
font-size: 40px;
}
body.page-97 h1::before {
font-size: 58px;
top: -45px;
}
}
@media only screen and (min-width: 1280px) {
header .menu-desktop .le-menu.droite ul li:nth-child(2)::after {
right: 40px;
}
}
@media only screen and (min-width: 1535px) {
.container {
width: 1280px !important;
max-width: 1280px !important;
}
body.page-11 section.lasection.section1,
section.le-bandeau {
max-width: 100% !important;
width: 100% !important;
}
}
@media only screen and (max-width: 1024px) {
.video-home iframe {
width: 100%;
height: 435px;
}
}
@media only screen and (max-width: 768px) {
.centrer-mob img {
display: block;
margin: auto;
}
body.page-11 section.lasection.section2 .titre-image::before,
body.page-11 .section3 .titre-image::before,
body.page-11 .section4 .titre-image::before {
left: 50%;
transform: translateX(-50%);
}
body.page-11 .section3 .titre-image::before,
body.page-11 .section4 .titre-image::before{
content: '';
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
}
body.page-11 .section3 .titre-image::before {
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/11/SURFEL_logo_sans_fond.png);
width: 400px;
height: 200px;
}
body.page-11 .section4 .titre-image::before {
background-image: url(//kireneavecorange.sn/wp-content/uploads/2024/11/WOTEL_logo_sans_fond.png);
width: 400px;
height: 200px;
}
.video-home iframe {
display: block;
margin: auto;
width: 100%;
height: 235px;
}
}