@font-face {
   font-family: 'Oswald-Light';
   src: url('Oswald-Light.ttf') format('truetype');
   font-family: 'Oswald-Regular';
   src: url('Oswald-Regular.ttf') format('truetype');
}
body		
	{
		
		background-color: #1a2733;
		margin: auto;
		overflow-y: hidden;
		
		
	}

.stylep1
{
	font-family: Oswald-Light, Verdana;
	font-size: 4.5vw;
	color: #ffffff;
	font-weight: normal;
	font-variation-settings: "weight" 300;
	font-stretch: expanded;
	position: absolute;
	top: 0vw;
	text-align: center;
	margin-top: 2.5vw;
	margin-left: 26vw;
}
.stylep2
{
	font-family: Oswald-Light,  verdana;
	font-size: 3vw;
	font-style: italic;
	color: #ffffff;
	position: absolute;
	top: 5vw;
	margin-left: 28.5vw;
}
.stylep3
{
	font-family: Oswald-Light,  verdana;
	font-size: 2.1vw;
	font-style: italic;
	color: #2aeac1;
	position: absolute;
	top: 12vw;
	margin-left: 3vw;
}
.stylep4
{
	font-family: Oswald-Light,  verdana;
	font-size: 2.1vw;
	font-style: italic;
	color: #2aeac1;
	position: absolute;
	top: 15vw;
	margin-left: 3vw;
}
.stylep5
{
	font-family: Oswald-Light,  verdana;
	font-size: 1.1vw;
	font-style: normal;
	color: white;
	position: absolute;
	top: 4.7vw;
	margin-left: 78vw;
	padding: 2px;
}
#quidropbtn
{
	background-color: transparent;
	position: absolute;
	font-size: 1.9vw;
	font-family: Oswald-Light,  verdana;
	color: #ffffff;
	border-style: none;
	/* top: 20vw;  
	margin-left: 15vw;
	width: 21vw; */
	width: 30vw; 
	top: 25vw;
	left: 10vw;
}
#confdropbtn
{
	background-color: transparent;
	position: absolute;
	font-size: 1.9vw;
	font-family: Oswald-Light,  verdana;
	color: #ffffff;
	border-style: none;
	/* top: 20vw;  
	margin-left: 15vw; */
	width: 28vw; 
	top: 27.8vw;
	left: 70.2vw;
	
}

#sysdropbtn
{
	background-color: transparent;
	position: absolute;
	font-size: 1.9vw;
	font-family: Oswald-Light,  verdana;
	color: #ffffff;
	border-style: none;
	/* top: 20vw;  
	margin-left: 15vw; */
	width: 30vw; 
	top: 16.5vw;
	left: 65vw;
	
}
.forum
{
	position: absolute;
	font-size: 1.9vw;
	font-family: Oswald-Light,  verdana;
	color: #ffffff;
	top: 34vw;
	margin-left: 30vw;
}
.systemes
{
	position: absolute;
	font-size: 1.9vw;
	font-family: Oswald-Light,  verdana;
	color: #ffffff;
	top: 12vw;
	left: 71.3vw;
}


.conferences
{
	position: absolute;
	font-size: 1.9vw;
	font-family: Oswald-Light,  verdana;
	color: #ffffff;
	top: 23vw;
	margin-left: 75vw;
}

.stylei2
{
    position: absolute;
    width: 40vw;
    
    margin-left: 35vw;
    top: 18vw;
}
 /* Dropdown Qui Button */

/* The container <div> - needed to position the dropdown content */

#confdropdown {
  position: absolute;
  display: inline-block;
  
}
#sysdropdown {
  position: absolute;
  display: inline-block;
  
}


#confdropdown-content {
  display: none;
  position: absolute;
  font-size: 1.9vw;
  font-family: Oswald-Light,  verdana;
  color: #ffffff;
  width: 15vw; 

    top: 30.3vw;
  left: 70.2vw; 
  background-color: #f1f1f1;
  min-width: 160px;
  width: 28vw;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

#sysdropdown-content {
  display: none;
  position: absolute;
  font-size: 1.9vw;
  font-family: Oswald-Light,  verdana;
  color: #ffffff;
  top: 19vw;
  left: 65vw;
	
  background-color: #f1f1f1;
  min-width: 160px;
  width: 30vw;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown qui */

#confdropdown-content a {
  color: black;


  padding: 8px 12px;
  text-decoration: none;
  display: block;
}
#sysdropdown-content a {
  color: black;


  padding: 8px 12px;
  text-decoration: none;
  display: block;
}
/* Dropdown Content Qui (Hidden by Default) */
#quidropdown-content {
  display: none;
  position: absolute;
  font-size: 1.9vw;
  font-family: Oswald-Light,  verdana;
  color: #ffffff;
  
  top: 27.5vw;
 left: 10vw;
  background-color: #f1f1f1;
  min-width: 160px;
  width: 30vw;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Change color of dropdown links on hover qui */
#quidropdown-content a:hover {background-color:  #557DA3;

}
#quidropdown-content a {
  color: black;


  padding: 8px 12px;
  text-decoration: none;
  display: block;
}

#quidropdown {
  position: absolute;
  display: inline-block;
  
}
/* Show the dropdown menu on hover qui*/
#quidropdown:hover #quidropdown-content {
	display: block;
  }
  
#quidropdown:hover #quidropbtn {
  background-color: #557DA3;
}
#confdropdown:hover #confdropdown-content {
	display: block;
  } 
#sysdropdown:hover #sysdropdown-content {
	display: block;
  } 
#confdropdown:hover #confdropbtn {
  background-color: #557DA3;
}
#sysdropdown:hover #sysdropbtn {
  background-color: #557DA3;
}
#confdropdown-content a:hover {background-color:  #557DA3;

}
#sysdropdown-content a:hover {background-color:  #557DA3;

}

/* Change the background color of the dropdown button when the dropdown content is shown qui */


#recherche
{
	position: absolute;
	font-size: 1.9vw;
	font-family: Oswald-Light,  verdana;
	color: white;
	top: 42.5vw;
	margin-left: 72.5vw;
}
#recherche:hover {
   background-color: #557DA3;
   color: white;
 
}
#contacts
{
	position: absolute;
	font-size: 1.9vw;
	font-family: Oswald-Light,  verdana;
	color: #ffffff;
	top: 42.8vw;
	left: 30vw;
}
#contacts:hover {
   background-color: #557DA3;
   color: white;
 
}
#forum
{
	position: absolute;
	font-size: 1.9vw;
	font-family: Oswald-Light,  verdana;
	color: #ffffff;
	top: 35.7vw;
	left: 30vw;
}
#forum:hover {
   background-color: #557DA3;
   color: white;
 
}