/*
Theme Name: Divi Enfant - DiviKit
Description: Divi Enfant, theme enfant de Divi fourni par WPMarmite
Author: WPMarmite
Template: Divi
*/

/* ===============================
   VARIABLES GLOBALES
   =============================== */

:root {
  --anthracite: #161719;
  --anthraciteMoyen: #212226;
  --anthraciteClair: #2b2e33;
  --brandColor: #8000ff;
  --brandColorPale : #e5e5ff;
  --grisClair: #f9f9f7;
  --grisMoyen: #f3f3f0;
  --accent1: #ffea00;
  --accent1Pale: #ffffcc;
  --accent2: #0cf2a6;
  --accent2Pale: #d9ffec;
  --borderRadius: 0.6em;
    
  --sizeXS: 0.5em;
  --sizeS: 1em;
  --sizeM: 1.5em;
  --sizeL: 2em;
  --sizeXL: 3em;
    
  --fontMain: "Poppins", sans-serif;
  --fontHeading: "Poppins", sans-serif;
  
  --transistion : transform 0.3s ease;
  --agrandissement : scale(1.01);
  --ombrePortee :  0 20px 20px rgba(0, 0, 0, 0.05);
}

/* ===============================
   LARGEUR
   =============================== */
header .container,
footer .container,
.et_pb_row,
.et_pb_post_title .et_pb_title_container,
.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
  max-width:1400px;
  width:90%;
}

.et_pb_equal_columns .et_pb_column  {
  margin : auto 4% auto 0% ;
}

/* ===============================
   TYPOGRAPHIE
   =============================== */
body, 
.et_pb_module,
.et_pb_module p,
.et_pb_module span {
  font-family: var(--fontMain);
  font-size: 18px;
  line-height: 1.6em;
}

/* ---TITRE---*/
.et_pb_module h1,
.et_pb_module h2,
.et_pb_module h3,
.et_pb_module h4,
.et_pb_module h5,
.et_pb_module h6 {
  font-family: var(--fontHeading);
  line-height: 1.3em;
  margin-bottom: var(--sizeXS);
  font-weight: 500;
  padding-bottom: 0;
}
/* ---TITRE 1/1---*/
.et_pb_module h1 { font-size: 2.5em;}
.et_pb_module h2 { font-size: 2em;}
.et_pb_module h3 { font-size: 1.5em;}
.et_pb_module h4 { font-size: 1.333em;}
.et_pb_module h5 { font-size: 1.15em;}
.et_pb_module h6 { font-size: 1em;}

/* --- Paragraphe ---*/
.et_pb_module p {
    margin-top: 0;
    margin-bottom: var(--sizeM);
}

/* --- hr ---*/
.et_pb_module hr {
  border: none;
  border-top : 1px solid var(--grisMoyen);
  margin : var(--sizeM) 0; 
}

/* --- ul ---*/
.et_pb_module .et_pb_text ul { }

.et_pb_module .et_pb_text ul li { }

.et_pb_module .et_pb_text ul li::maker {
  color: var(--brandColor) !important;
}

/* --- blockquote ---*/
.et_pb_module blockquote {
  border-color: var(--brandColor);
}

/*--liens simple----*/
.et_pb_text p a,
.et_pb_text a{
  text-decoration: underline;
  text-decoration-color: var(--brandColor)!important;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition : var(--transistion);
}

.et_pb_text p a:hover,
.et_pb_text a:hover{
  color: var(--brandColor)!important;
}

strong {
  font-weight: 500;
}

.surtitre {
  color: var(--brandColor);
}

/* ===============================
   BOUTONS
   =============================== */

 a.et_pb_button{
  text-decoration: none !important;
  padding : 10px 15px !important;
}

 a.et_pb_button:hover{
  text-decoration: none !important;
  padding : 10px 35px 10px 20px !important;
}

/* ===============================
   FORMULAIRES
   =============================== */
