html
{
    max-width: 2200px;
	margin: auto;    
}

/*div::selection
{
	background: rgba(200,200,200,0.7);
}

div::-moz-selection
{
	background: rgba(200,200,200,0.7);
}*/

body
{
	width: 1220px;
	margin: auto;

	font-family: Arial, "Times New Roman", serif;
	font-size: 0.95em;
	color: black;
	
	behavior: url(csshover.htc);
}

#header
{
   height: 320px;
}

#joueur a:hover
{
	text-decoration: none;
}

#corps
{
margin-top: 20px;
margin-left: 140px;
margin-bottom: 20px;
background-color: rgba(255, 255, 255, 0.85);
padding: 30px;

	border-radius: 26px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 26px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 26px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 26px; /* Pour les navigateurs utilisant le moteur WebKit */
behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

#titre_monde
{
	margin-left: 130px;
	margin-bottom: 20px;
	text-align: right;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 30px;
	padding-bottom: 12px;
	padding-top: 0px;
	
	
		border-radius: 0px 0px 26px 26px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 0px 0px 26px 26px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 0px 0px 26px 26px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 0px 0px 26px 26px;
behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

#excuses
{
	margin: auto;
	width: 650px;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 15px;
	padding-bottom: 1px;
	text-align: center;

	border-radius: 26px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 26px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 26px;
-o-border-radius: 26px; /* Pour les navigateurs utilisant le moteur WebKit */
behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

#excuses a
{
	text-decoration: none;
}


#pied_de_page
{
	margin-top: 20px;
	min-width: 805px;
	font-size: 0.8em;
	background-color: rgba(255,255,255,0.55);
	padding: 10px;
	padding-bottom: 0px;
	text-align: center;
	
	border-radius: 40px 40px 0px 0px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 40px 40px 0px 0px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 40px 40px 0px 0px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 40px 40px 0px 0px;
 behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

h1
{
	font-family: "Trebuchet MS", Tahoma, Arial, "Times New Roman", serif;
	font-weight: bold;
	font-size: 2.2em;
	display: inline;
	position: relative;
	bottom: 38px;
	right: 12px;
}

h2
{
	font-family: Tahoma, Arial, "Times New Roman", serif;
	font-size: 1.8em;
	font-weight: bold;
	background-color: rgba(255,255,255,0.7);
	padding: 10px;

border-radius: 12px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 12px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 12px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 12px;
 behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

h3
{
	font-family: "Trebuchet MS", Tahoma, Arial, "Times New Roman", serif;
	font-size: 1.5em;
	display: inline;
}


h4
{
	font-size: 1.2em;
	font-family: "Trebuchet MS", Tahoma, Arial, "Times New Roman", serif;
}

.monde_eng
{
	display: inline;
	font-size: 1.8em;
	font-style: italic;
}

#menu
{
	float: left;
	width: 130px;
	position: absolute;
	top: 0px;
}
/*----------------------------------------------------------------------------------*/


/*On positionne les elements du menu */
#sous_menu ul ul li {
                position: relative;
                list-style: none; /*on enleve les icones de liste */
               }

#sous_menu  ul ul{
                position: absolute;
				left: 110px;
				top: -10px;
				 display: none;
}
			  
#sous_menu ul.niv_un li.class_menu:hover ul.niv_deux
{
   display: block;
}

.niv_un
{
	list-style-type: none;
	position: relative;       
    right: 19px;
	
}

.niv_deux
{
	background-color: rgba(255,255,255,0.6);
	padding: 10px;
	text-align: center;
	width: 130px;
	
	border-radius: 14px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 14px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 14px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 14px;
 behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}
/*----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------*/

div#sous_menu_mondes ul li
{
position: relative;
list-style: none;
float: left;
}

div#sous_menu_mondes ul ul
{
background-color: rgba(255,255,255,0.8);

position: absolute;
display: none;

left: -56px;
top: 23px;

border-radius: 0px 0px 12px 12px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 12px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 12px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 12px;
 behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

div#sous_menu_mondes ul.nd_menu li.niv_un_bis:hover ul.sous_menu_bis
{
   display: block;
}

.sous_menu_bis
{
	text-align: center;
	width: 140px;
}

#sous_menu_mondes
{
	position: relative;
	bottom: 18px;
}

/*-----------------------------------------------------------------------------------------*/
.element_menu
{
	margin-bottom: 30px;
	background-color: rgba(255,255,255,0.6);
	padding: 10px;
	text-align: center;
	
	border-radius: 14px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 14px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 14px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 14px;
 behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

.element_menu_joueur
{
	margin-bottom: 30px;
	background-color: rgba(255,255,255,0.75);
	padding: 3px;
	padding-bottom: 10px;
	text-align: center;
	font-family: "Trebuchet MS", Tahoma, Arial, "Times New Roman", serif;
	border: 1px inset black;
	line-height: 16px;
	
		border-radius: 0px 0px 14px 14px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 0px 0px 14px 14px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 0px 0px 14px 14px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 0px 0px 14px 14px;
 behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
 
 
	-moz-box-shadow: 10px 0px 6px #666666; /* Pour Mozilla Firefox */
 -webkit-box-shadow: 10px 0px 6px #666666; /* Pour les navigateurs utilisant le moteur WebKit */
 box-shadow: 10px 0px 6px #666666; /* Fonctionne pour Google Chrome/Chromium */
 -o-box-shadow: 10px 0px 6px #666666;
}

.element_menu_acc
{
	margin-bottom: 27px;
	background-color: rgba(255,255,255,0.8);
	padding: 10px;
	text-align: center;
	
	border-radius: 14px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 14px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 14px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 14px;
 behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

.element_menu_mondes
{
	background-color: rgba(255,255,255,0.8);
	padding-left: 60px;
	padding-top: 15px;
	padding-bottom: 22px;
	font-family: "Trebuchet MS", Tahoma, Arial, "Times New Roman", serif;
	font-weight: bold;
	margin-left: 140px;
	font-size: 1.1em;

	border-radius: 26px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 26px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 26px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 26px;
behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

.element_menu_mondes img
{
	border: none;
}

a
{
	color: black;
}

a:hover
{
	text-decoration: underline;
}

.element_menu a
{
	text-decoration: none;
        color: black;
}

.element_menu a:hover
{
    text-decoration: underline;
}

.element_menu_joueur a
{
	text-decoration: none;
        color: black;
}

.element_menu_joueur a:hover
{
    text-decoration: underline;
}

.element_menu_mondes a
{
	text-decoration: none;
        color: black;
}

.element_menu_mondes a:hover
{
    text-decoration: underline;
}

.element_menu_acc a
{
	text-decoration: none;
        color: black;
}

.element_menu_acc a:hover
{
    text-decoration: underline;
}

.lien_joueur a:hover
{
	text-decoration: underline;
}

.pas_de_puces
{
	list-style-type: none;
}

.traits_menu
{
	font-size: 0.9em;
	color: grey;
}

.ban_princ
{    
	width: 950px;
    margin: auto;
	background-color: rgba(180,180,180,0.3);
	padding: 30px;

	border-radius: 14px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 14px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 14px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 14px;
 behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

.ban_princ a
{
    text-decoration: none;
}

.largeur_cages
{
	width: 50%;
}

.dimentions_ban_combos
{
text-align: justify;
padding-left: 15px;
padding-right: 20px;
text-indent: 20px;	
}

/*.dimentions_ban_reste
{
	overflow: hidden;
	max-height: 188px;
text-align: justify;
padding-left: 15px;
padding-right: 15px;
text-indent: 20px;
}*/

td
{
	padding: 4px;
}

thead
{
	padding: 10px;
}

.colonnes_musique
{
	margin: auto;
	width: 84%;
	text-align: center;
}

.colonnes_musique td
{
	min-width: 55%;
}

.colonnes_musique a
{
	text-decoration: none;
}

.colonnes_musique a:hover
{
	text-decoration: underline;
}

.niveau
{
	text-decoration: underline;
	font-size: 1.2em;
}

.diff_facile
{
	font-size: 1.1em;
	font-weight: bold;
	color: green;
}

.diff_moyen
{
	font-size: 1.1em;
	font-weight: bold;
	color: orange;
 
}

.diff_diff
{
	font-size: 1.1em;
	font-weight: bold;
	color: red;
}

.diff_extrem
{
	font-size: 1.2em;
	font-weight: bold;
	color: brown;
	text-decoration: underline;
}

.souligne
{
	text-decoration: underline;
}

.gros
{
	font-size: 1.2em;
}

.moyen
{
	font-size: 1.1em;
}

.petit
{
	font-size: 0.8em;
}

.inline
{
	display: inline;
}

.gauche
{
	text-align: left;
}

.droite
{
	text-align: right;
}

table img
{
		
	border: 6px outset black;

		border-radius: 15px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 15px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 15px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 15px;
behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */

}

.bord_images
{
		border: 6px outset black;

		border-radius: 15px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 15px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 15px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 15px;
behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

.visiteurs
{
	background-color: green;
	color: white;
	font-weight: bold;
	font-size: 1.1em;
}

.sign_mand
{
	text-align: right;
	font-style: italic;
	font-size: 1.1em;
}

.or_livre
{
	color: rgb(255,215,0);
	font-weight: bold;
	font-size: 1.1em;
}

.type_musique
{
	text-align: center;
	font-weight: bold;
	/*color: rgb(181,181,181);*/
}

.musique_generique
{
    text-indent: 30px;
    font-size: 1.1em;
    /*color: white;*/
}

.centre
{
	text-align: center;
}

.img_gauche
{
	float: left;
	width: 30%;
}

.img_centre
{
	float: left;
	width: 30%;
}

.img_droite
{
	float: right;
	width: 30%;
}

.calage_logo
{
	position: relative;
	bottom: 8px;
	right: 20px;
}

.calage_texte
{
	position: relative;
	bottom: 118px;
	padding: 22px;
	font-size: 0.9em;
}

.calage_mail
{
	position: relative;
	right: 22px;
}

.calage_titre_principal
{
	position: relative;
	bottom: 0px;
	right: 0px;
	margin: auto;
	display: block;
}

.calage_loc
{
	font-size: 0.85em;
	text-align: right;
	position: relative;
	bottom: 8px;
}

.calage_fl_hor
{
	position: relative;
	top: 2px;
	left: 8px;
}

.calage_sous_menu1
{
	position: relative;
	left: 19px;
}

.calage_sous_menu2
{
	position: relative;
	right: 14px;
}

.calage_sous_menu3
{
	position: relative;
	left: 26px;
}

.calage_sous_menu4
{
	position: relative;
	left: 26px;
}

.flot_dr
{
	float: right;
}

.puces_carrees
{
	list-style-type: square;
}

.puces_cercles
{
	list-style-type: circle;
}


.cadre_message
{
	border: 2px outset;
	padding: 12px;
	margin-bottom: 25px;
width: 85%;
margin-left: auto;
margin-right: auto;

border-radius: 10px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 10px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 10px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 10px;
behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

.cadre_message_surligne
{
	background-color: rgba(200, 200, 200, 0.8);
	border: 2px outset;
	padding: 12px;
	margin-bottom: 25px;
width: 85%;
margin-left: auto;
margin-right: auto;

border-radius: 10px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 10px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 10px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 10px;
behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

.pseudo
{
	border-bottom: 1px dashed;
	padding: 6px;
}

input
{
   font-family: Arial, "Times New Roman", serif;
   font-weight: bold;
}

textarea
{
   font-family: Arial, "Times New Roman", serif;
}

input:focus
{
   background-color: rgb(235,235,235);
}

textarea:focus
{
   background-color: rgb(248,248,248);
}

.tableau_debut
{
	width: 80%;
background-color: rgba(255,255,255,0.6);
text-align: center;
margin: auto;
margin-top: 40px;

border-radius: 12px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 12px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 12px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 12px;
 behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */


}

.tableau_debut td
{
   padding: 10px;
/*border: 1px dotted black;*/

 border-radius: 12px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 12px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 12px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 12px;
 behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

.tableau_debut2
{
	width: 100%;
background-color: rgba(255,255,255,0.6);
text-align: center;
margin: auto;

border-radius: 10px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 10px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 10px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 10px;
 behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

.tableau_debut2 td
{
   padding: 5px;

 border-radius: 10px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 10px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 10px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 10px;
 behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

.tableau_anciens_sondages
{
	border: 1px solid;
	margin: auto;
	padding: 8px;
	width: 46%;
	background-color: rgba(255, 255, 255, 0.7);
	
	 border-radius: 8px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 8px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 8px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 8px;
 behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

.tableau_stats
{
	text-align: center;
	padding: 4px;
	border-collapse: collapse;
}

.images_passages
{
		width: 100%;
		text-align: center;
}

.images_passages img
{
	
		border: 6px outset black;

		border-radius: 15px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 15px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 15px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 15px;
behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

.prem_col
{
	font-weight: bold;
	
	-moz-box-shadow: 0px 9px 6px #888; /* Pour Mozilla Firefox */
 -webkit-box-shadow: 0px 9px 6px #888; /* Pour les navigateurs utilisant le moteur WebKit */
 box-shadow: 0px 9px 6px #888; /* Fonctionne pour Google Chrome/Chromium */
 -o-box-shadow: 0px 9px 6px #888;
}

.mat_trib
{
	display: inline;
	border: none;
}

.sol_alt
{

	background-color: rgba(190, 190, 190, 0.9);	
	padding: 20px;
	
		border-radius: 20px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 20px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 20px; /* Pour les navigateurs utilisant le moteur WebKit */
-o-border-radius: 20px;
behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

.liste_index
{
	margin: auto;
	padding: 8px;
	width: 80%;
	font-size: 1.2em;
	background-color: rgba(255, 255, 255, 0.7);
	
	border-radius: 16px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 16px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 16px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 16px;
behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

.block_cages
{
	margin: auto;
	width: 900px;
	background-color: rgba(255, 255, 255, 0.65);	
	padding: 12px;
	
	border: 2px outset;

		border-radius: 12px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 12px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 12px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 12px;
behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

/*.text_stats
{
	text-align: center;
margin: auto;
}*/

.cent
{
	width: 100%;
	text-align: right;
}

.lucida
{
	font-family: "Lucida Console", serif;
}

.taille_image
{
	width: 224px;
}

.surligne
{
	background: rgba(255, 255, 255, 0.65);
	
		
border-radius: 8px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 8px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 8px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 8px;
behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}


/*http://tools.pingdom.com/*/

.design_stats
{
	float: right;
	background: rgba(255, 255, 255, 0.7);
	padding: 20px;
	text-align: center;
	
	border-radius: 10px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 10px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 10px; /* Pour les navigateurs utilisant le moteur WebKit */
 -o-border-radius: 10px;
behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
}

.hier
{
	font-size: 0.8em;
	border-top: 1px dotted gray;
	border-bottom: 1px dotted gray;
	padding: 6px;
	margin-top: 12px;
}