/*Ajoute Actualites*/
.bodyAjouterActualites {
    text-align: center;
}

/*Change Modif*/
.imageChangeModif {
    width: 500px;
}

.imageajouterArticle {
    text-align: center;
}

.imageChangeModif {
    width: 500px;
}

body {
    font-family: 'Open Sans', sans-serif;
    text-decoration: bold;
    /*background-image: url('https://wallpapercave.com/wp/wp2471194.jpg');*/
    background-image: url('https://www.desktopbackground.org/download/4096x2160/2010/04/17/3405_cool-simple-white-backgrounds-picture-gallery_5120x2880_h.jpg');
    /*background-image: url('https://www.desktopbackground.org/download/1920x1080/2014/07/25/798679_white-and-orange-1080-hd-wallpapers_2560x1440_h.jpg');*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

body:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255, 0.90);
    z-index: -1;
    opacity: 0.4;
}

.midbout{
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
    width: 30%;
    text-align: center;
    border: solid;
    min-height: 10px;
    margin-bottom: 2%;
    border-radius: 15px;
    border : none;
}

@media (max-width: 980px){
    .midbout{
        visibility: hidden;
    }
}

.erreur {
    color: red;
    font-size: 20px;
    font-weight: bold;
}

.bouton_trad {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-right: 5%;
}

.bigpadbot {
    margin-bottom: 35%;
}

.bouton {
    border : none;
    background : none;
}

.flex {
    display: flex;
    justify-content: left;
}



.flex svg{
    -webkit-transition:-webkit-transform .9s;
    -moz-transition:-moz-transform .9s;
    -o-transition:-o-transform .9s;
    -ms-transition:-ms-transform .9s;
    transition:transform .9s;
}
.flex svg:hover{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
}

.zoom  img:hover{
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(0, -1px, 0);
    }

    20%, 80% {
        transform: translate3d(0, 2px, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(0, -4px, 0);
    }

    40%, 60% {
        transform: translate3d(0, 4px, 0);
    }
}