@font-face {
   font-family: josef;
   src: url(../font/Josefin_Sans/JosefinSans-Regular.ttf);
 }

 h1 {
   font-family: josef;
 }

 p {
   font-family: josef;
 }

 body {
   margin: 0px;
   padding: 0px;
 }

 #flechegauche {
   margin-top: 10px;
   margin-left: 10px;
   float: left;
   position: absolute;
 }

 #flechegauche:hover {
   left: 30px;
   opacity: 0.7;
 }

 #home {
   margin-top: 10px;
   margin-left: 50%;
   transform: translateX(-50%);
 }

 #home:hover {
   opacity: 0.7;
 }

 #flechedroite {
   margin-top: 10px;
   right: 10px;
   position: absolute;
 }

 #flechedroite:hover {
   margin-right: 30px;
   opacity: 0.7;
 }

 #flechescroll:hover {
   opacity: 0.7;
 }

 #fullscreen1 {
   height: 700px;
   background: url(../image/background_preparer.jpg) center no-repeat fixed;
   background-size: 100%;
 }

 #fullscreen2 {
   height: 700px;
   background: url(../image/background_-_nourriture.jpg) center no-repeat fixed;
   background-size: 100%;
 }

 #fullscreen3 {
   height: 700px;
   background: url(../image/background_-_social.jpg) center no-repeat fixed;
   background-size: 100%;
 }

 #fullscreen4 {
   height: 700px;
   background: url(../image/background_environnement.jpg) center no-repeat fixed;
   background-size: 100%;
 }

 #fullscreen5 {
   height: 700px;
   background: url(../image/background_quotidien.jpg) center no-repeat fixed;
   background-size: 100%;
 }

 #fullscreen6 {
   height: 700px;
   background: url(../image/background_-_premier_soin.jpg) center no-repeat fixed;
   background-size: 100%;
 }

 #titre {
   margin-top: 10px;
   font-size: 80px;
   padding-top: 100px;
 }

 #sous-titre {
   font-size: 30px;
 }

 #contenu {
   text-align: center;
   margin-left: 200px;
   margin-right: 200px;
 }

 #menu {
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;
 }

 .menu2 {
   padding-left: 10%;
   font-size: 30px;
 }

 .first {
   font-size: 30px;
 }

 a:hover {
   color: blue;
 }

 a {
   color: black;
   text-decoration: none;
 }

 section {
   display: inline-block;
 }

 article {
   width: 500px;
 }

 li {
   display: inline-block;
   text-decoration: none;
 }

 #copyright {
   margin: 0px;
   padding-top: 10px;
   color: white;
 }

 footer {
   padding-top: 15px;
   padding-bottom: 15px;
   text-align: center;
   background-color: #9E9E9E;
 }



 .div1 {
   text-align: center;
   width: 100%;
   position: relative;
 }

 .div2 {
   width: 100%;
   display: inline-block;
 }

 .image {
   width: 30%;
   display: inline-block;
 }

 .text {
   width: 50%;
   display: inline-block;
 }