diff --git a/Css.css b/Css.css
new file mode 100644
index 0000000..449eae2
--- /dev/null
+++ b/Css.css
@@ -0,0 +1,179 @@
+* {
+ text-decoration: none;
+}
+
+table {
+ border-collapse: collapse;
+ table-layout: fixed;
+ caption-side: bottom;
+}
+
+body {
+ background-color: rgb(94, 36, 128);
+ font-family: 'quadranta';
+}
+
+table,
+th,
+td {
+ border: 1px solid black;
+}
+
+div {
+ background-color: rgb(255, 251, 0);
+}
+
+p {
+ display: flex;
+}
+
+.activities-table img {
+ max-width: 150px;
+}
+
+header {
+ background-color: rgba(34, 80, 25, 0.918);
+}
+
+.bio {
+ position: relative;
+ left: 47%;
+ float: none;
+ border-radius: 10px/20px;
+}
+
+section {
+ display: flex;
+ justify-content: space-between;
+}
+
+article {
+ width: 40%;
+}
+
+.biotxt {
+ color: rgb(112, 95, 131);
+}
+
+h2 {
+ text-align: center;
+ clear: both;
+}
+
+aside {
+ width: 40%;
+ padding-left: 0.5rem;
+ margin-left: 0.5rem;
+ float: right;
+ box-shadow: inset 5px 0 5px -5px #29627e;
+ font-style: italic;
+ color: #29627e;
+}
+
+aside>p {
+ margin: 0.5rem;
+}
+
+nav ul {
+ height: 50px;
+ margin: 10px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-evenly;
+}
+
+nav li {
+ background: radial-gradient(circle at 0% 100%, #ffdf42, #ffcc2c, #ffb914, #ffa500, #ff8f00, #ff7800, #ff5e00, #ff3d0c);
+ flex: 1;
+ /*box-shadow: 2px 5px #29627e;*/
+}
+
+.bouton {
+ background-color: rgb(189, 201, 226);
+ text-align: center;
+ color: aliceblue;
+}
+
+nav li a {
+ color: black;
+}
+
+.liens1 {
+ top: 100px;
+ right: 10px;
+ height: 60px;
+ width: 60px;
+ position: fixed;
+}
+
+.liens2 {
+ top: 100px;
+ right: 75px;
+ height: 60px;
+ width: 60px;
+ position: fixed;
+}
+
+label {
+ display: block;
+}
+
+nav li:hover {
+ background: radial-gradient(circle at 20% 0%, #ff8b17, #e6751f, #cc6021, #b24d22, #963b1f, #7b2b1c, #601d16, #45100e);
+
+}
+
+nav li:hover a {
+ color: white;
+
+}
+
+nav li {
+ display: block;
+ padding: 10px 35px;
+}
+
+li .sousli {
+ display: none;
+}
+
+.deroul:hover .sousli {
+ display: block;
+ position: absolute;
+ top: 40px;
+ left: 0;
+ width: max-content;
+}
+
+.deroul {
+ position: relative;
+}
+
+li {
+ border-left-style: dashed;
+}
+
+ul li:first-child {
+ border-left-style: none;
+}
+
+.deroul ul li {
+ border-left-style: none;
+}
+
+@media (max-width: 800px) {
+ aside {
+ float: none;
+ }
+}
+
+.img:hover::after {
+ content: attr(title);
+ bottom: 10px;
+ color: #fff;
+
+}@font-face{
+ font-family: "Quadranta";
+ src: url('quadranta.woff') format('woff');
+
+}
diff --git a/impression.css b/impression.css
new file mode 100644
index 0000000..cb0a1c1
--- /dev/null
+++ b/impression.css
@@ -0,0 +1,3 @@
+img{display: none;}
+nav{display: none;}
+head{display: none;}
\ No newline at end of file
diff --git a/meContacter.html b/meContacter.html
new file mode 100644
index 0000000..cb0ddd9
--- /dev/null
+++ b/meContacter.html
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/page_web_6.html b/page_web_6.html
new file mode 100644
index 0000000..0f424f5
--- /dev/null
+++ b/page_web_6.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+
+
+
+
+
+ Petite vidéo de mer parce que pourquoi pas.
+
+
\ No newline at end of file
diff --git a/php.php b/php.php
new file mode 100644
index 0000000..ab7333e
--- /dev/null
+++ b/php.php
@@ -0,0 +1,24 @@
+Attention, adresse mail invalide";
+ }
+ echo "Prénom: $prenom
";
+ echo "Nom: $nom
";
+ echo "Mail $mail
";
+ echo "Numéro de téléphone: $tel
";
+ echo "Motif: $mtf
";
+ echo "Date: $date
";
+ echo "Demande: $prem
";
+ echo "Description: $desc
";
+ echo "Votre demande a été prise en compte et va être validée
";
+}
+?>