@charset "utf-8";
/* CSS Document */

body {
    background-image:url("../images/fond.png");
	background-repeat: repeat-x;
	background-color : #14467b;

}
body,td,th {
	font-size: 14px;
}

/* Conteneur principal*/
.conteneur {
  width:965px;
  margin: 0 auto; 
}

.conteneur_pop_up {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
}

/* Div bannière supérieure */
.banniere {
  float : left;
  width: 845px;
  height: 129px;
  background-image : url('../images/baniere-fond.png');
  background-repeat : no-repeat;
 }

/* Div du login inclus dans la bannière */
.login { 
  float : left;
  margin-top : 90px;
  margin-left : 360px;
  width: 530px;
  height: 25px;
  color : #FFFFFF;
  font-size : 15px ;
} 		

.login a { 
  color : #FFFFFF;
  font-size : 10px ;
  text-decoration : none;
}

.login a:hover { 
  color : #000000;
}
 	

/* Div menu gauche */
.menu_gauche {
  float : left;
  width : 175px;
  height: 600px;
  background-color: transparent;
  background-image:url("../images/menu-V-fond-logo600.png");
  background-repeat : no-repeat;
}

.menu_gauche_haut {
  width : 175px;
  height : 21px;
  background-color: transparent;
  background-image:url("../images/menu-V-bze-haut.png");
  background-repeat : no-repeat;
}

.menu_gauche_bas {
  width : 175px;
  height : 24px;
  background-color: transparent;
  background-image:url("../images/menu-V-bze-bas.png");
  background-repeat : no-repeat;
}

.menu {
     padding: 5px 0px 5px 0px;
     margin: 0px;
     width: 175px;
	 background-image : url("../images/menu-V-bze-milieu.png");
}

.menu li {
   margin: 5px;
   text-align : center;
   font-size : 18px;
}

.menu li a {
	/* pour que le lien prenne toute la largeur **/
	color: #fff;
	background: transparent;
	text-decoration : none;
	outline : none;
 }
 
.menu li a:hover {
	/* sans image le background redevient noir, et le lien blanc, toujours lisible ! */
	background: transparent;
	color: #000;
	text-decoration : none;
	outline : none;
  }


.menu_haut {
 
  float : left;
  width: 650px;
  height:24px;
  background-color: transparent;

 
}

#elt_menu_haut {
 padding-right : 20px;
   list-style: none;
   float : right;
   height: 28px;

   font-family: verdana;
}

#elt_menu_haut li {
   
   text-align : center;
   float : right;
   width : 101px;
   height: 28px;
   font-size: 14px;
   background-image: url('../images/menu-H-btn_fond.png');
}

#elt_menu_haut li a {
	text-decoration: none;
	outline : none;
	color: #fff;
	background: transparent;
}

 #elt_menu_haut li a:hover {
	/* sans image le background redevient noir, et le lien blanc, toujours lisible ! */
	background: transparent;
	outline : none;
	color: #000;
  }


.photos {
float: left;
width  : 250px;
height : 150px;
background-color: transparent;
}

.contenu_global {
  float : left;
  width : 650px;
  height : 600px;
}

.pub_droite {
float : left;
  width : 120px;
  height : 600px;
}

.contenu {
float: left;
width: 650px;
height: 520px;
background-color : transparent;
background-image : url('../images/bloc-centre-centre.png');

}  

.contenu_pop_up{
float: left;
width: 650px;
height: 600px;
background-color : transparent;
background-image : url('../images/bloc-centre-centre.png');
}

.contenu_pop_up_texte {
color : #333333;
margin-left: auto;
margin-right: auto;
width: 618px;
height: 600px;
font-size : 12px;
background-color : transparent;
overflow : auto;

}

.contenu_pop_up_texte p {
 margin-left : 40px;
 margin-right : 15px; 
 font-size : 14px;
 text-align : justify; 
}

.contenu_pop_up_texte li {
 margin-left : 40px;
 margin-right : 15px; 
 font-size : 14px;
 text-align : left;
 /* list-style-image: url('../images/logo_puce.png');*/
  
}


.contenu_pop_up_texte a {
font-size : 14px;
text-decoration : underline; 
outline : none;
}

.contenu_pop_up_texte  a:hover{
font-size : 14px;
color : #000000;


}



.contenu_haut{
float:left;
background-color : transparent;
background-image : url('../images/bloc-centre-haut.png');
width: 650px;
height : 30px;
font-size : 24px;
overflow : none
}

.contenu_bas{
float: left;
background-color : transparent;
background-image : url('../images/bloc-centre-bas.png');
width: 650px;
height : 30px;
overflow : none
}

.infoDate_pop_up{
	float: right;
	margin-right: 100px;
	clear: left;
}

.contenu_texte {
color : #333333;
margin-left: auto;
margin-right: auto;
width: 618px;
height: 520px;
font-size : 14px;
background-color : transparent;
overflow : auto;

}

