@charset "UTF-8";
  
/*************************************************************
 bonpon オクシタニーの旅
 [css/cms_reset.css]
 19.11.08
**************************************************************/

body:not(.home):not(.subhome):not(.page-tag):not(.search-results):not(.campaign):not(.campaign-folder) .page {
    padding: 0;
}
.view--article .top-page .header-article {
    margin: 0;
}
.view--article .top-page .breadcrumb,
.view--article .top-page .header-article .title,
.view--article .top-page .author-date {
	display: none;
	margin: 0;
}
.view--article .middle-page {
	padding: 0;
}
.view--article .middle-page .article-events-section .title-events {
    padding: 0;
}
.view--article .one-column-gutters {
	/*padding: 0;*/
}
.view--article .two-columns {
	float: none;
	width: auto;
	margin: 0;
}
.view--article .middle-page a .external-link {
	display: none;
}
.view--article #contentWrap {
	margin-top: -70px;
}
.view--article #contentWrap ul li {
	letter-spacing: 0;
}
#contentWrap h1,
#contentWrap h2,
#contentWrap h3,
#contentWrap h4,
#contentWrap h5,
#contentWrap h6 {
	line-height: 1.8;
	letter-spacing: 0;
}
.view--article #contentWrap li {
	font-family: 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif !important;
}
.view--article #contentWrap iframe {
	margin: 0 !important;
}
@media screen and (max-width:1303px){
	body:not(.home):not(.subhome):not(.page-tag):not(.search-results):not(.campaign):not(.campaign-folder) .page {
		width: 100%;
	}
}
@media screen and (max-width:1123px){
	body:not(.home):not(.subhome):not(.page-tag):not(.search-results):not(.campaign):not(.campaign-folder) .page {
		margin: 0;
	}
	.view--article .middle-page .article-events-section .one-column-gutters {
		padding: 0;
	}
}
  
/*************************************************************
 bonpon オクシタニーの旅
 [css/default.css]
 19.11.08
**************************************************************/

/* 目次
-------------------------------------------------------------
 1) reset
 2) clear
 3) flexbox
 4) pcOnly, spOnly
-------------------------------------------------------------*/


/* 1) reset
-------------------------------------------------------------*/
html,body,
#contentWrap,
#contentWrap div,
#contentWrap span,
#contentWrap iframe,
#contentWrap h1,
#contentWrap h2,
#contentWrap h3,
#contentWrap h4,
#contentWrap h5,
#contentWrap h6,
#contentWrap p,
#contentWrap em,
#contentWrap img,
#contentWrap small,
#contentWrap strong,
#contentWrap sub,
#contentWrap sup,
#contentWrap b,
#contentWrap i,
#contentWrap a,
#contentWrap dl,
#contentWrap dt,
#contentWrap dd,
#contentWrap ol,
#contentWrap ul,
#contentWrap li,
#contentWrap table,
#contentWrap tbody,
#contentWrap thead,
#contentWrap tr,
#contentWrap th,
#contentWrap td,
#contentWrap article,
#contentWrap aside,
#contentWrap figcaption,
#contentWrap figure, 
#contentWrap footer,
#contentWrap header,
#contentWrap nav,
#contentWrap section,
#contentWrap time,
#contentWrap mark,
#contentWrap audio,
#contentWrap video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}
#contentWrap article,
#contentWrap aside,
#contentWrap figcaption,
#contentWrap figure,
#contentWrap footer,
#contentWrap header,
#contentWrap nav,
#contentWrap section { 
	display:block;
}
#contentWrap nav ul,
#contentWrap ul li,
#contentWrap ol li {
    list-style: none;
}
#contentWrap h1,
#contentWrap h2,
#contentWrap h3,
#contentWrap h4,
#contentWrap h5,
#contentWrap h6 {
	font-weight: bold;
	color: #002374;
}
#contentWrap {
	font-size: 16px;
	line-height: 1.8;
	font-weight: normal;
	font-family: 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: #002374;
	max-width: 1024px;
	margin: 0 auto;
}
@media screen and (max-width:600px){
	#contentWrap { font-size: 15px; }
}
#contentWrap a {
	color: #e30019;
	text-decoration: underline;
}
#contentWrap a:hover {
	text-decoration: none;
}
#contentWrap a[href^="tel:"] {
	cursor: default;
}
#contentWrap a[href^="tel:"]:hover {
	text-decoration: none;
}
#contentWrap mark {
    background-color:#fff;
    font-weight:bold;
}
#contentWrap table {
    border-collapse:collapse;
    border-spacing:0;
}
#contentWrap table,
#contentWrap th,
#contentWrap td {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#contentWrap hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #a29758;
    margin:0;
    padding:0;
}
#contentWrap img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: top;
}
#contentWrap b {
	font-weight: bold;
}

