#menu_gene{
	border-style : outset ;
	border-radius : 8px;
	border-color : #7FB3D5 ;
	height : 100px;
	padding : 5px;
	align-items: center ;
	text-align : center ;
	margin : auto ;
	background-image:linear-gradient(#A3E4D7,#E8F6F3);

}
#menu_gene h1 {
	font-size : 24px;
	text-align: center ;
	margin :0px;
	font-family : calibri, sans-serif;
	background-color: #F4D03F ;
	border-color:  #F4D03F ;
	border-radius :8px;
	/* background-image:linear-gradient(#E8F6F3, #A9CCE3); */
	color : #2874A6 ;
	
}

#menu_gene nav
{
	display:inline-block;
	border-style : ;
	float : center ;
	margin-bottom: 5px;
    position : relative ;
    text-align: center ;
    align-items: center ;
   
    

    
}
#menu_gene nav ul 
{
 	
 	list-style-type : none ;
    padding : 10px;
    /* left : 20%;  */
    background-image : 	linear-gradient(#E8F6F3, #A3E4D7 ) ;
    position : relative ;
    border-width:1px; 
 	border-style:solid; 
 	border-radius :5px;
 	border-color:#2874A6;
 	
  
}


#menu_gene  nav ul a {
	
	text-transform: uppercase ;
	text-decoration: none ;
	font-weight: bold ;
	font-size : 16px;
	color : #2874A6 ;
	font-family : calibri, sans-serif ;
	padding : 10px ;
}

#menu_gene  a {
	
	text-transform: uppercase ;
	text-decoration: none ;
	font-weight: bold ;
	font-size : 16px;
	color : #2874A6 ;
	font-family : calibri, sans-serif ;
	padding : 10px ;



}
#menu_gene nav ul:hover a {
 	text-transform: uppercase ;
	text-decoration: none ;
	font-weight: bold ;
	font-size : 16px;
	font-family : calibri, sans-serif ;
	padding : 10px ;

}

.encart {
	float:left ; 
	margin-left:10px;
	height: 70px;
	display:block ; 
	background-color: #F4D03F ;
	border-color:  #F4D03F ;
	border-radius :8px;
	width:200px; 
	font-family:Calibri; 
	font-size:12px;
	font-weight: : bold;	
	padding:2px;
}




#page
{	
	width:90%;
	margin-left: auto ;
	margin-right: auto ;
	margin-top:10px ;
	padding : 5px;
	align-items: center ;
	text-align: center ;

}

.page
{	
	width:90%;
	margin: auto;
	padding : 5px;
	align-items: center ;
	text-align: center ;

}

 .scrollBbar 
        {
        position:fixed;
        top:50px;
        bottom:0;
        left:0;
        width:200px;
        overflow-x:hidden;
        overflow-y:auto;
       }

.normal table {
vertical-align:top ;
margin-left : auto;
margin-right : auto ;
border: medium solid #6495ed;
/* border-collapse: collapse;  */
border-radius: 5px;
align-items : center ;
}

.normal th {
font-family: calibri, monospace;

border: thin solid #6495ed;
border-radius : 5px;

padding: 5px;
background-color: #bbeeed;
text-transform: uppercase ;
}
.normal td {
font-family: calibri, sans-serif;
font-size : 12px ;
border-bottom-style: : thin solid #6495ed;
padding: 5px;
text-align: center;
background-color: #ffffff;
}
.normal caption {
font-family: calibri, sans-serif;
font-size: 10px;
}

/*
  Classe Table Adherent de la saison
*/
.saison table {
vertical-align:top ;
border: medium solid #6495ed;
/* border-collapse: collapse;  */
border-radius: 5px;
align-items : center ;
}

.saison th {
	
font-family: calibri, monospace;

border: thin solid #6495ed;
border-radius : 5px;
background-color: #F4D03F;
padding: 5px;
/* background-color: #b8f9a3; */
text-transform: uppercase ;
}
.saison tr {
	
border-bottom-style: double;
border-bottom-color: red ;
border-bottom-width: 5px;

}
.saison td {
font-family: calibri, sans-serif;
font-size : 12px ;
padding: 5px;
text-align: center;
background-color: #ffffff;
}
.saison caption {
font-family: calibri, sans-serif;
font-size: 10px;
}




.saisie {

display : block ;
padding : 10px;
border-radius : 5px;
border-style : outset ;
border-color : #5499c7 ;
font-family: calibri ; sans-serif ;
font-size : 16px;
}

.saisie h2 {
	font-style : calibri ;
	font-size : 18px ;
	text-transform: uppercase;
}



