/* ############" FONTS ################## */
@font-face {
  font-family: 'open_sanslight';
  src: url('/images/fonts/opensans-light-webfont.eot');
  src: url('/images/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('/images/fonts/opensans-light-webfont.woff') format('woff'), url('/images/fonts/opensans-light-webfont.ttf') format('truetype'), url('/images/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansbold';
  src: url('/images/fonts/opensans-bold-webfont.eot');
  src: url('/images/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('/images/fonts/opensans-bold-webfont.woff') format('woff'),
  url('/images/fonts/opensans-bold-webfont.ttf') format('truetype'),
  url('/images/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BebasNeueRegular';
  src: url('/images/fonts/bebasneue-webfont.eot');
  src: url('/images/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('/images/fonts/bebasneue-webfont.woff') format('woff'), url('/images/fonts/bebasneue-webfont.ttf') format('truetype'), url('/images/fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ############ GENERAL ######################### */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  vertical-align: top;
}
a {
  color: #939393;
  text-decoration: underline;
}
a:hover {  opacity: .8; }
:focus {  outline: 0; }
h1,h2,h3,h4,h5,h6 {
  margin: 0px 0px 5px 0px;
  line-height: 1.35;
  font-weight: normal;
  color: #0a263c;
}
h1 {  font-size: 20px;}
h2 {  font-size: 18px;}
h3 {  font-size: 16px;}
h4 {  font-size: 14px; }
h2 {
    font-family: BebasNeueRegular;
    font-size: 24px;
    color: #0D0D0D;
    margin: 0px 0px 10px 0px;
  
  color: #333;
  clear: both;    
  background: no-repeat 0px 21px url("/images/general/picto-titre.jpg");
  padding: 20px 0px 0px 35px;  
}
body {
  font-family: open_sanslight, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.40;
  color: #000;
  background: #262626;
}
@media (min-width:600px) {
  body { font-size: 14px; }
}

.main {
  width: 100%;
  min-width: 320px;
  max-width: 980px;
/*  width: 980px;*/
  margin: 0 auto;
  padding: 20px 10px 30px 10px;
  min-height: 400px;
  background: #fff;
  border-bottom: 1px solid #d4d4d4;
}

@media (min-width:600px) {
  .main { padding: 35px 20px 30px 20px; }
}

h1 img {
	width: 100%;
	max-width: 700px;
}

#home-table  {
  width: 100%;
}
.button {
  margin-left: 5px;
  text-align: center;
  display: block;
  font-family: BebasNeueRegular;
  font-size: 22px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 22px;
  color: #fff;
  background-color: #f18200;
  background-image: -webkit-linear-gradient(top, #e2001a, #80000f);
  background-image: -moz-linear-gradient(top, #e2001a, #80000f);
  background-image: -o-linear-gradient(top, #e2001a, #80000f);
  background-image: linear-gradient(to bottom, #e2001a, #80000f);
  border-radius: 4px;
  padding: 5px 15px 7px 15px;
  height: 36px;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.button :hover{
  opacity: 0.8;
}
.prixactu {
  font-size: 40px;
  font-family: BebasNeueRegular;
  color: #e2001a;
  padding: 0px 10px;
}
.prixbarre {
  font-size: 24px;
  text-decoration: line-through;
}
.percentage {
  background-image: url('/images/origin.png');
  background-repeat: no-repeat;
  -webkit-background-size: 879px 704px;
  -moz-background-size: 879px 704px;
  background-size: 879px 704px;
  background-position: -750px -93px;
  width: 55px;
  height: 55px;
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 24px;
  font-family: BebasNeueRegular;
  line-height: 55px;
  text-align: center;
  color: #fff;
  z-index: 10;
}
.percentage span {
	display: block;
	-webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
}
.titrepage {
  margin: 0px 0px 25px 0px;
  padding: 0px;
  line-height: 36px;  
  font-family: BebasNeueRegular;
  font-size: 40px;  
  font-weight: normal;
  color: #0d0d0d;
}

.chapeau {
  color: #000000;
  text-align: justify;
}
.chapeau a {
  color: #FF0000;
}
.chapeau p {
  margin-bottom: 10px;  
}

/* #################" HEADER #################### */
.header {
  position: relative;
min-width: 320px;
max-width: 980px;
  height: 191px;
  margin: auto;
  padding: 0px;
  z-index: 10;
  background: #333;
  background: top right url('/images/general/axelera_header_2020.jpg') no-repeat;
}
.logo {
  position: absolute;
  left: 10px;
  top: 10px;
  margin: 0 0 0 0;
  cursor: pointer;
  
}
.logo:hover {  opacity: 1; }
.logo img {
  width: 100%;
  max-width: 389px;
}
.baselinelogo {
  position: absolute;
  left: 15px;
  top: 80px;
  font-size: 13px;
  font-family: BebasNeueRegular;
  color: #fff;
  letter-spacing: 2.6px;
  text-transform: capitalize;
}
.baselinelogo span { color: #e30613; }
@media (min-width: 440px) {
  .logo {  top: 10px; left: 15px; }
}
#headertel {
  position: absolute;
  right: 0px;
  bottom: 0px;
  font-size: 24px;
  font-family: BebasNeueRegular;
  padding: 3px 20px 3px 55px;
  color: #fff;
  text-decoration: none;
  background: top 3px left 10px url('/images/general/pictotel.png') no-repeat  rgba(0,0,0,0.45);
}
#header_cl {
  display: none;
  position: absolute;
  top: 103px;
  left: 20px;
  border: none;
}
#header_cb {
  display: none;
  position: absolute;
  top: 12px;
  left: 19px;
  border: none;
}

@media (min-width: 580px) {
  #headertel {
    right: 0px;  top: 0px; bottom: auto;
    color: #e30613;
  }
}
@media (min-width: 850px) {
  #headertel {
    padding-left: 65px;
    right: 20px;  font-size: 32px;
    background-position: top 10px left 10px;
   }
  #header_cb { display: block; }
  #header_cl { display: block; }
  .logo { left: 175px;  top: 25px; }
  .baselinelogo { left: 177px;  top: 98px; }
}
/*
.header-client {
  position: absolute;
  left :860px;
  top: 15px;
  padding: 0px 0px 0px 20px;
}
.header-client:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  background-image: url('/images/origin.png');
  background-repeat: no-repeat;
  -webkit-background-size: 879px 704px;
  -moz-background-size: 879px 704px;
  background-size: 879px 704px;
  background-position: -861px -214px;
  width: 13px;
  height: 13px;
}
.header-panier {
  position: absolute;
  top: 68px;
  right: 30px;
  padding-left: 50px;
  font-family: BebasNeueRegular;
  font-size: 20px;
  color: #fff;
}
.header-panier:before {
  background-image: url('/images/origin.png');
  background-repeat: no-repeat;
  -webkit-background-size: 879px 704px;
  -moz-background-size: 879px 704px;
  background-size: 879px 704px;
  background-position: -805px -93px;
  width: 42px;
  height: 42px;
  content: "";
  position: absolute;
  top: -7px;
  left: 0;
}
*/
/* ##################### ARIANE ########################## */

.breadcrumbs-container {
  display: none;
min-width: 320px;
max-width: 980px;
  margin: 0 auto;
  background: #fff;
  border-bottom: 1px solid #d4d4d4;
  padding: 15px 0;
}
@media (min-width:600px) {
  .breadcrumbs-container {  display: block;  }
}

.breadcrumbs-container .breadcrumbs {
  margin: auto;
min-width: 320px;
max-width: 980px;
  padding: 0 20px;
}
.breadcrumbs-container .breadcrumbs .lienhome {
  cursor: pointer;
}
.breadcrumbs-container .breadcrumbs li {
  display: inline;
}
.breadcrumbs-container .breadcrumbs li a {
  text-decoration: none;
  color: #0d0d0d;
}
.breadcrumbs-container .breadcrumbs li strong {
  color: #939393;
  font-weight: normal;
}
.breadcrumbs-container .breadcrumbs li a + span {
  background-image: url('/images/origin.png');
  background-repeat: no-repeat;
  -webkit-background-size: 879px 704px;
  -moz-background-size: 879px 704px;
  background-size: 879px 704px;
  background-position: -874px -120px;
  width: 5px;
  height: 9px;
  text-indent: -200em;
  overflow: hidden;
  display: inline-block;
  margin: 0 3px 0 5px;
}

/* #################### MENU ######################### */
.menu {
  display: table;
width: 100%;
min-width: 320px;
max-width: 980px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  z-index: 100;
}
.menu #barre {
width: auto;
  margin: 0 auto;
padding: 0;
  display: table-row;
  background-color: #0d0d0d;
  background-image: -webkit-linear-gradient(bottom, #80000f, #e2001a);
  background-image: -moz-linear-gradient(bottom, #80000f, #e2001a);
  background-image: -o-linear-gradient(bottom, #80000f, #e2001a);
  background-image: linear-gradient(to top, #80000f, #e2001a);
}

.menu #barre > li {
    position: relative;
    display: table-cell;
    cursor: pointer;
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
    font-family: BebasNeueRegular;
    font-size: 21px;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 32px;
    text-align: center;
    letter-spacing: -0.6px;
    list-style: outside none none;
    border-width: 0 1px;
    border-style: solid;
    border-color: transparent #8a0010 transparent #bb2630;
}

.menu #barre > li:first-child {
  background-color: #febf01;
  background-image: -webkit-linear-gradient(top, #ffde00, #feae02);
  background-image: -moz-linear-gradient(top, #ffde00, #feae02);
  background-image: -o-linear-gradient(top, #ffde00, #feae02);
  background-image: linear-gradient(to bottom, #ffde00, #feae02);
  border: none;
}

.menu #barre > li:first-child:hover {
  background-color: #e2001a;
  background-image: -webkit-linear-gradient(bottom, #ffde00, #feae02);
  background-image: -moz-linear-gradient(bottom, #ffde00, #feae02);
  background-image: -o-linear-gradient(bottom, #ffde00, #feae02);
  background-image: linear-gradient(to top, #ffde00, #feae02);
}

.menu #barre > li:first-child > a {
  color: #3d340a;
}
.menu #barre > li a {
    color: #FFFFFF;
    text-decoration: none;
}
.menu #barre > li:hover {
  background-color: #e2001a;
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.66);
  -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.66);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.66);
  background-image: -webkit-linear-gradient(top, rgba(128, 0, 15, 0.64), rgba(226, 0, 26, 0.64));
  background-image: -moz-linear-gradient(top, rgba(128, 0, 15, 0.64), rgba(226, 0, 26, 0.64));
  background-image: -o-linear-gradient(top, rgba(128, 0, 15, 0.64), rgba(226, 0, 26, 0.64));
  background-image: linear-gradient(to bottom, rgba(128, 0, 15, 0.64), rgba(226, 0, 26, 0.64));    
}
.menu #barre > li a:hover {
      opacity: 1;
}

.menu #barre .wssm:hover > a:after {
  content: "";
  display: block;
  background-image: url('/images/origin.png');
  background-repeat: no-repeat;
  -webkit-background-size: 879px 704px;
  -moz-background-size: 879px 704px;
  background-size: 879px 704px;
  background-position: -840px -83px;
  width: 15px;
  height: 7px;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  z-index: 1000;
}

.menu #barre > li ul {
  display: none;
  position: absolute;
  left: 0;
  top: 32px;
  z-index: 999;
  border-bottom: solid 1px #FFF;
  background: #0D0D0D none repeat scroll 0% 0%;
  padding: 27px 20px;
  border-bottom: 1px solid #FFF;
  color: #FFF;
  text-align: left;

}
.menu #barre > li:hover ul {
  display: block;
 }
 
.menu #barre > li ul>li {
  position: relative;
  display: block;
  padding-bottom: 1px; 
  white-space: nowrap;
  display: block;
  cursor: pointer;
  box-sizing: border-box;
  margin: 0px;
  padding: 2px 2px 2px 10px;
  text-transform: none;
  font-family: open_sanslight;
  font-size: 14px;
}
.menu #barre > li ul>li:hover {
      opacity: 0.8;
}
.menu #barre > li ul>li a {
    border-bottom: solid 1px #FFF;
} 

