<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;
}


/**********************************************************************************************************/
/**********************************  G O O G L E   F O N T S  *********************************************/
/**********************************************************************************************************/
/* exo-200 - latin */
@font-face {
  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 */
}
/* exo-200italic - latin */
@font-face {
  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 */
}
/* exo-regular - latin */
@font-face {
  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 */
}
/* exo-italic - latin */
@font-face {
  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 */
}
/* exo-700 - latin */
@font-face {
  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 */
}
/* exo-700italic - latin */
@font-face {
  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-regular - latin */
@font-face {
  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 */
}
/* crimson-text-italic - latin */
@font-face {
  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 */
}
/* crimson-text-700 - latin */
@font-face {
  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 */
}
/* crimson-text-700italic - latin */
@font-face {
  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-regular - latin */
@font-face {
  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 {
  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.5em;
	/*font-size:0.9rem;*/
}

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;}

article ul {
	list-style-position: inside;
	list-style-type: none;
	text-indent:-12px;
	}
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;
	}
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/);	/*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;
}
h1 {font-size:2.0rem;}
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;
}
h1:first-child, 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:;}
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 {
	content:"";
}



#masque {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	z-index:9;
	background-color:rgba(0,0,0,0.5);
}
#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);            /* cssMulti */	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -o-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -ms-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -xv-box-shadow:0px 1px 2px rgba(0,0,0,0.5); box-shadow:0px 1px 2px rgba(0,0,0,0.5);
	border-radius:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; border-radius:;
	}
#trailimageid img {
	border-radius:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; 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:4%;
	position:relative;
	opacity: .99;
	padding-bottom: 4%;
}
#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;
	color:;
	margin-bottom:2%;
}
#main > header.admin, #main > footer.admin {
	display: none;
}
#main > header > .entetehaut {
	/*text-align: center;*/
	margin: 0;
	border:none;
	font-family: 'Exo', Arial, 'Trebuchet MS', Helvetica, sans-serif;
	font-weight:bold;
	/*font-style:italic;*/
}
#main > header > h1.entetehaut {
	font-size:4.0rem; 
	line-height:1em; 
	margin-top: -24px;
}
#main > header > h1.entetehaut a {
	color:; 
	text-decoration:none; 
	text-shadow: rgba(0,0,0,0.5) 0px 3px 3px; 
	font-weight: 400;
	font-style: italic;
}
#main > header > h1.entetehaut a span:nth-child(1) {color:#00aad3; }
#main > header > h1.entetehaut a span:nth-child(2) {color:#7ab030; }
#main > header > h1.entetehaut a span:nth-child(3) {color:#c9d30e; }
#main > header > h1.entetehaut a span:nth-child(4) {color:#b9b9b9; font-size: 75%;}
#main > header > h2.entetehaut {
	margin-top: 0.5em; 
	/*margin-top: -1.1em; 
	margin-left: 6em;*/
	font-size:1.4rem;
	font-weight: 200;
	font-style: italic;
	line-height:1em; 
	text-shadow: rgba(0,0,0, 0.5) 0px 1px 2px;
}
#main > header > h2.entetehaut a {
	color:; 
	color:rgba(0,0,0,0.7); 
	text-decoration:none; 
	/*text-shadow: rgba(0,0,0,0.5) 0px 1px 2px; */
	text-shadow:none; 
}
#main > header > h2.entetehaut > span {white-space: nowrap;}
#main > header > aside {
	display:block;
	position:absolute;
	top: -8vw;
	right:0px;
	width: 33%;
	background-color:rgba(0,0,0,0.1);
	padding: 13vw 1vw 1vw 1vw;
	font-size: 1.1vw;
	border-radius:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; border-radius:;
	color:;
}
#main > header > aside > p {
	position:absolute;
	top:6.7em;
	padding-right: 1vw;
	font-size: 1.05vw;
	font-weight:400;
	color:; 
}
#main > header > aside > p > em {
	font-weight:bold;
}
#main > header > aside > form > input[type=search],
#main > header > aside > form > input[type=text] {
	width:25vw;
	font-size: 1.1vw;
	vertical-align:middle;
	border-width:1px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius:10px;                                /* cssMulti */	-moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -xv-border-radius:10px; border-radius:10px;
}
#main > header > aside > form > input[type=search].empty,
#main > header > aside > form > input[type=text].empty {
	color:#888
}
#main > header > aside > form > img {
	vertical-align:bottom;
	width:2.3vw;
	cursor:pointer;
}
#main > header > aside > form > input[type=submit] {
	display:inline-block;
	vertical-align:bottom;
	width:2.3vw;
	height: 2.3vw;
	cursor:pointer;
	border:none;
	background-color:transparent;
	background-image:url(images/icon-search2.png);
	background-size:contain;
	background-repeat:no-repeat;
}
#main > header > aside img:hover {
}



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









