@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap');

html{
	font-family: 'Barlow', sans-serif;
	height:100%;
}

body {
	margin:0;
	background-color: #B09E80;
    background-size: cover;
}

/* global */
.insupported{
	display:none;
	width: 100%;
	position: absolute;
	top: 50%; 
	transform: translateY(-50%);
	text-align: center;
	font-style: italic;
}

ul {
	margin-top:10%;
	padding-inline-start: 0;
	width:100%;
	text-align: center;
}

/* fin */

/* header */
header{
    position: fixed;
	background: #FBFBFB;
	border-bottom: 2px solid #ECF0F4;
	height: 25px;
	width:100%;
	z-index:1;
}



/* fin */

/* container */
.left{
	position: absolute;
	top: 50%; 
	transform: translateY(-50%);
	
	width: 50%;
	height: 100%;
	
	background-color: #192537;
	text-align: center;
}

.logo {
	position: absolute;
	top: 50%; 
	transform: translateY(-50%);
	
	left:25%;
	
	max-width:50%;
}

.right{
	position: absolute;
	top: 50%; 
	transform: translateY(-50%);
	margin-left: 50%;	

	width: 50%;
	height: 100%;

}

.nas-zone-text{
	position: relative;
	margin-top: 20%;
	margin-left: 20%;
	margin-right: 20%;

	text-align:left;
}

.title{
	font-size: 2rem;
	text-transform: uppercase;
	font-family: 'Barlow';
	font-weight: bold;
	letter-spacing : 0.1rem;
	padding-bottom: 5%;
}

.paragraphe{
	padding-top: 2%;
	font-size: 1.25rem;
	font-family: 'Barlow';
}

.nas-zone{
	position: relative;
	margin-left: 5%;
	margin-right: 5%;
	
	text-align:left;
}

.nas-img {
	display:inline-block;
	margin-left:2%;	
	width:80%;
	height:80%;	
}

.round-dim {
	width:5rem;
	height: 5rem;
}

.icon-dim {
	position: absolute;
	height: 100%;
	
	top: 50%; 
	left:50%;
	transform: translate(-50% , -50%);	
}

li {
	position: relative;
	display:inline-block;
	margin-left:2%;	

	
}
a.nas-img  {

	text-decoration: none;
	font-size: 0.9rem;
	text-transform: uppercase;
	font-family: 'Barlow';
	font-weight: bold;
	text-align: center;
	color: #B09E80;

	border-radius: 50%;
	background-color: #192537;
	fill="#fff";
}

a:hover.nas-img {
	background-color: #CC5716;
	color: #CC5716;
}
/* fin */

/* footer */
footer{
	position: absolute;
	margin-top: 10%;
	margin-left: 10%;
	margin-right: 10%;
	bottom:10%;

	width:80%;
	
	
	text-align:center;
	font-size:0.75rem;
	color:#000;
}

footer div{
	display: inline-block;	
}
/* fin */