/*
Theme Name: Divi Community Child Theme
Description: Theme enfant de Divi par Divi Community
Author: Julien - WebMate
Author URI: https://www.divi-community.fr
Template: Divi
Version: 1.1
*/

:root{
	--main:#114176 ;
	--second:#E94E24;
	--main-dark:#14365E;
	--main-light:#F08360;
	--main-xlight:#C8E6FA;
	--main-xxlight:#F7B3A2;
	--main-middle:#8BB3E0;
	--bkg:#F4FBFF;
	--black:#161930;
	--white:#ffffff;
}


body{
	font-family: "greycliff-cf", sans-serif !important;
	font-weight:500; font-style:normal;}

h1,h2{   font-family: "Funnel Display", sans-serif; font-weight:700;font-optical-sizing: auto; color:var(--main);} 
h3{ font-size:18px; padding-bottom:0px; }
h4{font-size:16px}

p a, .et_pb_text_inner li a  {
    text-decoration-line: underline;
    text-decoration-color: var(--second);
    font-weight: 600;
}

p a:hover, et_pb_text_inner li a:hover {
    text-decoration: underline;
    color: var(--second);
}

.et_pb_bg_layout_dark p a, .et_pb_bg_layout_dark li a{color:white;}


.bdr, .bdr-img img{border-radius:20px;} 
.bdr14{border-radius:14px;}
.pad15{padding:15px!important;}
.pad20{padding:20px !important;}
.pad30{padding:30px !important;}
.pad40{padding:40px !important;}
.pad0{padding:0px!important}
.pad8{padding:8px;}
.gap15{gap:15px!important;}
.gap20{gap:20px;}
.gap30{gap:30px;}
.mg0{margin:0px!important}
.mgt20{margin-top:20px;}

.bg-light{background-color:var(--main-xxlight)}
.bg-mlight{background-color:var(--main-xlight)}
.bg-middle{background-color: var(--main-middle)}
.w80{background-color: rgba(255,255,255,0.8)}
.w70{background-color: rgba(255,255,255,0.7)}
.w60{background-color: rgba(255,255,255,0.6)}
.w50{background-color: rgba(255,255,255,0.5)}
.w40{background-color: rgba(255,255,255,0.4)}
.bgmain{background-color:var(--main)!important;}
.bgsecond-main{color: var(--main)!important;background-color: var(--second)!important;}
.bgsecondlight{background-color: var(--main-light)!important;}
.white{color:white;}
.main {	color: var(--main)!important;}
.et_pb_bg_layout_dark .second, .second{color:var(--second)!important;}
.et_pb_bg_layout_dark .secondlight{color:var(--main-light)!important;}

.et_pb_row {width: 90%;}


.logo-client{border: 1px solid var(--main-xlight); border-radius:20px;width:150px; margin: 0px !important;}

.exergue{font-variation-settings:  "wght" 700, "opsz" 52, "ital" 1; color: var(--second)!important;}

.bold{font-variation-settings:  "wght" 700, "opsz" 52, "ital" 0; }

.medium{font-variation-settings:  "wght" 500, "opsz" 2, "ital" 0; }
	

.bt-second{ background:var(--main-xlight)!important;}
.bt-stroke{background:transparent !important; color:var(--main)!important;}
.bt-dark{
    padding: 8px 12px ;
    font-size: 15px !important;
    border-radius: 14px;
    font-weight: 700;
	color: var(--second) !important;
    background-color: var(--main-dark);}
.bt-dark a{color: var(--second)!important;}

.txt-center{text-align:center;}

 .txtCTA { font-size:25px; font-weight:700; display:flex; color:var(--main); line-height:1.2em;}

.et_pb_bg_layout_dark .txtCTA { color:white; }

.citation{ font-weight:bold; font-style:italic;font-size:19px;}


a.et_pb_button { font-weight:600;}
body.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_button:after {

    font-weight: 600 !important;
    padding-top: 3px;
    font-size: 17px !important;
}

.row_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.et_menu_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.row_flex>.et_pb_module { margin-bottom: 0px !important;}

.col_flex{display:flex;flex-direction:column;}
.between{justify-content: space-between;}
.al-center{align-items:center;}
.nowrap{ flex-wrap:nowrap;}
.fill{ width: -webkit-fill-available;}
.wfit{ width:fit-content;}
.between{justify-content:space-between;}

.flex-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.flex-grid>* {
    flex: 1 0 250px;
    margin: 0px !important;
}

.col3>* {flex: 1 0 310px;}
.fl200>*{flex: 1 0 200px; align-content:center;}
.argu{ flex: 1 0 250px; margin: 0px !important;line-height : 1.2em;}