#main > header > div#navs {
	margin-top: 3vw;
	font-weight: 400;
}



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

/* menu */#main > header > div#navs > nav#navpublic {
	margin:0;
	padding:0;
}
/* 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;
	line-height:1.2vw;
}
/* UL */
#main > header > div#navs > nav#navpublic > ul {
	/*margin-top:5vw;*/
}
#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;
	width:14.5vw;
	vertical-align:top;
	position:relative;
	margin-left: 0px;
}
/* UL > LI > UL > LI */
#main > header > div#navs > nav#navpublic > ul > li > ul > li {
	margin-left: 0px;
}
/* Tous les A */
#main > header > div#navs > nav#navpublic a {
	display:block;
	background-color: ;
	padding:0.5vw;
	text-decoration:none;
	color:;
	color:;
	font-size:1.1vw;
	line-height:2.0vw;
	text-align:right;
	box-sizing: border-box;
}
#main > header > div#navs > nav#navpublic li li a {
	text-align:left;
}
#main > header > div#navs > nav#navpublic a:hover {
	background-color: ;
}


/* UL > LI > A */
#main > header > div#navs > nav#navpublic > ul > li > a {
	width:100%;
	height:13vw;
	background-color: ;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center 3vw;
	border-radius: ;
	transition: background-position 0.75s ease-in-out, background-color 0.15s ease-in-out;
}
#main > header > div#navs > nav#navpublic > ul > li > a.on,
#main > header > div#navs > nav#navpublic > ul > li > a.ouvert {
	background-position:center 20vw;
	background-position:center calc(13vw + 1vw);
	transition:none;
}
#main > header > div#navs > nav#navpublic > ul > li > a.on {
	background-color: ;
}
#main > header > div#navs > nav#navpublic > ul > li:hover > a:last-child,
#main > header > div#navs > nav#navpublic > ul > li > a.on:last-child {
	background-position:center 3vw;
}
#main > header > div#navs > nav#navpublic > ul > li:hover > a {
	background-position:center 20vw;
}


/* ligne blanche BEFORE */
#main > header > div#navs > nav#navpublic > ul > li > a:before {
	content:"";
	display:block;
	box-sizing: border-box;
	position:absolute;
	top:3vw;
	left:0;
	border-top:#ffffff 1px solid;
	margin-top:-1px;
	width:100%;
	height:0;
	z-index:2;
}

/* Description  AFTER */
#main > header > div#navs > nav#navpublic > ul > li > a:after {
	content: attr(data);
	position: absolute;
	left: 0px;
	top: 3.1vw;
	top: calc(3vw + 1px);
	top: 3vw;
	box-sizing: border-box;
	padding:0 0.5vw;
	width:100%;
	height:1.7vw;/*auto*/
	/*max-height:10.2vw;*/
	overflow:hidden;
	font-size:0.9vw;
	line-height:1.7vw;
	background-color:rgba(0,0,0,0.3);
	color:#fff;
	text-shadow:rgba(0,0,0,0.5) 1px 1px 1px;
	font-style:italic;
	text-align:right;
	opacity:1;
	border-radius: 0;
	/*transition: opacity 0.75s ease-in-out, height 0.75s ease-in-out, border-radius 0.75s ease-in-out, padding-top 0.75s ease-in-out;*/
	transition: all 0.75s ease-in-out;
}

