/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* ------
SOMMAIRE
---------*/
/*
@AUTHOR : Justine

01- icones

*/

.ico-assistance,
.ico-address, 
.ico-time,
.ico-arrow-glissiere,
.ico-download{
	content: '';
	display: block;
    background-repeat: no-repeat;
    background-size: auto;
}


.phone-svg{
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    border: 4px solid #fff;
	margin-left: 5px;
}

.ico-download{
    display: inline-block;
    min-width: 40px;
    width: 40px;
    height: 40px;
    background-image: url(/wp-content/themes/mediapilote/img/charte/ico-download.svg);
    margin-left: auto;
}

.ico.ico-phone{
	min-width: 23px;
	width: 23px;
	height: 25px;
	background-position: -334px -7px;
	margin-right: 10px;
}
.glissiere-item.active .ico-arrow-glissiere{
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}


.ico-arrow-glissiere{
    display: inline-block;
    min-width: 11px;
    width: 11px;
    height: 20px;
    background-image: url(/wp-content/themes/mediapilote/img/charte/arrow-glissiere.svg);
    margin-left: auto;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.ico-assistance{
    background-image: url(/wp-content/themes/mediapilote/img/charte/icon-assistance.svg);
	min-width: 43px;
    width: 43px;
    height: 43px;
}
.ico-address{
    background-image: url(/wp-content/themes/mediapilote/img/charte/icon-address.svg);
	min-width: 36px;
    width: 36px;
    height: 43px;
} 
.ico-time{
    background-image: url(/wp-content/themes/mediapilote/img/charte/icon-time.svg);
	min-width: 37px;
    width: 37px;
    height: 37px;
}





/* Variables */

.box-shadow,
.box-shadows{
	-webkit-filter: drop-shadow(0px 10px 50px rgba(26, 64, 61, 0.102));
	        filter: drop-shadow(0px 10px 50px rgba(26, 64, 61, 0.102));
	background-color: var(--white);
	/* margin-bottom: 5rem; */
}

.clip-path{
	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%);
	        clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%);
}

.clip-path-img img{
	-webkit-clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
	        clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
}

.border-radius{border-radius: 50%;}

.number{
    font-size: 3rem;
    color: var(--color-primary);
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: 700;
}

@media (max-width: 1440px) and (min-width: 1200px){
	.number{
		font-size: 2.3rem;
	}
	.number-item p{
		font-size: 1.6rem;
	}
}

/* ------------------------
08 - MENU SCROLL UP
--------------------------*/
.scrollUp{
	position: fixed;
	top: 0;
	width: 100%;
	z-index : 10000;
	-webkit-transition: top 0.2s ease-in-out;
	-o-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
}
.scrollUp.nav-up{
	-webkit-transition: top 0.2s ease-in-out;
	-o-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
}


/* ------------------------
09 - POPUP ACTUALITE
--------------------------*/
#popupLink .picto-video-youtube{
	-webkit-transition: -webkit-transform .1s;
	transition: -webkit-transform .1s;
	-o-transition: transform .1s;
	transition: transform .1s;
	transition: transform .1s, -webkit-transform .1s;

}
#popupLink:hover .picto-video-youtube{
	-ms-transform: scale(1.2); /* IE 9 */
