@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

/* SPRITE
 * logo haut et bas de page
 * picto espace client + menu + fleches menu
 * picto circuits/voitures menu
 * 
 * Page formules
 * etoiles
 * logo ecoles
 * picto panier
 * picto promos ?
 * carte france avec point circuit
 * Pictos options
 * */
@viewport {
   width: device-width;
   zoom: 1;
}
@font-face {
  font-family: 'open_sanslight';
  src: url('/images/css/fonts/opensans-light-webfont.eot');
  src: url('/images/css/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
  url('/images/css/fonts/opensans-light-webfont.woff') format('woff'),
  url('/images/css/fonts/opensans-light-webfont.ttf') format('truetype'),
  url('/images/css/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
	font-family: MyriadPro;
	src: url('/images/css/fonts/MyriadPro-Semibold.otf');
	font-display: swap;
}
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

body {
    padding: 0;
    margin: 0;
    font-family:  Arial, Helvetica;
    font-size: 16px;
	background: #999;
}
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; }

.euro { font-size: 0.8em; }


.header #bandeaulogo {
    position: fixed;
	left: 0;
	right: 0; 
    width: 100%;
    max-width: 640px;
    height: 65px;
    margin: auto;
    background: #0F0F0F url("/images/m/general/header_fond.png");
    text-align: center;
    z-index: 100;
    border-bottom: solid 1px #FFFFFF;
}
.header #bandeaulogo #logo {
    margin: 10px;
    width: 220px;
    max-width: 60%;
}
.header #bandeaulogo #btnclient,#btnmenu {
    cursor: pointer;
    float: right;
    margin: 14px 7px 0px 7px;
    border-radius: 5px;
    padding: 2px;
    background: #222222;
    border: solid 1px #999999;
}
.header #bandeaulogo #btnmenu {
    float: left;
}
@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; }
}
/* #################### MENU ######################### */
#contmenu {
   position: relative;
   max-width: 640px;
   margin:auto;"
}
#menu {
  position: absolute;
  display: none;
  top: 65px;
  left: 0px;
  padding: 0px;
  margin: 0px;
/*  box-sizing: border-box; */
  font-family: open_sanslight;
  font-size : 1em;
  line-height: 1em;
  border-right: solid 1px #FFFFFF;
  z-index: 99;
  box-sizing: border-box;
}
#fondgrise {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  z-index: 98;
}
#menu li {
  background: #FFFFFF;
  width: 100%;
}
#menu li a {
  display: block;
  width: 100%;
  padding: 5px 10px 5px 10px;
  color: #cd398a;
  border-bottom: solid 1px #cd398a;
  background: #FFFFFF url("/images/m/general/menu_fss.png") no-repeat right center;
  box-sizing: border-box;
}
#menu ul>li>ul>li:last-child a {
  border-bottom: none;
}
#menu>li>a {
  padding: 12px;
  padding-right: 60px;
  border-bottom: solid 1px #FFFFFF;
  color: #FFFFFF;
  width: 100%;
  font-size : 1.2em;
  margin: 0px;
  background: #cd398a url("/images/m/general/menu_f.png") no-repeat right center;
  background-image: -webkit-image-set(url('/images/m/general/menu_f.png') 1x, url('/images/m/general/menu_f_2x.png') 2x);
  box-sizing: border-box;
}

#menu .section {
  padding: 6px 12px;
  font-weight: bold;
  color: #51A0B5;
  background: #DDDDDD;
  width: 100%;
  box-sizing: border-box;
}
#menu .sstitre {
  font-size: 0.6em;
  color: #999999;
  font-size: 0.8em;
  color: #666;
}
#menu img {
  max-height: 30px;
}
#menu #ssmenucircuit img {
  position: absolute;
  right: 40px;
}
#menu #ssmenuvoiture,#ssmenucircuit {
  display: none;
}

/* ############## FOOTER #################### */
#footer2 {
    display: block;
    width: 100%;
    max-width: 640px;
    padding: 20px 5px;
    margin: auto;
    margin-top: 0px;
    background: #2f2f2f;
    color: #FFFFFF;
    font-size: 1em;
	text-align:center;
	line-height: 1em;
	vertical-align: top;
/*	box-sizing: border-box;*/
	
}
#footer2 ul { display: inline-block;}
#footer2 li {
    margin: 0px 20px 10px 0px;
    list-style: disc inside;
    white-space: nowrap;
}

#footer2 .inside .colonne {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 300px;
	line-height: 1.4em;
    padding-left: 10px;
	text-align: left;
    color: #999999;
}
#footer2 .inside .colonne>img {
   display: block;
   margin: auto;
   margin-bottom: 5px;
}
#footer2 .entete {
    font-size: 1.5em;
    color: #51A0B5;
    margin-bottom: 20px;
}
#footer2 .entete2 {
    font-size: 1.5em;
    color: #999999;
    margin-bottom: 8px;
}
#footer-rens {
    font-size: 1.1em;
    font-family: MyriadPro;
    padding-top: 10px;
    padding-bottom: 8px;
    color: #FFFFFF;
}
#footer-tel {
    color: #51A0B5;
    font-size: 2em;
    font-family: MyriadPro;
}

#footer2 #email {
    display: block;
    margin: 15px 0px;
    color: #FFFFFF;
}
#footer-email {
    display: inline-block;
    color: #51A0B5;
    font-size: 1.1em;
    font-family: MyriadPro;
    padding-left: 10px;
}
#footer-horaires {
    color: #999999;
    padding-top: 6px;
    font-size: 1em;
    line-height: 1.1em;
}
#footer2 .version {
   clear: both;
   display: inline-block;
   width: 90%;
   max-width: 640px;
   font-family: open_sanslight;
   font-size : 12px;
   text-align: center;
   color: #999;
   margin: auto;
   margin-top: 15px;
   padding: 4px 18px 6px 6px;
   border: solid 1px #999;
   border-radius: 10px;
}
#main {
	background: #fff;
	padding-top: 65px;
    margin: auto;
    max-width: 640px;
}
@media only screen and (orientation : landscape) {
   .header #bandeaulogo { height: 45px; }
   .header #bandeaulogo #logo {
      width: 200px;
      margin: 5px 10px;
   }
    .header #bandeaulogo #btnclient,#btnmenu {
        margin: 3px 10px 0px 10px;
        padding: 1px;
    }
	#menu { top: 45px; }
	#main {
	  padding-top: 45px;
   }
   
}
@media only screen and (min-width: 600px) {
   #footer2 .inside .colonne {
      position: relative;
      max-width: 640px;
      margin-bottom: 15px;
   }
   #footer2 .inside .colonne>img {
      display: block;
      margin: 0px 0px 15px 0px;
   }
   #footer2 #rens {
      position: absolute;
      top: 0px;
      right: 30px;
   }
   #footer2 .version {
      clear: none;
      width: auto;
      max-width: 640px;
      margin: auto;
      margin-top: 15px;
   }
}

.chapeau {
    padding: 10px;
    font-size : 12px;
    line-height: 1.4em;
}
.chapeau a {
    color: #51A0B5;    
}


/* #############" HOME ################## */
.barreraccourci {
    display: table;
    position: absolute;
    top: 65px;
	left: 0px;
	right: 0px;
/*    box-sizing: border-box;*/
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
 	font-family: open_sanslight;
    font-size : 12px;
    z-index: 95;
}
.barreraccourci #barre {
  margin: 0 auto;
  padding: 0;
  display: table-row;
  background-color: #cd398a;
}
.barreraccourci #barre > li {
    position: relative;
    width: 33%;
    display: table-cell;
    cursor: pointer;
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
    padding-top: 2px;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.6px;
    list-style: outside none none;
    border-width: 0 1px;
    border-style: solid;
    border-color: transparent #bb2630 transparent #bb2630;
}
.barreraccourci #barre > li:last-child {
    border-width: 0px;
}

