@CHARSET "ISO-8859-1";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,900,700italic,900italic);

* { font-family: 'Roboto', sans-serif; line-height:1.2; vertical-align:middle; }

.ui-header .ui-title {
	text-align: left;
	margin-left: 40px;
	margin-right: 40px;	
	color: white;
}
.ui-header, .ui-panel {
	background-image: url(/6/images/home.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.ui-header {
	background-position: center;
}

.ui-footer {
	clear: both;
}

.ui-title {
	font-weight:600;
}

li .ui-btn {
	white-space: normal !important;
}
.ui-content h1 {
	border-bottom: 0.2em solid rgb(69, 111, 154);
  	color: rgb(69, 111, 154);
	font-size: 2em;
  	margin: 0 0 1rem 0;
	}

.ui-content h2 {
	border-bottom: 0.2em solid rgb(69, 111, 154);
	}

 .ui-panel-wrapper .ui-listview-inset {
  	box-shadow:0 1px 2px #aaa;
	border-radius:3px !important;
 }

.ui-panel-wrapper .ui-listview-inset>.ui-li-static, .ui-listview-inset>.ui-li-divider, .ui-listview-inset>li>a.ui-btn
{
	border: 0px;
}
.ui-content #content-page .ui-listview-inset {
	padding-left: 24%;
	background:white;
}

.card {
  display:block;
  padding:0.5rem;
  box-shadow:2px 2px 2px #aaa;
  background:white;
  margin:0 0 1rem 0;
  border-radius:3px;
  transform-origin:top left;
}
.card-message-left {
	margin-left: 10%;
}
.card-message-right {
	margin-right: 10%;
}
a.card {
  	position: relative;
	text-decoration: none !important;
    padding-right: 2.5em;
}

a.card::after {
	content: "";
  	position: absolute;
  	display: block;
  	width: 22px;
  	height: 22px;
	background-image: url("/6/css/themes/images/icons-png/carat-r-white.png");
	background-color: rgb(102, 102, 102) /*{global-icon-color}*/;
  	background-color: rgba(0, 0, 0, 0.4) /*{global-icon-disc}*/;
  	background-position: center center;
  	background-repeat: no-repeat;
  	-webkit-border-radius: 1em;
  	border-radius: 1em;
	top: 50%;
  	margin-top: -11px;
    right: .5625em;
    }

.card-first {
	display: block;
	float: left;
	width: 25%;
	margin-left: -0.5rem;
	padding: .25em;
	}

.card-last {
	display: block;
	margin-left: 25%;
	padding: .25em;
}
.card-ligne {
	display: block;
	margin-left: 25%;
	padding: .25em;
}
.card-ligne-date {
	display: block;
	color: #7CBCEC;
	font-weight: 400;
	text-align: right;
}

 .no-card-last {
	display: block;
	margin-left: 26%;
	padding: .25em;
}
.card-distance, .card-locality {
	font-weight: 400;
}

.card-blue {
	background: -webkit-linear-gradient( #5C9CCC, #456F9A); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#5C9CCC, #456F9A); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#5C9CCC, #456F9A); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#5C9CCC, #456F9A); /* Standard syntax */	
	color: rgb(255, 255, 255) !important;
}

.card-orange {
	background: -webkit-linear-gradient( #ffbb33, #ff8800); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#ffbb33, #ff8800); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#ffbb33, #ff8800); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#ffbb33, #ff8800); /* Standard syntax */	
	color: rgb(255, 255, 255) !important;
}

.card-green {
	background: -webkit-linear-gradient( #99cc00, #669900); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#99cc00, #669900); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#99cc00, #669900); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#99cc00, #669900); /* Standard syntax */	
	color: rgb(255, 255, 255) !important;
}

.card-red, .card-red a {
	background: -webkit-linear-gradient(#ff4444,#cc0000); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#ff4444,#cc0000); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#ff4444,#cc0000); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#ff4444,#cc0000); /* Standard syntax */	
	color: rgb(255, 255, 255) !important;
}
.card-viplib, .card-viplib a {
	background: -webkit-linear-gradient(#ff4444,#cc0000); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#ff4444,#cc0000); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#ff4444,#cc0000); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#ff4444,#cc0000); /* Standard syntax */	
	color: #FFD700 !important;
}

.grad-man {
  background: -webkit-linear-gradient(left, #5C9CCC , white); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #5C9CCC, white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #5C9CCC, white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #5C9CCC , white); /* Standard syntax */
color: rgb(255, 255, 255) !important;
}

.grad-woman {
  background: -webkit-linear-gradient(left, #ff4444 , white); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #ff4444, white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #ff4444, white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #ff4444 , white); /* Standard syntax */
color: rgb(255, 255, 255) !important;
}

.grad-couple {
  background: -webkit-linear-gradient(left, #ff4444 , #5C9CCC); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #ff4444, #5C9CCC); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #ff4444, #5C9CCC); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #ff4444 , #5C9CCC); /* Standard syntax */
color: rgb(255, 255, 255) !important;
}

.grad-business {
  background: -webkit-linear-gradient(left, #ffbb33 , white); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #ffbb33, white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #ffbb33, white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #ffbb33 , white); /* Standard syntax */
color: rgb(255, 255, 255) !important;
}

.card-locality {
	margin-top: -0.5rem;
	color: #669900;
}
.back-viplib .card-locality {
	color: #E2BC74;
}
.card-locality a, .card-locality a:hover, .card-locality a:VISITED {
	color: #669900;
	font-weight: normal;
}

.card-image {
	margin-left: -.5rem;
	padding-left: .5rem;
	background-repeat: no-repeat;
	background-size: 26%;
	margin-bottom: -9px;
	padding-bottom: 9px;
	background-position: 0 center;	
	}
.card-name {
	display: block;
	color: #456F9A;
	font-weight: 600;
	margin-bottom: 0.5rem;
}
.back-viplib .card-name {
	color: #FFD700;
}
.card-button {
	display: block;
	margin-bottom: 0.5rem;
	text-align: right;
}
.card-description {
	display: block;
	color: #33b5e5;
	font-weight: 400;
	margin-bottom: 0.5rem;
	text-align: justify;
}
.back-viplib .card-description {
	color: #FFD700;
}
.card-date {
	display: block;
	color: #7CBCEC;
	font-weight: 400;
	text-align: right;
	margin-bottom: -0.5rem;
}
.back-viplib .card-date {
	color: #FFD700;
}

.card-pub-header {
	margin:auto;
}

.card-pub {
	margin:auto;
	background-image: url(/6/images/home.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

#panel-nav {
	top: -3px;
	position: absolute;
	left: 238px;
}
#header-image-back, .help.card {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.help .card-name {
	background-color: rgba(255,255,255,0.7);
}
#header-image {
	margin: auto;
	margin-bottom: 116px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	border-radius: 10px;
}
#header-image.event {
	background-size: contain;
}
#header-logo {
	border: 2px solid rgb(57, 107, 158);
  	background:white;
  	border-radius:6px;
	position: relative;
  	bottom: -275px;
  	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.galery {
	display: block;
	width: 232px;
	height: 130px;
	float: left;
	margin: 8px;
	background-size: cover;
	background-position: center;
	border-radius: 6px; 
} 

.grid {
	margin: -0.25rem -0.25rem 0.25rem -0.25rem;
	color: rgb(69, 111, 154);
}

.grid-item, .grid-sizer { 
	width: 16.66%;
	float:left;
	
	color: rgb(51, 136, 204);
	margin: 0;
	padding: 0.5rem; 
 	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-item.grid-item-large {
	width: 100%;
}

a.grid-item.ui-link {
    /* color: inherit; */
    text-decoration: inherit;
    font-weight: inherit;
}

.grid-item-max { 
	/* width: 100% !important; */ 
}

.grid-item-2 { 
	width: 50%; 
}

.grid-item .float-right {
	float: right;
}

.grid-item .float-left {
	float: left;
}

.grid-item .center {
	text-align: center;
}

.grid-item .right {
	text-align: right;
}

.grid-item .fb-page {
	min-height: 130px;
}

.grid-item .grid-item-image {
	background-repeat: no-repeat;
  	background-position: center;
  	background-size: cover;
	height: 0;
    padding-bottom: 100%;
}

.grid-item .grid-item-help {
	font-size: 1.25em !important;
	font-weight: normal !important;
	font-style: italic !important;
}

.grid-item .grid-item-warning {
	font-size: 1em !important;
	font-weight: bold; !important;
	font-style: italic !important;
	background-color: rgb(250, 219, 78) /*{e-bup-background-color}*/;
  	border-color: rgb(244, 198, 63) /*{e-bup-border}*/;
}

.grid-item #map-canvas {
	height: 100%;
    padding-bottom: 100%;
}

.grid-item section {
  	box-shadow:2px 2px 2px #aaa;
  	background:white;
  	border-radius:3px;
  	transform-origin:top left;
  	display: block;
  	text-decoration: none;
  	text-align: justify;
}

.grid-item header {
  	border-radius: 3px 3px 0 0;
	padding: 0.5em;
	font-weight: bold;
	text-align: left;
	border: none;
	margin: 0;
}

.grid-item footer {
  	border-radius: 0 0 3px 3px;
	padding: 0.5em;
	font-weight: normal;
	text-align: left;
	border: none;
	margin: 0;
}

.grid-item.grid-item-title div {
	font-size: 1em;
	color: rgb(102, 153, 0);
}

.grid-item .grid-item-title {
	font-size: 1em !important;
}

.grid-item div div {
	padding: 0em;
}

.grid-item div {
	padding: 0.5em;
    font-size: 0.75em;
    clear: both;
}

.grid-item .ui-controlgroup-controls {
	margin: 0;
	padding: 0;
}

.grid-item .grid-item-lettrine {
	overflow: auto;
}

.grid-item .grid-item-lettrine img {
	float: left;
	width: 25%;
	margin-right: 0.25em;
	margin-bottom: 0.25em;
}

.grid-item ul {
    margin: 0 !important;
    box-shadow: none !important;
}


@media screen and (min-width: 864px) {
	.ui-panel {
		padding-top: 4px;
	}

	#header-space{ 
		margin: 40px 10px 10px 10px; 
		text-align: right;
		color: white;
	}
}

@media screen and (max-width: 863px) {
	.ui-panel {
		padding-top: 84px;
		background-position-y: 78px;
	}
	#header-space{
		display: none; 
	}
	#header-search {
		position: initial !important;
	}
	#header-menu {
		display: none;
	}
}

@media screen and (max-width: 1338px) {
	.ui-content {
	  padding:1rem 1rem 0rem 1rem;
	  max-width: 745px;
	  margin: auto;
	  overflow: visible;
	}
	#content-nav {
		display: none;
	}
}
@media screen and (min-width: 1339px) {
	.ui-content {
	  padding:1rem 1rem 0rem 1rem;
	  overflow: visible;
	}
	#content-content {
	  max-width: 745px;
	  margin: auto;
	}
	#content-page {
	  width: 745px;
	  margin: auto;
	}
	#content-nav {
	  width: 273px;
	  float: right;
	  margin: 0;
	}
}

