/*
 (\_/)
(=^_~=)
(")_(")

CSS commun

*/
/* NORMALIZE */
	html {line-height: 1.15;-webkit-text-size-adjust: 100%;}	body {margin: 0;}	main {display: block;}	em {font-style:normal;}	h1 {font-size: 2em;margin: 0.67em 0;}	hr {box-sizing: content-box;height: 0;overflow: visible;}	pre {font-family: monospace, monospace;font-size: 1em;}	a { background-color: transparent;}	abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}	b, strong {font-weight: bolder;}	code, kbd ,samp {font-family: monospace, monospace;font-size: 1em;}	small {font-size: 80%;}	sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}	sub {bottom: -0.25em;}	sup {top: -0.5em;}	img {border-style: none;}	button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}	button, input {overflow: visible;}	button, select {text-transform: none;}	button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}	button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}	button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}	fieldset {padding: 0.35em 0.75em 0.625em;}	legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}	progress {vertical-align: baseline;}	textarea {overflow: auto;}	[type="checkbox"],	[type="radio"] {box-sizing: border-box;padding: 0;}	[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}	[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}	[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}	::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}	details {display: block;}	summary {display: list-item;}	template {display: none;}	[hidden] {display: none;}	ul, ol, li {list-style-type:none;margin:0;padding:0;}


