fonts pour site april

body.html

@@ -29,7 +29,7 @@
 	
 	<footer class="page__footer">
 		<div class="page--container">
-			<div class="menus_footer">
+			<div class="menus_footer flex flex5">
 				#INCLURE{fond=inclure/menu, env, identifiant=pied1}
 				#INCLURE{fond=inclure/menu, env, identifiant=pied2}
 				#INCLURE{fond=inclure/menu, env, identifiant=pied3}

formulaires/configurer_baz_april.html

@@ -5,7 +5,6 @@
 	[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
 	[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
 
-	
 	<form method="post" action="#ENV{action}"><div>
 		#ACTION_FORMULAIRE{#ENV{action}}
 		<ul class="editer-groupe">

paquet.xml

@@ -1,7 +1,7 @@
 <paquet
 	prefix="baz_april"
 	categorie="squelette"
-	version="0.1.1"
+	version="0.1.2"
 	schema="0.0.1"
 	etat="dev"
 	compatibilite="[3.2.7;3.3.*]"
@@ -11,7 +11,7 @@
 	<!-- Base de développement sur Z-core + SCSSPHP (SASS) + Tiny Typo + FontAwesome v5 -->
 	
 	<auteur>collectif APRIL</auteur>
-	<credit>nicod_ (quelques astuces scss dans galactic)</credit>
+	<credit>nicod_ (astuces scss dans galactic)</credit>
 	<credit lien="https://sasscss.org/#license-faqs">Sass CSS</credit>
 	<credit lien="https://fontawesome.io/license/">Font Awesome</credit>
 	

scss/_baz-font.scss

@@ -1,6 +1,20 @@
 /* font */
 @include font-face(Fontawesome, fontawesome);
 
-@include font-face(Open Sans, opensans-regular-webfont, 400, normal);
+@include font-face(Merriweather, merriweather-regular-webfont, 400, normal);
-@include font-face(Open Sans, opensans-bold-webfont, 700, normal);
+@include font-face(Merriweather, merriweather-regularitalic-webfont, 400, italic);
-@include font-face(Open Sans, opensans-extrabold-webfont, 900, normal);
+@include font-face(Merriweather, merriweather-bold-webfont, 700, normal);
+@include font-face(Merriweather, merriweather-bolditalic-webfont, 700, italic);
+@include font-face(Merriweather, merriweather-black-webfont, 900, normal);
+@include font-face(Merriweather, merriweather-blackitalic-webfont, 900, italic);
+
+@include font-face(Lato, lato-hairline-webfont, 100, normal);
+@include font-face(Lato, lato-hairlineitalic-webfont, 100, italic);
+@include font-face(Lato, lato-light-webfont, 200, normal);
+@include font-face(Lato, lato-lightitalic-webfont, 200, italic);
+@include font-face(Lato, lato-regular-webfont, 400, normal);
+@include font-face(Lato, lato-regularitalic-webfont, 400, italic);
+@include font-face(Lato, lato-bold-webfont, 700, normal);
+@include font-face(Lato, lato-bolditalic-webfont, 700, italic);
+@include font-face(Lato, lato-black-webfont, 900, normal);
+@include font-face(Lato, lato-blackitalic-webfont, 900, italic);

scss/_baz-theme.scss

@@ -1,5 +1,5 @@
 //
-//   theme-baz.scss
+//   baz-theme.scss
 //   2020 - collectif APRIL
 
 // Elements principaux
@@ -323,24 +323,41 @@ ul.choix_mots {
 	}
 }
 
-.formulaire_spip .bugajaxie { display: none; } //IE/Win
+.formulaire_spip .bugajaxie { 
+	display: none; 
+} //IE/Win
 
 
 // Formulaire de login dans une page 
 .formulaire_login {
-	.editer-groupe .editer { clear: left; }
+	.editer-groupe .editer { 
-	.editer_password .details { display: block; }
+		clear: left;
-	.spip_logo_auteur { float: right; }
+	}
+	.editer_password .details {
+		display: block;
+	}
+	.spip_logo_auteur {
+		float: right;
+	}
 }
 
 // Fomulaire de contact 
 .formulaire_ecrire_auteur {
-	.saisie_sujet_message_auteur input.text { width: 100%; }
+	.saisie_sujet_message_auteur input.text {
+		width: 100%;
+	}
 }
 // page auteur cf js/script.js 
-.formulaire_ecrire_auteur { margin-top:3em; padding-top:1em; border-top:1px solid $grayLighter;
+.formulaire_ecrire_auteur { 
-	legend { cursor:pointer; color:$couleurLien;
+	margin-top:3em; 
-		&:hover { background-color:$couleurPrincipale; color:$couleurPrincipaleDowner; }
+	padding-top:1em; 
+	border-top:1px solid $grayLighter;
+	legend { 
+		cursor:pointer; color:$couleurLien;
+		&:hover {
+			background-color:$couleurPrincipale;
+			color:$couleurPrincipaleDowner;
+		}
 	}
 }
 
@@ -348,18 +365,34 @@ ul.choix_mots {
 // Habillage des portfolios
 // ---------------------------------------------- 
 .documents_portfolio {
-	a { display:inline-block; margin:0 $spacer $spacer 0; padding:0; }
+	a {
-	a:hover { color:#999; opacity:0.8; }
+		display:inline-block;
-	img { margin:0; }
+		margin:0 $spacer $spacer 0;
+		padding:0;
+	}
+	a:hover {
+		color:#999;
+		opacity:0.8;
+	}
+	img {
+		margin:0;
+	}
 }
 
-.documents_joints .descriptif p {margin:0;}
+.documents_joints .descriptif p {
+	margin:0;
+}
 // eviter les lignes de texte trop courtes 
-.spip_documents.spip_documents_left:not(.modedoc), .spip_documents.spip_documents_right:not(.modedoc) { max-width:50%; }
+.spip_documents.spip_documents_left:not(.modedoc), .spip_documents.spip_documents_right:not(.modedoc) {
+	max-width:50%;
+}
 
 .documents_joints {
 	a {
-		.spip_logo { float:left; margin:0 0.5em 0.5em 0; }
+		.spip_logo {
+			float:left;
+			margin:0 0.5em 0.5em 0;
+		}
 	}
 }
 
@@ -403,7 +436,7 @@ ul.choix_mots {
 	//  Ne pas imprimer 
 	.spip-admin,
 	.spip-admin-float,
-	.spip-previsu { display: none; }
+	.spip-previsu,
 	.repondre,
 	.formulaire_spip { display: none; }
 	

scss/_baz-typo.scss

@@ -3,7 +3,7 @@
 
 
 .page__wrapper { 
-	font-family: 'Open Sans', 'Luxi sans', 'Lucida Grande', 'Lucida', 'Lucida Sans Unicode', sans-serif; 
+	font-family: 'Merriweather', serif; 
 	line-height:1.3; 
 }