@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
body {
    margin:0px;
    padding:0px;
    font-family: Arial, Helvetica, sans-serif; 
    /*font-size:10px;*/ /**/
    font-size:0.7em;
    font-weight:normal;
    text-align: left;
    color: #000000;
    background:#FFFFFF;
    /*background:url(/images/general/bg-site.jpg) no-repeat center 700px #FFFFFF;*/
}
.sansbandeau {
     /*background:url(/images/general/bg-site.jpg) no-repeat center top #FFFFFF;*/
}
*{
	outline:none;
}
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl,div {
	margin:0px;
	padding:0px;
	font-weight:normal;
	list-style-type:none;
}
a img{
	border:none;
}
a{
	text-decoration:none;
	color: inherit;
}

@font-face {
	font-family: MyriadPro;
	font-display: swap;
	src: url('/images/css/fonts/MyriadPro-Semibold.otf');
}

@font-face {
	font-family: RonduitCapitals-Light;
	font-display: swap;
	src: url('/images/css/fonts/RonduitCapitals-Light.otf');
}


.bandeau2023 {
	background: url('/images/bandeau/bandeau_test.jpg') center no-repeat;
	width 1920px;
	height: 400px;
}
@media only screen and (max-device-width: 1500px) {
  .bandeau2023 {
  	background-size: calc(100vw * 1920 / 1500) auto;
  	width: 100vw;
  	height:  calc(100vw / 1920 * 400);
  }
}


.inside {
    width:1100px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.clear {
	clear: both;
}
.sectionpage {
    clear: both;
    padding-top: 20px;
    width: 1100px;
}
/* -------------- HEADER -----------------*/

#header{
    top: 0px;
 /*   left: 0px; */ /**/
    width: 100%;
    min-width: 1100px;
    margin:0px 0px 0px 0px;
    background:url(/images/general/bg-header.jpg) repeat-x top center #0f0f0f;
}
#header #barrehaut { 
	display: block;
	width:1100px;	/* MODIFS width: 100%; */
	max-width:1100px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	vertical-align: top;
	height: 120px;
}
/*#header #logo {
    height: 116px;
    text-align: center;
    padding-top: 5px;
    margin: 0 auto;
}*/ /**/
#header #logo {
	display: inline-block;
    margin: 5px 0px 0px 0px;
	text-align: center;
	padding-left: 120px;
}
#header #logo h1, #header #logo span {
    display: block;
    margin-top: 3px;
	font-size: 1.1em;
    font-family: RonduitCapitals-Light;
    color: #CCCCCC;
}
#header #logo img { width: 520px; } /*max-width: 100%; width:100%;    */

#header #bandeau {
    left: 0px;
    width: 100%;
    min-width: 1100px;
    height: 330px;
    margin: 0 auto;
    background: #1A1A1A;
    position: relative;
}
#header #bandeauoverslide {
	position: absolute;
    left: 0px;
    top: 0px;
    height: 330px;
    width: 100%;
    min-width: 1100px;
    height: 330px;
    margin: 0 auto;
}

#header .bandeau_contenu {
    position: relative;
    left: 0;
    right: 0;
    width:1100px;
    height: 330px;
    margin-left: auto;
    margin-right: auto;
}
#header .bandeau_contenu .fond {
    position: absolute;
    top: 0px;
    left: 0px;
    width:1100px;
    height: 330px;
}
#header .bandeau_contenu .fiche {
    position: absolute;
    right: 0px;
    /*top: 0px;*/
    bottom: 15px;
    right: 30px;
    padding: 20px 15px 10px 10px;
    /*height: 310px;*/
    width: 460px;
    background: rgba(0,0,0,.55);
    font-family: MyriadPro;
    font-size : 11px;
    color: #FFFFFF;
    text-align: right;
 /*   -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);*/
    box-shadow: 3px 3px 5px #000000;
}

#header .bandeau_contenu .titre {
    font-size : 24px;
    margin-bottom: 6px;
    font-weight: bold;
    color: #51A0B5; /*#cd398a; */
    text-shadow: 1px 1px 1px #000000; 
}
#header .bandeau_contenu .tech {
	display: inline-block;
	vertical-align: top;
	width: 110px;
	margin-right: 15px;
	line-height: 14px;
}

#header .bandeau_contenu .tech img {
	margin-bottom: 10px;
}
#header .popupshow {
    display: inline-block;
    border: solid 1px #CCCCCC;
    border-radius: 10px;
    width: 95px;
    padding: 5px;
    margin: 10px 0px 0px 0px;
    text-align: center;
    background: #000000;
    background: rgba(0,0,0,.40);
    color: #CCCCCC;
    cursor: pointer;
}
#header .popupshow:hover {
    border: solid 1px #FFFFFF;
    color: #FFFFFF;
}
#header .ensavoirplus {
    display: inline-block;
    border: solid 1px #CCCCCC;
    border-radius: 10px;
    width: 95px;
    padding: 5px;
    margin: 10px 0px 0px 0px;
    text-align: center;
    background: #000000;
    background: rgba(0,0,0,.40);
    color: #CCCCCC;
    cursor: pointer;
}
#header .ensavoirplus:hover {
    border: solid 1px #FFFFFF;
    color: #FFFFFF;
}
#header .popupfond, #boncommande .popupfond {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 399;
	display: none;
}
#header .bandeau_contenu .text {
	display: inline-block;
	vertical-align: top;
	width: 330px;
	text-align: justify;
	text-align-last: right;
}
#header .popup {
    position: absolute;
    top: 200px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    background: #FFFFFF;
    background: rgba(255,255,255,.90);
    padding: 15px;
    border: solid 2px #cd398a;
    border-radius: 5px;
  /*  box-shadow: 2px 2px 5px #ad196a; */
    z-index: 400;
    display: none;
}
#header .titrepopup {
    font-family: MyriadPro; /*RonduitCapitals-Light; */
    font-size:20px;
    margin-bottom: 10px;
	color: #cd398a;
}
#header .popup .sectionpage {
    font-size : 12px;
}
#header .popup .sectionpage .soustitre {
    height: 25px;
    margin: 10px 0px 10px 0px;
    padding: 5px 0px 0px 35px;
    font-family: MyriadPro;
    font-size : 16px;
    text-transform: uppercase;
    color: #555555;
    background: url(/images/rubrique/carre-rose.png) no-repeat 15px center #e4e3e3; 
}
#header .popup .photo {
    margin: 25px 15px 10px 0px;
}
#header #bandeau_slider {
    margin: 0 auto;
    position: relative;
    top: 0px;
    left: 0px;
    width: 1100px; /*1400*/
    height: 330px;
    text-align: center;
}
.slides {
    cursor: pointer;
/*    overflow: hidden;*/
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1100px;/*1340*/
    height: 330px;
}
.slides div {
    position: absolute;
    width: 1100px;/*1340*/
}
.o {
	 cursor: pointer;
}
.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(/images/general/a03.png) no-repeat;
    overflow:hidden;
    z-index: 20;
}
.jssora03l { display: none; background-position: -3px -33px; width: 55px; height: 55px; top: 123px; left: 5px;}
.jssora03r { display: none; background-position: -63px -33px; width: 55px; height: 55px; top: 123px; right: 5px;}
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03ldn { background-position: -243px -33px; width: 55px; height: 55px; top: 123px; left: 5px;}
.jssora03rdn { background-position: -303px -33px; width: 55px; height: 55px; top: 123px; right: 5px;}

/*#header #acces {
    position: absolute;
    top: 0px;
    width:1100px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    font-family: RonduitCapitals-Light;
    font-size: 10px;
    color: #FFFFFF;
    background: #FF0000;
}
#header #acces #moncompte {
    position: absolute;
    top: 22px;
    right: 10px;
    width: 132px;
    height: 22px;
    padding: 10px 0px 0px 45px;
    background: #3f4040;
    background: url('/images/general/mon-compte.png') no-repeat 8px 0px #3f4040;
    border-radius: 5px;
}
#header #acces #monpanier {
    position: absolute;
    top: 67px;
    right: 10px;
    width: 132px;
    height: 22px;
    padding: 10px 0px 0px 45px;
    background: #183a46;
    background: url(/images/general/mon-panier.png) no-repeat 8px 0px #183a46;
    border-radius: 5px;
}*/ /**/
#header #acces {
	display: inline-block;
    font-family: MyriadPro;
    font-size: 1.3em;
    color: #FFFFFF;
	width: 240px;
	float: right;
	margin-top: 20px;
    padding-right: 20px;
}
#header #acces #moncompte {
    display: block;
    clear: both;
    float: right;
    width: 132px;
    height: 22px;
    padding: 8px 0px 2px 45px;
    background: #3f4040;
    background: url('/images/general/mon-compte.png') no-repeat 8px 0px #3f4040;
    border-radius: 5px;
    margin: 0; /* 0 0 0 5*/ 
}
#header #acces #social {
    display: block;
    float: right;
    margin: 0px 0px 7px 0px;
}
#header #acces #social div {
    display: inline-block;
}
#header #acces #social .fb-like {
    margin: 0px 10px 5px 0px;
}
#header #acces #social .g-plusone {
    margin: 0px 10px 5px 0px;
}
#header #acces #social .ta {
    margin: 0px 0px 5px 5px;
    position: relative;
    top: -8px;
}
/* 
#header #acces #monpanier {
    display: block;
    width: 100%;
    max-width: 132px;
    height: 22px;
    padding: 8px 0px 2px 45px;
    background: #183a46;
    background: url(/images/general/mon-panier.png) no-repeat 8px 0px #183a46;
    border-radius: 5px;
    margin: 10px 0 0 5px;
}
*/
/****************************************** MENUS ****/

#header #barremenu { /* Barre rose du menu */
	width: 100%;
    min-width: 1100px; /* MODIFS */
    height: 40px;
    color: #FFFFFF;
    border-top: solid 2px #FFFFFF;
    border-bottom: solid 2px #FFFFFF;
    background: #cd398a;
	display: block;
}

#header #menucontenu { /* Container des textes menus */
	width: 100%;
	max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
    padding: 0px 0px 0px 0px;
    font-family: MyriadPro;
    font-size : 1.4em;
    color: #FFFFFF;
	margin-top: 0;
}

