body {
	--is_small_screen:0;
	--skewfactor:1 / 3;
	--default-font-family:ptsans;
	--default-font-size:14px;
	--titles-font-family:haettenschweiler;
	--viewer-top-margin:0px;/*utile quand un élément ajouté par dessus la carto en desktop doit apparaître tout en haut en mobile*/
	--blockmark-height:108px;
	--blockmark-width:370px;
	--title-height:54px;
	--geovoile-height:var(--title-height);
	--geovoile-width:calc(var(--geovoile-height) * 1.8);
	--geovoile-skewval:calc(var(--geovoile-height) * var(--skewfactor));
	--rank-font-family:var(--default-font-family);
	--rank-font-size:21px;
	--rank-font-weight:bold;
	--rank-text-transform:none;
	--boatname-font-family:var(--default-font-family);
	--boatname-font-size:16px;
	--boatname-font-weight:bold;
	--boatname-text-transform:none;
	--skippername-font-family:var(--default-font-family);
	--skippername-font-size:14px;
	--skippername-font-weight:normal;
	--skippername-text-transform:none;
	--bgweft:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTYtMDQtMDhUMTI6NTY6MDUrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE2LTA0LTA4VDE2OjA1OjQyKzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE2LTA0LTA4VDE2OjA1OjQyKzAyOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQUZFMkFENkZEOTIxMUU1QUE1NzlENUY5NkE1RkE0MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQUZFMkFEN0ZEOTIxMUU1QUE1NzlENUY5NkE1RkE0MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZBRkUyQUQ0RkQ5MjExRTVBQTU3OUQ1Rjk2QTVGQTQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZBRkUyQUQ1RkQ5MjExRTVBQTU3OUQ1Rjk2QTVGQTQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6TcwpQAAAIlJREFUeNrsk8EOwCAIQwW9+v9fq06W1HTZbT0tgYvGRwOKtbVWN7Pi7mXOWTg2u1eFOzYBa60HhiCEKre96WOM0wmLkCjxqNxaO4cACJXfTxQdRCecxNdVuD+qURKLFO4AqMzXxa9Q+J6J9de70eAg/sy5Cx4cfoPK0wfpg/RB+iB98AsfXAIMAFX/H/GlpWSMAAAAAElFTkSuQmCC);

	--board-top:var(--blockmark-height);
  --databoard-head-height:40px;
}
	

/*### BODY ###*/
@media screen	{
html, body {
	height:100%;
	width:100%;
	box-sizing:border-box;
	overflow:hidden;
}
body {
	touch-action:pan-x pan-y;
	display:flex;
	flex-direction:column;
}
body, * {
	font-family:var(--default-font-family);
	font-size:var(--default-font-size);
}
body * {
	-webkit-user-select:none; /* Chrome, Safari, Opéra depuis la version 15 */
		 -moz-user-select:none; /* Firefox */
			-ms-user-select:none; /* Internet explorer depuis la version 10 et Edge */
					user-select:none; /* Propriété standard */
}

strong {
	font-weight:bold;
}
header:empty {
	display:none;
}
main {
	flex:auto;
	display:flex;
	flex-direction:row;
}
aside {
	flex:none;
}
aside:empty {
	display:none;
}
footer {
	flex:none;
}
footer:empty {
	display:none;
}
#page {
	flex:auto;
	position:relative;
}
	
