#callbackTrigger {
      position: fixed;
      bottom: 0;
      right:calc(50% - 140px);
      background-color: #d8c026;
      color: black;
      border: none;
        width:280px;
      padding: 10px 20px;
      cursor: pointer;
      font-size: 14px;
      z-index: 1000;
        -moz-box-shadow: 0 1px 5px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.4);
        box-shadow: 0 1px 5px rgba(0,0,0,.4);
        -moz-border-radius:5px 5px 0 0;
        -webkit-border-radius:5px 5px 0 0;
        border-radius:5px 5px 0 0;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s;
        -moz-transition-property: color, background-color;
        -webkit-transition-property: color, background-color;
        transition-property: color, background-color;
    }
    #callbackTrigger:hover {
        color:white;
        /*background-color: #2437b3;*/
        background-color:#007379;
    }
    #callbackTrigger:after {
        content: "\2193";
    }
    #callbackTrigger > .icon {
        width:24px;
        height:24px;
        margin-right:10px;
        color: black;
        -moz-transition: color .5s;
        -webkit-transition: color .5s;
        transition: color .5s;
    }
        #callbackTrigger:hover > .icon {
                color: white;
            }
#callbackModule {
      position: fixed;
      bottom: 0;
      right:calc(50% - 150px);
      width: 300px;
      padding: 20px;
      background-color: rgba(255,255,255,.96);
    -moz-box-shadow: 0 3px 10px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);
    box-shadow: 0 3px 10px rgba(0,0,0,.3);
      display: none;
      z-index: 1000;
    }
    #callbackModule h3 {
      margin-top: 0;
        line-height: 1.25;
    }
    #callbackModule p {
        line-height: 1.5;
    }
#callbackModule form {
    padding:0 0 20px 0;
}
    #callbackModule input, #callbackModule button {
      width: 100%;
      margin-top: 10px;
      padding: 10px;
      font-size: 14px;
        padding-left: 0;
        background: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
#callbackModule input:-internal-autofill-selected {
    background-color:rgba(0,115,121,.25);
}
    #callbackModule button {
      background-color: #e5ca19;
      color: black;
        margin-top:20px;
      border: none;
      cursor: pointer;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s;
        -moz-transition-property: color, background-color;
        -webkit-transition-property: color, background-color;
        transition-property: color, background-color;
    }
    #callbackModule button:hover {
      /*background-color: #2437b3;*/
        background-color:#007379;
        color: white;
    }
/* Style pour la croix de fermeture */
    .close-btn {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 14px;
      height: 14px;
      cursor: pointer;
      color:#333;
        fill: currentColor; /* Couleur de la croix */
        opacity:.6;
      transition: opacity .5s;
    }
    .close-btn:focus,    
    .close-btn:hover {
        opacity: 1;
        outline:none;
    }

/*Messages à afficher dans les formulaires si erreur ou confirmation*/
.msg {
    width:66%;
    padding: 0;
    margin:0 auto 40px auto;
    text-align: center;
    color: white;
    font-weight: 600;
    border-radius: 200px;
}
.status-ok { color: green; }
.status-err { color: red; }

@media (min-width: 1000px) {
    #callbackTrigger {
        position: fixed;
      bottom: 0;
      right: 40px;
    }
    #callbackModule {
      position: fixed;
      bottom: 0;
      right: 40px;
    }
}