Add files via upload

css/style-bouton.css

@@ -0,0 +1,102 @@
+#themeDiv {
+    display: flex;
+    flex-grow: 1;
+    position: absolute;
+    align-items: center;
+    justify-content: center;
+    bottom: 20px;
+    width: 100%;
+    margin-top: 30px;
+}
+
+/* 450px sans les catégories de projet*/
+/* 605px sans les catégories de projet*/
+@media screen and (max-height:450px) {
+    #themeDiv {
+        position: relative;
+        bottom: none;
+    }
+}
+
+#themeDiv p {
+    margin: 0 10px 0 0;
+    font-size: 20px;
+    color: white;
+    font-weight: normal;
+}
+
+
+/*************** BOUTON ***************/
+
+/* Rounded sliders */
+.slider.round {
+    border-radius: 34px;
+}
+
+.slider.round:before {
+    border-radius: 50%;
+}
+
+
+/* The switch - the box around the slider */
+.switch {
+    position: relative;
+    display: inline-block;
+    width: 50px;
+    /***** taille *****/
+    height: 23px;
+    /***** taille *****/
+}
+
+/* Hide default HTML checkbox */
+.switch input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+}
+
+/* The slider */
+.slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #ccc;
+    /*  -webkit-transition: .4s;*/
+    transition: .4s;
+}
+
+/* point blanc*/
+.slider:before {
+    position: absolute;
+    content: "";
+    height: 15px;
+    /***** taille *****/
+    width: 15px;
+    /***** taille *****/
+    left: 4px;
+    bottom: 4px;
+    background-color: white;
+    /*  -webkit-transition: .4s;*/
+    transition: .4s;
+}
+
+input:checked + .slider {
+    background-color: #2196F3;
+}
+
+/*
+input:focus + .slider {
+  box-shadow: 0 0 1px #2196F3;
+}
+*/
+
+input:checked + .slider:before {
+/*      -webkit-transform: translateX(26px);*/
+/*      -ms-transform: translateX(26px);*/
+    transform: translateX(26px);
+}
+
+/*************** FIN BOUTON ***************/

css/style-burger.css

@@ -0,0 +1,29 @@
+.burgerMenu {
+    display: inline-block;
+    cursor: pointer;
+    position: absolute;
+    right: 30px;
+    z-index: 10;
+}
+
+.bar1,
+.bar2,
+.bar3 {
+    width: 35px;
+    height: 5px;
+    background-color: #333;
+    margin: 6px 0;
+    transition: 0.4s;
+}
+
+.change .bar1 {
+    transform: rotate(-45deg) translate(-8px, 5px);
+}
+
+.change .bar2 {
+    opacity: 0;
+}
+
+.change .bar3 {
+    transform: rotate(45deg) translate(-10px, -8px);
+}