<style type="text/css">
	@charset "UTF-8";
	/* CSS Document */

	/* Reset CSS */ 	/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126	License: none (public domain)*/
	/*.startcss{}*/		/* La première règle de reset ne matche pas quand elle est la première rgle de la feuille de style ! */
						/* Pour qu'elle matche, il faut activer .startcss, qui devient la première regle.  */
	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, section, summary, time, 
	mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, 
	menu, nav, section {
		display: block;
	}

	:root {
		--main-text-shadow: 0 0 20px white, 0 0 15px white, 0 0 10px white, 0 0 5px white, 0 0 5px white, 0 0 2px white;
	}

	
	/**********************************************************************************************************/
	/*****************************************   F O N T S  ***************************************************/
	/**********************************************************************************************************/
	@media all {
		/* exo  */
		@font-face {	/* exo-200 - latin */
		  font-family: 'Exo';
		  font-style: normal;
		  font-weight: 200;
		  src: url('_fonts/exo-v4-latin/exo-v4-latin-200.eot'); /* IE9 Compat Modes */
		  src: local('Exo ExtraLight'), local('Exo-ExtraLight'),
			   url('_fonts/exo-v4-latin/exo-v4-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			   url('_fonts/exo-v4-latin/exo-v4-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
			   url('_fonts/exo-v4-latin/exo-v4-latin-200.woff') format('woff'), /* Modern Browsers */
			   url('_fonts/exo-v4-latin/exo-v4-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
			   url('_fonts/exo-v4-latin/exo-v4-latin-200.svg#Exo') format('svg'); /* Legacy iOS */
		}
		@font-face {	/* exo-200italic - latin */
		  font-family: 'Exo';
		  font-style: italic;
		  font-weight: 200;
		  src: url('_fonts/exo-v4-latin/exo-v4-latin-200italic.eot'); /* IE9 Compat Modes */
		  src: local('Exo ExtraLight Italic'), local('Exo-ExtraLightItalic'),
			   url('_fonts/exo-v4-latin/exo-v4-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			   url('_fonts/exo-v4-latin/exo-v4-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
			   url('_fonts/exo-v4-latin/exo-v4-latin-200italic.woff') format('woff'), /* Modern Browsers */
			   url('_fonts/exo-v4-latin/exo-v4-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
			   url('_fonts/exo-v4-latin/exo-v4-latin-200italic.svg#Exo') format('svg'); /* Legacy iOS */
		}
		@font-face {	/* exo-regular - latin */
		  font-family: 'Exo';
		  font-style: normal;
		  font-weight: 400;
		  src: url('_fonts/exo-v4-latin/exo-v4-latin-regular.eot'); /* IE9 Compat Modes */
		  src: local('Exo Regular'), local('Exo-Regular'),
			   url('_fonts/exo-v4-latin/exo-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			   url('_fonts/exo-v4-latin/exo-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			   url('_fonts/exo-v4-latin/exo-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
			   url('_fonts/exo-v4-latin/exo-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			   url('_fonts/exo-v4-latin/exo-v4-latin-regular.svg#Exo') format('svg'); /* Legacy iOS */
		}
		@font-face {	/* exo-italic - latin */
		  font-family: 'Exo';
		  font-style: italic;
		  font-weight: 400;
		  src: url('_fonts/exo-v4-latin/exo-v4-latin-italic.eot'); /* IE9 Compat Modes */
		  src: local('Exo Italic'), local('Exo-Italic'),
			   url('_fonts/exo-v4-latin/exo-v4-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			   url('_fonts/exo-v4-latin/exo-v4-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
			   url('_fonts/exo-v4-latin/exo-v4-latin-italic.woff') format('woff'), /* Modern Browsers */
			   url('_fonts/exo-v4-latin/exo-v4-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
			   url('_fonts/exo-v4-latin/exo-v4-latin-italic.svg#Exo') format('svg'); /* Legacy iOS */
		}
		@font-face {	/* exo-700 - latin */
		  font-family: 'Exo';
		  font-style: normal;
		  font-weight: 700;
		  src: url('_fonts/exo-v4-latin/exo-v4-latin-700.eot'); /* IE9 Compat Modes */
		  src: local('Exo Bold'), local('Exo-Bold'),
			   url('_fonts/exo-v4-latin/exo-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			   url('_fonts/exo-v4-latin/exo-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
			   url('_fonts/exo-v4-latin/exo-v4-latin-700.woff') format('woff'), /* Modern Browsers */
			   url('_fonts/exo-v4-latin/exo-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
			   url('_fonts/exo-v4-latin/exo-v4-latin-700.svg#Exo') format('svg'); /* Legacy iOS */
		}
		@font-face {	/* exo-700italic - latin */
		  font-family: 'Exo';
		  font-style: italic;
		  font-weight: 700;
		  src: url('_fonts/exo-v4-latin/exo-v4-latin-700italic.eot'); /* IE9 Compat Modes */
		  src: local('Exo Bold Italic'), local('Exo-BoldItalic'),
			   url('_fonts/exo-v4-latin/exo-v4-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			   url('_fonts/exo-v4-latin/exo-v4-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
			   url('_fonts/exo-v4-latin/exo-v4-latin-700italic.woff') format('woff'), /* Modern Browsers */
			   url('_fonts/exo-v4-latin/exo-v4-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
			   url('_fonts/exo-v4-latin/exo-v4-latin-700italic.svg#Exo') format('svg'); /* Legacy iOS */
		}
		/* crimson-text */
		@font-face {	/* crimson-text-regular - latin */
		  font-family: 'Crimson Text';
		  font-style: normal;
		  font-weight: 400;
		  src: url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-regular.eot'); /* IE9 Compat Modes */
		  src: local('Crimson Text'), local('CrimsonText-Roman'),
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-regular.svg#CrimsonText') format('svg'); /* Legacy iOS */
		}
		@font-face {	/* crimson-text-italic - latin */
		  font-family: 'Crimson Text';
		  font-style: italic;
		  font-weight: 400;
		  src: url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-italic.eot'); /* IE9 Compat Modes */
		  src: local('Crimson Text Italic'), local('CrimsonText-Italic'),
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-italic.woff') format('woff'), /* Modern Browsers */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-italic.svg#CrimsonText') format('svg'); /* Legacy iOS */
		}
		@font-face {	/* crimson-text-700 - latin */
		  font-family: 'Crimson Text';
		  font-style: normal;
		  font-weight: 700;
		  src: url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-700.eot'); /* IE9 Compat Modes */
		  src: local('Crimson Text Bold'), local('CrimsonText-Bold'),
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-700.woff') format('woff'), /* Modern Browsers */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-700.svg#CrimsonText') format('svg'); /* Legacy iOS */
		}
		@font-face {	/* crimson-text-700italic - latin */
		  font-family: 'Crimson Text';
		  font-style: italic;
		  font-weight: 700;
		  src: url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-700italic.eot'); /* IE9 Compat Modes */
		  src: local('Crimson Text Bold Italic'), local('CrimsonText-BoldItalic'),
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-700italic.woff') format('woff'), /* Modern Browsers */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
			   url('_fonts/crimson-text-v6-latin/crimson-text-v6-latin-700italic.svg#CrimsonText') format('svg'); /* Legacy iOS */
		}
		/* dancing-script */
		@font-face {	/* dancing-script-regular - latin */
		  font-family: 'Dancing Script';
		  font-style: normal;
		  font-weight: 400;
		  src: url('_fonts/dancing-script-v6-latin/dancing-script-v6-latin-regular.eot'); /* IE9 Compat Modes */
		  src: local('Dancing Script'), local('DancingScript'),
			   url('_fonts/dancing-script-v6-latin/dancing-script-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			   url('_fonts/dancing-script-v6-latin/dancing-script-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			   url('_fonts/dancing-script-v6-latin/dancing-script-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
			   url('_fonts/dancing-script-v6-latin/dancing-script-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			   url('_fonts/dancing-script-v6-latin/dancing-script-v6-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */
		}
		/* fontello icon font */
		@font-face {	/* fontello icon font */
		  font-family: 'fontello';
		  font-style: normal;
		  font-weight: normal;
		  src: url('_fonts/fontello/fontello.eot?36671848');
		  src: url('_fonts/fontello/fontello.eot?36671848#iefix') format('embedded-opentype'),
			   url('_fonts/fontello/fontello.woff2?36671848') format('woff2'),
			   url('_fonts/fontello/fontello.woff?36671848') format('woff'),
			   url('_fonts/fontello/fontello.ttf?36671848') format('truetype'),
			   url('_fonts/fontello/fontello.svg?36671848#fontello') format('svg');
		}
	}

	body {
		line-height: 1;
	}
	ol, ul {
		/*list-style: none;*/
		text-align:left;
		line-height: 1.3em;
		font-size:0.9rem;
	}
	sup { font-size: 0.7em; line-height: 1em;}

	div.ui-widget {
		font-size:0.9rem;
		box-shadow:0px 10px 20px rgba(0,0,0,0.5);
	}
	div.ui-dialog p, div.ui-dialog ul  {font-size:0.9em; font-family: Verdana, Arial, sans-serif;}
	div.ui-dialog ul li  {
		list-style: none;
		text-indent: -1.1em;
		margin-left: -2em;
	}
	div.ui-dialog ul li:before  {
		content: "• ";
		color: ;
		font-size: 1.2em;
	}
	div.ui-dialog ul > ul li  {
		margin-left: -4.5em;
	}
	div.ui-dialog ul > ul li:before  {
		content: "- ";
	}

	article ul {
		list-style-position: inside;
		list-style-type: none;
		text-indent:-12px;
		text-shadow: var(--main-text-shadow);
		}
	article ul ul {
		padding-left:1em;
		list-style-type: none;
		text-indent:-14px;
		}
	article ul ul ul {
		list-style-type: none;
		text-indent:-10px;
		}
	article ul li:before {content: "• "; color:; font-weight: 600;}
	article ul ul li:before {content: "- "; color:; font-weight: 400;}
	article ul ul ul li:before {content: "• "; color:; font-size:80%;}

	article ol {
		list-style-position: inside;
		list-style-type:none;
		counter-reset: niveau1;
		text-indent:-17px;
		text-shadow: var(--main-text-shadow);
		}
	article ol ol {
		padding-left:1em;
		counter-reset: niveau2;
		}
	article ol ol ol {
		counter-reset: niveau3;
		}
	article ol li {counter-increment: niveau1;}
	article ol ol li {counter-increment: niveau2;}
	article ol ol ol li {counter-increment: niveau3;}
	article ol li:before {content: counter(niveau1) ") "; color:; font-weight:bold; font-size:100%;}
	article ol ol li:before {content: counter(niveau2,Lower-Alpha) ") "; color:; font-weight:normal; font-size:100%;}
	article ol ol ol li:before {content: counter(niveau3) ") "; color:; font-weight:normal; font-size:100%;}

	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}		


	/* Styles standard */
	html, body {
		background-repeat:no-repeat;
		background-position:center top !important ;
		background-size:contain;
	}
	html {
		background-color:;
		font-size:16px;
		font-family: 'Exo', 'Trebuchet MS', Arial, Helvetica, sans-serif;
		font-weight: 400;
		color:;
		height:100%;
		background-image:url(Fonds/); background-attachment: fixed;		/*overflow-y:scroll;*/
	}
	body {
		max-width:px;
		min-width:px;
		margin:0px auto;
		-webkit-transition: padding-bottom 0.8s, -webkit-transform 1s;
		transition: padding-bottom 0.8s, transform 1s;
		position:relative;
				/*background-attachment:fixed;*/
	}
	body.padbas {
		padding-bottom:50%;
	}

	h1, h2, h3, h4, h5, h6 {
		margin-top:1em;
		margin-bottom:0.6em;
		text-align:left;
		border-bottom: 1px solid;
		color:;
		line-height:1.3em;
		font-family: 'Exo', 'Trebuchet MS', Arial, Helvetica, sans-serif;
		font-weight:400;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
		text-shadow: var(--main-text-shadow);
	}
	h1 {font-size:2.0rem; border-bottom-width: 2px;}
	h2 {font-size:1.6rem; border-bottom-color:;}
	h3 {font-size:1.2rem; border-bottom-color:; border-bottom-style: dashed;}
	h4 {font-size:1.0rem; border-bottom-color:;}
	h5 {font-size:1.0rem; border-bottom-color:;}
	h6 {font-size:1.0rem; border-bottom-color:;}
	p  {
		margin-top:1.0em;
		margin-bottom:0.5em;
		font-size:0.9rem;
		line-height:1.3em;
		font-family: 'Trebuchet MS', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		text-shadow: var(--main-text-shadow);
	}
	h1:first-child, h1:first-of-type, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child {
		margin-top:0;
	}
	a {	
		color:; 
		text-decoration:none; 
		white-space: nowrap;
	}
	a:hover {
		color:;
	}
	a:active {
		color:;
	}
	p a,
	a.blocVignette, 
	a.blocDocument, 
	a.blocTrouve {	
		white-space: normal;
	}
	li {
		margin-left:-20px;
	}
	a.lienExterne:after, a[target=_blank]:after, footer a.lienExterne:after, footer a[target=_blank]:after {
		content:"\e813";
		font-family:'fontello';
		margin-left:0.35em;
		font-size:0.9em;
	}
	p#webmail a[target=_blank]:after,
	ul#deconnexion a[target=_blank]:after, 
	#main > aside a[target=_blank]:after  {
		content:"";
		display: none;
	}



	#masque {
		display:none;
		position:fixed;
		width:100%;
		height:100%;
		z-index:9;
		background-color: rgba(0,0,0,0.7) /*transparent*/;
	}
	#travaux {
		position: absolute;
		top: 20px;
		left: 10px;
		background-image: url(images/casque.png);
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
		color: rgba(252,213,5,1.00);
		font-size: 2vw;
		font-weight: 200;
		padding: 0.5% 0 1% 3.7%;
		text-shadow:rgba(0,0,0,0.5) 0px 2px 1px;
	}
	#trailimageid {
		position:absolute;
		visibility:hidden;
		left:0px;
		top:-1000px;
		width:1px;
		height:1px;
		background:#DDDDDD;
		z-index:1000;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
		border-radius: ;
		}
	#trailimageid img {
		border-radius: ;
		}

	#background_cycler{
		padding: 0;
		margin: 0;
		padding-bottom: 2%;
		margin-top: -2%;
		width: 100%;
		position: absolute;
		top: 0; /* right: 0; bottom: 0; left: 0; */
		height: 100%;
		z-index: -1;
		display: none;
	}
	#background_cycler div{
		position:absolute;
		width:100%;
		top:0; right:0; bottom:0; left:0;
		background-repeat:no-repeat, no-repeat;
		background-position: center top, center center;
		background-size:contain, cover;
		background-attachment:local, fixed;
		z-index:1;
	}
	#background_cycler div.active{
		z-index:3;
	}


	#fondec {
		position:fixed;
		top:0;
		right:0;
		display:none;
		width:100%;
		height:100%;
		z-index:-10;
		/*background-color:rgba(255,0,0,0.5);*/
		background-image:url(images/2014-08-29-17.35.55.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		transition:background-image 0.2s;
	}
	#fondecSW, #fondecSW.on {
		position:fixed;
		top:1.5vw;
		right:1.5vw;
		width:20px;
		height:20px;
		cursor:pointer;
		background-color:;
		transition:background-color 0.2s;
	}
	#fondecSW:hover 		{background-color:;}
	#fondecSW.on 			{background-color:;}



	#main {
		/*padding:4%;*/
		margin:4vw;
		margin-top: 1vw;
		position:relative;
		opacity: .99;
		padding-bottom: 4vw;
	}
	#main:before {
		content:"";
		position:absolute;
		width: 100%;
		left:0%;
		top:0%;
		bottom: 4%;
		z-index:-1;
		/*background-color:rgba(93, 93, 93, 0.8);rgba(255,255,255,0.8);*/
	}
	#main > header {
		position:relative;/*fixed*/
		color:;
		max-height: 30vw;
		margin-bottom:2%;
		display: flex;					/*** header flex ***/
		z-index: 100;
	}
	#main > header.admin, #main > footer.admin {
		overflow: hidden;
		max-height: 0px;
		margin-top: 0;
		margin-bottom: 0;
	}
	#main > header > .entetehaut {
		/*text-align: center;*/
		margin: 0;
		border:none;
		font-family: 'Exo', Arial, 'Trebuchet MS', Helvetica, sans-serif;
		font-weight:normal;
		/*font-style:italic;*/
	}
	#main > header > a:first-child {
		width:%; 
		margin-right: %;
		flex-grow: 0;				/*** header flex ***/
		display: flex;				/*** header flex ***/
		flex-direction: column;		/*** header flex ***/
		justify-content: center;	/*** header flex ***/
	}
	#main > header > a:first-child > img {
		width: 100%;
		filter: drop-shadow();
	}
	#main > header h1.entetehaut {
		float: left;
		display: inline;
		font-size:2.7vw; 
		font-style: italic;
		font-weight: 200;
		color:; 
		border-bottom: none;
		margin-bottom: 0;
		text-shadow: ;
	}
	#main > header h1.entetehaut a {
		color:; 
		text-decoration:none; 
		font-weight: 200;
		letter-spacing: 0.005em;
	}
	#main > header h1.entetehaut span:nth-child(1) {color:; }
	#main > header h1.entetehaut span:nth-child(2) {color:; font-weight: 400; font-style: italic; font-size: 0.7em; }
	#main > header h1.entetehaut span:nth-child(3) {color:#c9d30e; }
	#main > header h1.entetehaut span:nth-child(4) {color:#b9b9b9; font-size: 75%;}
	#main > header h2.entetehaut {
		float: left;
		display: inline;
		margin-top: 0.0em; 
		margin-left: 4.5em;
		font-size:1.6vw;
		font-weight: 200;
		font-style: italic;
		line-height:1em; 
		/*text-shadow: rgba(0,0,0, 0.5) 0px 1px 2px;*/
		border-bottom: none;
	}
	#main > header h2.entetehaut  {
		color:; 
		color:rgba(0,0,0,0.7); 
		text-decoration:none; 
		/*text-shadow: rgba(0,0,0,0.5) 0px 1px 2px; */
		font-weight: 400;
		text-shadow:none; 
		color:; 
	}
	#main > header h2.entetehaut > span {
		white-space: nowrap;
	}
	
	/*	Header aside    */
	#main > header > aside {
		display:block;
		position: absolute;
		top: 1vw;
		right: 0vw;
	}
	#main > header.admin > aside {
		display:none;
	}
	#main > header > aside > a,
	#main > header > aside > form {
		display: inline-block;
		border-radius: ;
		color:;
		background-color: ;
		font-size: 1.1vw;
		padding-left: 5px;
		padding-right: 5px;
		height: 1.8vw;
		vertical-align: middle;
		white-space: nowrap;
		transition: all 0.5s;
		margin-bottom: 0;
	}
	#main > header > aside > a {
		text-align: center;
	}
	#main > header > aside > a > span {
		display: inline-block;
		margin-top: 0.4vw;
		margin-left: 0vw;
		vertical-align: top;
		max-width: 0vw;
		overflow: hidden;
		transition: all 0.5s;
	}
	#main > header > aside > a > svg {
		fill: ;
		width: 1.3vw;
		margin: 0.25vw 0.25vw;
	}
	
	#main > header > aside > form {
		display: inline-flex;
	}
	#main > header > aside > form > input[type=text] {
		border-radius: ;
		width: 0vw;
		margin-left: 0vw;
		margin-right: 0vw;
		padding-left: 0vw;
		padding-right: 0vw;
		transition: all 0.5s;
		border: none;
		font-size: 1vw;
	}
	#main > header > aside > form > input[type=text].empty {
		color:#888;
	}
	#main > header > aside > form > label {
		width: 1.4vw;
		overflow: hidden;
		cursor: pointer;
	}
	#main > header > aside > form > label:first-of-type {
		width: 0vw;
		overflow: hidden;
	}
	#main > header > aside > form > span#rechText, 
	#main > header > aside > form > span#rechIcon, 
	#main > header > aside > form > span#fermIcon {
		display: none;
	}
	#main > header > aside > form > label > svg {
		fill: ;
		margin-top: 0.2vw;
		margin-left: 0vw;
		margin-right: 0vw;
		padding-left: 0vw;
		padding-right: 0vw;
		transition: all 0.5s;
		border: none;
	}
	#main > header > aside > form > label > input[type=submit],
	#main > header > aside > form > label > input[type=button] {
		display: none;
		vertical-align: middle;
		width: 0vw;
		line-height: 1.4vw;
		margin-left: 0vw;
		margin-right: 0vw;
		padding-left: 0vw;
		padding-right: 0vw;
		transition: all 0.5s;
		border: none;
	}
	#main > header > aside > form > a {
		display: inline-block;
		vertical-align: middle;
		padding: 0;
		width: 1.4vw;
		margin-top: 0.2vw;
		margin-right: 0.2vw;
	}
	#main > header > aside > form.on > input[type=text] {
		width: 10vw;
		margin-left: 0.2vw;
		margin-right: 0.2vw;
		padding-left: 0.5vw;
		padding-right: 0.5vw;
	}
	
	#main > header > aside > a:hover > span {
		color: ;
		max-width: 10vw;
		margin-left: 0.5vw;
	}
	#main > header > aside > a:hover > svg {
		fill: ;
	}
	
	#main > header > aside > form.on {
		padding-left: 0px;
	}
	#main > header > aside > a:hover,
	#main > header > aside > form:hover,
	#main > header > aside > form.on {
		background-color: ;
	}
	#main > header > aside > form.on > label:first-of-type {
		width: 1.4vw;
	}
	#main > header > aside > form.on > label > svg {
		fill: ;
	}
	#main > header > aside > form.on > label:hover > svg {
		fill: ;
	}
	
	
	
	
	
	#main > header > aside > form > input[type=submit] {
		display: inline-block;
		vertical-align: middle;
		padding: 0;
		width: 10%;
		height: 2.3vw;
		cursor: pointer;
		border: none;
		background-color: transparent;
		background-image: url(images/icon-search.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right;	
	}
	
	
	
	#main > aside form input[type=text] {
		width:81%;
		font-size: 1.1vw;
		vertical-align:middle;
		border-width:1px;
		padding-left: 5px;
		padding-right: 5px;
		border-radius:10px;
	}
	#main > aside form input[type=text] {
		font-size: 0.9em;
	}
	#main > aside form input[type=text].empty {
		color:#888;
	}
	#main > header > aside > form > img {
		vertical-align:middle;
		width:2.3vw;
		cursor:pointer;
	}
	#main > aside form input[type=submit] {
		display:inline-block;
		vertical-align:middle;
		padding: 0;
		width: 10%;
		height: 2.3vw;
		cursor: pointer;
		border: none;
		background-color: transparent;
		background-image: url(images/icon-search.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right;
	}
	#main > header > aside img:hover {
	}



	#main > header > #navmob, 
	#main > header > #navmobadmin {display:none;}









	#main > header > div#navs {
		/*margin-top: 2vw;*/
		flex-grow: 1;				/*** header flex ***/
		display: flex;				/*** header flex ***/
		flex-direction: column;		/*** header flex ***/
		justify-content: center;	/*** header flex ***/
	}



	/* ***************************** */
	/* main > header > div#navs > nav#navpublic */
	/* ***************************** */

	/* menu */	#main > header > div#navs > nav#navpublic {
		margin:0;
		padding:0;
		margin-top: 0.5vw;
	}
	/* Tous les UL */
	#main > header > div#navs > nav#navpublic ul {
		list-style-type: none;
		margin:0;
		padding:0;
		background-color:transparent;
		text-align:justify;
		font-size:1.2vw;
		font-weight: bold;
		line-height:1.2vw;
	}
	/* UL */
	#main > header > div#navs > nav#navpublic > ul {
		/*margin-top:5vw;*/
		display: flex;
	}
	#main > header > div#navs > nav#navpublic > ul:after {
		/*content: "";
		display: inline-block;
		width: 100%;*/
	}
	/* UL > LI */
	#main > header > div#navs > nav#navpublic > ul > li {
		display:inline-block; 		vertical-align:top;
		position:relative;
		margin-left: 0px;
		flex-grow: 1;				/*** header flex ***/
		display: flex;				/*** header flex ***/
		flex-direction: column;		/*** header flex ***/
		justify-content: center;	/*** header flex ***/
	}
	#main > header > div#navs > nav#navpublic > ul > li.mobLogin {
		display: none;
	}
	#main > header > div#navs > nav#navpublic > ul > li:not(:nth-last-child(2)) {
		margin-right: vw; /*1vw;*/
	}
	/* UL > LI > UL > LI */
	#main > header > div#navs > nav#navpublic > ul > li > ul > li {
		margin-left: 0px;
	}


	/* UL > LI > A */
	#main > header > div#navs > nav#navpublic a {
		display:block;
		padding:0.5vw;
		text-decoration:none;
		font-size:1.1vw;
		line-height:2.0vw;
		text-align:center;
		box-sizing: border-box;
		-webkit-transform:rotate(-deg); 
		transform:rotate(-deg) ;
	}
	#main > header > div#navs > nav#navpublic > ul > li > a {
		background-color: ;
		color:;
		text-shadow: ;
		border-radius: ;
		transition: all 0.15s ease-in-out;
		box-shadow: ;
		letter-spacing: 0.08em;
	}
	#main > header > div#navs > nav#navpublic > ul > li > a:hover,
	#main > header > div#navs > nav#navpublic > ul > li > a.on {
		background-color: ;
		color: ;
		text-shadow:;
	}
	#main > header > div#navs > nav#navpublic > ul > li > a.ouvert {
		background-color: ;
	}
	#main > header > div#navs > nav#navpublic > ul > li > a:active,
	#main > header > div#navs > nav#navpublic > ul > li > a.on:active {
		background-color: ;
	}


	/* UL > LI > UL */
	#main > header > div#navs > nav#navpublic > ul > li > ul {
		display:block;
		position:absolute;
		width:100%;
		top:3vw;
		overflow: hidden;
		max-height: 0;
		transition: all 0.75s ease-in-out;
		z-index:200;
		padding-bottom: 0%;
	}
	#main > header > div#navs > nav#navpublic > ul > li:hover > ul {
		max-height:calc(13vw * 2);
	}
	#main > header > div#navs > nav#navpublic > ul > li > a.ouvert + ul {
		max-height:2vw;
	}
	#main > header > div#navs > nav#navpublic > ul > li:hover > a.ouvert + ul {
		max-height:calc(13vw * 2);
	}


	/* UL > LI > UL > LI */
	#main > header > div#navs > nav#navpublic > ul > li > ul > li {
		display:block;
	}


	/* UL > LI > UL > LI > A  */
	#main > header > div#navs > nav#navpublic > ul > li > ul > li > a {
		background-color: transparent; 
		background-color: ;
		color: ;
		font-size:1.0vw;
		line-height:1.7vw;
		padding:0.0vw 0.5vw;
		transition:all 0.75s ease-in-out;
		max-height: 0;
		display: none;
		overflow: hidden;
		border-radius: ;
		margin-top: 1px;
		box-shadow: ;
	}
	#main > header > div#navs > nav#navpublic > ul > li:hover > ul > li > a,
	#main > header > div#navs > nav#navpublic > ul > li > ul > li > a.on {
		max-height:2vw;
		display: block;
	}
	#main > header > div#navs > nav#navpublic > ul > li > ul > li > a:hover,
	#main > header > div#navs > nav#navpublic > ul > li > ul > li > a.on {
		background-color: ;
		color: ;
	}
	#main > header > div#navs > nav#navpublic > ul > li > ul > li > a:active,
	#main > header > div#navs > nav#navpublic > ul > li > ul > li > a.on:active {
		background-color: ;
	}









	/* **************************** */
	/* main > header > div#navs > nav#navprive */
	/* **************************** */
	#main > header > div#navs > nav#navprive/*,
	#main > header > div#navs > nav#navprive > ul*/ {
		margin: 2.0vw 0 0.5vw 0;
		text-align: center;
		position: relative;
		/*padding: 5px 1vw;*/
	}
	#main > header > div#navs > nav#navprive > ul {
		display: flex;
		flex-flow: row no-wrap;
		justify-content: space-between;
		margin: 0px;
		padding: 0px;
		font-weight: bold;
	}
	#main > header > div#navs > nav#navprive li {
		display: inline;
		list-style:none;
		white-space: nowrap;
	}
	#main > header > div#navs > nav#navprive > ul > li {
		position:relative;
		margin: 0 0 0 0;
		flex: 1 0 auto;
	}
	#main > header > div#navs > nav#navprive > ul > li:not(:last-child) {
		margin-right: vw; /*1vw;*/
	}
	#main > header > div#navs > nav#navprive > ul > li:last-child {
		margin: 0;
	}
	#main > header > div#navs > nav#navprive > ul > li:first-of-type {/*float:left;	margin: 0px 0 0 1%; width: 11vw;*/}
	#main > header > div#navs > nav#navprive > ul > li:last-of-type {/*float:left;*/}
	#main > header > div#navs > nav#navprive > ul > li:last-of-type > a {/*padding-left:10px; padding-right:10px;*/}
	
	#main > header > div#navs > nav#navprive > ul > li > ul {
		display: block;
		position:absolute;
		left: 0;
		right: 0;
		/*top: 0em;*/
		z-index:100;
		margin: 0;
		padding: 0;
		font-size: 1.2vw;
	}
	#main > header > div#navs > nav#navprive > ul > li > ul.on,
	#main > header > div#navs > nav#navprive > ul > li:hover > ul {
		display: block;
	}
	#main > header > div#navs > nav#navprive > ul > li > ul > li {
		display: block;
		margin-left:0;
		text-align: center;
	}
	#main > header > div#navs > nav#navprive > ul > li > a {
		position:relative;
		display: block;
		padding: 0.6em 1.2em;
		text-decoration:none;
		font-size:1.0vw;
		line-height:1.5vw;
		vertical-align: bottom;
		letter-spacing: 0.08em;
		background-color:;
		color:;
		text-shadow:;
		overflow:hidden;
		word-wrap: break-word;
		text-align:center;
		border-radius: ;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	}
	#main > header > div#navs > nav#navprive > ul > li > a:hover,
	#main > header > div#navs > nav#navprive > ul > li > a.on {
		background-color:;
		color:;
		text-shadow:;
	}
	#main > header > div#navs > nav#navprive > ul > li > a.ouvert {
		background-color:;
	}
	#main > header > div#navs > nav#navprive > ul > li > ul > li > a {
		display: none;
		background-color:;
		color: ;
		padding: 0 0.5em;
		font-size: 1.0vw;
		/*line-height:1.5em;*/
		border-radius: ;
		-webkit-transition: color 0.8s, background-color 0.2s, -webkit-transform 1s;
		transition: all 0.2s;
		margin-top: 1px;
		letter-spacing: normal;
	}
	#main > header > div#navs > nav#navprive > ul > li:hover > ul > li > a {
		display:block;
	}
	#main > header > div#navs > nav#navprive > ul > li > ul > li > a.on,
	#main > header > div#navs > nav#navprive > ul > li > ul > li > a:hover {
		display:block;
		background-color:;
		color: ;
	}
	#main > header > div#navs > nav#navprive > a.premier,
	#main > header > div#navs > nav#navprive > ul > li > a.premier {
		background-color:/*transparent*/;
		color:;
	}
	#main > header > div#navs > nav#navprive > ul > li:nth-of-type(-n+1) > a {	/* seulement les 2 premiers */
		height: 2.5vw;
		padding: 0.1em 0.5em;
		text-align: center;
		font-size: 0.9vw;
	}
	#main > header > div#navs > nav#navprive > ul > li:nth-of-type(1) > a:nth-of-type(1) {
		border-bottom-left-radius: 0px;
		border-top-left-radius: 0px;
		line-height: 2.8em;
		float: right;
		font-weight: bold;
	}
	#main > header > div#navs > nav#navprive > ul > li:nth-of-type(1) > a:nth-of-type(1) > svg {
		fill: ;
		width: 1.3vw;
		margin: 0.5vw 0.25vw;
		filter: drop-shadow();
	}
	#main > header > div#navs > nav#navprive > ul > li:nth-of-type(1) > a:nth-of-type(1):hover > svg {
		fill: ;
		filter: drop-shadow();
	}
	#main > header > div#navs > nav#navprive > ul > li:nth-of-type(1):after {
		content: '';
		position: absolute;
		display: block;
		width: 0;
		left: 0;
		border-style: solid;
		border-width: 0.3vw 1vw 0 1vw;
		border-color:  transparent transparent transparent;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		transition: background-color 0.2s;
	}
	#main > header > div#navs > nav#navprive > ul > li.on:nth-of-type(1):after {
		border-color:  transparent transparent transparent;
	}
	#main > header > div#navs > nav#navprive > ul > li:nth-of-type(1):hover:after {
		border-color: rgba(0,0,0,0) transparent transparent transparent;
	}
	#main > header > div#navs > nav#navprive > ul > li:nth-of-type(1) > a:nth-of-type(2) {
		border-bottom-right-radius: 0px;
		border-top-right-radius: 0px;
		line-height: 1.4em;
	}
	#main > header > div#navs > nav#navprive > ul > li > a > span {
				font-weight:bold;
		display: block;
	}
	#main > header > div#navs > nav#navprive > a.on,
	#main > header > div#navs > nav#navprive > ul > li > a.on {
		background-color:;
	}
	#main > header > div#navs > nav#navprive > a:hover,
	#main > header > div#navs > nav#navprive > ul > li > a:hover {
		background-color:;
		background-position: 14em center;
		color:;
	}
	#main > header > div#navs > nav#navprive a:active,
	#main > header > div#navs > nav#navprive a.on:active,
	#main > header > div#navs > nav#navprive > ul > li > a:active,
	#main > header > div#navs > nav#navprive > ul > li > ul > li > a:active {
		background-color: ;
	}
	#main > header > div#navs > nav#navprive > a.inactif,
	#main > header > div#navs > nav#navprive > ul > li > a.inactif {
		color:rgba(127,127,127,0.0);
		cursor:default;	
		background-color:;
		opacity:0.7;
	}
	#main > header > div#navs > nav#navprive > a.inactif:hover,
	#main > header > div#navs > nav#navprive > ul > li > a.inactif:hover, 
	#main > header > div#navs > nav#navprive > a.inactif:after,
	#main > header > div#navs > nav#navprive > ul > li > a.inactif:after {
		color:rgba(127,127,127,0.8);
	}







	#menuAdmin {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		text-align: center;
		font-size: 12px;
		z-index:100;
	}
	#menuAdmin > ul, #menuAdmin > ul > ul {
		display:inline-block;
		margin:0;
		padding:0;
		vertical-align:top;
		position:relative;
	}
	#menuAdmin > ul.princ:after {
		content: '\203F';/*02C5*/
		position: absolute;
		display: block;
		width: 100%;
		left: 0;
		margin: -0.3em 0 0 0;
		line-height: 0.1em;
	}
	#menuAdmin > ul > ul {
		position:absolute;
	}
	#menuAdmin > ul > ul {
		display:block;
	}
	#menuAdmin > ul > ul > input {
		display:none;
	}
	#menuAdmin > ul:hover > ul > input,
	#menuAdmin > ul > ul > input.boutoncol1 {
		display:block;
	}
	.boutontable {
		display:block;
	}




	#main > section {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position:relative;
		margin-:px;
		padding-: px;
	}
	#main > section > article {
		position:relative;
		margin: 4% 0 0 0;
		padding:4%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		box-sizing: border-box;
		width: 100%;
		background-color:;
	}
	#main > section > article:first-of-type	{
		margin-top:0;
	}
	#main > section > article:before/*, nav#navprive:before*/ {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index:-1;				background-image: var(--tooltip-url);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		box-sizing: border-box;
		-webkit-transform:rotate(-deg); 
		transform:rotate(-deg) ;
	}
	#main > section > article:after {
		content: attr(data);
		position: absolute;
		display: inline;
		right: -2px;
		bottom: 0px;
		font-size: 0.7vw;
		color: rgba(0,0,0,0.5);
		transform-origin: bottom right;
		transform: rotate(90deg);
	}
	#main > section > article a {	
	    word-break: break-all;
	}
	#main > section > article > h1 > a {
		float:right;
	}
	#main > section > article ol > li,
	#main > section > article ul > li {
		margin-top: 1%;
		/*margin-bottom: 1%;*/
		font-family: 'Trebuchet MS', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"
	}
	#main > section > article ul > ul > li {
		margin-top: 0;
		/*margin-bottom: 1%;*/
		font-family: 'Trebuchet MS', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"
	}
	#main > section > article > div {
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	#main > section > article img, 
	#main > section > article object {
		/*max-width:600px;
		max-width: 80%;*/
		max-height: 600px;
		vertical-align:middle;
		display:inline\9;
		border-radius: ;
	}
	#main > section > article img {
		max-width: 100%;
		height: initial;
	}
	#main > section > article a img:hover {
		filter: drop-shadow(0 0 8px );
	}
	#main > section > article a img.blocDocLigne:hover {
		filter:none;
	}
	#main > section > article img.sansradius,
	#main > section > article img[src*="/emotions/"],
	#main > section > article img[src^="_admin/"]   {
		border-radius:0;
	}
	#main > section > article object, #main > section > article audio,#main > section > article video {
		width: 100%;
		height: 30vw;/*400px*/
		border-radius: ;
	}
	#main > section > article audio, #main > section > article video {
		height:auto;
	}
	#main > section > article audio {
		height: 30px;
	}
	#main > section > article .artImageL,
	#main > section > article .artImageR,
	#main > section > article [style*="float: left"],
	#main > section > article [style*="float: right"] {
		float: left;
		margin-left: 0%;
		margin-right: 2%;
		/*max-width: 166px;
		max-height: 40px;
		width: 10%;*/
	}
	#main > section > article .artImageR,
	#main > section > article [style*="float: right"] {
		float: right;
		margin-left: 2%;
		margin-right: 0%;
	}
	#main > section > article h3 {
		clear: left;
	}
	.lieu, .dateDiffusion, .modPrefs, .numeroPage, .numeroArticleHaut, .numeroArticleBas, .modDoc {
		font-style:italic;
		font-size:0.8rem;
		font-weight: normal;
		color:#6E6E6E;
		/*background-color: rgba(255, 255, 255, 0.7);*/
		border-radius: 5px 5px 5px 5px;
		padding-right: 1%;
		padding-left: 1%;
	}
	.lieu {
		border-bottom: none;
		text-align:right;
	}
	.modPrefs, .numeroPage, .numeroArticleHaut, .numeroArticleBas, .modDoc {
		position: absolute;
		padding: 2px;
		width: 18px;
		height: 18px;
		overflow: hidden;
		z-index: 200;
		background-color: rgba(255,255,255,0);
		border: 1px solid rgba(255,255,255,0); ?>;
		display: inline;
		line-height: 1.4em;
	}
	.modPrefs:hover, .numeroPage:hover, .numeroArticleHaut:hover, .numeroArticleBas:hover, .modDoc:hover {
		width: initial;
		padding-right: 0.5em;
		z-index: 300;
		background-color: rgba(255,255,255,1);
		border: 1px solid ;
	}
	.modPrefs 			{ left:-3vw;	top: 1vw;	}
	.numeroPage 		{ left:-1vw;	top: -2vw;	}
	.numeroArticleHaut 	{ left:5px;		top:5px;	}
	.numeroArticleBas 	{ left:5px;		bottom:4px;	}
	
	.modPrefs:before, .numeroPage:before, .numeroArticleHaut:before, .numeroArticleBas:before, .modDoc:before {
		background-repeat: no-repeat;
		background-position: center left;
		padding-left: 1.5em;
	}
	.modPrefs:before {
		content: "Modifier Préférence " attr(data);
		background-image: url(_admin/images/b-modif-pref.svg);
	}
	.numeroPage:before {
		content: "Modifier Page " attr(data);
		background-image: url(_admin/images/b-modif-page.svg);
	}
	.numeroArticleHaut:before, .numeroArticleBas:before {
		content: "Modifier Article " attr(data);
		background-image: url(_admin/images/b-modif-article.svg);
	}
	.modDoc:before {
		content: "Modifier Document";
		background-image: url(_admin/images/b-modif-doc.svg);
	}
	.modDoc {
		position: absolute;
		left:-2vw;
	}

	#main > section > article img.homeBigImg {
		float: left; 
		width: 40%; 
		margin-right: 3%;
	}
	#main > section > article p.homeEnum {
		font-style: italic; 
		font-weight: bold;
	}
	#main > section > article p.titre {
		color: rgba(255,255,255,0.85);
		line-height: initial;
		font-size: 4vw;
		font-weight: bold;
	}
	#main > section > article img.homeSmlImg {
		width: 10%; 
		margin-right: 3%; 
		vertical-align: middle; 
		margin-bottom: 1%;
	}


	.colg {
		float:left;
		display:block;
		position:relative;
		margin-right:236px;
		border-right: rgba(169, 161, 132, 1.00) 1px dotted;
		padding-right: 20px;
	}
	#main > aside {
		float:;
		position:relative;
		padding-: 20px;
		width: 260px;
		margin-bottom: 20px;
		/*z-index:200;*/
	}
	#main > aside .top img {
		width: 65%;
		margin-top: 5px;
	}
	#main > aside a#logoaside {
		display: block;
		text-align: center;
	}
	#main > aside a#logoaside img {
		max-width: 100%;
		filter: drop-shadow(0 0 4px white);
	}
	#main > aside a#logoaside, #signverstop {
		cursor:url(images/icon-top02-16.png), n-resize;
	}
	#main > aside > #sticker1 {
		width: 260px;
		position:absolute;
		:0;
	}
	#main > aside > #sticker1.stick {
		position:fixed;
		: 4%;
		}
	#main > aside p:not([class*="calendar"]) {
		font-size:0.8rem;
		font-family: 'Exo', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	}
	#main > aside p#debug {
		font-size:0.65rem;
	}
	#main > aside:nth-of-type(even) {display:none;}
	#main > aside:nth-of-type(odd)  {display:block;}
	#main > aside div.top {
		text-align: center;
		margin-top: 1em;
		font-size: 0.8em;
		filter: drop-shadow();
	}
	#main > aside div.top:first-child {
		margin-top: 0.5em;
	}
	#main > aside div.top:last-child {
		/*margin-bottom: 0.5em;*/
	}
	.ticket {
		padding: 0;
	}
	.postit, .ticket {
		margin: 15px 0;
	}
	.postit {
		position:relative;
		width:220px;
		padding: 10px 20px;
		font-weight:400;
		color:;
	}
	.postit.moyen {
		width:252px;
		padding: 4px 4px 2px 4px;
	}
	.postit.petit {
		width:252px;
		padding: 0px 4px 0px 4px;
	}
	.postit:first-child, .ticket:first-child {
		margin-top:0px;
	}
	.postit h3 {
		margin-bottom:0px;
	}
	.postit:last-child {
		margin-bottom:0px;
	}
	.postit:before {
		content:"";
		display:block;
		position:absolute;
		top:0; left:0; width:100%; height:100%;
		background-color:;
		-webkit-transform:rotate(-deg); transform:rotate(-deg) ;
		padding: 0;
		margin:0 ;
		z-index:-1;
	}
	.calendar {
		position:relative;
		width:220px;
		margin:0 auto;
	}
	.calendar > a {
		display:table-cell;
		vertical-align:middle;
		width:220px;
		height:200px;
		text-decoration:none;
	}
	.calendar > a:hover {
		color:;
	}
	.calendar > a:before {
		content:"";
		display:block;
		position:absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color:;
		-webkit-transform:rotate(-deg); transform:rotate(-deg) ;
		padding: 0;
		margin:0 ;
		z-index:-1;
		-webkit-transition: background-color 0.2s;
		transition: background-color 0.2s;
	}
	.calendar > a:hover:before {
		background-color:;
	}
	.calendrier {
		height: 500px;
		width: 100%;
	}
	.premsoul:first-line {text-decoration:inherit; font-style: italic; font-weight: bold; font-size: 120%;}
	.premsoul > span:nth-child(1) {color:;}
	.premsoul > span:nth-child(2) {color:; font-size: 0.8em; font-weight: 200;}
	.premsoul > span:nth-child(3) {color:#c9d30e; }
	.premsoul > span:nth-child(4) {color:#b9b9b9; font-size: 75%;}


	.construction {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 400px;
	}
	.annonce {
		font-family: 'Trebuchet MS', Times, "Times New Roman", serif; 
		font-style:italic;
	}


	.alaune-ticker{
		display: block;
		height: calc((84px * ) - 1px); /* 169px;	/* hauteur ticker (85) x nb ticker (2) - 1  ==> 1 : 84   2 : 169 */
		overflow: hidden;
		vertical-align: top;
		margin-top: 0;
		margin-bottom: 0;
		/*border-bottom: rgba(18, 130, 128, 0.6) dashed 1px;*/
		}
	.alaune-ticker.sansTicker{
		height: initial;	/* hauteur ticker (85) x nb ticker (2) - 1  ==> 1 : 84   2 : 169 */
		}
	.alaune-ticker1{
		height: 83px;	/* hauteur ticker (84) x nb ticker (1) - 1 */
		}
	.alaune-ticker > span {
		display:block;
		height:84px;
		overflow:hidden;
		margin:0;
		padding:0;
		font-size:100%;
		border-bottom:  dashed 1px;
		text-align: left;
		}
	.alaune-ticker.sansTicker > span {
		height: initial;
		}
	.alaune-ticker span a {
		display: inline-block;
		width:100%;
		margin:0;
		padding:2px 0px;
		font-size:100%;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: normal;
		line-height: 16px;
		}
	.alaune-ticker .flexTicker {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 64px;
	}
	.alaune-ticker .flexTicker span {
		flex-grow: 1;
	}
	.alaune-ticker .flexTicker span:nth-child(1) {
		flex-basis: 30%;
		margin-right: 4px;
		line-height: 1em;
	}
	.alaune-ticker .flexTicker span:nth-child(2) {
		flex-basis: 60%;
	}
	#part-ticker2.alaune-ticker {
		height: calc((65px * ) - 1px); /* 169px;	/* hauteur ticker (85) x nb ticker (2) - 1  ==> 1 : 84   2 : 169 */
	}
	#part-ticker2.alaune-ticker > span {
		height:64px;
	}
	
	#main > aside div.postit:first-child h3 {margin-bottom: 0;}
	#main > aside div.postit:first-child p#alaune-ticker1 {margin-top: 0;}
	
	
	#main > aside a #facebookwm {
		height: 14px;
		fill:#4967A9;
	}
	#main > aside a:hover #facebookwm {
		fill: ;
	}
	#main > aside a:active #facebookwm {
		fill: ;
	}
	#main > aside .social a:after, 
	#main > footer .social a:after {
		content: "";
		display: none;
	}
	#main > aside .social a svg, 
	#main > footer .social a svg {
		width: 2em;
		fill: ;
		vertical-align: middle;
		margin-top: 0.1em;
		margin-bottom: 0.1em;
	}
	#main > aside .social a:hover svg, 
	#main > footer .social a:hover svg  {
		fill: ;
	}
	#main > aside .social a:active svg, 
	#main > footer .social a:active svg  {
		fill: ;
	}
	#main > aside .social iframe, 
	#main > aside .social .IN-widget, 
	#main > aside .social .fb-like, 
	#main > footer .social iframe, 
	#main > footer .social .IN-widget, 
	#main > footer .social .fb-like {
		margin-left: 0.5em !important;
		margin-right: 0.5em !important;
		vertical-align: middle !important;
	}
	#main > footer .social {
		margin-bottom: 0.5em;
	}
	








	#main > footer {
		position:relative;
		clear:both;
		margin-top: 4%;
		/*padding: 4% 4%;*/
		/*color: white;*/
		/*transition: all 0.5s ease-in-out;*/
		max-height: 50vw;
	}
	#main > footer:before,
	#main > footer:after {
		content:"";
		display:block;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		/*width:100%;
		height:100%;*/
		padding: 0;
		margin:0 ;
		z-index:-1;
		-webkit-transform:rotate(-deg); transform:rotate(-deg) ;
		border-radius: ;
	}
	#main > footer:before {
		background-color:;
	}
	#main > footer:after {
		background-image:url(Fonds/