diff --git a/design/css.css b/design/css.css
index 267e16d..7f9af78 100644
--- a/design/css.css
+++ b/design/css.css
@@ -11,10 +11,7 @@
 |       HARDCORE           HENTAI           HEADQUARTER      |
 |############################################################|
 |###########_____SITE V3 - POLE DEVELOPPEMENT_____###########|
-
-
 */
-
 @charset "UTF-8"; 
 @font-face {
     font-family: 'FuturistFixedwidthRegular';
@@ -23,12 +20,9 @@
          url('font/futrfw.woff') format('woff'),
          url('font/futrfw.ttf') format('truetype'),
          url('font/futrfw.svg#FuturistFixedwidthRegular') format('svg');
-	
 }
-
 /* reset */
 html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}	
-
 ::selection{
 	background: #ae0000;
 	color: #fff;
@@ -37,88 +31,69 @@ html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre
 	background: #ae0000;
 	color: #fff;
 }
-
 body {
 	font-family: sans-serif;
 	font-size: 16px;
 	overflow:hidden;
 }
-
 a {
 	text-decoration: none;
 	color: #ae0000;
 }
-
 a:hover{
 	color: #d90000;
 }
-
 h3 {
 	font-size: 18px;
 }
-
 input[name="dumbot"] {
 	display: none;
 }
-
 iframe {
 	border: none;
 }
-
 canvas {
 	position: absolute;
 }
-
 /*style empilable*/
 .titlebox {
 	margin-bottom: 20px;
 }
-
 .indent {
 	text-indent: 20px;
 }
-
 .mini {
 	font-size: 12px;
 }
-
 .mid {
 	font-size: 16px;
 }
-
 .big {
 	font-size: 18px;
 }
 .center {
 	text-align: center;
 }
-
 .gras {
 	font-weight: bold;
 }
-
 .italic{
 	font-style: italic;
 }
-
 .souligne {
 	text-decoration: underline;
 }
-
 .abloc {
 	display: block;
 }
-
 .clear {
 	clear: both;
 }
-
 .titre{
 	display: block;
 	margin-bottom: 10px;
 	margin-top: 10px;
 }
-
 .fakelink {
 	color: #ae0000;
 	cursor: pointer;
@@ -141,14 +116,12 @@ canvas {
 	box-shadow: 0px 0px 30px 10px #000 inset;
 	overflow: hidden;
 }
-
 #logoaccueil{
 	width: 378px;
 	height: 299px;
 	margin: 40px auto 20px auto;
 	background: url(img/logoaccueil.png);
 }
-
 #disclaimer p {
 	max-width: 640px;
 	font-size: 18px;
@@ -158,7 +131,6 @@ canvas {
 	border-bottom: 1px solid #fff;
 	border-top: 1px solid #fff;
 }
-
 #entree,#sortie  a{
 	display: block;
 	font-size: 30px;
@@ -174,9 +146,6 @@ canvas {
 	background: #000;
 	color: #fff;
 }
-
-
-
 header {
 	position: absolute;
 	z-index: 3;
@@ -187,7 +156,6 @@ header {
 	overflow: hidden;
 	font-family: 'Titillium Web', sans-serif;
 }
-
 #closemenu, #viewerclose{
 	position: absolute;
 	color: #fff;
@@ -196,12 +164,10 @@ header {
 	padding-left: 4px;
 	cursor: pointer;
 }
-
 #logo {
 	background: #ae0000;
 	padding: 10px 0px;
 }
-
 #logo img{
 	display: block;
 	margin: 10px auto;
@@ -209,38 +175,31 @@ header {
 /*menu*/
 nav {
 	padding-bottom : 20px;
-
 }
-
 nav a{
 	display: block;
 	color: #fff;
 	margin-bottom: 5px;
 }
-
 nav a:hover{
 	color: #fff;
 }
-
 ul li a {
 	padding: 5px 0px 5px 30px;
 	line-height: 22px;
 	font-size: 22px;
 	background: #c00000;
 }
-
 ul li a:hover {
 	font-style: italic;
 	background: #c00000;
 }
-
 ul li ul li a {
 	padding: 5px 0px 5px 40px;
 	line-height: 18px;
 	font-size: 18px;
 	background: none;
 }
-
 #animationcontrol{
 	font-size: 20px;
 	color: #fff;
@@ -248,6 +207,7 @@ ul li ul li a {
 	background: #000;
 	cursor: pointer;
 }
+
 /**** deuxieme partie ****/
 #main {
 	position: absolute; 
@@ -269,7 +229,6 @@ ul li ul li a {
 	font-family: 'Titillium Web', sans-serif;
 	color: #fff;
 }
-
 #deploynav {
 	width: 42px;
 	height: 46px;
@@ -295,13 +254,11 @@ ul li ul li a {
 	top: -9px;
 	left: 6px;
 }
-
 #gadget {
 	float: right;
 	background: #ae0000;
 	height: 42px;
 }
