/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
        font-family: Roboto,  Arial, sans-serif, "Apple Color Emoji", "Helvetica Neue", "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI",  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Containers */

	.container {
		margin-left: auto;
		margin-right: auto;
	}

	.container.\31 25\25 {
		width: 100%;
		max-width: 1750px;
		min-width: 1400px;
	}

	.container.\37 5\25 {
		width: 1050px;
	}

	.container.\35 0\25 {
		width: 700px;
	}

	.container.\32 5\25 {
		width: 350px;
	}

	@media screen and (min-width: 1681px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 2800px;
			min-width: 1900px;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 100%;
		}

	}
	@media screen and (min-width : 1441px) and (max-width: 1680px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 1500px;
			min-width: 1200px;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 100%;
		}

	}
	@media screen and (min-width : 1281px) and (max-width: 1440px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 1280px;
			min-width: 1024px;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 100%;
		}

	}	

	@media screen and (min-width : 981px) and (max-width: 1280px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 1100px;
			min-width: 960px;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 100%;
		}

	}

	@media screen and (min-width : 737px) and (max-width: 980px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 100% !important;
		}

	}

	@media screen and (max-width: 736px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 125%;
			min-width: 100%;
		}

		.container.\37 5\25 {
			width: 75%;
		}

		.container.\35 0\25 {
			width: 50%;
		}

		.container.\32 5\25 {
			width: 25%;
		}

		.container {
			width: 100% !important;
		}

	}

