@charset "UTF-8";
/* CSS Document */

body {
    overflow: hidden;
}

/*-----Images responsive------*/
.img-responsive{
    right:0;
    bottom:0;
    position: absolute;
}

.container.error-404{
    z-index:9900;
    position: absolute;
    top:150px;
    left: 200px;
    background-color: transparent;
    color: #36c6d3;
}
.container.error-404 h1{
    font-size: 80px;
    font-weight: 500;
    color: #36c6d3;
    padding-bottom:25px;
}

.container.error-404 p{
    color: #546A76;
    font-size: 20px;
    padding-bottom:25px;

}
.containerCosmonaute .truc{
    width:100%;
    height:800px;
    border: solid 1px #eeeeee;
    position : absolute;
    /*margin: 0 auto; /* <= Position à revoir en fonction du texte erreur 404*/
    top:0;
    bottom: 0;
}

.idfuse-blue{
    color: #36c6d3;
    border-color: #36c6d3;
}

.containerCosmonaute .truc:after{
    content:"test blabla...";
    position:absolute;
    left:25%;
    top:105%;
}
.containerCosmonaute .truc .cosmonaute{
    position: absolute;
    bottom:-150px;
    right: 0;
    width:250px;
    height: 50%;/* Toute la hauteur du contenant */
    background-image: url(/media/pages_erreurs_cosmonaute_white.png);
    background-size: 50px auto;
    background-repeat: no-repeat;
    border: solid 1px pink;
    -webkit-transform: translate(3em,0);
    -moz-transform: translate(3em,0);
    -o-transform: translate(3em,0);
    -ms-transform: translate(3em,0);
    -webkit-transform: translate(3em,0);
    -moz-transform: translate(3em,0);
    -o-transform: translate(3em,0);
    -ms-transform: translate(3em,0);
    transform: translate(3em,0);
}
/*.containerCosmonaute .truc .cosmonaute{
	/*transform-origin:50% 50%;*/
/*-webkit-animation: rotating 60s linear alternate;
animation: rotating 60s linear alternate;
}*/

@-moz-keyframes slide{
    to{ margin-left: 10%;}
}
@-webkit-keyframes slide{
    to{ margin-left: 10%;
    }
}
@-webkit-keyframes rotating{
    from {transform: rotate(0deg) translate(90%);}
    to{transform: rotate(25deg) translate(5%);}
}
.page-wrapper{
    background-color:#fff;
}
#outerspace {
    position: relative;
    height: 1100px;
    color: #fff;
    overflow: hidden;
}
div.rocket {
    position: absolute;
    bottom: 30px;
    right: 0px;
    transform:scale(0.1);
    -webkit-transition: 80s ease;
    -moz-transition: 80s ease;
    -o-transition: 80s ease;
    transition: 80s ease;
}
div.rocket div {
    width: 404px;
    height: 563px;
    background: url(/media/pages_erreurs_cosmonaute_white.png) no-repeat;
    -webkit-transition:80s ease;
    -moz-transition: 80s ease;
    -o-transition: 80s ease;
    transition: 80s ease;
}

/* hover final state */
#outerspace:hover div.rocket {
    -webkit-transform: translate(-10000px,-2600px) scale(3);
    -moz-transform: translate(-10000px,-2600px) scale(3);
    -o-transform: translate(-10000px,-2600px) scale(3);
    -ms-transform: translate(-10000px,-2600px) scale(3);
    transform: translate(-10000px,-2600px) scale(3);
}
#outerspace:hover div.rocket div {
    -webkit-transform: rotate(-2700deg) scale(3);
    -moz-transform: rotate(-2700deg) scale(3);
    -o-transform: rotate(-2700deg) scale(3);
    -ms-transform: rotate(-2700deg) scale(3);
    transform: rotate(-2700deg) scale(3);
}