.menu #barre > li ul>li a:before {
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    left: -5px;
    width: 6px;
    height: 6px;
    background-image: url("/images/origin.png");
    background-repeat: no-repeat;
    background-size: 879px 704px;
    background-position: -870px -83px;
}
.menu #barre > li ul#ssmenuentreprise {
  padding: 27px 0px 0px 0px;
}
.menu #barre > li ul#ssmenuentreprise  a:hover {
      opacity: 0.8;
}



.menu #barre #menu_tousnostages { display: none; } 
.menu #barre #menu_qui { display: none; } 
.menu #barre #menu_circuits { display: none; } 
.menu #barre #menu_voitures { display: none; } 
.menu #barre #menu_calendrier {}
.menu #barre #menu_entreprise { display: none; } 
.menu #barre #menu_clients {}
.menu #barre #menu_contact {}

@media (min-width:400px) {  .menu #barre #menu_voitures { display: table-cell; } }
@media (min-width:500px) {  .menu #barre #menu_circuits { display: table-cell; } }
@media (min-width:600px) {  .menu #barre #menu_qui { display: table-cell; } }
@media (min-width:700px) {  .menu #barre #menu_tousnostages { display: table-cell; } }
@media (min-width:800px) {  .menu #barre #menu_entreprise { display: table-cell; } }

/* ################## COL GAUCHE ############# */
#menu-tarifs-container p {
  margin: 0;
}
#menu-tarifs-container #menu-tarifs {
  background: #161616;
  /* Old browsers */
  background: linear-gradient(to right, #161616 0%, #1f1f1f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161616', endColorstr='#1f1f1f', GradientType=1);
  /* IE6-9 */
  
   width: 155px;
}
#menu-tarifs-content {
  width: 155px;
}
#menu-tarifs-container #menu-tarifs > div {
  background: linear-gradient(to bottom, rgba(38, 38, 38, 0) 0%, rgba(38, 38, 38, 0.72) 40%, rgba(38, 38, 38, 0.9) 50%, rgba(38, 38, 38, 0.72) 60%, rgba(38, 38, 38, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00262626', endColorstr='#00262626', GradientType=0);
  /* IE6-9 */
}
#menu-tarifs-container #menu-tarifs > div a {
  display: block;
  padding: 1px 5px 3px 18px;
  text-shadow: 2px 2px 2px #000000;
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  position: relative;
  width: 155px;
}
#menu-tarifs-container #menu-tarifs > div a:hover {
  background: #ab474a;
  color: #fff;
  opacity: 1;
}
#menu-tarifs-container #menu-tarifs > div a:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  left: 8px;
  top: 6px;
  background: #e01e29;
  box-shadow: 2px 2px 2px #000000;
}

.plusaxelera {
  display: block;
  background: no-repeat top left url("/images/general/plus-axelera.jpg");
   background-size: 155px;
  height: 162px;
  width: 155px;
  padding: 40px 6px 6px 6px;
}
.plusaxelera li {
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: open_sanslight;
  font-size: 12px;
}

.colgauche { display: none; }
.colgauchespace { display: none; }
.reservermadate { display: none; }
.imgpromo {
  width: 100%;
  max-width: 600px;
  height: auto;
}

#boncommande .colgauche { display: block; }
@media (min-width:780px) {
  .reservermadate { display: table-cell; }
}

@media (min-width:970px) {
   .colgauche { display: table-cell; }
   .colgauchespace { display: table-cell; }
  
  
}


/* #################### FOOTER ########################### */
.footer {
  border-bottom: 1px solid #0d0d0d;
  color: #939393;
min-width: 320px;
max-width: 980px;
  margin: 0 auto;
  padding: 10px 17px 30px 17px;
  min-height: 210px; /* 235 */
/*  background: url(/images/general/light_footer2.gif) 0 0 no-repeat;*/
  background: #444444; /* Old browsers */
  background: -moz-linear-gradient(top,  #444444 0%, #161616 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #444444 0%,#161616 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #444444 0%,#161616 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#161616',GradientType=0 ); /* IE6-9 */
  font-size: 11px;
}
.footer .col1 {
  position: relative;
  float: left;
  color: #666;
  padding: 10px;
  list-style-position: inside;
  margin-right: 40px;
}
.footer .col1 a {
	text-decoration: none;
}
/*
.footer-2 .col1 a {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  background: url(/images/empty.gif) 0 0 repeat;
}
.footer-2 .col1 .h {
  top: 0;
  height: 70px;
}
.footer-2 .col1 .s {
  bottom: 0;
  height: 30px;
}
.footer #col2 {
  float: left;
  width: 500px;
  margin: 0 0 0 60px;
}
.footer #col1 li {
  display: inline-block;
  width: 49%;
  margin: 0 0 12px 0;
}
.footer #col1 a {
  position: relative;
  padding: 0 0 0 15px;
}
.footer #col1 a:before {
  content: "";
  display: block;
  background-image: url('/images/origin.png');
  background-repeat: no-repeat;
  -webkit-background-size: 879px 704px;
  -moz-background-size: 879px 704px;
  background-size: 879px 704px;
  background-position: -874px -93px;
  width: 5px;
  height: 9px;
  position: absolute;
  top: 6px;
  left: 0;
}*/
.footer #contact {
  float: left;
  width: 190px;
  height: 130px;
  background: url(/images/general/footer_contact-2.png) 0 bottom no-repeat;
  margin-top:25px;
  margin-bottom:15px;
}

.footer #contact .title {
  font-family: BebasNeueRegular;
  font-size: 20px;
  color: #fff;
}
.footer #contact p {
  margin: 5px 0;
}
.footer #copyright {
	 clear: both;
	 margin-top: 15px;
}
/* ##################### HOME ######################## */
.chapeauhome {
  padding-left: 10px;
  padding-right: 10px;
  color: #333;
  margin-bottom: 15px;
}
#home-table #accordion {
/*  width: 750px;*/
  margin-top: 15px;
    display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
}
#home-table #accordion h2 {
  display: block;
  padding: 0px 0px 0px 12px;
  margin: 30px 0 20px 0px;
  text-decoration: none;
  color: #333333;
  position: relative;
  font-family: BebasNeueRegular;
  font-size: 20px;
  background-image: url('/images/origin.png');
  background-repeat: no-repeat;
  -webkit-background-size: 879px 704px;
  -moz-background-size: 879px 704px;
  background-size: 879px 704px;
  width: 750px;
}
#home-table #accordion h2.uno {
  background-position: 0 0;
  height: 41px;
  line-height: 45px;
}
#home-table #accordion h2.duo {
  background-position: 0 -493px;
  height: 49px;
  line-height: 60px;
}
#home-table #accordion img {
  padding-left: 5px;
}
/* ############" ESPACE CLIENT ############## */
.espaceclient .ec_video {
    position: relative;
    display: block;
   width: 640px;
   height: 360px;
}
.ec_video iframe, .ec_video object, .ec_video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.espaceclient #resume {
  line-height: 12px;
}
.espaceclient .soustitre > div {
  display: inline-block;
  font-family: BebasNeueRegular;
  font-size: 22px;
  margin-top: 1px;
}
.espaceclient .soustitre .num:after {
  content: "-";
  padding: 0px 8px;
}

