/*STYLES SPECIFIQUES A LA PAGE D'ACCUEIL*/

body {
	background: none;
}
strong {color: #800000;}
a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

header {
	position: relative;
	top: 0;
	margin: 0;
	padding: 0;
	border: none;
	color: #FFFFFF;
}
header p {text-align: center;}

#link_connexion  {

}

input.champ_log {
	background-color: #000000;
	color: #FFFFFF;
	border: none;
	height: 1.5em;
	width: 100%;
}
button.bouton_form { display: block; position: relative; font-style: italic; color: #FFFFFF; padding: 0.35em; border-radius: 0.35em; background-color: #8B4513;}

#pres_index {
	display: flex;
	position: relative;
	margin: 2em auto 2em auto;
	padding: 0;
	width: 50%;
	
	border: 1px solid #FFFFFF;
}
#illustr_index { position: relative; width: 50%;}
#illustr_index img { display: block; width: 100%;}
#descrip_index {
	display: block;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 1.5%;	
	width: 50%;
	background-color: #FFFFFF;
}
#descrip_index h1, #descrip_index p, #descrip_index a { color: #000000;}
#descrip_index h1 { margin: 0.6em 0 0.6em 0; padding: 0; text-align: center; }
#descrip_index p { margin: 0; margin-bottom: 0.7em; padding: 0; text-align: justify; }

footer {border: none;}

#formulaire_connexion {
	position: relative;
	padding: 0.5%;
	top: 1em;
	margin: auto;
	margin-bottom: 2em;
	/*background-color: #FFFAF0;
	border: 1px solid #DA70D6;*/
	z-index: 1;
}
#formulaire_connexion p {text-align: center;}
#formulaire_connexion a { color: #000000; font-weight: normal; font-style: italic; }
#formulaire_connexion a:hover { text-decoration: underline; }
#link_connexion:target ~#formulaire_connexion  { display: block;}

/*Interface téléphone et tablette*/
@media screen and (max-device-width: 480px) {
   #pres_index { width: 100%; flex-direction: column; border: none; margin: 0 0 5em 0;}
	#illustr_index { position: relative; width: 100%;}
	#descrip_index { width: 85%; padding: 0 5% 7em 5%;}

	
	#formulaire_connexion {
		padding: 5%;
		width: 85%;
		top: 3em;
		margin-bottom: 4em;
		border: 3px solid #DA70D6;
	}
	#descrip_index a.bouton_log { font-size: 2.1em; }

}