/* ORANGE: f68f24
 * GRIS FOND:333
 * background: #2C2A2B;
 * GRIS MENU: 1d1d1b
 * ORANGE CLAIR: #F3C593
*/
@viewport {
   width: device-width;
   zoom: 1;
}
@import url('https://fonts.googleapis.com/css?family=Anton|Oleo+Script|Pragati Narrow|Stardos+Stencil:700');
body {
   padding: 0;
   margin: 0;
   font-family: 'Pragati Narrow', sans-serif;
   font-size: 14px;
   line-height: 1.25em;
   height: 100%;
   width: 100%;
   background: #333;
}
a {
    text-decoration: none;
    color: inherit;
}
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl,div {
	margin:0px;
	padding:0px;
	font-weight:normal;
	list-style-type:none;
    box-sizing: border-box;
}
table {
   font-size: inherit;
}
.printonly {  display: none; }
.clear { clear: both; }
.header #bandeaulogo {
   position: fixed;
   left: 0;
   right: 0; 
   width: 100%;
   max-width: 640px;
   height: 65px;
   margin: auto;
   background: #0F0F0F;
   text-align: center;
   z-index: 10000;
   border-bottom: solid 1px #FFFFFF;
}
.header #bandeaulogo #logo {
   margin: auto;
}
.header #bandeaulogo #logo img {
   margin-top: 3px;
   width: 220px;
   max-width: 60%;
}
.header #bandeaulogo #btnclient,#btnhome {
   position: absolute;
   top: 18px;
   right: 10px;
   /*border-radius: 5px;
   padding: 2px;
   background: #222222;
   border: solid 1px #999999;*/
   cursor: pointer;
}
.header #bandeaulogo #btnhome {
   left: 10px;
   width: 20px;
}
@media only screen and (max-device-width: 299px) {
  .header #bandeaulogo #btnclient { display: none; }
}
@media only screen and (max-device-width: 180px) {
  .header #bandeaulogo #btnmenu { display: none; }
  .header #bandeaulogo #logo { max-width: 90%; }
  .header #bandeaulogo { height: 45px; }
}



/* ------------------ FOOTER -------------------- */
#footerclear {
   background: #2c2a2b;
}
footer {
   display : block;
   background: #111;
   margin: 0px;
   clear: both;
}
.baspage {
   box-sizing: border-box;
   padding: 8px;
   color: #999;
   font-size: 14px;
   line-height: 16px;
}
.baspage .col {
   display: block;
   float: left;
   width: 50%;
   border-right: solid 1px #31363A;
   padding: 10px 12px 10px  12px;
}
.baspage .col:last-child {
    border-right: none;
}
.baspage .col .sstitre {
    display: block;
    color: #f68f24;
    font-weight: bold;
    margin-bottom: 6px;
}
.baspage .col .tel {
    display: block;
    font-family: Anton;
    font-size: 22px;
    color: #f68f24;
    font-weight: normal;
    margin: 10px;
}
.baspage .col .email {
    display: block;
    font-size: 16px;
    color: #f68f24;
    font-weight: normal;
    margin: 10px;
}
@media only screen and (max-device-width: 379px) {
  #bplogo { width: 90%; }
  .baspage .col .tel {   font-size: 18px; }
}
/* ------------------ FIN FOOTER -------------------- */




 #general {
   margin: auto;
   max-width: 640px;
   height: 100%;
   background: #2C2A2B;
   padding-top: 65px;
}

/* ------------------ HOME -------------------- */

.homeimg{
    position: relative;
    background:url('/images/m/home/fond-stage-de-pilotage.jpg') no-repeat center top;
    height: 400px;
    border-bottom: solid 1px #f68f24;
    margin-bottom: 10px;
}

#b1 {
   display: flex;
   flex-direction: column-reverse;
}
#b3 {
   text-align: center;
}
#b3 h1 {
   display: block;
   font-family: "Anton";
   font-size: 25px;
   color: #fff;
   margin: 10px 0px 5px 10px;
   text-align: left;
}
#b3 h1 span {
   display: block;
   font-family: "Oleo Script";
   color: #f68f24;
   margin: 8px 0px 15px 0px;
   line-height: 1em;
}
#intro {
   margin: 8px 0px 8px 0px;
   padding: 10px 12px 15px 12px;
   background: #111;
   color: #fff;
   text-align: justify;
}
#intro h3 {
   display: block;
   color: #f68f24;
   margin-bottom: 5px;
}
#tahome {
    margin: auto;
order: 1;
}

#args {
   margin: 8px 0px 8px 0px;
   padding: 10px 8px 8px 8px;
   background: #111;
   color: #fff;
}
#args li {
    margin-bottom: 6px;
    padding: 2px 0px 0px 30px;
    background: url("/images/general/Picto_Triangle.png") 0px -2px no-repeat;
}
#homedesc {
   color: #fff;
   background: #111;
   padding: 15px 25px 15px 25px;
   margin: 8px 0px 8px 0px;
}
#homedesc span {
    color: #f68f24;
}
.home_bloc {
    display: inline-block;
    position: relative;
    margin: 9px 6px 9px 6px;
    height: 130px; /*141*/
    width: 308px;
    text-align: left;
}
.home_bloc h2 {
   font-size: 13px;
   margin-bottom: 4px;
   line-height: 15px;
}
.home_bloc h2 span {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 4px;
   line-height: 15px;
   color: #fff;
}
.hb_g {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height:130px; /*141*/
    width: 158px;
    background-position-y: -10px;
}
.hb_g div {
    display: block;
    position: absolute;
    box-sizing: border-box;
    padding: 2px 20px 0px 5px;
    bottom: 8px;
    right: 30px;
    height: 18px;
    width: 75px;
    border-radius: 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    background: url("/images/triangle.png") 48px -4px no-repeat #fff;
    display: none;
}
.hb_d {
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: 158px;
    width: 150px;
    height:130px; /* 141 */ 
    color: #ccc;
    font-size: 12px;
    line-height: 1.1em;
    /*background: #1d1d1b;
    background: #111;*/
 background: linear-gradient(165deg, #111 70%, #222 80%);   
     
}
.hb_txt {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 6px 3px 0px 6px;
}
.hbdO{
    color: #1d1d1b;
    /*background: #111;
    background: #f68f24;   */
    background: linear-gradient(165deg, #f68f24 60%, #fba84c 80%);
}
.hb_fondreduc {
    position: absolute;
    font-family: 'Stardos Stencil', cursive;
    font-size: 48px;
    top: 85px;
    left:-3px;
    color: #f68f24;
     -ms-transform: rotate(-12deg); /* IE 9 */
    -webkit-transform: rotate(-12deg); /* Chrome, Safari, Opera */
    transform: rotate(-12deg);
    letter-spacing: -1px;
}
.hb_fondreduc sup { font-size: 32px;}
/*.hbdO .hb_fondreduc { color: #F3C593; }*/
.hbdO .hb_fondreduc { color: #F3C593;
    color: #2C2A2B;
}
.hb_prix {
    position: absolute;
    bottom: 4px;
    right: 12px;
    line-height: 1em;
    color: #fff;
    text-align: right;
}
.hb_prix div {
    display: block;
    font-family: 'Anton', Impact, sans-serif;
    font-size: 36px;
    text-shadow: 1px 1px 2px #999;
    line-height: 1em;
}
.hbdO .hb_prix div {
    text-shadow: 1px 1px 2px #333;
}

.hb_prix span { font-size: 0.8em; }
.hb3c { width: 467px; }
.hb3c .hb_g { width: 317px; }
.hb3c .hb_d { left: 317px; }

#homeavis {
   position: relative;
   box-sizing: border-box;
   display: block;
   margin: 10px 0px 10px 0px;
   padding: 10px;
   color: #111;
   height: 475px;
   background: #f68f24;
}
#homeavis h2 {
   font-family: "Oleo Script";
   margin: 5px 0px 10px 10px;
   color: #111;
}
#homeavis h2 span {
    font-family: "Pragati Narrow";
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    margin-right: 10px;
}
#homeblbas {
   box-sizing: border-box;
   display: block;
   text-align: center;
   padding-top: 15px;
}
.homeblbas_elem {
   box-sizing: border-box;
   display: inline-block;
   position: relative;
   width: 270px;
   height: 105px;
   background: #f68f24;
   margin: 10px;
   padding: 15px 15px 15px 105px;
   text-align: center;
}
.homeblbas_elemsocial {
    box-sizing: border-box;
    display: block;
    position: relative;
    float: left;
    width: 270px;
    height: 105px;
    margin: 10px 9px 9px 9px;
    padding: 0px;
}
.homeblbas_3x {
    box-sizing: border-box;
    display: block;
    position: relative;
    float: left;
    width: 270px;
    height: 105px;
    margin: 10px 9px 9px 9px;
    text-align: center;
}

