@media (max-width: 768px) {
      #api {
            margin-left: 1em !important;
            margin-right: 1em !important;
      }
      img#image-acceuil-phone {
            display: block !important;
            border-bottom-left-radius: 15px;
      }
      img#image-acceuil-desktop {
            display: none;
      }
      .text-overlay {
            font-size: 45px !important;
      }
}

#email_label,.helpLink,#emailVerificationCode_label,#newPassword_label,#reenterPassword_label{
      display: none;
}
.create p{
      text-align: center;
}
.navbar {
      min-height: 55px;
      display: none;
}
.container{
    margin-left: 0px;
    margin-right: 0px;
}
img#image-acceuil-phone {
      display: none;
}
#attributeList ul {
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
}
#attributeList label,.helpLink{
    display: none;
}
#igjku {
      display: flex;
      flex-wrap: wrap;
      margin: 0px;
      min-height: auto;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
}
#i5sjj {
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
}
#if6zm {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      min-width: 250px;
      justify-content: center;
      position: relative;
}
    
#if6zm img {
      width: 109.65%;
      height: 19em; 
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
}
.text-overlay {
      position: absolute;
      top: 80%;
      left: 5%;
      transform: translate(-0%, -50%);
      color: var(--Blue-10, #FFF);
      font-family: "Crimson Pro";
      font-size: 78px;
      font-style: normal;
      font-weight: 400;
      line-height: 64px;
      letter-spacing: -2px;
}
  
.page-heading {
      padding-top: 20px;
}
.page-copy {
      margin-bottom: 40px;
}
.highlightError {
      border: 1px solid #cb2027!important;
      background-color: #fce8e8!important;
}
.attrEntry .error.itemLevel {
      display: none;
      color: #cb2027;
      font-size: .9em;
}
.error {
      color: #cb2027;
}
#localAccountForm .error p{
      color: #cb2027;
      font-size: .9em;
}
.entry {
      padding-top: 8px;
      padding-bottom: 0!important;
}
.entry-item {
      margin-bottom: 20px;
}
.intro {
      display: inline;
      margin-bottom: 5px;
}
.pageLevel {
      display: none;
      width: 293px;
      text-align: center;
      margin-top: 5px;
      padding: 5px;
      font-size: 1.1em;
      height: auto;
}
#panel, .panel li, label {
      display: block;
}
#forgotPassword {
      font-size: 1em;
      padding-left: 5px;
      text-decoration: underline !important;
      color: #333;
  }
#createAccount {
      margin-left: 5px;
}
.working {
      display: none;
      background: url(data:image/gif;base64,R0lGODlhbgAKAPMAALy6vNze3PTy9MTCxOTm5Pz6/Ly+vNTS1Pz+/�N0Jp6BUJ9EBIISAQAh+QQJCQAKACxRAAIABgAGAAAEE1ClYU4RIIMTdCaegVCfRASCEgEAOw==) no-repeat;
      height: 10px;
      width: auto;
}
.divider {
      display: none;
}
.divider h2 {
      white-space: nowrap;
      font-size: 1em;
      font-weight: 700;
      display: table;
}

#localAccountForm .divider {
      margin-top: 20px;
      margin-bottom: 10px;
      display: block;
}

.buttons {
      justify-content: center;
      display: flex;
      gap: 10px;
      margin-top: 10px;
}
button {
      width:auto;
      min-width:50px;
      margin-top:2px;
      -moz-border-radius:0;
      -webkit-border-radius:0;
      border-radius:0;
      background:#2672E6;
      border:1px solid #FFF;
      color:#fff;
      transition:background 1s ease 0s;
      font-size:100%;
      padding:0 2px;
}

button:hover {
      -moz-box-shadow:0 0 0;
      -webkit-box-shadow:0 0 0;
      box-shadow:0 0 0
}
.password-label label {
      display: inline-block;
      vertical-align: baseline;
}
img {
      border:0
}
.divider {
      margin-top:20px;
      margin-bottom:10px
}

