/*
Theme Name: Atomlab Child
Theme URI: http://atomlab.thememove.com/
Author: ThemeMove
Author URI: http://thememove.com/
Version: 1.0.0
Template: atomlab
Text Domain: atomlab
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* --- 1. BARRE DE NAVIGATION EXPERTISES --- */
.emyl-sector-nav {
    text-align: center;
    margin: 20px auto 60px auto;
    padding: 40px 30px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    border-radius: 24px;
    border: 1px solid rgba(181, 0, 75, 0.1);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
    max-width: 1200px;
}

.emyl-sector-nav p {
    font-weight: 900;
    color: #b5004b;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 25px;
    font-size: 12px;
}

.emyl-sector-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.emyl-sector-buttons a {
    padding: 12px 24px;
    border: 1px solid #eee;
    border-radius: 50px;
    color: #444;
    background: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-size: 13px;
    display: flex;
    align-items: center;
}

.emyl-sector-buttons a::before { 
    content: "•"; 
    color: #b5004b; 
    margin-right: 8px; 
    font-size: 18px; 
}

.emyl-sector-buttons a:hover, 
.emyl-sector-buttons a.is-active {
    transform: translateY(-5px) scale(1.05);
    border-color: #b5004b;
    color: #b5004b;
    box-shadow: 0 12px 20px rgba(181, 0, 75, 0.15);
}

.emyl-sector-buttons a.btn-main { 
    background: #b5004b; 
    color: #fff; 
    border-color: #b5004b; 
}

/* --- 2. TITRES ET RONDS --- */
.archive-title, 
.archive-description h1 { 
    color: #b5004b !important; 
    font-weight: 900 !important; 
    padding-bottom: 30px; 
}

.archive-description h2, 
.portfolio-faq-bottom h2 { 
    color: #b5004b !important; 
    font-weight: 800 !important; 
    display: flex; 
    align-items: center; 
}

.emyl-number-circle {
    background: linear-gradient(135deg, #b5004b 0%, #8e003b 100%);
    color: #fff;
    width: 42px;
    height: 42px;
    border-radius: 50% !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 10px 20px rgba(181, 0, 75, 0.2);
}

/* --- 3. FAQ --- */
.portfolio-faq-bottom { 
    margin-top: 80px !important; 
    padding: 60px 0; 
    border-top: 1px solid #f0f0f0; 
    clear: both; 
}

.faq-card {
    background: #ffffff; 
    border-left: 5px solid #eee; 
    border-radius: 8px;
    padding: 30px; 
    margin-bottom: 25px; 
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
}

.faq-card:hover { 
    border-left-color: #b5004b; 
    transform: translateX(10px); 
}

.faq-card strong { 
    color: #b5004b; 
    font-size: 1.15rem; 
    font-weight: 800; 
    margin-right: 10px; 
}

.paged .archive-description { 
    display: none !important; 
}

/* --- 4. STYLES GÉNÉRAUX --- */
p {
    font-size: 18px;
}

strong {
    color: #000000 !important;
}

h2.widgettitle {
    font-size: 24px !important;
}

.highlight-text mark {
    color: #000000 !important;
}



/* Cache temporairement les filtres indésirables avant le nettoyage par le script */
.btn-filter .filter-counter:contains('0') {
    display: none !important;
}
p a:not(.button):not(.btn) {
  text-decoration: underline;
}
.tm-box-icon.style-15 .text {
font-size: 18px;
padding: 20px;
}
.tm-button.style-text {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 16px;
  padding: 5px 15px 5px 15px;
}
/* ===== Bloc principal ===== */
.tm-box-icon.style-15 {
    position: relative;
    border-radius: 16px;
    overflow: visible;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Hover du bloc */
.tm-box-icon.style-15:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}

/* ===== Ajustement du contenu ===== */
.tm-box-icon.style-15 .content-wrap {
    padding-top: 70px;
		padding-left: 0px;
}

/* ===== Logo position ===== */
.tm-box-icon.style-15 .image {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

/* ===== Logo style + animation ===== */
.tm-box-icon.style-15 .image img {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    display: block;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.4s ease,
                filter 0.4s ease;
}

/* ===== Effet magnetic (simulation CSS) ===== */

/* Hover global */
.tm-box-icon.style-15:hover .image img {
    transform: translateY(-6px) rotate(1.5deg);
    box-shadow: 0 12px 30px rgba(0,0,0,0.25),
                0 0 0 6px rgba(181, 0, 75, 0.08);
    filter: brightness(1.05) contrast(1.05);
}

/* Interaction plus “proche” quand hover sur le texte */
.tm-box-icon.style-15 .content:hover ~ .image img {
    transform: translateY(-4px) translateX(-2px) rotate(-1deg);
}

/* Interaction quand hover sur le bouton */
.tm-box-icon.style-15 .tm-button:hover ~ .image img {
    transform: translateY(-4px) translateX(2px) rotate(1deg);
}

/* ===== Titre H4 ===== */
.tm-box-icon.style-15 .heading {
    font-size: 22px;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.tm-box-icon.style-15:hover .heading {
    color: #b5004b;
}

/* ===== Bouton ===== */
.tm-box-icon.style-15 .tm-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: transparent;
}

/* fond slide */
.tm-box-icon.style-15 .tm-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #b5004b;
    border-radius: 999px;
    transition: left 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}

/* effet shine */
.tm-box-icon.style-15 .tm-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.4) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    transition: left 0.6s ease;
    z-index: -1;
}