/* Grid */

	.row {
		border-bottom: solid 1px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row > * {
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row:after, .row:before {
		display: block;
		clear: both;
	}

	.row.uniform > * > :first-child {
		margin-top: 0;
	}

	.row.uniform > * > :last-child {
		margin-bottom: 0;
	}

	.row.\30 \25 > * {
		padding: 0px 0 0 0px;
	}

	.row.\30 \25 {
		margin: 0px 0 -1px 0px;
	}

	.row.uniform.\30 \25 > * {
		padding: 0px 0 0 0px;
	}

	.row.uniform.\30 \25 {
		margin: 0px 0 -1px 0px;
	}

	.row > * {
		padding: 0px 15px 0px 15px;
	}

	.row {
		margin: -40px 0 -1px -40px;
	}

	.row.uniform > * {
		padding: 40px 0 0 40px;
	}

	.row.uniform {
		margin: -40px 0 -1px -40px;
	}

	.row.\32 00\25 > * {
		padding: 80px 0 0 80px;
	}

	.row.\32 00\25 {
		margin: -80px 0 -1px -80px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 80px 0 0 80px;
	}

	.row.uniform.\32 00\25 {
		margin: -80px 0 -1px -80px;
	}

	.row.\31 50\25 > * {
		padding: 60px 0 0 60px;
	}

	.row.\31 50\25 {
		margin: -60px 0 -1px -60px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 60px 0 0 60px;
	}

	.row.uniform.\31 50\25 {
		margin: -60px 0 -1px -60px;
	}

	.row.\35 0\25 > * {
		padding: 20px 0 0 20px;
	}

	.row.\35 0\25 {
		margin: -20px 0 -1px -20px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 20px 0 0 20px;
	}

	.row.uniform.\35 0\25 {
		margin: -20px 0 -1px -20px;
	}

	.row.\32 5\25 > * {
		padding: 10px 0 0 10px;
	}

	.row.\32 5\25 {
		margin: -10px 0 -1px -10px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 10px 0 0 10px;
	}

	.row.uniform.\32 5\25 {
		margin: -10px 0 -1px -10px;
	}

	.\31 2u, .\31 2u\24 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u, .\31 1u\24 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u, .\31 0u\24 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u, .\39 u\24 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u, .\38 u\24 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u, .\37 u\24 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u, .\36 u\24 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u, .\35 u\24 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u, .\34 u\24 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u, .\33 u\24 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u, .\32 u\24 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u, .\31 u\24 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24 + *,
	.\31 1u\24 + *,
	.\31 0u\24 + *,
	.\39 u\24 + *,
	.\38 u\24 + *,
	.\37 u\24 + *,
	.\36 u\24 + *,
	.\35 u\24 + *,
	.\34 u\24 + *,
	.\33 u\24 + *,
	.\32 u\24 + *,
	.\31 u\24 + * {
		clear: left;
	}

	.\-11u {
		margin-left: 91.66667%;
	}

	.\-10u {
		margin-left: 83.33333%;
	}

	.\-9u {
		margin-left: 75%;
	}

	.\-8u {
		margin-left: 66.66667%;
	}

	.\-7u {
		margin-left: 58.33333%;
	}

	.\-6u {
		margin-left: 50%;
	}

	.\-5u {
		margin-left: 41.66667%;
	}

	.\-4u {
		margin-left: 33.33333%;
	}

	.\-3u {
		margin-left: 25%;
	}

	.\-2u {
		margin-left: 16.66667%;
	}

	.\-1u {
		margin-left: 8.33333%;
	}
	@media screen and (min-width: 1681px) {
/*
		.row > * {
			padding: 40px 0 0 40px;
		}
*/
		.row {
			margin: 25px 0 5px 0px;
		}

		.row.uniform > * {
			padding: 40px 0 0 40px;
		}

		.row.uniform {
			margin: -40px 0 -1px -40px;
		}

		.row.\32 00\25 > * {
			padding: 80px 0 0 80px;
		}

		.row.\32 00\25 {
			margin: -80px 0 -1px -80px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 80px 0 0 80px;
		}

		.row.uniform.\32 00\25 {
			margin: -80px 0 -1px -80px;
		}

		.row.\31 50\25 > * {
			padding: 60px 0 0 60px;
		}

		.row.\31 50\25 {
			margin: -60px 0 -1px -60px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 60px 0 0 60px;
		}

		.row.uniform.\31 50\25 {
			margin: -60px 0 -1px -60px;
		}

		.row.\35 0\25 > * {
			padding: 20px 0 0 20px;
		}

		.row.\35 0\25 {
			margin: -20px 0 -1px -20px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 20px 0 0 20px;
		}

		.row.uniform.\35 0\25 {
			margin: -20px 0 -1px -20px;
		}

		.row.\32 5\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.\32 5\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.uniform.\32 5\25 {
			margin: -10px 0 -1px -10px;
		}

		.\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xlarge\29 + *,
		.\31 1u\24\28xlarge\29 + *,
		.\31 0u\24\28xlarge\29 + *,
		.\39 u\24\28xlarge\29 + *,
		.\38 u\24\28xlarge\29 + *,
		.\37 u\24\28xlarge\29 + *,
		.\36 u\24\28xlarge\29 + *,
		.\35 u\24\28xlarge\29 + *,
		.\34 u\24\28xlarge\29 + *,
		.\33 u\24\28xlarge\29 + *,
		.\32 u\24\28xlarge\29 + *,
		.\31 u\24\28xlarge\29 + * {
			clear: left;
		}

		.\-11u\28xlarge\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xlarge\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xlarge\29 {
			margin-left: 75%;
		}

		.\-8u\28xlarge\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xlarge\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xlarge\29 {
			margin-left: 50%;
		}

		.\-5u\28xlarge\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xlarge\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xlarge\29 {
			margin-left: 25%;
		}

		.\-2u\28xlarge\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xlarge\29 {
			margin-left: 8.33333%;
		}

	}
	@media screen and (max-width: 1680px) {
/*
		.row > * {
			padding: 40px 0 0 40px;
		}
*/
		.row {
			margin: 25px 0 5px 0px;
		}

		.row.uniform > * {
			padding: 40px 0 0 40px;
		}

		.row.uniform {
			margin: -40px 0 -1px -40px;
		}

		.row.\32 00\25 > * {
			padding: 80px 0 0 80px;
		}

		.row.\32 00\25 {
			margin: -80px 0 -1px -80px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 80px 0 0 80px;
		}

		.row.uniform.\32 00\25 {
			margin: -80px 0 -1px -80px;
		}

		.row.\31 50\25 > * {
			padding: 60px 0 0 60px;
		}

		.row.\31 50\25 {
			margin: -60px 0 -1px -60px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 60px 0 0 60px;
		}

		.row.uniform.\31 50\25 {
			margin: -60px 0 -1px -60px;
		}

		.row.\35 0\25 > * {
			padding: 20px 0 0 20px;
		}

		.row.\35 0\25 {
			margin: -20px 0 -1px -20px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 20px 0 0 20px;
		}

		.row.uniform.\35 0\25 {
			margin: -20px 0 -1px -20px;
		}

		.row.\32 5\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.\32 5\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.uniform.\32 5\25 {
			margin: -10px 0 -1px -10px;
		}

		.\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xlarge\29 + *,
		.\31 1u\24\28xlarge\29 + *,
		.\31 0u\24\28xlarge\29 + *,
		.\39 u\24\28xlarge\29 + *,
		.\38 u\24\28xlarge\29 + *,
		.\37 u\24\28xlarge\29 + *,
		.\36 u\24\28xlarge\29 + *,
		.\35 u\24\28xlarge\29 + *,
		.\34 u\24\28xlarge\29 + *,
		.\33 u\24\28xlarge\29 + *,
		.\32 u\24\28xlarge\29 + *,
		.\31 u\24\28xlarge\29 + * {
			clear: left;
		}

		.\-11u\28xlarge\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xlarge\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xlarge\29 {
			margin-left: 75%;
		}

		.\-8u\28xlarge\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xlarge\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xlarge\29 {
			margin-left: 50%;
		}

		.\-5u\28xlarge\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xlarge\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xlarge\29 {
			margin-left: 25%;
		}

		.\-2u\28xlarge\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xlarge\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 1280px) {
/*
		.row > * {
			padding: 25px 0 0 25px;
		}
*/
		.row {
			margin: 25px 0px 5px 0px;
		}

		.row.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.\31 2u\28large\29, .\31 2u\24\28large\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28large\29, .\31 1u\24\28large\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28large\29, .\31 0u\24\28large\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28large\29, .\39 u\24\28large\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28large\29, .\38 u\24\28large\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28large\29, .\37 u\24\28large\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28large\29, .\36 u\24\28large\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28large\29, .\35 u\24\28large\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28large\29, .\34 u\24\28large\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28large\29, .\33 u\24\28large\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28large\29, .\32 u\24\28large\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28large\29, .\31 u\24\28large\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28large\29 + *,
		.\31 1u\24\28large\29 + *,
		.\31 0u\24\28large\29 + *,
		.\39 u\24\28large\29 + *,
		.\38 u\24\28large\29 + *,
		.\37 u\24\28large\29 + *,
		.\36 u\24\28large\29 + *,
		.\35 u\24\28large\29 + *,
		.\34 u\24\28large\29 + *,
		.\33 u\24\28large\29 + *,
		.\32 u\24\28large\29 + *,
		.\31 u\24\28large\29 + * {
			clear: left;
		}

		.\-11u\28large\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28large\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28large\29 {
			margin-left: 75%;
		}

		.\-8u\28large\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28large\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28large\29 {
			margin-left: 50%;
		}

		.\-5u\28large\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28large\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28large\29 {
			margin-left: 25%;
		}

		.\-2u\28large\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28large\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 980px) {
/*
		.row > * {
			padding: 25px 0 0 25px;
		}
		.row {
			margin: -25px 0 -1px -25px;
		}
		*/
		.row {
			margin: 25px 0px 5px 0px;
		}



		.row.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.\31 2u\28medium\29, .\31 2u\24\28medium\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28medium\29, .\31 1u\24\28medium\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28medium\29, .\31 0u\24\28medium\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28medium\29, .\39 u\24\28medium\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28medium\29, .\38 u\24\28medium\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28medium\29, .\37 u\24\28medium\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28medium\29, .\36 u\24\28medium\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28medium\29, .\35 u\24\28medium\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28medium\29, .\34 u\24\28medium\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28medium\29, .\33 u\24\28medium\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28medium\29, .\32 u\24\28medium\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28medium\29, .\31 u\24\28medium\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28medium\29 + *,
		.\31 1u\24\28medium\29 + *,
		.\31 0u\24\28medium\29 + *,
		.\39 u\24\28medium\29 + *,
		.\38 u\24\28medium\29 + *,
		.\37 u\24\28medium\29 + *,
		.\36 u\24\28medium\29 + *,
		.\35 u\24\28medium\29 + *,
		.\34 u\24\28medium\29 + *,
		.\33 u\24\28medium\29 + *,
		.\32 u\24\28medium\29 + *,
		.\31 u\24\28medium\29 + * {
			clear: left;
		}

		.\-11u\28medium\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28medium\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28medium\29 {
			margin-left: 75%;
		}

		.\-8u\28medium\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28medium\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28medium\29 {
			margin-left: 50%;
		}

		.\-5u\28medium\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28medium\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28medium\29 {
			margin-left: 25%;
		}

		.\-2u\28medium\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28medium\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 736px) {

/*
		.row > * {
			padding: 20px 0 0 20px;
		}
		.row {
			margin: -20px 0 -1px -20px;
		}		
*/
		.row {
			margin: 25px 0px 5px 0px;
		}

		.row.\32 00\25 > * {
			padding: 40px 0 0 40px;
		}

		.row.\32 00\25 {
			margin: -40px 0 -1px -40px;
		}

		.row.\31 50\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.\31 50\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.\35 0\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.\35 0\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.\32 5\25 > * {
			padding: 5px 0 0 5px;
		}

		.row.\32 5\25 {
			margin: -5px 0 -1px -5px;
		}

		.\31 2u\28small\29, .\31 2u\24\28small\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28small\29, .\31 1u\24\28small\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28small\29, .\31 0u\24\28small\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28small\29, .\39 u\24\28small\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28small\29, .\38 u\24\28small\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28small\29, .\37 u\24\28small\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28small\29, .\36 u\24\28small\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28small\29, .\35 u\24\28small\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28small\29, .\34 u\24\28small\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28small\29, .\33 u\24\28small\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28small\29, .\32 u\24\28small\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28small\29, .\31 u\24\28small\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28small\29 + *,
		.\31 1u\24\28small\29 + *,
		.\31 0u\24\28small\29 + *,
		.\39 u\24\28small\29 + *,
		.\38 u\24\28small\29 + *,
		.\37 u\24\28small\29 + *,
		.\36 u\24\28small\29 + *,
		.\35 u\24\28small\29 + *,
		.\34 u\24\28small\29 + *,
		.\33 u\24\28small\29 + *,
		.\32 u\24\28small\29 + *,
		.\31 u\24\28small\29 + * {
			clear: left;
		}

		.\-11u\28small\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28small\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28small\29 {
			margin-left: 75%;
		}

		.\-8u\28small\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28small\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28small\29 {
			margin-left: 50%;
		}

		.\-5u\28small\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28small\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28small\29 {
			margin-left: 25%;
		}

		.\-2u\28small\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28small\29 {
			margin-left: 8.33333%;
		}

	}
	
		/* Basic */
				
			input, select, textarea {
				line-height: 1.5em;
			}

			h2, h3, h4, h5, h6 {
				font-size: 1em;
				/*margin: 0.5em 0 0.5em 0;
				padding : 0.5em 0 0.5em 0;*/
			}
	/*		h2 {
				text-align : center ;
				color : #FF0 ;
			}			*/

		/* Section/Article */

			section, article {
				clear: both;
				margin-bottom: 1em !important; /*3em avant le 03122020*/
			}

				section.last, article.last {
					margin-bottom: 0 !important;
				}

		/* Image */

			.image.left {
				width: 25%;
				margin-bottom: 2em !important;
			}

		/* List */

			ul.menu li {
				display: block;
				border: 0 !important;
				padding: 0 !important;
				margin: 0 !important;
			}

			ul.actions li {
				display: block;
				padding: 0;
				margin: 1em 0 0 0;
			}

				ul.actions li:first-child {
					margin-top: 0;
				}

		/* Button */

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
				width: 50%;
				text-align: center;
				font-size: 1.25em !important;
				padding: 0.65em 0 !important;
			}

				input[type="button"].icon,
				input[type="submit"].icon,
				input[type="reset"].icon,
				button.icon,
				.button.icon {
					padding-right: 0.75em !important;
				}

					input[type="button"].icon:before,
					input[type="submit"].icon:before,
					input[type="reset"].icon:before,
					button.icon:before,
					.button.icon:before {
						margin-right: 0.5em;
						top: 0.05em;
					}

/* flex ajouter au foofterbis.php 

.flex {

	align-items: center ;
	justify-content : space-around;
	display : flex;
	height :200px; 
	order: 2 ;
	clear :both ;	
}
*/
		/* Box */

			.box {
				padding: 5px 10px 5px 10px;
				margin: 0;
			}

				.box.feature {
					margin: 0 0 0 0 !important;
					padding: 0;
				}

					.box.feature .inner {
						padding: 5px 15px 5px 15px;
					}

					.box.feature p {
						margin: 0;
					}

					.box.feature .image {
						position: relative;
						margin: 0;
					}

						.box.feature .image img {
							border-bottom-left-radius: 0;
							border-bottom-right-radius: 0;
						}
			.boxmenu {
				padding: 5px 10px 5px 10px;
				margin: 0;
			}
			
			.boxmenujour {
				padding: 5px 10px 5px 10px;
				margin: 0;
			}
			.boxmenujour img{
			  width: 100%;
			  display: block;
			  margin-left: auto;
			  margin-right: auto;
			}
			
				.boxmenu.feature {
					/* margin: 20px 0 0 0 !important;*/
					margin : 0 ;
					padding: 0;
				}

					.boxmenu.feature .inner {
						padding: 30px 15px 30px 15px;
					}

					.boxmenu.feature p {
						margin: 0;
						color : #fff ;
					}

					.boxmenu.feature .image {
						position: relative;
						margin: 0;
					}

						.boxmenu.feature .image img {
							border-bottom-left-radius: 0;
							border-bottom-right-radius: 0;
						}
		/* Widgets */

			.widget.thumbnails .image {
				margin: 0;
			}

			.widget.thumbnails .x {
				padding: 1em 0.5em 0 0;
			}

			.widget.thumbnails .y {
				padding: 1em 0 0 0.5em;
			}

			.widget.thumbnails .row:first-child .x, .widget.thumbnails .row:first-child .y {
				padding-top: 0;
			}

		/* Banner */

			#banner {
				text-align: center;
				padding: 15px 15px 15px 15px;
				margin: 0 auto !important;
			}

				#banner h2 {
					font-size: 2em;
					margin: 0.75em 0 0.5em 0;
				}

				#banner p {
					font-size: 1.5em;
					line-height: 1.5em;
					margin: 0;
				}

				#banner ul {
					margin: 0;
				}

				#banner .button {
					margin: 0 0 1em 0;
				}

		/* Content */

			#content {
				padding-bottom: 3em;
			}
