html
{
  padding:1%;
margin:1%;
height:100%;
font-size: 100%;
 width: 99%;
}

body{position:relative;font-family:tahoma, arial , sans-serif;font-size:0.8em;padding:1%;margin:1%;background-color:#F2F2F2;}

h1.t1
{
font-size: 140%;
text-align: center;
vertical-align: middle;

  color: blue;
}

.titre1
{
    -moz-border-radius: 5%;
-webkit-border-radius: 5%; 
-khtml-border-radius: 5%; 
  border-radius: 3%;
 border: 1px solid #2E2EFE; 
 height:50px;
 width: 95%;
 margin-left: auto;
margin-right: auto;
box-shadow:1px 1px 6px #2E2EFE;
text-align: center;
vertical-align: middle;
   background-color: lightgrey;
}

.titreG
{
 float: left; 
 width: 15%;
}

.titreD
{
  float: right;
   width: 80%;
    
}


.contener
{
  display : flex ;
    flex-wrap: wrap;
  padding:0.5%;
border-radius: 1%;
border: 1px solid #2E2EFE;
 display: table;
 column-gap: 10px;
 height:1500px;
 overflow:auto;
 margin-bottom:1%;
 width: 95%;
  max-width: 95%;
  min-width: 95%;
}
/* Clear floats after the columns */
.contener:after {
  
  content: "";
 

}

.columnG {
  position: relative;
     margin-top: 3px;
   top:0; 
  float: left;
  width: 30%;
  max-width: 30%;
  min-width: 30%;
    column-gap: 10px;
  border: 1px solid #2E2EFE;
  padding:1%;
  -moz-border-radius: 5%;
-webkit-border-radius: 5%; 
-khtml-border-radius: 5%; 
border-radius: 3%;
 flex: 1;
  height:1495px;
  overflow:auto;
}





.columnCenter 
{
float: left;
   top:0; 
   margin-top: 3px;
   margin-left: 3px;
  width: 30%;
  max-width: 30%;
  min-width: 30%;
    column-gap: 10px;
  border: 1px solid #2E2EFE;
  padding:1%;
  -moz-border-radius: 5%;
-webkit-border-radius: 5%; 
-khtml-border-radius: 5%; 
border-radius: 3%;
flex: 2;
  height:1495px;
  overflow:auto;
}


.columnD 
{
  position: relative;
     margin-top: 3px;
 top:0; 
float: right;
  width: 28%;
  max-width: 28%;
  min-width: 28%;
    column-gap: 10px;
  border: 1px solid #2E2EFE;
  padding:1%;
  -moz-border-radius: 5%;
-webkit-border-radius: 5%; 
-khtml-border-radius: 5%; 
border-radius: 3%;
flex: 3;
  height:1495px;
  overflow:auto;
}


.ImgMur1
{
  
  width: 80%;
  max-width: 90%;  
  margin:1%;
  padding:1%;
}