.homeblbas_TA {
   box-sizing: border-box;
   display: inline-block;
   position: relative;
   width: 270px;
   margin: 10px;
   padding: 15px 15px 15px 15px;
   text-align: center;
}
.fg {
    background: #111;
    color: #fff;
}
.homeblbas_elem img{
    position: absolute;
    top: 15px;
    left: 15px;
    width: 80px;
}


/* ---------------- AVIS -------------*/
.blocavis {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 10px 10px 10px 10px;
    color: #fff;
    line-height: 1.1em;
    overflow: hidden;
    height: 392px;
}

.blocavis .avis {
    display: inline-block;
    margin: 0px 0px 15px 0px;
}
.blocavis .signature {
    display: block;
    font-weight: bold;
    color: #111;
}
.blocavis .note {
    display: inline-block;
    font-weight: normal;
    color: #AAAAAA;
}
.blocavis .stage {
    display: block;
    font-style: italic;
    color: #497288;
}
.avis {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px 0px 0px;
    
}
.plusavis {
    /*position: absolute;
    bottom: 0px;
    left: 0px;
    width: 600px;
    padding: 20px 0px 5px 0px;
    background: #F68F24;
    text-align: right;
    
    overflow: visible;*/
}
.plusavis a {
    position: absolute;
    bottom: -14px;
    right: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: #2c2a2b;
    background: #F68F24;
    border-radius: 8px;
    border: solid 3px #2c2a2b;
    padding: 7px 7px 7px 7px;
}
@media only screen and (min-width: 500px) {
   .blocavis {
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2;
   }
}






/* ----------- PAGE RUBRIQUE / CHOIX CIRCUIT SUR CARTE ---------- */

.rc_voiture {
   position: relative;
   padding: 5px;
   color: #fff;
   height: 150px;
   overflow: hidden;
}
.rc_carte {
   display: block;
   position: relative;
   width: 100%;
   margin: 15px 0px 15px 0px;
}
.rc_circuit {
   position: relative;
   border-radius: 15px;
   margin: 40px 0px 10px 0px;
   text-align: center;
}
.listevs {
   margin: auto;
   text-align: center;
    margin-top: 15px;
}
.multiexpli {
    font-size: 16px;
    position: relative;
    top: -8px;
}
.voitsel {
   display: inline-block;
   box-sizing: border-box;
   position: relative;
   width: 170px;
   height: 52px;
   margin: 0px 3px 5px 2px;
   border-bottom: solid 1px #f68f24;
   -webkit-user-select: none; 
   -moz-user-select: none;
   user-select: none;
}
.voitsel .nom {
   position: absolute;
   top: 0px;
   left: 4px;
   font-size: 15px;
}
.voitsel img {
   position: relative;
   bottom: -15px;
   left: -1px;
    width:65px;
}
.voitsel .nbt {
   position: absolute;
   bottom: 10px;
   right: 31px;
   width: 45px;
   font-family: Anton;
   font-size: 22px;
   color: #ccc;
   text-align: center;
}
.btnp {
	position: absolute;
	bottom: 7px;
	right: 2px;
	background-image: url("/images/general/moinsplus.png");
	background-position: 100% 0%;
	background-repeat: no-repeat;
	height: 25px;
	width: 43px;
    cursor: pointer;
   
}
.btnp:hover {
   background-position: 100% 50%;
}
.btnm {
	position: absolute;
	bottom: 7px;
	right: 62px;
	background-image: url("/images/general/moinsplus.png");
	background-position: 0% 0%;
	background-repeat: no-repeat;
	height: 25px;
	width: 43px;
    cursor: pointer;
   
}
.btnm:hover {
   background-position: 0% 50%;
}	


.rc_carte #ajaxwait {
   position: absolute;
   top: 50%;
   left: 50%;
   display: none;
}
#cartehome {
   display: block;
   background: #2C2A2B;
}


.rc_vt {
    display: block;
    color: #F68F24;
    font-family: Anton, sans-serif;
    font-size: 26px;
    line-height: 26px;
    margin: 0px 0px 15px 5px;
}
.rc_voiture img {
   float: left;
   margin-right: 10px;
}
.rc_vt_plus {
   display: block;
   position: relative;
   width: 100%;
   cursor: pointer;
}
.rc_vt_plus img {
   position: absolute;
   top: -15px;
   right: 20px;
   width: 26px;
   height: 26px;
}
.rc_vt div {
    display: block;
	font-size: 18px;
    color: #fff;
    font-family: Oleo Script;
}
.rc_vdesc {
    display: block;
    font-size: 14px;
    margin: 10px 0px 10px 0px;
}
.rc_vdesc p {
    margin-top: 6px;
}
.rc_vbtn {
   display: block;
   box-sizing: border-box;
   width: 400px;
   max-width: 90%;
   margin: auto;
   background: #F68F24;
   color: #fff;
   text-shadow: #000 1px 1px 3px;
   font-family: Anton, sans-serif;
   font-size: 16px;
   line-height: 20px;
   padding: 6px;
   border-radius: 8px;
   text-align: center;
   
}
#cartehome polygon { fill: transparent; }
#cartehome #circuit rect {
	fill: #87CEEB;
   stroke: #87CEEB;
   stroke-width:6;
   stroke-linecap: round;
   stroke-linejoin: round;
}
#cartehome #ville circle {
   fill: #F3C593;
   stroke: #F3C593;
   stroke-width:3;
   stroke-linecap: round;
   stroke-linejoin: round;
}
#cartehome #frontiere path {
   fill: none;
   stroke: #F3C593;
   stroke-width:4;
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke-miterlimit: 10;
}
#clickcarte {
   display: block;
   width: 70%;
   margin: auto;
   text-align:center;
   font-family: Arial, Helvetica;
   font-weight: bold;
   font-style: italic;
   font-size: 1em;
   color: #045B82;
}

