
/*********************************** En dessous de 1000px **************************************/
@media screen and (max-width: 1000px){
	
	body {
		background: url(../images/responsive/backhome.jpg) center top no-repeat fixed !important;
	}
	
	iframe {
		max-width: 100%;
		height: auto;
		min-height: 315px;
	}
	
	input {
	    -webkit-appearance: none;
    }
    
    #block-yr_verdata-0,
    #block-search-0,
    #block-block-9 {
		display: none;
	}
	
	#page {
		padding: 0;
    }
    .not-front #page {
        background-image: url(../images/rs_bg_page_int.jpg);
    }
	
	.not-front #main-inner {
		background-color: #FFF;
	}
	
	#main #main-inner #content { 
        margin-left: 0;
        width: 490px;
	}
	 
	.not-front #content-inner {
		margin: 0;
		padding: 0 15px 0 0;
	}
	
	#toolbar {
		display: none;
    }
    #titre .retour-liste { margin-top: 9px; }
	
	/* display in js script */
	#block-menu-book-menu-menu-secondaire,
	#block-menu-book-menu-menu-secondaire-en,
	#block-menu-book-menu-menu-secondaire-de {
		display: none;
    }
	
	/*******************************************/
	/** sidebar *********************************/
	/*******************************************/
	
    
	
	/*******************************************/
	/** blocs (mix home & sidebar) *********************************/
	/*******************************************/
	
    #block-block-2 a,
    #block-block-2 a .undertitle {
        background-color: #18385e;
    }
    #block-block-3 a .content,
    #block-block-3 a .title {
        border-color: #4caac3;
    }
    #block-block-3 a .undertitle {
        color: #4caac3;
    }

    #block-block-5 ul {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    
    #block-block-8 {
        margin: 30px auto 0;
    }

    /*******************************************/
	/** header *********************************/
	/*******************************************/
    
    .not-front #header {
        height: 92px;
    }

	#header_menu_responsive {
		position: fixed;
		background-color: #18385e;
	}
	#header_menu_responsive_inner .open {
		background-color: #18385e;
		text-shadow: none;
	}
	#header_menu_responsive_inner .open:after {
	    content: 'MENU';
	    position: absolute;
	    right: -32px;
	    top: 11px;
	    font-size: 16px;
	}
	#responsive #header_menu #close_menu_btn {
		background-color: #3ea3c1;
	}
	
	#header-blocks { 
		display: none;
	}
	
	.block-meteo-responsive {
		position: relative;
		top: -1px;
		width: 80px;
	}
	.block-meteo-responsive .yr-symbol {
		float: right;
		width: 44px;
	}
	.block-meteo-responsive .yr-temp.plus {
		float: left;
		position: relative;
		top: 14px;
		width: 25px;
	}
	.block-meteo-responsive .yr-temp.plus a {
    	font-size: 15px;
        color: #fff;
        text-decoration: none;
    }
    
    
    
    .breadcrumb .last,
    .breadcrumb .breadcrumb-last {
	    display: none;
    }
    
    
    /*******************************************/
	/** page *********************************/
	/*******************************************/
    
    .node-type-page #content-area table {
		width: 100% !important;
	}
    
    .node-type-page #main #main-inner #content img {
		float: none !important;
		display: block;
		margin: 10px 0 !important;   
		text-align: left;
	}
    
    .page-dispo #main #main-inner #content {
		width: 100% !important;
	}
	#disposMain .dispos_noinfos {
	    display: none;
	}
	.page-dispo .etablissement,
	.page-dispo .dispoDetail {
		width: 145px !important;
	}
	
	#dispoSearchEngine .ui-datepicker-trigger {
		top: 20px;
		right: 65px;
	}
		
	#dispoSearchEngine .form-item input {
    	width: 55%;
    }
    
    
    
    /*******************************************/
	/** agenda *********************************/
	/*******************************************/
	
    .resultManifs #tabs #resultListModeTab li.col3,
	.resultManifs #tabs #resultListModeTab li.last {
		margin : 0 32px 40px 0 !important;
	}
    
    #manifsSlideshow,
    .detailFicheGeolocThumbnail {
	    display: none;
    }
    
    .detailFicheManif .detailManifDates {
	    margin: 0;
	    width: 199px;
    }
    .detailFicheManif .detailAdresse {
	    width: 100%;
	    overflow: hidden;
    }
    
    .detailOuvertureRecurrence.allOneDay .detailOuvertureDates,
    .detailOuvertureRecurrence.allOneDay .detailOuvertureDays {
	    width: 50%;
    }
    
    .detailFicheManif .detailPhoto a {
	    border: none;
    }
    
    .detailFicheManif .detailManifDatesNext {
		width: 100%;
	}
	.detailFicheManif .detailManifDatesNext ul li a, .detailFicheManif .detailManifDatesNext .dates-next-see-all-periods {
		line-height: 18px;
	}
    
    /*******************************************/
	/** mode liste *********************************/
	/*******************************************/
    
    .not-front #main #main-inner #content img {
        margin: 0 auto !important;
        box-sizing: border-box;
    }
    
    .select-nav-mode .navModeList {
	    display: none;
    }
    
    .view-page-enfant.view-display-id-block_2 .views-row {
	    width: 49%;
	    margin: 0 2% 2% 0;
	}

    .view-page-enfant.view-display-id-block_2 .views-row span.views-field-title, 
    .view-page-enfant.view-display-id-block_3 .views-row span.views-field-title {
        left: 0;
        right: 0;
        bottom: 13px;
        margin: 0 auto;
        padding: 4px 4px 6px;
        width: 100%;
        box-sizing: border-box;
        z-index: 1;
    }
    .view-page-enfant.view-display-id-block_2 .views-row-even { margin-right: 0; } 
    .view-page-enfant a, .view-page-enfant a:hover { background: none; }
    .view-page-enfant.view-display-id-block_2 img, 
    .view-page-enfant.view-display-id-block_3 img { 
        width: 100%; 
        height: auto; 
        opacity: 1;
    }


    /** mon séjour *********************************/
    
    #blockDateSelectionMain #blockDateSelectionForm {
	    line-height: 38px;
    }
    
    #blockDateSelectionMain {
	    height: auto;
	}
    #blockDateSelectionMain #blockDateSelectionTitle {
 	   margin-left: 20px;
 	   height: 33px;
 	   font-size: 1.2em;
 	   line-height: 43px; 
	}
	
	#blockDateSelectionMain #blockDateSelectionForm {
	    margin-left: 20px;
	}	
	#blockDateSelectionMain #blockDateSelectionForm .form-text {
	    margin-top: 7px;
	    width: 85px;
    }
    #blockDateSelectionMain #blockDateSelectionForm .ui-datepicker-trigger {
	    top: 11px;
    }
    #blockDateSelectionMain #blockDateSelectionForm fieldset {
	    width: auto;
    }
    #blockDateSelectionMain #blockDateSelectionModif input {
	    float: left;
	    height: 41px;
    }
    #blockDateSelectionModif {
	    margin-left: 11px;
    }
	#blockDateSelectionMain #blockDateSelectionPeriodeSelected {
	    float: left;
		margin-left: 20px;
		width: 100%;
		height: 35px;
		line-height: 35px;
		text-align: left;
    }
    #blockDateSelectionMain #blockDateSelectionValiderButton {
	    width: 60px;
    }
	
	
	
	
	
	.not-front #content-area #tabs li.col2 .listePhoto {
	    overflow: hidden;
	    height: 182px;
	}
    
    .not-front #main #main-inner #content .listePhoto img {
	    width: 100%;
    }
    
    .book-navigation .page-previous .cont,
	.book-navigation .page-next .cont {
		text-overflow: ellipsis;
		max-width: 180px;
		white-space: nowrap;
		overflow: hidden;
	}
    
    /*******************************************/
	/** mode détail *********************************/
	/*******************************************/
	
	
	.detail_module_tourisme #content-area {
		padding: 10px 0;
	}
	
    .detail_module_tourisme h1, 
    #tourismeConteneur .detailLiens, 
    #tourismeConteneur .detailFiche, 
    #tourismeConteneur .detailDescription, 
    #tourismeConteneur .detailFicheContent > div {
    	padding: 0;
    }
    
    #tourismeConteneur .detailTab td {
	    float: left;
        width: 100%;
        border: none;
        border-top: 5px solid #fff;
    }
    
    #tourismeConteneur .blocAvisHeader {
        width: 100%;
        box-sizing: border-box;
    }
    
    #tourismeConteneur .formAvis form {
        max-width: 260px;
    }

    #tourismeConteneur .formAvis .noteItemAvis .form-item > label {
        float: none;
    }
    #tourismeConteneur .formAvis .noteItemAvis .form-item .form-radios .form-item {
        float: none;
        display: inline-block;
        margin: 0;
        width: 49px;
    }
    #tourismeConteneur .formAvis .form-item label {
        margin-left: 0;
    }
    #tourismeConteneur .formAvis #edit-stay-date-month-wrapper label {
        float: none;
    }

    .formAvis .noteItemAvis #edit-note-1-wrapper label {
        background-position:1px 10px;
    }
    .formAvis .noteItemAvis #edit-note-2-wrapper label {
        background-position: -73px 10px;
    }
    .formAvis .noteItemAvis #edit-note-3-wrapper label {
        background-position: -143px 10px;
    }
    .formAvis .noteItemAvis #edit-note-4-wrapper label {
        background-position: -215px 10px;
    }
    .formAvis .noteItemAvis #edit-note-5-wrapper label {
        background-position: -287px 10px;
    }
    
    .formAvis .noteItemAvis #edit-note-1-wrapper.form-not-checked label {
        background-position: 1px -92px;
    }
    .formAvis .noteItemAvis #edit-note-2-wrapper.form-not-checked label {
        background-position: -73px -92px;
    }
    .formAvis .noteItemAvis #edit-note-3-wrapper.form-not-checked label {
        background-position: -143px -92px;
    }
    .formAvis .noteItemAvis #edit-note-4-wrapper.form-not-checked label {
        background-position: -215px -92px;
    }
    .formAvis .noteItemAvis #edit-note-5-wrapper.form-not-checked label {
        background-position: -287px -92px;
    }

    #tourismeConteneur .formAvis .form-text {
        width: 210px;
    }
    .formAvis .form-textarea {
        width: 210px;
    }
    #tourismeConteneur .formAvis .review-form-profil-type {
        /* display: flex;
        flex-wrap: wrap; */
        margin-left: 0;
        width: 260px;
    }

    .formAvis .review-form-profil-type .form-item .option {
        font-size: .7em;
    }

    .formAvis .review-form-profil-type #edit-profil-type-seul-wrapper .option {
        background-position: 16px 20px;
    }
    .formAvis .review-form-profil-type #edit-profil-type-couple-wrapper .option {
        background-position: -77px 20px;
    }
    .formAvis .review-form-profil-type #edit-profil-type-famille-wrapper .option {
        background-position: -166px 20px;
    }
    .formAvis .review-form-profil-type #edit-profil-type-groupe-wrapper .option {
        background-position: -255px 20px;
    }
    .formAvis .review-form-profil-type #edit-profil-type-affaire-wrapper .option {
        background-position: -343px 20px;
    }

    .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-position: 16px -97px;
    }
    .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-position: -77px -97px;
    }
    .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-position: -166px -97px;
    }
    .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-position: -255px -97px;
    }
    .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-position: -343px -97px;
    }




    .formAvis .purpose-mailing-optins-wrapper .form-item {
        margin-left: 0;
    }
    .formAvis .form-submit {
        margin-left: 0;
        width: 210px;
    }

	#tourismeConteneur .detailDescription {
        margin: 18px 0;
		border: none;
	}
	
	#tourismeConteneur .detailLogoLabel {
		float: left;
		margin-bottom: 12px;
	}
	
	#tourismeConteneur .detailLogoLangues {
		float: left;
		margin-bottom: 20px;
	}
    
    #tourismeConteneur .detailDiaporama {
	    width: 100%;
	}
	
	#tourismeConteneur .paiement ul {
	    float: left;
	    margin-bottom: 10px;
    }
    
    #tourismeConteneur .detailFicheContent h3, 
    #tourismeConteneur .detailFicheManifContent h3 {
	    text-indent: 0;
    }
	
	.module_tourisme #tourismeConteneur .detailFicheContent .paginationMois .moisPrecedent,
	.module_tourisme #tourismeConteneur .detailFicheContent .paginationMois .moisSuivant { width: 130px; }
	.module_tourisme #tourismeConteneur .detailFicheContent .tabDispo .mois {
		width: 99%;
		margin-right: 0;
	}
	.module_tourisme #tourismeConteneur .detailFicheContent .tabDispo table { width: 99% ; }
	.module_tourisme #tourismeConteneur .detailFicheContent .tabDispo .mois { display: none; }
	.module_tourisme #tourismeConteneur .detailFicheContent .tabDispo .mois:first-child { display: block; }
	.module_tourisme #tourismeConteneur .detailFicheContent .TableauRecapDispoHaut .MoisCalendrierHebergementDispos { width: 150px; }
	
	.FormContact {
	    float: none;
	}
	.FormContact label {
		height: 33px;
		line-height: 33px;
	}
	.FormContact .form-text, .FormContact .form-textarea { width: 91%; }
	.FormContact .form-textarea {
    	height: 90px;
		min-height: 90px;
	}
	.purpose-mailing-optins-wrapper .form-item label.option { padding-right: 3%; }
	.purpose-mailing-optins-wrapper .form-item {
	    width: 100%;
	}
	.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%;
	}
	.purpose-mailing-provider .FormContact .form-submit {
    	margin-top: 12px;
	}
	.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%;
	}
	
	.FormResaRecap {
	    padding: 2%;
	    width: 96%;
	    position: relative;
	    height: auto;
	    overflow: auto;
	    margin-top: 10px;
	}
	
    
	/****** 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(../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: none;
	}

	#mode_detail .detailOnglet td.onglet-videos a {
		background-image:url("https://srcplib.dnsroute.fr/imgs/static/detail/responsive/video.png");}
	#mode_detail .detailOnglet td.onglet-photos a {
		background-image:url("https://srcplib.dnsroute.fr/imgs/static/detail/responsive/photo.png");}
	#mode_detail .detailOnglet td.onglet-multimedia a {
		background-image:url("https://srcplib.dnsroute.fr/imgs/static/detail/responsive/multimedia.png");}
	#mode_detail .detailOnglet td.onglet-son a {
		background-image:url("https://srcplib.dnsroute.fr/imgs/static/detail/responsive/audio.png");}
	#mode_detail .detailOnglet td.onglet-localisation a {
		background-image:url("https://srcplib.dnsroute.fr/imgs/static/detail/responsive/localisation.png");}
	#mode_detail .detailOnglet td.onglet-itineraire a,
	#mode_detail .detailOnglet td.onglet-carte a {
		background-image:url("https://srcplib.dnsroute.fr/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("https://srcplib.dnsroute.fr/imgs/static/detail/responsive/poi.png");}
	#mode_detail .detailOnglet td.onglet-avis a {
		background-image:url("https://srcplib.dnsroute.fr/imgs/static/detail/responsive/avis.png");}
	#mode_detail .detailOnglet td.onglet-tarif a {
		background-image:url("https://srcplib.dnsroute.fr/imgs/static/detail/responsive/tarif.png");}
	#mode_detail .detailOnglet td.onglet-contact a {
		background-image:url("https://srcplib.dnsroute.fr/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("https://srcplib.dnsroute.fr/imgs/static/detail/responsive/dispo.png");}
	#mode_detail .detailOnglet td.onglet-promo a {
		background-image:url("https://srcplib.dnsroute.fr/imgs/static/detail/responsive/promo.png");}
	#mode_detail .detailOnglet td.onglet-desc a {
		background-image:url("https://srcplib.dnsroute.fr/imgs/static/detail/responsive/services.png");}
	#mode_detail .detailOnglet td.onglet-reserver a {
		background-image:url("https://srcplib.dnsroute.fr/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: #006f9c;
	}
	/* Onglet Actif */
	#mode_detail .detailOnglet td.ongletActif a{ border-bottom-color: #006f9c; }

	/* Bouton retour haut */
	#mode_detail .detailOnglet { position:relative; margin: 15px 0 10px; }
	#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;
	}
    
    #mode_detail .detailOnglet td a.addToTravelCart, 
    #mode_detail .detailOnglet td a.removeFromTravelCart {
	    text-indent: 0;
	}
    
    

    
    /*******************************************/
	/** footer *********************************/
	/*******************************************/
	
	#footer {
	    background-color: #18385e;
	}
	.not-front #footer {
		margin-top: 20px;
    }
    
    #footer_links .block {
        margin-right: 1%;
        margin-bottom: 35px;
        width: 19%;
    }
    #footer_links-inner #block-block-9 {
        float: none;
        margin: 0 auto 15px;
        width: 100%;
        max-width: 138px;
        border: none;
        background: none;
    }

    #footer_links .social-icons--top ul li a {
        display: block;
    }
    
	
	#block-menu-book-menu-menu-secondaire,
	#block-menu-book-menu-menu-secondaire-en,
	#block-menu-book-menu-menu-secondaire-de {
		position: relative;
		margin: 0 auto;
		max-width: 480px;
	}
	#block-menu-book-menu-menu-secondaire ul.menu,
	#block-menu-book-menu-menu-secondaire-en ul.menu,
	#block-menu-book-menu-menu-secondaire-de ul.menu {
		display: inline-block;	
		padding: 0;
		width: 100%;
		text-align: center;
	}	
	#block-menu-book-menu-menu-secondaire li,
	#block-menu-book-menu-menu-secondaire-en li,
	#block-menu-book-menu-menu-secondaire-de li {
		float: none;
		display: inherit;
		margin: 0 3px 6px 0 !important;
    	padding: 0px 10px !important;
    	width: auto;
    	height: 28px;
    	font: 12px "Centhury Ghotic", Arial;
    	font-weight: bold;
    	line-height: 28px;
    	text-indent: 0;
    	color: #fff;
    	background: none;
    	background-color: #066081;
    	box-sizing: border-box;
    	-webkit-font-smoothing: antialiased;
	}
	#block-menu-book-menu-menu-secondaire li a,
	#block-menu-book-menu-menu-secondaire-en li a,
	#block-menu-book-menu-menu-secondaire-de li a {
		color: #fff;
	}
	#block-menu-book-menu-menu-secondaire li a:hover,
	#block-menu-book-menu-menu-secondaire-en li a:hover,
	#block-menu-book-menu-menu-secondaire-de li a:hover {
		text-decoration: none;
	}
	
