/* CSS Auto Compilé */
/*

@bkcolor_20: #c3c3c3; //couleur de fond de la page
@color_20: #ff0000; //couleur tu text de la page

@color_21: #0055ff; //Titre H2

@color_22: #fb06ff; //Titre H3

@color_23: #ff9200; //Titre H4

@bkcolor_24:#2ebb16; //Couleur principale

@bkcolor_26:#e506ff; //Bordures des boutons

*/
@font-face {
  font-family: Arial;
  src: [FONT1_URL];
}
@font-face {
  font-family: [FONT2];
  src: [FONT2_URL];
}
@font-face {
  font-family: [FONT3];
  src: [FONT3_URL];
}
@font-face {
  font-family: [FONT4];
  src: [FONT4_URL];
}
@font-face {
  font-family: [FONT5];
  src: [FONT5_URL];
}
@font-face {
  font-family: [FONT6];
  src: [FONT6_URL];
}
@font-face {
  font-family: [FONT7];
  src: [FONT7_URL];
}
:root {
  --man_color: #4AA1DA;
  --woman_color: #F756FF;
  --bkcolor_1: #FFFFFF;
  --color_1: #ED1C24;
  --bkcolor_2: #012C27;
  --color_2: #FFFFFF;
  --bkcolor_3: #6FC7B3;
  --color_3: #FFFFFF;
  --bkcolor_4: #012C27;
  --color_4: #FFFFFF;
  --bkcolor_5: #012C27;
  --color_5: #FFFFFF;
  --bkcolor_6: #6FC7B3;
  --color_6: #FFFFFF;
  --app_color: #002D26;
  --bkcolor_7: #000;
  --color_7: #FFF;
  --bkcolor_8: #08332E;
  --bkcolor_9: #83DBC7;
  --bkcolor_10: #000000;
  --bkcolor_11: #FFFFFF;
  --color_12: #FFFFFF;
  --color_13: #FFFFFF;
  --bkcolor_14: #012C27;
  --color_15: #FFFFFF;
  --bkcolor_16: #A2FAE6;
  --bkcolor_17: #FFFFFF;
  --bkcolor_18: #000000;
  --bkcolor_20: #FFFFFF;
  --color_20: #012C27;
  --color_21: #012C27;
  --color_22: #012C27;
  --color_23: #012C27;
  --bkcolor_24: #012C27;
  --bkcolor_26: #ED1C24;
  --font_1: 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];
}
@charset "utf-8";
/* ---------  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: #012C27;
  color: #FFFFFF;
  z-index: 8000;
}
.filters_menu .filter_panel .filter_panel_selected {
  cursor: pointer;
  overflow: hidden;
  padding-left: 20px;
  border-bottom: 1px #FFFFFF solid;
}
.filters_menu .filter_panel .filter_panel_selected.active,
.filters_menu .filter_panel .filter_panel_selected.open {
  color: #ED1C24;
}
.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 */
  max-width: calc(60%);
  /* 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 #ED1C24 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 #012C27 transparent;
}
.filters_menu .filter_panel .filter_panel_selected:hover .down_triangle {
  border-color: #012C27 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 #ED1C24 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 #012C27 transparent;
}
.filters_menu .filter_panel .filter_panel_selected:hover .arrow_up_down:after {
  border-color: #012C27 transparent transparent transparent;
}
.filters_menu .filter_panel .filter_panel_selected:hover p {
  color: #ED1C24;
}
.filters_menu .filter_panel .filter_panel_selections {
  padding-top: 5px;
  padding-bottom: 10px;
  border-top: 1px solid #ED1C24;
  display: none;
  border-bottom: 1px solid #FFFFFF;
}
.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 #ED1C24;
  color: #ED1C24;
}
.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;
  }
}