/* ------
SOMMAIRE
---------*/
/*
@AUTHOR : Julie

04 - LIENS
07 - PADDING ET LARGEURS
08 - MENU SCROLL UP
09 - POPUP ACTUALITE
10 - MENU HAMBURGERS
11 - ICONES SOCIALES
12 - CLASS GENERIQUES
13 - PAGE TEXTE EN BLOC
14 - SLICK
*/









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






/**
* 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.animateLeft {
    left: -30px;
}

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

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

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

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

.animate-elem.animateBottomLeft {
    left: -30px;
    bottom: -30px;
}
.animate-elem.animateBottom {
    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;
}