/***  screen max-width -> 1300px  ***/



@media only screen and (max-width: 1300px) {


	/***  font + image voitures, avion et flash radar  ***/


	.fondImage {
		background-size: 1300px 8125px;
		height: 8125px;
	}

	#skrollr-body1 {
		height: 8125px;
	}

	#voiture {
		width: 70px;
		margin-left: -83px;
		margin-top: -65px;
	}

	#descendez {
		width: 94px;
		margin-left: -47px;
	}

	#descendez h4 {
		margin-top: 12px;
		font-size: 0.9em;
	}

	#descendez img {
		width: 28px;
	}

	#voiture2 {
		height: 70px;
		margin-left: 739px;
		padding-left: 67px;
	}

	#avion {
		width: 350px;
		margin-left: -960px;
		z-index: 300;
		background: url(../images/avion1ipad.png) no-repeat;
	}

	@-webkit-keyframes helice {
	    0%   {background: url(../images/avion1ipad.png) no-repeat;}
	    100% {background: url(../images/avion2ipad.png) no-repeat;}
	}

	@keyframes helice {
	    0%   {background: url(../images/avion1ipad.png) no-repeat;}
	    100% {background: url(../images/avion2ipad.png) no-repeat;}
	}

	#flash {
		width: 127px;
		margin-left: -188px;
	}


	/***  style de texte  ***/


	.texte {
		position: absolute;
		font-size: 1.1em;
	}

	ul {
		width: 172px;
	}

	li {
		margin-bottom: 12px;
	}


	/***  presentation  ***/


	#presentation {
		top: 1.40%;
		width: 235px;
		height: 130px;
		margin-left: 175px;
		font-size: 2em;
		line-height: 98%;
	}

	#presentation span{
		margin-top: 8px;
	}


	/***  radar  ***/


	#radar {
		width: 30px;
		height: 200px;
		margin-left: -185px;
	}

	#texte_radar {
		width: 77px;
		height: 58px;
		margin-left: 132px;
		font-size: 7px;
	}

	#texte_radar p {
		font-size: 1.3em;
		margin-bottom: -1px;
	}

	#texte_radar span {
		font-size: 4.4em;
	}


	/***  competence  ***/


	.titreComp {
		margin-bottom: 57px;
		font-size: 1.3em;
	}

	.progress {
	    border-radius: 2px;
	    height: 4px;
	}

	.bar {
	    border-radius: 2px;
	    height: 4px;
	}

	#competence1 {
		margin-left: -402px;
	}

	#competence2 {
		margin-left: 229px;
	}

	#competence3 {
		margin-left: -265px;
		font-size: 1.2em;
		top: 44.27%;
	}

	#competence3 ul {
		width: 71px;
	}

	#competence3 ul li {
		margin-bottom: 15px;
	}

	#competence3 .progress, #competence3 .bar {
		height: 3px;
	}


	/***  mer  ***/


	#mer {
		display: none;
	}

	#mer-ipad {
		display: block;
		height: 2807px;
		margin-left: -640px;
	}

	#mer-iphone {
		display: none;
	}


	/***  realisation  ***/


	#realisation1 {
		margin-left: 209px;
	}

	#realisation1 p, #realisation2 p {
		font-size: 0.6em;
		margin-top: 137px;
	}

	#responsive1 {
		width: 202px;
		transform: translateY(-174px);
	}

	#div_responsive1 {
		width: 212px;
		height: 174px;
		margin-top: -18px;
	}

	#responsive1B {
		width: 202px;
	}

	#realisation2 {
		margin-left: 209px;
	}

	#responsive2 {
		width: 202px;
		transform: translateY(-174px);
	}

	#div_responsive2 {
		width: 212px;
		height: 174px;
		margin-top: -18px;
	}

	#responsive2B {
		width: 202px;
	}

	#div_responsive_web_ball_game {
		margin-left: -413px;
	}

	#responsive_web_ball_game {
		width: 222px;
	}

	#div_responsive_web_ball_game p {
		margin-top: 156px;
		font-size: 0.6em;
	}

	#arbre, #arbre2 {
		width: 235px;
	}

	#div_arbre, #div_arbre2 {
		margin-left: -424px;
	}

	#div_file {
		width: 45px;
		margin: 64px auto;
	}

	#div_file h6 {
		margin-top: 8px;
		font-size: 11px;
	}

	#div_arbre2 a {
		margin-top: 90px;
		font-size: 0.8em;
	}


	/***  contact  ***/


	#contact {
		margin-left: 209px;
		top: 89.36%;
		width: 204px;
		height: 522px;
		font-size: 0.9em;
	}

	#contact h3 {
		margin-top: 42px;
		margin-bottom: 72px;
		font-size: 1.6em;
	}

	.ensemble-images-contact {
		width: 204px;
		margin-top: 20px;
	}

	.images-contact {
		width: 23%;
		margin-top: 57px;
	}

	.file {
		width: 40px;
	}

	#contact h6 {
		margin-top: 10px;
	}


}