html, body {
background-color:white;
font-family:'Lato', sans-serif;
font-size: calc(15px + 0.390625vw);
font-weight:400;
color:#707070;
width:100%;
height:auto;
min-height:100% !important;
padding:0;
margin:0
}

html * {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
behavior:url(./UX/boxsizing.htc)
}

body {
-webkit-overflow-scrolling:touch;
overflow-x:hidden
}

header, nav, footer, figure, section, article, figcaption, aside { display:block }

::selection {
background:#202b51;
color:white
}

::-moz-selection {
background:#202b51;
color:white
}

.forceRelative { position:relative !important }

#myVideo {
position:absolute;
z-index:9998;
width:100vw;
height:100vh;
object-fit:cover;
top:0;
left:0;
}

#closeVideo,
#closeVideo:hover {
display:inline-block;
position:absolute;
z-index:9999;
width:auto;
font-size:2.0rem;
color:white;
text-decoration:none;
top:10px;
left:10px;
margin:0;
padding:0
}

/* ============================== HEADER */

#header, #topMobile {
display:flex;
position:relative;
z-index:9998;
justify-content:center;
align-items:center;
text-align:center;
width:100%;
height:10vh;
background-color:#12142c;
margin:0;
padding:10px
}

#logo, #logoMobile {
display:block;
z-index:9998;
max-width:100%;
max-height:100%;
margin:0 20%
}

#header a#topLink1 i {
width:50px;
z-index:9970;
text-align:left;
font-size:1.2rem;
text-decoration:none;
color:white;
top:30px;
left:10px
}

#header a#topLink2 i {
width:50px;
z-index:9970;
text-align:right;
font-size:1.2rem;
text-decoration:none;
color:white;
top:30px;
right:10px
}

#header a#topLink4 i {
text-align:right;
font-size:1.2rem;
text-decoration:none;
color:white;
}

#header a {
display:flex;
position:relative;
justify-content:start !important;
align-items:start !important;
text-align:start !important
}

#topLink4 {
display:inline-block !important;
position:absolute !important;
width:50px !important;
z-index:9970 !important;
justify-content: initial !important;
align-items: initial !important;
text-align: initial !important;
right:25px !important
}

#left a#topLink3 i {
position:absolute;
width:50px;
z-index:9999 !important;
text-align:left;
font-size:1.2rem;
text-decoration:none;
color:white;
top:30px;
left:10px
}

/* ============================== NAV */

#nav {
position:fixed;
width:100%;
z-index:9998;
background-color:white;
font-size:0;
bottom:0;
left:0;
margin:0;
padding:10px
}

#nav a, #nav a:hover {
display:inline-block;
position:relative;
width:17%;
text-decoration:none;
outline:none;
font-size:0;
margin:0 4%;
padding:0
}

#nav a i {
display:inline-block;
width:100%;
text-align:center;
font-size:30px;
outline:none;
margin:0
}

#nav a span {
display:inline-block;
width:100%;
text-align:center;
text-transform:uppercase;
outline:none;
margin:5px 0 0 0;
padding:0
}

#nav a:nth-child(1) i { color:#db1e2c }
#nav a:nth-child(2) i { color:#439eb2 }
#nav a:nth-child(3) i { color:#96b306 }
#nav a:nth-child(4) i { color:#ea5d00 }

#nav a:nth-child(1):hover i,
#nav a:nth-child(2):hover i,
#nav a:nth-child(3):hover i,
#nav a:nth-child(4):hover i,
#nav a:nth-child(1) i:hover,
#nav a:nth-child(2) i:hover,
#nav a:nth-child(3) i:hover,
#nav a:nth-child(4) i:hover,
#nav a:nth-child(1):active i,
#nav a:nth-child(2):active i,
#nav a:nth-child(3):active i,
#nav a:nth-child(4):active i,
#nav a:nth-child(1) i:active,
#nav a:nth-child(2) i:active,
#nav a:nth-child(3) i:active,
#nav a:nth-child(4) i:active,
#nav a:hover span,
#nav a:active span { color:black } 

#nav a.activeNav i,
#nav a.activeNav span { font-weight:bold; color:black !important }

/* ============================== MENU LEFT */

#left {
display:none;
position:fixed;
z-index:9999;
width:100vw;
max-width:100vw;
height:100vh;
max-height:100vh;
background-color:#12142C;
color:white;
-webkit-overflow-scrolling:touch;
overflow:auto;
padding:0;
-webkit-transition:all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   -moz-transition:all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-ms-transition:all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	 -o-transition:all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		transition:all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750);

-webkit-transition-timing-function:cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   -moz-transition-timing-function:cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-ms-transition-timing-function:cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	 -o-transition-timing-function:cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		transition-timing-function:cubic-bezier(0.250, 0.250, 0.750, 0.750);
top:0;
bottom:0;
left:-100%
}

#menuMobile {
display:inline-block;
width:100%;
list-style:none;
margin:25px 0 0 0;
padding:0 0 0 25px
}

#menuMobile li {
display:inline-block;
width:100%;
text-align:left;
margin:0 0 16px 0;
padding:0
}

#menuMobile li:not(.noPremLink):last-child { margin-top:26px !important }

#menuMobile li a {
display:inline-block;
width:auto;
text-decoration:none;
color:white;
text-transform:uppercase;
font-weight:400;
margin:0;
padding:0
}

#menuMobile li a:hover {
display:inline-block;
width:auto;
text-decoration:none;
color:#FADA00;
text-transform:uppercase;
font-weight:400;
margin:0;
padding:0
}

#menuMobile li:not(.noPremLink):last-child a,
#menuMobile li:not(.noPremLink):last-child a:hover {
font-style:italic;
font-weight:700;
color:#FADA00
}

#premiumBan {
display:inline-block;
position:relative;
width:90%;
height:auto;
margin:25px 5% 0 5%;
padding:0
}

#left aside {
display:inline-block;
position:absolute;
width:100%;
bottom:26px;
left:0;
margin:0;
padding:0
}

#left aside p a {
text-transform:uppercase;
margin:0 10px
}

#socialPics img {
display:inline-block;
width:70px;
height:auto;
margin:0 15px 0 0;
padding:0
}

#socialLeft {
display:inline-block;
width:100%;
text-align:center;
margin:0 0 20px 0;
padding:0
}

#socialLeft a {
display:inline-block;
position:relative;
width:auto;
font-size:1.9rem;
color:white;
text-decoration:none;
margin:0 15px;
padding:0
}

#socialLeft a:hover {
display:inline-block;
position:relative;
width:auto;
font-size:1.9rem;
color:#FADA00;
text-decoration:none;
margin:0 15px;
padding:0
}

/* ============================== CONTENT */

#main_wrap {
display:inline-block;
width:100%;
max-width:100vw;
height:auto;
min-height:100% !important;
max-height:100vh;
-webkit-overflow-scrolling:touch;
background-color:white;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
behavior:url(./UX/boxsizing.htc);
font-size:0;
left:0;	
right:0;
margin:0;
padding:0
}

#content {
display:inline-block;
width:100%;
height:auto;
min-height:100% !important;
background-color:white;
color:white;
margin:0 0 20px 0;
padding:10px 20px 95px 20px
}

#content_mini {
display:inline-block;
width:100%;
height:10vh;
background-color:white;
color:white;
margin:0;
padding:10px 20px 95px 20px
}

#contentNoPad {
display:inline-block;
width:100%;
height:auto;
min-height:100% !important;
background-color:white;
color:white;
margin:0 0 20px 0;
padding:10px 0 95px 0
}

#contentNoPadTotal {
display:inline-block;
width:100%;
height:auto;
min-height:100% !important;
background-color:white;
color:white;
margin:0 0 20px 0;
padding:0 0 95px 0
}

#contentNeutral {
display:inline-block;
position:relative;
width:100%;
height:auto;
min-height:100% !important;
background-color:white;
color:white;
margin:0;
padding:0
}

.wrapWhite {
display:inline-block;
position:relative;
width:100%;
height:auto;
background-color:white;
margin:0;
padding:20px
}

.wrapWhite2 {
display:inline-block;
position:relative;
width:100%;
height:auto;
background-color:white;
margin:0;
padding:0 20px
}

.wrapGrey {
display:inline-block;
position:relative;
width:100%;
height:auto;
background-color:#E5E5E5;
margin:0;
padding:20px
}

.wrapNeutral {
display:inline-block;
position:relative;
width:100%;
height:auto;
margin:0;
padding:20px
}

.mgB10 { margin-bottom:10px !important }
.mgB20 { margin-bottom:20px !important }
.mgB40 { margin-bottom:40px !important }
.mgB60 { margin-bottom:60px !important }

.content20 { padding-top:20px !important }
.content40 { padding-top:40px !important }
.content60 { padding-top:60px !important }
.content80 { padding-top:80px !important }
.content100 { padding-top:100px !important }

.wrapNeutral.content20 { padding-top:40px !important }

.wrapNeutral > .wrapNeutral { padding:0 }

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

.page {
display:inline-block;
width:100%;
min-height:400px;
font-size:0.8rem;
margin:15px 0;
padding:0
}

.contentMid {
display:inline-block;
width:70%;
max-width:1200px;
margin:0 auto;
padding:0 5px
}

.bgWhite { background-color:white }

/* ============================== INSCRIPTION / CONNEXION */

#connexion input[type=text],
#connexion input[type=password],
#connexion input[type=email] {
display:inline-block;
width:100%;
outline:none;
background:none;
border:none;
color:white;
border-bottom:solid 1px white;
margin:0 0 22px 0;
padding:0 0 4px 0
}

#connexionWeb input[type=text],
#connexionWeb input[type=password],
#connexionWeb input[type=email],
#inscription input[type=text],
#inscription input[type=password],
#inscription input[type=email],
#finirCompte input[type=text],
#finirCompte input[type=password],
#finirCompte input[type=email],
#recupererPassword input[type=text],
#recupererPassword input[type=password],
#recupererPassword input[type=email],
#changePassword input[type=text],
#changePassword input[type=password],
#changePassword input[type=email] {
display:inline-block;
width:100%;
outline:none;
background:none;
border:none;
color:#9C9C9C;
border-bottom:solid 1px #c0c0c0;
margin:0 0 22px 0;
padding:0 0 4px 0
}

.lostPass { display:inline-block; width:60%; color:#888995; font-weight:300; text-decoration:none; text-transform:uppercase; margin:20px 40% 50px 0; padding:0 }
.lostPass:hover { display:inline-block; width:60%; color:white; font-weight:300; text-decoration:underline; text-transform:uppercase; margin:20px 40% 50px 0; padding:0 }

.createAccount { display:inline-block; width:60%; color:white; font-weight:300; text-decoration:underline; text-transform:uppercase; margin:0 40% 50px 0; padding:0 }
.createAccount:hover { display:inline-block; width:60%; color:#888995; font-weight:300; text-decoration:none; text-transform:uppercase; margin:0 40% 50px 0; padding:0 }

.yellowRight4 {
display:inline-block;
width:34%;
background-color:#FADA00;
border:solid 1px #FADA00;
color:#12142C;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 0 15px 66%;
padding:6px 12px
}

.yellowRight4:hover {
display:inline-block;
width:34%;
border:solid 1px #FADA00;
background-color:#12142C;
color:#FADA00;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 0 15px 66%;
padding:6px 12px
}

.yellowRight {
display:inline-block;
width:50%;
background-color:#FADA00;
border:solid 1px #FADA00;
color:#12142C;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 0 0 50%;
padding:6px 12px
}

.yellowRight:hover {
display:inline-block;
width:50%;
border:solid 1px #FADA00;
background-color:#12142C;
color:#FADA00;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 0 0 50%;
padding:6px 12px
}

.yellowRight3 {
display:inline-block;
width:50%;
background-color:#FADA00;
border:solid 1px #FADA00;
color:#12142C;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 0 15px 50%;
padding:6px 12px
}

.yellowRight3:hover {
display:inline-block;
width:50%;
border:solid 1px #FADA00;
background-color:#12142C;
color:#FADA00;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 0 15px 50%;
padding:6px 12px
}

.redRight {
display:inline-block;
width:50%;
background-color:red;
border:solid 1px red;
color:white;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 0 0 50%;
padding:6px 12px
}

.redRight:hover {
display:inline-block;
width:50%;
border:solid 1px red;
background-color:white;
color:red;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 0 0 50%;
padding:6px 12px
}

.yellowCenter {
display:inline-block;
width:50%;
background-color:#FADA00;
border:solid 1px #FADA00;
color:#12142C;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 25%;
padding:6px 12px
}

.yellowCenter:hover {
display:inline-block;
width:50%;
border:solid 1px #FADA00;
background-color:#12142C;
color:#FADA00;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 25%;
padding:6px 12px
}

.yellowCenterNW {
display:inline-block;
width:auto;
background-color:#FADA00;
border:solid 1px #FADA00;
color:#12142C;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:6px 12px
}

.yellowCenterNW:hover {
display:inline-block;
width:auto;
border:solid 1px #FADA00;
background-color:#12142C;
color:#FADA00;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:6px 12px
}

.blueCenterNW {
display:inline-block;
width:auto;
background-color:#12142c;
border:solid 1px #12142c;
color:white;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:6px 24px
}

.blueCenterNW:hover {
display:inline-block;
width:auto;
border:solid 1px #12142c;
background-color:white;
color:#12142c;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:6px 24px
}

.blackCenter {
display:inline-block;
width:50%;
background-color:black;
border:solid 1px black;
color:#FADA00;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 25%;
padding:6px 12px
}

.blackCenter:hover {
display:inline-block;
width:50%;
border:solid 1px black;
background-color:#FADA00;
color:black;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 25%;
padding:6px 12px
}

.abcRioButton { width:auto }

.g-signin2, .abcRioButtonContentWrapper {
display:inline-block;
width:auto;
background:none;
padding:0
}

#registerWeb { touch-action: none }

#socialCo img {
display:inline-block;
width:36px;
height:auto;
margin:0 20px 0 0;
padding:0
}

.blackNormal {
display:inline-block;
width:44%;
background-color:black;
border:solid 1px black;
color:#FADA00;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 12% 0 0;
padding:12px
}

.blackNormal:hover {
display:inline-block;
width:44%;
border:solid 1px black;
background-color:#FADA00;
color:black;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 12% 0 0;
padding:12px
}

.yellowNormal {
display:inline-block;
width:44%;
background-color:#FADA00;
border:solid 1px #FADA00;
color:black;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:12px
}

.yellowNormal:hover {
display:inline-block;
width:44%;
border:solid 1px #FADA00;
background-color:black;
color:#FADA00;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:12px
}

/* ============================== PUBLICITE */

.pubAd {
display:inline-block;
position:relative;
width:100%;
height:auto;
padding:0
}

/* ============================== MON PROFIL */

#wrapProfil {
display:inline-block;
width:100%;
background-color:white;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:20px
}

#wrapProfil ul {
display:inline-block;
width:100%;
list-style:none;
margin:0;
padding:0
}

#wrapProfil ul li {
display:inline-block;
position:relative;
width:100%;
border-bottom:solid 1px #F0F3F4;
margin:0 0 15px 0;
padding:0 0 15px 0
}

#wrapProfil ul li:last-child {
border:none;
margin:0;
padding:0
}

#wrapProfil ul li:after {
display:inline-block;
position:absolute;
width:50px;
content:"►";
text-align:right;
color:#FADA00;
font-size:0.8rem;
top:4px;
right:0
}

#wrapProfil ul li a {
display:inline-block;
width:100%;
text-decoration:none;
color:#12142C;
margin:0;
padding:0
}

#wrapProfil ul li a:hover,
#wrapProfil ul li a:active {
text-decoration:none;
color:#FADA00
}

#wrapProfil ul li:hover:after,
#wrapProfil ul li:active:after { color:#12142C; right:10px }

#topProfil {
display:inline-block;
position:relative;
width:100%;
margin:0 0 20px 0;
padding:0
}

#topProfil img {
display:inline-block;
position:relative;
width:15%;
vertical-align:middle;
border-radius:50%;
margin:0 5% 0 0;
padding:0
}

#topProfil div {
display:inline-block;
position:relative;
width:80%;
vertical-align:middle;
margin:0;
padding:0
}

#topProfil div p {
display:inline-block;
position:relative;
width:100%;
margin:0;
padding:0
}

#topProfil div p:nth-child(1) { margin-bottom:5px }

#topProfil > a:nth-of-type(1) {
display:inline-block;
position:absolute;
width:120px;
background-color:#14162B;
text-align:center;
color:white;
text-decoration:none;
right:25px;
top:50%;
transform:translateY(-50%);
border-radius:6px;
margin:0;
padding:4px
}

#topProfil > a:nth-of-type(1):hover {
background-color:#FADA00;
color:black;
text-decoration:none
}

#topProfil > a:nth-of-type(2) {
display:inline-block;
position:absolute;
width:20px;
text-align:center;
background-color:red;
color:white;
text-decoration:none;
right:0;
top:50%;
transform:translateY(-50%);
border-radius:6px;
margin:0;
padding:4px
}

#topProfil > a:nth-of-type(2):hover {
background-color:white;
color:red;
text-decoration:none
}

#menuProfil {
display:inline-block;
position:relative;
width:100%;
z-index:9998;
margin:0 0 10px 0;
padding:0
}

.menuProfil a {
display:inline-block;
position:relative;
width:48%;
background-color:white;
text-align:left;
font-size:0.80rem;
color:#14162B;
font-weight:700;
text-decoration:none;
box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius:12px;
margin:0 0 10px 0;
padding:12px 18px
}

.menuProfil a:nth-child(odd),
.menuProfil a:nth-child(odd):hover { margin-right:4% }

.menuProfil a i {
display:block;
position:relative;
width:auto;
font-size:1.20rem;
text-decoration:none;
margin:0 0 8px 0;
padding:0
}

.menuProfil a span:not(.dotNotif2) {
display:inline-block;
position:relative;
width:100%;
text-decoration:none;
margin:0;
padding:0
}

.menuProfil a:hover {
display:inline-block;
position:relative;
width:48%;
background-color:#FADA00;
text-align:left;
font-size:0.80rem;
color:#14162B;
font-weight:700;
text-decoration:none;
margin:0;
padding:12px 18px
}

.menuProfil a.yellowBG { background-color:#FADA00 }
.menuProfil a.yellowBG:hover { background-color:#14162B; color:white }

.menuProfil a.redBG { background-color:red; color:white }
.menuProfil a.redBG:hover { background-color:#14162B; color:white }

.menuProfil.volet_wrap { padding-top:20px }

.disableHover { pointer-events:none }

/* ============================== GAMIFICATION */

#rankMembre {
display:inline-block;
position:relative;
width:90px;
height:auto;
margin:0;
padding:0
}

#lvlUPWrap {
display:inline-block;
position:fixed;
z-index:9997;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.7);
margin:0;
padding:0
}

#lvlUP {
display:inline-block;
position:relative;
z-index:9998;
width:500px;
height:auto;
background-color:white;
border-radius:12px;
font-size:14px;
top:50%;
left:50%;
transform:translate(-50%, -50%);
padding:25px 10px
}

#lvlUP img {
display:inline-block;
position:relative;
z-index:9999;
width:50%;
height:auto;
margin:25px 25%;
padding:0
}

#gamification-container {
display:none;
position:absolute;
z-index:9998;
width:94%;
background-color:rgba(255, 255, 255, 0.9);
backdrop-filter:blur(2px);
box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
top:50px;
left:3%;
padding:10px
}

#xpWrap {
display:inline-block;
position:relative;
width:100%;
height:auto;
margin:0 0 5px 0;
padding:0
}

#xpWrap2 {
display:inline-block;
position:absolute;
width:50%;
height:auto;
top:50%;
transform:translateY(-50%);
left:35%;
margin:0 0 25px 0;
padding:0
}

#xpClose, #xpClose2 {
display:inline-block;
position:absolute;
z-index:9998;
width:auto;
cursor:pointer;
font-size:12px;
font-weight:bold;
top:5px;
right:5px;
margin:0;
padding:0
}

#xpClose2 { right:10px !important }

#xpIconWrap {
display:inline-block;
position:relative;
width:100%;
margin:0 0 5px 0;
padding:10px
}

#xpIconWrap img {
display:inline-block;
position:relative;
width:30%;
height:auto;
margin:0 35%;
padding:0
}

#xpTitleA {
display:inline-block;
position:relative;
width:100%;
font-size:18px;
margin:0 0 5px 0;
padding:0
}

#xpTitleB {
display:inline-block;
position:relative;
width:100%;
font-size:14px;
margin:0 0 25px 0;
padding:0
}

#xpBar {
display:inline-block;
position:relative;
width:98%;
height:32px;
background-color:#122448;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin:0 1% 5px 1%;
padding:5px
}

#xpBar2 {
display:inline-block;
position:relative;
width:100%;
height:24px;
background-color:#122448;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin:0 0 5px 0;
padding:5px
}

#xpBarProgress {
display:inline-block;
width:0%;
height:22px;
background-color:#fecb09;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin:0;
padding:0
}

#xpBarProgress2 {
display:inline-block;
width:0%;
height:14px;
background-color:#fecb09;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin:0;
padding:0
}

#xpActual, #xpNext {
display:inline-block;
position:relative;
width:50%;
font-size:12px;
font-weight:700;
margin:0;
padding:0
}

#xpActual { text-align:left }

#xpNext { text-align:right }

#xpActual2, #xpNext2 {
display:inline-block;
position:relative;
width:50%;
font-size:10px;
font-weight:700;
margin:0;
padding:0
}

#xpActual2 { text-align:left }