-
 #gadget div{
 	display: inline-block;
 	width: 30px;
@@ -309,24 +266,19 @@ ul li ul li a {
 	margin: 6px;
 	background: url(img/spriteicon.png);
 }
-
 #gadget a:nth-of-type(1) div{
 	background-position: -30px 0px
 }
-
 #gadget a:nth-of-type(2) div{
 	background-position: -60px 0px
 }
-
 #gadget a:nth-of-type(3) div{
 	background-position: -180px 0px
 }
-
 #gadget #triggercontact{
 	background-position: -90px 0px;
 	cursor: pointer;
 }
-
 h1 {
 	float: left;
 	font-size: 30px;
@@ -341,7 +293,6 @@ h1 a {
 h1 a:hover {
 	color: #fff;
 }
-
 h2 {
 	position: absolute;
 	top: 52px;
@@ -352,7 +303,6 @@ h2 {
 	line-height: 30px;
 	height: 30px;
 }
-
 #content {
 	position: absolute;
 	top: 82px;
@@ -362,8 +312,8 @@ h2 {
 	overflow: hidden;
 	padding-bottom:10px;
 }
-/*** section ****/ 
 
+/*** section ****/ 
 section {
 	position: absolute;
 	top: 0px;
@@ -373,12 +323,10 @@ section {
 	font-family: 'Lato', sans-serif;
 	padding: 20px;
 }
-
 #wrapper {
 	max-width: 810px;
 	margin: auto;
 }
-
 /** news **/
 .news {
 	margin: auto;
@@ -387,16 +335,12 @@ section {
 	overflow: hidden;
 	height: 600px;
 }
-
 #newsunique.news {
 	height: auto;
 }
-
 .news h3 {
 	font-size: 20px;
-
 }
-
 .news p {
 	margin-left: 10px;
 	text-align: justify;
@@ -409,7 +353,6 @@ section {
 .news p img {
 	display: block;
 	margin: 10px auto;
-	
 }
 .news time {
 	display: block;
@@ -417,7 +360,6 @@ section {
 	color: #A1A1A1;
 	margin-bottom: 20px;
 }
-
 .newsaside {
 	float: left;
 	margin-right: 15px;
@@ -435,8 +377,6 @@ section {
 .commentaires:active, .thanks:active {
 	background: #000;
 }
-
-
 .newspermalien {
 	text-align: right;
 	background: url(img/fondHBW.png) rgba(255,255,255,0.8);
@@ -450,7 +390,6 @@ section {
 	font-size: 14px;
 	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAPCAYAAADzun+cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAH9SURBVHjaxNTNi49RFAfwz/U+xgxmpREWaoRmJURNFmYzhXqGbG0oNZmSNCslpSYLC+IPEMpCv/JWUmjEhmRhYcfISyYzw2TEGK7Nnbo9nt+MFaee7nnOPfd8zz3ne0+IMfofMqfKWAthNbqxFS3JPJVhwEc8wHXsTt+35BPS+h4DuFrEOFTGCOUb10LowUks/ovEh3AaGxN4lbxBTxHjtbrAtRAO4cw0QD8wgcbMNokj2IOOOucmsaOI8fYfwLUQ2vAMDWnvLs7jVRagFW2plLuwLdlH0YnZ+JXK3Y7DaYXXaC9iHCv3eF8GegddRYw/S204gP14h4MYQYGl6CxiPJW5P6mFcBP3sA4rsROXYFbm2JGR6EQF6FxsT7dqxXOczVy6yvVNpMp9NlexuiXrx9uKPjWiKenDibVN2f6SOv0dzPRFU0p+489ZMssqAnzFeNKb0IwVFefLsjzTx6uAB7J3eqyibBN4lH4bEpNX4Uuy3aqYB83ozftexer1eIp5ae9G6s/LbCisSUNjSi7icarSw8TumC60Hn3YlHw/YG0R42jVO+5Dfynx75l+AZ9wNLNNYCxVIefM/FKc7iLG2nSTqw/HsaBOz/qxED2J4TPJMHqLGC9POzITeDv2YkvOxFTCgHN4kabVhpRIOdAI7uNKEePgjLP6X8nvAQCZq6GTtg7lfwAAAABJRU5ErkJggg==') no-repeat 0 2px;
 }
-
 .deploynews {
 	text-align: right;
 	height: 27px;
@@ -465,10 +404,7 @@ section {
 .deploynews:active {
 	background: #000;
 }
-
 /** commentaires **/
-
-
 #commentaire_box {
 	position: absolute;
 	z-index: 10;
@@ -481,7 +417,6 @@ section {
 	font-family: 'Lato', sans-serif;
 	box-shadow: 2px 2px 10px #000;
 }
-
 #commclose {
 	position: absolute;
 	right: 10px;
@@ -489,7 +424,6 @@ section {
 	cursor: pointer;
 	top: -5px;
 }
-
 #commentaire_entete {
 	height: 5%;
 	padding-left: 7px;
@@ -500,45 +434,35 @@ section {
 	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 }
-
-
 #commentaire_content {
 	height: 65%;
 	overflow: hidden;
 	font-size: 14px;
 }
-
 #commentaire_content p{
-
 	text-align: justify;
 	margin: 0px 20px;
 	padding: 10px;
 	border: 1px solid #8C0000;
 }
-
 .commentaire_auteur {
 	font-family: 'Titillium Web', sans-serif;
 	background: #8C0000;
 	padding-left: 10px;
 	margin: 10px 20px 0px;
 }
-
-
 #depot_commentaire_depotbox {
-
 	position: relative;
 	z-index: 5;
 	background: #8C0000;
 	height: 30%;
 }
-
 .twinbox {
 	float : left;
 	padding: 10px;
 	box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
-	
 }
 .twinbox:first-child{
 	width: 30%
@@ -546,7 +470,6 @@ section {
 .twinbox:last-child{
 	width: 70%
 }
-
 .twinbox textarea{
 	width: 100%;
 	height: 80px;
@@ -573,7 +496,6 @@ section {
 	background: url(img/fondHBW.png) rgba(255,255,255,0.8);
 	border: 1px solid #ae0000;
 }
-
 .best_titre {
 	text-align: center;
 	font-family: 'Titillium Web', sans-serif;
@@ -583,18 +505,15 @@ section {
 	line-height: 20px;
 	padding: 7px 0px;
 }
-
 .best_news time{
 	display: block;
 	padding: 10px;
 }
-
 .best_section {
 	font-weight: bold;
 	font-family: 'Titillium Web', sans-serif;
 	padding: 0px 5px;
 }
-
 .best_news p {
 	padding: 5px 10px;
 	text-indent: 20px;
@@ -605,16 +524,12 @@ section {
 	-ms-hyphens     : auto;
 	hyphens         : auto;
 }
-
 .best_news p iframe{
 	display: none;
 }
-
 .best_news p img{
 	display: none;
 }
-
-
 .best_read a{
 	display:block;
 	width: 100px;
@@ -631,7 +546,6 @@ section {
 }
 
 /*** le loader ajax***/
-
 #loader {
 	position: absolute;
 	z-index: 1000;
@@ -640,7 +554,6 @@ section {
 	height: 100px;
 	background: rgba(255,255,255,0.95);
 }
-
 #loader div{
 	width: 50px;
 	height: 50px;
@@ -649,7 +562,6 @@ section {
 }
 
 /*** boite de confirmation  ***/
-
 #formsubcont{
 	position: absolute;
 	z-index: 11;
@@ -674,11 +586,9 @@ section {
 #chatbox {
 	cursor: pointer;
 }
-
 #chatbox:hover {
 	color: #d90000;
 }
-
 #hhhtchat {
 	font-family: 'Titillium Web', sans-serif;
 	position: absolute;
@@ -699,7 +609,6 @@ section {
 	text-align: center;
 	line-height: 20px;
 }
-
 #chatheader {
 	background: #ae0000;
 	font-size: 20px;
@@ -709,7 +618,6 @@ section {
 	margin-right: -20px;
 	padding-left: 20px;
 }
-
 #chatheader span{
 	display: block;
 	float: right;
@@ -731,7 +639,6 @@ section {
 }
 
 /*** page projet en cours/fini ***/
-
 .projetwrap {
 	position: relative;
 	width: 150px;
@@ -742,7 +649,6 @@ section {
 	float:left;
 	color: #fff;
 }
-
 .projetdeploy {
 	background: #ae0000;
 	height: auto;
@@ -750,20 +656,16 @@ section {
 .projetdeploy h3{
 	color: #fff;
 }
-
 .projetdeploy .projetextend {
 	display: block;
 	background: #ae0000;
 }
-
 .projetdeploy .projetextend p a{
 	color: #ff0000;
 }
-
 .projetprez {
 	height: 260px;
 }
-
 .imgcontrol {
 	width: 150px;
 	height: 205px;
@@ -772,13 +674,11 @@ section {
 .imgcontrol img{
 	width: 150px;
 }
-
 .projetwrap h3{
 	text-align: center;
 	font-size: 14px;
 	height: 55px;
 }
-
 .projetextend {
 	display: none;
 	position: absolute;
@@ -805,12 +705,10 @@ section {
 	background: #000;
 	color: #fff;
 }
-
 .genre span {
 	font-style: italic;
 	font-size: 14px;
 }
-
 .projetextend p{
 	margin-top: 5px;
 	border-top: 1px dotted #fff;
@@ -820,7 +718,6 @@ section {
 }
 
 /**** fiche projet *****/
-
 #asideprojet {
 	float: left;
 	width: 200px;
@@ -829,32 +726,25 @@ section {
 #projetextrait a{
 	color: #fff;
 }
-
-
 #asideprojet .imgcontrol {
 	margin: 0px auto 20px auto;
 }
-
 #projetdl {
 	margin-bottom: 20px;
 	text-align: center;
 }
-
 #projetdl div {
 	margin: 20px auto 10px auto;
 	font-weight: bold;
 }
-
 #noteprojet {
 	width: 150px;
 	margin: auto;
 	text-align: center;
 }
-
 #note {
 	font-size: 40px;
 }
-
 .projbutton {
 	background: #ae0000;
 	color: #fff;
@@ -863,18 +753,16 @@ section {
 	margin: 10px auto;
 	width: 150px;
 	cursor: pointer;
+	display: block; /* pour le lien de la lecture en ligne */
 }
-
 .projbutton:active {
 	background: #000;
 }
-
 #ficheprojet {
 	float: left;
 	max-width: 610px;
 	background: url(img/fondHBW.png) rgba(255,255,255,0.8);
 }
-
 .projetitem {
 	margin-bottom: 10px;
 }
@@ -892,7 +780,6 @@ section {
 }
 
 /**** visionneuse ****/
-
 #hhh_viewer {
 	position: absolute;
 	top: 0px;
@@ -902,18 +789,15 @@ section {
 	background: rgba(0,0,0,0.8);
 	z-index: 100;
 }
-
 #viewerclose {
 	right: 5px;
 }
-
 #hhh_viewer img {
 	display: block;
 	margin: 20px auto;
 }
 
 /*** boite de notation ***/
-
 #notebox {
 	position: absolute;
 	background: #ae0000;
@@ -924,7 +808,6 @@ section {
 	text-align: center;
 	box-shadow: 2px 2px 10px #000;
 }
-
 #notebox span {
 	position: absolute;
 	right: 10px;
@@ -932,16 +815,13 @@ section {
 	cursor: pointer;
 	top: -5px;
 }
-
 #notetitre {
 	font-size: 20px;
 }
-
 #notation {
 	text-align: center;
 	margin: 10px auto;
 }
-
 .blocknotation {
 	display: inline-block;
 	padding: 10px;
@@ -949,7 +829,6 @@ section {
 	height: 50px;
 	cursor: pointer;
 }
-
 .radio{
 	width: 20px;
 	height: 20px;
@@ -960,7 +839,6 @@ section {
 .radio[data-select="select"]{
 	background: #fff;
 }
-
 #sendnote {
 	width: 80px;
 	background: #fff;
@@ -970,14 +848,11 @@ section {
 	margin: auto;
 	cursor: pointer;
 }
-
 #sendnote:active {
 	width: 80px;
 	background: #fff;
 	color: #ae0000;
-	
 }
-
 #advice{
 	font-size: 14px;
 	width: 540px;
@@ -986,12 +861,10 @@ section {
 	overflow: hidden;
 	border-bottom: 1px dotted #fff;
 }
-
 #advice div{
 	line-height: 25px;
 	cursor: pointer;
 }
-
 #advice p{
 	font-size: 14px;
 	width: 540px;
@@ -999,9 +872,7 @@ section {
 	text-align: center;
 }
 
-
 /*** Liste des releases / archive news ***/
-
 #listrlz_liste span,#archnews_liste span {
 	display: block;
 	float: left;
@@ -1014,7 +885,6 @@ section {
 	border-bottom: 1px solid #cacaca;
 	height: 25px;
 }
-
 #listrlz_cat,.listrlz_line,#listnews_cat,.listnews_line {
 	height: 25px;
 	clear: both;
@@ -1025,66 +895,49 @@ section {
 	background:  #ae0000;
 	color: #fff;
 }
-
 #listrlz_cat span, #listnews_cat span {
 	margin-bottom: 5px;
 	font-weight: bold;
 	border-bottom: 1px solid #000;
 }
-
 .listrlz_numero {
 	font-weight: bold;
 	width: 4.88%;
 }
-
 .listrlz_titre{
 	width: 24.46%;
 }
-
 .listrlz_chapitre{
 	width: 6.1%;
 }
-
 .listrlz_genre{
 	width: 9%;
 }
-
 .listrlz_type{
 	width: 7.32%;
 }
-
 .listrlz_auteur{
 	width: 15%;
 }
-
 .listrlz_datesortie{
 	width: 8%;
 }
-
 .listrlz_telechargements{
 	width: 7%;
 }
-
 .listnews_date{
 	width: 18%;
 }
-
 .listnews_titre{
 	width: 28%;
 }
-
 .listnews_resume{
 	width: 41%;
 }
-
 .listnews_auteur{
 	width: 13%;
 }
-
-
-
 /*boitafiltre*/
-
 #filterbox{
 	width: 400px;
 	color: #fff;
@@ -1103,43 +956,34 @@ section {
 	text-align: center;
 	cursor: pointer;
 }
-
 .filterreploy {
 	height: 30px;
 }
-
 .filterdeploy {
 	height: auto;
 }
-
 #filterboxtitle{
 	font-size: 18px;
 	background: #ae0000;
 	text-align: center;
 	font-weight: bold;
 }
-
-
 .filter{
 	background: #ae0000;
 	margin-bottom: 2px;
 	overflow: hidden;
 }
-
 .filtername{
 	font-weight: bold;
 	text-indent: 15px;
 }
-
 .filteritem{
 	background: #C00000;
 	text-indent: 25px;
-
 }
 #filterboxtitle:active,.filteritem:active,.filtername:active{
 	background: #000;
 }
-
 .filterdate {
 	width: 200px;
 	float: left;
@@ -1148,12 +992,9 @@ section {
 	text-align: center;
 	background: #C00000;
 }
-
 .filteryear[data-dateselect=true],.filtermonth[data-dateselect=true]{
 	background: #000;
 }
-
-
 #filtrerladate {
 	text-align: center;
 	background: #000;
@@ -1161,7 +1002,6 @@ section {
 }
 
 /*** contact ***/
-
 .contactbox {
 	padding: 20px;
 	background: #ae0000;
@@ -1170,7 +1010,6 @@ section {
 	z-index: 10;
 	box-shadow: 2px 2px 10px #000;
 }
-
 .contactbox span{
 	position: absolute;
 	right: 10px;
@@ -1178,7 +1017,6 @@ section {
 	cursor: pointer;
 	top: -5px;
 }
-
 #contactpage.contactbox {
 	position: relative;
 	background: url(img/fondHBW.png) rgba(255,255,255,0.8);
@@ -1186,27 +1024,22 @@ section {
 	z-index: inherit;
 	box-shadow: none;
 }
-
 .contacttitre {
 	text-align: center;
 	margin-bottom: 10px;
 	font-family: 'Titillium Web', sans-serif;
 	line-height: 20px;
 }
-
 .contactitem{
 	font-family: 'Lato', sans-serif;
 }
-
 .contactbox input, .contactbox textarea{
 	margin-bottom: 15px;
 }
-
 .contactbox textarea{ 
 	width: 100%;
 	height: 100px;
 }
-
 #contactsend {
 	width: 100px;
 	line-height: 25px; 
@@ -1215,45 +1048,36 @@ section {
 	text-align: center;
 	cursor: pointer;
 }
-
 #contactsend:active {
 	background: #000;
 	color: #fff;
 }
-
 #contactpage #contactsend {
 	background: #ae0000;
 	color: #fff;
 }
 
 /*** boite a erreur ***/
-
 #errorbox {
 	background: #ae0000;
 	padding: 20px;
 	margin: 20px 0px;
 	color : #fff;
 }
-
 .errottitle {
 	margin: 10px;
 	font-weight: bold; 
 }
-
-
 #errorbox input[type="radio"]{
 	margin: 0px 10px 0px 10px; 
 }
-
 #errorbox input[type="text"]{
 	width: 100%;
 }
-
 #errorbox textarea {
 	width: 100%;
 	height: 200px;
 }
-
 #errorsend {
 	width: 80px;
 	background: #fff;
@@ -1271,18 +1095,15 @@ section {
 	padding: 10px;
 	background: url(img/fondHBW.png) rgba(255,255,255,0.8);
 }
-
 #erroradvice img{
 	width: 100%;
 }
 
 /***** les membres *****/
-
 #leftmembres {
 	float: left;
 	width: 25%;
 }
-
 #rightmembres {
 	float: left;
 	padding: 10px;
@@ -1292,7 +1113,6 @@ section {
 	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 }
-
 .membre {
 	display: inline-block;
 	color: #ae0000;
@@ -1301,12 +1121,10 @@ section {
 .membre:hover {
 	color: #ff0000;
 }
-
 .blocmembres {
 	padding: 10px;
 	background: url(img/fondHBW.png) rgba(255,255,255,0.8);
 }
-
 .titremembres{
 	font-family: 'Titillium Web', sans-serif;
 	font-size: 20px;
@@ -1315,7 +1133,6 @@ section {
 	padding: 0px 5px 0px 5px;
 	line-height: 22px;
 }
-
 .postemembres {
 	display: inline-block;
 	float: right;
@@ -1328,29 +1145,24 @@ section {
 	font-size: 14px;
 	font-family: 'Titillium Web', sans-serif;	
 }
-
 .lignemembres {
 	margin-bottom: 10px;
 }
-
 #concilmembre{
 	text-align: center;
 	font-size: 25px;
 	font-family: 'Titillium Web', sans-serif;
 }
-
 #avatar_membre {
 	float: left;
 	width: 140px;
 	margin-right: 10px;
 	margin-bottom: 100%;
 }
-
 #fichemembre a {
 	display: block;
 	text-indent: 10px;
 }
-
 #pseudo_membre {
 	text-align: center;
 	background: #ae0000;
@@ -1359,35 +1171,29 @@ section {
 	font-family: 'Titillium Web', sans-serif;
 	margin-bottom: 10px;
 }
-
 #info_membre {
 	margin-left: 150px;
 }
 
 /****** pages presentation / fonctionnement *****/
-
 #pagesstatiques {
 	background: url(img/fondHBW.png) rgba(255,255,255,0.8);
 }
-
 #pagesstatiques p{
 	margin-bottom: 10px;
 	padding: 10px;
 }
-
 #pagesstatiques img{
 	display: block;
 	margin: 10px auto;
 }
 
-/****** pages intermédiaires ******/
-
+/****** pages intermédiaires ******/
 #intermediaire{
 	width: 50%;
 	margin: 0 25%;
 	text-align: center;
 }
