<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/);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;
		opacity:1;
		transition:all 1s ease-in-out;
		display: none;
	}
	#main > footer.reactif {
		/*cursor:zoom-out;*/
	}
	#main > footer.reactif.propre {
		/*cursor:zoom-in;*/
	}
	#main > footer.reactif.propre:after {
		top:60%;
		right:50%;
		bottom:40%;
		left:50%;
		opacity:0;
	}
	#main > footer.propre {
	}
	#main > footer h1 {
		font-size:2.4vw; 
		color:white; 
		color:;
		padding-top: 1vw;
		padding-bottom: 0.5vw;
		/*font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
		font-weight: 200;
		letter-spacing: 0.1em;
		line-height: 0.9em;
		font-style:italic;
		border-bottom-width: 1px;
	}
	#main > footer h1 span:nth-child(1) {}
	#main > footer h1 span:nth-child(2) {color:; font-weight: bold;}
	#main > footer h1 span:nth-child(3) {}
	#main > footer h1 span:nth-child(4) {color:; font-size: 75%;}
	#main > footer h1 span:last-child {font-size:50%; font-weight: normal;}
	#main > footer > div {
		cursor:default;
	}
	#main > footer > div > div {padding: 2vw 0 0 0;}
	#main > footer > div > div:last-child {padding: 2vw 0;}
	#main > footer p.copyright {
		text-align:center;
		font-size:0.7rem;
		margin:0;
		color:#777777;
	}
	#main > footer > nav {
		margin:0;
	}
	#main > footer > nav > a, 
	#main #webmail a,
	#main #deconnexion a {
		display:inline-block;
		position:relative;
		padding:0em 0.8em;
		margin:0 0 0px 0;
		font-size: 0.8rem;
		font-weight: bold;
		line-height: 28px;
		color:;
		-webkit-transition: color 0.2s, background-color 0.2s;
		transition: color 0.2s, background-color 0.2s;
		white-space: normal;
	}
	#main > footer > nav > a:hover, 
	#main #webmail a:hover,
	#main #deconnexion a:hover {
		color:;
	}
	#main > footer > nav > a:before, 
	#main #webmail a:before,
	#main #deconnexion a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: -4%;
		left: 0px;
		z-index: -1;
		background-color: ;
		-webkit-transition: color 0.2s, background-color 0.2s;
		transition: color 0.2s, background-color 0.2s;
		-webkit-transform: rotate(-deg); transform: rotate(-deg);
	}
	#main #deconnexion, #main #deconnexion ul, #main #deconnexion li {
		list-style:none;
		margin:0;
		padding:0;
	}
	#main #deconnexion {
		display:block;
		text-align:center;
		white-space:nowrap;
	}
	#main #deconnexion a {
		display:block;
	}
	#main #deconnexion a:before {
		top: 0%;
		background-color: ;
	}
	#main #deconnexion a:hover:before {
		background-color:;
	}
	#main #deconnexion > li {
		display:inline-block;
		position:relative;
	}
	#main #deconnexion > li > ul {
		position:absolute;
		left:0;
		/*bottom:31px;*/
		text-align:left;
		z-index: 1;
		background-color:white;
	}
	#main #deconnexion > li ul > li {
		max-height:0px;
		overflow:hidden;
		transition:max-height 0.5s ease-in-out;
	}
	#main #deconnexion > li > ul > li > a {
		font-weight:bold;
	}
	#main #deconnexion > li > ul > li > ul > li > a {
		font-size: 0.8rem;
	}
	#main #deconnexion > li:hover ul > li {
		max-height:500px;
	}
	#main #deconnexion > li  ul > li > a {
		padding: 0.0em 0.6em;
	}
	#main #deconnexion > li > ul > li > ul > li  {
		margin-left:1.6em;
	}
	#main #deconnexion > li  ul > li > a.on:before {
		background-color:;
		max-height:500px;
	}
	#main #deconnexion > li  ul > li.masqué {
		max-height:0px;
	}
	#main #deconnexion > li:hover  ul > li.masqué,
	#main #deconnexion > li  ul > li.visible {
		max-height:500px;
	}
	#main #deconnexion > li > ul > li:first-child > a {
	}
	#main #deconnexion > li > ul > li:first-child > a:before {
		background-color:#444444;
	}








	#main > footer > nav > a.on {
		color:;
	}
	#main > footer > nav > a.on:before {
		background-color: ;
	}
	#main > footer > nav > a:hover:before, 
	#main #webmail a:hover:before {
		background-color:;
	}
	#main > footer > nav > a:active:before, 
	#main #webmail a:active:before {
		background-color:;
	}
	#main > footer > nav > a.inactif {
		color:rgba(127,127,127,0.8);
		cursor:default;	
		opacity:0.7;
	}
	#main > footer > nav > a.inactif:before {
		background-color:;
	}



	.pied, .pied a {
		position:relative;
		margin:40px 0 20px 0;
	}

	.entravaux {
		opacity:0.7;
	}









	.articleImages {
		text-align:center;
		margin-top:20px;
	}
	section .blocVignette, section .blocImage, section .blocDocument {
		display:inline-block;
		display:inline\9;
		/*width:137px;
		height:104px;
		line-height:104px;*/
		vertical-align:middle;
		padding:0;
		max-width:100%;
		margin-left: 5px;
		margin-right: 5px;
	}
	section .blocImage, section .blocDocument {
		display:block;
	}
	*:first-child+html .blocVignette {	/* pour IE7 */
		zoom: 1; /*offre le layout à un élément (*)*/
		display: inline;
	}

	section .blocDocument {
		position:relative;
		padding:5px;
		border-top: 1px solid ;
		border-radius: ;
		/*transition: all 1.0s ease-in-out;*/
		min-height: 64px;
	}
	section .blocDocumentSansbouton,
	section .blocDocumentEnligne {
		border-color:rgba(255,255,255,0.0);
	}
	section .blocDocumentSimple { 
		padding:0px;
		border-color:rgba(255,255,255,0.0);
		min-height:inherit;
	}
	section .blocDocumentSimple p:before,
	section .blocDocument h4:before { 
		content:"•";
		padding-right:5px;
		font-size:1.0rem;
		color: ;
	}
	section .blocDocument h4:before {
		position:absolute;
		left:0;
		font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	}
	section .blocDocument h4 { 
	}
	section .blocDocumentSimple p { 
		text-indent: -11px;
		padding-left: 16px;
	}
	section .blocDocument:hover {
			}

	.blocDocument {
		font-weight:bold;
	}
	.blocDocument > h4,
	.blocDocument > p.dldocument {
		font-weight:bold;
		margin-top: 0px;
		margin-bottom: 0;
		border:none;
	}
	.blocDocument > h4 > span:nth-of-type(1),
	.blocDocument > p > span:nth-of-type(1) {float:right; position:relative; text-indent: 0px;}
	.blocDocument > h4 > span:nth-of-type(1) {margin-top: 7px;}
	.blocDocument > p > span:nth-of-type(1) {margin-top: 2px; margin-right: 5px;}
	.blocDocument > h4 > span:nth-of-type(2),
	.blocDocument > p > span:nth-of-type(2),
	.blocDocument > p + span {font-weight:normal; font-size:smaller; color:#888; white-space:nowrap; }
	.blocDocument > p + span {white-space: normal; margin-left: 20px; text-align: left !important; display: grid; }
	section .blocDocument p:nth-of-type(n+2) {font-weight:normal; font-size:smaller; color:#888; margin-left: 5%; white-space: normal;}
	section .blocDocument h4 + p:nth-of-type(1) {font-weight:normal; font-size:smaller; text-align:left;}

	#main > section > article .blocDocument > h4,
	#main > section > article .blocDocument > p.dldocument {
		margin:0;
		text-align:left;
	}
	#main > section > article .blocDocument > h4 > span,
	#main > section > article .blocDocument > p.dldocument > span:first-of-type {
		cursor:pointer;
		color:;
	}
	#main > section > article .blocDocument > h4 > span > span:nth-of-type(1), 
	#main > section > article .blocDocument > p.dldocument > span:first-of-type > span:nth-of-type(1) {
		font-family:'Exo';
		font-weight:200;
		font-size:0.8em;
	}
	#main > section > article .blocDocument > h4 > span > span:nth-of-type(1) {
		position: absolute;
		width: 100%;
		text-align: center;
		top: 18px;
	}
	#main > section > article .blocDocument > p.dldocument > span:first-of-type > span:nth-of-type(1) {
		font-size:0.8em;
	}
	#main > section > article .blocDocument > h4 > span > span:nth-of-type(2),
	#main > section > article .blocDocument > p.dldocument > span:first-of-type > span:nth-of-type(2) {
		font-family:'fontello';
		margin:0 0.4em;
		font-size:1.8em;
	}
	#main > section > article .blocDocument > p.dldocument > span:first-of-type > span:nth-of-type(2) {
		margin:0 0 0 0.4em;
		font-size:1.3em;
	}
	#main > section > article .blocDocument > h4 > span:hover,
	#main > section > article .blocDocument > p.dldocument > span:first-of-type:hover {
		color: ;
	}
	#main > section > article .blocDocument > h4 > span:active,
	#main > section > article .blocDocument > p.dldocument > span:first-of-type:active {
		color: ;
	}
	#main > section > article .blocDocument > h4 > span .svgdl,
	#main > section > article .blocDocument > p > span:first-of-type .svgdl {
		border-radius:0;
		margin-top: -4px;
		width:32px;
		height:32px;
		display:inline-block;
		vertical-align:top;
		fill:;
	}
	#main > section > article .blocDocument > h4 > span:hover > .svgdl,
	#main > section > article .blocDocument > p.dldocument > span:first-of-type:hover > .svgdl {
		fill:;
	}
	#main > section > article .blocDocument > p.dldocument > span > .petitdl {
		width:28px;
		height:28px;
	}
	#main > section > article .blocDocumentSimple > p.dldocument > span > .petitdl {
		width:24px;
		height:24px;
	}
	#main > section > article .blocDocument > div.pavé {
		overflow:hidden;
	}
	#main > section > article .blocDocument > div.pavé :first-child {
		overflow:hidden;
		max-height: 0px;
		opacity:0;
		transition: all 1.0s ease-in-out;
	}
	#main > section > article .blocDocument > div.pavé.show :first-child {max-height: 30vw; opacity:1;/*400px*/}
	
	#main > section > article.alaune h1::before {
		content: '';
		display: inline-block;
		width: 36px;
		height: 36px;
		margin-right: 0.2em;
		vertical-align: middle;
		background-image: url(images/icon-ALaUne.svg);
		background-repeat: no-repeat;
		background-size: contain;
	}


	/*.blocDocument > h4 > span:after, .blocDocument > p > span:after {
		content:url(images/icon-download.png);
		position:absolute;
		top:-5px;
		margin-left:5px;
	}*/
	/*section .blocDocument p { position:relative;}
	section .blocDocument p:first-of-type:after {
		content:url(images/icon-download.png);
		position:absolute;
		top:-5px;
		right:5px;
	}*/
	.blocDoc {background-color: #fff;}
	.blocDoc:hover {
	}
	#main > section > article img.blocDocLigne { 
		float:left;
		max-height:64px;
		margin:0px 5px 0px 5px;
		cursor:pointer;
		border-radius:0;
	}
	#main > section > article .blocDocument a:hover {
		cursor:pointer;
	}
	#main > section > article .blocDocumentEnattente a.blocDocLigne:before,
	#main > section > article .blocDocumentSansbouton a.blocDocLigne:before,
	#main > section > article .blocDocumentEnligne a.blocDocLigne:before,
	#main > section > article .blocDocumentEnpavé a.blocDocLigne:before {
		content:"";
		display:block;
		width:64px;
		height:64px;
		position: absolute;
		left: 25px;
		top: 12px;
		background-image:url(images/icon-magnify.png);
		background-repeat: no-repeat;
		background-size:100%;
		background-position:center center;
		opacity:1;
		transition:background-size 0.2s ease-in-out;
		z-index: 10;
	}
	#main > section > article .blocDocumentEnpavé a.blocDocLigne:before {
		background-size:0%;
	}
	#main > section > article .blocDocumentEnattente a.blocDocLigne:hover:before,
	#main > section > article .blocDocumentSansbouton a.blocDocLigne:hover:before,
	#main > section > article .blocDocumentEnligne a.blocDocLigne:hover:before {
		background-size:90%;
	}
	#main > section > article .blocDocumentEnpavé a.blocDocLigne:hover:before {
		background-size:50%;
	}
	/*#main > section > article .blocDocumentEnpavé a:before,
	#main > section > article a.triggerDocLigne:hover:before { 
		opacity:0;
	}*/
	section .blocTrouve {
		cursor:pointer;
		margin:5px 0;
		min-height: inherit;
	}
	section .blocTrouve:hover { 
		background-color:;
	}
	a > p {margin:0;}
	div#divContact p span {color: red;}


	footer:before, 
	.postit:before, 
	.calendar > a:before, 
	#main > header > div#navs > nav > a, 
	#main > footer > nav > a:before, 
	#fondecSW, 
	#main > section > article, 
	#main > section > article::before, 
	#main #webmail a:before, 
	nav#navprive:before,
	#main #deconnexion a:before {
		border-radius: ;
	}
	/*#content, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {color:#000;}*/
	/*.odd, */.odd1, /*.even, */.evenadmin, .fieldset1, .fieldset2, .fieldsetadmin1, .fieldsetadmin2, .entete, .blocSaisie, .blocVignette, .blocImage {
		display:block;
		border-radius: ;
		/*border:none;*/
		padding:10px; 
		margin:20px auto 10px;
		text-align:auto;
		}
	.evenadmin, .fieldsetadmin1, .fieldsetadmin2, .blocSaisie, .blocVignette, .blocImage {
		}
	#main .blocVignette .highslide img {
		vertical-align: middle;
		width: 133px;
		max-width:133px;
		display: inline\9;
	}
	/*.odd, */.odd1, .fieldset1, .fieldsetadmin1 {
		background-color:rgba(255,255,255,0.6);
		}
	.odd1 {width:600px;}
	.fieldset1, .fieldset2, .fieldsetadmin1, .fieldsetadmin2 {margin:0; background: none; padding: 0; box-shadow: none;}
	/*.even, */.evenadmin, .fieldset2, .entete, .fieldsetadmin2, .blocSaisie {
		background-color:rgba(255,255,255,0.7);
		}
	td > .blocSaisie {
		box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
		}

	.planchePhoto {
		text-align:center;
		vertical-align:middle;
		font-size: 0.9em;
	}
	.planchePhoto span * {
		vertical-align:middle;
	}
	.planchePhoto .photoVignette span,
	.planchePhoto .photoMasqué span,
	.planchePhoto .photo span {
		display:block;
		position:relative;
	}
	.planchePhoto .photoVignette textarea,
	.planchePhoto .photoMasqué textarea,
	.planchePhoto .photo textarea {
		width:calc(100% - 6px); /*130px*/
		/*max-width:130px; */
		max-height:150px;
	}
	.planchePhoto .photoImage textarea {
		width:230px; 
		max-width:230px; 
		height:90px;
		max-height:150px;
	}
	.planchePhoto .photoImage span,
	.planchePhoto .photoFond span {
		position:relative;
		display: inline-block
	}
	.blocSaisiePhoto {
		background-color:#e0e7cf;
		margin:1px auto;
		padding:5px;
		border-radius:3px;
		/*border:1px solid #ccc;*/
	}
	.blocSaisiePhoto.couleurMasqué {background-color:#eee;}
	.blocSaisiePhoto.couleurSuppr {background-color:#EABDBE;}

	.blocSaisiePhoto .cocheLegende {
		position:absolute;
		top:0;
		right:0;
	}
	.blocSaisiePhoto.photoImage {display:block;}
	.blocSaisiePhoto.photoVignette, .blocSaisiePhoto.photoMasqué, .blocSaisiePhoto.photo {display:inline-block; vertical-align:top;}
	.planchePhoto .photoMasqué img { opacity:0.5;}

	.evenadmin {
		margin-top: 0px;
		}
	.fieldsetadmin1, .fieldsetadmin2 {/*position: relative;*/}
	.fieldsetadmin1 h1, .fieldsetadmin2 h1 { /*font-size:20px;*/}
	.fieldsetadmin1 h2, .fieldsetadmin2 h2 { /*font-size:95%;*/}
	.fieldsetadmin1 h3, .fieldsetadmin2 h3, .fieldset1 h3, .fieldset2 h3 { font-weight: bold; border-bottom: 1px solid;}
	.fieldset1 .titre { border:none; font-weight:bold;}
	.fieldsetadmin1 h4, .fieldsetadmin2 h4 { font-size:10px;}
	.fieldsetadmin1 h5, .fieldsetadmin2 h5 { font-size:12px; font-weight:normal; color:#F00;}
	.fieldset1 h6, .fieldset2 h6, .fieldsetadmin1 h6, .fieldsetadmin2 h6 { float:right;}
	.fieldsetadmin1 p, .fieldsetadmin2 p { font-size:12px; text-align:center; margin:5px 0 3px 0;}
	.fieldsetadmin1 a, .fieldsetadmin2 a { color:; text-decoration:none; font-weight:bold;}
	.fieldsetadmin1 a:hover, .fieldsetadmin2 a:hover { text-decoration:underline;}
	.fieldsetadmin1 li, .fieldsetadmin2 li { margin:0 ;}
	.fieldsetadmin1 li.aide { margin:0 0 6px 12px}
	.fieldsetadmin1 li.aide span { color:; text-decoration:underline;}


	#corpsListe {
		overflow:auto;
		padding:0;
		border-radius:0;
	}
	.divIntroImage {
		float:right;
	}
	#descriptionTable > span:last-of-type {float:right;}
	.divAide h1, .divAide h2, .divAide h3, .divAide h4, .divAide h5, .divAide h6 {color:black;}

	/* ------------------------------------------------------------------------------------------------------------------------------------*/
	/* 																																			Classes des table standard */
	/* ------------------------------------------------------------------------------------------------------------------------------------*/
	.table, .tableSaisie {
		border : 0px ;
		padding : 0px ;
		margin : 0px auto;
		font-size: 75%;
		vertical-align:middle;
		}
	.tr {height:25px;}
	.td, .th, .tdmod, .tdsup, .tdsupoff, .tdcon, .tdchk0, .tdchk1 {
		border: 1px solid ;
		/*font-weight:normal;*/
		}
	.td img {
		box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
		border-radius: ;
		}
	.tdmod, .tdsup, .tdsupoff, .tdcon, .tdchk0, .tdchk1 {
		background-repeat:no-repeat;
		background-position:center;
		}
	.tdmod {background-image:url(_admin/images/b-modif.svg); width: 30px;}
	.tdsup {background-image:url(_admin/images/b-supp.svg); width: 30px;}
	.tdsupoff {background-image:url(_admin/images/b-supp-off.svg); width: 30px;}
	.tdcon {background-image:url(_admin/images/b-voir.svg); width: 30px;}
	.tdchk0 {background-image:url(_admin/images/coche0w.gif);}
	.tdchk1 {background-image:url(_admin/images/coche1w.gif);}
	.trita, .tdita {font-style:italic;}
	.tableModif {
		width: 100%;
		font-family: Arial, Helvetica, "sans-serif"
		}
	.tableSaisie {
		padding: 30px 0 30px;
		width: 80%;
		border:#F00 0px solid;
		border-spacing: 20px;
		}
	.tableSaisie td, .tableSaisie th {
		padding: 20px 20px 0px 20px;
		font-weight:normal;
		border:#00F 0px solid;
		width:50%;
		}
	.tableSaisie th {
		padding: 0px 20px 0px 20px;
		color:red;
		}
	.champSaisie {
		display:inline-block;
		position:relative;
		padding-right:20px;
		}
	.champSaisieText {
		width: 100%;
		padding-right:0px;
		}
	table.tableInvisible5 td {
		width:20%;
		white-space:normal;
		vertical-align:top;
		hyphens: none;                                     /* cssMulti */	-webkit-hyphens: none; -ms-hyphens: none; hyphens: none;
		}
	#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: ;
		}



	td {
		padding-left:0.5%;
		padding-right:0.5%;
		}
	td:first-of-type {
		white-space: nowrap;
		padding: 0 0.5em;
		}
	.tabdec {
		width:100% ;
		border:1px solid ;
		border-collapse: collapse;
		cellspacing:1px; 
		cellpadding:0 ;
		font-family: Arial, Helvetica, sans-serif;
		font-size:70%;
		background-color: white;
		}

	.tddec0, .tddec0sans, .tddec1dsc, .tddec1asc {
		border:1px solid ;
		color:#000;
		text-align:center;
		height: 17px;
		background-color: rgba(255,255,255,0.8);
		}
	.tddec0 {
		cursor:n-resize;
		}
	.tddec0sans {
		cursor:default;
		}
	.tddec1dsc {
		cursor:n-resize;
		background-color: rgba(128,128,128,1.00);
		color:#fff;
		}
	.tddec1asc {
		cursor:s-resize;
		background-color: rgba(128,128,128,1.00);
		color:#fff;
		}
	.tddec1dsc span {
		display:block;
		transform: rotate(5deg);                           /* cssMulti */	-webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg);
		}
	.tddec1asc span {
		display:block;
		transform: rotate(-5deg);                          /* cssMulti */	-webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg);
		}

	.tddec0 a, .tddec1 a, .tddec1dsc a, .tddec1asc a {
		color:#FFF;
		font-weight:normal;
		}



	table.documents tr {
		border-top:1px solid #aaa;
		border-bottom:1px solid #aaa;
	}
	
	h3#descriptionTable.Enattente,
	table.documents tr.Enattente, 	.trsel0.Enattente, 
	table.tableModif.Enattente,		.trsel1.Enattente,
	.blocDocumentEnattente h4 {color: rgba(192,88,255,1);}
	
	h3#descriptionTable.Non,
	table.documents tr.Non, 	.trsel0.Non, 
	table.tableModif.Non,		.trsel1.Non,
	.blocDocumentNon h4 {color: rgba(136,136,136,1.00);}

	h3#descriptionTable.Prive,
	table.documents tr.Prive, 	.trsel0.Prive, 
	table.tableModif.Prive,		.trsel1.Prive,
	.blocDocumentPrive h4 {color: rgba(6,3,136,1.00);}
	
	/*h3#descriptionTable.Entest,*/
	/*table.documents tr.Entest, 	.trsel0.Entest,*/ 
	/*table.tableModif.Entest,		.trsel1.Entest,*/
	/*.blocDocumentEntest h4 {color: rgba(79,146,116,1.00);}*/

	h3#descriptionTable.Titre,
	table.documents tr.Titre, 	.trsel0.Titre, 
	table.tableModif.Titre,		.trsel1.Titre,
	.blocDocumentTitre h4 {font-weight: bold;}

	table.tableModif .voirlie {
		background-image: url(_admin/images/207-eye.svg);
		background-repeat: no-repeat;
		background-position: center;
		height: 16px;
		cursor: pointer;
	}

	table.documents tr.Masqué {}
	table.documents tr.Titre {}
	table.documents tr.Simple {}
	table.documents tr.Sansbouton {}
	table.documents tr.Enligne {}
	table.documents tr.Enpavé {}

	table.documents tr.Masqué div { color:#999;}

	table.documents td { position:relative; /*width:220px;*/}

	table.documents tr td:first-child img {
		vertical-align:middle; 
		max-width:32px; 
		max-height:32px; 
		margin:10px 0;
	}
	table.documents tr.Enattente td:first-child img {max-width:32px; max-height:32px;}
	table.documents tr.Masqué td:first-child img {opacity: 0.25;}
	table.documents tr.Titre td:first-child img {display:none;}
	table.documents tr.Simple td:first-child img {max-width:32px; max-height:32px;}
	table.documents tr.Sansbouton td:first-child img {max-width:32px; max-height:32px;}
	table.documents tr.Enligne td:first-child img {max-width:80px; 	max-height:80px;}
	table.documents tr.Enpavé td:first-child img {max-width:210px; 	max-height:210px;}

	table.documents tr td:first-child div:before { position:absolute; top:0px; left:0px; padding:2px 5px; background-color:rgba(255,255,255,0.5); font-weight:bold; font-size:16px;}
	table.documents tr.Enattente td:first-child div:before {content:"En attente"; font-weight:bold;}
	table.documents tr.Masqué td:first-child div:before {content:"Masqué"; font-weight:normal; text-decoration:line-through; color:#999;}
	table.documents tr.Titre td:first-child div:before {content:"Titre"; font-size:36px;}
	table.documents tr.Simple td:first-child div:before {content:"Simple";}
	table.documents tr.Sansbouton td:first-child div:before {content:"Sans bouton";}
	table.documents tr.Enligne td:first-child div:before {content:"En ligne";}
	table.documents tr.Enpavé td:first-child div:before {content:"En pavé";}

	table.documents tr p {
		margin-top:5px; 
		word-wrap: break-word; 
		text-align:left;
		font-weight:bold;
	}
	table.documents tr.Masqué p { font-weight:normal; text-decoration:line-through; color:#999;}
	table.documents tr.Titre p { font-size:10px; font-weight:normal; color:#999;}
	table.documents tr.Simple p {}
	table.documents tr.Enligne p {}
	table.documents tr.Enpavé p {}

	table.documents tr.Masqué textarea { color:#999;}
	table.documents tr.Titre textarea { font-size:18px; font-weight:bold;}
	
	table.documents p.docURL {
		font-size: 16px;
	}
	table.documents p.docURL:before {
		content : "URL: ";
		font-weight:normal; 
		font-size: 12px;
	}


	table.menuFooter {
		text-align:left;
		margin:2vw auto;
	}
	table.menuFooter:first-child {
		margin-top:0;
	}
	table.menuFooter tr {
		vertical-align: top;
	}
	table.menuFooter a.base {
		color:;
	}
	table.menuFooter a.base:hover {
		color:;
	}
	table.menuFooter a.base:active {
		color:;
	}
	table.menuFooter a {
		display:block;
		margin:4px 0;
		padding:0.1vw 1vw 0.1vw 0.4vw;
		white-space:nowrap;
		font-size:1.00vw;
		/*text-shadow: 0px 1px 2px rgba(0,0,0,1);	*/
	}
	table.menuFooter a.on {
		background-color:;
		color:;
	}
	table.menuFooter a.on:active {
		background-color:;
	}
	table.menuFooter a:first-child {
		margin:10px 0;
		font-weight:bold;
		font-size:1.10vw;
	}
	table.menuFooter td:first-child {
		text-align:right;
	}
	table.menuFooter td:not(:last-child) {
		border-right:rgba(255,255,255,0.25) solid 1px;
		border-right: 1px solid;
		/*border-right:rgba(0,0,0,0.07) solid 1px;*/
	}



	.trsel0 {background-color:#fff; cursor:pointer;}
	.trsel0sans {background-color:#fff;}
	.trsel1 {background-color:; cursor:pointer;}
	.trsel0:hover, .trsel0sans:hover, .trsel1:hover {background-color:;}
	
	.trdifPublic {color:#000;/*font-weight:bold;*/}
	.trdifEntest, .Entest {color:rgba(79,146,116,1.00) !important;}
	.trdifNon {color:rgba(136,136,136,1.00);}
	.trdifPrivé {color:rgba(6,3,136,1.00);}
	.trdifEnattente {color:rgba(192,88,255,1);}
	.trdifMasqué {color:rgba(136,136,136,1);}
	.trdifTitre {color:rgba(0,0,0,1); font-weight: bold;}
	.trdifSimple {color:rgba(0,0,0,1);}
	.trdifSansbouton {color:rgba(0,0,0,1);}
	.trdifEnligne {color:rgba(0,0,0,1);}
	.trdifEnpavé {color:rgba(0,0,0,1);}
	.trdifAucuneF {color:rgba(127,127,127,1); font-size: 2em; line-height: 4em;}

	.trIntro0 {font-weight:normal;}
	.trIntro1 {font-weight:bold;}
	.trPrincipal {font-weight:bold; background-color: }
	.trRupture {
		border-top: 2px solid ;
		}
	.trRupturePrinc {
		border-top: 4px solid ;
		}
	.troutdate {text-decoration:line-through; font-weight:normal;}

	.rond, .rondrouge {	/* pour balises input, textarea...*/
		border-radius: ;
		margin-top:2px;
		margin-bottom:2px;
		border-width:1px ;
		border-style:solid;
		border-color:#999 ;
		}
	.rondrouge {border-color:#F88;}
	.textarea {border-radius:5px;}	/* textarea standard, sans trop d'arrondi */

	#paraImg, #messRempImg {
		font-size:90%;
		text-align:left;
		margin: 5px;
		}
	#messRempImg {
		display:none;
		color:;
		}

	/* ------------------------------------------------------------------------------------------------------------------------------------*/
	/* 																														 Definition des éléments d'administration */
	/* ------------------------------------------------------------------------------------------------------------------------------------*/
	.bouton {/*font-size:11px;*/}
	.boutonmod {color:#390;}
	.boutonsup {color: #F00;}
	.boutonmod:disabled {color:#9EDD7E;}
	.boutonsup:disabled {color: #FF7F7F;}
	.boutonajou {color: #00F;}
	.boutontable {/*font-size:11px;*/}
	.boutonnavig {/*font-size:11px;*/}
	.boutonhl {color: #888888;}
	.boutonfile {
		background-color:; 
		padding: 15px;
		border-radius:;
	}
	.boutonfile:hover {
		background-color:; 
	}
	.boutongrand, .boutongrandoff {
		width:100%; 
		font-size: 1.5em; 
	}
	.boutongrandoff {
		background-color: whitesmoke; 
	}
	.boutongrand {
		background-color: ; 
	}
	.boutongrand:hover {
		background-color: ;
	}
	.boutonfile.depot {
		width: 50%;
		padding: 3%;
	}
	.docerr {color:rgba(27,114,32,1.00); display: block; text-align: center; }
	.buttongros {
		font-size: 1em;
		font-weight: bold; 
	}
	.boutoncol_, .boutoncol0, .boutoncol1, .boutonpage1 {
		display:inline-block;
		min-height:15px;
		margin: 1px 2px 1px 2px;
		border: none;
		font-size: 12px;
		padding:0 0.5em;
		border-radius: ;
		box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
		}
	.boutonadmin {display:block;}
	.boutoncol_ {
		background-color:#eeeeee;
		color:#999; 
		}
	.boutoncol0 {
		background-color:; 
		color:; 
		}
	.boutoncol1 {
		background-color:; 
		color:; 
		}
	.boutonpage1 {background:url(images/CX-menu-titre-rouge.gif) repeat-x;}
	/* Etat des boutons (navigation, footer et autres) */
	/* Couleur fond */
	.boutoncol_:hover,
	.boutoncol0:hover, 
	.boutoncol0:active,
	.aideBascules
		{background-color:;}
	/* Couleur texte */
	.boutoncol0:hover, 
	.boutoncol1:link, .boutoncol1:visited,
	.boutoncol1:hover
		{color: ;}
	.boutoncol0:active, 
	.boutoncol1:active
		{color:;}
	/* Ombre bouton */
	.boutoncol0, .boutoncol0:link, .boutoncol0:visited,
	.aideBascules
		{box-shadow:0px 1px 1px rgba(0,0,0,0.5) ;           /* cssMulti */	-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.5) ; box-shadow:0px 1px 1px rgba(0,0,0,0.5) ;}
	.boutoncol0:hover, 
	.boutoncol0:active, 
	.boutoncol1:link, .boutoncol1:visited,
	.boutoncol1:hover, 
	.boutoncol1:active
		{box-shadow:0px 1px 1px rgba(0,0,0,0.7) inset;      /* cssMulti */	-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.7) inset; box-shadow:0px 1px 1px rgba(0,0,0,0.7) inset;}

	.penteForte{
		transform: rotate(-45deg);                         /* cssMulti */	-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
		margin: 40px -45px;
		width: 125px;
		}
	.aideTrigger {
		display:block;
		width:14px;
		height:14px;
		line-height:1em;
		/*background-image:url(_admin/images/Help-Close.png);
		background-repeat:no-repeat;
		background-position:0px 0px;
		vertical-align:middle;*/
		margin:0 5px;
		padding:0;
		cursor:pointer;
		}

	.textareap {
		text-align: left ;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px ;
		color: #000;
		font-weight: normal;
		}


	.deconnexion {
		float: right;
		margin-top: -40px;
		margin-right: 0px;	
		color:#888;
		font-size:11px;
		}
	#deconnexion {color: red;}
	.accesFichiers {margin:-23px 0px 0 0; margin:-23px 0px 0 0\9; font-size:100%; /*position: absolute; right: 12px;*/}
	.accesFichiers input {font-size:74%;}
	#Message {width:60%; max-width: 100%; max-height:300px;}
	.modifArticleImg {position:absolute; margin-left:20px; margin-top:0px;}
	.colorpicker {
		display:none;
		position: absolute;
		top: -85px;
		left: 220px;
		background-color:rgba(0,0,0,0.5);
		border-radius: 100px;
		z-index:100;
		}

	.phpinfo {
		display: block;
		width: 100%;
		/*max-width: 750px;*/
		height: 500px;
		margin: 20px auto;
	}
	/*input[type=button], input[type=submit], input[type=reset] {cursor:pointer;}
	input[disabled=disabled] {cursor:default;}*/

	pre.visuTab {
		max-height: 0vw; 
		overflow: hidden; 
		font-size: 0.8em; 
		transition: 0.5s;
	}
	pre.hauteurVisuTab {
		max-height: 80vw; 
		overflow: auto; 
	}

	.imageIntroImage {
		width: 42px;
		margin-right: 10px;
		vertical-align: top;
		float: left ;
	}
	h4.IntroComm {
		display: inline-block;
	}
	.boutonsTables {
		display: inline-block;
		vertical-align: top;
		margin-right: 1vw;
		background-color: ;
		border-radius: 5px;
		margin-bottom: 3vw;
		position: relative;
		padding: 1px 2px;
	}
	.boutonsTables[data] {
		margin-left: 2em;
	}
	.boutonsTables:before {
		content: attr(data);
		position: absolute; 
		top: -1.2em; 
		left: 0; 
		white-space: nowrap;
	}
	.boutonsTables > input {
		display: block;
		width: 100%;
	}
	.boutonsTables > input:nth-child(2) {
		margin-top: 0.5vw;
	}
	.boutonsTables > input:not(:first-child) {
		/*margin-left: 0.5vw;*/
	}



	.highslide img, .blocDoc {
		box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
		background-color: #fff;
	}
	.highslide:hover img {
		box-shadow: 0px 2px 6px ;
	}
	div.highslide-wrapper.undefined,
	.highslide-container table {
		margin-top: -2% !important;
	}

	.blocImage {
		width:auto;
		height:auto;
		line-height:normal;
		vertical-align:middle;
		padding:0;
	}
	iframe.blocMapsGoogle, iframe.blocCalGoogle, .video {
		width: 100%;
		-webkit-transition: height 0.8s;
		transition: height 0.8s;
		border-radius: ;
	}
	iframe.blocMapsGoogle, iframe.blocCalGoogle {
		height: 20vw;
	}
	iframe.blocMapsGoogle.on {height: 50vw;}
	h4.titreMapsGoogle {cursor:pointer;}
	iframe.blocCalGoogle {height: 50vw; border-radius:0px;}
	iframe#twitter-widget-0{margin-right:30px; vertical-align: top;}
	.video {
		margin-top:20px; 
		margin-bottom:10px; 
		text-align:center; 
		width: 100%; 
		/*height:auto;*/
	}
	.video > object > embed {
		width:100%;
		/*height:38vw;*/
		max-height: 450px;
	}
	.prezi {height: 30vw;}

	.col1, .col2, .col3 {
		margin:2em auto;
		column-gap:40px;                                   /* cssMulti */	-webkit-column-gap:40px; column-gap:40px;
		column-rule:1px solid rgba(128,128,128,0.5);       /* cssMulti */	-webkit-column-rule:1px solid rgba(128,128,128,0.5); column-rule:1px solid rgba(128,128,128,0.5);
		hyphens: auto;                                     /* cssMulti */	-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
		text-align: justify;
		max-width:800px;
	}
	.col2 {
		column-count:2;                                    /* cssMulti */	-webkit-column-count:2; column-count:2;
	}
	.col3 {
		column-count:3;                                    /* cssMulti */	-webkit-column-count:3; column-count:3;
	}

	/* Correctifs */
	.gauche {text-align:left;}
	.centre {text-align:center;}
	.droite {text-align:right;}
	.justif {text-align:justify;}
	.floatl {float:left;}
	.floatr {float:right;}
	.clearb {clear:both;}
	.clearl {clear:left;}
	.clearr {clear:right;}
	.grasse {font-weight:bold;}
	.italic {font-style:italic;}
	.script {font-family: 'Dancing Script', cursive;}/**/
	.grande {font-size:1.5rem; line-height:2rem;}
	.enorme {font-size:2.0rem; line-height:3rem;}
	.rot7  {-ms-transform: rotate( 7deg); -moz-transform: rotate( 7deg); -webkit-transform: rotate( 7deg); transform: rotate( 7deg);}
	.rot-7 {-ms-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg); transform: rotate(-7deg);}
	.rot3  {-ms-transform: rotate( 3deg); -moz-transform: rotate( 3deg); -webkit-transform: rotate( 3deg); transform: rotate( 3deg);}
	.rot-3 {-ms-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg);}
	.nowrap {white-space: nowrap;}
	.displayNone {display:none !important;}
	.rouge {color: rgb(185, 0, 0);}
	.nocontent {content: "";}
	.relative {position: relative;}
	.liste {
		display: block;
		list-style-position: inside;
		margin-top:0.5em;
	}
	.telephone:before {
		content: "\01F4DE";
		margin-right: 0.4em;
		font-size: 0.9em;
	}
	p.telephone a[target=_blank]:before {
		content: "\01F310";
		margin-right: 0.4em;
		font-size: 0.9em;
	}
	.correct {color:rgb(27,114,32);} 
	.incorrect {color:rgb(185, 0, 0);} 
	
	.barre,
	#main > header > div#navs > nav#navpublic a.barre,
	#main > header > div#navs > nav#navprive  a.barre {color: rgba(79,146,116,1.00); text-decoration: line-through;}
	
	.enTest,
	article.enTest h1,
	article.enTest h2,
	article.enTest h3,
	article.enTest h4,
	#main > header > div#navs > nav#navpublic a.enTest,
	#main > header > div#navs > nav#navprive  a.enTest {color: rgba(79,146,116,1.00) !important;}
	
	article.enTest:hover,
	article.enTest:hover h1,
	article.enTest:hover h2,
	article.enTest:hover h3,
	article.enTest:hover h4 {color:  !important;}
	
	.horsDate,
	article.horsDate h1,
	article.horsDate h2,
	article.horsDate h3,
	article.horsDate h4,
	#main > header > div#navs > nav#navpublic a.horsDate,
	#main > header > div#navs > nav#navprive  a.horsDate {text-decoration: line-through;}
	
	article.horsDate:hover,
	article.horsDate:hover h1,
	article.horsDate:hover h2,
	article.horsDate:hover h3,
	article.horsDate:hover h4 {text-decoration: none;}
	
	.saisiesMail {
		margin: 0;
		text-indent: 0;
	}
	.selectionsCibles {
		background-color: white;
	}
	.ui-state-default, 
	.ui-state-highlight {
		text-indent: 0;
	}
	.ui-state-default:before, 
	.ui-state-highlight:before {
		content: '';
	}

	table.dataTable tbody th, 
	table.dataTable tbody td {
		padding: 2px 0px;
	}
	.flexbox {
		display: flex;
	}
	.flexcontent {
		flex-grow: 1;
	}
	#choixGroupe {
		display: flex;
	}
	#choixGroupe > label {
		margin-right: 2em;
		cursor: pointer;
		background-color: ;
		padding: 0.1em 0.5em;
		border-radius: 1em;
		flex-grow: 1;
		text-align: center;
	}
	#choixGroupe > label:last-child {
		margin-right: 0em;
	}
	#choixGroupe > label:hover,
	#choixGroupe > label.on {
		background-color: ;
	}
	#choixGroupe > label > input {
	}
	#nbDestGroups, #nbDestTot {font-weight: bold;}
	#_envoiMail .flexbox, .flexbox {
		flex-wrap: wrap;
		font-size: 0.80em;
	}
	#_envoiMail .flexbox .dataTables_wrapper, .flexbox .dataTables_wrapper {
		flex-grow: 1;
		width: 40%;
	}#_envoiMail .flexbox .dataTables_wrapper:last-of-type {
		margin-left: 2%;
	}
	#_envoiMail h3 span {
		font-size: 0.8em;
		font-style: italic;
	}
	#myTableEntree {
		/*font-size: 0.80em;*/
	}
	#myTableEntreeSortie .dataTables_wrapper:first-of-type tbody tr {cursor: e-resize;}
	#myTableEntreeSortie .dataTables_wrapper:last-of-type tbody tr {cursor: w-resize;}
	.dataTables_wrapper:before {
		display: block;
		font-size: 1.2em;
		/*text-decoration: underline;*/
		margin-bottom: 0.5em;
		font-weight: bold;
	}
	#myTableEntreeSortie .dataTables_wrapper:first-of-type:before {content: 'Utilisateurs du site';}
	#myTableEntreeSortie .dataTables_wrapper:last-of-type:before {content: 'Destinataires du mail';}
	#myTableEntreeSortie .dataTables_wrapper .dataTables_filter {
		float: left;
		text-align: left;
	}
	#main > section > article > #TableRecus, #main > section > article > #TableEnvoyes {max-width: none;}
	#TableRecus .dataTables_wrapper:before, 
	#TableEnvoyes .dataTables_wrapper:before  {content: '';}
	#TableRecus .dataTables_wrapper td:last-of-type, 
	#TableEnvoyes .dataTables_wrapper td:last-of-type  {width: 50%}
	#TableRecus .dataTables_wrapper td div, 
	#TableEnvoyes .dataTables_wrapper td div {max-height: 5em; overflow: scroll;}
	#TableRecus .dataTables_wrapper td span,
	#TableEnvoyes .dataTables_wrapper td span {display: block;}
	#myTableEntree_wrapper {margin-right: 2%;}
	#myTableEntreeSortie .dataTables_info {
		top: -0.75em;
		left: 13em;
	} 
	.dataTables_wrapper th {text-align: left;}
	.dataTables_wrapper tbody tr:hover {background-color:;}		.dataTables_wrapper tbody tr:nth-child(odd) {background-color:;}	
	.dataTables_wrapper tbody tr:nth-child(odd):hover {background-color:;}	
	.dataTables_wrapper caption {margin-top: 4px; margin-bottom: 4px;}	

	#mailObjet {
		width:100%;
		font-size: 1.2em;
		padding: 0.1em 0.3em;
	}
	#mailContenu {
		width:100%; max-width:100%;
		min-height: 200px;
		max-height: 400px;
		font-size: 1.0em;
		vertical-align: top;
		padding: 0.1em 0.3em;
	}
	.userPost .dataTables_wrapper:before {content: 'Destinataire(s)'; text-decoration: none; font-size: 16px;	}
	.userPost {float: right; width: 40%; right: 0;}
	.userPost .dataTables_wrapper:last-of-type tbody tr {cursor: default;}
	#myTableEntreeSortie table.dataTable.no-footer {
		border: none;
	}
	.dataTables_wrapper .dataTables_length {
		float: right;
	}
	.dataTables_wrapper .dataTables_filter {
		float: left;
		text-align: left;
	}
	.dataTables_wrapper .dataTables_info {
		/* clear: both; */
		float: none; 
		/* padding-top: 0.755em */
		position: absolute ;
		top: 0.2em;
		left: 25em;
	}
	.dataTables_wrapper .dataTables_paginate {
		/* float: right; */
		text-align: right;
		/* padding-top: 0.45em; */
		position: absolute;
		top: 0em;
		right: 17em;
	}
	.hauteurZero {line-height: 0; opacity: 0; overflow: hidden; transition: all 0.5s;}
	.hauteurInit {line-height: 1.2em; opacity: 1;}
	.boutoncol1_ {
		margin: 0 1px;
		padding: 0 0.4vw;
	}
	#passnew~span, #PasseAuto2~span {
		display: inline-block;
		width: 15px;
		height: 3px;
		margin-left: 2px;
		vertical-align: middle;
		/*background-color:rgba(160,160,160,1);*/
	}
	.correctfond0 {background-color:rgba(160,160,160,1);} 
	.correctfond1 {background-color:rgba(255,0,4,1.00);} 
	.correctfond2 {background-color:rgba(255,139,0,1.00);} 
	.correctfond3 {background-color:rgba(246,203,0,1.00);} 
	.correctfond4 {background-color:rgba(37,167,46,1.00);} 
	.correctfond5 {background-color:rgba(37,167,46,1.00);} 

	table#params {
		min-width: 200px;
		width: 100%;
	}
	table#params td:first-child {
		text-align: right;
		width: 30%;
		white-space: normal;
	}





	
	
	
	
	
	
	
	