#header .topmenu {	/* TOP MENU = Gros titres */
	display:block;
	float: left;
	height: 30px;
	margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
	border-bottom: 2px solid #fff;	
}

	#header .topmenu:hover {  background: #a0306d;}
	
	/* Taille et pictos des différents boutons */
	#header #home			{ width: 52px;}
	#header #home img			{ margin-top: -5px;}
	
	#header #menustage 		{ width: 200px; } /* 230 */
	#header #menuvoiture 	{ width: 120px; } /* 130 */
	#header #menucircuit 	{ width: 120px; } /* 130 */
	#header #menuentreprise 	{ width: 120px;} /* 130 */
	#header #menucontact 	{ width: 110px; } /* 130 */
	#header #menublog 	{ width: 90px; } 
    
	
	#header #menuplanning 	{ width: 110px; /*background:url("/menu/picto-planning.png) no-repeat 12px -3px; padding-left: 20px;*/}
	#header #menuplanning:hover {  background: #a0306d /*url(../menu/picto-planning.png) no-repeat 12px -3px #a0306d;*/ }

	/* La fleche de déroulement */
	#header .deroulant { background:url(/images/menu/picto-fleche-menu.png) no-repeat center 31px;}
	#header .deroulant:hover { background:url(/images/menu/picto-fleche-menu-over.png) no-repeat center 31px #a0306d; }

	
	
/* APPARITION DU SOUS MENU */ 
#header .topmenu:hover ul { display: block; right:0; left:0;}		
	
	
/* Sous Menus */
#header .topmenu .blssmenu { /* container du sous menu */
    display: none;
    
	position: absolute;
	max-width: 1100px;
	/*height: auto;*/
    background:#FFFFFF;
    color: #333333;
	
    border-radius: 0px 0px 8px 8px;
    border: 5px solid #cd398a;
    border-top: 0px;
    
	margin-top: 11px;
	margin-right: auto;
	margin-left: auto;
	
	z-index: 1000;
	text-align: center;
}

#header #ssmenuvoiture { 
	max-width: 944px;
}


.ssmenu { /* LI du sous menu */
    float: left;
	display: inline-block;
    width: 156px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    font-size : 0.65em;
    color: #444444;
    border-right: dotted 1px #666666;
    font-weight: normal;
    font-family: Arial;

}

#header .topmenu ul li:hover{ background:#eeeeee; /*#ffCCDD;*/ }


/* SOUS MENU STAGE */
#header #ssmenustage			{ width:942px; left: -45px; }
#ssmenustage .ssmenu 		{ min-height: 173px; }
#ssmenustage .ssmenu ul		{ margin-left: 15px;}
#ssmenustage .ssmenu ul li 		{ line-height: 2em; }
#ssmenustage .rang2 			{ /*min-height: 127px;*/}
#ssmenustage .ssmenu span		{ position: relative; top: -3px; font-size : 1.1em; font-weight: bold; }
#ssmenustage img 				{ display: block; margin: auto; margin-top: 18px; margin-bottom: 10px; }
#ssmenustage .separation 	{ position: absolute;display: block; top:173px; width: 100%; height: 10px; background: url("/images/menu/separationh.png"); }

/* SOUS MENU VOITURES */
#header #ssmenuvoiture 		{ /*left: 0px;*/ }
#ssmenuvoiture .ssmenu 		{ height: 150px; text-transform: none; }
#ssmenuvoiture .rang2 		{ height: 127px; }
#ssmenuvoiture .ssmenu span	{ display: block; margin-top: 8px; position: relative; top: -3px; font-size : 1.1em; font-weight: bold; }
#ssmenuvoiture img 			{ display: block; margin: auto; margin-top: 10px; margin-bottom: 8px; }
#ssmenuvoiture .separation 	{ position: absolute;display: block; top:140px; width: 100%; height: 10px; background: url("/images/menu/separationh.png"); }

/* SOUS MENU CIRCUITS */
#header #ssmenucircuit 		{ width: 981px;/*left: 0px; right: 0px; */}
#ssmenucircuit .ssmenu		{ height: 130px; text-transform: none; font-size: 0.7em; font-variant: small-caps; font-weight: bold; text-decoration: underline;}
#ssmenucircuit .ssmenu span	{ display: block; margin-top: 8px; position: relative; top: -3px; font-size : 14px; font-weight: bold; }
#ssmenucircuit img 			{ width: 55px; display: block; margin: auto; margin-top: 5px; margin-bottom: 4px; }
#ssmenucircuit .separation 	{ display: block; position: absolute; top:120px;width: 100%; height: 10px; background: url("/images/menu/separationh.png"); }
#ssmenucircuit .simple	  { width: 163px; }
#ssmenucircuit .double	  { width: 326px; }
#ssmenucircuit .triple	  { width: 469px; padding-left: 20px;}
#ssmenucircuit .quadruple { width: 652px; }
#ssmenucircuit .cinq { width: 795px; }

#header .itemmenu { /* MENUS LI ASSOCIES DOUBLES */
    padding: 0px 0px 0px 0px;
    width: inherit;
    text-align: left;
    font-size: 1.05em;
    list-style: circle inside url("/images/menu/puce.png");
    text-transform: none;
}

#ssmenucircuit .itemmenu {
    display: inline-block;
    float: left;
    padding: 5px;
    width: 143px;
    text-align: center;
    font-size : 1.1em;
    color: #666666;
    font-weight: bold;
    list-style: none;
    text-transform: none;
    font-variant:normal;
}


#telephone {
	display: inline-block;
	margin-top : -36px;
	position: relative;
	color: #ffffff;
	width: 145px;
	height: 25px;
	float: left;
	border-radius: 10px;
	background: rgba(255,255,255,0.2);
    text-align: center;
	padding-top:6px;
	margin-left: 5px;
}
#telephone span  {
	display: inline-block;
	font-family: MyriadPro;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 15px;
	width: 100%;
}
#telephone img { position: relative; top: -3px; margin: 0px 3px 0px 3px; border:1px solid #cccccc;}

/*------------------ FOOTER ---------------------*/
/*********************************** FOOTER *****/
.inside {
	width: 1100px; /* MODIFS /// width:100%; */
	max-width:1100px;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	vertical-align: top;
	box-sizing: border-box;
}
.inside .paiements 	{ width: 45%; display: inline-block; border-right: 1px dotted #dddddd;  padding: 0 5px 0 5px;}
.inside .partenaires { width: 30%; display: inline-block; border-right: 1px dotted #dddddd;  padding: 0 5px 0 5px; font-weight: bold; }
.inside .partenaires span   { color: #999999; display: block; padding-left: 0px; margin: 0px 0px 0px 0px; position: relative; top: -5px;}
.inside .social { width: 20%; height: 40px; color: #999999; text-align: center; display: inline-block; padding: 0 5px 0px 5px; margin: 0px 0px 0px 0px;font-weight: bold; position: relative; top: -6px;}
.inside .social span   { color: #999999; display: block; padding-left: 10px; margin: 0px 0px 7px 0px;}
#footer {
 /*   display: block;
    clear: both;
    width: 100%;
	max-width: 1100px;
	min-height: 75px;
    margin-right: auto;
	margin-left: auto;
    border-top: solid 1px #cacaca;
    background: #f6f6f6;
    text-align: center;
	box-sizing: border-box;	*/

    display: inline-block;
	clear: both;
    width: 100%;
    margin:0px 0px 0px 0px;
    background: #f6f6f6;
	border-top: solid 1px #cacaca;
    min-height: 75px;
	text-align:center;
	box-sizing: border-box;
	height: 100%;
}



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

#footer2 .inside .colonne {
    display: inline-block;
	float: left;
	line-height: 1.5em;
	/*border-left: solid 2px #222222;*/
    padding-left: 10px;
    margin-right: 10px;
	text-align: left;
	background: url('/images/general/separation_footer.png') no-repeat right top;
	min-height: 180px;
	min-width: 230px;
}
#footer2 .inside .colonne:nth-child(1) {width: 45%; }
#footer2 .inside .colonne:nth-child(2) {width: 22%; }
#footer2 .inside .colonne:nth-child(3) {width: 22%; }


#footer2 .inside .colonne img {width: 80%; }
#footer2 .inside .colonne:first-of-type {
    /*padding-left: 10px;*/
}
#footer2 .inside .colonne:last-of-type {
    background: none;
}
#footer2 .entete {
    font-size: 1.5em;
    color: #51A0B5;
    margin-bottom: 20px;
}
#footer2 .entete2 {
    font-size: 1.5em;
    color: #999999;
    margin-bottom: 8px;
}

#footer-rens {
    width: 80%;
    font-size: 1.1em;
    font-family: MyriadPro;
    border-top: dashed 1px #999999;
    padding-top: 8px;
}
#footer-tel {
    color: #51A0B5;
    font-size: 2em;
    font-family: MyriadPro;
}
#footer-horaires {
    color: #999999;
    font-size: 1em;
}


/* ----------------- GENERAL --------------------*/
#general{
    width:1100px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    padding: 15px 0px 15px 0px;
    /*border: solid 1px #FF0000;*/
    background: #f6f6f6;
    background: #fff;
	min-height: 700px;
    box-shadow: 0px 0px 10px #999;
}
.chapeau {
    padding: 25px;
    font-size : 12px;
    line-height: 1.4em;
}
.chapeau a {
    color: #51A0B5;    
}

/* --------------- MOTEUR RECHERCHE -------------*/
.rechdroit {
    float: right;
    margin-right: 20px;
}
.rechdroit div {
    display: block;
    width: 130px;
    min-height: 25px;
    padding: 6px 0px 0px 33px;
    margin-bottom: 3px;
    font-family: MyriadPro;
    color: #6c6d6d;
    font-size : 12px;
    line-height: 12px;
    background: url('/images/general/picto-coche.png') no-repeat left center;
}
#motrecherche {
/*    float: left;
	width: 900px; */ /**/ 
    position: relative;
    height: 100px; /*122*/
    border-radius: 7px;
    font-family: MyriadPro;
    font-size : 14px;
    background: url('/images/general/recherche/fond_recherche.png') repeat-x left top #d9d7d8;
	
	display:inline-block; /**/
	top: 0px; /**/
    width: 80%; /**/
    font-size : 1.2em; /**/
	margin-bottom: 5px;
	margin-left: 10px;
}
#motrecherche .ombrage { position: relative; width:90%; bottom: -69px; z-index:0;} /**/


