/****** Regles CSS Responsive pour compatibilitée navigateur ****/
@media (max-device-width:768px) and (orientation: landscape) {
	html {
	-webkit-text-size-adjust: 100%;
	}
}
@media (max-width: 640px) {
	/* gestion des mots longs */
	textarea, table, td, th, code, pre, samp {
		word-wrap: break-word; /* passage à la ligne forcé */
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
	}
	code, pre, samp {
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}
}

/****************************************************************/



/**** Markers JS **/
#marker_mobile,
#marker_medium,
#marker_tablette
{display:none;opacity:0;width:0px;height:0;}	


/**Affichage du menu Responsive **/

/**** SCROLLBAR ****/
.scrollbar_responsiveV {
	position: absolute;
	z-index: 100;
	width: 7px;
	bottom: 5px;
	top: 5px;
	right: 5px;
	pointer-events: none;
	-webkit-transition: opacity 0ms 0ms;
	overflow: hidden;
	opacity: 1;
}

.scrollbar_responsiveV > div {
	margin-right: 3px;
	position: absolute;
	z-index: 100;
	background-color: rgba(255, 255, 255, 0.2);
	border: none;
	-webkit-background-clip: padding-box;
	box-sizing: border-box;
	width: 100%;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	pointer-events: none;
	-webkit-transition: -webkit-transform 0ms cubic-bezier(0.33, 0.66, 0.66, 1);
	-webkit-transform: translate(0px, 0px) translateZ(0px);
	height: 275px;
}

#header_menu_responsive{
	display: none;
	position:absolute;
	top:0;
	left:0;
	z-index: 6000;
	background: #000;
	width:100%;
	height:50px;
	-webkit-box-shadow:  1px 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow:  1px 1px 5px rgba(0, 0, 0, 0.5);
}
	#header_menu_responsive_inner{
		width:100%;
	}


.open{
	position: absolute;
	z-index: 50;
	display:block;
	width: 70px; 
	height: 50px; 
	background: url(../../../../../all/themes/zen/zen/images/responsive/menu.png) center center no-repeat #000;
	text-shadow: 1px 1px 1px #000000;
	padding: 0 6px 0 6px;
	line-height: 30px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}

/**** Menu Islide ***/
#responsive{
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
	position: fixed;
	top:0;
	left:-325px;
	width: 280px;
	height:500px;
    z-index:7000;
	display:block;
}
	#responsive #header_menu {
	    background: none;
	    color: #EEEEEE;
	    font-size: 20px;
	    height: 50px;
	    left: 0;
	    padding: 0;
	    position: relative;
	    text-align: left;
	    top: 0;
	    width: 100%;
	    z-index: 2;
	    border-bottom: 2px solid #000000;
	}
		#responsive #header_menu #close_menu_btn{
			position:absolute;
			right:-40px;
			top:0px;
			border-radius: 0 8px 8px 0;
			cursor:pointer;
			width: 40px; 
			height: 50px; 
			background: url(../../../../../all/themes/zen/zen/images/responsive/close_menu.png) center no-repeat;
			background-color: #000;
			background-color: rgba(0,0,0,0.85);
			background-size: 50%;
			padding: 0;
		}
		#responsive #header_menu #home_menu_btn{
			background-color: #cc1612;
			width:25%;
			height:50px;
			float:left;
			margin-right:1%;
		}
			#responsive #header_menu #home_menu_btn a{
				display:block;
				width:100%;
				height:50px;
				background:url(../../../../../all/themes/zen/zen/images/responsive/menu_home.png) no-repeat center center;
				background-size: 38%;
				text-indent: -99999px;
			}
		/****** Block de recherche ******/
		#responsive #header_menu .block-recherche-responsive{
				float:left;
				width:74%;
				margin:0;
				background:#fff;
			}

			#responsive #header_menu .block-recherche-responsive .search-form{padding:0;}
			#responsive #header_menu .block-recherche-responsive .form-item{margin:0;display:block;float:left;}


			#responsive #header_menu .block-recherche-responsive input.form-text {
				padding:11px 9px;
				font-size:20px;
				height:28px;
				width:144px;
				border:none;
			}
			#responsive #header_menu .block-recherche-responsive input.form-submit {
				background: url(../../../../../all/themes/zen/zen/images/responsive/loupe.png) no-repeat center center;
				background-size: 69%;
				width:44px;
				height:50px;
				padding:0;margin:0;
				border:none;
				text-indent:-999em;
				font-size:1px;
			}
			.front #responsive #header_menu .block-recherche-responsive{width:100%;}
			.front #responsive #header_menu .block-recherche-responsive input.form-text {width:216px;}

	#wrapper {
	position:absolute; z-index:1;
	top:50px; bottom:0; left:0;
	width:100%;
	background:none;
	overflow:hidden;
	}

	#scroller {
		position:absolute; z-index:1;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		width:100%;
		padding:0;
		font-size: 14px;
   		line-height: 40px;
	}

	#scroller ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
	}

		#scroller .content > ul.menu li {
			padding:0 10px;
			line-height:40px;
			font-size:14px;
			background: none;
			padding:0;
		}
		#scroller li a{
			display:block;
			padding:0 20px;
			color:#fff;
			text-decoration: none;
			border-bottom: 1px solid #3e3e3d;
		}

	#scroller .content > ul.menu > li > a {
		background:#831519;
		font-weight:bold;
		font-size:1.2em;
		border:none;
	}

	#scroller .content > ul.menu > li > a:hover,
	#scroller li a:hover{background:#241918; }
	
	/*** Couleur principale du site pour les premier niveau et btn accueil **/
	#responsive #header_menu #home_menu_btn,
	#scroller .content > ul.menu > li > a{background-color:#901c19;}	
	

