<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face{
    font-family: "sylfaen";
    src:url(fonts/sylfaen.ttf);
}
section#bloc4{display: none;}
#cms1 section#bloc4{
 width: 100%;
 height: 450px;
 display: block;
 float: left;
 margin-top: 20px;
 margin-bottom: 20px;
 background: url(img/bloc4.jpg) center no-repeat fixed;
}

@media (min-width: 320px) and (max-width: 767px) {
section#bloc4 #univers{
    width: 290px;
    height: 290px;
    display: block;
    float: none;
    margin:  0 auto;
    background: url(img/univers.png) center no-repeat;
    margin-top: 90px;
    background-size: contain;
}
section#bloc4 #univers:hover{
      width: 290px;
    height: 290px;
    display: block;
    float: none;
    margin:  0 auto;
    background: url(img/univers-hover.png) center no-repeat;
    margin-top: 90px;
    background-size: contain;
    transition: all .5s ease-in-out;
    transform: scale(0.9);
}
}

@media (min-width: 768px){
section#bloc4 #univers{
    width: 280px;
    height: 280px;
    display: block;
    margin-top: 90px;
    float: right;
    background: url(img/univers.png) center no-repeat;
    background-size:  contain;
}
section#bloc4 #univers:hover{
    width: 280px;
    height: 280px;
    display: block;
    margin-top: 90px;
    float: right;
    background: url(img/univers-hover.png) center no-repeat;
    background-size:  contain;
    transition: all .5s ease-in-out;
    transform: scale(0.9);
}
}


@media (min-width: 992px){
section#bloc4 #univers{
    width: 340px;
    height: 340px;
    display: block;
    margin-top: 60px;
    float: right;
    background: url(img/univers.png) center no-repeat;
}
section#bloc4 #univers:hover{
    width: 340px;
    height: 340px;
    display: block;
    margin-top: 60px;
    float: right;
    background: url(img/univers-hover.png) center no-repeat;
    transition: all .5s ease-in-out;
    transform: scale(0.9);
}
}

@media (min-width: 1200px){
section#bloc4 #univers{
    width: 340px;
    height: 340px;
    display: block;
    margin-top: 60px;
    float: right;
    background: url(img/univers.png) center no-repeat;
}
section#bloc4 #univers:hover{
    width: 340px;
    height: 340px;
    display: block;
    margin-top: 60px;
    float: right;
    background: url(img/univers-hover.png) center no-repeat;
    transition: all .5s ease-in-out;
    transform: scale(0.9);
}
}
</pre></body></html>