body {
	background-color: #37B6FF;
	color: #E5FF00;
}

#logodiv {
	background-color: rgba(55, 182, 255, 0.88);
}

#menujs {
	background-color: rgba(55, 182, 255, 0.88);
}

#jalons {
	text-align: right;
}

@media (min-width: 1400px) {
	body {
		background-image: url(images/code1400.png);
		background-size: 2716px auto;
		background-position: center top;
		background-repeat: no-repeat;
	}
}

@media (min-width: 1160px) and (max-width: 1399px) {
		#outil {
			background-image: url(images/code.png);
		}
}

@media (min-width: 1160px) {
	h1 {
		margin-left: 88px;
		margin-right: 48px;
		margin-bottom: 10px;
	}

	p {
		line-height: 26px;
		margin-left: 88px;
		margin-right: 48px;
	}

	.cutopt {
	}

		#outil {
			margin-right: 0px;
			height: 548px;
			background-size: 52% auto;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#outilh1 {
				padding-top: 18px;
			}

			#outilimg {
				width: 488px;
			}

			#outilp {
				width: 348px;
			}

		#jalons {
			margin-left: 69px;
			height: 508px;
			background-image: url(images/soofi.png);
			background-size: 56%;
			background-repeat: no-repeat;
			background-position: left bottom;
		}

			#jalonsh1 {
				padding-top: 48px;
			}

			#jalonsimg {
				width: 742px;
			}

			#jalons2img {
				display: none;
			}

			#jalonsp {
				display: inline-block;
				width: 448px;
			}
}

@media (min-width: 960px) and (max-width: 1159px) {
	h1 {
		margin-left: 48px;
		margin-right: 48px;
		margin-bottom: 10px;
	}

	p {
		line-height: 26px;
		margin-left: 48px;
		margin-right: 48px;
	}

	.cutopt {
	}

		#outil {
			margin-right: 0px;
			height: 488px;
			background-image: url(images/code.png);
			background-size: 48% auto;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#outilh1 {
				padding-top: 18px;
			}

			#outilimg {
				width: 488px;
			}

			#outilp {
				width: 348px;
			}

		#jalons {
			margin-left: 26px;
			margin-bottom: 58px;
			height: 421px;
			background-image: url(images/soofi.png);
			background-size: 48%;
			background-repeat: no-repeat;
			background-position: left bottom;
		}

			#jalonsh1 {
				padding-top: 48px;
			}

			#jalonsimg {
				width: 742px;
			}

			#jalons2img {
				display: none;
			}

			#jalonsp {
				display: inline-block;
				width: 448px;
			}
}

@media (min-width: 768px) and (max-width: 959px) {
	h1 {
		margin-left: 21px;
		margin-right: 38px;
		margin-bottom: 10px;
	}

	p {
		line-height: 26px;
		margin-left: 21px;
		margin-right: 38px;
	}

	.cutopt {
	}

		#outil {
			margin-right: 0;
			height: 388px;
			background-image: url(images/code.png);
			background-size: 48% auto;
			background-repeat: no-repeat;
			background-position: right top;
		}

			#outilh1 {
				padding-top: 18px;
			}

			#outilimg {
				width: 365px;
			}

			#outilp {
				width: 348px;
			}

		#jalons {
			margin-left: 36px;
			margin-bottom: 21px;
			height: 421px;
			background-image: url(images/soofi.png);
			background-size: 52%;
			background-repeat: no-repeat;
			background-position: left bottom;
		}

			#jalonsh1 {
				padding-top: 21px;
			}

			#jalonsimg {
				width: 555px;
			}

			#jalons2img {
				display: none;
			}

			#jalonsp {
				display: inline-block;
				width: 400px;
			}
}

