/*
Theme Name: ActivUs - Association Management
Theme URI: https://www.activus.city
Description: Theme ActivUs - Association Management - Achat locale, actualite & vie locale, media local, tourisme & decouverte
Author: Raphaël KÜHN - ActivUs
Text Domain: ActivUs
Domain Path: /languages
Version: 1.0
License: Tous droits réservés - Activus (tm)
License URI: license.txt

*/
body, html{position:relative; overflow: hidden !important; margin:0; display:flex; width:100%; }
.bodyhtml_nointro{min-height:720px !important; min-width:1080px !important;}
.mh_cpt{min-height:720px;}F
/*
#c0-global, .wrapper{
	min-height:720px;
}
*/
/********. Activate/deactivate Suggestion left Association Page *********/

.wrapper_nopadding{
	padding: 0.5em 0.5em 0.5em 0 !important;
}
.deactivate_suggestionleft{
	/*left: -255px !important;*/
	/*position: relative;*/
	display: none !important;
}
.fullwidth_globalwrapper{
	left: 0 !important;
	width: 100% !important;
}
/********. FIN Activate/deactivate Suggestion left Association Page *********/
img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}
img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}
#event_post strong{
	color:white;
}
.gofullscreen{
	width:100% !important; 
	height: calc(100% - 5em) !important;
}
.dl-hover-cursor{
	width:100%; height:100%;
	position:absolute; top:0;
	background:rgba(0,0,0,0.8);
	/*display:flex;*/
	align-items:center; justify-content:center;
	text-align:center;
	z-index:9;
	color:white; 
	border:3px solid red; 
	border-radius:4px;
}
.asso-document:hover > .dl-hover-cursor{
	display:flex !important;
}
//MapTiler and Maplibre

.mapboxgl-map, .maplibregl-map {position:initial !important;}
canvas .mapboxgl-canvas, canvas .maplibregl-canvas {
    width:100% !important; height: 100% !important;
  }
.maplibregl-popup {
max-width: 400px;
font: 12px/20px 'Montserrat', sans-serif;
filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
}
.maplibregl-popup *{
	color:black;
}
.maplibregl-popup-tip{
	border:0 !important;
	clip-path: polygon(0 0, 100% 0, 50% 50%);
	width: 20px !important;
	height: 20px !important;
	background: white;
}
.maplibregl-popup-content{
	border-radius: 12px !important;
	max-width: 200px;
	padding: 22px 10px 15px 10px !important;
	border: 0.5px solid rgb(122, 122, 118);
}
.maplibregl-popup-content p:first-child {
	font-weight: 600;
	font-size: 1.1em;
	text-transform: uppercase;
}
.maplibregl-popup-content p:nth-child(2) {
	background: #0232c9;
	width: intrinsic;
	padding: 0.25em 0.5em;
	color: white;
}
.maplibregl-popup-close-button{
	font-size: 2.5em;
	line-height: 0.8em;
	border-width: 0 0 0.5px 0.5px !important;
	border: solid rgb(122, 122, 118);
}
.maplibregl-popup-close-button:hover {
	border-radius: 0 12px 0 12px !important;
}
/* Maplibre right panel informations */
#rightsidemap{
	
}
#container_rsm{
	filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
border: 0.5px solid rgb(122, 122, 118);
}
p
*{-webkit-margin-before:initial ; -webkit-margin-after: initial ; -webkit-margin-start: initial; -webkit-margin-end: initial; -webkit-padding-start: initial; }
html{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
*, ::after, ::before {
    box-sizing: inherit;
}
p{margin:0;}

wtxt{
	color:white;
}
.WrapperWidthSpace{
	width: calc(100% - 250px); 
}

.SpaceBottom{
	padding-bottom:200px !important;
}

windowgiantmenu{
	width:100%; height:100%;
	z-index:21; 
	position:absolute;
	top:0; left:0;
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 		
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	padding: .35rem!important;
}
SBMctn{
	width:100%; height:auto; 
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 		
	align-items:center; justify-content:center;
	flex-direction: row;
	column-gap:1em;
}
optionsbar1{
	width:400px;
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 		
	align-items:center;  justify-content:space-between;  
	flex-direction:row;
	column-gap:1em;
}
optionsbar2{
	width:400px;
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 		
	align-items:center;  justify-content:center;  
	flex-direction:row;
	column-gap:1em;
}
#GrowGiantMenu, #CloseGiantMenu{
	height:35px; width:43px;
	background-color:#eaeaea; 
	font-size:1.1em;
	color:#000000 !important;
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 		
	align-items:center;  justify-content:center;  
	z-index:12; 
	box-shadow: 2px 1px 4px -1px #242424; 
}
titlebarmenu{
	font-weight:600;
	font-size:1.7em; 
	text-shadow:1px 1px 2px #222222;
}
SubMenuBar{
	width:100%; height:auto; 
	color:white;
	padding: .5rem!important;
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 		
	align-items:center;
	justify-content:space-between;
	border-radius: 4px !important;
	box-shadow:2px 2px 6px #222, -2px -2px 6px #00ffeb;
}
containergiantmenu{
	width: 920px; height: 600px;
	background-color: #333333 !important;
	border: 1px solid rgb(101, 255, 248);
	border-radius: 12px !important;
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
	flex-direction:row; row-gap:1em;
	overflow:hidden;
	padding: .35rem!important; margin-top: .5rem;
	transition: all .2s ease;
	position:relative;
	box-shadow: 0 0 45px #222, 0 0 8px #000;
}
colorizedmenu{
	width:100%; height:100%;
	position:absolute; 
	top:0; left:0; 
}
leftzone{
	width:225px; height:100%; 
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 
	flex-direction:column; 
	row-gap:1em; 
	color: #003A6C !important; 
	border-right:1px solid white;
	z-index:1;
}
rightzone{
	width:225px; height:100%;
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;  
	flex-direction:column; 
	row-gap:0.5em; 
	color: #003A6C !important; 
	padding: 0 0.35em !important; 
	border-left:1px solid white;
	z-index:1;
}
blocamp{
	width:100%; height: calc(100% - 164px);
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 
	flex-direction:column;
}
titlelistpages{
	width:100%; height: auto; 
	color:white;
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;  
	flex-direction:row; 
	justify-content:center; align-items:center;
	font-size:1.2em; font-weight:600;
	text-transform:uppercase; 
	padding:0 .5rem !important; padding-bottom:0.35em !important;
	text-shadow: 2px 2px 1px #333, -0.5px -0.5px 8px #666;
	letter-spacing:1px; 
	position:relative;
}
changedisplay{
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
	flex-direction:row;  
	position:absolute; 
	right:5px; 
	column-gap: 0.5em;
}
.icoActive{
	fill:#ffffff !important;
}
atvnavmenu{
	width:100%; height: auto; 
	color:white; 
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
	flex-direction:column;   
	font-size:1.1em; font-weight:300; 
	text-transform:uppercase; 
	overflow:hidden; 
	position:relative;
}
ctnlkpage{
	width:100%; height: 100%;  
	display:grid;
	flex-direction:column; 
	row-gap:0.5em; 
	overflow:auto; 
	padding-right: .5rem!important; 
	position:relative;
}
headscroll, footscroll{
	width:100%;
}
arrownavtop, arrownavbottom{
	width:calc(100% - 0.5em);  height:35px; 
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 
	align-items:center; justify-content:center;
	position:absolute; 
	background:black; 
}
arrownavtop{
	top:0; 
}
arrownavbottom{
	bottom:0; 
}
titlesectionmenu{
	width:100%;
	color:white;
	height:auto; 
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 
	align-items:center; justify-content:center;
	flex-direction:column;
	font-size:1.2em; 
	font-weight:600;
	text-shadow: 2px 2px 1px #333, -0.5px -0.5px 8px #666;
	text-transform: uppercase;
	letter-spacing: 1px;
}
translateblock{
	width:100%; height: 150px;
	padding-right: .35rem!important;
	position:relative;
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 
	flex-direction:column;
	row-gap:0.5em;
	border-bottom-left-radius:6px;
}
listlang{
	width:100%; height: auto;
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;  
	flex-direction:row; 
	flex-wrap:wrap; 
	row-gap:0.5em;
	column-gap:0.5em;
	position:relative;
}
btnlanguage{
	width:50px; height:35px;
	background:#eaeaea;
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 
	align-items:center; justify-content:center;
	cursor:pointer;
	filter: grayscale(4) opacity(0.5);
	/*transition: all 0.5s;*/
}
btnlanguage > img{
	object-fit:cover;
}
btnlanguage.active{
	filter: brightness(2) !important;
	font-weight: 600;
	border: 1px solid yellow;
}
btnlanguage:hover:not(.active){
	filter: grayscale(0) opacity(1) brightness(2) !important;
	font-weight: 600;
	border: 1px solid orangered;
	transform: scale(1.03);
}


/*****************************************
 *  Neumorphisme
 * ***************************************/
.bNeumorphism_A{
	box-shadow: 
		inset 1px 1px 2px #888,
		inset -0.5px -0.5px 1px 1px #fff,
		-1px -1px 3px #fff,
		1px 1px 1px #03144e;
}
.bNeumorphism_D{
	box-shadow: 
		inset 1px 1px 2px #888,
		inset -0.5px -0.5px 1px 1px #fff,
		-1px -1px 3px #fff,
		1px 1px 1px #03144e;
}

/*****************************************
 *  Animation style display (with Js)
 * **************************************/
[id*="top_"],[id*="middle_"],[id*="bottom_"]{
	opacity:0;
}
/*****************************************
 *  End Animation style display 
 * **************************************/
/** 900 900ita **/
@font-face {
    font-family: "ethnocentricrg";
    src: url("fonts/ethnocentricrg.ttf");
	font-style: normal;
}
/** 100 400 600 900 **/
@font-face {
    font-family: "Montserrat";
    src: url("fonts/MontserratThin.ttf");
	font-weight:100;
}
@font-face {
    font-family: "Montserrat";
    src: url("fonts/MontserratLight.ttf");
	font-weight:300;
}
@font-face {
    font-family: "Montserrat";
    src: url("fonts/MontserratRegular.ttf");
	font-weight:400;
}
@font-face {
    font-family: "Montserrat";
    src: url("fonts/MontserratSemiBold.ttf");
	font-weight:600;
}
@font-face {
    font-family: "Montserrat";
    src: url("fonts/MontserratBlack.ttf");
	font-weight:900;
}




/********** Compressed font ************/
/*
@font-face { 
	font-family: "ethnocentricrgit"; 
	src: url("fonts/ethnocentricrgit.ttf"); 
	font-style: italic, oblique;
}
@font-face { 
font-family: ethnocentricrgit; 
src:  url('ethnocentricrgit.woff') format('woff'),
        url('ethnocentricrgit.woff2') format('woff2');
}
*/
/*@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;400;600;900&display=swap');*/
/*
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;300;500;900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;600&display=swap");
*/

/*import Keyframes from '@keyframes/core';*/

.logo{color:black; font-size:2em; display:flex; position:relative;}
.logo, .title_page, .eth-title, .fteth{font-family: "ethnocentricrg" !important;}
*{font-family: 'Montserrat', sans-serif;}


#yeardate{
	z-index:1;
	font-weight:400;
	font-size:2.5rem;
	color:rgba(255,255,255,0.3);
	position:absolute;
	/*top:3px;*/
	right:10px;
}
/************LOADER****************/

.c_loader{
	width:100%;height:100%;
	position:absolute; 
	display:flex; align-items:center; justify-content:center;
	z-index:10;
}
.awesome_loader{
	width:200px;height:200px;
	background-image: url('../../uploads/awesome-spinner.svg');
	background-repeat:no-repeat;
}

/*************************************************
 * 					Barre de recherche
 *************************************************/
/*
#FindActivity{ transition: all 0.2s; }
#FindActivity:hover{
	transform: scale(1.4);
    text-shadow: 0px 0px 8px #333;   
}
*/
.EventTextSearch{
	position: relative;
	top:0; left:0;
  	display: inline-block;
  	white-space: nowrap;
}
.TitleSearch:hover, .ResumeSearch:hover, .WinListYear:hover .TitleEvent > p{
  animation:  6s linear 0.5s infinite  defilement;
}
.MobAnimText{
	 animation: defilement 10s infinite linear;
}
@keyframes defilement {
  0% { margin-left: 0; }
  100% { margin-left: -100%; }
}
.DSWrapper:hover{
	top:-40px !important;
}
.CDWrapper:hover{
	top:-40px !important;
}

ul#ListSInfo {padding-left: 10px;}
ul#ListSInfo li{list-style: disc;}

/*************************************************
 * 				FIN	Barre de recherche
 *************************************************/

/*************************************************
 * 				Sélection (Top catégories) 
 *************************************************/

