body {
	background-color: #B5FF00;
	color: #FF8080;
}

#logodiv {
	background-color: rgba(181, 255, 0, 0.88);
}

#menujs {
	background-color: rgba(181, 255, 0, 0.88);
}

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

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

	.cutopt {
	}

		#aide {
			height: 621px;
			background-image: url(images/bureau.png);
			background-size: 800px 612px;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#aideh1 {
				padding-top: 18px;
			}

			#aidep {
				width: 248px;
			}

		#temps {
			margin-left: 88px;
			text-align: right;
			height: 700px;
			background-image: url(images/reveil.png);
			background-size: 42%;
			background-repeat: no-repeat;
			background-position: left center;
		}

			#tempsh1 {
				padding-top: 108px;
			}

			#tempsp {
				display: inline-block;
				width: 248px;
			}
}

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

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

	.cutopt {
	}

		#aide {
			height: 548px;
			background-image: url(images/bureau.png);
			background-size: 648px 496px;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#aideh1 {
				padding-top: 18px;
			}

			#aidep {
				width: 248px;
			}

		#temps {
			margin-left: 48px;
			text-align: right;
			height: 600px;
			background-image: url(images/reveil.png);
			background-size: 42%;
			background-repeat: no-repeat;
			background-position: left center;
		}

			#tempsh1 {
				padding-top: 108px;
			}

			#tempsp {
				display: inline-block;
				width: 248px;
			}
}

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

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

	.cutopt {
	}

		#aide {
			height: 520px;
			background-image: url(images/bureau.png);
			background-size: 69%;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#aideh1 {
				padding-top: 18px;
			}

			#aidep {
				width: 248px;
			}

		#temps {
			text-align: right;
			height: 530px;
			background-image: url(images/reveil.png);
			background-size: 48%;
			background-repeat: no-repeat;
			background-position: left center;
		}

			#tempsh1 {
				padding-top: 108px;
			}

			#tempsp {
				display: inline-block;
				width: 248px;
			}
}

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

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

	.cutopt {
	}

		#aide {
			height: 380px;
			background-image: url(images/bureau.png);
			background-size: 56%;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#aideh1 {
				padding-top: 18px;
			}

			#aidep {
				width: 248px;
			}

		#temps {
			text-align: right;
			height: 400px;
			background-image: url(images/reveil.png);
			background-size: 48%;
			background-repeat: no-repeat;
			background-position: left center;
		}

			#tempsh1 {
				padding-top: 48px;
			}

			#tempsp {
				display: inline-block;
				width: 248px;
			}
}

@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 {
		display: block;
	}

		#aide {
			height: 248px;
			background-image: url(images/bureau.png);
			background-size: 56%;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#aideh1 {
				padding-top: 18px;
			}

			#aidep {
				width: 248px;
			}

		#temps {
			text-align: right;
			height: 310px;
			background-image: url(images/reveil.png);
			background-size: 48%;
			background-repeat: no-repeat;
			background-position: left center;
		}

			#tempsh1 {
				padding-top: 48px;
			}

			#tempsp {
				display: inline-block;
				width: 248px;
			}
}

@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;
	}

		#aide {
			height: 221px;
			background-image: url(images/bureau.png);
			background-size: 50%;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#aideh1 {
				padding-top: 18px;
			}

			#aidep {
				width: 248px;
			}

		#temps {
			text-align: right;
			height: 240px;
			background-image: url(images/reveil2.png);
			background-size: 36%;
			background-repeat: no-repeat;
			background-position: left bottom;
		}

			#tempsh1 {
				padding-top: 48px;
			}

			#tempsp {
				display: inline-block;
				width: 248px;
			}
}