/* CSS Document */



html
{
	overflow-y:scroll;
}


body
{
	margin:0px;
	background:url(/images/fond02.jpg) center fixed #904f32;
	background-repeat:no-repeat;
}





/* HEADER : */




#header_barre_menu
{
	margin-left:0;
	margin-right:0;
	background:url(/images/header/degrade-vert-02.png);
	height:80px;
	width:100%;
	margin:0px;
	color:white;
	vertical-align:middle;
	border-bottom:#8c2828 solid 2px;
	position:fixed;
	z-index:400;
	top:0px;
}





.image-titre
{
	display:inline-block;
	float:left;
	background-image:url(/images/titre.png);
	height:70px;
	width:400px;
	margin-top:5px;
}

.icone-menu
{
	display:inline-block;
	float:right;
	width:48px;
	height:48px;
	margin-top:15px;
	margin-left:8px;
	margin-right:8px;
}

.icone-separateur
{
	display:inline-block;
	float:right;
	margin-top:6px;
	margin-left:20px;
	margin-right:20px;
}

.image-partenaires
{
	background-image:url(/images/header/icones/partenaires01.png);
}

.image-partenaires:hover
{
	background-image:url(/images/header/icones/partenaires01-surbrillance.png);
}


.image-tournois
{
	background-image:url(/images/header/icones/tournois01.png);
}

.image-tournois:hover
{
	background-image:url(/images/header/icones/tournois01-surbrillance.png);
}


.image-deconnexion
{
	background-image:url(/images/icones/menu2/cadenas.png);
}

.image-deconnexion:hover
{
	background-image:url(/images/icones/menu2/cadenas-select.png);
}




.image-parametres
{
	background-image:url(/images/icones/menu2/engrenage.png);
}

.image-parametres:hover
{
	background-image:url(/images/icones/menu2/engrenage-select.png);
}

.image-preferences
{
	background-image:url(/images/icones/menu2/engrenage.png);
}

.image-preferences:hover
{
	background-image:url(/images/icones/menu2/engrenage-select.png);
}

.image-profil
{
	background-image:url(/images/icones/menu2/profil.png);
}

.image-profil:hover
{
	background-image:url(/images/icones/menu2/profil-select.png);
}

.image-photos
{
	background-image:url(/images/icones/menu2/photos.png);
}

.image-photos:hover
{
	background-image:url(/images/icones/menu2/photos-select.png);
}

.image-disponibilites
{
	background-image:url(/images/icones/menu2/calendrier.png);
}

.image-disponibilites:hover
{
	background-image:url(/images/icones/menu2/calendrier-select.png);
}

.image-matchs
{
	background-image:url(/images/icones/menu2/raquettes.png);
}

.image-matchs:hover
{
	background-image:url(/images/icones/menu2/raquettes-select.png);
}

.image-favoris
{
	background-image:url(/images/icones/menu2/etoile.png);
}

.image-favoris:hover
{
	background-image:url(/images/icones/menu2/etoile-select.png);
}

.image-recherche
{
	background-image:url(/images/icones/menu2/loupe.png);
}

.image-recherche:hover
{
	background-image:url(/images/icones/menu2/loupe-select.png);
}


.image-administration
{
	background-image:url(/images/icones/menu2/admin.png);
}

.image-administration:hover
{
	background-image:url(/images/icones/menu2/admin-select.png);
}







.image-classement-egal
{
	background-image:url(/images/header/icones/classement02.png);
	color:#005128;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

.image-classement-egal:hover
{
	background-image:url(/images/header/icones/classement02-surbrillance.png);
}


/* infobulles */

.icone-menu em {
    display:none;
}

.icone-menu:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}


.icone-menu:hover em {
    font-style: normal;
    display: block;
    position:absolute;
    top: 70px;
    right: 5px;
    padding: 10px;
    color: #FFF;
	text-align:center;
	font-size:20px;
	font-weight:bold;
    border: 4px solid #FFF;
    background: #005128;
    width:240px;
	z-index:600;
	box-shadow:1px 1px 12px #000;
	-webkit-box-shadow:1px 1px 12px #000;
	-moz-box-shadow:1px 1px 12px #000;
}

.icone-menu:hover span {
    position:absolute;
    top: 60px;
    right: 9px;
    height: 14px;
    width: 29px;
    background: transparent url(/images/header/icones/infobulle-top-verte.gif) no-repeat;
    margin:0;
    padding:0;
    border:0;
	z-index:700;
}






/* CADRE TENNIS : */

.cadre-terrain
{
	width:1334px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	padding:0px;
}

.cadre-terrain-haut
{
	background:url(/images/cours2/haut.png) no-repeat center;
	height:74px;
}

.cadre-terrain-milieu
{
	background:url(/images/cours2/milieu.png) repeat-y center;
	padding-left:140px;
	padding-right:140px;
	margin-bottom:0px;
	margin-top:0px;
	color:#FFF;
	clear:both;
	overflow:hidden;
}

