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

01- icones


*/

.ico{
	content: '';
    display: inline-block;
    min-width: 40px;
    width: 40px;
    height: 40px;
    background-image: url(/wp-content/themes/mediapilote/img/charte/sprite-site.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
}

.ico.ico-phone{
	min-width: 23px;
	width: 23px;
	height: 25px;
	background-position: -334px -7px;
	margin-right: 10px;
}
.ico-answer{
	background-position: -150px -182px;
}
.ico-calendar{
	display: block;
	background-position: -97px -182px;
}
.usefull-links .ico-calendar{
	display: inline-block;
}
.ico-information{
	display: block;
	background-position: -205px -175px;
}
.ico-address{
	background-position: -233px -90px;
	min-width: 25px; 
    width: 25px;
    height: 31px;
}
.ico-contact{
	background-position: -275px -98px;
	min-width: 25px; 
    width: 25px;
    height: 25px;
}

.ico-web{
	background-position: -315px -100px;
	min-width: 25px; 
    width: 25px;
    height: 25px;
	margin-right: 10px;
}

.icon-facebook:before{
	padding-right: 3px;
}


/* Variables */

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



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


/* ------------------------
08 - POPIN PHOTO
--------------------------*/

.modaal-gallery-label {
	display: none!important;
}


/* ------------------------
09 - POPUP ACTUALITE
--------------------------*/
.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: flex;
			justify-content: 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;
		}

/* ------------------------
10 - POPUP NEWSLETTER
--------------------------*/
.contactPopup.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 101;
}

.contactPopup .popup-content {
    position: relative;
    width: 80%;
    max-width: 882px;
    max-height: 90vh; /* Limite la hauteur de la popup */
    overflow-y: auto; /* Ajoute un défilement vertical si nécessaire */
	background-color: var(--white);
}

.contactPopup .popup-content .popupBody-img img{
	height: 100%;
	object-fit: cover;
}
.contactPopup .popup-content .popupBody-content {
	padding: 76px 56px 48px 56px;
}

.contactPopup .close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 35px;
    font-weight: bold;
}
.contactPopup .popupForm {
    padding:24px;
    border-radius: 24px;
}
.contactPopup .form-title {
    font-size: 22px;
    color: var(--color-primary);
    font-weight: 700;
    text-align: left;
}
.contactPopup input {
    width: 100%;
    border:1px solid #A0AEC0!important;
    padding: 16px 12px;
}
.contactPopup input:focus-visible {
    border:1px solid var(--color-primary)!important;
}
.contactPopup textarea {
    width: 100%;
    border:1px solid #A0AEC0!important;
}
.contactPopup .gform-footer input[type=submit] {
    color: var(--white) !important;
    background-color: var(--color-secondary);
    border:none!important;
	border-radius: 99px;
	transition: 0.8s all;
    font-size: 16px!important;
    text-transform: none!important;
}
.contactPopup .gform-footer input[type=submit]:hover {
    background-color: var(--color-secondary-hover)!important;
	transition:0.8s all;
}
		
		/* @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%;
			}	
		} */

iframe{
	max-width: 100%;
	width: 100%;
}
td{
	/* width: 100% !important;
	display: block !important; */
	border: 1px solid var(--color-secondary-grey);
}
/**
* 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{
	object-fit: cover;
	font-family: 'object-fit: cover';
	height: 373px;
	width: 100%;
}

/* MEDIA // Zoom */
.zoom {
	overflow: hidden;
}
	.zoom img {
		transition: transform .4s;
	}
	.zoom:hover img {
		transform: scale(1.2);
		transition: transform .4s;
	}
	
/* ------
@changelog 2021-11-29 [OPTIM] (Adrien) 02 - 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;

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

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

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

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

.animate-elem-25.animateBottom {
    bottom: 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;
}

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


.text-initial{text-transform: initial !important;}


.card{
	filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.071));
    background-color: #fff;
    padding: 60px;
}


/*SIDEBAR FORMATION*/

.sidebar-formation .info-rapide {
	border: 1px solid var(--gray-900);
	padding:32px;
}
.sidebar-formation .formation-voie {
	margin-top: -25px;
}
.sidebar-formation .formation-voie .formation-voie_lien {
	color: var(--gray-900)!important;
}
.sidebar-formation .formation-voie .formation-voie_lien .ico-select {
	width: 36px;
    height: 36px;
	border-radius: 99px;
    background-image: url(/wp-content/themes/mediapilote/img/charte/icon-chevron-white.svg);
    background-position: center;
    background-repeat: no-repeat;
	transition: 0.8s all;
}
.sidebar-formation .formation-voie .formation-voie_lien:hover .ico-select {
	background-color: var(--color-primary-hover)!important;
	transition: 0.8s all;
}

#blocInfoWidgetDoc.blocInfoWidget .ico-download {
	display: block;
    width: 24px;
    height: 24px;
    padding: 27px;
    border-radius: 99px;
    background-image: url(/wp-content/themes/mediapilote/img/charte/icon-download-white.svg);
    background-position: center;
    background-repeat: no-repeat;
	transition: transform 0.3s ease; /* Ajoutez une transition pour un effet fluide */
}
#blocInfoWidgetDoc.blocInfoWidget .blocInfoDocLink:hover .ico-download {
	background-color: var(--color-primary-hover)!important;
}
.blocInfoDocLink {
	border: 1px solid var(--gray-200);
	padding: 8px 16px;
}
.blocInfoDocLink:hover {
	background-color: var(--gray-100)!important;
}
.blocLink {
	border-bottom: 1px solid var(--gray-200);
}


/*-------------------------
-------- RESPONSIVE -------
---------------------------*/

@media (max-width: 1200px){
	.card{
		padding: 15px;
	}
	.card-item{
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
}
@media (max-width: 800px){
	.card-item{
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

@media (max-width: 768px) {
    table {
      font-size: 12px;
	  overflow-x: scroll;
    }
	tbody{
		overflow-x: scroll;
	}

	td{
		width: 185px !important;
		height: 78px !important;
		display: inline-flex;
        align-items: center;

	}
	tbody{
		display: inline-flex;
		max-width: 100vw !important;
	}
	tr{
		display: inline-grid;
		height: 100% !important;
	}
  }

  @media (max-width: 480px) {
    table {
      font-size: 10px;
    }

  }