.no-mobile{
	display:none;
}

body > header{
	height:10vh;
	background-size: cover;
	z-index:100;
}

.mobile{
	display:block;
}

body > header > img{
	top:2vh;
	width:13vh;
}

.presentation-texte{
	width:90%;
	bottom:5vh;
}

body.menuout .presentation-texte{
	display:none;
}

.presentation-texte > img{
	display:none;
}

.presentation-texte .categorie, .presentation-texte .texte{
	display:none;
}

.presentation-texte .home-a-placer{
	width:100%;
}

body > header ul.categories{
	text-align:center;
	padding-top:17vh;
}

body.menuout > header ul.categories{
	display:none;
}

body > header ul li.categorie.logo{
	display:none;
}

body > header ul li.categorie:not(.logo){
	width:40%;
	height:15vh;
	background-image: url(../../assets/header_ombre_actif.png);
	background-color:rgba(255,255,255,0.8);
	background-repeat: repeat-y;
	background-size: 100% 3px;
	margin:5px;
}

body > header ul.sub-categories{
	z-index: 100;
	position: relative;
	text-align:left;
	position:fixed;
	left:0px;
	min-width:0px;
	width:100%;
}

body > header ul.sub-categories li{
	display: list-item;
}

body > footer > a{
	display:none;
}

body > footer::after{
	display:none !important;
}

body > footer.open > span:nth-child(5){
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
	height: 100%;
	display: inline-block;
	position: relative;
	left: -2.5vw;
	top:0px;
}

body > footer.open > * {
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
	height: 100%;
	position: relative;
	left: -2.5vw;
	top:0px;
}

.cat-liste{
	width:100vw;
	right:0vw;

	transition:right 500ms;
	-webkit-transition:right 500ms;
}

body.map .cat-liste{
	right:100vw;
}

.cat-liste.map{
	right:100vw;
}

.cat-liste > ul, .cat-liste article{
	margin-top:0px;
}

.cat-liste h1{
	padding-top:15vh;
}

.angular-google-map-container{
	margin-left:0px;
	left:0vw;
	width:100vw;
}

body.map > header .fa-map-marker{
	display:none;
}
body:not(.map) > header .fa-map-marker{
	display:block;
}

body.map > header .fa-list{
	display:block;
}
body:not(.map) > header .fa-list{
	display:none;
}

body > header > .fa{
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	font-size:15pt;
	border:1px solid black;
	color:black;
	border-radius:5px;
	width:30px;
	height:30px;
	line-height: 30px;
	text-align:center;
}

body > header > .fa-home{
	left:10px;
	right:initial;
	z-index:1;
}

.cat-liste article .content .to-display{
	max-height: 150px;
}
.cat-liste article .content .to-display img{
	max-height: 150px;
}

/* NO VW COMPATIBILITY */
html, body{
	width:100%;
	height:100%;
	width:100vw;
	height:100vh;
}
body > header{
	width:100%;
	height:10%;
	width:100vw;
	height:10vh;
}
body > header ul.categories{
	padding-top:25%;
	padding-top:17vh;
}
body > header ul.categories{
	width:100%;
	left:0px;
	width:100vw;
	left:0vw;
}
body > header ul li.categorie:not(.logo){
	height:90px;
	height:15vh;
}
body > header ul li.categorie header span{
	font-size:10pt;
	line-height:10pt;
	font-size:2vh;
	line-height:2vh;
}
body > header ul li.categorie header span::before{
	height:40px;
	height:5vh;
}
body > header > img{
	top:20%;
	width:20%;
	top:2vh;
	width:13vh;
}
body > footer{
	width:100%;
	height:30px;
	line-height:30px;
	width:100vw;
	height:5vh;
	line-height:5vh;
}

body > header ul.sub-categories{
	top:25%;
	top:17vh;

	padding-bottom:30px;
	padding-bottom: 5vh;

	height: 65%;
	height: 70vh;

	overflow:scroll;
}

body > header ul.sub-categories li{
	padding: 0px 5px;
	position:relative;
	border:none;
	outline: 1px solid rgba(255,255,255,0.5)
}

.patrimoine .sub-categories li{
	height: 12%;
}
.circuit .sub-categories li{
	height: 20%;
}
.service .sub-categories li{
	height: 25%;
}
.agenda .sub-categories li{
	height: 50%;
}
.num360 .sub-categories li{
	height: 50%;
}

