.top1, .curs{
    display: none !important;
}
.top2 {
    display: block !important;
}
.top {
    width: 220px !important;
    height: 155px !important;
    transition: 0.5s;
}
.logo {
    padding-top: 3vh !important;
transition: 0.5s !important;
padding-bottom: 0 !important;
}
.banner2, .banner2_ref, .banner2_cont,.banner2_imp.banner2_rech,.banner2_det{
background: url(/Files/App_002/images/Banniere_emballage72.jpg) 
top center no-repeat;
    height: 49vh;
background-size: cover;
display: flex;
}
.banner2_imp{
background: url(/Files/App_002/images/offset.jpg) ;
top center no-repeat;
    height: 49vh;
background-size: cover;
display: flex;
}
.banner2_rech{
background: url(/Files/App_002/images/rech.jpg) ;
top center no-repeat;
    height: 49vh;
background-size: cover;
display: flex;
}
.banner2_ref{
background: url(/Files/App_002/images/banner_ref.jpg) ;
background-size: cover;
}
.banner2_cont{
background: url(/Files/App_002/images/banner_contact.jpg) ;
background-size: cover;
}
.banner2_prod{
background: url(/Files/App_002/images/banner_prodx.jpg) ;
background-size: cover;
}
.banner2_det{
background: url(/Files/App_002/images/Banniere_emballage72.jpg) ;
top center no-repeat;
    height: 49vh;
background-size: cover;
display: flex;
}
.page_title{
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 10px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    text-align: left;
    padding-bottom: 4vh;
    font-size:35px;
    font-weight:bold;
}
.txt{
      color: #ffffff;
      text-align: justify;
      padding-right: 20px;
}
.content2{
   
    background-repeat: no-repeat;
    background-position:bottom center;
    padding-top: 10vh;
    padding-bottom: 10vh;
    background-color: #0251AD;
}
.box_img img, .box_img2 img, .box_img3 img{
max-width:100%;
}
.box{
    padding-bottom: 4vh;
    overflow: hidden;
}
.box_img{
    float: right;
    margin-left: 1vh;
    margin-bottom: 1vh;
}
.ref{
    height: 173px;
    display: flex;
    align-items: center;
    justify-content: center;
  margin-bottom: 2vh; 
    background-color: #FFFFFF;
}
.ref img{
max-width:100%;
max-height:100%;
}
.l_pad {
padding-left: 15px !important;
    padding-top: 3vh !important;
}
.coord{
    color: #3d3d3d;
    text-align: justify;
    line-height: 32px;
}
.bloc1{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 5vh;
}

.form_contact{
background: url(/Files/App_002/images/bg_form.jpg) top center no-repeat;
background-size: cover;
display: flex;
padding-top:5vh;
padding-bottom:5vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.form_contact h1{
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 8px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    text-align: center;
    padding-bottom: 4vh;
font-size:20px;
}

#menu-primary-items {
    display: block;
    width: 100% !important;
    top: 0;
    right: 0;
    background-color: #FFFFFF;
    width: 255px !important;
    padding-bottom: 10vh;
    align-items: center;
    padding-left: 0;
    z-index: -1;
    height: calc(100vh - 176px) !important;
    margin-left: 0px !important;
    margin-top: 22px !important;
    box-shadow: none !important;
    transform: translateX(100vw);
     padding-top: 0px !important;
}

.header.scrolled {
box-shadow: 0 0px 14px rgba(0,0,0,0.2) !important;
}
 .top2{
display:block !important;
    transition: 0.5s !important;
}