.divider h2:after,.divider h2:before {
      border-top:1px solid #B8B8B8;
      content:'';
      display:table-cell;
      position:relative;
      top:.7em;
      width:50%
}
.divider h2:before {
      right:1.8%
}
.divider h2:after {
      left:1.8%
}
.verificationErrorText {
      color:#D63301
}
.options div {
      margin-top:7px
}
.accountButton,.accountButton:hover {
      background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAh1BMVEX///9QUFBOTk5LS0tERERCQkI/Pz9ISEg6OjpGRkZNTU08PDyAgID09PSlpaWWlpZxcXFgYGBZWVlUVFT6+vrx8fHt7e3s7Ozo6Oji4uLJycnGxsa4uLiqqqqgoKCNjY2JiYmGhoZra2tmZmb7+/vu7u7d3d3U1NTNzc2+vr67u7usrKx7e3vprNQnAAAA8klEQVQ4y63Q127DMAxAUZpDwyMeSdqsNqu7/f/va6zahgGJKAr0vgk6DyQh+6V/BiTOOeNRA9zuAWBdM6WBlPDTvaUUoAuMrT0mgNvA1IJjQB3MKjACvp6DK0WAH+agtH8H9jQHLUUgz7Uhx8xOXzNESxirLCYA2mw8tacI5FyIYXq8A9ge2Qs6oTnw2e2ruho2rjBcXJ4ADh3jBOQLQnVhRFx2gNDZ4ACogbHXj/ft9Dj5AcgbJFu5AThQWuYBIGmgtAFQo4EFB+CPGthJAPypgY3BHsheA5UNwLyAvsYNoDyroKUe4EoFTQ/yDtTONvsGUJ8KTUYyH+UAAAAASUVORK5CYII=);
      background-repeat:no-repeat
}
.accountButton {
      border:1px solid #FFF;
      color:#FFF;
      margin-left:0;
      margin-right:0px;
      transition:background-color 1s ease 0s;
      -moz-border-radius:0;
      -webkit-border-radius:0;
      border-radius:0;
      text-align:center;
      word-wrap:break-word;
      height:34px;
      width:158px;
      padding-left:30px;
      background-color:#505050;
      border-radius: 5px;
}
.accountButton:hover {
      background-color:#B9B9B9;
      border:1px solid #FFF;
      -moz-box-shadow:0 0 0;
      -webkit-box-shadow:0 0 0;
      box-shadow:0 0 0
}
.accountButton:focus {
      outline:gold solid 1px
}
#MicrosoftAccountExchange {
      background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAPFBMVEU1pe/////t+v4uoe5btvNixPVVwfUsoe9tyfXU7/y95vu24vrd9f5NtfLH6/ys3/o/sPE6qfD2/f+f2vnAysuQAAAAaElEQVQ4y93SORKAIAwFUEGCsoT1/nd1JkkDFhY24qt+8VMkk20lu6DAaVBOBsVKsuO8aYo08IqlYyxoRTQExfyKheRIgu5Yl4KoVhSUgNOhoiYRsmb5g2u+LtzXDNOhjKgoAZ9/8k8uZWsGqcIav5wAAAAASUVORK5CYII=);
      background-color:#33A7F2
}
#MicrosoftAccountExchange:hover {
      background-color:#ADDBF9
}
#GoogleExchange {
      background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAb1BMVEXcTkH////cTD/bSj3ZQDLYOyzaRDbeV0vbSDrZPS/66Obyv7rsnpfpkorjcWfgZlvXOCr++Pj5393haFz88/L88fD67Or319T1zsv1zsrxuLPuqaLuqKLoi4LlfXTgYlbWMyTWMiPwtrHwta/fXVH/sCIIAAAAmElEQVQ4y+2RyQ7DIBBDMcwAIXvovqXb/39jRaX0AEmr5px3tSV7PGLhX6TVRFpN61l9zPNS6kn9gDcXO67zDnCnO2BCiNIyMtgKKJgyY2zQ68JEDtqju0nFTcOsxPUMw1GDDUqt+tY51/YNVlhvacTgEfCDIY0Q/lkBSg4RaUmmDo4/JdMzHy1Q2ejMeCj6PrXQP5+1MI8X0Y4HL4c826EAAAAASUVORK5CYII=);
      background-color:#DC4E41
}
#GoogleExchange:hover {
      background-color:#F1B8B3
}
#TwitterExchange {
      background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAdVBMVEVgqd3///9Ypdtdp9xaptxSotpQodlNn9lWo9pUo9rX6Pa+2vGTw+iLvuZlqt79/P7K4PO62O+y0+6hyutysuD2+fzi7vne6/fT5PTE3fKs0O2lzeuZx+l7tuJqrd71+Pzz9vzn8PnQ4/SCueSAueNsrt9InNh7sQwBAAAAwklEQVQ4y92PRw6EMAwAXeIkdBbY3uv/n7gSAoLDD5hbPCPZgZVihEgYgNSUpmfS7bfbtHS2nReyL2Qoc+yp8ZRAwCEWjgGAPQ7sssKoAGsWBrrgyMZCwD77Uel+59E3Tt14xZ7qlY7BRf1CDgeMKMw8sBXGlKxWtLGvHCgkQ80m0YHpjjq4sQ74pn1mISLJVSAMiwJO98l/TWSNF1eGKzqKfZ7Vj0mnHHwodpP+WIYlZP373DTtVWxYr2FD3pOBdfIHhOAHYHQI9VgAAAAASUVORK5CYII=);
      background-color:#60A9DD
}
#TwitterExchange:hover {
      background-color:#BFDCF1
}
#FacebookExchange {
      background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAaVBMVEU7W5z///85Wps3WJsiRo8xU5fw8vYyUpY0VZiAj70pS5OBkb0vUpb7+fwsTpTR1ud6irllerBPaqX09fnx8vfs7fSQoMZxg7VsgLNGY6FCX58ZP4v++/7r7vTZ3OupstGIlsFWcalDYaCK3qwDAAAAnklEQVQ4y+XQyw7CIBAFUBgc5VUoWGtb3/7/RyoYkyZAiSsXvdt7kstA/hRg/B0GpZ6byQ3Dw0NBaH+lMYRle3T0kwayACRdBrr/gnN+QtpQWv8cR4DswiUAjozlz4RdF8AmlnmwjaDQImoZwQkRedoToUS7D+ColGoTwQidx8oEQDMHN1MBva5MOL70SCHuE1TOhOpHrRt0FWAOP4IX8PsG2qEOR30AAAAASUVORK5CYII=);
      background-color:#3B5B9C
}
#FacebookExchange:hover {
      background-color:#B0BDD7
}
#LinkedInExchange {
      background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAb1BMVEUAe7b///8AdrMklscAc7EAeLUAcbB5ttifzeMqmckAdLIAaqz7+/6PxeAShr0CgLkAba4nmMctksTv9Puw1eij0OWGvNtfrNJNo80YjMAeib/D4vGt3Oy82+yfzOOCvtyJvdx3tddirtI/ncoxmMj9KsrQAAAAw0lEQVQ4y9WSVw7DIAxAG8CkjJDVzO5x/zMWk0RNJaB/kfo+sGUeCMvstgI4J7F9aS5NxSLnTWLpZVDgexTqIiycUNBhgTxRyCKPYJ3dl7sITCkO+FyLXaWU310DscASOesf3ahWChGJ5cb4ASO5Joiu2EegWEmZa1c3yUwOHmHNuQgJup4CgF8YlKpcMhKvkNmb1REz6hdetsyziIBldv8lpH8ouGm28zQFCu2SOSAXlJYGYCgpFThEMFPm/zCryja8Acy7CRfMrcKPAAAAAElFTkSuQmCC);
      background-color:#0077B5
}
#LinkedInExchange:hover {
      background-color:#99CAE1
}
#AmazonExchange {
      background-image:url(https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_156x32.png);
      background-color:#FFF;
      color:transparent
}

