/*
 Theme Name: Philanthrôpia
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Child theme derived from Divi
 Author: Progexia Solutions Web
 Author URI: https://www.progexia.com
 Template: Divi
 Version: 1.0.0
*/

.et-social-linkedin a.icon:before { content: '\e09d'; }
#top-header{display:none;}
#et-top-navigation #et-info-phone{margin:0;}
#et-top-navigation .et-social-icons li {margin-left:8px;}
#et-top-navigation .et-social-icons {margin-left:50px;margin-top: -6px;}
#et-top-navigation .et-social-icons li a {font-size:20px;color:#b6b66c;}
#et-info-phone {margin-right:0;}

.et_pb_text ol, .et_pb_text ul {
  margin-top: 1em;
}

/* Large Desktops and Huge Screens */
@media (min-width: 1091px) {
	.home .et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content h1.et_pb_module_header{width: 500px;}
	#et-top-navigation .et-social-icons {margin-left: 50px;float: left;margin-right: 10px;}
}
@media (max-width: 1090px) {
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container{width:90%;}
	.container, .et_pb_row {width:90%;}
	#logo {max-width:200px;}
	#et-top-navigation .et-social-icons {margin-left: 20px;}
	#header_accueil {background-position: right 50px;}
}
/* Laptops and Small Screens */
@media (max-width: 1024px) {
	.home .et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content h1.et_pb_module_header{width: 60%;}
	#et-top-navigation .et-social-icons {margin-left: 0;margin-right: 50px;float: left;margin-top: 3px;}
	.et_pb_section {padding: 15px 0;}
	#header_accueil {background-position: right 100px;}
}
/* Tablets and iPads */
@media (max-width: 768px) {
	.home .et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content h1.et_pb_module_header{width: 60%;}
	#et-top-navigation .et-social-icons {margin-left: 10px;margin-right:0;}
}

/* Mobile Phones (Smallest) */
@media (max-width: 480px) {
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container{width:90%;}
	.container, .et_pb_row {width:90%;}
	h1 {font-size:40px;}
	#et-top-navigation{padding-left:0 !important;}
	#et-top-navigation .et-social-icons {margin-left: 0;float: left;margin-right: 10px;margin-top: 3px;}
	#header_accueil {background-position: -430px 100px;}
}


.temoignage .dsm_card_carousel_child .et_pb_module_inner {border-radius:25px;background-color:rgba(84,83,77,0.1);}
.temoignage .dsm_card_carousel_child .et_pb_module_inner .dsm_card_wrapper {padding:40px;}


.valeur h4 {padding-bottom:0;}
.valeur .et_pb_column {display: flex;align-items: center;}
.valeur .et_pb_blurb {width:100%;}

.service {padding:35px;}
.service .et_pb_blurb_content{height:160px;}
.service h4 {line-height:1.3em;}
.service .et_pb_main_blurb_image {width:100px;vertical-align: middle;}
.service .et_pb_blurb_container {display: flex;	flex-direction: column-reverse;}
.service .et_pb_blurb_container .et_pb_blurb_description img {margin-bottom:20px;}
@media (max-width: 1090px) {
	.service .et_pb_blurb_container .et_pb_blurb_description img{margin-top:30px;}
}

.entete.et_pb_section,
.entete.et_pb_row{padding-bottom:0;padding-top: 3vw;}
.entete.et_pb_section + .et_pb_section{padding-top:0;}

.equipe.et_pb_section .et_pb_team_member {height:100%;}
.equipe.et_pb_section .et_pb_team_member_image {margin:0 auto 30px;max-width:275px;}
.equipe.et_pb_section .et_pb_team_member h4.et_pb_module_header {font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;font-weight: 500;color: #424300;font-size: 19px;}
.equipe.et_pb_section .et_pb_team_member .et_pb_member_position {color: #b6b66c;font-weight:500;}
.equipe.et_pb_section .et_pb_team_member .et_pb_member_position + div {margin-top:20px;}
.equipe.et_pb_section .et_pb_team_member .et_pb_member_social_links .et_pb_linkedin_icon::before {color: #b6b66c;font-size:19px;}

.et_pb_team_member_description {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 12px; /* espace horizontal léger */
  row-gap: 8px;     /* espace vertical entre lignes */
}

/* Le titre occupe toute la largeur, en premier */
.et_pb_team_member_description > .et_pb_module_header {
  order: 1;
  flex: 0 0 100%;
  margin: 0 0 6px 0;
}

/* La ligne "poste + réseaux" : même ordre et même ligne */
.et_pb_team_member_description > .et_pb_member_position {
  order: 2;
  margin: 0;
  flex: 1 1 auto;     /* prend la place à gauche */
  min-width: 0;       /* évite les débordements */
}

/* Les liens sociaux vont à droite, sur la même ligne */
.et_pb_team_member_description > .et_pb_member_social_links {
  order: 2;
  margin: 0 0 0 auto; /* pousse à droite */
  padding: 0;
  list-style: none;
  display: flex;
  gap: 10px;
}

/* Le bloc de description en pleine largeur, après */
.et_pb_team_member_description > div {
  order: 3;
  flex: 0 0 100%;
}

/* Petites retouches pour les icônes */
.et_pb_team_member_description .et_pb_member_social_links li {
  display: inline-flex;
}
.et_pb_team_member_description .et_pb_member_social_links a {
  text-decoration: none;
  line-height: 1;
}


/* 2 zones de 50% côte à côte */
.carte-cta .dsm_card_wrapper {
	display: grid !important;
	grid-template-columns: 1fr 1fr; /* 50% / 50% */
	align-items: center;            /* centre verticalement le contenu de chaque colonne */
	justify-items: center;          /* centre horizontalement chaque élément */
	text-align: center;
	/*min-height: 280px;*/              /* ajuste selon la hauteur visuelle désirée */
}

/* Zone GAUCHE : le H4 occupe toute la hauteur (les 2 lignes) et se centre */
.carte-cta .dsm_card_wrapper .dsm_card_title {
	grid-column: 1;
	grid-row: 1 / span 2;           /* occupe toute la hauteur */
	margin: 0;
	align-self: center;
	justify-self: center;
	text-align: center;
}

/* Colonne droite — sous-titre + bouton */
.carte-cta .dsm_card_subtitle,
.carte-cta .et_pb_button_wrapper {
	grid-column: 2;
	text-align: center;
}
/* Zone DROITE : sous-titre en ligne 1, bouton en ligne 2, tous deux centrés */
.carte-cta .dsm_card_wrapper .dsm_card_subtitle {
margin-bottom: 0.4em; /* réduit l’espace vertical */
}

.carte-cta .dsm_card_wrapper .et_pb_button_wrapper {
margin-top: 0; /* supprime les marges par défaut du wrapper */
}

/* Responsive : pile les éléments sur mobile */
/* Responsive : tout empilé sur mobile */
@media (max-width: 767px) {
	.carte-cta .dsm_card_wrapper {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
	}
	.carte-cta .dsm_card_title,
	.carte-cta .dsm_card_subtitle,
	.carte-cta .et_pb_button_wrapper {
		grid-column: 1;
		text-align: center;
	}
}