#xpNext2 { text-align:right }

/* ============================== MEDAILLES */

.achievement {
position:fixed;
display:none;
width:70%;
animation:achievement 0.5s ease-in-out;
background:rgb(31,30,71);
background: rgb(31, 30, 71);
background: -moz-linear-gradient(left, rgba(31, 30, 71, 1) 0%, rgba(40, 39, 84, 1) 100%);
background: -webkit-linear-gradient(left, rgba(31, 30, 71, 1) 0%, rgba(40, 39, 84, 1) 100%);
background: linear-gradient(to right, rgba(31, 30, 71, 1) 0%, rgba(40, 39, 84, 1) 100%), url('../Design/Medailles/bgMedal.png') no-repeat bottom right;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1e47', endColorstr='#282754', GradientType=1);
border:1px solid #fffc00;
box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
z-index:9999;
right:10px;
padding:10px
}

.achievement.nbAchievement0 { bottom:100px }
.achievement.nbAchievement1 { bottom:220px }
.achievement.nbAchievement2 { bottom:340px }
.achievement.nbAchievement3 { bottom:460px }
.achievement.nbAchievement4 { bottom:580px }

.achievement.show { display:block }

#achievementWrap {
display:flex;
justify-content:space-between;
width:100%;
margin:0;
padding:0
}

#achievementIcon {
display:inline-block;
width:80px;
margin:0 20px 0 40px;
padding:0
}

#medal {
display:inline-block;
position:absolute;
width:40px;
height:auto;
top:-4px;
left:-4px;
margin:0;
padding:0
}

#achievementWrap > div {
width:260px;
margin:0;
padding:0
}

#achievementWrap > p {
width:100%;
margin:0;
padding:0
}

#closeAchievement {
display:inline-block;
position:absolute;
width:auto;
font-size:14px;
color:white;
top:5px;
right:10px;
margin:0;
padding:0
}

.achievement-title {
display:inline-block;
width:100%;
font-size:0.65rem;
color:white;
font-weight:400;
margin:0 0 8px 0;
padding:0
}

.achievement-description {
display:inline-block;
width:100%;
font-size:0.95rem;
color:white;
font-style:italic;
font-weight:400;
margin:0;
padding:0
}

#voirMedailles {
display:inline-block;
position:absolute;
width:100%;
font-size:0.55rem;
color:yellow;
text-align:right;
bottom:10px;
right:10px;
margin:0;
padding:0
}

@keyframes achievement {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0%);
	}
}

.medaillesListes {
display:inline-block;
position:relative;
width:100%;
text-align:center;
margin:0 0 25px 0;
padding:0
}

.medaillesObtenues .medaille {
display:inline-block;
position:relative;
width:16%;
margin:0 12px 12px 12px;
padding:0
}

.medaillesObtenues .medaille img {
display:inline-block;
width:100%;
height:auto;
margin:0
}

.medaillesManquantes .medaille {
display:inline-block;
position:relative;
width:9%;
margin:0 6px 12px 6px;
padding:0
}

.medaillesManquantes .medaille img {
display:inline-block;
width:100%;
height:auto;
filter:grayscale(100%);
margin:0
}

.toolTipMedal {
display:none;
position:absolute;
width:200px;
height:50px;
background-color:#ccc;
border-radius:5px;
padding:10px;
}

/* ============================== PREMIUM */

#customiser {
display:inline-block;
position:relative;
width:100%;
margin:0;
padding:0
}

#cachePremium {
display:inline-block;
position:absolute;
z-index:9997;
width:120%;
height:100%;
background-color:rgba(0, 0, 0, 0.7);
top:-15px;
left:-10%;
margin:0;
padding:0
}

#cachePremium > div {
display:inline-block;
position:relative;
width:100%;
text-align:center;
top:40%;
transform:translateY(-40%);
margin:0;
padding:0
}

#cachePremium.topCachePremium div {
top:10%;
transform:translateY(-10%)
}

#cachePremium div p {
display:inline-block;
position:relative;
width:auto;
background-color:#FADA00;
border-radius:10px;
font-weight:700;
font-size:0.9rem;
color:#14162B;
margin:0;
padding:10px 20px
}

#cachePremium div a,
#cachePremium div a:hover {
display:inline-block;
position:relative;
width:auto;
background-color:#14162B;
border-radius:10px;
font-weight:700;
font-size:0.9rem;
margin:0;
padding:12px 24px
}

.case1dPremiumA, .case1dPremiumB {
display:inline-block;
width:44%;
padding:0
}

.case1dPremiumA { margin:0 12% 0 0 }
.case1dPremiumB { margin:0 }

.premiumAvantage {
display:inline-block;
width:48%;
padding:0
}

#premiumWrap article:nth-child(1) { margin:0 4% 15px 0 }
#premiumWrap article:nth-child(2) { margin:0 0 15px 0 }
#premiumWrap article:nth-child(3) { margin:0 4% 0 0 }
#premiumWrap article:nth-child(4) { margin:0 }

.premiumAvantage img {
display:inline-block;
width:60%;
height:auto;
margin:0 20% 10px 20%;
padding:0
}

#slogganPremium {
display:inline-block;
position:absolute;
width:100%;
text-align:center;
font-size:1.4rem;
color:yellow;
font-weight:400;
text-transform:uppercase;
bottom:10px;
margin:0;
padding:0
}

#customiser input[type=text],
#customiser input[type=file],
#customiser input[type=email],
#customiser select,
#customiser textarea {
display:inline-block;
width:100%;
outline:none;
background:none;
border:none;
color:#12142C;
border-bottom:solid 1px #B2B2B2;
margin:0 0 22px 0;
padding:0 0 4px 0
}

#stadePrefere, #photoCouverture { margin-bottom:11px !important }

#customiser input::placeholder { color:#9f9f9f }

/* ============================== INFORMATIONS PERSONNELLES */

.caseCroppie {
display:inline-block;
position:relative;
width:40%;
text-align:center;
margin:0 30% 10px 30%;
padding:0
}

#user_avatar {
position:absolute;
top:-5000px
}

#modifInfoPerso input[type=text],
#modifInfoPerso input[type=email],
#modifInfoPerso select,
#modifInfoPerso textarea {
display:inline-block;
width:100%;
outline:none;
background:none;
border:none;
color:#12142C;
border-bottom:solid 1px #B2B2B2;
margin:0 0 22px 0;
padding:0 0 4px 0
}

#modifInfoPerso input::placeholder { color:#9f9f9f }

#modifInfoPerso textarea { height:80px }

.pac-container {
background-color:#12142c;
border:none
}

.pac-container * { border:none }

.pac-item-query {
color:white
}

#premiumOffer article {
position:relative;
width:420px;
box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border-radius:20px;
margin:0 35px 30px 35px;
padding:20px 25px
}

#premiumOfferPaid {
display:inline-block;
margin-left:0 !important
}

#premiumOfferFree {
display:inline-block;
margin-right:0 !important
}

#premiumOffer article ul {
display:inline-block;
position:relative;
width:100%;
border-top:solid 3px #14162B;
border-bottom:solid 3px #14162B;
margin:15px 0 25px 0;
padding:25px 0
}

#premiumOffer article ul li {
display:inline-block;
position:relative;
width:100%;
margin:0 0 20px 0;
padding:0
}

#premiumOffer article ul li:last-of-type { margin:0 }

.greenFA i {
display:inline-block;
position:relative;
vertical-align:middle;
width:40px;
font-size:18px;
color:green;
text-align:left;
margin:0;
padding:0
}

.redFA i {
display:inline-block;
position:relative;
vertical-align:middle;
width:40px;
font-size:18px;
color:red;
text-align:left;
margin:0;
padding:0
}

.greenFA span,
.redFA span {
display:inline-block;
position:relative;
vertical-align:middle;
width:calc(100% - 40px);
margin:0;
padding:0
}

#premiumArguments {
display:inline-block;
position:relative;
vertical-align:top;
width:100%;
margin:0 0 30px 0;
padding:0
}

#premiumArguments article {
display:inline-block;
position:relative;
vertical-align:top;
width:100%;
margin:0 0 25px 0;
padding:0
}

#premiumArguments article img {
display:inline-block;
position:relative;
vertical-align:middle;
width:46%;
height:auto;
margin:0 4% 0 0;
padding:0
}

#premiumArguments article p {
display:inline-block;
position:relative;
vertical-align:middle;
width:50%;
margin:0;
padding:0
}

#devenirPremium {
display:inline-block;
position:relative;
width:100%;
margin:35px 0 50px 0;
padding:0
}

#devenirPremium p:nth-child(1) {
display:inline-block;
position:relative;
width:90%;
background-color:#FADA00;
border-radius:20px;
margin:0 10% 0 0;
padding:22px 25% 22px 40px
}

#devenirPremium p:nth-child(2) {
display:inline-block;
position:absolute;
z-index:9998;
width:35%;
background-color:#14162B;
border-radius:20px;
top:0;
right:0;
margin:0;
padding:22px 40px
}

a.white .yellow { color:#FADA00 !important }

.case1dPremiumA, .case1dPremiumB {
display:inline-block;
width:44%;
padding:0
}

.case1dPremiumA { margin:0 12% 0 0 }
.case1dPremiumB { margin:0 }

.premiumAvantage {
display:inline-block;
width:23%;
padding:0
}

#premiumWrap article { margin:0 1% }

.premiumAvantage img {
display:inline-block;
width:60%;
height:auto;
margin:0 20% 10px 20%;
padding:0
}


#premiumPage {
display:inline-block;
position:relative;
width:100%;
margin:25px 0 0 0;
padding:0
}

.titleRoundedBlue span {
display:inline-block;
position:relative;
width:auto;
background-color:#14162B;
border-radius:32px;
margin:0;
padding:12px 52px
}

.titleRoundedYellow span {
display:inline-block;
position:relative;
width:auto;
background-color:#FADA00;
border-radius:32px;
margin:0;
padding:12px 52px
}

.nosOffres span {
display:inline-block;
position:relative;
width:auto;
margin:0;
padding:0
}

.nosOffres span:after {
content:"";
position:absolute;
width:80%;
height:4px;
background-color:#FADA00;
left:10%;
bottom:-10px
}

#premiumOffer {
display:inline-block;
position:relative;
width:100%;
text-align:center;
margin:0 0 70px 0 ;
padding:0
}

#premiumOffer article > div:nth-child(1) {
display:inline-block;
position:relative;
width:100%;
height:110px;
margin:0;
padding:0
}

#premiumVideo {
display:inline-block;
position:relative;
width:100%;
background-color:#FBDA01;
border-radius:14px;
margin:0;
padding:0
}

.devenirPremium {
display:inline-block;
position:relative;
width:auto;
background-color:#FADA00;
border:solid 4px #FADA00;
color:#14162B;
text-decoration:none;
border-radius:30px;
margin:0 5%;
padding:20px 72px
}

.devenirPremium:hover {
background-color:#FFFFFF;
border:solid 4px #FADA00;
color:#14162B;
text-decoration:none
}

#bannierePremium { margin-bottom:40px }

.membershipType1 {
display:inline-block;
position:relative;
width:70%;
background-color:#FADA00;
border:solid 2px #FADA00;
border-radius:24px;
font-size:18px;
margin:0 15% 10px 15%;
padding:12px 24px
}

.membershipType1:hover {
font-size:18px;
background-color:#FFFFFF;
border:solid 2px #FADA00
}

.membershipType2 {
display:inline-block;
position:relative;
width:70%;
background-color:#FFFFFF;
border:solid 2px #FADA00;
border-radius:24px;
font-size:18px;
margin:0 15% 10px 15%;
padding:12px 24px
}

.membershipType2:hover {
font-size:18px;
background-color:#FADA00;
border:solid 2px #FADA00
}

.membershipType1,
.membershipType2 {
font-weight:bold;
color:#14162B;
text-decoration:none 
}

.membershipType1:hover,
.membershipType2:hover {
font-weight:bold;
color:#14162B;
text-decoration:none
}

#devenirPremium p:nth-child(2) {
display:inline-block;
position:relative;
width:40%;
margin:15px 0 0 60%
}

#premiumOffer article { width:48% }

#premiumOffer article .lato16 { font-size:11px }

#premiumOffer article > div .lato26 { font-size:12px }

#premiumOffer article > div .lato18 { font-size:12px }

#premiumOfferMobMenu { display:inline-block }

#premiumOffer article {
width:100%;
box-shadow:none;
border-radius:0;
margin:0;
padding:20px 25px
}

#premiumOfferPaid,
#premiumOfferFree { display:inline-block }

#premiumOfferFree { display:none }

#premiumOffer {
box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border-radius:24px
}

#premiumOffer article > div .lato26 { font-size:18px }

#premiumOffer article > div .lato18 { font-size:16px }

#premiumOfferMobMenu {
display:flex;
align-items:stretch
}

#premiumOfferLink1 {
display:inline-block;
position:relative;
align-self:center;
justify-content:center;
flex-grow:1;
box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);
background-color:#FADA00;
border-top-left-radius:24px;
text-align:center;
margin:0;
padding:12px 24px
}

#premiumOfferLink2 {
display:inline-block;
position:relative;
align-self:center;
justify-content:center;
width:auto;
box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);
background-color:white;
border-top-left-radius:24px;
border-top-right-radius:24px;
text-align:center;
margin:0;
padding:14px 24px
}

#premiumOfferLink1:hover,
#premiumOfferLink2:hover { color:black }

/* ============================== TABLEAU DE BORD */

#tBordLine1 {
display:inline-block;
position:relative;
width:100%;
border-bottom:solid 1px #E5E5E5;
margin:0 0 10px 0;
padding:0 20px 10px 20px
}

#tBordLine2 {
display:inline-block;
position:relative;
width:100%;
margin:0 0 20px 0;
padding:0 20px 10px 20px
}

.tBord p:nth-child(1) {
display:inline-block;
vertical-align:middle;
width:50%;
text-align:left;
margin:0;
padding:0
}

.tBord p:nth-child(2) {
display:inline-block;
vertical-align:middle;
width:30%;
text-align:center;
margin:0;
padding:0
}

.tBord a:nth-child(3) {
display:inline-block;
vertical-align:middle;
width:20%;
text-align:center;
color:#FADA00;
text-decoration:none;
margin:0;
padding:0
}

.tBord a:nth-child(3):hover {
display:inline-block;
vertical-align:middle;
width:20%;
text-align:center;
color:black;
text-decoration:none;
margin:0;
padding:0
}

.tBord2 p:nth-child(1) {
display:inline-block;
vertical-align:middle;
width:80%;
text-align:left;
margin:0;
padding:0
}

.tBord2 a:nth-child(2) {
display:inline-block;
vertical-align:middle;
width:20%;
text-align:center;
color:#FADA00;
text-decoration:none;
margin:0;
padding:0
}

.tBord2 a:nth-child(2):hover {
display:inline-block;
vertical-align:middle;
width:20%;
text-align:center;
color:black;
text-decoration:none;
margin:0;
padding:0
}

#programmeMois,
#actus,
#profilAvis,
#profilVoyages,
#profilePicturesWrap {
display:inline-block;
position:relative;
width:100%;
background-color:white;
margin:0 0 20px 0; 
padding:20px 0
}

#profilVoyages, #profilAvis, #profilePicturesWrap {
background:none;
margin-bottom:0;
padding-bottom:0
}

#feedProfil, #redigerPostWrap, #lastPosts {
display:inline-block;
position:relative;
width:100%;
margin:0 0 45px 0; 
padding:0 10px
}

.profilNeutral {
display:inline-block;
position:relative;
width:100%;
margin:0; 
padding:20px 0 0 0
}

#programmeMois .preCarousel {
margin-bottom:0;
padding-bottom:0
}

.carouselArticle {
display:inline-block;
width:100%;
overflow:hidden;
overflow-x:scroll;
-ms-overflow-style:none;
scrollbar-width:none;
margin:0;
padding:0
}

.carouselArticle::-webkit-scrollbar { display:none }

.carouselArticle > ul {
display:inline-block;
width:100%;
overflow:visible;
white-space:nowrap;
margin:0;
padding:0
}

.carouselArticle > ul > li {
display:inline-block;
vertical-align:top;
width:80%;
white-space:normal;
margin:0 5%
}

.ribbon {
display:inline-block;
position:absolute;
transform:rotate(90deg);
width:auto;
letter-spacing:1px;
text-align:right;
top:0;
left:-15px;
margin:0;
padding:5px 5px 5px 35px
}

/* ================= MODERATION ================= */

.moderationLink {
display:inline-block;
position:absolute;
width:auto;
z-index:9990;
top:10px;
font-size:18px;
right:10px;
margin:0;
padding:0
}

.modeMargin { padding-right:25px !important }

.modalGlobal {
display:none;
position:absolute;
width:100vh;
height:100vh;
top:0;
left:0;
right:0;
bottom:0;
margin:0;
padding:0
}

.greyModal {
position:fixed;
display:block;
z-index:9900;
height:100vh;
width:100vw;
backdrop-filter:blur(10px);
background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
background-color:rgba(0, 0, 0, 0.6);
top:0;
left:0;
right:0;
bottom:0
}

#modalModeration {
position:fixed;
display:block;
z-index:9998;
width:90%;
height:70vh;
background-color:#12142C;
-webkit-border-radius:16px;
-moz-border-radius:16px;
border-radius:16px;
left:5%;
top:10%;
margin:0;
padding:20px
}

#modalPremium {
position:fixed;
display:block;
z-index:9999;
width:420px;
max-width:100%;
height:auto;
max-height:100%;
background-color:#FBDA01;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
transform:translate(-50%, -50%);
box-shadow:0 0 60px 10px rgba(0, 0, 0, 0.9);
left:50%;
top:50%;
margin:0;
padding:20px 40px
}

#closeModerationWeb, #closeModerationWeb:hover {
display:inline-block;
position:absolute;
z-index:9999;
width:auto;
font-size:14px;
color:white !important;
text-decoration:none;
top:5px;
right:20px;
margin:0;
padding:0
}

#moderationForm textarea,
#moderationForm input[type=text],
#moderationForm select {
display:inline-block;
width:100%;
background-color:white;
text-align:left;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
border:none;
outline:none;
color:#707070;
margin:0 0 10px 0;
padding:8px 14px
}

#moderationForm textarea { height:100px }

.linkYellowAuto {
display:inline-block;
width:auto;
background-color:#F9D310;
border:none;
color:#1C1D24;
text-decoration:none;
text-transform:uppercase;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
font-weight:700;
margin:0;
padding:10px 32px
} 

.linkYellowAuto:hover {
display:inline-block;
width:auto;
background-color:#1C1D24;
border:none;
color:#F9D310;
text-decoration:none;
text-transform:uppercase;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
font-weight:700;
margin:0;
padding:10px 32px
}

/* ============================== INFOGRAPHIE */

#monInfographie {
display:inline-block;
position:absolute;
left:-9999px;
top:-9999px;
width:530px;
height:890px;
background-color:#15152b;
margin:0;
padding:15px
}

#infographieApercu {
display:inline-block;
width:60%;
height:auto;
margin:0 20%;
padding:0
}

#mi_1stLine {
display:flex;
justify-content:center;
align-items:center;
margin:0 0 20px 0
}

#mi_1stLine div:nth-child(1) {
width:100px;
margin:0 20px 0 0;
padding:0
}

#mi_1stLine div:nth-child(2) {
width:380px;
margin:0;
padding:0
}

#avatarInfographie {
display:inline-block;
width:100px;
height:100px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
margin:0;
padding:0
}

#mi_2ndLine {
display:flex;
justify-content:space-between;
margin:0 0 20px 0
}

#mi_2ndLine div {
width:155px;
background-color:#212135;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin:0;
padding:25px 0
}

#mi_3rdLine, #mi_4rdLine {
display:inline-block;
width:100%;
background-color:#212135;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin:0 0 20px 0;
padding:15px
}

#mi_5rdLine {
display:flex;
align-items:stretch;
width:100%;
margin:0 0 20px 0;
padding:0
}

#mi_5rdLine img {
display:inline-block;
width:240px;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin:0 20px 0 0;
padding:0
}

#mi_5rdLine div {
display:inline-block;
flex:1;
width:240px;
background-color:#212135;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin:0;
padding:15px
}

#mi_finalLine {
display:inline-block;
width:100%;
text-align:center;
margin:0;
padding:0
}

#mi_finalLine img {
display:inline-block;
width:80px;
height:auto;
margin:0;
padding:0
}

.anneeInfographie, .saisonInfographie {
display:inline-block;
position:relative;
width:auto;
vertical-align:middle;
background-color:#1E2041;
color:white;
text-align:center;
text-decoration:none;
font-weight:700;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:none;
margin:0;
padding:4px 12px
}

/* ============================== STATISTIQUES */

#statistiquePart1 {
display:inline-block;
position:relative;
width:100%;
background-color:#E5E5E5;
margin:0;
padding:20px 0
}

.preCarousel {
display:inline-block;
position:relative;
-webkit-overflow-scrolling:touch;
width:100%;
overflow-y:hidden;
overflow-x:hidden;
margin:0 0 20px 0;
padding-left:0;
padding-right:0;
}

.preCarousel.noMgBot { margin:0 }

.carouselStadium {
display:inline-block;
width:100%;
overflow:hidden;
overflow-x:scroll;
-ms-overflow-style:none;
scrollbar-width:none;
margin:0;
padding:0
}

.carouselStadium::-webkit-scrollbar { display:none }

.carouselStadium > ul {
display:inline-block;
width:100%;
overflow:visible;
white-space:nowrap;
margin:0;
padding:0
}

