diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..15ac888
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,6 @@
+node_modules/
+stocks/
+package-lock.json
+swoopBuf
+.DS_Store
+*.map
diff --git a/action/creer_bien.php b/action/creer_bien.php
new file mode 100644
index 0000000..2cdc517
--- /dev/null
+++ b/action/creer_bien.php
@@ -0,0 +1,29 @@
+ 'publie'
+ );
+ $id_article = article_inserer($id_rubrique,$set);
+ include_spip('inc/invalideur');
+ suivre_invalideur("id='id_article/$id_article'");
+ }
+
+ // redirection sur la création de la vidéo
+ $retour = 'spip.php?page=editer_bien&id_article='.$id_article;
+ include_spip('inc/headers');
+ redirige_par_entete($retour);
+}
+
diff --git a/action/enlever_une.php b/action/enlever_une.php
new file mode 100644
index 0000000..9f0ad1b
--- /dev/null
+++ b/action/enlever_une.php
@@ -0,0 +1,26 @@
+ '""'),'id_article='.$id_article);
+
+ // redirection sur la page d'édition du bien
+ $retour = 'spip.php?page=editer_bien&id_article='.$id_article;
+ include_spip('inc/headers');
+ redirige_par_entete($retour);
+}
+
diff --git a/action/mettre_une.php b/action/mettre_une.php
new file mode 100644
index 0000000..533de05
--- /dev/null
+++ b/action/mettre_une.php
@@ -0,0 +1,30 @@
+ 'une'),'id_article='.$id_article);
+
+ // Cache
+ include_spip('inc/invalideur');
+ suivre_invalideur("id='id_article/$id_article'");
+
+ // redirection sur la page d'édition du bien
+ $retour = 'spip.php?page=editer_bien&id_article='.$id_article;
+ include_spip('inc/headers');
+ redirige_par_entete($retour);
+}
+
diff --git a/action/promouvoir_photo.php b/action/promouvoir_photo.php
new file mode 100644
index 0000000..bda0520
--- /dev/null
+++ b/action/promouvoir_photo.php
@@ -0,0 +1,42 @@
+ ''),'id_document IN ('.join(',',$Tid_docs).')');
+ sql_updateq('spip_documents', array('credits' => 'une'),'id_document = '.$id_document);
+
+ // Cache
+ include_spip('inc/invalideur');
+ suivre_invalideur("id='id_article/$id_article'");
+
+ // redirection sur la page d'édition du bien
+ $retour = 'spip.php?page=editer_bien&id_article='.$id_article.'#les_photos';
+ include_spip('inc/headers');
+ redirige_par_entete($retour);
+}
+
diff --git a/action/supprimer_bien.php b/action/supprimer_bien.php
new file mode 100644
index 0000000..513a3c0
--- /dev/null
+++ b/action/supprimer_bien.php
@@ -0,0 +1,27 @@
+ 'poubelle'
+ );
+ sql_updateq('spip_articles', $set,'id_article='.$id_article);
+ include_spip('inc/invalideur');
+ suivre_invalideur("id='id_article/$id_article'");
+ }
+
+ // redirection sur l'accueil
+ $retour = 'spip.php?page=sommaire';
+ include_spip('inc/headers');
+ redirige_par_entete($retour);
+}
+
diff --git a/action/supprimer_photo.php b/action/supprimer_photo.php
new file mode 100644
index 0000000..1c7652f
--- /dev/null
+++ b/action/supprimer_photo.php
@@ -0,0 +1,28 @@
+
+ [(#SESSION{id_auteur}|=={#ID_AUTEUR}|oui)
+ [(#INFO_STATUT{article,#ENV{id_article}}|setenv{statut})]
+ ]
+
+
+
+
+
+
diff --git a/aside/dist.html b/aside/dist.html
new file mode 100644
index 0000000..22200b8
--- /dev/null
+++ b/aside/dist.html
@@ -0,0 +1,6 @@
+[(#REM) Menu de navigation par rubriques ]
+
+
+
+#FORMULAIRE_RECHERCHE
+
\ No newline at end of file
diff --git a/aside/z_apl.html b/aside/z_apl.html
new file mode 100644
index 0000000..2ba4dc1
--- /dev/null
+++ b/aside/z_apl.html
@@ -0,0 +1,10 @@
+[(#REM)
+
+ Squelette Big_Pipe
+ http://www.facebook.com/notes/facebook-engineering/bigpipe-pipelining-web-pages-for-high-performance/389414033919
+
+ (c) 2010 Cedric Morin
+ Distribue sous licence GPL
+
+]#CACHE{0}
+#INCLURE{fond=inclure/ajax_parallel_load,bloc=#SQUELETTE}
\ No newline at end of file
diff --git a/auteur.html b/auteur.html
new file mode 100644
index 0000000..0f77cb5
--- /dev/null
+++ b/auteur.html
@@ -0,0 +1,3 @@
+
+
+
diff --git a/backend.html b/backend.html
new file mode 100644
index 0000000..962a75a
--- /dev/null
+++ b/backend.html
@@ -0,0 +1,43 @@
+[(#REM)
+ Ce fichier sert à créer les flux RSS
+ qui permettent aux visiteurs de suivre l'actualité
+ de votre site depuis un lecteur de news.
+
+ Cette page génère un code XML/RSS adapté
+
+][(#HTTP_HEADER{Content-type: text/xml[; charset=(#CHARSET)]})]
+
+
+
+ [(#NOM_SITE_SPIP|textebrut|texte_backend)]
+ #URL_SITE_SPIP/
+ [(#DESCRIPTIF_SITE_SPIP|supprimer_tags|texte_backend) ]
+ #LANG
+ SPIP - www.spip.net
+
+
+[
+ [(#NOM_SITE_SPIP|texte_backend)]
+ (#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{src}|url_absolue|texte_backend)
+ #URL_SITE_SPIP/
+ [(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{height}) ]
+ [(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{width}) ]
+
+]
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/base/champslibres.php b/base/champslibres.php
new file mode 100644
index 0000000..f516dee
--- /dev/null
+++ b/base/champslibres.php
@@ -0,0 +1,56 @@
+ 'input',//Type du champ (voir plugin Saisies)
+ 'options' => array(
+ 'nom' => 'grigri',
+ 'label' => 'grigri',
+ 'sql' => "varchar(30) NOT NULL DEFAULT ''",
+ 'defaut' => '',// Valeur par défaut
+ 'restrictions'=>array(
+ 'voir' => array('auteur' => ''),//Tout le monde peut voir
+ 'modifier' => array('auteur' => 'webmestre')),//Seuls les webmestres peuvent modifier
+ ),
+ );
+ $champs['spip_articles']['grigri'] = array(
+ 'saisie' => 'input',//Type du champ (voir plugin Saisies)
+ 'options' => array(
+ 'nom' => 'grigri',
+ 'label' => 'grigri',
+ 'sql' => "varchar(30) NOT NULL DEFAULT ''",
+ 'defaut' => '',// Valeur par défaut
+ 'restrictions'=>array(
+ 'voir' => array('auteur' => ''),//Tout le monde peut voir
+ 'modifier' => array('auteur' => 'webmestre')),//Seuls les webmestres peuvent modifier
+ ),
+ );
+ $champs['spip_mots']['grigri'] = array(
+ 'saisie' => 'input',//Type du champ (voir plugin Saisies)
+ 'options' => array(
+ 'nom' => 'grigri',
+ 'label' => 'grigri',
+ 'sql' => "varchar(30) NOT NULL DEFAULT ''",
+ 'defaut' => '',// Valeur par défaut
+ 'restrictions'=>array(
+ 'voir' => array('auteur' => ''),//Tout le monde peut voir
+ 'modifier' => array('auteur' => 'webmestre')),//Seuls les webmestres peuvent modifier
+ ),
+ );
+
+ return $champs;
+}
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..9115ac8
--- /dev/null
+++ b/body.html
@@ -0,0 +1,25 @@
+
+
+
+
+
+ [(#REM)
]
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/breadcrumb/401.html b/breadcrumb/401.html
new file mode 100644
index 0000000..488e237
--- /dev/null
+++ b/breadcrumb/401.html
@@ -0,0 +1,5 @@
+[(#REM) Fil d'Ariane ]
+
diff --git a/breadcrumb/404.html b/breadcrumb/404.html
new file mode 100644
index 0000000..1cb226d
--- /dev/null
+++ b/breadcrumb/404.html
@@ -0,0 +1,5 @@
+[(#REM) Fil d'Ariane ]
+
diff --git a/breadcrumb/auteur.html b/breadcrumb/auteur.html
new file mode 100644
index 0000000..ce90aed
--- /dev/null
+++ b/breadcrumb/auteur.html
@@ -0,0 +1,8 @@
+
+[(#REM) Fil d'Ariane ]
+
+
\ No newline at end of file
diff --git a/breadcrumb/dist.html b/breadcrumb/dist.html
new file mode 100644
index 0000000..f553b89
--- /dev/null
+++ b/breadcrumb/dist.html
@@ -0,0 +1,21 @@
+
+[(#ENV{type-page}|!={sommaire}|oui)
+
+ #SET{objet,''}#SET{id_objet,''}
+
+ [(#ENV{id_rubrique}|oui)#SET{objet,rubrique}#SET{id_objet,#ENV{id_rubrique}}]
+ [(#ENV{id_syndic}|oui)#SET{objet,site}#SET{id_objet,#ENV{id_syndic}}]
+ [(#ENV{id_breve}|oui)#SET{objet,breve}#SET{id_objet,#ENV{id_breve}}]
+ [(#ENV{id_article}|oui)#SET{objet,article}#SET{id_objet,#ENV{id_article}}]
+ [(#ENV{id_objet}|oui)#SET{objet,#ENV{objet}}#SET{id_objet,#ENV{id_objet}}]
+ [(#GET{objet}|non|et{#ENV{#ENV{type-page}|id_table_objet}}|oui)
+ #SET{objet,#ENV{type-page}}#SET{id_objet,#ENV{#ENV{type-page}|id_table_objet}}
+ ]
+ [(#GET{objet}|oui)
+ #INCLURE{fond=breadcrumb/inc-objet,id_objet=#GET{id_objet},objet=#GET{objet}}
+ ][(#GET{objet}|non)
+ <:accueil_site:> >
+ ]
+
+]
+
diff --git a/breadcrumb/inc-objet.html b/breadcrumb/inc-objet.html
new file mode 100644
index 0000000..05d33b2
--- /dev/null
+++ b/breadcrumb/inc-objet.html
@@ -0,0 +1,9 @@
+<:accueil_site:> >
+
+
+[(#ID_SECTEUR|!={#ID_RUBRIQUE}|oui)
+ [(#TITRE|couper{80})] >
+]
+
+
+[(#ID_OBJET|generer_url_entite{#OBJET}|lien_ou_expose{#INFO_TITRE{#OBJET,#ID_OBJET}|sinon{?}|couper{80},#ENV{expose,' '}|?{span}})][(#ENV{expose,' '}|non)> ]
diff --git a/breadcrumb/login.html b/breadcrumb/login.html
new file mode 100644
index 0000000..5a444d7
--- /dev/null
+++ b/breadcrumb/login.html
@@ -0,0 +1,11 @@
+[(#REM)
+ Est-ce qu'on se connecte a l'espace prive ou pas ?
+]#SET{prive,''}
+[(#ENV{url}|=={''}|?{#SET{prive,' '}})]
+[(#ENV{url}|match{^#EVAL{_DIR_RESTREINT_ABS}}|?{#SET{prive,' '}})]
+
+[(#REM) Fil d'Ariane ]
+
+ <:accueil_site:> >
+ [(#GET{prive}|?{<:login_acces_prive:>,<:lien_connecter:>})]
+
\ No newline at end of file
diff --git a/breadcrumb/mentions_legales.html b/breadcrumb/mentions_legales.html
new file mode 100644
index 0000000..979fe38
--- /dev/null
+++ b/breadcrumb/mentions_legales.html
@@ -0,0 +1,4 @@
+
diff --git a/breadcrumb/mot.html b/breadcrumb/mot.html
new file mode 100644
index 0000000..320ba13
--- /dev/null
+++ b/breadcrumb/mot.html
@@ -0,0 +1,7 @@
+
+
+
diff --git a/breadcrumb/plan.html b/breadcrumb/plan.html
new file mode 100644
index 0000000..7edbf47
--- /dev/null
+++ b/breadcrumb/plan.html
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/breadcrumb/recherche.html b/breadcrumb/recherche.html
new file mode 100644
index 0000000..44f1e71
--- /dev/null
+++ b/breadcrumb/recherche.html
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/breve.html b/breve.html
new file mode 100644
index 0000000..360e413
--- /dev/null
+++ b/breve.html
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/champslibres_administrations.php b/champslibres_administrations.php
new file mode 100644
index 0000000..33f34c4
--- /dev/null
+++ b/champslibres_administrations.php
@@ -0,0 +1,66 @@
+
+ * ex : [(#CHEMIN{IMG/rubon#ID_RUBRIQUE.svg}|afficher_svg{#ID_RUBRIQUE,#GET{class},#GET{titre},#GET{titre}})]
+ *
+ *
+ * @param $url_relative de l'image
+ * @param $id = numero de l'id
+ * @param $class
+ * @param $title
+ * @param $alt
+ *
+ * @return $svg (le code svg)
+ * @author tofulm
+ **/
+function afficher_svg($url_relative, $id=0, $class = '', $title='', $alt=''){
+ // nettoyer $url_relative des ?timestamp et vérifier que le ficher existe
+ $url_relative = explode('?', $url_relative)[0];
+ if (!file_exists($url_relative)) {
+ return;
+ }
+ $svg = file_get_contents($url_relative);
+ if ($id) {
+ $id = "id_$id";
+ $class = ' class="'.$class.'" ';
+ $pattern = '/(.+?)/s';
+ $replace = '$title";
+ $replace .= $title;
+ }
+ if ($alt) {
+ $alt = "$alt ";
+ $replace .= $alt;
+ }
+ $replace .= '${5}';
+ $svg = preg_replace($pattern,$replace,$svg,1);
+ }
+
+ return $svg;
+}
+
+
+if (!function_exists('array_column')) {
+ function array_column($array, $columnKey, $indexKey = null)
+ {
+ $result = array();
+ foreach ($array as $subArray) {
+ if (is_null($indexKey) && array_key_exists($columnKey, $subArray)) {
+ $result[] = is_object($subArray)?$subArray->$columnKey: $subArray[$columnKey];
+ } elseif (array_key_exists($indexKey, $subArray)) {
+ if (is_null($columnKey)) {
+ $index = is_object($subArray)?$subArray->$indexKey: $subArray[$indexKey];
+ $result[$index] = $subArray;
+ } elseif (array_key_exists($columnKey, $subArray)) {
+ $index = is_object($subArray)?$subArray->$indexKey: $subArray[$indexKey];
+ $result[$index] = is_object($subArray)?$subArray->$columnKey: $subArray[$columnKey];
+ }
+ }
+ }
+ return $result;
+ }
+}
diff --git a/champslibres_options.php b/champslibres_options.php
new file mode 100644
index 0000000..0e4aa10
--- /dev/null
+++ b/champslibres_options.php
@@ -0,0 +1,49 @@
+' . "\n";
+ //$flux .= ' ' . "\n";
+ //return $flux;
+//}
+
+/**
+ * Charger des scripts jquery
+ *
+ * @pipeline jqueryui_plugins
+ * @param array $scripts Liste à charger
+ * @return array Liste complétée
+**/
+//function champslibres_jquery_plugins($scripts){
+ //$scripts[] = "aa";
+ //$scripts[] = produire_fond_statique('javascript/bigup.js');
+ //return $scripts;
+//}
+
+/**
+ * Charger des scripts jquery ui
+ *
+ * @pipeline jqueryui_plugins
+ * @param array $scripts Liste à charger
+ * @return array Liste complétée
+**/
+function champslibres_jqueryui_plugins($scripts){
+ $scripts[] = "datepicker";
+ $scripts[] = "i18n/datepicker-fr";
+ $scripts[] = "autocomplete";
+ return $scripts;
+}
+
diff --git a/content/401.html b/content/401.html
new file mode 100644
index 0000000..079b5aa
--- /dev/null
+++ b/content/401.html
@@ -0,0 +1,12 @@
+[(#REM) Fil d'Ariane ]
+
+
+ <:pass_erreur:>[ (#ENV{status})]
+
+
+
+ #FORMULAIRE_LOGIN{#ENV{cible},'',0}
+
+
\ No newline at end of file
diff --git a/content/404.html b/content/404.html
new file mode 100644
index 0000000..864712b
--- /dev/null
+++ b/content/404.html
@@ -0,0 +1,9 @@
+[(#REM) Fil d'Ariane ]
+
diff --git a/content/article-bien.html b/content/article-bien.html
new file mode 100644
index 0000000..5d29d19
--- /dev/null
+++ b/content/article-bien.html
@@ -0,0 +1,3 @@
+
+
+
diff --git a/content/article-bien.xml b/content/article-bien.xml
new file mode 100644
index 0000000..ef076ac
--- /dev/null
+++ b/content/article-bien.xml
@@ -0,0 +1,5 @@
+
+ Bien Immomardi
+ Grande image, petite colonne à droite
+
+
\ No newline at end of file
diff --git a/content/article-contact.html b/content/article-contact.html
new file mode 100644
index 0000000..3ffebf8
--- /dev/null
+++ b/content/article-contact.html
@@ -0,0 +1,20 @@
+
+ [(#REM) AUTORISER{modifier, article, #ID_ARTICLE})
+ Editer
+ ]
+ #TITRE
+
+
+ [
(#SOUSTITRE) ]
+
#TEXTE
+
+ [
]
+
+
+ [(#INCLURE{fond=modeles/carte_yaller,
+ autocenterandzoom=oui,
+ id_article=#ID_ARTICLE})]
+
+
diff --git a/content/article-contact.xml b/content/article-contact.xml
new file mode 100644
index 0000000..8e61951
--- /dev/null
+++ b/content/article-contact.xml
@@ -0,0 +1,6 @@
+
+ Page de contact
+ Article pour page de contact:
+ bloc principal = texte / aside = descritif / footer large = PS
+
+
diff --git a/content/article-edito.html b/content/article-edito.html
new file mode 100644
index 0000000..1a15e68
--- /dev/null
+++ b/content/article-edito.html
@@ -0,0 +1,13 @@
+#SET{id_grpe_tags, 0}
+#SET{id_grpe_tags, #ID_GROUPE}
+
+
+ [(#AUTORISER{modifier, article, #ID_ARTICLE})
+ Editer
+ ]
+ #TITRE
+
+ [
(#SOUSTITRE) ]
+
#TEXTE
+
+
diff --git a/content/article-edito.xml b/content/article-edito.xml
new file mode 100644
index 0000000..43823e0
--- /dev/null
+++ b/content/article-edito.xml
@@ -0,0 +1,4 @@
+
+ Article editorial
+ Article pour contenu éditorial (hors catalogue de biens)
+
diff --git a/content/article.html b/content/article.html
new file mode 100644
index 0000000..f3cf24b
--- /dev/null
+++ b/content/article.html
@@ -0,0 +1,55 @@
+#SET{id_grpe_tags, 0} #SET{grpes_importants,#ARRAY}
+#SET{id_grpe_tags, #ID_GROUPE}
+#SET{grpes_importants,#GET{grpes_importants}|push{#ID_GROUPE}}
+
+#SET{id_mot_statut_bien,0}
+
+
+ #SET{id_mot_statut_bien, #ID_MOT}
+
+
+
+
+
+ [(#AUTORISER{modifier, article, #ID_ARTICLE})
+ [(#INFO_STATUT{article,#ID_ARTICLE}|=={publie}|non)
+ Éditer
+ ]
+ ]
+
+
+ [(#INCLURE{fond=inclure/bouton_une,id_article=#ENV{id_article}})]
+
+
+ #TITRE
+
+
+
+
+
+
+
diff --git a/content/auteur.html b/content/auteur.html
new file mode 100644
index 0000000..90cbc2a
--- /dev/null
+++ b/content/auteur.html
@@ -0,0 +1,9 @@
+
+
+ #NOM
+ #BIO
+ [site internet :
+
+ #NOM_SITE
+ ]
+
\ No newline at end of file
diff --git a/content/catalogue_biens.html b/content/catalogue_biens.html
new file mode 100644
index 0000000..9e90243
--- /dev/null
+++ b/content/catalogue_biens.html
@@ -0,0 +1,11 @@
+
+#SET{titre_mot,Liste des biens}
+#SET{id_mot,0}
+
+ #SET{titre_mot,#TITRE}
+ #SET{id_mot,#ID_MOT}
+
+
+#GET{titre_mot}
+
+
diff --git a/content/collectif.html b/content/collectif.html
new file mode 100644
index 0000000..e6e5f1f
--- /dev/null
+++ b/content/collectif.html
@@ -0,0 +1,6 @@
+
+
+
\ No newline at end of file
diff --git a/content/editer_bien.html b/content/editer_bien.html
new file mode 100644
index 0000000..706190c
--- /dev/null
+++ b/content/editer_bien.html
@@ -0,0 +1,35 @@
+[(#ENV{id_article}|?{
+ [(#INCLURE{fond=inclure/bouton_supprimer,id_article=#ENV{id_article}})]
+ [(#INCLURE{fond=inclure/bouton_une,id_article=#ENV{id_article}})]
+ Éditer l'article n°[(#ENV{id_article})]
+ ,
+ Créer un article
+})]
+
+
+ [(#SESSION{id_auteur}|oui)
+ [(#ENV{id_article}|oui)
+ [(#AUTORISER{modifier, article, #ENV{id_article}}|?{
+ [(#FORMULAIRE_EDITER_BIEN{#ENV{id_article}})]
+ ,
+
Votre compte ne fait pas partie des auteurs autorisés à modifier cet article.
+ })]
+ ]
+ [(#ENV{id_article}|non)
+ [(#AUTORISER{creer, article}|?{
+ [(#FORMULAIRE_EDITER_BIEN)]
+ ,
+
Votre compte n'a pas les droits suffisants pour créer un article.
+ })]
+ ]
+ ]
+ [(#SESSION{id_auteur}|non)
+
+ [(#FORMULAIRE_LOGIN{#ENV{url}})]
+
+
ou
+
+ [(#FORMULAIRE_INSCRIPTION)]
+
+ ]
+
diff --git a/content/groupe_mots.html b/content/groupe_mots.html
new file mode 100644
index 0000000..b31c916
--- /dev/null
+++ b/content/groupe_mots.html
@@ -0,0 +1,21 @@
+
+
+ #TITRE
+
+
+
+
+
+
+
+
+
+
+Situation des biens
+ [(#INCLURE{fond=modeles/carte_gis,
+ autocenterandzoom=oui,
+ objets=articles,
+ id_mot=#ENV{id_mot},
+ zoom_wheel=non,
+ height=500px,
+ })]
diff --git a/content/inscription.html b/content/inscription.html
new file mode 100644
index 0000000..c2a87b9
--- /dev/null
+++ b/content/inscription.html
@@ -0,0 +1,6 @@
+
+
Création d'un compte étudiant
+
+ [(#FORMULAIRE_INSCRIPTION)]
+
+
diff --git a/content/login.html b/content/login.html
new file mode 100644
index 0000000..464261c
--- /dev/null
+++ b/content/login.html
@@ -0,0 +1,10 @@
+#CACHE{0}
+
+Connexion
+
+
+ [(#FORMULAIRE_LOGIN{#ENV{url}})]
+
+
+
+
diff --git a/content/mentions_legales.html b/content/mentions_legales.html
new file mode 100644
index 0000000..65795cc
--- /dev/null
+++ b/content/mentions_legales.html
@@ -0,0 +1 @@
+
diff --git a/content/mes-articles.html b/content/mes-articles.html
new file mode 100644
index 0000000..8f14590
--- /dev/null
+++ b/content/mes-articles.html
@@ -0,0 +1,26 @@
+Vos articles en cours de rédaction
+
+
+
+
+
+
+
+
+/B_art_brouillon>
+
+Vos articles publiés
+
+
+
+
+
+
+
+
+ Aucun article publié.
+
+/B_art_publie>
\ No newline at end of file
diff --git a/content/modifier_auteur.html b/content/modifier_auteur.html
new file mode 100644
index 0000000..82afb0f
--- /dev/null
+++ b/content/modifier_auteur.html
@@ -0,0 +1,18 @@
+
+
Modifier mon profil
+
+
+
Mes articles
+
Me déconnecter
+
+
+
+ #FORMULAIRE_EDITER_AUTEUR{#ID_AUTEUR,#URL_PAGE{auteur}|parametre_url{id_auteur,#ENV{id_auteur}}}
+
+
+
+
+
+ Vous devez être connecté pour accéder à cette page.
+ /B_modifier_auteur>
+
diff --git a/content/mot.html b/content/mot.html
new file mode 100644
index 0000000..bc2cc73
--- /dev/null
+++ b/content/mot.html
@@ -0,0 +1,11 @@
+
+#SET{titre_mot,Liste des biens}
+#SET{id_mot,0}
+
+ #SET{titre_mot,#TITRE}
+ #SET{id_mot,#ID_MOT}
+
+
+#GET{titre_mot}
+
+
diff --git a/content/motsar.html b/content/motsar.html
new file mode 100644
index 0000000..ef97e95
--- /dev/null
+++ b/content/motsar.html
@@ -0,0 +1,24 @@
+Arborescence des mots clés
+
+
+
+
+
+
+#TITRE
+
+
+
+
+
+
+
diff --git a/content/nous-contacter.html b/content/nous-contacter.html
new file mode 100644
index 0000000..410d03d
--- /dev/null
+++ b/content/nous-contacter.html
@@ -0,0 +1,3 @@
+
+ #FORMULAIRE_ECRIRE_AUTEUR
+
\ No newline at end of file
diff --git a/content/plan.html b/content/plan.html
new file mode 100644
index 0000000..0e6f161
--- /dev/null
+++ b/content/plan.html
@@ -0,0 +1,48 @@
+Plan du site
+
+
+
+
+ #TITRE
+
+ [(#REM) Articles et sous-rubriques ]
+
+
+
+
+
+
+
+
+ #TITRE
+
+
+
+
+
+
+
+
+
+
+
+ [(#REM) Sur le Web ]
+
+ <:sites_web:>
+
+
+
+
+
diff --git a/content/rubrique.html b/content/rubrique.html
new file mode 100644
index 0000000..b3703b2
--- /dev/null
+++ b/content/rubrique.html
@@ -0,0 +1,13 @@
+
+
+
+ [
]
+
+
#TITRE
+ #TEXTE
+
+
+
+
+ Liste des articles
+/B_rub>
diff --git a/content/sommaire.html b/content/sommaire.html
new file mode 100644
index 0000000..73c7fc8
--- /dev/null
+++ b/content/sommaire.html
@@ -0,0 +1,46 @@
+
+
+À la une
+
+
+
+
+
+
+Les rubriques du journal
+
+
+
+
+
+ #SET{nb_rubs, #TOTAL_BOUCLE}
+
+
+
+
+
+[(#REM)
+
+
Situation des biens
+[(#INCLURE{fond=modeles/carte_gis,
+ autocenterandzoom=oui,
+ objets=articles,
+ id_mot=#ENV{id_mot},
+ zoom_wheel=non,
+ height=500px,
+})]
+
+]
diff --git a/content/sommaire_articles-un-mot.html b/content/sommaire_articles-un-mot.html
new file mode 100644
index 0000000..49a6e81
--- /dev/null
+++ b/content/sommaire_articles-un-mot.html
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+ [(#MODELE{articles_ps_owl}{autoplay=true}{caption=true}{navigation=false})] #SET{id_une,#ID_ARTICLE}
+
+
+
+
+ [(#MODELE{article_owl}{id_article=#ID_ARTICLE})] #SET{id_une,#ID_ARTICLE}
+
+
+
+ /B_bien_une>
+
+
+
+
+
+
+
+#SET{id_mot, #ID_MOT}
+ #TITRE
+
+ Nos réalisations
+/B_mot_presentation>
+
+
+
diff --git a/content/sommaire_mots-un-groupe-mot.html b/content/sommaire_mots-un-groupe-mot.html
new file mode 100644
index 0000000..894b4c2
--- /dev/null
+++ b/content/sommaire_mots-un-groupe-mot.html
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+ [(#MODELE{articles_ps_owl}{autoplay=true}{caption=true}{navigation=false})] #SET{id_une,#ID_ARTICLE}
+
+
+
+
+ [(#MODELE{article_owl}{id_article=#ID_ARTICLE})] #SET{id_une,#ID_ARTICLE}
+
+
+
+ /B_bien_une>
+
+
+
+
+
+
+
+
+
+
+
+ #SET{nb_rubs, #TOTAL_BOUCLE}
+
+
+
+
+ Situation des biens
+ [(#INCLURE{fond=modeles/carte_gis,
+ autocenterandzoom=oui,
+ objets=articles,
+ id_mot=#ENV{id_mot},
+ zoom_wheel=non,
+ height=500px,
+ })]
diff --git a/content/test.html b/content/test.html
new file mode 100644
index 0000000..c20a407
--- /dev/null
+++ b/content/test.html
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+
+
+ FeetFit Confort - Bien-être - Performance, Praticien conventionné et agrée par l'Etat
+
+
+
+
+
+
+
+
+
+
+
Appelez-nous
+
04 92 24 75 71
+
+
+
+
+
+
4 Avenue René Froger05100 - BRIANÇONEmail : feet.fit@orange.frSiret : 790011837
+
+
+
+
+
+
Cliquez ici
+
pour nous situer
+
+
+
+
+
+
+
+
+
+
+ Orthopédie et Podologie
+ Briançon (05)
+
+
+
+
+
+
+
+ Feet & Fit est un centre spécialisé dans le domaine de la podologie. M. Dran, orthopédiste, orthésiste et podologiste, reçoivent les patients atteints de douleurs aux pieds afin de leur proposer un traitement adéquat.
+ Une mauvaise posture peut entraîner divers troubles tels que des douleurs aux pieds, aux chevilles et aux genoux. Il existe toutefois des solutions pour aider les personnes souffrant de ces maux à retrouver le plaisir de marcher. Grâce à un diagnostique établi par un orthopédiste reconnu, le centre Feet & Fit sera en mesure de concevoir des semelles et des chaussures sur mesure pour traiter votre maladie.
+ La pratique d'un sport tel que le ski et les randonnées en montagne peuvent également être la cause de problèmes aux pieds. Spécialisé dans la confection de semelles et de chaussures de sport, pour prévenir et traiter les douleurs dont souffrent les sportifs.
+ Chaque patient étant différent, le centre Feet & Fit s'engage à assurer le suivi du traitement mis en place pour vous soigner.
+
+
+
+
diff --git a/content/z_apl.html b/content/z_apl.html
new file mode 100644
index 0000000..2ba4dc1
--- /dev/null
+++ b/content/z_apl.html
@@ -0,0 +1,10 @@
+[(#REM)
+
+ Squelette Big_Pipe
+ http://www.facebook.com/notes/facebook-engineering/bigpipe-pipelining-web-pages-for-high-performance/389414033919
+
+ (c) 2010 Cedric Morin
+ Distribue sous licence GPL
+
+]#CACHE{0}
+#INCLURE{fond=inclure/ajax_parallel_load,bloc=#SQUELETTE}
\ No newline at end of file
diff --git a/css/_body.scss b/css/_body.scss
new file mode 100644
index 0000000..cbd1086
--- /dev/null
+++ b/css/_body.scss
@@ -0,0 +1,10 @@
+/* Definition des containers pour Knacss */
+.inner-fluid {
+ margin: 2rem 2rem 0;
+}
+
+// met une taille max
+.inner {
+ max-width: $extra-large;
+ margin: 0 auto;
+}
diff --git a/css/_form_spip.scss b/css/_form_spip.scss
new file mode 100644
index 0000000..b972c89
--- /dev/null
+++ b/css/_form_spip.scss
@@ -0,0 +1,98 @@
+/* ------------------------------------------
+/* Habillage des formulaires SPIP
+/* ------------------------------------------ */
+
+input, textarea, select {-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
+.bugajaxie { display: none; } /* Bug IE/Win */
+
+/* Structure generale des formulaires
+----------------------------------------------- */
+.formulaire_spip { clear: both; margin-bottom: /*@margin-bottom*/1.5em/*/@*/; padding: /*@demi-line-height*/0.75em/*/@; border: 1px solid #ddd; background-color: #FCFCFC*/; text-align: left; }
+
+/* Fieldset */
+.formulaire_spip fieldset { clear: both; margin: 0; padding: 0; border: 0; }
+.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.25em; font-weight: bold; background-color: #FCFCFC; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
+.formulaire_spip fieldset fieldset { margin-top: /*@margin-bottom*/1.5em/*/@*/; }
+.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }
+
+/* Explications */
+.formulaire_spip .explication { color: #444;margin-bottom: 0;padding: /*@demi-line-height*/0.75em/*/@*/ 0;}
+
+/* Lignes */
+.formulaire_spip .editer { clear: both; margin: 0 /*@demi-line-height*/-0.75em/*/@*/; padding: /*@demi-line-height*/0.75em/*/@*/; }
+
+/* Labels */
+.formulaire_spip .editer>label { display: block; text-align: left; color: #444; font-weight: bold;}
+
+.formulaire_spip .choix label {display:inline;font-weight:normal;}
+.formulaire_spip .choix input.radio,
+/*.formulaire_spip .choix input.checkbox {width:auto;}*/
+
+
+/* Champs de saisie */
+.formulaire_spip input.text { width: 100%;}
+.formulaire_spip textarea { width: 100%; }
+.formulaire_spip select { width: 100%; }
+
+/* Boutons */
+.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; margin-top: /*@margin-bottom*/1.5em/*/@*/; }
+.formulaire_spip .boutons input { margin-left: 1em; }
+.formulaire_spip .boutons input, input.submit {}
+
+@media print {
+ .formulaire_spip { display: none; }
+}
+
+/* Reponses, previsu et erreurs
+----------------------------------------------- */
+
+/* Champs obligatoires */
+.formulaire_spip li.obligatoire {}
+.formulaire_spip li.obligatoire label {font-weight: strong;}
+
+
+/* Reponses */
+.reponse_formulaire { margin-bottom: /*@margin-bottom*/1.5em/*/@*/; padding: /*@demi-margin-bottom*/0.75em/*/@*/; border: 2px solid #ddd; }
+.reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
+.reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
+.reponse_formulaire_ok a { color: #264409; }
+.reponse_formulaire_erreur a { color: #8a1f11; }
+
+
+/* Previsualisation du message */
+fieldset.previsu { margin-bottom: /*@margin-bottom*/1.5em/*/@*/;padding: /*@demi-margin-bottom*/0.75em/*/@*/; border: 2px dashed #F57900; }
+fieldset.previsu legend { color: #F57900; }
+fieldset.previsu legend { padding-left:0.50em; font-weight: bold; color: #F57900; }
+/* Reponse du formulaire */
+fieldset.previsu .reponse_formulaire { font-weight: bold; color: #e86519;}
+fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
+
+
+/* * Erreurs */
+.editer.erreur { background-color: #fbe3e4; }
+.editer .erreur_message { display: block; color: #C30; font-weight: bold;}
+
+
+/* Variantes et cas particuliers
+----------------------------------------------- */
+
+/* Selection des langues */
+.formulaire_menu_lang { margin: 0; padding: 0; background: none; border: 0;}
+.formulaire_menu_lang select {width: 15em;}
+.page_login .content .formulaire_menu_lang {margin-bottom:1.5em;}
+
+/* Formulaires de recherche (site / petitions) */
+.formulaire_recherche { padding: 0; background: none; border: 0;}
+.formulaire_recherche * { display: inline; vertical-align: middle; }
+.formulaire_recherche label {display: block;}
+.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(img/rechercher.gif) no-repeat left center; }
+.formulaire_recherche input.submit {}
+
+/* Choix des mots-clefs */
+.choix_mots li { float: left; width: 30%; padding: 1%; }
+
+/* Formulaire de login dans une page */
+.formulaire_login .editer {clear:left;}
+/*.formulaire_login input.text,.formulaire_login input.password {width:15em;}*/
+.formulaire_login .editer_password .details {margin-bottom:0;}
+.formulaire_login #spip_logo_auteur {float:right;}
diff --git a/css/_menu_spip.scss b/css/_menu_spip.scss
new file mode 100644
index 0000000..509a477
--- /dev/null
+++ b/css/_menu_spip.scss
@@ -0,0 +1,153 @@
+/* Menu SPIP */
+
+
+/* cette variable permet de dire a quel breakpoint le burger est affiché ou caché */
+$burger: $large; // obsolete pour Knacss: on met le breakpoint a "large"
+
+
+#barnav {
+ li {
+ list-style-type: none;
+ }
+
+ a, a:focus, a:hover,a:active {
+ text-decoration: none;
+ display: block;
+ }
+}
+.on.active {
+ background-color: #000;
+ > a {
+ color: #fff;
+ padding: 0 1rem;
+ }
+}
+
+img.spip_logo {
+ vertical-align: bottom;
+ margin: 0 2rem .5rem 0;
+ height: 40px;
+ width: auto;
+}
+
+/* hamburger: Version mobile et tablette */
+/* @media (max-width: ($burger - 1)) { */
+@include respond-to("large") {
+ button.burgermenu {
+ position: absolute;
+ top: 30px;
+ right: 15px;
+ //margin-right: 31px;
+ }
+ .is-opened .js-sous-menu {
+ display: block;
+ }
+ #barnav {
+ width: 100%;
+
+ li.menu-entree a {
+ padding: 10px;
+ }
+ }
+ nav > ul {
+ width: 100%;
+ position: absolute;
+ right: -74px;
+ top: 64px;
+ }
+
+ /* habillage du bloc du menu à afficher sous-menu */
+ ul.js-sous-menu {
+ display: none;
+ width: 100%;
+ padding: 10px;
+ background-color: $white;
+ z-index: $zindex-modal;
+ right: 0;
+ a {
+ @include font-size(h3);
+ font-weight: $weight-medium;
+ font-family: $font-family-headings;
+ }
+ }
+ li.menu-entree {
+ margin: 7px 0 5px 0;
+ text-align: left;
+ background-color: rgba(206, 206, 206, 1);
+ i {
+ display: none;
+ }
+ }
+ .contact_header {
+ display: none;
+ }
+}
+
+
+/* barrenav: Menu desktop */
+/*@media (min-width: $burger) { */
+@include respond-to("large-up") {
+ .contact_barrenav {
+ display: none;
+ }
+ .contact_header {
+ display: block;
+ }
+ button.burgermenu {
+ display: none;
+ }
+ ul.js-sous-menu {
+ opacity: $opacite_header;
+ display: flex;
+ justify-content: space-around;
+ width: 100%;
+ padding: 0;
+ > li.menu-entree {
+ position: relative;
+ list-style-type: none;
+ > ul.menu-liste {
+ left: -193px;
+ padding: 10px 0 10px 185px;
+ position: absolute;
+ flex-direction: column;
+ width: 932px;
+ z-index: 599;
+ }
+ }
+ a {
+ @include font-size(h3);
+ font-weight: $weight-medium;
+ font-family: $font-family-headings;
+ }
+ i {
+ padding: 10px;
+ }
+ }
+}
+
+/* taille des caractères de la barre-nav pour passer en 5 items sur une largeur */
+ul.js-sous-menu a {
+ @include respond-to("large-up") {
+ font-size: 2rem;
+ }
+ @include respond-to("extra-large-up") {
+ font-size: 2.4rem;
+ }
+}
+
+/* navbar fixed lors du scroll de la page => recup gocryo, à adapter si besoin */
+#header.navbar-fixed-top {
+ position: fixed;
+ z-index: ($zindex-navigation + 1);
+ width: 100%;
+ //padding: 0;
+ background-color: #fff;
+/* img.spip_logo {
+ margin-top: 1rem;
+ }*/
+}
+#barnav .fixed-top {
+ position: fixed;
+ z-index: ($zindex-navigation + 1);
+}
+
diff --git a/css/_polices.scss b/css/_polices.scss
new file mode 100644
index 0000000..2b1e0ea
--- /dev/null
+++ b/css/_polices.scss
@@ -0,0 +1,30 @@
+/* les polices à charger en @font-face */
+
+@font-face {
+ font-family: 'Lato';
+ src: url("../fonts/lato_regular.woff2?#iefix") format("woff2");
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Bitter';
+ src: url("../fonts/bitter.woff2?#iefix") format("woff2");
+ font-weight: normal;
+ font-style: normal;
+}
+/*
+@font-face {
+ font-family: 'luxi_sansregular';
+ src: url("../fonts/luxisr-webfont.woff?#iefix") format("woff");
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Oswald';
+ src: url('../fonts/oswald_regular.woff2?#iefix') format('woff2');
+ font-weight: normal;
+ font-style: normal;
+}
+*/
diff --git a/css/_sq_champslibres.scss b/css/_sq_champslibres.scss
new file mode 100644
index 0000000..a739c32
--- /dev/null
+++ b/css/_sq_champslibres.scss
@@ -0,0 +1,907 @@
+/* tous les éléments CSS spécifiques du squelettes Champslibres */
+
+/* utilitaires */
+.hidden, .hide, .invisible {
+ display: none;
+}
+
+.cursor {
+ cursor: pointer;
+}
+.row_odd {
+ background-color: $gray-400;
+}
+
+
+/* polices */
+* { font-family: Lato, sans-serif; }
+i.fas { font-family: fontawesome; font-style: normal; font-weight: 400; }
+h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend,
+.h1-like, .h2-like, .h3-like, .h4-like { font-family: Bitter, sans-serif; }
+
+
+/* liens */
+a, a:hover { text-decoration: none; }
+a:hover { background-color: #e8e8e8; }
+
+
+#content {
+ h1, h2, h3 {
+ text-align: center;
+ @include respond-to("large-up") {
+ text-align: initial;
+ }
+ }
+}
+.container {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ fieldset {
+ clear: none;
+ margin-bottom: 2rem;
+ border: solid 1px #BBB;
+ padding: 1.5rem;
+ background-color: #FCFCFC;
+ > div { margin-bottom: 1.2rem;}
+ }
+ > div {
+ width: 100%;
+ }
+}
+
+.parent_prev_next {
+ display: flex;
+ margin-bottom: 1.5rem;
+ .fleche {
+ display: flex;
+ align-items: center;
+ &.gauche {
+ padding-right: 1rem;
+ }
+ &.droite {
+ padding-left: 1rem;
+ }
+ }
+ div.ajaxbloc {
+ width: 100%;
+ }
+ h1 {
+ margin: 0;
+ }
+}
+
+.encadre{
+ padding: 1rem;
+ border: solid 1px #BBB;
+}
+
+/**********************************************************************/
+/************************* HEADER ******************************/
+/**********************************************************************/
+
+#header {
+ .fas {
+ font-size: 3.1rem;
+ cursor: pointer;
+ }
+ .fa-times { color: red; }
+ .btn_hamburger {
+ align-items: end;
+ }
+ .hamburger {
+ margin-left: auto;
+ margin-top: auto;
+ }
+ .tt_plier {
+ margin-top: auto;
+ padding: 1rem;
+ }
+ .fas.plier {
+ cursor: pointer;
+ font-size: 1.2em;
+ padding-right: 1.5rem;
+ opacity: .5;
+ }
+ .btn_tags, .btn_mcs {
+ margin-top: auto;
+ }
+}
+
+header {
+ padding: 1.5rem 0 0 0;
+ align-items: center;
+ justify-content: space-around;
+ border-bottom: solid 3px;
+ h1 {
+ margin: 0;
+ }
+ align-items: center;
+}
+
+#header-droite{
+ flex-grow: 1;
+}
+#sous-titre_site{
+ display: none;
+ @include respond-to("large-up") {
+ display: block;
+ }
+}
+
+#btn_mc_tags {
+ flex-direction: row;
+ display: flex;
+ margin-left: auto;
+ > div { padding-left: 3rem; }
+}
+
+
+/* MENU PRINCIPAL */
+
+
+.burgermenu.nav-button {
+ height: 1.9rem;
+ i {
+ height: 2.2rem;
+ }
+ @include respond-to("medium-up") {
+ height: 3.6rem;
+ top: 50px;
+ padding-right: 1rem;
+ i {
+ width: 3.6rem;
+ height: 2.6rem;
+ }
+ }
+}
+
+#barnav {
+ padding: 2rem 0 0 0;
+ margin-top: -1rem;
+ ul.js-sous-menu {
+ top: 50px;
+ padding: 0 10px;
+ justify-content: space-between;
+ @include respond-to("medium-up") {
+ top: 110px;
+ }
+ a {
+ font-size: 1.9rem;
+ }
+ }
+}
+
+/* BREADCRUMB */
+
+.breadcrumb {
+ margin-bottom: 1rem;
+ ul {
+ list-style: none;
+ padding-left: 0;
+ }
+ li {
+ display: inline;
+ opacity: $opacite_header;
+ }
+ @include respond-to("medium-up") {
+ margin-bottom: 2rem;
+ }
+}
+
+@include respond-to("medium-up") {
+ img.spip_logo {
+ vertical-align: bottom;
+ margin: 0 2rem .5rem 0;
+ height: 100px;
+ }
+}
+.contact_header {
+ align-self: end;
+ margin-bottom: 9px;
+}
+
+
+/* menu des mots-clés */
+nav.navbar, nav.tagbar, nav.mcbar {
+ float: right;
+ .pardessus {
+ position: absolute;
+ z-index: 99;
+ width: 100%;
+ }
+ .groupe_mots, .articles {
+ background-color: $gray-200;
+ display: block;
+ border-top: .2rem solid #FFF;
+ }
+ .nom_groupe {
+ padding: 1rem 1.5rem;
+ cursor: pointer;
+ font-size: 1.2em;
+ display: block;
+ }
+ .nom_groupe:hover, .nuage a:hover {
+ background-color: $gray-400;
+ }
+ .deplier_groupe_mots, .un_mot {
+ display: block;
+ width: 100%;
+ text-align: left;
+ }
+ ul.mots_groupe {
+ margin-bottom: 0;
+ padding-left: 0;
+ }
+ .mots_groupe li {
+ background-color: $gray-300;
+ display: block;
+ list-style: none;
+ border-top: .1rem solid $gray-100;
+ padding-left: 4rem;
+ }
+ .mots_groupe li:hover {
+ background-color: $gray-500;
+ }
+ .nuage a {
+ margin-right: 1rem;
+ }
+}
+nav.navbar, nav.tagbar, nav.mcbar {
+ width: 100%;
+ position: relative;
+}
+nav.navbar.is-opened, nav.mcbar.is-opened, nav.tagbar.is-opened {
+ margin-top: -2rem;
+ /*transform: translate(0,0);
+ transition: 0.3s transform;*/
+}
+nav.tagbar .nuage { padding: .5rem; }
+.zone_tags {
+ margin-bottom: 2rem;
+}
+
+@include respond-to("medium-up") {
+ nav.navbar, nav.tagbar, nav.mcbar { width: 50%; }
+}
+@include respond-to("large-up") {
+ nav.navbar, nav.tagbar, nav.mcbar { width: 35%; }
+}
+
+/**********************************************************************/
+/**************************** PAGE ACCUEIL ****************************/
+/**********************************************************************/
+
+.la_une {
+ padding: 1rem;
+ display: flex;
+ flex-direction: column;
+ .video_une {
+ margin-bottom: 3rem;
+ width: 100%;
+ padding: 0;
+ h3 a {
+ display: block;
+ padding-left: 2rem;
+ }
+ }
+ .aside_une {
+ width: 100%;
+ padding: 0 0.5rem 1rem;
+ p {
+ text-align: justify;
+ }
+ @include respond-to("medium-up") {
+ padding: 0 2rem 1rem;
+ }
+ }
+ @include respond-to("extra-large-up") {
+ flex-direction: row;
+ .video_une {
+ width: 855px;
+ }
+ .aside_une {
+ width: calc(100% - 860px);
+ }
+ }
+}
+
+#actualites{
+ flex-grow: 1;
+ margin-left: 2rem;
+}
+/* ne pas afficher le slider en mode téléphone
+.page_sommaire .video_une {
+ display: none;
+ @include respond-to("large-up") {
+ display: block;
+ }
+}
+*/
+.btn_une, .une_OK {
+ display: none;
+ @include respond-to("medium-up") {
+ display: block;
+ }
+}
+
+.container_carte {
+ margin: 0 2rem;
+ @include respond-to("extra-large-up") {
+ margin: 0;
+ }
+}
+
+.coordonnees_gps {
+ font-size: 85%;
+ @include respond-to("tiny-up") {
+ font-size: 100%;
+ }
+}
+
+
+/* le bronx pour les étiquettes en surimpression sur les photos de biens (blocs/articles) */
+.container_slider {
+ display: flex;
+ flex-direction: row-reverse;
+}
+.container_etiquette {
+ position: absolute;
+}
+/* affichage article */
+.surimpression {
+ font-size: 3rem;
+ font-style: oblique;
+ color: #FFF;
+ background-color: #F00;
+ position: relative;
+ z-index: $zindex-navigation;
+ /* transform: rotate(-45deg); */
+ margin: 0;
+ padding-right: .4rem;
+ @include respond-to("tiny-up") {
+ margin: 0;
+ }
+ @include respond-to("medium-up") {
+ font-size: 4rem;
+ margin: 0;
+ padding: 0 1rem 0 .4rem;
+ }
+}
+.petit .surimpression {
+ font-size: 1.7rem;
+ @include respond-to("tiny-up") {
+ font-size: 2rem;
+ }
+ @include respond-to("medium-up") {
+ font-size: 3rem;
+ }
+
+}
+/* affichage bloc */
+.une_video {
+ .surimpression {
+ font-size: 2.5rem;
+ }
+ .petit .surimpression {
+ font-size: 1.5rem;
+ padding: .5rem .8rem .5rem .4rem;
+ @include respond-to("tiny-up") {
+ font-size: 1.7rem;
+ }
+ @include respond-to("large-up") {
+ font-size: 1.9rem;
+ }
+ }
+}
+/* étiquette verte */
+.green, .vert {
+ .surimpression {
+ background-color: $green-500;
+ }
+}
+
+
+/* page sommaire */
+.titre_sommaire {
+ margin-bottom: 1.5rem;
+}
+/* le binz pour avoir les blocs de types de biens avant la présentation en mode tel */
+.page_sommaire .content {
+ display: flex;
+ flex-direction: column;
+ .titre_sommaire {
+ order: 1;
+ }
+ .la_une {
+ order: 2;
+ }
+ .liste_des_rubriques {
+ order: 3;
+ }
+ .container_carte {
+ order: 4;
+ }
+ @include respond-to("medium-up") {
+ display: initial;
+ }
+}
+/* les bidouillages de owl carousel */
+.lien_carousel {
+ @extend .btn--inverse;
+ h3 {
+ font-size: 1.3rem;
+ @include respond-to("small-up") {
+ font-size: 1.8rem;
+ }
+ @include respond-to("medium-up") {
+ @include font-size(h3);
+ }
+/* display: none;*/
+ }
+
+/* display: block;*/
+}
+.la_une {
+ #demo .owl-slide > .caption {
+ left: initial;
+ width: initial;
+ }
+ .owl-theme .owl-nav {
+ display: flex;
+ justify-content: space-between;
+ font-size: 5rem;
+ line-height: 1;
+ }
+ .owl-theme .owl-dots {
+ display: flex;
+ justify-content: space-around;
+ margin: -55px auto 1rem;
+ margin-bottom: 1.2rem;
+ width: calc(100% - 50px);
+ @include respond-to("large-up") {
+ margin: -70px auto 1rem;
+ }
+ }
+ .owl-theme .owl-dots .owl-dot span {
+ width: initial;
+ height: initial;
+ }
+ .owl-theme .owl-dots .owl-dot {
+ opacity: .5;
+ }
+ .owl-theme .owl-dots .owl-dot.active {
+ opacity: 1;
+ }
+ .owl-theme .owl-nav.disabled, .owl-theme .owl-dots.disabled {
+ display: none;
+ }
+}
+
+/* spécifique page présentation d'un bien = page article */
+.page_article .la_une {
+ h3 {
+ font-size: 1.8rem;
+ }
+ .mots .hashtag {
+ font-size: 1.2rem;
+ margin-right: .2rem;
+ }
+}
+
+/* footer */
+.footer {
+ margin-top:4rem;
+ padding-top: 1rem;
+ border-top:3px solid;
+ padding-bottom: 2rem;
+ margin-bottom:0;
+ text-align: left;
+ position:relative;
+ /*.colophon { padding-right: 100px; }*/
+ .nav li a, .colophon a {
+ padding: 10px 15px;
+ }
+ .colophon .generator {
+ max-width: 300px;
+ }
+ .lien_cc svg {
+ width: 30px;
+ height: 30px;
+ vertical-align: middle;
+ }
+ .nav { padding-left: 0; }
+ .nav li { display: block; }
+ .nav li:not(.generator) a { display: block; }
+
+ @include respond-to("small-up") {
+ .nav li { display: inline-block !important; }
+ .nav li:not(.generator) a { display: inline; }
+ .nav li.separ { border: none; }
+ .nav li.separ:not(:first-of-type)::before { content: " | "; }
+ .generator { /*position: absolute; top: 1rem; right: 0; max-width: 200px;*/ float: right; }
+ .nav li a .title { display: none; }
+ }
+}
+
+/* blocs biens */
+.liste_des_videos {
+ margin: 1rem 0;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-around;
+ .une_video {
+ border: 1px solid #DDD;
+ padding: 1rem;
+ margin: 1rem 0;
+ display: flex;
+ flex-direction: column;
+ /*justify-content: space-between;*/
+ width: 100%;
+ .am_mots .tags {
+ font-size: .8em;
+ }
+ .am_tags {
+ line-height: 1.2rem;
+ .tags {
+ font-size: .6em;
+ &.mrs {
+ margin-right: .2rem;
+ }
+ }
+ }
+ .h3-like {
+ line-height: 1.1em;
+ min-height: 5rem;
+ margin: 1rem 0;
+ }
+ .une_ligne {
+ height: 2.75rem;
+ overflow: hidden;
+ }
+ .affmasq {
+ font-size: 2rem;
+ cursor: pointer;
+ }
+ }
+ .bloc_contenu {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ min-height: 100%;
+ }
+ @include respond-to("tiny-up") {
+ margin: 1rem;
+ }
+ @include respond-to("medium-up") {
+ .une_video {
+ width: 345px;
+ }
+ }
+ @include respond-to("large-up") {
+ .une_video {
+ width: 380px;
+ }
+ }
+
+ @include respond-to("extra-large-up") {
+ justify-content: space-between;
+/* :last-of-type {
+ margin-right: 0;
+ }
+ :first-of-type {
+ margin-left: 0;
+ }*/
+ }
+ .bloc_placeholder {
+ display: none;
+ @include respond-to("extra-large-up") {
+ border: none;
+ display: flex;
+ }
+ }
+}
+
+.photo_bien {
+ display: flex;
+ justify-content: center;
+ min-height: 180px;
+ img {
+ width: 100%;
+ }
+ .ico_defaut {
+ font-size: 160px;
+ padding-bottom: 20px;
+ }
+}
+
+.placeholder {
+ margin: 1rem auto;
+ img {
+ max-height: 320px;
+ opacity: .1;
+ }
+}
+
+.liste_des_rubriques {
+ display: flex;
+ flex-wrap: wrap!important;
+ .une_rub {
+ padding: 1rem;
+ a {
+ min-height: 100%;
+ h2 {
+ text-align: left;
+ }
+ }
+ }
+ .une_rub_contenu{
+ padding: 1rem;
+ border: 1px solid #DDD;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ width: 100%;
+ min-height: 100%;
+ position: relative;
+ }
+
+ a.etiquette_rubrique{
+ position: absolute;
+ min-height:0;
+ top: -1.5rem;
+ right: 1.5rem;
+ padding: 0 0.5rem;
+ text-align: right;
+ background-color: #999;
+ color: white;
+ }
+
+ .resume-article{
+ flex-grow: 1;
+ }
+
+/* SOMMAIRE tous les bricolages pour la gestion responsive des blocs rubrique du sommaire */
+ @include respond-to("small-up") {
+ .une_rub { width: 250px; }
+ .photo_bien{
+ min-height: 157px;
+ }
+ }
+ @include respond-to("medium-up") {
+ .une_rub { width: 340px; }
+ }
+ @include respond-to("large-up") {
+// flex-wrap: nowrap;
+ .une_rub { width: 340px; }
+ }
+ @include respond-to("extra-large-up") {
+ //flex-wrap: nowrap;
+ .une_rub { width: 300px; }
+ .photo_bien{
+ min-height: 157px;
+ }
+ }
+}
+
+/**********************************************************************/
+/*************************** PAGE RUBRIQUE ****************************/
+/**********************************************************************/
+
+.rub_en-tete{
+ position: relative;
+}
+
+.rub_en-tete_titre{
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 100;
+ background-color:rgba(0, 0, 0, 0.5);
+ color: white;;
+ padding: 2rem;
+ min-height: 100%;
+ width: 30%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+
+
+
+/* blocs mots/ss-rubriques */
+.liste_des_mots {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-around;
+ .un_mot {
+ border: 1px solid #DDD;
+ padding: 1rem;
+ margin: 1rem;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ width: 100%;
+ a {
+ display: flex;
+ flex-direction: column;
+ min-height: 100%;
+ h2 {
+ margin: auto;
+ text-align: center;
+ }
+ }
+ }
+ /* tous les bricolages pour la gestion responsive des blocs rubrique du sommaire */
+ @include respond-to("small-up") {
+ .un_mot { width: 250px; }
+ }
+ @include respond-to("medium-up") {
+ .un_mot { width: 340px; }
+ }
+ @include respond-to("large-up") {
+ //flex-wrap: nowrap;
+ .un_mot { width: 340px; }
+ }
+ @include respond-to("extra-large-up") {
+ justify-content: space-between;
+ //flex-wrap: nowrap;
+/* :first-of-type {
+ margin-left: 0;
+ }
+ :last-of-type {
+ margin-right: 0;
+ }*/
+ }
+}
+
+
+/* tous formulaires */
+.boutons .submit {
+ font-size: 2.5rem;
+}
+.btn.pull-right, .une_OK {
+ margin-left: 2rem;
+}
+#editer_gis_oui_rechercher_geocodage{
+ @extend .btn--inverse;
+}
+
+/* formulaire de saisie d'un bien */
+.formulaire_editer_bien {
+ clear: none;
+ .resume textarea { min-height: 25rem; }
+ .upload_vignette {
+ label { display: block; }
+ .ajaxbloc {
+ clear: both;
+ @include respond-to("large-up") {
+ clear: initial;
+ }
+ }
+ }
+ .col_droite {
+ float: right;
+ width: 33%;
+ clear: right;
+ }
+ .principal, .auteurs { width: 60%; }
+ .formulaire_uploadhtml5 {
+ margin-bottom: 0;
+ float: left;
+ width: 100%;
+ .dropzone {
+ min-height: 50px;
+ .dz-message { margin: .5em 0; }
+ }
+ @include respond-to("large-up") {
+ width: 25%;
+ }
+ }
+ .photo_bien {
+ justify-content: left;
+ .une_photo {
+ margin-right: 1rem;
+ display: flex;
+ flex-direction: column;
+ max-width: 320px;
+ }
+ .boutons_actions {
+ width: 100%;
+ display: flex;
+ justify-content: space-around;
+ background-color: $gray-200;
+ a.btn_poubelle {
+ color: $red-500;
+ }
+ i.green {
+ color: $green-500;
+ padding: .6rem 1.5rem;
+ }
+ a {
+ margin: 0;
+ }
+ a:hover {
+ background-color: $gray-100;
+ }
+ }
+ }
+ legend {
+ width: auto;
+ }
+}
+.une_OK i.fas { color: green; }
+
+/* formulaire de connexion / création de compte */
+#choix_connexion {
+ fieldset {
+ clear: none;
+ margin-bottom: 2rem;
+ border: solid 1px #BBB;
+ padding: 1.5rem;
+ background-color: #FCFCFC;
+ > div { margin-bottom: 1.2rem;}
+ }
+}
+@include respond-to("medium-up") {
+ #choix_connexion { flex-wrap: nowrap; }
+}
+.bloc_connexion {
+ flex-grow: 1;
+}
+.creer_associer_compte {
+ flex-grow: 2;
+}
+
+/* spip_admin */
+div#spip-admin { display:none; }
+@include respond-to("small-up") {
+ div#spip-admin { display: initial; }
+}
+
+/* fleche go-top (dans header/dist.html */
+#go_top {
+ position: fixed;
+ bottom: 2%;
+ right: 2%;
+ font-size: 3em;
+ opacity: .2;
+ /*:hover {
+ }*/
+}
+#go_top:hover {
+ background-color: transparent;
+ opacity: 1;
+}
+
+/* bloc aside pour les horaires d'ouverture dans la page contact */
+.composition_contact .la_une .aside_une {
+ width: 100%;
+ td {
+ padding-left: 1rem;
+ }
+ table {
+ table-layout: initial;
+ }
+ @include respond-to("small-up") {
+ width: calc(100% - 560px);
+ }
+}
+
+/*
+ * modele iframe vidéo responsive
+ * cf http://blog.theodo.fr/2018/01/responsive-iframes-css-trick/
+*/
+.resp_container {
+ position: relative;
+ overflow: hidden;
+ padding-top: 56.25%;
+}
+.resp_iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border: 0;
+}
diff --git a/css/_utilitaires.scss b/css/_utilitaires.scss
new file mode 100644
index 0000000..f2e24e4
--- /dev/null
+++ b/css/_utilitaires.scss
@@ -0,0 +1,5 @@
+/* __------__ CSS en commun (starter) __------__ */
+
+
+
+/* --- Barre Nav --- */
diff --git a/css/knacss/_config/_mixins.scss b/css/knacss/_config/_mixins.scss
new file mode 100644
index 0000000..d6574f0
--- /dev/null
+++ b/css/knacss/_config/_mixins.scss
@@ -0,0 +1,58 @@
+// font-size Mixin
+// compiles to font-size mobile + font-size desktop on small-plus devices
+// ex. h2 { @include font-size(h2);}
+@mixin font-size($elem) {
+ $q: map-get($font-sizes, $elem);
+ $mob: map-get($q, "mobile");
+ $desk: map-get($q, "desktop");
+ font-size: $mob;
+ @include respond-to("small-up") {
+ font-size: $desk;
+ }
+}
+
+// Grid Mixin
+// arguments are : columns number, gutter, min-breakpoint
+// ex. .ingrid { @include grid(4, 1rem, 640px); }
+@mixin grid($number:1, $gutter:0, $breakpoint:0) {
+ @supports (display: grid) {
+ @media (min-width: $breakpoint) {
+ display: grid;
+ grid-template-columns: repeat($number, 1fr);
+ grid-gap: $gutter;
+ }
+ }
+}
+
+// Additionnal "utility" breakpoints aliases
+// ex. @include respond-to("medium-up") {...}
+$bp-aliases: (
+ 'tiny' : (max-width: #{$tiny - 1}),
+ 'small' : (max-width: #{$small - 1}),
+ 'medium' : (max-width: #{$medium - 1}),
+ 'large' : (max-width: #{$large - 1}),
+ 'extra-large' : (max-width: #{$extra-large - 1}),
+ 'tiny-up' : (min-width: #{$tiny}),
+ 'small-up' : (min-width: #{$small}),
+ 'medium-up' : (min-width: #{$medium}),
+ 'large-up' : (min-width: #{$large}),
+ 'extra-large-up' : (min-width: #{$extra-large}),
+ 'retina' : (min-resolution: 2dppx)
+);
+
+// Source : https://www.sitepoint.com/managing-responsive-breakpoints-sass/
+@mixin respond-to($name) {
+ // If the key exists in the map
+ @if map-has-key($bp-aliases, $name) {
+ // Prints a media query based on the value
+ @media #{inspect(map-get($bp-aliases, $name))} {
+ @content;
+ }
+ }
+
+ // If the key doesn't exist in the map
+ @else {
+ @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
+ + "Please make sure it is defined in `$breakpoints` map.";
+ }
+}
diff --git a/css/knacss/_config/_variables.scss b/css/knacss/_config/_variables.scss
new file mode 100644
index 0000000..ada8453
--- /dev/null
+++ b/css/knacss/_config/_variables.scss
@@ -0,0 +1,228 @@
+// Config file and project variables
+
+// ----------------
+// Breakpoints zone
+// ----------------
+
+// Warning: you should use your own values, regardless of the devices
+// Best practice is Mobile First: (min-width: $breakpoint)
+$tiny : 480px !default; // or 'em' if you prefer, of course
+$small : 576px !default;
+$medium : 768px !default;
+$large : 992px !default;
+$extra-large : 1200px !default;
+
+// ----------
+// Fonts zone
+// ----------
+
+// Font families
+$font-family-base : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !default; // system font stack
+$font-family-headings : sans-serif !default; // font for h1, h2.. h6
+$font-family-monospace : consolas, courier, monospace !default; // font for code and samples
+
+// Font sizes (1.6rem value is "16px" equivalent)
+$font-size-base : 1.6rem !default;
+
+$font-sizes: (
+ base: (
+ mobile : 1.4rem,
+ desktop : $font-size-base
+ ),
+ h1: (
+ mobile : 2.8rem,
+ desktop : 3.2rem
+ ),
+ h2: (
+ mobile : 2.4rem,
+ desktop : 2.8rem
+ ),
+ h3: (
+ mobile : 2.0rem,
+ desktop : 2.4rem
+ ),
+ h4: (
+ mobile : 1.8rem,
+ desktop : 2.0rem
+ ),
+ h5: (
+ mobile : 1.6rem,
+ desktop : 1.8rem
+ ),
+ h6: (
+ mobile : 1.4rem,
+ desktop : 1.6rem
+ )
+) !default;
+
+// Line heights
+$line-height-s : 1.3 !default;
+$line-height-base : 1.5 !default;
+$line-height-l : 1.7 !default;
+
+// Default margin-bottom
+$margin-bottom-base : 1rem !default;
+$headings-margin-bottom : $margin-bottom-base /2 !default;
+$paragraph-margin-bottom: $margin-bottom-base !default;
+
+// Font weights
+$weight-light : 200 !default;
+$weight-book : 300 !default;
+$weight-regular : 400 !default;
+$weight-medium : 500 !default;
+$weight-bold : 700 !default;
+
+// Activate hyphenation on small screens
+$hyphens: false !default;
+
+// ------------
+// Spacing zone
+// ------------
+
+// Number of grid-columns
+$cols: 12 !default;
+
+// Gutter
+$gutter: null;
+
+// Grid gutters (for .has-gutter-* classes)
+$grid-gutters: (
+ '': 1rem,
+ '-l': 2rem,
+ '-xl': 4rem
+) !default;
+
+// Spacings
+$spacer-tiny : .5rem !default;
+$spacer-tiny-plus : .7rem !default;
+$spacer-small : 1rem !default;
+$spacer-small-plus : 1.5rem !default;
+$spacer-medium : 2rem !default;
+$spacer-medium-plus : 3rem !default;
+$spacer-large : 4rem !default;
+$spacer-large-plus : 6rem !default;
+$spacer-extra-large : 8rem !default;
+$spacer-extra-large-plus : 12rem !default;
+$spacer-ultra-large : 16rem !default;
+$spacer-ultra-large-plus : 20rem !default;
+
+// z-indexes
+$zindex-navigation : 1000 !default;
+$zindex-dropdown : 2000 !default;
+$zindex-popover : 3000 !default;
+$zindex-tooltip : 4000 !default;
+$zindex-modal : 5000 !default;
+$zindex-notification : 6000 !default;
+$zindex-debug : 7000 !default;
+
+// ----------
+// Color zone
+// ----------
+
+// Color names
+$white : #fff !default;
+$gray-100 : #f8f9fa !default;
+$gray-200 : #e7e9ed !default;
+$gray-300 : #dee2e6 !default;
+$gray-400 : #ced4da !default;
+$gray-500 : #acb3c2 !default;
+$gray-600 : #727e96 !default;
+$gray-700 : #454d5d !default;
+$gray-800 : #333 !default;
+$gray-900 : #212529 !default;
+$black : #000 !default;
+
+$blue-300 : #5BC0DE !default;
+$blue-500 : #0275D8 !default;
+$green-500 : #5CB85C !default;
+$orange-500 : #F0AD4E !default;
+$red-500 : #D9534F !default;
+
+// Semantic colors
+$color-brand : $green-500 !default;
+$color-primary : $blue-500 !default;
+$color-success : $green-500 !default;
+$color-info : $blue-300 !default;
+$color-warning : $orange-500 !default;
+$color-danger : $red-500 !default;
+$color-inverse : $gray-800 !default;
+$color-ghost : transparent !default;
+$color-muted : $gray-200 !default;
+
+$color-base : $gray-900 !default;
+$background-base : $white !default;
+
+$forms-color : $gray-800 !default;
+
+// ---------------
+// Components zone
+// ---------------
+
+// Component: links
+$link-color : $gray-800 !default;
+$link-color-hover : darken($link-color, 15%) !default;
+$link-decoration : underline !default;
+$link-decoration-hover : underline !default;
+
+// Global border-radius
+$border-radius: 0 !default;
+
+// Component: quotes
+$quote-color : $gray-200 !default;
+
+// Component: arrows
+$arrow-color : $black !default;
+
+// Components: checkboxes, radios, switches
+$checkbox-color: $white !default;
+$checkbox-background: $gray-800 !default;
+$checkbox-size: 2rem !default;
+$checkbox-border-radius: 4px !default;
+$radio-color: $gray-800 !default;
+$radio-background: $white !default;
+$switch-color: $white !default;
+$switch-background: $gray-800 !default;
+$switch-size: 2rem !default;
+$switch-border-radius: 3em !default;
+
+// Component: tables
+$table-border : $gray-500 !default;
+$table-caption-color : $gray-800 !default;
+$table-background : transparent !default;
+$table-head-color : $color-base !default;
+$table-head-background : transparent !default;
+$table-footer-color : $color-base !default;
+$table-footer-background : transparent !default;
+
+// Components: buttons, badges, alerts color variants list
+// Convention is: name - background-color - color - border
+$variants-list: (
+ (primary, $color-primary, $white, none),
+ (success, $color-success, $white, none),
+ (info, $color-info, $black, none),
+ (warning, $color-warning, $black, none),
+ (danger, $color-danger, $white, none),
+ (inverse, $color-inverse, $white, none),
+ (ghost, $color-ghost, $white, 0 0 0 1px $white inset)
+) !default;
+
+// Component: tabs
+$tabs-border : $gray-200 !default;
+$tabs-active-border : $gray-800 !default;
+$tabs-color : $color-base !default;
+$tabs-active-color : $gray-800 !default;
+$tabs-background : transparent !default;
+$tabs-active-background : transparent !default;
+$tabs-border-radius : 0 !default;
+
+// Component: nav burger button
+$burger-color : $gray-800 !default;
+$burger-background : transparent !default;
+$burger-hover-background : transparent !default;
+$burger-size : 2.6rem !default;
+$burger-weight : 5px !default; // size of stripes
+$burger-padding : 0 !default;
+
+// personnalisations pour sq_immomardi
+$opacite_header : 0.6;
+$header-height:205px;
\ No newline at end of file
diff --git a/css/knacss/_knacss.scss b/css/knacss/_knacss.scss
new file mode 100644
index 0000000..e103caf
--- /dev/null
+++ b/css/knacss/_knacss.scss
@@ -0,0 +1,64 @@
+/*!
+* www.KNACSS.com v7.1.2 (january, 30 2019) @author: Alsacreations, Raphael Goetter
+* Licence WTFPL http://www.wtfpl.net/
+*/
+
+/* ----------------------------- */
+/* ==Table Of Content */
+/* ----------------------------- */
+
+/*
+1- Reboot (basic reset)
+2- Libraries :
+ - Base
+ - Print
+ - Layout (alignment, modules, positionning)
+ - Utilities (width and spacers helpers)
+ - Responsive helpers
+ - WordPress reset (disabled by default)
+ - Grillade (Grid System)
+3- Components :
+ - Media object
+ - Skip Links for accessibility
+ - Tables
+ - Forms
+ - Buttons
+ - Checkbox
+ - Tabs
+ - Tags
+ - Badges
+ - Alerts
+*/
+
+@import "_vendor/reboot"; // Bootstrap reboot (basic reset) (CSS file renamed and imported as if it was a partial because of libsass)
+
+// WARNING : you should comment the following @import (variables)
+// and move variables file from knacss folder to your own project folder!
+@import "_config/variables";
+
+@import "_config/mixins";
+
+// Core Libraries
+@import "_library/base"; // basic styles
+@import "_library/print"; // print quick reset
+@import "_library/layout"; // alignment, modules, positionning
+@import "_library/utilities"; // width and spacer helpers
+@import "_library/responsive"; // Responsive Web Design helpers
+// @import "_library/wordpress"; // WordPress reset and basic styles
+
+// New Grid System by default (Grid Layout). If you prefer old "Flexbox" Grid System, replace file with "_library/grillade-flex"
+// Note that none of these files are prefixed by an underscore, in order to compile them.
+@import "_library/grillade-grid"; // grid system with Grid Layout
+
+// Components
+@import "components/media"; // media object
+@import "components/skip-links"; // skip links
+@import "components/tables"; // data tables consistency
+@import "components/forms"; // forms consistency and styles
+@import "components/buttons"; // buttons styles
+@import "components/checkbox"; // checkbox, radio, switch styles
+@import "components/tabs"; // tabs styles
+@import "components/arrows"; // arrows styles
+@import "components/tags"; // tags styles
+@import "components/badges"; // badges styles
+@import "components/alerts"; // alerts styles
diff --git a/css/knacss/_library/_base.scss b/css/knacss/_library/_base.scss
new file mode 100644
index 0000000..31b800d
--- /dev/null
+++ b/css/knacss/_library/_base.scss
@@ -0,0 +1,274 @@
+/* ----------------------------- */
+/* ==Base (basic styles) */
+/* ----------------------------- */
+
+/* disable animations styles when reduced rotion is enabled */
+@media (prefers-reduced-motion: reduce) {
+ * {
+ animation: none !important;
+ transition: none !important;
+ }
+}
+
+/* switching to border-box model for all elements */
+html {
+ box-sizing: border-box;
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: inherit;
+ /* avoid min-width: auto on flex and grid children */
+ min-width: 0;
+ min-height: 0;
+}
+
+html {
+ /* set base font-size to equiv "10px", which is adapted to rem unit */
+ font-size: 62.5%;
+ /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
+ font-size: calc(1em * 0.625);
+}
+
+body {
+ margin: 0;
+ @include font-size(base);
+ background-color: $background-base;
+ color: $color-base;
+ font-family: $font-family-base;
+ line-height: $line-height-base;
+}
+
+/* Links */
+a {
+ color: $link-color;
+ text-decoration: $link-decoration;
+
+ &:focus,
+ &:hover,
+ &:active {
+ color: $link-color-hover;
+ text-decoration: $link-decoration-hover;
+ }
+}
+
+/* Headings */
+h1, .h1-like {
+ @include font-size(h1);
+ @if variable_exists(font-family-headings) and $font-family-headings != $font-family-base{
+ font-family: $font-family-headings;
+ }
+ font-weight: $weight-medium;
+}
+
+h2, .h2-like {
+ @include font-size(h2);
+ @if variable_exists(font-family-headings) and $font-family-headings != $font-family-base{
+ font-family: $font-family-headings;
+ }
+ font-weight: $weight-medium;
+}
+
+h3, .h3-like {
+ @include font-size(h3);
+ font-weight: $weight-medium;
+}
+
+h4, .h4-like {
+ @include font-size(h4);
+ font-weight: $weight-medium;
+}
+
+h5, .h5-like {
+ @include font-size(h5);
+ font-weight: $weight-medium;
+}
+
+h6, .h6-like {
+ @include font-size(h6);
+ font-weight: $weight-medium;
+}
+
+/* Vertical rythm */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+dd {
+ margin-top: 0;
+ margin-bottom: $headings-margin-bottom;
+}
+
+p,
+address,
+ol,
+ul,
+dl,
+blockquote,
+pre {
+ margin-top: 0;
+ margin-bottom: $paragraph-margin-bottom;
+}
+
+/* Avoid margins on nested elements */
+li p,
+li .p-like,
+li ul,
+li ol,
+ol ol,
+ul ul {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+/* Max values */
+img,
+table,
+td,
+blockquote,
+code,
+pre,
+textarea,
+input,
+video,
+svg {
+ max-width: 100%;
+}
+
+img {
+ height: auto;
+}
+
+/* Styling elements */
+ul,
+ol {
+ padding-left: 2em;
+}
+
+img {
+ vertical-align: middle;
+}
+
+em,
+.italic,
+address,
+cite,
+i,
+var {
+ font-style: italic;
+}
+
+code,
+kbd,
+mark {
+ border-radius: 2px;
+}
+
+kbd {
+ padding: 0 2px;
+ border: 1px solid #999;
+}
+
+pre {
+ tab-size: 2;
+}
+
+code {
+ padding: 2px 4px;
+ background: rgba(0, 0, 0, 0.04);
+ color: #b11;
+}
+
+pre code {
+ padding: 0;
+ background: none;
+ color: inherit;
+ border-radius: 0;
+}
+
+mark {
+ padding: 2px 4px;
+}
+
+sup,
+sub {
+ vertical-align: 0;
+}
+
+sup {
+ bottom: 1ex;
+}
+
+sub {
+ top: 0.5ex;
+}
+
+blockquote {
+ position: relative;
+ padding-left: 3em;
+ min-height: 2em;
+}
+
+blockquote::before {
+ content: "\201C";
+ position: absolute;
+ left: 0;
+ top: 0;
+ font-family: georgia, serif;
+ font-size: 5em;
+ height: .4em;
+ line-height: .9;
+ color: $quote-color;
+}
+
+blockquote > footer {
+ margin-top: .75em;
+ font-size: 0.9em;
+ color: rgba(0, 0, 0, .7);
+
+ &::before {
+ content: "\2014 \0020";
+ }
+}
+
+q {
+ font-style: normal;
+}
+
+q,
+.q {
+ quotes: "“" "”" "‘" "’";
+
+ &:lang(fr) {
+ quotes: "«\00a0" "\00a0»" "“" "”";
+ }
+}
+
+hr {
+ display: block;
+ clear: both;
+ height: 1px;
+ margin: 1em 0 2em;
+ padding: 0;
+ border: 0;
+ color: #ccc;
+ background-color: #ccc;
+}
+
+blockquote,
+figure {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+code,
+pre,
+samp,
+kbd {
+ white-space: pre-wrap;
+ font-family: $font-family-monospace;
+ line-height: normal;
+}
diff --git a/css/knacss/_library/_grillade-flex.scss b/css/knacss/_library/_grillade-flex.scss
new file mode 100644
index 0000000..283ca5e
--- /dev/null
+++ b/css/knacss/_library/_grillade-flex.scss
@@ -0,0 +1,146 @@
+/* ---------------------------------- */
+/* ==Grillade v6 */
+/* ---------------------------------- */
+/* IMPORTANT : this is the KNACSS v6 old Grid System based on Flexbox */
+/* You only need it for projects on older browsers (IE11-) */
+
+// Responsive breakpoints variables
+
+// Warning : you should use your own values, regardless of the devices
+// Best practice : (max-width: ($BP - 1)) and (min-width: $BP)
+
+$tiny: 480px !default; // or 'em' if you prefer, of course
+$small: 576px !default;
+$medium: 768px !default;
+$large: 992px !default;
+$extra-large: 1200px !default;
+$cols: 12 !default;
+
+// gutter values for grid layouts. Unit can be: %, px, em, rem
+$grid-gutters: ( '': 1rem, '-l': 2rem, '-xl': 4rem );
+// IEfixing, see
+// https://github.com/alsacreations/KNACSS/issues/133;
+$iefix: 0.01px;
+@media (min-width: $small) {
+ [class*=" grid-"],
+ [class^="grid-"] {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+
+ & > * {
+ box-sizing: border-box;
+ min-width: 0;
+ min-height: 0;
+ }
+ }
+}
+// Multi-line grid constructor
+// example : .grid-perso { @include grid(12, 3rem); }
+@mixin grid($grid-number: 1, $own-gutter: 0) {
+ & > * {
+ width: calc(100% / #{$grid-number} - #{$iefix});
+ }
+ @each $affix, $size in $grid-gutters {
+ &.has-gutter#{$affix} {
+ margin-right: -$size / 2;
+ margin-left: -$size / 2;
+
+ & > * {
+ width: calc(100% / #{$grid-number} - #{$size} - #{$iefix});
+ margin-right: $size / 2;
+ margin-left: $size / 2;
+ }
+ }
+ }
+ @if ($own-gutter != 0) {
+ margin-right: -$own-gutter / 2;
+ margin-left: -$own-gutter / 2;
+
+ & > * {
+ width: calc(100% / #{$grid-number} - #{$own-gutter} - #{$iefix});
+ margin-right: $own-gutter / 2;
+ margin-left: $own-gutter / 2;
+ }
+ }
+}
+// Mono-line grid constructor (.grid)
+@media (min-width: $small) {
+ .grid,
+ .grid--reverse {
+ display: flex;
+
+ & > * {
+ flex: 1 1 0%;
+ box-sizing: border-box;
+ min-width: 0;
+ min-height: 0;
+ }
+ @each $affix, $size in $grid-gutters {
+ &.has-gutter#{$affix} > * + * {
+ margin-left: calc(#{$size} - #{$iefix});
+ }
+ }
+ }
+}
+// Constructing grids : will be compiled in CSS
+@media (min-width: $small) {
+ @for $i from 2 through $cols {
+ [class*="grid-#{$i}"] {
+ @include grid(#{$i}, 0);
+ }
+ }
+}
+
+// Grid offsets
+.push {
+ margin-left: auto !important;
+}
+
+.pull {
+ margin-right: auto !important;
+}
+
+// Grid order
+.item-first {
+ order: -1;
+}
+
+.item-last {
+ order: 1;
+}
+
+[class*="grid-"][class*="--reverse"] {
+ flex-direction: row-reverse;
+}
+// sizing individual children
+@media (min-width: $small) {
+ @each $flow, $divider in ("full" "1"), ("one-half" "2"), ("one-third" "3"), ("one-quarter" "4"), ("one-fifth" "5"), ("one-sixth" "6"), ("two-thirds" "3 * 2"), ("three-quarters" "4 * 3"), ("five-sixths" "6 * 5") {
+ .#{$flow} {
+ flex: 0 0 auto;
+ width: calc(100% / #{$divider} - #{$iefix});
+ }
+ @each $affix, $size in $grid-gutters {
+ .has-gutter#{$affix} > .#{$flow} {
+ width: calc(100% / #{$divider} - #{$size} - #{$iefix});
+ }
+ }
+ }
+}
+/* Responsive Small Breakpoint */
+// -small-X suffix means "X columns on small-medium screen"
+// example : .grid-4-small-2 will be 1 column (tiny and down) then 2 columns (until medium) then 4 columns
+@media (min-width: $small) and (max-width: ($medium - 1)) {
+ @for $i from 1 through 4 {
+ [class*="-small-#{$i}"] {
+ & > * {
+ width: calc(100% / #{$i} - #{$iefix});
+ }
+ @each $affix, $size in $grid-gutters {
+ &.has-gutter#{$affix} > * {
+ width: calc(100% / #{$i} - #{$size} - #{$iefix});
+ }
+ }
+ }
+ }
+}
diff --git a/css/knacss/_library/_grillade-grid.scss b/css/knacss/_library/_grillade-grid.scss
new file mode 100644
index 0000000..3780ed0
--- /dev/null
+++ b/css/knacss/_library/_grillade-grid.scss
@@ -0,0 +1,118 @@
+/* --------------------------------------- */
+/* ==Grillade : ultra light Grid System */
+/* --------------------------------------- */
+// WARNING: THIS IS NOT A COMPLETE GRID FRAMEWORK, just ultra light Grid System
+// if you need complex Grid :
+// 1- use vanilla CSS Grid Layout spec (perfect for you)
+// 2- use Bootstrap (good luck)
+
+// use these variables only for a standalone Grillade
+// in KNACSS, you shall modify variables file instead
+$tiny: 480px !default;
+$medium: 768px !default;
+$cols: 12 !default;
+
+// classic Grid
+[class*=" grid-"],
+[class^="grid-"] {
+ @media (min-width: $tiny) {
+ display: grid;
+ grid-auto-flow: dense;
+
+ // gutters
+ @if variable_exists(grid-gutters) {
+ $gutter: $grid-gutters !global;
+ }
+ @else {
+ $gutter: ( '': 1rem, '-l': 2rem, '-xl': 4rem ) !global;
+ }
+ @each $affix, $size in $gutter {
+ &.has-gutter#{$affix} {
+ grid-gap: $size;
+ }
+ }
+ }
+}
+
+// autogrid
+.autogrid,
+.grid {
+ @media (min-width: $tiny) {
+ display: grid;
+ grid-auto-flow: column;
+ grid-auto-columns: 1fr;
+
+ // gutters
+ @if variable_exists(grid-gutters) {
+ $gutter: $grid-gutters !global;
+
+ } @else {
+ $gutter: ( '': 1rem, '-l': 2rem, '-xl': 4rem ) !global;
+ }
+ @each $affix, $size in $gutter {
+ &.has-gutter#{$affix} {
+ grid-column-gap: $size;
+ }
+ }
+ }
+}
+
+// grid constructor (.grid-2 to .grid-$cols)
+@for $i from 2 through $cols {
+ [class*="grid-#{$i}"] {
+ grid-template-columns: repeat(#{$i}, 1fr);
+ }
+}
+
+// grid items constructor (.col-1 to .col-$cols, .row-1 to .row-$cols)
+@for $i from 1 through $cols {
+ [class*="col-#{$i}"] {
+ grid-column: auto / span #{$i};
+ }
+
+ [class*="row-#{$i}"] {
+ grid-row: auto / span #{$i};
+ }
+}
+
+/* intermediate breakpoints */
+// -small-X suffix means "X columns when < medium screen"
+// example : .grid-4-small-2 will be 1 column (< tiny) then 2 columns (< medium) then 4 columns
+@media (min-width: $tiny) and (max-width: ($medium - 1)) {
+ @for $i from 1 through 4{
+ [class*="grid-"][class*="-small-#{$i}"] {
+ grid-template-columns: repeat(#{$i}, 1fr);
+ }
+
+ [class*="col-"][class*="-small-#{$i}"] {
+ grid-column: auto / span #{$i};
+ }
+ }
+
+ [class*="-small-all"] {
+ grid-column: 1 / -1;
+ }
+}
+
+// grid order
+.item-first {
+ order: -1;
+}
+
+.item-last {
+ order: 1;
+}
+
+// grid offset
+.grid-offset {
+ visibility: hidden;
+}
+
+// spanning all columns or rows
+.col-all {
+ grid-column: 1 / -1;
+}
+
+.row-all {
+ grid-row: 1 / -1;
+}
diff --git a/css/knacss/_library/_layout.scss b/css/knacss/_library/_layout.scss
new file mode 100644
index 0000000..38dec9d
--- /dev/null
+++ b/css/knacss/_library/_layout.scss
@@ -0,0 +1,65 @@
+/* ----------------------------- */
+/* ==Global Micro Layout */
+/* ----------------------------- */
+
+/* Flexbox layout is KNACSS choice
+http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
+*/
+
+.flex-container,
+.d-flex {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.flex-container--row,
+.flex-row {
+ @extend .flex-container;
+ flex-direction: row;
+}
+
+.flex-container--column,
+.flex-column {
+ @extend .flex-container;
+ flex-direction: column;
+}
+
+.flex-container--row-reverse,
+.flex-row-reverse {
+ @extend .flex-container;
+ flex-direction: row-reverse;
+ justify-content: flex-end;
+}
+
+.flex-container--column-reverse,
+.flex-column-reverse {
+ @extend .flex-container;
+ flex-direction: column-reverse;
+ justify-content: flex-end;
+}
+
+.flex-item-fluid,
+.item-fluid {
+ flex: 1 1 0%;
+}
+
+.flex-item-first,
+.item-first {
+ order: -1;
+}
+
+.flex-item-medium,
+.item-medium {
+ order: 0;
+}
+
+.flex-item-last,
+.item-last {
+ order: 1;
+}
+
+.flex-item-center,
+.item-center,
+.mr-auto {
+ margin: auto;
+}
diff --git a/css/knacss/_library/_print.scss b/css/knacss/_library/_print.scss
new file mode 100644
index 0000000..5d45647
--- /dev/null
+++ b/css/knacss/_library/_print.scss
@@ -0,0 +1,98 @@
+/* ----------------------------- */
+/* ==Print (quick print reset) */
+/* ----------------------------- */
+
+@media print {
+ * {
+ background: transparent !important;
+ box-shadow: none !important;
+ text-shadow: none !important;
+ }
+
+ body {
+ width: auto;
+ margin: auto;
+ font-family: serif;
+ font-size: 12pt;
+ }
+
+ p,
+ .p-like,
+ h1,
+ .h1-like,
+ h2,
+ .h2-like,
+ h3,
+ .h3-like,
+ h4,
+ .h4-like,
+ h5,
+ .h5-like,
+ h6,
+ .h6-like,
+ blockquote,
+ label,
+ ul,
+ ol {
+ color: #000;
+ margin: auto;
+ }
+
+ .print {
+ display: block;
+ }
+
+ .no-print {
+ display: none;
+ }
+
+ /* no orphans, no widows */
+ p,
+ .p-like,
+ blockquote {
+ orphans: 3;
+ widows: 3;
+ }
+
+ /* no breaks inside these elements */
+ blockquote,
+ ul,
+ ol {
+ page-break-inside: avoid;
+ }
+
+ /* page break before main headers
+ h1,
+ .h1-like {
+ page-break-before: always;
+ }
+ */
+
+ /* no breaks after these elements */
+ h1,
+ .h1-like,
+ h2,
+ .h2-like,
+ h3,
+ .h3-like,
+ caption {
+ page-break-after: avoid;
+ }
+
+ a {
+ color: #000;
+ }
+
+ /* displaying URLs
+ a[href]::after {
+ content: " (" attr(href) ")";
+ }
+ */
+
+ a[href^="javascript:"],
+ a[href^="#"] {
+ &::after {
+ content: "";
+ }
+ }
+}
diff --git a/css/knacss/_library/_responsive.scss b/css/knacss/_library/_responsive.scss
new file mode 100644
index 0000000..58de0d5
--- /dev/null
+++ b/css/knacss/_library/_responsive.scss
@@ -0,0 +1,284 @@
+/* -------------------------- */
+/* ==Responsive helpers */
+/* -------------------------- */
+
+/* large screens */
+/* ------------- */
+
+@media (min-width: $large) {
+
+ /* layouts for large screens */
+ .large-hidden {
+ display: none !important;
+ }
+
+ .large-visible {
+ display: block !important;
+ }
+
+ .large-no-float {
+ float: none;
+ }
+
+ .large-inbl {
+ display: inline-block;
+ float: none;
+ vertical-align: top;
+ }
+
+ /* widths for large screens */
+ .large-w25 {
+ width: 25% !important;
+ }
+
+ .large-w33 {
+ width: 33.333333% !important;
+ }
+
+ .large-w50 {
+ width: 50% !important;
+ }
+
+ .large-w66 {
+ width: 66.666666% !important;
+ }
+
+ .large-w75 {
+ width: 75% !important;
+ }
+
+ .large-w100,
+ .large-wauto {
+ display: block !important;
+ float: none !important;
+ clear: none !important;
+ width: auto !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ border: 0;
+ }
+
+ /* margins for large screens */
+ .large-man,
+ .large-ma0 {
+ margin: 0 !important;
+ }
+}
+
+/* medium screens */
+/* -------------- */
+
+@media (min-width: $medium) and (max-width: ($large - 1)) {
+
+ /* layouts for medium screens */
+ .medium-hidden {
+ display: none !important;
+ }
+
+ .medium-visible {
+ display: block !important;
+ }
+
+ .medium-no-float {
+ float: none;
+ }
+
+ .medium-inbl {
+ display: inline-block;
+ float: none;
+ vertical-align: top;
+ }
+
+ /* widths for medium screens */
+ .medium-w25 {
+ width: 25% !important;
+ }
+
+ .medium-w33 {
+ width: 33.333333% !important;
+ }
+
+ .medium-w50 {
+ width: 50% !important;
+ }
+
+ .medium-w66 {
+ width: 66.666666% !important;
+ }
+
+ .medium-w75 {
+ width: 75% !important;
+ }
+
+ .medium-w100,
+ .medium-wauto {
+ display: block !important;
+ float: none !important;
+ clear: none !important;
+ width: auto !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ border: 0;
+ }
+
+ /* margins for medium screens */
+ .medium-man,
+ .medium-ma0 {
+ margin: 0 !important;
+ }
+}
+
+/* small screens */
+/* ------------- */
+
+@media (min-width: $small) and (max-width: ($medium - 1)) {
+
+ /* layouts for small screens */
+ .small-hidden {
+ display: none !important;
+ }
+
+ .small-visible {
+ display: block !important;
+ }
+
+ .small-no-float {
+ float: none;
+ }
+
+ .small-inbl {
+ display: inline-block;
+ float: none;
+ vertical-align: top;
+ }
+
+ /* widths for small screens */
+ .small-w25 {
+ width: 25% !important;
+ }
+
+ .small-w33 {
+ width: 33.333333% !important;
+ }
+
+ .small-w50 {
+ width: 50% !important;
+ }
+
+ .small-w66 {
+ width: 66.666666% !important;
+ }
+
+ .small-w75 {
+ width: 75% !important;
+ }
+
+ .small-w100,
+ .small-wauto {
+ display: block !important;
+ float: none !important;
+ clear: none !important;
+ width: auto !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ border: 0;
+ }
+
+ /* margins for small screens */
+ .small-man,
+ .small-ma0 {
+ margin: 0 !important;
+ }
+
+ .small-pan,
+ .small-pa0 {
+ padding: 0 !important;
+ }
+
+}
+
+/* tiny screens */
+/* ------------ */
+
+@media (max-width: $small - 1) {
+
+ /* quick small resolution reset */
+ .mod,
+ .col,
+ fieldset {
+ display: block !important;
+ float: none !important;
+ clear: none !important;
+ width: auto !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ border: 0;
+ }
+
+ .flex-container {
+ flex-direction: column;
+ }
+
+ /* layouts for tiny screens */
+ .tiny-hidden {
+ display: none !important;
+ }
+
+ .tiny-visible {
+ display: block !important;
+ }
+
+ .tiny-no-float {
+ float: none;
+ }
+
+ .tiny-inbl {
+ display: inline-block;
+ float: none;
+ vertical-align: top;
+ }
+
+ /* widths for tiny screens */
+ .tiny-w25 {
+ width: 25% !important;
+ }
+
+ .tiny-w33 {
+ width: 33.333333% !important;
+ }
+
+ .tiny-w50 {
+ width: 50% !important;
+ }
+
+ .tiny-w66 {
+ width: 66.666666% !important;
+ }
+
+ .tiny-w75 {
+ width: 75% !important;
+ }
+
+ .tiny-w100,
+ .tiny-wauto {
+ display: block !important;
+ float: none !important;
+ clear: none !important;
+ width: auto !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ border: 0;
+ }
+
+ /* margins for tiny screens */
+ .tiny-man,
+ .tiny-ma0 {
+ margin: 0 !important;
+ }
+
+ .tiny-pan,
+ .tiny-pa0 {
+ padding: 0 !important;
+ }
+
+}
diff --git a/css/knacss/_library/_utilities.scss b/css/knacss/_library/_utilities.scss
new file mode 100644
index 0000000..4efb22d
--- /dev/null
+++ b/css/knacss/_library/_utilities.scss
@@ -0,0 +1,462 @@
+/* ---------------------------------- */
+/* ==Helpers */
+/* ---------------------------------- */
+
+/* Typo Helpers */
+/* ------------- */
+
+.u-bold {
+ font-weight: $weight-bold;
+}
+
+.u-italic {
+ font-style: italic;
+}
+
+.u-normal {
+ font-weight: normal;
+ font-style: normal;
+}
+
+.u-uppercase {
+ text-transform: uppercase;
+}
+
+.u-lowercase {
+ text-transform: lowercase;
+}
+
+.u-smaller {
+ font-size: 0.6em;
+}
+
+.u-small {
+ font-size: 0.8em;
+}
+
+.u-big {
+ font-size: 1.2em;
+}
+
+.u-bigger {
+ font-size: 1.5em;
+}
+
+.u-biggest {
+ font-size: 2em;
+}
+
+.u-txt-wrap {
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ hyphens: auto;
+}
+
+.u-txt-ellipsis {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+/* text and contents alignment */
+
+.txtleft,
+.u-txt-left {
+ text-align: left;
+}
+
+.txtright,
+.u-txt-right {
+ text-align: right;
+}
+
+.txtcenter,
+.u-txt-center {
+ text-align: center;
+}
+
+@if variable-exists(hyphens) and $hyphens==true {
+ @media (max-width: ($small - 1)) {
+ div,
+ textarea,
+ table,
+ td,
+ th,
+ code,
+ pre,
+ samp {
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ hyphens: auto;
+ }
+ }
+}
+
+/* blocks that need to be placed under floats */
+
+.clear,
+.u-clear {
+ clear: both;
+}
+
+/* blocks that must contain floats */
+
+.clearfix,
+.u-clearfix {
+ &::after {
+ content: "";
+ display: table;
+ clear: both;
+ border-collapse: collapse;
+ }
+}
+
+/* simple blocks alignment */
+
+.left,
+.u-left {
+ margin-right: auto;
+}
+
+.right,
+.u-right {
+ margin-left: auto;
+}
+
+.center,
+.u-center {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/* Global Micro Layout */
+/* ------------------- */
+
+/* module, gains superpower "BFC" Block Formating Context */
+
+.mod,
+.u-mod,
+.bfc,
+.u-bfc {
+ overflow: hidden;
+}
+
+/* floating elements */
+
+.fl,
+.u-fl {
+ float: left;
+}
+
+img.fl,
+img.u-fl {
+ margin-right: $spacer-small;
+}
+
+.fr,
+.u-fr {
+ float: right;
+}
+
+img.fr,
+img.u-fr {
+ margin-left: $spacer-small;
+}
+
+img.fl,
+img.fr,
+img.u-fl,
+img.u-fr {
+ margin-bottom: $spacer-tiny;
+}
+
+/* inline-block */
+
+.inbl,
+.u-inbl {
+ display: inline-block;
+ vertical-align: top;
+}
+
+/* State Helpers */
+/* ------------- */
+
+/* invisible for all */
+.is-hidden,
+.js-hidden,
+[hidden] {
+ display: none;
+}
+
+/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
+.visually-hidden {
+ position: absolute !important;
+ border: 0 !important;
+ height: 1px !important;
+ width: 1px !important;
+ padding: 0 !important;
+ overflow: hidden !important;
+ clip: rect(0, 0, 0, 0) !important;
+}
+
+.is-disabled,
+.js-disabled,
+[disabled],
+.is-disabled ~ label,
+[disabled] ~ label {
+ opacity: 0.5;
+ cursor: not-allowed !important;
+ filter: grayscale(1);
+}
+
+ul {
+ &.is-unstyled,
+ &.unstyled {
+ list-style: none;
+ padding-left: 0;
+ }
+}
+
+.color--inverse {
+ color: $white;
+}
+
+/* Width Helpers */
+/* ------------- */
+
+/* blocks widths (percentage and pixels) */
+$i: 100;
+
+@while $i > 0 {
+ .w#{$i} {
+ width: $i * 1%;
+ }
+ $i: $i - 5;
+}
+.w66 {
+ width: calc(100% / 3 * 2);
+}
+.w33 {
+ width: calc(100% / 3);
+}
+
+$i: 1000;
+
+.wauto {
+ width: auto;
+}
+
+.w960p {
+ width: 960px;
+}
+
+.mw960p {
+ max-width: 960px;
+}
+
+.w1140p {
+ width: 1140px;
+}
+
+.mw1140p {
+ max-width: 1140px;
+}
+
+@while $i > 0 {
+ .w#{$i}p {
+ width: $i * 1px;
+ }
+ $i: $i - 50;
+}
+
+/* Spacing Helpers */
+/* --------------- */
+
+.man,
+.ma0 {
+ margin: 0;
+}
+
+.pan,
+.pa0 {
+ padding: 0;
+}
+
+.mas {
+ margin: $spacer-small;
+}
+
+.mam {
+ margin: $spacer-medium;
+}
+
+.mal {
+ margin: $spacer-large;
+}
+
+.pas {
+ padding: $spacer-small;
+}
+
+.pam {
+ padding: $spacer-medium;
+}
+
+.pal {
+ padding: $spacer-large;
+}
+
+.mtn,
+.mt0 {
+ margin-top: 0;
+}
+
+.mts {
+ margin-top: $spacer-small;
+}
+
+.mtm {
+ margin-top: $spacer-medium;
+}
+
+.mtl {
+ margin-top: $spacer-large;
+}
+
+.mrn,
+.mr0 {
+ margin-right: 0;
+}
+
+.mrs {
+ margin-right: $spacer-small;
+}
+
+.mrm {
+ margin-right: $spacer-medium;
+}
+
+.mrl {
+ margin-right: $spacer-large;
+}
+
+.mbn,
+.mb0 {
+ margin-bottom: 0;
+}
+
+.mbs {
+ margin-bottom: $spacer-small;
+}
+
+.mbm {
+ margin-bottom: $spacer-medium;
+}
+
+.mbl {
+ margin-bottom: $spacer-large;
+}
+
+.mln,
+.ml0 {
+ margin-left: 0;
+}
+
+.mls {
+ margin-left: $spacer-small;
+}
+
+.mlm {
+ margin-left: $spacer-medium;
+}
+
+.mll {
+ margin-left: $spacer-large;
+}
+
+.mauto {
+ margin: auto;
+}
+
+.mtauto {
+ margin-top: auto;
+}
+
+.mrauto {
+ margin-right: auto;
+}
+
+.mbauto {
+ margin-bottom: auto;
+}
+
+.mlauto {
+ margin-left: auto;
+}
+
+.ptn,
+.pt0 {
+ padding-top: 0;
+}
+
+.pts {
+ padding-top: $spacer-small;
+}
+
+.ptm {
+ padding-top: $spacer-medium;
+}
+
+.ptl {
+ padding-top: $spacer-large;
+}
+
+.prn,
+.pr0 {
+ padding-right: 0;
+}
+
+.prs {
+ padding-right: $spacer-small;
+}
+
+.prm {
+ padding-right: $spacer-medium;
+}
+
+.prl {
+ padding-right: $spacer-large;
+}
+
+.pbn,
+.pb0 {
+ padding-bottom: 0;
+}
+
+.pbs {
+ padding-bottom: $spacer-small;
+}
+
+.pbm {
+ padding-bottom: $spacer-medium;
+}
+
+.pbl {
+ padding-bottom: $spacer-large;
+}
+
+.pln,
+.pl0 {
+ padding-left: 0;
+}
+
+.pls {
+ padding-left: $spacer-small;
+}
+
+.plm {
+ padding-left: $spacer-medium;
+}
+
+.pll {
+ padding-left: $spacer-large;
+}
diff --git a/css/knacss/_library/_wordpress.scss b/css/knacss/_library/_wordpress.scss
new file mode 100644
index 0000000..dbdd5e9
--- /dev/null
+++ b/css/knacss/_library/_wordpress.scss
@@ -0,0 +1,248 @@
+/* ----------------------------- */
+/* ==WordPress reset */
+/* ----------------------------- */
+
+/*
+Author: Geoffrey Crofte, Alsacréations
+Contributors: Automattic, Geoffrey Crofte
+Description: Reset styles for WordPress usage of KNACSS
+*/
+
+// current menu elements
+.current_page_item > a {
+}
+.current-menu-item > a {
+}
+.current_page_ancestor > a {
+}
+
+// blocks of content navigation
+.comment-navigation,
+.paging-navigation,
+.post-navigation {
+ overflow: hidden;
+ margin: 0 0 1.5em;
+
+ & .nav-previous {
+ float: left;
+ width: 50%;
+ }
+
+ & .nav-next {
+ float: right;
+ width: 50%;
+ text-align: right;
+ }
+}
+
+// class in img elements
+.alignnone {
+ margin: .25em 1.5em 1.5em 0;
+}
+
+.aligncenter {
+ clear: both;
+ display: block;
+ margin: 1.5em auto;
+}
+
+.alignleft {
+ float: left;
+ margin: 0 1.5em .25em 0;
+}
+
+.alignright {
+ float: right;
+ margin: 0 0 .25em 1.5em;
+}
+
+.entry-content,
+.comment-content {
+ clear: both;
+
+ &::after,
+ &::before {
+ content: "";
+ display: table;
+ }
+}
+
+.widget + .widget {
+ margin: 1.5em 0 0;
+}
+
+// usage example:
+.widget select {
+ max-width: 100%;
+}
+
+/* === 5.1 Posts - post_class === */
+
+// featured content
+.sticky {
+}
+
+// attachment post
+.attachment {
+}
+
+// format of post
+.format- {
+ &aside {
+ }
+ &gallery {
+ }
+ &link {
+ }
+ &image {
+ }
+ "e {
+ }
+ &status {
+ }
+ &video {
+ }
+ &chat {
+ }
+}
+
+// class for a tag
+.tag- {
+ &name-of-tag {
+ }
+}
+
+// class for category
+.category- {
+ &name-of-category {
+ }
+}
+
+/* === 5.2 Pages - body_class === */
+
+// front page
+.home {
+ // if display posts
+ &.blog {
+ }
+
+ // if static page
+ &.page {
+ }
+}
+
+// page displays posts
+.blog {
+ // if is frontpage
+ &.home {
+ }
+
+ // if static page
+ &.page {
+ }
+}
+
+// simple page
+.page {
+}
+
+// page of single post
+.single {
+}
+
+// page of archives
+.archive {
+}
+
+// page of search
+.search {
+ // if has results
+ .search-results {
+ }
+
+ // if has no results
+ .search-no-results {
+ }
+}
+
+// page 404
+.error404 {
+}
+
+// user logged in
+.logged-in {
+}
+
+// text direction if right-to-left
+// prefer rtl.css: http://codex.wordpress.org/Right-to-Left_Language_Support
+.rtl {
+}
+
+/* === 5.3 Posts and Pages - Contents === */
+
+.hentry {
+ margin: 0 0 1.5em;
+}
+
+.page-content,
+.entry-content,
+.entry-summary {
+ margin: 1.5em 0 0;
+}
+
+.page-links {
+ clear: both;
+ margin: 0 0 1.5em;
+}
+
+.comment-content a {
+ word-wrap: break-word;
+}
+
+.bypostauthor {
+ // some make-the-logo-bigger styles
+}
+
+img.wp-smiley {
+ margin-bottom: 0;
+ margin-top: 0;
+ padding: 0;
+ border: none;
+}
+
+.wp-caption {
+ max-width: 100%;
+ margin-bottom: 1.5em;
+}
+
+.wp-caption img {
+ display: block;
+ margin: 0 auto;
+}
+
+.wp-caption-text {
+ margin: 1em 0;
+ text-align: center;
+}
+
+.gallery {
+ margin-bottom: 1.5em;
+}
+
+.gallery-item {
+ display: inline-block;
+ width: 100%;
+ text-align: center;
+ vertical-align: top;
+
+ @for $i from 2 through 9 {
+ .gallery-columns-#{$i} & {
+ $w: floor(10000 / $i) / 100;
+ max-width: unquote($w + '%');
+ }
+ }
+}
+
+.gallery-caption {
+ display: block;
+}
diff --git a/css/knacss/_vendor/_reboot.scss b/css/knacss/_vendor/_reboot.scss
new file mode 100644
index 0000000..7b824bd
--- /dev/null
+++ b/css/knacss/_vendor/_reboot.scss
@@ -0,0 +1,334 @@
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+}
+
+html {
+ font-family: sans-serif;
+ line-height: 1.15;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -ms-overflow-style: scrollbar;
+ -webkit-tap-highlight-color: transparent;
+}
+
+@-ms-viewport {
+ width: device-width;
+}
+
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+ display: block;
+}
+
+body {
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: left;
+ background-color: #fff;
+}
+
+[tabindex="-1"]:focus {
+ outline: none !important;
+}
+
+hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ margin-top: 0;
+ margin-bottom: 0.5rem;
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+ text-decoration: underline;
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ cursor: help;
+ border-bottom: 0;
+}
+
+address {
+ margin-bottom: 1rem;
+ font-style: normal;
+ line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+ margin-bottom: 0;
+}
+
+dt {
+ font-weight: 700;
+}
+
+dd {
+ margin-bottom: .5rem;
+ margin-left: 0;
+}
+
+blockquote {
+ margin: 0 0 1rem;
+}
+
+dfn {
+ font-style: italic;
+}
+
+b,
+strong {
+ font-weight: bold;
+}
+
+small {
+ font-size: 80%;
+}
+
+sub,
+sup {
+ position: relative;
+ font-size: 75%;
+ line-height: 0;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -.25em;
+}
+
+sup {
+ top: -.5em;
+}
+
+a {
+ color: #007bff;
+ text-decoration: none;
+ background-color: transparent;
+ -webkit-text-decoration-skip: objects;
+}
+
+a:hover {
+ color: #0056b3;
+ text-decoration: underline;
+}
+
+a:not([href]):not([tabindex]) {
+ color: inherit;
+ text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
+ color: inherit;
+ text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):focus {
+ outline: 0;
+}
+
+pre,
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+pre {
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto;
+ -ms-overflow-style: scrollbar;
+}
+
+figure {
+ margin: 0 0 1rem;
+}
+
+img {
+ vertical-align: middle;
+ border-style: none;
+}
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+a,
+area,
+button,
+[role="button"],
+input:not([type="range"]),
+label,
+select,
+summary,
+textarea {
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
+}
+
+table {
+ border-collapse: collapse;
+}
+
+caption {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ color: #868e96;
+ text-align: left;
+ caption-side: bottom;
+}
+
+th {
+ text-align: inherit;
+}
+
+label {
+ display: inline-block;
+ margin-bottom: .5rem;
+}
+
+button {
+ border-radius: 0;
+}
+
+button:focus {
+ outline: 1px dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+
+button,
+input {
+ overflow: visible;
+}
+
+button,
+select {
+ text-transform: none;
+}
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ padding: 0;
+ border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+ box-sizing: border-box;
+ padding: 0;
+}
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+ -webkit-appearance: listbox;
+}
+
+textarea {
+ overflow: auto;
+ resize: vertical;
+}
+
+fieldset {
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+
+legend {
+ display: block;
+ width: 100%;
+ max-width: 100%;
+ padding: 0;
+ margin-bottom: .5rem;
+ font-size: 1.5rem;
+ line-height: inherit;
+ color: inherit;
+ white-space: normal;
+}
+
+progress {
+ vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+[type="search"] {
+ outline-offset: -2px;
+ -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+ font: inherit;
+ -webkit-appearance: button;
+}
+
+output {
+ display: inline-block;
+}
+
+summary {
+ display: list-item;
+}
+
+template {
+ display: none;
+}
+
+[hidden] {
+ display: none !important;
+}
diff --git a/css/knacss/components/_alerts.scss b/css/knacss/components/_alerts.scss
new file mode 100644
index 0000000..e422264
--- /dev/null
+++ b/css/knacss/components/_alerts.scss
@@ -0,0 +1,55 @@
+/* ----------------------------- */
+/* ==Alerts */
+/* ----------------------------- */
+/* use .alert-- classes for variants */
+
+.alert {
+ padding: $spacer-small $spacer-small;
+ margin-top: 0.75em;
+ margin-bottom: 0;
+ color: $color-base;
+ border-radius: $border-radius;
+ background-color: $color-muted;
+
+ & a {
+ color: inherit;
+ text-decoration: underline;
+ }
+}
+
+.alert {
+ @each $name, $background-color, $color, $border in $variants-list {
+ &--#{$name} {
+ @extend .alert;
+ background-color: $background-color;
+ color: $color;
+ box-shadow: $border;
+ }
+ }
+}
+
+// alert state variants
+.alert {
+ &--small {
+ font-size: $font-size-base - 0.4rem;
+ }
+
+ &--big {
+ font-size: $font-size-base + 0.4rem;
+ }
+
+ &--block {
+ width: 100% !important;
+ display: block;
+ }
+
+ &.disabled,
+ &--disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+ }
+
+ &:empty {
+ display: none;
+ }
+}
diff --git a/css/knacss/components/_arrows.scss b/css/knacss/components/_arrows.scss
new file mode 100644
index 0000000..5dde53a
--- /dev/null
+++ b/css/knacss/components/_arrows.scss
@@ -0,0 +1,34 @@
+/* ----------------------------- */
+/* ==Arrows */
+/* ----------------------------- */
+/* see https://knacss.com/styleguide.html#arrows */
+
+[class*="icon-arrow--"] {
+ vertical-align: middle;
+
+ &::after {
+ content: "";
+ display: inline-block;
+ width: 1em;
+ height: 1em;
+ mask-size: cover;
+ background-color: $arrow-color;
+ line-height: 1;
+ }
+}
+
+.icon-arrow--down::after {
+ mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
+}
+
+.icon-arrow--up::after {
+ mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%208.596%20L%203.523%2014.973%20C%202.464%2015.935%200.495%2013.72%201.505%2012.791%20L%201.505%2012.791%20L%208.494%205.799%20C%209.138%205.212%2010.655%205.193%2011.29%205.799%20L%2011.29%205.799%20L%2018.49%2012.791%20C%2019.557%2013.809%2017.364%2015.882%2016.262%2014.837%20L%2016.262%2014.837%20L%209.96%208.596%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
+}
+
+.icon-arrow--right::after {
+ mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%2011.685%2010.321%20L%205.308%2016.758%20C%204.346%2017.817%206.561%2019.786%207.49%2018.776%20L%207.49%2018.776%20L%2014.482%2011.787%20C%2015.069%2011.142%2015.088%209.626%2014.482%208.991%20L%2014.482%208.991%20L%207.49%201.791%20C%206.472%200.724%204.399%202.916%205.444%204.019%20L%205.444%204.019%20L%2011.685%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
+}
+
+.icon-arrow--left::after {
+ mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%208.315%2010.321%20L%2014.692%2016.758%20C%2015.654%2017.817%2013.439%2019.786%2012.51%2018.776%20L%2012.51%2018.776%20L%205.518%2011.787%20C%204.931%2011.142%204.912%209.626%205.518%208.991%20L%205.518%208.991%20L%2012.51%201.791%20C%2013.528%200.724%2015.601%202.916%2014.556%204.019%20L%2014.556%204.019%20L%208.315%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
+}
diff --git a/css/knacss/components/_badges.scss b/css/knacss/components/_badges.scss
new file mode 100644
index 0000000..53805e2
--- /dev/null
+++ b/css/knacss/components/_badges.scss
@@ -0,0 +1,51 @@
+/* ----------------------------- */
+/* ==Badges */
+/* ----------------------------- */
+/* use .badge-- classes for variants */
+
+.badge {
+ display: inline-block;
+ padding: $spacer-tiny;
+ border-radius: 50%;
+ color: $color-base;
+ background-color: $color-muted;
+ line-height: 1;
+
+ &::before {
+ content: "";
+ display: inline-block;
+ vertical-align: middle;
+ padding-top: 100%;
+ }
+}
+
+.badge {
+ @each $name, $background-color, $color, $border in $variants-list {
+ &--#{$name} {
+ @extend .badge;
+ background-color: $background-color;
+ color: $color;
+ }
+ }
+}
+
+// badge state variants
+.badge {
+ &--small {
+ font-size: $font-size-base - 0.4rem;
+ }
+
+ &--big {
+ font-size: $font-size-base + 0.4rem;
+ }
+
+ &.disabled,
+ &--disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+ }
+
+ &:empty {
+ display: none;
+ }
+}
diff --git a/css/knacss/components/_buttons.scss b/css/knacss/components/_buttons.scss
new file mode 100644
index 0000000..cd1f6c6
--- /dev/null
+++ b/css/knacss/components/_buttons.scss
@@ -0,0 +1,158 @@
+/* ----------------------------- */
+/* ==Buttons */
+/* ----------------------------- */
+/* preferably use for buttons !*/
+/* use .btn-- or .button-- classes for variants */
+
+%btn {
+ display: inline-block;
+ padding: $spacer-small $spacer-small-plus;
+ cursor: pointer;
+ user-select: none;
+ transition: 0.25s;
+ transition-property: box-shadow, background-color, color, border;
+ text-align: center;
+ vertical-align: middle;
+ white-space: nowrap;
+ text-decoration: none;
+ color: $color-base;
+ border: none;
+ border-radius: $border-radius;
+ background-color: $color-muted;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: 1;
+}
+
+.btn,
+.button,
+[type="button"],
+button {
+ @extend %btn;
+
+ &:focus {
+ -webkit-tap-highlight-color: transparent;
+ }
+}
+
+.btn,
+.button {
+ @each $name, $background-color, $color, $border in $variants-list {
+ &--#{$name} {
+ @extend %btn;
+ background-color: $background-color;
+ color: $color;
+ box-shadow: $border;
+
+ &:active,
+ &:focus,
+ &:hover {
+ background-color: darken( $background-color, 10% );
+ }
+ }
+ }
+}
+
+// button state variants
+.btn,
+.button {
+ &--small {
+ padding: $spacer-tiny-plus $spacer-small;
+ font-size: .8em;
+ }
+
+ &--big {
+ padding: $spacer-small-plus $spacer-medium;
+ font-size: 1.4em;
+ }
+
+ &--block {
+ width: 100% !important;
+ display: block;
+ }
+
+ &--unstyled {
+ padding: 0;
+ border: none;
+ text-align: left;
+ background: none;
+ border-radius: 0;
+ box-shadow: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+
+ &:focus {
+ box-shadow: none;
+ outline: none;
+ }
+ }
+}
+
+// nav "burger" button
+// activate it with a JS toggle-class to .is-active
+// recommended HTML :
+// see doc : https://knacss.com/styleguide.html#buttons
+.nav-button {
+ padding: 0;
+ background-color: transparent;
+ outline: 0;
+ border: 0;
+ cursor: pointer;
+ -webkit-tap-highlight-color: transparent;
+
+ & > * {
+ display: inline-flex;
+ vertical-align: top;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: stretch;
+ height: $burger-size;
+ width: $burger-size;
+ padding: $burger-padding;
+ background-color: $burger-background;
+ background-image: linear-gradient($burger-color, $burger-color);
+ background-position: center;
+ background-repeat: no-repeat;
+ background-origin: content-box;
+ background-size: 100% $burger-weight;
+ transition: .25s;
+ transition-property: transform, background;
+ will-change: transform, background;
+
+ &::before,
+ &::after {
+ content: "";
+ height: $burger-weight;
+ background: $burger-color;
+ transition: .25s;
+ transition-property: transform, top;
+ will-change: transform, top;
+ }
+ }
+
+ &:hover {
+ & > * {
+ background-color: $burger-hover-background;
+ }
+ }
+
+ &:focus {
+ outline: 0;
+ }
+
+ &.is-active {
+ & > * {
+ background-image: none;
+ justify-content: center;
+
+ &::before {
+ transform: translateY(50%) rotate3d(0,0,1,45deg);
+ }
+
+ &::after {
+ transform: translateY(-50%) rotate3d(0,0,1,-45deg);
+ }
+ }
+ }
+}
diff --git a/css/knacss/components/_checkbox.scss b/css/knacss/components/_checkbox.scss
new file mode 100644
index 0000000..c5b12d6
--- /dev/null
+++ b/css/knacss/components/_checkbox.scss
@@ -0,0 +1,119 @@
+/* ----------------------------- */
+/* ==Checkbox, radio, switch */
+/* ----------------------------- */
+/* use .checkbox class on input type=checkbox */
+/* recommended HTML : click here */
+/* use .radio class on input type=radio */
+/* recommended HTML : Click here */
+/* use .switch class on input type=checkbox */
+// slide to unlock
+
+// common styles
+.checkbox {
+ border-radius: $checkbox-border-radius;
+}
+
+.switch {
+ border-radius: $switch-border-radius;
+}
+
+.radio {
+ border-radius: 50%;
+}
+
+.switch,
+.checkbox,
+.radio {
+ appearance: none;
+ vertical-align: text-bottom;
+ outline: 0;
+ cursor: pointer;
+
+ & ~ label {
+ cursor: pointer;
+ }
+
+ &::-ms-check {
+ display: none; // unstyle IE checkboxes
+ }
+}
+
+// switch styling
+.switch {
+ width: $switch-size *2;
+ height: $switch-size;
+ line-height: $switch-size;
+ font-size: 70%;
+ box-shadow: inset -#{$switch-size} 0 0 $switch-background,
+ inset 0 0 0 1px $switch-background;
+ transition: box-shadow .15s;
+ background-color: $switch-color;
+ &::before,
+ &::after {
+ font-weight: bold;
+ color: $switch-color;
+ }
+ &::before {
+ content: "✕";
+ float: right;
+ margin-right: $switch-size /3;
+ }
+ &:checked {
+ box-shadow: inset #{$switch-size} 0 0 $color-success,
+ inset 0 0 0 1px $color-success;
+ &::before {
+ content: "✓";
+ float: left;
+ margin-left: $switch-size /3;
+ }
+ }
+}
+
+// checkbox styling
+.checkbox {
+ width: $checkbox-size;
+ height: $checkbox-size;
+ box-shadow: inset 0 0 0 1px $checkbox-background;
+ background-color: $checkbox-color;
+ transition: background-color .15s;
+ &:checked {
+ $red: red($checkbox-color);
+ $green: green($checkbox-color);
+ $blue: blue($checkbox-color);
+ $rgb: rgb($red, $green, $blue);
+ $slice: str-slice(ie-hex-str($rgb), 4);
+ $first: "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%208%208%22%20enable-background%3D%22new%200%200%208%208%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20fill%3D%22%23";
+ $last: "%22%20d%3D%22M6.4%2C1L5.7%2C1.7L2.9%2C4.5L2.1%2C3.7L1.4%2C3L0%2C4.4l0.7%2C0.7l1.5%2C1.5l0.7%2C0.7l0.7-0.7l3.5-3.5l0.7-0.7L6.4%2C1L6.4%2C1z%22%20%2F%3E%0A%3C%2Fsvg%3E";
+ $combo: "#{$first}#{$slice}#{$last}";
+ background-image: url($combo);
+ background-size: 60% 60%;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-color: $checkbox-background;
+ }
+}
+
+// radio styling
+.radio {
+ width: $checkbox-size;
+ height: $checkbox-size;
+ background-size: 0% 0%;
+ transition: background-size .15s;
+ box-shadow: inset 0 0 0 1px $radio-color;
+ background-color: $radio-background;
+ &:checked {
+ $red: red($radio-color);
+ $green: green($radio-color);
+ $blue: blue($radio-color);
+ $rgb: rgb($red, $green, $blue);
+ $slice: str-slice(ie-hex-str($rgb), 4);
+ $first: "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%22100%22%20height%3D%22100%22%0AviewBox%3D%220%200%2080%2080%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2224%22%20style%3D%22fill%3A%23";
+ $last: "%22/%3E%3C/svg%3E";
+ $combo: "#{$first}#{$slice}#{$last}";
+ background-image: url($combo);
+ background-size: 90% 90%;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-color: $radio-background;
+ }
+}
\ No newline at end of file
diff --git a/css/knacss/components/_forms.scss b/css/knacss/components/_forms.scss
new file mode 100644
index 0000000..7cad94a
--- /dev/null
+++ b/css/knacss/components/_forms.scss
@@ -0,0 +1,114 @@
+/* ----------------------------- */
+/* ==Forms */
+/* ----------------------------- */
+/* thanks to HTML5boilerplate and https://shoelace.style/ */
+
+/* forms items */
+form,
+fieldset {
+ border: none;
+}
+
+fieldset {
+ padding: $spacer-medium;
+
+ & legend {
+ padding: 0 $spacer-tiny;
+ border: 0;
+ white-space: normal;
+ }
+}
+
+label {
+ display: inline-block;
+ cursor: pointer;
+}
+
+[type="color"],
+[type="date"],
+[type="datetime-local"],
+[type="email"],
+[type="month"],
+[type="number"],
+[type="password"],
+[type="search"],
+[type="submit"],
+[type="tel"],
+[type="text"],
+[type="time"],
+[type="url"],
+[type="week"],
+select,
+textarea {
+ font-family: inherit;
+ font-size: inherit;
+ border: 0;
+ box-shadow: 0 0 0 1px $forms-color inset;
+ color: $color-base;
+ vertical-align: middle;
+ padding: $spacer-tiny $spacer-small;
+ margin: 0;
+ transition: 0.25s;
+ transition-property: box-shadow, background-color, color, border;
+ appearance: none;
+}
+
+[type="submit"] {
+ background-color: $forms-color;
+ color: $white;
+ cursor: pointer;
+}
+
+input[readonly] {
+ background-color: $color-muted;
+}
+
+select {
+ padding-right: 2rem;
+ border-radius: $border-radius;
+ background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
+ background-position: right .6rem center;
+ background-repeat: no-repeat;
+ background-size: 1.2rem;
+}
+
+/* hiding IE11 arrow */
+select::-ms-expand {
+ display: none;
+}
+
+textarea {
+ min-height: 5em;
+ vertical-align: top;
+ resize: vertical;
+ white-space: pre-wrap;
+}
+
+/* 'x' appears on right of search input when text is entered. This removes it */
+[type="search"] {
+ &::-webkit-search-decoration,
+ &::-webkit-search-cancel-button,
+ &::-webkit-search-results-button,
+ &::-webkit-search-results-decoration {
+ display: none;
+ }
+}
+
+::-webkit-input-placeholder {
+ color: #777;
+}
+
+input:-moz-placeholder,
+textarea:-moz-placeholder {
+ color: #777;
+}
+
+input::placeholder,
+textarea::placeholder {
+ color: #777;
+}
+
+progress {
+ width: 100%;
+ vertical-align: middle;
+}
diff --git a/css/knacss/components/_media.scss b/css/knacss/components/_media.scss
new file mode 100644
index 0000000..74634bc
--- /dev/null
+++ b/css/knacss/components/_media.scss
@@ -0,0 +1,26 @@
+/* ----------------------------- */
+/* ==Media object */
+/* ----------------------------- */
+/* recommended HTML : */
+/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
+
+@media (min-width: $tiny) {
+ .media {
+ display: flex;
+ align-items: flex-start;
+
+ &-content {
+ flex: 1 1 0%;
+ }
+
+ // vertical align image
+ &-figure--center {
+ align-self: center;
+ }
+
+ // reverse variant
+ &--reverse {
+ flex-direction: row-reverse;
+ }
+ }
+}
diff --git a/css/knacss/components/_skip-links.scss b/css/knacss/components/_skip-links.scss
new file mode 100644
index 0000000..e700ef7
--- /dev/null
+++ b/css/knacss/components/_skip-links.scss
@@ -0,0 +1,25 @@
+/* ----------------------------- */
+/* ==skip links */
+/* ----------------------------- */
+/* see https://www.alsacreations.com/article/lire/572-Les-liens-d-evitement.html */
+
+/* styling skip links */
+.skip-links {
+ position: absolute;
+
+ & a {
+ position: absolute;
+ overflow: hidden;
+ clip: rect(1px, 1px, 1px, 1px);
+ padding: 0.5em;
+ background: black;
+ color: white;
+ text-decoration: none;
+
+ &:focus {
+ position: static;
+ overflow: visible;
+ clip: auto;
+ }
+ }
+}
diff --git a/css/knacss/components/_tables.scss b/css/knacss/components/_tables.scss
new file mode 100644
index 0000000..86be778
--- /dev/null
+++ b/css/knacss/components/_tables.scss
@@ -0,0 +1,52 @@
+/* ----------------------------- */
+/* ==Tables */
+/* ----------------------------- */
+
+table,
+.table {
+ width: 100%;
+ max-width: 100%;
+ table-layout: fixed;
+ border-collapse: collapse;
+ vertical-align: top;
+ margin-bottom: $spacer-medium;
+}
+
+.table {
+ display: table;
+ border: 1px solid $table-border;
+ background: $table-background;
+
+ &--zebra {
+ & tbody tr:nth-child(odd) {
+ background: $gray-200;
+ }
+ }
+
+ & caption {
+ caption-side: bottom;
+ padding: $spacer-small;
+ color: $table-caption-color;
+ font-style: italic;
+ text-align: right;
+ }
+
+ & td,
+ & th {
+ padding: 0.3rem 0.6rem;
+ min-width: $spacer-medium;
+ vertical-align: top;
+ border: 1px $table-border dotted;
+ text-align: left;
+ cursor: default;
+ }
+
+ & thead {
+ color: $table-head-color;
+ background: $table-head-background;
+ }
+}
+
+.table--auto {
+ table-layout: auto;
+}
diff --git a/css/knacss/components/_tabs.scss b/css/knacss/components/_tabs.scss
new file mode 100644
index 0000000..7807ca1
--- /dev/null
+++ b/css/knacss/components/_tabs.scss
@@ -0,0 +1,52 @@
+/* ----------------------------- */
+/* ==Tabs */
+/* ----------------------------- */
+/* see example on https://knacss.com/styleguide.html#tabs */
+/* NOTE : tabs need JavaScript to be activated */
+
+.tabs-menu {
+ border-bottom: 2px solid $tabs-border;
+
+ &-link {
+ display: block;
+ margin-bottom: -2px;
+ padding: $spacer-tiny $spacer-medium-plus;
+ border-bottom: 4px solid transparent;
+ color: $tabs-color;
+ background: $tabs-background;
+ text-decoration: none;
+ border-radius: $tabs-border-radius $tabs-border-radius 0 0;
+ transition: .25s;
+ transition-property: color, border, background-color;
+
+ &.is-active {
+ border-bottom-color: $tabs-active-border;
+ color: $tabs-active-color;
+ background: $tabs-active-background;
+ outline: 0;
+ }
+
+ &:focus {
+ border-bottom-color: $tabs-active-border;
+ color: $tabs-active-color;
+ outline: 0;
+ }
+
+ @media (min-width: $small) {
+ display: inline-block;
+ }
+ }
+}
+
+.tabs-content-item {
+ padding-top: $spacer-small;
+
+ &[aria-hidden="true"] {
+ visibility: hidden;
+ @extend .visually-hidden;
+ }
+
+ &[aria-hidden="false"] {
+ visibility: visible;
+ }
+}
diff --git a/css/knacss/components/_tags.scss b/css/knacss/components/_tags.scss
new file mode 100644
index 0000000..fb8866e
--- /dev/null
+++ b/css/knacss/components/_tags.scss
@@ -0,0 +1,52 @@
+/* ----------------------------- */
+/* ==Tags */
+/* ----------------------------- */
+/* use .tag-- classes for variants */
+
+.tag {
+ display: inline-block;
+ padding: 3px $spacer-tiny;
+ vertical-align: baseline;
+ white-space: nowrap;
+ color: $color-base;
+ border-radius: $border-radius;
+ background-color: $color-muted;
+ line-height: 1;
+}
+
+.tag {
+ @each $name, $background-color, $color, $border in $variants-list {
+ &--#{$name} {
+ @extend .tag;
+ background-color: $background-color;
+ color: $color;
+ box-shadow: $border;
+ }
+ }
+}
+
+// tag state variants
+.tag {
+ &--small {
+ font-size: $font-size-base - 0.4rem;
+ }
+
+ &--big {
+ font-size: $font-size-base + 0.4rem;
+ }
+
+ &--block {
+ width: 100% !important;
+ display: block;
+ }
+
+ &.disabled,
+ &--disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+ }
+
+ &:empty {
+ display: none;
+ }
+}
diff --git a/css/mon_site.css b/css/mon_site.css
new file mode 100644
index 0000000..d672a12
--- /dev/null
+++ b/css/mon_site.css
@@ -0,0 +1,7533 @@
+@charset "UTF-8";
+/* Fichier scss principal du squelette */
+/*!
+* www.KNACSS.com v7.1.2 (january, 30 2019) @author: Alsacreations, Raphael Goetter
+* Licence WTFPL http://www.wtfpl.net/
+*/
+/* ----------------------------- */
+/* ==Table Of Content */
+/* ----------------------------- */
+/*
+1- Reboot (basic reset)
+2- Libraries :
+ - Base
+ - Print
+ - Layout (alignment, modules, positionning)
+ - Utilities (width and spacers helpers)
+ - Responsive helpers
+ - WordPress reset (disabled by default)
+ - Grillade (Grid System)
+3- Components :
+ - Media object
+ - Skip Links for accessibility
+ - Tables
+ - Forms
+ - Buttons
+ - Checkbox
+ - Tabs
+ - Tags
+ - Badges
+ - Alerts
+*/
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+}
+
+html {
+ font-family: sans-serif;
+ line-height: 1.15;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -ms-overflow-style: scrollbar;
+ -webkit-tap-highlight-color: transparent;
+}
+
+@-ms-viewport {
+ width: device-width;
+}
+
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+ display: block;
+}
+
+body {
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: left;
+ background-color: #fff;
+}
+
+[tabindex="-1"]:focus {
+ outline: none !important;
+}
+
+hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ margin-top: 0;
+ margin-bottom: 0.5rem;
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+ text-decoration: underline;
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ cursor: help;
+ border-bottom: 0;
+}
+
+address {
+ margin-bottom: 1rem;
+ font-style: normal;
+ line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+ margin-bottom: 0;
+}
+
+dt {
+ font-weight: 700;
+}
+
+dd {
+ margin-bottom: .5rem;
+ margin-left: 0;
+}
+
+blockquote {
+ margin: 0 0 1rem;
+}
+
+dfn {
+ font-style: italic;
+}
+
+b,
+strong {
+ font-weight: bold;
+}
+
+small {
+ font-size: 80%;
+}
+
+sub,
+sup {
+ position: relative;
+ font-size: 75%;
+ line-height: 0;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -.25em;
+}
+
+sup {
+ top: -.5em;
+}
+
+a {
+ color: #007bff;
+ text-decoration: none;
+ background-color: transparent;
+ -webkit-text-decoration-skip: objects;
+}
+
+a:hover {
+ color: #0056b3;
+ text-decoration: underline;
+}
+
+a:not([href]):not([tabindex]) {
+ color: inherit;
+ text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
+ color: inherit;
+ text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):focus {
+ outline: 0;
+}
+
+pre,
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+pre {
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto;
+ -ms-overflow-style: scrollbar;
+}
+
+figure {
+ margin: 0 0 1rem;
+}
+
+img {
+ vertical-align: middle;
+ border-style: none;
+}
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+a,
+area,
+button,
+[role="button"],
+input:not([type="range"]),
+label,
+select,
+summary,
+textarea {
+ touch-action: manipulation;
+}
+
+table {
+ border-collapse: collapse;
+}
+
+caption {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ color: #868e96;
+ text-align: left;
+ caption-side: bottom;
+}
+
+th {
+ text-align: inherit;
+}
+
+label {
+ display: inline-block;
+ margin-bottom: .5rem;
+}
+
+button {
+ border-radius: 0;
+}
+
+button:focus {
+ outline: 1px dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+
+button,
+input {
+ overflow: visible;
+}
+
+button,
+select {
+ text-transform: none;
+}
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ padding: 0;
+ border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+ box-sizing: border-box;
+ padding: 0;
+}
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+ -webkit-appearance: listbox;
+}
+
+textarea {
+ overflow: auto;
+ resize: vertical;
+}
+
+fieldset {
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+
+legend {
+ display: block;
+ width: 100%;
+ max-width: 100%;
+ padding: 0;
+ margin-bottom: .5rem;
+ font-size: 1.5rem;
+ line-height: inherit;
+ color: inherit;
+ white-space: normal;
+}
+
+progress {
+ vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+[type="search"] {
+ outline-offset: -2px;
+ -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+ font: inherit;
+ -webkit-appearance: button;
+}
+
+output {
+ display: inline-block;
+}
+
+summary {
+ display: list-item;
+}
+
+template {
+ display: none;
+}
+
+[hidden] {
+ display: none !important;
+}
+
+/* ----------------------------- */
+/* ==Base (basic styles) */
+/* ----------------------------- */
+/* disable animations styles when reduced rotion is enabled */
+@media (prefers-reduced-motion: reduce) {
+ * {
+ -webkit-animation: none !important;
+ animation: none !important;
+ -webkit-transition: none !important;
+ transition: none !important;
+ }
+}
+
+/* switching to border-box model for all elements */
+html {
+ box-sizing: border-box;
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: inherit;
+ /* avoid min-width: auto on flex and grid children */
+ min-width: 0;
+ min-height: 0;
+}
+
+html {
+ /* set base font-size to equiv "10px", which is adapted to rem unit */
+ font-size: 62.5%;
+ /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
+ font-size: calc(1em * 0.625);
+}
+
+body {
+ margin: 0;
+ font-size: 1.4rem;
+ background-color: #fff;
+ color: #212529;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ line-height: 1.5;
+}
+
+@media (min-width: 576px) {
+ body {
+ font-size: 1.6rem;
+ }
+}
+
+/* Links */
+a {
+ color: #333;
+ text-decoration: underline;
+}
+
+a:focus, a:hover, a:active {
+ color: #0d0d0d;
+ text-decoration: underline;
+}
+
+/* Headings */
+h1, .h1-like {
+ font-size: 2.8rem;
+ font-family: sans-serif;
+ font-weight: 500;
+}
+
+@media (min-width: 576px) {
+ h1, .h1-like {
+ font-size: 3.2rem;
+ }
+}
+
+h2, .h2-like {
+ font-size: 2.4rem;
+ font-family: sans-serif;
+ font-weight: 500;
+}
+
+@media (min-width: 576px) {
+ h2, .h2-like {
+ font-size: 2.8rem;
+ }
+}
+
+h3, .h3-like {
+ font-size: 2rem;
+ font-weight: 500;
+}
+
+@media (min-width: 576px) {
+ h3, .h3-like {
+ font-size: 2.4rem;
+ }
+}
+
+h4, .h4-like {
+ font-size: 1.8rem;
+ font-weight: 500;
+}
+
+@media (min-width: 576px) {
+ h4, .h4-like {
+ font-size: 2rem;
+ }
+}
+
+h5, .h5-like {
+ font-size: 1.6rem;
+ font-weight: 500;
+}
+
+@media (min-width: 576px) {
+ h5, .h5-like {
+ font-size: 1.8rem;
+ }
+}
+
+h6, .h6-like {
+ font-size: 1.4rem;
+ font-weight: 500;
+}
+
+@media (min-width: 576px) {
+ h6, .h6-like {
+ font-size: 1.6rem;
+ }
+}
+
+/* Vertical rythm */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+dd {
+ margin-top: 0;
+ margin-bottom: 0.5rem;
+}
+
+p,
+address,
+ol,
+ul,
+dl,
+blockquote,
+pre {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+/* Avoid margins on nested elements */
+li p,
+li .p-like,
+li ul,
+li ol,
+ol ol,
+ul ul {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+/* Max values */
+img,
+table,
+td,
+blockquote,
+code,
+pre,
+textarea,
+input,
+video,
+svg {
+ max-width: 100%;
+}
+
+img {
+ height: auto;
+}
+
+/* Styling elements */
+ul,
+ol {
+ padding-left: 2em;
+}
+
+img {
+ vertical-align: middle;
+}
+
+em,
+.italic,
+address,
+cite,
+i,
+var {
+ font-style: italic;
+}
+
+code,
+kbd,
+mark {
+ border-radius: 2px;
+}
+
+kbd {
+ padding: 0 2px;
+ border: 1px solid #999;
+}
+
+pre {
+ -moz-tab-size: 2;
+ -o-tab-size: 2;
+ tab-size: 2;
+}
+
+code {
+ padding: 2px 4px;
+ background: rgba(0, 0, 0, 0.04);
+ color: #b11;
+}
+
+pre code {
+ padding: 0;
+ background: none;
+ color: inherit;
+ border-radius: 0;
+}
+
+mark {
+ padding: 2px 4px;
+}
+
+sup,
+sub {
+ vertical-align: 0;
+}
+
+sup {
+ bottom: 1ex;
+}
+
+sub {
+ top: 0.5ex;
+}
+
+blockquote {
+ position: relative;
+ padding-left: 3em;
+ min-height: 2em;
+}
+
+blockquote::before {
+ content: "\201C";
+ position: absolute;
+ left: 0;
+ top: 0;
+ font-family: georgia, serif;
+ font-size: 5em;
+ height: .4em;
+ line-height: .9;
+ color: #e7e9ed;
+}
+
+blockquote > footer {
+ margin-top: .75em;
+ font-size: 0.9em;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+blockquote > footer::before {
+ content: "\2014 \0020";
+}
+
+q {
+ font-style: normal;
+}
+
+q,
+.q {
+ quotes: "“" "”" "‘" "’";
+}
+
+q:lang(fr),
+.q:lang(fr) {
+ quotes: "«\00a0" "\00a0»" "“" "”";
+}
+
+hr {
+ display: block;
+ clear: both;
+ height: 1px;
+ margin: 1em 0 2em;
+ padding: 0;
+ border: 0;
+ color: #ccc;
+ background-color: #ccc;
+}
+
+blockquote,
+figure {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+code,
+pre,
+samp,
+kbd {
+ white-space: pre-wrap;
+ font-family: consolas, courier, monospace;
+ line-height: normal;
+}
+
+/* ----------------------------- */
+/* ==Print (quick print reset) */
+/* ----------------------------- */
+@media print {
+ * {
+ background: transparent !important;
+ box-shadow: none !important;
+ text-shadow: none !important;
+ }
+ body {
+ width: auto;
+ margin: auto;
+ font-family: serif;
+ font-size: 12pt;
+ }
+ p,
+ .p-like,
+ h1,
+ .h1-like,
+ h2,
+ .h2-like,
+ h3,
+ .h3-like,
+ h4,
+ .h4-like,
+ h5,
+ .h5-like,
+ h6,
+ .h6-like,
+ blockquote,
+ label,
+ ul,
+ ol {
+ color: #000;
+ margin: auto;
+ }
+ .print {
+ display: block;
+ }
+ .no-print {
+ display: none;
+ }
+ /* no orphans, no widows */
+ p,
+ .p-like,
+ blockquote {
+ orphans: 3;
+ widows: 3;
+ }
+ /* no breaks inside these elements */
+ blockquote,
+ ul,
+ ol {
+ page-break-inside: avoid;
+ }
+ /* page break before main headers
+ h1,
+ .h1-like {
+ page-break-before: always;
+ }
+ */
+ /* no breaks after these elements */
+ h1,
+ .h1-like,
+ h2,
+ .h2-like,
+ h3,
+ .h3-like,
+ caption {
+ page-break-after: avoid;
+ }
+ a {
+ color: #000;
+ }
+ /* displaying URLs
+ a[href]::after {
+ content: " (" attr(href) ")";
+ }
+ */
+ a[href^="javascript:"]::after,
+ a[href^="#"]::after {
+ content: "";
+ }
+}
+
+/* ----------------------------- */
+/* ==Global Micro Layout */
+/* ----------------------------- */
+/* Flexbox layout is KNACSS choice
+http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
+*/
+.flex-container, .flex-container--row,
+.flex-row, .flex-container--column,
+.flex-column, .flex-container--row-reverse,
+.flex-row-reverse, .flex-container--column-reverse,
+.flex-column-reverse,
+.d-flex {
+ display: -webkit-box;
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.flex-container--row,
+.flex-row {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ flex-direction: row;
+}
+
+.flex-container--column,
+.flex-column {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ flex-direction: column;
+}
+
+.flex-container--row-reverse,
+.flex-row-reverse {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: reverse;
+ flex-direction: row-reverse;
+ -webkit-box-pack: end;
+ justify-content: flex-end;
+}
+
+.flex-container--column-reverse,
+.flex-column-reverse {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ flex-direction: column-reverse;
+ -webkit-box-pack: end;
+ justify-content: flex-end;
+}
+
+.flex-item-fluid,
+.item-fluid {
+ -webkit-box-flex: 1;
+ flex: 1 1 0%;
+}
+
+.flex-item-first,
+.item-first {
+ -webkit-box-ordinal-group: 0;
+ order: -1;
+}
+
+.flex-item-medium,
+.item-medium {
+ -webkit-box-ordinal-group: 1;
+ order: 0;
+}
+
+.flex-item-last,
+.item-last {
+ -webkit-box-ordinal-group: 2;
+ order: 1;
+}
+
+.flex-item-center,
+.item-center,
+.mr-auto {
+ margin: auto;
+}
+
+/* ---------------------------------- */
+/* ==Helpers */
+/* ---------------------------------- */
+/* Typo Helpers */
+/* ------------- */
+.u-bold {
+ font-weight: 700;
+}
+
+.u-italic {
+ font-style: italic;
+}
+
+.u-normal {
+ font-weight: normal;
+ font-style: normal;
+}
+
+.u-uppercase {
+ text-transform: uppercase;
+}
+
+.u-lowercase {
+ text-transform: lowercase;
+}
+
+.u-smaller {
+ font-size: 0.6em;
+}
+
+.u-small {
+ font-size: 0.8em;
+}
+
+.u-big {
+ font-size: 1.2em;
+}
+
+.u-bigger {
+ font-size: 1.5em;
+}
+
+.u-biggest {
+ font-size: 2em;
+}
+
+.u-txt-wrap {
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ -webkit-hyphens: auto;
+ -ms-hyphens: auto;
+ hyphens: auto;
+}
+
+.u-txt-ellipsis {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+/* text and contents alignment */
+.txtleft,
+.u-txt-left {
+ text-align: left;
+}
+
+.txtright,
+.u-txt-right {
+ text-align: right;
+}
+
+.txtcenter,
+.u-txt-center {
+ text-align: center;
+}
+
+/* blocks that need to be placed under floats */
+.clear,
+.u-clear {
+ clear: both;
+}
+
+/* blocks that must contain floats */
+.clearfix::after,
+.u-clearfix::after {
+ content: "";
+ display: table;
+ clear: both;
+ border-collapse: collapse;
+}
+
+/* simple blocks alignment */
+.left,
+.u-left {
+ margin-right: auto;
+}
+
+.right,
+.u-right {
+ margin-left: auto;
+}
+
+.center,
+.u-center {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/* Global Micro Layout */
+/* ------------------- */
+/* module, gains superpower "BFC" Block Formating Context */
+.mod,
+.u-mod,
+.bfc,
+.u-bfc {
+ overflow: hidden;
+}
+
+/* floating elements */
+.fl,
+.u-fl {
+ float: left;
+}
+
+img.fl,
+img.u-fl {
+ margin-right: 1rem;
+}
+
+.fr,
+.u-fr {
+ float: right;
+}
+
+img.fr,
+img.u-fr {
+ margin-left: 1rem;
+}
+
+img.fl,
+img.fr,
+img.u-fl,
+img.u-fr {
+ margin-bottom: 0.5rem;
+}
+
+/* inline-block */
+.inbl,
+.u-inbl {
+ display: inline-block;
+ vertical-align: top;
+}
+
+/* State Helpers */
+/* ------------- */
+/* invisible for all */
+.is-hidden,
+.js-hidden,
+[hidden] {
+ display: none;
+}
+
+/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
+.visually-hidden, .tabs-content-item[aria-hidden="true"] {
+ position: absolute !important;
+ border: 0 !important;
+ height: 1px !important;
+ width: 1px !important;
+ padding: 0 !important;
+ overflow: hidden !important;
+ clip: rect(0, 0, 0, 0) !important;
+}
+
+.is-disabled,
+.js-disabled,
+[disabled],
+.is-disabled ~ label,
+[disabled] ~ label {
+ opacity: 0.5;
+ cursor: not-allowed !important;
+ -webkit-filter: grayscale(1);
+ filter: grayscale(1);
+}
+
+ul.is-unstyled, ul.unstyled {
+ list-style: none;
+ padding-left: 0;
+}
+
+.color--inverse {
+ color: #fff;
+}
+
+/* Width Helpers */
+/* ------------- */
+/* blocks widths (percentage and pixels) */
+.w100 {
+ width: 100%;
+}
+
+.w95 {
+ width: 95%;
+}
+
+.w90 {
+ width: 90%;
+}
+
+.w85 {
+ width: 85%;
+}
+
+.w80 {
+ width: 80%;
+}
+
+.w75 {
+ width: 75%;
+}
+
+.w70 {
+ width: 70%;
+}
+
+.w65 {
+ width: 65%;
+}
+
+.w60 {
+ width: 60%;
+}
+
+.w55 {
+ width: 55%;
+}
+
+.w50 {
+ width: 50%;
+}
+
+.w45 {
+ width: 45%;
+}
+
+.w40 {
+ width: 40%;
+}
+
+.w35 {
+ width: 35%;
+}
+
+.w30 {
+ width: 30%;
+}
+
+.w25 {
+ width: 25%;
+}
+
+.w20 {
+ width: 20%;
+}
+
+.w15 {
+ width: 15%;
+}
+
+.w10 {
+ width: 10%;
+}
+
+.w5 {
+ width: 5%;
+}
+
+.w66 {
+ width: calc(100% / 3 * 2);
+}
+
+.w33 {
+ width: calc(100% / 3);
+}
+
+.wauto {
+ width: auto;
+}
+
+.w960p {
+ width: 960px;
+}
+
+.mw960p {
+ max-width: 960px;
+}
+
+.w1140p {
+ width: 1140px;
+}
+
+.mw1140p {
+ max-width: 1140px;
+}
+
+.w1000p {
+ width: 1000px;
+}
+
+.w950p {
+ width: 950px;
+}
+
+.w900p {
+ width: 900px;
+}
+
+.w850p {
+ width: 850px;
+}
+
+.w800p {
+ width: 800px;
+}
+
+.w750p {
+ width: 750px;
+}
+
+.w700p {
+ width: 700px;
+}
+
+.w650p {
+ width: 650px;
+}
+
+.w600p {
+ width: 600px;
+}
+
+.w550p {
+ width: 550px;
+}
+
+.w500p {
+ width: 500px;
+}
+
+.w450p {
+ width: 450px;
+}
+
+.w400p {
+ width: 400px;
+}
+
+.w350p {
+ width: 350px;
+}
+
+.w300p {
+ width: 300px;
+}
+
+.w250p {
+ width: 250px;
+}
+
+.w200p {
+ width: 200px;
+}
+
+.w150p {
+ width: 150px;
+}
+
+.w100p {
+ width: 100px;
+}
+
+.w50p {
+ width: 50px;
+}
+
+/* Spacing Helpers */
+/* --------------- */
+.man,
+.ma0 {
+ margin: 0;
+}
+
+.pan,
+.pa0 {
+ padding: 0;
+}
+
+.mas {
+ margin: 1rem;
+}
+
+.mam {
+ margin: 2rem;
+}
+
+.mal {
+ margin: 4rem;
+}
+
+.pas {
+ padding: 1rem;
+}
+
+.pam {
+ padding: 2rem;
+}
+
+.pal {
+ padding: 4rem;
+}
+
+.mtn,
+.mt0 {
+ margin-top: 0;
+}
+
+.mts {
+ margin-top: 1rem;
+}
+
+.mtm {
+ margin-top: 2rem;
+}
+
+.mtl {
+ margin-top: 4rem;
+}
+
+.mrn,
+.mr0 {
+ margin-right: 0;
+}
+
+.mrs {
+ margin-right: 1rem;
+}
+
+.mrm {
+ margin-right: 2rem;
+}
+
+.mrl {
+ margin-right: 4rem;
+}
+
+.mbn,
+.mb0 {
+ margin-bottom: 0;
+}
+
+.mbs {
+ margin-bottom: 1rem;
+}
+
+.mbm {
+ margin-bottom: 2rem;
+}
+
+.mbl {
+ margin-bottom: 4rem;
+}
+
+.mln,
+.ml0 {
+ margin-left: 0;
+}
+
+.mls {
+ margin-left: 1rem;
+}
+
+.mlm {
+ margin-left: 2rem;
+}
+
+.mll {
+ margin-left: 4rem;
+}
+
+.mauto {
+ margin: auto;
+}
+
+.mtauto {
+ margin-top: auto;
+}
+
+.mrauto {
+ margin-right: auto;
+}
+
+.mbauto {
+ margin-bottom: auto;
+}
+
+.mlauto {
+ margin-left: auto;
+}
+
+.ptn,
+.pt0 {
+ padding-top: 0;
+}
+
+.pts {
+ padding-top: 1rem;
+}
+
+.ptm {
+ padding-top: 2rem;
+}
+
+.ptl {
+ padding-top: 4rem;
+}
+
+.prn,
+.pr0 {
+ padding-right: 0;
+}
+
+.prs {
+ padding-right: 1rem;
+}
+
+.prm {
+ padding-right: 2rem;
+}
+
+.prl {
+ padding-right: 4rem;
+}
+
+.pbn,
+.pb0 {
+ padding-bottom: 0;
+}
+
+.pbs {
+ padding-bottom: 1rem;
+}
+
+.pbm {
+ padding-bottom: 2rem;
+}
+
+.pbl {
+ padding-bottom: 4rem;
+}
+
+.pln,
+.pl0 {
+ padding-left: 0;
+}
+
+.pls {
+ padding-left: 1rem;
+}
+
+.plm {
+ padding-left: 2rem;
+}
+
+.pll {
+ padding-left: 4rem;
+}
+
+/* -------------------------- */
+/* ==Responsive helpers */
+/* -------------------------- */
+/* large screens */
+/* ------------- */
+@media (min-width: 992px) {
+ /* layouts for large screens */
+ .large-hidden {
+ display: none !important;
+ }
+ .large-visible {
+ display: block !important;
+ }
+ .large-no-float {
+ float: none;
+ }
+ .large-inbl {
+ display: inline-block;
+ float: none;
+ vertical-align: top;
+ }
+ /* widths for large screens */
+ .large-w25 {
+ width: 25% !important;
+ }
+ .large-w33 {
+ width: 33.333333% !important;
+ }
+ .large-w50 {
+ width: 50% !important;
+ }
+ .large-w66 {
+ width: 66.666666% !important;
+ }
+ .large-w75 {
+ width: 75% !important;
+ }
+ .large-w100,
+ .large-wauto {
+ display: block !important;
+ float: none !important;
+ clear: none !important;
+ width: auto !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ border: 0;
+ }
+ /* margins for large screens */
+ .large-man,
+ .large-ma0 {
+ margin: 0 !important;
+ }
+}
+
+/* medium screens */
+/* -------------- */
+@media (min-width: 768px) and (max-width: 991px) {
+ /* layouts for medium screens */
+ .medium-hidden {
+ display: none !important;
+ }
+ .medium-visible {
+ display: block !important;
+ }
+ .medium-no-float {
+ float: none;
+ }
+ .medium-inbl {
+ display: inline-block;
+ float: none;
+ vertical-align: top;
+ }
+ /* widths for medium screens */
+ .medium-w25 {
+ width: 25% !important;
+ }
+ .medium-w33 {
+ width: 33.333333% !important;
+ }
+ .medium-w50 {
+ width: 50% !important;
+ }
+ .medium-w66 {
+ width: 66.666666% !important;
+ }
+ .medium-w75 {
+ width: 75% !important;
+ }
+ .medium-w100,
+ .medium-wauto {
+ display: block !important;
+ float: none !important;
+ clear: none !important;
+ width: auto !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ border: 0;
+ }
+ /* margins for medium screens */
+ .medium-man,
+ .medium-ma0 {
+ margin: 0 !important;
+ }
+}
+
+/* small screens */
+/* ------------- */
+@media (min-width: 576px) and (max-width: 767px) {
+ /* layouts for small screens */
+ .small-hidden {
+ display: none !important;
+ }
+ .small-visible {
+ display: block !important;
+ }
+ .small-no-float {
+ float: none;
+ }
+ .small-inbl {
+ display: inline-block;
+ float: none;
+ vertical-align: top;
+ }
+ /* widths for small screens */
+ .small-w25 {
+ width: 25% !important;
+ }
+ .small-w33 {
+ width: 33.333333% !important;
+ }
+ .small-w50 {
+ width: 50% !important;
+ }
+ .small-w66 {
+ width: 66.666666% !important;
+ }
+ .small-w75 {
+ width: 75% !important;
+ }
+ .small-w100,
+ .small-wauto {
+ display: block !important;
+ float: none !important;
+ clear: none !important;
+ width: auto !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ border: 0;
+ }
+ /* margins for small screens */
+ .small-man,
+ .small-ma0 {
+ margin: 0 !important;
+ }
+ .small-pan,
+ .small-pa0 {
+ padding: 0 !important;
+ }
+}
+
+/* tiny screens */
+/* ------------ */
+@media (max-width: 575px) {
+ /* quick small resolution reset */
+ .mod,
+ .col,
+ fieldset {
+ display: block !important;
+ float: none !important;
+ clear: none !important;
+ width: auto !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ border: 0;
+ }
+ .flex-container, .flex-container--row,
+ .flex-row, .flex-container--column,
+ .flex-column, .flex-container--row-reverse,
+ .flex-row-reverse, .flex-container--column-reverse,
+ .flex-column-reverse {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ flex-direction: column;
+ }
+ /* layouts for tiny screens */
+ .tiny-hidden {
+ display: none !important;
+ }
+ .tiny-visible {
+ display: block !important;
+ }
+ .tiny-no-float {
+ float: none;
+ }
+ .tiny-inbl {
+ display: inline-block;
+ float: none;
+ vertical-align: top;
+ }
+ /* widths for tiny screens */
+ .tiny-w25 {
+ width: 25% !important;
+ }
+ .tiny-w33 {
+ width: 33.333333% !important;
+ }
+ .tiny-w50 {
+ width: 50% !important;
+ }
+ .tiny-w66 {
+ width: 66.666666% !important;
+ }
+ .tiny-w75 {
+ width: 75% !important;
+ }
+ .tiny-w100,
+ .tiny-wauto {
+ display: block !important;
+ float: none !important;
+ clear: none !important;
+ width: auto !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ border: 0;
+ }
+ /* margins for tiny screens */
+ .tiny-man,
+ .tiny-ma0 {
+ margin: 0 !important;
+ }
+ .tiny-pan,
+ .tiny-pa0 {
+ padding: 0 !important;
+ }
+}
+
+/* --------------------------------------- */
+/* ==Grillade : ultra light Grid System */
+/* --------------------------------------- */
+@media (min-width: 480px) {
+ [class*=" grid-"],
+ [class^="grid-"] {
+ display: grid;
+ grid-auto-flow: dense;
+ }
+ [class*=" grid-"].has-gutter,
+ [class^="grid-"].has-gutter {
+ grid-gap: 1rem;
+ }
+ [class*=" grid-"].has-gutter-l,
+ [class^="grid-"].has-gutter-l {
+ grid-gap: 2rem;
+ }
+ [class*=" grid-"].has-gutter-xl,
+ [class^="grid-"].has-gutter-xl {
+ grid-gap: 4rem;
+ }
+}
+
+@media (min-width: 480px) {
+ .autogrid,
+ .grid {
+ display: grid;
+ grid-auto-flow: column;
+ grid-auto-columns: 1fr;
+ }
+ .autogrid.has-gutter,
+ .grid.has-gutter {
+ grid-column-gap: 1rem;
+ }
+ .autogrid.has-gutter-l,
+ .grid.has-gutter-l {
+ grid-column-gap: 2rem;
+ }
+ .autogrid.has-gutter-xl,
+ .grid.has-gutter-xl {
+ grid-column-gap: 4rem;
+ }
+}
+
+[class*="grid-2"] {
+ grid-template-columns: repeat(2, 1fr);
+}
+
+[class*="grid-3"] {
+ grid-template-columns: repeat(3, 1fr);
+}
+
+[class*="grid-4"] {
+ grid-template-columns: repeat(4, 1fr);
+}
+
+[class*="grid-5"] {
+ grid-template-columns: repeat(5, 1fr);
+}
+
+[class*="grid-6"] {
+ grid-template-columns: repeat(6, 1fr);
+}
+
+[class*="grid-7"] {
+ grid-template-columns: repeat(7, 1fr);
+}
+
+[class*="grid-8"] {
+ grid-template-columns: repeat(8, 1fr);
+}
+
+[class*="grid-9"] {
+ grid-template-columns: repeat(9, 1fr);
+}
+
+[class*="grid-10"] {
+ grid-template-columns: repeat(10, 1fr);
+}
+
+[class*="grid-11"] {
+ grid-template-columns: repeat(11, 1fr);
+}
+
+[class*="grid-12"] {
+ grid-template-columns: repeat(12, 1fr);
+}
+
+[class*="col-1"] {
+ grid-column: auto/span 1;
+}
+
+[class*="row-1"] {
+ grid-row: auto/span 1;
+}
+
+[class*="col-2"] {
+ grid-column: auto/span 2;
+}
+
+[class*="row-2"] {
+ grid-row: auto/span 2;
+}
+
+[class*="col-3"] {
+ grid-column: auto/span 3;
+}
+
+[class*="row-3"] {
+ grid-row: auto/span 3;
+}
+
+[class*="col-4"] {
+ grid-column: auto/span 4;
+}
+
+[class*="row-4"] {
+ grid-row: auto/span 4;
+}
+
+[class*="col-5"] {
+ grid-column: auto/span 5;
+}
+
+[class*="row-5"] {
+ grid-row: auto/span 5;
+}
+
+[class*="col-6"] {
+ grid-column: auto/span 6;
+}
+
+[class*="row-6"] {
+ grid-row: auto/span 6;
+}
+
+[class*="col-7"] {
+ grid-column: auto/span 7;
+}
+
+[class*="row-7"] {
+ grid-row: auto/span 7;
+}
+
+[class*="col-8"] {
+ grid-column: auto/span 8;
+}
+
+[class*="row-8"] {
+ grid-row: auto/span 8;
+}
+
+[class*="col-9"] {
+ grid-column: auto/span 9;
+}
+
+[class*="row-9"] {
+ grid-row: auto/span 9;
+}
+
+[class*="col-10"] {
+ grid-column: auto/span 10;
+}
+
+[class*="row-10"] {
+ grid-row: auto/span 10;
+}
+
+[class*="col-11"] {
+ grid-column: auto/span 11;
+}
+
+[class*="row-11"] {
+ grid-row: auto/span 11;
+}
+
+[class*="col-12"] {
+ grid-column: auto/span 12;
+}
+
+[class*="row-12"] {
+ grid-row: auto/span 12;
+}
+
+/* intermediate breakpoints */
+@media (min-width: 480px) and (max-width: 767px) {
+ [class*="grid-"][class*="-small-1"] {
+ grid-template-columns: repeat(1, 1fr);
+ }
+ [class*="col-"][class*="-small-1"] {
+ grid-column: auto/span 1;
+ }
+ [class*="grid-"][class*="-small-2"] {
+ grid-template-columns: repeat(2, 1fr);
+ }
+ [class*="col-"][class*="-small-2"] {
+ grid-column: auto/span 2;
+ }
+ [class*="grid-"][class*="-small-3"] {
+ grid-template-columns: repeat(3, 1fr);
+ }
+ [class*="col-"][class*="-small-3"] {
+ grid-column: auto/span 3;
+ }
+ [class*="grid-"][class*="-small-4"] {
+ grid-template-columns: repeat(4, 1fr);
+ }
+ [class*="col-"][class*="-small-4"] {
+ grid-column: auto/span 4;
+ }
+ [class*="-small-all"] {
+ grid-column: 1 / -1;
+ }
+}
+
+.item-first {
+ -webkit-box-ordinal-group: 0;
+ order: -1;
+}
+
+.item-last {
+ -webkit-box-ordinal-group: 2;
+ order: 1;
+}
+
+.grid-offset {
+ visibility: hidden;
+}
+
+.col-all {
+ grid-column: 1 / -1;
+}
+
+.row-all {
+ grid-row: 1 / -1;
+}
+
+/* ----------------------------- */
+/* ==Media object */
+/* ----------------------------- */
+/* recommended HTML : */
+/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
+@media (min-width: 480px) {
+ .media {
+ display: -webkit-box;
+ display: flex;
+ -webkit-box-align: start;
+ align-items: flex-start;
+ }
+ .media-content {
+ -webkit-box-flex: 1;
+ flex: 1 1 0%;
+ }
+ .media-figure--center {
+ align-self: center;
+ }
+ .media--reverse {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: reverse;
+ flex-direction: row-reverse;
+ }
+}
+
+/* ----------------------------- */
+/* ==skip links */
+/* ----------------------------- */
+/* see https://www.alsacreations.com/article/lire/572-Les-liens-d-evitement.html */
+/* styling skip links */
+.skip-links {
+ position: absolute;
+}
+
+.skip-links a {
+ position: absolute;
+ overflow: hidden;
+ clip: rect(1px, 1px, 1px, 1px);
+ padding: 0.5em;
+ background: black;
+ color: white;
+ text-decoration: none;
+}
+
+.skip-links a:focus {
+ position: static;
+ overflow: visible;
+ clip: auto;
+}
+
+/* ----------------------------- */
+/* ==Tables */
+/* ----------------------------- */
+table,
+.table {
+ width: 100%;
+ max-width: 100%;
+ table-layout: fixed;
+ border-collapse: collapse;
+ vertical-align: top;
+ margin-bottom: 2rem;
+}
+
+.table {
+ display: table;
+ border: 1px solid #acb3c2;
+ background: transparent;
+}
+
+.table--zebra tbody tr:nth-child(odd) {
+ background: #e7e9ed;
+}
+
+.table caption {
+ caption-side: bottom;
+ padding: 1rem;
+ color: #333;
+ font-style: italic;
+ text-align: right;
+}
+
+.table td,
+.table th {
+ padding: 0.3rem 0.6rem;
+ min-width: 2rem;
+ vertical-align: top;
+ border: 1px #acb3c2 dotted;
+ text-align: left;
+ cursor: default;
+}
+
+.table thead {
+ color: #212529;
+ background: transparent;
+}
+
+.table--auto {
+ table-layout: auto;
+}
+
+/* ----------------------------- */
+/* ==Forms */
+/* ----------------------------- */
+/* thanks to HTML5boilerplate and https://shoelace.style/ */
+/* forms items */
+form,
+fieldset {
+ border: none;
+}
+
+fieldset {
+ padding: 2rem;
+}
+
+fieldset legend {
+ padding: 0 0.5rem;
+ border: 0;
+ white-space: normal;
+}
+
+label {
+ display: inline-block;
+ cursor: pointer;
+}
+
+[type="color"],
+[type="date"],
+[type="datetime-local"],
+[type="email"],
+[type="month"],
+[type="number"],
+[type="password"],
+[type="search"],
+[type="submit"],
+[type="tel"],
+[type="text"],
+[type="time"],
+[type="url"],
+[type="week"],
+select,
+textarea {
+ font-family: inherit;
+ font-size: inherit;
+ border: 0;
+ box-shadow: 0 0 0 1px #333 inset;
+ color: #212529;
+ vertical-align: middle;
+ padding: 0.5rem 1rem;
+ margin: 0;
+ -webkit-transition: 0.25s;
+ transition: 0.25s;
+ -webkit-transition-property: box-shadow, background-color, color, border;
+ transition-property: box-shadow, background-color, color, border;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+
+[type="submit"] {
+ background-color: #333;
+ color: #fff;
+ cursor: pointer;
+}
+
+input[readonly] {
+ background-color: #e7e9ed;
+}
+
+select {
+ padding-right: 2rem;
+ border-radius: 0;
+ background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
+ background-position: right .6rem center;
+ background-repeat: no-repeat;
+ background-size: 1.2rem;
+}
+
+/* hiding IE11 arrow */
+select::-ms-expand {
+ display: none;
+}
+
+textarea {
+ min-height: 5em;
+ vertical-align: top;
+ resize: vertical;
+ white-space: pre-wrap;
+}
+
+/* 'x' appears on right of search input when text is entered. This removes it */
+[type="search"]::-webkit-search-decoration, [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-results-button, [type="search"]::-webkit-search-results-decoration {
+ display: none;
+}
+
+::-webkit-input-placeholder {
+ color: #777;
+}
+
+input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
+ color: #777;
+}
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+ color: #777;
+}
+
+input:-ms-input-placeholder, textarea:-ms-input-placeholder {
+ color: #777;
+}
+
+input::-ms-input-placeholder, textarea::-ms-input-placeholder {
+ color: #777;
+}
+
+input::placeholder,
+textarea::placeholder {
+ color: #777;
+}
+
+progress {
+ width: 100%;
+ vertical-align: middle;
+}
+
+/* ----------------------------- */
+/* ==Buttons */
+/* ----------------------------- */
+/* preferably use for buttons !*/
+/* use .btn-- or .button-- classes for variants */
+.btn,
+.button,
+[type="button"],
+button, .btn--primary,
+.button--primary, .btn--success,
+.button--success, .btn--info,
+.button--info, .btn--warning,
+.button--warning, .btn--danger,
+.button--danger, .btn--inverse, .lien_carousel, #editer_gis_oui_rechercher_geocodage,
+.button--inverse, .btn--ghost,
+.button--ghost {
+ display: inline-block;
+ padding: 1rem 1.5rem;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-transition: 0.25s;
+ transition: 0.25s;
+ -webkit-transition-property: box-shadow, background-color, color, border;
+ transition-property: box-shadow, background-color, color, border;
+ text-align: center;
+ vertical-align: middle;
+ white-space: nowrap;
+ text-decoration: none;
+ color: #212529;
+ border: none;
+ border-radius: 0;
+ background-color: #e7e9ed;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: 1;
+}
+
+.btn:focus,
+.button:focus,
+[type="button"]:focus,
+button:focus {
+ -webkit-tap-highlight-color: transparent;
+}
+
+.btn--primary,
+.button--primary {
+ background-color: #0275D8;
+ color: #fff;
+ box-shadow: none;
+}
+
+.btn--primary:active, .btn--primary:focus, .btn--primary:hover,
+.button--primary:active,
+.button--primary:focus,
+.button--primary:hover {
+ background-color: #025aa5;
+}
+
+.btn--success,
+.button--success {
+ background-color: #5CB85C;
+ color: #fff;
+ box-shadow: none;
+}
+
+.btn--success:active, .btn--success:focus, .btn--success:hover,
+.button--success:active,
+.button--success:focus,
+.button--success:hover {
+ background-color: #449d44;
+}
+
+.btn--info,
+.button--info {
+ background-color: #5BC0DE;
+ color: #000;
+ box-shadow: none;
+}
+
+.btn--info:active, .btn--info:focus, .btn--info:hover,
+.button--info:active,
+.button--info:focus,
+.button--info:hover {
+ background-color: #31b0d5;
+}
+
+.btn--warning,
+.button--warning {
+ background-color: #F0AD4E;
+ color: #000;
+ box-shadow: none;
+}
+
+.btn--warning:active, .btn--warning:focus, .btn--warning:hover,
+.button--warning:active,
+.button--warning:focus,
+.button--warning:hover {
+ background-color: #ec971f;
+}
+
+.btn--danger,
+.button--danger {
+ background-color: #D9534F;
+ color: #fff;
+ box-shadow: none;
+}
+
+.btn--danger:active, .btn--danger:focus, .btn--danger:hover,
+.button--danger:active,
+.button--danger:focus,
+.button--danger:hover {
+ background-color: #c9302c;
+}
+
+.btn--inverse, .lien_carousel, #editer_gis_oui_rechercher_geocodage,
+.button--inverse {
+ background-color: #333;
+ color: #fff;
+ box-shadow: none;
+}
+
+.btn--inverse:active, .lien_carousel:active, #editer_gis_oui_rechercher_geocodage:active, .btn--inverse:focus, .lien_carousel:focus, #editer_gis_oui_rechercher_geocodage:focus, .btn--inverse:hover, .lien_carousel:hover, #editer_gis_oui_rechercher_geocodage:hover,
+.button--inverse:active,
+.button--inverse:focus,
+.button--inverse:hover {
+ background-color: #1a1a1a;
+}
+
+.btn--ghost,
+.button--ghost {
+ background-color: transparent;
+ color: #fff;
+ box-shadow: 0 0 0 1px #fff inset;
+}
+
+.btn--ghost:active, .btn--ghost:focus, .btn--ghost:hover,
+.button--ghost:active,
+.button--ghost:focus,
+.button--ghost:hover {
+ background-color: rgba(0, 0, 0, 0);
+}
+
+.btn--small,
+.button--small {
+ padding: 0.7rem 1rem;
+ font-size: .8em;
+}
+
+.btn--big,
+.button--big {
+ padding: 1.5rem 2rem;
+ font-size: 1.4em;
+}
+
+.btn--block,
+.button--block {
+ width: 100% !important;
+ display: block;
+}
+
+.btn--unstyled,
+.button--unstyled {
+ padding: 0;
+ border: none;
+ text-align: left;
+ background: none;
+ border-radius: 0;
+ box-shadow: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+
+.btn--unstyled:focus,
+.button--unstyled:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+.nav-button {
+ padding: 0;
+ background-color: transparent;
+ outline: 0;
+ border: 0;
+ cursor: pointer;
+ -webkit-tap-highlight-color: transparent;
+}
+
+.nav-button > * {
+ display: -webkit-inline-box;
+ display: inline-flex;
+ vertical-align: top;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ flex-direction: column;
+ -webkit-box-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: stretch;
+ align-items: stretch;
+ height: 2.6rem;
+ width: 2.6rem;
+ padding: 0;
+ background-color: transparent;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#333));
+ background-image: linear-gradient(#333, #333);
+ background-position: center;
+ background-repeat: no-repeat;
+ background-origin: content-box;
+ background-size: 100% 5px;
+ -webkit-transition: .25s;
+ transition: .25s;
+ -webkit-transition-property: background, -webkit-transform;
+ transition-property: background, -webkit-transform;
+ transition-property: transform, background;
+ transition-property: transform, background, -webkit-transform;
+ will-change: transform, background;
+}
+
+.nav-button > *::before, .nav-button > *::after {
+ content: "";
+ height: 5px;
+ background: #333;
+ -webkit-transition: .25s;
+ transition: .25s;
+ -webkit-transition-property: top, -webkit-transform;
+ transition-property: top, -webkit-transform;
+ transition-property: transform, top;
+ transition-property: transform, top, -webkit-transform;
+ will-change: transform, top;
+}
+
+.nav-button:hover > * {
+ background-color: transparent;
+}
+
+.nav-button:focus {
+ outline: 0;
+}
+
+.nav-button.is-active > * {
+ background-image: none;
+ -webkit-box-pack: center;
+ justify-content: center;
+}
+
+.nav-button.is-active > *::before {
+ -webkit-transform: translateY(50%) rotate3d(0, 0, 1, 45deg);
+ transform: translateY(50%) rotate3d(0, 0, 1, 45deg);
+}
+
+.nav-button.is-active > *::after {
+ -webkit-transform: translateY(-50%) rotate3d(0, 0, 1, -45deg);
+ transform: translateY(-50%) rotate3d(0, 0, 1, -45deg);
+}
+
+/* ----------------------------- */
+/* ==Checkbox, radio, switch */
+/* ----------------------------- */
+/* use .checkbox class on input type=checkbox */
+/* recommended HTML : click here */
+/* use .radio class on input type=radio */
+/* recommended HTML : Click here */
+/* use .switch class on input type=checkbox */
+.checkbox {
+ border-radius: 4px;
+}
+
+.switch {
+ border-radius: 3em;
+}
+
+.radio {
+ border-radius: 50%;
+}
+
+.switch,
+.checkbox,
+.radio {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ vertical-align: text-bottom;
+ outline: 0;
+ cursor: pointer;
+}
+
+.switch ~ label,
+.checkbox ~ label,
+.radio ~ label {
+ cursor: pointer;
+}
+
+.switch::-ms-check,
+.checkbox::-ms-check,
+.radio::-ms-check {
+ display: none;
+}
+
+.switch {
+ width: 4rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 70%;
+ box-shadow: inset -2rem 0 0 #333, inset 0 0 0 1px #333;
+ -webkit-transition: box-shadow .15s;
+ transition: box-shadow .15s;
+ background-color: #fff;
+}
+
+.switch::before, .switch::after {
+ font-weight: bold;
+ color: #fff;
+}
+
+.switch::before {
+ content: "✕";
+ float: right;
+ margin-right: 0.66667rem;
+}
+
+.switch:checked {
+ box-shadow: inset 2rem 0 0 #5CB85C, inset 0 0 0 1px #5CB85C;
+}
+
+.switch:checked::before {
+ content: "✓";
+ float: left;
+ margin-left: 0.66667rem;
+}
+
+.checkbox {
+ width: 2rem;
+ height: 2rem;
+ box-shadow: inset 0 0 0 1px #333;
+ background-color: #fff;
+ -webkit-transition: background-color .15s;
+ transition: background-color .15s;
+}
+
+.checkbox:checked {
+ background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%208%208%22%20enable-background%3D%22new%200%200%208%208%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M6.4%2C1L5.7%2C1.7L2.9%2C4.5L2.1%2C3.7L1.4%2C3L0%2C4.4l0.7%2C0.7l1.5%2C1.5l0.7%2C0.7l0.7-0.7l3.5-3.5l0.7-0.7L6.4%2C1L6.4%2C1z%22%20%2F%3E%0A%3C%2Fsvg%3E");
+ background-size: 60% 60%;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-color: #333;
+}
+
+.radio {
+ width: 2rem;
+ height: 2rem;
+ background-size: 0% 0%;
+ -webkit-transition: background-size .15s;
+ transition: background-size .15s;
+ box-shadow: inset 0 0 0 1px #333;
+ background-color: #fff;
+}
+
+.radio:checked {
+ background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%22100%22%20height%3D%22100%22%0AviewBox%3D%220%200%2080%2080%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2224%22%20style%3D%22fill%3A%23333333%22/%3E%3C/svg%3E");
+ background-size: 90% 90%;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-color: #fff;
+}
+
+/* ----------------------------- */
+/* ==Tabs */
+/* ----------------------------- */
+/* see example on https://knacss.com/styleguide.html#tabs */
+/* NOTE : tabs need JavaScript to be activated */
+.tabs-menu {
+ border-bottom: 2px solid #e7e9ed;
+}
+
+.tabs-menu-link {
+ display: block;
+ margin-bottom: -2px;
+ padding: 0.5rem 3rem;
+ border-bottom: 4px solid transparent;
+ color: #212529;
+ background: transparent;
+ text-decoration: none;
+ border-radius: 0 0 0 0;
+ -webkit-transition: .25s;
+ transition: .25s;
+ -webkit-transition-property: color, border, background-color;
+ transition-property: color, border, background-color;
+}
+
+.tabs-menu-link.is-active {
+ border-bottom-color: #333;
+ color: #333;
+ background: transparent;
+ outline: 0;
+}
+
+.tabs-menu-link:focus {
+ border-bottom-color: #333;
+ color: #333;
+ outline: 0;
+}
+
+@media (min-width: 576px) {
+ .tabs-menu-link {
+ display: inline-block;
+ }
+}
+
+.tabs-content-item {
+ padding-top: 1rem;
+}
+
+.tabs-content-item[aria-hidden="true"] {
+ visibility: hidden;
+}
+
+.tabs-content-item[aria-hidden="false"] {
+ visibility: visible;
+}
+
+/* ----------------------------- */
+/* ==Arrows */
+/* ----------------------------- */
+/* see https://knacss.com/styleguide.html#arrows */
+[class*="icon-arrow--"] {
+ vertical-align: middle;
+}
+
+[class*="icon-arrow--"]::after {
+ content: "";
+ display: inline-block;
+ width: 1em;
+ height: 1em;
+ -webkit-mask-size: cover;
+ mask-size: cover;
+ background-color: #000;
+ line-height: 1;
+}
+
+.icon-arrow--down::after {
+ -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
+ mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
+}
+
+.icon-arrow--up::after {
+ -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%208.596%20L%203.523%2014.973%20C%202.464%2015.935%200.495%2013.72%201.505%2012.791%20L%201.505%2012.791%20L%208.494%205.799%20C%209.138%205.212%2010.655%205.193%2011.29%205.799%20L%2011.29%205.799%20L%2018.49%2012.791%20C%2019.557%2013.809%2017.364%2015.882%2016.262%2014.837%20L%2016.262%2014.837%20L%209.96%208.596%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
+ mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%208.596%20L%203.523%2014.973%20C%202.464%2015.935%200.495%2013.72%201.505%2012.791%20L%201.505%2012.791%20L%208.494%205.799%20C%209.138%205.212%2010.655%205.193%2011.29%205.799%20L%2011.29%205.799%20L%2018.49%2012.791%20C%2019.557%2013.809%2017.364%2015.882%2016.262%2014.837%20L%2016.262%2014.837%20L%209.96%208.596%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
+}
+
+.icon-arrow--right::after {
+ -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%2011.685%2010.321%20L%205.308%2016.758%20C%204.346%2017.817%206.561%2019.786%207.49%2018.776%20L%207.49%2018.776%20L%2014.482%2011.787%20C%2015.069%2011.142%2015.088%209.626%2014.482%208.991%20L%2014.482%208.991%20L%207.49%201.791%20C%206.472%200.724%204.399%202.916%205.444%204.019%20L%205.444%204.019%20L%2011.685%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
+ mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%2011.685%2010.321%20L%205.308%2016.758%20C%204.346%2017.817%206.561%2019.786%207.49%2018.776%20L%207.49%2018.776%20L%2014.482%2011.787%20C%2015.069%2011.142%2015.088%209.626%2014.482%208.991%20L%2014.482%208.991%20L%207.49%201.791%20C%206.472%200.724%204.399%202.916%205.444%204.019%20L%205.444%204.019%20L%2011.685%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
+}
+
+.icon-arrow--left::after {
+ -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%208.315%2010.321%20L%2014.692%2016.758%20C%2015.654%2017.817%2013.439%2019.786%2012.51%2018.776%20L%2012.51%2018.776%20L%205.518%2011.787%20C%204.931%2011.142%204.912%209.626%205.518%208.991%20L%205.518%208.991%20L%2012.51%201.791%20C%2013.528%200.724%2015.601%202.916%2014.556%204.019%20L%2014.556%204.019%20L%208.315%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
+ mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%208.315%2010.321%20L%2014.692%2016.758%20C%2015.654%2017.817%2013.439%2019.786%2012.51%2018.776%20L%2012.51%2018.776%20L%205.518%2011.787%20C%204.931%2011.142%204.912%209.626%205.518%208.991%20L%205.518%208.991%20L%2012.51%201.791%20C%2013.528%200.724%2015.601%202.916%2014.556%204.019%20L%2014.556%204.019%20L%208.315%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
+}
+
+/* ----------------------------- */
+/* ==Tags */
+/* ----------------------------- */
+/* use .tag-- classes for variants */
+.tag, .tag--primary, .tag--success, .tag--info, .tag--warning, .tag--danger, .tag--inverse, .tag--ghost {
+ display: inline-block;
+ padding: 3px 0.5rem;
+ vertical-align: baseline;
+ white-space: nowrap;
+ color: #212529;
+ border-radius: 0;
+ background-color: #e7e9ed;
+ line-height: 1;
+}
+
+.tag--primary {
+ background-color: #0275D8;
+ color: #fff;
+ box-shadow: none;
+}
+
+.tag--success {
+ background-color: #5CB85C;
+ color: #fff;
+ box-shadow: none;
+}
+
+.tag--info {
+ background-color: #5BC0DE;
+ color: #000;
+ box-shadow: none;
+}
+
+.tag--warning {
+ background-color: #F0AD4E;
+ color: #000;
+ box-shadow: none;
+}
+
+.tag--danger {
+ background-color: #D9534F;
+ color: #fff;
+ box-shadow: none;
+}
+
+.tag--inverse {
+ background-color: #333;
+ color: #fff;
+ box-shadow: none;
+}
+
+.tag--ghost {
+ background-color: transparent;
+ color: #fff;
+ box-shadow: 0 0 0 1px #fff inset;
+}
+
+.tag--small {
+ font-size: 1.2rem;
+}
+
+.tag--big {
+ font-size: 2rem;
+}
+
+.tag--block {
+ width: 100% !important;
+ display: block;
+}
+
+.tag.disabled, .disabled.tag--primary, .disabled.tag--success, .disabled.tag--info, .disabled.tag--warning, .disabled.tag--danger, .disabled.tag--inverse, .disabled.tag--ghost, .tag--disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+}
+
+.tag:empty, .tag--primary:empty, .tag--success:empty, .tag--info:empty, .tag--warning:empty, .tag--danger:empty, .tag--inverse:empty, .tag--ghost:empty {
+ display: none;
+}
+
+/* ----------------------------- */
+/* ==Badges */
+/* ----------------------------- */
+/* use .badge-- classes for variants */
+.badge, .badge--primary, .badge--success, .badge--info, .badge--warning, .badge--danger, .badge--inverse, .badge--ghost {
+ display: inline-block;
+ padding: 0.5rem;
+ border-radius: 50%;
+ color: #212529;
+ background-color: #e7e9ed;
+ line-height: 1;
+}
+
+.badge::before, .badge--primary::before, .badge--success::before, .badge--info::before, .badge--warning::before, .badge--danger::before, .badge--inverse::before, .badge--ghost::before {
+ content: "";
+ display: inline-block;
+ vertical-align: middle;
+ padding-top: 100%;
+}
+
+.badge--primary {
+ background-color: #0275D8;
+ color: #fff;
+}
+
+.badge--success {
+ background-color: #5CB85C;
+ color: #fff;
+}
+
+.badge--info {
+ background-color: #5BC0DE;
+ color: #000;
+}
+
+.badge--warning {
+ background-color: #F0AD4E;
+ color: #000;
+}
+
+.badge--danger {
+ background-color: #D9534F;
+ color: #fff;
+}
+
+.badge--inverse {
+ background-color: #333;
+ color: #fff;
+}
+
+.badge--ghost {
+ background-color: transparent;
+ color: #fff;
+}
+
+.badge--small {
+ font-size: 1.2rem;
+}
+
+.badge--big {
+ font-size: 2rem;
+}
+
+.badge.disabled, .disabled.badge--primary, .disabled.badge--success, .disabled.badge--info, .disabled.badge--warning, .disabled.badge--danger, .disabled.badge--inverse, .disabled.badge--ghost, .badge--disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+}
+
+.badge:empty, .badge--primary:empty, .badge--success:empty, .badge--info:empty, .badge--warning:empty, .badge--danger:empty, .badge--inverse:empty, .badge--ghost:empty {
+ display: none;
+}
+
+/* ----------------------------- */
+/* ==Alerts */
+/* ----------------------------- */
+/* use .alert-- classes for variants */
+.alert, .alert--primary, .alert--success, .alert--info, .alert--warning, .alert--danger, .alert--inverse, .alert--ghost {
+ padding: 1rem 1rem;
+ margin-top: 0.75em;
+ margin-bottom: 0;
+ color: #212529;
+ border-radius: 0;
+ background-color: #e7e9ed;
+}
+
+.alert a, .alert--primary a, .alert--success a, .alert--info a, .alert--warning a, .alert--danger a, .alert--inverse a, .alert--ghost a {
+ color: inherit;
+ text-decoration: underline;
+}
+
+.alert--primary {
+ background-color: #0275D8;
+ color: #fff;
+ box-shadow: none;
+}
+
+.alert--success {
+ background-color: #5CB85C;
+ color: #fff;
+ box-shadow: none;
+}
+
+.alert--info {
+ background-color: #5BC0DE;
+ color: #000;
+ box-shadow: none;
+}
+
+.alert--warning {
+ background-color: #F0AD4E;
+ color: #000;
+ box-shadow: none;
+}
+
+.alert--danger {
+ background-color: #D9534F;
+ color: #fff;
+ box-shadow: none;
+}
+
+.alert--inverse {
+ background-color: #333;
+ color: #fff;
+ box-shadow: none;
+}
+
+.alert--ghost {
+ background-color: transparent;
+ color: #fff;
+ box-shadow: 0 0 0 1px #fff inset;
+}
+
+.alert--small {
+ font-size: 1.2rem;
+}
+
+.alert--big {
+ font-size: 2rem;
+}
+
+.alert--block {
+ width: 100% !important;
+ display: block;
+}
+
+.alert.disabled, .disabled.alert--primary, .disabled.alert--success, .disabled.alert--info, .disabled.alert--warning, .disabled.alert--danger, .disabled.alert--inverse, .disabled.alert--ghost, .alert--disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+}
+
+.alert:empty, .alert--primary:empty, .alert--success:empty, .alert--info:empty, .alert--warning:empty, .alert--danger:empty, .alert--inverse:empty, .alert--ghost:empty {
+ display: none;
+}
+
+/*!
+ * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+/* FONT PATH
+ * -------------------------- */
+@font-face {
+ font-family: 'FontAwesome';
+ src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
+ src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
+ font-weight: normal;
+ font-style: normal;
+}
+
+.fa {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* makes the font 33% larger relative to the icon container */
+.fa-lg {
+ font-size: 1.33333em;
+ line-height: 0.75em;
+ vertical-align: -15%;
+}
+
+.fa-2x {
+ font-size: 2em;
+}
+
+.fa-3x {
+ font-size: 3em;
+}
+
+.fa-4x {
+ font-size: 4em;
+}
+
+.fa-5x {
+ font-size: 5em;
+}
+
+.fa-fw {
+ width: 1.28571em;
+ text-align: center;
+}
+
+.fa-ul {
+ padding-left: 0;
+ margin-left: 2.14286em;
+ list-style-type: none;
+}
+
+.fa-ul > li {
+ position: relative;
+}
+
+.fa-li {
+ position: absolute;
+ left: -2.14286em;
+ width: 2.14286em;
+ top: 0.14286em;
+ text-align: center;
+}
+
+.fa-li.fa-lg {
+ left: -1.85714em;
+}
+
+.fa-border {
+ padding: .2em .25em .15em;
+ border: solid 0.08em #eee;
+ border-radius: .1em;
+}
+
+.fa-pull-left {
+ float: left;
+}
+
+.fa-pull-right {
+ float: right;
+}
+
+.fa.fa-pull-left {
+ margin-right: .3em;
+}
+
+.fa.fa-pull-right {
+ margin-left: .3em;
+}
+
+/* Deprecated as of 4.4.0 */
+.pull-right {
+ float: right;
+}
+
+.pull-left {
+ float: left;
+}
+
+.fa.pull-left {
+ margin-right: .3em;
+}
+
+.fa.pull-right {
+ margin-left: .3em;
+}
+
+.fa-spin {
+ -webkit-animation: fa-spin 2s infinite linear;
+ animation: fa-spin 2s infinite linear;
+}
+
+.fa-pulse {
+ -webkit-animation: fa-spin 1s infinite steps(8);
+ animation: fa-spin 1s infinite steps(8);
+}
+
+@-webkit-keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+
+@keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+
+.fa-rotate-90 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+
+.fa-rotate-180 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+
+.fa-rotate-270 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg);
+}
+
+.fa-flip-horizontal {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+ -webkit-transform: scale(-1, 1);
+ transform: scale(-1, 1);
+}
+
+.fa-flip-vertical {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+ -webkit-transform: scale(1, -1);
+ transform: scale(1, -1);
+}
+
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+ -webkit-filter: none;
+ filter: none;
+}
+
+.fa-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle;
+}
+
+.fa-stack-1x, .fa-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center;
+}
+
+.fa-stack-1x {
+ line-height: inherit;
+}
+
+.fa-stack-2x {
+ font-size: 2em;
+}
+
+.fa-inverse {
+ color: #fff;
+}
+
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+ readers do not read off random characters that represent icons */
+.fa-glass:before {
+ content: "";
+}
+
+.fa-music:before {
+ content: "";
+}
+
+.fa-search:before {
+ content: "";
+}
+
+.fa-envelope-o:before {
+ content: "";
+}
+
+.fa-heart:before {
+ content: "";
+}
+
+.fa-star:before {
+ content: "";
+}
+
+.fa-star-o:before {
+ content: "";
+}
+
+.fa-user:before {
+ content: "";
+}
+
+.fa-film:before {
+ content: "";
+}
+
+.fa-th-large:before {
+ content: "";
+}
+
+.fa-th:before {
+ content: "";
+}
+
+.fa-th-list:before {
+ content: "";
+}
+
+.fa-check:before {
+ content: "";
+}
+
+.fa-remove:before,
+.fa-close:before,
+.fa-times:before {
+ content: "";
+}
+
+.fa-search-plus:before {
+ content: "";
+}
+
+.fa-search-minus:before {
+ content: "";
+}
+
+.fa-power-off:before {
+ content: "";
+}
+
+.fa-signal:before {
+ content: "";
+}
+
+.fa-gear:before,
+.fa-cog:before {
+ content: "";
+}
+
+.fa-trash-o:before {
+ content: "";
+}
+
+.fa-home:before {
+ content: "";
+}
+
+.fa-file-o:before {
+ content: "";
+}
+
+.fa-clock-o:before {
+ content: "";
+}
+
+.fa-road:before {
+ content: "";
+}
+
+.fa-download:before {
+ content: "";
+}
+
+.fa-arrow-circle-o-down:before {
+ content: "";
+}
+
+.fa-arrow-circle-o-up:before {
+ content: "";
+}
+
+.fa-inbox:before {
+ content: "";
+}
+
+.fa-play-circle-o:before {
+ content: "";
+}
+
+.fa-rotate-right:before,
+.fa-repeat:before {
+ content: "";
+}
+
+.fa-refresh:before {
+ content: "";
+}
+
+.fa-list-alt:before {
+ content: "";
+}
+
+.fa-lock:before {
+ content: "";
+}
+
+.fa-flag:before {
+ content: "";
+}
+
+.fa-headphones:before {
+ content: "";
+}
+
+.fa-volume-off:before {
+ content: "";
+}
+
+.fa-volume-down:before {
+ content: "";
+}
+
+.fa-volume-up:before {
+ content: "";
+}
+
+.fa-qrcode:before {
+ content: "";
+}
+
+.fa-barcode:before {
+ content: "";
+}
+
+.fa-tag:before {
+ content: "";
+}
+
+.fa-tags:before {
+ content: "";
+}
+
+.fa-book:before {
+ content: "";
+}
+
+.fa-bookmark:before {
+ content: "";
+}
+
+.fa-print:before {
+ content: "";
+}
+
+.fa-camera:before {
+ content: "";
+}
+
+.fa-font:before {
+ content: "";
+}
+
+.fa-bold:before {
+ content: "";
+}
+
+.fa-italic:before {
+ content: "";
+}
+
+.fa-text-height:before {
+ content: "";
+}
+
+.fa-text-width:before {
+ content: "";
+}
+
+.fa-align-left:before {
+ content: "";
+}
+
+.fa-align-center:before {
+ content: "";
+}
+
+.fa-align-right:before {
+ content: "";
+}
+
+.fa-align-justify:before {
+ content: "";
+}
+
+.fa-list:before {
+ content: "";
+}
+
+.fa-dedent:before,
+.fa-outdent:before {
+ content: "";
+}
+
+.fa-indent:before {
+ content: "";
+}
+
+.fa-video-camera:before {
+ content: "";
+}
+
+.fa-photo:before,
+.fa-image:before,
+.fa-picture-o:before {
+ content: "";
+}
+
+.fa-pencil:before {
+ content: "";
+}
+
+.fa-map-marker:before {
+ content: "";
+}
+
+.fa-adjust:before {
+ content: "";
+}
+
+.fa-tint:before {
+ content: "";
+}
+
+.fa-edit:before,
+.fa-pencil-square-o:before {
+ content: "";
+}
+
+.fa-share-square-o:before {
+ content: "";
+}
+
+.fa-check-square-o:before {
+ content: "";
+}
+
+.fa-arrows:before {
+ content: "";
+}
+
+.fa-step-backward:before {
+ content: "";
+}
+
+.fa-fast-backward:before {
+ content: "";
+}
+
+.fa-backward:before {
+ content: "";
+}
+
+.fa-play:before {
+ content: "";
+}
+
+.fa-pause:before {
+ content: "";
+}
+
+.fa-stop:before {
+ content: "";
+}
+
+.fa-forward:before {
+ content: "";
+}
+
+.fa-fast-forward:before {
+ content: "";
+}
+
+.fa-step-forward:before {
+ content: "";
+}
+
+.fa-eject:before {
+ content: "";
+}
+
+.fa-chevron-left:before {
+ content: "";
+}
+
+.fa-chevron-right:before {
+ content: "";
+}
+
+.fa-plus-circle:before {
+ content: "";
+}
+
+.fa-minus-circle:before {
+ content: "";
+}
+
+.fa-times-circle:before {
+ content: "";
+}
+
+.fa-check-circle:before {
+ content: "";
+}
+
+.fa-question-circle:before {
+ content: "";
+}
+
+.fa-info-circle:before {
+ content: "";
+}
+
+.fa-crosshairs:before {
+ content: "";
+}
+
+.fa-times-circle-o:before {
+ content: "";
+}
+
+.fa-check-circle-o:before {
+ content: "";
+}
+
+.fa-ban:before {
+ content: "";
+}
+
+.fa-arrow-left:before {
+ content: "";
+}
+
+.fa-arrow-right:before {
+ content: "";
+}
+
+.fa-arrow-up:before {
+ content: "";
+}
+
+.fa-arrow-down:before {
+ content: "";
+}
+
+.fa-mail-forward:before,
+.fa-share:before {
+ content: "";
+}
+
+.fa-expand:before {
+ content: "";
+}
+
+.fa-compress:before {
+ content: "";
+}
+
+.fa-plus:before {
+ content: "";
+}
+
+.fa-minus:before {
+ content: "";
+}
+
+.fa-asterisk:before {
+ content: "";
+}
+
+.fa-exclamation-circle:before {
+ content: "";
+}
+
+.fa-gift:before {
+ content: "";
+}
+
+.fa-leaf:before {
+ content: "";
+}
+
+.fa-fire:before {
+ content: "";
+}
+
+.fa-eye:before {
+ content: "";
+}
+
+.fa-eye-slash:before {
+ content: "";
+}
+
+.fa-warning:before,
+.fa-exclamation-triangle:before {
+ content: "";
+}
+
+.fa-plane:before {
+ content: "";
+}
+
+.fa-calendar:before {
+ content: "";
+}
+
+.fa-random:before {
+ content: "";
+}
+
+.fa-comment:before {
+ content: "";
+}
+
+.fa-magnet:before {
+ content: "";
+}
+
+.fa-chevron-up:before {
+ content: "";
+}
+
+.fa-chevron-down:before {
+ content: "";
+}
+
+.fa-retweet:before {
+ content: "";
+}
+
+.fa-shopping-cart:before {
+ content: "";
+}
+
+.fa-folder:before {
+ content: "";
+}
+
+.fa-folder-open:before {
+ content: "";
+}
+
+.fa-arrows-v:before {
+ content: "";
+}
+
+.fa-arrows-h:before {
+ content: "";
+}
+
+.fa-bar-chart-o:before,
+.fa-bar-chart:before {
+ content: "";
+}
+
+.fa-twitter-square:before {
+ content: "";
+}
+
+.fa-facebook-square:before {
+ content: "";
+}
+
+.fa-camera-retro:before {
+ content: "";
+}
+
+.fa-key:before {
+ content: "";
+}
+
+.fa-gears:before,
+.fa-cogs:before {
+ content: "";
+}
+
+.fa-comments:before {
+ content: "";
+}
+
+.fa-thumbs-o-up:before {
+ content: "";
+}
+
+.fa-thumbs-o-down:before {
+ content: "";
+}
+
+.fa-star-half:before {
+ content: "";
+}
+
+.fa-heart-o:before {
+ content: "";
+}
+
+.fa-sign-out:before {
+ content: "";
+}
+
+.fa-linkedin-square:before {
+ content: "";
+}
+
+.fa-thumb-tack:before {
+ content: "";
+}
+
+.fa-external-link:before {
+ content: "";
+}
+
+.fa-sign-in:before {
+ content: "";
+}
+
+.fa-trophy:before {
+ content: "";
+}
+
+.fa-github-square:before {
+ content: "";
+}
+
+.fa-upload:before {
+ content: "";
+}
+
+.fa-lemon-o:before {
+ content: "";
+}
+
+.fa-phone:before {
+ content: "";
+}
+
+.fa-square-o:before {
+ content: "";
+}
+
+.fa-bookmark-o:before {
+ content: "";
+}
+
+.fa-phone-square:before {
+ content: "";
+}
+
+.fa-twitter:before {
+ content: "";
+}
+
+.fa-facebook-f:before,
+.fa-facebook:before {
+ content: "";
+}
+
+.fa-github:before {
+ content: "";
+}
+
+.fa-unlock:before {
+ content: "";
+}
+
+.fa-credit-card:before {
+ content: "";
+}
+
+.fa-feed:before,
+.fa-rss:before {
+ content: "";
+}
+
+.fa-hdd-o:before {
+ content: "";
+}
+
+.fa-bullhorn:before {
+ content: "";
+}
+
+.fa-bell:before {
+ content: "";
+}
+
+.fa-certificate:before {
+ content: "";
+}
+
+.fa-hand-o-right:before {
+ content: "";
+}
+
+.fa-hand-o-left:before {
+ content: "";
+}
+
+.fa-hand-o-up:before {
+ content: "";
+}
+
+.fa-hand-o-down:before {
+ content: "";
+}
+
+.fa-arrow-circle-left:before {
+ content: "";
+}
+
+.fa-arrow-circle-right:before {
+ content: "";
+}
+
+.fa-arrow-circle-up:before {
+ content: "";
+}
+
+.fa-arrow-circle-down:before {
+ content: "";
+}
+
+.fa-globe:before {
+ content: "";
+}
+
+.fa-wrench:before {
+ content: "";
+}
+
+.fa-tasks:before {
+ content: "";
+}
+
+.fa-filter:before {
+ content: "";
+}
+
+.fa-briefcase:before {
+ content: "";
+}
+
+.fa-arrows-alt:before {
+ content: "";
+}
+
+.fa-group:before,
+.fa-users:before {
+ content: "";
+}
+
+.fa-chain:before,
+.fa-link:before {
+ content: "";
+}
+
+.fa-cloud:before {
+ content: "";
+}
+
+.fa-flask:before {
+ content: "";
+}
+
+.fa-cut:before,
+.fa-scissors:before {
+ content: "";
+}
+
+.fa-copy:before,
+.fa-files-o:before {
+ content: "";
+}
+
+.fa-paperclip:before {
+ content: "";
+}
+
+.fa-save:before,
+.fa-floppy-o:before {
+ content: "";
+}
+
+.fa-square:before {
+ content: "";
+}
+
+.fa-navicon:before,
+.fa-reorder:before,
+.fa-bars:before {
+ content: "";
+}
+
+.fa-list-ul:before {
+ content: "";
+}
+
+.fa-list-ol:before {
+ content: "";
+}
+
+.fa-strikethrough:before {
+ content: "";
+}
+
+.fa-underline:before {
+ content: "";
+}
+
+.fa-table:before {
+ content: "";
+}
+
+.fa-magic:before {
+ content: "";
+}
+
+.fa-truck:before {
+ content: "";
+}
+
+.fa-pinterest:before {
+ content: "";
+}
+
+.fa-pinterest-square:before {
+ content: "";
+}
+
+.fa-google-plus-square:before {
+ content: "";
+}
+
+.fa-google-plus:before {
+ content: "";
+}
+
+.fa-money:before {
+ content: "";
+}
+
+.fa-caret-down:before {
+ content: "";
+}
+
+.fa-caret-up:before {
+ content: "";
+}
+
+.fa-caret-left:before {
+ content: "";
+}
+
+.fa-caret-right:before {
+ content: "";
+}
+
+.fa-columns:before {
+ content: "";
+}
+
+.fa-unsorted:before,
+.fa-sort:before {
+ content: "";
+}
+
+.fa-sort-down:before,
+.fa-sort-desc:before {
+ content: "";
+}
+
+.fa-sort-up:before,
+.fa-sort-asc:before {
+ content: "";
+}
+
+.fa-envelope:before {
+ content: "";
+}
+
+.fa-linkedin:before {
+ content: "";
+}
+
+.fa-rotate-left:before,
+.fa-undo:before {
+ content: "";
+}
+
+.fa-legal:before,
+.fa-gavel:before {
+ content: "";
+}
+
+.fa-dashboard:before,
+.fa-tachometer:before {
+ content: "";
+}
+
+.fa-comment-o:before {
+ content: "";
+}
+
+.fa-comments-o:before {
+ content: "";
+}
+
+.fa-flash:before,
+.fa-bolt:before {
+ content: "";
+}
+
+.fa-sitemap:before {
+ content: "";
+}
+
+.fa-umbrella:before {
+ content: "";
+}
+
+.fa-paste:before,
+.fa-clipboard:before {
+ content: "";
+}
+
+.fa-lightbulb-o:before {
+ content: "";
+}
+
+.fa-exchange:before {
+ content: "";
+}
+
+.fa-cloud-download:before {
+ content: "";
+}
+
+.fa-cloud-upload:before {
+ content: "";
+}
+
+.fa-user-md:before {
+ content: "";
+}
+
+.fa-stethoscope:before {
+ content: "";
+}
+
+.fa-suitcase:before {
+ content: "";
+}
+
+.fa-bell-o:before {
+ content: "";
+}
+
+.fa-coffee:before {
+ content: "";
+}
+
+.fa-cutlery:before {
+ content: "";
+}
+
+.fa-file-text-o:before {
+ content: "";
+}
+
+.fa-building-o:before {
+ content: "";
+}
+
+.fa-hospital-o:before {
+ content: "";
+}
+
+.fa-ambulance:before {
+ content: "";
+}
+
+.fa-medkit:before {
+ content: "";
+}
+
+.fa-fighter-jet:before {
+ content: "";
+}
+
+.fa-beer:before {
+ content: "";
+}
+
+.fa-h-square:before {
+ content: "";
+}
+
+.fa-plus-square:before {
+ content: "";
+}
+
+.fa-angle-double-left:before {
+ content: "";
+}
+
+.fa-angle-double-right:before {
+ content: "";
+}
+
+.fa-angle-double-up:before {
+ content: "";
+}
+
+.fa-angle-double-down:before {
+ content: "";
+}
+
+.fa-angle-left:before {
+ content: "";
+}
+
+.fa-angle-right:before {
+ content: "";
+}
+
+.fa-angle-up:before {
+ content: "";
+}
+
+.fa-angle-down:before {
+ content: "";
+}
+
+.fa-desktop:before {
+ content: "";
+}
+
+.fa-laptop:before {
+ content: "";
+}
+
+.fa-tablet:before {
+ content: "";
+}
+
+.fa-mobile-phone:before,
+.fa-mobile:before {
+ content: "";
+}
+
+.fa-circle-o:before {
+ content: "";
+}
+
+.fa-quote-left:before {
+ content: "";
+}
+
+.fa-quote-right:before {
+ content: "";
+}
+
+.fa-spinner:before {
+ content: "";
+}
+
+.fa-circle:before {
+ content: "";
+}
+
+.fa-mail-reply:before,
+.fa-reply:before {
+ content: "";
+}
+
+.fa-github-alt:before {
+ content: "";
+}
+
+.fa-folder-o:before {
+ content: "";
+}
+
+.fa-folder-open-o:before {
+ content: "";
+}
+
+.fa-smile-o:before {
+ content: "";
+}
+
+.fa-frown-o:before {
+ content: "";
+}
+
+.fa-meh-o:before {
+ content: "";
+}
+
+.fa-gamepad:before {
+ content: "";
+}
+
+.fa-keyboard-o:before {
+ content: "";
+}
+
+.fa-flag-o:before {
+ content: "";
+}
+
+.fa-flag-checkered:before {
+ content: "";
+}
+
+.fa-terminal:before {
+ content: "";
+}
+
+.fa-code:before {
+ content: "";
+}
+
+.fa-mail-reply-all:before,
+.fa-reply-all:before {
+ content: "";
+}
+
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
+ content: "";
+}
+
+.fa-location-arrow:before {
+ content: "";
+}
+
+.fa-crop:before {
+ content: "";
+}
+
+.fa-code-fork:before {
+ content: "";
+}
+
+.fa-unlink:before,
+.fa-chain-broken:before {
+ content: "";
+}
+
+.fa-question:before {
+ content: "";
+}
+
+.fa-info:before {
+ content: "";
+}
+
+.fa-exclamation:before {
+ content: "";
+}
+
+.fa-superscript:before {
+ content: "";
+}
+
+.fa-subscript:before {
+ content: "";
+}
+
+.fa-eraser:before {
+ content: "";
+}
+
+.fa-puzzle-piece:before {
+ content: "";
+}
+
+.fa-microphone:before {
+ content: "";
+}
+
+.fa-microphone-slash:before {
+ content: "";
+}
+
+.fa-shield:before {
+ content: "";
+}
+
+.fa-calendar-o:before {
+ content: "";
+}
+
+.fa-fire-extinguisher:before {
+ content: "";
+}
+
+.fa-rocket:before {
+ content: "";
+}
+
+.fa-maxcdn:before {
+ content: "";
+}
+
+.fa-chevron-circle-left:before {
+ content: "";
+}
+
+.fa-chevron-circle-right:before {
+ content: "";
+}
+
+.fa-chevron-circle-up:before {
+ content: "";
+}
+
+.fa-chevron-circle-down:before {
+ content: "";
+}
+
+.fa-html5:before {
+ content: "";
+}
+
+.fa-css3:before {
+ content: "";
+}
+
+.fa-anchor:before {
+ content: "";
+}
+
+.fa-unlock-alt:before {
+ content: "";
+}
+
+.fa-bullseye:before {
+ content: "";
+}
+
+.fa-ellipsis-h:before {
+ content: "";
+}
+
+.fa-ellipsis-v:before {
+ content: "";
+}
+
+.fa-rss-square:before {
+ content: "";
+}
+
+.fa-play-circle:before {
+ content: "";
+}
+
+.fa-ticket:before {
+ content: "";
+}
+
+.fa-minus-square:before {
+ content: "";
+}
+
+.fa-minus-square-o:before {
+ content: "";
+}
+
+.fa-level-up:before {
+ content: "";
+}
+
+.fa-level-down:before {
+ content: "";
+}
+
+.fa-check-square:before {
+ content: "";
+}
+
+.fa-pencil-square:before {
+ content: "";
+}
+
+.fa-external-link-square:before {
+ content: "";
+}
+
+.fa-share-square:before {
+ content: "";
+}
+
+.fa-compass:before {
+ content: "";
+}
+
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
+ content: "";
+}
+
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
+ content: "";
+}
+
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
+ content: "";
+}
+
+.fa-euro:before,
+.fa-eur:before {
+ content: "";
+}
+
+.fa-gbp:before {
+ content: "";
+}
+
+.fa-dollar:before,
+.fa-usd:before {
+ content: "";
+}
+
+.fa-rupee:before,
+.fa-inr:before {
+ content: "";
+}
+
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
+ content: "";
+}
+
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
+ content: "";
+}
+
+.fa-won:before,
+.fa-krw:before {
+ content: "";
+}
+
+.fa-bitcoin:before,
+.fa-btc:before {
+ content: "";
+}
+
+.fa-file:before {
+ content: "";
+}
+
+.fa-file-text:before {
+ content: "";
+}
+
+.fa-sort-alpha-asc:before {
+ content: "";
+}
+
+.fa-sort-alpha-desc:before {
+ content: "";
+}
+
+.fa-sort-amount-asc:before {
+ content: "";
+}
+
+.fa-sort-amount-desc:before {
+ content: "";
+}
+
+.fa-sort-numeric-asc:before {
+ content: "";
+}
+
+.fa-sort-numeric-desc:before {
+ content: "";
+}
+
+.fa-thumbs-up:before {
+ content: "";
+}
+
+.fa-thumbs-down:before {
+ content: "";
+}
+
+.fa-youtube-square:before {
+ content: "";
+}
+
+.fa-youtube:before {
+ content: "";
+}
+
+.fa-xing:before {
+ content: "";
+}
+
+.fa-xing-square:before {
+ content: "";
+}
+
+.fa-youtube-play:before {
+ content: "";
+}
+
+.fa-dropbox:before {
+ content: "";
+}
+
+.fa-stack-overflow:before {
+ content: "";
+}
+
+.fa-instagram:before {
+ content: "";
+}
+
+.fa-flickr:before {
+ content: "";
+}
+
+.fa-adn:before {
+ content: "";
+}
+
+.fa-bitbucket:before {
+ content: "";
+}
+
+.fa-bitbucket-square:before {
+ content: "";
+}
+
+.fa-tumblr:before {
+ content: "";
+}
+
+.fa-tumblr-square:before {
+ content: "";
+}
+
+.fa-long-arrow-down:before {
+ content: "";
+}
+
+.fa-long-arrow-up:before {
+ content: "";
+}
+
+.fa-long-arrow-left:before {
+ content: "";
+}
+
+.fa-long-arrow-right:before {
+ content: "";
+}
+
+.fa-apple:before {
+ content: "";
+}
+
+.fa-windows:before {
+ content: "";
+}
+
+.fa-android:before {
+ content: "";
+}
+
+.fa-linux:before {
+ content: "";
+}
+
+.fa-dribbble:before {
+ content: "";
+}
+
+.fa-skype:before {
+ content: "";
+}
+
+.fa-foursquare:before {
+ content: "";
+}
+
+.fa-trello:before {
+ content: "";
+}
+
+.fa-female:before {
+ content: "";
+}
+
+.fa-male:before {
+ content: "";
+}
+
+.fa-gittip:before,
+.fa-gratipay:before {
+ content: "";
+}
+
+.fa-sun-o:before {
+ content: "";
+}
+
+.fa-moon-o:before {
+ content: "";
+}
+
+.fa-archive:before {
+ content: "";
+}
+
+.fa-bug:before {
+ content: "";
+}
+
+.fa-vk:before {
+ content: "";
+}
+
+.fa-weibo:before {
+ content: "";
+}
+
+.fa-renren:before {
+ content: "";
+}
+
+.fa-pagelines:before {
+ content: "";
+}
+
+.fa-stack-exchange:before {
+ content: "";
+}
+
+.fa-arrow-circle-o-right:before {
+ content: "";
+}
+
+.fa-arrow-circle-o-left:before {
+ content: "";
+}
+
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+ content: "";
+}
+
+.fa-dot-circle-o:before {
+ content: "";
+}
+
+.fa-wheelchair:before {
+ content: "";
+}
+
+.fa-vimeo-square:before {
+ content: "";
+}
+
+.fa-turkish-lira:before,
+.fa-try:before {
+ content: "";
+}
+
+.fa-plus-square-o:before {
+ content: "";
+}
+
+.fa-space-shuttle:before {
+ content: "";
+}
+
+.fa-slack:before {
+ content: "";
+}
+
+.fa-envelope-square:before {
+ content: "";
+}
+
+.fa-wordpress:before {
+ content: "";
+}
+
+.fa-openid:before {
+ content: "";
+}
+
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+ content: "";
+}
+
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+ content: "";
+}
+
+.fa-yahoo:before {
+ content: "";
+}
+
+.fa-google:before {
+ content: "";
+}
+
+.fa-reddit:before {
+ content: "";
+}
+
+.fa-reddit-square:before {
+ content: "";
+}
+
+.fa-stumbleupon-circle:before {
+ content: "";
+}
+
+.fa-stumbleupon:before {
+ content: "";
+}
+
+.fa-delicious:before {
+ content: "";
+}
+
+.fa-digg:before {
+ content: "";
+}
+
+.fa-pied-piper-pp:before {
+ content: "";
+}
+
+.fa-pied-piper-alt:before {
+ content: "";
+}
+
+.fa-drupal:before {
+ content: "";
+}
+
+.fa-joomla:before {
+ content: "";
+}
+
+.fa-language:before {
+ content: "";
+}
+
+.fa-fax:before {
+ content: "";
+}
+
+.fa-building:before {
+ content: "";
+}
+
+.fa-child:before {
+ content: "";
+}
+
+.fa-paw:before {
+ content: "";
+}
+
+.fa-spoon:before {
+ content: "";
+}
+
+.fa-cube:before {
+ content: "";
+}
+
+.fa-cubes:before {
+ content: "";
+}
+
+.fa-behance:before {
+ content: "";
+}
+
+.fa-behance-square:before {
+ content: "";
+}
+
+.fa-steam:before {
+ content: "";
+}
+
+.fa-steam-square:before {
+ content: "";
+}
+
+.fa-recycle:before {
+ content: "";
+}
+
+.fa-automobile:before,
+.fa-car:before {
+ content: "";
+}
+
+.fa-cab:before,
+.fa-taxi:before {
+ content: "";
+}
+
+.fa-tree:before {
+ content: "";
+}
+
+.fa-spotify:before {
+ content: "";
+}
+
+.fa-deviantart:before {
+ content: "";
+}
+
+.fa-soundcloud:before {
+ content: "";
+}
+
+.fa-database:before {
+ content: "";
+}
+
+.fa-file-pdf-o:before {
+ content: "";
+}
+
+.fa-file-word-o:before {
+ content: "";
+}
+
+.fa-file-excel-o:before {
+ content: "";
+}
+
+.fa-file-powerpoint-o:before {
+ content: "";
+}
+
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+ content: "";
+}
+
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+ content: "";
+}
+
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+ content: "";
+}
+
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+ content: "";
+}
+
+.fa-file-code-o:before {
+ content: "";
+}
+
+.fa-vine:before {
+ content: "";
+}
+
+.fa-codepen:before {
+ content: "";
+}
+
+.fa-jsfiddle:before {
+ content: "";
+}
+
+.fa-life-bouy:before,
+.fa-life-buoy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+ content: "";
+}
+
+.fa-circle-o-notch:before {
+ content: "";
+}
+
+.fa-ra:before,
+.fa-resistance:before,
+.fa-rebel:before {
+ content: "";
+}
+
+.fa-ge:before,
+.fa-empire:before {
+ content: "";
+}
+
+.fa-git-square:before {
+ content: "";
+}
+
+.fa-git:before {
+ content: "";
+}
+
+.fa-y-combinator-square:before,
+.fa-yc-square:before,
+.fa-hacker-news:before {
+ content: "";
+}
+
+.fa-tencent-weibo:before {
+ content: "";
+}
+
+.fa-qq:before {
+ content: "";
+}
+
+.fa-wechat:before,
+.fa-weixin:before {
+ content: "";
+}
+
+.fa-send:before,
+.fa-paper-plane:before {
+ content: "";
+}
+
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+ content: "";
+}
+
+.fa-history:before {
+ content: "";
+}
+
+.fa-circle-thin:before {
+ content: "";
+}
+
+.fa-header:before {
+ content: "";
+}
+
+.fa-paragraph:before {
+ content: "";
+}
+
+.fa-sliders:before {
+ content: "";
+}
+
+.fa-share-alt:before {
+ content: "";
+}
+
+.fa-share-alt-square:before {
+ content: "";
+}
+
+.fa-bomb:before {
+ content: "";
+}
+
+.fa-soccer-ball-o:before,
+.fa-futbol-o:before {
+ content: "";
+}
+
+.fa-tty:before {
+ content: "";
+}
+
+.fa-binoculars:before {
+ content: "";
+}
+
+.fa-plug:before {
+ content: "";
+}
+
+.fa-slideshare:before {
+ content: "";
+}
+
+.fa-twitch:before {
+ content: "";
+}
+
+.fa-yelp:before {
+ content: "";
+}
+
+.fa-newspaper-o:before {
+ content: "";
+}
+
+.fa-wifi:before {
+ content: "";
+}
+
+.fa-calculator:before {
+ content: "";
+}
+
+.fa-paypal:before {
+ content: "";
+}
+
+.fa-google-wallet:before {
+ content: "";
+}
+
+.fa-cc-visa:before {
+ content: "";
+}
+
+.fa-cc-mastercard:before {
+ content: "";
+}
+
+.fa-cc-discover:before {
+ content: "";
+}
+
+.fa-cc-amex:before {
+ content: "";
+}
+
+.fa-cc-paypal:before {
+ content: "";
+}
+
+.fa-cc-stripe:before {
+ content: "";
+}
+
+.fa-bell-slash:before {
+ content: "";
+}
+
+.fa-bell-slash-o:before {
+ content: "";
+}
+
+.fa-trash:before {
+ content: "";
+}
+
+.fa-copyright:before {
+ content: "";
+}
+
+.fa-at:before {
+ content: "";
+}
+
+.fa-eyedropper:before {
+ content: "";
+}
+
+.fa-paint-brush:before {
+ content: "";
+}
+
+.fa-birthday-cake:before {
+ content: "";
+}
+
+.fa-area-chart:before {
+ content: "";
+}
+
+.fa-pie-chart:before {
+ content: "";
+}
+
+.fa-line-chart:before {
+ content: "";
+}
+
+.fa-lastfm:before {
+ content: "";
+}
+
+.fa-lastfm-square:before {
+ content: "";
+}
+
+.fa-toggle-off:before {
+ content: "";
+}
+
+.fa-toggle-on:before {
+ content: "";
+}
+
+.fa-bicycle:before {
+ content: "";
+}
+
+.fa-bus:before {
+ content: "";
+}
+
+.fa-ioxhost:before {
+ content: "";
+}
+
+.fa-angellist:before {
+ content: "";
+}
+
+.fa-cc:before {
+ content: "";
+}
+
+.fa-shekel:before,
+.fa-sheqel:before,
+.fa-ils:before {
+ content: "";
+}
+
+.fa-meanpath:before {
+ content: "";
+}
+
+.fa-buysellads:before {
+ content: "";
+}
+
+.fa-connectdevelop:before {
+ content: "";
+}
+
+.fa-dashcube:before {
+ content: "";
+}
+
+.fa-forumbee:before {
+ content: "";
+}
+
+.fa-leanpub:before {
+ content: "";
+}
+
+.fa-sellsy:before {
+ content: "";
+}
+
+.fa-shirtsinbulk:before {
+ content: "";
+}
+
+.fa-simplybuilt:before {
+ content: "";
+}
+
+.fa-skyatlas:before {
+ content: "";
+}
+
+.fa-cart-plus:before {
+ content: "";
+}
+
+.fa-cart-arrow-down:before {
+ content: "";
+}
+
+.fa-diamond:before {
+ content: "";
+}
+
+.fa-ship:before {
+ content: "";
+}
+
+.fa-user-secret:before {
+ content: "";
+}
+
+.fa-motorcycle:before {
+ content: "";
+}
+
+.fa-street-view:before {
+ content: "";
+}
+
+.fa-heartbeat:before {
+ content: "";
+}
+
+.fa-venus:before {
+ content: "";
+}
+
+.fa-mars:before {
+ content: "";
+}
+
+.fa-mercury:before {
+ content: "";
+}
+
+.fa-intersex:before,
+.fa-transgender:before {
+ content: "";
+}
+
+.fa-transgender-alt:before {
+ content: "";
+}
+
+.fa-venus-double:before {
+ content: "";
+}
+
+.fa-mars-double:before {
+ content: "";
+}
+
+.fa-venus-mars:before {
+ content: "";
+}
+
+.fa-mars-stroke:before {
+ content: "";
+}
+
+.fa-mars-stroke-v:before {
+ content: "";
+}
+
+.fa-mars-stroke-h:before {
+ content: "";
+}
+
+.fa-neuter:before {
+ content: "";
+}
+
+.fa-genderless:before {
+ content: "";
+}
+
+.fa-facebook-official:before {
+ content: "";
+}
+
+.fa-pinterest-p:before {
+ content: "";
+}
+
+.fa-whatsapp:before {
+ content: "";
+}
+
+.fa-server:before {
+ content: "";
+}
+
+.fa-user-plus:before {
+ content: "";
+}
+
+.fa-user-times:before {
+ content: "";
+}
+
+.fa-hotel:before,
+.fa-bed:before {
+ content: "";
+}
+
+.fa-viacoin:before {
+ content: "";
+}
+
+.fa-train:before {
+ content: "";
+}
+
+.fa-subway:before {
+ content: "";
+}
+
+.fa-medium:before {
+ content: "";
+}
+
+.fa-yc:before,
+.fa-y-combinator:before {
+ content: "";
+}
+
+.fa-optin-monster:before {
+ content: "";
+}
+
+.fa-opencart:before {
+ content: "";
+}
+
+.fa-expeditedssl:before {
+ content: "";
+}
+
+.fa-battery-4:before,
+.fa-battery:before,
+.fa-battery-full:before {
+ content: "";
+}
+
+.fa-battery-3:before,
+.fa-battery-three-quarters:before {
+ content: "";
+}
+
+.fa-battery-2:before,
+.fa-battery-half:before {
+ content: "";
+}
+
+.fa-battery-1:before,
+.fa-battery-quarter:before {
+ content: "";
+}
+
+.fa-battery-0:before,
+.fa-battery-empty:before {
+ content: "";
+}
+
+.fa-mouse-pointer:before {
+ content: "";
+}
+
+.fa-i-cursor:before {
+ content: "";
+}
+
+.fa-object-group:before {
+ content: "";
+}
+
+.fa-object-ungroup:before {
+ content: "";
+}
+
+.fa-sticky-note:before {
+ content: "";
+}
+
+.fa-sticky-note-o:before {
+ content: "";
+}
+
+.fa-cc-jcb:before {
+ content: "";
+}
+
+.fa-cc-diners-club:before {
+ content: "";
+}
+
+.fa-clone:before {
+ content: "";
+}
+
+.fa-balance-scale:before {
+ content: "";
+}
+
+.fa-hourglass-o:before {
+ content: "";
+}
+
+.fa-hourglass-1:before,
+.fa-hourglass-start:before {
+ content: "";
+}
+
+.fa-hourglass-2:before,
+.fa-hourglass-half:before {
+ content: "";
+}
+
+.fa-hourglass-3:before,
+.fa-hourglass-end:before {
+ content: "";
+}
+
+.fa-hourglass:before {
+ content: "";
+}
+
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
+ content: "";
+}
+
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
+ content: "";
+}
+
+.fa-hand-scissors-o:before {
+ content: "";
+}
+
+.fa-hand-lizard-o:before {
+ content: "";
+}
+
+.fa-hand-spock-o:before {
+ content: "";
+}
+
+.fa-hand-pointer-o:before {
+ content: "";
+}
+
+.fa-hand-peace-o:before {
+ content: "";
+}
+
+.fa-trademark:before {
+ content: "";
+}
+
+.fa-registered:before {
+ content: "";
+}
+
+.fa-creative-commons:before {
+ content: "";
+}
+
+.fa-gg:before {
+ content: "";
+}
+
+.fa-gg-circle:before {
+ content: "";
+}
+
+.fa-tripadvisor:before {
+ content: "";
+}
+
+.fa-odnoklassniki:before {
+ content: "";
+}
+
+.fa-odnoklassniki-square:before {
+ content: "";
+}
+
+.fa-get-pocket:before {
+ content: "";
+}
+
+.fa-wikipedia-w:before {
+ content: "";
+}
+
+.fa-safari:before {
+ content: "";
+}
+
+.fa-chrome:before {
+ content: "";
+}
+
+.fa-firefox:before {
+ content: "";
+}
+
+.fa-opera:before {
+ content: "";
+}
+
+.fa-internet-explorer:before {
+ content: "";
+}
+
+.fa-tv:before,
+.fa-television:before {
+ content: "";
+}
+
+.fa-contao:before {
+ content: "";
+}
+
+.fa-500px:before {
+ content: "";
+}
+
+.fa-amazon:before {
+ content: "";
+}
+
+.fa-calendar-plus-o:before {
+ content: "";
+}
+
+.fa-calendar-minus-o:before {
+ content: "";
+}
+
+.fa-calendar-times-o:before {
+ content: "";
+}
+
+.fa-calendar-check-o:before {
+ content: "";
+}
+
+.fa-industry:before {
+ content: "";
+}
+
+.fa-map-pin:before {
+ content: "";
+}
+
+.fa-map-signs:before {
+ content: "";
+}
+
+.fa-map-o:before {
+ content: "";
+}
+
+.fa-map:before {
+ content: "";
+}
+
+.fa-commenting:before {
+ content: "";
+}
+
+.fa-commenting-o:before {
+ content: "";
+}
+
+.fa-houzz:before {
+ content: "";
+}
+
+.fa-vimeo:before {
+ content: "";
+}
+
+.fa-black-tie:before {
+ content: "";
+}
+
+.fa-fonticons:before {
+ content: "";
+}
+
+.fa-reddit-alien:before {
+ content: "";
+}
+
+.fa-edge:before {
+ content: "";
+}
+
+.fa-credit-card-alt:before {
+ content: "";
+}
+
+.fa-codiepie:before {
+ content: "";
+}
+
+.fa-modx:before {
+ content: "";
+}
+
+.fa-fort-awesome:before {
+ content: "";
+}
+
+.fa-usb:before {
+ content: "";
+}
+
+.fa-product-hunt:before {
+ content: "";
+}
+
+.fa-mixcloud:before {
+ content: "";
+}
+
+.fa-scribd:before {
+ content: "";
+}
+
+.fa-pause-circle:before {
+ content: "";
+}
+
+.fa-pause-circle-o:before {
+ content: "";
+}
+
+.fa-stop-circle:before {
+ content: "";
+}
+
+.fa-stop-circle-o:before {
+ content: "";
+}
+
+.fa-shopping-bag:before {
+ content: "";
+}
+
+.fa-shopping-basket:before {
+ content: "";
+}
+
+.fa-hashtag:before {
+ content: "";
+}
+
+.fa-bluetooth:before {
+ content: "";
+}
+
+.fa-bluetooth-b:before {
+ content: "";
+}
+
+.fa-percent:before {
+ content: "";
+}
+
+.fa-gitlab:before {
+ content: "";
+}
+
+.fa-wpbeginner:before {
+ content: "";
+}
+
+.fa-wpforms:before {
+ content: "";
+}
+
+.fa-envira:before {
+ content: "";
+}
+
+.fa-universal-access:before {
+ content: "";
+}
+
+.fa-wheelchair-alt:before {
+ content: "";
+}
+
+.fa-question-circle-o:before {
+ content: "";
+}
+
+.fa-blind:before {
+ content: "";
+}
+
+.fa-audio-description:before {
+ content: "";
+}
+
+.fa-volume-control-phone:before {
+ content: "";
+}
+
+.fa-braille:before {
+ content: "";
+}
+
+.fa-assistive-listening-systems:before {
+ content: "";
+}
+
+.fa-asl-interpreting:before,
+.fa-american-sign-language-interpreting:before {
+ content: "";
+}
+
+.fa-deafness:before,
+.fa-hard-of-hearing:before,
+.fa-deaf:before {
+ content: "";
+}
+
+.fa-glide:before {
+ content: "";
+}
+
+.fa-glide-g:before {
+ content: "";
+}
+
+.fa-signing:before,
+.fa-sign-language:before {
+ content: "";
+}
+
+.fa-low-vision:before {
+ content: "";
+}
+
+.fa-viadeo:before {
+ content: "";
+}
+
+.fa-viadeo-square:before {
+ content: "";
+}
+
+.fa-snapchat:before {
+ content: "";
+}
+
+.fa-snapchat-ghost:before {
+ content: "";
+}
+
+.fa-snapchat-square:before {
+ content: "";
+}
+
+.fa-pied-piper:before {
+ content: "";
+}
+
+.fa-first-order:before {
+ content: "";
+}
+
+.fa-yoast:before {
+ content: "";
+}
+
+.fa-themeisle:before {
+ content: "";
+}
+
+.fa-google-plus-circle:before,
+.fa-google-plus-official:before {
+ content: "";
+}
+
+.fa-fa:before,
+.fa-font-awesome:before {
+ content: "";
+}
+
+.fa-handshake-o:before {
+ content: "";
+}
+
+.fa-envelope-open:before {
+ content: "";
+}
+
+.fa-envelope-open-o:before {
+ content: "";
+}
+
+.fa-linode:before {
+ content: "";
+}
+
+.fa-address-book:before {
+ content: "";
+}
+
+.fa-address-book-o:before {
+ content: "";
+}
+
+.fa-vcard:before,
+.fa-address-card:before {
+ content: "";
+}
+
+.fa-vcard-o:before,
+.fa-address-card-o:before {
+ content: "";
+}
+
+.fa-user-circle:before {
+ content: "";
+}
+
+.fa-user-circle-o:before {
+ content: "";
+}
+
+.fa-user-o:before {
+ content: "";
+}
+
+.fa-id-badge:before {
+ content: "";
+}
+
+.fa-drivers-license:before,
+.fa-id-card:before {
+ content: "";
+}
+
+.fa-drivers-license-o:before,
+.fa-id-card-o:before {
+ content: "";
+}
+
+.fa-quora:before {
+ content: "";
+}
+
+.fa-free-code-camp:before {
+ content: "";
+}
+
+.fa-telegram:before {
+ content: "";
+}
+
+.fa-thermometer-4:before,
+.fa-thermometer:before,
+.fa-thermometer-full:before {
+ content: "";
+}
+
+.fa-thermometer-3:before,
+.fa-thermometer-three-quarters:before {
+ content: "";
+}
+
+.fa-thermometer-2:before,
+.fa-thermometer-half:before {
+ content: "";
+}
+
+.fa-thermometer-1:before,
+.fa-thermometer-quarter:before {
+ content: "";
+}
+
+.fa-thermometer-0:before,
+.fa-thermometer-empty:before {
+ content: "";
+}
+
+.fa-shower:before {
+ content: "";
+}
+
+.fa-bathtub:before,
+.fa-s15:before,
+.fa-bath:before {
+ content: "";
+}
+
+.fa-podcast:before {
+ content: "";
+}
+
+.fa-window-maximize:before {
+ content: "";
+}
+
+.fa-window-minimize:before {
+ content: "";
+}
+
+.fa-window-restore:before {
+ content: "";
+}
+
+.fa-times-rectangle:before,
+.fa-window-close:before {
+ content: "";
+}
+
+.fa-times-rectangle-o:before,
+.fa-window-close-o:before {
+ content: "";
+}
+
+.fa-bandcamp:before {
+ content: "";
+}
+
+.fa-grav:before {
+ content: "";
+}
+
+.fa-etsy:before {
+ content: "";
+}
+
+.fa-imdb:before {
+ content: "";
+}
+
+.fa-ravelry:before {
+ content: "";
+}
+
+.fa-eercast:before {
+ content: "";
+}
+
+.fa-microchip:before {
+ content: "";
+}
+
+.fa-snowflake-o:before {
+ content: "";
+}
+
+.fa-superpowers:before {
+ content: "";
+}
+
+.fa-wpexplorer:before {
+ content: "";
+}
+
+.fa-meetup:before {
+ content: "";
+}
+
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
+}
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+}
+
+/* les polices à charger en @font-face */
+@font-face {
+ font-family: 'Lato';
+ src: url("../fonts/lato_regular.woff2?#iefix") format("woff2");
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Bitter';
+ src: url("../fonts/bitter.woff2?#iefix") format("woff2");
+ font-weight: normal;
+ font-style: normal;
+}
+
+/*
+@font-face {
+ font-family: 'luxi_sansregular';
+ src: url("../fonts/luxisr-webfont.woff?#iefix") format("woff");
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Oswald';
+ src: url('../fonts/oswald_regular.woff2?#iefix') format('woff2');
+ font-weight: normal;
+ font-style: normal;
+}
+*/
+/* __------__ CSS en commun (starter) __------__ */
+/* --- Barre Nav --- */
+/* Definition des containers pour Knacss */
+.inner-fluid {
+ margin: 2rem 2rem 0;
+}
+
+.inner {
+ max-width: 1200px;
+ margin: 0 auto;
+}
+
+/* Menu SPIP */
+/* cette variable permet de dire a quel breakpoint le burger est affiché ou caché */
+#barnav li {
+ list-style-type: none;
+}
+
+#barnav a, #barnav a:focus, #barnav a:hover, #barnav a:active {
+ text-decoration: none;
+ display: block;
+}
+
+.on.active {
+ background-color: #000;
+}
+
+.on.active > a {
+ color: #fff;
+ padding: 0 1rem;
+}
+
+img.spip_logo {
+ vertical-align: bottom;
+ margin: 0 2rem .5rem 0;
+ height: 40px;
+ width: auto;
+}
+
+/* hamburger: Version mobile et tablette */
+/* @media (max-width: ($burger - 1)) { */
+@media (max-width: 991px) {
+ button.burgermenu {
+ position: absolute;
+ top: 30px;
+ right: 15px;
+ }
+ .is-opened .js-sous-menu {
+ display: block;
+ }
+ #barnav {
+ width: 100%;
+ }
+ #barnav li.menu-entree a {
+ padding: 10px;
+ }
+ nav > ul {
+ width: 100%;
+ position: absolute;
+ right: -74px;
+ top: 64px;
+ }
+ /* habillage du bloc du menu à afficher sous-menu */
+ ul.js-sous-menu {
+ display: none;
+ width: 100%;
+ padding: 10px;
+ background-color: #fff;
+ z-index: 5000;
+ right: 0;
+ }
+ ul.js-sous-menu a {
+ font-size: 2rem;
+ font-weight: 500;
+ font-family: sans-serif;
+ }
+}
+
+@media (max-width: 991px) and (min-width: 576px) {
+ ul.js-sous-menu a {
+ font-size: 2.4rem;
+ }
+}
+
+@media (max-width: 991px) {
+ li.menu-entree {
+ margin: 7px 0 5px 0;
+ text-align: left;
+ background-color: #cecece;
+ }
+ li.menu-entree i {
+ display: none;
+ }
+ .contact_header {
+ display: none;
+ }
+}
+
+/* barrenav: Menu desktop */
+/*@media (min-width: $burger) { */
+@media (min-width: 992px) {
+ .contact_barrenav {
+ display: none;
+ }
+ .contact_header {
+ display: block;
+ }
+ button.burgermenu {
+ display: none;
+ }
+ ul.js-sous-menu {
+ opacity: 0.6;
+ display: -webkit-box;
+ display: flex;
+ justify-content: space-around;
+ width: 100%;
+ padding: 0;
+ }
+ ul.js-sous-menu > li.menu-entree {
+ position: relative;
+ list-style-type: none;
+ }
+ ul.js-sous-menu > li.menu-entree > ul.menu-liste {
+ left: -193px;
+ padding: 10px 0 10px 185px;
+ position: absolute;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ flex-direction: column;
+ width: 932px;
+ z-index: 599;
+ }
+ ul.js-sous-menu a {
+ font-size: 2rem;
+ font-weight: 500;
+ font-family: sans-serif;
+ }
+}
+
+@media (min-width: 992px) and (min-width: 576px) {
+ ul.js-sous-menu a {
+ font-size: 2.4rem;
+ }
+}
+
+@media (min-width: 992px) {
+ ul.js-sous-menu i {
+ padding: 10px;
+ }
+}
+
+/* taille des caractères de la barre-nav pour passer en 5 items sur une largeur */
+@media (min-width: 992px) {
+ ul.js-sous-menu a {
+ font-size: 2rem;
+ }
+}
+
+@media (min-width: 1200px) {
+ ul.js-sous-menu a {
+ font-size: 2.4rem;
+ }
+}
+
+/* navbar fixed lors du scroll de la page => recup gocryo, à adapter si besoin */
+#header.navbar-fixed-top {
+ position: fixed;
+ z-index: 1001;
+ width: 100%;
+ background-color: #fff;
+ /* img.spip_logo {
+ margin-top: 1rem;
+ }*/
+}
+
+#barnav .fixed-top {
+ position: fixed;
+ z-index: 1001;
+}
+
+/* ------------------------------------------
+/* Habillage des formulaires SPIP
+/* ------------------------------------------ */
+input, textarea, select {
+ -ms-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.bugajaxie {
+ display: none;
+}
+
+/* Bug IE/Win */
+/* Structure generale des formulaires
+----------------------------------------------- */
+.formulaire_spip {
+ clear: both;
+ margin-bottom: 1.5em;
+ padding: 0.75em;
+ text-align: left;
+}
+
+/* Fieldset */
+.formulaire_spip fieldset {
+ clear: both;
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+
+.formulaire_spip fieldset legend {
+ margin: 0;
+ padding: 0;
+ font-size: 1.25em;
+ font-weight: bold;
+ background-color: #FCFCFC;
+ color: #333;
+}
+
+/* Preciser la couleur des legend et du fond pour IE/Win */
+.formulaire_spip fieldset fieldset {
+ margin-top: 1.5em;
+}
+
+.formulaire_spip fieldset fieldset legend {
+ font-size: 1em;
+ font-weight: normal;
+}
+
+/* Explications */
+.formulaire_spip .explication {
+ color: #444;
+ margin-bottom: 0;
+ padding: 0.75em 0;
+}
+
+/* Lignes */
+.formulaire_spip .editer {
+ clear: both;
+ margin: 0 -0.75em;
+ padding: 0.75em;
+}
+
+/* Labels */
+.formulaire_spip .editer > label {
+ display: block;
+ text-align: left;
+ color: #444;
+ font-weight: bold;
+}
+
+.formulaire_spip .choix label {
+ display: inline;
+ font-weight: normal;
+}
+
+.formulaire_spip .choix input.radio,
+.formulaire_spip input.text {
+ width: 100%;
+}
+
+.formulaire_spip textarea {
+ width: 100%;
+}
+
+.formulaire_spip select {
+ width: 100%;
+}
+
+/* Boutons */
+.formulaire_spip .boutons {
+ clear: both;
+ margin: 0;
+ padding: 0;
+ text-align: right;
+ margin-top: 1.5em;
+}
+
+.formulaire_spip .boutons input {
+ margin-left: 1em;
+}
+
+@media print {
+ .formulaire_spip {
+ display: none;
+ }
+}
+
+/* Reponses, previsu et erreurs
+----------------------------------------------- */
+/* Champs obligatoires */
+.formulaire_spip li.obligatoire label {
+ font-weight: strong;
+}
+
+/* Reponses */
+.reponse_formulaire {
+ margin-bottom: 1.5em;
+ padding: 0.75em;
+ border: 2px solid #ddd;
+}
+
+.reponse_formulaire_ok {
+ background: #e6efc2;
+ color: #264409;
+ border-color: #c6d880;
+}
+
+.reponse_formulaire_erreur {
+ background: #fbe3e4;
+ color: #8a1f11;
+ border-color: #fbc2c4;
+}
+
+.reponse_formulaire_ok a {
+ color: #264409;
+}
+
+.reponse_formulaire_erreur a {
+ color: #8a1f11;
+}
+
+/* Previsualisation du message */
+fieldset.previsu {
+ margin-bottom: 1.5em;
+ padding: 0.75em;
+ border: 2px dashed #F57900;
+}
+
+fieldset.previsu legend {
+ color: #F57900;
+}
+
+fieldset.previsu legend {
+ padding-left: 0.50em;
+ font-weight: bold;
+ color: #F57900;
+}
+
+/* Reponse du formulaire */
+fieldset.previsu .reponse_formulaire {
+ font-weight: bold;
+ color: #e86519;
+}
+
+fieldset.reponse_formulaire {
+ border-color: #e86519;
+ font-weight: normal;
+}
+
+/* * Erreurs */
+.editer.erreur {
+ background-color: #fbe3e4;
+}
+
+.editer .erreur_message {
+ display: block;
+ color: #C30;
+ font-weight: bold;
+}
+
+/* Variantes et cas particuliers
+----------------------------------------------- */
+/* Selection des langues */
+.formulaire_menu_lang {
+ margin: 0;
+ padding: 0;
+ background: none;
+ border: 0;
+}
+
+.formulaire_menu_lang select {
+ width: 15em;
+}
+
+.page_login .content .formulaire_menu_lang {
+ margin-bottom: 1.5em;
+}
+
+/* Formulaires de recherche (site / petitions) */
+.formulaire_recherche {
+ padding: 0;
+ background: none;
+ border: 0;
+}
+
+.formulaire_recherche * {
+ display: inline;
+ vertical-align: middle;
+}
+
+.formulaire_recherche label {
+ display: block;
+}
+
+.formulaire_recherche input.text {
+ width: 10em;
+ padding-left: 25px;
+ background: #FFF url(img/rechercher.gif) no-repeat left center;
+}
+
+/* Choix des mots-clefs */
+.choix_mots li {
+ float: left;
+ width: 30%;
+ padding: 1%;
+}
+
+/* Formulaire de login dans une page */
+.formulaire_login .editer {
+ clear: left;
+}
+
+/*.formulaire_login input.text,.formulaire_login input.password {width:15em;}*/
+.formulaire_login .editer_password .details {
+ margin-bottom: 0;
+}
+
+.formulaire_login #spip_logo_auteur {
+ float: right;
+}
+
+/* tous les éléments CSS spécifiques du squelettes Champslibres */
+/* utilitaires */
+.hidden, .hide, .invisible {
+ display: none;
+}
+
+.cursor {
+ cursor: pointer;
+}
+
+.row_odd {
+ background-color: #ced4da;
+}
+
+/* polices */
+* {
+ font-family: Lato, sans-serif;
+}
+
+i.fas {
+ font-family: fontawesome;
+ font-style: normal;
+ font-weight: 400;
+}
+
+h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend,
+.h1-like, .h2-like, .h3-like, .h4-like {
+ font-family: Bitter, sans-serif;
+}
+
+/* liens */
+a, a:hover {
+ text-decoration: none;
+}
+
+a:hover {
+ background-color: #e8e8e8;
+}
+
+#content h1, #content h2, #content h3 {
+ text-align: center;
+}
+
+@media (min-width: 992px) {
+ #content h1, #content h2, #content h3 {
+ text-align: initial;
+ }
+}
+
+.container {
+ display: -webkit-box;
+ display: flex;
+ flex-wrap: wrap;
+ -webkit-box-pack: justify;
+ justify-content: space-between;
+}
+
+.container fieldset {
+ clear: none;
+ margin-bottom: 2rem;
+ border: solid 1px #BBB;
+ padding: 1.5rem;
+ background-color: #FCFCFC;
+}
+
+.container fieldset > div {
+ margin-bottom: 1.2rem;
+}
+
+.container > div {
+ width: 100%;
+}
+
+.parent_prev_next {
+ display: -webkit-box;
+ display: flex;
+ margin-bottom: 1.5rem;
+}
+
+.parent_prev_next .fleche {
+ display: -webkit-box;
+ display: flex;
+ -webkit-box-align: center;
+ align-items: center;
+}
+
+.parent_prev_next .fleche.gauche {
+ padding-right: 1rem;
+}
+
+.parent_prev_next .fleche.droite {
+ padding-left: 1rem;
+}
+
+.parent_prev_next div.ajaxbloc {
+ width: 100%;
+}
+
+.parent_prev_next h1 {
+ margin: 0;
+}
+
+.encadre {
+ padding: 1rem;
+ border: solid 1px #BBB;
+}
+
+/**********************************************************************/
+/************************* HEADER ******************************/
+/**********************************************************************/
+#header .fas {
+ font-size: 3.1rem;
+ cursor: pointer;
+}
+
+#header .fa-times {
+ color: red;
+}
+
+#header .btn_hamburger {
+ -webkit-box-align: end;
+ align-items: end;
+}
+
+#header .hamburger {
+ margin-left: auto;
+ margin-top: auto;
+}
+
+#header .tt_plier {
+ margin-top: auto;
+ padding: 1rem;
+}
+
+#header .fas.plier {
+ cursor: pointer;
+ font-size: 1.2em;
+ padding-right: 1.5rem;
+ opacity: .5;
+}
+
+#header .btn_tags, #header .btn_mcs {
+ margin-top: auto;
+}
+
+header {
+ padding: 1.5rem 0 0 0;
+ -webkit-box-align: center;
+ align-items: center;
+ justify-content: space-around;
+ border-bottom: solid 3px;
+ align-items: center;
+}
+
+header h1 {
+ margin: 0;
+}
+
+#header-droite {
+ -webkit-box-flex: 1;
+ flex-grow: 1;
+}
+
+#sous-titre_site {
+ display: none;
+}
+
+@media (min-width: 992px) {
+ #sous-titre_site {
+ display: block;
+ }
+}
+
+#btn_mc_tags {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ flex-direction: row;
+ display: -webkit-box;
+ display: flex;
+ margin-left: auto;
+}
+
+#btn_mc_tags > div {
+ padding-left: 3rem;
+}
+
+/* MENU PRINCIPAL */
+.burgermenu.nav-button {
+ height: 1.9rem;
+}
+
+.burgermenu.nav-button i {
+ height: 2.2rem;
+}
+
+@media (min-width: 768px) {
+ .burgermenu.nav-button {
+ height: 3.6rem;
+ top: 50px;
+ padding-right: 1rem;
+ }
+ .burgermenu.nav-button i {
+ width: 3.6rem;
+ height: 2.6rem;
+ }
+}
+
+#barnav {
+ padding: 2rem 0 0 0;
+ margin-top: -1rem;
+}
+
+#barnav ul.js-sous-menu {
+ top: 50px;
+ padding: 0 10px;
+ -webkit-box-pack: justify;
+ justify-content: space-between;
+}
+
+@media (min-width: 768px) {
+ #barnav ul.js-sous-menu {
+ top: 110px;
+ }
+}
+
+#barnav ul.js-sous-menu a {
+ font-size: 1.9rem;
+}
+
+/* BREADCRUMB */
+.breadcrumb {
+ margin-bottom: 1rem;
+}
+
+.breadcrumb ul {
+ list-style: none;
+ padding-left: 0;
+}
+
+.breadcrumb li {
+ display: inline;
+ opacity: 0.6;
+}
+
+@media (min-width: 768px) {
+ .breadcrumb {
+ margin-bottom: 2rem;
+ }
+}
+
+@media (min-width: 768px) {
+ img.spip_logo {
+ vertical-align: bottom;
+ margin: 0 2rem .5rem 0;
+ height: 100px;
+ }
+}
+
+.contact_header {
+ align-self: end;
+ margin-bottom: 9px;
+}
+
+/* menu des mots-clés */
+nav.navbar, nav.tagbar, nav.mcbar {
+ float: right;
+}
+
+nav.navbar .pardessus, nav.tagbar .pardessus, nav.mcbar .pardessus {
+ position: absolute;
+ z-index: 99;
+ width: 100%;
+}
+
+nav.navbar .groupe_mots, nav.navbar .articles, nav.tagbar .groupe_mots, nav.tagbar .articles, nav.mcbar .groupe_mots, nav.mcbar .articles {
+ background-color: #e7e9ed;
+ display: block;
+ border-top: .2rem solid #FFF;
+}
+
+nav.navbar .nom_groupe, nav.tagbar .nom_groupe, nav.mcbar .nom_groupe {
+ padding: 1rem 1.5rem;
+ cursor: pointer;
+ font-size: 1.2em;
+ display: block;
+}
+
+nav.navbar .nom_groupe:hover, nav.navbar .nuage a:hover, nav.tagbar .nom_groupe:hover, nav.tagbar .nuage a:hover, nav.mcbar .nom_groupe:hover, nav.mcbar .nuage a:hover {
+ background-color: #ced4da;
+}
+
+nav.navbar .deplier_groupe_mots, nav.navbar .un_mot, nav.tagbar .deplier_groupe_mots, nav.tagbar .un_mot, nav.mcbar .deplier_groupe_mots, nav.mcbar .un_mot {
+ display: block;
+ width: 100%;
+ text-align: left;
+}
+
+nav.navbar ul.mots_groupe, nav.tagbar ul.mots_groupe, nav.mcbar ul.mots_groupe {
+ margin-bottom: 0;
+ padding-left: 0;
+}
+
+nav.navbar .mots_groupe li, nav.tagbar .mots_groupe li, nav.mcbar .mots_groupe li {
+ background-color: #dee2e6;
+ display: block;
+ list-style: none;
+ border-top: 0.1rem solid #f8f9fa;
+ padding-left: 4rem;
+}
+
+nav.navbar .mots_groupe li:hover, nav.tagbar .mots_groupe li:hover, nav.mcbar .mots_groupe li:hover {
+ background-color: #acb3c2;
+}
+
+nav.navbar .nuage a, nav.tagbar .nuage a, nav.mcbar .nuage a {
+ margin-right: 1rem;
+}
+
+nav.navbar, nav.tagbar, nav.mcbar {
+ width: 100%;
+ position: relative;
+}
+
+nav.navbar.is-opened, nav.mcbar.is-opened, nav.tagbar.is-opened {
+ margin-top: -2rem;
+ /*transform: translate(0,0);
+ transition: 0.3s transform;*/
+}
+
+nav.tagbar .nuage {
+ padding: .5rem;
+}
+
+.zone_tags {
+ margin-bottom: 2rem;
+}
+
+@media (min-width: 768px) {
+ nav.navbar, nav.tagbar, nav.mcbar {
+ width: 50%;
+ }
+}
+
+@media (min-width: 992px) {
+ nav.navbar, nav.tagbar, nav.mcbar {
+ width: 35%;
+ }
+}
+
+/**********************************************************************/
+/**************************** PAGE ACCUEIL ****************************/
+/**********************************************************************/
+.la_une {
+ padding: 1rem;
+ display: -webkit-box;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ flex-direction: column;
+}
+
+.la_une .video_une {
+ margin-bottom: 3rem;
+ width: 100%;
+ padding: 0;
+}
+
+.la_une .video_une h3 a {
+ display: block;
+ padding-left: 2rem;
+}
+
+.la_une .aside_une {
+ width: 100%;
+ padding: 0 0.5rem 1rem;
+}
+
+.la_une .aside_une p {
+ text-align: justify;
+}
+
+@media (min-width: 768px) {
+ .la_une .aside_une {
+ padding: 0 2rem 1rem;
+ }
+}
+
+@media (min-width: 1200px) {
+ .la_une {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ flex-direction: row;
+ }
+ .la_une .video_une {
+ width: 855px;
+ }
+ .la_une .aside_une {
+ width: calc(100% - 860px);
+ }
+}
+
+#actualites {
+ -webkit-box-flex: 1;
+ flex-grow: 1;
+ margin-left: 2rem;
+}
+
+/* ne pas afficher le slider en mode téléphone
+.page_sommaire .video_une {
+ display: none;
+ @include respond-to("large-up") {
+ display: block;
+ }
+}
+*/
+.btn_une, .une_OK {
+ display: none;
+}
+
+@media (min-width: 768px) {
+ .btn_une, .une_OK {
+ display: block;
+ }
+}
+
+.container_carte {
+ margin: 0 2rem;
+}
+
+@media (min-width: 1200px) {
+ .container_carte {
+ margin: 0;
+ }
+}
+
+.coordonnees_gps {
+ font-size: 85%;
+}
+
+@media (min-width: 480px) {
+ .coordonnees_gps {
+ font-size: 100%;
+ }
+}
+
+/* le bronx pour les étiquettes en surimpression sur les photos de biens (blocs/articles) */
+.container_slider {
+ display: -webkit-box;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: reverse;
+ flex-direction: row-reverse;
+}
+
+.container_etiquette {
+ position: absolute;
+}
+
+/* affichage article */
+.surimpression {
+ font-size: 3rem;
+ font-style: oblique;
+ color: #FFF;
+ background-color: #F00;
+ position: relative;
+ z-index: 1000;
+ /* transform: rotate(-45deg); */
+ margin: 0;
+ padding-right: .4rem;
+}
+
+@media (min-width: 480px) {
+ .surimpression {
+ margin: 0;
+ }
+}
+
+@media (min-width: 768px) {
+ .surimpression {
+ font-size: 4rem;
+ margin: 0;
+ padding: 0 1rem 0 .4rem;
+ }
+}
+
+.petit .surimpression {
+ font-size: 1.7rem;
+}
+
+@media (min-width: 480px) {
+ .petit .surimpression {
+ font-size: 2rem;
+ }
+}
+
+@media (min-width: 768px) {
+ .petit .surimpression {
+ font-size: 3rem;
+ }
+}
+
+/* affichage bloc */
+.une_video .surimpression {
+ font-size: 2.5rem;
+}
+
+.une_video .petit .surimpression {
+ font-size: 1.5rem;
+ padding: .5rem .8rem .5rem .4rem;
+}
+
+@media (min-width: 480px) {
+ .une_video .petit .surimpression {
+ font-size: 1.7rem;
+ }
+}
+
+@media (min-width: 992px) {
+ .une_video .petit .surimpression {
+ font-size: 1.9rem;
+ }
+}
+
+/* étiquette verte */
+.green .surimpression, .vert .surimpression {
+ background-color: #5CB85C;
+}
+
+/* page sommaire */
+.titre_sommaire {
+ margin-bottom: 1.5rem;
+}
+
+/* le binz pour avoir les blocs de types de biens avant la présentation en mode tel */
+.page_sommaire .content {
+ display: -webkit-box;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ flex-direction: column;
+}
+
+.page_sommaire .content .titre_sommaire {
+ -webkit-box-ordinal-group: 2;
+ order: 1;
+}
+
+.page_sommaire .content .la_une {
+ -webkit-box-ordinal-group: 3;
+ order: 2;
+}
+
+.page_sommaire .content .liste_des_rubriques {
+ -webkit-box-ordinal-group: 4;
+ order: 3;
+}
+
+.page_sommaire .content .container_carte {
+ -webkit-box-ordinal-group: 5;
+ order: 4;
+}
+
+@media (min-width: 768px) {
+ .page_sommaire .content {
+ display: initial;
+ }
+}
+
+/* les bidouillages de owl carousel */
+.lien_carousel {
+ /* display: block;*/
+}
+
+.lien_carousel h3 {
+ font-size: 1.3rem;
+ /* display: none;*/
+}
+
+@media (min-width: 576px) {
+ .lien_carousel h3 {
+ font-size: 1.8rem;
+ }
+}
+
+@media (min-width: 768px) {
+ .lien_carousel h3 {
+ font-size: 2rem;
+ }
+}
+
+@media (min-width: 768px) and (min-width: 576px) {
+ .lien_carousel h3 {
+ font-size: 2.4rem;
+ }
+}
+
+.la_une #demo .owl-slide > .caption {
+ left: initial;
+ width: initial;
+}
+
+.la_une .owl-theme .owl-nav {
+ display: -webkit-box;
+ display: flex;
+ -webkit-box-pack: justify;
+ justify-content: space-between;
+ font-size: 5rem;
+ line-height: 1;
+}
+
+.la_une .owl-theme .owl-dots {
+ display: -webkit-box;
+ display: flex;
+ justify-content: space-around;
+ margin: -55px auto 1rem;
+ margin-bottom: 1.2rem;
+ width: calc(100% - 50px);
+}
+
+@media (min-width: 992px) {
+ .la_une .owl-theme .owl-dots {
+ margin: -70px auto 1rem;
+ }
+}
+
+.la_une .owl-theme .owl-dots .owl-dot span {
+ width: initial;
+ height: initial;
+}
+
+.la_une .owl-theme .owl-dots .owl-dot {
+ opacity: .5;
+}
+
+.la_une .owl-theme .owl-dots .owl-dot.active {
+ opacity: 1;
+}
+
+.la_une .owl-theme .owl-nav.disabled, .la_une .owl-theme .owl-dots.disabled {
+ display: none;
+}
+
+/* spécifique page présentation d'un bien = page article */
+.page_article .la_une h3 {
+ font-size: 1.8rem;
+}
+
+.page_article .la_une .mots .hashtag {
+ font-size: 1.2rem;
+ margin-right: .2rem;
+}
+
+/* footer */
+.footer {
+ margin-top: 4rem;
+ padding-top: 1rem;
+ border-top: 3px solid;
+ padding-bottom: 2rem;
+ margin-bottom: 0;
+ text-align: left;
+ position: relative;
+ /*.colophon { padding-right: 100px; }*/
+}
+
+.footer .nav li a, .footer .colophon a {
+ padding: 10px 15px;
+}
+
+.footer .colophon .generator {
+ max-width: 300px;
+}
+
+.footer .lien_cc svg {
+ width: 30px;
+ height: 30px;
+ vertical-align: middle;
+}
+
+.footer .nav {
+ padding-left: 0;
+}
+
+.footer .nav li {
+ display: block;
+}
+
+.footer .nav li:not(.generator) a {
+ display: block;
+}
+
+@media (min-width: 576px) {
+ .footer .nav li {
+ display: inline-block !important;
+ }
+ .footer .nav li:not(.generator) a {
+ display: inline;
+ }
+ .footer .nav li.separ {
+ border: none;
+ }
+ .footer .nav li.separ:not(:first-of-type)::before {
+ content: " | ";
+ }
+ .footer .generator {
+ /*position: absolute; top: 1rem; right: 0; max-width: 200px;*/
+ float: right;
+ }
+ .footer .nav li a .title {
+ display: none;
+ }
+}
+
+/* blocs biens */
+.liste_des_videos {
+ margin: 1rem 0;
+ display: -webkit-box;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-around;
+}
+
+.liste_des_videos .une_video {
+ border: 1px solid #DDD;
+ padding: 1rem;
+ margin: 1rem 0;
+ display: -webkit-box;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ flex-direction: column;
+ /*justify-content: space-between;*/
+ width: 100%;
+}
+
+.liste_des_videos .une_video .am_mots .tags {
+ font-size: .8em;
+}
+
+.liste_des_videos .une_video .am_tags {
+ line-height: 1.2rem;
+}
+
+.liste_des_videos .une_video .am_tags .tags {
+ font-size: .6em;
+}
+
+.liste_des_videos .une_video .am_tags .tags.mrs {
+ margin-right: .2rem;
+}
+
+.liste_des_videos .une_video .h3-like {
+ line-height: 1.1em;
+ min-height: 5rem;
+ margin: 1rem 0;
+}
+
+.liste_des_videos .une_video .une_ligne {
+ height: 2.75rem;
+ overflow: hidden;
+}
+
+.liste_des_videos .une_video .affmasq {
+ font-size: 2rem;
+ cursor: pointer;
+}
+
+.liste_des_videos .bloc_contenu {
+ display: -webkit-box;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ flex-direction: column;
+ -webkit-box-pack: justify;
+ justify-content: space-between;
+ min-height: 100%;
+}
+
+@media (min-width: 480px) {
+ .liste_des_videos {
+ margin: 1rem;
+ }
+}
+
+@media (min-width: 768px) {
+ .liste_des_videos .une_video {
+ width: 345px;
+ }
+}
+
+@media (min-width: 992px) {
+ .liste_des_videos .une_video {
+ width: 380px;
+ }
+}
+
+@media (min-width: 1200px) {
+ .liste_des_videos {
+ -webkit-box-pack: justify;
+ justify-content: space-between;
+ /* :last-of-type {
+ margin-right: 0;
+ }
+ :first-of-type {
+ margin-left: 0;
+ }*/
+ }
+}
+
+.liste_des_videos .bloc_placeholder {
+ display: none;
+}
+
+@media (min-width: 1200px) {
+ .liste_des_videos .bloc_placeholder {
+ border: none;
+ display: -webkit-box;
+ display: flex;
+ }
+}
+
+.photo_bien {
+ display: -webkit-box;
+ display: flex;
+ -webkit-box-pack: center;
+ justify-content: center;
+ min-height: 180px;
+}
+
+.photo_bien img {
+ width: 100%;
+}
+
+.photo_bien .ico_defaut {
+ font-size: 160px;
+ padding-bottom: 20px;
+}
+
+.placeholder {
+ margin: 1rem auto;
+}
+
+.placeholder img {
+ max-height: 320px;
+ opacity: .1;
+}
+
+.liste_des_rubriques {
+ display: -webkit-box;
+ display: flex;
+ flex-wrap: wrap !important;
+ /* SOMMAIRE tous les bricolages pour la gestion responsive des blocs rubrique du sommaire */
+}
+
+.liste_des_rubriques .une_rub {
+ padding: 1rem;
+}
+
+.liste_des_rubriques .une_rub a {
+ min-height: 100%;
+}
+
+.liste_des_rubriques .une_rub a h2 {
+ text-align: left;
+}
+
+.liste_des_rubriques .une_rub_contenu {
+ padding: 1rem;
+ border: 1px solid #DDD;
+ display: -webkit-box;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ flex-direction: column;
+ -webkit-box-pack: justify;
+ justify-content: space-between;
+ width: 100%;
+ min-height: 100%;
+ position: relative;
+}
+
+.liste_des_rubriques a.etiquette_rubrique {
+ position: absolute;
+ min-height: 0;
+ top: -1.5rem;
+ right: 1.5rem;
+ padding: 0 0.5rem;
+ text-align: right;
+ background-color: #999;
+ color: white;
+}
+
+.liste_des_rubriques .resume-article {
+ -webkit-box-flex: 1;
+ flex-grow: 1;
+}
+
+@media (min-width: 576px) {
+ .liste_des_rubriques .une_rub {
+ width: 250px;
+ }
+ .liste_des_rubriques .photo_bien {
+ min-height: 157px;
+ }
+}
+
+@media (min-width: 768px) {
+ .liste_des_rubriques .une_rub {
+ width: 340px;
+ }
+}
+
+@media (min-width: 992px) {
+ .liste_des_rubriques .une_rub {
+ width: 340px;
+ }
+}
+
+@media (min-width: 1200px) {
+ .liste_des_rubriques .une_rub {
+ width: 300px;
+ }
+ .liste_des_rubriques .photo_bien {
+ min-height: 157px;
+ }
+}
+
+/**********************************************************************/
+/*************************** PAGE RUBRIQUE ****************************/
+/**********************************************************************/
+.rub_en-tete {
+ position: relative;
+}
+
+.rub_en-tete_titre {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 100;
+ background-color: rgba(0, 0, 0, 0.5);
+ color: white;
+ padding: 2rem;
+ min-height: 100%;
+ width: 30%;
+ display: -webkit-box;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ justify-content: center;
+}
+
+/* blocs mots/ss-rubriques */
+.liste_des_mots {
+ display: -webkit-box;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-around;
+ /* tous les bricolages pour la gestion responsive des blocs rubrique du sommaire */
+}
+
+.liste_des_mots .un_mot {
+ border: 1px solid #DDD;
+ padding: 1rem;
+ margin: 1rem;
+ display: -webkit-box;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ flex-direction: column;
+ -webkit-box-pack: justify;
+ justify-content: space-between;
+ width: 100%;
+}
+
+.liste_des_mots .un_mot a {
+ display: -webkit-box;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ flex-direction: column;
+ min-height: 100%;
+}
+
+.liste_des_mots .un_mot a h2 {
+ margin: auto;
+ text-align: center;
+}
+
+@media (min-width: 576px) {
+ .liste_des_mots .un_mot {
+ width: 250px;
+ }
+}
+
+@media (min-width: 768px) {
+ .liste_des_mots .un_mot {
+ width: 340px;
+ }
+}
+
+@media (min-width: 992px) {
+ .liste_des_mots .un_mot {
+ width: 340px;
+ }
+}
+
+@media (min-width: 1200px) {
+ .liste_des_mots {
+ -webkit-box-pack: justify;
+ justify-content: space-between;
+ /* :first-of-type {
+ margin-left: 0;
+ }
+ :last-of-type {
+ margin-right: 0;
+ }*/
+ }
+}
+
+/* tous formulaires */
+.boutons .submit {
+ font-size: 2.5rem;
+}
+
+.btn.pull-right, .une_OK {
+ margin-left: 2rem;
+}
+
+/* formulaire de saisie d'un bien */
+.formulaire_editer_bien {
+ clear: none;
+}
+
+.formulaire_editer_bien .resume textarea {
+ min-height: 25rem;
+}
+
+.formulaire_editer_bien .upload_vignette label {
+ display: block;
+}
+
+.formulaire_editer_bien .upload_vignette .ajaxbloc {
+ clear: both;
+}
+
+@media (min-width: 992px) {
+ .formulaire_editer_bien .upload_vignette .ajaxbloc {
+ clear: initial;
+ }
+}
+
+.formulaire_editer_bien .col_droite {
+ float: right;
+ width: 33%;
+ clear: right;
+}
+
+.formulaire_editer_bien .principal, .formulaire_editer_bien .auteurs {
+ width: 60%;
+}
+
+.formulaire_editer_bien .formulaire_uploadhtml5 {
+ margin-bottom: 0;
+ float: left;
+ width: 100%;
+}
+
+.formulaire_editer_bien .formulaire_uploadhtml5 .dropzone {
+ min-height: 50px;
+}
+
+.formulaire_editer_bien .formulaire_uploadhtml5 .dropzone .dz-message {
+ margin: .5em 0;
+}
+
+@media (min-width: 992px) {
+ .formulaire_editer_bien .formulaire_uploadhtml5 {
+ width: 25%;
+ }
+}
+
+.formulaire_editer_bien .photo_bien {
+ -webkit-box-pack: left;
+ justify-content: left;
+}
+
+.formulaire_editer_bien .photo_bien .une_photo {
+ margin-right: 1rem;
+ display: -webkit-box;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ flex-direction: column;
+ max-width: 320px;
+}
+
+.formulaire_editer_bien .photo_bien .boutons_actions {
+ width: 100%;
+ display: -webkit-box;
+ display: flex;
+ justify-content: space-around;
+ background-color: #e7e9ed;
+}
+
+.formulaire_editer_bien .photo_bien .boutons_actions a.btn_poubelle {
+ color: #D9534F;
+}
+
+.formulaire_editer_bien .photo_bien .boutons_actions i.green {
+ color: #5CB85C;
+ padding: .6rem 1.5rem;
+}
+
+.formulaire_editer_bien .photo_bien .boutons_actions a {
+ margin: 0;
+}
+
+.formulaire_editer_bien .photo_bien .boutons_actions a:hover {
+ background-color: #f8f9fa;
+}
+
+.formulaire_editer_bien legend {
+ width: auto;
+}
+
+.une_OK i.fas {
+ color: green;
+}
+
+/* formulaire de connexion / création de compte */
+#choix_connexion fieldset {
+ clear: none;
+ margin-bottom: 2rem;
+ border: solid 1px #BBB;
+ padding: 1.5rem;
+ background-color: #FCFCFC;
+}
+
+#choix_connexion fieldset > div {
+ margin-bottom: 1.2rem;
+}
+
+@media (min-width: 768px) {
+ #choix_connexion {
+ flex-wrap: nowrap;
+ }
+}
+
+.bloc_connexion {
+ -webkit-box-flex: 1;
+ flex-grow: 1;
+}
+
+.creer_associer_compte {
+ -webkit-box-flex: 2;
+ flex-grow: 2;
+}
+
+/* spip_admin */
+div#spip-admin {
+ display: none;
+}
+
+@media (min-width: 576px) {
+ div#spip-admin {
+ display: initial;
+ }
+}
+
+/* fleche go-top (dans header/dist.html */
+#go_top {
+ position: fixed;
+ bottom: 2%;
+ right: 2%;
+ font-size: 3em;
+ opacity: .2;
+ /*:hover {
+ }*/
+}
+
+#go_top:hover {
+ background-color: transparent;
+ opacity: 1;
+}
+
+/* bloc aside pour les horaires d'ouverture dans la page contact */
+.composition_contact .la_une .aside_une {
+ width: 100%;
+}
+
+.composition_contact .la_une .aside_une td {
+ padding-left: 1rem;
+}
+
+.composition_contact .la_une .aside_une table {
+ table-layout: initial;
+}
+
+@media (min-width: 576px) {
+ .composition_contact .la_une .aside_une {
+ width: calc(100% - 560px);
+ }
+}
+
+/*
+ * modele iframe vidéo responsive
+ * cf http://blog.theodo.fr/2018/01/responsive-iframes-css-trick/
+*/
+.resp_container {
+ position: relative;
+ overflow: hidden;
+ padding-top: 56.25%;
+}
+
+.resp_iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border: 0;
+}
+
+/*# sourceMappingURL=mon_site.css.map */
diff --git a/css/mon_site.scss b/css/mon_site.scss
new file mode 100644
index 0000000..8c1989f
--- /dev/null
+++ b/css/mon_site.scss
@@ -0,0 +1,10 @@
+/* Fichier scss principal du squelette */
+
+@import "knacss/knacss";
+@import "../font-awesome/font-awesome";
+@import "polices";
+@import "utilitaires";
+@import "body";
+@import 'menu_spip';
+@import 'form_spip';
+@import 'sq_champslibres';
diff --git a/css/tag_editor.css b/css/tag_editor.css
new file mode 100644
index 0000000..0a9161c
--- /dev/null
+++ b/css/tag_editor.css
@@ -0,0 +1,46 @@
+/* surrounding tag container */
+.tag-editor {
+ list-style-type: none; padding: 0 5px 0 0; margin: 0; overflow: hidden; border: 1px solid #eee; cursor: text;
+ font: normal 14px sans-serif; color: #555; background: #fff; line-height: 20px;
+}
+
+/* core styles usually need no change */
+.tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0; }
+.tag-editor div { float: left; padding: 0 4px; }
+.tag-editor .placeholder { padding: 0 8px; color: #bbb; }
+.tag-editor .tag-editor-spacer { padding: 0; width: 8px; overflow: hidden; color: transparent; background: none; }
+.tag-editor input {
+ vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text;
+ font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit;
+ box-shadow: none; background: none; color: #444;
+}
+/* hide original input field or textarea visually to allow tab navigation */
+.tag-editor-hidden-src { position: absolute !important; left: -99999px; }
+/* hide IE10 "clear field" X */
+.tag-editor ::-ms-clear { display: none; }
+
+/* tag style */
+.tag-editor .tag-editor-tag {
+ padding-left: 5px; color: #46799b; background: #e0eaf1; white-space: nowrap;
+ overflow: hidden; cursor: pointer; border-radius: 2px 0 0 2px;
+}
+
+/* delete icon */
+.tag-editor .tag-editor-delete { background: #e0eaf1; cursor: pointer; border-radius: 0 2px 2px 0; padding-left: 3px; padding-right: 4px; }
+.tag-editor .tag-editor-delete i { line-height: 18px; display: inline-block; }
+.tag-editor .tag-editor-delete i:before { font-size: 16px; color: #8ba7ba; content: "×"; font-style: normal; }
+.tag-editor .tag-editor-delete:hover i:before { color: #d65454; }
+.tag-editor .tag-editor-tag.active+.tag-editor-delete, .tag-editor .tag-editor-tag.active+.tag-editor-delete i { visibility: hidden; cursor: text; }
+
+.tag-editor .tag-editor-tag.active { background: none !important; }
+
+/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
+.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; font-size: 14px; }
+.ui-front { z-index: 9999; }
+.ui-menu { list-style: none; padding: 1px; margin: 0; display: block; outline: none; }
+.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.4; min-height: 0; /* support: IE7 */ }
+.ui-widget-content { border: 1px solid #bbb; background: #fff; color: #555; }
+.ui-widget-content a { color: #46799b; }
+.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e0eaf1; }
+.ui-helper-hidden-accessible { display: none; }
+
diff --git a/css/theme.css b/css/theme.css
new file mode 100644
index 0000000..e69de29
diff --git a/extra/dist.html b/extra/dist.html
new file mode 100644
index 0000000..0242055
--- /dev/null
+++ b/extra/dist.html
@@ -0,0 +1,2 @@
+[(#REM) Inscription au site ]
+#FORMULAIRE_INSCRIPTION
diff --git a/font-awesome/_animated.scss b/font-awesome/_animated.scss
new file mode 100644
index 0000000..8a020db
--- /dev/null
+++ b/font-awesome/_animated.scss
@@ -0,0 +1,34 @@
+// Spinning Icons
+// --------------------------
+
+.#{$fa-css-prefix}-spin {
+ -webkit-animation: fa-spin 2s infinite linear;
+ animation: fa-spin 2s infinite linear;
+}
+
+.#{$fa-css-prefix}-pulse {
+ -webkit-animation: fa-spin 1s infinite steps(8);
+ animation: fa-spin 1s infinite steps(8);
+}
+
+@-webkit-keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+
+@keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
diff --git a/font-awesome/_bordered-pulled.scss b/font-awesome/_bordered-pulled.scss
new file mode 100644
index 0000000..d4b85a0
--- /dev/null
+++ b/font-awesome/_bordered-pulled.scss
@@ -0,0 +1,25 @@
+// Bordered & Pulled
+// -------------------------
+
+.#{$fa-css-prefix}-border {
+ padding: .2em .25em .15em;
+ border: solid .08em $fa-border-color;
+ border-radius: .1em;
+}
+
+.#{$fa-css-prefix}-pull-left { float: left; }
+.#{$fa-css-prefix}-pull-right { float: right; }
+
+.#{$fa-css-prefix} {
+ &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
+ &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
+}
+
+/* Deprecated as of 4.4.0 */
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+.#{$fa-css-prefix} {
+ &.pull-left { margin-right: .3em; }
+ &.pull-right { margin-left: .3em; }
+}
diff --git a/font-awesome/_core.scss b/font-awesome/_core.scss
new file mode 100644
index 0000000..7425ef8
--- /dev/null
+++ b/font-awesome/_core.scss
@@ -0,0 +1,12 @@
+// Base Class Definition
+// -------------------------
+
+.#{$fa-css-prefix} {
+ display: inline-block;
+ font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
+ font-size: inherit; // can't have font-size inherit on line above, so need to override
+ text-rendering: auto; // optimizelegibility throws things off #1094
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+
+}
diff --git a/font-awesome/_fixed-width.scss b/font-awesome/_fixed-width.scss
new file mode 100644
index 0000000..b221c98
--- /dev/null
+++ b/font-awesome/_fixed-width.scss
@@ -0,0 +1,6 @@
+// Fixed Width Icons
+// -------------------------
+.#{$fa-css-prefix}-fw {
+ width: (18em / 14);
+ text-align: center;
+}
diff --git a/font-awesome/_icons.scss b/font-awesome/_icons.scss
new file mode 100644
index 0000000..e63e702
--- /dev/null
+++ b/font-awesome/_icons.scss
@@ -0,0 +1,789 @@
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+ readers do not read off random characters that represent icons */
+
+.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
+.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
+.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
+.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
+.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
+.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
+.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
+.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
+.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
+.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
+.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
+.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
+.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
+.#{$fa-css-prefix}-remove:before,
+.#{$fa-css-prefix}-close:before,
+.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
+.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
+.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
+.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
+.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
+.#{$fa-css-prefix}-gear:before,
+.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
+.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
+.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
+.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
+.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
+.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
+.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
+.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
+.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
+.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
+.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
+.#{$fa-css-prefix}-rotate-right:before,
+.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
+.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
+.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
+.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
+.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
+.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
+.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
+.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
+.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
+.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
+.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
+.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
+.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
+.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
+.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
+.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
+.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
+.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
+.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
+.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
+.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
+.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
+.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
+.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
+.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
+.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
+.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
+.#{$fa-css-prefix}-dedent:before,
+.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
+.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
+.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
+.#{$fa-css-prefix}-photo:before,
+.#{$fa-css-prefix}-image:before,
+.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
+.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
+.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
+.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
+.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
+.#{$fa-css-prefix}-edit:before,
+.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
+.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
+.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
+.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
+.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
+.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
+.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
+.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
+.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
+.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
+.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
+.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
+.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
+.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
+.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
+.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
+.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
+.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
+.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
+.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
+.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
+.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
+.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
+.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
+.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
+.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
+.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
+.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
+.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
+.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
+.#{$fa-css-prefix}-mail-forward:before,
+.#{$fa-css-prefix}-share:before { content: $fa-var-share; }
+.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; }
+.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; }
+.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; }
+.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; }
+.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; }
+.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; }
+.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; }
+.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; }
+.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; }
+.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; }
+.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; }
+.#{$fa-css-prefix}-warning:before,
+.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
+.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; }
+.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; }
+.#{$fa-css-prefix}-random:before { content: $fa-var-random; }
+.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; }
+.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; }
+.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
+.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
+.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; }
+.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; }
+.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
+.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; }
+.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; }
+.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; }
+.#{$fa-css-prefix}-bar-chart-o:before,
+.#{$fa-css-prefix}-bar-chart:before { content: $fa-var-bar-chart; }
+.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; }
+.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; }
+.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; }
+.#{$fa-css-prefix}-key:before { content: $fa-var-key; }
+.#{$fa-css-prefix}-gears:before,
+.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; }
+.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; }
+.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
+.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
+.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; }
+.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; }
+.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; }
+.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; }
+.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; }
+.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; }
+.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; }
+.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; }
+.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; }
+.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; }
+.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; }
+.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; }
+.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; }
+.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; }
+.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; }
+.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
+.#{$fa-css-prefix}-facebook-f:before,
+.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
+.#{$fa-css-prefix}-github:before { content: $fa-var-github; }
+.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
+.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
+.#{$fa-css-prefix}-feed:before,
+.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
+.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
+.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
+.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; }
+.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; }
+.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; }
+.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; }
+.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; }
+.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; }
+.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
+.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
+.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
+.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
+.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; }
+.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; }
+.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; }
+.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
+.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
+.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
+.#{$fa-css-prefix}-group:before,
+.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
+.#{$fa-css-prefix}-chain:before,
+.#{$fa-css-prefix}-link:before { content: $fa-var-link; }
+.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; }
+.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; }
+.#{$fa-css-prefix}-cut:before,
+.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; }
+.#{$fa-css-prefix}-copy:before,
+.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; }
+.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; }
+.#{$fa-css-prefix}-save:before,
+.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; }
+.#{$fa-css-prefix}-square:before { content: $fa-var-square; }
+.#{$fa-css-prefix}-navicon:before,
+.#{$fa-css-prefix}-reorder:before,
+.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; }
+.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; }
+.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; }
+.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; }
+.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; }
+.#{$fa-css-prefix}-table:before { content: $fa-var-table; }
+.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; }
+.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; }
+.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; }
+.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; }
+.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; }
+.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
+.#{$fa-css-prefix}-money:before { content: $fa-var-money; }
+.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
+.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
+.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
+.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
+.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; }
+.#{$fa-css-prefix}-unsorted:before,
+.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
+.#{$fa-css-prefix}-sort-down:before,
+.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; }
+.#{$fa-css-prefix}-sort-up:before,
+.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; }
+.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; }
+.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
+.#{$fa-css-prefix}-rotate-left:before,
+.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; }
+.#{$fa-css-prefix}-legal:before,
+.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; }
+.#{$fa-css-prefix}-dashboard:before,
+.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; }
+.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; }
+.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; }
+.#{$fa-css-prefix}-flash:before,
+.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; }
+.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; }
+.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; }
+.#{$fa-css-prefix}-paste:before,
+.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; }
+.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; }
+.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; }
+.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; }
+.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
+.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; }
+.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; }
+.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; }
+.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; }
+.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
+.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; }
+.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; }
+.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; }
+.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; }
+.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; }
+.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; }
+.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; }
+.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; }
+.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; }
+.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; }
+.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; }
+.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; }
+.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; }
+.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; }
+.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; }
+.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; }
+.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; }
+.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; }
+.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; }
+.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; }
+.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; }
+.#{$fa-css-prefix}-mobile-phone:before,
+.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; }
+.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; }
+.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; }
+.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; }
+.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; }
+.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; }
+.#{$fa-css-prefix}-mail-reply:before,
+.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; }
+.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; }
+.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; }
+.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; }
+.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; }
+.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; }
+.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; }
+.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; }
+.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
+.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; }
+.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; }
+.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; }
+.#{$fa-css-prefix}-code:before { content: $fa-var-code; }
+.#{$fa-css-prefix}-mail-reply-all:before,
+.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; }
+.#{$fa-css-prefix}-star-half-empty:before,
+.#{$fa-css-prefix}-star-half-full:before,
+.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; }
+.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; }
+.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; }
+.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
+.#{$fa-css-prefix}-unlink:before,
+.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; }
+.#{$fa-css-prefix}-question:before { content: $fa-var-question; }
+.#{$fa-css-prefix}-info:before { content: $fa-var-info; }
+.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; }
+.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; }
+.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; }
+.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; }
+.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; }
+.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; }
+.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; }
+.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; }
+.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; }
+.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
+.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; }
+.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; }
+.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
+.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
+.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
+.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
+.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; }
+.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; }
+.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; }
+.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; }
+.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
+.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; }
+.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; }
+.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
+.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; }
+.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; }
+.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; }
+.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; }
+.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; }
+.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; }
+.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; }
+.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; }
+.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; }
+.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; }
+.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; }
+.#{$fa-css-prefix}-toggle-down:before,
+.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
+.#{$fa-css-prefix}-toggle-up:before,
+.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
+.#{$fa-css-prefix}-toggle-right:before,
+.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
+.#{$fa-css-prefix}-euro:before,
+.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; }
+.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; }
+.#{$fa-css-prefix}-dollar:before,
+.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; }
+.#{$fa-css-prefix}-rupee:before,
+.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; }
+.#{$fa-css-prefix}-cny:before,
+.#{$fa-css-prefix}-rmb:before,
+.#{$fa-css-prefix}-yen:before,
+.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
+.#{$fa-css-prefix}-ruble:before,
+.#{$fa-css-prefix}-rouble:before,
+.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; }
+.#{$fa-css-prefix}-won:before,
+.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; }
+.#{$fa-css-prefix}-bitcoin:before,
+.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; }
+.#{$fa-css-prefix}-file:before { content: $fa-var-file; }
+.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; }
+.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
+.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
+.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
+.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
+.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
+.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
+.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; }
+.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; }
+.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; }
+.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; }
+.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; }
+.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; }
+.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; }
+.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; }
+.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; }
+.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; }
+.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; }
+.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; }
+.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; }
+.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; }
+.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; }
+.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; }
+.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; }
+.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; }
+.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; }
+.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; }
+.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; }
+.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; }
+.#{$fa-css-prefix}-android:before { content: $fa-var-android; }
+.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; }
+.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; }
+.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; }
+.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; }
+.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; }
+.#{$fa-css-prefix}-female:before { content: $fa-var-female; }
+.#{$fa-css-prefix}-male:before { content: $fa-var-male; }
+.#{$fa-css-prefix}-gittip:before,
+.#{$fa-css-prefix}-gratipay:before { content: $fa-var-gratipay; }
+.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; }
+.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; }
+.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; }
+.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; }
+.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; }
+.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; }
+.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; }
+.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; }
+.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; }
+.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
+.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
+.#{$fa-css-prefix}-toggle-left:before,
+.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
+.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; }
+.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; }
+.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; }
+.#{$fa-css-prefix}-turkish-lira:before,
+.#{$fa-css-prefix}-try:before { content: $fa-var-try; }
+.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; }
+.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; }
+.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; }
+.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; }
+.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; }
+.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; }
+.#{$fa-css-prefix}-institution:before,
+.#{$fa-css-prefix}-bank:before,
+.#{$fa-css-prefix}-university:before { content: $fa-var-university; }
+.#{$fa-css-prefix}-mortar-board:before,
+.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; }
+.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; }
+.#{$fa-css-prefix}-google:before { content: $fa-var-google; }
+.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; }
+.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; }
+.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; }
+.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; }
+.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; }
+.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; }
+.#{$fa-css-prefix}-pied-piper-pp:before { content: $fa-var-pied-piper-pp; }
+.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; }
+.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; }
+.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; }
+.#{$fa-css-prefix}-language:before { content: $fa-var-language; }
+.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; }
+.#{$fa-css-prefix}-building:before { content: $fa-var-building; }
+.#{$fa-css-prefix}-child:before { content: $fa-var-child; }
+.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; }
+.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; }
+.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; }
+.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; }
+.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; }
+.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; }
+.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; }
+.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; }
+.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; }
+.#{$fa-css-prefix}-automobile:before,
+.#{$fa-css-prefix}-car:before { content: $fa-var-car; }
+.#{$fa-css-prefix}-cab:before,
+.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; }
+.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; }
+.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; }
+.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; }
+.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; }
+.#{$fa-css-prefix}-database:before { content: $fa-var-database; }
+.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; }
+.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; }
+.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; }
+.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; }
+.#{$fa-css-prefix}-file-photo-o:before,
+.#{$fa-css-prefix}-file-picture-o:before,
+.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; }
+.#{$fa-css-prefix}-file-zip-o:before,
+.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; }
+.#{$fa-css-prefix}-file-sound-o:before,
+.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; }
+.#{$fa-css-prefix}-file-movie-o:before,
+.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; }
+.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; }
+.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; }
+.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; }
+.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; }
+.#{$fa-css-prefix}-life-bouy:before,
+.#{$fa-css-prefix}-life-buoy:before,
+.#{$fa-css-prefix}-life-saver:before,
+.#{$fa-css-prefix}-support:before,
+.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; }
+.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; }
+.#{$fa-css-prefix}-ra:before,
+.#{$fa-css-prefix}-resistance:before,
+.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; }
+.#{$fa-css-prefix}-ge:before,
+.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; }
+.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; }
+.#{$fa-css-prefix}-git:before { content: $fa-var-git; }
+.#{$fa-css-prefix}-y-combinator-square:before,
+.#{$fa-css-prefix}-yc-square:before,
+.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; }
+.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; }
+.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; }
+.#{$fa-css-prefix}-wechat:before,
+.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; }
+.#{$fa-css-prefix}-send:before,
+.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; }
+.#{$fa-css-prefix}-send-o:before,
+.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; }
+.#{$fa-css-prefix}-history:before { content: $fa-var-history; }
+.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; }
+.#{$fa-css-prefix}-header:before { content: $fa-var-header; }
+.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; }
+.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; }
+.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; }
+.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; }
+.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; }
+.#{$fa-css-prefix}-soccer-ball-o:before,
+.#{$fa-css-prefix}-futbol-o:before { content: $fa-var-futbol-o; }
+.#{$fa-css-prefix}-tty:before { content: $fa-var-tty; }
+.#{$fa-css-prefix}-binoculars:before { content: $fa-var-binoculars; }
+.#{$fa-css-prefix}-plug:before { content: $fa-var-plug; }
+.#{$fa-css-prefix}-slideshare:before { content: $fa-var-slideshare; }
+.#{$fa-css-prefix}-twitch:before { content: $fa-var-twitch; }
+.#{$fa-css-prefix}-yelp:before { content: $fa-var-yelp; }
+.#{$fa-css-prefix}-newspaper-o:before { content: $fa-var-newspaper-o; }
+.#{$fa-css-prefix}-wifi:before { content: $fa-var-wifi; }
+.#{$fa-css-prefix}-calculator:before { content: $fa-var-calculator; }
+.#{$fa-css-prefix}-paypal:before { content: $fa-var-paypal; }
+.#{$fa-css-prefix}-google-wallet:before { content: $fa-var-google-wallet; }
+.#{$fa-css-prefix}-cc-visa:before { content: $fa-var-cc-visa; }
+.#{$fa-css-prefix}-cc-mastercard:before { content: $fa-var-cc-mastercard; }
+.#{$fa-css-prefix}-cc-discover:before { content: $fa-var-cc-discover; }
+.#{$fa-css-prefix}-cc-amex:before { content: $fa-var-cc-amex; }
+.#{$fa-css-prefix}-cc-paypal:before { content: $fa-var-cc-paypal; }
+.#{$fa-css-prefix}-cc-stripe:before { content: $fa-var-cc-stripe; }
+.#{$fa-css-prefix}-bell-slash:before { content: $fa-var-bell-slash; }
+.#{$fa-css-prefix}-bell-slash-o:before { content: $fa-var-bell-slash-o; }
+.#{$fa-css-prefix}-trash:before { content: $fa-var-trash; }
+.#{$fa-css-prefix}-copyright:before { content: $fa-var-copyright; }
+.#{$fa-css-prefix}-at:before { content: $fa-var-at; }
+.#{$fa-css-prefix}-eyedropper:before { content: $fa-var-eyedropper; }
+.#{$fa-css-prefix}-paint-brush:before { content: $fa-var-paint-brush; }
+.#{$fa-css-prefix}-birthday-cake:before { content: $fa-var-birthday-cake; }
+.#{$fa-css-prefix}-area-chart:before { content: $fa-var-area-chart; }
+.#{$fa-css-prefix}-pie-chart:before { content: $fa-var-pie-chart; }
+.#{$fa-css-prefix}-line-chart:before { content: $fa-var-line-chart; }
+.#{$fa-css-prefix}-lastfm:before { content: $fa-var-lastfm; }
+.#{$fa-css-prefix}-lastfm-square:before { content: $fa-var-lastfm-square; }
+.#{$fa-css-prefix}-toggle-off:before { content: $fa-var-toggle-off; }
+.#{$fa-css-prefix}-toggle-on:before { content: $fa-var-toggle-on; }
+.#{$fa-css-prefix}-bicycle:before { content: $fa-var-bicycle; }
+.#{$fa-css-prefix}-bus:before { content: $fa-var-bus; }
+.#{$fa-css-prefix}-ioxhost:before { content: $fa-var-ioxhost; }
+.#{$fa-css-prefix}-angellist:before { content: $fa-var-angellist; }
+.#{$fa-css-prefix}-cc:before { content: $fa-var-cc; }
+.#{$fa-css-prefix}-shekel:before,
+.#{$fa-css-prefix}-sheqel:before,
+.#{$fa-css-prefix}-ils:before { content: $fa-var-ils; }
+.#{$fa-css-prefix}-meanpath:before { content: $fa-var-meanpath; }
+.#{$fa-css-prefix}-buysellads:before { content: $fa-var-buysellads; }
+.#{$fa-css-prefix}-connectdevelop:before { content: $fa-var-connectdevelop; }
+.#{$fa-css-prefix}-dashcube:before { content: $fa-var-dashcube; }
+.#{$fa-css-prefix}-forumbee:before { content: $fa-var-forumbee; }
+.#{$fa-css-prefix}-leanpub:before { content: $fa-var-leanpub; }
+.#{$fa-css-prefix}-sellsy:before { content: $fa-var-sellsy; }
+.#{$fa-css-prefix}-shirtsinbulk:before { content: $fa-var-shirtsinbulk; }
+.#{$fa-css-prefix}-simplybuilt:before { content: $fa-var-simplybuilt; }
+.#{$fa-css-prefix}-skyatlas:before { content: $fa-var-skyatlas; }
+.#{$fa-css-prefix}-cart-plus:before { content: $fa-var-cart-plus; }
+.#{$fa-css-prefix}-cart-arrow-down:before { content: $fa-var-cart-arrow-down; }
+.#{$fa-css-prefix}-diamond:before { content: $fa-var-diamond; }
+.#{$fa-css-prefix}-ship:before { content: $fa-var-ship; }
+.#{$fa-css-prefix}-user-secret:before { content: $fa-var-user-secret; }
+.#{$fa-css-prefix}-motorcycle:before { content: $fa-var-motorcycle; }
+.#{$fa-css-prefix}-street-view:before { content: $fa-var-street-view; }
+.#{$fa-css-prefix}-heartbeat:before { content: $fa-var-heartbeat; }
+.#{$fa-css-prefix}-venus:before { content: $fa-var-venus; }
+.#{$fa-css-prefix}-mars:before { content: $fa-var-mars; }
+.#{$fa-css-prefix}-mercury:before { content: $fa-var-mercury; }
+.#{$fa-css-prefix}-intersex:before,
+.#{$fa-css-prefix}-transgender:before { content: $fa-var-transgender; }
+.#{$fa-css-prefix}-transgender-alt:before { content: $fa-var-transgender-alt; }
+.#{$fa-css-prefix}-venus-double:before { content: $fa-var-venus-double; }
+.#{$fa-css-prefix}-mars-double:before { content: $fa-var-mars-double; }
+.#{$fa-css-prefix}-venus-mars:before { content: $fa-var-venus-mars; }
+.#{$fa-css-prefix}-mars-stroke:before { content: $fa-var-mars-stroke; }
+.#{$fa-css-prefix}-mars-stroke-v:before { content: $fa-var-mars-stroke-v; }
+.#{$fa-css-prefix}-mars-stroke-h:before { content: $fa-var-mars-stroke-h; }
+.#{$fa-css-prefix}-neuter:before { content: $fa-var-neuter; }
+.#{$fa-css-prefix}-genderless:before { content: $fa-var-genderless; }
+.#{$fa-css-prefix}-facebook-official:before { content: $fa-var-facebook-official; }
+.#{$fa-css-prefix}-pinterest-p:before { content: $fa-var-pinterest-p; }
+.#{$fa-css-prefix}-whatsapp:before { content: $fa-var-whatsapp; }
+.#{$fa-css-prefix}-server:before { content: $fa-var-server; }
+.#{$fa-css-prefix}-user-plus:before { content: $fa-var-user-plus; }
+.#{$fa-css-prefix}-user-times:before { content: $fa-var-user-times; }
+.#{$fa-css-prefix}-hotel:before,
+.#{$fa-css-prefix}-bed:before { content: $fa-var-bed; }
+.#{$fa-css-prefix}-viacoin:before { content: $fa-var-viacoin; }
+.#{$fa-css-prefix}-train:before { content: $fa-var-train; }
+.#{$fa-css-prefix}-subway:before { content: $fa-var-subway; }
+.#{$fa-css-prefix}-medium:before { content: $fa-var-medium; }
+.#{$fa-css-prefix}-yc:before,
+.#{$fa-css-prefix}-y-combinator:before { content: $fa-var-y-combinator; }
+.#{$fa-css-prefix}-optin-monster:before { content: $fa-var-optin-monster; }
+.#{$fa-css-prefix}-opencart:before { content: $fa-var-opencart; }
+.#{$fa-css-prefix}-expeditedssl:before { content: $fa-var-expeditedssl; }
+.#{$fa-css-prefix}-battery-4:before,
+.#{$fa-css-prefix}-battery:before,
+.#{$fa-css-prefix}-battery-full:before { content: $fa-var-battery-full; }
+.#{$fa-css-prefix}-battery-3:before,
+.#{$fa-css-prefix}-battery-three-quarters:before { content: $fa-var-battery-three-quarters; }
+.#{$fa-css-prefix}-battery-2:before,
+.#{$fa-css-prefix}-battery-half:before { content: $fa-var-battery-half; }
+.#{$fa-css-prefix}-battery-1:before,
+.#{$fa-css-prefix}-battery-quarter:before { content: $fa-var-battery-quarter; }
+.#{$fa-css-prefix}-battery-0:before,
+.#{$fa-css-prefix}-battery-empty:before { content: $fa-var-battery-empty; }
+.#{$fa-css-prefix}-mouse-pointer:before { content: $fa-var-mouse-pointer; }
+.#{$fa-css-prefix}-i-cursor:before { content: $fa-var-i-cursor; }
+.#{$fa-css-prefix}-object-group:before { content: $fa-var-object-group; }
+.#{$fa-css-prefix}-object-ungroup:before { content: $fa-var-object-ungroup; }
+.#{$fa-css-prefix}-sticky-note:before { content: $fa-var-sticky-note; }
+.#{$fa-css-prefix}-sticky-note-o:before { content: $fa-var-sticky-note-o; }
+.#{$fa-css-prefix}-cc-jcb:before { content: $fa-var-cc-jcb; }
+.#{$fa-css-prefix}-cc-diners-club:before { content: $fa-var-cc-diners-club; }
+.#{$fa-css-prefix}-clone:before { content: $fa-var-clone; }
+.#{$fa-css-prefix}-balance-scale:before { content: $fa-var-balance-scale; }
+.#{$fa-css-prefix}-hourglass-o:before { content: $fa-var-hourglass-o; }
+.#{$fa-css-prefix}-hourglass-1:before,
+.#{$fa-css-prefix}-hourglass-start:before { content: $fa-var-hourglass-start; }
+.#{$fa-css-prefix}-hourglass-2:before,
+.#{$fa-css-prefix}-hourglass-half:before { content: $fa-var-hourglass-half; }
+.#{$fa-css-prefix}-hourglass-3:before,
+.#{$fa-css-prefix}-hourglass-end:before { content: $fa-var-hourglass-end; }
+.#{$fa-css-prefix}-hourglass:before { content: $fa-var-hourglass; }
+.#{$fa-css-prefix}-hand-grab-o:before,
+.#{$fa-css-prefix}-hand-rock-o:before { content: $fa-var-hand-rock-o; }
+.#{$fa-css-prefix}-hand-stop-o:before,
+.#{$fa-css-prefix}-hand-paper-o:before { content: $fa-var-hand-paper-o; }
+.#{$fa-css-prefix}-hand-scissors-o:before { content: $fa-var-hand-scissors-o; }
+.#{$fa-css-prefix}-hand-lizard-o:before { content: $fa-var-hand-lizard-o; }
+.#{$fa-css-prefix}-hand-spock-o:before { content: $fa-var-hand-spock-o; }
+.#{$fa-css-prefix}-hand-pointer-o:before { content: $fa-var-hand-pointer-o; }
+.#{$fa-css-prefix}-hand-peace-o:before { content: $fa-var-hand-peace-o; }
+.#{$fa-css-prefix}-trademark:before { content: $fa-var-trademark; }
+.#{$fa-css-prefix}-registered:before { content: $fa-var-registered; }
+.#{$fa-css-prefix}-creative-commons:before { content: $fa-var-creative-commons; }
+.#{$fa-css-prefix}-gg:before { content: $fa-var-gg; }
+.#{$fa-css-prefix}-gg-circle:before { content: $fa-var-gg-circle; }
+.#{$fa-css-prefix}-tripadvisor:before { content: $fa-var-tripadvisor; }
+.#{$fa-css-prefix}-odnoklassniki:before { content: $fa-var-odnoklassniki; }
+.#{$fa-css-prefix}-odnoklassniki-square:before { content: $fa-var-odnoklassniki-square; }
+.#{$fa-css-prefix}-get-pocket:before { content: $fa-var-get-pocket; }
+.#{$fa-css-prefix}-wikipedia-w:before { content: $fa-var-wikipedia-w; }
+.#{$fa-css-prefix}-safari:before { content: $fa-var-safari; }
+.#{$fa-css-prefix}-chrome:before { content: $fa-var-chrome; }
+.#{$fa-css-prefix}-firefox:before { content: $fa-var-firefox; }
+.#{$fa-css-prefix}-opera:before { content: $fa-var-opera; }
+.#{$fa-css-prefix}-internet-explorer:before { content: $fa-var-internet-explorer; }
+.#{$fa-css-prefix}-tv:before,
+.#{$fa-css-prefix}-television:before { content: $fa-var-television; }
+.#{$fa-css-prefix}-contao:before { content: $fa-var-contao; }
+.#{$fa-css-prefix}-500px:before { content: $fa-var-500px; }
+.#{$fa-css-prefix}-amazon:before { content: $fa-var-amazon; }
+.#{$fa-css-prefix}-calendar-plus-o:before { content: $fa-var-calendar-plus-o; }
+.#{$fa-css-prefix}-calendar-minus-o:before { content: $fa-var-calendar-minus-o; }
+.#{$fa-css-prefix}-calendar-times-o:before { content: $fa-var-calendar-times-o; }
+.#{$fa-css-prefix}-calendar-check-o:before { content: $fa-var-calendar-check-o; }
+.#{$fa-css-prefix}-industry:before { content: $fa-var-industry; }
+.#{$fa-css-prefix}-map-pin:before { content: $fa-var-map-pin; }
+.#{$fa-css-prefix}-map-signs:before { content: $fa-var-map-signs; }
+.#{$fa-css-prefix}-map-o:before { content: $fa-var-map-o; }
+.#{$fa-css-prefix}-map:before { content: $fa-var-map; }
+.#{$fa-css-prefix}-commenting:before { content: $fa-var-commenting; }
+.#{$fa-css-prefix}-commenting-o:before { content: $fa-var-commenting-o; }
+.#{$fa-css-prefix}-houzz:before { content: $fa-var-houzz; }
+.#{$fa-css-prefix}-vimeo:before { content: $fa-var-vimeo; }
+.#{$fa-css-prefix}-black-tie:before { content: $fa-var-black-tie; }
+.#{$fa-css-prefix}-fonticons:before { content: $fa-var-fonticons; }
+.#{$fa-css-prefix}-reddit-alien:before { content: $fa-var-reddit-alien; }
+.#{$fa-css-prefix}-edge:before { content: $fa-var-edge; }
+.#{$fa-css-prefix}-credit-card-alt:before { content: $fa-var-credit-card-alt; }
+.#{$fa-css-prefix}-codiepie:before { content: $fa-var-codiepie; }
+.#{$fa-css-prefix}-modx:before { content: $fa-var-modx; }
+.#{$fa-css-prefix}-fort-awesome:before { content: $fa-var-fort-awesome; }
+.#{$fa-css-prefix}-usb:before { content: $fa-var-usb; }
+.#{$fa-css-prefix}-product-hunt:before { content: $fa-var-product-hunt; }
+.#{$fa-css-prefix}-mixcloud:before { content: $fa-var-mixcloud; }
+.#{$fa-css-prefix}-scribd:before { content: $fa-var-scribd; }
+.#{$fa-css-prefix}-pause-circle:before { content: $fa-var-pause-circle; }
+.#{$fa-css-prefix}-pause-circle-o:before { content: $fa-var-pause-circle-o; }
+.#{$fa-css-prefix}-stop-circle:before { content: $fa-var-stop-circle; }
+.#{$fa-css-prefix}-stop-circle-o:before { content: $fa-var-stop-circle-o; }
+.#{$fa-css-prefix}-shopping-bag:before { content: $fa-var-shopping-bag; }
+.#{$fa-css-prefix}-shopping-basket:before { content: $fa-var-shopping-basket; }
+.#{$fa-css-prefix}-hashtag:before { content: $fa-var-hashtag; }
+.#{$fa-css-prefix}-bluetooth:before { content: $fa-var-bluetooth; }
+.#{$fa-css-prefix}-bluetooth-b:before { content: $fa-var-bluetooth-b; }
+.#{$fa-css-prefix}-percent:before { content: $fa-var-percent; }
+.#{$fa-css-prefix}-gitlab:before { content: $fa-var-gitlab; }
+.#{$fa-css-prefix}-wpbeginner:before { content: $fa-var-wpbeginner; }
+.#{$fa-css-prefix}-wpforms:before { content: $fa-var-wpforms; }
+.#{$fa-css-prefix}-envira:before { content: $fa-var-envira; }
+.#{$fa-css-prefix}-universal-access:before { content: $fa-var-universal-access; }
+.#{$fa-css-prefix}-wheelchair-alt:before { content: $fa-var-wheelchair-alt; }
+.#{$fa-css-prefix}-question-circle-o:before { content: $fa-var-question-circle-o; }
+.#{$fa-css-prefix}-blind:before { content: $fa-var-blind; }
+.#{$fa-css-prefix}-audio-description:before { content: $fa-var-audio-description; }
+.#{$fa-css-prefix}-volume-control-phone:before { content: $fa-var-volume-control-phone; }
+.#{$fa-css-prefix}-braille:before { content: $fa-var-braille; }
+.#{$fa-css-prefix}-assistive-listening-systems:before { content: $fa-var-assistive-listening-systems; }
+.#{$fa-css-prefix}-asl-interpreting:before,
+.#{$fa-css-prefix}-american-sign-language-interpreting:before { content: $fa-var-american-sign-language-interpreting; }
+.#{$fa-css-prefix}-deafness:before,
+.#{$fa-css-prefix}-hard-of-hearing:before,
+.#{$fa-css-prefix}-deaf:before { content: $fa-var-deaf; }
+.#{$fa-css-prefix}-glide:before { content: $fa-var-glide; }
+.#{$fa-css-prefix}-glide-g:before { content: $fa-var-glide-g; }
+.#{$fa-css-prefix}-signing:before,
+.#{$fa-css-prefix}-sign-language:before { content: $fa-var-sign-language; }
+.#{$fa-css-prefix}-low-vision:before { content: $fa-var-low-vision; }
+.#{$fa-css-prefix}-viadeo:before { content: $fa-var-viadeo; }
+.#{$fa-css-prefix}-viadeo-square:before { content: $fa-var-viadeo-square; }
+.#{$fa-css-prefix}-snapchat:before { content: $fa-var-snapchat; }
+.#{$fa-css-prefix}-snapchat-ghost:before { content: $fa-var-snapchat-ghost; }
+.#{$fa-css-prefix}-snapchat-square:before { content: $fa-var-snapchat-square; }
+.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; }
+.#{$fa-css-prefix}-first-order:before { content: $fa-var-first-order; }
+.#{$fa-css-prefix}-yoast:before { content: $fa-var-yoast; }
+.#{$fa-css-prefix}-themeisle:before { content: $fa-var-themeisle; }
+.#{$fa-css-prefix}-google-plus-circle:before,
+.#{$fa-css-prefix}-google-plus-official:before { content: $fa-var-google-plus-official; }
+.#{$fa-css-prefix}-fa:before,
+.#{$fa-css-prefix}-font-awesome:before { content: $fa-var-font-awesome; }
+.#{$fa-css-prefix}-handshake-o:before { content: $fa-var-handshake-o; }
+.#{$fa-css-prefix}-envelope-open:before { content: $fa-var-envelope-open; }
+.#{$fa-css-prefix}-envelope-open-o:before { content: $fa-var-envelope-open-o; }
+.#{$fa-css-prefix}-linode:before { content: $fa-var-linode; }
+.#{$fa-css-prefix}-address-book:before { content: $fa-var-address-book; }
+.#{$fa-css-prefix}-address-book-o:before { content: $fa-var-address-book-o; }
+.#{$fa-css-prefix}-vcard:before,
+.#{$fa-css-prefix}-address-card:before { content: $fa-var-address-card; }
+.#{$fa-css-prefix}-vcard-o:before,
+.#{$fa-css-prefix}-address-card-o:before { content: $fa-var-address-card-o; }
+.#{$fa-css-prefix}-user-circle:before { content: $fa-var-user-circle; }
+.#{$fa-css-prefix}-user-circle-o:before { content: $fa-var-user-circle-o; }
+.#{$fa-css-prefix}-user-o:before { content: $fa-var-user-o; }
+.#{$fa-css-prefix}-id-badge:before { content: $fa-var-id-badge; }
+.#{$fa-css-prefix}-drivers-license:before,
+.#{$fa-css-prefix}-id-card:before { content: $fa-var-id-card; }
+.#{$fa-css-prefix}-drivers-license-o:before,
+.#{$fa-css-prefix}-id-card-o:before { content: $fa-var-id-card-o; }
+.#{$fa-css-prefix}-quora:before { content: $fa-var-quora; }
+.#{$fa-css-prefix}-free-code-camp:before { content: $fa-var-free-code-camp; }
+.#{$fa-css-prefix}-telegram:before { content: $fa-var-telegram; }
+.#{$fa-css-prefix}-thermometer-4:before,
+.#{$fa-css-prefix}-thermometer:before,
+.#{$fa-css-prefix}-thermometer-full:before { content: $fa-var-thermometer-full; }
+.#{$fa-css-prefix}-thermometer-3:before,
+.#{$fa-css-prefix}-thermometer-three-quarters:before { content: $fa-var-thermometer-three-quarters; }
+.#{$fa-css-prefix}-thermometer-2:before,
+.#{$fa-css-prefix}-thermometer-half:before { content: $fa-var-thermometer-half; }
+.#{$fa-css-prefix}-thermometer-1:before,
+.#{$fa-css-prefix}-thermometer-quarter:before { content: $fa-var-thermometer-quarter; }
+.#{$fa-css-prefix}-thermometer-0:before,
+.#{$fa-css-prefix}-thermometer-empty:before { content: $fa-var-thermometer-empty; }
+.#{$fa-css-prefix}-shower:before { content: $fa-var-shower; }
+.#{$fa-css-prefix}-bathtub:before,
+.#{$fa-css-prefix}-s15:before,
+.#{$fa-css-prefix}-bath:before { content: $fa-var-bath; }
+.#{$fa-css-prefix}-podcast:before { content: $fa-var-podcast; }
+.#{$fa-css-prefix}-window-maximize:before { content: $fa-var-window-maximize; }
+.#{$fa-css-prefix}-window-minimize:before { content: $fa-var-window-minimize; }
+.#{$fa-css-prefix}-window-restore:before { content: $fa-var-window-restore; }
+.#{$fa-css-prefix}-times-rectangle:before,
+.#{$fa-css-prefix}-window-close:before { content: $fa-var-window-close; }
+.#{$fa-css-prefix}-times-rectangle-o:before,
+.#{$fa-css-prefix}-window-close-o:before { content: $fa-var-window-close-o; }
+.#{$fa-css-prefix}-bandcamp:before { content: $fa-var-bandcamp; }
+.#{$fa-css-prefix}-grav:before { content: $fa-var-grav; }
+.#{$fa-css-prefix}-etsy:before { content: $fa-var-etsy; }
+.#{$fa-css-prefix}-imdb:before { content: $fa-var-imdb; }
+.#{$fa-css-prefix}-ravelry:before { content: $fa-var-ravelry; }
+.#{$fa-css-prefix}-eercast:before { content: $fa-var-eercast; }
+.#{$fa-css-prefix}-microchip:before { content: $fa-var-microchip; }
+.#{$fa-css-prefix}-snowflake-o:before { content: $fa-var-snowflake-o; }
+.#{$fa-css-prefix}-superpowers:before { content: $fa-var-superpowers; }
+.#{$fa-css-prefix}-wpexplorer:before { content: $fa-var-wpexplorer; }
+.#{$fa-css-prefix}-meetup:before { content: $fa-var-meetup; }
diff --git a/font-awesome/_larger.scss b/font-awesome/_larger.scss
new file mode 100644
index 0000000..41e9a81
--- /dev/null
+++ b/font-awesome/_larger.scss
@@ -0,0 +1,13 @@
+// Icon Sizes
+// -------------------------
+
+/* makes the font 33% larger relative to the icon container */
+.#{$fa-css-prefix}-lg {
+ font-size: (4em / 3);
+ line-height: (3em / 4);
+ vertical-align: -15%;
+}
+.#{$fa-css-prefix}-2x { font-size: 2em; }
+.#{$fa-css-prefix}-3x { font-size: 3em; }
+.#{$fa-css-prefix}-4x { font-size: 4em; }
+.#{$fa-css-prefix}-5x { font-size: 5em; }
diff --git a/font-awesome/_list.scss b/font-awesome/_list.scss
new file mode 100644
index 0000000..7d1e4d5
--- /dev/null
+++ b/font-awesome/_list.scss
@@ -0,0 +1,19 @@
+// List Icons
+// -------------------------
+
+.#{$fa-css-prefix}-ul {
+ padding-left: 0;
+ margin-left: $fa-li-width;
+ list-style-type: none;
+ > li { position: relative; }
+}
+.#{$fa-css-prefix}-li {
+ position: absolute;
+ left: -$fa-li-width;
+ width: $fa-li-width;
+ top: (2em / 14);
+ text-align: center;
+ &.#{$fa-css-prefix}-lg {
+ left: -$fa-li-width + (4em / 14);
+ }
+}
diff --git a/font-awesome/_mixins.scss b/font-awesome/_mixins.scss
new file mode 100644
index 0000000..c3bbd57
--- /dev/null
+++ b/font-awesome/_mixins.scss
@@ -0,0 +1,60 @@
+// Mixins
+// --------------------------
+
+@mixin fa-icon() {
+ display: inline-block;
+ font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
+ font-size: inherit; // can't have font-size inherit on line above, so need to override
+ text-rendering: auto; // optimizelegibility throws things off #1094
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+
+}
+
+@mixin fa-icon-rotate($degrees, $rotation) {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
+ -webkit-transform: rotate($degrees);
+ -ms-transform: rotate($degrees);
+ transform: rotate($degrees);
+}
+
+@mixin fa-icon-flip($horiz, $vert, $rotation) {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
+ -webkit-transform: scale($horiz, $vert);
+ -ms-transform: scale($horiz, $vert);
+ transform: scale($horiz, $vert);
+}
+
+
+// Only display content to screen readers. A la Bootstrap 4.
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+
+@mixin sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ border: 0;
+}
+
+// Use in conjunction with .sr-only to only display content when it's focused.
+//
+// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
+//
+// Credit: HTML5 Boilerplate
+
+@mixin sr-only-focusable {
+ &:active,
+ &:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ }
+}
diff --git a/font-awesome/_path.scss b/font-awesome/_path.scss
new file mode 100644
index 0000000..bb457c2
--- /dev/null
+++ b/font-awesome/_path.scss
@@ -0,0 +1,15 @@
+/* FONT PATH
+ * -------------------------- */
+
+@font-face {
+ font-family: 'FontAwesome';
+ src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
+ src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
+ url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
+ url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
+ url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
+ url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
+// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
+ font-weight: normal;
+ font-style: normal;
+}
diff --git a/font-awesome/_rotated-flipped.scss b/font-awesome/_rotated-flipped.scss
new file mode 100644
index 0000000..a3558fd
--- /dev/null
+++ b/font-awesome/_rotated-flipped.scss
@@ -0,0 +1,20 @@
+// Rotated & Flipped Icons
+// -------------------------
+
+.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
+.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
+.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
+
+.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
+.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
+
+// Hook for IE8-9
+// -------------------------
+
+:root .#{$fa-css-prefix}-rotate-90,
+:root .#{$fa-css-prefix}-rotate-180,
+:root .#{$fa-css-prefix}-rotate-270,
+:root .#{$fa-css-prefix}-flip-horizontal,
+:root .#{$fa-css-prefix}-flip-vertical {
+ filter: none;
+}
diff --git a/font-awesome/_screen-reader.scss b/font-awesome/_screen-reader.scss
new file mode 100644
index 0000000..637426f
--- /dev/null
+++ b/font-awesome/_screen-reader.scss
@@ -0,0 +1,5 @@
+// Screen Readers
+// -------------------------
+
+.sr-only { @include sr-only(); }
+.sr-only-focusable { @include sr-only-focusable(); }
diff --git a/font-awesome/_stacked.scss b/font-awesome/_stacked.scss
new file mode 100644
index 0000000..aef7403
--- /dev/null
+++ b/font-awesome/_stacked.scss
@@ -0,0 +1,20 @@
+// Stacked Icons
+// -------------------------
+
+.#{$fa-css-prefix}-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle;
+}
+.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center;
+}
+.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
+.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
+.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
diff --git a/font-awesome/_variables.scss b/font-awesome/_variables.scss
new file mode 100644
index 0000000..498fc4a
--- /dev/null
+++ b/font-awesome/_variables.scss
@@ -0,0 +1,800 @@
+// Variables
+// --------------------------
+
+$fa-font-path: "../fonts" !default;
+$fa-font-size-base: 14px !default;
+$fa-line-height-base: 1 !default;
+//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts" !default; // for referencing Bootstrap CDN font files directly
+$fa-css-prefix: fa !default;
+$fa-version: "4.7.0" !default;
+$fa-border-color: #eee !default;
+$fa-inverse: #fff !default;
+$fa-li-width: (30em / 14) !default;
+
+$fa-var-500px: "\f26e";
+$fa-var-address-book: "\f2b9";
+$fa-var-address-book-o: "\f2ba";
+$fa-var-address-card: "\f2bb";
+$fa-var-address-card-o: "\f2bc";
+$fa-var-adjust: "\f042";
+$fa-var-adn: "\f170";
+$fa-var-align-center: "\f037";
+$fa-var-align-justify: "\f039";
+$fa-var-align-left: "\f036";
+$fa-var-align-right: "\f038";
+$fa-var-amazon: "\f270";
+$fa-var-ambulance: "\f0f9";
+$fa-var-american-sign-language-interpreting: "\f2a3";
+$fa-var-anchor: "\f13d";
+$fa-var-android: "\f17b";
+$fa-var-angellist: "\f209";
+$fa-var-angle-double-down: "\f103";
+$fa-var-angle-double-left: "\f100";
+$fa-var-angle-double-right: "\f101";
+$fa-var-angle-double-up: "\f102";
+$fa-var-angle-down: "\f107";
+$fa-var-angle-left: "\f104";
+$fa-var-angle-right: "\f105";
+$fa-var-angle-up: "\f106";
+$fa-var-apple: "\f179";
+$fa-var-archive: "\f187";
+$fa-var-area-chart: "\f1fe";
+$fa-var-arrow-circle-down: "\f0ab";
+$fa-var-arrow-circle-left: "\f0a8";
+$fa-var-arrow-circle-o-down: "\f01a";
+$fa-var-arrow-circle-o-left: "\f190";
+$fa-var-arrow-circle-o-right: "\f18e";
+$fa-var-arrow-circle-o-up: "\f01b";
+$fa-var-arrow-circle-right: "\f0a9";
+$fa-var-arrow-circle-up: "\f0aa";
+$fa-var-arrow-down: "\f063";
+$fa-var-arrow-left: "\f060";
+$fa-var-arrow-right: "\f061";
+$fa-var-arrow-up: "\f062";
+$fa-var-arrows: "\f047";
+$fa-var-arrows-alt: "\f0b2";
+$fa-var-arrows-h: "\f07e";
+$fa-var-arrows-v: "\f07d";
+$fa-var-asl-interpreting: "\f2a3";
+$fa-var-assistive-listening-systems: "\f2a2";
+$fa-var-asterisk: "\f069";
+$fa-var-at: "\f1fa";
+$fa-var-audio-description: "\f29e";
+$fa-var-automobile: "\f1b9";
+$fa-var-backward: "\f04a";
+$fa-var-balance-scale: "\f24e";
+$fa-var-ban: "\f05e";
+$fa-var-bandcamp: "\f2d5";
+$fa-var-bank: "\f19c";
+$fa-var-bar-chart: "\f080";
+$fa-var-bar-chart-o: "\f080";
+$fa-var-barcode: "\f02a";
+$fa-var-bars: "\f0c9";
+$fa-var-bath: "\f2cd";
+$fa-var-bathtub: "\f2cd";
+$fa-var-battery: "\f240";
+$fa-var-battery-0: "\f244";
+$fa-var-battery-1: "\f243";
+$fa-var-battery-2: "\f242";
+$fa-var-battery-3: "\f241";
+$fa-var-battery-4: "\f240";
+$fa-var-battery-empty: "\f244";
+$fa-var-battery-full: "\f240";
+$fa-var-battery-half: "\f242";
+$fa-var-battery-quarter: "\f243";
+$fa-var-battery-three-quarters: "\f241";
+$fa-var-bed: "\f236";
+$fa-var-beer: "\f0fc";
+$fa-var-behance: "\f1b4";
+$fa-var-behance-square: "\f1b5";
+$fa-var-bell: "\f0f3";
+$fa-var-bell-o: "\f0a2";
+$fa-var-bell-slash: "\f1f6";
+$fa-var-bell-slash-o: "\f1f7";
+$fa-var-bicycle: "\f206";
+$fa-var-binoculars: "\f1e5";
+$fa-var-birthday-cake: "\f1fd";
+$fa-var-bitbucket: "\f171";
+$fa-var-bitbucket-square: "\f172";
+$fa-var-bitcoin: "\f15a";
+$fa-var-black-tie: "\f27e";
+$fa-var-blind: "\f29d";
+$fa-var-bluetooth: "\f293";
+$fa-var-bluetooth-b: "\f294";
+$fa-var-bold: "\f032";
+$fa-var-bolt: "\f0e7";
+$fa-var-bomb: "\f1e2";
+$fa-var-book: "\f02d";
+$fa-var-bookmark: "\f02e";
+$fa-var-bookmark-o: "\f097";
+$fa-var-braille: "\f2a1";
+$fa-var-briefcase: "\f0b1";
+$fa-var-btc: "\f15a";
+$fa-var-bug: "\f188";
+$fa-var-building: "\f1ad";
+$fa-var-building-o: "\f0f7";
+$fa-var-bullhorn: "\f0a1";
+$fa-var-bullseye: "\f140";
+$fa-var-bus: "\f207";
+$fa-var-buysellads: "\f20d";
+$fa-var-cab: "\f1ba";
+$fa-var-calculator: "\f1ec";
+$fa-var-calendar: "\f073";
+$fa-var-calendar-check-o: "\f274";
+$fa-var-calendar-minus-o: "\f272";
+$fa-var-calendar-o: "\f133";
+$fa-var-calendar-plus-o: "\f271";
+$fa-var-calendar-times-o: "\f273";
+$fa-var-camera: "\f030";
+$fa-var-camera-retro: "\f083";
+$fa-var-car: "\f1b9";
+$fa-var-caret-down: "\f0d7";
+$fa-var-caret-left: "\f0d9";
+$fa-var-caret-right: "\f0da";
+$fa-var-caret-square-o-down: "\f150";
+$fa-var-caret-square-o-left: "\f191";
+$fa-var-caret-square-o-right: "\f152";
+$fa-var-caret-square-o-up: "\f151";
+$fa-var-caret-up: "\f0d8";
+$fa-var-cart-arrow-down: "\f218";
+$fa-var-cart-plus: "\f217";
+$fa-var-cc: "\f20a";
+$fa-var-cc-amex: "\f1f3";
+$fa-var-cc-diners-club: "\f24c";
+$fa-var-cc-discover: "\f1f2";
+$fa-var-cc-jcb: "\f24b";
+$fa-var-cc-mastercard: "\f1f1";
+$fa-var-cc-paypal: "\f1f4";
+$fa-var-cc-stripe: "\f1f5";
+$fa-var-cc-visa: "\f1f0";
+$fa-var-certificate: "\f0a3";
+$fa-var-chain: "\f0c1";
+$fa-var-chain-broken: "\f127";
+$fa-var-check: "\f00c";
+$fa-var-check-circle: "\f058";
+$fa-var-check-circle-o: "\f05d";
+$fa-var-check-square: "\f14a";
+$fa-var-check-square-o: "\f046";
+$fa-var-chevron-circle-down: "\f13a";
+$fa-var-chevron-circle-left: "\f137";
+$fa-var-chevron-circle-right: "\f138";
+$fa-var-chevron-circle-up: "\f139";
+$fa-var-chevron-down: "\f078";
+$fa-var-chevron-left: "\f053";
+$fa-var-chevron-right: "\f054";
+$fa-var-chevron-up: "\f077";
+$fa-var-child: "\f1ae";
+$fa-var-chrome: "\f268";
+$fa-var-circle: "\f111";
+$fa-var-circle-o: "\f10c";
+$fa-var-circle-o-notch: "\f1ce";
+$fa-var-circle-thin: "\f1db";
+$fa-var-clipboard: "\f0ea";
+$fa-var-clock-o: "\f017";
+$fa-var-clone: "\f24d";
+$fa-var-close: "\f00d";
+$fa-var-cloud: "\f0c2";
+$fa-var-cloud-download: "\f0ed";
+$fa-var-cloud-upload: "\f0ee";
+$fa-var-cny: "\f157";
+$fa-var-code: "\f121";
+$fa-var-code-fork: "\f126";
+$fa-var-codepen: "\f1cb";
+$fa-var-codiepie: "\f284";
+$fa-var-coffee: "\f0f4";
+$fa-var-cog: "\f013";
+$fa-var-cogs: "\f085";
+$fa-var-columns: "\f0db";
+$fa-var-comment: "\f075";
+$fa-var-comment-o: "\f0e5";
+$fa-var-commenting: "\f27a";
+$fa-var-commenting-o: "\f27b";
+$fa-var-comments: "\f086";
+$fa-var-comments-o: "\f0e6";
+$fa-var-compass: "\f14e";
+$fa-var-compress: "\f066";
+$fa-var-connectdevelop: "\f20e";
+$fa-var-contao: "\f26d";
+$fa-var-copy: "\f0c5";
+$fa-var-copyright: "\f1f9";
+$fa-var-creative-commons: "\f25e";
+$fa-var-credit-card: "\f09d";
+$fa-var-credit-card-alt: "\f283";
+$fa-var-crop: "\f125";
+$fa-var-crosshairs: "\f05b";
+$fa-var-css3: "\f13c";
+$fa-var-cube: "\f1b2";
+$fa-var-cubes: "\f1b3";
+$fa-var-cut: "\f0c4";
+$fa-var-cutlery: "\f0f5";
+$fa-var-dashboard: "\f0e4";
+$fa-var-dashcube: "\f210";
+$fa-var-database: "\f1c0";
+$fa-var-deaf: "\f2a4";
+$fa-var-deafness: "\f2a4";
+$fa-var-dedent: "\f03b";
+$fa-var-delicious: "\f1a5";
+$fa-var-desktop: "\f108";
+$fa-var-deviantart: "\f1bd";
+$fa-var-diamond: "\f219";
+$fa-var-digg: "\f1a6";
+$fa-var-dollar: "\f155";
+$fa-var-dot-circle-o: "\f192";
+$fa-var-download: "\f019";
+$fa-var-dribbble: "\f17d";
+$fa-var-drivers-license: "\f2c2";
+$fa-var-drivers-license-o: "\f2c3";
+$fa-var-dropbox: "\f16b";
+$fa-var-drupal: "\f1a9";
+$fa-var-edge: "\f282";
+$fa-var-edit: "\f044";
+$fa-var-eercast: "\f2da";
+$fa-var-eject: "\f052";
+$fa-var-ellipsis-h: "\f141";
+$fa-var-ellipsis-v: "\f142";
+$fa-var-empire: "\f1d1";
+$fa-var-envelope: "\f0e0";
+$fa-var-envelope-o: "\f003";
+$fa-var-envelope-open: "\f2b6";
+$fa-var-envelope-open-o: "\f2b7";
+$fa-var-envelope-square: "\f199";
+$fa-var-envira: "\f299";
+$fa-var-eraser: "\f12d";
+$fa-var-etsy: "\f2d7";
+$fa-var-eur: "\f153";
+$fa-var-euro: "\f153";
+$fa-var-exchange: "\f0ec";
+$fa-var-exclamation: "\f12a";
+$fa-var-exclamation-circle: "\f06a";
+$fa-var-exclamation-triangle: "\f071";
+$fa-var-expand: "\f065";
+$fa-var-expeditedssl: "\f23e";
+$fa-var-external-link: "\f08e";
+$fa-var-external-link-square: "\f14c";
+$fa-var-eye: "\f06e";
+$fa-var-eye-slash: "\f070";
+$fa-var-eyedropper: "\f1fb";
+$fa-var-fa: "\f2b4";
+$fa-var-facebook: "\f09a";
+$fa-var-facebook-f: "\f09a";
+$fa-var-facebook-official: "\f230";
+$fa-var-facebook-square: "\f082";
+$fa-var-fast-backward: "\f049";
+$fa-var-fast-forward: "\f050";
+$fa-var-fax: "\f1ac";
+$fa-var-feed: "\f09e";
+$fa-var-female: "\f182";
+$fa-var-fighter-jet: "\f0fb";
+$fa-var-file: "\f15b";
+$fa-var-file-archive-o: "\f1c6";
+$fa-var-file-audio-o: "\f1c7";
+$fa-var-file-code-o: "\f1c9";
+$fa-var-file-excel-o: "\f1c3";
+$fa-var-file-image-o: "\f1c5";
+$fa-var-file-movie-o: "\f1c8";
+$fa-var-file-o: "\f016";
+$fa-var-file-pdf-o: "\f1c1";
+$fa-var-file-photo-o: "\f1c5";
+$fa-var-file-picture-o: "\f1c5";
+$fa-var-file-powerpoint-o: "\f1c4";
+$fa-var-file-sound-o: "\f1c7";
+$fa-var-file-text: "\f15c";
+$fa-var-file-text-o: "\f0f6";
+$fa-var-file-video-o: "\f1c8";
+$fa-var-file-word-o: "\f1c2";
+$fa-var-file-zip-o: "\f1c6";
+$fa-var-files-o: "\f0c5";
+$fa-var-film: "\f008";
+$fa-var-filter: "\f0b0";
+$fa-var-fire: "\f06d";
+$fa-var-fire-extinguisher: "\f134";
+$fa-var-firefox: "\f269";
+$fa-var-first-order: "\f2b0";
+$fa-var-flag: "\f024";
+$fa-var-flag-checkered: "\f11e";
+$fa-var-flag-o: "\f11d";
+$fa-var-flash: "\f0e7";
+$fa-var-flask: "\f0c3";
+$fa-var-flickr: "\f16e";
+$fa-var-floppy-o: "\f0c7";
+$fa-var-folder: "\f07b";
+$fa-var-folder-o: "\f114";
+$fa-var-folder-open: "\f07c";
+$fa-var-folder-open-o: "\f115";
+$fa-var-font: "\f031";
+$fa-var-font-awesome: "\f2b4";
+$fa-var-fonticons: "\f280";
+$fa-var-fort-awesome: "\f286";
+$fa-var-forumbee: "\f211";
+$fa-var-forward: "\f04e";
+$fa-var-foursquare: "\f180";
+$fa-var-free-code-camp: "\f2c5";
+$fa-var-frown-o: "\f119";
+$fa-var-futbol-o: "\f1e3";
+$fa-var-gamepad: "\f11b";
+$fa-var-gavel: "\f0e3";
+$fa-var-gbp: "\f154";
+$fa-var-ge: "\f1d1";
+$fa-var-gear: "\f013";
+$fa-var-gears: "\f085";
+$fa-var-genderless: "\f22d";
+$fa-var-get-pocket: "\f265";
+$fa-var-gg: "\f260";
+$fa-var-gg-circle: "\f261";
+$fa-var-gift: "\f06b";
+$fa-var-git: "\f1d3";
+$fa-var-git-square: "\f1d2";
+$fa-var-github: "\f09b";
+$fa-var-github-alt: "\f113";
+$fa-var-github-square: "\f092";
+$fa-var-gitlab: "\f296";
+$fa-var-gittip: "\f184";
+$fa-var-glass: "\f000";
+$fa-var-glide: "\f2a5";
+$fa-var-glide-g: "\f2a6";
+$fa-var-globe: "\f0ac";
+$fa-var-google: "\f1a0";
+$fa-var-google-plus: "\f0d5";
+$fa-var-google-plus-circle: "\f2b3";
+$fa-var-google-plus-official: "\f2b3";
+$fa-var-google-plus-square: "\f0d4";
+$fa-var-google-wallet: "\f1ee";
+$fa-var-graduation-cap: "\f19d";
+$fa-var-gratipay: "\f184";
+$fa-var-grav: "\f2d6";
+$fa-var-group: "\f0c0";
+$fa-var-h-square: "\f0fd";
+$fa-var-hacker-news: "\f1d4";
+$fa-var-hand-grab-o: "\f255";
+$fa-var-hand-lizard-o: "\f258";
+$fa-var-hand-o-down: "\f0a7";
+$fa-var-hand-o-left: "\f0a5";
+$fa-var-hand-o-right: "\f0a4";
+$fa-var-hand-o-up: "\f0a6";
+$fa-var-hand-paper-o: "\f256";
+$fa-var-hand-peace-o: "\f25b";
+$fa-var-hand-pointer-o: "\f25a";
+$fa-var-hand-rock-o: "\f255";
+$fa-var-hand-scissors-o: "\f257";
+$fa-var-hand-spock-o: "\f259";
+$fa-var-hand-stop-o: "\f256";
+$fa-var-handshake-o: "\f2b5";
+$fa-var-hard-of-hearing: "\f2a4";
+$fa-var-hashtag: "\f292";
+$fa-var-hdd-o: "\f0a0";
+$fa-var-header: "\f1dc";
+$fa-var-headphones: "\f025";
+$fa-var-heart: "\f004";
+$fa-var-heart-o: "\f08a";
+$fa-var-heartbeat: "\f21e";
+$fa-var-history: "\f1da";
+$fa-var-home: "\f015";
+$fa-var-hospital-o: "\f0f8";
+$fa-var-hotel: "\f236";
+$fa-var-hourglass: "\f254";
+$fa-var-hourglass-1: "\f251";
+$fa-var-hourglass-2: "\f252";
+$fa-var-hourglass-3: "\f253";
+$fa-var-hourglass-end: "\f253";
+$fa-var-hourglass-half: "\f252";
+$fa-var-hourglass-o: "\f250";
+$fa-var-hourglass-start: "\f251";
+$fa-var-houzz: "\f27c";
+$fa-var-html5: "\f13b";
+$fa-var-i-cursor: "\f246";
+$fa-var-id-badge: "\f2c1";
+$fa-var-id-card: "\f2c2";
+$fa-var-id-card-o: "\f2c3";
+$fa-var-ils: "\f20b";
+$fa-var-image: "\f03e";
+$fa-var-imdb: "\f2d8";
+$fa-var-inbox: "\f01c";
+$fa-var-indent: "\f03c";
+$fa-var-industry: "\f275";
+$fa-var-info: "\f129";
+$fa-var-info-circle: "\f05a";
+$fa-var-inr: "\f156";
+$fa-var-instagram: "\f16d";
+$fa-var-institution: "\f19c";
+$fa-var-internet-explorer: "\f26b";
+$fa-var-intersex: "\f224";
+$fa-var-ioxhost: "\f208";
+$fa-var-italic: "\f033";
+$fa-var-joomla: "\f1aa";
+$fa-var-jpy: "\f157";
+$fa-var-jsfiddle: "\f1cc";
+$fa-var-key: "\f084";
+$fa-var-keyboard-o: "\f11c";
+$fa-var-krw: "\f159";
+$fa-var-language: "\f1ab";
+$fa-var-laptop: "\f109";
+$fa-var-lastfm: "\f202";
+$fa-var-lastfm-square: "\f203";
+$fa-var-leaf: "\f06c";
+$fa-var-leanpub: "\f212";
+$fa-var-legal: "\f0e3";
+$fa-var-lemon-o: "\f094";
+$fa-var-level-down: "\f149";
+$fa-var-level-up: "\f148";
+$fa-var-life-bouy: "\f1cd";
+$fa-var-life-buoy: "\f1cd";
+$fa-var-life-ring: "\f1cd";
+$fa-var-life-saver: "\f1cd";
+$fa-var-lightbulb-o: "\f0eb";
+$fa-var-line-chart: "\f201";
+$fa-var-link: "\f0c1";
+$fa-var-linkedin: "\f0e1";
+$fa-var-linkedin-square: "\f08c";
+$fa-var-linode: "\f2b8";
+$fa-var-linux: "\f17c";
+$fa-var-list: "\f03a";
+$fa-var-list-alt: "\f022";
+$fa-var-list-ol: "\f0cb";
+$fa-var-list-ul: "\f0ca";
+$fa-var-location-arrow: "\f124";
+$fa-var-lock: "\f023";
+$fa-var-long-arrow-down: "\f175";
+$fa-var-long-arrow-left: "\f177";
+$fa-var-long-arrow-right: "\f178";
+$fa-var-long-arrow-up: "\f176";
+$fa-var-low-vision: "\f2a8";
+$fa-var-magic: "\f0d0";
+$fa-var-magnet: "\f076";
+$fa-var-mail-forward: "\f064";
+$fa-var-mail-reply: "\f112";
+$fa-var-mail-reply-all: "\f122";
+$fa-var-male: "\f183";
+$fa-var-map: "\f279";
+$fa-var-map-marker: "\f041";
+$fa-var-map-o: "\f278";
+$fa-var-map-pin: "\f276";
+$fa-var-map-signs: "\f277";
+$fa-var-mars: "\f222";
+$fa-var-mars-double: "\f227";
+$fa-var-mars-stroke: "\f229";
+$fa-var-mars-stroke-h: "\f22b";
+$fa-var-mars-stroke-v: "\f22a";
+$fa-var-maxcdn: "\f136";
+$fa-var-meanpath: "\f20c";
+$fa-var-medium: "\f23a";
+$fa-var-medkit: "\f0fa";
+$fa-var-meetup: "\f2e0";
+$fa-var-meh-o: "\f11a";
+$fa-var-mercury: "\f223";
+$fa-var-microchip: "\f2db";
+$fa-var-microphone: "\f130";
+$fa-var-microphone-slash: "\f131";
+$fa-var-minus: "\f068";
+$fa-var-minus-circle: "\f056";
+$fa-var-minus-square: "\f146";
+$fa-var-minus-square-o: "\f147";
+$fa-var-mixcloud: "\f289";
+$fa-var-mobile: "\f10b";
+$fa-var-mobile-phone: "\f10b";
+$fa-var-modx: "\f285";
+$fa-var-money: "\f0d6";
+$fa-var-moon-o: "\f186";
+$fa-var-mortar-board: "\f19d";
+$fa-var-motorcycle: "\f21c";
+$fa-var-mouse-pointer: "\f245";
+$fa-var-music: "\f001";
+$fa-var-navicon: "\f0c9";
+$fa-var-neuter: "\f22c";
+$fa-var-newspaper-o: "\f1ea";
+$fa-var-object-group: "\f247";
+$fa-var-object-ungroup: "\f248";
+$fa-var-odnoklassniki: "\f263";
+$fa-var-odnoklassniki-square: "\f264";
+$fa-var-opencart: "\f23d";
+$fa-var-openid: "\f19b";
+$fa-var-opera: "\f26a";
+$fa-var-optin-monster: "\f23c";
+$fa-var-outdent: "\f03b";
+$fa-var-pagelines: "\f18c";
+$fa-var-paint-brush: "\f1fc";
+$fa-var-paper-plane: "\f1d8";
+$fa-var-paper-plane-o: "\f1d9";
+$fa-var-paperclip: "\f0c6";
+$fa-var-paragraph: "\f1dd";
+$fa-var-paste: "\f0ea";
+$fa-var-pause: "\f04c";
+$fa-var-pause-circle: "\f28b";
+$fa-var-pause-circle-o: "\f28c";
+$fa-var-paw: "\f1b0";
+$fa-var-paypal: "\f1ed";
+$fa-var-pencil: "\f040";
+$fa-var-pencil-square: "\f14b";
+$fa-var-pencil-square-o: "\f044";
+$fa-var-percent: "\f295";
+$fa-var-phone: "\f095";
+$fa-var-phone-square: "\f098";
+$fa-var-photo: "\f03e";
+$fa-var-picture-o: "\f03e";
+$fa-var-pie-chart: "\f200";
+$fa-var-pied-piper: "\f2ae";
+$fa-var-pied-piper-alt: "\f1a8";
+$fa-var-pied-piper-pp: "\f1a7";
+$fa-var-pinterest: "\f0d2";
+$fa-var-pinterest-p: "\f231";
+$fa-var-pinterest-square: "\f0d3";
+$fa-var-plane: "\f072";
+$fa-var-play: "\f04b";
+$fa-var-play-circle: "\f144";
+$fa-var-play-circle-o: "\f01d";
+$fa-var-plug: "\f1e6";
+$fa-var-plus: "\f067";
+$fa-var-plus-circle: "\f055";
+$fa-var-plus-square: "\f0fe";
+$fa-var-plus-square-o: "\f196";
+$fa-var-podcast: "\f2ce";
+$fa-var-power-off: "\f011";
+$fa-var-print: "\f02f";
+$fa-var-product-hunt: "\f288";
+$fa-var-puzzle-piece: "\f12e";
+$fa-var-qq: "\f1d6";
+$fa-var-qrcode: "\f029";
+$fa-var-question: "\f128";
+$fa-var-question-circle: "\f059";
+$fa-var-question-circle-o: "\f29c";
+$fa-var-quora: "\f2c4";
+$fa-var-quote-left: "\f10d";
+$fa-var-quote-right: "\f10e";
+$fa-var-ra: "\f1d0";
+$fa-var-random: "\f074";
+$fa-var-ravelry: "\f2d9";
+$fa-var-rebel: "\f1d0";
+$fa-var-recycle: "\f1b8";
+$fa-var-reddit: "\f1a1";
+$fa-var-reddit-alien: "\f281";
+$fa-var-reddit-square: "\f1a2";
+$fa-var-refresh: "\f021";
+$fa-var-registered: "\f25d";
+$fa-var-remove: "\f00d";
+$fa-var-renren: "\f18b";
+$fa-var-reorder: "\f0c9";
+$fa-var-repeat: "\f01e";
+$fa-var-reply: "\f112";
+$fa-var-reply-all: "\f122";
+$fa-var-resistance: "\f1d0";
+$fa-var-retweet: "\f079";
+$fa-var-rmb: "\f157";
+$fa-var-road: "\f018";
+$fa-var-rocket: "\f135";
+$fa-var-rotate-left: "\f0e2";
+$fa-var-rotate-right: "\f01e";
+$fa-var-rouble: "\f158";
+$fa-var-rss: "\f09e";
+$fa-var-rss-square: "\f143";
+$fa-var-rub: "\f158";
+$fa-var-ruble: "\f158";
+$fa-var-rupee: "\f156";
+$fa-var-s15: "\f2cd";
+$fa-var-safari: "\f267";
+$fa-var-save: "\f0c7";
+$fa-var-scissors: "\f0c4";
+$fa-var-scribd: "\f28a";
+$fa-var-search: "\f002";
+$fa-var-search-minus: "\f010";
+$fa-var-search-plus: "\f00e";
+$fa-var-sellsy: "\f213";
+$fa-var-send: "\f1d8";
+$fa-var-send-o: "\f1d9";
+$fa-var-server: "\f233";
+$fa-var-share: "\f064";
+$fa-var-share-alt: "\f1e0";
+$fa-var-share-alt-square: "\f1e1";
+$fa-var-share-square: "\f14d";
+$fa-var-share-square-o: "\f045";
+$fa-var-shekel: "\f20b";
+$fa-var-sheqel: "\f20b";
+$fa-var-shield: "\f132";
+$fa-var-ship: "\f21a";
+$fa-var-shirtsinbulk: "\f214";
+$fa-var-shopping-bag: "\f290";
+$fa-var-shopping-basket: "\f291";
+$fa-var-shopping-cart: "\f07a";
+$fa-var-shower: "\f2cc";
+$fa-var-sign-in: "\f090";
+$fa-var-sign-language: "\f2a7";
+$fa-var-sign-out: "\f08b";
+$fa-var-signal: "\f012";
+$fa-var-signing: "\f2a7";
+$fa-var-simplybuilt: "\f215";
+$fa-var-sitemap: "\f0e8";
+$fa-var-skyatlas: "\f216";
+$fa-var-skype: "\f17e";
+$fa-var-slack: "\f198";
+$fa-var-sliders: "\f1de";
+$fa-var-slideshare: "\f1e7";
+$fa-var-smile-o: "\f118";
+$fa-var-snapchat: "\f2ab";
+$fa-var-snapchat-ghost: "\f2ac";
+$fa-var-snapchat-square: "\f2ad";
+$fa-var-snowflake-o: "\f2dc";
+$fa-var-soccer-ball-o: "\f1e3";
+$fa-var-sort: "\f0dc";
+$fa-var-sort-alpha-asc: "\f15d";
+$fa-var-sort-alpha-desc: "\f15e";
+$fa-var-sort-amount-asc: "\f160";
+$fa-var-sort-amount-desc: "\f161";
+$fa-var-sort-asc: "\f0de";
+$fa-var-sort-desc: "\f0dd";
+$fa-var-sort-down: "\f0dd";
+$fa-var-sort-numeric-asc: "\f162";
+$fa-var-sort-numeric-desc: "\f163";
+$fa-var-sort-up: "\f0de";
+$fa-var-soundcloud: "\f1be";
+$fa-var-space-shuttle: "\f197";
+$fa-var-spinner: "\f110";
+$fa-var-spoon: "\f1b1";
+$fa-var-spotify: "\f1bc";
+$fa-var-square: "\f0c8";
+$fa-var-square-o: "\f096";
+$fa-var-stack-exchange: "\f18d";
+$fa-var-stack-overflow: "\f16c";
+$fa-var-star: "\f005";
+$fa-var-star-half: "\f089";
+$fa-var-star-half-empty: "\f123";
+$fa-var-star-half-full: "\f123";
+$fa-var-star-half-o: "\f123";
+$fa-var-star-o: "\f006";
+$fa-var-steam: "\f1b6";
+$fa-var-steam-square: "\f1b7";
+$fa-var-step-backward: "\f048";
+$fa-var-step-forward: "\f051";
+$fa-var-stethoscope: "\f0f1";
+$fa-var-sticky-note: "\f249";
+$fa-var-sticky-note-o: "\f24a";
+$fa-var-stop: "\f04d";
+$fa-var-stop-circle: "\f28d";
+$fa-var-stop-circle-o: "\f28e";
+$fa-var-street-view: "\f21d";
+$fa-var-strikethrough: "\f0cc";
+$fa-var-stumbleupon: "\f1a4";
+$fa-var-stumbleupon-circle: "\f1a3";
+$fa-var-subscript: "\f12c";
+$fa-var-subway: "\f239";
+$fa-var-suitcase: "\f0f2";
+$fa-var-sun-o: "\f185";
+$fa-var-superpowers: "\f2dd";
+$fa-var-superscript: "\f12b";
+$fa-var-support: "\f1cd";
+$fa-var-table: "\f0ce";
+$fa-var-tablet: "\f10a";
+$fa-var-tachometer: "\f0e4";
+$fa-var-tag: "\f02b";
+$fa-var-tags: "\f02c";
+$fa-var-tasks: "\f0ae";
+$fa-var-taxi: "\f1ba";
+$fa-var-telegram: "\f2c6";
+$fa-var-television: "\f26c";
+$fa-var-tencent-weibo: "\f1d5";
+$fa-var-terminal: "\f120";
+$fa-var-text-height: "\f034";
+$fa-var-text-width: "\f035";
+$fa-var-th: "\f00a";
+$fa-var-th-large: "\f009";
+$fa-var-th-list: "\f00b";
+$fa-var-themeisle: "\f2b2";
+$fa-var-thermometer: "\f2c7";
+$fa-var-thermometer-0: "\f2cb";
+$fa-var-thermometer-1: "\f2ca";
+$fa-var-thermometer-2: "\f2c9";
+$fa-var-thermometer-3: "\f2c8";
+$fa-var-thermometer-4: "\f2c7";
+$fa-var-thermometer-empty: "\f2cb";
+$fa-var-thermometer-full: "\f2c7";
+$fa-var-thermometer-half: "\f2c9";
+$fa-var-thermometer-quarter: "\f2ca";
+$fa-var-thermometer-three-quarters: "\f2c8";
+$fa-var-thumb-tack: "\f08d";
+$fa-var-thumbs-down: "\f165";
+$fa-var-thumbs-o-down: "\f088";
+$fa-var-thumbs-o-up: "\f087";
+$fa-var-thumbs-up: "\f164";
+$fa-var-ticket: "\f145";
+$fa-var-times: "\f00d";
+$fa-var-times-circle: "\f057";
+$fa-var-times-circle-o: "\f05c";
+$fa-var-times-rectangle: "\f2d3";
+$fa-var-times-rectangle-o: "\f2d4";
+$fa-var-tint: "\f043";
+$fa-var-toggle-down: "\f150";
+$fa-var-toggle-left: "\f191";
+$fa-var-toggle-off: "\f204";
+$fa-var-toggle-on: "\f205";
+$fa-var-toggle-right: "\f152";
+$fa-var-toggle-up: "\f151";
+$fa-var-trademark: "\f25c";
+$fa-var-train: "\f238";
+$fa-var-transgender: "\f224";
+$fa-var-transgender-alt: "\f225";
+$fa-var-trash: "\f1f8";
+$fa-var-trash-o: "\f014";
+$fa-var-tree: "\f1bb";
+$fa-var-trello: "\f181";
+$fa-var-tripadvisor: "\f262";
+$fa-var-trophy: "\f091";
+$fa-var-truck: "\f0d1";
+$fa-var-try: "\f195";
+$fa-var-tty: "\f1e4";
+$fa-var-tumblr: "\f173";
+$fa-var-tumblr-square: "\f174";
+$fa-var-turkish-lira: "\f195";
+$fa-var-tv: "\f26c";
+$fa-var-twitch: "\f1e8";
+$fa-var-twitter: "\f099";
+$fa-var-twitter-square: "\f081";
+$fa-var-umbrella: "\f0e9";
+$fa-var-underline: "\f0cd";
+$fa-var-undo: "\f0e2";
+$fa-var-universal-access: "\f29a";
+$fa-var-university: "\f19c";
+$fa-var-unlink: "\f127";
+$fa-var-unlock: "\f09c";
+$fa-var-unlock-alt: "\f13e";
+$fa-var-unsorted: "\f0dc";
+$fa-var-upload: "\f093";
+$fa-var-usb: "\f287";
+$fa-var-usd: "\f155";
+$fa-var-user: "\f007";
+$fa-var-user-circle: "\f2bd";
+$fa-var-user-circle-o: "\f2be";
+$fa-var-user-md: "\f0f0";
+$fa-var-user-o: "\f2c0";
+$fa-var-user-plus: "\f234";
+$fa-var-user-secret: "\f21b";
+$fa-var-user-times: "\f235";
+$fa-var-users: "\f0c0";
+$fa-var-vcard: "\f2bb";
+$fa-var-vcard-o: "\f2bc";
+$fa-var-venus: "\f221";
+$fa-var-venus-double: "\f226";
+$fa-var-venus-mars: "\f228";
+$fa-var-viacoin: "\f237";
+$fa-var-viadeo: "\f2a9";
+$fa-var-viadeo-square: "\f2aa";
+$fa-var-video-camera: "\f03d";
+$fa-var-vimeo: "\f27d";
+$fa-var-vimeo-square: "\f194";
+$fa-var-vine: "\f1ca";
+$fa-var-vk: "\f189";
+$fa-var-volume-control-phone: "\f2a0";
+$fa-var-volume-down: "\f027";
+$fa-var-volume-off: "\f026";
+$fa-var-volume-up: "\f028";
+$fa-var-warning: "\f071";
+$fa-var-wechat: "\f1d7";
+$fa-var-weibo: "\f18a";
+$fa-var-weixin: "\f1d7";
+$fa-var-whatsapp: "\f232";
+$fa-var-wheelchair: "\f193";
+$fa-var-wheelchair-alt: "\f29b";
+$fa-var-wifi: "\f1eb";
+$fa-var-wikipedia-w: "\f266";
+$fa-var-window-close: "\f2d3";
+$fa-var-window-close-o: "\f2d4";
+$fa-var-window-maximize: "\f2d0";
+$fa-var-window-minimize: "\f2d1";
+$fa-var-window-restore: "\f2d2";
+$fa-var-windows: "\f17a";
+$fa-var-won: "\f159";
+$fa-var-wordpress: "\f19a";
+$fa-var-wpbeginner: "\f297";
+$fa-var-wpexplorer: "\f2de";
+$fa-var-wpforms: "\f298";
+$fa-var-wrench: "\f0ad";
+$fa-var-xing: "\f168";
+$fa-var-xing-square: "\f169";
+$fa-var-y-combinator: "\f23b";
+$fa-var-y-combinator-square: "\f1d4";
+$fa-var-yahoo: "\f19e";
+$fa-var-yc: "\f23b";
+$fa-var-yc-square: "\f1d4";
+$fa-var-yelp: "\f1e9";
+$fa-var-yen: "\f157";
+$fa-var-yoast: "\f2b1";
+$fa-var-youtube: "\f167";
+$fa-var-youtube-play: "\f16a";
+$fa-var-youtube-square: "\f166";
+
diff --git a/font-awesome/font-awesome.scss b/font-awesome/font-awesome.scss
new file mode 100644
index 0000000..f1c83aa
--- /dev/null
+++ b/font-awesome/font-awesome.scss
@@ -0,0 +1,18 @@
+/*!
+ * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+
+@import "variables";
+@import "mixins";
+@import "path";
+@import "core";
+@import "larger";
+@import "fixed-width";
+@import "list";
+@import "bordered-pulled";
+@import "animated";
+@import "rotated-flipped";
+@import "stacked";
+@import "icons";
+@import "screen-reader";
diff --git a/fonts/FontAwesome.otf b/fonts/FontAwesome.otf
new file mode 100644
index 0000000..401ec0f
Binary files /dev/null and b/fonts/FontAwesome.otf differ
diff --git a/fonts/bitter.woff2 b/fonts/bitter.woff2
new file mode 100644
index 0000000..322abca
Binary files /dev/null and b/fonts/bitter.woff2 differ
diff --git a/fonts/fontawesome-webfont.eot b/fonts/fontawesome-webfont.eot
new file mode 100644
index 0000000..e9f60ca
Binary files /dev/null and b/fonts/fontawesome-webfont.eot differ
diff --git a/fonts/fontawesome-webfont.svg b/fonts/fontawesome-webfont.svg
new file mode 100644
index 0000000..855c845
--- /dev/null
+++ b/fonts/fontawesome-webfont.svg
@@ -0,0 +1,2671 @@
+
+
+
+
+Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016
+ By ,,,
+Copyright Dave Gandy 2016. All rights reserved.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..35acda2
Binary files /dev/null and b/fonts/fontawesome-webfont.ttf differ
diff --git a/fonts/fontawesome-webfont.woff b/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..400014a
Binary files /dev/null and b/fonts/fontawesome-webfont.woff differ
diff --git a/fonts/fontawesome-webfont.woff2 b/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..4d13fc6
Binary files /dev/null and b/fonts/fontawesome-webfont.woff2 differ
diff --git a/fonts/lato_regular.woff2 b/fonts/lato_regular.woff2
new file mode 100644
index 0000000..b14c76c
Binary files /dev/null and b/fonts/lato_regular.woff2 differ
diff --git a/fonts/luxisr-webfont.woff b/fonts/luxisr-webfont.woff
new file mode 100644
index 0000000..ca210ca
Binary files /dev/null and b/fonts/luxisr-webfont.woff differ
diff --git a/fonts/oswald_regular.woff2 b/fonts/oswald_regular.woff2
new file mode 100644
index 0000000..a202bc3
Binary files /dev/null and b/fonts/oswald_regular.woff2 differ
diff --git a/fonts/ubuntu_regular.woff2 b/fonts/ubuntu_regular.woff2
new file mode 100644
index 0000000..f37d280
Binary files /dev/null and b/fonts/ubuntu_regular.woff2 differ
diff --git a/footer/dist.html b/footer/dist.html
new file mode 100644
index 0000000..05d6f99
--- /dev/null
+++ b/footer/dist.html
@@ -0,0 +1,54 @@
+[ ]
+
+
diff --git a/formulaires/configurer_champslibres.html b/formulaires/configurer_champslibres.html
new file mode 100644
index 0000000..e36e222
--- /dev/null
+++ b/formulaires/configurer_champslibres.html
@@ -0,0 +1,58 @@
+
diff --git a/formulaires/editer_auteur.html b/formulaires/editer_auteur.html
new file mode 100644
index 0000000..d8b2486
--- /dev/null
+++ b/formulaires/editer_auteur.html
@@ -0,0 +1,135 @@
+