.formulaire {
	width: 100%;
	margin-top: 0.5cm;
	margin-bottom: 1cm;
}

h2 {
	font-size: 26pt;
}

label {
	display: inline-flex;
	align-items: center;
}

label,
input,
select,
textarea {
	font-family: "Amaranth", sans-serif;
}

label,
p {
	font-size: 14pt;
	margin: 0px;
}

label > input {
	flex-shrink: 0;
}

input[type="text"],
input[type="email"],
input[type="time"] {
	font-size: 14pt;
}

.formulaire > h2,
.formulaire > p {
	text-indent: 0mm !important;
	text-align: center !important;
}

form {
	width: 95%;
	margin: 1cm auto 0px auto;
	border: solid #0096c7 5px;
	border-radius: 20px;
	background-color: white;
}

.questionnaire {
	width: 100%;
	border-bottom: solid #404040 3px;
}

.questionnaire:first-child {
	border-radius: 14px 14px 0px 0px;
}

.questionnaire:nth-child(2n) {
	background-color: #f4f4f4;
}

.questionnaire :not(div:first-child) input[type="checkbox"],
.questionnaire :not(div:first-child) input[type="radio"] {
	width: 0.5cm;
	height: 0.5cm;
	margin: 0px 10px;
}

.questionnaire > div:first-child {
	height: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.5cm;
}

.selection > input {
	width: 0.8cm;
	height: 0.8cm;
	margin: 0px 1cm;
}

.titre {
	text-indent: 1cm;
}

h3 {
	margin: 0px;
}

.etendu {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.etendu > :not(div:first-child) {
	margin-bottom: 10px;
}

.simple > :not(div:first-child) {
	padding-bottom: 10px;
}

@media screen and (max-width: 800px) {
	input[type="text"],
	input[type="email"],
	input[type="time"] {
		font-size: 12pt;
	}

	form {
		width: 97.5%;
	}

	.questionnaire :not(div:first-child) input[type="checkbox"],
	.questionnaire :not(div:first-child) input[type="radio"] {
		width: 25px;
		height: 25px;
		margin: 0px 5px;
	}

	.questionnaire > div:first-child {
		width: 100%;
		justify-content: flex-start;
		margin-right: 0.5cm;
	}

	.selection > input {
		width: 25px;
		height: 25px;
		margin: 0px 6px;
	}

	.selection h3 {
		flex: 1 1 0;
	}

	.titre {
		margin: 5px;
		margin-bottom: 10px;
		text-indent: unset;
	}

	h3 {
		font-size: 1.1rem;
	}

	.etendu {
		flex-direction: column;
	}

	.etendu > :not(div:first-child) {
		margin-bottom: unset;
	}

	.simple > :not(div:first-child) {
		padding-bottom: 10px;
	}
}

/*///////////////////////////////
        Question maraudes
///////////////////////////////*/
.maraudes > :not(div:first-child) {
	flex: 1 1 0px;
	display: flex;
	flex-direction: column;
	padding-left: 0.5cm;
	margin-right: 10px;
}

.aff-maraudes {
	height: 60px;
	display: inline-flex;
	align-items: center;
}

.velo,
.vehicule {
	padding: 10px 0px;
	border-top: solid lightgray 2px;
}

#pas-velo label {
	display: initial;
}

#pas-velo input {
	height: 16px;
	width: 40px;
}

@media screen and (max-width: 800px) {
	.maraudes > :not(div:first-child) {
		flex: unset;
		display: flex;
		flex-direction: column;
		padding-left: unset;
		margin-right: unset;
	}

	.aff-maraudes {
		height: 50px;
		margin: 0cm 1cm;
	}

	.maraudes > :not(div:first-child) > :not(div:first-child) {
		margin: 0 1cm;
	}
}

/*///////////////////////////////
		Question repas
///////////////////////////////*/
.aff-repas {
	margin-top: 19px;
}