.carouselStadium > ul > li {
display:inline-block;
vertical-align:top;
width:26%;
max-width:300px;
white-space:normal;
margin:0 2%
}

.carouselStadium > ul > li:nth-child(1) { margin-left:7% !important }

.circle {
position:relative;
display:block;
background-color:transparent;
text-align:center;
color:#222;
margin:0 0 5px 0
}

.circle:after {
display:block;
padding-bottom:100%;
width:100%;
height:0;
border-radius:50%;
background-color:#FADA00;
content:""
}

.circle__inner {
position:absolute;
top:0;
bottom:0;
left:0;
width:100%;
height:100%
}

.circle__wrapper {
display:table;
width:100%;
height:100%
}

.circle__content {
display:table-cell;
padding:0;
vertical-align:middle
}

.numberCircle {
display:inline-block;
width:18px;
height:18px;
text-align:center;
background:#FADA00;
border-radius:50%;
margin:0 0 0 5px;
padding:2px 4px 4px 4px
}

.blackCenter {
display:inline-block;
width:50%;
background-color:#1C1D24;
border:solid 1px #1C1D24;
color:#F9D310;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 25%;
padding:6px 12px
}

.blackCenter:hover {
display:inline-block;
width:50%;
border:solid 1px #1C1D24;
background-color:#F9D310;
color:#1C1D24;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 25%;
padding:6px 12px
}

.blackCenterAuto {
display:inline-block;
width:auto;
background-color:#1C1D24;
border:solid 1px #1C1D24;
color:#F9D310;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
left:0;
right:0;
padding:6px 12px
}

.blackCenterAuto:hover {
display:inline-block;
width:auto;
border:solid 1px #1C1D24;
background-color:#F9D310;
color:#1C1D24;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
left:0;
right:0;
padding:6px 12px
}

.blue100 {
display:inline-block;
width:100%;
background-color:#14162B;
border:solid 2px #14162B;
color:white;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
-webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px;
margin:0;
padding:8px 24px
}

.blue100:hover {
display:inline-block;
width:100%;
background-color:white;
border:solid 2px #14162B;
color:#14162B;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
-webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px;
margin:0;
padding:8px 24px
}

#statistiquePart2 {
display:inline-block;
position:relative;
width:100%;
background-color:white;
margin:0 0 20px 0;
padding:20px 0
}

#statistiquesDetaillees {
display:none;
position:absolute;
z-index:9998;
width:100%;
height:90vh;
background-color:white;
left:0;
top:10vh;
margin:0;
padding:20px 0 0 0
}

#statsYears a {
display:inline-block;
width:auto;
margin:0 10px;
padding:0
}

#statsYears a.blue { text-decoration:underline !important }
#statsYears a.greyLight { text-decoration:none !important }

#statsYears a.blue:hover,
#statsYears a.greyLight:hover { color:black }

.divStats {
width:100%;
margin:0;
padding:0
}

.divStats > div {
display:inline-block;
position:relative;
width:100%;
border-bottom:solid 1px #E5E5E5;
margin:0 0 10px 0;
padding:0 20px 10px 20px
}

.divStats > div > p:nth-child(1) {
display:inline-block;
width:80%;
text-align:left;
margin:0;
padding:0 0 0 20px
}

.divStats > div > p:nth-child(2) {
display:inline-block;
width:20%;
text-align:right;
margin:0;
padding:0 20px 0 0
}

.backLeft {
display:inline-block;
position:absolute;
z-index:9990;
width:auto;
color:black;
text-decoration:none;
top:25px;
left:15px;
margin:0;
padding:0
}

.backLeft:hover {
display:inline-block;
position:absolute;
width:auto;
color:grey;
text-decoration:none;
top:25px;
left:15px;
margin:0;
padding:0
}

.backLeft2 {
display:inline-block;
position:absolute;
z-index:9990;
width:auto;
color:black;
text-decoration:none;
top:0;
left:15px;
margin:0;
padding:0
}

.backLeft2:hover {
display:inline-block;
position:absolute;
width:auto;
color:grey;
text-decoration:none;
top:0;
left:15px;
margin:0;
padding:0
}

.closeRight {
display:inline-block;
position:absolute;
z-index:9990;
width:auto;
color:black;
text-decoration:none;
top:10px;
right:15px;
margin:0;
padding:0
}

.closeRight:hover {
display:inline-block;
position:absolute;
width:auto;
color:grey;
text-decoration:none;
top:10px;
right:15px;
margin:0;
padding:0
}

.closeRight2 {
display:inline-block;
position:absolute;
z-index:9990;
width:auto;
color:black;
text-decoration:none;
top:25px;
right:15px;
margin:0;
padding:0
}

.closeRight2:hover {
display:inline-block;
position:absolute;
width:auto;
color:grey;
text-decoration:none;
top:25px;
right:15px;
margin:0;
padding:0
}

.backRight {
display:inline-block;
position:absolute;
z-index:9990;
width:auto;
color:white;
text-decoration:none;
top:25px;
right:15px;
margin:0;
padding:0
}

.backRight:hover {
display:inline-block;
position:absolute;
width:auto;
color:yellow;
text-decoration:none;
top:25px;
right:15px;
margin:0;
padding:0
}

/* ================= FEED ================= */

.btnYellowAuto {
display:inline-block;
width:auto;
background-color:#FADA00;
color:#12142C;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:6px 24px
}

.btnYellowAuto:hover {
display:inline-block;
width:auto;
background-color:#12142C;
color:#FADA00;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:6px 24px
}

.btnBlueAuto {
display:inline-block;
width:auto;
background-color:#23264F;
color:#FFF;
text-align:center;
text-decoration:none;
font-weight:700;
-webkit-border-radius:28px;
-moz-border-radius:28px;
border-radius:28px;
margin:0;
padding:18px 62px
}

.btnBlueAuto:hover {
display:inline-block;
width:auto;
background-color:#2F3368;
color:#FFF;
text-align:center;
text-decoration:none;
font-weight:700;
-webkit-border-radius:28px;
-moz-border-radius:28px;
border-radius:28px;
margin:0;
padding:18px 62px
}

.mobileProfil .feedItem { box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px }

.feedItem {
display:inline-block;
position:relative;
width:100%;
background-color:white;
margin:0 0 20px 0;
padding:10px 15px
}

.feedItem div { word-wrap:break-word !important }

.feedType {
display:inline-block;
position:absolute;
width:auto;
font-size:0.65rem;
color:white;
border-radius:6px;
top:15px;
right:15px;
margin:0;
padding:4px 8px
}

.bgFeed1 { background-color:#EA5D00 }
.bgFeed2 { background-color:#DB1E2C }
.bgFeed3 { background-color:#FC90FB }
.bgFeed4 { background-color:#F7F408 }
.bgFeed5 { background-color:#917659 }
.bgFeed6 { background-color:#4C7FB4 }

.feedIntro {
display:flex;
position:relative;
width:100%;
align-items:center;
margin:0;
padding:0
}

.feedIntro img {
display:inline-block;
position:relative;
width:50px;
height:auto;
border-radius:50%;
margin:0 10px 0 0;
padding:0
}

.feedIntro > div {
flex:1;
position:relative;
margin:0;
padding:0
}

.feedReactLine {
display:inline-block;
position:relative;
width:100%;
border-bottom:solid 1px grey;
margin:0 0 10px 0;
padding:0 0 10px 0
}

.feedReactLine > p:nth-child(1) {
display:inline-block;
position:relative;
width:48%;
vertical-align:middle;
margin:0 4% 0 0;
padding:0
}

.feedReactLine > p:nth-child(2) {
display:inline-block;
position:relative;
width:48%;
vertical-align:middle;
margin:0;
padding:0
}

.feedReactLine > p:nth-child(1) i {
display:inline-block;
position:relative;
width:auto;
font-size:12px;
color:orange;
margin:0 5px 0 0;
padding:0
}

.feedInteractLine {
display:flex;
justify-content:space-between;
align-items:center;
}

.feedInteractLine button {
position:relative;
border:none;
background:none
}

.feedInteractLine button.dislike i,
.feedInteractLine button.dislike { color:orange }

.feedInteractLine span {
display:inline-block;
position:relative;
vertical-align:middle;
margin:0;
padding:0
}

.feedInteractLine button i {
display:inline-block;
position:relative;
vertical-align:middle;
font-size:18px;
margin:0 5px 0 0;
padding:0
}

.feedItem .grey:hover,
.feedItem .grey:hover i { color:#1B1D37 }

.feedComments {
border:none;
background:none
}

.feedCommentsList {
display:none;
position:relative;
width:100%;
border-top:solid 1px grey;
margin:10px 0 0 0;
padding:10px 0 0 0
}

.feedMore {
display:inline-block;
position:relative;
width:auto;
margin:0;
padding:0
}

.feedComment {
display:inline-block;
position:relative;
border-radius:6px;
padding:4px 8px
}

.feedComment.left {
width:60%;
background-color:rgba(227, 241, 255, 0.4);
margin:0 40% 20px 0
}

.feedComment.right {
width:60%;
background-color:rgba(233, 233, 233, 0.4);
margin:0 0 20px 40%
}

.feedComment img {
display:inline-block;
position:relative;
width:5%;
border-radius:50%;
padding:0
}

.feedComment.left img { margin:0 2% 0 0 }
.feedComment.right img { margin:0 0 0 2% }

.feedComment div {
display:inline-block;
position:relative;
vertical-align:top;
width:93%;
margin:0;
padding:0
}

.feedMore {
display:inline-block;
position:relative;
width:auto;
vertical-align:middle;
text-decoration:none;
background-color:#FADA00;
border:none;
border-radius:8px;
margin:0;
padding:6px 20px
}

.feedMore:hover {
background-color:#14162B
}

.feedMore i {
display:inline-block;
position:relative;
vertical-align:middle;
font-size:0.6rem;
color:white;
margin:0 10px 0 0;
padding:0
}

.feedMore span {
display:inline-block;
position:relative;
vertical-align:middle;
width:auto;
font-size:0.8rem;
line-height:0.6rem;
color:#14162B;
margin:0;
padding:0
}

.feedMore:hover span,
.feedMore:hover i { color:white }

.feedToComment {
display:none;
position:relative;
width:90%;
border-radius:8px;
background-color:rgba(249, 211, 16, 0.1);
margin:10px 5%;
padding:15px
}

.feedCommentClose {
display:inline-block;
position:absolute;
width:auto;
color:black;
font-size:0.8rem;
background:none;
border:none;
top:10px;
right:10px;
margin:0;
padding:0
}

.feedCommentArea {
display:inline-block;
position:relative;
width:100%;
height:100px;
border:none;
background-color:white;
outline:none;
margin:0 0 10px 0;
padding:5px
}

.feedCommentArea::placeholder { color:#9f9f9f }

.feedCommentSend {
display:inline-block;
position:relative;
width:auto;
vertical-align:middle;
text-decoration:none;
background-color:#FADA00;
border:none;
border-radius:8px;
margin:0;
padding:6px 12px
}

.feedCommentSend:hover {
background-color:#14162B
}

.feedCommentSend i {
display:inline-block;
position:relative;
vertical-align:middle;
font-size:0.9rem;
color:#14162B;
margin:0;
padding:0
}

.feedCommentSend span {
display:inline-block;
position:relative;
vertical-align:middle;
width:auto;
font-size:0.8rem;
line-height:0.6rem;
color:#14162B;
margin:0;
padding:0
}

.feedCommentSend:hover span,
.feedCommentSend:hover i { color:white }

.feedContent {
display:flex;
align-items:center;
width:100%;
margin:15px 0;
padding:0
}

.feedAvis > img {
display:inline-block;
position:relative;
width:30%;
height:auto;
border-bottom-left-radius:16px;
border-top-left-radius:16px;
margin:0 2% 0 0;
padding:0
}

.feedAvis > div {
flex:1;
display:flex;
flex-direction:column;
width:100%;
margin:0;
padding:0
}

#battleVisite2 {
display:inline-block;
position:relative;
width:50%;
margin:0;
padding:10px 5px
}

#battleVisite2 > div:nth-child(1), 
#battleVisite2 > div:nth-child(3) {
display:inline-block;
vertical-align:middle;
width:40%;
margin:0;
padding:0
}

#battleVisite2 > div:nth-child(2) {
display:inline-block;
vertical-align:middle;
width:18%;
margin:0 1%;
padding:0
}

#battleVisite2 > div:nth-child(1), 
#battleVisite2 > div:nth-child(3) { text-align:center }

#battleVisite2 > div img {
display:inline-block;
vertical-align:middle;
max-width:50%;
width:100%;
height:auto;
margin:0 15%;
padding:0
}

#battleVisite2 > div > p {
display:inline-block;
position:relative;
vertical-align:middle;
width:20%;
margin:0;
padding:0
}

.feedAmis > p,
.feedMedaille > p {
display:inline-block;
position:relative;
vertical-align:middle;
width:auto;
margin:0;
padding:0
}

.feedAmis > a > img,
.feedMedaille > img {
display:inline-block;
position:relative;
vertical-align:middle;
width:50px;
height:auto;
border-radius:50%;
margin:0 0 0 10px;
padding:0
}

.feedMedaille > img { border-radius:0 !important }

.feedContent.feedComment,
.feedContent.feedLike {
display:inline-block;
position:relative;
width:100%;
margin:15px 0;
padding:0
}

.feedComment p,
.feedLike p {
position:relative;
vertical-align:middle
}

.feedComment p span,
.feedLike p span {
display:inline-block;
position:relative;
width:auto;
margin:0;
padding:0
}

.feedComment p i,
.feedLike p i {
display:inline-block;
position:relative;
width:auto;
color:#5e9bb1;
margin:0 5px 0 0;
padding:0
}

/* ================= POST ================= */

#postArticle {
display:flex;
flex-direction:column;
width:80%;
background-color:#F0F0F0;
border-radius:20px;
margin:0 10%;
padding:20px;
}

#postArticle textarea {
flex:1;
min-height:150px;
border-radius:8px;
border:none;
margin:0 0 10px 0;
padding:10px
}

#postArticle textarea::-webkit-scrollbar {
    width: 10px; /* Largeur de la barre de défilement */
}

#postArticle textarea::-webkit-scrollbar-thumb {
    background-color: #888; /* Couleur de la poignée de la barre de défilement */
}

#postArticle textarea::-webkit-scrollbar-track {
    background-color: #f0f0f0; /* Couleur de la piste de la barre de défilement */
}

#postArticle textarea {
    resize: vertical; /* Permet à l'utilisateur de redimensionner verticalement */
}

#postArticle button {
align-self:flex-end;
background-color:#1E1F48;
text-align:center;
font-size:16px;
color:white;
border-radius:8px;
border:none;
margin:0;
padding:10px
}

#postArticle button:hover {
background-color:white;
color:#1E1F48
}

.feedType {
top:5px
}

.notificationItem p:nth-child(1) { margin-bottom:5px }

/* ================= POST ================= */

#postArticle {
display:flex;
flex-direction:column;
width:92%;
background-color:#F0F0F0;
border-radius:20px;
margin:0 4%;
padding:15px;
}

#postArticle textarea {
flex:1;
min-height:150px;
border-radius:8px;
border:none;
margin:0 0 10px 0;
padding:10px
}

#postArticle textarea::-webkit-scrollbar {
    width: 10px; /* Largeur de la barre de défilement */
}

#postArticle textarea::-webkit-scrollbar-thumb {
    background-color: #888; /* Couleur de la poignée de la barre de défilement */
}

#postArticle textarea::-webkit-scrollbar-track {
    background-color: #f0f0f0; /* Couleur de la piste de la barre de défilement */
}

#postArticle textarea {
    resize: vertical; /* Permet à l'utilisateur de redimensionner verticalement */
}

#postArticle button {
align-self:flex-end;
background-color:#1E1F48;
text-align:center;
font-size:12px;
color:white;
border-radius:8px;
border:none;
margin:0;
padding:8px
}

#postArticle button:hover {
background-color:white;
color:#1E1F48
}

/* ================= PARTENAIRES ================= */

.partenairesLink {
display:inline-block;
position:relative;
width:auto;
vertical-align:middle;
background-color:#1F1F49;
color:#FADA00;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
border:solid 3px #1F1F49;
margin:0;
padding:12px 32px
}

.partenairesLink:hover {
display:inline-block;
position:relative;
width:auto;
vertical-align:middle;
background-color:#FADA00;
color:#1F1F49;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
border:solid 3px #1F1F49;
margin:0;
padding:12px 32px
}

.partenairesLink i {
display:inline-block;
width:auto;
vertical-align:middle;
font-size:20px;
margin:0 8px 0 0
}

.caseStadeMap {
display:inline-block;
position:absolute;
z-index:9000;
width:100%;
text-align:center;
background-color:rgba(255, 255, 255, 0.7);
top:5px;
margin:0;
padding:6px 12px
}

#mainPartenaire {
display:inline-block;
position:relative;
width:100%;
background-color:#f9f9f9;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin:0 0 25px 0;
padding:15px
}

#mainPartenaire > img {
display:inline-block;
width:23%;
height:auto;
vertical-align:top;
margin:0 2% 0 0;
padding:0
}

#mainPartenaire > div {
display:inline-block;
position:relative;
width:75%;
margin:0;
padding:0
}

#subPartenaires {
display:flex;
flex-direction:column;
justify-content:space-between;
align-items:center;
margin:0 0 25px 0;
padding:0
}

#subPartenaire1 > div:nth-child(1),
#subPartenaire2 > div:nth-child(1) { text-align:center }

#subPartenaire1, #subPartenaire2 {
position:relative;
width:100%;
flex:1;
background-color:#f9f9f9;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin:0 0 25px 0;
padding:15px
}

#subPartenaire1 > div > img,
#subPartenaire2 > div > img {
display:inline-block;
width:auto;
height:100px;
margin:0 auto 10px;
padding:0
}

#mainPartenaire > div p,
#subPartenaire1 > div p,
#subPartenaire2 > div p {
margin-top:0
}

#subPartenaires img {
max-width:100%;
height:auto;
margin:0 auto 10px
}

#partenairesThemes {
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
margin:0 0 25px 0
}

#partenairesThemes a {
position:relative;
max-width:16%;
border:solid 2px #FADA00;
background-color:white;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin:5px;
flex:0 0 auto
}

#partenairesThemes a:hover {
border:solid 2px #FADA00;
background-color:#FADA00;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px
}

#partenairesThemes a img {
width:100%;
height:auto
}

#partenairesPays, #partenairesVille {
display:inline-block;
position:relative;
width:100%;
margin:0 0 15px 0;
padding:0
}

#partenairesPays a,
#partenairesVille a {
display:inline-block;
width:auto;
border:solid 2px #FADA00;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin:0 20px 20px 20px;
padding:8px 16px
}

#partenairesPays a:hover,
#partenairesVille a:hover {
display:inline-block;
width:auto;
border:solid 2px #FADA00;
background-color:#FADA00;
color:#202b51;
text-decoration:none;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin:0 20px 20px 20px;
padding:8px 16px
}

.bannerPartenaire {
display:inline-block;
width:100%;
height:auto;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin:0 0 25px 0;
padding:0
}

.partenaire {
display:flex;
width:100%;
vertical-align:top;
margin:0 0 25px 0;
padding:0
}

.partenaire div:nth-child(1) {
display:flex;
flex:0 0 22%;
align-items:center;
margin:0;
padding:0
}

.partenaire div.topPartenaire { align-items:flex-start !important }

.partenaire div:nth-child(1) img {
display:inline-block;
width:100%;
height:auto;
vertical-align:top;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin:0
}

.partenaire div:nth-child(2) {
flex:0 0 75%;
vertical-align:top;
margin:0 0 0 3%;
padding:0
}

#autresPartenaires {
display:inline-block;
position:relative;
text-align:center;
width:100%;
margin:0 0 35px 0;
padding:0
}

#autresPartenaires a {
display:inline-block;
vertical-align:middle;
width:16%;
margin:0 2%;
padding:0
}

#autresPartenaires img {
display:inline-block;
vertical-align:middle;
width:100%;
height:auto;
margin:0;
padding:0
}

#partenaireFiche {
display:inline-block;
position:relative;
width:100%;
vertical-align:top;
margin:35px 0 20px 0;
padding:0
}

#partenaireFiche > div {
display:inline-block;
width:70%;
vertical-align:top;
margin:0;
padding:0
}

#partenaireFiche > img {
display:inline-block;
width:28%;
height:auto;
margin:0 0 0 2%;
padding:0
}

#wrapImagesStade {
margin-top:20px !important;
margin-bottom:30px !important
}

#wrapImagesStade > div {
display:inline-block;
position:relative;
width:22%;
padding:0
}

#wrapImagesStade > div:nth-child(1) { margin:0 4% 0 0 }
#wrapImagesStade > div:nth-child(2) { margin:0 4% 0 0 }
#wrapImagesStade > div:nth-child(3) { margin:0 4% 0 0 }

#wrapImagesStade > div > div {
display:inline-block;
position:relative;
width:100%;
cursor:pointer;
background-size:cover;
background-position:center center;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
padding-bottom:100%
}

/* ============================== MES AMIS */

#indexAmis div,
#indexVoyages div {
display:inline-block;
position:relative;
width:auto;
margin:0 15px;
padding:0
}

#indexAmis a,
#indexAmis a:hover,
#indexVoyages a,
#indexVoyages a:hover {
display:inline-block;
position:relative;
width:auto;
text-decoration:none;
margin:0 15px;
padding:0
}

a.blueOk {
text-decoration:underline !important;
font-weight:700 !important
}

