/* =============== GENERAL ==================== */
body
{
width:1300px;
margin:auto;
margin-top:0px;
margin-bottom:10px;
}
h1
{
position:Absolute;
top:20px;
margin-left:450px;
font-size:50px;
color:#0e3a53;
font-family:Calibri, Arial, Helvetica, sans-serif;
}
h2
{
position:Absolute;
top:170px;
margin-left:200px;
font-size:30px;
color:#0e3a53;
font-family:Calibri, Arial, Helvetica, sans-serif;
}
h3
{
position:Absolute;
top:210px;
margin-left:200px;
font-size:25px;
color:#0e3a53;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
img
{
border:none;
margin:0;
padding:0;
}
a {
text-decoration : none;
font-family:Calibri, Arial, Helvetica, sans-serif;
/*font-size:20px;*/
color:#0e3a53;
}
table {
border:none;
border-collapse : collapse;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:20px;
color:#0e3a53;
margin-top:200px;
margin-left:200px;
display:block;
}
td { 
border:none;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:20px;
color:#0e3a53;
}
input { 
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:20px;
color:#0e3a53;
}
button {
border:none;
}
.menuHaut {
}
.footer {
}
.btBandeauCoteAdmin {
margin-top: 40px;
float:left;
}
.mentionLegales {
position :Absolute;
top:200px; 
margin-left: 200px;
}

/* =============== MENU ==================== */
#menu, #menu ul {
        padding : 0;
        margin : 0;
        list-style : none;
        line-height : 21px;
        text-align : center;
}

