/*

Theme Name: Divi theme enfant

Description: Theme enfant par Alain

Author: Alain - WebMaster

Author URI: https://web-at.com

Template: Divi

Version: 1.0

*/





/* 

** CENTRER DU CONTENU VERTICALEMENT 

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

*/



.dc-centrer-verticalement {

	display: flex;

	flex-direction: column;

	justify-content: center;

  	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 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";

}



/* 

** 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%;

}

/*Ajouté par Alain*/



/* ajouter une ligne au survol des éléments du menu */



/*ligne sous lien menu*/

#top-menu .current-menu-item a::before,

#top-menu .current_page_item a::before {

 content: "";

 position: absolute;

 z-index: 2;

 left: 0;

 right: 0;

}

#top-menu li a:before {

 content: "";

 position: absolute;

 z-index: -2;

 left: 0;

 right: 100%;

 bottom: 50%;

 background: #ffffff; /*** Couleur de la ligne ***/

 height: 1px; /*** épaisseur de la ligne ***/

 -webkit-transition-property: right;

 transition-property: right;

 -webkit-transition-duration: 0.3s;

 transition-duration: 0.3s;

 -webkit-transition-timing-function: ease-out;

 transition-timing-function: ease-out;

}

#top-menu li a:hover {

 opacity: 1 !important;

}

#top-menu li a:hover:before {

 right: 0;

}

#top-menu li li a:before {

 bottom: 10%;

}

/*** bordure bas du menu ***/

#main-header { 

	border-bottom: 0px solid rgba(199,165,100,0.7); /*** épaisseur et couleur de la ligne ***/

}

#top-menu-nav #top-menu li.current-item a {

	color : #ceac54 !important ;  

}



/*PERSONNALISER LE BOUTON DE RETOUR EN HAUT DE PAGE*/

/*Opacité du bouton et effets d'animation (pour tous les navigateurs)*/
.et_pb_scroll_top.et-visible {
    opacity: 1;
    -webkit-animation: fadeInBottom 1s;
    -moz-animation: fadeInBottom 1s;
    -o-animation: fadeInBottom 1s;
    animation: fadeInBottom 1s;
}
 
/*Positionnement et couleur du bouton*/
.et_pb_scroll_top.et-pb-icon {
    right: 10px; /*distance du bouton par rapport à la droite de la fenêtre*/
    bottom: 10px; /*distance du bouton par rapport au bas de la fenêtre*/
    border-radius: 5px; /*Propriété permettant d'arrondir le bouton, supprimez la si vous voulez un bouton carré*/
    background: #fe6334; /*couleur de fond du bouton. Mettez celle que vous voulez*/
}
 
 /*couleur de fond du bouton au survol*/
.et_pb_scroll_top.et-pb-icon:hover {
    background: #fc4a14;
}
 
/*Choix de l'icone et couleur de celui-ci*/
.et_pb_scroll_top:before {
    content: "\42"; /* icone provenant des icones de bases de Divi*/
    color: #fff; /*couleur de l'icône*/
}


/* Entourage des lettres d'un texte */ 



.entour_rose {



  font-size: 3em;



  margin: 0;



  -webkit-text-stroke: 2.0px #fd501b;



}



}



/* supprimer marge haute articles */ 



.et_pb_section_0_tb_body {

	padding-top: 0px !important;

}



@media (min-width: 981px){

	.et_pb_section_0_tb_body {

	padding-top: 0px !important;

}

}

.gm-style-iw-chr { display: none !important }