.heure {
    text-align : right ;
 }
 .messageLien .message {
     max-width : 100%;
 }
 html {
    background-color : #33CCFF ;
    max-width : device-width ;
    font-family: Calibri, Verdana, Arial;
 }
 @media only screen and (max-width: 1200px) {
   .zone {
     background-color: white ;
    border : 16px solid #E6F9FF ;
    border-radius : 32px/32px ;
    padding-left : 4px ;
    width : device-width ;
    margin-bottom : 10px ;
    max-width : 1200px ;
    height : 94vh ;
    overflow : auto ;
   }
 .actions {
      box-shadow: 0 -5px 5px -5px grey;
      padding-top : 4px ;
      text-align: center;
 }
 .informations {
        height : 60vh ;
    overflow : auto ; }
 }
 @media only screen and (min-width: 1200px) {
   .zone {
     background-color: white ;
     border : 16px solid #E6F9FF ;
     border-radius : 32px/32px ;
     padding-left : 4px ;
     height : 94vh ;
     width : device-width ;
     margin-bottom : 10px ;
      display : flex ;
 }
   .actions {
       box-shadow: -5px 0 5px -5px grey;
       padding-left : 5px ;
       width : 564px ;
       text-align: center;
 }
 }
 h2
 {
    font-size :8em ;
 }
 .inputt
 {
    background-color : white ;
 }
 .entité
 {
    font-size :0.5em ;
 }
 input
 {
    width: device-width;
    margin-bottom: 10px;
    height: 64px;
    border-radius : 8px/8px;
    font-size : 2em;
 }
 .messageLien
 {
    background-color : white ;
    border-radius : 10px/10px ;
    padding : 10px ;
    margin-left : 4mm ;
    margin-right : 4mm ;
    padding-left : 16px ;
    height : auto ;
    box-shadow: 0 0 1em grey;
    margin-top : 20px ;
 }
 .info
 {
    font-size : 2em ;
 }
 h4
 {
    font-size : 2em ;
 }
 .Knopf
 {
    display: block;
    margin: auto ;
    border-radius : 8px/8px ;
 }
 .informations
 {
    margin-bottom : 2px ;
    padding-bottom : 8px ;
    overflow: auto ;
 }
 p
 {
    font-size : 2em;
 }
 .message
 {
    background-color : #66FFB2 ;
    border-radius : 10px/10px ;
    padding : 10px ;
    margin-left : 4mm ;
    margin-right : 4mm ;
    padding-left : 16px ;
    height : auto ;
   box-shadow: 0 0 1em grey;
   margin-top : 20px ;
 }
 .progress-bar{
     height: 35px;
     width: 90%;
     margin-left : 5% ;
     border: 2px solid darkblue;
     border-radius : 8px ;
     margin-bottom : 20px ;
 }
 .progress-bar-fill{
     height: 100%;
     width: 0%;
     background: lightblue;
     display: flex;
     align-items: center;
     font-weight: bold;
     transition: width 0.25s;
     border-radius : 6px ;
 }
 .progress-bar-text{
     margin-left: 10px;
     font-weight: bold;
     text-align : center ;
 }
 .boutonConnexion {
     background-color: darkblue;
     color: white;
     border : white 2px solid;
     box-shadow: 0 0 1em grey;
 }
 .boutonConnexion:active {
     background-color: lightblue;
        box-shadow: 0 0 0em grey;
 }
 .seDéconnecter {
     margin-top: 8px;
 }
 .contenuMessage {
     border : darkblue 2px solid;
     padding-left: 8px ;
     box-shadow: 0 0 8px grey;
 }
 .overlay {
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.7);
   transition: opacity 500ms;
   visibility: hidden;
   opacity: 0;
 }
 .overlay:target {
   visibility: visible;
   opacity: 1;
 }
 .popup {
   margin: 70px auto;
   padding: 20px;
   background: #fff;
   border-radius: 5px;
   max-width: 600px;
   position: relative;
   transition: all 2s ease-in-out;
 }
 .popup .close {
   position: absolute;
   top: 20px;
   right: 30px;
   transition: all 200ms;
   font-size: 30px;
   font-weight: bold;
   text-decoration: none;
   color: #333;
 }
 .popup .content {
   max-height: 600px;
   overflow: hidden;
 }
 .buttonSpecial {
     font-size : 2em ;
     border-radius : 8px/8px ;
     padding: 8px ;
     text-decoration: none ;
 }
 #nContact {
    background-color : rgb(92, 175, 202) ;
    height : 50px ;
    width : 100%;
    font-size : 40px;
    text-decoration : none ;
    color : white;
    box-shadow: 0 0 4px white;
 }
 .ndiscussion {
   background-color : rgb(92, 175, 202) ;
   height : 50px ;
   width : 100%;
   font-size : 40px;
   text-decoration : none ;
   color : white;
   box-shadow: 0 0 4px white;
}
 #lienNContact {
   text-underline-position: unset;
   text-decoration : none;
 }
 .actions {
    min-width : 430px;
   overflow-y: scroll ;
}