body { height: 100%;} 


.row {
  width:960px;
  padding-top: 50px;
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  margin: auto;
}
.block
{
 display: flex;
    align-items: center;
    justify-content: center;
text-align: center;
    width: 190px;height:90px;}

.centrevtrap {font-size: 200%; color: #51847B; text-decoration: none;}


.style1{border-top: 1px solid #8c8b8b;}
.mgt100{margin-top: 100px;}
.pt {padding-top: 40px;}
.centre {max-width: 960px; margin: auto;overflow: hidden;padding-bottom: 8px;}
.centrev {padding-right: 5px; padding-left: 60px; text-align: left; color: #51847B;}



.cadrl 
{float: left; border: 0px solid #51847B ; border-radius: 10px; height: 180px; width: 940px;
-webkit-box-shadow: 2px 2px 1px 0px rgba(173,173,173,1); /*5px 5px 2px 0px */
-moz-box-shadow: 2px 2px 1px 0px rgba(173,173,173,1);
box-shadow: 2px 2px 1px 0px rgba(173,173,173,1);
  overflow: hidden;
}


.treemap{background:url(pictures/test.jpg);}
.measuring{background:url(pictures/measuring.jpg);}
.tagging{background:url(pictures/tagging.jpg); }
.wwa{background:url(pictures/whoweare.jpg); }
.vision{background:url(pictures/vision.jpg);}
.serv{background:url(pictures/services.jpg);}

.cadrr 
{float: right;}

.text
{ max-width: 940px;
  margin: auto; font-size: 160%; color: #545455;text-align: justify;}
.titre
{color: #545455;}
.ml30
{padding-left: 30px;}

.colltext {
  margin: auto;  
  /*padding-bottom: 8px;         #8c8b8b    #51847B   #AA1F1D  C3C3C3   7730*/
  overflow: hidden;
  max-height: 1500px;
  -webkit-transition: max-height 2.0s; 
  -moz-transition: max-height 2.0s; 
  -ms-transition: max-height 2.0s; 
  -o-transition: max-height 2.0s; 
  transition: max-height 2.0s;
}


.colltext.collapsed {
  max-height: 0;
}



.title {
  max-width: 940px;  
  overflow: hidden;
  max-height: 35px;
  -webkit-transition: max-height 1.0s; 
  -moz-transition: max-height 1.0s; 
  -ms-transition: max-height 1.0s; 
  -o-transition: max-height 1.0s; 
  transition: max-height 1.0s;
}
.title.collapsed {max-height: 0;} 


.parag{
  padding-top: 20px;
  margin: auto; font-size: 160%; color: #545455;text-align: justify;

   max-width: 940px;
  overflow: hidden;
  max-height: 2000px;
  -webkit-transition: max-height 1.5s; 
  -moz-transition: max-height 1.5s; 
  -ms-transition: max-height 1.5s; 
  -o-transition: max-height 1.5s; 
  transition: max-height 1.5s;
}
.parag.collapsed {max-height: 0;}