/* Styles généraux de la page */
body
{
width: 910px !important;
width: 915px;
margin-left: 50px;
margin-right: 50px;
background-color: black;
font-family: Arial, Helvetica, sans-serif;
overflow: auto;
}

p.img_circuit
{
text-align: center;
}
p.news
{
text-align: center;
text-decoration: underline;
color: #84BDFD;
}

h1
{
text-align: center;
color: red;
}
h2.nonnbt
{
font-size: 18pt;
text-decoration: underline;
color: #FF9900;
}
h2.nbt
{
font-size: 18pt;
text-decoration: underline;
color: #9900FF;
}
h2.pipejump
{
font-size: 18pt;
text-decoration: underline;
color: #F25E7B;
}

h2
{
text-align: center;
text-decoration: underline;
color: #0099FF;
}
h2.mcs 
{
color: #C0C0C0 !important;
}
h2.dps
{
color: #00CC99;
}

h2.gvs
{
color: #996600;
}

h2.bcs
{
color: #cc0000;
}

h2.cis
{
color:  #cc6600;
}

h2.kbs
{
color: #6666ff;
}

h2.vls
{
color: #00ffff
}

h2.rr
{
color: #cc00cc
}
h2.arene1
{
color: #a09058;
}
h2.arene2
{
color: #90a8f8;
}
h2.arene3
{
color: #d0f0f8;
}
h2.arene4
{
color: #606060;
}
h3
{
margin-left: 1px;
color:black;
}
h3.ast_tt
{
text-align: justify;
text-decoration: underline;
color: #A542FF;
}
h3.ast_autres
{
text-align: justify;
text-decoration: underline;
color: #00CC99;
}
h3.pro_nbt
{
text-align: justify;
text-decoration: underline;
color: red;
font-size: 11pt;
}
h3.ref
{
font-size: 12pt;
text-decoration: underline;
color: #00d000;
}
h4.nonnbt
{
font-size: 11pt;
text-decoration: underline;
color: #FF9900;
}
h4.nbt
{
font-size: 11pt;
text-decoration: underline;
color: #9900FF;
}
h4.pipejump
{
font-size: 11pt;
text-decoration: underline;
font-weight: bold;
color: #F25E7B;
}
h4.pj
{
font-size: 11pt;
color: #F25E7B;
text-decoration: underline;
}
h4.ci1norm
{
font-size: 11pt;
text-decoration: underline;
color: #A78CD7;
}
h4.ntscstrat
{
font-size: 11pt;
text-decoration: underline;
color: #00C6C6;
}

a
{
color: #F7E444;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
color: red;
}
strong.supermariokart
{font-size: 11pt;
font-weight: normal;
text-decoration: underline;
color:  #cccccc;
}
#en_tete
{
text-indent: -5000px;
width: 902px;
height: 109px;
/*border: 3px inset #0066FF;*/
border-top: 3px solid #0033cc;
border-left: 3px solid #0033cc;
border-right: 3px solid #99ccff;
border-bottom: 3px solid #99ccff;
background-color: black;
background: url("images/ban02.gif");
}
.haut_de_page
{
text-align: center;
text-decoration: underline;
font-size: 8pt;
color: #E3AB57;
}
/* Styles des menus */
#menu
{
/*width: 18% !important;*/
float: left;
margin-top: 9px;
width: 162px;
overflow: auto;/*si le contenu de l'élément doit être coupé ou non*/
text-align: left;
}
/*Style à l'intérieur des menus*/
#acc
{
margin-left: 40px;
text-decoration: underline;
font-weight: bold;
font-size: 13pt;
}
#tt
{
margin-left: 40px;
text-decoration: underline;
font-weight: bold;
font-size: 13pt;
color: #F27A0D;
}
#autres
{
margin-left: 40px;
text-decoration: underline;
font-weight: bold;
font-size: 13pt;
color: #F27A0D;
}

.sous_menu
{
margin-top: 10px;
overflow: auto;
background-color: black;
/*color: #7E444;erreur*/
/*border: 3px inset #0066FF;*/
border-top: 3px solid #0033cc;
border-left: 3px solid #0033cc;
border-right: 3px solid #99ccff;
border-bottom: 3px solid #99ccff;

}

.sous_menu h3
{
color: #0099FF;
text-align: center;
}
/* Styles du corps beug ie résolu! */
#corps
{
/*Problème sous IE 
float: none !important;
float: right;
clear: none !important;
clear: both;
*/
width: 683px !important;
width: 695px;
margin-left: 200px !important;
/*margin-left: 45px; c'est ce qui fait que le corps s'aligne mal sous iE7*/
margin-left: 13%;/* ça empêche de passer le corps sous le menu quand on réduit la fenêtre au niveau inférieur (sauf si on bouge de la droite vers la gauche)*/
margin-top: 20px;
padding: 10px;
position: static;
text-align: justify;
border: 2px dotted #0066FF;
color: #E3AB57;
background-color: black;
text-align: justify;
}
#corps h2
{
text-align: center;
color: #0099FF;
}
#courses
{
/*margin-left: 22% !important;*/
/*float: none !important;
float: right;
clear: none !important;
clear: both;
*/
margin-left: 200px !important;
/*margin-left: 45px;*/
margin-top: 20px !important;
padding: 10px;
width: 683px !important;
width: 695px;

text-align: justify;
font-size: 11pt;
position: static;

border: 2px dotted #0066FF;
color: #FFFFFF;
background-color: black;
}