.et_pb_contact_form .input,
.et_pb_contact_form textarea {
  background-color: var(--grisClair);
  color: var(--anthracite);
  border-radius: var(--borderRadius);
  padding : var(--sizeM);
}

.et_pb_contact_form input::placeholder,
.et_pb_contact_form textarea::placeholder {
  color: var(--anthracite);
  opacity: 0.5;
}

p.et_pb_contact_field {
  margin-bottom: var(--sizeM);
}

.et_contact_bottom_container {
  margin-top: 20px;
}

/* ===============================
   HEADER
   =============================== */

header .et_pb_image {
  float:left;
  display: inline-block;
  margin-right: 2em;
  margin-top:5px;
}

header .et_pb_image .et_pb_image_wrap {
  border-radius : 0px !important;
}
header .et_pb_image .et_pb_image_wrap img {
  border-radius : 0px !important;
}

header .dsm_mega_menu {
  float:left;
  display: inline-block;
  margin-top: 8px;
}

header .dsm-submenu-container {
  max-width:1340px;
  width:100%;
  margin: auto;
}

header .dsm-submenu-inner-container {
  background-color: transparent !important;
}

/* ===============================
 MEGA MENU
 =============================== */
 
#MegaMenu {
  background-color: #FFF;
  border-radius : var(--borderRadius);
  border : 2px solid var(--grisMoyen);
  padding : var(--sizeM); 
  min-width: 1200px;
  width:90%;
  top:25px;
  margin : auto;
  box-shadow: var(--ombrePortee);
}
 
#MegaMenu .et_pb_icon{
  width:15px;
  margin-right: 10px;
  display: inline-block;
  float: left;
  font-size: 15px !important;
}

#MegaMenu p{
  margin-bottom: var(--sizeXS);
}

#MegaMenu .et_pb_text{
  width:auto;
  display:inline-block;
}

#MegaMenu em{
  font-size: 0.666em;
}

#MegaMenu ul{
  padding : 0px !important;
  list-style-type: none !important;
}

#MegaMenu ul li {
  margin-bottom: 3px;
}

#MegaMenu ul li a {
 text-decoration: none;
 padding : 3px 7px;
 background-color: #FFF;
 border-radius : 5px;
 transition: var(--transistion);
 font-size: 0.9em;
}

#MegaMenu ul li a:hover {
  background-color: var(--grisClair);
}

#MegaMenu ul li::marker{
}


/* ===============================
   ENTETE
   =============================== */

/* --1ere entete--- */
.et_pb_section_first {
  background: var(--anthracite);
}

/* --Entete full witdh--- */
.et_pb_fullwidth_header {

}

/* --Entete pleine écran--- */
.et_pb_fullwidth_header.et_pb_fullscreen .header-content {
}

.et_pb_fullwidth_header H1.et_pb_module_header {
  font-size: 0.8em;
  color: var(--brandColor) !important;
  text-transform: uppercase;
  margin-bottom: var(--sizeXS);
  letter-spacing: 1px;
}

.et_pb_fullwidth_header span.et_pb_fullwidth_header_subhead {
  font-size: 2.5em;
  font-weight: 600;
  line-height: 1.3em;
  margin-bottom:0.5em;
  color: var(--anthracite);
}

.et_pb_fullwidth_header .et_pb_header_content_wrapper p {
  color: var(--anthracite);
}

.et_pb_fullwidth_header .header-image img{
  border-radius: var(--borderRadius);
  max-width: 600px;
  width:100%;
  text-align: center;
  border : 1px solid var(--grisMoyen);
  box-shadow : 15px 15px 20px var(--grisClair);
}


/* ===============================
 homeAnimation
 =============================== */

#homeAnimation {
}

#homeAnimation .et_pb_image{
  position : absolute;
}

#homeAnimation .et_pb_image_0 {
  position: absolute;
  top: 0%;
  left: 20%;
  animation: rightToLeft 4s ease-in-out infinite;
}

