@viewport {
	width: device-width;
	zoom: 1;
}
@font-face {
	font-family: MyriadPro;
	src: url('/images/css/fonts/MyriadPro-Semibold.otf');
	font-display: swap;
}
@font-face {
	font-family: 'open_sanslight';
	src: url('/images/css/fonts/open-sans-v44-latin-300.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: Anton;
	font-display: swap;
	src: url('/images/css/fonts/Anton-Regular.woff2');
}

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;
	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;
	background:url('/images/m/general/home_458_lamborghini.jpg') no-repeat center 25px;
	height:90vh;
	max-height: 625px;
	background-size: cover;
}
.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 {
	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)  {
	.homeimg { max-height: 350px; }
	.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;
}

#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;
	box-sizing: border-box;
	width: 100%;
	background: #cbc9c9;
	color: #FFFFFF;
	font-family: Arial, Helvetica;
	text-transform: uppercase;
	padding: 65px 0px 0px 10px;
	font-size:1em; /**/
	text-align: left;
}
.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 {
	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;
	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 {
		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 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;
	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/502/mfondh-6.jpg') no-repeat center bottom;
	background-image: image-set('/images/promos/502/mfondh-6.webp' type('image/webp'),'/images/promos/502/mfondh-6.jpg' type('image/jpeg'));
}
@media only screen and (min-width: 450px) and (orientation : landscape)  {
	.homeimg {
		background-position: center center;
	}
}
.homeimg .promocont {
	display: block;
	position: absolute;
	top: 30px;
}
.homeimg .promo {
	width: 100%;
	max-height: 320px; 
	height: 100%; 
	background: url('/images/promos/502/mpromo-1.png') top center no-repeat;
	background-image: image-set('/images/promos/502/mpromo-1.webp' type('image/webp'),'/images/promos/502/mpromo-1.jpg' type('image/png'));
	background-size: contain;
}

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

#liste_onglets .A {    background-color: #000; border: none; }
#liste_onglets .A .image { background-color: #000; }
#liste_onglets .A h2 { color: #fff; }
#liste_onglets .A h2 span { color: #fff; }
#liste_onglets .A .prix {
	color: #ffdc7e; 
	background: -webkit-linear-gradient(-45deg, #ffd171, #eba545);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}
#liste_onglets .A .promo {color: #ffff; }
#liste_onglets .A h5 { color: #eee; }

#liste_onglets .B {    background-color: #000; border: none; }
#liste_onglets .B .image { background-color: #000; }
#liste_onglets .B h2 { color: #fff; }
#liste_onglets .B h2 span { color: #fff; }
#liste_onglets .B .prix {
	color: #ffdc7e; 
	background: -webkit-linear-gradient(-45deg, #ffd171, #eba545);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}
#liste_onglets .B .promo {color: #ffff; }
#liste_onglets .B h5 { color: #eee; }


#liste_onglets .C {    background-color: #000; border: none; }
#liste_onglets .C .image { background-color: #000; }
#liste_onglets .C h2 { color: #fff; }
#liste_onglets .C h2 span { color: #fff; }
#liste_onglets .C .prix {
	color: #ffdc7e; 
	background: -webkit-linear-gradient(-45deg, #ffd171, #eba545);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}
#liste_onglets .C .promo {color: #ffff; }
#liste_onglets .C h5 { color: #eee; }



#liste_onglets h5 { color: #333; }


.rubrique .promossphoto { background: #fff; }

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

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