@charset "UTF-8";
/* STYLES POUR LES BALISES HTML */
@font-face {
    font-family: 'AvantGarde-bold';
    src: url('../fonts/texgyreadventor-bold.woff2') format('woff2'),
         url('../fonts/texgyreadventor-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
section{
    padding-top: 10vh;
}

h1 { 
	color: white;
    margin-bottom: 1.1em;
    font-family: 'AvantGarde-bold',Helvetica, Verdana, Arial, Sans-Serif; 
    line-height: 1.2;
    text-align: center;
    font-size: 3.5em; 
    margin-bottom: 0.25em; 
    line-height: 1.0;
    opacity: 0.6;
    color: #ededed;
    text-decoration: none;
}
section{
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #152a88 0%,#925ba8 24%,#925ba8 25%,#450039 55%,#152a88 61%,#925ba8 74%,#925ba8 75%,#450039 100%) fixed;
	border-bottom: solid 5px rgba(256,256,256,0.95);
	height: 33.3333333333vh;
    background-size: 300% 100%;
}
section:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
a{
    width: 100%;
    height: 100%;
}

a:visited h1, a:active h1, a:link{
    opacity: 0.9;
    text-decoration: none;
        
}
a:hover h1{
    opacity: 0.9;
    text-decoration: none;
}