diff --git a/css/20ans.css b/css/20ans.css
new file mode 100644
index 0000000000000000000000000000000000000000..94fedfe041ae8c5d2446cc1a022042e5db72a909
--- /dev/null
+++ b/css/20ans.css
@@ -0,0 +1,511 @@
+@charset "UTF-8";
+/* CSS Document */
+
+* {
+ margin: 0px;
+ padding: 0px;
+ font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
+}
+
+body {
+ background: #000000 url("../images/bg_20ans.png") no-repeat center top;
+ margin: 0px;
+ padding: 0px;
+ font-size: 11px;
+ color: #CCCCCC;
+
+ font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
+}
+
+a {
+ text-decoration: none;
+ color: #cccccc;
+}
+
+ul, li {
+ list-style-type: none;
+ padding: 0px;
+ margin: 0px;
+}
+
+li {
+ display: inline;
+}
+
+li a {
+ display: inline;
+}
+
+img {
+ margin: 0 auto;
+ padding: 0px;
+ border: 0px;
+ text-align: right;
+}
+
+.clr {
+ clear: both;
+ height: 0px;
+}
+
+.copyrights {
+ color: #646464;
+ font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
+ text-align: center;
+ margin: 10px 0px 0px 0px;
+}
+
+/*
+** main header body footer container
+*/
+/*
+#main_container {
+ position: relative;
+ background: #303030;
+ background: #00ff00;
+ top: 0px;
+ width: 901px;
+ margin: 0 auto;
+}
+*/
+#main_body {
+ margin: 0px 0px 0px 0px;
+ background: #303030;
+ border: 1px solid #646464;
+ border-bottom: 0px;
+
+ border-top-left-radius: 10px;
+ border-top-right-radius: 10px;
+
+ width: 901px;
+ margin: 0 auto;
+}
+
+#main_header {
+ height: 160px;
+ /* border-left: 1px solid #646464; */
+ /* border-right: 1px solid #646464; */
+ /* border-bottom: 1px solid #646464; */
+ /* background: #003366; */
+ background: url(../images/logo_20ans.png) no-repeat right;
+
+ position: relative;
+ top: 0px;
+ width: 901px;
+ margin: 0 auto;
+}
+
+/*
+** header/menu class & id
+*/
+#menu ul, #menu li {
+ margin:0;
+ padding: 0;
+ list-style-type: none;
+}
+
+#menu ul {
+ position: absolute;
+ height: 22px;
+ /*width: 334px;*/
+ /*left: 20px;*/
+ top: 161px;
+ margin-left: 5px;
+}
+
+#menu li {
+ float: left;
+}
+
+#menu li a { /* dimensions et définitions des boutons */
+ display: block; /* mise en block de pour lui donner des dimensions */
+ height: 22px;
+ color: #B8B8B8;
+ padding: 8px 0px 0px 0px;
+ font-size: 13px;
+ font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
+ text-decoration: none;
+ text-align: center;
+}
+
+#menu li a:hover { /* dimensions et définitions des boutons */
+ display: block; /* mise en block de pour lui donner des dimensions */
+ height: 22px;
+ color: #99FF33;
+ font-size: 13px;
+ font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
+ text-decoration: none;
+ text-align: center;
+}
+
+#menu a#tabs_home {
+ width: 79px;
+ background: transparent url(../images/maquette_decoupe_03.png) top left no-repeat;
+}
+#menu a#tabs_members {
+ width: 83px;
+ background: transparent url(../images/maquette_decoupe_05.png) top left no-repeat;
+}
+#menu a#tabs_cours {
+ width: 83px;
+ background: transparent url(../images/maquette_decoupe_05.png) top left no-repeat;
+}
+#menu a#tabs_releases {
+ width: 81px;
+ background: transparent url(../images/maquette_decoupe_07.png) top left no-repeat;
+}
+
+#menu_left {
+ position: absolute;
+ left: 0px;
+ top: 101px;
+ height: 30px;
+ width: 159px;
+}
+
+#menu_right {
+ position: absolute;
+ right: 0px;
+ top: 101px;
+ height: 30px;
+ width: 163px;
+}
+
+/*
+** main body
+*/
+
+div#newsbox {
+ margin: 0px 15px 20px 15px;
+}
+
+div#newsbox ul {
+ background: #1D1D1D;
+ padding: 15px;
+}
+
+div#newsbox li {
+ display: block;
+}
+
+div#newsbox h1 {
+ height: 26px;
+ font-size: 14px;
+ font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
+ padding: 10px;
+ background: #1D1D1D;
+ color: #B8B8B8;
+ border-bottom: 1px solid #303030;
+}
+
+
+div#lastnewsbox {
+ width: 530px;
+ margin: 0px 15px 20px 15px;
+}
+
+div#lastnewsbox ul {
+ background: #1D1D1D;
+ padding: 15px;
+}
+
+div#lastnewsbox li {
+ display: block;
+}
+
+div#lastnewsbox h1 {
+ height: 26px;
+ font-size: 14px;
+ font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
+ padding: 10px;
+ background: #1D1D1D;
+ color: #B8B8B8;
+ border-bottom: 1px solid #303030;
+}
+
+div#memberbox {
+ /*width: 530px;*/
+ margin: 0px 15px 20px 15px;
+}
+
+div#memberbox ul {
+ background: #1D1D1D;
+ padding: 15px;
+}
+
+div#memberbox li {
+ display: block;
+}
+
+div#memberbox h1 {
+ height: 26px;
+ font-size: 14px;
+ font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
+ padding: 10px;
+ background: #1D1D1D;
+ color: #B8B8B8;
+ border-bottom: 1px solid #303030;
+}
+
+div#editobox {
+ margin: 0px 15px 20px 15px;
+}
+
+div#editobox table {
+ background: #1D1D1D;
+ font-size: 12px;
+ padding: 5px;
+}
+
+div#editobox h1 {
+ height: 26px;
+ font-size: 20px;
+ font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
+ padding: 10px;
+ background: #1D1D1D;
+ color: #B8B8B8;
+ border-bottom: 1px solid #303030;
+}
+
+
+.rightbox a {
+ text-decoration: none;
+ color: #cccccc;
+}
+
+.rightbox a:hover {
+ text-decoration: none;
+ color: #99FF33;
+}
+
+div.rightbox {
+ width: 320px;
+ margin: 0px 15px 15px 0px;
+}
+
+div.rightbox ul {
+ background: #1D1D1D;
+ padding: 0px;
+ width: 320px;
+}
+
+div.rightbox li {
+ display: block;
+ padding: 5px 0px 8px 15px;
+ font-size:12px;
+ color:#cccccc;
+ border-bottom: 1px solid #303030;
+}
+
+div.rightbox h1 {
+ height: 26px;
+ font-size: 14px;
+ font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
+ padding: 10px;
+ background: #1D1D1D;
+ color: #B8B8B8;
+ border-bottom: 1px solid #303030;
+}
+
+#all_side {
+ float: left;
+ padding: 0px;
+ margin: 0px;
+ background: #303030;
+ width: 901px;
+}
+
+#left_side {
+ float: left;
+ width: 550px;
+ padding: 0;
+ background: #303030;
+}
+
+#newsbox h2 {
+ color: #B8B8B8;
+ margin: 10px 0px 0px 0px;
+ padding: 0px 0px 0px 10px;
+ background: url(../images/puce_carre.jpg) left no-repeat;
+}
+
+.news_date {
+ font-size: 11px;
+ color: #6D6C6C;
+ margin: 10px 0px 0px 0px;
+ padding: 0px 0px 0px 5px;
+}
+
+.news_by {
+ font-size: 11px;
+ color: #6D6C6C;
+ font-style: italic;
+}
+
+.news_separator {
+ margin: 0px 0px 0px -15px;
+ padding:0;
+}
+
+.news_text {
+ font-size: 12px;
+ color: #B8B8B8;
+ margin: 10px 0px 0px 0px;
+ padding: 0px 0px 5px 20px;
+}
+
+#left_side h3 {
+ color: #aaa28b;
+ margin: 10px 0px 0px 0px;
+ padding: 0px 0px 0px 5px;
+}
+
+#right_side {
+ float: right;
+ width: 330px;
+}
+
+div#menu
+{
+ float:left;
+ margin-bottom: 20px;
+ width: 901px;
+ height: 130px;
+}
+
+#right_side h2 {
+ color: #aaa28b;
+ margin: 10px 0px 0px 0px;
+ padding: 0px 0px 0px 5px;
+ font-size: 12px;
+ font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
+}
+
+#right_side h3 {
+ color: #aaa28b;
+ margin: 10px 0px 0px 0px;
+ padding: 0px 0px 0px 5px;
+ font-size: 12px;
+ font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
+}
+
+
+/*
+ ** footer class & id
+ */
+
+#main_footer {
+ position: relative;
+ margin: 0 auto;
+ width: 903px;
+ height: 47px;
+}
+
+#foot_menu {
+ background: #303030;
+ border-left: 1px solid #646464;
+ border-right: 1px solid #646464;
+}
+
+#foot_menu ul {
+ height: 15px;
+ width: 860px;
+ margin: 0 auto;
+ text-align: center;
+}
+
+#foot_menu li {
+ display: inline;
+ margin: 0 10px;
+}
+
+#foot_menu li a {
+ color: #B8B8B8;
+ font-size: 9px;
+ font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
+ text-decoration: none;
+}
+
+#foot_menu li a:hover, a:active {
+ color: #B8B8B8;
+ font-size: 9px;
+ font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
+ text-decoration: none;
+}
+
+#foot_logo {
+ float: right;
+ position: relative;
+ top: 4px;
+ right: 20px;
+}
+
+#foot_menu img {
+ position: relative;
+ top: 5px;
+ border: 0;
+}
+
+.footnoimg {
+ background: none;
+}
+
+#ft_img_left {
+ position: absolute;
+ left: 0px;
+ height: 19px;
+ width: 19px;
+ background: url(../images/corner_24.png) no-repeat;
+}
+
+#ft_img_mid {
+ position: absolute;
+ left: 19px;
+ height: 18px;
+ width: 865px;
+ background: #303030;
+ border-bottom: 1px solid #646464;
+}
+
+#ft_img_right {
+ position: absolute;
+ right: 0px;
+ height: 19px;
+ width: 19px;
+ background: url(../images/corner_24_r.png) no-repeat;
+}
+
+#logo_edito {
+ float: left;
+}
+
+a.texte_link {
+ color: #FFFFFF;
+}
+
+a:hover {
+ text-decoration: none;
+ color: #99FF33;
+}
+
+a:active {
+ text-decoration: none;
+ color: #99FF33;
+}
+
+.back_tendu {
+ background-color:#460002;
+}
+
+.back_private {
+ background-color:#990000;
+}
+
+img.daily_preview {
+ margin-bottom: -5px;
+}
+
+div.top_box
+{
+ text-align: center;
+}
diff --git a/images/bg_20ans.png b/images/bg_20ans.png
new file mode 100644
index 0000000000000000000000000000000000000000..bba9a710d20d24fe7f92b2d6bb4dfc7b9c2946c6
Binary files /dev/null and b/images/bg_20ans.png differ
diff --git a/images/logo_20ans.png b/images/logo_20ans.png
new file mode 100644
index 0000000000000000000000000000000000000000..603d4facfa4bd1df711b39a677b1199f1f3f017c
Binary files /dev/null and b/images/logo_20ans.png differ
diff --git a/include/html.php b/include/html.php
index 647d44cb37329a96ed2e638a32bcf22f70391077..53b621f79e3b6fbf67c23da6eac442a79721b8ad 100644
--- a/include/html.php
+++ b/include/html.php
@@ -43,7 +43,7 @@ function dispHTMLHeader() {
echo ' ';
echo ' ';
echo ' ';
include 'script.js';
echo '';
diff --git a/include/menu.php b/include/menu.php
index 03a79a851cb147a9b2ff04f564d778bcb75a93f5..1aab2de86af18bd50a87cc81552cca2b63735766 100644
--- a/include/menu.php
+++ b/include/menu.php
@@ -1,21 +1,21 @@
function dispMenu() {
- // $str = '';
$str .= '";
- //$str .= '';
echo $str;
}