a.blueOk:hover {
text-decoration:none !important;
font-weight:700 !important
}

a.blueNo {
text-decoration:none !important;
font-weight:400 !important
}

a.blueNo:hover {
text-decoration:underline !important;
font-weight:400 !important
}

#amisWrapA article,
#amisWrapB article {
display:inline-block;
position:relative;
width:100%;
margin:0 0 15px 0;
padding:0
}

#amisWrapA article img,
#amisWrapB article img {
display:inline-block;
vertical-align:middle;
width:15%;
height:auto;
margin:0 5% 0 0;
padding:0
}

#amisWrapA article a:nth-child(2),
#amisWrapB article a:nth-child(2) {
display:inline-block;
vertical-align:middle;
width:25%;
text-decoration:underline;
color:grey;
margin:0 30% 0 0;
padding:0
}

#amisWrapA article a:nth-child(2):hover,
#amisWrapB article a:nth-child(2):hover {
display:inline-block;
vertical-align:middle;
width:25%;
text-decoration:none;
color:black;
margin:0 30% 0 0;
padding:0
}

#amisWrapA article a:nth-child(3),
#amisWrapB article a:nth-child(3) {
display:inline-block;
vertical-align:middle;
width:25%;
background-color:black;
border:solid 1px black;
color:#F9D310;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:6px 12px
}

#amisWrapA article a:nth-child(3):hover,
#amisWrapB article a:nth-child(3):hover {
display:inline-block;
vertical-align:middle;
width:25%;
background-color:#F9D310;
border:solid 1px black;
color:black;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:6px 12px
}

.caseGrey {
display:inline-block;
width:100%;
border:solid 2px grey;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:5px 10px
}

.blackCenter i,
.blackCenterAuto i {
display:inline-block;
vertical-align:middle;
width:auto;
font-size:12px !important;
margin:0 10px 0 0;
padding:0
}

.blackCenter span,
.blackCenterAuto span {
display:inline-block;
vertical-align:middle;
width:auto;
margin:0;
padding:0
}

.addAmisGreen {
display:inline-block;
vertical-align:middle;
width:100%;
color:#96B306;
margin:0;
padding:0
}

.addAmisGreen i {
display:inline-block;
width:auto;
margin:0 5px 0 0;
padding:0
}

#amisWrapC article {
display:inline-block;
position:relative;
width:100%;
margin:0 0 15px 0;
padding:0
}

#amisWrapC article img {
display:inline-block;
vertical-align:middle;
width:15%;
height:auto;
margin:0 5% 0 0;
padding:0
}

#amisWrapC article a:nth-child(2) {
display:inline-block;
vertical-align:middle;
width:25%;
text-decoration:underline;
color:grey;
margin:0 5% 0 0;
padding:0
}

#amisWrapC article a:nth-child(2):hover {
display:inline-block;
vertical-align:middle;
width:25%;
text-decoration:none;
color:black;
margin:0 5% 0 0;
padding:0
}

#amisWrapC article a:nth-child(3) {
display:inline-block;
vertical-align:middle;
width:20%;
color:black;
text-align:center;
text-decoration:underline;
margin:0 5% 0 0;
padding:0
}

#amisWrapC article a:nth-child(3):hover {
display:inline-block;
vertical-align:middle;
width:20%;
color:grey;
text-align:center;
text-decoration:none;
margin:0 5% 0 0;
padding:0
}

#amisWrapC article a:nth-child(4) {
display:inline-block;
vertical-align:middle;
width:25%;
background-color:black;
border:solid 1px black;
color:#F9D310;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:6px 12px
}

#amisWrapC article a:nth-child(4):hover {
display:inline-block;
vertical-align:middle;
width:25%;
background-color:#F9D310;
border:solid 1px black;
color:black;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:6px 12px
}

/* ============================== VOIR PROFIL */

.pseudo {
background-color:white;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
padding:5px !important
}

.avatarMid50 {
display:inline-block;
width:30%;
height:auto;
border:solid 2px yellow;
border-radius:50%;
margin:0 35%;
padding:0
}

.deleteAmi {
display:inline-block;
position:relative;
width:auto;
background-color:black;
border:solid 1px black;
color:#FADA00;
text-decoration:none;
border-radius:18px;
margin:0 10px;
padding:6px 18px
}

.deleteAmi:hover {
display:inline-block;
position:relative;
width:auto;
background-color:#FADA00;
border:solid 1px black;
color:black;
text-decoration:none;
border-radius:18px;
margin:0 10px;
padding:6px 18px
}

.deleteAmi i {
display:inline-block;
vertical-align:middle;
width:auto;
font-size:14px;
margin:0 6px 0 0;
padding:0
}

.deleteAmi span {
display:inline-block;
vertical-align:middle;
width:auto;
font-weight:400;
margin:0;
padding:0
}

.sendAmi {
display:inline-block;
position:relative;
width:auto;
background-color:#FADA00;
border:solid 1px #FADA00;
color:black;
text-decoration:none;
border-radius:18px;
margin:0 10px;
padding:6px 18px
}

.sendAmi:hover {
display:inline-block;
position:relative;
width:auto;
background-color:black;
border:solid 1px #FADA00;
color:black;
text-decoration:none;
border-radius:18px;
margin:0 10px;
padding:6px 18px
}

.sendAmi i {
display:inline-block;
vertical-align:middle;
width:auto;
font-size:14px;
margin:0 6px 0 0;
padding:0
}

.sendAmi span {
display:inline-block;
vertical-align:middle;
width:auto;
font-weight:400;
margin:0;
padding:0
}

.carouselProfile {
display:inline-block;
width:100%;
overflow:hidden;
overflow-x:scroll;
-ms-overflow-style:none;
scrollbar-width:none;
margin:0;
padding:0
}

.carouselProfile::-webkit-scrollbar { display:none }

.carouselProfile > ul {
display:inline-block;
width:100%;
overflow:visible;
white-space:nowrap;
margin:0;
padding:0
}

.carouselProfile > ul > li {
display:inline-block;
vertical-align:top;
width:40%;
white-space:normal;
margin:0 5% 0 0
}

#profilePicturesWrap .preCarousel {
margin-bottom:0;
padding:0
}

#profilePictures ul li > div {
display:inline-block;
position:relative;
width:100%;
padding:0
}

#profilePictures ul li > div > div {
display:inline-block;
position:relative;
width:100%;
background-size:cover;
background-position:center center;
padding-bottom:100%
}

/* ============================== COLLECTION */

#voirDetailsStats { margin-right:10px }

#listeVoyages article:last-child,
#listeVoyages2 article:last-child { margin:0 }

#listeVoyages article,
#listeVoyages2 article,
#listeVisites article,
#listeAvisWrap article,
#wrapMesAvis article,
#listeStades article,
#listeStadesAc article,
#programmeMois article,
#profilAvis article,
.profilNeutral article,
#profilVoyages article,
#actus article,
#listeStadesWrap article {
display:inline-block;
position:relative;
width:100%;
background-color:white;
font-size:0;
border:solid 1px #EDEDED;
-webkit-box-shadow:0px 8px 8px 2px rgba(211, 210, 210, 0.5);
-moz-box-shadow:0px 8px 8px 2px rgba(211, 210, 210, 0.5);
box-shadow:0px 8px 8px 2px rgba(211, 210, 210, 0.5);
font-size:0 !important;
margin:0 0 25px 0;
padding:0
}

#listeVoyages article img,
#listeVoyages2 article img,
#listeVisites article img,
#listeAvisWrap article img,
#wrapMesAvis article img,
#listeStades article img,
#listeStadesAc article > a:nth-child(1),
#programmeMois article img,
#actus article img,
#profilAvis article img,
.profilNeutral article img,
#profilVoyages article img,
#listeStadesWrap article > a:nth-child(1) {
display:inline-block;
position:relative;
width:48%;
height:auto;
font-size:0 !important;
margin:0 2% 0 0;
padding:0
}

#listeStadesAc article > a:nth-child(1) > img,
#listeStadesWrap article > a:nth-child(1) > img {
display:inline-block;
position:relative;
width:100%;
height:auto;
font-size:0;
margin:0;
padding:0	
}

#listeVoyages article > div,
#listeVoyages2 article > div,
#listeVisites article > div,
#listeAvisWrap article > div,
#wrapMesAvis article > div,
#listeStades article > div,
#listeStadesAc article > div,
#programmeMois article > div,
#actus article > div,
#profilAvis article > div,
.profilNeutral article > div,
#profilVoyages article > div,
#listeStadesWrap article > div {
display:inline-block;
position:relative;
vertical-align:top;
font-size:0 !important;
width:50%;
margin:0;
padding:5px 10px 0 10px
}

#listeStadesWrap > article,
#listeStades > article,
#listeStadesAc > article {
display:flex !important;
font-size:0;
flex-wrap:wrap !important;
flex-direction:row;
align-items:center;
justify-content:center
}

#listeStadesWrap article div h2,
#listeStades article div h2,
#listeStadesAc article div h2 { vertical-align:middle }

#listeStadesWrap article > div > h2,
#listeStadesWrap article > div > p,
#listeStades article > div > h2,
#listeStades article > div > p,
#listeStadesAc article > div > h2,
#listeStadesAc article > div > p { flex:1 }

.triangleA {
display:inline-block;
position:absolute;
width:0;
height:0;
font-size:0;
border-right:22px solid transparent;
border-bottom:22px solid #12142c;
bottom:0;
left:0;
margin:0;
padding:0
}

.triangleB {
display:inline-block;
position:absolute;
width:0;
height:0;
font-size:0;
border-top:22px solid #12142c;
border-left:22px solid transparent;
top:0;
right:0;
margin:0;
padding:0
}

.voirVoyage,
.voirVisite,
.voirAvis,
.voirStade {
display:inline-block;
position:absolute;
width:auto;
background-color:black;
font-size:0.8rem;
color:#FADA00;
margin:0;
bottom:0;
right:0;
padding:4px 8px
}

.voirVoyage:hover,
.voirVisite:hover,
.voirAvis:hover,
.voirStade:hover {
display:inline-block;
position:absolute;
width:auto;
background-color:black;
font-size:0.8rem;
color:white;
margin:0;
bottom:0;
right:0;
padding:4px 8px
}

#addAvis {
display:none;
position:absolute;
z-index:9990;
width:100%;
min-height:90vh;
background-color:white;
left:0;
top:10vh;
margin:0;
padding:20px 20px 80px 20px
}

#addVisite {
display:inline-block;
position:absolute;
z-index:9990;
width:100%;
min-height:90vh;
background-color:white;
left:0;
top:10vh;
margin:0;
padding:20px 20px 80px 20px
}

#wrapUpdateVisite {
display:none;
position:absolute;
z-index:9990;
width:100%;
min-height:90vh;
background-color:white;
left:0;
top:0;
margin:0;
padding:20px 20px 80px 20px
}

.circular--portrait {
position:relative;
display:inline-block;
width:150px;
height:150px;
overflow:hidden;
border-radius:75px;
border:solid 2px grey;
text-align:center;
vertical-align:middle;
font-size:0;
left:0;
right:0;
padding:0
}

.circular--portrait2 {
position:relative;
display:inline-block;
width:120px;
height:120px;
overflow:hidden;
border-radius:60px;
text-align:center;
vertical-align:middle;
font-size:0;
left:0;
right:0;
padding:0
}

.circular--portrait img,
.circular--portrait2 img {
width:auto;
height:100%;
margin:0
}

#ajouterAvis, #wrap_match, #ajouterVisite { background-color:white }

#creerStade {
display:none;
width:100%;
margin:0 0 15px 0;
padding:0
}

#creerStade .fontA { margin:0 10px 0 0 }

#creerStadeWrap {
display:none;
width:98%;
background-color:#e7e7e7;
-webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px;
margin:0 1% 15px 1%;
padding:8px
}

#annulerCreerStade2 { display:none }

/* ============================== FAQ */

a.faqQ { display:inline-block; width:100%; font-weight:500; color:#12142c; text-decoration:none; margin:0 0 10px 0; padding:0 0 0 25px }
a.faqQ:hover { display:inline-block; width:100%; font-weight:500; color:black; text-decoration:none; margin:0 0 10px 0; padding:0 0 0 25px }

a.faqQ i, a.faqQ:hover i { color:black }

.faqR {
display:inline-block;
width:100%;
margin:5px 0 25px 0;
padding:0 0 0 25px
}

.faqR a { font-size:0.65rem !important; color:#202b51; text-decoration:underline }
.faqR a:hover { font-size:0.65rem !important; color:#12142c; text-decoration:none }

/* ============================== MESSAGERIE */

.dotNotif {
display:inline-block;
position:absolute;
z-index:9990;
height:10px;
width:10px;
background-color:red;
border-radius:50%;
right:-5px;
top:-5px;
margin:0;
padding:0
}

.dotNotif2 {
display:inline-block;
position:absolute;
z-index:9990;
height:10px;
width:10px;
background-color:red;
border-radius:50%;
right:6px;
top:6px;
margin:0;
padding:0
}

.msgLine {
display:inline-block;
position:relative;
vertical-align:middle;
background-color:#E5E5E5;
width:100%;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 0 5px 0;
padding:10px
}

.msgLine p:nth-child(1) {
display:inline-block;
width:100%;
margin:0 0 5px 0;
padding:0
}

.msgLine p:nth-child(2) {
display:inline-block;
width:30%;
margin:0 5% 0 0;
padding:0
}

.msgLine p:nth-child(3) {
display:inline-block;
width:65%;
background-color:white;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
margin:0;
padding:5px 10px
}

#msgWrap {
display:inline-block;
width:100%;
height:90vh;
max-height:100%;
background-color:#12142c;
font-size:0;
margin:0;
padding:0
}

#messagerie {
display:inline-block;
position:relative;
justify-content:bottom;
align-items:bottom;
width:100%;
height:75vh;
overflow:hidden;
overflow-y:scroll;
-ms-overflow-style:none;
scrollbar-width:none;
background-color:white;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:10px
}

#zoneEnvoi {
display:inline-block;
position:relative;
width:100%;
height:auto;
background-color:#E5E5E5;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:2vh 0 0 0;
padding:10px
}

#zoneEnvoi input {
display:inline-block;
width:88%;
vertical-align:middle;
max-height:100%;
background-color:white;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0 2% 0 0;
padding:8px
}

#zoneEnvoi a,
#zoneEnvoi a:hover {
display:inline-block;
width:10%;
vertical-align:middle;
text-decoration:none;
outline:none;
margin:0;
padding:0
}

#headerMsg {
display:flex;
position:relative;
justify-content:left;
align-items:center;
text-align:left;
width:100%;
height:10vh;
max-height:10vh;
background-color:#12142c;
font-size:0;
margin:0;
padding:10px 25px
}

#headerMsg img {
display:inline-block;
max-width:100%;
max-height:100%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
margin:0 25px 0 0;
padding:0
}

#headerMsg p {
display:inline-block;
width:auto;
text-align:left;
color:yellow;
margin:0;
padding:0
}

#headerMsg p a,
#headerMsg p a:hover { color:yellow }

* .caseExpediteur, .caseExpediteur {
display:inline-block !important;
width:80% !important;
text-align:right;
background-color:#E5E5E5 !important;
border-bottom-right-radius:18px;
border-top-right-radius:18px;
border-top-left-radius:18px;
margin:0 0 10px 20% !important;
padding:5px 10px !important
}

* .caseDestinataire, .caseDestinataire {
display:inline-block !important;
width:80% !important;
text-align:left;
background-color:#6AA4FF !important;
border-bottom-left-radius:18px;
border-top-right-radius:18px;
border-top-left-radius:18px;
margin:0 20% 10px 0 !important;
padding:5px 10px !important 
}
	
/* ============================== AVIS */

#voterAvis a,
#voterAvis a:hover {
display:inline-block;
position:relative;
width:auto;
text-decoration:none;
margin:0 10px;
padding:0
}

#voterAvis a i,
#voterAvis a:hover i {
vertical-align:middle;
font-size:24px
}

#voterAvis a span,
#voterAvis a:hover span {
display:inline-block;
vertical-align:middle;
width:auto;
font-size:12px;
margin:0 0 0 5px;
padding:0
}

#affinerRechercherAvisP a:nth-child(2) { margin-left:20px }

.avis i, .star_note, .star_note2 {
display:inline-block;
color:#FADA00;
margin:0 5px 0 0;
padding:0
}

.noteLeft {
display:inline-block;
width:42%;
text-align:right;
margin:0 5% 0 0;
padding:0
}

.noteRight {
display:inline-block;
width:53%;
text-align:left;
margin:0;
padding:0
}

#wrapImagesAvis {
margin-top:20px !important;
padding-bottom:20px !important
}

#wrapImagesAvis > div,
#wrapImgAvis .squareImg {
display:inline-block;
position:relative;
width:22%;
padding:0
}

.nextSquare {
display:inline-block;
position:relative;
width:74%;
margin:0 0 0 4%;
padding:0
}

#wrapImgAvis .nextSquare { 
vertical-align:top
}

#wrapImagesAvis > div:nth-child(1) { margin:0 4% 0 0 }
#wrapImagesAvis > div:nth-child(2) { margin:0 4% 0 0 }
#wrapImagesAvis > div:nth-child(3) { margin:0 4% 0 0 }

#wrapImagesAvis > div > div,
#wrapImgAvis .squareImg > div {
display:inline-block;
position:relative;
width:100%;
background-size:cover;
background-position:center center;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
padding-bottom:100%
}

.fieldAvis {
display:inline-block;
position:relative;
width:100%;
margin:0 0 22px 0;
padding:0
}

.fieldAvis p:nth-child(1) {
display:inline-block;
width:38%;
margin:0 2% 5px 0;
padding:0
}

.fieldAvis p:nth-child(2) {
display:inline-block;
width:60%;
margin:0 0 5px 0;
padding:0
}

/* ============================== VISITE */

.datepicker { z-index:9998 !important }

#battleVisite {
display:inline-block;
width:100%;
border:solid 2px #FADA00;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
margin:0 0 35px 0;
padding:10px 15px
}

#battleVisite.acces { border:none !important }

#battleVisite div:nth-child(1), 
#battleVisite div:nth-child(3) {
display:inline-block;
vertical-align:middle;
width:40%;
margin:0;
padding:0
}

#battleVisite:not(.acces) div:nth-child(1), 
#battleVisite:not(.acces) div:nth-child(3) { text-align:center }

#battleVisite div img {
display:inline-block;
vertical-align:middle;
max-width:80%;
width:auto;
margin:0 10% 10px 10%;
padding:0
}

#battleVisite div:nth-child(2) {
display:inline-block;
vertical-align:middle;
width:18%;
margin:0 1%;
padding:0
}

.grayScore { color:grey }
.redScore { color:red }
.greenScore { color:green }

#wrapImagesVisite {
margin-top:20px !important;
padding-bottom:20px !important
}

#wrapImagesVisite > div {
display:inline-block;
position:relative;
width:22%;
padding:0
}

#wrapImagesVisite > div:nth-child(1) { margin:0 4% 0 0 }
#wrapImagesVisite > div:nth-child(2) { margin:0 4% 0 0 }
#wrapImagesVisite > div:nth-child(3) { margin:0 4% 0 0 }

#wrapImagesVisite > div > div {
display:inline-block;
position:relative;
width:100%;
background-size:cover;
background-position:center center;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
padding-bottom:100%
}

#caseVersus {
display:inline-block;
width:100%;
margin:0 0 35px 0;
padding:0
}

#caseVersus div:nth-child(1) {
display:inline-block;
width:100%;
margin:0 0 5px 0;
padding:0
}

#caseVersus div:nth-child(1) p {
display:inline-block;
width:25%;
margin:0;
padding:0 5px
}

#caseVersus div:nth-child(2) {
display:inline-block;
width:100%;
margin:0;
padding:0
}

#caseVersus div:nth-child(2) p {
display:inline-block;
width:23%;
margin:0 1%;
padding:0
}

#caseVersus div p span {
display:inline-block;
width:100%;
font-size:1.8rem;
margin:0 0 5px 0;
padding:0
}

.sportVisible { display:inline-block !important }
.sportHidden { display:none !important }

/* ============================== STADES */

#stadesChampionnat {
display:grid;
grid-template-columns:repeat(2, 1fr);
grid-gap:30px 50px;
}

.stadesChampionnat {
width:100%;
break-inside:avoid
}

.alphabetStadePays {
display:inline-block;
position:relative;
width:auto;
margin:0 0 25px 0 ;
padding:0
}

.alphabetStadePays li {
display:inline-block;
position:relative;
width:auto;
margin:0 5px;
padding:0
}

#filterStade {
background-color:white !important;
-webkit-border-radius:18px !important;
-moz-border-radius:18px !important;
border-radius:18px !important
}

#filterStade.sticky {
z-index:9980 !important;
background-color:white !important;
-webkit-border-radius:18px !important;
-moz-border-radius:18px !important;
border-radius:18px !important;
border:solid 1px #ccc;
top:10px !important;
padding:8px !important
}

.sticky {
position:sticky !important;
top:0 !important;
left:0 !important;
padding-bottom:0
}

.sticky .alphabetStadePays { margin-bottom:10px !important }

#backParking {
position:absolute;
z-index:9998;
display:inline-block;
width:32px;
background-color:#FADA00;
border:solid 1px #FADA00;
color:#12142C;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
top:12vh;
left:5px;
margin:0;
padding:6px
}

#backParking:hover {
position:absolute;
z-index:9998;
display:inline-block;
width:32px;
background-color:#12142C;
border:solid 1px #FADA00;
color:#FADA00;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
top:12vh;
left:5px;
margin:0;
padding:6px
}