/*balises strong des courses*/
 strong.mcs
 {
font-size: 11pt;
font-weight: normal;
text-decoration: underline;
color:  #C0C0C0;
}
 strong.dps
 {
font-size: 11pt;
font-weight: normal;
text-decoration: underline;
color:  #00CC99;
}
 strong.gvs
 {
font-size: 11pt;
font-weight: normal;
text-decoration: underline;
color:  #996600;
}

strong.bcs
 {
font-size: 11pt;
font-weight: normal;
text-decoration: underline;
color:  #cc0000;
}

strong.cis
{
font-size: 11pt;
font-weight: normal;
text-decoration: underline;
color:  #cc6600;
}

strong.kbs
 {
font-size: 11pt;
font-weight: normal;
text-decoration: underline;
color:  #6666ff;
}

strong.vls
 {
font-size: 11pt;
font-weight: normal;
text-decoration: underline;
color:  #00ffff;
}

strong.rr
{
font-size: 11pt;
font-weight: normal;
text-decoration: underline;
color:  #cc00cc;
}

#tabcourses
{
margin-top: 5%;
margin-left: 75px !important;
margin-left: 105px;
text-align:center;
border-collapse: separate;
border-spacing:  10px;
border-top: 3px solid #009966;
border-bottom: 3px solid #009966;
border-left: 3px solid #009966;
border-right: 3px solid #009966;
color: white;
padding: 5px;
}

#tb_arenes
{
margin-top: 5%;
margin-left: 130px !important;
margin-left: 105px;
text-align:center;
border: none;
color: white;
padding: 5px;
}

/*puces*/
li.bowser
{
list-style-image: url("images/bowser.gif");
}
li.dkjr
{
list-style-image: url("images/dkjr.gif");
}
li.koopa
{
list-style-image: url("images/koopa.gif");
}
li.toad
{
list-style-image: url("images/toad.gif");
}
li.mario
{
list-style-image: url("images/mario.gif");
}
li.luigi
{
list-style-image: url("images/luigi.gif");
}
li.princesse
{
list-style-image: url("images/princesse.gif");
}
li.yoshi
{
list-style-image: url("images/yoshi.gif");
}
/* Couleur du nom des coupes*/
.mush
{
text-decoration: underline;
color: #FF0000
}
.flower
{
text-decoration: underline;
color: #CC6600;
}
.star
{
text-decoration: underline;
color: #FFCC00;
}
.special
{
text-decoration: underline;
color: #993399;
}
/* Couleur des ancres du tableau, sur ie quand on passe la souris dessus ça passe en underline red alors que ça devrait pas*/
a.mcs
{
color: #C0C0C0;
}
a.dps
{
color: #00cc99;
}
a.gvs
{
color: #996600;
}
a.bcs
{
color: #cc0000;
}
a.cis
{
color: #cc6600;
}
a.kbs
{
color: #6666ff;
}
a.vls
{
color: #00ffff;
}
a.rr
{
color: #cc00cc;
}
/*liens battle*/
a.arene1
{
text-align:center;
color: #a09058;
}
a.arene2
{
color: #90a8f8;
}
a.arene3
{
color: #d0f0f8;
}
a.arene4
{
color: #606060;
}
/*corps personnages*/
#persos
{
/*float: none !important;
float: right;
clear: none !important;
clear: both;
*/
width: 683px !important;
width: 695px;
max-height: 2000px;
margin-left: 200px !important;
/*margin-left: 45px;* Le div descend lorsqu'on essaie de raccourci la fenêtre sur le côté*/
margin-top: 20px !important;
padding: 10px;
text-align: justify;
position: static;



border: 2px dotted #0066FF;
font-size: 11pt;
color: #FFFFFF;
background-color: black;

}

h4.persos_smk
{
text-decoration: none;
font-size: 13pt;
color: #ABABB1;
}

strong.mario
{
font-size: 13pt;
color: #990000;
}
strong.luigi
{
font-size: 13pt;
color: #009900;
}
strong.koopa
{
font-size: 13pt;
color: #00cc00;
}
strong.toad
{
font-size: 13pt;
color: #cc0000;
}
strong.yoshi
{
font-size: 13pt;
color: #00cc00;
}
strong.princesse
{
font-size: 13pt;
color: #ff9999;
}
strong.donkey
{
font-size: 13pt;
color: #990000;
}
strong.bowser
{
font-size: 13pt;
color: #996600;
}
/* corps techniques*/
#tech
{
/*margin-left: 22%;*/
/*float: none !important;
float: right;
clear: none !important;
clear: both;
*/
margin-left: 200px !important;
margin-left: 45px;
margin-top: 20px !important;
padding: 10px;
width: 683px !important;
width: 695px;

text-align: justify;
font-size: 11pt;
position: static;

border: 2px dotted #0066FF;
color: #FFFFFF;
background-color: black;

}