.tabsaisie td {
font-family: calibri, monospace;
border: thin solid #6495ed;
border-radius : 5px;
padding: 5px;
background-color: #E8F8F5 ;
text-align: left ;
text-transform: uppercase ;
font-size : 14px ;
}

.tabsaisie th {
font-family: calibri, monospace;
border: thin solid #6495ed;
border-radius : 5px;
padding: 5px;
background-color: #bbeeed;
text-transform: uppercase ;
}


.normal table {
vertical-align:top ;
margin-left : auto;
margin-right : auto ;
border: medium solid #6495ed;
/* border-collapse: collapse;  */
border-radius: 5px;
align-items : center ;
}

.normal th {
font-family: calibri, monospace;

border: thin solid #6495ed;
border-radius : 5px;

padding: 5px;
background-color: #bbeeed;
text-transform: uppercase ;
}
.normal tr td {
font-family: calibri, sans-serif;
font-size : 12px ;
border-bottom-style: : thin solid #6495ed;
padding: 5px;
text-align: center;
background-color: #ffffff;

}

.normal caption {
border-bottom-style: : thin solid #6495ed;
font-family: calibri, sans-serif;
font-size: 10px;
}
.tabsaisie caption {
font-family: calibri, sans-serif;
font-size: 10px;
}


#creation
{
	display : block ;
	height: 100 px;
	margin : auto ;
	border : 2px ;
	border-color: blue ;
}

.btn-modif
{
	display : inline-block ;
	border : none ;
	color : white ;
	padding: 5px;
	margin-right: 3px;
	text-decoration :none ;
	background-color :#2eada9; 
	font-size : 12px ;
	font-style: bold ;
	text-transform : uppercase ;
}
.checked
{
	display : inline-block ;
	border : none ;
	color : white ;
	padding: 5px;
	margin-right: 3px;
	text-decoration :none ;
	background-color :#2874A6; 
	font-size : 12px ;
	font-style: bold ;
	text-transform : uppercase ;
}
.btn-lancer
{
	display : inline-block ;
	border : none ;
	color : white ;
	padding: 5px;
	margin-right: 3px;
	text-decoration :none ;
	background-color :#2874A6; 
	font-size : 12px ;
	font-style: bold ;
	text-transform : uppercase ;
}

.btn-inactif
{
	display : inline-block ;
	border : none ;
	color : black ;
	padding: 5px;
	margin-right: 3px;
	text-decoration :none ;
	background-color :#fef9e7; 
	font-size : 12px ;
	font-style: italic; ;
	text-transform : uppercase ;
}

.btn-creation
{
	display : inline-block ;
	border : none ;
	color : white ;
	padding: 5px;
	margin-right: 3px;
	text-decoration :none ;
	background-color :#f97f05; 
	font-size : 16px ;
	font-style: bold ;
	text-transform : uppercase ;
}

.btn-ajoute
{
	display : inline-block ;
	border : none ;
	color : white ;
	padding: 5px;
	margin-right: 3px;
	text-decoration :none ;
	background-color :#ff9900; 
	font-size : 12px ;
	font-style: bold ;
}
.btn-supprime
{
	display : inline-block ;
	border : none ;
	padding : 5px;
	margin-right: 3px;
	color : white ;
	background-color: #f02b0b ;
	text-decoration :none ;
	font-size : 12px ;
	font-style: bold ;
	text-transform : uppercase ;
}

#menu_index{
	display:inline-block;
	/* border-style : outset ; */
	border-radius : 8px;
	border-color : #7FB3D5 ;
	height : 200px;
	width: 400px;
	float:left;

	padding : 0px;
	margin-top: 50px;
	/* background-image:linear-gradient(#A3E4D7,#E8F6F3); */

}

#menu_index nav
{
	/* display:inline-block; */
	float : left ;
    position : relative ;
    text-align: center ;
    align-items: center ;
   
    

    
}
#menu_index nav ul li
{
 	
 	margin-top:5px;
 	list-style-type : none ;
    padding : 10px;
    /* left : 20%;  */
    background-image : 	linear-gradient(#E8F6F3, #A3E4D7 ) ;
    position : relative ;
    border-width:1px; 
 	border-style:solid; 
 	border-radius :5px;
 	border-color:#2874A6;
 	
  
}


#menu_index  nav ul a {
	
	text-transform: uppercase ;
	text-decoration: none ;
	font-weight: bold ;
	font-size : 16px;
	color : #2874A6 ;
	font-family : calibri, sans-serif ;
	padding : 10px ;




}
#menu_index nav ul:hover a {
 	text-transform: uppercase ;
	text-decoration: none ;
	font-weight: bold ;
	font-size : 16px;
	font-family : calibri, sans-serif ;
	padding : 10px ;

}

#chart {
    height: 300px;
    width: 200px;
    margin: 0 auto;
}