@media (min-width: 621px) and (max-width: 767px) {
	h1 {
		margin-left: 21px;
		margin-right: 28px;
		margin-bottom: 10px;
	}

	p {
		line-height: 26px;
		margin-left: 21px;
		margin-right: 28px;
	}

	.cutopt {
	}

		#outil {
			margin-right: 0px;
			height: 321px;
			background-image: url(images/code.png);
			background-size: 48%;
			background-repeat: no-repeat;
			background-position: right center;
		}

			#outilh1 {
				padding-top: 18px;
			}

			#outilimg {
				width: 275px;
			}

			#outilp {
				width: 321px;
			}

		#jalons {
			margin-left: 21px;
			margin-bottom: 48px;
			height: 288px;
			background-image: url(images/soofi.png);
			background-size: 48%;
			background-repeat: no-repeat;
			background-position: left bottom;
		}

			#jalonsh1 {
				padding-top: 48px;
			}

			#jalonsimg {
				width: 418px;
			}

			#jalons2img {
				display: none;
			}

			#jalonsp {
				display: inline-block;
				width: 400px;
			}
}

@media (min-width: 480px) and (max-width: 620px) {
	h1 {
		margin-left: 21px;
		margin-right: 24px;
		margin-bottom: 10px;
	}

	p {
		font-size: 18px;
		line-height: 26px;
		margin-left: 21px;
		margin-right:24px;
	}

	.cutopt {
	}

		#outil {
			margin-right: 0px;
			height: 321px;
			background-image: url(images/code.png);
			background-size: 48%;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#outilh1 {
				padding-top: 18px;
			}

			#outilimg {
				width: 275px;
			}

			#outilp {
/* 				width: 188px; */
				width: 48%;
			}

		#jalons {
			margin-left: 14px;
			margin-bottom: 100px;
			height: 248px;
			background-image: url(images/soofi.png);
			background-size: 42%;
			background-repeat: no-repeat;
			background-position: left bottom;
		}

			#jalonsh1 {
				padding-top: 48px;
			}

			#jalonsimg {
				width: 418px;
			}

			#jalons2img {
				display: none;
			}

			#jalonsp {
				display: inline-block;
				width: 348px;
			}
}

@media (min-width: 400px) and (max-width: 479px) {
	h1 {
		margin-left: 21px;
		margin-right: 28px;
		margin-bottom: 10px;
	}

	p {
		line-height: 21px;
		margin-left: 21px;
		margin-right: 28px;
	}

	.cutopt {
	}

		#outil {
			margin-right: 0px;
			height: 288px;
			background-image: url(images/code.png);
			background-size: 48%;
			background-repeat: no-repeat;
			background-position: right bottom;
 		}

			#outilh1 {
				padding-top: 18px;
			}

			#outilimg {
				width: 275px;
			}

			#outilp {
				width: 48%;
			}

		#jalons {
			margin-left: 16px;
			height: 410px;
			background-image: url(images/soofi.png);
			background-size: 56%;
			background-repeat: no-repeat;
			background-position: left bottom;
		}

			#jalonsh1 {
				padding-top: 21px;
			}

			#jalonsimg {
				display: none;
				width: 418px;
			}

			#jalons2img {
				width: 327px;
			}

			#jalonsp {
				display: inline-block;
				width: 265px;
			}
}

@media (max-width: 399px) {
	h1 {
		margin-left: 12px;
		margin-right: 16px;
		margin-bottom: 10px;
	}

	p {
		line-height: 21px;
		margin-left: 12px;
		margin-right: 16px;
	}

	.cutopt {
		display: block;
	}

		#outil {
			margin-right: 0px;
			height: 300px;
			background-image: url(images/code.png);
			background-size: 56%;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#outilh1 {
				padding-top: 18px;
			}

			#outilimg {
				width: 184px;
			}

			#outilp {
				width: 248px;
			}

		#jalons {
			margin-left: 12px;
			height: 300px;
			background-image: url(images/soofi.png);
			background-size: 68%;
			background-repeat: no-repeat;
			background-position: left bottom;
		}

			#jalonsh1 {
				padding-top: 21px;
			}

			#jalons2img {
				display: none;
				width: 154px;
			}			

			#jalonsp {
				display: inline-block;
				width: 265px;
			}
}

@media (max-width: 376px) {
			.cutopt {
				display: block;
			}
}

@media (min-width: 320px) and (max-width: 399px) {
			#jalonsimg {
				width: 280px;
			}
}

@media (max-width: 319px) {
			#jalonsimg {
				width: 265px;
			}
}