#homeAnimation .et_pb_image_1 {
  position: absolute;
  top: 40%;
  left: 12%;
  animation: topToBottom 8s ease-in-out infinite;
}

#homeAnimation .et_pb_image_2 {
  position: absolute;
  top: 30%;
  left: 72%;
  animation: bottomToTop 4s ease-in-out infinite;
}

#homeAnimation .et_pb_image_3 {
  position: absolute;
  top: 78%;
  left: 35%;
  animation: leftToRight 8s ease-in-out infinite;
}

/* Animations */
@keyframes rightToLeft {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(100px); }
  100% { transform: translateX(0); }
}

@keyframes topToBottom {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(100px); }
  100% { transform: translateY(0); }
}

@keyframes bottomToTop {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-100px); }
  100% { transform: translateY(0); }
}

@keyframes leftToRight {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(100px); }
  100% { transform: translateX(0); }
}

.et-fb-root-ancestor #homeAnimation .et_pb_image_0, 
.et-fb-root-ancestor #homeAnimation .et_pb_image_1, 
.et-fb-root-ancestor #homeAnimation .et_pb_image_2, 
.et-fb-root-ancestor #homeAnimation .et_pb_image_3 {
  animation : inherit !important;
  position : relative !important;
}

/* ===============================
 ENTETE-VIDEO
 =============================== */

/* ===============================
 BLOC TEXTE
 =============================== */

.et_pb_text .et_pb_text_inner {
  width : 100%;
  max-width: 100%;
}
 
.et_pb_text .et_pb_text_inner {
  width : 100%;
  max-width: 100%;
}

/* ===============================
 IMAGE
 =============================== */
 .et_pb_image .et_pb_image_wrap {
}

.et_pb_image img {
}
 
 .borderRadius {
   border-radius : var(--borderRadius);
 }
 
 /* ===============================
  SUPREM GALLERIE
  =============================== */

.dsm_filterable_gallery{}

.dsm_filterable_gallery .dsm-filterable-gallery-item {
  border-radius: 0.5em;
}

 /* ===============================
SUPREM IMAGE CARROUSEL
=============================== */
.dsm_image_carousel {}

.dsm_image_carousel .dsm_image_carousel_item img{
  border-radius: 0.5em;
}

.dsm_image_carousel .dsm_image_carousel_container:not(.dsm_image_carousel_slideshow) {
    margin-bottom: 0px;
}


/* ===============================
   BLURB
=============================== */

/* ---TOUS BLURB---*/
.et_pb_blurb {
  width : 100%;
  max-width: 100%;
  padding : var(--sizeM);
  border: 2px solid var(--grisMoyen);
  border-radius : var(--borderRadius);
  background-color: #FFF; 
}

.et_pb_blurb .et_pb_blurb_content {
  width : 100%;
  max-width: 100%;
  text-align: left;
}

/* ---BLURB IMAGE EN HAUT---*/
.et_pb_blurb_position_top {
}

.et_pb_blurb_position_top .et_pb_main_blurb_image {
}

/* ---BLURB IMAGE A GAUCHE---*/
.et_pb_blurb_position_left {
  padding-right: var(--sizeL);
}

/* ===============================
 PORTEFEUILLE FILTRABLE
 =============================== */
 
/* === GRILLE 3 COLONNES PERSONNALISÉE POUR PORTFOLIO DIVI === */
@media only screen and ( min-width: 768px ) {
.et_pb_portfolio_grid .et_pb_grid_item,
.et_pb_filterable_portfolio .et_pb_grid_item { 
  width: 31% !important; 
  margin: 0 3.5% 3.5% 0 !important;
}
.et_pb_portfolio_grid .et_pb_grid_item:nth-child(3n),
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(3n) { 
  margin-right: 0 !important; 
}
 
.et_pb_portfolio_grid .et_pb_grid_item:nth-child(3n+1),
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(3n+1) { 
  clear: left;
}

.et_pb_portfolio_grid .et_pb_grid_item:nth-child(4n+1),
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(4n+1) { 
  clear: unset !important;
}

.et_pb_portfolio_grid .et_pb_grid_item:nth-child(12n+1),
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(12n+1) { 
  clear: both !important; 
}

}

