/*--Options générales--*/
body
{
	 background: #d28a7e;
}
#haut-page
{
	font:bold 24px Arial, Helvetica, sans-serif;
	background-color: #d28a7e;
  background-image: -moz-linear-gradient(bottom, #d28a7e 0%, #cf1602 100%);
  background-image: -ms-linear-gradient(bottom, #d28a7e 0%, #cf1602 100%);
  background-image: -o-linear-gradient(bottom, #d28a7e 0%, #cf1602 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d28a7e), color-stop(1, #cf1602));
  background-image: -webkit-linear-gradient(bottom, #d28a7e 0%, #cf1602 100%);
  background-image: linear-gradient(bottom, #d28a7e 0%, #cf1602 100%);
	color:#ecf93f;
	text-align:center;
	padding:20px;
	box-shadow:1px 3px 10px #6f0019;
	margin:-10px;
	text-transform: uppercase;
}
#corps-page
{
	width:80%;
	height:1200px;
	position:center;
	margin:0 auto auto ;
	background-color:#ffffff;
	box-shadow:1px 3px 10px #6f0019;
	z-index:8;
}
/* Menu du haut des corps de page */
#menu
{
	width:70%;
	position:center;
	margin:10px auto auto;
	text-align:center;
	padding-top:2px;
	height:45px;
	z-index:10;
}
.menu_saison,
.menu_choix
{	
	font:bold 15px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	box-shadow:1px 3px 10px #6f0019;
	text-decoration:none;
	background-color:#ffffff;
}
.menu_choix:hover
{	
	font:bold 15px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	box-shadow:1px 3px 10px #6f0019;
	text-decoration:none;
}
.menu_choix_actif
{
	box-shadow:1px 3px 10px #6f0019;
	background-color:#f52f0f;
	color:#ffffff;
	border-radius:7px;
	font:bold 15px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	
}
.menu_choix_actif a
{
	color:#ffffff;
	text-decoration:none;
	font:bold 15px Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}
.menu_saison,
.menu_choix,
.menu_choix a,
.menu_choix:hover,
.menu_choix a:hover
{	
	color:#cf1602;
	text-decoration:none;
	font-variant: small-caps;
}
.menu_choix:active,
.menu_choix:hover,
.menu_choix a:hover
{	
	background-color:#fcc1ba;
}
.menu_choix_label
{
	color:#cf1602;
}
a
{
	color: #f52f0f;
	font:bold 15px Arial, Helvetica, sans-serif;
}
.menu_lateral
{
	text-align:left;
	padding:10px 0px 10px 30px;
	vertical-align:middle;
	width:80%;
	box-shadow:0px 2px 8px #f52f0f inset;
	background-color:#ffffff;
	color: #f52f0f;
	font-variant: small-caps;
}
.menu_lateral a,
{
	color: #f52f0f;
	font-variant: small-caps;
}

.menu_lateral:hover,
.menu_lateral_actif
{
	text-align:left;
	padding:10px 0px 10px 30px;
	vertical-align:middle;
	width:80%;
	box-shadow:0px 2px 8px #ffffff inset;
	background-color:#f52f0f;
	color:#ffffff;

}
.menu_lateral a:hover,
.menu_lateral_actif a
{
	color: #ffffff;
}
/*---------------------------------------------------*/
.niveau1 
{
	list-style: none;
	padding: 0 10px;
	margin: 0;
	float: left;
	top:0px;
}
.niveau1 li 
{
	float: left;
	margin: 0;
	padding:0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
.niveau1 li a /*Couleurs Premier niveau*/
{
	padding: 10px;
	text-align:center;
	margin:0 12px 0 0;
	float: left;
	font:bold 13px Arial, Helvetica, sans-serif;
	font-variant:small-caps;
}
 /*--Hover effect for trigger--*/
.niveau2 
{
	list-style: none;
	position: absolute; /*--Important - Keeps niveau2 from affecting main navigation flow--*/
	left: 30px;
	top : 35px;
	margin: 0; 
	padding: 0;
	display: none;
	float: left;
	width: 150px;
	color:#cf1602;
}
.niveau2 li
{
	margin: 0; 
	padding: 0px ;
	clear: both;
	width: 150px;
	text-decoration:none;
	text-align:center;
	box-shadow:1px 3px 10px #6f0019;
	text-decoration:none;
	background-color:#ffffff;
	color:#cf1602;
}
.niveau2 li a
{
	width: 150px;
	margin:0;
	display: block;
	float: left;
	padding: 10px 0px 10px 0px;
	color:#cf1602;
	font:bold 13px Arial, Helvetica, sans-serif;
	font-variant:small-caps;
}
/*---------------------------------*/
.input_file_style_file
{
	color:#6f0019;
	background:#ccff99;
	font: bold 15px Arial;
	border: 2px solid #6f0019;
	padding:7px;
	border-radius:10px 10px 10px 10px;											
		box-shadow:1px 3px 10px #6f0019;
}
.bouton,
.poplight
{
	color:#6f0019;
	background:#ffffff;
	font: bold 12px Arial;
	border: 1px solid #6f0019;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:20px;
	padding-left:20px;
	border-radius:10px 10px 10px 10px;											
	box-shadow:1px 3px 10px #6f0019;
	text-decoration:none;
}
.bouton_actif,
.bouton:hover,
.poplight:hover
{
	color:#ccff99;
	background:#6f0019;
	font: bold 12px Arial;
	border: 1px solid #6f0019;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:20px;
	padding-left:20px;
	border-radius:10px 10px 10px 10px;											
		box-shadow:1px 3px 10px #6f0019;
		text-decoration:none;
}

.page-a4 {
	width: 776px;
	height:1098px;
}

.zone-impression {
	width: 388px;
	height: 549px;
	float: left;
	
}


/* ------------ Titres pages--------------*/
.titre/*Couleurs Premier niveau Titres*/
{
	padding: 0;
	height:30px;
	line-height:30px;
	text-align:center;
	width:140px;
	margin:0 12px 0 0;
	font-weight:bold;
	text-decoration: none;
	color:#ccff99;
  border: 1px solid #ccff99;
 background-color: #d28a7e;
  background-image: -moz-linear-gradient(bottom, #ffffff 0%, #d28a7e 100%);
  background-image: -ms-linear-gradient(bottom,  #ffffff 0%, #d28a7e 100%);
  background-image: -o-linear-gradient(bottom,  #ffffff 0%, #d28a7e 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0,#ffffff ), color-stop(1, #d28a7e));
  background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #d28a7e 100%);
  background-image: linear-gradient(bottom, #ffffff 0%, #d28a7e 100%);
	border-radius:20px 20px 20px 20px;
	box-shadow:0px 5px 15px #ffffff inset;
	
}

.titre  a/*Couleurs Premier niveau Titres*/
{	text-decoration: none;
	color:#ccff99;
}
.titre  a:hover/*Couleurs Premier niveau Titres*/
{	text-decoration: none;
	color: #6f0019;
  border: 1px solid #6f0019;
  background: #ffffff;
}
.titre_nage,
.titre_fiches,
.titre_club,
.titre_actif /*Couleurs Premier niveau Titres*/
{
	padding:15px 0px 5px 0px;
	height:30px;
	line-height:30px;
	text-align:center;
	width:100%;
	margin:0 12px 0 0;
	text-decoration: none;
	color:#f52f0f;
	border: 1px solid #f52f0f;
	background: #ffffff;
	font:bold 15px Arial, Helvetica, sans-serif;
	border-radius:3px;												
}
.titre_nage,
.titre_fiches
{
color:#000000;
border-top:none;
border-left:none;
border-right:none;
border-bottom: 1px solid #000000;
width:90%;
position:center;
margin:auto;
border-radius:0px;	
}
.titre_fiches
{
text-transform: uppercase;
font:bold 13px arial;
width:350px;
position:center;
margin:auto;
}
.titre_club
{
	color:#000000;
	width:50%;
	position:center;
	margin:auto;
	border-color:#000000;
	font-size: 18px;
	
}
.titre_actif  a/*Couleurs Premier niveau Titres*/
{
  color: #6f0019;
  text-decoration: none;
}

/* ------------ Fin Titres pages--------------*/
/* ------------ Contenu pages--------------*/
.creat_titre
{
	color: #ffffff;
	font-size: 10px;
}
.liste_choix
{
	color: #000000;
	font-size: 12px;
}
.titre_nageur
{
	font:bold 12px arial;
	color:#000000;
	border-bottom:1px solid #000000;
}
.liste_nageurs
{
	position:right;
	margin : auto;
	color: #000000;
	width:80%;
	height : 500px;
	background : #ffffff;
	font-size: 12px;
	overflow-y : scroll; 
}
.liste_vision1
{
	color: #000000;
	font: 11px arial;
}
.liste_vision2
{
	color: #000000;
	font:  12px arial;
}
.liste_vision3
{
	color: #000000;
	font: italic 10px arial;
}
.titre_resultats
{
	border-bottom: 1px solid #6f0019;
	color: #6f0019;
	font: bold italic 16px arial;
	text-align:left;
}
.commentaires
{
	position:right;
	margin : auto;
	color: #cc1100;
	width:80%;
	font: bold italic 12px arial;
	background-color: #ffffff; 
	
}
.noscreen
{
	display : none;
}

/*-----------Ouverture Popup classements ------------*/
#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 20px;
	height:80%;
	border: 10px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	overflow-y : scroll; 
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -18px -18px 0 0;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
/*--Menus déroulants relais--*/

.liste_relais
{
	position:right;
	margin : auto;
	color: #000000;
	width:80%;
	height : 250px;
	background : #ffffff;
	font-size: 12px;
	overflow-y : scroll; 
}