/*
	Styles
*/

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.AutoModif {
	animation: anim-automodif .2s;
	animation-iteration-count: 3;
}
@keyframes anim-automodif {
	0% {
		background-color: transparent;
	}
	50% {
		background-color: #E96D4E;
		color: white;
		border-color: red;
	}
	100% {
		background-color: transparent;
	}
}

div.formulaire div.champ .champ_photo .photos .une_photo img {
	background-color: #AAA;
	background-image: linear-gradient(45deg, #CCC 25%, transparent 25%),
		linear-gradient(-45deg, #CCC 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, #CCC 75%),
		linear-gradient(-45deg, transparent 75%, #CCC 75%);
	background-size: 20px 20px;
	background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}

.attend-charge:before {
	margin-top: calc( -4em - 5px );
}
.champ.attend-charge:before {
	width: 1em;
	height: 1em;
	margin-top: calc( -.5em - 5px );
	margin-left: calc( -.5em - 5px );
}

/* Animation LazyLoad */

img.lazy-loading:before {
	content: " ";
	border: 1em solid rgba(228, 79, 42, .2);
	border-top-color: #E44F2A;
	border-bottom-color: #E44F2A;
	border-radius: 50%;
	width: 2em;
	height: 2em;
	position: absolute;
	top: 50%;
	margin-top: -2em;
	left: 50%;
	margin-left: -2em;
	animation: spin 2s alternate infinite;
	z-index: 10;
}

/* Theme */

.champ_date span.ui-icon-calendar:hover + input.hasDatepicker, input.hasDatepicker:hover {
	outline: none !important;
	box-shadow: inset 0px 0px 0px 1px rgba(244, 52, 0, 0.45);
}

.ui-state-hover, .ui-state-focus, .ui-button:hover, .ui-button:focus, input:focus, textarea:focus {
	outline: none !important; /* Supprimer le comportement par défaut de Chrome */
	box-shadow: inset 0px 0px 0px 1px rgba(244, 52, 0, 0.45);
}

th.triable:hover {
	color: #E44F2A;
	box-shadow: inset 0px 0px 2px 2px rgba(244, 52, 0, 0.45);
}

/* Modifs theme JqueryUi */

.ui-visual-focus {
	box-shadow: 0 0 3px 1px #D6985E;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #E44F2A;
	background: #E96D4E;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #E44F2A;
}


html { min-height: 100%; }
body { 
	background-color: #005469; 
	background-image: url(fond.png); 
	background-position: 50% 50%; 
	background-size: 100% 100%; 
	background-attachment: fixed; 
	margin: 0px; 
	padding: 0px; 
	min-height: 100%; 
	font-size: 10pt; 
	font-family: sans-serif, tahoma, arial; 
	display: flex; 
	flex-direction: column; 
	height: 100%; 
	width: 100%; 
	position: absolute !important; 
	overflow: hidden; 
}
body.attend-charge { background-color: #005469b3; }
#tete, #pied { 
	padding: 10px; 
	margin: 0; 
	flex-shrink: 0; 
}
#tete { 
	background: #E44F2A; 
	color: white; 
	box-shadow: 0px 1px 3px #000000; 
	z-index: 5; 
	position: relative; 
	overflow: hidden; 
}
#titre_page { 
	display: inline-block; 
	font-weight: bold; 
	font-size: 150%; 
}
#info_connexion { float: right; }
#info_connexion button { margin: 0 0 0 1em; }
#outils { 
	background: #CCCCCC; 
	box-shadow: 0px 1px 3px #000000; 
	z-index: 4; 
	position: relative; 
	display: flex; 
	justify-content: space-between; 
}
#outils .ui-button.selection { 
	background: #E44F2A; 
	color: white; 
}
#outils .ui-button.selection .ui-icon { background-image: url("js/jquery-ui/images/ui-icons_ffffff_256x240.png"); }
#loading { 
	position: absolute; 
	left: 50%; 
	top: 0px; 
	width: 200px; 
	margin-left: -100px; 
	background: red; 
	color: white; 
	border-radius: 0px 0px 5px 5px; 
	z-index: 100; 
	text-align: center; 
	padding: 2px; 
}
.message-flottant { 
	padding: 0px 10px; 
	z-index: 2; 
}
#corps { 
	padding: 10px; 
	flex-grow: 1; 
	flex-shrink: 1; 
	overflow: auto; 
}
#corps h1 { 
	color: #E44F2A; 
	font-weight: bold; 
	font-size: 150%; 
}
.attend-charge { position: relative; }
.attend-charge .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: unset; }
.attend-charge:after { 
	display: block; 
	content: " "; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(170,170,170,.3); 
	border-radius: inherit; 
	z-index: 9; 
}
.attend-charge:before { 
	display: block; 
	content: " "; 
	border: 5px solid rgba(228, 79, 42, .2); 
	border-top-color: #E44F2A; 
	border-radius: 50%; 
	width: 8em; 
	height: 8em; 
	position: absolute; 
	top: 50%; 
	margin-top: -4em; 
	left: 50%; 
	margin-left: -4em; 
	animation: spin 1s linear infinite; 
	z-index: 10; 
}
.champ.attend-charge:after { background-color: #FFFFFF; }
.colonne { 
	vertical-align: top; 
	display: inline-block; 
	margin: 5px 10px; 
}
.droite { float: right; }
.no-close .ui-dialog-titlebar-close { display: none; }
.ui-dialog .p-icon { 
	padding-left: 2em; 
	position: relative; 
}
.ui-dialog .p-icon > .ui-icon { 
	position: absolute; 
	left: 0; 
	top: 3px; 
}
.ui-selectmenu-open.ui-front { z-index: 105; }
.form-pleinecran { 
	box-sizing: border-box; 
	background: rgba(255,255,255,.5); 
	padding: 1em; 
	margin-bottom: 10px; 
	border-radius: 1em; 
	min-height: 10em; 
}
.form-pleinecran > h1 { margin-top: 0; }
.form-pleinecran pre.erreur { 
	background-color: rgba(255,0,0,.2); 
	color: #FF0000; 
	padding: 1em; 
	font-weight: bold; 
	white-space: break-spaces; 
}
.form-pleinecran footer { 
	border-radius: .5em; 
	margin-top: 0.5em; 
	padding: 0.5em; 
	background: rgba(255,255,255,.5); 
}
.form-pleinecran footer.sticky { 
	position: sticky; 
	bottom: 0; 
	backdrop-filter: blur(5px); 
}
.defilement { 
	max-height: 100%; 
	overflow-y: auto; 
	padding-right: 15px; 
}
.encadre-1 { 
	border: 3px solid #E44F2A; 
	padding: 0px 15px; 
	background: rgba(255,255,255,.5); 
	border-radius: .5em; 
}
.afficher-plus { 
	margin-top: 1em; 
	border: none; 
	padding: 1em 0 0 0; 
}
.afficher-plus.ferme { padding: 0; }
.afficher-plus:not(.ferme):nth-child(even) { 
	border-width: 1px 1px 1px 1px; 
	border-style: solid; 
	border-color: black; 
	padding: 1em 1em 1em 0; 
}
.afficher-plus legend { 
	font-size: 120%; 
	font-weight: bold; 
	opacity: 1; 
	cursor: pointer; 
}
.afficher-plus legend:before { 
	content: "[-] "; 
	display: inline; 
}
.afficher-plus.ferme legend { opacity: .8; }
.afficher-plus.ferme:hover legend { opacity: 1; }
.afficher-plus.ferme legend:before { 
	content: "[+] "; 
	display: inline; 
}
.afficher-plus.ferme:after { 
	content: "Cliquer pour afficher"; 
	display: block; 
	font-size: 80%; 
	font-weight: normal; 
}
.afficher-plus.ferme legend + * { display: none; }
.afficher-plus:not(.ferme) legend + * { margin-left: 0; }
.fen-rendu img { 
	border: none; 
	width: 100%; 
}
.fen-rendu .zone { 
	position: absolute; 
	box-sizing: border-box; 
}
.fen-rendu .zone.modifiable { cursor: pointer; }
.fen-rendu .zone.modifiable:hover { background: rgba(228, 79, 42, .5); }
.fen-rendu:hover .zone { border: 1px dotted black; }
.conteneur_tableau { 
	display: block; 
	width: 100%; 
	padding: 0px; 
	overflow: scroll; 
	border: 1px solid #dddddd; 
	background: #e9e9e9; 
	height: 100%; 
}
.conteneur_tableau table { width: 100%; }
table { 
	border-collapse: collapse; 
	box-shadow: 0px 0px 1px #000000; 
}
table tr.erreur { 
	background-image: linear-gradient(to right, #FF0000, rgba(255,0,0,.3) 10px, transparent ); 
	border: 1px dotted red; 
}
table th { padding: 4px 8px; }
table th span.ui-controlgroup-horizontal.ui-mini { white-space: nowrap; }
table th span.ui-controlgroup-horizontal.ui-mini > .ui-controlgroup-item { float: none; }
table th span.ui-controlgroup-horizontal.ui-mini > button { padding: 1px 3px; }
table th.triable { position: relative; }
table th.triable:hover { cursor: pointer; }
table th.triable .icone-tri { 
	position: absolute; 
	bottom: -9px; 
	left: 50%; 
	margin-left: -8px; 
	background-color: #F9F9F9; 
	border: 1px solid #a7a7a7; 
	border-radius: 50%; 
	box-shadow: 0px 0px 2px #dacece; 
}
table td { padding: 5px 8px; }
table td.type-prix, table td.type-date, table td.type-bool { text-align: right; }
table td.type-prix:not(:empty):after { 
	content: "€"; 
	margin-left: .2em; 
}
table td.type-fichiers { 
	text-align: center; 
	white-space: nowrap; 
}
table td.colonne-triee { background: rgba(0, 99, 244, 0.07); }
table button.etendeur .ui-button-icon { transition: transform 1s; }
table.estompe tbody tr { 
	background: #f3f3f3; 
	transition: background-color 1s linear, color 1s linear; 
	color: #777777; 
}
table.estompe tbody tr.etendu { 
	border-top: 1px solid #AAAAAA; 
	background: white; 
	color: black; 
	transition: none; 
}
table.estompe tbody tr.etendu button.etendeur .ui-button-icon { transform: rotate(180deg); }
table.estompe tbody tr.actions { 
	border-bottom: 1px solid #AAAAAA; 
	background: #EEEEEE; 
}
table.estompe tbody tr.actions td { text-align: right; }
div.vignetteplus-liste { margin: -1em; }
div.vignetteplus-liste .vignetteplus-vignette { 
	display: inline-flex; 
	width: 300px; 
	flex-direction: column; 
	background: rgba(255,255,255,.5); 
	color: rgba(0,0,0,.5); 
	margin: 1em; 
	padding: .5em; 
	border-radius: 5px; 
}
div.vignetteplus-liste .vignetteplus-vignette:hover { 
	background: rgba(255,255,255,1); 
	color: rgba(0,0,0,1); 
}
div.vignetteplus-liste .vignetteplus-type-image img { 
	border: 1px solid #c8c8c8; 
	width: 100%; 
	box-sizing: border-box; 
}
div.vignetteplus-liste .vignetteplus-donnee { 
	display: flex; 
	padding: 0.2em; 
}
div.vignetteplus-liste .vignetteplus-libelle { 
	width: 8em; 
	flex-shrink: 0; 
	font-weight: bold; 
	text-align: right; 
	margin-right: 1em; 
}
div.vignetteplus-liste div.actions { display: flex; }
div.vignetteplus-liste div.actions > * { flex-grow: 1; }
.ui-controlgroup-horizontal { 
	border-radius: 10px; 
	box-shadow: 0px 0px 2px #CCCCCC; 
}
.ui-controlgroup-horizontal .ui-controlgroup-item { border-radius: 10px 0px 0px 10px; }
.ui-controlgroup-horizontal .ui-controlgroup-item:last-child { 
	border-top-right-radius: 10px; 
	border-bottom-right-radius: 10px; 
}
.ui-controlgroup-horizontal .ui-controlgroup-item ~ .ui-controlgroup-item { 
	border-left-width: 0px !important; 
	border-top-left-radius: 0px; 
	border-bottom-left-radius: 0px; 
}
input, textarea { 
	padding: .4em 1em; 
	border: 1px solid #c8c8c8; 
	border-radius: 5px; 
	box-sizing: border-box; 
	font: inherit; 
}
textarea { width: 100%; }
form > label, fieldset > label { display: block; }
form > label b, fieldset > label b { 
	display: inline-block; 
	min-width: 14em; 
	font-weight: bold; 
	color: #AAAAAA; 
	font-size: .9em; 
	text-align: right; 
}
form > label b:after, fieldset > label b:after { 
	content: ":"; 
	padding: 0px .2em; 
}
form > label input, form > label select, fieldset > label input, fieldset > label select { 
	display: inline-block; 
	width: 18em; 
}
form > label textarea, fieldset > label textarea { 
	display: inline-block; 
	vertical-align: baseline; 
	margin: 0px; 
	height: 4em; 
	width: 18em; 
}
form > label + label, fieldset > label + label { margin-top: 5px; }
form.mini input, form.mini select { 
	display: inline-block; 
	width: 11em; 
}
*::placeholder, .ui-selectmenu-text-novalue { 
	color: #c3c2c2; 
	font-style: italic; 
}
*:hover::placeholder, .ui-selectmenu-button:hover .ui-selectmenu-text-novalue { color: #5a5a5a; }
div.ui-menu-item-wrapper > small { 
	display: block; 
	font-size: 75%; 
}
.ui-widget-content .ui-state-highlight.ui-checkboxradio-icon, .ui-widget-header .ui-state-highlight.ui-checkboxradio-icon { 
	background-color: white !important; 
	color: #2b2b2b !important; 
	border: #003eff !important; 
}
.ui-widget-content .ui-icon-check, .ui-widget-header .ui-icon-check, { background-position: -64px -144px !important; }
.ui-button.danger { background: #FFC8C8; }
.ui-button.danger:focus, .ui-button.danger:hover { background: #FFBEBE; }
.ui-button.danger:active { 
	color: #FFFFFF; 
	background-color: #FF0000; 
	border-color: #C80000; 
}
#upload { 
	position: fixed; 
	z-index: 500; 
	bottom: 0px; 
	right: 5%; 
	background: #DDDDDD; 
	padding: 10px; 
	border: 1px solid #999999; 
	display: none; 
	width: 26em; 
	border-radius: 5px 5px 0px 0px; 
}
#upload .ligne-upload.etat-init { color: #000000; }
#upload .ligne-upload.etat-erreur { color: #D10000; }
#upload .ligne-upload.etat-ok { color: rgba(0,100,0,.5); }
#upload .ligne-upload.etat-encours { color: #000000; }
#upload .nomfichier { 
	width: 15em; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	display: inline-block; 
}
#upload .nomfichier .ui-icon { vertical-align: bottom; }
#upload .progress { 
	width: 9em; 
	margin-left: 0.5em; 
	display: inline-block; 
	height: 0.8em; 
	vertical-align: baseline; 
}
#upload .boutons { 
	width: 5em; 
	margin-left: 0.5em; 
	height: 0.8em; 
	display: none; 
	vertical-align: top; 
	text-align: right; 
}
#upload .boutons button { padding: 0.6em; }
#upload .ligne-upload.etat-erreur .nomfichier { width: 20em; }
#upload .ligne-upload.etat-erreur .boutons { display: inline-block; }
#upload .ligne-upload.etat-erreur .progress { display: none; }
#upload .ligne-upload.etat-ok .nomfichier { width: 25em; }
#upload .ligne-upload.etat-ok .progress { display: none; }
div.fichiers { 
	display: inline-block; 
	width: 20em; 
	vertical-align: baseline; 
}
.champ-fichiers { 
	margin-left: 14em; 
	font-size: .9em; 
	padding: 0.4em 0; 
}
.champ-fichiers > span { 
	border-left: 1px solid #dddddd; 
	padding-left: 1em; 
	display: block; 
}
.champ-fichiers ul { 
	margin: 0px; 
	padding: 0px; 
}
.champ-fichiers ul li { 
	padding: 0.4em 0em 0.4em 0px; 
	position: relative; 
	list-style: none; 
	width: 21em; 
	display: table; 
	table-layout: fixed; 
}
.champ-fichiers ul li > * { display: table-cell; }
.champ-fichiers ul li .ui-icon:first-child { margin-right: 0.5em; }
.champ-fichiers ul li .action { 
	cursor: pointer; 
	border-radius: 5px; 
}
.champ-fichiers ul li .ui-icon.action:hover { 
	background-color: #666666; 
	background-image: url("js/jquery-ui/images/ui-icons_ffffff_256x240.png"); 
}
.champ-fichiers ul li .nomfichier { 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
}
.champ-fichiers ul li.suppression { 
	text-decoration: line-through; 
	color: #DDDDDD; 
}
.ui-selectmenu-menu-cacheinact li.ui-state-disabled.ui-menu-item { display: none; }
table .vignetteplus-texte.titre, div.vignetteplus-liste .vignetteplus-texte.titre { 
	font-weight: bold; 
	font-size: 110%; 
	text-align: center; 
	padding: inherit; 
	background: white; 
	border-radius: 5px 5px 0 0; 
}
table .vignetteplus-vignette:hover .vignetteplus-texte.titre, div.vignetteplus-liste .vignetteplus-vignette:hover .vignetteplus-texte.titre { 
	background: #E44F2A; 
	color: white; 
}
table .champ_bool .ui-controlgroup, div.vignetteplus-liste .champ_bool .ui-controlgroup { display: inline-flex; }
table .champ_bool .ui-button.ui-widget.ui-checkboxradio-label:nth-child(2).ui-state-hover, table .champ_bool .ui-button.ui-widget.ui-checkboxradio-label:nth-child(2).ui-state-focus, div.vignetteplus-liste .champ_bool .ui-button.ui-widget.ui-checkboxradio-label:nth-child(2).ui-state-hover, div.vignetteplus-liste .champ_bool .ui-button.ui-widget.ui-checkboxradio-label:nth-child(2).ui-state-focus { box-shadow: inset 0px 0px 0px 1px rgba(239, 239, 239, 0.45); }
table .champ_bool .ui-button.ui-widget.ui-checkboxradio-label:nth-child(2):focus, table .champ_bool .ui-button.ui-widget.ui-checkboxradio-label:nth-child(2):hover, div.vignetteplus-liste .champ_bool .ui-button.ui-widget.ui-checkboxradio-label:nth-child(2):focus, div.vignetteplus-liste .champ_bool .ui-button.ui-widget.ui-checkboxradio-label:nth-child(2):hover { box-shadow: inset 0px 0px 0px 1px rgba(244, 244, 244, 0.45); }
table .champ_bool .ui-button.ui-widget.ui-checkboxradio-label.ui-checkboxradio-checked:nth-child(2), table .champ_bool .ui-button.ui-widget.ui-checkboxradio-label:nth-child(2):active, div.vignetteplus-liste .champ_bool .ui-button.ui-widget.ui-checkboxradio-label.ui-checkboxradio-checked:nth-child(2), div.vignetteplus-liste .champ_bool .ui-button.ui-widget.ui-checkboxradio-label:nth-child(2):active { 
	background: #888888; 
	border-color: #777777; 
}
div.formulaire div.champ { display: flex; }
div.formulaire div.champ > label:first-child { 
	flex-shrink: 0; 
	width: 15em; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	vertical-align: middle; 
	padding: .5em 0; 
}
div.formulaire div.champ > p, div.formulaire div.champ > label + p { 
	margin: 0; 
	padding: .5em 0; 
}
div.formulaire div.champ .ui-selectmenu-button .ui-icon { 
	float: right; 
	margin-top: 0; 
}
div.formulaire div.champ .outils { 
	display: flex; 
	justify-content: space-between; 
}
div.formulaire div.champ .outils .status { 
	color: #868181; 
	flex-grow: 1; 
	padding: .4em 1em; 
}
div.formulaire div.champ .outils .status:before { 
	content: "• "; 
	color: #2b2b2b66; 
}
div.formulaire div.champ .reduit .outils button .ui-icon-arrowstop-1-n { background-position: -128px -32px; }
div.formulaire div.champ .champ_bloctexte.reduit textarea { height: unset; }
div.formulaire div.champ .champ_bloctexte { 
	background-color: #EAEAEA; 
	border: 1px solid #c8c8c8; 
	border-radius: 5px; 
	box-sizing: border-box; 
	width: 100%; 
}
div.formulaire div.champ .champ_bloctexte textarea { 
	border-radius: 0 0 5px 5px; 
	border: none; 
	resize: none; 
	height: 70vh; 
}
div.formulaire div.champ .champ_qcm { 
	background-color: #EAEAEA; 
	border: 1px solid #c8c8c8; 
	border-radius: 5px; 
	box-sizing: border-box; 
	width: 100%; 
	overflow: auto; 
	max-height: 10em; 
	padding: 1px; 
}
div.formulaire div.champ .champ_photo.reduit .photos { 
	max-height: 21em; 
	overflow: auto; 
}
div.formulaire div.champ .champ_photo { 
	border: 1px solid #c8c8c8; 
	background-color: #EAEAEA; 
	border-radius: 5px; 
	box-sizing: border-box; 
	width: 100%; 
}
div.formulaire div.champ .champ_photo .photos { 
	border-radius: 0 0 5px 5px; 
	display: flex; 
	vertical-align: top; 
	flex-wrap: wrap; 
	background: white; 
	padding: 8px; 
	min-height: 5em; 
}
div.formulaire div.champ .champ_photo .photos .une_photo { 
	width: 15em; 
	height: 12em; 
	position: relative; 
	border: 1px solid #cccccc; 
	padding: 5px; 
	margin: 8px; 
	overflow: hidden; 
	background: white; 
}
div.formulaire div.champ .champ_photo .photos .une_photo > label { 
	position: absolute; 
	top: 5px; 
	left: 5px; 
}
div.formulaire div.champ .champ_photo .photos .une_photo > button { 
	position: absolute; 
	top: 5px; 
	right: 5px; 
}
div.formulaire div.champ .champ_photo .photos .une_photo > img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	object-fit: scale-down; 
}
div.formulaire div.champ .champ_photo .photos .une_photo div.opts { 
	position: absolute; 
	left: 100%; 
	bottom: 40%; 
	width: 100%; 
	box-sizing: border-box; 
	padding: 5px; 
	text-align: right; 
	font-size: 80%; 
	transition: 750ms left ease-in-out 500ms; 
	pointer-events: none; 
}
div.formulaire div.champ .champ_photo .photos .une_photo div.opts > label { pointer-events: all; }
div.formulaire div.champ .champ_photo .photos .une_photo:hover div.opts { left: 0; }
div.formulaire div.champ .champ_photo .photos .une_photo.gestionnaire:after { 
	content: "🔒"; 
	font-weight: bold; 
	display: block; 
	position: absolute; 
	top: 0; 
	right: 0; 
	color: #E44F2A; 
	padding: 5px; 
	text-shadow: 0 0 2px #000000; 
}
div.formulaire div.champ .champ_photo.edition .photos { min-height: 21em; }
div.formulaire div.champ .champ_photo.edition .photos .une_photo { height: 18em; }
div.formulaire div.champ .champ_photo.edition .photos .une_photo img { height: 60%; }
div.formulaire div.champ .champ_photo.edition .photos .une_photo textarea { 
	position: absolute; 
	top: 60%; 
	left: 0; 
	height: 40%; 
	width: 100%; 
	margin: 0; 
	border: none; 
	resize: none; 
	box-sizing: border-box; 
}
div.formulaire div.champ.indisponible { display: none; }
div.formulaire div.champ .ninja { 
	display: none; 
	vertical-align: middle; 
	margin-left: 1em; 
	cursor: pointer; 
}
div.formulaire div.champ:hover .ninja { 
	display: inline-block; 
	opacity: .5; 
}
div.formulaire div.champ:hover .ninja:hover { 
	display: inline-block; 
	opacity: 1; 
}
div.formulaire div.champ + div.champ { margin-top: .5em; }
div.formulaire div.section { margin: 2em 0 2em 0; }
div.formulaire div.section .titre_section { 
	color: #E44F2A; 
	font-weight: bold; 
	font-size: 110%; 
	padding: .5em 0em; 
}
div.formulaire div.section.ui-sortable-helper { 
	background: rgba(255,255,255,.8); 
	border-radius: 10px; 
}
div.formulaire div.section.ui-sortable-helper .champ { opacity: .5; }
div.formulaire div.champ_date span.ui-icon-calendar { 
	margin-left: 8px; 
	cursor: pointer; 
}
div.formulaire div.champ_date input.hasDatepicker { 
	margin-left: -24px; 
	padding-left: 30px; 
	width: 18em; 
	cursor: pointer; 
}
div.formulaire.enligne div.champ { display: inline-block; }
div.formulaire.enligne div.champ > label:first-child { 
	width: auto; 
	overflow: visible; 
	text-overflow: unset; 
	display: inline; 
	vertical-align: baseline; 
	margin-right: 1em; 
}
div.formulaire.enligne div.champ > div { display: inline-block; }
div.formulaire.enligne div.champ + div.champ { 
	margin-top: unset; 
	margin-left: 1em; 
}