@font-face {
    font-family: "Title";
    src: url(../fonts/KGSecondChancesSolid.ttf) format("truetype");
}

@font-face {
    font-family: "Text";
    src: url(../fonts/AvenirLTPro-Book.otf) format("opentype");
}

body, button, input {
	font-family: "Text", Arial, Helvetica, sans-serif !important;
}

h1,h2,h3,h4,
.builder-item--primary-menu,
.step,
.etape-indice {
	font-family: "Title", Arial, Helvetica, sans-serif !important;
}

.hidden {
	display: none !important;
}

.background_red {
	background-color: #fb8383;
	color: white;
}

.background_green {
	background-color: #59a7aa;
	color: white;
}

.text_red {
	color: #fb8383;
}

.text_green {
	color: #59a7aa;
}

.nv-content-wrap.entry-content {
	text-align: center;
}

h2, 
.parcours-choix .parcours-title,
.etapes-choix .parcours-title,
.etapes-choix-title,
.mon-compte-button,
.etape-validee,
.suivi-parcours-show,
.classement,
/* MOD-FDC 21.09.2023 : Ajout de la page de suivi des tampons */
.suivi-tampons {
	margin-top: 30px !important;
}

.parcours-choix .parcours-choix-link,
.mes-parcours-choix .mes-parcours-choix-link,
.etapes-choix a.next_step_to_do,
.parcours-choix-link .parcours-choix-title {
	text-decoration: none !important;
}

.parcours-choix .parcours-title,
.etapes-choix .parcours-title,
.etape-validee .etape-validee-button {
	margin-bottom: 30px;
}

.parcours-choix .parcours-choix-text,
.tml .tml-links {
	text-align: left !important;
}

.parcours-choix-form .parcours-choix-form-input {
	background-color: #cce0e1;
	border-color: #cce0e1;
	color: #064576;
}

.etape-carte {
	text-align: center;
	text-decoration: underline;
}

.etape-questionnaire {
	background-color: #064576 !important;
}

.etape-questionnaire .etape-questionnaire-validation {
	text-align: center;
	padding-bottom: 30px;
}

.etape-questionnaire .etape-questionnaire-validation-input {
	border-color: white;
	margin-top: 30px;
}

.etape-questionnaire .etape-questionnaire-validation-submit,
.etape-questionnaire .etape-questionnaire-validation-submit:hover {
	background-color: #cce0e1;
	color: #064576;
}

.etape-questionnaire #message {
	padding-top: 30px;
	padding-bottom: 30px;
}

.etape-questionnaire .etape-questionnaire-indice {
	color: #cce0e1;
	padding-top: 30px;
}

.etape-questionnaire .etape-questionnaire-indice .etape-questionnaire-indice-title {
	text-decoration: underline;
}

.etape-questionnaire .etape-questionnaire-indice .etape-questionnaire-indice-message {
	text-align: left !important;
    padding-left: 23px;
    padding-right: 11px;
}

.etape-qr-scan {
	text-align: center;
}


/* MOD-KE 28.07.2023 retirer pour changer l'apparence de la page de choix des etape*/
/*.etapes-choix .step,
.etape-indice {
	background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: top;
    height: 170px;
}*/




/* MOD-KE 25.07.2023 changer pour que les image soit dans des div
.etapes-choix .step_done {
	background-image: url('https://localiz.ch/wp-content/uploads/2022/07/picto_etape_validee.png');
}

.etapes-choix .next_step_to_do,
.etape-indice {
	background-image: url('https://localiz.ch/wp-content/uploads/2022/07/picto_etape_a_faire.png');
}

.etapes-choix .step_hold {
	background-image: url('https://localiz.ch/wp-content/uploads/2022/07/picto_etape_a_faire.png');
	opacity: 0.5;
}*/

/* MOD-KE 31.07.2023 rend les etape inaccessible transparent sur la selection des etape */
.step_hold {
	opacity: 0.5;
}


