@media screen and (max-width: 280px){
	#body-content {
		padding-bottom: 210px !important;
	}
}

@media screen and (max-width: 320px){
	.logo_mobile_gi .headerBack{
		margin-right: 7% !important;
		width: 15px !important;
		margin-left: 4% !important;

	}
	.logo_mobile_ch .headerBack{
		margin-right: 4% !important;
		width: 40px !important;
		margin-left: 2% !important;
	
	}
}

@media screen and (max-width: 540px){
	body{
		width: device-width;
	}
	#body-content{
		padding: 0;
		padding-top: 10px;
		padding-bottom: 160px;
	}
	.only_phone {
		display: inline !important;
	}
	#header-site{
		height: 60px;
	}

	#header-site-content{
		padding: 0;
	}
	#currencies{
		display: none;
	}
	#menuImage{
		display: inline-block;
		position:absolute;
		top:24px;
		right:5%;
		z-index:10;
		width: 6%;
	}
	#menu_content {
		width: 100%;
		box-sizing: border-box;
	}
	#menu_content > a, #menu_content > div, #menu_content > span {
		padding: 0px 5px;
		border: none;
		text-align: left;
	}

	.headerBack{
		display: flex!important;
		align-items: center;
		justify-content: center;
	}
	#logo{
		margin-top: 0px;
	}
	.logo_mobile{
		display: flex !important;
		margin: auto;
		padding-left: 10px;
	}
	.mobile_lien_logo{
		padding-top: 8px;
	}
	.logo_mobile_gi{
		width: 80%!important;
		/*margin-top: 8px !important;*/

	}
	.logo_mobile_ch{
		width: 80% !important;
		/*margin-top: 12px !important;*/

	}
	.logo_mobile_gi .headerBack{
		margin-right: 7%;
		width: 15px;
		margin-left: 4%;

	}
	.logo_mobile_ch .headerBack{
		margin-right: 4%;
		width: 30px;
		margin-left: 2%;
	
	}
	#flags{
		top: 5px;
		right: 5px;
		position: absolute;
		white-space: nowrap;
	}
	#list_flags{
		display: none;
		position: absolute;
		top: 36px;
		right: 15%;
		width: 115px;
		z-index: 10000;
		background-color: #ffffff;
		border: 1px solid #d5d5d5;
		border-radius: 3px;
		box-shadow: 0px 0px 5px 0px #d5d5d5;
		box-sizing: border-box;
	}

	#flags span{
		vertical-align: middle;
	}
	#list_flags img{
		vertical-align: middle;
		width: 20px;
	}
	#list_flags ul{
		padding: 0;
		margin: 0;
	}
	#list_flags li{
		display: block;
		vertical-align: middle;
	}
	#list_flags a{
		text-decoration: none;
		color: #2980b9;
		display: block;
		padding: 4px;
	}

	#flags .nom_lang{
		font-size: 1em;
		color: #07474F;
		margin-left: 8px;
		text-transform: uppercase;

	}
	.btn_proprietaire{
		margin-top: 10px;
	}
	#lang_selected{
		display: inline-block;
		box-sizing: border-box;
		color: #2c3e50;
		padding: 0 5px 5px 5px;
		text-decoration: none;
		cursor: pointer;
		text-align: left;

	}
	#lang_selected img{
		vertical-align: middle;
		width: 20px;
	}
	.no_scroll{
		overflow: hidden;
	}

	#currency_selected .nom_monnaie{
		font-size: 0.8em;
		color: #ffa000;
		margin-left: 8px;
	}
	#fleche_lang {
		display: none;
	}
	#fleche_lang_mobile {
		display: inline-block;
	}

	.div-container-list-dept{
		display: grid;
		grid-template-columns: auto auto;
	}
	/* On n'affiche pas les liens vers l'accès propriétaire en haut de la page */
	.liens-new-accesproprio-haut {
		display: none;
	}
	.liens-new-accesproprio-bas {
		display: block;
		text-align: center;
		margin-top: 10px;
	}
	
	.div-list-25 {
		width: 50%;
	}

	#map-canvas{
		height: 75vh;
		width: 100%;
	}

	.tab-top-flags{
		font-size: 0.9em;
		padding-left: 5px;
		padding-right: 5px;
		width: auto;
		vertical-align: top;
	}
	.hide_mobile{
		display: none;
	}

	.listing-left-pane{
		width: 100%;
		float: none;
		padding-right: 0px;
	}

	.hide-children > :not(#sort-bar) {
		display: none;
	}
	.listing-right-pane{
		width: 0;
		display: none !important;
	}

	.button-search-moteur{
		display: inline-block;
	}

	.button-search-moteur-tourisme{
		float: inherit;
		width: auto;
	}

	#more-criteria{
		display: inline-block;
	}

	#td-france-css{
		display: none;
	}

	.div-list-20{
		width: 50%;
	}

	.div-list-33{
		width: 100%;
	}
	.div-list-67{
		width: 100%;
	}

	.div-list-50{
		width: 100%;
	}

	.div-list-fluid{
		margin: 0;
		display: block;
	}

	.bloc-data-dept-photo{
		height: auto;
		min-height: 0;
	}

	.photo-illus-dept{
		display: none;
	}
	
	.photo-illus-dept-minis{
		display: none;
	}

	.table-multi-col td{
		display: table-row;
	}
	
	#annonce-recap{
		display: inline-block;
		margin: auto;
	}

	#annonce-table-recap td:first-child{
		white-space: normal;
	}

	#miniature-affil{
		max-width: 166px;
		max-height: 125px;
	}

	#miniature-direct{
		width: 100%;
		max-width: 320px;
		max-height: 240px;
		float: none;
	}

	.liste-prestas span{
		width: 100%;
	}
	
	#searchbox-hotel-content .input_calendar{
		width: 100px;
	}

	#resume-direct{
		display: block;
		width: 100%;
	}

	.diapo_main_pic{
		width: 100%;
		min-width: 150px;
	}

	#search-destination label{
		width: 45%;
	}

	.homesearch-bg{
		display: none;
	}

	.liste-prestas-annonces span{
		width: 50%;
	}
	.liste-proxi-annonces span{
		width: 50%;
	}
	.liste-proxi-autres-annonces span{
		width: 50%;
	}

	#annonce-map-left, #annonce-map-left-dynamique {
		width: 100%;
	}
	#annonce-map-right, #annonce-map-right-dynamique {
		display: none;
	}
	
	.titre_theme {
		font-size: 0.8em;
	}
	
	.div-list-dept{
		display: inline-block;
		width: 100%;
		vertical-align: top;
		box-sizing: border-box;
	}

	.facebook_box{
		display: none;
	}

	#form_moteur_accueil, #form_moteur_accueil_holidu{
		text-align: center;
	}
	#rayona{
		width: 49%;
	}
	#nb_personnesa{
		width: 100%;
	}
	#nb_chambresa{
		width: 49%;
	}
	#form_moteur_accueil #nb_personnes_text, #form_moteur_accueil_holidu #nb_personnes_text{
		width: 100%;
	}
	#form_moteur_accueil #nb_personnes_toggle , #form_moteur_accueil_holidu #nb_personnes_toggle {
		right: 0; /* pour éviter le débordement sur petits écrans */
	}
	#form_moteur_accueil #nb_personnes_toggle:before, #form_moteur_accueil_holidu #nb_personnes_toggle:before {
		left: auto;
		right: 10px;
	}
	#button_search_moteur{
		font-weight: bold;
		float: none;
		width: 100%;
	}

	#form_moteur_accueil #mots_cles, #form_moteur_accueil_holidu #mots_cles {
		width: calc(100% - 4px);
		margin-right: 4px;
	}
	#form_moteur_accueil #date_arrivee_m_div, #form_moteur_accueil #date_depart_m_div, #form_moteur_accueil_holidu #date_arrivee_m_div, #form_moteur_accueil_holidu #date_depart_m_div {
		width: calc(50% - 4px);
		margin-right: 4px;
	}
	#form_moteur_accueil #nb_personnes, #form_moteur_accueil #nb_personnes_m_div, #form_moteur_accueil_holidu #nb_personnes, #form_moteur_accueil_holidu #nb_personnes_m_div {
		width: calc(100% - 4px);
		margin-right: 4px;
	}
	#form_moteur_accueil #nb_personnes #wrap_nb_personnes, #form_moteur_accueil #nb_personnes_m_div #wrap_nb_personnes , #form_moteur_accueil_holidu #nb_personnes #wrap_nb_personnes, #form_moteur_accueil_holidu #nb_personnes_m_div #wrap_nb_personnes {
		width: 100%;
	}
	#form_moteur_accueil #button_search_moteur , #form_moteur_accueil_holidu #button_search_moteur {
		width: calc(100% - 4px);
		margin-right: 4px;
	}
	#bloc_prestas_m, #bloc_trier_par {
		z-index: 10000 !important;
	}
	/* Moteur de dispo (affil) sur fiches */
	#form_annonces .moteur_affil_annonce #wrap_nb_personnes {
		/*width: calc(50% - 4px);*/
		margin-right: 4px;
	}
	#form_annonces .moteur_affil_annonce #wrap_nb_personnes #nb_personnes_text {
		width: 100%;
	}
	#form_annonces .moteur_affil_annonce .button-search-moteur {
		/*width: calc(50% - 4px);*/
		width: auto;
		max-width: 60%;
		display: inline-block;
		margin: 0;
		vertical-align: top;
	}

	/* Pour gérer les liens du footer */
	a.tab-top{
		background: none;
		color: #871D0D;
		border: none;
		border-radius: 0px;
		margin: 0px 0px;
		padding: 0;
		margin-right: 5px;
	}
	/* Cible le deuxième a.tab-top */
	a.tab-top ~ a.tab-top {
		padding-left: 5px;
	}
	
	#footer-content {
		text-align: center;
	}
	span#footer-copyright {
		display: block;
		margin-bottom: 10px;
	}
	
	#footer-content .div-list-50 {
		text-align: center !important;
	}
	
	#form_moteur_annonces label{
		white-space: normal;
	}
	
	.large-tab{
		min-width: 1px;
		font-size: 1em;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}

	.flags-list{
		top: 24px;
	}

	.ma_carte_ann{
		width: 100%;
	}
	
	.div-theme{
		width: 50%;
	}
	
	img.etab-illus{
		float: none;
		display: block;
		width: 100%;
		height: 100%;
		max-width: 320px;
		max-height: 240px;
		margin-bottom: 5px;
		margin:auto;
	}

	.bloc-listing a.etab .etab-content .bottom-left{
		left: 0;
		bottom: 0;
		width: 25%;
		position: relative;
		display: inline-block;
		text-align: left;
	}
	.bloc-listing a.etab .etab-content .bottom-center{
		width: 33%;
		bottom: 0;
		position: relative;
		display: inline-block;
		text-align: center;
		right: auto;
	}
	.bloc-listing a.etab .etab-content .bottom-right{
		right: 0;
		bottom: 0;
		width: 41%;
		position: relative;
		display: inline-block;
		text-align: right;
	}
	
	#image-theme{
		width:100%;
	}
	
	td.bloc_infos{
		display:block;
		width:auto;
		margin-bottom:10px;
	}
	
	/* Page "annonce_fiche" */
	form#annonce_contact{
		margin-top:5px;
	}
	.btnCall_orange{
		pointer-events: auto !important;
		text-decoration: underline;
		border: 1px solid transparent;
		color: white !important;
		background-color: #ffa000 !important;
		padding: 4px; 
		margin: 5px;
		padding: 5px;
		border-radius: 3px;
		cursor: pointer;
		outline: 0;
	}
	#tdContactProprio{
		width:auto;
	}
	/* Nouvelle disposition du formulaire de contact */
	#ann-form-contact .elems_recherche.bloc_input, #ann-form-contact .elems_recherche.bloc_btn {
		width: 100%;
	}
	
	#divVideo:nth-child(1){
		width:100% !important;
		height:100% !important;
	}
	a.badge-avis-annonce{
		right: 5px !important;
	}
	/*#photo_profil, #label_meuble_tourisme {
		display: none;
	}*/

	#galerie-affil img {
		width: 112px !important;
		height: 84px !important;
	}
	#galerie-affil div.no_swipebox {
		width: calc(100% - 4px) !important;
		height: calc(100% - 8px) !important;
	}
	
	/* Page "Déposez un avis à propos d'une annonce" */
	#annonce-illus{
		display:block;
		padding-right: 0px;
		height: auto;
		min-height: auto;
		max-height: none;
	}
	#annonce-illus a img{
		width: 100%;
		max-width: 100%;
		max-height: 100%;
		border-radius: 0;
	}
	#form_avis > div:nth-child(3){
		margin-right:0 !important;
	}
	.table-set-avis td {
		padding: 7px 5px 7px 0;
	}
	#form_avis > div:nth-child(4), .table-infos-avis{
		width:100%;
	}
	.table-infos-avis td {
		display: block;
		box-sizing: border-box;
	}
	.table-infos-avis td:first-child {
		padding-right: 0px !important;
	}
	.table-infos-avis td {
		padding: 0px;
	}
	.table-infos-avis tr:nth-child(1) > td:nth-child(1), .table-infos-avis tr:nth-child(2) > td:nth-child(1){
		display: inline-block;
		width:40%;
	}
	.table-infos-avis tr:nth-child(1) > td:nth-child(2), .table-infos-avis tr:nth-child(2) > td:nth-child(2){
		display:inline-block;
		width:60%;
	}
	.table-infos-avis select {
		width: 100% !important;
	}
	.table-infos-avis td:first-child{
		/*width:40%;*/
	}
	.table-infos-avis input[type=text], .table-infos-avis input[type=email] {
		width: 100% !important;
	}
	.mini-texte{
		display: inline-block;
		margin-bottom: 10px;
	}
	.table-infos-avis input[type=text]{
		margin-bottom: 0px;
	}
	#form_avis > label {
		text-align: justify;
	}
	#form_avis #annonce-illus img{
		max-width: 100%;
	}
	
	/* Page "Calculez votre itinéraire" */
	#body-content-print > div{
		width:auto !important;
	}
	#body-content-print > div > div:nth-child(1){
		width:100% !important;
	}
	#body-content-print > div > div:nth-child(1) > img{
		width:100%;
	}
	#body-content-print > div > div:nth-child(2){
		width:100% !important;
	}
	#header-annonce-print > div:nth-child(7){
		width:100% !important;
	}
	#header-annonce-print > div:nth-child(7) > div{
		width:100% !important;
	}
	
	h1{
		font-size:19px !important;
	}
	.titre_accueil{
		font-size: 1.1em !important;
	}

	#punaiseH1{
		display: none;
	}
	.addthis_share{
		display:none;
	}

	/* Liste d'annonces */
	div.etab-illus{
		/* Attention, si changement de width, il faudra modifier div.etab-content et .noteEtoiles */
		min-width: 105px;
		width: 105px;
	}
	.swiperMap{
		width: 95%;
		padding-bottom: 15px !important;
		position: absolute !important;
		bottom: 8%;
		z-index: 1001 !important;
		margin-left: 2% !important;
	}
	.etab_map div.etab-content{
		display: table-cell;
		width: 100%;
		height: 150px; /* 87px */
		padding-left: 5px;
		position: relative;
	}
	div.etab-content{
		display: table-cell;
		width: 100%;
		height: 105px; /* 87px */
		padding-left: 5px;
		position: relative;
	}
	a.etab{
		min-height: 87px !important;
	}
	.not_phone{
		display: none !important;
	}
	.not_phone-tablet{
		display: none !important;
	}
	.only_phone-tablet{
		display: block !important;
	}
	.mini-texte{
		margin-bottom: 0px;
	}
	
	.noteEtoiles {
		position: absolute;
		left: -105px;
		bottom: 0px;
		background-color: rgba(0, 0, 0, 0.3);
		padding-bottom: 1px;
		width: 105px;
	}
	
	/* Moteur de demande de dispos sur une fiche annonce */
	#form_annonces #date_arrivee_m{
		width: calc(50% - 4px);
		margin-right: 4px;
	}
	#form_annonces #date_depart_m{
		width: calc(50% - 4px);
	}
	#form_annonces #nb_personnes{
		width: calc(50% - 4px);
		margin-right: 4px;
	}
	#form_annonces #nb_adultes {
		width: calc(50% - 4px);
		margin-right: 4px;
	}
	#form_annonces #nb_enfants {
		width: calc(50% - 4px);
	}
	#form_annonces .button-search-moteur{
		width: calc(50% - 4px);
	}

	#annonce-table-recap #form_annonces .moteur_affil_annonce {
		text-align: center;
	}
	
	#currencies{
		vertical-align: top;
		font-size: 0.9em;
	}
	
	/* Style de la barre de tri */
	/*.sort-bar-item > * {
		display: block;
	}*/
	#sort-bar {
		z-index: 1000 !important;
	}
	#tab-sort-bar > * {
		vertical-align: middle;
	}
	
	.sort-bar-item {
		padding: 0 5px;
		text-align: center !important;
		width: 33.33%;
	}
	#sort-bar-etoiles {
		width: 40px;
		padding-right: 60px; /*pour compenser le width: 100px*/
	}
	div#sort-bar-etoiles > * {
		text-align: center;
		display: block;
	}
	#conteneur-sort-bar {
		width: calc(100% - 104px);
		vertical-align: bottom;
	}
	
	/* Pages pour ajouter une nouvelle annonce */
	.stats_inscrip {
		position: initial;
		display: table;
		table-layout: fixed;
		width: 100%;
		margin: 0 0 15px 0;
	}
	.nb_stats_insc {
		display: table-cell;
	}
	.inscrip_step {
		display: none;
	}
	.inscrip_step_select {
		display: inline-block;
		width: auto;
	}
	#aide-vincent{
		max-width: 140px !important;
	}
	#registration-form .bloc-langues td {
		white-space: nowrap;
		display: inline-block;
		width: 50%;
		box-sizing: border-box;
	}
	#registration-form .bloc-description textarea {
		width: 100%;
	}
	#registration-form .bloc-prestations .div_txt_20 {
		width: 50%;
	}
	#registration-form .bloc-prestations *:not(.bloc_prestas_activites) table td {
		display: inline-block;
		width: 50%;
		box-sizing: border-box;
		padding-left: 0px;
	}
	#registration-form .bloc-labels td {
		white-space: nowrap;
		display: inline-block;
		width: 33.33%;
		box-sizing: border-box;
	}
	#registration-form .bloc-labels > span {
		white-space: nowrap;
	}
	#registration-form .bloc-villes-proximite > .div_txt_20 {
		white-space: nowrap;
		width: 100%;
	}
	#registration-form .bloc-donnees-generales .tab_inscrip td {
		display: block;
	}
	#registration-form .bloc-donnees-generales .tab_inscrip span.bloc_nowrap {
		display: inline-block;
		display: block;
	}
	#registration-form .bloc-donnees-generales select[name=nb_personnes] {
		margin-right: 0px !important;
	}
	#registration-form .bloc-donnees-generales .tab_inscrip tr > td:nth-child(2) > input {
		width: 100%;
	}
	.tab_inscrip input[name=tel_sms] {
		width: calc(100% - 140px) !important;
	}
	.tab_inscrip input.inputWithBtnRight {
		width: calc(100% - 30px) !important;
	}
	#registration-form .ouv_all {
		display: block;
	}
	#registration-form #loc_type_id {
		display: block;
	}
	#registration-form .block_mobile {
		display: block;
	}
	#registration-form .bloc-data.bloc-coordonnees-facturation input[type=text] {
		width: 100%;
	}
	#registration-form #ville_proprio {
		width: calc(100% - 120px) !important;
	}
	span.astuce {
		position: initial;
		margin-top: 5px;
	}
	
	.bloc-step-2-tarifs {
		overflow-x: auto;
	}
	.step-2-tarifs {
		display: table-cell !important;
	}
	.bloc_nowrap {
		white-space: nowrap;
	}

	/* Menu Responcive */ 
	#header-site{
		box-shadow: rgb(0 0 0 / 25%) 0px 1px 5px 0px;
	}
	
	#menu_content{
		width:auto;
		margin:auto;
	}
	#menu_content a, #menu_content div{
		display:block;
		width:auto !important;
		/*font-size: 1.2em;*/
		color: #07474F;
		height: auto;
		padding: 7px;
		padding-left: 5px;
	}
	#menu_content .togglePartage{
		display: block;
		top: 0px;
		z-index: 100000;
		margin: 10%;
		font-size: 1em !important;
		font-weight: normal;
	}
	#menu_content a:hover{
		color: #07474F;
	}
	#menu_content #acc img{
		display: none;
	}
	#menu_content #acc span{
		display:initial !important;
	}
	#menu_content .selected{
		color: #07474F;
	}
	#top-menu-content{
		padding-top: 15px;
		display: block;
		position: fixed;
		overflow-y: scroll;
		left: -100%;
		z-index: 99;
		width: 100vw;
		height: 100%;
		background-color: #ffffff;
		transition: all .3s ease-in-out;
	}

	#top-menu-content.menu_disp {
		left: 0;

	}
	#top-menu-content.menu_hide {
		left: -100%;
	}

	/* Lien "Ma liste" dans menu */
	#lien-annonces-sauvegardees {
		margin-left: 0px !important;
	}
	#lien-annonces-sauvegardees > div {
		padding: 0px;
	}
	#libelMaListe {
		display: inline-block;
	}
	#nbFavoris {
		margin-left: 2px;
	}
	.bloc-partage-favoris {
		display: block;
		text-align: left;
	}

	.bloc-partage-favoris .bloc-visible{
		padding: 0px !important;
	}
	.bloc-partage-favoris .sous-bloc-partage-favoris{
		padding: 0px !important;
		margin: 0px !important;
	}

	
	.bloc-partage-favoris-annonce {
		right: initial;
		left: 2px;
	}
	.listePartage span {
		font-size: 0.8em;
	}
	.list_flags span, .list_flags a{
		font-size: 0.8em !important;
	}
	#bloc-partage-favoris-header {
		display: block;
	} 
	#header-site {
		position: relative;
	}
	.conteneur_dates_indiff {
		margin-bottom: 5px;
		text-align: left;
	}
	#mots_cles_destination_sugg, #form_moteur_accueil #mots_cles_destination_sugg, #form_moteur_accueil_holidu #mots_cles_destination_sugg {
		margin-top: -6px;
	}

	.badge-avis-struct {
		display: none;
	}
	.bloc_add_avis{
		width: 75%;
	}
	.interact_only_mobile {
		pointer-events: auto !important;
		text-decoration: underline;
	}

	.separatorNum{
		display: none;
	}

	.inlineBlockMobile {
		display: inline-block;
	}

	.bloc_villes.div-list-25 {
		width: 100%;
	}
	.div-row-theme, .bloc_france_region_content, .bloc_europe{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.bloc_region{
		margin: auto;
	}
	.more_livre_or{
		text-align: center;
	}
	.titre_theme_bloc {
		font-size: 20px;
		margin-left: 15px;
		margin-right: 25px;
		font-weight: bold;
	}
	.bloc_france_content .ma_carte_ann{
		zoom: 1;
		display: block;
        float: none;
        width: 100%;
        text-align: center;
	}
	.div-theme-index {
		margin: 5px;
	}
	.bloc_france_content{
		margin-top: 10px;
	}
	.bloc_france_region{
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	a.texte-mini.content_pays{
	    position: relative;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		border-radius: 10px;
		height: 170px;
	}

	#illus_theme_moteur {
		background: none !important;
		padding: 0 !important;
	}
	.div-list-drap{
		gap: 22px;
		width: calc(100% - 22px);
	}

	#fnac-spectacles .spectacle-list{
		width: calc(50% - 8px);/*8px = margin-right*/
	}
	.fleche_liste {
		display: none;
	}

	.separation_prestas {
		display: none;
	}
	
	.tarif-etab-double-tarif{
		width: auto !important;
	}

	.double_tarif_bloc{
		width: 100%;
	}

	#form_moteur_annonces2 #mots_clesb {
		width: calc(100% - 4px);
	}
	#form_moteur_annonces2 #date_arriveeb, #form_moteur_annonces2 #date_departb {
		width: calc(50% - 4px);
	}
	#form_moteur_annonces2 #nb_personnesb {
		width: calc(50% - 4px);
		margin-right: 4px;
	}
	#form_moteur_annonces2 #types_etab_m, #form_moteur_annonces2 #prestas_m {
		/*width: calc(50% - 4px);*/
		flex: 1;
	}
	#form_moteur_annonces2 #bloc_search_submit {
		display: inline-block;
		width: calc(50% - 4px);
		position: static;
	}
	#form_moteur_annonces2 #bloc_search_submit > input {
		width: 100%;
	}

	/* pour les villes */
	#form_moteur_annonces2.form_ville #mots_clesb {
		width: calc(78% - 4px);
	}
	#form_moteur_annonces2.form_ville #rayonb {
		width: calc(22% - 4px);
	}
	#prestas_m label, #themes_m label {
		margin-right: 0;
	}
	.categ_filtre .empty {
		display: none;
	}
	.detail_note_avis {
		right: auto;
		left: -5px;
	}
	iframe[name=iframe_planning] {
		height: 270px;
	}
	.btn_accepte_cookie {
		display: block;
		margin: auto;
		margin-top: 10px;
	}

	.item_main_tarif_sejour > .div-list-25 {
		width: 50%;
	}
	#fil-ariane{
		display: none;
	}
	#header-page-results{
		max-height: 220px;
	}
	#header-page-results.shortDistance{
		max-height: max-content;
	}

	/***** Affichage map ***/

	#carte_m{
		display: inline-block;
		position: relative;
		vertical-align: top;
		flex: 1;
	}
	.leaflet-control-zoom{
		display: none; /*Plus de zoom sur mobile*/
	}
	#liste_m{
		flex: 1;
		position: relative;
		vertical-align: top;
	}
	#tri_m{
		/*width: calc(33% - 3px);*/
		margin-right: 5px;

	}
	#titre_carte_m{
		background: #fff;
		padding: 6px;
		padding-top: 7px;
		border-radius: 3px;
		border: 1px solid #cccccc;
		cursor: pointer;

		background-image: url(/lib/svg/pin.svg);
		background-size: 15px;
		background-repeat: no-repeat;

		background-position: 8px center, right center;
		padding-left: 30px;
		border: none;
		font-size: 1.15em;
	}
	#titre_liste_m{
		background: #fff;
		padding: 6px;
		padding-top: 7px;
		border-radius: 3px;
		border: 1px solid #cccccc;
		cursor: pointer;

		background-image: url(/lib/svg/list.svg);
		background-size: 20px;
		background-repeat: no-repeat;

		background-position: 8px center, right center;
		padding-left: 35px;
		border: none;
		font-size: 1.15em;
	}
	#prestas_m{
		/*width: calc(33% - 3px);*/
		margin-right: 5px;
	}
	.mapMobile{
		display: none;
	}
	.bloc-data-infosgen {
		padding: 0;
	}
	.compteur_photos_gen {
		bottom: 8px;
		right: 4px;
	}
	#galerie-affil .swipebox:nth-child(n+3) {
		display: none;
	}

	.titre_form{
		font-size: 1.6em;
	}

	.bloc_note_presta {
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
		margin-right: auto;
		margin-left: auto;
	}

	.bloc_note_texte {
		display: grid;
		align-items: center;
		font-size: initial;
		font-weight: bold;
	}

	.bloc_icon_texte{
		display: flex;
		grid-column-start: 1;
	}

	.bloc_button{
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		margin-bottom: 25px;
	}

	#add_photos{
		margin: auto;
		width: 100%;
	}

	.infos-avis input,select{
		width: 100%;
	}

	.bloc_dots_note{
		display: flex;
		flex-direction: column
	}

	#bloc_prestas_m {
		padding-top: 0;
	}

    #conteneur_prestas {
        position: absolute;
        bottom: 0;
        max-width: 100%;
        height: 90%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
	@-webkit-keyframes slideIn {
		from {top: 700px; height: 0%}
		to {top: 0; height: 90% }
	}
	
	@keyframes slideIn {
		from {top: 700px; height: 0%}
		to {top: 0; height: 90% }
	}
	#conteneur_prestas .bloc_button_app{
		padding: 10px;
	}

	.dot {
		height: 25px;
		width: 25px;
	}

}
@media screen and (max-height: 530px) and (orientation: landscape){
	/* Menu Responsive */ 
	#top-menu-content{
		padding-top: 15px;
		display: block;
		position: fixed;
		overflow-y: scroll;
		left: -100%;
		z-index: 99;
		width: 100vw;
		height: 100%;
		background-color: #ffffff;
		transition: all .3s ease-in-out;
	}
	.only_phone {
		display: inline !important;
	}
	#top-menu-content.menu_disp {
		left: 0;

	}
	#top-menu-content.menu_hide {
		left: -100%;
	}
	#menuImage{
		display: inline-block;
		position: absolute;
		top: 10px;
		right: 15px;
		z-index: 10;
		width: 3%;
	}
	#header-site {
		width: 90%;
	}
	.no_scroll {
		overflow: hidden;
	}
	#menu_content{
		width:auto;
		margin:auto;
	}
	#menu_content a, #menu_content div{
		display:block;
		width:auto !important;
		font-size: 1.2em;
		color: #07474F;
		height: auto;
		padding: 7px;
	}
	#menu_content a:hover{
		color: #07474F;
	}
	#menu_content #acc img{
		display: none;
	}
	#menu_content #acc span{
		display:initial !important;
	}
	#menu_content .selected{
		color: #07474F;
	}
	#flags .nom_lang{
		font-size: 0.8em;
		color: #07474F;
		margin-left: 8px;
		text-transform: uppercase;
	}
	.btn_proprietaire{
		margin-top: 10px;
	}
	#fleche_lang_mobile {
		display: inline-block;
	}


	#list_flags{
		font-size: 0.8em !important;
		top: 0;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	
	}
}
@media screen and (min-width: 541px) and (max-width: 1024px){
	#menu_content #acc{
		display: none;
	}
	#menu_content a, #menu-content div{
		padding: 5px !important;
	}

	body{
		width: device-width;
	}
	#body-content{
		padding-bottom: 150px;
	}	
	.div-list-25 {
		width: 33%;
	}
	.logo_mobile{
		display: flex !important;
		margin: auto;
		padding-left: 10px;
	}
	.logo_mobile_gi{
		width: 80%!important;
		margin-top: 8px !important;

	}
	.logo_mobile_ch{
		width: 80% !important;
		margin-top: 12px !important;

	}
	.logo_mobile_gi .headerBack{
		margin-right: 7%;
		width: 15px;
		margin-left: 4%;

	}
	.logo_mobile_ch .headerBack{
		margin-right: 4%;
		width: 30px;
		margin-left: 2%;
	
	}
	#menu_content {
		width: auto;
		margin: auto;
		box-sizing: border-box;
	}
	#flags {
		top: 5px;
		right: 5px;
		position: absolute;
		white-space: nowrap;
	}
	#lang_selected img {
		vertical-align: middle;
		width: 20px;
	}
	#flags .nom_lang {
		font-size: 1em;
		color: #07474F;
		margin-left: 8px;
		text-transform: uppercase;
	}
	.btn_proprietaire{
		margin-top: 10px;
	}
	#flags span {
		vertical-align: middle;
	}
	#fleche_lang_mobile {
		display: inline-block;
	}
	#menu_content a, #menu_content div {
		display: block;
		width: auto !important;
		font-size: 1.2em;
		color: #07474F;
		height: auto;
		padding: 7px;
	}
	#menu_content > a, #menu_content > div, #menu_content > span {
		border: none;
	}
	
	#currencies{
		display: none;
	}
	#fil-ariane {
		display: none;
	}
	#header-site {
		box-shadow: rgb(0 0 0 / 25%) 0px 1px 5px 0px;
		height: 60px;
		position: relative;
	}
	#menuImage {
		display: inline-block;
		position: absolute;
		top: 15px;
		right: 5%;
		z-index: 10;
		width: 5%;
	}
	.logo_mobile_ch .headerBack {
		margin-right: 4%;
		width: 30px;
		margin-left: 2%;
	}
	.headerBack {
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
	#top-menu-content{
		padding-top: 15px;
		display: block;
		position: fixed;
		overflow-y: scroll;
		left: -100%;
		z-index: 99;
		width: 100vw;
		height: 100%;
		background-color: #ffffff;
		transition: all .3s ease-in-out;
	}

	#top-menu-content.menu_disp {
		left: 0;

	}
	#top-menu-content.menu_hide {
		left: -100%;
	}
	#map-canvas{
		height: 40vh;
		width: 100%;
	}

	.hide_mobile{
		display: none;
	}

	.button-search-moteur{
		display: inline-block;
	}

	.button-search-moteur-tourisme{
		float: inherit;
		width: auto;
	}

	#more-criteria{
		display: inline-block;
	}

	#td-france-css{
		display: none;
	}

	.div-list-20{
		width: 30%;
	}

	.div-list-33{
		width: 50%;
	}
	.div-list-67{
		width: 100%;
	}

	.div-list-50{
		width: 100%;
	}

	.div-list-fluid{
		margin: 0;
		display: block;
	}

	.bloc-data-dept-photo{
		height: auto;
		min-height: 0;
	}

	.photo-illus-dept{
		display: none;
	}
	
	.photo-illus-dept-minis{
		display: none;
	}

	.table-multi-col td{
		display: table-row;
	}

	img.etab-illus{
		width: 90px;
		height: 68px;
	}

	/*.gm-style-iw .etab-content{
		padding-left: 95px; 
	}*/

	.bloc-listing a.etab .etab-content .bottom-left{
		left: 100px;
	}

	.title-sort-bar{
		width: 90px;
	}

	#annonce-illus{
		display: block;
		width: 75%;
		margin: auto;
		text-align: center;
		margin-bottom: 20px;
		height: auto;
		min-height: auto;
		max-height: none;
	}
	#annonce-recap{
		display: block;
		margin: auto;
	}

	#annonce-table-recap td:first-child{
		white-space: normal;
	}

	#miniature-affil{
		max-width: 250px;
		max-height: 187px;
	}

	#miniature-direct{
		width: 100%;
		max-width: 320px;
		max-height: 240px;
		float: none;
	}

	.liste-prestas span{
		width: 33%;
		white-space: nowrap;
	}

	#resume-direct{
		display: block;
		width: 100%;
	}

	.diapo_main_pic{
		width: 100%;
		min-width: 150px;
	}
	#search-destination label{
		width: 33%;
		font-size: 1.1em;
		margin-right: 0;
	}

	.liste-prestas-annonces span{
		width: 25%;
	}
	.liste-proxi-annonces span{
		width: 25%;
	}
	.liste-proxi-autres-annonces span{
		width: 50%;
	}

	.titre_theme {
		font-size: 0.85em;
	}

	.div-list-dept{
		display: inline-block;
		width: 32%;
		vertical-align: top;
		box-sizing: border-box;
	}

	.facebook_box{
		display: none;
	}

	#form_moteur_accueil, #form_moteur_accueil_holidu{
		text-align: center;
	}
	#form_moteur_accueil #nb_personnes_text, #form_moteur_accueil_holidu #nb_personnes_text{
		width: 100%;
	}

	#form_moteur_accueil #mots_cles, #form_moteur_accueil_holidu #mots_cles {
		width: calc(50% - 4px);
		margin-right: 4px;
	}
	#form_moteur_accueil #date_arrivee_m_div, #form_moteur_accueil #date_depart_m_div, #form_moteur_accueil_holidu #date_arrivee_m_div, #form_moteur_accueil_holidu #date_depart_m_div {
		width: calc(25% - 4px);
		margin-right: 4px;
	}
	#form_moteur_accueil #nb_personnes, #form_moteur_accueil #nb_personnes_m_div, #form_moteur_accueil_holidu #nb_personnes, #form_moteur_accueil_holidu #nb_personnes_m_div {
		width: calc(50% - 4px);
		margin-right: 4px;
	}
	#form_moteur_accueil #nb_personnes #wrap_nb_personnes, #form_moteur_accueil #nb_personnes_m_div #wrap_nb_personnes, #form_moteur_accueil_holidu #nb_personnes #wrap_nb_personnes, #form_moteur_accueil_holidu #nb_personnes_m_div #wrap_nb_personnes {
		width: 100%;
	}
	#form_moteur_accueil #button_search_moteur, #form_moteur_accueil_holidu #button_search_moteur {
		width: calc(50% - 4px);
		margin-right: 4px;
	}

	#rayona{
		width: 25%;
	}
	#nb_personnesa{
		width: 50%;
	}
	#nb_chambresa{
		width: 49%;
	}
	#button_search_moteur{
		font-weight: bold;
		float: none;
		width: 49%;
	}

	#form_moteur_accueil #nb_personnes_toggle, #form_moteur_accueil_holidu #nb_personnes_toggle {
		right: 0; /* pour éviter le débordement sur petits écrans */
	}
	#form_moteur_accueil #nb_personnes_toggle:before, #form_moteur_accueil_holidu #nb_personnes_toggle:before {
		left: auto;
		right: 10px;
	}
	
	/* On n'affiche pas les liens vers l'accès propriétaire en haut de la page */
	.liens-new-accesproprio-haut {
		display: none;
	}
	.liens-new-accesproprio-bas {
		display: block;
		text-align: center;
		margin-top: 10px;
	}
	.liens-new-accesproprio-bas a.tab-top {
		background: none;
		color: #871D0D;
		border: none;
		border-radius: 0px;
		margin: 0px 0px;
		padding: 0;
	}
	#footer-content {
		text-align: center;
	}
	span#footer-copyright {
		display: block;
		margin-bottom: 10px;
	}

	#form_moteur_annonces label{
		white-space: normal;
	}
	
	/* Liste d'annonces */
	div.etab-illus{
		/* Attention, si changement de width, il faudra modifier .noteEtoiles */
		min-width: 120px;
		width: 120px;
	}
	div.etab-content{
		display: table-cell;
		width: 100%;
		height: 115px;
	}
	a.etab{
		min-height: 100px !important;
	}
	.not_phone-tablet{
		display: none !important;
	}
	.only_phone-tablet{
		display: block !important;
	}

	.mini-texte{
		margin-bottom: 0px;
	}
	.noteEtoiles {
		position: absolute;
		left: -120px;
		bottom: 0px;
		background-color: rgba(0, 0, 0, 0.3);
		padding-bottom: 1px;
		width: 120px;
	}

	/* Moteur de demande de dispos sur une annonce */
	#form_annonces #date_arrivee_m, #form_annonces #date_depart_m{
		width: 132px;
	}
	
	/* Style de la barre de tri */
	.sort-bar-item > * {
		display: block;
	}
	#tab-sort-bar > * {
		vertical-align: middle;
	}

	div#sort-bar-etoiles > * {
		text-align: center;
		display: block;
	}
	
	.sort-bar-item {
		padding: 0 5px;
		text-align: center !important;
		width: 33%;
	}
	#sort-bar-etoiles {
		/* width: 120px; */
		width: 40px;
		padding-right: 80px; /*permet de compenser le width: 120px*/
	}
	#conteneur-sort-bar {
		width: calc(100% - 124px);
		vertical-align: bottom;
	}
	
	.listing-left-pane {
		padding-right: 0px;
	}

	
	/* Pages pour ajouter une nouvelle annonce */
	.stats_inscrip {
		position: static;
		text-align: center;
	}
	.nb_stats_insc {
		display: inline-block;
		margin: 10px 30px 25px 30px;
	}
	.inscrip_step {
		display: none;
	}
	.inscrip_step_select {
		display: inline-block;
		width: auto;
	}
	#aide-vincent{
		max-width: none !important;
	}
	#registration-form .bloc-donnees-generales td input[type=text] {
		width: 100%;
	}
	#registration-form .bloc-langues td {
		white-space: nowrap;
		display: inline-block;
		width: 50%;
		box-sizing: border-box;
	}
	#registration-form .bloc-description textarea {
		width: 100%;
	}
	#registration-form .bloc-prestations .div_txt_20 {
		width: 50%;
	}
	#registration-form .bloc-prestations *:not(.bloc_prestas_activites) table td {
		display: inline-block;
		width: 50%;
		box-sizing: border-box;
		padding-left: 0px;
	}
	#registration-form .bloc-labels td {
		white-space: nowrap;
		display: inline-block;
		width: 20%;
		box-sizing: border-box;
	}
	#registration-form .bloc-labels > span {
		white-space: nowrap;
	}
	#registration-form .bloc-villes-proximite > .div_txt_20 {
		white-space: nowrap;
		width: 100%;
	}
	#registration-form .bloc-donnees-generales .tab_inscrip span.bloc_nowrap {
		display: inline-block;
	}
	#registration-form .bloc-donnees-generales select[name=nb_personnes] {
		margin-right: 0px !important;
	}
	#registration-form .bloc-donnees-generales .tab_inscrip tr > td:nth-child(2) > input {
		width: 100%;
	}
	.tab_inscrip input[name=tel_sms] {
		width: calc(100% - 140px) !important;
	}
	.tab_inscrip input.inputWithBtnRight {
		width: calc(100% - 30px) !important;
	}
	#registration-form .ouv_du, #registration-form .ouv_au {
		display: inline-block;
	}
	#registration-form #loc_type_id {
		display: block;
	}
	#registration-form .block_mobile {
		display: block;
	}
	span.astuce {
		position: static;
		margin-top: 5px;
	}
	
	.bloc-step-2-tarifs {
		overflow-x: auto;
	}
	.step-2-tarifs {
		display: table-cell !important;
	}
	.bloc_nowrap {
		white-space: nowrap;
	}

	#bloc-partage-favoris-header {
		display: block;
	} 
	#header-site {
		position: relative;
	} 
	
	.bloc-partage-favoris-annonce {
		right: 0;
	}
	.badge_nb_checked {
		right: 15px;
	}

	.conteneur_dates_indiff {
		margin-bottom: 5px;
		text-align: left;
	}
	#mots_cles_destination_sugg, #form_moteur_accueil #mots_cles_destination_sugg, #form_moteur_accueil_holidu #mots_cles_destination_sugg {
		margin-top: -6px;
	}

	.bloc_villes.div-list-25 {
		width: 50%;
	}

	#illus_theme_moteur {
		background: none !important;
		padding: 0 !important;
	}

	#fnac-spectacles .spectacle-list{
		width: calc(33.3% - 8px);/*8px = margin-right*/
	}

	#annonce-map-left{
		width: 70%;
	}
	#annonce-map-right{
		width: 30%;
	}
	.fleche_liste {
		display: none;
	}

	.separation_prestas {
		display: none;
	}
	.bloc_prestas_activites {
		margin-right: 40px;
	}

	.tarif-etab-double-tarif{
		width: auto !important;
	}

	.double_tarif_bloc{
		width: 100%;
	}

	#form_moteur_annonces2 {
		padding-bottom: 5px;
	}
	#form_moteur_annonces2 #mots_clesb {
		width: calc(50% - 4px);
	}
	#form_moteur_annonces2 #date_arriveeb, #form_moteur_annonces2 #date_departb {
		width: calc(25% - 4px);
	}
	#form_moteur_annonces2 #nb_personnesb {
		width: calc(50% - 4px);
	}
	#form_moteur_annonces2 #types_etab_m, #form_moteur_annonces2 #prestas_m {
		/*width: calc(25% - 4px);*/
	}
	#form_moteur_annonces2 #bloc_search_submit {
		/*width: calc(50% - 10px);*/
		/*top: auto;*/
		/*bottom: 5px;*/
		/*right: 5px;*/
		width: calc(50% - 4px);
		position: static;
		display: inline-block;
	}
	#form_moteur_annonces2 #bloc_search_submit > input {
		width: 100%;
	}
	/* pour les villes */
	#form_moteur_annonces2.form_ville #mots_clesb {
		width: calc(38% - 4px);
	}
	#form_moteur_annonces2.form_ville #rayonb {
		width: calc(12% - 4px);
	}

	.item_main_tarif_sejour > .div-list-25 {
		width: calc(100% / 3);
	}

	#nb_personnes_toggle {
		min-width: 185px;
	}

	.dot {
		height: 25px;
		width: 25px;
	}
	.bloc_region{
		margin: auto;
	}
	.bloc_france_content .ma_carte_ann{
		zoom: 1;
		display: block;
        float: none;
        width: 100%;
        text-align: center;
	}
	.bloc_france_region{
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

}