#cartehome .cadre {
   fill: #497288;
   stroke: #497288;
   
   fill: #rgba(1,0,0,0.3);
   stroke: #rgba(1,0,0,0.3);
   
   stroke-width:2;
   stroke-linecap: round;
   stroke-linejoin: round;
}
#cartehome .fleche {
   fill:#F68F24;
}
#cartehome .blanc {
   fill: #F68F24;
   stroke: #F68F24;
   stroke-width:6;
   stroke-linecap: round;
   stroke-linejoin: round;
}
#cartehome .apartir {
	font-family: Arial;
	font-size: 8px;
}
#cartehome .nomcircuit {
	font-family: 'Pragati Narrow', sans-serif;
	font-size: 14px;
	fill: #fff;
}
#cartehome .prix {
	font-family: Anton, sans-serif;
	font-size: 24px;
	text-shadow: #333 2px 2px 2px;
}
#cartehome .euro {
	font-family: Anton, sans-serif;
	font-size: 18px;
	text-shadow: #333 2px 2px 2px;
}
#cartehome .et {
   opacity: 0;
	fill: #fff;
    transition-duration: 250ms;
    transition-timing-function: ease; /* Transition de type ease */ 
}
#cartehome .et:hover {
	transform: scale(1.1);
}
#cartehome #ville text {
	font-family: Anton, sans-serif;
   font-size: 14px;
   fill: #F3C593;
   text-shadow: #2C2A2B 0px 0px 3px;
}

#selectcircuit {
   display: block;
   margin: 18px 0px 4px 0px;
   text-align: center;
   color: #497288;
   color: #87CEEB;
   font-style: italic;
   font-size: 1.6em;
   line-height: 1em;
}

.rc_circuit #selectcircuitmulti{
  text-align:left;
  color: #fff;
   padding: 0px 10px 15px 10px;
}
.rc_circuit #selectcircuitmulti #compostagemulti {
   margin-top: 7px;
    font-size: 16px;
    line-height: 1.15em;
}

.rc_circuit .detcircuit {
   display: inline-block;
   position: relative;
   
   background: #2C2A2B;
   color: #fff;
   padding: 7px;
   padding-top: 82px;
   margin: 5px;
   font-size: 12px;
   border: solid 1px #666;
   width: 300px;
   text-align: left;
   border-radius: 15px 15px 0px 0px;
   overflow: hidden;
}

.rc_dc_b {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 75px;
    border-radius: 15px 15px 0px 0px;
}
.rc_dc_n {
    font-family: Anton, sans-serif;
    font-size: 18px;
    line-height: 20px;
}
.rc_dc_l {
   box-sizing: border-box;
   float: none;
   position: absolute;
   top:0px;
   right : 0px;
   width: 85px;
   padding: 6px;
   border-radius: 0px 15px 0px 20px;
   background: rgba(0,0,0,0.4);
   text-shadow: #000 2px 2px 2px;
   text-align: center;
}
.rc_dc_l img {
    margin-bottom: 0px;
}
.rc_dc_d {
    display: block;
    padding: 6px 0px 8px 0px;
    font-size: 16px;
    line-height: 1.1em;
}
.rc_dc_p {
    display: block;
    padding-top: 16px;
    font-family: Oleo Script;
    clear: both;
}
.rc_dc_p li {
    display: block;
    position: relative;
    font-family:Arial, Helvetica, sans-serif;
    border-top: solid 1px #CCC;
    width: 100%;
    text-align: left;
    padding: 6px 0px 6px 0px;
    font-weight: bold;
}
.rc_dc_p li:first-child { margin-top: 5px; }
.rc_dc_p li:last-child { border-bottom: solid 1px #CCC; }
.rc_dc_p li img {
    display: block;
    position: absolute;
    top: 0px;
    right: 8px;
    /*height: 38px*/
}
.rc_dc_p li div {
    display: block;
    position: absolute;
    top: 3px;
    right: 16px;
    font-family: Oleo Script;
    font-size: 14px;
    color: #f00;
}
.rc_plng {
    display: block;
    text-align: right;
    font-size: 13px;
    margin-top:4px;
}
.rc_dc_t {
    display: block;
}
.rc_dc_t li {
    display: block;
    float: left;
    position: relative;
    width: 65px;
    height: 95px;
    background: #f68f24;
    margin-right: 7px;
    text-align: center;
    padding: 5px 0px 0px 0px;
    line-height: 1em;
    font-size: 10px;
}
.rc_dc_t li:last-child { margin-right: 0px; }
.rc_dc_t .nbt {
    display: inline-block;
    position: relative;
    font-family: Anton, sans-serif;
    font-size: 36px;
    line-height: 36px;
    text-align: right;
    padding-right: 15px;
    margin-bottom: 3px;
}
.rc_dc_t .nbt div {
    display: block;
    position: absolute;
    top: 2px;
    right: -10px;
    font-size: 14px;
    font-family: 'Pragati Narrow', Arial, sans-serif;
    writing-mode: vertical-lr;
    font-variant: small-caps;
}
.rc_dc_t .prix {
/*    position: absolute;
    bottom: 12px;
    right: 6px;*/
margin-top: 2px;
    font-family: Anton, sans-serif;
    font-size: 28px;
    line-height: 28px;
    
}
.rc_dc_t .prix span {
    font-family: Anton, sans-serif;
    font-size: 18px;
    padding-left: 2px;
    line-height: 18px;
}
.rc_dc_t .aulieu {
/*    position: absolute;
    bottom: 4px;
    right: 4px;*/
    font-size: 9px;
    line-height: 10px;
    
}
.rc_dc_t .aulieu span {
    font-size: 10px;
}
.rc_link {
    display: none;
}
.rc_dc_vg {
      display: block;
      font-size: 12px;
  }
  .localisation { display: inline; }
  .localisation:after { content: "   |   "; }
  .localisation:last-child:after { content: ""; }

/* --------- FIN PAGE RUBRIQUE / CHOIX CIRCUIT SUR CARTE -------- */



/* ------------------- PAGE FORMULE ----------------------- */
.pf_colg {
   box-sizing: border-box;
   position: relative;
   color: #fff;
}
.pf_colt {
   box-sizing: border-box;
   padding: 15px;
   color: #fff;
   margin-top: 15px;
}
.pf_colg h1 {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 100%;
   max-width: 450px;
   background: rgba(0,0,0,0.3);
   margin: 0;
   padding: 0px 0px 5px 5px;
}
.pf_colg img {
   width: 100%;
   max-width: 450px;  
}
.pf_colg .voit {
   position: relative;
   width: 450px;
   max-width: 100%;
   margin: auto;
}  
.pf_colg #voitdesc {
   display: none;
   padding: 10px;
}
.pf_colg .circ {
   position: relative;
   width: 450px;
   max-width: 100%;
   margin: auto;
}
.pf_colg .plan {
   position: absolute;
   bottom: 35px;
   right: 10px;
   width: 60px;
}
.pf_colg #circdesc {
   display: none;
   padding: 10px;
}

