/*********** Font **************/

body {
    font-family: 'Exo', serif;
}

/************ top bar **********/
#topbar .announcement_bar_style_2 {
    background: none !important;
}

#topbar {
    /*background: #B7C0CA none !important; opacity: 1 !important;	border: none !important; line-height: 40px !important*/
    display: none;
}

#topbar_menu li {
    background-color: #669cae;
    margin: 0 0 0 0.5px;
    padding: 0 10px;
}

/************ header **********/
header#aeron_header {
    background: rgba(0, 0, 0, 0) none !important;
    border: none !important;
    position: fixed !important;
}

header#aeron_header.with_topbar {
    height: 0px !important;
}

.home #hd {
    position: -webkit-sticky;
    /* Pour Safari */
    position: sticky;
    top: 0;
    background-color: transparent;
    transition: background-color 0.3s ease;
    padding: 10px;
    height: 104px !important;
    margin: 0 auto !important;
}

.scroll-active {
    background-color: #082429 !important;
}

.single #hd {
    background-color: #ffffff !important
}

.page-template-default #hd {
    background-color: #ffffff !important
}

.page-template-page-fullwidth #hd {
    background-color: #ffffff !important
}

.archive #hd {
    background-color: #ffffff !important
}

.page-template-page-no-container #hd {
    background-color: #ffffff !important
}

.title_bar {
    background-image: none !important;
}

.dashicons {
    color: black;
    background-color: white;
}

#ABdev_sticky_header_content {
    background: transparent !important;
}

/****** séparateur du header *********/
#hrline .tcvpb_divider {
    border-top-color: transparent;
}

#hrline {
    position: static;
    width: 1170px;
    margin: -40px auto 0px;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
}

#top-section {
    min-height: 860px;
    position: relative;
    z-index: 1;
}

#texte-header {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-585px);
    /* Même décalage que le bouton */
    background-color: transparent;
    color: #fff;
}

#texe-header .tcvpb-callout_box_title {
    font-family: roboto slab;
     !important
}

/***********bouton about us ********/
.tcvpb-button_small {
    margin: 15px 0px 0px 0px;
    font-size: 16px !important;
    padding: 5px 11px;
    font-family: heebo;
    font-weight: 400;
}

.tcvpb-button_white:hover {
    color: white !important;
    background-color: black !important;
    transition: 0.5s;
    z-index: 4;
}

/* Assure l'interactivité complète */
.button-about,
.button-about * {
    pointer-events: auto !important;
}

.button-about {
    display: inline-block;
    /* Assure un dimensionnement précis */
    position: absolute;
    /* Positionnement absolu */
    top: 250px;
    left: 50%;
    transform: translate(-585px, 0);
    /* Conserve le décalage horizontal */
    z-index: 3;
    /* Garantit la visibilité */
    height: 34px;
    /* Correspond à la hauteur mentionnée */
    width: auto;
    /* Adapte la largeur au contenu */
    display: inline-block;
    cursor: pointer;
    /* Indique clairement la zone cliquable */
}

/* Assure la zone de clic complète */
.button-about::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    z-index: 5;
}

/*desactive la position relative qui gene le clic sur le bouton aout-us */
#what-we-do.tcvpb_section_tc {
    position: static;
    margin-top: -620px;
    padding-top: 50px;
}

/************ menu **********/
#magic-line {
    z-index: 999999 !important;
    bottom: -40px;
    border-bottom: 20px solid #cee6e6;
    border-left: 40px inset rgba(255, 255, 255, 0);
    border-right: 40px inset rgba(255, 255, 255, 0);
}

nav {
    padding-top: 1px;
    margin-left: -210px !important;
}

nav > ul {
    left: 150px;
}

nav > ul > li > a {
    padding: 0 6px
}

nav > ul ul {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    padding-top: 20px;
}

nav > ul ul a {
    color: #ffffff !important;
}

.home nav > ul > li > a {
    color: #ffffff !important;
}

/* Menu d’une autre couleur sur les pages internes */
.title_bar {
    background-color: #ffffff !important;
}

body:not(.home) .menu-item-depth-0 > a > span {
    color: #004F59;
}

.page-template:not(.home) nav > ul > li > a,
    {
    color: #004F59 !important;
}

.single-post .menu-item-depth-0 > a > span {
    color: #004F59 !important;
}

.page-template-page-front-page .menu-item i._mi {
    color: black !important;
    background-color: white !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    /* Facultatif si tu veux des bords légèrement arrondis */
}


nav > ul ul ul {
    margin-left: 0 !important;
    background-color: #ffffff !important;
}

.menu-depth-2 > .menu-item-depth-2:hover {
    background-color: #E8E8E8 !important;
}

.menu-depth-2 > .menu-item-depth-2:hover:after {
    border-left-color: #E8E8E8 !important;
    z-index: 999999 !important;
}

.menu-depth-3 > .menu-item-depth-3:hover a {
    color: #FFFFFF !important;
}

/**/
.sous-menu > ul {
    background-color: #004F60;
}

.sous-menu > ul li:hover {
    background-color: #64a0a0b5;
}

.sous-menu > ul li:hover:after {
    border-left-color: #00758a !important;
    z-index: 999999 !important;
}

.sous-menu > ul ul a {
    color: rgba(255, 255, 255, 0.05) !important;
}

nav > ul > li > a {
    margin: 0 0px;
}

#nav-menu-item-6946 {
    margin-left: 2em;
    margin-right: 2px
}

#nav-menu-item-6947 {
    margin-right: 2px
}

#nav-menu-item-6947 {}

:not(.home) .menu-item i._mi {
    width: 28px;
    height: 28px;
    border-radius: 2px;
    padding: 2px;
    gap: 10px;
    color: #D38028;
}

.error404 nav ul li a,
.error404 nav ul li a span {
    color: #ffffff !important;
}

/************* image sous breadcrumb *****************/
.fullscreen {
    width: 100% !important;
    object-fit: cover !important;
}

/************ slider **********/
.tparrows {
    background-color: #F8FAFF !important;
    width: 42px;
    height: 42px;
}

.tp-leftarrow.tparrows:before {
    font-family: "ionicon";
    content: '\f2ca' !important;
    color: #141313 !important
        /* ci_icon-chevron-left */
}

.tp-rightarrow.tparrows:before {
    font-family: "ionicon";
    content: '\f30f' !important;
    color: #141313 !important
        /* ci_icon-chevron-right */
}

*/

/*.ms-skin-metro .ms-nav-next, .ms-skin-metro .ms-nav-prev {margin-top: -11em !important;}
.ms-skin-metro .ms-bullets.ms-dir-h {bottom: 20.5em !important;}*/
.ms-skin-metro .ms-nav-prev:before {
    font-family: "ionicon";
    content: '\f107' !important;
    font-size: 20px !important;
    display: block;
    line-height: 40px;
    text-align: center;
}

.ms-skin-metro .ms-nav-next:before {
    font-family: "ionicon";
    content: '\f10a' !important;
    font-size: 20px !important;
    display: block;
    line-height: 40px;
    text-align: center;
}

.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
    background: #d0d0d0 !important;
    border-radius: 20px;
    width: 40px !important;
    height: 40px !important;
}

.ms-skin-metro .ms-nav-next:hover,
.ms-skin-metro .ms-nav-prev:hover {
    background: #093d71 !important;
}

.blocimghead {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding-right: 2.5em;
}

.blocimghead img {
    padding: 0px 0px !important;
    margin: 0px 0px 0px 16px !important;
}

.textblochead {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-size: 32px;
    margin: 32px 16px;
    line-height: 40px;
}

/**************button ***************/
.tcvpb-button_white i {
    color: black !important;
}

.tcvpb-button_white:hover i:before {
    color: white !important;
}

