#fixe
{
   position: fixed;
   width: 100%;
   height: 110px;
   top: 0px;
   bottom: 0px;
   font-size:26px;
   
   
}



body {font-size: 100%}

div  {font-size: 90%;}

p {font-size: 1.5em;}

@media screen and (max-width: 90em) {
 div  {
      font-size: 90%;
   }
}

@media screen and (max-width: 84em) {
 div  {
      font-size: 80%;
   }
}


@media screen and (max-width: 74em) {
 div  {
      font-size: 70%;
   }
}

@media screen and (max-width: 64em) {
 div  {
       font-size: 70%;
   }
}

@media screen and (max-width: 50em) {
 div  {
       font-size: 65%;
   }
}

@media screen and (max-width: 40em) {
   div  {
        font-size: 60%;
  }
}

@media screen and (max-width: 30em) {
   div  {
        font-size: 60%;
  }
}






#xcontainer{
  background-color: #FFEFB6;
  height: 110px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 36px;
}


#left{
  background-color: yellow;
  background-image: url("http://placehold.it/50&text=logo");
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: left center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#right{
  background-color: red;
}

#left p{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
  margin-left: 1px;
}

#right p{
  white-space: nowrap;
}

#groupe {
  overflow: hidden; /* Empêche le dépassement des flottants. */
}

div#colonne1 {
	float: left;
	width: 30%;
	margin-right: 1px;
	background: lightblue;

	overflow: hidden;
}
div#colonne2 {
	float: right;
	width: 30%;
	margin-left: 1px;
	background: burlywood;

	overflow: hidden;
}
div#centre {
	overflow: hidden;
	background: khaki;

	overflow: hidden;
}





.table-responsive {
    min-height: .01%;
    overflow-x: auto;
	font-size:200%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
}