.pf_colg .plus {
   position: absolute;
   bottom: 4px;
   right: 10px;
   width: 26px;
   height: 26px;
   cursor: pointer;
}

.pf_cf {
    position: relative;
    top: 0px;
    left: 0px;
    padding-bottom: 15px;
    width: 100%;
    border: solid 1px #999;
    color: #fff;
    background: #2c2a2b;
}
.recomm .pf_cf {
    border: solid 2px #f68f24;
}
.pass .pf_cf {
    border: solid 2px #f00;
}
.perf .pf_cf {
    border: solid 2px #87CEEB;
}
.pf_cf_hidden {
    display: none;
}
.pf_cf_cadre {
    position: relative;
    margin-bottom: 15px;
}
.pf_cf_addon {
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: -21px;
    left: 15px;
    height: 28px;
    font-size: 16px;
    line-height: 1em;
    padding: 2px 25px 3px 25px;
    text-align: center;
    background: #f00;
    border-radius: 12px 12px 0px 0px;
    border: solid 4px #2c2a2b;
}
.recomm .pf_cf_addon {
    background: #f68f24;
}
.pass .pf_cf_addon {
    background: #f00;
}
.perf .pf_cf_addon {
    background: #87CEEB;
}
.pf_cf_nbt {
    position: absolute;
    top: 8px;
    left: 10px;
    text-align:right;
    font-family: Anton;
    font-size: 48px;
    line-height: 1em;
    padding-right: 18px;
}
.pf_cf_nbt div {
    display: block;
    position: absolute;
    font-family: 'Pragati Narrow', Arial, sans-serif;
    font-size: 16px;
    font-variant: small-caps;
}
.pf_cf_nbt_legv {
    bottom: 4px;
    right: -14px;
    writing-mode: vertical-lr;
    text-align: right;
}
.pf_cf_nbt_legh {
    bottom: -29px;
    left: 2px;
}


.pf_cf_comp {
    padding: 12px 0px 0px 70px;
    line-height: 1.10em;
    min-height: 45px;
    font-size: 14px;
}
.pf_cf_comp .compo_novolant {
    color: #fff;
    font-size: 0.8em;
}
.encart {
    width: 100%;
}
.encart .prix_ref {
   display: none;
    box-sizing: border-box;
    position: absolute;
    top:8px;
    right: 0px;
    font-weight: normal;
    font-size: 9px;
    font-family: Anton;
    padding-right: 25px;
    color: #666;
    text-align: right;
    width: 100px;
}
@media only screen and (min-width: 500px) {
   .encart .prix_ref { display: block; }
}
.encart svg {
    position: absolute;
    bottom: -3px;
    right: 30px;
}
.encart .prix_ref span {
    font-size: 22px;
    line-height: 22px;
    color: #f68f24;
    /*text-shadow: #ccc 2px 2px ;*/
}
.encart .prix_ref:before {
    content: "Prix constaté";
}
.encart .prix_ref span{
    font-size: 2.4em;
}
.encart .prix_ref .decimale{
    font-size: 1.8em;
}
.euro {
	padding-left: 0.1em;
	font-size: 0.75em;
}
.pf_cf_cp {
    display: block;
    text-align: right;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px 5px 0px 5px;
    color: #666;
    flex-grow: 1;
    max-width: 160px;
}
.listetarif {
    position: relative;
    top: -10px;
    display:flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    line-height: 1em;
    width: 100%;
}
.listetarif .tarif {
    display: block;
    box-sizing: border-box;
    position: relative;
    text-align: right;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px 5px 20px 5px;
    color: #fff;
    flex-grow: 1;
    max-width: 160px;
    background: #f68f24;
    min-height: 100px;
    padding: 3px 5px 0px 0px;
    
    
        line-height: 1em;
    font-weight: bold;
    font-size: 11px;
}
/* ORANGE: f68f24
 * GRIS FOND:333
 * GRIS MENU: 1d1d1b
 * ORANGE CLAIR: #F3C593*/
.listetarif #percent{
    position: absolute;
    bottom: 20px;
    left: 0px;
    font-family: 'Stardos Stencil', cursive;
    font-size: 46px;
    color: #F3C593;
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
    z-index: 1;
    letter-spacing: -3px;
}
.listetarif #percent span {
    font-size: 18px;
    padding-left: 2px;
}
#flash {
    /*background: url("/images/formule/tarif_flash.png") no-repeat 1px 55px #f68f24;*/
}
#flash #percent {
	color: #fff;
	bottom: 40px;
    font-size: 46px;
    letter-spacing: 0px;
}

}
.economie  .detail{
    position: absolute;
    bottom: 1px;
    left:4px;
    font-size: 10px;
    font-stretch: ultra-condensed;
    z-index: 100;
}
.listetarif .encartcommander {
    display: block;
    position: absolute;
    bottom:-4px;
    right: -3px;
    text-align :center;
    width: 90px;
    height: 25px;
    padding: 1px 0px 0px 0px;
    font-family: Anton;
    font-size: 1.3em;
    border-radius:8px;
    outline:none;
/*    color: #ffffff;
    text-shadow:0px 1px 0px #cc54b4;
    background: #F3C593;
    background-image: -webkit-linear-gradient(top, #F3C593, #f68f24);
    background-image: -moz-linear-gradient(top, #F3C593, #f68f24);
    background-image: -ms-linear-gradient(top, #F3C593, #f68f24);
    background-image: -o-linear-gradient(top, #F3C593, #f68f24);
    background-image: linear-gradient(to bottom, #F3C593, #f68f24);
    background-image: linear-gradient(to bottom, #F3C593, #f68f24);
    
    
    border:0 none;
    text-shadow: 1px 1px 0px rgba( 0, 0, 0, 0.5);
    */

    border: solid 4px #2c2a2b;
    background: #497288;
    
    background: #87CEEB;
    color: #2c2a2b;
    font-size: 1.2em;
    padding: 0px 0px 2px 0px;
    height: 28px;
    right: -8px;
    bottom: -8px;
    
    cursor: pointer;
    text-transform: uppercase;
    z-index: 100;
}
.listetarif .tarifcoin {
    position: absolute;
    top: -1px;
    left: -1px;

}
.listetarif .flashdate {
    z-index:100;
    line-height: 1.05em;
    font-weight: bold;
    font-size: 11px;
}

.listetarif .prix_3x {
    position: absolute;
    bottom:-19px;
    right: 3px;
    color: #666;
    z-index: 1000;
}

