.conteneur { text-align:center; }

/*Encadrement d'un formulaire*/
.formulaire {
	position:relative; display:block;
	margin:40px auto; padding:20px;
	border-radius:15px;
	border:solid 2px #357033;
	background-color:white;
	width:auto;
}
	.formulaire.popup {
		position:fixed;
		margin:auto auto;
	}

/*Encadrement d'un formulaire => variante si c'est contenu dans une popup*/
.popup .formulaire {
	display:block;
	box-shadow:none;
	margin:0; padding:0;
	min-width:0px; max-width: none;
	min-height:1em;
	text-align: left;
	border-radius:0;
	background-color:transparent;
}

	/*Titre d'un formulaire*/
	.formulaire .titre {
		position:absolute; display:block;
		bottom:calc(100% - 5px); left:-2px;
		margin:0px; padding:5px 10px;
		border-radius:10px 10px 0px 0px;
		border:solid 2px #FDC54C;
		background-color:#FDC54C;
		width:calc(100% + 4px);
		font-size:1.875rem; font-weight:500; color:#2FB5D2;
		white-space:nowrap;
		text-align:center;
	}
	/*Titre d'un formulaire => variante si c'est contenu dans une popup*/
	.popup .formulaire .titre {
		position:relative;
		bottom:auto; left:auto;
		box-shadow:none;
		margin:0 0 1em 0; padding:0;
		border-radius:0;
		background-color:transparent;
		border:none 0px transparent;
		width:auto;
		font-size:1.25rem; font-weight:400; color:#007291;
		text-align:left; text-transform:uppercase;
	}

	/*logo dans un formulaire*/
	.formulaire .logo {
		display:block;
		background:url(/images/logo-ltl.png) no-repeat center center;
		width:126px; height:42px;
		margin:0px auto;
	}