/* 2) clear
-------------------------------------------------------------*/
#contentWrap .clear { clear: both; }
#contentWrap .clearfix:after {
	display: block;
	clear: both;
	content: "";
}

/* 3) flexbox
-------------------------------------------------------------*/
#contentWrap .flexbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* 4) pcOnly, spOnly
-------------------------------------------------------------*/
#contentWrap .pcOnly { display: block; }
#contentWrap .spOnly { display: none; }
@media screen and (max-width:600px){
	#contentWrap .pcOnly { display: none; }
	#contentWrap .spOnly { display: block; }
}
  
/*************************************************************
 bonpon オクシタニーの旅
 [css/top.css]
 19.11.08
**************************************************************/

/* 目次
-------------------------------------------------------------
 1) 共通
 2) header
 3) profile
 4) infoOccitanie
 5) topicsLink
 6) raileurope
 7) tourPresent
-------------------------------------------------------------*/



/* 1) 共通
-------------------------------------------------------------*/
#contentWrap section {
	margin-bottom: 40px;
}
@media screen and (max-width:600px){
	#contentWrap section {
		margin-bottom: 30px;
	}
}

/* 2) header
-------------------------------------------------------------*/
#contentWrap #header {
	position: relative;
	height: 570px;
	background: url(//images.ctfassets.net/zeaejvyq9bhj/7pf3hmzWVk8hZ96PAJmuBc/3b879abf788586a04285177eede8672a/kv_pc.jpg) no-repeat center center;
	background-size: cover;
	border-radius: 12px;
}
#contentWrap #header h1 {
	padding: 32px 30px 0;
}
#contentWrap #header h1 img {
	width: 860px;
	margin: 0 auto;
}
#contentWrap #header p.anker {
	position: absolute;
	width: 142px;
	top: 292px;
	right: 20px;
	background: url(//images.ctfassets.net/zeaejvyq9bhj/3r6CIU2ZvzdsBzMBEaf0LZ/303f6733ea8778692226a82880436d13/btn_tour_off.png) no-repeat 0 0;
	background-size: cover;
}
#contentWrap #header p.anker a {
	display: block;
	height: 139px;
	font-size: 0;
	line-height: 0;
	text-index: -9999px;
	outline: none;
	background: url(//images.ctfassets.net/zeaejvyq9bhj/2dVzsTeWGVrrQiEbXhwaEf/026a2312424b9cc839324ff158be9959/btn_tour_on.png) no-repeat 0 0;
	background-size: cover;
	opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#contentWrap #header p.anker a:hover {
	opacity: 1;
}
#contentWrap #header p.lead {
	position: absolute;
	width: 443px;
	left: 15px;
	bottom: 15px;
	font-size: 17px;
	text-align: justify;
	color: #fff;
	background-color: rgba(33, 11, 0, 0.6);
	padding: 15px 20px;
	text-shadow: 0 0 4px black;
}
@media screen and (max-width:1024px){
	#contentWrap #header {
		border-radius: 0;
	}
	#contentWrap #header p.anker {
		top: 210px;
		right: auto;
		left: 20px;
	}
}
@media screen and (max-width:700px){
	#contentWrap #header {
		height: 530px;
	}
	#contentWrap #header p.anker {
		top: 160px;
	}
	#contentWrap #header p.lead {
		width: 352px;
		font-size: 16px;
	}
}
@media screen and (max-width:600px){
	#contentWrap #header {
		height: auto;
		background: none;
	}
	#contentWrap .catchWrap {
		height: 350px;
		background: url(//images.ctfassets.net/zeaejvyq9bhj/2jlLyERpxVVEMjhVBMuBjM/2972d8f24ddcd80a21da1f4d6fe56802/kv_sp.jpg) no-repeat center center;
		background-size: cover;
	}
	#contentWrap #header h1 {
		padding: 20px 20px 0;
	}
	#contentWrap #header h1 img {
		width: 252px;
	}
	#contentWrap #header p.anker {
		width: 114px;
		top: 220px;
	}
	#contentWrap #header p.anker a {
		height: 112px;
	}
	#contentWrap #header p.lead {
		position: relative;;
		width: auto;
		left: auto;
		bottom: auto;
		color: #002374;
		background: 0;
		padding: 20px 20px 0;
		text-shadow: none;
	}
}