@media screen and (min-width: 1049px) {
	.grid-item, .grid-sizer { 
		width: 16.66%; 
	}

	.grid-item-2 { 
		width: 33.33%; 
	}

	.card-pub, .card-pub-header {
 		width:728px; 
 		height:90px;
	}
	#header-image {
		width: 745px;
		height: 409px;
	}	
	#popupImage {
	 	min-height:180px;
	 	max-height:728px;
	}
	#header-logo {
	  	bottom: -275px;
	  	height: 150px;
  		width: 150px;
	  	left: 50px;
	}
}

@media screen and (max-width: 1048px) and (min-width: 516px) {
	.grid-item, .grid-sizer { 
		width: 25%; 
	}
	.grid-item-2 { 
		width: 50%; 
	}

	.card-pube, .card-pub-header {
 		width:468px; 
 		height:60px;
	}
	#header-image {
 		width:100%; 
 		height:263px;
 		margin-bottom: 82px;
	}	
	#popupImage {
	 	min-height:120px;
	 	max-height:468px;
	}
	#header-logo {
	  	bottom: -150px;
	  	left: 40px;
	  	height: 100px;
  		width: 100px;
	}
}

@media screen and (max-width: 515px)   and (min-width: 301px) {
	.grid-item, .grid-sizer { 
		width: 50%; 
	}

	.grid-item-2 { 
		width: 100%; 
	}
	
	.card-pub, .card-pub-header {
 		width:234px; 
 		height:60px;
	}
	#header-image {
 		width:100%; 
 		height:258px;
 		margin-bottom: 67px;
	}	
	#popupImage {
	 	min-height:120px;
	 	max-height:234px;
	}
	#header-logo {
	  	bottom: -155px;
	  	left: 20px;
	  	height: 75px;
  		width: 75px;
	}
}

