#top { background-color: #333333;
		color: #FFFFFF;
		border : 5px; 
	    border-radius: 10px; 
		font-weight: bold;
	}
		
#top a { background-color: #333333;
		color: #FFFFFF;
		text-decoration: none;
}


.data-table { width: 100%; }


#topcentre { font-size: 25px; 	 
			 text-align: center; }
	
#loginform { text-align: right; }


#gauche { float:left;
			width: 17%; }

.menu { background-color: #333333;
		color: #FFFFFF;
		border : 5px; 
	    border-radius: 10px; 
		font-weight: bold;
		text-align:center;
	}

.sousmenu { background-color: #EEEEEE; 
			border-radius: 5px;
			}

#main { float: right; 
		width: 83%; 
		text-align: center; }

.feve { float: left;
		text-align: center;
		height: 250px;
        border : 2px;
        
	  }

.collection {
  margin: 50px;
  background-color: #cae8ca;
  border: 2px solid #4CAF50;

	}
	 
.headline {
		background-color: #cae8ca;
		color: #4CAF50;
		border : 5px; 
	    border-radius: 10px; 
		font-weight: bold;
		text-align: center;
		font-size: 25px; 
	}	 
	 
.fevetitre { clear : left; 
			 margin: 15px;
			 font-size: 15px; 	 	
			}

.feve input { width: 20px; 
              text-align: center;
            }

input { width: 80%; }

#ok { width: 50px; }

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 5px;
  background-color: #cae8ca;
  border: 2px solid #4CAF50;
}

/*tr { height: 120px; }


td { font-size: 15px;
	 text-align: center;
	 border: 2px solid #4CAF50;
	 margin : 1px;
	 height : 120px;
	  }
	 
	 
table { width: 80%;
		border-collapse: collapse; }
*/

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

b { background-color: #333333;
		color: #FFFFFF;
		}
b a { background-color: #333333;
		color: #FFFFFF;
		}


#feves { display:none; }

.onglet {   background-color: #cae8ca;
			border: 1px solid #4CAF50;
			width: 15%;
			float: left;
			border-radius: 10px;
		}
		
.active { background-color: #4CAF50; }		
	
.twAudessus {
  /* Le trame de fond */
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  display: none;
  background: rgba(0,0,0,0.7);
}

.twAudessus a {
  /* Le truc pour centrer l’image */
  display: table-cell; 
  vertical-align: middle; 
  text-align: center;
}

.twAudessus img {
  /* Le contour de l’image */
  max-width:1200px;
  padding: 10px;
  background: #ffffff;
}

/* Selecteur « target pour afficher l’image » */
.twAudessus:target { display: table; }