#example_basic .payementOverlay{
	display:none;
	height:100%;
	width:100%;
	z-index:100;
	background-color:#00000055;
	backdrop-filter: blur(5px);
	position:absolute;
	top:0;
	left:0;
	background-image: url("../images/loader.gif");
	background-repeat:no-repeat;
	background-position: center;
}

#example_basic .h100{
	height:100%;
}

#info_licence_permisb, #info_licence_ffsa{
	margin-left:20px;
	font-size:1.5rem;
}

#example_basic .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}

#example_basic .row > [class*='col-'] {
  /*display: flex;
  flex-direction: column;*/
}

#example_basic p.elementor-image-box-title{
	letter-spacing: 0.04rem;
}

#example_basic .txt-center{
	text-align:center;
}

#example_basic .content-select select{
	display:inline-block;
}

#example_basic .payementOverlay.active{
	display:block;
}

#example_basic .paymentText{
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin-top:20%;
}

#example_basic .vignette-fast .posiotion-relative{
	position:relative;
}

#example_basic .vignette-fast .display-none{
	display:none;
}

#example_basic .vignette-fast .complet{
	position:absolute;
	z-index:2;
	height:100%;
	width:100%;
	top:0;
	left:0;
}

/*
#example_basic .tooltip {
  position: relative;
  display: inline-block;
}

#example_basic .tooltip .tooltiptext {
	visibility: hidden;
    width: 230px;
    background-color: red;
    color: #fff;
    font-size: 0.95rem;
    text-align: center;
    border-radius: 6px;
    line-height: 1.3;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

#example_basic .tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: red transparent transparent transparent;
}
*/

.titre-step-fast{
	text-align:center;
	font-size:1rem;
	font-weight:bold;
	margin-bottom: 1.5rem;
}

input[type="text"].input_text_paiement_resa,
input[type="date"].input_text_paiement_resa,
input[type="email"].input_text_paiement_resa,
input[type="text"].input_text_paiement_resa:hover,
input[type="date"].input_text_paiement_resa:hover,
input[type="email"].input_text_paiement_resa:hover
{
	border:none !important;
}

#example_basic .text_valide_form{
	margin-bottom:1rem;
}

#example_basic .bouton_fast{
	text-align:left;
	margin-top:0rem;
}

.btn_step_fast:disabled,
.btn_step_fast[disabled]{
  background-color: #eee !important;
  color: #aaa !important;
  border:solid 1px #007E6B;
}

.btn_step_fast:hover{
	color:#007E6B;
	background-color:#fff;
	border:solid 1px #007E6B;
}

#infos_resa{
	margin: auto;
}

.paiement_resa{
	display: table;
    max-width: 100%;
}

#infos_resa{
	display: block;
    max-width: 92%;
    table-layout: auto;
}

#infos_resa td,
.paiement_resa td{
	width:50%;
}

.wizard>.content>.body td input,
.wizard>.content>.body td select{
	background-color:transparent;
	font-weight:bold;
	border:2px solid var(--e-global-color-accent) !important;
	color:var(--e-global-color-accent);
	color-scheme: dark;
	font-family: "Kanit", Sans-serif;
	border-radius:0;
}

#infos_resa td, #infos_resa th,
.paiement_resa td, .paiement_resa th{
	text-align:left;
	padding:5px;
	border:none;
}

#infos_resa th, .paiement_resa th{
	font-weight:bold;
	background-color:#f7f7f7;
}

.content-select{
	min-height:250px;
}

.select-step-fast{
	border-color:#007E6B;
	text-align:center;
	width: 230px;
    border-radius: 0;
}

.clearfix {
    *zoom:1}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

#example_basic .content.clearfix h3.title{
	display:none;
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden
}

.wizard a,
.tabcontrol a {
    outline: 0
}

.wizard ul,
.tabcontrol ul {
    list-style: none!important;
    padding: 0;
    margin: 0 12px 0 0;
}

.wizard ul>li,
.tabcontrol ul>li {
    display: block;
    padding: 0
}