.argu-gd{flex : 1 0 33%;}

.argu-small { flex: 1 0 200px; margin: 0px !important;padding:12px;border-radius:10px;}

.argu-small h3, .argu h3{ font-size:16px !important; display:flex; flex-wrap : nowrap; align-items:center; }

.argu-small i, .argu i, .itxtflex i { font-size: 20px; padding: 4px;}

.col-tag{display:flex;flex-wrap:wrap;gap:5px;}

.ititle h3 {
    padding: 5px;
    border-radius: 10px;
    width: fit-content;
	margin-bottom:15px;
	align-items: center;
    line-height: 1em;
	display:flex;font-size:18px;
}

.itxtflex>* {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 12px;
    border-radius: 20px;
    line-height: 1.2em;
    gap: 6px; margin:0px;
}

/*Listes*/

.liw40>* {background:rgba(255,255,255,0.4);}

ul.itxtflex li:before { display: none !important;}
ul.itxtflex {padding-left:0px; margin: 15px 0px 0px 0px;}

/*
ul.arrow-rond li:before {
    position: inherit !important;
    padding: 2px 4px !important;
    border-radius: 20px;
    font-weight: 700;
    font-size: 17px;
}

ul.arrow-rond li { display:flex; align-items:center; gap:5px;}
ul.arrow-rond{padding:0px;}


ul.li-main li:before {color: white !important;background-color: var(--main);}
ul.li-second-light li:before {color: white !important;background-color: var(--main-light);}

*/

.arrow-rond ul li:before {
    position: inherit !important;
    padding: 3px !important;
    border-radius: 20px;
    font-size: 16px; line-height:1em;
}

.arrow-rond ul li {
    display: flex;
    align-items: center;
    gap: 5px;}

.arrow-rond ul{padding: 15px 0px!important;}


.li-main ul li:before {color: white !important;background-color: var(--main);}
.li-second-light ul li:before {color: white !important;background-color: var(--main-light);}

#left-area ol, .entry-content ol, .et-l--body ol, .et-l--footer ol, .et-l--header ol ,#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul { line-height: 1.3em;}

.et_pb_text_inner ul li:before, .et_pb_toggle_content ul li:before {
    content: '\24';
    font-family: 'ETmodules';
    margin-right: 2px;
    vertical-align: middle;
    color: var(--second);
    position: absolute;
    left: -2px;
    padding-top: 3px;
    font-weight: 600;
}


.entry-content ul, .et-l--body ul {list-style-type:none !important; padding-top: 15px;}

li{margin-bottom:8px;}


.shadlight{box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);}
.shadblue{box-shadow: 0px 6px 14.4px 0px var(--main-middle);}

@media (max-width: 980px) {
    .et_pb_column .et_pb_row_inner, .et_pb_row {
        padding: 10px 0; }
	
	.dg_cptc_arrows{display:none;}
	
	.box-global-scroll>* {
    width: 900px !important;
    justify-content: start;}

.box-global-scroll {
  
    overflow: scroll;}
}



/* tableau*/

.cel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px !important;
    border-radius: 5px;
    margin: 5px;
    line-height: 1.2em;
}

tr,th{display:flex;}

tr, td, table, tbody { border: 0px !important;}

th{font-size:18px;color:var(--main)!important;}



sup, sub {
    font-size: 70%;
}

/*menu*/

.et_mobile_menu {
    margin-left: -40px;
    padding: 5%;
    width: calc(100% + 80px);
    overflow-y: scroll;
    height: 580px;
}

.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}



#top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after {color:var(--second);}

#top-menu li li a {
    padding: 14px 16px;
    border-radius: 14px;
    line-height: 1.2em;
	width:208px!important
}

#top-menu li li {
	padding: 0 14px !important;}

.nav ul li a:hover{
    background-color: var(--main-light);
	opacity: 1;}

.cta-menu{
    padding: 8px 12px ;   
    font-size: 15px !important;
    border-radius: 14px;
    font-weight: 600;
    border: 2px solid var(--second);}

.cta-menu a{ color: var(--main) !important;text-decoration: none;}

.cta-menu a i{ color: var(--second) !important;}

#et-top-navigation {
    padding-left: 0px !important;
}

