/*--------------------------------------*\
	Base
\*--------------------------------------*/
@import url('https://fonts.google.com/share?selection.family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700');

@import url('https://fonts.google.com/share?selection.family=Karla:ital,wght@0,200..800;1,200..800');

.container {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

[class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.col-12 {
    width: 100%;
}

.col-3 {
    width: 33.33333333%;
}

.col-6 {
    width: 66.66666666%;
}

.container-right, .container-left  {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
}

.add-right-top::before {
    content: "";
    position: absolute;
    background-color: #fff;
    top: -50px;
    right: 0;
    left: auto;
    height: 50px;
    z-index: 10;
    width: 50%;
}

.add-right-bottom::after {
    content: "";
    position: absolute;
    background-color: #fff;
    bottom:  -50px;
    
    left:  auto;
    right: 0;
    
    height: 50px;
    z-index: 10;
    width: 50%;
}

.green-icon-arrow .st0 {
    fill: #0e3d33 !important;
}

.black-icon-arrow .st0 {
    fill: #212529 !important;
}


.white-icon-arrow .st0 {
    fill: #fff !important;
}

/*--------------------------------------*\
	Header
\*--------------------------------------*/

.hfe-nav-menu__layout-horizontal {
    width: 100% !important;
}

.text-slider {
    border-left:3px solid #fff ;
}


/*--------------------------------------*\
	Play button
\*--------------------------------------*/

/* .play-button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f0f0f0;
} */

.circular-widget {
    position: relative;
    width: 250px;
    height: 250px;
    cursor: pointer;
}

/* Animation de rotation du texte */
.rotating-text {
    animation: rotate 10s linear infinite;
    transform-origin: center;
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Style du triangle au centre */
.play-icon {
    position: absolute;
    top: 50%;
    left: 55%; /* Légèrement décalé pour l'équilibre optique */
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 35px solid rgb(255, 255, 255);
}

.circular-widget:hover .rotating-text {
    animation-play-state: paused; /* S'arrête au survol */
}

.circular-widget text {
    /* color: #fff; */
    fill: white !important;
    letter-spacing: 4px !important;
    font-size: 8px !important;
}

/*--------------------------------------*\
	News eve
\*--------------------------------------*/
.date-title-news-eve {
    display: flex;
    flex-wrap: nowrap ;
    width: 100%;
    vertical-align: top;
    margin-top: 20px;
}

.date-news-eve {
    padding-right: 30px;
    white-space: nowrap;
    text-transform: capitalize ;
    font-family: "Karla", sans-serif;
    color: #fff;
}

.date-news-eve time {
    background-color: #0e3d33;
    padding: 5px 10px;
    display: block;
}

.title-news-eve {
    width: 100%;
    font-family: "Cormorant Garamond", sans-serif;
    color: #212529;
}
.news-eve {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
@media(max-width:767px)
{
	.news-eve {
    grid-template-columns: repeat(2, 1fr);
}
}

@media(max-width:600px)
{
	.news-eve {
    grid-template-columns: repeat(1, 1fr);

}
	
	.action-content {
    gap: 25px;
}
}
/*--------------------------------------*\
	Home page
\*--------------------------------------*/
.action-content {
    display: flex;
    gap: 50px;
    align-items: center;
}

.img-action img {
    width: 100%;
    height: auto;
    display: block;
}
.img-news-eve img {
    width: 100%;
    height: 250px;
    display: block;
	object-fit:cover;
	object-position:center;
}

.img-news-eve a, .img-action a {
    display: block;
}

.title-action {
    width: 100%;
}

.title-action {
    font-family: "Cormorant Garamond", sans-serif;
    color: #212529;
}

.img-action a {
    width: 140px !important;
}

.action-content:first-child {
    margin-bottom: 60px;
}
body, html {
    overflow-x: hidden !important;
}