.cadre-terrain-bas
{
	background:url(/images/cours2/bas.png) center no-repeat;
	height:75px;
}



.titre_page
{
border:1px solid #FF0;
padding:20px;
border-radius:5px;
background-color:#0099FF;
color:#FFF;
margin-top:20px;
margin-bottom:40px;
font-size:26px;
}





/* FORMULAIRE AVEC LABELS ET INPUT-TEXT : */

.formulaire
{
width:500px;
margin-left:auto;
margin-right:auto;
padding:20px;
}

.formulaire label
{
display:block;
float:left;
width:160px;
}


.formulaire input[type=text], .formulaire input[type=password]
{
width:200px;
margin-bottom:3px;
}




/* FORMULAIRE CLUB : */

.formulaire_club
{
width:380px;
margin-left:auto;
margin-right:auto;
padding:20px;
}

.formulaire_club label
{
display:block;
float:left;
width:100px;
}


.formulaire_club input[type=text], .formulaire input[type=password]
{
width:240px;
margin-bottom:3px;
}





/* SOUS-MENUS */

.sous-menu
{
margin-top:20px;
margin-bottom:50px;
}


.sous-menu a
{
display:inline-block;
width:48px;
height:48px;
text-align:center;
margin-right:50px;
}







/* FIELDSETs : */