@media screen and (min-width: 541px){
	.titre_form{
		font-size: 1.4em;
	}

	.bloc_note_presta {
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
		width: fit-content;
	}

	.bloc_note_texte {
		display: grid;
		align-items: center;
		font-size: initial;
		font-weight: bold;
	}

	.bloc_icon_texte{
		display: flex;
		grid-column-start: 1;
	}

	.bloc_button{
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		margin-bottom: 25px;
	}

	#add_photos{
		margin: auto;
		width: 100%;
	}

	.infos-avis input,select{
		width: 100%;
	}

	.infos-avis{
		width: 75%;
	}

	.bloc_dots_note{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
	}
}

@media screen and (min-width: 800px){
	#carte_m{
		display: none;
	}
	#liste_m{
		display: none;
	}

	#bloc-partage-favoris-menu {
		display: block;
	} 

	/* Moteur toujours visible sur les pages de résultats */
	/* pour la barre de tri et la carte, on ajoute un padding-top blanc */
	/*.sticky-active #sort-bar {
		background: #fff;
		padding-top: 10px;
		padding-bottom: 5px;
		padding-right: 10px;
	}*/
	.sticky-active > #map-block {
		background: #fff;
		padding-top: 10px;
	}
	.sticky-active > #map-canvas {
		background: #fff;
		margin-top: 10px;
	}

	.bloc_button{
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		margin-bottom: 25px;
		width: 100%;
	}

	#add_photos{
		margin: auto;
		width: 20%;
	}

	.infos-avis input,select{
		width: 100%;
	}

	.infos-avis{
		width: 50%;
	}

	.bloc_dots_note{
		justify-content: space-between;
	}

	.bloc_reco_photo{
		display: flex;
	}
}
@media screen and (min-width: 801px) and (max-width: 1200px){
	a.tab-top, .tab-top-flags, #currencies {
		padding: 5px;
	}
	#nb_personnes_toggle {
		min-width: 185px;
		right: 0px;
	}
	#nb_personnes_toggle::before {
		left: auto;
		right: 10px;
	}
}

