* {
 
 box-sizing: border-box;
 padding: 0;
 margin: 0;
 scroll-behavior: smooth;
 font-family: Verdana, Geneva, Tahoma, sans-serif;

}
@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,300';


body {
 font-size: 18px;
 height: 100%;
 color:#000;
 background-color:#fff;
background-image: linear-gradient(-90deg, rgb(248, 245, 245), rgb(214, 213, 213));
}
/* Carousel boostrap*/
.carousel-control-prev-icon {
 background-image: url("img/flecheretour.png");
}

.carousel-control-next-icon {
 background-image: url("img/flechesuite.png");
}
/*hauteur page*/
#page {
	height:100%; /* 1 */
	display:flex; /* 2 */
	flex-direction:column; /* 3 */
 justify-content: space-between;
 
}

#content {
	flex-grow:1; /* 4 */
}


.hide {
  opacity: 0;
}

/* header */
.header{
background-image: url(img/fondbeton.png);
background-size: cover;
background-repeat: no-repeat;
background-color: #ee991a; 
}


/* Liens BIGMAT */

.bigmat a{
  color:#fff !important;
}

.bigmat:hover{
  color:#a8a6a2 !important;
}
 
.liendestokage{
  width:300px;
  height: 20px;
  background-color: #e00914;
  color:#fff !important;
  padding:5px;
}
 .liendestokage a{
width:300px;
height: 20px;
text-align: center;
padding:3px;
 }

.liendestokage:hover{
  color:#a8a6a2 !important;
}
.txtliens{
 font-size: 0.8rem;
 font-size: 0.9rem;
}

.linksbigmat{
  width: 680px;
  display: flex; 
  justify-content: center;
  align-items: center;  
  color:#000;

}

.linksbigmat a{
  font-size: 0.9rem;
  color:#000;
  list-style-type: none; 
}

.linksbigmat li{
list-style-type: none;

}
.margeimg{
 margin-right: 5px;
  
  }

  .liensbigmat {
 width: 300px;
 padding-left: 20px;
 background-color: #494948;
 display: flex;
 justify-content: center;
 align-content: center;
 align-items: center;
 padding-right: 5px;
}
  
.liensbigmat a{
 text-decoration: none !important;
 color: #fff !important;
}

/* produits BIGMAT*/
.produits{
  display:flex;
 justify-content: space-between;
 text-align: center;
  }

  .prods {
 width: 350px;
 height: auto;
 border: 1px #000 solid;
 font-size: 0.9rem;
 background-color: #fff;
 overflow: hidden;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
}

.prods p{
 text-align: center;
}
.prods img{
  width:200px;
  align-self: center;
}

.prix{
  font-size: 1rem;
 color:#e00914;
}

.Prixm{
  display:none;
}

.bigmat {
  width: 150px;
  height: 25px;
  background-color: #e00914;
  color:#fff;
  text-align: center;
  padding: 2px;
  margin-bottom: 20px;
  font-size: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  border: solid 1px transparent;
  
}

.pictos{

  display: flex;
  justify-content: center;
   
  }
  
 /* animation logo beton*/
 @keyframes animation {
  0%   {opacity:0; left:-400px;}
  25%  {opacity:0; left:-200px;}
  50%  {opacity:0.5; left:0;}
  75%  {opacity:0.7; left:0;}
  100% {opacity:1; left:0;}
}

  .animation { 
  position:relative;
  animation-name: animation;
  animation-duration: 4s;
  
} 



/* animation ajax*/

  .anim { 
  display:none;
} 


  .logosbf {
 width:200px;
 
  } 
 .txtjustify{
text-align: justify;
 }
ul{
 list-style-type: square;
 font-size: 0.8rem;
margin:0;
}
p{
 font-size: 0.8rem;

}

.liens {
 width: 300px;
 padding-left: 20px;
 background-color: #494948;
 display: flex;
 justify-content: space-between;
 align-content: center;
 align-items: center;
 padding-right: 5px;
}
.liens a{
 text-decoration: none !important;
 color: #fff !important;
}
.liens:hover{
 color:rgb(245, 170, 31); 
 transition:0.5s;
}
a {
 color:#000;
 text-decoration: none !important;
 font-size: 0.8rem;
font-weight: 600;
}
 a:hover{
 color:rgb(245, 170, 31) !important; 
 }
  
