/* Stylesheet 1 -------------------------------*/
body {width:99%; font:12px Tahoma; color:white; border:2px red;} 
	.erreur{color: red; text-align: center; font-size: 30px; font-family: Calibri, Comic sans MS; }
	.erreur_info{color: orange; text-align: center; font-size: 20px; font-family: Calibri, Comic sans MS; }
	.erreur_login{ color: red; font-size: 20px; font-family: Comic sans MS;	text-align: center; }
	.no_erreur{	color: blue; font-size: 20px; font-family: Calibri, Comic sans MS; text-align: center; }
	.info{ text-decoration : none; color: rgb(0,255,0);	text-align: center;	font-size: 20px; font-family: Calibri, Comic sans MS; }
	.btn-menu {	position:absolute; display: inline-block; padding-top:1%; padding-bottom:1%; padding-right:4%; padding-left:4%; border-radius: 25px; text-decoration:none; position: fixed; top:1% ; right:1%; background-color: rgba(140, 255, 115, 0.2); color: white;}
	
audio {with: 0px; height: 0px;}

	header { width: 100%; text-align: center;}
		.welcome { width: 30%; padding: 10px; margin-top: 10px; margin-left:35%; text-align: center; color: rgb(255,255,255); font-family: Calibri, Times New Roman, Comic sans MS; font-size: 2.5em; border: 2px outset white; background-color: rgba(0, 0, 0, 0.7);} 

	nav { width:17%; float:left; margin-left: 1%;}
		a { text-decoration: none;}
		.titre-menu { font-size:19px; color:#ebebeb; border-bottom:1px solid #ebebeb; margin-bottom:10px; }
		legend { font-family: Calibri, Arial, "Arial Black", Georgia, "Times New Roman", Times, serif; font-weight: bold; color:white; font-size:20px; }
		.bouton-menu{ width: 90%; border-radius: 25px; text-align: center; height: auto; display: inline-block; font-family: Calibri, "Times New Roman", Arial, serif; font-size:150%; margin:2%; padding: 2%; text-decoration: none;}
		.img-menu{ width: 10%; border: none; float:left; margin-left: 5%;}
		
	#middle_column {float:left; width:60%; height: 720px; margin-left: 2%; overflow:auto; padding-left: 10px; }
		.titre-news { font-size:19px; color:#ebebeb; border-bottom:1px solid #ebebeb; margin-bottom:10px; }
		.post { border:2px solid #33c77b; margin-bottom:35px; line-height:18px; background-color: rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 5px #141414;} 
		.post:hover { border:2px solid #2fdc73;} 
		.post h1 { background:url(../images/fond_titre_vista.png) repeat-x #51e535; color:black; padding:2px 10px; margin:0; font-size:20px; text-align: center; font-family: Calibri, Times New Roman;} 
		.post h2 { text-align: center; color: rgb(255,255,255); font-family: Calibri, Comic sans MS; }
		.post_body { padding:5px 15px; color: #c8e6f3; text-align: justify; font-family: Calibri, Times New Roman; font-size: 20px; line-height: 24px;}
		.post_body .center { display: block;  margin-left: auto;  margin-right: auto }
		.post .timestamp { float:right; font-style: italic; color:yellow; font-size: 15px;}
		.post .new_timestamp { float:right; font-style: italic; color:#b3b3b5; font-size: 15px;}
		ul { margin:20px; padding:10px; }
		li { list-style:none; background:url(../images/bullet2.gif) 0 5px no-repeat;  padding-left:30px; line-height:25px;  }
		.list_left, .list_right { width:48%; float:left }

		.post_info { clear:both; padding-top:10px; }
	
	#right_column { width: 16%; float: right; margin-right: 1%; margin-top:20px;}
		#horloge {	font-family: Calibri, Times New Roman, Arial; border:2px solid #33c77b; line-height:18px; background-color: rgba(0, 0, 0, 0.4); box-shadow: 10px 10px 5px #141414; text-align: center;}
			.connectes {text-decoration: none; color: rgb(0,255,0); text-align: center; font-size: 20px; font-family: Calibri, Times New Roman, Arial; margin-top: 10px;}
		#film { font-family: Calibri, Times New Roman, Arial; border:2px solid #33c77b; line-height:18px; background-color: rgba(0, 0, 0, 0.4); box-shadow: 10px 10px 5px #141414; margin-bottom: 20px; margin-top: 20px; text-align: center;}
		#slideshow { position: relative; width: 100%; height: 250px; overflow: hidden; }
		#sContent li { display: inline;}
		@-moz-keyframes AutoSlide{ 0%{left: 0px; /*1ère image*/}99% {left: -1750px; /*Dernière image*/}100% {left: 0px; /*1ère image*/}}
		@Keyframes AutoSlide{ 0%{left: 0px; /*1ère image*/}99% {left: -1750px; /*Dernière image*/}100% {left: 0px; /*1ère image*/}}
		@-ms-keyframes AutoSlide{ 0%{left: 0px; /*1ère image*/}99% {left: -1750px; /*Dernière image*/}100% {left: 0px; /*1ère image*/}}
		@-o-keyframes AutoSlide{ 0%{left: 0px; /*1ère image*/}99% {left: -1750px; /*Dernière image*/}100% {left: 0px; /*1ère image*/}}
		@-webkit-keyframes AutoSlide{ 0%{left: 0px; /*1ère image*/}99% {left: -1750px; /*Dernière image*/}100% {left: 0px; /*1ère image*/}}
		#sContent {position: absolute; top: 0; left: 0;	width: 2000px; margin: 0; padding: 0; /*CSS3 keyframes animation*/ animation-name: AutoSlide; animation-duration: 40s; animation-iteration-count: infinite; animation-timing-function: linear;}
		#themes { border: 3px outset #30a2fc; padding-bottom: 20px; padding-top: 20px; text-align: center; margin-bottom: 20px; background-color: rgba(0, 0, 0, 0.4); box-shadow: 10px 10px 5px #141414;}
		#themes:hover { border: 3px outset #85fffc;}
		
#footer { clear:both; padding:20px }
	#subnav { margin:10px 0;}	
	#subnav a { color:#81b6ff; text-decoration: none;}
	#subnav a:hover { color:#eef5ff; } 
	.copyright { font-size:10px;}