#motrecherche #carte{
		position: absolute;
		top: -55px;
		left: 5px;
	}
	#motrecherche #carte img{
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 9; /**/
	}
	
	#motrecherche .pointcircuit {
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		z-index: 99; /**/
		background: url('/images/general/recherche/point-circuit.png') no-repeat 5px 5px; /*  #ce398a */
	}
	#motrecherche .pointcircuit:hover {
		background: url('/images/general/recherche/point-circuit-over.png') no-repeat 5px 5px; /* #26acd8; */
		cursor: pointer;
	}
	#motrecherche .circuitsel {
		background: url('/images/general/recherche/point-circuit-over.png') no-repeat 5px 5px; /* #26acd8; */
	}
	
	
	#motrecherche .pointcircuit {
		position: absolute;
		display: block;
		width: 12px;
		height: 12px;
		z-index: 99; /**/
		background: url('/images/general/recherche/point-circuit.png') no-repeat 0px 0px; /*  #ce398a */
	}
	#motrecherche .pointcircuit:hover {
		background: url('/images/general/recherche/point-circuit-over.png') no-repeat 0px 0px; /* #26acd8; */
		cursor: pointer;
	}
	#motrecherche .circuitsel {
		background: url('/images/general/recherche/point-circuit-over.png') no-repeat 0px 0px; /* #26acd8; */
	}

	#motrecherche #nomcircuit {
		position: absolute;
		display: block;
		visibility: hidden;
		top: 32px;
		left: 0px;
		padding: 3px 10px 3px 5px;
		color: #CCCCCC;
		font-size: 1em; /* 11px */ /**/
		font-weight: bold;
		border-radius: 0px 10px 10px 0px;
		background: rgba(0,0,0,.65);
		z-index: 999; /**/
	}

#motrecherche .motrecherchelem {
    display: block;
    position: absolute;
    height: 35px;
    border-left: dashed 1px #666666;
}
#motrecherche #titre{
    font-size : 1.3em; /*18px*/ /**/
    color: #cd398a;
    position: absolute;
    height: 31px;
    left: 250px;
    top: 13px;
    border: 0px;
    padding: 5px 0px 0px 40px;
    background: url(/images/general/recherche/loupe.png) no-repeat 0px 0px;
}
#motrecherche .couleur {color: #cd398a; } /**/
#motrecherche #titre span {
    color: #555555;
}
#motrecherche select {
    font-family: MyriadPro;
    font-size : 0.9em; /* 11px */ /**/
    color: #555555;
}
#motrecherche option {
    font-family: Arial;
}
#motrecherche .bouton {
    text-align: center;
   /* position: absolute; */ /**/
	position: relative;
	float: right;

    top: 20px;
    right: 15px;
    width: 121px;
    height: 27px;
    border: 0px;
    font-family: MyriadPro;
    font-size: 1.1em; /* 14px */ /**/
    color: #555555;
    background:url(/images/general/recherche/bg-bt-rechercher.png) no-repeat; /*  #CCCCCC */
}
#motrecherche #rech-btn {
    padding-top: 4px;
}
#motrecherche #rechprix {
    left: 235px;
    top: 45px;
    padding: 10px 10px 0px 56px;
    background:url(/images/general/recherche/calculatrice.png) no-repeat 15px 15px;
}
#motrecherche #rechvoiture {
    left: 487px;
    top: 10px;
    padding: 10px 10px 0px 70px;
    background:url(/images/general/recherche/picto-voiture.png) no-repeat 10px center;
}
#motrecherche #rechcircuit {
    left: 487px;
    top: 50px;
    padding: 10px 10px 0px 70px;
    background:url(/images/general/recherche/picto-circuit.png) no-repeat 17px center;
}

#motrecherche #selectcircuit, #motrecherche #selectvoiture { width: 175px; } /**/ 
#motrecherche #fourchette-prix {
    position:relative;
    top:20px;
    width: 150px;
}
#motrecherche #rechprix input[type="text"] {
    position: absolute;
    border:0;
    background: none;
    width: 40px;
    text-align: center;
    font-family: MyriadPro;
    font-size:  1.1em; /* 12px; */
    color: #555555;
	line-height: 12px; /**/
}


.ui-slider {
    background: #cccccc; /*#FFAAAA;*/
    border-radius: 4px;
    height: 8px;
}
#slider-handle-min {
    border-radius: 8px;
    width: 14px;
    background: #FFFFFF;
    height: 14px;
    border: solid 2px #666666;
}
#slider-handle-max {
    border-radius: 8px;
    background: #FFFFFF;
     width: 14px;
    height: 14px;
    border: solid 2px #666666;
}
.ui-slider-range {
    background: #cd398a;
    background: #497288;
  /*  background: #8a000e;
    background: rgba(138,0,14,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99660000,endColorstr=#99FF0000);
    background-image: linear-gradient(bottom, rgb(138,0,14) 0%, rgb(255,0,26) 50%, rgb(158,0,21) 100%);
    background-image: -o-linear-gradient(bottom, rgb(138,0,14) 0%, rgb(255,0,26) 50%, rgb(158,0,21) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(138,0,14) 0%, rgb(255,0,26) 50%, rgb(158,0,21) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(138,0,14) 0%, rgb(255,0,26) 50%, rgb(158,0,21) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(138,0,14) 0%, rgb(255,0,26) 50%, rgb(158,0,21) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(138,0,14)), color-stop(0.5, rgb(255,0,26)), color-stop(1, rgb(158,0,21)));
  */ /**/
}


/* --------------- RUBRIQUE ------------------ */
.rubrique #titre {
    width: 100%;
    text-align :center;
    font-family: MyriadPro;
    font-size : 24px;
    color: #555555;
   /* border-bottom: dotted 2px #555555;*/
    text-transform: uppercase;
	margin-top: 30px
}
.rubrique #titre .color{
    color: #cd398a;
}
.rubrique .circuit .titre {
    position: relative;
    width: 1065px;
    height: 25px;
    margin: 10px 0px 1px 0px;
    padding: 5px 0px 0px 35px;
    font-family: MyriadPro;
    font-size : 18px;
    text-transform: uppercase;
    color: #555555;
    background: url(/images/rubrique/carre-rose.png) no-repeat 15px center #e4e3e3; 
}
.rubrique .circuit .titre .trace {
    position: absolute;
    left: 470px;
    top: 0px;
    font-size : 12px;
}
.rubrique .circuit .titre .trace img {
    vertical-align: middle;
    position: absolute;
    top: 3px;
    left: 0px;
}
.rubrique .circuit .titre .trace div {
    display: inline-block;
    text-transform: none;
    text-align: center;
    line-height: 1.1em;
    padding-left: 75px;
    padding-top:4px;
    color: #8a898a;
}
.rubrique .circuit .longueur {
    position: absolute;
    left: 650px; /* 580 */
    top: 4px;
    font-family: MyriadPro;
    font-size : 12px;
    text-transform: none;
    color: #999999;
    padding: 3px 10px 2px 10px;
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #999999;
    box-shadow: 0px 0px 2px #999999;
}
.rubrique .circuit .carte {
    position: absolute;
    top: -3px;
    right: 20px;
}
.rubrique .rubtypestage {
    position: relative;
    width: 1065px;
    height: 25px;
    margin: 10px 0px 1px 0px;
    padding: 5px 0px 0px 35px;
    font-family: MyriadPro;
    font-size : 18px;
    color: #555555;
    background: #e4e3e3; 
}
.rubrique .rubtypestage:before {
    content: '\2022';
    margin-right: 8px;
}
.rubrique .rubtypestage-intro {
	box-sizing: border-box;
    position: relative;
    width: 1065px;
	text-align:center;
    margin: 7px 0px 9px 0px;
    padding: 0px 80px 0px 80px;
    font-style: italic;
    font-weight: normal;
    font-size : 12px;
    line-height : 14px;
    color: #497288; 
}
.rubrique .formule {
    display: block;
    position: relative;
    border-bottom: solid 2px #e4e3e3;
    background: url(/images/rubrique/picto-fleche-stage.png) no-repeat 15px center #f6f6f6;
}

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

.miniaturerub {
    position: absolute;
    top: 15px; left: 65px;
}
.rubrique .formule .promo {
    position: absolute;
    top: 0px;
    left: 672px;
    height: 100%;
    width: 428px;
     /*background: #FF0000;*/
}
.rubrique .formule .promoimg {
    position: absolute;
    left: 672px;
    width: 180px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
        /*background: #00FF00; */
}


.rubrique .formule .titrerub {

    padding: 14px 0px 14px 190px;
    font-size : 12px;
    color: #333333;
}
.rubrique .formule .titrerubgras {
    font-weight: bold;
}
.rubrique .formule .nbtours {
    position: absolute;
    /* top: 0px; padding-top: 22px; */
    left: 460px;
    width: 210px; height: 56px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);  
    border-left: solid 1px #e4e3e3;
    border-right: solid 1px #e4e3e3;
    font-family: MyriadPro;
    font-size : 24px;
    font-weight: bold;
    color: #cd398a;
}
.rubrique .formule .nbt {
    position: absolute;
    font-size : 36px;
    top: 12px; right: 118px;
    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: 102px;
    /*letter-spacing: normal;*/
}
.rubrique .formuleavecseries .nbtours .tours {
    left: 115px;
}
.rubrique .formuleavecseries .nbtours .auvolant {
    left: 115px;
}

/* */

.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_pilote .auvolant {
    display: none;
}
.rubrique .formule .unite_pilote .nbt {
	right: 125px;
}
.rubrique .formule .unite_pilote .tours {
    left: 95px; 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 .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: 155px;
    top: 50%;
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
    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 .voir {
    position: absolute;
    left: 976px; /* top: 16px; */
    top: 50%;
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
    width: 74px; height: 33px;
    font-family: MyriadPro;
    font-weight: normal;
    font-size : 14px;
    color: #497288;
    padding: 13px 0px 0px 30px;
    background: url(/images/rubrique/bg-bouton-voir.png);
}
.rubrique .formule .voir:hover {
	background: url(/images/rubrique/bg-bouton-voir-2.png);
}
.rubrique .multi {
    position: relative;
    top: -2px;
    width: 400px;
    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;
}
/* ---------------- HOME ----------------------*/
#liste_onglets {
    /*background: #f6f6f6;*/
    padding: 0px;
    margin: 0px;
	width: 100%;     /**/
	box-sizing: border-box; /**/
	
}
#liste_onglets .rubrique {
    display: inline-block;
	vertical-align: bottom;
    position: relative; 
    /*left: 8px;
    margin: 0px 12px 12px 0px;
    width: 202px;
    height: 290px; */ /**/
    border: solid 1px #bfbfbf;
    background: #FFFFFF;
    width: 203px; /**/
    min-height: 214px;/*234*/ 
	max-height: 214px;/*234*/
    margin-right: 5px;/**/
	margin-left: 7px;/**/
	margin-bottom: 22px;/**/
}
#liste_onglets .image { height: 120px; text-align: center; background: #ffffff;} /**/
#liste_onglets .imagefixe { height: auto;} /**/
#liste_onglets .double { width: 423px;} /**/
#liste_onglets .triple { width: 642px;} /**/
#liste_onglets .separateur { display: block; height: 4px; width: 100%; background: #666666; margin-top: 5px; margin-bottom: 10px;}/**/

