@charset "UTF-8";
       
    ul {
    margin: 0;
    padding: 0;
    }
    ul li {
    list-style: none;
    text-align: center;
    }
    ul li span {
    display: inline-block;
    vertical-align: middle;
    width: 145px;   /* dimension des carrés des sliders */
    height: 145px;
    background: black;
    }
    .slider-arrow-Hleft {
        position: absolute;
        top: 150px;
        color:rgb(133, 133, 133);
        }
        .slider-arrow-Hright {
            position: absolute;
            top: 150px;
            color:rgb(133, 133, 133);
            }        

            .slider-arrow-Vleft {
                position: absolute;
                top: 55px;
                color:rgb(133, 133, 133);
                left: 100px;            
                }
                .slider-arrow-Vright {
                    position: absolute;
                    top: 55px;
                    right:100px;
                    color:rgb(133, 133, 133);
                    }  
                          
        
    .slider-arrow-left {
    position: absolute;
    top: 55px;              /* hauteur des fleches */
    width: 20px;
    height: 20px;
    padding-left:10px;
    color:rgb(94, 94, 94);
    }
    .slider-arrow-right {
        position: absolute;
        top: 55px;
        width: 20px;
        height: 20px;
        padding-right:10px;
        color:rgb(94, 94, 94);
        }

    .slider-arrow-Hleft:hover {
        text-decoration: none;
    } 
    .slider-arrow-Hright:hover {
        text-decoration: none;
    } 
    .slider-arrow-Vleft:hover {
        text-decoration: none;
    } 
    .slider-arrow-Vright:hover {
        text-decoration: none;
    } 
    .slider-arrow-left:hover {
        text-decoration: none;
    } 
    .slider-arrow-right:hover {
        text-decoration: none;
    } 
    .slider-wrap {
        position: relative;
        margin-top: 30px;
        width: auto;
        }
        
    .slider1, .slider2, .slider3, .slider4, .slider5, .slider6, .slider7, .slider8, .slider9, .slider10, .slider11, .slider12, .slider13, .slider14, .slider15, .sliderMar {
        position: relative;   
        width: auto;
        margin: auto;
        }
        
    .sliderpub, .sliderved1{
        position: relative;   
        width: auto;
        margin: auto;
    }

    .sa-left1, .sa-left2, .sa-left3, .sa-left4, .sa-left5, .sa-left6, .sa-left7, .sa-left8, .sa-left9, .sa-left10, .sa-left11, .sa-left12, .sa-left13, .sa-left14, .sa-left15, .sa-leftpub, .sa-leftMar {
    left: 0px;
    }
    .sa-right1, .sa-right2, .sa-right3, .sa-right4, .sa-right5, .sa-right6, .sa-right7, .sa-right8, .sa-right9, .sa-right10, .sa-right11, .sa-right12, .sa-right13, .sa-right14, .sa-right15, .sa-rightpub, .sa-rightMar {
    right: 0px;
    }

    

/* ------------------------- EMPLOYEURS ---------------------------------- */
    
