body {
	background-color: #80E0FF;
	color: #0073CC;
}

#logodiv {
	background-color: rgba(128, 224, 255, 0.88);
}

#menujs {
	background-color: rgba(128, 224, 255, 0.88);
}

#identite {
	text-align: right;
}

#brouillon {
	text-align: right;
}

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

		#moules {
			margin-right: 69px;
			height: 888px;
			background-image: url(images/moules.png);
			background-size: 888px auto;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#moulesh1 {
				padding-top: 18px;
			}

			#moulesp {
				width: 348px;
			}

		#identite {
			margin-left: 121px;
			height: 800px;
			background-image: url(images/identite.png);
			background-size: 52%;
			background-repeat: no-repeat;
			background-position: left center;
		}

			#identiteh1 {
				padding-top: 128px;
			}

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

		#brouillon {
			margin-right: 68px;
			margin-left: 0px;
		}
}

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

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

	.cutopt {
	}

		#moules {
			margin-right: 48px;
			height: 688px;
			background-image: url(images/moules.png);
			background-size: 700px auto;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#moulesh1 {
				padding-top: 18px;
			}

			#moulesp {
				width: 348px;
			}

		#identite {
			margin-left: 66px;
			height: 666px;
			background-image: url(images/identite.png);
			background-size: 52%;
			background-repeat: no-repeat;
			background-position: left center;
		}

			#identiteh1 {
				padding-top: 108px;
			}

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

		#brouillon {
			margin-right: 28px;
			margin-left: 0px;
		}
}

@media (min-width: 960px) and (max-width: 1015px) {
		#brouillon {
			font-size: 64px;
		}
}

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

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

	.cutopt {
	}

		#moules {
			margin-right: 21px;
			height: 600px;
			background-image: url(images/moules.png);
			background-size: 600px auto;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#moulesh1 {
				padding-top: 18px;
			}

			#moulesp {
				width: 348px;
			}

		#identite {
			margin-left: 66px;
			margin-bottom: 21px;
			height: 500px;
			background-image: url(images/identite.png);
			background-size: 52%;
			background-repeat: no-repeat;
			background-position: left bottom;
		}

			#identiteh1 {
				padding-top: 108px;
			}

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

		#brouillon {
			margin-right: 48px;
			margin-left: 0px;
		}
}

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

		#moules {
			margin-right: 14px;
			height: 488px;
			background-image: url(images/moules.png);
			background-size: 66%;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#moulesh1 {
				padding-top: 18px;
			}

			#moulesp {
				width: 321px;
			}

		#identite {
			margin-left: 21px;
			height: 400px;
			background-image: url(images/identite.png);
			background-size: 48%;
			background-repeat: no-repeat;
			background-position: left center;
		}

			#identiteh1 {
				padding-top: 48px;
			}

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

		#brouillon {
			margin-right: 28px;
			margin-left: 0px;
		}
}

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

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

	.cutopt {
	}

		#moules {
			margin-right: 14px;
			height: 440px;
			background-image: url(images/moules.png);
			background-size: 66%;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#moulesh1 {
				padding-top: 18px;
			}

			#moulesp {
				width: 248px;
			}

		#identite {
			margin-left: 21px;
			height: 368px;
			background-image: url(images/identite.png);
			background-size: 46%;
			background-repeat: no-repeat;
			background-position: left center;
		}

			#identiteh1 {
				padding-top: 48px;
			}

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

		#brouillon {
			margin-right: 28px;
			margin-left: 0px;
		}
}


@media (min-width: 480px) and (max-width: 560px) {
		#brouillon {
			font-size: 30px;
		}
}

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

		#moules {
			margin-right: 8px;
			height: 310px;
			background-image: url(images/moules.png);
			background-size: 56%;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#moulesh1 {
				padding-top: 18px;
			}

			#moulesp {
				width: 248px;
			}

		#identite {
			margin-left: 16px;
			height: 310px;
			background-image: url(images/identite.png);
			background-size: 48%;
			background-repeat: no-repeat;
			background-position: left center;
		}

			#identiteh1 {
				padding-top: 48px;
			}

			#identitep {
				display: inline-block;
				width: 188px;
			}
}

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

		#moules {
			margin-right: 6px;
			height: 321px;
			background-image: url(images/moules.png);
			background-size: 56%;
			background-repeat: no-repeat;
			background-position: right bottom;
		}

			#moulesh1 {
				padding-top: 18px;
			}

			#moulesp {
				width: 248px;
			}

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

			#identiteh1 {
				padding-top: 48px;
			}

			#identitep {
				display: inline-block;
				width: 168px;
			}
}

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

		#brouillon {
			margin-right: 32px;
			margin-left: 0px;
		}
}

@media (max-width: 355px) {
		#identite {
			margin-bottom: 88px;
		}
			#identitep {
				width: 148px;
			}
}