.espaceclient .intitule {
  margin-top: 10px;
  text-decoration: underline;
  color: #333333;
}
.espaceclient .bouton {
  display: inline-block;
  margin: 15px 5px;
  padding: 5px 15px 7px 15px;
  height: 36px;
  font-family: BebasNeueRegular;
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 22px;
  color: #fff;
  background-color: #f18200;
  background-image: -webkit-linear-gradient(top, #e2001a, #80000f);
  background-image: -moz-linear-gradient(top, #e2001a, #80000f);
  background-image: -o-linear-gradient(top, #e2001a, #80000f);
  background-image: linear-gradient(to bottom, #e2001a, #80000f);
  border-radius: 4px;
  border: none;
  box-sizing: border-box;
}

.espaceclient .bouton:disabled,.espaceclient .bouton[disabled] {
	background: #555555;
	cursor: not-allowed;
}
.espacevideo h1 {
    width: 100%;
    text-align :center;
    font-family: BebasNeueRegular;
    font-size : 24px;
    color: #000;
   /* border-bottom: dotted 2px #555555;*/
    text-transform: uppercase;
	margin-top: 10px
}
.espacevideo .fbshare {
   	box-sizing: border-box;
    width: 100%;
    text-align :center;
    font-family: open_sansbold;
    font-size : 14px;
    color: #4267b2;
    margin: 20px 0px 10px 0px;
    padding: 0px 10px 10px 10px;
}
.espacevideo .fbsharebtn {
    position: relative;
    margin-left: 15px;
    background: #fff;
}
.espacevideo .fbsharebtn div {
    position: relative;
    top: 9px;
}
.espacevideo .ec_videofull {
    position: relative;
    left: -10px;
    display: block;
    margin: auto;
   width: 960px;
   height: 540px;
}
.ec_videofull iframe, .ec_videofull object, .ec_videofull embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ################# PAGE RUBRQUE ################## */
.rubrique_liste {
    list-style: outside none none;
    margin-top: 15px;
}
.rubrique_liste li {
  display: flex;
  flex-direction: column;
  position: relative;
  clear: both;
  margin-bottom: 15px;
  border-top: solid 1px #eeeeee;
}
.rubrique_liste li p {
	order: 3;
}
.rubrique_liste h2 {
  order: 2;
  
  margin: 30px 0px 15px 0px;
  font-family: BebasNeueRegular;
  font-size: 18px;
  font-weight: normal;
   
  clear: both;
  background: none;
  padding: 0px;
}
.rubrique_liste h2 a {
    color: #0D0D0D;
    text-decoration: none;
}
.rubrique_liste li .product-image{
	order: 1;
  position: relative;
  /*overflow: hidden;*/
  
  width: 100%;
  max-width: 205px;
  height: 136px; /* 153 */
  
  margin: 30px 10px 10px 0px;
  border: solid 1px #EEEEEE;
}
.rubrique_liste li .product-image img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;

}
.rubrique_liste li .percentage {
  right: -28px;
  top: 0px;
  width: 100px;
  height:100px;
  background-size: contain;
}
.rubrique_liste li  .percentage span {
	font-size: 32px;
	position: relative;
	top: 0px;
	left: -15px;
}
@media (min-width:480px) {
  .rubrique_liste h2 { clear: none;    }
  .rubrique_liste li .product-image{ margin: 30px 20px 35px 0px; }
}


.rubrique_liste .colprix {
  order: 4;
  text-align: right;
  margin-left: 15px;
}
.rubrique_liste .colprix .prixactu {
  font-size: 40px;
  font-family: BebasNeueRegular;
  color: #e2001a;
  padding: 0px 10px;
  display: inline-block;
}
.rubrique_liste .colprix .prixactu span {
  font-size: 0.8em;
}
.rubrique_liste .colprix .prixbarre {
  font-size: 24px;
  text-decoration: line-through;
}
.rubrique_liste .colprix .prixbarre span {
  font-size: 0.8em;
}
.rubrique_liste .ensavoirplus {
    display: inline-block;
/*    float:right;
    clear:right;*/
    order: 5;
    align-self: flex-end;
    width: 205px;
    margin: 10px 0px 35px 15px;
    padding: 7px 15px;
    height: 36px;
    font-family: BebasNeueRegular;
    font-size: 22px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 24px;
    background-color: #F18200;
    background-image: linear-gradient(to bottom, #E2001A, #80000F);
    border-radius: 4px;
    border: medium none;
}
@media (min-width:900px) {
	.rubrique_liste li .product-image{ margin-right: 40px; }
	.rubrique_liste li {
		flex-direction: row;
	}
  .rubrique_liste .colprix .prixactu {
    display: block;
  }
}

/* ################# PAGE PRODUIT ################## */
.formule-haut {
  position: relative;
}

.formule-haut form {
}
.formule-haut .coldroite {

}

@media (min-width:975px) {
  .formule-haut .coldroite {
    float: right;
    width: 450px;
  }
}
.add-to-cart {
	margin-bottom: 20px;
}

.formule-haut .titre {
  padding-bottom: 20px;
/*  text-align: right;*/
  font-size: 30px;
  line-height: 32px;
  font-family: BebasNeueRegular;
  border-bottom: 1px solid #eeeeee;
}
.formule-haut .titre span {
  font-size: 24px;
}
.formule-haut #wait {
  display: none;
  position: absolute;
  color: #FFFFFF;
  left: 250px;
  top: 50px;
  padding: 10px;
  border-radius: 8px;
  background: rgba(100,100,100,0.5);
}

.formule-haut .zoneprix {
  /*text-align: right;*/
}
.formule-haut .zoneprix .enstock {
  display: inline-block;
  position: relative;
  font-size: 16px;
  padding-left: 25px;
  margin-right: 15px;
  vertical-align: super;
  color: #84cb1d;
}
.zoneprix .enstock:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  background-image: url('/images/origin.png');
  background-repeat: no-repeat;
  -webkit-background-size: 879px 704px;
  -moz-background-size: 879px 704px;
  background-size: 879px 704px;
  background-position: -801px -214px;
  width: 18px;
  height: 13px;
}

.zoneprix .prixactu {
  font-size: 40px;
  font-family: BebasNeueRegular;
  color: #e2001a;
  padding: 0px 10px;
}
.zoneprix .prixbarre {
  font-size: 24px;
  text-decoration: line-through;
}

.formule-haut .selectionstage {
  margin: 0 0 0;
  padding: 0px 0 0px 0;
  position: relative;
/*  text-align: right;*/
  border: 0;
  z-index: 20;
}
.formule-haut .selectionstage .choix {
  padding: 10px 0 0;
  font-weight: normal;
  display: block;
  min-width: 150px;
  vertical-align: top;
}
.formule-haut .selectionstage div:last-of-type {
  margin-bottom: 15px;
}
.formule-haut .selectionstage .choix label {
  display: block;
  font-weight: bold;
  color: #2f2f2f;
  margin-bottom: 3px;
}
.formule-haut .selectionstage .choix label em {
  color: #eb340a;
  margin-left: 5px;
}
.formule-haut .selectionstage .choix select {
  width: 300px;
/*  height: 26px;
  border: 1px solid #D4D4D4;
  padding: 2px 0px 3px 0px;
  color: #939393; */
  font-family: open_sanslight;
  font-size: 14px;
  text-align: left;
}

.ui-selectmenu { display: block; display: inline-block; position: relative; height: 1.8em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu  ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; -webkit-overflow-scrolling: touch;} 
.ui-selectmenu-open { display: block; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu li { padding:0; margin:0;
    display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important;
    font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1em; display: block; padding: .405em 1em .405em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
/*.ui-selectmenu-status { line-height: 1.4em; }*/
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
/*.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }*/
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }
/* IE7 workaround (opacity disabled) */
*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }


.ui-selectmenu {
  padding-right: 10px;
  text-align: left;
}

.ui-selectmenu-item {
    
}
.ui-selectmenu-menu li {
    border-top: none;
    border-bottom: solid 1px #CCC;
    clear: both;
    position: relative;
}
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:inline-block; }
.sm1 {
  float: right;
  color: #339933;
  text-align: right;
  margin-left: 6px;
  font-size: 14px;
  font-weight: bold;
}
.percent {
  position: absolute;
  font-family: BebasNeueRegular;
  background: #E2001A;
  color: #fff;
  text-align: center;
  padding-top: 6px;
  border-radius: 15px;
  width: 30px;
  height: 30px;
  font-size: 18px;
  top: 1px;
  right: 85px;
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  writing-mode: rl-tb;


}
.ui-selectmenu-status .percent {
  display: none;
}
.sm2 {
    float: right;
    position: relative;
    top: 1px;
    color: #666;
    text-align:right;
    font-size: 11px;
    clear: right;
}
.sm3 {
  display: block;
  font-weight: bold;
  font-size: 14px;
}
.sm4 {
  display: block;
  font-size: 12px;
  margin: 0;
  padding: 4px 0px 0px 0px;
}
.sm5 {
  display: block;
  color: #999;
  font-style: italic;
  font-size: 10px;
  margin: 0;
  padding: 0;
}
.lastminute {
 
}
.lastminute .sm3 {
 color: #E2001A;
}

.ui-selectmenu .cent {
  display: inline-block;
  font-size: 0.8em;
}
.ui-selectmenu-menu .cent {
  display: inline-block;
  font-size: 0.8em;
}


.formule-haut .cent {
  display: inline-block;
  font-size: 0.8em;
}


.formule_imgcircuit {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 940px;
}

.formule .divvideo {
  position:relative;
  width: 100%;
  max-width: 587px;
  padding-top: 60%;
  overflow: hidden;
}
.formule .divvideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width:630px) {
  .formule .divvideo {    width: 587px; padding-top: 354px;  }
}


