html, body {
	margin:0;
	padding:0;
	background-color:#000000; 
	font: normal 10px verdana, sans-serif;
 }
 
h1 {
	font: normal 10px verdana, sans-serif;
	font-weight:bold;
	padding-left: 7px;
	padding-bottom: 10px;
}

#global {
	width: 900px;
   	margin: 0 auto;
}

#logo {
	background-position: center;
	height: 233px;
	padding: 0;
	/*
	background-image:url(./graphics/logos/EOC3_c64.png);
	background-image:url(./graphics/logos/EOC1999_Logo01_Pk.png);
	*/
	background-image:url(../graphics/logos/EOC1999_V06_01.1.jpg);
	background-repeat: no-repeat;
}

#language {
	 float:right;
}

#logo.c64 {
	background-image:url(../graphics/logos/Bee_loader-logo.png);
}

#logo.amiga {
	background-image:url(../graphics/logos/amiga_logo_1.png);
}

#logo.pc {
	background-image:url(../graphics/logos/CRC_intro-logo.png);
}

#mascotte {
	height: 100px;
}

#content {
 	float:left;
}

#content.c64  .ls-nav  { 
	background: #6665CA; 
	height: 350px;
}
#content.amiga   .ls-nav  { 
	background: #CB6564; 
}
#content.history   { 
	background: #CBee64; 
}
#content.members  { 
	background: #aaaaaa; 
}

img {
	border:1px solid #000000;
}

.no_border {
	border:0px;
}

.article_c64 {
	width:			550px;
	margin:			10px;
	border: 		1px solid #ccc;
	background: 	#6665CA;
	border-radius:  4px;
	box-shadow: 	0 0 6px #224477;
	padding:		10px 0 10px 10px;
}
.article_amiga {
	width:			550px;
	margin: 		10px;
	border: 		1px solid #ccc;
	background: 	#CB6564;
	border-radius:  4px;
	box-shadow: 	0 0 6px #224477;
	padding:		10px 0 10px 10px;
}

#color_font_white {
	color: white;
	text-align: right;
}

#color_font_black {
	color: black;
	text-align: right;
}


.article-images {}
	.article-images img {
		width: 144px;
		height: 114px;
		margin: 5px 3px;
	}

.article-info { background: #eee; }


#content  .ls-nav {
    /* concerne menu demos a droite */
	 /*background: #CB6564;*/
	min-height: 350px;
	border: 1px solid #ccc;
    border-radius: 4px;
	box-shadow: 	0 0 6px #224477;
	overflow: auto;
    position: absolute;
    right: 0;
    top: 20px;
    width: 250px;
	height: 400px;
    z-index: 2;
}

#content .ls-nav ul li {
	background: none;
	display: block;
}

#content .ls-nav ul li a {
    /* concerne menu demos a droite */
	padding: 3px 15px;
	float: none;
	/*background: #CB6564;*/
	
}

#content .ls-nav ul li a:hover {
	background: #ccccff;
}

#content .ls-wrapper {
	overflow: visible;
}

#slider-id-nav-ul { float: none !important; }

table {
	 border-width:0px;
	 border-style:solid;
	 border-color:black;
	 width:100%;
}

td {
	 border-width:0px;
	 border-style:solid;
	 vertical-align:middle;
	 padding-left: 20px;
}


.historique {
	width:			900px;
	margin: 			5px;
	padding:			5px;
	border: 			1px solid #ffffff;
	border-radius: 5px;
	/*background: 	#66eeCA;*/
	background: 	#BDBBB7;
}

.historique .rubrique_titre 
{
	height: 10px;
	padding:		10px;
	border-radius:  5px;
	box-shadow: 	0 0 0px #000000;
	background: 	#82817E;
	clear: both;
}

.historique_annee {
   margin: 10px;
}

.historique_annee .image-float-left {
   float: left;
   margin: 10px 10px;
}

.historique_annee .image-float-right {
   float: right;
   margin: 10px 10px;
}

.membres{
	width:			900px;
	margin: 		5px;
	padding:		5px;
	border: 		1px solid #ffffff;
	border-radius:  5px;
	/*background: 	#aaaaba;*/
	background: 	#5dacff;
}