/*Texte de description dans un formulaire*/
.formulaire .description {
	font-size:1.125rem; font-style:normal; color:#585858;
	margin:0px 0px 1rem; padding:0px;
}

	/*un titre avant un .champs*/
	.formulaire div.titrechamps1 { display:block; margin-top:15px; margin-bottom:5px; }
		.formulaire .champs + div.titrechamps1,
		.formulaire .sousbloc + div.titrechamps1,
		.formulaire .uperreur + div.titrechamps1 { margin-top:25px; }
	/*et sa petite exception: le titre dans un .champ > .ligne > label */
	.formulaire div.titrechamps1,
	.formulaire .ligne > label.titrechamps1 { font-family:Quicksand; font-size:1.5rem; font-weight:normal; color:#004790; }
	.formulaire .ligne > label.titrechamps1 { padding-top:8px; }

/*#region Titre fermable avec sous-bloc*/

	.formulaire .titrechamps1.fermable { position:relative; cursor:pointer; }

	.formulaire .titrechamps1.fermable::after { 
		position:relative; display:inline-block;
		content:"\f077";
		font-size:1.0rem; font-family:'Font Awesome 5 Free'; font-weight:600; color:#004790;
		padding-left:30px;
		top:0px; 
		transform:scaleY(1.5);
	}
	.formulaire .titrechamps1.fermable.ferme::after { content:"\f078"; }

	.formulaire .titrechamps1.fermable + .sousbloc { position:relative; }

	html .RadUpload .ruFakeInput { height: 2.0533em; }

	/*.formulaire .titrechamps1.fermable + .sousbloc::before { 
		position:absolute; display:block;
		content:"";
		font-size:0rem;
		top:0px; left:-10px;
		width:10px; height:100%;
		border:solid 1px white; border-right:none;
		transition:all 0.5s;
	}
	.formulaire .titrechamps1.fermable:hover + .sousbloc::before { border-color:#004790; }*/

/*#endregion Titre fermable avec sous-bloc*/

	/*Un ensemble de lignes contenant des champs*/
	.formulaire .champs {
		/*position:relative;*/ /*SRD : Test sans relative*/
		position:relative; display:table;
		width:100%;
		margin-bottom:0px;
	}
	/* pour les "*champs obligatoires" */
	.formulaire .champs.oblig { margin:20px 0; width:auto; }
	.formulaire.lectureseule .champs.oblig { display:none; }
	/* pour les "champs" devaznt "s'empiler" */
	.formulaire .champs.champs-block { display:block; }
	/* pour les "champs" devaznt contenir un datagrid */
	.formulaire .champs.champs-dg { display:block; }
		/* et si il est précédé d'un titre bleu */
		.formulaire div.titrechamps1 + .champs.champs-dg,
		.formulaire div.titrechamps1 + .sousbloc.sousbloc-dg,
		.formulaire div.titrechamps1 + .sousbloc > .champs.champs-dg { padding-top:5px; }

		/*Une ligne contenant un label et un contrôle*/
		.formulaire .ligne {
			position:relative; display:table-row;
			vertical-align:top;
			font-size:0rem;
		}
		.formulaire .champs.oblig .ligne { display:block; font-size:inherit; }
		.formulaire .champs.champs-block .ligne { display:block; }
			.formulaire .ligne > * { position:relative; display:table-cell; vertical-align:top; padding:5px 20px 5px 0px; }
			.formulaire .ligne > *:last-child { padding-right:0px; }
			.formulaire .champs.champs-block .ligne > * { display:block; padding:5px 0; }

			.formulaire .ligne .reToolBarWrapper { font-size:1rem; line-height:100%; }

			/*Des espacements spéciaux*/
			.formulaire .ligne.coche > * { padding-bottom:15px; }
			.formulaire .champs.oblig .ligne > * { padding:0px; }

			.formulaire .ligne .ddlText{ font-size:1rem; padding-top:7px; display:inline-block; padding: 4px 12px;}
			/*Label d'un controle de saisie d'un formulaire*/
			.formulaire .ligne > label {
				position:relative;
				white-space: nowrap;
				font-size: 1.125rem; font-weight:500; color: #666666;
				padding-top: 12px;
				width:10px;
			}
			.formulaire .champs.champs-block .ligne > label {
				padding-top:12px; width:auto;
			}
			/*Champ obligatoire*/
			.formulaire .ligne > label.obligatoire::after {
				content:"*";
				position:absolute;
				font-size: 1.125rem; font-weight: bold; color:#e66109;
				margin:-5px; padding:0px 0px 0px 5px;
			}
			/*Champ obligatoire*/
			.formulaire.lectureseule .ligne > label.obligatoire::after {
				content:none; display:none;
			}

			/*Label sur 2 lignes*/
			.formulaire .ligne > label.deuxlignes { padding-top:0px; line-height:100%; }

			.formulaire .ligne span.obligatoire,
			.formulaire .boutons > div .obligatoire { 
				font-size:1rem; color:#e66109; font-style:italic;
			}

			/*Les unités*/
			.formulaire .ligne > span.euro::after,
			.formulaire .ligne > span.pourcent::after {
				position:absolute;
				font-size: 1.125rem; font-weight:500; color:#666666;
				margin:0px; padding:12px 0px;
				top:0px;
			}


			/*En euros*/
			.formulaire .ligne > span.euro { padding-right:50px; }
			.formulaire .ligne > span.euro::after { content:"€ HT"; right:0px; }

			/*En %*/
			.formulaire .ligne > span.pourcent { padding-right:50px; }
			.formulaire .ligne > span.pourcent::after { content:"%"; right:12px; }

			/*Réduit pour aligner avec les autres avec unité*/
			.formulaire .ligne > span.reduit { padding-right:50px; }
			
			.formulaire .ligne.double > span { padding-top:20px; }
			.formulaire .ligne.double > span::after { padding-top:25px; }


/*Formatage des AOM.TextBox (dérivés des Telerik:RadTextBox)*/
.formulaire input[type='radio'] + label,
.formulaire input[type='checkbox'] + label{
	display:inline-block;
	font-size: 1.125rem; line-height: 1.42857143; color: #555555;
	padding-right:20px; padding-top:5px;
}
.formulaire .RadUpload .ruFakeInput,
.formulaire .RadInput .riTextBox,
.formulaire .textbox,
.formulaire select {
	display: block;
	width: 100%;
	font-size: 1.125rem; line-height: 1.42857143; color: #555555;
	padding: 4px 12px; padding-right: 12px;
	background-color: #ffffff; background-image: none;
	border: 1px solid #B8B6B2;
	border-radius: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	font-family:inherit;
}
.formulaire .RadComboBox.rcbFocused,
.formulaire .RadUpload .ruFakeInput:focus,
.formulaire .RadInput .riTextBox:focus,
.formulaire .textbox:focus,
.formulaire select:focus { box-shadow:0px 0px 10px rgba(0, 140, 236, 0.6); }

.formulaire span.textbox, div.textbox { min-height:32.85px; }
.formulaire span.textbox:empty:before, div.textbox:empty:before { content:" "; }

*:focus { outline: none; }

.formulaire .RadUpload, .formulaire .RadUpload * { box-sizing:inherit; }

.formulaire .RadUpload,
.formulaire .RadUpload .ruFakeInput { font-family:inherit; font-size:1rem; line-height:1.42857143; color:#555555; }
.formulaire .RadUpload .ruFakeInput { display:inline-block; width:calc(100% - 120px); }

/* .formulaire retiré => html */
html .RadUpload .radIcon::before { position:absolute; top:0.1em; left:0.25em; }
html .RadUpload .ruSelectWrap { margin-top:0; }
html .RadUpload .ruInputs { width:100%; min-height:32.85px; }
html .RadUpload .ruInputs > li { position:relative; width:100%; }
html .RadUpload .ruFileWrap { width:100%; overflow:hidden; text-overflow:ellipsis;}
html .RadUpload .ruBrowse { width:90px; max-width:90px; _background-position:100% -23px; }
html .RadUpload .ruBrowse.ruButtonHover { _background-position:0px -23px; }
html .RadUpload .ruFakeInput { border-color:#B2B2B2; color:#010101; margin-right:5px; }
html .RadUpload .ruFakeInput.radPreventDecorate { max-width:500px; width:calc(100% - 95px); }
html .RadUpload .ruUploadProgress { width:100%; max-width:calc(100% - 1px); overflow:hidden; text-overflow:ellipsis; display: inline-block; }
html .RadUpload .ruRemove { position:absolute; right:0; left:auto; font-size:inherit; border:1px solid #B7B7B7; border-radius:1px; color:#404040; }
html .RadUpload .ruFileLI .ruFileWrap { width:100%; max-width:calc(100% - 100px); padding:0.1em 0; }
html .RadUpload .ruFileLI .ruButton { font-size:0.8em; padding:0.2em 0.33em; line-height:inherit; border:1px solid #B7B7B7; border-radius:4px; color:#404040; }
html .RadUpload .ruFileLI .ruButton.ruRemove::before { margin-right:0.5em; }
html .RadUpload .ruFileLI .ruButton.ruCancel { position:absolute; right:0; left:auto; }
html .RadUpload .ruFileProgressWrap { margin-top:2px; }
/* .formulaire retiré => html */
html .RadInput .riTextBox + .rcSelect * { border-radius:1px; }

.formulaire .textbox.readonly { border: none; box-shadow: none; color: black; }
.formulaire textarea.textbox { resize: none; }

/* erreur -> ctrl bordure rouge */
#total .RadAsyncUpload.ctrlerreur .ruFakeInput,    .formulaire .RadAsyncUpload.ctrlerreur .ruFakeInput,
#total .RadPicker.ctrlerreur .RadInput .riTextBox, .formulaire .RadPicker.ctrlerreur .RadInput .riTextBox,
#total .RadInput .riTextBox.ctrlerreur,            .formulaire .RadInput .riTextBox.ctrlerreur,
#total .RadUpload .ruFakeInput.ctrlerreur,         .formulaire .RadUpload .ruFakeInput.ctrlerreur,
#total .RadEditor.ctrlerreur,                      .formulaire .RadEditor.ctrlerreur,
#total .textbox.ctrlerreur,                        .formulaire .textbox.ctrlerreur,
#total input.ctrlerreur,                           .formulaire input.ctrlerreur,
#total select.ctrlerreur,                          .formulaire select.ctrlerreur {
	border-color:#e66109;
}





/*input[type="text"].ctrlerreur,
input[type="tel"].ctrlerreur,
select.ctrlerreur,
textarea.ctrlerreur {
    background-color: #FFD0D0;
}*/


/* Check box list en erreur*/
#total .displayTable.ctrlerreur,
#total table.ctrlerreur { position:relative; }
#total .displayTable.ctrlerreur::before,
#total table.ctrlerreur::before {
	content:""; 
	position:absolute; display:block;
	width:calc(100% + 20px); height:calc(100% + 10px);
	left:-10px; top:-3px;
	border:solid 1px red;
	border-radius:1px;
}


/* les radcombobox */
.formulaire .RadComboBox_Silk,
.formulaire .ligne span .RadComboBox_Silk {
	display: block;
	width: 100%; padding: 0;
	border: none 0 transparent;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

	font-family:inherit;
	font-size:1rem; color:#555; line-height:1.42857143;
}
.formulaire .RadComboBox.RadComboBox_WithActivator,
.formulaire .ligne span .RadComboBox.RadComboBox_WithActivator {
	position: relative;
}
	.formulaire .RadComboBox_Silk .rcbInner,
	.formulaire .ligne span .RadComboBox_Silk .rcbInner {
		display: block;
		width: 100%;
		font-size: 1rem; line-height: 1.42857143; color: #555555;
		padding: 4px 12px; padding-right: 25px;
		background-color: #ffffff; background-image: none;
		border: 1px solid #B8B6B2;
		border-radius:1px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		font-family:inherit;
		font-style:normal;
	}
		.formulaire .RadComboBox_Silk .rcbInner .rcbInput
		.formulaire .ligne span .RadComboBox_Silk .rcbInner .rcbInput {
		}
		.formulaire .RadComboBox_Silk .rcbInner .rcbActionButton,
		.formulaire .ligne span .RadComboBox_Silk .rcbInner .rcbActionButton {
			width:22px;
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
			cursor:pointer;
		}
			.formulaire .RadComboBox_Silk .rcbInner .rcbActionButton .rcbIcon,
			.formulaire .ligne span .RadComboBox_Silk .rcbInner .rcbActionButton .rcbIcon {
				padding: 0;
				font-size: 1em; font-style: normal; color: inherit;
				cursor:pointer;
			}
			.formulaire .RadComboBox .rcbActivator,
			.formulaire .ligne span .RadComboBox .rcbActivator {
				position:absolute; right:1px; top:0; line-height:1;
				font-size:33px; font-style:normal; color:inherit;
				cursor:pointer;
			}
			.formulaire .RadComboBox .rcbActivator:hover,
			.formulaire .ligne span .RadComboBox .rcbActivator:hover {
				color: #14afca;
			}
			.formulaire .RadComboBox .rcbActivator.rcbDisabled,
			.formulaire .ligne span .RadComboBox .rcbActivator.rcbDisabled {
				display:none; font-size:0;
			}
			.formulaire .RadComboBox span,
			.formulaire .ligne span .RadComboBox span {
				font-style:normal;
			}

.formulaire .RadGrid.RadGrid_Silk .RadComboBox.RadComboBox_Silk { display: inline-block; }

/* radDateTimePicker */
.formulaire .RadDateTimePicker .rcSelect a,
.formulaire .ligne span .RadDateTimePicker .rcSelect a {
	padding: 0px; color: inherit;
}
.formulaire .RadDateTimePicker .rcSelect a:hover,
.formulaire .ligne span .RadDateTimePicker .rcSelect a:hover,
.formulaire .RadDateTimePicker.rcCalPopupOpen .rcSelect a,
.formulaire .ligne span .RadDateTimePicker.rcCalPopupOpen .rcSelect a.rcCalPopup,
.formulaire .RadDateTimePicker.rcTimePopupOpen .rcSelect a.rcTimePopup,
.formulaire .ligne span .RadDateTimePicker.rcTimePopupOpen .rcSelect a.rcTimePopup {
	color: white;
}

/* validator */
.formulaire .ligne > * .validator {
	position: absolute;
	left: -1.25em;
	top: 5px;
	font-size: 1.125rem;
	font-style: normal;
	color: #f70707;
	line-height: 1;
}

/* nbCarRestant dans un formualire */
.formulaire .nbCarReste {
	display:block;
	margin:0.25em 0 0 0;
	font-size:0.9375rem; font-style:italic; color:#e66109;
}

/*Bouton d'un formulaire*/
.bouton {
	position:relative; display:inline-block;
	font-size:1.125rem; color:white; font-weight:600;
	margin:0 5px 0 0; padding:5px 25px;
	background-color:#5e9868;
	border:1px solid #5e9868; border-radius:10px;
	transition: background ease-in-out .25s, color ease-in-out .1s;
	white-space:nowrap;
	text-transform:uppercase;
}
.bouton.solo { margin:0; }
.bouton.bleu { background-color:#07849f; color:white; }

/*Bouton Ajout au dessus d'une liste*/
.bouton.ajout {
	position: absolute; top:auto; bottom:5px; left:0px; /*positionnement js*/
	display:none;
	margin:0; padding:5px 10px;
}


.bouton.super::after {
	position:absolute; display:block;
	content:"\f4da";
	right:-7px; top:-7px;
	font-family:'Font Awesome 5 Free'; font-size:1.5rem; font-weight:900; color:red;
	background-color:white;
	border-radius:50%;
}

.bouton:hover { color:#5e9868; background-color:white; }
.bouton.bleu:hover { background-color:#00445f; }

.bouton.aspNetDisabled { color:#f0f0f0; opacity:0.75; }
.bouton.aspNetDisabled:hover { color:grey; background-color:#d6d5d4; }


.formulaire span.cschk, .RadGrid span.cschk {display:inline-block;transform:scale(0.833);-o-transform:scale(0.833);-ms-transform:scale(0.833);-moz-transform:scale(0.833);-webkit-transform:scale(0.833);}

.formulaire input[type='checkbox'], .formulaire input[type='radio'],
.formulaire .cschk input.cschk[type='checkbox'], .formulaire .cschk input.cschk[type='radio'],
.RadGrid .cschk input.cschk[type='checkbox'], .RadGrid .cschk input.cschk[type='radio'] { display:none; }
/*.formulaire input[type='checkbox'] + label,
.formulaire input[type='radio'] + label { 
	position:relative; display:inline-block;
	cursor:pointer; 
	background:url(/images/check-off.png) no-repeat top right;
	min-height:24px;
	margin:3px 0px; padding:1px 75px 0px 0px;
	vertical-align:top;
	width:100%;
}
.formulaire input[type='checkbox']:checked + label,
.formulaire input[type='radio']:checked + label { background-image:url(/images/check-on.png); }*/




.formulaire input[type='checkbox'] + label, .formulaire input[type='radio'] + label { 
	position:relative; display:inline-block;
	cursor:pointer; 
	width:auto; min-height:24px;
	margin:7px 0px 3px 0px; padding:1px 55px 0px 0px;
	vertical-align:top;
	transition:all 0.2s;
}
.formulaire input[type='checkbox'].largeurtotale + label, .formulaire input[type='radio'].largeurtotale + label,
.formulaire table.largeurtotale input[type='checkbox'] + label, .formulaire table.largeurtotale input[type='radio'] + label { 
	width:100%; padding-right:65px;
}
.formulaire input[type='checkbox'] + label::before, .formulaire input[type='radio'] + label::before { 
	position:absolute; display:block; content:"";
	border:solid 1px #999999; border-radius:10px;
	width:55px; height:22px;
	top:calc(50% - 11px); right:0px;
	background-color:white;
	transition:all 0.2s;
}
.formulaire input[type='checkbox'] + label::after, .formulaire input[type='radio'] + label::after { 
	position:absolute; display:block; content:"";
	border:solid 1px #999999; border-radius:50%;
	width:24px; height:24px;
	top:calc(50% - 12px); right:31px;
	background-color:#e5e5e5;
	transition:all 0.2s;
}

.formulaire input[type='checkbox']:checked + label, .formulaire input[type='radio']:checked + label { color:#357033; }
.formulaire input[type='checkbox']:checked + label::before, .formulaire input[type='radio']:checked + label::before { }
.formulaire input[type='checkbox']:checked + label::after, .formulaire input[type='radio']:checked + label::after { right:0px; background-color:#5e9868; }


.formulaire span.gauche input[type='checkbox'] + label, .formulaire span.gauche input[type='radio'] + label { padding:1px 0px 0px 65px; }
.formulaire span.gauche input[type='checkbox'] + label::before, .formulaire span.gauche input[type='radio'] + label::before { right:auto; left:0px; }
.formulaire span.gauche input[type='checkbox'] + label::after, .formulaire span.gauche input[type='radio'] + label::after { right:auto; left:0px; }
.formulaire span.gauche input[type='checkbox']:checked + label::after, .formulaire span.gauche input[type='radio']:checked + label::after { right:auto; left:31px; }


.formulaire span.acceptation { display:block; margin: 1em 0 0 0;}
.formulaire span.acceptation input[type='checkbox'] + label {
	margin:0; padding:0 0 0 33px;
	color:inherit; line-height: 1.167;
}
.formulaire span.acceptation input[type='checkbox'] + label::before {
	border:solid 2px #999999; border-radius:0;
	width:23px; height:23px;
	top:1px; left:0px; right:auto;
	background-color:white;
	transition:all 0.2s;
}
.formulaire span.acceptation.ctrlerreur input[type='checkbox'] + label::before {
	border-color:#e66109;
}
.formulaire span.acceptation input[type='checkbox'] + label::after {
	display:none; /*content:none;*/
	font-family:"Font Awesome 5 Free";
	font-weight:900; font-style:normal; font-variant:normal;
	text-rendering:auto; line-height:1;
	content:"";
}
.formulaire span.acceptation input[type='checkbox']:checked + label {
	color:inherit;
}
.formulaire span.acceptation input[type='checkbox']:checked + label::after {
	position:absolute; display:block; content:"\f00c";
	border:none; border-radius:0;
	width:15px; height:15px;
	top:-4px; left:-2px; right:auto;
	background-color:transparent; color:#5e9868; font-size:30px; line-height:30px; 
	/*! transition:all 0.2s; */
}


.formulaire input[type='checkbox'][disabled='disabled'] + label,
.formulaire input[type='radio'][disabled='disabled'] + label { opacity:0.8; cursor:not-allowed; }

.formulaire input[type='checkbox'] + label > span, .formulaire input[type='radio'] + label > span { 
	display:inline-block; margin-right:10px;
}


.formulaire  input.rbl1[type='checkbox'] + label, .formulaire  input.rbl1[type='radio'] + label,
.formulaire .rbl1 input[type='checkbox'] + label, .formulaire .rbl1 input[type='radio'] + label,
.formulaire .cschk input.cschk[type='checkbox'] + label.cschk, .formulaire .cschk input.cschk[type='radio'] + label.cschk,
.RadGrid .cschk input.cschk[type='checkbox'] + label.cschk, .RadGrid .cschk input.cschk[type='radio'] + label.cschk { 
	position:relative; display:inline-block;
	cursor:pointer;
	width:auto; min-height:24px;
	margin:7px 1em 3px 0px; padding:1px 0px 0px 27px;
	vertical-align:top;
	transition:all 0.2s;
}
.formulaire .cschk input.cschk[type='checkbox'] + label.cschk, .formulaire .cschk input.cschk[type='radio'] + label.cschk,
.RadGrid .cschk input.cschk[type='checkbox'] + label.cschk, .RadGrid .cschk input.cschk[type='radio'] + label.cschk { 
	margin:0; padding:0; width:23px; height:23px;
}
.formulaire  input.rbl1.rbld[type='checkbox'] + label, .formulaire  input.rbl1.rbld[type='radio'] + label,
.formulaire .rbl1.rbld input[type='checkbox'] + label, .formulaire .rbl1.rbld input[type='radio'] + label { 
	margin:3px 1em 7px 0px; padding:1px 27px 0px 0px;
}
.formulaire  input.rbl1[type='checkbox'] + label::before, .formulaire  input.rbl1[type='radio'] + label::before,
.formulaire .rbl1 input[type='checkbox'] + label::before, .formulaire .rbl1 input[type='radio'] + label::before,
.formulaire .cschk input.cschk[type='checkbox'] + label.cschk::before, .formulaire .cschk input.cschk[type='radio'] + label.cschk::before,
.RadGrid .cschk input.cschk[type='checkbox'] + label.cschk::before, .RadGrid .cschk input.cschk[type='radio'] + label.cschk::before {
	position:absolute; display:block; content:"";
	border:solid 2px #999999; border-radius:50%;
	width:23px; height:23px;
	top:calc(50% - 11.5px); left:0px; right:auto;
	background-color:white;
	transition:all 0.2s;
}
.formulaire  input.rbl1.rbld[type='checkbox'] + label::before, .formulaire  input.rbl1.rbld[type='radio'] + label::before,
.formulaire .rbl1.rbld input[type='checkbox'] + label::before, .formulaire .rbl1.rbld input[type='radio'] + label::before {
	left:auto; right:0px;
}
.formulaire  input.rbl1[type='checkbox'] + label::before,
.formulaire .rbl1 input[type='checkbox'] + label::before,
.RadGrid .cschk input.cschk[type='checkbox'] + label.cschk::before {
	border-radius:0%;
}
.formulaire  input.rbl1[type='checkbox'] + label::after, .formulaire  input.rbl1[type='radio'] + label::after,
.formulaire .rbl1 input[type='checkbox'] + label::after, .formulaire .rbl1 input[type='radio'] + label::after { 
	display:none; content:none; left:0px;
}

.formulaire  input.rbl1[type='checkbox']:checked + label, .formulaire  input.rbl1[type='radio']:checked + label,
.formulaire .rbl1 input[type='checkbox']:checked + label, .formulaire .rbl1 input[type='radio']:checked + label,
.formulaire .cschk input.cschk[type='checkbox']:checked + label.cschk, .formulaire .cschk input.cschk[type='radio']:checked + label.cschk,
.RadGrid .cschk input.cschk[type='checkbox']:checked + label.cschk, .RadGrid .cschk input.cschk[type='radio']:checked + label.cschk { color:inherit; }
.formulaire  input.rbl1[type='checkbox']:checked + label::after, .formulaire  input.rbl1[type='radio']:checked + label::after,
.formulaire .rbl1 input[type='checkbox']:checked + label::after, .formulaire .rbl1 input[type='radio']:checked + label::after,
.formulaire .cschk input.cschk[type='checkbox']:checked + label.cschk::after, .formulaire .cschk input.cschk[type='radio']:checked + label.cschk::after,
.RadGrid .cschk input.cschk[type='checkbox']:checked + label.cschk::after, .RadGrid .cschk input.cschk[type='radio']:checked + label.cschk::after {
	position:absolute; display:block; content:"";
	border:none; border-radius:50%;
	width:15px; height:15px;
	top:calc(50% - 7px); left:4px; right:auto;
	/*background-color:#004790; color:#004790;*/ background-color:#5e9868; color:#5e9868;
	transition:all 0.2s;
}
.formulaire  input.rbl1.rbld[type='checkbox']:checked + label::after, .formulaire  input.rbl1.rbld[type='radio']:checked + label::after,
.formulaire .rbl1.rbld input[type='checkbox']:checked + label::after, .formulaire .rbl1.rbld input[type='radio']:checked + label::after {
	left:auto; right:4px;
}
.formulaire  input.rbl1.rblo[type='checkbox']:checked + label::after, .formulaire  input.rbl1.rblo[type='radio']:checked + label::after,
.formulaire .rbl1.rblo input[type='checkbox']:checked + label::after, .formulaire .rbl1.rblo input[type='radio']:checked + label::after {
	background-color:#f7b729; color:#f7b729;
}
.formulaire  input.rbl1.fas-after-child-label[type='checkbox']:checked + label::after, .formulaire  input.rbl1.fas-after-child-label[type='radio']:checked + label::after,
.formulaire .rbl1.fas-after-child-label input[type='checkbox']:checked + label::after, .formulaire .rbl1.fas-after-child-label input[type='radio']:checked + label::after,
.formulaire .cschk.fas-after-child-label input.cschk[type='checkbox']:checked + label.cschk::after, .formulaire .cschk.fas-after-child-label input.cschk[type='radio']:checked + label.cschk::after,
.RadGrid .cschk input.cschk[type='checkbox']:checked + label.cschk::after, .RadGrid .cschk input.cschk[type='radio']:checked + label.cschk::after {
	background-color:transparent; content:"\f00c"; font-size:30px; line-height:30px; top:calc(50% - 16.5px); left:-2px;
}
.formulaire  input.rbl1.rbld.fas-after-child-label[type='checkbox']:checked + label::after, .formulaire  input.rbl1.rbld.fas-after-child-label[type='radio']:checked + label::after,
.formulaire .rbl1.rbld.fas-after-child-label input[type='checkbox']:checked + label::after, .formulaire .rbl1.rbld.fas-after-child-label input[type='radio']:checked + label::after {
	left:auto; right:10px;
}
.formulaire  input.rbl1[type='checkbox']:checked + label::after,
.formulaire .rbl1 input[type='checkbox']:checked + label::after,
.formulaire .cschk .cschk input.cschk[type='checkbox']:checked + label.cschk::after,
.RadGrid .cschk .cschk input.cschk[type='checkbox']:checked + label.cschk::after {
	border-radius:0%;
}


.formulaire  input.rbl1[type='checkbox'][disabled='disabled'] + label, .formulaire  input.rbl1[type='radio'][disabled='disabled'] + label,
.formulaire .rbl1 input[type='checkbox'][disabled='disabled'] + label, .formulaire .rbl1 input[type='radio'][disabled='disabled'] + label,
.RadGrid .cschk input.cschk[type='checkbox'][disabled='disabled'] + label.cschk, .RadGrid .cschk input.cschk[type='radio'][disabled='disabled'] + label.cschk { opacity:0.8; cursor:not-allowed; }

.formulaire  input.rbl1[type='checkbox'] + label > span, .formulaire  input.rbl1[type='radio'] + label > span,
.formulaire .rbl1 input[type='checkbox'] + label > span, .formulaire .rbl1 input[type='radio'] + label > span { 
	display:inline-block; margin-left:0.25em;
}

/*Lien annexe d'un formulaire*/
.lien {
	display:inline;
	font-size:0.9375rem; color:#308abd;
	margin:0px 0px 0px -10px; padding:5px 10px;
	border-radius:4px;
	transition: background-color ease-in-out .25s, color ease-in-out .15s;
}
.lien:hover {
	color:white;
	background-color:#308abd;
}


/*Une ligne pour les boutons du bas d'un formulaire*/
.boutons {
	display:table;
	width:100%;
	margin:0px; padding:0px;
}

	/*Une cellule d'alignement dans la ligne pour les boutons du bas d'un formulaire*/
	.boutons > div {
		display:table-cell;
		width:auto;
		margin:0px; padding:0px 10px;
		vertical-align:middle;
	}
	/*Les alignement possibles*/
	*.aGauche  { text-align:left; }
	*.auCentre { text-align:center; }
	*.aDroite  { text-align:right; }
	.boutons > div.aGauche  { text-align:left;   padding-left:0px; }
	.boutons > div.auCentre { text-align:center; }
	.boutons > div.aDroite  { text-align:right;  padding-right:0px; }

/*Un message d'erreur*/
.erreur {
	display:block;
	margin:20px 0px 20px; padding:0px;
	font-size:1.0625rem; color:#e66109; /*font-style:italic;*/ font-weight:normal; line-height:1.11;
	text-align:center;
}
	.erreur > i { color:#d79709; }
	/* une liste dans um message d'erreur */
	.erreur ul { display:block; margin:1px 0px; padding:0 0 0 2em; }
		.erreur ul > li { position:relative; display:block; margin:1px 0px; padding:0; }
			.erreur ul > li::before { position:absolute; left:-1em; top:0; display:inline-block; content:"-"; transform:scale(1.33,1.33); }
/*upd uperreur*/
.uperreur { display:block; margin:20px 0 0 0; }
.sousbloc + .uperreur,
.champs.champs-dg + .uperreur { margin-top:35px; }

.uperreur + .boutons { margin-top: 20px; }
.champs.champs-dg + .boutons { margin-top: 35px; }



/*#region TELERIK*/

	#central .RadGrid .rgHeader a { font-size:1rem; font-weight:bold; color:black; }

	#central .RadGrid_Silk th { background-color: #d6d5d4; }
	#central .RadGrid_Silk th:not(:last-child) { border-right:solid 1px white; }

/*#endregion TELERIK*/


/*#region TELERIK*/

	body .RadPicker,
	body .RadInput,
	body .RadPicker .RadInput,
	body .RadCalendarPopup,
	body .RadCalendar,
	body .RadCalendar .rcTitlebar,
	body .RadCalendar .rcMain,
	body .RadCalendar .rcMainTable { font-family:inherit; }
	body .RadDateTimePicker .RadInput { width:calc(100% + 60px); }

	body .RadCalendar_Silk .rcTitlebar { color: #555; font-size: 0.9em; }

	body .RadCalendar_Silk .rcTitlebar .rcPrev,
	body .RadCalendar_Silk .rcTitlebar .rcNext,
	body .RadCalendar_Silk .rcTitlebar .rcFastPrev,
	body .RadCalendar_Silk .rcTitlebar .rcFastNext { color:inherit; }

	body .RadCalendar_Silk .rcFastPrev:before,
	body .RadCalendar_Silk .rcPrev:before,
	body .RadCalendar_Silk .rcNext:before,
	body .RadCalendar_Silk .rcFastNext:before { color:inherit; }

	body .RadCalendar_Silk .rcRow th,
	body .RadCalendar_Silk .rcWeek th { color: #5A5A5A; }

	body .RadCalendar_Silk .rcMain .rcOtherMonth a { color:#808080; }
	body .RadCalendar_Silk .rcMain .rcOutOfRange span { color:#aaa; }

/*#endregion TELERIK*/


/*#region TELERIK 2016-2019*/

	html .RadGrid_Silk .rgHeader { line-height: inherit; }
	html .RadGrid { line-height:inherit; }
	html .RadGrid tfoot { line-height:1.42857143; }
	html .RadGrid thead .t-font-icon { width:1.3333em; min-width:1em; height:1em; min-height:1em; line-height:inherit; }
	html .RadGrid .rgFilterIcon::before { width:inherit; }
	html .RadGrid .rgRow,
	html .RadGrid .rgAltRow,
	html .RadGrid .rgEditRow,
	html .RadGrid .rgFooter,
	html .RadGrid .rgGroupHeader { height:auto; }
	html .RadGrid .rgRow > td,
	html .RadGrid .rgAltRow > td,
	html .RadGrid .rgEditRow > td,
	html .RadGrid .rgNoRecords > td,
	html .RadGrid .rgFooter > td { padding:4px 7px 3px 8px; }
	html .RadGrid .rgFooter > td { padding:0px; height:10px; line-height:0; }
	html .RadGrid .rgFilter { box-sizing:border-box; width: 1.3333em; padding:0px 0px; text-align:center;vertical-align:middle; }
	html .RadGrid_Silk input.rgFilterBox { box-sizing:content-box; padding:2px 1px 3px 1px; }
	html .RadGrid .rgFilterRow > td { padding:4px 7px 7px 8px; }

/*
	html .RadUpload .ruFakeInput { height:32px; border:solid 1px #cccccc; border-radius:4px; cursor:pointer; }
	html .RadUpload .ruFileLI .ruFileWrap { width:100%; max-width:100%; padding:0px; }
*/
	html .RadUpload_Silk .ruSelectWrap .ruButton {
		position:relative; display:inline-block;
		font-size:1.0625rem; color:white; font-weight:600; letter-spacing:-0.01em;
		margin:0; padding:3px 10px;
		background-color:#5e9868; background-image:none;
		border:1px solid #5e9868; border-radius:10px;
		transition: background ease-in-out .25s, color ease-in-out .1s;
		white-space:nowrap;
		text-transform:uppercase;

		min-width:0px; width:auto; max-width:100%;
		height:auto;
		text-align:center;
		outline-offset:0px;
	}
	html .RadUpload_Silk .ruSelectWrap .ruButton.ruButtonHover {
		color:#5e9868; background-color:white; background-image:none; border:1px solid #5e9868;
	}
	html .RadUpload_Silk .ruSelectWrap .ruButton.ruFocused {
		box-shadow:none;
	}
/*
	html .RadUpload .radIcon { position:absolute; z-index:1; top:6px; left:7px; }
	___html .RadUpload .radIcon::before { position:absolute; top:0px; left:30px; }

	html .RadUpload .ruUploadProgress { 
		display: inline-block; 
		width:100%; max-width:100%;
		overflow:hidden; text-overflow:ellipsis; 
		height:32px; border:solid 1px #cccccc; border-radius:4px; 
		margin:0px; padding-left:30px; padding-right:100px; padding-top:5px;
		background-color:white;
		font-size:0.8125rem;
	}

	html .RadUpload .ruStyled .ruFileInput { cursor:pointer; }

	html .RadUpload .ruFileLI .ruButton { font-size:0.8125rem; padding:6px 5px; line-height:inherit; border:none; color:#404040; }
	html .RadUpload .ruFileLI .ruButton.ruRemove::before { margin-right:0.5em; }
	html .RadUpload .ruFileLI .ruButton.ruCancel { position:absolute; right:0; left:auto; }
	html .RadUpload_Silk .ruFileLI .ruButton:hover { color:#004790; }
*/

	html .RadComboBox .rcbInner .rcbActionButton .p-icon::before { font-size:1.5em; line-height:0.3333; }
	html .RadComboBox .rcbHovered .rcbActionButton .p-icon::before { color:white; }
	html .RadComboBox .rcbFocused .rcbActionButton .p-icon::before { color:white; }

	html .RadPicker.RadDateTimePicker { min-width:155px; }

	html .RadPicker { font-size:1.125rem; width:170px; }
	html .RadPicker.RadDateTimePicker { width:240px; }

	html .RadCalendar,
	html .RadCalendarPopup,
	html .RadCalendarFastNavPopup,
	html .RadCalendarMonthView,
	html .RadCalendarTimeView { line-height: inherit; }

	html .RadCalendar .rcRow a,
	html .RadCalendar .rcRow span { width:1.2em; height:1.2em; padding:3px; }


	html .RadPicker .RadInput > input { float:none; }
	html .RadPicker .RadInput { overflow:visible; font-size:1.125rem; width:auto; }
	html .RadInput_Silk .rcSelect, html .RadInput.RadInputHovered .rcSelect, html .RadInput.RadInputFocused .rcSelect { border:none; color:#3b3b3b; background:none; }
	html .RadInput_Silk a, html .RadInput_Silk.RadInputDisabled a:hover, html .RadInput_Silk.RadInputDisabled a:active { border:none; color:#606060; background:none; }
	html .RadInput_Silk a:hover { border:none; color:#357033; background:none; }
	html .RadInput_Silk.RadInputHovered .riTextBox, html .RadInput_Silk.RadInputHovered .riSelect, html .RadInput_Silk.RadInputHovered .rcSelect, html .RadInput_Hover_Default { border-color:#357033; }
	html .RadPicker_Silk.rcCalPopupOpen .RadInput, html .RadPicker_Silk.rcMYPopupOpen .RadInput, html .RadPicker_Silk.rcTimePopupOpen .RadInput { border-color:#357033; }
	html .RadPicker_Silk.rcCalPopupOpen .rcCalPopup, html .RadPicker_Silk.rcMYPopupOpen .rcCalPopup, html .RadPicker_Silk.rcTimePopupOpen .rcTimePopup { border:none; color:white; background-color:#357033; }
	html .RadCalendar_Silk .rcTitlebar { background-image:none; }
	html .RadCalendar_Silk .t-button:hover { color:#fff; border-color:#357033; background-color:#357033; background-image:linear-gradient(#5e9868,#357033); }
	html .RadCalendar_Silk .t-button:focus, html .RadCalendar_Silk .t-button:active { color:#fff; border-color:#357033; background-color:#5e9868; background-image:linear-gradient(#357033,#5e9868); }
	html .RadCalendar_Silk .rcSelected a, html .RadCalendar_Silk .rcSelected span { color:#fff; border-color:#5e9868; background-color:#5e9868; }
	html .RadCalendar_Silk .rcHover a, html .RadCalendar_Silk .rcHover span { border-color:#d0e6d0; background-color:#d0e6d0; }
	html .RadInput a.rcCalPopup::before, html .RadInput a.rcTimePopup::before { font-size:22px; }
	html .RadCalendar .rcOtherMonth a, html .RadCalendar .rcOtherMonth span { filter: alpha(opacity=90); opacity: .9; }
	html .RadCalendar .rcRow .rcOutOfRange { opacity: .5; }

/*#endregion TELERIK 2016-2019*/


/*#region CPVILLE*/

.formulaire .ligne span .cpville_container {
	position:absolute; z-index:1;
	display:block;
	padding:4px 10px; margin:0 0 0 0;
	width:100%; max-width:100%;
	max-height:8rem;
	background:white;
	overflow:hidden; overflow-y:auto;

	/*border:1px solid #004790;*/ border:1px solid #5e9868;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	font-family:inherit; font-style:normal;
}

	.formulaire .ligne span .cpville_container > .cpville_city {
		display:block;
		margin:0.0625em 0;
		font-family:inherit; font-size:1rem; line-height:1.42857143; color:#555555;
	}

		.formulaire .ligne span .cpville_container > .cpville_city > span {
			display:inline-block;
			padding:0 2px;
			cursor:pointer;
		}
		.formulaire .ligne span .cpville_container > .cpville_city > span:hover {
			color:white;
			/*background-color:#004790;*/ background-color:#5e9868;
		}

/*#endregion CPVILLE*/


/*#region INFO AIDE*/

	.information {
		position:absolute; display:inline-block;
		top:6px; 
		margin-left:15px;
	}
	.information::before {
		/*content:url(/images/information-ico.png);*/
	}

		.information > span {
			position:absolute; display:none; z-index:1;
			margin:0px; padding:10px 13px;
			background-color:white;
			border:solid 1px #0b9acf;
			width:auto; height:auto;
			font-size:0.9375rem; font-weight:normal; color:#333333; 
			white-space:nowrap;
			left:50%; bottom:100%;
			transform:translate(-10%, -10px); -ms-transform:translate(-10%, -10px); -webkit-transform:translate(-10%, -10px);
			box-shadow:2px 2px 6px rgba(0,0,0,0.2);
		}
		.information:hover > span { display:block; }
			.information > span ul { margin:5px 0px 10px; padding:0px; list-style-type:none; }
				.information > span ul li { position:relative; display:block; margin:0px; padding:5px 0px 0px 20px; }
				.information > span ul li::before { content:"•"; position:absolute; top:5px; left:10px; color:#ED1C24; font-weight:bold; }
		
		.information:hover::after {
			content:"";
			position:absolute; display:block; z-index:2;
			margin:0px; padding:0px;
			background-color:white;
			border:solid 1px #0b9acf; border-left:none; border-top:none;
			width:12px; height:12px;
			top:-11px; left:calc(50% - 2px);
			transform:translate(-3px, -5px) rotateZ(45deg); -ms-transform:translate(-3px, -5px) rotateZ(45deg); -webkit-transform:translate(-3px, -5px) rotateZ(45deg);
		}

			.information > span .suppsuivi::before {  
				content:"\f2ed";
				font-family:'Font Awesome 5 Free'; font-size:1.25rem; font-weight:900; color:black; 
			}

/*#endregion INFO AIDE*/

/*#region PLACEHOLDER*/

	#total span.placeholder { position:relative; display:inline-block; }
	#total span.placeholder .ph {
		position:absolute; display:block; z-index:1;
		width:100%; height:100%;
		color:#606060;
		background-color:white;
		top:0px; left:0px;
	}

	#total span.placeholder .ctrlerreur ~ .ph { border-color:#e66109; }

/*#endregion PLACEHOLDER*/