.btnpopup {
    align-self: center !important;
    /* Centre le bouton dans un conteneur flex */
    display: inline-block !important;
    width: auto !important;
    max-width: 200px;
    padding: 10px 20px;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    /* Centre horizontalement si le parent est en display: block */
}

/************** titres section accueil our areas ************/
.tcvpb_container h3 {
    margin: 0;
    /* Supprime les marges par défaut */
    text-align: left;
    flex: 1 1 100%;
    /* Force le h3 à prendre toute la largeur disponible */
}

/************* Our areas of collaboration *************/

/* Container principal */
.ourbox {
    flex: 1;
    min-width: 18%;
    box-sizing: border-box;
    min-height: 258px !important;
    position: relative;
    padding: 20px;
    background-color: rgb(12, 59, 65);
    border-radius: 8px;
    transition: background-color 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
}

.ourbox:hover {
    background-color: #335357 !important;
}

/* Icône principale (cercle coloré) alignée à gauche */
.our {
    display: flex;
    justify-content: center;
    /* Centre uniquement l'image dans le cercle */
    align-items: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin-right: auto;
    /* Aligne le cercle à gauche */
}

/* Couleurs spécifiques à chaque cercle */
#our1 {
    background-color: #BF6366;
}

#our2 {
    background-color: #F1B828;
}

#our3 {
    background-color: #8C9DB8;
}

#our4 {
    background-color: #93B479;
}

#our5 {
    background-color: #8B7F79;
}

/* Style des images à l'intérieur du cercle */
.our img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
    /* Assure que l'image s'adapte bien au cercle */
}

/* Titre du bloc */
#ourareas h4,
#ourareas .p_tc {
    color: white;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    margin: 1em 0;
    text-align: left;
    /* Garde le texte aligné à gauche */
    min-height: 56px;
    /* Prend en compte deux lignes de texte */
}

/* Conteneur de la flèche justifié à droite en bas */
.ourarrow {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #335357;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Masquer l'image inutile */
.ourarrow img {
    display: none;
}

/* Pseudo-élément pour afficher la flèche */
.ourarrow::after {
    content: '➔';
    /* Flèche Unicode */
    font-size: 1.5rem;
    color: white;
    transition: color 0.3s ease;
}

/* Effet de survol */
.ourarrow:hover {
    background-color: white;
}

.ourarrow:hover::after {
    color: #335357;
}

/* Rendre toute la zone cliquable */
.ourarrow a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
}

#ourareas h3,
#latestnews h3,
#partners-carousel h3 {
    font-size: 34px;
    text-align: start !important;
    margin: 1.5em 0em 1em 0em;
    color: #004F59;
}

#ourareas h3 {
    font-size: 34px;
    text-align: start;
    color: #ffffff;
    padding-top: 30px
}

#what-we-do h3 {
    font-size: 28px;
    text-align: start;
    margin-top: 2em;
    padding-bottom: 1em
}

#latestnews h3 {
    color: #004F59;
    padding-left: 48px;
	margin-bottom: 15px;
}

#ourareas {
    height: 456px;
}

#what-we-do {
    margin-top: -620px;
    padding-bottom: 620px;
}

/************ body **********/
.home {
    color: #ffffff !important;
}

/*.tcvpb_section_tc h3 {color: #ffffff !important;}*/
.tcvpb-callout_box p {
    font-family: "heebo", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 70px auto 0px;
    font-size: 48px !important;
    margin-bottom: 0;
    line-height: 58px;
    width: 1170px;
}

.tcvpb-callout_box {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

/*.tcvpb-callout_box .tcvpb-callout_box_title {margin-bottom: 20px; font-size: 70px; font-weight: 300!important; font-family : Roboto Slab ;}*/
#callout-title1,
#callout-title2,
#callout-title3,
#callout-title4 {
    background: none !important;
}

#callout-title1 .tcvpb-callout_box_title,
#callout-title2 .tcvpb-callout_box_title,
#callout-title3 .tcvpb-callout_box_title {
    color: #ffffff !important;
     !important;
    font-size: 32px !important;
    margin-bottom: 0px !important
}

/************** whyeumetnet ***************/
.bgblocwhite {
    height: 145.45px;
}

#whyeumetnet {
    margin-top: -500px;
}

#whyeumetnet .tcvpb_container h3 {
    text-align: left !important;
    margin-left: 1em;
}

#callout-title4 .tcvpb-callout_box_title {
    color: #989898 !important;
    font-size: 32px !important;
}

#our-programmes,
#what-we-do,
#our-links {
    padding: 50px 0 10px;
}

#our-programmes a,
#what-we-do a,
#our-links a {
    color: #FFFFFF !important;
    font-size: 32px;
    font-family: 'Heebo';
}

#our-links .tcvpb-image {
    background-color: #537997 !important;
    border-radius: 50% !important;
}

#our-links .textbox {
    position: relative;
    top: -1em;
}

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

.leading_line_text span p,

/* style dans popup également */


.pum-title.popmake-title,
h2.post_excerpt,
.textpopup .tcvpb_container h3 {
    color: #004F59 !important;
    font-family: Heebo;
    font-weight: 600;
    font-size: 24px;
    line-height: 35.25px;
}

.leading_line::after,
.leading_line_bottom::after,
.textpopup .tcvpb_container h3::after {
    position: relative;
	bottom: 15px;
    background: #C97F3A;
}

.pum-title.popmake-title {
    position: relative;
    /* Nécessaire pour le positionnement du pseudo-élément */
}

.textpopup {
    margin: 20px;
}

.textpopup header {
    padding-bottom: 20px;
}

.post_excerpt {
    position: relative;
    display: inline-block;
    /* Pour ajuster la longueur du soulignement au texte */
    font-size: 24px;
    margin-bottom: 20px;
}

.textpopup .tcvpb_container h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 70px;
    height: 2px;
    /* Épaisseur du soulignement */
    background-color: #C97F3A;
    align-content
}

.post_excerpt::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px !important;
    /* Ajuste la distance entre le texte et le soulignement */
    width: 70px;
    height: 2px;
    /* Épaisseur du soulignement */
    background-color: #C97F3A;
    align-content
}

.pum-title.popmake-title::after,
    {
    content: "";
    position: absolute;
    width: 70px;
    /* ou la largeur souhaitée */
    height: 2px;
    /* ou la hauteur souhaitée */
    left: 0;
    bottom: 15px !important;
    background: #C97F3A;
}

.amdar-accordion {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.amdar-accordion h3 {
    color: #1E6D81 !important;
    margin-bottom: 0 !important;
}

.tcvpb-accordion .ui-accordion-header {
    padding: 20px 0 4px 40px !important;
}

.dark h3 {
    color: #898989 !important;
}


/**********image focus ***********/
.desktop-only {
    display: block !important;
}

.mobile-only {
    display: none !important;
}

/************ Latest news **************/
.news-meta-row {margin-top:15px;}
#laptop-news,
#laptop-news1,
#laptop-news2-3 {
    display: none !important;
}
.mobile-viewall {
    display: none;
}

#latestnews {
    margin: 0px 0px;
    padding: 0px 55px;
    height: 825px
}

#news1 img {
    width: 661px;
    height: 441px;
}

#news3 img {
    width: 306px;
    height: 211px !important;
}

#latestnews img {
    border-radius: 4px;
    width: 95%
}

#news2 {
    margin-top: 108px;
    height: 602px
}

#news1,
#news3 {
    height: 602px
}

#news2,
#news3 {
    position: relative;
}

.tcvpb_read_more_button {
    position: absolute;
    bottom: 0
}
/* Aligner les boutons Read More dans la section Latest News */
#latestnews .tcvpb_latest_news_shortcode_content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#latestnews .tcvpb_latest_news_shortcode_content h5 {
    margin-bottom: 20px; /* espace entre titre et bouton */
}

