.Style20 { color:#33CC00; }
.Style21 { color:#FF0000; } 


body{
		background: url(images/fonds/fond_site1.jpg); 
		background-color: black; 
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: top;
        font: bolder 16px Verdana, arial, serif;
		text-align: center;
		color: white;
        width: 100%;
		}

#corps {
		color: white;
        font: bolder 14px Verdana, arial, serif;
        width : 1016px;
		background-color: black;
    	}

DIV.menu
	{
        width : 996px;
		height: auto;
		margin-bottom: 0px;
		list-style-type: none;
		background-color: black;
		font: bolder 12px Verdana, arial narrow, serif;
		}

DIV.menu a
	{
		}

DIV.menu a:hover
	{
		}

DIV.cadre_presentation {
		margin-top:4px;
		width: 900px;
		height: 100%;
		text-align: center;
		background-color: black;
		font: bolder 12px Verdana, arial narrow, serif;
		text-transform: uppercase;
		}

#contenu_corps {  
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 220px;
		width:655px;
			} 

#cadre_index {  
				border: 1px solid yellow; 
			} 

#cadre_annonces
	{
		width: 644px;
		height: auto;
		color: #00EC00;
		font: bolder 12px arial, Verdana, serif;
		margin-top: 40px;
		padding: 4px;
		text-align: left;
		border: 1px solid yellow;
		} 

#menu_vertical { font-family: Verdana, arial, serif;
        float: left; /* Le menu flottera à gauche */
        width: 200px; /* Très important : donner une taille au menu */
		margin-left: 8px;
        border-color: yellow;
		}

table
	{
        width : 100%;
		position: relative;
		color: white;
		}

tr	{
		border-collapse: collapse;
        margin: 0px;
		}
		
td	{
        width : auto;
		height: auto;
		border-collapse: collapse;
		color: #00EC00;
        padding: 0px;
		}

.element1 { margin-top: 10px;
			}

.element_haut { background-color: black; 
				border: 1px solid red; 
				margin-top: 10px;
				width: 200px;
				font: bolder 14px Verdana, arial, serif;
			}

        #sous_menu{
list-style-type:none;  /* on enlève la puce */ 
margin: 0px; /* on retire les marges intérieures et extérieures */
padding: 0px; 
width:  200px;  /* J'ai mis une largeur  pour ne pas prendre toute la largeur de l'écran */
border: solid 1px yellow;  /* on applique des bordures à la balise ul */
border-bottom: none;  /* et on retire celle du bas */
background-color:black;
}

#sous_menu li{
font: bolder 12px Verdana, arial, serif;
margin-left: 0px;  /* on retire les marges intérieures et extérieures */
padding: 0px; 
border-bottom: 1px solid yellow;  /* ici on affiche  une bordure uniquement en bas */
}
#sous_menu a{
text-decoration: none;  /* on enlève le soulignement */
font: bolder 12px Verdana, arial, serif;
color: #00EC00;
display: block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
padding-left: 2px;  /* une marge intérieure gauche juste pour l'esthétique */
}
#sous_menu a:hover{
background-color: #202020; 
color: #95FF2B; 
}



#pied_de_page {
        width : 996px;
		height: auto;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 12px;
		color: white;
        font: bolder 12px arial, Verdana, serif;
		background: url(images/fonds/warning.jpg); 
		}

DIV.videos
	{
		width: 654px;
        padding: 0px;
		background-color: black;
		text-transform: uppercase;
		} 

DIV.cadre_videos
	{
		width: auto;
		height: auto;
		text-align: center;
        font : bolder 28px lcd, arial narrow, Verdana, serif;
		color: #00EC00;
        padding: 0px;
		} 

DIV.cadre_texte_videos	{
		width: 314px;
		height: auto;
		color: #95FF2B;
		font: bolder 12px Verdana, lcd, arial narrow, serif;
		padding-left: 2px;
		line-height: 22px;
		text-align: left;
		}

DIV.guerriers
	{
		width: 100%;
		height: auto;
		padding: 0px;
		margin-bottom: 25px;
		background-color: black;
		text-transform: uppercase;
		} 

DIV.cadre_guerrier
	{
		width: 120px;
		height: 144px;
		padding: 0px;
		margin: 0px;
		} 

DIV.cadre_texte_guerrier
	{
		width: 180px;
		height: auto;
		color: #00EC00;
		font: bolder 12px arial, Verdana, serif;
		padding-top: 16px;
		padding-left: 4px;
		text-align: left;
		} 

