@media (min-width: 991px) {
	.nav.collapse {
		display: block !important;
		height: calc(100vh - 21px) !important;
	}
}

@media (max-width: 991px) {
	/* html, body{
		font-size: 30px;
	}

	select, select option {
	    font-size: 0.5rem;
	} */

	nav.main-menu>ul {
		display: flex;
		flex-direction: column;
		/* gap: 1rem; */
	}

	nav.horizontal {
		display: none;
	}

	.main-menu i.fas {
		margin-left: 0;
		padding-left: 15px;
	}

	.main-menu ul>li .roll:hover {
		background: initial;
		color: #fff;
	}

	.modal {
		top: 150px;
		height: 80vh;
	}

	span.glyphicon.glyphicon-menu-hamburger {
		margin-top: 4px;
	}

	.container-fluid {
		min-height: 414px;
	}

	.nav ul ul:hover {
		padding: 20px 0 0 0;
	}

	li.active>div {
		padding: 0 15px 5px 0;
	}

	.tb-div {
		/*font-size: 0.65em;*/
	}

	.tb-div.tb-modification {
		width: 100%;
	}

	.tb-demandes {
		max-width: 100%;
	}

	h2.toggle-div {
		/*font-size: 2em;*/
		height: 80px;
	}

	.main {
		height: calc(100vh - 100px);
	}


	.container-fluid {
		display: block;
	}

	.tb-activite input {
		width: 100px;
	}

	.toggle-li {
		display: block;
		font-size: 2rem;
	}

	.tb-div {
		min-width: 100%;
	}

	.nav {
		display: none;
		position: relative;
		width: 100% !important;
		padding: 0;
		position: fixed;
		box-shadow: 2px 7px 7px 0px #00867d59;
		top: 62px;
	}

	.btn {
		/* font-size: 30px; */
		vertical-align: top;
		/* height: 3rem; */
		/* font-size: 1.5rem; */
	}

	.nav ul>li.active {
		flex-direction: column;
		align-items: stretch;
		background: initial;
		border: none;
	}

	.nav ul>li {
		width: 100%;
		font-size: 1.5rem;
		padding: 15px 0;
		display: flex;
		align-items: center;
		column-gap: 1rem;
		/* line-height: 25px; */
		/* border: solid 2px; */
	}

	.nav ul li.active ul {
		width: 100%;
		/* margin-top:50px; */
		margin-left: 0;
		background: white;
	}

	.nav ul li.active ul li {
		width: 100%;
		font-size: 1.5rem;
	}

	.nav ul li.active ul li a {
		width: 100%;
		font-size: 1rem;
		padding: 10px;
	}

	nav.onglets ul {
		/* margin-top:10px; */
		display: flex;
		width: 100%;
		justify-content: space-around;
		/* flex-direction: column; */
		flex-wrap: wrap;
	}

	.onglets li {
		display: block;
		/* width: 300px; */
		padding: 0.25rem 0.5rem;
		font-size: 1.25rem;
		text-align: center;
		margin-bottom: 0.5rem;
		cursor: pointer;
		font-weight: bold;
		flex-grow: 1;
	}

	.navigation-date {
		display: flex;
		/* justify-content: space-around; */
		/* margin-top: 1rem; */
		padding: 0.25rem;
		position: sticky;
		/* top: 220px; */
		z-index: 50;
		margin: 0;
		margin-right: 0 !important;
	}

	.navigation-date input.current-date.datepicker {
		display: flex;
		/* margin-top: 1rem; */
		flex-grow: 1;
		/* margin: 0 0.5rem; */
		justify-content: center;
		font-size: 1.2rem;
		width: 100%;
	}


	.planing-table thead td {
		/* height: 200px; */
		padding: 10px 5px;
	}

	.planing-table thead td.active {
		/* background: #93e279; */
		display: block;
		position: relative;
	}

	.planing-table thead td {
		text-align: left;
		padding: 15px;
		height: 100px;
	}

	.footer {
		/* height: 118px; */
	}

	.main {
		margin-left: 0;
	}


	.complement .planing table {
		position: absolute;
		top: 0;
		right: 20px;
		width: 90%;
	}

	.complement .planing table th {
		/*font-size: 14px;*/
		font-weight: unset;
		letter-spacing: .3px;
	}

	.complement .planing table td {
		/*font-size: 14px;*/
	}

	.carte {
		width: 791px;
		height: 500px;
		/* margin: auto; */
		display: inline-block;
		position: relative;
		overflow: hidden;
	}

	.trajet {
		height: 553px;
		width: 1094px;
		border: 2px solid;
	}

	.details-transport {
		position: fixed;
		display: none;
		opacity: 0.65;
		z-index: 50;
		word-wrap: break-word;
		overflow-y: auto;
		overflow-x: hidden;
		/*font-size: 18px;*/
		line-height: 40px;
		/* max-height: 1500px; */
		width: 500px;
	}

	.circuit-tools {
		width: 100%;
		right: -95%;
		top: 100px;
	}

	form input[type=text] {
		/* font-size: 2em; */
		/* max-width:500px; */
		/* width: 300px; */
	}

	form label input[type=text] {
		/*font-size: 1.2em;*/
		/* max-width:500px; */
		width: initial;
	}

	form input.recherche {
		/* width: 400px; */
	}

	form select {
		/* font-size: 1.5em; */
		/* max-width:500px; */
	}

	form .select-time {
		/*font-size: 27px;*/
		/* margin: 15px; */
		max-width: 126px;
		/* margin: auto; */
	}

	form .select-time option {
		/*font-size: 0.5em;*/
	}

	.form-flex .form-group {
		margin-bottom: 0.5rem;
	}



	.flex-outer {
		max-width: 100%;
	}

	/* label{
		font-size: 1.5rem;
	} */

	.tabs>h1,
	.tabs>h2,
	.tabs>h3,
	.tabs>h4 {
		/* background: #f6ad3b; */
		/* display: none; */
	}

	h1 {
		/*font-size: 3em;*/
	}

	h1,
	h2,
	h3,
	h4 {
		font-size: 1.75em;
		border-radius: 0.25rem;
	}

	h3 {
		/* font-size: 2.0em; */
	}

	h4 {
		/*font-size: 1.5em;*/
	}

	.completion {
		/*font-size: 2em;*/
		max-height: 500px;
	}

	.completion>ul {
		overflow-y: auto;
		max-height: 500px;
	}

	.contacts-utilisateur {
		display: block;
		flex-direction: column;
		padding: 5px;
		/* background: #44c0f5; */
		width: 100%;
	}

	ul.liste-contact {
		display: flex;
		flex-direction: row;
		width: 100%;
		overflow-y: auto;

	}

	.liste-contact .contact,
	.liste-contact .utilisateur {
		min-width: 400px;
		margin-left: 5px;
		height: 180px;
		/*font-size:0.95em*/
	}

	.carte-utilisateur {
		margin-top: 10px;
		width: 100%;
		height: calc(100vh - 420px);
	}

	.table input {
		width: 100%;
	}

	.popup .tab-ponctuel .champs,
	.popup .tab-periodique .champs {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.popup .tab-ponctuel .champs>div {
		margin-bottom: 25px;
	}

	.adresse-container {
		/* max-width: 80%; */
		/* width:80%; */
		/*font-size:1.3em;*/
	}

	input.heure[type=text] {
		/* width: 100px; */
	}

	.periode {
		position: relative;
		/* padding: 10px 50px; */
		margin-bottom: 50px;
		display: flex;
		flex-direction: column;
		/* background: green; */
		width: 100%;
		/* flex-grow: 1; */
	}

	.popup .tab-ponctuel .champs {
		display: block;
	}

	.tab-ponctuel .flex-outer>li:not(:last-child) {
		margin-bottom: 15px;
	}

	.popup .tab-periodique .champs {
		display: block;
	}

	.tab-periodique .flex-outer>li:not(:last-child) {
		margin-bottom: 15px;
	}

	.planing-table tbody td {
		display: none;
		/* padding: 5px 0; */
		/* vertical-align: top; */
		width: calc(100vw - 1rem);
		/*   height: calc(70vh - 108px);
		overflow: auto;*/
		/* max-height: 5px; */
	}

	.planing-table tbody td.active {
		display: block;
	}

	.date-planning {
		/*font-size: 50px;*/
		font-weight: bold;
		letter-spacing: 5px;
		display: none;
	}

	.block-horaire {
		width: 100%;
		display: grid;
	}

	.block-horaire .horaire {
		height: 100%;
		padding: 0;
		/*font-size: 0.8em;*/
		display: flex;
	}

	.block-horaire .circuit {
		/* height: 1rem; */
		position: static;
		/*font-size: 30px;*/
		/* background: #44c0f5; */
		/* margin-bottom: 15px; */
		padding: 0.25rem;
		/* color: #fff; */
		display: block;
		width: 100%;
		font-weight: bold;
		/* flex: 1; */
	}

	.block-horaire .horaire-heure {
		/*font-size: 40px;*/
		background: #fff;
		/* top: 0; */
		/* bottom: 0; */
		position: relative;
		color: #fff;
		flex: 1;
		text-align: center;
		width: 100%;
		margin: 0;
	}

	.horaire-content {
		flex: 1;
		padding: 0.25rem;
	}

	.block-horaire .horaire-utilisateur {
		display: flex;
		margin-top: 0px;
		flex-wrap: wrap;
	}

	.horaire-utilisateur li {
		/* margin-right:10px; */
		/*font-size: 40px;*/
		/* border-radius: 0; */
	}

	.block-horaire .horaire-adresse {
		/*font-size: 30px;*/
		padding: 5px 0px;
	}

	ul.tel {
		display: flex;
		flex-wrap: wrap;
	}

	ul.tel li {
		/* margin-right:10px; */
		/*font-size: 26px;*/
	}

	.planing-table thead {
		display: flex;
		flex-direction: row;
	}

	.planing-table thead td {
		width: 100vw;
		display: block;
		display: none;
	}

	.planing-table tbody {
		/*height: calc(100vh - 460px);*/
		overflow: auto;
		display: flex;
		flex-direction: column;
	}


	.impression-jour {
		position: absolute;
		right: 1rem;
	}

	.compte-rendu-utilisateurs .form {
		display: block
	}

	.iradio_flat-red,
	.iradio_flat-green,
	.iradio_flat-orange {
		transform: scale(1.5) translateX(10px);
	}

	.compte-rendu-utilisateurs .form ul {
		flex-direction: column;
	}

	.compte-rendu-utilisateurs .form li {
		margin-bottom: 5px;
	}

	.cr-totaux {
		flex-direction: column;
	}

	.cr-totaux input {
		width: 200px;
	}

	.cr-totaux li {
		/* margin-bottom: 5px; */
	}

	.form .btn {
		/* font-size: 1.5em; */
		vertical-align: top;
	}

	.calendrier-material .calendrier {
		height: 100%;
	}

	.month {
		/*font-size:2em;*/
		max-width: initial;
		width: 100%;
	}

	.month {
		/*font-size:2em;*/
		max-width: initial;
		width: 100%;
	}

	.month td {
		width: 50px;
	}

	.num-semaine {
		/*font-size:1.5em;*/
	}

	.etat-presence-chauffeur-calendrier th {
		text-align: center;
		/*font-size: 1.5em;*/
	}

	.all-selected-jour {
		/*font-size:1.5em;*/
	}

	.etat-presence-chauffeur-content {
		flex-direction: column;
	}

	form input[type=text].datepicker {
		width: 180px;
	}

	input,
	select,
	textarea {
		border: 2px solid #ccc;
		font-size: 0.85714285714rem;
		/* min-width: 228px; */
		max-height: 70px;
		width: 100%;
	}

	label {
		/* margin-right:10px; */
	}


	.flex-outer>li>label,
	.flex-outer>li p {
		/* flex:none; */
	}

	#tab-planning .date {
		/* font-size: 1em; */
		width: 70%;
	}

	.nav .fas {
		font-size: 1.5rem;
		padding-right: 1rem;
		padding-left: 1rem;
		margin-left: 0;
	}

	.toggle-li {
		position: fixed;
		padding: 10px 1rem;
		height: initial;
		color: #fff;
		background: #00867d;
		width: 100%;
		top: 0;
		z-index: 100;
	}

	.current-year {
		/*font-size: 50px;*/
	}

	.change-year {
		/*font-size:50px;*/
		margin: -20px 100px 0 100px;
	}

	.etat-presence-transports {
		/* font-size: 1.5em; */
	}

	.etat-presence-transports .cr-heure {
		/*font-size: 25px;*/
		width: 300px;
	}

	.etat-presence-transports .client {
		width: 300px
	}

	.flex-outer>li>div:not(.completion) {
		font-size: 23px;
	}

	.complement,
	.adresse {
		font-size: 0.8rem;
	}

	.flash-message {
		/*font-size: 2em;*/
	}

	select.jours {
		display: block;
		font-weight: bold;
		letter-spacing: 0.05rem;
		background: transparent;
		z-index: 100;
		padding: 0 .5rem;
		margin-top: 0.5rem;
	}

	.circuit-inactif {
		/*font-size:2em;*/
	}

	.modal-dialog {
		width: 98%;
	}

	td,
	th {
		/*font-size: 1.5em;*/
	}

	.tooltip-map {
		/*font-size:1.5em;*/
	}

	.liste-contact {
		/*font-size:1.5em;*/
	}

	.horaire-fauteuil {
		right: 10px;
		/*font-size: 50px;*/
		bottom: 11px;
	}

	.fiche .etat {
		/* position: absolute; */
		margin-left: 16px;
	}

	.fiche .etat.fa-times {
		color: red;
	}

	.horaire .heure-realise {
		color: #78e08f
	}

	.horaire .details {
		position: absolute;
		right: 0.25rem;
		font-size: 1.5rem;
		top: 0.15rem;
	}

	.etat-presence-transports {
		max-height: initial;
	}

	.warning,
	.success,
	.danger {
		/*font-size: 1.5em;*/
	}

	.horaire-commentaire {
		/*font-size: 2em;*/
	}

	.form .etat label {
		/*font-size:1.5em*/
	}

	.horaire-mode {
		/*font-size: 2em;*/
	}

	.vehicule-cr+span {
		display: block;
		margin-top: 5px;
		/*font-size:1.5em;*/
	}

	.form-cr .btn {
		/*font-size:1.5em;*/
		width: 100%;
		margin: auto;
	}

	.nav .unroll {
		/* font-size:1em; */
		top: 0.875rem;
	}

	.btn.ajouter-comportement {
		/*font-size: 1.5em;*/
		width: 100%;
	}

	select[name=type-detail] {
		max-width: 100%;
	}

	.liste-comportements li {
		/*font-size:1.5em;*/
		width: 100%;
		font-size: 0.75rem;
	}

	.dossier-utilisateur {
		grid-template-areas:
			"stats"
			"incidents"
			"circuits"
			"etablissements"
			"position";
	}

	.dossier-utilisateur-position {
		grid-area: position;
	}

	.place {
		width: 200px;
		height: 90px;
		font-size: 0.75rem;
		padding: 0.3125rem 0;
	}

	#place-10 {
		left: 500px;
		top: 120px;
	}

	#place-11 {
		left: 500px;
		top: 220px;
	}

	#place-12 {
		left: 250px;
		top: 80px;
	}

	#place-13 {
		left: 250px;
		top: 180px;
	}

	#place-14 {
		left: 250px;
		top: 280px;
	}

	#place-20 {
		left: 520px;
		top: 80px;
	}

	#place-21 {
		left: 520px;
		top: 180px;
	}

	#place-22 {
		left: 520px;
		top: 280px;
	}

	#place-23 {
		left: 320px;
		top: 80px;
	}

	#place-24 {
		left: 320px;
		top: 180px;
	}

	#place-25 {
		left: 320px;
		top: 280px;
	}

	#place-26 {
		left: 120px;
		top: 80px;
	}

	#place-27 {
		left: 120px;
		top: 180px;
	}

	#place-28 {
		left: 120px;
		top: 280px;
	}

	.places-5,
	.places-5 img {
		width: 950px;
	}

	.places-9,
	.places-9 img {
		width: 950px;
	}

	label+.kilometrage {
		margin: initial;
	}

	.flex-outer>li>label,
	.flex-outer>li p {
		flex: 1 0 250px;
		/* max-width: 300px; */
		/* border: 3px solid; */
		/* padding: 0 5px; */
		font-size: 1.25rem;
		font-weight: 600;
	}

	.flex-outer>li {
		/* margin-bottom: 20px; */
	}

	.cr-totaux input {
		width: 50px;
		text-align: center;
		margin: initial;
	}

	select.select-time {
		/*font-size: 35px;*/
		width: calc(50% - 2px);
		text-align: center;
	}

	.dernier-kilometrage-content {
		font-size: 1.25rem;
	}

	.fa,
	.fas {
		/* font-size: 40px; */
	}

	.next-client,
	.previous-client {
		width: 50%;
		border-radius: 0.25rem;
	}

	.client-header {
		grid-template-columns: 1fr;
	}

	.nav-client {
		justify-self: initial;
	}

	.client-actions {
		margin-bottom: 10px;
	}

	.flash {
		display: none;
		/*font-size:25px;*/
		width: 90%;
		transform: translateX(5%);
	}

	.main {
		padding: 0;
		background: #fff;
		padding: 0.5rem 0.5rem;
		height: 100%;
		margin-top: 63px;
	}

	input.form-control {
		width: 100%;
	}

	.form-control {
		/* height: 2rem; */
		font-size: 1rem;
	}

	.form-flex {
		flex-direction: column;
	}

	.icheckbox_flat-green,
	.iradio_flat-green {
		display: inline-block;
		/* display: inline; */
		vertical-align: middle;
		margin: 0;
		padding: 0;
		/*		width: 40px;
		height: 40px;*/
		/* background: url(green.png) no-repeat; */
		border: none;
		cursor: pointer;
		transform: scale(1.5);
	}

	.list-group-item {
		/*font-size:30px;*/
	}

	tbody {
		margin-right: 0;
	}

	.table {
		width: 100%;
	}

	.panel-vehicule {
		grid-template-columns: minmax(100vw, 1fr);
	}

	.details-form {
		display: block;
		grid-template-columns: 1fr;
	}

	.alerte-sms select {
		width: 100%;
		margin-bottom: 10px;
	}

	.alerte-sms button {
		width: 100%;
	}

	.utilisateur-form .flex-outer {
		width: 100%;
		padding: 1rem;
	}

	ul.liste-localisation {
		width: 100%;
		height: auto;
	}

	.btn.nouveau-localisation {
		width: 100%
	}

	.liste-contrats .contrat {
		display: block;
	}

	nav.onglets {
		margin-top: 0.25rem;
		justify-content: center;
		position: sticky;
		top: -7px;
		background: #fff;
		z-index: 10;
	}

	.horaire-header {
		order: 1;
		flex-wrap: wrap;
		flex-direction: column;
		display: grid;
		width: 100px;
		padding: 0.25rem;
	}

	.etat-presence-chauffeur-calendrier .month {
		max-width: 100%;
		padding: 2px;
	}

	.matin,
	.soir {
		width: 100%;
	}

	.incident-tb {
		display: block;
	}

	.incident-footer {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 50px;
	}

	.tb-incident {
		grid-column-end: initial;
	}

	.calendrier {
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
	}

	.etat-presence-chauffeur-calendrier .calendrier {
		display: block;
		/* grid-template-columns: 1fr; */
	}

	.informations-client {
		grid-template-columns: 1fr;
	}



	td.cr-heure .heure-prevue {
		width: initial;
	}

	div#tab-etat-presence .calendrier {
		height: initial;
	}

	.switch {
		position: relative;
		display: inline-block;
		width: 2.5rem;
		height: 1rem;
		margin-bottom: 0;
	}

	.slider:before {
		position: absolute;
		content: "";
		height: 0.5rem;
		width: .5rem;
		left: 0.3rem;
		bottom: 0.3rem;
		background-color: #fff;
		-webkit-transition: .4s;
		transition: .4s;
		border-radius: var(--border-radius);
	}

	input:checked+.slider:before {
		background-color: #fff;
	}


	input:checked+.slider {
		background-color: var(--main-color-2);
	}

	input:focus+.slider {
		box-shadow: 0 0 1px #43494c;
	}

	input:checked+.slider:before {
		transform: translateX(1.5rem);
	}

	.table .lien {
		border-radius: 0.25rem;
	}

	.back-to-list {
		width: 70px;
		border-radius: 0.25rem;
	}

	.agenda-jour .etablissement {
		margin-bottom: 0.25rem;
		padding: 0.25rem;
		border-radius: 0.25rem;
	}

	.agenda-jour .lieu {
		margin-bottom: 0.25rem;
		padding: 0.25rem;
		border-radius: 0.25rem;
	}


	.agenda-jour .circuit {
		margin-bottom: 0.25rem;
		padding: 0.25rem;
		border-radius: 0.25rem;
	}

	.agenda-jour .heure {
		padding: 0.25rem;
		border-radius: 0.25rem;
	}

	.tb-revision {
		grid-column: span 2;
	}

	.tb .content {
		font-size: 0.5em;
	}

	.tb-revision .content {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		grid-gap: 0.5rem;
		padding: 0.5rem;
	}

	.tb-controle {
		grid-column: span 2;
	}

	.tb-controle .content {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		grid-gap: 0.5rem;
		padding: 0.5rem;
	}

	.content .alertes {
		/* background: var(--main-color-2); */
		border-radius: var(--border-radius);
		color: inherit;
		padding: 0.1rem;
		text-align: center;
		background: #fff;
	}

	.content .immatriculation {
		padding: 0.1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		text-align: center;
	}

	.tb {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		font-size: 0.8125rem;
	}

	.nav li .roll {
		gap: 1rem;
		grid-template-columns: auto 1fr 20px;
		display: flex;
		flex-grow: 1;
		/* padding: 10px 0; */
	}

	input.form-control,
	select.form-control {
		/* font-size: 1rem; */
		/* height: 3rem; */
	}

	form input[type=text].datepicker:not(.current-date) {
		width: 100%;
		font-size: 1rem;
	}

	select.form-control:not([size]):not([multiple]) {
		/* height: 3rem; */
	}

	.etat-presence-chauffeur-calendrier {
		width: initial;
	}

	.etat-presence-chauffeur-calendrier td {
		padding: 3px;
	}

	.calendrier-material {
		padding: 0;
		margin: 0;
	}

	.details i {
		font-size: 0.6rem;
	}

	.estimation.temps-chauffeur {
		font-size: 0.75rem;
	}

	.estimation.km-chauffeur {
		font-size: 0.75rem;
		white-space: nowrap;
	}

	.calendrier-semaine .temps-semaine {
		font-size: 0.75rem;
	}

	.calendrier-semaine {
		display: none;
	}

	.calendrier-semaine i {
		display: none;
	}

	.etat-presence-chauffeur-calendrier .recap table {
		table-layout: fixed;
	}

	.etat-presence-chauffeur-calendrier .recap td {
		font-size: 1rem;
		padding: 10px 5px;
	}

	.etat-presence-chauffeur-calendrier td .day {
		font-size: 0.875rem;
		padding-right: 0;
		margin-bottom: 6px;
	}

	.etat-chauffeur {
		left: 0;
		font-size: 0.75rem;
	}


	.d .details {
		font-size: 0.75rem;
		border-radius: 4px;
	}

	td.dimanche,
	th.dimanche {
		/* display: none; */
	}

	.etat-presence-chauffeur-calendrier .recap td.icone {
		padding: 10px 5px;
		width: 5px;
	}

	td.padding {
		display: none;
	}

	.calendrier-material .table-bordered {
		border-collapse: collapse;
		/* width: initial;
		table-layout: fixed; */
	}

	.month {
		padding: 2px;
	}

	.side-panel.active {
		position: fixed;
		bottom: 0;
		background: #fff;
		width: 100%;
		left: 0;
		margin: 0;
		border-radius: 15px 15px 0 0;
		border-bottom: 0;
		border-left: 0;
		border-right: 0;
		border-top: 0;
		box-shadow: 7px 1px 20px 0px #ccc;
	}

	.daily-resume table {
		display: none;
	}

	.semaine-date {
		align-items: stretch;
	}

	.semaine-date .flex {
		flex-wrap: wrap;
		flex-direction: column;
		flex-grow: 1;
	}

	.compte-rendu-utilisateurs .onglets {
		top: 50px;
	}

	form.rechercher-cr {
		justify-content: center;
		position: sticky;
		top: -7px;
		background: #fff;
		z-index: 10;
	}
}