/* CSS valable pour toutes les tailles des écrans */
/* Basic */

	@-ms-viewport {
		width: device-width;
	}
	html{
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../../images/bg.png");
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../../images/bg.png");
		background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../../images/bg.png");
		background-image: linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../../images/bg.png");
		background-position: top left, top left;
		background-repeat: repeat-x, repeat;		
	}

	body {
		display:block;
		margin-left: auto;
		margin-right: auto; 
        width : 100%;
		/*font-size: 1em;*/
	}

		body.is-loading * {
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}

	input, select, textarea {
		font-family: 'Open Sans', sans-serif;
		font-size: 0.9em;
		color: #000;
		font-weight: 300;
		line-height: 2.25em;
	}

	a {
		color: #aea/*#0090c5*/;
		text-decoration: underline;
		font-size: 1em;
	}

		a:hover {
		color:  #FFF /*#FF0#d5d#0090c5*/;
		font-size: 1em;	
		}

	h1 {
		color: #444;
		font-weight: 800;
	}
/*	h2, h3, h4, h5, h6 {
		color: #FFF;
		font-weight: 400;
	}	*/

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
			outline: 0;
		}

	b, strong {
		font-weight: 600;
		color: #444;
	}

	i, em {
		font-style: italic;
	}

	br.clear {
		clear: both;
	}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	hr {
	  margin: 0;
	  padding: 0;
	  color: #F00;
	  background-color: #F00;
	  border: 0;
	}

	blockquote {
		border-left: solid 0.5em #eee;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	/* J'ai changé pour Pearltrees fcihier inscription dans include */
	p, table {
		margin : 20px 0 0 0 ;
	}
	ul, ol, dl {
		margin : 0 ;
	}
	/* Section/Article */

	section > :last-child,
	article > :last-child,
	section:last-child,
	article:last-child {
		margin-bottom: 0;
	}

	header {
		margin: 0;
	}

		header h2, header h3 {
			margin: 0.5em 0 0.25em 0;
		}

		header p {
			margin: 0;
		}
/* Footer */

	#footer {
		line-height: 1.2em;
		margin: 1em;
	    background-color: #EEE ; 
		width:100%;
		padding: 0;
		color : #000  ;/*#FFF#aea #0C5AA9*/
		font-size : 1em ;
		font-weight : normal ;		
	}

		#footer a {
			color: inherit ;
			text-decoration : none ;
		    margin-top: 20px;			
		}
		#footer img {
			border-radius :5%;
		}
		#footer a:hover {
			color: aea ;
			text-decoration : green underline ;			
		}		

	#footer h3 {
		color :#ff0 /*#660000#aea*/;
	}	
	/* #panneau  est définie dans assets/css/compteur.css*/