.fieldset_profil, .fieldset_recherche, .fieldset_preferences
{
border:2px solid #FF0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.fieldset_profil legend, .fieldset_recherche legend, .fieldset_preferences legend
{
font-size:18px;
font-weight:bold;
color:#FFFFFF;
margin-left:10px;
padding-left:10px;
padding-right:10px;
}






/* PARAMETRES - PROFIL */

.avatar_profil
{
margin:20px;
margin-left:30px;
vertical-align:top;
box-shadow:1px 1px 10px #000;
-webkit-box-shadow:1px 1px 14px #000;
-moz-box-shadow:1px 1px 14px #000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #FF9;
}





/* DISPONIBILITES : */

.disponibilite_ligne, .info_recherche
{
border:1px solid #FF0;
background-color:#09F;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:20px;
margin-left:20px;
margin-right:20px;
padding:15px;
font-size:18px;
}






/* RECHERCHE DE PARTENAIRES : */

.tableau_recherche
{
border:1px solid #FF0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:855px;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
}


.tableau_recherche_ligne_separation td
{
border-bottom:1px solid #FF0;
}


.tableau_recherche_ligne_impaire
{
background-color:#008c46;
}

.tableau_recherche_ligne_paire
{
background-color:#007339;
}






/* CADRES D'INFORMATION : */

.cadre_infos
{
width:600px;
margin-left:auto;
margin-right:auto;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#000;
padding:10px;
font-weight:bold;
font-size:18px;
box-shadow:1px 1px 12px #000;
-webkit-box-shadow:1px 1px 12px #000;
-moz-box-shadow:1px 1px 12px #000;
}


.cadre_rouge
{
border:3px solid #F00;
background-color:#FF8282;
}

.cadre_jaune
{
border:3px solid #F90;
background-color:#FF6;
}

.cadre_bleu
{
border:3px solid #00F;
background-color:#B4B4FF;
}





/* PAGE PRINCIPALE - EVENEMENTS : */

.item_evenement
{
background-color:#008c46;
border:1px solid #FF0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
overflow:hidden;
margin-top:20px;
margin-bottom:20px;
}

.date_evenement
{
padding-right:3px;
padding-bottom:3px;
font-size:12px;
text-align:right;
bottom:0px;
clear:both;
}

.image_evenement
{
display:inline-block;
float:left;
width:60px;
padding:5px;
}

.message_evenement
{
display:inline-block;
float:left;
padding:0px;
padding-top:10px;
padding-bottom:16px;
width:740px;
font-size:18px;
}

/* Proposition de matchs : */

.cadre-formulaire-jaune
{
border: 2px solid #FF0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.cadre-formulaire-bleu
{
border: 2px solid #0099FF;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.cadre-formulaire-rose
{
border: 2px solid #F6F;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}





#message_dispo__non_dispo
{
background-color:#FFE13C;
padding:8px;
font-size:18px;
color:#000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:30px;
border:2px solid #F60;
}


#message_dispo__dispo
{
background-color:#7F7;
padding:8px;
font-size:18px;
color:#000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:10px;
border:2px solid #060;
}


#message_dispo__date_passee
{
background-color:#FF9191;
padding:8px;
font-size:18px;
color:#000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:30px;
border:2px solid #F00;
}



#msg_club_ok
{
background-color:#7F7;
padding:8px;
font-size:18px;
color:#000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:10px;
border:2px solid #060;
}


#msg_club_inexistant
{
background-color:#FFE13C;
padding:8px;
font-size:18px;
color:#000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:30px;
border:2px solid #F60;
}



.ligne_recherche_club
{
border:1px solid #FF0;
background-color:#009B4E;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding:10px;
margin-bottom:20px;
font-size:14px;
cursor:pointer;
}



.cadre_proposition_match
{
overflow:hidden;
clear:both;
padding:10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:2px solid #FF0;
background-color:#008C46;
font-size:18px;
margin-bottom:30px;
}

.bloc_age_classement
{
float:left;
width:130px;
margin-right:20px;
font-size:22px;
padding:10px;
background-color:#007339;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}



/* Tableau des scores : */

.tableau_scores
{
border:2px solid #000;
}


.tableau_scores_titre
{
font-weight:bold;
background-color:#0099FF;
}

	.tableau_scores_titre td
	{
	border-bottom:2px solid #000;
	font-size:20px;
	}




/* ALBUM PHOTOS : */


.album_image_div
{
margin:10px;
display:inline-block;
position:relative;
z-index:300;

-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); /* L'ombre appliquée sur la photo au survol */
-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);


-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}

.album_image_div:nth-child(2n)
{
-webkit-transform: rotate(1deg);/* Agrandissement de la photo à l'échelle 1.4 et rotation de -10 degrés */
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
transform: rotate(1deg);
}

.album_image_div:nth-child(3n)
{
-webkit-transform: rotate(-1deg);/* Agrandissement de la photo à l'échelle 1.4 et rotation de -10 degrés */
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
transform: rotate(-1deg);
}

.album_image_div:nth-child(4n)
{
-webkit-transform: rotate(-2deg);/* Agrandissement de la photo à l'échelle 1.4 et rotation de -10 degrés */
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
}

.album_image_div:nth-child(5n)
{
-webkit-transform: rotate(2deg);/* Agrandissement de la photo à l'échelle 1.4 et rotation de -10 degrés */
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
transform: rotate(2deg);
}







.album_image_div:hover
{
z-index:1000;
-webkit-transform: scale(1.3) rotate(-0deg);/* Agrandissement de la photo à l'échelle 1.4 et rotation de -10 degrés */
-moz-transform: scale(1.3) rotate(-0deg);
-o-transform: scale(1.3) rotate(-0deg);
transform: scale(1.3) rotate(-0deg);
-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); /* L'ombre appliquée sur la photo au survol */
-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}




.album_image_img
{
border:1px solid #FF0;
border-top-left-radius:20px;
}



.album_image_menu
{
position:absolute;
bottom:0px;
right:0px;
padding:10px;
padding-bottom:6px;
background:#0099FF;
opacity:0.9;
border:2px solid #FF0;
border-top-left-radius:8px;
display:none;
}


.album_image_titre
{
position:absolute;
top:0px;
right:0px;
padding:5px;
background:#0099FF;
font-weight:bold;
opacity:0.9;
border:2px solid #FF0;
border-bottom-left-radius:8px;
display:none;
}



.album_image_menu form
{
margin:5px;
}





.album_image_div:hover .album_image_menu, .album_image_div:hover .album_image_titre
{
display:inline-block;
}




.lien_album_photos
{
display:inline-block;
color:#FFF;
text-decoration:none;
font-size:18px;
}

	.lien_album_photos div
	{
	background-color:#008C46;
	border:1px solid #FFFF00;
	padding:20px;
	margin:20px;

	width:176px;
	
	
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); /* L'ombre appliquée sur la photo au survol */
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
	}

		.lien_album_photos div:hover
		{
		-webkit-transform: scale(1.2);/* Agrandissement de la photo à l'échelle 1.2 */
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		
		-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); /* L'ombre appliquée sur la photo au survol */
		-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
		box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
		}

		.lien_album_photos div .boutons_album
		{
		}
		


/* Page photo.php */

.photo_image
{
-webkit-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.5);
z-index:50;
border:1px solid #FF0;
}


.photo_menu_actions
{
margin-top:40px;
border:2px solid #FF0;
background:#0099FF;
padding:5px;
width:200px;
margin-right:0px;
margin-left:auto;
z-index:100;
}




/* Infobulles animées : */
/*
.infobulle_inf_droite
{
	border:3px solid #00F;
	background-color:#DFDFFF;
	padding:30px;
	padding-top:10px;
	font-size:28px;
	font-weight:bold;
	position:fixed;
	right:40px;
	bottom:40px;
	box-shadow:1px 1px 12px #000;
	border-radius:5px;
}

*/







/* ADMINISTRATION */

.item-menu-admin
{
text-decoration:none;
}

.item-menu-admin div
{
font-size:20px;
color:#000;
border:1px solid #0099FF;
background:#FF6;
padding:10px;
}

.item-menu-admin div img
{
vertical-align:middle;
margin-right:20px;
}