#main > header > div#navs > nav#navpublic > ul > li > a.on:last-child:after,
#main > header > div#navs > nav#navpublic > ul > li:hover > a:last-child:after,
#main > header > div#navs > nav#navpublic > ul > li:hover > a.on:last-child:after {
	height:10vw;
	padding-top:4.0vw;
	padding-top:calc( 10vw * 0.4 );
	opacity:1;
	border-radius: ;
}
#main > header > div#navs > nav#navpublic > ul > li > a.on:last-child:after {
	padding:0 0.5vw;
}
#main > header > div#navs > nav#navpublic > ul > li > a.on:not(:last-child):after,
#main > header > div#navs > nav#navpublic > ul > li > a.ouvert:not(:last-child):after {
	display:none;
}
#main > header > div#navs > nav#navpublic > ul > li:hover > a:after {
	opacity:0;
}



/* UL > LI > UL */
#main > header > div#navs > nav#navpublic > ul > li > ul {
	display:block;
	position:absolute;
	width:100%;
	top:3vw;
	/*opacity:1;
	background-color:transparent;
	border-top:#ffffff 1px solid;*/
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.75s ease-in-out;
	z-index:2;
	border-radius: ;
}
#main > header > div#navs > nav#navpublic > ul > li:hover > ul,
#main > header > div#navs > nav#navpublic > ul > li > a.on + ul,
#main > header > div#navs > nav#navpublic > ul > li > a.ouvert + ul {
	/*opacity:1;*/
	max-height:20vw;
	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 {
	display:block;
	background-color: ;
	font-size:1.0vw;
	line-height:1.8vw;
	padding:0.0vw 0.5vw;
	transition:none;
}
#main > header > div#navs > nav#navpublic > ul > li > ul > li > a.on {
	background-color: ;
	transition:none;
}