.Atv_select {
    width: 195px;
    position: relative;
    height: 100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.Atv_select select {
  display: none;
}
select{
	-webkit-appearance: menulist-button;
	-moz-appearance: none;
}

.Atv_selected-item {
    background: #fff;
	width:100%; height:100%;
    padding: 0.5em 1em;
    color: #333;
    cursor: pointer;
    z-index: 99;
    font-weight: 900;
    border-radius: 4px 4px 0 0;
	transition: 0.2s;
}

.Atv_selected-item:after {
  font-family: FontAwesome;
  content: "\f107";
  font-size: 20px;
  color: #333;
  position: absolute;
  right: 5px;
  transition: 0.2s;
}

.arrowanim.Atv_selected-item:after {
  transform: rotate(180deg);
}

.Atv_item {
    background: #fff;
    padding: 0.5em 1em;
    color: #333;
    border-top: 1px solid #eaeaea;
    font-weight: 900;
    cursor: pointer;
}
.Atv_item:last-child{
	border-radius:0 0 4px 4px;
}

.Atv_item:hover {
  background: #1d3db4;
  color: yellow !important;
	letter-spacing:1px;
	font-weight:600 !important;
	transition:all 0.2s;
}

.Atv_all-items {
 display: flex; display: -webkit-box; display: -webkit-flex; 
  flex-direction:column;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 100;
}

.Atv_all-items-hide {
  display: none;
}
titlepage color{
	color: yellow;
	font-weight:900 !important;
}


/*************************************************
 * 			fIN	Sélection (Top catégories)
 *************************************************/

/*************************************************
 * 			Bouncing animation Bigmenu
 *************************************************/
.h0i{ height:0 !important;}
.ptop-500{top:-500px;}
.ptop66{top:66px;}

.bounceB {
	-moz-animation: bounce_bottom 0.7s ;
	-webkit-animation: bounce_bottom 0.7s ;
	animation: bounce_bottom 0.7s ;
}
.bounceT{
	-moz-animation: bounce_top 0.7s ;
	-webkit-animation: bounce_top 0.7s ;
	animation: bounce_top 0.7s ;
}
/*
@-moz-keyframes bounce_bottom {
  	0%, 20%, 50%, 80%, 100% {
    	-moz-transform: translateY(0);
    	transform: translateY(0);
  	}
  	
  	40% {
    	-moz-transform: translateY(-30px);
    	transform: translateY(-30px);
  	}
  	60% {
    	-moz-transform: translateY(-15px);
    	transform: translateY(-15px);
  	}
	
}
@-webkit-keyframes bounce_bottom {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
 
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
	
}
*/
@keyframes bounce_bottom {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
	
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
	
}
@keyframes bounce_top{
	20%{
		transform: translateY(+30px);

	}
	40%{
		transform: translateY(0);
		
	}
	100%{
		transform: translateY(-500px);
	}
}

/*************************************************
 * 		Fin Bouncing animation Bigmenu
 *************************************************/

/*************************************************
 * 		Animate & modify Bigmenu on click Allinfos
 *************************************************/
.AnimateBigMenu1{
	left:0; 
	padding:0 !important;
}
.AnimateBigMenu2{
	top:0 !important;
	width:400px !important;
}
.AnimateBigMenu3{
	top:0 !important;
	width:400px !important;
	height:100% !important;
}
/*************************************************
 * 		Fin Animate & modify Bigmenu on click Allinfos
 *************************************************/
@keyframes heartbeat{
	0%,100%{
		-moz-transform: scale(0.4);
		-ms-transform: scale(0.4);
		-webkit-transform: scale(0.4);
		transform:scale(0.4);
	}
	60%{
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.LoveSelected:before {
   -moz-animation: 2s linear  5 heartbeat  ;
	-ms-animation: 2s linear  5 heartbeat  ;
	-webkit-animation: 2s linear  5 heartbeat  ;
	animation: 2s linear  5 heartbeat  ;
	color:deeppink;
}


.transport{
	min-width:33px;
	text-align:center; color:black;
	display:flex; align-items:center; justify-content:center;
	border-radius:4px;
	background:#eaeaea;
	padding:0.5em;
}

/** Responsive page **/

.RespHeight{
	height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

.dnone{display:none;}
.dnone-i{display:none !important;}
.dblock{display:block;}
.dblock-i{display:block !important;}

.hidden-i{visibility:hidden !important;}


.lcs_wrap{height:24px !important;}

/** Flex **/
.df{display:flex; display: -webkit-flex;}
.dgrid{display:grid;}
.fwrap{flex-wrap:wrap;}
.fdcol{flex-direction:column;}
.fdrow{flex-direction:row;}
.noshrink{
	flex-grow: 0;
	flex-shrink: 0;
}

.fdcoli{flex-direction:column !important;}
.fdrowi{flex-direction:row !important;}

.jccenter{justify-content:center;-webkit-justify-content: center;}
.jcleft{justify-content:flex-start;-webkit-justify-content: flex-start;}
.jcright, .jcend{justify-content:flex-end;-webkit-justify-content: flex-end;}
.jcstart{justify-content:flex-start;-webkit-justify-content: flex-start;}

.fwrap-i{flex-wrap:wrap !important; -webkit-flex-wrap:wrap !important;}

.jcbetween{justify-content:space-between;-webkit-justify-content: space-between;}
.jcaround{justify-content:space-around;-webkit-justify-content: space-around;}

.aicenter{align-items:center;-webkit-align-items: center;}
.aistart{align-items:flex-start;-webkit-align-items: flex-start;}
.aiend{align-items:flex-end;-webkit-align-items: flex-end;}
.aileft{align-items:flex-start;-webkit-align-items: flex-start;}
.airight{align-items:flex-end;-webkit-align-items: flex-end;}
.aibasel{align-items:baseline;-webkit-align-items:baseline;}
.aistretch{align-items:stretch;-webkit-align-items:stretch;}

.asstart{align-self:flex-start;-webkit-align-self:flex-start;}
.asend{align-self:flex-end;-webkit-align-self:flex-end;}
.ascenter{align-self:center;-webkit-align-self: center;}
.asright{align-self:right;-webkit-align-self: right;}
.jscenter{justify-self:center;-webkit-justify-self: center;}
.jsstart{justify-self:self-start;-webkit-justify-self: self-start;}
.jsend{justify-self:self-end;-webkit-justify-self: self-end;}

.center{
	display:flex; display: -webkit-flex; 
	align-items:center;-webkit-align-items: center;
	justify-content:center;-webkit-justify-content: center;
}

.f1{flex:1;}
.f2{flex:2;}
.f3{flex:3;}
.f4{flex:4;}

.bl-1px-w{
	border-left:1px solid white;
}
.br-1px-w{
	border-right:1px solid white;
}

.pers{perspective:1000px;}
.flipY{
	width: 100%;
  	height: 100%;
   	cursor: pointer;
   	position: relative;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all .5s linear;
	-moz-transform-style: preserve-3d;
	-moz-transition: all .5s linear;
	-o-transform-style: preserve-3d;
	-o-transition: all .5s linear;
	transform-style: preserve-3d;
	transition: all .5s linear;
	display:block;
}

.flipFace{
	backface-visibility: hidden; 
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	position: absolute; 
	z-index: 1; 
	height: 100%; 
	width: 100%; 
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
	display:block;
}
.flipPile{
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	position: absolute; z-index: 0; 
	height: 100%; width: 100%; 
	-webkit-transform: rotateY(180deg);
	-webkit-box-sizing: border-box;
	-moz-transform: rotateY(180deg);
	-moz-box-sizing: border-box;
	-o-transform: rotateY(180deg);
	-o-box-sizing: border-box;
	transform: rotateY(180deg);
	box-sizing: border-box;
	display:block;
}

.pers:hover .flipY{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.flipPileOr {
    position: relative;
    z-index: 1;
}
.flipPileOr:before {
    border-top: 1px solid #ffffff;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 95%;
    z-index: -1;
}

.ActivHome img{
	filter: grayscale(70%) brightness(60%);
	transition:all 0.5s
}
.ActivHome:hover img{
	filter: grayscale(0%) brightness(100%);
}
.ActiveTitle span{
	filter: brightness(50%);
	transition:all 0.2s
}
.ActiveTitle:hover span{
	filter: brightness(100%);
}
.overBorder {
    display: flex;
    height: 100%;
    position: absolute; top: 0;
    width: 100%;
	border-radius:4px;
    box-shadow: inset 1px 1px #fff, inset -1px -1px #fff;
}
/****************************************/

/*******************Awesome css gradient*********************/
.atv_bg_localisation{
	background-image: linear-gradient(112.5deg, rgb(199, 149, 37) 0%, rgb(199, 149, 37) 2%,rgb(202, 137, 37) 2%, rgb(202, 137, 37) 10%,rgb(205, 124, 37) 10%, rgb(205, 124, 37) 38%,rgb(208, 112, 37) 38%, rgb(208, 112, 37) 64%,rgb(210, 100, 36) 64%, rgb(210, 100, 36) 66%,rgb(213, 87, 36) 66%, rgb(213, 87, 36) 78%,rgb(216, 75, 36) 78%, rgb(216, 75, 36) 100%),linear-gradient(157.5deg, rgb(199, 149, 37) 0%, rgb(199, 149, 37) 2%,rgb(202, 137, 37) 2%, rgb(202, 137, 37) 10%,rgb(205, 124, 37) 10%, rgb(205, 124, 37) 38%,rgb(208, 112, 37) 38%, rgb(208, 112, 37) 64%,rgb(210, 100, 36) 64%, rgb(210, 100, 36) 66%,rgb(213, 87, 36) 66%, rgb(213, 87, 36) 78%,rgb(216, 75, 36) 78%, rgb(216, 75, 36) 100%),linear-gradient(67.5deg, rgb(199, 149, 37) 0%, rgb(199, 149, 37) 2%,rgb(202, 137, 37) 2%, rgb(202, 137, 37) 10%,rgb(205, 124, 37) 10%, rgb(205, 124, 37) 38%,rgb(208, 112, 37) 38%, rgb(208, 112, 37) 64%,rgb(210, 100, 36) 64%, rgb(210, 100, 36) 66%,rgb(213, 87, 36) 66%, rgb(213, 87, 36) 78%,rgb(216, 75, 36) 78%, rgb(216, 75, 36) 100%),linear-gradient(90deg, rgb(65, 48, 207),rgb(202, 204, 121));background-blend-mode: overlay,overlay,overlay,normal;
}
.atv_bg_giantmenu {
background-image: linear-gradient(390deg, rgb(116,255,231) 0%,rgb(118,190,255) 48%,rgb(118,190,255) 55%,rgb(114,253,227) 100%);
}
.atv_fractal_darkblue{
	background-image: linear-gradient(67.5deg, rgb(108,129,142) 0%, rgb(108,129,142) 2%,rgb(109,130,144) 2%, rgb(109,130,144) 18%,rgb(91,108,121) 18%, rgb(91,108,121) 23%,rgb(99,116,125) 23%, rgb(99,116,125) 64%,rgb(92,109,119) 64%, rgb(92,109,119) 93%,rgb(94,112,132) 93%, rgb(94,112,132) 95%,rgb(110,125,136) 95%, rgb(110,125,136) 100%),linear-gradient(22.5deg, rgb(108,129,142) 0%, rgb(108,129,142) 2%,rgb(109,130,144) 2%, rgb(109,130,144) 18%,rgb(91,108,121) 18%, rgb(91,108,121) 23%,rgb(99,116,125) 23%, rgb(99,116,125) 64%,rgb(92,109,119) 64%, rgb(92,109,119) 93%,rgb(94,112,132) 93%, rgb(94,112,132) 95%,rgb(110,125,136) 95%, rgb(110,125,136) 100%),linear-gradient(45deg, rgb(108,129,142) 0%, rgb(108,129,142) 2%,rgb(109,130,144) 2%, rgb(109,130,144) 18%,rgb(91,108,121) 18%, rgb(91,108,121) 23%,rgb(99,116,125) 23%, rgb(99,116,125) 64%,rgb(92,109,119) 64%, rgb(92,109,119) 93%,rgb(94,112,132) 93%, rgb(94,112,132) 95%,rgb(110,125,136) 95%, rgb(110,125,136) 100%),linear-gradient(90deg, rgb(108,129,142) 0%, rgb(108,129,142) 2%,rgb(109,130,144) 2%, rgb(109,130,144) 18%,rgb(91,108,121) 18%, rgb(91,108,121) 23%,rgb(99,116,125) 23%, rgb(99,116,125) 64%,rgb(92,109,119) 64%, rgb(92,109,119) 93%,rgb(94,112,132) 93%, rgb(94,112,132) 95%,rgb(110,125,136) 95%, rgb(110,125,136) 100%),linear-gradient(90deg, rgb(130,143,158),rgb(133,143,154)); background-blend-mode:overlay,overlay,overlay,overlay,normal;
}
.atv_bg_statutanonymous{
	background-image: radial-gradient(circle at 46% 40%, rgba(228, 228, 228,0.06) 0%, rgba(228, 228, 228,0.06) 13%,transparent 13%, transparent 100%),radial-gradient(circle at 11% 41%, rgba(198, 198, 198,0.06) 0%, rgba(198, 198, 198,0.06) 19%,transparent 19%, transparent 100%),radial-gradient(circle at 52% 23%, rgba(14,14,14, 0.06) 0%, rgba(14,14,14, 0.06) 69%,transparent 69%, transparent 100%),radial-gradient(circle at 13% 85%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 44%,transparent 44%, transparent 100%),radial-gradient(circle at 57% 74%, rgba(232, 232, 232,0.06) 0%, rgba(232, 232, 232,0.06) 21%,transparent 21%, transparent 100%),radial-gradient(circle at 59% 54%, rgba(39,39,39, 0.06) 0%, rgba(39,39,39, 0.06) 49%,transparent 49%, transparent 100%),radial-gradient(circle at 98% 38%, rgba(157, 157, 157,0.06) 0%, rgba(157, 157, 157,0.06) 24%,transparent 24%, transparent 100%),radial-gradient(circle at 8% 6%, rgba(60,60,60, 0.06) 0%, rgba(60,60,60, 0.06) 12%,transparent 12%, transparent 100%),linear-gradient(90deg, rgb(213,220,10),rgb(122,123,10));
}
.atv_bg_statutuser{
	background-image: radial-gradient(circle at 82% 63%, rgba(183, 183, 183,0.09) 0%, rgba(183, 183, 183,0.09) 84%,transparent 84%, transparent 100%),radial-gradient(circle at 88% 98%, rgba(232, 232, 232,0.07) 0%, rgba(232, 232, 232,0.07) 15%,transparent 15%, transparent 100%),radial-gradient(circle at 77% 83%, rgba(252, 252, 252,0.05) 0%, rgba(252, 252, 252,0.05) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 64% 0%, rgba(140, 140, 140,0.05) 0%, rgba(140, 140, 140,0.05) 54%,transparent 54%, transparent 100%),radial-gradient(circle at 57% 86%, rgba(241, 241, 241,0.07) 0%, rgba(241, 241, 241,0.07) 80%,transparent 80%, transparent 100%),radial-gradient(circle at 17% 93%, rgba(68, 68, 68,0.05) 0%, rgba(68, 68, 68,0.05) 82%,transparent 82%, transparent 100%),radial-gradient(circle at 85% 70%, rgba(10, 10, 10,0.02) 0%, rgba(10, 10, 10,0.02) 13%,transparent 13%, transparent 100%),linear-gradient(90deg, rgb(48, 62, 175),rgb(254, 18, 105));
}
.atv_bg_statutpro{
	background-image: radial-gradient(circle at 17% 77%, rgba(17, 17, 17,0.04) 0%, rgba(17, 17, 17,0.04) 50%,rgba(197, 197, 197,0.04) 50%, rgba(197, 197, 197,0.04) 100%),radial-gradient(circle at 26% 17%, rgba(64, 64, 64,0.04) 0%, rgba(64, 64, 64,0.04) 50%,rgba(244, 244, 244,0.04) 50%, rgba(244, 244, 244,0.04) 100%),radial-gradient(circle at 44% 60%, rgba(177, 177, 177,0.04) 0%, rgba(177, 177, 177,0.04) 50%,rgba(187, 187, 187,0.04) 50%, rgba(187, 187, 187,0.04) 100%),linear-gradient(19deg, rgb(90,153,247),rgb(60,14,255));
}
.atv_bg_bluelines{
	background-image: linear-gradient(45deg, rgb(144, 100, 159) 0%, rgb(144, 100, 159) 24%,rgb(112, 112, 163) 24%, rgb(112, 112, 163) 28%,rgb(79, 124, 166) 28%, rgb(79, 124, 166) 40%,rgb(47, 136, 170) 40%, rgb(47, 136, 170) 84%,rgb(14, 148, 173) 84%, rgb(14, 148, 173) 100%),linear-gradient(0deg, rgb(144, 100, 159) 0%, rgb(144, 100, 159) 24%,rgb(112, 112, 163) 24%, rgb(112, 112, 163) 28%,rgb(79, 124, 166) 28%, rgb(79, 124, 166) 40%,rgb(47, 136, 170) 40%, rgb(47, 136, 170) 84%,rgb(14, 148, 173) 84%, rgb(14, 148, 173) 100%),linear-gradient(135deg, rgb(144, 100, 159) 0%, rgb(144, 100, 159) 24%,rgb(112, 112, 163) 24%, rgb(112, 112, 163) 28%,rgb(79, 124, 166) 28%, rgb(79, 124, 166) 40%,rgb(47, 136, 170) 40%, rgb(47, 136, 170) 84%,rgb(14, 148, 173) 84%, rgb(14, 148, 173) 100%),linear-gradient(90deg, rgb(79, 35, 157),rgb(43, 171, 222)); background-blend-mode:overlay,overlay,overlay,normal;
}
.atv_bg_radialtopright{
	background-image: radial-gradient(circle at center right, rgb(202, 57, 146),rgb(11, 5, 110));
}

.atv_bg_global{
	background-image: linear-gradient(155deg, rgb(229, 176, 124) 0%, rgb(229, 176, 124) 41%,rgb(198, 157, 133) 41%, rgb(198, 157, 133) 42%,rgb(167, 139, 142) 42%, rgb(167, 139, 142) 44%,rgb(136, 120, 151) 44%, rgb(136, 120, 151) 45%,rgb(105, 101, 159) 45%, rgb(105, 101, 159) 61%,rgb(74, 83, 168) 61%, rgb(74, 83, 168) 78%,rgb(43, 64, 177) 78%, rgb(43, 64, 177) 100%),linear-gradient(322deg, rgb(229, 176, 124) 0%, rgb(229, 176, 124) 41%,rgb(198, 157, 133) 41%, rgb(198, 157, 133) 42%,rgb(167, 139, 142) 42%, rgb(167, 139, 142) 44%,rgb(136, 120, 151) 44%, rgb(136, 120, 151) 45%,rgb(105, 101, 159) 45%, rgb(105, 101, 159) 61%,rgb(74, 83, 168) 61%, rgb(74, 83, 168) 78%,rgb(43, 64, 177) 78%, rgb(43, 64, 177) 100%),linear-gradient(33deg, rgb(229, 176, 124) 0%, rgb(229, 176, 124) 41%,rgb(198, 157, 133) 41%, rgb(198, 157, 133) 42%,rgb(167, 139, 142) 42%, rgb(167, 139, 142) 44%,rgb(136, 120, 151) 44%, rgb(136, 120, 151) 45%,rgb(105, 101, 159) 45%, rgb(105, 101, 159) 61%,rgb(74, 83, 168) 61%, rgb(74, 83, 168) 78%,rgb(43, 64, 177) 78%, rgb(43, 64, 177) 100%),linear-gradient(315deg, rgb(229, 176, 124) 0%, rgb(229, 176, 124) 41%,rgb(198, 157, 133) 41%, rgb(198, 157, 133) 42%,rgb(167, 139, 142) 42%, rgb(167, 139, 142) 44%,rgb(136, 120, 151) 44%, rgb(136, 120, 151) 45%,rgb(105, 101, 159) 45%, rgb(105, 101, 159) 61%,rgb(74, 83, 168) 61%, rgb(74, 83, 168) 78%,rgb(43, 64, 177) 78%, rgb(43, 64, 177) 100%),linear-gradient(41deg, rgb(229, 176, 124) 0%, rgb(229, 176, 124) 41%,rgb(198, 157, 133) 41%, rgb(198, 157, 133) 42%,rgb(167, 139, 142) 42%, rgb(167, 139, 142) 44%,rgb(136, 120, 151) 44%, rgb(136, 120, 151) 45%,rgb(105, 101, 159) 45%, rgb(105, 101, 159) 61%,rgb(74, 83, 168) 61%, rgb(74, 83, 168) 78%,rgb(43, 64, 177) 78%, rgb(43, 64, 177) 100%),linear-gradient(90deg, rgb(192, 100, 79),rgb(56, 158, 172));
    background-blend-mode:overlay,overlay,overlay,overlay,overlay,normal;
}
.atv_bg_CityChoice{
	background-image: linear-gradient(45deg, rgb(144, 100, 159) 0%, rgb(144, 100, 159) 24%,rgb(112, 112, 163) 24%, rgb(112, 112, 163) 28%,rgb(79, 124, 166) 28%, rgb(79, 124, 166) 40%,rgb(47, 136, 170) 40%, rgb(47, 136, 170) 84%,rgb(14, 148, 173) 84%, rgb(14, 148, 173) 100%),linear-gradient(0deg, rgb(144, 100, 159) 0%, rgb(144, 100, 159) 24%,rgb(112, 112, 163) 24%, rgb(112, 112, 163) 28%,rgb(79, 124, 166) 28%, rgb(79, 124, 166) 40%,rgb(47, 136, 170) 40%, rgb(47, 136, 170) 84%,rgb(14, 148, 173) 84%, rgb(14, 148, 173) 100%),linear-gradient(135deg, rgb(144, 100, 159) 0%, rgb(144, 100, 159) 24%,rgb(112, 112, 163) 24%, rgb(112, 112, 163) 28%,rgb(79, 124, 166) 28%, rgb(79, 124, 166) 40%,rgb(47, 136, 170) 40%, rgb(47, 136, 170) 84%,rgb(14, 148, 173) 84%, rgb(14, 148, 173) 100%),linear-gradient(90deg, rgb(79, 35, 157),rgb(43, 171, 222));
    background-blend-mode:overlay,overlay,overlay,normal;
}
.atv_bg_DiscoCity{
	background-image: linear-gradient(45deg, rgba(181,181,181, 0.36) 0%, rgba(181,181,181, 0.36) 14%,rgba(212,211,211, 0.43) 14%, rgba(212,211,211, 0.43) 18%,rgba(230,230,230, 0.38) 18%, rgba(230,230,230, 0.38) 22%,rgba(208,208,208, 0.4) 22%, rgba(208,208,208, 0.4) 23%,rgba(0,0,0, 0) 23%, rgba(0,0,0, 0) 70%,rgba(224,222,222, 0.35) 70%, rgba(224,222,222, 0.35) 75%,rgba(236,236,236, 0.29) 75%, rgba(236,236,236, 0.29) 88%,rgba(224,224,224, 0.41) 88%, rgba(224,224,224, 0.41) 100%),linear-gradient(135deg, rgba(0,0,0, 0),rgba(0,0,0, 0));
}
.atv_bg_addEnterprise{
	background-image: linear-gradient(45deg, rgba(99,99,99, 0.36) 0%, rgba(99,99,99, 0.36) 14%,rgba(177,174,174, 0.43) 14%, rgba(177,174,174, 0.43) 18%,rgba(214,214,214, 0.38) 18%, rgba(214,214,214, 0.38) 22%,rgba(177,177,177, 0.4) 22%, rgba(177,177,177, 0.4) 23%,rgba(0,0,0, 0) 23%, rgba(0,0,0, 0) 70%,rgba(181,178,178, 0.35) 70%, rgba(181,178,178, 0.35) 75%,rgba(195,195,195, 0.29) 75%, rgba(195,195,195, 0.29) 88%,rgba(177,177,177, 0.41) 88%, rgba(177,177,177, 0.41) 100%),linear-gradient(135deg, rgba(0,0,0, 0),rgba(0,0,0, 0));
}
.atv_bg_LiveIn{
	background: hsl(53deg 100% 50% / 80%);background-image: linear-gradient(45deg, rgba(242,243,106, 0.45) 0%, rgba(242,243,106, 0.45) 14%,rgba(248,255,156, 0.45) 14%, rgba(248,255,156, 0.45) 18%,rgba(245,245,136, 0.45) 18%, rgba(245,245,136, 0.45) 22%,rgba(247,251,101, 0.45) 22%, rgba(247,251,101, 0.45) 23%,rgba(74,76,14, 0) 23%, rgba(74,76,14, 0) 70%,rgba(226,224,121, 0.36) 70%, rgba(226,224,121, 0.36) 75%,rgbackground-image: linear-gradient(216deg, rgba(77, 77, 77,0.05) 0%, rgba(77, 77, 77,0.05) 25%,rgba(42, 42, 42,0.05) 25%, rgba(42, 42, 42,0.05) 38%,rgba(223, 223, 223,0.05) 38%, rgba(223, 223, 223,0.05) 75%,rgba(36, 36, 36,0.05) 75%, rgba(36, 36, 36,0.05) 100%),linear-gradient(44deg, rgba(128, 128, 128,0.05) 0%, rgba(128, 128, 128,0.05) 34%,rgba(212, 212, 212,0.05) 34%, rgba(212, 212, 212,0.05) 57%,rgba(25, 25, 25,0.05) 57%, rgba(25, 25, 25,0.05) 89%,rgba(135, 135, 135,0.05) 89%, rgba(135, 135, 135,0.05) 100%),linear-gradient(241deg, rgba(55, 55, 55,0.05) 0%, rgba(55, 55, 55,0.05) 14%,rgba(209, 209, 209,0.05) 14%, rgba(209, 209, 209,0.05) 60%,rgba(245, 245, 245,0.05) 60%, rgba(245, 245, 245,0.05) 69%,rgba(164, 164, 164,0.05) 69%, rgba(164, 164, 164,0.05) 100%),linear-gradient(249deg, rgba(248, 248, 248,0.05) 0%, rgba(248, 248, 248,0.05) 32%,rgba(148, 148, 148,0.05) 32%, rgba(148, 148, 148,0.05) 35%,rgba(202, 202, 202,0.05) 35%, rgba(202, 202, 202,0.05) 51%,rgba(181, 181, 181,0.05) 51%, rgba(181, 181, 181,0.05) 100%),linear-gradient(92deg, hsl(214,0%,11%),hsl(214,0%,11%));ba(255,251,176, 0.45) 75%, rgba(255,251,176, 0.45) 88%,rgba(228,223,121, 0.41) 88%, rgba(228,223,121, 0.41) 100%),linear-gradient(135deg, rgba(196,201,16, 0),rgba(212,213,0, 0));
}
.atv_bg_WinEnterprise{
	background-image: radial-gradient(circle at 17% 77%, rgba(17, 17, 17,0.04) 0%, rgba(17, 17, 17,0.04) 50%,rgba(197, 197, 197,0.04) 50%, rgba(197, 197, 197,0.04) 100%),radial-gradient(circle at 26% 17%, rgba(64, 64, 64,0.04) 0%, rgba(64, 64, 64,0.04) 50%,rgba(244, 244, 244,0.04) 50%, rgba(244, 244, 244,0.04) 100%),radial-gradient(circle at 44% 60%, rgba(177, 177, 177,0.04) 0%, rgba(177, 177, 177,0.04) 50%,rgba(187, 187, 187,0.04) 50%, rgba(187, 187, 187,0.04) 100%),linear-gradient(19deg, rgb(0,33,98),rgb(0,0,51));
}
.atv_bg_TitleEnterprise{
	background-image: linear-gradient(90deg, rgb(173, 173, 173),rgb(77, 77, 77)),linear-gradient(135deg, rgb(71, 29, 127) 0%, rgb(71, 29, 127) 52%,rgb(99, 59, 126) 52%, rgb(99, 59, 126) 54%,rgb(126, 89, 125) 54%, rgb(126, 89, 125) 56%,rgb(154, 118, 125) 56%, rgb(154, 118, 125) 64%,rgb(181, 148, 124) 64%, rgb(181, 148, 124) 82%,rgb(209, 178, 123) 82%, rgb(209, 178, 123) 100%),linear-gradient(0deg, rgb(71, 29, 127) 0%, rgb(71, 29, 127) 52%,rgb(99, 59, 126) 52%, rgb(99, 59, 126) 54%,rgb(126, 89, 125) 54%, rgb(126, 89, 125) 56%,rgb(154, 118, 125) 56%, rgb(154, 118, 125) 64%,rgb(181, 148, 124) 64%, rgb(181, 148, 124) 82%,rgb(209, 178, 123) 82%, rgb(209, 178, 123) 100%),linear-gradient(45deg, rgb(71, 29, 127) 0%, rgb(71, 29, 127) 52%,rgb(99, 59, 126) 52%, rgb(99, 59, 126) 54%,rgb(126, 89, 125) 54%, rgb(126, 89, 125) 56%,rgb(154, 118, 125) 56%, rgb(154, 118, 125) 64%,rgb(181, 148, 124) 64%, rgb(181, 148, 124) 82%,rgb(209, 178, 123) 82%, rgb(209, 178, 123) 100%); background-blend-mode:overlay, overlay, overlay, normal;
}
.atv_bg_Alert{
	background-image: linear-gradient(67.5deg, rgb(95, 27, 43) 0%, rgb(95, 27, 43) 21%,rgb(109, 47, 38) 21%, rgb(109, 47, 38) 28%,rgb(123, 66, 32) 28%, rgb(123, 66, 32) 32%,rgb(137, 86, 27) 32%, rgb(137, 86, 27) 41%,rgb(152, 105, 22) 41%, rgb(152, 105, 22) 48%,rgb(166, 125, 17) 48%, rgb(166, 125, 17) 69%,rgb(180, 144, 11) 69%, rgb(180, 144, 11) 93%,rgb(194, 164, 6) 93%, rgb(194, 164, 6) 100%),linear-gradient(45deg, rgb(95, 27, 43) 0%, rgb(95, 27, 43) 21%,rgb(109, 47, 38) 21%, rgb(109, 47, 38) 28%,rgb(123, 66, 32) 28%, rgb(123, 66, 32) 32%,rgb(137, 86, 27) 32%, rgb(137, 86, 27) 41%,rgb(152, 105, 22) 41%, rgb(152, 105, 22) 48%,rgb(166, 125, 17) 48%, rgb(166, 125, 17) 69%,rgb(180, 144, 11) 69%, rgb(180, 144, 11) 93%,rgb(194, 164, 6) 93%, rgb(194, 164, 6) 100%),linear-gradient(112.5deg, rgb(95, 27, 43) 0%, rgb(95, 27, 43) 21%,rgb(109, 47, 38) 21%, rgb(109, 47, 38) 28%,rgb(123, 66, 32) 28%, rgb(123, 66, 32) 32%,rgb(137, 86, 27) 32%, rgb(137, 86, 27) 41%,rgb(152, 105, 22) 41%, rgb(152, 105, 22) 48%,rgb(166, 125, 17) 48%, rgb(166, 125, 17) 69%,rgb(180, 144, 11) 69%, rgb(180, 144, 11) 93%,rgb(194, 164, 6) 93%, rgb(194, 164, 6) 100%),linear-gradient(90deg, rgb(173, 64, 191),rgb(42, 31, 17)); background-blend-mode:overlay,overlay,overlay,normal;
}

.atv_bg_ExtLink{
	background-image: linear-gradient(112.5deg, rgb(214, 214, 214) 0%, rgb(214, 214, 214) 10%,rgb(195, 195, 195) 10%, rgb(195, 195, 195) 53%,rgb(176, 176, 176) 53%, rgb(176, 176, 176) 55%,rgb(157, 157, 157) 55%, rgb(157, 157, 157) 60%,rgb(137, 137, 137) 60%, rgb(137, 137, 137) 88%,rgb(118, 118, 118) 88%, rgb(118, 118, 118) 91%,rgb(99, 99, 99) 91%, rgb(99, 99, 99) 100%),linear-gradient(157.5deg, rgb(214, 214, 214) 0%, rgb(214, 214, 214) 10%,rgb(195, 195, 195) 10%, rgb(195, 195, 195) 53%,rgb(176, 176, 176) 53%, rgb(176, 176, 176) 55%,rgb(157, 157, 157) 55%, rgb(157, 157, 157) 60%,rgb(137, 137, 137) 60%, rgb(137, 137, 137) 88%,rgb(118, 118, 118) 88%, rgb(118, 118, 118) 91%,rgb(99, 99, 99) 91%, rgb(99, 99, 99) 100%),linear-gradient(135deg, rgb(214, 214, 214) 0%, rgb(214, 214, 214) 10%,rgb(195, 195, 195) 10%, rgb(195, 195, 195) 53%,rgb(176, 176, 176) 53%, rgb(176, 176, 176) 55%,rgb(157, 157, 157) 55%, rgb(157, 157, 157) 60%,rgb(137, 137, 137) 60%, rgb(137, 137, 137) 88%,rgb(118, 118, 118) 88%, rgb(118, 118, 118) 91%,rgb(99, 99, 99) 91%, rgb(99, 99, 99) 100%),linear-gradient(90deg, rgb(195, 195, 195),rgb(228, 228, 228)); background-blend-mode:overlay,overlay,overlay,normal;
}
.atv_bg_OwnerEnt{
	background-image: linear-gradient(225deg, rgba(195, 195, 195, 0.04) 0%, rgba(195, 195, 195, 0.04) 25%,rgba(234, 234, 234, 0.04) 25%, rgba(234, 234, 234, 0.04) 50%,rgba(107, 107, 107, 0.04) 50%, rgba(107, 107, 107, 0.04) 75%,rgba(132, 132, 132, 0.04) 75%, rgba(132, 132, 132, 0.04) 100%),linear-gradient(65deg, rgba(116, 116, 116, 0.04) 0%, rgba(116, 116, 116, 0.04) 25%,rgba(219, 219, 219, 0.04) 25%, rgba(219, 219, 219, 0.04) 50%,rgba(33, 33, 33, 0.04) 50%, rgba(33, 33, 33, 0.04) 75%,rgba(165, 165, 165, 0.04) 75%, rgba(165, 165, 165, 0.04) 100%),linear-gradient(251deg, rgba(38, 38, 38, 0.04) 0%, rgba(38, 38, 38, 0.04) 25%,rgba(223, 223, 223, 0.04) 25%, rgba(223, 223, 223, 0.04) 50%,rgba(35, 35, 35, 0.04) 50%, rgba(35, 35, 35, 0.04) 75%,rgba(203, 203, 203, 0.04) 75%, rgba(203, 203, 203, 0.04) 100%),linear-gradient(236deg, rgba(206, 206, 206, 0.04) 0%, rgba(206, 206, 206, 0.04) 25%,rgba(13, 13, 13, 0.04) 25%, rgba(13, 13, 13, 0.04) 50%,rgba(151, 151, 151, 0.04) 50%, rgba(151, 151, 151, 0.04) 75%,rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.04) 100%),linear-gradient(260deg, rgba(133, 133, 133, 0.04) 0%, rgba(133, 133, 133, 0.04) 25%,rgba(169, 169, 169, 0.04) 25%, rgba(169, 169, 169, 0.04) 50%,rgba(91, 91, 91, 0.04) 50%, rgba(91, 91, 91, 0.04) 75%,rgba(74, 74, 74, 0.04) 75%, rgba(74, 74, 74, 0.04) 100%),linear-gradient(90deg, rgb(8, 35, 191),rgb(45, 136, 225));
}
.avt_bg_iInscription{
	background-image: linear-gradient(328deg, rgba(29, 29, 29, 0.05) 0%, rgba(29, 29, 29, 0.05) 25%,rgba(226, 226, 226, 0.05) 25%, rgba(226, 226, 226, 0.05) 50%,rgba(21, 21, 21, 0.05) 50%, rgba(21, 21, 21, 0.05) 75%,rgba(216, 216, 216, 0.05) 75%, rgba(216, 216, 216, 0.05) 100%),linear-gradient(172deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 25%,rgba(108, 108, 108, 0.05) 25%, rgba(108, 108, 108, 0.05) 50%,rgba(21, 21, 21, 0.05) 50%, rgba(21, 21, 21, 0.05) 75%,rgba(236, 236, 236, 0.05) 75%, rgba(236, 236, 236, 0.05) 100%),linear-gradient(207deg, rgba(153, 153, 153, 0.05) 0%, rgba(153, 153, 153, 0.05) 25%,rgba(83, 83, 83, 0.05) 25%, rgba(83, 83, 83, 0.05) 50%,rgba(5, 5, 5, 0.05) 50%, rgba(5, 5, 5, 0.05) 75%,rgba(82, 82, 82, 0.05) 75%, rgba(82, 82, 82, 0.05) 100%),linear-gradient(297deg, rgba(26, 26, 26, 0.05) 0%, rgba(26, 26, 26, 0.05) 25%,rgba(223, 223, 223, 0.05) 25%, rgba(223, 223, 223, 0.05) 50%,rgba(232, 232, 232, 0.05) 50%, rgba(232, 232, 232, 0.05) 75%,rgba(153, 153, 153, 0.05) 75%, rgba(153, 153, 153, 0.05) 100%),linear-gradient(204deg, rgba(120, 120, 120, 0.05) 0%, rgba(120, 120, 120, 0.05) 25%,rgba(191, 191, 191, 0.05) 25%, rgba(191, 191, 191, 0.05) 50%,rgba(246, 246, 246, 0.05) 50%, rgba(246, 246, 246, 0.05) 75%,rgba(123, 123, 123, 0.05) 75%, rgba(123, 123, 123, 0.05) 100%),linear-gradient(90deg, rgb(32,234,255),rgb(37,116,255));
}
.atv_bg_iTarifs{
	background-image: linear-gradient(66deg, rgba(37, 37, 37, 0.05) 0%, rgba(37, 37, 37, 0.05) 33.333%,rgba(89, 89, 89, 0.05) 33.333%, rgba(89, 89, 89, 0.05) 66.666%,rgba(234, 234, 234, 0.05) 66.666%, rgba(234, 234, 234, 0.05) 99.999%),linear-gradient(130deg, rgba(104, 104, 104, 0.05) 0%, rgba(104, 104, 104, 0.05) 33.333%,rgba(246, 246, 246, 0.05) 33.333%, rgba(246, 246, 246, 0.05) 66.666%,rgba(178, 178, 178, 0.05) 66.666%, rgba(178, 178, 178, 0.05) 99.999%),linear-gradient(72deg, rgba(168, 168, 168, 0.05) 0%, rgba(168, 168, 168, 0.05) 33.333%,rgba(73, 73, 73, 0.05) 33.333%, rgba(73, 73, 73, 0.05) 66.666%,rgba(253, 253, 253, 0.05) 66.666%, rgba(253, 253, 253, 0.05) 99.999%),linear-gradient(139deg, rgba(241, 241, 241, 0.05) 0%, rgba(241, 241, 241, 0.05) 33.333%,rgba(109, 109, 109, 0.05) 33.333%, rgba(109, 109, 109, 0.05) 66.666%,rgba(100, 100, 100, 0.05) 66.666%, rgba(100, 100, 100, 0.05) 99.999%),linear-gradient(111deg, rgba(65, 65, 65, 0.05) 0%, rgba(65, 65, 65, 0.05) 33.333%,rgba(223, 223, 223, 0.05) 33.333%, rgba(223, 223, 223, 0.05) 66.666%,rgba(50, 50, 50, 0.05) 66.666%, rgba(50, 50, 50, 0.05) 99.999%),linear-gradient(90deg, rgb(41, 89, 88),rgb(80, 210, 116));
}
.atv_bg_SolPaiement{
	background-image: linear-gradient(90deg, rgb(72, 72, 72),rgb(243, 243, 243)),linear-gradient(0deg, rgb(89, 116, 30) 0%, rgb(89, 116, 30) 16%,rgb(112, 136, 32) 16%, rgb(112, 136, 32) 63%,rgb(135, 156, 34) 63%, rgb(135, 156, 34) 66%,rgb(158, 175, 36) 66%, rgb(158, 175, 36) 71%,rgb(181, 195, 38) 71%, rgb(181, 195, 38) 90%,rgb(204, 215, 40) 90%, rgb(204, 215, 40) 100%),linear-gradient(67.5deg, rgb(89, 116, 30) 0%, rgb(89, 116, 30) 16%,rgb(112, 136, 32) 16%, rgb(112, 136, 32) 63%,rgb(135, 156, 34) 63%, rgb(135, 156, 34) 66%,rgb(158, 175, 36) 66%, rgb(158, 175, 36) 71%,rgb(181, 195, 38) 71%, rgb(181, 195, 38) 90%,rgb(204, 215, 40) 90%, rgb(204, 215, 40) 100%),linear-gradient(157.5deg, rgb(89, 116, 30) 0%, rgb(89, 116, 30) 16%,rgb(112, 136, 32) 16%, rgb(112, 136, 32) 63%,rgb(135, 156, 34) 63%, rgb(135, 156, 34) 66%,rgb(158, 175, 36) 66%, rgb(158, 175, 36) 71%,rgb(181, 195, 38) 71%, rgb(181, 195, 38) 90%,rgb(204, 215, 40) 90%, rgb(204, 215, 40) 100%); background-blend-mode:overlay, overlay, overlay, normal;
}

/************ FIN LOADER****************/

/* effect */
.blur4{
	-webkit-backdrop-filter: blur(4px); 
	backdrop-filter: blur(4px);
}

/*------------------ SVG Special effect ------------------*/

/** Loqy library **/
.w-100{width:100%;}
.w-100vw{width:100vw;}
.w-100i{width:100% !important;}
.w-auto{width:auto;} 
.h-100{height:100%;}
.h-100vh{height:100vh;}


.h-max-c{height:max-content;}
.h-auto{height:auto;}
.h-auto-i{height:auto !important;}
.W0{width:0 !important;}
.w-5{width:5%;}
.w-10{width:10%;}
.w-15{width:15%;}
.w-24{width:24%;}
.w-25{width:25%;}
.w-30{width:30%;}
.w-33{width:33%;}
.w-35{width:35%;}
.w-45{width:45%;}
.w-48{width:48%;}
.w-49{width:49%;}
.w-50{width:50%;}
.w-60{width:60%;}
.w-74{width:74%;}
.w-75{width:75%;}
.w-80{width:80%;}
.w-85{width:85%;}
.w-90{width:90%;}
.w-95{width:95%;}
.w-98{width:98%;}

.w96i{width:96% !important;}

.w-max-c{width:max-content;}

.w100et50{width:calc(100% + 50px);}
/** Autre **/

/********************** STYLE SITE ***************************/

a{color:initial;}
.active_lang{
	background: gold !important;
}

.bg-home-loqy{background-image:url('../../uploads/MaCos-BS-scaled.jpg');}
.bg-test{background-image:url('https://mlr78.fr/wp-content/uploads/52181250-communication-enfants-internationaux-dans-différentes-langues-des-enfants-heureux-sourire-à-l-école-de-.jpg');}

.txtshadowlight{text-shadow:2px 2px #d0d0d0;}
.txt-shadow{text-shadow:1px 1px 2px #222222;}
.txtshadow2{text-shadow: 2px 2px #555555;}
.txt-shadow_mob {
    text-shadow: 3px 3px 2px #000, 0 -4px 10px #000;
}
.txtshadow_TB{
	text-shadow: 2px 2px 1px #333, -0.5px -0.5px 8px #666;
}
.darkenTxt{
	text-shadow: -1px 1px 0.5px #333, 1px -1px 8px #666;
}
.notxtshadow{
	text-shadow: initial!important;
}


.im-6x, .ico-6x{font-size:6em;}
.im-4x, .ico-4x{font-size:4em;}
.im-2x, .ico-2x{font-size:2em;}
.im-15x, .ico-15x{font-size:1.5em;}
.im-05x, .ico-05x{font-size:0.9em;}

.hide-loqycat{display:none !important;}
.tools > div{cursor:pointer;}

.connected_mess {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: -120px;
    width: 100%;
    height: 120px;
    background: #34b300;
    color: white;
    font-weight: 600;
    font-size: 1.3em;
}

#image-actu img{
	width:100%; height:100%;
	object-fit:cover; object-position:50% 50%;}

#c0-global{
	width:100vw;
	background-size:cover;
	height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
	position:relative;
	display:flex;
	box-sizing: border-box;
	/*
	 * align-items:center;
	 * justify-content:center;
	*/
}


i.AccessBtn:hover, i.CloseBtn:hover{
	  text-shadow: -1px -1px 3px #333;
}
#CitySelected{
	cursor:pointer;
}
.decorCityMenu{
	box-shadow: 0px 0px 6px 4px #06abdf;
    border: 1px solid #fff;
}

#global-flex{
	height:100%;
	width:250px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}

.OptionsBar{
	display: grid;
	grid-template-columns: 1fr repeat(6, 1fr);
	grid-gap: 0.5em;
}

#c1-menu{
	width:100%;
	height:98%;
	background:rgba(0,0,0,0.8);
	border-radius:0 12px 12px 0 !important;
	box-shadow:0 3px 6px #333333;
	z-index:10;
	display: flex;
    flex-direction: column;
    align-items: center;
}

#loqy-city{
	position:relative;
	width:100%;
	height:150px;
	background:white;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	border-top-right-radius:12px;
}

#space-home-time{
	width:100%;
	height:50px;
	position:absolute;
	top:0;
	display:flex;
	flex-direction:row;
}
#btnhome{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:10px !important;
	flex:1;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-radius:12px;
}
#time{
	display:flex;
	flex:4;
	padding:10px !important;
	font-weight:700;
	flex-direction:column;
	align-items:flex-end;	
}