/* MOD-KE 31.07.2023 rend la video de presentation de pps plus petite */

.videopps video
{
    max-height: 600px;
}




/* MOD-KE 21.07.2023 reduire taille de la police pour les titre des etape */
/* MOD-KE 28.07.2023 retirer pour changer l'apparence de la page de choix des etape*/
/*.step-text {
    font-size: 12px;
    padding-top: 12px;
}*/

/*.step-text,*/
/*.etape-indice {
    padding-top: 18px;
}*/

.etape-indice{
	text-align: center;
	/* MOD-FDC 28.08.2023 : Modification de code pour l'affichage du n° de l'étape et/ou du nom de l'étape */
	/*height: 100px !important;*/
}

.etapes-choix a.next_step_to_do:hover {
	opacity: inherit !important;
}

.etape-validee {
	background-color: #59a7aa;
	color: white;
}

.etape-validee .etape-validee-img {
	width: 100px;
	padding-top: 60px;
}

.etape-validee .etape-validee-button {
	background-color: white;
	color: #59a7aa;
}

.etape-validee .etape-validee-congrat {
	font-size: 40px;
}

.etape-validee .etape-validee-text {
	/* MOD-FDC 28.07.2023 : Adaptation visuelle pour l'affichage des tampons sur la page de validation d'étape */
	/*padding-bottom: 180px;*/
}

.etape-validee .etape-validee-img,
.etape-validee .etape-validee-congrat {
	padding-bottom: 60px;
}

button.navbar-toggle {
    border: none !important;
}

button.navbar-toggle .icon-bar {
    width: 35px !important;
    height: 5px !important;
    border-radius: 5px !important;
	color: #cce0e1 !important;
}

.icon-bar:nth-child(2) {
    margin: 6px 0 !important;
}

.is-menu-sidebar .navbar-toggle .icon-bar:nth-child(1) {
    top: 17px !important;
}

.navbar-toggle:focus {
    outline: none !important;
}

.hfg_header.site-header {
    box-shadow: none !important;
}

/* Lightbox */
.lb-data .lb-close {
	opacity: inherit !important;
}

.lb-data .lb-details {
	color: #cce0e1 !important;
	line-height: 1.5em !important;
}

/* MOD-FDC 03.02.2023 : Ajout d'un champ au cas où l'utilisation de la caméra n'est pas possible */
.etape-qr-manual-input-warning {
    font-size: 52px;
    text-align: center;
	/* MOD-FDC 21.07.2023 : Ajout de la couleur au sigle warning */
	color: gold;
}

.etape-qr-manual-input-message {
	text-align: center;
	margin-bottom: 30px;
	/* MOD-FDC 21.07.2023 : Modification de la couleur du texte */
	/*color: gold;*/
	color: #000000;
}

.etape-qr-manual-input-form {
	text-align: center;
}

.step-validation.etape-qr-scan {
	/* MOD-FDC 21.07.2023 : Modification visuelle lors de l'ajout d'un bouton pour libérer la validation manuelle en cas de problème */
	/*margin-bottom: 30px !important;*/
	margin-bottom: 15px !important;
}

/* MOD-FDC 03.02.2023 : Modification visuelle du bouton de choix d'un parcours */
.parcours-choix-action {
	margin-bottom: 30px;
}

/* MOD-FDC 05.04.2023 : Modification de la couleur du texte dans le questionnaire */
.etape-questionnaire h3,
.etape-questionnaire p {
	color: var(--nv-site-bg)!important;
}

/* MOD-MP 12.04.2023 : Configuration des couleurs du graphique pour le suivi des parcours */
.border-color-graphique{
    color: rgb(7, 69, 118, 1);
}

.background-color-graphique{
    color: rgba(198, 225, 226, 0.75);
}

/* MOD-FDC 26.06.2023 : Modifications visuelles de la boutique */
.nv-bc-count-wrap,
.product_meta,
.nv-woo-filters,
.woocommerce-product-gallery__trigger,
.order-again {
	display: none !important;
}

