body
{
	padding-bottom:75px;
}
.app_bg1
{
	background:#797979
}
.app_bg2
{
	background:#000
}
.app_bg3
{
	/*background:#d3d3d3*/
	background:#F1F1F1
}
.app_bg4
{
	background:#92C03E
}
.app-button-home
{
	width:100%;
	background: #92C03E;
    border-radius: 0 !important;
    padding: 15px 0;
	color:#FFF;
	display: block;
	line-height: 2.2rem;
	text-align:center;
}
.footer_box:before
{
	display:none
}
.app_bg5
{
	background:url('../images/boxes.png') no-repeat right bottom #F1F1F1;
	background-size:300px;
}
.home_search select
{
background: #fff url(../images/down.svg) 95% no-repeat;
}
.font-42, .font-42 * {
    font-size: 2.4rem;
}
footer
{
z-index: 100;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	
}
footer span
{
	font-size:10px;
}
footer .colw-20
{
	padding:15px 0;box-shadow: 0 0 2px #FFF;
	text-align:center
}
footer .colw-20 img
{
	filter: brightness(0) invert(1);
	width: 30px;
}
.app_intro
{
	background:#FFF;
	position:fixed;
	width:100%;
	height:100%;
	z-index:9999;
	top:0;
	left:0;
	 display: flex;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.app_intro svg
{
	width:100%
}



.open_left , .open_right , .area_layer_back 
{
	opacity:0
}
.open_right.aos-animate
{
	animation: 0.5s ease-in-out 0.75s fade-fromleft both;
    /* -webkit-animation: 1.25s ease-in-out 0.75s window-fromright both; */
    opacity: 1;
}
.open_left.aos-animate
{
	animation: 0.5s ease-in-out 0.75s fade-fromright both;
    /* -webkit-animation: 1.25s ease-in-out 0.75s window-fromright both; */
    opacity: 1;
}
.area_layer_back.aos-animate
{
	opacity: 1;
    animation: 0.5s ease-in-out 0.5s circle-fromcenter-over both;
    -webkit-animation: 1s ease-in-out 0.5s circle-fromcenter-over both;
}
.colw-275
{
	width:230px;
}
.br-25
{
	border-radius:25px;
}
.footer_box .products_listing a
{
	background:none;padding:0
}
@media all and (max-width: 960px){
.logo_box img {
    width: 150px;
}
}










/* ANIMATIONS */
/* Apparition en fondu depuis un côté */
@keyframes fade-fromleft { 
     0% { opacity:0; -webkit-transform: translate(-5em); -moz-transform: translate(-5em); -ms-transform: translate(-5em); -o-transform: translate(-5em); transform: translate(-5em);}
     100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes fade-fromleft { 
     0% { opacity:0; -webkit-transform: translate(-5em); -moz-transform: translate(-5em); -ms-transform: translate(-5em); -o-transform: translate(-5em); transform: translate(-5em);}
     100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes fade-fromright { 
     0% { opacity:0; -webkit-transform: translate(5em); -moz-transform: translate(5em); -ms-transform: translate(5em); -o-transform: translate(5em); transform: translate(5em);}
     100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes fade-fromright { 
     0% { opacity:0; -webkit-transform: translate(5em); -moz-transform: translate(5em); -ms-transform: translate(5em); -o-transform: translate(5em); transform: translate(5em);}
     100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes fade-fromtop { 
     0% { opacity:0; -webkit-transform: translateY(-5em); -moz-transform: translateY(-5em); -ms-transform: translateY(-5em); -o-transform: translateY(-5em); transform: translateY(-5em);}
     100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes fade-fromtop { 
     0% { opacity:0; -webkit-transform: translateY(-5em); -moz-transform: translateY(-5em); -ms-transform: translateY(-5em); -o-transform: translateY(-5em); transform: translateY(-5em);}
     100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes fade-frombot { 
     0% { opacity:0; -webkit-transform: translateY(5em); -moz-transform: translateY(5em); -ms-transform: translateY(5em); -o-transform: translateY(5em); transform: translateY(5em);}
     100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes fade-frombot { 
     0% { opacity:0; -webkit-transform: translateY(5em); -moz-transform: translateY(5em); -ms-transform: translateY(5em); -o-transform: translateY(5em); transform: translateY(5em);}
     100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes translate-fromtop { 
     0% { -webkit-transform: translateY(-5em); -moz-transform: translateY(-5em); -ms-transform: translateY(-5em); -o-transform: translateY(-5em); transform: translateY(-5em);}
     100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes translate-fromtop { 
     0% { -webkit-transform: translateY(-5em); -moz-transform: translateY(-5em); -ms-transform: translateY(-5em); -o-transform: translateY(-5em); transform: translateY(-5em);}
     100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes translate-frombot { 
     0% { -webkit-transform: translateY(5em); -moz-transform: translateY(5em); -ms-transform: translateY(5em); -o-transform: translateY(5em); transform: translateY(5em);}
     100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes translate-frombot { 
     0% { -webkit-transform: translateY(5em); -moz-transform: translateY(5em); -ms-transform: translateY(5em); -o-transform: translateY(5em); transform: translateY(5em);}
     100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes translate-fromright { 
     0% { -webkit-transform: translate(5em); -moz-transform: translate(5em); -ms-transform: translate(5em); -o-transform: translate(5em); transform: translate(5em);}
     100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes translate-fromright { 
     0% { -webkit-transform: translate(5em); -moz-transform: translate(5em); -ms-transform: translate(5em); -o-transform: translate(5em); transform: translate(5em);}
     100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
/* Menu mobile */
@keyframes translate-menu { 
     0% { transform:translate(0); -webkit-transform:translate(0);}
     100% { transform:translate(calc(-100vw + 6em)); -webkit-transform:translate(-webkit-calc(-100vw + 6em));}
}
@keyframes translate-menu-reverse { 
     0% { transform:translate(calc(-100vw + 6em)); -webkit-transform:translate(-webkit-calc(-100vw + 6em));}
     100% { transform:translate(0); -webkit-transform:translate(0);}
}
@-webkit-keyframes translate-menu { 
     0% { transform:translate(0); -webkit-transform:translate(0);}
     100% { transform:translate(calc(-100vw + 6em)); -webkit-transform:translate(-webkit-calc(-100vw + 6em));}
}
@-webkit-keyframes translate-menu-reverse { 
     0% { transform:translate(calc(-100vw + 6em)); -webkit-transform:translate(-webkit-calc(-100vw + 6em));}
     100% { transform:translate(0); -webkit-transform:translate(0);}
}
/* Apparition lettre intro (pseudo cercle sens horaire) */
@keyframes letter-clock {
     0%        { clip-path: polygon(50% 50%, 125% 50%, 125% 50%, 125% 50%, 125% 50%, 125% 50%, 125% 50%, 125% 50%, 125% 50%, 125% 50%);}
     12.5%     { clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%);}
     25%       { clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 50% 125%, 50% 125%, 50% 125%, 50% 125%, 50% 125%, 50% 125%, 50% 125%);}
     37.5%     { clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 50% 125%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%);}
     50%       { clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 50% 125%, 0% 100%, -25% 50%, -25% 50%, -25% 50%, -25% 50%, -25% 50%);}
     62.5%     { clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 50% 125%, 0% 100%, -25% 50%, 0% 0%, 0% 0%, 0% 0%, 0% 0%);}
     75%       { clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 50% 125%, 0% 100%, -25% 50%, 0% 0%, 50% -25%, 50% -25%, 50% -25%);}
     87.5%     { clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 50% 125%, 0% 100%, -25% 50%, 0% 0%, 50% -25%, 100% 0%, 100% 0%);}
     100%      { clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 50% 125%, 0% 100%, -25% 50%, 0% 0%, 50% -25%, 100% 0%, 125% 50%);}
}
@-webkit-keyframes letter-clock {
     0%        { -webkit-clip-path: polygon(50% 50%, 125% 50%, 125% 50%, 125% 50%, 125% 50%, 125% 50%, 125% 50%, 125% 50%, 125% 50%, 125% 50%);}
     12.5%     { -webkit-clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%);}
     25%       { -webkit-clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 50% 125%, 50% 125%, 50% 125%, 50% 125%, 50% 125%, 50% 125%, 50% 125%);}
     37.5%     { -webkit-clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 50% 125%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%);}
     50%       { -webkit-clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 50% 125%, 0% 100%, -25% 50%, -25% 50%, -25% 50%, -25% 50%, -25% 50%);}
     62.5%     { -webkit-clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 50% 125%, 0% 100%, -25% 50%, 0% 0%, 0% 0%, 0% 0%, 0% 0%);}
     75%       { -webkit-clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 50% 125%, 0% 100%, -25% 50%, 0% 0%, 50% -25%, 50% -25%, 50% -25%);}
     87.5%     { -webkit-clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 50% 125%, 0% 100%, -25% 50%, 0% 0%, 50% -25%, 100% 0%, 100% 0%);}
     100%      { -webkit-clip-path: polygon(50% 50%, 125% 50%, 100% 100%, 50% 125%, 0% 100%, -25% 50%, 0% 0%, 50% -25%, 100% 0%, 125% 50%);}
}
@keyframes letter-clock-invert {
     0%        { clip-path: polygon(50% 50%, -25% 50%, -25% 50%, -25% 50%, -25% 50%, -25% 50%, -25% 50%, -25% 50%, -25% 50%, -25% 50%);}
     12.5%     { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%);}
     25%       { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 50% 125%, 50% 125%, 50% 125%, 50% 125%, 50% 125%, 50% 125%, 50% 125%);}
     37.5%     { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 50% 125%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%);}
     50%       { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 50% 125%, 100% 100%, 125% 50%, 125% 50%, 125% 50%, 125% 50%, 125% 50%);}
     62.5%     { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 50% 125%, 100% 100%, 125% 50%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);}
     75%       { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 50% 125%, 100% 100%, 125% 50%, 100% 0%, 50% -25%, 50% -25%, 50% -25%);}
     87.5%     { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 50% 125%, 100% 100%, 125% 50%, 100% 0%, 50% -25%, 0% 0%, 0% 0%);}
     100%      { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 50% 125%, 100% 100%, 125% 50%, 100% 0%, 50% -25%, 0% 0%, -25% 50%);}
}
@-webkit-keyframes letter-clock-invert {
     0%        { clip-path: polygon(50% 50%, -25% 50%, -25% 50%, -25% 50%, -25% 50%, -25% 50%, -25% 50%, -25% 50%, -25% 50%, -25% 50%);}
     12.5%     { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%);}
     25%       { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 50% 125%, 50% 125%, 50% 125%, 50% 125%, 50% 125%, 50% 125%, 50% 125%);}
     37.5%     { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 50% 125%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%);}
     50%       { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 50% 125%, 100% 100%, 125% 50%, 125% 50%, 125% 50%, 125% 50%, 125% 50%);}
     62.5%     { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 50% 125%, 100% 100%, 125% 50%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);}
     75%       { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 50% 125%, 100% 100%, 125% 50%, 100% 0%, 50% -25%, 50% -25%, 50% -25%);}
     87.5%     { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 50% 125%, 100% 100%, 125% 50%, 100% 0%, 50% -25%, 0% 0%, 0% 0%);}
     100%      { clip-path: polygon(50% 50%, -25% 50%, 0% 100%, 50% 125%, 100% 100%, 125% 50%, 100% 0%, 50% -25%, 0% 0%, -25% 50%);}
}
/* Apparition par mise à l'échelle */
@keyframes scalefocus {
     0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
     50%  { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
     100%   { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
}
@-webkit-keyframes scalefocus {
     0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
     50%  { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
     100%   { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
}
@keyframes scale-in {
     0% { -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); transform:scale(0);}
     100%   { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
}
@-webkit-keyframes scale-in {
     0% { -webkit-transform:scale(0);}
     100%   { -webkit-transform:scale(1);}
}
/* Apparition fenetre */
@keyframes window-fromleft {
     0%        { clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%);}
     100%      { clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);}
}
@-webkit-keyframes window-fromleft {
     0%        { clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%);}
     100%      { clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);}
}
@keyframes window-fromright {
     0%        { clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 100% 0%);}
     100%      { clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%); -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);}
}
@-webkit-keyframes window-fromright {
     0%        { clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 100% 0%);}
     100%      { clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%); -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);}
}
@keyframes window-frombot {
     0%        { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);}
     100%      { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);}
}
@-webkit-keyframes window-frombot {
     0%        { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);}
     100%      { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);}
}
@keyframes window-fromtop {
     0%        { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);}
     100%      { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
}
@-webkit-keyframes window-fromtop {
     0%        { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);}
     100%      { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
}
/* Apparition fenetre pur label gamme */
@keyframes label-window-fromleft {
     0%        { clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%); color:rgba(255,255,255,0);}
     50%       { clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); color:rgba(255,255,255,0);}
     100%      { clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); color:rgba(255,255,255,1);}
}
@-webkit-keyframes label-window-fromleft {
     0%        { clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%); color:rgba(255,255,255,0);}
     50%       { clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); color:rgba(255,255,255,0);}
     100%      { clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); color:rgba(255,255,255,1);}
}
/* Apparition en cercle */
@keyframes circle-fromcenter {
     0%       { clip-path: circle(0%); -webkit-clip-path: circle(0%);}
     100%     { clip-path: circle(50%); -webkit-clip-path: circle(50%);}
}
@-webkit-keyframes circle-fromcenter {
     0%       { clip-path: circle(0%); -webkit-clip-path: circle(0%);}
     100%     { clip-path: circle(50%); -webkit-clip-path: circle(50%);}
}
@keyframes circle-fromcenter-over {
     0%       { clip-path: circle(0%); -webkit-clip-path: circle(0%);}
     100%     { clip-path: circle(115%); -webkit-clip-path: circle(115%);}
}
@-webkit-keyframes circle-fromcenter-over {
     0%       { clip-path: circle(0%); -webkit-clip-path: circle(0%);}
     100%     { clip-path: circle(115%); -webkit-clip-path: circle(115%);}
}
@keyframes circle-frombot-over {
     0%       { clip-path: circle(0% at 50% 100%); -webkit-clip-path: circle(0% at 50% 100%);}
     100%     { clip-path: circle(115% at 50% 100%); -webkit-clip-path: circle(115% at 50% 100%);}
}
@-webkit-keyframes circle-frombot-over {
     0%       { clip-path: circle(0% at 50% 100%); -webkit-clip-path: circle(0% at 50% 100%);}
     100%     { clip-path: circle(115% at 50% 100%); -webkit-clip-path: circle(115% at 50% 100%);}
}
/* Fade */
@keyframes fade-in {
     0%       { opacity:0;}
     100%     { opacity:1;}
}
@-webkit-keyframes fade-in {
     0%       { opacity:0;}
     100%     { opacity:1;}
}
@keyframes fade-out {
     0%       { opacity:1;}
     100%     { opacity:0;}
}
@-webkit-keyframes fade-out {
     0%       { opacity:1;}
     100%     { opacity:0;}
}
/* Blur */
@keyframes blur {
     0%       { filter:blur(0px); -webkit-filter:blur(0px);}
     100%     { filter:blur(10px); -webkit-filter:blur(10px);}
}
@-webkit-keyframes blur {
     0%       { filter:blur(0px); -webkit-filter:blur(0px);}
     100%     { filter:blur(10px); -webkit-filter:blur(10px);}
}
@keyframes blur-out {
     0%       { filter:blur(10px); -webkit-filter:blur(10px);}
     100%     { filter:blur(0px); -webkit-filter:blur(0px);}
}
@-webkit-keyframes blur-out {
     0%       { filter:blur(10px); -webkit-filter:blur(10px);}
     100%     { filter:blur(0px); -webkit-filter:blur(0px);}
}
/* Cercles menu principal */
@keyframes menu-circle-big {
     0%       { width:0; height:0; margin-left:0; margin-top:0; opacity:0;}
     25%      { opacity:1;}
     100%     { width:200vh; height:200vh; margin-left:-100vh; margin-top:-100vh; opacity:0;}
}
@-webkit-keyframes menu-circle-big {
     0%       { width:0; height:0; margin-left:0; margin-top:0; opacity:0;}
     25%      { opacity:1;}
     100%     { width:200vh; height:200vh; margin-left:-100vh; margin-top:-100vh; opacity:0;}
}
@keyframes menu-circle-small {
     0%       { width:0; height:0; margin-left:0; margin-top:0; opacity:0;}
     25%       { opacity:1;}
     100%     { width:5em; height:5em; margin-left:-2.5em; margin-top:-2.5em; opacity:1;}
}
@-webkit-keyframes menu-circle-small {
     0%       { width:0; height:0; margin-left:0; margin-top:0; opacity:0;}
     25%      { opacity:1;}
     100%     { width:5em; height:5em; margin-left:-2.5em; margin-top:-2.5em; opacity:1;}
}
/* Boutons CTA (deux tailles) */
@keyframes cta-fromleft {
     0%       { height:0%; opacity:0; width:0; margin-top:0; margin-left:0;}
     25%      { opacity:1;}
     50%      { height:100%; width:2.750em; margin-top:-1.375em; margin-left:-1.375em;}
     100%     { height:100%; opacity:1; width:100%; margin-top:-1.375em; margin-left:-1.375em;}
}
@-webkit-keyframes cta-fromleft {
     0%       { height:0%; opacity:0; width:0; margin-top:0; margin-left:0;}
     25%      { opacity:1;}
     50%      { height:100%; width:2.750em; margin-top:-1.375em; margin-left:-1.375em;}
     100%     { height:100%; opacity:1; width:100%; margin-top:-1.375em; margin-left:-1.375em;}
}
@keyframes cta-fromcenter {
     0%       { height:0%; opacity:0; width:0; margin-top:0; margin-left:0; left:50%;}
     25%      { opacity:1;}
     50%      { height:100%; width:2.750em; margin-top:-1.375em; margin-left:-1.375em; left:50%;}
     100%     { height:100%; opacity:1; width:100%; margin-top:-1.375em; margin-left:-1.375em; left:1.375em;}
}
@-webkit-keyframes cta-fromcenter {
     0%       { height:0%; opacity:0; width:0; margin-top:0; margin-left:0; left:50%;}
     25%      { opacity:1;}
     50%      { height:100%; width:2.750em; margin-top:-1.375em; margin-left:-1.375em; left:50%;}
     100%     { height:100%; opacity:1; width:100%; margin-top:-1.375em; margin-left:-1.375em; left:1.375em;}
}
@keyframes cta-fromleft-big {
     0%       { height:0%; opacity:0; width:0; margin-top:0; margin-left:0;}
     25%      { opacity:1;}
     50%      { height:100%; width:3.375em; margin-top:-1.6875em; margin-left:-1.6875em;}
     100%     { height:100%; opacity:1; width:100%; margin-top:-1.6875em; margin-left:-1.6875em;}
}
@-webkit-keyframes cta-fromleft-big {
     0%       { height:0%; opacity:0; width:0; margin-top:0; margin-left:0;}
     25%      { opacity:1;}
     50%      { height:100%; width:3.375em; margin-top:-1.6875em; margin-left:-1.6875em;}
     100%     { height:100%; opacity:1; width:100%; margin-top:-1.6875em; margin-left:-1.6875em;}
}
@keyframes cta-fromcenter-big {
     0%       { height:0%; opacity:0; width:0; margin-top:0; margin-left:0; left:50%;}
     25%      { opacity:1;}
     50%      { height:100%; width:3.375em; margin-top:-1.6875em; margin-left:-1.6875em; left:50%;}
     100%     { height:100%; opacity:1; width:100%; margin-top:-1.6875em; margin-left:-1.6875em; left:1.6875em;}
}
@-webkit-keyframes cta-fromcenter-big {
     0%       { height:0%; opacity:0; width:0; margin-top:0; margin-left:0; left:50%;}
     25%      { opacity:1;}
     50%      { height:100%; width:3.375em; margin-top:-1 6875em; margin-left:-1 6875em; left:50%;}
     100%     { height:100%; opacity:1; width:100%; margin-top:-1.6875em; margin-left:-1.6875em; left:1.6875em;}
}
/* Panneaux */
@keyframes panel-fromcenter {
     0%       { height:0%; opacity:0; width:0; margin-top:1.375em; margin-left:0; left:50%;}
     33%      { height:2.750em; opacity:1; width:2.750em; margin-top:0; margin-left:-1.375em; left:50%;}
     66%      { height:2.750em; width:100%; margin-left:-1.375em; left:1.375em;}
     100%     { height:100%; opacity:1;}
}
@-webkit-keyframes panel-fromcenter {
     0%       { height:0%; opacity:0; width:0; margin-top:1.375em; margin-left:0; left:50%;}
     33%      { height:2.750em; opacity:1; width:2.750em; margin-top:0; margin-left:-1.375em; left:50%;}
     66%      { height:2.750em; width:100%; margin-left:-1.375em; left:1.375em;}
     100%     { height:100%; opacity:1;}
}
/* Bulle chiffre */
@keyframes number-scale-in {
     0%       { opacity:0; width:0; height:0; margin-top:0; margin-left:0;}
     25%      { opacity:1;}
     100%     { opacity:1; width:3.5em; height:3.5em; margin-top:-1.75em; margin-left:-1.75em;}
}
@-webkit-keyframes number-scale-in {
     0%       { opacity:0; width:0; height:0; margin-top:0; margin-left:0;}
     25%      { opacity:1;}
     100%     { opacity:1; width:3.5em; height:3.5em; margin-top:-1.75em; margin-left:-1.75em;}
}
/* Grosse bulle chiffrée */
@keyframes number-large-scale-in {
     0%       { opacity:0; width:0; height:0; margin-top:0; margin-left:0;}
     25%      { opacity:1;}
     50%      { width:4em; height:4em; margin-top:-2em; margin-left:-2em;}
     100%     { opacity:1; width:9em; height:4em; margin-top:-2em; margin-left:-4.5em;}
}
@-webkit-keyframes number-large-scale-in {
     0%       { opacity:0; width:0; height:0; margin-top:0; margin-left:0;}
     25%      { opacity:1;}
     50%      { width:4em; height:4em; margin-top:-2em; margin-left:-2em;}
     100%     { opacity:1; width:9em; height:4em; margin-top:-2em; margin-left:-4.5em;}
}
/* Flottement doux */
@keyframes smooth-float {
     0%       { transform:translateY(0); -webkit-transform:translateY(0);}
     50%      { transform:translateY(1em); -webkit-transform:translateY(1em);}
     100%     { transform:translateY(0); -webkit-transform:translateY(0);}
}
@-webkit-keyframes smooth-float {
     0%       { transform:translateY(0); -webkit-transform:translateY(0);}
     50%      { transform:translateY(1em); -webkit-transform:translateY(1em);}
     100%     { transform:translateY(0); -webkit-transform:translateY(0);}
}
.delete_account a
{
	color:white;
	background:red;
	padding:15px 20px;
	border-radius:50px
}.ai-c
{
	align-items:center
}
.jc-fs
{
	justify-content: flex-start;
}