/*
         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: Zodiak Variable;
--font-family-2: Public sans;
--font-family-3: Russo one;
--font-family-4: Lato;
--font-family-5: Roboto;
--font-family-6: Georgia;
--font-family-7: Garamond;


/* ---------------------------------------- */
/* Liste des couleurs utilisées par le site */
/* ---------------------------------------- */
--color-1: #DBE9FD;
--color-2: #000000;
--color-3: #00F528;
--color-4: #FF1204;
--color-5: #00FF68;
--color-6: #008A4A47;
--color-7: #B72C2C;
--color-8: #FFFFFF00;
--color-9: #C9C9C9;
--color-10: transparent;
--color-11: #C5C4C3;
--color-12: #EDEDED00;
--color-13: #4D4639;
--color-14: #B7CEB400;
--color-15: #CC9933;
--color-16: #4D3501;
--color-17: #CBCBCB;
--color-18: #CCB077EE;
--color-19: #CCBC77;
--color-20: #484848;
--color-21: white;
--color-22: #FF0000;
--color-23: #FFFFFF;
--color-24: #505050;
--color-25: #525252;
--color-26: black;
--color-27: #4A4A4A;
--color-28: #CCBE33;
--color-29: #CC6933;
--color-30: #cccccc;
--color-31: #666666;
--color-32: #CCCCCC;
--color-33: #2D2F33;
--color-34: #919191;
--color-35: #CC8433;
--color-36: white;;
--color-37: #B1B1B1;
--color-38: #565656;


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

--font-family-entete: var(--font-family-1); 
--font-size-entete: 34pt;
--font-size-resp-entete: 10pt;
--text-color-entete: var(--color-1);
--background-color-entete: var(--color-2);
--border-color-entete: var(--color-3);
--border-size-entete: 4px;
--border-radius-entete: 15px;
--text-color-hover-entete: var(--color-2);
--background-color-hover-entete: var(--color-1);
--border-color-hover-entete: var(--color-4);
--border-size-hover-entete: 4px;
--border-radius-hover-entete: 30px;
--text-color-actif-entete: var(--color-5);
--background-color-actif-entete: var(--color-6);
--border-color-actif-entete: var(--color-7);
--border-size-actif-entete: 1px;
--border-radius-actif-entete: 0px;


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

--font-family-navbar: var(--font-family-2); 
--font-size-navbar: 8pt;
--graisse-navbar: 400;
--text-color-navbar: var(--color-2);
--background-color-navbar: var(--color-8);
--sous-menu-background-color-navbar: var(--color-9);
--sous-menu-font-size-navbar: 10pt;
--option-background-color-navbar: var(--color-10);
--text-color-hover-navbar: var(--color-2);
--background-color-hover-navbar: var(--color-11);
--graisse-hover-navbar: 400;
--text-color-actif-navbar: var(--color-2);
--background-color-actif-navbar: var(--color-12);
--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: 6pt;
--graisse-mednavbar: 400;
--text-color-mednavbar: var(--color-13);
--background-color-mednavbar: var(--color-14);
--sous-menu-background-color-mednavbar: var(--color-9);
--sous-menu-font-size-mednavbar: 8pt;
--option-background-color-mednavbar: var(--color-10);
--text-color-hover-mednavbar: var(--color-13);
--background-color-hover-mednavbar: var(--color-15);
--graisse-hover-mednavbar: 400;
--text-color-actif-mednavbar: var(--color-16);
--background-color-actif-mednavbar: var(--color-12);
--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-2);
--background-color-humbnavbar: var(--color-17);
--body-background-color-humbnavbar: var(--color-18);
--sous-menu-background-color-humbnavbar: var(--color-19);
--sous-menu-font-size-humbnavbar: 16pt;
--option-background-color-humbnavbar: var(--color-10);
--text-color-hover-humbnavbar: var(--color-13);
--background-color-hover-humbnavbar: var(--color-15);
--graisse-hover-humbnavbar: 800;
--text-color-actif-humbnavbar: var(--color-16);
--background-color-actif-humbnavbar: var(--color-12);
--humburger-line-color-humbnavbar: var(--color-20);
--graisse-actif-humbnavbar: 800;


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

--font-family-pagetitle: var(--font-family-3); 
--font-size-pagetitle: 80pt;
--text-color-pagetitle: var(--color-21);


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

--font-family-sppagetitle: var(--font-family-3); 
--font-size-sppagetitle: 20pt;
--text-color-sppagetitle: var(--color-21);


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

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


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

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


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

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


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

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


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

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


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

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


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