.homeimg{
    position: relative;
/*	box-sizing: border-box;*/
/*    background:url('/images/m/general/ferrari-458-7-big.jpg') no-repeat center 25px;*/
    background:url('/images/m/general/home_458_lamborghini.jpg') no-repeat center 25px;
    height:90vh;
    max-height: 625px;
    background-size: cover;
}
/*
.homeimg .promo {
    position: absolute;
    top: 50px;
	left: 10px;
	width: 140px;
	height: 140px;
	background: url('/images/m/general/sticker_home.png'); 
   width: 320px;
   height: 320px; 
   background: url('/images/m/promo/PICTO_mobile_fetedesperes.png');

   
   width: 240px;
   height: 196px;
   background: url('/images/m/promo/PICTO_mobile_Flash_-40.png');
   
   width: 320;
   height: 320px;
      background: url('/images/promos/rentree/2017/PICTO_mobile_Rentree.png');
}
*/
.homeimg .promocont {
	display: none;
	width: 100%;
    height: 100%;
    padding-bottom: 190px;
}
.homeimg .promo {
   position: relative;
   margin: auto;
   height: 100%;

}

.homeimg .social {
    position: absolute;
    top: 40px;
	right: 10px;
    text-align:right;
}
.homeimg .social div {
   display: block;
   margin-bottom: 10px;
}
#contcartehome {
   position: relative;
   border-radius: 20px;
   margin: 20px 8px;
   border: solid 2px #999999;
   padding: 3px;
}
#cartehome {
   display: block;
   margin: auto;
   max-width:100%;
}
#cartehome polygon { fill: transparent; }
#cartehome #interactions rect { fill: transparent; }
/* DEBUG */
/*#cartehome polygon { stroke: #000;  stroke-width:1;}*/
/* FIN DEBUG */


#cartehome #circuit { fill: #cd398a;
   stroke: #cd398a;
   stroke-width:6;
   stroke-linecap: round;
   stroke-linejoin: round;
}
#cartehome #ville {
   fill: #497288;
   stroke: #497288;
   stroke-width:6;
   stroke-linecap: round;
   stroke-linejoin: round;
}
#cartehome #frontiere path {
   fill: none;
   stroke: #cd398a;
   stroke-width:4;
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke-miterlimit: 10;
}

/* DEBUG */
/*#cartehome #interactions rect {
	fill: none;
	stroke:none;
   stroke: #cd398a;
   stroke-width:1;
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke-miterlimit: 10;*/
}
.no {
	fill: rgba(100,100,100,0.2);
   stroke: #cd398a;
   stroke-width:1;
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke-miterlimit: 10;
}
/*#cartehome #interactions polygon {
   fill: none;
   stroke: #cd398a;
   stroke-width:4;
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke-miterlimit: 10;
}
#cartehome #interactions .high {
   stroke: #f00;
   stroke-width:10;
}*/
/* FIN DEBUG */

#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;
}
.homebtn {
    position: absolute;
    bottom: 10px;
    right: 0px;
    width: 100%;
	font-family: open_sanslight;
    font-size : 16px;
    text-align: center;
    color: #FFFFFF;
}
.homebtn a {
	box-sizing: border-box;
   position: relative;
   display: block;
/*   box-sizing: border-box;*/
   padding: 8px 10px 10px 10px;
   margin: 30px auto;
   width: 80%;
   border: solid 1px #FFFFFF;
   border-radius: 15px;
   background: rgba(0,0,0,0.4);

   background: rgba(205,89,142,0.6);
   color: #fff;
   font-weight: bold;
}
.homebtn #btnprox {  padding-left: 35px; }
.home_section {
   display: block;
   padding-top: 65px;
   background: #fff;
   font-family: 'open_sanslight';
   font-size: 0.8em;
   margin-bottom: 6px;
}
.home_section h2 {
   display: block;
   padding: 5px 12px;
   background: #cd398a;
   color: #FFFFFF;
}
.home_section#ta {
	padding: 0px; 
	margin: 0px;
	color: #00af87;
	text-align: center;
	font-weight: bold;
	position:relative;
	top:25px;	
}

#liste_onglets {
/*    background: #f6f6f6;*/
    padding: 10px 0px;
    margin: 0px auto;
    width: 100%;
    text-align: center;
}
#liste_onglets .rubrique {
    display: inline-block;
    position: relative;
	vertical-align: bottom;
/*    box-sizing: border-box;*/
    width: 100%;
    border: solid 1px #bfbfbf;
    border-left: none;
    border-right: none;
    background: #FFFFFF;
    text-align: left;
    margin: 5px auto;
    padding-right: 5px;
}
@media only screen and (orientation : landscape) {
   .barreraccourci {
      top: 45px;
      max-width: 640px;
   }
   .home_section {   padding-top: 45px; }
   #cartehome { height: 80%; }
}
@media only screen and (min-width: 600px) {
   .homebtn a {
      display: inline-block;
      width: 40%;
      margin: 20px;
   }
   #liste_onglets .rubrique {
      width: 45%;
      max-width: 400px;
      margin: 5px 10px;
   } 
}
@media only screen and (min-width: 450px) and (orientation : landscape)  {
	.homebtn {
		width: 50%;
	}
	.homebtn a {
		margin: 10px;
      width: 90%;
      margin: 20px;
   }
   .homeimg .promocont {
	
	width: 50%;
	left: 0px;
	padding-bottom: 40px;
	}
}
#liste_onglets .image {
    float: left;
    max-width: 203px;
    max-width: 60vw; 
    height: 100px;
    background: #FFFFFF;
    margin: 0px 5px 0px 0px;
/*    border-right: solid 1px #bfbfbf;*/
}

#liste_onglets .image img {
	max-width: 60vw; 
}
#liste_onglets .imagefixe { height: auto;} /**/
#liste_onglets h4,separateur {/**/
    display: none;
}
#liste_onglets h5 {
    font-family: Arial;
    color: #999999;
	font-style: italic;
    font-weight: normal;
	font-size: 0.9em;
    margin: 0px;
    margin-top: 10px;
    text-align: right;
    padding: 50px 5px 0px 5px;
    line-height: 1.1em;
}
#liste_onglets h5.promo {
   padding-top: 70px;
   padding-bottom: 4px;
}
#liste_onglets .nopromo { display: none; }
#liste_onglets div.promo {
   display: block;
   position: absolute;
   top: 48px;
   right: 4px;
   color: #497288;    
   text-transform: small-caps;
   font-weight: bold;
}

#liste_onglets .apartir {
    position: absolute;
    top: 6px;
    right: 10px;
    color: #868888;
    font-family: MyriadPro;
    font-weight: normal;
    font-size: 0.8em;
    text-align: right;
}
#liste_onglets .prix {
    position: absolute;
    top: 14px;
    right: 10px;
    color: #cd398a;
    font-family: MyriadPro;
    font-weight: bold;
    font-size: 2.5em;
}

#infostitre {
    display: block;
    width: 100%;
    background: #cbc9c9;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    text-transform: uppercase;
    padding: 65px 0px 0px 10px;
    font-size:1em; /**/
	text-align: left;