/* 3) profile
-------------------------------------------------------------*/
#contentWrap #profile {
	min-height: 315px;
	background: url(//images.ctfassets.net/zeaejvyq9bhj/2AUFReKQWLeCCSIqV9CmT/35c41fbe617702ddc8095606cacfef97/frame_double.png) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	padding: 21px 10px 21px 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#contentWrap #profile figure {
	width: 162px;
	flex-shrink: 0;
}
#contentWrap #profile dl {
	width: 602px;
	margin-left: 5.85%;
}
#contentWrap #profile dt {
	width: 189px;
	margin-bottom: 14px;
}
#contentWrap #profile dd {
	font-size: 14px;
}
#contentWrap #profile dd span {
	display: block;
	width: 342px;
	background: url(//images.ctfassets.net/zeaejvyq9bhj/6ETtHpqhlgaxdEs97qCqXa/41b41bcaec94c8b0bef6ebb3a4495cba/insta_off.png) no-repeat 0 0;
	background-size: cover;
	margin-top: 8px;
}
#contentWrap #profile dd span a {
	display: block;
	height: 32px;
	font-size: 0;
	line-height: 0;
	text-index: -9999px;
	outline: none;
	background: url(//images.ctfassets.net/zeaejvyq9bhj/3x1phxthA8SntAqOHpImPo/d1f5ac714330bf1cbbb26de1081d29d0/insta_on.png) no-repeat 0 0;
	background-size: cover;
	opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#contentWrap #profile dd span a:hover {
	opacity: 1;
}

@media screen and (max-width:1024px){
	#contentWrap #profile {
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media screen and (max-width:900px){
	#contentWrap #profile {
		padding: 30px 25px 30px 35px;
		background-image: url(//images.ctfassets.net/zeaejvyq9bhj/39JxbhC3EQlLsi4poMHmnE/77e184a71df638aa2835b83f23e40493/frame_double2.png);
	}
	#contentWrap #profile dl {
		margin-left: 2.5%;
	}
}
@media screen and (max-width:650px){
	#contentWrap #profile figure {
		width: 140px;
	}
	#contentWrap #profile dt {
		width: 160px;
	}
	#contentWrap #profile dd span {
		display: block;
		width: 310px;
	}
	#contentWrap #profile dd span a {
		height: 29px;
	}
}
@media screen and (max-width:600px){
	#contentWrap #profile {
		display: block;
		background-image: url(//images.ctfassets.net/zeaejvyq9bhj/5LyEhX6bFyWTGJcF3uJ1vc/8c90445c23e7f618199783ae574a3a3a/frame_double3.png);
		padding: 28px 22px 35px 28px;
		margin-left: 10px;
		margin-right: 10px;
	}
	#contentWrap #profile figure {
		width: 130px;
		margin: 0 auto 15px;
	}
	#contentWrap #profile dl {
		width: auto;
		margin-left: 0;
	}
	#contentWrap #profile dt {
		width: 150px;
		margin-left: auto;
		margin-right: auto;
	}
	#contentWrap #profile dd span {
		background-image: url(//images.ctfassets.net/zeaejvyq9bhj/2xMbH866iSp6CpY7kyS6X5/10e43eb2423c23874151107a73f547f0/insta2_off.png);
		width: 205px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		
	}
	#contentWrap #profile dd span a {
		background: url(//images.ctfassets.net/zeaejvyq9bhj/2NosLL8pBRBM39FVAOkNcL/a3c62f5b52a5de64d094aff9a93bdfe0/insta2_on.png);
		height: 39px;
	}
}

