@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* table for en site */
#en .page table.contenttable {table-layout: fixed;}
#en .page table tr td:first-child {line-height: normal; width: auto;}
#en .page table tr td {padding: 0.5em;}
#en .page table.contenttable {margin: 2em 0 2em 0;}

@font-face {
  font-family: 'markMyWords'; /* font-name reference */
  src:
          url('../fonts/mark_my_words.otf')
          format('opentype');
  src:
          url(../fonts/mark_my_words.ttf)
          format('truetype');
  font-weight: normal;
  font-style: normal;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: normal;
}

a {
  text-decoration: none;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

em {font-style: italic;}

/* Restore ol lists */
ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}
ol li {
  counter-increment: my-awesome-counter;
  text-align: justify;
  margin: 0.5em 0;
  padding: 0 0 1em 2em;
  font-size: 1.8rem;
}
ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: #4f5253;
  font-weight: bold;
}

strong {font-weight: bold;}

/* Remove glow */
header input[type="text"] {
  outline: none;
  box-shadow:none !important;
  border:2px solid #002e61 !important;
  border-right: 0 !important;
}

/* #23662 - Ajout du scroll uniquement sur mobile pour tarte au citron*/
.modal-open{
    overflow: scroll !important;
}

.container {
  padding: 0 20px;
  margin: auto;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}

section.main {
  min-height: 250px;
}

@media screen and (min-width: 1024px) {
  .container {
    max-width: 990px;
    padding: 0;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    max-width: 1250px;
  }
}

/* header */
header .glyphicon {top: 3px;}
header .navbar-default, header .navbar {border-radius: 0; border: none;}
header .nav-top {
  height: 55px;
  background: #002e61;
  border-bottom: 5px solid #8da4d3;
  box-shadow: 0px 50px 100px 0px rgba(0, 0, 0, 0.1);
}
header .nav-top section {
  text-align: right;
}
header .nav-top section menu a {
  display: inline-block;
  color: #fff;
  line-height: 55px;
  font-size: 1.4rem;
}
header .nav-top section menu a:after {
  content: '|';
  margin: 0 5px;
}
header .nav-top section menu a:last-child:after {
  display: none;
  margin: 0;
}
header .nav-top section menu a:hover {
  color: #8da4d3;
}
header .nav-top section menu a:hover:after {
  color: #fff;
}

header .contact {
  text-align: left;
  padding-left:20px;
}
header .contact span {
  font-size: 1.3rem;
  display: block;
}
header .contact p.tel {
  font-size: 1.9rem;
  font-weight: 700;
  color: #c1cd36;
  margin-top: 5px;
  line-height: 2rem;
  background: url("../img/phone-mini.png") no-repeat 0 0px;
  padding-left: 22px;
  display: inline-block;
  background-size: 15px;
}

header .contact img.right {
  float: right;
}

header .opening-hours {text-align: center;}
header .opening-hours span {font-size: 1.7rem; display: block; margin-top: 15px;}
header .opening-hours p.time-range {
  font-size: 1.7rem;
  font-weight: 700;
  color: #8da4d3;
  margin-top: 5px;
  line-height: 2rem;
}

header .brand {
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 15px;
}
header .brand div {
  display: block;
  margin-bottom: 15px;
}
header .brand div img {
  display: block;
  width: 100%;
}
header .brand h1 {
  display: block;
  text-align: center;
  font-size: 2.3rem;
  font-weight: 700;
  color: #8da4d3;
  line-height: normal;
}

header .brand h1 span {display: block;}

#en header .brand {padding-bottom: 0;}

header .navbar-brand
{
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  margin:0 auto;
}
header .navbar-toggle {
  z-index:3;
}

