/*loops through all arguments and prefixes the ones that need it (in this case only transform)*/
/* general vendor mixin */
/* general transition mixin*/
/* line 1, css/sass/_reset.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
/* line 9, css/sass/_reset.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 11, css/sass/_reset.scss */
body {
  line-height: 1; }

/* line 13, css/sass/_reset.scss */
ol, ul {
  list-style: none; }

/* line 15, css/sass/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 18, css/sass/_reset.scss */
blockquote:before, blockquote:after {
  content: '';
  content: none; }

/* line 22, css/sass/_reset.scss */
q:before, q:after {
  content: '';
  content: none; }

/* line 25, css/sass/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, css/sass/_reset.scss */
input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  /*Safari/Chrome*/
  -moz-appearance: none;
  /*Firefox*/
  -ms-appearance: none;
  /*IE*/
  -o-appearance: none;
  /*Opera*/
  appearance: none; }

@font-face {
  font-family: 'ordoapsi';
  src: url("../police/parisine-regular-webfont.eot");
  src: url("../police/parisine-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../police/parisine-regular-webfont.woff") format("woff"), url("../police/parisine-regular-webfont.ttf") format("truetype"), url("../police/parisine-regular-webfont.svg#ordoapsi") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ordoapsiItalic';
  src: url("../police/parisine-italic-webfont.eot");
  src: url("../police/parisine-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../police/parisine-italic-webfont.woff") format("woff"), url("../police/parisine-italic-webfont.ttf") format("truetype"), url("../police/parisine-italic-webfont.svg#ordoapsiItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ordoapsiBold';
  src: url("../police/parisine-bold-webfont.eot");
  src: url("../police/parisine-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../police/parisine-bold-webfont.woff") format("woff"), url("../police/parisine-bold-webfont.ttf") format("truetype"), url("../police/parisine-bold-webfont.svg#ordoapsiBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icon';
  src: url("../police/icon.eot?-vpq8se");
  src: url("../police/icon.eot?#iefix-vpq8se") format("embedded-opentype"), url("../police/icon.woff?-vpq8se") format("woff"), url("../police/icon.ttf?-vpq8se") format("truetype"), url("../police/icon.svg?-vpq8se#icon") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Yanone_Kaffeesatz_Bold';
  src: url("../police/yanonekaffeesatz-bold-webfont.eot");
  src: url("../police/yanonekaffeesatz-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../police/yanonekaffeesatz-bold-webfont.woff") format("woff"), url("../police/yanonekaffeesatz-bold-webfont.ttf") format("truetype"), url("../police/yanonekaffeesatz-bold-webfont.svg#Yanone_Kaffeesatz_Bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Yanone_Kaffeesatz';
  src: url("../police/yanonekaffeesatz-regular-webfont.eot");
  src: url("../police/yanonekaffeesatz-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../police/yanonekaffeesatz-regular-webfont.woff") format("woff"), url("../police/yanonekaffeesatz-regular-webfont.ttf") format("truetype"), url("../police/yanonekaffeesatz-regular-webfont.svg#Yanone_Kaffeesatz") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
/* line 69, css/sass/_police.scss */
[data-icon]:before {
  font-family: 'icon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
/* line 82, css/sass/_police.scss */
[class*=icon-picto_], [class*=icon-pictos_] {
  font-family: 'icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*
.icon-picto_allergenes_insectes:before { content: "\e600"; }
.icon-picto_risque:before { content: "\e601"; }
.icon-picto_smiley_pascontent_plein:before { content: "\e602"; }
.icon-picto_smiley_pascontent:before { content: "\e603"; }
.icon-picto_smiley_content_plein:before { content: "\e604"; }
.icon-picto_smiley_content:before { content: "\e605"; }
.icon-picto_smiley_neutre_plein:before { content: "\e606"; }
.icon-picto_smiley_neutre:before { content: "\e607"; }
.icon-picto_actif:before { content: "\e608"; }
.icon-picto_inactif:before { content: "\e609"; }
.icon-picto_allergenes_acariens:before { content: "\e60a"; }
.icon-picto_allergenes_phaneres:before { content: "\e60b"; }
.icon-picto_allergenes_pollens:before { content: "\e60c"; }
.icon-picto_allergenes_moisissures:before { content: "\e60d"; }
.icon-picto_allergenes_graminees:before { content: "\e60e"; }
.icon-picto_allergenes_arbres:before { content: "\e60f"; }
.icon-picto_renouvelerEntretien:before { content: "\e610"; }
.icon-picto_renouvelerInitiation:before { content: "\e611"; }
.icon-picto_enregistrer:before { content: "\e612"; }
.icon-picto_joindre:before { content: "\e613"; }
.icon-picto_imprimer:before { content: "\e614"; }
.icon-picto_valider:before { content: "\e615"; }
.icon-picto_fermer:before { content: "\e616"; }
.icon-picto_fleche:before { content: "\e617"; }
.icon-picto_mail:before { content: "\e618"; }
.icon-picto_sms:before { content: "\e619"; }
.icon-picto_resultats:before { content: "\e61a"; }
.icon-picto_questionnaire:before { content: "\e61b"; }
.icon-picto_feuille:before { content: "\e61c"; }
.icon-picto_recherche:before { content: "\e61d"; }
.icon-picto_connexion:before { content: "\e61e"; }
.icon-picto_preferences:before { content: "\e61f"; }
.icon-picto_tel:before { content: "\e620"; }
.icon-picto_calendrier:before { content: "\e621"; }
.icon-picto_curseur:before { content: "\e622"; }
.icon-picto_details:before { content: "\e623"; }
.icon-picto_renouveler:before { content: "\e624"; }
.icon-picto_nouveau:before { content: "\e625"; }
.icon-picto_historique_prescriptions:before { content: "\e626"; }
.icon-picto_ajout_famille:before { content: "\e627"; }
.icon-picto_modifier:before { content: "\e628"; }
.icon-picto_stats:before { content: "\e629"; }
.icon-picto_alertes:before { content: "\e62a"; }
.icon-pictos_modeles:before { content: "\e62b"; }
.icon-pictos_patients:before { content: "\e62c"; }
.icon-pictos_tableauBord:before { content: "\e62d"; }
*/
/* line 134, css/sass/_police.scss */
.icon-picto_actif:before {
  content: "\e600"; }

/* line 135, css/sass/_police.scss */
.icon-picto_ajout_famille:before {
  content: "\e601"; }

/* line 136, css/sass/_police.scss */
.icon-picto_alertes:before {
  content: "\e602"; }

/* line 137, css/sass/_police.scss */
.icon-picto_allergenes_acariens:before {
  content: "\e603"; }

/* line 138, css/sass/_police.scss */
.icon-picto_allergenes_arbres:before {
  content: "\e604"; }

/* line 139, css/sass/_police.scss */
.icon-picto_allergenes_graminees:before {
  content: "\e605"; }

/* line 140, css/sass/_police.scss */
.icon-picto_allergenes_insectes:before {
  content: "\e606"; }

/* line 141, css/sass/_police.scss */
.icon-picto_allergenes_moisissures:before {
  content: "\e607"; }

/* line 142, css/sass/_police.scss */
.icon-picto_allergenes_phaneres:before {
  content: "\e608"; }

/* line 143, css/sass/_police.scss */
.icon-picto_allergenes_pollens:before {
  content: "\e609"; }

/* line 144, css/sass/_police.scss */
.icon-picto_calendrier:before {
  content: "\e60a"; }

/* line 145, css/sass/_police.scss */
.icon-picto_connexion:before {
  content: "\e60b"; }

/* line 146, css/sass/_police.scss */
.icon-picto_curseur:before {
  content: "\e60c"; }

/* line 147, css/sass/_police.scss */
.icon-picto_details:before {
  content: "\e60d"; }

/* line 148, css/sass/_police.scss */
.icon-picto_enregistrer:before {
  content: "\e60e"; }

/* line 149, css/sass/_police.scss */
.icon-picto_fermer:before {
  content: "\e60f"; }

/* line 150, css/sass/_police.scss */
.icon-picto_feuille:before {
  content: "\e610"; }

/* line 151, css/sass/_police.scss */
.icon-picto_fleche:before {
  content: "\e611"; }

/* line 152, css/sass/_police.scss */
.icon-picto_historique_prescriptions:before {
  content: "\e612"; }

/* line 153, css/sass/_police.scss */
.icon-picto_imprimer:before {
  content: "\e613"; }

/* line 154, css/sass/_police.scss */
.icon-picto_inactif:before {
  content: "\e614"; }

/* line 155, css/sass/_police.scss */
.icon-picto_joindre:before {
  content: "\e615"; }

/* line 156, css/sass/_police.scss */
.icon-picto_mail:before {
  content: "\e616"; }

/* line 157, css/sass/_police.scss */
.icon-picto_modifier:before {
  content: "\e617"; }

/* line 158, css/sass/_police.scss */
.icon-picto_nouveau:before {
  content: "\e618"; }

/* line 159, css/sass/_police.scss */
.icon-picto_preferences:before {
  content: "\e619"; }

/* line 160, css/sass/_police.scss */
.icon-picto_questionnaire:before {
  content: "\e61a"; }

/* line 161, css/sass/_police.scss */
.icon-picto_recherche:before {
  content: "\e61b"; }

/* line 162, css/sass/_police.scss */
.icon-picto_renouveler:before {
  content: "\e61c"; }

/* line 163, css/sass/_police.scss */
.icon-picto_renouvelerEntretien:before {
  content: "\e61d"; }

/* line 164, css/sass/_police.scss */
.icon-picto_renouvelerInitiation:before {
  content: "\e61e"; }

/* line 165, css/sass/_police.scss */
.icon-picto_renouvelerOrdonnance:before {
  content: "\e61f"; }

/* line 166, css/sass/_police.scss */
.icon-picto_resultats:before {
  content: "\e620"; }

/* line 167, css/sass/_police.scss */
.icon-picto_risque:before {
  content: "\e621"; }

/* line 168, css/sass/_police.scss */
.icon-picto_smiley_content:before {
  content: "\e622"; }

/* line 169, css/sass/_police.scss */
.icon-picto_smiley_content_plein:before {
  content: "\e623"; }

/* line 170, css/sass/_police.scss */
.icon-picto_smiley_neutre:before {
  content: "\e624"; }

/* line 171, css/sass/_police.scss */
.icon-picto_smiley_neutre_plein:before {
  content: "\e625"; }

/* line 172, css/sass/_police.scss */
.icon-picto_smiley_pascontent:before {
  content: "\e626"; }

/* line 173, css/sass/_police.scss */
.icon-picto_smiley_pascontent_plein:before {
  content: "\e627"; }

/* line 174, css/sass/_police.scss */
.icon-picto_sms:before {
  content: "\e628"; }

/* line 175, css/sass/_police.scss */
.icon-picto_stats:before {
  content: "\e629"; }

/* line 176, css/sass/_police.scss */
.icon-picto_tel:before {
  content: "\e62a"; }

/* line 177, css/sass/_police.scss */
.icon-picto_valider:before {
  content: "\e62b"; }

/* line 178, css/sass/_police.scss */
.icon-pictos_modeles:before {
  content: "\e62c"; }

/* line 179, css/sass/_police.scss */
.icon-pictos_patients:before {
  content: "\e62d"; }

/* line 180, css/sass/_police.scss */
.icon-pictos_tableauBord:before {
  content: "\e62e"; }

/* line 8, css/sass/styleConnexion.scss */
html, body {
  width: 90%;
  height: 90%; }

/* line 9, css/sass/styleConnexion.scss */
body {
  font-size: 100%;
  overflow: auto;
  font-family: 'ordoapsi', sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 10, css/sass/styleConnexion.scss */
.clear {
  clear: both; }

/*PAGE CONNEXION*/
/* line 15, css/sass/styleConnexion.scss */
#page-identification {
  width: 100%; }

/* line 16, css/sass/styleConnexion.scss */
#page-identification .container {
  /*max-width:1528px;*/
  max-width: 100%;
  width: 100%; }

/* line 17, css/sass/styleConnexion.scss */
.global-connexion {
  position: relative;
  /*width:1528px;*/
  margin: 0 auto; }

/*.connexion-group-bloc-gauche { width:50%; float:left; position:absolute; left:0; }*/
/* line 19, css/sass/styleConnexion.scss */
.connexion-group-bloc-gauche {
  position: fixed;
  float: left;
  left: 0;
  height: 100%;
  /*margin-right: -100%;*/ }

/*.connexion-group-bloc-droite { width:50%; float:right; position:absolute; left:764px; }*/
/* line 21, css/sass/styleConnexion.scss */
.connexion-group-bloc-droite {
  position: fixed;
  float: right;
  height: 100%;
  /*right: 0; margin-left: -100%;*/
  z-index: 0; }

/* line 22, css/sass/styleConnexion.scss */
.bloc-carre {
  /*position:absolute;*/
  width: 191px;
  height: 191px;
  display: inline-block;
  float: left;
  background-size: 100% !important; }

/* line 24, css/sass/styleConnexion.scss */
.bloc-acarien {
  background: url(../images/carre-acarien.jpg) no-repeat; }

/* line 25, css/sass/styleConnexion.scss */
.bloc-allergene {
  background: url(../images/carre-allergene.jpg) no-repeat; }

/* line 26, css/sass/styleConnexion.scss */
.bloc-arbre {
  background: url(../images/carre-arbre.jpg) no-repeat; }

/* line 27, css/sass/styleConnexion.scss */
.bloc-champ {
  background: url(../images/carre-champ.jpg) no-repeat; }

/* line 28, css/sass/styleConnexion.scss */
.bloc-chat {
  background: url(../images/carre-chat.jpg) no-repeat; }

/* line 29, css/sass/styleConnexion.scss */
.bloc-epis {
  background: url(../images/carre-epis.jpg) no-repeat; }

/* line 30, css/sass/styleConnexion.scss */
.bloc-fun {
  background: url(../images/carre-fun.jpg) no-repeat; }

/* line 31, css/sass/styleConnexion.scss */
.bloc-machine {
  background: url(../images/carre-machine.jpg) no-repeat; }

/* line 32, css/sass/styleConnexion.scss */
.bloc-main {
  background: url(../images/carre-main.jpg) no-repeat; }

/* line 33, css/sass/styleConnexion.scss */
.bloc-paquerette {
  background: url(../images/carre-paquerette.jpg) no-repeat; }

/* line 34, css/sass/styleConnexion.scss */
.bloc-plante {
  background: url(../images/carre-plante.jpg) no-repeat; }

/* line 35, css/sass/styleConnexion.scss */
.bloc-scientifique {
  background: url(../images/carre-scientifique.jpg) no-repeat; }

/* line 36, css/sass/styleConnexion.scss */
.bloc-sourire {
  background: url(../images/carre-sourire.jpg) no-repeat; }

/* line 37, css/sass/styleConnexion.scss */
.bloc-spray {
  background: url(../images/carre-spray.jpg) no-repeat; }

/* line 38, css/sass/styleConnexion.scss */
#bloc-identification {
  width: 382px;
  height: 382px;
  float: left;
  display: inline-block; }

/* line 40, css/sass/styleConnexion.scss */
.bloc-identification-haut, .bloc-identification-bas {
  height: auto !important;
  float: left; }

/* line 41, css/sass/styleConnexion.scss */
.bloc-identification-haut {
  text-align: center; }
  /* line 42, css/sass/styleConnexion.scss */
  .bloc-identification-haut img {
    margin: 25px 0; }

/* line 45, css/sass/styleConnexion.scss */
.bloc-identification-bas .form {
  width: 310px;
  margin: 0 auto; }
  /* line 46, css/sass/styleConnexion.scss */
  .bloc-identification-bas .form h2 {
    font-family: 'Yanone_Kaffeesatz_Bold', sans-serif;
    font-weight: normal;
    font-size: 2.6em;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    color: #01c7df; }
  /* line 47, css/sass/styleConnexion.scss */
  .bloc-identification-bas .form input, .bloc-identification-bas .form p#cps {
    width: 100%;
    height: auto;
    margin: 0 0 5px 0;
    border: 1px solid #ccc;
    background: #e7e7e7;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: Arial;
    font-size: 1.2em;
    color: #666;
    line-height: 1.1em;
    -webkit-transition: border 0.2s;
    -moz-transition: border 0.2s;
    -ms-transition: border 0.2s;
    -o-transition: border 0.2s;
    transition: border 0.2s; }
  /* line 48, css/sass/styleConnexion.scss */
  .bloc-identification-bas .form p#cps {
    padding: 10px; }
  /* line 49, css/sass/styleConnexion.scss */
  .bloc-identification-bas .form input {
    height: 30px; }
  /* line 50, css/sass/styleConnexion.scss */
  .bloc-identification-bas .form input:focus {
    border: 1px solid #01c7df;
    outline: none; }
  /* line 52, css/sass/styleConnexion.scss */
  .bloc-identification-bas .form input::-webkit-input-placeholder, .bloc-identification-bas .form p#cps::-webkit-input-placeholder {
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 1.2em;
    color: #666; }
  /* line 53, css/sass/styleConnexion.scss */
  .bloc-identification-bas .form input::-moz-placeholder, .bloc-identification-bas .form p#cps::-moz-placeholder {
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 1.2em;
    color: #666; }
  /* line 54, css/sass/styleConnexion.scss */
  .bloc-identification-bas .form input:-ms-input-placeholder, .bloc-identification-bas .form p#cps:-ms-input-placeholder {
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 1.2em;
    color: #666; }
  /* line 55, css/sass/styleConnexion.scss */
  .bloc-identification-bas .form input:-moz-placeholder, .bloc-identification-bas .form p#cps:-moz-placeholder {
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 1.2em;
    color: #666; }
  /* line 58, css/sass/styleConnexion.scss */
  .bloc-identification-bas .form .valider, .bloc-identification-bas .form .autre-connexion2 {
    font-family: 'ordoapsiBold', sans-serif;
    font-weight: normal;
    font-size: 1.6em;
    line-height: 1.5em;
    color: #fff;
    text-align: center;
    /* text-transform:uppercase; */
    margin: 0 0 10px 0;
    padding: 5px 0;
    background: #01c7df;
    cursor: pointer; }
    /* line 59, css/sass/styleConnexion.scss */
    .bloc-identification-bas .form .valider span, .bloc-identification-bas .form .autre-connexion2 span {
      text-transform: uppercase; }

/* line 63, css/sass/styleConnexion.scss */
.bloc-identification-bas .inscription, .bloc-identification-bas .autre-connexion, .bloc-identification-bas .mdpoublie {
  font-size: 1.1em;
  line-height: 1.5em;
  color: #7f7f7f;
  cursor: pointer; }

/* line 65, css/sass/styleConnexion.scss */
.bloc-identification-bas i {
  font-size: 1.1em;
  line-height: 1.5em;
  color: #7f7f7f; }

/* line 68, css/sass/styleConnexion.scss */
.content-flip {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

/* line 69, css/sass/styleConnexion.scss */
#bloc-identification.flip .content-flip {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

/* line 71, css/sass/styleConnexion.scss */
.face-flip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 72, css/sass/styleConnexion.scss */
.front {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 74, css/sass/styleConnexion.scss */
#bloc-identification.flip .front {
  opacity: 0;
  /*-webkit-opacity: $opacity;
    -moz-opacity: $opacity;	*/
  /*filter: alpha(opacity=$opacity-ie); //IE8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})";
  filter: "alpha(opacity=${opperc})";
  zoom: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

/* line 76, css/sass/styleConnexion.scss */
.back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

/* line 77, css/sass/styleConnexion.scss */
#bloc-identification.flip .back {
  opacity: 1;
  /*-webkit-opacity: $opacity;
    -moz-opacity: $opacity;	*/
  /*filter: alpha(opacity=$opacity-ie); //IE8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})";
  filter: "alpha(opacity=${opperc})";
  zoom: 1;
  z-index: 3;
  -webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
  -o-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

/* line 79, css/sass/styleConnexion.scss */
.connexion-popup h2, .connexion2-popup h2 {
  color: #01c7df;
  border-bottom: 2px solid #01c7df; }

/* line 80, css/sass/styleConnexion.scss */
.connexion-popup p, .connexion2-popup p {
  font-size: 14px;
  color: #757376;
  margin: 0 0 20px 0; }

/* line 81, css/sass/styleConnexion.scss */
.connexion-popup input {
  color: #666;
  border: 1px solid #666;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 10px 0;
  padding: 5px; }

/* line 82, css/sass/styleConnexion.scss */
.connexion-popup input:focus {
  border: 1px solid #01c7df;
  outline: none; }

/* line 83, css/sass/styleConnexion.scss */
.connexion-popup .btn-connexion, .connexion-popup .btn-new-connexion {
  float: right;
  clear: both;
  width: 125px;
  height: 60px; }

/* POPUP MOT DE PASSE OUBLIE */
/* line 86, css/sass/styleConnexion.scss */
.mdpoublie-popup {
  z-index: 99999; }
  /* line 87, css/sass/styleConnexion.scss */
  .mdpoublie-popup h2 {
    color: #01c8df;
    border-bottom: 2px solid #01c8df; }
  /* line 88, css/sass/styleConnexion.scss */
  .mdpoublie-popup p {
    font-size: 14px;
    color: #757376;
    margin: 0 0 20px 0; }
  /* line 89, css/sass/styleConnexion.scss */
  .mdpoublie-popup input {
    color: #666;
    border: 1px solid #666;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 10px 0;
    padding: 5px; }
  /* line 90, css/sass/styleConnexion.scss */
  .mdpoublie-popup input:focus {
    border: 1px solid #01c7df;
    outline: none; }
  /* line 91, css/sass/styleConnexion.scss */
  .mdpoublie-popup .btn-valider-mdp-oublie {
    float: right;
    clear: both;
    width: 125px;
    height: 60px; }

/* line 94, css/sass/styleConnexion.scss */
.erreur-newconnexion-popup {
  z-index: 99999999; }
  /* line 95, css/sass/styleConnexion.scss */
  .erreur-newconnexion-popup h2 {
    color: #01c8df;
    border-bottom: 2px solid #01c8df; }
  /* line 96, css/sass/styleConnexion.scss */
  .erreur-newconnexion-popup p {
    font-size: 14px;
    color: #757376;
    margin: 0 0 20px 0; }

/* Popup Choix du lieu d'exercice */
/* line 102, css/sass/styleConnexion.scss */
.lieu-exercice-popup .wrap-popup {
  width: 580px; }

/* line 104, css/sass/styleConnexion.scss */
.lieu-exercice-popup h2 {
  color: #01c7df;
  border-bottom: 2px solid #01c7df; }

/* line 105, css/sass/styleConnexion.scss */
.lieu-exercice-popup p {
  font-size: 1.3em;
  color: #757376;
  margin: 0 0 20px 0; }

/* line 106, css/sass/styleConnexion.scss */
.lieu-exercice-popup input {
  color: #666;
  border: 1px solid #666;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 10px 0;
  padding: 5px; }

/* line 107, css/sass/styleConnexion.scss */
.lieu-exercice-popup input:focus {
  border: 1px solid #01c7df;
  outline: none; }

@media only screen and (max-width: 995px) {
  /* line 110, css/sass/styleConnexion.scss */
  .lieu-exercice-popup .wrap-popup {
    width: 385px; }
  /* line 111, css/sass/styleConnexion.scss */
  .lieu-exercice-popup p {
    font-size: 15px; } }

/* line 116, css/sass/styleConnexion.scss */
.lieu-exercice-popup .btn-connexion-lieu-exe, .lieu-exercice-popup {
  float: right;
  clear: both;
  width: 125px; }

/* line 118, css/sass/styleConnexion.scss */
.liste-lieu-exercice {
  max-height: 282px;
  margin: 0 10px 10px 0; }

/* line 119, css/sass/styleConnexion.scss */
.liste-lieu-exercice .dataTables_scrollBody {
  position: relative;
  width: 97% !important;
  height: 260px !important;
  /*forcer la hauteur pour safari*/
  overflow: visible !important;
  float: right; }

/* line 120, css/sass/styleConnexion.scss */
.liste-lieu-exercice .mCustomScrollBox > .mCSB_scrollTools {
  left: -15px; }

/* line 121, css/sass/styleConnexion.scss */
.tab-liste-lieu-exercice {
  margin: 7px 0 0 0;
  width: 100%;
  /*tr.selected, .selected .box-check { background:#f98044; color:#fff; @include transition(color .2s, background .2s); }*/ }
  /* line 122, css/sass/styleConnexion.scss */
  .tab-liste-lieu-exercice thead {
    display: none; }
  /* line 124, css/sass/styleConnexion.scss */
  .tab-liste-lieu-exercice tbody tr {
    font-size: 1.3em;
    color: #a3a3a3;
    height: 35px;
    vertical-align: middle;
    -webkit-transition: color 0.2s, background 0.2s;
    -moz-transition: color 0.2s, background 0.2s;
    -ms-transition: color 0.2s, background 0.2s;
    -o-transition: color 0.2s, background 0.2s;
    transition: color 0.2s, background 0.2s;
    border-bottom: 1px solid #fff; }
  @media only screen and (max-width: 995px) {
    /* line 123, css/sass/styleConnexion.scss */
    .tab-liste-lieu-exercice tbody {
      font-size: 10px; } }
  /* line 130, css/sass/styleConnexion.scss */
  .tab-liste-lieu-exercice tbody td {
    vertical-align: middle;
    padding: 0 0 0 12px; }
    /* line 131, css/sass/styleConnexion.scss */
    .tab-liste-lieu-exercice tbody td span {
      vertical-align: middle; }
  /* line 133, css/sass/styleConnexion.scss */
  .tab-liste-lieu-exercice tbody .adresse {
    width: 75%; }
  /* line 134, css/sass/styleConnexion.scss */
  .tab-liste-lieu-exercice tbody li {
    position: relative;
    display: block;
    margin: 0 0px 5px 0; }
  /* line 135, css/sass/styleConnexion.scss */
  .tab-liste-lieu-exercice tbody li {
    font-size: 100%;
    color: #a3a3a3;
    list-style: none; }
  /* line 137, css/sass/styleConnexion.scss */
  .tab-liste-lieu-exercice .odd {
    background: #f2f2f2; }
  /* line 138, css/sass/styleConnexion.scss */
  .tab-liste-lieu-exercice .even {
    background: #e0e0e0; }
  /* line 140, css/sass/styleConnexion.scss */
  .tab-liste-lieu-exercice .box-check {
    width: 13px;
    height: 13px;
    display: inline-block;
    float: right;
    background: #fff;
    border: 1px solid  #01C7DF;
    margin: 0 12px 0 0;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s; }
  /* line 142, css/sass/styleConnexion.scss */
  .tab-liste-lieu-exercice .box-check .check {
    width: 100%;
    height: 100%;
    float: left;
    opacity: 0;
    /*-webkit-opacity: $opacity;
    -moz-opacity: $opacity;	*/
    /*filter: alpha(opacity=$opacity-ie); //IE8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})";
    filter: "alpha(opacity=${opperc})";
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }
  /* line 143, css/sass/styleConnexion.scss */
  .tab-liste-lieu-exercice .box-check .check.selected {
    margin-top: 1px;
    margin-left: 1px;
    background: url(../images/check-bleu.png);
    opacity: 1;
    /*-webkit-opacity: $opacity;
    -moz-opacity: $opacity;	*/
    /*filter: alpha(opacity=$opacity-ie); //IE8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})";
    filter: "alpha(opacity=${opperc})";
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }

/* line 147, css/sass/styleConnexion.scss */
.btn-form {
  position: relative;
  margin: 0 0 0 5px;
  float: left;
  padding: 10px;
  -webkit-border-radius: 10px 0 10px 0;
  -moz-border-radius: 10px 0 10px 0;
  -ms-border-radius: 10px 0 10px 0;
  border-radius: 10px 0 10px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  cursor: pointer; }

/* line 148, css/sass/styleConnexion.scss */
.btn-form {
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); }

/* line 149, css/sass/styleConnexion.scss */
.btn-form.opacity0 {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

/* line 150, css/sass/styleConnexion.scss */
.btn-form.hide {
  display: none; }

/* line 151, css/sass/styleConnexion.scss */
.btn-form.opacity0 {
  opacity: 0.5;
  /*-webkit-opacity: $opacity;
    -moz-opacity: $opacity;	*/
  /*filter: alpha(opacity=$opacity-ie); //IE8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})";
  filter: "alpha(opacity=${opperc})";
  cursor: default; }

/* line 152, css/sass/styleConnexion.scss */
.btn-form.opacity1 {
  cursor: pointer;
  opacity: 1;
  /*-webkit-opacity: $opacity;
    -moz-opacity: $opacity;	*/
  /*filter: alpha(opacity=$opacity-ie); //IE8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})";
  filter: "alpha(opacity=${opperc})";
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s; }

/* line 153, css/sass/styleConnexion.scss */
.btn-form h4 {
  font-family: 'Yanone_Kaffeesatz_Bold', sans-serif;
  font-weight: normal;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  display: inline-block; }

/* line 154, css/sass/styleConnexion.scss */
.btn-form span {
  position: absolute;
  right: 10px;
  bottom: 20px;
  font-size: 20px;
  color: #fff;
  display: inline-block; }

/* line 156, css/sass/styleConnexion.scss */
#footer {
  position: fixed;
  width: 100%;
  height: 30px;
  bottom: 0;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
  zoom: 1; }
  /* line 157, css/sass/styleConnexion.scss */
  #footer ul {
    width: 50%;
    margin: 0 auto;
    text-align: center; }
  /* line 158, css/sass/styleConnexion.scss */
  #footer li {
    font-family: Arial;
    font-size: 1.5em;
    color: #666;
    line-height: 30px;
    vertical-align: middle;
    display: inline-block;
    margin: 0px 30px; }
  /* line 159, css/sass/styleConnexion.scss */
  #footer a {
    text-decoration: none;
    color: inherit; }
  /* line 160, css/sass/styleConnexion.scss */
  #footer span {
    cursor: pointer; }

/*DEGRADES*/
/* line 165, css/sass/styleConnexion.scss */
.degrade-bleu {
  background: #01d0e8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #01d0e8 0%, #01aabe 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #01d0e8), color-stop(100%, #01aabe));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #01d0e8 0%, #01aabe 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #01d0e8 0%, #01aabe 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #01d0e8 0%, #01aabe 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #01d0e8 0%, #01aabe 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01d0e8', endColorstr='#01aabe',GradientType=0 );
  /* IE6-9 */ }

/* line 175, css/sass/styleConnexion.scss */
.degrade-bleuf {
  background: #74a3db;
  /* Old browsers */
  background: -moz-linear-gradient(top, #74a3db 0%, #295e9d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #74a3db), color-stop(100%, #295e9d));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #74a3db 0%, #295e9d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #74a3db 0%, #295e9d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #74a3db 0%, #295e9d 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #74a3db 0%, #295e9d 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74a3db', endColorstr='#295e9d',GradientType=0 );
  /* IE6-9 */ }

/* line 185, css/sass/styleConnexion.scss */
.degrade-bleuv {
  background: #1fa3ab;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1fa3ab 0%, #1a848b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1fa3ab), color-stop(100%, #1a848b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1fa3ab 0%, #1a848b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1fa3ab 0%, #1a848b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1fa3ab 0%, #1a848b 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #1fa3ab 0%, #1a848b 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa3ab', endColorstr='#1a848b',GradientType=0 );
  /* IE6-9 */ }

/* line 195, css/sass/styleConnexion.scss */
.degrade-orange {
  background: #f3702f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f3702f 0%, #e85810 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3702f), color-stop(100%, #e85810));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f3702f 0%, #e85810 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f3702f 0%, #e85810 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f3702f 0%, #e85810 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f3702f 0%, #e85810 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3702f', endColorstr='#e85810',GradientType=0 );
  /* IE6-9 */ }

/* line 205, css/sass/styleConnexion.scss */
.degrade-marron {
  background: #c64c33;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c64c33 0%, #a0331d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c64c33), color-stop(100%, #a0331d));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c64c33 0%, #a0331d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c64c33 0%, #a0331d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c64c33 0%, #a0331d 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #c64c33 0%, #a0331d 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c64c33', endColorstr='#a0331d',GradientType=0 );
  /* IE6-9 */ }

/* line 215, css/sass/styleConnexion.scss */
.degrade-jaunem {
  background: #e09f3a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e09f3a 0%, #c5823a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e09f3a), color-stop(100%, #c5823a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e09f3a 0%, #c5823a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e09f3a 0%, #c5823a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e09f3a 0%, #c5823a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e09f3a 0%, #c5823a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e09f3a', endColorstr='#c5823a',GradientType=0 );
  /* IE6-9 */ }

/* line 225, css/sass/styleConnexion.scss */
.degrade-jaune {
  background: #fabc20;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fabc20 0%, #f6a800 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fabc20), color-stop(100%, #f6a800));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fabc20 0%, #f6a800 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fabc20 0%, #f6a800 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fabc20 0%, #f6a800 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fabc20 0%, #f6a800 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fabc20', endColorstr='#f6a800',GradientType=0 );
  /* IE6-9 */ }

/* line 235, css/sass/styleConnexion.scss */
.degrade-vert {
  background: #c0e0cf;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c0e0cf 0%, #8ccab4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0e0cf), color-stop(100%, #8ccab4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c0e0cf 0%, #8ccab4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c0e0cf 0%, #8ccab4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c0e0cf 0%, #8ccab4 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #c0e0cf 0%, #8ccab4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0e0cf', endColorstr='#8ccab4',GradientType=0 );
  /* IE6-9 */ }

/* line 245, css/sass/styleConnexion.scss */
.degrade-gris {
  background: #d2ced3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d2ced3 0%, #9d989f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2ced3), color-stop(100%, #9d989f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d2ced3 0%, #9d989f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d2ced3 0%, #9d989f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d2ced3 0%, #9d989f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d2ced3 0%, #9d989f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ced3', endColorstr='#9d989f',GradientType=0 );
  /* IE6-9 */ }

/* line 255, css/sass/styleConnexion.scss */
.degrade-vertf {
  background: #b4e967;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b4e967 0%, #74c316 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b4e967), color-stop(100%, #74c316));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #b4e967 0%, #74c316 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #b4e967 0%, #74c316 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #b4e967 0%, #74c316 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #b4e967 0%, #74c316 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e967', endColorstr='#74c316',GradientType=0 );
  /* IE6-9 */ }

/* line 265, css/sass/styleConnexion.scss */
.degrade-rouge {
  background: #f55a5a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f55a5a 0%, #df2e2e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f55a5a), color-stop(100%, #df2e2e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f55a5a 0%, #df2e2e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f55a5a 0%, #df2e2e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f55a5a 0%, #df2e2e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f55a5a 0%, #df2e2e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55a5a', endColorstr='#df2e2e',GradientType=0 );
  /* IE6-9 */ }

/* line 275, css/sass/styleConnexion.scss */
.degrade-blanc {
  background: #f5f3f1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f5f3f1 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f3f1), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f5f3f1 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f5f3f1 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f5f3f1 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f5f3f1 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f3f1', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */ }

/* line 285, css/sass/styleConnexion.scss */
.degrade-jaune {
  background: #fabc20;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fabc20 0%, #f7a901 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fabc20), color-stop(100%, #f7a901));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fabc20 0%, #f7a901 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fabc20 0%, #f7a901 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fabc20 0%, #f7a901 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fabc20 0%, #f7a901 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fabc20', endColorstr='#f7a901',GradientType=0 );
  /* IE6-9 */ }

/* line 295, css/sass/styleConnexion.scss */
.degrade-violet {
  background: #cf69b0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cf69b0 0%, #b5649d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf69b0), color-stop(100%, #b5649d));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cf69b0 0%, #b5649d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cf69b0 0%, #b5649d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cf69b0 0%, #b5649d 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #cf69b0 0%, #b5649d 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf69b0', endColorstr='#b5649d',GradientType=0 );
  /* IE6-9 */ }

/*POP UP*/
/* line 308, css/sass/styleConnexion.scss */
.popup {
  position: fixed;
  top: -200%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 51, 112, 0.75);
  z-index: 99999;
  -webkit-transition: top 0.2s;
  -moz-transition: top 0.2s;
  -ms-transition: top 0.2s;
  -o-transition: top 0.2s;
  transition: top 0.2s;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF003370,endColorstr=#BF003370);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF003370,endColorstr=#BF003370);
  zoom: 1;
  z-index: 999999; }

@media only screen and (min-width: 768px) {
  /* line 313, css/sass/styleConnexion.scss */
  .wrap-popup {
    position: relative;
    background: #fff;
    margin: 170px auto 0;
    width: 385px;
    min-height: 150px;
    padding: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; } }

@media only screen and (max-width: 767px) {
  /* line 317, css/sass/styleConnexion.scss */
  .wrap-popup {
    position: relative;
    background: #fff;
    margin: 100px auto 0;
    width: 285px;
    min-height: 150px;
    padding: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; } }

/* line 321, css/sass/styleConnexion.scss */
.popup .btn-close {
  position: absolute;
  top: -15px;
  right: -15px;
  background: #e85810;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  text-align: center;
  margin: 0 0 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer; }

/* line 322, css/sass/styleConnexion.scss */
.popup .wrap-popup h2 {
  font-family: 'Yanone_Kaffeesatz_Bold', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0; }

/* line 323, css/sass/styleConnexion.scss */
.popup .content-popup {
  position: relative;
  overflow: hidden; }

/*fermeture popup*/
/* line 325, css/sass/styleConnexion.scss */
.popup.animated {
  top: 0; }

/* line 326, css/sass/styleConnexion.scss */
.popup li {
  font-size: 1.3em;
  color: #757376;
  margin: 0 0 20px 0 0;
  list-style: disc inside; }

@media only screen and (max-width: 1279px) {
  /* line 331, css/sass/styleConnexion.scss */
  .connexion-group-bloc-gauche, .connexion-group-bloc-droite {
    width: 695px !important; }
  /* line 332, css/sass/styleConnexion.scss */
  .connexion-group-bloc-gauche {
    left: 50% !important;
    margin-left: -695px; }
  /* line 333, css/sass/styleConnexion.scss */
  .connexion-group-bloc-droite {
    left: 50% !important;
    padding-right: 50%; }
  /* line 334, css/sass/styleConnexion.scss */
  #bloc-identification {
    width: 347.5px !important; }
  /* line 335, css/sass/styleConnexion.scss */
  .bloc-carre {
    width: 173.75px !important;
    height: 173.75px !important; }
  /* line 336, css/sass/styleConnexion.scss */
  .bloc-identification-haut {
    width: 90% !important;
    height: auto !important;
    margin: 0 auto;
    float: none; }
    /* line 337, css/sass/styleConnexion.scss */
    .bloc-identification-haut img {
      margin: 15px 0;
      max-width: 80%; }
  /* line 339, css/sass/styleConnexion.scss */
  .bloc-identification-bas {
    width: 90% !important;
    height: auto !important;
    margin: 0 auto;
    float: none; }
    /* line 340, css/sass/styleConnexion.scss */
    .bloc-identification-bas .form {
      width: 93%;
      height: 100%;
      /*h2 { font-size: 2em; }
            input, p#cps { font-size:1em; }
            p#cps { height:55px; }
            input { height: 20%; }
            .valider, .autre-connexion { font-size:1.1em; margin: 0 0 10px 0; }*/ } }

@media only screen and (max-width: 1199px) {
  /*************** CONNEXION ****************/
  /* line 356, css/sass/styleConnexion.scss */
  .connexion-popup .btn-connexion {
    width: 125px; }
  /* line 357, css/sass/styleConnexion.scss */
  #footer ul {
    width: 80%; } }

@media only screen and (min-width: 1500px) {
  /*CONNEXION*/
  /* line 363, css/sass/styleConnexion.scss */
  .connexion-popup .btn-connexion {
    width: 150px; } }

/*# sourceMappingURL=maps/styleConnexion.css.map */