/* **************************** */
/* main > header > div#navs > nav#navprive */
/* **************************** */
#main > header > div#navs > nav#navprive,
#main > header > div#navs > nav#navprive > ul {
	margin:2vw 0 2% 0;
	text-align:center;
	padding:0;
	/*font-size: 0px;*/
	position: relative;
	padding: 5px 0;
}
#main > header > div#navs > nav#navprive ul {
	display: inline;
	margin:0;
}
#main > header > div#navs > nav#navprive > ul {
	display: block;
}
#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:0px 0.5% 0 0;
}
#main > header > div#navs > nav#navprive > ul > li:first-of-type {float:left;	margin: 0px 0 0 0.5%;}
#main > header > div#navs > nav#navprive > ul > li:last-of-type {float:right;}
#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;
	/*bottom:-0.3em;
	left: 21%;*/
	right: 0;
	z-index:100;
	margin: 0;
	padding: 0;
	font-size: 1.2vw;
	-webkit-transform:rotate(-deg); transform:rotate(-deg) ;
	opacity:0;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
	filter: alpha(opacity = 25); /* Hack IE 5-7 */
	/*-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out; */
}
#main > header > div#navs > nav#navprive > ul > li > ul.on,
#main > header > div#navs > nav#navprive > ul > li:hover > ul {
	display: block;
	opacity:1;
	-ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* Hack IE 8 */
	filter: alpha(opacity = 90); /* Hack IE 5-7 */
}
#main > header > div#navs > nav#navprive > ul > li > ul > li {
	display: block;
	margin-left:0;
	text-align: right;
}
#main > header > div#navs > nav#navprive > ul > li > ul > li > a {
	display: none;
	background-color:;
	padding: 0 0.5em;
	font-size: 1.0vw;
	line-height:1.5em;
	color: ;
	border-radius:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; border-radius:;
	-webkit-transition: color 0.8s, background-color 0.2s, -webkit-transform 1s;
	transition: color 0.8s, background-color 0.2s, transform 1s;
}
#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,
#main > header > div#navs > nav#navprive > ul > li > a {
	position:relative;
	display:inline-block;
	padding: 0.6em 1% 0.6em 1%;
	text-decoration:none;
	font-weight:400;
	vertical-align: bottom;
	-webkit-transform:rotate(-deg); transform:rotate(-deg);
	background-color:;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: 4.5em center;
	overflow:hidden;
	font-size:1.0vw;
	line-height:1.5vw;
	/*letter-spacing:0.1em;*/
	word-wrap: break-word;
	text-align:right;
	color:;
	-webkit-transition: background-color 0.2s, background-position 0.5s, -webkit-transform 1s;
	transition: background-color 0.2s, background-position 0.5s, transform 1s;
	border-radius:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; border-radius:;
}
#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 > a.dernier,
#main > header > div#navs > nav#navprive > ul > li > a.dernier {
	background-color:/*transparent*/;
	color:;
	background-color: transparent;
	word-break: break-word;
	padding-right: 50px;
	padding-left: 50px;
}
#main > header > div#navs > nav#navprive > ul > li > a > span {
	color:;
	font-weight:bold;
}
#main > header > div#navs > nav#navprive > a.on,
#main > header > div#navs > nav#navprive > ul > li > a.on {
	background-color:;
	/*-webkit-transform:rotate(-10deg); transform:rotate(-10deg) ;*/
}
#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:;
	/*-webkit-transform:rotate(-10deg); transform:rotate(-10deg) ;*/
}
#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:;
	-webkit-transform:rotate(-deg); transform:rotate(-deg) ;
	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:1000;
}
#menuAdmin > ul, #menuAdmin > ul > ul {
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align:top;
	position:relative;
}
#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 {
	position:relative;
	margin-right:240px;
	padding-right: 20px;
}
#main > section > article {
	position:relative;
	margin: 4% auto;
	padding:4%;
}
#main > section > article:first-of-type {
	margin-top:0;
}
#main > section > article:before, nav#navprive:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	margin: 20px auto;
	top:-20px;
	left:0px;
	z-index:-1;
	-webkit-transform:rotate(-deg); transform:rotate(-deg) ;
	background-color:;
}
#main > section > article > h1 > a {
	float:right;
}
#main > section > article > div {
	max-width: 800px;
	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:0;                                   /* cssMulti */	-moz-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -xv-border-radius:0; border-radius:0;
}
#main > section > article img {
	max-width: 100%;
}
#main > section > article img[src*="/emotions/"] {
	border-radius:0;                                   /* cssMulti */	-moz-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -xv-border-radius:0; border-radius:0;
}
#main > section > article object, #main > section > article audio,#main > section > article video {
	width: 100%;
	height: 30vw;/*400px*/
	border-radius: !important;                         /* cssMulti */	-moz-border-radius: !important; -o-border-radius: !important; -webkit-border-radius: !important; -ms-border-radius: !important; -xv-border-radius: !important; border-radius: !important;
}
#main > section > article audio, #main > section > article video {
	height:auto;
}
#main > section > article audio {
	height: 30px;
}
.lieu, .dateDiffusion, .numeroArticleHaut, .numeroArticleBas {
	font-style:italic;
	font-size:0.8rem;
	color:#6E6E6E;
}
.lieu {
	border-bottom: none;
	text-align:right;
}
.numeroArticleHaut {
	float:right;
	bottom:20px;
	right:4%;
}
.numeroArticleBas {
	position:absolute;
	bottom:20px;
	right:4%;
}


.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:right;
	position:relative;
	padding-left: 20px;
	width: 220px;
	margin-bottom: 20px;
	
	z-index:200;
}
#main > aside a#logoaside, #signverstop {
	cursor:url(images/icon-top02-16.png), n-resize;
}
#main > aside > #sticker1 {
	width: 220px;
	position:absolute;
	right:0;
}
#main > aside > #sticker1.stick {
	position:fixed;		right: 4%;
	}
