Skip to content
main.css 7.2 KiB
Newer Older
Seblu's avatar
Seblu committed
@charset "UTF-8";
/* CSS Document */

body
{
	background: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
Seblu's avatar
Seblu committed
	color: #CCCCCC;
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
Seblu's avatar
Seblu committed
}
Seblu's avatar
Seblu committed
* {
	margin: 0px;
	padding: 0px;
Seblu's avatar
Seblu committed
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
Seblu's avatar
Seblu committed
}
ul, li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
Seblu's avatar
Seblu committed
}
li {
	display: inline;
}
li a {
	display: inline;
Seblu's avatar
Seblu committed
}
img {
	margin: 0 auto;
	padding: 0px;
}
.clr {
	clear: both;
	height: 0px;
}

.copyrights {
	color: #646464;
Seblu's avatar
Seblu committed
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
Seblu's avatar
Seblu committed
	text-align: center;
	margin: 10px 0px 0px 0px;
}


/*
** main header body footer container
*/
#main_container {
	position: relative;
	background: #303030;
	top: 0px;
	width: 901px;
Seblu's avatar
Seblu committed
	margin: 0 auto;
Seblu's avatar
Seblu committed
}

#main_body {
	margin: 0px 0px 0px 0px;
	background: #303030;
	border-left: 1px solid #646464;
	border-right: 1px solid #646464;
}

#main_header_home {
	height: 100px;
	border-left: 1px solid #646464;
	border-right: 1px solid #646464;
	border-bottom: 1px solid #646464;
	background: #003366;
	background: url(../images/jukebox_2.jpg) no-repeat;
}

#main_header_membres {
	height: 249px;
	background: url(../images/nomad_v5_top_membres.png) no-repeat;
}

#main_header_cours {
	height: 249px;
	background: url(../images/nomad_v5_top_cours.png) no-repeat;
}

#main_header_releases {
	height: 249px;
	background: url(../images/nomad_v5_top_releases.png) no-repeat;
}


div.top_box
{
    margin-top: 40px;
    text-align: center;
}

/*
** 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: 200px;
Seblu's avatar
Seblu committed
	top: 101px;
}
#menu li {
	float: left;
}
#menu li a { /* dimensions et définitions des boutons */
	display: block;  /* mise en block de <a> pour lui donner des dimensions */
	height: 22px;
	color: #B8B8B8;
	padding: 8px 0px 0px 0px;
	font-size: 13px;
Seblu's avatar
Seblu committed
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
Seblu's avatar
Seblu committed
	text-decoration: none;
	text-align: center;
}

#menu li a:hover { /* dimensions et définitions des boutons */
	display: block;  /* mise en block de <a> pour lui donner des dimensions */
	height: 22px;
	color: #99FF33;
	font-size: 13px;
Seblu's avatar
Seblu committed
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
Seblu's avatar
Seblu committed
	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 {
	/*width: 530px;*/
	margin: 0px 15px 20px 15px;
Seblu's avatar
Seblu committed
}

div#newsbox ul {
	background: #1D1D1D;
	padding: 15px;
}

div#newsbox li {
	display: block;
}

div#newsbox h1 {
	height: 26px;
	font-size: 14px;
Seblu's avatar
Seblu committed
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
Seblu's avatar
Seblu committed
	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;
Seblu's avatar
Seblu committed
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
Seblu's avatar
Seblu committed
	padding: 10px;
	background: #1D1D1D;
	color: #B8B8B8;
	border-bottom: 1px solid #303030;
}

#all_side {
	float: left;
	padding: 0px;
	margin: 0px;
	background: #303030;
}

Seblu's avatar
Seblu committed
#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 {
	color: #6D6C6C;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}

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

Seblu's avatar
Seblu committed
#left_side h3 {
Seblu's avatar
Seblu committed
	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: 900px;
    height: 130px;
}

/*
#right_side li a:hover {
	color: #cfc5ab;
	height: 26px;
	font: 10px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-decoration: none;
}

#right_side li {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#right_side ul {
	margin: 0px 0px 0px 10px;
}

#right_side li a,span{
	color: #aaa28b;
	height: 26px;
	font: 10px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-decoration: none;
}
*/
#right_side h2 {
	color: #aaa28b;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 12px;
Seblu's avatar
Seblu committed
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
Seblu's avatar
Seblu committed
}

Seblu's avatar
Seblu committed
#right_side h3 {
Seblu's avatar
Seblu committed
	color: #aaa28b;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 12px;
Seblu's avatar
Seblu committed
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif;
Seblu's avatar
Seblu committed
}


/*
** footer class & id
*/

#main_footer {
	position: relative;
	margin: 0 auto;
	width: 901px;
	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: 863px;
	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 {
	text-decoration: none;
	color: #cccccc;
}

Seblu's avatar
Seblu committed
table a.texte_link,table
Seblu's avatar
Seblu committed
{
    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;
}