#homegen .intro {
    float: left;
    /*min-height: 1000px;*/
    max-height: 1000px;
	vertical-align: bottom;
    width: 200px; /**/
    margin-right: 5px;/**/
	margin-left: 10px;/**/
	margin-bottom: 22px;/**/
    color: #555;
    text-align: justify;
    font-size: 11px;
}
#homegen .intro img:first-child {
    margin-bottom: 15px;
}
#homegen .intro img:last-child {
    margin-top: 15px;
}

#liste_onglets h2 {/**/
	float: left;
	width: 60%; /* 53 */
	padding-left: 5px;
    font-family: MyriadPro;
    color: #868888;
    font-size: 1em;
    line-height: 17px;
    font-weight: normal;
	box-sizing: border-box;
}
#liste_onglets h2 span {/**/
	display: block;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #666666;
}

#liste_onglets .nopromo {
	display: none;
}
#liste_onglets .promo {
	color: #cd398a;    
/*    display: none;
    position: absolute;
    left: -10px;
    top: -10px;
	font-size: 12px;
    width: 223px;
    height: 340px; 
    font-family: MyriadPro;
    font-style: italic;
    font-weight: bolder;*/ /**/
	display: block;/**/
	height: 20px;/**/
	font-size: 1.2em;/**/
	text-align: center;/**/
	color: #cd398a;/**/
	font-weight: bold;/**/
}
/*#liste_onglets .promo span {
    position: absolute;
    left: 16px;
    top: 264px;
}*/ /**/

#liste_onglets .apartir {
    color: #868888;
    font-family: MyriadPro;
   font-weight: normal;
	/* position: absolute;
    right: 10px;
    bottom: 25px;
    font-size: 9px; */ /**/
	position: relative;
    font-size: 0.9em;
	margin-bottom: 2px;
	
	float: right;
	width: 35%; /*42*/
	text-align: right;
	margin-top: -5px;
	padding-right: 5px;
}
#liste_onglets .prix {
    color: #cd398a;
    font-family: MyriadPro;
	/*position: absolute;
    right: 10px;
    bottom: 0px;
    font-weight: normal;
    font-size: 24px; */ /**/
	display: inline-block; /**/
	position: relative; /**/
    font-weight: bold; /**/
    font-size: 3em; /**/
	float: right;
	width: 35%; /*42*/
	text-align: right;
	margin-top: -5px;
	padding-right: 5px;
}

/*
#liste_onglets .rubtitle {
    height: 43px;
    padding-top: 0px;
    background: #E0E0E0;
    border-bottom: solid 3px #565656;
    text-align: center;
}*/ /**/
#liste_onglets h2 {
    font-family: MyriadPro;
    color: #868888;
	font-weight: normal;
    /*position: absolute;
    left: 8px;
    bottom: 8px;
    font-size: 13px;
    line-height: 15px; */ /**/
    font-size: 1em; /**/
    line-height: 17px; /**/
    font-weight: normal; /**/
	box-sizing: border-box; /**/
}
#liste_onglets h2 span  {
    display: block;
    /*color: #525353;
    font-size: 16px;
    font-weight: bold; */ /**/
	font-size: 1.2em; /**/
	text-transform: uppercase; /**/
	color: #666666;/**/
}

#liste_onglets h3 {
    font-family: MyriadPro;
    /*position: absolute;
    bottom: 68px;
    width: 187px;
    left: 8px;
    color: #d8d8d8;
    font-size: 12px;
    line-height: 12px;*/
	display: inline-block;
	width: 95%;
	margin-right: 5px;
	margin-left: 5px;
    color: #999999;
	font-style: italic;
	text-align: center;
	font-size: 1em;
	box-sizing: border-box;
}

 /*   display: block;
    clear: both;
    width: 100%;
	max-width: 1100px;
	min-height: 75px;
    margin-right: auto;
	margin-left: auto;
    border-top: solid 1px #cacaca;
    background: #f6f6f6;
    text-align: center;
		*/

#infostitre {
    display: block;
    width: 100%;
	max-width: 1100px;
/*	font-size:27px;*/ /**/
  
    margin-top: 25px;
    margin-right: auto;
	margin-left: auto;
/*    background: #F6F6F6;*/
    color: #FFFFFF;
    font-family: MyriadPro;
    text-transform: uppercase;
    padding: 6px 0px 0px 0px;
    font-size:1em; /**/
	text-align: left;
	box-sizing: border-box;
}

#infos {
    width:1080px;
    padding: 0px 10px 30px 10px;
    font-size: 12px; 
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    font-family: MyriadPro;
    color: #696a6a;
    text-align: justify;
	/*width:100%; 
	padding: 0px; */
    font-size: 1.1em;/**/
/*    background: #F6F6F6;*/
}

#infos a {
    color: #51A0B5;
}


.infossstitre {
    font-variant: small-caps;
    color: #696a6a;
/*    font-size: 22px; */
    font-size: 1.8em;
    font-weight: bold;
    font-family: MyriadPro;
    margin-bottom: 10px;
    padding-top: 20px;
}

#infostitre h2 {
    font-size: 2.3em;
    line-height: 0.95em;
 /*   width: 1090px;
    max-width: 1090px; */
    background: #cbc9c9;
    padding: 16px 0px 5px 10px;
   /* min-height: 44px; */
}
#infos .texte { padding : 20px 15px 45px 15px; } /**/
#infos .texte .titre {
    display: inline;
    font-variant: small-caps;
    color: #CD398A;
}
#infos iframe {
     float: right;
     margin: 20px;
     width: 400px;
     max-width: 100%;
     height: 300px;
}
/* --------------- COFFRETS ----------*/
.coff_tit {
	display: block;
    font-size: 12px;
	color: #333;
	margin: 10px;
	font-weight: bold;
}
.coff_listeform {
    display: inline-block;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    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;
}
/* ---------------- AVIS -------------*/
.blocavis {
	width: 810px;
    display: inline-block;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    vertical-align: top;
    margin: 10px 10px 10px 20px;
}

.blocavis .avis {
    display: inline-block;
    margin: 0px 0px 15px 0px;
}
.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;
}

.plusavis {
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    padding: 10px 40px 10px 0px;
}
.plusavis a {
    font-weight: bold;
    color: #cd398a;
}

#homerating {
    box-sizing: border-box;
    text-align: left;
    float:left;
    padding: 0px 0px 0px 20px;
       font-style: italic;
       color: #666;
}

#pageformule #avis .ta {
	float: right;
	width:200px;
	margin-right: 20px;
}


/* -------------- FORMULE ------------------- */
#pageformule .printonly { display: none;}


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

/* MINI SLIDER */
#pageformule #slidephoto {
    position: relative;
    width: 430px;
    height: 360px;
   	float: left;
    padding: 0px;
    margin: 0px; 
    top: 0px;
    left: 0px;    
}
#pageformule #slidephoto .slides {
	width: 100%;
	height: 288px;
	left: 0px; top: 0px;
	cursor: pointer;
	position: absolute; 
	overflow: hidden;
}
/** Fleches **/

.jssora15l, .jssora15r, .jssora15ldn, .jssora15rdn {
	position: relative;
    cursor: pointer;
    display: inline-block;
    background: url(../general/a15.png) no-repeat;
    overflow:hidden;
	width: 30px; height: 60px;
	top: 245px;
}
.jssora15r, .jssora15rdn  { left: 380px;}

.jssora15l { background-position: -20px -31px; }
.jssora15r { background-position: -80px -31px; }
.jssora15l:hover { background-position: -140px -31px; }
.jssora15r:hover { background-position: -200px -31px; }
.jssora15ldn { background-position: -260px -31px; }
.jssora15rdn { background-position: -320px -31px; }


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

    transition: border-color .6s;
    -moz-transition: border-color .6s;
    -webkit-transition: border-color .6s;
    -o-transition: border-color .6s;
}
/*
* html .jssort08 .o {
	width : 90px;
	height: 60px;
}*/
/*
.jssort08 .pav .o, .jssort08 .p:hover .o {
	border-color: #fff;
}
.jssort08 .pav:hover .o {
	border-color: #0099FF;
}
.jssort08 .p:hover .o {
	transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}
*/

/* FANCY BOX ET LOUPE */
.loupe {
	position: absolute;
	bottom: 5px; right: 5px;
}

#pageformule {
    position: relative;
}
#pageformule #conttitre {
    font-family: MyriadPro;
    padding-bottom:18px;
    background: url('/images/formule/hachure.png') repeat-x bottom;
}
#pageformule .titrestage {
    position: relative;
    margin-left: 450px;  

    font-weight: normal;
    font-size : 18px;
    line-height: 18px;
    max-width: 450px;
    text-transform: uppercase;
}

#pageformule .titrestage .nbtours{
    font-size : 31px;
}
#pageformule .titrestage .voiture{
    color: #cd398a;
}

#pageformule .titrestage .logomarque {
    position :absolute;
    top: 0px;
    right: 15px;
}
#pageformule .avisentete {
    font-size : 12px;
    color: #555555;
    margin-left: 450px;
}
#pageformule .avisentete div {
    display: inline-block;
    position: relative;
    top: -5px;
    text-transform: none;
}
#pageformule .avisentete .lien {
    margin: 0px 0px 0px 12px;
    text-decoration: underline;
    cursor: pointer;
}
#pageformule .avisentete .noteglob {
    margin: 0px 0px 0px 6px;
}
#pageformule .avisentete .lien img {
    margin: 0px 0px 0px 9px;
}
#pageformule .chapeaucircuit {
    position: relative;
    display: block;
    font-size : 14px;
    font-family: MyriadPro;
    margin: 20px 190px 0px 452px;
    padding-left: 10px;
    border-left: solid 9px #8baecb;
    color: #444444;
}

#pageformule .formulenext {
    font-family: MyriadPro;
    font-size: 12px;
    line-height: 12px;
    text-transform: none; float: right;
    max-width: 200px;
    margin: 0 5px 5px 0;
    text-align: right;
    color: #555;
    padding-right: 30px;
    background: url("/images/formule/formule_suivante.png") top right no-repeat;
    z-index: 100;
    position: absolute;
    top: -8px; right:0px;
}
#pageformule .formulenext .surcout {
    display: inline-block;
    margin-top: 1px;
    font-size: 1.2em;'
}
#pageformule .chapeaucircuit .longueur {
    display: block;
}
#pageformule .autrecircuit {
    color: #51A0B5;
    font-style: italic;
    font-size: 11px;
    padding-left: 25px;
	width:320px;
    background: url('/images/formule/fleche-voir-circuit.png') no-repeat left center;
}
#pageformule .chapeaucircuit .plan {
    position :absolute;
    top: 0px;
    right: 30px; /*240*/
}

