/* CSS Document */
.ui-header .ui-title{
    margin: 0 0 0 0;

}
.ui-header .ui-title span{
    display:none

}
.ui-header .ui-title {
    background:url(../images/logo-mobiculte.svg) no-repeat center -5px;
	background-size:auto 45px;
	height:50px;

}


.ui-content h1{
	font-size: 24px;
    font-weight: normal;
    line-height: 26px;
	margin-top:0;
	color:#2d7fc3;
	
	}
.ui-content h2{
	margin-top:0;
	}
.ui-btn-text{color:#2a6ebb}

.fiche-contenu table th {
    border-bottom: 1px solid #1cb27c;
    color: #1cb27c;
    font-size: .75em;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    vertical-align: top;
	width:25%;
	padding:.5em .5em .5em 0;
}

.fiche-contenu table td {
    border-bottom: 1px solid #1cb27c;
    vertical-align: top;
	font-size: .85em;
	padding:.5em;
	width:75%
}

.ui-body-a .fiche-contenu table td  .ui-link {
 	font-weight:normal;
	color:#2a6ebb!important;
}


#image_wrap {
    border: 1px solid #1cb27c;
	text-align:center;
	display:block;
	margin:0 auto 1em;
	position:relative;
	max-width:320px;
}

#image_wrap a:first-child:before {
	position:absolute;
	content:"";
	width:50px;
	height:50px;
	left:5%;
	top:20px;
	color:#fff;
	line-height:50px;
	text-align:center;

	border-radius:50px;
	background:#2d7fc3 url(../images/icone-carrousel.svg) no-repeat left center;
	background-size:50px ;
	display:block;
	transition:all .5s ease-in-out;
		font-weight:bold;
	opacity:1;
	white-space:nowrap;

}

#image_wrap a:hover:before, #image_wrap a:first-child:focus:before {
	opacity:.8;
	background:#1cb27c url(../images/icone-carrousel.svg) no-repeat left center;
	background-size:50px ;
	content:"";
	width:200px;
	height:50px;
	padding-left:50px;
	padding-right:10px;

}

#image_wrap a:first-child:after, #image_wrap a:first-child:after {
	content:"Cliquer pour le carrousel";
	position:absolute;
	left:70px;
	top:20px;
	line-height:50px;
	color:#fff;
	z-index:20;
	opacity:0;
	transition:all .5s ease-in-out


			

}
#image_wrap  a:first-child:hover:after, #image_wrap a:first-child:focus:after {
	opacity:1
}

#image_wrap img {
    max-width:100%; 
	width:320px;
	display:block;
}



.hidden {
  visibility: hidden;
}

#liste .ui-link-inherit, #liste-nolocation .ui-link-inherit {
	padding-left: 100px;
}

#list .ui-content, #nolocation .ui-content {
	overflow-x: visible;
}

.submit-container {
	text-align: center;
}

#recherche-par-ville .submit-container {
	display: none;
}

.submit-container div.ui-btn-up-a  {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #85BAE4 ), to( #5393C5 ));
	background-image: -webkit-linear-gradient( #85BAE4, #5393C5 );
	background-image: -moz-linear-gradient( #85BAE4, #5393C5 );
	background-image: -ms-linear-gradient( #85BAE4, #5393C5 );
	background-image: -o-linear-gradient( #85BAE4, #5393C5 );
	background-image: linear-gradient( #85BAE4, #5393C5 );
	
}

.submit-container div.ui-btn-up-a .ui-btn-text{
	color:#fff!important
	}



.ui-footer p {
	text-align: center;
}

.menu-haut {
	position:absolute;
	top:0;
	left:3px;
	margin-right:10px;
}

.menu-haut .accueil .ui-btn-inner {
    padding-right: 15px;
}

.identifiant-de-geolocalisation strong, .identifiant-de-recherche strong, #region-label, #mrc-label, #municipalite-label, #recherche-label {
	text-transform:uppercase;
	font-weight:bold;
	color: #2d7fc3;	}
	
#region-label label, #mrc-label label, #municipalite-label label, #recherche-label label{
	text-transform:uppercase;
	font-weight:bold!important;
	color: #1cb27c;
	margin-left:10px	}

.ui-footer .ui-link{
	color:#fff!important;
	text-decoration:none;
	border-bottom:1px dotted #fff;
	margin-left:5px;
}

.ui-btn-text img {height:100%; min-width:84px}
.ui-li-heading {
    font-size: 14px;

}	


p.num-fiche {
	color:#666;
}

#page-carte {
	height: 100%;
}

#page-carte .ui-content{
	height: 79%;
}

#map { 
        margin-left: auto;
        margin-right: auto;
        width: 100%;
	height: 79%;
        padding-bottom: 2em;
}

@media screen and (orientation:landscape) and (handhelds) {
	#page-carte .ui-content { height: 50%; };
	.ui-content {
    		padding: 5px 15px 15px!important;
	}
	
	
}

a.home .ui-content { padding: 0 }

#geoparams {
        border: 1px dotted black;
        padding: 0.5em;
}

