/*
il faut juste changer le nom de l'enfant
Dans le fichier CCS, il y a juste à changer le lien du template pour lui indiquer où se trouve le parent
Theme Name: Theme enfant de Divi
Description: Theme enfant de Benjamin
Author: Benjamin
Author URI: https://www.hadequate.fr
Template: Divi
Version: 0.1.0
*/


/*SCROLL DU MENU SUR TABLETTE ET SMARTPHONE*/
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed;
}
}

/* Menu Divi Item */

#top-menu li a {
		width: 70% ;
	}
	
.solution a {
	font-size:11px !important;
		}

.pourquoi a {
	font-size:11px !important;
		}

.prestataire a {
	font-size:11px !important;
		}

.option a {
	font-size:11px !important;
		}


/* Menu Divi espace entre les lignes  */
ul#top-menu li.menu-item:not(:last-child) { 
    padding-right: 0px !important;
	}
#et_top_search { 
    margin-left: 0px !important;
	margin-right: 0px !important; 
}



/*Modifier le point de rupture du menu mobile*/
/*On cache le menu standard et on affiche le menu mobile*/
@media only screen and ( max-width: 1175px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}




/*COULEURS ÉLÉMENTS MENU AU PASSAGE DE LA SOURIS (HOVER)*/
#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover {
/*la couleur que vous souhaitez afficher*/
    color: #ff5c5c ;
	/* l'opacité (entre 0 et 1). Ici on supprime l'effet translucide d'origine en mettant 1*/
	opacity:1 !important;
}


/* Bouton appel à l'action dans menu Divi*/


#main-header.et-fixed-header .cta a {
color: #fff !important;
}

.cta a {
	background-color: #0f4c81;
	color:white !important;
	border: 2px solid #0f4c81 !important;
	border-radius: 25px;
	padding:10px !important;
	width: 100% !important;
	font-size : 14px !important;
	text-align: center !important;
}
	
.cta a:hover {
	background-color: #062c4c;
	border: 2px solid #062c4c !important	
}


@media only screen and (max-width: 980px) {
.cta a {
    background-color: #0f4c81;
	color: white!important;
    }
}


/* Retirer un item que sur le menu mobile et tablette
768px que sur mobile */
@media only screen and (max-width: 1175px) {
    .cta { display: none;
	}
}


@media only screen and (max-width: 1175px) {
    .cta { 
	margin-left:45px !important;
	width: 15% !important;
	height :10% !important;

	}
}



/* Refermer les sous-menus sur mobile */ 
#main-header .et_mobile_menu .menu-item-has-children > a { 
	background-color: transparent;
	position: relative; 
}
#main-header .et_mobile_menu .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; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
	font-size: 14px;
	content: '\33';
	top: 13px;
	right: 10px; 
}
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { 
	content: '\4d'; 
}
#main-header .et_mobile_menu ul.sub-menu { 
	display: none !important;
	visibility: hidden !important;
	transition: all 1.5s ease-in-out;
}
#main-header .et_mobile_menu .visible > ul.sub-menu { 
	display: block !important;
	visibility: visible !important; 
}




/* Inversion colonne pour effet damier*/
@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;
  }
}



/* taille colonne nos options*/
/* Largeurs des colonnes en version desktop */
@media all and (min-width:981px) {

    #lign_1 .et_pb_column:nth-child(1) {
      width: 40%!important;
    }
    #lign_1 .et_pb_column:nth-child(2) {
      width: 60%!important;
    }
	
}


/* Largeur des colonnes pour tablettes et mobiles */
@media all and (max-width:980px) {

    #lign_1 .et_pb_column {
      width: 100%!important;
    }
	
}





/* Animation machine à écrire */
.fixe {
color: #303030;
font-weight: bold;
font-size: 24px;
line-height:2.1em;
}

.move {
color: #4d86b8;
font-weight: 700;
font-size: 24px;
}

@media (max-width: 980px) {
.fixe {
color: #303030;
font-weight: bold;
font-size: 20px;
line-height:1.4em;
	}
	
.move {
color: #4d86b8;
font-weight: 700;
font-size: 20px;
}	
}


/* Bar cookies */

.cli-style-v2 .cli-bar-message {
    width: 100%;
    text-align: center;
}
.cli-style-v2 a {
    border-radius: 10px;
}