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





/* ----------
11 - ICONES SOCIALES
-------------*/
.jssocials-share{

}
.jssocials-share-email{

}
.jssocials-share-twitter{

}
.jssocials-share-facebook{

}
.jssocials-share-googleplus{

}
	.jssocials-share a{

	}
		.jssocials-share .jssocials-share-logo{
			background-image: url('/images/charte/sprite-partages-rs.png');
			background-repeat: no-repeat;
			background-size: 130px auto;
			display: block;
			height: 33px;
			width: 33px;
		}
		.jssocials-share .jssocials-share-label{
			display: none;
		}

		.jssocials-share-email .jssocials-share-logo{ background-position: 0 0 }
		.jssocials-share-email:hover .jssocials-share-logo, .jssocials-share-email:focus .jssocials-share-logo{ /*background-position: 0 -34px*/ opacity: 0.7; }

		.jssocials-share-twitter .jssocials-share-logo{ background-position: -32px 0 }
		.jssocials-share-twitter:hover .jssocials-share-logo, .jssocials-share-twitter:focus .jssocials-share-logo{ /*background-position: -32px -34px*/ opacity: 0.7; }

		.jssocials-share-facebook .jssocials-share-logo{ background-position: -64px 0 }
		.jssocials-share-facebook:hover .jssocials-share-logo, .jssocials-share-facebook:focus .jssocials-share-logo{ /*background-position: -64px -34px*/ opacity: 0.7; }

		.jssocials-share-googleplus .jssocials-share-logo{ background-position: -97px 0 }
		.jssocials-share-googleplus:hover .jssocials-share-logo, .jssocials-share-googleplus:focus .jssocials-share-logo{ /*background-position: -97px -34px*/ opacity: 0.7; }



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

.bg_red {
  background-color: var(--pink);
}
.bg_purple {
  background-color: var(--purple);
}
.bg_yellow {
  background-color: var(--yellow);
}
.bg_green {
  background-color: var(--cyan);
}
.bg_grey {
  background-color: var(--gray-100);
}
.bg_pink {
  background-color: #FC13FE;
}
.bg_blue {
  background-color: #d6ddf5;
}
.bg_gray {
  background-color: #c3c3c3;
}
.bg_yellowDark {
  background-color: #fbf6c6;
}
.bg_primary {
    background-color: var(--color-primary);
}

.color-yellow {
  color: var(--color-secondary) !important;
}
.color-red {
  color: var(--pink) !important;
}
.color-pink {
  color: #FC13FE !important;
}
.color-purple {
  color: var(--purple) !important;
}
.color-blue-dark {
  color: var(--blue-dark) !important;
}
.color-blue {
  color: var(--color-primary) !important;
}
.color-green {
  color: #72E001 !important;
}
.color-cyan {
  color: var(--cyan) !important;
}
.color-white {
  color: var(--white) !important;
}

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

/* -------------------------
    TEXTE
        Ellipsis
------------------------- */

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.ellipsis--2 {
  -webkit-line-clamp: 2;
}

.ellipsis--3 {
  -webkit-line-clamp: 3;
}

.ellipsis--4 {
  -webkit-line-clamp: 4;
}

.ellipsis>* {
  margin: 0;
}