--font-family-sectiontitle: var(--font-family-3); 
--font-weight-sectiontitle: bold;
--font-size-sectiontitle: 30pt;
--text-color-sectiontitle: var(--color-23);
--background-color-sectiontitle: var(--color-24);


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

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


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

--font-size-section: 14pt;
--text-color-section: var(--color-26);
--font-family-section: var(--font-family-6); 


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

--font-family-articletitle: var(--font-family-5); 
--font-weight-articletitle: bold;
--font-size-articletitle: 18pt;
--text-color-articletitle: var(--color-27);


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

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


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

--font-size-articledate: 12pt;
--text-color-articledate: var(--color-29);


/* --------------------------------- */
/* Element : categorie_article */
/* --------------------------------- */

--font-size-articlecateg: 10pt;
--text-color-articlecateg: var(--color-29);


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

--font-size-articlesection: 12pt;
--text-color-articlesection: var(--color-26);


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

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


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

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


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

--font-size-galeriecarddesc: 12pt;
--text-color-galeriecarddesc: var(--color-26);


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

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


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

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


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

--font-size-eventsection: 12pt;
--text-color-eventsection: var(--color-26);


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

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


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

--font-size-contactsection: 12pt;
--text-color-contactsection: var(--color-26);


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

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


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

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


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

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


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

--font-size-formlabel: 12pt;
--text-color-formlabel: var(--color-26);


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

--background-color-footer: var(--color-2);
--font-family-footer: var(--font-family-7); 
--font-size-footer: 10;
--text-color-footer: var(--color-31);
--text-color-hover-footer: var(--color-32);


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

--font-size-footeradress: 12pt;
--text-color-footeradress: var(--color-21);
--font-family-footeradress: var(--font-family-7); 


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

--font-family-footermenu: var(--font-family-2); 
--font-size-footermenu: 12pt;
--text-color-footermenu: var(--color-21);
--background-color-footermenu: var(--color-33);
--text-color-hover-footermenu: var(--color-21);
--background-color-hover-footermenu: var(--color-13);
--text-color-actif-footermenu: var(--color-21);


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

--font-size-spfooteradress: 10pt;
--text-color-spfooteradress: var(--color-21);


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

--font-family-spfootermenu: var(--font-family-2); 
--font-size-spfootermenu: 10pt;
--text-color-spfootermenu: var(--color-21);
--background-color-spfootermenu: var(--color-33);
--text-color-hover-spfootermenu: var(--color-21);
--background-color-hover-spfootermenu: var(--color-13);
--text-color-actif-spfootermenu: var(--color-21);


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

--font-size-reseaux: 14pt;
--text-color-reseaux: var(--color-21);
--text-color-hover-reseaux: var(--color-13);


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

--font-size-spreseaux: 14pt;
--text-color-spreseaux: var(--color-21);
--text-color-hover-spreseaux: var(--color-13);


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

--font-family-button: var(--font-family-2); 
--font-size-button: 12pt;
--text-color-button: var(--color-2);
--background-color-button: var(--color-23);
--border-color-button: var(--color-2);
--border-size-button: 2px;
--border-radius-button: 0px;
--text-color-hover-button: var(--color-23);
--background-color-hover-button: var(--color-34);


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

--font-family-spbutton: var(--font-family-2); 
--font-size-spbutton: 10pt;
--text-color-spbutton: var(--color-21);
--background-color-spbutton: var(--color-15);
--border-color-spbutton: var(--color-35);
--border-size-spbutton: 1px;
--border-radius-spbutton: 5px;
--text-color-hover-spbutton: var(--color-36);
--background-color-hover-spbutton: var(--color-35);


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

--font-family-combobox: var(--font-family-2); 
--font-size-combobox: 12pt;
--text-color-combobox: var(--color-2);
--background-color-combobox: var(--color-21);
--border-color-combobox: var(--color-2);
--border-size-combobox: 1px;
--border-radius-combobox: 0px;


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

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


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

--text-color-input: var(--color-26);
--background-color-input: var(--color-21);
--border-color-input: var(--color-37);
--border-size-input: 2px;
--border-radius-input: 5px;
--border-color-hover-input: var(--color-38);


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

--text-color-spinput: var(--color-26);
--background-color-spinput: var(--color-21);
--border-color-spinput: var(--color-2);
--border-size-spinput: 1px;
--border-radius-spinput: 0px;
}
        html, body {
          background-color: var(--back-color);
                
        }
        body {
        	background-color: transparent;
        }