#latestnews .tcvpb_latest_news_shortcode_content .tcvpb_read_more_button {
    position: relative;  /* annule le absolute existant */
    margin-top: auto;    /* pousse en bas */
}
/* Harmoniser la hauteur des blocs de news */
#latestnews .news-post {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* occupe toute la hauteur de la colonne */
}

/* Le contenu interne prend la place restante */
#latestnews .tcvpb_latest_news_shortcode_content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Marge sous le titre */
#latestnews .tcvpb_latest_news_shortcode_content h5 {
    margin-bottom: 20px;
}

/* Bouton aligné en bas */
#latestnews .tcvpb_read_more_button {
    position: relative; /* plus en absolute */
    margin-top: auto;
    align-self: flex-start; /* garde le bouton aligné proprement */
}
/* Harmonisation des colonnes Latest News */
#latestnews #news1,
#latestnews #news2,
#latestnews #news3 {
    margin-top: 0 !important;   /* supprime le décalage de #news2 */
   /* height: 602px !important;    hauteur identique pour tous */
    display: flex;
    flex-direction: column;
}

/* Contenu étirable */
#latestnews .tcvpb_latest_news_shortcode_content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Bouton aligné en bas */
#latestnews .tcvpb_read_more_button {
    margin-top: auto;
    position: relative;
}
/* Section Latest News */
#latestnews .colnewssection {
    display: flex;
    flex-direction: column;
}

/* News2 descend comme les autres */
#latestnews #news2 {
    margin-top: 108px !important; /* ajuste si besoin */
}

/* Bloc news occupe toute la colonne */
#latestnews .news-post {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Contenu pousse le bouton en bas */
#latestnews .tcvpb_latest_news_shortcode_content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Marge sous le titre */
#latestnews .tcvpb_latest_news_shortcode_content h5 {
    margin-bottom: 20px;
}

/* Bouton aligné en bas */
#latestnews .tcvpb_read_more_button {
    margin-top: auto;
    position: relative;
}


#news1,
#news2 {
    border-right: 1px;
    border-style: solid;
    border-color: #8c9db8;
}

.colnewssection {
    padding: 0 20px 0 0;
}

#colnew2 {
    margin: 0px 0px !important;
}

#colnew3 {
    margin: 44px 0 0 0 !important;
}

#viewall p {
    color: #0E1012;
    font-family: 'Heebo';
    font-weight;
    400;
    font-size: 18px;
    text-align: right;
}

#viewall a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background-color: #8C9DB8;
    transition: background 0.3s, color 0.3s;
    margin-left: 15px;
}

.tcvpb_latest_news_shortcode_content {
    padding-left: 0
}

.tcvpb_posts_shortcode .tcvpb_latest_news_shortcode_thumb {
    display: contents;
}

.category {
    display: inline-block;
    margin-right: 10px
}

.categorynews {
    display: inline-block;
    height: 25px;
    font-family: 'Heebo';
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    border-radius: 18px;
    padding: 2px 8px
}

.categorynews {
    background-color: #0E1012
}

.categorynews a {
    color: #ffffff;
    font-family: 'Heebo';
    font-weight: 400;
    font-size: 12px;
    line-height: 17.63px;
    letter-spacing: 0%;
}

.month .year .day {
    display: inline;
}

#datenews {
    background-color: #ffffff;
    display: inline-block;
    height: 25px;
    font-family: 'Heebo';
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    border-radius: 18px;
    padding: 2px 8px
}

.tcvpb_latest_news_shortcode_content h5 {
    color: #0E1012;
    font-family: 'Heebo';
    font-weight: 400;
    font-size: 24px;
    line-height: 35.25px;
    margin-bottom: 15px;
}
/************ blog news *****************/
/* Masquer tous les excerpts dans les news */
.layer-content .element.excerpt {
    display: none!important;
}
/*********** fléche read more ****************/
.tcvpb_read_more_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background-color: #8C9DB8;
    /* Couleur de fond */
    /*border-radius: 4px;  Coins légèrement arrondis */
    text-decoration: none;
    transition: background 0.3s, color 0.3s;
}

.tcvpb_read_more_button::after {
    content: '\2192';
    /* Flèche droite → */
    font-size: 20px;
    color: white;
    transition: color 0.3s;
}

.tcvpb_read_more_button:hover {
    background-color: white;
    /* Fond blanc au survol */
    /*border: 2px solid #8C9DB8;  Bordure de la couleur de base */
}

.tcvpb_read_more_button:hover::after {
    color: #0C3B41;
    /* Changement de couleur de la flèche */
}

/************ bouton view all ***********/
/* Style du lien */
.link-viewal a {
    text-decoration: none;
    color: #0E1012;
}

/* Conteneur principal */
.link-viewal {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    /* Espacement entre le texte et la flèche */
    position: relative;
    padding-bottom: 20px;
}

/* Style du texte */
.link-viewal .p_tc {
    margin: 0;
    /* Supprime les marges par défaut */
    line-height: 1;
    /* Ajuste la hauteur de ligne pour un bon centrage */
    display: flex;
    align-items: center;
    /* Centre le texte verticalement */
}

/* Ajout du carré avec la flèche */
.link-viewal::after {
    content: '\2192';
    /* Flèche droite → */
    font-size: 20px;
    color: white;
    /* Flèche blanche */
    width: 42px;
    height: 42px;
    background-color: #8C9DB8;
    /* Fond du carré */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, color 0.3s;
}

/* Effet au survol */
a:hover .link-viewal::after {
    background-color: white;
    color: #335357;
    /* Changement de couleur de la flèche */
}



/************ services box *************/
.bloctrois {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    /* Force les colonnes à occuper le même espace */
    min-height: 500px !important;
}

/* S'assurer que le bloc image + texte prend tout l’espace disponible */
.bloctroisimg {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Permet au texte de prendre l’espace restant et pousse le bouton en bas */
.bloctroisimg p {
    flex-grow: 1;
}

/* Placer le bouton en bas de la colonne */
.buttonbloc {
    margin-top: auto;
    /* Repousse le bouton vers le bas */
    align-self: center;
    /* Centre le bouton */
}

/* Assurer que les colonnes prennent toute la hauteur disponible */
.troiscolonnes .tcvpb_container {
    display: flex;
    align-items: stretch;
    /* Assure que toutes les colonnes ont la même hauteur */
    padding-bottom: 20px;
}

.troiscolonnes .tcvpb_column_tc_span4 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    /* Assure une hauteur uniforme */
    flex-grow: 1;
    /* Permet de remplir l'espace uniformément */
}

/* Changement de couleur pour les paragraphes avec classe p_tc dans les div avec classe tcvpb_service_box_header */
.tcvpb_service_box p {
    color: #004f59 !important;
}

.tcvpb_container {
    display: flex;
    justify-content: space-between;
    /* Espace équitablement les colonnes */
}

.tcvpb_service_box {
    margin-bottom: 0;
}

.tcvpb_service_box .tcvpb_icon_boxed {
    background: none !important;
    top: -15% !important;
    text-align: left !important;
    margin-bottom: 0 !important;
    height: auto !important;
    width: auto !important;
}

.tcvpb_service_box .tcvpb_icon_boxed i {
    line-height: 25px;
}

/*.observation .tcvpb_service_box .tcvpb_icon_boxed img{width: 4em !important;}*/
.observation em {
    position: relative !important;
    top: -1.5em !important;
}

.tcvpb_service_box .tcvpb_icon_boxed img {
    width: auto !important;
    border: 2px solid #1e6d81 !important;
    border-radius: 5px !important;
    max-height: 250px;
    min-height: 250px
}

.tcvpb_service_box:hover .tcvpb_icon_boxed i {
    color: #CEE6E6 !important;
}

.tcvpb_service_box.tcvpb_service_box_square_aside {
    padding-left: 66px;
}

.tcvpb_service_box .tcvpb_icon_boxed::after {
    border: none !important;
}

#current-activities,
#secretariat,
.message-form {
    padding: 10px 0 !important;
}