/*
	.front #block-block-2,
	.front #block-menu-menu-footer {
		float: right;
	}
	
	#block-block-2 ul {
		margin: 8px 0;
	}
*/

    #footer_links-inner {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
	
	#block-menu-menu-footer {
    	margin-bottom: 0 !important;
    }
    
    #block-block-2, #block-block-3 {
        margin: 0;
    }
    #block-block-3 a .image {
        display: none;
    }
	
	#block-block-2,
	#block-menu-menu-footer {
        float: none !important;
	}
	
	#block-block-2 ul,
	#block-menu-menu-footer ul {
		display: inline-block;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		text-align: center;
	}
	#block-block-2 ul li,
	#block-menu-menu-footer ul li {
		float: none;
		display: inherit;
	}
	
	#block-menu-menu-footer ul li {
    	padding: 0 3px;
    	color: #fff;
    	border-right: 1px solid #fff;
	}
	
	#block-menu-menu-footer .block-inner ul.menu li a {
	    font-size: 0.8em;
	    color: #fff;
	}
}

/************************************************* En dessous de 768px *********************************/
@media screen and (max-width: 737px){
	
    .not-front #content-inner {
        padding: 0;
    }
        
    /*******************************************/
	/** sidebar *********************************/
	/*******************************************/
    
    #sidebar-right {
        float: none;
        margin: 0 auto;
        max-width: 228px;  
    }

    #block-ad-11, #block-ad-13 {
        text-align: center;
    }
    
	
	#block-tourism_travel_cart-travel_cart_tourism {
		width: 228px;
	}
    /* 
    #block-tourism_travel_cart-travel_cart_tourism .content {
		height: 50px;
	}
	#block-tourism_travel_cart-travel_cart_tourism #labelSelection a {
		height: 21px;
	}
	#block-tourism_travel_cart-travel_cart_tourism #listItemsTv {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	} */
	
	#map_canvas {
		height: 300px;
	}
	
	.search-engine-responsive {
	    overflow: hidden;
	    position: relative;
	}
	
	#marker_search_engine {
	    display: block;
	}
	
	#resultPresentation {
	    border: none;
	    background: #006f9c url(https://srcplib.dnsroute.fr/imgs/static/liste/responsive/open_search_engine.png) right bottom no-repeat;
	}
	#resultPresentation .libelle-resultat {
		color: #fff;
	}
	#resultPresentation .nombre-resultat {
	    display: block;
	    float: left;
	    width: 56px;
		color: #fff;
		background: none;
	}
	#resultPresentation .nombre-resultat:before {
    	content: "(";
    }
    #resultPresentation .nombre-resultat:after {
	    content: ")";
	}
	
	#block-multiblock-5 {
    	width: 33.33%;
    }
    #block-multiblock-7 {  
		width: 64.66%; 
	}
    
    #block-block-2 a,
    #block-block-3 a {
        width: 192px;
    }

    #block-block-5 ul li a .title {
        display: none;
    }
    #block-block-5 ul li a,
    #block-block-5 ul li a.default,
    #block-block-5 ul li a:hover {
        width: 60px;
    }

    #block-block-5 ul li a .desc,
    #block-block-5 ul li a.default .desc,
    #block-block-5 ul li a:hover .desc {
	    bottom: -150px;
    }
    #block-block-5 ul li a.default .desc .more,
    #block-block-5 ul li a:hover .desc .more {
	    border-left: none;
	    background: none;
    }
    #block-block-5 ul li.photos a {
        background-position: left 5px;
    }
    #block-block-5 ul li.videos a {
        background-position: left -67px;
    }
    #block-block-5 ul li.webcams a {
        background-position: left -356px;
    }
    #block-block-5 ul li.brochures a {
        background-position: left -214px;
    }
    #block-block-5 ul li.mobitour a {
        background-position: left -286px;
    }
    #block-block-5 ul li.photos a:hover .desc,
    #block-block-5 ul li.videos a:hover .desc,
    #block-block-5 ul li.webcams a:hover .desc,
    #block-block-5 ul li.brochures a:hover .desc,
    #block-block-5 ul li.mobitour a.default .desc,
    #block-block-5 ul li.mobitour a:hover .desc {
        background: none;
    }

	/*******************************************/
	/** mode liste *********************************/
	/*******************************************/
	
    .view-page-enfant.view-display-id-block_2 .views-row span.views-field-title, 
    .view-page-enfant.view-display-id-block_3 .views-row span.views-field-title {
        bottom: 20px;
    }
	
	/*******************************************/
	/** agenda *********************************/
	/*******************************************/
	.resultManifs #tabs #resultListModeTab li.col3,
	.resultManifs #tabs #resultListModeTab li.last {
		margin : 0 40px 40px 0 !important;
	}
	
	
	
	/*******************************************/
	/** mode détail *********************************/
	/*******************************************/
    
    #edit-name-wrapper label, #edit-email-from-wrapper label, #edit-phone-wrapper label {
	    display: block;
	}
	
	#tabs li.col2 {
		width: 380px;
	}
	
	
	#block-menu-book-menu-menu-secondaire,
	#block-menu-book-menu-menu-secondaire-en,
	#block-menu-book-menu-menu-secondaire-de {
		max-width: 320px;
	}
	
	
	.page-dispo .etablissement, 
	.page-dispo .dispoDetail {
		width: 110px !important;
	}
	#dispoFormBloc #submit_button {
		float: left;
	}
	.page-dispo #disposMain td:nth-child(11),
	.page-dispo #disposMain td:nth-child(12),
	.page-dispo #disposMain td:nth-child(13),
	.page-dispo #disposMain td:nth-child(14),
	.page-dispo #disposMain td:nth-child(15),
	.page-dispo #disposMain td:nth-child(16),
	.page-dispo #disposMain td:nth-child(17) {
    		display: none;
    }




    #footer {
        height: 50px;
    }
    #footer-inner {
	    max-width: 320px;
	}
    #footer_links #footer_links-inner .block-menu,
    #footer_links #footer_links-inner #block-block-7,
    #footer_links #footer_links-inner #block-simplenews-1 {
        margin: 0 !important;
        width: 100% !important;
        height: auto;
        min-height: 0;
        text-align: center;
    }
    #footer_links #footer_links-inner #block-simplenews-1 { 
        margin-bottom: 20px !important;
    }
    #footer_links #footer_links-inner #block-simplenews-1 h2 {
        float: none;
        margin-right: 0 !important;
        margin-bottom: 5px !important;
    }
    #footer_links #footer_links-inner #block-simplenews-1 .content {
        float: none;
        width: 100%;
    }
    #footer_links #footer_links-inner #block-simplenews-1 .form-text,
    #footer_links #footer_links-inner #block-simplenews-1 .form-item,
    #footer_links #footer_links-inner #block-simplenews-1 .form-submit {
        float: none;
        display: inline;
    }
    .logged-in #footer_links #footer_links-inner #block-simplenews-1 .form-item {
        display: none;
    }
    #footer_links #footer_links-inner #block-block-6 {
        float: none !important;
        margin: 0 auto !important;
        width: 280px !important;
    }
    #footer_links #footer_links-inner #block-block-6 li.partner.first a {
        margin-left: 0;
    }
    #footer_links #footer_links-inner #block-block-7 p {
        text-align: center;
    }
    #footer_links-inner .block-menu .content {
        display: none;
        
    }
    #footer_links #block-menu-menu-footer { margin-top: 20px !important; }


}