.formule h2 {
  clear:both;
  font-family: BebasNeueRegular;
  font-size: 24px;
  color: #0D0D0D;
  margin: 20px 0px 10px 0px;
}
.formule h3 {
    font-family: BebasNeueRegular;
    font-size: 20px;
}
.formule p {
  margin: 0px 0px 8px 0px;
}

.formule .infocomp {
  width: 100%;
  color: #939393;
}
.formule .infocomp tr {  background: #ffffff; }
.formule .infocomp .even {  background: #f8f8f8;}
.formule .infocomp td {  padding: 6px; }

.formule .produitscomp li.item {
    float: left;
    width: 205px;
    padding: 0px 10px;
    margin: 0px 20px 20px 0px;
    text-align: center;
    position: relative;
    list-style: outside none none;
}
.formule .produitscomp li.item.last {
  margin-right: 0;
}
.formule .produitscomp li.item .product-image {
  display: block;
  margin: 0 0 10px;
}
.formule .produitscomp li.item h3 {
  margin: 0 0 5px;
  height: 43px;
  overflow: hidden;
}
.formule .produitscomp li.item h3 a {
  font-family: open_sansbold;
  font-size: 16px;
  text-decoration: none;
  color: #0d0d0d;
}
.formule .produitscomp li.item .price-box {
  height: 50px;
}
.formule .produitscomp .prixactu {
  font-size: 30px;
  font-family: BebasNeueRegular;
  color: #e2001a;
  padding: 0px 10px;
}
.formule .produitscomp .prixbarre {
  font-size: 16px;
  text-decoration: line-through;
}
.formule .produitscomp li.item .percentage {
  top: 10px;
  right: 20px;
}
.formule .produitscomp li.item .short-description {
  height: 57px;
  overflow: hidden;
  color: #939393;
  margin-bottom: 15px;
}
.formule .produitscomp li.item .link-learn {
  text-align: center;
  display: block;
  font-family: BebasNeueRegular;
  font-size: 22px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 24px;
  color: #fff;
  background-color: #f18200;
  background-image: -webkit-linear-gradient(top, #e2001a, #80000f);
  background-image: -moz-linear-gradient(top, #e2001a, #80000f);
  background-image: -o-linear-gradient(top, #e2001a, #80000f);
  background-image: linear-gradient(to bottom, #e2001a, #80000f);
  border-radius: 4px;
  padding: 7px 15px;
  height: 36px;
  border: none;
  box-sizing: border-box;
}
.formule .produitscomp li.item .link-learn:hover {
  opacity: .8;
}



.pagedescvoiture hr {
  clear: both;
  display: block;
}
.pagedescvoiture img {
  margin-bottom: 20px;
}
.pagedescvoiture h2 {
  clear: both;
  margin-top: 30px;
  margin-bottom: 10px;
}

.pagedescvoiture h3 {
    font-size: 20px;
    color: #0D0D0D;
    font-family: BebasNeueRegular !important;
    font-weight: normal;
    margin: 0px 0px 5px 0px;
    line-height: 1.35;
    box-sizing: border-box;
    padding: 0px;
    text-align: left;
}
.pagedescvoiture h3 img {
  margin-right: 20px;
  margin-top: 20px;
}


#pageformule .photo {
  box-sizing: border-box;
  width: 100%;
  max-width: 470px;
}
#pageformule .photo img {
  width: 100%;
}

/* MINI SLIDER */
#pageformule #slidephoto {
    position: relative;
  width: 300px;
height: 273px;
  
  
  width: 100%;
  max-width: 300px;
 /*  	float: left;*/
    padding: 0px;
    margin: 0px; 
    top: 0px;
    left: 0px;
}
.slidediv {
  cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 300px; height: 200px;
}
#pageformule #slidephoto .slides {
	width: 100%;
	height: 200px;
	left: 0px; top: 0px;
	cursor: pointer;
	position: absolute; 
	overflow: hidden;
}
/** Fleches **/
.jssora15l, .jssora15r, .jssora15ldn, .jssora15rdn {
	position: relative;
    cursor: pointer;
    display: inline-block;
    background: url(../general/a15.png) no-repeat;
    overflow:hidden;
	width: 30px; height: 60px;
	top: 274px;
}
.jssora15r, .jssora15rdn  { left: 250px;}
.jssora15l { background-position: -20px -31px; }
.jssora15r { background-position: -80px -31px; }
.jssora15l:hover { background-position: -140px -31px; }
.jssora15r:hover { background-position: -200px -31px; }
.jssora15ldn { background-position: -260px -31px; }
.jssora15rdn { background-position: -320px -31px; }

/* Images sous le slider */
#pageformule .jssort08 {
	position: relative;
	width: 100%; /*450*/
	height: 45px;
	bottom: -325px;
}
#pageformule .jssort08 .p {
	position: absolute;
	width: 68px;
	height: 45px;
	top: 0;
	left: 0;
}
.jssort08 .i {
    position:absolute;
    top: 0px;
    left: 0px;
    width: 68px;
    height: 45px;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.jssort08 .p:hover .i, .jssort08 .pav .i{
	filter: alpha(opacity=100);
	opacity: 1;
}
.jssort08 .o {
    position: absolute;
    top:0px;
    left:0px;
    width:88px;
    height:58px;

    transition: border-color .6s;
    -moz-transition: border-color .6s;
    -webkit-transition: border-color .6s;
    -o-transition: border-color .6s;
}
.loupe {
	position: absolute;
	bottom: 5px; right: 5px;
}


@media (min-width:500px) {
   #pageformule #slidephoto {
      width: 470px;
      height: 386px;
  }
  .slidediv {
    width: 470px; height: 314px;
  }
  #pageformule #slidephoto .slides {
   
    height: 313px;
   
  }
  /** Fleches **/
  .jssora15l, .jssora15r, .jssora15ldn, .jssora15rdn {
    top: 274px;
  }
  .jssora15r, .jssora15rdn  { left: 420px;}
  
  /* Images sous le slider */
  #pageformule .jssort08 {
    bottom: -325px;
  }  
}