.parcours-choix-achat {
	margin-bottom: 30px;
}

/* MOD-FDC 27.06.2023 : Modifications visuelles pour que le contenu de base soit amélioré */
.etape-questionnaire {
	color: #cce0e1;
}

.etape-questionnaire-text {
	padding-top: 30px;
}

audio::-webkit-media-controls-panel{
    background-color: #cce0e1;
}

.wp-video {
    width: fit-content !important;
}

/* MOD-FDC 27.06.2023 : Modification visuelle du formulaire pour l'acceptation des conditions d'un parcours */
.etapes-choix-form-row-label-block {
	display: block;
}

.etapes-choix-form-row-label-block .required,
.etapes-choix-form-row-label .required {
	color: red;
    font-weight: 700;
}

.etapes-choix-form-row-input {
    width: 100%;
}

.etapes-choix-form-row {
	margin-bottom: 20px;
}

/* MOD-KE 28.07.2023 j'ai changer la couleur des bouon sur la page mes parcour*/
/* MOD-KE 02.08.2023 retire la couleur de fond et ajoute une bordure */
/* MOD-FDC 03.08.2023 : Modification visuelle dans le choix de la liste des parcours */
.mes-parcours-choix,
.mes-parcours-termines,
.suivi-parcours,
.parcours-choix {
	padding:15px;
	border-radius:20px;
	/*background-color:#daeefd;*/
  /*  background-color:#D65B54;*/
	margin: auto!important;
    margin-top: 20px!important;
	box-shadow: 2px 2px 2px darkgrey;
    border: 3px solid #313539;
}

/*MOD-Ke 27.07.2023 version pour la page d'accuille.*/
/*MOD-Ke 07.08.2023 mis en commentaire.*/
/*.suivi-parcours_acc {
	padding:15px;
	border-radius:20px;
	background-color:#d65b54;
	margin: auto!important;
    margin-top: 20px!important;
	box-shadow: 2px 2px 2px darkgrey;
}*/

/* MOD-KE 04.08.2023 ajoute de l'espace entre les lecteur audio et les boutons */
.audiobtn 
{
    padding-bottom: 15px;
}

/* MOD-KE 02.08.2023 change la couleur du text */
.mes-parcours-choix-show-title,
.mes-parcours-termines-show-title,
.suivi-parcours-title {
	--linkdeco:none;
	text-decoration: none;
	font-weight: bold;
    color: #313539;
}

/*MOD-Ke 27.07.2023 version pour la page d'accuille.*/
.suivi-parcours-title_acc {
	--linkdeco:none;
	text-decoration: none;
	font-weight: bold;
    color: #313539;
}

.parcours-choix .parcours-choix-link,
.mes-parcours-choix-show .mes-parcours-choix-show-link,
.mes-parcours-termines-show .mes-parcours-termines-show-link,
.etapes-choix a.next_step_to_do,
.parcours-choix-link .parcours-choix-title,
.suivi-parcours-show {
	text-decoration: none !important;
}

.mes-parcours-choix-show,
.mes-parcours-termines-show {
	margin:auto!important;
}

.mes-parcours-choix-action > button,
.mes-parcours-termines-action > button,
.suivi-parcours-action > button {
	width: 130px;
	margin-top:10px;
	border-radius:10px;
}

.mes-parcours-choix:last-of-type,
.mes-parcours-termines:last-of-type{
	border-bottom: none;
}

.parcours-choix-action > button {
	width:150px;
}

.parcours-choix-action > button:last-of-type{
	margin-left:10px;
}

.mes-parcours-choix-action,
.mes-parcours-termines-action,
.suivi-parcours-action{
	margin:auto!important;
	justify-content:center;
}

.nv-page-title-wrap{
	margin-top:20px!important;
}

@media (min-width: 750px) {
	.mes-parcours-choix-action > button, 
	.mes-parcours-termines-action > button,
	.suivi-parcours-action > button {
		margin:5px;
	}
}