.wizard>.steps .current-info,
.tabcontrol>.steps .current-info {
    position: absolute;
    left: -999em
}

.wizard>.content>.title,
.tabcontrol>.content>.title {
    position: absolute;
    left: -999em
}

.wizard>.steps {
    position: relative;
    display: block;
    width: 100%;
	max-width: 500px;
}

.wizard.vertical>.steps {
    display: inline;
    float: left;
    width: 30%
}

.wizard>.steps .number {
    font-size: 1.429em
}

.wizard>.steps>ul>li {
    width: 25%
}

.wizard>.steps>ul>li,
.wizard>.actions>ul>li {
    float: left;
}

.wizard.vertical>.steps>ul>li {
    float: none;
    width: 100%
}

.wizard>.steps a,.wizard>.steps a:hover,
.wizard>.steps a:active {
    display: block;
    width: auto;
    padding:0 0 1em 7px;
    text-decoration: none;
	text-align:left;
	border-top:5px solid #9D9D9D;
	transform: skewX(-30deg);
	display: inline-block;
	width:calc(100% - 3px);
	font-weight:bold;
	color: #9D9D9D;
	font-size:17px;
	font-family: "Kanit", Sans-serif;
}

.wizard>.steps .disabled a,
.wizard>.steps .disabled a:hover,
.wizard>.steps .disabled a:active {
    cursor: default;
	font-family: "Kanit", Sans-serif;
}

.wizard>.steps .current a,
.wizard>.steps .current a:hover,
.wizard>.steps .current a:active {
    color: #fff;
	border-top:5px solid #fff;
    cursor: default;
	font-family: "Kanit", Sans-serif;
}

.wizard>.steps .done a,
.wizard>.steps .done a:hover,
.wizard>.steps .done a:active {
    color: var(--e-global-color-accent);
	border-top:5px solid var(--e-global-color-accent);
	font-family: "Kanit", Sans-serif;
}

.wizard>.steps .error a,
.wizard>.steps .error a:hover,
.wizard>.steps .error a:active {
    color: #fff;
	border-top:5px solid #fff;
	font-family: "Kanit", Sans-serif;
}

#example_basic .inline-block{
	display: inline-block;
}

.slick-current{
	margin-bottom:2rem;
}

#example_basic .btn_step_fast{
	background-color:var(--e-global-color-accent);
	border:0;
	color:#fff;
	border-radius:20px;
	text-transform: uppercase;
	font-size: 15px;
	font-family: "Kanit", Sans-serif;
}

#example_basic .none{
	display:none;
}

#example_basic .btn_precedent_fast{
	background-color: transparent !important;
	text-transform: uppercase;
	font-size: 15px;
}

#example_basic .cadre_vert{
	transform: skewX(-20deg);
	background-color:var(--e-global-color-accent);
	margin-left:10px;
	margin-bottom:50px;
	font-family: "Kanit", Sans-serif;
	padding: 10px 5%;
}
#example_basic .cadre_vert table{
	transform: skewX(20deg);
}

#example_basic .cadre_vert table,
#example_basic .cadre_vert tr{
	border:none;
}

#example_basic .col-lg {
    min-width: 0;
}

#example_basic .cadre_vert th{
	color:#004138;
	font-weight:bold;
	text-align:right;
	border:none;
	background-color:transparent;
	font-size:15px;
}

#example_basic .cadre_vert td{
	color:#fff;
	text-align:left;
	border:none;
	background-color:transparent;
	font-size:15px;
}

#example_basic .elem-mov:hover{
	background-color : var( --e-global-color-accent );
}