/* ###############" COMMANDE ############ */
#boncommande .panier { display: none; }

#boncommande .formule {
  border: solid 1px #666;
  padding: 12px;
  color: #000;
  font-weight: bold;
  font-size: 12px;
  width: 100%;
}
@media (min-width:700px) {
	#boncommande .formule {	font-size: 16px; }
}
#boncommande .rubriquetitre,.reglementtitre{
  font-size: 20px;
  color: #0D0D0D;
  font-family: BebasNeueRegular;
  font-weight: normal;
  margin: 20px 0px 10px 0px;
}
#boncommande .rubriquetitre .num {
  display: inline-block;
  background: no-repeat 0px -2px url("/images/general/picto-titre.jpg");
  color: rgba(0,0,0,0);
  width: 25px;
  margin-right: 7px;
}
#boncommande .comm_det {
  font-size: 11px;
  color: #666;
}
#boncommande .rubrique table {
  width: 100%;
}
#boncommande .rubrique table td {
  padding: 8px;
}
#boncommande.step2  .rubrique table td { padding: 1px; }
#boncommande .rubrique .tc_rub,.trcalib {
 display: none;
 padding: 0px;
}
#boncommande .titrestage img {
 display: none;

}
#boncommande .coldroite {
  font-weight: normal;
  text-align: right !important;
  font-size: 12px;
  color: #0D0D0D;
}
#boncommande .coldroite .total { display: none; }
#boncommande .coldroite .prix {
  margin: 40px 0px 0px 0px;
  padding-top: 20px;
  border-top: solid 2px #AAA;
  font-family: open_sansbold;
  font-size: 22px;
  white-space: nowrap !important;
}
#boncommande.step2 .coldroite .prix { display: none; }
#boncommande .coldroite .button,#valider {
  display: inline-block;
  text-align:right;
  margin: 30px 0px 20px 0px;
  font-size: 26px;
  height: 50px;
  padding: 8px 50px 10px 50px; 
}
#boncommande .coldroite .comm_det { text-align: center; }
#boncommande .coldroite .reglementtitre {
  text-align: left;
  display: block;
  background: no-repeat 0px -2px url("/images/general/picto-titre.jpg");
  padding-left: 32px;
}
#boncommande .coldroite .reglement {
  text-align: left;
  font-size: 14px;
  line-height: 1.8em;
  margin-bottom: 20px;

}
#boncommande .coldroite input {
  margin-right: 10px;
  position :relative;
  top:2px;
}
#boncommande .coldroite #checkcgv {
  margin: 5px;
  text-align:left;
}
#boncommande .errormsg {
  display: block;
  margin-top: 20px;
  text-align: center;
  color: red;
  font-weight: bold;
}
.logopaiement {
  display: block;
  margin: auto;
  margin-top: 100px;
  text-align: center;
}



