body
{   
	/*width: 1000px;*/   
	margin: auto;   
	margin-top: 0px;   
	margin-bottom: 0px; 
	background-image: url(""); 
	background-color: #000000;
}

#total
{   
	width: 1000px;   
	margin: auto; 
	margin-top: 0px;
	margin-bottom: 0px;  
    background-image: url(""); 
	background-color: #ffffff;
}

/* L'en-tête */
#en_tete
{
	width: 1000px; 
	height: 200px; 
	background-image: url("images/header/Banniere_ASPTT_1000x170.jpg"); 
	background-repeat: no-repeat; 
	margin-bottom: 0px;  
	background-color: #041d77;
}

#google_search
{	
	margin-left: 10px;	
	margin-top: -0.6em;
}

#google_search .labelGoogle
{	
	color:#ffffff;	
	/*font-weight: bold;*/	
	/*background-color: #ffffff;*/	
	font-size: 80%;
}

#PTT_link
{  
	margin-left: 805px;  
	margin-top: -2.7em;
}
	
#PTT_link a
{
	height: 52px;
	width: 190px; 
	display : block;
}

#PTT_pub
{
	margin-left: 480px; 
	margin-top: 1.7em;
}

/* Le menu */
#menu
{ 
	background-image: url("images/menu/degrade.png"); 
	background-repeat: repeat-x; 
	/*background-position:0% 0%; */
	background-position: top left;  
	/*background-color: #041d77;*/ 
	/*BLEU*/
	background-color: #74b9fa;   
	/*background-color: #dddddd;*/
	float: left; 
	width: 190px;
	padding: 0px;
	margin-top: 0px;  
	margin-left: 0px; 
	color: white;
}

/*les sponsors*/
#sponsor
{
	/* background-image: url("images/menu/degrade.png"); 
	background-repeat: repeat-x;
	background-position: top left; */ 
	background-color: #FFFFFF;  
	/*float: right;*/  
	/*width: 201px;*/  
	/*height: 58px;*/
	padding: 0px;   
	margin-top: 0px;  
	margin-left: 0px;  
	color: white;
	border:1px inset #74b9fa;
}

#sponsor#titre
{
}

#menuOverlay
{
	padding: 0px;	
	margin: 0px;  
	/*background-image: url("images/menu/overlayMenu.gif");  
	background-repeat: repeat-y; 
	background-position: right; */
}

#redirection	
{	
	color:#00F000;	
	background-color: #ffffff;	
	font-weight: bold ;
}

.connexion
{
	/*width: 170px;*/	
	color: #000000;	
	height: 145px;  
	background-image:url("images/menu/login/connexion.png"); 
	background-repeat:no-repeat;  
	background-position: top; 
	margin: 0px;   
	padding-top: 2.9em;  
	padding-left: 1.5em;
}

.connexion input.champs
{
	margin-top: 0.6em;	
	width: 10em;
}

.connexion input.case
{
	margin-top: 0.6em;	
	width: 1.5em;
}

.connexion input.bouton
{	
	margin-top: 0.6em;	
	width: 6em;	
}

.connexion .inscription
{
	width:135px;	
	font-size: 70%;	
	text-align:center;	
	margin-top: 0.5em;
}

.connexion .inscription a
{
	color:white;	
	text-decoration:none;	
	background-color: #c10509;
}

.connexion .inscription a:hover
{
	color:white;	
	text-decoration:underline;	
	background-color:red
}

.connected
{
	color: #000000; 
	/*width:170px;*/	
	height:145px; 
	background-image: url("images/menu/login/connected.png");
	background-repeat: no-repeat; 
	background-position: top; 
	margin-top: 0px;
	margin-left: 0px;	
	margin-bottom: 0px; 
	padding-top: 3em; 
	padding-left: 15px;
}

.connected .name
{	
	width:155px;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif; 
	font-weight: bold ;
	text-align: center;
}

.connected .ip
{	
	width: 155px;
	font-size: 70%; 
	text-align: center;
}

.connected .groupe
{	
	width:155px;
	text-align:center;
}

.connected .deconnexion
{
	margin-top: 1em;
	width: 155px;
	font-size: 70%;  
	text-align: center;
}

.connected .control
{
    margin-left: 2px;	
	margin-top: 0.7em;	
	width:152px;
	font-size: 70%; 
	text-align:center;
}

.element_menu
{
   /*background-image: url("images/menu/overlayMenu.png");   background-repeat: repeat-y;   background-position: right; */ 
   margin-top:0px; 
   padding-top:10px;
   margin-bottom:0px;  
   padding-bottom:0px;
}