header .input-group-btn {color: #002e61;}
header .devis-btn {text-align: right;}
header .devis-btn .btn {border-radius: 0; font-size: 3.5rem; font-weight: 700; margin-top: 10px; margin-right: 15px;}
#en header .devis-btn .btn {margin: 20px 0 0 0; font-size: 2.9rem;}
header .devis-btn .btn-success {background: #C1CD23; border: 0;}
header .devis-btn .btn-success:active:focus {
  background-color: #D2F004;
}
header .devis-btn .btn-success:hover {
  background-color: #D2F004;
}

form-control {border-radius: 0px;}

header .main-nav {/*border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;*/}
header .main-nav > ul > li a:hover {text-decoration: none;}

/* Corporate button */
header .main-nav > ul > li:last-child {
  /*	border-left: 1px solid #dedede;*/
}
/*
header .main-nav > ul > li:last-child a {padding: 5px 25px;}
header .main-nav > ul > li:last-child a:hover .dropdown-menu {display: block; visibility: visible;}
*/

header .main-nav .dropdown .dropdown-menu {
  top: 97%;
  border-top: 4px solid #C1CD23;
  left: -1069px;
  background-color: #EDEDED;
}

header .main-nav .dropdown:hover .dropdown-menu {
  display: block;
}

header .main-nav .dropdown .dropdown-menu li ul li {background: url(../img/li-handynamic.png) no-repeat 0 1.2em; font-size: 1.5rem;}
#en header .main-nav .dropdown .dropdown-menu li ul li {background: url(../img/li-handynamic.png) no-repeat 0 1.5em;; font-size: 1.5rem;}
header .main-nav .dropdown .dropdown-menu li ul li:hover {background: url(../img/li-handynamic-bl.png) no-repeat 0 1.2em;}
header .main-nav .dropdown .dropdown-menu li ul li a {font-weight: 100; padding: 12px 5px 12px 20px; color: #8CA4D5;}
header .main-nav .dropdown .dropdown-menu li ul li a:hover {text-decoration: underline; color: #002D62; background-color: transparent;}
header .main-nav .dropdown .dropdown-menu li ul li a:focus {text-decoration: underline; color: #002D62; background-color: transparent;}
header .main-nav > ul > li:last-child ul.sub {border-top: 4px solid #C1CD23; margin: 0; width: 1250px;}

/* Lower submenu for agencies */
#en header .main-nav .dropdown .dropdown-menu li ul li ul li, #en header .main-nav .dropdown .dropdown-menu li ul li ul li:hover, header .main-nav .dropdown .dropdown-menu li ul li ul li, header .main-nav .dropdown .dropdown-menu li ul li ul li:hover {background-image: none; margin-left: 10px; line-height: 2.8em;}

header .main-nav .dropdown .dropdown-menu li ul li ul li:before {content: '- ';}
header .main-nav .dropdown .dropdown-menu li ul li ul li a {color: #4E5152; display: inline; padding: 0; margin: 0}
header .main-nav .dropdown .dropdown-menu li ul li ul li a:hover {text-decoration: underline;}
header .main-nav .dropdown .dropdown-menu li ul li ul li a:focus {text-decoration: underline;}

@media screen and (min-width: 1024px) {
  /*	header .main-nav > ul > li:last-child {margin-left: 169px;}*/
}
@media screen and (min-width: 1250px) {
  /*	header .main-nav > ul > li:last-child {margin-left: 10px;}*/
  /*	#en header .main-nav > ul > li:last-child {margin-left: 250px;}*/

  /* Corporate menu */
  header .main-nav .dropdown .dropdown-menu {left: -910px;}
}
@media screen and (min-width: 1600px) {
  /*	header .main-nav > ul > li:last-child {margin-left: 169px;}*/
  /*	#en header .main-nav > ul > li:last-child {margin-left: 410px;}*/

  /* Corporate menu */
  header .main-nav .dropdown .dropdown-menu {left: -1061px;}
  #en header .main-nav .dropdown .dropdown-menu {left: -1048px;}
}

/* 3rd level dropdown menu */

header .main-nav > ul > li > ul.sub > li.dropdown-submenu:hover>.dropdown-menu {display: block;}
header .main-nav > ul > li > ul.sub > li.dropdown-submenu ul.dropdown-menu li {list-style: none; background-color: #EDEDED; border: none; max-width: 100%;}
/*header .main-nav > ul > li ul.sub li > ul > li {width: 100%;}*/
header .main-nav > ul > li > ul.sub > li.dropdown-submenu ul.dropdown-menu {border-top: 4px solid #8CA4D5;}
header .main-nav .dropdown-menu {border-radius: 0px; background-color: #EDEDED; border: none;}
header .main-nav .dropdown-large {
  position: static !important;
}
header .main-nav .dropdown-menu-large {
  margin:0;
  width: 1250px;
}
header .main-nav .dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
header .main-nav .dropdown-menu-large > li > ul > li {
  list-style: none;
}
header .main-nav .dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
header .main-nav .dropdown-menu-large > li ul > li > a:hover,
header .main-nav .dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
header .main-nav .dropdown-menu-large .disabled > a,
header .main-nav .dropdown-menu-large .disabled > a:hover,
header .main-nav .dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
header .main-nav .dropdown-menu-large .disabled > a:hover,
header .main-nav .dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

header .main-nav li.hasChild li.dropdown-submenu ul.dropdown-menu-large {border-bottom: 5px solid #8CA4D5;}
header .main-nav .dropdown-menu-large > li > ul.navigation-images {margin-bottom: 10px;}
header .main-nav ul.navigation-images li {width: 33%; background: none; text-align: center; padding: 10px 5px; vertical-align: top;}
header .main-nav ul.navigation-images li p {margin: 0; font-size: 90%;}
header .main-nav > ul > li ul.sub > li.dropdown-submenu ul.dropdown-menu li img {float: left; object-fit: cover;}
header .main-nav > ul > li ul.sub > li.dropdown-submenu ul.dropdown-menu li:after {background: none;}
header .main-nav > ul > li ul.sub > li.dropdown-submenu ul.dropdown-menu li a {color: #4E5152; display: block; font-size: 1.6rem; font-weight: 100;}
header .main-nav > ul > li ul.sub > li.dropdown-submenu ul.dropdown-menu li a:hover {background:none; color: #4E5152; text-decoration: underline;}
header .main-nav > ul > li ul.sub > li.dropdown-submenu ul.dropdown-menu li a.illustration {width: 100%; padding: 0;}

header .main-nav ul.uid-22 ul.navigation-images li {width: 33%;}

header .main-nav.about > ul > li a {color: #8da4d3;}

@media screen and (min-width: 768px) {

  header .nav-top section menu a {
    font-size: 1.8rem;
  }

  header .contact {
    /*    padding: 25px 0;*/
  }
  header .contact span {
    font-size: 1.5rem;
    margin: 10px 85px 0 45px;
  }
  header .contact p.tel {
    font-size: 2.2rem;
    line-height: 4.1rem;
    margin-top: 0;
    padding-left: 40px;
    background-size: auto;
    background-position: 0 0px;
  }

  #en header .contact p.tel {font-size: 4rem;}

  header .brand {
    overflow: hidden;
    *zoom: 1;
  }
  header .brand div {
    display: block;
    float: left;
    width: 35%;
  }
  header .brand div img {
    display: block;
    width: 100%;
  }
  header .brand h1 {
    display: block;
    float: left;
    width: 65%;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    padding: 15px 0 0 	50px;
  }

  header .form-control {
    border-radius: 0;
    border: 2px solid #002e61;
    border-right: 0;
    height: 35px;
  }

  header form {margin: 30px 0 0 0;}
  header form button.btn {border-radius: 0;}
  header form button.btn {
    padding: 0.40em 0.9em;
    background-color: #ffffff;
    border: 2px solid #002e61;
    border-left: 0 !important;
  }
  header form i.glyphicon-search {font-size: 1.2em;}

  header form .input-group-btn:last-child > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  header .btn-success {font-size: 1.3em; margin-top: 25px;}
  header .main-nav > ul > li.hasChild:hover:before {top: 35px;}
}


header .brand {
  padding-bottom: 25px;
}
header .brand h1 {
  font-size: 2.8rem;
  padding-top: 21px;
}


header .main-nav {
  width: 100%;
  position: relative;
  z-index: 10;
}
header .main-nav > ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}
header .main-nav > ul > li {
  display: inline-block;
  position: relative;
}
header .main-nav > ul > li:after {
  display: block;
  content: "";
  width: 1px;
  top: 2px;
  right: -1px;
  bottom: 2px;
  background: #ddd;
  position: absolute;
}

header .main-nav > ul > li:last-child:after {
  /*    display: none;*/
}
header .portion-left .main-nav > ul > li:first-child:before {
  display: block;
  content: "";
  width: 1px;
  top: 2px;
  left: 1px;
  bottom: 2px;
  background: #ddd;
  position: absolute;
}

header .main-nav > ul > li a {
  display: block;
  line-height: 24px;
  font-size: 1.6rem;
  padding: 0 12px;
  transition: all 0.4s linear;
}
header .main-nav > ul > li > a {
  color: #47494b;
}
header .main-nav > ul > li > a.current {
  color: #fff;
  background-image: linear-gradient(to bottom, #b2c0e2 0%, #8ca4d3 100%);
}
header .main-nav > ul > li.hasChild:hover:before {
  bottom: -5px;
  left: 50%;
  top: 38px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  background-color: transparent;
  border-color: rgba(193, 205, 54, 0);
  border-bottom-color: #c1cd36;
  border-width: 10px;
  margin-left: -10px;
}
header .main-nav > ul > li:hover ul.sub {
  opacity: 1;
  visibility: visible;
}
header .main-nav > ul > li:hover > a {
  color: #fff;
  background-image: linear-gradient(to bottom, #b2c0e2 0%, #8ca4d3 100%);
}
header .main-nav > ul > li ul.sub {
  position: absolute;
  top: 58px;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s linear;
  padding-top: 2px;
}
header .main-nav > ul > li ul.sub li {
  /*display: inline-block;*/
  display: inline-flex;
  border-top: 3px solid #c1cd36;
  background: rgba(0, 46, 97, 0.8);
  position: relative;
  max-width: 240px;
  text-align: center;
}
header .main-nav > ul > li ul.sub li:after {
  display: block;
  content: "";
  width: 1px;
  top: 5px;
  right: -1px;
  bottom: 5px;
  background: #8da4d3;
  position: absolute;
  z-index: 1;
}
header .main-nav > ul > li ul.sub li:last-child:after {
  display: none;
}
header .main-nav > ul > li ul.sub li a {
  color: #fff;
}
header .main-nav > ul > li ul.sub li a:hover {
  background-color: #8ca2cf;
}
header .main-nav > ul > li ul.sub li a.current {
  background-color: #8ca2cf;
}
header .main-nav > ul > li:nth-child(1) ul.sub {
  left: 0px;
  width: 700px;
}
header .main-nav > ul > li:nth-child(2) ul.sub {
  left: -100%;
  width: 960px;
}
header .main-nav > ul > li:nth-child(3) ul.sub {
  left: -120%;
  /*width: 780px;*/
  width: 980px;
}
header .main-nav > ul > li:nth-child(4) ul.sub {
  left: -150%;
  width: 420px;
}

header .main-nav > ul > li {
  max-width: 210px;
  text-align: center;
}

header .main-nav > ul > li a {
  padding: 5px 15px;
  word-break: keep-all;
}

header .main-nav .dropdown-menu-large {margin: 0; width: 880px;}

@media screen and (min-width: 1024px) {
  header .main-nav > ul > li {
    max-width: 160px;
  }
}

@media screen and (min-width: 1600px) {

  header .main-nav > ul > li {max-width: 210px;}
  #en header .main-nav > ul > li {max-width: 360px; line-height: 60px; height: 60px;}

  header .brand h1 {
    padding: 27px 0 0 50px;
    font-size: 3.2rem;
  }

  header .main-nav > ul {/*width: 1250px;*/}
  header .main-nav .dropdown-menu-large {margin: 0; width: 1248px;}
  header .main-nav li.dropdown .dropdown-menu-large {width: 1248px;}
}

@media screen and (min-width: 1250px) {

  header .main-nav > ul > li {
    max-width: 170px;
    text-align: center;
  }

  #en header .main-nav > ul > li {
    max-width: 260px;
    text-align: center;
  }

  header .main-nav.about > ul > li {max-width: 160px;}

  header .main-nav > ul > li a {
    font-size: 1.8rem;
    padding: 0 20px;
  }
  header .main-nav > ul > li:nth-child(1) ul.sub {
    left: 0px;
    width: 1000px;
  }
  header .main-nav > ul > li:nth-child(2) ul.sub {
    left: -100%;
    width: 960px;
  }

  #en header .main-nav > ul > li:nth-child(2) ul.sub {
    left: -100%;
    width: 960px;
  }

  header .main-nav > ul > li:nth-child(4) ul.sub {
    left: -150%;
    width: 720px;
  }

  header .main-nav > ul > li {
    text-align: center;
  }
  header .main-nav > ul > li a {
    padding: 5px 10px;
    word-break: keep-all;
    height: 3.2em;
    vertical-align: middle;
  }

  header .main-nav > ul > li a.flexItem {height: 4.5em;}

  #en header .main-nav > ul > li a {padding: 5px 35px; display: table-cell;}
  #en header .main-nav > ul > li > ul > li a {padding: 5px 15px;}

  #en header .main-nav.about ul li ul li a {padding: 5px 20px;}
  header .main-nav .dropdown-menu-large {margin: 0; width: 940px;}
  header .main-nav .dropdown .dropdown-menu {left: -1010px;}
  header .main-nav > ul li ul.sub li:last-child .dropdown-menu-large {max-width: 650px;}
  header .main-nav > ul li ul.sub li:last-child .dropdown-menu-large .navigation-images li {width: 50%;}
}

@media screen and (min-width: 1600px) {

  header .main-nav > ul > li {max-width: 208px;}
  /* Last item */
  header .main-nav.about > ul > li {max-width: 185px;}
  header .main-nav.about > ul > li a {
    padding: 5px 25px;
  }

  header .main-nav .dropdown .dropdown-menu {left: -1061px;}
  header .main-nav li.dropdown .dropdown-menu-large {width: 1248px;}
}

/* Override the initial main-nav behaviour */

header #wrapper {width: 100%; margin-top: 1rem;}
header .portion-left {
  width: 72.5%;
  float: left;
  z-index:2;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  background: #f3f3f3;
  text-align: right;
}

header .portion-left .promote {
  border-top: 5px solid #dedede;
}

header .portion-left .promote .col-md-6 {line-height: 80px; text-align: left;}
header .portion-left .promote .col-md-6 img {margin: 0 10px 0 0;}
header .portion-left .promote .col-md-6 h3 {vertical-align: middle; display: inline-block; color: #002e61; font-size: 1.8rem; font-weight: 400; padding-top: 10px;}
header .portion-left .promote .devis-btn {text-align: right; padding: 5px 10px;}
header .portion-left .promote .devis-btn .btn {margin-top: 0px;}

header .breaker {width: 0.5%; min-height: 60px; float: left; background-color: #ffffff; z-index:10;}

header .portion-right {
  width: 27%; float: left; z-index:6; background: #f3f3f3; border-left: 1px solid #dedede; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;
}

@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
}

@media screen and (min-device-width: 1024px)
and (max-device-width: 1152px) {

  header .portion-left {width: 80%;}
  header .breaker {width: 2%;}
  header .portion-right {width: 19%;}

  header .breaker {width: 1%;}
  header .brand h1 {font-size: 2.2rem;}

  header .contact span {margin: 10px 70px 0 45px;}
  header .contact p.tel {font-size: 1.7rem;}

  header .main-nav li.dropdown .dropdown-menu-large {width: 989px;}
  header .main-nav > ul > li {max-width: 167px;}
  header .main-nav.about > ul > li {max-width: 141px;}
  header .main-nav .dropdown .dropdown-menu {left: -846px;}

  #en header .portion-left {width: 79%;}
  #en header .breaker {width: 2%;}
  #en header .portion-right {width: 19%;}

  #en header .main-nav li.dropdown .dropdown-menu-large {width: 994px;}
  #en header .main-nav.about > ul > li {max-width: 150px;}
  #en header .main-nav .dropdown .dropdown-menu {left: -891px;}

  #en header .contact p.tel {font-size: 3rem;}
  #en header .devis-btn .btn {font-size: 2.5rem;}
  #en header .opening-hours p.time-range {font-size: 1.4rem;}

}

@media screen and (min-device-width: 1153px)
and (max-device-width: 1280px) {

  header .portion-left {width: 78%;}
  header .breaker {width: 1%;}
  header .brand h1 {font-size: 2.2rem;}
  header .portion-right {width: 21%;}
  header .contact span {margin: 10px 70px 0 45px;}
  header .contact p.tel {font-size: 1.7rem;}

  header .main-nav li.dropdown .dropdown-menu-large {width: 988px;}
  header .main-nav > ul > li {max-width: 169px;}
  header .main-nav.about > ul > li {max-width: 127px;}
  header .main-nav .dropdown .dropdown-menu {left: -860px;}

  #en header .main-nav > ul > li {max-width: 210px;}
  #en header .main-nav > ul > li a {padding: 5px 20px;}
  #en header .main-nav.about ul li a {padding: 5px 16px;}

  #en header .portion-left {width: 79%;}
  #en header .breaker {width: 2%;}
  #en header .portion-right {width: 19%;}

  #en header .main-nav li.dropdown .dropdown-menu-large {width: 994px;}
  #en header .main-nav.about > ul > li {max-width: 150px;}
  #en header .main-nav .dropdown .dropdown-menu {left: -891px;}

  #en header .contact p.tel {font-size: 3rem;}
  #en header .devis-btn .btn {font-size: 2.5rem;}
  #en header .opening-hours p.time-range {font-size: 1.4rem;}
}

@media screen and (min-device-width: 1281px)
and (max-device-width: 1366px) {

  header .portion-left {width: 77%;}
  header .breaker {width: 1%;}
  header .portion-right {width: 22%;}

  header .brand h1 {font-size: 2.4rem;}
  header .portion-right {width: 21%;}
  header .contact {padding-left: 15px;}
  header .contact span {margin: 10px 70px 0 45px;}
  header .contact p.tel {font-size: 1.7rem;}

  header .main-nav li.dropdown .dropdown-menu-large {width: 992px;}
  header .main-nav > ul > li {max-width: 172px;}
  header .main-nav > ul > li a {padding: 5px 10px;}
  header .main-nav.about > ul > li {max-width: 124px;}
  header .main-nav .dropdown .dropdown-menu {left: -868px;}

  #en header .main-nav .dropdown .dropdown-menu {left: -867px;}

  #en header .main-nav > ul > li {max-width: 210px;}
  #en header .main-nav > ul > li a {padding: 5px 18px;}
  #en header .main-nav.about ul li a {padding: 5px 27px;}

  #en header .portion-left {width: 76.5%;}
  #en header .breaker {width: 1%;}
  #en header .portion-right {width: 22.5%;}

  #en header .contact p.tel {font-size: 3rem;}
  #en header .devis-btn .btn {font-size: 2.5rem;}
  #en header .opening-hours p.time-range {font-size: 1.4rem;}
}

@media screen and (min-device-width: 1367px)
and (max-device-width: 1440px) {
  header .portion-left {width: 75%;}
  header .breaker {width: 1%;}
  header .portion-right {width: 24%;}

  header .brand h1 {font-size: 2.5rem;} /* header */
  header .portion-right {width: 21%;}
  header .contact span {margin: 10px 70px 0 45px;}
  header .contact p.tel {font-size: 1.7rem;}

  header .main-nav li.dropdown .dropdown-menu-large {width: 992px;}
  header .main-nav.about > ul > li {max-width: 125px;}
  header .main-nav .dropdown .dropdown-menu {left: -866px;}

  #en header .main-nav li.dropdown .dropdown-menu-large {width: 989px;}
  #en header .main-nav.about > ul > li {max-width: 125px;}
  #en header .main-nav .dropdown .dropdown-menu {left: -864px;}

  #en header .main-nav > ul > li {max-width: 210px;}
  #en header .main-nav > ul > li a {padding: 5px 17px;}
  #en header .main-nav.about ul li a {padding: 5px 27px;}

  #en header .portion-left {width: 75%;}
  #en header .breaker {width: 1%;}
  #en header .portion-right {width: 24%;}

  #en header .contact p.tel {font-size: 3rem;}
  #en header .devis-btn .btn {font-size: 2.5rem;}
  #en header .opening-hours p.time-range {font-size: 1.4rem;}

}

@media screen and (min-device-width: 1441px)
and (max-device-width: 1600px) {
  header .portion-left {width: 77%;}
  header .breaker {width: 1%;}
  header .portion-right {width: 22%;}

  header .main-nav.about > ul > li {max-width: 180px;}
  header .main-nav .dropdown .dropdown-menu {left: -1068px;}
  header .main-nav li.dropdown .dropdown-menu-large {width: 1249px;}

  #en header .main-nav li.dropdown .dropdown-menu-large {width: 1248px;}
  #en header .main-nav.about > ul > li {max-width: 170px;}
  #en header .main-nav .dropdown .dropdown-menu {left: -1083px;}

  #en header .main-nav > ul > li {max-width: 250px;}
  #en header .main-nav > ul > li a {padding: 5px 40px;}
  #en header .main-nav.about ul li a {padding: 5px 47px;}

  #en header .portion-left {width: 78%;}
  #en header .breaker {width: 1%;}
  #en header .portion-right {width: 21%;}

  #en header .contact p.tel {font-size: 4rem;}
  #en header .devis-btn .btn {font-size: 3.5rem;}
  #en header .opening-hours p.time-range {font-size: 1.8rem;}

}

@media screen and (min-device-width: 1601px)
and (max-device-width: 1980px) {
  header .portion-left {width: 72%;}
  header .breaker {width: 1%;}
  header .portion-right {width: 27%;}

  #en header .main-nav > ul > li a {padding: 5px 36px;}

  #en header .main-nav li.dropdown .dropdown-menu-large {width: 1255px;}
  #en header .main-nav.about > ul > li {max-width: 200px;}
  #en header .main-nav .dropdown .dropdown-menu {left: -1064px;}

  #en header .main-nav.about ul li a {padding: 5px 60px;}
}

/*hamburger*/
.hamburger {
  position: relative;
  width: 55px;
  height: 55px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  outline: none;
}
.hamburger span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 22px;
  height: 2px;
  background-color: #8da4d3;
  z-index: 2;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.hamburger span:before, .hamburger span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 22px;
  height: 2px;
  background-color: #8da4d3;
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.hamburger span:after {
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
}
.hamburger:hover span:before {
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.hamburger:hover span:after {
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
.hamburger.is-opened {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hamburger.is-opened span {
  background: transparent;
}
.hamburger.is-opened span:before {
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.hamburger.is-opened span:after {
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}

.nav-on .hamburger span {
  background-color: #fff;
}
.nav-on .hamburger span:before, .nav-on .hamburger span:after {
  background-color: #fff;
}

/* Force hidding because lower resolutions are not supported (mobile website instead )*/
.hamburger { display: none;}

/* home */

@media screen and (min-width: 1600px) {}

@media screen and (min-width: 1250px){}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 768px){}

/* Vehicle boxes */
#home .selection .vehicle-box .vehicle-thumb {
  width:95%;
  height: auto;
  overflow:hidden;
}
#home .selection .vehicle-box {padding: 0 0 25px 0;}
#home .selection h2 {padding: 15px 0;}
#home .selection .vehicle-box h3,
#home .selection .vehicle-box a:link p, #home .selection .vehicle-box a:visited p {text-align: center; color: #4E5153;}
#home .selection .vehicle-box a:link p.green, #home .selection .vehicle-box a:visited p.green {color: #C1CD23;}
#home .selection .vehicle-box p.green {color: #C1CD23; font-size: 1.5rem; font-weight: 700;}
#home .selection .vehicle-box a:link p.blue, #home .selection .vehicle-box a:visited p.blue {color: #8CA4D5;}
#home .selection .vehicle-box p.blue {color: #8CA4D5; font-size: 2rem; font-weight: 700;}
#home .selection .vehicle-box p span {font-size: 2rem;}
#home .selection .vehicle-box a img {opacity: 1;}
#home .selection .vehicle-box a:hover img {opacity: 0.5;}

#home .featured .top {
  position: relative;
}
#home .featured .top .slider {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 30px;
}
#home .featured .top .slider .slide {
  position: relative;
}
#home .featured .top .slider .slide img {
  display: block;
  width: 100%;
}
#home .featured .top .slider .slide hgroup {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
  font-family: 'tfforever_lightitalic', 'Roboto', sans-serif;
}
#home .featured .top .slider .slide h3 {
  font-size: 3.6rem;
  font-style: italic;
  line-height: 1.1em;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
#home .featured .top .slider .slide h3 a {
  color: #fff;
}
#home .featured .top .slider .slide h4 {
  font-size: 2rem;
  font-style: italic;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
#home .featured .top .slider .slide h4 a {
  color: #fff;
}
#home .featured .top .slider .slick-dots {
  position: absolute;
  bottom: -25px;
  right: 5px;
  z-index: 5;
}
#home .featured .top .slider .slick-dots li {
  display: inline-block;
}
#home .featured .top .slider .slick-dots li button {
  width: 15px;
  height: 15px;
  margin-left: 5px;
  border: none;
  border-radius: 50%;
  background: #bcbcbc;
  text-indent: -9999px;
  outline: none;
  cursor: pointer;
}
#home .featured .top .slider .slick-dots li.slick-active button {
  background: #c1cd36;
}

#home .featured .top .slider .slick-prev,
#home .featured .top .slider .slick-next,
#footer section.temoignages .temoignages-slider .slick-prev,
#footer section.temoignages .temoignages-slider .slick-next {width: 40px; height: 40px;}

#home .featured .top .slider .slick-prev {
  left: 10px;
  background: transparent;
  z-index: 2;
}

#footer section.temoignages .temoignages-slider .slick-prev {
  left: -15px;
  background: transparent;
  z-index: 2;
}

#home .featured .top .slider .slick-next {
  right: 10px;
  background: transparent;
}

#footer section.temoignages h5 {text-align: left;}
#footer section.temoignages .temoignages-slider .slick-next {
  right: -15px;
  background: transparent;
}

/* Design arrows */
.slick-prev:before, .slick-next:before {
  font-family: "Glyphicons Halflings", "slick", sans-serif;
  font-size: 40px;
}

/*hide link - ticket 70 */
#home .featured .top .push a:link,
#home .featured .top .push a:visited,
#home .featured .top .push a:hover {text-decoration: none; pointer-events: none;}
#home .featured .top .push {margin-top: 10px;}
#home .featured .top .push a {
  display: block;
  width: 100%;
  color: #002e61;
  text-align: center;
  font-weight: 400;
  padding: 12px 0;
  font-size: 1.4rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 100%, rgba(0, 0, 0, 0.05) 101%);
}
#home .featured .top .push a span {
  display: block;
}