.city_choices {
    width: auto;
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
}
#selected-city{
	color:white;
	font-size:0.8em;
	display:flex;
	padding:5px 10px;
	border-radius:12px;
}
.city_choices i {
    margin-left: 7px;
	transform: rotate(0deg);
	transition:all 1s;
	cursor:pointer;
}
.city_choices i:before {
	position: relative;
    top: 2px;
}
.city_choices i:hover {
	margin-left: 7px;
    transform: rotate(360deg);
}

#show-menu{
	width:100%;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:space-around;
	color:white;
	border-bottom:1px solid white;
	text-transform:uppercase;
	position:relative;
}
.b_back{transition:all 0.2s;}
.b_back:hover{background:brown; }

#FindActivity{
	cursor:pointer;
}

#selected-page{
	font-weight:900;
	font-size:1.2em;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.win_slide_right{
	right: -350px !important;
}
.win_slide_left{
	right: 0px !important;
}

.opa0{opacity:0;}
.opa1{opacity:1;}
.btn_disabled{
	cursor: not-allowed !important;
	opacity: 0.2;
	box-shadow: none !important;
}


@-webkit-keyframes animico {
0%{opacity:0;} 25%{opacity:0.5;} 50%{opacity:1;} 75%{opacity:0.5;} 100%{opacity:0;}
}
@keyframes animico {
0%{opacity:0;} 25%{opacity:0.5;} 50%{opacity:1;} 75%{opacity:0.5;} 100%{opacity:0;}
}

#selected-page i{
	-webkit-animation: 2s ease-in 0.5s infinite animico;
			animation: 2s ease-in 0.5s infinite animico;
}
.btnAtv, .BtnSearch{ cursor:pointer; }
.btnAtv:hover{ background:#00A8FF; color:white !important; border-radius:4px; }
.btnactive{ background:#00A8FF !important; border-radius:4px; }
.BtnSearch:hover{background: cadetblue; color:white !important;}
.icoAtv{ cursor:pointer; fill:#6aaacd;}
.icoAtv:hover{ fill:#ffffff !important; }


preferences{
	width:95%; height:auto;
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
 	justify-content:spce-between;align-items:center; 
	padding: .15rem!important;
 	background-color: #444444 !important; 
	color:white;
	font-size:1.2em;
	min-height:50px;
	padding:0.5em;
}
settings_user_features span{
	padding:0 0.5em;
	line-height:1em;
}
switch{
	width: auto;height:35px;
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
	justify-content:center;align-items:center;
	font-size:1.2em; font-weight:600;
	padding:0 0.5em; 
	cursor:pointer; text-transform:uppercase;
}
switch.on{background:green;}
switch.off{background:red;}


#SearchContainer{background: Aquamarine;}
.RSearch_selected{ background: #019cd7; }
.SearchBgActive{background: Blue !important;}

input[type="radio"]{margin:0 !important;}
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
  height: 24px;
  width: 24px;
  margin-left: .4em;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
  cursor: pointer;
}
timesafe input[type="radio"]:before, [id*="ChangeSpace_"] input[type="radio"]:before{
	width: 1em !important;
	height: 1em !important;
	margin: 0.32em 0 0 0.32em !important;
}

#btt_btn {
    right: 0.2%;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 1%;
    border-radius: 4px;
    background: #cd2222;
    animation-name: anim_btt;
    animation-duration: 1s;
	cursor:pointer;
}
@keyframes animbttbtn {
	0% {bottom: 4px;}
	50% {bottom: 12px;}
 	100% {bottom: 4px;}
}
.anim_btt {
    position: absolute;
    animation-name: animbttbtn;
  	animation-duration: 2s ;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}
#icoselection{
	transition:all 0.2s ease;
}

#c2-leftbar{
	width:100%;
	overflow:auto;
	z-index:6;
}

.leftbar{
	width:100%;
	height:100%;
	position:relative;
}
.loqy-cat{
	width:100%;
	height:calc(100% - 150px);
	overflow:auto;
	position:relative;
}
.loqy-cat:before {
    content: "";
    width: 50px;
    height: 120%;
    background: rgba(93,255,232,0.05);
    position: absolute;
    top: -10%;
    left: -15%;
    transform: rotate(15deg);
    box-shadow: 0 0 20px 20px rgba(93,255,232,0.05);
	-webkit-animation: 8s cubic-bezier(0.6, 0.8, 0.8, 0.9) infinite anim_catwindow1;
			animation: 8s cubic-bezier(0.6, 0.8, 0.8, 0.9) infinite anim_catwindow1;
}
.loqy-cat:after {
    content: "";
    width: 70px;
    height: 110%;
    background: rgba(93,255,232,0.07);
    position: absolute;
    top: -10%;
    left: 115%;
    transform: rotate( 15deg);
    box-shadow: 0 0 20px 20px rgba(93,255,232,0.07);
	-webkit-animation: 10s cubic-bezier(0.6, 0.1, 0.7, 0.2) infinite anim_catwindow2;
			animation: 10s cubic-bezier(0.6, 0.1, 0.7, 0.2) infinite anim_catwindow2;
}
@-webkit-keyframes anim_catwindow1 {
0%{height: 120%;left: -15%; width: 50px;} 25%{height: 116%;left: 40%; width: 80px;} 50%{height: 113%;left: 100%;width: 30px;} 75%{height: 117%;left: 50%;width: 90px;} 100%{height: 120%;left: -15%;width: 50px;}
}
@keyframes anim_catwindow1 {
0%{height: 120%;left: -15%; width: 50px;} 25%{height: 116%;left: 40%; width: 80px;} 50%{height: 113%;left: 100%;width: 30px;} 75%{height: 117%;left: 50%;width: 90px;} 100%{height: 120%;left: -15%;width: 50px;}
}

@-webkit-keyframes anim_catwindow2 {
0%{height: 120%;left: 115%; width: 70px;} 25%{height: 116%;left: 60%; width: 20px;} 50%{height: 113%;left: 35%;width: 90px;} 75%{height: 117%;left: 75%;width: 40px;} 100%{height: 120%;left: 115%;width: 70px;}
}
@keyframes anim_catwindow2 {
0%{height: 120%;left: 115%; width: 70px;} 25%{height: 116%;left: 60%; width: 20px;} 50%{height: 113%;left: 35%;width: 90px;} 75%{height: 117%;left: 75%;width: 40px;} 100%{height: 120%;left: 115%;width: 70px;}
}

.topleftbar-options{
	width:100%;
	height:auto;
	padding:10px 0 !important;
	position:absolute;
	z-index:3;
}
.topleftbar-options ul{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:0 !important;
}

.topleftbar-options li:nth-child(0){
	/*margin:top:7px !important;*/
}
li{list-style:none; padding:0; margin:0;}
li, a, div[id*='btn-'],div[id*='btn_'],span[id*='btn_'],[class*='btn_']{cursor:pointer; text-decoration:none;}
[class*="info_"]{
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-text-shadow: none !important;
	-moz-text-shadow: none !important;
	text-shadow: none !important;
}
#cats_asso span ul{
	margin:0 !important; padding:0 !important;
	list-style:none;
}
#cats_asso span li{
	white-space: nowrap;
}
.count_cat{
	position: absolute;
	top: -8px;
	right: -8px;
	width: 18px;
	height: 18px;
	background: rgb(169, 0, 255);
	border-radius: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9em;
	font-weight: 400;
}


span.isingle:hover{background:#333333 !important;}
span.isingle:hover > a{color:#1FCBDB !important;}

[class*='btn_'] i{
	transition:all 0.3s;
}
[id*='btn-']:hover,[id*='btn_']:hover,[class*='btn_']:hover{
	box-shadow: inset 0px 0px 6px 0px #01b9f0;
}
.quick-contact [class*='btn_']:hover i{
	transform:scale(1.3);
}


.topleftbar-options li, #c2-ssmenu li{
	/*font-weight:700;*/
	list-style:none;
	color:white;
	/*text-transform:capitalize;*/
	text-align:center;
}
.topleftbar-options li{
	border-radius:6px;
	margin:7px 0;
	padding:10px 15px !important;
	background:rgba(34,34,34,0.6);
	width:180px;
	border:1px solid white;
	display:flex; 
	align-items:center;
	justify-content:space-around;
}

filterperiod {
    color: darkblue;
    background: white;
    display: flex;
    align-items: flex-end;
	justify-content: center;
	flex-direction:column;
    padding: 1em; 
    border-radius: 4px;
    height: 45px;
    box-shadow: 2px 2px 2px -1px;
	cursor:pointer;
}
fptitle{
	font-size:1.1em;
	font-weight:400;
}
filterperiod.active, filterperiod:hover{
	background:aquamarine !important;
	color: black !important;
}
.period{
	display:flex; flex-direction:column;
}
.period-detail{
	font-size:1em;
	display: flex;
    align-self: flex-end;
	font-weight:300;
}
.bg-bluegreen {
    background: #037e99;
}
.rotate-btn-loqycat {
  transform: rotate(90deg); /* Équivalent à rotateZ(45deg) */
}
.rota45d{
  transform: rotate(45deg); 
}
.rota90d{
  transform: rotate(90deg);
}
.rota180d{
	transform: rotate(180deg);
}
.topleftbar-options li:hover{background:rgb(5,103,188);}
#loqy-sscat{
	width: 100%; height: auto;
    display: flex;
    align-items: center;
    justify-content: left;
    flex-direction: row;
	padding:5px;
}
#loqy-sscat li{
	text-transform:capitalize;
	color:white ;
	font-weight:400;
	border-right:1px solid white;
	font-size:0.9em;
	width:auto;
	display:block;
	padding:10px 14px 10px 14px;
}
/*#loqy-sscat li a{
	color:white;	

}
*/
#loqy-sscat li:last-child{
	border-right:0 !important;
}
#loqy-sscat li:hover{ }
#loqy-sscat li:hover, .category_selected{
	color:#003A6C !important;	
	background:rgba(255,255,255,0.8);
}
#loqy-sscat li:hover > .count-post {
    color: white !important;
}
.category_selected > .count-post {
    color: white !important;
}
span.count-post{
    position: absolute;
    top: -10px;
    right: 0;
    z-index: 10;
    background: #969900;
    border-radius: 50px;
    padding: 0 7px;
    height: 20px;
    display: flex;
    justify-content: center;
}
#referactu{
	width:100%; height:100%;
	display:flex;
	align-items:center;
	flex-direction:row;
	color:white;
}
.dateactu{
	color:black;
}
.linkactu{
	color:white;
}
[class^="atvsubi-"]
[class*="owl_AP_"] {

}
[id*="Goto_"]:hover{
	box-shadow: inset -1px 1px 1px #010e4f, inset 1px -1px 1px #a69b9b, inset -2px 3px 7px #333, inset 1px -1px 9px #fff !important;
}

#c2-ssmenu{
	display:none;
	width:250px;
	height:auto;
	position:absolute;
	background-color:#222222;
	z-index:3;
}

#c2-ssmenu li{
	width: -webkit-fill-available !important;
	padding:14px 15px 14px 0 !important;
	font-size:1em;
	border-bottom:0.5px solid #bababa;
	display:flex;-webkit-display:flex;
	align-items:center;
	justify-content:space-around;
}
#c2-ssmenu li:hover{background:rgb(5,103,188);}

#c2-ssmenu li:last-child{
	border:0!important;
}

.rangedate_selected{
	color:#ffffff !important;	
	background: rgb(5,103,188) !important;
}
.bottomleftbar{
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
}
.emergency{
	width:100%;
	height:50px;
	padding:5px 0 !important;
	background-color:#CC4700;
	position:relative;
}
.contactcom{
	width:100%;
	height:50px;
	padding:5px 0 !important;
	background-color:#398FD9;
	position:relative;
}
.tools{
	width:100%;
	height:50px;
	padding:5px 0 !important;
	background-color:white;
	position:relative;
	border-bottom-right-radius:12px;
}
.c3-info{
	display:flex; display:-webkit-flex;
	flex-wrap: wrap; align-content: flex-start;
	position: absolute; right: 10px !important; top: calc(2% + 70px) !important;
	width: calc(100% - 270px);height: calc(96% - 120px);
	overflow:auto;
	border-radius: 6px !important;
}

#c-asso{background: #264577;}
#i-asso .asso-resp{background: #60b6ff;}
#i-asso .asso-local{background: #53a1e3;}
#i-asso .asso-tel{background: #30b7f7;}
#i-asso .asso-mail{background: #5a97f3;}

#c-asso img{width:auto; height:100%;}
.block-actu{
	padding:10px !important;
	/*transition:all 0.2s;*/
	cursor:pointer;
	z-index:1;
	text-decoration:none; 
	color:initial;
}

/*.block-actu:hover{transform: scale(1.15) !important;}*/
.style-bactu{
	background-color:white;
	border-radius:6px;
	box-shadow: 2px 0 6px #444444;
	overflow-y:hidden;
	display:flex;
	flex-direction:column;
	width:100%;
	height:100%;
	transition:all 0.2s;
	position:relative;
}
.style-bactu a{
	width:100%; height:100%; 
	display: flex; flex-direction: column;
}
.style-bactu:hover {
	
}
/*.block-actu:hover .cinfo-actu {
	,inset 9px 0 1px -8px #0040f5,inset -9px 0 1px -8px #0040f5;
	border-bottom-left-radius:6px; border-bottom-right-radius:6px;
}
*/
.style-bactu:hover{
	box-shadow:0px 0px 12px #222222, inset 0 9px 1px -8px #0040f5, inset 9px 0 1px -8px #0040f5, inset -9px 0 1px -8px #0040f5, inset 0 -9px 1px -8px #0040f5;
	border-radius:6px;
}

.img-actu{
	width:auto;
	display:flex;
	flex:2;
	/*background-color:white;*/
	background-size:cover;
	/*transition:all 0.2s;*/
}
.cinfo-actu{
	width:auto;
	display:flex;
	flex:3;
	flex-direction:column;
	padding:5px 10px;
	/*background-color:white;*/
	/*transition:all 0.2s;*/
}
.title-actu{
    font-size:1em;
	font-weight:700;
	display:flex;
	flex: 1;
}
.resume-actu{
	font-size:0.8em;
	font-weight:400;
	color:#5a5a5a;
	display:flex;
	flex:3;
}
.cdate-cat{
	width:100%;
	display:flex;
	flex:1;
	flex-direction:row;
	justify-content:space-between;
	font-size:1em;
	margin-top:5px;
	color:white;
}
.date-actu, .cat-actu{
	display:flex;
	flex:1;
	justify-content:space-around;
	align-items:center;
	border-radius:6px;
	background: rgb(5,103,188);
}
.date-actu{margin-right:5px;}.cat-actu{margin-left:5px;}

