@charset "utf-8";

/*
:target:before {
	content:"";
	display:block;
	display:table-caption;
	height:155px;
	margin:-155px 0 0;
}
*/

#corps {
	padding-left: 0;
	padding-right: 0;
	max-width: 1200px;
	margin-left: calc(12% + 15px);
	border-top: 0;
}

#corps2 {
	padding: 1px 30px 30px 30px; /* top:1px pour exemple /camping-car/ */
}

/* barre de navigation verticale gauche */
#navv {
	position: absolute;
	width: 160px;
	display: none;
	padding: 5px 0 5px 5px;
	font-size: 13px;
	z-index: 100;
	overflow-y: auto;
	overflow-x: hidden;
	margin-left: -194px;
	top: 155px;
	line-height: 1em;
}

#navv hr {height:1px;color:#888;background-color:#888;position:relative;left:-5px;margin:0;}
#navv .n_t {font-weight:bold;color:#ff7f00;font-size:1.1em;text-transform:uppercase;}
#navv .n_r a {color:#d66b00;}
#navv div {margin:5px 0;text-indent:-4px;}
#navv > div {font-weight:bold;}
#navv > div a:hover {color:#e84446;}
#navv div div {margin-left:8px;font-size:.9em;}
#navv div a {color:#0066ff;}
#navv div div a {color:#5566bb;}
#navv img {width:94%;}
#navv .h {display:none;}
/* *** */

hr {
	height: 9px;
	background-color: rgb(216, 108, 0);
	border: 0;
	border-radius: 3px;
	clear: both;
}

div.pub1 {
	text-align: center;
	overflow: hidden;
}

h1 {
	color: #ff7f00;
}

div#BarreDeMenu {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.corp table {
	text-align: justify;
	border: 0;
}

