/* ------
SOMMAIRE
---------*/
/*
@AUTHOR : Elodie

01- icones
02- Menu scroll
03- Sidebar
04- Filtre
05- Popup
06- Cards

*/


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



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

/* ------------------------
03 - SIDEBAR
---------------------------*/

#asideWidgetsContainer {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.blocInfoWidget {
	padding: 60px 24px 24px 24px;
	border-radius: 32px;
}
.blocInfoWidget .blocInfoWidgetTitle {
	position: absolute;
    left: 0;
    top: 30px;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
	padding: 5px 20px 8px 35px;
}

/*document a telecharger*/
#blocInfoWidgetDoc.blocInfoWidget .blocInfoDocLink {
	padding: 12px 16px;
	border-radius: 16px;
	border: 1px solid transparent;
	transition: 0.8s;
}
#blocInfoWidgetDoc.blocInfoWidget .blocInfoDocLink:hover {
	border: 1px solid var(--color-primary);
	transition: 0.8s;
}
#blocInfoWidgetDoc.blocInfoWidget .ico-download {
	display: block;
	width: 24px;
    height: 24px;
	padding:27px;
	border-radius: 16px;
	background-image: url(/wp-content/themes/mediapilote/img/charte/icon-download.svg);
	background-position: center;
	background-repeat: no-repeat;
	transition: 0.8s;
}
#blocInfoWidgetDoc.blocInfoWidget .blocInfoDocLink:hover .ico-download {
    background-position: center calc(100% - 10px);
	transition: 0.8s;
}
/*Liens utiles*/
#blocInfoWidgetLink.blocInfoWidget .widgetLink .widgetLink-first {
	border-top: 1px solid var(--color-primary);
	padding-top:10px;
}
#blocInfoWidgetLink.blocInfoWidget .widgetLink .widgetLink-second {
	border-top: 1px solid var(--color-primary);
	padding-top:10px;
}

/* ------------------------
04 - FILTRE
---------------------------*/

.searchandfilter ul li, .searchandfilter ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.searchandfilter > ul > li {
	margin-bottom: 0!important;
	padding-left: 0 !important;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.searchandfilter > ul > li > ul > li {
	margin-bottom: 0!important;
}
.searchandfilter > ul > li > ul {
	gap:12px;
}
.searchandfilter ul li li {
	border-radius: 8px;
	border:1px solid var(--gray-300);
    padding: 10px 16px !important;
    text-decoration: none !important;
    font-size: 1.4rem;
    background-color: var(--white);
    cursor: pointer;
}
.searchandfilter ul li li label {
	color: var(--gray-500) !important;
}

.searchandfilter ul li.sf-option-active {
    border: 1px solid var(--gray-600);
	background-color: var(--gray-600);
}
.searchandfilter ul li.sf-option-active label {
    color: var(--white)!important;
}


.searchandfilter ul li li:hover{
	border:1px solid var(--gray-300);
    background-color: var(--gray-100);
}
.searchandfilter ul li li:hover label{
	color: var(--gray-500) !important;
}
.searchandfilter ul li li:focus{
    background-color: #F0F4F9;
    color: var(--color-secondary) !important;
}

.searchandfilter ul li::before{display: none;}

.searchandfilter label{
    cursor: pointer;
    padding-left: 0 !important;
}
.searchandfilter ul li li::before, .searchandfilter ul li li input {
    display: none;
}

/*search agenda*/
.filter-listing-agenda ul {
	gap:32px;
}
.filter-listing-agenda ul select.sf-input-select {
	padding: 12px;
	min-width: 320px;
	border-radius: 12px;
	border: 1px solid var(--gray-300);
}
.filter-listing-agenda input[type=submit],
.filter-listing-agenda .search-filter-reset {
	padding: 12px 24px;
	color: var(--gray-200)!important;
	border: 1px solid var(--gray-200);
	background: transparent;
	border-radius: 99px;
}

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

/* ------------------------
06 - CARDS
--------------------------*/ 

.cards .chapoPicture {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
	height: 183px;
}
.cards .chapoPicture img {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.cards:hover .chapoPicture img {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.cards .category {
    position: absolute;
    top:-18px;
    left:0;
    padding: 6px 10px 6px 32px;
    border-bottom-right-radius: 99px;
    border-top-right-radius: 99px;
    background: var(--color-degrad-primary);
	transition: all 0.5s cubic-bezier(0.41, 0.094, 0.54, 0.07) 0s;
}
.cards:hover .category {
	padding: 6px 10px 6px 50px;
	transition: all 0.5s cubic-bezier(0.41, 0.094, 0.54, 0.07) 0s;
}
.cards .content {
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
}
.cards .content .title-large {
    color: var(--gray-900)!important;
}
.cards .content .title-large .ico-link-page-extern {
	background-image: url(/wp-content/themes/mediapilote/img/charte/menu-extern.svg);
	width: 14px;
    height: 14px;
}
.cards .card-content svg {
    vertical-align: sub;
}



		iframe{
			max-width: 100%;
			width: 100%;
			height: 600px;
			border-radius: 32px;
		}
		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: 100%;
		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;}


/* @media (max-width:1199px) {
    .sectionHasSidebar #asideWidgets {
        padding-bottom: 80px;
    }
} */

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

  }