html { font-size: 62.5%; } 

body {
	margin: 0px;
	padding: 0px;
	min-width:800px;	
	/*background-color: black;*/
	background: linear-gradient(to bottom,#e6ebee,#bfcace) fixed;
	Font-Family: Cursive;
	color: black;
}

#titre {
	font-size: 5rem;
	font-family: Cursive,Tahoma; 
	font-weight: bold; 
	font-variant: small-caps; 
	text-align: center;
	color: white; /*#0099FF; /*#3333FF;*/
	border-radius: 10px;
	background: #014359; /*#0099FF; /*linear-gradient(to bottom, #99CCFF, #000066);*/
	/*text-shadow:1px 0px 4px white, 3px -3px 4px #88FFFF; 5px -6px 6px #22FFFF, 7px -9px 11px #0077FF, 9px -12px 18px #0044FF;*/
	/*text-shadow:1px -1px 4px white, 2px -2px 4px #88FFFF;*/
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 5px;
	box-shadow: 4px 4px 5px 0px white;
}


#bloc_bas {
	width: 730px;
	height: 70px;
	clear:both;
	margin: auto;
	padding: 0px;  	   
}			  
.logo_bas{
	margin: 0px 10px 5px 10px;
	padding: 0px; 
	float:left;
}

#date_modif {
	margin: 0px;
	margin-top: 5px; 
	margin-right: 5px; 
	padding: 0px; 
	font-family: Georgia; 
	font-size: 10px; 
	font-style: italic; 
	color: #5555FF;
	text-align: right;
	clear:both;	   
}

#corps {
	/*margin: 0 250px 0 250px;*/
	margin: 20px;
	clear:both;
}
.bloc_centre{ 
	
	min-width: 400px;
	/*border: 1px solid #AAAAFF;*/
	border-radius: 10px;
	/*font-family: "Times New Roman";*/
	font-size: 1.5rem;
	margin-top: 0px;
	margin-bottom:10px;
	margin-right:20px;
	margin-left:20px;
	padding: 2px 2px 2px 5px;
	border-radius: 10px;
	background-color: white;/*rgba(200,200,200,.7);
	/*background: linear-gradient(to top, white, #999999);*/
	box-shadow: 4px 4px 5px 0px #002244;
	
}	
.internal_left_bloc{	   
	float: left;
	margin-top: 0;
	margin-right: 10px;
}
.internal_right_bloc{	 
	float: right;  
	margin-top: 0;
	margin-right: 10px;
}
.internal_clear_bloc{	 
	clear: both;  
}
h1 {
	margin: 0px;
	color: #014359; /*#3333FF;*/
	font-size: 3rem;
}

h2{
	margin: 0px; 
	color: #014359; /*#3333FF;*/
	font-size: 2.5rem;
}

h3{
	margin: 0px; 
	color: #014359; /*#3333FF;*/
	font-size: 2rem;
} 
p{
	text-indent: 10px;
}     
a{
	color: black;
}          
img{
	border:0;
}

#bloc_gauche {
	text-align:center;
	height: 40px;
	background: #014359; /*#0099FF;*/
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 5px;
	border-radius: 10px;
	box-shadow: 4px 4px 5px 0px white;
	display:flex;
	justify-content: center;
    align-items: center;
}
.menu_gauche {
	margin-top: 0px;
	border-radius: 5px;
	margin-left: 5px; 
	margin-right: 5px;
	font-size: 1.8rem;
	float:left;
	min-width:120px;
	line-height:40px;
	height: 40px;
}
.text_menu_gauche{
	overflow:hidden;
	height:0px;
	margin-left: 5px; 
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	line-height:25px;
	font-size: 1.5rem;
	background: #0099FF;
	position: relative;
	z-index: 4;
	transition: all 1s ease;
	border-radius: 0px 0px 5px 5px ;
	opacity: 0.5;
}
.text_menu_gauche:hover{
	height:160px;
	opacity: 1;
}
.titre_menu_gauche:hover+.text_menu_gauche{
	height:160px;
	opacity: 1;
}
.titre_menu_gauche{
	font-weight: bold; 
	color: white;
}
.titre_menu_gauche  img {
	display: none;
}

.titre_menu_gauche a {color:white;} 

#bloc_droit {
	text-align:center;
	clear:both;
	display:flex;
	justify-content: center;
    align-items: center;
	height: 30px;
	background:  #014359;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 5px;
	border-radius: 10px;
	box-shadow: 4px 4px 5px 0px white;
}
.menu_droit{
	margin-top: 0px;
	border-radius: 5px;
	margin-left: 5px; 
	margin-right: 5px;
	font-size: 1.5rem;
	float:left;
	min-width:150px;
	line-height:30px;
	height: 30px;	
}
.text_menu_droit{
	overflow:hidden;
	height:0px;
	margin-left: 5px; 
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	line-height:15px;
	font-size: 1.3rem;
	line-height:20px;
	background: #0099FF;
	position: relative;
	z-index: 3;
	transition: all 1s ease;
	border-radius: 0px 0px 5px 5px ;
	opacity: 0.5;
}

.titre_menu_droit img {
	display:none;
}

.titre_menu_droit:hover + .text_menu_droit{
	height: 160px;
	opacity: 1;
}

.text_menu_droit:hover{
	height: 160px;
	opacity: 1;
}

.titre_menu_droit{
	font-weight: bold; 
	color: white;
}
  

.gras {font-weight: bold}
.erreur {color: red; font-weight: bold	}
.validation{font-weight: bold; text-align: center; color: green}
.smallIndent{padding-left: 15px;}
.largeIndent{padding-left: 62px;}
.largeInternalIndent{padding-left: 98px;}
.imageAlign {vertical-align: bottom}