.wizard>.content {
    display: block;
    min-height: 40em;
    overflow: hidden;
    position: relative;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.wizard.vertical>.content {
    display: inline;
    float: left;
    margin: 0 2.5% .5em 2.5%;
    width: 65%
}

.wizard>.content h4{
	font-size:30px;
	font-weight:bold;
	color:#fff;
	font-style:italic;
	text-align:left;
	margin:20px 0 40px;
	font-family: "Kanit", Sans-serif;
	padding: 0 5px;
}

.wizard>.content>.body {
    float: left;
    position: relative;
    width: 95%;
    height: 95%;
    padding: 4%
}

.wizard>.content>.body ul {
    list-style: disc!important
}

.wizard>.content>.body ul>li {
    display: list-item
}

.wizard>.content>.body>iframe {
    border: 0 none;
    width: 100%;
    height: 100%
}

.wizard>.content>.body input {
    display: block;
    border: 1px solid #ccc
}

.wizard > .content > .body input[type="checkbox"],
.wizard > .content > .body input[type="radio"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    vertical-align: middle; /* Assure un bon alignement vertical */
    appearance: none; /* Retire l'apparence par défaut */
    border: 2px solid #fff; /* Bordure pour les cases à cocher */
    border-radius: 50%; /* Rond pour les boutons radio, ou carré pour les cases */
    background-color: #fff; /* Fond blanc pour les éléments non cochés */
    position: relative;
}

/* Lorsque la case est cochée, on affiche un fond coloré et une coche */
.wizard > .content > .body input[type="checkbox"]:checked,
.wizard > .content > .body input[type="radio"]:checked {
    background-color: #4CAF50; /* Changer la couleur de fond quand la case est cochée */
    border-color: #4CAF50; /* Bordure verte quand coché */
}

/* Ajout d'une coche ou un symbole dans la case cochée */
.wizard > .content > .body input[type="checkbox"]:checked::before,
.wizard > .content > .body input[type="radio"]:checked::before {
    content: "";
    position: absolute;
    top: 4px; /* Position de la coche dans la case */
    left: 4px;
    width: 8px; /* Taille de la coche */
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg); /* Transformation pour faire une coche */
}

/* Pour les boutons radio, ajouter un petit cercle au centre */
.wizard > .content > .body input[type="radio"]:checked::before {
    width: 12px;
    height: 12px;
    background-color: white; /* Cercle blanc à l'intérieur du bouton radio */
    border-radius: 50%;
}


.wizard>.content>.body input.error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11
}

.wizard>.content>.body label {
    display: inline-block;
    margin-bottom: .5em
}

.wizard>.content>.body label.error {
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em
}

.wizard>.actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%
}

.wizard.vertical>.actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%
}

.wizard>.actions>ul {
    display: inline-block;
    text-align: right
}

.wizard>.actions>ul>li {
    margin: 0 .5em
}

.wizard.vertical>.actions>ul>li {
    margin: 0 0 0 1em
}

.wizard>.actions a,
.wizard>.actions a:hover,
.wizard>.actions a:active {
    background: #2184be;
    color: #fff;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.wizard>.actions .disabled a,
.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active {
    background: #eee;
    color: #aaa
}

.tabcontrol>.steps {
    position: relative;
    display: block;
    width: 100%
}

.tabcontrol>.steps>ul {
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1
}

.tabcontrol>.steps>ul>li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.tabcontrol>.steps>ul>li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0
}

.tabcontrol>.steps>ul>li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0
}

.tabcontrol>.steps>ul>li>a {
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none
}

.tabcontrol>.steps>ul>li>a:hover {
    text-decoration: none
}

.tabcontrol>.steps>ul>li.current>a {
    padding: 15px 30px 10px 30px
}

.tabcontrol>.content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px
}

.tabcontrol>.content>.body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%
}

.tabcontrol>.content>.body ul {
    list-style: disc!important
}

.tabcontrol>.content>.body ul>li {
    display: list-item
}

@media(max-width: 600px) {
    .wizard>.steps>ul>li {
        width:50%
    }

    .wizard>.steps a,
	.wizard>.steps a:hover,
	.wizard>.steps a:active {
        margin-top: .5em
    }

    .wizard.vertical>.steps,
	.wizard.vertical>.actions {
        display: block;
        float: none;
        width: 100%
    }

    .wizard.vertical>.content {
        display: block;
        float: none;
        margin: 0 .5em .5em;
        width: auto
    }
}