/* === STYLE DES ITEM PORTFOLIO === */

.et_pb_portfolio_grid {}

.et_pb_portfolio_item {}

.et_pb_portfolio_item .et_portfolio_image img{
  border-radius: var(--borderRadius);
  border: 1px solid var(--grisMoyen) !important;
}

.et_pb_portfolio_item .et_pb_module_header {
  margin-bottom: var(--sizeS);
}

/* === STYLE DES BOUTONS DE FILTRE DU PORTFOLIO === */

/* Conteneur général pour styliser les filtres */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
    display: inline-block;
    margin: 0 10px 15px 0;
}

/* Boutons : style de base (non actif) */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--grisClair);
    color: var(--anthracite);
    border-radius: var(--borderRadius) !important;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none !important;
    border: none;
}

/* Bouton au survol (non actif) */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
    background-color: var(--grisMoyen);
    color: var(--anthracite);
}

/* Bouton actif (filtre sélectionné) */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    background-color: var(--anthracite);
    color: #fff;
    border-radius: var(--borderRadius);
}

/* === OVERLAY SUR IMAGE DE PROJET === */

/* Conteneur du projet */
.et_pb_portfolio_item .et_overlay {
  background-color: rgba(0, 0, 0, 0.6) !important; /* noir transparent */
  opacity: 0;
  border-radius: var(--borderRadius) !important; 
}

/* Affichage au survol */
.et_pb_portfolio_item:hover .et_overlay {
  opacity: 1;
  border-raidus: var(--borderRadius) ;
}

/* Icône (loupe ou lien) */
.et_pb_portfolio_item .et_overlay:before {
  color: var(--brandColor);
  font-size: 2em;
}

/* === META DES PROJET === */
.et_pb_portfolio_grid p.post-meta{
  color : #FFF !important;
}

.et_pb_portfolio_grid p.post-meta a {
  background-color: var(--grisClair);
  color : var(--anthracite);
  border-radius: var(--borderRadius);
  margin-right:var(--sizeXS);
  padding : 0.5em 1em;
  font-size:12px;
  transition : var(--transistion);
}

.et_pb_portfolio_grid p.post-meta a:hover {
  background-color: var(--anthracite);
  color : var(--brandColor);
}


/* ==============================================
  SUPREM BLOG CARROUSEL / SUPREM POST CARROUSSEL
================================================= */

.dsm-blog-carousel-item,
.dsm-post-carousel-item,
.dsm_card_carousel_child{
  background-color: var(--grisClair) !important ;
  border-radius : var(--borderRadius);
  border : 1px solid var(--grisMoyen);
  transition: var(--transistion);
  transform : scale(0.99);
}

.dsm-blog-carousel-item:hover,
.dsm-post-carousel-item:hover {
 transform: initial;
 z-index : 9999999;
}

.dsm-blog-carousel-item a,
.dsm-post-carousel-item a,
.dsm_card_carousel_child a {
  text-decoration : none;
}

.dsm-post-excerpt p {
  margin-bottom: var(--sizeXS);
}

.dsm-entry-title {
  margin-bottom: 0;
  font-size: 1em !important;
}

.dsm-entry-thumbnail a img,
.dsm_card_carousel_child_img {
  border-radius: var(--borderRadius) var(--borderRadius) 0 0 ;
}

.dsm-entry-meta {
  margin-bottom: var(--sizeS);
}

.dsm-meta-seperator {
  display : none;
}

.dsm-posted-category a {
  background-color: var(--accent1Pale);
  padding : 5px 10px;
  margin-right:10px;
  border-radius : var(--borderRadius);
  font-size : 12px;
  color: var(--anthracite);
}

