.transition {
  transition: ease-out all 0.15s;
}
/* 18.08.2015, jc, mise à jour du design de la console
	12.06.2017, ap, adaptation des styles
*/
.mainconsole {
  position: absolute;
  right: -500px;
  max-width: 450px;
  background: white;
  -webkit-box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.25);
  box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.25);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  transition: right 300ms ease-out;
  display: none;
}
.mainconsole ul {
  list-style-type: none;
  margin: 0;
  display: block;
  position: relative;
}
.mainconsole ul li {
  margin: 0;
  margin-left: 50px!important;
  padding: 0.2rem 0.8rem;
  font-size: 0.9rem;
  border-bottom: 1px solid lightgrey;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.mainconsole ul li:first-child {
  padding-top: 0.75rem;
}
.mainconsole ul li:last-child {
  padding-bottom: 0.75rem;
  border: none;
  margin-bottom: 0;
}
.mainconsole ul li:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 50px;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 0.5rem 0;
  box-sizing: border-box;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.mainconsole ul .alert {
  color: #ff4f3d;
  font-weight: normal;
  border: none;
}
.console-info ul li {
  color: #003866 !important;
}
.console-info ul li:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzI2cHgnIGhlaWdodD0nMjZweCcgdmlld0JveD0nMCAwIDM2IDM2Jz48cGF0aCBkPSdNMzIuOCwwSDMuMkMxLjQsMCwwLDEuNCwwLDMuMnYxNy43YzAsMS43LDEuNCwzLjIsMy4yLDMuMmgzLjJsLTMuOCw2LjdsMTMuNS02LjdoMTYuN2MxLjcsMCwzLjItMS40LDMuMi0zLjJWMy4yQzM2LDEuNCwzNC42LDAsMzIuOCwweicgZmlsbD0nd2hpdGUnIC8+PC9zdmc+");
  background: #52bfd3;
}
.console-success ul li {
  color: #4ad18a !important;
}
.console-success ul li:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzI2cHgnIGhlaWdodD0nMjZweCcgdmlld0JveD0nMCAwIDI2IDI2Jz48cGF0aCBkPSdNMjAuOCAxMS4xbC02LjMgNi4zbDAgMGwtMi4yIDIuMmMtMC40IDAuNC0xIDAuNC0xLjQgMGwtNS43LTUuN2MtMC40LTAuNC0wLjQtMSAwLTEuNEw2LjcgMTFjMC40LTAuNCAxLTAuNCAxLjQgMGwzLjUgMy41bDYuMy02LjNjMC40LTAuNCAxLTAuNCAxLjQgMGwxLjUgMS41QzIxLjIgMTAuMSAyMS4yIDEwLjggMjAuOCAxMS4xeiBNMTMgMUM2LjQgMSAxIDYuNCAxIDEzczUuNCAxMiAxMiAxMnMxMi01LjQgMTItMTJTMTkuNiAxIDEzIDF6JyBmaWxsPSd3aGl0ZScgLz48L3N2Zz4=");
  background: #73dba4;
}
.console-warning ul li {
  color: #f17f42 !important;
}
.console-warning ul li:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzI2cHgnIGhlaWdodD0nMjZweCcgdmlld0JveD0nMCAwIDI2IDI2Jz48cGF0aCBkPSdNMjQuOCAyMC44Yy0xLjMtMi40LTMuMS01LjctNC45LTguOWMtMi0zLjYtNC03LjMtNS40LTkuOWMtMC43LTEuMi0yLjQtMS4yLTMgMEM4LjcgNyA0IDE1LjcgMS4yIDIwLjhjLTAuNiAxLjEgMC4yIDIuNSAxLjUgMi41aDIwLjZDMjQuNiAyMy4zIDI1LjQgMjEuOSAyNC44IDIwLjh6IE0xNC43IDE5LjRjMCAwLjMtMC4yIDAuNS0wLjUgMC41aC0yLjVjLTAuMyAwLTAuNS0wLjItMC41LTAuNXYtMi41YzAtMC4zIDAuMi0wLjUgMC41LTAuNWgyLjVjMC4zIDAgMC41IDAuMiAwLjUgMC41VjE5LjR6IE0xNC43IDE0LjNjMCAwLjMtMC4yIDAuNS0wLjUgMC41aC0yLjVjLTAuMyAwLTAuNS0wLjItMC41LTAuNUwxMSA4LjRjMC0wLjMgMC4yLTAuNSAwLjUtMC41aDIuOWMwLjMgMCAwLjUgMC4yIDAuNSAwLjVMMTQuNyAxNC4zeicgZmlsbD0nd2hpdGUnIC8+PC9zdmc+");
  background: #f59f71;
}
.console-error ul li {
  color: #ff4f3d !important;
}
.console-error ul li:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzI2cHgnIGhlaWdodD0nMjZweCcgdmlld0JveD0nMCAwIDI2IDI2Jz48cGF0aCBkPSdNMTMgMUM2LjQgMSAxIDYuNCAxIDEzczUuNCAxMiAxMiAxMnMxMi01LjQgMTItMTJTMTkuNiAxIDEzIDF6IE0xOC40IDZMMjAgNy42YzAuNSAwLjUgMC41IDEuMyAwIDEuOEwxNi40IDEzbDMuNiAzLjZjMC41IDAuNSAwLjUgMS4zIDAgMS44TDE4LjQgMjBjLTAuNSAwLjUtMS4zIDAuNS0xLjggMEwxMyAxNi40TDkuNCAyMGMtMC41IDAuNS0xLjMgMC41LTEuOCAwTDYgMTguNGMtMC41LTAuNS0wLjUtMS4zIDAtMS44TDkuNiAxM0w2IDkuNEM1LjUgOC45IDUuNSA4LjEgNiA3LjZMNy42IDZjMC41LTAuNSAxLjMtMC41IDEuOCAwTDEzIDkuNkwxNi42IDZDMTcuMSA1LjUgMTcuOSA1LjUgMTguNCA2eicgZmlsbD0nd2hpdGUnIC8+PC9zdmc+");
  background: #ff7d70;
}
.cs-show {
  right: 20px;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #433b3b;
}
*,
html,
body {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box-shadow {
  box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
  -webkit-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
  -moz-box-shadow: 0px 0px 42px rgba(67, 59, 59, 0.25);
  -o-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
}
.transition {
  transition: ease-out all 0.15s;
}
*::selection {
  background-color: #ffffff;
}
*::-moz-selection {
  background-color: #ffffff;
}
input.alert {
  color: red;
}
.withPointer {
  cursor: pointer;
}
.adrIntlResult {
  display: none;
}
span.arearcc-span-counter {
  text-align: right;
  border: none;
  background: transparent;
  border-top: none;
  padding: 0 0.5rem;
  opacity: 0.5;
  font-size: 0.65rem;
}
textarea:focus,
input:focus {
  outline: none;
}
*:focus {
  outline: none;
}
::-webkit-input-placeholder {
  color: #52bfd3;
}
::-moz-placeholder {
  color: #52bfd3;
}
:-ms-input-placeholder {
  color: #52bfd3;
}
:-moz-placeholder {
  color: #52bfd3;
}
:placeholder {
  color: #52bfd3;
}
a.link-icone img {
  height: 20px;
  width: 15px;
  margin: 0 0.5rem;
  vertical-align: middle;
}
textarea::selection {
  background-color: #c6eaf1;
}
textarea::-moz-selection {
  background-color: #c6eaf1;
}
input {
  border-radius: 0;
}
input[type="text"]::selection,
input[type="password"]::selection {
  background-color: #c6eaf1;
}
input[type="text"]::-moz-selection,
input[type="password"]::-moz-selection {
  background-color: #c6eaf1;
}
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
}
body {
  background: #ffffff;
}
.infobulle {
  position: absolute;
  background: #ffffff;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
  box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
  box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
  -webkit-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
  -moz-box-shadow: 0px 0px 42px rgba(67, 59, 59, 0.25);
  -o-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
  max-width: 250px;
  font-size: 0.8rem;
  padding: 0.75rem;
  color: rgba(67, 59, 59, 0.6);
}
div.autocomplete ul,
div.autocomplete-immediately ul {
  max-height: 200px;
  overflow: auto;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
  box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
  box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
  -webkit-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
  -moz-box-shadow: 0px 0px 42px rgba(67, 59, 59, 0.25);
  -o-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
  background: #ffffff;
  opacity: 1;
  z-index: 3;
  position: absolute;
  min-width: 200px;
}
div.autocomplete ul li,
div.autocomplete-immediately ul li {
  padding: 0.5rem;
  font-size: 0.8rem;
  cursor: pointer;
  transition: ease-out all 0.15s;
}
div.autocomplete ul li.selected,
div.autocomplete-immediately ul li.selected,
div.autocomplete ul li:hover,
div.autocomplete-immediately ul li:hover {
  background: #52bfd3;
  color: #ffffff;
}
header {
  max-width: 65rem;
  margin: 0 auto;
  display: flex;
  height: 80px;
  padding: 1rem;
  position: relative;
  z-index: 1;
}
header div.lang {
  flex: 1 1 auto;
}
header div.lang ul li {
  display: inline-block;
  font-size: 0.8rem;
}
header div.lang ul li a {
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  transition: ease-out all 0.15s;
}
header div.lang ul li a:hover {
  color: #52bfd3;
}
header div.lang ul li.active a {
  color: #52bfd3;
}
header div.lang ul li:after {
  content: '|';
  display: inline-block;
  text-decoration: none;
  margin: 0 0.3rem 0 0.3rem;
}
header div.lang ul li:last-child:after {
  content: '';
}
header div.logo {
  flex: 1 1 auto;
  text-align: right;
  position: relative;
}
header div.logo img {
  height: 80px;
  transition: ease-out all 0.15s;
  position: absolute;
  right: 0;
  top: 0px;
}
section {
  max-width: 65rem;
  margin: 0 auto;
  position: relative;
}
section h1,
section h2,
section h3 {
  text-align: center;
}
section h1 {
  color: #52bfd3;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.5rem;
  margin: 0;
  padding: 0 0 2rem 0;
}
section form {
  position: relative;
  z-index: 2;
  padding: 2rem 2rem 4rem 2rem;
}
section form > #bouton {
  display: none;
}
section form > #texte_form_incomplet {
  text-align: right;
  font-size: 0.9rem;
  color: #433b3b;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: 0px;
  left: 0;
  padding-right: 2rem;
  font-style: italic;
  padding-bottom: 1rem;
  opacity: 0.8;
}
section #logout {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 3.5rem;
  top: -1.5rem;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNjkgNzUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY5IDc1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzQzM0IzQjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTYxLjQsNkgyMS42QzIwLjIsNiwxOSw3LjIsMTksOC42djQ4LjdjMCwxLjUsMS4yLDIuNiwyLjYsMi42aDIuNXYtMmgtMi41Yy0wLjQsMC0wLjYtMC4zLTAuNi0wLjZWOC42CgkJQzIxLDguMywyMS4zLDgsMjEuNiw4aDM5LjdDNjEuNyw4LDYyLDguMyw2Miw4LjZ2NDcuOWMwLDAuNC0wLjMsMC42LTAuNiwwLjZoLTAuMUwyOC40LDY3Yy0wLjMtMC4xLTAuNS0wLjMtMC41LTAuNlYyMC41CgkJYzAtMC40LDAuMy0wLjYsMC42LTAuNmgwLjFsMjktNy45TDU3LjEsMTBsLTI4LjcsNy44Yy0xLjQsMC4xLTIuNSwxLjItMi41LDIuNnY0NS45YzAsMS41LDEuMiwyLjYsMi42LDIuNmgwLjFsMzIuOS05LjkKCQljMS40LTAuMSwyLjUtMS4yLDIuNS0yLjZWOC42QzY0LDcuMiw2Mi44LDYsNjEuNCw2eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMxLjEsNDMuNWMwLDEuOCwxLjUsMy4zLDMuNCwzLjNzMy40LTEuNSwzLjQtMy4zYzAtMS44LTEuNS0zLjMtMy40LTMuM1MzMS4xLDQxLjcsMzEuMSw0My41eiBNMzYsNDMuNQoJCWMwLDAuNy0wLjYsMS4zLTEuNCwxLjNjLTAuOCwwLTEuNC0wLjYtMS40LTEuM2MwLTAuNywwLjYtMS4zLDEuNC0xLjNDMzUuMyw0Mi4yLDM2LDQyLjgsMzYsNDMuNXoiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTEuMiwyNy42IDEzLjksMzEgNSwzMSA1LDMzIDEzLjksMzMgMTEuMiwzNi40IDEyLjgsMzcuNiAxNy4zLDMyIDEyLjgsMjYuNCAJIi8+CjwvZz4KPC9zdmc+');
  color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
}
section div.content {
  display: flex;
  flex-direction: column;
}
section div.content div.breadcrumbs {
  flex: 1 1 auto;
  max-width: 100%;
}
section div.content div.breadcrumbs ul {
  padding-bottom: 2rem;
}
section div.content div.breadcrumbs ul li {
  list-style-type: none;
  display: inline-block;
  padding: 0.3rem 0 0.3rem 0.5rem;
  font-size: 0.8rem;
  position: relative;
}
section div.content div.breadcrumbs ul li a {
  text-decoration: none;
  transition: ease-out all 0.15s;
}
section div.content div.breadcrumbs ul li a:hover {
  color: #52bfd3;
}
section div.content div.breadcrumbs ul li:before {
  content: '';
  display: none;
  width: 7px;
  height: 7px;
  position: absolute;
  left: 0;
  top: 7px;
  border-radius: 50%;
  border: 1px solid rgba(67, 59, 59, 0.6);
}
section div.content div.breadcrumbs ul li:after {
  content: '>';
  display: inline-block;
  margin-left: 0.5rem;
}
section div.content div.breadcrumbs ul li.en-cours {
  color: #52bfd3;
}
section div.content div.breadcrumbs ul li.en-cours a {
  color: #52bfd3;
}
section div.content div.breadcrumbs ul li.en-cours:before {
  background: #52bfd3;
  border-color: #52bfd3;
}
section div.content div.breadcrumbs ul li.complete {
  color: #4ad18a;
}
section div.content div.breadcrumbs ul li.complete a {
  color: #4ad18a;
}
section div.content div.breadcrumbs ul li.complete a:hover {
  color: #4ad18a;
}
section div.content div.breadcrumbs ul li.complete:before {
  background: #4ad18a;
  border-color: #4ad18a;
}
section div.content div.breadcrumbs ul li:last-child:after {
  content: '';
}
section div.content div.content-form {
  flex: 1 1 auto;
}
section div.content div.content-form h2 {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0;
  padding: 0 0 1rem 0;
}
section div.content div.content-form p {
  margin: 1rem 0;
  font-size: 0.9rem;
  text-align: center;
}
section div.content div.content-form #msg-errors {
  margin: 0 0 1rem 0;
}
section div.content div.content-form #msg-errors div.msg-error {
  background: #ff4f3d;
  color: #ffffff;
  display: block;
  padding: 1rem;
  text-align: center;
  font-size: 0.9rem;
  opacity: 0.8;
}
section div.content div.content-form #msg-errors div.msg-error ul li {
  list-style-type: none;
  color: white;
}
section div.content div.content-form h3 {
  color: #52bfd3;
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0;
  padding: 2rem 0 1rem 0;
}
section div.content div.content-form div.partie-form div.ligne {
  display: block;
  padding: 0.5rem 0;
  min-height: 48px;
}
section div.content div.content-form div.partie-form div.ligne.ligne-vide {
  display: none;
}
section div.content div.content-form div.partie-form div.ligne div.libelle {
  max-width: 250px;
  padding: 0 1rem 0 0;
}
section div.content div.content-form div.partie-form div.ligne div.libelle label {
  font-size: 0.9rem;
}
section div.content div.content-form div.partie-form div.ligne div.libelle.obl:after {
  content: '*';
  display: inline-block;
  font-size: 0.9rem;
  margin-left: 0.3rem;
  color: #ff4f3d;
}
section div.content div.content-form div.partie-form div.ligne div.reponse {
  padding: 0.5rem 0 1rem;
  position: relative;
}
section div.content div.content-form div.partie-form div.ligne div.reponse.reponse-multiple {
  flex: none;
  margin-right: 0.5rem;
}
section div.content div.content-form div.partie-form div.ligne div.reponse input,
section div.content div.content-form div.partie-form div.ligne div.reponse select,
section div.content div.content-form div.partie-form div.ligne div.reponse textarea {
  width: 85%;
  background-color: rgba(82, 191, 211, 0.1) !important;
}
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="radio"],
section div.content div.content-form div.partie-form div.ligne div.reponse select[type="radio"],
section div.content div.content-form div.partie-form div.ligne div.reponse textarea[type="radio"],
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="radio"],
section div.content div.content-form div.partie-form div.ligne div.reponse select[type="radio"],
section div.content div.content-form div.partie-form div.ligne div.reponse textarea[type="radio"] {
  width: auto;
}
section div.content div.content-form div.partie-form div.ligne div.reponse select[disabled],
section div.content div.content-form div.partie-form div.ligne div.reponse select[readonly] {
  padding-left: 0;
}
section div.content div.content-form div.partie-form div.ligne div.reponse select[disabled] option,
section div.content div.content-form div.partie-form div.ligne div.reponse select[readonly] option {
  padding-left: 0;
}
section div.content div.content-form div.partie-form div.ligne div.reponse textarea[disabled] {
  border: none !important;
  font-size: 0.9rem;
  opacity: 0.7;
}
section div.content div.content-form div.partie-form div.ligne div.reponse textarea[readonly] {
  background-color: #f0f0f0 !important;
  border-color: #dfdfdf !important;
}
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="text"],
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="number"],
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="date"],
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="password"] {
  padding: 0.3rem;
  border: none;
  border-bottom: 2px solid #52bfd3;
  font-size: 0.9rem;
  background-color: transparent;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="text"][disabled],
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="number"][disabled],
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="date"][disabled],
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="password"][disabled] {
  border: none;
  font-size: 0.9rem;
  opacity: 0.7;
}
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="text"][readonly],
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="number"][readonly],
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="date"][readonly],
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="password"][readonly] {
  background-color: #f0f0f0 !important;
  border-color: #dfdfdf;
}
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="radio"],
section div.content div.content-form div.partie-form div.ligne div.reponse input[type="checkbox"] {
  margin: 0.3rem 0;
}
section div.content div.content-form div.partie-form div.ligne div.reponse div.autocomplete {
  display: inline;
  position: absolute;
  left: 0;
  bottom: 0px;
}
section div.content div.content-form div.partie-form div.ligne div.reponse select {
  padding: 0.3rem 2.5rem 0.3rem 0.3rem;
  border: none;
  border-bottom: 2px solid #52bfd3;
  font-size: 0.9rem;
  background-color: transparent;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYWxxdWVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDggNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOCA0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6Izc1Q0NEQzt9Cjwvc3R5bGU+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMC43LDAuMyA0LDMuNyA3LjMsMC4zICIvPgo8L3N2Zz4=');
  background-size: 10px;
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  min-width: 60px;
}
section div.content div.content-form div.partie-form div.ligne div.reponse select::-ms-expand {
  display: none;
}
section div.content div.content-form div.partie-form div.ligne div.reponse select option {
  padding-left: 0.5rem;
}
section div.content div.content-form div.partie-form div.ligne div.reponse select[disabled] {
  border: none;
  font-size: 0.9rem;
  opacity: 0.7;
  background: none;
}
section div.content div.content-form div.partie-form div.ligne div.reponse textarea {
  font-size: 0.9rem;
  padding: 0.3rem;
  border: none;
  border-bottom: 2px solid #52bfd3 !important;
}
section div.content div.content-form div.partie-form div.ligne div.reponse label {
  display: inline-block;
  margin: 0 1.5rem 0 0.5rem;
  font-size: 0.9rem;
}
section div.content div.content-form div.partie-form div.ligne div.reponse span.help {
  background: #75ccdc;
  color: #ffffff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2rem;
  font-size: 0.8rem;
  cursor: pointer;
  margin-left: 0.5rem;
}
section div.content div.content-form div.partie-form div.ligne div.reponse span.fixed-value {
  font-size: 0.9rem;
  opacity: 0.7;
}
section div.content div.content-form div.partie-form div.ligne div.reponse div.ewnet-filedropzone {
  font-size: 0.8rem;
  padding: 1rem;
  text-align: center;
  border: 2px dashed #dfdfdf;
  border-radius: 3px;
  cursor: pointer;
  max-width: 290px;
  transition: ease-out all 0.15s;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjcgMjkuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjcgMjkuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7fQoJLnN0MXtmaWxsOiM5Qjk2OTY7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNy42LDE3Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMS41LDEzLjEiLz4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjQuNSwyMi4zSDIuNWMtMC40LDAtMC44LTAuMy0wLjgtMC44di00LjFjMC0wLjQsMC4zLTAuOCwwLjgtMC44djAuN2MwLDAtMC4xLDAtMC4xLDAuMXY0LjEKCQljMCwwLDAsMC4xLDAuMSwwLjFoMjEuOWMwLDAsMC4xLDAsMC4xLTAuMXYtNC4xYzAsMCwwLTAuMS0wLjEtMC4xdi0wLjdjMC40LDAsMC44LDAuMywwLjgsMC44djQuMUMyNS4yLDIxLjksMjQuOSwyMi4zLDI0LjUsMjIuM3oKCQkiLz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMy41LDE3LjFjLTAuMSwwLTAuMiwwLTAuMy0wLjFMNywxMC41bDAtMC4yYzAtMC4yLDAuMS0wLjQsMC4yLTAuNGwwLjEtMC4xaDAuOXYwLjdINy45bDUuNiw1LjhsNS42LTUuOAoJCWgtMy43VjIuOGgtMy43djcuN2wtMC43LDBWMi42YzAtMC4zLDAuMi0wLjUsMC42LTAuNWgzLjljMC4zLDAsMC42LDAuMiwwLjYsMC41djcuMmgzLjhsMC4xLDAuMWMwLjEsMC4xLDAuMiwwLjIsMC4yLDAuNGwwLDAuMgoJCWwtMC4yLDAuMmwtNiw2LjNDMTMuOCwxNy4xLDEzLjYsMTcuMSwxMy41LDE3LjF6Ii8+CjwvZz4KPC9zdmc+');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 1rem 50%;
}
section div.content div.content-form div.partie-form div.ligne div.reponse div.ewnet-filedropzone div.ewnet-filedropzone-helper {
  opacity: 0.75;
}
section div.content div.content-form div.partie-form div.ligne div.reponse div.ewnet-filedropzone div.ewnet-filedropzone-helper span {
  display: block;
  /*
                  display: inline-block;
                  margin: 0 0.2rem;
                  */
}
section div.content div.content-form div.partie-form div.ligne div.reponse div.ewnet-filedropzone.ewnet-filedropzone-dragging {
  border-color: #52bfd3;
}
section div.content div.content-form div.partie-form div.ligne div.reponse div.ewnet-dropzone-files {
  padding: 1rem 0.5rem 0.5rem;
  display: flex;
  align-items: center;
}
section div.content div.content-form div.partie-form div.ligne div.reponse div.ewnet-dropzone-files a {
  padding-left: 1rem;
}
section div.content div.content-form div.partie-form div.ligne div.reponse a {
  font-size: 0.8rem;
  text-decoration: none;
  transition: ease-out all 0.15s;
  color: #52bfd3;
}
section div.content div.content-form div.partie-form div.ligne div.reponse a:hover {
  color: #31abc1;
}
section div.content div.content-form div.partie-form div.ligne div.reponse img.docbox-download-img {
  height: 20px;
  width: 15px;
}
section div.content div.content-form div.partie-form div.ligne div.reponse img.docbox-delete-img {
  height: 10px;
  width: 10px;
  margin: 0.25rem 0.5rem 0.25rem 1.5rem;
  cursor: pointer;
}
section div.content div.content-form div.partie-form div.ligne#diplome div.libelle,
section div.content div.content-form div.partie-form div.ligne#casier div.libelle,
section div.content div.content-form div.partie-form div.ligne#paiement div.libelle {
  vertical-align: top;
}
section div.content div.content-form div.partie-form div.ligne#diplome div.reponse,
section div.content div.content-form div.partie-form div.ligne#casier div.reponse,
section div.content div.content-form div.partie-form div.ligne#paiement div.reponse {
  min-width: 300px;
}
section span.info-piedpage {
  display: block;
  text-align: center;
  margin-top: 3rem;
  font-size: 0.8rem;
  opacity: 0.7;
}
section div#nav-form-pages {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
section div#nav-form-pages input {
  width: 48%;
  border: none;
  background: #52bfd3;
  color: white;
  font-size: 1rem;
  padding: 1rem 2rem;
  text-align: center;
  cursor: pointer;
}
section div#nav-form-pages input[name="suivante"],
section div#nav-form-pages input#connexion {
  float: right;
}
footer {
  max-width: 65rem;
  margin: 0 auto;
  padding: 2rem 0 0 0;
  position: relative;
  z-index: 2;
}
footer div.footer-block {
  padding: 2rem;
  text-align: center;
}
footer div.footer-block h3 {
  color: #75ccdc;
  font-weight: normal;
  position: relative;
  width: 210px;
  margin: 0 auto 1rem;
}
footer div.footer-block h3:before {
  content: '';
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYWxxdWVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDI2IDIyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNiAyMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM3NUNDREM7fQo8L3N0eWxlPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNC44LDEzLjVjMC0xLjctMS42LTMuNS0zLjQtNC40Yy0wLjUsMy0yLjksNS43LTYuNiw2LjhsLTEuOCwxYzAuNywwLjUsMS41LDAuOSwyLjQsMS4ybDUuNSwzbC0yLTIuNwoJCQlDMjIuMiwxOCwyNC44LDE2LDI0LjgsMTMuNXogTTEzLjcsMTQuOGMzLjUtMSw2LTMuNiw2LTYuNmMwLTMuOS00LjItNy4xLTkuNC03LjFDNSwxLjEsMC44LDQuMywwLjgsOC4yYzAsMy42LDMuNSw2LjUsOC4xLDcKCQkJTDcsMTkuMUwxMy43LDE0Ljh6IE0xMC43LDEyLjFjLTAuMiwwLjItMC40LDAuMi0wLjcsMC4yYy0wLjMsMC0wLjUtMC4xLTAuNy0wLjJjLTAuMi0wLjItMC4yLTAuNC0wLjItMC42YzAtMC4zLDAuMS0wLjUsMC4yLTAuNgoJCQljMC4yLTAuMSwwLjQtMC4yLDAuNy0wLjJjMC4zLDAsMC41LDAuMSwwLjcsMC4yYzAuMiwwLjEsMC4yLDAuNCwwLjIsMC42QzEwLjksMTEuNywxMC44LDExLjksMTAuNywxMi4xeiBNOC41LDYuNEw3LjksNS4yCgkJCWMwLjgtMC40LDEuNi0wLjYsMi40LTAuNmMwLjcsMCwxLjMsMC4yLDEuNywwLjVjMC40LDAuMywwLjYsMC44LDAuNiwxLjNjMCwwLjQtMC4xLDAuNy0wLjMsMWMtMC4yLDAuMy0wLjUsMC42LTEsMC45CgkJCWMtMC4zLDAuMi0wLjUsMC40LTAuNiwwLjVjLTAuMSwwLjEtMC4xLDAuMy0wLjEsMC41djAuM0g5LjNWOS4zYzAtMC4zLDAuMS0wLjYsMC4yLTAuOUM5LjYsOC4yLDkuOSw4LDEwLjMsNy43CgkJCWMwLjQtMC4zLDAuNi0wLjUsMC43LTAuNmMwLjEtMC4yLDAuMi0wLjMsMC4yLTAuNWMwLTAuMi0wLjEtMC40LTAuMi0wLjVjLTAuMi0wLjEtMC40LTAuMi0wLjctMC4yQzkuNyw1LjksOS4xLDYsOC41LDYuNHoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4=');
  background-repeat: no-repeat;
  width: 30px;
  height: 24px;
  display: inline-block;
  margin-right: 0.5rem;
  position: absolute;
  top: -5px;
  left: 0;
}
footer div.footer-block p {
  display: block;
  padding: 0.3rem;
  opacity: 0.8;
}
footer div.footer-block a {
  display: inline-block;
  padding: 0.3rem 0 0 0;
  text-decoration: none;
  color: #52bfd3;
}
footer div.footer-block span {
  display: inline-block;
  padding: 0 0.5rem;
  opacity: 0.8;
}
footer span.copyright {
  text-align: center;
  padding: 1rem;
  display: block;
  font-size: 0.7rem;
  color: #ffffff;
}
@media only screen and (min-width: 870px) {
  section div.content {
    flex-direction: row;
  }
  section div.content div.breadcrumbs {
    max-width: 200px;
  }
  section div.content div.breadcrumbs ul {
    padding-bottom: 0;
  }
  section div.content div.breadcrumbs ul li {
    display: block;
    padding: 0.3rem 0 0.3rem 1.5rem;
  }
  section div.content div.breadcrumbs ul li:before {
    display: inline-block;
  }
  section div.content div.breadcrumbs ul li:after {
    display: none;
  }
}
@media only screen and (min-width: 40.063em) {
  ::-webkit-input-placeholder {
    color: #9e9e9e;
  }
  ::-moz-placeholder {
    color: #9e9e9e;
  }
  :-ms-input-placeholder {
    color: #9e9e9e;
  }
  :-moz-placeholder {
    color: #9e9e9e;
  }
  :placeholder {
    color: #9e9e9e;
  }
  body {
    padding: 2rem;
    background: url('forminscrs.img?ww_c=PAGE_BACKGROUND_01') no-repeat bottom fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  header {
    padding: 2.5rem 1rem 1rem;
  }
  header div.logo img {
    height: auto;
    top: -30px;
  }
  section {
    background: #ffffff;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
    -webkit-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
    -moz-box-shadow: 0px 0px 42px rgba(67, 59, 59, 0.25);
    -o-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
  }
  section #logout {
    top: 2rem;
    right: 5rem;
  }
  section h1,
  section h2,
  section h3 {
    text-align: left;
  }
  section div.content div.breadcrumbs {
    display: block;
  }
  section div.content div.content-form {
    padding: 0 0 0 2rem;
  }
  section div.content div.content-form p {
    text-align: left;
  }
  section div.content div.content-form div.partie-form div.ligne {
    padding: 0.5rem 0 0.5rem 2rem;
  }
  section div.content div.content-form div.partie-form div.ligne div.libelle {
    display: inline-block;
    width: 120px;
  }
  section div.content div.content-form div.partie-form div.ligne div.reponse {
    padding: 0;
    display: inline-block;
  }
  section div.content div.content-form div.partie-form div.ligne div.reponse input,
  section div.content div.content-form div.partie-form div.ligne div.reponse select,
  section div.content div.content-form div.partie-form div.ligne div.reponse textarea {
    width: auto;
    background-color: transparent !important;
  }
  section div.content div.content-form div.partie-form div.ligne div.reponse textarea {
    border: 1px solid #f0f0f0;
    width: 285px;
  }
  section div#nav-form-pages input {
    width: auto;
  }
  footer div.footer-block {
    background: #ffffff;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
    -webkit-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
    -moz-box-shadow: 0px 0px 42px rgba(67, 59, 59, 0.25);
    -o-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
  }
}
@media only screen and (min-width: 45em) {
  section div.content div.content-form div.partie-form div.ligne div.libelle {
    width: 200px;
  }
}
@media only screen and (min-width: 80rem) {
  header {
    padding: 2.5rem 0 1rem;
  }
  header div.logo img {
    right: -65px;
    top: -20px;
  }
  section #logout {
    top: 2rem;
    right: 2rem;
  }
}
/* CSS_FORMULAIRE_FR.LOGIN_CSS */
#login {
  display: flex;
}
#login #login-box {
  flex: 1 1 0;
  width: 65rem;
  max-width: 65rem;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  max-height: 100%;
}
#login #login-box div.login-form {
  width: 100%;
  background: #ffffff;
  float: right;
  padding: 2rem;
}
#login #login-box div.login-form div.logo {
  text-align: right;
}
#login #login-box div.login-form div.lang ul li {
  display: inline-block;
  font-size: 0.8rem;
}
#login #login-box div.login-form div.lang ul li a {
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  transition: ease-out all 0.15s;
}
#login #login-box div.login-form div.lang ul li a:hover {
  color: #52bfd3;
}
#login #login-box div.login-form div.lang ul li.active a {
  color: #52bfd3;
}
#login #login-box div.login-form div.lang ul li:after {
  content: '|';
  display: inline-block;
  text-decoration: none;
  margin: 0 0.3rem 0 0.3rem;
}
#login #login-box div.login-form div.lang ul li:last-child:after {
  content: '';
}
#login #login-box div.login-form form #msg-errors {
  margin: 0 0 1rem 0;
}
#login #login-box div.login-form form #msg-errors div.msg-error {
  background: #ff4f3d;
  color: #ffffff;
  display: block;
  padding: 1rem;
  text-align: center;
  font-size: 0.9rem;
  opacity: 0.8;
}
#login #login-box div.login-form form #msg-errors div.msg-error ul li {
  list-style-type: none;
  color: white;
}
#login #login-box div.login-form form h2 {
  text-align: left;
  padding: 1rem 0;
}
#login #login-box div.login-form form div.sexe-selection label {
  display: inline-block;
  font-size: 0.9rem;
  opacity: 0.8;
  margin: 0 1.5rem 0 0.5rem;
}
#login #login-box div.login-form form div.sexe-selection input {
  display: inline-block;
  width: auto;
}
#login #login-box div.login-form form #info {
  padding: 1rem;
  text-align: center;
  margin: 0.75rem 0;
  background: #dfdfdf;
  font-size: 0.8rem;
  font-weight: bold;
}
#login #login-box div.login-form form p {
  padding: 1rem 0 1.5rem;
  text-align: center;
  font-size: 0.9rem;
  line-height: 1rem;
  opacity: 0.8;
}
#login #login-box div.login-form form p .important {
  font-weight: bold;
}
#login #login-box div.login-form form p a {
  display: inline-block;
}
#login #login-box div.login-form form span.naissance-label,
#login #login-box div.login-form form span.cpt-label {
  display: block;
  font-size: 0.9rem;
  opacity: 0.8;
  padding: 0 0 0.3rem 0;
}
#login #login-box div.login-form form select {
  padding: 0.3rem 2.5rem 0.3rem 0.3rem;
  border: 1px solid #cbcbcb;
  font-size: 0.9rem;
  background-color: transparent;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYWxxdWVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDggNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOCA0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6Izc1Q0NEQzt9Cjwvc3R5bGU+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMC43LDAuMyA0LDMuNyA3LjMsMC4zICIvPgo8L3N2Zz4=');
  background-size: 10px 10px;
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
#login #login-box div.login-form form select::-ms-expand {
  display: none;
}
#login #login-box div.login-form form select option {
  padding-left: 0.5rem;
}
#login #login-box div.login-form form input {
  display: block;
  width: 100%;
  padding: 0.5rem;
  font-size: 0.9rem;
  margin: 0 0 1rem 0;
}
#login #login-box div.login-form form input[type="text"],
#login #login-box div.login-form form input[type="password"] {
  border: 1px solid #cbcbcb;
  padding-left: 2.5rem;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: 0.5rem;
}
#login #login-box div.login-form form input[type="text"] {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTkuMSAxOS4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOS4xIDE5LjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojOUI5Njk2O30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS42LDEwLjVjLTIuMywwLTQuMi0xLjktNC4yLTQuMnMxLjktNC4yLDQuMi00LjJzNC4yLDEuOSw0LjIsNC4yUzExLjksMTAuNSw5LjYsMTAuNXogTTkuNiwyLjgKCQlDNy42LDIuOCw2LDQuMyw2LDYuM3MxLjYsMy41LDMuNSwzLjVjMS45LDAsMy41LTEuNiwzLjUtMy41UzExLjUsMi44LDkuNiwyLjh6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTguNSwxNy40aC0wLjdjMC0yLjgtMy42LTUtOC4yLTVjLTQuNiwwLTguMiwyLjItOC4yLDVIMC43YzAtMy4yLDMuOS01LjcsOC45LTUuNwoJCUMxNC42LDExLjcsMTguNSwxNC4yLDE4LjUsMTcuNHoiLz4KPC9nPgo8L3N2Zz4=');
}
#login #login-box div.login-form form input[type="text"]#email {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTkuMSAxOS4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOS4xIDE5LjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojOUI5Njk2O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE4LjIsMTYuNEgwLjljLTAuMywwLTAuNi0wLjMtMC42LTAuNnYtMTFsOS4zLDUuOEwxOC4xLDVWMy40YzAsMC0xNy43LDAtMTcuOCwwVjMuM2MwLTAuMywwLjMtMC42LDAuNi0wLjYKCWgxNy4zYzAuMywwLDAuNiwwLjMsMC42LDAuNnYybC05LjMsNkwxLDYuMXY5LjZoMTcuMVY3LjRoMC43djguNEMxOC44LDE2LjEsMTguNiwxNi40LDE4LjIsMTYuNHoiLz4KPC9zdmc+');
}
#login #login-box div.login-form form input[type="text"]#cpt {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTkuMSAxOS4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOS4xIDE5LjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojOUI5Njk2O30KCS5zdDF7ZmlsbDpub25lO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMuMiw5LjFjLTAuOSwwLTEuNy0wLjMtMi40LTFjLTEuMy0xLjMtMS4zLTMuNCwwLTQuN3MzLjQtMS4zLDQuNywwYzAuMywwLjMsMC42LDAuNywwLjcsMS4xbC0wLjcsMC4zCgkJYy0wLjEtMC4zLTAuMy0wLjYtMC42LTAuOWMtMS0xLTIuNy0xLTMuNywwYy0xLDEtMSwyLjcsMCwzLjdjMSwxLDIuNywxLDMuNywwYzAuMy0wLjMsMC41LTAuNiwwLjYtMC45TDE2LjQsNwoJCWMtMC4yLDAuNC0wLjQsMC44LTAuNywxLjFDMTUsOC44LDE0LjEsOS4xLDEzLjIsOS4xeiIvPgoJPHJlY3QgeD0iMS40IiB5PSIxMS41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNjQgLTAuNzA3OCAwLjcwNzggMC43MDY0IC02LjMxNTcgOC41MTk5KSIgY2xhc3M9InN0MCIgd2lkdGg9IjExLjQiIGhlaWdodD0iMC43Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNS40LDE2LjdMNS40LDE2LjdjLTAuMiwwLTAuMy0wLjEtMC41LTAuMmwtMC40LTAuNGMwLDAsMC40LTAuNCwwLjUtMC41TDUuNSwxNkw2LDE1LjRsLTAuNy0wLjZsMS4xLTEuMQoJCWwwLjcsMC43TDcuNSwxNGwtMC40LTAuNGwwLjUtMC41TDgsMTMuNWMwLjEsMC4xLDAuMiwwLjMsMC4yLDAuNWMwLDAuMi0wLjEsMC4zLTAuMiwwLjVsLTAuNCwwLjRjLTAuMiwwLjItMC43LDAuMi0wLjksMGwtMC4yLTAuMgoJCWwtMC4xLDAuMUw2LjUsMTVjMC4zLDAuMywwLjMsMC43LDAsMC45bC0wLjYsMC42QzUuOCwxNi43LDUuNiwxNi43LDUuNCwxNi43eiBNNC42LDE2LjEiLz4KPC9nPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMy43LDE3Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03LjYsMTMuMSIvPgo8L3N2Zz4=');
}
#login #login-box div.login-form form input[type="password"] {
  margin-bottom: 0.1rem;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTkuMSAxOS4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOS4xIDE5LjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojOUI5Njk2O30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQuOSwxNy40SDQuMmMtMC4zLDAtMC42LTAuMy0wLjYtMC42di02LjJoMC43djZoMTAuNVY3LjlINC4zdjAuNUgzLjZWNy44YzAtMC4zLDAuMy0wLjYsMC42LTAuNmgxMC44CgkJYzAuMywwLDAuNiwwLjMsMC42LDAuNnY5LjFDMTUuNSwxNy4yLDE1LjIsMTcuNCwxNC45LDE3LjR6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQuNCw3LjNoLTAuN3YtMWMwLTIuMS0xLjktMy45LTQuMS0zLjlTNS40LDQuMiw1LjQsNi4zdjFINC43di0xYzAtMi41LDIuMi00LjYsNC44LTQuNgoJCWMyLjcsMCw0LjgsMi4xLDQuOCw0LjZWNy4zeiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwLjMsMTQuNGwtMC41LTEuOGwwLjItMC4xYzAuMi0wLjEsMC4zLTAuNCwwLjMtMC42YzAtMC40LTAuMy0wLjgtMC44LTAuOHMtMC44LDAuMy0wLjgsMC44CgkJYzAsMC4zLDAuMSwwLjUsMC4zLDAuNmwwLjIsMC4xbC0wLjUsMS44bC0wLjctMC4ybDAuNC0xLjNjLTAuMy0wLjMtMC40LTAuNi0wLjQtMWMwLTAuOCwwLjctMS41LDEuNS0xLjVTMTEsMTEsMTEsMTEuOAoJCWMwLDAuNC0wLjIsMC44LTAuNCwxbDAuNCwxLjRMMTAuMywxNC40eiIvPgo8L2c+Cjwvc3ZnPg==');
}
#login #login-box div.login-form form input[type="submit"],
#login #login-box div.login-form form input[type="button"] {
  border: none;
  background: #52bfd3;
  color: white;
  cursor: pointer;
}
#login #login-box div.login-form form input[type="submit"]:hover,
#login #login-box div.login-form form input[type="button"]:hover {
  background-color: #449eaf;
}
#login #login-box div.login-form form input[type="submit"] {
  width: auto;
  padding: 0.5rem 2rem;
  margin: 0 auto;
}
#login #login-box div.login-form form div.input-nom-prenom {
  display: flex;
  justify-content: space-between;
}
#login #login-box div.login-form form div.input-nom-prenom input {
  flex: 1 1 auto;
  max-width: 48%;
}
#login #login-box div.login-form form a {
  display: block;
  text-align: center;
  font-size: 0.8rem;
  color: #52bfd3;
  text-decoration: none;
  transition: ease-out all 0.15s;
  padding: 0.3rem 0;
}
#login #login-box div.login-form form a:hover {
  color: #31abc1;
}
#login #login-box div.login-form form a.pwd-reset {
  padding: 0.2rem 0;
  margin-bottom: 1rem;
  font-size: 0.8rem;
  text-align: right;
}
#login #login-box div.login-form form a.a-button {
  border: none;
  background: #52bfd3;
  color: white !important;
  cursor: pointer;
  width: 165px;
  padding: 0.5rem 2rem !important;
  display: block !important;
  margin: 0 auto;
  margin-top: 1.5rem;
  white-space: nowrap;
}
#login #login-box div.login-form form a.a-button img {
  vertical-align: text-top;
  margin-left: 0.3rem;
}
#login #login-box div.login-form form a.a-button:hover {
  background-color: #449eaf;
}
#login #login-box div.login-form form #liste_formulaire {
  padding: 2rem 0 0;
}
#login #login-box div.login-form form #liste_formulaire ul#liste_inscription {
  text-align: center;
}
#login #login-box div.login-form form #liste_formulaire ul#liste_inscription li {
  list-style-type: none;
}
#login #login-box div.login-form form #liste_formulaire ul#liste_inscription ul#liste_instance {
  padding: 1rem 0 0;
}
#login #login-box div.login-form form #liste_formulaire ul#liste_inscription ul#liste_instance li {
  list-style-type: none;
}
/* 23.05.2019, jc, nouvelles interactions de la page de login */
.bloc-form-wrapper .form-trigger {
  cursor: pointer;
  padding: 0.5rem;
  transition: all 300ms ease-out;
}
.bloc-form-wrapper .form-trigger:hover {
  background-color: rgba(82, 191, 211, 0.1);
}
.bloc-form-wrapper .form-toggler {
  display: none;
}
.bloc-form-wrapper .form-toggler.visible {
  display: block;
}
.bloc-form-wrapper #login-isa {
  margin-top: 0.5rem;
}
.msg-box {
  font-size: 0.8rem;
  color: #666666;
  text-align: center;
}
.msg-box span.msg-highlight {
  font-family: 'Courier New', Courier, monospace;
  font-weight: bold;
  color: #333333;
}
.help-msg-box {
  position: absolute;
  /* sgi, sinon pose problème
  width: 72rem;
  max-width: 72rem;
  */
  width: 100%;
  bottom: -20px;
  text-align: center;
  font-size: 0.9rem;
  color: #666666;
}
.help-msg-box a {
  color: #666666;
}
.help-msg-box a:hover {
  text-decoration: underline;
}
.login-nav-back {
  position: absolute;
  width: 72rem;
  max-width: 72rem;
  top: -28px;
}
.login-nav-back img {
  cursor: pointer;
  opacity: 0.5;
  transition: ease-out all 0.15s;
}
.login-nav-back img:hover {
  opacity: 1;
}
.instance-div {
  display: block;
  text-align: center;
  padding: 0.25rem;
  font-size: 0.9rem;
}
.close-wrapper {
  text-align: right;
  margin-bottom: 0.5rem;
}
.close-wrapper img {
  cursor: pointer;
  opacity: 0.5;
  transition: ease-out all 0.15s;
}
.close-wrapper img:hover {
  opacity: 1;
}
.g-recaptcha {
  margin-bottom: 0.5rem;
}
.g-recaptcha div {
  margin: auto;
}
#page-sail {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
}
#login-edufr-alert {
  display: none;
  position: absolute;
  z-index: 1100;
  top: 5rem;
  left: 50%;
  margin-left: -15rem;
  background: white;
  padding: 1rem;
  width: 30rem;
  border: 1px solid lightgray;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
  box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
  box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
  -webkit-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
  -moz-box-shadow: 0px 0px 42px rgba(67, 59, 59, 0.25);
  -o-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
}
#login-edufr-alert p {
  margin-top: 1rem;
  text-align: center;
}
#login-edufr-alert p .a-button {
  border: none;
  background: #52bfd3;
  color: white !important;
  cursor: pointer;
  width: 165px;
  padding: 0.5rem 2rem !important;
  display: block !important;
  margin: 0 auto;
  margin-top: 1.5rem;
  white-space: nowrap;
  text-decoration: none;
}
@media screen and (max-width: 31.9375em) {
  #login #login-box div.logo-promo {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    padding: 1rem 1rem 0 1rem;
    justify-content: center;
    align-content: center;
    /*
        img{
          max-width:50%;
          width:50%;
        }
       */
  }
  #login .help-msg-box {
    position: absolute;
    width: 100%;
    bottom: -170px;
    text-align: center;
    font-size: 0.9rem;
    color: #666666;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 32em) and (orientation: landscape) {
  .help-msg-box {
    position: absolute;
    width: 100%;
    bottom: -170px;
    text-align: center;
    font-size: 0.9rem;
    color: #666666;
    margin-bottom: 1rem;
  }
  #login #login-box {
    background: none !important;
    box-shadow: none !important;
  }
}
@media screen and (min-width: 32em) {
  #login {
    align-items: center;
    justify-content: center;
  }
  #login #login-box {
    background: url('forminscrs.img?ww_c=PAGE_BACKGROUND_02') no-repeat bottom fixed;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
    -webkit-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
    -moz-box-shadow: 0px 0px 42px rgba(67, 59, 59, 0.25);
    -o-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25);
  }
  #login #login-box div.login-form {
    width: 50%;
  }
  #login #login-box a#btnnouvcompte {
    margin-top: 1.5rem;
  }
  #login #login-box div.logo-promo {
    width: 50%;
    float: left;
    display: flex;
    align-items: center;
    padding: 4rem 2rem 0 2rem;
    justify-content: center;
    align-content: center;
    /*
        img{
          max-width:50%;
          width:50%;
        }
       */
  }
}
@media screen and (min-width: 64.063em) {
  #login #login-box {
    background: url('forminscrs.img?ww_c=PAGE_BACKGROUND_02') no-repeat bottom fixed !important;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25) !important;
    -moz-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25) !important;
    box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25) !important;
    box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25) !important;
    -webkit-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25) !important;
    -moz-box-shadow: 0px 0px 42px rgba(67, 59, 59, 0.25) !important;
    -o-box-shadow: 0px 0px 4px rgba(67, 59, 59, 0.25) !important;
  }
  #login #login-box div.login-form {
    width: 50%;
  }
  #login #login-box div.logo-promo {
    width: 50%;
    float: left;
    display: flex;
    align-items: center;
    padding: 4rem 2rem 0 2rem;
    justify-content: center;
    align-content: center;
    /*
        img{
          max-width:40%;
          width:40%;
        }
        */
  }
  #login #login-box .separator {
    padding: 1rem 0 1rem 0;
  }
  .help-msg-box {
    bottom: -45px;
  }
}
.logo-lang-wrapper {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.logo-lang-wrapper .lang,
.logo-lang-wrapper .logo {
  -webkit-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  padding-right: 0.35rem;
  padding-left: 0.35rem;
  min-width: initial;
}
.logo-lang-wrapper .lang {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 50%;
  text-align: center;
}
.logo-lang-wrapper .logo {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 50%;
}
@media print, screen and (orientation: landscape) {
  .logo-lang-wrapper .lang {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: left;
  }
  .logo-lang-wrapper .logo {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #login-box .login-form form h2 {
    padding: 0.5rem 0 0!important;
    margin: 0 0 1rem!important;
    font-size: 1.2rem;
  }
}
@media print, screen and (min-width: 40em) {
  .logo-lang-wrapper .lang {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    text-align: left;
  }
  .logo-lang-wrapper .logo {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}
@media print, screen and (min-width: 64em) {
  .logo-lang-wrapper .lang {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .logo-lang-wrapper .logo {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
/* Separateur entre s'authentifier et créer un compte */
.separator {
  padding: 1.5rem 0 0.5rem 0;
  text-transform: uppercase;
  font-size: 0.8rem;
  width: 100%;
  text-align: center;
}
.separator:after,
.separator:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 40%;
  height: 1px;
  background: #d4d2d2;
  margin: 0 0.5rem;
}
::-webkit-input-placeholder {
  color: #aaaaaa;
}