/* 4) infoOccitanie
-------------------------------------------------------------*/
#contentWrap #infoOccitanie {
	position: relative;
	padding-bottom: 363px;
	background: #d4ebeb url(//images.ctfassets.net/zeaejvyq9bhj/48vw0VQBxBzkI9wX5Gyy6p/88b6285341fff4cf84881d8b44b45bb8/map_occitanie.png) no-repeat right bottom;
	background-size: 1024px auto;
	border-radius: 12px;
}
#contentWrap #infoOccitanie h2 {
	width: 544px;
	margin-left: auto;
	margin-right: auto;
	padding: 46px 20px 18px;
}
#contentWrap #infoOccitanie p.txt {
	font-size: 17px;
	text-align: center;
	padding-left: 40px;
	padding-right: 40px;
}
#contentWrap #infoOccitanie p.linkArticle {
	width: 251px;
	margin: 11px auto 0;
	background: url(//images.ctfassets.net/zeaejvyq9bhj/1Yrs6XbPDIF0fcuAvMmIgY/1acacb918f07936250fa6d668994c647/btn_occitanie_off.png) no-repeat 0 0;
	background-size: 251px auto;
}
#contentWrap #infoOccitanie p.linkArticle a {
	display: block;
	height: 39px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	outline: none;
	background: url(//images.ctfassets.net/zeaejvyq9bhj/10H0hckIufymwp1JMYUASw/f111b3fb3d976d69ea0f5bebb29de9c6/btn_occitanie_on.png) no-repeat 0 0;
	background-size: 251px auto;
	opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#contentWrap #infoOccitanie p.linkArticle a:hover {
	opacity: 1;
}
#contentWrap #infoOccitanie figure {
	position: absolute;
	width: 214px;
	border: #fff solid 6px;
	box-shadow: 0 0 3px rgba(61,35,4,0.4);
	right: 38px;
	bottom: 38px;
}
@media screen and (max-width:1024px){
	#contentWrap #infoOccitanie {
		border-radius: 0;
	}
	#contentWrap #infoOccitanie p.txt {
		text-align: left;
	}
	#contentWrap #infoOccitanie p.txt br {
		display: none;
	}
}
@media screen and (max-width:820px){
	#contentWrap #infoOccitanie {
		background-position: -200px bottom;
	}
}
@media screen and (max-width:750px){
	#contentWrap #infoOccitanie {
		padding-bottom: 290px;
		background-position: -160px bottom;
		background-size: 819px auto;
	}
	#contentWrap #infoOccitanie h2 {
		width: 450px;
		padding-top: 40px;
	}
	#contentWrap #infoOccitanie figure {
		width: 171px;
		border: #fff solid 5px;
		right: 30px;
		bottom: 30px;
	}
}
@media screen and (max-width:600px){
	#contentWrap #infoOccitanie {
		padding-bottom: 255px;
		background-color: #e1dbcc;
		background-image: url(//images.ctfassets.net/zeaejvyq9bhj/1KkmBJvDPQk5lSH0GiprPS/957811636f952b28d26a6b36ebc70b95/map_occitanie2.png);
		background-position: center bottom;
		background-size: 600px auto;
	}
	#contentWrap #infoOccitanie h2 {
		width: auto;
		padding-top: 30px;
		padding-bottom: 10px;
	}
	#contentWrap #infoOccitanie p.txt {
		font-size: 16px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#contentWrap #infoOccitanie p.linkArticle {
		width: 226px;
		background-size: 226px auto;
	}
	#contentWrap #infoOccitanie p.linkArticle a {
		height: 35px;
		background-size: 226px auto;
	}
	#contentWrap #infoOccitanie figure {
		position: relative;
		width: 150px;
		border: #fff solid 4px;
		right: auto;
		bottom: auto;
		margin: 30px auto 0;
	}
}

