section{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
text-align:center;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
margin:auto;
max-width:1280px;
}

#brique_presentation{
height:250px;
background-color:rgb(245,245,245);
}

#presentation{
font-size:0.9em;
font-family:"Raleway-Regular";
padding-right:5%;
padding-left:5%;
}

#brique_savoir_faire{
background-image:url('../images/accueil/image_savoir_faire.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position: right center;
height:250px;
min-height:250px;
}

#brique_savoir_faire .moitie {
visibility:hidden;
opacity: 0;
-webkit-transition:all 1s;
transition:all 1s;
}
#brique_savoir_faire:hover .moitie {
visibility:visible;
opacity:1;
transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-webkit-transition: opacity 1s ease-out;
-o-transition: opacity 1s ease-out;
}

#brique_parc_machines{
background-image:url('../images/accueil/image_parc_machines.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position: right center;
height:250px;
min-height:250px;
}

#brique_parc_machines .tiers {
visibility:hidden;
opacity: 0;
-webkit-transition:all 1s;
transition:all 1s;
}
#brique_parc_machines:hover .tiers {
visibility:visible;
opacity:1;
transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-webkit-transition: opacity 1s ease-out;
-o-transition: opacity 1s ease-out;
}

#brique_nos_valeurs{
background-image:url('../images/accueil/image_nos_valeurs.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position: right bottom;
height:250px;
min-height:250px;
}


.brique a {
 
     text-decoration: none;
  display: block;
 color:white;
    padding: 0.5em;
}

.brique .entier a {
 
     text-decoration: none;
  display: block;
  color: rgb(203,23,25);
  background:  rgba(255,255,255,0.8);
    padding: 0.5em;
}

.entier a:hover {
  background: rgba(203,23,25,0.9);
  color:white;
}
.moitie a:hover {
  background: rgba(160,23,25,0.9);

}
.tiers a:hover {
  background: rgba(160,23,25,0.9);

}


.tiers{
display:block;
width:33.33%;
}

.moitie{
width:50%;
}
.entier{
display:block;
width:100%;
font-size:1.5em;
}


.brique{
 width: 48%;
  font-size: 1em;
 height:250px;
  margin-bottom:50px;
  overflow:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
}

.brique p{
color:grey;
text-align:justify;
}

@media all and (max-width: 1280px) {
  .brique {
  
  font-size: 0.85em;
  }
  
}

@media all and (max-width: 960px) {
  .brique {
  font-size: 0.7em;
}
}
  
   @media all and (max-width: 600px), all and (orientation:portrait) {
  section{
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-flow: column wrap;
         flex-flow: column wrap;
}
.brique {
  font-size: 0.85em;
 width:100%;
}
  }