.main {
  position: center;
  width: 100%;
  margin: 0 auto;
  margin-top: 0;
  text-align: center;
  vertical-align: top;
}


.body {
  background-color: white;
}


.page-footer {
    flex-grow: 0;
    flex-shrink: 0;
}


.cryptedmail::after {content: attr(data-name) "@" attr(data-domain) "." attr(data-tld);
}


.gif { float:left; margin: 300px 0 0 0; position:absolute;}


/* Taille des images */
/* écran basique */
@media (min-width: 600px) {
  
  .container {
  position: relative;
  width: 450px;
  max-width: auto;
  margin: 0 auto;
  margin-top: 0;
  padding: 0;
  box-sizing: border-box; 
  align-items: center;
  justify-content: center;
  
}
  
  
.cv {
  position: center;
  width: 80%;
  margin: 0 auto;
  margin-top: 0;
  text-align: justify;
  vertical-align: top;
}
  
  
  .img-accueil {
	height: 350px;
	width: 100;
	
  }  
  
  .img-direction {
	height: 108px;

  }
  
    
  .img-cv {
	height: 1000px;
	width: 100;
	
  } 
  

h1 {
  font-size: 3.9em;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-style: normal;
  font-weight: lighter;
  font-stretch: condensed;
  line-height: normal;
  color: RGB(36, 68, 92);
}
 
    
h2 {
  font-size: 1em;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-style: normal;
  font-weight: lighter;
  font-stretch: condensed;
  color: RGB(36, 68, 92);
  line-height: normal;


}

  

}


 

/* téléphones */
@media (max-width: 599px) {
  
  .container {
  position: relative;
  width: 300px;
  max-width: auto;
  margin: 0 auto;
  margin-top: 0;
  padding: 0;
  box-sizing: border-box; 
  align-items: center;
  justify-content: center;
  
}

.cv {
  position: center;
  width: 100%;
  margin: 0 auto;
  margin-top: 0;
  text-align: justify;
  vertical-align: top;
}
  
  .img-accueil {
	height: 180px;
	width:100;
  }  
  
  .img-direction {
	height: 80px;
	width:100;
  }
  
    .img-cv {
	height: 450px;
	width: 100;
	
  } 
  
  h1 {
  font-size: 3em;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-style: normal;
  font-weight: lighter;
  font-stretch: condensed;
  color: RGB(36, 68, 92);
  line-height: normal;

}
  
  
  h2 {
  font-size: 0.7em;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-style: normal;
  font-weight: lighter;
  font-stretch: condensed;
  color: RGB(36, 68, 92);
  line-height: normal;

}
  }

  





}