.visible-xs { display: none; }

.img-responsive {
	max-width: 100%;
	height: auto;
}


.menu-xs {
	display: none;
}


.btn-resa {
	display: block;
	padding: 10px 15px;
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	background: #85abd9;
	width: 223px;
	text-align: center;
	font-weight: bold;
}
	.btn-resa:hover {
		color: #fff;
		text-decoration: underline !important;
	}

#CDSRATINGWIDGET605 {
	margin: 1em auto 0 auto;
	width: 223px;
}

.ville-recherche span {
	font-size: 1.1em;
}

/* *************** */
/* =RESPONSIVE     */
/* *************** */

/* Large devices Desktops (≥1200px) */
@media (max-width: 1199px) {
	#conteneur {
		width: 970px;
	}

	#recherche {
		width: 970px;
	}

	#cdcs {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0;
		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}

	#contentfooter {
		width: 970px;
	}

	#texte-accueil {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Small devices Tablets (992px > & ≥ 768px) */
@media (max-width: 991px) {
	#conteneur {
		width: 750px;
	}

	#header {
		height: auto;
	}

		#header ul#menu {
			height: auto;
		}

			#header ul#menu li {
			    padding: 2px 8px;
			}

		#titre-site{
			max-width: 561px;
			width: 100%;
		}

			#titre-site img{
				max-width: 100%;
				height: auto;
				display: block;
			}

	#recherche {
		width: 100%;
		min-height: 429px;
		height: auto;
	}

	#search {
		display: block;
		width: 40%;
		position: relative;
		float: left;
		min-height: 429px;
	}

		#recherche #nbpersonnes { top: 135px; left: 35px; }
		#recherche #surface { top: 135px; left: 165px; }
		#recherche #prixmini { top: 180px; left: 35px; }
		#recherche #prixmaxi { top: 180px; left: 165px; }

		#tb{ 
			top: 225px;
			left: 35px;
		}

		#recherche #ville {
			top: 275px;
			left: 35px; 
		}

		#slider {
			top: 325px;
			left: 35px;
		}

		#contentpe {
			top: 365px;
			left: 35px;
		}

	#carte {
		display: block !important;
		width: 60%;
		position: relative;
		float: left;
		background-size: 100%;
		height: auto;
	}

	#carte #imgcarte {
		max-width: 100%;
		height: auto;
	}

	#texte-accueil {
		width: 100%;
		margin-left: 0;
		padding: 0 15px;
		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}

	#cdcs {
		width: 100%;
		margin-left: 0;
		padding: 0 15px;
		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}

	#cdcs #uncdc {
		width: 40%;
		margin-left: 5% !important;
		margin-right: 5% !important;
		float: left;
	}

	#cdcs #uncdc .img, #cdcs #uncdc .contentcdc {
		margin: auto;
	}

	#contentfooter {
		width: 100%;
	}

	#resultats  {
		width: 750px;
		margin-left: 0;
		margin-top: 25px;
	}

	#header-resultats {
		width: 750px;
		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    margin: 35px 0 10px 0;
	}

	#header-resultats.first {
	    margin: 95px 0 0 0;
	}
	
	.ville-recherche {
		float: left;
		display: inline-block;
	}

	.page {
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
		position: relative;
		left: auto;
		margin-left: 0;
		display: inline-block;
	}

	.affichage {
		float: none;
		display: inline-block;
	}

	.un-resultat.margin {
		margin-right: 3px;
	}
	.un-resultat {
		width: 185px;
	}

	.un-resultat .miniature {
		width: 185px;
	}

	.un-resultat .miniature img {
		width: 185px;
	}

	#detail, #details {
		width: 750px;
	}

	#details .grande {
		width: 750px;
	}

	.jcarousel-skin-tango .jcarousel-container-horizontal {
		width: 750px;
	}

	.jcarousel-skin-tango .jcarousel-next-horizontal {
		right: 0;
	}

	.jcarousel-skin-tango .jcarousel-prev-horizontal {
		left: 0;
	}

	#details #gauche {
		margin-left: 10px;
		width: 400px;
	}

	.colonne {
		width: 45%;
		margin-right: 5%;
	}

	#header-detail {
		margin-top: 68px;
	}
}

