@charset "utf-8";
/* CSS Auto Compilé */
:root {
  --man_color: #0084DA;
  --woman_color: #F300FF;
  --bkcolor_1: #070BC6;
  --color_1: #F3F6F9;
  --bkcolor_2: #FFFFFF;
  --color_2: #020594;
  --bkcolor_3: #FFFFFF;
  --color_3: #F21212;
  --bkcolor_4: #0F21E7;
  --color_4: #FFFFFF;
  --bkcolor_5: #FFFFFF;
  --color_5: #090000;
  --bkcolor_6: #414141;
  --color_6: #FFFFFF;
  --app_color: #3CB4FF;
  --bkcolor_7: #FFF;
  --color_7: #000;
  --bkcolor_8: #060707;
  --bkcolor_9: #131414;
  --bkcolor_10: #FFFFFF;
  --bkcolor_11: #000000;
  --color_12: #000000;
  --color_13: #000000;
  --bkcolor_14: #FFFFFF;
  --color_15: #FFFFFF;
  --bkcolor_16: #323333;
  --bkcolor_17: #000000;
  --bkcolor_18: #FFFFFF;
  --bkcolor_20: #FFFFFF;
  --color_20: #000000;
  --color_21: #2A2D33;
  --color_22: #2A2D33;
  --color_23: #FA2121;
  --bkcolor_24: #063EAB;
  --bkcolor_26: #8B8B8B;
  --font_1: BebasNeue, Arial;
  --font_1_url: [FONT1_URL];
  --font_2: [FONT2];
  --font_2_url: [FONT2_URL];
  --font_3: [FONT3];
  --font_3_url: [FONT3_URL];
  --font_4: [FONT4];
  --font_4_url: [FONT4_URL];
  --font_5: [FONT5];
  --font_5_url: [FONT5_URL];
  --font_6: [FONT6];
  --font_6_url: [FONT6_URL];
  --font_7: [FONT7];
  --font_7_url: [FONT7_URL];
}
/* ---------  Filters Menu  --------- */
.filters_menu {
  color: #ffffff;
  font-size: 17px;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media all and (max-width: 991px) {
  .filters_menu .overflow {
    /* pour que les filtres ne se mettent pas n'importe ou */
    overflow: hidden;
  }
}
.filters_menu .filter_panel {
  float: left;
  background-color: #FFFFFF;
  color: #090000;
  z-index: 8000;
}
.filters_menu .filter_panel .filter_panel_selected {
  cursor: pointer;
  overflow: hidden;
  padding-left: 20px;
  border-bottom: 1px #070BC6 solid;
}
.filters_menu .filter_panel .filter_panel_selected.active,
.filters_menu .filter_panel .filter_panel_selected.open {
  color: #F3F6F9;
}
.filters_menu .filter_panel .filter_panel_selected p {
  float: left;
  overflow: hidden;
  /* For Long Sentence */
  white-space: nowrap;
  /* For Long Sentence */
  text-overflow: ellipsis;
  /* For Long Sentence */
  /* For Long Sentence */
  max-width: calc(100% - 40px);
  /*for less*/
  padding-top: 4px;
}
/*------------------------------- old version des flèches ----------------------------------*/
.filter_panel_selected .triangle {
  width: 40px;
  height: 30px;
  border-style: solid;
  border-width: 0 0 30px 19px;
  border-color: transparent transparent #F3F6F9 transparent;
  float: right;
}
.filter_panel_selected .triangle_up_down {
  width: 20px;
  padding-left: 6px;
  padding-right: 6px;
  height: 30px;
  float: right;
  padding-top: 3px;
}
.filter_panel_selected .triangle_up_down .up_triangle {
  border-style: solid;
  border-width: 0px 4px 6.5px 4px;
  border-color: transparent transparent #ffffff transparent;
  float: right;
  margin-top: 4px;
}
.filter_panel_selected .triangle_up_down .down_triangle {
  border-style: solid;
  border-width: 6.5px 4px 0px 4px;
  border-color: #ffffff transparent transparent transparent;
  float: right;
  margin-top: 4px;
}
.filters_menu .filter_panel .filter_panel_selected:hover .up_triangle {
  border-color: transparent transparent #FFFFFF transparent;
}
.filters_menu .filter_panel .filter_panel_selected:hover .down_triangle {
  border-color: #FFFFFF transparent transparent transparent;
}
/*-----------------------------------------------------------------------------------------*/
.filter_panel_selected .arrow_up_down {
  width: 40px;
  height: 30px;
  border-style: solid;
  border-width: 0 0 30px 19px;
  border-color: transparent transparent #F3F6F9 transparent;
  float: right;
  position: relative;
}
.filter_panel_selected .arrow_up_down:before {
  border-style: solid;
  border-width: 0px 4px 6.5px 4px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  right: 6px;
  top: 7px;
  content: '';
}
.filter_panel_selected .arrow_up_down:after {
  border-style: solid;
  border-width: 6.5px 4px 0px 4px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  right: 6px;
  top: 18px;
  content: '';
}
.filters_menu .filter_panel .filter_panel_selected:hover .arrow_up_down:before {
  border-color: transparent transparent #FFFFFF transparent;
}
.filters_menu .filter_panel .filter_panel_selected:hover .arrow_up_down:after {
  border-color: #FFFFFF transparent transparent transparent;
}
.filters_menu .filter_panel .filter_panel_selected:hover p {
  color: #F3F6F9;
}
.filters_menu .filter_panel .filter_panel_selections {
  padding-top: 5px;
  padding-bottom: 10px;
  border-top: 1px solid #F3F6F9;
  display: none;
  border-bottom: 1px solid #070BC6;
}
.filters_menu .filter_panel .filter_panel_selections li {
  padding-left: 7px;
  padding-right: 7px;
  margin-left: 12px;
  margin-right: 12px;
  -webkit-transition: color 0.6s linear;
  -moz-transition: color 0.6s linear;
  -ms-transition: color 0.6s linear;
  -o-transition: color 0.6s linear;
  transition: color 0.6s linear;
  cursor: pointer;
  font-size: 15px;
  overflow: hidden;
  /* For Long Sentence */
  white-space: nowrap;
  /* For Long Sentence */
  /*text-overflow: ellipsis;   For Long Sentence */
}
.filters_menu .filter_panel .filter_panel_selections li.active,
.filters_menu .filter_panel .filter_panel_selections li:hover {
  outline: 1px solid #F3F6F9;
  color: #F3F6F9;
}
.filters_menu .filter_panel #all_weights li:nth-child(n+2) {
  display: none;
}
@media (max-width: 991px) {
  .filters_menu.results .filter_panel:nth-child(2n+1) {
    clear: both;
  }
}