/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05); /* Réduit l'échelle à 105% */
  }
  100% {
    transform: scale(1);
  }
}

@keyframes fadeInDiagonal {
    0% {
        opacity: 0;
        transform: scale(0.5) translate(50%, -50%); /* Début plus petite et décalée */
    }
    100% {
        opacity: 1;
        transform: scale(1) translate(0, 0); /* Fin à taille normale et à sa position normale */
    }
}
@keyframes fadeOutDiagonal {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0); /* Début à taille normale et à sa position normale */
    }
    100% {
        opacity: 0;
        transform: scale(0.5) translate(50%, -50%); /* Fin plus petite et décalée */
    }
}


/* menu */
.menuHomeLink a {
	font-size:20px!important;
}
#menu-mini {
	z-index:1000;
}

#menu-maxi, #menu-mini {
    transition: all 0.3s ease;
}
#menu-open, #menu-close {
	cursor:pointer;
}

.menu-maxi-close {
	animation: fadeOutDiagonal 0.5s forwards!important;
}

#menu-maxi {
    display: none;
	opacity: 0; /* Départ avec opacité 0 */
    transform: scale(0.5) translate(50%, -50%); /* Plus petite et décalée */
    animation: fadeInDiagonal 0.5s forwards; /* Animation sur 2s */
}

#menu-maxi.show {
    display: block;
    opacity: 1;
}

#menu-mini {
    transition: opacity 0.5s ease-in-out;
}

#menu-maxi > .elementor-element-83f99a1 > .elementor-element > .elementor-element > .elementor-widget-container {
	min-width: 280px;
}
#menu-maxi > .elementor-element-83f99a1 > .elementor-element > .elementor-element > .elementor-widget-container > nav > ul > li > ul {
	min-width: 300px!important;
}

.menu-title-vertical, .title-vertical {
	    transform: rotate(180deg);
    white-space: nowrap;
    writing-mode: vertical-rl;
    text-orientation: revert;
}

.menu-effect nav ul li a {
	padding-left:10px!important;
	padding-right:10px!important;
	transition: color 0.4s ease-in-out;
	margin-right: 15px; 
	background-size: 200% 100%;
    background-position: right bottom;
	background-color:transparent;
}
.menu-effect nav ul li:hover > a, .menu-effect nav ul li ul li:hover > a {
	
	color:#642A5B!important;
	fill:#642A5B!important;
	transition: all 0.4s ease-in-out;
	background-image: linear-gradient(to left, #642A5B 50%, #FFF 50%);
    background-position: left bottom; 
	padding-left:30px!important;
}
.elementor-208 .elementor-element.elementor-element-ba97136 .elementor-nav-menu--dropdown a:hover {
	color:#ccc;
	text-shadow: 0 1px 0 #333;
}

@media (max-width:767px){ 
	.menu-title-vertical, .title-vertical {
	    transform: rotate(0);
        white-space: nowrap;
        writing-mode: horizontal-tb;
        text-orientation: unset;
	}
	.elementor-208 .elementor-element.elementor-element-87713f5 .sub-menu.elementor-nav-menu--dropdown {
		border-width:0;
	}
}


/* main */
main#content, .elementor-location-single.post {
	margin-top:-72px;
}



/* accordeon menu */
.uc_image_accodion {}

.uc_image_accodion .uc_image_accodion_holder .ue_title {
    writing-mode: initial!important; 
	text-orientation: revert!important;
    transform: rotate(-90deg)!important; /* Rotation initiale anti-horaire */
    transition: transform 0.3s ease-in-out, writing-mode 0.3s ease-in-out, text-orientation 0.3s ease-in-out;
}

.uc_image_accodion .uc_image_accodion_holder.uc_hover .ue_title {
    writing-mode: initial!important;
    text-orientation: revert!important;
    transform: rotate(0deg)!important; /* Rotation horaire à 0 degré */
}

.uc_image_accodion > .uc_content > div {
	filter: grayscale(100%);
}
.uc_image_accodion > .uc_content > div:hover {
	filter: none;
}


#uc_image_accodion_elementor_bc16b5d .uc_content .uc_overlay .uc_overlay_inner div.ue-content {
	display:none;
}
#uc_image_accodion_elementor_bc16b5d .uc_content .uc_hover .uc_overlay .uc_overlay_inner div.ue-content {
	display:block;
}

@media (max-width:767px){ 
	.uc_image_accodion .uc_image_accodion_holder .ue_title, .elementor-8 .elementor-element.elementor-element-bc16b5d .ue_title {
		 writing-mode: initial!important;
		text-orientation: revert!important;
		transform: rotate(0deg)!important;
	}
}



/* before / after */
.before-after .cocoen.before-after-widget .cocoen-label {
    transform: rotate(180deg);
    white-space: nowrap;
    writing-mode: vertical-rl;
text-orientation: revert;
}

