#le_bouton {
   position: fixed;
   top: **px;
   left: **px;
}

#popup {
    width: 80%;
    background-color: moccasin;
    padding: 0 20px 20px;
    height: 85%;
    z-index: 9;
    position: fixed;
    display: none; 
    top: 20px;
    right: 10%;
    left: 0;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 4px #48312B solid;
}

#close {
    width: 30px;
    height: 30px;
    position: relative;
    top: -10px;
    right: -10px;
    background-color: #000;
    color: white;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

textarea {
    border: none;
    background-color: transparent;
    resize: none;
    outline: none;
}

/* le block conteneur */
.marquee-rtl {
  max-width: 30em;                      /* largeur de la fenêtre */
  margin: 1em auto 2em;
  border: 10px solid #F0F0FF;
  overflow: hidden;                     /* masque tout ce qui dépasse */
  box-shadow: 0 .25em .5em #CCC,inset 0 0 1em .25em #CCC;
}

.submit{
  background-image: url(Image/retour.png);
  background-size: cover;
  background-position:center;
 }

.t-noir { color : #000000; }
.t-blanc { color : #FFFFFF; }
.t-gris { color : #778899; }
.t-grisC { color : #C0C0C; }
.t-maron { color : #80000; }
.t-chocolat { color : #D2691E; }
.t-sable { color : #F4A460; }
.t-bleu { color : #0000FF; }
.t-bleuS { color : #000080; }
.t-bleuC { color : #1E90FF; }
.t-bleuF { color : #00FFFF; }
.t-bleuP { color : #E0FFFF; }
.t-vert { color : #2E8B57; }
.t-vertS { color : #006400; }
.t-vertC { color : #3CB371; }
.t-vertF { color : #7FFF00; }
.t-pourpre { color : #800080; }
.t-violet { color : #9400D3; }
.t-violetC { color : #BA55D3; }
.t-indigo { color : #4B0082; }
.t-jauneF { color : #FFFF00; }
.t-or { color : #FFD700; }
.t-orange { color : #FF8C00; }
.t-rose { color : #FFC0CB; }
.t-roseF { color : #FF1493; }
.t-rouge { color : #FF0000; }
.t-saumon { color : #FA8072; }

.bg-noir { background-color : #000000; }
.bg-blanc { background-color : #FFFFFF; }
.bg-gris { background-color : #778899; }
.bg-grisC { background-color : #C0C0C; }
.bg-maronlor { background-color : #80000; }
.bg-chocolat { background-color : #D2691E; }
.bg-sable { background-color : #F4A460; }
.bg-bleu { background-color : #0000FF; }
.bg-bleuS { background-color : #000080; }
.bg-bleuC { background-color : #1E90FF; }
.bg-bleuF { background-color : #00FFFF; }
.bg-bleuP { background-color : #E0FFFF; }
.bg-vert { background-color : #2E8B57; }
.bg-vertS { background-color : #006400; }
.bg-vertC { background-color : #3CB371; }
.bg-vertF { background-color : #7FFF00; }
.bg-pourpre { background-color : #800080; }
.bg-violet { background-color : #9400D3; }
.bg-violetC { background-color : #BA55D3; }
.bg-indigo { background-color : #4B0082; }
.bg-jauneF { background-color : #FFFF00; }
.bg-or { background-color : #FFD700; }
.bg-orange { background-color : #FF8C00; }
.bg-rose { background-color : #FFC0CB; }
.bg-roseF { background-color : #FF1493; }
.bg-rouge { background-color : #FF0000; }
.bg-saumon { background-color : #FA8072; }

.border-bleu {
  border-color: #1E90FF !important;
}