.nat.FRA:before {
	background-image:url('assets/img/flag_fr.svg');
}
.nat.CZE:before {
	background-image:url('assets/img/flag_cz.png');
}
.nat.ESP:before {
	background-image:url('assets/img/flag_es.svg');
}
.nat.BEL:before {
	background-image:url('assets/img/flag_be.svg');
}
.nat.GBR:before {
	background-image:url('assets/img/flag_en.svg');
}
.nat.GER:before {
	background-image:url('assets/img/flag_de.svg');
}
.nat.GRE:before {
	background-image:url('assets/img/flag_gc.png');
}
.nat.ITA:before {
	background-image:url('assets/img/flag_it.svg');
}
.nat.JPN:before {
	background-image:url('assets/img/flag_jp.svg');
}
.nat.POL:before {
	background-image:url('assets/img/flag_po.png');
}
.nat.RUS:before {
	background-image:url('assets/img/flag_ru.gif');
}
.nat.SUI:before {
	background-image:url('assets/img/flag_ch.svg');
}
.nat.UAE:before {
	background-image:url('assets/img/flag_uae.png');
}
.nat.IRL:before {
	background-image:url('assets/img/flag_ie.png');
}
.nat.AUS:before {
	background-image:url('assets/img/flag_au.png');
}
.nat.URY:before {
	background-image:url('assets/img/flag_uy.png');
}
.nat.USA:before {
	background-image:url('assets/img/flag_us.svg');
}
.nat.AUT:before {
	background-image:url('assets/img/flag_at.svg');
}
.nat.SLO:before {
	background-image:url('assets/img/flag_si.svg');
}
.nat.MAR:before {
	background-image:url('assets/img/flag_ma.svg');
}
.nat.SWE:before {
	background-image:url('assets/img/flag_se.svg');
}
.nat.CAN:before {
	background-image:url('assets/img/flag_ca.svg');
}
.nat.NED:before {
	background-image:url('assets/img/flag_nl.svg');
}
.nat.NLD:before {
	background-image:url('assets/img/flag_nl.svg');
}
.nat.BRA:before {
	background-image:url('assets/img/flag_br.gif');
}
.nat.URU:before {
	background-image:url('assets/img/flag_uy.svg');
}
.nat.ARG:before {
	background-image:url('assets/img/flag_ar.svg');
}
.nat.SA:before {
	background-image:url('assets/img/flag_sa.svg');
}
.nat.VEN:before {
	background-image:url('assets/img/flag_ve.svg');
}
.nat.LUX:before {
	background-image:url('assets/img/flag_lu.svg');
}
.nat.CHN:before {
	background-image:url('assets/img/flag_cn.svg');
}
.nat.HUN:before {
	background-image:url('assets/img/flag_hu.svg');
}
.nat.NZL:before {
	background-image:url('assets/img/flag_nz.svg');
	background-size:cover !important;
}
.nat.ZAF:before {
	background-image:url('assets/img/flag_za.svg');
}
.nat.FIN:before {
	background-image:url('assets/img/flag_fi.svg');
}
.nat.TUR:before {
  background-image: url('assets/img/flag_tr.svg');
}
.nat.EST:before {
  background-image: url('assets/img/flag_ee.svg');
}
	
.photos {
	height:60px;
	margin-right:5px;
}
.photos .img {
	display:flex;
	justify-content:center;
	overflow:hidden;
	width:60px;
	height:100%;
}
.photos.byside {
	display:flex;
	flex-wrap:nowrap;
}
.photos.byside .img {
	width:45px;
}
.photos.byside .img+.img {
	margin-left:3px;
}
.photos.flip {
	width:60px;
}
.photos.flip .img {
	position:absolute;
	display:flex;
	justify-content:center;
	overflow:hidden;
}
.photos.flip .img:nth-child(n+2){
	display:none;
}

.onoff {
	--height:16px;
	--pad:2px;
	position:relative;
	display:inline-block;
	height:var(--height);
	width:calc(var(--height) * 1.5 + var(--pad));
	cursor:pointer;
}
.onoff:before {
	content:'';
	position:absolute;
	display:block;
	top:0;
	right:0;
	width:100%;
	height:var(--height);
	border-radius:calc(var(--height) / 2);
	transition:0.2s;
	box-sizing:border-box;
	border:1px solid transparent;
}
.onoff:after {
	--size:calc(var(--height) - var(--pad) * 2);
	content:'';
	position:absolute;
	display:block;
	top:var(--pad);
	left:var(--pad);
	width:var(--size);
	height:var(--size);
	border-radius:50%;
	transition:0.2s;
}
.onoff.on:before {
	transition:0.2s;
}
.onoff.on:after {
	left:calc(100% - var(--size) - var(--pad));
	transition:0.2s;
}

@keyframes uwait {
	0%	 {transform:rotate(0deg);}
	25%	{transform:rotate(90deg);}
	50%	{transform:rotate(180deg);}
	75%	{transform:rotate(270deg);}
	100% {transform:rotate(360deg);}
}	
.wait {
	display:none;
	width:20px;
	height:20px;
}
.wait svg {
	width:100%;
	height:100%;
	animation-name:uwait;
	animation-duration:1s;
	animation-iteration-count:infinite;
	transform-origin:50% 50%;
	animation-timing-function:steps(2, end);
}
.wait path {
	stroke-width:2px;
	stroke-linejoin:round;
	fill:none;
}
.waiting .wait {
	display:inline-block;
}

}
	
	