.dsm_card_carousel_child_badge_text {
  background-color: var(--accent1Pale);
}

/* ===============================
  SUPREM BLOG TYPE CARROUSSEL 
================================== */

.dsm-blog-carousel{}
 
/* ===============================
  SUPREM POST TYPE CARROUSSEL 
================================== */
  
.dsm-post-carousel{}

/* ===============================
  SUPREM CARD CARROUSSEL 
================================== */

.dsm_card_carousel{
  transform : none;
}
 
/* ===============================
   TOOGLE
================================== */
   
.et_pb_toggle,
.et_pb_toggle_open {
  background: transparent;
  border: none;
  border-bottom : 1px solid var(--grisClair);
  margin-bottom: var(--sizeXS) !important;
  padding :  var(--sizeS) 0 !important;
}

/* === PICTO TOOGLE FERME ===*/

/* TITRE */
.et_pb_toggle_title {}

/* PICTO */
.et_pb_toggle_title:before {}

/* ===PICTO TOOGLE OUVERT=== */

/* TITRE */
.et_pb_toggle_open .et_pb_toggle_title {}

/* PICTO */
.et_pb_toggle_open .et_pb_toggle_title:before {
  color : var(--brandColor);
}

.et_pb_toggle_close .et_pb_toggle_title:before {
  color : var(--brandColor);
}

/* ===============================
   SUPREM TAB PANNEL
=============================== */

.dsm_advanced_tabs {}

/*--ONGLET--*/
.dsm_advanced_tabs .dsm-tab {
  background: #FFF;
  background-color: #FFF;
  border-radius : 10px 10px 0 0;
  min-width:120px;
}

.dsm_advanced_tabs .dsm-tab:hover {
  background: var(--grisClair);
  background-color: var(--grisClair);
}

.dsm_advanced_tabs .dsm-tab.dsm-active {
	border-bottom:3px solid var(--anthracite);
}

.dsm_advanced_tabs .dsm-tab .dsm-title {
  margin-bottom: var(--sizeS);
}

.dsm_advanced_tabs .dsm-tab .dsm-tab-subtitle {
	font-size: 0.666em;
}

/*--PANNEAUX--*/

.dsm_advanced_tabs .dsm-content-wrapper{
  border : 0px;
  padding : var(--sizeL) var(--sizeXS) !important;
  border-top: 2px solid var(--grisClair) !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-bottom: 0px  !important;
}

.dsm_advanced_tabs .dsm-inner-content-wrapper {
	gap : 80px;
}

.dsm_advanced_tabs .dsm-image {
  width:100%;
  max-width:650px;
  border-radius : var(--borderRadius);
}

.dsm_advanced_tabs .dsm-image img{
  border-radius : var(--borderRadius);
}


/* ===============================
   TEAM MEMBERS
=============================== */

.et_pb_team_member .et_pb_member_position {
  color: var(--brandColor);
}

.et_pb_team_member_description {
  font-size: var(--sizeS);
}

/* ===============================
   CTA PROMO
================================== */