#main > aside p:not([class*="calendar"]) {
	font-size:0.8rem;
}
#main > aside p#debug {
	font-size:0.65rem;
}
#main > aside:nth-of-type(even) {display:none;}
#main > aside:nth-of-type(odd)  {display:block;}
.postit {
	position:relative;
	width:180px;
	padding: 20px;
	margin:10px auto;
	font-weight:400;
	color:;
}
.postit:first-child {
	margin-top: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:#00aad3; }
.premsoul > span:nth-child(2) {color:#7ab030; }
.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:Times, "Times New Roman", serif; 
	font-style:italic;
}


.alaune-ticker{
	display: block;
	height: 80px;
	overflow: hidden;
	vertical-align: top;
	margin-bottom: 0;
	}
.alaune-ticker span {
	display:block;
	height:80px;
	/*line-height:14px;*/
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:120%;
	}
.alaune-ticker span a, .alaune-ticker span a:link {
	display: inline-block;
	width:100%;
	margin:0;
	padding:2px 0px;
	font-size:75%;
	/*height:70px;*/ 
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: normal;
	}











#main > footer {
	position:relative;
	clear:both;
	margin-top: 4%;
	padding: 4% 4%;
	/*color: white;*/
}
#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:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; border-radius:;
}
#main > footer:before {
	background-color:;
}
#main > footer:after {
	background-image:url(Fonds/);
	background-image: none;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:1;
	transition:all 1s ease-in-out;
}
#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:3vw; 
	color:white; 
	color:;
	padding-top: 1vw;
	font-family: 'Exo', Arial, 'Trebuchet MS', Helvetica, sans-serif;
	font-weight:bold;
	/*font-style:italic;*/
}
#main > footer > div {
	background-color: rgba(255,255,255, 0.9);
	border-radius:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; border-radius:;
	cursor:default;
}
#main > footer > div > div {padding: 2vw 0 0 0;}
#main > footer > div > div:last-child {padding: 2vw 0;}
#main > footer h1 {font-style: italic;}
#main > footer h1 span:nth-child(1) {color:#00aad3; }
#main > footer h1 span:nth-child(2) {color:#7ab030; }
#main > footer h1 span:nth-child(3) {color:#c9d30e; }
#main > footer h1 span:nth-child(4) {color:#b9b9b9; font-size: 75%;}
#main > footer h1 span:last-child {font-size:66%; font-weight: normal;}
#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:0.4em 0.8em;
	margin:0 0 0px 0;
	font-size: 0.8rem;
	line-height: 1.5vw;
	color:;
	-webkit-transition: color 0.2s, background-color 0.2s;
	transition: color 0.2s, background-color 0.2s;
}
#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;
	-webkit-transform: rotate(-deg); transform: rotate(-deg);
	background-color: ;
	-webkit-transition: color 0.2s, background-color 0.2s;
	transition: color 0.2s, background-color 0.2s;
}
#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.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:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; 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: -16px;
	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) {font-weight:normal; font-size:smaller; color:#888; white-space:nowrap;}
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 .svgdl,
#main > section > article .blocDocument > p > span:first-of-type .svgdl {
	border-radius:0;                                   /* cssMulti */	-moz-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -xv-border-radius:0; 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*/}


/*.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:0px;                                 /* cssMulti */	-moz-border-radius:0px; -o-border-radius:0px; -webkit-border-radius:0px; -ms-border-radius:0px; -xv-border-radius:0px; border-radius:0px;
}
#main > section > article .blocDocument a:hover {
	cursor:pointer;
}
#main > section > article .blocDocumentSansbouton a:before,
#main > section > article .blocDocumentEnligne a:before,
#main > section > article .blocDocumentEnpavé a: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;
}
#main > section > article .blocDocumentEnpavé a:before {
	background-size:0%;
}
#main > section > article .blocDocumentSansbouton a:hover:before,
#main > section > article .blocDocumentEnligne a:hover:before {
	background-size:90%;
}
#main > section > article .blocDocumentEnpavé a: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;}


