html, body {
 margin: 1;
 padding: 1;
 }
body {
	
 background-color: white; 
 font-family: Verdana, sans-serif; 
 font-size: 75%;
 }
 textarea {
	width: 100%;

 }
 .login-form {
	width: 300px;
	margin: 0 auto;
	font-family: Tahoma, Geneva, sans-serif;
}
.login-form h1 {
	text-align: center;
	color: #0a80f7;
	font-size: 24px;
	padding: 20px 0 20px 0;
}

.login-form input[type="password"],
.login-form input[type="text"],
.login-form input[type="email"] {
	width: 100%;
	padding: 15px;
	border: 1px solid #dddddd;
	margin-bottom: 15px;
	box-sizing:border-box;
}
.login-form input[type="submit"] {
	width: 100%;
	padding: 15px;
	background-color: #0a80f7;
	border: 0;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: bold;
	color: #ffffff;
}
.login-form a {
	width: 100%;
	padding: 5px;
	background-color: #cacecc;
	border: 0;
	box-sizing: border-box;
	
	color: black;
}
h1 {
 font-size: 200%; 
 color: navy; 
 text-align: center;
 }
h2 {
 font-size: 150%; 
 color: #0a80f7; 
 padding-left: 15px;
 }
p,ul,li,td {
 color: black; 
 }
a:link {
 color: green;
 text-decoration: underline;
 }
a:visited {
 color: green;
 }
a:hover {
 color: red;
 text-decoration: none;
}
a:active, a:focus {
 color: red;
}

table {
  text-align: left;
}

td {
	font-family: sans-serif;
	border: thin solid #6495ed;
	padding: 5px;
	height: 30px;
	text-align: center;
	background-color: #ffffff;
	font-size: smaller;
	
	}
th {
	font-family: sans-serif;
	border: thin solid #6495ed;
	padding: 5px;
	text-align: center;
	background-color: #D0E3FA;
	}
.bandeau {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100px;
        background-color : #E6EFFD;
        border-top: solid black 1px;
        padding: 5px;
        padding-left: 5px;
        padding-top: 0;
        color: white;
        opacity: .8;
        filter: alpha(opacity=90);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        box-shadow: 1px 10px 12px #000000;
        filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=200, Strength=12);
        zoom: 1;
		z-index:2;
}

body>.bandeau {position:fixed}

label
{
	display: block;
	width: 350px;
	float: left;
}

.shadowbox {
  width: 25em;
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}


.rTable {
				display: table;
				
		}
		.rTableRow {
				display: table-row;
				
		}
		.rTableHeading {
		    	display: table-header-group;
		    	background-color: #ddd;
		}
		.rTableCell, .rTableHead {
			text-align: center;
			vertical-align: middle;
		    	display: table-cell;
		    	padding: 3px 10px;
				border: 2px solid #333;
		}
		.rTableCell2, .rTableHead2 {
		    	display: table-cell;
		    	padding: 3px 10px;
				border: 1px solid #333;
				box-shadow: 8px 8px 5px #444;
				background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
				width: 90%;				
		}		
		.rTableCell3, .rTableHead3 {
				display: table-cell;
				
		    	padding: 3px 10px;
				border: 2px solid #333;
				box-shadow: 8px 8px 5px #444;
				background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
				width: 50%;				
		}	
		.rTableCell4, .rTableHead4 {
		    	display: table-cell;
		    	padding: 0px 0px;
				border: 3px solid #333;
				
		}		
		.rTableHeading {
		    	display: table-header-group;
		    	background-color: #ddd;
		    	font-weight: bold;
		}
		.rTableFoot {
		    	display: table-footer-group;
		    	font-weight: bold;
		    	background-color: #ddd;
		}
		.rTableBody {
		    	display: table-row-group;
		}


		
		/* INFOBULLE */
        .tooltip {
			position: relative;
			display: inline-block;
		}
  
		.tooltip .tooltiptext {
			visibility: hidden;
			width: 200px;
			background-color: #fff;
			color: #086cbc;
			text-align: center;
			border-radius: 5px;
			padding: 5px;
			position: absolute;
			z-index: 3;
			left: 100%;
			transform: translateX(-50%);
			opacity: 0;
			transition: opacity 0.2s;
		}
	   
  
		.tooltip:hover .tooltiptext {
			visibility: visible;
			opacity: 1;
		}
		/* FIN INFOBULLE */