::selection {
  background-color: #0b549d !important;
}
.resp-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.resp-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.POST-IT {
  position: absolute;
  top: -10px;
  left: 75%;
  z-index: +2;
}
.VENDUE {
  position: absolute;
  top: -25px;
  left: -50px;
  z-index: +1;
}
.PVENDUE {
  opacity: 0.5 !important;
}
.ACTU30 {
  padding-top: 0px;
  padding-right: 100px;
  padding-bottom: 50px;
  padding-left: 100px;
}
.ACTU70 {
  padding-top: 0px;
  padding-right: 25px;
  padding-bottom: 50px;
  padding-left: 25px;
}
@media all and (max-width: 1500px) {
  .ACTU30 {
    padding-top: 0px;
    padding-right: 50px;
    padding-bottom: 40px;
    padding-left: 50px;
  }
  .ACTU70 {
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
  }
}
@media all and (max-width: 991px) {
  .VENDUE {
    position: absolute;
    top: -50px;
    left: auto;
    z-index: +1;
  }
  .ACTU30 {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 40px;
    padding-left: 10px;
  }
  .ACTU70 {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 40px;
    padding-left: 10px;
  }
}
.KALAM, .Kalam {
  font-family: 'Kalam';
  font-weight: 400;
  line-height: 1;
}
.MONH2 {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
  box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.9);
}
.MONH3 {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
}
.FDIMG {
  background-image: url(../images/route-hiver.jpg);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-attachment: fixed !important;
  background-color: rgba(255, 255, 255, 1);
}
.HEADER-PAGE {
  background-image: url(../images/sky.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.HEADER-PAGE-NORMAL {
  background-image: url(../images/header-normal.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.HEADER-PAGE-NORMAL-ROSE {
  background-image: url(../images/header-normal-rose.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media all and (max-width: 991px) {
  .BIGSCR {
    visibility: hidden !important;
    display: none;
  }
}
.FDCONTACT {
  background-image: url(../images/contact-miesen.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 200px;
}
.FDPATRICK {
  background-image: url(../images/contact-patrick.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.FDLOGOMIESEN {
  background-image: url(../images/logo-miesen-home.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.FDHOMENEUF {
  background-image: url(../images/logo-renault-trafic-home.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.FDHOMEOCCASION {
  background-image: url(../images/logo-occasion-home.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.FDHOMEACTU {
  background-image: url(../images/logo-actu-home.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.FDHOMECONTACT {
  background-image: url(../images/logo-contact-home.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media all (max-width: 768px) {
  .FDLOGOMIESEN, .FDHOMENEUF, .FDHOMEOCCASION, .FDHOMEACTU, .FDHOMECONTACT {
    min-height: 300px;
  }
}
.img-overlay, .static-overlay {
  background-color: rgba(11, 84, 157, 0.6) !important;
}
.thumbnail-img2 {
  padding: 15px;
  display: inline-block;
  position: relative;
  width: auto;
  max-width: 100%;
  background-color: transparent;
}
.TN {
  padding: 15px;
}
@media all and (max-width: 1185px) {
  .TN {
    padding: 7px;
  }
}
@media all and (min-width: 1900px) {
  .font-20 i {
    font-size: 30px !important;
  }
}
.BTOMBRE:hover {
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.UP-UP {
  box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 2s ease-in-out;
  -o-transition: -o-transform 2s ease-in-out;
  transition: transform 2s ease-in-out;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
}
.UP-UP:hover {
  box-shadow: 9px 9px 20px 0px rgba(0, 0, 0, 0.5);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  -o-transition: -o-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  -webkit-transform: translate(0, -15%);
  -ms-transform: translate(0, -15%);
  -o-transform: translate(0, -15%);
  transform: translate(0, -15%);
}
.relief {
  box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.3);
  -webkit-transition: -webkit-transform .9s ease-in-out;
  -o-transition: -o-transform .9s ease-in-out;
  transition: transform .9s ease-in-out;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
}
.relief:hover {
  box-shadow: 9px 9px 20px 0px rgba(0, 0, 0, 0.3);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  -o-transition: -o-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  -webkit-transform: translate(0, -1%);
  -ms-transform: translate(0, -1%);
  -o-transform: translate(0, -1%);
  transform: translate(0, -1%);
}
.lightbox_gallery img, .lightbox img, .LOADIMG img {
  background: url(../images/loader1.gif) center center no-repeat;
}
.relief-hover {
  -webkit-transition: -webkit-transform .9s ease-in-out;
  -o-transition: -o-transform .9s ease-in-out;
  transition: transform .9s ease-in-out;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
}
.relief-hover:hover {
  box-shadow: 9px 9px 20px 0px rgba(0, 0, 0, 0.3);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  -o-transition: -o-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  -webkit-transform: translate(0, -1%);
  -ms-transform: translate(0, -1%);
  -o-transform: translate(0, -1%);
  transform: translate(0, -1%);
}
.BELLEOMBRE {
  box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.9);
}
.NOBORD {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.ESPACE {
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0px;
  clear: both;
  float: none;
  height: 20px !important;
  width: 100%;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.ESPACE40 {
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0px;
  clear: both;
  float: none;
  height: 40px !important;
  width: 100%;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.MAX-H200 {
  max-height: 200px !important;
}
.MAX-H300 {
  max-height: 300px !important;
}
.MAX-H350 {
  max-height: 350px !important;
}
.rotate3 {
  transform: rotate(5deg);
}
.rotate-3 {
  transform: rotate(-5deg);
  position: relative;
  left: -40px;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
}
.rotate-3:hover {
  transform: rotate(-2deg);
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
}
@media all and (max-width: 950px) {
  .rotate-3 {
    transform: rotate(0deg);
    position: relative;
    left: 0px;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    -o-transition: -o-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
  }
  .rotate-3:hover {
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 1s ease-in-out;
    -o-transition: -o-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
  }
}
/* images */
.HEADERIMG img {
  width: 100%;
}
.LOGOHEADER {
  width: 100%;
  max-width: 560px;
}
@media all and (max-width: 1185px) {
  .LOGOHEADER {
    width: 100%;
    max-width: 600px;
  }
}
/* Mes couleurs - Replacer #007bff par #0b549d */
.MENUHOVER:hover {
  color: rgba(255, 255, 255, 1) !important;
  opacity: 1 !important;
  font-weight: 700;
  background: #0B549D !important;
}
@media all and (max-width: 991px) {
  .MENUHOVER:hover {
    color: rgba(255, 255, 255, 1) !important;
    opacity: 1 !important;
  }
}
.bg-GD, .bg-GD-hover:hover {
  background: -moz-linear-gradient(left, #0B549D 0%, rgba(11, 84, 157, 0.7) 50%, #0B549D 100%);
  background: -webkit-linear-gradient(left, #0B549D 0%, rgba(11, 84, 157, 0.7) 50%, #0B549D 100%);
  background: linear-gradient(to right, #0B549D 0%, rgba(11, 84, 157, 0.7) 50%, #0B549D 100%);
}
.bg-CA, .bg-CA-hover:hover {
  background: #747474 !important;
}
.CA, .CA-hover:hover {
  color: #747474 !important;
}
.C0, .C0-hover:hover {
  color: #333333 !important;
}
.C1, .C1-hover:hover {
  color: #0B549D !important;
}
.border-C1, .border-C1-hover:hover {
  border-color: #0B549D !important;
}
.C2, .C2-hover:hover {
  color: rgba(51, 153, 51, 1) !important;
}
.border-C2, .border-C2-hover:hover {
  border-color: rgba(51, 153, 51, 1) !important;
}
.C3, .C3-hover:hover {
  color: rgba(216, 41, 80, 1) !important;
}
.border-C3, .border-C3-hover:hover {
  border-color: rgba(216, 41, 80, 1) !important;
}
.C4, .C4-hover:hover {
  color: rgba(255, 102, 0, 1) !important;
}
.border-C4, .border-C4-hover:hover {
  border-color: rgba(255, 102, 0, 1) !important;
}
.C5, .C5-hover:hover {
  color: #333333 !important;
}
.C6, .C6-hover:hover {
  color: #FFFF00 !important;
}
.GOLD, .GOLD-hover:hover {
  color: #ca8e35 !important;
}
.bg-GOLD, .bg-GOLD-hover:hover {
  background-color: #ca8e35 !important;
}
.border-C5, .border-C5-hover:hover {
  border-color: #333333 !important;
}
.bg-C1, .bg-C1-hover:hover {
  background-color: #0b549d !important;
}
.bg-C2, .bg-C2-hover:hover {
  background-color: #393 !important;
}
.bg-C3, .bg-C3-hover:hover {
  background-color: #d82950 !important;
}
.bg-C4, .bg-C4-hover:hover {
  background-color: #FF6600 !important;
}
.bg-C5, .bg-C5-hover:hover {
  background-color: #333333 !important;
}
.bg-C6, .bg-C6-hover:hover {
  background-color: #FFFF00 !important;
}
.bg-NOIR, .bg-NOIR-hover:hover {
  background-color: rgba(0, 0, 0, 1) !important;
}
.bg-C1SOFT, .bg-C1SOFT-hover:hover {
  background-color: rgba(11, 84, 157, 0.7) !important;
}
.bg-C2SOFT, .bg-C2SOFT-hover:hover {
  background-color: rgba(51, 153, 51, 0.7) !important;
}
.bg-C3SOFT {
  background-color: rgba(216, 41, 80, 0.7) !important;
}
.bg-C4SOFT {
  background-color: rgba(255, 102, 0, 0.7) !important;
}
.bg-C5SOFT {
  background-color: rgba(51, 51, 51, 0.7) !important;
}
.bg-C6SOFT {
  background-color: rgba(255, 255, 0, 0.7) !important;
}
.bg-BLANC, .bg-BLANC-hover:hover {
  background-color: rgba(255, 255, 255, 1) !important;
}
.bg-BLANCSOFT, .bg-BLANCSOFT-hover:hover {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.bg-BLANCSOFTSOFT, .bg-BLANCSOFTSOFT-hover:hover {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.text-mg {
  font-size: 30px;
}
.IMAGE1 {
  padding: 0px;
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 200px;
  background-color: transparent;
}
@media all and (max-width: 1185px) {
  .IMAGE1 {
    padding: 0px;
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 100%;
    background-color: transparent;
  }
}
.UP-UP {
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.30);
  -webkit-transition: -webkit-transform .9s ease-in-out;
  -o-transition: -o-transform .9s ease-in-out;
  transition: transform .9s ease-in-out;
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  -o-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.UP-UP:hover {
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.30);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  -o-transition: -o-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  -webkit-transform: translate(0, -15%);
  -ms-transform: translate(0, -15%);
  -o-transform: translate(0, -15%);
  transform: translate(0, -15%);
}
.UP-UP-LIGHT {
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.30);
  -webkit-transition: -webkit-transform .9s ease-in-out;
  -o-transition: -o-transform .9s ease-in-out;
  transition: transform .9s ease-in-out;
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  -o-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.UP-UP-LIGHT:hover {
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.30);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  -o-transition: -o-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  -webkit-transform: translate(0, -3%);
  -ms-transform: translate(0, -3%);
  -o-transform: translate(0, -3%);
  transform: translate(0, -3%);
}
#TAB-NORMAL {
  display: table;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-collapse: collapse;
  border-spacing: 0px;
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 100%;
  max-width: 100%;
}
#TAB-NORMAL > div {
  display: table-row;
}
#TAB-NORMAL > div > div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.T20 {
  width: 20%;
  max-width: 20%;
}
.T25 {
  width: 25%;
  max-width: 25%;
}
.T30 {
  width: 30%;
  max-width: 30%;
}
T40 {
  width: 40%;
  max-width: 40%;
}
.T50 {
  width: 50%;
  max-width: 50%;
}
.T50LEFT {
  width: 50%;
  max-width: 50%;
  text-align: left !important;
  vertical-align: middle;
}
.T70 {
  width: 70%;
  max-width: 70%;
}
.T80 {
  width: 70%;
  max-width: 70%;
}
.T100 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
@media all and (max-width: 991px) {
  #TAB-NORMAL {
    width: 100%;
    display: block;
    float: none;
    background: none;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
  }
  #TAB-NORMAL > div {
    display: block;
    width: 100%;
    float: none;
  }
  #TAB-NORMAL > div > div {
    display: block;
    width: 100%;
    float: none;
  }
  .T30 {
    width: 100%;
    max-width: 100%;
  }
  .T50 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .T50LEFT {
    text-align: center !important;
    vertical-align: middle;
    width: 100% !important;
    max-width: 100% !important;
  }
  .T70, .T20, .T80 {
    width: 100%;
    max-width: 100%;
  }
}
/* Formulaire Options */
.MONFORM {
  width: 100%;
  max-width: 100%;
  background-color: rgba(204, 204, 204, 0.5);
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: none;
  margin: 5px;
  border: thin dotted rgba(153, 153, 153, 1);
  padding: 15px;
}
.FORMH {
  height: 1000px;
  width: 100%;
}
/* Lightbox Options */
.lg-outer .lg-video {
  -webkit-overflow-scrolling: touch !important;
  overflow: auto !important;
}
@media all and (orientation: portrait) {
  .lg-outer .lg-video {
    padding-bottom: 100% !important;
    -webkit-overflow-scrolling: touch !important;
    overflow: auto !important;
  }
}
.lg-video-cont, .lg-image {
  box-shadow: 0px 40px 40px -15px rgba(0, 0, 0, 1) !important;
}
}
/* ACTUALITE */
#ACTU img {
  border-radius: 5px;
}
#ACTU h4 {
  text-transform: uppercase;
  color: #0B549D;
}
#ACTU p {
  color: rgba(51, 51, 51, 1);
  text-align: center;
  vertical-align: middle;
}
.IMAGET70 {
  width: 50% !important;
  float: none;
  text-align: center;
  vertical-align: middle;
  margin: auto;
}
@media all and (max-width: 1185px) {
  .IMAGET70 {
    width: 100% !important;
  }