.options-actu{
	width:auto;
	display:flex;
	flex:1;
	flex-direction:row;
	justify-content:space-around;
	align-items:center;
	margin-top: 5px;
	padding:0 5px 10px 5px;
}

.options-actu i{border-left: 1px solid #003A6C; border-right: 1px solid #003A6C; cursor:pointer; }
.options-actu i:first-child, .options-actu i:last-child{border:none !important;}

.options-actu i:hover{background:#eaeaea; color:rgb(5,103,188); cursor:pointer;}

.save-actu, .share-actu, .cal-actu{
	display:flex;
	flex:1;
	justify-content:center;
}

.p-opts {
    background: white;
    position: absolute;
    min-width: 100%;
    height: 145px;
    bottom: 0px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 11;
    border-radius: 4px;
    overflow: hidden;
}

.i_arti:last-child{border-right:0 !important;}

input.find_ref_asso {
    background: #eaeaea;
    border: none;
    width: calc(100% - 50px);
    margin-right: auto;
    height: 100%;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 400;
}

input.ask_for_ref {
    background: #eaeaea;
    border: none;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 1em;
    font-weight: 400;
}

/********** Addtocalendar JS style **********/
.Short_AddCal{
	cursor:pointer;
}
.addToCalOptions, .addToSocialOptions {
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: none;
    box-sizing: border-box;
    padding: 0.5em;
}
.addToCalOptions a {
  color: #000;
  text-decoration: none;
  display: flex;
	justify-content: start;
    flex-direction: row;
    align-items: center;
	height:35px;
}
.addToCalOptions a:hover {
  background-color: #f4f4f4;
}
.addToCalOptions img{
width:22px; height:22px;
	
  }

.Opts_Cal{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px;
}
.Opts_Cal a{
	display:flex;
	align-items:center;justify-content:center;
	width:55px;height:55px;
}
.Opts_Cal img {
    height: 35px;
	
}
.BtnAtv{
	cursor:pointer;
}
.Opts_Cal a:hover img, .BtnAtv i:hover, .BtnAtv img:hover{
	transform:scale(1.2);
	transition:transform 0.5s;
}
.addcalendar{
	transition:all 0.3s;
}

.Event_Cal a img {
    width: 35px;
}

.atvquickbtn{
	position:relative;
}
.info-container {
    position: absolute;
    top: -60px;
    padding: 0.5rem 0;
    color: white;
    background: rgb(51, 51, 51);
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 4px;
	transition:all 0.5s;
}

.ace_dd{
	position: absolute;
    top: 89px;
    left: 13.2px;
    padding: 0.5em;
	min-width:150px;
	width:auto;
    opacity: 1;
    background: rgb(255, 255, 255);
    color: black !important;
    display: none;
	z-index:10;
}
.block_opt{
	display:flex;
	justify-content:space-around;
	
}
a.ace_opt{
	color: #000 !important;
    text-decoration: none;
    display: flex;
    justify-content: start;
    flex-direction: row;
    align-items: center;
    padding: 0.25em 0.5em;
    justify-content: center;
	font-size:30px;
}
.ace_dd .Ttl_ace{
	display:flex;
	align-items:center; justify-content:center;
	font-weight:400; 
	padding:0.25em 0.5em;
	font-size:1em;
}
.info-size{
	top: -40px !important;
}
.why_form_ref, .confirm_form_ref{
	cursor:pointer;
}

.atvc {
  width: 100%;
  max-width: 320px;
  height: 120px;
  position: relative;
}
.atvre {
  width: calc(100% - 40px);
  height: 100%;
  display: flex;
  flex-direction: row;
  margin-left: auto;
  background-image: radial-gradient(
      circle at 15% 12%,
      rgba(68, 87, 188, 0.6) 0%,
      rgba(68, 87, 188, 0.6) 20%,
      transparent 8%,
      transparent 92%
    ),
    linear-gradient(
      150deg,
      rgb(62, 103, 190) 0%,
      rgb(27, 45, 82) 40%,
      rgb(30, 36, 68) 50%,
      rgb(30, 36, 68) 60%,
      rgb(62, 103, 190) 100%
    );
  border-radius: 22px;
  box-shadow: -2px 0 6px rgb(87, 128, 214), inset 1px 1px 1px #333;
  display: flex;
  align-items: center;
}
.atvre:before {
  content: "";
  width: 30px;
  height: 55px;
  position: absolute;
  right: -30px;
  bottom: 15px;
  clip-path: path("M0,0 L20,3 C28,5,26,9,23,18 C19,26,20,30,0,55 z");
  background: linear-gradient(
    to left,
    rgba(255, 255, 0, 0.9),
    rgba(255, 140, 0, 0.7)
  );
}

.atvtxt {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0.5rem;
  color: white;
}
.atvtxt .atvtitle {
  width: auto;
  height: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
	font-weight:300;
	font-size:1rem;
}

.atvtxt .btn-acces {
  margin-left: 35px;
  margin-right: 80px;
  width: auto;
  height: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btnstyle {
  background: linear-gradient(to right, #fd594f, #ffcf5c);
  width: 100%;
	max-width: 130px;
  padding: 0.35rem 0.5rem;
  border-radius: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
	cursor:pointer;
}
.btnstyle:hover i{
	padding-left:15px;
}
#btn_winews-asso:not(.winews_active):hover{
	background: #ad9c00 !important;
	transition:background 0.5 ease;
}
.winews_active{
	background: Crimson !important;
}


.atvicoct {
  width: 80px;
  height: 80px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.atvico {
  width: 100%;
  height: 100%;
  clip-path: path(
    "M0,37 L45,30 L45,25 C45,10,55,10,60,8 L80,3 L80,48 C80,70,80,80,48,80 L20,80 C10,80,0,80,0,60 z"
  );
  background: linear-gradient(
    to left,
    rgba(255, 255, 0, 1),
    rgba(255, 140, 0, 1)
  );
  box-shadow: inset -1px -1px 5px #333;
}
[class^="atvsubi-"] {
  border-radius: 25%;
  background: white;
  position: absolute;
	display:flex;
	align-items:center;
	justify-content:center;
}
.atvsubi-1 {
  width: 30%;
    height: 30%;
    top: -19%;
    left: 24%;
    transform: rotate(-15deg);
}
.atvsubi-2 {
  width: 50%;
    height: 50%;
    top: -28%;
    left: 50%;
    transform: rotate(192deg);
    background: purple;
}
.atvsubi-3 {
 width: 50%;
    height: 50%;
    top: -2%;
    left: -5%;
    transform: rotate(-25deg);
    background: #d87000;
}
.atvsubi-4 {
  width: 35%;
    height: 35%;
    top: 9%;
    left: 27%;
    transform: rotate(339deg);
    background: #31b1e4;
}

.atvri {
  position: absolute;
  left: 0;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 50%;
  background: linear-gradient(
      to left,
      rgba(255, 255, 0, 0.9),
      rgba(255, 140, 0, 0.7)
    )
    border-box;
  background-origin: border-box;
  background-clip: content-box, border-box;
  -webkit-mask: radial-gradient(
    farthest-side,
    transparent 30%,
    #fff0 calc(30% + 20px + 0.1px) calc(100% - 10px),
    #fff calc(100% - 10px + 1px)
  );
  box-shadow: inset -1px 0 3px #111;
}
.atvri:before {
  content: "";
  position: absolute;
  left: 0;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.9);
  filter: blur(6px);
}
.separation{
	border-bottom:1px solid white;
}
/************* Page Liste associations *****************/
.lstasso {
width: 350px !important;

}

/************* Page Person of interest *****************/

eachperson{
	display: flex; display: -webkit-box; display: -webkit-flex;
	min-width: 250px !important;
	max-width: 26% !important;
	min-height:150px;
	max-height:190px;
	background:#666;
	transition:all 0.5 ease;
}


/*************Page liste actualites / activites anuelles  ***************/
.WinListYear{
	width: calc(24% - 37px); height:100px;
	min-width: 271px; max-width: 400px;
	display: flex; display: -webkit-box; display: -webkit-flex; 
	justify-content: center; align-items: center; 
	flex-direction:column; flex-wrap: wrap;
	column-gap:1em; row-gap:1em;
	margin-left: 12px;
	cursor:pointer;
}
.ListEvent{
	width:100%; height:100px;
    position:relative;
	display: flex; display: -webkit-box; display: -webkit-flex;
	flex-direction:row ;
	justify-content: center; 
	border-radius: 4px;
	border:1px solid white;
    box-shadow: 2px 1px 4px -1px #242424;
}
.CtnrTitleEvent{
	width:100%; height:35px; 
	position:absolute; bottom:0; 
	z-index : 8;
}
.ListEvent img{
	width:100%; height:100%; 
	object-fit:cover;
	border-radius: 4px;
}
.TitleEvent{
	width:100%; height:100%; 
	display: flex; display: -webkit-box; display: -webkit-flex;
	justify-content: flex-start; align-items: center; 
	flex-direction:row ; flex-wrap: wrap;
	color:white; 
	padding-right: .5rem!important; padding-left: .5rem!important;
	border-radius: 0 0 4px 4px !important;  
	-webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
	background: hsla(0,0%,46.5%,0.6);
	box-shadow: 0 -1px 2px #333;
	overflow: hidden;
	white-space: nowrap;
}
.TitleEvent > p{
	font-weight:600;
	text-shadow: -1px 1px 0.5px #333, 1px -1px 8px #666; 
	font-size:1.2em;
	text-transform:uppercase;
	letter-spacing: 1px;
	height: 35px !important;
	display: flex; display: -webkit-box; display: -webkit-flex;
	align-items: center;
}
.OrganizerIco{
	width: 55px; height: 55px;
	display: flex; display: -webkit-box; display: -webkit-flex;
	justify-content: center; align-items: center; 
	padding: .5rem!important;
	border-radius: 50px !important; 
	position:absolute; left: -12px; top: -12px;
	background:white;
	box-shadow: 2px 1px 4px -1px #242424;
	border: 1px solid #999999;
	z-index:9; 
}
.OrganizerIco > img{
	width: 40px; /*height: 40px;*/
}
.PeriodEvent{
	position:absolute; right: -5px; top: -15px;
	display: flex; display: -webkit-box; display: -webkit-flex;
	justify-content: center; align-items: center; 
	flex-direction:column ; 
	padding: .5rem; 
	border-radius: 4px !important; 
	background:white;
	box-shadow: -2px 1px 4px 0.5px #242424;
	/*border: 1px solid #999999;*/
	z-index:9; 
}
.PeriodEvent .textstyle{
	color:black;
	font-weight:600;
	line-height:0.8em !important;
}

/*------------------ Formulaire de contact ---------------*/
.email-form{
	cursor:pointer;
}
.w-sender {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	position: fixed;
	justify-self: center;
	align-self: center;
	row-gap:0.5em;
	width: 380px;
	height: auto;
	z-index: 999999;
	border-radius: 4px;
	box-shadow: 0 2px 18px #333;
	transition: all 0.2s ease-in;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 7px;
	
}
.sender600{height:600px;}
.senderauto{height:auto;}
.sender_bg{
	background-image: repeating-linear-gradient(90deg, hsla(143,0%,32%,0.05) 0px, hsla(143,0%,32%,0.05) 1px,transparent 1px, transparent 104px),repeating-linear-gradient(0deg, hsla(143,0%,32%,0.05) 0px, hsla(143,0%,32%,0.05) 1px,transparent 1px, transparent 104px),repeating-linear-gradient(0deg, rgba(82,82,82, 0.12) 0px, rgba(82,82,82, 0.12) 1px,transparent 1px, transparent 13px),repeating-linear-gradient(90deg, rgba(82,82,82, 0.12) 0px, rgba(82,82,82, 0.12) 1px,transparent 1px, transparent 13px),linear-gradient(90deg, rgb(19, 115, 192),rgb(12, 33, 168));
}
.sender_bg_success{
	background-image: linear-gradient(0deg, rgba(99, 109, 81, 0.3) 0%,rgba(198, 203, 94, 0.3) 100%),linear-gradient(90deg, rgb(18, 116, 125),rgb(20, 216, 80));
}


.w-sender input[type='text'], .w-sender input[type='email']{
	display: flex;
	display: -webkit-flex;
	display: -webkit-box;
	padding: 0 3%;
	align-items: center;
	width:100%;
	height: 45px;
	font-size: 1.4em;
	font-weight: 100;
	align-self: center;
	color: black;
	outline: 0 !important;
	background: rgba(255,255,255,0.8);
	border-radius: 4px;
	transition: background 1s;
	line-break: anywhere;
	word-break: keep-all;
	box-shadow: inset 2px 2px 3px #222, inset -1px -1px 6px #fff;
    border: 0 !important;
}

.info_input_txt, .info_input_adress {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}
.error_sender {
    position: absolute;
    top: 0;
    right: -205px;
    background: red;
    width: 200px;
    height: 45px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: -0.5px 0 4px #333;
    transition: right 0.5s;
	text-align: center;
    line-height: 45px;
    font-weight: 600;
}
.anim_error{
	right: 0px !important;
}

.t-sender {
	color: white;
	width: 100%;
	height: auto;
    row-gap: 0.3em;
    padding-top: 5px;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
	font-size: 1.4em;
	font-weight: 100;
}
.close-sender i{
	font-size:32px !important;
}
.success_mailForm{
	text-align:center;
	padding:15px 0;
}
.mailForm_container {
    display: flex;
	width:100%;
	height:auto;
    display: -webkit-box;
    display: -webkit-flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
	row-gap: 0.5em;
	transition: all 0.5s;
}

.s_ref_mail {
font-size: 0.9em !important;
height: auto;
color: white;
padding: 5px 10px 2px 10px;
border-radius: 4px;
border: 1px solid white;
font-weight: 400;
}
.s_ref_mail i{
	color: #333; 
	margin-right: 7px; 
	background: #eaeaea; 
	padding: 0.1em 0.3em; 
	border-radius: 2px;
} 

.o-sender {
}

.e-sender {
}

.a-sender {
	height: 203px !important; width: 100% !important;
	font-size:1.2em;
	font-weight:lighter;
	flex-wrap: wrap;
	overflow: hidden;
	align-items: flex-start !important;
	padding: 3% !important;
	background: rgba(255,255,255,0.8);
	border-radius: 4px;
	transition: background 1s;
	overflow: auto;
	outline: 0 !important;
	box-shadow: inset 2px 2px 3px #222, inset -1px -1px 6px #fff;
    border: 0 !important;
}

.a-sender:focus, .w-sender input[type='text']:focus , .w-sender input[type='email']:focus {
	background: white !important;
}


.check_submit_sender {
    display: flex;
    display: -webkit-flex;
    display: -webkit-box;
    flex-direction: row;
    width: 100%;
    height: auto;
    justify-content: flex-end;
}

div#captchaVerify {
    display: flex;
    place-self: flex-start;
}

.s-sender {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 76px;
    background: rgba(213, 239, 255, 1);
    border-radius: 4px;
    border: 0 !important;
    font-weight: 100;
    font-size: 1.4em;
    color: black;
    padding: 0;
    position: relative;
    flex-direction: column;
    transition: width 0.5s;
}

.s-sender:disabled{opacity: 0.5;}
.submitAllowed:hover{
	color: #2f5afd;
	font-weight: 400;
	cursor:pointer;
}
.cursDisabled{
	cursor:not-allowed;
}

.close-sender {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}

html {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}



securedsend {
  width: 100%;
  height: 85px;
  padding: 0 0.5em;
  background: #eaeaea;
  border-radius: 8px;
  border:0.5px solid white;
  box-shadow: 0 0 6px #666;
  display: flex;
  align-items: center;
  column-gap: 1em;
  flex-direction: row;
  font-size: 1.2em;
  position: relative;
  z-index: 2;
  transition: all 0.3s;
}
whoareyou {
  position: relative;
  left: 0;
  width: 271px;
  height: auto;
  padding-right:0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  row-gap: 0.3em;
  flex-direction: column;
  line-height: 0.9em;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  text-align: right;
  color: white;
  /*text-shadow: -1px 1px 1px#333;*/
}
whoareyou span:first-child {
  font-size: 1.1em !important;
  font-weight: 600;
  color: #fff !important;
	line-height: 1.2em;
}
whoareyou span:last-child {
  font-size: 0.8em !important;
  font-weight: 600;
  color: #dadada !important;
}
.Z0 {
  transform: scale(0);
}

.h2o {
  position: relative;
  height: 45px;
  width: 45px;
  border-radius: 8px;
  border: 2px solid #999;
  background: white;
  box-shadow: 0 0 3px #666;
  transition: all 0.3s;
  cursor: pointer;
  animation: pulse-btn 1.5s infinite;
}
.h2o:hover {
  box-shadow: inset -1px -1px 3px #999;
}
.agree {
  background: green;
}
enigma {
  height: 100%;
  width: auto;
  color: white;
  text-align: left;
  font-size: 1.2em;
}
checkhuman {
  width: 366px !important;
  height: 110px;
  display: flex;
  justify-content: center;
  flex-direction: row;
  padding: 0.5em 0.9em;
  column-gap: 0.5em;
  row-gap: 0.5em;
  transition: all 0.3s;
  border-radius: 12px;
  font-size: 0.8em !important;
}
vault {
  height: auto;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  /*row-gap: 0.5em;*/
}
keys {
  display: flex;
  flex-direction: row;
  justify-content: center;
  column-gap: 1em;
  color: black !important;
}
key {
  display: flex;
  width: 45px;
  height: 45px;
  background: white;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 2em;
  font-weight: 600;
  border-radius: 8px;
}
karea {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
slot {
  display: flex;
  width: 45px;
  height: 45px;
  background: #333;
  align-items: center;
  justify-content: center;
  color: #aaaaaa;
  font-size: 2em;
  font-weight: 600;
  border-radius: 8px;
  box-shadow: 1px 1px #fff, -1px -1px #fff;
}
karea slot.hovered {
  background: #aaa;
}
key.correct {
  background: green;
  color: white !important;
}
key isallowed {
  position: absolute;
  left: -10px;
  top: -15px;
}
#secure {
  height: 85px;
  width: 356px;
  border-radius: 8px;
  border: 0;
  font-weight: 300;
  cursor: pointer;
  font-size: 1.5em;
  font-weight:600 !important;
  padding: 0 0.5em;
  position: relative;
}
.plane {
  font-size: 2em;
  color: rgba(144, 238, 144, 1);
  transform: rotate(80deg);
  position: absolute;
  left: 20px;
  animation: animateplane 1s cubic-bezier(0.1, 0.3, 1, 1);
  animation-timing-function: ease-in;
}

@keyframes animateplane {
  30% {
    transform: translateX(500%);
    font-size: 2em;
    color: rgba(144, 238, 144, 1);
    font-size: 6em;
  }
  50% {
    transform: translateX(1500%) translateY(-1000%);
    font-size: 4em;
    color: rgba(144, 238, 144, 0.4);
  }
  100% {
    transform: translateX(3000%) translateY(-2500%);
    color: rgba(144, 238, 144, 0.2);
    font-size: 6em;
  }
}

button#secure:hover {
  box-shadow: inset 0 0 6px #333 !important;
}
.valid {
  border: 1px solid #149300;
  color: white !important;
	border:1px solid white;
  box-shadow: 0 0 6px 2px #81d632, inset 0 !important;
  /*text-shadow: -1px -1px 1px #222;*/
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: radial-gradient(
      circle at 46% 40%,
      rgba(228, 228, 228, 0.06) 0%,
      rgba(228, 228, 228, 0.06) 13%,
      transparent 13%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 41%,
      rgba(198, 198, 198, 0.06) 0%,
      rgba(198, 198, 198, 0.06) 19%,
      transparent 19%,
      transparent 100%
    ),
    radial-gradient(
      circle at 52% 23%,
      rgba(14, 14, 14, 0.06) 0%,
      rgba(14, 14, 14, 0.06) 69%,
      transparent 69%,
      transparent 100%
    ),
    radial-gradient(
      circle at 13% 85%,
      rgba(148, 148, 148, 0.06) 0%,
      rgba(148, 148, 148, 0.06) 44%,
      transparent 44%,
      transparent 100%
    ),
    radial-gradient(
      circle at 57% 74%,
      rgba(232, 232, 232, 0.06) 0%,
      rgba(232, 232, 232, 0.06) 21%,
      transparent 21%,
      transparent 100%
    ),
    radial-gradient(
      circle at 59% 54%,
      rgba(39, 39, 39, 0.06) 0%,
      rgba(39, 39, 39, 0.06) 49%,
      transparent 49%,
      transparent 100%
    ),
    radial-gradient(
      circle at 98% 38%,
      rgba(157, 157, 157, 0.06) 0%,
      rgba(157, 157, 157, 0.06) 24%,
      transparent 24%,
      transparent 100%
    ),
    radial-gradient(
      circle at 8% 6%,
      rgba(60, 60, 60, 0.06) 0%,
      rgba(60, 60, 60, 0.06) 12%,
      transparent 12%,
      transparent 100%
    ),
    linear-gradient(90deg, rgb(148, 220, 10), rgb(18, 123, 10));
}
.BGredInputempty{
	background-image: repeating-linear-gradient(
      45deg,
      rgba(221, 211, 144, 0.12) 0px,
      rgba(221, 211, 144, 0.12) 1px,
      transparent 1px,
      transparent 13px
    ),
    repeating-linear-gradient(
      135deg,
      rgba(221, 211, 144, 0.12) 0px,
      rgba(221, 211, 144, 0.12) 1px,
      transparent 1px,
      transparent 13px
    ),
    linear-gradient(90deg, rgb(197, 68, 4), rgb(144, 3, 0)) !important;
}

.novalid {
  color: white !important;
  box-shadow: 0 0 6px 2px #b12902 !important;
  /*text-shadow: -1px -1px 1px #222;*/
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-image: repeating-linear-gradient(
      45deg,
      rgba(221, 211, 144, 0.12) 0px,
      rgba(221, 211, 144, 0.12) 1px,
      transparent 1px,
      transparent 13px
    ),
    repeating-linear-gradient(
      135deg,
      rgba(221, 211, 144, 0.12) 0px,
      rgba(221, 211, 144, 0.12) 1px,
      transparent 1px,
      transparent 13px
    ),
    linear-gradient(90deg, rgb(197, 68, 4), rgb(144, 3, 0)) !important;
}

.novalid span:last-child {
  font-size: 0.7em;
  font-weight: 100;
  color: #dadada !important;
}

.pulse {
  animation: pulse-animation 1.5s infinite;
}

@keyframes pulse-animation {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0px rgba(137, 255, 29, 0.7);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 20px rgba(137, 255, 29, 0);
  }
}

@keyframes pulse-btn {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0px rgba(87, 147, 233, 0.7);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 20px rgba(87, 147, 233, 0);
  }
}

.gradbgbtn {
  background-image: linear-gradient(
      135deg,
      transparent 0%,
      transparent 17%,
      rgba(87, 146, 234, 0.6) 17%,
      rgba(87, 146, 234, 0.6) 59%,
      transparent 59%,
      transparent 64%,
      rgba(34, 81, 222, 0.6) 64%,
      rgba(34, 81, 222, 0.6) 100%
    ),
    linear-gradient(
      45deg,
      transparent 0%,
      transparent 2%,
      rgb(87, 146, 234) 2%,
      rgb(87, 146, 234) 46%,
      rgb(114, 178, 239) 46%,
      rgb(114, 178, 239) 54%,
      transparent 54%,
      transparent 63%,
      rgb(7, 48, 216) 63%,
      rgb(7, 48, 216) 100%
    ),
    linear-gradient(90deg, rgb(6, 124, 230), rgb(6, 124, 230));
}