#boncommande .pointinfo {
    display: none;
}
#boncommande .detailoption {
    display: none;
}
#boncommande .detailoption .cont {
    position: relative;
    margin: auto;
    margin-top: 30px;
    padding: 10px;
    background: #FFFFFF;
    width: 80%;
    min-width: 300px;
    max-width: 500px;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #51A0B5;
    font-weight: normal;
}

#boncommande .detailoption .cont img {
    display: block;
    margin: auto;
}
#boncommande .detailoption .titre {
    color: #cd398a;
    font-family: MyriadPro;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    margin: 10px 0px 5px 0px;
}
#boncommande .detailoption .prix {
    display: block;
    margin: 10px 0px 0px 0px;
    font-size: 12px;
    color: #cd398a;
}
#boncommande .detailoption .prix span {
  font-size: 14px;
  padding-left: 6px;
  font-weight: bold;
  
}
#boncommande .detailoption .ok {
  text-align: center;
  margin: auto;
  padding: 2px 10px;
  border: solid 1px #51A0B5;
  border-radius: 7px;
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 10px;
}



#boncommande .modepaiement {
	position: relative;
  	display: flex;
   	align-items:center;
   	justify-content: center;
  	width: 100%;
  	height: 55px;
  	min-height: 35px;
  	min-width: 200px;
  	font-size: 16px;
  	text-align: center;
    border: solid 1px #555;
    border-radius: 28px;
    margin-bottom: 20px;
  	transition: 0.2s ease-in-out;
  	background: #ffffff;
  	color: #000;
  	cursor: pointer;
}
#boncommande .modepaiement img {
	margin-right: 15px;
}
#boncommande .modepaiement:hover {
	background: #eee;
}