/* Forms
	form label {
		display: inline-block;
		font-weight: 600;
		margin: 0 0 1em 0;
		font-size: 0.8em;
		color: #444;
	}
 */
	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		-webkit-appearance: none;
		display: inline-block;
		border: solid 1px #eee;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form textarea:focus {
			border-color: #0090c5;
		}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"] {
		line-height: 1em;
		padding: 0 1em;
	}

	form select {
		line-height: 2em;
		padding: 0 1em;
	}

	form textarea {
		min-height: 9em;
		padding: 1em;
	}

	form .formerize-placeholder {
		color: #555 !important;
	}

	form ::-webkit-input-placeholder {
		color: #555 !important;
	}

	form :-moz-placeholder {
		color: #555 !important;
	}

	form ::-moz-placeholder {
		color: #555 !important;
	}

	form :-ms-input-placeholder {
		color: #555 !important;
	}

	form ::-moz-focus-inner {
		border: 0;
	}

/* Tables */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tr {
				border-top: solid 1px #eee;
			}

				table.default tr:first-child {
					border-top: 0;
				}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				text-align: left;
				padding: 0.5em 1em 0.5em 1em;
				font-weight: 800;
				margin: 0 0 1em 0;
			}

			table.default thead {
				background: #404248;
				color: #fff;
			}

	/* Image */

	.image {
		display: inline-block;
		outline: 0;
	}

		.image img {
			display: block;
			width: 100%;
			border-radius: 8px;
		}
		.image.fit {
			display: block;
			width: 100%;
		}

		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 2.5em 0;
		}

		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}

		.image.centered {
			display: block;
			margin: 0 0 2.5em 0;
		}

			.image.centered img {
				margin: 0 auto;
				width: auto;
			}

	/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		-webkit-appearance: none;
		position: relative;
		display: inline-block;
		background: #E14C15 /*#0090c5*/;
		color: #fff;
		text-decoration: none;
		border-radius: 6px;
		font-weight: 400;
		outline: 0;
		border: 0;
		cursor: pointer;
		font-size: 1em;
		padding: 0.6em 1.5em;
		line-height : 10px;
	}

		input[type="button"].icon:before,
		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		button.icon:before,
		.button.icon:before {
			position: relative;
			margin-right: 0.5em;
			top: 0.05em;
		}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {
			background: #10a0d5;
		    color: #123;			
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		button:active,
		.button:active {
			background: #20b0e5;
		}

		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		button.alt,
		.button.alt {
			background: #f1f1f1;
			background: rgba(0, 0, 0, 0.05);
			color: #444;
		}

			input[type="button"].alt:hover,
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background: #e8e8e8;
				background: rgba(0, 0, 0, 0.085);
			}

			input[type="button"].alt:active,
			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			button.alt:active,
			.button.alt:active {
				background: #e4e4e4;
				background: rgba(0, 0, 0, 0.15);
			}

		input[type="button"].big,
		input[type="submit"].big,
		input[type="reset"].big,
		button.big,
		.button.big {
			font-size: 2.25em;
			padding: 0.8em 0.9em;
		}

	/* List */

	ul.default {
		list-style: disc;
		padding-left: 1em;
	}

		ul.default li {
			padding-left: 0.5em;
		}

	ul.actions li {
		display: inline-block;
		padding: 0 0 0 0.25em;
		margin: 0 0 0 0.25em;
	}

		ul.actions li:first-child {
			margin-left: 0;
			padding-left: 0;
		}

	ul.menu li {
		border-left: solid 1px #e0e0e0;
		display: inline-block;
		padding: 0 0 0 0.75em;
		margin: 0 0 0 0.75em;
	}

		ul.menu li:first-child {
			border-left: 0;
			margin-left: 0;
			padding-left: 0;
		}

	ol.default {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol.default li {
			padding-left: 0.25em;
		}

	/* Box */

	.box { 
		border-radius: 6px;
		background-color:  #B3003A ;/*#283583#283583 #005CA9 #6145FF   #000*/
        }
	.imprimmenu {
		border-radius: 10px ;
		display : block ;
		background-color : #876954 /*#FF7F50 #ED643A #486*/  ; 
		width:100%;
        text-align: center;
		padding: 0;
		color : #FFF ;
		height : 250px ;
	}	
	.imprimmenu h4 {
		padding-top : 20px ;
	}
	.menujour{
	font-size:1.1em;
	color : #123 /*#DC143C*/;
	font-weight: bold ;
	}
	.menusemaine {
	font-size:1.1em;
	color : #123 /*#DC143C*/;
	}
	.corpmenu {
		width:100%;
        text-align: center;
		padding: 0;
		color : #123 ;
	}	
	.menujourjour {
	font-size:1.1em;
	color : #FFF /*#DC143C*/;
	font-weight: normal ;
	}	
	.corpmenujour {
	background-color: #FFF ;
	width:100%;
    text-align: center;
	padding: 10px 0 20px 0;
	color : #000 ;
	}
	.titremenu {
	font-size: 1.2em;			
	width:100%;
    text-align: center;
	padding: 0;
	font-weight: bold ;
	color: #123;
		}	
	.titremenujour {			
	width:100%;
    text-align: center;
	padding: 0;
    line-height: 30px ;
		}			
	.titremenujour h2, h3 {			
	color: #123 ;
	font-size: 1.4em;
	font-weight : bold ;
	text-decoration : underline ;	
	}		
		.box.feature {
			padding: 0;		
		}
			.box.feature .inner {
				padding: 0.5em 1em ;
			}
			.box.feature h2 {
				font-size: 1.4em;
				text-align : center ;
				color : #FFFFFF ;
			}
			.box.feature p {
				margin: 0;
			}
			.box.feature .image {
				position: relative;
				margin: 0;
			}
				.box.feature .image img {
					border-bottom-left-radius: 0;
					border-bottom-right-radius: 0;
				}
		.boxmenu.feature {
			padding: 0;
		}
		.boxmenu.feature a {
			/*color : #000 ;*/
		}
		.boxmenu.feature a:hover {
			/*color : #d5d ;*/
		}
		.boxmenu.feature li {
			color : #FFF ;
		}		
			.boxmenu.feature .inner {
				padding: 0.5em 1em 1em 1em;
			}
			.boxmenu.feature h2 {
				font-size: 1.2em;
			}
			.boxmenu.feature p {
				margin: 0;
				color : #FFF ;
			}
			.boxmenu.feature .image {
				position: relative;
				margin: 0;
			}
				.boxmenu.feature .image img {
					border-bottom-left-radius: 0;
					border-bottom-right-radius: 0;
				}
	/* Icons */
	.icon {
		position: relative;
		text-decoration: none;
	}
		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}
		.icon > .label {
			display: none;
		}
	/* Widgets */
	.widget.thumbnails .grid {
		margin: 0 0 3em 0;
	}
	.widget.thumbnails .image {
		margin: 0;
	}
	.widget.contact ul {
		overflow: hidden;
		position: relative;
		left: -4px;
		top: 4px;
		margin-bottom: 1.5em;
	}
		.widget.contact ul li {
			display: inline-block;
			margin-right: 0.25em;
		}
			.widget.contact ul li a.fa-facebook {
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
				display: inline-block;
				width: 2.5em;
				height: 2.5em;
				text-align: center;
				line-height: 1.5em;
				outline: 0;
				opacity: 0.75;
				text-decoration: none;
				background-image: url('images/facebook.jpg')/*#222222*/;
			}
			.widget.contact ul li a.fa-instagram {
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
				display: inline-block;
				width: 2.5em;
				height: 2.5em;
				text-align: center;
				line-height: 1.5em;
				outline: 0;
				opacity: 0.75;
				text-decoration: none;
				background-image: url('images/anciens.jpg')/*#222222*/;
			}
				.widget.contact ul li a.fa-facebook:before {
					color: #f3f3f3;
					font-size: 1.75em;
					line-height: 1.5em;
				}
				.widget.contact ul li a.fa-facebook:hover {
				background-image: url('images/facebookhover.jpg')/*#222222*/;
				}
				.widget.contact ul li a.fa-facebook:active {
					background: #666666;
				}
				.widget.contact ul li a.fa-instagram:before {
					color: #f3f3f3;
					font-size: 1.75em;
					line-height: 1.5em;
				}
				.widget.contact ul li a.fa-instagram:hover {
				background-image: url('images/ancienshover.jpg')/*#222222*/;
				}
				.widget.contact ul li a.fa-instagram:active {
					background: #666666;
				}
		/* Wrappers */
			#features-wrapper {
				padding: 0 15px 20px 15px;
			}
	#features-wrapper {
		float: left;
        width: 100%;
		padding: 0;
		background-color:  #e5e5dc ;/*#f5f0e1#ffffff#eeeffa*/
		/*min-height : 400px ;*/
	}
	.fondoutilpeda {
		background-color: #1e847f; /*#ffffff#eeeffa*/
	}
	/* Header */
	#header-wrapper {
		background-color: #fff  ; /*#E9E9FA #DFF2FF#E6E6FA #d5d5d5 #D84011 #1A0000*/
	}
	#header {
		padding: 0;
		width:100%;
		display: flex;
		justify-content: center;
		flex-direction : row ;
		flex-wrap: nowrap;
		background-color:  #f6f7f9 ;/* #eff2f7 #e5e5dc; #f5f0e1 #ffffff #eeeffa */	
		height: 50px;
        line-height : 50px ;		
	}
	#header img {
		border-radius: 50%;
	}
	/* Logo */
	#logo {      		
		text-align :center;
        background-color: #FFF ;
		height : 60px;		
	}	
	#logo img {
	  width : 100%; 
	  max-width : 300px; 
	}
	#nosinfos {      		
        position : absolute ;		
		right : 1%;
		top : 2%;
	}
	.texteentete {      		
		text-align :center;
        color: #000 ;	
	}
	/* Nav */
	#nav {
	    /*flex : 1 3 auto;
		margin: auto;*/	
	   }
		#nav ul li {
			float: left;
            font-weight: bold;				
			padding: 0 0.5em 0 0 ;
			font-size : 1.2em ;	
		}		
		#nav ul li a {
            font-family:  "Helvetica Neue", Roboto, "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	
			color: #B3003A  /*#283583 #222222 #000065*/ ;
            font-weight: bold;			
		}
