/*
Theme Name: sitemembre
Theme URI: https://www.lecerclehubsys.com
Author: Le Cercle Hubsys
Author URI: https://www.lecerclehubsys.com
Description: Thème WordPress personnalisé pour Le Cercle Hubsys
Version: 1.0
*/

@charset "utf-8";
/* CSS Document */

*{padding:0;margin:0;}
body{font-style:normal;color:#282e69;font-family:"Book Antiqua",serif;}
main{background:#fff;width:100%;margin:0 auto;font-size:12pt;}
.clear{clear:both;}
img{display:block;}

/* Couleurs */
.bleuprofond{color:#282e69;}
.ocre{color:#dcbb76;}
.gris{color:#595b5a;}

/* Texte */
h1{text-transform:uppercase;}
h2{color:#dcbb76;text-transform:uppercase;font-size:25px;text-align:center;}
hr{border:none;background:#282e69;height:2px;width:75px;margin:0 auto;margin-top:20px;margin-bottom:20px;}
h4{margin-top:15px;font-size:22px;font-weight:bold;margin-bottom:10px;text-transform:uppercase;color:#dcbb76;}
p{color:#888;text-align:justify;font-size:18px;line-height:1.3;}
p.signature{color:#282e69;text-align:right;font-size:18px;font-weight:bold;margin-top:10px;}
.reverse-email{direction: rtl;unicode-bidi: bidi-override;}

/* Bouton */
a.btn-secondaire{font-size:18px;display:inline-block;background:#282e69;padding:8px;margin:10px 0;color:#fff;text-decoration:none;margin-top:20px;}
a.btn-secondaire:hover{background:#dcbb76;transition:background-color 0.5s ease;text-decoration:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* Header */ 
.navbar{font-size:17px;line-height:1.3;position:sticky;top:0;z-index:999;background:#fff;box-shadow:0 2px 5px rgba(0, 0, 0, 0.05);display:flex;justify-content:space-between;align-items:center;padding:15px 20px;}
.logo img{height:50px;width:auto;display:block;}
.nav{position:absolute;top:60px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:20px;display:none;}
.nav.open{display:flex;}
.nav-links{list-style:none;flex-direction:column;gap:10px;width:100%;}
.nav-links li a,.submenu-toggle{text-decoration:none;color:#282e69;font-size:17px;background:none;border:none;font:inherit;cursor:pointer;text-align:left;width:100%;}
.nav-links li a:hover{color:#dcbb76;}
.has-submenu{position:relative;}
.submenu{display:none;list-style:none;padding:10px;background:#ddd;box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);margin-left:10px;margin-top:5px;margin-bottom:5px;}
.has-submenu.open .submenu{display:block;}
.submenu li a{display:block;white-space:nowrap;color:#282e69;}
.submenu li a:hover{color:#dcbb76;}
.contact-btn{background-color:#dcbb76;color:#fff;padding:6px 14px;font-size:17px;text-decoration:none;margin-top:10px;}
.contact-btn:hover{background-color:#ededed;color:#282e69;text-decoration:none;}
.burger{display:block;font-size:24px;cursor:pointer;}

/* main */
main{width:95%;margin:0 auto;}
main section{width:100%;margin:0 auto;margin-top:30px;}
.slide-banner{margin-top:10px!important;}

/* --------------------- slider --------------------- */
.slide-banner{position:relative;background-image:url('img/slider_home.png');background-size:cover;background-position:center;height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.slide-cabinet{background-image:url('img/slider-le-cabinet.jpg');}
.slide-equipe{background-image:url('img/slider-equipe.jpg');}
.slide-particulier{background-image:url('img/slider-particulier.png');}
.slide-dirigeant{background-image:url('img/slider-dirigeant.jpg');}
.slide-mentions{background-image:url('img/slider-mentions.jpg');}
.slide-contact{background-image:url('img/slider-contact.png');}
.slide-revue{background-image:url('img/slider-revue-de-presse.jpg');}
.slide-content{padding:20px 0 20px 0;text-align:center;width:100%;border-top:1px solid #dcbb76;border-bottom:1px solid #dcbb76;margin-top:20px;margin-bottom:20px;}
.slide-content h1{font-size:24px;font-weight:normal;line-height:1.3;color:#282e69;margin:0;}

/* --------------------- Presentation cabinet --------------------- */
.img-left{width:100%;}
.img-left img{margin-bottom:20px;}
.img-left img{width:100%;}
.text-right{width:100%;margin-top:10px;}
#presentation-cabinet h2, #paragraphe-un h2, #paragraphe-deux h2{text-align:left;width:auto;}
#presentation-cabinet hr, #paragraphe-un hr, #paragraphe-deux hr{border:none;background:#282e69;height:2px;width:100%;margin-top:10px;margin-bottom:10px;}

/* --------------------- Conseil CGP --------------------- */
#conseil-pro {text-align:center;padding-bottom:20px;position:relative;overflow:hidden;}
.quote-slider{max-width:800px;margin:0 auto;position:relative;}
.quote-author{color:#dcbb76;font-size:24px;text-align:center;margin-bottom:10px;}
.quote-item{display:none;flex-direction:column;align-items:center;}
.quote-item.active{display:flex;}
.quote-image{margin:0 auto;width:130px;height:130px;border-radius:50%;object-fit:cover;margin-bottom:20px;}
blockquote{font-style:italic;font-size:20px;color:#888;line-height:1.3;max-width:750px;}
.quote-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#dcbb76;color:white;border:none;font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:background-color 0.3s ease;z-index:10;}
.quote-arrow:hover{background-color:#999;}
.quote-arrow.left{left:30px;}
.quote-arrow.right{right:30px;}
/*  --------------------------A supprimer peut-être les deux lignes du dessous--------------------- */
.quote-slider .quote-item {display: none;transition: opacity 0.3s ease-in-out;}
.quote-slider .quote-item.active {display: block;}

/* --------------------- Expertises --------------------- */
#expertise-section{display:block;width:100%;}
.expertise-card{display:flex;flex-direction:row;background:#282e69;margin-bottom:30px;width:100%;margin-top:30px;}
.expertise-card:first-child{margin-bottom:20px;background-color:#ededed;}
.expertise-card:last-child{background-color:#dcbb76;margin-bottom:0px;}
.expertise-text{color:#fff;padding:30px 25px;flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.expertise-text h3{font-size:26px;font-weight:600;margin-bottom:15px;color:#282e69;}
.expertise-card:last-child h3{color:#282e69;}
.expertise-text ul{list-style-type:none;padding:0;margin:0 0 20px 0;}
.expertise-text ul li::before {content: '› ';margin-right:5px;color:#dcbb76;font-weight:bold;}
.expertise-card:last-child ul li::before {color:#282e69;}
.expertise-text ul li{margin-bottom:5px;font-size:18px;color:#282e69;}
.expertise-card:last-child .expertise-text ul li{color:#fff;}
.btn-expert{display:inline-block;background-color:#282e69;color:#fff;text-decoration:none;padding:8px 12px;border-radius:0;transition:background-color 0.3s ease;width:122px;font-size:16px;text-decoration:none;}
.expertise-card:last-child .btn-expert{background-color:#282e69;}
.btn-expert:hover{background-color:#fff;color:#282e69;text-decoration:none;}
.expertise-card:last-child .btn-expert:hover{background-color:#ededed;text-decoration:none;}
.expertise-image img {width:100%;height:100%;object-fit:cover;display:block;}

/* -------------------- Chiffres clés --------------------- */
#chiffres-cles{background-color:#282e69;color:#fff;padding:40px 0px;text-align:center;position:relative;}
.stats-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;max-width:900px;margin:0 auto;}
.stat-number{font-size:36px;color:#dcbb76;}
.stat-label{font-size:16px;margin-top:5px;}
.stat hr{background:#dcbb76;margin-top:20px;height:1px;margin:0;margin-top:20px;}

/* --------------------- Flux rss page d'accueil --------------------- */
.blog-feed{width:100%;margin-top:20px;}
.blog-post{width:100%;overflow:hidden;background:#fff;text-align: left;}
.blog-post img{width:100%;height:auto;object-fit: cover;display: block;margin-bottom:20px;}
#feed a.btn-secondaire{display:flex;margin:0 auto;align-items:center;flex-direction:column;width:fit-content;margin-top:15px;}

/* --------------------- Paragraphe standard ---------------------- */
#presentation-cabinet p, #paragraphe-un p, #paragraphe-deux p{margin-top:10px;}
#presentation-cabinet p:first-child, #paragraphe-un p:first-child, #paragraphe-deux p:first-child{margin-top:0px;}
.mission{color:#dcbb76;font-weight:600;}

/* --------------------- Partie équipe --------------------------- */
#team-section {display:block;width:100%;text-align:center;margin-top:30px;}
.team-grid{display:grid;grid-template-columns:1fr;gap:40px;margin:0 auto;margin-top:30px;}
.team-member{position:relative;clear:both;height:auto;margin-bottom:80px;}
.team-member img{width:100%;max-width:400px;height:auto;margin:0 auto;display:block;}
.team-info{background:#fff;margin-top:-30px;padding:10px 0;max-width:240px;margin-left:auto;margin-right:auto;box-shadow:0 2px 5px rgba(0,0,0,0.05);z-index: 1;position:absolute;left:0;right:0;}
.team-info h3{font-size:20px;color:#dcbb76;font-weight:bold;margin-bottom:5px;text-transform:uppercase;text-align:center;}
.team-info p{font-size:18px;margin:0 0 8px;text-align:center;}
.team-info .linkedin-link img{width:30px;height:30px;}
.team-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap: 2rem;position:relative;}
.team-member {text-align:center;position:relative;cursor:pointer;}
.team-member img {width:100%;box-shadow:0 6px 20px rgba(0, 0, 0, 0.08);}
.tem-description-overlay {position: absolute;top: 0;left: 0;right: 0;z-index: 10;background-color rgba(255, 255, 255, 0.95);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);padding: 2rem;color: #5b2c83;display: none;animation: fadeIn 0.3s ease-in-out;background:#fff;}
.tem-description-overlay.active {display:block;background:#fff;height:auto;text-align:justify;left:0;text-align:center;opacity:0.9;top:100px;width:calc(100% - 30px);padding-top:15px;padding-left:15px;padding-right:15px;position:relative;margin:0 auto;padding-bottom:15px;margin-bottom:15px;}
.tem-description-inner {max-width:100%;text-align:left;font-size:0.95rem;line-height:1.5;}
.tem-description-inner p {text-align:justify!important;opacity;1;}

/* --------------------- Domaine intervention --------------------------- */
.domains-section {display:block;width:100%;text-align:center;}
.domains-grid {display:grid;grid-template-columns:1fr;gap:30px;max-width:1200px;margin:0 auto;}
.domain-item {background:#282e69;box-shadow:0 2px 6px rgba(0,0,0,0.05);display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 50px;height: 400px; /* hauteur fixe et uniforme pour TOUS les items */box-sizing: border-box;}
.domain-item.icon-card .domain-icon img {width: 60px;height: 60px;margin-bottom: 30px;}
.domain-item.icon-card h3 {color:#fff;font-size: 20px;text-transform: uppercase;margin-bottom: 20px;}
.domain-item.icon-card p {color:#fff;font-size: 18px;line-height: 1;margin: 0;text-align:center;}
.domain-item.photo-full {background: none;box-shadow: none;padding: 0;}
.domain-item.photo-full img {width: 100%;height: 100%;object-fit: cover;display: block;}

/* --------------------- Pour qui ? --------------------------- */
.target-section {display:block;width:100%;text-align:center;margin-top:30px;}
.target-grid {display: block;grid-template-columns: 1fr;gap: 20px;max-width: 1200px;margin: 0 auto;}
.target-item {background:#282e69;color:white;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px;height:auto;box-sizing:border-box;margin-top:30px;}
.target-item h3 {font-size: 20px;font-weight: bold;text-transform: uppercase;margin-bottom: 10px;color:#fff;}
.target-item p {font-size: 18px;line-height: 1;font-style:italic;margin: 0;color:#fff;text-align:center;}
.target-circle {width: 80px;height: 80px;font-size: 47px;font-weight: bold;display: flex;align-items: center;justify-content: center;margin-bottom: 30px;}
.photo-tile {background: none;padding: 0;box-shadow: none;}
.photo-tile img {width: 100%;height: 100%;object-fit: cover;display: block;}
.contact-tile {background:#282e69;color: white;padding: 20px;display: flex;flex-direction: column;justify-content: center;}
.contact-tile p {font-size:42px;margin-bottom:20px;font-weight:300;font-style: normal;width:auto;}
.btn-contact {background:#dcbb76;color:#fff;text-decoration: none;font-weight: bold;padding: 12px 24px;display: inline-block;font-size: 16px;}

/* --------------------- Formulaire de contact --------------------------- */
.contact-section {display:block;width:100%;text-align:center;margin-top:30px;}
.zone-contact{background-color:#282e69;width:calc(100% - 100px);padding:50px;margin-top:30px;}
.contact-container {background-color: #fff;margin: 0 auto;display: flex;flex-wrap: wrap;padding: 30px;box-sizing: border-box;}
.contact-left, .contact-right {flex: 1 1 300px;padding: 20px;box-sizing: border-box;}
.contact-left form label {display: block;font-weight: bold;margin-bottom: 5px;color: #282e69;text-align: left;font-family:"Book Antiqua",serif;font-size:20px;}
.contact-left form input,.contact-left form textarea {width: 100%;border: none;border-bottom: 2px solid #595b5a;padding: 8px 0;margin-bottom: 20px;background: transparent;font-size: 16px;color: #595b5a;font-family:"Book Antiqua",serif;}
.contact-left form input:focus,
.contact-left form textarea:focus {outline: none;border-bottom-color: #1b3f7d;}
.contact-right h3 {color:#dcbb76;font-size: 24px;margin-bottom: 10px;text-transform: uppercase;text-align: left;}
.contact-right p {color: #282e69;margin-bottom: 15px;font-size: 16px;line-height: 1.5;text-align: left;}
.contact-right p strong {font-weight: bold;}
.contact-right a {color: #282e69;text-decoration: none;font-weight: bold;}
.contact-right a:hover {text-decoration: underline;}
.social-icons {margin-top: 15px;text-align: left;}
.social-icons a {display: inline-block;margin-right: 10px;}
.social-icons img {width:30px;height:30px;}
.wpcf7 input[type="submit"] {display:block;width:100%;background-color:#dcbb76;color:#fff;padding:14px;font-size:16px;font-weight:bold;text-align:center;cursor:pointer;transition:background-color 0.3s ease, color 0.3s ease;margin-bottom:0;}
.wpcf7 input[type="submit"]:hover{background-color:#282e69;color:#fff;}

/* --------------------- Revue de presse -------------------- */
#revue-section{display:block;width:100%;text-align:center;margin-top:30px;}
.revue-grid{display:grid;grid-template-columns:1fr;gap:40px;margin:0 auto;margin-top:30px;text-align:justify;}
.article-card{display:block;grid-template-columns:1fr;gap:20px;max-width:1200px;margin:0 auto;display:flex;padding:20px;flex-direction:column;justify-content:space-between;transition: box-shadow 0.3s ease;background:#282e69;color:#fff;}
.article-card:nth-child(even) {background-color:#dcbb76;}
.article-card:hover{box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.article-source{font-weight:bold;color:#fff;font-size:20px;color:#dcbb76;}
.article-card:nth-child(even) .article-source {color:#282e69;}
.article-card h3{font-size:18px;text-transform:uppercase;line-height:1.3;color:#fff;text-align:justify;}
.article-card .date{font-size:16px;font-weight:bold;text-align:left;color:#dcbb76;margin-top:-15px;}
.article-card:nth-child(even) .date {color:#282e69;}
.article-card p{font-size:16px;text-align:justify;color:#fff;}
.article-card a{font-size:16px;color:#fff;text-decoration:none;text-align:left;font-weight:bold;}
.article-card a:hover {text-decoration:underline;}

/* --------------------- Partenaires -------------------- */
.partners-section {padding: 40px 0;}
.partners-section h2 {color:#dcbb76;text-transform:uppercase;font-size:25px;text-align:center;}
.partners-section hr {border:none;background:#282e69;height:2px;width:75px;margin:0 auto;margin-top:20px;margin-bottom:20px;}
.partners-cat{display:flex;align-items: center;justify-content: center;gap: 10px;margin: 25px 0 15px;color:#282e69;font-weight: bold;text-transform: uppercase;font-size:20px;}
.partners-grid{display:grid;grid-template-columns: repeat(2, 1fr);gap: 15px;max-width: 1100px;margin: 0 auto;margin-top:30px;}
.partner-card {background: #fff;border: 2px solid #dcbb76;min-height: 90px;padding: 15px;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;}
.partner-card img {width:100%;object-fit:contain;}

/* --------------------- Bouton accompagnement -------------------- */
.cta-accompagnement{background-color:#ededed;color:#282e69;text-align:center;padding:50px 0px;margin-top:70px;}
.cta-container{max-width:800px;margin:0 auto;}
.cta-container h2{font-size:26px;font-weight:bold;margin-bottom:15px;text-transform:uppercase;color:#282e69;}
.cta-container p{font-size:16px;margin-bottom:25px;color:#282e69;text-align:center;}
.btn-cta{background-color:#282e69;font-size:16px;color:#fff;padding:12px 24px;text-decoration:none;font-weight:600;display:inline-block;transition:background 0.3s, color 0.3s;}
.btn-cta:hover{background-color:#fff;color:#282e69;text-decoration:none;}

/* --------------------- newsletter section --------------------- */
#newsletter-section{background-color:#ededed;padding:50px 0px;color:#fff;text-align:center;border-top:10px solid #dcbb76;margin-bottom:30px;}
.newsletter-container h3{font-size:26px;font-weight:bold;margin-bottom:10px;text-transform:uppercase;color:#282e69;}
.newsletter-container .subtitle{font-style:italic;margin-bottom:30px;text-align:center;color:#282e69;}
.newsletter-form{display:flex;justify-content:flex-start;align-items:center;width:329px;margin:0 auto 30px;}
.sib_signup_form{width:100%;}
p.sib-alert-message-warning{display:block;position:absolute;margin-top:65px;}
p.sib-alert-message-success{display:block;position:absolute;margin-top:65px;}
.newsletter-form input[type="email"] {padding:0px 15px;border:none;font-size:16px;height:50px;width:auto;outline:none;flex:1;}
.newsletter-form input[type="submit"]{padding:0px 20px;background-color:#282e69;font-size:16px;height:50px;border:none;color:#fff;cursor:pointer;transition:background-color 0.3s ease;margin-left:0px;margin-top:20px;}
.newsletter-form input[type="submit"]:hover{background-color:#dcbb76;transition:background-color 0.5s ease;}
.rgpd-info{font-size:14px;line-height:1.2;text-align:center;color:#282e69;padding:0 30px;font-style:italic;}
.rgpd-info a{color:#282e69;text-decoration:underline;}

/* Footer 2 */
.footer{background-color: #282e69;color: #ffffff;padding: 50px 20px;font-size: 16px;}
.footer-container {display: block;max-width: 1200px;margin: 0 auto;}
.footer-col {margin-bottom: 30px;border-bottom:2px solid #dcbb76;padding-bottom:20px;}
.logo-col img {width:190px;margin-bottom:20px;}
.footer-col ul {list-style: none;padding: 0;margin: 0 0 20px 0;}
.footer-col ul li {margin-bottom: 12px;}
.footer-col a {color: #fff;text-decoration: none;font-weight: 500;}
.footer-col a:hover {text-decoration:none;}
.footer-contact-btn {display: inline-block;background-color: #dcbb76;color: #fff;padding: 10px 20px;margin-top: 15px;font-weight: bold;text-decoration: none;border: none;}
.footer-contact-btn:hover {background-color: #fff;color: #282e69;text-decoration:none;}
.footer-col hr {border: 0;height: 2px;background-color: #dcbb76;width: 200px; margin: 15px 0;}
.footer-col p {margin: 10px 0;color:#fff;text-align:left;}
.social-icons {display: flex;gap: 10px;margin-top: 10px;}
.social-icons img {width: 30px;height: 30px;}
.footer-bottom {margin-top: 40px;text-align: center;font-size: 14px;}
.footer-bottom a {color: #fff;text-decoration: none;margin: 0 8px;}
.footer-bottom a:hover {text-decoration: underline;}

/* --------------------------------------
---------------- 600px ------------------
--------------------------------------- */

@media (min-width: 600px) {
.team-grid{grid-template-columns:repeat(2, 1fr);margin-top:40px;margin-bottom:50px;}	
.team-member {flex-direction: row;align-items: flex-start;}
.tem-description-box {width: auto;margin-top: 0;margin-left: 2rem;}
.team-info {text-align: left;}
.domains-grid{grid-template-columns:repeat(2, 1fr);margin-top:40px;}
.target-grid{grid-template-columns: repeat(2, 1fr);margin-top:40px;display: grid;}
.revue-grid{grid-template-columns:repeat(2, 1fr);margin-top:40px;margin-bottom:50px;}
.contact-tile{grid-column: span 2;} /* Prend 2 colonnes dès 600px */
.contact-section{margin-top:40px;}
.target-item {margin-top:0px;}
.contact-tile p {width: 400px;}
.expertise-image img {width:260px;}
}

/* --------------------------------------
---------------- 768px ------------------
--------------------------------------- */

@media(min-width:768px){
main section{margin-top:30px;}
.navbar{box-shadow:none;margin-top:10px;}
.nav {position:static;flex-direction:row;align-items:center;display:flex !important;padding:0;}
.nav-links{flex-direction:row;gap:10px;display:flex;}
.contact-btn{margin-left:10px;}
.contact-btn{margin-top:0;margin-left:20px;}
.burger{display:none;}
.has-submenu {position: relative;}
.submenu {display: none;position: absolute;top: 100%;left: 0;z-index: 10;margin: 0;width: 200px;}
.has-submenu:hover .submenu {display: block;}
	
/* --------------------- slider --------------------- */
.slide-banner{height:400px;}

/* --------------------- présentation cabinet et paragraphe 1 --------------------- */
.img-left{max-width:425px;box-shadow:20px 20px 0px 0px #282e69;margin:0 auto;margin-bottom:40px;}

/* --------------------- paragraphe deux --------------------- */
#paragraphe-deux .img-left{box-shadow:-20px 20px 0px 0px #282e69;}

/* --------------------- conseil CGP --------------------- */
#conseil-pro{margin-top:50px;}
.quote-arrow{top:38%;}

/* --------------------- expertise --------------------- */
.expertise-text{margin-left:50px;}

/* --------------------- chiffres clés --------------------- */
.stat-number{font-size:50px;}
.stat-label{font-size:20px;}

/* ------------------- equipe --------------- */
.team-grid{grid-template-columns: repeat(3, 1fr);}

/* --------------------- partenaires --------------------- */
.partners-grid {grid-template-columns: repeat(3, 1fr);}

/* --------------------- newsletter section --------------------- */
.rgpd-info{padding:0 40px;}

/* --------------------- formulaite de contact --------------------- */
.contact-container{flex-direction:row;}
.contact-left textarea{height:100px;resize:none;}
.wpcf7-spinner{display:none !important;}
}

/* --------------------------------------
---------------- 810px ------------------
--------------------------------------- */
@media(min-width:810px){
.contact-btn{margin-left:20px;}
.nav-links{gap:20px;}
}

/* --------------------------------------
---------------- 835px ------------------
--------------------------------------- */
@media(min-width:835px){
.contact-btn{margin-left:30px;}
.nav-links{gap:30px;}
}

/* --------------------------------------
---------------- 968px ------------------
--------------------------------------- */

@media screen and (min-width:968px){

/* --------------------- header --------------------- */	
header{width:90%;margin:0 auto;display:flex;align-items:center;}	
.navbar{box-shadow:none;font-size:20px;}
p.signature{margin-top:0px;}

/* --------------------- main --------------------- */
main{width:90%;}
main section{display:flex;justify-content:center;align-items:center;margin-top:50px;}
.domains-section{margin-top:70px;}
#team-section{margin-top:70px;}
.target-section{margin-top:50px;}
.contact-section{margin-top:50px;}

/* --------------------- presentation cabinet --------------------- */
main section #presentation-cabinet{margin-top:60px;}
.img-left{margin-right:60px;}
.img-left img{margin-bottom:0;}
.slide-banner{height:450px;}
.slide-content h1{font-size:28px;}

/* --------------------- Paragraphe un ----------------------- */
main section#paragraphe-un{display:flex;justify-content:center;align-items:center;}

/* --------------------- Paragraphe deux ----------------------- */
main section#paragraphe-deux{display:flex;justify-content:center;align-items:center;flex-direction:row-reverse;}
main section#paragraphe-deux .img-left{margin-left:60px;margin-right:0;}

/* --------------------- expertise --------------------- */
.bloc-expertise{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:20px;}
.expertise-card{width:50%;}
.expertise-card:last-child{margin-top:50px;}
.expertise-card:first-child{margin-bottom:0px;}
.expertise-text{margin-left:0px;}
.expertise-image img{width:230px;}
	
/* --------------------- equipe --------------------- */
.tem-description-overlay.active {top:-32px;width:100%;position:relative;display:block;height:auto;top:100px;}

/* --------------------- chiffres clés --------------------- */
.stats-container{width:100%;max-width:1100px;}
.stat{margin:20px 0;}

/* ------------------- revue de presse --------------- */
.revue-grid{grid-template-columns: repeat(3, 1fr);}

/* --------------------- flux rss --------------------- */
#feed {display:block;}
#feed h2{text-align:center;}
#feed hr{width:75px;margin:0 auto;margin-top:20px;}
.blog-feed{display:flex;gap:20px;flex-wrap:nowrap;justify-content:space-around;margin-top:30px;}
.blog-post img{width:100%;object-fit:cover;display:block;}
	
/* --------------------- partenaires --------------------- */
.partners-section{display:block;}

/* --------------------- newsletter --------------------- */
.rgpd-info{padding:0 50px;}

/* --------------------- footer --------------------- */
.footer-container{display:flex;flex-wrap:wrap;min-height:150px;}
.footer-col{width:25%; box-sizing: border-box;border-right: 2px solid #dcbb76;border-bottom:none;padding:0 20px;}
.footer-col:last-child{border-right: none;}
.logo-col{display:flex;align-items:center;justify-content:center;min-height:150px;}
}

/* --------------------------------------
---------------- 1024px ------------------
--------------------------------------- */

@media screen and (min-width:1024px){
header{width:900px;}
main{width:900px;}
a.btn-secondaire{font-size:16px;padding:8px 15px;margin-top:30px;}
.stat{width:250px;}
.footer-container{width:900px;}
.domains-grid{grid-template-columns: repeat(3, 1fr);}
.target-grid {grid-template-columns: repeat(3, 1fr);}
#revue-section {grid-template-columns:repeat(3, 1fr);margin-top:40px;}
/* --------------------- partenaires --------------------- */
.partners-grid {grid-template-columns: repeat(4, 1fr);}
}

/* --------------------------------------
---------------- 1200px ------------------
--------------------------------------- */

@media(min-width:1200px){
header{width:1000px;}
.navbar{padding: 20px 40px;}
.nav-links{gap:40px;}
.contact-btn{margin-left:40px;}
main{width:1000px;}
/*.domains-grid{grid-template-columns: repeat(4, 1fr);}*/
#revue-section {margin-top:40px;}

/* --------------------- conseil CGP --------------------- */
#conseil-pro{margin-top:60px}
.quote-arrow{top:50%;}
	
/* --------------------- equipe --------------------- */
.tem-description-overlay.active {display:flex;width:100%;height:100%;align-items:center;left:-30px;position:absolute;padding:30px;flex-direction:row;justify-content:center;width:100%;padding:30px;height:400px;top:-23px;}

/* --------------------- chiffres clés --------------------- */
.stat{text-align:left;}

/* ------------------- revue de presse --------------- */
.article-card{padding:30px;}

/* --------------------- flux rss --------------------- */
a.btn-secondaire{font-size:18px;}
#feed a.btn-secondaire{font-size:18px;padding:8px 15px;}
.btn-expert{width:138px;font-size:18px;}

/* --------------------- newsletter --------------------- */
#newsletter-section{margin-bottom:50px;}
.rgpd-info{padding:0 70px;}

/* --------------------- footer --------------------- */
.footer-container{width:1000px;}

}

/* --------------------------------------
---------------- 1400px ------------------
--------------------------------------- */

@media(min-width:1400px){
header{width:1300px;}
.logo img{height:60px;}
main{width:1300px;margin:0 auto;}
h2{font-size:30px;}
.partners-section h2 {font-size:30px;}
.bloc-expertise{gap:50px;}
.domains-grid, .target-grid{max-width:1300px;}
.partners-grid{max-width:1300px;}

/* --------------------- slider --------------------- */
.slide-banner{height:550px;}
.slide-content h1{font-size:37px;}

/* --------------------- presentation cabinet et paragraphe --------------------- */
#presentation-cabinet h2, #paragraphe-un h2, #paragraphe-deux h2{width:500px;font-size:30px;}
.img-left{max-width:450px;margin-right:120px;margin-bottom:0px;}
main section#paragraphe-deux .img-left{margin-left:120px;}

/* --------------------- conseil CGP --------------------- */
#conseil-pro{margin-top:80px}

/* --------------------- expertise --------------------- */
#expertise-section{align-items:center;gap:20px;}
.expertise-image img{width:270px;}
.expertise-text ul li{font-size:20px;}
.expertise-card:last-child{margin-top:100px;}

/* --------------------- A qui s'adresse --------------------- */
.target-grid {grid-template-columns: repeat(5, 1fr);}

/* ------------------- equipe --------------- */
.team-info{max-width:250px;}
.tem-description-overlay.active {left:-23px;top:-30px;width:400px;height:100%;}
	
/* --------------------- partenaires --------------------- */
.partners-grid {grid-template-columns: repeat(6, 1fr);}

/* ------------------- revue de presse --------------- */
.article-card{padding:45px;}

/* --------------------- footer --------------------- */
.footer-container{width:1300px;max-width:1300px;}

}

/* --------------------------------------
---------------- 1600px ------------------
--------------------------------------- */

@media(min-width:1600px){
header{width:1400px;}
main{width:1400px;margin:0 auto;}	
.nav-links{gap:30px;}
.contact-btn{padding:8px 18px;}
.bloc-expertise{gap:60px;}
.domains-grid, .target-grid{max-width:1400px;}
.partners-grid{max-width:1400px;}
  
/* --------------------- chiffres clés --------------------- */
.stat{width:300px;}

/* --------------------- newsletter --------------------- */
.rgpd-info{padding:0 100px;}

/* --------------------- equipe --------------------- */
.tem-description-overlay.active {left:-7px;top:-32px;}

/* --------------------- footer --------------------- */
.footer{font-size:17px;}
.footer-col ul li{font-size:17px;}
.social-icons a img{width:35px;height:35px;}
.footer-bottom{font-size:17px;}
}