/*
         Ce fichier permet de définir des classes racines de mises en forme
         des divers documents
         
         il a été créé automatiquement par la plateforme du site
         */
        
        :root {
        /* ------------------------------------- */
/* Liste des fonts utilisées par le site */
/* ------------------------------------- */
--font-family-1: Alex brush;
--font-family-2: Public sans;
--font-family-3: Russo one;
--font-family-4: Lato;
--font-family-5: Roboto;
--font-family-6: Montserrat;


/* ---------------------------------------- */
/* Liste des couleurs utilisées par le site */
/* ---------------------------------------- */
--color-1: #030000;
--color-2: #FFFFFF;
--color-3: #4D4639;
--color-4: #CCBC77;
--color-5: transparent;
--color-6: #CC9933;
--color-7: #000000;
--color-8: #CCB077;
--color-9: #CCB077EE;
--color-10: #484848;
--color-11: #FF0000;
--color-12: #777777;
--color-13: #FFFFFF00;
--color-14: #ACACAC;
--color-15: #CCBE33;
--color-16: #CC6933;
--color-17: #cccccc;
--color-18: #2D2F33;
--color-19: #B7B7B7;
--color-20: #CDCDCD;
--color-21: #6C6C6C;
--color-22: #CC8433;
--color-23: #B4B4B4;
--color-24: #9A9A9A;


/* --------------------------------- */
/* Element : entete */
/* --------------------------------- */

--font-family-entete: var(--font-family-1); 
--font-size-entete: 40pt;
--text-color-entete: var(--color-1);
--background-color-entete: var(--color-2);


/* --------------------------------- */
/* Element : menu_navbar */
/* --------------------------------- */

--font-family-navbar: var(--font-family-2); 
--font-size-navbar: 14pt;
--graisse-navbar: 400;
--text-color-navbar: var(--color-3);
--background-color-navbar: var(--color-2);
--sous-menu-background-color-navbar: var(--color-4);
--sous-menu-font-size-navbar: 10pt;
--option-background-color-navbar: var(--color-5);
--border-size-navbar: 2px;
--text-color-hover-navbar: var(--color-3);
--background-color-hover-navbar: var(--color-6);
--graisse-hover-navbar: 400;
--text-color-actif-navbar: var(--color-7);
--background-color-actif-navbar: var(--color-5);
--border-size-actif-navbar: 0px;
--border-radius-actif-navbar: 10px;
--graisse-actif-navbar: 800;


/* --------------------------------- */
/* Element : menu_navbar_medium */
/* --------------------------------- */

--font-family-mednavbar: var(--font-family-2); 
--font-size-mednavbar: 10pt;
--graisse-mednavbar: 400;
--text-color-mednavbar: var(--color-3);
--background-color-mednavbar: var(--color-8);
--sous-menu-background-color-mednavbar: var(--color-4);
--sous-menu-font-size-mednavbar: 8pt;
--option-background-color-mednavbar: var(--color-5);
--text-color-hover-mednavbar: var(--color-3);
--background-color-hover-mednavbar: var(--color-6);
--graisse-hover-mednavbar: 400;
--text-color-actif-mednavbar: var(--color-6);
--background-color-actif-mednavbar: var(--color-5);
--border-size-actif-mednavbar: 0px;
--border-radius-actif-mednavbar: 10px;
--graisse-actif-mednavbar: 800;


/* --------------------------------- */
/* Element : humburger_menu_navbar */
/* --------------------------------- */

--font-family-humbnavbar: var(--font-family-2); 
--font-size-humbnavbar: 16pt;
--graisse-humbnavbar: 400;
--text-color-humbnavbar: var(--color-3);
--background-color-humbnavbar: var(--color-8);
--body-background-color-humbnavbar: var(--color-9);
--sous-menu-background-color-humbnavbar: var(--color-4);
--option-background-color-humbnavbar: var(--color-5);
--text-color-hover-humbnavbar: var(--color-3);
--background-color-hover-humbnavbar: var(--color-6);
--graisse-hover-humbnavbar: 800;
--text-color-actif-humbnavbar: var(--color-6);
--background-color-actif-humbnavbar: var(--color-5);
--humburger-line-color-humbnavbar: var(--color-10);
--graisse-actif-humbnavbar: 800;


/* --------------------------------- */
/* Element : titre_page */
/* --------------------------------- */

--font-family-pagetitle: var(--font-family-3); 
--font-size-pagetitle: 40pt;
--text-color-pagetitle: var(--color-2);


/* --------------------------------- */
/* Element : titre_page_smartp */
/* --------------------------------- */

--font-family-sppagetitle: var(--font-family-3); 
--font-size-sppagetitle: 15pt;
--text-color-sppagetitle: var(--color-2);


/* --------------------------------- */
/* Element : sous_titre_page */
/* --------------------------------- */

--font-family-pagesubtitle: var(--font-family-4); 
--font-size-pagesubtitle: 25pt;
--text-color-pagesubtitle: var(--color-2);


/* --------------------------------- */
/* Element : sous_titre_page_smartp */
/* --------------------------------- */

--font-family-sppagesubtitle: var(--font-family-4); 
--font-size-sppagesubtitle: 10pt;
--text-color-sppagesubtitle: var(--color-2);


/* --------------------------------- */
/* Element : titre_flash */
/* --------------------------------- */

--font-family-flashtitle: var(--font-family-5); 
--font-size-flashtitle: 40pt;
--text-color-flashtitle: var(--color-11);


/* --------------------------------- */
/* Element : texte_flash */
/* --------------------------------- */

--font-family-flashtexte: var(--font-family-5); 
--font-size-flashtexte: 12pt;
--text-color-flashtexte: var(--color-2);


/* --------------------------------- */
/* Element : titre_flash_smartphone */
/* --------------------------------- */

--font-family-spflashtitle: var(--font-family-5); 
--font-size-spflashtitle: 20pt;
--text-color-spflashtitle: var(--color-11);


/* --------------------------------- */
/* Element : texte_flash_smartphone */
/* --------------------------------- */

--font-family-spflashtexte: var(--font-family-5); 
--font-size-spflashtexte: 10pt;
--text-color-spflashtexte: var(--color-2);


/* --------------------------------- */
/* Element : titre_paragraph */
/* --------------------------------- */

--font-family-sectiontitle: var(--font-family-5); 
--font-weight-sectiontitle: bold;
--font-size-sectiontitle: 20pt;
--text-color-sectiontitle: var(--color-2);
--background-color-sectiontitle: var(--color-12);
--border-size-sectiontitle: 0px;


/* --------------------------------- */
/* Element : sous_titre_paragraph */
/* --------------------------------- */

--font-family-sectionsubtitle: var(--font-family-5); 
--font-size-sectionsubtitle: 16pt;
--text-color-sectionsubtitle: var(--color-7);


/* --------------------------------- */
/* Element : paragraph */
/* --------------------------------- */

--font-family-section: var(--font-family-6); 
--font-size-section: 12pt;
--text-color-section: var(--color-7);


/* --------------------------------- */
/* Element : titre_article */
/* --------------------------------- */

--font-family-articletitle: var(--font-family-5); 
--font-weight-articletitle: bold;
--font-size-articletitle: 20pt;
--text-color-articletitle: var(--color-7);
--background-color-articletitle: var(--color-13);
--border-color-articletitle: var(--color-14);
--border-size-articletitle: 1px;


/* --------------------------------- */
/* Element : sous_titre_article */
/* --------------------------------- */

--font-family-articlesubtitle: var(--font-family-5); 
--font-size-articlesubtitle: 16pt;
--text-color-articlesubtitle: var(--color-15);


/* --------------------------------- */
/* Element : date_article */
/* --------------------------------- */

--font-family-articledate: var(--font-family-6); 
--font-size-articledate: 12pt;
--text-color-articledate: var(--color-16);


/* --------------------------------- */
/* Element : paragraph_article */
/* --------------------------------- */

--font-family-articlesection: var(--font-family-6); 
--font-size-articlesection: 12pt;
--text-color-articlesection: var(--color-7);


/* --------------------------------- */
/* Element : carte */
/* --------------------------------- */

--background-color-galeriecard: var(--color-17);


/* --------------------------------- */
/* Element : nom_carte_galerie */
/* --------------------------------- */

--font-family-galeriecardtitle: var(--font-family-5); 
--font-size-galeriecardtitle: 18pt;
--text-color-galeriecardtitle: var(--color-6);


/* --------------------------------- */
/* Element : descriptif_carte_galerie */
/* --------------------------------- */

--font-family-galeriecarddesc: var(--font-family-6); 
--font-size-galeriecarddesc: 12pt;
--text-color-galeriecarddesc: var(--color-7);


/* --------------------------------- */
/* Element : titre_evenement */
/* --------------------------------- */

--font-family-eventtitle: var(--font-family-5); 
--font-size-eventtitle: 20pt;
--text-color-eventtitle: var(--color-6);


/* --------------------------------- */
/* Element : nom_evenement */
/* --------------------------------- */

--font-family-eventname: var(--font-family-5); 
--font-size-eventname: 16pt;
--text-color-eventname: var(--color-15);


/* --------------------------------- */
/* Element : paragraph_evenement */
/* --------------------------------- */

--font-family-eventsection: var(--font-family-6); 
--font-size-eventsection: 12pt;
--text-color-eventsection: var(--color-7);


/* --------------------------------- */
/* Element : titre_contact */
/* --------------------------------- */

--font-family-contacttitle: var(--font-family-5); 
--font-size-contacttitle: 20pt;
--text-color-contacttitle: var(--color-6);


/* --------------------------------- */
/* Element : paragraph_contact */
/* --------------------------------- */

--font-family-contactsection: var(--font-family-6); 
--font-size-contactsection: 12pt;
--text-color-contactsection: var(--color-7);


/* --------------------------------- */
/* Element : categ_form_contact */
/* --------------------------------- */

--font-family-contactformcateg: var(--font-family-5); 
--font-size-contactformcateg: 18pt;
--text-color-contactformcateg: var(--color-6);


/* --------------------------------- */
/* Element : rub_form_inscription */
/* --------------------------------- */

--font-family-contactformrub: var(--font-family-5); 
--font-size-contactformrub: 14pt;
--text-color-contactformrub: var(--color-15);


/* --------------------------------- */
/* Element : categ_form */
/* --------------------------------- */

--font-family-formcateg: var(--font-family-5); 
--font-size-formcateg: 18pt;
--text-color-formcateg: var(--color-6);


/* --------------------------------- */
/* Element : label_form */
/* --------------------------------- */

--font-family-formlabel: var(--font-family-6); 
--font-size-formlabel: 12pt;
--text-color-formlabel: var(--color-7);


/* --------------------------------- */
/* Element : footer */
/* --------------------------------- */

--background-color-footer: var(--color-18);


/* --------------------------------- */
/* Element : adresse_footer */
/* --------------------------------- */

--font-family-footeradress: var(--font-family-6); 
--font-size-footeradress: 14pt;
--text-color-footeradress: var(--color-2);


/* --------------------------------- */
/* Element : menu_footer */
/* --------------------------------- */

--font-family-footermenu: var(--font-family-2); 
--font-size-footermenu: 12pt;
--text-color-footermenu: var(--color-2);
--background-color-footermenu: var(--color-18);
--text-color-hover-footermenu: var(--color-2);
--background-color-hover-footermenu: var(--color-3);
--text-color-actif-footermenu: var(--color-2);


/* --------------------------------- */
/* Element : adresse_footer_smartphone */
/* --------------------------------- */

--font-family-spfooteradress: var(--font-family-6); 
--font-size-spfooteradress: 10pt;
--text-color-spfooteradress: var(--color-2);


/* --------------------------------- */
/* Element : menu_footer_smartphone */
/* --------------------------------- */

--font-family-spfootermenu: var(--font-family-2); 
--font-size-spfootermenu: 10pt;
--text-color-spfootermenu: var(--color-2);
--background-color-spfootermenu: var(--color-18);
--text-color-hover-spfootermenu: var(--color-2);
--background-color-hover-spfootermenu: var(--color-3);
--text-color-actif-spfootermenu: var(--color-2);


/* --------------------------------- */
/* Element : reseaux */
/* --------------------------------- */

--font-family-reseaux: var(--font-family-6); 
--font-size-reseaux: 14pt;
--text-color-reseaux: var(--color-2);
--text-color-hover-reseaux: var(--color-3);


/* --------------------------------- */
/* Element : reseaux_smartphone */
/* --------------------------------- */

--font-family-spreseaux: var(--font-family-6); 
--font-size-spreseaux: 14pt;
--text-color-spreseaux: var(--color-2);
--text-color-hover-spreseaux: var(--color-3);


/* --------------------------------- */
/* Element : bouton */
/* --------------------------------- */

--font-family-button: var(--font-family-2); 
--font-size-button: 12pt;
--text-color-button: var(--color-2);
--background-color-button: var(--color-19);
--border-color-button: var(--color-20);
--border-size-button: 0px;
--border-radius-button: 4px;
--background-color-hover-button: var(--color-21);
--text-color-hover-button: var(--color-2);


/* --------------------------------- */
/* Element : bouton_smartphone */
/* --------------------------------- */

--font-family-spbutton: var(--font-family-2); 
--font-size-spbutton: 10pt;
--text-color-spbutton: var(--color-2);
--background-color-spbutton: var(--color-6);
--border-color-spbutton: var(--color-22);
--border-size-spbutton: 1px;
--border-radius-spbutton: 5px;
--background-color-hover-spbutton: var(--color-22);


/* --------------------------------- */
/* Element : combo */
/* --------------------------------- */

--font-family-combobox: var(--font-family-2); 
--font-size-combobox: 12pt;
--text-color-combobox: var(--color-7);
--background-color-combobox: var(--color-2);
--border-color-combobox: var(--color-23);
--border-size-combobox: 3px;
--border-radius-combobox: 10px;


/* --------------------------------- */
/* Element : combo_smartphone */
/* --------------------------------- */

--font-family-spcombobox: var(--font-family-2); 
--font-size-spcombobox: 10pt;
--text-color-spcombobox: var(--color-6);
--background-color-spcombobox: var(--color-2);
--border-color-spcombobox: var(--color-6);
--border-size-spcombobox: 2px;
--border-radius-spcombobox: 5px;


/* --------------------------------- */
/* Element : input */
/* --------------------------------- */

--font-family-input: var(--font-family-6); 
--text-color-input: var(--color-7);
--background-color-input: var(--color-2);
--border-color-input: var(--color-24);
--border-size-input: 2px;
--border-radius-input: 5px;


/* --------------------------------- */
/* Element : input_smartphone */
/* --------------------------------- */

--font-family-spinput: var(--font-family-6); 
--text-color-spinput: var(--color-7);
--background-color-spinput: var(--color-2);
--border-color-spinput: var(--color-6);
--border-size-spinput: 2px;
--border-radius-spinput: 5px;
}
        html, body {
          background-color: var(--back-color);
                
        }
        body {
        	background-color: transparent;
        }