.before-after [id^="uc_uc_before_after_elementor_"] {
    overflow:initial!important;
}

.before-after [id^="uc_uc_before_after_elementor_"] .cocoen-label-before-wrapper {
    left:-30px!important;
    top:-50px!important;
}

.before-after [id^="uc_uc_before_after_elementor_"] .cocoen-label-after-wrapper {
    /*right:-70px!important;*/
    top:unset!important;
    bottom:-30px!important;
	width: 50px;
}


.before-after.before-after-carousel [id^="uc_uc_before_after_elementor_"] .cocoen-label-before-wrapper {
    left:-50px!important;
    top:-25px!important;
}

.before-after.before-after-carousel [id^="uc_uc_before_after_elementor_"] .cocoen-label-after-wrapper {
    right:-42px!important;
    top:unset!important;
    bottom:185px!important;
}

@media (max-width:767px){
	.before-after [id^="uc_uc_before_after_elementor_"] .cocoen-label-before-wrapper {
		left:-10px!important;
	}

	.before-after [id^="uc_uc_before_after_elementor_"] .cocoen-label-after-wrapper {
		right:-10px!important;
	}
	.elementor-12 [class*="elementor-element-"] .cocoen-label-after {
		margin-right: 0!important;
	}
}




/* carousel news */
.img-news {
    filter: grayscale(1);
}
.btn-read-it svg {
    font-size:50px;
}

.btn-read-it .elementor-button-icon svg circle {
    transition: fill 0.3s ease-in-out;
}

.btn-read-it .elementor-button:hover .elementor-button-icon svg {
	animation: pulse 0.4s ease-in-out 2;
}

.btn-read-it .elementor-button:hover .elementor-button-icon svg circle:nth-of-type(1) {
    fill: #642A5B40; /* Changez cette couleur à celle que vous souhaitez */
	fill-opacity: 0.5;
	
}

.btn-read-it .elementor-button:hover .elementor-button-icon svg circle:nth-of-type(2) {
    fill: #642A5B80; /* Changez cette couleur à celle que vous souhaitez */
	fill-opacity: 0.5;
	r:10.5;
	
}

.btn-read-it .elementor-button:hover .elementor-button-icon svg circle:nth-of-type(3) {
    fill: #642A5B; /* Changez cette couleur à celle que vous souhaitez */
	r:8.5;
	
}


.elementor-162 .elementor-element.elementor-element-6aafea07 .elementor-swiper-button-prev {
	background-color:#FFF;
	padding: 10px 0 10px 20px;
}
.elementor-162 .elementor-element.elementor-element-6aafea07 .elementor-swiper-button-prev:hover {
	background-color:#642A5B;
}
.elementor-162 .elementor-element.elementor-element-6aafea07 .elementor-swiper-button-prev:hover svg path {
	fill: #FFF;
}

.elementor-162 .elementor-element.elementor-element-6aafea07 .elementor-swiper-button-prev svg path, .elementor-162 .elementor-element.elementor-element-6aafea07 .elementor-swiper-button-next svg path {
	transition: fill 0.3s ease-in-out;
}

.elementor-162 .elementor-element.elementor-element-6aafea07 .elementor-swiper-button-next {
	padding: 10px 20px 10px 0;
}

.elementor-162 .elementor-element.elementor-element-6aafea07 .elementor-swiper-button-next:hover {
	background-color:#FFF;
}
.elementor-162 .elementor-element.elementor-element-6aafea07 .elementor-swiper-button-next:hover svg path {
	fill: #642A5B;
}



.date-news {
    writing-mode: vertical-rl;
text-orientation: revert;
position:absolute;
bottom:10px;
left:-20px;
}

.swiper-backface-hidden .swiper-slide:nth-child(even) .e-con-inner {
	
    flex-direction: column-reverse;
}

.news-title-actu, .news-title-events {
    transform: rotate(180deg);
    white-space: nowrap;
    writing-mode: vertical-rl;
	text-orientation: revert;
}
.news-title-events {
	margin-left:-10px;
}
.news-title-events:before {
	    content: '&';
    position: absolute;
    left: -30px;
    top: -46px;
    font-weight: 200;
    font-size: 100px;
    color: #642A5B;
}

@media (max-width:767px){
	.news-title-actu, .news-title-events {
		transform: none;
		white-space: normal;
		writing-mode: unset;
		text-orientation: unset;
	}
	.news-title-events:before {
    	left: 210px;
    	top: -106px;
	}
}




/* breadcrumb */
.breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.breadcrumb li {
    margin-right: 5px;
	color: #FFF;
	font-family: "Kanit", Sans-serif;
	font-size:14px;
	font-style:italic;
}

.breadcrumb li a {
    text-decoration: none;
	color: #FFF;
}
.breadcrumb li span {
	font-weight:500;
}

.breadcrumb li a:hover {
    text-decoration: underline;
}

.breadcrumb li:after {
    content: '/';
    margin-left: 5px;
}