-
 #intermediaire a{
 	display: block;
 	line-height: 40px;
@@ -1397,15 +1203,12 @@ section {
 	font-family: 'Titillium Web', sans-serif;
 	margin-bottom: 10px;
 }
-
 #intermediaire a:active{
 	background: #000;
 }
-
 #intermediaire p{
 	font-size: 20px;
 }
-
 .intertitre {
 	margin-bottom: 20px;
 }
@@ -1419,7 +1222,6 @@ section {
 .blockwall{
 	height: 200px;
 }
-
 .blockcred{
 	height: 320px;
 }
@@ -1427,9 +1229,7 @@ section {
 	height: 320px;
 }
 
-
 /***ASIDE ***/
-
 aside {
 	position: absolute;
 	right: 0px;
@@ -1438,14 +1238,11 @@ aside {
 	padding: 5px;
 	width: 200px;
 	font-family: 'Titillium Web', sans-serif;
-	
 }
-
 .asidesection{
 	margin-top: 10px;
 	background: url(img/fondHBW.png) rgba(255,255,255,0.8);
 }
-
 #chatbox div {
 	padding-top: 59px;
 	height: 15px;
@@ -1453,7 +1250,6 @@ aside {
 	text-align: center;
 	background: url(img/chat.jpg) no-repeat 50% 0%;
 }
-
 #thermometre{
 	font-size: 14px;
 }
@@ -1471,7 +1267,6 @@ aside {
 	height:226px;
 	border-radius:0px;
 }
-
 #bulle {
 	width: 50px;
 	height: 50px;
@@ -1482,12 +1277,10 @@ aside {
 	line-height: 7px;
 	margin-top: -2px;
 }
-
 #bulle span {
 	padding-top: 14px;
 	display: block;
 }
