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

/*---------- MENU ----------------
--------------------------------*/

#menu-comments,
#menu-posts-project,
#menu-posts-cas-usage {
    display : none !important;
}

::selection {  background: var(--BrandColor); color : #FFF}
::-moz-selection {background: var(--BrandColor)}

/*---------- COLOR ----------------
--------------------------------*/
:root{	
    --anthracite : #192233;
    --grisClair :  #F7F8FA;
    --grisFonce :  #EDEFF2; 
    --BrandColor : #0055FF;
    --BrandColorFonce : #004CE5;
    --accentuation1 : #FFD400;
    --BorderRadius : 0px;
    --Size1: 0.5em;
    --Size2: 1em;
    --Size3: 1.5em;
    --Size4: 2em;
    --Size5: 3em;
}


/*----------------------------------------------------------
----------------------------- WIDTH -----------------------*/

.et_pb_row {
    width: 90% !important;
    maw-width : 1350px !important;
}

.container {
    width: 90% !important;
    maw-width : 1350px !important;
}

.fullWidth {
    width: 100% !important;
    maw-width : 100% !important;
}

/*----------------------------------------------------------
----------------------------- FONT -----------------------*/

hr {
    border: none;
    border-top: 1px solid var(--grisClair);
    margin : var(--Size3) 0;
}

.et_pb_divider:before { border-top-color: var(--grisClair) !important}

.surtitre {
    color: var(--BrandColor) !important;
    margin-bottom: var(--Size1) !important;
}

.et_pb_module p { font-weight : 400; color: var(--anthracite)}
.et_pb_module strong { font-weight : 600;} 

.et_pb_module p a { 
    position :relative;
    display: inline-block;  
} 

.et_pb_module p a:after { 
    content: "";
    display: block;
    border-top: 1px solid var(--BrandColor);
    witdh: auto;
    margin-top:-2px; 
} 


ul li::marker {
        list-style-type: disc; 
        color: var(--BrandColor);
} 

h1, h2, h3, h4, h5, h6 { 
    color : var(--anthracite) !important;
    margin-bottom: var(--Size1);  
}

/*----------------------------------------------------------
----------------------------- ENTETE -----------------------*/
.et_pb_fullwidth_section {}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
    width : 90% !important;
}

.et_pb_fullwidth_section  .et_pb_fullwidth_header  {}

.et_pb_fullwidth_section  .et_pb_fullwidth_header H1:after {}

.et_pb_fullwidth_header_subhead {
    font-size:1.333em;
    margin-bottom : var(--Size1);
    color: var(--BrandColor);
}

.et_pb_fullwidth_section .et_pb_fullwidth_header .header-image img {}


/*-----BTN Contactez-nous------*/

.menu_cta {
    background-color: var(--BrandColor);
    color: #fff;
    padding: 0 !important;
}

.menu_cta a {
    color: #fff !important;
    padding: 10px !important;
}





/*----------------------------------------------------------
-------------------------- ICONOGRAPHIE --------------------*/

/*-----------IMAGES-----------------*/


/*-----------GALLERIES-----------------*/
.et_pb_gallery {}

.et-pb-slider-arrows .et-pb-arrow-prev,
.et-pb-slider-arrows .et-pb-arrow-next {
    
}

.et-pb-slider-arrows .et-pb-arrow-prev:before,
.et-pb-slider-arrows .et-pb-arrow-next:before {
}

/*----------------------------------------------------------
-------------------------- FORMULAIRE DE CONTACT ----------*/

/*-----------CHAMPS---------*/
.et_pb_contact_form .et_pb_contact_field {
    margin-bottom: var(--Size2);
}

.et_pb_contact_form .input {
    background-color: var(--grisClair);
    color: var(--anthracite);	
}

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

.et_contact_bottom_container { margin-top: 0; }

/*----------------------------------------------------------
-------------------------- RESUMES --------------------------*/

/*------------------- BLOG -----------------*/

.et_pb_blog_grid .et_pb_post {
    background-color :#FFF;
}

.et_pb_blog_grid .et_pb_post .et_pb_image_container {
    margin: 0px 0px 20px 0;
}

.et_pb_post {}

.et_pb_post .et_pb_image_container a {}

.et_pb_post .et_pb_image_container a img {}

.et_pb_post .et_pb_image_container a:hover img {}

.et_pb_post p.post-meta, .et_pb_post p.post-meta a  {
     color: var(--BrandColor) !important; 
}

.et_pb_post .post-content p {}


/*------- POST OVERLAY-----------*/

.et_pb_post .et_overlay {
    
}

.et_pb_post .et_overlay:before {
    
}


/*------------------- PORTFEUILLE FILTRABLE -----------------*/

/* -------------------------------------------------
PASSER SUR TROIS COLONNES 
----------------------------------------------------*/
 
@media only screen and ( min-width: 768px ) {
.three-column-grid .et_pb_grid_item { width: 31% !important; margin: 0 3.5% 3.5% 0 !important; }
.three-column-grid .et_pb_grid_item:nth-child(3n) { margin-right: 0 !important; }
.three-column-grid .et_pb_grid_item:nth-child(3n+1) { clear: left; }
.three-column-grid .et_pb_grid_item:nth-child(4n+1) { clear: unset !important; }
.three-column-grid .et_pb_grid_item:nth-child(12n+1) { clear: both !important; }
}

/*------- Trier par-----------*/

