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