@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	/* background-size: contain; */
	background-repeat: no-repeat;
	/* background-image: linear-gradient(to right, #ffffff00, #ffffffff); */
}
*::-webkit-scrollbar {
  width: 0px;
}
p {
    margin: 0;
    padding: 0;
}
figure {
    margin: 0;
    padding: 0;
}

path{
		stroke: #0003;
		fill:#fff;
}


a {
    text-decoration: none;
}
.center {
	text-align:center;
}
.blanc{
	background-color:#fff;
}
.fg{float:left;}
.fd{float:right;}
.moitie{
	width:50%;
}
.margin1max{margin:1vmax;}
.margin2max{margin:2vmax;}
.margin1min{margin:1vmin;}
.margin2min{margin:2vmin;}
.padding1max{padding:1vmax;}
.padding2max{padding:2vmax;}
.padding1min{padding:1vmin;}
.padding2min{padding:2vmin;}

.noir{
	color:#000;
}
nav#nav0 {
    width: 100%;
    height: 9vh;
}

	div#outils {
		float: right;
		margin: 1vh 0.5vw;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 100;
	}
		input#macol {
			width: 3vw;
			height: 3vw;
border-radius: 48%;
		}
	#btnmenu img {
		margin: 0.5vw 0 0 0.5vw;
		width: 5.2vw;
		border-radius: 0.5vw;
	}
	select#ville,select#rub {
		margin: 0.5vh;
		padding: 1.6vh 0.5vw;
		font-size: 1.75vw;
		border: none;
		text-align: center;
		width: 42.5vw;
		background-image: linear-gradient(to bottom right, #ffffff00, #ffffff33);
		float: left;
		text-shadow: 1px 1px 1px black;
	}

#nav1 {/* background-image: linear-gradient(to bottom right, #ffffff00, #ffffff55); *//* padding-top: 1vh; */position: absolute;width: 100%;/* background-color: #fff; */z-index: 1;}
	#nav1 #loc1 {
		width: 50vw;
		float: left;
		background-size: contain;
		background-repeat: no-repeat;
	}
		section.divos {
			padding: 0vh 0 0 0;
			/* background-image: linear-gradient(to bottom right, #ffffff00, #ffffff55); */
			/* background-image: linear-gradient(to right, #ffffff00, #ffffffff); */
		}
			svg.svg0 {
				height: 70vh;
				width: 100%;

			}

	#loc2{
		width: 50%;
		float:right;
		/* background-color: #fff6; */
		background-image: linear-gradient(to right, #ffffff00, #ffffffff);
	}
		#menuint a {
			display: block;
			width: 5vw;
			/* float: left; */
			margin: 1vh;
			/* border: outset 3px #fff8; */
			text-align: center;
			text-decoration: none;
			font-size: 0.8vw;
			padding: 2vh;
			/* height: 14vh; */
			/* border-radius: 30px; */
			/* background-image: linear-gradient(to bottom right, #ffffff00, #ffffff44); */
			text-shadow: 1px 1px 1px black;
			border-radius: 50%;
		}
#menuint a:hover {
	background-image: linear-gradient(to bottom right, #ffffff00, #ffffff77);
}		
		#menuint img {
			display: block;
			margin: auto;
			margin-top: 0.5vh;
			width: 3vw;
			opacity: 1;
		}

		article.zoom figure {
			float: left;
			width: 45%;
			margin: 0;
			margin-right: 2vmin;
			overflow: hidden;
			/* border-radius: 5vmax 0 0 0; */
		}
		
		#loc2 article.zoom div {
			width: 50%;
			float: right;
			font-size: 2vmin;
		}
		
		article.zoom figure img {
			width: auto;
			height: 30vh;
			margin: 0;
		}
		
		article.zoom {
			background-color: #fff;
			color: #000;
			min-height: 30vh;
			/* border-radius: 5vmax 5vmax 0 0; */
			/* margin-bottom: 3vh; */
		}
		
		article h2 {
			margin: 0;
			padding: 1.5vmin;
		}
		
		section#menuint {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-evenly;
			/* height: 41vh; */
			margin-top: 1vh;
			flex-direction: row;
		}
		
