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;
}

#logo_appret_1, #logo_appret_2,#logo_appret_3,#logo_appret_4{
background-size:contain;
background-repeat:no-repeat;
background-position: center;
width:25%;
height: 75px;
margin-top:1em;
}
#logo_teinture_1, #logo_teinture_2,#logo_teinture_3,#logo_teinture_4{
background-size:contain;
background-repeat:no-repeat;
background-position: center;
width:25%;
height: 75px;
margin-top:1em;
}

.desc_page_sup{
  background-color:rgb(245,245,245);
  height: auto;
  color:grey;
  margin-top:1em;
  padding-right:1em;
  padding-left: 1em;
}
.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;
}
.englobe_tableau2{
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;
        border:1px solid red;
}
.tableau{font-size: 0.8em;width:24%;

}
.tableau2{font-size: 1em;width:48%;
position:absolute;
z-index:2;
margin-top:110px;
border:4px solid grey;
}
.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_red a{text-decoration: none;color:white;}
.tab_red2{background-color:rgb(203,23,25); color:white;width: 66.8%;border:0.1% white solid;padding-left:1%;margin:0;}
.tab_red3{background-color:rgb(203,23,25); color:white;width: 30.8%;border:0.1% white solid;padding-left:1%;margin:0;}
.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;}
.tab_contenu4{border:0.1% white solid;width: 66.8%;background-color:rgb(245,245,245);padding-left:1%;margin:0;}
.tab_contenu5{border:0.1% white solid;width: 30.8%;background-color:rgb(245,245,245);padding-left:1%;margin:0;}
.tab_contenu6{font-size: 1.5em;width: 100%;background-color:rgb(203,23,25);text-align: center;margin:0;color:white;padding-top:1em;padding-bottom: 1em;border-bottom:0.15em solid grey;}
.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_teinture, #page_sup_enduction, #page_sup_appret, #page_sup_finition, #page_sup_controle, #page_sup_etude{

  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;

}


.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,1); color:white;
 padding-right:1em;
  padding-left:1em;
}

#img_page_sup_etude_1{
 /*background-image:url('../images/savoir_faire/test.jpg');*/
background-size:cover;
background-repeat:no-repeat;
width:25%;
}

#img_page_sup_etude_2{
  /*background-image:url('../images/savoir_faire/etude_sf_2.jpg');*/
background-size:cover;
background-repeat:no-repeat;
width:25%;
}
#img_page_sup_etude_3{
  /*background-image:url('../images/savoir_faire/etude_sf_3.jpg');*/
background-size:cover;
background-repeat:no-repeat;
width:25%;
}

#img_page_sup_etude_4{
  /*background-image:url('../images/savoir_faire/etude_sf_4.jpg');*/
background-size:cover;
background-repeat:no-repeat;
width:25%;
}

#img_page_sup_controle_1{
  /*background-image:url('../images/savoir_faire/controle_sf_1.jpg');*/
background-size:cover;
background-repeat:no-repeat;
width:50%;
}

#img_page_sup_controle_2{
  /*background-image:url('../images/savoir_faire/controle_sf_2.jpg');*/
background-size:cover;
background-repeat:no-repeat;
width:50%;
}
#img_page_sup_finition_1{
  /*background-image:url('../images/savoir_faire/finition_sf_1.jpg');*/
background-size:cover;
background-position: center;
background-repeat:no-repeat;
width:33%;
}

#img_page_sup_finition_2{
  /*background-image:url('../images/savoir_faire/finition_sf_2.jpg');*/
background-size:cover;
background-repeat:no-repeat;
width:34%;
}
#img_page_sup_finition_3{
  /*background-image:url('../images/savoir_faire/finition_sf_3.jpg');*/
background-size:cover;
background-repeat:no-repeat;
width:33%;
}

#img_page_sup_appret_1{
  /*background-image:url('../images/savoir_faire/appret_sf_1.jpg');*/
background-size:cover;
background-repeat:no-repeat;
width:25%;
}

#img_page_sup_appret_2{
  /*background-image:url('../images/savoir_faire/appret_sf_2.jpg');*/
background-size:cover;
background-repeat:no-repeat;
width:25%;
}
#img_page_sup_appret_3{
  /*background-image:url('../images/savoir_faire/appret_sf_3.jpg');*/
background-size:cover;
background-repeat:no-repeat;
width:25%;
}

#img_page_sup_appret_4{
  /*background-image:url('../images/savoir_faire/appret_sf_4.jpg');*/
background-size:cover;
background-repeat:no-repeat;
width:25%;
}

#img_page_sup_enduction_1{
  /*background-image:url('../images/savoir_faire/enduction_sf_1.jpg');*/
background-size:cover;
background-repeat:no-repeat;
width:50%;
}

#img_page_sup_enduction_2{
  /*background-image:url('../images/savoir_faire/enduction_sf_2.jpg');*/
background-size:cover;
background-repeat:no-repeat;
width:50%;
}

#img_page_sup_teinture_1{
  /*background-image:url('../images/savoir_faire/haute_visibilite.jpg');*/
background-size:cover;
background-repeat:no-repeat;

-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
width:25%;
}

#img_page_sup_teinture_2{
  /*background-image:url('../images/savoir_faire/solidite.jpg');*/
background-size:cover;
background-repeat:no-repeat;

-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
width:25%;
}

#img_page_sup_teinture_3{
  /*background-image:url('../images/savoir_faire/resistance.jpg');*/
background-size:cover;
background-repeat:no-repeat;

-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
width:25%;
}

#img_page_sup_teinture_4{
  /*background-image:url('../images/savoir_faire/infra.jpg');*/
background-size:cover;
background-repeat:no-repeat;

-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
width:25%;
}

.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_sf {
height:auto;
background-color:rgb(245,245,245);
width:100%;

font-size:0.9em;
}
#brique_presentation_sf p{

padding-right:2em;
padding-left:2em;
padding-top:1em;
padding-bottom:1em;

}

#brique_photo_sf {
height:500px;
width:100%;
background-image:url('../images/savoir_faire/bugis.jpg');
background-size:cover;
background-repeat:no-repeat;
margin-top:0px;
margin-bottom:25px;
}



#brique_description_sf{
height:auto;
background-color:rgb(245,245,245);
width:100%;

font-size:0.9em;
margin-bottom:3em;
}
#brique_description_sf p{
text-align:left;
padding-right:2em;
padding-left:2em;
padding-top:1em;
padding-bottom:1em;

}




.visible_sf{
display:block;
}

.invisible_sf{
display:none;
}

#brique_teinture_sf{
background-image:url('../images/savoir_faire/img_teinture_sf.jpg');
background-size:cover;
background-repeat:no-repeat;
height:250px;
min-height:250px;
}

#brique_enduction_sf{
background-image:url('../images/savoir_faire/img_enduction_sf.jpg');
background-size:cover;
background-repeat:no-repeat;
height:250px;
min-height:250px;
}


#brique_apprets_sf{
background-image:url('../images/savoir_faire/img_appret_chimique_sf.jpg');
background-size:cover;
background-repeat:no-repeat;
height:250px;
min-height:250px;
}

#brique_finitions_sf{
background-image:url('../images/savoir_faire/img_finition.jpg');
background-size:cover;
background-repeat:no-repeat;
height:250px;
min-height:250px;
}

#brique_controles_sf{
background-image:url('../images/savoir_faire/img_controle_sf.jpg');
background-size:cover;
background-repeat:no-repeat;
height:250px;
min-height:250px;
}

#brique_etudes_sf{
background-image:url('../images/savoir_faire/img_etude_sf.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%;
}
  }