/* ======== BLOC FILTRES ======== */

.filterBlock{
	position: relative;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #B3B3B3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 11px;
	overflow: auto;
}

.filterBlock .numResultsBlock{
	font-size: 13px;
	font-weight: bold;
}

.filterBlock .numResultsBlock .numResults{
	font-size: 18px;
}

.sortBlock{
	position: absolute;
	top: 10px;
	right: 10px;
}

.sortBlock a.sort{
	padding: 2px 4px;
	margin-left: 5px;
}

.sortBlock a.selected{
	background: #313131;
	color: #FFF;	
}

.sortBlock a.selected span{
	padding-right: 10px;
	background: no-repeat 100% 50%;
}

.sortBlock a.asc span{
	background-image: url('../../../images/common/arrowDown_white.png');
}

.sortBlock a.desc span{
	background-image: url('../../../images/common/arrowUp_white.png');
}

.selectionBlock label{
	margin: 0 10px 0 0;
}

.filterBlock form{
	border: 1px solid #B3B3B3;
	background: #F1F1F1;
	margin: 10px 0 0;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.filterBlock form h4 {
	text-transform: uppercase;
	font-weight: bold;
	color: #313131;
	background: url('../../../images/byController/guideDeVoyage/plus.png') no-repeat 100% 50%;
}

.filterBlock form h4.opened {
	background-image: url('../../../images/byController/guideDeVoyage/minus.png');
}

.filterBlock form div.content{
	display: none;
	margin: 10px 0 0;
}

.filterBlock form div.fieldset{
	float: left;
	min-width: 100px;
	white-space: nowrap;
	margin: 0 10px 10px 0;
}

.filterBlock form span.legend{
	display: block;
	font-weight: bold;
}

.filterBlock form p{
	margin: 10px 0 0 !important;
}

.filterBlock form input.submit{
	background: #313131;
	color: #FFF;
	border: none;
	padding: 10px 15px;
	margin: 0;
}

a.cancelFilterLink{
	display: inline-block;
	height: 14px;
	line-height: 14px;
	padding-left: 20px;
	background: url('../../../images/byController/guideDeVoyage/cross2.gif') no-repeat 0 50%;
}

/* ======== NAVIGATION ET PAGINATION ======== */

.navigation{
	position: relative;
	margin: 10px 0;
	padding: 5px;
	text-align: center;
	font-size: 11px;
}

.navigation div.left{
	position: absolute;
	top: 5px;
	left: 5px;
}

.navigation div.middle a.back{
	color: #E22232;
	font-weight: bold;
}

.navigation div.right{
	position: absolute;
	top: 5px;
	right: 5px;
}

.navigation .previous{
	padding-left: 10px;
	background: url('../../../images/common/arrowLeft.png') no-repeat 0 50%;
}

.navigation .next{
	padding-right: 10px;
	background: url('../../../images/common/arrowRight.png') no-repeat 100% 50%;
}

.navigation span.previous,
.navigation span.next{
	color: #B3B3B3;
}

.pagination{	
	background: #F2F2F2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pagination a{
	margin: 0 5px;
}

.pagination .middle a{
	color: #B3B3B3;
}

.pagination span.current{
	padding: 2px 4px;
	color: #FFF;
	background: #313131;
}

.pagination a.previous,
.pagination a.next{
	padding: 0;
	background: none;
}

/* ======== INDEX FICHE ======== */

.resultIndexDisplay{
	border: 1px solid #B3B3B3;
	background: #F1F1F1;
	padding: 5px;
	margin: 0 0 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 13px;
}

/* ======== BLOC ANNONCE ======== */

.annoncesListItem{
	position: relative;
	border: 1px solid #BBB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 10px;
	padding: 10px;
	overflow: hidden;
	font-size: 11px;
}

.annoncesListItem div.side{
	position: absolute;
	top: 9px;
	right: 10px;
	vertical-align: top;
}

.annoncesListItem div.side a{
	display: inline-block;
	vertical-align: top;	
}

.annoncesListItem div.links {
	clear: both;
	text-align: right;	
}

.annoncesListItem p.category{
	text-transform: uppercase;
	color: #313131;
	margin: 0 0 10px;
	width: 390px;
	vertical-align: top;	
}

.annoncesListItem div.ressources{
	float: left;
	width: 215px;
	margin: 0 10px 0 0;
}

.annoncesListItem div.details{
	float: left;
	width: 303px;
}

.annoncesListItem p.numHebergement{
	margin: 0 !important;
}

.annoncesListItem p.minPrice{
	margin: 10px 0 !important;
	font-weight: bold;
}

.annoncesListItem p.minPrice span.price{
	font-size: 20px;
}

.annoncesListItem div.confortsServicesIcons{
	margin: 0 0 10px;
}

.annoncesListItem div.labelsIcons{
	margin: 0 0 10px;
}

.annoncesListItem div.labelsIcons img{
	vertical-align: top;
}

.annoncesListItem a.basketButton{
	display: inline-block;
	padding-right: 20px;
	background: no-repeat 100% 50%;
}

.annoncesListItem a.addToBasketButton{	
	background-image: url('../../../images/common/addToBasket.png');	
}

.annoncesListItem a.removeFromBasketButton{
	background-image: url('../../../images/common/removeFromBasket.png');
}

.annoncesListItem a.ajaxLoading{
	background-image: url('../../../images/common/ajax-loader.gif');
}

.annoncesListItem div.infos{
	margin: 10px 0;
	border-top: 1px dotted #313131;
}

.annoncesListItem div.infos h5{
	border-bottom: 1px dotted #313131;
	padding: 5px 0;
	background: no-repeat 100% 50%;
	text-transform: uppercase;
}

.annoncesListItem div.infos h5{
	background-image: url('../../../images/byController/guideDeVoyage/plus.png');
}

.annoncesListItem div.infos h5.opened{
	background-image: url('../../../images/byController/guideDeVoyage/minus.png');
}

.annoncesListItem div.infos div.content{
	border-bottom: 1px dotted #313131;
	display: none;
	padding: 10px 0;
}

.annoncesListItem div.infos .box{
	margin-bottom: 10px;
	width:166px;
}

.annoncesListItem div.infos div.crop{
	width: 100%; 
	height: 110px;
	overflow:hidden;
	position: relative;
	background: #f1f1f1;
}

.annoncesListItem div.infos div.crop p.surtitre{
	width: auto !important;
	margin: 0 !important;
	position: absolute;
	bottom: 0;
	left: 0;
}

.annoncesListItem div.infos div.crop img{
	width:100%;
	vertical-align: middle;
	background: #f1f1f1;
}

.annoncesListItem div.infos div.content p.subTitle{
	font-weight: bold;
}

.annoncesListItem .tarif-periode {
	display: none;
	font-style: italic;
}

.annoncesListItem .tarifs .type {
	text-transform: uppercase;
}

.annoncesListItem .tarifs .moreinfo {
	cursor: pointer;
	background: url('../../../images/byController/guideDeVoyage/question_mark.png') no-repeat top right;
	padding: 1px 19px 0 0;
	line-height: 15px;
}

.annoncesListItem .tarifs li {
	margin: 0 0 10px 0;
}

#ficheAnnonce div.details{
	float: none;
}