#pageformule .ssencart {
    width: 190px;
    margin-top: 01px;
    float: right;
    background: #ededed;
    padding: 0px 10px 15px 10px;
}
#pageformule .encart {
    width: 190px;
    margin-top: 01px;
    float: right;
    background: #ededed;
    background: #ddd;
    padding: 0px 10px 15px 10px;
    z-index: 1;
}
#pageformule .encart #top {
	margin-top: 10px;
	padding: 0px 0px 0px 10px ;
	vertical-align: top;
	color: #888888;
	font-size: 0.9em;
	line-height: 0.9em;
	 background: url('/images/formule/ecoledustage.png') no-repeat -2px center;
}
#pageformule .encart #bottom {
	display: block;
	clear: both;
}
#pageformule .encart .euro {
    margin-left: 4px;
    font-size: 0.9em;
}

.euro {
    margin-left: 4px;
    font-size: 0.9em;
}


.encartcommander {
    display: block;
    float: right;
    position: relative;
    top: -5px;
	text-align :center;
	width: 190px;
    height: 30px;
    padding: 3px 0px 0px 0px;
    font-family: MyriadPro;
    font-weight: 200;
    font-size: 1.3em;
    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-image: -webkit-linear-gradient(top, #FA70BB, #D33F90);
    background-image: -moz-linear-gradient(top, #FA70BB, #D33F90);
    background-image: -ms-linear-gradient(top, #FA70BB, #D33F90);
    background-image: -o-linear-gradient(top, #FA70BB, #D33F90);
    background-image: linear-gradient(to bottom, #FA70BB, #D33F90);
	border-radius:8px;
	outline:none;
	border:0 none;
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	cursor: pointer;
    text-transform: uppercase;
}


.encartbouton { /* 180x40 */
    display: block;
    float: right;
	text-align :left;
	width: 100px;
    height: 25px;
	line-height: 26px;
    padding-left: 4px;
    font-family: MyriadPro;
    font-weight: normal;
    font-size: 1.2em;
    color: #cd398a;
    background: url('/images/formule/panier-rose.png') no-repeat 50px 5px #FFFFFF;
	border-radius: 0px 0px 10px 10px;
	outline:none;
	border:0 none;
	border-top:  dotted 2px #AAAAAA;
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	cursor: pointer;
}
.encartbouton:hover { background:url('/images/formule/panier-rose.png') no-repeat 50px 5px #48b8e0;}

#pageformule .encart .tarif {
	clear: both;
    position: relative;
    background: #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    width: 170px;
    margin-top: 40px;
/*    margin-bottom: 9px; */
    font-family: MyriadPro;
    text-align: right;
    padding: 5px 10px 5px 10px;
    color: #737373;
   /* height: 90px; */ 
}
#pageformule .encart .tarif:first-child {
	  margin-top: 20px;
}

#pageformule .encart .prix_ref {
	float: right;
	position: relative;
	top: -5px;
	font-weight: bold;
	line-height: 1.6em;
	margin-bottom: 5px;
}
#pageformule .encart .prix_ref:before {
    content: "au tarif de";
}
#pageformule .prix_ref img {
    display: block;
    position: absolute;
    top: 8px;
    right: 5px;
    width: 60px;
    height: 22px;
}

#pageformule .encart .prix_ref span{
    font-family: Impact, Anton, sans-serif;
	font-weight: normal;
    font-size: 2.4em;
}
#pageformule .encart .prix_ref .decimale{
    font-family: Impact, Anton, sans-serif;
    font-weight: normal;
    font-size: 1.8em;
}
#pageformule .encart .tarif .tarif_titre {
	
}

#pageformule .encart .tarif .flashdate {
}
#pageformule .encart #normal {
}
#pageformule .encart .tarif .prixbarre {
  /*  position: absolute;
    right:10px;
    top: 30px;
    font-size: 16px;
    color: #444444;
    text-decoration: line-through; */
  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: -7px;
	right: -2px;
	width: 35px;
	height: 20px;
}
#pageformule .encart .tarif .prix {
/*    position: absolute;
    right:10px;
    top: 40px; */
	display: block;
	margin-top: 2px;
    color: #cd398a;
    font-size: 32px;
	line-height: 32px;
    font-family: Impact, 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: Impact, Anton, sans-serif;
	font-size: 1em;
	line-height: 0.9em;
	padding: 0px 5px 3px 5px;
	color: #444444;
	background: #66FFFF; /* #F231F7;  66FFFF; #FFFF00; */
/*	box-shadow: 2px 2px 1px #000000; */
   -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
	border-radius: 4px;
    z-index: 5;
}
#pageformule .encart .economie #percent {
	font-size: 2.2em;
	line-height: 1em;
	position: relative;
	top: 2px;
}

#pageformule .encart .economie .detail { font-family: MyriadPro; }
#pageformule .encart .economie #signepercent {
	font-size: .8em;
	line-height: 1em;
}
#pageformule .encart  #flash .economie {
	width: 65px;
	text-align: right;
	min-height: 55px;
	bottom: 0px; /* -25 */
	background:url('/images/flash/fondtarif-flash.jpg') no-repeat 0px -37px #66FFFF;
	/*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 .tarif#noel {
    background:url('/images/promos/fondtarif-noel.png')  top left #999;
}

/*
#pageformule .economie#coffret {
    width: 78px;
	text-align: right;
	min-height: 50px;
	background:url('/images/promos/fond_CoffretCadeauOffert.jpg') no-repeat top left;
}
#pageformule .encart .economie#coffret #percent {
	color: #cd598e;
}
#pageformule .economie#coffret .detail{
    display: none;
}
*/


#pageformule .economie#noel {
	width: 72px;
	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 .economie#valentin {
	width: 72px;
	text-align: right;
	min-height: 50px;
	line-height: 0.65em;
	bottom: -5px; /* -25 */
	background:url('/images/promos/stvalentin/fondtarif2.png') no-repeat bottom left #fff;
    color: #CCC;
	color: #cd598e;
	box-shadow: 2px 2px 2px #333;
	/*border: solid 1px; */
}

#pageformule .encart #noel3 {
    background: url('/images/formule/picto-derniere-minute.png') no-repeat 10px -20px #FFFFFF;
}
#pageformule .deroule {
    width: 425px;
    margin: 10px 0px 0px 452px;
    padding-bottom: 20px;
    border-bottom: dotted 2px #999999;
    font-family: MyriadPro;
    font-weight: normal;
    font-size : 12px;
    color: #444444;
}
#pageformule .colonnetel {
    float: left;
    text-align: center;
    width: 200px;
  /*  height: 150px; */
    margin: 10px 10px 10px 10px;
    color: #6E6F71;
    font-size: 0.9em; /*10px*/
    line-height: 11px;
}
#pageformule .telephone {
    width: 140px;
    margin: auto;
    margin-bottom: 5px;
    color: #6E6F71;
    height: 26px;
    padding: 13px 0px 0px 20px;
    text-align: center;
    font-family: MyriadPro;
    font-weight: bold;
    font-size: 1.6em; /* 17px */
    border-radius: 10px;
    background: url('/images/formule/telephone.png') no-repeat 10px 1px #EBEAEA;
}

#pageformule .colonnetel input {
    margin-top: 5px;
    text-align:center;
    width: 150px;
	border: 1px solid #aaaaaa;
	margin-right: 5px;
}
#pageformule .colonnetel input[type=submit] {
	background: #E735A2;
	width: 23px;
	height: 23px;
	border:0;
	cursor: pointer;
	padding: 0px 0px 0px 1px;
	border-radius: 12px;
	color: #ffffff;
	font-weight: bold;
}
#pageformule .paiement {
    float: left;
    text-align: center;
    width: 200px;
    margin: 10px 10px 10px 10px;
  /*  height: 150px; */
    color: #6E6F71;
    font-size: 10px;
    line-height: 11px;
}



#pageformule .promossphoto {
	width: 100%;
	margin: auto;
	display:block;
	font-size: 12px;
	font-family: MyriadPro;
	font-weight: normal;
	clear: left;
	color: #888;
	background: #f6f6f6;
}
#pageformule .promossphoto img {
	float: right;
	margin-right:20px;
}
#pageformule .promossphoto .bloc {
	padding: 20px 680px 20px 20px;
}
#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;
}
/* 09/11/2023 - Suppression 
#pageformule img {
    margin-top: 8px;
}
*/
#pageformule .sectionpage {
    clear: both;
    padding-top: 20px;
    width: 1100px;
}
#pageformule .sectionpage .menu {
    display: block;
    height: 35px;
    font-family: MyriadPro;
    font-weight: normal;
    font-size : 12px;
    border-bottom: solid 4px #B9B8B8;
    width: auto;
}
#pageformule .sectionpage .contenu {
    padding: 0px;
    padding-bottom:15px;
/*   border: solid 1px #B9B8B8;*/
    background: #FFFFFF;
}
#pageformule .sectionpage .listeoption {
    padding: 10px 0px 20px 0px;
    border: solid 1px #B9B8B8;
    background: #FFFFFF;
    vertical-align: top;
}

#pageformule .sectionpage .interligne {
    clear: both;
    float: none;
    display: block;
    margin: auto;
    height: 35px;
    width:1100px;
    background: url('/images/formule/interligne.png') no-repeat center 20px;
}
#pageformule .sectionpage .listeoption li {
    display: block;
    position: relative;
    float: left;
    width: 235px;
/*    height: 100px;*/
    font-size: 12px;
    color: #444444;
    padding: 20px 20px 0px 105px;
    border-left: dotted 1px #999999;
    margin-top: 20px;
}

#pageformule .sectionpage .listeoption .option_reduit {
    
    height: 200px;
    
}


#pageformule .sectionpage .listeoption li:first-of-type {
    border-left: none;
}

#pageformule .sectionpage .icon {
    display: block;
    position: absolute;
    width: 67px;
    height: 67px;
    left:20px;
    top:35px;
}

#pageformule .sectionpage .option_tarif {
    display: block;
    font-weight: bold;
    margin: 8px 0px 0px 0px;
    line-height: 20px;
}
#pageformule .sectionpage .option_nb {
    display: block;
    position: absolute;
    top:150;
    left: 20px;
    width:150px;
    font-style: italic;
    color: #999999;
}
#pageformule .sectionpage .listeoption .option {
    width: 290px;
    height: 250px;
    padding: 15px 20px 0px 230px;
}


