/*
@font-face {
  font-family: 'gothambook';
  src: url('../ressources/font/Gotham-Book.eot'); 
  src: url('../ressources/font/Gotham-Book.eot?#iefix') format('embedded-opentype'), 
       url('../ressources/font/Gotham-Book.woff') format('woff'), 
       url('../ressources/font/Gotham-Book.ttf')  format('truetype'), 
	   url('../ressources/font/Gotham-Book.svg#svgGothamBook') format('svg'); 
}
@font-face {
  font-family: 'gothamlight';
  src: url('../ressources/font/Gotham-Light.eot'); 
  src: url('../ressources/font/Gotham-Light.eot?#iefix') format('embedded-opentype'), 
       url('../ressources/font/Gotham-Light.woff') format('woff'), 
       url('../ressources/font/Gotham-Light.ttf')  format('truetype'), 
	   url('../ressources/font/Gotham-Light.svg#svgGothamLight') format('svg'); 
}
*/
body {
	font-family:Arial, Verdana, sans-serif;
	background-color:#082343;
	/*
	background-image:url('background.jpg');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	background-attachment:fixed;
	*/
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#bigContainer {
	position:relative;
}

.bandeau_logo {
	position: relative;
	max-width:90%;
	width:1000px;
	height:auto;
	margin:50px auto 80px auto;
	text-align:center;
}
.logo {
	max-width:17.6%;
	height:auto;
}



.content {
	position: relative;
	max-width:90%;
	width:1000px;
	height:auto;
	margin:50px auto 15px auto;
}

.btn_container {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
}
#btn1 {
	position: absolute;
	left:8.3%;
	top:12.9%;
	width:26.5%;
	height:40.2%;
	cursor:pointer;
}
#btn2 {
	position: absolute;
	left:36.9%;
	top:12.9%;
	width:26.5%;
	height:40.2%;
	cursor:pointer;
}
#btn3 {
	position: absolute;
	left:65.7%;
	top:12.9%;
	width:26.5%;
	height:40.2%;
	cursor:pointer;
}



#btn4 {
	position: absolute;
	left:8.3%;
	top:59.8%;
	width:26.5%;
	height:40.2%;
	cursor:pointer;
}
#btn5 {
	position: absolute;
	left:36.9%;
	top:59.8%;
	width:26.5%;
	height:40.2%;
	cursor:pointer;
}
#btn6 {
	position: absolute;
	left:65.7%;
	top:59.8%;
	width:26.5%;
	height:40.2%;
	cursor:pointer;
}


hr {
	color:#d0b995;
	background-color:#d0b995;
	height:2px;
	border:0;
}

.lien-big-container {
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	
}

.lien-container {
	width:30%;
}
.lien_image {
	width:100%;
	height:auto;
	display:block;
}



.bandeau_video {
	position: relative;
	max-width:90%;
	width:1000px;
	height:auto;
	margin:50px auto 20px auto;
	text-align:center;
}
.content_video {
	position: relative;
	max-width:90%;
	width:1000px;
	height:auto;
	margin:50px auto 15px auto;
}

.content_video iframe {
	width:100%;
	height:100%;
}


#video_lightview_container {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background-color:rgba(0,0,0,0.7);
	display:none;
}
.video_lightview {
	position:absolute;
	top:50%;
	left:50%;
	width:80%;
	height:80%;
	transform:translate(-50%,-50%);
	border:2px solid #2e2e2e;
}
.video_lightview iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#video_lightview_1 {
	display:block;
}
#video_lightview_2 {
	display:none;
}
#video_lightview_3 {
	display:none;
}