@charset "UTF-8";
:root {
		--blancTransp:	rgba(255, 255, 255, 0.75);
		--rouge:				rgba(239, 71, 111, 1.0);
		--vert:					rgba(34, 145, 15, 1.0);
		--font: 				Arial, sans-serif;
}
.borderTest {
	border: 2px solid red;
}
html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	margin: 0%;
	padding: 0%;
	font-family: var(--font);
	font-size: 18px;
	color: #000;
	background-color: #FFF;
}
* {
  box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}
a {
	color: #000;
	text-decoration: underline;
	font-weight: bolder;
}
a:link {
	text-decoration: none;
	font-weight: bolder;
}
a:visited {
	text-decoration: none;
	font-weight: bolder;
}
a:hover {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bolder;
	color: #FFF;
}
a:active {
	text-decoration: none;
	font-weight: bolder;
}
h1 {
	font-size: 1.3em;
	font-weight: bolder;
	text-transform: capitalize;
}
main {
	width: 100%;
	min-height: 100%;
	overflow: hidden;
}
.borderRadius {
	border-radius: 0.6em;
}
.ferC {
	text-align: center;
}
.miniTexte {
	font-size: 0.75em;
}
.flexConteneurAccueil {
  display: flex;
  justify-content: center;
  align-items: center;
	width: 100%;
	min-height: 100%;
}
.flexElementAccueil {
	flex-basis:75%;
	overflow:auto;
	color: #FFF;
	padding: 2%;
}
.flexElementAccueil a {
	color: #FFF;
	text-decoration: underline;
}
.flexElementAccueil a:hover {
	text-decoration: none;
}
.flexElementAccueil form {
	width: 100%;
}
.flexElementAccueil form input {
	display: block;
	border:1px solid var(--blancTransp);
	font-size: 1em;
	padding: 5%;
	margin-bottom: 3%;
	width: 100%;
	background-color: var(--blancTransp);
}
.flexElementAccueil form input[type="submit"] {
	border: 2px solid;
	color: var(--blancTransp);
}
.flexElementAccueil fieldset {
	border: 0px solid var(--vert);
}
.flexElementAccueil legend {
	padding: 2%;
	font-weight: bolder;
	width: 100%;
}
.messageConnection {
	text-align: left;
	color: #FFF;
	padding: 8%;
}
.messageConnection a {
	color: #FFF;
}
.OK {
	background-color: var(--vert);
}
.pasOK {
	background-color: var(--rouge);
}
footer {
	padding: 1%;
	background-color: rgba(0,0,0,0.25);
	color: #FFF;
	text-align: center;
}
footer a {
	color: #FFF;
}
@media only screen and (min-width: 1000px), (orientation: landscape)
{
	.borderRadius {
		border-radius: 0.5em;
	}
  .flexElementAccueil form input {
    padding: 2%;
    margin-bottom: 2%;
  }
	.flexConteneurAccueil {
		width: 40%;
		margin: 0 30% 0 30%;
	}
}