@media screen and (max-width: 1200px) {
	.topnav>ul>a {
		font-size: 14px;
		padding: 14px 13px;
	}
}

@media screen and (min-width: 1024px) {
    .moteur-et-menuburger {
		display: none;
	}

	.topnav .nav a:hover {
		background-image: linear-gradient(125deg, #f13f4c, #be1622);
		color: #fff;
		font-weight: bolder;
		border-radius: 10px;
		margin-right: 10px
	}
}

@media screen and (max-width:1023px) {
	.topnav .nav,
	.topnav .moteur-de-recherche {
		display: none;
	}

	.topnav {
		justify-content: space-between;
		padding: 0 3% 10px 3%;
	}

	.moteur-et-menuburger,
    .menuburger {
		display: flex;
	}

	main {
		padding: 40px 3% !important;
	}

	.section-planning .row {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.section-dataTables {
		margin-right: 0 !important;
	}

	.text-footer {
		letter-spacing: 0.02em !important;
		margin: 3rem 5% !important;
	}

	.menuburger i {
		font-size: 30px;
	}

	.topnav i {
		color: #c2232e;
		font-size: 24px;
		background: transparent;
		transition: .5s;
		align-self: center;
        cursor: pointer;
	}

	.topnav.responsive {
		z-index: 999;
	}

	.topnav.responsive i {
		position: absolute;
		right: 5%;
		top: 4%;
		color: black;
		transform: translate(-10%, 0%) rotate(90deg);
	}

	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}

	figcaption {
		margin: 0px;
	}

	.carte-map {
		width: auto;
	}

	.container .pack-photo .produit {
		top: 49%;
		left: 53%;
		width: 400px;
	}

	.container .pack-photo {
		width: 300px;
		height: 443px;
		margin: 28px;
	}

	input {
		margin: 5px 8%;
	}

	.header .service ul {
		margin-bottom: 0 !important;
	}

	nav#haut {
		justify-content: space-evenly !important;
	}
}

@media screen and (max-width:800px) {
	main {
		padding: 20px 5px !important;
	}

	.section-planning table td,
	table td {
		padding: 5px;
	}

	.check-planning {
		height: 2.5rem !important;
		width: 2.5rem !important;
		font-size: 1rem !important;
	}

	.card-body-planning p {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
		text-align: center !important;
	}

	.content-planning {
		display: none;
	}

	.progress_points span {
		position: relative;
	}

	.progress_points span:before {
		content: '';
		border: 5px solid transparent;
		border-top-color: #00628b;
		position: absolute;
		top: -7px;
		left: calc(50% - 5px);
	}

	.progress_points span:after {
		content: attr(data-caption) " : " attr(data-title);
		display: block;
		width: auto;
		min-width: 222px;
		padding: 10px 15px;
		border-radius: 5px;
		position: absolute;
		top: -60px;
		right: -83px;
		font-size: 12pt;
		line-height: 12pt;
		font-weight: 500;
		color: white;
		text-align: center;
		background: #00628b;
		box-shadow: inset rgba(0, 0, 0, .3) 0 0 1px, inset rgba(255, 255, 255, .3) 0 1px 0, rgba(0, 0, 0, .10) 0 1px 2px;
	}

	.progress_points span:before,
	.progress_points span:after {
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transition: all .2s ease-in-out;
	}

	.progress_points span:hover:before,
	.progress_points span:hover:after {
		visibility: visible;
		opacity: 1;
	}

	.section-envoi-doc .card-body,
    .section-contact .card-body {
		width: 80% !important;
		margin: 5px auto !important;
	}
}

@media screen and (max-width:480px) {
	.progress_points td:first-child span:after {
		right: -144px !important;
	}

	.progress_points td:last-child span:after {
		right: -19px !important;
	}

	.text-footer {
		font-size: 1rem !important;
	}

	.bas-footer {
		font-size: .8rem !important;
	}

	.section-envoi-doc .card-body,
    .section-contact .card-body {
		width: 100% !important;
		margin: 5px auto !important;
	}
}