.post_content .post_main {
    padding-left: 0 !important;
}

.ecwd_calendar_container .events a span {
    color: #FFFFFF !important;
    font-weight: bold !important;
}

.captcha-eumetnet {
    margin-bottom: 50px;
}

.tcvpb_container table {
    border-collapse: collapse;
}

.tcvpb_container td {
    border: 1px solid #ededed !important;
    padding: 0 8px !important;
}

.tcvpb_container h3 {
    color: #fff;
    font-size: 28px;
    font-family: Exo;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 15px;
}

#callout-title4 header .tcvpb_container h3 {
    color: #989898 !important;
}

.tcvpb_column_tc_span4 {
    display: flex !important;
}

/************Focus of the month *************/
#focus {
    padding: 80px 0px
}

#focus h3 h4 p a {
    text-align: start;
}

#focus p {
    font-family: 'Exo'
}

#focus h3 {
    color: #004F59;
    line-height: 45.19px;
    margin-top: 1em
}

#focus h4 {
    color: #141313;
    line-height: 31.9px;
}

#button-focus {
    background-color: #EFF1F3;
    border-radius: 8px;
    display: block;
    width: 211px;
    height: 38px;
}

#button-focus p {
    color: #000000;
    text-align: center;
    line-height: 38px;
    font-weight: 500;
    font-size: 18px;
    font-family: 'Heebo'
}

.focustext {
    margin: 1.5em 0px;
}

.focustext p {
    color: #141313;
    font-weight: 400;
    font-size: 16px;
    line-height: 23.5px;
    font-family: 'Heebo' !important;
}

.focustext p a {
    text-decoration: underline;
}

/************ team page **********/
.tcvpb_team_member .tcvpb_overlayed img {
    width: 6.5em !important;
}

.tcvpb_team_member .tcvpb_overlayed {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 6.5em !important;
}

.secretariat p:nth-child(3) {
    display: none !important;
}

.bottomcontent {
    padding-bottom: 20px;
}

/************ activities **********/
.acti-large {
    position: relative;
}

.text-activities {
    padding-left: 7em;
    color: #ffffff;
    position: relative;
    z-index: 101;
    text-shadow: -0.05em -0.02em 0.1em #212020;
}

.text-double-activities {
    padding-left: 30em;
    color: #ffffff;
    position: relative;
    z-index: 101;
    text-shadow: -0.05em -0.02em 0.1em #212020;
}

.overtext {
    background-color: rgba(93, 146, 187, 0.5);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    transition: all 0.2s ease-in 0s;
}

.mozaic .leading_line::after,
.leading_line_bottom::after {
    background: #FFFFFF;
    bottom: -10px !important;
}

.tcvpb_column_tc_span12 ul {
    margin-bottom: 20px;
}

.tcvpb_container .ABt_testimonials_slide .testimonial_big {
    margin-bottom: 40px;
}

/************ sidebar **********/
.ecwd_calendar.ecwd-widget-mini {
    max-width: 100% !important;
}

.ecwd_calendar.ecwd-widget-mini a {
    color: #585858 !important;
}

.ecwd_calendar_view_dropdown {
    display: none !important;
}

#ecwd_widget-3 table.cal_blue.mini {
    line-height: 8em;
}

.tp-thumbs.tp-span-wrapper.outer-bottom.gyges {
    padding: 25px 0px 0px 0px !important;
}

#ecwd_widget-7 .sidebar-widget-heading {
    text-align: center !important;
}

#text-6 .sidebar-widget-heading {
    text-align: center !important;
}

.post-grid .grid-nav-top .nav-search .search {
    height: auto !important;
}

.event-title a {
    color: #6D9FB5 !important;
    font-weight: bold !important;
}

#ecwd_widget-7 {
    margin-top: 100px !important;
}

/************ related page **********/
.page-id-346 .yarpp-related,
.page-id-465 .yarpp-related,
.page-id-475 .yarpp-related,
.page-id-426 .yarpp-related,
.page-id-339 .yarpp-related,
.page-id-466 .yarpp-related,
.page-id-1382 .yarpp-related {
    display: none !important;
}

.yarpp-related {
    background-color: #6D9FB5;
    padding: 3em 0;
    text-align: center !important;
    margin: 0 !important;
}

.yarpp-thumbnail {
    border: none !important;
    width: 16em !important;
    margin: 0 auto !important;
}

.yarpp-thumbnail-title {
    text-transform: uppercase;
    font-weight: bold !important;
    font-size: 1.15em !important;
    color: #FFF;
    width: auto !important;
    margin: 0 !important;
}

.yarpp-thumbnail > img,
.yarpp-thumbnail-default {
    width: auto !important;
}

.yarpp-thumbnail > img {
    margin-left: auto !important;
    margin-right: auto !important;
}

/************ events **********/
.event_cageory_and_tags {
    display: none !important;
}

#ecwd-events-content {
    margin: 4em auto 50px !important;
}

#ecwd_back_link {
    display: none !important;
}

/***** loupe *****/
.post-grid .post-grid-search .search-icon {

    top: 12% !important;
    transform: translatey(0%) !important;
}

/************ post-grid **********/
.post-grid .pagination .page-numbers {
    background: #168FB5 none repeat scroll 0 0 !important;
    color: #fff !important;
    padding: 3px 10px !important;
    font-size: 14px !important;
}

.post-grid .pagination .page-numbers:hover {
    opacity: 0.6 !important;
}

.post-grid .item .layer-media {
    max-height: 200px;
}

.post-grid .item .layer-media img {
    display: inline-block !important;
    place-items: center;
    height: 200px !important;
    width: auto !important;
}

/************ meter **********/
.tcvpb_section_tc.meter {
    margin: 0 !important;
    padding: 0 !important;
}

#meter .tcvpb_meter {
    margin-bottom: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#meter .tcvpb_meter_percentage {
    border-radius: 5px 0px 0px 5px !important;
}

#meter .tcvpb_meter {
    border-radius: 0px 5px 5px 0 !important;
}

#meter .tcvpb_progress_bar {
    border-radius: 5px !important;
}

/************ partners **********/
#partners-carousel {
    padding: 15px 0 !important;
}

#governanceimg {
    min-width: 350px !important;
}

#governanceimg.tcvpb-image a img {
    max-width: 350px !important;
}


/************ 404 **********/
#page404 p,
#page404 h2,
#page404 ul {
    text-align: left !important;
}

#page404 {
    margin-top: -2.5em !important;
    margin-bottom: -2.5em !important;
}

.error-404 {
    background-image: url("https://www.eumetnet.eu/wp-content/uploads/2025/03/top-BG-1.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 40em !important;
    visibility: visible !important;
}

#page404 .tcvpb_section_content {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

#page404 .leading_line::after,
.leading_line_bottom::after {
    bottom: -10px !important;
}

/************ search page **********/
#search-2 input,
#search-3 input,
#search-5 input,
#search-6 input,
.bsearchform input {
    border-radius: 5px;
    background: rgb(255, 255, 255) url("https://www.eumetnet.eu/wp-content/themes/aeron-child/images/search.png") no-repeat scroll 4px 6px;
    border: 1px solid #ddd;
    padding-left: 35px;
    vertical-align: top;
    line-height: 20px !important;
}

.search-block {
    background: #fdfdfd;
    box-shadow: 0 -2px 0 rgba(221, 221, 221, 0.7) inset;
    border: 1px solid #ddd;
    padding: 10px 25px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.title-result {
    padding: 0 0 20px;
}

.title-result .title_highlight {
    color: #1e6d81;
    font-family: Ubuntu;
    font-size: 19px;
    font-weight: 700;
    line-height: 19px;
}

.content-result {
    padding: 0 0 10px;
}

.search-highlight {
    background: #3399FF none repeat scroll 0 0;
    color: #ffffff;
    border-radius: 3px;
    font-weight: bold;
}

.page-template-page-search .search-container {
    margin-top: 2.5em;
    min-height: 350px;
}

/************ portfolio **********/
#links-search .portfolio_item {
    height: auto !important;
    width: 100% !important;
    text-align: left !important;
}

#links-search .filter-cat {
    font-weight: 400;
    text-transform: uppercase;
}