#refreshParking {
position:absolute;
z-index:9998;
display:inline-block;
width:32px;
background-color:#FADA00;
border:solid 1px #FADA00;
color:#12142C;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
top:12vh;
left:46px;
margin:0;
padding:6px
}

#map_autos, #map_velos {
display:inline-block;
position:relative;
width:100%;
height:400px;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
z-index:9990;
margin:0;
padding:0
}

#refreshParking:hover {
position:absolute;
z-index:9998;
display:inline-block;
width:32px;
background-color:#12142C;
border:solid 1px #FADA00;
color:#FADA00;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
top:12vh;
left:46px;
margin:0;
padding:6px
}

#refreshParking i { font-size:16px }

#parkingProche {
position:absolute;
z-index:9998;
display:inline-block;
width:auto;
background-color:#FADA00;
border:solid 1px #FADA00;
color:#12142C;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
top:12vh;
right:10px;
margin:0;
padding:6px 12px
}

#parkingProche:hover {
position:absolute;
z-index:9998;
display:inline-block;
width:auto;
background-color:#12142C;
border:solid 1px #FADA00;
color:#FADA00;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
top:12vh;
right:10px;
margin:0;
padding:6px 12px
}

.gm-style-iw-d,
#gm-style-iw-d {
width:250px !important;
max-width:250px !important;
text-align:center
}

.gmapWrap {
display:inline-block;
position:relative;
width:250px !important;
margin:0;
padding:5px !important
}

.gmapWrap p:nth-child(1) {
display:inline-block;
position:relative;
width:100%;
font-weight:700;
margin:0 0 5px 0;
padding:0
}

.gmapWrap p:nth-child(2) {
display:inline-block;
position:relative;
width:100%;
margin:0;
padding:0
}

.gm-style-iw-d p { position:relative }

.gmapWrap p img,
.gm-style-iw-d img {
display:inline-block !important;
width:100% !important;
height:auto !important;
margin:0 0 5px 0 !important;
padding:0
}

.gmapWrap a,
.gmapWrap a:hover,
#gm-style-iw-d a,
#gm-style-iw-d a:hover {
display:inline-block;
width:100%;
font-weight:400 !important;
color:#E5E5E5 !important;
text-decoration:none !important;
margin:0;
padding:0
}

#shareStade {
display:none;
width:100%;
text-align:center;
background-color:#E5E5E5;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
margin:0 0 40px 0;
padding:5px
}

#shareStade a,
#shareStade a:hover {
display:inline-block;
width:auto;
margin:0 10px;
padding:0
}

#stadeCopie {
display:none;
width:100%;
text-align:center;
margin:15px 0 5px 0;
padding:0
}

#navStade {
display:inline-block;
width:100%;
margin:0 0 20px 0;
padding:0
}

#navStade p,
#wrapLinksTransport p {
display:inline-block;
position:relative;
vertical-align:top;
width:30%;
margin:0 5%;
padding:0
}

#navStade > p > a:nth-child(1),
#navStade > p > a:nth-child(1):hover,
#wrapLinksTransport > p > a:nth-child(1),
#wrapLinksTransport > p > a:nth-child(1):hover {
display:inline-block;
position:relative;
width:96%;
margin:0 2%;
padding:12px 10px 8px 10px
}

#navStade a img,
#wrapLinksTransport a img {
display:inline-block;
width:100%;
height:auto;
margin:0
}

#navStade a:nth-child(2),
#navStade a:nth-child(2):hover,
#wrapLinksTransport a:nth-child(2),
#wrapLinksTransport a:nth-child(2):hover {
display:inline-block;
width:100%;
vertical-align:middle;
text-align:center;
margin:5px 0 0 0;
padding:0
}

.seekStadeP {
position:relative
}

#seek_stade, #seek_pays, #seek_ville, #seek_club {
display:inline-block;
width:100%;
vertical-align:middle;
border:solid 2px grey;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:5px 10px
}

#seek_stade {
display:inline-block;
width:100%;
vertical-align:middle;
border:solid 2px grey;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
margin:0;
padding:5px 10px
}

#rechercherStade .blackCenter { margin-bottom:20px !important }

#mapStades {
display:inline-block;
width:100%;
height:90vh;
margin:0;
padding:0
}

#mapStadesEvent {
display:inline-block;
width:100%;
height:70vh;
margin:0;
padding:0
}

#buttonsContainer {
display:flex;
justify-content:center;
align-items:center;
margin-bottom:15px
}

#rechercheStade {
display:inline-block;
background-color:#12142c;
border:solid 1px #12142c;
color:#FADA00;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
margin-right:10px;
padding:6px 16px
}

#rechercheStade:hover {
background-color:#FADA00;
color:#12142c
}

#rechercheStade i {
display:inline-block;
vertical-align:middle;
width:auto;
font-size:12px !important;
margin:0 10px 0 0;
padding:0
}

#seek_geoloc {
display:inline-flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
background-color:#FADA00;
border-radius:50%;
margin:0
}

#seek_geoloc:hover, #seek_geoloc:active {
color:white;
text-decoration:none
}

/* ----------- V2 */

#stade_social {
display:flex;
justify-content:space-between;
width:100%;
vertical-align:top;
margin:0 0 60px 0;
padding:0
}

#stade_social a {
display:inline-block;
vertical-align:top;
width:70px;
height:70px;
background-color:#14162B;
border-radius:50%;
text-align:center;
text-decoration:none;
margin:0
}

#stade_social a:hover { background-color:#1C1D24 }

#stade_social a i {
font-size:30px;
line-height:70px;
color:#fff
}

#stade_social a span {
display:block;
font-size:12px;
color:#000;
margin:5px 0 0 0;
padding:0
}

#stade_accesRapide {
display:inline-block;
position:relative;
width:100%;
margin:0 0 15px 0;
padding:0
}

#stade_accesRapide a {
display:inline-block;
position:relative;
width:48%;
background-color:white;
text-align:left;
font-size:0.80rem;
color:#14162B;
font-weight:700;
text-decoration:none;
box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius:12px;
margin:0 0 10px 0;
padding:12px 18px
}

#stade_accesRapide a:nth-child(odd),
#stade_accesRapide a:nth-child(odd):hover { margin-right:4% }

#stade_accesRapide a i {
display:block;
position:relative;
width:auto;
font-size:1.20rem;
text-decoration:none;
margin:0 0 8px 0;
padding:0
}

#stade_accesRapide a span:not(.dotNotif2) {
display:inline-block;
position:relative;
width:100%;
text-decoration:none;
margin:0;
padding:0
}

#stade_accesRapide a:hover {
display:inline-block;
position:relative;
width:48%;
background-color:#FADA00;
text-align:left;
font-size:0.80rem;
color:#14162B;
font-weight:700;
text-decoration:none;
margin:0;
padding:12px 18px
}

#stade_content > a {
display:flex; 
justify-content:space-between; 
align-items:center; 
width:100%;
text-align:center;
text-decoration:none;
padding:0
}

#stade_content > a .fa-chevron-down,
#stade_content > a .fa-chevron-up {
font-size:1.20rem;
color:#14162B
}

#stade_content > a span {
display:block;
color:#14162B;
font-weight:bold
}

#stade_content .wrapContent {
margin:10px 0 15px;
padding:10px 0 0 0
}

.stade_club {
display:inline-block;
position:relative;
vertical-align:middle;
width:100%;
margin:0 0 20px 0;
padding:0
}

.stade_club img {
display:inline-block;
position:relative;
vertical-align:middle;
width:20%;
height:auto;
margin:0 5% 0 0;
padding:0
}

.stade_club p {
display:inline-block;
position:relative;
vertical-align:middle;
width:75%;
margin:0;
padding:0
}

#stade_info {
display:inline-block;
position:relative;
vertical-align:middle;
width:100%;
text-align:center;
margin:0 0 20px 0;
padding:0
}

#stade_info span {
display:inline-block;
position:relative;
vertical-align:middle;
width:auto;
background-color:white;
border:solid 2px #14162B;
border-radius:12px;
text-align:center;
margin:0 10px 10px 10px;
padding:4px 12px
}

#stade_info span i {
display:inline-block;
position:relative;
vertical-align:middle;
width:auto;
margin:0 10px 0 0;
padding:0
}

#stade_adresse {
display:inline-block;
position:relative;
width:100%;
margin:0 0 20px 0;
padding:0
}

#stade_adresse a {
text-decoration:none
}

#stade_adresse a i {
display:inline-block;
position:relative;
vertical-align:middle;
width:auto;
margin:0 10px 0 0;
padding:0
}

#stade_adresse a span {
display:inline-block;
position:relative;
vertical-align:middle;
width:auto;
margin:0;
padding:0
}

#stade_infoPratique {
display:inline-block;
position:relative;
width:100%;
text-align:center;
vertical-align:top;
margin:0 0 40px 0;
padding:0
}

#stade_infoPratique a {
display:inline-block;
width:calc(33.33% - 20px);
vertical-align:top;
text-decoration:none;
margin:0 10px 20px 10px
}

#stade_infoPratique a:hover {
background-color:#1C1D24;
cursor:default
}

#stade_infoPratique a i {
font-size:30px;
line-height:70px;
width:70px;
height:70px;
cursor:default;
background-color:#14162B;
border-radius:50%;
text-align:center;
color:#fff
}

#stade_infoPratique a span {
display:block;
font-size:12px;
color:#000;
margin:5px 0 0 0;
padding:0
}

#stade_plan {
display:inline-block;
position:relative;
width:100%;
margin:25px 0;
padding:0
}

.titleCircle i {
display:inline-block;
position:relative;
vertical-align:middle;
width:70px;
height:70px;
line-height:70px;
text-align:center;
font-size:30px;
color:white;
color:#fff;
background-color:#14162B;
border-radius:50%;
margin:0 10px 0 0;
padding:0
}

.titleCircle span {
display:inline-block;
position:relative;
vertical-align:middle;
width:auto;
margin:0;
padding:0
}

#stade_transport_tags {
display:inline-block;
position:relative;
width:100%;
margin:0 0 25px 0;
padding:0
}

#stade_transport_tags span {
display:inline-block;
position:relative;
vertical-align:middle;
width:auto;
background-color:white;
border:solid 2px #14162B;
border-radius:12px;
text-align:center;
margin:0 10px 10px 10px;
padding:4px 12px
}

#stade_liens_pratiques {
display:inline-block;
position:relative;
width:100%;
margin:0 0 25px 0;
padding:0
}

#stade_liens_pratiques ul {
display:inline-block;
position:relative;
width:100%;
list-style:none;
margin:0;
padding:0
}

#stade_liens_pratiques ul li {
display:inline-block;
position:relative;
width:100%;
margin:0 0 5px 0;
padding:0
}

#stade_liens_pratiques ul li:last-child { margin:0 }

#stade_liens_pratiques a {
display:inline-block;
position:relative;
width:100%;
text-decoration:none;
margin:0;
padding:0
}

#stade_liens_pratiques a:hover {
text-decoration:none;
color:grey
}

#stade_liens_pratiques i {
display:inline-block;
position:relative;
width:auto;
margin:0 10px 0 0;
padding:0
}

#stade_liens_pratiques span {
display:inline-block;
position:relative;
width:auto;
text-decoration:underline;
margin:0;
padding:0
}

#stade_liens {
display:inline-block;
position:relative;
width:100%;
text-align:center;
margin:0 0 20px 0;
padding:0
}

#stade_liens a:last-child { margin-bottom:0 }

#stade_liens a {
display:inline-block;
position:relative;
width:auto;
background-color:#14162B;
border:solid 2px #14162B;
border-radius:12px;
color:white;
text-decoration:none;
margin:0 0 10px 0;
padding:8px 32px
}

#stade_liens a:hover {
display:inline-block;
position:relative;
width:auto;
background-color:white;
border:solid 2px #14162B;
border-radius:12px;
color:#14162B;
text-decoration:none;
margin:0 0 10px 0;
padding:8px 32px
}

#stade_liens i,
#stade_liens a i {
display:inline-block;
position:relative;
width:auto;
color:yellow;
font-size:1.2rem;
margin:0 10px 0 0;
padding:0
}

#stade_liens span {
display:inline-block;
position:relative;
width:auto;
margin:0;
padding:0
}

#stade_billetterie_infos {
display:inline-block;
position:relative;
width:100%;
vertical-align:top;
margin:0 0 40px 0;
padding:0
}

#stade_billetterie_infos a {
display:inline-block;
vertical-align:top;
width:70px;
height:70px;
cursor:default;
background-color:#14162B;
border-radius:50%;
text-align:center;
text-decoration:none;
margin:0 10px
}

#stade_billetterie_infos a:hover {
background-color:#1C1D24;
cursor:default
}

#stade_billetterie_infos a i {
font-size:30px;
line-height:70px;
color:#fff
}

#stade_billetterie_infos a span {
display:block;
font-size:12px;
color:#000;
margin:5px 0 0 0;
padding:0
}

#stade_billetterie_infos a:first-child { margin-left:0 }
#stade_billetterie_infos a:last-child { margin-right:0 }

#stade_billetterie_liens {
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:12px;
width:100%;
margin:0 0 20px
}

#stade_billetterie_liens a {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:8px;
text-align:center;
text-decoration:none;
background-color:#fada00;
border:2px solid #fada00;
border-radius:12px;
box-sizing:border-box;
overflow:hidden;
padding:10px 16px
}

#stade_billetterie_liens a img {
display:block;
max-width:100%;
max-height:70px;
width:auto;
height:auto;
object-fit:contain
}

#stade_billetterie_liens a:last-child:nth-child(3n+1) {
grid-column:2 / 3
}

@media(max-width:1024px) {
	#stade_billetterie_liens { grid-template-columns:repeat(2, 1fr) }
	
	#stade_billetterie_liens a:last-child:nth-child(2n+1) {
	grid-column:1 / -1;
	max-width:50%;
	margin:0 auto
	}
	
	#stade_billetterie_liens a:last-child:nth-child(3n+1) { grid-column:auto }
}

@media(max-width:640px) {
	#stade_billetterie_liens { grid-template-columns:repeat(2, 1fr) }
}

#stade_billetterie_liens a:hover {
text-decoration:none;
background-color:white;
border:solid 2px #fada00
}

#stade_billetterie_liens span {
display:inline-block;
position:relative;
width:100%;
margin:0 0 10px 0;
padding:0
}

#stade_tourisme_carte {
display:inline-block;
position:relative;
width:100%;
margin:0 0 20px 0;
padding:0
}

#stade_tourisme_carte embed {
display:inline-block !important;
position:relative !important;
width:100%  !important;
height:350px !important;
margin:0 !important;
padding:0 !important
}

#stade_gyg {
display:inline-block;
position:relative;
width:100%;
margin:0 0 20px 0;
padding:0
}

#stade_gyg > div:nth-child(1) p { vertical-align:middle }

#stade_gyg > div:nth-child(1) img {
display:inline-block;
position:relative;
width:46%;
vertical-align:middle;
height:auto;
margin:0 0 0 4%;
padding:0
}

#listeAvisWrapV2 {
display:inline-block;
position:relative;
width:100%;
margin:0;
padding:0
}

#listeAvisWrapV2 article {
display:inline-block;
position:relative;
width:100%;
background-color:white;
font-size:0;
border:solid 1px #EDEDED;
-webkit-box-shadow:0px 8px 8px 2px rgba(211, 210, 210, 0.5);
-moz-box-shadow:0px 8px 8px 2px rgba(211, 210, 210, 0.5);
box-shadow:0px 8px 8px 2px rgba(211, 210, 210, 0.5);
font-size:0 !important;
border-radius:12px;
margin:0 0 25px 0;
padding:0
}

#listeAvisWrapV2 article aside {
display:inline-block;
position:relative;
width:100%;
vertical-align:middle;
margin:0;
padding:12px
}

#listeAvisWrapV2 article aside img {
display:inline-block;
position:relative;
width:10%;
height:auto;
vertical-align:middle;
border-radius:50%;
margin:0 5% 0 0;
padding:0
}

#listeAvisWrapV2 article aside p:nth-child(2) {
display:inline-block;
position:relative;
width:50%;
vertical-align:middle;
text-align:left;
margin:0;
padding:0
}

#listeAvisWrapV2 article aside p:nth-child(3) {
display:inline-block;
position:relative;
width:35%;
vertical-align:middle;
text-align:right;
margin:0;
padding:0
}

#listeAvisWrapV2 article > a > img {
display:inline-block;
position:relative;
width:100%;
height:auto;
margin:0 0 10px 0;
padding:0
}

#listeAvisWrapV2 article .pd15 { padding:6px 14px }

#stade_bilanCarbonne {
display:inline-block;
position:relative;
width:100%;
margin:20px 0;
padding:0
}

#toggleVoletCalculerCarbone,
#calculerBilan {
display:inline-block;
position:relative;
width:auto;
background-color:#14162B;
border:solid 2px #14162B;
border-radius:12px;
color:white;
text-decoration:none;
margin:0 0 10px 0;
padding:8px 32px
}

#toggleVoletCalculerCarbone:hover,
#calculerBilan:hover {
display:inline-block;
position:relative;
width:auto;
background-color:white;
border:solid 2px #14162B;
border-radius:12px;
color:#14162B;
text-decoration:none;
margin:0 0 10px 0;
padding:8px 32px
}

#toggleVoletCalculerCarbone i {
display:inline-block;
position:relative;
width:auto;
color:yellow;
font-size:1.2rem;
margin:0 10px 0 0;
padding:0
}

#toggleVoletCalculerCarbone span {
display:inline-block;
position:relative;
width:auto;
margin:0;
padding:0
}

#bilanCarbone input[type=text] {
display:inline-block;
width:100%;
outline:none;
background:none;
border:solid 2px #14162B;
color:#14162B;
border-radius:12px;
margin:0 0 10px 0;
padding:6px 14px
}

#bilanCarboneResults {
display:none;
position:relative;
width:100%;
margin:0;
padding:0
}

#bilanCarboneResults div p i {
display:inline-block;
position:relative;
width:40px;
text-align:center;
color:#1C1D24;
font-size:1.2rem;
margin:0 10px 0 0;
padding:0
}

#bilanCarboneResults div p span {
display:inline-block;
position:relative;
width:auto;
margin:0;
padding:0
}

#bilanCarboneResults div p input {
display:inline-block;
position:relative;
width:100px;
background-color:white;
text-align:right;
border:none;
outline:none;
margin:0;
padding:0
}

/* =========== EVENEMENTS =========== */

.wrap_event {
display:inline-block;
position:relative;
width:100%;
background-color:white;
border-radius:16px;
-moz-border-radius:16px;
-webkit-border-radius:16px;
margin:0 0 10px 0;
padding:12px
}

.wrap_event.noP { padding:6px }

#event_logo img {
display:inline-block;
position:relative;
width:40%;
height:auto;
margin:0 30% 10px 30%;
padding:0
}

#event_news img {
display:inline-block;
position:relative;
width:100%;
border-radius:16px;
-moz-border-radius:16px;
-webkit-border-radius:16px;
margin:0 0 10px 0;
padding:0
}

#event_logoNews img {
display:inline-block;
position:relative;
vertical-align:middle;
width:10%;
height:auto;
border-radius:16px;
-moz-border-radius:16px;
-webkit-border-radius:16px;
margin:0 15px 0 0;
padding:0
}

#event_logoNews p {
display:inline-block;
position:relative;
vertical-align:middle;
width:auto;
margin:0;
padding:0
}

.splide__slide.event img { width:100%; height:auto }

#eventsSliderWrap .splide__pagination { bottom:-25px }

#eventsSliderWrap .splide__list li > div { display:flex; align-items:center; justify-content:center; height:100% }

#brandWrap { overflow:visible !important }

#eventsSliderWrap .splide__arrow {
position:absolute !important;
z-index:9998 !important;
overflow:visible !important;
font-size:1.2rem !important;
background-color:var(--mainColorA) !important;
color:black !important
}

#eventsSliderWrap .splide__arrow--prev { left:-35px !important }
#eventsSliderWrap .splide__arrow--next { right:-35px !important }

#eventsSliderWrap { margin-left:5% !important }

#event_search {
display:inline-block;
position:relative;
width:100%;
border-radius:14px;
border:solid 1px #f1f1f1;
background:#FFF;
box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
margin:0 0 20px 0;
padding:8px
}

#event_search input {
display:inline-block;
position:relative;
width:100%;
border:none;
outline:none;
margin:0;
padding:6px 32px
}

#event_search_ok {
display:inline-block;
position:absolute;
width:auto;
top:12px;
left:12px;
margin:0;
padding:0
}

#event_geoloc {
display:inline-block;
position:absolute;
width:auto;
top:12px;
right:12px;
margin:0;
padding:0
}

#event_tags_liste button {
display:inline-block;
position:relative;
width:auto;
cursor:pointer;
border:none;
border-radius:10px;
background:#FFF;
box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 6px 0px;
margin:0 8px 10px 8px;
padding:6px 12px
}

#event_tags_liste button:hover {
background-color:#12142C;
color:white
}

#event_tags_liste button:active,
#event_tags_liste button.selected {
background-color:#FADA00;
color:black
}

#event_liste article {
display:inline-block;
position:relative;
width:100%;
font-size:0;
box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
background-color:white;
border-radius:16px;
margin:0 0 20px 0;
padding:0
}

#event_liste article > a {
font-size:0;
padding:0
}

#event_liste article > a > img {
display:inline-block;
position:relative;
width:40%;
font-size:0;
border-top-left-radius:16px;
border-bottom-left-radius:16px;
margin:0;
padding:0
}