ul.liens{
 list-style: none;
}

ul a{
 text-decoration: none !important;
 color: #fff 
}

ul.liens a:hover{
 color: gold;
}
.txt_form{
 font-size: 0.8rem;
}

label{
 font-size: 0.9rem;
}
.form-control {
  
  width: 29%;

}

.session{
  font-size: 0.8rem;
}

.form-group{
 width:100%;
}

/*LIENS PAGE BETON*/
.navigation{
  margin:auto;
  display: flex;
  justify-content:flex-start;

}
.liensbeton{
  width:185px;
  height: 25px;
  background-color: #014289;
  padding:2px;
  margin-left:5px;
  margin-bottom: 20px;
  color:#fff;  
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  
 }
/*------------------*/

.btn-secondary {
 color: #fff;
 background-color: #e08345;
 border-color: #cc4277;
 width: 230px;
 height: 40px;
}
.btn {
 display: inline-block;
 font-weight: 400;
 line-height: 1 !important;

 text-align: center;
 text-decoration: none;
 vertical-align: middle;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 
 border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  padding: 0.2rem 0.9rem 0.4rem  !important;
 font-size: 1rem;
 border-radius: .25rem;
 transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*FOOTER*/
.footer{
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 50px;
 background-color: #014289;
 color:#fff;
 margin-top:250px;
}
.footer span{
 margin-left:20px;
 font-size: 0.8rem;
}
.footer span a{
 color:#fff !important;
}

.footer span a:hover{
  color:#e49b13;
 }
 
/*LOGOS*/

.logosfooter{
 width:150px;
 margin-right: 20px;
}

.logoshead{
 width:200px;
  padding:20px;
}


.logospcontact{
  width:280px;
padding:20px;
 }

.logoshead:hover { 
width:201px;
transition:0.2s;
margin:0;
padding:0;
  } 

.logosarbeton{
 width:200px;
 
}

.angermuller{
 width:500px;
}
.logos{
width:auto;
height: 205px;
display:flex;
justify-content:center;
 align-items: center;
  
}

.logoscontact{
  width:auto;
  height: 100px;
display:flex;
justify-content:center;

 
  }
/*LOGO HEADER*/
.logoscontent{
 display:flex;
 justify-content: space-between;
 align-items: center;
  
}

/*IMAGES ACCUEIL*/
.visushome{
width:350px;
border-top-left-radius:  0 1em;
border-top-right-radius: 1em 1em;
border-bottom-right-radius: 0 5em;
border-bottom-left-radius:  1em 1em;
text-decoration: none;
margin-right: 3rem;
border:1px solid #e08345;
}

.visushome2{
 width:350px;
 margin:0;
 border:1px solid #e08345;
 }

.visushome:hover {
 
 -ms-transform: scale(1.2); /* IE 9 */
-webkit-transform: scale(1.2); /* Safari 3-8 */
transition: transform .50s;
  transform: scale(1.4);
 
 }
 .visushome2:hover {
 
 -ms-transform: scale(1.2); /* IE 9 */
-webkit-transform: scale(1.2); /* Safari 3-8 */
transition: transform .50s ;
transition-timing-function: ease-in-out;
transform: scale(1.1);
 margin-right: 3rem;
 margin-left: 3rem;
 }

.visuheader{
width:400px;
border:1px solid;
border-color: #fff;
border-top-left-radius:  0 1em;
border-top-right-radius: 1em 1em;
border-bottom-right-radius: 0 5em;
border-bottom-left-radius:  1em 1em;
margin-top:20px;
  
}
/*Lien Gamme béton*/
.navgamme{
  
 height: 25px;
 padding: 2px;
 
 display: flex;
 color:#666;
}
.navgamme span{
 margin-right:10px;
 width: 140px;

}

.navgamme span a{
 
 font-size: 0.8rem;
 color: #fff !important;

}
.navgamme span a:hover{
 font-size: 0.9rem;
}
.current{
color: #fff;
font-weight: bolder;
  }
 
.betondescript{
 font-size: 0.9rem;
 height: 100%;
}

.intro{
  margin:auto;
  width:100%;
  font-size: 0.9rem;
  height: 100%;
 }


.liensbetonref{
 width:185px;
 height: 25px;
 background-color: #ee991a;
 text-align: center;
 padding:2px;
 margin-left:5px;
 margin-bottom: 20px;
 color:#fff;  
 font-size: 0.7rem;
 display: flex;
 justify-content: center;
 align-items: center;
 align-self: center;

 border:solid 1px transparent;

}

/*FIOUL*/
.lienfioul{
  width:185px;
  height: 25px;
  background-color: #ee991a;
  text-align: center;
  padding:2px;
  margin-left:0;
  margin-bottom: 20px;
  color:#fff;  
  font-size: 0.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  border:solid 1px transparent;
 border-radius: 10px;
  
 }

 .lienfioul a{
  
  color:#fff !important;  
  
  
 }
 .lienretour{
  width:185px;
  height: 25px;
  background-color: #e00914;
  text-align: center;
  padding:2px;
  margin-left:5px;
  margin-bottom: 20px;
  color:#fff;  
  font-size: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
 
  border:solid 1px transparent;
  border-radius: 5px;
 }

.reservation a{
  color:#014289 !important;
}

.reservation :hover{
  color:#014289 !important;
  font-weight: 800;
}


 .lienretour a{
  color:#fff !important;
font-weight: 300;
font-size: 0.9rem;
 }
 .lienretour :hover{
  color:#ccc !important;
font-weight: lighter;

 }

.liensbeton :hover{

color:#ccc;
  font-weight: lighter !important;
  
}

.liensbetonref:hover{
 color:#fff;
  font-weight: lighter;

 
}
.liensbeton:active{

 color:#fff;
 background-color: #e68609;

 }
 .lienbigmat{
  width:300px;
  height: 20px;
  
  color:#014289 !important;
  padding:3px;
}
 .lienbigmat a{
width:300px;
height: 20px;
text-align: center;
padding:3px;
 }

 .lienbigmat:hover{
  color:#000 !important;
}
.cadre{
  width:500px;
  height: 500px;

}
.pointer{
  cursor: pointer;
}


/*MANIPULATION BETON*/
.epi{
  width:500px;
  height: 500px;
  background-color: #666;
  color:#fff;
  display:flex;
  justify-content: center;
  flex-direction: column;
  padding:50px;
  position:relative;
  
}

.epitxt{
  width:500px;
  height: 300px;
  background-color: rgb(168, 47, 47);
  color:#fff;
  display:flex;
  justify-content: center;
  flex-direction: column;
  padding:50px;
  position:absolute;
 top:0;
 left:0;
}



.epitxtnone, .epitextcasque{
 
  opacity: 0;
 
}

.epitxtcasque{
  opacity: 0;

}

.epitxtbottes{
  opacity: 0;

}


.epitxtlunettes{
  opacity: 0;

}

.epitxtmasque{
  opacity: 0;

}

.epitxtaudio{
  opacity: 0;

}


.epitxttenue{
  opacity: 0;

}




.epi strong{
  width:500px;
  height: 500px;
  color:#fff;
  
}
.epi p{
  margin-top: 15px !important;
  
}


.betonimg{
width:500px;

}



.angermullerimg {
  width: 400px;
  border: 1px solid #000;
}

.betonimgref{
 width:450px;
}

h1,h2{
 font-weight: 300;
 margin-bottom: 30px;
 font-size: 1.5rem;
 color:#014289;
}


h3{
  font-weight: 300;
  margin-bottom: 5px;
  font-size: 1rem;
  color:#014289;
  font-weight: 500;
 }

h6{
 text-transform: uppercase !important;
}

.text-justify{
  text-align: justify;
}
.labobeton{
 margin: auto;
 width:60%;
}

.mentions{
  margin: auto;
  width:50%;
  font-size: 0.8rem;
 }
.mentions p{
  font-size: 0.8rem;
 }


figcaption{
  font-size: 0.8rem;
}
h4{
 font-size: 1.2rem;
 font-weight: 600;
 color: #666;
}

h5{
 font-size: 1rem;
 font-weight: 600;
line-height: 1.5rem;
text-transform: uppercase;
}

/*h5:hover{
 font-size: 1.2rem;
 transition:0.1s linear;
 
}*/

strong{
 color:#494948;
}

/*GAMME BETON*/
.gammebeton{
display: flex;

align-items: center;
align-content: center;
}
.transp{
 opacity: 0.5;
}

table {
  border-collapse:collapse;
  width:auto;
  margin:auto;
  }
  
  tbody {
  background-color:transparent;
  border:1px solid #6495ed;
  }
  th {
  font-family:sans-serif;
  border:1px solid #ccc !important;
  padding:5px;
  background-color:#EFF6FF;
  font-size:1em;
  text-align: left;
  width: 1auto;
  }

  td {
  font-family:sans-serif;
  font-size:1em;
  border:1px solid #ccc !important;
  padding:5px;
  text-align:center;
  }
  tr {
 font-family:sans-serif;
 font-size:1em;
 border:1px solid #6495ed;
 padding:5px;
 text-align:center;
 }
.formmain{
 width:65%;
 margin:auto;
}



.btn-primary {
  color: #fff;
  background-color: #014289 !important;
  border-color: #014289 !important;
}
.bcourant{
background-image:url(img/betoncourant.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
text-align: center;
display: flex;
flex-wrap: wrap;
 justify-content: center;
 
color:#fff;
  width:350px;
  height: 350px;
  background-color: #e68609;
  font-size: 0.9rem;
 
 }


.lienbetoncourant{
 text-align: center;
  background-color: #e68609;
  height: 30px;
}


.lienbetonspecial{
  text-align: center;
background-color: #e00914;
height: 30px;
 }
 .lienbetondeco{
  text-align: center;
background-color: #48a709;
height: 30px;
 }

 .lienbetonflex{
  text-align: center;
background-color: #014289;
height: 30px;
 }

 .textcourant{
 margin-top: 180px; 
 padding: 10px;
 font-size: 0.7rem;
 }
 
 
.bgrave{
background-image:url(img/beton-voirie.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
  text-align: center;
display: flex;
flex-wrap: wrap;
 justify-content: center;
 
color:#fff;
  width:350px;
  height: 350px;
  background-color: #53514d;
  font-size: 0.9rem;
 }
 .bdallage{
  background-image:url(img/dallage.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
  text-align: center;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
justify-content: center;

color:#fff;
  width:350px;
  height: 350px;
  background-color: #5e7f8f;
  font-size: 0.9rem;
 }

 

 .badjv{
  background-image:url(img/beton-plus.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
  text-align: center;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
justify-content: center;

color:#fff;
  width:350px;
  height: 350px;
  background-color: #4faad8;
  font-size: 0.9rem;
 }

 .bvoile{
  background-image:url(img/beton-voile.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
  text-align: center;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
justify-content: center;

color:#fff;
  width:350px;
  height: 350px;
  background-color: #868a8b;
  font-size: 0.9rem;
 }
 .bbc{
  background-image:url(img/beton-bcp.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
  text-align: center;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
justify-content: center;
color:#fff;
  width:350px;
  height: 350px;
  background-color: #26b8b8;
  font-size: 0.9rem;
 }

 .bmortier{
background-image:url(img/chape-beton.jpg);
 background-repeat: no-repeat;
 background-position: 0 -30px;
text-align: center;
text-align: center;
display: flex;
flex-wrap: wrap;
 justify-content: center;

color:#fff;
  width:350px;
  height: 350px;
  background-color: #393d3d;
  font-size: 0.9rem;
 }
 
 .bbordure{
  background-image:url(img/bordure.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
  text-align: center;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
justify-content: center;
  
color:#fff;
 width:350px;
 height: 350px;
 background-color: #f1b05b;
 font-size: 0.9rem;
}

.bpropre{
 background-image:url(img/beton-maigre.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
 text-align: center;
 text-align: center;
 display: flex;
 flex-wrap: wrap;
  justify-content: center;

color:#fff;
width:350px;
height: 350px;
background-color: #c7bcb1;
font-size: 0.9rem;
}

.bremblai{
 background-image:url(img/beton-remblai.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
 text-align: center;
 text-align: center;
 display: flex;
 flex-wrap: wrap;
  justify-content: center;

color:#fff;
width:350px;
height: 350px;
background-color: #c7bcb1;
font-size: 0.9rem;
}
.bdrainant{
 background-image:url(img/beton-drainant.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
 text-align: center;
 text-align: center;
 display: flex;
 flex-wrap: wrap;
  justify-content: center;
  color:#fff;
 width:350px;
 height: 350px;
 background-color: #26b8b8;
 font-size: 0.9rem;
}

.bextrude{
background-image:url(img/beton-extrude.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
 text-align: center;
 text-align: center;
 display: flex;
 flex-wrap: wrap;
  justify-content: center;

color:#fff;
width:350px;
height: 350px;
background-color: #f1b05b;
font-size: 0.9rem;
}

.bbac{
 background-image:url(img/beton-bac.jpg);
 background-repeat: no-repeat;
 background-position: 0 -30px;
  text-align: center;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
justify-content: center;
 
 color:#fff;
 width:350px;
 height: 350px;
 background-color: #a8a6a2;
 font-size: 0.9rem;
 }

 .bcmc{
  background-image:url(img/beton-bcmc.jpg);
  background-repeat: no-repeat;
  background-position: 0 -30px;
text-align: center;
text-align: center;
display: flex;
flex-wrap: wrap;
 justify-content: center;
  
  color:#fff;
  width:350px;
  height: 350px;
  background-color: #64543e;
  font-size: 0.9rem;
  }

  .bhp{
background-image:url(img/beton-hp.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
 text-align: center;
 text-align: center;
 display: flex;
 flex-wrap: wrap;
  justify-content: center;

color:#fff;
width:350px;
height: 350px;
background-color: #26b8b8;
font-size: 0.9rem;
}

.bleger{
 background-image:url(img/beton-leger.jpg);
 background-repeat: no-repeat;
 background-position: 0 -30px;
  text-align: center;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
justify-content: center;
 
 color:#fff;
 width:350px;
 height: 350px;
 background-color:#c7bcb1;
 font-size: 0.9rem;
 }
 .blourd{
  background-image:url(img/beton-lourd.jpg);
  background-repeat: no-repeat;
  background-position: 0 -30px;
text-align: center;
text-align: center;
display: flex;
flex-wrap: wrap;
 justify-content: center;
  
  color:#fff;
  width:350px;
  height: 350px;
  background-color: #797a7a;
  font-size: 0.9rem;
  }

  .bprojete{
background-image:url(img/beton-projete.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
 text-align: center;
 text-align: center;
 display: flex;
 flex-wrap: wrap;
  justify-content: center;

color:#fff;
width:350px;
height: 350px;
background-color: #424645;
font-size: 0.9rem;
}
.bimmerge{
 background-image:url(img/beton-immerge.jpg);
 background-repeat: no-repeat;
 background-position: 0 -30px;
  text-align: center;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
justify-content: center;
 
 color:#fff;
 width:350px;
 height: 350px;
 background-color: #2e93f1;
 font-size: 0.9rem;
 }
 .bcoulis{
  background-image:url(img/beton-coulis.jpg);
  background-repeat: no-repeat;
  background-position: 0 -30px;
 text-align: center;
 text-align: center;
 display: flex;
 flex-wrap: wrap;
  justify-content: center;
  
  color:#fff;
  width:350px;
  height: 350px;
  background-color: #26b8b8;
  font-size: 0.9rem;
  }
  .bfibre{
 background-image:url(img/beton-fibre.jpg);
 background-repeat: no-repeat;
 background-position: 0 -30px;
  text-align: center;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
justify-content: center;
 
 color:#fff;
 width:350px;
 height: 350px;
 background-color: #797a7a;
 font-size: 0.9rem;
 }

 .bparement{
  background-image:url(img/beton-parement.jpg);
  background-repeat: no-repeat;
  background-position: 0 -30px;
text-align: center;
text-align: center;
display: flex;
flex-wrap: wrap;
 justify-content: center;
  
  color:#fff;
  width:350px;
  height: 350px;
  background-color: #424645;
  font-size: 0.9rem;
  }

  .bpieux{
background-image:url(img/beton-pieux.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
 text-align: center;
 text-align: center;
 display: flex;
 flex-wrap: wrap;
  justify-content: center;

color:#fff;
width:350px;
height: 350px;
background-color: #979c9b;
font-size: 0.9rem;
}

.bbcr{
 background-image:url(img/beton-chaussee.jpg);
 background-repeat: no-repeat;
 background-position: 0 -30px;
  text-align: center;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
justify-content: center;
 
 color:#fff;
 width:350px;
 height: 350px;
 background-color: #f1b05b;
 font-size: 0.9rem;
 }

 .bchaussee{
  background-image:url(img/chaussee-beton.jpg);
  background-repeat: no-repeat;
  background-position: 0 -30px;
text-align: center;
text-align: center;
display: flex;
flex-wrap: wrap;
 justify-content: center;
  
  color:#fff;
  width:350px;
  height: 350px;
  background-color: #424645;
  font-size: 0.9rem;
  }
.bdesactive{
  background-image:url(img/beton-desactive.jpg);
  background-repeat: no-repeat;
  background-position: 0 -30px;
text-align: center;
text-align: center;
display: flex;
flex-wrap: wrap;
 justify-content: center;
  
  color:#fff;
  width:350px;
  height: 350px;
  background-color: #5d6160;
  font-size: 0.9rem;
}

.bbalaye{
 background-image:url(img/beton-balaye.jpg);
 background-repeat: no-repeat;
 background-position: 0 -30px;
  text-align: center;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
justify-content: center;
 
 color:#fff;
 width:350px;
 height: 350px;
 background-color: #dbbb29;
 font-size: 0.9rem;
  }

  .bempreinte{
 background-image:url(img/beton-empreinte.jpg);
 background-repeat: no-repeat;
 background-position: 0 -30px;
  text-align: center;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
justify-content: center;
 
 color:#fff;
 width:350px;
 height: 350px;
 background-color: #524f46;
 font-size: 0.9rem;
  }


  .bhorizontale{
background-image:url(img/beton-autonivelant.jpg);
  background-repeat: no-repeat;
  background-position: 0 -30px;
 text-align: center;
 text-align: center;
 display: flex;
 flex-wrap: wrap;
  justify-content: center;
  
  color:#fff;
 width:350px;
 height: 350px;
 background-color: #f1b05b;
  font-size: 0.9rem;
}


  .banhytdrite{
background-image:url(img/chape-autonivelante.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
text-align: center;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;

color:#fff;
width:350px;
height: 350px;
background-color: #5e7f8f;
font-size: 0.9rem;
 }

.bravoirage{
background-image:url(img/chape-de-ravoirage.jpg);
background-repeat: no-repeat;
background-position: 0 -30px;
 text-align: center;
 text-align: center;
 display: flex;
 flex-wrap: wrap;
justify-content: center;

color:#fff;
 width:350px;
 height: 350px;
 background-color: #524f46;
 font-size: 0.9rem;
}


/*RESPONSIVE*/

@media (min-width: 350px) and (max-width: 1200px){
.logoscontent{
    margin:auto;
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
    
 }
  
.navigation{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

 }

 h4 {
  text-align: left;
}

  .epi{
 width:350px;
 height: 600px;
}

.epitxt{
 width:350px;
 height: 380px;
}


.logos{
 margin:auto;
 height: auto;
 display:flex;
 flex-wrap: wrap;
 justify-content:center;
 
}

.angermuller{
 width:350px;
}
.logosbf{
 width:150px;
 
}
.betonimg{
 width:300px;
}

.footer{
 display: flex;
 flex-wrap: wrap;
}
.visuheader{
 width:300px;

 }

 h1{
  display: flex;
  justify-content: center;

 }
 .gammebeton{
  display: flex;
flex-wrap: wrap;
justify-content: center;
  align-items: center;
  align-content: center;
  width:320px;
margin:auto;
  }
  .navgamme{
  flex-direction:column ;
  height: 100%;
  align-items: center;
  }
  
}


@media (min-width: 350px) and (max-width: 769px){

 .visushome{
  margin-right: 0rem;
 }

 .produits{
  display:flex;
  flex-wrap: wrap;
 justify-content:center;
 align-items: center;
 align-content: center;
 text-align: center;
  }
 
 }

 @media (min-width: 700px) and (max-width: 1400px){

  .visushome{
margin-right:3rem;
 

  }
  
  }

 

 @media (max-width: 470px){
.formmain{
width: 350px;
}
 }
  

 @media (min-width: 350px) and (max-width: 990px){
  
.liens {
  margin:auto;
  width:300px;
  padding-left: 0;
  background-color:#494948;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  padding-right: 0px;
 }
  .liens li {
  border-bottom: 1px #fff solid;
  width:100%; 
  text-align: left; 
}
.liens a {
 
margin-left : 10px;
}



.linksbigmat{
  width: 350px;
  display: flex; 
  flex-direction: column;
  align-items: center;  

}
.linksbigmat li{
  border-bottom: 1px #fff solid;
  width:100%; 

}

  }