/* 5) topicsLink
-------------------------------------------------------------*/
#contentWrap #topicsLink {
	margin-bottom: 20px;
}
#contentWrap #topicsLink ul {
	-webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#contentWrap #topicsLink li {
	width: 240px;
	margin-right: 21px;
	text-align: center;
}
#contentWrap #topicsLink li:nth-child(4n) {
	margin-right: 0;
}
#contentWrap #topicsLink li a {
	display: block;
}
#contentWrap #topicsLink li a span.photo {
	display: block;
	height: 200px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	outline: none;
	border-radius: 12px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 240px auto;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#contentWrap #topicsLink li a:hover span.photo {
	background-size: 260px auto;
}
#contentWrap #topicsLink li.nimes a span.photo {
	background-image: url(//images.ctfassets.net/zeaejvyq9bhj/5V720zXZsqDknBiTXtJIW1/7a66ec5893fd43cfa339fe0e15bf8460/photo_nimes.jpg);
}
#contentWrap #topicsLink li.carcassonne a span.photo {
	background-image: url(//images.ctfassets.net/zeaejvyq9bhj/4QeNqjtNUCDzBjbylbW0rd/f8207c2e252b0e0b703ad1e08d0ff9dc/photo_carcassonne.jpg);
}
#contentWrap #topicsLink li.albi a span.photo {
	background-image: url(//images.ctfassets.net/zeaejvyq9bhj/R10LkVf7gTHEgukY1gAa8/c98f7fbc3c3e4c72d25ed71c1743650e/photo_albi.jpg);
}
#contentWrap #topicsLink li.rodez a span.photo {
	background-image: url(//images.ctfassets.net/zeaejvyq9bhj/1aeHHKeFvViRA3Wx0qbQVm/17af37fc0e1e18c035bacd3b312b0288/photo_rodez.jpg);
}
#contentWrap #topicsLink li.cahors a span.photo {
	background-image: url(//images.ctfassets.net/zeaejvyq9bhj/7gxh0zD6kvwgXsyqSVITSB/9a06106bc00ca60c0e5278dbb0a02c5f/photo_cahors.jpg);
}
#contentWrap #topicsLink li.toulouse a span.photo {
	background-image: url(//images.ctfassets.net/zeaejvyq9bhj/4dI17Cg56VrWBxYw5qgdGW/1ab222b11cbc881f359ac6d0f981cc7a/photo_toulouse.jpg);
}
#contentWrap #topicsLink li.lourdes a span.photo {
	background-image: url(//images.ctfassets.net/zeaejvyq9bhj/2F9AT0AiqFxnlgxIoPrQAK/3277c66ab76d0987e94b41f0cb0c58a0/photo_lourdes.jpg);
}
#contentWrap #topicsLink li a span.city img {
	height: 38px;
  width: auto !important;
	margin-top: 7px;
	margin-bottom: 18px;
}
@media screen and (max-width:1024px){
	#contentWrap #topicsLink {
		padding-left: 20px;
	}
	#contentWrap #topicsLink ul {
		width: 780px;
		margin: 0 auto;
	}
	#contentWrap #topicsLink li {
		margin-right: 20px;
	}
	#contentWrap #topicsLink li:nth-child(4n) {
		margin-right: 20px;
	}
}
@media screen and (max-width:800px){
	#contentWrap #topicsLink {
		padding-left: 20px;
		padding-right: 20px;
	}
	#contentWrap #topicsLink ul {
		width: auto;
		-webkit-box-pack: justify;
    	-webkit-justify-content: space-between;
    	-ms-flex-pack: justify;
    	justify-content: space-between;
	}
	#contentWrap #topicsLink li {
		width: 32%;
		margin-right: 0;
	}
	#contentWrap #topicsLink li:nth-child(4n) {
		margin-right: 0;
	}
}
@media screen and (max-width:600px){
	#contentWrap #topicsLink {
		margin-bottom: 12px;
	}
	#contentWrap #topicsLink li {
		width: 48%;
	}
	#contentWrap #topicsLink li a span.photo {
		height: 120px;
		border-radius: 8px;
		background-size: cover;
	}
	#contentWrap #topicsLink li a:hover span.photo {
		background-size: cover;
	}
	#contentWrap #topicsLink li a span.city img {
		height: 28px;
		margin-top: 5px;
		margin-bottom: 10px;
	}
}	