#pageformule .sectionpage .listeoption .option .option_illus {
    position: absolute;
    left: 20px;
    top: 30px;
}
#pageformule .sectionpage .listeoption h3 {
    position: absolute;
    left: 20px;
    top: 0px;
    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;
}
#pageformule .sectionpage #options_incluses h3 {
    padding-left: 30px;
    padding-top: 3px;
    background: url('/images/formule/optionincluse-puce.png') no-repeat;
}

#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;
}
#pageformule #dispooption {
    /*margin-top: 10px;
    margin-left: 20px;
    font-size: 11px;
    font-style: italic;
    color: #999999;
	*/
	width: 100%;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	margin: 10px;
	color: #666666;
}

#pageformule .sectionpage img {
	float: left;
	margin: 10px;
} 
#pageformule .sectionpage .element div {  box-sizing: border-box; display: block; float: left; text-align: center; vertical-align: top; width: 20%;}
#pageformule .sectionpage .element div:first-child {width:100%; text-align: left;}
#pageformule .sectionpage .element div:last-child {width:75%; text-align: justify; padding: 5px;}

#pageformule .sectionpage .large div { width: 45%; }
#pageformule .sectionpage .large div:first-child {width: 100%;	}
#pageformule .sectionpage .large div:last-child {width: 50%; padding-left: 20px;}

#pageformule .sectionpage .small div { width: 25%; }
#pageformule .sectionpage .small div:first-child {width: 100%;}
#pageformule .sectionpage .small div:last-child {width: 74%;}


#pageformule .sectionpage .cols2 div { width: 45%; }
#pageformule .sectionpage .cols2 div:last-child{ width: 55%; padding-right: 15px;}

/* Ligne de tarifs */
#pageformule .option_tarif {display: block; width: 100%; font-weight: bold; line-height: 20px; margin-top: 5px; }

#pageformule .youtube { width: 30px; vertical-align: middle; line-height: 10px; margin-right: 5px; }
/* Option Commentaires */
#pageformule .sectionpage .commentaire { width: 100%; text-align: center; font-size: 1.3em; font-weight: bold; margin: 10px; color: #51A0B5;}
#pageformule .comment { width: 100%; font-size: .9em; font-style: italic; color: #999999; }

#pageformule .onglet {
	position: relative;
    float: none;
	display: inline-block;
	left: 0px;
    height: 36px;
    padding: 0px 8px 0px 28px;
    color: #575656;
    text-transform: uppercase;
    font-size: 15px;
}

#pageformule .onglet:hover {
    color: #cd398a;
}
#pageformule .ongletsel {
    z-index: 10;
    color: #cd398a;
}
#pageformule .onglet a {
    display: block;
    background: #E0E1E2;
    height: 26px;
    padding: 10px 0px 0px 0px;
}
#pageformule .ongletsel a {
    background: #CBCBCB;
}
#pageformule .onglet div {
    position: absolute;
    top: 0px;
    width: 28px;
    height: 36px;
}
#pageformule .onglet div:first-child {
    left: 0px;
    background: url('/images/formule/onglet_g.png');
}
#pageformule .onglet div:last-child {
    right: -20px;
    background: url('/images/formule/onglet_d.png');
}
#pageformule .ongletsel div:first-child {
    left: 0px;
    background: url('/images/formule/onglet_selg.png');
}
#pageformule .ongletsel div:last-child {
    right: -20px;
    background: url('/images/formule/onglet_seld.png');
}

#pageformule .popup {
    position: absolute;
    top: 200px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    background: #FFFFFF;
    background: rgba(255,255,255,.90);
    padding: 15px;
    border: solid 2px #cd398a;
    border-radius: 15px;
    box-shadow: 2px 2px 5px #ad196a;
    z-index: 500;
    display: none;
}
#popupclose {
    display: block;
    width: 20px; height: 20px;
    position: absolute;
    top: 15px;
    right: 20px;
    background: url('/images/fermer.png') #999999;
    

}

#pageformule .tripad {
	position:relative; color: #00af87; padding-left: 55px;
}

#pageformule .tableaucommande {
    margin-top: 20px;
    font-size : 12px;
    font-weight: bold;
}
#pageformule .tc_rub td {
    height: 25px;
    margin: 10px 0px 10px 0px;
    padding: 5px 0px 0px 35px;
    font-family: MyriadPro;
    font-size : 16px;
    text-transform: uppercase;
    color: #555555;
    background: url(/images/rubrique/carre-rose.png) no-repeat 15px center #e4e3e3; 
}

#pageformule #voitures ul {
    padding: 10px 0px 20px 0px;
    border: solid 1px #B9B8B8;
    background: #FFFFFF;
    font-size : 12px;
    color: #555555;

}
#pageformule #voitures li {
    position: relative;
    background: #FF0000;
    display: block;
    width: 570px;
    padding: 10px 20px 40px 510px;
    background: url('/images/formule/interligne.png') no-repeat center bottom;
}
#pageformule #voitures li:last-child {
    background: none;
    padding-bottom: 20px;
}
#pageformule #voitures li img {
    display: block;
    position :absolute;
    left: 50px;
    top: 10px;
}

#pageformule #voitures h3 {
    display: block;
    position :absolute;
    left: 260px;
    top: 10px;
    font-family: MyriadPro;
    font-size : 14px;
    text-transform: uppercase;
    color: #444444;
}
#pageformule .voitcaract {
    display: block;
    position :absolute;
    left: 280px;
    top: 30px;
    font-size : 12px;
    color: #999999;
}
#pageformule .voitlink {
    font-size : 11px;
    color: #999999;
    font-style: italic;
    text-decoration: underline;
}

/************************************** Circuit ****/
#pageformule #circuit .circuit {
    display: inline-block;
}
#pageformule #circuit .circuit h3 {
    color: #333233;
    font-family: MyriadPro;
    font-size: 1.3em;
    padding-left: 250px;
    padding-top: 10px;
    background: url('/images/formule/option-puce.png') no-repeat 234px 14px;
}
#pageformule #circuit .circuitgrand {
    margin: 0px;
    display: inline;
    width: 100%;
}
#pageformule #circuit .circuit_schema {
    float: left;
    display: block;
    width: 194px;
    padding: 10px;
}
#pageformule #circuit .caract {
    display: block;
    margin: 10px;
}
#pageformule #circuit .circuit p {
    text-align: justify;
    padding: 10px;
}

/* ----------- */

#pagecommande .soustitre {
    height: 25px;
    margin: 10px 0px 10px 0px;
    padding: 5px 0px 0px 35px;
    font-family: MyriadPro;
    font-size : 16px;
    text-transform: uppercase;
    color: #555555;
    background: url(/images/rubrique/carre-rose.png) no-repeat 15px center #e4e3e3; 
}

#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: Impact, 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 #bcoptions td {
  padding: 6px 0px 6px 0px;
}
#boncommande #bcoptions tr:first-child td {
  padding-top: 0px;
  padding-right: 15px;
  border-bottom: none;
}
#boncommande label {
  font-weight: bold;
}

#boncommande .modepaiement {
	position: relative;
  	display: flex;
   	align-items:center;
   	justify-content: center;
  	width: 100%;
  	height: 55px;
  	min-height: 35px;
  	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 img {
	margin-right: 15px;
}
#boncommande .modepaiement:hover {
	background: #eee;
}


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

/* element : doit etre la classe de chaque option */
#pageformule .element { 
	float: left;
/*	margin: 10px 10px 0 0; */
	padding: 10px 10px 10px 10px;
	border-right: dotted 1px #999999;
	font-size: 1.0em;
    color: #444444;
	box-sizing: border-box;
	height: 100%;
}
/* Définition des tailles de colonnes */
#pageformule .cols3 { width: 32%; }
#pageformule .cols2 { width: 49%; }
#pageformule .cols1 { width: 100%; }
#pageformule .large { width: 40%; }
#pageformule .small {width: 25%; }


#pageformule .cols2 {  width: 510px; margin:15px; box-sizing: border-box; }
#pageformule .cols3 {  width: 325px; margin:15px; box-sizing: border-box; }

#pageformule .noborder { border-right: 0px; border-left:0px; }

#pageformule h3 {
    color: #333233;
    font-family: MyriadPro;
    font-size: 1.3em;
    padding-left: 15px;
    padding-top: 0px;
    background: url('/images/formule/option-puce.png') no-repeat 0px 4px;
}

/* 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;
}

#pageformule #deroulement .imagedroite {
	width: 30%;
	float: right;
	margin-right: 30px;
	margin-left: 20px;
}


#pageformule .pucebleue {
	margin: 0 0px 0px 20px;
	padding: 0 40px 0 0px;
	list-style: disc;
	color: #51A0B5;
	font-size: 1.2em;
	line-height: 16px;
}
#pageformule .pucebleue p {
	color: #333333;
	font-size: 0.8em;
}


/*------------------------------ Planning -------------------------------------*/

#pageformule #planning h3 {
	text-align: left;
    color: #333233;
    font-family: MyriadPro;
    font-size: 1.4em;
    padding-left: 15px;
    padding-top: 0px;
    background: url('/images/formule/option-puce.png') no-repeat 0px 4px;
	margin: 10px;
}

#formule_planning .blocdate {
	display: block;
	width:11%;
	float: left;
	padding: 5px; 
	text-align: center;
	margin: 2px;
/*	border: 1px dotted #999; */
	margin-bottom: 10px;
	min-height:75px;
	max-height:75px;
}
#formule_planning .blocdate div{
	display: block;
	width: 95%;
	background: #ddd;
	vertical-align: middle;
	padding: 2px;
	margin: 1px;
}

#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: 80%;
	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: 95%;
}

#formule_planning .blocdate .datedef {
	margin-top: 2px;
	display:inline-block;
	font-size: 1.2em;
	font-weight: bold;
	background: #666;
	color: #ffffff;
	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: 95%;
}

#pageformule #planning .voirdautres {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	
	width: 450px;
	height: 30px;
	line-height: 30px;

	vertical-align: middle;
	text-align: center;

	border-radius: 0px 0px 10px 10px;
	font-family: MyriadPro;
	font-size : 1.3em;
	text-transform: uppercase;
	color :#FFFFFF;

	background: url(/images/rubrique/fleche-autres-stages.png) no-repeat 15px center #cd398a; /*#497288;*/
	cursor: pointer;
	
}
#pageformule #planning .voirdautres a {
	color: #ffffff;
}

/*------------------------------ Planning -------------------------------------*/
#planningg {
    position: relative;
    font-weight: bold;
    text-align: left;
	clear: both;
}

#planningg .mois {
	box-sizing: border-box;
    display: block;
    float: left;
    width: 125px; /* 99 */
    margin: 4px;
    min-height: 100px;
    background: #cd398a; /* 666666 */
	color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}