.selected {
    font-weight: bold;
    color: #00A8EC;
}

.doc-text p,
.doc-text h5 {
    margin-bottom: 0 !important;
}

.meta-doc {
    font-weight: bold;
}

#links-search {
    padding-top: 60px !important;
}

/************ maps **********/
.instrinsic-container iframe {
    background-color: #E5E3DF;
    width: 50em;
    height: 50em;
}

.legendes {
    width: 50em;
}

.section-map {
    padding-top: 0px;
}

.legende-title {
    font-weight: bold;
}

.intrinsic-container {
    position: relative;
    overflow: hidden;
}

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

.maps {
    width: 910px;
    height: 600px;
    border: 0;
    margin: auto;
    display: block;
}

/* Correction globale pour tous les carrousels Owl Carousel sur Firefox */
.carousel-slider .owl-stage {
    display: flex !important;
    flex-direction: row !important;
    width: auto !important;
}

.carousel-slider .owl-item {
    flex: 0 0 auto;
    float: none !important;
}

/* Forcer l'affichage horizontal sans barre de défilement */
.carousel-slider .owl-stage-outer {
    overflow: hidden !important;
}

/* Assurer que le contenu reste aligné horizontalement */
.carousel-slider .carousel-slider__item {
    display: inline-block;
    vertical-align: top;
}

/* Solution spécifique pour Firefox uniquement */
@-moz-document url-prefix() {
    .carousel-slider-outer .owl-carousel {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: hidden;
    }

    .carousel-slider-outer .owl-carousel .owl-stage-outer {
        width: 100%;
        overflow: hidden !important;
    }

    /* Cacher spécifiquement la barre de défilement sur Firefox */
    .carousel-slider-outer .owl-carousel * {
        scrollbar-width: none;
    }
}

/************ footer **********/
footer .widget_nav_menu {
  border:none;
}
#main_footer {
	padding: 40px 70px 20px 70px!important;
}
footer #footer_columns {
    padding: 20px 0 0 !important;
	width:100% !important;
}

footer {
    border-top: none;
    color: #ffffff !important;
}

footer .widget.contact-info a {
    color: #FFFFFF !important;
}
footer .span6, .span3{
	display:flex!important;
	flex-direction:column;
}

.custom-footer-widget{
	display:block!important;
	align-content:flex-start;
	 text-align: left!important;
    color: white;
    font-family: Heebo, sans-serif;
}
/*DESCRIPTION*/
.custom-footer-widget .description{
  align-self: flex-start;
  width: 60%!important;
  margin: 0 0!important;
  padding-top:30px;
  font-size:24px!important;
  line-height:30px;

}


/* Style du titre */
.footer-widget-orga h5 {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    white-space: nowrap; /* Empêche le titre de passer à la ligne */
    overflow: hidden; /* Au cas où le titre serait trop long */
    text-overflow: ellipsis; /* Ajoute des points de suspension si le titre est trop long */
    font-size: 20px; /* Titre en 20px comme demandé */
    font-weight: 600;
    color: #0C3B41;
}

/* Contenu du bloc contact */
.contact-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

/* Liens dans le bloc contact */
.contact-info a {
    text-align: left;
    color: #8C9DB8;
    transition: color 0.3s ease-in-out;
}

.contact-info a:hover {
    color: #0C3B41;
}

/* Icône de localisation */
.ci_icon-location {
    margin-left: 5px;
}
/* FOOTER BOTTOM */
#footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 30px;
  padding-top: 20px;
  font-size: 13px;
  width: 100%;
  box-sizing: border-box; /* Pour que le padding soit inclus dans la largeur */
}

/* Widget menu à droite */
#footer-bottom #nav_menu-3 {
  text-align: right;
  margin-left: auto; /* Pousse tout à droite */
}


#custom_html-2 {
    flex: 1;
    /* Prend 50% de l'espace */
    padding: 0 !important;
    text-align: left;
}

#nav_menu-3 {
    flex: 1;
    /* Prend 50% de l'espace */
    padding: 0 !important;
    text-align: right;
}

.widget ul li::before {
    content: "" !important;
}

#block-3,
#block-2,
#block-4 {
    width: auto !important;
}

.flags {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 10px;
}

.flags img {
    width: 24px;
    height: 16px;
}

.footer-contact-widget {
    text-align: left;
    font-family: Heebo, sans-serif;
    color: white;
}

#search-4 {
    font-size: 12px;
}

#ecwd_widget-2 a {
    color: #000000 !important;
}

#search-4 input {
    border-radius: 5px;
    background: rgb(255, 255, 255) url("https://www.eumetnet.eu/wp-content/themes/aeron-child/images/search.png") no-repeat scroll 4px 6px;
    border: 1px solid #ddd;
    padding-left: 35px;
    vertical-align: top;
}

.all-events {
    margin-top: -40px;
}

footer .widget {
    padding: 15px 0px !important
}

footer#main_footer {
    background-color: #00282D !important;
}

#topbar_menu li {
    background-color: #BF7D23 !important;
}

.menu-item-depth-0 > a > span {
    font-size: 13px !important;
    font-family: 'Exo', serif;
    Font-weight: 600;
}

.footer-widget-orga {}

.footer-widget-orga h5,
.contact-info h5,
.contact-info h3 {
    font-family: 'Heebo';
    font-weight: 400;
    font-size: 20px!important;
    line-height: 30px;
    letter-spacing: 0%;
    color: #ffffff;
}



/*--------------carousel----------------*/
/* Container du carousel */
.swiper.mySwiper {
    width: 100%;
    padding: 30px 0;
    position: relative;
}

/* Slides */
.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Logos */
.swiper-slide img {
    max-height: 80px;
    max-width: 150px;
    object-fit: contain;
    transition: transform 0.2s ease;
}
.swiper-slide img:hover {
    transform: scale(1.05);
}

/* Supprimer les bullets */
.swiper-pagination {
    display: none !important;
}

/* Flèches navigation */
.swiper-button-next,
.swiper-button-prev {
    background-color: #f0f0f0 !important; /* rond gris clair */
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    top: 50% !important; /* centré verticalement */
    transform: translateY(-50%) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important; /* ombre douce */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.2s ease !important;
}

/* Taille et style de la flèche */
.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 18px !important;   
    color: #000 !important; /* flèche noire */
    font-weight: bold !important;
}

/* Effet hover */
.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #e0e0e0 !important; /* gris un peu plus foncé */
}

/* Position desktop */
.swiper-button-prev {
    left: 10px !important;
}
.swiper-button-next {
    right: 10px !important;
}

/* Position responsive */
@media (max-width: 768px) {
    .swiper-button-prev {
        left: 5px !important;
    }
    .swiper-button-next {
        right: 5px !important;
    }
}


.tp-rightarrow:hover,
.tp-leftarrow:hover {
    background-color: rgba(248, 250, 255, 0.2) !important;
    /* #F8FAFF à 20% d'opacité */
    transition: background-color 0.3s ease;
    /* Animation fluide */
}

/*page accueil*/
header#aeron_header.ABdev_on_sticky_header .logo img {
    display: inline-block !important;
    margin: 15px 15px 10px 0px;
}

/*secretariat - trombi */
#secretariat .tcvpb_column_tc_span4 {
    float: none !important;
    display: flex;
    flex-direction: column;
    /* Permet d'empiler l'image et le texte */
    align-items: center;
    /* Centre les éléments horizontalement */
    text-align: center;
    /* Centre le texte */
    flex: 1;
    /* Permet d'avoir une largeur flexible */
    width: 25%;
    max-width: 25%;
    box-sizing: border-box;
}

