/* CSS Document */

h1,h2,h3 {	

	font-family:Arial Narrow, Arial, Helvetica, sans-serif;

	letter-spacing:-1px;

	color:#000000;

	border-bottom:2px solid #cccccc;

	background-image: url("images/backgrounds/balle.jpg");

	background-position:top right;

	background-repeat:no-repeat;

	padding-bottom:5px;

	padding-top:5px;

}


body {

	background-color:#DFF3D7;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:0.74em;

	color:#333333;

	line-height:20px;

	cursor:default;

	margin:0;

	background-image: url("images/backgrounds/main.jpg");

	background-position:49%;

	background-repeat:repeat-y;

}

#container {

	width:898px;

	padding-top:10px;
	
	background-color:#FFFFFF;
	
	background-position:center;

	margin:0 auto 0 auto;

}

#header {

	width:898px;

	background-color:#3F4A3E;

	height:208px;

	color:#FFFFFF;

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:150%;

	font-weight:bold;
	
}

#header h1 {

	color:#FFFFFF;

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:320%;

	font-weight:bold;

	padding:0;

	padding-top:25px;

	padding-left:340px;

	padding-bottom:25px;

	margin:0;

	border-bottom:2px solid #ffffff;

	background-image:none;
	
	/*border:1px solid black;*/

}

#header h2 {

	color:#FFFFFF;
	
	font-family:"Trebuchet MS", Arial, Verdana;
	
	font-size:120%;
	
	padding-top:10px;

	margin:0;

	margin-left:340px;

	margin-right:10px;

	/*text-indent:5px;*/
	
	text-align:justify;
	
	line-height:30px;
	
	
	/* Ajout de ces attributs pour prendre le pas sur h2 générique */
	font-weight:bold;
	
	border:none;
	
	letter-spacing:normal;
	
	background-image:none;
	/* fin d'ajout */

}

#header .links .no_underline  a{
	padding-top:0px;
}

#header .links .no_underline  a:hover{
	border-bottom : none;
}

#header .links {

	height:40px;
	
	width:553px;
	
	padding-right:10px;
	
	color:#FFFFFF;
	
	font-family:"Trebuchet MS", Arial, Verdana;
	
	font-size:120%;
	
	padding-top:10px;

	margin:0;
	
	margin-left:325px;

	font-weight:bold;
	
	/*border:1px solid black;*/
	
	letter-spacing:normal;
	
	background-image:none;
}


#header .links a {
	
	font-family:"Trebuchet MS", Arial, Verdana;
	
	color:#FFFFFF;
	
	font-size:100%;
	
	padding-top:10px;

	margin:0;

	font-weight:bold;
	
	letter-spacing:normal;
	
}

#header .links a:hover {
		
	color:#dff3d7;
	
	border-bottom : 1px dotted #dff3d7;
	
}


#main_menu {

	width:898px;

	padding-top:12px;
	
	padding-bottom:8px;

	background-color:#CCCCCC;

	text-align:left;
	
	letter-spacing:+1px;

	color:#FFFFFF;

	background-image: url("images/backgrounds/menubg.jpg");

	margin-bottom:10px;

}


#main_menu a {
	
	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:150%;

	font-weight:bold;

	text-transform:uppercase;

	color:#FFFFFF;

	text-decoration:none;

	padding-left:15px;

	padding-right:15px;

	padding-top:8px !important;

	padding-top:8px;

	padding-bottom:8px;

	/*margin-left:1px !important;

	margin-left:1px;*/

}

#main_menu a:hover {

	background-color:#969696;

	border:none;
	
	border-bottom:none;

}

#main_menu .aactive {

	background-color:#3F4A3E;

	background-image: url("images/backgrounds/link.jpg");

}

.top {

	border-right:2px solid #ffffff;

	float:left;

}

#sidebar {

	width:190px;

	height:380px;

	border:1px solid #cccccc;

	padding:5px;

	background-image: url("images/backgrounds/article.jpg");

	background-position:bottom right;

	background-repeat:repeat-x;

}

#sidebar h3 {

	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	
	font-size:32px;
	
	font-weight:bold;
	
	letter-spacing:-1px;
	
	color:#000000;
	
	border:none;
	
	background-image:none;
	
	margin:0px;
		
}

#sidebar img {

	float:left;
	
	padding-right:10px;
	
	padding-left:10px;
		
}