-webkit-transform: scale(1.2); /* Safari 3-8 */
transform: scale(1.2);
}
.popup-wrap{

}
.popup-content .word{
	color: #ACBFE6;
	opacity: 0.2;
}
	.box-simple-popup{
		background: #fff;
		border-radius: 25px;
		position: relative;
	}
		.box-simple-popup .box-titre{
			background: #46a1bf;
			color: #fff;
			/* padding: 15px 30px; */
		}

		.box-simple-popup .popup-btn-close{
			background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAkFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADDIYgjAAAAL3RSTlMAFS3T6/HlN8nbDhskQvb6Cga+smmlA1tOAZeSi3jtuM/Eg10pHhBiVD443alvI7Ki/2AAAAHWSURBVFjDpdfZbuJAEEbhH0JM2GKzZAJjsy9ZZun3f7vpJGJKiJJKOZzLrvZ3YbXUtnLj0bLZ7Qe6ofasaWZtfTUq0kdlMxZsMEmfbY/KzdO5dSXUsDgLxTHrj+l/k4p657ZSkywkHrJnjdRLt4ntzgVQq0xYNM9aZxCL5llT3SUsmmc12iUsmme969RxROxNJb2VV8vbPvR6J+Xmj1eDhz7zBvps5InQC0TgQbG7cj0sdu8DLxJj764lATHwgBh4QAy8WDwhz0RnM/CsN2878IIHwjEW3/0hEINXjET/EOQBFINjCkTu+WLP924QoWci87hoHr3EuWci8KBoHhdjj4uTSrj2yvV48zIFFzDwQpF7JnLPrxhSD4jAM5F7t4vPrsfF50AzEXvrwhO5Nx0PXZF7ki9yLxCB54sH7vlip8293N+eIwLPGnxP3PseFmeBF4qx9zt7TPS9px8SEAMPibEXi8CLRO75Ypd7vnjfBZ7VunPEwIPi3veQuBpKx9L1oLhZqL5a/Jk9LM7168pbSFys5XpcXKv0PC5OtfE8Lu609DwutlUV0DNxY8LTxZd+vRCq/3D5BzOcpI+KF9Gquky5sq701eFl+Wc01g21XpfL15Zy/wAQgcwfcwB9iQAAAABJRU5ErkJggg==') no-repeat 0 0 / 40px 40px;
			cursor: pointer;
			height: 40px;
			position: absolute;
			right: -20px;
			top: -20px;
			width: 40px;
		}
		.box-simple-popup .popup-btn-close span{
			display: none;
		}

		.popup-wrap p{
			margin-bottom: 0;
		  }
		.popup-wrap {
			position: fixed;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			background-color: #102d69de;
			z-index: 10000;
		}
		
		
		
		#mp_popup{
			max-width: 70%;
			background-color: #fff;
			position: relative;
			border-radius: 25px;
		}
		#mp_popup img{
			border-top-left-radius: 25px;
			border-bottom-left-radius: 25px;
		}
		#mp_popup .popup-btn-close{
			position: absolute;
			top: 15px;
			right: 15px;
			min-width: 23px;
			width: 23px;
			height: 25px;

			background-image: url('../img/charte/sprite-site.svg');
			background-repeat: no-repeat;
			background-size: 400px auto;
			background-position: -334px -7px;
			cursor: pointer;
		}
		#mp_popup .popup-btn-close span{
			display: none;
		}
		
		/* @media (min-width: 1200px) {
			.popup-wrap {
				padding: 15% 30%;
			}	
		}
		@media (max-width: 1019px) {
			.popup-wrap {
				padding: 8% 23%;
			}	
		}
		@media (max-width: 780px){
			.popup-wrap {
				padding: 8%;
			}	
		} */
/**
* alert
*/
.alert
{
	background: green;
	color:#FFF;
	padding:10px;

	width:100%;
	text-align: center;
}

.alert.alert-error
{
	background: rgb(194, 24, 12);
}

/* 12 - CLASS GENERIQUES */


/* MEDIA // Cover */

.cover {
	overflow: hidden;
}
	.cover img{
		-o-object-fit: cover;
		   object-fit: cover;
		font-family: 'object-fit: cover';
		height: 100%;
		width: 100%;
	}

/* MEDIA // Zoom */
.zoom {
	overflow: hidden;
}
	.zoom img {
		-webkit-transition: -webkit-transform .4s;
		transition: -webkit-transform .4s;
		-o-transition: transform .4s;
		transition: transform .4s;
		transition: transform .4s, -webkit-transform .4s;
	}
	.zoom:hover img {
		-webkit-transform: scale(1.2);
		    -ms-transform: scale(1.2);
		        transform: scale(1.2);
		-webkit-transition: -webkit-transform .4s;
		transition: -webkit-transform .4s;
		-o-transition: transform .4s;
		transition: transform .4s;
		transition: transform .4s, -webkit-transform .4s;
	}
	


