@font-face {
  font-family: 'GE Inspira';
  src: url('GE_Inspira.ttf')format('truetype');
}

@font-face {
	font-family: 'Georgia';
	src: url('Georgia.ttf')format('truetype');
}

@font-face {
	font-family: 'Tahu';
	src: url('Tahu.ttf')format('truetype');
}

html {
  margin:0;
  padding: 0;
}

body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'GE Inspira', sans-serif;
  background:url(fond_mer.jpeg) no-repeat center fixed; 
  background-size: 100% 100%;
}

#main {
   height: auto;
   margin-right: 25%;
   margin-left: 25%;
}

#main a {
   color: white;
   text-decoration: none;
}

#main a:hover {
   color: black;
}

#main .accueilG {
   font-family: 'Georgia', serif;
   font-size:1.7em;
   font-weight:900;
   text-align: left;
   margin-top:10px;
   margin-bottom:10px;
}

#main .accueilD {
   font-family: 'Georgia', serif;
   font-size:1.7em;
   font-weight:900;
   text-align: right;
   margin-top:10px;
   margin-bottom:10px;
}

h1 {
   font-family: 'Georgia', sans-serif;
   font-size: 2em;
   color: white;
   text-align: center;
}

h2 {
   font-family: 'GE Inspira', sans-serif;
   font-size: 1.4em;
   color: white;
   text-align: center;
   margin-top: 0;
}

.espacehaut {
   margin-top: 1.5em;
}

.espacebas {
   margin-bottom: 2em;
}

#footer {
   position: fixed;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   font-size: 1.1em;
   color: white;
   text-align: center;
   z-index: 10;
   bottom: 0;
}

#footer a {
   color: white;
   text-decoration: none;
}

#footer a:hover {
   color: black;
}

@media screen and (max-width: 980px) {
  p {
    font-family: 'GE Inspira', sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    color: white;
  }

#main {
    padding-top: 50px;
  }
}