@media screen and (max-width: 300px)  {
	.grid-item, .grid-sizer { 
		width: 100%; 
	}
	.grid-item-2 { 
		width: 100%; 
	}
	.card-pub, .card-pub-header {
 		width:234px; 
 		height:60px;
	}
	#header-image {
 		width:100%; 
 		height:150px;
 		margin-bottom: 50px;
	}	
	#popupImage {
	 	min-height:120px;
	 	max-height:234px;
	}
	#header-logo {
	  	bottom: -55px;
	  	left: 16px;
	  	height: 50px;
  		width: 50px;
	}
}

.back-green {
	background: -webkit-linear-gradient(left, #99cc00, white); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right,  #99cc00, white); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #99cc00, white); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right,  #99cc00, white); /* Standard syntax */	
}

.back-red {
	background: -webkit-linear-gradient(left, #ff4444, white); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right,  #ff4444, white); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #ff4444, white); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right,  #ff4444, white); /* Standard syntax */	
}
.back-blue {
	background: -webkit-linear-gradient(left, #33b5e5, white); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right,  #33b5e5, white); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #33b5e5, white); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right,  #33b5e5, white); /* Standard syntax */	
}

.back-orange {
	background: -webkit-linear-gradient(left, #ffbb33, white); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right,  #ffbb33, white); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #ffbb33, white); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right,  #ffbb33, white); /* Standard syntax */	
}
.back-viplib {
	background-image: url('http://viplib.fr/img/viplibtrans.png');
  	background-size: contain;
}
.ui-icon-twitter:after {
  background-image: url('https://abs.twimg.com/favicons/favicon.ico');
  background-size: contain;
}
.ui-icon-facebook:after {
  background-image: url('https://static.xx.fbcdn.net/rsrc.php/yl/r/H3nktOa7ZMg.ico');
  background-size: contain;
}
.ui-icon-instagram:after {
  background-image: url('https://instagramstatic-a.akamaihd.net/bluebar/e4b71cb/images/ico/favicon.ico');
  background-size: contain;
}
.ui-icon-google-plus:after {
  background-image: url('https://ssl.gstatic.com/s2/oz/images/faviconr3.ico');
  background-size: contain;
}
.ui-icon-google-play:after {
  background-image: url('https://ssl.gstatic.com/android/market_images/web/favicon.ico');
  background-size: contain;
}
.ui-icon-google-maps:after {
  background-image: url('https://maps.gstatic.com/favicon3.ico');
  background-size: contain;
}
.ui-icon-android:after {
  background-image: url('http://www.android.com/favicon.ico');
  background-size: contain;
}
.ui-icon-amazon:after {
  background-image: url('https://developer.amazon.com/favicon.ico');
  background-size: contain;
}
.ui-icon-home2:after {
  background-image: url('https://Routes-Libertines.fr/images/routeslibertines/64x64.png');
  background-size: contain;
}

.ui-icon-art:after {
  background-image: url('/icones/art.png');
  background-size: contain;
}

.ui-icon-bdsm:after {
  background-image: url('/icones/bdsm.png');
  background-size: contain;
}

.ui-icon-club:after {
  background-image: url('/icones/club.png');
  background-size: contain;
}

.ui-icon-hotelerie:after {
  background-image: url('/icones/hotelerie.png');
  background-size: contain;
}

.ui-icon-shopping:after {
  background-image: url('/icones/shopping.png');
  background-size: contain;
}

.ui-icon-lgbt:after {
  background-image: url('/icones/lgbt.png');
  background-size: contain;
}

.ui-icon-media:after {
  background-image: url('/icones/media.png');
  background-size: contain;
}

.ui-icon-naturisme:after {
  background-image: url('/icones/naturisme.png');
  background-size: contain;
}

.ui-icon-restaurant:after {
  background-image: url('/icones/restaurant.png');
  background-size: contain;
}

.regie-pub {
	text-align: center;
}
.regie-pub a{
	color: whitesmoke !important;
	text-decoration: none;
}