@import url("https://p.typekit.net/p.css?s=1&k=xwt6tur&ht=tk&f=30196.30201.30203&a=83667622&app=typekit&e=css");

@font-face {
font-family:"frank-new";
src:url("https://use.typekit.net/af/f2dc8e/00000000000000003b9ae43b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/f2dc8e/00000000000000003b9ae43b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/f2dc8e/00000000000000003b9ae43b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"frank-new";
src:url("https://use.typekit.net/af/76347c/00000000000000003b9ae440/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/76347c/00000000000000003b9ae440/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/76347c/00000000000000003b9ae440/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"frank-new";
src:url("https://use.typekit.net/af/7dd6c8/00000000000000003b9ae442/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/7dd6c8/00000000000000003b9ae442/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/7dd6c8/00000000000000003b9ae442/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:700;font-stretch:normal;
}

.tk-frank-new { font-family: "frank-new",sans-serif; }

* {  box-sizing: border-box;  padding: 0;  margin: 0; }
html, body {background-color: #fff; font-family: "frank-new",sans-serif; font-weight: 900; height: 100%; max-width: 100%; margin: 0; }
body {  overflow-x: hidden; }

a { text-decoration: none; color: #000; }
a:focus {outline: 0 none; }

.container_cinta .opensign {
color: #fff; z-index: 999; position: absolute; left: -160px; top: -125px; width: 320px; height: 135px; margin: 20px auto 0; transform-origin: 50% 0;
transform: rotate(20deg); animation: sway 1.5s ease-in-out alternate infinite;
}

.pin {
position: absolute; top: 0; left: 50%; margin-left: -10px; width: 16px; height: 16px; background-color: #666;
border-radius: 10px; border-top: 2px solid #999; border-bottom: 2px solid #333; box-shadow: 0 12px 5px rgba(black, 0.25);
z-index: 4; animation: swayShadow 1.5s ease-in-out alternate infinite;
}

.wire { position: absolute; width: 70px; height: 70px; border-top: 2px solid black; border-left: 2px solid black;
transform: translate(124px, 19px) rotate(45deg);  z-index: 2;}

.sign { position: absolute; bottom: 0; left: 50%; margin-left: -110px; width: 220px; height: 80px; background: #272727; border-radius: 15px;
line-height: 26px; text-align: center; font-size: 19px; border-top: 2px solid lighten(black, 20%); border-bottom: 2px solid darken(black, 10%);
box-shadow: 0 6px 5px rgba(black, 0.25); z-index: 3; text-shadow: 2px 1px 0 rgba(black, 0.4);  animation: swayShadow 1.5s ease-in-out alternate infinite;
}

@keyframes sway {
0% { transform: rotate(15deg); }
100% { transform: rotate(-15deg); }
}

@keyframes swayShadow {
0%   { box-shadow: 3px 6px 5px rgba(black, 0.25); }
100% { box-shadow: -3px 6px 5px rgba(black, 0.25); }
}



.wave-bottom { color: #000; position: relative; overflow: hidden; height:725px; padding-top: 90px; text-align: center; }
.wave-bottom h2 { font-size: 46px; display: block; }
.wave-bottom h1 { font-size: 26px; display: inline-block; }
.wave-bottom h3 {  font-size: 30px; display: block; font-style: italic; color: #000; width: 600px; margin-left: auto; margin-right: auto; border-radius: 3px; }

@-webkit-keyframes fade-in-out {
0% { letter-spacing: -0.5em;  padding: 5px 0; filter: blur(6px) opacity(0);  }
30% {letter-spacing: 0; padding: 5px 0; filter: blur(0) opacity(1);  }
35% {padding: 5px 0;   letter-spacing: 0; color: #000;     filter: blur(0) opacity(1);  }
70% { padding: 5px 0; letter-spacing: 0;  filter: blur(0) opacity(1); }
100% { padding: 5px 0;letter-spacing: -0.5em; filter: blur(6px) opacity(0%); }
}

.blurOut { width: 100%; text-align: center; animation: fade-in-out 4s linear infinite;  }
.blurOut span { color: #fff; }

.wave-bottom h4 { font-size : 34px; color: #000 ; margin-top:35px; margin-bottom: 0px; border-radius: 3px; margin-left:auto; margin-right: auto;  background: #fff; width: 550px;   } 

.container_cinta { border: 4px solid #272727; width: 1359px; margin-left: auto; margin-right: auto;  background: #272727;  position: relative; }

.wave-bottom .container_cinta .rubber-stamp { z-index: 100; position: absolute; left: -130px; top: -100px;
font-size: 30px; text-shadow: 2px 2px 2px black; line-height: 32px; text-transform: uppercase; font-weight: 750; color: #CC0000; border: 4px solid #000; text-align: center; 
padding: 10px; border-radius: 50%; -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg);
}

.container_cinta .rubber-stamp-inner::after {position: absolute; content: " "; width: 100%; height: auto; min-height: 100%; top: -10px; left: -10px;  padding: 1px;}
.container_cinta .rubber-stamp-inner { border: 2px solid #000; border-radius: 50%; padding: 10px 0; z-index: 101 !important; }
.container_cinta .offset-text-top{  z-index: 101 !important; margin-top: -10px;}

.cinta { position: relative; text-align: center; display: inline-block;  margin: 0 -2px; z-index: 99; color: #fff; }
.cinta_logo { position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%); width: 260px;  } 
.cinta_logonegoce { position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%); width: 340px;  } 

.cinta_texte { position: absolute; top: 88%; left: 50%;  transform: translate(-50%, 0%); width: 440px; font-weight: 500;   
text-shadow: 2px   0  0   #000, -2px   0  0   #000, 0    2px 0   #000, 0   -2px 0   #000, 1px  1px 0   #000, -1px -1px 0   #000, 1px -1px 0   #000, -1px  1px 0   #000, 1px  1px 5px #000; background: rgba(207, 12, 19, 0.1); font-size: 22px; 
}
  
.cinta_img { display: inline-block;   background: #fff; text-align:center; vertical-align:top; width: 450px;   max-width:100%;  height: 295px; padding: 4px ; background: #272727; }

.cinta_texte_flip {position: absolute; top: 75%; left: 50%;  transform: translate(-50%, 0%); width: 370px; font-size: 18px; background: #999928; color: #fff;  height: 35px; line-height: 35px;  }

.svg_shop_container { display: block;  font-weight: 500; }
.svg_shop  {   margin-top: 30px; display: inline-block;  }
.svg_shop_right {margin-right: 40px; margin-top: 20px; display: inline-block;  }
.svg_shop_right img { display: inline-block; margin-right: 6px;   width: 32px;  }
.svg_shop_right p { font-size: 19px; display: inline-block; line-height: 20px; color:#000;  }
.svg_shop img { display: inline-block; margin-right: 6px;   width: 32px;  }
.svg_shop p { font-size: 19px; display: inline-block; line-height: 20px; color:#000;}

.container_rondeau .details-container .avatar_right .img-fluid img { width: 437px; height: 340px }  
  
.clear { clear: both; }

.container_rondeau { background: #fff; width: 1290px; height: 310px; margin: 50px auto; }

.container_rondeau .details-container .avatar_right { margin: 0px auto; position: relative; float: right; padding: 0px;}

.container_rondeau .details-container .avatar_right .img-fluid {width: 450px; height: 350px; margin-top: 0px; border: 6px solid #fff; background: #cf0c13; box-shadow: 0px 0px 6px 0px #22222273;}

.container_rondeau .details-container .about_right { float: left; width: 800px; padding: 0px; margin-top: 0px;}

.container_rondeau .details-container .about_right .name  { font-weight: 900; margin-top: 0px;  font-size: 24px; padding: 5px; color: #fff; text-transform: uppercase; background: #272727;}


.container_rondeau .details-container .about_right .about-content p {  
text-align: left; font-weight: 100; padding-top: 22px; font-size: 19px; padding-right: 20px;  line-height: 150%; color: #000; 
}

.container_rondeau .details-container { position: relative; display: flex;}

.container_rondeau_news { background: #272727; max-width: 1260px; height: 360px; margin: auto; transform: translateY(15%); }
.container_rondeau_news .details-container_news {	 position: relative; display: flex; }
.container_rondeau_news .circles_news { position: absolute; width: 100%; height: 100%; overflow: hidden; }

.container_rondeau_news .circles_news:before { content: ''; position: absolute; left: -6%; top: -8%; width: 200px;
height: 200px; background: #cf0c13; border-radius: 50%;
}

.container_rondeau_news .circles_news:after { content: ''; position: absolute; right: -11%; bottom: -15%; width: 200px; height: 200px;
background: #cf0c13; border-radius: 50%;
}

.container_rondeau_news .details-container_news .avatar_right_news {margin: -35px auto; position: relative; float: left; padding: 20px 10px 20px 0px;}

.container_rondeau_news .details-container_news .avatar_right_news .img-fluid_news {
width: 450px; height: 390px;  margin: auto;  overflow: hidden; border: 4px solid #272727; background: #fff; box-shadow: 0px 0px 6px 0px #22222273;
}

.container_rondeau_news .details-container_news .avatar_right_news .img-fluid_news .titre_fluid_news {
font-size: 18px; margin-top: 20px; width: 320px;  color: #fff; margin-left: auto; margin-right: auto; 
}

.container_rondeau_news .details-container_news .about_right_news {float: right; width: 900px; padding: 15px; margin-top: 5px;}
.container_rondeau_news .details-container_news .about_right_news .name_news  {margin: 0;  font-size: 19px; font-weight: 900;  color: #fff; text-transform: uppercase;}
.container_rondeau_news .details-container_news .about_right_news .name_news .separator_news { margin-top: 15px; height: 3px; background:  #c62828; }

.container_rondeau_news .details-container_news .about_right_news .about-content_news p {
text-align: left; font-weight: 900; padding-top: 30px; font-size: 17px; font-weight: 100; line-height: 150%; color: #fff; }

aside {line-height: 34px;position: relative;}
aside.sheer {background-color: #CC0000;left: -5px;}
aside.sheer:after, aside.sheer:before {border-width: 34px 10px 0px 0px;}
aside.sheer:before {left: -10px; border-color: transparent #CC0000;}
aside.sheer:after {right: -10px; border-color: #CC0000 transparent;}
aside:before, aside:after {content: "";position: absolute;height: 0px;width: 0px;border-style: solid; border-width: 0px;}
 
.container_rondeau_news .details-container_news .about_right_news .ribbon h3 { margin-top: -15px;  font-size: 16px; margin-bottom: -10px;  }
.container_rondeau_news .details-container_news .about_right_news .ribbon h5 {  margin-top: -15px; font-size: 10px; display: inline-block; }
 
.container_rondeau_news .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;
}

.container_rondeau_news .details-container_news .about_right_news .ribbon {
padding-top: 1.6rem; display: block; width: 7rem; height: 4rem; color: white; margin: 0 auto; float: left; position: absolute; top: 0;
-webkit-filter: drop-shadow(0 0.5rem 0.3em rgba(0, 0, 0, 0.5)); transform: translate3d(0, 0, 0);
}

.container_rondeau_news .details-container_news .about_right_news .ribbon:after {
content: ""; width: 0; height: 0; border-right: 3.5rem solid transparent; border-left: 3.5rem solid transparent; border-top: 1.5rem solid #CC0000;
position: absolute; top: 4rem; left: 0;
}
 
.container_rondeau_news .details-container_news .about_right_news .ribbon.ribbon--red {
  background: linear-gradient(to bottom, #d3362d 0%, #CC0000 100%);
}
.container_rondeau_news .details-container_news .about_right_news .ribbon.ribbon--red:after { border-top: 1.5rem solid #CC0000;}

.promotion_facom { width: 240px; margin-top: 15px;  }
.promotion_facom_logo { width: 240px; margin-top: -25px;  }
.promotion_bosch { width: 470px; margin-top: -25px; margin-left: -20px;   }
.promotion_bosch_logo { width: 170px; margin-top: -95px;  }
.img_news_back2car  { width: 420px; margin-top: 45px;    }
.station_lavage  { width: 470px; margin-top: 0px; }
.rca_news  { width: 470px; margin-top: 0px; height: 390px}
.banc_injection_direct  { width: 445px; margin-top: -30px; height: 440px}
.montage_grue_news   { width: 540px; margin-top: 0px;margin-left: -30px; height: 390px}

@media screen and (max-width:950px){
	
html, body {background-color: #fff; font-family: "frank-new",sans-serif; font-weight: 900; height: 100%; max-width: 100%; margin: 0; }
html, body {  overflow-x: hidden !important; }
	
.wave-bottom { color: #000; position: relative; overflow: hidden; height:850px; padding-top: 20px; }
.wave-bottom h2 { font-size: 22px; display: block; width: 98%; margin-left: auto; margin-right: auto;  }
.wave-bottom h3 {  font-size: 18px; display: block; font-style: italic; color: #000; width: 310px;text-align: center;  margin-left: auto; margin-right: auto; border-radius: 3px; }
.wave-bottom h4 { font-size : 22px; color: #000 ; margin-top:35px; margin-bottom: 0px; border-radius: 3px; margin-left:auto; margin-right: auto;  background: #fff; width: 100%;   } 

.container_cinta { border: none; width: 90%; margin-left: auto; margin-right: auto;  background: #fff;  }
.cinta { position: relative; text-align: center; display: block;  margin: 0-5px; z-index: 99; color: #fff; }
.cinta_logo { width: 180px;  } 
.cinta_logonegoce {  width: 240px;  } 
.cinta_texte {  top: 83%;  width: 340px; font-size: 16px; }

.cinta_texte_flip {position: absolute; top: 75%; left: 50%;  transform: translate(-50%, 0%); width: 340px; font-size: 18px; 
background: #999928; color: #fff;  height: 35px; line-height: 35px;  }
  
.cinta_img { width: 350px; height: 205px; padding: 7px 4px ; background: #fff; }
  
.container_cinta .opensign {display: none; }
.container_cinta .rubber-stamp { display: none; } 
  
.svg_shop_container { display: none; }
.container_rondeau { 	 margin: 0px auto; height: auto; width: 100%; max-width: 100%; overflow-x: hidden;	}
.container_rondeau .details-container .about_right { float: none; width: 100%; }
.container_rondeau .details-container .about_right .name  { margin-top: 0px;  font-size: 14px; padding: 3px; }
.container_rondeau .details-container .about_right .about-content p { padding: 15px 8px 0 8px; font-size: 14px; margin-bottom: 10px;  }
.container_rondeau .details-container .avatar_right { float: none; width: 90%;}
.container_rondeau .details-container .avatar_right .img-fluid { width: 100%; height: 280px;  margin-top: 20px;}
.container_rondeau .details-container .avatar_right .img-fluid img { max-width: 100%; height: 268px; }  
.container_rondeau .fab { position: relative; line-height: 35px; margin-top: 5px; margin-bottom: 10px;  font-size: 16px; width: 150px; height: 35px;}
.container_rondeau .details-container { flex-direction: column;	}
.container_rondeau .details-container .about {	 margin-top: 10px;	}

.container_rondeau_news {margin: 0px auto; height: 100%; width: 100%; max-width: 100%; overflow-x: hidden;}
.container_rondeau_news .details-container_news {flex-direction: column;}
.container_rondeau_news .circles_news, .container_rondeau_news .circles_news:before, .container_rondeau_news .circles_news:after {display: none;}
.container_rondeau_news .details-container_news .avatar_right_news { float: none; width: 90%; }
.container_rondeau_news .details-container_news .avatar_right_news .img-fluid_news { width: 100%; height: 240px;  margin-top: 0px; }
.container_rondeau_news .details-container_news .about_right_news { float: none; width: 100%;}
.container_rondeau_news .details-container_news .about_right_news .name_news  { margin-top: 10px;  font-size: 12px; padding: 0px;}
 .container_rondeau_news .details-container_news .about_right_news .name_news .separator_news { margin-top: 9px; height: 3px; background:  #c62828; }
.container_rondeau_news .details-container_news .about_right_news .about-content_news p {padding-top: 15px; font-size: 12px; }

.container_rondeau_news .details-container_news .avatar_right_news .img-fluid_news .titre_fluid_news {font-size: 12px; margin-top: 0px; width: 100%;}  
 
aside.sheer {left: 0px;}
aside.sheer:before, aside.sheer:after {display: none;}
aside:before, aside:after {display: none;}   


.container_rondeau_news .details-container_news .about_right_news .ribbon {display: none;}

.promotion_facom { width: 150px; margin-top: 10px;  }
.promotion_facom_logo { width: 150px; margin-top: -25px;  }
.promotion_bosch { width: 270px; margin-top: -10px; margin-left: -20px;   }
.promotion_bosch_logo { width: 170px; margin-top: -95px;  }
.img_news_back2car  { width: 220px; margin-top: 45px;    }
.station_lavage  { width: 100%; height: 235px; margin-top: 0px; }
.rca_news  {width: 100%; height: 235px; margin-top: 0px; }

}


@media screen and (min-width: 1200px) and (max-width:1600px){
	
.wave-bottom .container_cinta .rubber-stamp { z-index: 490; position: absolute; left: -30px; top: -100px;
font-size: 30px; text-shadow: 2px 2px 2px black; line-height: 32px; text-transform: uppercase; font-weight: 750; color: #CC0000; border: 4px solid #000; text-align: center; 
padding: 10px; border-radius: 50%; -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg);
}

.container_cinta .rubber-stamp-inner::after {position: absolute; content: " "; width: 100%; height: auto; min-height: 100%; top: -10px; left: -10px;  padding: 1px;}
.container_cinta .rubber-stamp-inner { border: 2px solid #000; border-radius: 50%; padding: 10px 0; z-index: 499 !important; }
.container_cinta .offset-text-top{  z-index: 499 !important; margin-top: -10px;}

}