@font-face {
  font-family: 'OMEGLE';
  src: url("omegle/OMEGLE.eot"), url("omegle/OMEGLE.eot?#iefix") format("enbedded-opentype"), url("omegle/OMEGLE.woff") format("woff"), url("omegle/OMEGLE.ttf") format("truetype"), url("omegle/OMEGLE.svg") format("svg"); }
body {
  background: url("Images/poste.jpg");
  background-size: 1550px; }

.lisiere {
  font-family: 'OMEGLE';
  border: solid #07484d;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 50px;
  background: url("Images/bul2.jpg") no-repeat center;
  background-size: 1550px;
  /*background-color:rgba(255, 255, 255, 12) ;*/
  -webkit-box-shadow: #07484d;
  box-shadow: #07484d; }
  .lisiere .titre {
    font-size: 2rem;
    /*padding-top: 15px;*/
    /*padding-bottom: 5px;*/
    text-align: center;
    color: white; }
  @media all and (max-width: 499px) {
    .lisiere {
      background-size: 500px;
      font-size:0.5rem;
      width:420px;
    } }

.colonne-gauche {
  width: 190px;
  height: 240px;
  position: absolute;
  /*margin-right: : 200px;*/
  padding-top: 5px; }
  @media all and (max-width: 499px) {
    .colonne-gauche {
      /*display: revert;*/
      /*display: contents;*/
      width: 425px;
      position: relative; 
    } }

.bouton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-top: 5px;
  margin-top: 5px;
  border: 1px solid #07484d;
  border-radius: 5px;
  font-size: 1.2em;
  text-align: center;
  /*background: url('images/fond_degraderouge.png') repeat-x;*/
  /*background-color: #840909;*/
  background-color: #07484d;
  text-decoration: none;
  height: 35px;
  color: white; }
  .bouton:hover {
    background-color: #F05555; }
  @media all and (max-width: 499px) {
    .bouton {
      margin-top: 8px;
      width:100%;
      display:flex;
      -ms-flex-direction: column } }

.logo {
  padding-left: 30px; }
  @media all and (max-width: 499px) {
    .logo {
      margin-left: 150px;
      display: ruby; } }

@media all and (max-width: 499px) {
  .accueil {
    display: ruby;
    font-size: 0.79rem; } }