/* Ce css se trouve en différentes resolutions */	
/*	#nav ul li a {
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
				font-weight: 300;
				letter-spacing: 0.025em;
				text-decoration: none;
				border-radius: 6px;
				padding: 0.1em 0.2em 0.1em 0.2em ;
			}*/
/* le css se trouve en différentes resolutions */
			#nav ul li > ul {
				display: none;
			}
			#nav ul li:hover a {
				background : #283583;
				color : #FFF ; /*#f00*/
			}
			#nav ul li:visited a {
				background : #000;
				color : #3C8E59 ; /*#f00*/
			}
			#nav ul li.active a  {
				background: #FFF ;
                color : #c31212 ; /*#3C8E59*/ 			
			}
			#nav ul li.current a {
				color: #FF0;
			}		
	.dropotron {
		background: #fff;
		letter-spacing: 0.025em;
		color: #696969;
		text-decoration: none;
		border-radius: 6px;
		padding: 0.75em 0;
		min-width: 15em;
		box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0.25em 0.25em 0.1em rgba(0, 0, 0, 0.025);
		margin-top: calc(-0.75em + 1px);
		margin-left: -1px;
	}
		.dropotron li {
			border-top: solid 1px #eee;
			line-height: 3em;
		}
			.dropotron li:first-child {
				border-top: 0;
			}
			.dropotron li > a, .dropotron li > span {
				-moz-transition: color .75s ease-in-out, background-color .25s ease-in-out;
				-webkit-transition: color .75s ease-in-out, background-color .25s ease-in-out;
				-ms-transition: color .75s ease-in-out, background-color .25s ease-in-out;
				transition: color .75s ease-in-out, background-color .25s ease-in-out;
				text-decoration: none;
				color: inherit;
				display: block;
				padding: 0 1.5em;
			}
				.dropotron li > a:hover, .dropotron li > span:hover {
					background: #283583; /*#eee*/
					color : #FFF;
					border-radius : 10px 0;
				    text-decoration: underline;				
				}
			.dropotron li.active > a, .dropotron li.active > span {
				background: #eee;
			}
		.dropotron.level-0 {
			font-size: 0.8em;
			margin-left: 1.5em;
			margin-top: 0;
		}
			.dropotron.level-0:before {
				content: '';
				position: absolute;
				top: -0.5em;
				left: 1em;
				border-bottom: solid 0.75em #ffffff;
				border-left: solid 0.75em transparent;
				border-right: solid 0.75em transparent;
				z-index: 1;
			}
/* Banner */
	#banner {
		position: relative;
		padding: 0.5em;
		background: #FF4486 /*#10A0D5*/;
	}
		#banner h2 {
			font-size: 3.5em;
			margin: 0.1em 0 0.35em 0;
		}
		#banner .button {
			width: 100%;
			margin-bottom: 0.5em;
		}
			#banner .button.icon:before {
				position: absolute;
				right: 0.15em;
				top: 50%;
				margin-top: -0.5em;
			}
			#banner .button.alt {
				margin-bottom: 0;
			}
		#banner ul {
			margin: 0 0 0 0.5em;
		}
