/* Styles généraux page d'accueil, en têtes, boutons, pied de page */
* {
	font-family: "Open Sans", sans-serif;
}

body {
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 100vh;
/*	background-color: #86DD73;*/
	background: radial-gradient(#FFFFFF, #B1F1A4);
}

body:not(.footer p) {
	font-size: 18px;
}

.logo_container {
	margin: 3em auto;
	width: 100%;
	text-align: center;
}

.wrapper {
	flex: 1;
	text-align: center;
	align-items: center;
	width: 90%;
	padding-top: 2em;
	padding-bottom: 5em;
}

.login {
	background-color: green;
	border: none;
	border-radius: 7px;
	padding: 1em 2em;
	width: 200px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.reset {
	background-color: green;
	border: none;
	border-radius: 7px;
	padding: 1em 2em;
	width: 280px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.logout {
	background-color: grey;
	border: none;
	border-radius: 7px;
	padding: 1em 2em;
	width: 200px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.footer {
	margin: 0;
	padding: 2em auto;
	text-align: center;
	background-color: grey;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
}

.footer a {
	color: #FFFFFF;
}


/* Style spécifiques à la page d'inscription client pro */

.form_wrap {
	background-color: #FFFFFF;
	width: 40%;
	padding: 2em ;
	padding-top: 2em;
	padding-bottom: 2em;
	margin:	auto;
	border: none;
	border-radius: 7px;
}

.input_wrap_id {
	margin: 1em auto;
	width: 350px;
}

input[type='text'], input[type='password'], input[type='email'], select, input[type='tel'], textarea {
	font-size: 18px;
	text-align: center;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 7px;
	border: none;
}

.btn_inscription {
	background-color: grey;
	border: none;
	border-radius: 7px;
	padding: 1em 2em;
	width: 200px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.btn_action {
	background-color: green;
	border: none;
	border-radius: 7px;
	padding: 1em 2em;
	width: 280px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

fieldset {
	max-width: 40%;
    margin: auto;
}

/* Code spécifiques aux tableaux */
.afficher {
	border-collapse: collapse;
	background-color: #FFFFFF;
	margin: 2em auto;
	text-align: center;
	border: 2px solid black;
}

.afficher tr {
	border: 1px solid black;;
}

.afficher thead tr, .afficher thead td {
	border: 2px solid black;
	padding: 1em;
	height: 20px;
	font-weight: 600;
}

.afficher tbody tr, .afficher tbody td {
	border: 1px solid black;
	padding: 1em;
	height: 20px;
}

.consulter {
	border-collapse: collapse;
	background-color: #FFFFFF;
	margin: 2em auto;
	text-align: center;
	border: 2px solid black;
}

.consulter tr {
	border: 1px solid black;;
}

.consulter th, .consulter tr, .consulter td {
	border: 1px solid black;
	padding: 1em;
	height: 20px;
}


/* Code pour les tables réponses */
.reponses {
	background: white;
	padding: 0.3125em;
	margin: 10px;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}

.reponses td {
	border-left: 0px;
	border-right: 0px;
	padding: 5px 15px 5px 15px;
}

.reponses td:first-child {
	border-right: 1px solid black;
}

.reponses tr:first-child td {
	border-top: none;
}

.reponses tr:last-child td {
	border-bottom: none;
}


/* Code spéficique aux mentions légales, CGU */
.wrapper_txt {
	flex: 1;
	text-align: justify;
	align-items: center;
	margin-top: 2em;
	width: 70%;
	padding-bottom: 5em;
}

.cookies {
	border-collapse: collapse;
	background-color: #FFFFFF;
	margin: 2em auto;
	text-align: center;
	border: 2px solid black;
}

.cookies tr {
	border: 1px solid black;;
}

.cookies thead tr, .cookies thead td {
	border: 2px solid black;
	padding: 1em;
	height: 20px;
	font-weight: 600;
}

.cookies tbody tr, .cookies tbody td {
	border: 1px solid black;
	padding: 1em;
	height: 20px;
}



/* Code spécifique à la page de présentation */
.presentation {
	width: 70%;
    text-align: justify;
    margin: auto;
    padding-top: 2em;
    padding-bottom: 2em;
    font-size: 18px;
}

.presentation h1 {
	text-align: center;
}

.presentation h2, .presentation h3 {
	margin-top: 1.5em;
}