/*---------------------------------------------------------------------------------
Theme Name:   Divi Child
Theme URI:    https://www.elegantthemes.com/
Description:  Divi Child theme by Web Hors Piste
Author:       Web Hors Piste
Author URI:   https://www.webhorspiste.com/
Template:     Divi
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
------------------------------ ADDITIONAL CSS HERE ------------------------------*/
.top-header{
	background-color:#e22f1a !important;
	padding:0 10px;
	transition: opacity 1s ease;
	display:flex;
	justify-content:space-between;
	align-content:center;
}
.top-header ul{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.top-header ul li{
	margin:10px;
	display:flex;
	justify-content:center;

}
.top-header ul li a{
	color:white;
	font-size:16px;
	font-weight:400;
}
.top-header ul li .et-pb-icon{
	color:white;
	font-size:20px;
}
i{
	margin-right:5px;
}
.menu-deroulant1{
	display:none !important;
}

@media screen and (max-width: 650px){
	/*Top header*/
	.menu-deroulant1{
		display:block !important;
	}
	.top-header{
		display:none
	}	
}

.et-fixed-header #top-menu li.current-menu-ancestor>a {
	color: #e22f1a !important;
}

/*Progress bar*/
#progress-bar {
	width: 0;
	height: 5px;
	background-color: #e22f1a;
	position: fixed;
	/*top: 65px;*/
	bottom:0;
	left: 0px;
	z-index: 9999;
	/*transition: width 0.3s ease-in-out;*/
}


/*Gallerie horizontal bureau*/

.gallery-wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10% auto;
}

.gallery{
	/*width: 900px;*/
	display: flex;
	overflow-x: scroll;
}
.gallery::-webkit-scrollbar{
	display: none;
}
.gallerydiv{
	width: 100% !important;
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-gap:20px;
	padding: 10px;
	flex: none;
}
.gallerydiv span img{
	width :50%;

	transition: transform 0.5s;
}
.gallerydiv span img:hover{

	cursor: pointer;
	transform: scale(1.1);
}
#backBtn , #nextBtn{
	width: 50px;
	cursor: pointer;
	margin: 35px;
}
.gallerydiv div{
	display:flex;
	justify-content:center;
	align-items:center;
}

/*Gallerie horizontal portable*/

.gallery-wrap2{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10% auto;
}
.gallery2{
	width: 900px;
	display: flex;
	overflow-x: scroll;
}
.gallery2::-webkit-scrollbar{
	display: none;
}
.gallerydiv2{
	width: 100% !important;
	display: grid;
	grid-template-columns: auto auto;
	grid-gap:20px;
	padding: 10px;
	flex: none;
}
.gallerydiv2 span img{
	width :100px !important;

	transition: transform 0.5s;
}
.gallerydiv2 span img:hover{

	cursor: pointer;
	transform: scale(1.1);
}
#backBtn2 , #nextBtn2{
	width: 20px;
	cursor: pointer;
	margin: 10px;
}
.gallerydiv2 div{
	display:flex;
	justify-content:center;
	align-items:center;
}

/*affichage page légale dans le footer*/
footer #footer-page-legale{
	display:flex;
	justify-content:center;
	align-items:center;
}
footer #footer-page-legale .et_pb_column{
	margin-bottom:0;
}
/*FAQ*/
.faq-contact{
	position:absolute;
	opacity: 0;
	transition: opacity 1s, opacity 1s linear;
}


/* Produits - Réalisation */
.expertise-accordeon > .et_pb_toggle > h5{
	padding-right:0;	
}
#PortfolioMain .filter_gallery_29123 .portfolio_thumbnail{
	width:unset!important;
}

/* Articles */
.single .custom-blog-title{
	padding-bottom: 30px;
	color: #e22f19;
	font-weight: bold;
	text-align: center;
	font-size:30px;
}
@media screen and (max-width: 479px){
	.single .custom-blog-title{
		font-size: 25px;

	}
}
/*Mesdia query*/

@media screen and (max-width: 450px){
	#col-reverse{
		display:flex;
		flex-direction:column-reverse;
	}
}


.wp-image-29250:hover{
	transform: scale(1.06);
	transition: transform 300ms ease 0ms;
}
.wp-image-29250{
	transition: transform 300ms ease 0ms;
}