#menu {
        font-family: Trebuchet MS;
        font-size : 14px;
}
#menu a {
        display : block;
        padding : 0;
        background : #626d71;
        color : #fff;
        text-decoration : none;
		height : 40px;
		line-height : 37px;
}
#menu ul {
		opacity:0.85;
}
#menu li { 
        float : left; 
}
#menu li.bouton_accueil { 
        width : 70px;
}
#menu li.bouton_admin { 
        width : 140px;
}
#menu li.bouton_eleves { 
        width : 140px;
}
#menu li.bouton_compte {
        width : 140px;
}
#menu li.bouton_extraction {
        width : 140px;
}
#menu li.bouton_vide2 {
        width : 280px;
}
#menu li.bouton_vide {
        width : 390px;
}
#menu li ul /* Sous-listes */ { 
        position: absolute;
        width: 140px;
        left: -999em; /* Hop, on envoie loin du champ de vision */
		height : 25px;
		font-size:14px;
		background : #ddbc95;
        z-index: 1000;
}
#menu li ul a /* Sous-listes */ { 
		height : 25px;
		line-height : 25px;
		width : 140px;
		background : #ddbc95;
		color : #000000;
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li {
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul {
        border-left : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu a:hover {
        color:#000;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */ {
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
/*-------------page connexion-----------------*/
.btidentifiant {
position :Absolute;
top:350px;
margin-left:350px;
font-family:Calibri;
font-size:20px;
color:#FFFFFF;
}
#identifiant {
position :Absolute;
top:350px;
margin-left:480px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.btmdp {
position :Absolute;
top:450px;
margin-left:350px;
font-family:Calibri;
font-size:20px;
color:#FFFFFF;
}
#mdp {
position :Absolute;
top:450px;
margin-left:480px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.verifCode{
position :Absolute;
top:350px;
margin-left:720px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.ecole {
position :Absolute;
top:300px;
margin-left:100px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#nomEcole {
position :Absolute;
top:300px;
margin-left:300px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}

#rne1 {
position :Absolute;
top:400px;
margin-left:300px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.rne1 {
position :Absolute;
top:400px;
margin-left:100px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.button1 {
position :Absolute;
top:450px;
margin-left:500px;
border:none;
}
.connexionNok {
font-family:Calibri;
font-size:30px;
color:#0e3a53;
position :Absolute;
margin-top:100px;
margin-left:100px;
}
.btModifConsult {
position :Absolute;
margin-left:900px;
}
.colonne {
font-family: Verdana, Arial, Helvetica, sans-serif; /* police du texte */
font-size: 12px; /* taille du texte */
text-align: center; /* texte aligner à droite */
width: 100px; /* largeur de la cellule*/
height:50px;
}
/* ==================PAGE D'ACCUEIL============== */
.btBandeauCote {
margin-top: 120px;
}
.imageAdmin {
position :Absolute;
top:300px;
margin-left: 200px;
}
.imageRessources {
position :Absolute; 
top:300px; 
margin-left: 570px;
}
.imageExtractions {
position :Absolute; 
top:300px; 
margin-left: 940px;
}

/* ==================PAGE D'ADMINISTRATION============== */
.btPial {
position :Absolute;
top:150px;
margin-left: 100px;
}
.btEnseignant {
position :Absolute;
top:400px;
margin-left: 300px;
}
.btEtablissement {
position :Absolute;
top:250px;
margin-left: 500px;
}
.btAesh {
position :Absolute;
top:500px;
margin-left: 700px;
}
.btEleves {
position :Absolute;
top:550px;
margin-left: 950px;
}
/*===================PAGE CLASSES=================*/
#ecole {
position :Absolute;
top:200px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}

#classe {
position :Absolute;
top:250px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.nomEcole {
position :Absolute;
top:200px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.classseIdentifiant {
position :Absolute;
top:250px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}


/* ==================PAGE RESSOURCES============== */
.btCalendrier {
position :Absolute;
top:150px;
margin-left: 400px;
}
.btEmploiTemps {
position :Absolute;
top:150px;
margin-left: 800px;
}
.btActivitesAnnexes{
position :Absolute;
top:350px;
margin-left: 400px;
}
.btRgpd{
position :Absolute;
top:350px;
margin-left: 800px;
}

/* ==================PAGE LISTE PIAL============== */
.donneesPial {
position :Absolute;
top:500px;
margin-left:230px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
.btPlus {
position :Absolute;
top:150px;
margin-left:100px;
}
.ajouterPial {
position:Absolute;
top:170px;
margin-left:250px;
font-size:30px;
color:#97b0b9;
font-family:Calibri;
}
.ajouterPial2 {
position:Absolute;
top:220px;
margin-left:250px;
font-size:30px;
color:#97b0b9;
font-family:Calibri;
}
.ajouterPial3 {
position:Absolute;
top:250px;
margin-left:250px;
font-size:30px;
color:#97b0b9;
font-family:Calibri;
}
.btModifier {
position:Absolute;
top:500px;
margin-left:650px;
}
.btSupprimer {
position:Absolute;
top:500px;
margin-left:756px;
}

/* ==================PAGE SAISIE PIAL============== */
#numero_pial {
position :Absolute;
top:200px;
margin-left:500px;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:20px;
color:#0e3a53;
}
#nom_pilote {
position :Absolute;
top:250px;
margin-left:500px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
#tel_pilote {
position :Absolute;
top:300px;
margin-left:500px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
#mail_pilote {
position :Absolute;
top:350px;
margin-left:500px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
#nom_copilote {
position :Absolute;
top:400px;
margin-left:500px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
#tel_copilote {
position :Absolute;
top:450px;
margin-left:500px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
#mail_copilote {
position :Absolute;
top:500px;
margin-left:500px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
#nom_coordonnateur {
position :Absolute;
top:550px;
margin-left:500px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
#tel_coordonnateur {
position :Absolute;
top:600px;
margin-left:500px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
#mail_coordonnateur {
position :Absolute;
top:650px;
margin-left:500px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
.numeroPial {
position :Absolute;
top:200px;
margin-left:130px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
.nomPilote {
position :Absolute;
top:250px;
margin-left:130px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
.telPilote {
position :Absolute;
top:300px;
margin-left:130px;
font-family:Calibri;
font-size:25px;
color:#0e3a53;
}
.mailPilote {
position :Absolute;
top:350px;
margin-left:130px;
font-family:Calibri;
font-size:25px;
color:#0e3a53;
}
.nomCopilote {
position :Absolute;
top:400px;
margin-left:130px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
.telCopilote {
position :Absolute;
top:450px;
margin-left:130px;
font-family:Calibri;
font-size:25px;
color:#0e3a53;
}
.mailCopilote {
position :Absolute;
top:500px;
margin-left:130px;
font-family:Calibri;
font-size:25px;
color:#0e3a53;
}
.nomCoordonnateur {
position :Absolute;
top:550px;
margin-left:130px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
.telCoordonnateur {
position :Absolute;
top:600px;
margin-left:130px;
font-family:Calibri;
font-size:25px;
color:#0e3a53;
}
.mailCoordonnateur {
position :Absolute;
top:650px;
margin-left:130px;
font-family:Calibri;
font-size:25px;
color:#0e3a53;
}
.button {
position :Absolute;
top:70px;
margin-left:950px;
border:none;
}

/* =============== PAGE MODIF PIAL ==================== */
.donneesPialA {
position :Absolute;
top:350px;
margin-left:230px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
.tbModifPial {
position :Absolute;
border:none;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
top:300px;
margin-left:300px;
}

/* ==================PAGE LISTE REFERENTS============== */
#nom_referent {
position :Absolute;
top:300px;
margin-left:500px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
#prenom_referent {
position :Absolute;
top:400px;
margin-left:500px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
#telephone_referent {
position :Absolute;
top:500px;
margin-left:500px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
.nomreferent {
position :Absolute;
top:300px;
margin-left:130px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
.prenomreferent {
position :Absolute;
top:400px;
margin-left:130px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
.telephonereferent {
position :Absolute;
top:500px;
margin-left:130px;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
}
.donneesreferent {
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:30px;
color:#0e3a53;
}
.tbListeReferent {
/*position :Absolute;*/
border:none;
font-family:Calibri;
font-size:30px;
color:#0e3a53;
top:550px;
margin-left:300px;
}

/* ==================PAGES ELEVE============== */
#nom_eleve {
position :Absolute;
top:200px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#dibep {
position :Absolute;
top:250px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#commune {
position :Absolute;
top:300px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#nom_CE {
position :Absolute;
top:350px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#niveau {
position :Absolute;
top:350px;
margin-left:450px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#prenom_CE {
position :Absolute;
top:400px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#rne {
position :Absolute;
top:450px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#type_UP {
position :Absolute;
top:500px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#nom_enseignant_referent {
position :Absolute;
top:550px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#psy{
position :Absolute;
top:600px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#ulys{
position :Absolute;
top:650px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#grad{
position :Absolute;
top:700px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#miaseh{
position :Absolute;
top:650px;
margin-left:330px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#segpa{
position :Absolute;
top:700px;
margin-left:330px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#nb_pap {
position :Absolute;
top:200px;
margin-left:870px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#nb_eleves_avsm {
position :Absolute;
top:250px;
margin-left:870px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#nb_eleves_avsi {
position :Absolute;
top:300px;
margin-left:870px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#total_heures_avsi {
position :Absolute;
top:350px;
margin-left:870px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#activites_annexes {
position :Absolute;
top:400px;
margin-left:870px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#nb_ppre {
position :Absolute;
top:400px;
margin-left:970px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#nb_pai {
position :Absolute;
top:450px;
margin-left:970px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#nb_total_pps {
position :Absolute;
top:500px;
margin-left:970px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#nb_pps_notif {
position :Absolute;
top:550px;
margin-left:870px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#effectif_precedent {
position :Absolute;
top:600px;
margin-left:870px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#effectif_en_cours {
position :Absolute;
top:650px;
margin-left:870px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#nb_numero_pial {
position :Absolute;
top:700px;
margin-left:870px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#bassin {
position :Absolute;
top:750px;
margin-left:870px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#informations {
position :Absolute;
top:800px;
margin-left:870px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#AVSco_heures {
position :Absolute;
top:350px;
margin-left:870px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.nomEleve {
position :Absolute;
top:200px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.dibepEtablissement {
position :Absolute;
top:250px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.communeEtablissement {
position :Absolute;
top:300px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.nomCE {
position :Absolute;
top:350px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.niveau {
position :Absolute;
top:350px;
margin-left:380px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.prenomCE {
position :Absolute;
top:400px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.rneEtablissement {
position :Absolute;
top:450px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.typeUP {
position :Absolute;
top:500px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.nomEnseignantReferent {
position :Absolute;
top:550px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.psyEtablissement {
position :Absolute;
top:600px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.ulysEtablissement {
position :Absolute;
top:650px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.gradEtablissement {
position :Absolute;
top:700px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.miasehEtablissement {
position :Absolute;
top:650px;
margin-left:230px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.segpaEtablissement {
position :Absolute;
top:700px;
margin-left:230px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.nbPap
{
position :Absolute;
top:200px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.nbElevesAvsm {
position :Absolute;
top:250px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.nbElevesAvsi {
position :Absolute;
top:300px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.AVSco_heures {
position :Absolute;
top:350px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.totalHeuresAvsi {
position :Absolute;
top:350px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.activites_annexes {
position :Absolute;
top:400px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.nbPpre {
position :Absolute;
top:400px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.nbPai {
position :Absolute;
top:450px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.nbTotalPps {
position :Absolute;
top:500px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.nbPpsNotif {
position :Absolute;
top:550px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.effectifPrecedent {
position :Absolute;
top:600px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.effectifEnCours {
position :Absolute;
top:650px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.nbPialEtablissement {
position :Absolute;
top:700px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.bassinEtablissement {
position :Absolute;
top:750px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.informationsEtablissement {
position :Absolute;
top:800px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}

/* =============== PAGES CONSULT AESH ==================== */
#champs_employeur {
position :Absolute;
top:400px;
margin-left:870px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.employeur {
position :Absolute;
top:400px;
margin-left:700px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}

/* =============== PAGES ELEVES ==================== */
.tabAesh {
position :Absolute;
top:600px;
margin-left:100px;
border:none;
}
.aesh1 {
position :Absolute;
top:680px;
margin-left:100px;
font-family:Calibri;
font-size:15px;
color:#0e3a53;
}
.aesh2 {
position :Absolute;
top:680px;
margin-left:433px;
font-family:Calibri;
font-size:15px;
color:#0e3a53;
}
.aesh3 {
position :Absolute;
top:680px;
margin-left:766px;
font-family:Calibri;
font-size:15px;
color:#0e3a53;
}
.quotite1 {
position :Absolute;
top:680px;
margin-left:265px;
font-family:Calibri;
font-size:15px;
color:#0e3a53;
}
.quotite2 {
position :Absolute;
top:680px;
margin-left:598px;
font-family:Calibri;
font-size:15px;
color:#0e3a53;
}
.quotite3 {
position :Absolute;
top:680px;
margin-left:931px;
font-family:Calibri;
font-size:15px;
color:#0e3a53;
}
#HeureAvsiAttrib {
position :Absolute;
top:400px;
margin-left:870px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#HeureAvsm {
position :Absolute;
top:450px;
margin-left:870px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
/* =============== PAGE CONNEXION ==================== */
.buttonvalider {
position :Absolute;
top:600px;
margin-left:500px;
border:none;
}
/* =============== PAGE MODIF MDP ==================== */
.razMdp{
position :Absolute;
top:500px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#raz_mdp {
position :Absolute;
top:505px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.razMdp2{
position :Absolute;
top:750px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#raz_mdp2{
position :Absolute;
top:755px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
/* ==================PAGE SAISIE UTILISATEUR============== */

#nomLogin{
position :Absolute;
top:600px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.Login {
position :Absolute;
top:600px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#saisieMdp{
position :Absolute;
top:650px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.mdp {
position :Absolute;
top:650px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#choixNiveau {
position :Absolute;
top:700px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.choix_niveau {
position :Absolute;
top:700px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
#choixMaillage {
position :Absolute;
top:750px;
margin-left:200px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.choix_maillage {
position :Absolute;
top:750px;
margin-left:30px;
font-family:Calibri;
font-size:20px;
color:#0e3a53;
}
.buttonEnregistrer {
position :Absolute;
top:750px;
margin-left:500px;
border:none;
}
.buttonFiltrer {
position :Absolute;
top:200px;
margin-left:600px;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:20px;
color:#0e3a53;
}
/* =============== Btn Iphone ==================== */
.iphoneCheck{
    position: relative;
    margin: 50px auto;
    width: 50px;
    height: 26px;
    background-color: #eee;
    border-radius: 26px;
    border: 1px solid #d2d2d2;
    margin: 0px;
    padding: 0px;
}

.iphoneCheck:hover{
    background-color: #d2d2d2;
}

.btnCheckbox{
    position: absolute;
    width: 50px;
    height: 26px;
    border-radius: 26px;
    cursor: pointer;
    z-index: 10;
    opacity: 0;
}

.btnCheck{
    position: absolute;
    width: 50px;
    height: 26px;
    background-color: #0e3a53;
    border-radius: 26px;
    border: 1,5px solid #d2d2d2;
    opacity: 0;
}

.btnCheckbox:checked ~ .btnCheck{
    opacity: 1;
}

.ballCheck{
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    top: 3px;
    left: 3px;
    box-shadow: 1px 1px #d2d2d2;
    transition: 0.3s;
}

.btnCheckbox:checked ~ .ballCheck{
    left: 26px;
}