/*	box-sizing: border-box;*/
}

.infos {
   color: #696a6a;
   padding: 13px 8px 23px 8px;
   text-align: justify;
   font-size: 0.8em;
   margin: 0px;
}
.infossstitre {
    display: block;
    width: 100%;
    background: #cbc9c9;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    padding: 65px 0px 0px 10px;
    font-size:1em;
    margin: 15px 0px 5px 0px;
	text-align: left;
/*	box-sizing: border-box;*/
    font-variant: small-caps;
    
}

#infos a {
    color: #51A0B5;
}

#infostitre h2 {
	font-size: 1em;
}
#infos .texte { margin-top: 20px; padding : 20px 15px 45px 15px; font-size: 0.8em; } /**/
#infos .texte .titre {
    display: inline;
    font-variant: small-caps;
    color: #CD398A;
}


#infos .texte { padding : 0px 15px 45px 15px; } /**/
#infos iframe {
     width: 400px;
     max-width: 100%;
     height: 300px;
}
/* ---------------- AVIS -------------*/
.blocavis {
    display: inline-block;
    font-family:  Arial, Helvetica;
    vertical-align: top;
    padding: 0px 8px;
    margin: 0px;
    font-size: 0.8em;
}
@media only screen and (min-width: 600px) {
    .blocavis {
      -webkit-columns: 2;
       -moz-columns: 2;
       columns: 2;
    }
}
.blocavis .avis {
    display: inline-block;
    margin: 0px 0px 7px 0px;
    padding-bottom: 7px;
    border-bottom: solid 1px #CCCCCC;
}
.blocavis .signature {
    display: block;
    font-weight: bold;
    color: #cd398a;
}
.blocavis .note {
    display: inline-block;
    font-weight: normal;
    color: #AAAAAA;
}
.blocavis .stage {
    display: block;
    font-style: italic;
    color: #51A0B5;
    font-size: 0.9em;
    padding-bottom:3px;
}

.plusavis {
    width: 100%;
/*    box-sizing: border-box;*/
    text-align: right;
    padding: 5px 10px 10px 0px;
}
.plusavis a {
    font-weight: bold;
    color: #cd398a;
     font-size: 0.8em;
}
#pageformule #avis .ta {
	text-align: center;
}

/* ############ RUBRIQUE ################# */
.rubrique #titre, .fiche .titre  {
/*	box-sizing: border-box;*/
    width: 100%;
    text-align :center;
    font-size : 20px;
    color: #555555;
    text-transform: uppercase;
	margin-top: 15px;
    padding: 0px 10px;
}
.rubrique #titre .color, .fiche .titre .color{
    color: #cd398a;
}
.rubrique .circuit {
    margin-top: 15px;
}
.rubrique .circuit .titre {
    position: relative;
/*	box-sizing: border-box;*/
    width: 100%;
    color: #fff;
    background: #e4e3e3; 
    min-height: 28px;
    padding: 3px 45px 3px 52px;
    margin: 10px 0px 0px 0px;
    font-size : 16px;
    cursor: pointer;
  background: #cd398a url("/images/m/general/menu_f.png") no-repeat right center;
}
.rubrique .circuit .longueur {
    display: block;
    font-size : 9px;
    text-transform: none;
    color: #fff;
}
.rubrique .circuit .carte {
    position: absolute;
    top: -6px;
    left: 8px;
}

.rubrique .trace {
  display: block;
  border-bottom: solid 1px #cd398a;
  color: #cd398a;
  font-size : 12px;
  padding: 3px 10px 3px 10px;
}
.rubrique .trace img {
  vertical-align: middle;
}
.rubrique .trace div {
  display: inline-block;
  padding-left: 20px;
}
.rubrique .rubtypestage {
    position: relative;
    margin: 10px 0px 1px 0px;
    padding: 5px 0px 0px 10px;
    font-family: MyriadPro;
    font-size : 18px;
    line-height: 18px;
    padding-top: 4px;
    color: #555555;
    background: #e4e3e3; 
}
.rubrique .rubtypestage-intro {
	box-sizing: border-box;
    position: relative;
    width: 100%;
	text-align:center;
    padding: 10px;
    font-style: italic;
    font-weight: normal;
    font-size : 11px;
    line-height : 12px;
    color: #497288; 
}


.rubrique .formule {
/*  box-sizing: border-box;*/
  display: block;
  position: relative;
  width: 100%;
   min-height: 105px;
  padding: 5px;
  margin-top: 8px;
  border-bottom: dotted 3px #AAAAAA;
}
.rubrique .formule:last-of-type {
  border: none;
}
.miniaturerub {
    position: absolute;
    top: 8px; left: 5px;
}
.rubrique .formule .titrerub {
    padding: 0px 67px 0px 110px;
    font-size : 12px;
    color: #333333;
}
.rubrique .formuleavecseries .titrerub {
    padding-left: 116px;
}
.rubrique .formule .titrerubgras {
    font-weight: bold;
}


.rubrique .pictoaac {
    display: none;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index:10;
}

.rubrique .formule .nbtours {
   position: relative;
   margin: 5px 0px 0px 5px;
   width: 210px; height: 56px;
   font-family: MyriadPro;
   font-size : 24px;
   font-weight: bold;
   color: #cd398a;
}
.rubrique .formule .nbt {
    position: absolute;
    font-size : 36px;
    top: 12px; right: 120px;
    letter-spacing: -3px;
}
.rubrique .formule .nbt .nbseries {
    font-size : 30px;
}
.rubrique .formule .nbt .nbseriesx {
   font-size : 24px;
    margin: 0px 2px 0px 2px;
}
.rubrique .formule .tours {
    position: absolute;
    top: 15px; left: 100px;
    font-weight: normal;
    font-size : 20px;
}
.rubrique .formule .auvolant {
    position: absolute;
    top: 33px; left: 100px;
    font-size : 11px;
    font-weight: normal;
    color: #999999;
}
.rubrique .formuleavecseries .nbt {
    right: 100px;
    letter-spacing: normal;
}


.rubrique .formuleavecseries .unite_mn .auvolant {
    display: none;
}
.rubrique .formuleavecseries .unite_mn .nbt {
	right: 90px;
}
.rubrique .formuleavecseries .unite_mn .tours {
    left: 127px; top: 25px;
}



.rubrique .formule .unite_journee .auvolant {
    display: none;
}
.rubrique .formule .unite_journee .nbt {
	right: 135px;
}
.rubrique .formule .unite_journee .tours {
    left: 85px; top: 25px;
}