.contenu_texte p {
 margin-left : 40px;
 margin-right : 15px; 
 font-size : 14px;
 text-align : justify; 
}

.contenu_texte li {
 margin-left : 45px;
 margin-right : 15px; 
 font-size : 14px;
 text-align : left;
 /*list-style-image: url('../images/logo_puce.png');*/
  
}


.contenu_texte a {
font-size : 14px;
text-decoration : underline; 
outline : none;
}

.contenu_texte  a:hover{
font-size : 14px;
color : #000000;


}


.titre1 {
 margin-bottom : 10px;
 margin-left : 5px;
 margin-right : 5px;
 border-top : solid 1px;
 border-bottom : dashed 1px;
 color : #1A1A1A;
 font-size : 18px;

}

.titre2 {
 margin-bottom : 5px;
 margin-left : 30px;
 margin-right : 15px; 
 color : #1A1A1A;
 font-size : 16px;
 border-bottom : solid 1px;
}

.titre3 {
 margin-bottom : 3px;
 margin-left : 40px;
 margin-right : 15px; 
 color : #1A1A1A;
 font-size : 14px;
 border-bottom : solid 1px;
}

.centrerTitre{
	magin-left: auto;
	margin-right: auto;
	text-align:center;
}


.contenu400 {
margin: auto;
float: left;
width: 400px;
height: 250px;
font-size : 12px;
background-color : #d2fedb;
overflow : none;
}  

#adr {
 width:  400px;
 margin : auto;
 padding : 10px ; 
 color : #333333;
 font-size : 12px;
 border : solid 1px;
 text-align : center
}

}



.contenu p {
 font-size : 14px;
  color : #333333;

}

.contenu ul,li {
 list-style-type : none;
 font-size : 14px;
}

.eltright {
  float : left;
  width : 400px;
  height : 25px;
  color : #333333;
  
}

.eltleft {
  float : left;
  color : #333333;
  width : 200px;
  height : 25px;
}

.contenu elt {
  float : left;
  color : #333333;
  width : 600px;
}

#logotrans {
  padding-top : 3px;
  padding-right : 25px;
  float : right;
  bottom : 35px;
  right : 5px;
}

.liens {

float:left;
padding-top : 6px;
width: 825px;
height: 55px;
background-color:transparent;
background-image: url('../images/pied-de-page-fond.png');
text-align : center;
font-size : 14px;
color : #fff;
}  


.liens a {
	/* pour que le lien prenne toute la largeur **/
	padding-left : 10px;
	padding-right : 10px;
	outline : none;
	color: #fff;
	background: transparent;
	text-decoration : none;
 }
 
.liens a:hover {
	/* sans image le background redevient noir, et le lien blanc, toujours lisible ! */
	background: transparent;
	color: #000;
	outline : none;
	text-decoration : none;
  }

#flags  {
   float : right;
    padding-right : 20px;
}

#flags a img{
 border : none;
 outline : none;

}  

#flags a:hover {
 border : none;
 outline : none;
}  


  
.agenda {
float: right; 
}

.planning table{
	width: 250px;
	border: 2px solid #0a5c8f;
}

.planning table td{
	border: 1px solid #0a5c8f;
	background-color: white;
	text-align: center;
}

.planning table a{
	color: brown;
}

.planning table a:hover{
	color: red;
}


.details {
	float: left;
	width: 230px;
	height: 450px;
	overflow: none; 
	}  

.details h1 {
	color : black;
	font-size : 15px;
	} 
 
.details p {
	color : black;
	font-size : 10px;
	}
  

.pro {
 float: left;
 color : #333333;
 width : 580px;
 height : auto;
 margin-bottom : 0px;
 font-size : 15px;
 margin-top: 2px;
 border-top : solid 2px grey;
}


.pro h1 {
 color : #1A1A1A;
 font-size : 14px;
}

.desc_pro {
 float: right;
 width : 310px;
 color : #333333;
 padding : 10px;
 font-size : 15px;
}

.desc_pro a {
 width : 310px;
 color : #333333;
 outline : none; 
}

.desc_pro a:hover {
 color : #1A1A1A;
}

.desc_pro_OL {
 width : 500px;
 margin-left: 60px;
 color : #333333;
 padding : 10px;
 font-size : 15px;
}

.logo_OL{
float: left;
 padding-top:15px;
 padding-left: 5px;
 padding-right: 5px;
 background-color: grey;
}

.titre_club {
 float : left;
 width : 500px;
 font-size : 18px;
 border-bottom : dashed 1px grey;
}

/*=========CSS class Achat =================*/
.achat {
  float : left;
  width : 580px;
  margin : 2px;
  padding : 5px;
  border : solid 1px ; 
}

/*=========CSS description club textarea===================*/
#desc_club {
 margin-left : auto;
 margin-right : auto;
 float : left;
 width : 600px;

};

/*=========CSS Formulaire d'inscription ===========*/
#formulaire {
 margin-left : auto;
 margin-right : auto;
 width: 600px;
}

