@font-face {
    font-family: 'heal_the_web_aregular';
    src: url('font/healtheweba-regular-webfont.woff') format('woff');
}

@font-face {
    font-family: 'heal_the_web_bregular';
    src: url('font/healthewebb-regular-webfont.woff') format('woff');
}



p {
  font-size: 25px;
  font-family: "heal_the_web_aregular";
  color: white;
}

h1
{
  font-size: 100px;
  font-family: "heal_the_web_bregular";
  color: white;
  font-weight: bold ;
  letter-spacing : 5px ;
  text-align: left;
}

a:link
{
  text-decoration:none;
}

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

a:hover
{
   color: springgreen;
   text-decoration:none;
   cursor: crosshair;
}



img {
	width: 100%;
  height: 100%;

}



div {
border-style: none;
}

body {
  margin: 40px 40px 10px 40px;
}



#containmenu{
  height:4vw;
  width: 40vw;
  display: inline-block;
  vertical-align:top;
  padding: 0px;
  margin: 20px 0 0 0;

}

#containimage{
  height:100%;
  width: 100%;
  display: block;
  padding: 0px;
  margin: 30px 0 90px 0;


}

.menu {
  font-size: 30px;
  font-family: "heal the web A", "kharkiv tone";
  color: white;
  height:4vw;
  width:30vw;
  display: inline;
  padding:0px;
  margin: 0 30px 0 5px;

}

.texte {
  font-family: "heal the web A", "kharkiv tone";
  color: white;
  font-size: 30px;
  display: block;
  padding:0px;
  margin: 0 0 0 0;

}

#textecontact {
  font-family: "heal the web A", "kharkiv tone";
  color: white;
  font-size: 30px;
  display: block;
  padding:0px;
  margin: 12vw 0 0 0;
  text-align: center;
}

#retour
{
  font-family: "heal the web A", "kharkiv tone";
  color: white;
  font-size: 30px;
  display: block;
  padding:0px;
  margin: -50px 0 80px 0;
  text-align: center;

}


#retourbis
{
  font-family: "heal the web A", "kharkiv tone";
  color: white;
  font-size: 30px;
  display: block;
  padding:0px;
  margin: 0 0 60px 0;
  text-align: center;

}

#pagesuivante
{
  font-family: "heal the web A", "kharkiv tone";
  color: white;
  font-size: 30px;
  display: block;
  padding:0px;
  margin: 80px 0 30px 0;
  text-align: center;

}




li {
  display: inline;
}


#titre {
  font-size: 70px;
  font-family: "heal the web B", "kharkiv tone";
  color: white;
  font-weight: bold ;
  height:4vw;
  width:20vw;
  display: inline-block;
  top:200px;
  vertical-align:top;
  padding:0;
  margin: 0;

}


.content{
  display: inline-block;
  overflow: hidden;
  padding: 0;
}

#texteabout {
  font-size: 30px;
  font-family: "heal the web A", "kharkiv tone";
  color: white;
  height:4vw;
  width:36vw;
  display: inline-block;
  top:200px;
  vertical-align:top;
  padding:0;
  margin: 4vw 0 0 8vw;

}

#contentpagestexte {
  font-family: "heal the web A", "kharkiv tone";
  color: white;
  font-size: 30px;
  vertical-align:top;
  border: 0px;
  display: inline-block;
  overflow: hidden;
  margin: 0 0 0 8vw;
}


#contentpages{
  border: 0px;
  display: inline-block;
  overflow: hidden;
  margin: 0 0 50px 0;
}

#CV{
  border: 0px;
  height:1771px;
  width:1250px;
  display: block;
  overflow: hidden;
  margin: 0 0 90 90;
}




#footer{
  font-family: "heal the web A", "kharkiv tone";
  color: white;
  font-size: 20px;
  height:3vw;
  width:94vw;
  display: block;
  text-align: center;
  vertical-align:bottom;
  margin: 5vw 0 0 0;

}