/**************************** FONT ****************************/
@font-face {
  font-family: RobotoRegular;
  src: url(font/Roboto-Regular.woff);
}

@font-face {
  font-family: CalibreRegular;
  src: url(font/CalibreRegular.woff);
}



/******************************* FIN FONT ************************/

/* MEGA MENU *******************************************/

html:lang(en) .navbar_menu_fr,html:lang(en) .langue ul li.en {
  display: none;
}

html:lang(fr) .navbar_menu_en, html:lang(fr) .langue ul li.fr{
  display: none;

}

.langue {
  width: 5%;
  right: 1%;
  position: relative;
}

.langue ul li a {
  color: #fff;
  font-weight: bold;
  transition: .3s;
  font-family: "CalibreRegular", sans-serif;
}

.langue ul li a:hover {
  color: #ccc;
  transition: .3s;
}

section#block-selecteurdelangue {
  position: relative;
  top: 15px;
}

.langue ul li {
  width: 50%;
}

.langue ul li::marker {
    content: "";
}

.navbar_menu {
  overflow: hidden;
}

.navbar_menu > a {
  float: left;
  font-size: 16px;
  color: #FDAF19;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "CalibreRegular", sans-serif;
}

.dropdown_menu {
  float: left;
  overflow: hidden;
}

.dropdown_menu .dropbtn {
  border: none;
outline: none;
color: #FDAF19;
padding: 14px 16px;
background-color: inherit;
font: inherit;
  font-weight: inherit;
margin: 0;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
transition: .3s;
}

.navbar_menu a:hover, .dropdown_menu:hover .dropbtn {
  background-color: #FDAF19;
color: #fff;
transition: .3s;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #37322C;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.row_menu.row_menu_2 .column_menu {
  width: 33.33%;
}

.dropdown-content .header {
  background: red;
  padding: 16px;
  color: white;
}

.column_menu h3{
  font-size: 16px;
color: #FCAE18;
text-transform: uppercase
}

.dropdown_menu:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column_menu {
  float: left;
  width: 20%;
  padding: 10px;
  height: 200px;
}

.column_menu a {
  float: none;
  color: #fff;
  padding: 5px 5px 5px 5px;
  display: block;
  text-align: left;
  transition: .3s;
  text-transform: uppercase;
}

.column_menu h3 + a {
  font-size: 14px;
   text-transform: initial;
}

.column_menu a:hover {
  background-color: #FDAF19;
color: #fff;
transition: .3s;
}

/* Clear floats after the columns */
.row_menu:after {
  content: "";
  display: table;
  clear: both;
}

.row_menu {
  padding: 0 3%;
}

.navbar_menu {
  width: 75%;
  font-family: "CalibreRegular", sans-serif;
}

body {
  font-family: "RobotoRegular", sans-serif;
}

/* FIN MEGA MENU *******************************/

#views-bootstrap-equipes-block-3 .row {
  display: flex;
  justify-content: space-between;
}

#views-bootstrap-equipes-block-3 .row > div {
  width: 20%;
}

#block-views-block-equipes-block-3 .view-header {
  text-align: center;
}

.dropdown-menu > .dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

.dropdown-menu:hover > .dropdown-menu {
    display:block;
}

.expanded.dropdown.open .dropdown-menu li:hover .dropdown-menu {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 100%;
  top: -3px;
}

.expanded.dropdown.open .dropdown-menu li:hover .dropdown-menu li {
  background-color: #DBA529;
}

.equipe-box-social i {
  margin-right: 5%;
}

.equipe-box-social a {
  color: #fff;
  font-weight: bold;
transition:.3s;
	
}

.equipe-box-social a:hover {
  color: #31302C;
transition:.3s;
}

.equipe-box-social {
  background-image: linear-gradient(to right, #ffd27d, #ffa904);
width: 100%;
padding: 11px 0;
display: flex;
justify-content: space-between;
visibility: hidden;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
	
}
.equipe-box:hover a + .equipe-box-social {
  visibility:visible;
  transition: .2s;
}

.equipe-box-social {
  transition: .3s;
  position: absolute;
  bottom: 52px;
}

.titreRubrique {
  font-family: "CalibreRegular", sans-serif;
  font-size: 19px;
}

.valeurs h4 {
  font-family: "CalibreRegular", sans-serif;
}