.E1 {
    background-image: url("/images/employeurs/E1.jpg");
    background-repeat: no-repeat;
    background-size: 90% 50%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
.E2 {
    background-image: url("/images/employeurs/E2.jpg");
    background-repeat: no-repeat;
    background-size: 90% 70%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
.E3 {
    background-image: url("/images/employeurs/E3.jpg");
    background-repeat: no-repeat;
    background-size: 90% 90%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
.E4 {
    background-image: url("/images/employeurs/E4.jpg");
    background-repeat: no-repeat;
    background-size: 90% 90%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
.E5 {
    background-image: url("/images/employeurs/E5.jpg");
    background-repeat: no-repeat;
    background-size: 90% 90%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
.E6 {
    background-image: url("/images/employeurs/E6.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
.E7 {
    background-image: url("/images/employeurs/E7.jpg");
    background-repeat: no-repeat;
    background-size: 90% 80%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
.E8 {
    background-image: url("/images/employeurs/E8.jpg");
    background-repeat: no-repeat;
    background-size: 90% 70%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
.E9 {
    background-image: url("/images/employeurs/E9.jpg");
    background-repeat: no-repeat;
    background-size: 80% 90%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
.E10 {
    background-image: url("/images/employeurs/E10.jpg");
    background-repeat: no-repeat;
    background-size: 90% 90%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
.E11 {
    background-image: url("/images/employeurs/E11.jpg");
    background-repeat: no-repeat;
    background-size: 80% 90%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
.E12 {
    background-image: url("/images/employeurs/E12.jpg");
    background-repeat: no-repeat;
    background-size: 80% 90%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
.E13 {
    background-image: url("/images/employeurs/E13.jpg");
    background-repeat: no-repeat;
    background-size: 80% 90%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
.E14 {
    background-image: url("/images/employeurs/E14.jpg");
    background-repeat: no-repeat;
    background-size: 80% 90%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
.E15 {
    background-image: url("/images/employeurs/E15.jpg");
    background-repeat: no-repeat;
    background-size: 80% 90%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
.E16 {
    background-image: url("/images/employeurs/E16.jpg");
    background-repeat: no-repeat;
    background-size: 80% 90%;
    background-position: center;
    border: 1px solid rgb(224, 224, 224);
    background-color: white;
}
/* ------------------------- PRODUITS SECTEURS ---------------------------------- */
    
    .F1 {
        background-image: url("/images/secteurs/F1.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F2 {
        background-image: url("/images/secteurs/F2.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F3 {
        background-image: url("/images/secteurs/F3.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F4 {
        background-image: url("/images/secteurs/F4.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F5 {
        background-image: url("/images/secteurs/F5.jpg");
        background-repeat: no-repeat;
        background-size: 80% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F6 {
        background-image: url("/images/secteurs/F6.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F7 {
        background-image: url("/images/secteurs/F7.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F8 {
        background-image: url("/images/secteurs/F8.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F9 {
        background-image: url("/images/secteurs/F9.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F10 {
        background-image: url("/images/secteurs/F10.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F11 {
        background-image: url("/images/secteurs/F11.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F12 {
        background-image: url("/images/secteurs/F12.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F13 {
        background-image: url("/images/secteurs/F13.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F14 {
        background-image: url("/images/secteurs/F14.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F15 {
        background-image: url("/images/secteurs/F15.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F16 {
        background-image: url("/images/secteurs/F16.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F17 {
        background-image: url("/images/secteurs/F17.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F18 {
        background-image: url("/images/secteurs/F18.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F19 {
        background-image: url("/images/secteurs/F19.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F20 {
        background-image: url("/images/secteurs/F20.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F21 {
        background-image: url("/images/secteurs/F21.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F22 {
        background-image: url("/images/secteurs/F22.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F23 {
        background-image: url("/images/secteurs/F23.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F24 {
        background-image: url("/images/secteurs/F24.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F25 {
        background-image: url("/images/secteurs/F25.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F26 {
        background-image: url("/images/secteurs/F26.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F27 {
        background-image: url("/images/secteurs/F27.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F28 {
        background-image: url("/images/secteurs/F28.jpg");
        background-repeat: no-repeat;
        background-size: 90% 70%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }
    .F29 {
        background-image: url("/images/secteurs/F29.jpg");
        background-repeat: no-repeat;
        background-size: 90% 90%;
        background-position: center;
        border: 1px solid rgb(224, 224, 224);
        background-color: white;
    }

.green {
    background: green;
    }
    .blue {
    background: blue;
    }
    .yellow {
    background: yellow;
    }
    .sous-section{
        padding-top:10px;
        color:rgb(88, 88, 88);
        font-size: 12px;
    }
    .sous-section:hover {
        color:#fa720a;
      }

      .F1:hover,.F2:hover,.F3:hover,.F4:hover,.F5:hover,.F6:hover,.F7:hover,.F8:hover,.F9:hover,.F10:hover,.F11:hover,.F12:hover,.F13:hover,.F14:hover,.F15:hover,.F16:hover,.F17:hover,.F18:hover,.F19:hover,.F20:hover,.F21:hover,.F22:hover,.F23:hover,.F24:hover,.F25:hover,.F26:hover,.F27:hover,.F28:hover,.F29:hover {
        border: 1px solid #fa720a;
        text-decoration: none;
      }

      .E1:hover,.E2:hover,.E3:hover,.E4:hover,.E5:hover,.E6:hover,.E7:hover,.E8:hover,.E9:hover,.E10:hover,.E11:hover,.E12:hover,.E13:hover,.E14:hover,.E15:hover,.E16:hover,.E17:hover,.E18:hover,.E19:hover,.E20:hover,.E21:hover,.E22:hover,.E23:hover,.E24:hover,.E25:hover,.E26:hover,.E27:hover,.E28:hover,.E29:hover,.E30:hover {
        border: 1px solid #fa720a;
        text-decoration: none;
      }