/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}


@media print {



	.nobreak {
		page-break-inside: avoid;
	}

	a
	{
		color: navy;
		font-family: Verdana;
		text-decoration: none;
	}

	.exercice {
		position: relative;
		padding: 1% 1% 1% 1%;
		margin: 0% 1% 2% 1%;
		color : navy;
		font-family: Verdana;
		border: 1px navy solid;
		border-radius: 1rem;
	}

	.bloc_reponses {
		position: relative;
		padding: 1% 1% 1% 1%;
		margin: 0% 1% 2% 1%;
		color : navy;
		font-family: Verdana;
		border: 1px navy solid;
		border-radius: 1rem;
		page-break-after:always;
	}

	.bloc_reponses:last-of-type {
		position: relative;
		padding: 1% 1% 1% 1%;
		margin: 0% 1% 2% 1%;
		color : navy;
		font-family: Verdana;
		border: 1px navy solid;
		border-radius: 1rem;
		page-break-after:auto;
	}



	.titre_doc {
		padding: 1% 1% 1% 1%;
		margin: 0% 1% 2% 1%;
		color : navy;
		text-align: center;
		font-family: Verdana;
		border: 1.5px navy solid;
		font-size: 1.5rem;
		border-radius: 1rem;
	}


	.bloc2 {
		padding: 1% 1% 1% 1%;
		margin: 0% 1% 2% 1%;
		color : navy;
		font-family: Verdana;
		border: 2px navy solid;
		border-radius: 1rem;
	}

	.titre {
		position: relative;
		background-color: white;
		text-align: center;
		padding: 0.3% 0.1%;
		margin: 0% 73% 0% 4.5%;
		color: navy;
		font-weight: bold;
		font-family: Verdana;
		border: 1px navy solid;
		border-top-right-radius: .5rem;
		border-top-left-radius: .5rem;
	}

	.titre_reponses {
		background-color: white;
		text-align: center;
		padding: 0.3% 0.1%;
		margin: 0% 55% -0.1% 4.5%;
		color: navy;
		font-weight: bold;
		font-family: Verdana;
		border: 1px navy solid;
		border-top-right-radius: .5rem;
		border-top-left-radius: .5rem;
		page-break-before:always;
	}

	.titre2 {
		background-color: navy;
		text-align: center;
		padding: 0.3% 0.1%;
		margin: 0% 55% 0% 2.5%;
		color: white;
		font-weight: bold;
		font-family: Verdana;
		border: 2px navy solid;
		border-top-right-radius: .5rem;
		border-top-left-radius: .5rem;
		font-size: 1.2rem;
	}

	.reponse {
		background-color: navy;
		text-align: center;
		min-height: 1.8rem;
		padding: .5% 1.2% 0% 1.2%;
		margin: -6% 0% 0% 70%;
		color : white;
		font-family: Verdana;
		border: 2px navy solid;
		border-radius: .5rem;
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
		cursor: pointer;
		visibility: hidden;
	}

	.centrage_absolu {
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

	.btn1 {
		padding: 10px 5px;
		width: 250px;
		color: navy;
		font-family: Verdana;
		border: 2px navy solid;
		font-size: 2rem;
		border-radius: 10rem;
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
	}

	.chapitre {
		padding: .5% .5% .5% 2%;
		margin: 3% 60% 0% 0%;
		color: navy;
		font-family: Verdana;
		border: 2px navy solid;
		font-size: 1.2rem;
		border-radius: 10rem;
	}

	.image1 {
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
	}

	.float{
		padding: 1% 3%;
		position:fixed;
		bottom:5%;
		right:3%;
		background-color:#0D8;
		font-family: Verdana;
		font-size: 1.4rem;
		color:#FFF;
		border-radius:50px;
		border:none;
		text-align:center;
		box-shadow: 2px 2px 3px #999;
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
		cursor: pointer;
	}

	.float:hover {
		transform: scale(1.2);
	}

	.float2{
		padding: 1% 3%;
		position:fixed;
		bottom:5%;
		left:3%;
		background-color:#FF89D8;
		font-family: Verdana;
		font-size: 1.4rem;
		color:#FFF;
		border-radius:50px;
		border:none;
		text-align:center;
		box-shadow: 2px 2px 3px #999;
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
		cursor: pointer;
		visibility: hidden;
	}

	.float3{
		padding: 1% 3%;
		position: absolute;
		top: 30%;
		left: 15%;
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		background-color:#FF89D8;
		font-family: Verdana;
		font-size: 2rem;
		color:#FFF;
		border-radius:50px;
		border:none;
		text-align:center;
		box-shadow: 2px 2px 3px #999;
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
		cursor: pointer;
	}

	.float4{
		padding: 1% 3%;
		position: absolute;
		bottom: 10%;
		right: 10%;
		background-color:#FF89D8;
		font-family: Verdana;
		font-size: .8rem;
		color:#FFF;
		border-radius:50px;
		border:none;
		text-align:center;
		box-shadow: 2px 2px 3px #999;
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
		cursor: pointer;
	}

	.float5{
		padding: 1% 3%;
		position:fixed;
		bottom:15%;
		right:3%;
		border: 1px navy solid;
		background-color:#FFF;
		font-family: Verdana;
		font-size: 1rem;
		color:navy;
		border-radius:50px;
		text-align:left;
		box-shadow: 2px 2px 3px #999;
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
	}

	.float2:hover {
		transform: scale(1.2);
	}

	.float3:hover {
		transform: scale(1.2);
	}

	.float4:hover {
		transform: scale(1.2);
	}

	.boite:focus {
		border-color: navy;
	}

	.boite {
		text-align: center;
		font-size: 1rem;
		border: 1px navy solid;
		outline: none;
		height: 25px;
		width: 35px;
		border-radius: .8rem;
	}


	/* Customize the label (the container) */
	.container {
		display: block;
		position: relative;
		padding-left: 35px;
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 1rem;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	/* Hide the browser's default checkbox */
	.container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

	/* Create a custom checkbox */
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		border: 1px navy solid;
		background-color: #FFF;
	}

	/* On mouse-over, add a grey background color */
	.container:hover input ~ .checkmark {
		background-color: #ccc;
	}

	/* When the checkbox is checked, add a blue background */
	.container input:checked ~ .checkmark {
		background-color: #FFF;
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	/* Show the checkmark when checked */
	.container input:checked ~ .checkmark:after {
		display: block;
	}

	/* Style the checkmark/indicator */
	.container .checkmark:after {
		left: 6px;
		top: 2px;
		width: 5px;
		height: 10px;
		border: solid navy;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

}

@media screen {

	.nobreak {
		page-break-inside: avoid;
	}

	a
	{
		color: navy;
		font-family: Verdana;
		text-decoration: none;
	}

	.exercice {
		padding: 1% 1% 1% 1%;
		margin: 0% 1% 2% 1%;
		color : navy;
		font-family: Verdana;
		border: 2px navy solid;
		border-radius: 1rem;
	}

	.titre_doc {
		padding: 1% 1% 1% 1%;
		margin: 0% 1% 2% 1%;
		color : navy;
		text-align: center;
		font-family: Verdana;
		border: 1.5px navy solid;
		font-size: 1.5rem;
		border-radius: 1rem;
	}


	.bloc2 {
		padding: 1% 1% 1% 1%;
		margin: 0% 1% 2% 1%;
		color : navy;
		font-family: Verdana;
		border: 2px navy solid;
		border-radius: 1rem;
	}

	.titre {
		background-color: navy;
		text-align: center;
		padding: 0.3% 0.1%;
		margin: 0% 85% 0% 2.5%;
		color: white;
		font-weight: bold;
		font-family: Verdana;
		border: 2px navy solid;
		border-top-right-radius: .5rem;
		border-top-left-radius: .5rem;
	}

	.titre_reponses {
		background-color: white;
		text-align: center;
		padding: 0.3% 0.1%;
		margin: 0% 85% -0.1% 2.5%;
		color: navy;
		font-weight: bold;
		font-family: Verdana;
		border: 2px navy solid;
		border-top-right-radius: .5rem;
		border-top-left-radius: .5rem;
		page-break-before:always;
	}

	.bloc_reponses {
		position: relative;
		padding: 1% 1% 1% 1%;
		margin: 0% 1% 2% 1%;
		color : navy;
		font-family: Verdana;
		border: 2px navy solid;
		border-radius: 1rem;
		page-break-after:always;
	}

	.titre2 {
		background-color: navy;
		text-align: center;
		padding: 0.3% 0.1%;
		margin: 0% 55% 0% 2.5%;
		color: white;
		font-weight: bold;
		font-family: Verdana;
		border: 2px navy solid;
		border-top-right-radius: .5rem;
		border-top-left-radius: .5rem;
		font-size: 1.2rem;
	}

	.reponse {
		background-color: navy;
		text-align: center;
		min-height: 1.8rem;
		padding: .5% 1.2% 0% 1.2%;
		margin: 0% 0% 0% 60%;
		color : white;
		font-family: Verdana;
		border: 2px navy solid;
		border-radius: .5rem;
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
		cursor: pointer;
	}

	.centrage_absolu {
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

	.btn1 {
		padding: 10px 5px;
		width: 250px;
		color: navy;
		font-family: Verdana;
		border: 2px navy solid;
		font-size: 2rem;
		border-radius: 10rem;
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
	}

	.chapitre {
		padding: .5% .5% .5% 2%;
		margin: 3% 60% 0% 0%;
		color: navy;
		font-family: Verdana;
		border: 2px navy solid;
		font-size: 1.2rem;
		border-radius: 10rem;
	}

	.image1 {
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
	}

	.float{
		padding: 1% 3%;
		position:fixed;
		bottom:5%;
		right:3%;
		background-color:#0D8;
		font-family: Verdana;
		font-size: 1.4rem;
		color:#FFF;
		border-radius:50px;
		border:none;
		text-align:center;
		box-shadow: 2px 2px 3px #999;
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
		cursor: pointer;
	}

	.float:hover {
		transform: scale(1.2);
	}

	.float2{
		padding: 1% 3%;
		position:fixed;
		bottom:5%;
		left:3%;
		background-color:#FF89D8;
		font-family: Verdana;
		font-size: 1.4rem;
		color:#FFF;
		border-radius:50px;
		border:none;
		text-align:center;
		box-shadow: 2px 2px 3px #999;
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
		cursor: pointer;
	}

	.float3{
		padding: 1% 3%;
		position: absolute;
		top: 30%;
		left: 15%;
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		background-color:#FF89D8;
		font-family: Verdana;
		font-size: 2rem;
		color:#FFF;
		border-radius:50px;
		border:none;
		text-align:center;
		box-shadow: 2px 2px 3px #999;
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
		cursor: pointer;
	}

	.float4{
		padding: 1% 3%;
		position: absolute;
		bottom: 10%;
		right: 10%;
		background-color:#FF89D8;
		font-family: Verdana;
		font-size: .8rem;
		color:#FFF;
		border-radius:50px;
		border:none;
		text-align:center;
		box-shadow: 2px 2px 3px #999;
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
		cursor: pointer;
	}

	.float5{
		padding: 1% 3%;
		position:fixed;
		bottom:15%;
		right:3%;
		border: 1px navy solid;
		background-color:#FFF;
		font-family: Verdana;
		font-size: 1rem;
		color:navy;
		border-radius:50px;
		text-align:left;
		box-shadow: 2px 2px 3px #999;
		transform: scale(1);
		transition-property: transform;
		transition-duration: 400ms;
	}

	.float2:hover {
		transform: scale(1.2);
	}

	.float3:hover {
		transform: scale(1.2);
	}

	.float4:hover {
		transform: scale(1.2);
	}

	.boite:focus {
		border-color: navy;
	}

	.boite {
		text-align: center;
		font-size: 1rem;
		border: 1px navy solid;
		outline: none;
		height: 25px;
		width: 35px;
		border-radius: .8rem;
	}


	/* Customize the label (the container) */
	.container {
		display: block;
		position: relative;
		padding-left: 35px;
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 1rem;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	/* Hide the browser's default checkbox */
	.container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

	/* Create a custom checkbox */
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		border: 1px navy solid;
		background-color: #FFF;
	}

	/* On mouse-over, add a grey background color */
	.container:hover input ~ .checkmark {
		background-color: #ccc;
	}

	/* When the checkbox is checked, add a blue background */
	.container input:checked ~ .checkmark {
		background-color: #FFF;
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	/* Show the checkmark when checked */
	.container input:checked ~ .checkmark:after {
		display: block;
	}

	/* Style the checkmark/indicator */
	.container .checkmark:after {
		left: 6px;
		top: 2px;
		width: 5px;
		height: 10px;
		border: solid navy;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

}