/* 6) raileurope
-------------------------------------------------------------*/
#contentWrap #raileurope {
	position: relative;
	height: 288px;
	overflow: hidden;
	background: url(//images.ctfassets.net/zeaejvyq9bhj/33L6F8azMc21spSMF8SxM4/6cf7eaf8bc59bd21fa8782000710e58c/frame_rail_pc.png) no-repeat 0 0;
}
#contentWrap #raileurope .photo {
	width: 443px;
	height: 100%;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	outline: none;
	background: url(//images.ctfassets.net/zeaejvyq9bhj/gWLCyklPFqkUemPCUd0fy/4408b1780e6e5b0251cddfc27d009e18/photo_rail_pc.jpg) no-repeat 0 0;
}
#contentWrap #raileurope .txtset {
	width: 494px;
	padding-right: 47px;
	padding-top: 34px;
}
#contentWrap #raileurope .txtset h2 {
	width: 278px;
	margin: 0 auto 15px;
}
#contentWrap #raileurope .txtset h2 img {
	display: block;
}
#contentWrap #raileurope .txtset p.txt {
	font-size: 14px;
	text-align: justify;
}
#contentWrap #raileurope .txtset .logo {
	width: 170px;
	margin: 12px auto 0;
}
#contentWrap #raileurope p.linkRail {
	position: absolute;
	width: 137px;
	right: 3px;
	bottom: 2px;
	background: url(//images.ctfassets.net/zeaejvyq9bhj/5e1nntSNmrU7G2TYV2WB4P/3d2d61c6455d904588063770a981e1c6/btn_rail_off.png) no-repeat 0 0;
	background-size: 137px auto;
}
#contentWrap #raileurope p.linkRail a {
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	outline: none;
	height: 32px;
	background: url(//images.ctfassets.net/zeaejvyq9bhj/72Rep1Emk5BOuVzenPqUTO/4fa5dc14c7f2c6f7a312c82a00ca300e/btn_rail_on.png) no-repeat 0 0;
	background-size: 137px auto;
	opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#contentWrap #raileurope p.linkRail a:hover {
	opacity: 1;
}
@media screen and (max-width:1024px){
	#contentWrap #raileurope {
		height: auto;
		margin-left: 20px;
		margin-right: 20px;
		padding: 24px;
		background-image: url(//images.ctfassets.net/zeaejvyq9bhj/5iY6wFAvR0DigDmXUGYglU/54e5c6f722f38e571e3cece1e47bc7aa/redline_yoko.png), url(//images.ctfassets.net/zeaejvyq9bhj/5iY6wFAvR0DigDmXUGYglU/54e5c6f722f38e571e3cece1e47bc7aa/redline_yoko.png), url(//images.ctfassets.net/zeaejvyq9bhj/6C2DZQmInQYrPCjcbPNFll/731059b62af56b0a5200c6c2b70ac0dc/redline_tate.png), url(//images.ctfassets.net/zeaejvyq9bhj/6C2DZQmInQYrPCjcbPNFll/731059b62af56b0a5200c6c2b70ac0dc/redline_tate.png);
		background-repeat: no-repeat;
		background-position: left top, left bottom, left top, right top;
		background-size: 100% 7px, 100% 7px, 7px 100%, 7px 100%;
		-webkit-box-align: stretch;
   		-webkit-align-items: flex-stretch;
   		-ms-flex-align: stretch;
    	align-items: flex-stretch;
	}
	#contentWrap #raileurope .photo {
		width: 47%;
		height: auto;
		background: url(//images.ctfassets.net/zeaejvyq9bhj/1PACo8g8wucDyYYIOoattf/975eb080f0b45a63ccae9ab9cb674c1e/photo_rail_sp.jpg) no-repeat right center;
		background-size: cover;
	}
	#contentWrap #raileurope .txtset {
		width: 50%;
		padding-right: 0;
		padding-top: 0;
	}
	#contentWrap #raileurope .txtset h2 {
		margin: 10px auto 15px;
	}
	#contentWrap #raileurope .txtset .logo {
		margin: 10px auto;
	}
}
@media screen and (max-width:750px){
	#contentWrap #raileurope {
		display: block;
	}
	#contentWrap #raileurope .photo {
		width: 100%;
		height: 260px;
	}
	#contentWrap #raileurope .txtset {
		width: 100%;
	}
	#contentWrap #raileurope .txtset h2 {
		margin: 25px auto 15px;
	}
	#contentWrap #raileurope .txtset .logo {
		margin: 10px auto 0;
	}
}
@media screen and (max-width:600px){
	#contentWrap #raileurope {
		margin-left: 10px;
		margin-right: 10px;
		padding: 20px;
	}
	#contentWrap #raileurope .photo {
		height: 240px;
	}
	#contentWrap #raileurope .txtset h2 {
		width: 220px;
	}
	#contentWrap #raileurope .txtset .logo {
		width: 130px;
		margin: 5px auto 20px;
	}
}
@media screen and (max-width:450px){
	#contentWrap #raileurope .photo {
		height: 200px;
	}
}

