:root {
--htr-menu: 140px;
--small-margin: 40px;
--medium-margin: 70px;
--minspace: 60px;
--ltspace: 70px;
--mdspace: 130px;
--bigspace: 180px;
--side-base: 7vw;
--htr-space-tab: 92px;
--lrg-space-tab: 115px;
--big-radius: 40px;
--medium-radius: 33px;
--inter-radius: 25px;
--table-radius: 20px;
--small-radius: 15px;
--very-small-radius: 12px;
--Noir: #242420;
--Gris-Txt: #50504D;
--Blanc: #ffffff;
--Blanc-Fonce: #F6F5F5;
--Rose: #FFD3E0;
--Rose-Claire: rgba(255, 255, 255, 0.70);
--Rouge: #DE0040;
--Bleu: #C8EBF5;
--Gris-Fond: #E4E4E4;
--Gris-Claire: #F2F0F0;
--Vert-Claire: #C8E9C1;
--Vert-Fonce: #3EAD3C;
--color_filtre: var(--Rose);
--Case-vide: 'Non disponible';
}
::selection {
background-color: var(--Rose);
color: var(--Noir);
}
/* Firefox */
::-moz-selection {
background-color: var(--Noir);
color: var(--Blanc);
}
/* width */
::-webkit-scrollbar {
width: 2px;
}
/* Track */
::-webkit-scrollbar-track {
background: var(--Blanc);
}
/* Handle */
::-webkit-scrollbar-thumb {
background: var(--Rouge);
border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--Rouge);
width: 2px;
}
html{
margin-top: 0 !important;
}
body{
background: var(--Blanc);
}
#wrapper {
display: flex;
flex-direction: column;
min-height: 100lvh;
justify-content: space-between;
}
#container{
background: var(--Blanc);
padding: var(--htr-menu) 0 0 0;
min-height: unset;
}
* {
font-family: "arboria", sans-serif;
font-weight: 400;
font-size: 22px;
color: var(--Noir);
}
h1{
color: var(--Rouge);
font-size: 50px;
font-style: normal;
font-weight: 900;
text-transform: uppercase;
text-wrap: pretty;
word-break: normal;
overflow-wrap: normal;
}
h2{
color: var(--Rouge);
font-size: 46px;
font-style: normal;
font-weight: 900;
text-transform: uppercase;
margin: var(--medium-margin) 0 var(--small-margin);
text-wrap: pretty;
word-break: normal;
overflow-wrap: normal;
}
h3{
color: var(--Noir);
font-size: 34px;
font-style: normal;
font-weight: 500;
text-wrap: pretty;
word-break: normal;
overflow-wrap: normal;
}
h4{
color: var(--Noir);
font-size: 26px;
font-style: normal;
font-weight: 500;
margin: 40px 0 15px;
}
p{
margin: 17px 0;
line-height: 118%;
}
input, textarea {
font-family: "arboria", sans-serif;
}
.textes p{
font-weight: 400;
}
.textes a{
color: var(--Rouge);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-position: from-font;
}
.textes p a:hover, .textes li a:hover{
opacity: 0.7;
}
.textes ul {
list-style: disc;
padding-left: 26px;
line-height: 118%;
}
.textes ol {
list-style: decimal;
padding-left: 23px;
line-height: 118%;
}
.textes ul li {
position: relative;
padding-left: 2px; /* espace pour la flèche */
margin-bottom: 10px;
line-height: 118%;
}
.textes ol li {
padding-left: 6px;
margin-bottom: 10px;
line-height: 118%;
}
.textes ul li::marker {
color: var(--Rouge);
font-weight: bold; /* optionnel */
}
.textes ol li::marker {
font-family: "arboria", sans-serif;
color: var(--Rouge);
font-weight: bold; /* optionnel */
}
.textes .pom_fleche{
position: relative;
padding-left: 30px; /* espace pour la flèche */
margin-top: 10px;
margin-bottom: 10px;
line-height: 118%;
}
.textes .pom_fleche::before{
content: "";
position: absolute;
left: 0;
top: 8px;
width: 16px;
height: 12px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M15.2803 6.05377C15.5732 5.76087 15.5732 5.286 15.2803 4.99311L10.5074 0.220136C10.2145 -0.0727572 9.73959 -0.0727572 9.4467 0.220136C9.15381 0.51303 9.15381 0.987903 9.4467 1.2808L13.6893 5.52344L9.4467 9.76608C9.15381 10.059 9.15381 10.5338 9.4467 10.8267C9.73959 11.1196 10.2145 11.1196 10.5074 10.8267L15.2803 6.05377ZM0.75 4.77344C0.335787 4.77344 0 5.10922 0 5.52344C0 5.93765 0.335787 6.27344 0.75 6.27344L14.75 6.27344L14.75 5.52344L14.75 4.77344L0.75 4.77344Z' fill='%23242420'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
.textes .pom_fleche.pom_fleche_rouge, .textes .pom_fleche.pom_fleche_rouge a{
color: var(--Rouge);
font-weight: 700;
text-decoration-thickness: 2px;
}
.textes .pom_fleche.pom_fleche_rouge::before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M15.2803 6.05377C15.5732 5.76087 15.5732 5.286 15.2803 4.99311L10.5074 0.220136C10.2145 -0.0727572 9.73959 -0.0727572 9.4467 0.220136C9.15381 0.51303 9.15381 0.987903 9.4467 1.2808L13.6893 5.52344L9.4467 9.76608C9.15381 10.059 9.15381 10.5338 9.4467 10.8267C9.73959 11.1196 10.2145 11.1196 10.5074 10.8267L15.2803 6.05377ZM0.75 4.77344C0.335787 4.77344 0 5.10922 0 5.52344C0 5.93765 0.335787 6.27344 0.75 6.27344L14.75 6.27344L14.75 5.52344L14.75 4.77344L0.75 4.77344Z' fill='%23DE0040'/%3E%3C/svg%3E");
}
.textes p strong, .textes li strong{
font-weight: 700;
}
.textes p>img{
width: 100%;
}
.textes p em, .textes p em strong{
font-style: normal;
color: var(--Rouge);
}
button {
font-family: "arboria", sans-serif;
font-weight: 400;
font-size: 22px;
color: var(--Noir);
}
.txt_fd_blanc p, .txt_fd_blanc li, .txt_fd_blanc p strong{
color: var(--Gris-Txt);
}
.basic_txt_page{
margin: 0 var(--side-base);
}
.popup_search_item a{
font-size: 18px;
}
/* affichage preview mail */
.pom-s-title-red, .pom-s-title{
font-weight: 400;
}
.pom-s-title-red strong, .pom-s-title strong{
font-weight: 700;
}
.pom-s-title-red, .pom-s-title-red strong{
color: var(--Rouge) !important;
}
/* lien btn */
.btn, .textes .has_btn>a, .btn_form input, .generale_page_content pre a, .textes a.btn{
display: inline-flex;
justify-content: space-between;
align-items: center;
gap: 10px;
width: fit-content;
background-color: var(--Rouge);
color: var(--Blanc);
border-radius: var(--small-radius);
padding: 14px 20px 16px 20px;
margin: 10px 10px 0 0;
font-size: 18px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
}
.btn_no_hover{
}
.btn>span{
color: var(--Blanc);
font-size: 18px;
font-weight: 700;
}
.btn strong{
color: var(--Blanc);
}
.btn svg{
flex: 0 0 auto;
}
.btn.out_txt:first-of-type{
margin-top: 43px;
}
.textes .lien_accroche .btn.out_txt{
margin-top: 0;
}
.btn_rond{
border-radius: 50px;
display: flex;
padding: 0;
height: 53px;
width: 53px;
align-items: center;
justify-content: center;
}
.btn_large{
width: 100%;
justify-content: center;
text-align: center;
}
.lien_rouge{
color: var(--Rouge);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 118%;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 11px;
}
.btn_video svg{
margin-top: 4px;
}
p.pom-medium{
text-decoration: unset !important;
}
.pom-medium a{
font-weight: 500;
text-decoration-thickness: 2px;
}
/* Commun */
.colonnes_2{
display: flex;
gap: 20px 5vw;
justify-content: space-between;
}
.lasagne_map{
display: grid;
}
.lasagne_map>svg{
grid-area: 1 / 1;
}
.colonnes_2>div>.lasagne_map>svg{
height: auto;
width: 100%;
}
.colonnes_2>div.droit{
flex: 0 0 auto; /* ne se rétrécit pas automatiquement, taille selon le SVG */
max-width: 60%; /* limite à 60% */
}
.col_40_60>div.gauche{
width: 40%;
flex: 0 0 auto;
}
.col_34_66>div.gauche{
/*flex: 0 0 1;*/
width: 34%;
flex: 0 0 auto;
max-width: 387px;
box-sizing: initial;
}
.col_34_66>div.droit{
flex: 0 0 auto; /* ne se rétrécit pas automatiquement, taille selon le SVG */
max-width: 66%;
}
/* Couleurs fond */
.unique_tab {
background-color: var(--Blanc);
}
.color_englobe{
padding: var(--small-margin) 0 var(--bigspace);
}
.vert_claire{
background-color: var(--Vert-Claire);
}
.bleu_claire{
background-color: var(--Bleu);
}
.rose_claire{
background-color: var(--Rose);
}
.home, .page-template-page-jobabo, .page-template-page-calculateur-jobabo, .page-template-page-manifestations, .page-template-page-contact, .page-template-page-faq, .page-template-page-docs-utiles, .page-template-page-a-propos, .page-template-page-faq-flexi-abo {
--color_filtre: var(--Bleu);
}
.page-template-page-abo, .page-template-page-acheter, .page-template-page-points-de-vente {
--color_filtre: var(--Vert-Claire);
}
/* Marges */
.marge{
padding: var(--side-base);
}
.marge_cote{
padding: 0 var(--side-base);
}
.big_mrg_left{
padding-left: calc(var(--side-base) * 2);
}
.big_mrg_right{
padding-right: calc(var(--side-base) * 2);
}
.very_big_mrg_left{
padding-left: calc(var(--side-base) * 3);
}
.very_big_mrg_right{
padding-right: calc(var(--side-base) * 3);
}
.titre_seul{
padding-bottom: 8vw;
gap: 0;
}
/* Gestion svg */
.transition_svg{
position: relative;
}
.super_pose_svg>section, .liens_rapide{
position: relative;
z-index: 1;
}
.gestion_svg{
width: 100%;
overflow-x: hidden;
display: flex;
}
.gestion_svg>svg{
width: auto;
min-width: 100vw;
height: auto;
}
.sol_svg{
position: absolute;
bottom: -2px;
left: 50%;
transform: translateX(-50%);
z-index: 0;
}
.train_svg{
position: absolute;
bottom: 2vw;
right: 0;
z-index: 5;
}
.train_svg.jeune_sac{
right: var(--side-base);
}
.train_svg svg{
max-width: 50vw;
height: auto;
display: block;
}
.mrg_svg_top{
margin-top: var(--ltspace);
}
.train_en_gare{
width: 100%;
height: auto;
max-width: 1000px;
}
.svg_presonnage_flotte{
position: absolute;
}
.svg_sommaire_left{
margin: 35px var(--side-base) 0 auto;
}
.svg_sommaire_to_left{
margin-left: calc(var(--side-base) * 2);
}
.svg_bull_bottom{
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: auto;
width: 100%;
z-index: 0;
}
#content .bottom_svg{
display: none;
}
/*#content:has(.bloc_pub) .bottom_svg, .page-template-page-manifestations #content .bottom_svg, .single-offres #content .bottom_svg, .single-actu #content .bottom_svg{*/
/* display: block;*/
/*}*/
/****** Popup pub *****/
.bloc_pub>section{
padding-top: var(--mdspace);
}
.bloc_pub>section .gauche{
display: flex;
justify-content: center;
}
.bloc_pub>section .gauche>svg{
margin: auto 0 0 0;
max-height: 720px;
}
.fond_pub_svg{
position: absolute;
/*top: 45px;*/
top: 45px;
left: 50%;
min-height: calc(100% - 125px);
/*min-height: calc(100% - var(--mdspace) * 2);*/
transform: translateX(-50%);
z-index: 0;
}
.fond_pub_svg>svg{
height: 100%;
width: auto;
}
.popup_pub{
background-color: var(--Rose);
border-radius: var(--medium-radius);
padding: var(--medium-margin) var(--side-base);
height: fit-content;
margin-bottom: var(--bigspace);
}
.popup_pub h2{
margin-top: 0;
margin-bottom: 19px;
}
.popup_pub p{
font-size: 22px;
margin: 5px 0;
}
.popup_pub .btn_rond{
margin-top: 25px;
}
/*** Contenu flexible ***/
.img_unique{
width: 100%;
margin-top: 24px;
margin-bottom: 24px;
}
.img_unique img{
width: 100%;
border-radius: var(--small-radius);
}
.galerie{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
width: 100%;
margin-top: 24px;
margin-bottom: 24px;
}
.galerie img{
width: 100%;
height: auto;
aspect-ratio: 23 / 17;
border-radius: var(--small-radius);
}
.no_radius img{
border-radius: 0;
}
/****** Header *******/
#header{
display: flex;
padding: 16px var(--side-base) 0;
align-items: flex-start;
height: auto;
transition: opacity 0s cubic-bezier(1, 0.02, 1, 1), 0.3s ease-out;
/*align-items: center;*/
/*background-color: var(--Blanc);*/
/*border-radius: 0 0 14px 14px;*/
/*box-shadow: 0 0 20px 0 rgba(38, 0, 11, 0.12);*/
padding-bottom: 12px;
}
#header:after{
content: '';
inset: 0;
position: absolute;
z-index: -2;
/*align-items: center;*/
background-color: var(--Blanc);
border-radius: 0 0 14px 14px;
box-shadow: 0 0 20px 0 rgba(38, 0, 11, 0.12);
}
#header.top_head{
/*align-items: center;*/
/*background-color: unset;*/
/*border-radius: unset;*/
/*box-shadow: unset;*/
padding-bottom: 14px;
}
#header.top_head:after{
background-color: unset;
border-radius: unset;
box-shadow: unset;
}
#header.top_head_general{
padding-top: 40px;
}
#header.desktop_top{
background-color: unset;
border-radius: unset;
box-shadow: unset;
}
#header.desktop_top:after{
background-color: unset;
border-radius: unset;
box-shadow: unset;
}
#header.hide {
transform: translateY(-100%);
opacity: 0;
transition: opacity 4s cubic-bezier(1, 0.02, 1, 1), 0.3s ease-out;
}
#header::before{
content: '';
background-color: var(--color_filtre);
position: fixed;
inset: 0;
opacity: 0;
z-index: -3;
transition: 0.3s ease-out;
pointer-events: none;
}
#header.submenu-open::before{
opacity: 0.6;
pointer-events: all;
}
#header #branding a{
display: flex;
}
#header #branding a svg{
height: 41px;
width: 182px;
margin-top: 2px;
}
#header #branding a svg .slogan{
opacity: 0;
}
.menu-toggled #header{
transition: 1s;
}
.menu-toggled #header:after{
height: 300px;
}
#header #menu{
width: auto;
}
#menu .menu>li{
position: relative;
margin-left: 30px;
}
#menu .menu>li:first-of-type, #menu .menu>li:nth-of-type(2){
margin-left: 15px;
}
#menu .menu>li>a{
color: var(--Noir);
font-size: 20px;
font-weight: 500;
line-height: unset;
letter-spacing: unset;
text-transform: unset;
display: flex;
margin-left: 0px;
padding: 9px 0 10px;
}
#menu .menu>li>a:hover, #menu .menu>li.current-menu-ancestor>a, #menu .menu>li.current-menu-item >a{
color: var(--Rouge);
}
#menu .menu>li:first-of-type>a, #menu .menu>li:nth-of-type(2)>a{
padding: 9px 15px 10px;
background-color: #EFEFEF;
border-radius: var(--very-small-radius);
}
.submenu-open #menu .menu>li:first-of-type>a, .submenu-open #menu .menu>li:nth-of-type(2)>a {
background-color: var(--Blanc);
}
body:has(.with_sommaire) #menu .menu>li:first-of-type>a, body:has(.with_sommaire) #menu .menu>li:nth-of-type(2)>a,
body:has(.with_unique_color) #menu .menu>li:first-of-type>a, body:has(.with_unique_color) #menu .menu>li:nth-of-type(2)>a,
.home .top_head_general #menu .menu>li:first-of-type>a, .home .top_head_general #menu .menu>li:nth-of-type(2)>a{
background-color: var(--Blanc);
}
body:has(.with_sommaire) #menu .menu>li:first-of-type>a:hover, body:has(.with_sommaire) #menu .menu>li:nth-of-type(2)>a:hover,
body:has(.with_sommaire) #menu .menu>li:first-of-type.open>a, body:has(.with_sommaire) #menu .menu>li:nth-of-type(2).open>a,
#menu .menu>li:first-of-type>a:hover,
#menu .menu>li:nth-of-type(2)>a:hover,
body:has(.with_unique_color) #menu .menu>li:first-of-type>a:hover,
body:has(.with_unique_color) #menu .menu>li:nth-of-type(2)>a:hover,
body:has(.with_unique_color) #menu .menu>li:first-of-type.open>a,
body:has(.with_unique_color) #menu .menu>li:nth-of-type(2).open>a,
body:has(.with_unique_color) #menu .menu>li:first-of-type.current-menu-ancestor>a,
#menu .menu>li:first-of-type.current-menu-ancestor>a,
#menu .menu>li:nth-of-type(2).current-menu-item >a,
#menu .menu>li:nth-of-type(2).current-menu-item >a,
.home .top_head_general #menu .menu>li:first-of-type>a:hover, .home .top_head_general #menu .menu>li:nth-of-type(2)>a:hover{
background-color: var(--Rouge);
color: var(--Blanc);
}
#menu .menu>li>.sub-menu{
position: absolute;
background-color: var(--Blanc);
border-radius: var(--medium-radius);
padding: 60px var(--medium-margin);
margin-top: 28px;
left: calc(var(--medium-margin) * (-1));
display: flex;
flex-direction: column;
width: max-content;
}
#menu .menu>li:last-of-type>.sub-menu, #menu .menu>li:nth-of-type(6)>.sub-menu{
right: calc(var(--medium-margin) * (-1));
left: auto;
}
#menu .menu>li>.sub-menu>li, .actu_en_avant>a{
position: relative;
border-top: 2px dotted #D3D3D2;
line-height: 118%;
font-size: 20px;
padding: 21px 92px 21px 0;
}
#menu .menu>li>.sub-menu>li>a{
display: flex;
font-weight: 500;
}
#menu .menu>li>.sub-menu>li>a::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 35px;
height: 35px;
border-radius: 50%;
background-color: #DE0040; /* rond rouge */
transition: 0.2s;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: 44%; /* taille de la flèche */
}
#menu .menu>li>.sub-menu>li:first-of-type, .actu_en_avant>a:first-of-type{
padding-top: 0;
border-top: 0 solid rgba(255, 255, 255, 0);
}
#menu .menu>li>.sub-menu>li:first-of-type>a::after {
top: calc( 50% - 7px);
}
#menu .menu>li>.sub-menu>li:last-of-type{
padding-bottom: 0;
}
#menu .menu>li>.sub-menu>li:last-of-type>a::after {
top: calc( 50% + 7px);
}
/* sous-menu caché par défaut */
#menu .menu>li.menu-item-has-children > .sub-menu, .submenu-open #menu .menu>li.menu-item-has-children> a:hover ~ .sub-menu {
/*display: none;*/
opacity: 0;
transform: translateY(4px);
pointer-events: none;
}
/* quand le menu est ouvert */
#menu .menu>li.menu-item-has-children.open > .sub-menu,
/*#menu .menu>li.menu-item-has-children> a:hover ~ .sub-menu, */
.submenu-open #menu .menu>li.menu-item-has-children.open> a:hover ~ .sub-menu {
/*display: flex;*/
/*flex-direction: column;*/
opacity: 1;
transform: translateY(0px);
pointer-events: all;
}
#menu .menu>li>.sub-menu>li>a:hover{
color: var(--Rouge);
}
#menu .menu>li>.sub-menu>li>.sub-menu li a:hover{
/*color: var(--Noir) !important;*/
}
#menu .menu>li>.sub-menu>li>.sub-menu li{
display: flex;
}
#menu .menu>li>.sub-menu>li>.sub-menu li a{
font-size: 14px;
font-weight: 500;
opacity: 0.6;
}
#menu .menu>li:first-of-type>.sub-menu>li:last-of-type>.sub-menu{
position: absolute;
top: 100%;
margin-top: 80px;
border-radius: var(--medium-radius);
padding: var(--small-margin) 50px;
background-color: var(--Blanc);
left: calc(var(--medium-margin) * (-1));
right: unset;
width: max-content;
display: flex;
flex-direction: column;
gap: 10px;
}
#menu .menu>li:first-of-type>.sub-menu>li:last-of-type>.sub-menu li a{
color: var(--Rouge);
font-size: 16px;
opacity: 1;
font-weight: 500;
position: relative;
padding-left: 22px;
width: fit-content;
}
#menu .menu>li:first-of-type>.sub-menu>li:last-of-type>.sub-menu li a::before {
content: "";
position: absolute;
left: 0;
top: 6px;
width: 14px;
height: 12px;
background-repeat: no-repeat;
background-size: contain;
transition: 0.2s ;
background-image: url("data:image/svg+xml;utf8,");
}
.home #header.top_head #branding a svg .slogan{
opacity: 1;
}
/* Menu lien utile */
.menu-li-svg{
display: flex;
align-items: center;
}
#menu .menu>li.menu-li-svg>a{
margin-left: 5px;
}
#search_general{
cursor: pointer;
display: flex;
margin-left: 15px;
height: 100%;
background-color: rgba(255, 255, 255, 0);
padding: 6px 0px 7px 10px;
}
#search_general .small_loupe_home, .home .top_head #search_general .big_loupe_general{
display: none;
}
.home .top_head #search_general .small_loupe_home{
display: block;
}
.menu-li-svg>.sub-menu{
top: 100%;
}
.menu-icon>span, #close-bar1, #close-bar2, #close-bar3 {
border-radius: 10px;
background-color: var(--Noir) !important;
height: 2px;
width: 28px;
}
#menu.toggled #close-bar1 {
transform: translateY(9px) rotate(45deg);
}
#menu.toggled #close-bar3 {
transform: translateY(-9px) rotate(-45deg);
}
.home #header.top_head{
padding-top: 94px;
}
.home .top_head #menu .menu>li.menu-li-svg{
transition: 0.4s;
transform: translateY(-100%);
animation: moveForward 1s forwards;
position: absolute;
top: 0;
padding: 0 36px 0 36px;
border-radius: 0 0 20px 20px;
background-color: var(--Blanc);
z-index: -1;
display: flex;
flex-direction: row-reverse;
}
.home .top_head #menu .menu>li.menu-li-svg ul, .home .top_head #menu .menu>li.menu-li-svg ul li{
transition: 0s;
}
.home .top_head.desktop_top #menu .menu>li.menu-li-svg{
/*transition: 0.4s;*/
/*transform: translateY(0%);*/
/*opacity: 1;*/
/*animation: unset;*/
animation: moveForward 0.8s forwards;
}
@keyframes moveForward {
0%{
opacity: 0;
}
30%{
opacity: 1;
transform: translateY(-100%);
}
100%{
transform: translateY(0%);
}
}
.home .top_head #menu .menu>li.menu-li-svg>a{
display: none;
}
.home .top_head #menu .menu>li.menu-li-svg>.sub-menu{
opacity: 1;
position: static;
pointer-events: all;
transform: translateY(0);
flex-direction: row;
gap: 30px;
border-radius: 0;
padding: 0;
margin: 0;
align-items: center;
}
.home .top_head #menu .menu>li.menu-li-svg>.sub-menu>li{
padding: 0;
border: 0px;
}
.home .top_head #menu .menu>li.menu-li-svg>.sub-menu>li>a{
padding: 15px 0 20px 0;
font-size: 16px;
font-weight: 400;
}
.home .top_head #menu .menu>li.menu-li-svg>.sub-menu>li>a::after{
display: none;
}
body.no-scroll:has(li.open) {
overflow: hidden;
}
#search_general_mobile{
display: none;
}
#search_general_mobile label{
pointer-events: none;
}
.popup{
position: fixed;
display: flex;
flex-direction: column;
inset: 0;
z-index: 10000;
opacity: 0;
pointer-events: none;
/*justify-content: center;*/
justify-content: space-evenly;
overflow: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.popup>div{
position: relative;
background-color: var(--Blanc);
padding: var(--medium-margin) 78px var(--medium-margin) 70px;
border-radius: var(--medium-radius);
max-width: 665px;
width: 96%;
margin: 0 auto 2svh;
/*min-height: 30svh;*/
/*max-height: 90svh;*/
transform: translateY(4px);
margin-top: auto;
margin-bottom: auto;
}
body:has(.popup_open){
overflow: hidden;
}
/*#popup_search.popup{*/
/* overflow: hidden;*/
/*}*/
/*#popup_search.popup>div{*/
/* margin: 15svh auto auto;*/
/* max-height: 70svh;*/
/* min-height: 30svh;*/
/*}*/
.popup>div>div{
overflow: auto;
height: 100%;
border-radius: var(--small-radius);
padding-right: 8px;
}
.popup::before{
content: '';
display: block;
background-color: var(--color_filtre);
position: fixed;
inset: 0;
opacity: 0.9;
z-index: -1;
}
.page-template-page-points-de-vente .popup#popup_achat::before{
background-color: var(--Vert-Claire);
}
.close_popup{
cursor: pointer;
position: absolute;
top: -19px;
right: -18px;
z-index: 10;
}
.popup_open{
opacity: 1;
pointer-events: all;
}
.popup_open>div{
transform: translateY(0);
}
.popup h2{
margin-top: 0;
font-size: 40px;
}
/****** Generale page ******/
.generale_page h1{
max-width: 700px;
}
.generale_page .col_40_60>div.gauche {
width: 60%;
flex: 0 0 auto;
}
/****** Page accueil ******/
.home #container{
padding-top: 0;
}
.section_accueil_1{
margin-bottom: var(--medium-margin);
}
.section_accueil_1>video{
position: relative;
z-index: 0;
display: block;
width: 100%;
min-height: 370px;
object-fit: cover;
object-position: center;
background-color: var(--Vert-Fonce);
max-height: 100lvh;
}
.section_accueil_1>div.pelouse{
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
background: var(--Vert-Fonce);
background: linear-gradient(180deg, rgba(53, 148, 52, 0) 0%, var(--Vert-Fonce) var(--minspace));
padding-top: var(--minspace);
padding-bottom: var(--ltspace);
overflow: visible;
margin-top: -26svh;
}
.section_accueil_1 h1{
color: var(--Blanc);
font-size: 52px;
font-style: normal;
font-weight: 900;
line-height: 110%; /* 57.2px */
margin: 0 0 7px;
}
.section_accueil_1 p{
max-width: 950px;
font-size: 26px;
font-weight: 400;
color: var(--Blanc);
margin: 10px 0 45px;
}
.section_accueil_1 .actu_accueil{
width: 335px;
height: auto;
overflow: visible;
position: relative;
}
.section_accueil_1 .actu_accueil>div{
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 10px;
/*height: 100%;*/
position: absolute;
bottom: 0;
right: 0; /* ou left selon ton layout */
overflow: visible;
}
.section_accueil_1 .actu_accueil a{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
min-height: unset;
}
.section_accueil_1 .gestion_svg{
margin-top: -1px;
}
.titre_centre{
text-align: center;
}
.acces_rapide{
padding-bottom: 320px;
/*min-height: 100svh;*/
overflow: hidden;
padding-top: var(--htr-space-tab);
margin-top: var(--minspace);
}
.acces_rapide h2{
position: relative;
z-index: 1;
}
.liens_rapide{
display: flex;
flex-direction: column;
padding: 60px 80px;
background-color: var(--Blanc);
border-radius: var(--medium-radius);
}
.liens_rapide a{
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 0;
border-top: 2px dotted var(--Blanc-Fonce);
gap: 10px;
}
.liens_rapide a:first-of-type{
padding-top: 0;
border-top: 0 solid rgba(255, 255, 255, 0);
}
.liens_rapide a:last-of-type{
padding-bottom: 0;
}
.acces_rapide .liens_rapide a{
font-size: 32px;
font-weight: 700;
}
.h2_mobile{
display: none;
}
.liens_3_colones{
display: flex;
column-gap: 2vw;
padding-top: var(--mdspace);
padding-bottom: var(--lrg-space-tab);
}
.liens_3_colones .btn{
background-color: var(--Noir);
font-size: 22px;
padding-top: 19px;
padding-bottom: 22px;
margin: 0;
}
.svg_pers_right, .svg_pers_left{
z-index: 2;
bottom: 0;
width: auto;
height: 35vw;
min-height: 434px;
max-height: 567px;
pointer-events: none;
}
.svg_pers_right{
right: calc(var(--side-base) * 1.6);
bottom: 28px;
}
.svg_pers_left{
left: var(--side-base);
min-height: 430px;
max-height: 557px;
max-width: calc(var(--side-base) * 2.6);
}
.fond_acces_rapide{
position: absolute;
height: calc(100% - var(--lrg-space-tab));
width: auto;
top: 0;
bottom: var(--lrg-space-tab);
left: 50%;
transform: translateX(-50%);
z-index: 0;
}
.ombre_personnage{
transition: 0s;
}
.temoignages>div{
/*height: 300px;*/
}
.home #content{
overflow-x: hidden;
}
.fond_foret{
position: absolute;
height: calc(100% - 90px);
/*height: auto;*/
width: auto;
top: 90px;
bottom: var(--lrg-space-tab);
left: 50%;
transform: translateX(-50%);
z-index: 0;
min-width: 100%;
}
.temoignages{
margin-top: calc(var(--ltspace) + 10px);
padding-bottom: 190px;
}
.temoignages>div{
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
height: 36vw;
max-height: 600px;
}
.temoignage{
position: relative;
height: fit-content;
transition: 0.1s;
}
.temoignage img{
aspect-ratio: 28 / 38 ;
border-radius: 25px;
width: 21vw;
max-width: 420px !important;
}
.temoignage.img_1 img, .temoignage.img_2 img{
width: 17vw;
max-width: 345px !important;
}
.temoignage.img_0 , .temoignage.img_2{
margin: auto 0 0 0;
}
.temoignage .bull_rouge{
position: absolute;
right: -19px;
bottom: -33px;
max-width: 230px;
}
.temoignage.img_1 .bull_rouge{
padding-left: 25px;
padding-right: 25px;
max-width: 207px;
}
.temoignage.img_2 .bull_rouge{
padding-left: 25px;
padding-right: 27px;
right: -27px;
max-width: 242px;
}
.temoignage.img_3 .bull_rouge{
right: auto;
left: 45px;
}
.temoignage .img_badge{
position: absolute;
left: -20%;
bottom: -33px;
max-width: 300px !important;
border-radius: 0;
object-fit: contain;
aspect-ratio: unset;
width: 60%;
}
.bull_rouge{
font-size: 16px;
line-height: 120%;
text-align: center;
color: var(--Blanc);
position: relative;
display: flex;
flex-direction: column;
width: fit-content;
padding: 32px 20px;
gap: 5px;
}
.bull_rouge span{
position: relative;
z-index: 1;
color: var(--Blanc);
font-weight: 700;
}
.bull_rouge span.temoin{
font-weight: 400;
font-size: 14px;
}
.bull_rouge>svg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 0;
}
/****** Page Abo ******/
/* Section Abonement */
.tabs {
width: 100%;
margin-bottom: 100px;
}
.color_englobe section:last-child .tabs{
margin-bottom: 0px;
}
/* Navigation */
.tabs-nav {
display: flex;
gap: 10px;
/*flex-wrap: wrap;*/
width: 100%;
overflow: auto;
}
.tab-btn {
padding: 24px 40px 26px;
border: none;
background-color: rgba(255, 255, 255, 0.6);
color: var(--Noir);
font-size: 22px;
cursor: pointer;
font-weight: 600;
transition: all 0.2s ease;
border-radius: var(--inter-radius) var(--inter-radius) 0 0;
/*opacity: 0.6;*/
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
flex: 0 0 auto;
}
.tab-btn:hover {
background-color: var(--Blanc);
}
.tab-btn.active {
color: var(--Rouge);
background-color: var(--Blanc);
}
.tabs-nav-wrapper {
position: relative;
display: flex;
align-items: center;
}
.tabs-nav {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
scrollbar-width: none;
padding-right: var(--big-radius);
margin-bottom: 0px;
}
.tabs-nav::-webkit-scrollbar {
display: none;
}
.tab-arrow {
display: none;
align-items: center;
background: linear-gradient(90deg,rgba(255, 211, 224, 0) 0%, rgba(255, 211, 224, 1) 100%);
border: none;
cursor: pointer;
position: absolute;
z-index: 7;
inset: 0 auto 0 -2px;
padding: 0 30px 0 8px;
}
.tab-arrow.right {
inset: 0 -2px 0 auto;
padding: 0 8px 0 30px ;
}
.vert_claire .tab-arrow {
background: linear-gradient(90deg,rgba(200, 233, 193, 0) 0%, rgba(200, 233, 193, 1) 60%);
}
.rose_claire .tab-arrow {
background: linear-gradient(90deg,rgba(255, 211, 224, 0) 0%, rgba(255, 211, 224, 1) 60%);
}
.bleu_claire .tab-arrow {
background: linear-gradient(90deg,rgba(200, 235, 245, 0) 0%, rgba(200, 235, 245, 1) 60%);
}
.vert_claire .tab-arrow.left {
background: linear-gradient(90deg,rgba(200, 233, 193, 1) 40%, rgba(200, 233, 193, 0) 100%);
}
.rose_claire .tab-arrow.left {
background: linear-gradient(90deg,rgba(255, 211, 224, 1) 40%, rgba(255, 211, 224, 0) 100%);
}
.bleu_claire .tab-arrow.left {
background: linear-gradient(90deg,rgba(200, 235, 245, 1) 40%, rgba(200, 235, 245, 0) 100%);
}
.tabs-content h3{
margin-top: var(--minspace);
}
/* Panels */
.tabs-content {
position: relative;
background-color: var(--Blanc);
border-radius: 0 var(--big-radius) var(--big-radius) var(--big-radius);
padding: var(--htr-space-tab) var(--lrg-space-tab);
}
.tab-panel {
display: none;
animation: fadeIn 0.3s ease forwards;
}
.tab-panel.active {
display: block;
}
.tab-panel h3:first-child{
margin-top: 0;
}
/* Animation douce */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(5px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.tab-panel>svg:last-of-type{
display: flex;
margin: 50px 0 0 auto ;
max-width: 100%;
}
.with_illu_depasse{
position: relative;
}
.with_illu_depasse>div{
margin-right: calc((var(--side-base) * 1.7) + var(--lrg-space-tab));
}
.illu_depasse{
position: absolute;
bottom: calc((var(--side-base) * -1) - var(--htr-space-tab));
right: calc((var(--side-base) * -1) - var(--lrg-space-tab));
width: calc(var(--side-base) * 3.7);
}
/* Filtre tableau */
.toggle-switch {
position: relative;
display: inline-flex;
background-color: var(--Rose);
border-radius: var(--small-radius);
overflow: hidden;
cursor: pointer;
}
.toggle-switch input {
display: none;
}
.toggle-switch .toggle-label {
padding: 14px 20px 16px;
font-size: 18px;
line-height: 78%;
z-index: 2;
position: relative;
text-align: center;
white-space: nowrap;
color: var(--Blanc);
cursor: pointer;
background: radial-gradient(#00000000, transparent);
}
/*.toggle-switch .toggle-label:first-child {*/
/* padding-right: 14px;*/
/*}*/
/*.toggle-switch .toggle-label:last-child {*/
/* padding-left: 14px;*/
/*}*/
.toggle-switch .toggle-slider {
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: var(--Rouge);
border-radius: var(--small-radius);
transition: left 0.3s ease, width 0.3s ease;
z-index: 1;
}
.toggle-switch input:checked ~ .toggle-slider ~ label {
color: white;
}
.filtres_tableau{
display: flex;
gap: 30px 10px;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.filtres_tableau h3{
width: fit-content;
margin: 0 auto 0 0;
}
.double_toggle{
display: flex;
gap: 10px;
}
.page-template-default h2{
font-size: 36px;
}
/* Tableau */
.asterisque{
font-size: 18px;
opacity: 0.8;
text-align: left;
margin-left: auto;
width: fit-content;
display: flex;
margin-right: 3px;
justify-content: flex-end;
}
.dynamic_table{
border-radius: var(--table-radius);
overflow: hidden;
font-size: 18px;
/*margin: 25px 0 20px 0;*/
margin: 0px 0 15px 0;
}
.page_plan_zones .dynamic_table{
margin-bottom: 16px;
}
.dynamic_table thead, .dynamic_table thead span{
background-color: var(--Rouge);
color: var(--Blanc);
}
.dynamic_table th, .dynamic_table td{
padding: 16px 30px;
height: fit-content;
}
.dynamic_table th{
background-color: var(--Rouge);
color: var(--Blanc);
border-left: solid 1px var(--Blanc);
}
.dynamic_table th:first-child{
border-left: solid 0px var(--Blanc);
text-align: left;
}
/*.dynamic_table tr:nth-child(even) {*/
/* background-color: var(--Blanc);*/
/*}*/
/*.dynamic_table tr:nth-child(odd) {*/
/* background-color: var(--Rose);*/
/*}*/
.dynamic_table tr:nth-last-child(even) {
background-color: var(--Blanc);
}
.dynamic_table tr:nth-last-child(odd) {
background-color: var(--Rose);
}
.dynamic_table thead tr{
background-color: var(--Rouge) !important;
}
.dynamic_table td{
border-left: dashed 1px var(--Rouge);
text-align: center;
vertical-align: middle;
}
.dynamic_table td:first-child{
border-left: solid 0px var(--Rouge);
}
.case_with_svg{
display: flex;
gap: 12px;
font-weight: 500;
}
.case_with_svg>.msg_info{
flex: 0 0 auto;
}
.page-template-page-action-promo .msg_info>div {
min-width: 140px;
width: 200px;
}
.dynamic_table tr>td:first-child{
/*display: flex;*/
flex-direction: column;
gap: 6px;
font-weight: 500;
align-items: flex-start;
text-align: left;
width: 1%;
white-space: nowrap;
}
.dynamic_table tr>td:first-child>div{
display: flex;
flex-direction: column;
gap: 6px;
font-weight: 500;
align-items: flex-start;
text-align: left;
}
.precision_age{
font-size: 16px;
opacity: 0.8;
font-weight: 400;
text-align: left;
}
/* tableu joabo */
.calculateur_jobabo .dynamic_table td, .calculateur_jobabo .dynamic_table th, .calculateur_jobabo .dynamic_table td, .calculateur_jobabo .dynamic_table tr > th:first-child {
padding: 16px 18px;
}
.calculateur_jobabo .dynamic_table td, .calculateur_jobabo .dynamic_table th, .calculateur_jobabo .dynamic_table th span, .calculateur_jobabo .dynamic_table td span, .calculateur_jobabo .dynamic_table td span.text-before{
font-size: 16px;
}
/* Filtrage tableau */
.option_1_2, .option_1_1, .option_2_2, .option_2_1{
display: none;
}
.option_1_2, .option_1_1, .option_2_2, .option_2_1{
/*display: block;*/
}
td.empty::before{
content: var(--Case-vide);
font-size: 14px;
}
/* Section FAQ */
.page-template-page-faq .colonnes_2:first-of-type{
flex-direction: column;
}
.page-template-page-faq .colonnes_2:first-of-type p{
max-width: 740px;
}
.bloc_faq{
margin-top: var(--medium-margin);
}
.bloc_faq details{
border-top: solid rgba(36, 36, 32, 0.2) 1px;
padding: 27px 0;
}
.bloc_faq details:last-child{
border-bottom: solid rgba(36, 36, 32, 0.2) 1px;
}
.bloc_faq summary{
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.bloc_faq details .contenu{
overflow: hidden;
max-height: 0;
transition: max-height 0.4s ease, padding-bottom 0.1s ease-out;
}
details .contenu{
max-width: 800px;
}
.bloc_faq details[open] .contenu{
max-height: fit-content; /* ou une valeur suffisante selon le contenu */
}
.bloc_faq details .contenu p, .bloc_faq details .contenu ol, .bloc_faq details .contenu ul{
margin: 15px 0 10px;
width: calc(100% - 60px);
}
summary::marker{
display: none;
}
/* Enlève la flèche par défaut du */
summary::-webkit-details-marker {
display: none;
}
/* Pour Firefox */
summary {
list-style: none;
}
.bloc_faq details .plus_rond{
display: flex;
height: fit-content;
}
.bloc_faq details .plus_rond_small{
height: 35px;
width: 35px;
}
.bloc_faq details .plus_rond svg .disparait{
transition: transform 0.6s ease;
}
.bloc_faq details .plus_rond.to_moins svg .disparait{
opacity: 0;
transition: transform 0.6s ease;
}
.bloc_faq details h2 {
margin: 0 8px 10px 0;
color: var(--Noir);
font-size: 34px;
font-weight: 500;
text-transform: unset;
}
.bloc_faq details h3 {
margin: 0 8px 10px 0;
}
.page-template-page-faq-php .bloc_faq details h3, .page-template-page-faq-flexi-abo-php .bloc_faq details h3{
font-size: 25px;
margin: 0 8px 3px 0;
}
.bloc_faq details summary h4 {
font-weight: 400;
margin: 0 18px 6px 0;
}
.bloc_faq details summary h4 strong {
font-weight: 500;
}
.bloc_faq details > div {
display: none;
}
.bloc_faq details.open > div{
display: block;
}
.bloc_faq details .contenu ul:first-child,
.bloc_faq details .contenu ol:first-child,
.bloc_faq details .contenu p:first-child{
margin-top: 20px;
}
/****** Page JobAbo ******/
.list_icone{
display: flex;
flex-direction: column;
gap: 31px;
margin: 49px 0 53px;
}
.list_icone>div{
display: flex;
}
.list_icone>div{
display: flex;
max-width: 500px;
gap: 48px;
}
.list_icone>div>svg{
flex: 0 0 auto;
}
.list_icone>div>p{
margin: 0;
}
.with_lien_accroche{
position: relative;
}
.with_lien_accroche>div:first-child{
margin-right: var(--lrg-space-tab);
max-width: 800px;
}
.lien_accroche{
position: absolute;
top: 0;
right: calc((var(--side-base) * -1) - var(--lrg-space-tab));
width: calc(var(--side-base) * 2.6);
display: flex;
flex-direction: column;
gap: 8px;
transition: 0s;
}
.lien_accroche .btn{
margin: 0;
gap: 10px;
width: 100%;
}
.lien_accroche .btn>span{
width: 180px;
font-weight: 400;
display: flex;
flex-direction: column;
gap: 4px 0;
font-size: 16px;
}
.lien_accroche .btn>span>strong{
font-size: 18px;
}
#popup_video>div{
max-width: 1100px;
height: fit-content;
min-height: unset;
}
#popup_video>div>div{
padding: 0;
}
#popup_video>div>div video{
display: block;
}
/*** Page action de Promo ***/
.page-template-page-action-promo #container, #container:has(.with_unique_color){
padding-top: 0;
}
.with_sommaire{
position: relative;
padding-top: calc(var(--htr-menu) + 20px);
padding-bottom: var(--htr-space-tab);
}
.with_unique_color{
padding-top: calc(var(--htr-menu) + 20px);
/*padding-bottom: var(--htr-space-tab);*/
}
.with_sommaire .sections{
padding-left: calc(var(--side-base) * 3.4);
padding-right: var(--side-base);
}
.position_sommaire{
position: absolute;
left: var(--side-base);
top: 0px;
bottom: 0;
padding-top: calc(var(--htr-menu) + 80px);
padding-bottom: calc(var(--htr-space-tab) + 20px);
height: 100%;
z-index: 4;
}
.sommaire{
display: flex;
flex-direction: column;
/*position: fixed;*/
position: sticky;
/*left: var(--side-base);*/
top: calc(var(--htr-menu) + 20px);
width: calc(var(--side-base) * 3.2);
min-width: 300px;
background-color: var(--Rouge);
padding: 58px 56px 56px 53px;
color: var(--Blanc);
border-radius: var(--medium-radius);
z-index: 4;
}
.sommaire a{
color: var(--Blanc);
padding: 16px 0;
opacity: 0.6;
border-top: 2px dotted var(--Blanc-Fonce);
line-height: 118%;
font-size: 16px;
font-weight: 500;
}
.sommaire a:first-of-type{
padding-top: 0;
border-top: 0 solid rgba(255, 255, 255, 0);
}
.sommaire a:last-of-type{
padding-bottom: 0;
}
.sommaire a.active {
opacity: 1;
}
.arrow-indicator {
position: absolute;
right: -27px; /* ajuste */
transition: transform 0.3s ease;
}
.with_sommaire section{
position: relative;
background-color: var(--Blanc);
border-radius: var(--big-radius);
padding-top: var(--htr-space-tab);
padding-bottom: var(--htr-space-tab);
margin-bottom: 20px;
display: flex;
flex-direction: column;
overflow: hidden;
}
.with_sommaire section:first-of-type{
padding-top: var(--ltspace);
}
.with_sommaire section h2{
margin-top: 0;
}
.with_sommaire section h1, .with_sommaire section h2, .with_sommaire section h3, .with_sommaire section h4, .with_sommaire section p, .with_sommaire section ul{
margin-right: calc(var(--side-base) * 1.4);
}
.with_sommaire section h4{
font-size: 38px;
}
.with_sommaire section p strong{
color: var(--Rouge);
}
.sommaire-mobile { display: none; }
.vignette{
background-color: var(--Rouge);
border-radius: 50%;
aspect-ratio: 1 / 1;
width: calc(var(--side-base) * 1.5 );
min-width: 130px;
max-width: 200px;
position: absolute;
top: 59px;
right: 65px;
transform: rotate(10deg);
font-size: 16px;
font-weight: 500;
line-height: 118%;
color: var(--Blanc);
box-shadow: 5px 5px 0px var(--Rose);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: calc(var(--side-base) * 0.12 );
}
.with_sommaire .sections svg{
max-width: 100%;
height: auto;
}
.with_sommaire .no_mrg_bottom{
padding-bottom: 0;
}
.with_sommaire section>div, .with_sommaire section>svg {
z-index: 2;
}
.sommaire .btn{
margin: 0;
}
/* Page FAQ */
.faq_search{
display: flex;
width: 100%;
max-width: 522px;
/*background-color: var(--Blanc);*/
/*position: sticky;*/
top: 0;
}
.faq_search>input{
position: sticky;
display: flex;
width: 100%;
margin: 0;
border-radius: 18px 0 0 18px;
padding: 15px 33px 17px;
font-size: 20px;
background-color: var(--Blanc);
}
.faq_search>div{
display: flex;
background-color: var(--Rouge);
aspect-ratio: 1 / 1;
width: 60px;
height: 60px;
border-radius: 0 18px 18px 0;
align-items: center;
justify-content: center;
cursor: pointer;
}
#popup_search .faq_search{
position: sticky;
}
#popup_search .faq_search>input{
background-color: #f6f6f6;
}
.invisible_table{
opacity: 0;
}
/* CPT - offre special */
.temoin_offre{
/*width: 100%;*/
}
.temoin_offre img{
aspect-ratio: 18 / 20;
width: 31vw;
max-width: 600px !important;
}
.temoin_offre .bull_rouge {
left: -46px;
bottom: -13px;
padding: 34px 28px 20px 24px;
max-width: 225px;
}
.autre_offres>a{
display: grid;
grid-template-columns: 1fr;
aspect-ratio: 35 / 27;
overflow: hidden;
border-radius: var(--inter-radius);
}
.autre_offres>a>picture{
grid-area: 1 / 1;
}
.autre_offres>a>picture img{
height: 100%;
width: 100%;
}
.autre_offres>a>div{
grid-area: 1 / 1;
background-color: var(--Rouge);
padding: var(--small-margin);
display: flex;
flex-direction: column;
opacity: 0;
}
.autre_offres>a>div h3{
color: var(--Blanc);
margin: 7px 0 3px;
font-size: 20px;
font-style: normal;
font-weight: 700;
}
.autre_offres>a>div p{
color: var(--Blanc);
margin: 3px 0 10px;
font-size: 16px;
}
.autre_offres>a>div span{
color: var(--Blanc);
margin: auto 0 5px;
font-size: 14px;
font-weight: 700;
}
.autre_offres>a:hover>div{
opacity: 1;
}
/* tableau generale */
::-webkit-scrollbar {
height: 3px; /* épaisseur de la scrollbar horizontale */
}
/* Track (fond) */
::-webkit-scrollbar-track {
background: var(--Gris-Claire); /* couleur du fond */
border-radius: 6px;
}
/* Handle (curseur) */
::-webkit-scrollbar-thumb {
background: var(--Rouge); /* couleur du curseur */
border-radius: 6px;
cursor: pointer;
}
/* Au survol du handle */
::-webkit-scrollbar-thumb:hover {
background: var(--Rouge);
}
.contain_table{
width: 100%;
overflow-x: auto;
margin: 25px 0 25px 0;
}
#tab-0.calculateur_jobabo .contain_table{
overflow-x: visible;
}
.simple_table td, .simple_table tr>td:first-child {
text-align: center;
align-items: center;
vertical-align: middle;
font-weight: 400;
height: auto;
margin: auto;
display: table-cell;
padding: 20px 15px;
}
.simple_table th, .simple_table tr>th:first-child {
text-align: center;
align-items: center;
vertical-align: middle;
display: table-cell;
padding: 16px 20px;
}
.simple_table thead span{
background-color: rgba(255, 255, 255, 0);
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 10px;
white-space: nowrap;
}
.simple_table td span {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
line-height: 129%;
}
.simple_table td span>svg {
margin: 6px 0 0 10px;
}
.simple_table th, .simple_table td, .simple_table tr > th:first-child {
padding: 12px 14px;
}
.simple_table th span, .simple_table td span, .simple_table td span.text-before{
font-size: 16px;
max-width: 200px;
}
.simple_table td span>span.text-after {
font-size: 12px;
font-weight: 400;
line-height: 118%;
margin-top: 6px;
white-space: wrap;
}
/* Single Actu */
.single-actu{
}
.single-actu .en_tete{
gap: 10px;
justify-content: normal;
margin-bottom: 70px;
}
.single-actu .en_tete>a:first-child{
width: var(--side-base);
flex: 0 0 auto;
}
.single-actu .en_tete>a:first-child>svg{
width: auto;
margin-top: 13px;
}
.single-actu h1{
margin-bottom: 12px;
margin-top: 8px;
}
.single-actu h2.actu_h2{
font-size: 34px;
font-style: normal;
font-weight: 500;
line-height: 118%; /* 40.12px */
margin-top: 12px;
margin-bottom: 0px;
}
.single-actu .date_actu{
color: var(--Rouge);
font-style: normal;
font-weight: 700;
line-height: 118%; /* 25.96px */
margin-top: auto;
margin-bottom: 0px;
margin-left: 10px;
}
.single-actu picture.miniature{
display: flex;
width: 100%;
margin-bottom: calc(0px - var(--big-radius));
}
.single-actu picture.miniature img{
width: 100%;
border-radius: var(--big-radius) var(--big-radius) 0 0;
max-height: 80svh;
aspect-ratio: 11 / 6;
}
.single-actu .unique_tab{
margin-top: calc(0px - var(--big-radius));
position: relative;
z-index: 4;
}
.single-actu .unique_tab.no_img{
margin-top: 20px;
}
.single-actu .unique_tab .btn{
gap: 15px;
}
.share-buttons{
display: flex;
gap: 10px;
margin-top: 30px;
justify-content: flex-end;
}
.share-buttons a{
display: flex;
}
.share-copy-link{
background-color: rgba(255, 255, 255, 0);
padding: 0;
font-size: 0;
display: flex;
}
.contenu_with_mrg .img_unique{
display: flex;
}
.a_img{
display: flex;
}
.contenu_with_mrg h2,
.contenu_with_mrg h3,
.contenu_with_mrg h4,
.contenu_with_mrg p,
.contenu_with_mrg ul,
.contenu_with_mrg ol,
.contenu_with_mrg .img_unique,
.contenu_with_mrg .a_img,
.contenu_with_mrg .galerie {
max-width: 800px;
}
.minia_actu{
display: flex;
flex-direction: column;
background-color: var(--Rouge);
color: var(--Blanc);
border-radius: var(--inter-radius);
overflow: hidden;
min-height: 220px;
}
.minia_actu img{
aspect-ratio: 30 / 16;
width: 100%;
}
.minia_actu div{
display: flex;
flex-direction: column;
gap: 5px;
padding: 36px var(--small-margin) var(--small-margin);
}
.minia_actu span{
color: var(--Blanc);
margin: 0;
font-size: 13px;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.minia_actu h3{
color: var(--Blanc);
margin: 0;
font-size: 22px;
font-weight: 700;
line-height: normal;
line-height: 120%;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.minia_actu p{
color: var(--Blanc);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 118%;
margin: 0;
}
/* Actu */
.actu_une{
gap: 13px;
align-items: stretch;
}
.actu_en_avant{
background-color: var(--Blanc);
border-radius: var(--medium-radius);
padding: 58px 53px;
flex: 0 0 30vw;
position: relative;
}
.actu_une div:last-child{
flex: 1 1 auto; /* prend l’espace restant */
display: flex;
}
.actu_en_avant>a{
display: flex;
padding: 26px 0;
gap: 21px;
cursor: pointer;
justify-content: space-between;
}
.actu_en_avant>a>div{
display: flex;
flex-direction: column;
gap: 5px;
}
.actu_en_avant>a>div>span{
color: var(--Noir);
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.actu_en_avant>a>div>h3{
color: var(--Noir);
margin: 0;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.actu_en_avant>a>div>p{
color: var(--Noir);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 118%; /* 21.24px */
margin: 0;
}
.actu_en_avant>a>svg{
margin-top: 17px;
flex: 0 0 auto;
}
.actu_en_avant>a:hover>svg{
transform: translateX(11px);
}
.actu_en_avant>a:last-child{
padding-bottom: 0;
}
.img_actu_avant{
border-radius: var(--big-radius);
width: 100%;
/*height: 100%;*/
/*display: block;*/
}
/* Barre de sélection */
.selected_bar{
position: absolute;
top: 0;
right: 0px; /* à ajuster selon ton design */
width: 8px; /* largeur de la barre */
background-color: #DE0040;
border-radius: 6px 0 0 6px;
transition: top 0.3s, height 0.3s;
}
/* Classe active pour le post sélectionné */
.actu_item.active h3, .actu_item.active span, .actu_item.active p{
color: var(--Rouge);
}
.custom-select-actu, .mobile_btn_carte {
display: none;
}
.custom-select-poi {
display: none;
position: relative;
}
#filter-form{
margin-bottom: 40px;
display: flex;
gap: 10px;
overflow: auto;
padding-bottom: 5px;
}
#filter-form input{
display: none;
}
#filter-form label{
background-color: var(--Blanc);
padding: 14px 20px 16px;
color: var(--Noir);
border-radius: var(--small-radius);
opacity: 0.6;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 129%; /* 23.22px */
cursor: pointer;
white-space: nowrap;
}
#filter-form label:hover{
opacity: 1;
}
#filter-form label:has(input:checked) {
background-color: var(--Rouge); /* exemple de couleur quand coché */
color: var(--Blanc);
opacity: 1;
cursor: default;
}
.pagination{
display: flex;
justify-content: flex-end;
align-items: stretch;
margin-top: var(--minspace);
}
.pagination .page-numbers{
background-color: var(--Blanc);
padding: 11px 17px;
display: flex;
align-items: center;
color: rgba(36, 36, 32, 0.60);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 118%; /* 21.24px */
}
.pagination .page-numbers svg {
margin-top: 4px;
}
.pagination a.disabled {
pointer-events: none;
opacity: 0.3;
cursor: default;
}
.pagination a.page-numbers:hover {
color: var(--Noir);
}
.pagination span.page-numbers.current {
color: var(--Rouge);
font-weight: 700;
}
.pagination .page-numbers:first-child{
padding-right: 15px;
border-radius: 18px 0 0 18px;
}
.pagination .page-numbers:first-child:hover svg{
transform: translateX(-4px) ;
}
.pagination .page-numbers:last-child:hover svg{
transform: translateX(4px) ;
}
.pagination .page-numbers:last-child{
padding-left: 15px;
border-radius: 0 18px 18px 0;
}
.pagination .page-numbers.disable{
pointer-events: none;
}
.pagination .page-numbers.disable svg path{
stroke: var(--Gris-Txt);
}
.pagination .page-numbers.disable:hover svg{
transform: translate(0);
}
.pagination .page-numbers{
border-right: 1px solid var(--Gris-Fond);
}
/*** Plan de zone generale ***/
/* Carte */
.svg_cartes{
width: 100%;
height: auto;
max-height: 100svh;
max-width: unset;
min-height: unset;
min-width: unset;
cursor: not-allowed;
}
.svg_carte>g#zone_france, .svg_carte>g.disabled{
pointer-events: none;
}
.svg_carte>g, .svg_carte.not_selection:hover>g{
opacity: 0.3;
cursor: pointer;
}
.svg_carte>g.highlight_limit{
opacity: 0.6;
/*pointer-events: none;*/
}
.svg_carte:hover>g:hover{
opacity: 0.8;
}
.svg_carte:hover>g.selected:hover, .svg_carte>g.selected, .svg_carte.not_selection>g{
opacity: 1;
}
/*.svg_carte:hover>g:hover, .svg_carte>g.selected, .svg_carte.not_selection>g{*/
/* opacity: 1;*/
/*}*/
.svg_carte.itineraire_maps.maps_load{
pointer-events: none;
cursor: wait;
}
.svg_carte.itineraire_maps.maps_load > g {
opacity: 0.4;
animation: mapPulse 1.2s ease-in-out infinite alternate;
}
.svg_carte.itineraire_maps.maps_load > g:nth-child(3n+1) {
animation-delay: 0s;
}
.svg_carte.itineraire_maps.maps_load > g:nth-child(3n+2) {
animation-delay: 0.4s;
}
.svg_carte.itineraire_maps.maps_load > g:nth-child(3n) {
animation-delay: 0.8s;
}
@keyframes mapPulse {
from {
opacity: 0.4;
}
to {
opacity: 0.8;
}
}
/* Carte autour */
.panel_cote{
}
.trajet{
display: flex;
flex-direction: column;
/*overflow: hidden;*/
margin: 23px 0;
}
.trajet label{
position: relative;
display: flex;
align-items: center;
background-color: var(--Blanc);
border: solid 1px var(--Gris-Fond);
/*overflow: hidden;*/
padding: 16px 25px 18px;
cursor: text;
}
.trajet label:first-of-type{
border-radius: var(--small-radius) var(--small-radius) 0 0;
border-bottom: 0px;
}
.trajet label:last-of-type{
border-radius: 0 0 var(--small-radius) var(--small-radius);
}
.trajet label input{
flex: 1;
margin-top: 0;
width: auto;
background-color: var(--Blanc);
padding: 0 0 0 12px;
color: var(--Noir);
font-family: 'arboria', 'sans-serif';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
}
.trajet label span{
color: var(--Noir);
opacity: 0.63;
font-size: 16px;
min-width: 21px;
}
.trajet label .loc-suggestions{
position: absolute;
z-index: 5;
top: calc(100% + 2px);
left: 0;
right: 0;
border-radius: var(--small-radius);
background-color: var(--Blanc);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.28);
overflow: hidden;
}
.trajet label:first-of-type .loc-suggestions{
border-radius: 0 0 var(--small-radius) var(--small-radius);
}
.loc-suggestions .item{
padding: 10px 25px;
cursor: pointer;
}
.trajet label:last-of-type .loc-suggestions .item:first-of-type{
padding-top: 16px;
}
.loc-suggestions .item:last-of-type{
padding-bottom: 18px;
}
.loc-suggestions .item:hover,
.loc-suggestions .item[aria-selected="true"]{
background-color: var(--Gris-Fond);
}
.loc-suggestions .item .texts .main{
font-size: 20px;
}
.loc-suggestions .item .texts .secondary{
opacity: 0.6;
font-size: 16px;
margin-top: 3px;
}
.msg_info{
position: relative;
height: fit-content;
display: flex;
align-items: center;
padding-top: 4px;
}
.msg_info>div{
position: absolute;
top: -5px;
left: 100%;
margin-left: 10px;
padding: 8px 16px 10px;
background-color: var(--Noir);
color: var(--Blanc);
font-size: 14px;
border-radius: 6px;
width: 140px;
opacity: 0;
pointer-events: none;
z-index: 5;
}
.msg_info:hover>div{
opacity: 1;
}
.page_plan_zones .btn_large{
font-size: 16px;
}
.duree_abo{
display: flex;
flex-direction: column;
gap: 7px;
margin: 23px 0 42px;
}
.duree_abo>div {
display: flex;
align-items: center;
gap: 15px;
position: relative;
padding-left: 0px;
font-size: 18px;
cursor: pointer;
}
.duree_abo>div label{
cursor: pointer;
padding-left: 31px;
}
.duree_abo input[type="radio"] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.duree_abo label::before{
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
border: 1px solid var(--Gris-Fond);
background-color: var(--Blanc);
border-radius: 5px; /* ← carré (0 pour angle dur) */
display: block;
cursor: pointer;
margin: 0;
}
.duree_abo input[type="radio"]:checked + label::before {
background-color: var(--Rouge);
}
.btns_points_interet{
position: absolute;
display: flex;
flex-direction: column;
gap: 4px;
overflow: hidden;
/*right: 0;*/
}
.btns_points_interet .btn{
margin: 0;
background-color: var(--Gris-Fond);
width: 100%;
}
.btns_points_interet .btn span{
font-size: 14px;
color: var(--Rouge);
font-weight: 500;
}
.page_accueil .btns_points_interet{
right: 0;
z-index: 9;
}
.page_accueil .btns_points_interet .btn{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.table_load .info_tableau{
opacity: 0.6;
cursor: wait;
}
.table_load .dynamic_table{
opacity: 0.4;
animation: loadingTable 2s infinite ease-in-out;
cursor: wait;
}
@keyframes loadingTable {
0%, 100% {opacity: 0.4; transform: scale(1);}
50% {opacity: 0.8; transform: scale(0.99);}
}
/* notif */
.section_module_plan_zone>div.has_map{
position: relative;
}
.msg_notif{
--translate-x-notif: calc(100px - 50%);
pointer-events: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate( var(--translate-x-notif), -50%);
opacity: 0;
font-size: 14px;
color: var(--Blanc);
background-color: var(--Rouge);
padding: 9px 15px 10px;
border-radius: var(--very-small-radius);
cursor: none;
}
.home .lasagne{
position: relative;
}
.home .msg_notif{
--translate-x-notif: -50%;
}
.single-actu .msg_notif{
position: fixed;
z-index: 10;
--translate-x-notif: -50%;
}
.msg_visible {
animation: descendre 2s forwards;
}
@keyframes descendre {
0% {
transform: translateY(-20px) translateX(var(--translate-x-notif));
opacity: 0;
}
20% {
transform: translateY(0) translateX(var(--translate-x-notif));
opacity: 1;
}
80% {
transform: translateY(0) translateX(var(--translate-x-notif));
opacity: 1;
}
100% {
transform: translateY(20px) translateX(var(--translate-x-notif));
opacity: 0;
}
}
/* Page accueil */
.page_accueil.section_module_plan_zone .droit{
position: relative;
padding-right: var(--side-base);
flex: 1;
}
/*** Page plan de zones ***/
.section_module_plan_zone .gauche{
padding-left: var(--side-base);
flex: 1;
}
.section_module_plan_zone h2{
margin: 27px 0 30px 0;
}
.page_plan_zones{
margin-bottom: var(--mdspace);
}
.page_plan_zones .btns_points_interet{
bottom: 0svh;
}
.page_plan_zones .btns_points_interet .btn{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.page_plan_zones .panel_cote{
background-color: var(--Rose);
border-radius: var(--big-radius) 0 0 var(--big-radius);
padding: 60px var(--side-base) 60px var(--medium-margin);
width: 510px;
}
.page_plan_zones .panel_cote .trajet label{
border: solid 1px var(--Rose);
}
.page_plan_zones .panel_cote .toggle-switch {
background-color: var(--Blanc);
}
.page_plan_zones .panel_cote .duree_abo label::before, .fake_table .duree_abo label::before{
border: 1px solid var(--Blanc);
background-color: var(--Blanc);
}
.duree_abo input[type="radio"]:checked + label::before {
background-color: var(--Rouge);
border-color: var(--Rouge);
}
.info_tableau{
display: flex;
justify-content: space-between;
align-items: center;
gap: 14px;
}
.txt_info_table, .txt_info_table>span{
font-size: 18px;
color: var(--Rouge, #DE0040);
font-weight: 900;
text-transform: uppercase;
}
.page_plan_zones .panel_cote .section_tableau{
/*border-top: solid 1px var(--Rouge);*/
/*padding-top: 20px;*/
}
.page_plan_zones .panel_cote .section_tableau .toggle-switch label{
font-size: 14px;
padding: 12px 16px;
}
.page_plan_zones .panel_cote .toggle-switch .toggle-slider, .page_plan_zones .panel_cote .section_tableau .toggle-switch {
border-radius: 10px;
}
.page_plan_zones .panel_cote .section_tableau .toggle-switch label{
color: #F19DB6;
}
.page_plan_zones .panel_cote .section_tableau .toggle-switch input.toggle_2_opt_2:checked ~ .toggle-slider ~ label:last-of-type,
.page_plan_zones .panel_cote .section_tableau .toggle-switch input.toggle_2_opt_1:checked ~ .toggle-slider ~ label:first-of-type {
color: white;
}
.page_plan_zones .panel_cote .dynamic_table tr:nth-last-child(odd) {
background-color: var(--Rose-Claire);
}
.infos_supp{
color: var(--Noir);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 129%;
margin: 16px 7px;
width: 100%;
}
.panel_accueil p strong{
color: var(--Rouge);
}
/* Formulaire inscription Newsletter */
#inscription-newsletter-form .pomform{
display: flex;
flex-direction: column;
gap: 10px;
}
#inscription-newsletter-form .pomform .grid-inscription-news{
display: flex;
width: 100%;
margin: 0;
gap: 10px;
}
#inscription-newsletter-form .pomform input{
display: flex;
width: 100%;
margin: 0;
border-radius: var(--small-radius);
padding: 15px 33px 17px;
font-size: 20px;
}
#inscription-newsletter-form .pomform button{
margin: 10px auto 0;
}
#inscription-result .updated{
margin-top: 20px;
}
/* Page contact */
.page-template-page-contact .col_40_60>div.gauche{
max-width: 483px;
}
.page-template-page-contact .colonnes_2 .droit{
background-color: var(--Blanc);
border-radius: var(--medium-radius);
padding: var(--minspace) var(--ltspace) var(--ltspace);
}
.page-template-page-contact .colonnes_2 .droit h2{
margin-top: 0;
margin-bottom: 25px;
}
.page-template-page-contact .colonnes_2 .droit .formulaire_contact{
margin-top: 25px;
}
.page_contact{
overflow: hidden;
}
.page-template-page-contact h4{
color: var(--Gris-Txt) !important;
}
.svg_contact{
position: absolute;
height: 410px;
width: auto;
left: 50%;
transform: translateX(-50%);
z-index: 0;
min-width: 100%;
}
/* Page Manif */
.page-template-page-manifestations .color_englobe h2{
max-width: 700px;
}
.unique_tab{
border-radius: var(--big-radius);
padding: var(--htr-space-tab) var(--lrg-space-tab);
}
.unique_tab h3:first-child, .unique_tab h2:first-child{
margin-top: 0;
}
.unique_tab>div:first-child {
margin-right: var(--bigspace);
max-width: 800px;
}
.unique_tab p{
max-width: 628px;
}
.unique_tab .formulaire_contact p{
max-width: none;
}
.unique_tab .bloc_faq{
margin-bottom: var(--minspace);
}
.unique_tab .bloc_faq details {
padding: 25px 0;
}
.grid_3{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 35px;
grid-auto-rows: 1fr;
}
.grid_4{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
grid-auto-rows: 1fr;
}
.page-template-page-manifestations .formulaire_contact input,
.page-template-page-manifestations .formulaire_contact textarea{
background-color: var(--Blanc);
}
.page-template-page-manifestations .formulaire_contact input[type=submit]{
background-color: var(--Rouge);
}
.input_date{
position: relative;
}
.date_calendar{
right: 0;
}
.marge_top_botm{
margin-top: var(--mdspace);
margin-bottom: var(--mdspace);
}
.page-template-page-manifestations .partenaires_manif>div>div{
/*max-width: 312px;*/
}
.page-template-page-manifestations .partenaires_manif img{
border-radius: var(--inter-radius);
aspect-ratio: 35 / 27;
min-width: 180px;
}
.page-template-page-manifestations .partenaires_manif h3{
font-size: 22px;
font-weight: 700;
margin: 25px 0 10px;
opacity: 0.8;
}
.page-template-page-manifestations .partenaires_manif p{
margin: 10px 0 10px;
}
.picture{
display: flex;
}
.no_pad_right{
padding-right: 0;
}
.colonnes_2.no_pad_right>div.droit{
flex: unset;
}
/* Formulaire de contact */
.formulaire_contact{
margin-top: 45px;
}
.formulaire_contact form{
display: flex;
flex-direction: column;
gap: 16px;
}
.formulaire_contact .input_col{
display: flex;
gap: 20px;
width: 100%;
}
.formulaire_contact p{
margin: 0 0 0 0 !important;
width: 100%;
}
.formulaire_contact p br{
display: none;
}
.formulaire_contact input, .formulaire_contact textarea{
margin: 0 0 0 0 !important;
padding: 18px 31px 19px;
border-radius: var(--small-radius);
background-color: var(--Gris-Claire);
color: var(--Gris-Txt);
width: 100%;
resize: none;
}
.formulaire_contact input::placeholder,
.formulaire_contact textarea::placeholder {
color:#919090;
}
input[type="date"]::-webkit-calendar-picker-indicator {
opacity: 0.6;
cursor: pointer;
}
.formulaire_contact .wpcf7-not-valid-tip{
font-size: 14px;
color: var(--Rouge);
}
.btn_form{
display: flex;
justify-content: flex-end;
}
.btn_form p{
width: fit-content;
}
.btn_form p span{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
}
.btn_form input{
font-family: "arboria", sans-serif;
display: inline-flex;
justify-content: space-between;
align-items: center;
width: fit-content;
background-color: var(--Rouge);
color: var(--Blanc);
border-radius: var(--small-radius);
padding: 14px 20px 16px 20px;
margin: 10px 10px 0 0;
font-size: 18px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
}
.formulaire_contact .wpcf7-response-output{
position: fixed;
top: 40%;
left: 50%;
transform: translate(calc(100px - 50%), -50%);
background-color: var(--Blanc);
border: 0 solid rgba(255, 255, 255, 0) !important;
border-radius: var(--small-radius);
padding: 14px 20px 16px !important;
pointer-events: none;
max-width: 600px;
}
.formulaire_contact .wpcf7-response-output[aria-hidden="true"] {
animation: descendre 4s forwards;
}
/* Page docs utiles */
.page-template-page-docs-utiles .color_englobe{
padding-top: 2px;
padding-bottom: var(--mdspace);
}
details .contenu:has(.telecharge_img) {
max-width: 1000px;
}
.telecharge_img{
margin: 35px 0;
}
.telecharge_img>a{
display: flex;
flex-direction: column;
gap: 13px;
text-decoration: none;
width: 100%;
align-items: stretch;
min-width: 0;
}
.telecharge_img picture{
display: flex;
width: 100%;
}
.telecharge_img div{
border-radius: var(--inter-radius);
aspect-ratio: 31 / 16;
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
.telecharge_img img, .telecharge_img picture{
width: 100%;
height: 100%;
}
.telecharge_img svg{
position: absolute;
bottom: 10px;
right: 10px;
z-index: 5;
}
.telecharge_img div::after{
content: '';
background-color: var(--Rouge);
position: absolute;
inset: 0;
opacity: 0;
transition: 0.2s ease-in;
z-index: 4;
}
.telecharge_img a:hover div::after{
opacity: 0.3;
}
.telecharge_img h5{
color: var(--Noir);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 118%;
margin: 0;
}
.telecharge_fichier{
display: flex;
flex-direction: column;
gap: 26px;
margin: 35px 0;
}
.telecharge_fichier>a{
display: flex;
align-items: center;
gap: 18px;
text-decoration: none;
}
.telecharge_fichier>a>svg{
flex: 0 0 auto;
}
.telecharge_fichier>a>div{
display: flex;
flex-direction: column;
justify-content: center;
/*width: 100%;*/
flex: 1;
}
.telecharge_fichier>a h5{
color: var(--Noir);
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 118%;
margin: 0;
}
details .contenu .telecharge_fichier>a p{
color: var(--Noir);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 118%; /* 21.24px */
margin: 0;
}
/* Page a propos */
.img_shema{
width: 100%;
padding: var(--ltspace) var(--lrg-space-tab);
background-color: var(--Blanc);
border-radius: var(--big-radius);
margin-bottom: var(--ltspace);
}
.img_shema>img{
width: 100%;
height: auto;
}
.partenaire_propos h3{
margin-bottom: 37px;
}
.liste_partenaire{
margin-bottom: calc(var(--ltspace) + 10px);
}
.liste_partenaire>div{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 7vw;
border-top: 1px solid rgba(36, 36, 32, 0.2);
padding: 30px 40px 35px 0;
}
.liste_partenaire>div:last-of-type{
border-bottom: 1px solid rgba(36, 36, 32, 0.2);
}
.liste_partenaire>div>div.textes{
flex: 0 0 1;
}
.partenaire_propos>div h4{
margin-top: 0;
}
.partenaire_propos>div p{
margin: 15px 0 10px;
max-width: 620px;
}
.liste_partenaire>div .img_logo_part{
width: 240px;
flex: 0 0 auto;
}
.liste_partenaire>div img{
object-fit: contain;
margin-top: 10px;
}
/* Page calculateur Jobabo */
.msg_info.msg_info_all{
padding-top: 0;
}
.calculateur_jobabo{
gap: var(--ltspace);
justify-content: flex-start;
}
.calculateur_jobabo h2{
color: var(--Noir);
font-size: 34px;
font-style: normal;
font-weight: 500;
line-height: 110%; /* 37.4px */
margin: 0 0 18px;
text-transform: unset;
}
.calculateur_jobabo h3{
color: var(--Rouge);
font-size: 22px;
font-style: normal;
font-weight: 900;
line-height: 129%; /* 28.38px */
text-transform: uppercase;
margin: 0;
}
.calculateur_jobabo .colonnes_2{
margin-top: var(--medium-margin);
justify-content: flex-start;
gap: 0;
}
.calculateur_jobabo .titre_part{
display: flex;
gap: 5px;
}
.calculateur_jobabo h4{
color: var(--Noir);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 27px 0 6px;
}
.calculateur_jobabo .droit{
padding-bottom: 50px;
padding-left: 5vw;
}
.calculateur_jobabo .gauche{
padding-right: 5vw;
border-right: solid 1px rgba(36, 36, 32, 0.4);
flex: 0 0 auto;
}
.calculateur_jobabo .colonnes_2>.droit{
flex: 1 1 auto;
overflow: hidden;
box-sizing: border-box;
max-width: 100% !important;
}
.calculateur_jobabo .gauche input.pourcentage_employeur{
color: var(--Noir);
font-size: 18px;
font-weight: 400;
padding: 16px 24px 18px;
background-color: #FFEDF3;
border-radius: var(--small-radius);
min-width: 154px;
max-width: 173px;
}
.calculateur_jobabo .gauche .pourcentage_vaga{
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.calculateur_jobabo .gauche .pourcentage_rabais{
color: var(--Rouge);
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.calculateur_jobabo .filtres_tableau .toggle-switch{
flex: 0 0 auto;
}
.calculateur_jobabo .filtres_tableau {
justify-content: space-between;
flex-direction: column;
align-items: flex-start;
gap: 0;
}
.calculateur_jobabo .filtres_tableau .duree_abo {
margin-bottom: 0;
margin-top: 29px;
flex-direction: row;
gap: 40px;
}
.calculateur_jobabo .filtres_tableau .duree_abo label::before {
border: 1px solid var(--Noir);
}
#tab-1.calculateur_jobabo td .msg_info>div {
width: auto;
}
.fake_table{
border-collapse: separate;
border-spacing: 0 8px; /* espace horizontal / vertical */
table-layout: auto;
}
.fake_table .haut_table, .fake_table tbody>tr{
/*display: grid;*/
/*grid-template-columns: 1fr auto auto 1fr 1fr;*/
/*gap: 3vw;*/
}
.fake_table tbody{
/*display: flex;*/
/*flex-direction: column;*/
/*gap: 8px;*/
}
.fake_table tbody>tr{
}
.fake_table tbody>tr>td{
background-color: var(--Rose);
padding: 26px 1.2vw 25px 1.2vw;
vertical-align: middle;
text-align: left;
}
.fake_table tbody>tr:nth-last-child(even) td {
background-color: #FFD3E066;
}
.fake_table tbody>tr:nth-last-child(odd) td{
background-color: var(--Rose);
}
.fake_table td{
height: fit-content;
}
.fake_table thead>tr>th{
padding-left: 1.2vw;
vertical-align: middle;
text-align: left;
color: var(--Noir);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
height: fit-content;
}
.fake_table tbody>tr>td:first-child, .fake_table thead>tr>th:first-child{
border-radius: var(--small-radius) 0 0 var(--small-radius);
padding-left: 25px;
position: relative;
}
.fake_table tbody>tr>td:last-child{
border-radius: 0 var(--small-radius) var(--small-radius) 0;
padding-right: 25px;
min-width: 140px;
}
.fake_table .supr_line{
position: absolute;
padding: 0;
background-color: rgba(255, 255, 255, 0);
height: fit-content;
width: fit-content;
left: 0;
top: 50%;
opacity: 0;
transform: translate(-50%, -50%);
}
.fake_table tbody>tr:hover .supr_line{
opacity: 1;
transform: translate(-80%, -50%);
}
.fake_table tbody>tr:last-child .supr_line{
display: none;
}
.fake_table .nb_colabo{
padding: 16px 20px;
background-color: var(--Blanc);
border-radius: var(--very-small-radius);
min-width: 130px;
width: 140px;
margin: 0;
font-size: 18px;
}
.fake_table .duree_abo{
margin: 0;
justify-content: center;
}
.fake_table .duree_abo>div{
gap: 4px;
}
.fake_table .resultat_ligne, .fake_table .resultat_ligne span{
color: var(--Rouge);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.btn_add_line{
padding: 7px 18px;
background-color: var(--Noir);
border-radius: var(--small-radius);
vertical-align: middle;
margin: 0;
font-weight: 500;
}
.select_calc{
position: relative;
display: flex;
justify-content: flex-end;
overflow: hidden;
border-radius: var(--very-small-radius);
min-width: 90px;
}
.select_calc select, .select_calc select:focus-visible{
-webkit-appearance: none;
appearance: none;
background-color: var(--Blanc);
border: none;
stroke: none;
outline: 0;
width: 100%;
padding: 9px 30px 13px 20px;
}
.select_calc>div{
width: 34px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--Noir);
position: absolute;
right: 0;
top: 0;
bottom: 0;
pointer-events: none;
}
.select_calc select:focus ~ div>svg{
transform: rotate(180deg);
}
.btn_add_line>span{
font-weight: 500;
margin-bottom: 2px;
}
.btn_add_line svg{
margin-top: 2px;
}
.fake_table tfoot td{
vertical-align: middle;
padding-top: 15px;
}
.fake_table .titre_cout_annuel{
color: var(--Noir);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: right;
}
.fake_table .cout_annuel>div{
color: var(--Rouge);
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: left;
padding-left: 1.2vw;
}
.fake_table .cout_annuel span{
color: var(--Rouge);
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.titre_job_mob{
display: none;
}
/* Page points de vente */
/* maps google */
.with_maps{
display: grid;
width: 100%;
min-height: 90svh;
}
.with_maps>section{
position: relative;
z-index: 2;
grid-area: 1 / 1;
pointer-events: none;
}
.with_maps #map{
margin-top: 60px;
position: relative;
z-index: 1;
display: block;
grid-area: 1 / 1;
height: 100%;
width: 100%;
}
.with_maps #map div{
transition: 0s;
}
.page-template-page-points-de-vente .color_englobe.with_unique_color{
padding-bottom: calc(var(--side-base) * 0.5);
}
.gmnoprint, .gm-style-cc, .gm-fullscreen-control, .gm-style>div>div>a>div>img{
display: none;
}
.gm-style-moc{
background-color: rgba(200, 233, 193, 0.8);
}
.gm-style-moc>p{
color: var(--Gris-Txt);
}
.with_maps #map:after{
content: '';
height: 100%;
width: 100%;
position: absolute;
inset: 0;
background: linear-gradient(0deg,var(--Vert-Claire) 5%, rgba(200, 233, 193, 0) 17%, rgba(200, 233, 193, 0) 80%, var(--Vert-Claire) 100%);
pointer-events: none;
}
.section_module_plan_zone .panel_point_vente{
display: flex;
flex-direction: column;
background-color: var(--Blanc);
pointer-events: all;
width: 520px;
min-height: 85svh;
/*max-height: 98svh;*/
/*overflow: auto;*/
}
.panel_content h2, h2.titre_indication{
font-size: 34px;
margin-top: 0;
}
.panel_content p{
font-size: 18px;
line-height: 121%; /* 21.78px */
}
.big_link_popup{
padding: 28px 40px;
justify-content: space-between;
align-items: center;
text-align: left;
margin-right: 0;
}
.big_link_popup:first-of-type{
margin-top: 14px;
}
.big_link_popup span{
color: var(--Blanc);
}
.big_link_popup>span>span{
margin-top: 4px;
font-size: 16px;
line-height: 129%;
}
.big_link_popup.btn_noir{
background-color: var(--Noir);
}
.map-controls{
position: absolute;
left: 20px;
bottom: 3svh;
z-index: 5;
}
.map-controls button{
background-color: var(--Blanc);
padding: 0;
height: 60px;
width: 60px;
border-radius: 18px;
display: flex;
justify-content: center;
align-items: center;
}
.map-controls .zooms{
display: flex;
flex-direction: column;
margin-top: 10px;
}
.map-controls .zooms button{
height: 58px;
border-radius: 18px 18px 0 0;
}
.map-controls .zooms button:last-child{
border-radius: 0 0 18px 18px;
border-top: solid 1px rgba(36, 36, 32, 0.2);
}
#position_initial{
display: none;
}
.info_between_line{
display: flex;
flex-direction: column;
margin-top: 25px;
margin-bottom: 20px;
}
.info_between_line>div{
align-items: center;
padding: 20px 0 28px 0px;
border-top: solid 1px rgba(36, 36, 32, 0.2);
}
.info_between_line>div>p{
margin: 10px 0;
}
.info_between_line>div>p:first-child{
margin-top: 0;
}
.info_between_line>div>p:last-child{
margin-bottom: 0;
}
.info_between_line>div:last-child{
border-bottom: solid 1px rgba(36, 36, 32, 0.2);
}
.info_between_line>.list_options{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 11px;
}
#popup_search_results.info_between_line{
border-radius: 0px;
}
.popup_search_item a:hover{
color: var(--Rouge);
}
.list_options>div{
display: flex;
gap: 11px;
}
.list_options>div>svg{
flex: 0 0 auto;
margin-top: 2px;
}
.list_options>div>p{
font-size: 18px;
margin: 0;
font-weight: 400;
line-height: 118%;
}
.btn-retour{
background-color: rgba(255, 255, 255, 0);
padding: 0;
display: flex;
align-items: center;
gap: 17px;
}
.btn-retour>h3{
margin: 0;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 110%;
}
.info_point_vente{
display: none;
}
#btn_popup_achat{
margin-top: auto;
}
.markers-buttons{
display: flex;
flex-direction: column;
margin: 36px 0 56px;
}
.markers-buttons>.btn-lieu{
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 2px 10px 0px;
border-top: solid 1px rgba(36, 36, 32, 0.2);
background-color: rgba(255, 255, 255, 0);
font-weight: 500;
}
.markers-buttons>.btn-lieu:last-child{
border-bottom: solid 1px rgba(36, 36, 32, 0.2);
}
/* Exemple pour bouton actif */
.btn-lieu.actif {
background-color: #DE0040;
color: #fff;
}
.page_ecole, .page-template-page-manifestations section:first-of-type, .page-template-page-jobabo section:first-of-type{
overflow: hidden;
}
/* Page plan zone gestion autre */
.btns_points_interet .btn.actif{
background-color: var(--Rouge);
}
.btns_points_interet .btn.actif span{
color: var(--Blanc);
}
.btns_points_interet .btn.actif svg>path{
fill: var(--Blanc);
}
#p_rail_selection, #car_sharing_selection, #velo_station_selection, #publibike_selection,
.svg_carte_rail, .svg_carte_car, .svg_carte_velo, .svg_carte_bike{
display: none;
}
#p_rail_selection .markers-buttons{
display: none;
}
.lasagne_map.svg_en_pose .svg_carte>g{
opacity: 0.3;
}
.map_zoom_overlay, .map_zoom_overlay div{
transition: 0s;
}
.map_zoom_content{
display: flex;
align-items: center;
justify-content: center;
}
.map_zoom_overlay div.lasagne_map {
width: 100%;
}
#Rail>g, #Car>g, #Velo>g, #Bike>g{
cursor: pointer;
}
.points_gris{
filter: grayscale(100%) contrast(70%) brightness(120%);
}
.colonnes_2 .gauche.textes{
padding-bottom: 50px;
}
/* hover btn */
:root{
--Rouge-Hover: #fa1b57;
}
.btn:hover, .textes .has_btn>a:hover,
.btns_points_interet .btn.actif:hover,
.minia_actu:hover,
.btn_form input:hover,
.generale_page_content pre a{
background-color: var(--Rouge-Hover);
/*background-color: var(--Noir);*/
}
.liens_rapide a:hover svg circle,
.rs_footer>a:hover svg circle,
a.btn_rond:hover svg circle,
.plus_rond:hover svg circle,
.close_popup:hover circle,
.telecharge_fichier a:hover svg>path:first-of-type,
summary:hover circle{
fill: var(--Rouge-Hover);
}
.liens_rapide a:hover, #footer .liens_footer a:hover, #footer .liens_footer .lien_foot:hover, .telecharge_fichier a:hover h5, details .contenu .telecharge_fichier>a:hover p{
color: var(--Rouge-Hover);
}
.btns_points_interet .btn:hover{
background-color: #d6d6d6;
}
.btns_points_interet .btn:hover,
.popup_pub:hover .btn_rond,
.liens_rapide a:hover svg,
.markers-buttons>.btn-lieu:hover>svg,
.actu_item a:hover svg{
transform: translateX(5px);
}
.page_plan_zones .btns_points_interet .btn:hover,
.btn-retour:hover>svg{
transform: translateX(-5px);
}
.partenaires a:hover img, a.swiss_pass:hover img,
#Rail>g:hover, #Car>g:hover, #Velo>g:hover, #Bike>g:hover{
opacity: 0.6;
}
.popup_pub:hover, .toggle-switch:hover{
background-color: #fac5d5;
}
#menu .menu>li>.sub-menu>li>a:hover::after {
transform: translateX(5px) translateY(-50%);
}
#menu .menu>li:first-of-type>.sub-menu>li:last-of-type>.sub-menu li:hover a::before{
transform: translateX(3px);
}
.sommaire a:hover, summary:hover h4 strong{
opacity: 0.8;
}
summary:hover h3, summary:hover h2{
color: var(--Rouge);
}
.base table tr{
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px 20px;
width: 100%;
}
.base table, .base table tbody {
display: flex;
width: 100%;
}
/* Footer */
#footer{
background-color: var(--Gris-Fond);
}
#copyright{
color: var(--Noir);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
opacity: 0.65;
display: flex;
}
#copyright a, #copyright a:visited, #copyright a:hover{
display: flex;
align-items: center;
gap: 5px;
color: var(--Noir);
}
#copyright .realisation-break a{
margin-left: 4px;
}
#copyright .lien_footer, #copyright .realisation-break, #copyright>span{
display: flex;
}
#footer #copyright .realisation-break a{
display: inline-flex;
}
#footer #copyright .realisation-break a>svg{
transform: translateY(3px);
fill: var(--Noir);
}
/* Haut footer */
#footer{
display: grid;
/*grid-template-columns: 1fr auto auto;*/
grid-template-columns: max-content 1fr auto ;
gap: 24px 16px;
padding: var(--htr-space-tab) var(--side-base) 53px;
background-color: var(--Gris-Claire);
}
#footer .swiss_pass, #footer .rs_footer{
margin-left: auto;
}
#footer .logo_footer {
height: fit-content;
display: flex;
grid-area: 1 span / 2 span ;
}
#footer .logo_footer svg{
height: 62px;
width: auto;
}
#footer .swiss_pass img{
height: 60px;
width: 60px;
border-radius: 7px;
object-fit: unset;
}
#footer .message_footer{
max-width: 600px;
margin: 0;
font-size: 22px;
font-weight: 400;
}
#footer .rs_footer{
display: flex;
gap: 12px;
align-items: flex-start;
}
#footer .rs_footer a{
margin: 0;
display: flex;
}
#footer .rs_footer a.btn{
margin-right: 4px;
font-size: 16px;
}
#footer .partenaires{
grid-area: 1 span / 3 span;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 64px;
margin-bottom: 36px;
}
#footer .partenaires a{
display: flex;
height: 100%;
align-items: center;
}
#footer .partenaires .separateur{
width: 1px;
height: 72px;
background-color: #7A7773;
}
#footer .liens_footer{
display: flex;
gap: 20px;
align-items: flex-start;
}
#footer .liens_footer a, #footer .liens_footer .lien_foot{
font-size: 14px;
color: var(--Noir);
opacity: 0.65;
text-decoration: underline;
line-height: 21px;
}
#footer .liens_footer .lien_foot{
cursor: pointer;
}
#footer #copyright {
grid-area: 1 span / 2 span ;
justify-content: flex-end;
}
.footer_contact{
margin: 0 0 auto auto;
}
@media (max-width: 500px){
#footer #copyright {
margin: 0 auto 0 0 ;
flex-direction: column;
}
#copyright>span{
flex-direction: column;
}
#copyright .trait_vertical{
display: none;
}
}
@media (max-width: 380px){
#copyright .realisation-break{
flex-direction: column;
}
#copyright .realisation-break a{
margin-left: 0;
}
}
/* Cookie */
.cookie-popup {
position: fixed;
inset: auto auto 0 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease;
backdrop-filter: blur(5px);}
.cookie-popup.show {
visibility: visible;
opacity: 1;
}
.cookie-popup-content {
background: rgba(222, 0, 64, 0.94);
padding: 1rem 2rem;
width: 100%;
margin: 0px 10px 10px;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
border-radius: var(--inter-radius);
}
.cookie-popup-content>div{
display: flex;
align-items: center
}
.cookie-popup-content p {
color: var(--Blanc);
margin: 1rem 0;
font-size: 0.95rem;
}
.cookie-popup-content a {
color: var(--Blanc);
text-decoration: underline;
}
.cookie-popup-content button {
background: var(--Blanc);
color: var(--Noir);
border: none;
font-family: "Poppins", sans-serif;
font-weight: 400;
padding: 0.7rem 1.5rem;
cursor: pointer;
font-size: 1rem;
height: fit-content;
width: fit-content;
transition: 0.2s;
margin-left: 20px;
border-radius: var(--small-radius);
}
.cookie-popup-content button:hover {
background-color: var(--Gris-Fond);
color: var(--Noir);
}
@media (max-width: 800px){
.cookie-popup-content {
margin: 0px var(--side-base) 10px;
}
}
@media (max-width: 500px){
.cookie-popup-content {
margin: 0px 10px 10px;
}
.cookie-popup-content>div{
flex-direction: column;
align-items: flex-start;
}
.cookie-popup-content h3{
font-size: 18px;
}
.cookie-popup-content p{
font-size: 14px;
margin-top: 5px;
}
.cookie-popup-content button{
margin: 0;
padding: 8px 16px;
}
}
/* Crayon */
#wpadminbar{
display: none;
}
.header-edit-link {
position: fixed;
top: 20px;
right: 20px;
z-index: 10000;
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
background-color: #333;
border-radius: 50%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
transition: background-color 0.3s ease;
}
.header-edit-link>a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.header-edit-link .dashicons {
font-size: 20px;
line-height: 1;
color: #ffffff;
cursor: pointer;
text-decoration: none;
}
.header-edit-link:hover {
background-color: #000;
}
.grecaptcha-badge{
display: none !important;
}
.titre_hidden{
display: none;
}