#event_liste article > div {
display:inline-block;
position:relative;
width:60%;
font-size:0;
vertical-align:top;
margin:0;
padding:10px 12px
}

#event_liste article > div img {
display:inline-block;
position:relative;
width:25px;
height:auto;
margin:0 10px 0 0;
padding:0
}

#leaveEvent {
display:inline-block;
position:absolute;
width:auto;
top:6px;
left:10px;
margin:0;
padding:0
}

.liEvent img {
display:inline-block;
position:relative;
vertical-align:middle;
width:25px;
height:auto;
margin:0;
padding:0
}

.liEvent span {
display:inline-block;
position:relative;
vertical-align:middle;
width:auto;
margin:0 0 0 10px;
padding:0
}

/* ================= INFOS PAYS ============== */

.paysLine {
display:inline-block;
position:relative;
width:31%;
margin:0 1% 20px 1%;
padding:0
}

.paysLine img {
display:inline-block;
position:relative;
vertical-align:middle;
width:100%;
height:auto;
margin:0 0 10px 0
}

.paysLine p:nth-child(2) {
display:inline-block;
position:relative;
vertical-align:middle;
width:100%;
text-align:center;
margin:0 0 5px 0;
padding:0
}

.paysLine p:nth-child(3) {
display:inline-block;
position:relative;
vertical-align:middle;
width:100%;
text-align:center;
margin:0;
padding:0
}

/* ============================== ACCES */

.passAcces {
display:inline-block;
width:auto;
background-color:#1F1F48;
border-radius:12px;
box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);
margin:0 auto;
padding:20px
}

.passAccesGroup {
display:inline-block;
width:100%;
text-align:left;
margin-bottom:20px
}

.passAccesGroup label {
display:inline-block;
width:30%;
color:white;
text-align:left;
margin-right:10px
}

.passAccesGroup input[type="password"] {
display:inline-block;
border-radius:3px;
border:1px solid #ccc;
padding:8px
}

.passAccesGroup a {
display:inline-block;
padding: 8px 12px;
border: none;
background-color: #4CAF50;
color: #fff;
border-radius: 3px;
cursor: pointer;
}

.passAccesGroup a:hover {
display:inline-block;
padding: 8px 12px;
border: none;
background-color: #f9d310;
color: black;
text-decoration:none;
border-radius: 3px;
cursor: pointer;
}

#passAcces div:nth-child(3) { margin-bottom:0 }

.acces_orangeLocation i {
display:inline-block;
width:auto;
margin:0 5px 0 0;
padding:0
}

.itineraire {
display:inline-block;
position:relative;
width:auto;
vertical-align:middle;
border-radius:10px;
color:white;
text-decoration:none;
margin:0;
padding:6px 12px
}

.itineraire i {
display:inline-block;
position:relative;
vertical-align:middle;
width:auto;
margin:0 5px 0 0;
padding:0
}

.itineraire:hover {
display:inline-block;
position:relative;
width:auto;
vertical-align:middle;
background-color:#4CAF50;
color:white;
text-decoration:none;
margin:0;
padding:6px 12px
}

.volet_titre {
display:inline-block;
position:relative;
width:100%;
text-align:center;
color:#009FE3;
border-top:solid 1px black;
margin:15px 0 10px 0;
padding:15px 0 0 0
}

.wrap_event .volet_titre { border-top:solid 1px #009FE3 }

body .volet_titre:first-of-type {
border:none;
margin:0 0 20px 0
}

.volet_titre a {
color:#009FE3;
text-decoration:none
}

.volet_titre a:hover {
color:black;
text-decoration:none
}

.volet_titre i {
display:inline-block;
position:relative;
width:auto;
color:black;
margin:0 0 0 15px;
padding:0
}

.volet_wrap {
display:inline-block;
position:relative;
width:100%;
margin:0;
padding:0
}

.acces_para {
display:inline-block;
position:relative;
width:100%;
margin:0;
padding:0
}

.acces_para_photo {
display:inline-block;
position:relative;
width:100%;
height:auto;
margin:0 0 20px 0
}

.blueAcces { color:#009FE3 }
.orangeAcces { color:#F27B00 }

.paragraphe_titre_top {
display:flex;
align-items:center;
justify-content:center;
text-align:center;
margin:0 0 10px 0;
padding:0
}

.acces_circle_top {
display:flex;
justify-content:center;
align-items:center;
width:40px;
height:40px;
border-radius:50%;
margin:0 15px 0 0;
padding:0
}

.acces_circle_top i {
color:#fff;
font-size:18px;
}

.paragraphe_titre_left {
display:flex;
align-items:center;
justify-content:left;
text-align:left;
margin:0 0 20px 0;
padding:0
}

.paragraphe_titre_left i {
color:#fff;
font-size:18px
}

.para_lien {
display:inline-block;
position:relative;
width:auto;
vertical-align:middle;
border-radius:10px;
color:white;
text-decoration:none;
margin:0;
padding:8px 24px
}

.para_lien i {
display:inline-block;
position:relative;
vertical-align:middle;
width:auto;
margin:0 5px 0 0;
padding:0
}

.para_lien span {
display:inline-block;
position:relative;
vertical-align:middle
}

.para_lien:hover {
display:inline-block;
position:relative;
width:auto;
vertical-align:middle;
background-color:#4CAF50;
color:white;
text-decoration:none;
margin:0;
padding:8px 24px
}

/* ============================== VOYAGES */

.wrapVoyage {
display:inline-block;
position:relative;
width:100%;
border-top:solid 1px yellow;
margin:0 0 25px 0;
padding:20px 0
}

.calendrier {
display:inline-block;
position:absolute;
z-index:9990;
width:auto;
vertical-align:middle;
top:12px;
right:0;
margin:0;
padding:0
}

.calendrier span {
display:inline-block;
width:auto;
vertical-align:middle;
text-decoration:underline;
margin:0;
padding:0
}

.calendrier i {
display:inline-block;
width:auto;
vertical-align:middle;
font-size:20px;
margin:0 0 0 10px;
padding:0
}

.wrapIMGvoyage {
display:inline-block;
width:100%;
height:15vh;
font-size:0;
background-size:cover;
background-position:center center;
margin:0 0 20px 0;
padding:0
}

.wrapIMGvoyage2 {
display:inline-block;
width:100%;
height:20vh;
font-size:0;
background-size:cover;
background-position:center center;
margin:0 0 20px 0;
padding:0
}

#wrapLinkVoyage a,
#wrapLinkVoyage a:hover {
display:inline-block;
position:relative;
width:auto;
text-decoration:none;
margin:0 10px;
padding:0
}

#wrapLinkVoyage a div:nth-child(1),
#wrapLinkVoyage a:hover div:nth-child(1) {
display:inline-block;
position:relative;
vertical-align:middle;
width:48px;
height:48px;
text-align:center;
background:#FADA00;
border-radius:50%;
margin:0 0 5px 0;
padding:12px
}

#wrapLinkVoyage a i,
#wrapLinkVoyage a:hover i {
display:inline-block;
font-size:20px;
text-decoration:none;
margin:0;
padding:0
}

#wrapLinkVoyage a div:nth-child(2),
#wrapLinkVoyage a:hover div:nth-child(2) {
display:inline-block;
width:100%;
text-align:center;
color:black;
text-decoration:underline;
margin:0 0 0 0;
padding:0
}

.voyageLine, .voyageLine2 {
display:inline-block;
position:relative;
width:100%;
border-bottom:solid 1px #E5E5E5;
margin:0 0 10px 0;
padding:0 20px 10px 20px
}

.voyageLine > p:nth-child(1) {
display:inline-block;
vertical-align:middle;
width:90%;
text-align:left;
margin:0;
padding:0
}

.voyageLine > a:nth-child(2) {
display:inline-block;
vertical-align:middle;
width:10%;
text-align:center;
color:#FADA00;
text-decoration:none;
margin:0;
padding:0
}

.voyageLine > a:nth-child(2):hover {
display:inline-block;
vertical-align:middle;
width:10%;
text-align:center;
color:black;
text-decoration:none;
margin:0;
padding:0
}

.wrapJour {
display:inline-block;
width:96%;
-webkit-box-shadow:2px 0px 8px 2px rgba(211, 210, 210, 1);
-moz-box-shadow:2px 0px 8px 2px rgba(211, 210, 210, 1);
box-shadow:2px 0px 8px 2px rgba(211, 210, 210, 1);
margin:0 2% 25px 2%;
padding:10px
}

.detailVoyageLine {
display:none;
width:92%;
-webkit-box-shadow:2px 0px 8px 2px rgba(211, 210, 210, 1);
-moz-box-shadow:2px 0px 8px 2px rgba(211, 210, 210, 1);
box-shadow:2px 0px 8px 2px rgba(211, 210, 210, 1);
margin:5px 4% 25px 4%;
padding:10px	
}

.hello-week, .hello-week * { font-size:0.8rem }
.hello-week2, .hello-week2 * { font-size:0.65rem }

.period, .day { color:black !important }
.day.is-weekend { color:red !important }
.next, .prev { color:black !important }
.day.is-highlight { color:white !important }
.is-today { background-color:#96B306 !important }

.voyageLine2 p span {
display:inline-block;
width:auto;
font-size:0.65;
font-weight:300;
text-transform:none;
margin:5px 0 0 0;
padding:0
}

.modal {
display:none;
position:fixed;
z-index:9999;
padding-top:150px;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.4)
}

.modal-content {
display:block;
background-color:#fefefe;
margin:auto;	
padding:10px 10px 20px 10px;
border:1px solid #888;
width:90%
}

.modal-content > p {
display:inline-block;
width:100%;
margin:0 0 10px 0;
padding:0
}

.close {
color:#aaaaaa;
float:right;
font-size:28px;
font-weight:bold
}

.close:hover,
.close:focus {
color:#000;
text-decoration:none;
cursor:pointer
}

#wrapVoyagesA {
display:inline-block;
width:100%;
margin:0;
padding:0
}

#wrapVoyagesB {
display:none;
width:100%;
margin:0;
padding:0
}

a.triggerFile,
a.triggerFile:hover { text-decoration:none }

a.triggerFile i {
display:inline-block;
width:auto;
margin:0 5px 0 0;
padding:0
}

.journee {
display:inline-block;
position:relative;
width:96%;
background-color:#f9f9f9;
border:none;
color:#12142C;
border-bottom:solid 1px #B2B2B2;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
margin:0 2% 20px 2%;
padding:10px 10px 0 10px
}

.voyageFichiers {
display:none;
width:96%;
-webkit-box-shadow:2px 0px 8px 2px rgba(211, 210, 210, 1);
-moz-box-shadow:2px 0px 8px 2px rgba(211, 210, 210, 1);
box-shadow:2px 0px 8px 2px rgba(211, 210, 210, 1);
margin:10px 2%;
padding:10px
}

.voyageFichiers a,
.voyageFichiers a:hover {
display:inline-block;
width:100%;
margin:0 0 10px 0;
padding:0
}

#creerSouhait {
display:none;
position:relative;
width:100%;
margin-bottom:25px;
padding:0
}

#debloquerPremium {
display:flex;
justify-content:center;
width:100%;
margin:0;
padding:0
}

#debloquerPremium p {
flex:1;
display:flex;
flex-direction:column;
align-items:center;
width:50%;
margin:0 0 25px 0;
padding:20px 25px
}

#debloquerPremium p:nth-child(1) { background-color:#FADA00 }
#debloquerPremium p:nth-child(2) { background-color:#14162B }

#debloquerPremium p a {
display:flex;
flex-direction:column;
align-items:center;
text-decoration:none
}

#premiumAvantages {
display:inline-block;
position:relative;
vertical-align:top;
width:100%;
margin:0 0 25px 0;
padding:0
}

#premiumAvantages div {
display:inline-block;
position:relative;
vertical-align:top;
width:46%;
text-align:center;
margin:0 2%;
padding:0
}

#premiumAvantages img {
display:inline-block;
position:relative;
width:100%;
height:auto;
margin:0 0 10px 0;
padding:0
}

#premiumAvantages p {
display:inline-block;
position:relative;
width:96%;
margin:0 2%;
padding:0
}

a.linkPremium,
a.linkPremium:hover {
display:inline-block;
position:relative;
width:auto;
background-color:#14162B;
border-radius:10px;
font-weight:700;
font-size:0.9rem;
margin:0;
padding:12px 24px
}

#premiumDecouverte {
display:inline-block;
position:relative;
width:100%;
margin:0;
padding:0
}

#premiumDecouverte video {
display:inline-block;
position:relative;
width:100%;
height:auto;
background-color:#FBDA01;
border-radius:14px;
margin:0;
padding:0
}

/* ============================== FOOTER */

#footer {
display:inline-block;
width:100%;
font-size:0;
margin:0;
padding:0
}

/* ============================== CASE */

.moderation {
position:absolute;
display:inline-block;
z-index:9990;
width:100%;
height:100%;
background-color: rgba(255, 255, 255, 0.7);
margin:0;
padding:20px
}

.moderation p {
display:inline-block;
width:100%;
text-align:center;
margin:25px 0 0 0;
padding:0
}

.noResult {
display:inline-block;
position:relative;
width:100%;
text-align:center;
color:red;
margin:0 0 30px 0;
padding:0
}

.obligatoire {
width:100%;
font-size:13px;
color:#707070;
margin:5px 0 20px 0
}

#main {
display:inline-block;
width:100%;
min-height:700px;
margin:0;
padding:0 10px
}

.caset.showdiv, .caseti.showdiv, .caseti2.show, .showdiv, .showdiv2 { display:none }

.visible {
display:inline-block;
margin:0;
padding:0
}

.caseAlert {
display:inline-block;
width:100%;
text-align:center;
margin:50px 0 100px 0;
padding:0
}

.casetRGPD {
display:inline-block;
width:100%;
margin:10px 0;
padding:5px
}

.caset1d {
width:60%;
margin:0 20%;
padding:0
}

.case1di {
display:inline-block;
width:50%;
margin:0 0 10px 0;
padding:0
}

.case1di2 {
display:inline-block;
width:50%;
margin:0 0 25px 0;
padding:0
}

.caset3q {
display:inline-block;
width:80%;
margin:0 10%;
padding:0
}

.trait1D, .traitT, .obligatoire {
display:inline-block;
padding:0
}

.traitT {
width:100%;
height:1px;
background-color:#96c11f;
margin:0
}

.trait1D {
width:50%;
height:1px;
background-color:#96c11f;
font-size:0;
margin:15px 25%
}

.casei0, .casei, .casei2, .casei3, .casei4 {
display:inline-block;
font-size:1px;
width:100%;
margin:0;
padding:0
}

.casei0 { height:1px }
.casei { height:10px }
.casei2 { height:25px }
.casei3 { height:50px }
.casei4 { height:100px }

.case1q, .case1s, .case5s, .case1t, .case1d, .case3q, .caset, .case1dA, .case1dB, .caseEspaceCKE {
position:relative;
display:inline-block;
margin:0;
padding:0
}

.case1q { width:25% }
.case1s { width:15% }
.case5s { width:85% }
.case1t { width:33% }
.case1tt { width:34% }
.case1d { width:50% }
.case1dA, .case1dB { width:48% }
.case3q { width:75% }
.caset { width:100% }

.caseti, .casetii, .caseti2, .casetii2, .caseti3, .caseti4, .casetiF {
display:inline-block;
position:relative;
vertical-align:middle;
width:100%;
padding:0
}

.case1dB { margin:0 0 0 4% !important }
.caseti { margin:0 0 10px 0 }
.casetii { margin:10px 0 }
.casetiF { margin:0 0 22px 0 }
.caseti2 { margin:0 0 25px 0 }
.casetii2 { margin:25px 0 }
.caseti3 { margin:0 0 50px 0 }
.caseti4 { margin:0 0 100px 0 }

.caseEspaceCKE {
width:100%;
height:80px
}

.padL10 { padding-left:10px }
.padL25 { padding-left:25px }
.padL50 { padding-left:50px }

/* ============================== TEXT */

blockquote {
background:#f9f9f9;
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019"
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em
}
blockquote p {
display:inline;
}