.rubrique .formuleavecseries .tours {
    left: 112px;
}
.rubrique .formuleavecseries .auvolant {
    left: 112px;
}
.rubrique .formule .nbtours .moins{
    position: absolute;
    top: 11px; left: 6px;
    width: 43px; height: 39px;
    border: none;
	cursor: pointer;
    background: url(/images/rubrique/moinsplus.png) no-repeat left bottom;
}
.rubrique .formule .nbtours .plus {
    position: absolute;
    top: 11px; right: 6px; /* 17 */
    width: 43px; height: 39px;
    border: none;
    cursor: pointer;
	background: url(/images/rubrique/moinsplus.png) no-repeat right top;
}
.rubrique .formule .blocprix {
    position: absolute;
    right: 7px;
    bottom: 9px;
    font-family: MyriadPro;
    text-align: right;
    line-height: 14px;
}
.rubrique .formule .prix {
    display: inline;
    font-size : 24px;
    font-weight: bold;
    color: #cd398a;
}
.rubrique .formule .prixbarre {
    display: inline;
    padding-right: 3px;
    font-size : 14px;
    text-decoration: line-through;
}
.rubrique .formule .troisfois {
    font-size : 12px;
    color: #999999;
    letter-spacing: normal;
}
.rubrique .formule .promoimg {
    position: absolute;
    display: none;
    left: -200px;
    width: 180px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
}
.rubrique .formule .promo {
    position: absolute;
    top: 0px;
    left: -200px;
    height: 100%;
}
.rubrique .formule .voir {
   position: absolute;
   right: 8px;
   top: 3px;
   font-family: MyriadPro;
   font-weight: normal;
   font-size : 14px;
   color: #EEE;
   padding: 8px 13px 8px 15px;
   background: #ff87c9;
   background-image: -webkit-linear-gradient(top, #ff87c9, #cd398a);
   background-image: -moz-linear-gradient(top, #ff87c9, #cd398a);
   background-image: -ms-linear-gradient(top, #ff87c9, #cd398a);
   background-image: -o-linear-gradient(top, #ff87c9, #cd398a);
   background-image: linear-gradient(to bottom, #ff87c9, #cd398a);
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}
.rubrique .formule .voir:hover {
   background: #63c3ff;
   background-image: -webkit-linear-gradient(top, #63c3ff, #51A0B5);
   background-image: -moz-linear-gradient(top, #63c3ff, #51A0B5);
   background-image: -ms-linear-gradient(top, #63c3ff, #51A0B5);
   background-image: -o-linear-gradient(top, #63c3ff, #51A0B5);
   background-image: linear-gradient(to bottom, #63c3ff, #51A0B5);
}
.rubrique .multi {
    position: relative;
/*	box-sizing: border-box;*/
    top: -2px;
    width: 100%;
    margin: auto;
    border-radius: 0px 0px 10px 10px;
    padding: 5px 15px 5px 15px;
    font-family: MyriadPro;
    font-size : 14px;
    text-transform: uppercase;
    text-align: center;
    color :#FFFFFF;
    background: url(/images/rubrique/fleche-autres-stages.png) no-repeat 15px center #497288;
    cursor: pointer;
}

.rubrique .fmulti {
    display: none;
}
.fiche {
   padding: 0px 10px 0px 10px;
/*   box-sizing: border-box*/
   font-size : 0.8em;
   text-align: justify;

}
.fiche .tech {
   display: block;
/*   box-sizing: border-box;*/
   width: 100%;
   position: relative;
   padding: 10px 0px 12px 10px;
   font-style: italic;
   font-weight: bold;
   color: #51A0B5;
   text-align: center;
}
.fiche .tech #circ{
   padding-left: 100px;
   text-align: left;
}

.fiche .tech img {
   position: absolute;
   top: 16px;
   left: 15px;
}
@media only screen and (min-device-width: 600px)  {
   .rubrique .formule .promoimg {
       display: block;
       left: 300px;
   }
}

/* ############# PAGE FORMULE ################# */
#pageformule .tripad {
	display: block;
	text-align: center;
	position:relative; 
	color: #00af87;
	margin: 15px 0px 10px 0px;
}

#pageformule #conttitre {
  position: relative;
}
#pageformule #photoprincipale {
  width: 100%;
}
#pageformule #overlayformule {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;	
}

#pageformule #pictoaac {
	position: absolute;
	top: 10px;
	left: 5px;
	z-index:10;
}

#pageformule .titrestage {
    position: absolute;
/*    box-sizing: border-box;*/
	padding: 5px 8px 7px 8px;
	bottom: 0px;
	width: 100%;
	background: #000;
	background-color: rgba(1,1,1,0.6);
	border-top: rgba(255,255,255,0.4) solid 1px;
    color: #FFFFFF;
	font-family: open_sanslight;
    font-weight: normal;
    font-size : 18px;
    line-height: 18px;
    text-transform: uppercase;
}
#pageformule .titrestage .voiture{
    color: #cd398a;
}
#pageformule .avisentete {
  font-size : 12px;
  position: absolute;
  top: 10px;
  right: 5px;
  text-align: right;
  color: #EEEEEE;
  text-shadow: 0px 0px 3px #333;
}
#pageformule .avisentete div {
    display: inline-block;
    text-transform: none;
}
#pageformule .avisentete .lien {
   text-decoration: underline;
   cursor: pointer;
   display: inline-block;
}
#pageformule .avisentete .noteglob {
	display: block;
	margin: 2px 0px;
}
#pageformule .avisentete .lien img {
	display: inline-block;
	float: left;
	position: relative;
	top: 3px;
	left: -3px;
}
#pageformule .chapeaucircuit {
    display: block;
    font-size : 14px;
    font-family: MyriadPro;
    color: #444444;
  padding-top: 5px;
}
#pageformule .autrecircuit { display: none; }
#pageformule .chapeaucircuit .plan {
  float: left;
  position: relative;
  top: -6px;
  margin: 6px;
}
#pageformule .chapeaucircuit .longueur {
    display: inline-block;
}

#pageformule .formulenext {
    font-family: MyriadPro;
    font-size: 12px;
    text-transform: none; float: right;
    max-width: 200px;
    margin: 5px 5px 5px 0;
    text-align: right;
    color: #cd398a;
    padding-right: 30px;
    background: url("/images/formule/formule_suivante.png") top right no-repeat;
}
#pageformule .formulenext .surcout {
    display: inline-block;
    margin-top: 1px;
    font-size: 1.2em;'
}



#pageformule .encart {
  padding: 0px;
  clear: both;
}
#pageformule .encart #top {
  width: 100%;
  margin: 0px;
  padding: 5px 0px 10px 0px;
  color: #888888;
  font-size: 0.8em;
  border-top: #CCCCCC dotted 1px;
  text-align: center;
}
#pageformule .encart #bottom {
	display: block;
	clear: both;
}
#pageformule .encart .prix_ref {
  display: inline-block;
  position:relative;
  margin-left: 4px;
}
#pageformule .prix_ref img {
    display: block;
    position: absolute;
    top: 0px;
    right: -2px;
    width: 48px;
    height: 22px;
}

#pageformule .encart .prix_ref span{
    font-family: Anton, sans-serif;
	font-weight: normal;
  margin-left: 4px;
  font-size: 1.2em;
}
#pageformule .encart .prix_ref .decimale{
    font-family: Anton, sans-serif;
	font-weight: normal;
	 margin: 0px;
	    font-size: 1em;
}
#pageformule .encart .tarif {
  position: relative;
  clear: both;
  background: #ededed;
  border-radius: 15px;
  margin: 10px auto;
  font-family: MyriadPro;
  text-align: right;
  color: #737373;
  height: 70px;
   font-size: 0.8em;
   max-width: 300px;
    margin-bottom: 30px;
}

#pageformule .encart .withvalid {
  height: 92px;
}