.tcvpb_overlayed {
    height: 180px;
    width: 150px;
    background-color: #dedede;
    margin-left: auto;
    margin-right: auto;
    border: #00758A 1px solid;


}

.tcvpb-image a img {
    display: block;
    margin-left: auto;
    margin-right: auto;

}

.tcvpb_team_member_name {
    display: block;
    font-weight: 700;
    font-size: 19px;
    color: #093d71;
    margin-top: 15px;
}

.tcvpb_team_member_name:hover {
    color: #333;
}

.tcvpb_team_member_role {
    margin-top: -1.5em;
}

/*pages interieures*/
:not(.home) h1 {
    font-family: Exo;
    font-weight: 600;
    font-size: 16px;
    line-height: 21.26px;
    letter-spacing: 0%;
    color: #004F59;
}

:not(.home) #hd {
    border-bottom: 1px solid #00282D33
}

:not(.home) .title_bar {
    padding-top: 70px;
}

.page-template-default h1 {
    color: #004F59
}

.page-template-default .tcvpb_container h3 {
    color: #004F59;
    font-family: Heebo;
    font-weight: 600;
    font-size: 24px;
    line-height: 35.25px;
    letter-spacing: 0%;
}

header#aeron_header.with_topbar:not(.ABdev_on_sticky_header) .logo img {
    display: inline-block !important;
    margin: 15px 15px 10px 0px;
}

.tempo_map {
    padding: 0;
}

.tempo_map .tcvpb_container {
    width: 58%;
}

.europe_map {
    width: 86%;
}

.list-left,
.reduce-margin,
.reduce-margin .p_tc {
    margin: 0;
}

/******* tpl niv 1 *********/
section {
    padding: 0px 0px
}

.title_bar .container {
    padding-top: 0px
}

.btn-link-interne {
    background-color: #004F59 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* Centre le texte ET l'icône */
    gap: 10px;
    /* Espacement entre le texte et l'icône */
    width: 100%;
    height: 52px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
    padding: 0 5% 0 35%;
}

.btn-link-interne i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    width: 30px;
    height: 30px;
    background-color: #F8FAFF;
    border-radius: 50%;
    /* Fait un rond */
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 20px;
    color: #335357;

}
/* bouton read more bleu */
.tcvpb-button_rounded.tcvpb-button_small {
	margin: 0 auto 15px auto;
    display: block !important;
	width:66%;
	max-width:200px;
	
}
.ion-android-arrow-forward:before {
    color: #335357;
}

/* Au survol */
.btn-link-interne:hover {
    background-color: #004F59 !important;
}

.btn-link-interne:hover i {
    background-color: #47898E;
    color: white;
}

.btn-link-interne:hover i::before {
    color: #F8FAFF;
}

/*** debut maps**/
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: #333 !important;
    color: #FFFFFF !important;
}

/* .btn-link-interne i.ion-android-arrow-forward {
    margin-left: auto; Pousse l'icône complètement à droite 
}*/

.leaflet-popup-scrolled,
.leaflet-popup-scrolled * {
    border: none !important;
    height: auto !important;
    font-size: 10px;
    line-height: 0.6em !important;
    margin: 0 0.5em !important;
    max-width: 20em !important;
}

.leaflet-popup-content p {
    margin: 0 !important;
}

.leaflet-control-layers-base label {
    height: 3em;
}

@font-face {
    font-family: "frutiger";
    font-weight: bold;
    src: url('eumetnet-map/fonts/frutiger-1361547325.ttf');
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url('eumetnet-map/fonts/glyphicons-halflings-regular.ttf');
}



/*pour les infobulles de la carte*/

#gmapmarker {
    background-color: #333333;
    width: 250px;
    max-height: 350px;
    overflow: hidden;
    font-size: 13px;
}

#gmapmarker {
    font-family: 'frutiger';
}

#gmapmarker a:link {
    color: white;
    text-decoration: none;
}

/* visited link */
#gmapmarker a:visited {
    color: #f5b96c;
    text-decoration: none;
}

#gmapmarker #bloc {
    position: relative;
}

#gmapmarker #meteo {
    color: #ffffff;
}

#gmapmarker #adresse {
    margin-top: 10px;
}

#gmapmarker #title h3 {
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 10px;
    font-size: 130% !important;
}

#gmapmarker u {
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
}

#gmapmarker #tel {
    padding: 15px 0px 10px 0px;
}

#gmapmarker br {
    display: none;
}

#gmapmarker #adresse br {
    display: block;
}

#gmapmarker #tel br:first-of-type {
    display: block;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-envelope:before {
    content: "\2709";
}

.mailTo {
    visibility: hidden;
}

.mailTo:before {
    position: relative;
    top: 1px;
    display: inline-block;
    content: "\2709";
    visibility: visible;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ============= single post ============= */
.singlepost,
.sidebarsinglepost {
    margin-top: 15px;
}
}

.mediatop-image {
    max-width: none !important;
    height: auto !important;
    border: 2px dashed blue;
    /* Test visuel */
}

/* ==========archives page ==========*/

.post-date {
    font-size: 14px;
    color: #555;
    margin-top: 5px;
}

/************* MEDIA QUERIES special footer 1025 + ***************/

@media screen and (min-width: 1025px) {
  /* Styles desktop */
	.custom-footer-widget .logo  {
    width: 208px!important;
    height: 38px;
    display: block;
    margin: 0 0 10px 0;
	align-self:flex-start!important;
}
  .custom-footer-widget .description {
    align-self: flex-start!important;
	  text-align:left!important;
  }
/*DRAPEAUX */
.custom-footer-widget .flags {
  margin-top: 10px!important;
  align-self: flex-start!important;
  width: 40%!important;
  justify-content:start!important;
}
/* ORGANISATIONS */
.footer-widget-orga {
    align-self: flex-start !important;
    justify-content: flex-start !important;
    width: 100%; /* Assure que le widget prend toute la largeur disponible */
}	
/*DRAPEAUX */
.custom-footer-widget .flags {
  margin-top: 10px!important;
  align-self: flex-start!important;
  width: 40%!important;
  justify-content:start!important;
}
/* ORGANISATIONS */
.footer-widget-orga {
    align-self: flex-start !important;
    justify-content: flex-start !important;
    width: 100%; /* Assure que le widget prend toute la largeur disponible */
}

	/* Container des partenaires */
.partners-container {
    display: flex;
    gap: 40px;
    width: 100%;
	margin-top:10px;
}

/* Colonnes des partenaires */
.partners-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1; /* Chaque colonne prend une part égale de l'espace */
    align-items: flex-start!important; /* Aligne les éléments à gauche */
}

/* Liens des partenaires */
.partners-column a {
    font-family: Heebo, sans-serif;
    font-weight: 400;
    font-size: 16px; /* Liens en 16px comme demandé */
    line-height: 20px;
    letter-spacing: 0;
    color: #8C9DB8;
    transition: color 0.3s ease-in-out;
    text-align: left!important;
    display: block;
    width: 100%;
}

.partners-column a:hover {
    color: #0C3B41;
}
/* BLOC CONTACTS */
.span3 .widget.contact-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start!important;
    width: 100%;
}
	/* Paragraphes dans le bloc contact */
.contact-info p {
    text-align: left!important;
    margin-bottom: 15px;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
}
/* Titre du widget */
.footer-widget-heading {
    text-align: left!important;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #0C3B41;
}
	/* Widget copyright à gauche */


/* Faire du conteneur principal un flexbox */
	#footer-bottom {
		padding : 1.5em 0!important;
	}
  #footer-bottom.container {
	flex-direction:row;
    display: flex;
    justify-content: space-between;
   
  }
  
  /* Alignement à gauche du copyright */
  #footer-bottom #custom_html-2 {
    margin-right: auto;
  align-self:flex-start!important;
	  text-align: left!important;
  }
  
  /* Alignement à droite des informations légales */
  #footer-bottom #nav_menu-3 {
    margin-left: auto;
	  align-self:flex-end!important;
	  text-align: right!important;
  }
  
  /* Suppression des marges verticales superflues si nécessaire */
  #footer-bottom .widget {
    margin-bottom: 0;
  }

}