.listetarif .prix {
    display: block;
    position: absolute;
    bottom: 29px;
    font-size: 32px;
    right: 5px;
    color: #fff;
    font-family: Anton;
    z-index: 100;
    text-shadow: #2c2a2b 1px 1px;
}
.cent {
	display: inline-block;
        display: none;
	font-size: 0.75em;
}
.pf_cf_p {
    display: block;
    box-sizing: border-box;
    position: relative;
    height: 80px;
    background: #f68f24;
    color: #000;
    padding: 2px 5px 0px 0px;
    line-height: 1.1em;

}
.pf_cf_pb {
	box-sizing: border-box;
	position: absolute;
	top:6px;
	right: -15px;
	width: 180px;
	height: 45px;
	text-align:right;
	font-size: 10px;
	font-family: Anton;
	padding-right: 25px;
	color: #aaa;
}
.pf_cf_pb div {
	font-size: 22px;
	line-height: 22px;
	color: #f68f24;
	text-shadow: #ccc 2px 2px ;
}
.pf_cf_p img { 
	position: absolute;
	bottom: -17px;
	left: -12px;
}

.pf_optionsincl {
   position: relative;
   box-sizing: border-box;
   padding: 15px;
   text-align: left;
   font-size: 20px;
   color: #f68f24;
}
@media only screen and (min-width: 500px) {
   .pf_optionsincl {
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2;
   }
}   

.pf_optionsincl .comprend {
   display: block;
   width: 100%; 
}
.pf_optionsincl li {
   font-size: 14px;
   border-top: solid 1px #f68f24;
   border-left: none;
   text-align: left;
   padding: 13px 0px 13px 0px;
   width: 100%;
   max-width: 240px;
   margin: auto;
}
.pf_optionsincl li span {
    color: #fff;
    font-family: "Oleo Script";
    font-size: 1.1em;
    display: block;
     font-size: 1.2em;
}
.pf_optionsincl li:first-of-type {
    border-top: none;
}
.pf_optionsincl img {
   display: inline-block;
   vertical-align: middle;
}
.pf_optionsincl div {
   display: inline-block;
   vertical-align: middle;
   padding-left: 10px;
   width: 165px;
}

.pf_cf_p .commander { 
	position: absolute;
	bottom:3px;
	right: 3px;
	background: #ccc;
	font-size: 12px;
	border-radius: 3px;
	padding: 3px 3px 3px 3px;
}
.pf_cf_p_t {
	display: block;
	position: absolute;
	bottom: 33px;
	font-size: 32px;
	right: 5px;
	color: #fff;
	font-family: Anton;
}
.pf_options {
    clear: both;
    color: #fff;
    padding: 10px 20px 10px 10px;
   
}
.pf_options p {  margin-bottom: 6px; }
.pf_options span { color: #f68f24; }
.pf_options .euro { color: #fff; }

.pf_options .opicto {
    float: left;
    margin-right: 8px;
}
.pf_options_t {
    clear: both;
    display: block;
    margin: 25px 0px 10px 15px;
    font-size: 20px;
    color: #f68f24;    
}
.pf_options li {
    display: block;
    position: relative;
    margin-bottom: 25px;
    padding: 10px 10px 20px 10px;
    background: #111;
    
}
.pf_options li .ill {
    display: block;
    margin: 10px 0px 20px 0px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 20px;
}
.pf_options li .titre {
    font-family: "Oleo Script";
    font-size: 1.1em;
    display: block;
    margin-bottom: 5px;
    color: #f68f24;    
}
.pf_options li .prix {
    border-radius: 5px;
    padding: 3px 15px 3px 15px;
    position: absolute;
    top: -7px;
    right:-3px;
    background: #f68f24;
    font-family: Anton;
    font-size: 18px;
    color: #fff;
    text-shadow: #111 1px 1px 2px;
}


.pf_infocomp {
    clear: both;
    color: #fff;
    padding: 10px 20px 10px 10px;
}
.pf_infocomp h3 {
   font-family: "Oleo Script";
   font-size: 1.1em;
   display: block;
   margin-bottom: 5px
}
.pf_infocomp p {  margin-bottom: 6px; }
.pf_infocomp span { color: #f68f24; }
.pf_infocomp li {
 display: block;
    position: relative;
    margin-bottom: 25px;
    padding: 10px 10px 20px 10px;
    background: #111;
}

@media only screen and (min-width: 500px) {
   .pf_options {
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2;
   }
   .pf_options li { width: 240px;  }
}



/* ------------- PAGES CIRCUITS -------------------*/
#pagecircuits li {
    position: relative;
    float: left;
    height: 320px;
    width: 290px;
    margin: 12px;
    border-radius: 10px;
    border: solid 2px #f68f24;
    /*background: #f68f24;*/
}
#pagecircuits h2 {
    padding: 10px 0px 10px 8px;
    font-size: 20px;
    background: #f68f24;
    color: #2c2a2b;
    font-weight: bold;
}
#pagecircuits .divimg {
    overflow: hidden;
    width: 290px;
    border-radius: 10px 10px 0px 0px;
}
#pagecircuits .trace {
    float: right;
    text-align: center;
    margin: 0px 10px 15px 10px;
}
#pagecircuits .loc {
    display: block;
    font-size: 0.8em;
    padding-left: 8px;
    line-height: 1.1em;
}
#pagecircuits .desc {
    display: block;
    padding: 8px;
}
#pagecircuits a {
        position: absolute;
    bottom: -14px;
    right: -10px;
    font-size: 1em;
    font-weight: bold;
    color: #F68F24;
    background: #2c2a2b;
    border-radius: 8px;
    border: solid 3px #F68F24;
    padding: 5px 15px 5px 15px;
}

#page404 {
    padding: 20px;
    margin: 20px;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
}
#page404 h1 { margin: 70px;  color: #f68f24; }





/* -------- PAGE INTERIEURE AVEC COLGAUGHE ------------- */
.cadrecolgauche {
    display: block;
    float: left;
    width: 230px;
    /*border-right: solid 1px #444;*/
    padding: 5px;
    text-align: center;
}
.central {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 15px;
    color: #fff;
    font-size: 1.1em;
}
.central h1 {
    font-family: "Anton";
    font-size: 25px;
    color: #fff;
    margin: 10px 0px 25px 0px;
}
.central h1 span {
    font-family: "Oleo Script";
    color: #f68f24;
    margin: 0px 8px 0px 8px;
    position:relative;
    top:-2px;
}
.central .chapeau {
    line-height: 0.9em;
    margin-bottom: 25px;
}

.central h2 {
    display: block;
    margin-bottom: 15px;
    color: #f68f24;
}
.central h3 {
    display: block;
    margin-bottom: 8px;
    color: #f68f24;
}
.central p {
    margin-bottom: 8px;
}


#LesStagesDePilotage {
    display: block;
    margin: 20px 0px 20px 8px;
    width: 220px;
    padding: 4px 4px 14px 4px;
    background: #111;
    text-align: left;
    color: #fff;
}
#LesStagesDePilotage h3 {
    display: block;
    color: #f68f24;
    margin: 5px 0px 18px 5px ;
    width: 100%;
    text-align: left;
}