.encartcommander {
    width: 70px;
	height: 70px;
	display: block;
    float: right;
	text-align :center;
    margin-left: 10px;
	padding-top: 25px;
    font-family: MyriadPro;
    font-weight: 200;
    font-size: 1em;
    color: #ffffff;
    -moz-box-shadow:inset 0px 1px 0px 0px #fac5f8;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fac5f8;
	box-shadow:inset 0px 1px 0px 0px #fac5f8;  
    border:1px solid #d33f90;
    text-shadow:0px 1px 0px #cc54b4;
	background: #FA70BB;
	background: url('/images/formule/panier-blanc.png') 12px 15px no-repeat #FA70BB;
	background: url('/images/formule/panier-blanc.png') 12px 15px no-repeat, -webkit-linear-gradient(top, #FA70BB, #D33F90);
	background: url('/images/formule/panier-blanc.png') 12px 15px no-repeat, -moz-linear-gradient(top, #FA70BB, #D33F90);
	background: url('/images/formule/panier-blanc.png') 12px 15px no-repeat, -ms-linear-gradient(top, #FA70BB, #D33F90);
	background: url('/images/formule/panier-blanc.png') 12px 15px no-repeat, -o-linear-gradient(top, #FA70BB, #D33F90);
    background: url('/images/formule/panier-blanc.png') 12px 15px no-repeat, linear-gradient(to bottom, #FA70BB, #D33F90);
 	border-radius: 0px 15px 15px 0px;
	outline:none;
	border:0 none;
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	cursor: pointer;
    text-transform: uppercase;
}

#pageformule .encart .withvalid .encartcommander {
  height: 92px;
}
#pageformule .encart .tarif .prixbarre {
  display: none;
}
#pageformule .encart .tarif .barre {
    display: none;
}
#pageformule .encart .tarif .coffretprixbarre {
	display: inline-block;
    position: absolute;
    top: 8px;
	left: 12px;
    font-size: 18px;
    color: #444444;
}
#pageformule .encart .tarif .coffretprixbarre img {
	position: absolute;
	top: 0px;
	right: -2px;
	width: 35px;
	height: 20px;
}

#pageformule .encart .tarif .prix {
	display: block;
	margin-top: 2px;
    color: #cd398a;
    font-size: 32px;
	line-height: 32px;
    font-family: Anton, sans-serif;
}
#pageformule .encart .tarif .cent{
    display: none;
    font-size: 10px;
}
#pageformule .encart .tarif .validite{
    display: inline-block;
    font-size: 11px;
    font-style: italic;
}
#pageformule .encart .economie {
	display: block;
	position: absolute;
	bottom:0px; /* -17  */
	left:-3px; /* 10*/
font-family: Anton, sans-serif;

	font-size: 0.9em;
	line-height: 0.9em;
	padding: 0px 5px 3px 5px;
	color: #444444;
	background: #66FFFF;
   -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
	border-radius: 4px;
    z-index: 5;
}
#pageformule .encart .economie .detail { font-family: MyriadPro; }

#pageformule .economie#noel {
   font-size: 0.75em;
	width: 90px;
	text-align: right;
	min-height: 50px;
	line-height: 0.65em;
	bottom: -5px; /* -25 */
	background:url('/images/promos/fondtarif-noel.png') no-repeat bottom left #fff;
    color: #CCC;
	color: #cd598e;
	box-shadow: 2px 2px 2px #333;
	/*border: solid 1px; */
}
#pageformule .encart .economie #percent {
	font-size: 2.2em;
	line-height: 1em;
	position: relative;
	top: 2px;
}
#pageformule .encart .economie #signepercent {
	font-size: .8em;
	line-height: 1em;
}
#pageformule .encart  #flash .economie {
	width: 85px;
	text-align: right;
	min-height: 55px;
	bottom: -5px; /* -25 */
	left: 20px;
	
	min-height: 65px;
	padding: 5px 5px 4px 15px;
	
	
	background:url('/images/flash/fondtarif-flash.jpg') no-repeat 0px -37px #d1f3fd;
	/*border: solid 1px; */
}
#pageformule .encart  #bfoc {
	display: block;
	position: absolute;
	width: 99px;
	height: 50px;
	left:-5px;
	bottom: -15px;
	background:url('/images/promos/bapteme_offert.png') no-repeat 0px 0px;
	
}
#pageformule .encart #noel3 {
    background: url('/images/formule/picto-derniere-minute.png') no-repeat 10px -20px #FFFFFF;
}

#pageformule .encart #envoiemail {
  display: block;
  text-align: center;
  font-size: 0.7em;
  font-style: italic;
  width: 80%;
  margin: 10px auto;
  color: #51A0B5;
}

@media only screen and (min-device-width: 620px)  {
  #pageformule #photoprincipale {
	width: 50%;
	max-width: 300px;
	margin: 15px;
	float: left;
  }
  #pageformule .avisentete {
/*      box-sizing: border-box;*/
      position: absolute;
      top: 10px;
      right: auto;
      left: 50%;
      padding-left: 8px;
      text-align: left;
      color: #333;
   }
   #pageformule .avisentete .noteglob {
       display: inline-block;
       margin: 0px 20px 0px 0px;
       position: relative;
       top: -3px;
       left: 5px;
   }
   #pageformule .avisentete .lien {
      display: inline-block;
      position: relative;
      top: -4px;
   }
   #pageformule .titrestage {
      position: relative;
      background: transparent;
      border: none;
      padding: 44px 0px 0px 0px;
      color: #333;
   }
   #pageformule .encart {
     clear: none;
   }
   #pageformule .chapeaucircuit { margin-top: 15px; }
   #pageformule .encart #top { margin-top: 20px; padding-top: 20px; }
   #pageformule #listetarif {
      clear: both;
   }
   #pageformule .encart .tarif {
      display: inline-block;
      width: 300px;
      margin: 10px;
   }  
}
#pageformule .deroule {
  clear: both;
/*  box-sizing: border-box;*/
  border-top: #CCCCCC dotted 1px;
   margin-top: 10px;
   padding: 10px;
   font-family: MyriadPro;
   font-weight: normal;
   font-size: 0.8em;
   color: #444444;
}
#pageformule .sectionpage .menu {
  display: block;
/*  box-sizing: border-box;*/
  width: 100%;
  padding: 5px 10px 5px 10px;
  color: #ffffff;
  border-bottom: solid 1px #ffffff;
  background: #cd398a url("/images/m/general/menu_fss.png") no-repeat right center;
 cursor: pointer;
}
#pageformule .sectionpage .contenu {
 /* display: none;*/
}

#pageformule h3 {
    color: #333233;
    font-family: MyriadPro;
    font-size: 14px;
    padding-left: 15px;
    padding-top: 0px;
    background: url('/images/formule/option-puce.png') no-repeat 0px 4px;
   text-align: left;
}
#pageformule .pucebleue {
	margin: 0px 0px 0px 15px;
	list-style: disc;
	color: #51A0B5;
	font-size: 1.2em;
	line-height: 16px;
}
#pageformule .pucebleue p {
	color: #333333;
	font-size: 0.8em;
}

#pageformule .sectionpage #options_incluses h3 {
    padding-left: 30px;
    padding-top: 3px;
    background: url('/images/formule/optionincluse-puce.png') no-repeat;
}
#pageformule .sectionpage .interligne {
    display: none;
}
#pageformule .sectionpage .listeoption li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
	max-width: 320px;
    font-size: 12px;
    color: #444444;
    padding: 10px;
    border-left: dotted 1px #999999;
}
#pageformule .vignetteoptions {
   float: left;
   margin: 0px 10px 10px 0px;
}
#pageformule .commentaire {
   display: block;
/*   box-sizing: border-box;*/
   width: 100%;
   text-align: center;
   padding: 10px;
   font-size: 0.8em;
   font-style: italic;
   font-weight: bold;
   color: #51A0B5;
}
#pageformule .option_tarif {
   display: block;
   clear: both;
   margin-top: 5px;
   font-style: italic;
   color: #cd398a;
}


