#noscreen
{
	display:none;
}

body
{
	background:-webkit-linear-gradient(right, rgb(140, 8, 1) 0%, rgb(236, 121, 32) 100%);
	margin:-1px;
	z-index:1;
}
#header
{
	height:150px;
	width:96%;
	position:left;
	margin-left:30px;
	background: url(../images/bandeau-4.png)  no-repeat scroll 0 0 / 98% 90%;
	background-position:center bottom;
	background-color:-webkit-linear-gradient(right, rgb(236, 121, 32) 0%, rgb(140, 8, 1) 100%);
	
}
.header-content
{
	color:#d21040;
	padding-top:70px;
	padding-left:45%;
	font:bold 18px georgia;
	height:150px;
}
#page
 {
  background: #8c0801;   
   background-image: -moz-linear-gradient(right, #8c0801 0%, #ec7920  100%);
  background-image: -ms-linear-gradient(right, #8c0801 0%, #ec7920  100%);
  background-image: -o-linear-gradient(right, #8c0801 0%, #ec7920  100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #902020), color-stop(1, #ffffff));
  background-image: -webkit-linear-gradient(right, #8c0801 0%, #ec7920  100%);
  background-image: linear-gradient(right, #8c0801 0%, #ec7920  100%);
   background:url(../images/bandeau_couleurs.gif) no-repeat scroll 0 0 / 100% 20%;
  background-position: 100% 30%;
  z-index:1;
}
#corps
{
	width:96%;
	margin-left:auto;
	margin-right: auto;
	background:#ffffff;
	min-height:1200px;
	height:auto;
	box-shadow:1px 3px 10px #d68234;
	border-radius:5px;	
	z-index:1;
}


#corps_inv
{	
	background:#f9f3ec;
	min-height:1000px;
	height:auto;
}
.fenetre
{
	border:1px outset #fd6a47;
	box-shadow: 1px 1px 2px #cc1100;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cc1100, Direction=134, Strength=2);
}
#saison
{
	text-align:right;
	font: bold 25px Showcard Gothic;
	color: #ffffff;
	text-shadow: 0 4px 0 #fd3b19;
	padding-top:74px;
	padding-right:25px;
}
.saison
{
	text-align:center;
	font:16px Showcard Gothic;
	color: #ffffff;
	text-shadow: 0 4px 0 #fd3b19;
	background:#ffee87;
	padding: 5px;	
	background-color: #8caab5;
	border-radius:10px;
}
.choix_saison
{
	font:bold 18px georgia;
	color:#AB3140;
	position:center;
	margin:auto;
	text-align:center;
}
.cadre
{
		border: 1px outset;
		background-color:#f5e7d4;
		position:relative;
}
.bouton
{
	border:none;
	-moz-box-shadow: 2px 2px 2px 1px #ce6301;
	-webkit-box-shadow: 2px 2px 2px 1px #ce6301;
	-o-box-shadow: 2px 2px 2px 1px #ce6301;
	box-shadow: 2px 2px 2px 1px #ce6301;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#ce6301, Direction=134, Strength=2);
	border-radius:3px;
	line-height:23px;
	font:bold 14px georgia;
	color:#e20e30;
	background-color:#f9f3ec;
	padding-left:30px;
	padding-right:30px;
	text-align:center;
	position: relative;
	z-index:1;
}
.bouton_choisi
{
	border:none;
	-moz-box-shadow: 2px 2px 2px 1px #ce6301;
	-webkit-box-shadow: 2px 2px 2px 1px #ce6301;
	-o-box-shadow: 2px 2px 2px 1px #ce6301;
	box-shadow: 2px 2px 2px 1px #ce6301;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#ce6301, Direction=134, Strength=2);
	border-radius:3px;
	line-height:23px;
	font:bold 14px georgia;
	color:#f9f3ec;
	background-color:#e20e30;
	padding-left:30px;
	padding-right:30px;
	text-align:center;	
	position: relative;
}
.bouton:hover
{
	color:#f9f3ec;
	background-color:#AB3140;
	font:bold 14px georgia;
}
.bouton_choix
{
	border:none;
	-moz-box-shadow: 2px 2px 2px 1px #ce6301;
	-webkit-box-shadow: 2px 2px 2px 1px #ce6301;
	-o-box-shadow: 2px 2px 2px 1px #ce6301;
	box-shadow: 2px 2px 2px 1px #ce6301;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#ce6301, Direction=134, Strength=2);
	border-radius:5px;
	line-height:20px;
	font:11px Georgia;
	color:#e20e30;
	background-color:#f9f3ec;
	width:30px;
	padding-bottom:2px;
	text-align:center;
	position:relative;
	margin:auto;
	
}
.bouton_choix:hover
{
	color:#f9f3ec;
	background-color:#AB3140;
	font:12px Georgia;
	position:relative;
}
/*Gestion des menus */
.menu
{
	padding:0px;
	list-style-type:none;
	position:relative;	
}
.submenu
{
	display:none;
	list-style-type:none;
}
.submenu li input
{
	display:inline-block;
	text-decoration:none;
}
li:hover .submenu 
{
	display:inline-block;
	position:absolute;
	top:0px;
	left:100%;
	padding:0px;
	z-index:1;
}
.menu_general_fixe,
.menu_general
{
	
    padding: 5px 15px;
	font-size: 15px;
    font-variant: small-caps;
    font-weight: bold;
	margin-bottom:0px;
	box-shadow:1px 3px 50px #d68234;
	width:100%;
	background-color: #fa190c;
    color: #eae728;
	text-align:left;
	position: relative;
}	
.fleche
{
	
  display: inline-block;
}
.fleche:hover {
  animation: rotationFleche 0.2s linear forwards;
}

@keyframes rotationFleche {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(45deg);
  }
  100%{
    transform: rotate(90deg);
  }
}
.menu_general a
{
	 color: #eae728;
	text-decoration:none;
	 padding: 5px 15px;
	 text-align:left;
}
.menu_general_actif,
.menu_general_choisi,
.menu_general:hover
{
	
    padding: 5px 15px;
	background-color:#eae728 ;
    color: #fa190c;
	font-size: 15px;
    font-variant: small-caps;
    font-weight: bold;
	margin-bottom:0px;
	box-shadow:1px 3px 50px #d68234;
	width:100%;
	position: relative;
	text-align:left;
}
.menu_general:hover a
{
	color: #fa190c;
	text-align:left;
}
.sub_menu_general
{
	border: 1px solid #eae728;
    padding: 5px 15px;
	font-size: 13px;
    font-variant: small-caps;
    font-weight: bold;
	margin-bottom:0px;
	box-shadow:1px 3px 50px #d68234;
	border-radius:5px;
	width:80%;
	background-color: #fa190c;
    color: #eae728;
}
.sub_menu_general_fixe,
.sub_menu_general:hover
{
	border: 1px solid #eae728;
    padding: 5px 15px;
	font-size: 13px;
    font-variant: small-caps;
    font-weight: bold;
	margin-bottom:0px;
	box-shadow:1px 3px 50px #d68234;
	border-radius:5px;
	width:80%;
	background-color:#eae728 ;
    color: #fa190c;
	position: relative;
}
.nageur_titre,
.choix_entr_prec_titre
{
	border: 1px outset #eae728;
    padding: 5px;
	background-color: #fa190c;
    color: #eae728;
	font-size: 12px;
    font-variant: small-caps;
    font-weight: bold;
	width:95%;
	margin-bottom:0px;	
	text-align:center;
	position:center;
	margin:auto;
	z-index:2;
	position: relative;
}

.nageur_titre_fixe,
.choix_entr_prec_titre_fixe
{
	z-index:2;
	border: 1px outset #eae728;
    padding: 5px;
	background-color:#eae728 ;
    color: #fa190c;
	font-size: 12px;
    font-variant: small-caps;
    font-weight: bold;
	width:95%;
	margin-bottom:0px;	
	text-align:center;
	position:center;
	margin:auto;
	position: relative;
}
.choix_entr_prec_titre:hover
{
	background-color: #eae728 ;
    color:#fa190c;
}
.choix_entr_prec_titre a
{
	color: #eae728;
	font-size: 10px;
    font-variant: small-caps;
    font-weight: bold;
	text-decoration:none;
}
.choix_entr_prec_titre a:hover
{
	color: #fa190c;
}
.nageur_titre:hover
{
	z-index:2;
	border: 1px outset #eae728;
    padding: 5px;
	background-color:#eae728;
    color:  #fa190c;
	font-size: 12px;
    font-variant: small-caps;
    font-weight: bold;
	width:95%;
	margin-bottom:0px;	
	text-align:center;
	position: relative;
}
/* Mise en forme des noms des nageurs*/
.liste_nageur
{
	background-color:#fef6ec;
	width:100%;
	font: bold italic 11px Georgia;
}
.nageur_ancien,
.nageur_saison,
.choix,
.liste_choix
{
	background-color:#fef6ec;
	border:none;
	font: bold italic 11px Georgia;
	width:90%;
	padding-left:10px;
}
.nageur_ancien:hover,
.nageur_saison:hover
{
	text-decoration:underline;
}
.nageur_ancien_titre,
.nageur_saison_titre
{
	background-color:#ffbb21;
	border:none;
	font: bold italic 13px georgia,Georgia, serif;
	text-align:center;
	color: #ffffff;
	text-decoration:none;
	font-variant: small-caps;
}
.label_boites
{
	text-align: center;
	vertical-align: center;
	color:#e20e30;
	text-decoration:none;
}
.label_boites
{
	font:12px Georgia;
}
.num_entrainement
{
	border: 1px outset #e20e30;
    padding: 5px 15px;
	background-color: #ffffff;
    color: #e20e30;
	font-size: 11px;
    font-weight: bold;
	text-align:center;
}

.num_entrainement_choix,
.saison_choix
{
	color:#000000 ;
	padding-bottom:20px;
	font-size: 12px;
	text-align:right;	
	line-height:20px;
	text-decoration:none;
	background:inherit;
}
.num_entrainement_choisi
{
	color:#e20e30;
	padding-bottom:20px;
	font-size: 15px;
	font-weight:bold;
	text-align:right;	
	line-height:20px;
	text-decoration:none;
}
.num_entrainement_precedent_choisi
{
	color:#000000;
	font-size: 15px;
	line-height:25px;
	text-decoration:none;
}
.nage_titre
{
	border: 1px outset #eae728;
    padding: 5px;
	background-color: #eae728;
    color: #fa190c;
	font-size: 22px;
    font-variant: small-caps;
    font-weight: bold;
	width:80%;
	margin-bottom:0px;	
	text-align:center;
	position:center;
	margin:auto;
}
/*Mise en page des entrainements*/
.titre_entr
{
	font:bold 18px Georgia;
	text-align: center;
	vertical-align: center;
	border:outset 2px #fd3b19;
	padding:10px;
	color:#000000;
	text-decoration:none;
}
.titre_entr a
{
	color:#000000;
	text-decoration:none;
}
.titre_a
{
	font:bold 18px Georgia;
	text-align: center;
	vertical-align: center;
	color:inherit;
	text-decoration:none;
}
.titre_serie
{
	font:italic 13px georgia;
	text-align:center;
	position:center;
	margin:auto;
}
.titre_serie a
{
	color:#000000;
	text-decoration:none;
}
.commentaire
{
	font:italic bold 12px Georgia;
	text-align: center;
	border-bottom:solid 1px #fd3b19;
	padding-bottom:5px;
	padding-left:35px;
	position: relative;
}
.commentaire_serie
{
	font:italic bold 12px Georgia;
	text-align: center;
	border-bottom:solid 1px #fd3b19;
	padding-bottom:5px;
	margin-left:-11px;
	margin-right:-11px;
	margin-bottom:10px;
	position: relative;
}
.vision_serie
{
	border:solid 1px #fd3b19 ;
	padding:10px;
	border-radius:10px;
	position: relative;
}
.vision_serie_nage,
.vision_serie_distance,
.vision_entrainements_nages
{
	font: italic 12px georgia;
	line-height:14px;
	position: relative;
}
.vision_serie_distance
{
	padding-left:5px;
	text-align:left;
	position: relative;
}
.vision_serie_nage
{
	padding-left:5px;
	text-align:left;
	position: relative;
}
.vision_entrainements_nages
{
	padding-left:5px;
	text-align:left;
    bottom: 40;
}
.texte
{
	font: 12px Georgia;	
	color: #000000;
	line-height:1.8;
	text-decoration:none;
}
.texte_serie
{
	font: italic bold 13px Georgia;
	line-height:18px;
}
.texte_donner
{
	font: italic 11px Georgia;
	padding-left:15px;
}

/* Mise en page des saisies de séries */

.input_saisie_repetitions,
.input_saisie_distances,
.texte_recup,
.input_saisie_recups,
.input_liste_choix,
.input_repet_commentaire_1,
.input_repet_commentaire_2
{
	font: italic 12px Georgia;
	text-align:center;
	padding:0px;
	border:1px dotted #fd3b19;
}
.input_saisie_repetitions
{
	width:25px;
}
.input_saisie_distances
{
	width:35px;
}
.input_saisie_recups,
.input_liste_choix
{
	width:40px;
}
.input_liste_choix
{
	width:100px;
}
.input_repet_commentaire_1
{
	width:200px;
}
.input_repet_commentaire_2
{
	width:300px;
}
.texte_recup
{
	border:none;
}
/*pages recueil*/
.nageur_recueil_saisis,
.nageur_recueil_saisis_fixe
{
	text-align:left;
	width:100%;
	background-color:#edc8a5;
	border: 1px solid #eae728;
    padding: 5px 15px;
	font-size: 10px;
    font-weight: bold;
	margin-bottom:0px;
	box-shadow:1px 3px 5px #d68234;
    color: #fa190c;
}
.nageur_recueil_saisis:hover,
.nageur_recueil_saisis_choisi
{
	text-align:left;
	width:100%;
	background-color:#fa190c;
	border: 1px solid #eae728;
    padding: 5px 15px;
	font-size: 10px;
    font-weight: bold;
	margin-bottom:0px;
	box-shadow:1px 3px 5px #d68234;
    color: #eae728;
}
.voir_semaine_semaine
{
	height:900px;
	overflow: auto;
	position:relative;
}
.stats
{
	border: 1px solid black;
	border-radius: 3px;
	position:relative;
	font-size:12px;
}
.titrecompet
{
	color: #d6401d;
    text-shadow: 1px 1px 0 #fdf548;
    font: bold 13px Georgia;
    padding: 5px;
    text-decoration: none;
	border-bottom: 1px solid #e7e7e7;
	text-align:center;
	background-image: linear-gradient(to top, #ffffff, #e7e7e7);
	position:relative;
	line-height:2;
}
.menu_titre,
.menu_titre a
{
	font: bold 12px Georgia;
	background-image: linear-gradient(to bottom, #ffffff, #e7e7e7);
    color: #d6401d;
	text-decoration:none;
	text-align:center;
	position:relative;
}
.menu_titre_actif,
.menu_titre_actif a
{
	font: bold 12px Georgia;
	background-image: linear-gradient(to bottom,#d6401d , #e7e7e7);
    color: #ffffff;
	text-decoration:none;
	text-align:center;
	position:relative;
}
.nom
{
	border-radius: 5px;
    box-shadow: 5px 5px 10px #94b696;
    color: #993300;
    font: bold 13px Georgia;
    padding: 5px;
    text-align: left;
	font-variant : small-caps;
}
.nage
{
	font: 12px Georgia;	
	color: #000000;
	line-height:1.8;
	text-decoration:none;
}
.lettre
{
	font: italic bold 11px Arial, Helvetica, sans-serif;
	text-align: center;
	color:  #6f0019;
	background-image: url(../images/icones.jpg);
	padding:7px;
	border-left: 1px solid #993300;
	border-top : 1px solid #993300;
	border-right : 2px solid #993300;
	border-bottom : 3px solid #993300;	
	text-decoration:none;
	border-radius : 20px;
	
}
.lettre:hover
{
	font: italic bold 15px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #ffffcc;
	padding:10px;
	background-image: url(../images/icones_depliant.jpg);
	border-left: 1px solid #993300;
	border-top : 1px solid #993300;
	border-right : 2px solid #993300;
	border-bottom : 3px solid #993300;	
	text-decoration:none;
	border-radius : 20px;	
}
.lettre_choix
{
	font: italic bold 15px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #ffffcc;
	padding:10px;
	  background-image: url(../../../img/icones_depliant.jpg);
	border-left: 1px solid #993300;
	border-top : 1px solid #993300;
	border-right : 2px solid #993300;
	border-bottom : 3px solid #993300;	
	text-decoration:none;	
	border-radius : 20px;	
}
/*-----------Menu déroulant--------------------------------------------*/

nav {
  width: 98%;
  position: center;
  margin:auto;
  top:-40px;
  z-index:5;
}

nav > ul {
  display: flex;
  text-align: center;
  box-shadow:1px 3px 10px #d68234;
  height: 35px;
  margin-top:-20px;
}

nav ul {
  list-style-type: none;
}

nav > ul > li {
  background-color: white;
  height: 100%;
  flex: 1;
  border: 2px solid #fff;
  
}
.sous-menu {
	  width: 70%;
	  text-align: left;
	  overflow: hidden;
	  max-height: 0;
	  border-radius: 5px;
	  border: 1px solid  #eae728;
	  background-color:#eae728;
	  color: #fa190c;
	font-size: 13px;
	font-variant: small-caps;
	font-weight: bold;
	margin-bottom:0px;
	box-shadow:1px 3px 50px #d68234;	
}
.menu-deroulant:hover > .sous-menu {
  animation: apparitionSousMenu 2s forwards;
}

@keyframes apparitionSousMenu 
{
  0% {
     border:1px solid  #eae728;
	background-color:#fa190c ;
    color: #fa190c;
	width: 100%;
  }
  30% {
     border:1px solid  #eae728;
	  background-color:#fa190c;
	  color:#eae728 ;
	  width: 100%;
  }
  100% {
    max-height: 60em;
	 border:1px solid   #eae728;
	  background-color:#fa190c;
	  color:#eae728 ;	
	font-size: 13px;
    font-variant: small-caps;
    font-weight: bold;
	margin-bottom:0px;
	box-shadow:1px 3px 50px #d68234;
	width: 100%;
  }
}

.sous-menu > li:hover {
  background-color: #eae728;
  z-index:1000;
  color: #fa190c;
}

.sous-menu > li {
  align-items: center;
  display: flex;
  height: 35px;
  padding-left: 30px;
  width: 120%;
  margin-left:-40px;
  color: #eae728;
}
.sous-menu > li > a{
  color: #eae728;
}
.sous-menu > li > a:hover{
  color: #fa190c;
}
/*-------------------------------------------------------
:root{
  --hauteur-menu: 30px;
}
* {
  margin: 0px;
  padding: 0px;
  font-family: Montserrat, sans-serif;
}
nav > ul > li:hover > a{
  color: #2169EC;
}

nav > ul > li > a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

li a {
  text-decoration: none;
  color: black;
}
.menu-deroulant :after{
  content: '❯';
  font-size: 15px;
  margin-left: 7px;
  display: inline-block;
  color:#fa190c;
}
.menu-deroulant:hover :after{
  animation: rotationFleche 0.2s linear forwards;
}

@keyframes rotationFleche {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(45deg);
  }
  100%{
    transform: rotate(90deg);
  }
}









*/