#table_tech
{
width: 650px;
height: 200px;
margin-left: 15px !important;
margin-right: 15px !important;
margin-left: 10px;
margin-right: 10px;
text-align:center;
border-collapse: collapse;
border-spacing:  10px;
border: 3px solid #FFB693;
color: white;
}
.tbnonnbt
{
width: 325px;
height: 143px;

border-right: 3px solid #FFB693;
border-left: 3px solid #FFB693;
}
.tbnbt
{
width: 325px;
height: 143px;
border-right: 3px solid #FFB693;
border-left: 3px solid  #FFB693;

}
.tb_bis
{
width: 325px;
height: 30px;
border-right: 3px solid #FFB693;

}

a.nonnbtsite
{
text-decoration: underline;
color: #1C9340;
}

a.nbtsite
{
text-decoration: underline;
color: #1C9340;
}

a.forumfr
{
text-decoration: underline;
color: #84BDFD;
}

/*records*/
#records
{
margin-top: 1px;
margin-left: 5px;
margin-right: 5px;
width: 680px !important;
width: 660px;
height: 300px;
caption-side: top;
text-align:center;

border: 3px solid #009966;
border-spacing: 5px;
color: red;
}

.titrerecords
{
text-decoration: underline;
text-align: center;
color: red;
}
.titrerec
{
font-size: 12pt;
text-decoration: underline;
text-align: center;
color:#F7E444;
}

/*lexique*/
#lexique
{
/*margin-left: 22%;*/
/*float: none !important;
float: right;
clear: none !important;
clear: both;
*/
width: 683px !important;
width: 695px;
margin-left: 200px !important;
/*margin-left: 45px;*/
margin-top: 20px;
padding: 10px;
position: static;

text-align: justify;
font-size: 11pt;

border: 2px dotted #0066FF;
color: #FFFFFF;
background-color: black;
}
#lexique h3
{
text-align: center;
text-decoration: underline;
font-size: 12pt;
color: #ffffff;
}
strong.lex
{
font-size: 11pt;
text-decoration: underline;
color: #E3AB57;
}


/* menu astuces*/
#ast
{ 
/*float: none !important;
float: right;
clear: none !important;
clear: both;
*/
width: 683px !important;
width: 695px;
margin-left: 200px !important;
/*margin-left: 45px;*/
margin-top: 20px;
padding: 10px;
position: static;
font-size: 11pt;

border: 2px dotted #0066FF;
color: #FFFFFF;
background-color: black;
}
.ti
{
margin-left: 200px;
margin-top: 20px;
padding: 10px;
text-align: center;
background-color: black;
font-size: 12pt;
font-weight: bold;
text-decoration: underline;
color: #A542FF;
}
.tiast
{
font-size: 11pts;
text-decoration: underline;
color: #ABABB1;
}
/* Style du corps du descriptif détaillé des vingts courses*/
.corps_courses
{
/*
float: none !important;
float: right;
clear: none !important;
clear: both;
*/
margin-left: 200px !important;
/*margin-left: 45px;*/
margin-top: 20px !important;
margin-top: 20px;
padding: 10px;
width: 683px !important;
width: 695px;

text-align: justify;
font-size: 11pt;
position: static;

border: 2px dotted #0066FF;
color: #FFFFFF;
}
.remarque
{
font-size: 10pt;
}
.conclusion_mcs
{
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #C0C0C0;
}
.conclusion_dps
{
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #00CC99;
}
.conclusion_gvs
{
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #996600;
}

.archives
{
text-align: center;
text-decoration: underline;
font-size: 8pt;
color: #E3AB57;

}

/* Styles du pied de page de l'accueil*/
#pied_de_page
{
clear: left !important;
clear: both;
width: 902px;
margin-top: 30px;
padding: 5px;


color: #E3AB57;
text-align: center;
font-size: 10pt;
border: 2px none #0066FF;
}
/*#imbowser
{
clear: left !important;
clear: both;
width: 902px;
height:35px;
background-image:("images/Gif/bowserturn.gif");
background-repeat: no-repeat;
background-position: 451px;
}
#immario
{
width: 902px;
height:35px;
background-color: black;
background-image: url("images/gif/marioturn.gif");
background-repeat: no-repeat;
background-position: 451px;
}*/
h4.imsmk
{
text-indent: -5000px;
}

.legales
{
font-size: 6pt;
}
/* Ca marche pas mais le img dans la page xhtml marche
p.footer
{
background-image: url(images/gif/bowserturn.gif");
}
*/