#home .selection h2 {color: #8CA4D5; font-size: 2rem; font-weight: 400; padding: 10px 0;}
#home .selection h2.green {color: #C1CD23;}
#home .selection .seven{
  background-image: -webkit-linear-gradient(150deg, #8CA4D5 50%, #C1CD23 50%);
  min-height: 15px;
  background: linear-gradient(150deg, #C1CD23 50%, #8CA4D5, #8CA4D5 50%);
}
#home .selection .sample {padding: 10px 0 0px; position: relative; width: 50%;}
#home .selection .sample:before {
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 101%);
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  height: 10px;
}
#home .rubs, #en .rubs {
  padding: 30px 0 15px;
  text-align: center;
  position: relative;
}
#home .rubs:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 101%);
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
  height: 100px;
}
#home .rubs:before {
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 101%);
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  height: 50px;
}

#home .blue-container {background-color: #8BA4D5;}
#home .blue-container .form-group {margin-bottom: 0;}

#en .rubs article h5 {padding: 10px 0; min-height: 58px;}
#en .formulaire {padding: 100px 0 20px 0;}
#home .rubs article, #en .rubs article {
  width: 100%;
  margin-bottom: 20px;
  display: block;
  position: relative;
  z-index: 5;
}
#home .rubs article p, #en .rubs article p {margin: 10px 0 0 0;}
#home .rubs article img, #en .rubs article img {
  display: block;
  width: 100%;
}
#home .rubs article a:hover img, #en .rubs article a:hover img {opacity: 0.75;}
#home .rubs article h3 {
  text-align: left;
  color: #002e61;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 4rem;
}

#home .rubs .input-group-btn {border: 2px solid #002e61 !important;}
#home .rubs .control-label {padding-right: 0; padding-left: 0;}

header .main-nav #lang-menu > ul > li ul.sub li
.navbar-nav .navbar-right .dropdown-menu {background: #002e61; text-align: center;}

header .navbar-default .container {overflow: visible;}
header .navbar-default section ul.navbar-left li.last {font-family: 'markMyWords'; color: #70CBCE;}
header .navbar-default section ul.navbar-left li.last a:link {color: #70CBCE;}
header .navbar-default section ul.navbar-left li.last a:visited {color: #70CBCE;}
header .navbar-default section ul.navbar-left li.last a:hover {color: #ffffff;}

/* External newsletter registration form */
form#register label, #register input[type=button] {color: #fff; font-weight: 400;}
form#register .form-control {width: 100%;}
form#register .row {margin: 5px 0 0 0;}
form#register .form-group {margin: 5px 0 0 0;}
form#register .row div:last-child {margin-top: 0px;}
form#register .btn-primary {background: #C1CD23; border: 0; margin: 0 0 5px 0;}
form#register .btn {border-radius: 0px;}

/* Vehicle slider in choix-voiture */
.page .featured {padding-bottom: 20px;}
.page .slider {
  width: 75%;
  float: right;
  margin-bottom: 0;
}
.page .push {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 24%;
  left: 0;
}
.page .top {position: relative; overflow: hidden;}
.tippy-content {font-size: 1.5rem; padding: 0.5em; line-height: 1.6em;}

.page .scrolling {
  position: fixed;
  top: 0;
}

.page #nav-vehicles {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.page #nav-vehicles li {
  color: #fff;
  border: 0px;
  margin-bottom: 2px;
  padding-left: 0;
}

.page #nav-vehicles li.slick-slide a {background: #E0E0E0; color: #565656;}
.page #nav-vehicles li.slick-current a {background: #565656; color: #ffffff;}
.page #nav-vehicles li a:hover, .page #nav-vehicles li a:active {
  background: #565656;
  color: #ffffff;
  text-decoration: none;
}

.page #nav-vehicles li a {
  display: block;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  text-align: left;
  padding: 20px 20px 20px 10px;
}

.page .slider-nav li.slick-active, .page .slider-nav li.slick-current {background: #565656;}

.page .top .slider .slick-dots {
  bottom: 10px;
  right: 10px;
}

.page .top .slider .slick-dots, #carslider .slick-dots {
  position: absolute;
  bottom: -10px;
  right: 10px;
  z-index: 5;
}

#carslider .slick-dots {bottom: 3%; right: 10%;}

.page .top .slider .slick-dots li, #carslider .slick-dots li {
  display: inline-block;
}

.page .top .slider .slick-dots li button, #carslider .slick-dots li button {
  width: 15px;
  height: 15px;
  margin-left: 5px;
  border: none;
  border-radius: 50%;
  background: #bcbcbc;
  text-indent: -9999px;
  outline: none;
  cursor: pointer;
}

.page .top .slider .slick-dots li.slick-active button, #carslider .slick-dots li.slick-active button {
  background: #c1cd36;
}

/* Scrollbar for vehicule_choix */
.scrollbar
{
  /*	margin-left: 30px;*/
  /*	width: 65px;*/
  margin-left: 0px;
  float: left;
  height: 625px;
  width: 100%;
  background: #F5F5F5;
  /*	overflow-y: scroll;*/
  margin-bottom: 25px;
  unicode-bidi:bidi-override;
  direction: rtl;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-left: 15px;
}

.force-overflow
{
  min-height: 450px;
}

@media screen and (min-width: 768px) {
  form#register label {line-height: 2em;}
  form#register label, #register input[type=button] {font-size: 1.1em;}
  form#register .form-group {margin: 0px;}
}

@media screen and (min-width: 1250px) {
  form#register label, #register input[type=button] {font-size: 1.2em;}
  #home .selection .vehicle-box h3 {font-size: 1.3rem;}
}