/*-----------------------
/* Sélecteur de langue déroulant
-------------------------*/
.block-locale-responsive  {
	padding: 5px 0px;
	float:right;
	margin: 0 5px 0 0 ;
	width:61px;
}
.block-locale-responsive  ul {
   margin: 0;
   padding: 0;
   height:40px;
   overflow: hidden;
   /*-webkit-transition: height .2s;
   -moz-transition: height .2s;
   -ms-transition: height .2s;
   -o-transition: height .2s;
   transition: height .2s;*/
}
.block-locale-responsive  ul:hover {
   background: #2a2f2a;
   height:auto;
}
.block-locale-responsive  ul li {
   display: block;
   padding: 0;
   list-style: none outside none;
   background: none;
}
.block-locale-responsive  ul li a {
   display: none;
   padding: 11px 15px 11px 5px;
   color: #fff;
   font-family: "Avenir", Arial, sans-serif;
   text-transform: uppercase;
   text-decoration: none;
   -webkit-transition: background-color .2s;
   -moz-transition: background-color .2s;
   -ms-transition: background-color .2s;
   -o-transition: background-color .2s;
   transition: background-color .2s;
   background:none;
}
.block-locale-responsive  ul {
	background:url("../../../../../all/themes/zen/zen/images/responsive/nav1.png") no-repeat 95% 17px;
}
.block-locale-responsive ul li.first a{background:none;}

.block-locale-responsive  ul li a:hover {
   background-color:#901c19;
}
.block-locale-responsive  ul li a img {
   margin: 3px 7px 0 0;
}

.block-locale-responsive:hover ul li a,
.block-locale-responsive ul li a.active {
   display: block;
}
/* Meteo responsive */
.block-meteo-responsive{
	width:55px;
	float: right;
}
.block-meteo-responsive .yr-forecast-block-location{margin: 0;padding:0 5px;border:none;}
.block-meteo-responsive .yr-temp{display: none;}

/*********************************** En dessous de 1000px **************************************/
@media screen and (max-width: 1000px){
	body{margin-top:40px;}
	#admin-menu, #admin-menu ul{display: none;}
	#block-locale-0{display:none;}

	img,embed,object,video{max-width: 200%;} /** 200% quand l'image et plus grande que la taille du site**/

	#main #main-inner #content{
		width:100%;
		padding-top:15px;
	}

	#header-inner, #main-inner, #footer_links_top-inner, #footer_links-inner, #footer-inner, #closure-blocks-inner {
   		width: 100%;
   		max-width:738px;
	}

	#main-inner, #footer_links_top-inner, #footer_links-inner, #footer-inner, #closure-blocks-inner {
		width:auto ;
		padding:0 15px;
	}

	/*** Diapo **/
	#content_diapo,
	#block-raccourci_diaporama-block_diaporama,
	#wrapper_diaporama_2{
		width:100% !important;
		height:330px !important;
		left:0 !important;
	}
	#wrapper_diaporama{overflow:hidden;}
		#wrapper_diaporama #masque{display:none;}
		#wrapper_diaporama #diaporama_contenu{
			height: 100%;
    		position: absolute;
   			width: 100%;
		}
		#wrapper_diaporama #diaporama_container{height:100% !important;width:100% !important;min-height:500px;}
		#wrapper_diaporama #diaporama_container img{height:100%;}
		#wrapper_diaporama #diaporama_contenu #diapo_content_bloc{
		   bottom: 20px;
		   right: 15px;
		   top: auto;
		}
		#wrapper_diaporama #titre_diaporama{font-size:1.7em;}

	/********* Page intérieur *********/
	.not-front #main #main-inner #content{
		width:449px;
		overflow:hidden;
	}
	.not-front #content-area{padding:10px 15px;}
	.not-front #main #main-inner #content img{max-width:100%;}
	.breadcrumb{width:310px;}
	#toolbar{width:125px;}
	#block-print-0,#block-tourism_raccourci-tourism_print_button{display: none;}	
	.view-page-enfant.view-display-id-block_2 .views-row{width:97px;}


	body{overflow-x:hidden;}
	#header_menu_responsive {display:block;}
	#page{margin-top:50px;position:relative;}
	#navbar {display:none;}

	/*** Bandeau ***/
	#bandeau_anime, .field-field-img-bandeau, .masque_bandeau{
		height: auto;
   		width: 100%;
	}
	.field-field-img-bandeau #bandeau_anime img{height:auto;}
	/**Bandeau en diaporama**/
	#bandeau_anime.innerfade{height:150px !important;width:auto;}
	.field-field-img-bandeau #bandeau_anime.innerfade img{width:100% !important;height:auto;}

	/************* Module Photo **************/
	.view-albums-photos .item-list ul li.views-row-even,
	#content-area #navSecondaire .view-albums-photos ul li.views-row-even{margin-right: 0;}
	.node-type-phototheque #photo_content #gallery,
	.node-type-phototheque #photo_content #slideshow{width:100% !important;}
	#controls{display:none;}
	.node-type-phototheque #photo_content #thumbs ul.thumbs{padding-left:52px;}
	/** Picshare **/
	#picasa_div, #flickr_div{width:100%;}
	#picshare #form-picasa, #picshare #form-flickr{margin-left:0 !important;}
	#picshare{height:auto;overflow:hidden;}
	#form-picasa .titre_2 {height: auto;position: absolute;right: 0;top: -31px;width: 100%;}

}