/*.tamponTooltipContent{
	visibility: hidden;
	width: 200px;
	border-radius: 10px;
	background-color: white;
	font-size: 13px;
	color: var(--nv-text-color);
	border: 1px solid var(--nv-text-color);
	
	/* Position the tooltip *//*
	position: absolute;
	z-index: 1;
	bottom: 100%;

	left: 50%;
  	margin-left: -100px; /* Use half of the width (120/2 = 60), to center the tooltip *//*
}

#tamponTooltipTitle {
	margin-bottom: 0px;
    margin-top: 5px;
    color: var(--nv-text-color);
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    line-height: 20px;
}

#tamponTooltipText{
	font-size: 13px;
    text-align: center;
    margin: 10px 10px 10px 10px;
    color: var(--nv-text-color);
}

#tamponTooltipDate{
	font-size: 13px;
    text-align: center;
    color: var(--nv-text-color);
	margin-bottom:5px;
}

.tampon:hover .tamponTooltipContent{
	visibility: visible;
}*/

.tampons{
	/* MOD-FDC 28.07.2023 : Adaptation visuelle dans la page tampons */
	/*margin-bottom:30px;*/
	margin-bottom:25px;
	position:relative;
}

.ps-row{
	justify-content: center;
	margin-bottom:15px!important;
}

/* MOD-FDC 28.07.2023 : Adaptation visuelle dans la page tampons */
/*.unobtained-logo{
	width: 150px;
}*/

.classement-title-title{
	margin-bottom:0px!important;
}

.classement-title{
	margin-bottom:30px!important;
}

.info-tampons{
	margin-bottom:20px;
}

.tampons-single-link{
	text-decoration: none;
}

.tampons-title-single{
	width:100%;
}

/* MOD-FDC 18.07.2023 : Modification visuelle de la page d'affichage d'un tampon */
.tampon .tampon-title-img {
	width:100px;
}


/* MOD-KE 18.07.2023 pour la page de FAQ de pps */

.page-id-1750 *
{
    color: #7FA65A ;
}

.page-id-1750 .menu-item a
{
    color: #7FA65A !important;
}

.detailFAQ summary
{
    background-color:#7FA65A ;
    color:#FFFF ;
}


/* MOD-KE 18.07.2023 pour la page de regle de pps */

.page-id-1516 h1
{
    color: #7FA65A ;
}

.page-id-1516 .menu-item a
{
    color: #7FA65A !important;
}

/* MOD-FDC 21.07.2023 : Ajout de la possibilité d'activer la validation manuelle */
.step-validation.etape-qr-emergency {
	margin-bottom: 30px !important;
	text-decoration: underline;
    text-align: center;
	font-size: smaller;
}

.step-validation .etape-qr-manual-input-div {
	background-color: #F4F6F6;
}

/* MOD-KE 25.07.2023 ajhouter pour enlever lêspace entre les div dans le choix des etape*/
/* MOD-KE 28.07.2023 retirer pour changer l'apparence de la page de choix des etape*/
/*.bottomdiv
{
    display:inline-block;
    width: 100px;
  height: 100px;
  position: absolute;
  top: 44%;
  left: 50%;
  margin: -50px 0 0 -50px;
  font-family: "Verdana", Times, serif !important;
}

.bottomdiv a
{
   
  font-family: "Verdana", Times, serif !important;
}


.topdiv
{
    
    vertical-align: top;
    display:inline-block;
    width: 100px;
  height: 100px;
  position: absolute;
  top: 34%;
  left: 50%;
  margin: -50px 0 0 -50px;
}

.imagediv
{
 /*   margin-top:  clamp(10px, 20px, 40px);
 width: 100px;
  height: 100px;
  position: absolute;
  top: 82%;
  left: 50%;
  margin: -50px 0 0 -50px;
}

.divcontenue
{
    height: 300px;
    width: 300px;
    position: relative;
}*/

/* MOD-KE 27.07.2023 enleve le titre de la page d'accuille*/
.page-id-1637 .nv-page-title
{
    display: none;
}

