/* ------
SOMMAIRE
---------*/
/*

01 - MENU SCROLL UP
02 - ICONES SOCIALES
03 - ANIMATION SCROLL










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





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






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

.overflow-hidden {
    overflow: hidden!important;
}

.gap-15 {
    gap: 1.5rem;
}

.w-80 {
	width: 80% !important;
}

.gap-22 {
    gap: 22px;
}

@media screen and (min-width:768px) {
    .w-md-100 {
        width: 100%!important;
    }
}

sup {
    font-size: 0.5em;
    position: relative;
    bottom: 6px;
}

.scroll-bottom {
    border-radius: 50%;
    background-color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    outline: transparent;
    cursor: pointer;
    overflow: hidden;
    width: 36px;
    height: 36px;
    position: relative;
}
.scroll-bottom .icon-arrow::before {
    content: "\e901";
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--white);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    font-size: 1.2rem;
    line-height: 1;
}



/* @changelog 2024-01-31 [FIX] (Anne-Lyse Volant) On fait en sorte de ne pas appliquer de padding right sur le body lors du lancement de la popUp */

html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
    padding-right: 0 !important;
}

.axeptio-consent-spe {
    font-size: 1rem;
}
.btn-consent {
    display: inline-block;
    background: var(--color-primary);
    line-height: 1;
    padding: 7px 10px;
    border-radius: 20px;
    cursor: pointer;
    transition: .5s;
    margin-left: 5px;
}
.btn-consent:hover {
    background-color: var(--color-tertiary);
    color: #fff;
    transition: .5s;
}