/*General Menu Styling*/
.mainnav {
  position:relative;
  margin: 0 auto;
  margin-top:17px;
  margin-left:-33px;

}
li {
  list-style: none;
}
li a {
  text-decoration: none;
  font-size:19px;
}
.dropdown {
  position: absolute;
  width: 160px;
  top: 30px;
  opacity: 0;
  visibility: hidden;
  transition: ease-out 0.35s;
  -moz-transition: ease-out 0.35s;
  -webkit-transition: ease-out 0.35s;
}
.mainnav li {
  float: left;
   width:226px;
  background: orange;
  border-left: 1px dotted #fff;
}
.mainnav li:first-child {
  border: none;
}
.mainnav li a {
  display: block;
  text-align:center;
  padding:11px 10px;
 
  color: white;
  font-family: arial;
}
.mainnav li:hover {
  background: rgb(200,201,25);
  transition: ease-in 0.35s;
  -moz-transition: ease-in 0.35s;
  -webkit-transition: ease-in 0.35s;
}
.mainnav li:hover a {
  color: white;
  transition: ease-in 0.35s;
  -moz-transition: ease-in 0.35s;
  -webkit-transition: ease-in 0.35s;
}
/*First Level*/
.subs {
  left: -40px; 
  position: relative;
  top: 14px;
  width: 162px;
  border-left: none !important;
  border-bottom: 1px dotted #fff !important;
}
.subs:last-child {
  border: none !important;
}
.hassubs:hover .dropdown,
.hassubs .hassubs:hover .dropdown {
  opacity: 1;
  visibility: visible;
  transition: ease-in 0.35s;
  -moz-transition: ease-in 0.35s;
  -webkit-transition: ease-in 0.35s;
}
.mainnav li:hover ul a,
.mainnav li:hover ul li ul li a {
  color: white;
}
.mainnav li ul li:hover,
.mainnav li ul li ul li:hover {
  background: rgb(200,201,25);
  transition: ease-in-out 0.35s;
  -moz-transition: ease-in-out 0.35s;
  -webkit-transition: ease-in-out 0.35s;
}
.mainnav li ul li:hover a,
.mainnav li ul li ul li:hover a {
  color: white;
  transition: ease-in-out 0.35s;
  -moz-transition: ease-in-out 0.35s;
  -webkit-transition: ease-in-out 0.35s;
}
/*Second Level*/
.hassubs .hassubs .dropdown .subs {
  left: 65px;
  position: relative;
  width: 190px;
  top: 0px;
}
.hassubs .hassubs .dropdown {
  position: absolute;
  width: 150px;
  left: 120px;
  top: 0px;
  opacity: 0;
  visibility: hidden;
  transition: ease-out 0.35s;
  -moz-transition: ease-out 0.35s;
  -webkit-transition: ease-out 0.35s;
}
 

 .ressources {
  font-size:17px;
   background: orange;
  margin-top:17px;
 
   text-align:center;
   color:white;
}

.ressources div {
   border-bottom: 1px dotted #fff ;
   
  
    padding:10px 7px;
    font-weight:bold;

}

.ressources div:hover {
  background: rgb(200,201,25);
  color:white;
} 

.ressources a {
  color:white;
  text-decoration:none;
}