.et_pb_portfolio_filters ul li.et_pb_portfolio_filter a {
    border: none;
    border: none;
    backgournd-color: var(--grisFonce);
    margin-right:5px;
}

.et_pb_portfolio_filters ul li.et_pb_portfolio_filter a.active{
    backgournd-color: var(--grisClair);
}

/*------- PORTEFEUILLE RESUME-----------*/

.et_pb_portfolio_item {
    background-color: transparent;
    padding : none;
}

.et_pb_portfolio_item .et_portfolio_image{}

.et_pb_portfolio_item .et_portfolio_image img{}

.et_pb_portfolio_item .post-meta a{color : var(--BrandColor) !important;}

.et_pb_portfolio_item .et_pb_portfolio_excerpt { margin-bottom: var(--Size2);}

.et_pb_portfolio_item .et_pb_portfolio_link { color: var(--BrandColor);}


/*------- PROJECT OVERLAY-----------*/

.project .et_overlay {display: none; }

.project .et_overlay:before {
    
}

/*------- PAGINATION -----------*/

.et_pb_filterable_portfolio .et_pb_portofolio_pagination {
    border-top: 1px solid var(--grisClair);
}


/*----------------------------------------------------------------
-------------------------- MODULE RESUME -------------------------*/

.et_pb_blurb {}

/*----------- BLURB CENTRE-----------------*/
.et_pb_blurb_position_top .et_pb_image_wrap { maw-width : 200px;}

.et_pb_blurb_position_top .et_pb_blurb_container {
}

/*----------- BLURB GAUCHE-----------------*/
.et_pb_text_align_left {}

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


/*----------------------------------------------------------------
-------------------------- MODULE MEMBRE -------------------------*/


.et_pb_team_member {}

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

.et_pb_team_member_image {}

.et_pb_team_member_description{}

ul.et_pb_member_social_links {margin-top : var(--Size2);padding : 0px !important;}

ul.et_pb_member_social_links li {
    background-color: var(--grisClair);
    padding : var(--Size1) var(--Size2);
    margin-right: 5px;
}
ul.et_pb_member_social_links li a {color : var(--anthracite) ;}

ul.et_pb_member_social_links li:hover { background-color: var(--BrandColor);}
ul.et_pb_member_social_links li:hover a {color : #FFF !important;}


/*----------------------------------------------------------------
-------------------------- PANNEAU A ONGLETS ---------------------*/

.et_pb_tabs {border: none !important;}
ul.et_pb_tabs_controls { background-color: transparent; }

ul.et_pb_tabs_controls:after {border-top : none !important;}

.et_pb_all_tabs {margin-top: var(--Size3)}

.et_pb_tabs ul.et_pb_tabs_controls li { 
    background-color: var(--grisFonce); 
    border: none;
    margin-right:10px;
    margin-bottom:1px;
    padding : var(--Size1)
}

.et_pb_tabs ul.et_pb_tabs_controls li a { font-weight: 400 !important; }

.et_pb_tabs ul.et_pb_tabs_controls li.et_pb_tab_active { background-color: var(--grisClair);border: none;}

.et_pb_tabs ul.et_pb_tabs_controls li.et_pb_tab_active a { font-weight: 600 !important; }

.et_pb_tab, .et_pb_tab.et-pb-active-slide {background-color: transparent; padding : 0 !important;}

/*----------------------------------------------------------------
-------------------------- ACCORDEONS --------------------------*/

.et_pb_toggle {
    background-color: var(--grisClair);
    border: none;
    color: var(--anthracite) !important;
    margin-bottom: var(--Size2) !important;
}

.et_pb_toggle_title {
    color: var(--anthracite) !important;
}

.et_pb_toggle_open {}

.et_pb_toggle_close {
    background-color: var(--grisFonce) !important ;
}

.et_pb_toggle_title:before {
    color : var(--BrandColor)
}


/*---------------------------------------------------------
-------------------------- CTA  --------------------------*/

.et_pb_promo_description {
}

/*---------------------------------------------------------
-------------------------- SLIDER  -----------------------*/

.et_pb_slide {
    min-height: 400px;
    border-radius: var(--BorderRadius) !important;
}

/*---------------------------------------------------------------------
-------------------------- DIVI CARROUSSEL SLIDER  -----------------------*/




/*----------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
----------------------------- DARK MODE --------------------------------------------------------*/

.dark {background-color : var(--anthracite) !important; }
.dark .et_pb_module p,
.dark .et_pb_module a,
.dark .et_pb_module strong,
.dark .et_pb_module h4,
.dark .et_pb_module h3,
.dark .et_pb_module h2,
.dark .et_pb_module h1
 {color : #FFF !important;}
 
 /*---------------------------------------------------------
 -------------------------- ENTETE -----------------------*/

.dark .et_pb_fullwidth_header .header-content {color : #FFF;}

/*----------------------------------------------------------
----------------------------- FONT -----------------------*/

.dark hr {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    margin : var(--Size3) 0;
}

.dark .et_pb_divider:before { border-top-color: rgba(255, 255, 255, 0.2) !important}

.dark ul li {color : #FFF;}

/*----------------------------------------------------------
-------------------------- FORMULAIRE DE CONTACT ----------*/

.dark .et_pb_contact_form .input {
    background-color: rgba(255, 255, 255, 0.2);
    color: #FFF !important;	
}

.dark .et_pb_contact_form input::placeholder,
.dark .et_pb_contact_form textarea::placeholder {
    color: rgba(255, 255, 255, 0.7);
}