form {
	display: block;
	margin: 0;
	padding: 0;
}

div.formulaire {
	text-align: center;
	padding: 0px;
	overflow: visible;
	display: inline-block;
}

div.section span.titre {
	font-weight: normal;
}

.formulaire .erreur {
	font-weight: bold;
	color: red;
	border: 2px solid red;
	background: rgba(255,0,0,.1);
	margin: 1em .5em;
	display: none;
}

.bloc_sections > .ligne_champ span.saisie,
div.bloc_champs {
	text-align: left;
	display: block;
	padding: 10px;
}

.ligne_champ {
	padding: 5px 10px;
}

.ligne_champ span.saisie label:hover {
	background-color: rgba( 255,255,255,.8);
}

.ligne_champ input,
.ligne_champ select,
div.ligne_champ span.saisie > div,
.ligne_champ textarea {
	border: 1px solid black;
	border-radius: 5px;
	padding: 5px;
	outline: none;
	background-color: rgba(255,255,255,.3);
}

.ligne_champ input,
.ligne_champ select,
.ligne_champ textarea,
.ligne_champ span.saisie label{
	font-size: 1em;
	font-family: inherit;
}

.ligne_champ input:focus,
.ligne_champ select:focus,
.ligne_champ textarea:focus {
	border-style: solid;
	background-color: rgba(240,240,255,1);
}

div.formulaire div.ligne_pied .bouton,
div.formulaire div.ligne_pied button {
	border-radius: 5px;
	padding: 5px 15px;
	margin: 5px;
}

/*  class="radio-bascule" */

.radio-bascule input {
	display: none;
}
.radio-bascule input + span {
	display: inline-block;
	padding: .5em;
	color: #555;
	border: 1px solid #c8c8c8;
	background: #c8c8c8;
	font-weight: bold;
	text-align: center;
}
.radio-bascule.initial input + span {
	margin-bottom: 1em;
	width: 22em !important;
	padding: 2em .5em;
	color: #555;
	border: 1px solid #c8c8c8;
	background: #c8c8c8;
	cursor: pointer;
}

.radio-bascule input:checked + span {
	border-color: black;
	color: black;
}


/* debut perso login */

	div.formulaire.popup {
		max-width:40em;
		box-shadow: 0px 0px 4px #111 !important;
		border: none;
		background-color: white;
		overflow: hidden;
		margin: auto;
		padding: 20px;
	}

	div.formulaire.popup p {
		margin: 0;
	}

	div.formulaire.popup div.ligne_tete {
		text-align: center;
		margin: 0 10px 15px 10px;
		font-weight: bold;
		padding: 5px 10px;
		color: black;
		font-size: 120%;
	}

	div.formulaire.popup .picto {
		height: 50px;
		display: block;
		margin: auto;
	}

	div.formulaire.popup .contact {
		display: flex;
		margin: 2em;
		color: #585857;
		align-items: flex-start;
		text-align: left;
	}
	div.formulaire.popup .contact :first-child {
		color: #00254D;
		padding-right: 1em;
	}

	div.formulaire.popup div.bloc_champs {
		display: inline-grid;
		grid-template-columns: auto auto;
		grid-gap: 10px;
		align-items: center;
		margin: 10px auto;
	}

	div.formulaire.popup p.attention {
		padding: .5em .6em .5em .6em;
		background: #CBCBCB;
	}
	div.formulaire.popup p.attention b:first-child {
		text-decoration: underline solid #D6D637 5px;
	}


	div.formulaire.popup .bloc_champs label {
		color: black;
		width: 100%;
		text-align: right;
		padding-right: 10px;
	}

	div.formulaire.popup textarea {
		grid-column-start: 1;
		grid-column-end: 3;
	}

	div.formulaire.popup textarea,
	div.formulaire.popup .bloc_champs select,
	div.formulaire.popup .bloc_champs input[type=text],
	div.formulaire.popup .bloc_champs input[type=password] {
		border: 1px solid black;
		padding: 10px;
		outline: none;
		background-color: rgba(255,255,255,.5);
		width: 100%;
		font-family: inherit;
	}

	div.formulaire.popup button.s2020.courriel {
		margin-top: .5em;
	}
	div.formulaire.popup button.s2020:not(.courriel) {
		padding: .5em 2em;
	}
	div.formulaire.popup button.s2020 {
		font-size: 100%;
		font-weight: bold;
		color: #F5F5F5;
		background: #959595;
	}
	div.formulaire.popup button.s2020:hover {
		color: #F5F5F5;
		background: #00254D;
	}


/* fin */

div.formulaire.autoform .bloc_sections {
	display: inline-table;
}
div.formulaire.autoform .ligne_champ {
	display: table-row;
}
div.formulaire.autoform .ligne_champ > span {
	display: table-cell;
	text-align: left;
}
div.formulaire.autoform .ligne_champ > span.saisie {
	padding-left: 1em;
}

div.formulaire.autoform .ligne_pied {
	margin-top: 1em;
}

/* conditions */

#condition_question .possibilites,
#condition_question .actions,
#condition_question ul {
	padding: 5px 0 0 10em;
	margin: 0;
}
#condition_question li {
	list-style-position: inside;
}
#condition_question .possibilites label {
	display: block;
	margin: .5em 0;
}
#condition_question .possibilites label > input[type=checkbox] {
	margin: 0;
}
#condition_question label > span {
	padding: 5px 0 0 0;
	vertical-align: baseline;
}
#condition_question .possibilites label > span {
	padding: 0 .5em;
	vertical-align: center;
}