/* =========  MEDIA QUERIES - DEVICES MEDIUM Résolutions : 601 à 1279 ================= */

@media screen and (min-width: 601px) and (max-width: 1279px) {
    body {
        overflow-x: hidden;
    }
	.container, .tcvpb_section_content {
width:auto;
margin:0 20px;
	}
	#latestnews{
		display:none !important;
	}
	#laptop-news,
    #laptop-news1,
    #laptop-news2-3 {
        display: block !important;
		padding-bottom:40px;
    }
    /* Header : centrage du logo et bon positionnement du menu burger */
    #aeron_header .logo {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    #main_logo {
        max-width: 100%;
        height: auto;
    }
    header#aeron_header .logo {
        margin: -160px 0px 0px 0px !important;
    }

    header#aeron_header .logo {
        margin: 0 !important;
    }

    header#aeron_header .logo img {
        width: 10em;
        z-index: 10000 !important;
        width: 208px;
        margin-bottom: 0;
    }

    header#aeron_header.with_topbar:not(.ABdev_on_sticky_header) .logo img {
        width: 122px !important;
    }

    header#aeron_header.with_topbar {
        position: sticky !important;
    }
    /* Icône menu burger bien placée à droite */
    #ABdev_menu_toggle {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        font-size: 28px;
        cursor: pointer;
        z-index: 9999;
    }
   body:not(.home) .ci_icon-menu2 {
    color: #004F59 !important;
  }
	 body:not(.home) .menu-item-depth-0 > a > span {
    color: #ffffff;
  }
    /* Menu principal caché ou transformé si besoin */
    #main_menu {
        display: none;
    }
 /* placement des liens compte mail search en inline */
  #nav-menu-item-6946,
  #nav-menu-item-6947,
  #nav-menu-item-6948 {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; /* espace entre les icônes */
	  width:auto;
  }

  /* Le conteneur UL doit permettre l'affichage en ligne */
  #main_menu {
    text-align: center; /* ou left selon l’effet souhaité */
  }

  #main_menu > li {
    /* Les autres éléments restent en bloc sauf les 3 ciblés ci-dessus */
    display: block;
  }
    /* dimention du contenu top-section */


    #top-section {
        position: relative;
        z-index: 0;
        min-height: 670px;
        display: flex;
        align-items: center;
		margin-left:2.5vw;

    }


    /* Conteneur de l’image */
    #header-image-inner {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        box-sizing: border-box;
        z-index: 1;
    }

    /* Texte d’intro centré et adapté */
    #texte-header {
        text-align: left;
        z-index: 10;
        max-width: 90%;
        position: relative;
        width: 100%;
        left: auto;
        transform: none;
    }

    #texte-header .p_tc span {
        font-size: 48px !important;
        /* Taille adaptée aux écrans medium */
        line-height: 58px;
    }

    .tcvpb-callout_box {
        margin: 0 !important;
        padding: 0 !important;
    }

    .tcvpb-callout_box p {
        margin: -35% 0% !important;
		width:100%!important;
    }

    /* Bouton About us bien visible et centré */
    .button-about {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 12px 20px;
        font-size: 16px;
        font-weight: bold;
        background-color: white;
        color: #004F59;
        border-radius: 4px;
        text-decoration: none;
        transition: all 0.3s ease;
        z-index: 10;
        top: auto !important;
        left: auto !important;
        transform: translate(0px, 0px) !important;
    }

    .button-about i {
        margin-left: 10px;
        font-size: 16px;
    }

    .button-about:hover {
        background-color: #8C9DB8;
        color: white;
    }
	#what-we-do {
		padding-bottom:0px!important;
	}
    #what-we-do.tcvpb_section_tc {
        position: relative !important;
        margin-top: -360px;
    }

    #what-we-do .tcvpb_section_content > .tcvpb_container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        gap: 20px;
        flex-wrap: wrap;
    }

    .tcvpb_container {
        position: relative;
		width: auto !important;
    }
	#what-we-do header h3 {margin-left:5%;}
    #what-we-do .tcvpb_column_tc_span4 {
        flex: 1 1 20%;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.16);
        border-radius: 6px;
        box-sizing: border-box;
    }

    #what-we-do .blocimghead img {
        max-width: 100%;
        height: auto;
        display: block;
        margin-bottom: 15px;
    }

    #what-we-do .textblochead {
        font-size: 20px;
        line-height: 1.4;
    }

    #what-we-do .textblochead .p_tc {
        margin: 0;
        padding: 0;
        font-family: Heebo;
        font-weight: 400;
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 0%;
        text-align: center;

    }

    #what-we-do h3 {
        margin-top: 0;
    }

    .bgblocwhite {
        height: auto;
    }

    /******** our areas section ***********/
	#ourareas {
		top:-20px;
	}
	#ourareas h3 {
		margin-left:5%;
	}
    #ourareas .tcvpb_container {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        padding: 0 15px;
        overflow-x: auto;
        /* évite que ça déborde */
        box-sizing: border-box;
		overflow:hidden;

    }

    #ourareas .ourbox {
        flex: 1 1 18%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        background-color: rgb(12, 59, 65);
        border-radius: 8px;
        max-width: 200px;
    }

    #ourareas .ourbox img {
        width: 32px;
        height: auto;
        text-align: center;
    }

    #ourareas h4 {
        font-size: 20px;
        color: white;
        margin: 10px 0;
    }

    #ourareas .p_tc {
        font-size: 20px;
        color: white;
        line-height: 28px;
        margin: 0;
        text-align: center;
    }

    #ourareas .ourarrow {
        margin-top: auto;
    }

    #ourareas .ourarrow img {}

    .our {
        margin: 0 auto 15px auto;
    }
}

/**************** Focus of the month ****************/
#focus .tcvpb_column_tc_span6:last-child {
    margin-left: 20px;
}

#focus h3 {
    margin-top: 0;
}

#focus {
    padding: 32px 2.5vw;
}


/************* LATEST NEWS - LAPTOP *************/

/* Section globale */
#news1{
	height:auto!important;
}
#laptop-news1 {
  padding: 40px 1.9vw 0px 1.9vw;
}
/* Container principal */
#laptop-news1 .tcvpb_container {
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; /* au cas où l'espace est trop étroit */
}
/* Colonne contenant tout le bloc */
#laptop-news1 .colnew1-laptop {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 10px; /* Espace pour la ligne d'en-tête */
}
/* Ligne : Titre + Bouton "View all" */
#laptop-news1 .colnew1-laptop .laptop-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
/* Titre */
#laptop-news1 .laptop-latestnews-title {
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #004F59 !important;
  margin: 0 !important;
  flex: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}
/* Bouton "View all" */
#laptop-news1 .mobile-viewall {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #004F59;
  margin: 0;
}
#laptop-news1 .mobile-viewall .p_tc {
  margin: 0;
  line-height: 1;
}

.colnew1-laptop > a {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
}

/* Image + contenu */
#laptop-news1 #news1 {
  margin-top: 60px;
  width: 100%;
}
/* Bloc de news */

#laptop-news1 .tcvpb_posts_shortcode {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
/* Image */
#laptop-news1 .tcvpb_latest_news_shortcode_thumb img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
  margin: 0;
}
/* Contenu de la news */
#laptop-news1 .tcvpb_latest_news_shortcode_content {
  display:flex;
  flex-direction: column;
  gap: 5px;
  text-align:left; 
}

/* Meta info : catégorie + date */
#laptop-news1 .news-meta-row {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 10px 0;
}