@media screen and (max-width: 800px) {
	.aff-repas {
		margin-left: 10px;
		padding-bottom: 10px;
		margin-top: unset;
	}
}

/*///////////////////////////////
        Question courses
///////////////////////////////*/
.aff-courses:nth-child(2) p {
	line-height: 60px;
}

.aff-courses:nth-child(3) {
	margin-top: 19px;
}

.aff-autre {
	display: inline-flex;
	align-items: center;
}

.aff-autre input[type="text"] {
	width: 5cm;
	height: 20px;
	margin-left: 10px;
}

#courses-methode label {
	min-width: 4cm;
}

@media screen and (max-width: 800px) {
	.aff-courses:nth-child(2) p {
		line-height: normal;
		margin-left: 10px;
	}

	.aff-courses:nth-child(3) {
		margin-top: 19px;
		margin-left: 10px;
	}

	#courses-methode {
		padding-bottom: 10px;
	}
}

/*///////////////////////////////
		Question collecte
///////////////////////////////*/
.aff-collecte,
.denrees-depla {
	margin-top: 19px;
}

.denrees-depla {
	display: flex;
	flex-direction: column;
	margin-left: 1cm;
}

.denrees-depla p {
	margin-bottom: 10px;
}

#collecte-para {
	margin-top: 10px;
}

#collecte-methode label {
	min-width: 4cm;
}

.aff-autre label {
	min-width: 2.5cm !important;
}

@media screen and (max-width: 800px) {
	.aff-collecte,
	.denrees-depla {
		margin-left: 10px;
		margin-top: unset;
	}

	.denrees-depla {
		margin-left: 10px;
		margin-top: 10px;
	}

	#collecte-methode {
		padding-bottom: 10px;
	}
}

/*///////////////////////////////
        Question disponible
///////////////////////////////*/
.dispo-flex {
	width: 100%;
	display: flex;
	flex-direction: row;
	text-align: center;
	margin-bottom: 10px;
}

.dispo-flex select {
	font-size: 12pt;
}

.dispo-flex h4 {
	text-align: center;
	margin: 0;
	margin-bottom: 20px;
	font-size: 14pt;
}

.dispo-flex > div {
	width: 50%;
}

.dispo-semaine > div,
.dispo-weekend > div {
	display: inline-flex;
	align-items: center;
	margin-bottom: 10px;
}

.jour {
	width: 110px;
	margin-right: 10px;
	display: inline-block;
	text-align: right;
}

@media screen and (max-width: 800px) {
	.dispo-flex {
		flex-direction: column;
		align-items: center;
	}

	.dispo-flex h4:last-of-type {
		margin-top: 10px;
	}

	.dispo-flex > div {
		width: 80%;
	}

	.dispo-semaine > div,
	.dispo-weekend > div {
		flex-wrap: wrap;
		justify-content: flex-end;
	}
}

/*/ //////////////////////////////
Question popularite, 
    communication,
    competences,
    disponibilite,
    experience,
    commentaire,
    echanger,
    et information.
///////////////////////////////*/
.popularite label,
.communication label,
.experience-res label,
.echange label:first-child {
	margin-left: 2cm;
	margin-bottom: 5px;
}

.popularite label:last-child {
	margin-left: 3cm;
}

@media screen and (max-width: 800px) {
	.popularite label,
	.communication label,
	.experience-res label,
	.echange label {
		margin-left: 10px !important;
	}

	.popularite label:last-child {
		margin-left: 35px;
	}
}

/*---Compétences---*/
.divise {
	display: flex;
}

.competences p {
	margin-left: 2cm;
	margin-bottom: 10px;
}

.competences label {
	margin-left: 3cm;
	margin-bottom: 5px;
}

.cmp-precision {
	display: flex;
	flex-direction: column;
}

.cmp-precision textarea {
	margin-left: 3cm !important;
}