/************************************************* En dessous de 768px *********************************/
@media screen and (max-width: 737px){
	body{margin-top:40px;}

	#header-inner, #main-inner, #footer_links_top-inner, #footer_links-inner, #footer-inner, #closure-blocks-inner {
   		width: 100%;
   		max-width:480px;
   		padding-left:0;
   		padding-right:0;
	}
	/********** ColorBox *************/
	#colorbox{width:90% !important;}
		#cboxWrapper,#cboxContent,#cboxLoadedContent,#cboxLoadedContent iframe
		{width:100% !important;}

	/********* Page intérieur ************/
	.not-front #main #main-inner #content{width:100%;}
	.view-page-enfant.view-display-id-block_2 .views-row{width:110px;}
	.not-front #sidebar-right{width:100%;}
	.not-front #sidebar-right-inner{margin-top: 20px;}

	/************* Module Photo **************/
	.node-type-phototheque #photo_content #thumbs ul.thumbs{padding-left:38px;}

	/*page inté*/
	.breadcrumb{width:328px;}

}



/****************************************************/
/* Smartphones (portrait and landscape) ----------- */
/************************************************* En dessous de 480px *********************************/
@media screen and (max-width: 479px) {

	body{margin-top:40px;}
	#marker_mobile{display:block;}

	#main-inner, #footer_links_top-inner, #footer_links-inner, #footer-inner, #closure-blocks-inner {
		width:auto ;
		margin:0 5px;
		padding: 0;
	}


	#header-inner {
		height:100px;
	}

	#logo{
		position:relative;
		width:100%;
		right:0;
		left:auto;
		top:0;
	}
		#logo img{
			max-width:50%;
		}


	/*** Diapo **/
	#content_diapo,
	#block-raccourci_diaporama-block_diaporama,
	#wrapper_diaporama_2{
		max-height:200px !important;
		left:0 !important;
		width:100% !important;
		min-height: 200px !important;
	}

	#masque{display:none;}

			#diaporama_contenu #diapo_content_bloc{
			   bottom: 11px;
			}
			#wrap_desc_diaporama{padding-top:12px;}
			#titre_diaporama{font-size:1.2em;}

	#diaporama_container img{height:40% !important;width: auto !important;}		

	/*** Navbar ***/
	#navbar{
		display:none;
	}



	#page #content-home .block{
		width:100% ;
		padding:0 ;
		margin:0 0 40px 0;
		height:auto;
	}

	/************* Module Photo **************/
	.node-type-phototheque #photo_content #thumbs ul.thumbs{padding-left:9%;}


	#footer_links_top{
		background-position: 0 227px;
	}
	#footer_links_top .block {
	    float: none;
	    margin-left: 0;
	    margin-right: 0;
	}
	#block-simplenews-1{position: relative;top:0;left:0;}

	
	/** Sidebar**/
	#toolbar{display:none;}

	/***** Page intérieur ******/
	.view-page-enfant.view-display-id-block_2 .views-row{width:91px; margin-left:9px;}
	/** Breadcrumb **/
	.breadcrumb{width:100%;}
	.breadcrumb .breadcrumb-item,
	.breadcrumb .separator{display:none;}
	.breadcrumb .breadcrumb-item.breadcrumb-parent{display:block;}
		.breadcrumb .breadcrumb-item.breadcrumb-parent a{
			background:url("../../../../../all/themes/zen/zen/images/responsive/back_breadcrumb.png") no-repeat left center;
			padding:15px 0 15px 25px;
			color:#383737;
			font-size:1.3em;
			display:block;
		}
	


	/***** Module Brochure *****/
	.view-brochures.view-display-id-page_1 .views-row,
	.view-brochures.view-display-id-page_2 .views-row,
	.view-brochures.view-display-id-page_3 .views-row,
	.view-brochures.view-display-id-page_4 .views-row{width:100%;}
	.view-brochures.view-display-id-page_1 .views-row-odd,
	.view-brochures.view-display-id-page_2 .views-row-odd,
	.view-brochures.view-display-id-page_3 .views-row-odd,
	.view-brochures.view-display-id-page_4 .views-row-odd{margin-left:0;}
	.view-brochures.view-display-id-page_1 .views-row-even,
	.view-brochures.view-display-id-page_2 .views-row-even,
	.view-brochures.view-display-id-page_3 .views-row-even,
	.view-brochures.view-display-id-page_4 .views-row-even {margin-right: 0;}
}



