/*

Theme Name: Divi Child Theme ALT

Description: Theme enfant de Divi par Alain

Author: Alain T.

Template: Divi

Version: 1.6

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

** 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: 125px; /*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: #7ea05b; /*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: #8a756c;

}



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



.gris { color: #666666; }

.taupe { color: #8a756c; }

.blanc { color: #ffffff; }

.bleu { color: #150f37; }

.ml { color: #4727df; }

.or { color: #c7a564; }

.grisf { color: #535353; }

.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: #7ea05b; /*** 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 ***/



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

	color : #ceac54 !important ;  

}

#top-menu-nav #top-menu li.current-item a { color: #c7a564 !important; }

#menu_comp a:link {color:#150e37;} /* non visité */

#menu_comp a:visited {color:#150e37;} /* visité */

#menu_comp a:hover {color:#c7a565;} /* survole */

#menu_compa:active {color:#c7a565;} /* selectionné */

#top-menu li li a {

    width: 210px;

}



.nav li ul {



    width: 230px;

}



.entry-meta .entry-date.published {

display: none;

}



.et_pb_text ul li {

   list-style-type: none;

}

.et_pb_text ul li::before {

    font-family: 'ETmodules';

    content: "\5e";

    font-size: 120%;

    color: #7ea05b;

    float: left;

    margin-left: 10;

    margin-right: 0.5em;

}



#entour_blanc {

  font-size: 3em;

  margin: 0;

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

}


#entour_taupe {

  font-size: 3em;

  margin: 0;

  -webkit-text-stroke: 1.5px #8a756c;

}
 
#entour_bleu {

  font-size: 3em;

  margin: 0;

  -webkit-text-stroke: 1.5px #150f37;

}



#entour_or {

  font-size: 3em;

  margin: 0;

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

}


#entour_blanc_g {

  font-size: 3em;

  margin: 0;

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

}


#entour_vert {

  font-size: 3em;

  margin: 0;

  -webkit-text-stroke: 2.0px #7ea05b;

}

#entour_vert-2 {

  font-size: 3em;

  margin: 0;

  -webkit-text-stroke: 1.0px #7ea05b;

}



#entour_or_g {

  font-size: 3em;

  margin: 0;

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

}


.gm-style-iw-chr { display: none !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;

}

}

/*Taille du logo sur grand écran*/

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

#logo {

min-height: 130px;

}

}

/*supprimer trait sous le menu*/


#main-header {

-webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow: none;

}

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

}

}