/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
	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;}

/* GENERAL */
	html, body {font-family: 'Noto Sans', sans-serif;font-size:1rem;height:100.1%;color:#173C77;background:#f7f7f7}
	* {padding:0;margin:0;box-sizing:border-box;}
	a {text-decoration:none;color:#173C77;transition:.2s;}
	a:hover {color:#939393/*#A8A8A8*/}
	form {margin:0;padding:0;}
	.clearboth {content:"";display:block;clear:both;}
	.Grandstander {font-family: 'Grandstander', cursive;}
/* Google Chrome form autocomplete */
	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 */
	}

/* PAGE CONNEXION */
	table.conn {width:100%;height:100%}
	table.conn td {vertical-align:top;}
	table.conn td.bl2 {
	background-image: url(/images/auzou_conn.jpg?a=4);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover; /* clé pour occuper 100% */
		width: 50%;
		padding: 0;
		margin: 0;
		border: none;
	}
	table.conn td.bl1 {width:50%}
	table.conn td.bl1 .main {max-width:70%;margin:0 auto;padding-bottom:20px;}
	table.conn td.bl1 .main input, table.conn td.bl1 .main select, table.conn td.bl1 .main textarea {margin-bottom:20px;}
	table.conn td.bl1 .main div.logo {margin:50px 0 90px 0;}
	table.conn td.bl1 .main p.titre {font-size:2rem;margin-bottom:70px;font-weight:bold;}
	table.conn td.bl1 .main p.titre span {border-bottom:3px solid #E84B52;padding-bottom:10px;}
	table.conn td.bl1 .main p.laius {font-size:.850rem;margin-bottom:30px;line-height:1.5rem}
	table.conn td.bl1 .main p.laius a {text-decoration:underline;}
	table.conn td.bl1 .main div.footer {margin-top:50px;font-size:.850rem;color:#999}
	table.conn td.bl1 .main div.footer a {text-decoration:none;}
	table.conn td.bl1 .main .recuppwd  {text-align:center;width:100%;font-size:.850rem}


/*** 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:.90rem;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;}
	input[type=submit].btn_sumit_small, input[type=text].btn_sumit_small {letter-spacing:0.025rem;cursor:pointer;border-radius:3px;padding:10px 5px;font-size:1rem;transition:0.2s;background:#173C77;color:#fff;border:none;border:1px solid #CED4DA;}
	input[type=submit].btn_sumit_small:hover, input[type=text].btn_sumit_small:focus {box-shadow:none;background:#00A9B0}
	input[type=checkbox] {position: relative;cursor: pointer;width:auto;border:none}
	input[type=checkbox]:before {content: "";display: block;width: 16px;height: 16px;border: 1px solid #00A9B0;border-radius: 2px;background-color: white;}
	input[type=checkbox]:checked:after {content: "";display: block;width: 5px;height: 10px;border: solid #00A9B0;border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);position: absolute;top: 2px;left: 6px;}
	input[type=radio] {position: relative;cursor: pointer;width:auto;border:none}
	input[type=radio]:before {content: "";display: block;width: 16px;height: 16px;border: 1px solid #00A9B0;border-radius: 2px;background-color: white;}
	input[type=radio]:checked:after {content: "";display: block;width: 5px;height: 10px;border: solid #00A9B0;border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);position: absolute;top: 2px;left: 6px;}
	input.disabled {background:#efefef;color:#666;text-shadow:1px 1px #fff;}
	.label {font-size:.9250rem;color:#999;display:block;margin-left:10px;position:absolute;background:#fff;margin-top:-8px;padding:0 10px;border-radius:5px;}
	.label a {position:absolute;font-size:0.650rem;right:0;margin:3px 10px 0 0;color:#9E9E9E;right:0;}

/*** BOUTON ***/
	.btn_url {
		font-family: 'Noto Sans', sans-serif;
		-webkit-appearance: none;
		border:none;
		outline:none;
		padding:12px;
		font-size:1rem;
		transition:.2s;
		border-radius:3px;
		background:#173C77;
		resize:none;
		color:#fff;
		text-align:left;
		cursor:pointer;
	}
	.btn_url:hover {border:none;box-shadow: 0 0 1px 1px #173C77;}
	.btn_url::after {content:">";float:right;}

/*** TEMPLATE - BLOC DE GAUCHE ***/
	.menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 260px;
		height: 100vh;
		background: #fff;
		overflow-y: auto;
		box-shadow: 5px 0 10px rgba(220,220,220,0.5);
	}
	.menu .logo {padding:20px 40px;border-bottom: 1px solid #efefef;}
	.menu .logo img {width:100%;height: auto;}
	.menu ul.ico {}
	.menu ul.ico li {text-align:center;padding:20px 0;transition: .2s;cursor:pointer;}
	.menu ul.ico li p {margin-top:10px;text-align:center;color:#00A9B0;font-family: 'Grandstander', cursive;font-weight:bold;}
	.menu ul.ico li.selected, .menu ul.ico li:hover {background:#f2f2f2}
	.menu ul.account li {margin-bottom:1px;font-size:0.90rem;}
	.menu ul.account li a {display:block;background:#00A9B0;color:#fff;padding:10px 20px;}
	.menu ul.account li a:hover {font-weight:bold;}
	.menu ul.account li a::after {content:">"; float:right;}
	.menu ul.account li .capitalize {text-transform: capitalize}
	.menu ul.account li img {vertical-align:top;margin-right:10px;}

/*** TEMPLATE - BLOC DE DROITE ***/
	.content {
		margin-left: 260px;
		padding:30px 50px 50px 50px;;
		box-sizing: border-box;
	}
	.content h1 {
		margin: 0 0 20px 0;
		padding:0;
		color:#00A9B0;
		font-family: 'Grandstander', cursive;
		font-size: 3rem;
		font-weight: 600;
	}
	.content .filarianne {border-radius:5px;background:#fff;}
	.content .filarianne {text-transform:lowercase;margin:0;background:#fff;}
	.content .filarianne nav {padding:10px 20px;font-size:0.80rem;}
	.content .filarianne nav a {text-decoration:none;color:#666;cursor:pointer;}
	.content .filarianne nav a:hover {color:#173C77;}
	.content .filarianne nav a::after {content:"❭";margin:0 5px;}
	.content .filarianne nav a:last-child::after {content:"";margin:0;}
	.content .filarianne nav a:last-child, .filarianne nav span {color:#173C77;font-weight:bold;}
	.content .filarianne nav span:first-child {color:#173C77;font-weight:normal;}

	.content .main {border-radius:5px;background:#fff;padding:20px;margin-top:40px;}
	.content .main h2.titre {font-family: 'Grandstander', cursive;font-size: 1.150rem;font-weight: bold;margin-bottom:10px;}
	.content .main h2.titre.vert {color: #28A745}
	.content .main p.home {margin-bottom:30px;line-height:1.50rem;color:#999;font-size: .90rem;}
	.content .main p.home a {text-decoration:underline}

/* PROFILE & MODIFY */ 
	table.fab {border-collapse: collapse;width:100%}
	table.fab tr td {border-bottom:1px solid #efefef;padding:5px;font-size:.80rem}
	table.fab td.titre {font-weight:bold;font-size:1rem;padding:10px 2px 10px 2px}
	table.fab td.titre sup {font-weight:normal;font-size:0.80rem;margin-left:5px;}
	table.fab td.titre2 {font-weight:bold;}
	table.fab td.sstitre {width:30%}
	table.fab td span {color:#bf0000}
	/*.fab input, .fab textarea, .fab select {padding:3px;border:1px solid #00A9B0;font-size:.850rem}
	input[type=text]:hover,.fab input[type=email]:hover,.fab textarea:hover,.fab input[type=email]:hover,.fab input[type=tel]:hover,.fab input[type=number]:hover, .fab select:hover,
	input[type=text]:focus,.fab input[type=email]:focus,.fab textarea:focus,.fab input[type=email]:focus,.fab input[type=tel]:focus,.fab input[type=number]:focus, .fab select:focus
	{border:1px solid #00A9B0;box-shadow: 0 0 0 0 #fff;background:#EEFBF9}
	*/
	table.fab .inputauto {width:auto;text-align:center}
	table.fab tr.marge {height:25px;}
	table.fab td span.verifko {display:inline-block;color:#bf0000;padding-left:10px;font-weight:bold;}	
	table.fab td span.verifok {display:inline-block;color:#00A9B0;padding-left:10px;font-weight:bold;}	
	table.fab td input.error,.fab table td input.error:focus, table.fab td select.error, table.fab td select.error:focus {background:#FFEAEA;}


/* TABLEAU */ 
	table.tablo {width:100%;background:#fff;padding:20px;border-collapse: collapse;}
	table.tablo tr.titre {font-weight:bold;background:#efefef}
	table.tablo tr td {padding:10px;font-size:.80rem;}
	table.tablo tr td.icon {width:30px;text-align:center;} 
	table.tablo tr td.right {text-align:right;}
	table.tablo tr:nth-child(even) {background-color: #f2f2f2;}
	table.tablo tr:nth-child(odd) {background-color: #ffffff;}
	table.tablo tr td.vide {text-align:center;color:#bf0000}
	table.tablo tr td a.btn {padding:8px 15px;background:#00A9B0;border-radius:5px;font-size:1rem;color:#fff;border:1px solid #fff;transition:.2s}
	table.tablo tr td a.btn:hover {background:#33C1AC;border:1px solid #33C1AC}


/* COMPTE */
	.compte {margin-top:40px;}
	.compte ul::after {content:'';display:block;clear:both;}
	.compte ul li {float:left;width:33.3333%}
	.compte ul li:hover a {color:#00A9B0}
	.compte ul li:hover {color:#00A9B0;}
	.compte ul li div {padding:20px;background:#FFF;margin:0 5% 10% 5%;width:90%;border:1px solid #efefef;text-align:center;border-radius:5px;}
	.compte ul li div p span {display:block;margin-top:15px;}
	.compte ul li div p {text-align:center;}
	.compte ul li.onepiece {float:none;width:100%}
	.compte ul li.onepiece div {margin:5% 0;width:100%}
	.decon {text-align:center;}
	.decon img {vertical-align:middle;}
	.decon a {color:#bf0000;font-weight:bold;}

/* MESSAGE ERREUR - ALERTE */
	.message {text-align:center;position:fixed;width:100%;z-index:10;padding:20px;font-size:0.90rem;top:0}
	.message-invalid {background:#DC3545;color:#FFEEEE;}
	.message-valid {background:#00A9B0;color:#fff;}
	.message-jaune {background:#FFD157;text-align:center;padding:15px;}
	
/* PAGINATION */
	.pagination {padding:50px 0 25px 0;text-align:center;font-size:0.90rem;width:100%;color:#00A9B0;}
	.pagination span {padding:4px;border-radius:5px;background:transparent;color:#00A9B0;margin: 0;font-weight:bold;}
	.pagination a {padding:4px 6px;border-radius:5px;background:#00A9B0;margin: 0 3px;color:#fff;}
	.pagination a:hover {background:#00A9B0;color:#fff;}
	.pagination a.suiv:before {content:" >> ";padding:4px 8px;}
	.pagination a.prec:before {content:" << ";padding:4px 8px;}
	
@media all and (min-width: 1600px) {
	table.conn td.bl1 .main {max-width:60%;}
}
@media all and (max-width: 1100px) {.compte ul li {width:50%}}
@media all and (max-width: 768px) {
	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-size:1rem;}
	.compte ul li {float:none;width:100%}
	.compte ul li div {margin:5% 0;width:100%}
	table.conn td.bl1 {width:100%}
	table.conn td.bl2 {display:none;}
	table.conn td.bl1 .main {max-width:100%;margin:0;padding:0 20px 20px 20px;}
}