@charset "utf-8";
#Messages {
    position: absolute;
    left: 0;
    top: 20px;
    margin: 0 auto;
    width: 100%;
}

.Message {
    position: relative;
    margin: 0px auto 20px auto;
    max-width: 500px;
    padding: 20px;
    z-index: 30;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    border: 1px #CCC solid;
    color: #666;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #FFF;
    /*background-repeat:no-repeat;
      background-position:96% 50%; Si background réactivé, placement de celui-ci à 96% de la gauche et 50% de la hauteur de la div.*/
    -webkit-animation: cssAnimation 0.3909s 1 ease;
    -moz-animation: cssAnimation 0.3909s 1 ease;
    -o-animation: cssAnimation 0.3909s 1 ease;
}

@-webkit-keyframes cssAnimation {
    from {
        -webkit-transform: rotate(0deg) scale(0) skew(0deg) translate(0px);
    }
    to {
        -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    }
}

@-moz-keyframes cssAnimation {
    from {
        -moz-transform: rotate(0deg) scale(0) skew(0deg) translate(0px);
    }
    to {
        -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    }
}

@-o-keyframes cssAnimation {
    from {
        -o-transform: rotate(0deg) scale(0) skew(0deg) translate(0px);
    }
    to {
        -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    }
}

.Message img {
    margin: -10px 0 -10px 20px;
}

#Messages .fermer a {
    color: #666;
}

#Messages .fermer a:hover {
    color: #000;
}

/*#Messages .info{
    background-image:url("../img/message_info_export.png");
}
#Messages .validation{
    background-image:url("../img/message_validation_export.png");
}
#Messages .avertissement{
    background-image:url("../img/message_avertissement_export.png");
}
#Messages .interdiction{
    background-image:url("../img/message_interdiction_export.png");
}
#Messages .erreur{
    background-image:url("../img/message_erreur_export.png");
}*/