@font-face {
    font-family: 'diogenesregular';
    src: url('diogenes-webfont.eot');
    src: url('diogenes-webfont.eot?#iefix') format('embedded-opentype'),
         url('diogenes-webfont.woff2') format('woff2'),
         url('diogenes-webfont.woff') format('woff'),
         url('diogenes-webfont.ttf') format('truetype'),
         url('diogenes-webfont.svg#diogenesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body {
    width:100%;
    height: auto;
    margin: 0;
    padding: 0px;
}
body {
font-family: 'diogenesregular';
margin:0;
padding:0px;
background-image:url('images/bg.jpg');
background-size:cover;
background-position: center center;
background-attachment: fixed;
}
#wrap {
margin: 0 auto;
padding:5px 15px;
background-image:url('images/bg3.jpg');
background-size:cover;
background-position: center center;
background-attachment: fixed;
width:600px;
height:auto;
}
input[type=text]{ 
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
font-weight:bold;
height:1.8vw;
font-size:1.7vw;
padding:0;
color:#053383;
text-transform: uppercase;
vertical-align: middle;
}
.input_lowercase {
text-transform:none !important;
font-size:18px;
font-weight:bold;
}
.input1 {
width:70px;
}
.input2 {
width:120px;
}
.input3 {
width:180px;
}
.input4 {
width:200px;
}
.container {
font-family: 'Alegreya', serif;
margin-bottom:24px;
letter-spacing: 94%;
line-height: 120%;
font-size:1.9vw;
}
.fas {
font-size: 40px;
padding-right:5px;
}
hr {
height:9px;
background-image: url('images/ligne.png');
background-size:100% 100%;
background-position: top center;
width:80%;
margin:10px auto;
border:none;
}
.title {
   font-family: "diogenesregular";
   font-size:50px;
   line-height:1.05em;
   padding-top:20px;
}
.title2 {
   font-size:28px;
   line-height:1.05em;
   padding-top:20px;
   font-weight:bold;
}
input[type=submit] {
background-color:#053383;
  border: none;
  color: white;
  padding: 10px 18px;
  text-decoration: none;
  margin: 14px 2px;
  cursor: pointer;
  border-radius:8px;
  font-size:1.8vw;
  font-weight:bold;
}
#footer, #footer2 {
font-family: "diogenesregular";
font-size:1.3em;
letter-spacing: 0.05em;
margin-top:10px;
}
#footer2 {
font-size:0.9em;

}
a, a:visited {
color:black;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
li {
margin-bottom:10px;
}
#autobioplaceholder {
background-image: url('images/ecusson.png'); 
background-repeat: no-repeat;
background-size:contain;
}
button {
background-color: darkblue;
color:white;
height:26px;
font-size:18px;
padding:2px;
}
.pic {
width:550px;
margin-top:10px;
}
#myDIV,#myDIV2{
margin-top:10px;
}
.caveat {
font-family: 'Caveat', cursive;
font-style: italic;
font-size:1.4em;
}
@media only screen and (max-width: 768px) {
#wrap {
width:95%;
padding:0 5px;
margin-left:5px;
}
.container {
font-size:20px;
}
input[type=text]{ 
height:20px;
font-size:19px;
}
input[type=submit] {
background-color:#053383;
  font-size:20px;
}
.pic {
width:350px;
}
}