/******** Module tourisme *********/	
	#marker_search_engine{display:none;opacity:0;width:0px;height:0;}
	#btn_responsive_close{display: none;}
	#blockDateSelectionMain #blockDateSelectionModif input{background: none;}


/*********************************** En dessous de 1000px **************************************/
@media screen and (max-width: 1000px){
	/****** Mode liste ******/
	/** Mon séjour **/
	#blockDateSelectionMain{height: auto;}
	#blockDateSelectionMain #blockDateSelectionTitle{font-size:1.2em;height: 33px;line-height: 43px;}
	#blockDateSelectionMain #blockDateSelectionForm{margin-left:10px;}
	#blockDateSelectionMain #blockDateSelectionValiderButton{width:51px;}
	/** Suppresion des choix d'affichages 1,2,3 colonnes et carte **/
	.select-nav-mode .navModeList{display:none;}

	/** Liste **/
	.not-front #content-area .listePhoto img{width:100% !important;}
	.not-front #tabs li.aFrame {width: 100% !important;margin:5px 0;}

	/* 1 colonne  */
	#tabs li.col1{height:auto;}
	#tabs .col1 .listeHeader{width: 97%;padding-left:3%;margin: 0;}
	.not-front #content-area #tabs li.col1 .listePhoto {overflow: hidden;width:50%;}
	#tabs .col1 .listeContent{width:44%;margin-right:2%;}
	#tabs .col1 .listeLogoPrincipal{left: auto;right: 8px;top: 0;}
	#tabs .col1 .listeBoutons li{margin-bottom:5px !important;}

	/* 2 colonnes */
	#tabs li.col2{height:auto;}
	#tabs .col2 .listeBoutons{position:relative;bottom:auto;right:auto;margin-top:10px;}
	#tabs .col2 .listeBoutons li{margin-bottom:5px !important;}
	.not-front #content-area #tabs li.col2 .listePhoto {overflow: hidden;height:182px;}

	/* 3 colonnes */
	#tabs .col3 .listeBoutons{width:94%;}
		#tabs .col3 .listeBoutons li{width:100%;}
	.not-front #tabs li.col3 {width: 48%;}
	.not-front #tabs li.col3:nth-child(2n+1) {margin-right: 3% !important;}

	/****** Agenda ******/
	/** Mois **/
	table.agendaTable, .agenda_control_wrapper_bottom {table-layout: fixed;}
	#tabs .month ul.dayFiches{display:none;}
	#agendaContainer td{border-color: #aaa;}
	.agendaCellHeader{height:50px;}
		.agendaCellHeader .agendaCellFicheCount{bottom:3px;right:3px;}
		.has-no-event .agendaCellHeader{background: #fff;}
	/** Semaine **/
	.week .agendaContent .day .dayFiches{display:none;}
	.week .agendaContent .day .agendaCellHeader{height: 93px;}
		#agendaContainer.week p .curDateDisplay {font-size: 14px;}
	.week .agendaContent .agendaCellHeader .agendaCellHeaderDayOfMonth{font-size:21px;}
	/** jour **/
	#agendaContainer p .curDateDisplay .agendaDateLabel,
	.agenda_control_wrapper_bottom p .curDateDisplay .agendaDateLabel {font-size: 17px;}

	/****** Mode détail *****/
	/**** Onglets ****/
	/* Onglets */
	#mode_detail .detailOnglet td{
		padding-bottom:0;
		height:40px;
		line-height: 40px;

	}
		#mode_detail .detailOnglet td a{
			/*background-image:url(http://www.holidays-cahors.co.uk/sites/ot-cahors/themes/theme_base/styles/images/responsive/tourisme/sprite_onglets.png);*/
			background-repeat:no-repeat;
			background-position:center center;
			background-size:auto 68%;
			text-indent:-999em;
			min-width:30px;
			border-bottom: 1px solid rgba(255, 255, 255, 0.4);
		}

		#mode_detail .detailOnglet td.onglet-videos a{background-image:url("../../../../../../imgs/static/detail/responsive/video.png");}
		#mode_detail .detailOnglet td.onglet-photos a{background-image:url("../../../../../../imgs/static/detail/responsive/photo.png");}
		#mode_detail .detailOnglet td.onglet-multimedia a{background-image:url("../../../../../../imgs/static/detail/responsive/multimedia.png");}
		#mode_detail .detailOnglet td.onglet-son a{background-image:url("../../../../../../imgs/static/detail/responsive/audio.png");}
		#mode_detail .detailOnglet td.onglet-localisation a{background-image:url("../../../../../../imgs/static/detail/responsive/localisation.png");}
		#mode_detail .detailOnglet td.onglet-itineraire a,
		#mode_detail .detailOnglet td.onglet-carte a{background-image:url("../../../../../../imgs/static/detail/responsive/itineraire.png");}
		#mode_detail .detailOnglet td.onglet-etapes-1 a,
		#mode_detail .detailOnglet td.onglet-etapes-2 a{background-image:url("../../../../../../imgs/static/detail/responsive/poi.png");}
		#mode_detail .detailOnglet td.onglet-avis a{background-image:url("../../../../../../imgs/static/detail/responsive/avis.png");}
		#mode_detail .detailOnglet td.onglet-tarif a{background-image:url("../../../../../../imgs/static/detail/responsive/tarif.png");}
		#mode_detail .detailOnglet td.onglet-contact a{background-image:url("../../../../../../imgs/static/detail/responsive/contact.png");}
		#mode_detail .detailOnglet td.onglet-dispo a,
		#mode_detail .detailOnglet td.onglet-dispo-2 a,
		#mode_detail .detailOnglet td.onglet-resa a{background-image:url("../../../../../../imgs/static/detail/responsive/dispo.png");}
		#mode_detail .detailOnglet td.onglet-promo a{background-image:url("../../../../../../imgs/static/detail/responsive/promo.png");}
		#mode_detail .detailOnglet td.onglet-desc a{background-image:url("../../../../../../imgs/static/detail/responsive/services.png");}
		#mode_detail .detailOnglet td.onglet-reserver a{background-image:url("../../../../../../imgs/static/detail/responsive/resa.png");}


	#mode_detail .detailOnglet .titre_onglet_tr{
		display:table-row !important;
		margin-left:40px;
	}
	#mode_detail .detailOnglet .titre_onglet_tr .titre_onglet{
		color:#ffffff;
		background:#7a1815;
	}
	/* Onglet Actif */
	#mode_detail .detailOnglet td.ongletActif a{border-bottom-color:#7a1815;}

	/*Bontoun retour haut*/
	#mode_detail .detailOnglet{position:relative;}
	#mode_detail .detailOnglet td.boutonretour,
	#mode_detail .detailOnglet td.boutonretour2{display:none;}
		#tourismeConteneur .detailOnglet td.boutonretour a,
		#tourismeConteneur .detailOnglet td.boutonretour a:hover{background-position: center center;border-bottom: none;}


	/****************/


	#tourismeConteneur .detailTab td{float:left;width:100%;border-left:none;border-right:none;border-top:none;}
	#tourismeConteneur .detailTabDroite .pasdAvis{width:90%;}
	.module_tourisme h1{clear: both;}
	#tourismeConteneur .tarifs td{vertical-align: top;}
	
	.detailDiaporama{width:100% !important;}
	#tabs .col1.no_photo .listeHeader{width:97%;}
	#tabs .col1.no_photo .listeContent {width: 96%;}
	#tabs .col1 .listeBoutons{position:relative;bottom:0;right:0;}
	#tabs .col1 .listeLogo{display: none;}
	/** Formulaire avis **/
	.formAvis form{width:96%;}
	.formAvis .noteItemAvis #edit-note-1-wrapper {clear: both;margin-left: 0;}
	.formAvis .form-text {padding: 0 5%;width: 90%;}
	.formAvis .form-item {margin-bottom: 4px;}
	.formAvis .form-item label {margin: 0;width: 100%;height:27px;line-height:27px;font-size:1em;}
	.formAvis .form-select {padding: 9px 6px;}
	.formAvis .review-stay-date #edit-stay-date-month-wrapper {width: 48%;margin-right:2%;}
		.formAvis #edit-stay-date-month{width:100%;}
	.formAvis .review-stay-date #edit-stay-date-year-wrapper {padding-top:27px;width:50%;}
		.formAvis #edit-stay-date-year{width:100%;}
	.formAvis .review-form-profil-type{width:100%;margin-left:0;}
	.formAvis .form-textarea {padding: 18px 4%;width: 91%;}
	.formAvis .purpose-mailing-optins-wrapper .form-item{width:100%;margin-left:0;}
		.formAvis .purpose-mailing-optins-wrapper .form-item label{width:78%;padding-right: 18%;height:auto;line-height: 17px;}
	.formAvis .form-submit{margin:12px 0 7px 0; width:100%;}
	.purpose-mailing-optins-wrapper .form-item label:hover{background-color: transparent;color: #000;}
	.formAvis .warningAvis{clear: both;float: none;margin: 0;padding: 0 5%;width: 90%;}
	.formAvis #edit-captcha-response-wrapper .field-prefix{width:33%;}
	.formAvis #edit-captcha-response{width:50%;}

	/* 1 avis **/
	#tourismeConteneur .blocAvisHeader{width:90%;padding:15px 5%;height:auto;}
	#tourismeConteneur .blocAvisHeader .deposerAvis,
	#tourismeConteneur .blocAvisHeader .tousAvis{position:relative;left:auto;bottom:auto;width:100%;}
	#tourismeConteneur .blocAvisHeader .deposerAvis{margin-top:15px;}

	/******Medias******/
	
	/* Visites virtuelles */
	.detailPhoto-slide-visite-virtuelle{
		height:270px;
	}
	
	/** Contact **/
	#tourismeConteneur .contact{margin-top:10px;}
	.FormContact{float: none;}
	.FormResaRecap{width:100%; padding: 2%;width: 96%;position: relative;height:auto;overflow:auto;margin-top:10px;}
	.FormContact .form-text, .FormContact .form-textarea{width:91%;}
	.FormContact .form-textarea{height:90px;min-height:90px;}
	.FormContact #stay_start_id-wrapper,
	.FormContact #stay_end_id-wrapper{width:98%;}
	.FormContact #stay_start_id-wrapper input, 
	.FormContact #stay_end_id-wrapper input{width: 50%;}
	.FormContact #stay_start_id-wrapper label{width:30%;}
	.FormContact #stay_end_id-wrapper label{width:30%;margin-left:4px;}
	.purpose-mailing-optins-wrapper .form-item{width:100%;}
	.purpose-mailing-optins-wrapper .form-item label{width:87%;padding-right:11%;}
	.purpose-mailing-provider .FormContact .form-submit {margin-top:12px;width: 322px;}
	.contact #edit-optin-presta-wrapper,
	.purpose-mailing-optins-wrapper .form-item,
	.purpose-mailing-provider .FormContact .form-submit{float:none;}
	.purpose-mailing-provider .FormContact .form-submit{width:100%;}
	#mode_detail .detailOnglet td a.addToTravelCart,
	#mode_detail .detailOnglet td a.removeFromTravelCart{text-indent:0;}

	.travelCartMessage{
		top:25% !important;
		left:50% !important;
		margin-left:-120px !important;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}

	/*** Détail Manifs ***/
	.detailFicheGeolocThumbnail{display:none;}
	.detailFicheManif .detailManifDates {margin: 0;width: 199px;}
	.detailFicheManif .detailAdresse{width:100%;}
	

}