#pageformule .promossphoto {
	width: 100%;
	margin: auto;
	display:block;
	font-size: 12px;
	font-family: MyriadPro;
	font-weight: normal;
	clear: left;
/*	background: #f6f6f6;*/
	text-align: center;
	color: #888;
}
#pageformule .promossphoto img {
	margin: auto;
	width: 95%;
	max-width: 430px;
}
#pageformule .promossphoto .bloc {
	padding: 20px;
	text-align: left;
}
#pageformule .promossphoto #titre {
	font-size: 24px; font-weight: bold; font-variant: small-caps; color: #cd398a;
}
#pageformule .promossphoto #sstitre {
	color: #51A0B5; margin: 0px 0px 5px 0px;
}


#pageformule #listeonglets {
  display: flex;
  flex-direction: column;
}
#pageformule #inclus { order: 3; }
#pageformule #options { order: 4; }
#pageformule #deroulement { order: 5; }
#pageformule #voitures { order: 1; }
#pageformule #circuit { order: 2; }
#pageformule #planning { order: 6; }
#pageformule #avis { order: 7; }
#pageformule #listephoto { order: 8; }


#pageformule #listephoto img {
	border-bottom: solid 1px #fff;
}

.rubrique .promossphoto {
	width: 100%;
	margin: auto;
	margin-top: 15px;
	display:block;
	font-size: 12px;
	font-family: MyriadPro;
	font-weight: normal;
	clear: left;
	background: #f6f6f6;
	text-align: center;
	color: #888;
}
.rubrique .promossphoto img {
	margin: auto;
	width: 95%;
	max-width: 430px;
}
.rubrique .promossphoto .bloc {
	padding: 20px;
	text-align: left;
}





#pageformule #formule_sm_options img {
   float: left;
   margin: 0px 10px 10px 0px;
}
#pageformule #encadrement {
    background: url('/images/formule/encadrement.png') no-repeat;
}
#pageformule #badge {
    background: url('/images/formule/badge.png') no-repeat;
}
#pageformule #decouverte {
    background: url('/images/formule/reconnaissance.png') no-repeat;
}
#pageformule #decouvertemb {
    background: url('/images/formule/reconnaissance.png') no-repeat;
}
#pageformule #decouvertevt {
    background: url('/images/formule/reconnaissance.png') no-repeat;
}
#pageformule #diplome {
    background: url('/images/formule/diplome.png') no-repeat;
}
#pageformule #report {
    background: url('/images/formule/report.png') no-repeat;
}
#pageformule #accompagnants {
    background: url('/images/formule/accompagnants.png') no-repeat;
}

/************************************** Circuit ****/
#pageformule #circuit .circuit {
    display: inline-block;
    font-size: 12px;
}
#pageformule #circuit .circuit h3 {
    padding: 10px 0px 0px 25px;
    background: url('/images/formule/option-puce.png') no-repeat 10px 14px;
}

#pageformule #circuit .circuitgrand {
    margin: 0px;
    display: inline;
    width: 100%;
}
#pageformule #circuit .circuit_schema {
    display: block;
    margin: auto;
    padding: 10px;
}
#pageformule #circuit .caract {
    display: block;
    margin: 10px;
       font-style: italic;
   font-weight: bold;
   color: #51A0B5;
}
#pageformule #circuit .circuit p {
    text-align: justify;
    padding: 10px;
}
/* VOITURE */
#pageformule #voitures ul {
}
#pageformule #voitures li {
    position: relative;
    display: block;
    padding: 10px;
}
#pageformule #voitures li img {
    display: block;
    float: left;
    margin: 10px 10px 5px 5px;
}

#pageformule #voitures h3 {
    display: block;
/*    box-sizing: border-box;*/
    padding: 5px 0px 0px 15px;
    background: url('/images/formule/option-puce.png') no-repeat 0px 9px;
}
#pageformule .voitcaract {
    display: block;
    float: left;
    padding: 10px 0px 0px 10px;
    font-size : 11px;
    font-style: italic;
   font-weight: bold;
   color: #51A0B5;
}
#pageformule .voitlink { display: none;}
#pageformule .voitdesc {
   clear: both;
   font-size : 12px;
}

/* ----------------------------- Deroulement ----------------------------------*/

/* element : doit etre la classe de chaque option */
#pageformule .element { 
   float: left;
   padding: 10px;
   font-size: 0.8em;
   color: #444444;
/*   box-sizing: border-box;*/
   text-align: justify;
}
#pageformule .noborder { border-right: 0px; border-left:0px; }

/* table des horaires */
#pageformule #deroulement .element table { border-collapse:collapse; }
#pageformule #deroulement .element tr     { line-height: 16px; }
#pageformule #deroulement .element td    { padding: 2px; }
#pageformule #deroulement .horaire { color: #e735a2; font-weight: bold; }
#pageformule #deroulement table .separateur {	/* ligne de séparation dans tableau */
	border-top: 1px solid #dddddd;	
	border-bottom: 1px solid #ffffff;
}


/*------------------------------ Planning -------------------------------------*/
#pageformule #planning h3 {
	margin: 10px;
}
#formule_planning {
   padding: 6px;   
}
#formule_planning .blocdate {
	display: block;
	width: 90px;
	float: left;
	text-align: center;
	margin: 5px;
	margin-bottom: 0px;
    min-height: 105px;	
    font-size: 0.7em;
}
#formule_planning .blocdate div{
   display: block;
   width: 90px;
   background: #ddd;
   vertical-align: middle;
   padding: 2px;
}
#formule_planning .blocdate .affich_date {font-size: 1.2em;}
#formule_planning .blocdate .affich_date .date {display: inline; font-size: 1.2em; font-weight: bold;}
#formule_planning .blocdate .affich_date .date span {color:#cd398a;}
#formule_planning .blocdate .affich_date .jour {display: block;font-size: 1em; font-weight: normal;}
#formule_planning .blocdate .affich_date .annee{display: block;font-size: 0.8em; font-weight: normal;}
#formule_planning .blocdate .complet {
	margin-top: 2px;
	display:inline-block;
    font-size: 1.2em;
	font-weight: bold;
	background: #ff0000;
	color: #ffffff;
	width: 100%;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
#formule_planning .blocdate .dispo {
	display:none;
}
#formule_planning .blocdate .flash {
	margin-top: 0px;
	padding-top: 4px;
	display:inline-block;
	font-size: 0.9em;
	font-weight: bold;
	background: #ffd162;
	color: #ff0000;
	width: 100%;
}


#formule_planning .blocdate .datedef {
	margin-top: 2px;
	display:inline-block;
    font-size: 1.2em;
	font-weight: bold;
	background: #666;
	color: #ffffff;
	width: 100%;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
#formule_planning .blocdate .date_gt {			background: #cd398a; }
#formule_planning .blocdate .date_frc {			background: #171a32; }
#formule_planning .blocdate .date_coaching {	background: #cc3333; }
#formule_planning .blocdate .date_vip {			background: #cc3333; }
#formule_planning .blocdate .date_12 {			background: #33cc33; }
#formule_planning .blocdate .date_14 {			background: #3333cc; }
#formule_planning .blocdate .date_15 {			background: #cc3333; }
#formule_planning .blocdate .date_16 {			background: #990000; }
#formule_planning .blocdate .date_17 {			background: #cc3333; }
#formule_planning .blocdate .date_18 {			background: #990000; }