#LesStagesDePilotage .li1 {
    padding: 5px;
    border-top: dotted 2px #f68f24;
    color: #fff;
    margin-top: 9px;
}
#LesStagesDePilotage img {
    margin-right: 10px;
    position: relative;
    top: 8px;
}
#LesStagesDePilotage .li1 ul {
    margin-top: 4px;
}
#LesStagesDePilotage .li1 li {
    padding-left: 40px;
    color: #f68f24;
}

/* -------- FIN PAGE INTERIEURE AVEC COLGAUGHE ------------- */


/* REPRISE ANTERIEURE - PAGE RUBRIQUE -*/

.cssant {
     /*background: #353739;*/
    padding: 15px;
    color: #fff;
    font-size: 1.1em;
}
.cssant h1 {
    font-family: "Anton";
    font-size: 25px;
    color: #fff;
    margin: 10px 0px 25px 0px;
}
.cssant h1 span {
    font-family: "Oleo Script";
    color: #f68f24;
    margin: 0px 8px 0px 8px;
    position:relative;
    top:-2px;
}
.cssant h2 {
    display: block;
    margin-bottom: 15px;
    color: #f68f24;
}
.cssant h3 {
    display: block;
    margin-bottom: 8px;
    color: #f68f24;
}
.cssant p {
    margin-bottom: 8px;
}

.cssant .spa{
	background:url(/images/ant/lp-sep.png) no-repeat;			
	height:2px;
}
.cssant h1.stage-de-pilotage{
/*	font:normal 13px arial;
	margin:5px 0 17px 20px;
	color:#ffffff;
	text-transform:uppercase;
	border:0;
	*/
}
.cssant h1.stage-de-pilotage span {
	color:#f86b1e;
}
.cssant h2.stage-de-pilotage{
	font:normal 18px arial;
	padding:0px 0 0 0px;
	color:#ffffff;
	text-transform:uppercase;
	border:0;
    color: #f68f24;
}
.cssant h2.stage-de-pilotage span {
	font-weight:bold;
	color:#f86b1e;
}
.cssant p.stage-de-pilotage{
	padding: 0px 0 0 0px;
	font:normal 12px arial;
	color:#ffffff;
}
.cssant #lp{
	/*margin-left:18px;*/
	margin-bottom:30px;
	position:relative;

	/*background:url(/images/ant/background-lp.png) repeat-y;			*/
}
.cssant .stage-pilotage-type-vehicule{
	position:relative;
	margin: 10px 0px 0px 0px;
   background-size: contain;
   background-repeat: no-repeat;
}


.cssant #lp table{
	width:100%;
}
.cssant .des{
	vertical-align:top;
}
.cssant .des h3{
	padding:5px 0 0 3px;
	margin:0;
	font:normal 14px arial;
	text-transform:uppercase;
	/*color:#c5c4c4;*/
        color: #fff;
}
.cssant .des h3 span {
	color:#f86b1e;
}
.cssant .des p {
	padding:0px 0 0 3px;
	font:normal 10px arial;
	color:#838181;
}
.cssant .inf{
	width:74px;
	padding:0 13px 0 0;
	background:url(/images/ant/lp-sep2.png) right center no-repeat;			
	font:bold 10px "Arial";
	font-weight: 900;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
}
.cssant .inf div{
	/*
	border:1px #777676 solid;
	*/
	padding: 3px 0;
	width:74px;
	text-align:center;
}
.cssant .inf div span{
    display:block;
    clear:both;
    font-family: "Stardos Stencil";
    font-size: 24px;
    -ms-transform: rotate(-8deg); /* IE 9 */
    -webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */
    transform: rotate(-8deg);
    color:#f36f27;
}
.cssant .prb {
	text-align:right;
	font:normal 13px arial;
	color:#b1afaf;
	text-decoration: line-through;
}		
.cssant .pri {
	text-align:right;
	font:bold 18px arial;
	padding:0 10px 0 0;
	color:#f36f27;
}
.cssant .lnk{
	text-align:right;
   padding-top: 4px;
   position: relative;
   left: 8px;
}
.cssant h1.prd, h2.prd{
	background:url(/images/ant/background-prd.png) no-repeat;			
	height:35px;
	font:normal 12px/35px arial;
	margin:0 0 20px 0px;
	padding:0;
	color:#ffffff;
	text-transform:uppercase;
	border:0;
	text-indent:20px;
}
.cssant h1.prd span {	color:#f86b1e; }
.cssant h1.prd div {	padding: 0 12px 0 0;
	font:normal 14px/35px arial;
	float:right;
	color:#ffffff;
}
.cssant h1.prd div span{
	font:bold 20px/35px arial;
	color:#ffffff;
}

/* ------- PAGES ----- */
#EspaceEntreprise {
    margin: auto;
    background: url(/images/st/cadre/espace-entreprise.png) no-repeat;
    width: 217px;
    height: 179px;
}
#EspaceEntreprise a {
    display: block;
    padding: 134px 30px 0 34px;
    font: normal 11px/12px arial;
    text-decoration: none;
    color: #3d3c3c;
}
/* ------- FIN PAGS ----------- */




/* ############# BON COMMANDE ################## */
#boncommande {
   font-size: 1.1em;
   line-height: 1em;
}


#boncommande .colgauche {
    padding: 10px;
    color: #fff;
}
#boncommande .panier {
	display: block;
	margin: 0px 0px 8px 5px;
	font-size: 1.4em;
	color: #666666;
}
#boncommande .colgauche .formule {
	background: #f68f24;
	padding: 8px;
    color: #fff;
}
#boncommande .titrestage {
    position: relative;
    font-weight: normal;
    font-size : 22px;
    line-height: 18px;
    text-transform: uppercase;
	margin-bottom: 5px;
    color: #fff;
}
#boncommande .titrestage .nbtours{
    font-size : 31px;
}
#boncommande .titrestage .voiture{
    color: #fff    ;
   font-family: "Oleo Script";
}
#boncommande .colgauche .circuit {
	font-size: 1.2em;
	display: block;
	margin-bottom:5px;
}
#boncommande .colgauche .beneficiaire {
	font-size: 1.2em;
	display: block;
	margin-bottom:5px;
	font-weight: bolder;
}
#boncommande .colgauche .promo {
	color: #000;
	font-size: 1em;
	margin-bottom:3px;
}
#boncommande .colgauche .promotitre {
	font-size: 1.2em;
	font-weight: bold;
}


#boncommande .coldroite {
    margin: 35px 10px 10px 10px;
	background: #dddddd;
	border-radius: 10px;
	padding: 10px 10px 20px 10px;
	color: #333;
}
#boncommande .coldroite .total{
	font-weight: bold;
}
#boncommande .coldroite .reglement{
	line-height: 20px;
	padding: 10px 10px 20px 10px;
}

