/*



Theme Name: Divi Child



Description: Theme enfant de Divi



Author: Alain



Template: Divi



Version: 1.1



*/



/* 



** 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: 200px; /*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: #660068; /*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: #ae01b1;

}

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

.jaune { color: #fecb66; }

.bleu { color: #5b54a6; }

.cc { color: #666666; }

.blanc { color: #ffffff; }

.noir { color: #000000; }

.mail_t { color: #ffffff; }

.contact { font-size: 12px; }

/*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: rgba(146,1,149,0.84); /*** 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(0,161,174,0.2); /*** épaisseur et couleur de la ligne ***/

}

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

	color : #ffffff !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: 100px;

}

}




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

/*Taille du logo sur grand écran

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

#logo {

min-height: 135px;

}*/

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