#formule_planning .blocdate .message {
	margin-top: 0px;
	padding-top: 4px;
	display:inline-block;
	font-size: 0.9em;
	font-weight: bold;
	background: #fff;
	color: #666666;
	width: 100%;
}

/* ############# BON COMMANDE ################## */
#boncommande { margin: 0px; }
#boncommande .panier { display: none; }
#boncommande .colgauche .formule {
   border: dotted 2px #CCCCCC;
   padding: 8px;
   margin: 4px;
    font-size : 12px;

}
#boncommande .titrestage {
    position: relative;
    font-family: MyriadPro;
    font-weight: normal;
    font-size : 14px;
    line-height: 14px;
    text-transform: uppercase;
	margin-bottom: 5px;
}
#boncommande .titrestage .voiture{ color: #cd398a; }
#boncommande .colgauche .circuit {
	font-size: 12px;
	display: block;
	margin-bottom:5px;
}
#boncommande .colgauche .beneficiaire {
	font-size: 1.2em;
	display: block;
	margin-bottom:5px;
	font-weight: bolder;
}
#boncommande .colgauche .promo {
	color: #2898c0;
	font-size: 0.8em;
	margin-bottom:3px;
}
#boncommande .colgauche .promotitre {
	font-size: 1.2em;
	font-weight: bold;
}

#boncommande .coldroite {
   padding: 15px 10px 10px 10px;
   margin-top: 15px;
   border-top: dotted 3px #CCC;
   font-size: 12px;
/*	margin-right: 10px;
	width: 300px;
	float: right;
	background: #dddddd;
	border-radius: 10px;
	padding: 10px 10px 20px 10px;
	color: #666666;*/
}
#boncommande .coldroite .total{
	font-weight: bold;
}
#boncommande .coldroite .reglement{
	line-height: 20px;
    font-size: 12px;
	padding: 10px 10px 20px 10px;
}

#boncommande .coldroite input[type=radio] {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

#boncommande .coldroite .prix {
	font-weight: bold;
	background: #cccccc;
	width: 100%;
	left: 0px;
	line-height: 50px;
	font-size: 2em;
	color: #e735a2;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 20px;
}
#boncommande .coldroite #bouton {
    display: block;
	margin: auto;
	height: 35px;
	cursor: pointer;
    padding: 0px 10px 0px 60px;
    font-family: MyriadPro;
    font-weight: normal;
    font-size: 1.2em;
    color: #FFFFFF;
    text-align :left;
    line-height: 26px;
    background: url('/images/formule/panier-blanc.png') no-repeat 8px 8px #cd398a;
	border-radius: 10px 10px;
	outline:none;
	border:0 none;
}	
#boncommande .coldroite #bouton:hover {
	background:url('/images/formule/panier-blanc.png') no-repeat 8px 8px #48b8e0;
}
#boncommande .coldroite #valider {
    display: block;
	margin: 10px auto;
	height: 35px;
	cursor: pointer;
    padding: 0px 10px 0px 10px;
    font-family: MyriadPro;
    font-weight: normal;
    font-size: 1.2em;
    color: #FFFFFF;
    text-align :left;
    line-height: 26px;
    background: #cd398a;
	border-radius: 10px 10px;
	outline:none;
	border:0 none;
}	
#boncommande .coldroite #valider:hover {
	background: #48b8e0;
}
#boncommande .rubriquetitre {
   position: relative;
   font-size : 14px;
   font-family: 'open_sanslight';
   text-transform: uppercase;
   color: #555555;
   background: #e4e3e3;
   margin: 30px 0px 0px 0px;
   padding: 2px 0px 2px 50px;
}
#boncommande .rubriquetitre .num {
	display: block;
	position :absolute;
	left: 10px;
	top: -1px;
	width: 30px;
	height: 25px;
	background: #e735a2;
	border-radius: 25px;
	padding: 1px 0px 5px 0px;	
	font-size: 16px;
	font-weight: bold;
	color:#fff; 
	text-align:center;
}
#boncommande .rubrique {
   padding: 10px;
   font-size: 11px;	
}
#boncommande .rubrique td {
   font-size: 12px;
   padding: 5px;
   vertical-align: top;
}
#boncommande .rubrique select {
   display: block;
   margin-top: 5px;
}
#boncommande .rubrique input[type=radio] {
   position: relative;
   top: -2px;
}
#boncommande .comm_det, .comm_det2 {
   font-family: Arial;
   font-size: 10px;
   text-decoration: none;
   color: #51A0B5;
   font-weight: normal;
}
#boncommande .coldroite .comm_det { text-align:center; }
#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 .popup {
    position: absolute;
    top: 200px;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    background: #FFFFFF;
    background: rgba(255,255,255,.90);
    padding: 15px;
    border: solid 1px #fff; /*#cd398a; */
    border-radius: 5px;
/*    box-shadow: 2px 2px 5px #ad196a; */
    z-index: 500;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    color: #888;

}
#boncommande #titre {
    font-size: 22px;
    margin: 0px 0px 20px 0px;
    color: #51A0B5;
}
#boncommande #benefcont{
    text-align: left;
    font-weight: bold;
}
#boncommande #benefcont #benefice {
    font-size: 32px;
    margin: 10px 0px 0px 0px;
    color: #cd398a;
    font-weight: bold;
    line-height: 28px;
}
#boncommande #surcout {
    float: right;
    text-align:right;
}
#boncommande #surcout span{
    font-family: Anton, MyriadPro;
    font-size: 72px;
    margin: 0px;
    color: #51A0B5;
    position: relative;
    top: -4px;
}
#boncommande #no {
    display: inline-block;
    margin: 20px 25px 10px 0px;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}
#boncommande #yes {
    display: inline-block;
    margin: 20px 0px 10px 25px;
    font-size: 18px;
    color: #cd398a;
    text-decoration: underline;
    cursor: pointer;
}

#boncommande .upgradeplus {
    border: solid 2px #51A0B5;
    padding: 5px 5px 7px 5px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    color: #51A0B5;
    font-size: 1.2em;
}


#boncommande .modepaiement {
	position: relative;
  	display: flex;
  	flex-direction: column;
   	align-items:center;
   	justify-content: center;
  	width: 100%;
  	min-height: 45px;
  	min-width: 200px;
  	font-family: MyriadPro;
  	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 div {
	position: relative;
  	display: flex;
   	align-items:center;
   	justify-content: center;
   	margin: 5px;
}
#boncommande .modepaiement img {
	margin-right: 15px;
}
#boncommande .modepaiement:hover {
	background: #eee;
}


#confirmationcommande {
	padding: 10px;
	font-size: 0.8em;

}
#confirmationcommande .titre {
	color: #cd398a;
	font-size: 1.2em;
	font-weight: bold;
}
#confirmationcommande #conclusion {
   margin-top: 10px;
   color: #51A0B5;
}
#confirmationcommande .logopaiement {
   text-align: center;
   margin-top: 30px;
   padding-top: 20px;
   border-top: dotted 3px #CCC;
}
#boncommande .pointinfo {
     margin-left: 3px;
     cursor:pointer;
     position: relative;
     top: 2px;
}
#boncommande .detailoption {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index:2000;
    left: 0px;
    background: rgba(0,0,0,0.5);
}
#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 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;
}


/* ############### CGV ################## */
#cgv {
   background: #FFFFFF;
   padding: 10px;
   font-size: 0.8em;
   font-weight: normal;
   text-align: justify;
}
#cgv .titreart {
   display: block;
   font-size: 1.2em;
   color: #cd398a;
   margin: 20px 0px 5px 0px;
}
#cgv li {
   list-style: circle inside url("/images/menu/puce.png");
}