@media(max-width: 480px) {
    .wizard>.steps>ul>li {
        width:100%
    }
}

#example_basic .com {
    color: #93a1a1
}

#example_basic .lit {
    color: #195f91
}

#example_basic .pun,
#example_basic .opn,
#example_basic .clo {
    color: #93a1a1
}

#example_basic .fun {
    color: #dc322f
}

#example_basic .str,
#example_basic .atv {
    color: #d14
}

#example_basic .kwd,
#example_basic.prettyprint .tag {
    color: #1e347b
}

#example_basic .typ,
#example_basic .atn,
#example_basic .dec,
#example_basic .var {
    color: teal
}

#example_basic .pln {
    color: #48484c
}

#example_basic .prettyprint {
    padding: 8px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8
}

#example_basic .prettyprint.linenums {
    -webkit-box-shadow: inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0;
    -moz-box-shadow: inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0;
    box-shadow: inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0
}

#example_basic ol.linenums {
    margin: 0 0 0 33px
}

#example_basic ol.linenums li {
    padding-left: 12px;
    color: #bebec5;
    line-height: 20px;
    text-shadow: 0 1px 0 #fff
}


/* elementor */
#example_basic .elementor-box .elementor-element.elementor-element-6a1f3cb > .elementor-container {
    max-width: 250px;
}

#example_basic .theplus-carousel-anything-wrapper .elementor-element-populated {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var( --e-global-color-accent );
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 0px 0px 0px;
}

#example_basic .theplus-carousel-anything-wrapper .box-session.desactive .elementor-element-populated {
	border-color: #797979;
}

#example_basic .infos_resa{
	width:100%
}

#example_basic .infos_resa,
#example_basic .infos_resa tr,
#example_basic .infos_resa td{
	border:none;
}

#example_basic .theplus-carousel-anything-wrapper .box-select .elementor-element-populated {
	background-color: var( --e-global-color-accent );
}

#example_basic .box-session.desactive .elementor-widget-image-box .complet{
	background-color: var( --e-global-color-accent );
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin:0 7%;
	position: absolute;
    top: -11px;
    width: 50%;
	font-family: "Kanit", Sans-serif;
}

#example_basic .w100{
	min-width: 100%;
}

#example_basic table tbody>tr:nth-child(odd)>td, 
#example_basic table tbody>tr:nth-child(odd)>th,
#example_basic table tbody tr:hover>td, 
#example_basic table tbody tr:hover>th{
	background-color:transparent;
}

#example_basic .elementor-element-populated > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

#example_basic .elementor-box .elementor-element.elementor-element-anim.elementor-position-right .elementor-image-box-img {
    margin-left: 15px;
}

#example_basic .elementor-box .elementor-element.elementor-element-anim.elementor-position-left .elementor-image-box-img {
    margin-right: 15px;
}

#example_basic .elementor-box .elementor-element.elementor-element-anim.elementor-position-top .elementor-image-box-img {
    margin-bottom: 15px;
}

#example_basic .elementor-box .elementor-element.elementor-element-anim .elementor-image-box-wrapper .elementor-image-box-img {
    width: 30%;
}

#example_basic .elementor-box .elementor-element.elementor-element-anim .elementor-image-box-img img {
    transition-duration: 0.3s;
}

#example_basic .elementor-box .elementor-element.elementor-element-anim .elementor-image-box-title {
    color: var( --e-global-color-secondary );
    font-family: "Kanit", Sans-serif;
    font-size: 1.6em;
    font-weight: 700;
    font-style: italic;
    line-height: 1.9rem;
}

#example_basic .box-session.desactive .elementor-box .elementor-element.elementor-element-anim .elementor-image-box-title{
	color:#797979;
}

#example_basic .elementor-box .elementor-element.elementor-element-anim .elementor-image-box-description {
    color: #fff;
    font-family: "Kanit", Sans-serif;
    font-size: 1em;
    font-weight: 300;
	line-height: 1.2rem;
}

