/*
Theme Name: Divi Child Theme
Description: Theme enfant de Divi par Creaphicweb
Author: Franck Duquesne
Author URI: https://www.creaphicweb.fr
Template: Divi
Version: 1.2
*/

/*

*/
.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;
}
/*
** 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%;
}
.vidbacking-active-body-back{
	position: fixed;
	z-index: -100;
	min-width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	background-size: cover;
	overflow: hidden;
	opacity: 1;
	transition: 2s opacity;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking-active-body-back-youtube{
	position: fixed;
	z-index: -100;
	/*min-width: 100%;
	min-height: calc(100% * 1.77);*/
	top: 50%;
	left: 50%;
	overflow: hidden;
	opacity: 1;
	transition: 2s opacity;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking-active-block-back{
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
	z-index: 0;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
/*
** modifier le Z-index ci dessous
*/
.vidbacking-active-block-back-youtube{
	position: absolute;
	/*min-width: 100%;
	min-height: 100%;*/
	height: auto;
	width: auto;
	z-index: 0;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking{
	display: none;
}
.vidmask-body-back{
	background: url(videooverlay1.png) repeat;
	opacity: 0.4;
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -50;
	display: block;
}
.vidmask-block-back{
	background: url(videooverlay1.png) repeat;
	opacity: 1;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
	z-index: -50;
	display: block;
}
/*
.fluid-width-video-wrapper {
	position: absolute!important;
	padding-top: 0!important;
	top: 50%;
	left: 50%;
}*/
.et_pb_toggle_title:before {
   content: "\33";
   transition: all .3s ease-in-out;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
   content: "\33";
   transform: rotate(180deg);
}

/*MODIFICATIONS LEVELUP*/
/*#my-menu{
  margin-top: -25px !important;
}*/
/*reglages retours d'xp*/
#video_factory{
  height:250px;
  margin-top:50px;
}
#texte_factory{
  width: 40% !important;
}
#galerie_factory{
  width:165px !important;
}

@media screen and (min-width:750px){
.left_texte{
	width:33% !important;
	margin-right: 2% !important;
}
.right_texte{
	width:60% !important;
}
/*#texte_factory{
  width: 98% !important;
}*/
/*#galerie_factory{
  width:100% !important;
}*/
}

@media screen and (max-width:750px){
	#post-7 > div > div > div > div.et_pb_section.et_pb_section_3.et_pb_with_background.et_section_regular > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_5.et_clickable.et_pb_css_mix_blend_mode_passthrough > div{
		width:100%;
		height:100%;
	}
  #texte_factory{
    width: 98% !important;
  }
  #video_factory{
    margin-top:5px;
  }
  #galerie_factory{
    width:100% !important;
  }
}
@media (max-width:479px){
  #header_mobile .et_pb_column{
      width: 30% !important;
	}
}
@media (max-width:1200px){
  #header_mobile .et_pb_column{
      width: 30% !important;
	}
}
/*
#tedx{
	width:560px !important;
	height:315px !important;
}

.fluid-width-video-wrapper{
	left:25% !important;
}*/


/* inverser le sens des colonnes sur mobile */
@media screen and ( max-width: 980px ) {
    .mobile-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
}


/* mettre des tailles sur des photos pour qu'elles aient la meme hauteur */
@media screen and (min-width: 981px){
	
	/* les deux premieres photos de la section salle des sports de la page les espaces */
	.photo-salle-des-sports-1{
		width: 57.2%!important;
	}
	.photo-salle-des-sports-2{
		width: 42.8%!important;
	}
	
	/* Les deux premieres photos de la section espaces vert de la page les espaces */
	.photo-espace-vert-1{
		width: 79.15%!important;
	}
	.photo-espace-vert-2{
		width: 20.85%!important;
	}
}