/* Variable site */
:root {

  /* Variable globale site */
  --color-general: #333;

  /* Les liens du sites */
  --color-link-general: #FFF;
  --color-link-border: #333333;
  --background-link-general: #333333;
  --size-link-general: 18px;
  --size-link-general-767: 22px;
  /**/

  /* Variable header (utilisé pour calculé la hauteur des sections d'entete) */
  --height-header: 0px;
  --height-header-resp: 0px;
  /**/

  /* Variable pour l'entete couleur taille alignement -> pour le titre / paragraphe */
  --font-family-title-entete: font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  --color-title-entete: #FFF;
  --font-size-title-entete: 90px;
  --font-size-title-entete-1200: 55px;
  --font-size-title-entete-980: 50px;
  --font-size-title-entete-767: 50px;
  --font-size-title-entete-576 : 40px;
  --alignement-title-entete: left;

  --font-size-h2-title-entete-entete: 90px;
  --font-size-h2-title-entete-1200: 45px;
  --font-size-h2-title-entete-980: 40px;
  --font-size-h2-title-entete-767: 40px;
  --font-size-h2-title-entete-576 : 30px;

  --font-family-p-entete: 'Dancing Script', cursive;
  --color-p-entete: #FFF;
  --font-size-p-entete: 28px;
  --line-height-p-entete: 30px;
  --font-size-p-entete-576: 22px;
  --line-height-p-entete-576: 24px;
  --alignement-p-entete: left;
  /**/

  /* Variable pour l'entete avec SLIDER typo titre / paragraphe */
  --color-title-entete-slider: #FFF;
  --color-p-entete-slider: #FFF;
  /**/

  /* Variable pour les titres global titre et paragraphe */
  --font-family-h1-global: 'Roboto', sans-serif;
  --color-title-h1-global: #FFF1BA;
  --size-title-h1-global: 60px;

  --font-family-h2-global: 'Roboto', sans-serif;
  --color-title-h2-global: #b8e1f5;
  --size-title-h2-global: 50px;

  --font-family-h3-global: 'Roboto', sans-serif;
  --color-title-h3-global: #333;
  --size-title-h3-global: 30px;

  --font-family-h4-global: 'Roboto', sans-serif;
  --color-title-h4-global: #FFF;
  --size-title-h4-global: 26px;

  --font-family-p-global: 'Trebuchet', sans-serif;
  --color-title-p-global: #FFF;
  --size-title-p-global: 20px;

  --font-family-p-global: 'Roboto', sans-serif;
  --color-p-global: #FFF;
  --size-p-global: 18px;
  --line-height-p-global: 25px;

  --section-text-general-marge-top-bottom : 15px;
  --section-text-general-marge-int-top-bottom: 30px;

  /* Variables pour les focus */
  --background-color-focus: #efefef;
  --color-link-general-focus: #FFF;
  --background-link-general-focus: #333;
  --size-link-general-focus: 20px;

  --font-family-h3-focus: 'Roboto', sans-serif;
  --color-title-h3-focus: #333333;
  --size-title-h3-focus: 20px;

  --font-family-h3-focus-3: 'Roboto', sans-serif;
  --color-title-h3-focus-3: #333;
  --size-title-h3-focus-3: 30px;

  --font-family-h3-focus-2: 'Roboto', sans-serif;
  --color-title-h3-focus-2: #333;
  --size-title-h3-focus-2: 40px;

  --font-family-p-focus: 'Roboto', sans-serif;
  --color-p-focus: #333;
  --size-p-focus: 17px;
  --line-height-p-focus: 24px;

  /* Variables pour le blog */

  --color-title-blog: #333;
  --size-title-blog: 26px;
  --line-height-title-blog: 26px;


  --color-date-blog: #CCC;
  --size-date-blog: 20px;
  --line-height-date-blog: 20px;

  --color-p-blog: #333;
  --size-p-blog: 18px;
  --line-height-p-blog: 22px;

  --background-lire-plus-blog: #333;
  --color-lire-plus-blog: #FFF;
  --size-lire-plus-blog: 20px;
  --line-height-lire-plus-blog: 20px;

  --background-pagination : #003131;
  --color-pagination : #333;

  --background-pagination-current : #333;
  --color-pagination-current : #FFF;

  /* Variables pour contact */
  --color-contact-h3: #333;
  --size-contact-h3: 20px;

  --color-contact-p: #333;
  --size-contact-p: 17px;
  --line-height-contact-p: 17px;
  --color-contact-picto: #333;

  /* Variables pour footer contact */
  --background-footer: #003131;
  --color-footer-h3: #FFFFFF;
  --size-footer-h3: 22px;

  --color-footer-contact-p: #FFF;
  --size-footer-contact-p: 16px;
  --line-height-footer-contact-p: 16px;
  --color-footer-contact-picto: #FFF;

  --background-copyright: #4f4f4f;
  --color-footer-copyright-a: #FFF;
  --size-footer-copyright-a: 15px;
  --line-height-footer-copyright-a: 15px;

  --background-footer-link-global: #077044;
  --color-footer-link-global: #FFF;
  --size-footer-link-global: 15px;
  --line-height-footer-link-global: 15px;

}