/*### BLOCKMARK ###*/
@media screen	{
#blockmark {
	--skewval:calc(var(--blockmark-height) * var(--skewfactor));
	position:absolute;
	top:var(--viewer-top-margin);
	left:0;
	width:var(--blockmark-width);
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	overflow:visible;
	height:var(--blockmark-height);
	padding-right:var(--skewval);
	clip-path: polygon(0 0, 100% 0, calc(100% - var(--skewval)) 100%, 0 100%);
}
#logo {
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	margin:auto;
	flex:auto;
}
#logo a {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:calc(100% - 10px);
}
#logo a img {
	height:100%;
}

#carousel {
	position:relative;
	margin:auto;
	height:100%;
	width:calc(var(--blockmark-width) / 2);
}
#carousel>* {
	display:none;
}
#carousel>.on {
	display:block;
}
#carousel a {
	position:absolute;
	display:none;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
#carousel a.on {
	display:block;
}
}
		
	

/*### SUBTITLE ###*/
@media screen	{
#subtitle {
	--height:var(--title-height);
	--skewval:calc(var(--height) * var(--skewfactor));
	position:absolute;
	left:var(--blockmark-width);
	top:var(--viewer-top-margin);
	height:var(--height);
	padding:0 calc(var(--skewval) + 1em) 0 calc(var(--skewval) * 2 + 1em);
	white-space:nowrap;
	font-size:32px;
	line-height:var(--height);
	font-family:haettenschweiler;
	text-transform:uppercase;
	clip-path: polygon(0 0, 100% 0, calc(100% - var(--skewval)) 100%, 0 100%);
}
#subtitle:empty {
	display:none;
}
}



/*### NAV ###*/
@media screen	{
#nav	{
	--size:var(--title-height);
	--main-skewval:calc(var(--size) * var(--skewfactor));
	position:absolute;
	right:0px;
	top:var(--viewer-top-margin);
	height:var(--size);
	white-space:nowrap;
	z-index:10000;
}
#nav.on {
	position:fixed;
  left:0;
	bottom:0;
  height:auto;
	display:flex;
	align-items:center;
	justify-content:center;
  -webkit-backdrop-filter: blur(20px);
					backdrop-filter: blur(20px);
	clip-path:none;
}
#nav .buttons {
	position:absolute;
	top:0px;
	right:0px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 0 0 var(--main-skewval);
	clip-path: polygon(var(--main-skewval) 0, 100% 0, 100% 100%, 0 100%);
}
#nav .buttons .burger,
#nav .buttons .cross {
	position:relative;
	height:var(--size);
	width:var(--size);
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
}
#nav.on .buttons .burger {
	display:none;
}
#nav .buttons .burger .line {
	position:relative;
	display:inline-block;
	width:21px;
	height:3px;
	margin-top:-2px;
	box-sizing:border-box;
}
#nav .buttons .burger .line:before {
	content:'';
	position:absolute;
	top:-7px;
	display:block;
	width:21px;
	height:3px;
}
#nav .buttons .burger .line:after {
	content:'';
	position:absolute;
	bottom:-7px;
	display:block;
	width:21px;
	height:3px;
}
#nav .buttons .cross {
	display:none;
}
#nav.on .buttons .cross {
	display:flex;
}
#nav .buttons .cross .line {
	position:relative;
	display:inline-block;
	width:21px;
	height:3px;
	margin-top:-2px;
	box-sizing:border-box;
	transform:rotate(45deg);
}
#nav .buttons .cross .line:before {
	content:'';
	top:0;
	position:absolute;
	display:block;
	width:21px;
	height:3px;
	transform:rotate(90deg);
}