#boncommande .coldroite input[type=radio] {
	position: relative;
	top: 3px;
	margin-right: 5px;
}
#boncommande .coldroite .prix {
	font-weight: bold;
	background: #cccccc;
	width: 100%;
	left: 0px;
	line-height: 50px;
	font-size: 3em;
	color: #f68f24;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 20px;
}
#boncommande .colgauche #bouton {
    display: block;
	margin: auto;
	height: 35px;
	cursor: pointer;
    padding: 0px 10px 0px 10px;
    font-family: Anton;
    font-weight: normal;
    font-size: 1.2em;
    color: #FFFFFF;
    text-align :left;
    line-height: 26px;
    background:  #f68f24;
	border-radius: 10px 10px;
	outline:none;
	border:0 none;
}	
#boncommande .colgauche #bouton:hover {
	background: #48b8e0;
}
#boncommande .coldroite #bouton {
    display: block;
	margin: auto;
	height: 35px;
	cursor: pointer;
    padding: 0px 10px 0px 10px;
    font-family: Anton;
    font-weight: normal;
    font-size: 1.2em;
    color: #FFFFFF;
    text-align :left;
    line-height: 26px;
    background:  no-repeat 8px 8px #f68f24;
	border-radius: 10px 10px;
	outline:none;
	border:0 none;
}	
#boncommande .coldroite #bouton:hover {
	background: #48b8e0;
}
#boncommande .coldroite #valider {
    display: block;
	margin: auto;
	margin-top: 15px;
	height: 35px;
	cursor: pointer;
    padding: 0px 10px 0px 10px;
    font-family: Anton;
    font-weight: normal;
    font-size: 1.2em;
    color: #FFFFFF;
    text-align :left;
    line-height: 26px;
    background: #f68f24;
	border-radius: 10px 10px;
	outline:none;
	border:0 none;
}	
#boncommande .coldroite #valider:hover {
	background: #48b8e0;
}
#boncommande .rubriquetitre {
	position: relative;
    font-family: Anton;
    font-size : 1.3em;
/*    text-transform: uppercase; */
    font-variant: smallcaps;
    color: #fff;
    background: #f68f24;
	margin: 30px 0px 0px 0px;
	padding: 9px 0px 9px 70px;
	
}
#boncommande .rubriquetitre .num {
   box-sizing: border-box;
   display: block;
   position :absolute;
   left: 10px;
   top: -10px;
   width: 50px;
   height: 50px;
   background: #2c2b2a;
   border-radius: 25px;
   padding: 19px 0px 3px 0px;
   font-size: 1.4em;
   color:#f68f24; 
   text-align:center;
}
#boncommande .rubrique {
   background: #111;
   padding: 7px;
   margin: 0px 5px 0px 5px;
   border-radius: 0px 0px 15px 15px;
}
#boncommande .coldroite .comm_det {font-family: Arial; font-size: 12px; text-align: center; text-decoration: none; color: #aaa; font-weight: normal;}
#boncommande .colgauche .comm_det {font-family: Arial; font-size: 12px; text-decoration: none; color: #aaa; font-weight: normal;}
#boncommande #modeexpe {
	font-size: 1.2em;
	font-weight: bold;
	color: #555555;
	background: url(/images/rubrique/carre-rose.png) no-repeat 0px center;
}
#boncommande #modeexpe td {
	padding-left: 15px;
}
#boncommande #bcoptions td {
    padding: 6px 0px 6px 0px;
    border-bottom: solid 1px #f68f24;

}
#boncommande #bcoptions tr:first-child td {
    padding-top: 0px;
    border-bottom: none;
}
#boncommande #bcoptions tr:last-child td {
    border-bottom: none;
}
#boncommande #bcoptions div {
    display: block;
    padding-left: 74px;
}
#boncommande #bcoptions img {
    margin: 5px 12px 12px 12px;
}
#boncommande #bcoptions a {
    color: #f68f24;
}

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


@media only screen and (min-width: 1270px) {
   #boncommande {
      padding: 0px 40px 0px 40px;
   }
   #boncommande .colgauche {  width: 720px; }
   #boncommande .coldroite {	width: 300px; }
}

#confirmationcommande {
	/*background: #FFFFFF;*/
    color: #fff;
	box-sizing: border-box;
	width: 720px; /* 98%; */
	margin: auto;
	padding: 20px;
	min-height: 300px;
    font-size: 1.2em;
}
#confirmationcommande .titre {
	color: #f68f24;
	font-size: 1.2em;
	font-weight: bold;
}
#confirmationcommande .logopaiement {
    float: right;
    text-align: center;
}
#confirmationcommande #PaymentRequest {
    float: left;
}
#boncommande .errormsg {
  display: block;
  margin-top: 20px;
  text-align: center;
  color: red;
  font-weight: bold;
}


/* ************ PAGE VOITURES **************************** */
.pv_voit {
   display: block;
   position: relative;
   margin: 50px 30px 0px 0px;
   padding: 15px 15px 35px 15px;
   border-bottom: solid 2px #f68f24;
   border-radius: 20px;
}
.pv_logo {
   max-width: 80%;
}
.pv_pano {
   width: 100%;
   margin-bottom: 15px;
}
.pv_voit a {
   display: block;
   position: absolute;
   bottom: -20px;
   right: -20px;
   background: #2c2a2b;
   padding: 10px 15px 10px 15px;
   border: solid 2px #f68f24;
   border-radius: 20px;
}
.pv_voit h2 {
   font-family: 'Oleo Script';
   margin-bottom: 6px;
   line-height: 1em;
}
.pv_voit ul {
 }
.pv_voit span {
   color: #f68f24;
   padding-right: 10px;
}


/* ############# ESPACE CLIENT ################# */
.espaceclient {
	text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 1.1em;
}
.espaceclient .sectionpage {
	display: block;
/*    background: #ffffff;*/
	padding: 10px 10px 10px 10px;
	margin: 5px;
	clear: none;
    
	text-align: left;
    
}
.espaceclient .ssfond{
    background: none;
	margin-top: 0px;
}
.espaceclient  #resume {
   background: #dddddd;
   border-radius: 5px;
   padding: 10px 10px 20px 10px;
   margin: 10px;
   color: #666666;
}
.ec_video {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   max-width: 100%;
}
.ec_video iframe, .ec_video object, .ec_video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.espacevideo h1 {
    width: 100%;
    font-family: "Anton";
    font-size: 16px;
    color: #fff;
line-height: 1.2em;
    text-align :center;
    text-transform: uppercase;
	margin-top: 30px;
}
.espacevideo h1 .stage{
    font-family: "Oleo Script";
    color: #f68f24;
}

.espacevideo .fbshare {
   box-sizing: border-box;
   width: 100%;
   text-align :center;
   font-family: 'Pragati Narrow';
   font-size : 18px;
   color: #fff;
   background: #6287d2;
   color: #4267b2;
   background: #fff;
   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: 6px;
}
.espacevideo .sectionpage {
	display: block;
	padding: 10px 10px 10px 10px;
	margin: 5px;
	clear: none;
	text-align: left;
    color: #fff;
}