/* 7) tourPresent
-------------------------------------------------------------*/
#contentWrap #tourPresent .inner {
	padding: 28px 40px 33px;
}
#contentWrap #tourPresent .inner:nth-child(odd) {
	background: #d4ebeb url(//images.ctfassets.net/zeaejvyq9bhj/2CFaU2YLzz2THJzUEOx1Jv/82141560eab66cb8fd0c3ff4c767fbaf/whiteline1.png) no-repeat left bottom;
	background-size: 100% 6px;
} 
#contentWrap #tourPresent .inner:first-child {
	border-radius: 12px 12px 0 0;
}
#contentWrap #tourPresent .inner:nth-child(2) {
	background: #e1dbcc url(//images.ctfassets.net/zeaejvyq9bhj/3Th7oE51TlzNpYpUvpvLN2/3781a58efe28185b977bc03d87d6a56c/whiteline2.png) no-repeat left bottom;
	background-size: 100% 6px;
}
#contentWrap #tourPresent .inner:last-child {
	background-color: #e1dbcc;
	border-radius: 0 0 12px 12px;
} 
#contentWrap #tourPresent .overview {
	position: relative;
	padding: 43px 0 46px;
}
#contentWrap #tourPresent .overview h2 {
	width: 934px;
	height: 38px;
	background: url(//images.ctfassets.net/zeaejvyq9bhj/2FdXff2FWibsyEWNwyoCJ/3c0b50b2bcd9c3e229e2c38f7ca22ec1/tl_present_pc.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
}
#contentWrap #tourPresent .overview .linkcoord {
	position: absolute;
	width: 203px;
	height: auto;
	top: 127px;
	left: 46px;
}
#contentWrap #tourPresent .overview .routemap {
	position: absolute;
	width: 281px;
	height: auto;
	top: 136px;
	right: 15px;
}
#contentWrap #tourPresent .overview .campaignInfo {
	width: 454px;
	margin: 35px auto 0;
}
#contentWrap #tourPresent .overview p.txt {
	font-size: 17px;
	text-align: justify;
	margin-bottom: 8px;
}
#contentWrap #tourPresent .overview p.date {
	font-size: 17px;
	text-align: center;
}
#contentWrap #tourPresent .overview p.date b {
	font-size: 1.2em;
	text-align: center;
}
#contentWrap #tourPresent .overview p.apply {
	width: 351px;
	height: 54px;
	background: url(//images.ctfassets.net/zeaejvyq9bhj/5XWpByqX3SKmgKaTetsQIV/b61cb190ad2d4395356fcfe7d9e206f0/btn_apply_off.png) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 25px auto 0;
}
#contentWrap #tourPresent .overview p.apply a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(//images.ctfassets.net/zeaejvyq9bhj/5DO5rldsgIEGy3AXKRLg1g/fdc5394470109a11a17dba799b46fe13/btn_apply_on.png) no-repeat;
	background-size: 100% 100%;
	opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#contentWrap #tourPresent .overview p.apply a:hover {
	opacity: 1;
}
#contentWrap #tourPresent .inner .txtset {
	width: 514px;
	margin-right: 20px;
}
#contentWrap #tourPresent .inner .txtset h3 {
	font-size: 20px;
	line-height: 1.4;
}
#contentWrap #tourPresent .inner .txtset h3 br {
	display: none;
}
#contentWrap #tourPresent .inner .txtset p.txt {
	font-size: 14px;
	margin-top: 14px;
}
#contentWrap #tourPresent .inner .txtset p.txt a br {
	display: none;
}
#contentWrap #tourPresent .inner .cityPhoto {
	max-width: 400px;
}
#contentWrap #tourPresent .inner .cityPhoto img {
	border-radius: 12px;
}
@media screen and (max-width:1024px){
	#contentWrap #tourPresent .inner:first-child,
	#contentWrap #tourPresent .inner:last-child {
		border-radius: 0;
	}
	#contentWrap #tourPresent .overview {
		padding: 38px 0 46px;
		min-height: 385px;
	}
	#contentWrap #tourPresent .overview h2 {
		width: 559px;
		height: 92px;
		background-image: url(//images.ctfassets.net/zeaejvyq9bhj/2voeX3chl5fPNbcO8FlnPP/d7f896f35b494bee4be95d553d42eb9f/tl_present_tb.png) ;
		background-size: 100% 100%;
	}
	#contentWrap #tourPresent .overview .linkcoord {
		width: 146px;
		top: 145px;
		left: 45px;
	}
	#contentWrap #tourPresent .overview .routemap {
		width: 197px;
		top: 310px;
		right: auto;
		left: 30px;
	}
	#contentWrap #tourPresent .overview .campaignInfo {
		width: auto;
		padding: 0 50px 0 230px;
	}
	#contentWrap #tourPresent .inner .txtset p.txt a br {
		display: inline;
	}
}
@media screen and (max-width:675px){
	#contentWrap #tourPresent .overview .linkcoord {
		left: 30px;
	}
	#contentWrap #tourPresent .overview .routemap {
		left: 10px;
	}
	#contentWrap #tourPresent .overview .campaignInfo {
		padding: 0 40px 0 210px;
	}
	#contentWrap #tourPresent .overview p.apply {
		width: 298px;
		height: 46px;
	}
	#contentWrap #tourPresent .inner .txtset h3 br {
		display: inline;
	}
}
@media screen and (max-width:600px){
	#contentWrap #tourPresent .inner {
		display: block;
		padding-top: 25px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#contentWrap #tourPresent .overview {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	#contentWrap #tourPresent .overview h2 {
		width: 256px;
		height: 107px;
		background-image: url(//images.ctfassets.net/zeaejvyq9bhj/38vGmZsjZNqvN8wyDoN0FP/9b8bca4eec992ca9aea43164538d538d/tl_present_sp.png) ;
	}
	#contentWrap #tourPresent .overview .linkcoord,
	#contentWrap #tourPresent .overview .routemap {
		position: relative;
		top: auto;
		left: auto;
	}
	#contentWrap #tourPresent .overview .linkcoord {
		margin: 15px 0 15px 13%;
		float: left;
	}
	#contentWrap #tourPresent .overview .routemap {
		margin: 18px 10% 15px 0;
		float: right;
	}
	#contentWrap #tourPresent .overview .campaignInfo {
		padding: 0;
		clear: both;
	}
	#contentWrap #tourPresent .overview p.txt,
	#contentWrap #tourPresent .overview p.date {
		font-size: 16px;
	}
	#contentWrap #tourPresent .overview p.apply {
		margin-top: 20px;
	}
	#contentWrap #tourPresent .inner .txtset {
		width: auto;
		margin-right: 0;
	}
	#contentWrap #tourPresent .inner .cityPhoto {
		margin: 20px auto 0;
	}
}
@media screen and (max-width:500px){
	#contentWrap #tourPresent .overview .linkcoord {
		margin-left: 4%;
		width: 122px;
	}
	#contentWrap #tourPresent .overview .routemap {
		margin-right: 0;
		width: 169px;
	}
}
@media screen and (max-width:350px){
	#contentWrap #tourPresent .overview .linkcoord {
		margin-left: 0;
		width: 117px;
	}
	#contentWrap #tourPresent .overview .routemap {
		margin-right: -3%;
		width: 160px;
	}
	#contentWrap #tourPresent .overview p.apply {
		width: 280px;
		height: 43px;
	}
}

/* 8) logo
-------------------------------------------------------------*/
#contentWrap #logo {
	-webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#contentWrap #logo li {
	margin: 0 20px;
}
#contentWrap #logo li.logo_occitanie {
	width: 207px;
}
#contentWrap #logo li.logo_rail {
	margin-top: 6px;
}