#ficheAnnonce div.ressources{
	float: right;
	margin: 0 0 0 10px;
	width: 220px;
}

#markerPopup{
	position: absolute;
	width: 240px;
	max-height: 410px;
	left: 80px;
	top: 5px;
	padding: 5px;
	background: #FFF;
}

#markerPopup .annoncesListItem{
	font-size: 11px;
	color: #313131;
	padding: 5px;
}

#markerPopup .annoncesListItem p,
#markerPopup .annoncesListItem h2{
	margin: 0 0 5px;
}

#markerPopup .annoncesListItem div.side{
	top: 5px;
	right: 0px;
}

#markerPopup .annoncesListItem div.ressources{
	float: none;
	margin: 0 0 5px;
}

#markerPopup .annoncesListItem div.details{
	float: none;
	width: auto;
	margin: 0 0 5px;
}


#markerPopup .annoncesListItem. p {
	line-height: 13px;
}

#markerPopup .annoncesListItem h2 {
	line-height: 20px;
}

div.promo-bdrt p {
	float: left;
	width: 223px;
	font-weight: bold;
}

#ficheAnnonce div.promo-bdrt p {
	width: 448px;	
}

div.promo-bdrt p a {
	color: #d64e40;
}

div.promo-bdrt .promo-icon {
	float: left;	
	width: 80px;
}

div.promo-bdrt {
	clear: both;
	overflow: hidden;
}

div.contactForm{
	width: 450px;
}

div.contactForm h2{
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 16px;
}

div.contactForm p{
	margin: 0 0 10px;
}

div.contactForm input[type=text],
div.contactForm input[type=email]{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px;
	width: 100%;
}

div.contactForm textarea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px;
	width: 100%;
}

/* ======== MA SELECTION ======== */

a.disabled{
	text-decoration: none !important;
	color: #999;
	cursor: default;
}

a.basketButton{
	display: inline-block;
	padding-left: 20px;
	background: no-repeat 0 50%;
}

a.addToBasketButton{	
	background-image: url('../../../images/common/addToBasket.png');	
}

a.removeFromBasketButton{
	background-image: url('../../../images/common/removeFromBasket.png');
}