/* -------------------------------- 
Main Components intermezzo: language button
-------------------------------- */

@media only screen and (min-width: 300px) {
.cd-lang {
  right:0;
  position: absolute;
  /*z-index: 3;*/
  /*padding-top: 25px;

  width: 40px;*/
  cursor: pointer;
  /*float: right;*/
  outline: none;
  background: #ffffff;
  text-align: center;
  color: #FFF;
  /*margin: 0% 0% 0px;1110px

  padding-left: 80vw;
  */
  padding-top: 3px;
  padding-right: 78px; /*80px    distance entre la langue et la droite*/
  font-size: 12px;
  border-radius: 6px;
  /*border: 0px solid rgba(0, 51, 102, 1);*/
  border: none;
}
 .cd-lang:hover {
  background: #ffffff;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
 .cd-lang:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 6px;
}


  .lang {
  position: absolute;
  /*z-index: 3;*/
  /*padding: 0px;
  padding-left: 10px;*/
  padding-right: 5px;
  width: 50px;
  cursor: pointer;
  /*float: right;*/
  outline: none;
  background: #4c677a;
  text-align: center;
  color: #FFF;
  /*margin: 0% 0% 0px;  #FFF*/
  font-size: 12px;
  border-radius: 4px;  /*shape of circle around language*/
  /*border: 0px solid rgba(0, 51, 102, 1);*/
  border: none;
}
 .lang:hover {
  background: #64879f;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
 .lang:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 6px;}

.cd-main-nav .lang .subnav-content5 {
  /*padding-right: 25%;padding-left: 10%;*/
  right: 0;
  
  /*z-index: 3;*/
  /*border-top: 1px solid #003366;

  border-bottom: 1px solid #003366;*/
  
}

.cd-main-nav .cd-lang .subnav-content5 {
  display: none;
  position: absolute;
  /*padding-right: 25%;padding-left: 10%;*/


  background-color: #4c677a;
  width: 50px;
  z-index: 1;
  border: 1px solid #ffffff;
  border-bottom:none;
  /*border-top: 1px solid #003366;

  border-bottom: 1px solid #003366;*/
  
}

.cd-main-nav .cd-lang .subnav-content5 a {
  color: #ffffff;
  /*padding-right:100px;*/
  padding-top:0px;
  padding-bottom:0px;
  font-size: 12px;
  text-decoration: none;
  border-bottom: 1px solid #ffffff;
}

.cd-main-nav .subnav-content5 a:hover {
  color: #64879f;
}

.cd-main-nav .cd-lang:hover .subnav-content5 {
  display: block;
  z-index: 3;
}

}

/* -------------------------------- 
Main Components intermezzo fin : language button
-------------------------------- */




/* -------------------------------- 
   subnavigation bar intermezzo: arrow icon
 --------------------------------  */
 
.icon-down:after {
    content: "\25BC";
    color: #4c677a;
    font-size: 12px;
}
.icon-down:hover:after {
    color: #64879f;
}
.icon-down2:after {
    content: "\25BC";
    color: #ffffff;
    font-size: 10px;
}
.icon-down2:hover:after {
    color: #ffffff;
}

/* -------------------------------- 
   subnavigation bar intermezzo end : arrow icon
 --------------------------------  */