.advanced-search .sub-categories li{
	height: 50%;
}
body > header ul.sub-categories li > *{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

body > header ul.sub-categories li > span{
	left:40px;
}

.cat-liste{
	width:100%;
	right:0px;
	height:100%;
	width: 100vw;
	right: 0vw;
	height: 100vh;
}
.cat-liste > ul, .cat-liste article{
	margin-bottom:30px;
	margin-bottom:5vh;
}
.cat-liste h1{
	padding-top:27%;
	padding-top: 15vh;
}
.cat-liste > ul li{
	height: 5%;
	height:5vh;
}
.cat-liste > ul li:last-of-type, .cat-liste article .content{
	margin-bottom:100px;
	margin-bottom:20vh;
}
.cat-liste.map {
	right:100%;
	right: 100vw;
}
.cat-liste article .content .title > span{
	white-space: normal;
}
.close-article{
	display:inline-block;
}
.angular-google-map-container{
	left:0px;
	top:0px;
	width:100%;
	height: 100%;
	left: 0vw;
	width: 100vw;
}
.angular-google-map{
	width: 100%;
	height: 100%;
}
iframe{
	width: 100%;
	height:100%;
	width: 100vw;
	height: 100vh;
}
.categorie .sub-categories .title span{
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

body > footer.open > span:nth-child(5) a{
	height: auto;
	display: inline;
	position:static;
	top:auto;
}

article.cat-liste > h1{
	margin-top:0px;
}

.mobile.pieton,
.mobile.bike,
.mobile.horse,
.mobile.modeTrail,
.mobile.velo-vtt,
.mobile.velo-vtc
{
	height:12px;
	width:12px;
	display:inline-block;
}

.big-search{
	width:100%;
	height:100%;
}

.big-search .global-search input, .big-search .global-search tags-input{
	width:300px !important;
	max-width: 100% !important;
}

.big-search .beforer, .big-search .beforer.communes{
	display:block;
	width:90%;
	margin: auto;
}

.big-search tags-input .tags .input{
	margin: 2px 0px;
}

.big-search h1:first-child{
	margin-top: 100px;
}

.big-search .start-recherche > div{
	display: block;
	width:200px;
	margin:auto;
}

.big-search .start-recherche > div:first-child{
	margin-right: auto;
	margin-bottom: 25px;
}

.big-search .left, .big-search .right{
	width:90%;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;

	position: relative;
	left: 5%;
}

.big-search .left{
	margin-top: 30px;
}

.big-search .right{
	margin-bottom: 30px;
}

.big-search .brique.notes{
	display: inline-block;
	position: relative;
	left: 50%;
	transform:translate(-50%, 0px);
	-webkit-transform:translate(-50%, 0px);
}

.big-search .brique table{
	width:100%;
}
.big-search .brique table td{
	vertical-align: top;
}
.big-search .brique table .parcours-val{
	width: 80%;
}

.big-search .brique table td.label{
	width:30%;
}

.big-search .brique.multi-select{
	text-align: center;
}

.big-search .brique.multi-select select{
	margin: auto;
}

.big-search .brique.inline input{
	width:300px;
	max-width: 90%;
}

.categorie.advanced-search img{
	position: static;
}

.mobile-links{
	position: relative;
	top: 15px;
}

.mobile-links a{
	text-decoration: none;
	background-color:rgba(255,255,255,0.8);
	padding:2px;
	border-radius:3px;
	color:black;
}

.homemessage-small {
	position:absolute;
	top:1vh;
	right: 2vw;
	width:22vw;
	height:22vw;
	z-index:100;
	background-color: transparent !important;
	padding:0px;
	margin:0px;
	overflow-y:hidden;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-image: url('../../assets/news-ribbon.png');
	overflow-y:hidden;
	overflow-x:hidden;
}

.homessage-small-header {
 display:none;
}

.hommessage-small-circle {
 display:none;
}

.hommessage-small-title {
 display:none;
}

.homessage-small-plus {
 display:none;
}

.homemessage-big {
  position:fixed;
	top:0px;
	right: 0px;
	width:100vw;
	height:100vh;
	z-index:1;
	margin-top:0px;
	background-color: #f2f2f2;

  color:#717171;
}

.homemessage-big-header {
	font-size:xx-large;
	color:black;
	text-align: center;
	background-color:#303030;
  width: 100vw;
	height:8vh;
	padding-top:15vh;
	color:#FCFCFC;
}
.homemessage-big-cross {
	display:none;
}
.homemessage-big-main {
	padding-left:5vw;
	padding-right:5vw;
	padding-top:3vh;
	padding-bottom:10vh;
	text-align:center;;
}
.homemessage-big-title {
	font-size:x-large;
	color:black;
	text-align: left;
	text-transform: uppercase;
}

.homemessage-big img {
	max-width:60vw;
	max-height:30vh;
	height: auto;
	cursor:pointer;
}

.hommemessage-small-mobileonly {
	display: block;
  width: 25vw;
  padding-top: 3vh;
	text-align:center;
	height:8vw;
	object-fit:contain;
}