@-webkit-keyframes animationlogoentrer{
    0% {
        transform: scaleX(1);
    }
    25% {
        transform: scaleX(0.5);
    }
    50% {
        transform: scaleX(0);
    }
    75% {
        transform: scaleX(0.5);
    }
    100% {
        transform: scaleX(1);
    }
}
@keyframesanimationlogoentrer {
    0% {
        transform: scaleX(1);
    }
    25% {
        transform: scaleX(0.5);
    }
    50% {
        transform: scaleX(0);
    }
    75% {
        transform: scaleX(0.5);
    }
    100% {
        transform: scaleX(1);
    }
}
* {
    background-color: #000; /* darkBlack */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
h1 {
	display: none;
}
div.logoscaphyneon {
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    height: auto;
    background-color: #000;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
}
img.titrelogoneon {
    max-width: 300px;
    height: auto;
    display: block;
    padding-top: 20px;
    text-align: center;
    margin: 0 auto;
}

div.baslogo {
    height: auto;
    display: block;
}
div.baslogo img.sgauchelogoneon, div.baslogo img.ddroitlogoneon {
    display: inline-block;
    vertical-align: top;
    animation: linear 16s animationlogoentrer alternate infinite;
    -webkit-animation: linear 16s animationlogoentrer alternate infinite;
    max-width: 25%;
}
p a {
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    background-color: transparent;
    text-align: center;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    color: cyan;
    position: absolute;
    display: block;
    text-shadow: cyan 1px 0 20px;
    text-decoration: none;
    font-size: 1.5em;
    padding-top: 78%;
}
@media screen and (min-width: 768px) {
    h1 {
        display: block;
    }
    div.logoscaphyneon {
        padding: 20px;
        text-align: center;
        margin: 0 auto;
        min-width: 100%;
        height: auto;
        background-color: #000;
        top: 0;
        left: 0;
        right: 0;
        position: absolute;
    }
    img.titrelogoneon {
        max-width: 48%;
        height: auto;
        display: block;
        padding-top: 20px;
        text-align: center;
        margin: 0 auto;
    }
    div.baslogo {
        height: auto;
        display: block;
    }
    div.baslogo img.sgauchelogoneon, div.baslogo img.ddroitlogoneon {
        display: inline-block;
        vertical-align: top;
        animation: linear 16s animationlogoentrer alternate infinite;
        -webkit-animation: linear 16s animationlogoentrer alternate infinite;
        max-width: 24%;
        height:auto;
    }
    p a {
        top: 0;
        left: 0;
        right: 0;
        height: auto;
        background-color: transparent;
        text-align: center;
        margin: 0 auto;
        font-family: Arial, Helvetica, sans-serif;
        color: cyan;
        position: absolute;
        display: block;
        text-shadow: cyan 1px 0 20px;
        text-decoration: none;
        font-size: 1.5em;
        padding-top: 36%;
    }
}