#sidebar .menu_sidebar {
	
	padding-left:10px;
	
	padding-top:7px;

}

#sidebar .lien_logo {

	text-decoration:none;
	
	border-bottom:0px;
}

.sidebar {

	width:190px;

	border:1px solid #cccccc;

	padding:5px;
	
	margin-top:10px;

	text-align:center;

	background-image: url("images/backgrounds/article.jpg");

	background-position:bottom right;

	background-repeat:repeat-x;

}

#sidebar_invit{
    height:200px;
}

#sidebar_tshirt{
    height:200px;
}

#sidebar_iphone{
    height:250px;
}

#sidebar_news{
    height:380px;
}

#sidebar_pub{
    height:200px;
}

#conteneur_sidebar { /* conteneur Global de la side bar */

 float:left;
 
 width:190px;
 
 height:1060px;
 
}

#conteneur_right { /* conteneur de la partie droite */

	height: auto;
	
	min-height: 1732px; /* Propriété utilisée si article unique et faible hauteur*/
	
	_height: 1732px; /* Valeur uniquement comprise par IE pour éviter le soucis du min-height non compris par IE */
	
	margin-left:210px;

	margin-bottom:10px;
	
	_width:684px; 
	
	border:0;
	
	padding:0;
}


.corps_inside {

	padding:10px;

	border: 1px solid #cccccc;

	margin-bottom:10px;
	
}


.corps {

	/*min-height: 370px;*/ /* Propriété utilisée si article unique et faible hauteur */
	
	margin-left:210px;
	
	/*width: 508px;*/

	padding:10px;

	border: 1px solid #cccccc;

	/*background-image: url("images/backgrounds/articlenormal.jpg");*/

	background-position:top left;

	background-repeat:no-repeat;

	margin-bottom:10px;
	
	

}

/* ZONE D'AFFICHAGE D'UN CLUB
*/
.corps_club {

	/*min-height: 370px;*/ /* Propriété utilisée si article unique et faible hauteur */
	
	/*margin-left:210px;*/

	padding:10px;

	border: 1px solid #cccccc;

	/*background-image: url("images/backgrounds/articlenormal.jpg");*/

	background-position:top left;

	background-repeat:no-repeat;

	margin-bottom:10px;
	
	position:relative;
	
}

/* ZONE D'AFFICHAGE DE LA PHOTODUCLUB DASCORPS_CLUB
*/
.photo_club{
  float: right;
  margin-left: 10px;
 /* border: 10px ridge #cccccc;	*/
  border: 1px dashed gray;
}


/*
ZONE UTILISEE POUR AFFICHER LES NOUVEAUX MEMBRES
*/
.ligne_membre{
  height:220px; 
  width:100%;
  text-align: center;
  /*margin-left: 10px;*/
  margin-top: 10px;
}


.zone0{
  height:220px; 
  width:150px;
  text-align: center;
  background-color:#dbf3d2;
  border:1px dashed gray;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}

.zone1{
  height:220px; 
  width:150px;
  text-align: center;
  background-color:#f3f8f1;
  border:1px dashed gray;
  float: left;
  margin-left: 10px; 
  margin-top: 10px;  
}

.zone2{
  height:220px; 
  width:150px;
  text-align: center;
  background-color:#eaf6e6;
  border:1px dashed gray;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}

.zone3{
  height:220px; 
  width:150px;
  text-align: center;
  background-color:#dff3d7;
  border:1px dashed gray;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}

.photo_lien {
	border: none;	
}


a.lien:hover {
	border:none;
	border-bottom:none;
}

/*
FIN ZONESUTILISEES POUR AFFICHER LES NOUVEAUX MEMBRES
*/


.photo_annonce {
	border: 1px solid black;	
}

a.annonce:hover {
	border:none;
	border-bottom:none;
	border: 1px solid black;
}

.conteneur {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  height:180px; 
  
  text-align: center;
  
  border-bottom: 1px dashed gray;
}


.image_gauche {
  float: left;
  border:2px solid #9ACC53;
}

.image_droite {
  float: right;
  border:2px solid #9ACC53;
}

.zone_lien {
  width: 100%;
  font-weight:bold;
  padding-top: 25px;
  
}

.zone_description_droite {
  margin-top:15px; /* Hauteur sous le lien */
  width:65%;
  text-align: left;
  padding-left : 15px;
  float: left;
}