/* enlever l'icône flèche par défaut d'un select */
select {
	-webkit-appearance: none;
    background-image: url(/wp-content/themes/mediapilote/img/charte/arrow.svg);
    background-position: right center;
    background-size: auto 35px;
    background-repeat: no-repeat;
}
  
select::-ms-expand {
	display: none;
}


/* Picto youtube */

.picto-video-youtube{
	background-image: url(/wp-content/themes/mediapilote/img/charte/youtube.svg);
	background-repeat: no-repeat;
    width: 63px;
    height: 63px;
    display: block;
}


/* Pop in  */


.popup_video {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 80%);
    z-index: 9999;
    text-align: center;
    padding-top: 100px;
}
.popup_video p {
    color: #fff;
    font-size: 24px;
}
.popup_video.show{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.popup_video_inner{
	min-width: 60%;
    min-height: 60%;
}

.popup_video_inner iframe{
	width: 80%;
    height: 450px;
}


#closeBtn{
    cursor: pointer;
    color: white !important;
    position: absolute;
    top: -50px;
    right: 0;

}

.closeBtnIcon{
	display: inline-block;
    background-image: url(/wp-content/themes/mediapilote/img/charte/close.svg);
    background-repeat: no-repeat;
    width: 20px;
	min-width: 20px;
    height: 20px;
    margin-right: 15px;
}


/* animations */

/* ------
@changelog ANIMATION SCROLL
---------*/
/*
Opacité seule : classSectionToAnimate
Opacité + top : classSectionToAnimate animateTop
Opacité + bottom : classSectionToAnimate animateBottom
Opacité + top Left : classSectionToAnimate animateTopLeft
Opacité + top Right : classSectionToAnimate animateTopRight
Opacité + bottom Left : classSectionToAnimate animateBottomLeft
Opacité + bottom Right : classSectionToAnimate animateBottomRight
*/
.animate-elem {
    /* opacity: 0.1; */
    position: relative;
}

.animate-elem-25 {
    /* opacity: 1; */

    -o-transition-duration: 2s;

       transition-duration: 2s;
    -webkit-transition-duration: 2s;
}

.animate-elem.opacity{
	opacity: 0;
}
.animate-elem-25.opacity{
opacity: 1;
}

.animate-elem.animateTop {
    top: -30px;
}

.animate-elem-25.animateTop {
    top: 0;
}

.animate-elem.animateBottom {
    bottom: -30px;
}

.animate-elem-25.animateBottom {
    bottom: 0;
}

.animate-elem.animateLeft{
    left: -60px;
}

.animate-elem-25.animateLeft {
    left: 0;
}

.animate-elem.animateLeftSec{
    left: -100px;
}

.animate-elem-25.animateLeftSec {
    left: 0;
}

.animate-elem.animateLeftThird{
    left: -140px;
}

.animate-elem-25.animateLeftThird {
    left: 0;
}

.animate-elem.animateRight{
    right: -60px;
}

.animate-elem-25.animateRight {
    right: 0;
}

.animate-elem.animateTopLeft {
    left: -30px;
    top: -30px;
}

.animate-elem-25.animateTopLeft {
    left: 0;
    top: 0;
}

.animate-elem.animateTopRight {
    right: -30px;
    top: -30px;
}

.animate-elem-25.animateTopRight {
    right: 0;
    top: 0;
}

.animate-elem.animateBottomLeft {
    left: -30px;
    bottom: -30px;
}

.animate-elem-25.animateBottomLeft {
    left: 0;
    bottom: 0;
}

.animate-elem.animateBottomRight {
    right: -30px;
    bottom: -30px;
}

.animate-elem-25.animateBottomRight {
    right: 0;
    bottom: 0;
}


@media (max-width:768px){
	.popup_video_inner iframe {
		width: 95%;
		height: 200px !important;
	}
	.popup_video_inner{
		min-width: 95% !important;
		min-height: auto !important;
	}
}

.smush-detected-img {
    box-shadow: none!important;
}