@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");
}*/