/************************************************* En dessous de 480px *********************************/
@media screen and (max-width: 479px) {
	/* #logo {
    	top: 15px;
    	right: 0;
    	left: 18px;
    	width: 80%;
    } */
    
    #header {
	    margin-bottom: 60px;
    }
    
    #header-inner, #main-inner, #footer_links_top-inner, #footer_links-inner, #footer-inner, #closure-blocks-inner {
   		width: 100%;
   		margin: 0 auto;
/*     	max-width: 320px; */
	}
	
	.not-front #main-inner {
		/* margin: 0 10px; */
    	width: auto;
    	background-color: #fff;
    }

    #content-inner {
	    padding: 0 10px;
    }
    
    .not-front #content-inner {
	    margin: 0;
	}
	
	#content_diapo {
        display: none;
    }
	
    
    /*******************************************/
	/** mode liste *********************************/
	/*******************************************/
	
    .view-page-enfant.view-display-id-block_2 .views-row span.views-field-title {
	    margin: 0;
        text-align: left;
        bottom: 0;
    }
    
    .not-front #tabs li.aFrame {
	    width: 100%;
    }
    
    #blockDateSelectionMain #blockDateSelectionForm fieldset {
	    width: auto;
	}
    
    .view-page-enfant.view-display-id-block_2 .views-row {
        float: none;
        margin: 0 auto 2%;
        width: 100%;
        max-width: 280px;
	}
	
	#bandeau_anime, .field-field-img-bandeau, .masque_bandeau {
    	height: 95px !important;
	}
	
	.section-dispo #content-inner {
		padding: 0 10px;
	}
	.section-dispo #content-area {
		padding: 0;
	}
	.page-dispo .etablissement, 
	.page-dispo .dispoDetail {
		width: 72px !important;
	}
	
	.page-dispo #disposMain td:nth-child(8), 
	.page-dispo #disposMain td:nth-child(9), 
	.page-dispo #disposMain td:nth-child(10) {
   		display: none;
	}
	
	.book-navigation .page-previous .cont,
	.book-navigation .page-next .cont {
		max-width: 110px;
	}
	
	/** mon séjour *********************************/
    #blockDateSelectionMain {
	    position: relative;
	    height: 118px;
    }
    #blockDateSelectionMain #blockDateSelectionForm .form-item {
	    width: 100%;
    }
    #blockDateSelectionMain #blockDateSelectionForm .ui-datepicker-trigger {
	    right: auto;
	    left: 102px;
    }
    #blockDateSelectionModif {
	    position: absolute;
		bottom: 5px;
    	left: 137px;
    }
    #blockDateSelectionMain #blockDateSelectionValiderButton {
	    float: right !important;
    }
    
    /** maréees ***********************************/
   
    #marees-page .date_head, 
    #marees-page .date, #marees-page .bm,
    #marees-page .pm {
	    font-size: .7em;
    }
    #marees-page th.hTide, #marees-page th.hLowWater {
	    font-size: .9em !important;
    }
    
    /** météo ***********************************/
    table.page-yr-verdata .item-list {
	    font-size: .90em;
	}
    
    /*******************************************/
	/** agenda *********************************/
	/*******************************************/
	
    .resultManifs #resultListModeTab li {
	    width: 100% !important;
    }
    .resultManifs #tabs #resultListModeTab li.col3 a .listeManifTitre {
	    height: 50px;
    }
    .resultManifs #tabs #resultListModeTab li.col3 .listeManifCol1 {
	    min-height: 80px;
    }
    
    .detailOuvertureRecurrence.allOneDay .detailOuvertureDates,
    .detailOuvertureRecurrence.allOneDay .detailOuvertureDays {
	    width: 100%;
    }
    
    .detailTarifsManif .tarifs-inner {
	    width: 100%;
    }
    #tourismeConteneur .detailTarifsManif .tarifs-inner thead .libelle {
    	position: relative;
		top: 0;
		left: 0;
		background-color: #0087b9 !important;
	}
	
	.detailFicheManif .detailPhoto {
    	width: 50%;
    	margin-right: 5%;
	}
	.detailFicheManif .detailManifDates {
	    width: 45%;
	}
	
	.resultManifs #tabs #resultListModeTab li.col3 .listeManifDatesNext {
		top: 107px;
	}
	
	.detailOuvertureRecurrence.allOneDay .detailOuvertureDates,
    .detailOuvertureRecurrence.allOneDay .detailOuvertureDays {
	    width: 45%;
    }
	
	.detailOuvertureRecurrence.allGlobalSchedule .detailOuvertureDates .detail-onglet-ouverture .detail-onglet-ouverture-single-date .detail-onglet-ouverture-date {
		margin-top: 3px;
		font-size: .8em;
	}
	
	.detailOuvertureRecurrence.allGlobalSchedule .detailOuvertureDates .detail-onglet-ouverture-inner {
		padding: 3px 10px;
	}
	
	.detailOuvertureRecurrence .detailOuvertureDates .detail-onglet-ouverture .detail-onglet-ouverture-date {
		display: inline;
		font-size: .8em;
	}
	.detailOuvertureRecurrence .detailOuvertureDates .detail-onglet-ouverture .detail-onglet-ouverture-date span {
		font-size: 1em;
	}
	
	.detailOuvertureRecurrence.allOneDay .detailOuvertureDays {
	    width: 55% !important;
	    font-size: .9em;
	}
    
	
	/*******************************************/
	/** mode détail *********************************/
	/*******************************************/
	
	#tourismeConteneur .detailHeader .detailPhoto {
	    width: 100%;
	}
	
	#tourismeConteneur .street-adress.adresse {
		clear: both;
		padding-top: 6px;
	}
	
	#tourismeConteneur .detailDiaporama {
	    width: 94%;
	}
    
    .FormContact #stay_start_id-wrapper label,
    .FormContact #stay_end_id-wrapper label {
	    width: 100%;
	    margin: 0 0 0 4px;
	}
	.FormContact #stay_start_id-wrapper input, 
	.FormContact #stay_end_id-wrapper input {
	    width: 92%;
	    float: none;
	}
	
	
	
	
	
    /*******************************************/
	/** footer *********************************/
	/*******************************************/
    
	
	#block-menu-book-menu-menu-secondaire li,
	#block-menu-book-menu-menu-secondaire-en li,
	#block-menu-book-menu-menu-secondaire-de li {
		float: none;
	}
    

}