.zone_description_gauche{
  margin-top:15px; /* Hauteur sous le lien */
  width:65%;
  text-align: right;
  padding-right : 10px;
}

 

.corps_joueur {

	/*margin-left:170px;*/

	padding:10px;

	border: 1px dashed gray;

	/*background-image: url("images/backgrounds/articlenormal.jpg");*/

	background-repeat:no-repeat;

	background-position:'top right';
	
	margin-bottom:10px;
	
	

}

.corps_album {

	padding:10px;

	border: 1px dashed gray;

	background-repeat:no-repeat;

	background-position:'top right';
	
	margin-bottom:10px;
	
	

}

.corps_haut {

	height: auto;
	
	min-height: 1709px; /* Propriété utilisée si article unique et faible hauteur*/
	
	_height: 1709px; /* Valeur uniquement comprise par IE pour éviter le soucis du min-height non compris par IE */
	
	margin-left:210px;

	padding:10px;

	border: 1px solid #cccccc;

	/*background-image: url("images/backgrounds/articlenormal.jpg");*/

	background-position:top left;

	background-repeat:no-repeat;

	margin-bottom:10px;
	
	position:relative;
	
}

.corps_info {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#666666;

	letter-spacing:2px;

	font-variant:small-caps;

	text-transform:lowercase;

}

.corps_info_variante {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#000000;

	letter-spacing:2px;

	font-variant:small-caps;

	text-transform:lowercase;

}

.corps p {

	margin:10px;

}

.corps_haut p {

	margin:10px;

}

.corps_joueur p {

	margin:10px;
	
	/*background-image: url("images/backgrounds/femme.png");*/

	background-position:top right;
	
	background-repeat:no-repeat;

}

/*.corps:hover {

	background-image: url("images/backgrounds/article.jpg");

	background-position:bottom right;

	background-repeat:repeat-x;

	margin-bottom:10px;

}*/

.corps_haut h2 {
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	letter-spacing:+1px;
	color:#000000;
	border:none;
	background-image:none;
}

.corps_haut h2 a {
	color:#000000;
	border:none;
	background-image:none;
}

.corps_haut h2 a:hover {
	color:#9ACC53;
	border:none;
	border-bottom:1px dotted #000000;
}

.aactif {
	color:#FFFFFF;
	background-color:#3F4A3E;

}


.corps_haut td a {
	color:#000000;
	border:none;
	background-image:none;

}
.corps_haut td a:hover {
	color:#9ACC53;
	border:none;
	border-bottom:1px dotted #000000;

}

.corps_haut td.annonce a:hover {
	
	border:none;
	border-bottom:none;

}

.corps_haut td.partie a {
	
	color:#9ACC53;
	text-decoration:none;

}


.corps_info a {

	font-weight:bold;

	text-decoration:none;

	color:#000000;

}


h1.joueur  {	

	font-family:Arial Narrow, Arial, Helvetica, sans-serif;

	letter-spacing:-1px;

	color:#000000;

	border-bottom:1px solid #cccccc;

	background-image: url("images/backgrounds/raquette.jpg");

	background-position:top right;

	background-repeat:no-repeat;

	padding-bottom:5px;

	padding-top:5px;

}

h1.joueur_mini  {	

	font-family:Arial Narrow, Arial, Helvetica, sans-serif;

	letter-spacing:-1px;

	color:#000000;

	border-bottom:1px solid #cccccc;

	padding-bottom:5px;

	padding-top:5px;

}

#comment {
	text-align:center;
	padding:10px;
	border: 1px solid #cccccc;
	background-image:url("images/backgrounds/article.jpg");
	background-position:bottom right;
	background-repeat:repeat-x;
	margin-bottom:10px;
}

a {
	color:#9ACC53;
	text-decoration:none;
}

a:hover {
	border-bottom:1px dotted #000000;
	
}

.agras { /* utiliser pour lien du style "Inscription Gratuite" */
	color:#9ACC53;
	font-weight:bold;
	text-decoration:none;
}

.agras:hover { /* utiliser pour lien du style "Inscription Gratuite" */
	font-weight:bold;
	border-bottom:1px dotted #000000;
}

.alert {
	color:#FF0000;
	text-decoration:none;
	padding-left:50px;
}