#liste .carte{ background:#2d7fc3 url(../images/carte.svg) no-repeat center center!important; color:#2d7fc3!important;
background-size:cover}
.carte .ui-btn-text{ color:#2d7fc3!important}


.droite{position:relative;
right:10px;
/*margin-top:-5px;*/
font-size:90%;}

.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb {
    min-height: 60px;
    padding-left: 80px;
}

.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt {
    padding-right: 50px;
}

.entete{
	background: #2d7fc3 url(../images/ville.png) no-repeat right bottom;
	min-height:49px;
	border-bottom:none!important
}

.ui-mobile img.ui-li-thumb {
	max-width: 84px;
}

#image_wrap a { display: none; }
#image_wrap a:first-child { display: block; }
#image_wrap .ui-content, #image_wrap .ui-content { overflow: hidden; }

#plus, #noresult {
	text-align : center;
}

.menu-haut[data-role="controlgroup"] .po-popover {
	left: 80px;
}
.po-popover {
	background-color: #FFFFFF;
	border: 3px solid #000;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	color: #000000;
	cursor: auto;
	display: none;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	overflow: visible;
	position: absolute;
	top: 50px;
	z-index: 5000000!important;
}
.po-popover > .popover_triangle {
	border-color: transparent transparent #000;
	border-style: solid;
	border-width: 16px;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: -34px;
	width: 0;
}
.po-popover > .po-header {
	background: -moz-linear-gradient(center top, #333333 0%, #111111 100%) repeat scroll 0 0 transparent;
	color: #FFFFFF;
	font-weight: bold;
	height: 27px;
	line-height: 25px;
	margin: 0;
	padding: 3px;
	text-align: center;
	text-shadow: 0 -1px 0 #000000;
}
.po-popover > .po-content {
	font-size: 14px;
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 190px;
}
.po-popover > .po-content ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.po-popover > .po-content ul li {
	line-height: 20px;
	text-shadow: none;
}
.po-popover > .po-content ul li a {
	border-bottom: 1px solid #CCCCCC;
	display: block;
	padding: 5px 14px;
}
.po-popover > .po-content ul li a:link, .po-popover > .po-content ul li a:visited {
	color: #333333;
	text-decoration: none;
}
.po-popover > .po-content ul li a:focus, .po-popover > .po-content ul li a:hover {
	background-color: #999;
	border-bottom: 1px solid #999;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: none;
}
.po-popover ul li.po-selectable a {
	padding-left: 38px;
}
.po-popover .po-selected {
	border-bottom: 1px solid #CCCCCC;
}
.po-popover .po-selected span {
	font-weight: bold;
	padding-left: 38px;
}

.ui-icon-option {
	background-image: url(images/option.png);
	background-repeat: no-repeat;
	background-position:3px 3px;
	height: 32px!important;
    width: 32px!important;
	background-color:transparent;
	position:absolute;
	left:0;
}	

.ui-icon-retour {
	background-image: url(images/retour.png);
	background-repeat: no-repeat;
	background-position:3px 3px;
	height: 32px!important;
    width: 32px!important;
	background-color:transparent;
	position:absolute;
	left:0;
}

.menu-haut .ui-btn-icon-notext {
    height: 32px!important;
    width: 32px!important;
}

.menu-haut .menubtn {
    top: 8px !important;
	left:10px!important
}

.menu-haut .btn-retour {
    top: 8px !important;
	left:50px;
	position:absolute;
}
.menu-haut .ui-btn-corner-all {
    border-radius: 0.5em 0.5em 0.5em 0.5em!important;
}
.identifiant-de-geolocalisation p{margin-top:0;}
.ui-content {
    padding: 15px 15px 15px!important;
}

body>div:first-child {
	display: none;
}