@media screen and (min-width: 1600px) {
  form#register label, #register input[type=button] {font-size: 1.4em;}
  #home .selection .vehicle-box h3 {font-size: 1.6rem;}
}

#home .rubs article.frontpage p {margin: 10px 30px 0px 30px;}

#home .headlines {padding: 50px 0 30px;}
#home .headlines {
  background: #ffffff;
  padding: 30px 0 0;
}
#home .headlines .article {
  line-height: normal;
  margin-bottom: 30px;
}

#home .headlines .article h4 {
  font-weight: 500;
  font-size: 2rem;
  color: #002e61;
  margin-bottom: 10px;
}
#home .headlines .article p {
  color: #333;
  font-size: 1.6rem;
}

.row .mentions p {font-size: 0.8em;}
#home .mentions p:last-child, .page .mentions p:last-child {padding-bottom: 15px;}

@media screen and (min-width: 565px) {

  #home .rubs article, #en .rubs article {
    width: 50%;
    float: left;
  }
  #home .rubs article:nth-child(even), #en .rubs article:nth-child(even) {
    padding-left: 5px;
  }
  #home .rubs article:nth-child(odd), #en .rubs article:nth-child(odd) {
    padding-right: 10px;
  }
  #home .rubs article h3 {
    font-size: 1.6rem;
  }

  #home .headlines .article {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {

  #home .featured .top .slider .slide hgroup {
    bottom: 15px;
    left: 20px;
  }
  #home .featured .top .slider .slide h3 {
    font-size: 3.4rem;
    font-style: italic;
  }
  #home .featured .top .slider .slide h4 {
    font-size: 2.4rem;
    font-style: italic;
  }
  #home .rubs {
    padding: 60px 0 30px;
  }
  #home .rubs article, #en .rubs article {
    margin-bottom: 20px;
  }
  #home .rubs article h3 {
    font-size: 2.2rem;
  }
  #home .rubs article:nth-child(even), #en .rubs article:nth-child(even) {
    padding-left: 24px;
  }
  #home .rubs article:nth-child(odd),  #en .rubs article:nth-child(odd) {
    padding-right: 25px;
  }

  #home .selection h2 {font-size: 2.4rem;}

  #home .selection .vehicle-box p.green {color: #C1CD23; font-size: 1.5rem;}
  #home .selection .vehicle-box p.blue,
  #home .selection .vehicle-box p span {font-size: 2rem;}

}
@media screen and (min-width: 1024px) {
  #home .featured .top {
    overflow: hidden;
    *zoom: 1;
  }
  #home .featured .top .slider {
    width: 75%;
    float: right;
    margin-bottom: 0;
  }
  #home .featured .top .slider .slide hgroup {
    bottom: 15px;
    left: 20px;
  }
  #home .featured .top .slider .slide h3 {
    font-size: 3.8rem;
  }
  #home .featured .top .slider .slide h4 {
    font-size: 2.8rem;
    font-style: italic;
  }
  #home .featured .top .slider .slick-dots {
    bottom: 10px;
    right: 10px;
  }
  #home .featured .top .push {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 25%;
    left: 0;
  }
  #home .featured .top .push a {
    height: calc(100% / 4);
    padding: 21px 20px 0;
    font-size: 1.8rem;
  }
  #home .featured .top .push a:hover {
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 101%);
  }

  #home .rubs article:nth-child(even), #en .rubs article:nth-child(even) {
    padding-left: 29px;
  }
  #home .rubs article:nth-child(odd), #en .rubs article:nth-child(odd) {
    padding-right: 30px;
  }

  #home .selection h2 {font-size: 2.8rem; padding: 10px 0;}

  #home .headlines .article h4 {
    font-size: 2.4rem;
  }
  #home .headlines .article p {
    color: #333;
    font-size: 1.8rem;
  }

  #home .selection .vehicle-box p.green,
  #home .selection .vehicle-box p.blue {font-size: 1.6rem;}
}
@media screen and (min-width: 1600px) {
  #home .featured .top .slider .slide hgroup {
    bottom: 15px;
    left: 20px;
  }
  #home .featured .top .slider .slide h3 {
    font-size: 5.2rem;
    line-height: 1.1em;
  }
  #home .featured .top .slider .slide h4 {
    font-size: 3rem;
  }
  #home .featured .top .push a {
    padding: 25px 20px 0;
    font-size: 2rem;
  }

  #home .featured .top .push a:first-child {padding: 35px 0 20px 5px;}
  #en #home .featured .top .push a:first-child {padding: 25px 0 20px 5px;}

  #home .rubs article {
    margin-bottom: 15px;
  }
  #home .rubs article:nth-child(even), #en .rubs article:nth-child(even) {
    padding-left: 29px;
  }
  #home .rubs article:nth-child(odd), #en .rubs article:nth-child(odd) {
    padding-right:30px;
  }
  #home .selection h2 {font-size: 3.4rem;}

}
/* common */
.breadcrumb {background-color: #ffffff;}

.content h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #002e61;
  font-size: 4.5rem;
  padding: 0.8em 0;
}

.content h2 {
   color: #8CA4D5;font-size: 2.9rem; font-weight: 400; padding: 1em 0;
}

.content .ce-textpic .ce-bodytext h2 {font-size: 2.9rem;}

.page .content h3 {
  color: #002e61; font-size: 2.4rem; font-weight: 400; padding: 1em 0;
}

.content h4 {
  color: #D2F004; font-size: 2rem; font-weight: 400; padding: 1em 0;
}

.content .error {font-weight: 400; color: #ff0000;}

.page .breadcrumb {
  margin: 20px 0 0 0;
  padding: 0;
}
.page .breadcrumb ul li {
  display: inline-block;
  margin-right: 7px;
  font-size: 1.4rem;
}
.page .breadcrumb ul li:after {
  content: ">>";
  display: inline-block;
  margin-left: 7px;
}
.page .breadcrumb ul li:last-child:after {
  display: none;
}
.page .breadcrumb ul li a {
  color: #002e61;
}
.page .breadcrumb ul li a:hover {
  text-decoration: underline;
}
.page .breadcrumb ul li span {
  color: #000;
}

@media screen and (min-width: 1024px) {
  .page .breadcrumb ul li {
    font-size: 1.6rem;
  }
}
.page {
  padding: 30px 30px 0 0;
}
.page p a {
  color: #0000D9;
}
.page p a:hover {
  text-decoration: underline;
}
.page h3 {
  font-family: 'tfforever_lightitalic', 'Roboto', sans-serif;
  color: #002e61;
  font-size: 2rem;
  padding: 0.5em 0 1.5em 0;
}

.page .v-wrapper-media-right h3, .page .v-wrapper-media-left h3 {padding-bottom: 2em;}

#en .page h3 {
  font-family: 'tfforever_lightitalic', 'Roboto', sans-serif;
  color: #002e61;
  font-size: 2rem;
  padding: 20px 0 7px;
}

#en .page .content h3 {padding: 1em 0; font-size: 2.4rem;}

#en .page .demande-devis h3 {
  color: #c1cd36;
  font-size: 2rem;
}

.page h4 {
  font-family: 'Roboto', sans-serif;
  color: #c1cd36;
  font-weight: 400;
  font-size: 1.8rem;
  margin-bottom: 12px;
}
.page p {
  color: #4f5253;
  margin-bottom: 10px;
  text-align: justify;
}
.page a.cta {
  display: block;
  width: 100%;
  background: #c1cd36;
  color: #fff;
  font-family: 'tfforever_lightitalic', 'Roboto', sans-serif;
  font-size: 2.7rem;
  padding: 10px 15px;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);
  max-width: 400px;
  margin: 30px auto 40px;
}