DIV.matos_simple
	{
		width: 330px;
		height: auto;
		padding : 0px;
		margin-bottom: 25px;
		background-color: black;
		text-transform: uppercase;
		} 

DIV.matos
	{
		width: 652px;
		height: auto;
		padding : 0px;
		margin-bottom: 25px;
		background-color: black;
		text-transform: uppercase;
		} 

DIV.cadre_matos
	{
		width: 160px;
		height: 96px;
		padding: 0px;
		margin: 0px;
		} 

DIV.cadre_texte_matos
	{
		width: 150px;
		height: auto;
		color: #00EC00;
		font: bolder 12px arial, Verdana, serif;
		padding-top: 2px;
		padding-left: 2px;
		text-align: left;
		} 

DIV.cadre_titre
	{
        padding : 0px;
		width: 360px;
		height: 70px;
		}

DIV.scenarios
	{
		width: 94%;
		height: auto;
		padding: 0px;
		background-color: black;
		text-transform: uppercase;
		} 

DIV.cadre_scenar_1
	{
		width: auto;
		height: auto;
		padding-right: 2px;
		text-align: right;
		font: bolder 14px arial, Verdana, serif;
		} 

DIV.cadre_scenar_2
	{
		width: auto;
		height: auto;
		padding-left: 10px;
		text-align: left;
		font: bolder 14px arial, Verdana, serif;
		color: #95FF2B;
		} 

DIV.plan_bouclier
	{
		width: auto;
		height: 280px;
		padding: 0px;
		} 

DIV.calendar
	{
		width: 200px;
		height: auto;
		padding : 0px;
		margin: 0px;
		text-align: left;
		border: 1px double yellow;
		} 




h1 {
		font: bolder 20px georgia, lcd, arial narrow, serif;
		color: red;
		}

cite {
		color: white;
        font: Verdana, serif;
		font-size: 10px;
		}

.joueurs_reguliers {
		font: bolder 14px Verdana, arial narrow, serif;
		color: #00EC00;
		}

.nom {
		padding-left: 2px;
		color: #00EC00;
        font : bolder 12px Verdana, arial narrow, serif;
		}

.vert_clair	{
		text-decoration: none;
		color: #95FF2B;
		font: bolder 12px arial, Verdana, serif;
        }

.vert_clair_p	{
		text-decoration: none;
		color: #95FF2B;
		font: bolder 10px Verdana, arial, serif;
        }

.equipe1 {
		font: bolder 14px arial, Verdana, serif;
		color: red;
		text-align: right;
		text-transform: uppercase;
		}

.equipe2 {
		font: bolder 14px arial, Verdana, serif;
		color: blue;
		text-align: right;
		text-transform: uppercase;
		}

.titre_video {
		text-decoration: underline;
		font: bolder 17px georgia, Verdana, lcd, arial narrow, serif;
		color: red;
		}

.politesse {
		font: bolder 18px Verdana, arial narrow, serif;
		color: #1F1FFF;
		}

.maj  {
		font: italic 12px arial black, verdana, serif;
		color: red;
		}

.pseudo_livreor  {
		font: italic 10px verdana, arial, serif;
		color: red;
		}

.avert {
		font : bolder 16px Verdana, arial, serif;
		color: yellow;
		}

.avert_rouge {
		font : bolder 14px arial narrow, Verdana, serif;
		color: red;
		}

a	{
		text-decoration: none;
		color: blue;
        }
a:hover {
		color: rgb(80,80,255);
        }

.webmaster {
		font: italic 10px arial black, verdana, serif;
		color: yellow;
		}
.webmaster:hover {
		color: #FF5E5E;
		}

.staff
	{
		font: bolder 12px Verdana, arial narrow, serif;
		color: #95FF2B;
		} 
.staff:hover
	{
		color: yellow;
		} 

.lien_texte {
		text-decoration: none;
		font: bolder 11px Verdana, arial, serif;
		color: #95FF2B;
		}
.lien_texte:hover {
		color: #777777;
        }

.download_info {
		font: bolder 10px Verdana, arial, serif;
		color: red;
		}
.download_info:hover  {
		color: #FF5E5E;
		}

.download_photos  {
		color: #00EC00;
        font : bolder 12px Verdana, arial, serif;
		}
.download_photos:hover   {
		color: #95FF2B;
		}
		
.download_videos {
		font: bolder 12px Verdana, arial, serif;
        }

.lien-armes	{
		text-decoration: none;
		color: #95FF2B;
		font: bolder 12px arial, Verdana, serif;
        }
