/** POLICES DE TEXTE **/

@font-face {
    font-family: 'Neon';
    src: url("Polices/Neon.ttf");
}

@font-face {
    font-family: 'Comfortaa-Light';
    src: url("Polices/Comfortaa-Light.ttf");
}

@font-face {
    font-family: 'Comfortaa';
    src: url("Polices/Comfortaa-Regular.ttf");
}

/**#################**/



/**ARRIERE PLAN**/

body{
    background-color: #fafafa;
}

#blocref{
    position: absolute;
    background-attachment: fixed;
    height: auto;
    width: 100%;
    top: 80px;
    left: 0px;
}

#return-top{
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    border: none;
    background-color: #828282;
    color: white;
    cursor: pointer;
    padding: 16px;
    padding-top: 8px;
    border-radius: 10px;
    font-size: 200%;
    opacity: 0.8;
}

#return-top:hover {
  background-color: #555;
}

/**###########**/



/**RECTANGLE HORIZONTAL TOP**/

.rectangle_h{
    background-color: #ffffff;
    position:fixed;
    height: 80px;
    width: 100%;
    left: 0px;
    top:0px;
    z-index: 10;
}

#nomprojet{
    position: absolute;
    left: 250px;
    top: -2px;
}

#logo{
    position: absolute;
    left: 410px;
    top: 19px;
}

a{
    color: #828282;
    font-family: Comfortaa-Light;
    font-size: 120%;
    text-decoration: none;
    position: absolute;
    padding: 15px;
    top: 16px;
}

#a_projet{
    right: 500px;
}

#a_equipe{
    right: 382px;
}

#a_contact{
    right: 240px;
}

#separateur{
    background-color: #e5e5e5;
    position:absolute;
    height: 2px;
    width: 100%;
    left: 0px;
    top:100%;
}

/**######################**/


/**INTRODUCTION**/

.intro{
    background: linear-gradient(#ffffff, #efefef);
    width: 100%;
    height: auto;
    z-index: 9;
}

.intro h1{
    color: #828282;
    font-family: Comfortaa-Light;
    font-size: 300%;
    margin: auto;
    padding-top: 60px;
    width: 100%;
    text-align: center;
}

.intro p{
    color: #828282;
    font-family: Comfortaa;
    font-size: 150%;
    margin: auto;
    padding: 110px;
    padding-top: 60px;
    padding-bottom: 120px;
    text-align: center;
}

.boutons{
    width: 1400px;
    margin: auto;
}

.intro button{
    color: white;
    font-family: Comfortaa;
    font-size: 200%;
    display: inline-block;
    padding: 30px;
    text-align: center;
    border: none;
    border-radius: 50px;
    width: 400px;
    margin: 32px;
    cursor: pointer;
    transform: scale(1);
    transition: 0.3s;
}

.intro button:hover{
    transform: scale(1.1);
    transition: 0.3s;
    box-shadow: 0px 10px 40px #c9c9c9;
}

#bF{
    background: linear-gradient(#ed00ff , #ff8700);
    background-attachment: fixed;
}

#bS{
    background: linear-gradient(#00ff2a,#007fff);
    background-attachment: fixed;
}

#bP{
    background: linear-gradient(#ffdd00,#00e5ff);
    background-attachment: fixed;
}

.intro #ref{
    color: #828282;
    font-family: Comfortaa;
    font-size: 80%;
    padding: 20px;
    padding-top: 180px;
}

/*##########################*/


/**BLOC ET SOUS-BLOC**/

#ancre-fonction{
    position: relative;
    top: -80px;
}

#ancre-securite{
    position: relative;
    top: -80px;
}

#ancre-plateforme{
    position: relative;
    top: -80px;
}

.bloc{
    width: 100%;
    height: 250px;
}

.bloc-1{
    background: white;
    width: 100%;
    height: auto;
    padding-top: 40px;
}

.bloc-image{
    float: left;
    padding:62px;
    padding-left: 40px;
    padding-right: 40px;
    margin: 20px;
    margin-top: 0px;
}

.bloc-image2{
    float: left;
    padding: 40px;
    margin: 20px;
    margin-top: 0px;
}

.images{
    width: 1200px;
    height: 450px;
    margin: auto;
}

.images h2{
    text-align: center;
    padding: 0px;
    top: 0px;
}

/*###########################*/


h1{
    color: white;
    font-family: Comfortaa-Light;
    font-size: 300%;
    margin: auto;
    padding-top: 100px;
    width: 100%;
    text-align: center;
}

h2{
    color: #828282;
    font-family: Comfortaa;
    font-size: 200%;
    margin:0px;
    padding-left:40px;
    padding-bottom:20px;

}

p{
    color: #828282;
    font-family: Comfortaa;
    font-size: 150%;
    margin:0px;
    padding:60px;
    padding-top:0px;
    padding-bottom:40px;
    text-align: justify;
}