/*!

Theme Name: Divi-Child-Theme

Template:Divi

Theme URI: http://www.elegantthemes.com/gallery/divi/

Version: 4.7.7

Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.

Author: Elegant Themes

Author URI: http://www.elegantthemes.com

Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready

License: GNU General Public License v2

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
/***************MENU DE NAVIGATION************/
/* ajouter une ligne au survol des éléments du menu */
#top-menu li.menu-item a {
	padding-bottom:20px!important;
}

#main-header #top-menu a:hover::after{
	content:'';
	width:100%;
	height:10px;
	background: #ffb400;
	position:absolute;
	bottom:5px;
	left:0%;
	/*transform:translateX(-50%);*/
	transition: 0.3s ease;
	animation-duration: 1s;
  	animation-name: appear;
}
#main-header.et-fixed-header #top-menu a:hover::after{
	bottom:8px;
}
/*#top-menu li#menu-item-295 .sub-menu{
	width: 250px;
    display: flex;
    flex-direction: column;
}

#top-menu li#menu-item-287 .sub-menu{
	width: 240px;
    display: flex;
    flex-direction: column;
}
#top-menu li#menu-item-295 .sub-menu a,
#top-menu li#menu-item-287 .sub-menu a{
	width:100%;
	padding:0px!important;
	font-size:12px;
}
#top-menu li .sub-menu li{
	padding:5px 15px;
}*/
@keyframes appear {
  from {
    width:0%
  }
  to {
    width:100%
  }
}
/*********************************************/

/*********EligibilityForm*********************/
#eligibiliteForm .et-pb-contact-message{
	text-align:center;
	font-size:16px;
}
.eligibilityButton {
	margin:20px 0px 0px;
	padding:10px;
	background-color:transparent;
	color:#53A500;
	font-size:20px;
	cursor:pointer;
	border: 3px solid #53A500;
}
.green{
	color:#2dda2d;
	font-size:25px;
	font-weight:600;
}
.eligibiliteLogoDiv{
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	padding-bottom:25px;
}
.eligibiliteLogo{
	width:20%;
	height:100%;
}
@media screen and (max-width:540px){
	.et-pb-contact-message{
		text-align:center;
		font-size:14px;
	}
	.green{
		font-size:20px;
	}
}
/*********************************************/

.openCallbackPopup {
	background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
	cursor:pointer;
}

.openCallbackPopup >a,
.et-fixed-header #top-menu .openCallbackPopup >a{
	color: #005AA3!important;
    padding: 20px 0px!important;
}

/*****formulaire callback*****/
#formCallback{
	position: fixed;
	width:400px;
    top: 20%;
    right: 0%;
	z-index:100;
	display:none;	
}

#formCallback .closeIcon{
	position:absolute;
	right:10px;
	top:0px;
	cursor:pointer;
}
/*inactive scroll*/
.inactiveScroll {
	height: 100%;
	overflow: hidden;
}
#callbackButtonTM{
	display:none;
}
@media screen and (max-width: 980px){
	.openCallbackPopup {
		display:none;
	}
	#formCallback{
		width:80vw;
		top:60%;
		right:50%;
		transform: translate(50%,-50%);
	}
	#callbackButtonTM{
		display:flex;
		flex-direction:row!important;
		position:fixed;
		top:125px;
		right:0px;
		z-index:1000;
		cursor:pointer;
	}
	.mobileCallbackText{
		transform: translateX(0px) translateY(5px) rotateX(0deg) rotateY(0deg) rotateZ(90deg);
	}
	.mobileCallbackText p{
		width:150px;
	}
	.mobileCallbackIcon{
		margin-bottom:15px!important;
		margin-top:15px!important;
		text-align:center!important;
	}
}
@media screen and (max-width: 480px){
	#formCallback{
		width:100vw;
	}
	#formCallback .et_contact_bottom_container{
		float:left!important;
	}
}
/*Derniers chantiers diapo*/
@media screen and (max-width: 767px){
	.derniersChantiers .et_pb_slide_image{
		display:block!important;
	}
}