/*! 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 */
	}
	
/* HEADER */
	header {border-bottom:1px solid #efefef;}
	header div.marge {margin:20px}
	header ul::after {content:'';clear:both;display:block;}
	header ul li {display:inline;}
	header ul li.img {float:left;}
	header ul li.img img {width: 150px;height: 42px;}
	header ul li.menu {float:right;margin-top:15px;}
	header ul li.menu a.connecter {padding:8px 15px;background:#2DA997;border-radius:5px;margin-right:10px;font-size:1rem;color:#fff;border:1px solid #fff;transition:.2s;text-transform:capitalize}
	header ul li.menu a.connecter:hover {background:#33C1AC;border:1px solid #33C1AC}
	header ul li.menu a.connecter img {margin-right:5px;}
	header ul li.menu a.contact {padding:8px 15px;background:#e1e1e1;border-radius:5px;margin-right:10px;font-size:1rem;color:#666;border:1px solid #fff;transition:.2s}
	header ul li.menu a.contact:hover {background:#e1e1e1;border:1px solid #e1e1e1}
	
/* FILARIANNE */
	nav.filarianne {padding:10px 20px;font-size:0.850rem;background:#fff;border-bottom:1px solid #efefef}
	nav.filarianne a {color:#999999}
	nav.filarianne a:hover {color:#173C77}
	nav.filarianne a::after {content:"❭";margin:0 10px}
	nav.filarianne span {color:#173C77;font-weight:bold;}
	
/*** 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;}
	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:#2DA997}
	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 #2DA997;border-radius: 2px;background-color: white;}
	input[type=checkbox]:checked:after {content: "";display: block;width: 5px;height: 10px;border: solid #2DA997;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 #2DA997;border-radius: 2px;background-color: white;}
	input[type=radio]:checked:after {content: "";display: block;width: 5px;height: 10px;border: solid #2DA997;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;}

/* CONTENT */ 
	.content {max-width:900px;margin:0 auto 50px auto;padding:0 20px;}
	.content h1 {font-size:2.5rem;text-align:center;font-weight:900;margin:35px 0 0 0;padding:0}
	.content .margin600 {max-width:600px;margin:0 auto;}
	.content .margin900 {max-width:900px;margin:0 auto;}
	.content .sous_titre {font-size:1.150rem;text-align:center;font-weight:300;line-height:1.5rem;margin:20px 0 30px 0}
	.content .sstitrered {color:#bf0000}
	.content p.recuppwd {text-align:center;width:100%;font-size:.850rem}

/* PROFILE & MODIFY */ 
	.fab {margin:0 20px 20px 20px;padding:0 20px 20px 20px;background:#fff;border:1px solid #efefef;border-radius:5px;}
	.fab table {border-collapse: collapse;width:100%}
	.fab table tr td {border-bottom:1px solid #efefef;padding:5px;font-size:.850rem}
	.fab table td.titre {font-weight:bold;font-size:1rem;padding:10px 2px 10px 2px}
	.fab table td.titre sup {font-weight:normal;font-size:0.80rem;margin-left:5px;}
	.fab table td.titre2 {font-weight:bold;}
	.fab table td.sstitre {width:30%}
	.fab table td span {color:#bf0000}
	.fab input, .fab textarea, .fab select {padding:3px;border:1px solid #2DA997;font-size:.850rem}
	/*.fab 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,
	.fab 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 #2DA997;box-shadow: 0 0 0 0 #fff;background:#EEFBF9}
	*/
	.fab .inputauto {width:auto;text-align:center}
	.fab table tr.marge {height:25px;}
	.fab table td span.verifko {display:inline-block;color:#bf0000;padding-left:10px;}	
	.fab table td span.verifok {display:inline-block;color:#2DA997;padding-left:10px;}	
	.fab table td input.error,.fab table td input.error:focus, .fab table td select.error,.fab table td select.error:focus {background:#FFEAEA;}

/* TABLEAU */ 
	#tablo {padding:10px;background:#fff;border:1px solid #e1e1e1;border-radius:5px;}
	#tablo table.tablo {width:100%;background:#fff;padding:20px;border-collapse: collapse;}
	#tablo table.tablo tr.titre {font-weight:bold;background:#efefef}
	#tablo table.tablo tr td {padding:10px;}
	#tablo table.tablo tr td.icon {width:30px;text-align:center;} 
	#tablo table.tablo tr td.right {text-align:right;}
	#tablo table.tablo tr:nth-child(even) {background-color: #f2f2f2;}
	#tablo table.tablo tr:nth-child(odd) {background-color: #ffffff;}
	#tablo table.tablo tr td.vide {text-align:center;color:#bf0000}
	#tablo table.tablo tr td a.btn {padding:8px 15px;background:#2DA997;border-radius:5px;font-size:1rem;color:#fff;border:1px solid #fff;transition:.2s}
	#tablo 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:#2DA997}
	.compte ul li:hover {color:#2DA997;}
	.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;}

@media all and (max-width: 1100px) {.compte ul li {width:50%}}
@media all and (max-width: 768px) {
	.compte ul li {float:none;width:100%}
	.compte ul li div {margin:5% 0;width:100%}
}

/* 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:#2DA997;color:#fff;}
	.message-jaune {background:#FFD157;text-align:center;padding:15px;}
	
/* FOOTER */
	.footer {border-top:1px solid #e1e1e1;padding-top:20px;font-size:0.80rem;}
	.footer ul li {width:100%;text-align:center;padding-bottom:50px;}
	.footer ul li a {text-decoration:none}
	
/* PAGINATION */
	.pagination {padding:50px 0 25px 0;text-align:center;font-size:0.90rem;width:100%;color:#2DA997;}
	.pagination span {padding:4px;border-radius:5px;background:transparent;color:#2DA997;margin: 0;font-weight:bold;}
	.pagination a {padding:4px 6px;border-radius:5px;background:#2DA997;margin: 0 3px;color:#fff;}
	.pagination a:hover {background:#2DA997;color:#fff;}
	.pagination a.suiv:before {content:" >> ";padding:4px 8px;}
	.pagination a.prec:before {content:" << ";padding:4px 8px;}