.espacevideo .ec_videofull {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   max-width: 100%;
}
.ec_videofull iframe, .ec_videofull object, .ec_videofull embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*----------- ESPACE CLIENT CHOIX DATE ------------------------*/
.espaceclient .bouton, .espaceclient input[type=submit] {
    display: inline-block;
	white-space: normal;
	cursor: pointer;
    padding: 5px 10px;
    font-family: Anton;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
	color: #FFFFFF;
    background: #f68f24;
	outline:none;
	border:0 none;
	border-radius: 10px 10px;
	min-width: 180px;
	margin: 10px 0px 10px 0px;
}
.espaceclient .bouton:hover {	background: #497288; }
.espaceclient .bouton:disabled,.espaceclient .bouton[disabled] {
	background: #555555;
	cursor: not-allowed;
}
.espaceclient .sectionpage .soustitre {
	position: relative;
    font-family: Anton;
    font-size : 20px;
    text-align: left;
    text-transform: uppercase;
    color: #555555;
    background: #e4e3e3;
	margin: 10px 0px 20px 0px;
	padding: 5px 0px 5px 60px;
}
.espaceclient .sectionpage .soustitre .num {
	display: block;
	position :absolute;
	left: 10px;
	top: 4px;
	width: 29px;
	height: 21px;
	background: #f68f24;
	border-radius: 15px;
	padding: 0px 0px 3px 1px;	
	font-size: 15px;
    font-weight: normal;
	color:#fff; 
	text-align:center;
}
.espaceclient .intitule {
    display: block;
    color: #51A0B5;
    margin-top: 10px;
}
.espaceclient .detail {
    display: block;
}
.espaceclient .champreponse {
    display: block;
    font-weight: bold;

}
.espaceclient li {
    display:list-item;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 30px;
    list-style-type: disc;
}
.espaceclient #confirmation li {
    display:list-item;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 30px;
    list-style-type: disc;
}

.espaceclient  #choixoptions li {
    display:list-item;
    list-style-type: none;
}
.espaceclient  #choixoptions .tableoption {
    width: 700px;
}

.espaceclient  input[type=radio] {
	display: inline-block;
	position: relative;
	top: -1px;
    margin: 5px 2px 2px 15px;
}

.espaceclient .compoform {
	display: block;
    margin: 5px 5px 10px 30px;
}

.espaceclient  #choixdate {
	
}
#choixdate input {
    position: relative;
    top: 3px;
    margin-right: 5px;
}
#choixdate .titre {
    display: block;
    margin: 0px 0px 5px 0px;
    position: relative;
    left: 0px;
    font-weight: bold;
}
#choixdate .stage_1 {
    display: block;
    margin: 8px;
    padding: 3px 6px 6px 25px;
    color: #fff;
}
#choixdate .stage_2 {
	display: block;
	margin: 8px;
	padding: 3px 6px 6px 25px;
	color: #aaa;
}
#choixdate .stage_3 {
    display: block;
    margin: 8px;
    padding: 3px 6px 6px 25px;
    color: #aaa;
}
#choixdate .stage_4 {
    display: block;
    margin: 8px;
    padding: 3px 6px 6px 25px;
    color: #aaa;
}
#choixdate .stage_promo {
    display: block;
    margin: 8px;
    padding: 3px 6px 6px 25px;
}
#choixdate .stage_disabled {
    display: block;
    margin: 8px;
    padding: 3px 6px 6px 25px;
}
#choixdate .detail {
    display: block;
    padding-left: 25px;
    line-height:1.3em;
}







/* SATISFACTION */

.quest_sat .soustitre {
    text-transform: none;
     font-size : 11px;
     background: #f68f24;

}
.quest_sat .soustitre div {
    text-transform: none;
     font-size : 11px;
}
.qs_hp {
	position: relative;
    font-size : 1em;
    color: #fff;
	margin: 10px 0px 30px 0px;
}
.qs_blocreponse {
   display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
    
}
.qs_reponse {
    width: 50px;
    height: 60px;
    text-align:center;
    cursor: pointer;
    margin: 0px 5px 0px 5px;
    padding: 0px;
    color: #fff;
    font-size : 11px;
    line-height: 11px;
}
.qs_reponse div {
   display: block;
   width: 20px;
   height: 20px;
   margin: auto;
   margin-bottom: 5px;
   border: none;
   background: url('/images/qs_smiley.png') 0px 0px no-repeat;
   background-size: 120px 40px;
   
}		
.qs_reponse .r1 { background-position : 0px 0px; }
.qs_reponse .r2 { background-position: -20px 0px; }
.qs_reponse .r3 { background-position: -40px 0px; }
.qs_reponse .r4 { background-position: -60px 0px; }
.qs_reponse .r5 { background-position: -80px 0px; }
.qs_reponse .r0 { background-position: -100px 0px; }

.qs_reponse .r1:hover { background-position : 0px -20px; }
.qs_reponse .r2:hover { background-position: -20px -20px; }
.qs_reponse .r3:hover { background-position: -40px -20px; }
.qs_reponse .r4:hover { background-position: -60px -20px; }
.qs_reponse .r5:hover { background-position: -80px -20px; }
.qs_reponse .r0:hover { background-position: -100px -20px; }

.sel .r1 { background-position : 0px -20px; }
.sel .r2 { background-position: -20px -20px; }
.sel .r3 { background-position: -40px -20px; }
.sel .r4 { background-position: -60px -20px; }
.sel .r5 { background-position: -80px -20px; }
.sel .r0 { background-position: -100px -20px; }

.qs_merci {
	position: relative;
	font-size : 1.3em;
	color: #555;
	background: #e4e3e3;
	text-align: center;
	padding: 30px;
	margin: 50px;
}

#cgv .titreart {
    display: block;
	font-size: 1.1em;
	margin: 20px 0px 5px 0px;
    text-decoration: underline;
    color: #f68f24;
    font-weight: bold;
}

#cgv li {
    list-style: disc inside;
}


/* Planning */
#listecircuit .titre {
	margin-top: 30px;
	margin-bottom: 5px;	
}
#listecircuit .ts {
	margin-top: 7px;
	margin-bottom: 3px;	
}
.homeimg {
    background: url('/images/promos/485/m-bg-1.jpg') no-repeat center top;
    background-image: image-set('/images/promos/485/m-bg-1.webp' type('image/webp'),'/images/promos/485/m-bg-1.jpg' type('image/jpeg'));
} 
 
 
    #promo2 {
        background: url('/images/promos/485/p2.png') no-repeat 0px 55px #C00;
        color: #fff;
    }

  	

#flash #percent {
    bottom: 45px;
    left: 7px;
    color: #fff;
    text-shadow: #000 0px 0px 6px;
    letter-spacing: 1px;
    font-size: 30px;
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
}
#promo1 #percent {
    bottom: 45px;
    left: 7px;
    color: #fff;
    text-shadow: #000 0px 0px 6px;
    letter-spacing: 1px;
    font-size: 30px;
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
}
#promo1 #percent span {
    padding-left: 0px;
}
#promo2 #percent {
    bottom: 45px;
    left: 7px;
    color: #fff;
    text-shadow: #000 0px 0px 6px;
    letter-spacing: 1px;
    font-size: 30px;
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
}
#promo2 #percent span {
    padding-left: 0px;
}