.mon-compte-button-orange {
	margin-top: 30px !important;
    background-color:#D65B54;
}

/* MOD-FDC 27.07.2023 : Adaptation visuelle pour la boutique */
.woocommerce div.product div.images img {
	width: 150px !important;
	margin-left: auto;
	margin-right: auto;
}

.related.products {
	display: none !important;
}

/* MOD-KE 28.07.2023 change la couleur des titre de parcours sur la page mes parcour*/
.mes-parcours-choix-title
{
    color: #313539;
}

/* MOD-FDC 28.07.2023 : Adaptation visuelle pour l'affichage des tampons sur la page de validation d'étape */
.etape-validee .etape-validee-points {
	padding-bottom: 180px;
}

.etape-validee .etape-validee-tampon .etape-validee-tampon-img {
	width: 150px;
	margin-top: 25px;
}

.etape-validee .etape-validee-tampon .etape-validee-tampon-title {
	margin-bottom: 25px;
}

/* MOD-FDC 28.07.2023 : Adaptation visuelle dans la page tampons */
.tampons .tampons-img {
	width: 150px;
}

.tampons .tampons-img.tampons-unobtained,
.tampons .tampons-title-single.tampons-unobtained {
	opacity: 0.4;
}

.tampon ul{
	display: inline-block;
	text-align: left;
}

/* MOD-KE 28.07.2023 : cahnge couleur du text et bouton sur page de description de petit peuple sion */
.page-id-1307 *
{
    color:#313539 ;
}

.page-id-1307 .wp-block-button__link
{
    background-color:#313539 ;
}

/* MOD-FDC 03.08.2023 : Test pour adapation visuelle sur la page des choix du parcours */
:root {
	--pvt-main-color: #649A40;
	--pvs-main-color: #FF0000;
	--pps-main-color: #7FA65A;
}

.parcours-choix.color-pvt {
	border-color: var(--pvt-main-color) !important;
	box-shadow: 2px 2px 2px var(--pvt-main-color) !important;
}

.parcours-choix.color-pvt .parcours-choix-title {
	color: var(--pvt-main-color) !important;
}

.parcours-choix.color-pvs {
	border-color: var(--pvs-main-color) !important;
	box-shadow: 2px 2px 2px var(--pvs-main-color) !important;
}

.parcours-choix.color-pvs .parcours-choix-title {
	color: var(--pvs-main-color) !important;
}

.parcours-choix.color-pps {
	border-color: var(--pps-main-color) !important;
	box-shadow: 2px 2px 2px var(--pps-main-color) !important;
}

.parcours-choix.color-pps .parcours-choix-title {
	color: var(--pps-main-color) !important;
}

/* MOD-FDC 04.08.2023 : Modification visuelle des images */
.parcours-choix .parcours-choix-img img,
.mes-parcours-choix .mes-parcours-choix-show img,
.suivi-parcours-show .suivi-parcours-show-title .suivi-parcours-show-title-img img,
.classement .classement-title .classement-title-img img,
.etapes-choix .parcours-title .parcours-choix-img img,
/* MOD-FDC 21.09.2023 : Ajout de la page de suivi des tampons */
.suivi-tampons .suivi-tampons-title-img {
	height: 100px;
	width: auto;
}

/* MOD-KE 10.08.2023 : Modification de la table de la page de classement */
#classementTable
{
font-size:85%;

}

#classementTable td, #classementTable th
{
padding: 10px;

}

/*MOD-KE 25.08.2023 : Style des cartes interactives.*/


#map { 
    	/*position: absolute;*/
        height:  500px; 
        width:  500px;
        margin: auto;
       /* height:  100%; 
        width:  100%;*/
    }

    
    .leaflet-container img {
        max-height: none;
        max-width: none;
      }



      #map2 { 
    	/*position: absolute;*/
        height:  500px; 
        width:  100%;
        margin: auto;
       /* height:  100%; 
        width:  100%;*/
    }

