@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
html,address,blockquote,body,dd,div,dl,dt,fieldset,form,frame,frameset,h1,h2,h3,h4,h5,h6,noframes,ol,p,ul,li,center,dir,hr,menu,pre{font-family:'PT Sans Narrow', sans-serif;display:block;text-decoration:none;font-weight:400;margin:0;padding:0;}
body{font-family:Sintony, serif;height:100%;border:0 solid transparent;margin:0;min-height:100%;padding:0;width:100%;background:#fff;height:100%;overflow:hidden;}
h1,h2,h3,h4,h5,h6,p{font-family:'PT Sans Narrow', sans-serif;font-weight:400;}
html {height: 100%;}
a:link, a:active, a:visited{text-decoration:none;outline:none;border:none;font-size:inherit;color:inherit;}
/*Titres*****************************************************************************************************************************/
p{color:#83888E;line-height:1.2em;font-weight:400;}
.clear{clear:left;}
.clear2{clear:right;}
/*Contenu******/
.content{text-align:center;margin:0 auto;background:url(../img/acces.jpg) no-repeat center top;top:0;bottom:0;height:100%;margin:0;padding: 0;margin-top:-3em;padding-top:8em;}
/*Connexion******/
.ident{margin:0 auto;background:url(../img/trans-night-blue.png) repeat;border:1px solid #fff;width:34%;padding:0;-moz-border-radius:17px;-webkit-border-radius:17px;border-radius:17px;dximagetransformmicrosoftgradient:(17px);}
.ident h1{margin:0 auto;background:#fff;padding:15px 30px 8px 30px;margin-bottom:1.2em;color:#307EB8;-moz-border-radius:17px 17px 0px 0px;-webkit-border-radius:17px 17px 0px 0px;border-radius:17px 17px 0px 0px;dximagetransformmicrosoftgradient:(17px 17px 0px 0px);}
#log{background:url(../img/picto_connect_1.png) no-repeat;border:none;padding:3em 4em 6em 6em;float:left;margin-left:8%;}
#login {border:none;border-bottom:3px solid #fff;background:url(../img/trans-blue.png) repeat;float:left;margin-top:3.2em;font-size:1.2em;color:#fff;padding:.5em;width:48%;}
/*corrections 2025***/
.ipt-ident::placeholder {color: #ffffff !important;opacity: 1 !important;}
.ipt-ident {border:none;border-bottom:3px solid #ffffff !important;background:url(../img/trans-blue.png) repeat!important;float:left;margin-top:3.2em;font-size:1.2em;color:#ffffff !important;padding:.5em;width:48%;font-style: normal!important;padding-left: 2em !important;} 
/* 1. Pour le champ Identifiant (icone) */
.ipt-form-container-ident {position: relative;margin-left: 30px!important;height: 70px!important;}
.ipt-form-container-ident::before {content: "";position: absolute;left: -70px !important;        /* position horizontale */top: 100% !important;           /* on part du milieu du parent */transform: translateY(-50%) !important; /* on remonte de moitié de sa propre hauteur */width: 50px;height: 50px;background-image: url('../img/picto_connect_1.png');background-size: contain;background-repeat: no-repeat;pointer-events: none;}
.ipt-form-container-ident input {padding-left: 30px;  /* Décale le texte pour éviter qu'il ne chevauche l'icône */}
  /* 2. Pour le champ Mot de Passe */
.ipt-form-container-mdp {position: relative;margin-left: 30px;height: 115px;}
.ipt-form-container-mdp::before {content: "";position: absolute;left: -70px;  /* Décalage de l'icône à gauche */top: 100%;  /* Centrer verticalement */transform: translateY(-50%);width: 50px; /* Taille de l'icône */
height: 50px;background-image: url('../img/picto_connect_2.png'); /* Remplacer par l'icône de mot de passe */background-size: contain;background-repeat: no-repeat;pointer-events: none;  /* Permet d'interagir avec le champ input sans interférence */}
.ipt-form-container-mdp input {padding-left: 30px;  /* Décale le texte pour éviter qu'il ne chevauche l'icône */}
.ipt-mdp::placeholder {color: #ffffff !important;opacity: 1 !important;}
.ipt-mdp {border:none;border-bottom:3px solid #ffffff !important;background:url(../img/trans-blue.png) repeat;float:left;margin-top:2.7em;font-size:1.2em;color:#ffffff !important;padding:.5em;width:48%;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s;font-style: normal!important;}
.ipt-btn-connexion {border-radius: 10px !important;width: 60% !important; background-color: #007bff !important; color: white !important; font-weight : bold !important;margin-top: 15px !important; cursor: pointer !important ;font-style: normal!important;}
.ubi-form-connexion{background: transparent!important;padding:1em 2.7em 1em 2.9em !important;color:#fff !important;font-size:1.2em !important;font-weight:700!important;margin:-.9em 0 0 0em!important;text-decoration:none!important;border:none!important;cursor:pointer!important;-moz-border-radius:7px!important;-webkit-border-radius:7px!important;border-radius:7px!important;dximagetransformmicrosoftgradient:(7px);-webkit-transition:all 1s!important;-moz-transition:all 1s!important;-o-transition:all 1s!important;-ms-transition:all 1s!important;transition:all 1s;font-style: normal!important;}
/****/
#pass{background:url(../img/picto_connect_2.png) no-repeat;border:none;padding:3em 4em 6em 6em;float:left;margin-left:8%;}
#mdp {border:none;border-bottom:3px solid #fff;background:url(../img/trans-blue.png) repeat;float:left;margin-top:2.7em;font-size:1.2em;color:#fff;padding:.5em;width:48%;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s}
#mdp:focus, #login:focus, .ipt-ident:focus, .ipt-mdp:focus  {background:#67B242!important;-webkit-transition:.5s!important;-moz-transition:.5s!important;-o-transition:.5s!important;-ms-transition:.5s;transition:.5s}
#connexion{background:#0897FF;padding:1em 2.7em 1em 2.9em;color:#fff;font-size:1.2em;font-weight:700;margin:-.9em 0 0 7.8em;text-decoration:none;border:none;cursor:pointer;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;dximagetransformmicrosoftgradient:(7px);-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s}
#connexion:hover{opacity:1;background:#67B242;text-decoration:underline;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s}
#showPassword{font-size:16px;color:#fff;margin:10px 0 0;padding-left:7px;float:left;}
.ident span{margin:1.5em 0 0 .5em;font-size:1em;color:#fff;display:inline-block;}
.ident h6{margin:0 auto;background:#fff;padding:10px 30px;color:#0468C2;margin-top:1em;-moz-border-radius:0px 0px 17px 17px;-webkit-border-radius:0px 0px 17px 17px;border-radius:0px 0px 17px 17px;dximagetransformmicrosoftgradient:(0px 0px 17px 17px);font-size:1.2em;}
/* ROUNDED ONE */
#roundedOne{margin:6px 0 0 0em;}
.roundedOne {display:inline-block;width: 28px;height: 28px;background: #fcfff4;margin:10px 0 0 0em;background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);position: relative;}
.roundedOne label {cursor: pointer;position: absolute;width: 20px;height: 20px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;left: 4px;top: 4px;	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);background: -moz-linear-gradient(top, #222 0%, #45484d 100%);background: -o-linear-gradient(top, #222 0%, #45484d 100%);
background: -ms-linear-gradient(top, #222 0%, #45484d 100%);background: linear-gradient(top, #222 0%, #45484d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );}
.roundedOne label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;content: '';position: absolute;width: 16px;height: 16px;	background: #00bf00;background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);background: linear-gradient(top, #00bf00 0%, #009400 100%);-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;top: 2px;left: 2px;-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);}
.roundedOne label:hover::after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);opacity: 0.3;}
.roundedOne input[type=checkbox]:checked + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
/*RESPONSIVE******/
@media(min-width: 1600px) and (max-width: 1899px) {
body {font-size:1em;}
}
@media(min-width: 1024px) and (max-width: 1388px) {
.content{padding-top:5em;}
#connexion{margin:-.7em 0 0 5.6em;}
.ident{width:43%;}
#log{margin-left:4%;}
#pass{margin-left:4%;}
}
@media(min-width: 768px) and (max-width: 1024px) {
.ident{width:75%;}
}
@media screen and (max-width: 768px) {
.content{background:url(../img/acces.jpg) no-repeat 70% top;padding-top:6em;}
.ident{width:96%;}
#log, #pass{margin-left:1em;}
#login, #mdp {margin-left:.3em;width:45%;}
.ident h1{padding:8px 15px;margin-bottom:1.2em;}
#log, #pass{display:none;}
#login, #mdp {border:none;border-bottom:3px solid #fff;background:none;float:left;margin-top:1.2em;font-size:1.2em;color:#fff;padding-bottom:.5em;margin-left:.9em;width:80%;}
#checkbox{margin:14px 0 0 2em;}
#connexion{margin:1.1em 0 0 0em;}
.ident h6{padding:10px 30px;color:#307EB8;margin-top:1em;font-size:1em;}
}
@media screen and (max-width: 425px) {
/*****/
}