.swiper-container_reseaux { width: 100%; margin-left: auto; margin-right: auto; }
 
@media (min-width: 480px) { .reseaux { min-height: 460px !important;}}

.swiper-container-wrapper_reseaux { display: flex; margin-left: auto; margin-right: auto; flex-flow: column nowrap;	 height: 340px; width: 1325px; }

@media (min-width: 480px) {.swiper-container-wrapper_reseaux { flex-flow: row nowrap;}}
 
.gallery-top_reseaux { width: 100%; height: 475px ; }

.comic { width: 1290px; margin-top: 200px; margin-left: auto; margin-right: auto; }

.panel {
background-color:#fff;  box-shadow: 0 0 0 3px #fff, 0 0 10px rgba(0,0,0,0.9); display:inline-block; height:120px; margin:0;
overflow:hidden; position:relative;
}

.text { background-color:#CC0000; color: #fff;  border:solid 2px #000; margin:0; font-size: 17px;  padding:1px 25px; }

.top-left { left:-6px; position:absolute; top: 0px; transform:skew(-15deg);}

.panel:nth-child(1) { width: 245px; border-right: 2px solid #000; }
.panel:nth-child(2) { width: 280px; border-right: 2px solid #000; }
.panel:nth-child(3) { width: 340px; border-right: 2px solid #000; }
.panel:nth-child(4) { width: 405px; }

.precisium_reseaux { display: inline; }
.precisium_reseaux img { width: 100px; margin-top: 32px; margin-left: 2px; cursor: pointer;   }

.gadi_reseaux {  margin-top: -85px; margin-left: 100px; }
.gadi_reseaux img {  width: 130px;  cursor: pointer; }

.direct_reseaux {  margin-top: 60px; margin-left: 15px; }
.direct_reseaux img {  width: 100px; cursor: pointer; }

.socoda_reseaux {  margin-top: -60px; margin-left: 123px; }
.socoda_reseaux img {  width: 65px;  cursor: pointer; }

.ede_reseaux {  margin-top: -83px; margin-left: 210px; }
.ede_reseaux img {  width: 45px;   cursor: pointer; }

.trucks_reseaux {  margin-top: 25px; margin-left: 15px; }
.trucks_reseaux img {  width: 200px;  cursor: pointer;  }

.mptruck_reseaux {  margin-top: -69px; margin-left: 230px; }
.mptruck_reseaux img {  width: 100px;  cursor: pointer; }

.bosch_reseaux {  margin-top: -75px; margin-left: 235px; }
.bosch_reseaux img {  width: 70px;  cursor: pointer;  }

.precisium_reseaux2 {  margin-top: 60px; margin-left: 15px; }
.precisium_reseaux2 img {  width: 200px;  cursor: pointer; }

.fivestar_reseaux {  margin-top: -82px; margin-left: 320px; }
.fivestar_reseaux img {  width: 70px;  cursor: pointer; }

.container_rondeau_reseaux { text-align: center; background: #fff; max-width: 1260px; height: 400px; margin: auto; transform: translateY(15%); }

.container_rondeau_reseaux .details-container_news { position: relative; display: flex; }

.container_rondeau_reseaux .details-container_news .avatar_right_news {
margin: -20px auto;  position: relative; float: left; padding: 20px 10px 20px 0px; animation: 1s ease-out 0s 1 slideInFromLeft;
}

.container_rondeau_reseaux .details-container_news .avatar_right_news .img-fluid_news {
width: 250px; height: 400px; margin: auto;  overflow: hidden; 
}

.container_rondeau_reseaux .details-container_news .about_right_news {
float: right; width: 1000px; padding-left: 15px; padding-right: 15px; margin-top: 0px; animation: 1s ease-out 0s 1 slideUpFromBottom;
}

.container_rondeau_reseaux .details-container_news .about_right_news .name_news  {
font-size: 24px; font-weight: 900; background: #CC0000; color: #fff; text-transform: uppercase;
}

.container_rondeau_reseaux .details-container_news .about_right_news .about-content_news p {
text-align: left; font-family: "frank-new",sans-serif; padding-top: 15px; font-size: 20px; font-weight: 100; line-height: 150%; color: #000; 
}
 
.container_rondeau_reseaux .details-container_news .about_right_news .ribbon h3 { margin-top: -15px;  font-size: 16px; margin-bottom: -10px;  }

.container_rondeau_reseaux .details-container_news .about_right_news .ribbon h5 {  margin-top: -15px; font-size: 10px; display: inline-block; }
 
.container_rondeau_reseaux .details-container_news .about_right_news .ribbon h2 {
line-height: 14px; display: inline-block; font-size: 22px;    margin-top: -25px; text-transform: uppercase; text-align: center;
}

.slide_precisium { width: 280px; margin-top: 25px; }
.slide_gadi { width: 250px; margin-top: 30px; }
.slide_ddirect { width: 250px; margin-top: 145px; }
.slide_socoda { width: 210px; margin-top: -5px; }

.slide_ede { margin-left: 60px; width: 70px; margin-top: 80px; }

.slide_trucks { width: 220px; margin-top: 70px; }

.slide_mptruck { width: 250px; margin-top: 115px; }

.slide_precisiumreseaux { width: 250px; margin-top: 165px; }

.slide_boschcar { width: 180px; margin-top: 5px; }

.slide_fivestar { width: 210px; margin-top: 0px; }


@media only screen and (max-width: 950px) {
   
.reseaux { min-height: 700px !important;}
  
  
.swiper-container-wrapper_reseaux {display: flex; 	margin-left: auto; margin-right: auto; flex-flow: column; height: 700px; width: 90%;}  

.gallery-top_reseaux { width: 100%; min-height: 700px !important; }

  
.container_rondeau_reseaux { text-align: center; background: #fff; width: 100%; height: 100%; margin: auto; margin-top: -10px; }
.container_rondeau_reseaux .details-container_news { flex-direction: column;}
.container_rondeau_reseaux .details-container_news .avatar_right_news { float: none; width: 90%; }

.container_rondeau_reseaux .details-container_news .avatar_right_news .img-fluid_news { 
width: 100%; height: 150px; margin: auto;  overflow: hidden; border: none; background: #fff; box-shadow: none;
}
  
.container_rondeau_reseaux .details-container_news .about_right_news {float: none; width: 100%; }
.container_rondeau_reseaux .details-container_news .about_right_news .name_news  { font-size: 16px;}
.container_rondeau_reseaux .details-container_news .about_right_news .about-content_news p { padding-top: 15px; font-size: 14px; }
.slide_precisium { width:150px; margin-top: 0px; }
.slide_gadi { width: 200px; margin-top: 20px; }
.slide_ddirect { width: 220px; margin-top: 30px; }
.slide_socoda { width: 120px; margin-top: -20px; }
.slide_ede { width: 70px; margin-top: 20px;margin-left: 0px; }
.slide_trucks { width: 130px; margin-top: 00px; }
.slide_mptruck { width: 200px; margin-top: 60px; }
.slide_precisiumreseaux { width: 250px; margin-top: 45px; }
.slide_boschcar { width: 100px; margin-top: 0px; }
.slide_fivestar { width: 100px; margin-top: 5px; }  
 
.comic { width: 90%; margin-top: 50px; margin-left: auto; margin-right: auto; }
  
.panel { width: 90%; 
background-color:#fff;  box-shadow: 0 0 0 3px #fff, 0 0 10px rgba(0,0,0,0.9); display:inline-block; height:120px; margin:5px auto;
overflow:hidden; position:relative;
}
  
.panel:nth-child(1) { margin-left: auto; margin-right: auto; 
  width: 100%; border-right: none;
}
.panel:nth-child(2) { margin-left: auto; margin-right: auto; 
  width: 100%; border-right: none; 
}
.panel:nth-child(3) { margin-left: auto; margin-right: auto; 
  width: 100%;  border-right: none; 
}
.panel:nth-child(4) { margin-left: auto; margin-right: auto; 
  width: 100%; 
}  
  
  
.text { background-color:#CC0000; color: #fff;  border:solid 2px #000; margin:0; font-size: 16px;  padding:1px 25px; }

.precisium_reseaux img { width: 100px; margin-top: 32px; margin-left: 40px; cursor: pointer;   }

.gadi_reseaux {  margin-top: -85px; margin-left: 140px; }
.gadi_reseaux img {  width: 130px;  cursor: pointer; }

.direct_reseaux {  margin-top: 60px; margin-left: 30px; }
.direct_reseaux img {  width: 100px; cursor: pointer; }

.socoda_reseaux {  margin-top: -70px; margin-left: 150px; }
.socoda_reseaux img {  width: 65px;  cursor: pointer; }

.ede_reseaux {  margin-top: -83px; margin-left: 235px; }
.ede_reseaux img {  width: 45px;   cursor: pointer; }

.trucks_reseaux {  margin-top: 25px; margin-left: 5px; }
.trucks_reseaux img {  width: 200px;  cursor: pointer;  }

.mptruck_reseaux {  margin-top: -69px; margin-left: 220px; }
.mptruck_reseaux img {  width: 100px;  cursor: pointer; }

.bosch_reseaux {  margin-top: -75px; margin-left: 175px; }
.bosch_reseaux img {  width: 70px;  cursor: pointer;  }

.precisium_reseaux2 {  margin-top: 60px; margin-left: 5px; }
.precisium_reseaux2 img {  width: 150px;  cursor: pointer; }

.fivestar_reseaux {  margin-top: -82px; margin-left: 260px; }
.fivestar_reseaux img {  width: 70px;  cursor: pointer; }  
}