#nav .content {
	display:flex;
	box-sizing:border-box;
}
#nav:not(.on) .content {
	padding-right:calc(var(--size));
}
#nav.on .content {
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	width:90vw;
	max-height:90vh;
	overflow:auto;
	scrollbar-width:none;
}
#nav .content::-webkit-scrollbar {
	width:0px;
}
#nav .content .leg {
	display:none;
	box-sizing:border-box;
}
#nav .content .leg.on {
	display:flex;
}
#nav.on .content .leg {
	display:flex;
	flex-direction:column;
	width:100%;
	max-width:350px;
	margin:20px;
	box-sizing:border-box;
}
#nav .content .leg label {
	position:relative;
	height:var(--size);
	width:100%;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:26px;
	font-family:var(--titles-font-family);
	padding:0 calc(var(--main-skewval) + 15px) 0 calc(var(--main-skewval) + 15px);
	clip-path: polygon(var(--main-skewval) 0, 100% 0, 100% 100%, 0 100%);
}
#nav .content .leg label sup, 
#nav .content .leg label sub {
  display: block;
  white-space: nowrap;
  line-height: 1;
}
#nav .content .leg label sup {
	font-size:26px;
	line-height:0.8;
}
#nav .content .leg label sub {
	font-size:16px;
}
#nav:not(.on) .content .leg label {
	pointer-events:none;
}
#nav.on .content .leg label {
	clip-path: polygon(var(--main-skewval) 0, 100% 0, calc(100% - var(--main-skewval)) 100%, 0 100%);
}
#nav .content .leg .links {
	display:none;
}
#nav.on .content .leg .links {
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:flex-start;
	width:calc(100% - var(--main-skewval));
	box-sizing:border-box;
}
#nav .content .leg .links a {
	--height:30px;
	--skewval:calc(var(--height) * var(--skewfactor));
	position:relative;
	height:var(--height);
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:18px;
	font-family:var(--titles-font-family);
	margin:2px 0;
	width:100%;
}
#nav .content .leg .links.standalone a {
	height:var(--size);
	width:100%;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:26px;
	font-family:var(--titles-font-family);
	padding:0 calc(var(--main-skewval) + 15px) 0 calc(var(--main-skewval) + 15px);
	clip-path: polygon(var(--main-skewval) 0, 100% 0, calc(100% - var(--main-skewval)) 100%, 0 100%);
}


/*#nav .content {
	padding-right:var(--size);
	text-align:right;
}
	
#nav article {
	text-align:left;
}
	
#nav a {
	display:none;
	flex-direction:column;
	justify-content:center;
	position:relative;
	height:var(--size);
	font-size:26px;
	font-family:haettenschweiler;
	text-align:left;
	padding:0 calc(var(--skewval) + 15px) 0 calc(var(--skewval) + 15px);
	clip-path: polygon(var(--skewval) 0, 100% 0, 100% 100%, 0 100%);
	margin-right:calc(0px - var(--skewval));
}
#nav.on a,
#nav a.on {
	display:inline-flex;
}
#nav a.on {
	margin-right:0;
}
#nav.on a.on {
	margin-right:calc(0px - var(--skewval));
}
#nav.on a:last-of-type {
	margin-right:0;
}
#nav a sup,
#nav a sub {
	display:block;
	white-space:nowrap;
	line-height:1;
}
#nav a sup {
	line-height:0.8;
}
#nav a sub {
	font-size:16px;
}
	
#nav.onLeft {
	right:auto;
	left:0;
}
#nav.onLeft.on {
	right:0;
	left:0;
}
#nav.onLeft .buttons {
	right:auto;
	left:5px;
}*/
}
	


/*### CREDITS ###*/
@media screen	{
#credits {
	position:absolute;
	bottom:0;
	right:0;
}
#credits.on {
	position:fixed;
	top:0;
	left:0;
	display:block;
	z-index:20000;
}
#credits .frame {
	display:none;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	-webkit-backdrop-filter:blur(20px);
	backdrop-filter:blur(20px);
}
#credits.on .frame {
	display:flex;
	align-items:center;
	justify-content:center;
}
#credits .frame .mask {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	cursor:pointer;
}
#credits .frame .content {
	position:relative;
	overflow:auto;
	font-size:16px;
	text-align:center;
	border:1px solid transparent;
	box-shadow:1px 1px 3px 3px rgba(0,0,0,0.3);
	padding:2vmin 0;
}
#credits .frame .content .credit {
	display:flex;
	flex-direction:column;
	align-items:center;
	margin:0 10vmin;
}
#credits .frame .content big {
	font-family:haettenschweiler;
	font-size:21px;
}
#credits .frame .content small {
	font-weight:bold;
}
#credits .frame .content .credit+.credit:before {
	content:'•';
	display:block;
}
#credits a {
	opacity:0.6;
}
#credits .frame .content svg {
	max-height:75px;
}
#credits .frame .content .credit_mwi svg {
	max-height:65px;
}
	
#credits .frame .content .replayurl {
	display:block !important;
	line-height:21px;
}

#credits .geovoile {
	--skewval:calc(var(--geovoile-height) * var(--skewfactor));
	position:relative;
	clip-path:polygon(var(--skewval) 0, 100% 0, 100% 100%, 0 100%);
}
#credits.on .geovoile {
	position:absolute;
	bottom:0;
	right:0;
}
#credits .geovoile .link{
	height:var(--geovoile-height);
	width:var(--geovoile-width);
	padding-left:calc(var(--skewval) + 5px);
	box-sizing:border-box;
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center;
}
#credits .geovoile .link svg {
	height:75%;
}
}



/*### HOVERS ###*/
@media (hover:hover) and (pointer:fine) {
}