/**** COULEURS ****/
/* gris clair : #dcd0b6 */
/* gris JT    : # */
/* gris fonce : #5d594d */
/* gris noir  : #33312a */
/* bleu JT    : #06b    */
/* vert       : #8c0    */


/*** HTML ***/
a {color:#5d594d; text-decoration:none;}
	a:hover {color:#dcd0b6;}
	a:active {color:#aca38e;}
blockquote {max-width:500px; padding:1em; font-style:italic; font-size:120%; line-height:1.2em;}
	blockquote::before {content:"\00AB\00a0"; font-size:200%; font-weight:bold; line-height:0;}
	blockquote::after {content:"\00a0\00BB";font-size:200%; font-weight:bold; line-height:0;}
body {margin:0 1em; padding:0; font-family:"Source Sans Pro", sans-serif; font-size:100%; color:#33312a;}
div {position:relative; float:left;}
h1, h2 {font-family:Lora, serif;}
h1 {font-size:2.5em;}
sup {font-size:80%;}
table {border-collapse:collapse; border-spacing:0;}

/*** STRUCTURE GENERALE ***/
.container {float:none; width:96%; max-width:1400px; min-height:400px; margin:1em auto; padding:1em 2%;}
			
.VOY-chapo, .VOY-expe, .STD-chapo {width:51%; max-width:600px;}
.VOY-chapo {margin-top:-3em;}
.VOY-prog, .suggest {width:60%;}
.VOY-aside {float:right; width:30%;}

.menuBox {float:left; width:22%; padding:0;}

.searchResult, .searchTravel, .calendarVoyage, .suggestVoyage {width:47%; margin:.5em 1%;}
	
.homeLeft {width:25%; margin:2em 0;}
.homeNews {width:42%; margin:2em 4%;}
.homeNL, .homeFB {width:25%; margin-top:2em;}	

#fb-root {display:none;}
.STD-block {box-sizing:border-box;}
	.STD-block div {float:none;}

/*** MISE EN FORME ***
**********************/

.clear {float:none;clear:both;} 
.rounded5Top {-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.rounded5 {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	-moz-box-shadow:3px 3px 8px -4px #000; -webkit-box-shadow:3px 3px 8px -4px #000; box-shadow:3px 3px 8px -4px #000;}
.pButton {width:100%; background-color:#dcd0b6; text-transform:uppercase; text-align:center;}
	.pButton a {display:block; padding:.3em .6em; color:#5d594d;}
	.pButton a:hover {background-color:#8c0; color:#fff;}
.center {vertical-align:middle; text-align:center; display:block;}
option.expired {color:#fff;background-color:#ccc}
*::selection {background:#5d594d;color:#fff;}
*::-moz-selection {background:#5d594d;color:#fff;}
*::-webkit-selection {background:#5d594d;color:#fff;}

.mainTitle {margin-top:0; font-size:2em; font-weight:bold;}
.tdLabel {color:#aca38e;}
	
/*** Contenant ***/
.container {overflow:hidden; background-color:#f9f8f5; -moz-border-radius: 8px; border-radius: 8px; 
			-moz-box-shadow: 0px 0px 10px 0px #888; -webkit-box-shadow: 0px 0px 10px 0px #888; box-shadow: 0px 0px 10px 0px #888;}
.main, .content {width:100%;}

/*** Header ***/
.header {width:100%;}
	.headerTop {display:flex; justify-content:space-between; width:100%;}
		.headerTop div {float:none;}
		.headerLogo {}
			.headerLogo img {width:100%; max-width:130px !important; min-width:80px;}
		.headerContent {margin-left:1%; text-align:right; font-size:80%;}
			.headerRow1, .headerRow2 {display:flex; justify-content:flex-end;}
			.headerRow1 {border-bottom:1px #dcd0b6 solid;}
			.headerRow2 {align-items:flex-end; margin-top:.5em;}
				.headerContact {margin-right:2em; color:#666; font-style:italic; text-align:center;}
					.headerContact-button {display:block; padding:.3em .5em; background-color:#8c0; border-radius:.4em; color:#fff; font-style:normal; font-weight:bold; text-transform:uppercase;}
					.headerContact-button:hover {background-color:#ae3; color:#fff;}
				.headerContact p {margin:.3em 0 0 0;}
					.tel {padding-left:.4em; font-size:1em; color:#333; font-style:normal; font-weight:bold;}
				.headerFRAM img {width:49px;}

	.nav {width:100%; margin-top:.6em;}
		.nav > input, .nav > label {display:none;}
		.nav ul {list-style:none; margin:0; padding:0;}
		.nav li {float:left; text-transform:uppercase;}
		.nav1 {width:100%; background:#000; color:#fff; font-size:1em; font-weight:bold;}
			.nav1 ul {padding:.4em .5em 0 .5em;}
			.nav1 a {display:block; float: left; padding:.5em .9em; color:#fff;}
			.nav1 a:hover {text-decoration:none;}
			.nav1 li {}
			.nav1 li.LinkSelected {background-color:#aca38e; 
					-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px;}
			.nav1 li.LinkStandard:hover {background-color:#5d594d;
					-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px;}
		.nav1Extra {float:right; margin-right:.6em; font-size:80%; text-align:center;}
			.nav1 .nav1Extra a {padding:0;}
				.nav1 .nav1Extra a:hover {color:#aca38e;}
			.extraLabel {color:#aca38e; font-weight:normal; font-size:90%; text-transform:lowercase; line-height:1em;}
		.nav2 {width:100%; min-height:1em; background:#aca38e; color:#33312a; font-size:.9em;}
			.nav2 li {padding:.5em .9em;}
			.nav2 a {color:#33312a;}
			.nav2 .LinkSelected a {color:#fff;}
			.nav2 a:hover {color:#fff; text-decoration:none;}
			.nav2 #search {float:none; max-width:1000px; margin:0 auto; background-color:transparent; color:#fff;}
		
/*** Page standard ***/
.pageTitle {float:none; padding: 1em 2% .4em 2%; background:#dcd0b6; text-transform:uppercase; text-align:center; box-sizing:border-box;}
	.pageTitle h1 {margin:0; color:#5d594d; font-weight:normal;}
	.pageTitle h2 {margin:0; color:#fff; font-weight:normal;}

.breadcrumb {float:none; padding:.2em 2%; background-color:#000; font-size:.6em; color:#fff; text-transform:uppercase; box-sizing:border-box;}
	.breadcrumb a {color:#fff;}
	.breadcrumb a:hover {text-decoration:underline;}

.staticPage	{width:100%;}

.article {float:right; width:70%;}	
	.article h2 {margin:2em 0 .8em 0;}
	.article p, .article li {margin:0 0 .3em 0; text-align:justify;}
	.article ul {list-style-type:square;}
		.article  li ol {margin:0; padding:.3em 0 0 2em;}
		.article li li {color:#666;}
	
.menuBox {margin:2em 2em 2em 0; padding:.25em .5em; border:1px #e5e4e0 solid; list-style-type:none; background-color:#fff; box-sizing:border-box;}	
	.menuBox li {padding:.25em;}
	.menuBox a {color:#8c0;}
		.menuBox a:hover {color:#ae3;}

.subtitle {text-align:center;}	
.chapo, .STD-chapo {max-width:800px; margin:2em 0 1em 2em; font-family:Lora, serif; font-size:140%; font-style:italic; font-weight:bold;}	

.STD img {max-width:100%;}
.STD h2 {text-transform:uppercase;}
.STD h3 {margin-bottom:.5em; text-transform:uppercase; clear:both;}
.STD p {margin-top:0;}

.STD-banner {width:100%; margin-bottom:1em;}
	.STD-banner img {width:100%;}	
	.STD-banner .STD-chapo {margin:-2em 0 1em 5%; padding:1em 1em 0 1em; background-color:#f9f8f5; }

.STD-flex {display:flex; justify-content:space-between; align-items:flex-start;}
	.STD-smallBlock {width:50%; box-sizing:border-box; margin:1em 0}
	.STD-smallBlock:nth-child(odd) {padding-right:2em;}
	.STD-smallBlock:nth-child(even) {padding-left:2em;}
	.STD-smallBlock h2 {margin-top:0;}
	p.STD-chapo {margin-top:0; padding-top:0;}

.STD-vignette {float:left; margin:0 2em 1em 0;}
.linkFollow {font-family:Lora, serif; font-style:italic; text-align:right;}
	.linkFollow::after {content:"\203A"; margin-left:.3em; font-weight:bold;}
.linkBack {font-family:Lora, serif; font-style:italic; text-align:left;}
	.linkBack::before {content:"\2039"; margin-right:.3em; font-weight:bold;}

.STD-strip {width:100%; box-sizing:border-box; margin:.5em 0; padding:1em; background-color:#efeeeb;}
	.STD-strip-intro {background-color:transparent;}
	.STD-strip .STD-chapo {width:auto; background-color:transparent;}
	.STD-strip h3 {clear:none;}
	.STD-block {margin-left:2em;}
	.STD-block:first-child {margin-left:0;}


/*** Pages services ***/

.SRV-liste-engagements {max-width:800px; margin:auto; padding:.2em 1em .2em 2em; font-size:120%; background-color:#06b; color:#fff;}
	.SRV-liste-engagements a {color:#fff;}
	.SRV-liste-engagements a:hover {text-decoration:underline;}
	.SRV-liste-engagements li {padding:.5em 0;}
.SRV-devise {margin-top:2em!important; text-align:center;}

#SRV-intro {}
	#SRV-brochures {width:60%; padding:.5em; background-color:#fff; }
	#SRV-types {width:40%; margin-left:2em; padding:1em; background-color:#aca38e; color:#fff;}
		#SRV-types h3 {color:#33312a;}
		#SRV-types .linkFollow a {color:#000;}

#SRV-decouvertes a {font-weight:bold;}
#SRV-LC {width:350px; margin-left:2em; padding:1em; background-color:#85a314; color:#fff; box-sizing:border-box;}
   #SRV-LC img {display:block; width:100%; max-width:300px; margin:1em auto; -ms-transform:rotate(-3deg); -webkit-transform: rotate(-3deg); transform:rotate(-3deg); }
#SRV-renouvele {max-width:600px; margin:2em 0 0 2em;}
	#SRV-renouvele .STD-vignette {margin:0 1em 0 -2em; max-width:48px;}

#SRV-confort {justify-content:space-between;}
	#SRV-confort .STD-block {width:31%;}
#SRV-securite {}

#SRV-row2 {margin-top:2em;}
	#SRV-environnement {max-width:450px; background-color:#85a314; color:#fff;}
		#SRV-environnement .STD-vignette {padding:.2em; background-color:#efeeeb;}
	#SRV-equipe img {width:100%; margin-bottom:1em;}
	#SRV-equipe h2 {margin-top:0;}

#SRV-row3 {margin-top:2em; flex-wrap:wrap; justify-content:space-between; align-items:stretch; }
	#SRV-row3 .STD-block {width:30%; padding:1em; margin-bottom:1em; background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
		-moz-box-shadow:.3em .3em .8em -.4em #000; -webkit-box-shadow:3em .3m .8em -.4em #000; box-shadow:.3em .3em .8em -.4em #000; box-sizing:border-box;}
	#SRV-row3 .STD-chapo {width:100%; background-color:#fff; font-size:120%; margin:0 0 1em 0; padding:0;  box-sizing:border-box;}
	#SRV-hebergement img {display:block; margin:2em auto 1em auto;}

#SRV-proche .STD-smallBlock:nth-child(odd) {border-right:1px #33312a solid;}
#SRV-proche-row1 {justify-content:space-between;}
	#SRV-proche-intro {width:35%; margin-bottom:2em; padding:1em; background-color:#dcd0b6;}
		#SRV-proche-intro a:hover {color:#fff;}
		#SRV-proche-intro img {width:100%; margin:1em 0;}
		#SRV-proche-intro p {margin-bottom:0;}
	#SRV-proche-agences {width:60%; margin-bottom:2em; padding:1em; color:#fff; background-color:#06b;}
		#SRV-proche-agences a {color:#fff;}
		#SRV-proche-agences .STD-vignette {width:60%;}

.SRV-environnement {display:flex; justify-content:center; background-color:#85a314;}
.SRV-privilege .STD-vignette {margin-left:-1em;}
.SRV-privilege-image {float:right; margin-left:1em;}

.STD-newParking {margin:0; padding:1em; color:#fff; background-color:#06b; text-align:center;}

.STD-catalogue {width:100%;}
	.STD-browseCatalogue {width:100%; height:800px;}

.SRV-parking-attributes {max-width:300px; padding:.5em; background-color:#06b; color:#fff; clear:both;}

#SRV-quality-labels .STD-block {width:48%;}
	#SRV-quality-labels .STD-vignette {max-width:100px!important;}

.SRV-coachMaps {background-color:#aca38e;}

/* ramassage */

.pointsRegion, .pointsReims {width:100%;}
.pointsRegion img, .pointsReims img {display:block; width:100%; max-width:900px; margin:auto;}
.pointsRegion h3, .pointsReims h3 {padding-bottom:.3em; border-bottom:1px #33312a solid;}
.pointsRegion  ul, .pointsReims ol {column-count:3; -webkit-column-count:3; -moz-column-count:3;}
.pointsRegion  ul, .pointsReims ol, .pointsRegion  ul ol {padding-left:0;}
.pointsRegion li, .pointsReims li {margin-left:2em;}
.pointsRegion  ul ol {font-size:.8em;}

.SRV-ramassage {display:flex;}
	.SRV-ramassage div {float:none;}
	.SRV-ramassage-liste {margin:1em .5em 0 0;}
		.SRV-ramassage-points {column-count:2; -webkit-column-count:2; -moz-column-count:2;}
		.SRV-ramassage-points-selection {font-weight:bold;}
	.SRV-ramassage-cartes {}
		.SRV-ramassage-carte {display:block; min-width:600px; margin:1em auto;}
	.SRV-ramassage-symbole {float:left; max-width:100px!important; margin-right:1em;}

.strip-parkings-jacqueson .STD-vignette {float:right; margin-left:1em;}
.strip-reseau-etendu .STD-vignette {float:right;  margin-left:1em;}
.strip-parking-hotel .STD-chapo {max-width:100%;}

@media screen and (max-width:1300px) {
	.SRV-ramassage-points {column-count:1; -webkit-column-count:1; -moz-column-count:1;}
}

@media screen and (max-width:1100px) {
	.SRV-ramassage {display:flex; flex-direction:column;}
	.SRV-ramassage-points {column-count:3; -webkit-column-count:3; -moz-column-count:3;}
	.SRV-ramassage-carte {min-width:auto;}
}

@media screen and (max-width:750px) {
	.SRV-ramassage-points {column-count:2; -webkit-column-count:2; -moz-column-count:2;}
}

@media screen and (max-width:500px) {
	.SRV-ramassage-points {column-count:1; -webkit-column-count:1; -moz-column-count:1;}
	.SRV-ramassage-symbole {float:none; margin-right:0;}
	
}

/* CGV-CPV */
.cpv-frais-annulation {}
	 .cpv-frais-annulation th, .cpv-frais-annulation td {width:20%; font-weight:normal; text-align:center; border:1px #33312a solid;}

/* Groupes */	 
#SRV-groups {margin-top:2em;}

/*** Page voyage ***/

.expiredDocument {float:none; padding:.5em; background-color:#f03; color:#fff; font-size:120%; font-style:italic;}
	.expiredDocument a {color:#fff;}
	.expiredDocument a:hover {text-decoration:underline;}

/* voyage */
.VOY-title {border-bottom:1px #968e7c solid;}
	.VOY-summary, .seg13 {margin:.4em 20% 0 20%; padding:.2em 1em; border-top:1px #968e7c solid; font-weight:normal; font-size:1em; color:#5d594d;}
	.VOY-summary img, .seg13 img  {width:1.4em; margin-left:.5em; vertical-align:bottom;}

	.VOY-banner {width:100%; max-height:450px; overflow:hidden;}
		.VOY-bannerWrapper {/*width:100%; max-height:450px; display:flex; align-items:center; */}
		.VOY-banner img {width:100%;}
	.VOY-sticker{z-index:100; position:absolute; left:50%;}
		.VOY-vNav {position:relative; left:-50%; width:100%; margin:0 auto; padding:0; background:#aca38e; list-style:none; text-align:center; 
				-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
			.VOY-vNav li {display:inline-block; font-size:.8em; font-family:"Source Sans Pro", sans-serif; text-transform:uppercase; font-size:.8em; font-weight:normal; text-align:center;}
			.VOY-vNav a {display:block; padding:.4em 1em; border-right:1px #968e7c solid; color:#33312a;}
			.VOY-vNav a:hover {color:#fff;}	
			.VOY-vNav li:last-child a {border-right:0;}
	
.VOY-chapo, .VOY-expe {margin-left:5%; background-color:#f9f8f5;}
.VOY-chapo {padding:1em 1em 0 1em;}
	.VOY-chapo h2 {margin-top:0; font-style:italic;}
.VOY-expe {padding:0 1em 1em 1em; }
	.VOY-expe h2 {margin-bottom:0; text-transform:uppercase; font-size:1.2em; font-weight:bold;}
	.VOY-expe p {margin:0; font-size:1.2em;}

.VOY-prog {margin-top:2em; padding-top:2em; border-top:1px #5d594d solid; font-family:"Lora", serif;}
	.NoJour, h2.seg0 {margin:1em 0 .4em 0; font-family:"Source Sans Pro", sans-serif; text-transform:uppercase; font-size:1.2em; font-weight:normal; line-height:90%;}
		.NoJour sup, h2.seg0 sup {text-transform:lowercase;}
	.VOY-horaire {font-family:"Source Sans Pro", sans-serif; text-transform:uppercase; font-size:75%; color:#666;}
	.VOY-prog p {margin:0 0 .5em 0; text-align:justify;}
	.VOY-image {float:none; width:100%; max-width:700px; max-height:500px; margin:0 auto .5em auto; overflow:hidden;}
		.VOY-image img {width:100%;}
		p.imgCaption {visibility:hidden;position:absolute; bottom:0; margin:0; width:96%; padding:.5em 2%; background-color:rgba(255,255,255,0.7); color:#000; font-size:.8em;}
		.VOY-image:hover  p.imgCaption {visibility:visible;}
	/* .VOY-horaire {display:block; font-family:"Source Sans Pro", sans-serif; text-transform:uppercase; font-size:.8em; color:#666;} */
	.VOY-prog .menu {float:none; width:40%; padding:5px; margin:10px auto; border:1px #ccc solid; background-color:#fffae8;}
		.VOY-prog .menu h3 {text-align:center; text-transform:uppercase; margin-bottom:5px;}
		.VOY-prog .menu p {text-align:center; font-style:italic; font-size:13px;}

		
.VOY-aside {font-family:"Source Sans Pro", sans-serif; color:#666;}
	.VOY-pForts {margin-top:2em;}
		.VOY-pForts h2 {margin:.5em 0; padding-left:.5em; border-left:5px #8c0 solid; font-family:'Source Sans Pro', sans-serif; font-size:1.2em; font-weight:normal;}
	.VOY-date {width:100%; margin:1em 0;}
		.VOY-date ul {margin:0; padding:0; list-style:none;}
		.VOY-date li {padding-bottom:.3em; font-size:1.2em; font-style:italic; font-weight:bold; text-align:right; text-transform:lowercase;}
		
	.VOY-price {width:100%;}
		.priceLabel, .priceDetailsLabel {display:block; margin:0; text-transform:uppercase; font-size:.8em; text-align:right;}
		.VOY-price h3 {margin:0 0 .3em 0; font-size:2.5em; font-weight:bold; color:#8c0; text-align:right;}
			h3 .priceLabel {font-weight:normal; font-size:.4em;}
		.VOY-price sup {font-size:.6em; font-weight:normal;}
		.VOY-price ul {margin-top:.5em; padding:0; border:1px #ccc solid; border-bottom:0; list-style:none;}
		.VOY-price li {padding:.2em .5em; border-bottom:1px #ccc solid; background-color:#eee;}

#select, #info {width:100%; margin-bottom:1em; text-align:center;
				-moz-border-radius:4px; border-radius:4px;}
	#select a, #info a {display:block; padding:1em 5%; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold;}
#select {background-color:#8c0;}
	#select:hover {background-color:#ae3;}
#info {background-color:#666;}
	#info:hover {background-color:#999;}
	
.addthis_toolbox {float:right; margin-bottom:40px;}
	#shareTxt {display:block; float:left; margin-right:5px;}

.VOY-info {}	
	.VOY-info h3 {margin-bottom:10px; font-size:14px; text-transform:uppercase;}
	.VOY-info ul {list-style-type:square;}
	
.VOY-hebergement {padding:.5em 1em; background-color:#666; color:#fff;}
	.VOY-hebergement h3 {margin:0; text-transform:uppercase; color:#fff; font-weight:normal;}
	.VOY-hebergement h4 {margin:0 0 .2em 0; font-size:120%;}
	.VOY-hebergement ul {margin:0; padding:0; list-style:none;}

.suggest {margin-top:2em; border-top:1px #5d594d solid;}
	.suggestSection {width:100%;}  
	.suggestSection h2 {margin:.5em 0;}  
	.suggestSection h3 {margin:1em 0 .5em 0; color:#5d594d; font-weight:bold;}  
	.suggestVoyage {height:6em; border:1px #dcd0b6 solid; background-color:#fff; overflow:hidden;}
		.suggestVoyage:hover {background-color:#8c0;}
		.suggestVignette {width:30%; height:30%; margin-right:2%;}
			.suggestVignette img {width:100%;}
		.suggestDesc {width:68%;}
			.suggestName {margin:0 0 .5em 0; padding:0; font-size:.8em; font-weight:normal;}
			.suggestDates {font-style:italic; font-size:.7em;}
				.zone {padding-right:1em; text-transform:uppercase; font-style:normal; color:#aca38e;}
			.suggestDesc p {margin:0;} 
				.suggestVoyage:hover p, .suggestVoyage:hover h2 {color:#fff;}
	
#links li {padding:5px 0; border-top:1px #ccc dashed;}
li.attach-pdf {list-style-type:none; list-style-image:url('/v2/images/pdficon_small.gif'); margin-left:24px;}
	li.attach-pdf a {text-decoration:underline;}

/* Armand */
.miniPhotos {margin:0 6px 6px 0;width:80px;height:80px;} 
.miniPhotos a {height:100%;width:100%;float:left;display:block;}
.horairesDepart {width: 95%;margin-left: 5%;margin-bottom: 10px;} /* signaler autres horaires hors Reims et Rethel */
.horairesFin {width: 95%;margin-left: 5%;margin-bottom: 10px;} /* signaler autres horaires hors Reims et Rethel */

/* Recherche de voyages */
#search {width:100%; margin-top:1em; padding:0 .5em .5em .5em; border:1px #aca38e solid; background-color:#dcd0b6; box-sizing:border-box;}
	#search label {margin:.5em .5em 0 0;}
	#search select {margin:.5em 2em 0 0; padding:.5em;}
	#search input {margin-top:.5em; padding:.5em;}



	
	
/*#share2 {margin-top:10px;margin-left:5px;}*/
	
/* calendrier des voyages & Resultats de recherche */
.previewTitle {float:left; width:100%; margin-top:1em;}

.calendar {width:100%;}
	.calendarMonth {float:left; width:100%; margin:2em 0 .5em 0;}  
	.calendarType {float:left; width:100%; margin:2em 0 .5em 0; padding-top:.3em; border-top:1px #5d594d solid; color:#5d594d; font-weight:bold;}  
	
.calendarVoyage, .searchResult, .searchTravel {height:7em; overflow:hidden;}
.calendarVoyage, .searchResult {border:1px #dcd0b6 solid; background-color:#fff;}
.searchTravel {border:1px #aca38e solid; background-color:#dcd0b6;}

	.calendarVoyage:hover, .searchResult:hover {background-color:#8c0;}
	.calendarVignette, .searchResult-vignette {display:flex; align-items:center; width:40%; height:100%; background-color:#f5f4f0; overflow:hidden;}
		.calendarVignette img, .searchResult-vignette img {min-width:100%; min-height:100%;}
	.calendarDesc, .searchResult-desc {width:60%; padding:.5em; box-sizing:border-box;}
		.calendarName, .searchResult-name {margin:0; padding:0 0 .2em; border-bottom:1px #ddd solid; text-transform:uppercase; font-size:1em; font-weight:normal; line-height:1em;}
		.calendarDates, .searchResult-dates {padding-top:.2em; font-style:italic; font-size:.8em; line-height:1em;}
			.zone {padding-right:0;}
		.calendarDesc p, .searchResult-desc p {margin:0;} 
			p.calendarPrice, p.searchResult-price {margin:.3em 0; font-weight:bold; color:#8c0; text-align:right;} 
			.calendarVoyage:hover p, .calendarVoyage:hover h2, .searchResult:hover p, .searchResult:hover h2, .calendarVoyage:hover .zone, .searchResult:hover .zone {color:#fff;}
		.calendarPrice sup, .searchResult-price sup {font-weight:normal; font-size:.8em;} 
		.calendarPrice .priceLabel, .searchResult-price .priceLabel {font-weight:normal;}
		
	.calendar .addthis_toolbox {position:absolute; right:0px; top:-30px;}

.STD-calendar .calendarMonth {font-size:120%; margin:1.2em 0 .6em 0; color:#5d594d;}	
.STD-calendar .calendarType {border-top:1px #d5d4d0 solid; color:#aca38e; margin-top:1em;}	
.STD-calendar-type .calendarType {display:none;}	

.STD-destinations {display:flex; flex-wrap:wrap; justify-content:space-around;}
	.STD-destinations div {float:none;}
	.STD-destinationItem {width:30%; box-sizing:border-box; margin:1em 1%; border:1px #e5e4e0 solid; background-color:#fff;}
	.STD-destinationItem:hover {border:1px #8c0 solid;}
		.STD-destinationItem a {display:block; height:100%;}
		.STD-destinationItem a:hover {background-color:#8c0; color:#fff}
		.STD-destinationItem img {width:100%;}
		.STD-destinationItem-desc {padding:1em;}
			.STD-destinationItem-desc h2 {margin:0 0 .3em 0;}
			.STD-destinationItem-desc p {margin:0; font-family:Lora, serif; font-style:italic;}
	.STD-destinations .searchForm {}
	
/**** Book ****/
.book {}
	.book div {float:none;}
	.book-step {}
	.book-subtitle {}
	.book-travel {background-color:#fff; border:1px solid #CCC; margin:1em 0; padding:.5em;}
		.book-travel-main {display:flex; align-items:flex-start;}
			.book-travel-vignette {margin-right:1em;}
			.book-travel-desc {}
				.book-travel-title {margin:0!important;}
				.book-travel-date {margin:0;}
				.book-travel-price {margin:0; color:#06b; font-size:130%; font-weight:bold; text-align:right;}
				.book-travel-status {margin:.5em 0; padding:.2em .5em; font-weight:bold; color:#fff; text-transform:uppercase; text-align:center;}
					.book-travel-status-available {background-color:#06b;}
					.book-travel-status-warning, .book-travel-status-last {background-color:#c80;}
					.book-travel-status-full, .book-travel-status-error, .book-travel-status-cancelled {background-color:#c30;}
			.book-travel-button {margin-left:1em; align-self: flex-end;}
				.book-travel-button .button {padding:1em 2em; text-transform:uppercase;}
		.book-travel-options {margin:.5em 0!important; padding-top:.5em; border-top:1px #eee solid;}
		.book-travel-option {margin:0!important; padding-left:1em; font-size:80%;}
		.book-travel-option label {text-transform:uppercase;}

	.book-travel-reminder {display:flex; align-items:flex-start; margin:.5em 0; padding:.5em; border:1px #ccc solid; background-color:#fff;}
		.book-travel-reminder img {margin-right:1em;}

	.book-travel-passengersForm td, .book-travel-callBack td {padding-bottom:.5em;}
	.book-travel-passengersForm .tdInput {max-width:30em;}
		.book-travel-passengersForm .tdInput em {font-size:85%;}

/* book Armand */

#voyage_content {width:100%}
#bookSubtitle {margin:15px 0;font-size:160%;color:#666;float:left;width:100%;}
#special {text-transform:uppercase;color:#000;font-weight:bold;}

.trip {background-color: #F9F9F9;border: 1px solid #CCC;margin:15px 0; padding:5px;}
.tripHeader {width:100%;margin-bottom:5px;}
    #vignette {margin-right:20px;}
    .dates {position:relative;float:left;font-weight:bold;}
    .dispo_Warning, .dispo_Last {background-color:#FFF8E7;}
    .dispo_Available {background-color:#E1ECBE;}
    .dispo_Full, .dispo_Error, .dispo_Cancelled {background-color:#900;color:#FFF;}
    .dispo_Warning, .dispo_Last, .dispo_Available, .dispo_Full, .dispo_Error, .dispo_Cancelled {margin-left:20px;padding:5px}
    .price {color: #006FBA;font-size:130%;font-weight:bold;padding:0;margin-left:20px;} 
    .buttonBook {position:absolute;bottom:3px;right:0;margin:10px 5px 0 0;} 
.tripOptionTitle {font-weight:bold;}
.tripOptions {width:100%;margin-left:15px;} 

#BookingForm {width:400px;}
    #BookingForm .ikFormItem {height:30px;width:130px;}
    #BookingForm .ikFormValue {height:30px;width:160px;}
    #BookingForm .ikFormValue input[type=submit] {float:right;}
    #BookingForm h2 {font-size:150%;margin-bottom:20px;}
#nbPassengers, #listPRA {margin-bottom:15px;}
#nbPassengers span, #listPRA span {width:150px;float:left;}
               #listPRA p {margin:10px 0;}
#pourfinaliser {margin:15px 0;font-style:italic;color:#AAA;font-size:12px;line-height:14px;}
#contact {width:310px;}
    #numContact span, #hourContact span {margin-bottom:15px;}
    #numContact span, #hourContact span {width:150px; float:left;}

/* ça sort d'où??? pyd 2019-02
.book-content {}
	.book-subtitle {}
	.book-travel {width:100%; margin:1em 0; padding:1em; border:1px #d5d4d0 solid; background-color:#fff; box-sizing:border-box;}		
		.book-vignette {z-index:100; width:20%; margin-right:4%;}
			.book-vignette img {width:100%;}
		.book-travelContent {width:50%; margin-right:4%;}
			.book-date {margin:0 2em .5em 0; font-size:1.6em; font-style:italic; text-transform:uppercase;}
			.book-dispo {margin:0; padding:.1em .5em; color:#fff; text-transform:uppercase; font-size:.8em;}
				.dispo-available {background-color:#8c0;}
				.dispo-warning {background-color:#08c;}
				.dispo-last {background-color:#c80;}
				.dispo-full {background-color:#f30;}
			.book-prices {width:100%; border:1px #d5d4d0 solid;}
				.book-prices th, .book-prices td {padding:.3em 1em;}
				.book-prices td {border-top:1px #d5d4d0 solid; background-color:#f5f4f0;}
				.book-prices tr:hover td {border-top:1px #fff solid; background-color:#8c0; color:#fff;}
				.book-item {text-align:left;}
				.book-price {text-align:right; font-weight:bold;}
				.book-actions {width:1%;}
		.book-travelOptions {float:left; width:22%; margin:0; padding:0;}
			.travelOption-title {list-style:none; margin-bottom:.5em; font-weight:bold;}
			.travelOption {margin-left:1em; font-size:.8em;}
*/		

/* HOME */
.HOM .container {padding-bottom:0;}
.navHome {float:left;}

.hm-rp {position:absolute; z-index:100; top:0; left:0; right:0; width:30%; margin:0 auto; background-color:#47b; padding:.2em 1em; font-size:80%; color:#fff; text-align:center;
	-moz-box-shadow: 0px 0px 10px 0px #666; -webkit-box-shadow: 0px 0px 10px 0px #666; box-shadow: 0px 0px 10px 0px #666;}
	.hm-rp a {color:#fff;}
	.hm-rp p {margin:0 0 .4em 0;}
	.rp-logo {width:100%; margin:0 auto;}
	.hm-rp img {width:100%; max-width:170px;}

/* j scrollable */
.carrousel {width:100%; overflow:hidden; border-top:1px #5d594d solid;} 
	.scrollable {width:100%; overflow:hidden;} 
		.scrollable .items {/* width:500%; cf. D2831 */ max-height:450px;}
			.carrouselItem {float:left; /* width:20%; cf. D2831 */ height:100%; text-align:center;}
			.cloned {display:none;}
				.carrousel-itemContent {width:100%; height:100%; overflow:hidden;}
				.carrouselItem a {display:flex; height:100%; align-items:flex-end; }
				/*.carrouselImage {width:100%;}
				.spanHome {position:absolute; top:1em; left:1em; margin:0; padding:.2em .6em; background-color:rgba(255,255,255,0.7); color:#000; font-family:Lora, sans-serif;font-weight:bold;text-align:center; font-size:2em;} */
				.carrousel-itemContent-sticker {position:absolute; z-index:10; width:100%;}
					.carrousel-itemContent-date {display:inline-block; margin:0; padding:.2em 1em; background-color:#dcd0b6; font-style:italic; font-weight:bold; text-align:center; font-size:1.2em;
												border-bottom-left-radius:.3em; border-bottom-right-radius:.3em; box-shadow: 0 0.1em 0.3em #666;}
					.carrouselItem a:hover .carrousel-itemContent-date  {color:#5d594d;}
				.carrousel-itemContent-image {width:100%; height:100%;}
				.carrousel-itemContent-descContainer {position:absolute; top:4em; width:100%;}
					.carrousel-itemContent-desc {float:none; width:50%; margin:0 auto; padding:.2em .6em; background-color:rgba(255,255,255,0.7); color:#000; font-family:Lora, sans-serif; text-align:center; text-transform:uppercase;}
						.carrousel-itemContent-title {margin:0;font-size:200%; font-weight:bold; }
						.carrousel-itemContent-subtitle {margin:0; font-size:120%; text-transform:uppercase;}
						.carrousel-itemContent-price {margin:0; border-top:1px #000 solid; font-size:120%; font-family:"Source Sans Pro", sans-serif; color:#8c0; font-weight:bold;}
							.carrousel-itemContent-priceLabel {font-size:50%; font-weight:normal;}	
				.navi {display:inline-block; position:absolute; bottom:1em; right:1em;}
					.navi a {display:block; float:left; width:.6em; height:.6em; margin:.2em; border-radius:1em; cursor:pointer; border:1px solid #000; background-color:rgba(255,255,255,0.6); color:#000;}
					.navi a:hover {background-color:rgba(136,204,0,0.6); text-decoration:none;}
					.navi a.active {background-color:rgba(136,204,0,0.6); color:#fff;}
				/*	.navi a {display:block; float:left; margin:2px; padding:2px 5px; cursor:pointer; border:1px solid #000; background-color:rgba(255,255,255,0.6); color:#000;}
					.navi a:hover {color:#fff; text-decoration:none;}
					.navi a.active {background-color:rgba(136,204,0,0.6); color:#fff;}
					.navi a:nth-child(1):after{content:'1';}
					.navi a:nth-child(2):after{content:'2';}
					.navi a:nth-child(3):after{content:'3';}
					.navi a:nth-child(4):after{content:'4';}
					.navi a:nth-child(5):after{content:'5';}
					.navi a:nth-child(6):after{content:'6';}
					.navi a:nth-child(7):after{content:'7';} */

.HOM .mainTitle {padding-top:.4em;}
.home-strip, .homeVoyages, .homeAgences {width:100%; margin-top:2em; border-top:1px #5d594d solid;}

.searchResult, .searchTravel {height:8em;}
	.searchTravel h3 {margin:0 0 .2em 0;}
	.searchTravel div {width:100%; text-align:right;}
		.searchTravel label {display:inline-block; width:35%; font-size:.8em;}
		.searchTravel select {display:inline-block; width:60%;margin-left:3%; }
		.searchTravel input[type=submit] {display:block; float:right; width:100%; height:2em; margin-top:.6em;}

.homeAgences {border-top:1px #5d594d solid;; border-bottom:1px #5d594d solid;}
	.homeAgence-content {width:100%;}
		.homeAgence-item {width:23%; margin:1em 1%; background-color:#fff;}
		.homeAgence-item  img {float:left; width:100%;}
		.homeAgence-desc {width:90%; padding:0 5%;}
			.homeAgence-desc h3 {margin:.4em 0; padding-bottom:.4em; border-bottom:1px #aca38e solid;}

.homeNL {}
	.homeNL .pButton {margin:0;}
		.homeNL .pButton a {padding-left:50px; background:#aca38e url('/images/icons/mail.png') no-repeat 10px 10px; color:#fff;}
		.homeNL .pButton a:hover {background:#8c0 url('/images/icons/mail.png') no-repeat 10px 10px;}

.homeBrochure a {color:#8c0;}
	.homeBrochure  .mainTitle {padding-top:0;}
	.homeBrochure .pButton {width:100%; margin-top:1em;}
	.homeBrochure img {width:100%; margin-top:1em;}
	.homeBrochure .pButton a {color:#666;}
		.homeBrochure .pButton a:hover {color:#fff;}
	.homeActu {margin-bottom:2em;}
	.labelActu {margin:0; text-transform:uppercase; font-size:.8em; font-weight:bold; color:#8c0;}
	.homeNews  h2, .homeGroupes h2 {margin-top:0; font-size:2em;}
	.homeNews  h2+h3 {margin-top:0;}
	.homeNews  h3 {font-weight:normal; font-style:italic;}
	.homeNews  img {width:100%;}
	.homeBrochure .pButton, .homeNews  .pButton {margin-bottom:2em;}
	.homeGroupes, .homeReimsParis {border-top:1px #5d594d solid;}
		.homeGroupes h2, .homeReimsParis h2 {padding-top:.6em;}
	
.homeFB {padding-top:2em;}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]  {width:100% !important; /*height:760px !important;*/ }

.homeAbout {width:100%; margin:2em 0 0 -4%; padding:1em 5%; background-color:#aca38e; text-align:center; color:#fff;}
	.homeAbout h1 {margin:0; padding:0; color:#33312a; font-family:'Source sans Pro', sans-serif; font-weight:bold; font-size:1em;}
	.homeAbout h2 {margin:.2em 0 0 0; font-family:'Source sans Pro', sans-serif; font-size:.8em; font-weight:normal; color:#fff;}
	.homeAbout p {color:#fff;}
	.homeAbout a {color:#fff;}
	.homeAbout a:hover {color:#dcd0b6;}

/* page actu */	
.newsDate, .newsHeadline {float:none;}
.newsFeed {width:46%; margin:2em 2%; border:1px #ccc solid; box-sizing:border-box;}
	.newsFeed a {display:block; padding:1em; color:#33312a;}
	.newsFeed a:hover {background-color:#8c0; color:#fff;}
	.newsDate {font-size:85%;}
	.newsHeadline {font-weight:bold; font-size:150%;}

.actu  {width:100%;}
	.actuPano {width:100%; height:100%;}
	.actuContent {float:left; width:60%; margin:2em 0;} 
		.actuContent a {color:#06b;} 
		.actuContent a:hover {color:#39e;} 
		.actuContent a:active {color:#aca38e;}
	.actuImg {float:right; width:35%; margin-top:2em;}
		.actuImg img {width:100%; margin-bottom:2em;}
.actu  h2 {margin-top:0;}
	

/*  commande brochure & contact */
.STD-catalogues {display:flex; justify-content:space-between;}

.brochureImage {width:45%; display:flex; justify-content:space-between; flex-wrap:wrap;}
	.brochureImage img {width:100%;}
	.STD-catalogueItem {width:44%; margin:1em 2%; box-sizing:border-box; background-color:#fff; border:1px #d5d4d0 solid;}
		.STD-catalogueItem a {display:block; padding:1em;}
		.STD-catalogueItem h2 {margin-top:0; font-size:1em;}
		.STD-catalogueItem img {border:1px #968e7c solid;}
	.STD-catalogueItem:hover {background-color:#8c0;}
	.STD-catalogueItem:hover a {color:#fff;}
		.STD-catalogueItem .linkFollow {margin-bottom:0;}

.orderBrochure {width:50%}
	.formBrochure{}
	.formContact{width:100%;}
		.formContact td {padding-bottom:.5em;}
		.tdLabel {width:30%; vertical-align:top;}
		.tdInput {width:70%;}
			.tdInput input {width:100%; padding:.5em; box-sizing:border-box;}
			.tdInput textarea {width:100%; height:6em; box-sizing:border-box;}
			.tdInput select {padding:.5em; box-sizing:border-box;}
		.tdSubmit {background-color:#8c0; text-align:right; padding:.5em;}
		.tdSubmit input {padding:.5em 2em;}
	.mandatory {color:#8c0}
	.mandatoryInfo {font-style:italic;}


.contactForm {width:60%;}
	.thanks {width:100%; color:#8c0;}
		.thanksNotOK {color:#f30;}
.contactList {float:right; width:30%}	
	
/* agences */
.agences {width:60%; margin-bottom:2em;}
	.agences .homeAgence-item {width:48%;}
	.agenceTel {margin-bottom:.4em; background:url('/images/icons/phone.png') no-repeat; padding-left:2em;}
	.agenceDetailLink {float:right; padding:0 5% 1em 0}
.agenceHoraires {list-style-type:none; padding:0;}
	.agenceHoraires label {padding-right:1em; color:#5d594d;}
	
.siege {float:right; width:30%; margin-bottom:2em;}
	.siege h2 {padding-bottom:.3em; border-bottom:1px #33312a solid;}
	.siegeAdresse {}
	.siegeTel {}
	.siegeSiret, .siegeLicence {margin:0; font-size:.8em;}

.agencesMap {width:60%; padding-bottom:60%;}
	.agencesMap iframe, .agenceMap iframe {position:absolute; width:100%; height:100%; border:none;}
	
/* .plus {background-image:url('/images/icons/right.jpg');background-repeat:no-repeat;padding-left:25px;height:30px;} */
.agenceBanner {width:100%; margin-bottom:1em;}
	.agenceBanner img {width:100%;}
.agence {width:45%;}
	.agenceVille {}
	.agenceAdresse {}
	.agenceEmail {display:none;}
.agenceMap {float:right; width:50%; margin-top:2em; padding-bottom:50%;}

.agenceTravels {width:100%;}
	.agenceTravels h2 {}
	.agenceTravels .searchResult {width:100%; margin:0 0 1em 0; box-sizing:border-box;}
		

	 
/*** login ***/
.ikUserID {}
	.ikUserID h3 {border-bottom:1px #33312a solid; padding-bottom:.3em;}
	.ikUserID-existing {width:45%;}
	.ikUserID-new {float:right; width:45%;}
	.ikUserLogin {width:100%;}
	.ikUserEmail, .ikUserPassword, .ikUserSubmit, .ikUserDirectAccessID {width:100%; margin-bottom:.5em;}
		.ikUserEmail label, .ikUserPassword label, .ikUserDirectAccessID label {float:left; display:block; width:30%;}
		.ikUserEmail input, .ikUserPassword input, .ikUserDirectAccessID input{float:right; display:block; width:65%; padding:.5em; box-sizing:border-box;}
	.ikUserSubmit, .ikUserCreateNew, .ikUserDirectAccessID-submit, .ikFormAction {width:100%; margin-bottom:.5em; background-color:#8c0; text-align:right; padding:.5em; box-sizing:border-box;}
	.ikUserSubmit input, ..ikUserCreateNew  input, .ikUserDirectAccessID-submit input{padding:.5em 2em;}
	.ikRemindPwd {font-style:italic; font-size:.8em; text-align:right;}
	.ikUserLogin-error {color:#f30;}
.createAccount {width:60%;}	
	
.ikNewAccount {}

/*** mon compte ****/
.ikUserAccount {width:100%;}
	.ikUserAccountMain {width:100%;}
	.ikUserIDSummary {width:50%; padding:1em; border:1px #d5d4d0 solid; background-color:#fff; box-sizing:border-box;}
		.ikUserIDSummary h3 {margin-top:0; padding-bottom:.3em; border-bottom:1px #33312a solid;}
				.ikAddress .tdLabel {padding-right:1em;}
		.accountName {font-weight:bold;}
	.ikUserEditAccount {float:right; width:45%;}
		.ikAccountAction {width:100%; margin-top:.5em;}

#ikUserAccountStatus {position:relative;clear:both;float:left;width:400px;background-color:#f9f9f9;border:1px #eee solid;margin:0 10px 10px 0;padding:10px;}

.ikError {width:100%; margin:1em 0; padding:1em; border:2px #f33 solid; box-sizing:border-box;}

/*** FOOTER ***/
.footer, .fb, .footer div {float:none; box-sizing:border-box;}
.footer {width:100%; margin:2em auto; max-width:1400px;}

.fb {margin-top:1em;}

	.ft-main {display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:2em;  }
		.ft-main a:hover {text-decoration:underline;}
		.ft-main ul {margin:0; padding:0;}
		.ft-main li {list-style-type:none; padding:.2em 0;}
		.ft-sitemap {display:flex; justify-content:space-between; align-items: flex-start; font-size:80%; color:#666;}
			.ft-col {flex-grow:1;}
			.ft-jt {border-right:1px #aca38e solid; border-left:1px #aca38e solid; padding:0 2em; margin:0 2em;}
			.ft-sitemap ul {margin-bottom:1em;}
			.ft-sitemap h2 {margin-top:0; margin-bottom:.6em; color:#aca38e;}
			.ft-sitemap h3 {margin-top:0; margin-bottom:.23em;}
			.ft-sitemap a {color:#666;}
			
		.ft-sidebar {display:flex; flex-direction:column; align-items:flex-end; max-width:200px; color:#aca38e; text-align:right; font-size:80%;}
			.ft-sidebar h3 {margin:0;}
			.ft-sidebar a {color:#aca38e;}
			.ft-sidebar-item {width:100%; margin-top:1em; padding-top:1em; border-top:1px #aca38e solid;}
			.ft-social {margin:0; padding:0; border-top:none;}
				.ft-social img {padding-left:.5em;}
			.ft-copyright {font-style:italic;}
			
/******* ? ***********/		
#staticpage h2 {font-weight: bold; font-size: 16px;margin-bottom:16px; }
#staticpage li {list-style-type: square; }
#staticpage ul {list-style-type: square; padding-left: 15px;}
#staticbanner {background: url('http://www.jacqueson.com/images/2013/960/banner_default.jpg') no-repeat top; width: 960px; height: 100px;margin-bottom: 20px;}


/******* PRINT ***********/

/* print Protos */
.PRINT {font-size:70%;}
.PRINT .headerLogo  {float:right; text-align:right; width:auto;}
	.PRINT .headerLogo  img {max-width:200px;}
.PRINT .VOY-title  {border:none;}
.PRINT .pageTitle  {background:transparent;}
	.PRINT .pageTitle h2 {color:#000;}
	.PRINT .seg13 {min-height:1em;}
.PRINT .VOY-banner  {margin:1cm 0;}
	.PRINT .VOY-sticker  {display:none;}
.PRINT .VOY-chapo h2 {font-size:120%;}
.PRINT .VOY-info ul  {padding-left:5mm;}
.PRINT .footer {}
	.PRINT .coordonnees {}


/*** MEDIA QUERIES ***/

@media screen and (min-width:1200px) {
	.VOY-summary {margin-left:30%; margin-right:30%;}
	.VOY-prog {column-count:2; column-gap:3em; -webkit-column-count:2;  -webkit-column-gap:3em;}
	.searchResult, .searchTravel, .calendarVoyage, .suggestVoyage {width:31%;}
		.calendarName, .searchResult-name {font-size:1.2em;}

	.agences .homeAgence-item {width:31%;}
	.pointsRegion  ul , .pointsReims ol {column-count:4; -webkit-column-count:4; -moz-column-count:4;}

	.spanHome {padding:.1em .4em; background-color:rgba(255,255,255,0.7); color:#000; font-family:Lora, sans-serif;font-weight:bold;text-align:center; font-size:3em;}

}	

@media screen and (max-width:1200px) {
	.nav {font-size:85%; }
		.nav1 a, .nav2 li {padding:.3em .6em;}
}

@media screen and (max-width:1100px) {
	.ft-jt {margin:0 1em; padding:0 1em;}
}
	
@media screen and (max-width:1000px) {
	#search form {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
		#search label {display:inline-block; width:30%; margin:0;}
		#search select, #search input {width:70%; margin-right:0;}
		#search input {margin-left:30%; }	

		.STD-browseCatalogue {height:700px;}
	#SRV-LC {width:250px;}
	#SRV-environnement {width:300px; margin-right:3em;}

	#SRV-row3 .STD-block {width:48%;}
	.ft-sitemap, .ft-sidebar {width:100%;}
	.ft-sidebar {max-width:100%; margin-top:2em;}
		.ft-sidebar-item {max-width:450px;}

}	

@media screen and (max-width:900px) {
	.brochureImage {}
	.STD-catalogueItem {width:100%;}
}
			
@media screen and (max-width:750px) {
	body {margin:0;}
	h1 {font-size: 1.6em;}
	
	.hm-rp {width:80%;}
	.hm-rp a {display:flex; justify-content:center;}
	.hm-rp p {flex:1.5; margin-right:.5em;}
	.rp-logo {flex:1; }
	.hm-rp img {}

	.container {margin:0; -moz-border-radius: 0; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
	.header {display:flex; flex-direction:column;}
		.header div {float:none;}
	.headerTop {flex-direction:row-reverse;}
	.headerLogo {text-align:right;}
	.headerRow1 {margin:0 1em .5em 0; justify-content:space-between;}
	.headerRow2 {margin-left:8em;}
		.headerFRAM {display:none;}
		.headerContact {margin-right:1em;}

	.footer {padding-right:2%; padding-left:2%;}

	/* nav responsive - handling clic with CSS3 checked */
	.nav div {transform: translateZ(0); -webkit-transition:max-height .4s, overflow .4s; transition:max-height .4s, overflow .4s; will-change:max-height, overflow;}
	.nav > input:not(:checked) ~ div {max-height:0; min-height:0; overflow:hidden;}
	.nav > input:checked ~ div {overflow:visible;}

	.nav > label {display:block; position:absolute; top:-4em; left:1em; z-index:1; height:4.5em; width:4.5em; 
	background:#000; border:0; border-radius:50%; text-align:center; font-size:.8em; color:#fff; 
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-transition:.2s -webkit-transform cubic-bezier(0, 1.8, 1, 1.2); transition:.2s transform cubic-bezier(0, 1.8, 1, 1.2);}
	.nav > label:before {content:""; display:block; z-index:1; height:1.6em; width:2em; background-color:transparent; 
	background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
	background-image: -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff);
	background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #fff, #fff), linear-gradient(to right, #fff, #fff);
	background-position:center top, center, center bottom; background-repeat:no-repeat; -webkit-background-size:2em .3em; background-size:2em .3em;
    margin:.8em auto 0; padding:0; outline:0; border:0; cursor:pointer;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-transition:.2s cubic-bezier(0, 1.8, 1, 1.2); transition:.2s cubic-bezier(0, 1.8, 1, 1.2); transition-property:background;}

	.nav > input:checked + label {-webkit-transform:scale(.8); transform:scale(.8);}
	.nav > input:checked + label::before {background-position: center, center, center;}
	/* Hide alternate text except from screen readers */ .visually-hidden {position:absolute !important; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; height:1px; width:1px;}

	.nav {display:flex; align-items:flex-start; background-color:#5d594d;}
	.nav1, .nav2 {width:50%; min-height:0;}
	.nav ul {padding:0;}
	.nav li, .nav1 a {float:none; text-align:center;}
	.nav1 a {padding:1em; border-bottom:1px #5d594d solid;}
	.nav1 li.LinkSelected {-moz-border-radius:0; border-radius:0;}
	.nav1 li.LinkStandard:hover {-moz-border-radius:0; border-radius:0;}
	.navHome {float:none;}
	.nav2 li {padding:0; border-left:1px #fff solid;}
	.nav2 a {display:block; padding:.6em 1em; border-bottom:1px #fff solid;}
	.nav2 a:hover {background-color:#5d594d;}	

	.pageTitle h2 {font-size:1.2em;}
	.seg13 {font-size:.85em;}
	
	.mainTitle {font-size:1.5em;}


	.VOY-summary {margin-left:1%; margin-right:1%;}
	.VOY-sticker {width:90%;}
		.VOY-vNav a {padding-left:.4em; padding-right:.4em;}
	.VOY-prog {width:100%;}
	.VOY-aside {width:100%;}
	.VOY-chapo, .STD-chapo {width:80%; max-width:80%; margin-top:-1em;}
	.VOY-chapo h2, .STD-chapo {font-size:1.2em;}
	.VOY-expe {width:100%; max-width:100%; margin:0 0 1em 0; padding:0 0 2em 0; border-bottom:1px #5d594d solid; font-size:90%;}
	.VOY-pForts h2 {font-size:100%;}
	
	.menuBox, .article {float:none; width:100%;}
	.menuBox {margin-right:0;}
	
	.suggest {width:100%;}
	.searchResult, .searchTravel, .calendarVoyage, .suggestVoyage {width:100%; margin:.5em 0;}
	
	.carrousel {font-size:80%;}
		.scrollable .items {max-height:200px;}
		.carrousel-itemContent-title {font-size:120%;}

	.spanHome {padding:.4em .8em; font-size:1.2em;}
	.homeAgence-item {width:48%;}
	.homeLeft, .homeNews, .homeNL, .homeFB {width:100%; margin:2em 0% 0 0;}
	.homeLeft {padding-bottom:1em; border-bottom:1px #5d594d solid;}

	.book-travel {}		
		.book-vignette {width:25%; margin-right:4%;}
		.book-travelContent {float:none; width:100%; margin-right:0;}
			.book-date {margin:0; font-size:1.4em; font-style:italic; text-transform:uppercase;}
			.book-dispo {margin:1em 0 0 0; padding:.1em .5em; color:#fff; text-transform:uppercase; font-size:.8em;}
			.book-prices {width:100%;}
		.book-travelOptions {float:none; width:100%;}

	.STD-catalogues {flex-direction:column;}
		.orderBrochure, .contactForm  {width:100%}
		.brochureImage, .contactList {width:100%;}
		.STD-catalogueItem {width:45%;}


	.agences {width:100%;}
		.siege {float:left; width:100%;}
		.agencesMap {width:100%; padding-bottom:100%;}	
	.agence {width:100%;}
		.agenceMap {float:left; width:100%; padding-bottom:100%;}
	
	.ikUserID-existing, .ikUserID-new, .createAccount {width:100%;}

	.ikUserIDSummary {width:100%;}
		.ikAddress .tdLabel {display:none;}
	.ikUserEditAccount {float:left; width:100%;}	

	.pointsRegion  ul , .pointsReims ol {column-count:2; -webkit-column-count:2; -moz-column-count:2;}
	
	.newsFeed {width:100%; margin:2em 0 0 0;}
	.actuContent {float:none; width:100%;}
	.actuImg {float:none; width:100%;}
	
	#SRV-brochures-types {flex-direction:column;}
		#SRV-brochures {width:100%;}
		#SRV-types {width:100%; margin:2em 0 0 0;}
		
	#SRV-LC {width:160px;}
	#SRV-row3 h2 {font-size:120%;}
	#SRV-environnement {width:250px; margin-right:2em;}
	#SRV-environnement h2 {font-size:120%;}

	#SRV-proche-agences .STD-vignette {width:100%;}

	.STD-browseCatalogue {height:600px;}
	
	.STD-destinationItem {width:48%;}
		
}	
@media screen and (max-width:600px) {
	#SRV-row2  {flex-direction:column; }
		#SRV-row2 div {width:100%; margin-right:0;}
		#SRV-environnement {margin-bottom:2em;}

	.nav2 #search {padding-top:.5em;}
		.nav2 #search label {display:block; width:100%;}
		.nav2 #search select, .nav2 #search input {width:100%; margin:0 0 .5em 0;}
		.nav2 #search input {margin-left:0; }
		
}



		
@media screen and (max-width:450px) {
	.carrousel-itemContent-desc {width:80%;}
	.homeNews  h2, .homeGroupes h2 {font-size:1.4em;}
	.ft-sitemap {flex-direction:column;}
		.ft-col {width:100%;}
		.ft-jt {margin:1em 0; padding:1em 0; border:none; border-top:1px #aca38e solid; border-bottom:1px #aca38e solid;}
	.STD-flex {flex-direction:column;}
	.STD-smallBlock:nth-child(odd) {padding-right:0;}
	.STD-smallBlock:nth-child(even) {padding-left:0;}
	#SRV-proche .STD-smallBlock:nth-child(odd) {border-right:none;}
	#SRV-LC {width:100%; margin-left:0;}
	#SRV-row3 .STD-block, #SRV-proche-row1 .STD-block, #SRV-confort .STD-block, #SRV-quality-labels .STD-block, .STD-vignette, .STD-smallBlock {width:100%;}
	#SRV-quality-labels .STD-vignette {width:auto;}
	.STD-destinationItem {width:100%; margin-left:0; margin-right:0;}

	.STD-browseCatalogue {height:400px;}

}

@media screen and (max-width:350px) {
	.homeAgence-item, .agences .homeAgence-item {width:100%; margin:1em 0;}
	.pointsRegion  ul , .pointsReims ol {column-count:1; -webkit-column-count:1; -moz-column-count:1;}

}

@media print {
	body {margin:0; font-size:70%;}
	.container {margin:0; -moz-border-radius: 0; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
	.container, .VOY-chapo, .VOY-expe {background-color:#fff;}
	.headerRow1, .nav, .static, .fb, #select, #info, #share, .VOY-vNav {display:none;}
	.header img {width:50%;}
	.PRINT .header img {width:auto;}
	.headerLogo {margin-bottom:1em;}

	.VOY-aside {font-family:Tahoma, sans-serif; color:#666;}
		.VOY-pForts h2 {margin:.5em 0; padding-left:.5em; border-left:5px #8c0 solid; font-family:Tahoma, sans-serif; font-size:1.2em; font-weight:normal;}

	
}