.membres .rubrique_titre_membres_intl ,
.membres .rubrique_titre_membres_actuels,
.membres .rubrique_titre_membres_france
{
	width:			300px;
	margin: 		10px 5px 10px 5px;
	padding: 		10px;
	border-radius:  5px;
	box-shadow: 	0 0 1px #ccccaa;
	/*background: 	#9966aa;*/
	background: #3c66dd;
}

.membres_actuels_table tr:nth-child(2n+2),
.membres_france_table tr:nth-child(2n+2),
.membres_intl_table tr:nth-child(2n+2)
{
	padding-left: 10px;
	background-color: #7ac6ff;
}

.membres_header {
	background: #3867ff;
}

.country {
   background-repeat: no-repeat;
   background-position: center center;
}

 
.telechargements {
	width:			900px;
	margin: 			5px;
	padding:			5px;
	border: 			1px solid #ffffff;
	border-radius: 5px;
	background: 	#E0DC5C;
}

.telechargements .rubrique_titre_c64,
.telechargements .rubrique_titre_amiga
{
	width:			300px;
	margin: 			10px 5px 5px 5px;
	padding: 		10px;
	border-radius: 5px;
	box-shadow: 	0 0 2px #000000;
	background: 	#9E9B3E;
}

.telechargements_c64_table tr:nth-child(2n+2),
.telechargements_amiga_table tr:nth-child(2n+2)
{
	background-color: #F0ED9C;
}

.telechargements_header {
	background: #969457;
}

.telechargements_cell1 {
	width: 20%;
}
.telechargements_cell2 {
	width: 22%;
}
.telechargements_cell3 {
	width: 18%;
}
.telechargements_cell4 {
	width: 37%;
}

.telechargements a{
	color:#544B32;
}


.presentation {
	width:			900px;
	margin: 			5px;
	padding:			5px;
	border: 			1px solid #ffffff;
	border-radius: 5px;
	background: 	#3C7D5A;
}


.contact_formulaire{
	width:			900px;
	margin: 		5px;
	padding:		5px;
	border: 		1px solid #ffffff;
	border-radius:  5px;
	background: 	#c97dab;
}

.demo_page_c64_annee {
}


#credits_c64_table, #credits_amiga_table {
	border-width: 0px;
	border-style: solid;
	border-color:#000000;
	padding-right:10px;
}

#credits_c64_table tr:nth-child(odd) {
	color:#000000;
	background-color: #4b56bd;
}

#credits_c64_table tr:nth-child(even) {
	color:#000000;
	background-color: #7575bd;
}

#credits_amiga_table tr:nth-child(odd) {
	color:#000000;
	background-color: #bd4b44;
}

#credits_amiga_table tr:nth-child(even) {
	color:#000000;
	background-color: #bd7a77;
}

#credits_c64_table #credits_amiga_table td {
	margin:0px;
	padding-left:5px;
	width: 150px;
}

#credits_contact_table {
	/* Concerne la page avec les credits (pas la page demos.php!) */
	border-width: 0px;
	border-style: solid;
	border-color:#000000;
	padding-right:10px;
}

#credits_contact_table tr:nth-child(odd) {
	color:#000000;
	background-color: #c96288;
}

#credits_contact_table tr:nth-child(even) {
	color:#000000;
	background-color: #c95687;
}

#credits_contact_table td {
	margin:0px;
	padding-left:10px;
}


.padding_right {
	padding-right:10px;
}

.padding_left {
	padding-left:10px;
}

#drapeaux {
	padding-left: 860px;
	padding-bottom: 4px;
}


.navigation {
	font-size: 11px;
}

.navigation ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.navigation li {
    display: inline;
}

.navigation a {
	margin: 5px;
	background: black;
	color: white;
	text-decoration:none;
}

.navigation li.actif a span,
.navigation li:hover a span {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; /* Coins arrondis */
	border: 1px solid #FFFFFF;
	text-decoration:none;
}

ul li a:hover {
	text-decoration:none;
}