body {
    margin: 20;
    padding: 0;
    font-family: 'IM Fell English', serif;
    background: url('images/tresor-fond.png') no-repeat center center fixed;
    background-size: cover;
    color: #f0e6d2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
  }
  .container {
    background: rgba(0, 0, 0, 0.6);
    padding: 2em;
    border-radius: 15px;
    box-shadow: 0 0 20px #b87333;
    text-align: center;
    margin-bottom: 2em;
  }
  h1 {
    font-size: 2em;
    margin-bottom: 1em;
  }
  h2 {
    font-size: 1.5em;
    margin-bottom: 1em;
  }
  p {
    font-size: 1em;
    text-align:left;
    color: #f0e6d2;
    margin:1.5vw;
    text-decoration:none;
  }
  p a, a:visited{
    color: #f0e6d2;
    text-decoration: none;
  }
  p a:hover{
    text-decoration:underline;
  }
  select {
    padding: 0.5em 1em;
    font-size: 1.2em;
    border: 2px solid #b87333;
    border-radius: 8px;
    background: #2d1f0e;
    color: #f5deb3;
    width: 80%;
    margin-bottom: 1em;
  }
  input[type="text"] {
    padding: 0.5em 1em;
    font-size: 1.2em;
    border: 2px solid #b87333;
    border-radius: 8px;
    background: #2d1f0e;
    color: #f5deb3;
    width: 80%;
    margin-bottom: 1em;
  }
  input[type="password"] {
    padding: 0.5em 1em;
    font-size: 1.2em;
    border: 2px solid #b87333;
    border-radius: 8px;
    background: #2d1f0e;
    color: #f5deb3;
    width: 80%;
    margin-bottom: 1em;
  }
  button {
    background: linear-gradient(145deg, #b87333, #cd7f32);
    border: none;
    color: white;
    padding: 0.7em 1.5em;
    font-size: 1.2em;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  button:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px #daa520;
  }
  .message {
    margin-top: 1.5em;
    padding: 0.8em 1em;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid #daa520;
    border-radius: 10px;
    font-style: italic;
    font-size: 1.1em;
    color: #ffd700;
    box-shadow: 0 0 10px rgba(218, 165, 32, 0.5);
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  @keyframes fadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
  }
  
  .message {
    animation: fadeIn 1.0s ease-out;
  }
  #down {
    text-align: center;
    margin-top: auto;
    padding: 1em 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
  }
  #down hr {
    border: 0;
    height: 1px;
    background: #b87333;
    margin-bottom: 1em;
  }
  #down p {
    margin: 0.2em 0;
    font-size: 0.9em;
    color: #f0e6d2;
  }
  #down a {
    color: #daa520;
    text-decoration: none;
  }
  #down a:hover {
    text-decoration: underline;
  }

table {
  border-collapse: collapse;
  margin: 50px auto;
}
td {
  width: 25vw;
  height: 25vw;
  border: 1px solid #ccc;
  background-size: cover;
  cursor: pointer;
}

a img{border:0;}

.col90p{position:relative;background-color:white;margin:0 auto;padding:0.5vw 0.5vw 0 0.5vw;width:90%;margin-top:2vw;vertical-align:top;}

.colleft{float:left;background-color:transparent;margin-left:0;width:70vw;}
.colright{float:right;background-color:transparent;margin-right:0;width:25vw;}

.cadreetroit{position:relative;margin-top:2vw;width:25vw;background-color:white;border-color:black;border-right:0.2vw;border-bottom:0.2vw;}

.cadrelarge{position:relative;margin-top:2vw;width:71vw;background-color:white;border-color:black;border-right:0.2vw;border-bottom:0.2vw;}

.blocTop{position:relative;display:inline-block;width:18vw;height:3vw;line-height:3vw;}

.noMargin{margin:0;}

.textTop{font: 2.2vw 'Alegreya',Helvetica;margin:0;text-align:center;color:white;}
.textTop a{color:white;text-decoration:none;}
.textTop a:hover{text-decoration:underline;}

.textpetit{font:3.0vw 'Alegreya',Helvetica;margin:1vw;color:black;}
.textpetit a{font-weight:bold;text-decoration:none;}
.textpetit a:hover{text-decoration:underline;}

.little_italic{font:normal 3.6vw 'Alegreya',Helvetica;font-style:italic;margin:1vw;}

.prix{font:bold 4.8vw 'Alegreya',Helvetica;text-align:left;color:black;float:right;}

.margin0{margin:0;}
.rows5vw{height:14vw;}
.rows10vw{height:28vw;}