/* css particulier */
.bouton {
	display:block;
	border-radius:12px 0 12px 0;
	background: #E14C15 /*#10A0D5*/;
	border:none;
	color:#fff;
	font:bold 18px Helvetica;
	padding:6px ;
	margin : 10px auto;
	text-align:center;
	width:auto;
}
#datecalender{
font-size:1em;
width:100%;
color : #fff;
background-color : #990020 ;
}
.erreur{
	color : #10A0D5;
	text-decoration : underline ;
}
#content {
		min-height : 300px;
			}
/* css pour la box menujour ajout d'une class menu*/
.menu {
		min-height : 450px;
		text-align:center;
			}
.bordure_verticale {
height: 10px;
border-right: 5px solid #aea;
}
/* css qui vient du fichier css/templatemo.css */
table.agendasenez select{
  font-weight: bold !important;
  color: #000;
  background: #eee ;
  text-transform: uppercase;
  	height:30px;
	display: inline-block;
    border: solid 2px #aea;
}
table.agendasenez {
  margin:0 auto;
  vertical-align: middle ;
  border: 4px solid #B3BAB6;
  background-color: #283583 /*#3062AB#0981A2*/;
  width: 99%;
  text-align: left;
  border-collapse: collapse;
}
table.agendasenez td {
  border: 1px solid #fff;
  padding: 4px 4px;
  text-align: center;
}
table.agendasenez th {
  border: 1px solid #fff;
  padding: 4px 4px;
  font-size: 1.1em;
  font-weight: bold;
  color: #FF0;
  text-align: center;  
  vertical-align : middle ;  
}
table.agendasenez td {
  font-size: 1em;
  font-weight: normal;
  color: #FFFFFF;
  vertical-align : middle ;
}
table.agendasenez tbody{
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
}
table.agendasenez td:nth-child(even) {
  background: #3c8e59 ; /*#EF663C #BA8697;*/
}
table.agendasenez tfoot {
  font-weight: bold;
  background: #BA8697;
  border-top: 1px solid #FF0;
}
table.agendasenez tfoot .links {
  text-align: right;
}
table.agendasenez tfoot .links a{
  display: inline-block;
  background: #FFFFFF;
  color: #BA8697;
  padding: 2px 8px;
  border-radius: 5px;
}
table.agendasenez input[type="text"]{
	height:30px;
	display: inline-block;
    border: solid 2px #aea;
}
table.agendasenez input[type="submit"]{
	text-align:center;
	display: inline-block;
}
table.agendasenez textarea {
		padding: 1em ;
		width : 70%;
	}
.autrespan {
	color:#FF0 ; 
	font-size:1.5em ;
	text-align : center ;
	display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
	width: 100%;
	padding: 0.5em ;	
} 
/* Boite news dans fichier index.php (le fichier des news se rempli par base de données intro1.php*/
.news_style
{
display:none;
}
.news_show p
{
color:#FFF /*#aee*/;
font-size:1.2em;
padding:3px 6px;
}
.news_show span
{
color:#FFC;
font-size:1.1em;
text-align:right;
}
.news_show 
{
margin:0 auto;
color: #FFF;
width:100%;
height:100%;
font: normal 100% Helvetica, "Arial", "Lucida Grande",Verdana,  Sans-Serif;
overflow: auto;	
padding:0px; 
/*background-color: #000;*/
background: url(image/bg.jpg) no-repeat center fixed; 
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
}
.news_border 
{
background-color: #FFF;
width:100%;
height: 133px;
font: normal 100% "Arial", "Lucida Grande", Verdana, Sans-Serif;
overflow: hidden;
text-overflow: ellipsis;
}
.buttondiv
{
background-color: #E5E5E5;
border: 1px solid #E5E5E5;
border-top:none;
height:10px;
}
.buttonsubmit
{
background-color: #E5E5E5;
border: 1px solid #E5E5E5;
border-top:none;
height:20px;
}
.news_show a 
{
color:#FFD700;/**/
float: right;
padding-right: 5px;
}
.news_show a:hover 
{
color:#CCFCFC;
}
.titrenews {
font: "Helvetica", "Arial", "Lucida Grande", Verdana, Sans-Serif;
font-size:1.3em;
color:#000;
text-align:left;
margin:0px;
padding:0px 5px ;
}
/* Boite news fichier index.php */
.encours {
font-size:1.1em;
font-weight:bold;
background :#424500 url(../images/imgmenuWifeo.png);
font: normal 100% "Lucida Grande", "Arial", Verdana, Sans-Serif;
}
#agenda
{
	float:left;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	color:#FFF;
	background-color:#6688EE;
	font-size :2em;
	}
.agenda1 /* Les cellules normales */
{
font-family: "Helvetica", "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
text-align:center; /* Tous les textes des cellules seront centrés*/
padding:5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
font-size : 1.6em;
color : #008;
	background-color:#fff;	
}
.agenda2 /* Les cellules normales */
{
color : #aee;	
font-family: "Helvetica", "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
text-align:center; /* Tous les textes des cellules seront centrés*/
padding:5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
font-size : 1.3em;
}
#agenda th {
color : #aee;
font-size : 1.2em;
}
#agenda td {
font-size : 1.2em;
}
/* espace d'affichage mode connecter des applis et diaporama*/
#templatemo_main_intralycee {	
	width: 100%;
	margin: 0 auto;
	height: 100%;
    overflow: hidden !important;
    background: #e5e5dc ; 
}
#home_about_intralycee { 
	float:left; 
	width: 100%; 
	min-height : 200px ;
	border-radius: 6px;
	/*margin : 1.2% 0.5% 1.2% 0.5% ;
    background: #FFF ; url(../../images/pic02.jpg) no-repeat center fixed;*/ 
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
    /*background:#087490;*/ 
}
#home_about_intralycee a { color : #123;}
#home_about_intralycee a:hover{ color : #d5d; text-decoration : underline ;}
#home_gallery_intralycee { 
/*background-color: #c4a35a ;   #83A697  #40826D#696969 #283583 #708090url("../../images/pic02.jpg") no-repeat center fixed; #f5f5f5 #FFF #f2f; */
/*background: #0B4EEE  #087490#6145FF  #4A545D #444444 #F5F5F5;*/ 
float:left; 
width: 99%; 
min-height: 150px;
border-radius: 6px; 	
margin : 1.2% 0 0 0 ;
color : #000;
}
/*
.mesapplis {
color : #fff;
margin : 0.5%;
padding : 0.5%;
font-size : 2.5em;
text-align : center;
}
*/
.mesoutils {
/*margin-bottom : 0.5%;	*/
color : #d5d5d5;
font-size : 1.5em;
text-align : center;
border-radius: 6px;
margin : 1%; 
padding : 2%;
}
/* contenu des différents fichiers contenu 0 à 6*/
ul.column {
	padding: 0;
	margin: 0;
	list-style: none;
	width : 100% ;
}
ul.column li {
	float: left;
	margin : 0.5%;
}
.block {
	height: 100%;
	margin : 0 auto; /*Creates the 10px gap between each column*/
	/*padding : 2px;  10 px avant le 03122020*/
	display: block;	
}
.block a {
	color: #FFF;
	text-align:center;
	text-decoration : none;
	font-size : 1em;	
	}