/* MOD-FDC 28.08.2023 : Modification de code pour l'affichage du n° de l'étape et/ou du nom de l'étape */
.etape-indice .etape-indice-img {
	width: 96px;
}

/* MOD-FDC 19.09.2023 : Ajout de l'export du classement pour les admins */
.classement-export-button {
	text-align: right;
}

/* MOD-KE 31.10.2023 : retire la section de choix d'une page dans le dialogue pour insérer/modifier un lien */
#link-selector > .howto, #link-selector > #search-panel { 
    display:none;
 }

 #wp-link-wrap
 {
    height: 300px !important;
    width: 600px !important;
 }

 #wp-link
 {
    width: 600px !important;
 }

/* MOD-TT 13.12.2023 : Style du timer présent sur chaque étapes */

.timer-container{
    /* background: var(--nv-primary-accent); */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px;
    text-align: center;
    position: fixed;
    top: 0;
    z-index:100;
    border-radius: 45px;
    border: 3px solid white;
    max-height: 10vh;
}

.timer{
    color: white;
    font-size: 1.5rem;
}   


.img-timer{
	height: 5vh;
	/* height: 10px; */

}



/*fais fonctionner le carrousel*/
.slides {
    display: flex;
    overflow-x: auto;
    overflow-x: auto;
}

/*fais fonctionner le carrousel*/
.slides > div {
    display: flex;
    flex-shrink: 0;
    width: 100%;
    height: 300px;
    scroll-snap-align: start;
    scroll-behavior: smooth;
    background: #74ABE2;
    justify-content: center;
    align-items: center;
    font-size:  30px;
}  
  
/*fais le contours de trais autours de Localiz est une solution web*/
.box {
    width: 300px;
    height: 180px;
    padding: 10px;
    border: 5px solid #D55751;
    border-style: dashed;
    font-weight: bold;
}

/*change la taille des petites images avec une étoile rouge*/
.titreimage {
    max-width: 54px;
    max-height: 54px;
}
  
/*met le text en gras*/
.gras {
    font-weight: bold;
}

/*permet d'avoir un élément sous un élément float */
#clear {
    clear: both;
}

/*change la couleur du text en blanc*/
.blanc {
    color: white;
}

/*change la couleur du text du pied de page en blanc*/
.nv-footer-content * {
    color: white !important;
}

/*Change l'apparence des liens du pied de page.*/
.nv-footer-content a {
    text-decoration: none;
    font-weight: bold;
}

/*change la couleur du text en rouge*/
.rouge {
    color: #D55751;
}

/*Ajoute un fond rouge derrière le texte.*/
.fond {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #D55751;
    padding-bottom: 10px;
    overflow:hidden
}

/*fait un fond blanc*/
.fondblanc {
    width: 100vw;
    position: relative;
    background-color: white;
    border-radius: 5px;
    padding: 10px;
    display:block;
}

/*control l'apparence du bouton sous le carousel en version mobile*/
.btninfo {
    background-color: #D55751;
    border-radius: 15px;
    margin-top: 10px;  
    margin-bottom: 25px;
}

/*change la place que prend le text*/
.containment {
    width: 80vw;
    margin-left: 0 auto;
    margin-bottom: 30px;
}

/*control l'apparence du bouton créer mon parcours*/
.btnparcour
    {
        font-size: 12px;
        max-width: 165px;
        max-height: 40px;
    }

/*control l'apparence de la bandroll rouge pour la version desktop*/
@media (min-width: 800px) {

    .containment {    
        margin-left: 565px;  
        display: flex;
        flex-direction: column;
    }

    .ptourisme
    {
        max-width: 800px;
    }

}

/*control l'apparence de la bandroll rouge pour la version mobile*/
@media (max-width: 800px) { 

    .ptourisme
    {
        margin-left: 20px;
    }

    .ptourismeh4
    {
        margin-left: 20px;
    }

    .btnparcour {

        margin-left: 20px;  
       
    }

}