#planningg .mois div {
	box-sizing: border-box;
    display: block;
    width: 125px; /* 89 */
    position: relative;
    height: 12px;
    padding: 0px 5px 0px 3px;    /* 0px 5px 0px 5px; */
    margin: 1px 0px 0px 0px;
    background: #FFFFFF; /* 333333 */
    font-size: 10px;
    text-align: left;
    color: #666666;
}

#planningg .mois .we {
    background: #CCCCCC; /* 663333 */
    color: #666666; 
}

#planningg .jour_n {
    position: absolute;
    left: 13px; /* 18 */
}

#listecircuit{
    display: block;
    padding-top: 15px;
}

#planningg .circuit:hover div{
    display: block;
    color: #FFFFFF;
}

#planningg .circuit .titre {
    display: block;
    float: left;
    padding: 4px;
    margin: 5px;
    border-radius: 5px;
    font-size: 11px;
    background: inherit;
    cursor: pointer;
    color: #333333;
    width: 232px;
    text-align: center;
     text-decoration: none;
     color: #fff;
    text-shadow: 1px 1px #000;
    font-weight: bold;
}
#planningg .circuit:hover .titre{
    color: #fff;
    text-shadow: none;
    background: #000;
}

#planningg .stage {
    display: block;
    position: absolute;
    height:12px;
    width: 23px; /* 28 */
    line-height: 12px;
    font-size: 11px;
    text-align: center;
    border-radius: 5px;
    background: inherit;
    color: #fff;
    text-shadow: 1px 1px #000;
    cursor: pointer;
    font-weight: bold;
}
#planningg .circuit:hover .stage {
    box-shadow: 1px 1px 3px #000000;
    background: #000;
}

#planningg .stage div {
    display: none;
    width: 110px;
    position: relative;
    top: 10px;
    left: -42px;
    padding: 3px;
    border-radius: 5px;
    background: #000000;
    background: rgba(200,0,0,0.55);
    z-index: 1000;
}
	
#planningg .onglet {
		position: relative;
    float: none;
	display: inline-block;
	left: 0px;
    height: 36px;
    padding: 0px 8px 0px 28px;
    color: #575656;
    text-transform: uppercase;
    font-size: 15px;
}
#planningg .onglet:hover {
    color: #cd398a;
}
#planningg .ongletsel {
    z-index: 10;
    color: #cd398a;
}
#planningg .onglet a {
    display: block;
    background: #E0E1E2;
    height: 26px;
    padding: 10px 0px 0px 0px;
}
#planningg .ongletsel a {
    background: #CBCBCB;
}
#planningg .onglet div {
    position: absolute;
    top: 0px;
    width: 28px;
    height: 36px;
}
#planningg .onglet div:first-child {
    left: 0px;
    background: url('/images/formule/onglet_g.png');
}
#planningg .onglet div:last-child {
    right: -20px;
    background: url('/images/formule/onglet_d.png');
}
#planningg .ongletsel div:first-child {
    left: 0px;
    background: url('/images/formule/onglet_selg.png');
}
#planningg .ongletsel div:last-child {
    right: -20px;
    background: url('/images/formule/onglet_seld.png');
}

#planningg .linkpdf {
	display: block;
	font-family: MyriadPro;
    font-weight: normal;
	margin: 10px;
}
#planningg .linkpdf img {
	position: relative;
	top: 3px;
	margin-right: 5px;
}
#planningg .sectionpage {
    clear: both;
    padding-top: 20px;
    width: 1100px;
}
#planningg .sectionpage .menu {
    display: block;
    height: 35px;
    font-family: MyriadPro;
    font-weight: normal;
    font-size : 12px;
    border-bottom: solid 4px #B9B8B8;
    width: auto;
}
#planningg .sectionpage .contenu {
    padding: 0px;
    border: solid 1px #B9B8B8;
    background: #FFFFFF;
}

/* ############# BON COMMANDE ################## */
#boncommande {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
    font-size: 12px;
}
#boncommande .colgauche {
	width: 720px;
	padding: 10px;
    float: left;
}
#boncommande .panier {
	display: block;
	margin: 0px 0px 8px 5px;
	font-size: 1.4em;
	color: #666666;
}
#boncommande .colgauche .formule {
	background: #FFFFFF;
	border: dotted 2px #CCCCCC;
	padding: 8px;
	box-sizing: border-box;
	width: 100%;
	order: 1;
}
#boncommande .titrestage {
    position: relative;
    font-family: MyriadPro;
    font-weight: normal;
    font-size : 18px;
    line-height: 12px;
    text-transform: uppercase;
	margin-bottom: 5px;
}
#boncommande .titrestage .nbtours{
    font-size : 31px;
}
#boncommande .titrestage .voiture{
    color: #cd398a;
}
#boncommande .colgauche .circuit {
	font-size: 1.2em;
	display: block;
	margin-bottom:5px;
}
#boncommande .colgauche .beneficiaire {
	font-size: 1.2em;
	display: block;
	margin-bottom:5px;
	font-weight: bolder;
}
#boncommande .colgauche .promo {
	color: #2898c0;
	font-size: 1em;
	margin-bottom:3px;
}
#boncommande .colgauche .promotitre {
	font-size: 1.2em;
	font-weight: bold;
}


#boncommande .coldroite {
	margin-right: 10px;
	width: 300px;
	float: right;
	background: #dddddd;
	border-radius: 10px;
	padding: 10px 10px 20px 10px;
	color: #666666;
	order: 2;
}
#boncommande .coldroite .total{
	font-weight: bold;
}
#boncommande .coldroite .reglement{
	line-height: 20px;
	padding: 10px 10px 20px 10px;
}

#boncommande .coldroite input[type=radio] {
	position: relative;
	top: 3px;
	margin-right: 5px;
}
#boncommande .coldroite .prix {
	font-weight: bold;
	background: #cccccc;
	width: 100%;
	left: 0px;
	line-height: 50px;
	font-size: 3em;
	color: #e735a2;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 20px;
}
#boncommande .colgauche #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 .colgauche #bouton:hover {
	background:url('/images/formule/panier-blanc.png') no-repeat 8px 8px #48b8e0;
}
#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: auto;
	margin-top: 15px;
	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-family: MyriadPro;
    font-size : 1.3em;
    text-transform: uppercase;
    color: #555555;
    background: #e4e3e3;
	margin: 30px 0px 0px 0px;
	padding-left: 50px;
	padding-top: 2px;
}
#boncommande .rubriquetitre .num {
	display: block;
	position :absolute;
	left: 10px;
	top: -4px;
	width: 30px;
	height: 25px;
	background: #e735a2;
	border-radius: 25px;
	padding: 3px 0px 3px 0px;	
	font-size: 1.4em;
	font-weight: bold;
	color:#fff; 
	text-align:center;
}
#boncommande .rubrique {
    background: #ffffff;
	padding: 15px 10px 10px 45px;
}
#boncommande .coldroite .comm_det {font-family: Arial; font-size: 12px; text-align: center; text-decoration: none; color: #333333; font-weight: normal;}
#boncommande .colgauche .comm_det {font-family: Arial; font-size: 10px; text-decoration: none; color: #333333; font-weight: normal;}
#boncommande .colgauche .comm_det2 {font-family: Arial; font-size: 10px; text-decoration: none; color: #51A0B5; font-weight: normal; margin-top: 6px;}
#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;
}


#confirmationcommande {
	background: #FFFFFF;
	box-sizing: border-box;
	width: 720px; /* 98%; */
	margin: auto;
	padding: 20px;
	min-height: 300px;
}
#confirmationcommande .titre {
	color: #cd398a;
	font-size: 1.2em;
	font-weight: bold;
}
#confirmationcommande .logopaiement {
    float: right;
    text-align: center;
}
#confirmationcommande #PaymentRequest {
    float: left;
}
#boncommande .errormsg {
  display: block;
  margin-top: 20px;
  text-align: center;
  color: red;
  font-weight: bold;
}
#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:900;
    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 .cont img {
    display: block;
    margin: auto;
}
#boncommande .detailoption .titre {
    color: #cd398a;
    font-family: MyriadPro;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    margin: 10px 0px 5px 0px;
}
#boncommande .detailoption .prix {
    display: block;
    margin: 10px 0px 0px 0px;
    font-size: 12px;
    color: #cd398a;
}
#boncommande .detailoption .prix span {
  font-size: 14px;
  padding-left: 6px;
  font-weight: bold;
  
}
#boncommande .detailoption .ok {
  text-align: center;
  margin: auto;
  padding: 2px 10px;
  border: solid 1px #51A0B5;
  border-radius: 7px;
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

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

/* Correctif pour BDC */
#checkcgv #cgv {
	margin: 0px 10px 0px 0px;
	
}
/* ############### Contact ################## */
#contact {
	padding: 15px;
	font-size: 1.2em;
	color: #333333;
	font-family: MyriadPro;
}
#contact .general {
	background: #FFFFFF;
	padding: 20px;
	margin: 20px;
	font-family: MyriadPro;
    font-weight: normal;
    text-align: left;
}
#contact input[type=submit] {
    display: block;
	margin: auto;
	height: 35px;
	cursor: pointer;
    padding: 0px 10px 0px 10px;
    font-family: MyriadPro;
    color: #FFFFFF;
    line-height: 26px;
    background: #cd398a;
	outline:none;
	border:0 none;
	border-radius: 10px 10px;

}
#contact input[type=submit]:hover {
	background:  #48b8e0;
}
#contactok {
	background: #FFFFFF;
	padding: 20px;
	margin: 20px;
	font-family: MyriadPro;
    font-weight: normal;
    text-align: center;
	font-size: 1.2em;
}


#page404 {
    background: #fff;
    padding: 20px;
    margin: 20px;
    font-family: MyriadPro;
    font-weight: normal;
    text-align: center;
    font-size: 1.2em;
}



/* ############# ESPACE CLIENT ################# */
.espaceclient .sectionpage {
	display: block;
    background: #ffffff;
	padding: 10px 10px 10px 10px;
	width: 640px;
	margin: 20px;
	clear: none;
}
.espaceclient .ssfond{
    background: none;
	margin-top: 0px;
}
.espaceclient  #resume {
	width: 350px;
	float: right;
	background: #dddddd;
	border-radius: 10px;
	padding: 10px 10px 20px 10px;
	color: #666666;
}
.espaceclient .ec_video {
    position: relative;
    display: block;
   width: 640px;
   height: 360px;
}
.ec_video iframe, .ec_video object, .ec_video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.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;
	width: 1050px;
	margin: 20px;
	clear: none;
}

