.container
{color: rgb(0, 0, 0);
    font-family: Arial, Helvetica, sans-serif; 
}

h1{color: rgb(0, 0, 0);margin: 0rem;margin-left: 0rem;margin-block-start: 0rem;}

/*propriete lien*/
a{color: rgb(2, 0, 0);
    text-decoration: none;
}
a:hover{
color:rgb(104, 111, 140);
}
ul{list-style: none;
margin:0;
padding:0;}

.a1{color: white;
text-decoration: none;
} 



/*YVAN ROCHETTE*/

.style1 {font-size: 11px;
    text-transform: uppercase;
    text-align: left;
    margin-top: 2%;    
}


/*menu GAUCHE*/
.style2{
    line-height: 15px;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 1%; 
}
#mep3{
    margin-left: 27px;
}
#mep2{
     margin-left: 33px;
}
#absolute{
    position: absolute;
}

/*news*/
.style4 {font-size: 11px;
    text-transform: uppercase;
    margin-top: 40px;  
    text-align: right;   
}
.style5 {font-size: 11px;
    text-transform: uppercase;
    margin-top: 20px;  
    text-align: right;   
}
.style6 {font-size: 11px; 
    text-align: right;  
    margin-top: none;
}
a:hover.a1{ color:rgb(39, 42, 51);
}

#bgvid {
    position:fixed; right: 0; bottom: 0;
    object-fit: cover;
    min-width: 100%; min-height: 100%;
    width:104%; height:115%; z-index: -100;
    background: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-color: rgb(197, 197, 197)
    }


/*paragraphe-ABOUT*/
.style7 {font-size: 11px;
    margin-top: 20px;  
    text-align: left; 
}
.style7 p{
  text-indent: 1.5em;
}
/*contact*/
.style8 {font-size: 11px;  
    text-align: left; 
    position:absolute;
    bottom: 1%
}
.justify{
    text-align: justify;
}

.about-text p{
  text-indent: 1.5em;
  margin: 0 0 1.1em 0;
  line-height: 1.5;
}
.about-text p:first-of-type,
.about-text p.lang{
  text-indent: 0; /* pas d'alinéa sur l'intro + le switch EN/FR */
}
.style7 p{
  margin-left: 1.2em;   /* ≈ 1–2 espaces */
}




/*traitement pour la galerie work.html*/
.image{
    width: 100% \9;  
}
.galerie{
        margin-left:25%;
        margin-right: 25%;
}
.mep{
        margin-bottom: 4%;
}
#top{
        margin-top: 5%;
}
.style9{font-size: 11px;
        line-height: 15px;
}
/*traitement pour galerie bis*/
.image{
    width: 100% \9;  
}
.galerie1{
        margin-left: 12%;
        margin-right: 12%;
}
.mep2{
        margin-bottom: 6%;
}
.mep3{
    margin-bottom: 2%;
}
#mep4{
        margin-top: 3%;
        margin-bottom: 4%;
}
#top1{
    margin-top: 6%;
}

/*page work.html bouton back*/
.style3 {
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin-top: 3%;
    margin-bottom: 3%;
}