/* Résolution maximale EN 850 */
 @media screen and (max-width: 850px) {
	 
	
	 
	html {
	width: 100%;	
	
	}
	#header {
	padding-left: 0%;
	
	}
	
	
   .collapse.in {
    width: 143%;
    }
	
	
	#header #menu #nav  {
	display: ruby;
	}
	  
	#time2 {
	font-size: 100%;
	
	}
	
	#computer {
	margin-left: 0%;
	padding-left: 0%;
	}
	
	
	.description {
	white-space: ;
	text-align: justify ;
	font-size: small ;
	margin: 3%;	
	font-weight: bold;
	}
	
	#test {
	height: 50px;
	width: 100%;
	}
	
	.cvhtml  { 
    width: 98%;
	height: 50%;
	margin-left: 1%;
	margin-right: 2%;
	background-color: #fcfcfc;
	border: solid 2px #bf9e6094;
    border-left-width: thick;
    }
	
	.prenom {
	margin: 2%;
	text-align: center;
	margin-top: 5%;
	margin-bottom: 5%;
	color: #334aa5;
	}
	
	.ecriture {
	text-align: justify;
	text-justify: inter-character;
	padding: 4%;
	font-size: x-small;
	}
	
	.titre1 {
	text-align: center;
	white-space: pre-line;
	margin-bottom: 5%;
	}
	
	.experience {
	margin-left: 5%;
	margin-right: 5%;
	}
	
	.entreprise {
	background-color: #f4f5f5;
	background-image: url("./pictures/Photo-1.jpg");
	background-size: 17%;
	background-repeat: no-repeat;
	background-position-x: 100%;
	}
	.paragraphe2 {
	white-space: pre-line;
	margin: 0;
	margin-top: 5%;
	margin-bottom: 4%;
	}
	
	.ecriture8 {
	font-size: x-small;
	}
	
	.description10 {
	margin: 4%;
	margin-left: 4%;
	margin-right: 1%;
	white-space: unset;
	text-align: justify;
	font-size: x-small;
	border: solid 1px #bf9e6094;
	line-height: 13.3px;
	font-weight: 600;
	color: #274294;
	}
	
	.c10 {
	color: #000;
	}
	.br5 {
	margin-bottom: 1%;
	}
	
	.entreprise2 {
	background-color: #f4f5f5;
	background-image: url("./pictures/D3-1.png");
	background-size: 32%;
	background-repeat: no-repeat;
	background-position-x: 100%;
	}
	
	.paragraphe3 {
	white-space: pre-line;
	margin: 0;
	margin-top: 5%;
	margin-bottom: 4%;
	}
	
	.ecriture13 {
	font-size: x-small;
	}
	
	.entreprise3 {
	background-color: #f4f5f5;
	background-image: url("./pictures/atelier.png");
	background-size: 18%;
	background-repeat: no-repeat;
	background-position-x: 100%;
	}
	
	.paragraphe4 {
	white-space: pre-line;
	margin: 0;
	margin-top: 5%;
	margin-bottom: 4%;
	}
	
	.ecriture19 {
	font-size: x-small;
	}
	
	.entreprise4 {
	background-color: #f4f5f5;
	background-image: url("./pictures/LogoWI.jpg");
	background-size: 33%;
	background-repeat: no-repeat;
	background-position-x: 100%;
	}
	
	.paragraphe5 {
	white-space: pre-line;
	margin: 0;
	margin-top: 5%;
	margin-bottom: 4%;
	}
	
	.ecriture25 {
	font-size: x-small;
	}
	
	.informations {
	margin: 5%;
	
	}
	
	.adresse {
	background-color: #f4f5f5;
	}
	
	.info1 {
	text-align: center;
	
	}
	
	.ecriture26 {
	text-align: center;
	font-size: x-small;
	}
	
	.mobilite {
	background-color: #f4f5f5;
	}
	.info2 {
	text-align: center;
	
	}
	
	.ecriture27 {
	text-align: center;
	font-size: x-small;
	}
	
	.coordonner {
	background-color: #f4f5f5;
	}
	
	.info3 {
	text-align: center;
	
	}
	
	.ecriture28 {
	text-align: center;
	font-size: x-small;
	}
	
	.infoage {
	background-color: #f4f5f5;
	}
	
	.info4 {
	text-align: center;
	
	}
	
	.ecriture29 {
	text-align: center;
	font-size: x-small;
	}
	
	.sites {
	background-color: #f4f5f5;
	}
	
	.info5 {
	text-align: center;
	
	}
	
	.ecriture30 {
	text-align: center;
	font-size: x-small;
	}
	
	.competence {
	margin: 5%;
	
	}
	
	.formation {
	margin: 5%;
	
	}
	
	.formation1 {
	background-color: #f4f5f5;
	background:
    radial-gradient(#f9f9f9, #c0a84b);
	}
	
	.paragraphe6 {
	text-align: center;	
	}
	
	.ecriture46 {
	text-align: none;	
	}
	
	.formation2 {
	background-color: #f4f5f5;
	background:
    radial-gradient(#f9f9f9, #c0a84b);
	}
	
	.paragraphe12 {
	text-align: center;		
	}
	
	.ecriture48 {
	text-align: none;
	}
	
	.certification {
	margin: 5%;
	
	}
	
	#gras2 {
	text-align: end;
	font-size: x-small;
	margin-bottom: 0%;
	
	}
	
	.certif1 {
	background-color: #f4f5f5;
	background:
    radial-gradient(#f9f9f9, #a5a5a4);
	}
	
	.certif2 {
	background-color: #f4f5f5;
	background:
    radial-gradient(#f9f9f9, #a5a5a4);
	}
	
	.competence1 {
	background-color: #f4f5f5;
	
	}
	
	.ecriture31 {
	font-size: x-small;
	
	}
	
	.competence2 {
	background-color: #f4f5f5;
	
	}
	
	.ecriture33 {
	background-image: url("./pictures/3-Bon.png");
	background-size: 19%;
	background-repeat: no-repeat;
	background-position-x: 95%;
	font-size: x-small;
	line-height: 190%;
	}
	
	.competence3 {
	background-color: #f4f5f5;
	
	}
	
	.ecriture35 {
	background-image: url("./pictures/3-Bon.png");
	background-size: 19%;
	background-repeat: no-repeat;
	background-position-x: 95%;
	font-size: x-small;
	line-height: 190%;
	}
	
	.competence4 {
	background-color: #f4f5f5;
	
	}
	
	.ecriture37 {
	background-image: url("./pictures/3-Bon.png");
	background-size: 19%;
	background-repeat: no-repeat;
	background-position-x: 95%;
	font-size: x-small;
	line-height: 190%;
	}
	
	.competence5 {
	background-color: #f4f5f5;
	
	}
	
	.ecriture39 {
	background-image: url("./pictures/3-Bon.png");
	background-size: 19%;
	background-repeat: no-repeat;
	background-position-x: 95%;
	font-size: x-small;
	line-height: 190%;
	}
	
	.competence6 {
	background-color: #f4f5f5;
	
	}
	
	.ecriture41 {
	background-image: url("./pictures/3-Bon.png");
	background-size: 19%;
	background-repeat: no-repeat;
	background-position-x: 95%;
	font-size: x-small;
	line-height: 190%;
	}
	
	.competence7 {
	background-color: #f4f5f5;
	
	}
	
	.ecriture43 {
	background-image: url("./pictures/2-Assez bon.png");
	background-size: 19%;
	background-repeat: no-repeat;
	background-position-x: 95%;
	font-size: x-small;
	line-height: 190%;
	}
	
	.competence8 {
	background-color: #f4f5f5;
	
	}
	
	.ecriture59 {
	background-image: url("./pictures/2-Assez bon.png");
	background-size: 19%;
	background-repeat: no-repeat;
	background-position-x: 95%;
	font-size: x-small;
	line-height: 190%;
	}
	
	.competence9 {
	background-color: #f4f5f5;
	
	}
	
	.ecriture60 {
	background-image: url("./pictures/2-Assez bon.png");
	background-size: 19%;
	background-repeat: no-repeat;
	background-position-x: 95%;
	font-size: x-small;
	line-height: 190%;
	}
	
	.competence10 {
	background-color: #f4f5f5;
	
	}
	
	.ecriture61 {
	background-image: url("./pictures/2-Assez bon.png");
	background-size: 19%;
	background-repeat: no-repeat;
	background-position-x: 95%;
	font-size: x-small;
	line-height: 190%;
	}
	
	.competence11 {
	background-color: #f4f5f5;
	
	}
	
	.ecriture62 {
	background-image: url("./pictures/2-Assez bon.png");
	background-size: 19%;
	background-repeat: no-repeat;
	background-position-x: 95%;
	font-size: x-small;
	line-height: 190%;
	}
	
	.competence12 {
	background-color: #f4f5f5;
	2-Assez bon
	}
	
	.ecriture63 {
	background-image: url("./pictures/2-Assez bon.png");
	background-size: 19%;
	background-repeat: no-repeat;
	background-position-x: 95%;
	font-size: x-small;
	line-height: 190%;
	}

	.programming {
	background-image: url("./pictures/1-Débutant.png");
	background-size: 19%;
	background-repeat: no-repeat;
	background-position-x: 95%;
	font-size: x-small;
	line-height: 165%;
	}

	.script-batch {
	background-image: url("./pictures/1-Débutant.png");
	background-size: 19%;
	background-repeat: no-repeat;
	background-position-x: 95%;
	font-size: x-small;
	line-height: 165%;
	}
	
	.level2 {
	text-align: justify;
	font-size: x-small;
	}

	.level-1 {
	display: inline-block;
	background-image: url("./pictures/1-Débutant.png");
	background-size: 40%;
	background-repeat: no-repeat;
	background-position-x: 95%;
	background-position-y: 12%;
	font-weight: bold;
	height: 50px;
	width: 15%;
	}
	
	.level-2 {
	display: inline-block;
	background-image: url("./pictures/2-Assez bon.png");
	background-size: 40%;
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 12%;
	margin-left: 5%;
	font-weight: bold;
	height: 50px;
	width: 15%;
	}
	
	.level-3 {
	display: inline-block;
	background-image: url("./pictures/3-Bon.png");
	background-size: 40%;
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 12%;
	margin-left: 5%;
	font-weight: bold;
	height: 50px;
	width: 15%;
	}
	
	.level-4 {
	display: inline-block;
	background-image: url("./pictures/4-Autonome.png");
	background-size: 40%;
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 12%;
	margin-left: 5%;
	font-weight: bold;
	height: 50px;
	width: 15%;
	}
	
	.level-5 {
	display: inline-block;
	background-image: url("./pictures/5-Maîtrise.png");
	background-size: 40%;
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 12%;
	margin-left: 5%;
	font-weight: bold;
	height: 50px;
	width: 15%;
	}
	
	.interet {
	margin: 3%;
	}
	
	.listeinteret {
	background-color: #f4f5f5;
	
	}
	 
	.zone5 {
	display: block;
	line-height: 43px;
	 }
	 
	#test4 {
	width: 31%;
	
	}
	
	.infocandidat {
	width : ;
	
	}
	
	.ecriture50 {
	font-size: x-small;
	
	}
	
	
	.ecriture52 {
	font-size: x-small;
	
	}
	
	ul.nav-pills {
	top: 25%;
	position: fixed;
	font-size: 94%;
	left: 3%;
	
	}
	
	.color10 {
	color:#007cff;
	transition: all 0.4s ease-in-out;
	display: inline-block;
	margin: 2%;
	font-size: large;
	text-align: end;
	}
	
	.color9 {
	margin: 0%;
	display: inline-block;
	
	}
	
	#color1 {
	color: #0f3ecc;
	
	}
	
	.footer1 {
	margin-left: 22%;
	display: inline-block;
	}
	
	.zone3 {
	font-size: large;
	margin: 6%;
	text-align: center;
	}
	
	.candidat {
	margin-bottom: 5%;
	margin-top: 5%;
	}
	
	.candidat2 {
	line-height: 268.857%;
	margin-bottom: 2%;
	margin-top: 5%;
	
	}
	
	.candidat3 {
	text-align: justify;
	font-size: x-small;
    margin: 2%;
	padding-bottom: 2%;
	}
	
	
	.contact1 {
	margin: 10%;
	
	}
	#button1 {
	font-size: large;
	margin: 2%;
	margin-left: 27%;
	
	}
	
	.contact2 {
	font-size: large;
	margin: 2%;
	}
	
	#fin {
	margin-top: 25%;
	}
	
	#test4 {
	width: 100%;
	}
    
  }