.espacevideo .ec_videofull {
    position: relative;
    display: block;
    margin: auto;
   width: 960px;
   height: 540px;
}
.ec_videofull iframe, .ec_videofull object, .ec_videofull embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*----------- ESPACE CLIENT CHOIX DATE ------------------------*/
.espaceclient .bouton {
    display: inline-block;
	white-space: normal;
	cursor: pointer;
    padding: 5px 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;
	min-width: 180px;
	
	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: -4px;
	width: 30px;
	height: 25px;
	background: #e735a2;
	border-radius: 25px;
	padding: 3px 0px 3px 0px;	
	font-size: 1.4em;
	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: 3px;
    margin: 5px 5px 2px 0px;
}

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

.espaceclient  #choixdate {
	
}
#choixdate input {
    position: relative;
    top: 3px;
    margin-right: 5px;
}
#choixdate .titre {
    display: block;
    margin: 0px 0px 5px 0px;
    position: relative;
    left: 0px;
    font-weight: bold;
}
#choixdate .stage_1 {
    display: block;
    margin: 8px;
    padding: 3px 6px 6px 25px;
    color: #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;
}
.qs_hp {
	position: relative;
    font-family: MyriadPro;
    font-size : 1.2em;
    color: #555555;
	margin: 10px 0px 30px 0px;
}
.qs_blocreponse {
    text-align: center;
    margin: 5px 0px 25px 0px;
}
.qs_reponse {
    display: inline-block;
    width: 100px;
    height: 60px;
    text-align:center;
    cursor: pointer;
    margin: 0px 15px 0px 0px;
    color: #555555;
}
.qs_reponse div {
    display: block;
    width: 40px;
    height: 40px;
    margin: auto;
    margin-bottom: 5px;
    border: none;
    background: url('/images/qs_smiley.png') 0px 0px no-repeat;
}		
.qs_reponse .r1 { background-position : 0px 0px; }
.qs_reponse .r2 { background-position: -40px 0px; }
.qs_reponse .r3 { background-position: -80px 0px; }
.qs_reponse .r4 { background-position: -120px 0px; }
.qs_reponse .r5 { background-position: -160px 0px; }
.qs_reponse .r0 { background-position: -200px 0px; }

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

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

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

/* ################## ENTREPRISE ################ */
#evenement li {
	margin: 0 0px 0px 20px;
	padding: 0 40px 0 0px;
	list-style: disc;
	line-height: 16px;
}
#evenement input[type=submit] {
    display: inline-block;
	height: 25px;
	cursor: pointer;
    padding: 0px 10px 0px 10px;
    font-family: MyriadPro;
    font-weight: normal;
    font-size: 1.1em;
    text-align: center;
	color: #FFFFFF;
    line-height: 26px;
    background: #cd398a;
	outline:none;
	border:0 none;
	border-radius: 10px 10px;	
	margin: 10px 0px 10px 0px;
}
#evenement input[type=submit]:hover {
	background: #48b8e0;
}

/* ##################" BLOG ################# */
.blog-article {
	display: block;
	width: 690px;
	padding:  40px 0px 40px 380px;
	background: #F6F6F6;
	font-size: 14px;
	text-align: justify;
	font-family: MyriadPro;
}
.blog-article .date {
	color: #999;
	font-size: 11px;
	margin: 10px 0px 0px 0px;
}
.blog-article h1 {
	margin: 5px 0px 20px 0px;
    color: #cd398a;
	font-family: MyriadPro;
	font-size: 28px;
}
.blog-article h2 {
	margin: 20px 0px 10px 0px;
    color: #51A0B5;
	font-size: 20px;
}
.blog .titreplus {
    display: block;
	margin: 20px 0px 2px 0px;
    color: #cd398a;
	font-family: MyriadPro;
	font-size: 14px;
}

.blog  .titre {
    width: 100%;
    text-align :center;
    font-family: MyriadPro;
    font-size : 24px;
    color: #555555;
   /* border-bottom: dotted 2px #555555;*/
    text-transform: uppercase;
	margin-top: 30px
}


/* NEW 2022 pour Gd Ecran */


.rubrique .circuit .titre { width: auto; }
#pageformule .tarif .economie { padding: 5px 7px 5px 7px; border-radius: 8px;}

#liste_onglets .promo { font-size: 12px; }
#liste_onglets h3 { font-size: 11px; }
#liste_onglets h2 { font-size: 11px; }
#liste_onglets h2 span { font-size: 14px; }
#liste_onglets .apartir { font-size: 10px; }
#liste_onglets .prix { font-size: 34px; }

#homegen { flex-direction: row; }
#homegen .intro { width: 200px; }





/*
#homegen {
	display: flex;
	flex-direction: column-reverse;
}
#homegen .intro {
	width: 1000px;
}

@media only screen and (min-width: 1350px) {
	body { font-size: 14px; }
	.inside { width: 1330px; max-width:1330px; }
	#general{ width:1330px; }
	.sectionpage { width: 1330px; }
	#header { min-width: 1330px; }
	#header #barrehaut { width:1330px; max-width:1330px; }
	#header #bandeau { min-width: 1330px; }
	#header .bandeau_contenu { width:1330px; }
	#header .bandeau_contenu .fond { width:1330px; }
	#header #bandeau_slider { width: 1330px; }
	.slides { width: 1330px; }
	.slides div { width: 1330px; }
	#header #barremenu { min-width: 1330px; }
	#header #menucontenu { max-width: 1330px; }
	#header .topmenu .blssmenu { max-width: 1330px; }

	#infos { width:1300px; }
	.blocavis { width: 1080px; -webkit-columns: 4; -moz-columns: 4; columns: 4; }
	#homegen { flex-direction: row; }
	#homegen .intro { width: 200px; font-size: 12px;}
	#infostitre { max-width: 1330px; }
	
	.rubrique .formule .nbtours { left: 520px; }
	.rubrique .formule .voir { right: 25px; left: auto; }
	.rubrique .formule .promoimg { left: 780px; }
	.rubrique .pictoaac { left: 420px; }
	
	.chapeau { font-size: inherit; }
	
	#pageformule .sectionpage { width: 1330px; }
	#pageformule .sectionpage .interligne { width:1330px; }
	#planningg .sectionpage { width: 1330px; }

#pageformule #slidephoto { margin-left: 30px;  margin-right: 30px; }
#pageformule .titrestage { margin-left: 450px; font-size: 22px; }
#pageformule .chapeaucircuit { font-size: 16px; margin-left: 482px;}
#pageformule .chapeaucircuit .plan { right: 100px; }
#pageformule .deroule { font-size: 13px;  margin-left: 482px; width:525px;}

#pageformule .encart { width: 240px; margin-right: 10px; }
#pageformule .encart .tarif { width: 220px; }
.encartcommander { width: 240px; }
#pageformule .encart .tarif .prix { margin-top: 8px; font-size: 36px;  }


#pageformule .tarif .economie { padding: 5px 10px 5px 10px; }






}
*/


/* 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: 20px;
	padding: 20px 20px 0px 20px;
	font-size: 10px;
	color: #737373;
	font-family: MyriadPro;
	font-weight: normal;
	clear: both;
	
}
#pageformule .listeformulealt .case {
	position: relative;
	flex-grow: 1;
	flex-basis: 0;
	display: inline-block;
	box-sizing: border-box;
	background: #eee;
	border-radius: 12px;
	border: solid 1px #aaa;
	padding: 8px;
	max-width: 200px;
	
}
#pageformule .listeformulealt .actif {
	background: #fff;
	border: solid 3px #48b8e0;
}
#pageformule .listeformulealt .apartir {
	text-align: right;
}

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

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

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


/* FIN CARROUSEL FORMULE NBT */

#header .topmenu .blssmenu {
    border: 2px solid #cd398a;
}

#header #ssmenustage {
    width: 1100px;
    max-width: 1100px;
    left: 0px;
}
#header #ssmenucircuit {
    width: 1100px;
    max-width: 1100px;
}
#header #ssmenuvoiture {
    width: 1100px;
    max-width: 1100px;
}
.ssmenu {
	border-bottom: dotted 1px #666666;
}

#header .itemmenu {
    font-size: 1em;
}
#ssmenustage .ssmenu ul {
    padding-top: 10px;
}

#ssmenustage .ssmenu ul li {
    line-height: 1.4em;
}

   
#ssmenustage .separation {
	display: none;
}
#ssmenustage .ssmenu {
	font-size: 12px;
}

#ssmenustage .ssmenu span {
    font-size: 14px;
    top: 0px;
}
#ssmenucircuit .separation {
	display: none;
}
#ssmenucircuit .ssmenu {
	font-size: 12px;
}

#ssmenucircuit .ssmenu span {
    font-size: 14px;
    top: 0px;
}
#ssmenuvoiture .separation {
	display: none;
}
#ssmenuvoiture .ssmenu {
	font-size: 12px;
}

#ssmenuvoiture .ssmenu span {
    font-size: 14px;
    top: 0px;
}
body {
    background:url('/images/promos/484/bg-1.jpg') no-repeat center 490px #FFFFFF;
    background-image: image-set('/images/promos/484/bg-1.webp' type('image/webp'),'/images/promos/484/bg-1.jpg' type('image/jpeg'));
}
.sansbandeau {
    background:url('/images/promos/484/bg-1.jpg') no-repeat center 164px #FFFFFF;
    background-image: image-set('/images/promos/484/bg-1.webp' type('image/webp'),'/images/promos/484/bg-1.jpg' type('image/jpeg'));
}
 
#header{
    background:url('/images/promos/484/header-1.jpg') no-repeat top center #1a1a1a;
    background-image: image-set('/images/promos/484/header-1.webp' type('image/webp'),'/images/promos/484/header-1.jpg' type('image/jpeg'));
}
 
/*#header #bandeau {
    background: url('/images/promos/484/overslide-18.png') no-repeat top center #1A1A1A;
}*/
 
#header #logo {
    padding-left: 260px;
}

#liste_onglets .rubrique {
   /*  height: 310px; */
    min-height: 234px;/*234*/ 
	max-height: 234px;/*234*/
}

        		#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;
				}
			 	

body {
	background-color: #000;
	background-repeat: repeat;
	background-position: center 280px;
}
.sansbandeau {
	background-position: center 100px;
	background-color: #000;
	background-repeat: repeat;
}


/* 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: #d2914d; }

/* PAGE FORMULE */
#pageformule .promossphoto img { margin-right: 0px; }

#pageformule .tarif .economie {
	width: 95px;
	min-height: 45px;
	padding: 5px 5px 4px 00px;
	color: #444;
}
#pageformule .encart .economie #percent {
	left: 0px;
	top: -2px;
	font-size: 28px;
	text-shadow: #ccc 2px 2px 3px;
}