/* hover bouton */
.tm-box-icon.style-15 .tm-button:hover::before {
    left: 0;
}

.tm-box-icon.style-15 .tm-button:hover::after {
    left: 120%;
}

/* texte blanc */
.tm-box-icon.style-15 .tm-button:hover .button-text,
.tm-box-icon.style-15 .tm-button:hover .button-icon {
    color: #fff;
}
/* TITRES BLOCS EXPERTISE  */
.tm-accordion.style-1 .accordion-icon::before {
  color: #000;
}

.print a {
color:#B5004B;
}
.print a:hover{
color:#000;
}
.PLV a {
color:#DD5409;
}
.PLV a:hover{
color:#000;
}
.WEB a {
color:#A6B202 !important;
}
.WEB a:hover{
color:#000;
}
.VIDEO a {
color:#00ABE2;
}
.VIDEO a:hover{
color:#000;
}
/* H3 DES BLOCS VIGNETTE PORTFOLIO */

/* conteneur titre + flèche */
.tm-portfolio [data-overlay-animation="zoom2"] .post-overlay-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 100px;
  gap: 14px;
  padding: 10px 18px;
}

/* titre */
.tm-portfolio [data-overlay-animation="zoom2"] .post-overlay-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;

  white-space: normal;
  overflow: hidden;

  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