/*retire un element non voulue*/
.component-wrap {
    display: none !important;
}

/*Définis la taille de certaines images*/
.smallimage {
    max-width: 80px;
}

/*change la couleur du text en rouge*/
hr {
    color:#D55751 !important;
}

/*met les images en ligne*/
.rowk {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 30%;
    padding: 0 4px;
    align-content: stretch;
}

/*donne un background rouge*/
.blockrouge
{
    background-color: #D55751;
}
    
/*Aide à placer le slogan sur l'image de fond*/
.container {
    position: relative;
    top: 0;
    left: 0;
    padding-left: 0;
    padding-right: 0;
}

/*control l'apparence de l'image de fond pour la version mobile*/
@media (max-width: 800px) {

    .backimage {
        min-width: 230%;
        margin-left: -160px;
    }

}
/*Gère l'apparence de l'image de fond*/
.backimage {
    position: relative;
    top: 0;
    left: 0;
}

/*place le slogan sur l'image de fond*/
@media (min-width: 800px) {
    .intro {
        position: absolute;
        top: 140px;
        left: 240px;
        font-size: 18px;
        padding: 20px;
    }
}

@media (max-width: 800px) {
    .intro {
        position: absolute;
        top: 130px;
        left: 70px;
        font-size: 15px;
        padding: 10px;
    }
}


/*place le logo*/
.imgelogo
{
  max-width: 150px;
}

/*control la position du block rouge au sommet de la page pour la version mobile*/
@media (min-width: 800px) {

    .imgelogo {
        position: absolute;
        top: 0px;
        left: 0px;
    }
}

/*retire le titre de la page non voulue*/
.nv-page-title 
{
    display: none;
}
  
/*Gère l'apparence des images des sponsors*/
.imagesponsor
{
    width: 25.0%;
    margin: 20px 20px 20px 0;
    /*image-rendering: -webkit-optimize-contrast;*/
    object-fit: contain;
}

/*Gère l'apparence des images des sponsors pour la version desktop*/
@media (min-width: 800px) 
{
    .rowk
    {
    width: 75%;
   
    
    }

    .imagesponsor
    {
    width: 25.0%;
    margin: 40px 40px 40px 0;
    padding-left: 40px;
    
    }  

}

/*Gère l'apparence de l'icone facebook pour la version desktop*/
@media (min-width: 800px) 
{
    .facebook {
        margin-left: -25px;
        margin-bottom: 40px;
    }
}

/*rend les slides du bord transparente*/
.slick-slide:not(.slick-active) {
    opacity: 0.5;
}

/*Gère l'apparence des image des slides*/
.slick_image img
{
    border-radius: 25px;
    padding-left: 10px;
    padding-right: 10px;
}

/*Gère l'apparence slides du bord*/
.slick-list
{
    padding:0 20% 0 20% !important;
}

/*empêche le bouton sous les slide d'apparaitre sauf pour celle du milieu*/
.slick-slide:not(.slick-active) .btninfo {
    display: none;
}

/*aligne le texte a gauche*/
.textalignleft {
        text-align:left;
}

/*Gère l'apparence des élément dans un flex*/
.flex-child {
    object-fit: contain;
  } 
 
  /*change légèrement la position des textes à côté des images avec les étoiles*/
  .lowertext
  {
    margin-top: 10px;
    margin-bottom: 10px;
  }

   /*change légèrement la position de la carte avec l'étoile*/
  .map
      {
        margin-bottom: 10px;
      }

/*Gère l'apparence de la zone avec les trois images pour la version desktop*/      
@media (min-width: 800px) {
   
    .flex-container {
        display: flex;
        flex-wrap: nowrap;
      }
    
      .flex-child {
        flex: 1;
      } 

      .flex-child:first-child {
        margin-right: 60px;
    } 

    .box
    {
        margin-right: 100px !important;
    }

    .compacte {
        margin-bottom: -10px;
        margin-top: -15px;
      }

      .compactesansfond{
        margin-top: -20px;
        margin-bottom: 50px;
      }

      
}