/* Extra small devices Phones (<768px) */
@media (max-width: 767px) {
	body {
		background: url(../images/bg-xs.png) no-repeat #eae1d8;
	}

	.visible-xs { display: block; }
	.hidden-xs { display: none; }

	#slogan { display: none; }

	#conteneur {
		width: 100%;
	}

	#submit {
		left: 0;
	}

	#cdcs #uncdc {
		width: 90%;
	}

	#titre-site img {
	    max-width: 95%;
	    margin: 0 auto 4px auto;
	}

	#search {
		display: block;
		width: 100%;
		position: relative;
		float: none;
		min-height: 0;
	}

	#carte {
		display: none;
		width: 100%;
		position: relative;
		float: none;
		background-size: 100%;
		height: auto;
	}

	#recherche .champ, #tb, #recherche #ville, #slider, #contentpe {
		position: relative;
		top: auto !important;
		left: auto !important;
		max-width: 100%;
		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
		background-size: 100% 100%;
		margin-bottom: 10px;
	}

	#recherche .champ {
		margin-right: 5px;
	}

	#recherche {
		padding: 10px 10px 10px 20px;
		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    min-height: 0;
	    background: rgba(255,255,255, 0.5);
	}

	#submit {
		position: relative;
		left: auto !important;
		bottom: auto !important;
	}

	#footervilles {
		display: none;
	}

	#header ul#menu li {
		display: block;
	}

	#header .menu-fixed {
		min-height: 66px;
		background: #dad5d2;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 500;
	}

	#titre-site {
   		margin: 72px auto 0 auto;
	}

	#header ul#menu {
		display: block;
		background: #dad5d2;
		padding-top: 4px;
		display: none;
	}

	.menu-xs {
		display: block;
		padding: 10px 20px 0 0;
		text-align: center;
		text-decoration: none;
		background: #dad5d2;

		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
		.menu-xs span {
			display: block;
			line-height: 34px;
			color: #9f7f5f;
			float: right;
			margin-left: 4px;
		}
		.menu-xs img {
			display: block;
			line-height: 34px;
			color: #9f7f5f;
			float: right;
		}


	

	#detail {
		width: 100% !important;
	}

	#details {
		width: 100% !important;
		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    padding-left: 5px;
	    padding-right: 5px;
	}

	#details .grande {
		width: 100% !important;
		height: auto;
	}

	#details .grande img {
		width: 100% !important;
		height: auto !important;
	}

	.jcarousel-skin-tango .jcarousel-container-horizontal, .jcarousel-skin-tango .jcarousel-clip-horizontal {
		width: 100% !important;
	}

	#details #gauche {
		width: 100%;
		margin-left: 0;
	}

	#details #prix {
		width: 100%;
		margin-right: 0;
	}

	#annonceur #annonceurdetails {
		height: auto;
		margin-left: 15px !important;
	}


	#annonceur #contactdetails {
		width: 100%;
		margin-top: 5px;
		height: auto;
		padding-left: 15px;
		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}

	#annonceur #teldetails {
		height: auto;
		margin-top: 8px;
		padding-left: 15px;
		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}

	#map_canvas * {
		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}

	#header-detail {
		padding: 0 5px;
	}

	#pictodetail {
		display: none;
	}

	#header-detail #tb-detail, #header-detail #tarifs, #header-detail #ref {
		position: relative;
		top: auto;
		bottom: auto;
		right: auto;
		left:  auto;
	}

	#header-resultats {
		width: 100% !important;
		margin-top: 20px;
	}

	#resultats {
		width: 100% !important;
	}

	.div_pub {
		display: none;
	}

	.un-resultat {
		margin-left: auto !important;
		margin-right: auto !important;
		float: none;
		width: 300px;
	}

	.un-resultat .miniature, .un-resultat .miniature img {
		width: 300px;
	}

	#conteneur.contact form {
		width: 100%;
	}

	#conteneur.contact form label {
		width: 100%;
		text-align: left
	}

	#conteneur.contact form input[type="text"] {
		width: 100%;
	}

	#conteneur.contact form textarea {
		width: 100%;
	}

	.un-resultat .description {
	    padding: 5px 5px 5px 5px;
	    min-height: 0;
	}

	.un-resultat .description .ville {
		margin-top: 0;
	}

	#contentprix, #etiquette-prix {
		margin: auto;
	}

	.jcarousel-skin-tango .jcarousel-item {
		width: 81px;
		height: 55px;
	}
	.jcarousel-skin-tango .jcarousel-item img {
		width: 81px;
		height: 55px;

		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}

	.jcarousel-skin-tango .jcarousel-item-horizontal {
		margin-right: 4px;
	}


	.select2.select2-container.select2-container--default {
		max-width: 100%;
		width: 340px;
	}

	#tb_select{ max-width: 100%; width: 340px;  }
}