.lien-armes:hover {
		color: #00EC00;
        }

.liens_plans {
		color: #00EC00;
        font : bolder 17px Verdana, arial, serif;
		}
.liens_plans:hover   {
		color: #95FF2B;
		}
		
.adress{
		font: bolder 12px Verdana, arial black, Tahoma, serif;
		text-decoration: underline;
		color: #2F2FFF;
		} 
.adress:hover{
		color: #0984FF;
		} 

.haut_de_page
	{
		color: #95FF2B;
        font : bolder 16px arial, Verdana, serif;
		}
.haut_de_page:hover 
	{
		color: #00EC00;
		}

.retour
	{
        font : bolder 16px arial, Verdana, serif;
		text-decoration: underline;
		color: #5151FF;
		}
.retour:hover 
	{
		color: #3535FF;
		}


div.ridge_hg2
{
        background: url('images/fonds/cadres/ridge8/ridge_hg.png') left top no-repeat;
        padding-left: 8px; /* Remplacez par votre valeur à vous */
}

div.ridge_hd2
{
        background: url('images/fonds/cadres/ridge8/ridge_hd.png') right top no-repeat;
        padding-right: 8px; /* Remplacez par votre valeur à vous */
}

div.ridge_h2
{
        background: url('images/fonds/cadres/ridge8/ridge_h.png') top repeat-x;
        height: 8px; /* Remplacez par votre valeur à vous */
		margin-left: 0px; 
}

div.ridge_g2
{
    background: url("images/fonds/cadres/ridge8/ridge_g.png") left repeat-y;
    padding-left: 8px; /* 21 px + 2 px pour faire plus joli. Remplacez par votre valeur à vous */
}

div.ridge_d2
{
    background: url("images/fonds/cadres/ridge8/ridge_d.png") right repeat-y;
    padding-right: 8px; /* 21 px + 2 px pour faire plus joli. Remplacez par votre valeur à vous */
    overflow: hidden;
}

div.ridge_bg2
{
        background: url('images/fonds/cadres/ridge8/ridge_bg.png') left top no-repeat;
        padding-left: 8px; /* Remplacez par votre valeur à vous */
}

div.ridge_bd2
{
        background: url('images/fonds/cadres/ridge8/ridge_bd.png') right top no-repeat;
        padding-right: 8px; /* Remplacez par votre valeur à vous */
}

div.ridge_b2
{
        background: url('images/fonds/cadres/ridge8/ridge_b.png') top repeat-x;
        height: 8px; /* Remplacez par votre valeur à vous */
		margin-left: 0px; 
}





div.ridge_hg_ridge10_silver
{
        background: url('images/fonds/cadres/ridge10_silver/ridge_hg.png') left top no-repeat;
        padding-left: 10px; /* Remplacez par votre valeur à vous */
}

div.ridge_hd_ridge10_silver
{
        background: url('images/fonds/cadres/ridge10_silver/ridge_hd.png') right top no-repeat;
        padding-right: 10px; /* Remplacez par votre valeur à vous */
}

div.ridge_h_ridge10_silver
{
        background: url('images/fonds/cadres/ridge10_silver/ridge_h.png') top repeat-x;
        height: 10px; /* Remplacez par votre valeur à vous */
		margin-left: 0px; 
}

div.ridge_g_ridge10_silver
{
    background: url("images/fonds/cadres/ridge10_silver/ridge_g.png") left repeat-y;
    padding-left: 10px; /* 21 px + 2 px pour faire plus joli. Remplacez par votre valeur à vous */
}

div.ridge_d_ridge10_silver
{
    background: url("images/fonds/cadres/ridge10_silver/ridge_d.png") right repeat-y;
    padding-right: 10px; /* 21 px + 2 px pour faire plus joli. Remplacez par votre valeur à vous */
    overflow: hidden;
}

div.ridge_bg_ridge10_silver
{
        background: url('images/fonds/cadres/ridge10_silver/ridge_bg.png') left top no-repeat;
        padding-left: 10px; /* Remplacez par votre valeur à vous */
}

div.ridge_bd_ridge10_silver
{
        background: url('images/fonds/cadres/ridge10_silver/ridge_bd.png') right top no-repeat;
        padding-right: 10px; /* Remplacez par votre valeur à vous */
}

div.ridge_b_ridge10_silver
{
        background: url('images/fonds/cadres/ridge10_silver/ridge_b.png') top repeat-x;
        height: 10px; /* Remplacez par votre valeur à vous */
		margin-left: 0px; 
}