#example_basic .slick-slide{
	cursor:pointer;
}

#example_basic .elementor-box .elementor-element.elementor-element-anim > .elementor-widget-container {
    padding: 15%;
}

#example_basic .elementor-box .elementor-element.elementor-element-anim > .elementor-widget-container:hover {
    --e-transform-translateX: -10px;
    --e-transform-translateY: -10px;
}

#example_basic .button-link-wrap{
	padding: 10px 50px 10px 50px;
	border-radius: 50px 50px 50px 50px;
	border-style: none;
	background-color: var(--e-global-color-accent );
	color:#fff;
}

#example_basic .button-link-wrap.desactive{
	box-shadow: inset 0 0 0 2px #797979;
	background-color: transparent;
	color:#797979;
}

#example_basic .button-link-wrap.desactive svg{
	display : none;
}

#example_basic .button-link-wrap svg {
    fill: #fff;
	width: 20px;
    height: 20px;
}

#example_basic .box-session:not(.desactive) .elementor-box .elementor-element.elementor-element-anim:hover .elementor-widget-container {
    background-color: var( --e-global-color-accent );
}

#custom-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none; /* Masqué au chargement */
    justify-content: center;
    align-items: center;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.8); /* Fond semi-transparent */
}

.popup-content {
    background-color: #070E477A;
    color: white;
    width: 50%; /* 50% de la largeur de la fenêtre */
    height: 50%; /* 50% de la hauteur de la fenêtre */
    padding: 8%;
    border-radius: 10px; /* Coins arrondis plus marqués */
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box; /* S'assure que padding est inclus dans la taille totale */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Ombre pour donner de la profondeur */
    animation: fadeIn 0.5s; /* Animation de fondu en entrée */
    backdrop-filter: blur(10px);
}

#close-popup {
    background-color: #EF1D34;
    color: white;
    border: solid 2px #EF1D34;
    padding: 15px 30px;
    cursor: pointer;
    margin-top: 20px;
    border-radius: 50px;
    transition: background-color 0.3s, color 0.3s;/* Transition pour l'effet de survol */
    font-weight: 700;
}

#close-popup:hover {
    background-color: transparent;
    color: #EF1D34;
}

#custom-popup > div > h2{
    font-family: "Kanit", sans-serif !important;
    font-weight: 700 !important;
    font-style: italic !important;
    font-size: 3rem !important;
}

#custom-popup > div > p {
    font-family: "Kanit", sans-serif !important;
    font-weight: 300 !important;
    font-size: 1.125rem !important;
}

.mywhite {
    color: white !important;
}

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


@media(max-width: 1024px) {
    #example_basic .elementor-box .elementor-element.elementor-element-anim .elementor-image-box-description {
        font-size: 1.1rem;
    }
}

@media(max-width: 767px) {
    #example_basic .elementor-box .elementor-element.elementor-element-anim .elementor-image-box-img {
        margin-bottom:15px;
    }

    #example_basic .elementor-box .elementor-element.elementor-element-anim .elementor-image-box-title {
        font-size: 1.3rem;
    }

    #example_basic .elementor-box .elementor-element.elementor-element-anim .elementor-image-box-description {
        font-size: 1rem;
    }
	
	#example_basic .cadre_vert{
		transform: skewX(-12deg);
	}
	
	#example_basic .cadre_vert table {
		transform: skewX(12deg);
	}
	
	.wizard>.content>.body {
		padding: 0%;
	}
	
	.wizard, .tabcontrol {
		display: block;
		width: 105%;
		overflow: hidden;
		margin-left: -5%;
	}
	
	.wizard>.content>.body {
		width: 100%;
		padding: 0%;
	}
	
	#example_basic .row {
		margin:0;
	}
	
	#example_basic .slick-slide {
		max-width: 50%;
	}

    .popup-content {
        width: 80% !important; /* 80% de la largeur de la fenêtre */
        height: 60% !important; /* 50% de la hauteur de la fenêtre */
    }

	
}
}