/* SATISFACTION */
.quest_sat .soustitre {
    text-transform: none;
    vertical-align: top;
}

.quest_sat .soustitre div {
    text-transform: none;
    vertical-align: top;
    max-width: 90%;
}
.quest_sat .soustitre .num:after {
  content: "";
  padding: 0px 8px;
}

.quest_sat input {
  margin: 0px 2px 0px 20px;
}
.qs_hp {
	position: relative;
    font-size : 1em;
    color: #555555;
	margin: 10px 0px 30px 0px;
}
.qs_blocreponse {
    text-align: center;
    margin: 5px 0px 25px 0px;
}
.qs_reponse {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 60px;
    text-align:center;
    cursor: pointer;
    margin: 0px 15px 0px 0px;
    color: #555555;
}
.qs_reponse div {
    display: block;
    width: 40px;
    height: 40px;
    margin: auto;
    margin-bottom: 5px;
    border: none;
    background: url('/images/qs_smiley.png') 0px 0px no-repeat;
}		
.qs_reponse .r1 { background-position : 0px 0px; }
.qs_reponse .r2 { background-position: -40px 0px; }
.qs_reponse .r3 { background-position: -80px 0px; }
.qs_reponse .r4 { background-position: -120px 0px; }
.qs_reponse .r5 { background-position: -160px 0px; }
.qs_reponse .r0 { background-position: -200px 0px; }