.white, a.white { color:white }
.green, a.green { color:#87b30f }
.red, a.red { color:#cb151e }
.yellow, a.yellow { color:#FADA00 }
.orange, a.orange { color:orange }
.orange2, a.orange2 { color:#e94e1b }
.grey, a.grey { color:#707070 }
.blue, a.blue { color:#1C1D24 }
.greyLight, a.greyLight { color:#B2B2B2 }
.gold, a.gold { color:#a69374 }
.black, a.black { color:black }

.lato { font-family:'Lato', sans-serif }

.center { text-align:center }
.justify { text-align:justify }
.left { text-align:left }
.right { text-align:right }
.middle { vertical-align:middle }
.bold { font-weight:700 }
.xBold { font-weight:900 }
.regular { font-weight:400 }
.medium { font-weight:300 }
.thin { font-weight:100 }
.italic { font-style:italic }
.strike { text-decoration:line-through }
.uppercase { text-transform:uppercase }

.lato40, a.lato40, a.lato40:hover { font-size:2.6rem; font-family:'Lato', sans-serif }
.lato36, a.lato36, a.lato36:hover { font-size:2.4rem; font-family:'Lato', sans-serif }
.lato34, a.lato34, a.lato34:hover { font-size:2.2rem; font-family:'Lato', sans-serif }
.lato32, a.lato32, a.lato32:hover { font-size:2.0rem; font-family:'Lato', sans-serif }
.lato30, a.lato30, a.lato30:hover { font-size:1.8rem; font-family:'Lato', sans-serif }
.lato28, a.lato28, a.lato28:hover { font-size:1.4rem; font-family:'Lato', sans-serif }
.lato26, a.lato26, a.lato26:hover { font-size:1.3rem; font-family:'Lato', sans-serif }
.lato24, a.lato24, a.lato24:hover { font-size:1.2rem; font-family:'Lato', sans-serif }
.lato22, a.lato22, a.lato22:hover { font-size:1.1rem; font-family:'Lato', sans-serif }
.lato20, a.lato20, a.lato20:hover { font-size:1.0rem; font-family:'Lato', sans-serif }
.lato18, a.lato18, a.lato18:hover { font-size:0.85rem; font-family:'Lato', sans-serif }
.font18, a.font18, a.font18:hover { font-size:0.85em }
.lato16, a.lato16, a.lato16:hover { font-size:0.8rem; font-family:'Lato', sans-serif }
.font16, a.font16, a.font16:hover { font-size:0.8rem }
.lato15, a.lato15, a.lato15:hover { font-size:0.75rem; font-family:'Lato', sans-serif }
.lato14, a.lato14, a.lato14:hover { font-size:0.70rem; font-family:'Lato', sans-serif }
.lato12, a.lato12, a.lato12:hover { font-size:0.65rem; font-family:'Lato', sans-serif }
.lato11, a.lato11, a.lato11:hover { font-size:0.60rem; font-family:'Lato', sans-serif }
.lato10, a.lato10, a.lato10:hover { font-size:0.55rem; font-family:'Lato', sans-serif }

.br { display:inline-block }

.wordBreak { word-break:break-word }

/* ============================== FORM */

.caseEye {
display:inline-block;
position:relative;
width:100%;
margin:0;
padding:0
}

.eyeForm,
.eyeForm:hover {
display:inline-block;
position:absolute;
text-decoration:none;
right:5px;
top:0;
margin:0;
padding:0
}

.formCheat {
display:inline-block;
width:100%;
margin:0;
padding:0 0 25px 0
}

.cusCheck {
display:block;
position:relative;
cursor:pointer;
vertical-align:middle;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
margin:0;
padding-left:32px
}

.cusCheck input {
position:absolute;
opacity:0;
cursor:pointer;
height:0;
width:0;
}

.checkmark {
position:absolute;
height:20px;
width:20px;
background-color:white;
-webkit-box-shadow:2px 3px 11px -2px rgba(181,181,181,1);
-moz-box-shadow:2px 3px 11px -2px rgba(181,181,181,1);
box-shadow:2px 3px 11px -2px rgba(181,181,181,1);
top:0;
left:0
}

.cusCheck:hover input ~ .checkmark {
background-color:white;
}

.cusCheck input:checked ~ .checkmark {
background-color:#FADA00
}

.checkmark:after {
position:absolute;
display:none;
content:""
}

.cusCheck input:checked ~ .checkmark:after {
display:block;
}

.cusCheck .checkmark:after {
width:4px;
height:8px;
border:solid black;
border-width:0 2px 2px 0;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
left:7px;
top:4px
}

#form input, #form textarea, #form select, #form select {
display:inline-block;
background-color:white;
border:solid 1px black;
color:black;
padding:8px 12px
}

#form label {
display:inline-block;
padding:0
}

#form label span {
display:inline-block;
width:96%;
text-align:left;
margin:0 0 5px 0;
padding:0 0 0 4%
}

#password-strength-status,
#password-strength-status2 {
display:none;
width:100%;
color:white;
margin:0 0 15px 0;
padding:5px
}

#password-strength-status.medium-password,
#password-strength-status2.medium-password { display:inline-block; background-color:#E4DB11; border:#BBB418 1px solid }

#password-strength-status.weak-password,
#password-strength-status2.weak-password { display:inline-block; background-color:#FF6600; border:#AA4502 1px solid }

#password-strength-status.strong-password,
#password-strength-status2.strong-password { display:inline-block; background-color:#12CC1A; border:#0FA015 1px solid }

.field80, .field80B, .field100, .field100lm, .field100nm, .field50L, .field50T, .field50R, .area100 {
display:inline-block;
outline:none;
background-color:#f9f9f9;
border:none;
color:#12142C;
border-bottom:solid 1px #B2B2B2;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}

.champs_sport2 { display:none }

.field80 {
width:80%;
vertical-align:middle;
margin:0 5% 22px 0;
padding:6px
}

.field80B {
width:80%;
vertical-align:middle;
margin:0 5% 0 0;
padding:6px
}

.wrapF80 {
display:inline-block;
position:relative;
width:100%;
margin:0 0 22px 0;
padding:0
}

.wrapF80 input { margin-bottom:0 }

.wrapF80 p {
display:inline-block;
width:100%;
margin:10px 0 0 0;
padding:0 0 0 5px
}

.wrapF80 a.fontA { margin-right:10px !important }

.field100 {
width:100%;
margin:0 0 22px 0;
padding:6px
}

.field100lm {
width:100%;
margin:0 0 10px 0;
padding:6px
}

.field100nm {
width:100%;
margin:0;
padding:6px
}

.area100 {
width:100%;
height:120px;
vertical-align:top;
margin:0 0 22px 0;
padding:6px
}

.field50L {
width:48%;
margin:0 0 22px 0;
padding:6px
}

.field50R {
width:48%;
margin:0 0 22px 4%;
padding:6px
}

.field50T {
width:48%;
margin:0 52% 22px 0;
padding:6px
}

.fieldPlus,
.fieldPlus:hover,
.fieldPlus2,
.fieldPlus2:hover {
display:inline-block;
position:relative;
width:15%;
vertical-align:middle;
text-decoration:none;
text-align:center;
outline:none;
font-size:24px;
margin:0;
padding:0
}

.mgField44 { margin-bottom:44px !important }
.mgField36 { margin-bottom:36px !important }
.mgField11 { margin-bottom:11px !important }

.mg14 { margin-top:14px !important }

.field80::placeholder,
.field100::placeholder,
.field50L::placeholder,
.field50R::placeholder,
.area100::placeholder,
.greyField { color:#9f9f9f }

.stickYellow {
display:inline-block;
width:70%;
height:1px;
background-color:grey;
margin:0 15% 15px 15%;
padding:0
}

.stickBlue100 {
display:inline-block;
width:100%;
height:1px;
background-color:#14162B;
margin:10px 0;
padding:0
}

.journee textarea, .journee input { background-color:white }

/* ============================== IMAGE */

img { 
border:0;
text-decoration:none;
outline:none
}

.none { display:none }
.inlineBlock { display:inline-block }

pre {
display:inline-block;
width:100%;
margin:10px 0 10px 0;
padding:0
}

.imgComp { width:50%; height:auto; margin:20px 0 }
.imgNorm { width:100%; height:100%; margin:0 }
.imgNormAuto { width:100%; height:auto; margin:0 }
.imgThumb { width:20%; height:auto; margin:0 }
.imgCircle { border-radius:50% }

/* ============================== LINK */

a.fontA, a.fontA:hover { text-decoration:none }

a.fontA i,
.fontA i {
display:inline-block;
width:auto;
margin:0 5px 0 0;
padding:0
}

a.fontA3, a.fontA3:hover { text-decoration:underline }

a.fontA3 i {
display:inline-block;
width:auto;
margin:0 0 0 5px;
padding:0
}

a.fontA2 { position:relative }

a.fontA2,
a.fontA2:hover,
a.fontA2 i { text-decoration:none }

a.fontA2 i {
display:inline-block;
width:auto;
vertical-align:middle;
font-size:0.85rem;
margin:0 5px 0 0;
padding:0
}

a.fontA2 span,
a.fontA2:hover span {
text-decoration:underline;
vertical-align:middle
}

.pointer { cursor:pointer }
.default { cursor:default }

a { font-size:0.8rem; color:#202b51; text-decoration:none }
a:hover { font-size:0.8rem; color:#FADA00; text-decoration:underline }

a, a:hover, textarea, input, select, img { outline:none }

a.white:hover { color:#FADA00 }

a.editLink,
a.editLink:hover {
text-decoration:underline;
font-style:italic
}

a.editLink i {
display:inline-block;
width:auto;
text-decoration:none;
margin:0 5px 0 0;
padding:0
}

/* ============================== HACK */

* {
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}

input, textarea {
-webkit-touch-callout:text !important;
-webkit-user-select:text !important;
-khtml-user-select:text !important;
-moz-user-select:text !important;
-ms-user-select:text !important;
user-select:text !important
}

header, nav, footer, figure, section, article, figcaption, aside, p, ul, li, h1, h2, h3, span, div, a, a:hover, form, input, textarea {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
behavior:url(./UX/boxsizing.htc)
}

#bottomApp {
display:inline-block;
position:relative;
width:100%;
height:70px;
font-size:0;
line-height:0;
content:".";
color:white;
clear:both;
margin:0;
padding:0
}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
  
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.clearfix:before, .container:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer { cursor: pointer }

.swal2-title { font-size:0.85rem !important }
.swal2-html-container { font-size:0.70rem !important }
.swal2-container { z-index:9998 !important }

#suggestion-box,
#suggestion-box2,
.suggestionBox {
display:none;
position:relative;
z-index:9998 !important;
background-color:white;
width:100%;
height:1px;
margin:0;
padding:0
}

#suggestion-list,
#suggestion-list2,
.suggestionList {
position:absolute;
z-index:9999 !important;
width:100%;
background-color:white;
list-style:none;
top:-20px;
margin:0;
padding:0
}

#suggestion-box3,
#suggestion-box4,
#suggestion-box5 {
display:none;
position:relative;
z-index:9998 !important;
background-color:#E5E5E5;
width:100%;
height:1px;
margin:0;
padding:0
}

#suggestion-list3,
#suggestion-list4 {
position:absolute;
z-index:9999 !important;
width:100%;
background-color:#E5E5E5;
list-style:none;
top:-20px;
margin:0;
padding:0
}

.wrapBG {
display:inline-block;
position:relative;
width:100%;
height:auto;
background-image:url("./Design/bannerWebSD.jpg");
background-size:cover;
background-position:center;
margin:0;
padding:20px
}

#rechercherStade { z-index:3 }

#rechercherStade #suggestion-box,
#rechercherStade #suggestion-box2,
#rechercherStade #suggestion-list,
#rechercherStade #suggestion-list2 {
background-color:#E5E5E5 !important
}

#suggestion-list li,
#suggestion-list2 li,
#suggestion-list3 li,
#suggestion-list4 li,
.suggestionList li {
display:inline-block;
width:100%;
z-index:9998 !important;
background:#12142c;
font-size:0.70rem;
color:white;
text-decoration:none;
font-weight:700;
border:0;
margin:0; 
padding:10px
}

#suggestion-list li:hover,
#suggestion-list2 li:hover,
#suggestion-list3 li:hover,
#suggestion-list4 li:hover,
.suggestionList li:hover {
z-index:9998 !important;
background:#ece3d2;
font-size:0.70rem;
color:white;
text-decoration:none;
font-weight:700;
cursor:pointer
}

#fbLogo {
display:inline-block;
width:50px;
margin:0 0 0 10px;
padding:0
}

#fbLogo img {
display:inline-block;
width:50px;
height:auto;
margin:0;
padding:0
}

#listeVisites > article > a:nth-child(1),
#listeStades > article > a:nth-child(1),
#listeVoyages > article > a:nth-child(1),
#listeVoyages2 > article > a:nth-child(1),
#listeAvisWrap > article > a:nth-child(1) {
font-size:0;
line-height:0
}

.delDay {
display:inline-block;
position:absolute;
z-index:9980;
top:5px;
right:5px;
margin:0;
padding:0
}

.txtBrut a,
.txtBrut a:hover,
.txtBrut p a,
.txtBrut p a:hover {
font-size:0.75rem;
text-decoration:underline;
color:#12142c !important
}

.txtBrut.lato15 p { font-size:0.8rem }

#rechercheStade, #affinerRecherche { z-index:2 }

#noClickWrap {
display:inline-block;
position:absolute;
z-index:9997;
font-size:0;
width:100vw;
min-width:100%;
height:100vh;
min-height:100%;
background-color:rgba(0, 0, 0, 0.7);
top:0;
left:0;
margin:0;
padding:0
}

/* ============================== CKE */

.div1Demi { display:inline-block; margin:0; width:50%; padding:0 }
.div1DemiMARGE10 { display:inline-block; margin:0; width:50%; padding:0 10px }
.div1DemiMARGE25 { display:inline-block; margin:0; width:50%; padding:0 25px }
.div1Tier { display:inline-block; margin:0; width:33%; padding:0 }
.div1TierMARGE10 { display:inline-block; margin:0; width:33%; padding:0 10px }
.div1TierMARGE25 { display:inline-block; margin:0; width:33%; padding:0 25px }
.div1Tier34 { display:inline-block; margin:0; width:34%; padding:0 }
.div1Tier34MARGE10 { display:inline-block; margin:0; width:34%; padding:0 10px }
.div1Tier34MARGE25 { display:inline-block; margin:0; width:34%; padding:0 25px }
.div2Tier { display:inline-block; margin:0; width:66%; padding:0 }
.div2TierMARGE10 { display:inline-block; margin:0; width:66%; padding:0 10px }
.div2TierMARGE25 { display:inline-block; margin:0; width:66%; padding:0 25px }
.div1Quart { display:inline-block; margin:0; width:25%; padding:0 }
.div1QuartMARGE10 { display:inline-block; margin:0; width:25%; padding:0 10px }
.div1QuartMARGE25 { display:inline-block; margin:0; width:25%; padding:0 25px }
.div3Quart { display:inline-block; margin:0; width:75%; padding:0 }
.div3QuartMARGE10 { display:inline-block; margin:0; width:75%; padding:0 10px }
.div3QuartMARGE25 { display:inline-block; margin:0; width:75%; padding:0 25px }
.div1Total { display:inline-block; margin:0; width:100%; padding:0 }
.div1TotalMARGE10 { display:inline-block; margin:0; width:100%; padding:0 10px }
.div1TotalMARGE25 { display:inline-block; margin:0; width:100%; padding:0 25px }

.img100, .img90, .img90CENTER, .img75, .img75CENTER, .img50, .img50CENTER, .img25, .img25CENTER, .img15, .img15CENTER { float:left; padding:0 }

.img100 { width:100%; margin:0 }
.img90 { width:90%; margin:0 }
.img75 { width:75%; margin:0 }
.img50 { width:50%; margin:0 }
.img25 { width:25%; margin:0 }
.img15 { width:15%; margin:0 }
.img90CENTER { width:90%; margin:0 5% }
.img75CENTER { width:74%; margin:0 13% }
.img50CENTER { width:50%; margin:0 25% }
.img25CENTER { width:24%; margin:0 38% }
.img15CENTER { width:14%; margin:0 43% }

/* ====== MAGNIFIC POPUP ====== */
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown), html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { height: 100% !important; overflow-y: visible !important; }
body.swal2-height-auto { overflow-y: visible !important; height:100% !important; } 