#next {
      -moz-user-select:none;
      user-select:none;
      cursor:pointer;
      width:10em;
      height:3em;
      -moz-border-radius:0;
     -webkit-border-radius:0;
      border-radius:10px;
      border:1px solid #FFF;
      color:#fff;
      transition:background 1s ease 0s;
      font-size:100%;
      text-align: center;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0px;
}
#next:hover,.accountButton:hover {
      -moz-box-shadow:0 0 0;
      -webkit-box-shadow:0 0 0;
      box-shadow:0 0 0;
}

#api {
      background-color:#F3F3F1;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      padding: 20px;
      text-align: center;
      position: relative;
      margin-right: 35%;
      margin-left: 35%;
      margin-top: 3.5em;
      margin-bottom: 7rem;
}
.heading h1{
      display: none;
}
.intro h2,.intro p{
      display: none;
}
.entry .entry-item {
      margin-bottom: 15px;
      text-align: left;
      display: flex;
      flex-direction: column-reverse;
}

.entry label {
      display: block;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 5px;
      color: #333;
      display: none;
}

#newPassword,#reenterPassword,#email,#givenName,#surname,#emailVerificationCode{
      width: 100%;
      padding: 10px;
      margin: 5px 0;
      border: 1px solid #ccc;
      border-radius: 5px;
      font-size: 14px;
}
.entry input[type="text"],
.entry input[type="password"] {
      width: 100%;
      padding: 10px;
      margin: 5px 0;
      border: 1px solid #ccc;
      border-radius: 5px;
      font-size: 14px;
}

.entry .error {
      color: red;
      font-size: 12px;
      margin-top: 5px;
      display: none; /* Affichez ce bloc seulement en cas d'erreur */
}

.entry a {
      font-size: 12px;
      color: #555;
      text-decoration: none;
      margin-top: 5px;
}

.entry a:hover {
      text-decoration: underline;
}

.entry button {
      width: 100%;
      border: none;
      border-radius: 5px;
      background-color: #000;
      color: #fff;
      font-size: 16px;
      cursor: pointer;
      margin-top: 10px;
}

.entry button:hover {
      background-color: #444;
}

.create {
      position: absolute;
      left: 0;
      bottom: -50px;
      width: 100%;
}

.password-label {
      padding-top: 10px;
}

label#True_option {
      display: inline;
      margin-left: 10px;
      vertical-align: super;
}

input#extension_UserConsent_True {
      width: 24px;
      height: 24px;
}

legend#extension_UserConsent_label {
      display: none;
}

li.CheckboxMultiSelect.extension_UserConsent_li {
      text-align: left;
}