.form-conex {
        width: 80%;
        margin: 0.5em 10%;
        text-align: center;
}
h1.beautitre, h2.beautitre {
        text-align: center;
}
.beautitre {
        height: 50px;
        text-shadow: 1px 1px 1px #808080;
}
.beautexte {
        margin: 0 1em;
        font-size: 1.2em;
        text-align: justify;
}
.fontAquascaping {
}

#ListeAquascapeurs, #ListeArticles {
        clear: left;
        display: block;
        width: 90%;
        margin: 1em auto;
        padding: 0 auto;
}
#ListeArticles span {
        display: inline-block;
}
#ListeArticles a:hover span {
        text-decoration: underline;
}

article {
        display: block;
        clear: left;
        padding: 1em;
        border: 3px dashed #C0C0C0;
        border-radius: 1em;
        overflow: hidden;
}
article:hover {
        border: 3px double #C0C0C0;
        background-color: rgba(192,192,192,0.2);
}

article.articlenowidth {
        clear: none;
        width: auto;
        min-width: 350px;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
}

div.translateX {
        display: table;
        width: 100%;
        margin-left: 5%;
        -webkit-animation: animNom 20s ease 0s infinite;
        -moz-animation: animNom 20s ease 0s infinite;
        -ms-animation: animNom 20s ease 0s infinite;
        -o-animation: animNom 20s ease 0s infinite;
        animation: animNom 20s ease 0s infinite;
}
div.translateX:hover, div.translateX:focus {
        -webkit-animation-play-state: paused;
        -moz-animation-play-state: paused;
        -ms-animation-play-state: paused;
        -o-animation-play-state: paused;
        animation-play-state: paused;
}

.chgAvatar:hover span {
        position: absolute;
        display: inline-block;
        width: 100px;
        height: 100px;
        margin-left: -100px;
        margin-top: 0px;
        background-color: rgba(192,192,192,0.7);
        background-image: url('../appbar.cogs_avatar_n-b.png');
        background-repeat: no-repeat;
}
.aquascapeur {
        display: table-cell;
        width: 250px;
        height: 250px;
        margin: 10px;
        position: relative;
        text-align: center;
}
.aquascapeur img.photos {
        background: #fff;
        border: solid 1px #ccc;
        padding: 4px;
}
.aquascapeur a.aquarium {
        position: relative;
        display: block;
        width: 230px;
        height: 172px;
        margin: 0 25px;
        background-position: -230px 0;
        -webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,.6));
}
.aquascapeur a.aquarium:hover, .aquascapeur a.aquarium:focus {
        background-position: 120px 0;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
}
.aquascapeur a.aquarium::after {
        content:'';
        position: absolute;
        pointer-events: none;
        top:0;
        left:0;
        right:0;
        bottom: 0;
        background: -webkit-radial-gradient(0 0,circle farthest-side, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat;
        background: -moz-radial-gradient(0 0,circle farthest-side, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat;
        background: radial-gradient(circle farthest-side at 0 0, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat;
        background-position: inherit;
        mask: url('#mask-firefox');
}

figcaption {
        -webkit-margin-before: 2em;
}

figcaption {
        color: #808080;
}
figcaption:first-line {
        color: #000;
}

.IcoAqua, .IcoDeco {
        display: inline-block;
        width: 38px;
        height: 20px;
        margin: 0;
        background-image: url('../ico-bar.png');
        background-repeat: no-repeat;
}
.aquascapeur .IcoAqua {
        visibility: hidden;
}
.aquascapeur:hover .IcoAqua, .aquascapeur:focus .IcoAqua, .aquascapeur:active .IcoAqua {
        visibility: visible;
}
.info { background-position: 0 0; }
.info:hover { background-position: 0 -20px; }
.diaporama { background-position: -38px 0; }
.diaporama:hover { background-position: -38px -20px; }
.gestionaqua { background-position: -76px 0; }
.gestionaqua:hover { background-position: -76px -20px; }
.link { background-position: -114px 0; }
.link:hover { background-position: -114px -20px; }
.facebook2 { background-position: -152px 0; }
.facebook2:hover { background-position: -152px -20px; }
.twitter2 { background-position: -190px 0; }
.twitter2:hover { background-position: -190px -20px; }
.forum { background-position: -228px 0; }
a.forum:hover .forum{ background-position: -228px -20px; }
.lirearticles { background-position: -266px 0; }
a.lirearticles:hover .lirearticles { background-position: -266px -20px; }
.groupe { background-position: -304px 0; }
a.groupe:hover .groupe { background-position: -304px -20px; }
.appaphoto { background-position: -342px 0; }
a.appaphoto:hover .appaphoto { background-position: -342px -20px; }
.mpcourrier { background-position: -380px 0; }
.mpcourrier:hover { background-position: -380px -20px; }

.remonter {
        display: block;
        width: 76px;
        height: 76px;
        margin: 0 0 0 95%;
        background-image: url("http://www.aquariophilie.org/img/appbar.upload.png");
        background-position: 0% 0%;
        background-repeat : no-repeat;
        border-radius: 38px;
}
.remonter:hover, .remonter:focus, .remonter:active {
        background-color : #00BF41;
}

@-webkit-keyframes animNom {
from, 14%, to {-webkit-transform:translateX(0px);}
16%, 30% {-webkit-transform:translateX(-250px);}
32%, 46% {-webkit-transform:translateX(-500px);}
48%, 62% {-webkit-transform:translateX(-750px);}
64%, 78% {-webkit-transform:translateX(-1000px);}
80%, 96% {-webkit-transform:translateX(-1250px);}
}
@-moz-keyframes animNom {
from, 14%, to {-moz-transform:translateX(0px);}
16%, 30% {-moz-transform:translateX(-250px);}
32%, 46% {-moz-transform:translateX(-500px);}
48%, 62% {-moz-transform:translateX(-750px);}
64%, 78% {-moz-transform:translateX(-1000px);}
80%, 96% {-moz-transform:translateX(-1250px);}
}
@-ms-keyframes animNom {
from, 14%, to {-ms-transform:translateX(0px);}
16%, 30% {-ms-transform:translateX(-250px);}
32%, 46% {-ms-transform:translateX(-500px);}
48%, 62% {-ms-transform:translateX(-750px);}
64%, 78% {-ms-transform:translateX(-1000px);}
80%, 96% {-ms-transform:translateX(-1250px);}
}
@-o-keyframes animNom {
from, 14%, to {-o-transform:translateX(0px);}
16%, 30% {-o-transform:translateX(-250px);}
32%, 46% {-o-transform:translateX(-500px);}
48%, 62% {-o-transform:translateX(-750px);}
64%, 78% {-o-transform:translateX(-1000px);}
80%, 96% {-o-transform:translateX(-1250px);}
}
@keyframes animNom {
from, 14%, to {transform:translateX(0px);}
16%, 30% {transform:translateX(-250px);}
32%, 46% {transform:translateX(-500px);}
48%, 62% {transform:translateX(-750px);}
64%, 78% {transform:translateX(-1000px);}
80%, 96% {transform:translateX(-1250px);}
}