.breadcrumb li:last-child:after {
    content: '';
}



@media (max-width:767px){
	.small-title:before {
		width:90px;
	}
}







/* accorderon menu home */
.accordion-row {
	  display: flex;
	  width: 100%;
		gap:15px;
	}

	.accordion-column {
	  width: 15%;
	  transition: width 0.5s;
	  position: relative;
	  overflow: hidden;
	  display: flex;
	  justify-content: flex-end;
	  align-items: center;
	  flex-direction: column;
	  filter: grayscale(100%);
		height:80vh;
		background-position: center;
    background-size: cover;
		padding-bottom:30px;
		border-radius: 10px 10px 10px 10px;
	}

	.accordion-column.active, .accordion-column:hover {
	  width: 55%;
	  filter: none;
	}

	.accordion-column::after {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: rgba(0,0,0,0.5);
	  opacity: 0;
	  transition: opacity 0.5s;
	}

	.accordion-column.active::after, .accordion-column:hover::after {
	  opacity: 0.5;
	}

	.accordion-title {
	  writing-mode: vertical-rl;
	  transform: rotate(180deg);
	  transition: transform 0.5s;
		color: #ffffff;
		font-family: "Kanit", Sans-serif;
		font-size: 70px;
		font-weight: 600;
		text-transform: uppercase;
		    z-index: 10;
	}

	.accordion-column.active .accordion-title, .accordion-column:hover .accordion-title {
	  transform: rotate(270deg);
	}

	.accordion-menu {
		opacity: 0; /* Rendre l'élément invisible initialement */
		transition: opacity 1s ease-in-out; /* Appliquer la transition sur l'opacité */
		text-align: left;
		z-index: 10;
		height:0;
		pointer-events: none; /* Désactiver les interactions lorsque l'élément est invisible */
		width: 60%;
	}

	.accordion-column.active .accordion-menu, 
	.accordion-column:hover .accordion-menu {
		opacity: 1; /* Rendre l'élément visible */
		pointer-events: auto; /* Réactiver les interactions */
		height:auto;
	}


.accordion-menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.accordion-menu ul li {
	list-style-type:none;
	padding:0;
	margin:0;
} 
.accordion-menu ul li a {
	color: #FFFFFF;
	padding-top: 8px;
    padding-bottom: 8px;
	font-family: "Kanit", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
	position: relative;
    display: block;
	padding-left:10px!important;
	padding-right:10px!important;
	transition: color 0.4s ease-in-out;
	margin-right: 15px; 
	background-size: 200% 100%;
    background-position: right bottom;
	background-color:transparent;
}


.accordion-menu ul li:hover > a, .accordion-menu ul li ul li:hover > a {
	
	color:#642A5B!important;
	fill:#642A5B!important;
	transition: all 0.4s ease-in-out;
	background-image: linear-gradient(to left, #642A5B 50%, #FFF 50%);
    background-position: left bottom; 
	padding-left:30px!important;
}



/* formulaire */
#menu-maaform {
    display:none;
}
#menu-maaform .row {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
#menu-maaform .row .column {
	margin:0 5px;
	width: 100%;
}
#menu-maaform .row .column label {
	color: #FFF;
    font-style: italic;
    font-family: "Kanit", Sans-serif;
}
#menu-maaform .row .column input, #menu-maaform .row .column select {
	color: #333;
    font-weight: 400;
	font-style: normal;
    font-family: "Kanit", Sans-serif;
}
#menu-maaform .row .column textarea {
	color: #333;
    font-weight: 400;
	font-style: normal;
    font-family: "Kanit", Sans-serif;
	height:80px;
}
#menu-maaform .row .column input.wpcf7-submit {
	background-color:#FFF;
	border:1px solid #FFF;
	color:#111;
	padding:10px 30px; 
}
#menu-maaform .wpcf7 form.invalid .wpcf7-response-output {
	background-color:#EEE; 
}


#menu-maaform .wpcf7 .send {
	margin-top:30px;
}


.form-appointment .row {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.form-appointment .row .column {
	margin:0 5px;
	width: 100%;
}
.form-appointment input.wpcf7-submit {
	background-color:#642A5B;
	border:1px solid #642A5B;
	color:#FFF;
	padding:10px 30px; 
}

.page-id-2472 .form-appointment .row {
    margin-bottom:5px;
}

.page-id-2472 .form-appointment label {
    width:100%;
}
.page-id-2472 .form-appointment label strong {
    color:#642A5B;
    margin-bottom:4px;
    font-weight:500;
    font-family: "Kanit", Sans-serif;
}
.page-id-2472 .form-appointment input, .page-id-2472 .form-appointment textarea, .page-id-2472 .form-appointment select {
    width:100%;
    font-family: "Kanit", Sans-serif;
}

@media (max-width:767px){ 
	.bloc-menu-maa {
		background-color:#642A5B;
	}
}

