@charset "utf-8";
/* CSS Document */
/* ----partie Fonction -----------------------------------------------------*/
.ContenuFonction{ display: flex; 
					justify-content:center;
					width:100%;}

.BlocFonction, .BlocFonctionCentre{ 
				display: flex;
				text-align: center; /* centrer horizontalement*/
				align-items: center;/* centrer verticalement*/
				max-width:150px;
				height :100%;
				}
.BlocFonctionCentre{ border: 1px solid black;background-color: #ddd; }

.Case {	width:240px;
		height: 200px;
		display: table-cell;/* comme une cellule de tableau  border : 2px solid;*/
		text-align: center;
		vertical-align:bottom; 
		/*border-color:black; border: solid; limites*/
	}

.BlocAuCentre2 {				
				margin: auto;
				width: 100%;
				display: flex;
				justify-content: center;
				/*border: 1px solid #ff0;background-color: #eee;*/
}
#ImgDroite {float: right;
			height: 100px;
			}

h1 {margin : 20px;
	font-size: 25px;
	padding: 0px;
	}
h2{font-size: 25px;	color: #005ae5  ;
	margin : 30px 0px 7px auto;/* haut | horizontal | bas */
	text-shadow: 1px 1px 2px #e8f7ff;/* offset-x | offset-y | blur-radius | color */
	/*border: 1px solid black;  cadre de MiseAuPoint */
	} 

h4{text-align: center; margin-top:15px; margin-bottom:5px	}

strong {	font-size: 20px; font-weight :bolder;
	line-height: 50px;
	text-decoration-line: underline;
	}
b {	color: rgba(255, 255, 255, 1);
	text-shadow: 1px 1px 0px #005ae5, 1px -1px 0px #005ae5, 
				-1px 1px 0px #005ae5, -1px -1px 0px #005ae5, 
				1px 0px 0px #005ae5, 0px 1px 0px #005ae5, 
			   -1px 0px 0px #005ae5, 0px -1px 0px #005ae5;
			   text-decoration-line: none;
			   font-weight:normal; letter-spacing: .15rem; font-size: 15px;
			   cursor: default;
}
b:hover { color: #87b5ff; }

table {	border-collapse: collapse;/*sans espace entre les cellules*/
		padding: 0px;
		text-align: center;
	}

a { color: #ffffff; /*texte des liens*/
	letter-spacing: 0.1em;
	text-decoration:none;
	text-shadow: black -3px 0px 4px,black 2px 0px 7px ;
	}
a:hover { text-shadow: 2px -2px 0px black, -2px 4px 4px black;
		}
.LienPage:hover { color: #005ae5;	}
	
.LienHtml:hover {
	color: #ffffff; /*texte des liens  , 2px 2px 2px rgba(20, 3, 255, 1)*/
	background-image: radial-gradient(ellipse at center, #b5bdc8 0%,#828c95 40%,#28343b 100%);
	text-shadow: 1px 1px 7px rgba(255,0 , 0, 1), 2x 2px 20px rgba(255, 255, 255, 1);
	}
.LienHtml{ 	
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
		width:250px;
		height: 50px;
		line-height: 50px;
		color:  #005ae5 ;
		display: inline-block;
		text-align: center;	
		background-image: linear-gradient(to bottom, #9b9b9b 0%,#efefef 29%,#efefef 72%,#9b9b9b 100%);
		margin-bottom:20px;
		}

.TailleImage{ 	max-width: 90% ; max-height: 90%; /*border-color:black; border: solid; limites*/ }

.TableauAvecBordure{ border : 2px solid; margin: auto; }

.InfoPlus{	width : 20px; height : 20px; }

#Note { font-size: 10px;
		text-align: right;
		margin: 90px 0px 0px 0px;/* haut | droit | bas | gauche, décalage par rapport au bandeau */
	}
	
html { scroll-behavior: smooth;/* défilement doux de la page suite à action sur lien */
      }
body {	width: 1000px;
		min-height:100vh;
		font-family: "Arial";
		margin: 0px auto ;/* vertical | horizontal */
		background: linear-gradient(135deg, #adadad 5%,#e2e4e4 26%,#adadad 51%,#e2e4e4 75%,#adadad 95%);
		font-size: 17px; font-weight: bold;
	}
header{ top:0;
		width: 1000px;
		backdrop-filter: blur(25px);/* flou		*/
		position: fixed; /* figepar rapport à la vue de la fenêtre du navigateur */
		z-index: 2;
		font-size: 50px;
		line-height: 1.3em;
		text-align: center;
		color:   #005ae5  ;
		}