.qs_reponse .r1:hover { background-position : 0px -40px; }
.qs_reponse .r2:hover { background-position: -40px -40px; }
.qs_reponse .r3:hover { background-position: -80px -40px; }
.qs_reponse .r4:hover { background-position: -120px -40px; }
.qs_reponse .r5:hover { background-position: -160px -40px; }
.qs_reponse .r0:hover { background-position: -200px -40px; }

.sel .r1 { background-position : 0px -40px; }
.sel .r2 { background-position: -40px -40px; }
.sel .r3 { background-position: -80px -40px; }
.sel .r4 { background-position: -120px -40px; }
.sel .r5 { background-position: -160px -40px; }
.sel .r0 { background-position: -200px -40px; }







/* ######################"" BLOC HOME ########################## */
.blochome {
	display: block;
	float: left;
	position: relative;
	height: 237px;
	width: 244px;
	padding: 145px 0px 0px 80px;
	margin: 10px 2px;
	background: #666;
	border-radius: 3px;
	font-family: open_sanslight;
	font-size: 13px;
	text-decoration: none;
	color: #fff;
	background-position: 0px 40px;
}
.blochome img {
	position: absolute;
	top: 40px;
	left: 0px;
    padding: 0px !important;
}
.blochome .entete {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	font-family: open_sansbold;
	font-style: italic;
	font-size: 20px;
	text-align:center;
	height: 40px;
	padding-top: 5px;
	border-radius: 3px 3px 0px 0px;
	background: #da0019; /* Old browsers */
	background: -moz-linear-gradient(top,  #da0019 0%, #65030e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #da0019 0%,#65030e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #da0019 0%,#65030e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da0019', endColorstr='#65030e',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 3px 3px #333;
}
.blochome .reduc {
	position: absolute;
	right: 9px; top: 43px;
	height: 40px;
	width: 40px;
	font-family: open_sansbold;
	color: #333;
	font-size: 18px;
    -webkit-transform: rotate(39deg);
    -moz-transform: rotate(39deg);
    -o-transform: rotate(39deg);
    writing-mode: lr-tb;
}
.blochome .prix {
	position: absolute;
	bottom: 0px; left: 0px;
	background: #202020;
    color: #CCC;
	height: 44px;
	width: 244px;
	padding: 15px 20px;
	border-radius: 0px 0px 3px 3px;
}
.blochome .ttc {
	position: absolute;
	right: 20px;
    color: #fff;
	top: 0px;
	font-family: BebasNeueRegular;
	font-size: 32px;
}
.blochome .barre {
	position: absolute;
	left: 88px;
	top: 6px;
	font-family: BebasNeueRegular;
	font-size: 24px;
}
.blochome .prix img {
	position: absolute;
	top: 20px;
	left: 90px;
}
.blochome .over {
    display: none;
	position: absolute;
	top: 193px;
	left: 0px;
}

/* ############### CGV ################## */
#cgv {
    font-weight: normal;
    text-align: left;
}
#cgv .titreart {
	display: block;
	font-size: 1.2em;
	margin: 20px 0px 5px 0px;
}
#cgv li {
    list-style: disc inside;
}
@media (min-width:1300px) {
    body {
        background:url('/images/promos/397/bg-2.jpg') center 0 no-repeat fixed;
    }
}

.header {
    background: top right url('/images/promos/397/bandeau-3.jpg') no-repeat;
}
.percentage {
	top: 0px;
	right: 15px;
	display: block;
	width: 150px;
	height: 150px;
	background: top left url('/images/promos/397/fondreduc-1.png') no-repeat;
	
}
.percentage span {
	font-size: 50px;
	position: relative;
	top: 10px;
	left: -23px;
}
		.offrepromo {
			display: block;
			width: 98%;
			max-width: 900px;
			height: 100px;
			margin: auto;
			margin-top: 10px;
		    background: top center url('/images/promos/397/offrepromo3-3.jpg') no-repeat;
		    background-size: contain;
		}
		@media (min-width:630px) {
			 .offrepromo {
				display: block;
				width: 98%;
				max-width: 900px;
				height: 100px;
				margin: auto;
				margin-top: 10px;
			    background: top center url('/images/promos/397/offrepromo2-3.jpg') no-repeat;
			    background-size: contain;
			}
		}
		@media (min-width:975px) {
			.offrepromo {
				display: block;
				width: 98%;
				max-width: 900px;
				height: 100px;
				margin: auto;
				margin-top: 45px;
			    background: top center url('/images/promos/397/offrepromo-3.jpg') no-repeat;
			    background-size: contain;
			}
		}
 	

.percentage { top:-15px; }
.percentage span { top: 20px; }
.rubrique_liste li .percentage span { top: 3px; }