footer:before, 
.postit:before, 
.calendar > a:before, 
#main > header > div#navs > nav > a, 
#main > footer > nav > a:before, 
#fondecSW, 
#main > section > article::before, 
#main #webmail a:before, 
nav#navprive:before,
#main #deconnexion a:before {
	border-radius:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; 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:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; 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);            /* cssMulti */	-moz-box-shadow:0px 2px 4px rgba(0,0,0,0.5); -o-box-shadow:0px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.5); -ms-box-shadow:0px 2px 4px rgba(0,0,0,0.5); -xv-box-shadow:0px 2px 4px rgba(0,0,0,0.5); 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 {
	position:relative;
	display: inline-block
}
.blocSaisiePhoto {
	background-color:#e0e7cf;
	margin:1px auto;
	padding:5px;
	border-radius:3px;                                 /* cssMulti */	-moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -xv-border-radius:3px; 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 { 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;                                   /* cssMulti */	-moz-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -xv-border-radius:0; border-radius:0;
}
.divIntroImage {
	float:right;
}
#descriptionTable > span {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);            /* cssMulti */	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -o-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -ms-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -xv-box-shadow:0px 1px 2px rgba(0,0,0,0.5); box-shadow:0px 1px 2px rgba(0,0,0,0.5);
	border-radius:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; border-radius:;
	}
.tdmod, .tdsup, .tdsupoff, .tdcon, .tdchk0, .tdchk1 {
	background-repeat:no-repeat;
	background-position:center;
	}
.tdmod {background-image:url(_admin/images/b-modif.png);}
.tdsup {background-image:url(_admin/images/b-supp.png);}
.tdsupoff {background-image:url(_admin/images/b-supp-off.gif);}
.tdcon {background-image:url(_admin/images/b-voir.gif);}
.tdchk0 {background-image:url(_admin/images/coche0w.gif);}
.tdchk1 {background-image:url(_admin/images/coche1w.gif);}
.trita, tdita {font-style:italic;}
.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;
	}
table.tableInvisible5 td {
	width:20%;
	white-space:normal;
	vertical-align:top;
	hyphens: none;                                     /* cssMulti */	-moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; -xv-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);            /* cssMulti */	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -o-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -ms-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -xv-box-shadow:0px 1px 2px rgba(0,0,0,0.5); box-shadow:0px 1px 2px rgba(0,0,0,0.5);
	border-radius:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; border-radius:;
	}
#trailimageid img {
	border-radius:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; border-radius:;
	}



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

.tddec0, .tddec0sans, .tddec1dsc, .tddec1asc {
	border:1px solid ;
	color:#000;
	text-align:center;
	height: 17px;
	}
.tddec0 {
	cursor:n-resize;
	}
.tddec0sans {
	cursor:default;
	}
.tddec1dsc {
	cursor:n-resize;
	background-color:;
	color:#000;
	}
.tddec1asc {
	cursor:s-resize;
	background-color:;
	color:#000;
	}
.tddec1dsc span {
	display:block;
	transform: rotate(5deg);                           /* cssMulti */	-moz-transform: rotate(5deg); -o-transform: rotate(5deg); -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); -xv-transform: rotate(5deg); transform: rotate(5deg);
	}
.tddec1asc span {
	display:block;
	transform: rotate(-5deg);                          /* cssMulti */	-moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -xv-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;
}
table.documents tr.Masqué {}
table.documents tr.Titre {}
table.documents tr.Simple {}
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.Masqué td:first-child img {display:none;}
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.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.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.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.menuFooter {
	text-align:left;
	margin:2vw auto;
}
table.menuFooter:first-child {
	margin-top:0;
}
table.menuFooter tr {
	vertical-align: top;
}
table.menuFooter a.base,
table.menuFooter a.base:hover {
	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: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;}