-
 #partenaires{
 	text-align: center;
 }
@@ -1502,7 +1295,6 @@ aside {
 }
 
 /*** footer ***/
-
 footer {
 	position: absolute;
 	bottom: 0px;
@@ -1516,47 +1308,40 @@ footer {
 	padding: 0px 20px;
 	overflow: hidden;
 }
-
 footer img {
 	float:right;
 	margin-top: 3px;
 }
-
 footer div {
 	float:left;
 	color: #ae0000;
 	font-size: 12px;
 }
-
 footer.deployed div {
 	font-size: 20px;
 	margin-top: 5px;
 }
-
 footer p {
 	color: #000;
 	clear: both;
 	margin-top: 30px;
 }
-/**** RESPONSIVE ****/
 
+/**** RESPONSIVE ****/
 @media screen and (max-width: 1060px) {
 	#wrapper {
 		max-width: 610px;
 	}
-	
 	#listrlz_liste span.listrlz_datesortie,#listrlz_liste span.listrlz_telechargements{
 		display: none;
 	}
 	.listrlz_auteur {
     width: 25.07%;
 	}
-	
 	.best_news {
 		float: none;
 		margin: 20px auto;
 	}
-	
 	#asideprojet {
 		float: none;
 		width: inherit;
@@ -1566,7 +1351,6 @@ footer p {
 	#wrapper {
 		max-width: 410px;
 	}
