/* Id.css -------------------------------*/
body
{
}
nav {}		
	.erreur_login{ color: red;}
	.no_erreur{color: #00ff00;}
	.saisie{ font-size:110%; color:#ebebeb; font-family: Calibri, "Times New Roman"; }
	.bouton-sous-menu{ background-color: rgba(255, 255, 255, 0.7); color: black; border:2px solid gray; width: auto; border-radius: 30px; text-align: center; height: auto; display: inline-block; font-family: Calibri, "Times New Roman", Arial, serif; font-size:100%; padding: 5px; text-decoration: none;}
	.bouton-retour{ background-color: rgba(255, 255, 255, 0.7); color: black; border:2px solid gray; width: 91%; margin-left: 3%; border-radius: 30px; text-align: center; height: auto; display: inline-block; font-family: Calibri, "Times New Roman", Arial, serif; font-size:130%; margin-top: 10px; padding: 5px; text-decoration: none;}
	.bouton-retour:hover{background-color: rgba(255, 255, 255, 0.9); color: black;}
	.bouton-menu{ background-color: rgba(0, 0, 0, 0.7); border:2px solid #85d4ff; color: white; width: 98%; border-radius: 30px; text-align: center; height: auto; display: inline-block; font-family: Calibri, "Times New Roman", Arial, serif; font-size:130%; margin-bottom: 2%; text-decoration: none;}
	.bouton-menu:hover{background-color: rgba(0, 0, 0, 0.9); color: #85d4ff;}
	
	.bouton-menu-actuel{ background-color: rgba(0, 0, 0, 0.9); border:2px solid #fd0000; color: white; width: 98%; border-radius: 30px; text-align: center; height: auto; display: inline-block; font-family: Calibri, "Times New Roman", Arial, serif; font-size:130%; font-weight: bold; margin-bottom: 2%; padding: 2%; text-decoration: none;}
	.bouton-menu-actuel:hover{background-color: rgba(255, 255, 255, 0.7); color: black;}
	.bouton-menu-attention{ background-color: rgba(255, 255, 255, 0.3); border:2px solid #e3e500; color: white; width: 98%; border-radius: 30px; text-align: center; height: auto; display: inline-block; font-family: Calibri, "Times New Roman", Arial, serif; font-size:130%; margin-bottom: 2%; text-decoration: none;}
	.bouton-menu-attention:hover{background-color: rgba(255, 255, 255, 0.6); border:2px solid #e3e500; color: black;}
	.bouton-menu-alerte{ background-color: rgba(255, 255, 255, 0.3); border:2px solid #d70000; color: white; width: 98%; border-radius: 30px; text-align: center; height: auto; display: inline-block; font-family: Calibri, "Times New Roman", Arial, serif; font-size:130%; margin-bottom: 2%; text-decoration: none;}
	.bouton-menu-alerte:hover{background-color: rgba(255, 255, 255, 0.6); border:2px solid #d70000; color: black;}
	.erreur{color: red; text-align: center; font-size: 30px; font-family: Calibri, Comic sans MS; }
	.info{ text-decoration : none; color: rgb(240,210,10);	text-align: center;	font-weight: bold; font-size: 130%; font-family: Open Sans, Calibri, Comic sans MS; background-color: rgba(0, 0, 0, 0.3);}
	.icones
	{
		width:90%;
		margin: auto;
		padding: 1%;
		background-color: rgba(150, 130, 240, 0.2);
		border-radius:90% 0;
	}
	.center 
	{ 
		height:10%; 
		padding:0 20px; 
		margin-top:10%; 
		text-align: center;
	}
a
{
	text-decoration : none;
}
.flex-menu
{
	color: black; 
	font-size: 25px;
	font-family: Calibri, "Times New Roman", Arial, serif; 
	text-decoration: none;
}
h1
{
	margin: auto;
	text-align: center;
	color : white;
	font-family: Calibri, Times New Roman, Comic sans MS; 
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 25px;
}
h3
{
	margin: auto;
	text-align: center;
	color : white;
	border: 2px outset white; 
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 25px;
}
section {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
article{
	padding: 5px;
	align-content: center;
}
.navigations {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	height: 50px;
}
.navigation {
	flex: 200px;
}
.type_reunion{ 
	display: inline-block; 
	width: 98%;
	margin-left:1%;
	font-size:22px;
	background-color: rgba(255, 255, 255, 0.6); 
	color:black;
	font-weight: bold;
	font-family: Gill Sans, Calibri, "Times New Roman"; text-align: center;
}
.titre-menu { 
	font-size:22px; 
	background-color: rgba(255, 255, 255, 0.6); 
	color:black;
	font-family: Copperplate Gothic, Calibri, "Times New Roman"; 
	font-weight: bold;
	text-align: center;
}
.titre-choix { 
	font-size:22px; 
	color:white;
	font-weight: bold;
	margin: 10px;
	font-family: Open Sans, Calibri, "Times New Roman"; 
	text-align: center;
}
.fonction{
	color: #234345; 
	text-align: center; 
	font-family: Open Sans, Calibri, "Times New Roman", Arial, serif; 
	font-size:100%;
	font-weight: bold;
	text-decoration: none;
}
.fonction-2{
	color: #3c5a79; 
	text-align: center; 
	font-family: Open Sans, Calibri, "Times New Roman", Arial, serif; 
	font-size:100%;
	font-weight: bold;
	text-decoration: none;
}
.date-reunion{
	color:#6e7275;
	font-size:70%;
	font-weight: normal;
	font-family: Open Sans, Calibri, "Times New Roman", Arial, serif; 
}
.nom{
	color: black;
	text-align: center; 
	font-family: Open Sans, Calibri, "Times New Roman", Arial, serif; 
	font-size:85%;
	text-decoration: none;
}

.nom-erreur{
	color: red; 
	text-align: center; 
	font-family: Open Sans, serif, Calibri, "Times New Roman", Arial, serif; 
	font-size:85%;
	text-decoration: none;
}

.bloc-fonction {
	display: inline-block; 
	height:50px;
	background-color: rgba(255, 255, 255, 0.6);
	box-shadow: 10px 10px 5px #141414;
	padding: 5px; 
	margin: 5px;
	text-decoration: none;
	text-align: center; 
	font-size: 22px; 
	font-family: Times New Roman;
	color: white;
	border: 2px outset white;
	flex: 250px;
	-webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
.bloc-fonction:hover{
	background-color: rgba(255, 255, 255, 0.8);
    filter: grayscale(100%);
	transform:scale(1.1);
}
.bloc-fonction-2 {
	display: inline-block; 
	height:50px;
	background-color: rgba(255, 255, 255, 0.6);
	box-shadow: 10px 10px 5px #141414;
	padding: 5px; 
	margin: 5px;
	text-decoration: none;
	text-align: center; 
	font-size: 22px; 
	font-family: Times New Roman;
	color: white;
	border: 2px outset #a2d4ff;
	flex: 250px;
	-webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
.bloc-fonction-2:hover{
	background-color: rgba(255, 255, 255, 0.8);
    filter: grayscale(100%);
	transform:scale(1.1);
}
.bloc-fonction-actuel {
	display: inline-block; 
	height:50px;
	background-color: rgba(255, 255, 255, 0.6);
	box-shadow: 10px 10px 5px #141414;
	padding: 5px; 
	margin: 5px;
	text-decoration: none;
	text-align: center; 
	font-size: 22px; 
	font-family: Times New Roman;
	color: white;
	border:2px solid #fd0000;
	flex: 250px;
	-webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
.bloc-fonction-actuel:hover{
	background-color: rgba(255, 255, 255, 0.8);
    filter: grayscale(100%);
	transform:scale(1.1);
}

.bloc-fonction-bride {
	display: inline-block; 
	height:50px;
	background-color: rgba(255, 255, 255, 0.6);
	box-shadow: 10px 10px 5px #141414;
	padding: 5px; 
	margin: 5px;
	text-decoration: none;
	text-align: center; 
	font-size: 22px; 
	font-family: Times New Roman;
	color: white;
	border: 2px outset white;
	flex: 250px;
	-webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}

.bloc-fonction-zoom {
	display: inline-block; 
	height:50px;
	background-color: rgba(115, 210, 255, 0.6);
	box-shadow: 10px 10px 5px #141414;
	padding: 5px; 
	margin: 5px;
	text-decoration: none;
	text-align: center; 
	font-size: 22px; 
	font-family: Times New Roman;
	color: white;
	border: 2px outset white;
	flex: 250px;
	-webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
.bloc-fonction-zoom:hover{
		background-color: rgba(115, 210, 255, 0.8);
    filter: grayscale(100%);
	transform:scale(1.1);
}

.bloc-fonction-sono {
	display: inline-block; 
	height:50px;
	background-color: rgba(255, 190, 90, 0.6);
	box-shadow: 10px 10px 5px #141414;
	padding: 5px; 
	margin: 5px;
	text-decoration: none;
	text-align: center; 
	font-size: 22px; 
	font-family: Times New Roman;
	color: white;
	border: 2px outset white;
	flex: 250px;
	-webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
.bloc-fonction-sono:hover{
		background-color: rgba(255, 190, 90, 0.8);
    filter: grayscale(100%);
	transform:scale(1.1);
}

.bloc-fonction-sono-2 {
	display: inline-block; 
	height:50px;
	background-color: rgba(255, 210, 255, 0.6);
	box-shadow: 10px 10px 5px #141414;
	padding: 5px; 
	margin: 5px;
	text-decoration: none;
	text-align: center; 
	font-size: 22px; 
	font-family: Times New Roman;
	color: white;
	border: 2px outset white;
	flex: 250px;
	-webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
.bloc-fonction-sono-2:hover{
		background-color: rgba(255, 210, 255, 0.8);
    filter: grayscale(100%);
	transform:scale(1.1);
}

.bloc-fonction-video {
	display: inline-block; 
	height:50px;
	background-color: rgba(188, 255, 140, 0.6);
	box-shadow: 10px 10px 5px #141414;
	padding: 5px; 
	margin: 5px;
	text-decoration: none;
	text-align: center; 
	font-size: 22px; 
	font-family: Times New Roman;
	color: white;
	border: 2px outset white;
	flex: 250px;
	-webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
.bloc-fonction-video:hover{
		background-color: rgba(188, 255, 140, 0.8);
    filter: grayscale(100%);
	transform:scale(1.1);
}

.bloc-fonction-perche {
	display: inline-block; 
	height:50px;
	background-color: rgba(255, 255, 129, 0.6);
	box-shadow: 10px 10px 5px #141414;
	padding: 5px; 
	margin: 5px;
	text-decoration: none;
	text-align: center; 
	font-size: 22px; 
	font-family: Times New Roman;
	color: white;
	border: 2px outset white;
	flex: 250px;
	-webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
.bloc-fonction-perche:hover{
		background-color: rgba(255, 255, 129, 0.8);
    filter: grayscale(100%);
	transform:scale(1.1);
}

fieldset{ margin-bottom: 2%; text-align: center; background-color: rgba(0, 30, 20, 0.8); border:2px solid #00ffff; border-radius:15px; color: white;}	
legend { 
	font-size:150%; 
	font-weight:bold; 
	color: #3b5a8c;
	-webkit-text-stroke: 1px #3bddf6;
	text-shadow: 0px 2px 4px white;
	font-family: Calibri, "Times New Roman"; 
}
label { margin-top:10px; display:block; color: white; font-size: 20px;}
label.inline { display:inline; margin-right:50px; }
img
{
	border : none;
	margin:auto;
}
button
{
	display:inline-block;
	border : 1px solid #ccc;
	-webkit-box-shadow : 0px 3px 3px 0px #d1d1d1;
	-moz-box-shadow : 0px 3px 3px 0px #d1d1d1;
	box-shadow : 0px 3px 3px 0px #d1d1d1;
}
form
{
	padding: 0;
	margin: 0;
}

.bouton-admin {	
	position:absolute; 
	display: inline-block; 
	text-decoration:none; 
	position: fixed; 
	top:98%; 
	left:1%;
}

.submit{
     border:none; 
     width: 30px;
	 height:40px;
}