/* ASUPPRIMER !!!!!!!!!*/
.navigation { /* Lettre de navigation pour visu des Pages de joueurs */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#9ACC53;
	font-size:15px;
	font-weight: bold;
	text-decoration:none;
}

.anavigation { /* utiliser pour lien de la navigation des pages de joueurs */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#9ACC53;
	font-size:15px;
	text-decoration:underline;
}

.navigation_page {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#9ACC53;
	font-size:15px;
	text-decoration:none;
}

.conteneur_navigation { /*  Centrage des fleches de navigation */
margin-left: auto;
margin-right: auto;
width: 250px;
height: 100px;
text-align: center;
background-color: #ffff00;
border: 1px solid #000000;
/*padding: 0.5em;*/
padding-top: 0px;
padding-left: 0px;
}
/* FIN DE ASUPPRIMER*/

/*  Gestion des fleches de navigation dans les enregistrements */
a.fleche {
		text-decoration:none;
}

a.fleche:hover{
		text-decoration:none;
		border-bottom:none;
}

/*
CSS POUR LES FORMULAIRES
*/
.cssform p{
	width: 450px;
	line-height : 28px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 200px; /*width of left column containing the label elements*/
	border-bottom: 1px dashed gray;
	height: 1%;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -200px; /*width of left column*/
	width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform fieldset {
	color: #000000;
}

.cssform fieldset legend{
	color: #000000;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.cssform input[type="text"].maxi{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 380px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.cssform input.maxi{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 380px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.cssform textarea{
	width: 290px;
	height: 150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	resize:none;
	
}

.cssform textarea.mini{
	width: 180px;
	height: 50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	resize:none;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}

fieldset legend{
	color: #000000;
}


/* Ajout pour centrage des champs d'un fieldset sans envoi de données */
.field p{
width: 300px;
line-height : 28px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 200px; /*width of left column containing the label elements*/
border-bottom: 1px dashed gray;
height: 1%;
}

.field span{
font-weight: bold;
float: left;
margin-left: -200px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

/* centrage des liens retour haut de page et retour accueil sur page google maps */
.centrage_lien_carte {
	margin-left: 210px;
	text-align: center;	
}

/* centrage des liens retour sur l'ensemble des pages */
.centrage_lien_retour {
	text-align: center;	
}

/* Etoile pour champ obigatoire dans formulaire */
.obligatoire {
	font-weight: bold;
	color: red;	
}

.obligatoire_simple {
	color: red;	
}

/* popup quand survol des messages
*/
.popup 
{ 
	POSITION: absolute; 
	VISIBILITY: hidden;
	border: 1px solid #000000;
	background-color: #DFF3D7;
	color: #000000;
	width: 300px;
	text-align:left;
	padding: 5px 5px 5px 5px;
}

/* Liste déroulante de la page CLUBS
*/
.combo_zone {
	text-align: center;
}

.combo_zone option.titre {
	font-weight: bold;
	font-style: italic;
}

.combo_zone select{
	background-color: #DFF3D7;
}

/* Positionnement texte
*/
.txt_centre {
	text-align: center;
}

.txt_gauche {
	text-align: left;
}

.txt_droit {
	text-align: right;
}

/* Positionnement zone
*/
.centre {
	align: center;
}

.gauche {
	align: left;
}

.droit {
	align: right;
}


#tablo_photo{
  width:100%;
  text-align: center;
  margin-top: 10px;
}

#tablo_photo a{
	border:none;
	text-decoration:none;
}

#tablo_photo td a:hover{
	border:none;
}

.case_photo{
  height:190px; 
  width:25%;
  text-align: center;
  vertical-align:top;
  padding-top:10px;
  border:1px dashed gray;
}

.case_photo_couv{
  height:190px; 
  width:25%;
  text-align: center;
  vertical-align:top;
  padding-top:10px;
  border:1px dashed gray;
  background:#dff3d7;
}


.conteneur_album {

	clear:right;
	
	height:140px;
	
	width:96%;
	
	padding:10px;

	border: 1px dashed gray;

	margin-bottom:20px;
	
}

.image_album{
	float:left;
	width:140px;
	height:140px;
}

.description_album{
	float:left;
	height:140px;
	width:415px;
	padding-left:10px;
}

.album_supp{
	float: left;
	width: 10%;
	height:140px;
	padding-left:10px;
	text-align:right;
}



.color0{
  background-color:#dbf3d2;
}

.color1{
  background-color:#f3f8f1; 
}