.trsel0:hover {background-color:;}
.trsel1 {background-color:; cursor:pointer;}
.trsel1:hover {background-color:;}
.trdifNon {color:#888;}
.trdifEntest {color:#4F9274;}
.trdifPrivé {color:#CE8F24;}
.trdifPublic {color:#000;/*font-weight:bold;*/}
/**/.trdifSecret {color:#CE8F24;}
/**/.trdifEntravaux {color:#3F77A0;}
.trIntro0 {font-weight:normal;}
.trIntro1 {font-weight:bold;}
.trPrincipal {font-weight:bold;}
.troutdate {text-decoration:line-through; font-weight:normal;}

.rond {	/* pour balises input, textarea...*/
	border-radius:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; border-radius:;
	margin-top:2px;
	margin-bottom:2px;
	border-width:1px ;
	border-style:solid;
	border-color:#999 ;
	}
.rondrouge {border-color:#F88;}
input.rond,
textarea.rond	{padding-left: 10px; padding-right: 10px;}
.textarea {border-radius: 15px 0px 0px 0px;}	/* 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;}
.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:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; border-radius:;
	box-shadow:0px 1px 1px rgba(0,0,0,0.5) ;           /* cssMulti */	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.5) ; -o-box-shadow:0px 1px 1px rgba(0,0,0,0.5) ; -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.5) ; -ms-box-shadow:0px 1px 1px rgba(0,0,0,0.5) ; -xv-box-shadow:0px 1px 1px rgba(0,0,0,0.5) ; box-shadow:0px 1px 1px rgba(0,0,0,0.5) ;	}
.boutonadmin {display:block;}
.boutoncol_ {
	background-color:#eee;
	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 */
.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 */	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.5) ; -o-box-shadow:0px 1px 1px rgba(0,0,0,0.5) ; -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.5) ; -ms-box-shadow:0px 1px 1px rgba(0,0,0,0.5) ; -xv-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 */	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.7) inset; -o-box-shadow:0px 1px 1px rgba(0,0,0,0.7) inset; -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.7) inset; -ms-box-shadow:0px 1px 1px rgba(0,0,0,0.7) inset; -xv-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 */	-moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -xv-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;                              /* cssMulti */	-moz-border-radius: 100px; -o-border-radius: 100px; -webkit-border-radius: 100px; -ms-border-radius: 100px; -xv-border-radius: 100px; 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;}*/




.highslide img, .blocDoc {
	box-shadow:0px 2px 4px rgba(0,0,0,0.5);            /* cssMulti */	-moz-box-shadow:0px 2px 4px rgba(0,0,0,0.5); -o-box-shadow:0px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.5); -ms-box-shadow:0px 2px 4px rgba(0,0,0,0.5); -xv-box-shadow:0px 2px 4px rgba(0,0,0,0.5); box-shadow:0px 2px 4px rgba(0,0,0,0.5);
	background-color: #fff;
}
.highslide:hover img {
	box-shadow:0px 2px 6px ;                           /* cssMulti */	-moz-box-shadow:0px 2px 6px ; -o-box-shadow:0px 2px 6px ; -webkit-box-shadow:0px 2px 6px ; -ms-box-shadow:0px 2px 6px ; -xv-box-shadow:0px 2px 6px ; 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%;
	height: 20vw;
	-webkit-transition: height 0.8s;
	transition: height 0.8s;
	border-radius:;                                    /* cssMulti */	-moz-border-radius:; -o-border-radius:; -webkit-border-radius:; -ms-border-radius:; -xv-border-radius:; border-radius:;
}
iframe.blocMapsGoogle.on {height: 50vw;}
h4.titreMapsGoogle {cursor:pointer;}
iframe.blocCalGoogle {height: 50vw; border-radius:0px;}
iframe#twitter-widget-0{margin-right:30px;}
.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 */	-moz-column-gap:40px; -o-column-gap:40px; -webkit-column-gap:40px; -ms-column-gap:40px; -xv-column-gap:40px; column-gap:40px;
	column-rule:1px solid rgba(128,128,128,0.5);       /* cssMulti */	-moz-column-rule:1px solid rgba(128,128,128,0.5); -o-column-rule:1px solid rgba(128,128,128,0.5); -webkit-column-rule:1px solid rgba(128,128,128,0.5); -ms-column-rule:1px solid rgba(128,128,128,0.5); -xv-column-rule:1px solid rgba(128,128,128,0.5); column-rule:1px solid rgba(128,128,128,0.5);
	hyphens: none;                                     /* cssMulti */	-moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; -xv-hyphens: none; hyphens: none;
	text-align:left;
	max-width:800px;
}
.col2 {
	column-count:2;                                    /* cssMulti */	-moz-column-count:2; -o-column-count:2; -webkit-column-count:2; -ms-column-count:2; -xv-column-count:2; column-count:2;
}
.col3 {
	column-count:3;                                    /* cssMulti */	-moz-column-count:3; -o-column-count:3; -webkit-column-count:3; -ms-column-count:3; -xv-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;}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

