@charset "utf-8";
/*Bloc Inscription*/
#wrapper {
	width: 1200px;
	margin: 54px auto 0px
}
#inscription {
	width: auto;
	border-bottom: 3px solid skyblue;
	margin: 0px auto;
}
/*Formulaire*/
#inscription form {
	width: auto
}
#inscription>h3 {
	color: black;
	width: auto;
	margin: 0 auto;
	padding: 5px;
	background-color: rgba(255,255,255,0.99);
	text-align: center;
}
#inscription fieldset {
	padding: 0px;
	border: none
}
#inscription form .legend {
	font-size: large;
	font-weight: bold;
	padding: 5px 20px;
	background-color: #FFFFFF;
	width: 80%;
	margin: 10px auto
}
#inscription form .perso, #inscription form .coordonnee, #inscription form .scolarite, #inscription form .parents, #inscription form .daf {
	background-color: rgba(255,255,255,0.99);
	padding-bottom: 4px;
	text-align: left;
	box-shadow: 0px 0px 1px 0px black;
}
#inscription form h3 {
	padding: 5px;
	padding-left: 100px;
	margin: 0px;
	font-weight: bold;
	background-color: rgba(192,192,190,0.15);
}
#inscription form p {
	text-align: center;
}
#inscription label {
	font-weight: bold
}
#inscription form p input {
	font-size: large;
	text-align: center;
}
#nomPrenomEtudiant, #lieuNaissEtudiant, #nationnalite, #domicile, #numeroTel, #emailEtudiant, #pereEtudiant, #mereEtudiant, #pereEtudiantProfession, #pereEtudiantContact, #mereEtudiantProfession, #mereEtudiantContact, #cycleFormation, #filiereEtudiant {
	width: 315px;
}
#niveauEtudeEtudiant {
	width: 140px
}
#dateNaissEtudiant {
	width: 150px
}
#inscription input[type="submit"] {
	background-color: rgba(55,93,129,0.99);
	font-size: large;
	padding: 5px;
	color: white;
	width: 150px
}
#inscription input[type="submit"]:hover {
	background-color: green;
	color: white;
	transition: 0.25s all linear
}

/*Fin Bloc Inscription*/

/*grande tablette mode portrait*/
@media(min-width:768px) and (max-width:1024px) {
#wrapper {
	width: auto;
	margin: 54px auto 0px
}
/*Formulaire*/

#inscription form .perso, #inscription form .coordonnee, #inscription form .scolarite, #inscription form .parents, #inscription form .daf {
	width: auto
}
#inscription form h3 {
	padding-left: 0px;
	text-align: center
}
#nomPrenomEtudiant, #lieuNaissEtudiant, #nationnalite, #domicile, #numeroTel, #emailEtudiant, #pereEtudiant, #mereEtudiant, #pereEtudiantProfession, #pereEtudiantContact, #mereEtudiantProfession, #mereEtudiantContact, #cycleFormation, #filiereEtudiant {
	width: 320px;
}
#niveauEtudeEtudiant {
	width: 140px
}
#dateNaissEtudiant {
	width: 160px
}
#inscription input[type="file"]{
	width: auto
	}

/*Fin Bloc Inscription*/
}

/*fin grande tablette en mode portrait*/

/*petite tablette mode paysage*/
@media(min-width:321px) and (max-width:736px){
#wrapper {
	width: auto;
	margin: 54px auto 0px
}
/*Formulaire*/
#inscription form .perso, #inscription form .coordonnee, #inscription form .scolarite, #inscription form .parents, #inscription form .daf {
	width: auto
}
#inscription form h3 {
	padding-left: 0px;
	text-align: center
}
#nomPrenomEtudiant, #lieuNaissEtudiant, #nationnalite, #domicile, #numeroTel, #emailEtudiant, #pereEtudiant, #mereEtudiant, #pereEtudiantProfession, #pereEtudiantContact, #mereEtudiantProfession, #mereEtudiantContact, #cycleFormation, #filiereEtudiant {
	width: 320px;
}
#niveauEtudeEtudiant {
	width: 140px
}
#dateNaissEtudiant {
	width: 160px
}
#inscription input[type="file"]{
	width: auto
	}
/*Fin Bloc Inscription*/
}
/*fin petite tablette mode paysage*/

/*Smartphone vue portrait*/
@media(max-width:320px) {
#wrapper {
	width: auto;
	margin: 54px auto 0px
}
/*Formulaire*/

#inscription form .perso, #inscription form .coordonnee, #inscription form .scolarite, #inscription form .parents, #inscription form .daf {
	width: 316px
}
#inscription form h3 {
	padding-left: 0px;
	text-align: center
}
#nomPrenomEtudiant, #lieuNaissEtudiant, #nationnalite, #domicile, #numeroTel, #emailEtudiant, #pereEtudiant, #mereEtudiant, #pereEtudiantProfession, #pereEtudiantContact, #mereEtudiantProfession, #mereEtudiantContact, #cycleFormation, #filiereEtudiant {
	width: 280px;
}
#niveauEtudeEtudiant {
	width: 140px
}
#dateNaissEtudiant {
	width: 126px
}
#inscription input[type="file"]{
	width: 315px
	}
/*Fin Bloc Inscription*/

}