/*

Theme Name: Divi Child

Description: Theme enfant de Divi

Author: Alain

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

}

/*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 retour vers le haut*/

.et_pb_scroll_top.et-pb-icon {

    right: -2px; /*distance du bouton par rapport à la droite de la fenêtre*/

    bottom: 400px; /*distance du bouton par rapport au bas de la fenêtre*/

    border-radius: 3px; /*Propriété permettant d'arrondir le bouton, supprime la ligne si tu veux un bouton carré*/

    background: #ff8138; /*couleur de fond du bouton*/
}

.related.products {

display: none !important;

}

 /*couleur de fond du bouton au survol*/

.et_pb_scroll_top.et-pb-icon:hover {

    background: #ffa26b;
}

/*Choix de l'icone et couleur de celui-ci*/

.et_pb_scroll_top:before {

    /* content: "32";  icone provenant des icones de bases de Divi*/

    color: white; /*couleur de l'icône*/

}

/*Changer couleur texte*/

.vert { color: #279992; }

.blanc { color: #ffffff; }

.noir { color: #000000; }


/* Entourage lettre */

#entour_orange {

  font-size: 3em;

  margin: 0;

  -webkit-text-stroke: 1.5px #ff8138;

}


/*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: #ff8138; /*** 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%;

}

/* Marge a 0 image haut article */

.et_pb_section_0_tb_body {

	padding-top: 0px !important;
}

@media (min-width: 981px){

	.et_pb_section_0_tb_body {

	padding-top: 0px !important;

}

}

/*FAIRE DEPASSER LE LOGO DU MENU DE DIVI*/


/*Taille du logo sur tablette et téléphone*/

@media only screen and (max-width: 980px) {

#logo {

min-height: 60px;

}

}


/*Taille du logo sur grand écran*/

@media only screen and (min-width: 981px) {

#logo {

min-height: 90px;

}

}

/*supprimer trait sous le menu*/

#main-header {

-webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow: none;

}

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