.page a.cta:active:focus {background-color: #D2F004;}
.page a.cta:hover, .page a.bouton:hover, .page a.sm-btn:hover {background-color: #D2F004;}

.page a.cta.locked {background: #e37d0b;}
.page a.cta.locked:hover {background-color: #f2a93c;}

.page #informations a.cta {max-width: 625px;}

#list-icons-occasions {position: relative;}
#list-icons-occasions .thumb {float: left; width: 25%; text-align: center;}
#list-icons-occasions .thumb span {display: block; width: 75%; margin: 0 auto;}
h3.occasion {font-size: 4.2rem; padding: 20px 0 7px; color: #002e61;}

.page a.cta:hover {text-decoration: none;}
.page hr {
  border: 1px solid #8da4d3;
  margin-bottom: 20px;
}
.page ul.qa {
  margin-bottom: 15px;
}
.page .coordonnees ul.qa li, .page .tab-content ul.qa li {
  padding: 0.2em 0 0.2em 1em;
  background: url("../img/puce-bleue.png") no-repeat 0 12px;
}
.page .coordonnees ul.qa li p, .page .tab-content ul.qa li p {
  font-size: 1.8rem;
  margin-bottom: 0;
  color: #4f5253;
}

/* Due to a change in the line-height */
.page .coordonnees ul.qa li {background: url("../img/puce-bleue.png") no-repeat 0 15px;}

.page .coordonnees h4 {color: #727272; font-size: 2.5rem; margin-bottom: 0.5em; padding: 1.5em 0 0.5em 0;}
.page .seller-coords {
  border-width:5px;
  border-style:solid solid;
  border-color:#E0E0E0;
  padding: 0.5em 1.5em 1.5em 1.5em;
}

.page .seller-coords p, .page .seller-coords .green p {margin-bottom: 0; line-height: 30px;}
.page .size-m4 p.tel {
  font-weight: 700;
  color: #c1cd36;
  margin-top: 0.2em;
  line-height: 9.2rem;
  background: url("../img/phone.png") no-repeat 0 25px;
  padding-left: 60px;
  display: inline-block;
  background-size: 50px;
}

.page .size-m4 p.tel.is-handynamic {line-height: 4.2rem;}

.page .size-m2 p.tel {
  color: #c1cd36;
  margin-top: 5px;
  line-height: 3.2rem;
  background: url("../img/phone.png") no-repeat 0 25px;
  padding-left: 50px;
  display: inline-block;
  background-size: 35px;
}

.page .contact-bloc h4 {color: #002E5F;}
.page .contact-bloc p {font-size: 2rem;}
.page .contact-bloc p.tel {
  color: #002E5F;
  font-weight: 600;
  margin-top: 5px;
  line-height: 2.3rem;
  background: url("../img/phone-blue@2x.png") no-repeat 0 15px;
  padding-left: 50px;
  display: inline-block;
}

.page .contact-bloc p.tel span {font-weight: normal; font-size: 1.2rem;}

.page .contact-bloc p.mail {
  color: #002E5F;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 3rem;
  background: url("../img/letter-blue@2x.png") no-repeat;
  padding-left: 50px;
  display: block;
}

.page .contact-bloc p.horaires {text-align: center;}
.page .contact-bloc p.horaires strong {font-weight: 400;}
.page .ce-bodytext strong {font-weight: bold;}

.page .contact-bloc a {font-weight: 600;}

.page .seller-coords ul li {line-height: 30px;}

.page .back-to-list {margin: 2em 0 1.5em 0;}
.page .back-to-list p {line-height: 30px; font-weight: bold; font-size: 2.6rem;}
.page .back-to-list p a:link, .page .back-to-list p a:hover, .page .back-to-list p a:visited {text-decoration: none; color: #002e61; padding-left: 0.5em;}
.page .back-to-list .arrow-back:before {
  content: "";
  display: block;
  background: url("../img/back-arrow.png") no-repeat;
  width: 42px;
  height: 35px;
  float: left;
  margin: 0 6px 0 0;
}

/* Occasions */
.page .selection h3, .page .filter-search h4 {color: #002e61; font-size: 2.8rem; padding: 5px 0 10px 0;}
.page .filter-search h4 {margin-bottom: 0px; font-weight: 200;}
.page .filter-search h4 span {float: right; font-size: 2.3rem;}
.page .filter-search .dropdown-panel {position: absolute; z-index: 10; /*height: 250px;*/ max-width: 1250px; width: 100%;}
.pages-number {text-align: center; color: #5D5D5D; margin: 5px 0;}

#results + .pages-number {
  margin-top:225px;
}

.page .filter-search .dropdown-panel .pages-number {margin: 25px 0;}
.page .filter-search .dropdown-panel .pages-number a:link, .pages-number a:link{color: #5D5D5D;}
.page .filter-search .dropdown {
  display: inline-block;
}

.page .selection .img-responsive {display: inline-block;}
.page .selection .vehicle-box h4 {color: #4f5253; font-size: 2.5rem; font-weight: 200; margin-bottom: 0px;}
.page .selection .vehicle-box.text-center p {text-align: center;}

.page .list-occasions {padding: 1px 0 10px 0; margin-top: 0px;}
.page .list-occasions .voiture h5 {color: #1E3160; background-color: #d9dad9; font-size: 4.2rem; padding: 0 0 15px 0;}
.page .list-occasions .voiture h5 a:link, .page .list-occasions .voiture h5 a:visited {color: #1E3160;}
.page .list-occasions .voiture h6 {color: #1E3160; font-size: 2.8rem;}
.page .list-occasions .voiture ul {margin-bottom: 5px;}
.page .list-occasions .voiture .wrap aside img {margin: 15px 0 5px 0;}
.page .list-occasions .voiture ul img {vertical-align: bottom;}
.page .list-occasions .voiture p {margin-bottom: 5px;}
.page .list-occasions .voiture p span {color: #1E3160; font-size: 5.5rem;}
.page .list-occasions .voiture p.reserve span {font-size: 3rem;}
.page .list-occasions .voiture p.reserve span {color: #ff0000;}
.page .list-occasions p.reserve {font-weight: 400; color: #ff0000; padding: 0.3em 0;}
.page .list-occasions p.reserve i {padding: 0; border: 0;}

.page .search-occasion .no_result {padding: 50px 0 90px 30px; margin-top: 200px;}
.page .search-occasion .no_result strong {font-weight: 600;}
.voiture .wrap .description a.btn:focus {
  background-color: #D2F004;
}
.voiture .wrap .description a.btn:hover {
  background-color: #D2F004;
}

/* Embrace elements inside a link */
#home .selection .vehicle-box a:link, .page .selection .vehicle-box a:link {display: block; width: 100%;}
#home .selection .vehicle-box a:hover, .page .selection .vehicle-box a:hover {text-decoration: none;}


.page .search-occasion {margin: 5px 0 20px 0;}
.page .search-occasion p.looking-for {
  color: #8BA3D4;
  font-weight: 300;
  font-size: 2.5rem;
  margin-top: 30px;
  margin-bottom: 10px;
  line-height: 3rem;
  background: url("../img/looking-for-vehicle.png") no-repeat 0 0;
  padding-left: 60px;
  display: inline-block;
}

.page .search-occasion p.register-mail {
  color: #C1CC23;
  font-weight: 300;
  font-size: 2.5rem;
  maegin-top: 10px;
  margin-bottom: 10px;
  line-height: 3rem;
  background: url("../img/register-mail-icon.png") no-repeat 0 0;
  padding-left: 60px;
  display: inline-block;
}

.page .search-occasion .form-control {border-radius: 0;}
.page .search-occasion input[type="text"]{
  outline: none;
  box-shadow: none !important;
  border: 2px solid #002e61 !important;
  border-right: 0 !important;
}

.page .search-occasion .input-group {width: 65%;}
.page .search-occasion .input-group-btn {color: #002e61;}
.page .search-occasion .input-group-btn:last-child > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.page .search-occasion form button.btn {
  padding: 5px 12px;
  background-color: #ffffff;
  border: 2px solid #002e61;
}
.page .search-occasion form button.green {
  background-color: #C1CD23;
  color: #ffffff;
}

.page .filter-search .dropdown-panel .pages-number a.prev:link, .page .filter-search .dropdown-panel .pages-number a.next:link,
.pages-number a.prev:link, .pages-number a.next:link {text-decoration: underline;}


.page .filter-search .bg-panel {background-color: #002e61; width: 100%; padding: 10px 5px 10px 10px;}
.page .filter-search .dropdown-menu {border-radius: 0px; border: 1px solid #002e61; box-shadow: unset;}
.page .filter-search .dropdown-menu > li > a {color: #002e61; font-weight: 100;}
.page .filter-search .dropdown-menu > li > a:focus, .page .filter-search .dropdown-menu > li > a:hover {background-color: #8BA3D4; background-image: none;}
.page .filter-search .dropdown-menu > li.select {background-color:#C1CD23;}
.page .filter-search .btn {border-radius: 0px; border: 1px solid #002e61; background-color: #ffffff; color: #002e61; font-size: 1.7rem;}

.page .filter-search .search-btn {float: right;}

@media(max-width:1440px){
  .page .filter-search .search-btn {float: none;}
}

.page .filter-search .search-btn .btn-success {background: #C1CD23; color: #ffffff; font-size: 1.7rem;}
.page .filter-search .search-btn .btn-success:active:focus {
  background-color: #D2F004;
}
.page .filter-search .search-btn .btn-success:hover {
  background-color: #D2F004;
}

/* List images in locations */
.page .content ul.media-grid {padding-left: 0px;}

.page ul.media-grid li {
  position: relative;
  display: inline-grid;
  text-align: center;
}

.page .media-grid span {
  text-align: center;
  margin: 0 auto;
  opacity: 1;
  color: #002e61;
  max-width: 205px;

}
.page .media-grid a {
  float: none;
  display: inline-block;
}

.page .media-grid img {
  padding: 4px;
  /*	margin-bottom: 10px;	*/
}

.page .media-grid .btn-right {
  position: absolute;
  bottom: 10px;
  right: 6px;
  font-size: 1.9rem;
  position: absolute;
  bottom: 65px;
  right: 15px;
  float: none;
  color:#ffffff;
  background: #C1CC23;
  padding: 5px;
}

.page .media-grid .btn-right:hover {
  text-decoration: none;
}

.page .media-grid li {opacity: 1; filter: alpha(opacity=50); /* For IE8 and earlier */}
.page .media-grid li:hover {opacity: 0.5; filter: alpha(opacity=100); /* For IE8 and earlier */}

/*
.page .media-grid img {
	opacity: 0.5;
    filter: alpha(opacity=50);
}
.page .media-grid img:hover {
	opacity: 1.0;
    filter: alpha(opacity=100);
}
*/

.page .baner {
  position: relative;
  margin-bottom: 15px;
}
.page .baner img {
  display: block;
  width: 100%;
}
.page .baner h3 {
  color: #fff;
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 10px;
  left: 20px;
}
.page img.agences {
  display: block;
  width: 100%;
  max-width: 537px;
  margin: 20px auto;
}
.page .agency {
  padding-bottom: 20px;
}
.page .agency p a {
  color: #0000D9;
}
.page .agency p a:hover {
  text-decoration: underline;
}
.page address {
  color: #8da4d3;
  font-size: 1.8rem;
  margin-bottom: 20px;
  font-weight: 500;
}
.page address a {
  color: #002e61;
}
.page address a:hover {
  text-decoration: underline;
}
.page a.social {
  line-height: 7.1rem;
  padding-left: 90px;
  font-size: 1.2rem;
  display: block;
  margin-bottom: 15px;
}
.page a.social.twitter {
  background: url("../img/twitter.png") no-repeat;
  color: #21abde;
}
.page a.social.youtube {
  background: url("../img/youtube.png") no-repeat;
  color: #ed363e;
}
.page .opinion h5 {
  padding: 25px 0 10px;
  color: #c1cd36;
  font-weight: 400;
  font-size: 2rem;
  display: block;
}
.page .opinion span {
  display: block;
  color: #002e61;
  font-size: 1.6rem;
  padding: 0 0 20px;
}

@media screen and (min-width: 375px) {
  .page a.social {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .page h4 {
    font-size: 2rem;
    margin-bottom: 20px;
  }
  .page p {
    margin-bottom: 20px;
    font-size: 1.8rem;
  }
  .page a.cta {
    padding: 20px 0;
  }
  .page ul.qa li p {
    font-size: 1.8rem;
  }
  .page .baner {
    margin-bottom: 30px;
  }
  .page img.agences {
    margin: 30px auto;
  }
  .page address {
    margin-bottom: 30px;
  }
  .page a.social {
    font-size: 2.5rem;
  }
  .page .opinion h5 {
    padding: 30px 0 15px;
    font-size: 2.2rem;
  }
  .page .opinion span {
    font-size: 1.8rem;
    padding: 0 0 20px;
  }
  .page .opinion:nth-child(even) h5, .page .opinion:nth-child(even) span {
    text-align: right;
  }
}
@media screen and (min-width: 1024px) {
  .page {
    padding: 60px 0 0 0px;
  }
  .page a.cta {
    font-size: 3rem;
  }
  .page a.social {
    font-size: 2.9rem;
  }
}
.voiture {
  margin: 10px 0 30px;
}

.voiture h5 a:hover {
  text-decoration: underline;
  color:inherit;
}

.voiture h5 a {
  color: inherit;
  font-size:inherit;
}

.voiture .documents {padding: 20px 0 0 50px;}

.page .bouton, .page .sm-btn {
  display: inline-block;
  text-align: center;
  font-size: 3.5rem;
  width: 100%;
  padding: 10px 15px;
  background: #C1CC23;
  color: #FFF;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);
}

.page .sm-btn {font-size: 2rem;}

.page .content .voiture .bouton {font-size: 2rem;}
.page .ce-bodytext a.bouton {font-size: 3.5rem;}
.page .ce-bodytext a.sm-btn {font-size: 2rem;}


.voiture a.bouton:hover, .voiture a.bouton:focus {text-decoration: none;}

.voiture h5 {
  background: #8BA3D4;
  font-family: 'tfforever_lightitalic', 'Roboto', sans-serif;
  color: #fff;
  padding: 10px;
  font-size: 1.8rem;
}
.voiture .wrap {
  padding: 20px;
  background: #d9dad9;
}
.voiture .wrap aside img {
  width: 100%;
  display: block;
  margin-bottom: 15px;
}

/*.voiture.occasion .wrap aside img {width: 100%;}*/

.voiture .wrap .description ul {
  padding: 0 0.5em 1em 0;
  margin: 0 0 0 1em;
}

.voiture .wrap .description ul:first-child {padding-left: 1em;}
.voiture .wrap .description ul li {
  list-style-type: disc;
}
.voiture .wrap .description ul li p {
  margin-bottom: 5px;
}
.voiture .wrap .description ul li p a {
  color: #002e61;
}
.voiture .wrap .description ul li p a:hover {
  text-decoration: underline;
}

.voiture .wrap .description ul li a.pdf {
  line-height: 42px;
  color: #002e61;
  text-decoration: underline;
}

.voiture .wrap .description ul.documents {margin: 0.5em 0 0 3em;}
.voiture .wrap .description ul.documents li {padding: 0.5em 0;}

.voiture .wrap .description ul .pdf {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.voiture .wrap .description ul .pdf:before {
  content: " ";
  background: url("../img/pdf.png");
  position: absolute;
  left: -50px;
  width: 43px;
  height:42px;
  top: -10px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.voiture .wrap .description ul .pdf:hover:before, .pdf:focus:before, .pdf:active:before {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

.voiture .wrap .description a.btn {
  display: inline-block;
  width: 100%;
  background: #C1CC23;
  color: #fff;
  font-family: 'tfforever_lightitalic', 'Roboto', sans-serif;
  font-size: 3rem;
  padding: 0 15px;
  line-height: 5.5rem;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0;
}

#en .voiture .wrap .description ul.qa {padding: 0 0 5px 20px;}
#en .voiture .wrap .description a.bouton-devis {
  display: inline-block;
  background: #C1CC23;
  color: #fff;
  font-family: 'tfforever_lightitalic', 'Roboto', sans-serif;
  font-size: 1.5rem;
  padding: 0 15px;
  line-height: 3rem;
  font-weight: 500;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  margin-bottom: 10px;
}

#en .voiture .wrap .description a.bouton-devis:active:focus {background-color: #D2F004;}
#en .voiture .wrap .description a.bouton-devis:hover {background-color: #D2F004; text-decoration: none;}

@media screen and (min-width: 375px) {
  .voiture h5 {
    padding: 10px 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {

  .page .bouton, .page .sm-btn {
    text-align: left;
    width: auto;
  }

  .page .description a.button {font-size: 2rem;}

  .voiture h5 {
    padding: 10px 20px;
    font-size: 2.4rem;
  }
  .voiture .wrap {
    overflow: hidden;
    *zoom: 1;
  }
  .voiture .wrap aside {
    width: 25%;
    float: left;
    color: #1E3160;
  }
  .voiture .wrap .description {
    width: 75%;
    float: left;
    padding-left: 15px;
  }

  .voiture.occasion .wrap aside {width: 35%;}
  .voiture.occasion .wrap .description {width: 65%;}

  .voiture .wrap .description ul li p {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
  .voiture .wrap .description a.btn {
    width: auto;
    font-size: 3rem;
    padding: 0 20px;
    line-height: 5.5rem;
    float: right;
    text-align: right;
    border-radius: 0;
  }
}
@media screen and (min-width: 1024px) {
  .voiture h5 {
    padding: 15px 20px;
    font-size: 2.8rem;
  }
  .voiture .wrap {
    position: relative;
  }
  .voiture .wrap .description {
    padding-left: 30px;
  }

  .voiture.occasion .wrap .description {padding-left: 30px;}
  .voiture .wrap .description a.btn {
    font-size: 3.6rem;
    line-height: 6.1rem;
    position: absolute;
    bottom: 30px;
    right: 20px;
    float: none;
  }
}
.page p i {
  padding: 2px 5px;
  border: 1px solid #4F5253;
}

.page p i.fa-wheelchair {
  background: #4F5253;
  padding: 2px 3px;
  color: #fff;
  border: none;
}

.page .qa li i {
  padding: 2px 5px;
  border: 1px solid #002e61;
}

.page .qa li i.fa-wheelchair {background: #002e61; color: #fff; padding: 1px 1px 4px 3px; border-radius: 5px; font-size: 1.3rem; vertical-align: text-bottom;}
.page .qa li i.fa-male {color: #002e61; padding: 1px 4px 4px 4px; border-radius: 5px; font-size: 1.3rem; vertical-align: text-bottom;}
.page .qa span {font-weight: 400; color: #002e61;}

.page #carslider {
  width: 100%;
  margin-bottom: 30px;
}
.page #carslider .slide {
  position: relative;
}
.page #carslider .slide img {
  display: block;
  margin: auto;
  max-width: 100%;
  /*max-height:833px;*/
}
.page #carslider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  border: none;
  background: url("../img/arrows.png") no-repeat;
  text-indent: -9999px;
  width: 34px;
  height: 51px;
  cursor: pointer;
  outline: none;
}
.page #carslider .slick-arrow.slick-next {
  right: 10px;
  background-position: 0 -51px;
}
.page #carslider .slick-arrow.slick-prev {
  left: 10px;
}
.page .cta i {
  font-size: 1em;
  border: 3px solid #fff;
  border-radius: 10px;
  padding: 5px 8px;
  margin-right: 10px;
}
.page menu#anchor, .page menu#tabs {
  margin-bottom: 30px;
}
.page menu#anchor li,.page menu#tabs li {
  display: block;
  background: #afafaf;
  border-bottom: 1px solid #4f5253;
}
.page menu#anchor li a, .page menu#tabs li a {
  display: block;
  line-height: 48px;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.page menu#anchor li a:hover, .page menu#tabs li a:hover {
  color: #4f5253;
  background: #e0e0e0;
  text-decoration: none;
}
.page .video {
  width: 100%;
}
.page .video .player {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.page .video .player iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.page .content ul {
  margin-bottom: 0.5em;
  padding-left: 2em;
  font-size: 1.8rem;
  color: #4f5253;
  list-style: none;
}

.page .content ul.reset-ul li {margin-left: 0; padding-left: 0;}
.page .content ul.reset-ul, #amenagement ul.qa, #vehicule ul.qa, #equipement ul.qa, .coordonnees ul.qa, #tabs ul.occasion-menu {padding-left: 0;}
#amenagement ul.qa span {font-weight: bold;}

.page .content .text-wrap {text-align: justify;}
.page .content .text-wrap ul {padding-left: 2em;}
.page .content .text-wrap ul li,
.page .content .col-md-4 ul li,
.page .content .ce-textpic ul li,
.page .content .text-and-image-wrap-right ul li,
.page .content .text-and-image-wrap-left ul li {
  padding: 0 0 0 1.2em;
  margin: 0 0 1.5em 0;
  font-size: 1.8rem;
  background: url("../img/puce.png") no-repeat 0 0.5em;
  text-align: justify;
}
.page .content .text-and-image-wrap-left ul {padding-left: 2em;}
.page .content .v-wrapper-media-right ul {clear: both;}
/*.page .content .text-and-image-wrap-left ul li {clear: both;}*/
.page article.single-video {
  margin-bottom: 20px;
}

.page article.rub {
  /*  border-bottom: 40px solid #8da4d3;*/
  margin-bottom: 30px;
}
.page article.rub h4, .page article.rub h2:first-child {
  background: #98AAD7;
  font-family: 'tfforever_lightitalic', 'Roboto', sans-serif;
  color: #fff;
  padding: 10px;
  font-size: 1.8rem;
  margin: 0.7em 0;
}
.page article.rub h5 {
  font-family: 'tfforever_lightitalic', 'Roboto', sans-serif;
  padding: 10px 0;
  font-size: 1.6rem;
  color: #4f5253;
  color: #002e61;
}
.page article.rub h6 {
  color: #8da4d3;
  font-weight: 400;
  margin-bottom: 10px;
  font-size: 1.9rem;
}
.page article.rub .gallery {
  font-size: 0;
  margin: 0 0 20px 0;
}
.page article.rub .gallery img {
  width: 100%;
  display: block;
  margin-bottom: 6px;
}
.page article.rub img.full {
  display: block;
  width: 100%;
  margin: 30px 0;
}
.page article.rub section {
  border-bottom: 1px solid #B9BEC1;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.page article.rub section h6 {
  color: #99ABD8;
}
.page article.rub section img {
  /* width: 100%; backlog HANDYNAMICV2-8 */
  display: block;
}
.page #tour360 .tour {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.page #tour360 .tour iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page select.autre {
  min-width: 320px;
  line-height: 3rem;
  border: 1px solid #002e61;
  color: #002e61;
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  height: 3rem;
}

@media screen and (min-width: 375px) {
  .page article.rub h4, .page article.rub h2:first-child {
    padding: 10px 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {

  .page menu#anchor, .page menu#tabs {
    width: 100%;
  }

  .page menu#anchor ul, .page menu#tabs ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
  }
  .page menu#anchor ul li, .page menu#tabs ul li {
    display: table-cell;
    border: none;
    position: relative;
    width: 33%;
  }
  .page menu#anchor ul li:after, .page menu#tabs ul li:after {
    content: '';
    display: block;
    width: 1px;
    background: #ccc;
    position: absolute;
    top: 4px;
    bottom: 4px;
    right: 0;
  }

  .page menu#anchor ul {float: inherit; padding: 0;}
  .page menu#anchor ul li:last-child:after, .page menu#tabs ul li:last-child:after {
    display: none;
  }
  .page menu#anchor ul li a, .page menu#tabs ul li a {
    display: block;
  }
  .page article.rub h4, .page article.rub h2:first-child{
    padding: 10px 20px;
    font-size: 2.4rem;
  }
  .page article.rub h5 {
    padding: 20px 0;
    font-size: 1.8rem;
  }
  .page article.rub h6 {
    font-size: 1.8rem;
  }
  .page article.rub .gallery {
    overflow: hidden;
    *zoom: 1;
  }
  .page article.rub .gallery img {
    width: calc(99.9999% / 3);
    float: left;
    margin-bottom: 0;
  }
  .page article.rub .gallery img:nth-child(1) {
    padding-right: 4px;
  }
  .page article.rub .gallery img:nth-child(2) {
    padding-right: 2px;
    padding-left: 2px;
  }
  .page article.rub .gallery img:nth-child(3) {
    padding-left: 4px;
  }
  .page article.rub .gallery img:nth-child(4) {
    padding-right: 4px;
    margin-top: 6px;
  }
  .page article.rub .gallery img:nth-child(5) {
    padding-right: 2px;
    padding-left: 2px;
    margin-top: 6px;
  }
  .page article.rub .gallery img:nth-child(6) {
    padding-left: 4px;
    margin-top: 6px;
  }
  .page article.rub section {
    overflow: hidden;
    *zoom: 1;
  }

  .page article.rub section img {
    /* width: 40%; backlog HANDYNAMICV2-8 */
    text-align: center;
    max-width: 400px;
    /*    float: left;*/
  }
  .page article.rub section:nth-child(odd) div {
    float: right;
    padding-right: 0;
  }

  .page article.rub section:nth-child(even) img {float: right; padding: 0 0px 0.5em 0.5em;}
  .page article.rub section:nth-child(odd) img {float: left; padding: 0 0.5em 0.5em 0;}
}
@media screen and (min-width: 1024px) {
  .page article.rub h4, .page article.rub h2:first-child {
    padding: 10px 20px;
    font-size: 4.2rem;
  }
  .page article.rub h5 {
    font-size: 2.1rem;
  }
}
body.apple .page #tour360 {
  display: none;
}
body.apple .page #anchor li.tour360 {
  display: none;
}

.page section.tarifs {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 15px;
  background: url("../img/swipe-icon.png") no-repeat right bottom;
}
.page section.tarifs div {
  width: 100%;
  overflow-x: scroll;
}
.page table {
  font-size: 1.4rem;
}
.page table thead {
  padding: 15px 0;
}
.page table thead tr {
  background: #8da4d3;
}
.page table thead tr th {
  padding: 0.8em;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  min-width: 120px;
}
.page table thead tr th:first-child {
  min-width: 93px;
  width: 93px;
}
.page table tbody tr {
  border-top: 2px solid #dbdbdb;
  background: #eee;
}
.page table tr td {
  text-align: center;
  color: #4f5253;
  font-weight: 400px;
  text-transform: uppercase;
}
.page table tr td:first-child {
  width: 93px;
  line-height: 0;
}
.page table tr td:first-child img {
  display: block;
}
.page table tr:nth-child(even) {
  background: #e7e7e7;
}
.page table.fixed-column {
  position: absolute;
  display: inline-block;
  width: 93px;
  border-right: 1px solid #ddd;
  z-index: 2;
  left: 0;
  top: 0;
}

.page table a.margin-right {margin-right: 1em;}
.page table#ads-management img.illustration {max-width: 14rem;}
.page table#ads-management th:nth-child(2) {width:20%;}
/* Table for plus-minus */
.page #informations .table-rte {text-align: center;}
.page #informations table {width: 70%; margin: 0 auto;}
.page #informations table thead tr {background: none;}
.page #informations table thead tr th {text-transform: none; font-weight: 400;}
.page #informations table thead tr th:first-child {color: #00BF00;}
.page #informations table thead tr th:last-child {color: #E00000;}
.page #informations table ul {padding: 0 0 20px 20px;}
.page #informations table ul li {list-style-type: disc;}
.page #informations table tr td {text-transform: none; font-weight: normal; font-size: 1.6rem;}
.page #informations table tr td {text-align: left; vertical-align: top; padding: 10px;}
.page #informations table tr td:first-child {width: 50%; line-height: normal;}
.page #informations table tr td:first-child ul {padding: 0 0 5px 40px;}

/* Table for scheme */
.page #schema .table-rte {text-align: center;}
.page #schema table, .page #spec table {width: 75%; margin: 2em 0; border: 2px solid #000;}
.page #schema table td, .page #schema table th,
.page #spec table td, .page #spec table th {border: 1px solid #000; background-color: #fff; text-transform: none; padding: 0.5em;}
.page #schema table thead tr, .page #spec table thead tr {background: none;}
.page #schema table thead tr th, .page #spec table thead tr th {font-weight: 700; color: #032850; background-color: #E1E1E1;}
.page #schema table tr td:first-child,
.page #spec table tr td:first-child {width: 70%; line-height: normal;}
.page table td p {margin-bottom: 0px;}
.page article.rub .table-rte h4 {margin: 0.7em 0;}

.page article.rub section {margin-top: 30px; margin-bottom: 0px;}

.page #telechargements {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: table;
  table-layout: fixed;
  overflow: hidden
}
.page #telechargements ul {margin: 0 auto; padding: 20px 0;}
.page #telechargements ul li {display: inline}
.page #telechargements ul li {
  line-height: 42px;
  color: #002e61;
  text-decoration: underline;
  position: relative;
  margin-left: 70px;

}
.page #telechargements ul li img  {
  vertical-align: middle;
  margin-right: 15px;
}

.page #telechargements ul li .pdf::before {
  content: " ";
  background: url("../img/pdf.png");
  position: absolute;
  left: 5px;
  top: -10px;
  width: 43px;
  height: 42px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.page #telechargements ul li a {color: #0000D9;}
.page #telechargements ul li a.pdf:hover:before,
.page #telechargements ul li a.pdf:focus:before,
.page #telechargements ul li a.pdf:active:before {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

.page #scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.4);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.page #scroll-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.page #scroll-to-top:hover {
  background: rgba(0, 0, 0, 0.7);
}

.page #scroll-to-top:hover i {
  color: #fff;
  top: 5px;
}

/* tab content for occasion */
.page .tab-content {display: none;}
.page .current {display: inherit;}

@media(min-width:384px){
  .page #telechargements ul li {padding: 0 50px}
}

@media(min-width:768px){
  .page #telechargements ul li {padding: 0 60px;}
}

@media(min-width: 1250px){
  .page #telechargements ul li {padding: 0 60px;}
}

.page .vehiculepres {position: relative; padding-bottom: 65px;}
.page .vehiculepres::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 101%);
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
  height: 100px;
}

.page .showcase .row img {width: 96%;}
.page .showcase h4 {margin: 0.5em 0 0.5em 0;}
.page .showcase h6 {color: #002D62; padding: 20px 0; font-size: 2.1rem;}
.page .showcase .row .col-xs-12, .page .showcase .row .col-md-6 {text-align: center;}

.page .blue-light p, .page p.blue-light {color: #8BA3D4;}
.page .blue-dark p {color: #002D62; text-align: center;}
.page .green p {color: #C1CC23; margin-bottom: 10px;}
.page .size-m2 p, .page .size-m2 ul li {font-size: 3.1rem;}
#en .page .size-m2 p.tel {font-size: 2.7rem;}
.page .size-m3 p, .page .size-m3 ul li {font-size: 3.5rem;}
.page .size-m4 p, .page .size-m4 ul li {font-size: 4.8rem;}
.page .blue-light p span {font-size: 4.5rem;}
#en .page .blue-light p span {font-size: 7rem;}
.page p.blue-light span {font-size: 3.8rem; font-weight: 400;}
.page .green p span {font-size: 1rem;}
#en .page .green p.tel span {font-size: 1.6rem; font-weight: normal; color: #888888;}

.page .blue-dark p i.fa-wheelchair,
.page .blue-dark p i.fa-male {color: #002D62; background: #ffffff; padding: 2px 5px; border: 1px solid #002D62; border-radius: 2px;}
.page .blue-dark p i.fa-wheelchair {color: #ffffff; background: #002D62;}

#specs .blue-light p {line-height: 3.2em;}
#specs a.cta {padding: 10px; margin: 0 0 10px 0; font-size: 3.5rem; font-weight: 700;}
#specs .green p {font-weight: 700;}
#specs .green p i, #specs-occasion .green p i, .seller-coords .green p i {border: none;}
/*#specs .green p span {margin-left: 45px;}*/
#specs .green p strong {font-size: 3.5rem; color: #C1CC23;}

/* Occasions */
#specs-occasion h4 {color: #727272; font-size: 3rem;}
#specs-occasion p.reserve {font-weight: 400; color: #ff0000;}
#specs-occasion a.cta, .seller-coords a.cta {max-width: 450px; padding: 0.5em 0; margin: 0 0 20px 0;}
#specs-occasion a.cta.locked {padding: 1.2em 0}
#specs-occasion .blue-light {font-weight: 600;}
#specs-occasion .blue-light p {margin-bottom: 5px; margin-top: 50px;}
#specs-occasion .blue-light p span {font-size: 6.2rem;}
#specs-occasion ul li i {color: #8BA3D4;}
#specs-occasion .size-m4, .seller-coords .size-m4 {font-size: 6rem;}
#specs-occasion .size-m4 span, .seller-coords .size-m4 p span {font-size: 2rem;}
#en #specs .blue-light p {text-align: center;}
.page p.num-offre {font-size: 2.2rem;}
.page p i

.page .dropdown .blue-dark {border-top:4px solid #002D62;}
.occasion-menu li {width: 33%;}
.page menu#tabs li a.current {color: #3C3C3C;}
.occasion-menu > li > a.current {background-color: #E0E0E0;}

/* Devis multisteps */
.stepsdevis_1 {
  background-image: url(../img/demande_devis_multisteps.png);
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  width: 650px;
  height: 135px;
  /*    margin: 0 auto;*/
}

.stepsdevis_2 {
  background-image: url(../img/demande_devis_multisteps.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  display: block;
  width: 650px;
  height: 135px;
  /*    margin: 0 auto;*/
}

.stepsdevis_1, .stepsdevis_2{margin-bottom: 100px;}

/*#localisations {position: fixed; top: 0; left: 80%; opacity: 0.8}*/
#localisations p {font-size: 1.6rem;}
#localisations h4 {font-size: 2rem; color: #ffffff; padding:5px;}
#localisations .lille h4 {background-color: #B6D134;}
#localisations .lille p { line-height: 30px;}
#localisations .lille p.tel {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lille/green-tel.png) no-repeat 0 3px;
}
#localisations .lille p.mail {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lille/green-mail.png) no-repeat 0 3px;
}
#localisations .lille p.website {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lille/green-website.png) no-repeat 0 3px;
}
#localisations .lille p.opening {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lille/green-openings.png) no-repeat 0 3px;
}

/* Lyon */
#localisations .lyon p { line-height: 30px;}
#localisations .lyon p.tel {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lyon/blue-tel.png) no-repeat 0 3px;
}
#localisations .lyon p.mail {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lyon/blue-mail.png) no-repeat 0 3px;
}
#localisations .lyon p.website {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lyon/blue-website.png) no-repeat 0 3px;
}
#localisations .lyon p.opening {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lyon/blue-openings.png) no-repeat 0 3px;
}

#localisations .lourdes p { line-height: 30px;}
#localisations .lourdes p.tel {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lourdes/tel.png) no-repeat 0 3px;
}
#localisations .lourdes p.mail {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lourdes/mail.png) no-repeat 0 3px;
}
#localisations .lourdes p.website {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lourdes/website.png) no-repeat 0 3px;
}
#localisations .lourdes p.opening {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lourdes/openings.png) no-repeat 0 3px;
}

#localisations .rennes p { line-height: 30px;}
#localisations .rennes p.tel {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/rennes/orange-tel.png) no-repeat 0 3px;
}
#localisations .rennes p.mail {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/rennes/orange-mail.png) no-repeat 0 3px;
}
#localisations .rennes p.website {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/rennes/orange-website.png) no-repeat 0 3px;
}
#localisations .rennes p.opening {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/rennes/orange-openings.png) no-repeat 0 3px;
}

#localisations .lisbon p { line-height: 30px;}
#localisations .lisbon p.tel {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lisbon/tel.png) no-repeat 0 3px;
}
#localisations .lisbon p.mail {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lisbon/mail.png) no-repeat 0 3px;
}
#localisations .lisbon p.website {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lisbon/website.png) no-repeat 0 3px;
}
#localisations .lisbon p.opening {
  margin-top: 0;
  padding-left: 42px;
  background: url(../img/agences/lisbon/openings.png) no-repeat 0 3px;
}

#localisations .lyon h4 {background-color: #1052A0;}
#localisations .lourdes h4 {background-color: #8F96CA;}
#localisations .rennes h4 {background-color: #F9A347;}
#localisations .lisbon h4 {background-color: #BB71AE;}
#localisations .localisation-box {padding-bottom: 20px;}
#localisations .localisation-box div {text-align: right;}
#localisations .localisation-box p {margin-bottom: 5px;}
#localisations .localisation-box a.cta {display: inline; padding: 5px; font-size: 2rem;}

#localisations .localisation-box:last-child {padding-bottom: 100px;}

.contact-bloc {border: 1px solid #8BA3D4; margin: 0 auto; padding: 20px; color: #002E5F; margin: 0 0 50px 0;}
.page .contact-bloc p {color: #002E5F;}
.page .contact-bloc p i {border: none;}
.page hr.grey {border: 1px solid #E0E0E0; margin-bottom: 25px;}
.page .bold {font-weight: 400;}
.page .fares {margin-bottom: 20px;}
.page .fares table thead tr th {padding: 10px;}
.page .fares table tbody tr td {padding: 10px;}

@media screen and (min-width: 1024px) {
  .page section.tarifs {
    margin-bottom: 0;
    background: none;
  }
  .page section.tarifs div {
    overflow-x: visible;
  }
  .page table {
    font-size: 1.6rem;
  }
  .page table.fixed-column {
    display: none;
  }
}
.formulaire {
  font-size: 1.6rem;
  color: #4f5253;
  width: 100%;
  max-width: 600px;
  /*  margin: 30px auto;*/
}
.formulaire fieldset {
  padding-bottom: 10px;
}
.formulaire fieldset label {
  width: 100%;
  display: block;
  margin-bottom: 3px;
}
.formulaire fieldset label.long {
  font-weight: 500;
}
.formulaire fieldset label.full {width: 100%; padding: 10px 0; font-weight: 400;}
.formulaire fieldset .big {font-size: 115%; font-weight: 400; margin-left: 10px; }
.formulaire fieldset .optin span {line-height: 25px;}
.formulaire fieldset .optin input {margin: 0 10px;}
.formulaire fieldset .optin label {width: 80px;}
.formulaire fieldset input[type="text"], .formulaire fieldset textarea {
  width: 100%;
  display: block;
  border: 2px solid #002e61 !important;
}

.formulaire fieldset select {border: 2px solid #002e61 !important;}

.formulaire fieldset textarea {
  height: 150px;
}

.formulaire fieldset select {width: 50%;}

.formulaire fieldset p {
  font-style: italic;
  font-size: 1.4rem;
  max-width: 560px;
  margin-bottom: 0;
}

.formulaire fieldset img {margin-left: 5px; vertical-align:middle;}
.formulaire fieldset.last span {
  display: block;
  padding-bottom: 10px;
}
.formulaire fieldset.last label {
  display: inline-block;
  width: auto;
}
.formulaire fieldset p i {
  border: none;
}

.formulaire .submit {text-align: center;}
.formulaire input[type=submit] {
  color: #ffffff;
  padding:5px 15px;
  background:#C4D600;
  border:0 none;
  cursor:pointer;
  padding: 10px 15px;
  font-weight: 500;
  font-size: 2.5rem;
}

.formulaire input:hover {background: #D2F004;}

.page .formulaire p {font-size: 1.5rem;}
.page .formulaire p.mandatory {font-size: 1.2rem; padding: 10px 0;}
.page .formulaire .mandatory em {color: #8BA3D4;}
.page .formulaire fieldset .newsletter label {width: 48px;}
.page .formulaire form {padding: 0 0 30px 0;}

@media screen and (min-width: 768px) {
  .formulaire {
    font-size: 1.6rem;
    color: #4f5253;
  }
  .formulaire fieldset {
    overflow: hidden;
    *zoom: 1;
  }
  .formulaire fieldset label {
    width: 260px;
    display: inline-block;
    margin-bottom: 0;
  }
  .formulaire fieldset input[type="text"], .formulaire fieldset textarea {
    width: 300px;
    display: inline-block;
  }
  .formulaire fieldset textarea {
    display: block;
    width: 560px;
    margin-top: 10px;
  }
  .formulaire fieldset.last span {
    display: block;
    padding-bottom: 0;
    float: left;
  }
  .formulaire fieldset.last div {
    float: left;
    padding-left: 20px;
  }
  .formulaire fieldset.last label {
    display: inline-block;
    width: auto;
  }

  #en .formulaire fieldset .form-group input[type="text"] {width: 100px;}
  #en .formulaire fieldset .form-group .input-group-btn {width: 22%;}
}
/*footer*/
footer {
  background: #002e61;
  color: #fff;
  padding: 30px 0 15px;
  font-size: 1.6rem;
  line-height: normal;
}
footer section img {
  width: 75%;
  max-width: 300px;
  display: block;
}
footer section address {
  display: block;
  padding: 30px 0 0;
}
footer section address p {
  margin-bottom: 10px;
}
footer section address a {
  display: block;
  color: #fff;
  line-height: 24px;
  padding: 10px 0 10px 30px;
}
footer section address a:hover {color: #C1CD23;}

footer section address a.tel {
  background: url("../img/phone-white.png") no-repeat 0 center;
}
footer section address a.mail {
  background: url("../img/mail.png") no-repeat 0 center;
}

footer section.links {
  padding: 20px 0 0;
}

footer section.temoignages {
  padding: 30px 0 0 10px;
}

footer section.links a {
  color: #8da4d3;
  line-height: 40px;
}
footer section.links a:hover {
  color: #c1cd36;
}

footer section.temoignages div.cbox {background-color: #073468; padding: 10px; text-align: center;}
footer .social {
  text-align: center;
  padding: 30px 0;
}

footer .social a {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0 10px;
  background: url("../img/social.png") no-repeat;
}
footer .social a.twitter {
  background-position: 0 -50px;
}
footer .social a.instagram {
  background-position: 0 -100px;
}
footer .social a.youtube {
  background-position: 0 -150px;
}
footer .social a:hover {
  background-color: #8da4d3;
}
footer p.legal {
  text-align: center;
  font-weight: 100;
  font-size: 1.4rem;
}

footer section.temoignages .temoignages-slider {
  /*	display:table;*/
  width:100%;
}

footer section.temoignages .containslide {display: table}
footer section.temoignages .containslide .contentslide {
  display:table-cell;
  height:140px;
  text-align:center;
  vertical-align:middle;
  width:100%;
}

footer section.temoignages .containslide .contentslide blockquote {margin: 0 auto; font-style: italic; width: 80%;}
footer section.temoignages .containslide .contentslide h5 {margin: 0 25px; font-size: 2.2rem;}
footer section.temoignages .containslide .contentslide p {color: #98AAD7; text-align: right; margin-right: 1em;}

@media screen and (min-width: 768px) {
  footer {
    padding: 40px 0 15px;
  }
  footer .container {
    padding: 0 20px;
  }
  footer section {
    overflow: hidden;
    *zoom: 1;
    width: 33%;
    float: left;
  }
  footer section img {
    width: 100%;
  }
  footer section.links,
  footer section.temoignages {
    padding: 70px 0 0 10px;
  }
  footer .social {
    clear: both;
  }
}
@media screen and (min-width: 1024px) {
  footer {
    padding: 60px 0 15px;
    font-size: 1.8rem;
  }
  footer .container {
    padding: 0 30px;
  }
  footer section address {
    padding: 40px 0 0;
  }
  footer section address p {
    margin-bottom: 10px;
  }
  footer section.links {
    padding: 95px 0 0 10px;
  }
  footer section.temoignages {
    padding: 70px 0 0 10px;
  }
  footer .social {
    padding: 40px 0;
  }
  footer .social a {
    margin: 0 25px;
  }

  #home .selection .vehicle-box p.green {font-size: 1.8rem;}
  #home .selection .vehicle-box p span, #home .selection .vehicle-box p.blue {font-size: 2.3rem;}
}
@media screen and (min-width: 1250px) {

  footer section.links {
    padding: 100px 0 0 0;
  }
  footer section.temoignages {
    padding: 45px 0 0 10px;
  }
  footer .container {
    padding: 0 40px;
  }
  #home .selection .vehicle-box p.green {font-size: 1.8rem;}
  #home .selection .vehicle-box p span, #home .selection .vehicle-box p.blue {font-size: 2.5rem;}

}

@media screen and (min-width: 1367px) {
  #home .selection .vehicle-box p.green {font-size: 1.8rem;}
}

@media screen and (min-width: 1600px) {
  #home .selection .vehicle-box p.green {font-size: 2rem;}
}

/* Additional CSS for higher navbar */
.navbar-brand > img {
  display: inline;
}

nav .navbar-collapse .flag-nav {margin: 1em 0 0 0.4em;}

header .navbar-default {
  height: 55px;
  background: #002e61;
  border-bottom: 5px solid #99ABD8;
  box-shadow: 0px 50px 100px 0px rgba(0, 0, 0, 0.1);
}
header .navbar-default section {
  text-align: right;
}
header .navbar-default section ul.navbar-nav a {
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
}

@media (min-width: 768px) {
  header .nav > li > a {padding: 15px 5px;}
}

@media screen and (min-width: 1250px) {
  header .navbar-default section ul.navbar-nav a { font-size: 1.8rem; }
  nav .navbar-collapse .flag-nav {margin: 1em 0 0 1em;}
  header .nav > li > a {padding: 15px 15px;}
}

header .navbar-default section ul.navbar-nav a:hover {color: #8da4d3;}
header .navbar-default section ul.navbar-nav li {color: #fff;}
header .navbar-default section ul.navbar-nav li:after {
  content: '|';
  margin: 0 5px;
  color: #ffffff;
}
header .navbar-default section ul.navbar-nav li:last-child:after {
  display: none;
  margin: 0;
}
header .navbar-default section ul.navbar-nav li:hover {
  color: #8da4d3;
}
header .navbar-default section ul.navbar-nav li:hover:after {
  color: #fff;
}
header .navbar-default .blue-cl {background: #99ABD8; margin-right: 0;}

header .navbar-default section ul.blue-cl a:link,
header .navbar-default section ul.blue-cl a:visited {color: #ffffff;}
header .navbar-default section ul.blue-cl a:hover {color: #002e61;}
header .navbar-default .flags-nav {margin-left: 1.3em;}

header .navbar-default section ul.navbar-nav .green,
header .navbar-default section ul.navbar-nav .green a,
header .navbar-default section ul.navbar-nav .green a:link,
header .navbar-default section ul.navbar-nav .green a:visited {color: #CDCE02;}
header .navbar-default section ul.navbar-nav .green a:hover {color:#ffffff;}

header .navbar-right .dropdown-menu {background: rgba(0, 46, 97, 0.8); border-radius: 0px; border: 1px solid #002e61; box-shadow: unset;}
header .navbar-right .dropdown-menu > li {text-align: center;}
header .navbar-right .dropdown-menu > li > a {color: #002e61; font-weight: 100;}
header .navbar-right .dropdown-menu > li > a:focus {background-color: #8BA3D4; background-image: none;}
header ul#lang-menu {margin-right: 0; color: #ffffff;}
header ul#lang-menu .dropdown-menu {padding: 0; min-width: 120px;}
header ul#lang-menu .dropdown-menu a {width: 100%;}
header ul#lang-menu > .open > a, header ul#lang-menu > .open {
  color: #ffffff;
  background-color: rgba(0, 46, 97, 0.8);
  background-image: none;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  color: #ffffff;
  background-color: rgba(0, 46, 97, 0.8);
  background-image: none;
}

header ul#lang-menu li::after {content: none;}

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  header .navbar-default .diagonal, header .navbar-default .flags-nav {display: none;}
  header .navbar-default ul.blue-cl {background: #99ABD8; margin-right: 0; display: none;}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  header .navbar-default .diagonal, header .navbar-default .flags-nav {display: none;}
  header .navbar-default ul.blue-cl {background: #99ABD8; margin-right: 0; display: none;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  header .navbar-default .diagonal, header .navbar-default .flags-nav {display: none;}
  header .navbar-default ul.blue-cl {background: #99ABD8; margin-right: 0; display: none;}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
  header .navbar-default ul.blue-cl {background: #99ABD8; margin-right: 0; display: none;}
  header .navbar-default .diagonal, header .navbar-default .flags-nav {display: none;}
}

.v-wrapper-media-left, .v-wrapper-media-right {margin-bottom: 10px;}
.media-wrap-r, .media-wrap-l {
  float: none;
  margin: 0;
}

.ce-center .ce-gallery {text-align: center;}
.ce-below, .ce-above {margin: 1em 0;}

/* Content page */

.v-wrapper-media-left, .v-wrapper-media-right {position: inherit;}
.v-wrapper:before {
  content: ' ';
  display: inline-block;
  vertical-align: top;
  height: 100%;
}

.v-wrapper-media-left .media-wrap {
  float:left;
  padding: 0 15px 15px 0;
  /*width: 40%;*/
  vertical-align: top;
}
.v-wrapper-media-right .media-wrap {
  float:right;
  padding: 0 0 15px 15px;
  /*width: 40%;*/
  vertical-align: top;
  text-align: right;
}

.v-wrapper-media-left .text-wrap {float: right; width: 58%;}
.v-wrapper-media-right .text-wrap {float: left; width: 58%;}

.v-wrapper-media-right .media-wrap img.agences, .v-wrapper-media-left .media-wrap img.agences {margin: 20px auto;}

.v-wrapper-media-left.car-render img {padding: 0 0.5em 0.5em 0;}
.v-wrapper-media-right.car-render img {padding: 0 0 0.5em 0.5em;}
/* Normal behaviour for text and image wrap */
.text-and-image-wrap-right .image, .text-and-image-wrap-left .image {display: block; text-align: center;}
.text-and-image-wrap-right img {padding: 0 0 1em 2em;}
.text-and-image-wrap-left img {padding: 0 2em 1em 0;}

@media screen and (min-width: 1250px) {

  /*.v-wrapper-media-left .media-wrap { width: 30%; }*/
  /*.v-wrapper-media-right .media-wrap { width: 30%; }*/

  /*.v-wrapper-media-left .text-wrap {width: 68%;}*/
  /*.v-wrapper-media-right .text-wrap {width: 68%;}*/

}

@media screen and (min-width: 1024px) {

  /*.car-render img {*/
    /*width: 100%;*/
  /*}*/

  /*.v-wrapper-media-left .media-wrap { width: 35%; }*/
  /*.v-wrapper-media-right .media-wrap { width: 35%; }*/

  /*.v-wrapper-media-left .text-wrap {width: 63%;}*/
  /*.v-wrapper-media-right .text-wrap {width: 63%;}*/

  /* Text wrap image left or right */
  .text-and-image-wrap-right img.floatRight {float: right;}
  .text-and-image-wrap-left span.image {float: left;}
  .text-and-image-wrap-right .image {display: block;}
  .text-and-image-wrap-right .image {text-align: right;}
  .text-and-image-wrap-left .image {text-align: left;}
}

.page img.agences {width: initial;}

.page .clear{clear:both;}

/* Extra Small */
@media(max-width:767px){}

/* Small */
@media(min-width:768px) and (max-width:991px){}

/* Medium */
@media(min-width:992px) and (max-width:1199px){}

/* Large */
@media(min-width:1200px){}

/* Devices - laptop only! */
@media screen and (min-device-width: 1024px)
and (max-device-width: 1280px) {

}

@media screen and (min-device-width: 1281px)
and (max-device-width: 1366px) {

}

@media screen and (min-device-width: 1367px)
and (max-device-width: 1440px) {

}

@media screen and (min-device-width: 1441px)
and (max-device-width: 1600px) {

}

@media screen and (min-device-width: 1601px)
and (max-device-width: 1980px) {

}

/*BACK TO TOP*/
a.scroll-top.scroll-top-visible {
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 1020;
  background-color: #002E61;
  color: #fff;
  bottom: 30px;
  right: 50px;
  position: fixed;
  width: 60px;
  height: 60px;
}
a.scroll-top.scroll-top-visible > i{
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 45%;
  left: 50%;
  font-size: 50px;
}

header .main-nav.about li.dropdown .dropdown-menu-large {
  width: 600px;
  left: -220%;
}

.page .vehiculepres .content ul li {
  list-style: inside;
}