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

/*--------------------------------------------------------------------------------
---------------------------------- PRESET -----------------------------------------
----------------------------------------------------------------------------------*/

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

/*---------- COLOR ----------------
--------------------------------*/
:root{	
    --anthracite : #1a2047;
    --grisClair :  #f5f5f5;
    --grisFonce :  #ededf2; 
    --BrandColor : #192b80;
    --BrandColorFonce : #081f4c;
    --accentuation1 : #E5CFA1;
    --accentuation2 : #E5CFA1;
    --BorderRadius : 0px;
    --Size1: 0.5em;
    --Size2: 1em;
    --Size3: 1.5em;
    --Size4: 2em;
    --Size5: 3em;
}

/*--------------------------------------------------------------------------------
---------------------------------- STYLES -----------------------------------------
----------------------------------------------------------------------------------*/

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



/*----------------------------------------------------------
----------------------------- 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;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 1.2em;
}


.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);
}
ul {
 margin-top:20px;
} 
ul li {
  font-weight: 400;
}

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

.divider-center:after { 
    content:"";
    display:block;
    width:80px;
    border-top:1px solid var(--accentuation1);
    margin : 1em auto  0em auto;  
}


.divider-left:after { 
    content:"";
    display:block;
    width:80px;
    border-top:1px solid var(--accentuation1);
}

.sub-menu{
	margin: 0;
	background-color: #0d1e40 !important;
}


/*----------------------------------------------------------
----------------------------- ENTETE -----------------------*/

.header-content H1 {
    font-size:1.333em;
    margin-bottom : var(--Size1);
    color: var(--accentuation1) !important;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.et_pb_fullwidth_header_subhead {
    font-size:3em;
    margin-bottom : 1em;
    line-height: 1.3em !important;
}

.et_pb_fullwidth_header_subhead:after {
    content:"";
    display: block;
    width:50px;
    border-top : var(--accentuation1) 1px solid;
    margin : var(--Size2) auto;
}


.et_pb_fullwidth_header_container.left .et_pb_fullwidth_header_subhead:after {
    content:"";
    display: block;
    width:50px;
    border-top : var(--BrandColor) 1px solid;
	margin-left:0;
}


.et_pb_fullwidth_section .et_pb_fullwidth_header .header-image img {}

@media (max-width: 900px) {
.et_pb_fullwidth_header_subhead {
    font-size:1.5em;
    margin-bottom : 0.5em;
    line-height: 1.3em !important;
}

}


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

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

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

}
@media only screen and (max-width: 980px) {
  #main-header {
    background-color: var(--BrandColor) !important;
  }
}


/*-----btn cookie-----*/
.cookie_cta{
	background-color: var(--BrandColor);
    color: #fff;
    padding: 2px 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 {
}


/*-----------FLIPBOX-----------------*/
.flipbox {
	min-height:600px !important;
}

.flipbox .et_pb_text_inner{
	opacity:0;
	min-height:600px !important;
	padding : 2em; 
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}
.flipbox .et_pb_text_inner{
	opacity:0;
	min-height:600px !important;
	padding : 2em; 
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.flipbox:hover .et_pb_text_inner{
	opacity:1;
	background-color: rgba(30, 39, 71, 0.9);
	color : #FFF !important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	cursor:pointer;
}

/*----------------------------------------------------------
-------------------------- 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 {
    border: none;
    padding: 0px;
    background-color : rgba(255, 255, 255, 0) !important;
}

.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 {}

.et_pb_blurb_content {
 max-width: 100% !important;
 }

/*----------- BLURB POSITION TOP-----------------*/
.et_pb_blurb_position_top {}
.et_pb_blurb_position_top .et_pb_main_blurb_image {}
.et_pb_blurb_position_top .et_pb_blurb_container {}

.et_pb_blurb_position_top .et_pb_blurb_container .et_pb_module_header{}
.et_pb_blurb_position_top .et_pb_blurb_container.et_pb_blurb_description {}

/*----------- BLURB POSITION LEFT-----------------*/

.et_pb_blurb_position_left {}
.et_pb_blurb_position_left .et_pb_main_blurb_image {}
.et_pb_blurb_position_left .et_pb_blurb_container {}

.et_pb_blurb_position_left .et_pb_blurb_container .et_pb_module_header{}
.et_pb_blurb_position_left .et_pb_blurb_container.et_pb_blurb_description {}


/*----------- BLURB STYLE TUILE-----------------*/


.tuile {
   background-color: var(--grisClair);
   padding : var(--Size3) !important;
}
.tuile .et_pb_main_blurb_image  {
      max-width: 60px !important;
}
.tuile .et_pb_blurb_container {}

.tuile .et_pb_blurb_container .et_pb_module_header{}
.tuile .et_pb_blurb_container.et_pb_blurb_description {}

/*----------------------------------------------------------------
-------------------------- 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 div p{
	
}

.et_pb_promo{
	
}


/*---------------------------------------------------------
-------------------------- Réseaux Sociaux  --------------*/
.et_pb_social_media_follow_network_0_tb_body a.icon a{
	background-color: var(--BrandColorFonce) !important; 
}


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

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

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


.et_pb_fh_post_carousel .owl-carousel .et_pb_fh_carousel_item {
   background-color: transparent !important; 
}

.et_pb_fh_post_carousel .owl-carousel .owl-stage {
    margin-bottom: var(--Size3);
}
    
.et_pb_fh_post_carousel .owl-carousel .owl-nav button {
    position : relative !important;
}

.et_pb_fh_post_carousel .owl-nav {
    top:30px;
    float:right;
}

.fullWidth .et_pb_fh_post_carousel .owl-nav {
    top:30px;
    float: right;
    margin-right : 5%;
}

.et_pb_fh_post_carousel .owl-nav .owl-prev,
.et_pb_fh_post_carousel .owl-nav .owl-next {
    left : inherit !important;
    top : inherit !important;
    margin-top : none !important;
    right : 0px;
    background-color: var(--grisClair) !important;
}
 
.et_pb_fh_post_carousel .owl-carousel .owl-nav button.owl-next {
    right: -0px !important;
    margin-left:5px;
}

/*----------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
----------------------------- 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;}
 
 
.dark-elements{
	background-color: var(--grisFonce) !important;
	color: var(--anthracite) !important;
}

/*----------------------------------------------------------
-------------------------- 404 ---------------------------*/
.et_pb_module.et_pb_text.et_pb_text_0_tb_body.\34 04-text.et_pb_text_align_left.et_pb_bg_layout_light{
	text-align: center !important;
}
a.et_pb_button.et_pb_button_0_tb_body.text-404.et_pb_bg_layout_light{
	text-align: center
}

.404{
	padding: 80vh 0;
}

/*----------------------------------------------------------
------------------------- CARROUSEL ----------------------*/


.et_pb_fh_post_carousel_content h2{
	font-size: 20px;	
}
 
 /*---------------------------------------------------------
 -------------------------- ENTETE -----------------------*/

.dark .et_pb_fullwidth_header .header-content {color : #FFF;}
.dark .et_pb_fullwidth_header .header-content h1{color : var(--accentuation1)!important;}

/*----------------------------------------------------------
----------------------------- 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);
}

/*------------------------------------------ 
-------------------------- PROJET ----------*/
div#psp-sub-nav-dashboard{
	display: none !important;
}