@font-face {
	font-family: 'gothic';
	src: url('gothic.eot');
	src: local('gothic'), url('gothic.woff') format('woff'), url('gothic.ttf') format('truetype');
}
.fontsforweb_fontid_9785 {
	font-family: 'gothic' !important;
}
@media all and (min-width: 1080px) {
    body{
        font-size: 18px;
    }
}
 
@media all and (max-width: 1079px) and (min-width: 600px) {
    body{
        font-size: 14px;
    }
}
 
@media all and (max-width: 599px) and (min-width: 320px) {
    body{
        font-size: 12px;
    }
 
}

* {
	margin: 0;
	padding: 0;
}

html, body {
height: 100%;
font-family: 'gothic';
}
.image
{
	max-width: 100%;
	}
#gauche {
	 position: fixed;
max-width: 30%;
min-height: 100%; 
	background-color: #A9AE36;

}
#droite1 {
font-family: 'gothic';
	src: url('gothic.eot');
	src: local('gothic'), url('gothic.woff') format('woff'), url('gothic.ttf') format('truetype');
background: white;
		text-align: left;
		padding: 3% 15% 3% 5%;
max-width: 50%;
		float: right; 
		overflow: hidden;
		position: relative; 
		text-align: justify;
}
a.type1 {
color: #138E85;
}

#droite2 {
font-family: 'gothic';
	src: url('gothic.eot');
	src: local('gothic'), url('gothic.woff') format('woff'), url('gothic.ttf') format('truetype');
background: #138E85;
		text-align: left;
		padding: 3% 15% 3% 5%;
max-width: 50%;
		float: right; 
		overflow: hidden;
		position: relative;
		text-align: justify;

}
#formulaire {
font-family: 'gothic';
	src: url('gothic.eot');
	src: local('gothic'), url('gothic.woff') format('woff'), url('gothic.ttf') format('truetype');
background: #138E85;
		text-align: left;
		color: #D9CA2E;
font-size: 100%;

}
.gold {
color: #A59248;
font-size: 100%;
}
.green {
color: #95A859;
font-size: 100%;
}
.turquoise {
color: #138E85;
font-size: 100%;
}
.gris {
color: #808080;
font-size: 100%;
}
.bleu {
color: #0d6760;
font-size: 100%;
}
.blanc {
color: white;
font-size: 100%;
}
.vertfoncé {
color: #138E85;
font-size: 100%;
}
.kaki {
color: #A59248;
font-size: 100%;
}
.gold2 {
color: #D9CA2E;
font-size: 100%;
}
a {
      text-decoration: none;
		color: white;
    }

nav {
font-family: 'gothic';
	src: url('gothic.eot');
	src: local('gothic'), url('gothic.woff') format('woff'), url('gothic.ttf') format('truetype');
   right: 0;
	 position: fixed;
	 margin-top: 10%;
	z-index: 4; 
  width: 10%;
  background-color: #9AB33F;
  opacity: 0.7;
  color: #0d6760;
  font-weight: bold;
    font-size: large;
    text-align: left;
    border: solid hsla(80, 90%, 40%, 0.7);
    border-right: none;
    padding: 0.5em 0.5em 0.5em 2.5em;
    box-shadow: 0 1px 3px black;
    border-radius: 3em 0.5em 0.5em 3em;
}
nav li { 
margin: 0;
list-style-type : none;
 }
nav li a:hover { 
 color: black;
 }
 @media only screen and (max-width : 910px),
only screen and (max-device-width : 910px){
    nav {
        font-size: 12px;
    }
}
 .image
{
	max-width: 100%;
}
 .image2
{
	max-width: 50%;
}
 .image3
{
	max-width: 25%;
}


@media all and (min-width: 1080px) {

nav {
font-family: 'gothic';
	src: url('gothic.eot');
	src: local('gothic'), url('gothic.woff') format('woff'), url('gothic.ttf') format('truetype');
   right: 0;
	 position: fixed;
	 margin-top: 10%;
	z-index: 4; 
  width: 10%;
  background-color: #9AB33F;
  opacity: 0.7;
  color: #0d6760;
  font-weight: bold;
 font-size: 18px;
    text-align: left;
    border: solid hsla(80, 90%, 40%, 0.7);
    border-right: none;
    padding: 0.5em 0.5em 0.5em 2em;
    box-shadow: 0 1px 3px black;
    border-radius: 3em 0.5em 0.5em 3em;
}
nav li { 
margin: 0;
list-style-type : none;
 }
nav li a:hover { 
 color: black;
 }
 }
 
 @media all and (max-width: 1079px) and (min-width: 950px) {
   nav {
font-family: 'gothic';
	src: url('gothic.eot');
	src: local('gothic'), url('gothic.woff') format('woff'), url('gothic.ttf') format('truetype');
   right: 0;
	 position: fixed;
	 margin-top: 10%;
	z-index: 4; 
  width: 11%;
  background-color: #9AB33F;
  opacity: 0.7;
  color: #0d6760;
  font-weight: bold;
    font-size: 14px;
    text-align: left;
    border: solid hsla(80, 90%, 40%, 0.7);
    border-right: none;
    padding: 0.5em 0.5em 0.5em 2em;
    box-shadow: 0 1px 3px black;
    border-radius: 3em 0.5em 0.5em 3em;
}
nav li { 
margin: 0;
list-style-type : none;
 }
nav li a:hover { 
 color: black;
 }
}

@media all and (max-width: 949px) {
   nav {
font-family: 'gothic';
	src: url('gothic.eot');
	src: local('gothic'), url('gothic.woff') format('woff'), url('gothic.ttf') format('truetype');
   right: 0;
	 position: fixed;
	 margin-top: 10%;
	z-index: 4; 
  width: 14%;
  background-color: #9AB33F;
  opacity: 0.7;
  color: #0d6760;
  font-weight: bold;
    font-size: 12px;
    text-align: left;
    border: solid hsla(80, 90%, 40%, 0.7);
    border-right: none;
    padding: 0.5em 0.5em 0.5em 1em;
    box-shadow: 0 1px 3px black;
    border-radius: 3em 0.5em 0.5em 3em;
}
nav li { 
margin: 0;
list-style-type : none;
 }
nav li a:hover { 
 color: black;
 }
}