#formulaire  eltright {
  float : left;
  width : 400px;
  height : 25px;
  
}

#formulaire  eltleft {
  float : left;
  width : 200px;
  height : 25px;
}

#formulaire  elt {
  float : left;
  width : 600px;
}

#formulaire a {
   text-decoration: underline overline ;
}

/*=========CSS Formulaire modif password ===========*/
#mod_password {
 margin-left : auto;
 margin-right : auto;
 width: 350px;
}

#mod_password  eltright {
  float : left;
  width : 150px;
  height : 25px;
  
}

#mod_password  eltleft {
  float : left;
  width : 200px;
  height : 25px;
}


/*=========CSS Liste clubs, joueurs, pro ===========*/
#liste {
 margin-left : auto;
 margin-right : auto;
 width: 580px;
}


/*=========CSS Carte Google ===========*/
#map_canvas {
  margin-left : auto;
  margin-right : auto;
  width: 580px;
  height: 350px;

}


/*=========CSS Filtre Pays et Zone ===========*/
#filtre {
  
  margin-left : auto;
  margin-right : auto;
  width: 580px;
}
#rfcountry {
 float : left;
 width : 285px;
}

#rfzone {
 float : left;
 width : 285px;

}

#filtre input {margin-top :10px;
}

/*=========CSS TABLEAU MESSAGE.PHP===============*/

#tab_messages{
	border: 2px solid #0a5c8f;
	padding: 4px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	}
	
#tab_messages td{
	border: 1px solid #0a5c8f;
	background-color: white;
	}

#tab_messages .col_head{
	font-weight: strong;
	color: red;
	}

#tab_messages .sender_link{
	color: black;
	text-decoration: none;
	}

#tab_messages .sender_link:hover{
	color: orange;
	}

#popup_read{
	font-size: 1.3em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	}
  


 /*==========CSS FICHE CLUB===========*/

 #bloc_desc_fich_club{
	display: block;
	position: relative;
	}

#score_club{
		float: right;
		}
	
#photo_club{
	position: relative;
	float: right;
	width: 250px;
	padding:5px;
	}
	
.titres{
	font-weight: bold;
	font-size : 12px;
	}
	
#commentaires_form{
	text-align: center;
	}
	
#com_post{
	width: 400px;
	height: 200px;
	}
	
#notation{ 
	width: 25px;
	height: 20px;
	}
	
#desc_pro{
	position: relative;
	}	
	
#tab_com{
	margin-left: auto;
	margin-right: auto
	}
	
#tab_com td{
	padding: 3px;
	border: 1px inset grey;
	background-color: white;
	}

#tab_com td.center_score{
	text-align: center;
	}

#lect_com{
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	max-width: 400px;
	border: 1px dotted black;
	font-size: 1.3em;
	}
	
.centrer{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
	
.departures_tables table{
	margin-left: auto;
	margin-right: auto;
	border : 1px outset black;
	}
	
.departures_tables td{
	border: 1px dotted black;
	}
	
.type_start{
	background-color: #a7cfab;
	}

.type_tournament{
	background-color: #ffb85b;
	}
	
.type_waiting{
	background-color: #cb9fd4;
	}

#legend_start{
	width: 50px;
	background-color: #a7cfab;
	}

#legend_tournament{
	width: 55px;
	background-color: #ffb85b;
	}

.pub_google{
  width : 945px;
  height : 90px;
}


/* CSS TABLEAU ONGLET EVENEMENT */

.events{

	}

.events a{
	
	text-decoration: none;
	color: orange;
	}

.events table{
	margin-top: 10px;
	border: 2px solid #0a5c8f;
	padding: 4px;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	}

.events table td{
	border: 1px solid #0a5c8f;
	background-color: white;
	padding-left: 3px;
	padding-right: 3px;
	}
	
.events .col_head{
	font-weight: strong;
	color: red;
	}
	
	
/*panneau admin*/

#bloc_statistique{
	margin-left:auto;
	margin-right: auto;
	}

.table_parameters {
	margin-top: 10px;
	border: 2px solid #0a5c8f;
	padding: 4px;
	width: 490px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	text-align: center;
	}

.table_parameters td{
	border: 1px solid #0a5c8f;
	background-color: white;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	}

.table_parameters .col_head{
	font-weight: strong;
	color: red;
	}
	
.messageinvisible
{
 visibility: hidden;
}

.messagevisible
{
 position : fixed;
 top : 0px;
 left : 0px;
 visibility: visible;
 font-size : 200%; 
 background-color: #DAEDFC;
 width: 800px;
 height: 800px;
}

/* CSS FICHE GREENSPECTION */

.score_gp{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 148px;

}

.diapo_gp{
float: right;
margin: 20px;
}

.comment_gp1{
margin-top: 200px;
margin-left:auto;
margin-right: auto;
width: 550px;
}

#comment_gpblock{
margin-top: 200px;
}