/*VILLES*/		
svg.svg1 {
    width: 10vw;
    float: left;
    padding: 1vh;
    margin-top: 2vh;
    border-radius: 50%;
}

div.divbg {
    width: 21vw;
    overflow: hidden;
    margin: 0 1vw;
    float: left;
    text-align: center;
    min-height: 20vh;
}

.divbg img {
    height: 18vh;
    display: block;
    margin: auto;
}

#divblaz {
    width: 9vw;
    float: left;
    overflow: hidden;
}
#divblaz p {
    margin:0px;
	padding:0px;
}
#divblaz img {
    /* width: 78%; */
    height: 15vh;
    /* margin-top: 2vh; */
}

a.elem.filmstrip img {
    height: 12vh;
    margin: 1vh 0.5vw 1vh 0;
}

.content {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
}

.container {
    /* width: 48%; */
    /* background-color: #fff; */
}

p.pdate {
    font-size: 2vw;
    background-image:url(../img/rdv.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 3vw;
    margin: 0;
    line-height: 8vh;
    padding-left: 9vw;
    text-shadow: 1px 1px 1px black;
}

p.pheure {
    /* margin-left: 10vw; */
    font-size: 1.5vw;
    margin: 0;
    margin-left: 13vw;
    /* margin-bottom: 2vh; */
    text-shadow: 1px 1px 1px black;
}




a.retour {
    float: left;
    display: block;
}

.retour img {
    width: 3vw;
    opacity: 0.4;
    margin-top: 10vh;
}

div#locs {
    background-image: linear-gradient(to bottom right, #ffffff00, #ffffff33);
}

.rad10 {
    border-radius: 10px 10px 0 0;
}

section#zoom {
    /* padding-right: 1vw; */
}

.deg2 {
    background-image: linear-gradient(to bottom right, #ffffff00, #ffffff22);
}
.deg5 {
    background-image: linear-gradient(to bottom right, #ffffff00, #ffffff55);
}
.deg7 {
    background-image: linear-gradient(to bottom right, #ffffff00, #ffffff77);
}

section#menusec {
    clear: both;
    margin: 1vw;
    /* border-radius: 10px; */
}
.divsec {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 1vh;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#menusec a.png {
    /* width: 7vw; */
    margin: 0vh 1vw;
    text-align: center;
}
.divrout {
    width: 42vw;
    font-size: 1.4vw;
    text-shadow: 1px 1px 1px black;
    /* display: flex; */
    justify-content: space-evenly;
}

span.pdate {
    font-size: 1.2vw;
    display: block;
    float: left;
    /* margin-left: 3vw; */
    /* margin-right: 1vw; */
}

.divrout a {
    background-color: #fff3;
    display: block;
    padding: 1vh 1vw;
    border-bottom: solid 1px #fff5;
    width: 96%;
    display: flex;
    justify-content: space-between;
    border-radius: 0 10px 0 0;
}

figure.divim {
    width: 22vw;
    text-align: center;
    margin: 0;
    padding: 0;
}

.blocksec .txtsec {
    width: 25vw;
    color: #000;
    padding: 0vh 0vw 0vh 1vw;
    font-size: 1vw;
}

.blocksec {
    display: flex;
    background-color: #fff;
    align-items: center;
    margin: 0;
    padding: 0;
    justify-content: center;
}

a.png img {
    width: 4vw;
}

h1 {
    font-size: 1.3vw;
    margin: 0 0 3vh 0;
    text-align: center;
}

embed.calsec {
    width: 100%;
    margin: 0;
    height: 60vh;
}

section.secsec {
    border-radius: 19px;
    margin-bottom: 2vh;
    width: 48%;
    margin: 2vh 1% 2vh 1%;
}

figure.divim img {
    width: 100%;
    margin-bottom: -4px;
}

div#lafoto img {
    width: 100%;
    /* display: block; */
    /* height: fit-content; */
    /* min-height: 66vh; */
}

svg.svg2 {
    width: 22vh;
    float: right;
    margin: 0.5vh 3vw;
}

div#lafoto {
    text-align: center;
    overflow: hidden;
    display: flex;
    height: 81vh;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    align-content: center;
}