/*******************************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************************/
/********************																																	************************************/
/********************														@ M E D I A																	************************************/
/********************																																	************************************/
/*******************************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************************/
	
	
	
	
	
	
	
	
	
	
	
	
@media handheld, only screen and (max-width: 1200px) {
	#main > section > article {
		margin-top: 4% !important;
		width: 100% !important;
	}
	#main > section > article:first-of-type	{
		margin-top:0 !important;
	}
}
	
@media handheld, only screen and (max-width: 800px) {
	/*html {background-image:none;}*/
	html {background-size:cover; background-attachment:fixed;}
	body {min-width:320px; background-image: none;}
	a {white-space: normal;}
	#menuAdmin {
		display: none;
		top:40px;
		text-align: right;
		padding: 5px;
		background-color: rgba(0,0,0,0.7); 		height: 100%;
		z-index: 300;
	}
	#menuAdmin > ul {
		display: block;
		margin:  0.5em 0;
	}
	#menuAdmin > ul:nth-child(1),
	#menuAdmin > ul:nth-child(2),
	#menuAdmin > ul:nth-child(4),
	#menuAdmin > select {
		display: none;
	}
	#menuAdmin > ul:nth-child(5) {
		font-size: 1.3em;
		font-weight: bold;
		color: white;
		border-bottom: 1px white solid;
	}
	#menuAdmin > ul > input {
		display: inline-block;
	}
	#menuAdmin > ul > ul,
	#menuAdmin > ul > ul > input {
		display: inline-block;
		float: left;
	}
	#menuAdmin > ul > ul::before {
		content: '\0276F';
		float: left;
		font-size: 1.3em;
		font-weight: bold;
		color: white;
	}
	#menuAdmin input[class^=boutoncol] {
		font-size: 1.3em;
	}
	#menuAdmin input[class^=boutonpage1] {
		font-size: 3.4em;
		background-size: cover;
	}

	#fondecSW {display:none}
	#main {
		min-width:300px;
		padding-top:10px;
		margin:0;
		opacity:1;
		padding-bottom: 0%;
	}
	#main:before {bottom:0;}


	#main > header,
	#main > header.admin {
		margin-top: 40px;
		margin-bottom: 10px;
		text-align: center;
		z-index: 300;
		display: block;
		max-height: none;
		overflow: visible;
	}
	#main > header > a {float: none;}
	#main > header > a:first-child {
		display: none;
	}
	#main > header > img,
	#main > header > a > img,
	#main > header > span > a > img {
		display: none;
	}
	#main > header > aside {display:none;}
	#main > aside > #sticker2 {
		text-align: center;
	}
	#main > aside > #sticker2 .ticket {
		margin: 15px;
	}
	#main > aside div.top {
		display: inline-block;
		width: 49%;
	}
	.postit.moyen {
		width: auto;
	}
	#main > header > #navmob {
		display:block;
		margin: 0px;
		padding: 5px;
		background:;
		font-weight:700;
		letter-spacing:0.1em;
		/*color:#fff ;
		text-decoration:none;*/
		position: fixed;
		top: 0px;
		width: calc(100% - 10px);
		z-index: 10;
		line-height: 30px;
		font-size: 140%;
		text-align: left;
	}
	#main > header > #navmob:before {
		content: '';
		display:block;
		margin: 0px;
		padding: 10px 0 0 0;
		background:rgba(255,255,255,0.7);
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 30px;
		z-index: -1;
	}
	#main > header > #navmob > img {
		display:inline;
		margin: 0;
	}
	#main > header > #navmob > svg 			{fill: ;}
	#main > header > #navmob > svg:hover 	{fill: ;}
	#main > header > #navmob > svg:active 	{fill: ;}
	#main > header > #navmob > svg:first-child {
		float: left;
		height: 30px;
		margin-right: 8px;
	}
	#main > header > #navmob > img {
		float: left;
		margin-right: 5px;
		height: 30px;
	}
	#main > header > #navmob > svg:last-child {
		float: right;
		width: 30px;
		z-index: 10;
	}
	#main > header > #navmob > span {font-style: italic;}
	#main > header > #navmob > span:nth-child(1) { }
	#main > header > #navmob > span:nth-child(2) {color:;}
	#main > header > #navmob > span:nth-child(3) {color:#7ab030;}

	#main > header > #navmobadmin {
		display:inline-block;
		position: fixed;
		top: -14px;
		right: 4px;
		z-index: 10;
		margin: 0;
	}
	#main > header > #navmobadmin > img {
		display: inline;
		width: 40px;
		max-width: none;
	}

	#main > header > div#navs {
		z-index:10;
		display: block;
		position: fixed;
		top: 40px;
		left: -100%;
		width: 100%;
		/*max-width: 400px;*/
		max-height: 400px;
		max-height: calc(100vh - 40px);
		overflow: auto;
		box-shadow:rgba(0,0,0,0.5) 0 5px 5px;
		margin-top: 0;
		/*background-color: rgba(0, 0, 0, 0.9);*/
		transition: all 0.5s ease;
	}
	#main > header > div#navs:after {
		content: ;
		display: block;
		height: 50px;
	}
	#main > header > div#navs.on {
		left: 0%;
	}
	#main > header h1.entetehaut {
		float: none;
		display: inline-block;
		width: 100%;
		background-color:; 
		text-align: center;
		font-size: 1.5em;
	}
	#main > header > div#navs > nav#navpublic,
	#main > header > div#navs > nav#navprive {
		margin:0;
		z-index:10;
		/*font-size:1.0rem;
		text-align: left;
		color:#fff;*/
	}
	#main > header > div#navs > nav#navpublic {
		background: linear-gradient(to bottom,  0%, 100%),
					linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%); 
	}
	#main > header > div#navs > nav#navprive {
		background: linear-gradient(to bottom,  0%, 100%),
					linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%); 
	}
	#main > header > div#navs > nav#navpublic:before {
		content: ;
		display: block;
		position: fixed;
		width:100%;
		height: 100%;
		z-index:-1;
		top: 40px;
		/*max-height: 400px;
		max-height: 73vh;*/
		margin-top: 0;
		background-color: rgba(255,255,255, 0.8);
	}
	#main > header > div#navs > nav#navprive {
		border-top: 1em  solid;
	}
	#main > header > div#navs > nav#navpublic > ul,
	#main > header > div#navs > nav#navpublic:after,
	#main > header > div#navs > nav#navpublic > ul:after,
	#main > header > div#navs > nav#navprive,
	#main > header > div#navs > nav#navprive > ul {
		display: inherit;
		padding:0;
		margin-top:0;
	}
	#main > header > div#navs > nav#navpublic > a,
	#main > header > div#navs > nav#navpublic > ul > li > a,
	#main > header > div#navs > nav#navprive > a,
	#main > header > div#navs > nav#navprive > ul > li > a {
		position: relative;
		display: block;
		width: 100%;
		padding: 5px 2%;
		margin: 0;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg) ;
		border-top: rgba(189, 189, 189, 0.5) 2px solid;
		border-radius: 0;
		font-size: 1.2rem;
		line-height: 14px;
	}
	#main > header > div#navs > nav#navpublic > ul > li {
		display:block;
		width:100%;
		/*vertical-align:top;
		position:relative;
		margin-left: 0px;*/
	}
	#main > header > div#navs > nav#navpublic > ul > li.mobLogin {
		display: block;
	}
	#main > header > div#navs > nav#navpublic > ul > li > a.on,
	#main > header > div#navs > nav#navpublic > ul > li > ul > li > a.on {
	}
	#main > header > div#navs > nav#navpublic > ul > li > a:hover,
	#main > header > div#navs > nav#navpublic > ul > li > ul > li > a:hover,
	#main > header > div#navs > nav#navprive  > ul > li > a:hover,
	#main > header > div#navs > nav#navprive  > ul > li > ul > li > a:hover {
		background-color: transparent;
		color: ;
	}
	#main > header > div#navs > nav#navpublic > ul > li > a,
	#main > header > div#navs > nav#navpublic > ul > li > ul > li > a,
	#main > header > div#navs > nav#navprive > ul > li > a,
	#main > header > div#navs > nav#navprive > ul > li > ul > li > a {
		height:auto; 
		text-align: left;
		background-color: transparent;
	}
	#main > header > div#navs > nav#navpublic > ul > li > a:before { content:normal;}
	#main > header > div#navs > nav#navpublic > ul > li > a:after { content:normal;}


	#main > header > div#navs > nav#navpublic > a:after,
	#main > header > div#navs > nav#navpublic > ul > li > a:after,
	#main > header > div#navs > nav#navprive > a,
	#main > header > div#navs > nav#navprive > ul > li > a {
		-webkit-transform:rotate(0deg); transform:rotate(0deg) ;
		font-size:1.2rem;
		line-height:14px;
		text-align:left;
		color:;
		padding:10px 2%;
		width:96%;
	}
	#main > header > div#navs > nav#navprive > ul > li > a,
	#main > header > div#navs > nav#navprive > ul > li:last-of-type > a {padding:5px 2%;}

	#main > header > div#navs > nav#navpublic > ul > li > ul,
	#main > header > div#navs > nav#navprive > ul > li > ul {position:static; display:inline;max-height: none;}

	#main > header > div#navs > nav#navpublic > ul > li > ul > li,
	#main > header > div#navs > nav#navprive > ul > li > ul > li {font-size:16px; text-align: left; text-indent:20px; list-style-type:none; list-style-position:inside; display:list-item;}

	#main > header > div#navs > nav#navpublic > ul > li > ul > li > a,
	#main > header > div#navs > nav#navprive > ul > li > ul > li > a {font-size:16px; line-height:22px; border-radius:0; text-align: left; max-height: none; display: block; -webkit-transform:rotate(0deg); transform:rotate(0deg) ;}

	#main > header > div#navs > nav#navpublic > a:active,
	#main > header > div#navs > nav#navprive > a:active {-webkit-transform:rotate(0deg); transform:rotate(0deg) ;}

	#main > header > div#navs > nav#navpublic > a.on,
	#main > header > div#navs > nav#navprive > a.on {-webkit-transform:rotate(0deg); transform:rotate(0deg) ;}

	#main > header > div#navs > nav#navpublic > a:hover,
	#main > header > div#navs > nav#navpublic > ul > li > a:hover,
	#main > header > div#navs > nav#navprive > a:hover,
	#main > header > div#navs > nav#navprive > ul > li > a:hover {background-size: 0;}

	#main > header > div#navs > nav#navpublic > a:active,
	#main > header > div#navs > nav#navprive > a:active {-webkit-transform:rotate(0deg); transform:rotate(0deg) ;}

	#main > header > div#navs > nav#navpublic > a:active:before,
	#main > header > div#navs > nav#navprive > a:active:before {}

	#main > header > div#navs > nav#navpublic > a.inactif,
	#main > header > div#navs > nav#navprive > a.inactif {
		-webkit-transform:rotate(0deg); transform:rotate(0deg) ;
		opacity:1;
	}

	#main > header > div#navs > nav#navpublic > a.inactif:hover, 
	#main > header > div#navs > nav#navpublic > a.inactif:after,
	#main > header > div#navs > nav#navprive > a.inactif:hover, 
	#main > header > div#navs > nav#navprive > a.inactif:after {}

	#main > header > div#navs > nav#navpublic > a > span, 
	#main > header > div#navs > nav#navpublic > ul > li > a > span,
	#main > header > div#navs > nav#navprive > a > span {display:none;}
	#main > header > div#navs > nav#navprive > ul > li > a > span {
		display: inline;
		vertical-align: bottom;
		margin-left: 0.3em;
	}
	#main > header > div#navs > nav#navprive > ul > li:nth-of-type(-n+1) > a {
		font-size: 1em;
		height: auto;
		padding: 5px 2%;
		text-align: left;
		display: none;
	}
	#main > header > div#navs > nav#navprive > ul > li:nth-of-type(1) > a:nth-of-type(2) {
		line-height: normal;
		display: block;
		width: 96%;
		z-index: 1;
		top: 0;
		left: 0;
		color: ;
		background-color: ;
		text-shadow: ;
	}
	#main > header > div#navs > nav#navprive > ul > li > ul, 
	#main > header > div#navs > nav#navprive > ul > li > ul > li > a {display:block; opacity:1;}
	#main > header > div#navs > nav#navprive:before {content:inherit; border-radius:0;}
	#main > header > div#navs > nav#navprive > ul > li {display:list-item; margin:0; }

	#main > header > div#navs > nav#navprive > ul > li:first-of-type,
	#main > header > div#navs > nav#navprive > ul > li:last-of-type {float:none; margin:0;}

	#main > header > div#navs > nav#navprive > ul > li > a.dernier {
			width: calc(100% - 20px);
			margin:0; 
			padding:10px; 
			background:rgba(0,0,0, 0.8); 
			color: #fff; 
			font-size:1rem; 
			font-weight: bold;}
	#main > header > div#navs > nav#navpublic:last-of-type > ul > li:last-of-type > a,
	#main > header > div#navs > nav#navpublic:last-of-type > ul > li:last-of-type > ul > li:last-of-type > a,
	#main > header > div#navs > nav#navprive > ul > li:last-of-type > ul > li:last-of-type > a {
		padding-bottom: 5em;
	}


	#main > section > article object, #main > section > article audio,#main > section > article video {height: 100vw;/*400px*/}
	#main > section > article .blocDocument > div.pavé.show :first-child {max-height: 100vw;/*400px*/}
	.video > object > embed {height: 75vw; max-height: 100vw;}
	.prezi {height: 60vw;}

	#main > #content {
		margin-top: 30px;
	}
	#main > section {
		margin-right:0px;
		border-right: none;
		padding-right: 0px;
	}
	.modPrefs {
		display: none;
		left: 0vw;
		top: 45px;
	}
	.numeroPage {
		left: 0vw;
		top: 0px;
	}
	.numeroArticleHaut, .numeroArticleBas {
		top:0px;
		left:auto;
		right: 0px;
	}
	.numeroArticleBas {
		top:auto;
		bottom:0px;
	}
	#main > section > article:before,
	#main > footer:before,
	#main > footer > nav > a:before,
	.postit:before,
	.calendar > a:before {
		-webkit-transform:rotate(0deg); transform:rotate(0deg) ;
	}
	#main > section > article p.titre {font-size: 2.5em !important;}
	#main > footer #plansite {display:none}
	#main > footer.reactif > div {margin-top: 20px;}
	#main > footer:before {
		background-size: cover;
	}
	#main > footer h1 { font-size:5vw;}
	#main > footer h1 span { /*white-space:nowrap;*/ }
	.calendar {
		width:auto;
		padding: 4%;
	}
	.calendar > a {
		display:block;
		width:100%;
		height:auto;
	}
	.alaune-ticker {height: 84px;}
	#main > aside {
		float:none;
		display:block;
		position:relative;
		border-left: none;
		padding-left: 0;
		width: auto;
	}
	#main > aside { z-index:auto;}
	#main > aside:nth-of-type(even) {display:block; margin-top: 10vw;}
	#main > aside:nth-of-type(odd)  {display:none;}
	#main > aside#aside2 img  { width:80%;}
	iframe.blocMapsGoogle {
		width: 92vw;
		height: 100vw;
	}
	iframe.blocCalGoogle {
		width: 90vw;
		height: 100vw;
	}
	.calendrier {
		height: 300px;
		width: 300px;
	}
	.cold {
		float:none;
		display:block;
		position:relative;
		margin-left:0;
		border:none;
		padding-left: 0;
	}
	.postit {
		width:auto;
	}
	.col1, .col2, .col3 {
		column-count:1;                                    /* cssMulti */	-webkit-column-count:1; column-count:1;
	}
	.boutonsTables {
		margin-top: 2em;
	}
	.boutonsTables[data] {
		margin-left: 1em;
	}
	#choixGroupe {
		flex-wrap: wrap;
	}
	#choixGroupe > label {
		margin: 1px;
	}
	#_envoiMail .flexbox, .flexbox {
		flex-direction: column;
	}
	#_envoiMail .flexbox .dataTables_wrapper, 
	.flexbox .dataTables_wrapper {
		width: auto;
	}
	#mailObjet, #mailContenu {width: 95%;}
	#myTableEntreeSortie .dataTables_wrapper:last-of-type {margin-top: 1.5em;}
	
	#Message {width: 100%;}
}
</style>

