diff --git a/assets/css/base.css b/assets/css/_base.scss
similarity index 100%
rename from assets/css/base.css
rename to assets/css/_base.scss
diff --git a/assets/css/buttons.css b/assets/css/_buttons.scss
similarity index 100%
rename from assets/css/buttons.css
rename to assets/css/_buttons.scss
diff --git a/assets/css/_home-item-nav.scss b/assets/css/_home-item-nav.scss
new file mode 100644
index 0000000..f3c21b3
--- /dev/null
+++ b/assets/css/_home-item-nav.scss
@@ -0,0 +1,52 @@
+.item-nav{
+ border: 1px solid var(--color-txt-light);
+ border-radius: var(--radius-small);
+ background-color: var(--white);
+
+ padding: var(--padding-inner);
+ padding-bottom: calc(var(--padding-inner)*0.5);
+
+ min-height: calc(var(--unit)*5);
+ max-width: 440px;
+
+ display: flex;
+ flex-direction: column;
+
+ cursor: pointer;
+
+ .title{
+ font-family: var(--font-title);
+ font-size: 1.4rem;
+ line-height: 1.1;
+ padding-right: 1ch;
+ font-weight: normal;
+ }
+
+ .btn--go-to{
+ width: var(--unit);
+ height: var(--unit);
+ align-self: end;
+ font-family: var(--font-title);
+ position: relative;
+ font-size: 14px;
+ left: calc(var(--unit)*-0.25);
+ transition: left .4s ease-in-out;
+ }
+
+ .description{
+ margin-top: 0.5em;
+ flex-grow: 2;
+ padding-right: 2ch;
+ font-weight: 500;
+ }
+
+ &:hover{
+ border-color: var(--color-txt);
+ .btn--go-to{
+ left: calc(var(--unit)*0.25);
+ }
+
+ }
+
+
+}
\ No newline at end of file
diff --git a/assets/css/home.css b/assets/css/_home.scss
similarity index 81%
rename from assets/css/home.css
rename to assets/css/_home.scss
index 327092a..e3a647c 100755
--- a/assets/css/home.css
+++ b/assets/css/_home.scss
@@ -1,8 +1,4 @@
-#home__hero{
- --color: var(--color-green);
- --color-medium: var(--color-green-medium);
- --color-light: var(--color-green-light);
-}
+
#home__livrets{
@@ -45,43 +41,6 @@
-.item-nav{
- border: 1px solid var(--color-txt-light);
- border-radius: var(--radius-small);
- background-color: var(--white);
-
- padding: var(--padding-inner);
- padding-bottom: calc(var(--padding-inner)*0.5);
-
- min-height: calc(var(--unit)*5);
- max-width: 440px;
-
- display: flex;
- flex-direction: column;
-
- .title{
- font-family: var(--font-title);
- font-size: 1.4rem;
- line-height: 1.1;
- padding-right: 1ch;
-
- font-weight: normal;
-
- }
-
- button{
- width: var(--unit);
- align-self: end;
- }
-
- .description{
- margin-top: 0.5em;
- flex-grow: 2;
- padding-right: 2ch;
- }
-
-
-}
.item-nav__group{
display: flex;
@@ -105,18 +64,9 @@
padding: calc(var(--padding-inner)*1.5) var(--padding-inner);
width: 100%;
height: 100%;
- /* max-width: 440px; */
- /* text-align: center; */
display: flex;
justify-content: space-between;
gap: var(--unit);
- /* flex-direction: column; */
- /* justify-content: center;
- align-items: center; */
-
-
-
-
figure{
width: 100%;
@@ -138,6 +88,7 @@
margin-bottom: calc(var(--unit)*0.5);
/* text-decoration: 1px underline;
text-underline-offset: 3px; */
+ color: var(--color);
display: inline-flex;
align-items: center;
@@ -153,10 +104,15 @@
font-weight: normal;
margin-top: 0.5em;
margin-bottom: 0.25em;
+ color: var(--color-light);
+
}
.details{
margin-bottom: calc(var(--unit)*0.75);
- font-size: 0.8rem;
+ // font-size: 0.8rem;
+ color: var(--color-light);
+ font-weight: 500;
+
}
}
@@ -388,17 +344,3 @@
}
- /* .btn--outline{
- font-weight: 500;
- font-size: 1.2rem;
-
- border: 1px solid var(--color);
- color: var(--color);
-
- display: inline-flex;
- align-items: center;
- height: calc(var(--unit)*1.5);
- padding: 0px 1ch;
- border-radius: var(--radius-btn);
- cursor: pointer;
- } */
\ No newline at end of file
diff --git a/assets/css/site-footer.css b/assets/css/_site-footer.scss
similarity index 100%
rename from assets/css/site-footer.css
rename to assets/css/_site-footer.scss
diff --git a/assets/css/site-header.css b/assets/css/_site-header.scss
similarity index 57%
rename from assets/css/site-header.css
rename to assets/css/_site-header.scss
index 6471377..9351c88 100755
--- a/assets/css/site-header.css
+++ b/assets/css/_site-header.scss
@@ -83,80 +83,4 @@
}
-
-/*----------------*/
-/* nav */
-/*----------------*/
-
-
-/*----------------*/
-/* nav */
-/*----------------*/
-
-/* #site-nav a {
- text-decoration: none;
- color: var(--color-txt);
-}
-
-#site-nav .nav-level-1_li{
- position: relative;
- float: left;
-}
-
-#site-nav .nav-level-2_li {
- display: block;
-
- float: left;
- padding: var(--padding-inner);
- position: relative;
- text-decoration: none;
-
-}
-
-#site-nav .nav-level-1_ul{
- display: flex;
- gap: 40px;
-}
-
-#site-nav .nav-level-1_li{
- font-weight: 500;
-}
-
-
-#site-nav li:hover {
- cursor: pointer;
-}
-
-.nav-level-2_ul {
- visibility: hidden;
- opacity: 0;
- position: absolute;
- left: 0;
- display: none;
- box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
- margin-top: var(--padding-inner);
- width: 200px;
- border-top: solid 1px black;
-}
-
-ul li:hover > ul,
-.nav-level-2_ul:hover {
- visibility: visible;
- opacity: 1;
- display: block;
-}
-.nav-level-2_li{
- width: 100%;
-}
-.nav-level-2_li:hover{
- background-color: bisque;
-}
-
-
-.li-dropdown::after{
- content: "›";
- padding-left: 0.5ch;
- font-size: 1.2em;
- line-height: 0;
-
-} */
+
\ No newline at end of file
diff --git a/assets/css/site-nav.css b/assets/css/_site-nav.scss
similarity index 100%
rename from assets/css/site-nav.css
rename to assets/css/_site-nav.scss
diff --git a/assets/css/var.css b/assets/css/_var.scss
similarity index 97%
rename from assets/css/var.css
rename to assets/css/_var.scss
index 82c0d35..a609936 100755
--- a/assets/css/var.css
+++ b/assets/css/_var.scss
@@ -27,7 +27,7 @@
--color-violet-medium: #9b92c4;
--color-violet-light: #e1dfec;
- --color-yellow: #cdaa38;
+ --color-yellow: #c4a233;
--color-yellow-medium: #e0c46a;
--color-yellow-light: #f5f0d5;
--color-map: #ad8422;
diff --git a/assets/style.css b/assets/style.css
old mode 100755
new mode 100644
index b9c1738..d65cdd7
--- a/assets/style.css
+++ b/assets/style.css
@@ -1,10 +1,620 @@
-@import "css/var.css";
-@import "css/base.css";
-@import "css/site-header.css";
-@import "css/site-nav.css";
-@import "css/site-footer.css";
+@charset "UTF-8";
+:root {
+ --font-title: "Borna", Arial, sans-serif;
+ --font: "Nunito", Arial, sans-serif;
+ --fs-normal: 14px;
+ font-size: 14px;
+ --unit: 24px;
+ --padding-body: 32px;
+ --padding-inner: 16px;
+ --radius-small: 3px;
+ --radius-btn: 6px;
+ --header-h: 60px;
+ --white: white;
+ --color-violet: #6e62a4;
+ --color-violet-medium: #9b92c4;
+ --color-violet-light: #e1dfec;
+ --color-yellow: #c4a233;
+ --color-yellow-medium: #e0c46a;
+ --color-yellow-light: #f5f0d5;
+ --color-map: #ad8422;
+ --color-blue: #0f70c0;
+ --color-blue-medium: #5aa0da;
+ --color-blue-light: #d1e5f7;
+ --color-orange: #f17f2d;
+ --color-orange-medium: #f3a066;
+ --color-orange-light: #f3e7e0;
+ --color-green: #007953;
+ --color-green-medium: #a1ccbe;
+ --color-green-light: #d5ebe4;
+ --color-green-black: #016042;
+ --color-txt: rgb(41, 41, 41);
+ --color-txt-light: #a5a9a9;
+ --color-light: #DCDDDD;
+ --color-x-light: #eaebeb;
+ --color: var(--color-green);
+ --color-medium: var(--color-green-medium);
+ --color-light: var(--color-green-light);
+}
+[data-type=livret] {
+ --color: var(--color-violet);
+ --color-medium: var(--color-violet-medium);
+ --color-light: var(--color-violet-light);
+}
-@import "css/buttons.css";
+[data-type=base-connaissance] {
+ --color: var(--color-yellow);
+ --color-medium: var(--color-yellow-medium);
+ --color-light: var(--color-yellow-light);
+}
-@import "css/home.css";
\ No newline at end of file
+[data-type=atelier] {
+ --color: var(--color-orange);
+ --color-medium: var(--color-orange-medium);
+ --color-light: var(--color-orange-light);
+}
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ -webkit-font-smoothing: antialiased;
+ -moz-font-smoothing: antialiased;
+ -o-font-smoothing: antialiased;
+ scroll-behavior: smooth;
+}
+
+body {
+ font-family: var(--font);
+ font-size: var(--fs-normal);
+ line-height: 1.2;
+ color: var(--color-text);
+ /* -webkit-print-color-adjust:exact !important;
+ print-color-adjust:exact !important; */
+}
+
+main {
+ min-height: calc(100vh - var(--header-h));
+ margin-top: var(--header-h);
+ /* padding: var(--padding-body); */
+}
+
+button {
+ background: none;
+ border: none;
+}
+
+#site-header {
+ height: var(--header-h);
+ width: 100vw;
+ background-color: var(--white);
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 var(--padding-body);
+ gap: calc(var(--unit) * 2);
+}
+#site-header a {
+ text-decoration: none;
+}
+#site-header h1 {
+ font-family: var(--font-title);
+ color: var(--color-txt);
+ text-decoration: none;
+ font-size: 1.2rem;
+}
+
+#site-header ul {
+ list-style: none;
+}
+
+/*----------------*/
+/* search bar */
+/*----------------*/
+.search {
+ display: flex;
+ flex-direction: row-reverse;
+ height: calc(var(--unit) * 1.5);
+ flex-grow: 2;
+}
+
+.search__toggle {
+ display: none;
+}
+
+.search__label {
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ width: calc(var(--unit) * 1.5);
+ height: calc(var(--unit) * 1.5);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.search__input {
+ display: none;
+}
+
+.search__icon {
+ width: var(--unit);
+}
+
+.search__icon--open {
+ display: block;
+}
+
+.search__icon--close {
+ display: none;
+}
+
+.search__toggle:checked ~ .search__input {
+ display: block;
+}
+
+.search__toggle:checked ~ .search__label .search__icon--open {
+ display: none;
+}
+
+.search__toggle:checked ~ .search__label .search__icon--close {
+ display: block;
+}
+
+#btn__connexion {
+ font-weight: 500;
+ font-size: 1rem;
+ background-color: var(--color-txt);
+ color: white;
+ display: inline-flex;
+ align-items: center;
+ height: calc(var(--unit) * 1.25);
+ padding: 0px 1ch;
+ border-radius: var(--radius-btn);
+ cursor: pointer;
+}
+
+#site-nav a {
+ text-decoration: none;
+ color: currentColor;
+}
+
+#site-nav li {
+ font-weight: 500;
+ color: var(--color-txt);
+}
+
+.arrow {
+ --size: 12px;
+ height: var(--size);
+ width: var(--size);
+ position: relative;
+ top: 2px;
+ display: inline-block;
+}
+.arrow svg {
+ height: var(--size);
+ width: var(--size);
+ transform: rotate(0deg);
+ transform-origin: center;
+ transition: transform 0.2s ease-in-out;
+ fill: var(--color-txt);
+}
+
+#site-nav .nav-level-1_ul {
+ display: flex;
+ gap: calc(var(--padding-inner) * 2);
+}
+
+#site-nav .nav-level-1_li {
+ display: block;
+ /* float: left; */
+ padding: var(--padding-inner);
+ position: relative;
+ text-decoration: none;
+}
+#site-nav .nav-level-1_li:hover {
+ color: var(--color);
+}
+#site-nav .nav-level-1_li:hover .arrow svg {
+ transform: rotate(90deg);
+ fill: var(--color);
+}
+
+#site-nav li:hover {
+ cursor: pointer;
+}
+
+.nav-level-2_ul {
+ visibility: hidden;
+ opacity: 0;
+ position: absolute;
+ left: 0;
+ display: none;
+ border-top: 1px solid var(--color);
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ margin-top: var(--padding-inner);
+ min-width: 24ch;
+}
+
+.nav-level-1_ul li:hover > .nav-level-2_ul,
+.nav-level-2_ul:hover {
+ visibility: visible;
+ opacity: 1;
+ display: block;
+}
+
+.nav-level-2_li {
+ width: 100%;
+ padding: calc(var(--padding-inner) * 0.75) var(--padding-inner);
+}
+
+.nav-level-2_li:hover {
+ background-color: var(--color-light);
+}
+
+#site-footer {
+ background-color: var(--color-x-light);
+ min-height: 200px;
+ padding: var(--padding-body);
+}
+
+.btn--solid {
+ font-weight: 600;
+ font-size: 1.2rem;
+ background-color: var(--color);
+ color: var(--white);
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ height: calc(var(--unit) * 1.5);
+ border-radius: var(--radius-btn);
+ cursor: pointer;
+}
+.btn--solid a {
+ color: white;
+ text-decoration: none;
+ padding: 0px 1ch;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+}
+
+.item-nav {
+ border: 1px solid var(--color-txt-light);
+ border-radius: var(--radius-small);
+ background-color: var(--white);
+ padding: var(--padding-inner);
+ padding-bottom: calc(var(--padding-inner) * 0.5);
+ min-height: calc(var(--unit) * 5);
+ max-width: 440px;
+ display: flex;
+ flex-direction: column;
+ cursor: pointer;
+}
+.item-nav .title {
+ font-family: var(--font-title);
+ font-size: 1.4rem;
+ line-height: 1.1;
+ padding-right: 1ch;
+ font-weight: normal;
+}
+.item-nav .btn--go-to {
+ width: var(--unit);
+ height: var(--unit);
+ align-self: end;
+ font-family: var(--font-title);
+ position: relative;
+ font-size: 14px;
+ left: calc(var(--unit) * -0.25);
+ transition: left 0.4s ease-in-out;
+}
+.item-nav .description {
+ margin-top: 0.5em;
+ flex-grow: 2;
+ padding-right: 2ch;
+ font-weight: 500;
+}
+.item-nav:hover {
+ border-color: var(--color-txt);
+}
+.item-nav:hover .btn--go-to {
+ left: calc(var(--unit) * 0.25);
+}
+
+#home__livrets {
+ --color: var(--color-violet);
+ --color-medium: var(--color-violet-medium);
+ --color-light: var(--color-violet-light);
+ background-color: var(--color-medium);
+}
+
+#home__base-connaissance {
+ --color: var(--color-yellow);
+ --color-medium: var(--color-yellow-medium);
+ --color-light: var(--color-yellow-light);
+ background-color: var(--color-medium);
+}
+
+#home__ateliers {
+ --color: var(--color-orange);
+ --color-medium: var(--color-orange-medium);
+ --color-light: var(--color-orange-light);
+ background-color: var(--color);
+}
+
+#main_home section {
+ padding: calc(var(--unit) * 3) var(--padding-body);
+}
+#main_home section .section--inner {
+ max-width: 1100px;
+ margin: 0 auto;
+}
+
+.item-nav__group {
+ display: flex;
+ flex-direction: column;
+ gap: var(--unit);
+}
+
+.section--title {
+ font-size: 2.8rem;
+ font-family: var(--font-title);
+ margin-bottom: calc(var(--unit) * 3);
+}
+
+.highlight-block {
+ background-color: var(--color);
+ border: 1px solid var(--color-txt-light);
+ border-radius: var(--radius-small);
+ padding: calc(var(--padding-inner) * 1.5) var(--padding-inner);
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: space-between;
+ gap: var(--unit);
+}
+.highlight-block figure {
+ width: 100%;
+ max-width: 160px;
+ aspect-ratio: 4/5;
+ border: 1px solid var(--color-medium);
+ border-radius: var(--radius-small);
+ overflow: hidden;
+}
+.highlight-block figure img {
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+.highlight-block .label {
+ font-weight: 600;
+ margin-bottom: calc(var(--unit) * 0.5);
+ /* text-decoration: 1px underline;
+ text-underline-offset: 3px; */
+ color: var(--color);
+ display: inline-flex;
+ align-items: center;
+ background-color: var(--color-light);
+ height: var(--unit);
+ padding: 0px 1ch;
+ border-radius: var(--radius-btn);
+}
+.highlight-block .title {
+ font-family: var(--font-title);
+ font-size: 1.4rem;
+ font-weight: normal;
+ margin-top: 0.5em;
+ margin-bottom: 0.25em;
+ color: var(--color-light);
+}
+.highlight-block .details {
+ margin-bottom: calc(var(--unit) * 0.75);
+ color: var(--color-light);
+ font-weight: 500;
+}
+
+.home--section-tool .section--inner {
+ display: grid;
+ grid-template-columns: 4fr 5fr;
+ -moz-column-gap: calc(var(--unit) * 3);
+ column-gap: calc(var(--unit) * 3);
+}
+.home--section-tool .section--inner .section--title {
+ grid-column: 1/end;
+ width: 100%;
+}
+.home--section-tool .section--inner .item-nav {
+ grid-column: 1;
+}
+.home--section-tool .section--inner .highlight-block {
+ grid-column: 2;
+ grid-row: 2;
+}
+
+#home__hero {
+ margin-bottom: 0;
+ padding-bottom: calc(var(--unit) * 1.5) !important;
+ /* button{ display: none;} */
+}
+#home__hero .section--inner {
+ display: block;
+ text-align: center;
+ width: 100%;
+ max-width: 100%;
+}
+#home__hero .section--title {
+ font-size: 3.6em;
+ margin-bottom: calc(var(--unit) * 1.5);
+ color: var(--color);
+}
+#home__hero .description {
+ font-size: 1.6rem;
+ max-width: 48ch;
+ margin: 0 auto;
+ margin-bottom: calc(var(--unit) * 1.5);
+}
+#home__hero .search--container {
+ display: none;
+}
+#home__hero .nav-hero {
+ list-style: none;
+ display: flex;
+ justify-content: center;
+ gap: var(--unit);
+ margin-top: calc(var(--unit) * 1);
+ margin-bottom: calc(var(--unit) * 3);
+}
+#home__hero .nav-hero li {
+ font-weight: 500;
+ font-size: 1rem;
+ min-width: 12ch;
+ text-align: center;
+ border: 1px solid var(--color);
+ color: var(--color);
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ height: calc(var(--unit) * 1.5);
+ padding: 0px 1.5ch;
+ border-radius: var(--radius-btn);
+ cursor: pointer;
+}
+#home__hero .nav-hero a {
+ text-decoration: none;
+ color: var(--color);
+ font-weight: bold;
+ /* &::after{
+ content: " ↓"
+ } */
+}
+#home__hero .see-more {
+ display: block;
+ color: var(--color-txt);
+ font-weight: bold;
+ padding-top: calc(var(--unit) * 1.5);
+}
+
+#home__a-propos p, #home__a-propos li {
+ font-size: 1.6rem;
+ margin-bottom: 1em;
+ position: relative;
+}
+#home__a-propos p strong, #home__a-propos li strong {
+ color: var(--color-green);
+}
+#home__a-propos ol li::marker {
+ display: none;
+ content: "";
+}
+#home__a-propos ol {
+ padding-left: 5ch;
+ counter-reset: ol;
+}
+#home__a-propos ol li {
+ counter-increment: ol 1;
+ position: relative;
+}
+#home__a-propos ol li::before {
+ font-size: 1.2rem;
+ font-weight: bold;
+ content: counter(ol);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 2ch;
+ height: 2ch;
+ border-radius: 50%;
+ border: 2px solid var(--color-green);
+ color: var(--color-green);
+ background-color: var(--color-green-light);
+ position: absolute;
+ left: -4ch;
+ top: 4px;
+}
+#home__a-propos .btn--solid {
+ margin-top: calc(var(--unit) * 2);
+}
+
+.container-logos {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 40px 60px;
+}
+
+.container-logos .logo {
+ width: 200px;
+ height: 60px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ overflow: hidden;
+}
+
+.container-logos .logo > * {
+ max-width: 100%;
+ max-height: 100%;
+ width: auto;
+ height: auto;
+ -o-object-fit: contain;
+ object-fit: contain;
+}
+
+.container-logos .logo img,
+.container-logos .logo svg {
+ max-width: 100%;
+ max-height: 100%;
+ width: auto;
+ height: auto;
+ -o-object-fit: contain;
+ object-fit: contain;
+}
+
+#logo-inria {
+ width: 150px;
+}
+
+#logo-cnrs {
+ width: 90px;
+ height: 80px;
+}
+
+#logo-sorbonne {
+ height: 65px;
+ width: 160px;
+}
+
+#logo-saclay {
+ width: 160px;
+ transform: translateY(-10px);
+}
+
+#logo-rennes {
+ width: 81px;
+ height: 90px;
+}
+
+#logo-plantagroeco {
+ width: 220px;
+}
+
+#logo-SBF {
+ width: 146px;
+ height: 120px;
+}
+
+#logo-upec {
+ width: 161px;
+ height: 70px;
+}
+
+#logo-paris {
+ width: 80px;
+ height: 70px;
+}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/assets/style.css.map b/assets/style.css.map
new file mode 100644
index 0000000..37913a9
--- /dev/null
+++ b/assets/style.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["style.css","css/_var.scss","css/_base.scss","css/_site-header.scss","css/_site-nav.scss","css/_site-footer.scss","css/_buttons.scss","css/_home-item-nav.scss","css/_home.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/assets/style.scss b/assets/style.scss
new file mode 100755
index 0000000..a302797
--- /dev/null
+++ b/assets/style.scss
@@ -0,0 +1,10 @@
+@charset "UTF-8";
+@use "css/var";
+@use "css/base";
+@use "css/site-header";
+@use "css/site-nav";
+@use "css/site-footer";
+@use "css/buttons";
+
+@use "css/home-item-nav";
+@use "css/home";
diff --git a/index.html b/index.html
index 8baea7a..551dc48 100755
--- a/index.html
+++ b/index.html
@@ -31,7 +31,6 @@
@@ -61,13 +60,13 @@
Créer un livret
Inventoriez un terrain, créez votre collection et générez un livret avec sa clé de détermination.
-
+
Rechercher un livret
Consultez et téléchargez librement les livrets existants.
-
+
@@ -93,13 +92,13 @@
Explorer les espèces
Consultez et téléchargez les fiches des espèces vérifiées par Botascopia.
-
+
Contribuer à la base de connaissance
Seul·e ou dans le cadre d'une activité pédagogique en botanique, contactez-nous!
-
+
@@ -125,13 +124,13 @@
Organiser un atelier
Consultez et téléchargez les fiches des espèces vérifiées par Botascopia.
-
+
Kits pédagogiques
Seul·e ou dans le cadre d'une activité pédagogique en botanique, contactez-nous!
-
+