.header.scrolled .top {
    width: 130px !important;
    height: 87px !important;
    transition: 0.5s !important;
}
.header.scrolled .logo {
    padding-top: 1vh !important;
    transition: 0.5s!important; 
padding-bottom:0 !important;
    text-align: center !important;
}
.header.scrolled .logo img{
    width: 70% !important;
}
.header.scrolled #open {
    margin-top: -1vh !important;
}
.header.scrolled #menu-toggle:checked + label + #menu-primary-items {display: flex !important;width: 100%  !important;top: 0  !important;right: 0  !important;background-color: #FFFFFF !important;width: 255px   !important;padding-bottom: 10vh !important;align-items: center  !important;padding-left: 0  !important;z-index: -1  !important;height: 100vh !important;margin-left: -40px !important;margin-top: -96px  !important;box-shadow: 0 0px 14px rgba(0,0,0,0.2)  !important;padding-top: 121px  !important;justify-content:center;}
 #menu_principal .rmSlide:before {
    left: -25% !important;
}
 #menu_principal .RadMenu .rmSlide {
    left: 195px !important;
}
 #menu_principal .RadMenu .rmSlide .rmSlide {
    left: -3px !important;
}

.header.scrolled #menu-primary-items {display: flex !important;width: 100% !important;top: 0 !important;right: 0 !important;background-color: #FFFFFF !important;width: 220px !important;padding-bottom: 10vh !important;align-items: center !important;padding-left: 0 !important;z-index: -1 !important;height: 100vh !important;margin-left: -40px !important;margin-top: -96px !important;box-shadow: 0 0px 14px rgba(0,0,0,0.2) !important;padding-top: 121px !important;justify-content:center;}
#menu_principal .RadMenu .rmSlide {
    left: 182px !important;
}
p{
    margin-bottom: 20px;
margin-top:10px;
}
.box_img2{
    float: left;
    margin-right: 2vh;
    margin-bottom: 2vh;
}
.box_img3{
    float: left;
    margin-right: 4vh;
    margin-bottom: 2vh;
}
.content2 li{
    display: list-item;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 0vh;
}
.content2 ul{
    display: list-item;
    list-style-type: circle;
    padding: 0;
    padding-left: 10vh;
}
/*-------------------------------------- Responsive -------------------------------*/

@media (max-width: 991px){
.page_title {
    font-size: 25px;
    text-align: center;
}
.box {
    display: block;
}
.txt {
    padding-bottom: 4vh;
}
.box_img, .box_img2,  .box_img3{
    margin-bottom: 4vh;
text-align: center;
float:none;
margin-left:0;
}
.bloc_txt{
    padding: 0;
}
.bloc1 {
    display: block;
}
.coord {
    margin-bottom: 5vh;
}
.form_contact {
    display: block;
    overflow: hidden;
margin-top:4vh;
}
.form_contact h1 {
    letter-spacing: 3px;
    font-size: 25px;
}
#menu-primary-items {
    width: 255px !important;
}
.header{
box-shadow: 0 0px 14px rgba(0,0,0,0.2) !important;
}
 .top2{
display:block !important;
    transition: 0.5s !important;
}

 .top {
    width: 130px !important;
    height: 87px !important;
    transition: 0.5s !important;
}
 .logo {
    padding-top: 1vh !important;
    transition: 0.5s!important; 
padding-bottom:0 !important;
    text-align: center !important;
}
.logo img{
    width: 70% !important;
}
 #open {
    margin-top: -1vh !important;
}
 #menu-toggle:checked + label + #menu-primary-items {display: block !important;width: 100%  !important;top: 0  !important;right: 0  !important;background-color: #FFFFFF !important;width: 255px   !important;padding-bottom: 10vh !important;align-items: center  !important;padding-left: 0  !important;z-index: -1  !important;height: 100vh !important;margin-left: -40px !important;margin-top: -96px  !important;box-shadow: 0 0px 14px rgba(0,0,0,0.2)  !important;padding-top: 121px  !important;}
.header.scrolled #menu_principal .RadMenu .rmSlide {
    left: -18px !important;
}
}

@media (max-width: 768px){
.banner2, .banner2_ref, .banner2_cont, .banner2_prod{
    height:30vh;
}
}

.header.scrolled #menu_principal .RadMenu .rmSlide {
    left: 195px !important;
}