/*
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
*/

/*
  ____ _____     _____      ____ ___  __  __ __  __ _   _ _   _ ___ _______   __
 |  _ \_ _\ \   / /_ _|    / ___/ _ \|  \/  |  \/  | | | | \ | |_ _|_   _\ \ / /
 | | | | | \ \ / / | |    | |  | | | | |\/| | |\/| | | | |  \| || |  | |  \ V /
 | |_| | |  \ V /  | |    | |__| |_| | |  | | |  | | |_| | |\  || |  | |   | |
 |____/___|  \_/  |___|    \____\___/|_|  |_|_|  |_|\___/|_| \_|___| |_|   |_|

*/


/* 
** CENTRER DU CONTENU VERTICALEMENT 
** Voir tuto : https://www.divi-community.fr/snippets-divi/centrer-du-contenu-verticalement
*/

.centrer-verticalement {
  display: flex;
  flex-direction: column;
  justify-content: center;

/* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
}


/*
** INVERSER LE SENS DES COLONNES SUR MOBILE
** Voir tuto : https://www.divi-community.fr/snippets-divi/inverser-ordre-des-colonnes-sur-mobile
*/

@media only screen and (max-width : 980px) {
	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
    
    .menu-ligne {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .menu-ligne .et_pb_column {
    width: auto !important;
    flex: 1;
  }
    
    .et_mobile_menu {
        background:#545239;
        opacity:1;
        border-top:none;
    }
    
    .et_mobile_menu li a {
        border-bottom:1px solid rgb(255,255,255);
    }
    
    /* Changer la couleur de l'icône burger sur mobile */
    .mobile_menu_bar:before {
        color: #ffffff !important; /* Choisis ta couleur ici */
    }
    
    .et_secondary_nav_only_menu #top-header {
        display:block;
    }
    
    #top-header {
        height:30px;
    }

    .container {
        height:30px;
    }
    
    #et-secondary-menu {
        display:block!important;
        height:30px;
        width:100%;
    }
    
    #et-secondary-nav {
        display:block!important;
        height:30px;
        width:100%;
        text-align: center;
        padding-top:8px;
    }

    .et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4 {
        width:100%;
        margin-right:0;
        padding-bottom:0;
    }
    
    .et_contact_bottom_container {
        float: left;
        padding-top:15px;
    }
    
    
    /* CSS refermer les sous-menus sur mobile */

#mobile_menu1 .menu-item-has-children > a { 
	background-color: transparent;
	position: relative; 
}
#mobile_menu1 .menu-item-has-children > a:after { 
	font-family: 'ETmodules';
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position: absolute; 
}
#mobile_menu1 .menu-item-has-children > a:after { 
	font-size: 16px;
	content: '\4c';
	top: 13px;
	right: 10px; 
}
#mobile_menu1 .menu-item-has-children.visible > a:after { 
	content: '\4d'; 
}
#mobile_menu1 ul.sub-menu { 
	display: none !important;
	visibility: hidden !important;
	transition: all 1.5s ease-in-out;
}
#mobile_menu1 .visible > ul.sub-menu { 
	display: block !important;
	visibility: visible !important; 
}

}

@media only screen and (max-width : 375px) {
	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
    
    .et_secondary_nav_only_menu #top-header {
        display:block;
    }
    
    #top-header {
        height:30px;
    }

    .container {
        height:30px;
    }
    
    #et-secondary-menu {
        display:block!important;
        height:30px;
        width:100%;
    }
    
    #et-secondary-nav li.top-phone {
        display:none;
    }
    
    #et-secondary-nav li.top-quote {
        display:none;
    }
    
    .et_pb_tabs_controls li {
        width:100%;
    }
    
    .et_pb_tab_0 {
        text-align: center;
    }
    .et_pb_tabs_controls li.et_pb_tab_active {
        width:100%;
    }
    
    .et_pb_tabs_controls.clearfix li a {
        width:100%;
        margin:auto;
        text-align: center;
    }
    
    .et_contact_bottom_container {
        float: left;
        padding-top:15px;
    }
    
    

}





/*
** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer
*/

.et_mobile_menu {
	margin-left: -30px;
	padding: 5%;
	width: calc( 100% + 60px);
}

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

.et_pb_contact_field_options_title {
	color: white;
}




/* 
** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA 
** Parfois, suivant la taille du texte, certains chiffres du résultat sont masqués
*/
.et_pb_contact_right p input {
	max-width: 50px;
}


/*
** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE
** Généralement, ils sont bien trop gros…
*/
sup, sub {
    font-size: 70%;
}













/*
** HIDE DEFAULT DIVI HEADER
*/
#main-header {
 display: none;
 }

#page-container {
 padding-top: 0px !important;
 }

#main-footer {
 display: none;
 }