/************************************************* En dessous de 768px *********************************/
@media screen and (max-width: 737px){
	/**** Module tourisme ********/
	#marker_search_engine{display:block;}
	
	.search-engine-responsive{overflow:hidden;position:relative;padding-bottom:35px;}
		#btn_responsive_close{
			display: block ;
			background: url("../../../../../../imgs/static/liste/responsive/close_search_engine.png") no-repeat #171717 center center;
			background-size: auto 50%;
			width:100%;
			height:35px;
			position:absolute;
			left:0;
			bottom:0;
			text-indent: -999em;
			z-index:5;
		}
	.search-engine-wrapper{width:100%;margin:0;}
	#resultPresentation{
		background-color:#901c19;
		background-image:url("../../../../../../imgs/static/liste/responsive/open_search_engine.png");
		background-position:right bottom;
		background-repeat:no-repeat;
	}
	#resultPresentation .libelle-resultat{color:#fff;}
	#resultPresentation .nombre-resultat {
		display: block !important;
		float:left;
		font-size:1.3em;
	}
		#resultPresentation .nombre-resultat:before{content:"(";}
		#resultPresentation .nombre-resultat:after{content:")";}
	/**** Couleur du site ***/
	#form_recherche{background: #901c19}
	#form_recherche #titreRecherche,
	#form_recherche #search_engine form.search-tourism-form fieldset legend,
	#form_recherche #search_engine form.search-tourism-form fieldset legend a
	{color:#fff;background:none;}
	#form_recherche #search_engine form.search-tourism-form fieldset legend{padding-bottom:15px;}
	#form_recherche #search_engine form.search-tourism-form fieldset{padding:8px 2% 2%;}

	/**/
	#form_recherche #search_engine form.search-tourism-form fieldset{
		width: 96%;
		padding:2%;
		background:#FAFAFA;
		border:1px solid #eee;
	}

	#form_recherche #search_engine form.search-tourism-form .form-item,
	#form_recherche #search_engine form.search-tourism-form fieldset.fieldset_classement .form-item{
	    float: left;
	    width: 50%;
	}
	#autoSuggestionsList #ajax-loader{left:auto;right:10px;}



	.search-tourism-form .fieldset_name .form-text{width:97%;background: #fff;}
		#form_recherche #search_engine form.search-tourism-form #edit-raison-sociale-wrapper.form-item{width:100%;}

	#block-tourism_raccourci-tourism_list_results #map_canvas{height:250px;}

	/************* Mode détail ************/
	/** Prestations **/
	#tourismeConteneur .detailFicheContent fieldset li{width:40%;}

	/** Formulaire contact **/
	#edit-name-wrapper label,
	#edit-email-from-wrapper label,
	#edit-phone-wrapper label{display:none;}
	
	/* Visites virtuelles */
	.detailPhoto-slide-visite-virtuelle{
		height:290px;
	}

}