.et_pb_promo {
  border-radius : var(--borderRadius);
  background-color: var(--anthracite);
  background-image: url(https://draker.fr/wp-content/uploads/BG-LOGO-22.png) !important;
  background-size: 500px auto;
}

.et_pb_promo:before {
  position : absolute;
  left : -64px;
  top : -40px;
  transform: scale(0.8);
}

.et_pb_promo:after {
  position : absolute;
  right : -38px;
  bottom : -27px;
  transform: scale(0.6);
}

.et_pb_promo:hover{}

.et_pb_promo .et_pb_promo_description {
 color : #FFF;
 max-width: 900px;
 margin:auto;
}

.et_pb_promo .et_pb_promo_description .et_pb_module_header {
	color : var(--anthracite);
}

.et_pb_promo .et_pb_promo_button {}

/* ===============================
 PRICING TABLE
=============================== */
 
/*--PANNEAUX-- */
.et_pb_pricing {
  border: none;
}

/*--PANNEAUX WRAP-- */
.et_pb_pricing_table_wrap {
}
 
/*--PANNEAU 1/1-- */
.et_pb_pricing .et_pb_pricing_table {
	border : none;
  background-color: var(--grisClair);
  border-radius : var(--borderRadius);
}

/*--PANNEAU FEATURED-- */
.et_pb_pricing_table.et_pb_featured_table {
  background-color: #FFF;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.05) !important;
  border : 1px solid rgba(255,255,255,0.2);
}

/*--1. ENTETE-- */ 
.et_pb_pricing .et_pb_pricing_table .et_pb_pricing_heading {
	background-color: var(--anthracite);
	border: none;
  padding : var(--sizeM) var(--sizeS);
  border-radius : var(--borderRadius) var(--borderRadius) 0 0;
}

/*--entête prix-- */
.et_pb_pricing .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title {
	margin-bottom:0;
}

/*--2. PRICING-- */ 
.et_pb_pricing .et_pb_pricing_table .et_pb_pricing_content_top {
	border : none;
  border-bottom : 1px solid var(--grisMoyen);
  padding-bottom: var(--sizeXS);
}

.et_pb_pricing .et_pb_pricing_table .et_pb_dollar_sign {
	font-size: 1em;
	font-weight: bold;
	margin-left:-1.5em;
	color: var(--anthracite);
}

.et_pb_pricing .et_pb_pricing_table .et_pb_sum {
	font-size: 3em;
	font-weight: bold;
	color: var(--anthracite);
}


/*--3.CONTENT -- */ 
.et_pb_pricing .et_pb_pricing_table .et_pb_pricing_content {
	border : none;
}

.et_pb_pricing .et_pb_pricing_table  ul li span:before{
  border-color : var(--brandColor);
}

.et_pb_pricing .et_pb_pricing_table ul li.et_pb_not_available span:before{
  border-color : var(--accent1);
}

.et_pb_pricing .et_pb_pricing_table .et_pb_pricing_content ul li {
  padding-bottom : var(--sizeXS);
}


/* ===============================
 TESTIMONIAL
=============================== */

.et_pb_testimonial {
  background-color: var(--grisClair);
  border-radius : var(--borderRadius);
}

/* ===============================
 TOGGLE
=============================== */

.dsm_content_toggle {}

.dsm-switch-inner {
  background-color: var(--grisMoyen);
  border: 2px solid var(--grisClair);
}


/* ===============================
 CATALOGUE SERVICES
=============================== */

.catalogueServices {
  background-color : var(--grisClair);
}


.catalogueServices .et_pb_row {
  padding : var(--sizeS) 0 !important ;
}

.catalogueServices .et_pb_row p{
  margin-bottom: 0px; ;
}
 
 /* =============================================================
    DARK MODE (active si classe "dark" sur une section)
    =========================================================== */
 
 /* --- Fond général --- */
 .dark {
   background-color: var(--anthracite) !important;
   color: #FFF !important;
 }
 
 /* --- Titres et paragraphes --- */
 .dark h1,
 .dark h2,
 .dark h3,
 .dark h4,
 .dark h5,
 .dark h6,
 .dark p,
 .dark span,
 .dark li {
   color: #FFF;
 }
 
/* --- Liens --- */
.dark a {
   color: #FFF;
   text-decoration-color: var(--brandColor) !important;
 }
 
/* --- Blocs texte --- */
.dark .et_pb_text {
  color: #FFF;
}
 
/* --- BLURB --- */
.dark .et_pb_blurb {
  background-color: var(--anthraciteMoyen);
  border: none;
}

/* --- ACCORDEONS --- */

.dark .et_pb_accordion {
}

.dark .et_pb_toggle { 
  border-bottom: 1px solid var(--anthraciteMoyen);
} 

.dark .et_pb_toggle .et_pb_toggle_title{ 
  color : #FFF;
}

.dark .et_pb_toggle_open {
  
}