/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap');


@font-face{
	font-family:'KingsOfPacifica';
	font-display:swap;src:url("/fonts/KingsOfPacifica.woff2") format("woff2"),
	url("/fonts/KingsOfPacifica.woff") format("woff"),
	url("/fonts/KingsOfPacifica.eot") format("eot"),
	url("/fonts/KingsOfPacifica.ttf") format("ttf")
	}



.kof
{
	font-family:'KingsOfPacifica';
}
html, body
{
	padding:0;
	margin:0;
	background-color:#01b0f1;
	color:#fff;
	font-family: 'Lato', Tahoma, Arial, sans-serif;
	height:100%;
	width:100%;
}

.encart_blanc
{
	background:#fff;
	color:#555;
	padding:40px;
	
}
a.cta
{
	background-color:#fff;
	color:#01b0f1;
	padding:5px 20px;
	border:1px solid #01b0f1;
	margin:10px;
	display:inline-block;
	text-decoration:none;
}

a.cta:hover
{
	background-color:#01b0f1;
	color:#fff;
	padding:5px 20px;
	border:1px solid #fff;
	
}

a.cta-bleu
{
	background-color:#01b0f1;
	color:#fff;
	padding:5px 20px;
	border:1px solid #ffffff;
	margin:10px;
	display:inline-block;
	text-decoration:none;
}

a.cta-bleu:hover
{
	background-color:#fff;
	color:#01b0f1;
	padding:5px 20px;
	border:1px solid #01b0f1;
}

.alerte-rapide{
	position:fixed;
	bottom:0;
	width:100%;
	text-align:center;
	background-color:#FC0;
	color:#fff;
	}
	
.alerte-ok
{
	background-color:#3C9 !important;
}
#loading
{
	position:fixed;
	top:0;
	right:0;
	z-index:10;
	margin:10px;
}
	
#loading .loading-count
{
	width: 20px;
height: 60px;
font-size: 15px;
line-height: 30px;
	color:#ffffff;
	text-align:center;
	display:inline-block;
	
}
#loading .loading-gif
{
	width:60px;
	height:60px;
	display:inline-block;
}

.loginBox
{
	position: fixed;
z-index: 100;
display: inline-block;
background-color: #01b0f1;
padding: 20px;
border: 1px solid #fff;
box-shadow: 1px 1px 20px rgba(0,0,0,0.5);
}

.firstBox
{
	position:relative;
	width:100%;
	display:inline-block;
	background-color: #01b0f1;
	padding: 20px;
	border-bottom: 1px solid #fff;
	box-shadow: 1px 1px 20px rgba(0,0,0,0.5);

	
}

.loginBox .popupClose
{
	position:absolute;
	margin-right:-20px;
	width:20px;
	height:20px;
	background-color:#fff;
	font-weight:bold;
	text-align:center;
	color: #01b0f1;
	margin-top:-20px;
	top:0;
	right:0;
	line-height: 18px;
font-size: 16px;
cursor: pointer;
	
}
.firstBox .popupClose
{
	position:absolute;
	margin-right:0px;
	width:20px;
	height:20px;
	background-color:#fff;
	font-weight:bold;
	text-align:center;
	color: #01b0f1;
	margin-top:0px;
	top:0;
	right:0;
	line-height: 18px;
font-size: 16px;
cursor: pointer;
	
}

.noticeBox
{
	font-size:0.8rem;
}

.notice-link {
  font-size: 0.8rem;
  color: #fff;
  cursor: pointer;
}

.notice-link:hover
{
	color: #fff;
}


.marginb10
{
	margin-bottom:10px;
}

.title.kof {
  margin: 40px;
}

.btn {
  padding: 5px 20px;
  border: 1px #fff solid;
  margin: 10px;
  border-radius: 0;
  color: #fff;
}

.btn:hover {
background-color:#fff;
color:#01b0f1;
font-weight:bold;
}

.btn-on {
background-color:#fff;
color:#01b0f1;
}

.btn-off
{
	opacity:0.7;
}

div.mandatory_question
{
	color:#FC0;
}

input.mandatory_question
{
	border:#FC0 2px solid;
}


img.indice-img
{
	max-width:100%;
	
}

a.indice-img
{
color:#fff;
text-decoration:none;
}