/* flèche */
.tm-portfolio .post-read-more {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

/* animation flèche */
.tm-portfolio .post-read-more span {
  display: inline-block;
  transition: transform .35s cubic-bezier(.4,0,.2,1);
}

/* translation au hover */
.tm-portfolio .portfolio-item:hover .post-read-more span {
  transform: translateX(14px);
}

/* léger zoom image plus fluide */
.tm-portfolio .post-thumbnail img {
  transition: transform .6s ease;
}

.tm-portfolio .portfolio-item:hover .post-thumbnail img {
  transform: scale(1.06);
}

/* overlay plus élégant */
.tm-portfolio .post-overlay-content {
  transition: background .35s ease;
}

.tm-portfolio .portfolio-item:hover .post-overlay-content {
  background: rgba(0,0,0,0.20);
}

/* H3 DES BLOCS VIGNETTE PORTFOLIO  fin */


/* MEGA-MENU */
.desktop-menu .menu--primary .children a, .desktop-menu .menu--primary .sub-menu a {
padding: 11px 10px;
}
.niv1bold span {
font-weight:bold;
color:#000;
}
/* Blocs accueil */
.vc_cta3-container .vc_general.vc_cta3{
    transition: transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s ease;
}

.vc_cta3-container:hover .vc_general.vc_cta3{
    transform: translateY(-10px);
    box-shadow: 0 25px 45px rgba(0,0,0,0.18);
}
/* Animation du bouton */
.vc_cta3-container .vc_btn3{
    transition: transform .3s ease, box-shadow .25s ease;
}

/* Effet au hover du bloc */
.vc_cta3-container:hover .vc_btn3{
    transform: scale(1.06) translateX(30px);
}

/* Effet supplémentaire si on passe directement sur le bouton */
.vc_cta3-container .vc_btn3:hover{
    transform: scale(1.08) translateX(30px);
}

.vc_btn3.vc_btn3-color-pink.vc_btn3-style-modern {
  background-color: #B5004B !important;
  border-color: #B5004B!important;
  color: #f7f7f7;
}
.vc_btn3.vc_btn3-color-orange.vc_btn3-style-modern {
  background-color: #DD5409 !important;
  border-color: #DD5409!important;
  color: #fff;
}
.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern {
  background-color: #A6B202 !important;
  border-color: #A6B202;
  color: #fff;
}
.vc_btn3.vc_btn3-color-sky.vc_btn3-style-modern {
  background-color: #00ABE2 !important;
  border-color: #4092df;
  color: #f7f7f7;
}

.page-title-bar-01 .insight_core_breadcrumb li span {
 color: #000 !important;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 2px 6px;
  border-radius: 4px;
}
.page-content {
  padding-top: 30px;
  padding-bottom: 100px;
}
.vc_btn3.vc_btn3-color-vista-blue.vc_btn3-style-modern {
  background-color: #00abe2 !important;
  border-color: #00abe2 !important;
  color: #f7f7f7;
}


/* titre heading title-bar theme enfant */
.page-title-bar-01 .page-title-bar-inner .heading {
  letter-spacing: 0px;
  line-height: 1.1;
  text-transform: none;
  color: #454545;
  font-size: 26px !important;
}
.blanc p, .blanc h2, .blanc h3 {
 color: #FFFFFF !important;
}
.single-portfolio .portfolio-title {
  width: 80% !important;
}
/* Bloc encadré home */
.tm-card.style-2 {
  padding: 28px 10px 23px;
}

.single-portfolio-style-flat .portfolio-feature {
  text-align: center;
  filter: drop-shadow(0 0.5rem 0.5rem #CCC) ;
}
body{
		background-color:#fff;
}

.highlight-text mark {
    color: #000000!important;
}
.secondary-background-color, .page-scroll-up, .widget_calendar #today, .top-bar-01 .top-bar-button, .desktop-menu .header-09 .header-special-button, .tm-maps.overlay-style-01 .animated-dot .middle-dot, .tm-maps.overlay-style-01 .animated-dot div[class*="signal"], .tm-grid-wrapper .filter-counter, .tm-blog.style-list .post-quote, .tm-blog.style-grid .post-overlay, .tm-blog.style-carousel .post-overlay, .tm-blog.style-grid_masonry .post-quote, .tm-blog.style-grid_classic .post-quote, .tm-blog.style-metro .post-thumbnail, .tm-portfolio [data-overlay-animation="zoom2"] .post-item-wrapper:hover .post-read-more, .tm-drop-cap.style-2 .drop-cap, .tm-box-icon.style-5:hover .icon, .tm-box-icon.style-12:hover .content-wrap, .tm-info-boxes.style-metro .grid-item.skin-secondary, .tm-card.style-1, .tm-button.style-flat.tm-button-secondary, .tm-button.style-outline.tm-button-secondary:hover, .tm-swiper .swiper-nav-button:hover, .wpb-js-composer .vc_tta-style-atomlab-01 .vc_tta-tab.vc_active > a, .wpb-js-composer .vc_tta-style-atomlab-03 .vc_tta-tab.vc_active > a, .single-post .post-quote-overlay, .portfolio-details-gallery .gallery-item .overlay, .tagcloud a:hover, .tm-search-form .category-list a:hover, .tm-mailchimp-form.style-1 .form-submit, .page-template-coming-soon-02 .mc4wp-form .form-submit, .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #000000!important;
}

.tm-gallery .overlay {
    background-color: #b5004b!important;

}
/* Couleur bullet slider */
.atomlab-1 .tp-bullet:hover::before, .atomlab-1 .tp-bullet.selected::before {

    background: #b5004b;
    box-shadow: 0 3px 8px 0 rgba(38,1,18,0.47);

}
/* MENU */

.desktop-menu .header-01 .menu--primary .menu__container > li a {
   text-decoration: none;
}
/* Couleur menu */

.menu--primary .children li:hover > a, .menu--primary .children li:hover > a::after, .menu--primary .sub-menu li.current-menu-ancestor > a, .menu--primary .sub-menu li.current-menu-item > a, .menu--primary .sub-menu li:hover > a, .menu--primary .sub-menu li:hover > a::after, .menu--primary .tm-list li:hover .item-wrapper {
    color: #b5004b !important;
}

/* Couleur filet bas mega-menu */
.desktop-menu .menu--primary .sub-menu, .desktop-menu .menu--primary .children {
    border-bottom-color: #b5004b!important;
}
.single-portfolio .portfolio-title {
    font-size: 40px;
    line-height: 1.5;
Border-bottom: 2px solid #ebebeb;
		Border-top: 2px solid #ebebeb;
display: block;
position: relative;
top: 1px;
width: 50%;
margin-left: auto;
margin-right: auto;
clear: both;
}
/* Couleur date et rond historique */
.tm-timeline .time {
     color: #b40951;
}
 .tm-timeline ul li::after  {
    background-color: #b40951!important;
}
.comment-respond {
	display:none;
}
.comments{
	display:none;
}
.page-title-bar-01 .page-title-bar-inner {
    border-bottom-color: #ededed;
    padding-top: 50px!important;
    padding-bottom: 100px!important;
}
.page-title-bar-01 .insight_core_breadcrumb li {
    color: #CCC!important;
}
p {
font-size:19px;
}
h2 {
font-size: 26px!important;
padding-bottom:15px;
}
ol {
    list-style: decimal;
    font-size: 18px;
}
li{
    font-size: 18px;
}
li a{
text-decoration: underline; 
}
strong {
    color: #000000 !important;
}
p a {
font-weight:bold;
}
@media all and (max-width: 480px) {
    /* MOBILE Titre portfolio */
h3.portfolio-title {
  font-size: 30px !important;
		width: 80% !important;
}
}
/* Cible les appareils avec un écran de 1024px de large ou moins */
@media screen and (max-width: 1024px) {
    .page-mobile-main-menu .menu__container > li > a {
        text-decoration: none !important;
    }
}