/*contenu de la page






/*Zone réservée pour les boutons*/
.emplacement_DessinPeinture{
    margin-top:250px;
    right: 0px;
    left:0px;
    width: 100%;
    z-index: 1;
    height:100px;
    text-align: center;
    /*background:rgb(208, 216, 208)*/
}

.bouton_DessinPeinture {
  color: #E8E8E8;
  border: 1px solid #3A424D;
  background-color: #252D37;
  padding: 45px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  width: 300px;
  margin: 4px 2px;
  cursor: pointer;
  font-size: 35px;
}

.bouton_DessinPeinture.actif{
    color: #C8A76A;
    border: 1px solid #C8A76A;
    z-index: 2;
}

.bouton_DessinPeinture:hover{
    color: #C8A76A;
    border-color: #C8A76A;
}


.emplacement_PaysagePortrait{
    margin-top:40px;
    right: 0px;
    left:0px;
    width: 100%;
    z-index: 1;
    height:140px;
    padding: auto;
    text-align: center;
    border-top: 1px solid #a4a3a1;
    border-bottom: 1px solid #a4a3a1;
   /*background:rgb(208, 216, 208)*/
}

.bouton_PaysagePortrait {
  border: none;
  /*background-color: #04AA6D;*/
  background-color: #1B2028;
  padding: 45px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  color: #a4a3a1;
  font-size: 30px;
}

.bouton_PaysagePortrait.actif{
  box-shadow: inset 0 -3px 0 #C8A76A;
  color:#C8A76A ;
}
.bouton_PaysagePortrait:hover{
  box-shadow: inset 0 -1px 0 #C8A76A;
  color:#C8A76A ;
}



                                                      /*Galerie*/



.galerie{

display:flex;
flex-wrap:wrap;
justify-content:center;
gap:30px;
padding: 20px;

}



.oeuvre{

width:400px;
/*background:#303030;*/
background:#515a69;
border-radius:15px;
overflow:hidden;
cursor:pointer;
transition:.3s;

}



.oeuvre:hover{

transform:translateY(-8px);

}



.oeuvre img{

width:100%;
height:250px;
object-fit:cover;
display:block;

}



.oeuvre h3{

margin:15px 15px 8px;

}



.oeuvre p{

margin:0 15px;
color:#d7d7d7;

}



.oeuvre span{

display:block;
margin:15px;
color:#999;

}



/************/
/* LIGHTBOX */
/************/

.lightbox{

display:none;

position:fixed;

left:0;
top:0;

width:100%;
height:100%;

background:rgba(0,0,0,.93);

z-index:1000;

}



.lightbox img{

display:block;

margin:60px auto 20px;

max-width:80%;
max-height:70%;

border-radius:8px;

}



.infos{

text-align:center;
color:#bfbfbf

}



#titre{

margin:0;

}



#technique{

margin-top:10px;

}



#dimensions{

color:#bfbfbf;

}



.fermer{

position:absolute;

top:20px;
right:35px;

font-size:45px;

cursor:pointer;

}



.precedent,
.suivant{

position:absolute;

top:50%;

transform:translateY(-50%);

font-size:60px;

cursor:pointer;

padding:15px;

user-select:none;
background:rgb(208, 216, 208);


}



.precedent{

left:25px;

}



.suivant{

right:25px;

}



.precedent:hover,
.suivant:hover,
.fermer:hover{

color:#d6b06f;

}

#compteur{
    color: white;
    font-size: 18px;
    margin-top: 15px;
    text-align: center;
    opacity: 0.8;
}