span.pheure {
    display: block;
    float: left;
    font-size: 1.2vw;
}

span.ptitre {
    display: block;
    width: 25%;
    float: left;
}

div#letexte {
    width: 48%;
    margin-left: 2%;
}

a#btnmenu {
    position: fixed;
    display: block;
    top: 0;
    z-index: 10;
}

svg#mapabs0 {
    position: fixed;
    padding: 3vh 0.5vw;
    top: 0;
    left: 29vw;
    margin: 0;
    width: 40vw;
    background-image: linear-gradient(to bottom right, #ffffff00, #ffffff50);
    border-top-left-radius: 50%;
    /*border-top-right-radius: 0;*/
    box-shadow: 0px 0 40px 0px #fff;
}
#mapabs0 path{
	/* stroke:#fff6; */
	/* fill:#fff; */
}
svg#mapabs {
    position: absolute;
    padding: 1vw 0.5vw;
    top: 0;
    right: 0;
    margin: 0;
    width: 20vw;
    background-image: linear-gradient(to bottom right, #ffffff00, #ffffff77);
    border-top-left-radius: 50%;
    border-top-right-radius: 0;
}
#mapabs path{
	/* stroke:#0006; */
	/* fill:#fff; */
}

div#locV {
    background-size: cover;
    height: 100vh;
    /* background-position-y: -15vh; */
    background-repeat: no-repeat;
}

select#ville3 {
    /* width: 60vw; */
    font-size: 4vw;
    text-align: left;
    border: none;
    background-color: transparent;
    /* color: #000; */
    /* margin-left: 7vw; */
    margin-top: 1vh;
    padding: 2vh 0;
}
select#ville2 option {
    width: 50vw;
    font-size: 1.4vw;
    border: none;
    background-color: transparent;
    /* color: #000; */
    /* margin-left: 7vw; */
    /* margin-top: 2vh; */
}

section#sectitre {display: flex;width: 90%;/* padding-top: 2vh; */justify-content: space-evenly;/* margin-left: 8vw; */height: 20vh;background-color: #fffa;align-content: space-around;align-items: center;}

nav#navT {
    width: 48vw;
    padding: 1vh 0vw 1vh 1vw;
    margin-top: 15vh;
    /* column-count: 2; */
    /* column-gap: 0; */
    /* column-width: 9vw; */
}

nav#menuint {float: right;margin: 0vh 0vw 2vh 0;padding: 0 0 0 20vw;width: 28vw;position: absolute;top: 8vh;right: 0;display: flex;flex-wrap: wrap;justify-content: space-evenly;/* background-image: linear-gradient(to bottom right, #ffffff00, #ffffff55); */}

#navT a.vt {
    display: block;
    font-size: 1vw;
    line-height: 1.3vw;
    padding-left:0;
}
#navT a:hover, #navT a.vtin{
    background-color:#fff3;
    display: block;
    font-size: 1vw;
    line-height: 1.3vw;
    padding-left: 0;
}


#menuint a.off {
    opacity: 0.4;
}


#menuint a:hover {
    opacity: 1;
}

div#col1 {
    width: 12vw;
    float: left;
}

div#col2 {
    width: calc(100% - 150px);
    margin-left: 12vw;
}

#mapabs path#Selection {
    fill: #fff0;
}

div#bgi {
    background-image: linear-gradient(to bottom, #ffffff00, #ffffffff);
    height: 100vh;
}

nav#menuintabs {
    position: absolute;
    top: 23vh;
    text-align: center;
    margin: 0 0vw 2vw 1vw;
}

#menuintabs img {
    width: 4vw;
}

#menuintabs a {
    padding: 1.2vw;
    height: 5vw;
    width: 5vw;
    display: block;
    border-radius: 50%;
    margin-bottom: 3vh;
}

#menuintabs figcaption {
    font-size: 0.7vw;
}