/*--------------------------------MENU1-----------------------------------*/
.element_menu #menu1Header
{	
	width: 170px ;
	height: 39px ;
	background: url("images/menu/actualitesHeader.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.element_menu #accueil
{
	width: 170px ;
	height: 39px ;
}

.element_menu #accueil a
{
	display: block ;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;
	height: 39px ;
	line-height: 39px ;
	background: url("images/menu/boutonAccueil.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.element_menu #accueil a:hover
{
	background: url("images/menu/boutonAccueil.png") no-repeat 0 -39px ;
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

.element_menu #liveTT
{
	width: 170px ;
	height: 39px ;
}

.element_menu #liveTT a
{
	display: block ;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;
	height: 39px ;
	line-height: 39px ;
	background: url("images/menu/boutonLive.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.element_menu #liveTT a:hover
{
	background: url("images/menu/boutonLive.png") no-repeat 0 -39px ;
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

.element_menu #presse
{
	width: 170px ;
	height: 39px ;
}

.element_menu #presse a
{
	display: block ;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;
	height: 39px ;
	line-height: 39px ;
	background: url("images/menu/boutonPresse.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.element_menu #presse a:hover
{
	background: url("images/menu/boutonPresse.png") no-repeat 0 -39px ; 
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.element_menu #evenements
{	
	width: 170px ;
	height: 39px ;
}

.element_menu #evenements a
{
	display: block ; 
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	width: 170px ;
	height: 39px ;	
	line-height: 39px ;
	background: url("images/menu/boutonEvenements.png") no-repeat 0 0 ; 
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #evenements a:hover
{
	background: url("images/menu/boutonEvenements.png") no-repeat 0 -39px ;
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.element_menu #photos
{
	width: 170px ;
	height: 39px ;
}
.element_menu #photos a
{
	display: block ;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	width: 170px ;
	height: 39px ;	
	line-height: 39px ;	
	background: url("images/menu/boutonPhotos.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #photos a:hover
{
	background: url("images/menu/boutonPhotos.png") no-repeat 0 -39px ; 
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.element_menu #tv
{
	width: 170px ;
	height: 39px ;
}
.element_menu #tv a
{	
	display: block ; 
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	width: 170px ;
	height: 39px ;	
	line-height: 39px ;	
	background: url("images/menu/boutonTv.png") no-repeat 0 0 ; 
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #tv a:hover
{
	background: url("images/menu/boutonTv.png") no-repeat 0 -39px ; 
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/*--------------------------------MENU2-----------------------------------*/
.element_menu #menu2Header
{
	width: 170px ;
	height: 39px ;
	background: url("images/menu/aspttHeader.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #club
{
	width: 170px ;
	height: 39px ;
}
.element_menu #club a
{
	display: block ;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	width: 170px ;
	height: 39px ;
	line-height: 39px ;
	background: url("images/menu/boutonClub.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #club a:hover
{
	background: url("images/menu/boutonClub.png") no-repeat 0 -39px ;
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.element_menu #inscription
{
	width: 170px ;	
	height: 39px ;
}
.element_menu #inscription a
{
	display: block ; 
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	width: 170px ;	
	height: 39px ;	
	line-height: 39px ;
	background: url("images/menu/boutonInscription.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #inscription a:hover
{	
	background: url("images/menu/boutonInscription.png") no-repeat 0 -39px ; 
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.element_menu #classement
{
	width: 170px ;
	height: 39px ;
}
.element_menu #classement a
{
	display: block ;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	width: 170px ;
	height: 39px ;	
	line-height: 39px ;
	background: url("images/menu/boutonClassement.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #classement a:hover
{
	background: url("images/menu/boutonClassement.png") no-repeat 0 -39px ;
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.element_menu #championnat
{
	width: 170px ;
	height: 39px ;
}
.element_menu #championnat a
{
	display: block ;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	width: 170px ;	
	height: 39px ;	
	line-height: 39px ;
	background: url("images/menu/boutonChampionnat.png") no-repeat 0 0 ; 
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #championnat a:hover
{	
	background: url("images/menu/boutonChampionnat.png") no-repeat 0 -39px ; 
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.element_menu #recrutement
{
	width: 170px ;	
	height: 39px ;
}
.element_menu #recrutement a
{
	display: block ;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	width: 170px ;
	height: 39px ;
	line-height: 39px ;
	background: url("images/menu/boutonRecrutement.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #recrutement a:hover
{
	background: url("images/menu/boutonRecrutement.png") no-repeat 0 -39px ;
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.element_menu #sponsors
{
	width: 170px ;
	height: 39px ;
}
.element_menu #sponsors a
{
	display: block ; 
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	width: 170px ;	
	height: 39px ;	
	line-height: 39px ;
	background: url("images/menu/boutonSponsors.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #sponsors a:hover
{
	background: url("images/menu/boutonSponsors.png") no-repeat 0 -39px ; 
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.element_menu #plan
{
	width: 170px ;
	height: 39px ;
}
.element_menu #plan a
{
	display: block ;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;	
	height: 39px ;
	line-height: 39px ;	
	background: url("images/menu/boutonPlan.png") no-repeat 0 0 ; 
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #plan a:hover
{
	background: url("images/menu/boutonPlan.png") no-repeat 0 -39px ;
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/*----------------------------------MENU3---------------------*/
.element_menu #menu3Header
{
	width: 170px ;
	height: 39px ;
	background: url("images/menu/communicationHeader.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #forum
{
	width: 170px ;
	height: 39px ;
}
.element_menu #forum a
{	
	display: block ;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	width: 170px ;
	height: 39px ;	
	line-height: 39px ;
	background: url("images/menu/boutonForum.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #forum a:hover
{
	background: url("images/menu/boutonForum.png") no-repeat 0 -39px ; 
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.element_menu #contacts
{
	width: 170px ;
	height: 39px ;
}
.element_menu #contacts a
{
	display: block ;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;	
	height: 39px ;	
	line-height: 39px ;
	background: url("images/menu/boutonContacts.png") no-repeat 0 0 ; 
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #contacts a:hover
{
	background: url("images/menu/boutonContacts.png") no-repeat 0 -39px ; 
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/*--------------------MENU4--------------------------*/
.element_menu #menu4Header
{
	width: 170px ;	
	height: 39px ;	
	background: url("images/menu/diversHeader.png") no-repeat 0 0 ; 
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #archives
{
	width: 170px ;
	height: 39px ;
}
.element_menu #archives a
{
	display: block ;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	width: 170px ;
	height: 39px ;
	line-height: 39px ;
	background: url("images/menu/boutonArchives.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #archives a:hover
{	
	background: url("images/menu/boutonArchives.png") no-repeat 0 -39px ;
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.element_menu #telechargements
{
	width: 170px ;	
	height: 39px ;
}
.element_menu #telechargements a
{
	display: block ;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	width: 170px ;
	height: 39px ;
	line-height: 39px ;	
	background: url("images/menu/boutonTelechargements.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #telechargements a:hover
{
	background: url("images/menu/boutonTelechargements.png") no-repeat 0 -39px ; 
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.element_menu #annuaire
{
	width: 170px ;
	height: 39px ;
}
.element_menu #annuaire a
{
	display: block ;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	width: 170px ;
	height: 39px ;	
	line-height: 39px ;	
	background: url("images/menu/boutonAnnuaire.png") no-repeat 0 0 ;
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #annuaire a:hover
{
	background: url("images/menu/boutonAnnuaire.png") no-repeat 0 -39px ;
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.element_menu #liens
{	
	width: 170px ;
	height: 39px ;
}
.element_menu #liens a
{
	display: block ;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	width: 170px ;
	height: 39px ;	
	line-height: 39px ;
	background: url("images/menu/boutonLiens.png") no-repeat 0 0 ; 
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
.element_menu #liens a:hover
{
	background: url("images/menu/boutonLiens.png") no-repeat 0 -39px ; 
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.element_menu .menuFooter
{
	width: 170px ;
	height: 29px ;
	background: url("images/menu/footer.png") no-repeat 0 0 ; 
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

/*-----------------SUITE------------*/	
.autre
{
	width:170px;
	/*background-image: url("images/menu/overlayMenu.png");   background-repeat: repeat-y;   background-position: top right;*/ 
	margin-top: 0px; 
	padding-top:20px;  
	margin-bottom:0px;  
	padding-bottom:0px; 
	text-align: center;
}  
.autre2
{ 
  /*background-image: url("images/menu/overlayMenu.png");   background-repeat: repeat-y;   background-position: top right; */   
  margin-top: 0px;
  padding-left:10px; 
  margin-bottom:0px; 
  padding-bottom:0px;
}
.autre2 .contenu
{	
	width:155px;
	text-align:center;
}
.petit
{	
  	color: #FFFFFF;	
	background-color: #AA0000;
	font-weight: bold;
	font-size: 80%;
}
.fin_menu
{ 
  margin-top: 0px;
  padding-top: 0px;
  height: 12px;
  background-position: bottom left; 
  /*background-image: url("images/menu/imagetamponBottom.png");*/ 
  background-repeat: no-repeat;
}

/* Quelques effets sur les menus */
.element_menu h3 /* Tous les titres de menus */
{   
   color: #000000; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

/* Le corps de la page */
#corps
{
	/*width: 830px;*/ 
	margin-left: 190px;  
	margin-bottom: 20px; 
	padding: 10px;   
	color: #000000;  
	background-color: #FFFFFF;
}
#corps h1
{
	color: #000000;	
	padding-top:5px;
	width:300px;	
	height:50px;	
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	background-image: url("images/titres/titre.png");
	background-repeat: no-repeat;
}
#corps h2
{ 
  height: 30px;
  background-image: url("images/titre.gif");
  background-repeat: no-repeat;
  padding-left: 30px; 
  color: #000000;
  text-align: left;
}
.#corps h3:first-letter 
{
	font-weight: bold ;
	color:#E00000; 
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page
{
	width: 998px;   
	margin-top: 10px;	
	clear: both;  
	/*padding: 5px;*/
	text-align: center; 
	color: #000000; 
	background-color: #99ccff; 
	background-position:bottom;
	background-repeat: no-repeat;
	border:2px outset #88bbff;
}
#pied_de_page #copyright
{ 
  text-align: center;  
  color: #99ccff;  
  background-color: #000000;
}
form
{
	margin:auto;
}