@charset "utf-8";
/* CSS Document */

/*
=====================================================================================================================================================
Disposition mobile : 480px et moins.
=====================================================================================================================================================
*/

fieldset#identite{
	background:#ccc;
}

fieldset#partie1, fieldset#partie2{
	background:#eee;

}

legend{
	font-size:1.25em;
	padding:0.25em 0.5em;
	color:black;
	margin:0;
	border:1px solid black;
	background:white;
	box-shadow:8px 8px 10px #aaa;
}

fieldset{
	padding:1em;
	border:1px solid #777;
	margin-bottom:2em;
}

fieldset#identite label{
	display:block;
/*	float:left;*/
	font-weight:bold;
	padding:0.5em;
	margin:0.25em;
	font-size:0.85em;
}

fieldset#identite input{
	background:white;
	height:1.25em;
	margin-left:0.75em;
	width:80%;
	border:1px solid #777;
}

/*fieldset#identite input#nom, fieldset#identite input#prenom{
	width:30ex;
}

fieldset#identite input#ste{
	width:70ex;
}

fieldset#identite input#email{
	width:100ex;
}

fieldset#identite input#tel{
	width:15ex;
}*/

fieldset#identite label[for=nom]{
	width:90%;
}

fieldset#identite label[for=prenom]{
	width:90%;
}

fieldset#identite label[for=ste]{
	width:90%;
}

fieldset#identite label[for=email]{
	width:90%;
}

#envoyer{
	color:inherit;
	display:block;
	width:15em;
	padding:0.25em 2em;
	margin:0.25em auto;
	font-size:1em;
	width:auto;
}

article.consigne{
	background:rgb(150,0,0);
	border:1px solid rgb(150,0,0);
	display:none;
	padding:0.25em 1em;
	margin:0 0 2em 0;
	color:white;
	font-size:1em;
	line-height:1.5em;
}

article.show{
	display:block;
}

a.consigne{
	background:rgb(150,0,0);
	color:white;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid rgb(150,0,0);
	padding:0.2em 0.5em;
	font-size:0.85em;
}


p.RGPDnon, p.RGPDoui{
	padding:0.5em;
	font-family:open_sans_condensedbold; 
	font-size:1.15em;
	color:white;
}

p.RGPDoui{
	background:#c70202;
}

p.RGPDnon{
	background:rgb(0,153,0);
}

div.aide{
	font-family:Indie_Flower_regular;
	background:rgb(255,255,0); /*(255,255,204)*/
	padding:0.5em;
	color:black;/*rgb(0,51,153);*/
	box-shadow:12px 12px 10px #aaa;
	border:0;/*1px solid rgb(102,102,102);*/
	font-size:1.15em;
}

/* 
=====================================================================================================================================================
Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile 
=====================================================================================================================================================
*/

@media only screen and (min-width: 481px) {

}

/* 
=====================================================================================================================================================
Disposition bureau : 769px à max. 1232px.  Hérite des styles de : Disposition mobile et disposition tablette 
=====================================================================================================================================================
*/

@media only screen and (min-width: 769px) {

	fieldset#identite label[for=nomStagiaire]{
		width:45%;
	}
	
	fieldset#identite label[for=prenomStagiaire]{
		width:45%;
	}
	
	fieldset#identite label[for=steStagiaire]{
		width:60%;
	}
	
	fieldset#identite label[for=emailStagiaire]{
		width:80%;
	}
	
}