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;

}
.desc_page_sup{
  background-color:rgb(245,245,245);
  height: auto;
  color:grey;
  margin-top:1em;
  padding-right:1em;
  padding-left: 1em;
  text-align:justify;
}
.englobe_tableau{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-flow: row wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-flow: row wrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-around;
}

.tableau{font-size: 0.8em;width:24%;

}

.tableau_trois-quart{font-size: 0.8em;width:72%; -webkit-box-align:start;
       -ms-flex-align:start;
           align-items:flex-start;
           display:-webkit-box;
display:-ms-flexbox;
display:flex;
text-align:center;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-around;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
margin:auto;}
.ss_tableau_tiers{width:100%; display:flex; -ms-flex-flow: row wrap;
                flex-flow: row wrap; justify-content: space-between;}
.tab_red{background-color:rgb(203,23,25); color:white;width: 100%;}
.tab_pad{margin-top: 5.5em;}
.tab_ss{margin-top:5.5em;border-bottom-style: dotted;border-bottom-width: 1em;color:rgb(203,23,25);}
.tab_contenu{font-size: 0.8em;border-bottom: 0.1em grey solid;padding-bottom: 1em;width: 100%;margin-top:0}
.tab_contenu2{font-size: 0.8em;border-bottom: 0.1em grey solid;margin-top:0em;padding-bottom: 1em;width: 30%;}
.tab_contenu3{font-size: 0.8em;border-bottom: 0.1em grey solid;padding-bottom: 1em;width: 97%;margin-top:0}

.ss_border_bottom{border-bottom:none;}

.visok{padding:0.5em 2em 1em 2em;border-style: solid; border-color:rgba(203,23,25,0.75);border-bottom-color:rgb(203,23,25); border-top-color: rgba(203,23,25,0.5); }

.texte_red{color:rgb(203,23,25);}

#cross{
  float:left;
  
}

#cross a {
  text-decoration: none;
  font-size: 2em;
  color:rgb(203,23,25);
}

#englobe_page_sup{
  width:100%;
  margin:0;
   position: absolute;
   z-index: 1;
 
}

#page_sup, #page_sup_autoclaves, #page_sup_jets, #page_sup_jiggers, #page_sup_rames, #page_sup_visite, #page_sup_ligne_enduction, #page_sup_overflows, #page_sup_laboratoire, #page_sup_calandres{

  max-width:1280px;
  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;
background: white;
width:100%;
}


.img_page_sup{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
 
background-size:cover;
background-repeat:no-repeat;
height:320px;
text-align:center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
-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;
}
.img_page_sup p{
 display:block;
  background-color:rgba(203,23,25,0.5); color:white;
 padding-right:1em;
  padding-left:1em;
}

#img_page_sup_autoclaves{
  background-image:url('../images/parc_machines/img_autoclaves_pm_1.jpg');
background-size:cover;
background-repeat:no-repeat;
width:50%;
}
#img_page_sup_autoclaves2{
  background-image:url('../images/parc_machines/img_autoclaves_pm_2_web.jpg');
background-size:cover;
background-repeat:no-repeat;
width:50%;
}
#img_page_sup_jets{
  background-image:url('../images/parc_machines/img_jets_pm_1.jpg');
background-size:cover;
background-repeat:no-repeat;
width:100%;
}
#img_page_sup_rames{
  background-image:url('../images/parc_machines/img_rames_pm_1.jpg');
background-size:cover;
background-repeat:no-repeat;
width:50%;
}
#img_page_sup_rames2{
  background-image:url('../images/parc_machines/img_rames_pm_2.jpg');
background-size:cover;
background-repeat:no-repeat;
width:50%;
}

#img_page_sup_jiggers{
  background-image:url('../images/parc_machines/img_jiggers_pm_1.jpg');
background-size:cover;
background-repeat:no-repeat;
width:50%;
}
#img_page_sup_jiggers2{
  background-image:url('../images/parc_machines/img_jiggers_pm_2.jpg');
background-size:cover;
background-repeat:no-repeat;
width:50%;
}

#img_page_sup_visite{
  background-image:url('../images/parc_machines/img_visite_pm_1.jpg');
background-size:cover;
background-repeat:no-repeat;
width:50%;
}
#img_page_sup_visite2{
  background-image:url('../images/parc_machines/img_visite_pm_2.jpg');
