*
{
    margin: 0%;
    padding: 0%;
}
@font-face {
    font-family: Holy;
    src: url(HOLYSWEET.ttf);
}
@font-face {
    font-family: CaviarBold;
    src: url(CaviarDreams_Bold.ttf);
}
@font-face {
    font-family: Caviar;
    src: url(CaviarDreams.ttf);
}
body
{
    background-color: rgb(35, 31, 31) ;
}
.barreduhaut
{
    height: 90px;
    background-color: black;
}
.logoh
{
    background-color: brown;
    height: 45px;
    width: 45px;
    position: relative;
    top: 23px;
    left: 23px;
}
.acceuil
{
    color: white;
    float: right;
    position: relative;
    right: 300px;
    font-family: CaviarBold;
}
.apropo
{
    color: white;
    float: right;
    position: relative;
    right: 150px;
    font-family: CaviarBold;
}
.portfolio
{
    color: white;
    float: right;
    position: relative;
    font-family: CaviarBold;
}
.contact
{
    color: white;
    float: right;
    position: relative;
    left: 150px;
    font-family: CaviarBold;
}
.FOLIO
{
    color: rgba(255, 251, 251, 0.253);
    text-align: center;
    font-size: 261px;
    font-family: Holy;

}
.FOLIO2
{
    color:  rgba(79, 30, 186, 0.499);
    text-align: center;
    font-size: 250px;
    position: relative;
    bottom: 285px;
    text-shadow: 0 0 2 white;
    font-family: Holy;
}
.Project
{
    color: rgb(118, 36, 150);
    position: relative;
    top: 350px;
    font-family: Caviar;
    font-size: 25px;
    left: 145px;
}
.aff
{
    color: white;
    position:relative ;
    bottom: 200px;
    left: 800px;
    font-family: Caviar;

}
.art
{
    color: white;
    position:relative ;
    bottom: 219px;
    left: 880px;
    font-family: Caviar;
}
.divers
{
    color: white;
    position:relative ;
    bottom: 237px;
    left: 1049px;
    font-family: Caviar;
}
.identite
{
    
    color: white;
    position:relative ;
    bottom: 255px;
    left: 1135px;
    font-family: Caviar;
}
.tout
{
    
    color: white;
    position:relative ;
    bottom: 182px;
    left: 700px;
    font-family: Caviar;
}
#abc{
    width:100%;
    position: relative;
}
.projet{
    width:300px;
    float: left;
    position: relative;
}
.zone1
{
    background-color: rgb(175, 146, 187);

}
.zone2
{
    background-color: rgb(118, 36, 150);

}