@media screen and (max-width: 800px) {
	.divise {
		flex-direction: column;
	}

	.competences p {
		margin-left: 10px;
	}

	.competences label {
		margin-left: 10px;
	}

	.cmp-precision textarea {
		margin-left: 10px !important;
	}
}

/*---Experience---*/
.experience-res label,
.cmp-precision {
	display: flex;
	align-items: flex-start;
}

.experience-res textarea,
.cmp-precision textarea,
.commentaire textarea {
	font-size: 12pt;
	margin-left: 5px;
	resize: vertical;
}

@media screen and (max-width: 800px) {
	.experience-res label,
	.cmp-precision {
		flex-direction: column;
		margin-top: 10px;
	}

	.experience-res textarea,
	.cmp-precision textarea,
	.commentaire textarea {
		width: 90%;
	}

	.experience-res textarea {
		margin-top: 10px;
	}
}

/*---Commentaire---*/
#commentaire {
	margin: 16px 0px 16px 67.5px;
}

@media screen and (max-width: 800px) {
	#commentaire {
		margin: 0px 0px 16px 14px;
	}
}

/*---Echanger---*/
.echange input {
	margin-left: 5px;
}

.echange select {
	font-size: 12pt;
}

@media screen and (max-width: 800px) {
	.echange input[type="text"] {
		width: 26%;
	}
}

/*---Information---*/
.info-col {
	height: auto !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: unset !important;
	align-items: center !important;
}

.info-titre {
	height: 60px;
	display: inline-flex;
	align-items: center;
	line-height: 60px;
	text-indent: 2.2cm;
	margin-left: 0 !important;
}

.info-titre h4 {
	font-size: 1.17rem;
}

.info-titre input[type="text"] {
	margin-left: 5px;
}

.civilite {
	display: flex;
	flex-direction: row;
	margin-right: 1cm;
}

.infos-perso > :not(div:first-child) {
	margin-top: 19px;
	margin-left: 1cm;
}

#info-perso input {
	width: 8cm;
	margin-bottom: 5px;
}

.adherer {
	height: 60px;
	display: inline-flex;
	align-items: center;
	margin-right: 0.5cm;
}

.adherer > input {
	width: 0.8cm;
	height: 0.8cm;
	margin: 0px 1cm;
}

@media screen and (max-width: 800px) {
	.info-col {
		display: flex !important;
		flex-direction: column !important;
	}

	.info-titre {
		height: 60px;
		display: inline-flex;
		align-items: center;
		line-height: 60px;
		margin-right: 0.5cm;
		text-indent: unset;
	}

	.info-titre h4 {
		font-size: 1.1rem;
	}

	.civilite {
		margin-bottom: 10px !important;
	}

	.info-suite {
		margin-top: unset;
		margin-left: 20px;
	}

	.adherer > input {
		width: 25px;
		height: 25px;
		margin: 0px 6px;
	}
}

/*//////////////////////////
        Autocomplete
//////////////////////////*/
.ui-autocomplete {
	font-size: 14pt !important;
	list-style: none !important;
}

.ui-menu {
	width: max-content;
	z-index: 1000;
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}

.ui-menu .ui-menu {
	position: absolute;
}

.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px 0.4em;
	cursor: pointer;
	min-height: 0;
}

#ui-datepicker-div {
	display: none;
}

/*/ /////////////////////////
Condition utilisation
	reCapchat
	submit
//////////////////////////*/
.submit {
	width: 100%;
	text-align: center;
}

.submit > div {
	display: flex;
	direction: row;
	justify-content: space-around;
	align-items: center;

	margin-top: 20px;
}

input[name="accepte-collecte"] {
	width: 0.5cm;
	height: 0.5cm;
	margin-right: 5px;
}

input[type="submit"] {
	font-size: 14pt;
	margin: 20px auto;
}

@media screen and (max-width: 800px) {
	.submit > div {
		flex-direction: column;
	}

	.submit > div > label {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;

		margin: 0px 5px;
		margin-top: 20px;
	}
}