/*
Theme Name: Divi NoFilter
Description: Theme enfant de Divi par No-Filter
Author: No Filter
Author URI: No-filter.fr
Template: Divi
Version: 1.1
*/

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

.evr_fb_popup_modal{
	background: rgba(123, 160, 208, 0.90) !important;
}

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


/*
 Allez ! ON PETE LE MENU
*/

/*
.et_menu_container{
	margin:0px;
	width: 90%;
}
*/
.blank{
	height:55vw;
}

#main-header{
	background-color: transparent;
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/*
#page-container{
	padding-top:0px !important;
}
*/

rs-slide{
	border-bottom: 29px solid #79ceb5;
    border-top: 29px solid #79ceb5;
	-webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.4);
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.4);
}


#fastContact{
	right: 0px;
	top: 0 ;
	background: #fff;
	color:#2ea3f2;
	width: 100px;
	position: fixed;
	z-index:99999;
}
/*
.home #main-header{
	top: 50% ;
    left: 0px;
	width: 200px;
	height: 130px !important;
	position: absolute;
	margin-top:-100px;
}
*/
.home #fastContact{
	right: 0px;
	top: 50%;
	background: #fff;
	color:#2ea3f2;
	width: 100px;
	height: 130px !important;
	position: absolute;
	margin-top:-100px;
}

#fastContact i{
	font-size: 1.8em;
    padding: 50px 30px;
}

/*

.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
	font-size: 3em;
}

.et_header_style_fullscreen .et_pb_fullscreen_nav_container {
    width: 50%;
}

.et_header_style_fullscreen ul#mobile_menu_slide{
	text-align:left!important;
	left:250px;
}
*/

/* MODAL */
.custom--overlay {
    z-index: 100000;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    background: rgba(0,143,193,0.95); /* MODIFIER COULEUR DU FOND DE LA MODALE */
    width: 100%;
    height: 100%;
 }

.custom--overlay.visible {
    display: block;
}

.custom--modal {
	z-index: 150000000000;
	width:100%;
	position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    transform: translate(-50%, -50%);
}

.custom--modal.visible, .custom--close.visible {
    display: block;
}

.custom--trigger {
    cursor: pointer;
}

.custom--close {
    display: none;
    font-family: "ETmodules";
    font-size: 70px;
    color: white;
    z-index: 150000;
    position: fixed;
    top: 5%;
    right: 2%;
    cursor: pointer;
}

/*FORM*/
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    padding: 2px;
    border: none;
    border-bottom: 5px dotted #fff;
    color: #4e4e4e;
	background-color: transparent;
}

/*FOOOTER*/

#menu-footer #menu-menu{
	display: block;
}



/*GALLERY PROJECT*/
.projet-pics .et_pb_gallery_item{
	width:100% !important;
}

/* HERE WE GO NO FILTER*/


/*remove default 11px padding on each side of list items*/
.pa-vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}
/*make the menu items fullwidth and add space between them*/
.pa-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
}

/*make the submenu align directly to the right of the menu item instead of below*/
.pa-vertical-menu .et_pb_menu__menu nav ul li ul {
	top: 0!important;
}
/*align submenu to the right of menu link*/
.pa-vertical-menu .et_pb_menu__menu nav li ul {
	left: 100%!important;
}


@media (max-width: 980px) {
	/*open the mobile menu up and use on all devices*/
	.et-db #et-boc .et-l .pa-vertical-menu .et_pb_menu__menu {
		display: flex;
	}
	/*hide the hamburger icon*/
	.et-db #et-boc .et-l .pa-vertical-menu .et_mobile_nav_menu {
		display: none;
	}
}