.color2{
  background-color:#eaf6e6;
}

.color3{
  background-color:#dff3d7;
}


/* Commentaires
*/
ol.liste_com{
	list-style:none;
}

ol.liste_com li{ 
	display:none;
	position:relative;
	padding:.7em 0 .6em 0;
}

ol.liste_com li:first-child{}

#flash
{
	margin-left:100px;
}	

.com_box{
	min-height:105px;
	_height:105px;
	border-bottom:gray dashed 1px;
	margin-bottom:20px;
	margin-right:20px;
	overflow:hidden;
}

.com_img
{
	float: left; 
	width: 70px; 
	min-height:105px;
	_height:105px;
	margin-right: 20px;
}

.com_img img
{
	width: 70px; 
}


.com_details
{
	margin-left: 90px;
}

.com_name
{
	font-size: 16px; 
	color: rgb(102, 51, 153); 
	font-weight: bold;
}

.com_date
{
	display:block;
	float:right;
	font-size:0.9em;
	
}

#formulaire_com {
	margin-left:40px;
	margin-top:40px;
}

#formulaire_com textarea{
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	text-align:left;
	border:#666666 solid 2px;
	height:100px;
	margin-bottom:10px;
	width:94%;
	resize:none;
}


/* H2 Gestion du profil
*/
.corps_haut h2.profil {
	font-size:18px;
}

/* Bouton plus d'info dans tableau des tournois
*/
.corps_haut td a.tournoi_view {
	background:url('images/button_infos.png') no-repeat;
	width: 61px;
	height: 31px;
	display:block;
}

.corps_haut td a.tournoi_view:hover {
	background-position: bottom center;
}

.corps_haut h2.tournoi {
	font-size:18px;
	background-image : none;
	text-align:left;
}

.corps_haut .tournoi_supp {
	background:url('images/button_supp_inscription.png') no-repeat;
	width: 201px;
	height: 40px;
	display:block;
	border:none;
}

.corps_haut .tournoi_supp:hover {
	background-position: bottom center;
	cursor:pointer;
}

.corps_haut .tournoi_add {
	background:url('images/button_add_inscription.png') no-repeat;
	width: 201px;
	height: 40px;
	display:block;
	border:none;
}

.corps_haut .tournoi_add:hover {
	background-position: bottom center;
	cursor:pointer;
}

.corps_haut .tournoi_mail {
	float:left;
	
	margin-left:90px;
	
	background:url('images/bouton_mail_tournoi.png') no-repeat;
	width: 201px;
	height: 40px;
	display:block;
	border:none;
	
}

.corps_haut .tournoi_mail:hover {
	background-position: bottom center;
	cursor:pointer;
}

.corps_haut #ligne_boutons {
	width:100%;
	
	height:50px;
	
	text-align:center;
}

.corps_haut #ligne_boutons form{
	float:left;
	
	margin-left:90px;
}

.corps_haut .double_colonne {
	float:left;
	
	width:46%;
	
	height:20px;

}

.corps_haut .simple_colonne {
	width:100%;
	
}

/* ALLOPASS HICONNECT page CLUBS.PHP - 29 sept 2011
*/
#telPDVleft {
	background-color: #000000;
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	height: 19px;
	padding-top: 0px;
}

#bloc_tel .telPDVmid  {
    background-image: url("images/allopass/tel-mid02.gif");
    color: #3577BD;
    float: left;
    font-weight: bold;
    height: 19px;
    padding-top: 0px;
}

#bloc_tel .telPDVmid  a{
	text-decoration : none;
	color : #5AA1EB;
}

#bloc_tel .telPDVmid   a:hover{
	text-decoration : none;
	color : #1F5DA0;
}

.notaTel {
	display:none;
	color : #1F5DA0;
	padding-left: 10px;
    padding-top: 10px;
	
}

a.lien_club {
	color:#000000;
	border:none;
	text-decoration:none;
}

a.lien_club:hover {
	color:#9ACC53;
	border:none;
	text-decoration:none;
}

#menu_footer{

	font-size:15px;
	padding-bottom:10px;

}
a.footer {
	
	font-size:15px;
	font-weight:bold;

}

h1.club_premium {
	background:none;

}

div.club_premium {
	background-color:#DFF3D7;
}

img.banniere_premium {
	position:absolute;
	top:-11px;
	right:-11px;
}
