/********************************** Mise en page **********************************/

:hover{
	transition: all 0.3s ease-in-out 0s;
}

body, h1, h2, h3, h4, p{
    font-family: 'Poppins', sans-serif !important;
}

h1{
    font-size: 70px;
    color: #3B4147;
    font-weight: 600;   
}

h2, h3, h4, h5{
    color: inherit;
    font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.elementor-widget-titre h2 strong, .elementor-widget-titre h3 strong{
	font-weight: 600;
}

.elementor-widget-titre strong, .green-bar, .title-faq span, header .home i{
	background: linear-gradient(251.47deg, #02C58B 2.42%, #01E4FC 100.57%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

a, a:hover{
    text-decoration: none;
}

:focus{
	outline: 1px dashed #000;
}

.accordion-button:focus{
	border-color: inherit;
}

strong{
	font-weight: 600;
}

.subtitle{
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
}

.page-content{
	position: relative;
	z-index: 0;
}

/* Couleurs */

.txt-degrade-red{
    background: linear-gradient(262.89deg, #E94432 19.94%, #FFCECE 105.71%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.txt-degrade-blue{
    background: linear-gradient(231.74deg, #5787B7 -26.89%, #003F7D 64.63%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Boutons */

.wpcf7-submit.degrade-vert{
	padding: 10px 15px !important;
}

.wpcf7-submit.degrade-vert:hover{
	background-color: transparent;
    background-image: linear-gradient(270deg, #2AB88E 0%, #00B7CA 100%);
}

.degrade-vert{
    background: linear-gradient(251.47deg, #02C58B 2.42%, #01E4FC 100.57%);
    color: #fff;
    padding: 10px 15px;
    font-weight: 500;
}

/* Before/After */

.step-1{
    content:"";
    display: block;
}

/********************************** Header **********************************/

/* Menu */

.menu-fixed{
	width: 100%;
	top: 0;
    background-color: #fff;
	box-shadow: 0 3px 9px rgba(8,33,30,0.05);
    position: fixed;
    transition: background-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
}

.navbar-collapse{
    flex-grow: 0;
}

header{
    position: relative;
    z-index: 1;
}

header .navbar-brand img{
	max-width: inherit;
    height: 60px;
}

/* Menu Profil */

header .accordion-button{
	padding-right: 50px !important;
	font-weight: 600 !important;
	border-bottom: 2px solid #fff;
}

header .accordion-button.collapsed{
	border: none;
}

header .accordion-button::after, header .accordion-button:not(.collapsed)::after{
	position: absolute;
    right: 15px;
    top: 12px;
	background-image: url('img/arrow-bottom.svg');
}

.accordion-button:focus{
	box-shadow: none;
}

.btn-profil .accordion-button:not(.collapsed){
	color: #fff !important;
}

.btn-profil button, .btn-profil a{
	color: #fff;
	font-size: 15px;
	font-weight: 400;
}

.btn-profil{
	height: 48px;
}

.btn-profil .accordion-item{
	padding: 0px;
	border-radius: 10px;
}

.btn-profil button{
	padding: 10px 20px;
	background-color: transparent;
}

.btn-profil .accordion-body{
	padding: 0px;
}

.btn-profil ul{
	list-style: none;
	padding-left: 0px;
	padding-bottom: 10px;
}

.btn-profil li{
	margin-top: 15px;
	margin-bottom: 15px;
}

.btn-profil li:first-child{
	margin-top: 10px;
}

.btn-profil a:hover{
	color: #3B4147;
}

/* Nav */

header .home i{
    font-size: 22px;
}

header nav li{
    margin-left: 20px;
    margin-right: 20px;
}

.navbar-nav a{
    color: #3B4147;
	font-size: 15px;
}

.navbar-nav .menu-item-has-children a{
	padding-top: 30px;
    padding-bottom: 30px;
}

.navbar-nav li{
    position: relative;
}

.navbar-nav a:hover{
    color: #000;
    font-weight: 600;
}

.navbar-nav [aria-current]:not([aria-current="false"]){
    color: #000 !important;
    font-weight: 600;
}

.navbar-nav li.menu-item-has-children:hover > .sub-menu {
    display: block;
    animation: fadein 0.5s;
    -moz-animation: fadein 0.5s; /* Firefox */
    -webkit-animation: fadein 0.5s; /* Safari et Chrome */
    -o-animation: fadein 0.5s;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.navbar-nav .sub-menu{
	background-color: #fff;
	top: 55px;
    padding: 0 15px 15px;
    width: max-content;
    list-style: none;
}

.navbar-nav .sub-menu li{
    margin-left: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.navbar-nav .sub-menu a:hover:after{
    content: none;
}

header .nav-right{
    position: relative;
    top: 10px;
}

header .nav-right ul{
    display: flex;
    list-style: none;
}

header .nav-right ul li{
	margin-left: 10px;
	margin-right: 10px;
}

header .nav-right li:first-child{
    border-right: 1px solid rgba(0, 63, 125, 0.15);
    padding-right: 10px;
    margin-right: 0px;
}

header .nav-right li:last-child{
    border-left: 1px solid rgba(0, 63, 125, 0.15);
    padding-left: 10px;
    margin-left: 0px;
}

header .nav-right a{
    font-size: 14px;
    background: linear-gradient(251.47deg, #02C58B 2.42%, #01E4FC 100.57%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    display: grid;
    text-align: center;
}

header .nav-right a:hover{
    background: linear-gradient(251.47deg, #01E4FC 2.42%, #02C58B 100.57%);
    background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    display: grid;
    text-align: center;
}

header .nav-right span{
    margin-bottom: 3px;
}

/* Mobile */

.navbar-toggle{
    background-color: transparent;
    border: none;
}

.site-mobile-menu-close .js-menu-toggle i{
    color: #9D9D9D;
    position: absolute;
    right: 20px;
    top: 27px;
}

.js-menu-toggle i{
    font-size: 30px;
    color: #003F7D;
}

.site-mobile-menu {
    width: 100%;
    position: fixed;
    right: 0;
    z-index: 2000;
    padding-top: 20px;
    background: #fff;
    height: calc(100vh);
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

.site-mobile-menu-body{
    padding: 20px;
}

.site-mobile-menu-body .menu-mobile-secondaire li, .site-mobile-menu-body .navbar-nav li{
    padding: 15px 0;
}

.site-mobile-menu-body .menu-mobile-secondaire ul{
    list-style: none;
    padding-left: 0px;
}

.site-mobile-menu-body .menu-mobile-secondaire li{
    margin-left: 0px;
    margin-right: 0px;
}

.site-mobile-menu-body .menu-mobile-secondaire li:last-child{
    border-bottom: none;
}

.site-mobile-menu-body .menu-mobile-secondaire a{
    color: #02D4C0;
}

.site-mobile-menu-body .menu-mobile-secondaire .icon-actu{
    margin-left: 8px;
    margin-right: 10px;
}

.site-mobile-menu-body .menu-mobile-secondaire .icon-faq{
    margin-left: 8px;
    margin-right: 12px;
}

.site-mobile-menu-body .navbar-nav a{
    font-size: 16px;
    color: #3B4147;
}

.offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

/********************************** Bénéficiaires **********************************/

/* Banner */

.banner.w-img:before, .banner.w-img:after{
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
}

.banner.w-img:after{
    bottom: 0;
    right: 0;
    background: url('img/home/degrade_right.png');
    background-repeat: no-repeat;
    width: 537px;
    height: 793px;
}

.banner.w-img .content{
    position: relative;
    padding: 50px 0;
}

.banner.w-img .title{
    position: absolute;
    top: 50%;
    transform: translateY(-50px);
    width: 100%;
}

/* Wheel Picker */

.wheel-picker {
    width: 50%;
    margin: 0 auto;
    height: 10rem;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.wheel-picker::before {
    content:'';
    background: linear-gradient(
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,0) 45%,
      rgba(255,255,255,0) 55%,
      rgba(255,255,255,1) 100%
    );
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
  
.wheel-picker--list {
    padding-left: 0;
    list-style: none;
    top: -6rem;
    left: 0;
    right: 0;
}

.wheel-picker--item {
    height: 2rem;
    line-height: 2rem;
    padding: 0 1rem;
    text-align: center;
}

.wheel-picker--item > a {
    font-weight: 600;
    font-size: 25px;
    text-decoration: none;
    color: black;
}

/********************************** Actualités **********************************/

.elementor-portfolio__filters{
		justify-content: start !important;
}

.elementor-portfolio__filter{
	border: 2px solid;
	border-radius: 20px;
	padding-left: 20px !important;
    padding-right: 20px !important;
	margin-bottom: 15px !important;
}

.elementor-portfolio__filter:hover{
	background-color: #003f7d;
	color: #fff !important;
	border-color: #003f7d;
}

/********************************** Contact **********************************/

label, select, textarea, input[type=text], input[type=email]{
	width: 100%;
}

input[type=submit]{
	border: none !important;
}

.wpcf7-form select, .wpcf7-form input, .wpcf7-form textarea{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;
	border: 1px solid #C9C9C9;
    border-radius: 10px;
}

/********************************** Footer **********************************/

/* Réseaux */

.reseaux{
	margin-top: 100px;
    margin-bottom: 100px;
}

.reseaux h2{
    font-size: 30px;
    margin-bottom: 50px;
}

.reseaux h2 span{
    font-weight: 600;
}

.reseaux .item{
    position: relative;
    background: #F4F7FE;
    border-radius: 20px;
    padding: 25px;
    margin-bottom: 20px;
}

.reseaux .item .fb, .reseaux .item .yt, .reseaux .item .tw, .reseaux .item .lkd{
    position: absolute;
    font-size: 45px;
    top: 30px;
}

.reseaux .item .fb{
    color: #2481ED;
}

.reseaux .item .yt{
    color: #F23434;
    left: 20px;
}

.reseaux .item .tw{
    color: #1EA1FF;
}

.reseaux .item .lkd{
    color: #0C66C2;
}

.reseaux .item .arrow{
    position: absolute;
    right: 25px;
    top: 40px;
    color: #003F7D;
    font-size: 25px;
}

.reseaux .item p{
    color: #003F7D;
    font-size: 18px;
    margin-bottom: 0px;
    padding-left: 60px;
}

.reseaux .item span{
    font-weight: 600;
}

footer{
    background: linear-gradient(251.47deg, #014884 2.42%, #01D4F0 100.57%);
    letter-spacing: 0.5px;
    padding-top: 50px;
    padding-bottom: 50px;
}

footer h2{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

footer ul{
    padding-left: 0px;
    list-style: none;
}

footer ul li:first-child{
    margin-top: 0px;
}

footer ul li{
    margin: 10px 0;
}

footer ul li a{
    color: #fff;
    font-size: 14px;
}

/********************************** Simulateur **********************************/

/*  ======================= DEBUT BLOC TITRE ======================= */
.main-titre {
	background-color: transparent;
	text-align: center;
	position: relative;
	margin: 1rem;
}
.main-titre h1 {
	font-size: 30px;
	font-weight: 600;
}
.titre-mobile {
	display: none;
	font-size: 14px;
}
/*  ======================= FIN BLOC TITRE ======================= */

/*  ======================= DEBUT BLOC VIDEO ======================= */

.container-video {
	position:relative; margin:30px auto 40px; max-width:650px;
} 
.visuel-video {
	position: relative; 
	padding-bottom: 56.25%;
	height: 0; 
    
	        
}
.visuel-video img{
	position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; cursor: pointer;
    
}

.visuel-video iframe { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}

/* image poster clicked, player class added using js */
.visuel-video.player img { display: none; }
.visuel-video.player:after { display: none; }

/*  ======================= FIN BLOC VIDEO ======================= */

/*  ======================= DEBUT CLASSES GLOBALES ======================= */
p {
	margin: 0 !important;
}
.main-container {
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.04);
	border-radius: 20px;
}
.main-grid {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: auto;
	grid-template-areas: 	"les-onglets reset-print"
							"le-message le-message"
							"les-questions la-synthese"
							"les-resultats les-resultats"
							"les-regles les-regles";
	padding: 10px;
}
.message {
	color: var(--rouge);
	font-size: 11px;
	font-weight: 500;
	text-decoration: none;
}
.pmssMessage {
	grid-area: le-message;
	margin-left: 30px !important;
}
/*  ======================= FIN CLASSES GLOBALES ======================= */


/*  ======================= DEBUT BLOC ONGLETS ======================= */
.grid-tab {
	grid-area: les-onglets;
	padding: 15px 30px;
}
.questions-tab.nav-link {
	font-size: 20px !important;
	border: 1px solid #003F7D !important;
	border-radius: 10px !important;
	color: var(--bleu_ancv) !important;
	font-weight: 400 !important;
}
.questions-tab.nav-link.active {
	border: 1px solid #003F7D !important;
	background-color: #003F7D !important;
	color: white !important;
	font-weight: 600 !important;
}
.questions-tab::after {
	font-family: "Lucida Sans Unicode", "Arial Unicode MS" !important;
	content: "\25BE" !important;
	padding-left: 10px !important;
}
.questions-tab.nav-link sup{
	font-weight: 400 !important;
}

/*  ======================= FIN BLOC ONGLETS ======================= */

/*  ======================= DEBUT BLOC QUESTIONS ======================= */

.grid-questions {
	grid-area: les-questions;
	padding: 0 30px;
	border-right: 1px solid #BDBDBD;
}
.grille-questions {
	margin: 25px 0;
}
.questions-enonce {
	width: 70%;
	text-align: left;
	font-weight: 600;
}
.questions-valeur {
	width: 30%;
	/*width: auto;*/
	background-color: #EDFBFF;
	border-radius: 10px; 
	/*padding: 5px 10px;*/
}
.questions-input {
	width: 100%;
	margin: auto;
	text-align: center;
}
input[type=number] {
    color: #003F7D;
}
input[type=range] {
    appearance: none;
	-moz-appearance: none!important;
    -webkit-appearance: none!important;
    appearance: none!important;
	width: 100%;
	background: #ffffff;
	background-image: linear-gradient(269.97deg, #51749D -0.07%, #70D1E9 99.97%);
  	background-repeat: no-repeat;
	border-radius: 5px;
	height: 9px;
}
input::-webkit-slider-thumb {
    appearance: none;
	-webkit-appearance: none !important;
	border: 1px solid #ffffff !important;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3) !important;
	height: 22px !important;
	width: 22px !important;
	border-radius: 50% !important;
	background: #86E4FC !important;
	cursor: ew-resize !important;
	margin-top: -1px !important;
}
input::-moz-range-thumb {
    appearance: none;
	-webkit-appearance: none !important;
	border: 1px solid #ffffff !important;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3) !important;
	height: 22px !important;
	width: 22px !important;
	border-radius: 50% !important;
	background: #86E4FC !important;
	cursor: ew-resize !important;
	margin-top: -1px !important;
}
.boxnumber::-webkit-inner-spin-button,
.boxnumber::-webkit-outer-spin-button {
    appearance: none;
    -webkit-appearance: none !important;
}
.boxnumber {
    -webkit-appearance: textfield !important;			
    -moz-appearance: textfield !important;
    appearance: textfield !important;
	border: none !important;
	background-color: #EDFBFF;
	width: 80%;
	color: #003F7D;
	font-size: 30px;
	font-weight: 600;
	text-align: right;
	padding: 0 !important;
}
.boxnumber:focus {
	outline: none !important;
}
/* ======================= FIN BLOC QUESTIONS ======================= */



/* ======================= DEBUT BLOC BOUTONS ======================= */

.ligne-boutons {
	grid-area: reset-print;
	display:flex;
	align-items:center;
	justify-content: end;
	padding:15px 30px;
}
input.bouton {
	cursor: pointer;
	width: 7.5rem;
	height: 2rem;
	font-size: 0.75rem;
	text-align: center;
	border: none;
	border-radius: 0.4rem;
	margin: 0.5rem;
	font-weight: 700;
}

input.bouton-reset {
	background-image:url(https://www.cheque-vacances.com/wp-content/uploads/2022/09/simulateur_picto_reinit.png);
	background-repeat: no-repeat;
	background-position: left 10px top 7px; 
	padding-left: 30px;
	background-color: #003F7D;
	color: white;
}
input.bouton-print {
	background-image:url(https://www.cheque-vacances.com/wp-content/uploads/2022/09/simulateur_picto_imprim.png);
	background-repeat: no-repeat;
	background-position: left 10px top 6px; 
	padding-left: 25px;
	background-color: #e0e8f0;
	color: #003F7D;
}

/* ======================= FIN BLOC BOUTONS ======================= */



/* ======================= DEBUT BLOC SYNTHESE ======================= */

.grid-synthese {
	grid-area: la-synthese;
	padding: 30px;
}
.synthese-titre {
	font-size: 12px;
	font-weight: 400;
}
.synthese-titre span {
	font-size: 20px;
	font-weight: 600;
	text-decoration: underline;
	padding: 8px 0 8px 15px;
}
.synthese-entreprise {
	display: grid;
	grid-template-columns: 60% auto;
}
.synthese-entreprise-total {
	display: grid;
	grid-template-columns: 50% auto;
}

.synthese-entreprise {
	width: 100%;
	margin: auto;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	padding: 0 1rem;
}
.synthese-entreprise-total {
	background-color: #EDFBFF;
	border-radius: 10px;
	width: 100%;
	margin: 15px auto;
	align-items: center;
	padding: 0 15px;
}
.synthese-enonce {
	text-align: left;
	font-size: 16px;
	font-weight: 500;
}
.synthese-enonce.total {
	font-size: 18px;
	font-weight: 700;
}
.synthese-enonce.total span {
	font-size: 12px;
	font-weight: 400;
}
.synthese-output {
	text-align: right;
	font-size: 23px;
	font-weight: 600;
}
.synthese-output span {
	font-size: 18px;
	font-weight: 400;
}
.synthese-output.total {
	font-size: 30px;
	font-weight: 600;
	margin: 15px 0;
}
.synthese-output.total span {
	font-size: 20px;
}
.synthese-message {
	grid-column: 1 / -1;  
}

/* ======================= FIN BLOC SYNTHESE ======================= */


/* ======================= DEBUT BLOC RESULTATS ======================= */

.main-resultats {
	grid-area: les-resultats;
}

.resultats-titre, .regles-titre {
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 5px;
}
.resultats-titre span, .regles-titre span {
	font-size: 14px;
	font-weight: 400;
	text-decoration: underline;
}
.resultats-titre sup {
    font-size: 11px;
}
.resultat-item {
	width: 50%;
	margin: 0 15px 15px 15px;
	padding: 10px 10px 20px 10px;
	background-color: #EDFBFF;
	border-radius: 10px;
}
.grille-resultats {
	display: grid;
	align-items: center;
	margin: auto;
	grid-template-columns: 80% auto;
	font-size: 16px;
	font-weight: 500;
}
.resultats-colonne1 {
	text-align: left;
}
.resultats-colonne2 {
	text-align: right;
}
.resultats-colonne1.last, .resultats-colonne2.last {
	font-size: 18px;
	font-weight: 600;
}
.resultats-colonne3 { 
	grid-column: 1 / -1;
} 

/* ======================= FIN BLOC RESULTATS ======================= */


/* ======================= DEBUT BLOC REGLES ======================= */
.main-regles {
	grid-area: les-regles;
	margin: 0 15px 15px 15px;
}
.regles-item {
	padding: 10px 10px 20px 10px;
	background-color: #EDFBFF;
	border-radius: 0 0 10px 10px;
}

details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none !important;
}

/*details summary::-webkit-details-marker { 
	display: none !important; 
}*/

summary::after {
	content: "â–¶";
	position: absolute;
	top: 0.5rem;
	/*right: 30%;*/
	right: 25%;
	transform: rotate(0);
	transform-origin: center;
	transition: 0.5s transform ease;
}
details[open] > summary:after {   
	transform: rotate(90deg);
	transition: 0.5s transform ease;
}


details .montremoi { display: inline; }  
details .cachemoi { display: none; }
details[open] .montremoi { display: none; }
details[open] .cachemoi { display: inline; }


details { overflow: hidden; }
details summary {
	position: relative;
	z-index: 10;
}

details > *:not(summary) {
	animation: details-show 500ms ease-in-out;  
	position: relative;
	z-index: 1;
	transition: all 0.3s ease-in-out; 
	color: transparent;
	overflow: hidden;
}
details[open] > *:not(summary) { color: inherit; }

/* # Aspect # */

summary {
	padding: 10px 35px 15px 8px;
	width: 100%;
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	margin-top: 30px;
	background: linear-gradient(to bottom, #003f7d 80%, #EDFBFF 100%);
	color: #fff;
	border-radius: 10px 10px 0 0;
}

summary::after {
    content: "▶";
    position: absolute;
    top: 0.5rem;
    right: 25%;
    transform: rotate(0deg);
    transform-origin: center center;
    transition: transform 0.5s ease 0s;
}

details[open] > summary:after {
    transform: rotate(90deg);
    transition: 0.5s transform ease;
}

.texte-regles-smic::after {
    content: var(--smic)
}
.texte-regles-annee::after {
    content: var(--annee)
}
.texte-regles-pmss::after {
    content: var(--pmss)
}
.texte-regles-date-smic::after {
    content: var(--date-smic)
}
.texte-regles-limite-charges::after {
    content: var(--limite-charges)
}

/* ======================= FIN BLOC REGLES ======================= */


/* ======================= DEBUT RESPONSIVE ======================= */

@media screen and (max-width: 1200px)
{
    .elementor-6491 .elementor-element.elementor-element-09461c9 {
        padding: 0;
    }
    .main-container {
		width: 100%;
    }
}
@media screen and (max-width: 768px)
{
    .elementor-6491 .elementor-element.elementor-element-01b6cc4 > .elementor-element-populated > .elementor-widget-wrap {
        padding: 0;
    }
	.main-container {
		width: 100%;
		padding: 10px;
	}
	.main-grid
	{
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-template-areas:    "reset-print"
								"les-onglets"
								"le-message"
								"les-questions"
								"la-synthese"
								"les-resultats"
								"les-regles";
	}
	.grid-tab {
	    padding: 15px 10px;
	}
	.grid-questions {
		border: none;
		padding: 0 10px;
	}
	.resultat-item {
		width: 100%;
		margin: 10px auto;
	}
	.ligne-boutons {
		justify-content: space-around;
		padding: 15px 10px;
	}
	.grid-synthese {
	    padding: 0 10px;
	}
	.titre-desktop {
		display: none;
	}
	.titre-mobile {
		display: block;
	}
	summary::after {
    	right: 15%;
	}
}

/* ======================= FIN RESPONSIVE ======================= */

/* ======================= DEBUT IMPRESSION ======================= */

@media print {
	body { 
		background-color:#ffffff !important;
	}
    .elementor-6491 .elementor-element.elementor-element-01b6cc4 > .elementor-element-populated > .elementor-widget-wrap {
        padding: 0;
    }
	.main-titre {
		margin-bottom: 40px;
	}
	.bouton, .noprint {    
		display: none !important;
	}
	.main-container {
		width: 100% !important;
	}
	.main-grid {
		grid-template-columns: 100%;
		grid-template-rows: auto;
		grid-template-areas: 	"les-questions"
								"la-synthese"
								"les-resultats"
								"le-message";
		padding: 0;
	}
	.grid-tab {
		padding: 0;
	}
	.tab-content > .tab-pane {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	.tab-pane {
		width: 50%;
	}
	.d-print-block {
		text-decoration: underline;
	}
	.grid-questions {
		padding: 0;
		margin-bottom: 20px;
		border-right: none;
	}
	.grille-questions {
		margin: 0;
		width: 100%;
	}
	.questions-valeur {
		background-color: #ffffff;
		padding: 0;
	}
	.boxnumber {
		background-color: #ffffff;
	}
	.grid-synthese {
		padding: 0;
		margin-bottom: 40px;
	}
	.synthese-titre {
		margin-top: 20px !important;
	}
	.synthese-entreprise {
		padding: 0;
		margin: 10px 0;
	}
	.synthese-entreprise-total {
		background-color: #ffffff;
		margin: 0;
		padding: 10px 0;
	}
	.synthese-output.total {
		margin: 0;
	}
	.resultat-item {
		width: 100%;
		margin: 0 ;
		background-color: #ffffff;
		padding: 0;
	}


}
/* ======================= FIN IMPRESSION ======================= *//* End custom CSS */