/****************************************************/
/* Smartphones (portrait and landscape) ----------- */
/************************************************* En dessous de 480px *********************************/
@media screen and (max-width: 479px) {
	/****** Module tourisme ******/
	/** Mode Liste **/
	#blockDateSelectionMain #blockDateSelectionForm fieldset{width:auto;}
	#form_recherche #search_engine form.search-tourism-form label{font-size:1.1em;line-height:1.3em; padding:5px 0;}
	
	/*** Toutes colonnes **/
	.not-front #tabs li.aFrame{height:auto;}
	#tabs .aFrame .listeContent .listeBoutons{position:relative;right:auto;bottom:auto;overflow:hidden;padding:2px 0;}
		#tabs .aFrame .listeContent .listeBoutons li{margin: 2px 2% !important;width: 96%;}
	#tabs .aFrame .listeContent .commune{position:relative;bottom:auto;}
	
	/* 1 colonne */
	#tabs .col1 .listeContent{width:96%;}
	.not-front #content-area #tabs li.col1 .listePhoto{width:100%;}
	/* 3 colonnes */
	#tabs .col3 .listeBoutons,
	.not-front #tabs li.col3 {width: 100%;}

	/****** Agenda ******/
	/** jour **/
	#agendaContainer p .curDateDisplay .agendaDateLabel,
	.agenda_control_wrapper_bottom p .curDateDisplay .agendaDateLabel {font-size: 14px;}
	#agendaContainer p .curDateShifter, .agenda_control_wrapper_bottom p .curDateShifter{width:27px;}
	#agendaContainer.day .agendaContent .manifJour a.listeLien span.listeHeader{font-size:14px;}
	#agendaContainer.day .agendaContent .manifJour a.listeLien span.listeHeader .listeTitre {line-height: 14px;}

	/*********** Mode détail ***********/
	.detail_module_tourisme #content-area{padding:10px 0;}


	#tourismeConteneur  .detailLogoLangues{padding-left:15px;}
	.detail_module_tourisme h1,
	#tourismeConteneur  .detailLiens,
	#tourismeConteneur  .detailFiche,
	#tourismeConteneur  .detailDescription,
	#tourismeConteneur  .detailFicheContent > div{padding:0 3%;}
	#tourismeConteneur  .detailFicheContent > div.detailOnglet{padding:0;margin:15px 0 10px 0;}
	#tourismeConteneur .detailLogoLabel fieldset{width: 74%;}
	#tourismeConteneur  .detailFicheContent{margin-top:5px;clear:both;overflow:hidden;}

	.street-adress.adresse {clear: both;padding-top: 6px;}
	#tourismeConteneur .detailLogoHandicap {bottom: 0;clear: both;left: 0;position: relative;}
	.module_tourisme #tourismeConteneur .detailFicheContent .tabDispo .mois {width: 99% !important;margin-right: 0 !important;}
	.module_tourisme #tourismeConteneur .detailFicheContent .tabDispo table {width: 99% !important;}

	#tourismeConteneur .detailHeader .detailPhoto{width:100%;}
	#tourismeConteneur .detailHeader .detailPhoto a img{width:100% !important}
	#tourismeConteneur .detailHeader{padding:7px;}
	#tourismeConteneur .detailHeaderFiche .detailAdresse,
	#tourismeConteneur .detailHeaderFiche .detailCapaciteGlobale,
	#tourismeConteneur .detailHeaderFiche .LienSiteWeb
	{font-size:1em;}
	#tourismeConteneur .detailDescription{padding:6px 8px;font-size:1em;margin:5px 15px;}
	.module_tourisme #tourismeConteneur .detailFicheContent .tabDispo .mois{display:none;}
	.module_tourisme #tourismeConteneur .detailFicheContent .tabDispo .mois:first-child{display:block;}

	/** Formulaire avis **/

	#tourismeConteneur .detailFicheContent > div.detailAvis{padding:0;}
	#tourismeConteneur .detailAvis .deposerAvis{position:relative;top:auto;right:auto;text-align: center;border-bottom: 2px solid #555555;}
	#tourismeConteneur .detailAvis .deposerAvis a{color:#fff;text-decoration: none;display: block;padding:12px 0;background: #aaa;}
	#tourismeConteneur .detailFicheContent .detailEnteteAvis .nombreAvis,
	.sejourDetailResult #tourismeConteneur .detailEnteteAvis .moyenneAvis{z-index: 10;}
	#tourismeConteneur .detailFicheContent .detailEnteteAvis .detailHotel,
	.sejourDetailResult #tourismeConteneur .detailEnteteAvis .nomItineraire{padding:70px 2% 15px;}

	#edit-note-4-wrapper{margin-left:34px;}
	#tourismeConteneur .detailTabDroite{margin-top:10px;}
	#tourismeConteneur .detailTabDroite .deposerAvis{width:80%;padding:8px 0;}
	.formAvis .noteItemAvis .form-item .form-radios{width:217px;overflow: hidden;clear: both;margin:0 auto; }

	/* Choix Profil */
	.formAvis .review-form-profil-type .form-radios{}
	.formAvis .review-form-profil-type .form-item{
		width:33.3333%;
		height:75px;
	}
	.formAvis .review-form-profil-type #edit-profil-type-famille-wrapper.form-item,
	.formAvis .review-form-profil-type #edit-profil-type-affaire-wrapper.form-item{border-right:none;}
	.formAvis .review-form-profil-type #edit-profil-type-groupe-wrapper.form-item,
	.formAvis .review-form-profil-type #edit-profil-type-affaire-wrapper.form-item{width:50%;}

	.formAvis #avis-form .review-form-profil-type .form-item .option{
		background-position:center 3px ;
		line-height:113px;
		border:none;
		box-shadow: 0px 0px 1px rgba(0,0,0,0.5) inset;
	}
	.formAvis #avis-form .review-form-profil-type .form-item.form-checked .option,
	.formAvis #avis-form .review-form-profil-type .form-item .option:hover {background-position: center -147px;}


	.formAvis .review-form-profil-type #edit-profil-type-seul-wrapper .option,
	.formAvis .review-form-profil-type #edit-profil-type-seul-wrapper.form-checked .option,
	.formAvis .review-form-profil-type #edit-profil-type-seul-wrapper .option:hover {background-image:url("../../../../../../imgs/static/avis/responsive/profil_seul.png")}
	.formAvis .review-form-profil-type #edit-profil-type-couple-wrapper .option,
	.formAvis .review-form-profil-type #edit-profil-type-couple-wrapper.form-checked .option,
	.formAvis .review-form-profil-type #edit-profil-type-couple-wrapper .option:hover {background-image:url("../../../../../../imgs/static/avis/responsive/profil_couple.png")}
	.formAvis .review-form-profil-type #edit-profil-type-famille-wrapper .option,
	.formAvis .review-form-profil-type #edit-profil-type-famille-wrapper.form-checked .option,
	.formAvis .review-form-profil-type #edit-profil-type-famille-wrapper .option:hover {background-image:url("../../../../../../imgs/static/avis/responsive/profil_famille.png")}
	.formAvis .review-form-profil-type #edit-profil-type-groupe-wrapper .option,
	.formAvis .review-form-profil-type #edit-profil-type-groupe-wrapper.form-checked .option,
	.formAvis .review-form-profil-type #edit-profil-type-groupe-wrapper .option:hover {background-image:url("../../../../../../imgs/static/avis/responsive/profil_groupe.png")}
	.formAvis .review-form-profil-type #edit-profil-type-affaire-wrapper .option,
	.formAvis .review-form-profil-type #edit-profil-type-affaire-wrapper.form-checked .option,
	.formAvis .review-form-profil-type #edit-profil-type-affaire-wrapper .option:hover {background-image:url("../../../../../../imgs/static/avis/responsive/profil_affaire.png")}

	/** localisation **/
	#tourismeConteneur .detailFicheContent #detailCarteGoogleMap{min-height:245px;height:245px;}

	/** Diaporama **/
	.detailDiaporama{width:94% !important;}
	#detailPhotos .flex-direction-nav a{
		width:30px;
		height:100%;
		margin-top:0;
		top:0;
	}
	
	/* Visites virtuelles */
	#tourismeConteneur .detailFicheContent li.detailPhoto-slide-visite-virtuelle{
		height:188px;
	}
	
	.detailPhoto-thumb-visite-virtuelle{}
	.detailPhoto-slide-visite-virtuelle{}
	
	/**** Détails Manifs ****/
	.detailFicheManif .detailPhoto{width:50%;margin-right:5%;}
		.detailFicheManif .detailPhoto a{border:none;}
	.detailFicheManif .detailManifDates {width: 45%;}

}
/****************************************************/
/* Smartphones (portrait and landscape) ----------- */
/************************************************* En dessous de 480px *********************************/
@media screen and (max-width: 479px) {

	/*** Block Agenda tourisme ***/
	#page #block-tourism_raccourci-tourism_manifs h2,
	#page #block-tourism_multibloc-sejour h2{
		display:block;
	}

	#page #block-tourism_raccourci-tourism_manifs .jcarousel-skin-tango .jcarousel-container,
	#page #mycarousel,
	#page #block-tourism_raccourci-tourism_manifs .jcarousel-skin-tango .jcarousel-item-horizontal{
		width:100% !important;
		height:auto;
		margin-bottom:5px;
	}

	#page #block-tourism_raccourci-tourism_manifs .views-field-field-img-actus-fid{display:none;}

	#page #block-tourism_raccourci-tourism_manifs .views-field-date{
		position:relative;
		top:0;
		left:0;
		right:auto;
	}
	#page  #block-tourism_raccourci-tourism_manifs .views-field-date,
	#page .tr-prd-tarif-value{
		max-width:85px;
		background: #901c19;
		padding:12px 12px 12px 0;
		float:left;
		height: 61px;
		margin-right:6%;
		color:#fff !important;
	}
	#page #block-tourism_raccourci-tourism_manifs .jcarousel-item span.views-field-date-debut2,
	#page .tarif-item.tarif-item-1{color:#fff;}


	#page  #block-tourism_raccourci-tourism_manifs .views-field-date:after {
		left: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	#page  #block-tourism_raccourci-tourism_manifs .views-field-date:after {
		border-color: rgba(136, 183, 213, 0);
		border-left-color: #901c19;
		border-width: 15px;
		top: 50%;
		margin-top: -15px;
	}


	#page #block-tourism_raccourci-tourism_manifs .views-field-right{
		width:132px;
		background:none;
		float:left;
		padding:15px 0 0 8px;
	}
	#page .tr-prd-title,
	#page #block-tourism_raccourci-tourism_manifs .views-field-title{color:#901c19;}
	#page .all_sejours,
	#page  #block-tourism_raccourci-tourism_manifs .tout_agenda{bottom:-27px;left:auto;right:13px;}
	
	#block-tourism_raccourci-tourism_manifs .jcarousel-skin-tango .jcarousel-prev-horizontal,
	#block-tourism_raccourci-tourism_manifs .jcarousel-skin-tango .jcarousel-next-horizontal{display:none !important;}
	
}