.gradbgenigm {
  background-image: linear-gradient(
      0deg,
      rgba(187, 31, 80, 0.5) 0%,
      rgba(187, 31, 80, 0.5) 34%,
      transparent 34%,
      transparent 53%,
      rgba(119, 9, 85, 0.5) 53%,
      rgba(119, 9, 85, 0.5) 61%,
      rgba(102, 3, 86, 0.5) 61%,
      rgba(102, 3, 86, 0.5) 76%,
      rgba(170, 26, 81, 0.5) 76%,
      rgba(170, 26, 81, 0.5) 84%,
      rgba(153, 20, 83, 0.5) 84%,
      rgba(153, 20, 83, 0.5) 100%
    ),
    linear-gradient(
      90deg,
      rgb(187, 31, 80) 0%,
      rgb(187, 31, 80) 15%,
      transparent 15%,
      transparent 18%,
      transparent 18%,
      transparent 20%,
      rgb(102, 3, 86) 20%,
      rgb(102, 3, 86) 41%,
      rgb(170, 26, 81) 41%,
      rgb(170, 26, 81) 49%,
      rgb(153, 20, 83) 49%,
      rgb(153, 20, 83) 100%
    ),
    linear-gradient(90deg, rgb(197, 0, 0), rgb(197, 0, 0));
}
.formsendBg{
	border: 1px solid #0c5500;
	box-shadow: 0 0 28px 4px #a3cf00;
	background-image: radial-gradient(circle at top center, rgb(93,115,1) 0%, rgb(93,115,1) 5%,rgb(65,97,0) 5%, rgb(65,97,0) 10%,rgb(59,68,1) 10%, rgb(59,68,1) 15%,rgb(41,53,1) 15%, rgb(41,53,1) 20%,rgb(51,76,1) 20%, rgb(51,76,1) 25%,rgb(39,66,1) 25%, rgb(39,66,1) 30%,transparent 30%, transparent 100%),radial-gradient(circle at bottom right, rgb(93,115,1) 0%, rgb(93,115,1) 5%,rgb(65,97,0) 5%, rgb(65,97,0) 10%,rgb(59,68,1) 10%, rgb(59,68,1) 15%,rgb(41,53,1) 15%, rgb(41,53,1) 20%,rgb(51,76,1) 20%, rgb(51,76,1) 25%,rgb(39,66,1) 25%, rgb(39,66,1) 30%,transparent 30%, transparent 100%),radial-gradient(circle at bottom left, rgb(93,115,1) 0%, rgb(93,115,1) 5%,rgb(65,97,0) 5%, rgb(65,97,0) 10%,rgb(59,68,1) 10%, rgb(59,68,1) 15%,rgb(41,53,1) 15%, rgb(41,53,1) 20%,rgb(51,76,1) 20%, rgb(51,76,1) 25%,rgb(39,66,1) 25%, rgb(39,66,1) 30%,rgb(35,53,0) 30%, rgb(35,53,0) 100%);
}


/*------------------ Fin formulaire de contact ---------------*/
/*------------------ Fenêtre appel téléphonique ---------------*/
.phone-contact{cursor:pointer;}
.activCollor{color: chartreuse !important;}
.w-caller{
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	position: fixed;
	justify-self: center;
	align-self: center;
	width: auto;
	height: 100px;
	background: hsl(228deg 41% 38%); /* insipide blue */
	z-index: 999;
	border-radius: 6px;
	box-shadow: 0 2px 18px #333;
	transition: all 0.2s ease-in;
	overflow: hidden;
	flex-direction: column;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 7px;
}
.t-caller {
	color: white;
	width: 100%;
	max-height:
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	font-size: 1.4em;
	font-weight: 600;
}

.number-caller{
	color:white;
	width: 100%;
	height: 48%;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	font-weight:600;
}
.d-caller {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	text-align: justify;
	font-weight: 400;
	padding: 15px 15px;
}

.w-caller a {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background: white;
	border-radius: 6px;
	padding: 0 10px;
	color: #333 !important;
	font-weight: 900;
	font-size: 1.2em;
	flex: 1;
}
.w-caller a:hover {
	color:red !important;
	border:1px solid red;
	border-style:inset;
}

.info-caller {
	position: absolute;
	left: 10px;
	cursor: pointer;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
}
.info-caller:hover{
	color: rgb(255, 148, 75) !important;
}

.close-caller {
	position: absolute;
	right: 10px;
	cursor: pointer;
}
.close-caller:hover{
	color: rgb(255, 148, 75) !important;
}

/******************* Volet Paramètres (settings user or browser) **********/
usersettingswin{
transition: all .2s ease;
box-shadow: -2px 0 6px -1px #333;
position: absolute;
right: 0px;
width: 350px;
height: calc(100% - 1em) !important;
z-index: 20;
right: 0px !important;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}

settingscontainer{
	position: relative;
	border-radius: 4px !important;
	height: 100%;
	width: 100%;
	flex-direction: column;
	display: flex;
	display: -webkit-flex;
	padding:0.5em;
	row-gap:0.5em;
}

ttlwinsettings{
	width:100%;
	height:55px;
	font-family: "ethnocentricrg" !important;
    border-radius: 4px 0 0 4px !important; 
	font-size: 1em; 
	text-transform: uppercase; 
	font-weight: 600; 
	display: flex; display: -webkit-flex;
	align-items: center;-webkit-align-items: center;
	justify-content: center; -webkit-justify-content: center;
	color:white;
	text-shadow: 1px 1px 2px #222222;
	background-color: #3c8d91 !important;
	position:relative;
}
ttlwinsettings i.close-settings{
	font-size: 1.7em;
	background-color: #000000 !important;
	right: 10px !important;
	position: absolute;
	padding-bottom: .35rem!important;
	padding-top: .35rem!important;
	padding-right: .5rem!important;
	padding-left: .5rem!important;
	color: #ffffff;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;

}
settings_user{
	width:100%;
	height:100%; 
	padding-top: 0.15rem!important;
	padding-bottom: 0.15rem!important;
	padding-right: .5rem!important;
	padding-left: .5rem!important;
	margin-top:2px; margin-bottom: 53px;
	display: flex;
	display: -webkit-flex;
	flex-direction:column;
	row-gap:0.5em;
}
browser_cookies{
	min-height: 35px;
	row-gap: 0.5em;
	height: auto;
	width: 100%;
	flex-direction: column;
	display: flex;
	display: -webkit-flex;
}
section_settings{
	font-size: 1.3em;
	background-color: #ebffab;
	color: #000000 !important;
	border: 1px solid black;
	height: 35px;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	position:relative;
}
settings_user_appearances, settings_user_features, settings_user_cookies{
	padding-bottom: 0.5em;
	display: flex;
	display: -webkit-flex;
	flex-direction:column;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	row-gap:0.5em;
}
settings_user_features{
	

}

nbcookies{
	position:absolute;
    right:7px;
	width:25px; height:25px;
	background:chocolate;  color:white;
	font-size:1.2em; font-weight:600;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}
refcookie{
	height: auto;
	width: 100%;
	flex-direction: row;
	display: flex;
	display: -webkit-flex;
	height: auto;
}
desccookie{
	font-weight: 600;
	height: auto;
	flex: 1;
	flex-direction: column;
	display: flex;display: -webkit-flex;
}
allowdel{
	background: Crimson;
	color: #ffffff;
	width: 40px;
	height: auto;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	cursor:pointer;
}
cookiename{
	background-color: #56c895;
	color: #000 !important;
	height: auto;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	text-shadow: 1px 1px 2px #fff;
	padding: 0.35em;
	font-size: 1.1em;
}
cookievalue{
	background-color: #000000 !important;
	color: #fff !important;
	height: 25px;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}
checkdelcookie{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	background:white;
	display: flex;
	display: -webkit-flex;
	flex-direction:row; 
	align-items:center; justify-content:space-between; 
}
checkdelcookie span{
	font-size:1.3em; font-weight:600;
}
stopdelcookie, delthiscookie{
	display: flex;
	display: -webkit-flex;
	align-items:center; justify-content:center;
	width:50px;
	height:50px; 
	background:darkblue; color:white !important;
	cursor:pointer;
}
#asso_trialtraining{
	width:100%; height:auto;
	display:flex; flex-direction:row;
	align-items:flex-start;
	flex-wrap:wrap;
	padding: 0.5rem 1rem 0.5rem 0.5rem !important;
	margin-bottom:0.5em; 
	background:rgba(255,255,255,0.1);
	border-radius:4px;
	font-weight:600;
}

.perso_trial{
	display:flex; 
	align-items:center;
	flex-direction:column;
	row-gap:0.5em;
	color:white; 
	padding:1em;
	border-radius: 4px;
	width:300px; height:auto;
	background-image: linear-gradient(109deg, rgba(75, 75, 75, 0.03) 0%, rgba(75, 75, 75, 0.03) 36%,rgba(5, 5, 5, 0.03) 36%, rgba(5, 5, 5, 0.03) 60%,rgba(230, 230, 230, 0.03) 60%, rgba(230, 230, 230, 0.03) 76%,rgba(204, 204, 204, 0.03) 76%, rgba(204, 204, 204, 0.03) 83%,rgba(30, 30, 30, 0.03) 83%, rgba(30, 30, 30, 0.03) 91%,rgba(119, 119, 119, 0.03) 91%, rgba(119, 119, 119, 0.03) 96%,rgba(27, 27, 27, 0.03) 96%, rgba(27, 27, 27, 0.03) 100%),linear-gradient(357deg, rgba(159, 159, 159, 0.03) 0%, rgba(159, 159, 159, 0.03) 7%,rgba(227, 227, 227, 0.03) 7%, rgba(227, 227, 227, 0.03) 26%,rgba(204, 204, 204, 0.03) 26%, rgba(204, 204, 204, 0.03) 28%,rgba(181, 181, 181, 0.03) 28%, rgba(181, 181, 181, 0.03) 34%,rgba(138, 138, 138, 0.03) 34%, rgba(138, 138, 138, 0.03) 36%,rgba(44, 44, 44, 0.03) 36%, rgba(44, 44, 44, 0.03) 74%,rgba(130, 130, 130, 0.03) 74%, rgba(130, 130, 130, 0.03) 100%),linear-gradient(132deg, rgba(191, 191, 191, 0.03) 0%, rgba(191, 191, 191, 0.03) 24%,rgba(174, 174, 174, 0.03) 24%, rgba(174, 174, 174, 0.03) 31%,rgba(19, 19, 19, 0.03) 31%, rgba(19, 19, 19, 0.03) 42%,rgba(242, 242, 242, 0.03) 42%, rgba(242, 242, 242, 0.03) 70%,rgba(131, 131, 131, 0.03) 70%, rgba(131, 131, 131, 0.03) 75%,rgba(167, 167, 167, 0.03) 75%, rgba(167, 167, 167, 0.03) 77%,rgba(64, 64, 64, 0.03) 77%, rgba(64, 64, 64, 0.03) 100%),linear-gradient(90deg, rgb(181,120,0),rgb(209, 69, 18));
	
}
#trial_yes{
	padding:0.5em 1em !important;
	background:green;
	margin-right:1em;
}
#trial_no{
	padding:0.5em 1em !important;
	background:red;
}



/*------------------ Couche/calque level ---------------*/
.zindex-1{z-index:-1;}
.zindex1{z-index:1;}
.zindex2{z-index:2;}
.zindex3{z-index:3;}
.zindex4{z-index:4;}
.zindex5{z-index:5;}
.zindex6{z-index:6;}
.zindex7{z-index:7;}
.zindex8{z-index:8;}
.zindex9{z-index:9;}
.zindex10{z-index:10;}
.zindex12{z-index:12;}
.zindex20{z-index:20;}
.zindex22{z-index:22;}

/******************** MENU *************************/


/******************** FIN MENU *************************/

/******************** Sous-MENU *************************/


/******************** Taille des conteneurs *************************/
.minheight-35{min-height:35px;}
.minheight-80{min-height:80px;}



.w-97{width:97%;}

.h-5{height:5%;}
.h-10{height:10%;}
.h-15{height:15%;}
.h-19{height:19%;}
.h-20{height:20%;}
.h-21{height:21%;}
.h-23{height:23%;}
.h-24{height:24%;}
.h-25{height:25%;}
.h-26{height:26%;}
.h-29{height:29%;}
.h-30{height:30%;}
.h-32{height:32%;}
.h-35{height:35%;}
.h-40{height:40%;}
.h-45{height:45%;}
.h-49{height:49%;}
.h-50{height:50%;}
.h-60{height:60%;}
.h-70{height:70%;}
.h-75{height:75%;}
.h-79{height:79%;}
.h-80{height:80%;}
.h-85{height:85%;}
.h-90{height:90%;}
.h-94{height:94%;}
.h-95{height:95%;}
.h-97{height:97%;}
.h-98{height:98%;}

.height-15{height:15px;}
.height-20{height:20px;}
.height-25{height:25px;}
	.height-25i{height:25px !important;}
.height-30{height:30px;}
.height-33{height:33px;}
.height-35{height:35px;}
.hflag{height:37.5px;}
.height-40{height:40px;}
.height-43{height:43px;}
.height-50{height:50px;}
.height-55{height:55px;}
.height-adjust {height: 58.8px;}
.height-60{height:60px;}
.height-65{height:65px;}
.height-70{height:70px;}
.height-75{height:75px;}
.height-80{height:80px;}
.height-90{height:90px;}
.height-95{height:95px;}
.height-100{height:100px;}
.height-125{height:125px;}
.height-150{height:150px;}
.height-175{height:175px;}
.height-200{height:200px;}
.height-225{height:225px;}
.height-250{height:250px;}
.height-270{height:270px;}
.height-300{height:300px;}
.height-350{height:350px;}
.height-400{height:400px;}
.height-450{height:450px;}
.height-500{height:500px;}

.height-auto{height:auto;}

.height-promocat{height:250px;}



.mh0{max-height:0 !important;}
.mh-auto{max-height:auto !important;}
.maxh-60{max-height:60px ;}
.mh-300{max-height:300px;}

.maxh-50i{max-height:50px !important ;}
.maxh-60i{max-height:60px !important ;}
.maxh-95i{max-height:95px !important;}



.height-98pc{height:98%;}
.hcalc-titleasso{height: calc(100% - 20px);}
.hcalc-leftbar{height:calc(100% - 200px);}
.hcalc-content{height:calc(96% - 120px);}
.hcalc-asso{height:calc(98% - 130px);}
.h95-calc35 {height: calc(95% - 35px);}
.hcalc100-1em{height: calc(100% - 1em) !important;}

.minw-305{min-width:305px;}
.minwidth-240{min-width:240px;}
.minwidth-190{min-width:190px;}
.minwidth-150{min-width:150px;}

.maxwidth_450{max-width:450px;}

.width-20{width:20px;}
.width-25{width:25px;}
	.width-25i{width:25px !important;}
.width-30{width:30px;}
.width-33{width:33px;}
.width-35{width:35px;}
.width-40{width:40px;}
.width-50{width:50px;}
.width-60{width:60px;}
.width-70{width:70px;}
.width-75{width:75px;}
.width-80{width:80px;}
.width-90{width:90px;}
.width-100{width:100px;}
.width-130{width:130px;}
.width-150{width:150px;}
.width-180{width:180px;}
.width-200{width:200px;}
.width-250{width:250px;} .width-260{width:260px;}
.width-300{width:300px;}
.width-350{width:350px;}
.width-400{width:400px;}
.width-450{width:450px;}
.width-500{width:500px;}
.width-a-event{width: 900px;}

.width-auto{width:auto;}

.wcalc-100-2em{width:calc(100% - 1em);}
.wcalc-topbar{width:calc(100% - 270px);}
.wcalc-bottombar{width:calc(100% - 270px);}
.wcalc-content{width:calc(100% - 270px);}
.calc_w100-280{width:calc(100% - 280px);}

/*.minwidth-170{min-width:170px !important;}*/

.p04pct{padding:0.4% 0.5% !important;}

.p0-3pct{padding:0 3% !important;}
.p1-3{padding:1px 3px !important;}
.p2-6r{padding:2px 6px 2px 2px !important;}
.p5-10{padding:5px 10px !important;}
.p10-3pct{padding:10px 3% !important;}

.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p20{padding:20px !important;}
.p30{padding:30px !important;}
.p40{padding:40px !important;}

.p5pc{padding:5% !important;}
.p10pc{padding:10% !important;}
.p15pc{padding:15% !important;}
.p20pc{padding:20% !important;}

.px-5{padding-right:5px !important;padding-left:5px !important;}

.px-5pc{padding-right:5% !important;padding-left:5% !important;}
.px-10pc{padding-right:10% !important;padding-left:10% !important;}
.px-15pc{padding-right:15% !important;padding-left:15% !important;}
.px-20pc{padding-right:20% !important;padding-left:20% !important;}

.px-10{padding-right:10px !important;padding-left:10px !important;}

.pr-5pc{padding-right:5% !important;}
.pr-10pc{padding-right:10% !important;}
.pr-15pc{padding-right:15% !important;}
.mr-25px{padding-right:25px !important;}



.pl-5pc{padding-left:5% !important;}
.pl-10pc{padding-left:10% !important;}
.pl-15pc{padding-left:15% !important;}

.txtind{text-indent:10px;}

.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important;}


.py-5{padding-top:5px !important;padding-bottom:5px !important;}

.py-special{padding-top:6% !important; padding-bottom:12% !important;}
.py-5pct{padding-top:5% !important; padding-bottom:5% !important;  }
.py-10pct{padding-top:10% !important; padding-bottom:10% !important;}
.py-15pct{padding-top:15% !important; padding-bottom:15% !important;}

.py-10px{padding-top:10px !important; padding-bottom:10px !important;}
.py-20px{padding-top:20px !important; padding-bottom:20px !important;}
.py-50px{padding-top:50px !important; padding-bottom:50px !important;}
.py-100px{padding-top:100px !important; padding-bottom:100px !important;}

.pb-40{padding-bottom: 40px !important;}

.ls-002{letter-spacing: -0.02em;}
.ls1{letter-spacing:1px; }
.ls2{letter-spacing:1.2px; }
.ls3{letter-spacing:1.4px; }

.txtcenter{text-align:center !important;}
.txtleft{text-align:left !important;}
.txtright{text-align:right !important;}
.txtjustify{text-align: justify;}
.justify-iw{text-justify: inter-word;}

.ttrans-ini{text-transform: initial !important;}
.ttrans-up{text-transform:uppercase;}
.ttrans-low{text-transform:lowercase !important;}
.ttrans-cap{text-transform:capitalize !important;}

.Z0{transform: scale(0);}
.Z1-i{transform: scale(1) !important;}

.lh-08em{line-height:0.8em !important;}
.lh-1em{line-height:1em !important;}
.lh-11em{line-height:1.1em !important;}
.lh-12em{line-height:1.2em !important;}
.lh3em{line-height:3em !important;} /* 48px */
.line-height-150pct{line-height:150% !important;}