.block a:hover {
	color: #ff0;
	text-align:center;
	text-decoration :underline;
	font-size : 1em;		
	}
	/*.block img {
	border : 1px solid #283583 ;
	box-shadow : 0px 0px 20px #283583 ;
	border-radius : 10% ;
	width: 80%;  
	padding: 2%;
	display: block;
    text-align : center ;
	margin : 0 auto ;
  -webkit-filter: grayscale(0) blur(0px);
  filter: grayscale(0) blur(0px);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;	
	}
.block img {
	position:relative;
	left:0;
}
.block:hover img {
  width: 70% ; 
  height: 70% ;
  border-radius: 50%;  
  -webkit-transform: rotate(360deg); 
  transform: rotate(360deg);
}*/
/* zomm*/
.block img {
	width : 75% ;
	box-shadow : 0px 0px 20px #2f2011 ;
	border-radius : 1% ;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin-left : 50% ;
	margin-right : 50% ;
}
.block:hover img {
	-webkit-transform: scale(1);
	transform: scale(0.75);
	border-radius: 75%;
}
/* Slide */
/*
.block img {
	width: 90%;  
	padding: 0.5%;
	display: block;
    text-align : center ;
	box-shadow : 0px 0px 20px #2f2011 ;
	border-radius : 1% ;
	margin-left: 20px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.block:hover img {
	margin-left: 15px;
}
*/
/* Réglage de la vidéo à l'accueil pour différentes résolution */
/* XXLarge */
	@media screen and (min-width : 1681px) {
	#video_background {
			width: 480px;
			height: 300px;
			z-index: -1000;
			overflow: hidden;
			}
		/* Basic */

			body, input, select, textarea {
				font-size: 12pt;
			}
		/* les lien du menu avec un padding plus petit pour eviter une supperposition entre H1 et bienvenue */
		#nav ul li a {
				-moz-transition: background-color 0.75s ease-in-out;
				-webkit-transition: background-color 0.75s ease-in-out;
				-ms-transition: background-color 0.75s ease-in-out;
				transition: background-color 0.75s ease-in-out;
				letter-spacing: 0.025em;
				text-decoration: none;
				border-radius: 6px;
				padding: 0.5em;
				font-size: 100%;
                font-weight: bold;					
			}
		#page-wrapper {
			/*	-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;*/
			}
	}		
/* XLarge */
	@media screen and (min-width : 1281px) and (max-width: 1680px) {
	#video_background {
		width: 480px;
		height: 300px;
		z-index: -1000;
		overflow: hidden;
		}
		/* Basic */

			body, input, select, textarea {
				font-size: 12pt;
			}
		/* les lien du menu avec un padding plus petit pour eviter une supperposition entre H1 et bienvenue */
		#nav ul li a {
				-moz-transition: background-color 0.75s ease-in-out;
				-webkit-transition: background-color 0.75s ease-in-out;
				-ms-transition: background-color 0.75s ease-in-out;
				transition: background-color 0.75s ease-in-out;
				letter-spacing: 0.025em;
				text-decoration: none;
				border-radius: 6px;
				padding: 0.7em;
				font-size: 80%;
				font-weight: bold;	
			}
			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}
	}