#laptop-news1 .category,
#laptop-news1 #datenews {
  font-size: 14px;
  color: #333;
  margin: 0;
}

/* Supprime le saut de ligne inutile */
#laptop-news1 .tcvpb_latest_news_shortcode_content br {
  display: none;
}

/* Titre de la news */
#laptop-news1 .tcvpb_latest_news_shortcode_content h5 {
  display: block !important;
  font-size: 20px;
  margin: 10px 0 0;
  font-weight: 500;
  line-height: 1.4;
  color: #004F59 !important;

}

/* Bouton flèche */
#laptop-news1 .tcvpb_read_more_button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  background-color: #8C9DB8;
  margin-top: 10px;
  transition: background-color 0.3s ease, color 0.3s ease;
  position:relative;
}
#laptop-news1 .tcvpb_read_more_button:hover {
  background-color: white;
}

#laptop-news1 .tcvpb_read_more_button:hover::after {
  color: #335357;
}
/* Corrige un bug potentiel de masquage */
#laptop-news1 .tcvpb_latest_news_shortcode_content {
  text-align: left !important;
}
#laptop-news1  a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}
/*********** News 2 et 3 – Laptop ***********/

/* Conteneur des colonnes */
#laptop-news2-3 .tcvpb_container {
  display: flex;
  justify-content: space-between;
  gap: 20px; 
  flex-wrap: nowrap;
	margin: 0 auto;
}

/* Colonnes */
#laptop-news2-3 .colnewssection {
  flex: 1;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0;
  
}

/* Bloc de news */
#laptop-news2-3 .tcvpb_posts_shortcode {
  display: flex;
  flex-direction: column;
  gap: 10px;

}
#laptop-news2-3 #newslaptop2 {	
	margin-right:100px;
	padding-left: 15px;
	border-left: 1px solid #8C9DB866
}
#laptop-news2-3 #newslaptop3 {	
	margin-left:100px;
	padding-left: 15px;
	border-left: 1px solid #8C9DB866;
}
/* Image */
#laptop-news2-3 .tcvpb_latest_news_shortcode_thumb img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
  margin: 0;
}

/* Contenu */
#laptop-news2-3 .tcvpb_latest_news_shortcode_content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: left;
}

/* Catégorie et date */
#laptop-news2-3 .category,
#laptop-news2-3 #datenews {
  display: inline-block;
  font-size: 14px;
  color: #333;
  margin-right: 10px;
  vertical-align: middle;
}

/* Titre */
#laptop-news2-3 h5 a {
  color: #004F59;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  text-align: left;
}

/* Bouton Read More */
#laptop-news2-3 .tcvpb_read_more_button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  background-color: #8C9DB8;
  margin-top: 10px;
 transition: background-color 0.3s ease, color 0.3s ease;
}

#laptop-news2-3 .tcvpb_read_more_button::after {
  content: '\2192';
  color: white;
  font-size: 20px;
}

#laptop-news2-3 .tcvpb_read_more_button:hover {
  background-color: white;
}
/************** page niveau 3 - liens dans bouton bleus avec fleches  - passage en Deux colonnes ************/
#linkcol3 {display:none;}

/************** Our Members ****************/
#partners-carousel {
    padding: 15px 20px !important;
}
.textpopup .tcvpb_container{
	align-items: flex-start !important;
}
.textpopup .tcvpb_container h3 {
	position:relative;
}
.textpopup .tcvpb_container h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 70px;
  height: 4px;
}
/* -------- FOOTER GLOBAL -------- */
#main_footer {
  background-color: #0c2e30;
  color: white;
  font-family: Heebo, sans-serif;
  padding: 40px 20px 20px 20px!important;
  font-size: 14px;
}

#main_footer a {
  color: white;
  text-decoration: none;
}
#main_footer a:hover {
  text-decoration: underline;
}
 /* Centre tous les éléments du footer */
  .footer-widget-orga,
  .span3 .widget.contact-info,
 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
  }
  
  /* Titre du widget Our Partners reste centré */
  .footer-widget-orga h5 {
    width: auto;
  }
  
  /* Maintient les partenaires sur deux colonnes */
  .partners-container {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-self: center;
    width: 100%;
    max-width: 600px; /* Limite la largeur pour un meilleur rendu */
  }
  
  /* Bloc Contacts centré */
  .contact-info {
    align-items: center;
    text-align: center;
  }
  
  .contact-info p {
    text-align: center;
  }
  
  /* Exception pour les liens des partenaires qui restent en 2 colonnes */
  .partners-column {
    display: flex;
    flex-direction: column;

  }

/* -------- COLONNES PRINCIPALES -------- */
footer #footer_columns {
  display: flex!important;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
  width:50%;
}

#footer_columns .span6,
#footer_columns .span3 {
  flex: 1 1 30%;
/*  min-width: 250px;*/
}

.custom-footer-widget {
 display:flex!important;
 flex-direction: column;
}
.custom-footer-widget .logo {
  width: 160px;
  margin-bottom: 10px;
  align-self: center;
}
.custom-footer-widget .description {
  margin: 10px auto;
  font-size: 14px;
  line-height: 1.5;
  align-self: center;
	text-align:center;
	width:auto!important;
}
#block-3 p {
	font-family: Heebo, sans-serif;
	font-weight:300;
	line-height:30px;
}
/* -------- DRAPEAUX -------- */
.custom-footer-widget .flags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  margin-top: 10px;
  align-self: center;
  width:70%!important;
}

/* -------- PARTENAIRES -------- */
footer #block-2 {
	padding:0;
}
.footer-widget-orga {
  text-align: center;
	display:flex;
	flex-direction:column;
}
.footer-widget-orga h5 {
  font-size: 16px;
  margin-bottom: 10px;
  color: white;
}
.partners-container {
  display: flex;
  justify-content: center;
  gap: 40px;
}
.partners-column {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* -------- BOTTOM FOOTER -------- */
	#footer-bottom {
		padding : 1.5em 0!important;
	}
  #footer-bottom.container {
	flex-direction:row;
    display: flex;
    justify-content: space-between;
   
  }
  
  /* Alignement à gauche du copyright */
  #footer-bottom #custom_html-2 {
    margin-right: auto;
  align-self:flex-start!important;
	  text-align: left!important;
  }
  
  /* Alignement à droite des informations légales */
  #footer-bottom #nav_menu-3 {
    margin-left: auto;
	  align-self:flex-end!important;
	  text-align: right!important;
  }
  
  /* Suppression des marges verticales superflues si nécessaire */
  #footer-bottom .widget {
    margin-bottom: 0;
  }

.contact-info {
	text-align:center;
}
/* Adaptation TPL niv 1 et 2 */
 .btn-link-interne {
    background-color: #004F59 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 52px;
    text-decoration:
none;
    padding:
0 5% 0 5%;
    gap:
10px;
    color: white;
  }

}

/* ===================fin des media queries ==========================*/

/* Menu Navigation Footer */

footer #footer_columns .widget_nav_menu {
    border: 0;
}

footer #footer_columns .widget_nav_menu ul li {
    margin: 0 0 2px;
}

footer #footer_columns .widget_nav_menu ul li a {
    padding: 0;
    font-weight: 400;
}

footer #footer_columns .widget_nav_menu ul li:hover,
footer #footer_columns .widget_nav_menu .current-menu-item {
    background: none;
}

footer #footer_columns .widget_nav_menu ul li:after {
    display: none;
}

/* Override post-grid nav search icon */
.post-grid .grid-nav-top .nav-search .search-icon .fa-search {
    font-family: 'core_icomoon';
}

.post-grid .grid-nav-top .nav-search .search-icon .fa-search:before {
    content: "\e67f";
}

.post-grid .grid-nav-top .nav-search .search {
    margin-bottom: 0;
}

/* popup */
.pum-title .popmake-title {
    border-bottom: #315b7C 2px solid !important;
}