/* POLICE */
	html, body {font-family: 'Noto Sans', sans-serif;font-size:1rem;height:100.2%;background:#f7f7f7;color:#505050}
	* {padding:0;margin:0;box-sizing:border-box;}
	a {text-decoration:underline;color:#505050;transition:.2s;text-decoration:none;}
	a:hover {color:#939393/*#A8A8A8*/}
	form {margin:0;padding:0;}
	.clearboth {content:"";display:block;clear:both;}

/* MESSAGE ERREUR - ALERTE */
	.mess {text-align:center;position:fixed;width:100%;z-index:10;padding:20px;font-weight:bold;font-size:0.950rem;top:0}
	.mess-invalid {background:#DC3545;color:#FFEEEE;}
	.mess-valid {background:#00B64D;color:#ffffff;}
	.mess-jaune {background:#FFE8AA;color:#846000;}


/* FORMULAIRE */
	input[type=text], input[type=submit], input[type=number], input[type=tel], input[type=password], input[type=email], input[type=date], select, button, textarea, input[type=file] {
		font-family: 'Noto Sans', sans-serif;-webkit-appearance: none;border:1px solid #CED4DA;outline:none;padding:10px 5px;font-size:1rem;transition:.2s;border-radius:3px;background:#fff;resize:none;color:#505050;width:100%;
	}
	input:hover, select:hover, button:hover, input:focus, select:focus, button:focus, textarea:hover, textarea:focus {border:1px solid #CED4DA;box-shadow: 0 0 2px 2px #CED4DA;}
	select, input[type=file] {cursor:pointer}
	input[type=submit].btn_submit, input[type=text].btn_submit, button.btn_submit {letter-spacing:0.05rem;cursor:pointer;border-radius:3px;padding:12px 30px;font-size:1.150rem;transition:0.2s;background:#173C77;color:#fff;border:none;}
	input[type=submit].btn_submit:hover, input[type=text].btn_submit:hover, button.btn_submit:hover {box-shadow:0 0 0 1px #173C77;color:#fff;border:none;}
	.disabled {background:#efefef;color:#666;text-shadow:1px 1px #fff;cursor:not-allowed;}

/* PAGE CONNEXION */
	table.conn {height:100%;width:100%;}
	table.conn td {vertical-align:middle;}
	table.conn .main {margin:0 auto;max-width:500px;padding:0 20px;}
	table.conn .main p {position:relative;}
	table.conn .main p.img {margin:0 auto;max-width:500px;padding-bottom:20px;text-align:center;}
	table.conn div.em {color:#198754;font-weight:bold;text-align:center;margin:10px 0}


/* TEMPLATE PAGE MENU + CONTENT */
	.ad_menu {float:left;width:16%;position:fixed;top:0;background:#0D2142;height:100%;overflow-x: auto;}
	.ad_menu .logo {display:block;color:#ccc;font-size:0.90rem;padding:5px;margin:20px 0;text-align:center;padding:0 20px;}
	.ad_menu .logo img {max-width:200px;height:auto;}
	/*--------Accordion-------*/
	.ad_accordion {}
	.accordion-header {cursor:pointer;padding:5px 10px;background:#00A4C3;border-radius:5px;margin:10px;color:#fff;font-size:0.90rem;transition: .2s;}
	.accordion-header sup {font-weight:bold;color:#fff;font-style:italic;margin-left:3px;}
	.accordion-header:hover {background:#FB2E42;}
	.accordion-header.close:after {content:'+';float:right;margin-right:5px;}
	.accordion-header.open:after {content:'-';float:right;margin-right:5px;}
	.accordion-content {display: none;margin:10px}
	.accordion-content a {display:block;color:#ccc;font-size:0.90rem;padding:5px;margin:0 10px 0 20px;text-decoration:none;}
	.accordion-content a:hover {color:#FB2E42;}
	.accordion-content a:before {content:">";margin-right:3px;}	
	.accordion-content a.selected {color:#FB2E42;font-weight:bold;}

	.ad_active {background: #FB2E42;} 	/* Quand le panneau est ouvert */

	.ad {padding:20px 20px 50px 20px;width:84%;margin-left:16%;float:right;}
	.ad_txt {border:1px solid #e1e1e1;background:#fff;border-radius:5px;padding:20px;}
	.ad_txt input {width:100%;}
	.ad_txt h1 {font-weight:bold;font-size:1.50rem;border-bottom:1px solid #e1e1e1;padding-bottom:20px;margin:20px 0 20px 0;}
	.ad_txt h2 {font-weight:bold;font-size:1.50rem;border-bottom:1px solid #e1e1e1;padding-bottom:5px;margin:20px 0 5px 0;}
	.ad_txt h1 sup {font-weight:300;font-size:0.90rem;}
	.ad_txt h1 span {color:#00A4C3}
	.ad_txt h1 a {float:right;padding:7px 15px;font-size:0.90rem;color:#fff;font-weight:bold;border-radius:5px;text-decoration:none;}
	.ad_txt h1 a.vert {background:#28A745;}
	.ad_txt h1 a.vert:hover {box-shadow:0 0 0 1px #28A745;}
	.ad_txt h1 a.gris {background:#e1e1e1;color:#444}
	.ad_txt h1 a.gris:hover {box-shadow:0 0 0 1px #e1e1e1;color:#444}
	.ad_txt h1 a.rouge {background:#E73841;}
	.ad_txt h1 a.rouge:hover {box-shadow:0 0 0 1px #E73841;}
	.ad_txt table {width:100%;border-collapse: collapse;}
	.ad_txt table td {padding:10px;text-align:left;font-size:0.90rem;position:relative;}
	.ad_txt table td.right {text-align:right;}
	.ad_txt table td.action {text-align:right;}
	.ad_txt table td.action a{margin:0 5px;}
	.ad_txt table td em.pwd {position:absolute;right:5px;top:10px;color:#666;font-size:0.750rem;margin:12px 15px 0 0;cursor:pointer;font-weight:bold}
	.ad_txt table td.img {max-width: 100%;width: 100px;height: 100px;display: flex;text-align:left;}
	.ad_txt table td.img img {max-width: 100%;max-height: 100%;margin: auto;}
	.ad_txt table td.erreur {text-align:center;font-weight:bold;color:#bf0000}
	.ad_txt table tr:nth-child(odd) {background:#E4EDFA}
	.ad_txt table tr:nth-child(even) {background: #fff}
	.ad_txt table tr.titre {font-weight:bold;background:#f4f4f4;position:relative;}
	.ad_txt table tr.titre a {font-weight:300;text-decoration:underline;font-size:0.750rem;margin-left:10px;}
	.ad_txt table tr td .span {font-weight:300;color:#666;font-size:0.80rem;margin-right:10px;display:block;margin-top:3px;}
	.ad_txt table td label {background:transparent;margin:10px 10px 0 0;vertical-align:top;position:relative;font-weight:bold;color:#173C77}
	.ad_txt table td label span {color:#666;font-size:0.80rem;margin-right:10px;font-weight:normal;}
	.ad_txt table td.images img {height:80px;width:auto;}
	.ad_txt ul.modification li {padding:10px;border-radius:5px;position:relative;}
	.ad_txt ul.modification li::after {content:"";display:block;clear:both;}
	.ad_txt ul.modification li p {float:left;margin:0;padding:0;}
	.ad_txt ul.modification li p.titre {width:30%;font-size:0.80rem;font-weight:bold;text-align:left;}
	.ad_txt ul.modification li p.titre span {display:block;color:#666;font-size:0.75rem;font-weight:normal}
	.ad_txt ul.modification li p.saisie {width:70%;}
	.ad_txt ul.modification li:nth-child(even) {background-color: #E4EDFA}
	.ad_txt ul.modification li:nth-child(odd) {background-color:white;}
	.ad_txt ul.modification li .caracteres {position:absolute;right:0;padding:0 5px;background:#fff;margin-right:25px;top:0;color:#bf0000;font-size:0.70rem;font-weight:normal;font-style:normal;}
	.ad_txt ul.modification li .caracteres::after {content:" car.";}
	.ad_txt ul.modification li span.nom_maj {color:#666;font-size:.850rem;margin-left:10px;}
	.ad_valider {text-align:right;margin-top:20px;}
	.ad_last_update {font-size:0.80rem;color:#666;font-style:italic;margin-top:15px;}
	.caracteres {position:absolute;color:#f18800;right:0;margin:5px 20px 0 0;font-weight:bold}
	.user {padding:20px;color:#E73841}
	.user a.deconnexion {font-size:0.850rem;color:#E73841;text-decoration:none;}
	.user a.deconnexion span {display:block;margin-left:20px;}
	.apercu {}
	.apercu-txt {margin:0 auto;max-width:400px;}
	.txtrouge {color:#E73841}
	.txtvert {color:#28A745}
	.txtorange {color:#FF9E3E}
	.ad_txt table.fact {font-size:0.90rem;margin-bottom:20px;}
	.ad_txt table.fact td {border-bottom: 1px dotted #E1E1E1;padding:2px 5px;}
	.ad_txt table.fact tr.intitule {background:#f4f4f4;}
	.ad_txt table.fact tr.intitule td {font-weight:bold;padding:8px 5px;background:#f4f4f4;color:#173C77}
	.ad_txt table.fact tr:nth-child(odd) {background:none}
	.ad_txt table.fact tr:nth-child(even) {background: none}
	.ad_txt	.btn_olf {letter-spacing:0.025rem;cursor:pointer;border-radius:3px;padding:10px;font-size:1rem;transition:0.2s;border:none;color:#505050}
	.ad_txt	.btn_olf_sarcel {background:#E1E1E1;color:#505050;margin:0 10px;}
	.ad_txt .btn_olf_sarcel:hover, .btn_olf_sarcel:focus {box-shadow:0 0 0 1px #E1E1E1;}
	.ad_txt	.btn_olf_select {background:#173C77;color:#fff}
	.ad_txt .btn_olf_select:hover, .btn_olf_select:focus {box-shadow:0 0 0 1px #173C77}
	a.underline {text-decoration:underline;}
	a.green {color:green;text-decoration:underline;}

/* PAGINATION */
	.pagination {padding:50px 0;text-align:center;font-size:1rem;width:100%;}
	.pagination span {padding:4px 6px;border-radius:5px;background:#173C77;color:#fff;margin: 0 3px;}
	.pagination a {padding:4px 6px;border-radius:5px;background:#e1e1e1;margin: 0 3px;transition:.2s;text-decoration:none;}
	.pagination a:hover {background:#173C77;color:#fff;}
	.pagination a.suiv:before {content:" >> ";padding:4px 8px;}
	.pagination a.prec:before {content:" << ";padding:4px 8px;}

/* UPLOAD */
	.ad_txt #explic {display:none;}
	.ad_txt ul.explicXlsx {font-size:0.90rem;}
	.ad_txt ul.explicXlsx li {padding:5px}
	.ad_txt ul.explicXlsx li::after {content:"";display:block;clear:both;}
	.ad_txt ul.explicXlsx li:nth-child(odd) {background:#E4EDFA}
	.ad_txt ul.explicXlsx li:nth-child(even) {background:#fff}
	.ad_txt ul.explicXlsx li p {float:left;width:33.3333%;}
	.ad_txt ul.explicXlsx li p b.b {display:block;margin-top:5px;color:#666;font-size:0.850rem;font-weight:300;}
	.ad_txt ul.explicXlsx li i {font-size:0.70rem;font-weight:500;}
	.ad_txt ul.explicXlsx li.hide {background:#e1e1e1;padding:5px 10px 5px 0px;cursor:pointer;font-weight:bold;text-align:right;color:#DC3545}
	.ad_txt ul.explicXlsx li em {color:#E73841;font-size:0.750rem;}
	.ad_txt ul.recommandation {font-size:0.850rem;color:#666;margin:10px 0 20px 0}
	.ad_txt ul.recommandation li {padding-bottom:5px}
	.ad_txt ul.recommandation li a {text-decoration:underline;color:#666}
	.ad_txt ul.recommandation li#li-output {display:none;margin-bottom:10px;}

	
	ul.facture {font-size:0.90rem;}
	ul.facture li {border-bottom: 1px dotted #E1E1E1;padding:8px 5px;}
	ul.facture li.intitule {font-weight:bold;background:#f4f4f4;color:#173C77}
	ul.facture li.art p {float:left;width:33.3333%}
	ul.facture li em {color:#666;font-style:italic;}
	ul.facture li span {float:right;text-align:right;font-weight:300;}
	.confirmcmd a {padding:7px 15px;font-size:0.90rem;color:#fff;font-weight:bold;}
	.confirmcmd a.vert {background:#28A745;border-radius:5px;}
	.confirmcmd a.vert:hover {box-shadow:0 0 0 1px #28A745;}
	.confirmcmd a.rouge {background:#E73841;border-radius:5px;}
	.confirmcmd a.rouge:hover {box-shadow:0 0 0 1px #E73841;}
	.confirmcmd a.vert2 {background:#28A745;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
	.confirmcmd a.vert2:hover {box-shadow:0 0 0 1px #28A745;}
	.confirmcmd a.rouge2 {background:#E73841;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
	.confirmcmd a.rouge2:hover {box-shadow:0 0 0 1px #E73841;}
	.confirmcmd a.vert3 {background:#28A745;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
	.confirmcmd a.vert3:hover {box-shadow:0 0 0 1px #28A745;}
	.confirmcmd a.rouge3 {background:#E73841;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
	.confirmcmd a.rouge3:hover {box-shadow:0 0 0 1px #E73841;}
	table.numcolis {width:100%}
	table.numcolis td {width:50%;text-align:center;}
	table.numcolis td input[type=submit]{border:none;outline:none;text-decoration:underline;background:none;font-weight:300;cursor:pointer;margin-bottom:0;vertical-align: baseline;}
	table.numcolis td label {display:inline;font-weight:300;cursor:pointer}
/* HACK */
	input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,input:-webkit-autofill:active {
		-webkit-box-shadow: 0 0 0px 1000px white inset; /* couleur de fond désirée */
		-webkit-text-fill-color: #000; /* couleur du texte */
		transition: background-color 5000s ease-in-out 0s; /* empêche le flash jaune */
		}