/*



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: #00a9d0; /*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: #017893;

}

 

/*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 #00a9d0;



}



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



}



}
.meteo {font-size:16px;}