/*

Theme Name: Divi Community Child Theme

Description: Theme enfant de Divi par Divi Community

Author: Julien - WebMate

Author URI: https://www.divi-community.fr

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

/*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: #973d2e; /*** 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%;
}


/*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: #973d2e; /*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: #c57f77;
}
/*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: #150f37; }
.cc { color: #666666; }
.blanc { color: #ffffff; }
.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;
}
@media (min-width: 981px) {
 .fancy-title h2 {
 position: relative;
 z-index: 1;
 overflow: hidden;
 text-align: center;
 padding-bottom: 0;
 }
 .fancy-title h2:before, .fancy-title h2:after {
 position: absolute;
 top: 49%;
 overflow: hidden;
 width: 50%;
 height: 1px;
 content: 'a0';
 background-color: #973d2e;
 margin-left: 1%;
 }
 .fancy-title h2:before {
 margin-left: -51%;
 text-align: right;
 }
}
 .fancy-title h1:before, .fancy-title h1:after {
 position: absolute;
 top: 49%;
 overflow: hidden;
 width: 50%;
 height: 1px;
 content: 'a0';
 background-color: #973d2e;
 margin-left: 1%;
 }
 .fancy-title h1:before {
 margin-left: -51%;
 text-align: right;
 }

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

.entour_blanc {
  font-size: 3em;
  margin: 0;
  -webkit-text-stroke: 2.0px #ffffff;
}

/* centrer de texte verticalement*/
.centrer-verticalement {
  display: flex;
  flex-direction: column;
  justify-content: center;

/* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
  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;
}
/*Icones dans menu*/

.ld-menu-home > a:before {
    font-family: 'ETMODULES';
    content: '\e009'; /* change icon code here */
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #973d2e; /*change icon color here */
    font-size: 1.5em; /*change icon size here */
    transition: all .3s ease;
}

.ld-menu-hebergement > a:before {
    font-family: 'ETMODULES';
    content: '\f236';
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #973d2e;
    font-size: 1em;
    transition: all .3s ease;
}

.ld-menu-room > a:before {
    font-family: 'ETMODULES';
    content: '\e023';
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #4d2def;
    font-size: 1em;
    transition: all .3s ease;
}

.ld-menu-team > a:before {
    font-family: 'ETMODULES';
    content: '\e08b';
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #973d2e;
    font-size: 1em;
    transition: all .3s ease;
}

.ld-menu-contact > a:before {
    font-family: 'ETMODULES';
    content: '\e010';
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #973d2e;
    font-size: 1em;
    transition: all .3s ease;
}

.ld-menu-dispo > a:before {
    font-family: 'ETMODULES';
    content: '\5a';
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #973d2e;
    font-size: 1em;
    transition: all .3s ease;
}

.ld-menu-search > a:before {
    font-family: 'ETMODULES';
    content: '\55';
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #973d2e;
    font-size: 1em;
    transition: all .3s ease;
}