/*
CTC Separate Stylesheet
Updated: 2025-12-29 11:13:43
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.5.1767006823
*/
@import url("../Divi/style.css");

#top-header .container {
    padding-top: .75em;
    font-weight: 400;
}

#top-menu {
font-weight:500;
}
#top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, #top-menu li.current_page_item>a {
    color: #5b8da9 !important;
}
#top-menu li.current-menu-item>a {
    color: #5b8da9 !important;
}
.nav li ul {   
    top: 41px;
}
.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote {
    border-color: #4f6e80 !important;
}
@media (min-width: 981px) {
  .dt-4-columns-blog .et_pb_salvattore_content[data-columns]::before {
    content: '4 .column.size-1of4' !important;
  }

  .dt-4-columns-blog .column.size-1of4 {
    width: 24% !important;
    margin-right: 1%;
  }

  .dt-4-columns-blog .et_pb_post {
    margin-bottom: 11px;
  }
}


/* Positionne le menu principal en face du logo */
#et-top-navigation {
    float: right;
    position: relative;
    top: 40px;
}


.container.et_search_form_container {
    position: relative;
    top: 40px;
}
/* Logo size */
@media (max-width:  540px){
	#logo {
		max-height: 99%;
	} 
	
}

/* Met logo / icônes / menu sur une même ligne */
#main-header .et_menu_container{
  display: flex;
  align-items: center;
}

/* Le logo garde sa place */
#main-header .logo_container{
  flex: 0 0 auto;
}

/* Les icônes au milieu (ou proche du menu) */
#main-header .nd-header-icons {
    display: flex;
    align-items: center;
    gap: 33px;
    margin: 0 0px;
    flex: 0 0 auto;
    position: absolute;
    right: 0;
    top: 13px;
}

/* Le menu prend l'espace restant et reste aligné à droite */
#main-header #et-top-navigation{
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
}

/* Style des icônes */
#main-header .nd-hi{
 color:#4f6e80;
  text-decoration: none;
}
.nd-hi{
  display:inline-flex;
  align-items:center;
  gap:5px;
  text-decoration:none;
}

.nd-svg{
  width:25px;
  height:25px;
  fill: currentColor;
  color:#F7F7F7;
	background:#86a7ba;
	border-radius: 3px 3px 3px 3px;
    /*overflow: hidden;*/
  	padding-top: 3px !important;
    padding-right: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 3px !important;
}


/* Option: cacher sur mobile si tu veux */
@media (max-width:  540px){
 #main-header .nd-header-icons{ display:none; position:relative;}
 #et-top-navigation { top: 0px; }
}
.et_mobile_menu {
	border-color: #4f6e80;
}
#main-header .nd-header-icons.nd-mobile {
      display: block;
}

/* Bloc actions dans menu mobile */
#mobile_menu .nd-header-icons.nd-mobile{
  border-bottom: 1px solid rgba(0,0,0,.08);
  top:0px;
  font-weight: 500;
  background-color: #eaf3f9;
}

/* Chaque lien = ligne */
#mobile_menu .nd-header-icons.nd-mobile .nd-hi{
  display:flex;
  align-items:center;
  padding: 10px 10px;
  text-decoration:none;
  line-height: 1.2;
}

/* SVG */
#mobile_menu .nd-header-icons.nd-mobile .nd-fa-svg,
#mobile_menu .nd-header-icons.nd-mobile .nd-svg{
  width:25px;
  height:25px;
  fill: currentColor;
  color:#F7F7F7;
  background:#86a7ba;
  flex:0 0 auto;
}

.btn-contact {
  display: inline-block;
  background-color: #d09c01;
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
  font-size: 13px;
  font-weight:600;
  padding: 7px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.btn-confession {
  display: inline-block;
  background-color: #8300e9;
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
  font-size: 13px;
  font-weight:600;
  padding: 7px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}