body
{
width: 95%;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px;    /* Idem pour le bas du navigateur */
background-color: rgb(226,226,226); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
text-decoration: none;
}

#titre
{
display: block;
width: 100%;
height: 100px;
text-align: center; /* Pour centrer le titre */
background-repeat: no-repeat;
margin-bottom: 10px;
}

/* Le menu */

#titremenu

{
	position: center; 
	font-size: 0.9em;
	color: #e2e2e2; 
	font-weight: bold;
}

#menu0
{
   float: left; /* Le menu flottera à gauche */
   
   width: 200px; /* Très important : donner une taille au menu */
   min-height: 820px;
   text-align: center;
}

.element_menu
{

   
   background: url('../images/bouton/droite_titre.png');
   background-color: #626262;
  
   background-repeat: repeat-x;
   
   border: 0.5px solid black;
   min-height: 175px;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_menu1
{
   
   background: url('../images/bouton/droite_titre.png') no-repeat;
   background-color: #626262;
   background-repeat: repeat-x;
   
   border: 0.5px solid black;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   min-height: 225px;
}

.element_menu2
{
   
   background: url('../images/bouton/droite_titre.png') no-repeat;
   background-color: #626262;
   background-repeat: repeat-x;
   
   border: 0.5px solid black;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   min-height: 410px;
}

#menu1
{
   
   float: right; /* Le menu flottera à gauche */
   height: 820px;
   width: 200px; /* Très important : donner une taille au menu */
   text-align: center;

}

.element_menu3
{
   
	background: url('../images/bouton/droite_titre.png') no-repeat;
	background-color: #626262;
	background-repeat: repeat-x;
   
	border: 0.5px solid black;
   
	margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

#menu2/*menu des utilisateur*/
{


background-position: center top;
width: 100%;
height: 150px;
margin-top: 15px;
}




.utilisateur1
{
margin-left: 2%;
margin-top: 15px;
float:left;
}

.utilisateur2
{
margin-left: 2%;
margin-top: 15px;
float:left;
}

.utilisateur3
{
margin-right: 2%;
margin-top: 15px;
float:right;
}

.utilisateur4
{
margin-right: 2%;
margin-top: 15px;
float:right;
}

.utilisateur5
{
margin-right: 2%;
margin-top: 15px;
float:right;
}

#menu3
{


background-position: center top;
margin-top: 10px;
height: 150px;
width: 100%;


}
.admin1
{
margin-left: 2%;
margin-top: 15px;
float:left;
}

.admin2
{
margin-left: 2%;
margin-top: 15px;
float:left;
}

.admin3
{
margin-left: 2%;
margin-top: 15px;
float:left;
}

.admin4
{
margin-right: 2%;
margin-top: 15px;
float:right;
}

.admin5
{
margin-right: 2%;
margin-top: 15px;
float:right;
}

.admin6
{
margin-right: 2%;
margin-top: 15px;
float:right;
}

.admin7
{
margin-right: 2%;
margin-top: 15px;
float:right;
}

.admin8
{
margin-left: 2%;
margin-top: 15px;
float:left;
}

.admin9
{
margin-right: 2%;
margin-top: 15px;
float:right;
}
.admin10
{
margin-right: 2%;
margin-top: 15px;
float:right;
}
.admin11
{
margin-right: 2%;
margin-top: 15px;
float:right;
}
.admin12
{
margin-right: 2%;
margin-top: 15px;
float:right;
}

.news
{
width: 80%; /* Très important : donner une taille au menu */
color: #fff;
margin-top: 20px;
margin-left:10%;
margin-right:10%;
background-color: #73808c; /* Une couleur de fond pour le corps */
border: 0.5px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

.titrenews
{
background-color: blue; /* Une couleur de fond pour le corps */
text-align: center; /* Pour centrer le titre */
   	background: url('../images/bouton/news_bg_large.png') no-repeat;
border: 0.5px solid black;
}
.datenews
{
background-color: #4570d0; /* Une couleur de fond pour le corps */
text-align: center; /* Pour centrer le titre */


}
.server
{
	width: 45%;
	margin-left:25%;
	margin-top:5%;
	border: 0.5px solid black;
	background: url('../images/menuclient/fondserv.png') repeat;
	background-repeat: repeat;
	background-color: #73808c; /* Une couleur de fond pour le corps */
	text-align: center;
	color: #e2e2e2; 
	font-weight: bold;
}

.server1
{
	width: 45%;
	margin-left:25%;
	margin-top:5%;
	border: 0.5px solid black;
	background: url('../images/menuclient/fondserv.png') repeat;
	background-repeat: repeat;
	background-color: #73808c; /* Une couleur de fond pour le corps */
	text-align: center;
	color: #e2e2e2; 
	font-weight: bold;
}

.listejeux
{
display: block;

height:100%;

margin: auto;

}

#tarif
{
width: 75%; /* Très important : donner une taille au menu */
height:100%;
margin-left:25%;
margin: auto;
padding-top:2%;
padding-bottom:2%;

}

.duree_locg
{
width: 100%; /* Très important : donner une taille au menu */
margin-top:5px;
margin-bottom:2%;
}

.duree_l
{
margin-left:14%;
margin-right:5%;
margin-top:2%;
padding-left:2%;
padding-right:2%;
text-align: center; /* Pour centrer le titre */
background-color: blue; /* Une couleur de fond pour le corps */
}

.duree_loc
{
margin-left:0%;
margin-right:5%;
margin-top:2%;
padding-left:2%;
padding-right:2%;
text-align: center; /* Pour centrer le titre */
background-color: blue; /* Une couleur de fond pour le corps */
}

.slot_prix
{
margin-top:2%;
margin-bottom:2%;
width: 100%; /* Très important : donner une taille au menu */

}

.nbre_slot
{

margin-left:2%;
margin-right:3%;
margin-top:2%;
margin-bottom:2%;
padding-left:2%;
padding-right:2%;
text-align: center; /* Pour centrer le titre */
background-color: blue; /* Une couleur de fond pour le corps */
}

.prix1
{
margin-left:0%;
margin-top:2%;
padding-left:2%;
padding-right:2%;
text-align: right; /* Pour centrer le titre */
}

.prix
{
color: blue;
text-decoration: none;
}

.prix2
{
color: blue;
text-decoration: none;
}

#accueil
{
	margin-left: 210px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-right: 210px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	min-height: 850px;
	padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	color: #B3B3B3;
	background-image: url('../images/bouton/news_bg_large02.png');
	;background-color: #626262; /* Une couleur de fond pour le corps */
;	background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
	border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#niveau
{
margin-bottom: 0px ;
}

#locationservervocaux
{
color: #fff;
text-align:center;
}

#tableauxpricipal
{
width: 90%;
margin-left: 5%;
text-align:center;
color: #fff;
}
.cellulets
{
width: 30%;
height: 50px;
}

#tableauxpricipal2
{
width: 90%;
margin-left: 5%;
text-align:center;
color: #fff;
}

#teamspeak3
{
width: 90%;
margin-left: 5%;
text-align:center;
color:#000;
}

#tarif_serv_vocaux
{
width: 50%;
margin-left: 25%;
text-align:center;
color: #fff;
}
#bas
{
width: 99%;
height: 100px;
   padding: 5px;

   text-align: center;

   color: #B3B3B3;
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
}

h1
{
   color: #e2e2e2;
   margin-left: 0.5%;
   text-shadow: 10px 10px 10px #000000;
   font-weight: bold;
}
h2
{
   color: #e2e2e2;
   margin-left: 0.5%;
   text-shadow: 10px 10px 10px #000000;
   font-weight: bold;
}
h3
{
   color: #e2e2e2;
   margin-left: 0.5%;
   text-shadow: 10px 10px 10px #000000;
   font-weight: bold;
}
h4
{
   color: #e2e2e2;
   margin-left: 0.5%;
   text-shadow: 10px 10px 10px #000000;
   font-weight: bold;
 }