-	
 	#listrlz_liste span.listrlz_type,#listrlz_liste span.listrlz_auteur{
 		display: none;
 	}
@@ -1582,15 +1366,12 @@ footer p {
 	.listrlz_genre {
 		width: 25.41%;
 	}
-	
 	#leftmembres {
 		width: 40%;
 	}	
-
 	#rightmembres {
 		width:60%;
 	}
-	
 	#avatar_membre {
 		float: none;
 		width: 140px;
@@ -1598,11 +1379,9 @@ footer p {
 		margin-bottom: 0;
 		margin-left: auto;
 	}
-	
 	#info_membre {
 	margin-left: 0px;
 	}
-	
 	section p img {
 		width: 100%;
 	}
@@ -1610,17 +1389,13 @@ footer p {
 @media screen and (max-width: 800px) {
 	h1 span {	display: none;}
 }
-
 @media screen and (max-width: 720px) {
-
 	aside {
 		display: none;
 	}
-		
 	section {
 		right: 0px;
 	}
-
 	.newsaside {
 		width: 100%;
 		float: none;
@@ -1635,31 +1410,23 @@ footer p {
 	.newsaside img {
 		display: none;
 	}
-	
-
-	
 	#commentaire_box {
 		width: 100%;
 		margin: 0px 0%;
 		top: 0px;
 		bottom : 0px;
 	}
-	
 	.blocknotation {
 		display: block;
 		margin: auto;
 	}
-	
 	#advice{
 		width: inherit;
 	}
-
 	#advice p{
 		width: inherit;
 	}
-
 }/*end mediaquery smartphone*/