/* Large */
	@media screen and (min-width : 981px) and (max-width: 1280px) {
	#video_background {
		width: 350px;
		height: 280px;
		z-index: -1000;
		overflow: hidden;
		}
		/* Basic */
			body, input, select, textarea {
				font-size: 11pt;
			}
		/* les lien du menu avec un padding plus petit pour eviter une supperposition entre H1 et bienvenue */		
		#nav ul li a {
				-moz-transition: background-color 0.75s ease-in-out;
				-webkit-transition: background-color 0.75s ease-in-out;
				-ms-transition: background-color 0.75s ease-in-out;
				transition: background-color 0.75s ease-in-out;
				letter-spacing: 0.025em;
				text-decoration: none;
				border-radius: 6px;
				padding: 0.6em;
				font-size: 70%;
                font-weight: bold;	
			}
		#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}

	}
	@media screen and (min-width : 737px) and (max-width: 980px) {
	#video_background {
		width: 280px;
		height: 120px;
		z-index: -1000;
		overflow: hidden;
		}	
		/* Basic */
			html, body {
				overflow-x: hidden;
			}
			body, input, select, textarea {
				font-size: 11pt;
			}
		/* Section/Article */
			section, article {
				clear: both;
				margin-bottom: 3em !important;
			}
			section.last, article.last {
				margin-bottom: 0 !important;
			}
		/* Image */
			.image.left {
				width: 25%;
				margin-bottom: 2em !important;
			}
		/* List */
			ul.menu li {
				display: block;
				border: 0 !important;
				padding: 0 !important;
				margin: 0 !important;
			}
			ul.actions li {
				display: block;
				padding: 0;
				margin: 1em 0 0 0;
			}

				ul.actions li:first-child {
					margin-top: 0;
				}
		/* Button */
			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
				width: 100%;
				text-align: center;
				font-size: 1.35em;
				padding: 0.85em 0 !important;
			}
				input[type="button"].icon,
				input[type="submit"].icon,
				input[type="reset"].icon,
				button.icon,
				.button.icon {
					padding-right: 0.75em !important;
				}
					input[type="button"].icon:before,
					input[type="submit"].icon:before,
					input[type="reset"].icon:before,
					button.icon:before,
					.button.icon:before {
						margin-right: 0.5em;
						top: 0.05em;
					}
		/* Nav 

			#nav {
				display: none;
			}*/
			#nav ul li a {
				-moz-transition: background-color 0.75s ease-in-out;
				-webkit-transition: background-color 0.75s ease-in-out;
				-ms-transition: background-color 0.75s ease-in-out;
				transition: background-color 0.75s ease-in-out;
				letter-spacing: 0.025em;
				text-decoration: none;
				border-radius: 6px;
				padding: 0.5em;
				font-size: 60%;
                font-weight: bold;	
			}
		/* Banner */
			#banner {
				padding: 4.5em 3em;
				text-align: center;
			}
				#banner ul {
					margin: 2em 0 0 0;
				}

				#banner .button.icon:before {
					position: relative;
					right: auto;
					top: auto;
				}
		/* Content */
			#content {
				border-bottom: solid 1px #e8e8e8;
				padding-bottom: 4em;
				margin-bottom: 0 !important;
				min-width : 600px;
			}
				#content > :last-child {
					margin-bottom: 0 !important;
				}
			#sidebar > :last-child {
				margin-bottom: 0 !important;
			}
		/* Footer */
			#copyright {
				padding: 0;
			}
		/* Off-Canvas Navigation */
			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}
	}
	@media screen and (max-width: 736px) {
	img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
    max-width: 100%;
    }
	.textheader {
		display : none ;
	}
	.boxmenu {
		display : none ;
	}
	.links {
		display : none ;
	}
		.\36 u, .\36 u\24 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}
	#header {
    border: none;
    display: flex;
    justify-content: flex-end;
    flex-direction : row ;	
	/*height : 30px ;*/
	}
		#logo {	
            max-width: 100%;		
			flex:1 ;
		}
		#nav {	
			flex:2 ;
			max-width: 100%;
		}		
		#nav a::after {
		  content: none;
		}
		#nav ul li a {
				-moz-transition: background-color 0.75s ease-in-out;
				-webkit-transition: background-color 0.75s ease-in-out;
				-ms-transition: background-color 0.75s ease-in-out;
				transition: background-color 0.75s ease-in-out;
				letter-spacing: 0.025em;
				text-decoration: none;
				border-radius: 6px;
				padding: 0.4em;
				font-size: 50%;
                font-weight: bold;	
			}		
			#nav ul li {
				padding: 0.1em 0.1em 0.1em 0em ;
				line-height : 1em
			}		
	#video_background {
		width: 280px;
		height: 120px;
		z-index: -1000;
		overflow: hidden;
		}	
		/* Basic */
			html, body {
				overflow-x: hidden;
			}
			body, input, select, textarea {
				font-size: 9pt;
			}
		/* Section/Article */
			section, article {
				clear: both;
				margin-bottom: 2em !important;
			}
			section.last, article.last {
				margin-bottom: 0 !important;
			}
		/* Image */
			.image.left {
				width: 20%;
				margin-bottom: 1em !important;
			}
		/* List */
			ul.menu li {
				display: block;
				border: 0 !important;
				padding: 0 !important;
				margin: 0 !important;
			}
			ul.actions li {
				display: block;
				padding: 0;
				margin: 0.8em 0 0 0;
			}

				ul.actions li:first-child {
					margin-top: 0;
				}
		/* Button */
			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
				width: 100%;
				text-align: center;
				font-size: 1em;
				padding: 0.75em 0 !important;
			}

				input[type="button"].icon,
				input[type="submit"].icon,
				input[type="reset"].icon,
				button.icon,
				.button.icon {
					padding-right: 0.65em !important;
				}
					input[type="button"].icon:before,
					input[type="submit"].icon:before,
					input[type="reset"].icon:before,
					button.icon:before,
					.button.icon:before {
						margin-right: 0.5em;
						top: 0.05em;
					}
		/* Wrappers */
			#header-wrapper {
				padding: 0.75em 0 0.75em 0;
				text-align: center;
			}
		/* Header */
			#header {
				margin: 0 auto;
			}
		/* Logo */
			#logo span {
				display: block;
				margin: 0;
			}
		/* Nav 
			#nav {
				display: none;
			} */
		/* Banner */
			#banner {
				padding: 3em 2em;
				text-align: center;
			}

				#banner ul {
					margin: 1.5em 0 0 0;
				}
				#banner .button.icon:before {
					position: relative;
					right: auto;
					top: auto;
				}
		/* Content */
			#content {
				border-bottom: solid 1px #e8e8e8;
				padding-bottom: 4em;
				margin-bottom: 0 !important;
				min-width : 600px;
			}
				#content > :last-child {
					margin-bottom: 0 !important;
				}
			#sidebar > :last-child {
				margin-bottom: 0 !important;
			}
		/* Footer */

			#copyright {
				padding: 0;
			}
		/* Off-Canvas Navigation */
			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}
	}
	@media screen and (max-width: 736px) {
.block a {
	color: #FFF;
	text-align:center;
	text-decoration : none;
	font-size : 0.5em;	
	}
.block a:hover {
	color: #ff0;
	text-align:center;
	text-decoration :underline;
	font-size : 0.5em;		
	}
}	
.message {
color : red;
font-size : 1em;	
}
/* Image qui flotte sur du texte */
.flotte img {
  display: block;
  margin:auto;
  text-align:center;
  width : 25%;
}
span.flotte {
  display: block;
  margin:auto;
  text-align:center;
  font-size : 1.5em;
  color:#A43;
}
.img_border { 
background: #fff; padding: 4px; border: 1px solid #ccc 
}
#toggle .label {
	text-align:left;
	display: inline-block;
    font-weight: 400;
    margin: 0 ;
	padding : 0 10px;
    font-size: 0.8em;
    color: #FFF;
	}
/*
#toggle {
	height:auto; 
	background:#C4A35A; 
	border:1px solid #FFF; 
	width : 30% ;
	text-align : center ;
	}

#toggle input[type="text"],#toggle input[type="password"] {
	text-align:center;
	border: solid 1px #000;
	line-height: 1.1em;
	}
*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
  font-size : 0.5 em ;   
}
::-moz-placeholder { /* Firefox 19+ */
  color: pink;
  font-size : 0.5 em ;  
}
:-ms-input-placeholder { /* IE 10+ */
  color: pink;
  font-size : 0.5 em ;
}
:-moz-placeholder { /* Firefox 18- */
  color: pink;
  font-size : 0.5 em ;  
}
.textheader {
  display:block ;
  color : #FFF  /*#FF4486 #660000*/;
  font-style: normal;
  font-weight: bold;
  background: #000 ;/*#FAF8EF  #000 #54BCBF #1e3d59 */
  width : 100%;
  text-align : center ;
  line-height: 2em;
  
}
.visiteur {
  color : #222  ;/*#FF4486 #660000*/
  padding-left : 10% ;
}
.textheader strong {
	color : #1E3D59   ;/*#F5F0E1*/
	font-weight : bolder ;
    font: italic small-caps bolder 1.5em cursive;
}
.textheader a {
  color : #FFF  /*#FF4486 #660000*/;
  margin : 0;
  padding : 0 2px ;
  text-decoration: none;  
}
.textheader a:hover {
  color : #FF6600 ; /*#d5deee #FF4486 #660000*/
  text-decoration: underline;  
}
/* css de l'oeil du password */
label {
  position: relative;
}
label input {
 /* font-size: 1em;
  color: #FFF;
  background: transparent;
  padding: 1rem 1.2rem;
  border-radius: 5px;
  border: 2px solid #7a7a7a;*/
  transition: all 0.2s;
}
label input:focus {
  border-color: #ff4754;
}
label .password-icon {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 20px;
  color: #123;
  transition: all 0.2s;
}
label .password-icon:hover {
  cursor: pointer;
  color: #ff4754;
}
label .password-icon .feather-eye-off {
  display: none;
}
::placeholder {
  color: #fff;
}
/* les images des font qwesone */
.fa.fa-home{
   color: #F00 ;
}
.fa.fa-home:hover{
   color: #FFF ;
}
.widget {
  text-align: center;
}