@font-face {
  font-family: 'AirbnbCerealLight';
  font-style: normal;
  src: url("./fonts/AirBnB/AirbnbCerealLight.ttf") format("truetype")
}
@font-face {
  font-family: 'AirbnbCerealBook';
  font-style: normal;
  src: url("./fonts/AirBnB/AirbnbCerealBook.ttf") format("truetype")
}
@font-face {
  font-family: 'AirbnbCerealMedium';
  font-style: normal;
  src: url("./fonts/AirBnB/AirbnbCerealMedium.ttf") format("truetype")
}
@font-face {
  font-family: 'AirbnbCerealBold';
  font-style: normal;
  src: url("./fonts/AirBnB/AirbnbCerealBold.ttf") format("truetype")
}
@font-face {
  font-family: 'AirbnbCerealExtraBold';
  font-style: normal;
  src: url("./fonts/AirBnB/AirbnbCerealExtraBold.ttf") format("truetype")
}
@font-face {
  font-family: 'AirbnbCerealBlack';
  font-style: normal;
  src: url("./fonts/AirBnB/AirbnbCerealBlack.ttf") format("truetype")
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  list-style:none;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;
}
*, *:focus, *:active, *.active,a{
  color :#000;
  box-shadow  :none !important; 
  outline : none!important; 
  text-decoration : none;
  -webkit-box-sizing  : border-box!important;
  box-sizing  : border-box!important;
}
table{border-collapse:separate;border-spacing:0;}
html {overflow-y: scroll;}
body {
	background: repeat center url(../img/bg.jpeg);
  min-height: 100vh;
  position: relative;
  font-family: 'AirbnbCerealBook';
  overflow-x: hidden; -ms-overflow-style: none; scrollbar-width: none;
}
body::-webkit-scrollbar {display: none;}
html.overlay,body.overlay,body.loading {overflow-y:hidden!important;}
body.loading::before{
  content: '';
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .1s;
  background: rgba(0,0,0,.3);
  width: 100%!important;
  height: 100%!important;
  overflow: hidden;
  z-index: 12;
}
body.loading::after{
position: absolute;
  content: "\eb80";
  font-family: 'ionicons' !important;
  line-height: 1;
  animation: rotate 1.5s infinite ease-in-out;
  font-size: 2rem;
  color: #fff;
  z-index: 13;
  left: 50%;
  top: 10%;
  transform: translate(-50%);
}
.container {max-width: 100% !important;}
.cursor-pointer{cursor: pointer;}
:root {
  --primaire: #149d4c;
  --primaire-50: rgba(20, 157, 76, 0.05);
  --primaire-100: rgba(20, 157, 76, 0.1);
  --primaire-200: rgba(20, 157, 76, 0.2);
  --primaire-250: rgba(20, 157, 76, 0.25);
  --primaire-300: rgba(20, 157, 76, 0.3);
  --primaire-400: rgba(20, 157, 76, 0.4);
  --primaire-500: rgba(20, 157, 76, 0.5);
  --primaire-600: rgba(20, 157, 76, 0.6);
  --primaire-700: rgba(20, 157, 76, 0.7);
  --primaire-800: rgba(20, 157, 76, 0.8);
  --primaire-900: rgba(20, 157, 76, 0.9);
  
  --secondaire: #fd7c09;
  --secondaire-50: rgba(253, 124, 9, .05);
  --secondaire-100: rgba(253, 124, 9, 0.1);
  --secondaire-200: rgba(253, 124, 9, 0.2);
  --secondaire-250: rgba(253, 124, 9, 0.25);
  --secondaire-300: rgba(253, 124, 9, 0.3);
  --secondaire-400: rgba(253, 124, 9, 0.4);
  --secondaire-500: rgba(253, 124, 9, 0.5);
  --secondaire-600: rgba(253, 124, 9, 0.6);
  --secondaire-700: rgba(253, 124, 9, 0.7);
  --secondaire-800: rgba(253, 124, 9, 0.8);
  --secondaire-900: rgba(253, 124, 9, 0.9);

  --primary: rgba(21, 101, 192,1);
  --primary-50: rgba(21, 101, 192,.05);
  --primary-100: rgba(21, 101, 192,.1);
  --primary-200: rgba(21, 101, 192,.2);
  --primary-300: rgba(21, 101, 192,.3);
  --primary-400: rgba(21, 101, 192,.4);
  --primary-500: rgba(21, 101, 192,.5);
  --primary-600: rgba(21, 101, 192,.6);
  --primary-700: rgba(21, 101, 192, 0.7);
  --primary-800: rgba(21, 101, 192,.8);
  --primary-900: rgba(21, 101, 192,.9); 

  --success: rgba(25, 135, 84,1);
  --success-50: rgba(25, 135, 84,.05);
  --success-100: rgba(25, 135, 84,.1);
  --success-200: rgba(25, 135, 84,.2);
  --success-300: rgba(25, 135, 84,.3);
  --success-400: rgba(25, 135, 84,.4);
  --success-500: rgba(25, 135, 84,.5);
  --success-600: rgba(25, 135, 84,.6);
  --success-700: rgba(25, 135, 84, 0.7);
  --success-800: rgba(25, 135, 84,.8);
  --success-900: rgba(25, 135, 84,.9);

  --danger: rgba(220,53,69,1);
  --danger-50: rgba(220,53,69,.05);
  --danger-100: rgba(220,53,69,.1);
  --danger-200: rgba(220,53,69,.2);
  --danger-300: rgba(220,53,69,.3);
  --danger-400: rgba(220,53,69,.4);
  --danger-500: rgba(220,53,69,.5);
  --danger-600: rgba(220,53,69,.6);
  --danger-700: rgba(220,53,69, 0.7);
  --danger-800: rgba(220,53,69,.8);
  --danger-900: rgba(220,53,69,.9);
  
  --violet: rgba(134, 92, 226,1);
  --violet-50: rgba(134, 92, 226,.05);
  --violet-100: rgba(134, 92, 226,.1);
  --violet-200: rgba(134, 92, 226,.2);
  --violet-300: rgba(134, 92, 226,.3);
  --violet-400: rgba(134, 92, 226,.4);
  --violet-500: rgba(134, 92, 226,.5);
  --violet-600: rgba(134, 92, 226,.6);
  --violet-700: rgba(134, 92, 226, 0.7);
  --violet-800: rgba(134, 92, 226,.8);
  --violet-900: rgba(134, 92, 226,.9); 

  --jaune: rgba(242, 175, 76,1);
  --jaune-50: rgba(242, 175, 76,.05);
  --jaune-100: rgba(242, 175, 76,.1);
  --jaune-200: rgba(242, 175, 76,.2);
  --jaune-300: rgba(242, 175, 76,.3);
  --jaune-400: rgba(242, 175, 76,.4);
  --jaune-500: rgba(242, 175, 76,.5);
  --jaune-600: rgba(242, 175, 76,.6);
  --jaune-700: rgba(242, 175, 76, 0.7);
  --jaune-800: rgba(242, 175, 76,.8);
  --jaune-900: rgba(242, 175, 76,.9);  

  --gray:#6c757d;
  --gray-100:#f8f9fa;
  --gray-200:#e9ecef;
  --gray-300:#dee2e6;
  --gray-400:#ced4da;
  --gray-500:#adb5bd;
  --gray-600:#6c757d;
  --gray-700:#495057;
  --gray-800:#343a40;
  --gray-900:#212529;

  --lecon-1: #0168ff;
  --lecon-1-100: rgba(1, 104, 255, 0.1);
  --lecon-2: #d075ff;
  --lecon-2-100: rgba(208, 117, 255, 0.1);
  --lecon-3: #fbdb39;
  --lecon-3-100: rgba(251, 219, 57, 0.1);
  --lecon-4: #ed7071;
  --lecon-4-100: rgba(237, 112, 113, 0.1);
  --lecon-5: #6e62e6;
  --lecon-5-100: rgba(110, 98, 230, 0.1);
  --lecon-6: var(--primaire);
  --lecon-6-100: rgba(20, 157, 76, 0.1);
  --lecon-7: #1a95b0;
  --lecon-7-100: rgba(26, 149, 176, 0.1);
  --lecon-8: #F39C12;
  --lecon-8-100: rgba(243, 156, 18, 0.1);
  --lecon-9: #2C3E50;
  --lecon-9-100: rgba(44, 62, 80, 0.1);
  --lecon-10: #C0392B;
  --lecon-10-100: rgba(192, 57, 43, 0.1);
  --lecon-11: #8E44AD;
  --lecon-11-100: rgba(142, 68, 173, 0.1);
  --lecon-12: #74b550;
  --lecon-12-100: rgba(116, 181, 80, 0.1);
  --lecon-13: #F39C12;
  --lecon-13-100: rgba(243, 156, 18, 0.1);
  --lecon-14: #A8A878;
  --lecon-14-100: rgba(168, 168, 120, 0.1);
  --lecon-15: #45B7D1;
  --lecon-15-100: rgba(69, 183, 209, 0.1);
  --lecon-16: #FF6B6B;
  --lecon-16-100: rgba(255, 107, 107, 0.1);
  --lecon-17: #4ECDC4;
  --lecon-17-100: rgba(78, 205, 196, 0.1);
  --lecon-18: #45B7D1;
  --lecon-18-100: rgba(69, 183, 209, 0.1);
  --lecon-19: #FDCB6E;
  --lecon-19-100: rgba(253, 203, 110, 0.1);
  --lecon-20: #6C5CE7;
  --lecon-20-100: rgba(108, 92, 231, 0.1);
  --lecon-21: #A8A878;
  --lecon-21-100: rgba(168, 168, 120, 0.1);
  --lecon-22: #C0A080;
  --lecon-22-100: rgba(192, 160, 128, 0.1);
  --lecon-23: #708090;
  --lecon-23-100: rgba(112, 128, 144, 0.1);
  --lecon-24: #6B5B95;
  --lecon-24-100: rgba(107, 91, 149, 0.1);
  --lecon-25: #8B7355;
  --lecon-25-100: rgba(139, 115, 85, 0.1);
  --lecon-26: #2C3E50;
  --lecon-26-100: rgba(44, 62, 80, 0.1);
  --lecon-27: #16A085;
  --lecon-27-100: rgba(22, 160, 133, 0.1);
  --lecon-28: #8E44AD;
  --lecon-28-100: rgba(142, 68, 173, 0.1);
  --lecon-29: #C0392B;
  --lecon-29-100: rgba(192, 57, 43, 0.1);
  --lecon-30: #F39C12;
  --lecon-30-100: rgba(243, 156, 18, 0.1);
  --lecon-31: #4682B4;
  --lecon-31-100: rgba(70, 130, 180, 0.1);
  --lecon-32: #2E8B57;
  --lecon-32-100: rgba(46, 139, 87, 0.1);
  --lecon-33: #8A2BE2;
  --lecon-33-100: rgba(138, 43, 226, 0.1);
  --lecon-34: #8B4513;
  --lecon-34-100: rgba(139, 69, 19, 0.1);
  --lecon-35: #48D1CC;
  --lecon-35-100: rgba(72, 209, 204, 0.1);
  --lecon-36: #F39C12;
  --lecon-36-100: rgba(243, 156, 18, 0.1);
  --lecon-37: #DA70D6;
  --lecon-37-100: rgba(218, 112, 214, 0.1);
  --lecon-38: #DA70D6;
  --lecon-38-100: rgba(218, 112, 214, 0.1);

  --size-1: 0.0625rem;
  --size-2: 0.125rem;
  --size-3: 0.1875rem;
  --size-4: 0.25rem;
  --size-5: 0.3125rem;
  --size-6: 0.375rem;
  --size-7: 0.4375rem;
  --size-7-5: 0.46875rem;
  --size-8: 0.5rem;
  --size-8-5: 0.53125rem;
  --size-9: 0.5625rem;
  --size-9-5: 0.59375rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-14: 0.875rem;
  --size-15: 0.9375rem;
  --size-16: 1rem;
  --size-17: 1.0625rem;
  --size-18: 1.125rem;
  --size-19: 1.1875rem;
  --size-20: 1.25rem;
  --size-21: 1.3125rem;
  --size-22: 1.375rem;
  --size-23: 1.4375rem;
  --size-24: 1.5rem;
  --size-25: 1.5625rem;
  --size-26: 1.625rem;
  --size-27: 1.6875rem;
  --size-28: 1.75rem;
  --size-29: 1.8125rem;
  --size-30: 1.875rem;
  --size-31: 1.9375rem;
  --size-32: 2rem;
  --size-33: 2.0625rem;
  --size-34: 2.125rem;
  --size-35: 2.1875rem;
  --size-36: 2.25rem;
  --size-37: 2.3125rem;
  --size-38: 2.375rem;
  --size-39: 2.4375rem;
  --size-40: 2.5rem;
  --size-41: 2.5625rem;
  --size-42: 2.625rem;
  --size-43: 2.6875rem;
  --size-44: 2.75rem;
  --size-45: 2.8125rem;
  --size-46: 2.875rem;
  --size-47: 2.9375rem;
  --size-48: 3rem;
  --size-49: 3.0625rem;
  --size-50: 3.125rem;
  --size-51: 3.1875rem;
  --size-52: 3.25rem;
  --size-53: 3.3125rem;
  --size-54: 3.375rem;
  --size-55: 3.4375rem;
  --size-56: 3.5rem;
  --size-57: 3.5625rem;
  --size-58: 3.625rem;
  --size-59: 3.6875rem;
  --size-60: 3.75rem;
  --size-61: 3.8125rem;
  --size-62: 3.875rem;
  --size-63: 3.9375rem;
  --size-64: 4rem;
  --size-65: 4.0625rem;
  --size-66: 4.125rem;
  --size-67: 4.1875rem;
  --size-68: 4.25rem;
  --size-69: 4.3125rem;
  --size-70: 4.375rem;
  --size-71: 4.4375rem;
  --size-72: 4.5rem;
  --size-73: 4.5625rem;
  --size-74: 4.625rem;
  --size-75: 4.6875rem;
  --size-76: 4.75rem;
  --size-77: 4.8125rem;
  --size-78: 4.875rem;
  --size-79: 4.9375rem;
  --size-80: 5rem;
  --size-81: 5.0625rem;
  --size-82: 5.125rem;
  --size-83: 5.1875rem;
  --size-84: 5.25rem;
  --size-85: 5.3125rem;
  --size-86: 5.375rem;
  --size-87: 5.4375rem;
  --size-88: 5.5rem;
  --size-89: 5.5625rem;
  --size-90: 5.625rem;
  --size-91: 5.6875rem;
  --size-92: 5.75rem;
  --size-93: 5.8125rem;
  --size-94: 5.875rem;
  --size-95: 5.9375rem;
  --size-96: 6rem;
  --size-97: 6.0625rem;
  --size-98: 6.125rem;
  --size-99: 6.1875rem;
  --size-100: 6.25rem;
}
.Light{ font-family: 'AirbnbCerealLight'!important;}
.Book{ font-family: 'AirbnbCerealBook'!important;}
.Medium{ font-family: 'AirbnbCerealMedium'!important;}
.b,b,.Bold{ font-family: 'AirbnbCerealBold'!important;}
.ExtraBold{ font-family: 'AirbnbCerealExtraBold'!important;}
.Black{ font-family: 'AirbnbCerealBlack'!important;}
/* Background */
.bg-primaire{background-color: var(--primaire)!important}
.bg-primaire-50{background-color: var(--primaire-50)!important}
.bg-primaire-100{background-color: var(--primaire-100)!important}
.bg-primaire-200{background-color: var(--primaire-200)!important}
.bg-primaire-300{background-color: var(--primaire-300)!important}
.bg-primaire-400{background-color: var(--primaire-400)!important}
.bg-primaire-500{background-color: var(--primaire-500)!important}
.bg-primaire-600{background-color: var(--primaire-600)!important}
.bg-primaire-700{background-color: var(--primaire-700)!important}
.bg-primaire-800{background-color: var(--primaire-800)!important}
.bg-primaire-900{background-color: var(--primaire-900)!important}
.bg-secondaire{background-color: var(--secondaire)!important}
.bg-secondaire-50{background-color: var(--secondaire-50)!important}
.bg-secondaire-100{background-color: var(--secondaire-100)!important}
.bg-secondaire-200{background-color: var(--secondaire-200)!important}
.bg-secondaire-300{background-color: var(--secondaire-300)!important}
.bg-secondaire-400{background-color: var(--secondaire-400)!important}
.bg-secondaire-500{background-color: var(--secondaire-500)!important}
.bg-secondaire-600{background-color: var(--secondaire-600)!important}
.bg-secondaire-700{background-color: var(--secondaire-700)!important}
.bg-secondaire-800{background-color: var(--secondaire-800)!important}
.bg-secondaire-900{background-color: var(--secondaire-900)!important}
.bg-success{background-color: var(--success)!important}
.bg-success-50{background-color: var(--success-50)!important}
.bg-success-100{background-color: var(--success-100)!important}
.bg-success-200{background-color: var(--success-200)!important}
.bg-success-300{background-color: var(--success-300)!important}
.bg-success-400{background-color: var(--success-400)!important}
.bg-success-500{background-color: var(--success-500)!important}
.bg-success-600{background-color: var(--success-600)!important}
.bg-success-700{background-color: var(--success-700)!important}
.bg-success-800{background-color: var(--success-800)!important}
.bg-success-900{background-color: var(--success-900)!important}
.bg-danger{background-color: var(--danger)!important}
.bg-danger-50{background-color: var(--danger-50)!important}
.bg-danger-100{background-color: var(--danger-100)!important}
.bg-danger-200{background-color: var(--danger-200)!important}
.bg-danger-300{background-color: var(--danger-300)!important}
.bg-danger-400{background-color: var(--danger-400)!important}
.bg-danger-500{background-color: var(--danger-500)!important}
.bg-danger-600{background-color: var(--danger-600)!important}
.bg-danger-700{background-color: var(--danger-700)!important}
.bg-danger-800{background-color: var(--danger-800)!important}
.bg-danger-900{background-color: var(--danger-900)!important}
.bg-primary{background-color: var(--primary)!important}
.bg-primary-50{background-color: var(--primary-50)!important}
.bg-primary-100{background-color: var(--primary-100)!important}
.bg-primary-200{background-color: var(--primary-200)!important}
.bg-primary-300{background-color: var(--primary-300)!important}
.bg-primary-400{background-color: var(--primary-400)!important}
.bg-primary-500{background-color: var(--primary-500)!important}
.bg-primary-600{background-color: var(--primary-600)!important}
.bg-primary-700{background-color: var(--primary-700)!important}
.bg-primary-800{background-color: var(--primary-800)!important}
.bg-primary-900{background-color: var(--primary-900)!important}
.bg-gray{background-color: var(--gray)!important}
.bg-gray-100{background-color: var(--gray-100)!important}
.bg-gray-200{background-color: var(--gray-200)!important}
.bg-gray-300{background-color: var(--gray-300)!important}
.bg-gray-400{background-color: var(--gray-400)!important}
.bg-gray-500{background-color: var(--gray-500)!important}
.bg-gray-600{background-color: var(--gray-600)!important}
.bg-gray-700{background-color: var(--gray-700)!important}
.bg-gray-800{background-color: var(--gray-800)!important}
.bg-gray-900{background-color: var(--gray-900)!important}
.bg-violet{background-color: var(--violet)!important}
.bg-violet-50{background-color: var(--violet-50)!important}
.bg-violet-100{background-color: var(--violet-100)!important}
.bg-violet-200{background-color: var(--violet-200)!important}
.bg-violet-300{background-color: var(--violet-300)!important}
.bg-violet-400{background-color: var(--violet-400)!important}
.bg-violet-500{background-color: var(--violet-500)!important}
.bg-violet-600{background-color: var(--violet-600)!important}
.bg-violet-700{background-color: var(--violet-700)!important}
.bg-violet-800{background-color: var(--violet-800)!important}
.bg-violet-900{background-color: var(--violet-900)!important}
.bg-jaune{background-color: var(--jaune)!important}
.bg-jaune-50{background-color: var(--jaune-50)!important}
.bg-jaune-100{background-color: var(--jaune-100)!important}
.bg-jaune-200{background-color: var(--jaune-200)!important}
.bg-jaune-300{background-color: var(--jaune-300)!important}
.bg-jaune-400{background-color: var(--jaune-400)!important}
.bg-jaune-500{background-color: var(--jaune-500)!important}
.bg-jaune-600{background-color: var(--jaune-600)!important}
.bg-jaune-700{background-color: var(--jaune-700)!important}
.bg-jaune-800{background-color: var(--jaune-800)!important}
.bg-jaune-900{background-color: var(--jaune-900)!important}
/* Texte size */
.text-primaire{color: var(--primaire)!important}
.text-primaire-100{color: var(--primaire-100)!important}
.text-primaire-200{color: var(--primaire-200)!important}
.text-primaire-300{color: var(--primaire-300)!important}
.text-primaire-400{color: var(--primaire-400)!important}
.text-primaire-500{color: var(--primaire-500)!important}
.text-primaire-600{color: var(--primaire-600)!important}
.text-primaire-700{color: var(--primaire-700)!important}
.text-primaire-800{color: var(--primaire-800)!important}
.text-primaire-900{color: var(--primaire-900)!important}
.text-success{color: var(--success)!important}
.text-success-100{color: var(--success-100)!important}
.text-success-200{color: var(--success-200)!important}
.text-success-300{color: var(--success-300)!important}
.text-success-400{color: var(--success-400)!important}
.text-success-500{color: var(--success-500)!important}
.text-success-600{color: var(--success-600)!important}
.text-success-700{color: var(--success-700)!important}
.text-success-800{color: var(--success-800)!important}
.text-success-900{color: var(--success-900)!important}
.text-danger{color: var(--danger)!important}
.text-danger-50{color: var(--danger-50)!important}
.text-danger-100{color: var(--danger-100)!important}
.text-danger-200{color: var(--danger-200)!important}
.text-danger-300{color: var(--danger-300)!important}
.text-danger-400{color: var(--danger-400)!important}
.text-danger-500{color: var(--danger-500)!important}
.text-danger-600{color: var(--danger-600)!important}
.text-danger-700{color: var(--danger-700)!important}
.text-danger-800{color: var(--danger-800)!important}
.text-danger-900{color: var(--danger-900)!important}
.text-primary{color: var(--primary)!important}
.text-primary-100{color: var(--primary-100)!important}
.text-primary-200{color: var(--primary-200)!important}
.text-primary-300{color: var(--primary-300)!important}
.text-primary-400{color: var(--primary-400)!important}
.text-primary-500{color: var(--primary-500)!important}
.text-primary-600{color: var(--primary-600)!important}
.text-primary-700{color: var(--primary-700)!important}
.text-primary-800{color: var(--primary-800)!important}
.text-primary-900{color: var(--primary-900)!important}
.text-gray{color: var(--gray)!important}
.text-gray-100{color: var(--gray-100)!important}
.text-gray-200{color: var(--gray-200)!important}
.text-gray-300{color: var(--gray-300)!important}
.text-gray-400{color: var(--gray-400)!important}
.text-gray-500{color: var(--gray-500)!important}
.text-gray-600{color: var(--gray-600)!important}
.text-gray-700{color: var(--gray-700)!important}
.text-gray-800{color: var(--gray-800)!important}
.text-gray-900{color: var(--gray-900)!important}
.text-violet{color: var(--violet)!important}
.text-violet-100{color: var(--violet-100)!important}
.text-violet-200{color: var(--violet-200)!important}
.text-violet-300{color: var(--violet-300)!important}
.text-violet-400{color: var(--violet-400)!important}
.text-violet-500{color: var(--violet-500)!important}
.text-violet-600{color: var(--violet-600)!important}
.text-violet-700{color: var(--violet-700)!important}
.text-violet-800{color: var(--violet-800)!important}
.text-violet-900{color: var(--violet-900)!important}
.text-jaune{color: var(--jaune)!important}
.text-jaune-100{color: var(--jaune-100)!important}
.text-jaune-200{color: var(--jaune-200)!important}
.text-jaune-300{color: var(--jaune-300)!important}
.text-jaune-400{color: var(--jaune-400)!important}
.text-jaune-500{color: var(--jaune-500)!important}
.text-jaune-600{color: var(--jaune-600)!important}
.text-jaune-700{color: var(--jaune-700)!important}
.text-jaune-800{color: var(--jaune-800)!important}
.text-jaune-900{color: var(--jaune-900)!important}
/* Texte size */
.text-1 { font-size: var(--size-1) !important; }
.text-2 { font-size: var(--size-2) !important; }
.text-3 { font-size: var(--size-3) !important; }
.text-4 { font-size: var(--size-4) !important; }
.text-5 { font-size: var(--size-5) !important; }
.text-6 { font-size: var(--size-6) !important; }
.text-7 { font-size: var(--size-7) !important; }
.text-7-5 { font-size: var(--size-7-5) !important; }
.text-8 { font-size: var(--size-8) !important; }
.text-8-5 { font-size: var(--size-8-5) !important; }
.text-9 { font-size: var(--size-9) !important; }
.text-9-5 { font-size: var(--size-9-5) !important; }
.text-10 { font-size: var(--size-10) !important; }
.text-11 { font-size: var(--size-11) !important; }
.text-12 { font-size: var(--size-12) !important; }
.text-13 { font-size: var(--size-13) !important; }
.text-14 { font-size: var(--size-14) !important; }
.text-15 { font-size: var(--size-15) !important; }
.text-16 { font-size: var(--size-16) !important; }
.text-17 { font-size: var(--size-17) !important; }
.text-18 { font-size: var(--size-18) !important; }
.text-19 { font-size: var(--size-19) !important; }
.text-20 { font-size: var(--size-20) !important; }
.text-21 { font-size: var(--size-21) !important; }
.text-22 { font-size: var(--size-22) !important; }
.text-23 { font-size: var(--size-23) !important; }
.text-24 { font-size: var(--size-24) !important; }
.text-25 { font-size: var(--size-25) !important; }
.text-26 { font-size: var(--size-26) !important; }
.text-27 { font-size: var(--size-27) !important; }
.text-28 { font-size: var(--size-28) !important; }
.text-29 { font-size: var(--size-29) !important; }
.text-30 { font-size: var(--size-30) !important; }
.text-31 { font-size: var(--size-31) !important; }
.text-32 { font-size: var(--size-32) !important; }
.text-33 { font-size: var(--size-33) !important; }
.text-34 { font-size: var(--size-34) !important; }
.text-35 { font-size: var(--size-35) !important; }
.text-36 { font-size: var(--size-36) !important; }
.text-37 { font-size: var(--size-37) !important; }
.text-38 { font-size: var(--size-38) !important; }
.text-39 { font-size: var(--size-39) !important; }
.text-40 { font-size: var(--size-40) !important; }
.text-41 { font-size: var(--size-41) !important; }
.text-42 { font-size: var(--size-42) !important; }
.text-43 { font-size: var(--size-43) !important; }
.text-44 { font-size: var(--size-44) !important; }
.text-45 { font-size: var(--size-45) !important; }
.text-46 { font-size: var(--size-46) !important; }
.text-47 { font-size: var(--size-47) !important; }
.text-48 { font-size: var(--size-48) !important; }
.text-49 { font-size: var(--size-49) !important; }
.text-50 { font-size: var(--size-50) !important; }
.text-51 { font-size: var(--size-51) !important; }
.text-52 { font-size: var(--size-52) !important; }
.text-53 { font-size: var(--size-53) !important; }
.text-54 { font-size: var(--size-54) !important; }
.text-55 { font-size: var(--size-55) !important; }
.text-56 { font-size: var(--size-56) !important; }
.text-57 { font-size: var(--size-57) !important; }
.text-58 { font-size: var(--size-58) !important; }
.text-59 { font-size: var(--size-59) !important; }
.text-60 { font-size: var(--size-60) !important; }
.text-61 { font-size: var(--size-61) !important; }
.text-62 { font-size: var(--size-62) !important; }
.text-63 { font-size: var(--size-63) !important; }
.text-64 { font-size: var(--size-64) !important; }
.text-65 { font-size: var(--size-65) !important; }
.text-66 { font-size: var(--size-66) !important; }
.text-67 { font-size: var(--size-67) !important; }
.text-68 { font-size: var(--size-68) !important; }
.text-69 { font-size: var(--size-69) !important; }
.text-70 { font-size: var(--size-70) !important; }
.text-71 { font-size: var(--size-71) !important; }
.text-72 { font-size: var(--size-72) !important; }
.text-73 { font-size: var(--size-73) !important; }
.text-74 { font-size: var(--size-74) !important; }
.text-75 { font-size: var(--size-75) !important; }
.text-76 { font-size: var(--size-76) !important; }
.text-77 { font-size: var(--size-77) !important; }
.text-78 { font-size: var(--size-78) !important; }
.text-79 { font-size: var(--size-79) !important; }
.text-80 { font-size: var(--size-80) !important; }
.text-81 { font-size: var(--size-81) !important; }
.text-82 { font-size: var(--size-82) !important; }
.text-83 { font-size: var(--size-83) !important; }
.text-84 { font-size: var(--size-84) !important; }
.text-85 { font-size: var(--size-85) !important; }
.text-86 { font-size: var(--size-86) !important; }
.text-87 { font-size: var(--size-87) !important; }
.text-88 { font-size: var(--size-88) !important; }
.text-89 { font-size: var(--size-89) !important; }
.text-90 { font-size: var(--size-90) !important; }
.text-91 { font-size: var(--size-91) !important; }
.text-92 { font-size: var(--size-92) !important; }
.text-93 { font-size: var(--size-93) !important; }
.text-94 { font-size: var(--size-94) !important; }
.text-95 { font-size: var(--size-95) !important; }
.text-96 { font-size: var(--size-96) !important; }
.text-97 { font-size: var(--size-97) !important; }
.text-98 { font-size: var(--size-98) !important; }
.text-99 { font-size: var(--size-99) !important; }
.text-100 { font-size: var(--size-100) !important; }
/* Width size  */
.w-1 { width: 1% !important; }
.w-2 { width: 2% !important; }
.w-3 { width: 3% !important; }
.w-4 { width: 4% !important; }
.w-5 { width: 5% !important; }
.w-6 { width: 6% !important; }
.w-7 { width: 7% !important; }
.w-8 { width: 8% !important; }
.w-9 { width: 9% !important; }
.w-10 { width: 10% !important; }
.w-11 { width: 11% !important; }
.w-12 { width: 12% !important; }
.w-13 { width: 13% !important; }
.w-14 { width: 14% !important; }
.w-15 { width: 15% !important; }
.w-16 { width: 16% !important; }
.w-17 { width: 17% !important; }
.w-18 { width: 18% !important; }
.w-19 { width: 19% !important; }
.w-20 { width: 20% !important; }
.w-21 { width: 21% !important; }
.w-22 { width: 22% !important; }
.w-23 { width: 23% !important; }
.w-24 { width: 24% !important; }
.w-25 { width: 25% !important; }
.w-26 { width: 26% !important; }
.w-27 { width: 27% !important; }
.w-28 { width: 28% !important; }
.w-29 { width: 29% !important; }
.w-30 { width: 30% !important; }
.w-31 { width: 31% !important; }
.w-32 { width: 32% !important; }
.w-33 { width: 33% !important; }
.w-34 { width: 34% !important; }
.w-35 { width: 35% !important; }
.w-36 { width: 36% !important; }
.w-37 { width: 37% !important; }
.w-38 { width: 38% !important; }
.w-39 { width: 39% !important; }
.w-40 { width: 40% !important; }
.w-41 { width: 41% !important; }
.w-42 { width: 42% !important; }
.w-43 { width: 43% !important; }
.w-44 { width: 44% !important; }
.w-45 { width: 45% !important; }
.w-46 { width: 46% !important; }
.w-47 { width: 47% !important; }
.w-48 { width: 48% !important; }
.w-49 { width: 49% !important; }
.w-50 { width: 50% !important; }
.w-51 { width: 51% !important; }
.w-52 { width: 52% !important; }
.w-53 { width: 53% !important; }
.w-54 { width: 54% !important; }
.w-55 { width: 55% !important; }
.w-56 { width: 56% !important; }
.w-57 { width: 57% !important; }
.w-58 { width: 58% !important; }
.w-59 { width: 59% !important; }
.w-60 { width: 60% !important; }
.w-61 { width: 61% !important; }
.w-62 { width: 62% !important; }
.w-63 { width: 63% !important; }
.w-64 { width: 64% !important; }
.w-65 { width: 65% !important; }
.w-66 { width: 66% !important; }
.w-67 { width: 67% !important; }
.w-68 { width: 68% !important; }
.w-69 { width: 69% !important; }
.w-70 { width: 70% !important; }
.w-71 { width: 71% !important; }
.w-72 { width: 72% !important; }
.w-73 { width: 73% !important; }
.w-74 { width: 74% !important; }
.w-75 { width: 75% !important; }
.w-76 { width: 76% !important; }
.w-77 { width: 77% !important; }
.w-78 { width: 78% !important; }
.w-79 { width: 79% !important; }
.w-80 { width: 80% !important; }
.w-81 { width: 81% !important; }
.w-82 { width: 82% !important; }
.w-83 { width: 83% !important; }
.w-84 { width: 84% !important; }
.w-85 { width: 85% !important; }
.w-86 { width: 86% !important; }
.w-87 { width: 87% !important; }
.w-88 { width: 88% !important; }
.w-89 { width: 89% !important; }
.w-90 { width: 90% !important; }
.w-91 { width: 91% !important; }
.w-92 { width: 92% !important; }
.w-93 { width: 93% !important; }
.w-94 { width: 94% !important; }
.w-95 { width: 95% !important; }
.w-96 { width: 96% !important; }
.w-97 { width: 97% !important; }
.w-98 { width: 98% !important; }
.w-99 { width: 99% !important; }
.w-100 { width: 100% !important; }
:disabled,.disabled,[disabled] { 
  color: var(--gray-300)!important;              
  cursor: not-allowed!important;      
  opacity: 0.7!important; 
  pointer-events: none!important;
}
.mb-m-1{margin-bottom: -1rem;}
hr {
    background-color: #e5e5e5;
    margin: 0;
    width: 100%;
    height: 1px;
}
button,button:focus{
  background-color: var(--bs-success);
  color: #fff;
  font-size: .85rem;
  padding: .6rem 1rem !important;
  border: 0 !important;
  border-radius: .5rem !important;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
button[data-new]::before{
  content: "\e904";
  font-family: 'ionicons' !important;
  font-size: 1.25rem;
  color: #fff;
}
button[data-new].rotate::before{
  content: "\eb80";
  animation: rotate 1.5s infinite ease-in-out;
}

td button[data-view],button[data-video],button[data-edit],button[data-delete],button[data-remove],button[data-desactivate],button[data-activate]{
  padding: 0!important;
  background-color: transparent!important;
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right:var(--size-4);
}
td button[data-view]{
  color: var(--primary);
  background-color: var(--primary-100) !important;
  width: auto;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  margin: auto;
  font-family: 'AirbnbCerealBold' !important;
  font-size: .9rem;
}
button[data-desactivate],button[data-activate]{
  margin-right: 0!important;
}
button[data-video]::before,button[data-edit]::before,button[data-delete]::before,button[data-remove]::before,button[data-desactivate]::before,button[data-activate]::before{
  content: "\ea8d";
  font-family: 'ionicons' !important;
  font-size: var(--size-20);
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
button[data-video]::before{
  content: "\ee0b";
  color: var(--primaire);
}
button[data-delete]::before{
  content: "\ed1c";
  color: var(--danger);
}
button[data-remove]::before{
  content: "\edf0";
  color: var(--danger);
}
button[data-desactivate]::before{
  content: "\ebc2";
  color: var(--success);
}
button[data-activate]::before{
  content: "\ebc5";
  color: var(--success);
}
.error{
  display: block;
  text-align: center;
  font-size: .875em;
  margin: .5rem 0;
  color: var(--danger);
}
.error,.error *{
  color: var(--danger);
}
.bg-primary-highlight {
    background-color: var(--primary-50)!important;
    transition: background-color 1.2s ease;
}
.rotate {
  position: relative;
  pointer-events: none!important;
  cursor: not-allowed!important;
  opacity: 0.6;
}
.rotate::after{
  content: "\eb80";
  font-family: 'ionicons' !important;
  line-height: 1;
  animation: rotate 1.5s infinite ease-in-out;
  font-size: 1.25rem;
  color: #fff;
}
@keyframes rotate {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
/*:::::::::::::::::::::: Input ::::::::::::::::::::::*/
input[type="file"]{
  padding: 0;
  border: 0;
  border-radius: 1rem;
  font-size: .7rem;
  color: #000;
  background-color: #fff;
  height: 2rem;
}
input[type="file"]::file-selector-button {
  margin: 0 .25rem 0 0;
  border: none;
  background-color: var(--primaire);
  padding: .5rem .75rem;
  border-radius: 1.5rem;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
  font-size: .75rem;
}
input[type="file"]::file-selector-button:hover {
  background-color: var(--primaire-700);
}
select{
  background-image: url("../img/chevron-down.png");
  background-position: 96% center;
  background-repeat: no-repeat;
  background-size: .75rem;
  position: relative;
}
.form-error,.form-error + .chosen-choices,.form-error + .chosen-single,.form-error + .file-container{
  position: relative;
  background-image: url("../img/error-mark.png");
  background-position: 98% center;
  background-repeat:  no-repeat;
  background-size: 1rem;
}
select.form-error + .chosen-container .chosen-single{
  background-position: 92% center;
}
.file-container,.file-container:active,.file-container:focus{
  background-color: #fff;
  border-radius: .5rem;
  border: .125rem dotted var(--bs-gray-300);
  padding:0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  gap: .25rem;
  cursor: pointer;
  transition: background .2s ease-in-out, border .2s ease-in-out;
  height: 2rem;width: 100%;
}
.table-title .file-container{
  width: 2rem;
  height: 2rem;
  background-color: var(--primary);
  border-radius: 2rem !important;
}
.file-container:hover{
  background-color:var(--bs-gray-400);
}
.table-title .file-container:hover{
  background-color:var(--primary-400);
}

.file-container::before{
  content: "\eb89";
  font-family: 'ionicons' !important;
  font-size: 1.5rem;
  color: var(--primary-600);
}
.table-title .file-container::before{
  content: "\e903";
  font-size: 1.5rem;
  color: #fff;
}
.file-container.video-container::before{
  content: "\ee0b";
}
.file-container.set::before{
  content: "";
}
.file-container+input[type=file]{
  opacity: 0;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
  height: 0;
  width: 0;
  display: none;
}
.file-container img{
  height: 1.5rem;
  width: 2.5rem;
  object-fit: fill;
  border: 1px solid var(--primaire-900);
  border-radius: .25rem;
}
/*:::::::::::::::::::::: table ::::::::::::::::::::::*/
.table-title{
  width:100%;
  font-family: "AirbnbCerealBold";
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1rem;
  background-color: var(--gray-300) !important;
  padding: .25rem;
  margin-top: 1rem !important; margin-bottom: -1rem; 
  text-align: center;   
  font-size: var(--size-18) ;  
}
table{margin: 0!important;}
table th,table td {
  vertical-align: middle;
  padding:.25rem!important;
  border: 1px solid #dee2e6;
  border-bottom-color: rgb(222, 226, 230);
  border-right: 0;
  font-size: .75rem;
}
table th{
  font-family: "AirbnbCerealBold";
}
table td{
  /* padding:.25rem!important; */
}
table td img{
  height: 1.5rem;
  margin: 0 auto;
  display: block;
}
table td video{
  width: 100%;
  height: 2.5rem;
  margin: 0 auto;
  display: block;
}
table th:last-child,table td:last-child {
  border: 1px solid #dee2e6;
}
table tr:nth-child(even) td {
  background-color: var(--gray-100);
  background-color: #f5f5f5;
  background-color: #f1f2f7;
  transition: background-color 0.3s ease;
  /* background: rgba(30, 169, 255, 0.125); */
  background-color: #f6f6fb;
}
.table-container{
  max-height: 30rem;
  /* border: 1px solid #ddd; */
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.table-container::-webkit-scrollbar {
  display: none;
}
.table-container thead{
  position: sticky;
  top: 0;
  z-index: 1;
  background: #fff;
  background-color: rgb(255, 255, 255);
}
/*:::::::::::::::::::::: Video overlay ::::::::::::::::::::::*/
.overlay-video {
  position: fixed;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: .1s;
  background: rgba(0,0,0,.9);
  width: 100vw!important;
  height: 100vh!important;
  overflow: hidden;
  z-index: 101;
}
.overlay-video .video-toolbar{
    display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: .5rem 1rem;
}
.overlay-video .video-toolbar h2{
  color: #fff;
  font-size: var(--size-20);
  font-family: "AirbnbCerealLight";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overlay-video .video-content{
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    max-width: 66rem;
    height: 85%;
}
.overlay-video .video-content video{
  width: 100%;
  height: 100%;
}
/*:::::::::::::::::::::: Panel wrap ::::::::::::::::::::::*/
.overlay-bg {
  position: fixed;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .1s;
  background: rgba(0,0,0,.3);
  width: 100%!important;
  height: 100%!important;
  overflow: hidden;
  z-index: 101;
}
.panel-wrap {
  border-radius: .5rem;
  width: 1320px;
  max-height: 90%;
  transition: .3s ease-out;
  background: repeat center url(../img/bg.jpeg);
  box-shadow: 0 0 12px 0 rgba(0,0,0,.1), 0 10px 30px 0 rgba(0,0,0,.2) !important;
  overflow-y: scroll;
  /* overflow-y: hidden; *//* avant ajout du scroll sur le tableau */
  overflow-x: hidden;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.panel-wrap.panel-wrap-child{max-width: 70rem !important;}
.panel-wrap.panel-wrap-form{max-width: 60rem !important;}
.panel-wrap .panel-topbar {
  background: #fff;
  border-bottom: 1px solid #e8ebed;
  height: 3.75rem;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: .5rem .5rem 0 0;
  position: sticky;
  z-index: 1;
  top: 0;
}
.panel-wrap .panel-topbar h2{
  font-size: 1.25rem;
}
.panel-wrap .panel-topbar .panel-close {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--danger);
  color: #fff;
  font-size: .85rem;
  padding: .5rem 1rem !important;
  border-radius: .5rem !important;
}
.panel-close:hover{
  opacity: .7;
}
.panel-wrap .panel {
  padding: 0 1rem 1rem;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.panel-wrap .panel ::-webkit-scrollbar {display: none;}
.panel-wrap .panel .form-group{
  margin-bottom: 1rem;
}
.panel-wrap .panel article {
  background: #fff;
  border: 1px solid #eae8f1;
  border-radius: .25rem;
  box-shadow: 6px 11px 41px -28px #796eb1!important;
  padding: 1rem ;
}
.panel-wrap .panel label{
  margin-bottom: .25rem;
  font-size: .8rem;
  color: #000;
}
.panel input:not([type="submit"],[type="file"],[type="checkbox"],[type="radio"]),.panel-wrap .panel select,.panel-wrap .panel textarea{
  border: .012rem solid var(--gray-500);
  background-color: #fff;
  font-size: .8rem;
  padding: .25rem;
  width: 100%;
  height: 2.875rem;
  border-radius: .5rem;
  height: 2rem;
  border-radius: .25rem;
}
.panel-wrap .panel textarea{
  height: auto;
  min-height: 7rem;
  font-size: .8rem;
}
.form-control:disabled,.form-control[readonly]{
  background-color: var(--bs-secondary-bg) !important;
  opacity: 1;
}
.panel-wrap .panel .input-form-container{
  display:flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap !important;
  padding-top: 1rem;
}
.panel-wrap .panel .btn-form-container{
  display:flex;
  align-items:center;
  justify-content:center;
  width: 100%;
}
.panel-wrap .panel .filter-container{
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panel-wrap .panel .filter-container [type=text]{
  padding: var(--size-10) var(--size-16);
  font-size: .9rem;
  background-color: #fff;
  border: .012rem solid var(--gray-400);
  border-radius: var(--size-8);
  height: var(--size-43) !important;
  width: 25rem;
  font-family: "AirbnbCerealLight";
}
.panel-wrap .panel .filter-container .filter-container-search{
  display: flex;
  flex-direction: column;
  position: relative;
}
.panel-wrap .panel .filter-container .filter-container-search-action{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--size-8);
  display: flex;
  align-items: center;
  gap: .75rem;
}
.panel-wrap .panel .filter-container .input-clear,.panel-wrap .panel .filter-container .btn-search{
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 2rem !important;
  font-size: 1.25rem;
  color: var(--primaire);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primaire-100);
  flex: 0 0 auto;
  padding: 0 !important;
}
.panel-wrap .panel .filter-container .input-clear{
  color: var(--danger);
  background-color: var(--danger-100);
}
.panel-wrap .panel .table-action-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: .975em;
  gap: .25rem;
}
.panel-wrap .panel .table-action-container .table-action-content{
  display: flex; 
  align-items:center; 
  justify-content:center;
  column-gap: .75rem;
}
.panel-wrap .panel .table-action-container button{
  border: 0 !important;
  color: #fff;
  padding: 0 .25rem !important;
  border-radius: .25rem !important;
  font-size: .7rem;
  gap: 0;
}
.table-action-container button[data-delete-set],
.table-action-container button[data-desactivate-set],
.table-action-container button[data-activate-set]{
  background-color: var(--primary-100)!important;
  color: var(--primary)!important;
}
.table-action-container button[data-cancel]{
  background-color: var(--danger-100) !important;
  color: var(--danger) !important;
}
button[btn-down]::before{
  content: "\eaa4";
  font-family: 'ionicons' !important;
  color: var(--bs-black);
}
.panel-wrap .panel .filter-container .btn-search.rotate::before,.panel-wrap .panel .table-action-container button.rotate::before,button[btn-down].rotate::before{
  content: "\eb80";
  font-family: 'ionicons' !important;
  font-size: 1rem;
  color: var(--gray-700);
  animation: rotate 1.5s infinite ease-in-out;
}
.panel-wrap .panel .table-action-container button.rotate::before{
  font-size: .7rem;
}
button[data-new].rotate::after,button[data-video].rotate::after,button[data-edit].rotate::after,
.panel-wrap .panel .filter-container .btn-search.rotate::after,
.panel-wrap .panel .table-action-container button.rotate::after,button[btn-down].rotate::after{
  content: "";
  display: none;
}

/* Pagination button style */
.pagination-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: .5rem 0;
}
.pagination-content{
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: .25rem;
}
.count-container{
  color: var(--bs-gray-900);
  font-size: .8rem;
}
.pagination-content button[data-step],.pagination-content select{
  position: relative;
  font-size: 1.15rem;
  font-family:'AirbnbCerealMedium';
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 1.6rem;
  height: 1.6rem!important;
  border-radius: 0.4rem!important;
  background:transparent!important;
  border: 0 ;
  color: var(--bs-black);
}
.pagination-content button[data-step]::before{
  font-family: 'ionicons' !important;
}
.pagination-content button[data-step="prev"]::before{
  content: "\ea29";
}
.pagination-content button[data-step="next"]::before{
  content: "\ea35";
}
.pagination-content select{
  background: var(--gray-100) !important;
  border: 1px solid var(--gray-400) !important;
  width: auto!important;
  padding: 0 .5rem !important;
  text-align: center;
  font-family: 'AirbnbCerealBook';
}
/*:::::::::::: Stat:::::::::::: */

.stat-bulle-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 1rem;
  width: 100%;
}
/* .stat-bulle-container .stat-bulle-container-item {
  grid-template-rows: unset;
  
} */

.stat-bulle-container .stat-bulle-box{
  background-color:#fff;
  border-radius: 1rem;
  padding: .75rem .75rem;
  align-items: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 50% 50%;
  gap: .75rem;
  height: 12rem;
}
/* .stat-bulle-container .stat-bulle-container-item canvas{
  height:10rem!important;
} */


/* .stat-bulle-container .stat-bulle-box .stat-bulle-container-item{
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: .75rem;
  height: 100%;
} */

.stat-bulle-container .stat-bulle-box .stat-bulle-content{
  background-color: var(--bs-gray-200);
  border-radius: .5rem;
  padding: .5rem .75rem;
  font-size: .85rem;
  font-family: 'AirbnbCerealMedium';
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 5rem;
}

.stat-bulle-container .stat-bulle-box .stat-bulle-content h4{
  font-size: .9rem;
  font-family: 'AirbnbCerealLight';
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stat-bulle-container .stat-bulle-box .stat-bulle-content h4 button{
  border: 0;
  position: relative;
  background-color: var(--gray-400);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1rem!important;
  cursor: pointer;
  padding: 0 !important;
}
.stat-bulle-container .stat-bulle-box .stat-bulle-content h4 button i{
  color:var(--bs-black);
}
.stat-bulle-container .stat-bulle-box .stat-bulle-content h5{
  font-size: 1.5rem;
  font-family: 'AirbnbCerealBold';
}
.stat-bulle-container .stat-bulle-box .stat-bulle-content h5 + sub{
  margin-right: .5rem !important;
  margin-left: .5rem !important;
  color: var(--danger);
}
.stat-bulle-container .stat-bulle-box .stat-bulle-content .stat-bulle-content-value{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}


/*:::::::::::: Notification SESSION :::::::::::: */
.notification-session {
  position: fixed;
  top: -5rem;left:50%; transform: translateX(-50%);
  width: 90%;
  background-color:var(--danger);
  padding:.5rem 1rem;
  border-radius: var(--size-8);
  transition:  0.5s;
  z-index: 102;
  display: flex;
  align-items: center; 
  justify-content: center;
}
.notification-session.active{
  top: .5rem;
}
.notification-session p { 
  color: #fff; 
  font-family: 'AirbnbCerealLight';
  display: flex;
  align-items: center;
  font-size: .9rem;
}
.notification-session b { 
  text-decoration: underline;  
  color: #fff; 
  margin-right: .25rem;
  margin-left: .25rem;
  cursor: pointer;
}
/*:::::::::::: Light gallery de page :::::::::::: */
.filtre-container input,.filtre-container select,.filtre-container .chosen-single{
  padding-left: .5rem;
  padding-right: .5rem;
  min-height: 2.25rem;
  height: 2.25rem;
  font-size: .85rem;
  font-family: 'AirbnbCerealLight';
  border: .012rem solid var(--primaire-800);
  width: 15rem;
  background-color: #fff;
  border-radius: .25rem;
  padding: 0 .25rem;
}
.filtre-container .chosen-container,.filtre-container .chosen-single{
  width: 15rem !important;
}
.filtre-container select{
  width: 10rem !important;
}
.filtre-container input[type=date]{
  width: 9rem;
}
.filtre-container button{
  display: flex;
  gap:1rem;
  height: 2.25rem;
  align-items: center;
  background: var(--bs-success);
  color: #fff;
  font-size: .85rem;
  padding: .5rem 1.5rem !important;
  border: 0 !important;
  border-radius: .5rem !important;
  line-height: 1.5;
}
/*:::::::::::: Pieds de page :::::::::::: */
.footer p {
  text-align: center;
  letter-spacing: 1px;
  font-size: .8rem;
  margin-top: 2em;
}
.footer a {
    color: var(--primaire);
}