:root { /* les indispensables */ /* icones */ --da-font-icone-del: "icone_del", sans-serif; --da-font-icone-del-wysiwyg: "icone_del_wysiwyg", sans-serif; --da-font-courier-new-serif: "Courier New", serif; --da-font-icone-del-gest-fic: "icone_del_gestionnaire_fic", sans-serif; /* sans serif */ --da-font-roboto-sans-serif: "Roboto", Arial, sans-serif; --da-font-open-sans-serif: "Open Sans", Arial, sans-serif; --da-font-poppins-sans-serif: "Poppins", Arial, sans-serif; /* les specifiques */ /* sans serif */ --da-font-montserrat-sans-serif: "Montserrat", Arial, sans-serif; /* serif - ronde */ --da-font-linlibertine-serif: "Linux Libertine", Arial, sans-serif; /* manuscrite */ --da-font-odstemplik-manuscrite: "odstemplik", Arial, sans-serif; --da-font-andalaneug-manuscrite: "Andalan Eug", Arial, sans-serif; /* avis */ --da-font-geosanslight-sans-serif: "GeosansLight", Arial, sans-serif; } /* les indispensables */ .da-font-icone-del{font-family: var(--da-font-icone-del);} .da-font-icone-del-gest-fic{font-family: var(--da-font-icone-del-gest-fic);} .da-font-open{font-family: var(--da-font-open-sans-serif);} .da-font-poppins{font-family: var(--da-font-poppins-sans-serif);} .da-font-roboto{font-family: var(--da-font-roboto-sans-serif);} /* les specifiques */ .da-font-montserrat{font-family: var(--da-font-montserrat-sans-serif);} .da-font-linlibertine{font-family: var(--da-font-linlibertine-serif);} .da-font-odstemplik{font-family: var(--da-font-odstemplik-manuscrite);} .da-font-andalaneug{font-family: var(--da-font-andalaneug-manuscrite);} .da-font-geosanslight{font-family: var(--da-font-geosanslight-sans-serif);} /******************************************************************************************************************************** LES INDISPENSABLES /******************************************************************************************************************************** icone_del (icone menu hamburger, triangle menu accordeon, puce de liste...) ********************************************************************************************************************************/ @font-face{font-family: 'icone_del'; font-style: normal; font-weight: normal; src: url('../../../polices/indispensables/20250207_1836/icone_del.otf') format('opentype');} /******************************************************************************************************************************** icone_del_wysiwyg (icones menu editeur wysiwyg : B, I, U, T, A, centrage, tabulation, puces, img, vid, doc, tableau...) Courier New (police pour le code html de l'editeur wysiwyg) ********************************************************************************************************************************/ @font-face{font-family: 'icone_del_wysiwyg'; font-style: normal; font-weight: normal; src: url('../../../polices/indispensables/20230105_1110/icone_del_wysiwyg.otf') format('opentype');} @font-face{font-family: 'Courier New'; font-style: normal; font-weight: normal; src: url('../../../polices/indispensables/courier_new/cour.ttf') format('truetype');} @font-face{font-family: 'Courier New'; font-style: normal; font-weight: bold; src: url('../../../polices/indispensables/courier_new/courbd.ttf') format('truetype');} @font-face{font-family: 'Courier New'; font-style: italic; font-weight: bold; src: url('../../../polices/indispensables/courier_new/courbi.ttf') format('truetype');} @font-face{font-family: 'Courier New'; font-style: italic; font-weight: normal; src: url('../../../polices/indispensables/courier_new/couri.ttf') format('truetype');} /******************************************************************************************************************************** icone_del_gestionnaire_fic (icones fenêtre gestionnaire de fichier : nv fic, nv doss, copier, coller, modif, suppr, maison, prec, deco, ico fic...) ********************************************************************************************************************************/ @font-face{font-family: 'icone_del_gestionnaire_fic'; font-style: normal; font-weight: normal; src: url('../../../polices/indispensables/20221024_1203/icone_del_gestionnaire_fic.otf') format('opentype');} /******************************************************************************************************************************** Open Sans (sans serif, ronde et douce, droite et ramassée) ideal texte ********************************************************************************************************************************/ @font-face{font-family: 'Open Sans'; font-style: normal; font-weight: normal; src: url('../../../polices/indispensables/open_sans/OpenSans-Regular.ttf') format('truetype');} @font-face{font-family: 'Open Sans'; font-style: italic; font-weight: normal; src: url('../../../polices/indispensables/open_sans/OpenSans-Italic.ttf') format('truetype');} @font-face{font-family: 'Open Sans'; font-style: normal; font-weight: bold; src: url('../../../polices/indispensables/open_sans/OpenSans-ExtraBold.ttf') format('truetype');} @font-face{font-family: 'Open Sans'; font-style: italic; font-weight: bold; src: url('../../../polices/indispensables/open_sans/OpenSans-SemiboldItalic.ttf') format('truetype');} @font-face{font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../../../polices/indispensables/open_sans/OpenSans-Light.ttf') format('truetype');} @font-face{font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('../../../polices/indispensables/open_sans/OpenSans-Semibold.ttf') format('truetype');} @font-face{font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../../../polices/indispensables/open_sans/OpenSans-Bold.ttf') format('truetype');} /******************************************************************************************************************************** Poppins (sans serif, ronde et douce, taille ++) ideal texte ********************************************************************************************************************************/ @font-face{font-family: 'Poppins'; font-style: normal; font-weight: normal; src: url('../../../polices/indispensables/poppins/Poppins-Regular.ttf') format('truetype');} @font-face{font-family: 'Poppins'; font-style: italic; font-weight: normal; src: url('../../../polices/indispensables/poppins/Poppins-Italic.ttf') format('truetype');} @font-face{font-family: 'Poppins'; font-style: normal; font-weight: bold; src: url('../../../polices/indispensables/poppins/Poppins-Bold.ttf') format('truetype');} @font-face{font-family: 'Poppins'; font-style: italic; font-weight: bold; src: url('../../../polices/indispensables/poppins/Poppins-BoldItalic.ttf') format('truetype');} @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url('../../../polices/indispensables/poppins/Poppins-Light.ttf') format('truetype');} @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('../../../polices/indispensables/poppins/Poppins-Medium.ttf') format('truetype');} @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('../../../polices/indispensables/poppins/Poppins-SemiBold.ttf') format('truetype');} /******************************************************************************************************************************** Roboto (sans serif, plus aérée, souple et ramassée) ideal titre / navigation ********************************************************************************************************************************/ @font-face{font-family: 'Roboto'; font-style: normal; font-weight: normal; src: url('../../../polices/indispensables/roboto/Roboto-Regular.ttf') format('truetype');} @font-face{font-family: 'Roboto'; font-style: italic; font-weight: normal; src: url('../../../polices/indispensables/roboto/Roboto-Italic.ttf') format('truetype');} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: bold; src: url('../../../polices/indispensables/roboto/Roboto-Bold.ttf') format('truetype');} @font-face{font-family: 'Roboto'; font-style: italic; font-weight: bold; src: url('../../../polices/indispensables/roboto/Roboto-BoldItalic.ttf') format('truetype');} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../../../polices/indispensables/roboto/Roboto-Light.ttf') format('truetype');} @font-face{font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('../../../polices/indispensables/roboto/Roboto-LightItalic.ttf') format('truetype');} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../../../polices/indispensables/roboto/Roboto-Medium.ttf') format('truetype');} @font-face{font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('../../../polices/indispensables/roboto/Roboto-MediumItalic.ttf') format('truetype');} /* existe aussi : boldcondensed... */ /******************************************************************************************************************************** LES SPECIFIQUES /******************************************************************************************************************************** /******************************************************************************************************************************** Montserrat (sans serif, ronde et douce, fine, étalée, taille ++) ideal texte / titre / navigation ********************************************************************************************************************************/ @font-face{font-family:'Montserrat'; font-style:normal; font-weight:100; src:url('../../../polices/specifiques/montserrat/Montserrat-Thin.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:italic; font-weight:100; src:url('../../../polices/specifiques/montserrat/Montserrat-ThinItalic.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:normal; font-weight:200; src:url('../../../polices/specifiques/montserrat/Montserrat-ExtraLight.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:italic; font-weight:200; src:url('../../../polices/specifiques/montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:normal; font-weight:300; src:url('../../../polices/specifiques/montserrat/Montserrat-Light.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:italic; font-weight:300; src:url('../../../polices/specifiques/montserrat/Montserrat-LightItalic.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:normal; font-weight:400; src:url('../../../polices/specifiques/montserrat/Montserrat-Regular.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:italic; font-weight:400; src:url('../../../polices/specifiques/montserrat/Montserrat-Italic.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:normal; font-weight:500; src:url('../../../polices/specifiques/montserrat/Montserrat-Medium.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:italic; font-weight:500; src:url('../../../polices/specifiques/montserrat/Montserrat-MediumItalic.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:normal; font-weight:600; src:url('../../../polices/specifiques/montserrat/Montserrat-SemiBold.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:italic; font-weight:600; src:url('../../../polices/specifiques/montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:normal; font-weight:700; src:url('../../../polices/specifiques/montserrat/Montserrat-Bold.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:italic; font-weight:700; src:url('../../../polices/specifiques/montserrat/Montserrat-BoldItalic.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:normal; font-weight:800; src:url('../../../polices/specifiques/montserrat/Montserrat-ExtraBold.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:italic; font-weight:800; src:url('../../../polices/specifiques/montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:normal; font-weight:900; src:url('../../../polices/specifiques/montserrat/Montserrat-Black.ttf') format('truetype');} @font-face{font-family:'Montserrat'; font-style:italic; font-weight:900; src:url('../../../polices/specifiques/montserrat/Montserrat-BlackItalic.ttf') format('truetype');} /******************************************************************************************************************************** Linux Libertine (serif, ronde et douce, ramassée, élégante, interligne ++) ideal texte / titre / citation ********************************************************************************************************************************/ @font-face {font-family: 'Linux Libertine'; font-style: normal; font-weight: 400; src: url('../../../polices/specifiques/linux_libertine/LinLibertine_R.ttf') format('truetype');} @font-face {font-family: 'Linux Libertine'; font-style: italic; font-weight: 400; src: url('../../../polices/specifiques/linux_libertine/LinLibertine_RI.ttf') format('truetype');} @font-face {font-family: 'Linux Libertine'; font-style: normal; font-weight: 700; src: url('../../../polices/specifiques/linux_libertine/LinLibertine_RB.ttf') format('truetype');} @font-face {font-family: 'Linux Libertine'; font-style: italic; font-weight: 700; src: url('../../../polices/specifiques/linux_libertine/LinLibertine_RBI.ttf') format('truetype');} @font-face {font-family: 'Linux Libertine'; font-style: normal; font-weight: 600; src: url('../../../polices/specifiques/linux_libertine/LinLibertine_RZ.ttf') format('truetype');} @font-face {font-family: 'Linux Libertine'; font-style: italic; font-weight: 600; src: url('../../../polices/specifiques/linux_libertine/LinLibertine_RZI.ttf') format('truetype');} /******************************************************************************************************************************** odstemplik (police manuscrite oblique fine, lettres attachées effet plume) ideal citation ********************************************************************************************************************************/ @font-face{font-family: 'odstemplik'; font-style: normal; font-weight: normal; src: url('../../../polices/specifiques/odstemplik/odstemplik.ttf') format('truetype');} /******************************************************************************************************************************** Andalan Eug (police manuscrite léger oblique fine, lettres semi attachées effet script) ideal signature ********************************************************************************************************************************/ @font-face{font-family: 'Andalan Eug'; font-style: normal; font-weight: normal; src: url('../../../polices/specifiques/andalan_eug/Andalan-Eug.otf') format('truetype');} /******************************************************************************************************************************** GeosansLight (sans serif, petite, discrète, très légère, ramassée, ronde et droite) ideal avis ********************************************************************************************************************************/ @font-face{font-family: 'GeosansLight'; font-style: normal; font-weight: normal; src: url('../../../polices/specifiques/geosanslight/GeosansLight.ttf') format('truetype');} @font-face{font-family: 'GeosansLight'; font-style: italic; font-weight: normal; src: url('../../../polices/specifiques/geosanslight/GeosansLight-Oblique.ttf') format('truetype');}