/*------------------------------ Planning -------------------------------------*/
#planningg {
	padding-bottom: 90px;
}
#planningg h1  {
/*	box-sizing: border-box;*/
    width: 100%;
    text-align :center;
    font-size : 20px;
    color: #555555;
    text-transform: uppercase;
	margin: 15px 0px 45px 0px;
    padding: 0px 10px;
}
#planningg h1 .color {
    color: #cd398a;
}
#planningg .linkpdf {
	display: block;
	font-family: MyriadPro;
    font-weight: normal;
	margin: 10px;
}
#planningg .linkpdf img {
	position: relative;
	top: 3px;
	margin-right: 5px;
}





/* ############# ESPACE CLIENT ################# */
.espaceclient .sectionpage {
	display: block;
    background: #ffffff;
	padding: 10px 10px 10px 10px;
	margin: 5px;
	clear: none;
}
.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%;
    text-align :center;
    font-family: MyriadPro;
    font-size : 24px;
    color: #555555;
   /* border-bottom: dotted 2px #555555;*/
    text-transform: uppercase;
	margin-top: 30px
}
.espacevideo h1 .color{
    color: #cd398a;
}

.espacevideo .fbshare {
   	box-sizing: border-box;
    width: 100%;
    text-align :center;
    font-family: MyriadPro;
    font-size : 16px;
    color: #fff;
    background: #6287d2;
    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 .sectionpage {
	display: block;
    background: #ffffff;
	padding: 10px 10px 10px 10px;
	margin: 5px;
	clear: none;
}


.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 {
    display: block;
     white-space: normal;
	cursor: pointer;
    padding: 3px 10px 3px 10px;
    font-family: MyriadPro;
    font-weight: normal;
    font-size: 1.1em;
    text-align: center;
	color: #FFFFFF;
    background: #cd398a;
	outline:none;
	border:0 none;
	border-radius: 10px 10px;
	max-width: 90%;
    overflow: visible;
    height: auto;
	margin: 10px 0px 10px 0px;
}
.espaceclient .bouton:hover {
	background: #48b8e0;
}
.espaceclient .bouton:disabled,.espaceclient .bouton[disabled] {
	background: #555555;
	cursor: not-allowed;
}
.espaceclient .sectionpage .soustitre {
	position: relative;
    font-family: MyriadPro;
    font-size : 1.3em;
    text-transform: uppercase;
    color: #555555;
    background: #e4e3e3;
	margin: 10px 0px 20px 0px;
	padding-left: 50px;
	padding-top: 2px;
}
.espaceclient .sectionpage .soustitre .num {
	display: block;
	position :absolute;
	left: 10px;
	top: 0px;
	width: 30px;
	height: 25px;
	background: #e735a2;
	border-radius: 25px;
	padding: 1px 0px 3px 0px;
	font-size: 1em;
	font-weight: bold;
	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;
    	font-size: 0.8em;
}

.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: #333333;
}
#choixdate .stage_2 {
	display: block;
	margin: 8px;
	padding: 3px 6px 6px 25px;
	color: #888888;
}
#choixdate .stage_3 {
    display: block;
    margin: 8px;
    padding: 3px 6px 6px 25px;
    color: #888888;
}
#choixdate .stage_4 {
    display: block;
    margin: 8px;
    padding: 3px 6px 6px 25px;
    color: #888888;
}
#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;
}
.quest_sat .soustitre div {
    text-transform: none;
     font-size : 11px;
}
.qs_hp {
	position: relative;
    font-family: MyriadPro;
    font-size : 1.2em;
    color: #555555;
	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;
    padding: 0px;
    color: #555555;
    font-size : 9px;
}
.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; }

/* --------------- COFFRETS ----------*/
.coff_tit {
	display: block;
    font-size: 12px;
	color: #333;
	margin: 10px;
	font-weight: bold;
}
.coff_listeform {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
	padding: 10px 10px 10px 20px;
}
.coff_listeform .circuit {
	display: inline-block;
	color: #333;
	margin-bottom: 15px;
}
.coff_listeform .circuit .titrecircuit {
	color: #cd598e;
	font-weight: bold;
	text-decoration: underline;
}
.coff_listeform .titreform {
	color: #51a0b5;
	margin: 6px 0px 3px 0px;
}


/* CARROUSEL DES FORMULES sur page formule par NB tours alternatifs */

#pageformule .listeformulealt {
	margin: auto;
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	align-content: space-around;
	box-sizing: border-box;
	gap: 10px;
	padding: 0px 10px;
	font-size: 10px;
	color: #737373;
	font-family: MyriadPro;
	font-weight: normal;
	clear: left;
	
}
#pageformule .listeformulealt .case {
	flex-grow: 1;
	display: inline-block;
	box-sizing: border-box;
	background: #eee;
	border-radius: 12px;
	border: solid 1px #aaa;
	padding: 8px;
	
}
#pageformule .listeformulealt .actif {
	background: #fff;
	border: solid 3px #48b8e0;
}
#pageformule .listeformulealt .apartir {
	text-align: right;
}

#pageformule .listeformulealt .prix {
	color: #cd398a;
  	font-size: 24px;
  	line-height: 24px;
  	font-family: Impact, Anton, sans-serif;
  	text-align: right;
}

#pageformule .listeformulealt .qte {
  	font-size: 20px;
  	line-height: 20px;
}

#pageformule .listeformulealt .unite {
  	font-size: 16px;
  	line-height: 16px;
}


/* FIN CARROUSEL FORMULE NBT */


.homeimg {
    background: url('/images/promos/484/mfondh-3.jpg') no-repeat center bottom;
    background-image: image-set('/images/promos/484/mfondh-3.webp' type('image/webp'),'/images/promos/484/mfondh-3.jpg' type('image/jpeg'));
}
.homeimg .promocont {
display: block;
	position: absolute;
    top: 30px;
    
}
.homeimg .promo {
    width: 100%;
    max-height: 320px; 
    height: 100%; 
    background: url('/images/promos/484/mpromo-2.png') top center no-repeat;
    background-image: image-set('/images/promos/484/mpromo-2.webp' type('image/webp'),'/images/promos/484/mpromo-2.jpg' type('image/png'));
    background-size: contain;
}
 


        		#pageformule .tarif#tarif1 .economie {
    				background:url('/images/promos/484/tarif1.png') no-repeat bottom left;
				}
			
        		#pageformule .tarif#tarif2 .economie {
    				background:url('/images/promos/484/tarif2.png') no-repeat bottom left;
				}
			 	

/* HOME */
#liste_onglets .bfw {    background-color: #000; }
#liste_onglets .bfw h2 { color: #fff; }
#liste_onglets .bfw h2 span { color: #fff; }
#liste_onglets .bfw .prix {
	color: #d2914d;
	background: -webkit-linear-gradient(-45deg, #eab974, #8f4e18);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#liste_onglets .bfw .promo {color: #ffff; }


#liste_onglets h5 { color: #ccc; }


.rubrique .promossphoto { background: #ffff; }

#pageformule #overlayformule { background-position: top right; }
#pageformule .tarif .economie {
	display: block;
	bottom: -5px;
	left: 10px;
	color: #444;
	width: 95px;
	min-height: 60px;
	padding: 5px 5px 4px 15px;

}
#pageformule .encart .economie #percent {
	left: 0px;
	top: -2px;
	font-size: 24px;
	text-shadow: #ccc 2px 2px 3px;
}