/*Gère l'apparence de la zone avec les trois images pour la version mobile*/
@media (max-width: 800px) {
   
    .flex-container2 {
        display: flex;
        flex-wrap: nowrap;
        margin-top: 20px;
      }
    
      .flex-child2 {
        flex: 1;
      } 

      .flex-child2:first-child {
        margin-right: 40px;
    } 

    .compacte {
        margin-bottom: -10px;
        margin-top: -15px;
      }

      .compactesansfond{
        margin-top: -15px;
        margin-bottom: 30px;
      }

      .box
      {
        margin-bottom: 70px;
      }

}

/*réduit la taille du texte a coté des trois images*/
.smallfont {
    font-size: 15px;
}

 /*change légèrement la position des textes à côté des images avec les étoiles*/
.titre{
    margin-top: 30px;
}

.toggle-readmore-btn{
    font-family: "Title",Arial, Helvetica, sans-serif;
    justify-self: center;
    margin: 10px;
    padding: 10px 20px;
    background-color: #cee0e1; /* Blue */
    color: #4a5675;
    text-align: center;
    text-decoration: none !important;
    border: none;
    cursor: pointer;
    font-size: 16px;
    width: 200px;
}

.readmore-container{
    display: flex;
    justify-content: center;
    align-items:center;
    flex-direction: column;
}



/* MOD-TT 14.03.2025 */

.etape-questionnaire {
    max-width: 600px;
    margin: 0 auto;
}


/* Question Title */
.etape-questionnaire-text {
    padding: 15px 20px;
    font-size: 17px;
    font-weight: 500;
    color: white;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* Radio Buttons Container */
.rdbs-container {
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rdb {
    display: flex;
    align-items: center;
}

/* Custom Radio Button Styling - Fixed version */
.rdb input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    min-width: 24px; 
    min-height: 24px; 
    border: 2px solid white;
    border-radius: 50%;
    background-color: transparent; 
    outline: none;
    margin-right: 12px;
    position: relative;
    cursor: pointer;
    flex-shrink: 0; 
    box-sizing: border-box; 
    padding: 0; 
}

/* Selected state - clear visual difference */
.rdb input[type="radio"]:checked {
    background-color: transparent; 
}

.rdb input[type="radio"]:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background-color: white;
    border-radius: 50%;
    display: block; 
}

.rdb label {
    font-size: 16px;
    cursor: pointer;
    color: white;
    padding-top: 2px; 
}

/* Responsive adjustments */
@media (max-width: 480px) {
    .rdb input[type="radio"] {
        width: 22px;
        height: 22px;
        min-width: 22px;
        min-height: 22px;
    }
    
    .rdb input[type="radio"]:checked::before {
        width: 10px;
        height: 10px;
    }
}



/* MOD-TT 21.03.2025 - popup de notation */
/* Style du bouton d'ouverture */
.open-rating-btn {
    padding: 10px 20px;
    /* background-color: #4CAF50; */
    /* color: white; */
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* Style de la popup */
.rating-popup {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: black;
    background-color: rgba(0,0,0,0.5);
}

.rating-popup-content {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    width: 80%;
    max-width: 500px;
    border-radius: 5px;
    position: relative;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    color: black;
}

/* Style des étoiles */
.star-rating {
    display: flex;
    justify-content: center;
    font-size: 30px;
    margin: 20px 0;
}

.star {
    color: #ddd;
    cursor: pointer;
    padding: 0 5px;
    font-size: 3rem;
}

.star.active {
    color: #FFD700;
}

/* Style du champ commentaire */
.comment-field {
    width: 100%;
    margin: 15px 0;
}

.comment-field textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Style du bouton de soumission */
.submit-btn {
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* MOD-FDC 28.04.2025 : Ajout de swiper pour SD St-Luc */
.swiper {
  width: 250px;
  height: 350px;
}

.swiper-slide {
  border-radius: 12px;
}