oshiage squelette généraliste sous bootstrap4

pull/1/head v1.0.5
erational 1 year ago
commit 925bef6e6c

@ -0,0 +1,23 @@
[(#REM)
page 404 ++
param:
- (rien)
]#HTTP_HEADER{HTTP/1.0 #ENV{code,'404 Not Found'}}
#HTTP_HEADER{"Cache-Control: no-store, no-cache, must-revalidate"}
#HTTP_HEADER{Pragma: no-cache}<!DOCTYPE html>
<html lang="#LANG">
<head>
<INCLURE{fond=inc/head,no-bot=oui} />
<title><:pass_erreur:> [(#ENV{status, 404}|intval) - ][(#NOM_SITE_SPIP|textebrut)]</title>
</head>
<body>
<INCLURE{fond=inc/header} />
<INCLURE{fond=inc/404, env} />
<INCLURE{fond=inc/footer} />
</body>
</html>

@ -0,0 +1,300 @@
[(#REM)
patron de la page article
]<!doctype html>
<html lang="#LANG">
<head>
<title>#NOM_SITE_SPIP - Page Patron ARTICLE </title>
<INCLURE{fond=inc/head,no-bot=oui} />
</head>
<body>
<INCLURE{fond=inc/header, id_rubrique=1} />
<!-- content :article-body -->
<div class="article-body-wrapper">
<div class="container">
<div class="row">
<!-- article-header -->
<div class="col-lg-12 article-header">
<div class="ariane">
<ul aria-label="breadcrumb">
<!-- <li class="home"><a href="#URL_SITE_SPIP"><:oshiage:accueil_site:></a> <span>&gt;</span></li>-->
<li><a href="rubrique1.html">Rubrique grand-parente</a> <span>&gt;</span></li>
<li><a href="rubrique298.html" class="on">Rubrique parente</a></li>
</ul>
</div>
<h1 class="article-h1">L'association</h1>
<div class="article-chapo">
Chapeau de l'article. Felis vitae elit ut sem quam orci Vestibulum ante nibh nec. Enim ridiculus tincidunt Nam dui metus sed In ipsum nec et. Habitasse ultrices id Suspendisse ligula dui leo elit Maecenas quis nibh. Justo auctor eget neque dapibus aliquam Aenean purus orci tincidunt In. Vivamus metus semper interdum ante pellentesque est nibh eu ac.
</div>
</div>
<!-- #article-header -->
<!-- aside -->
<div class="col-lg-3 article-aside">
<nav>
<ol class="article-aside-nav">
<li><a href="#" class="article-aside-current"><span>1</span> L'association</a></li>
<li><a href="#"><span>2</span> Pour qui, pour quoi ?</a></li>
<li><a href="#"><span>3</span> Nos moyens d'agir</a></li>
<li><a href="#"><span>4</span> Nos façons d'agir, notre pédagogie</a></li>
<li><a href="#"><span>5</span> L'équipe</a></li>
</ol>
</nav>
</div>
<!-- #aside -->
<!-- article-body -->
<div class="col-lg-9 article-body">
[<div class="article-logo">(#CHEMIN{img/test-big.jpg}|balise_img)</div>]
<p><span class='spip_document_15941 spip_documents'>
[(#CHEMIN{img/essai-photo1.jpg}|balise_img{test image})]
</span></p>
<h2 class="article-h2">Intertitre de type H2</h2>
<p>Turpis pretium ante nibh ligula ut sed justo <a href="">Pellentesque metus Vivamus</a>. Id vel fermentum eu tincidunt sed enim lorem magnis sapien senectus. Et interdum justo orci a dui Nam tincidunt Suspendisse Ut nibh. Massa Mauris ut Duis ornare quis magnis gravida amet in tincidunt. Tincidunt eu vel Vestibulum pretium justo et urna.</p>
<blockquote class="spip">
<h2 class="article-h2">Encart type Quote</h2>
Pellentesque metus Vivamus. 20% Id vel fermentum eu tincidunt sed enim lorem magnis sapien senectus. Et interdum justo orci a dui Nam tincidunt Suspendisse Ut nibh. Massa Mauris ut Duis ornare quis magnis gravida amet in tincidunt.
</blockquote>
<blockquote class="spip_poesie">
<div>Encart type Poésie</div>
<div>Pellentesque metus Vivamus. 20% Id vel fermentum eu tincidunt sed enim lorem magnis sapien senectus. Et interdum justo orci a dui Nam tincidunt Suspendisse Ut nibh. Massa Mauris ut Duis ornare quis magnis gravida amet in tincidunt.</div>
</blockquote>
<p>Ante nibh ligula ut sed justo Pellentesque metus Vivamus. Id vel fermentum eu tincidunt sed enim lorem magnis sapien senectus. Et interdum justo orci a dui Nam tincidunt Suspendisse Ut nibh. Massa Mauris ut Duis ornare quis magnis gravida amet in tincidunt. Tincidunt eu vel Vestibulum pretium justo et urna.</p>
<h2 class="article-h2">Test video</h2>
#MODELE{oembed,url=https://www.youtube.com/watch?v=PSnXavWB9kA}
<h2 class="article-h2">Objectifs</h2>
<p>Turpis pretium ante nibh ligula ut sed justo Pellentesque metus Vivamus. Id vel fermentum eu tincidunt sed enim lorem magnis sapien senectus. Et interdum justo orci a dui Nam tincidunt Suspendisse Ut nibh. Massa Mauris ut Duis ornare quis magnis gravida amet in tincidunt. Tincidunt eu vel Vestibulum pretium justo et urna.</p>
<ul class='spip'>
<li>Concevoir, fabriquer et documenter une réalisation technique numérique.</li>
<li>Concevoir et documenter un parcours pédagogique mobilisant cette réalisation technique, adapté à son contexte professionnel.</li>
<li>Dutiliser les base de lélectronique programmable pour fabriquer des projets
<ul>
<li>Ante nibh ligula ut sed justo Pellentesque metus Vivamus. Id vel fermentum eu tincidunt sed .Turpis pretium ante nibh ligula ut sed justo Pellentesque metus Vivamus.</li>
<li>Ligula ut sed justo Pellentesque metus Vivamus.</li>
</ul>
</li>
<li>Connaitre et mobiliser des compétences et ressources en fabrication numérique sur son territoire.</li>
<li>Se constituer un réseau dhomologue sur le territoire en vue de projets collaboratifs.</li>
</ul>
<h2 class="article-h2">Des graphes aussi</h2>
<p> <span class='spip_document_15941 spip_documents spip_documents_center'>
[(#CHEMIN{img/test.jpg}|balise_img)]
</span></p>
<p>Eu sagittis In sed leo Cras Nunc vel aliquam Curabitur Sed. Sed ut non accumsan orci nunc rutrum lorem nibh cursus mauris. Egestas faucibus elit Sed tempus Nullam natoque massa eu lorem et. Id consectetuer risus elit massa ac vitae faucibus laoreet ligula tristique. Ante Vivamus hac volutpat fringilla eget sem ipsum vel hac turpis. </p>
<p>Dui Vestibulum id Proin id Nunc orci augue id leo et. Augue congue adipiscing aliquam quis lobortis enim at dui scelerisque egestas. Vitae et cursus semper ornare sollicitudin cursus orci Vestibulum Nam at. Euismod mauris convallis porta tristique et neque Sed venenatis pellentesque vel. Magna accumsan sit at porttitor pharetra semper condimentum tortor elit vitae. Ut et vitae habitant quam et Aenean elit Mauris.</p>
<p>Nibh ut scelerisque accumsan Vestibulum interdum tristique elit condimentum nisl tellus. A Lorem mauris facilisis vel aliquam sed justo sed tempus ligula. Morbi magnis vitae Phasellus egestas Duis rutrum cursus ac sit eu. Donec porta metus velit Nam Donec vel nec montes eros rhoncus. Massa quis convallis convallis semper sed consectetuer habitant gravida Duis.</p>
<blockquote class="spip">
<p>La finalité est de permettre aux stagiaires de se construire une culture numérique sur la fabrication numérique dans la perspective de transposer dans le domaine professionnel.</p>
</blockquote>
<p>Felis vitae elit ut sem quam orci Vestibulum ante nibh nec. Enim ridiculus tincidunt Nam dui metus sed In ipsum nec et. Habitasse ultrices id Suspendisse ligula dui leo elit Maecenas quis nibh. Justo auctor eget neque dapibus aliquam Aenean purus orci tincidunt In. Vivamus metus semper interdum ante pellentesque est nibh eu ac.</p>
<h2 class="article-h2">Tableaux</h2>
<table class="spip">
<thead>
<tr>
<th>Parfum</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr class='row_odd odd'>
<td>Vanilla</td>
<td>15.05</td>
</tr>
<tr class='row_even even'>
<td>Chocolat</td>
<td>25.05</td>
</tr>
<tr class='row_odd odd'>
<td>Berries</td>
<td>5.25</td>
</tr>
<tr class='row_even even'>
<td>Mangue</td>
<td>25.05</td>
</tr>
</tbody>
</table>
<p>Neque Cum Suspendisse mi consequat tempus id congue fringilla Vivamus eros. Proin eget nulla Nullam Curabitur platea mauris amet faucibus consequat lorem. Laoreet turpis condimentum sagittis id odio Vivamus Maecenas dui quis est. Neque justo et pretium nisl augue tincidunt consequat Sed ligula sociis. Vel ac molestie enim orci ante Morbi volutpat ante tempus tristique. Tincidunt interdum.</p>
<h2 class="article-h2">Oshiage utilise le framework Bootstrap</h2>
<p>
Il est donc possible d'utiliser tous les éléments de Bootstrap <br />
Ici, par exemple, des encarts colorés :<br />
<a href="https://getbootstrap.com/docs/4.0/components/alerts/">https://getbootstrap.com/docs/4.0/components/alerts/</a>
</p>
<div class="alert alert-primary" >
Ceci est un message majeur
</div>
<div class="alert alert-secondary">
Ceci est un message mineur
</div>
<div class="alert alert-success">
Ceci est un message de succès
</div>
<div class="alert alert-danger">
Ceci est un message de danger
</div>
<div class="alert alert-warning">
Ceci est un message d&#8217;avertissement
</div>
<div class="alert alert-info" >
Ceci est un message d&#8217;information
</div>
<div class="alert alert-light" >
Ceci est un message sur fond clair
</div>
<div class="alert alert-dark" >
Ceci est un message sur fond sombre
</div>
<strong>Syntaxe</strong>
<br>
<div style='text-align: left;' class='spip_code' dir='ltr'><code>&lt;div class=&quot;alert alert-primary&quot;&gt;<br />
&nbsp;Ceci est un message majeur<br />
&lt;/div&gt;<br />
&lt;div class=&quot;alert alert-secondary&quot;&gt;<br />
&nbsp; Ceci est un message mineur<br />
&lt;/div&gt;<br />
&lt;div class=&quot;alert alert-success&quot;&gt;<br />
&nbsp; Ceci est un message de succès<br />
&lt;/div&gt;<br />
&lt;div class=&quot;alert alert-danger&quot;&gt;<br />
&nbsp;Ceci est un message de danger<br />
&lt;/div&gt;<br />
&lt;div class=&quot;alert alert-warning&quot;&gt;<br />
&nbsp;Ceci est une message d'avertissement<br />
&lt;/div&gt;<br />
&lt;div class=&quot;alert alert-info&quot; &gt;<br />
&nbsp;Ceci est un message d'information<br />
&lt;/div&gt;<br />
&lt;div class=&quot;alert alert-light&quot; &gt;<br />
&nbsp; Ceci est un message sur fond clair<br />
&lt;/div&gt;<br />
&lt;div class=&quot;alert alert-dark&quot; &gt;<br />
&nbsp; Ceci est un message sur fond sombre<br />
&lt;/div&gt;</code>
</div>
<div class="article-date">Publié le 5 mai 2022</div>
</div>
<!-- #article-body -->
</div>
<!-- row -->
</div>
</div>
<!-- #content :article-body -->
<!-- content :more -->
<div class="article-a2a-wrappery">
<div class="content container">
<div class="row">
<div class="col-lg-12 mt-4">
<h4 class="article-a2a-titre"><:oshiage:et_aussi:></h4>
<div class="article-previews">
<div class="article-preview">
<a href="#" class="article-preview-link">
<div class="article-preview-img-wrapper">
<img class="article-preview-img" alt="" src="#CHEMIN{img/test-1.jpg}">
</div>
<div class="article-preview-cartouche">
<h1 class="article-preview-titre">Nam nunc risus tincidunt et. Penatibus felis non</h1>
<div class="article-preview-intro">
Lorem ipsum dolor sit amet consectetuer Nam nunc risus tincidunt et. Penatibus felis non elit Nulla velit adipiscing
non ipsum malesuada urna.
</div>
</div>
<div class="article-preview-but">
<button class="article-preview-button" type="button">[(#CHEMIN{img/icone-plus.svg}|balise_img)]</button>
</div>
</a>
</div>
<div class="article-preview">
<a href="#" class="article-preview-link">
<div class="article-preview-img-wrapper">
<img class="article-preview-img" alt="" src="#CHEMIN{img/test-2.jpg}">
</div>
<div class="article-preview-cartouche">
<h1 class="article-preview-titre">Penatibus felis non</h1>
<div class="article-preview-intro">
Lorem ipsum dolor sit amet consectetuer Nam nunc risus tincidunt et. Penatibus felis non elit Nulla velit adipiscing
non ipsum malesuada urna.
</div>
</div>
<div class="article-preview-but">
<button class="article-preview-button" type="button">[(#CHEMIN{img/icone-plus.svg}|balise_img)]</button>
</div>
</a>
</div>
<div class="article-preview">
<a href="#" class="article-preview-link">
<div class="article-preview-img-wrapper">
<img class="article-preview-img" alt="" src="#CHEMIN{img/test-3.jpg}">
</div>
<div class="article-preview-cartouche">
<h1 class="article-preview-titre">Penatibus felis non elit Nulla velit natibus felis non elit Nulla velit adipiscing felis non elit Nulla velit adipiscing</h1>
<div class="article-preview-intro">
Lorem ipsum dolor sit amet consectetuer Nam nunc risus tincidunt et. Penatibus felis non elit Nulla velit adipiscing
non ipsum malesuada urna.
</div>
</div>
<div class="article-preview-but">
<button class="article-preview-button" type="button">[(#CHEMIN{img/icone-plus.svg}|balise_img)]</button>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- #content :more -->
<INCLURE{fond=inc/footer} />
</body>
</html>

@ -0,0 +1,22 @@
[(#REM)
page article
param:
- id_article
]<BOUCLE_art(ARTICLES){id_article}><!DOCTYPE html>
<html lang="#LANG">
<head>
<INCLURE{fond=inc/head} />
<title>[(#TITRE|couper{50,'&nbsp;\[...\]'}|textebrut)] - [(#NOM_SITE_SPIP|textebrut)]</title>
[<meta name="description" content="(#INTRODUCTION{130}|attribut_html)" />]
[<link rel="canonical" href="(#URL_ARTICLE|url_absolue)" />]
</head>
<body>
<INCLURE{fond=inc/header, id_rubrique} />
<INCLURE{fond=inc/article, id_article} />
[(#CACHER_A2A|non) <INCLURE{fond=inc/article_a2a, id_article} />]
<INCLURE{fond=inc/footer}>
</body>
</html></BOUCLE_art>

@ -0,0 +1,21 @@
[(#REM)
page auteur
param:
- id_auteur
]<BOUCLE_auteur(AUTEURS){id_auteur}{tout}><!DOCTYPE html>
<html lang="#LANG">
<head>
<INCLURE{fond=inc/head} />
<title>[(#NOM_AUTEUR|oui)#PRENOM_AUTEUR #NOM_AUTEUR][(#NOM_AUTEUR|non)#NOM][ - (#NOM_SITE_SPIP|textebrut) ]</title>
[<meta name="description" content="(#BIO{150}|attribut_html)" />]
[<link rel="canonical" href="(#URL_AUTEUR|url_absolue)" />]
</head>
<body>
<INCLURE{fond=inc/header} />
<INCLURE{fond=inc/auteur, id_auteur} />
<INCLURE{fond=inc/footer} />
</body>
</html></BOUCLE_auteur>

@ -0,0 +1,83 @@
<?php
if (!defined("_ECRIRE_INC_VERSION")) {
return;
}
function oshiage_declarer_champs_extras($champs = array()) {
// Table spip_rubriques
$champs['spip_rubriques']['oshiage_type_rubrique'] = array(
'saisie' => 'radio',
'options' => array(
'nom' => 'oshiage_type_rubrique',
'label' => _T('oshiage:oshiage_type_rubrique'),
'sql' => "varchar(30) NOT NULL DEFAULT ''",
'defaut' => 'tri_date',
'data' => array(
'tri_date' => _T('oshiage:oshiage_type_rubrique_tri_date'),
'tri_date_archive' => _T('oshiage:oshiage_type_rubrique_tri_date_archive'),
'tri_num' => _T('oshiage:oshiage_type_rubrique_tri_num'),
),
'restrictions' => array('voir' => array('auteur' => ''), //Tout le monde peut voir
'modifier' => array('auteur' => 'webmestre')), //Seuls les webmestres peuvent modifier
),
);
$champs['spip_rubriques']['surtitre'] = array(
'saisie' => 'input',
'options' => array(
'nom' => 'surtitre',
'label' => _T('oshiage:oshiage_rubrique_surtitre'),
'explication' => _T('oshiage:oshiage_rubrique_surtitre_explication'),
'sql' => "varchar(255) NOT NULL DEFAULT ''",
'defaut' => '',// Valeur par défaut
'traitements' => '_TRAITEMENT_TYPO',
'restrictions' => array('voir' => array('auteur' => ''), //Tout le monde peut voir
'modifier' => array('auteur' => 'webmestre')), //Seuls les webmestres peuvent modifier
),
);
$champs['spip_rubriques']['titre_long'] = array(
'saisie' => 'input',
'options' => array(
'nom' => 'titre_long',
'label' => _T('oshiage:oshiage_rubrique_titre_long'),
'explication' => _T('oshiage:oshiage_rubrique_titre_long_explication'),
'sql' => "varchar(255) NOT NULL DEFAULT ''",
'defaut' => '',// Valeur par défaut
'traitements' => '_TRAITEMENT_TYPO',
'restrictions' => array('voir' => array('auteur' => ''), //Tout le monde peut voir
'modifier' => array('auteur' => 'webmestre')), //Seuls les webmestres peuvent modifier
),
);
// Table spip_selections_contenus
$champs['spip_selections_contenus']['surtitre'] = array(
'saisie' => 'input',
'options' => array(
'nom' => 'surtitre',
'label' => _T('oshiage:oshiage_rubrique_surtitre'),
'explication' => _T('oshiage:oshiage_rubrique_surtitre_explication'),
'sql' => "varchar(255) NOT NULL DEFAULT ''",
'defaut' => '',// Valeur par défaut
'traitements' => '_TRAITEMENT_TYPO',
'restrictions' => array('voir' => array('auteur' => ''), //Tout le monde peut voir
'modifier' => array('auteur' => 'webmestre')), //Seuls les webmestres peuvent modifier
),
);
// Table spip_articles
$champs['spip_articles']['cacher_a2a'] = array(
'saisie' => 'case',
'options' => array(
'nom' => 'cacher_a2a',
'label_case' => _T('oshiage:cacher_a2a'),
'sql' => "varchar(3) NOT NULL DEFAULT ''",
'defaut' => '',
'restrictions'=>array('voir' => array('auteur' => ''), //Tout le monde peut voir
'modifier' => array('auteur' => '')), //Tout le monde peuvent modifier
),
);
return $champs;
}

@ -0,0 +1,6 @@
[(#REM)
contact
on desactive
]<INCLURE{fond=404} />

2744
css/animate.css vendored

File diff suppressed because it is too large Load Diff

BIN
css/bootstrap.css vendored

Binary file not shown.

File diff suppressed because it is too large Load Diff

@ -0,0 +1,83 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem"><:oshiage:cfg_titre_parametrages:></h3>
[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
<form method="post" action="#ENV{action}">
<div>
#ACTION_FORMULAIRE
<fieldset>
<legend><:oshiage:cfg_homepage:></legend>
[(#SAISIE{selecteur_rubrique, home_reassurance,
label=<:oshiage:cfg_home_reassurance:>})]
[(#SAISIE{selecteur_rubrique, home_actu,
label=<:oshiage:cfg_home_actu:>})]
[(#SAISIE{selecteur_rubrique, home_formation,
label=<:oshiage:cfg_home_formation:>})]
[(#SAISIE{selecteur_rubrique, home_ressource,
label=<:oshiage:cfg_home_ressource:>})]
[(#SAISIE{selecteur_article, home_soutenir,
label=<:oshiage:cfg_home_soutenir:>})]
[(#SAISIE{selecteur_article, home_partenaires,
label=<:oshiage:cfg_home_partenaires:>})]
<legend><:oshiage:cfg_menu:></legend>
[(#SAISIE{selecteur_article, menu_don,
label=<:oshiage:cfg_url_don:>})]
[(#SAISIE{selecteur_rubrique, menu_rubriques,
multiple=oui,
label=<:oshiage:cfg_menu_rubriques:>,
explication=<:oshiage:cfg_menu_rubriques_explication:>})]
<legend><:oshiage:cfg_footer:></legend>
[(#SAISIE{input, footer_baseline,
label=<:oshiage:cfg_footer_baseline:>})]
[(#SAISIE{textarea, footer_adresse,
rows=5,
label=<:oshiage:cfg_footer_adresse:>})]
[(#SAISIE{selecteur_rubrique_article, footer_col1,
multiple=oui,
label=<:oshiage:cfg_footer_col1:>})]
[(#SAISIE{selecteur_rubrique_article, footer_col2,
multiple=oui,
label=<:oshiage:cfg_footer_col2:>})]
[(#SAISIE{selecteur_rubrique_article, footer_col3,
multiple=oui,
label=<:oshiage:cfg_footer_col3:>})]
[(#SAISIE{selecteur_rubrique_article, footer_contact,
multiple=non,
label=<:oshiage:cfg_footer_contact:>})]
[(#SAISIE{selecteur_article, footer_copyright_articles,
multiple=oui,
label=<:oshiage:cfg_footer_copyright_articles:>,
explication=<:oshiage:cfg_footer_copyright_articles_explication:>})]
</fieldset>
<input type="hidden" name="_meta_casier" value="oshiage" />
<p class="boutons"><span class="image_loading">&nbsp;</span><input type="submit" class="submit" value="<:bouton_enregistrer:>" /></p>
</div>
</form>
</div>
<div style="padding:1rem;background-color:#eee;text-align:center"><:oshiage:ours:></div>

@ -0,0 +1,18 @@
[(#REM)
formulaire de recherche
param:
- recherche (facultatif) la recherche
]<form action="[(#ENV{action})]" method="get" class="search-form">
<fieldset>
[(#ENV{action}|form_hidden)]
<input type="hidden" name="lang" value="#LANG" />
<input name="page" value="recherche" type="hidden"/>
<input type="search" class="span search" placeholder="<:oshiage:recherche_recherche:>" accesskey="4" name="recherche" id="recherche" [ value="(#ENV{recherche})"]>
<input type="image" class="search-submit" src="#CHEMIN{img/search.svg}" alt="" />
</fieldset>
</form>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 421 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="119" height="57" viewBox="0 0 119 57">
<g id="Groupe_456" data-name="Groupe 456" transform="translate(121 -1152.75)">
<path id="Polygone_5" data-name="Polygone 5" d="M28.5,0,57,49H0Z" transform="translate(-72 1152.75) rotate(90)" fill="#53b0ae"/>
<path id="Polygone_6" data-name="Polygone 6" d="M28.5,0,57,49H0Z" transform="translate(-42 1152.75) rotate(90)" fill="#53b0ae"/>
<path id="Polygone_7" data-name="Polygone 7" d="M28.5,0,57,49H0Z" transform="translate(-2 1152.75) rotate(90)" fill="#53b0ae"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 579 B

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 904.9 440.7" style="enable-background:new 0 0 904.9 440.7;" xml:space="preserve">
<style type="text/css">
.st0{fill:#6FA12F;}
</style>
<path id="Tracé_171" class="st0" d="M31.1,99C22.2,82.9,14,66.6,6.6,50l99.7-44.8c6.1,13.7,12.9,27.2,20.3,40.6
c110.1,197.8,330.8,294,537.7,253.8c51.1-10,100.3-28,145.7-53.4c9.7-5.4,19.3-11.2,28.6-17.3l0,0l59.6,91.6
c-11.3,7.4-23,14.4-35,21.1c-55.5,31-115.6,53.1-178,65.2C432,456,164.7,338.4,31.1,99"/>
</svg>

After

Width:  |  Height:  |  Size: 723 B

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="177.482" height="226.494" viewBox="0 0 177.482 226.494">
<path id="Tracé_1504" data-name="Tracé 1504" d="M381.329,101.329A101.327,101.327,0,0,0,280,0V202.658A101.327,101.327,0,0,0,381.329,101.329" transform="translate(-168.119 -118.333) rotate(25)" fill="#53b0ae"/>
</svg>

After

Width:  |  Height:  |  Size: 324 B

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="725.756" height="733.843" viewBox="0 0 725.756 733.843">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_431" data-name="Rectangle 431" width="625.344" height="368.84" fill="none"/>
</clipPath>
</defs>
<g id="Groupe_456" data-name="Groupe 456" transform="translate(-879.617 -1582.336)">
<g id="Groupe_453" data-name="Groupe 453" transform="matrix(0.875, -0.485, 0.485, 0.875, 879.617, 1993.584)" clip-path="url(#clip-path)">
<path id="Tracé_1530" data-name="Tracé 1530" d="M.333,279.092a377.073,377.073,0,0,0,237.658,83.835c203.879,0,370.055-161.069,378.4-362.905" transform="translate(3.247 0.21)" fill="none" stroke="#005264" stroke-miterlimit="10" stroke-width="1.061"/>
</g>
<path id="Tracé_1540" data-name="Tracé 1540" d="M358.855,78.855A78.853,78.853,0,0,0,280,0V157.709a78.853,78.853,0,0,0,78.855-78.855" transform="translate(1509.236 1381.191) rotate(90)" fill="#9b2335"/>
<path id="Tracé_1541" data-name="Tracé 1541" d="M358.855,78.855A78.853,78.853,0,0,0,280,0V157.709a78.853,78.853,0,0,0,78.855-78.855" transform="translate(1351.527 1941.191) rotate(-90)" fill="#88b04b"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="206" viewBox="0 0 1440 206">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_436" data-name="Rectangle 436" width="1440" height="206" transform="translate(6)" fill="#fff" stroke="#707070" stroke-width="1"/>
</clipPath>
</defs>
<g id="Groupe_de_masques_3" data-name="Groupe de masques 3" transform="translate(-6)" clip-path="url(#clip-path)">
<path id="Tracé_1532" data-name="Tracé 1532" d="M397.663,117.663A117.66,117.66,0,0,0,280,0V235.326A117.66,117.66,0,0,0,397.663,117.663" transform="translate(383.838 -151.494) rotate(99)" fill="#fff" opacity="0.239"/>
<path id="Tracé_1533" data-name="Tracé 1533" d="M336.77,56.77A56.768,56.768,0,0,0,280,0V113.539a56.768,56.768,0,0,0,56.77-56.77" transform="translate(161.85 -233.619) rotate(67)" fill="#fff" opacity="0.403"/>
<g id="Ellipse_17" data-name="Ellipse 17" transform="translate(308 -11)" fill="#fff" stroke="#f60" stroke-width="0" opacity="0.322">
<circle cx="36" cy="36" r="36" stroke="none"/>
<circle cx="36" cy="36" r="35.5" fill="none"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="105.5" height="31" viewBox="0 0 105.5 31">
<path id="Union_6" data-name="Union 6" d="M-240.986-253.276H-319v-2.448h78.013V-270l27.487,15.5L-240.986-239Z" transform="translate(319 270)" fill="#071923"/>
</svg>

After

Width:  |  Height:  |  Size: 258 B

@ -0,0 +1,7 @@
<svg id="_" data-name="+" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
<g id="Tracé_963" data-name="Tracé 963" fill="none">
<path d="M20,0A20,20,0,1,1,0,20,20,20,0,0,1,20,0Z" stroke="none"/>
<path d="M 20 2 C 15.19202041625977 2 10.67182922363281 3.872329711914062 7.272079467773438 7.272079467773438 C 3.872329711914062 10.67182922363281 2 15.19202041625977 2 20 C 2 24.80797958374023 3.872329711914062 29.32817077636719 7.272079467773438 32.72792053222656 C 10.67182922363281 36.12767028808594 15.19202041625977 38 20 38 C 24.80797958374023 38 29.32817077636719 36.12767028808594 32.72792053222656 32.72792053222656 C 36.12767028808594 29.32817077636719 38 24.80797958374023 38 20 C 38 15.19202041625977 36.12767028808594 10.67182922363281 32.72792053222656 7.272079467773438 C 29.32817077636719 3.872329711914062 24.80797958374023 2 20 2 M 20 0 C 31.04570007324219 0 40 8.954299926757812 40 20 C 40 31.04570007324219 31.04570007324219 40 20 40 C 8.954299926757812 40 0 31.04570007324219 0 20 C 0 8.954299926757812 8.954299926757812 0 20 0 Z" stroke="none" fill="#071923"/>
</g>
<path id="Tracé_1511" data-name="Tracé 1511" d="M7.992-3.848h2.442v-7.215h6.7v-2.294h-6.7v-7.215H7.992v7.215H1.258v2.294H7.992Z" transform="translate(11 32)" fill="#071923"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

@ -0,0 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="324.596" height="202.218" viewBox="0 0 324.596 202.218">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_428" data-name="Rectangle 428" width="151.943" height="302.812" fill="none" stroke="#999997" stroke-width="2"/>
</clipPath>
</defs>
<g id="lines" transform="translate(26.385 202.218) rotate(-100)" opacity="0.3">
<line id="Ligne_93" data-name="Ligne 93" y2="306.93" transform="translate(90.964 4.887)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="2"/>
<g id="Groupe_449" data-name="Groupe 449">
<g id="Groupe_448" data-name="Groupe 448" clip-path="url(#clip-path)">
<line id="Ligne_94" data-name="Ligne 94" y2="260.443" transform="translate(149.174 42.368)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="2"/>
<line id="Ligne_95" data-name="Ligne 95" y2="230.509" transform="translate(120.07 3.472)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="2"/>
<line id="Ligne_96" data-name="Ligne 96" y2="260.689" transform="translate(61.859 34.862)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="2"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 15 11.2" style="enable-background:new 0 0 15 11.2;" xml:space="preserve">
<path id="picto-envelope" d="M14.7,3.7c0.1-0.1,0.2,0,0.2,0c0,0,0,0.1,0,0.1v6c0,0.8-0.6,1.4-1.4,1.4H1.4C0.6,11.2,0,10.6,0,9.8v-6
c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0C0.9,4.2,1.8,4.9,4.8,7c0.6,0.5,1.7,1.4,2.7,1.4s2.1-1,2.7-1.4C13.2,4.9,14.1,4.2,14.7,3.7z
M7.5,7.5c0.7,0,1.7-0.9,2.1-1.2c3.9-2.8,4.2-3.1,5.1-3.8C14.9,2.4,15,2.2,15,2V1.4C15,0.6,14.4,0,13.6,0H1.4C0.6,0,0,0.6,0,1.4V2
c0,0.2,0.1,0.4,0.3,0.6c0.9,0.7,1.2,0.9,5.1,3.8C5.8,6.6,6.8,7.5,7.5,7.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 816 B

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
<g>
<path d="M20,0C9,0,0,9,0,20c0,11,9,20,20,20c11,0,20-9,20-20C40,9,31,0,20,0z M20,38c-9.9,0-18-8.1-18-18c0-9.9,8.1-18,18-18
c9.9,0,18,8.1,18,18C38,29.9,29.9,38,20,38z"/>
<polygon points="21.4,11.4 19,11.4 19,18.6 12.3,18.6 12.3,20.9 19,20.9 19,28.2 21.4,28.2 21.4,20.9 28.1,20.9 28.1,18.6
21.4,18.6 "/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 664 B

@ -0,0 +1,3 @@
<svg aria-hidden="true" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="#FFFFFF" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path>
</svg>

After

Width:  |  Height:  |  Size: 557 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 189 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 177 KiB

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="157.709" height="78.855" viewBox="0 0 157.709 78.855">
<path id="Tracé_1524" data-name="Tracé 1524" d="M358.855,78.855A78.853,78.853,0,0,0,280,0V157.709a78.853,78.853,0,0,0,78.855-78.855" transform="translate(157.709 -280) rotate(90)" fill="#f4512c" opacity="0.8"/>
</svg>

After

Width:  |  Height:  |  Size: 324 B

@ -0,0 +1,39 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="661.002" height="739.855" viewBox="0 0 661.002 739.855">
<defs>
<clipPath id="clip-path">
<path id="Tracé_1508" data-name="Tracé 1508" d="M237.608,507.453c-74.518-74.518-74.518-195.3,0-269.818s195.332-74.549,269.845-.031,74.486,195.332-.027,269.85a190.778,190.778,0,0,1-269.818,0m-98.8-368.615c-129.06,129.055-129.028,338.325.031,467.38s338.329,129.091,467.385.031c129.091-129.087,129.06-338.356,0-467.412a330.5,330.5,0,0,0-467.416,0" transform="translate(-42.028 -42.029)" fill="none" stroke="#999997" stroke-width="1"/>
</clipPath>
</defs>
<g id="Groupe_459" data-name="Groupe 459" transform="translate(-1044.016 -1608.64)">
<g id="Groupe_443" data-name="Groupe 443" transform="translate(1044.016 1608.64)" clip-path="url(#clip-path)">
<line id="Ligne_63" data-name="Ligne 63" y1="483.152" x2="483.152" transform="translate(343.882 343.877)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_64" data-name="Ligne 64" y1="483.152" x2="483.152" transform="translate(322.636 322.631)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_65" data-name="Ligne 65" y1="483.152" x2="483.152" transform="translate(301.39 301.385)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_66" data-name="Ligne 66" y1="483.152" x2="483.152" transform="translate(280.143 280.139)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_67" data-name="Ligne 67" y1="483.152" x2="483.152" transform="translate(258.897 258.892)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_68" data-name="Ligne 68" y1="483.152" x2="483.152" transform="translate(237.65 237.646)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_69" data-name="Ligne 69" y1="483.152" x2="483.152" transform="translate(216.404 216.4)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_70" data-name="Ligne 70" y1="483.152" x2="483.152" transform="translate(195.158 195.154)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_71" data-name="Ligne 71" y1="483.152" x2="483.152" transform="translate(173.912 173.908)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_72" data-name="Ligne 72" y1="483.152" x2="483.152" transform="translate(152.666 152.661)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_73" data-name="Ligne 73" y1="483.152" x2="483.152" transform="translate(131.42 131.415)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_74" data-name="Ligne 74" y1="483.152" x2="483.152" transform="translate(110.173 110.169)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_75" data-name="Ligne 75" y1="483.152" x2="483.152" transform="translate(88.927 88.923)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_76" data-name="Ligne 76" y1="483.152" x2="483.152" transform="translate(67.681 67.677)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_77" data-name="Ligne 77" y1="483.152" x2="483.152" transform="translate(46.435 46.43)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_78" data-name="Ligne 78" y1="483.152" x2="483.152" transform="translate(25.189 25.184)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_79" data-name="Ligne 79" y1="483.152" x2="483.152" transform="translate(3.942 3.938)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_80" data-name="Ligne 80" y1="483.152" x2="483.152" transform="translate(-17.304 -17.308)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_81" data-name="Ligne 81" y1="483.152" x2="483.152" transform="translate(-38.55 -38.554)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_82" data-name="Ligne 82" y1="483.152" x2="483.152" transform="translate(-59.796 -59.8)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_83" data-name="Ligne 83" y1="483.152" x2="483.152" transform="translate(-81.042 -81.047)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_84" data-name="Ligne 84" y1="483.152" x2="483.152" transform="translate(-102.289 -102.293)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_85" data-name="Ligne 85" y1="483.152" x2="483.152" transform="translate(-123.535 -123.539)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_86" data-name="Ligne 86" y1="483.152" x2="483.152" transform="translate(-144.781 -144.785)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_87" data-name="Ligne 87" y1="483.152" x2="483.152" transform="translate(-166.027 -166.031)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
<line id="Ligne_88" data-name="Ligne 88" y1="483.152" x2="483.152" transform="translate(-187.273 -187.278)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1.061"/>
</g>
<path id="Tracé_1535" data-name="Tracé 1535" d="M358.855,78.855A78.853,78.853,0,0,0,280,0V157.709a78.853,78.853,0,0,0,78.855-78.855" transform="translate(1415.782 2348.495) rotate(180)" fill="#bc243c"/>
<path id="Tracé_1536" data-name="Tracé 1536" d="M358.855,78.855A78.853,78.853,0,0,0,280,0V157.709a78.853,78.853,0,0,0,78.855-78.855" transform="translate(855.782 2190.786)" fill="#ad5e99"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 KiB

@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1480.334" height="948.073" viewBox="0 0 1480.334 948.073">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_433" data-name="Rectangle 433" width="1440" height="948" transform="translate(-4 1777.097)" fill="#fff" stroke="#707070" stroke-width="1"/>
</clipPath>
<clipPath id="clip-path-2">
<rect id="Rectangle_430" data-name="Rectangle 430" width="658.729" height="388.531" fill="none" stroke="#999997" stroke-width="1"/>
</clipPath>
</defs>
<g id="Groupe_460" data-name="Groupe 460" transform="translate(44.334 -1777.024)">
<g id="Groupe_de_masques_2" data-name="Groupe de masques 2" clip-path="url(#clip-path)">
<g id="Groupe_452" data-name="Groupe 452" transform="matrix(0.454, 0.891, -0.891, 0.454, 936.564, 1655.962)" opacity="0.442">
<g id="Groupe_451" data-name="Groupe 451" transform="translate(0 0)" clip-path="url(#clip-path-2)">
<path id="Tracé_1529" data-name="Tracé 1529" d="M.333,293.991A397.2,397.2,0,0,0,250.679,382.3c214.763,0,389.811-169.668,398.6-382.28" transform="translate(3.438 0.223)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="1"/>
</g>
</g>
</g>
<path id="Tracé_1510" data-name="Tracé 1510" d="M152.144,0A152.146,152.146,0,0,0,0,152.144H304.285A152.146,152.146,0,0,0,152.141,0Z" transform="translate(300.285 1929.167) rotate(180)" fill="#006980"/>
<path id="Tracé_1537" data-name="Tracé 1537" d="M29.57,0l29.57,58.985H0Z" transform="translate(52.281 1874.095)" fill="#9b2335"/>
<g id="Tracé_1539" data-name="Tracé 1539" transform="translate(218.047 2015.482) rotate(90)" fill="none">
<path d="M205.749,0,411.5,262.381H0Z" stroke="none"/>
<path d="M 205.7487487792969 1.62054443359375 L 2.054931640625 261.3809509277344 L 409.4425659179688 261.3809509277344 L 205.7487487792969 1.62054443359375 M 205.7487487792969 0 L 411.4974975585938 262.3809509277344 L 0 262.3809509277344 L 205.7487487792969 0 Z" stroke="none" fill="#999997"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 240 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 138 KiB

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="447.854" height="529.821" viewBox="0 0 447.854 529.821">
<g id="Groupe_459" data-name="Groupe 459" transform="translate(-547.265 -218.315)">
<path id="Tracé_1506" data-name="Tracé 1506" d="M316.947,36.947A36.946,36.946,0,0,0,280,0V73.894a36.946,36.946,0,0,0,36.947-36.947" transform="translate(707.867 99.981) rotate(25)" fill="#f4512c" opacity="0.4"/>
<g id="lines" transform="translate(564.869 814.124) rotate(-100)" opacity="0.3">
<line id="Ligne_93" data-name="Ligne 93" y2="306.93" transform="translate(90.964 4.887)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="2"/>
<line id="Ligne_94" data-name="Ligne 94" y2="260.443" transform="translate(149.174 42.368)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="2"/>
<line id="Ligne_95" data-name="Ligne 95" y2="230.509" transform="translate(120.069 3.472)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="2"/>
<line id="Ligne_96" data-name="Ligne 96" y2="260.689" transform="translate(61.859 34.862)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="2"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="66.717" height="47.344" viewBox="0 0 66.717 47.344">
<path id="Tracé_1531" data-name="Tracé 1531" d="M30.173,30.173A30.176,30.176,0,0,0,21.336,8.837,30.176,30.176,0,0,0,0,0V60.346a30.176,30.176,0,0,0,21.336-8.837,30.176,30.176,0,0,0,8.837-21.336" transform="matrix(-0.309, 0.951, -0.951, -0.309, 66.717, 18.648)" fill="#f4512c"/>
</svg>

After

Width:  |  Height:  |  Size: 388 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="752.875" height="453.049" viewBox="0 0 752.875 453.049">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_428" data-name="Rectangle 428" width="151.943" height="304.062" fill="none" stroke="#999997" stroke-width="2"/>
</clipPath>
</defs>
<g id="Groupe_461" data-name="Groupe 461" transform="translate(-598.839 478.509)">
<path id="Tracé_1531" data-name="Tracé 1531" d="M324.8,44.8A44.8,44.8,0,0,0,280,0V89.6a44.8,44.8,0,0,0,44.8-44.8" transform="matrix(-0.309, 0.951, -0.951, -0.309, 1438.239, -717.116)" fill="#f4512c" opacity="0.4"/>
<g id="Groupe_455" data-name="Groupe 455" transform="matrix(0.208, -0.978, 0.978, 0.208, 598.839, -88.678)" opacity="0.3">
<line id="Ligne_93" data-name="Ligne 93" y2="308.18" transform="translate(90.964 4.887)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="2"/>
<g id="Groupe_449" data-name="Groupe 449">
<g id="Groupe_448" data-name="Groupe 448" clip-path="url(#clip-path)">
<line id="Ligne_94" data-name="Ligne 94" y2="261.518" transform="translate(149.174 42.543)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="2"/>
<line id="Ligne_95" data-name="Ligne 95" y2="231.46" transform="translate(120.07 3.486)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="2"/>
<line id="Ligne_96" data-name="Ligne 96" y2="261.765" transform="translate(61.859 35.006)" fill="none" stroke="#999997" stroke-miterlimit="10" stroke-width="2"/>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 255 KiB

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="65.054" height="65.054" viewBox="0 0 65.054 65.054">
<rect id="Rectangle_432" data-name="Rectangle 432" width="46" height="46" rx="23" transform="translate(32.527) rotate(45)" fill="#9b2335" opacity="0.4"/>
</svg>

After

Width:  |  Height:  |  Size: 263 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

@ -0,0 +1,34 @@
[(#REM)
page erreur 404
param:
- env
]
<!-- content :article-body -->
<div class="article-body-wrapper">
<div class="container">
<div class="row">
<!-- article-header -->
<div class="col-lg-12 article-header mt-5">
<h1 class="article-h1 text-center"><:pass_erreur:> [(#ENV{status, 404}|intval)]</h1>
</div>
<!-- #article-header -->
<!-- article-body -->
<div class="col-lg-12 article-body">
<div class="article-chapo text-center wow wobble">
<p><:oshiage:404_sorry:></p>
[<img src="(#CHEMIN{img/404.png})" alt="<:pass_erreur:> 404" >]
</div>
</div>
<!-- #article-body -->
</div>
</div>
</div>
</div>
<!-- #content :article-body -->
#FILTRE{trim}

@ -0,0 +1,152 @@
[(#REM)
article entier
- contenu (compatible crayons)
- la barre outils est inspiree de inspi plugin outils_article http://www.spip-contrib.net/Boite-a-outils-pour-article,1
- avec portfolio
- agenda
logo: on affiche le logo
param:
- id_article
- cache_ariane (facultatif) cache le fil ariane
- cache_date (facultatif) cache la date
]<BOUCLE_art(ARTICLES){id_article}>
<!-- content :article-body -->
<div class="article-body-wrapper" id="article#ID_ARTICLE">
<div class="container">
<div class="row">
<!-- article-header -->
<div class="col-lg-12 article-header">
[(#REM) fil ariane:
on masque
- les rubriques cachées commencant par 999.
]#SET{is_ariane,''}
<B_ariane>
<div class="ariane">
<ul aria-label="breadcrumb">
<BOUCLE_ariane(HIERARCHIE){id_article}{titre !=='^999.'}{0,n}{si #ENV{cache_ariane}|non}>
<li><a href="#URL_RUBRIQUE">#TITRE</a>[(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE}|non) <span>&gt;</span>]</li>
</BOUCLE_ariane>
</ul>
</div>
#SET{is_ariane,true}
</B_ariane>
[<h1 class="article-h1 #EDIT{titre}[(#GET{is_ariane}|non) mt-5]">(#TITRE)</h1>]
[<div class="article-descriptif #EDIT{descriptif}">(#DESCRIPTIF)</div>]
[<div class="article-chapo[(#LOGO_ARTICLE|oui) article-chapo--logo] #EDIT{chapo}">(#CHAPO)</div>]
[<div class="article-logo">(#LOGO_ARTICLE|image_reduire{1200,0}|image_reduire{0,2000}|inserer_attribut{class,no-logo}|inserer_attribut{alt,#TITRE})</div>]
</div>
<!-- #article-header -->
[(#REM) affichage colonne gauche
uniquement
- si parametre cache_aside n'est pas present
- si rubrique parent en tri par numéro
- si le titre de la rubrique n'est pas en .999 - rub cachée
- si rubrique contient plus d'un article
]
#SET{affiche_aside,oui}
[(#ENV{cache_aside}|oui) #SET{affiche_aside,''}]
<BOUCLE_rub0(RUBRIQUES){id_rubrique}>
[(#OSHIAGE_TYPE_RUBRIQUE|=={tri_date}|oui) #SET{affiche_aside,''}]
[(#OSHIAGE_TYPE_RUBRIQUE|=={tri_date_archive}|oui) #SET{affiche_aside,''}]
</BOUCLE_rub0>
[(#GET{affiche_aside}|oui)
<!-- aside -->
<div class="col-lg-3 article-aside">]
<BOUCLE_rub(RUBRIQUES){id_rubrique}{titre !=='^999.'}>
[(#REM) passe 1: verifier d'avoir plus d'un article dans la rubrique]
<BOUCLE_more_one(ARTICLES){id_rubrique}{1,1}> </BOUCLE_more_one>
#SET{tri_rub,titre}
#SET{tri_rub_ordre,1}
[(#OSHIAGE_TYPE_RUBRIQUE|=={tri_date}|oui)
#SET{tri_rub,date}
#SET{tri_rub_ordre,-1}
]
<B_voisins>
<nav>
<ol class="article-aside-nav">
<BOUCLE_voisins(ARTICLES){id_rubrique}{titre !=='^999.'}{0,10}{tri #GET{tri_rub},#GET{tri_rub_ordre}}{si #GET{affiche_aside}|oui}>
<li><a href="#URL_ARTICLE"[(#EXPOSE|oui) class="article-aside-current"]><span>#COMPTEUR_BOUCLE</span> #TITRE</a></li>
</BOUCLE_voisins>
</ol>
</nav>
</B_voisins>
</B_more_one>
</BOUCLE_rub>
[(#GET{affiche_aside}|oui)
</div>
<!-- #aside -->]
<!-- article-body -->
<div class="[(#GET{affiche_aside}|?{col-lg-9,col-lg-12})] article-body">
[<div class="#EDIT{texte} article-texte">(#TEXTE|image_reduire{1200,0})</div>]
[<div class="hypertxt"><strong>URL :</strong> <a href="#URL_SITE" class="spip_out" target="_blank">(#NOM_SITE)</a></div>]
[<div class="article-notes">(#NOTES)</div>]
[<!-- autre doc -->(#REM) Autres documents joints a l'article]
<BOUCLE_doc_exclure_img(DOCUMENTS){id_article}{extension IN png,jpg,gif}{mode=document}{doublons noimage}> </BOUCLE_doc_exclure_img>
<B_docjoint>
<div class="article-docjoints clear">
<BOUCLE_docjoint(DOCUMENTS){id_article}{mode=document}{vu=non}{doublons noimage}{par rang_lien}>
<div class="article-docjoint">
<a href="#URL_DOCUMENT" title="<:bouton_telecharger:>" type="#MIME_TYPE" download>
<div class="docjoint-logo">#LOGO_DOCUMENT</div>
<small>#TYPE_DOCUMENT[ - (#TAILLE|taille_en_octets)]</small>
[<div class="docjoint-titre">(#TITRE|sinon{#FICHIER|basename}|couper{50})</div>]
[<div class="docjoint-desc">(#DESCRIPTIF)</div]
</a>
</div>
</BOUCLE_docjoint>
</div>
</B_docjoint>
[(#REM) Portfolio : planche contact - galerie ]
[(#SET{l,#ENV{l}|sinon{500}})]
[(#SET{h,#ENV{h}|sinon{300}})]
<B_doc>
<h3 class="article-h3 mt-5 clear"><:oshiage:portfolio:></h3>
<div class="article-portfolio">
<BOUCLE_doc(DOCUMENTS){id_article}{extension IN png,jpg,gif,svg}{par rang_lien}{vu=non}{doublons portaits}>
<figure class="portfolio">
<a href="#URL_DOCUMENT" rel="galerie" class="mediabox"[ title="(#TITRE)"]>
[(#FICHIER|image_proportions{#GET{l},#GET{h},focus}|image_reduire{#GET{l},#GET{h}}|inserer_attribut{alt,#ENV{titre}|textebrut})]
[(#TITRE|sinon{#DESCRIPTIF}|sinon{#CREDITS}|oui)
<figcaption>
<span class="figcaption-titre">#TITRE</span>
[<span class="figcaption-desc">(#DESCRIPTIF|supprimer_tags)</span>]
[<span class="figcaption-credits">(#CREDITS|supprimer_tags)</span>]
</figcaption>]
</a>
</figure>
</BOUCLE_doc>
</div>
</B_doc>
[(#ENV{cache_date}|non)
<div class="article-date">
[<span class="publication"><:oshiage:publie_le:>
<abbr class="published" itemprop="datePublished" title="[(#DATE|date_iso)]">(#DATE|affdate)</abbr>
</span>]
[- <span><:oshiage:mis_a_jour:>
<abbr class="modified updated" itemprop="dateModified" title="[(#MAJ|date_iso)]">(#DATE|affdate|!={#MAJ|affdate}|?{#MAJ|affdate})</abbr>
</span>]
</div>]
</div>
<!-- #article-body -->
</div>
<!-- row -->
</div>
</div>
<!-- #content :article-body -->
</BOUCLE_art>
#FILTRE{trim}

@ -0,0 +1,42 @@
[(#REM)
Bloc "voir aussi"
on prend les 3 plus pertinents dans l'ordre
- les selections a2a
- les voisins dans la rubrique
- les recents dans le site
requiert:
- plugin a2a : https://contrib.spip.net/Le-plugin-a2a-pour-lier-des-articles (facultatif)
param:
- id_article
]<BOUCLE_art(ARTICLES){id_article}{doublons selections}>
#SET{articles,#ARRAY}
<BOUCLE_articles_lies(ARTICLES_LIES?){id_article}{par rang}{0,3}>#SET{articles, #GET{articles}|push{#ID_ARTICLE_LIE}}</BOUCLE_articles_lies>
<BOUCLE_articles_voisins(ARTICLES){id_rubrique}{!par hasard}{0,3}{doublons selections}>#SET{articles, #GET{articles}|push{#ID_ARTICLE}}</BOUCLE_articles_voisins>
<BOUCLE_articles_recents(ARTICLES){!par date}{0,3}{doublons selections}{lang}>#SET{articles, #GET{articles}|push{#ID_ARTICLE}}</BOUCLE_articles_recents>
<!-- content :more -->
<B_as>
<div class="article-a2a-wrappery">
<div class="content container">
<div class="row">
<div class="col-lg-12 mt-4">
<h4 class="article-a2a-titre"><:oshiage:et_aussi:></h4>
<div class="article-previews">
<BOUCLE_as(ARTICLES){id_article IN #GET{articles}}{0,3}>
<INCLURE{fond=inc/article_preview, id_article, affiche_intro=oui, cache_date=oui} />
</BOUCLE_as>
</div>
</div>
</div>
</div>
</div>
</B_as>
<!-- #content :more -->
</BOUCLE_art>
#FILTRE{trim}

@ -0,0 +1,42 @@
[(#REM)
retourner l'illustration principale d'un article aux dimensions indiquées
sinon retourne une image générique
on prend en priorité:
- logo_article
- sinon 1er image
param:
- id_article
- l largeur - defaut : 500
- h hauteur - defaut : 500
- titre
requiert :
- plugin centre_image
]
[(#SET{l,#ENV{l}|sinon{800}})]
[(#SET{h,#ENV{h}|sinon{360}})]
[(#SET{couleur_fond,#ENV{couleur_fond}|sinon{fa9f9f}})]
<BOUCLE_a(ARTICLES){id_article}{si #ENV{objet}|non}>
[(#LOGO_ARTICLE|image_proportions{#GET{l},#GET{h},focus}|image_reduire{#GET{l},#GET{h}}|image_recadre{#GET{l},#GET{h},center,#GET{couleur_fond}}|inserer_attribut{alt,#ENV{titre}|textebrut}|ajouter_class{article-preview-img})]
<BOUCLE_img(DOCUMENTS){id_article}
{extension IN jpg,gif,png}
{par rang_lien, num titre, titre}
{largeur>=#GET{l}}
{hauteur>=#GET{h}}
{0,1}
{si #LOGO_ARTICLE|non}
>
[(#FICHIER|image_proportions{#GET{l},#GET{h},focus}|image_reduire{#GET{l},#GET{h}}|inserer_attribut{alt,#ENV{titre}|textebrut}|ajouter_class{article-preview-img})]
</BOUCLE_img></B_img>
[(#REM)
une image generique
]
[(#LOGO_ARTICLE|non)
[(#CHEMIN{img/image-generique.jpg}|image_proportions{#GET{l},#GET{h},focus}|image_reduire{#GET{l},#GET{h}}|inserer_attribut{alt,#ENV{titre}|textebrut}|ajouter_class{article-preview-img})]
]
<//B_img>
</BOUCLE_a>
#FILTRE{trim}

@ -0,0 +1,32 @@
[(#REM)
article preview