@media handheld, only screen and (max-width: 750px), only screen and (max-device-width: 750px) {
/*html {background-image:none;}*/
html {background-size:auto; background-attachment:fixed; font-weight: 400;}
body {min-width:320px; background-image: none;}
a {white-space: normal;}
#fondecSW {display:none}
#main {
	min-width:300px;
	padding-top:10px;
	margin:0;
	opacity:1;
	padding-bottom: 0%;
}
#main:before {bottom:0;}


#main > header {
	margin-top: 50px;
	margin-bottom: 30px;
}
#main > header > h1.entetehaut {font-size:2.9rem; font-size:14vw; margin-top: -5px; text-align: center; line-height: 19vw;}
#main > header > h2.entetehaut {font-size:1.1rem; font-size:5.5vw; padding: 0 10px; color:rgba(0,0,0,1.00); text-align: center;}
#main > header > aside {display:none;}


#main > header > #navmob {
	display:block;
	margin:20px 0;
	padding: 10px;
	background:rgba(0,0,0, 0.8) url(images/mobileUI-site-nav-opener-bg.svg) no-repeat center right;
	background-origin:content-box;
	font-weight:700;
	letter-spacing:0.1em;
	color:#fff ;
	text-decoration:none;
	position: fixed;
	top: 0px;
	margin-top: 0;
	width: calc(100% - 20px);
	z-index: 10;
	line-height: 20px;
	font-size: 130%;
}
#main > header > #navmob > span {font-style: italic;}
#main > header > #navmob > span:nth-child(1) {color:#00aad3;}
#main > header > #navmob > span:nth-child(2) {color:#c9d30e;}
#main > header > #navmob > span:nth-child(3) {color:#7ab030;}
#main > header > div#navs {
	display:none;
	position: absolute;
	top: 100%;
	width:100%;
	z-index:10;
	position: fixed;
	top: 40px;
	width: 100%;
	/*max-height: 400px;*/
	overflow: auto;
	box-shadow:rgba(0,0,0,0.5) 0 5px 5px;
	margin-top: 0;
	/*bottom: 0;*/
}
#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 > 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;
	background-position: 2000px center;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg) ;
	border-top: rgba(189, 189, 189, 0.5) 1px 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 > a {background-size: 0; background-image:none; height:auto; text-align: left;}
#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;}

#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:disc; 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;}

#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-position: 2000px center;}
	
#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, 
#main > header > div#navs > nav#navprive > ul > li > a > span {display:none;}

#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 > 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 > section {
	margin-right:0px;
	border-right: none;
	padding-right: 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 > footer #plansite {display:none}
#main > footer.reactif > div {margin-top: 200px;}
#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: 74px;}
#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;}
#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 */	-moz-column-count:1; -o-column-count:1; -webkit-column-count:1; -ms-column-count:1; -xv-column-count:1; column-count:1;
}
}
</style>