.bEntete {width:100%;}
.bEntete .carte {margin-left:12px;margin-right:27px;}
.bEntete > div {background:linear-gradient(#384547 185px, white 185px);width:1200px;padding-left:30px;padding-right:30px;}
.bEntete > div > p {color:#ff8c00;font-size:1.5em;text-transform:uppercase;margin-top:0;margin-bottom:0;line-height:1em;padding-top:35px;padding-top:25px;}
.bEntete > div > h1 {color:#ffbe6e;font-weight:bold;line-height:1em;padding:8px 0 24px 0;}

.barR1 > div, .bEntete > div {padding-left:30px;padding-right:30px;}

h2 {letter-spacing:.03em;color:#dc181b;font-size:1.8em;margin-top:45px;margin-bottom:0;padding-bottom:12px;}
h3 {letter-spacing:.03em;color:#e84446;font-size:1.5em;margin-top:40px;margin-bottom:0;padding-bottom:8px;}
h4 {letter-spacing:.03em;color:#338855;font-size:1.3em;margin-top:35px;margin-bottom:0;padding-bottom:4px;}
h5 {letter-spacing:.03em;color:#449966;font-size:1.1em;margin-top:30px;margin-bottom:0;padding-bottom:0;}
h2, h3, h4, h5, p.t2, p.t3 {line-height:1.2;} /* 20/09/2018 */

hr + h2, hr + p.t2, div + h2, hr + p.t3 {margin-top:10px;} /* un peu plus d'espace après un <hr> */
h2 + h3, h3 + h4, h5 + h5 {margin-top:9px;} /* moins d'espace si 2 titres se suivent */

p {text-align:justify;}
p.carnet {text-align:center;color:#005522;font-size:1.6em;}
p.t1 {color:#339966;font-size:1.4em;text-align:center;}
p.t2, h2.t2 {letter-spacing:.03em;color:#e84446;font-size:1.7em;text-align:left;font-weight:bold;margin-top:40px;}
p.t3, h3.t3 {letter-spacing:.03em;color:#f85456;font-size:1.4em;text-align:left;font-weight:bold;}
p.pp1 {font-size:1.3em;text-align:center;margin-right:15px;margin-left:15px;margin-bottom:20px;}
p.pp2 {font-size:1.5em;text-align:center;margin-right:15px;margin-left:15px;}
p.cj1 {color:#008000;text-align:right;}
p.stitre {font-size:1em;margin:0 0 1.3em 0;}

/* pour les pages récits "globale" */
.glob h1 {text-align:left;font-weight:bold;}
.glob .carnet {text-align:left;margin-bottom:25px;text-transform:uppercase;margin-top:0;}
.glob .t0 {text-transform:initial;margin:0;text-align:left;margin-bottom:15px;}
.glob .t0 a {display:inline-block;margin:0;padding:0;font-weight:bold;margin-right:10px;font-size:1.3em;}
.glob .t0 br {display:none;}

table.cara td, table.resume td {
	padding-left: 30px;
	padding-right: 5px;
	margin: 0;
}

table.resume {
	font-size: .85em;
	margin-top: .75em;
}

table.resume th:first-child {
	width: 30%;
}

table.cara td:first-child {
	font-weight: bold;
	width: 30%;
}

table.pasTab {
	/* font-size: 0.89em; */
	font-size: .9em;
	margin-top: .75em;
}

table.pasTab th {
	display: none;
}

table.pasTab td {
	display: block;
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
}

table.pasTab td:first-child {
	padding-left: 15px;
	font-weight: bold;
}

table.pasTab td:first-child a {
	color: #0053d0;
}

table.pasTab td:last-child {
	font-size: .93em;
	margin-bottom: 12px;
}

table.info {
	/*
	color: rgb(0, 60, 11);
	background-color: rgb(255, 253, 203);
	margin: 15px auto auto auto;
	border: 1px solid rgb(230, 112, 40);
	font-size: 0.9em;
	*/
	border-spacing: 0;
}

table.info td {padding:8px;}

/* table.info tr:nth-child(2) td:nth-child(1) p:first-child, table.info tr:nth-child(2) td:nth-child(1) div:first-child + p {margin-top:0;} */ /* 21/09/2018 : redondant ?! */

table.info tr:first-child td:first-child {
	width: 50px;
	text-align: center;
	vertical-align: top;
	padding: 8px 0 0 0;
}

table.info tr:first-child td:first-child img {
	padding-bottom: 10px;
}

table.info tr:first-child td:nth-child(2) {
	font-weight: bold;
	font-size: 1.3em;
	letter-spacing: .03em;
}

table.info tr:nth-child(2) td:nth-child(1) {
	text-align: justify;
}

table.info tr:nth-child(2) td:nth-child(1) *:first-child, table.info tr:nth-child(2) td:nth-child(1) ul:first-child {
	margin-top: 0;
}

table.info tr:nth-child(2) td:nth-child(1) .ph {
	max-height: 150px;
}

table.info tr:first-child td:nth-child(3) {
	width: 50px;
	font-size: 10pt;
}

table ul {margin-bottom:9px;}
table li {margin-bottom:9px;}
table.liSerre li {margin-bottom:2px;}

table.info + hr {margin-top:20px;}

.info {
	color: rgb(0, 60, 11);
	background-color: rgb(255, 253, 203);
	margin: 15px auto auto auto;
	border: 1px solid rgb(230, 112, 40);
	font-size: .9em;
	padding: 8px 56px;
	background-repeat: no-repeat;
	background-position: 9px 9px;
	background-size: 32px 32px; /* important pour les .svg */
}

/* Test */
/*
.info {
	color: rgb(0, 60, 11);
	margin: 15px auto auto auto;
	font-size: 0.9em;
	padding: 8px 25px;
	background-repeat: no-repeat;
	background-position: 9px 9px;
}

.info > div:first-child, details.info summary, dl.info dt {
	font-weight: bold;
	font-size: 1.3em;
	letter-spacing: 0.03em;
	padding-left: 30px;
}

.info > div:nth-child(2), dl.info dd {
	border-left: 5px solid rgba(0, 60, 11, 0.18);
	padding-left: 25px;
}
*/
/* Fin du test */

dl.info, details.info {clear: both;} /* Bali Le Gamelan */

details summary::-webkit-details-marker {
	display: none;
}

details summary {
	outline: none;
}

details:not([open]) summary {
	color: #0066ff;
	cursor: pointer;
}

dl.info dd {
	margin: 0;
	display: inline-block;
}

.info > div:first-child, details.info summary, dl.info dt {
	font-weight: bold;
	font-size: 1.3em;
	letter-spacing: .03em;
}

.info .fd, .info .fd {
	max-width: 240px;
	margin-top: 3px;
}

.info .fd img, .info .fg img {
	max-height: 240px;
	margin-left: 2px;
	margin-top: 1px;
	display: inline-block; /* important lorsqu'il y a plusieurs images */
}

.info .grand {
	max-width: none;
	display: block;
}

.info .grand img {
	max-height: none;
}

.info .petit {
	max-width: 350px;
}

.info .petit img {
	width: 170px;
}

.info .petit3col {
	max-width: 530px;
}

/* 20/07/2017
table.info .petit3col img {
	width: 170px;
}
*/

div.info2 {
	font-size: .7em;
	margin: 15px auto auto auto;
	text-align: center;
}

div.info2:before {
	content: "En savoir plus";
	display: block;
}

div.info2 a {
	font-size: 1.3em;
	background-color: rgb(241, 241, 241);
	margin: auto 2px 4px 2px;
	border: 1px solid rgb(173, 173, 173);
	font-weight: bold;
	padding: 8px 35px 8px 56px;
	background-repeat: no-repeat;
	background-position-x: 3px;
	background-position-y: center;
	display: inline-block;
	border-radius: 6px;
	background-size: 32px 32px; /* important pour les .svg */
}

div.info2 a:hover {background-color: rgb(255, 253, 203);}

.i-attention {background-image:url(/images/i/32/attention.png);}
.i-autoroute {background-image:url(/images/i/32/autoroute.png);}
.i-avion {background-image:url(/images/i/32/avion5.png);}
.i-camping-car {background-image:url(/images/i/svg/camping-car.svg);}
.i-chariot {background-image:url(/images/i/32/chariot.png);}
.i-change {background-image:url(/images/i/32/change.png);}
.i-deplacement {background-image:url(/images/i/32/deplace.png);}
.i-eco {background-image:url(/images/i/32/eco.png);}
.i-faune {background-image:url(/images/i/32/faune.png);}
.i-flore {background-image:url(/images/i/32/flore.png);}
.i-hebergement {background-image:url(/images/i/32/hebergement.png);}
.i-horloge {background-image:url(/images/i/32/horloge.png);}
.i-info {background-image:url(/images/i/32/info.png);}
.i-langue {background-image:url(/images/i/32/langue.png);}
.i-orientation {background-image:url(/images/i/32/orientation.png);}
.i-passeport {background-image:url(/images/i/32/passeport.png);}
.i-repas {background-image:url(/images/i/32/repas.png);}
.i-route {background-image:url(/images/i/32/route.png);}
.i-skieur {background-image:url(/images/i/svg/skieur.svg);}
.i-thermometre {background-image:url(/images/i/32/thermometre.png);}
.i-touriste {background-image:url(/images/i/32/touriste.png);}
.i-valise {background-image:url(/images/i/32/valise.png);}
.i-web {background-image:url(/images/i/32/web.png);}

a {outline:none;text-decoration:none;color:#0066ff;}
a:visited {text-decoration:none;color:#0066ff;}
a:hover {text-decoration:underline;color:#0066ff;}
a:active {text-decoration:none;color:#0066ff;}

a img.ph, .illu a img {
	cursor: url(graphics/zoomin.cur), pointer;
	border: 1px solid #aaa;
	margin-bottom: 5px;
}

/* images miniatures */
a img.ph2 {
	/* border: 1px solid #555; */
	margin-top: 2px;
	height: 62px;
}

a:hover img.ph, .illu a:hover img, a:hover img.ph2 {
	border-color: #aaaaff;
}

a img.pl {
	cursor: url(graphics/zoomin.cur), pointer;
	border-width: 0;
}

.lien {border:1px dotted #3399FF;border-radius:6px;font-size:.9em;padding:0 4px;margin:0 1px;white-space:nowrap;}
.reserve {border:1px dotted #888;background-color:#eee;border-radius:6px;font-size:.8em;padding:0 4px;margin:0 1px;white-space:nowrap;}
.repere {text-transform:uppercase;font-size:.8em;white-space:nowrap;}

.ModeEmploiCarte {
	margin-top: 9px;
	font-size: .8em;
	text-align: left;
}

.ModeEmploiCarte li {
	margin: 0;
}

span.photos img {
	cursor: pointer;
	vertical-align: middle;
}

span.photos img.ph2 {
	margin: 1px;
	transition: 1s all;
	transform: scale(0);
	max-height: 1px;
}

span.photos span {
	display: none;
	margin-top: 4px;
}

img.gps {cursor:pointer;}

a.photo img {
	vertical-align: middle;
	border: 0;
}

.illu {
	margin: auto;
	text-align: center;
	font-size: .8em;
	clear: both;
	margin: 15px 0;
}

.illu fd img {
	margin: 8px 13px 8px 0;
}

.illu div.grp {
	display: inline-block;
}

.illuBande {
	text-align: center;
	font-size: 0;
	clear: both;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 15px 27px;
}

.illuBande > div {
	padding: 3px;
	width: 100%; /* IE + largeur identique pour toutes les images */
}

.illuBande > div img {
	height: 100%;
	width: 100%;
}

.illuBande + p {
	margin-top: 35px;
	margin-bottom: 35px;
}

.map {
	position: relative;
}

.map .area {
	position: absolute;
	border-radius: 10px;
	border: rgba(0, 0, 0, .3) dashed 1px;
}

.map:hover .area {
	background-color: rgba(0, 0, 0, .1);
}

.map .area:hover {
	background-color: rgba(116, 190, 255, .4);
}

.map img {
	width: 100%;
}

.nbcol2, .nbcol3 {margin-top:10px;} /* 19/03/2018 */
.nbcol2 ul, .nbcol3 ul {margin:0;}
.nbcol2 li, .nbcol3 li {break-inside:avoid-column;-webkit-column-break-inside:avoid;page-break-inside:avoid;}

ul.paragr li {margin-bottom:15px;text-align:justify;}

.barR1 {
	height: 50px;
}

.barR1 > div {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: #384547;
	height: 50px;
	align-items: center;
	width: 1200px;
}

.barR1 > div > div:first-child {
	flex: 1;
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	font-size: 1.3em;
	letter-spacing: .1em;
	text-align: left;
	margin-left: 2px;
	line-height: 1.2em;
}

.barR1 > div > div + div {
	padding-left: 25px;
}

.barR1 > div img {
	height: 25px;
}

table.auto, .auto { /* autorise qu'il y est un float à droite */
	width: auto;
	clear: initial;
}

.autofill {width:-webkit-fill-available;}
.clear {clear:both;}

blockquote {
	border-left: 5px solid #ddd;
	padding-left: 10px;
	margin-left: 8px;
	font-style: italic;
	font-size: .95em;
}

.small {font-size:.9em;}

ol li {padding-left:5px;}
	
@media (min-width: 521px) {
	.nbcol2 {
		columns: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
	.nbcol3 {
		columns: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media (min-width: 800px) {
	.nbcol3 {
		columns: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}

@media (min-width: 1600px) {
	.n4 a:nth-child(2):after {
		content: " ";
		visibility: hidden;
		display: block;
		font-size: .01em;
		clear: both;
		height: 0;
	}
}

@media (max-width: 1599px) {
	.n4v a:nth-child(2):after {
		content: " ";
		visibility: hidden;
		display: block;
		font-size: .01em;
		clear: both;
		height: 0;
	}
	table.info .petit3col {
		max-width: 350px;
	}
	.barR1 > div, .bEntete > div {
		width: 960px;
	}
}

.fd, .fg {
	max-width: 50%;
	text-align: center;
	font-size: .9em;
}

.fd {
	float: right;
	margin: 18px 0 5px 15px;
}

.fg {
	float: left;
	margin: 0 15px 5px 0;
}

.fd img, .fg img {
	margin-bottom: 4px;
}

li .fd, li .fg {margin-top:6px;}

.rechWid, .rechWid2 {
	margin: .9em 0 1em 0;
}

.rechWid:before {
	content: "\2192";
	font-size: 1.45em;
	line-height: 1em; /* 21/09/2018 */
	margin-right: 5px;
}

.carte {
	margin: 25px 0;
}

@media screen and (max-width: 1599px) {
	#corps {
		max-width: 960px;
		margin-left: auto;
	}
}

@media (min-width: 1040px) {
	#corps {
		box-shadow: 0 0 15px 8px rgb(218, 218, 218);
		padding-bottom: 5px;
		margin-bottom: 25px;
		border: 1px solid rgb(123, 147, 152);
		border-top: 0;
	}
	.barR1 > div, .bEntete > div {margin-left: -1px;}
}

@media (max-width: 990px) {
	#corps {
		border: 0;
	}
	#corps2 {
		padding: 0 15px;
	}
	hr {
		margin-left: -15px;
		margin-right: -15px;
		border-radius: 0;
		height: 3px;
	}
	.t0 +h1, p.t0 {
		margin-left: 0;
	}
	.barR1 > div, .bEntete > div {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.barR1 > div > div:first-child {
		margin-left: 1px;
	}
	.bEntete .carte {margin-right: 12px;}
	.illuBande {
		margin: 15px 12px;
	}
	table.info .fd img, table.info .fg img {
		/* max-height: 140px; 29/08/2017 : Coco de mer */
	}
}

@media (max-width: 840px) {
	table.info .fd {
		/* width: 170px; 20/07/2017 */
		max-width: 50%;
	}
}

@media (min-width: 641px) {
	#imprimante {display: inline-block;}
}

@media (max-width: 640px) {
	.grand {
		max-width: 100%;
		margin-bottom: 10px;
		width: 100%;
	}
	table.info ul {
		padding-left: 20px;
	}
	.ModeEmploiCarte {
		display: none;
	}
	.fd, fg {
		clear: both;
		margin-top: 8px;
	}
	.fd {
		margin-left: 9px;
	}
	.fg {
		margin-right: 9px;
	}
	.seul640, table.info .seul640, table.info .fd img.seul640 {
		display: block;
		float: none;
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}
	.seul640 * {
		margin: auto;
	}
	.bEntete > div {
		background: none;
	}
	.bEntete > div > h1 {
		color: #ff8c00;
		padding-bottom: 0;
	}
	.bEntete .carte {
		padding: 15px;
		margin: 0;
	}
}

@media (max-width: 639px) { /* annule init */
	td, th {
		display: table-cell;
	}
}

@media (max-width: 520px) {
	table.resume th {
		display: none;
	}
	table.cara td, table.resume td {
		display: block;
		width: auto !important;
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 0;
	}
	table.cara td:first-child {
		width: 100% !important;
	}
	table.cara td:first-child, table.resume td:first-child {
		padding-left: 15px;
		font-weight: bold;
	}
	table.cara td:last-child, table.resume td:last-child {
		margin-bottom: 5px;
	}
	table.info {
		width: 100%;
	}
	table.info tr:first-child td:nth-child(3) {
		display: none;
	}
	table.info tr:first-child td:first-child {
		display: none;
	}
	.info {
		padding: 8px;
		background-image: none;
	}
	.barR1 > div {
		font-size:.7em;
	}
	.illuBande > div {
		padding: 1px;
	}
	.glob .t0 a {display:block;font-size:1.4em;line-height:1em;}
	.glob .carnet {font-size:1.3em;}
	.fd img, .fg img {
		display: -webkit-box; /* Parfait, voir dans la page camping-car */
	}
}

@media (max-width: 320px) {
	table.info td.info, table.info tr:first-child td:first-child {
		display: none;
	}
	table.info tr:first-child td:nth-child(2), table.info tr:nth-child(2) td:nth-child(1) {
		margin: 0;
	}
}

@media (max-height: 520px) {
	.barR1 {display:none;}
}

/* Version imprimable */
/* le reste fait par menu.js */
@media print {
	blockquote,caption,details,dl,figure,label,ol,p,pre,td,textarea,th,ul {line-height:1.2;}
	#print #msgRecit {display:block;}
	#corps {margin:auto;}
	/* .bEntete, .barR1 {display: none;} */
	.barR1, .bEntete img, .bEntete p {display:none;}
	.bEntete h1 {font-size:3em;}
}