.logo_container {
    position: inherit !important;
    width: auto !important;
    height: 58px !important;
}

	#et-secondary-menu{display:none;}

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

    .et_header_style_left #et-top-navigation {
        padding: 0px !important;
        background: var(--main);
        border-radius: 14px;
        margin: 15px;
    }
	    ul#menu-connexion {
        display: inline-flex; gap: 10px;align-items: stretch; }
	
	.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a, .et_header_style_left #et-top-navigation nav>ul>li>a {
       padding: 0px !important;display:flex;}
	
	#top-menu li {  margin: 0px !important; padding: 15px !important; }
	
	ul.sub-menu { border-radius: 14px;}
	
	.nav li ul{top:35px;padding: 10px 0;}
	
	#top-menu .menu-item-has-children>a:first-child:after{position:inherit!important;}
	#main-header .nav li ul a { color: var(--black) !important;}
	
}

@media only screen and (max-width: 980px) {
	.menu-connexion-container{display:none;}
	.et_header_style_left #logo {max-width: 100%;}
	.menu-connect-container{display:none ;}
	ul#mobile_menu>* {
        background: var(--bkg);
        border-radius: 14px;overflow: hidden; }
	 #main-header .et_mobile_menu li ul, .et_mobile_menu li li {
        padding-left: 0px !important;}
	.et_mobile_menu li li a:before {
        content: '$';
        font-family: ETmodules !important;
        background-color: var(--main);
        border-radius: 100%;
        color: var(--second);
        padding: 2px;
        margin-right: 8px;
        font-size: 16px;
    }
	 .et_mobile_menu li a {
        border-bottom: 0px solid var(--main-xlight);    }
	    .et_mobile_menu li li a { font-weight: 600;font-size: 16px; color:var(--main);}
	.et_mobile_menu .menu-item-has-children>a {
    font-weight: 700;
    background-color: var(--main);
    font-size: 17px;
}
	
}

/*Fin menu*/

.logo-client span.et_pb_image_wrap {
    display: flex;
    height: 80px;
    justify-content: center;
    align-content: center;
    padding: 15px;
    width: 150px;
    flex-wrap: wrap;
}

.logo-client span.et_pb_image_wrap img{max-height:60px; }

.et-db #et-boc .et-l .et_pb_accordion .et_pb_toggle {margin-bottom: 20px !important;}

.et-db #et-boc .et-l .ti-widget.ti-goog .ti-review-item>.ti-inner { border-radius: 20px !important;}

.ti-widget.ti-goog .ti-controls .ti-next:before, .ti-widget.ti-goog .ti-controls .ti-prev:before, 
.ti-widget.ti-goog .ti-controls .ti-next:after, .ti-widget.ti-goog .ti-controls .ti-prev:after{background:var(--second)!important;}

.ariane {  background: var(--main-xxlight); width: fit-content;border-radius: 5px; padding: 3px 8px;}
span.breadcrumb_last { color: var(--second);  font-weight: 600;}
.ariane a { text-decoration: underline;}

/*Tag*/

.tag-formation {
    background: rgba(255, 255, 255, 0.6);
    padding: 5px;
    border-radius: 5px;
    color: var(--main-dark);
    margin-bottom: 2px !important;
    font-size: 14px;
    letter-spacing: -1px;
}

.title-tag {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 2px 4px;
    border-radius: 5px;
    color: var(--second);
    font-weight: 600;
    margin-right: 5px;
}

/*CPT galerie*/

.dg-cpt-taxonomies {  margin-bottom:0px;  }

.dg-cpt-taxonomies a, .dg-acf-field-inner {color: #e94e24 !important;    font-size: 13px !important;
    letter-spacing: -1px !important;
    line-height: 1em !important;
    border-radius: 5px;
    background-color:rgba(240, 131, 96, 0.24);
  	padding:5px;width:fit-content!important; margin-bottom:5px;white-space:nowrap;
}

.dgcm_cptfilter_0_tb_body .search_bar {
    border-radius: 14px; width: fit-content;}

.filter_section { display: flex;  flex-direction: row-reverse; justify-content: space-between;}

ul.autocomplete-list { border-radius: 14px;}


/*accordeon*/

.et_pb_toggle { padding: 20px; border:none; border-radius:20px;}
.et_pb_toggle_open {background-color: #fff;} .et_pb_toggle_close{ background-color: var(--bkg); }

.title-accordion:after { color: var(--main);font-family: FontAwesome !important; font-weight: 600 !important; content: "\f107" !important;}
h3.title-accordion {color:var(--main-dark)!important; font-size:15px; display:flex; justify-content:space-between;}
.content-accordion ul { list-style-type: none; padding:0px; text-indent: 22px;}
.content-accordion{padding-top:20px;}

body.mce-content-body {    padding: 10px !important;
    margin: 0px!important;}