.champ2{font:normal 6vw 'Alegreya',Helvetica;padding:0.5vw;}
.champ2:focus{background:#eee;}

.champ3{font:bold 2vw 'Alegreya',Helvetica;color:black;border:solid 0.1vw black;background-color:white;line-height:3vw;text-align:center;}

.validMessage{color:blue;font-weight:bold;}

.discussion{font:italic 1.6vw 'Alegreya',Helvetica;margin:0.5vw;text-align:justify;}
.discussion a{color:#f5be15;text-decoration:none;}
.discussion a:hover{text-decoration:underline;}

.discMsgMoi{position:relative;display:inline-block;background-color:gold;width:70vw;left:-3.5vw;margin:0.5vw;padding:0.5vw;vertical-align:top;font:4.2vw Calibri,Helvetica;border:solid 0.1vw black;border-radius:0.8vw;min-height:4.2vw;}

.discMsgAutres{position:relative;display:inline-block;background-color:aqua;width:70vw;left:3.5vw;margin:0.5vw;padding:0.5vw;vertical-align:top;font:4.2vw Calibri,Helvetica;border:solid 0.1vw black;border-radius:0.8vw;min-height:4.2vw;}

.discTop{position:relative;display:inline-block;top:0;left:0;width:69vw;height:4.2vw;vertical-align:top;font:bold 4.2vw Calibri,Helvetica;color:blue;padding:0 0.5vw;border-bottom:0.0vw solid white;}

.discTopNom{position:absolute;top:0;left:0;font:bold 4.2vw Calibri,Helvetica;color:blue;}

.discTopDate{position:absolute;top:0;right:0;text-align:right;font:italic 4.2vw Calibri,Helvetica;color:blue;}

.discMessage{position:relative;display:inline-block;background-color:transparent;text-align:left;border:0;left:0vw;width:69vw;line-height:4.2vw;font:4.2vw Calibri,Helvetica;overflow-y:auto;padding:0 0.5vw;}

.incrustation{position:relative;float:left;width:21vw;margin:1.5vw;}
.incrustation2{position:relative;float:left;width:45vw;margin:1.5vw;}

.bouton{font:bold 4.8vw 'Alegreya',Helvetica;text-align:center;color:black;background-color:#f5be15;margin:0 1vw;}
.bouton a{color:black;text-decoration:none;}
.bouton a:hover{color:white;text-decoration:none;}

.messageInfo{font:bold 4.8vw 'Alegreya',Helvetica;text-align:center;color:rgb(128, 128, 128);background-color:rgb(64, 64, 64);margin:0 1vw;}

.salons{top:0.5vw;position:relative;width:97vw;height:60vw;border:solid 0.1vw #888;margin:0.5vw;overflow:scroll;}

.lineetroit{margin-top:0;margin-left:0vw;background-color:#f5be15;width:100%;height:0.1vw;}

.textdnd{font:bold 1.6vw 'Alegreya',Helvetica;margin:0.5vw;color:black;text-align:center;}
.textdnd a{color:#333333;text-decoration:none;}
.textdnd a:hover{text-decoration:underline;}

#top{position:relative;text-align:center;width:100%;height:3vw;background-color:black;}

#mtop_menu{position:absolute;top:1vw;right:2vw;height:8vw;width:8vw;z-index:1000;}
#mmenu{position:absolute;top:10vw;right:0vw;width:35vw;background-color:#AAA;display:none;z-index:1000;opacity:0.8;filter:alpha(opacity=80);}
.mmenu_titre{position:relative;width:33vw;height:8vw;font:bold 6vw 'Alegreya',Helvetica;color:white;background-color:#203FB0;padding:1vw;cursor:pointer;text-align:left;}
.mmenu_ligne{position:relative;width:31vw;height:6vw;right:0vw;margin:1vw; font:bold 5vw 'Alegreya',Helvetica;color:white;background-color:black;padding:1vw;cursor:pointer;text-align:right;}
.mmenu_ligne a{color:white;text-decoration:none;}
.mmenu_interligne{position:relative;width:33vw;height:3vw;}

#mtopBack{position:relative;width:98vw;height:10vw;}
#mtop{position:fixed;text-align:center;top:0;width:98vw;height:10vw;background-color:white;z-index:1000;}
#mtop_titre{position:absolute;top:1vw;left:40vw;height:8vw;font:bold 5vw 'Alegreya',Helvetica;color:black;line-height:6vw;}
#mtop_logo{position:absolute;top:1vw;left:1vw;height:8vw;}
#btDisc{position:absolute;top:11vw;right:2vw;height:8vw;z-index:1001;}

#mtop_nbrArt{position:absolute;top:1vw;right:18vw;width:4vw;height:4vw;background-color:red;border-radius:2vw;overflow:hidden;font:bold 3vw 'Alegreya',Helvetica;color:white;text-align:center;}

.col1vw{position:relative;display:inline-block;background-color:transparent;width:1vw;text-align:left;vertical-align:top;}
.col2vw{position:relative;display:inline-block;background-color:transparent;width:2vw;text-align:left;vertical-align:top;}
.col3vw{position:relative;display:inline-block;background-color:transparent;width:3vw;text-align:left;vertical-align:top;}
.col4vw{position:relative;display:inline-block;background-color:transparent;width:4vw;text-align:left;vertical-align:top;}
.col5vw{position:relative;display:inline-block;background-color:transparent;width:5vw;text-align:left;vertical-align:top;}
.col8vw{position:relative;display:inline-block;background-color:transparent;width:8vw;text-align:left;vertical-align:top;}
.col10vw{position:relative;display:inline-block;background-color:transparent;width:10vw;text-align:left;vertical-align:top;}
.col14vw{position:relative;display:inline-block;background-color:transparent;width:14vw;text-align:left;vertical-align:top;}
.col15vw{position:relative;display:inline-block;background-color:transparent;width:15vw;text-align:left;vertical-align:top;}
.col18vw{position:relative;display:inline-block;background-color:transparent;width:18vw;text-align:left;vertical-align:top;}
.col19vw{position:relative;display:inline-block;background-color:transparent;width:19vw;text-align:left;vertical-align:top;}
.col20vw{position:relative;display:inline-block;background-color:transparent;width:20vw;text-align:left;vertical-align:top;}
.col23vw{position:relative;display:inline-block;background-color:transparent;width:23vw;text-align:left;vertical-align:top;}
.col24vw{position:relative;display:inline-block;background-color:transparent;width:24vw;text-align:left;vertical-align:top;}
.col25vw{position:relative;display:inline-block;background-color:transparent;width:25vw;text-align:left;vertical-align:top;}
.col30vw{position:relative;display:inline-block;background-color:transparent;width:30vw;text-align:left;vertical-align:top;}
.col31vw{position:relative;display:inline-block;background-color:transparent;width:98vw;text-align:left;vertical-align:top;}
.col32vw{position:relative;display:inline-block;background-color:transparent;width:31vw;text-align:left;vertical-align:top;}
.col33vw{position:relative;display:inline-block;background-color:transparent;width:33vw;text-align:left;vertical-align:top;}
.col35vw{position:relative;display:inline-block;background-color:transparent;width:35vw;text-align:left;vertical-align:top;}
.col45vw{position:relative;display:inline-block;background-color:transparent;width:45vw;text-align:left;vertical-align:top;}
.col65vw{position:relative;display:inline-block;background-color:transparent;width:65vw;text-align:left;vertical-align:top;}
.col70vw{position:relative;display:inline-block;background-color:transparent;width:70vw;text-align:left;vertical-align:top;}
.col97vw{position:relative;display:inline-block;background-color:transparent;width:96vw;text-align:left;vertical-align:top;}
.col98vw{position:relative;display:inline-block;background-color:transparent;width:98vw;text-align:left;vertical-align:top;}

.size5vw{width:5vw;}
.size10vw{width:10vw;}
.size15vw{width:15vw;}
.size20vw{width:20vw;}
.size45vw{width:45vw;}
.size70vw{width:70vw;}
.size80vw{width:80vw;}

.bloc1{position:relative;display:inline-block;background-color:#DDD;width:46vw;height:30vw;margin-left:2vw;margin-bottom:1vw;text-align:center;vertical-align:top;borde	r:solid 0.1vw #444;border-radius:1vw;color:black;line-height:5vw;vertical-align:middle;}
.bloc2{position:relative;display:inline-block;background-color:#DDD;width:22vw;height:22vw;margin-left:1vw;margin-right:0.74vw;margin-bottom:1vw;text-align:center;vertical-align:top;border:solid 0.1vw #444;border-radius:1vw;color:black;line-height:5vw;vertical-align:middle;}
.bloc3{position:relative;display:inline-block;background-color:#DDD;width:10vw;height:11vw;margin-left:1vw;margin-bottom:1vw;text-align:center;vertical-align:top;border:solid 0.1vw #444;border-radius:1vw;color:black;line-height:5vw;vertical-align:middle;}
.bloc4{position:absolute;background-color:#DDD;top:3vw;right:1vw;width:10vw;height:3vw;font:1.8vw 'Alegreya',Helvetica;margin:1vw;color:black;text-decoration:none;text-align:center;vertical-align:top;border:solid 0.1vw #444;border-radius:1vw;line-height:3vw;vertical-align:middle;}

.border1{border:solid 0.1vw black;}

.saut1vw{position:relative;display:inline-block;vertical-align:top;width:100vw;height:1vw;}

.justify{text-align:justify;}
.center{text-align:center;}
.centerFlex{display:flex;justify-content:center;flex-wrap:nowrap;}
.right{text-align:right;}
.marginAuto{margin:auto;}
.hidden{visibility:hidden;}
.visible{visibility:visible;}
.top{position:absolute;top:0;left:0}

.rond10{border:solid 0.1vw black;border-radius:10vw;}

.rouge{color:red;}.rouge a{color:red;}
.blanc{color:white;}.blanc a{color:white;}
.noir{color:black;}.noir a{color:black;}
.backTrans{background-color:transparent;}
.backBlanc{background-color:white;}
.backJaune{background-color:yellow;}
.transp1{opacity:1;filter:alpha(opacity=100);}