/* ====== TOOLTIPSTER ====== */
.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}
.tooltipster-sidetip.tooltipster-light .tooltipster-box{border-radius:3px;border:1px solid #D2D2D2;background:#707070;font-size:11px}.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:#FFF;font-size:11px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#707070;top:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:#707070;left:-1px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-right-color:#707070;left:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:#707070;top:-1px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#D2D2D2}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:#D2D2D2}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:#D2D2D2}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:#D2D2D2}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}

/* ====== LIGHTCASE ===== */
@font-face{font-family:lightcase;src:url(../fonts/lightcase.eot?55356177);src:url(../fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"),url(../fonts/lightcase.woff?55356177) format("woff"),url(../fonts/lightcase.ttf?55356177) format("truetype"),url(../fonts/lightcase.svg?55356177#lightcase) format("svg");font-weight:400;font-style:normal}[class*=lightcase-icon-]:before{font-family:lightcase,sans-serif;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em}.lightcase-icon-play:before{content:'\e800'}.lightcase-icon-pause:before{content:'\e801'}.lightcase-icon-close:before{content:'\e802'}.lightcase-icon-prev:before{content:'\e803'}.lightcase-icon-next:before{content:'\e804'}.lightcase-icon-spin:before{content:'\e805'}@-webkit-keyframes lightcase-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}@-moz-keyframes lightcase-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes lightcase-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes lightcase-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes lightcase-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}#lightcase-case{display:none;position:fixed;z-index:2002;top:50%;left:50%;font-family:arial,sans-serif;font-size:13px;line-height:1.5;text-align:left;text-shadow:0 0 10px rgba(0,0,0,.5)}#lightcase-loading>span,a[class*=lightcase-icon-]>span{display:inline-block;text-indent:-9999px}@media screen and (min-width:641px){html:not([data-lc-type=error]) #lightcase-content{position:relative;z-index:1;text-shadow:none;background-color:#fff;-webkit-box-shadow:0 0 30px rgba(0,0,0,.5);-moz-box-shadow:0 0 30px rgba(0,0,0,.5);-o-box-shadow:0 0 30px rgba(0,0,0,.5);box-shadow:0 0 30px rgba(0,0,0,.5);-webkit-backface-visibility:hidden}html[data-lc-type=image] #lightcase-content,html[data-lc-type=video] #lightcase-content{background-color:#333}}html[data-lc-type=ajax] #lightcase-content,html[data-lc-type=error] #lightcase-content,html[data-lc-type=inline] #lightcase-content{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,html[data-lc-type=error] #lightcase-content .lightcase-contentInner,html[data-lc-type=inline] #lightcase-content .lightcase-contentInner{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:640px){html[data-lc-type=ajax] #lightcase-case,html[data-lc-type=inline] #lightcase-case{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;padding:55px 0 70px;width:100%!important;height:100%!important;overflow:auto!important}html[data-lc-type=ajax] #lightcase-content,html[data-lc-type=error] #lightcase-content,html[data-lc-type=inline] #lightcase-content{position:relative!important;top:auto!important;left:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:none!important;background:0 0!important}html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,html[data-lc-type=error] #lightcase-content .lightcase-contentInner,html[data-lc-type=inline] #lightcase-content .lightcase-contentInner{padding:15px}html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>*,html[data-lc-type=error] #lightcase-content .lightcase-contentInner,html[data-lc-type=error] #lightcase-content .lightcase-contentInner>*,html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>*{width:100%!important;max-width:none!important}html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>:not(iframe),html[data-lc-type=error] #lightcase-content .lightcase-contentInner>:not(iframe),html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>:not(iframe){height:auto!important;max-height:none!important}html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe{overflow:auto;-webkit-overflow-scrolling:touch}}@media screen and (max-width:640px) and (min-width:641px){html[data-lc-type=image] #lightcase-content .lightcase-contentInner,html[data-lc-type=video] #lightcase-content .lightcase-contentInner{line-height:.75}}html[data-lc-type=image] #lightcase-content .lightcase-contentInner{position:relative;overflow:hidden!important}@media screen and (max-width:640px){html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap{position:relative!important;top:auto!important;left:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:none!important;background:0 0!important}#lightcase-content h1,#lightcase-content h2,#lightcase-content h3,#lightcase-content h4,#lightcase-content h5,#lightcase-content h6,#lightcase-content p{color:#aaa}}#lightcase-loading,a[class*=lightcase-icon-]{width:1.123em;height:auto;line-height:1;text-align:center;position:fixed}@media screen and (min-width:641px){html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap{padding:30px;overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#lightcase-content h1,#lightcase-content h2,#lightcase-content h3,#lightcase-content h4,#lightcase-content h5,#lightcase-content h6,#lightcase-content p{color:#333}}#lightcase-case p.lightcase-error{margin:0;font-size:17px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aaa}@media screen and (max-width:640px){#lightcase-case p.lightcase-error{padding:30px 0}}@media screen and (min-width:641px){#lightcase-case p.lightcase-error{padding:0}}.lightcase-open body{overflow:hidden}.lightcase-isMobileDevice .lightcase-open body{max-width:100%;max-height:100%}#lightcase-info{position:absolute;padding-top:15px}#lightcase-info #lightcase-caption,#lightcase-info #lightcase-title{margin:0;padding:0;line-height:1.5;font-weight:400;text-overflow:ellipsis}#lightcase-info #lightcase-title{font-size:17px;color:#aaa}#lightcase-info #lightcase-caption{clear:both;font-size:13px;color:#aaa}#lightcase-info #lightcase-sequenceInfo{font-size:11px;color:#aaa}@media screen and (max-width:640px){#lightcase-info #lightcase-title{position:fixed;top:10px;left:0;max-width:87.5%;padding:5px 15px;background:#333}.lightcase-fullScreenMode #lightcase-info{padding-left:15px;padding-right:15px}html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info{position:static}}#lightcase-loading{z-index:2001;top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;opacity:1;font-size:32px;text-shadow:0 0 15px #fff;-moz-transform-origin:50% 53%;-webkit-animation:lightcase-spin .5s infinite linear;-moz-animation:lightcase-spin .5s infinite linear;-o-animation:lightcase-spin .5s infinite linear;animation:lightcase-spin .5s infinite linear}#lightcase-loading,#lightcase-loading:focus{text-decoration:none;color:#fff;-webkit-tap-highlight-color:transparent;-webkit-transition:color,opacity,ease-in-out .25s;-moz-transition:color,opacity,ease-in-out .25s;-o-transition:color,opacity,ease-in-out .25s;transition:color,opacity,ease-in-out .25s}a[class*=lightcase-icon-]{z-index:9999;font-size:38px;text-shadow:none;outline:0;cursor:pointer}a[class*=lightcase-icon-],a[class*=lightcase-icon-]:focus{text-decoration:none;color:rgba(255,255,255,.6);-webkit-tap-highlight-color:transparent;-webkit-transition:color,opacity,ease-in-out .25s;-moz-transition:color,opacity,ease-in-out .25s;-o-transition:color,opacity,ease-in-out .25s;transition:color,opacity,ease-in-out .25s}a[class*=lightcase-icon-]:hover{color:#fff;text-shadow:0 0 15px #fff}.lightcase-isMobileDevice a[class*=lightcase-icon-]:hover{color:#aaa;text-shadow:none}a[class*=lightcase-icon-].lightcase-icon-close{position:fixed;top:15px;right:15px;bottom:auto;margin:0;opacity:0;outline:0}a[class*=lightcase-icon-].lightcase-icon-prev{left:15px}a[class*=lightcase-icon-].lightcase-icon-next{right:15px}a[class*=lightcase-icon-].lightcase-icon-pause,a[class*=lightcase-icon-].lightcase-icon-play{left:50%;margin-left:-.5em}@media screen and (max-width:640px){a[class*=lightcase-icon-]{bottom:15px;font-size:24px}}@media screen and (min-width:641px){a[class*=lightcase-icon-].lightcase-icon-pause,a[class*=lightcase-icon-].lightcase-icon-play{opacity:0}a[class*=lightcase-icon-]{bottom:50%;margin-bottom:-.5em}#lightcase-case:hover~a[class*=lightcase-icon-],a[class*=lightcase-icon-]:hover{opacity:1}}#lightcase-overlay{display:none;width:100%;min-height:100%;position:fixed;z-index:2000;top:-9999px;bottom:-9999px;left:0;background:#333}@media screen and (max-width:640px){#lightcase-overlay{opacity:1!important}}

body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;display:none;z-index:1035}.sl-wrapper{z-index:1040;width:100%;height:100%;left:0;top:0;position:fixed}.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button{height:44px;line-height:44px;font-family:Arial,Baskerville,monospace}.sl-wrapper .sl-close,.sl-wrapper .sl-counter{top:30px;display:none;color:#000;position:fixed}.sl-wrapper *{box-sizing:border-box}.sl-wrapper button{border:0;background:0 0;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{right:30px;z-index:10060;margin-top:-14px;margin-right:-14px;width:44px;font-size:3rem}.sl-wrapper .sl-counter{left:30px;z-index:1060;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;width:22px;text-align:center;display:block;z-index:10060;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}@media (min-width:35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}.sl-wrapper .sl-image img{border:0}}@media (min-width:50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}.sl-wrapper .sl-image img{border:0}}.sl-wrapper.sl-dir-rtl .sl-navigation{direction:ltr}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0;width:100%;height:auto}.sl-wrapper .sl-image iframe{background:#000;border:0}@media (min-width:35.5em){.sl-wrapper .sl-image iframe{border:0}}@media (min-width:50em){.sl-wrapper .sl-image iframe{border:0}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease .2s;transition:-ms-transform ease .2s;transition:-o-transform ease .2s;transition:-webkit-transform ease .2s;transition:transform ease .2s}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}} .sl-close { z-index:9990 !important } .sl-wrapper { z-index:9989 !important }

/* ====== SLIDER ====== */
.rsArrow,.rsThumbs,.rsThumbsArrow{cursor:pointer}.rsOverflow,.rsSlide,.rsThumbs{overflow:hidden}.royalSlider>*,.rsGCaption,.rsTabs,.rsThumb,.rsThumbs{float:left}.royalSlider{width:100%;height:auto;position:relative;direction:ltr}.rsContainer,.rsOverflow,.rsVisibleNearbyWrap{height:100%;-webkit-tap-highlight-color:transparent;width:100%}.rsWebkit3d .rsABlock,.rsWebkit3d .rsAbsoluteEl,.rsWebkit3d .rsBtnCenterer,.rsWebkit3d .rsContainer,.rsWebkit3d .rsLink,.rsWebkit3d .rsOverflow,.rsWebkit3d .rsPreloader,.rsWebkit3d .rsSlide,.rsWebkit3d .rsThumbs,.rsWebkit3d img{-webkit-backface-visibility:hidden}.rsFade.rsWebkit3d .rsContainer,.rsFade.rsWebkit3d .rsSlide,.rsFade.rsWebkit3d img{-webkit-transform:none}.rsOverflow{position:relative;float:left}.rsVisibleNearbyWrap{position:relative;overflow:hidden;left:0;top:0}.rsVisibleNearbyWrap .rsOverflow{position:absolute;left:0;top:0}.rsContainer{position:relative}.rsThumb{position:relative}.rsArrow,.rsNav,.rsThumbsArrow{opacity:1;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear}.rsHidden{opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .3s,opacity .3s linear;-moz-transition:visibility 0s linear .3s,opacity .3s linear;-o-transition:visibility 0s linear .3s,opacity .3s linear;transition:visibility 0s linear .3s,opacity .3s linear}.rsGCaption{width:100%;text-align:center}.royalSlider.rsFullscreen{position:fixed!important;height:auto!important;width:auto!important;margin:0!important;padding:0!important;top:0!important;left:0!important;bottom:0!important;right:0!important}.royalSlider .rsSlide.rsFakePreloader{opacity:1!important;-webkit-transition:0s;-moz-transition:0s;-o-transition:0s;transition:0s;display:none}.rsLink,.rsSlide{left:0;top:0;display:block}.rsSlide{position:absolute;height:100%;width:100%}.royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide{height:auto}.rsContent{width:100%;height:100%;position:relative}.rsPreloader{position:absolute;z-index:0}.rsNav{-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}.rsNavItem{-webkit-tap-highlight-color:rgba(0,0,0,.25)}.rsThumbs{position:relative;z-index:22}.rsTabs{background:0 0!important}.rsTabs,.rsThumbs{-webkit-tap-highlight-color:transparent}.rsVideoContainer{width:auto;height:auto;line-height:0;position:relative}.rsVideoFrameHolder{position:absolute;left:0;top:0;background:#141414;opacity:0;-webkit-transition:.3s}.rsVideoFrameHolder.rsVideoActive{opacity:1}.rsVideoContainer .rsVideoObj,.rsVideoContainer embed,.rsVideoContainer iframe,.rsVideoContainer video{position:absolute;z-index:50;left:0;top:0;width:100%;height:100%}.rsVideoContainer.rsIOSVideo embed,.rsVideoContainer.rsIOSVideo iframe,.rsVideoContainer.rsIOSVideo video{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:44px}.rsABlock{position:absolute;z-index:9001}img.rsImg{max-width:none}.grab-cursor{cursor:url(./../Design/grab.png) 8 8,move}.grabbing-cursor{cursor:url(./../Design/grabbing.png) 8 8,move}.rsNoDrag{cursor:auto}.rsLink{position:absolute;width:100%;height:100%;z-index:20;background:url(./../Design/blank.gif)}
.rsMinW,.rsMinW .rsOverflow,.rsMinW .rsSlide,.rsMinW .rsThumbs,.rsMinW .rsVideoFrameHolder{color:#FFF}.rsMinW .rsArrow{height:32px;width:32px;position:absolute;display:block;cursor:pointer;z-index:21}.rsMinW .rsArrowLeft{right:37px;bottom:7px}.rsMinW .rsArrowRight{right:7px;bottom:7px}.rsMinW .rsArrowIcn{width:24px;height:24px;margin-top:3px;margin-left:3px;position:absolute;cursor:pointer;background:url(./../Design/rs-minimal-white.png);border-radius:2px}.rsMinW.rsHor .rsArrowLeft .rsArrowIcn{background-position:-68px -36px}.rsMinW.rsHor .rsArrowRight .rsArrowIcn{background-position:-68px -68px}.rsMinW.rsVer .rsArrowLeft .rsArrowIcn{background-position:-100px -36px}.rsMinW.rsVer .rsArrowRight .rsArrowIcn{background-position:-100px -68px}.rsMinW .rsArrowDisabled .rsArrowIcn{opacity:.3!important;filter:alpha(opacity=30)}.rsMinW .rsBullets{position:absolute;bottom:15px;right:73px;z-index:35;padding-top:4px;height:auto;text-align:center;line-height:6px;overflow:hidden}.rsMinW .rsBullet{width:6px;height:6px;display:inline-block;padding:6px 5px 6px 4px}.rsMinW .rsBullet span{display:block;width:6px;height:6px;border-radius:50%;background:#CCC;background:rgba(0,0,0,.3);box-shadow:0 0 1px 1px rgba(0,0,0,.1)}.rsMinW .rsBullet.rsNavSelected span{background:#000}.rsMinW .rsThumbsHor{width:100%;height:72px}.rsMinW .rsThumbsVer{width:96px;height:100%;position:absolute;top:0;right:0}.rsMinW.rsWithThumbsHor .rsThumbsContainer{position:relative;height:100%}.rsMinW.rsWithThumbsVer .rsThumbsContainer{position:relative;width:100%}.rsMinW .rsThumb{float:left;overflow:hidden;width:96px;height:72px}.rsMinW .rsThumb img{width:100%;height:100%}.rsMinW .rsThumb.rsNavSelected{background:#333}.rsMinW .rsThumb.rsNavSelected img{filter:alpha(opacity=40);opacity:.7}.rsMinW .rsThumb.rsNavSelected span.thumbIco{position:absolute;top:0;bottom:0;left:0;right:0;border:2px solid #FFF;border:2px solid rgba(255,255,255,.9);-webkit-backface-visibility:hidden}.rsMinW .rsTmb{display:block}.rsMinW .rsThumbsArrow{height:100%;width:20px;position:absolute;display:block;cursor:pointer;z-index:21}.rsMinW.rsWithThumbsVer .rsThumbsArrow{width:100%;height:20px}.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft{top:0;left:0}.rsMinW.rsWithThumbsVer .rsThumbsArrowRight{bottom:0;left:0}.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft{left:0;top:0}.rsMinW.rsWithThumbsHor .rsThumbsArrowRight{right:0;top:0}.rsMinW .rsThumbsArrowIcn{width:16px;height:16px;top:50%;left:50%;margin-top:-8px;margin-left:-8px;position:absolute;cursor:pointer;background:url(./../Design/rs-minimal-white.png)}.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn{background-position:-128px -32px}.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn{background-position:-128px -48px}.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn{background-position:-144px -32px}.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn{background-position:-144px -48px}.rsMinW .rsThumbsArrowDisabled{display:none!important}@media screen and (min-width:0px) and (max-width:800px){.rsMinW .rsThumb{width:59px;height:44px}.rsMinW .rsThumbsHor{height:44px}.rsMinW .rsThumbsVer{width:59px}}.rsMinW .rsTabs{width:100%;margin:0 auto;text-align:center;overflow:hidden;padding-top:12px;position:relative}.rsMinW .rsTab{display:inline-block;cursor:pointer;text-align:center;height:auto;width:auto;color:#333;padding:5px 13px 6px;min-width:72px;border:1px solid #D9D9DD;border-right:1px solid #f5f5f5;text-decoration:none;background-color:#000;background-image:-webkit-linear-gradient(top,#fefefe,#f4f4f4);background-image:-moz-linear-gradient(top,#fefefe,#f4f4f4);background-image:linear-gradient(to bottom,#fefefe,#f4f4f4)}.rsMinW .rsTab:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}.rsMinW .rsTab:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;border-right:1px solid #cfcfcf}.rsMinW .rsTab:active{border:1px solid #D9D9DD;background-color:#f4f4f4;box-shadow:0 1px 4px rgba(0,0,0,.2) inset}.rsMinW .rsTab.rsNavSelected{color:#000;border:1px solid #999;text-shadow:1px 1px #838383;box-shadow:0 1px 9px rgba(102,102,102,.65) inset;background:#ACACAC;background-image:-webkit-linear-gradient(top,#ACACAC,#BBB);background-image:-moz-llinear-gradient(top,#ACACAC,#BBB);background-image:linear-gradient(to bottom,#ACACAC,#BBB)}.rsMinW .rsFullscreenBtn{right:0;top:0;width:44px;height:44px;z-index:22;display:block;position:absolute;cursor:pointer}.rsMinW .rsFullscreenIcn{display:block;margin:6px;width:32px;height:32px;background:url(./../Design/rs-minimal-white.png)}.rsMinW .rsFullscreenIcn:hover{opacity:.8}.rsMinW.rsFullscreen .rsFullscreenIcn{background-position:-32px 0}.rsMinW .rsPlayBtn{-webkit-tap-highlight-color:rgba(0,0,0,.3);width:64px;height:64px;margin-left:-32px;margin-top:-32px;cursor:pointer}.rsMinW .rsPlayBtnIcon{width:64px;display:block;height:64px;-webkit-border-radius:4px;border-radius:4px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;background:url(./../Design/rs-minimal-white.png) 0 -32px no-repeat #000;background-color:rgba(0,0,0,.75)}.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon{background-color:rgba(0,0,0,.9)}.rsMinW .rsBtnCenterer{position:absolute;left:50%;top:50%;width:20px;height:20px}.rsMinW .rsCloseVideoBtn{right:0;top:0;width:44px;height:44px;z-index:500;position:absolute;cursor:pointer;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.rsMinW .rsCloseVideoBtn.rsiOSBtn{top:-38px;right:-6px}.rsMinW .rsCloseVideoIcn{margin:6px;width:32px;height:32px;background:url(./../Design/rs-minimal-white.png) -64px 0 #000;background-color:rgba(0,0,0,.75)}.rsMinW .rsCloseVideoIcn:hover{background-color:rgba(0,0,0,.9)}.rsMinW .rsPreloader{width:20px;height:20px;background-image:url(./../Design/preloader-white.gif);left:50%;top:50%;margin-left:-10px;margin-top:-10px}.rsMinW .rsGCaption{position:absolute;float:none;bottom:6px;left:6px;text-align:left;background:#000;background:rgba(0,0,0,.75);color:#FFF;padding:2px 8px;width:auto;font-size:12px;border-radius:2px}@media only screen and (max-width:800px){.rsBullets{top:0}.royalSlider{height:140px;min-height:140px}.rsBullet>span{margin-top:100px}}
.photosBy,.photosBy a{color:#000}.rsABlock{background-color:rgba(255,255,255,.7);font-family:Roboto;padding:10px 15px;text-transform:uppercase;font-weight:700}#full-width-slider{width:100%;color:#000}.coloredBlock{padding:12px;background:rgba(255,0,0,.6);width:200px;left:20%;top:5%}.infoBlock{position:absolute;top:30px;right:30px;left:auto;max-width:25%;background:#FFF;background:rgba(255,255,255,.8);overflow:hidden;padding:20px}.infoBlockLeftBlack{background:#000;background:rgba(0,0,0,.75);left:30px;right:auto}.infoBlock h4{font-size:20px;line-height:1.2;margin:0;padding-bottom:3px}.infoBlock p{font-size:14px;margin:4px 0 0}.infoBlock a{text-decoration:underline}.photosBy{line-height:24px;font-size:12px;background:#FFF;padding:0 10px;position:absolute;left:12px;bottom:12px;top:auto;border-radius:2px;z-index:25}.fullWidth{max-width:1400px;margin:0 auto 24px}

/* ====== COOKIE ====== */
.cookie-message p:nth-child(1),.cookie-message p:nth-child(2){display:inline-block;vertical-align:middle;margin:0;color:#fff;font-size:12px}.cookie-message{display:inline-block;position:fixed;width:100%;top:0;left:0;right:0;padding:12px 10px 15px;z-index:99}.cookie-message p:nth-child(1){width:75%}.cookie-message p:nth-child(2){width:25%;text-align:right}.cookiebar-close,.cookiebar-close:hover{color:#fff;cursor:pointer;background-color:#57a957;border-color:#57a957;text-align:center;font-size:12px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;margin:0;padding:7px 20px}#cookieMore,#cookieWhat{text-decoration:underline;color:#fff;font-size:12px}#cookieMore:hover,#cookieWhat:hover{text-decoration:none;color:#f4f4f4;font-size:12px}.cookieblue{background-color:#0e1d33}
#cookie-message, .ui-widget { position:absolute !important; z-index:9999 !important }

/* ====== AOS ====== */
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}

/* ====== TOOLTIP ====== */
[data-tooltip]{position:relative;z-index:2;cursor:pointer}[data-tooltip]:after,[data-tooltip]:before{visibility:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;pointer-events:none}[data-tooltip]:before{position:absolute;bottom:150%;left:50%;margin-bottom:5px;margin-left:-80px;padding:12px 20px;width:160px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#000;background-color:hsla(0,0%,20%,.9);color:#fff;content:attr(data-tooltip);text-align:center;font-size:14px;line-height:20px}[data-tooltip]:after{position:absolute;bottom:150%;left:50%;margin-left:-5px;width:0;border-top:5px solid #000;border-top:5px solid hsla(0,0%,20%,.9);border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}

/* ======= DATEPICKER ========= */
.button.view-switch, .datepicker-controls, .datepicker-picker .view-switch { vertical-align:middle !important; padding-top:4px !important; font-size:0.70rem !important; text-transform:uppercase }
.days-of-week { font-size:0.70rem; color:black }
.datepicker-cell.day { font-size:0.65rem; color:#1C1D24 }
.datepicker-cell.day.next { font-size:0.65rem; color:grey }
.datepicker-cell.day.prev { font-size:0.65rem; color:grey }
.datepicker-cell.month { font-size:0.65rem; color:grey }
.datepicker-cell.year { font-size:0.65rem; color:grey }

.datepicker{display:none}.datepicker.active{display:block}.datepicker-dropdown{left:0;padding-top:4px;position:absolute;top:0;z-index:20}.datepicker-dropdown.datepicker-orient-top{padding-bottom:4px;padding-top:0}.datepicker-picker{background-color:#fff;border-radius:4px;display:inline-block}.datepicker-dropdown .datepicker-picker{box-shadow:0 2px 3px hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.1)}.datepicker-picker span{-webkit-touch-callout:none;border:0;border-radius:4px;cursor:default;display:block;flex:1;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker-main{padding:2px}.datepicker-footer{background-color:#f5f5f5;box-shadow:inset 0 1px 1px hsla(0,0%,4%,.1)}.datepicker-controls,.datepicker-grid,.datepicker-view,.datepicker-view .days-of-week{display:flex}.datepicker-grid{flex-wrap:wrap}.datepicker-view .days .datepicker-cell,.datepicker-view .dow{flex-basis:14.2857142857%}.datepicker-view.datepicker-grid .datepicker-cell{flex-basis:25%}.datepicker-cell,.datepicker-view .week{height:2.25rem;line-height:2.25rem}.datepicker-title{background-color:#f5f5f5;box-shadow:inset 0 -1px 1px hsla(0,0%,4%,.1);font-weight:700;padding:.375rem .75rem;text-align:center}.datepicker-header .datepicker-controls{padding:2px 2px 0}.datepicker-controls .button{align-items:center;background-color:#fff;border:1px solid #dbdbdb;border-radius:4px;box-shadow:none;color:#363636;cursor:pointer;display:inline-flex;font-size:1rem;height:2.25em;justify-content:center;line-height:1.5;margin:0;padding:calc(.375em - 1px) .75em;position:relative;text-align:center;vertical-align:top;white-space:nowrap}.datepicker-controls .button:active,.datepicker-controls .button:focus{outline:none}.datepicker-controls .button:hover{border-color:#b5b5b5;color:#363636}.datepicker-controls .button:focus{border-color:#3273dc;color:#363636}.datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.datepicker-controls .button:active{border-color:#4a4a4a;color:#363636}.datepicker-controls .button[disabled]{cursor:not-allowed}.datepicker-header .datepicker-controls .button{border-color:transparent;font-weight:700}.datepicker-header .datepicker-controls .button:hover{background-color:#f9f9f9}.datepicker-header .datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em hsla(0,0%,100%,.25)}.datepicker-header .datepicker-controls .button:active{background-color:#f2f2f2}.datepicker-header .datepicker-controls .button[disabled]{box-shadow:none}.datepicker-footer .datepicker-controls .button{border-radius:2px;font-size:.75rem;margin:calc(.375rem - 1px) .375rem;width:100%}.datepicker-controls .view-switch{flex:auto}.datepicker-controls .next-btn,.datepicker-controls .prev-btn{padding-left:.375rem;padding-right:.375rem;width:2.25rem}.datepicker-controls .next-btn.disabled,.datepicker-controls .prev-btn.disabled{visibility:hidden}.datepicker-view .dow{font-size:.875rem;font-weight:700;height:1.5rem;line-height:1.5rem}.datepicker-view .week{color:#b5b5b5;font-size:.75rem;width:2.25rem}@media (max-width:22.5rem){.datepicker-view .week{width:1.96875rem}}.datepicker-grid{width:15.75rem}@media (max-width:22.5rem){.calendar-weeks+.days .datepicker-grid{width:13.78125rem}}.datepicker-cell:not(.disabled):hover{background-color:#f9f9f9;cursor:pointer}.datepicker-cell.focused:not(.selected){background-color:#e8e8e8}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:#3273dc;color:#fff;font-weight:600}.datepicker-cell.disabled{color:#dbdbdb}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:#7a7a7a}.datepicker-cell.next.selected,.datepicker-cell.prev.selected{color:#e6e6e6}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){background-color:#f5f5f5;border-radius:0}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#eee}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{background-color:#e8e8e8}.datepicker-cell.today:not(.selected){background-color:#00d1b2}.datepicker-cell.today:not(.selected):not(.disabled){color:#fff}.datepicker-cell.today.focused:not(.selected){background-color:#00c4a7}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#b5b5b5;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#afafaf}.datepicker-cell.range-start{border-radius:4px 0 0 4px}.datepicker-cell.range-end{border-radius:0 4px 4px 0}.datepicker-cell.range{background-color:#dbdbdb;border-radius:0}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#d5d5d5}.datepicker-cell.range.disabled{color:#c2c2c2}.datepicker-cell.range.focused{background-color:#cfcfcf}.datepicker-view.datepicker-grid .datepicker-cell{height:4.5rem;line-height:4.5rem}.datepicker-input.in-edit{border-color:#2366d1}.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:0 0 .25em .25em rgba(35,102,209,.2)}

/* ======= A CONFIRM ========= */
.jconfirm-title-c { font-size:0.8rem !important; font-family:'Lato', sans-serif !important; color:white }
.jconfirm-box  { background-color:#0e1331 !important }
.jconfirm-content { font-size:0.70rem !important; font-family:'Lato', sans-serif !important; color:white }
.jconfirm-buttons button { background-color:#f9d310 !important; font-size:0.65rem !important; font-family:'Lato', sans-serif !important; color:white }

/* ======= FONT SELECT ======== */
.font-select>a,.font-select>a span{overflow:hidden;white-space:nowrap;font-size:.8rem!important}.font-select,.font-select .fs-drop,.font-select .fs-results li,.font-select-active>a,.font-select-active>a div,.font-select>a,.font-select>a span{font-size:.8rem!important}.font-select{position:relative;display:inline-block;zoom:1;width:100%;outline:0;background:0 0;border:none;color:#12142C;border-bottom:solid 1px #B2B2B2;margin:0 0 22px;padding:0 0 4px}.font-select .fs-drop{position:absolute;z-index:999;background:#fff;border:1px solid #aaa;border-top:0;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);-moz-box-shadow:0 4px 5px rgba(0,0,0,.15);-o-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);top:29px;left:0}.font-select>a{display:block;position:relative;background-color:#fff;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:none;height:26px;line-height:26px;padding:0 0 0 8px;color:#444;text-decoration:none}.font-select>a span{display:block;margin-right:26px;line-height:1.8;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;cursor:pointer}.font-select>a div{display:block;position:absolute;height:100%;width:18px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background:#ccc;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ccc),color-stop(.6,#eee));background-image:-webkit-linear-gradient(center bottom,#ccc 0,#eee 60%);background-image:-moz-linear-gradient(center bottom,#ccc 0,#eee 60%);background-image:-o-linear-gradient(bottom,#ccc 0,#eee 60%);background-image:-ms-linear-gradient(top,#ccc 0,#eee 60%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0 );background-image:linear-gradient(top,#ccc 0,#eee 60%);right:0;top:0}.font-select>a div b{display:block;width:100%;height:100%;background:url(./Design/fs-sprite.png) 0 1px no-repeat;cursor:pointer}.font-select .fs-drop{width:100%;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.font-select .fs-results{margin:0 4px 4px 0;max-height:190px;width:100%;padding:0 0 0 4px;position:relative;overflow-x:hidden;overflow-y:auto}.font-select .fs-results li{width:100%;line-height:80%;padding:7px 7px 8px;margin:0;color:#000;list-style:none}.font-select .fs-results li.active{background:#3875d7;color:#000;font-size:.8rem!important;cursor:pointer}.font-select .fs-results li em{background:#feffde;font-style:normal}.font-select .fs-results li.active em{background:0 0}.font-select-active>a{border:1px solid #aaa;-webkit-box-shadow:0 1px 0 #fff inset;-moz-box-shadow:0 1px 0 #fff inset;-o-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background-color:#eee;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(.5,#eee));background-image:-webkit-linear-gradient(center bottom,#fff 0,#eee 50%);background-image:-moz-linear-gradient(center bottom,#fff 0,#eee 50%);background-image:-o-linear-gradient(bottom,#fff 0,#eee 50%);background-image:-ms-linear-gradient(top,#fff 0,#eee 50%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );background-image:linear-gradient(top,#fff 0,#eee 50%);-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.font-select-active>a div{background:0 0;border-left:none}.font-select-active>a div b{background-position:-18px 1px}