/************************************************************************
                            IMPORT DES POLICES
************************************************************************/

/*
 * @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;700&display=swap');
 * mettre dans font.css le contenu de l'url une fois que c'est terminé.
 * Accelere le chargement de la page
 */

:root {

  /********** COULEURS **********/
  --color-black:            #000;
  --color-black-trans:      rgba(0, 0, 0, 0.8);
  --color-black-trans-mid:  rgba(0, 0, 0, 0.5);
  --color-black-trans-plus: rgba(0, 0, 0, 0.2);
  --color-white: #FFF;
  --color-white-trans: rgba(255, 255, 255, 0.8);

  --color-cf7-border : rgb(118, 118, 119);
  --color-cf7-focus : rgb(118, 118, 119);

  --color-input-focus: #1E9BD7;

  --color-blue:            #1E9BD7;
  --color-blue-trans:      #1e9cd7ae;
  --color-blue-trans-mid:  #1E9BD7;
  --color-blue-trans-plus: #1e9cd73a;
  --color-blue-text:       #000;
  --color-blue-trans-text: #fff;

  --color-light-blue: #43CAFF;

  --color-grey:      #f0f0f0;
  --color-grey-trans:#f0f0f0c8;
  --color-grey-text: #000;

  --color-bg-grey :#f6f7f9;

  --color-dark-grey:       #878787;
  --color-dark-grey-trans: #878787c8;
  --color-dark-grey-text:  #000;

  --color-green : #6FCF50;

  --color-red: #ff024a;

  --color-message-red-color: #a94442;
  --color-message-red-back: #f2dede;
  --color-message-red-border: #ebccd1;

  --color-message-green-color: #3c763d;
  --color-message-green-back: #dff0d8;
  --color-message-green-border: #d6e9c6;

  --color-message-warning-color: #ffc107;
  --color-message-warning-back: #fff2cf;
  --color-message-warning-border: #d39e00;

  --color-table-head: #337073;
  --color-table-odd: #FFF;
  --color-table-even: #ebedf0;
  --color-table-hover: #73afb3;

  --color-action-open: #245fc8;
  --color-action-trash: #ff024a;
  --color-action-add: #3c763d;

  /* Popup Diag couleur */
  --color-popup-yellow: #fede6e;
  --color-popup-yellow-light: #fff1c6;
  --color-popup-yellow-hover: #feb84d;

  --color-popup-blue: #6dcffd;
  --color-popup-blue-light: #e2f5ff;

  --color-popup-grey: #dadada;
  --color-popup-grey-light: #eeeeee;
  /********** GAPS **********/
  --gap-xxs : 4px;
  --gap-xs  : 8px;
  --gap     : 15px;
  --gap-2   : 30px;
  --gap-3   : 45px;
  --gap-4   : 60px;
  --gap-5   : 75px;
  --gap-6   : 90px;
  --gap-7   : 105px;
  --gap-8   : 120px;
  --gap-9   : 135px;
  --gap-10  : 150px;
  --gap-11  : 165px;
  --gap-12  : 180px;
  --gap-13  : 195px;
  --gap-14  : 210px;
  --gap-15  : 225px;

  --gap-button-v: 5px;
  --gap-button-h: 10px;

  --height-header: 60px;

  /********** FONTS **********/
    /** Si une font **/
    --font-text: 'Montserrat', sans-serif;
  
    --font-text-thin: 100;
    --font-text-regular: 400;
    --font-text-semi-bold: 600;
    --font-text-bold: 700;
  

  /********** SIZES **********/
  --size-h1:        3.5rem;
  --size-h1-height:   3.8rem;
  --size-h2:        2.4rem;
  --size-h2-height: 2.5rem;
  --size-h3:        1.6rem;
  --size-h3-height: 2rem;  
  --size-h4:        1.5rem;
  --size-h4-height: 1.2rem;
  --size-p:         1.3rem;
  --size-p-height:  2rem;    

  font-size: 62.5%;

  /********** WIDTH **********/
    --width-column: 7.6%;
    --width-space: 0.8%;
}