<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">a{
    text-decoration: none !important;
    color:white;
    margin: .3rem;
}
a:hover{
color: rgb(211, 199, 177);
}




.nav1{
   
    margin: 1rem;
    /* border: 2px yellow solid; */
   
    
    
}
.facundo{
  color: #F24040 ;
}

.menu{
    
    display: flex;
    /* border: 1px solid rgb(194, 99, 194); */
    justify-content: center;
    
    padding: 1rem;
   
    border-radius: 15px;

    width: 70%;
   
    margin: auto;
    
}
.menu a{ 
     margin: 1rem;
     transition: .2s all ease-in-out;
 } 
.menu a:hover{ 
    /* font-size:1.1rem;  */
    /* margin: .1rem;  */
    color: #ED3030;
  
 
 } 
.menuback{
   
    z-index: 10;
    display: flex;
    flex-direction: column;
    margin: 0;
    margin-right: 0;
}

.menu_burger{
    display: flex;
    flex-direction: column;
    text-decoration: none;
    visibility: hidden; 
    opacity: 0;
    padding: 2rem;
    border-radius: 15px;
    border: solid 1px white;
    background-color: rgb(80, 74, 74);
    position: relative;
    margin-top:2rem ;
    z-index: 100;
    position: absolute;
    
}
.menu_burger.showmenu{
  visibility: visible;
  opacity: 1;

}
#close{
 top:-1;
  color:rgb(238, 111, 111) !important ; 
  /* border-bottom:1px solid #22ff00; */
}
.menu_burguer a:hover{
          font-size: 1rem;
}
.nav{
    display: flex;
    justify-content: end;
    /* flex-direction: column; */
    /* background-color: aqua; */
    justify-content: space-between;
    /* border: 1px solid greenyellow; */
}

.panierImg2{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-left: 1rem;
}
.panierImg2:hover{
  border: 2px solid rgb(179, 61, 155);

}

.bdd{
    align-items: flex-end;
    display: flex;
    justify-content: end;
    /* background-color: blueviolet; */
    /* flex-direction: column; */
    
    align-items: center;
    
    width: 20%;
    justify-self: end;
    align-self: flex-end;
    padding-right: 2rem;
}
.nameUser{
    margin: .5rem;
display: flex;
flex-direction: column;
padding: 1rem;

justify-self: end;
align-items: center;
justify-content: center;
width: 20%;
}

.connection{
    display: flex;
    align-items: center;
    padding: 5px;
}
.connectInscript{
  display: flex;
  align-items: center;
}
.deconnection{
    border: solid 1px white;
    padding: 5px;
    border-radius: 15px;
    margin-left: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
   
}
.connection1:hover, .deconnection:hover, .connection2:hover{
    background-color: rgb(214, 74, 74);
    color: black;
    /* padding: 3px; */
    border: none;
    border-radius: 15px;
}
.clic{
    color: red;
    cursor: pointer;
    margin-bottom: 0;
    margin-top: .1rem;
}
.clic:hover{
  color: white;
}
#link{
  display: none;
}




.modal{
    background-color: grey;
    position: fixed;
    top:0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 300;
    display: flex;
    visibility: hidden;
    opacity: 0;
    transition:.2s;
}
.modal.show{
    visibility: visible;
    opacity: 1;

}
.modal-content{
    background-color: white;
    max-width: 90vh;
    margin: auto;
    flex: 1;
    padding: 2rem;
    color:black ;
    position: relative;
   
}
.modal-close{
    position: absolute;
    top:10px;
    right: 10px;
    cursor: pointer;
}
.modal-header{
    padding: 10px;
    border-bottom:1px solid #ddd;
}
.modal-body{
    padding: 5px;
}
.modal-footer{
    padding: 10px;
    text-align: right;
}

/* loupe */
#imgShow{
    position: relative;
    width: 500px;
    
   
}
#loupe{
     width:160px; 
     height: 160px;  
    border: solid 3px rgb(64, 63, 132);
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;

   z-index: 11;
    box-shadow: 1px 1px 1px black;

}
#loupe img{
   
    position:absolute ;
    width: 500px;
    
    border: 2px solid red;
}

.panierDeconnect{
  display: flex;
  align-items: center;
}






/************** /responsive **************************/
@media screen and (max-width: 1024px)
{
  #burger1::before,
  #burger1::after {
  content:'';
  width:50px;
  margin-top: 1rem;
  height:3px;
  background:white;
  display:inline-block;
  position:absolute;
  transform-origin: center;
  transition: all 0.3s ease;
}
#burger1::before {
  top:-7px;
}
#burger1::after {
  top:7px;
}
#burger1.open {
  background:transparent;
}

#burger1.open::before {
  transform: rotate(45deg); 
  top:0;
}
#burger1.open::after {
  transform: rotate(-45deg);
  top:0;
}
  .nav{
    margin-top: 2rem;
  }
  .nameUser{
    margin-right: 4rem;
    text-align: center;
  }


.menu{
  display: none;
  width: 50%;
  margin: auto;
  flex-direction: column;
  align-items: center;
}
.menu span{
  margin-bottom: 2rem;
}
.menu span a{
  font-size: 2.3rem;
}

.menu.responsive{
  display: flex;
}
#link{
  display: flex;
  color: white;
  padding: 1rem;
}
#burger1 {
  width:50px;
  height:3px;
  background:white;
  display:inline-block;
  position:relative;
  margin-bottom: 2rem;
}


.connection{
  flex-direction: column;
}
.panierDeconnect{
 flex-direction: column;

 align-items: center
}
.panierImg{
  margin-bottom: 1rem;
align-self: flex-end;
margin-left: 0;

}




}

</pre></body></html>