@media screen and (max-width: 835px) {
	#back_button{
		display: none;
	}
}

@media screen and (min-width: 900px){
	.oui_button:hover{
		background-color: #43CA32;
		transition: 0.6s;
		color: white;
	}

	.non_button:hover{
		background-color: #FF4B55;
		transition: 0.6s;
		color: white;
	}
	#list_filtre{
		display: flex;
	}
}

@media screen and (min-width: 1024px){
	body {
		font-size: 0.9em;
	}
	#results-with-map {
		display: flex;
	}
	.listing-left-pane {
		display: block;
		flex: 1;	
	}
	.listing-right-pane {
		display: block;
		width: 50%;
		min-width: 400px;
		max-width: 550px;
	}

	/* Liste de résultats */
	.etab .etab-content {
		height: 140px;
	}
	.etab .etab-illus {
		/* Attention, si changement de width, il faudra modifier .noteEtoiles */
		min-width: 185px;
	}
	.noteEtoiles {
		left: -185px;
		width: 185px;
	}

	/* Fiche annonce */
	#image-theme {
		max-width: 500px;
		max-height: 375px;
	}
	#ann-form-contact textarea {
		height: 72px;
	}
	.alt-size.div-list-25 {
		width: 20%;
	}
}


@media screen and (max-width: 1200px){
	.bloc_infos_proprio_et_annonce {
		width: 100%;
		min-width: auto;
		text-align: center;
	}
	.bloc_moteur_dispo_et_msg {
		display: block;
		width: 350px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		float: none;
	}
	.bloc_infos_proprio {
		width: 350px;
		max-width: 100%;
		text-align: left;
		margin: 0 auto;
	}
	.groupe_nb_personnes {
		margin-bottom: 5px;
	}

	/* PWA iOS : on masque les liens d'inscription */
	.is_pwa.is_ios #menu_pleine_page .lien_inscription {
		display: none;
	}
}