background-size:cover;
background-repeat:no-repeat;
width:50%;
}

#img_page_sup_ligne_enduction{
  background-image:url('../images/parc_machines/img_ligne_enduction_pm_1.jpg');
background-size:cover;
background-repeat:no-repeat;
width:50%;
}
#img_page_sup_ligne_enduction2{
  background-image:url('../images/parc_machines/img_ligne_enduction_pm_2.jpg');
background-size:cover;
background-repeat:no-repeat;
width:50%;
}
#img_page_sup_overflows{
  background-image:url('../images/parc_machines/img_overflows_pm_1.jpg');
background-size:cover;
background-repeat:no-repeat;
width:50%;
}
#img_page_sup_overflows2{
background-image:url('../images/parc_machines/img_overflows_pm_2.jpg');
background-size:cover;
background-repeat:no-repeat;
width:50%;
}

#img_page_sup_laboratoire{
  background-image:url('../images/parc_machines/img_laboratoire_pm_1.jpg');
background-size:cover;
background-repeat:no-repeat;
width:33%;
}
#img_page_sup_laboratoire2{
  background-image:url('../images/parc_machines/img_laboratoire_pm_2.jpg');
background-size:cover;
background-repeat:no-repeat;
width:34%;
}
#img_page_sup_laboratoire3{
  background-image:url('../images/parc_machines/img_laboratoire_pm_3.jpg');
background-size:cover;
background-repeat:no-repeat;
width:33%;
}
#img_page_sup_calandres{
  background-image:url('../images/parc_machines/img_calandres_pm_1.jpg');
background-size:cover;
background-repeat:no-repeat;
width:50%;
}
#img_page_sup_calandres2{
  background-image:url('../images/parc_machines/img_calandres_pm_2.jpg');
background-size:cover;
background-repeat:no-repeat;
width:50%;
}


.titre_menu{
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
width:100%;
color:rgb(203,23,25);
font-size: 1.5em;
font-family: "Raleway-Bold";
/*border-top:2px solid grey;*/
border-bottom:2px solid rgb(203,23,25);;
margin-bottom:1em;
}
#brique_presentation_pm {
height:auto;
background-color:rgb(245,245,245);
width:100%;

font-size:0.9em;
}
#brique_presentation_pm p{

padding-right:2em;
padding-left:2em;
padding-top:1em;
padding-bottom:1em;

}







.visible_sf{
display:block;
}

.invisible_sf{
display:none;
}

#brique_autoclaves_pm{
background-image:url('../images/parc_machines/img_autoclaves_pm_web.jpg');
background-size:cover;
background-repeat:no-repeat;
height:250px;
min-height:250px;
}

#brique_jets_pm{
background-image:url('../images/parc_machines/img_jets_pm.jpg');
background-size:cover;
background-repeat:no-repeat;
height:250px;
min-height:250px;
}


#brique_rames_pm{
background-image:url('../images/parc_machines/img_rames_pm.jpg');
background-size:cover;
background-repeat:no-repeat;
height:250px;
min-height:250px;
}

#brique_jiggers_pm{
background-image:url('../images/parc_machines/img_jiggers_pm.jpg');
background-size:cover;
background-repeat:no-repeat;
height:250px;
min-height:250px;
}

#brique_visite_pm{
background-image:url('../images/parc_machines/img_visite_pm.jpg');
background-size:cover;
background-repeat:no-repeat;
height:250px;
min-height:250px;
}

#brique_ligne_enduction_pm{
background-image:url('../images/parc_machines/img_ligne_enduction_pm.jpg');
background-size:cover;
background-repeat:no-repeat;
height:250px;
min-height:250px;
}

#brique_overflows_pm{
background-image:url('../images/parc_machines/img_overflows_pm.jpg');
background-size:cover;
background-repeat:no-repeat;
height:250px;
min-height:250px;
}

#brique_laboratoire_pm{
background-image:url('../images/parc_machines/img_laboratoire_pm.jpg');
background-size:cover;
background-repeat:no-repeat;
height:250px;
min-height:250px;
}
#brique_calandres_pm{
background-image:url('../images/parc_machines/img_calandres_pm.jpg');
background-size:cover;
background-repeat:no-repeat;
height:250px;
min-height:250px;
}

.brique 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;
}

.entier{
display:block;
width:100%;
font-size:1.5em;
}


.brique{
 width: 30%;
  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%;
}
  }