-
 @media screen and (max-width: 565px) {
 	#gadget {display: none;}
 }
@@ -1669,7 +1436,6 @@ footer p {
 		font-size: 1.29em;
 		text-align: center;
 	}
-	
 	.newsaside {
 		width: 100%;
 		float: none;
@@ -1685,96 +1451,80 @@ footer p {
 	.newsaside img {
 		display: none;
 	}
-	
-	.news p img {
+  .news p img {
 		width: 100%;
 	}
-	
-
 }/*end mediaquery 1st gen*/
-
 /*PLUG IN */
-
 .ps-container .ps-scrollbar-y-rail {
-    position: absolute; /* please don't change 'position' */
-    right: 0px; /* there must be 'right' for ps-scrollbar-y-rail */
-    width: 8px;
-    opacity: 0;
-    -o-transition: background-color .2s linear, opacity .2s linear;
-    -webkit-transition: background-color.2s linear, opacity .2s linear;
-    -moz-transition: background-color .2s linear, opacity .2s linear;
-    transition: background-color .2s linear, opacity .2s linear;
+  position: absolute; /* please don't change 'position' */
+  right: 0px; /* there must be 'right' for ps-scrollbar-y-rail */
+  width: 8px;
+  opacity: 0;
+  -o-transition: background-color .2s linear, opacity .2s linear;
+  -webkit-transition: background-color.2s linear, opacity .2s linear;
+  -moz-transition: background-color .2s linear, opacity .2s linear;
+  transition: background-color .2s linear, opacity .2s linear;
 }
-
 .ps-container:hover .ps-scrollbar-y-rail{
-    opacity: 1;
+  opacity: 1;
 }
-
 .ps-container .ps-scrollbar-x {
-    position: absolute; /* please don't change 'position' */
-    bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
-    height: 8px;
-    background-color: #aaa;
-    -o-transition: background-color .2s linear;
-	 -ms-transition: background-color .2s linear;
-    -webkit-transition: background-color.2s linear;
-    -moz-transition: background-color .2s linear;
-    transition: background-color .2s linear;
+  position: absolute; /* please don't change 'position' */
+  bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
+  height: 8px;
+  background-color: #aaa;
+  -o-transition: background-color .2s linear;
+ -ms-transition: background-color .2s linear;
+  -webkit-transition: background-color.2s linear;
+  -moz-transition: background-color .2s linear;
+  transition: background-color .2s linear;
 }
-
 .ps-container.ie6 .ps-scrollbar-x {
-    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
+  font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
 }
-
 .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
 .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
-    background-color: #999;
+  background-color: #999;
 }
-
 .ps-container .ps-scrollbar-y { /*scrollbar vertical*/
-    position: absolute;
-    right: 0; 
-    width: 8px;
-    background-color: #d90000;
-    -ms-transition: background-color .2s linear;
-    -o-transition: background-color .2s linear;
-    -webkit-transition: background-color.2s linear;
-    -moz-transition: background-color .2s linear;
-    transition: background-color .2s linear;
+  position: absolute;
+  right: 0; 
+  width: 8px;
+  background-color: #d90000;
+  -ms-transition: background-color .2s linear;
+  -o-transition: background-color .2s linear;
+  -webkit-transition: background-color.2s linear;
+  -moz-transition: background-color .2s linear;
+  transition: background-color .2s linear;
 }
-
 header.ps-container .ps-scrollbar-y, #commentaire_content.ps-container .ps-scrollbar-y ,#disclaimer.ps-container .ps-scrollbar-y {
 	background-color: #fff;
 }
 
 /******** AVANT PREMIERE ********/
-
 body#ap{
-background: #ae0000;
+  background: #ae0000;
 	color: #fff;
 	overflow:auto;
 	font-family: 'Titillium Web', sans-serif;
 }
-
 #ap h1 {
-float : none;
+  float : none;
 }
-
 #ap #accueil {
 	background: url(img/logoaccueil.png) no-repeat;
-height: 190px;
-padding: 20px 0px;
-background-position: center 20px;
+  height: 190px;
+  padding: 20px 0px;
+  background-position: center 20px;
 }
 #ap p {
 	margin: 20px auto;
 }
 #ap #dlbox div {
-margin: 20px auto;
+  margin: 20px auto;
 }
-
 #ap #dlbox a {
 	padding: 5px 10px;
 	background: #fff;
-	
 }