/* --------- Border et radius ---------*/
.b-white{border:1px solid white;}
.b-yellow{border: 2px solid rgb(255, 254, 0);}
.b_light{border:1px solid #999999;}
.btop-white{border-top:1px solid white;}
.bleft-white{border-left:1px solid white;}
.bright-white{border-right:1px solid white;}
.bbottom-white{border-bottom:1px solid white;}

.b-black{border:1px solid black;}
.b-lightblack{border: 0.5px solid #666;}
.b-red{border:1px solid red;}
.b-orange{border:1px solid #F25F00;}
.btop-black{border-top:1px solid black;}
.bleft-black{border-left:1px solid black;}
.bright-black{border-right:1px solid black;}
.bbottom-black{border-bottom:1px solid black;}
.bg_acturelated{background:#6693b9;}


.brad-bottom-5px{border-radius:0 5px 5px 0 !important;}
.bradnone{border-radius: 0 !important;} .bradnone input{border-radius: 0 !important;}
.bradnano,[class*="fltrasso"], [class*="lstasso"]{border-radius:4px !important;}
.bradnanotop{border-radius:4px 4px 0 0 !important;}
.bradnanobottom{border-radius:0 0 4px 4px !important;}
.bradnanoleft{border-radius:4px 0 0 4px !important;}
.bradnanoright{border-radius:0 4px 4px 0 !important;}
.brn_tr{border-radius:0 4px 0 0 !important}

.bradmini{border-radius:6px !important;}
.bradminiright{border-radius:0 6px 6px 0 !important;}
.bradminileft{border-radius:6px 0 0 6px !important;}

.bradmedium{border-radius:12px !important;}
.bradmediumtop{border-radius:12px 12px 0 0 !important;}
.bradmediumbottom{border-radius:0 0 12px 12px !important;}
.bradmediumright{border-radius:0 12px 12px 0 !important;}
.bradmediumleft{border-radius:12px 0 0 12px !important;}

.bradmediumtopright{border-top-right-radius: 12px !important;}
.bradmediumbottomleft{border-bottom-left-radius: 12px !important;}

.bradcirclemin{border-radius:6px !important;}
.bradcirclemed{border-radius:12px !important;}
.bradcirclemax{border-radius:50px !important;}
.bradrightcirclemax{border-top-right-radius:50px !important; border-bottom-right-radius:50px !important;}

.bdr-top-1{border-top:1px solid #ababab;}
.bdr0{border:0 !important;}

.img-thumbnail{background-color:transparent !important; border:none !important;}


/* --------- Style svg texte ---------*/
text, tspan{fill:white;}
text, tspan:first-letter{text-transform: capitalize;}
/* --------- Fin Style svg texte ---------*/


.cwhite, .cwhite a{color:#ffffff;}
.cwhite-i{color:#ffffff !important;}
.cgrey a, .cgrey{color:#5a5a5a !important;}
.cgray{color:gray !important !important;}
.cdkgray{color:#A9A9A9 !important;}
.corange{color:#F25F00 !important;}
.clightblack{color:#444444 !important;}
.cmedblack{color:#333333 !important;}
.cblack{color:#000000 !important;}
.cblackblue{color:#003A6C !important;}
.cchartreuse{color:chartreuse !important;}
.cgreen {color: #00c800 !important;}
.cred{color:#ff7700 !important;}
.cyellow{color:yellow !important};
.corange{color:#F25F00 !important;}

.lix-r li{padding:0 15px 0 0;}
.lix-l li{padding:0 0 0 15px;}

/* --------- PADDING ---------*/
.padding_adds{
	 padding: .5rem;
}
.p-2 {
    padding: .5rem!important;
}
.p-05{
	padding: .15rem!important;
}
.pl-2, .px-2 {
    padding-left: .5rem!important;
}

.pt-2, .py-2 {
    padding-top: .5rem!important;
}
.pr-2, .px-2 {
    padding-right: .5rem!important;
}
.padx2{
	padding: 0 .5rem 0 .5em;
}

.p-1{
	padding: .35rem!important;
}
.pl-1, .px-1 {
    padding-left: .35rem!important;
}
.pr-1, .px-1 {
    padding-right: .35rem!important;
}
.pt-1, .py-1 {
    padding-top: .35rem!important;
}
.pb-1, .py-1 {
    padding-bottom: .35rem!important;
}


.p-3 {
    padding: 1rem!important;
}
.pl-3, .px-3 {
    padding-left: 1rem!important;
}
.pt-3, .py-3 {
    padding-top: 1rem!important;
}
.pb-3, .py-3 {
    padding-bottom: 1rem!important;
}
.pr-3, .px-3 {
    padding-right: 1rem!important;
}


.p-4 {
    padding: 2rem!important;
}
.pl-4, .px-4 {
    padding-left: 2rem!important;
}
.pt-4, .py-4 {
    padding-top: 2rem!important;
}
.pb-4, .py-4 {
    padding-bottom: 2rem!important;
}
.pr-4, .px-4 {
    padding-right: 2rem!important;
}

.pr-05 {
    padding-right: 0.15rem!important;
}
.pl-05 {
    padding-left: 0.15rem!important;
}

.pb-05 {
    padding-bottom: 0.15rem!important;
}
.pt-05 {
    padding-top: 0.15rem!important;
}
.pb-2{padding-bottom: .5rem!important}

.px-05 {
    padding-left: 0.15rem!important;
    padding-right: 0.15rem!important;
}
.py-05 {
    padding-top: 0.15rem!important;
    padding-bottom: 0.15rem!important;
}

.p_075{padding: 0.25rem !important;}
.pr_075, px-075{padding-right: 0.25rem!important;}
.pl_075, px-075{padding-left: 0.25rem!important; }
.pt_075, py-075{padding-top:  0.25rem!important;}
.pb_075, .py-075{padding-bottom: 0.25rem!important;}


.p-0{padding:0 !important;}

.pt-10{padding-top:10px !important;}
.pr-10{padding-right:10px !important;}
.pb-10{padding-bottom:10px !important;}
.pl-10{padding-left:10px !important;}

.pt-20{padding-top:20px !important;}
.pr-20{padding-right:20px !important;}
.pb-20{padding-bottom:20px !important;}
.pl-20{padding-left:20px !important;}

/*-----------GAP / ESPACE row & column ----------*/
.cg-03{column-gap:0.3em;}
.cg-05{column-gap:0.5em;}
.cg-1{column-gap:1em;}
.cg-15{column-gap:1.5em;}
.cg-2{column-gap:2em;}
.cg-25{column-gap:2.5em;}
.cg-3{column-gap:3em;}

.rg-03{row-gap:0.3em;}
.rg-05{row-gap:0.5em;}
.rg-1{row-gap:1em;}
.rg-15{row-gap:1.5em;}
.rg-2{row-gap:2em;}

/* --------- POSITION ---------*/
.pabso{position:absolute;}
.pfixed{position:fixed;} .pfixed_i{position:fixed !important;}
.prel{position:relative;}
.pini{position:initial;}



.pbottom{bottom:0px !important; }
.pbottom10px{bottom:10px !important; }
.pbottom1pc{bottom:1%; }
.pbottom10pc{bottom:10%; }

.pbottom25px{bottom:25px;}
.pbottom33px {bottom: 33px;}
.pbottom-50px{bottom:50px;}
.pbottom-55px{bottom:55px;}

.SlideY-333{bottom:-333px;}


.pright{right:0px;}
.prighti{right:0px !important;}
.pleft{left:0px;}
.pleft10pc{left:10%;}


.ptop{top:0 !important;}

.ptop-10{top:10%;}
.ptop-20{top:20%;}
.ptop-70{top: 70%;}

.ptop5px{top:5px !important;}
.ptop-3{top:1rem !important;}
.ptop1pc{top:1%;}

.ptop-5px{top:-5px !important;}
.ptop35{top:35px !important;}
.ptop50{top:50px !important;}
.ptop70{top:70px !important;}

.ptop-16px{top:-16px !important;}
.ptop-25px{top:-25px !important;}
.ptop-50px{top:-50px !important;}
.ptop-100px{top:-100px !important;}
.ptop-calc-c2{top:calc(1% + 201px) !important;}
.topcalc-content{top:calc(2% + 70px) !important;}

.pleft{left:0 !important;}

.pleft-25{left:25% !important;}

.pleft5px{left:5px !important;}
.pleft10px{left:10px !important;}
.pleft25px{left:25px !important;}
.pleft50px{left:50px !important;}
.pleft100px{left:100px !important;}
.pleft250px{left:250px !important;}

.pleft-25px{left:-25px !important;}
.pleft-33px{left:-33px !important;}
.pleft-50px{left:-50px !important;}
.pleft-100px{left:-100px !important;}
.pleft-400px{left: -400px !important;}

.pright05em {right: 0.5em;}
.pright5px{right:5px !important;}
.pright10px{right:10px !important;}
.pright25px{right:25px !important;}

.pright50px{right:50px !important;}
.pright100px{right:100px !important;}


.pright-16px {right:-16px !important;}
.pright-25px{right:-25px !important;}
.pright-50px{right:-50px !important;}
.pright-100px{right:-100px !important; }

.pright-350px{right:-350px;}

.mauto{margin:auto;}
.m0{margin:0 !important;}
.mleft-auto{margin-left:auto;}
.mright-auto{margin-right:auto;}
.mtop-auto{margin-top:auto;}
.mbottom-auto{margin-bottom:auto;}



.mx-10{margin:0 10px;}
.my-10{margin:10px 0;}

.my-5{margin:5px 0;}

.ml-5{margin-left:5px !important;}
.mr-5{margin-right:5px !important;}
.mt-5{margin-top:5px !important;}

.mt-10{margin-top:10px !important;}
.mb-10{margin-bottom:10px !important;}
.mintervalmenu{margin-bottom:70px !important;}

.mt-5pc{margin-top:5% !important;}
.mt-10pc{margin-top:10% !important;}
.mt-15pc{margin-top:15% !important;}
.mt-35{margin-top:35px !important;}

.mx-05,.mr-05{ margin-right: .15rem; }
.my-05,.mt-05{ margin-top: .15rem; }
.mx-05,.ml-05{ margin-left: .15rem; }
.my-05,.mb-05{ margin-bottom: .15rem; }

.my-1,.mb-1{ margin-bottom: .25rem;}
.mx-1,.ml-1{ margin-left: .25rem;}
.mx-1,.mr-1{ margin-right: .25rem; }
.my-1,.mt-1{ margin-top: .25rem; }

.my-2,.mb-2{ margin-bottom: .5rem;}
.mx-2,.ml-2{ margin-left: .5rem;}
.mx-2,.mr-2{ margin-right: .5rem; }
.my-2,.mt-2{ margin-top: .5rem; }

.my-3,.mb-3{ margin-bottom: 1rem;}
.mx-3,.ml-3{ margin-left: 1rem;}
.mx-3,.mr-3{ margin-right: 1rem; }
.my-3,.mt-3{ margin-top: 1rem; }

.my-4,.mb-4{ margin-bottom: 2rem;}
.mx-4,.ml-4{ margin-left: 2rem;}
.mx-4,.mr-4{ margin-right: 2rem; }
.my-4,.mt-4{ margin-top: 2rem; }



.ml-10{margin-left:10px;}
.mr-10{margin-right:10px;}

.mapshadow{
	box-shadow: 0 0 1px 4px #ffffff, 0 0 500px #000, 0 0 20px #000;
}
.bshadow{box-shadow: 2px 1px 4px -1px #242424;}
.bshadowaround{box-shadow: 0px 0px 6px #242424;}
.bshadowtkoise{box-shadow: 0 0 18px #00ffeb;}
.bshadow-left{box-shadow: -2px 0 6px -1px #333;}
.boxselected{box-shadow: inset 0px 0px 32px rgb(0 238 237 / 60%);}
.bsha_bot{ box-shadow: 0 3px 7px #333333;}
.ico_shadow{text-shadow: 3px 3px 1px #222;}
.txt_shadow{text-shadow: -1px 2px 1px #111;}

.bshatop{box-shadow: 0 -1px 2px #333;}


.shadow-sm-white{box-shadow: 0 0 5px 2px;}

.bg-white{background-color:#ffffff; }
.bg-light{background-color:#eaeaea;}
.bg-gray{background-color:gray;}
.bglightdark{background-color:#444444 !important;}
.bg-dark{background-color:#222222 !important;}
.bg-black{background-color:#000000 !important;}
.bg-gold{background:gold !important;}

.BgWOpa3{background-color:rgba(255,255,255,0.3);}
.BgBOpa6{background-color:hsla(0, 0%, 0%, 0.6);}
.BgSpecialblur{background: hsla(0,0%,46.5%,0.6);}

.bg-white-opa9{background-color:rgba(255,255,255,0.9) !important;}
.bg-darkgrey{background-color: #333333 !important;}
.bg-whitegrey{background:#DDDBDC !important;}
.bg-fairblue{background: #76d3ff;}
.bgDodgerBlue{background:DodgerBlue;}
.bgsteelblue{background:steelblue;}
.bg-bluedark {background: #00276f;}
.bg-normalblue {background: #0386B9;}
.bg-darkturkoise {background: #00465b;}
.bgCyan{background-color: #36cdff;}
.bgCyan-i{background-color: #36cdff !important;}
.bg-bluegreen {background: #037e99;}

.bgopadkblue{background: rgba(0,42,128,0.5);}
.bgopaturkoise{background: rgba(0, 133, 207, 0.6);}
.imgshadow{-webkit-filter: drop-shadow(0 -0.5px 2px rgb(0,42,128)); filter: drop-shadow(0 -0.5px 2px rgb(0,42,128));}
.filterblur{-webkit-backdrop-filter: blur(5px); backdrop-filter : blur(5px); }

.bgLightSalmon{background:LightSalmon;}


.bg-opa-dark-08{background-color:rgba(34,34,34,0.8);}

.bg-opa-white-2{background-color:rgba(35,35,37,0.53);}
.bg-opa-white-01{background-color:rgba(255,255,255,0.1);}
.bg-opa-white-05{background-color:rgba(255,255,255,0.5);}
.bg-opa-white-08{background-color:rgba(255,255,255,0.8);}
.bg-opa-black-2{background-color:rgba(0,0,0,0.2);}
.bg-opa-black-4{background-color:rgba(24, 49, 93, 0.4);}
.bg-opa-black-6{background-color:rgba(0,0,0,0.6);}

.bg-darkblue{background: rgb(5,103,188);}
.bg-blackblue{background:#1d3db4;}
.bg-blackblue2{background:#091f6f;}
.bg-opa-blue{background: #274279;}
.bg-opa-darkblue{background: rgba(5,103,188,0.9);}

.bg-orange{background:#F25F00;}

.bg-DodgerBlue{background:DodgerBlue;}

.bg-alert1{background:#CC4700;}
.bg-alert2{background:#953400;}
.bg-risk{background:#256093;}

.bgcrimson{background: Crimson;}
.bgsteelblue{background:steelblue;}
.bgorchid{background:orchid;}

.bggold{background:gold;}
.bgyellowgreen{background:yellowgreen;}
.bglightyellow{background: rgb(233, 245, 43);}
.bgdarkyellow{background: #ad9c00;}

.complex_white_fractal{
	background-image: radial-gradient(circle at center center, transparent,rgb(192,249,255)),linear-gradient(309deg, rgba(90, 90, 90,0.05) 0%, rgba(90, 90, 90,0.05) 50%,rgba(206, 206, 206,0.05) 50%, rgba(206, 206, 206,0.05) 100%),linear-gradient(39deg, rgba(13, 13, 13,0.05) 0%, rgba(13, 13, 13,0.05) 50%,rgba(189, 189, 189,0.05) 50%, rgba(189, 189, 189,0.05) 100%),linear-gradient(144deg, rgba(249, 249, 249,0.05) 0%, rgba(249, 249, 249,0.05) 50%,rgba(111, 111, 111,0.05) 50%, rgba(111, 111, 111,0.05) 100%),linear-gradient(166deg, rgba(231, 231, 231,0.05) 0%, rgba(231, 231, 231,0.05) 50%,rgba(220, 220, 220,0.05) 50%, rgba(220, 220, 220,0.05) 100%),linear-gradient(212deg, rgba(80, 80, 80,0.05) 0%, rgba(80, 80, 80,0.05) 50%,rgba(243, 243, 243,0.05) 50%, rgba(243, 243, 243,0.05) 100%),radial-gradient(circle at center center, hsl(107,19%,100%),hsl(107,19%,100%));
}

.gradient-services{
  background: #18315D;
  background: -webkit-linear-gradient(to bottom right, #18315D , #030303);
  background: linear-gradient(to bottom right, #18315D , #030303);
}
.mesh-gd-mcolor{
	background-color: hsla(9,100%,20%,1);
	background-image:
	radial-gradient(at 50% 6%, hsla(32,94%,65%,1) 0px, transparent 50%),
	radial-gradient(at 17% 10%, hsla(28,100%,74%,1) 0px, transparent 50%),
	radial-gradient(at 37% 63%, hsla(189,100%,56%,1) 0px, transparent 50%),
	radial-gradient(at 0% 50%, hsla(355,100%,93%,1) 0px, transparent 50%),
	radial-gradient(at 91% 45%, hsla(340,100%,76%,1) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(22,100%,77%,1) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(242,100%,70%,1) 0px, transparent 50%),
	radial-gradient(at 84% 10%, hsla(343,100%,76%,1) 0px, transparent 50%);
}
.complex_grad_white{
	background-image: linear-gradient(147deg, transparent 0%, transparent 8%,rgba(63, 106, 202,0.08) 8%, rgba(63, 106, 202,0.08) 46%,transparent 46%, transparent 100%),linear-gradient(107deg, transparent 0%, transparent 21%,rgba(63, 106, 202,0.08) 21%, rgba(63, 106, 202,0.08) 53%,transparent 53%, transparent 100%),linear-gradient(288deg, transparent 0%, transparent 35%,rgba(63, 106, 202,0.08) 35%, rgba(63, 106, 202,0.08) 91%,transparent 91%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
}
.cgrad_whiteopa_circle{
	background-image: radial-gradient(circle at 28% 90%, rgba(113, 113, 113,0.03) 0%, rgba(113, 113, 113,0.03) 24%,transparent 24%, transparent 100%),radial-gradient(circle at 84% 65%, rgba(173, 173, 173,0.03) 0%, rgba(173, 173, 173,0.03) 45%,transparent 45%, transparent 100%),radial-gradient(circle at 46% 12%, rgba(141, 141, 141,0.03) 0%, rgba(141, 141, 141,0.03) 22%,transparent 22%, transparent 100%),radial-gradient(circle at 26% 14%, rgba(119, 119, 119,0.03) 0%, rgba(119, 119, 119,0.03) 35%,transparent 35%, transparent 100%),radial-gradient(circle at 81% 90%, rgba(42, 42, 42,0.03) 0%, rgba(42, 42, 42,0.03) 40%,transparent 40%, transparent 100%),radial-gradient(circle at 28% 100%, rgba(234, 234, 234,0.03) 0%, rgba(234, 234, 234,0.03) 56%,transparent 56%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
}
.cgrad_red_circle{
	background-image: radial-gradient(circle at 22% 15%, rgba(45, 45, 45,0.05) 0%, rgba(45, 45, 45,0.05) 50%,rgba(95, 95, 95,0.05) 50%, rgba(95, 95, 95,0.05) 100%),radial-gradient(circle at 83% 16%, rgba(122, 122, 122,0.05) 0%, rgba(122, 122, 122,0.05) 50%,rgba(194, 194, 194,0.05) 50%, rgba(194, 194, 194,0.05) 100%),radial-gradient(circle at 74% 7%, rgba(82, 82, 82,0.05) 0%, rgba(82, 82, 82,0.05) 50%,rgba(230, 230, 230,0.05) 50%, rgba(230, 230, 230,0.05) 100%),linear-gradient(90deg, rgb(243, 136, 126),rgb(251, 43, 71));
}
.cgrad_darkred_circle{
	background-image: radial-gradient(circle at 35% 14%, hsla(150,0%,8%,0.07) 0%, hsla(150,0%,8%,0.07) 39%,transparent 39%, transparent 90%,transparent 90%, transparent 100%),radial-gradient(circle at 76% 4%, hsla(150,0%,8%,0.07) 0%, hsla(150,0%,8%,0.07) 83%,transparent 83%, transparent 89%,transparent 89%, transparent 100%),radial-gradient(circle at 20% 33%, hsla(150,0%,8%,0.07) 0%, hsla(150,0%,8%,0.07) 83%,transparent 83%, transparent 90%,transparent 90%, transparent 100%),radial-gradient(circle at 44% 74%, hsla(150,0%,8%,0.07) 0%, hsla(150,0%,8%,0.07) 73%,transparent 73%, transparent 89%,transparent 89%, transparent 100%),radial-gradient(circle at 26% 31%, hsla(150,0%,8%,0.07) 0%, hsla(150,0%,8%,0.07) 44%,transparent 44%, transparent 75%,transparent 75%, transparent 100%),linear-gradient(0deg, rgb(148, 28, 74),rgb(238, 52, 93));
}
.cgrad_redgradorange_circle{
	background-image: radial-gradient(circle at 82% 63%, rgba(183, 183, 183,0.09) 0%, rgba(183, 183, 183,0.09) 84%,transparent 84%, transparent 100%),radial-gradient(circle at 88% 98%, rgba(232, 232, 232,0.07) 0%, rgba(232, 232, 232,0.07) 15%,transparent 15%, transparent 100%),radial-gradient(circle at 77% 83%, rgba(252, 252, 252,0.05) 0%, rgba(252, 252, 252,0.05) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 64% 0%, rgba(140, 140, 140,0.05) 0%, rgba(140, 140, 140,0.05) 54%,transparent 54%, transparent 100%),radial-gradient(circle at 57% 86%, rgba(241, 241, 241,0.07) 0%, rgba(241, 241, 241,0.07) 80%,transparent 80%, transparent 100%),radial-gradient(circle at 17% 93%, rgba(68, 68, 68,0.05) 0%, rgba(68, 68, 68,0.05) 82%,transparent 82%, transparent 100%),radial-gradient(circle at 85% 70%, rgba(10, 10, 10,0.02) 0%, rgba(10, 10, 10,0.02) 13%,transparent 13%, transparent 100%),linear-gradient(270deg, rgb(217,80,42),rgb(168,1,60));
}
.cgrad_redyellow_window{
	background-image: linear-gradient(67.5deg, rgb(239, 26, 22) 0%, rgb(239, 26, 22) 1%,rgb(234, 49, 20) 1%, rgb(234, 49, 20) 19%,rgb(228, 73, 17) 19%, rgb(228, 73, 17) 25%,rgb(223, 96, 15) 25%, rgb(223, 96, 15) 45%,rgb(217, 120, 13) 45%, rgb(217, 120, 13) 56%,rgb(212, 143, 11) 56%, rgb(212, 143, 11) 59%,rgb(206, 167, 8) 59%, rgb(206, 167, 8) 90%,rgb(201, 190, 6) 90%, rgb(201, 190, 6) 100%),linear-gradient(0deg, rgb(239, 26, 22) 0%, rgb(239, 26, 22) 1%,rgb(234, 49, 20) 1%, rgb(234, 49, 20) 19%,rgb(228, 73, 17) 19%, rgb(228, 73, 17) 25%,rgb(223, 96, 15) 25%, rgb(223, 96, 15) 45%,rgb(217, 120, 13) 45%, rgb(217, 120, 13) 56%,rgb(212, 143, 11) 56%, rgb(212, 143, 11) 59%,rgb(206, 167, 8) 59%, rgb(206, 167, 8) 90%,rgb(201, 190, 6) 90%, rgb(201, 190, 6) 100%),linear-gradient(67.5deg, rgb(239, 26, 22) 0%, rgb(239, 26, 22) 1%,rgb(234, 49, 20) 1%, rgb(234, 49, 20) 19%,rgb(228, 73, 17) 19%, rgb(228, 73, 17) 25%,rgb(223, 96, 15) 25%, rgb(223, 96, 15) 45%,rgb(217, 120, 13) 45%, rgb(217, 120, 13) 56%,rgb(212, 143, 11) 56%, rgb(212, 143, 11) 59%,rgb(206, 167, 8) 59%, rgb(206, 167, 8) 90%,rgb(201, 190, 6) 90%, rgb(201, 190, 6) 100%),linear-gradient(90deg, rgb(192, 212, 51),rgb(254, 105, 74)); background-blend-mode:overlay,overlay,overlay,normal;
}
.cgrad_lightblue{
	background-image: linear-gradient(45deg, rgba(48,160,200, 0.39) 0%, rgba(48,160,200, 0.39) 27%,rgba(66,208,212, 0.37) 27%, rgba(66,208,212, 0.37) 30%,rgba(57,184,206, 0.36) 30%, rgba(57,184,206, 0.36) 38%,rgba(75,232,218, 0.38) 38%, rgba(75,232,218, 0.38) 41%,rgba(38,135,193, 0.37) 41%, rgba(38,135,193, 0.37) 67%,rgba(29,111,187, 0.35) 67%, rgba(29,111,187, 0.35) 68%,rgba(20,87,181, 0.36) 68%, rgba(20,87,181, 0.36) 71%,rgba(11,63,175, 0.37) 71%, rgba(11,63,175, 0.37) 100%),linear-gradient(45deg, rgba(120,161,172, 0.41) 0%, rgba(120,161,172, 0.41) 12.5%,rgba(83,81,120, 0.43) 12.5%, rgba(83,81,120, 0.43) 25%,rgba(132,188,189, 0.38) 25%, rgba(132,188,189, 0.38) 37.5%,rgba(95,108,137, 0.38) 37.5%, rgba(95,108,137, 0.38) 50%,rgba(144,215,206, 0.36) 50%, rgba(144,215,206, 0.36) 62.5%,rgba(107,135,154, 0.36) 62.5%, rgba(107,135,154, 0.36) 75%,rgba(156,242,223, 0.37) 75%, rgba(156,242,223, 0.37) 87.5%,rgba(71,54,103, 0.39) 87.5%, rgba(71,54,103, 0.39) 100%),linear-gradient(63deg, rgba(156,214,233, 0.35),rgba(18,10,132, 0.38));
}
.complex-grad-green{
	background-image: linear-gradient(45deg, rgba(135,221,151, 0.45) 0%, rgba(135,221,151, 0.45) 14%,rgba(121,196,142, 0.45) 14%, rgba(121,196,142, 0.45) 18%,rgba(92,145,110, 0.45) 18%, rgba(92,145,110, 0.45) 22%,rgba(149,246,164, 0.45) 22%, rgba(149,246,164, 0.45) 23%,rgba(20,70,33, 0.45) 23%, rgba(20,70,33, 0.45) 70%,rgba(44,95,46, 0.45) 70%, rgba(44,95,46, 0.45) 75%,rgba(107,171,115, 0.45) 75%, rgba(107,171,115, 0.45) 88%,rgba(68,120,74, 0.45) 88%, rgba(68,120,74, 0.45) 100%),linear-gradient(135deg, rgb(6,144,34),rgb(0,213,22));
}
.complex-grad-orange{
	background-image: linear-gradient(45deg, rgba(221,188,135, 0.45) 0%, rgba(221,188,135, 0.45) 14%,rgba(196,166,121, 0.45) 14%, rgba(196,166,121, 0.45) 18%,rgba(145,122,92, 0.45) 18%, rgba(145,122,92, 0.45) 22%,rgba(246,210,149, 0.45) 22%, rgba(246,210,149, 0.45) 23%,rgba(70,54,20, 0.45) 23%, rgba(70,54,20, 0.45) 70%,rgba(105,77,39, 0.45) 70%, rgba(105,77,39, 0.45) 75%,rgba(150,114,63, 0.45) 75%, rgba(150,114,63, 0.45) 88%,rgba(121,86,56, 0.45) 88%, rgba(121,86,56, 0.45) 100%),linear-gradient(135deg, rgb(175,101,9),rgb(199,131,4));
}
.complex-grad-blue{
	background-image: linear-gradient(45deg, rgba(135,170,221, 0.45) 0%, rgba(135,170,221, 0.45) 14%,rgba(121,156,196, 0.45) 14%, rgba(121,156,196, 0.45) 18%,rgba(92,114,145, 0.45) 18%, rgba(92,114,145, 0.45) 22%,rgba(149,187,246, 0.45) 22%, rgba(149,187,246, 0.45) 23%,rgba(20,41,70, 0.45) 23%, rgba(20,41,70, 0.45) 70%,rgba(39,63,105, 0.45) 70%, rgba(39,63,105, 0.45) 75%,rgba(63,89,150, 0.45) 75%, rgba(63,89,150, 0.45) 88%,rgba(56,77,121, 0.45) 88%, rgba(56,77,121, 0.45) 100%),linear-gradient(135deg, rgb(9,79,175),rgb(4,53,199));
}
.complex-grad-bluegreen{
	background-image: linear-gradient(71deg, rgba(55, 55, 55, 0.03) 0%, rgba(55, 55, 55, 0.03) 16.667%,rgba(111, 111, 111, 0.03) 16.667%, rgba(111, 111, 111, 0.03) 33.334%,rgba(230, 230, 230, 0.03) 33.334%, rgba(230, 230, 230, 0.03) 50.001000000000005%,rgba(129, 129, 129, 0.03) 50.001%, rgba(129, 129, 129, 0.03) 66.668%,rgba(77, 77, 77, 0.03) 66.668%, rgba(77, 77, 77, 0.03) 83.33500000000001%,rgba(190, 190, 190, 0.03) 83.335%, rgba(190, 190, 190, 0.03) 100.002%),linear-gradient(281deg, rgba(176, 176, 176, 0.03) 0%, rgba(176, 176, 176, 0.03) 16.667%,rgba(192, 192, 192, 0.03) 16.667%, rgba(192, 192, 192, 0.03) 33.334%,rgba(74, 74, 74, 0.03) 33.334%, rgba(74, 74, 74, 0.03) 50.001000000000005%,rgba(169, 169, 169, 0.03) 50.001%, rgba(169, 169, 169, 0.03) 66.668%,rgba(34, 34, 34, 0.03) 66.668%, rgba(34, 34, 34, 0.03) 83.33500000000001%,rgba(5, 5, 5, 0.03) 83.335%, rgba(5, 5, 5, 0.03) 100.002%),linear-gradient(196deg, rgba(98, 98, 98, 0.03) 0%, rgba(98, 98, 98, 0.03) 16.667%,rgba(208, 208, 208, 0.03) 16.667%, rgba(208, 208, 208, 0.03) 33.334%,rgba(63, 63, 63, 0.03) 33.334%, rgba(63, 63, 63, 0.03) 50.001000000000005%,rgba(180, 180, 180, 0.03) 50.001%, rgba(180, 180, 180, 0.03) 66.668%,rgba(200, 200, 200, 0.03) 66.668%, rgba(200, 200, 200, 0.03) 83.33500000000001%,rgba(59, 59, 59, 0.03) 83.335%, rgba(59, 59, 59, 0.03) 100.002%),linear-gradient(35deg, rgba(233, 233, 233, 0.03) 0%, rgba(233, 233, 233, 0.03) 16.667%,rgba(26, 26, 26, 0.03) 16.667%, rgba(26, 26, 26, 0.03) 33.334%,rgba(186, 186, 186, 0.03) 33.334%, rgba(186, 186, 186, 0.03) 50.001000000000005%,rgba(162, 162, 162, 0.03) 50.001%, rgba(162, 162, 162, 0.03) 66.668%,rgba(254, 254, 254, 0.03) 66.668%, rgba(254, 254, 254, 0.03) 83.33500000000001%,rgba(245, 245, 245, 0.03) 83.335%, rgba(245, 245, 245, 0.03) 100.002%),linear-gradient(294deg, rgba(157, 157, 157, 0.01) 0%, rgba(157, 157, 157, 0.01) 12.5%,rgba(125, 125, 125, 0.01) 12.5%, rgba(125, 125, 125, 0.01) 25%,rgba(120, 120, 120, 0.01) 25%, rgba(120, 120, 120, 0.01) 37.5%,rgba(19, 19, 19, 0.01) 37.5%, rgba(19, 19, 19, 0.01) 50%,rgba(111, 111, 111, 0.01) 50%, rgba(111, 111, 111, 0.01) 62.5%,rgba(140, 140, 140, 0.01) 62.5%, rgba(140, 140, 140, 0.01) 75%,rgba(114, 114, 114, 0.01) 75%, rgba(114, 114, 114, 0.01) 87.5%,rgba(94, 94, 94, 0.01) 87.5%, rgba(94, 94, 94, 0.01) 100%),linear-gradient(19deg, rgba(217, 217, 217, 0.02) 0%, rgba(217, 217, 217, 0.02) 20%,rgba(105, 105, 105, 0.02) 20%, rgba(105, 105, 105, 0.02) 40%,rgba(252, 252, 252, 0.02) 40%, rgba(252, 252, 252, 0.02) 60%,rgba(1, 1, 1, 0.02) 60%, rgba(1, 1, 1, 0.02) 80%,rgba(232, 232, 232, 0.02) 80%, rgba(232, 232, 232, 0.02) 100%),linear-gradient(90deg, rgb(22, 94, 235),rgb(126, 195, 9));
}
.cgrad_bluegreenflares{
	background-image: radial-gradient(circle at 27% 6%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 3%,transparent 3%, transparent 100%),radial-gradient(circle at 27% 18%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 3%,transparent 3%, transparent 100%),radial-gradient(circle at 56% 8%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 3%,transparent 3%, transparent 100%),radial-gradient(circle at 93% 87%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 3%,transparent 3%, transparent 100%),radial-gradient(circle at 38% 97%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 42% 29%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 91% 92%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 96% 29%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 12% 48%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 80% 83%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 1% 11%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 14% 13%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 35% 44%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 55% 89%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 26% 19%, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 50% 94%, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 5%,transparent 5%, transparent 100%),linear-gradient(45deg, rgb(76, 47, 183),rgb(52, 241, 132));
}
.cgrad_turkoiseblue_circle{
	background-image: radial-gradient(circle at 29% 55%, rgba(96,255,249, 0.05) 0%, rgba(96,255,249, 0.05) 4%,transparent 4%, transparent 44%,transparent 44%, transparent 100%),radial-gradient(circle at 85% 89%, rgba(96,255,249, 0.05) 0%, rgba(96,255,249, 0.05) 51%,transparent 51%, transparent 52%,transparent 52%, transparent 100%),radial-gradient(circle at 6% 90%, rgba(96,255,249, 0.05) 0%, rgba(96,255,249, 0.05) 53%,transparent 53%, transparent 64%,transparent 64%, transparent 100%),radial-gradient(circle at 35% 75%, rgba(96,255,249, 0.05) 0%, rgba(96,255,249, 0.05) 6%,transparent 6%, transparent 98%,transparent 98%, transparent 100%),radial-gradient(circle at 56% 75%, rgba(96,255,249, 0.05) 0%, rgba(96,255,249, 0.05) 16%,transparent 16%, transparent 23%,transparent 23%, transparent 100%),radial-gradient(circle at 42% 0%, rgba(96,255,249, 0.05) 0%, rgba(96,255,249, 0.05) 3%,transparent 3%, transparent 26%,transparent 26%, transparent 100%),radial-gradient(circle at 29% 28%, rgba(96,255,249, 0.05) 0%, rgba(96,255,249, 0.05) 51%,transparent 51%, transparent 75%,transparent 75%, transparent 100%),radial-gradient(circle at 77% 21%, rgba(96,255,249, 0.05) 0%, rgba(96,255,249, 0.05) 35%,transparent 35%, transparent 55%,transparent 55%, transparent 100%),radial-gradient(circle at 65% 91%, rgba(96,255,249, 0.05) 0%, rgba(96,255,249, 0.05) 46%,transparent 46%, transparent 76%,transparent 76%, transparent 100%),linear-gradient(158deg, rgb(55,235,134),rgb(2,10,135));
}
.cgrad_yellow_circle{
	background-image: radial-gradient(circle at 46% 40%, rgba(228, 228, 228,0.06) 0%, rgba(228, 228, 228,0.06) 13%,transparent 13%, transparent 100%),radial-gradient(circle at 11% 41%, rgba(198, 198, 198,0.06) 0%, rgba(198, 198, 198,0.06) 19%,transparent 19%, transparent 100%),radial-gradient(circle at 52% 23%, rgba(14, 14, 14,0.06) 0%, rgba(14, 14, 14,0.06) 69%,transparent 69%, transparent 100%),radial-gradient(circle at 13% 85%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 44%,transparent 44%, transparent 100%),radial-gradient(circle at 57% 74%, rgba(232, 232, 232,0.06) 0%, rgba(232, 232, 232,0.06) 21%,transparent 21%, transparent 100%),radial-gradient(circle at 59% 54%, rgba(39, 39, 39,0.06) 0%, rgba(39, 39, 39,0.06) 49%,transparent 49%, transparent 100%),radial-gradient(circle at 98% 38%, rgba(157, 157, 157,0.06) 0%, rgba(157, 157, 157,0.06) 24%,transparent 24%, transparent 100%),radial-gradient(circle at 8% 6%, rgba(60, 60, 60,0.06) 0%, rgba(60, 60, 60,0.06) 12%,transparent 12%, transparent 100%),linear-gradient(208deg, rgb(161,162,6),rgb(73,69,2));
}
.cgrad_yellow_circle2{
	background-image: radial-gradient(circle at 53% 49%, rgba(158, 158, 158,0.05) 0%, rgba(158, 158, 158,0.05) 50%,rgba(55, 55, 55,0.05) 50%, rgba(55, 55, 55,0.05) 100%),radial-gradient(circle at 48% 15%, rgba(33, 33, 33,0.05) 0%, rgba(33, 33, 33,0.05) 50%,rgba(184, 184, 184,0.05) 50%, rgba(184, 184, 184,0.05) 100%),radial-gradient(circle at 49% 38%, rgba(10, 10, 10,0.05) 0%, rgba(10, 10, 10,0.05) 50%,rgba(233, 233, 233,0.05) 50%, rgba(233, 233, 233,0.05) 100%),linear-gradient(183deg, rgb(192,192,30),rgb(44,43,2));
}
.complex-grad-red{
	background-image: linear-gradient(45deg, rgba(221,135,135, 0.45) 0%, rgba(221,135,135, 0.45) 14%,rgba(196,121,121, 0.45) 14%, rgba(196,121,121, 0.45) 18%,rgba(145,92,92, 0.45) 18%, rgba(145,92,92, 0.45) 22%,rgba(246,149,149, 0.45) 22%, rgba(246,149,149, 0.45) 23%,rgba(70,20,20, 0.45) 23%, rgba(70,20,20, 0.45) 70%,rgba(105,39,39, 0.45) 70%, rgba(105,39,39, 0.45) 75%,rgba(150,63,63, 0.45) 75%, rgba(150,63,63, 0.45) 88%,rgba(121,56,56, 0.45) 88%, rgba(121,56,56, 0.45) 100%),linear-gradient(135deg, rgb(175,9,9),rgb(199,4,4));
}
.cgrad_ecrevisse{
	background-image: radial-gradient(circle at 46% 12%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 3%,transparent 3%, transparent 100%),radial-gradient(circle at 43% 86%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 3%,transparent 3%, transparent 100%),radial-gradient(circle at 36% 69%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 3%,transparent 3%, transparent 100%),radial-gradient(circle at 74% 62%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 11% 65%, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 44% 92%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 68% 61%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 88% 9%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 59% 86%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 91% 23%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 67% 78%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 0% 17%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 93% 12%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 93% 94%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 90% 17%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 5%,transparent 5%, transparent 100%),linear-gradient(90deg, rgb(138, 11, 69),rgb(218, 103, 37));
}
.cgrad_bluepurple{
	background-image: radial-gradient(circle at 27% 12%, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 2%,transparent 2%, transparent 100%),radial-gradient(circle at 53% 19%, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 2%,transparent 2%, transparent 100%),radial-gradient(circle at 55% 52%, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 2%,transparent 2%, transparent 100%),radial-gradient(circle at 58% 8%, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 2%,transparent 2%, transparent 100%),radial-gradient(circle at 47% 41%, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 8%,transparent 8%, transparent 100%),radial-gradient(circle at 37% 54%, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 8%,transparent 8%, transparent 100%),radial-gradient(circle at 77% 94%, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 8%,transparent 8%, transparent 100%),radial-gradient(circle at 95% 77%, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 8%,transparent 8%, transparent 100%),radial-gradient(circle at 22% 85%, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 8%,transparent 8%, transparent 100%),radial-gradient(circle at 95% 93%, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.02) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 26% 54%, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.02) 5%,transparent 5%, transparent 100%),linear-gradient(45deg, rgb(52, 159, 222),rgb(201, 2, 215));
}
.cgrad_pinkpurple{
	background-image: radial-gradient(circle at 91% 26%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 3%,transparent 3%, transparent 100%),radial-gradient(circle at 27% 63%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 3%,transparent 3%, transparent 100%),radial-gradient(circle at 59% 48%, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 3%,transparent 3%, transparent 100%),radial-gradient(circle at 58% 65%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 3%,transparent 3%, transparent 100%),radial-gradient(circle at 55% 21%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 3%,transparent 3%, transparent 100%),radial-gradient(circle at 88% 4%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 9% 23%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 40% 78%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 78% 5%, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 11% 87%, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 11% 24%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 18% 75%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 71% 80%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 7%,transparent 7%, transparent 100%),radial-gradient(circle at 34% 79%, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 9% 51%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 46% 69%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 54% 90%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 55% 58%, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 95% 37%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 9% 4%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.02) 5%,transparent 5%, transparent 100%),linear-gradient(135deg, rgb(249, 93, 202),rgb(11, 13, 179));
}
.cgrad_purpleorange{
	background-image: radial-gradient(circle at 53% 90%, rgba(165, 165, 165,0.03) 0%, rgba(165, 165, 165,0.03) 50%,rgba(32, 32, 32,0.03) 50%, rgba(32, 32, 32,0.03) 100%),radial-gradient(circle at 71% 74%, rgba(191, 191, 191,0.03) 0%, rgba(191, 191, 191,0.03) 50%,rgba(68, 68, 68,0.03) 50%, rgba(68, 68, 68,0.03) 100%),radial-gradient(circle at 70% 13%, rgba(74, 74, 74,0.03) 0%, rgba(74, 74, 74,0.03) 50%,rgba(116, 116, 116,0.03) 50%, rgba(116, 116, 116,0.03) 100%),radial-gradient(circle at 83% 61%, rgba(13, 13, 13,0.03) 0%, rgba(13, 13, 13,0.03) 50%,rgba(27, 27, 27,0.03) 50%, rgba(27, 27, 27,0.03) 100%),linear-gradient(135deg, rgb(176, 49, 156),rgb(251, 15, 99));
	background-image:  -webkit-radial-gradient(circle at 53% 90%, rgba(165, 165, 165,0.03) 0%, rgba(165, 165, 165,0.03) 50%,rgba(32, 32, 32,0.03) 50%, rgba(32, 32, 32,0.03) 100%),-webkit-radial-gradient(circle at 71% 74%, rgba(191, 191, 191,0.03) 0%, rgba(191, 191, 191,0.03) 50%,rgba(68, 68, 68,0.03) 50%, rgba(68, 68, 68,0.03) 100%),-webkit-radial-gradient(circle at 70% 13%, rgba(74, 74, 74,0.03) 0%, rgba(74, 74, 74,0.03) 50%,rgba(116, 116, 116,0.03) 50%, rgba(116, 116, 116,0.03) 100%),-webkit-radial-gradient(circle at 83% 61%, rgba(13, 13, 13,0.03) 0%, rgba(13, 13, 13,0.03) 50%,rgba(27, 27, 27,0.03) 50%, rgba(27, 27, 27,0.03) 100%),linear-gradient(135deg, rgb(176, 49, 156),rgb(251, 15, 99));
}
.complex-grad-orange-menu, .complex-grad-orange-light{
	background-image: linear-gradient(112.5deg, rgb(199, 149, 37) 0%, rgb(199, 149, 37) 2%,rgb(202, 137, 37) 2%, rgb(202, 137, 37) 10%,rgb(205, 124, 37) 10%, rgb(205, 124, 37) 38%,rgb(208, 112, 37) 38%, rgb(208, 112, 37) 64%,rgb(210, 100, 36) 64%, rgb(210, 100, 36) 66%,rgb(213, 87, 36) 66%, rgb(213, 87, 36) 78%,rgb(216, 75, 36) 78%, rgb(216, 75, 36) 100%),linear-gradient(157.5deg, rgb(199, 149, 37) 0%, rgb(199, 149, 37) 2%,rgb(202, 137, 37) 2%, rgb(202, 137, 37) 10%,rgb(205, 124, 37) 10%, rgb(205, 124, 37) 38%,rgb(208, 112, 37) 38%, rgb(208, 112, 37) 64%,rgb(210, 100, 36) 64%, rgb(210, 100, 36) 66%,rgb(213, 87, 36) 66%, rgb(213, 87, 36) 78%,rgb(216, 75, 36) 78%, rgb(216, 75, 36) 100%),linear-gradient(67.5deg, rgb(199, 149, 37) 0%, rgb(199, 149, 37) 2%,rgb(202, 137, 37) 2%, rgb(202, 137, 37) 10%,rgb(205, 124, 37) 10%, rgb(205, 124, 37) 38%,rgb(208, 112, 37) 38%, rgb(208, 112, 37) 64%,rgb(210, 100, 36) 64%, rgb(210, 100, 36) 66%,rgb(213, 87, 36) 66%, rgb(213, 87, 36) 78%,rgb(216, 75, 36) 78%, rgb(216, 75, 36) 100%),linear-gradient(90deg, rgb(65, 48, 207),rgb(202, 204, 121)); background-blend-mode:overlay,overlay,overlay,normal;
}
.cgrad_yellowgreen{
	background-image: radial-gradient(circle at 33% 89%, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 2%,transparent 2%, transparent 100%),radial-gradient(circle at 46% 10%, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.02) 2%,transparent 2%, transparent 100%),radial-gradient(circle at 50% 24%, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 8%,transparent 8%, transparent 100%),radial-gradient(circle at 74% 80%, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 8%,transparent 8%, transparent 100%),radial-gradient(circle at 43% 65%, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.02) 8%,transparent 8%, transparent 100%),radial-gradient(circle at 72% 54%, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 8%,transparent 8%, transparent 100%),radial-gradient(circle at 51% 78%, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 81% 59%, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 62% 56%, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 5%,transparent 5%, transparent 100%),linear-gradient(0deg, rgb(55, 192, 164),rgb(215, 206, 58));
}
.cgrad_fracturegreen{
	background-image: linear-gradient(169deg, rgba(214, 214, 214, 0.05) 0%, rgba(214, 214, 214, 0.05) 25%,rgba(147, 147, 147, 0.05) 25%, rgba(147, 147, 147, 0.05) 50%,rgba(106, 106, 106, 0.05) 50%, rgba(106, 106, 106, 0.05) 75%,rgba(58, 58, 58, 0.05) 75%, rgba(58, 58, 58, 0.05) 100%),linear-gradient(2deg, rgba(151, 151, 151, 0.05) 0%, rgba(151, 151, 151, 0.05) 25%,rgba(118, 118, 118, 0.05) 25%, rgba(118, 118, 118, 0.05) 50%,rgba(60, 60, 60, 0.05) 50%, rgba(60, 60, 60, 0.05) 75%,rgba(62, 62, 62, 0.05) 75%, rgba(62, 62, 62, 0.05) 100%),linear-gradient(260deg, rgba(84, 84, 84, 0.05) 0%, rgba(84, 84, 84, 0.05) 25%,rgba(74, 74, 74, 0.05) 25%, rgba(74, 74, 74, 0.05) 50%,rgba(232, 232, 232, 0.05) 50%, rgba(232, 232, 232, 0.05) 75%,rgba(88, 88, 88, 0.05) 75%, rgba(88, 88, 88, 0.05) 100%),linear-gradient(89deg, rgba(191, 191, 191, 0.05) 0%, rgba(191, 191, 191, 0.05) 25%,rgba(64, 64, 64, 0.05) 25%, rgba(64, 64, 64, 0.05) 50%,rgba(57, 57, 57, 0.05) 50%, rgba(57, 57, 57, 0.05) 75%,rgba(86, 86, 86, 0.05) 75%, rgba(86, 86, 86, 0.05) 100%),linear-gradient(26deg, rgba(189, 189, 189, 0.05) 0%, rgba(189, 189, 189, 0.05) 25%,rgba(134, 134, 134, 0.05) 25%, rgba(134, 134, 134, 0.05) 50%,rgba(143, 143, 143, 0.05) 50%, rgba(143, 143, 143, 0.05) 75%,rgba(12, 12, 12, 0.05) 75%, rgba(12, 12, 12, 0.05) 100%),linear-gradient(to left, rgb(168, 254, 0), rgb(2, 131, 0));
}
.cgrad_fracturelight{
	background-image: radial-gradient(circle at center center, transparent,rgb(255,255,255)),linear-gradient(309deg, rgba(90, 90, 90,0.05) 0%, rgba(90, 90, 90,0.05) 50%,rgba(206, 206, 206,0.05) 50%, rgba(206, 206, 206,0.05) 100%),linear-gradient(39deg, rgba(88,87,87, 0.05) 0%, rgba(88,87,87, 0.05) 50%,rgba(189, 189, 189,0.05) 50%, rgba(189, 189, 189,0.05) 100%),linear-gradient(144deg, rgba(249, 249, 249,0.05) 0%, rgba(249, 249, 249,0.05) 50%,rgba(111, 111, 111,0.05) 50%, rgba(111, 111, 111,0.05) 100%),linear-gradient(166deg, rgba(231, 231, 231,0.05) 0%, rgba(231, 231, 231,0.05) 50%,rgba(220, 220, 220,0.05) 50%, rgba(220, 220, 220,0.05) 100%),linear-gradient(212deg, rgba(150,150,150, 0.05) 0%, rgba(150,150,150, 0.05) 50%,rgba(243, 243, 243,0.05) 50%, rgba(243, 243, 243,0.05) 100%),radial-gradient(circle at center center, hsl(107,19%,100%),hsl(107,19%,100%));
}
.cgrad_grey{
	background-image: linear-gradient(45deg, rgb(158,168,174) 0%, rgb(158,168,174) 7%,rgb(117,127,135) 7%, rgb(117,127,135) 9%,rgb(94,106,114) 9%, rgb(94,106,114) 11%,rgb(179,202,219) 11%, rgb(179,202,219) 26%,rgb(163,187,197) 26%, rgb(163,187,197) 34%,rgb(82,96,108) 34%, rgb(82,96,108) 41%,rgb(105,116,131) 41%, rgb(105,116,131) 100%);
}
.cgrad_errorpage{
	background-image: linear-gradient(45deg, rgba(38, 21, 12, 0.36) 0%, rgba(38, 21, 12, 0.36) 2%,rgba(145, 27, 35, 0.36) 2%, rgba(145, 27, 35, 0.36) 5%,rgba(65, 22, 18, 0.36) 5%, rgba(65, 22, 18, 0.36) 39%,rgba(11, 19, 6, 0.36) 39%, rgba(11, 19, 6, 0.36) 41%,rgba(172, 28, 41, 0.36) 41%, rgba(172, 28, 41, 0.36) 69%,rgba(118, 25, 29, 0.36) 69%, rgba(118, 25, 29, 0.36) 79%,rgba(199, 30, 47, 0.36) 79%, rgba(199, 30, 47, 0.36) 87%,rgba(92, 24, 24, 0.36) 87%, rgba(92, 24, 24, 0.36) 100%),linear-gradient(45deg, rgba(86, 93, 205, 0.34) 0%, rgba(86, 93, 205, 0.34) 12.5%,rgba(158, 71, 211, 0.34) 12.5%, rgba(158, 71, 211, 0.34) 25%,rgba(110, 86, 207, 0.34) 25%, rgba(110, 86, 207, 0.34) 37.5%,rgba(254, 41, 220, 0.34) 37.5%, rgba(254, 41, 220, 0.34) 50%,rgba(230, 48, 218, 0.34) 50%, rgba(230, 48, 218, 0.34) 62.5%,rgba(182, 63, 214, 0.34) 62.5%, rgba(182, 63, 214, 0.34) 75%,rgba(206, 56, 216, 0.34) 75%, rgba(206, 56, 216, 0.34) 87.5%,rgba(134, 78, 209, 0.34) 87.5%, rgba(134, 78, 209, 0.34) 100%),linear-gradient(177deg, rgb(160,9,9),rgb(248, 53, 57));
}

.cgrad_firefighter{
	background-image: linear-gradient(45deg, rgba(215,79,36, 1) 0%, rgba(215,79,36, 1) 12.5%,rgba(222,206,30, 1) 12.5%, rgba(222,206,30, 1) 25%,rgba(197,22,34, 1) 25%, rgba(197,22,34, 1) 37.5%,rgba(220,200,31, 1) 37.5%, rgba(220,200,31, 1) 50%,rgba(217,68,15,1) 50%, rgba(217,68,15, 1) 62.5%,rgba(248,221,25, 1) 62.5%, rgba(248,221,25, 1) 75%,rgba(211,32,13, 1) 75%, rgba(211,32,13, 1) 87.5%,rgba(232,211,16, 1) 87.5%, rgba(232,211,16, 1) 100%),linear-gradient(98deg, rgb(213, 189, 14),rgb(216, 69, 62));
}
.cgrad_police{
	background-image: linear-gradient(180deg, rgb(255,255,255) 0%, rgb(255,255,255) 8%,rgb(0,37,183) 8%, rgb(0,37,183) 58%,rgb(197,0,0) 59%, rgb(197,0,0) 93%,rgb(255,255,255) 93%, rgb(255,255,255) 100%);
}
.cgrad_samu{
	background-image: linear-gradient(180deg, rgb(255,255,255) 0%, rgb(255,255,255) 7%, rgb(216,217,71) 8%, rgb(216,217,71) 41%,rgb(216,217,71) 51%, rgb(216,217,71) 93%, rgb(255,255,255) 94%, rgb(255,255,255) 100%);
}

.cgrad_bluepost{
	background-image: radial-gradient(circle at 53% 25%, rgba(203, 203, 203,0.04) 0%, rgba(203, 203, 203,0.04) 36%,transparent 36%, transparent 100%),radial-gradient(circle at 48% 27%, rgba(22, 22, 22,0.04) 0%, rgba(22, 22, 22,0.04) 45%,transparent 45%, transparent 100%),radial-gradient(circle at 65% 50%, rgba(219, 219, 219,0.04) 0%, rgba(219, 219, 219,0.04) 61%,transparent 61%, transparent 100%),radial-gradient(circle at 78% 82%, rgba(229, 229, 229,0.04) 0%, rgba(229, 229, 229,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 99% 75%, rgba(96, 96, 96,0.04) 0%, rgba(96, 96, 96,0.04) 31%,transparent 31%, transparent 100%),radial-gradient(circle at 17% 28%, rgba(188, 188, 188,0.04) 0%, rgba(188, 188, 188,0.04) 15%,transparent 15%, transparent 100%),radial-gradient(circle at 19% 19%, rgba(25, 25, 25,0.04) 0%, rgba(25, 25, 25,0.04) 68%,transparent 68%, transparent 100%),radial-gradient(circle at 35% 23%, rgba(31, 31, 31,0.04) 0%, rgba(31, 31, 31,0.04) 18%,transparent 18%, transparent 100%),linear-gradient(360deg, rgb(138, 193, 238),rgb(20, 21, 171));
}

.bg-norepeat{background-repeat:no-repeat !important;}


.filter-opacity{filter: opacity(50%);-webkit-filter: opacity(50%);}
.filter-brightness{filter: brightness(50%);-webkit-filter: brightness(50%);}

.bgsauto{background-size:auto;background-position:50%;}
.bgscover{background-size:cover;background-position:50%;}
.bgscontain{background-size:contain;background-position:50%;}



.obj-cover{object-fit: cover;}
.obj-contain{object-fit: contain;}
.objpos-center{object-position:50% 50%;}
.img-scale:hover{transform: scale(1.5);}

.ohidden{overflow:hidden;}
.oxclip{overflow-x:clip;}
.oxhidden{overflow-x:hidden;}
.oyhidden{overflow-y:hidden;}
.oauto{overflow:auto;}
.oyauto{overflow-y:auto;}
.oxauto{overflow-x:auto;}
.ounset{overflow:unset !important;}
.oxunset{overflow-x:unset !important;}
.oyunset{overflow-y:unset !important;}

.trans-transform-02s{transition: transform .2s;}
.trans-02s{transition:all .2s ease;}
.trans-05s{transition:all .5s ease;}
.trans-1s{transition:all 1s ease;}
.ita{font-style: italic !important;}


.im-08x{font-size:0.8em !important;}
.icofont-15x, im-15x{font-size:1.5em !important;}
[class*='im-']:before{
	position: relative;
    top: 2px;
}

.close{cursor:pointer; text-decoration:none;}

.fs100p{font-size: 100% !important;}

.fs-05em {font-size: 0.5em }
.fs-07em {font-size: 0.7em }
.fs-08em{font-size:0.8em }
.fs-09em{font-size:0.9em}
.fs-1em{font-size:1em}
.fs-11em{font-size:1.1em}
.fs-12em{font-size:1.2em }
.fs-13em{font-size:1.3em }
.fs-15em{font-size:1.5em }
.fs-17em{font-size:1.7em }
.fs-2em{font-size:2em }
.fs-23em{font-size:2.3em}
.fs-25em{font-size:2.5em }
.fs-max{font-size:5em }

.fs-3vw{font-size:3vw;}
.fs-4vw{font-size:4vw;}

#win_info{font-size:0.6em !important;}

.fwa-2{font-size:2vw !important;}

.fw-100{font-weight:100;}
.fw-400{font-weight:400;}
.fw-600{font-weight:600;}
.fw-900{font-weight:900;}


.overlay-b:before{
	content: '';
  	position: absolute;top: 0;right: 0;bottom: 0;left: 0;
    -webkit-transition: opacity 300ms;-moz-transition: opacity 300ms;-ms-transition: opacity 300ms;transition: opacity 300ms;
  	pointer-events: none;opacity: 0.81;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(24, 49, 93, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 25%,rgba(24, 49, 93, 1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 25%,rgba(24, 49, 93, 1) 100%);
}
/************* Owl Carousel   ********************/
.owl-carousel{
	display: flex !important;
    flex-direction: row;
}
.owl-theme {}
.owlDots_active{
	color
}
[class*="owl_AP_"] {
	position: relative;
}
[class*="owl_AP_"] img, .flipY img, .ActivHome img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:50% 50%;
}
.custom-nav {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
}



/*
[class*="owl_AP_"] .owl-item{
	width:100% !important;
}
*/
[class*="owl_AP_"] .item{
	width:100%;

}


.owl_PromoCat img {
  object-fit:cover;
  object-position:center;
  width:100%; height:250px;
}

.owl_PromoCat .owl-nav{
	position: absolute;
	top: 0;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
    width: 100%; height:0 !important;
    margin: 0 !important;
}

.owl_PromoCat .owl-prev, .owl_PromoCat .owl-next{
	height: 250px;
    margin: 0 !important;
    width: 55px;
	cursor:pointer;
	color: #fff;
	background:transparent;
	padding: 0 !important;
}
.owl_PromoCat .owl-prev > span, .owl_PromoCat .owl-next > span{
	font-size:4em !important;
}
.owl_PromoCat button.owl-prev{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.owl_PromoCat button.owl-next{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.owl_PromoCat button.owl-prev:hover{
	background: linear-gradient(-90deg,transparent 0,hsla(0,0%,7%,.6));
}
.owl_PromoCat button.owl-next:hover{
	background: linear-gradient(90deg,transparent 0,hsla(0,0%,7%,.6));
}


.owl_PromoCat button.owl-prev:hover > span, .owl_PromoCat button.owl-next:hover > span {
	/*color: #222 !important;*/
}






[id*="ThumbnailsEvent_"]{
transition: box-shadow 0.3s;
}
[id*="ThumbnailsEvent_"] * {
	transition:all 0.3s ;
}


[id*="ThumbnailsEvent_"] .owl-stage {
	margin-left:47px;
}
[id*="ThumbnailsEvent_"] .owl-item, .post {
	width: 280px !important;
	height: 160px;
}
[id*="ThumbnailsEvent_"] .owl-item:hover {
	position: relative;
    z-index: 99;
	
}
[id*="ThumbnailsEvent_"] .owl-item .item {
	height:160px;
}
[id*="ThumbnailsEvent_"] .owl-item:hover .item {
	position: absolute;
    transform: scale(1.1);
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0 0 20px 12px cyan;
	
}

.TopEvent{
	cursor:pointer;
}
[id*="ThumbnailsEvent_"] .TopEvent img{
	max-height:160px;
	width:100%;
    /*width: calc(100% - 2px) !important;*/
	border-radius:4px 4px 4px 4px;
    object-fit: cover;
    object-position: 50% 50%;
}

[id*="ThumbnailsEvent_"] .TopEvent .owl-item:hover img {
	position: relative;
    top: 1px;
    left: 1px;
	border-radius:4px 2px 0 0;
}

[id*="ThumbnailsEvent_"] .owl-item:hover .ActyCat {
    top: -5px; left: -2px; 
	padding: 0.8em 0.7em 0.4em 0.4em;
}
.ActyCat{
	position: absolute;
	transition:all 0.2s;
    z-index: 11;
    /*background: darkcyan;*/
    /*top: 0; left: 0;*/
	top:-15px !important;
	left:0px !important;
	padding: 1em;
	box-shadow: 2px 2px 6px #4f4f4f;
	 background-image: linear-gradient(to right bottom, rgba(255,255,255,1)25%, rgba(255,255,255,0.5) );
	/*
	border-right: 4px solid #003a79; border-bottom: 4px solid #003a79;
	border-top-left-radius: 4px; border-top-right-radius: 30px; border-bottom-right-radius: 30px;
	*/
	border-radius: 6px 50px 50px 50px;
	font-size: 0.7em !important; font-weight: 600;
	text-transform: uppercase;
	display: flex;
    align-items: center;
    justify-content: center;
	overflow:hidden;
}
.ActyCat img{
	max-width: 40px !important;
    max-height: 40px !important;
}
.DayEvent{
	background: #d500d8;
    right: -5px;
    top: 132px;
    position: absolute;
    padding: 0.25em 0.5em;
    font-size: 1.2em !important;
    z-index: 10;
    font-weight: 600;
    transition: all 0.5s;
    transform: perspective(10px) rotateY(-6deg) scale(0.6, 1.2);
    box-shadow: 0 0 3px #202020;
}

[id*="ThumbnailsEvent_"] .owl-item:hover .DayEvent {
	transform: perspective(100px) rotateY(0deg) scale(1);
	font-size: 1em !important;
	 right: 2px !important;
    top: 138px !important;
}

.EventShortContent{
	height: auto;
    width: 100%;
    margin-top: -46px;
    padding: 24px 12px;
    position: relative;
    border-radius: 0 0 3px 3px;
    background: linear-gradient(rgba(27,37,48,0),#003ba7 48px);
    opacity: 0;
    transition: none !important;
    display: flex;
    flex-direction: column;
    row-gap: 0.25em;
}
[id*="ThumbnailsEvent_"] .owl-item:hover .EventShortContent{
	opacity:1;
}
[id*="ThumbnailsEvent_"] [class*="Short_"]:hover{
	background-color:#36cdff;
	border:2px solid white;
}

.BtnsShare {
    background: white;
    position: absolute;
    top: -50px;
    right: 0;
    padding: 0.25em;
    border-radius: 4px;
    max-width: 165px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    column-gap: 0.25em;
    z-index: 11;
}
 
.BtnsShare a i {
	padding:0.25em;
	color: #003a79 !important;
    font-size: 2em;
}
.SharePost{
	width:100%;
	height:80px;
	position:absolute; top:-100px;
	padding:0 1em;
	transition:all 0.5s;
	background:#4ffdd6;
	display:flex; flex-direction:row;
	align-items:center;
	box-shadow: 2px 0 12px 4px #111;
}
.SharePost a{
	display:flex;
}
.SharePost a i{
	padding:0.25em;
	color: #003a79 !important;
    font-size: 3.5em;
}


 .owl-nav{
	position: absolute;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
    width: 100%; height:0 !important;
    margin: 0 !important;
}
.owl_lt-rt-nav .owl-nav .owl-prev.disabled,
.owl_lt-rt-nav .owl-nav .owl-next.disabled{
    visibility: hidden;
}

.owl_lt-rt-nav button.owl-prev{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}

.owl_lt-rt-nav button.owl-next{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}

.owl_lt-rt-nav .owl-prev, .owl_lt-rt-nav .owl-next{
	height: 160px;
    margin: 0 !important;
    width: 45px;
	cursor:pointer;
	color: #fff;
	background:rgba(0,0,0,0.7);
	padding: 0 !important;
}
recentinterest.owl_lt-rt-nav .owl-prev, recentinterest.owl_lt-rt-nav .owl-next{
	height: 200px !important;
}

.owl_lt-rt-nav .owl-prev > span, .owl_lt-rt-nav .owl-next > span{
	font-size:4em !important;
}
.owl_lt-rt-nav button.owl-prev:hover, .owl_lt-rt-nav button .owl-next:hover{
	background:rgba(255,255,255,0.7) !important;
}
.owl_lt-rt-nav button.owl-prev:hover > span, .owl_lt-rt-nav button.owl-next:hover > span {
	color: #222 !important;
}

button.owl-prev{
	left: 0;
}

button.owl-next {
	right: 0;
}




.smoothBtn{
	box-shadow: 0 15px 25px -4px rgb(0 14 64 / 50%), inset 0 -3px 4px -1px rgb(0 0 0 / 20%), 0 -5px 10px -1px rgb(55 243 232 / 55%), inset 0 3px 4px -1px rgb(255 255 255 / 20%), inset 0 0 5px 1px rgb(255 255 255 / 80%), inset 0 20px 30px 0 rgb(255 255 255 / 20%);
}
.InputsmoothBtn{
	box-shadow: 
		0 15px 25px -4px rgb(0 14 64 / 50%),
		0 -5px 10px -1px rgb(55 243 232 / 55%),
		inset 0 2px 8px -1px rgb(0 0 0 / 40%),
		inset 0 -8px 6px rgb(255 255 255 / 20%);
}

.bsmoothInpt {
    border-top: 0.5px solid #e1e1e1;
    border-bottom: 0.5px solid #3e3d3d;
    border-left: 0.5px solid #e1e1e1;
    border-right: 0.5px solid #3e3d3d;
}
.VsMobile #c0-global ::placeholder {
  	color: #ababab !important;
  	font-size: 0.8em !important;
	font-weight:600 !important;
}
#c0-global ::placeholder {
  	color: #ababab;
  	font-size: 1.2em;
	font-weight:300;
}
        
/************************ STYLE CONTACT ***************/
.wpcf7 .cf7s-caspar {
    border: none !important;
  	background: rgba(45, 26, 0, 0.53) !important;
}
.wpcf7-form p{padding:6px 0 !important}
.spacer{display:table; margin-bottom:10px;}
#info-container{background-color: rgba(255,255,255,0.52); padding: 10px !important;}
#ask-container{background-color: rgba(255,255,255,0.52); padding: 10px !important;}
#message-container{background-color: rgba(255,255,255,0.52); padding: 10px !important;}
.wpcf7 .wpcf7-list-item {
    float: left;
  	position: relative;
    display: block !important;
    margin: 0 5px;
  	overflow:hidden !important;
    background-color:#eaeaea;
}
.wpcf7 .cf7s-caspar .wpcf7-checkbox .wpcf7-list-item{margin-left:0px !important;}
.wpcf7 .wpcf7-list-item:first {
    margin-left:0 !important;
}
.wpcf7 .wpcf7-list-item:last {
    margin-right:0 !important;
}
.wpcf7 .wpcf7-list-item:hover {
background-color:#A8D9FF;
}
.wpcf7-form.cf7skins .wpcf7-checkbox {
    display: flex;
  	justify-content: space-between;
}

.wpcf7 .wpcf7-list-item label{
  	float:left;
	border: 1px solid;
  	border-radius: 4px;
  	color:#333333;
  	margin-bottom: 0px !important;

}
.wpcf7 .cf7s-caspar .wpcf7-list-item-label {
    padding: 7px !important;
  margin:0 !important;
    line-height: 1.8;
  font-size:16px !important;
}
#ask-type .first label .wpcf7-list-item-label{
	padding: 7px 25px !important;
}
.wpcf7 .wpcf7-list-item label input {
    position:absolute;
    top:-30px;
}
.wpcf7 .wpcf7-list-item label span {
    text-align:center;
    display:block;
}
.wpcf7 .wpcf7-list-item label input:checked + span {
    background-color:#203660;
    color:#fff;
}

span.cadre {
    border: 1px solid #666;
    border-radius: 3px;
    padding: 2px 8px;
    margin-right: 10px;
    font-size: 1.2rem;
    font-weight: 600;
}
span.cadref{
  	border: 1px solid #666;
    border-radius: 3px;
  	margin-right: 10px;
	padding: 0 6px !important;
    font-size: initial !important;
}
.info-field{position: relative;}
span.cadref-field{
	position: absolute;
    right: -4px;
    top: 11px;
}
.Title-section-contact{
	font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 300;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="checkbox"], .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="radio"] {
    margin-top: 6px !important;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type] {
    padding: 25px 0;
    font-size: 20px;
    margin: 0 !important;
}
span#ask-type, input[type="file"], input[type="submit"] {
    max-width: 380px !important;
}
.wpcf7 .wpcf7-form.cf7skins.cf7s-caspar textarea {
    height: 200px;
}
input[type="file"]{padding:0px !important; font-size:initial !important; float:right; display:grid;}
input[type="submit"]{min-width:170px !important;font-size:initial !important; float:right; }

span.wpcf7-not-valid-tip {
    color: #fff !important;
    background-color: red;
    margin: 3px auto 0 auto;
    width: 98%;
    padding: 7px 0;
    text-align: center;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #ca6003 !important;
    background-color: #ca6003;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    color: white;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    background-color: #398f14;
    width: 100%;
    text-align: center;
    padding: 15px 0 !important;
    color: white;
}

.hugeTel{
  font-weight:900 !important;
  font-size:2rem !important;
}
/*************************Fin STYLE CONTACT ***********/

/*******************************************************
 * *************************Mobile style ***************
 * *****************************************************/
.c0_mobile{
	width:100%; height:fit-content; 
	padding:5px; 
	display:flex; display:-webkit-flex; 
	align-items:center;  
	flex-direction:column;
	margin-bottom:120px;
	overflow:auto !important;
}
.c0_mobile div:not([class^="m_title_"]) {
    border-radius: 6px;
    margin-bottom: 10px;
}
.m_size_max{
	width:100%; 
	height:180px;  
	background:white;
	display:flex; 
	position:relative;
	overflow:hidden;
}
.m_size_sub{
	width:100%; height:150px;
	display:flex; 
	flex-direction:row; 
	align-items:center; justify-content:space-between;
	position:relative;
	flex-wrap: wrap;
}
.m_size_sub_med{
	width:100%; height:110px;
	display:flex; 
	flex-direction:row; 
	align-items:center; justify-content:space-between;
	position:relative;
	flex-wrap: wrap;
}
.m_size_d2{
	width:49%; height:100%; 
	background:#333;
	margin: 0 !important;
	overflow:hidden;
	position:relative;
}
.m_size_d3{
	width:32%; height:100%; 
	background:#333;
	margin: 0 !important;
	overflow:hidden;
	position:relative;
}

.m_size_adv{
	width:100%; 
	height:150px;  
	background:#bababa;
	display:flex; 
	position:relative;
	overflow:hidden;
}
.m_size_adv:after{
	content:"Annonce"; 
	display:block; padding:0 7px;
	position:absolute; bottom:0; right:0; 
	color:white;
}
.m_actu{
	
}
.m_econ{
	
}
.m_econ_com, .m_econ_ent{
	margin:0 !important; 
}

.m_title_b{
	display: flex;
    height: 20px; width: 165px;
    position: relative;
	/*padding: 0 10px;*/
    background-color: #555e67;
    align-items: center;
    justify-content: center;
    border-bottom-right-radius: 6px;
	color: white;
    text-transform: uppercase;
	font-size: 0.9em;
}
.m_title_w{
	width:100%; height:100%;
	display: flex;
	align-items: center;
    justify-content: center;
	text-align:center;
	color: white;
    text-transform: uppercase;
	font-size: 4.8vw;
    font-weight: 900;
    position: absolute;
    z-index: 2;
	text-shadow: 1px 1px 2px #666;
}


.m_mirror{
	background-color: #FCD255;
    width: 100%; height: 100%;
	clip-path: polygon(0% 60%, 100% 40%, 100% 100%,0% 100%);
	position: absolute;
    top: 0;
}
/***************** Style bar menu & alerte **********************/

#m_bar{
	margin:0 !important; 
	position:fixed; bottom:0;
	background:white; 
	width:100%; height:60px; 
	border-radius:0 !important; 
	display:flex; display:-webkit-flex;
	flex-direction:row;
	box-shadow: 0px -1px 4px -1px #222;
	z-index:6;
	margin-bottom:44px;
}
.m_bar_active{
	border-top:2px solid #333;
}
.m_bar_btn{
	width:20%; height:100%;
	margin:0 !important; 
	display:flex; display:-webkit-flex;
	flex-direction:column; 
	align-items:center; justify-content:center;
	border-radius:0 !important;
}
#m_bar_btn_menu{
	
}
.m_bar_btn_active{
	color:white !important;
	background-color:#333 !important;
	
}
.m_alert{
	margin:0 !important; 
	position:fixed; bottom:60px; 
	background:red; 
	width:100%; height:60px; 
	border-radius:0 !important; 
	display:flex; display:-webkit-flex;
	flex-direction:row;
	z-index:4;
	box-shadow: 0px -1px 4px #222;
}

#m_w_menu{
    width: 96%;
    height: 50vh;
    position: fixed;
    bottom: -60%;
    z-index: 5;
    background: white;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
	transition:all 0.5s;
	box-shadow: 1px -1px 2px #666;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom-left-radius:0 !important;
	border-bottom-right-radius:0 !important;
	margin:0 !important;
}
.show_m_w_menu{
	bottom: 63px !important;
}
.statut{transition: all 0.5s;}
[class*="statut"]:hover{
	transform: scale(1.03);
	transition: all 0.5s;
	/*box-shadow: 0 0 8px #666, inset 0 0 8px #fff;*/
	filter: brightness(2) contrast(1.2);
	color: #111 !important;
	font-weight:600;
}

.BtnClickAccepted{
		font-weight:600;
		background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
		color:white !important;
		cursor:pointer;
	}
	.BtnClickDenied{
		font-weight:600;
		background: var(--wp--preset--color--vivid-red) !important;
		color:white !important;
		cursor:pointer;
	}
.disablewindow{
	width:100%; height:100%;
	position:absolute; top:0; left:0;
	background-color: #555555b0;
    z-index: 15;
    filter: drop-shadow(2px 4px 6px black);
}


/* *********************************************************
 *  USER - Registre - account
 * *********************************************************/

emailnoaccess {
	display: flex; width: 215px !important;
	box-shadow: 0 0 0 transparent;
	border-radius: 4px;
	border: 1px solid #8c8f94;
	background-color: #eee;
	color: #ababab;
	min-height: auto !important;
	padding: 1px 8px;
	line-height: 2;
	
}



/* ------------- Only computer & tablets ------------*/

@media only screen and (min-width : 601px){
	/*body,html{min-height:610px; min-width:1080px;}*/
}

@media only screen and (min-width : 601px) and (max-width: 980px) {
	.block-actu{
		width: calc(200px);
		height: calc(250px);
	}
}
@media only screen and (min-width : 981px) and (max-width: 1280px) {
	.block-actu{
		width: calc(200px + 2%);
		height: calc(250px + 2%);
	}
}
@media only screen and (min-width : 1281px) and (max-width: 1440px) {
	.block-actu{
		width: calc(200px + 4%);
		height: calc(250px + 4%);
	}
}
@media only screen and (min-width : 1441px) and (max-width: 1680px) {
	.block-actu{
		width: calc(200px + 6%);
		height: calc(250px + 6%);
	}
}
@media only screen and (min-width: 1681px) {
	.block-actu{
		width: calc(200px + 7%);
		height: calc(250px + 7%);
	}
}
/* ---------------- IPAD 12 pro ----------------------- */
@media only screen and (min-width: 1366px) and (orientation: landscape){
	  #c0-global{/*height:100% !important;*/ }
}
/* -------------- -1194px ------------------------ */
@media only screen and (max-width: 1194px) {
	.atvicoct{
		transform: scale(0.9);
    	transform-origin: bottom right;
	}
}

/* -------------- -1290px ------------------------ */
@media only screen and (max-width: 1290px) {

}
/* -------------- 1315px ------------------------ */
@media only screen and (max-width: 1315px) {
	.quickcontainer{justify-content:space-around !important;}
	.quickbtnreception{width:auto !important;}
	.quickbtnreception i{padding:.5rem;}
	.quickbtnreception span{display:none;}
}
/* -------------- 1235px ------------------------ */
@media only screen and (max-width: 1235px) {
	.info_form_ref > div{font-size: 0.9em;}
	
/* -------------- 1255px ------------------------ */
@media only screen and (max-width: 1255px) {
	.hostcity{display:none;}
}
/* -------------Smartphones & tablets ------------- */
@media only screen and (min-width : 321px) and (max-width: 600px) {
	html{overflow: hidden;width:100vw; height:100%;}
	body{
		/*height:auto;
		overflow:overlay ;*/v
        }
	.overflowed{overflow:hidden !important;}
	#c0-global{
		width:100vw;
		background-size:cover;
		height:100% !important;
		position:relative;
		display:flex;		
		box-sizing: border-box;
		overflow:auto !important;
	}
	#global-flex{
		height:100%;
		width:250px;
		display:flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
	}
	#yeardate {

		font-size: 2rem;
		color: rgb(255 255 255 / 30%);
		
		left: initial !important;
		right:initial !important;
	}
	.height-promocat, .owl_PromoCat img, .owl_PromoCat .owl-prev, .owl_PromoCat .owl-next{
		height:220px;
	}
	#OptionsBar i:not(#BtnMob_Search){
		height:80%;
		width:90%;
		border: 1px solid rgb(123, 130, 140);
		border-radius:4px;
	}
	/*
	atvmobmenu .active:not([id*="BtnMob_"]){
		width: calc(100vw - 1em);
		height: calc(100% - 60px);
		top:0 !important;
		position: fixed;
	}
	.mobmenuhidden{
		bottom: -1000px ;
		transition: all 0.5s;
	}
	*/
	
}

/* -------------Min-width=768px-----------------*/

@media (min-width: 768px){

}
/* Smartphones & tablets ----------- */