/*
Theme Name: Floride
Theme URI: http://www.francecom.fr
Description: Nouveau thème avec base ancienne
Version: 2
Author: Francecom
Author URI: http://www.francecom.fr
*/
/* = RESET ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; color:inherit }
article,aside,details,figcaption,figure,footer,iframe,header,hgroup,main,menu,nav,section { display:block }
a img{ border:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
button { border: 0 }
li, ul { list-style:none }
ins { background-color:#ff9; color:#000; text-decoration:none }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help }
table { border-collapse:collapse; border-spacing:0 }
input, select { vertical-align:middle }
option { margin:0; padding:0 }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clearfix { display:inline-block }
.clearfix { display:block }
img, table, td, blockquote, code, pre, textarea, input, video { max-width: 100% }
img { height: auto }

/* = BG-COLOR ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ */

.bg__main,
.cycle-pager span:not(.cycle-pager-active),
.last_minute-area .bell,
.liste_lieux,
.last_minute-area .bell:hover,
.ll-skin-floride td .ui-state-default,
.ll-skin-floride td .ui-state-default.ui-state-hover,
.menu > .menu-item:after,
.-opened .wf-sortable,
.resa-container,
.site-sidebar,
a.virtuelle_link:hover, a.virtuelle_link:focus {
	background-color: #814f8a }

.bg__menu,
.modale_button:after,
.site-navigation,
.img-wrapper:before {
	background-color: rgba(92,59,98,0.9) }

.bg__main-darken,
.input-wrapper,
.inputnb-wrapper,
body .ll-skin-floride .ui-widget-content,
body .ll-skin-floride .ui-datepicker-header,
.ll-skin-floride td .ui-state-default.ui-state-activ,
.ll-skin-floride .ui-widget,
.label,
.select-wrapper {
	background-color: #523557 }

.bg__second,
.bouton_resa_phone,
.button,
.contact_link,
.content-editor li:before,
.content-editor #directPayment button,
.cycle-pager .cycle-pager-active,
.ll-skin-floride td .ui-state-default,
.ll-skin-floride .ui-datepicker td,
.ll-skin-floride .ui-state-disabled,
.ll-skin-floride .ui-widget-content .ui-state-disabled, 
.menu-toggle {
	background-color: #c3b369 }

.bg__third,
.alaune_ul li,
.button:hover, .button:focus,
.contact_link:hover, .contact_link:focus,
.content-editor input[type="submit"],
.content-editor input[type="button"],
.content-editor #directPayment button:hover,
#directPayment.directPayment,
.last_minute-area .bell,
.menu-toggle.close,
.pager span:before,
.top,
.virtuelle_link {
	background-color: #5bbcb6 }

.caracteristique,
.content-editor #ThelisResaSimpleBlock .filters,
.content-editor #ThelisResaSimpleBlock .result .months button,
.content-editor #ThelisResaSimpleBlock .result table.results-table tbody td.grey,
.last_minute-area .excerpt,
.last_minute-area .titre,
.lieu:not(.item-0) {
	background-color: #f7f7f2 }

.aside_ligne3,
.bg__white,
.galphotos,
.highlight,
.last_list,
.lieu:not(.item-0):hover, .lieu:not(.item-0):focus,
.lieu.markerhover:not(.item-0),
.main_header,
.modale_button:hover:after,
.proximity_content,
.proximity_down {
	background-color: #fff }

.sub-menu {
	background-color: #fff; 
	background-color: rgba(255,255,255,0.97) }	

.fancybox-overlay,
.fd_modale {
	background-color: #fff; 
	background-color: rgba(255,255,255,0.5) }	

.content-editor #ThelisResaSimpleBlock .result .months button.month-current,
.content-editor #ThelisResaSimpleBlock .result table.results-table thead th {
	background-color: #717171 }

#directPayment.directPayment,
.lieu,
.resa-container,
.site-sidebar,
.virtuelle_link {
	background-image: url(img/jungle_texture.png) }

.select, .input {
	background-color: transparent }

/* = COLOR ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ */

.c__main,
.aside_ligne3 .br,
.content-editor h3,
.content-editor input:not([type="submit"]):not([type="button"]),
.content-editor select,
.content-editor textarea,
.h1,
.list_1 .br,
.meteo ._ville,
.official,
.pasdechemin,
.sub-menu > .menu-item {
	color: #814f8a }

.c__main-darken,
.aside_ligne1 .alt_title,
.last_minute-area .titre,
.list_1:hover .br, .list_1:focus .br,
a.virtuelle_link:hover .alt_title, a.virtuelle_link:focus .alt_title,
.resa-container ._header {
	color: #4e3053 }

.site-sidebar:before {
	color: #74477c }

.c__main-lighten,
.aside_ligne4,
.content_line,
.faq_link,
.input,
.inputnb-wrapper,
.label,
a.virtuelle_link:hover .descro, a.virtuelle_link:focus .descro,
.resa_link,
.select,
.select-wrapper,
.sub-menu a.lien-item-menu:hover {
	color: #e2b3ea }

.c__second,
.aside_ligne1 .br,
.aside_ligne4 .br,
.content-editor h2,
.modale_button:before,
.drapeaux #lang_sel a.lang_sel_sel,
.drapeaux #lang_sel ul ul a, 
.lieu-header,
.ll-skin-floride .ui-datepicker th,
.ll-skin-floride .ui-state-disabled .ui-state-default,
a.virtuelle_link:hover .br, a.virtuelle_link:focus .br,
.resa-container .br,
.sub-menu .current-menu-item { 
	color: #c3b369 }

.c__second-lighten,
.current-menu-ancestor .parent,
.cycle-next:hover, .cycle-prev:hover,
.cycle-next:focus, .cycle-prev:focus,
.date_pub,
.drapeaux #lang_sel ul ul a:visited { 
	color: #e1c958 }

.c__third,
.content-editor a:not(.wpupg-permalink):not(.post-edit-link):not(.button),
.drapeaux #lang_sel a.lang_sel_sel:hover,
.drapeaux #lang_sel ul ul a:hover,
.liste_lieux .fancybox:not(.item-0),
.list_2 .br,
.proximity_down,
.site-footer a:not(:hover) {
	color: #5fbeb8 }

.c__third-darken,
.list_2:hover .br, .list_2:focus .br,
.virtuelle_link .alt_title {
	color: #2f615e }	

.c__third-lighten,
.virtuelle_link .br {
	color: #8afff7 }	

.c__white,
.accroche,
.alaune .br,
.aside_ligne4 a:hover,
.aside_ligne4 .current,
.bouton_resa_phone,
.button,
.contact_link,
.content-editor input[type="submit"],
.content-editor input[type="button"],
.content_line:hover,
.cycle-next, .cycle-prev,
.descro,
#directPayment.directPayment *:not(input),
.f5 .alt_title,
.faq_link:hover, .faq_link:focus,
.home_menu:before,
.last_minute-area .bell,
.lieu#item-0,
.ll-skin-floride .ui-datepicker .ui-datepicker-title,
.ll-skin-floride td .ui-state-default,
.menu > .menu-item,
.menu-toggle,
.month-current,
.resa_link:hover, .resa_link:focus,
.top,
.wf-sortable,
.wrapper-90 ._title,
#ThelisResaSimpleBlock .result table.results-table thead th {
	color: #FFF }

body,
.last_minute-area .excerpt {
	color: #717171 }

.wpupg-item:hover .taxo {
	color: #717171 !important }

.c__body-lighten,
.adresse_head {
	color: #909090 }

.f0 .alt_title,
.f3 .alt_title {
	color: #2b5153 }

.f2 .alt_title,
.f6 .alt_title {
	color: #de9866 }

/* = BD-COLOR ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ */

.drapeaux #lang_sel a.lang_sel_sel,
.drapeaux #lang_sel ul ul a,
.content-editor .col.archive {
	border-color: #ebebeb }

body .ll-skin-floride .ui-datepicker-header,
body .ll-skin-floride .ui-datepicker th,
.content-editor #ThelisResaSimpleBlock .filters,
.content-editor #ThelisResaSimpleBlock .result table.results-table thead th,
.liste_lieux .lieu:not(:last-child),
.menu .sub-menu .lien-item-menu,
.resa-container .wrapper-90 ._title:after,
.site-content .h1,
.visuel_links .list_1 {
	border-color: #c3b369 }

.site-sidebar .aside_ligne1,
.site-sidebar .faq_link-wrapper,
.site-sidebar .large-row {
	border-color: #a170aa }

/* = FONTS ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ */

@font-face {
    font-family: 'edoregular';
    src: url('fonts/edo-webfont.eot');
    src: url('fonts/edo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/edo-webfont.woff') format('woff'),
         url('fonts/edo-webfont.ttf') format('truetype'),
         url('fonts/edo-webfont.svg#edoregular') format('svg');
    font-weight: normal;
    font-style: normal }

.ff_main,
body, button, input, select, textarea {
	font-family: 'Open Sans', Arial, 'Trebuchet MS', sans-serif }

.ff_titre,
.accroche,
.br,
.official,
.wpupg-custom-field {
	font-family: 'edoregular', Arial, 'Trebuchet MS', sans-serif }

@font-face {
    font-family: 'brannboll';
    src: url('fonts/brannbollss_personal-webfont.woff2') format('woff2'),
         url('fonts/brannbollss_personal-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.lieu-header {
	font-family: 'brannboll', Arial, 'Trebuchet MS', sans-serif }


@font-face {
    font-family: 'floride';
    src:
        url('fonts/floride.ttf?j80dd9') format('truetype'),
        url('fonts/floride.woff?j80dd9') format('woff'),
        url('fonts/floride.svg?j80dd9#hotel') format('svg');
    font-weight: normal;
    font-style: normal }

[class^="icon-"]:before, [class*=" icon-"]:before, 
.button.search:before, .contact_link:before, .modale_button:before, .highlight:after, .inputnb-wrapper:before, .home_menu:before, .label:before, .resa_link:before, .select-wrapper:before, .site-sidebar:before, .bouton_resa_phone:before {
    font-family: 'floride';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale }

.icon-bell:before { content: "\e900" }
.icon-button-8:before { content: "\e901" }
.icon-door-3:before, .resa-container .label:before { content: "\e902" }
.icon-door-4:before { content: "\e903" }
.icon-flolder-2:before, .resa_link:before { content: "\e904" }
.icon-home:before, .resa-container .select-wrapper:before, .home_menu:before { content: "\e905" }
.icon-knife:before { content: "\e906" }
.icon-play:before, .modale_button.icon-play:before { content: "\e90c" }
.icon-search:before, .button.search:before, .modale_button:before, .bouton_resa_phone:before { content: "\e907" }
.icon-tag-3:before { content: "\e908" }
.icon-talk-1:before, .contact_link:before { content: "\e909" }
.icon-totem:before, .highlight:after, .site-sidebar:before { content: "\e90a" }
.icon-user-1:before, .inputnb-wrapper:before { content: "\e90b" }


/* = PROPRIETES GENERIQUES ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ */

input, textarea, .accroche, .caracteristique, .col, .contact_link, .galphotos, .highlight, .img-wrapper:before, .input, .label, #lang_sel a, .large-row, .last_minute-area .titre, .last_minute-area .bell, .last_minute-area .excerpt, .liste-videos a, .main_header, .menu-toggle, .menu-toggle:before, .menu-toggle:after, .site-footer, .sidebar-layout, .small-row, .resa-container, .virtuelle_link, .wpupg-item {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box }

a, button, input, textarea, .alaune_img, .alt_title, .alt_title-wrapper, .br, .button, .content_line, .cycle-pager span, .descro, .fancybox.modale_button img, .last_list, .liste_lieux img, .liste-videos li, .menu > .menu-item:after, .menu-toggle, .menu-toggle:before, .menu-toggle:after, .modale_button:after, .pager span, .parent, .site-navigation, .sub-menu, .txt-wrapper, .toggle-news, .top, .wf-sortable, .wpupg-post-image {
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out }

a.virtuelle_link:hover, a.virtuelle_link:focus,
.proximity_down {
	box-shadow: 0 0 3em rgba(0, 0, 0, 0.2) }

.content-editor input:hover, .content-editor input:focus,
.content-editor textarea:hover, .content-editor textarea:focus,
.fancybox.modale_button:not(:hover) img,
.liste-videos li:not(:hover) {
	box-shadow: 0 0 3em rgba(0, 0, 0, 0.1) }

.align-wrapper,
.alt_title-wrapper,
.aside_ligne3,
.aside_ligne4,
.large-row,
.logos_avis,
.main_header,
.meteo,
.small-row,
.sidebar-wrapper .sidebar-layout {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex }

.large-row {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap }

.align-wrapper,
.alt_title-wrapper,
.aside_ligne3,
.aside_ligne1 .large-row,
.main_header,
.meteo,
.small-row {
	-ms-align-items: center;
		align-items: center }

.large-row,
.logos_avis {
	justify-content: space-around }

.aside_ligne3,
.aside_ligne4,
.ligne {
	justify-content: space-between }

.alt_title-wrapper {
	justify-content: center }

.br {
	display: block;
	font-weight: normal }

.button {
	cursor: pointer }

.big_carousel:not(.vid_full) img,
.modale_button img,
.wpupg-post-image {
	display: block;
	height: auto;
	width: 100% }

.alaune,
.diaporama-area,
.directPayment,
.loader,
.map_canvas,
.proximity-map,
.ThelisResaSimpleBlock {
	background: transparent url(img/loader.svg) no-repeat center }	


@media screen and (min-width: 1016px) {
	.facebook-container,
	.twitter-container {
		background: transparent url(img/loader.svg) no-repeat center }	
}

.cycle-prev, .cycle-next, 
.content-editor input[type=submit], .content-editor input[type=button],
.site-sidebar input[type=submit], .site-sidebar input[type=button],
.select {
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none }	

.alignleft{
	float: left;
	margin: 2px 20px 20px 0 }

.alignright{
	float: right;
	margin: 2px 0 20px 20px }

img.aligncenter{
	display: block;
	margin:10px auto 10px auto }

/* = RESPONSIVE START 1200px ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ */

@media screen and (max-width: 1200px) {
	.airotel {
		display: block; height: 50px; overflow: hidden;
		position: absolute; top: 100px; z-index: 200 }
	.airotel img { margin-top: -25px }

	.meteo { margin-left: 100px }
	.meteo ._titre { display: none }
	.meteo #wpc-weather { margin-top: -3px; }
	.meteo #wpc-weather.small .now .time_temperature { margin-top: -28px }

	.lieu-header, .tel-header, .contact_link { display: none }

	.menu-toggle { 
		border: 0;
		font-size: 14px; line-height: 0;
		display: block; cursor: pointer;
		height: 100px; width: 100px; padding:40px 0 0;
		position: absolute; left: 0; top: -100px; z-index: 301;
	 }
	.menu-toggle:after, .menu-toggle:before {
		border-top: #FFF solid 2px;
		content: ""; display: block; 
		position: absolute; left: 35px;
		width: 30px;
	}
	.menu-toggle:before { 
		border-bottom: #FFF solid 2px;
		height: 13px; top: 30px; 
		-webkit-transform-origin: top left;
		-moz-transform-origin: top left;
		transform-origin: top left;
	}
	.menu-toggle:after { 
		-webkit-transform-origin: bottom left;
		   -moz-transform-origin: bottom left;
				transform-origin: bottom left;
		top: 53px 
	}
	.menu-toggle.close { border: 0 }
	.menu-toggle.close:before, .menu-toggle.close:after {
		left: 39px; width: 34px;
	}
	.menu-toggle.close:before {
		border-bottom: 0;
		height: 1px;
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
				transform: rotate(45deg);
	}
	.menu-toggle.close:after {
		-webkit-transform: rotate(-45deg);
		   -moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
				transform: rotate(-45deg);
	}

	.site-navigation {
		background-color: rgb(92,59,98);
		height: calc(100vh - 100px); overflow: auto;
		-webkit-transform: translateX(-100%);
		   -moz-transform: translateX(-100%);
			-ms-transform: translateX(-100%);
				transform: translateX(-100%);
	}
	.open.site-navigation {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
			-ms-transform: translateX(0);
				transform: translateX(0);
	}
	.menu > .menu-item {
		border-bottom: solid 1px rgba(255, 255, 255, 0.1);
		overflow: hidden; padding: 1em }
	.menu > .menu-item:nth-child(odd) { background-color: rgba(255, 255, 255, 0.15) }
	.menu .sub-menu { background-color: transparent }
	.sub-menu .lien-item-menu { color: #e2b3ea; margin-bottom: 10px; }
	.sub-menu .lien-item-menu.current { color: #c3b369 }
	.top { bottom: 2em }
	.accroche { height: 4em }
}

@media screen and (max-width: 1015px) {
	.main_header { margin-bottom: 3em; padding: 2em 22px; width: calc(95% + 1em) }
	.resa-container { margin-top: -20px; position: relative; width: 95% }
	.resa-container .br { display: inline }
	.bouton_resa_phone, .resa_link { width: 100% }
	.button.search { display: none; }
	.cycle-pager { bottom: 20px }
	.resa_link { background-color: #4e3053 }
	.site-content { background-position: 0 0; padding-top: 4em }
	.galphotos { height: 180px; overflow: hidden; padding-top: 15px }
	.galphotos li { margin-bottom: 1em }
	.place_info { margin-top: 1.5em }
	.sidebar-layout { flex-wrap: wrap }
	.sidebar-layout:not(.aside_ligne4) { justify-content: center }
	.site-sidebar .aside_ligne1 { padding-bottom: 0; padding-top: 2em }
	.large-row { border-bottom: solid 1px; margin-bottom: 1em; width: 100% }
	.avis-container .alt_title, .resa-container .ligne:not(:last-child), .row:nth-child(2) { display: none }
	.faq_link { padding-bottom: 1em }
	.aside_ligne3 .alt_title { display: block; padding: 2em 1em }
	.twitter-container a { background-color: #4099ff }
	.facebook-container a { background-color: #3b5998 }
	.twitter-container, .facebook-container { width: 100% }
	.site-sidebar .twitter-container *, .site-sidebar .facebook-container * { color: white }
	.sidebar-layout.aside_ligne4 .alt_title { margin-bottom: 10px }
	.twitter-container iframe, .fb-page { display: none !important }
	.aside_ligne4 { padding-bottom: 2em; padding-top: 2em }
	.row:first-child { margin-bottom: 30px }
	.caracteristique { margin: 30px auto 1em }
}

@media screen and (min-width: 1016px) and (max-width: 1200px) {
	.large-row { padding-right: 25px }
	.small-row { padding-left: 25px }
}

@media screen and (min-width: 551px) and (max-width: 1200px) {
	.menu .sub-menu { float: right; width: 47.5%; }
}

@media screen and (min-width: 551px) and (max-width: 1015px) {
	.button.search { margin-right: 5px }
	.resa_link { margin-left: 5px }
	.row { width: calc(50% - 1em) }
}

@media screen and (max-width: 900px) {
	.accroche { display: none }
}

@media screen and (max-width: 680px) {
	.meteo, .list_0 .visuel_link .descro { display: none }
	.visuel_links { text-align: center }
	.virtuelle_link { padding: 2.25em 1em }
	.last_list .visuel_link { height: 120px }
	.list_2 { background-position: 0 -120px }	
}

@media screen and (max-width: 550px) {
	.airotel img, .diaporama-area .menu-toggle, .drapeaux #lang_sel li, .drapeaux #lang_sel a.lang_sel_sel, .drapeaux #lang_sel ul ul { width: 55px }
	.site-header .airotel img { height: auto; margin-top: -5px }
	.menu .sub-menu { margin-top: 20px }
	.diaporama-area .menu-toggle:after, .diaporama-area .menu-toggle:before { left: 13px }
	.diaporama-area .menu-toggle.close:after, .diaporama-area .menu-toggle.close:before { left: 18px }
	.aside_ligne2 .faq_link-wrapper { display: none }
	.resa-container ._header { line-height: 1 }
	.resa-container .ligne:last-child { flex-wrap: wrap }
	.resa_link { margin-top: 1em }
	.highlight { margin: 45px 25px }
	.aside_ligne3, .logos_avis { flex-wrap: wrap }
	.wf-sortable { top: -1.5em; width: calc(100% - 2em) }
	.toggle-news .wrapper-90 { margin-bottom: 5px }
	.large-row { padding-bottom: 1em }
	.row { text-align: center; width: 100% }
	.alaune_img, .alaune li { height: auto; max-width: 350px; }
}

@media screen and (max-width: 450px) {
	.wpupg-item { max-width: 270px !important; min-width: 270px !important; width: 270px !important }
	.wf-input.input { max-width: 190px }
	.alt_title-wrapper { font-size: 0.875em }
	.resa-container ._header { display: none; }
	.diaporama-area .resa-container { margin-top: -10px; padding: 15px; }
	.site-main .alaune { padding-bottom: 20px; }
	.site-content { padding-top: 2em; }
}

@media screen and (max-width: 350px) {
	.alaune_img, .alaune li { height: auto; max-width: 280px }
}

/* = HEADER ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ */

.accessibilite_hide {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px }

.accessibilite_hide:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 800;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000 }

.site-header {
	position: relative }

.drapeaux #lang_sel a.lang_sel_sel, 
.site-header,
.wpc-weather-id {
	height: 100px }

.logo_head {
	bottom: -2px;
	left: 55px;
	margin: auto;
	max-width: 225px;
	position: absolute;
	right: 55px;
	width: calc(95% - 110px) }

a.logo_head:hover, a.logo_head:focus {
	bottom: -4px }

.airotel, .meteo {
	float: left }

.location_name {
	display: none }

/* METEO
----------------------------------*/
@media screen and (min-width: 1201px) {
	.airotel { 
		height: 100px }

	.meteo { 
		margin-left: 5em }

	.meteo ._ville {
		font-size: 18px;
		line-height: 12px }

	.meteo #wpc-weather.small .now .time_temperature {
		bottom: 0;
		position: absolute;
		margin: auto;
		right: -25px;
		top: -26px }
}

.meteo ._ville,
.meteo #wpc-weather.small .now .time_temperature,
.tel-header {
	font-weight: 800 }	

.meteo #wpc-weather.small .now .time_temperature {
	font-size: 18px;
	height: 23px }

#wpc-weather.small .now .time_temperature:after {
	font-weight: normal }

/* ADRESSE
----------------------------------*/
@media screen and (min-width: 1201px) {
	.adresse_head {
		line-height: 1.5;
		margin-right: 5em;
		margin-top: 9px;
		position: relative }

	.contact_link {
		display: inline-block;
		font-size: 15px;	
		padding: 5px 30px 6px 10px;
		position: relative }

	.contact_link:before {
		font-size: 30px;
		display: inline-block;
		margin-bottom: 4px;
		margin-left: -8px;
		position: absolute;
		right: 2px;
		top: 0px }
}

.adresse_head, .drapeaux {
	float: right }

.lieu-header {
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1;	
	text-align: center;
}

.tel-header {
	line-height: 1;
	margin-bottom: 7px;
	text-align: center }

/* DRAPEAUX
----------------------------------*/
@media screen and (min-width: 551px) {
	.drapeaux #lang_sel li,
	.drapeaux #lang_sel a.lang_sel_sel,
	.drapeaux #lang_sel ul ul {
		width: 100px }
}

.drapeaux #lang_sel a.lang_sel_sel,
.drapeaux #lang_sel ul ul a {
	font-size: 20px;
	padding: 0;
	text-align: center }

.drapeaux #lang_sel a.lang_sel_sel {
	background-position: right center;
	border-width: 0 0 0 1px;
	line-height: 100px }

.drapeaux #lang_sel ul ul {
	top: 100px }

.drapeaux #lang_sel ul ul a {
	border-right: 0;
	height: 50px;
	line-height: 50px }

/* MENU
----------------------------------*/
.site-navigation {
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 300 }

@media screen and (min-width: 1016px) {
	.menu > .menu-item.tab_menu { display: none }
}

@media screen and (min-width: 551px) {
	.menu > .menu-item.phone_menu { display: none }
}

@media screen and (min-width: 1301px) {
	.menu > .menu-item { 
		font-size: 1.125em }	
}

@media screen and (min-width: 1201px) {
	.site-navigation { 
		text-align: center }

	.menu > .menu-item {
		display: inline-block;
		vertical-align: top }	

	.menu > .menu-item,
	.menu > .menu-item .lien-item-menu {
		position: relative }

	.menu > .menu-item > .lien-item-menu {
		display: block;
		padding: .75em 1.25em;
		z-index: 1 }

	.menu > .menu-item:after {
		content: '';
		display: block;
		height: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0 }

	.menu > .menu-item:hover:after,
	.menu > .menu-item.current-menu-item:after {
		height: 100% }

	.menu > .menu-item.current-menu-ancestor:not(:hover):after {
		height: 6px }

	.menu-toggle, .menu > .menu-item.contact_menu { 
		display: none }

	.sub-menu {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
			 -o-column-count: 2;
				column-count: 2;
		-webkit-column-gap: 2em;
		   -moz-column-gap: 2em;
			 -o-column-gap: 2em;
				column-gap: 2em;
		box-shadow: 0 2em 120px rgba(0, 0, 0, 0.5);
		font-size: 1rem;
		opacity: 0;
		overflow: hidden;
		padding: 3em 3.125em 2em;
		position: absolute;
		text-align: left;
		visibility: hidden;
		   -moz-transform: scaleY(0.75);
			-ms-transform: scaleY(0.75);
		-webkit-transform: scaleY(0.75);
				transform: scaleY(0.75);
		top: 102px;
		white-space: nowrap }

	.li10 .sub-menu {
		right: 0 }

	.menu-item:not(.li10) .sub-menu {
		left: 0 }

	.menu-item:focus .sub-menu, 
	.menu-item:hover .sub-menu {
		opacity: 1;
		visibility: visible;
		   -moz-transform: scaleY(1);
			-ms-transform: scaleY(1);
		-webkit-transform: scaleY(1);
				transform: scaleY(1) }

	.sub-menu .menu-item { 
		margin-bottom: 1.25em }
}

.home_menu .lien-item-menu {
	width: 80px }

.home_menu:before {
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 2px;
	z-index: 1 }

.sub-menu .lien-item-menu {
	border-left: solid 1px;
	display: inline-block;
	line-height: 1;
	padding-left: 1.5em }

@media screen and (min-width: 1301px) {
	.home_menu:before { 
		font-size: 51px }

	.menu-item:focus .sub-menu, 
	.menu-item:hover .sub-menu { 
		top: 51px }	
}

@media screen and (max-width: 1300px) {
	.home_menu:before { 
		font-size: 45px }	

	.menu-item:focus .sub-menu, 
	.menu-item:hover .sub-menu { 
		top: 46px }	
}

.home_menu > .lien-item-menu {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 36px }

/* DIAPORAMA
----------------------------------*/
.diaporama-area {
	position: relative }

.page-template-tpl-situation .diaporama-area {
	padding-top: 50.75% }

@media screen and (max-width: 900px), (min-width: 1201px) {
	.accroche { 
		height: 2em }
}

@media screen and (min-width: 901px) {
	.accroche {
		bottom: 2em;
		font-size: 3em;
		margin: auto;
		padding: 0 22.5%;
		position: absolute;
		text-align: center;
		text-shadow: 0 0 40px rgba(0, 0, 0, 0.85);
		top: 0;
		width: 100%;
		z-index: 200 }
}

.-touch .accroche {
	display: none }

.big_carousel {
	overflow: hidden }

.cycle-slideshow img { 
	display: block }

.home .big_carousel {
	padding-top: 53%;
	position: relative }

.home .vid_full.big_carousel {
	padding-top: 57% }

.big_carousel .attachment-photo-home {
	max-width: none }

.video_, .home .diapo_ {
	height: 100%; 
	left: 0; 
	overflow: hidden;
	position: absolute;
	top: 0; 
	width: 100% }

.home .video_slide {
	height: 100%;
	width: 100%;
}

@media screen and (min-width: 651px) {
	.vid_full .img_mobile { display: none; }
}

@media screen and (max-width: 650px) {
	.home .video_slide { display: none; }
	.home .vid_full.big_carousel { padding-top: 55% }
}

@media screen and (min-width: 1111px) and (orientation:landscape) {
	.home .big_carousel, .home .vid_full.big_carousel {
		padding-top: calc(100vh - 35px) }

	.home .video_ {
		height: 120%;	
		left: -10%;
		top: -10%;
		width: 120%;
	}
}

@media screen and (min-width: 1016px) {
	.page_int .big_carousel {
		max-height: calc(100vh - 295px); /* 295px = hauteur du header + h1*/ }

	.cycle-pager {
		bottom: 0 }
}

@media screen and (min-width: 1016px) and (orientation:landscape) {
	.page_int .big_carousel {
		min-height: 50vh }
}

.big_carousel, .video_slide {
	width: 100% }

.cycle-next, .cycle-prev, .cycle-pager {
	position: absolute;
	z-index: 200 }

.cycle-next, .cycle-pager {
	right: .5em }

.cycle-next, .cycle-prev {
	background-color: transparent;
	bottom: 0;
	border-radius: 0;
	cursor: pointer;
	font-size: 35px;
	height: 1.25em;
	margin: auto;
	overflow: hidden;
	text-indent: -9999px;
	top: 0;
	width: 1em }

.cycle-prev {
	left: .5em }

.cycle-next:before, .cycle-prev:before {
	display: block;
	text-indent: 0 }

.cycle-next:before {
	content: '\0025B6' }

.cycle-prev:before {
	content: '\0025C0' }

.cycle-pager span {
	color: transparent;
	cursor: pointer;
	display: inline-block;
	height: 6px;
	margin: 11px 7px;
	width: 20px }

/* CLOCHETTE
----------------------------------*/

.like-diapo {
	height: 210px;
	overflow: hidden;
	position: absolute;
	right: 0;	
 	top: 25%;
	width: 290px;
}

.last_minute-area {
  right: 0;
  width: 240px;
  position: absolute;
  margin-left: -20px;
  z-index: 250;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  animation-name: animPromo;
  -webkit-animation-name: animPromo;
  animation-duration: 700ms;
  -webkit-animation-duration: 700ms;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  animation-delay: 1s;
  /* Chrome, Safari, Opera */
  -webkit-animation-delay: 1s;
  /* Chrome, Safari, Opera */
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

.last_minute-area.close-clochette {
  right: -240px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.last_minute-area.close-clochette:hover {
  margin-left: -20px;
}

@media screen and (max-width: 1200px) {
	.last_minute-area {
		right: -240px;
	}
	.last_minute-area.open-clochette {
		right: 0;
	}
}

.last_minute-area .bell {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 200ms;
	-moz-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	cursor: pointer;
	font-size: 3em;
	height: 50px;
	left: -50px;
	line-height: 50px;
	margin: 0;
	text-align: center;
	top: 0;
	width: 50px;
	position: absolute;
}

.last_minute-area a {
	display: block;
	text-decoration: none;
}

.last_minute-area:hover, .last_minute-area:focus {
  margin-left: 0;
}

.last_minute-area .bell:before {
	-webkit-transform-origin: 50% 0 50%;
	-moz-transform-origin: 50% 0 50%;
	-ms-transform-origin: 50% 0 50%;
	-o-transform-origin: 50% 0 50%;
	transform-origin: 50% 0 50%;
	animation-name: animBell;
	-webkit-animation-name: animBell;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-delay: 0;
	/* Chrome, Safari, Opera */
	-webkit-animation-delay: 0;
	/* Chrome, Safari, Opera */
	animation-fill-mode: none;
	-webkit-animation-fill-mode: none;
	display: inline-block;
}

.last_minute-area .excerpt {
	/*border-bottom: solid 1px;*/
	/*border-right: solid 1px;*/
	padding: 1em 1em 1em 40px;
	position: relative;
	width: 100%;
	z-index: 10;
}

.last_minute-area .titre {
	-moz-transform-origin: 50% 0 50%;
	-ms-transform-origin: 50% 0 50%;
	-o-transform-origin: 50% 0 50%;
	-webkit-transform-origin: 50% 0 50%;
	border-bottom: solid 1px #5bbcb6;
	font-size: 1.3em;
	font-variant: small-caps;
	font-weight: bold;
	height: 50px;
	line-height: 30px;
	padding-left: 20px;
	padding: 0.5em 0.25em;
	text-align: center;
	transform-origin: 50% 0 50%;
	width: 100%;
}

@-webkit-keyframes animPromo {
  0% {
    -webkit-transform: translate(300px, 0);
    -moz-transform: translate(300px, 0);
    -ms-transform: translate(300px, 0);
    -o-transform: translate(300px, 0);
    transform: translate(300px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes animPromo {
  0% {
    -webkit-transform: translate(300px, 0);
    -moz-transform: translate(300px, 0);
    -ms-transform: translate(300px, 0);
    -o-transform: translate(300px, 0);
    transform: translate(300px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-o-keyframes animPromo {
  0% {
    -webkit-transform: translate(300px, 0);
    -moz-transform: translate(300px, 0);
    -ms-transform: translate(300px, 0);
    -o-transform: translate(300px, 0);
    transform: translate(300px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes animPromo {
  0% {
    -webkit-transform: translate(300px, 0);
    -moz-transform: translate(300px, 0);
    -ms-transform: translate(300px, 0);
    -o-transform: translate(300px, 0);
    transform: translate(300px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes animBell {
  0%, 50%, 100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  75% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}

@-moz-keyframes animBell {
  0%, 50%, 100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  75% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}

@-o-keyframes animBell {
  0%, 50%, 100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  75% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}

@keyframes animBell {
  0%, 50%, 100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  75% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}

/* RESA
----------------------------------*/
@media screen and (min-width: 1016px) {
	.resa-container {
		bottom: -100px;
		position: absolute;
		width: 530px }	

	.resa-container ._header {
		height: 65px }	

	.resa-container .br {
		bottom: 0;
		position: absolute;
		right: 0;
		text-align: right;
		width: 100% }

	.page_int .resa-container {
		bottom: -212px }
}

@media screen and (max-width: 1300px) {
	.resa-container { 
		font-size: 0.875em; 
		padding: 20px 35px 35px }	
}

@media screen and (min-width: 551px) {
	.wrapper-90 ._title {
		-webkit-transform: rotate(-90deg);
		   -moz-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
			 -o-transform: rotate(-90deg);
				transform: rotate(-90deg) }

	.wrapper-90 ._title:after {
		border-left: solid 1px;
		content: '';
		display: block;
		height: 20px;
		margin-left: 14px;
		margin-top: 6px;
		width: 1px }

	.wrapper-90 ._title {
		display: inline-block }

}

@media screen and (min-width: 1301px) {
	.resa-container { 
		padding: 20px 75px 35px; 
		width: 615px }	
}

.resa-container {
	background-size: 80%;
	box-shadow: 0 2px 50px rgba(0,0,0,0.4);
	z-index: 200 }

.resa-container ._header {
	font-size: 1.75em;
	font-weight: 800;
	margin-bottom: 1em;
	position: relative }

.resa-container .br {
	font-size: 37px }

.wrapper-90 ._title {
	font-size: 0.875em }

.input-wrapper, input[type='date'], .select-wrapper, .inputnb-wrapper {
	position: relative }

@media screen and (min-width: 551px) {
	.input-wrapper, .select-wrapper, .inputnb-wrapper {
		margin-left: 17px }

	.input {
		padding-left: 45px }

	.resa-container .ligne + .ligne {
		margin-top: 10px }
}

.wrapper-90 .label {
	padding: 7px 10px 7px 45px;
	position: absolute;
	width: 140px;
	z-index: 1 }

.input.nb {
	width: 145px }

.input, .inputnb, .select, .wrapper-90 .label, .button, .bouton_resa_phone {
	font-size: 1em;
	min-height: 38px }

@media screen and (min-width: 1016px) {
	.input, .button.search {
		width: 200px }

	.button.search { 
		margin-left: 15px }

	.bouton_resa_phone { 
		display: none; }	
}

.input, .select {
	border: 0 }

.select-wrapper:before, .inputnb-wrapper:before, .wrapper-90 .label:before {
	position: absolute }

.select-wrapper:before, .inputnb-wrapper:before, .wrapper-90 .label:before, 
.resa_link:before, .bouton_resa_phone:before  {
	font-size: 38px }

.select-wrapper:before, .inputnb-wrapper:before {
	left: 5px }

.select-wrapper {
	padding-left: 45px;
	width: 155px }

.select-wrapper:after {
	border-color: #e2b3ea transparent transparent transparent;
	border-style: solid;
	border-width: 9px 5px 0 5px;
	content: '';
	display: block;
	height: 0;
	position: absolute;
	right: 6px;
	top: 15px;
	width: 0 }

.select-wrapper .select {
	position: relative;
	width: 100%;
	z-index: 1 }

.select option {
	padding-top: 13px }

.wrapper-90 .label:before {
	left: -3px;
	top: 0 }

.number_pers {
	margin-left: 25px }

.resa_link {
	font-size: 1.125em }

.resa_link:before, .bouton_resa_phone:before {
	vertical-align: middle }

.button.search {
	overflow: hidden;
	padding-left: 0px;
	position: relative;
	text-align: center }

.button2{
	background-color: none;
    font-weight: 800;
    color: #4e3053;
    min-height: 0px;
}

.button.search2 {
	overflow: hidden;
	padding-left: 0px;
	position: relative;
	text-align: center;
    font-weight: 600;
    padding: 4px;
	color: #ffffff; }

.button.search2:before {
	font-size: 80px;
	opacity: 0.4;
	position: absolute;
	right: 0;
	top: -21px }

.button.search:before {
	font-size: 80px;
	opacity: 0.4;
	position: absolute;
	right: 0;
	top: -21px }

input[type='date']::-webkit-inner-spin-button { 
	-webkit-appearance: none; 
	margin: 0 }

input[type='date']::-webkit-calendar-picker-indicator {
	position: absolute;
	right: 0px;
	top: 13px }

input[type='date']::-webkit-clear-button {
	position: absolute;
	right: 20px;
	top: 12px }

input[type='date']::-webkit-calendar-picker-indicator {
	background-color: transparent }


/* = CONTENU ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ */

.site-content {
	background-image: url(img/deco-up.jpg);
	background-repeat: no-repeat;
	position: relative }

.site-main {
	background: url(img/deco-down.jpg) no-repeat bottom right;
	line-height: 1.75;
	padding-bottom: 3em }

@media screen and (min-width: 1301px) {
	.main_header { 
		left: 600px; 
		max-width: calc(90% - 600px); 
		min-width: 670px; 
		padding: 0 3em 0 80px }	
}

@media screen and (max-width: 1300px) and (min-width: 1016px) {
	.main_header { 
		left: 518px; 
		max-width: calc(90% - 530px); 
		min-width: 47%; 
		padding-left: 2em; 
		padding-right: 2em }	
}

@media screen and (min-width: 1016px) {
	.home .site-content {
		background-position: left 100px;
		padding-top: 160px }

	.page_int .site-content {
		background-position: left 210px }

	.page_int .site-main {
		padding-top: 250px }

	.main_header {
		height: 195px;
		position: absolute;
		z-index: 200 }

	.home .main_header {
		top: -95px }

	.page_int .main_header {
		top: 0 }

	.h1 {
		padding-left: 1em;
		text-align: right }	
}
@media screen and (min-width: 1301px) {
	.h1 { 
		border-left: solid 1px; font-size: 1.675em }	
}

@media screen and (max-width: 1300px) {
	.h1 { 
		font-size: 1.5em }	
}

.main_header { box-shadow: 0 0 120px rgba(0,0,0,0.05) }

.h1 {
	font-weight: 400;
	line-height: 1.4 }

.alt_title,
.h1 strong {
	font-weight: 800 }

.content-editor, .link-editer {
	margin: auto;
	max-width: 960px;
	padding-left: 1em;
    padding-right: 1em }

.official {
	font-size: 2em;
	line-height: 1;
	text-align: center }

.content-editor h2 {
	font-size: 1.5625em }

.content-editor h3 {
	font-size: 1.25em;
	font-weight: normal }

.content-editor h2,
.content-editor h3,
.content-editor h4 {
	line-height: 1.4;
	margin: .5em 0 1em }

.content-editor p {
	margin-bottom: 1em }

.content-editor img {
	max-width: 100% }

.content-editor a:not(.button) {
	text-decoration: underline }

.content-editor a:hover {
	text-decoration: none }

.content-editor ul:not(.no_style) {
	padding: 0 1em 1em }

.content-editor li:not(.no_style) {
	padding-left: 20px;
	position: relative }

.content-editor li:not(.no_style):before {
	content: '';
	display: block;
	height: 11px;
	left: 0;
	position: absolute;
	top: 8px;
	width: 1px }

@media screen and (min-width: 551px) {
	.highlight {
		margin: 45px 60px 45px 25px;
		max-width: 275px }
}

.highlight {
	float: left;
	font-size: 0.875em;
	font-style: italic;
	padding: 25px;
	position: relative }

.highlight,
.highlight:before {
	box-shadow: 0 0 45px rgba(0,0,0,0.12) }

.highlight:before {
	background: transparent url(img/bg-exergue.jpg) no-repeat 0 0;
	-webkit-background-size: cover;
	background-size: cover;
	content: '';
	z-index: -1 }

.highlight:after,
.highlight:before {
	display: inline-block;
	position: absolute }

.highlight:before {
	height: calc(100% + 50px);
	left: -25px;
	top: -25px;
	width: calc(100% + 50px) }

.highlight:after {
	bottom: -4px;
	font-size: 100px;
	opacity: 0.1;
	right: 0 }	

.content-button,
.content-input,
.content-editor input,
.content-editor textarea {
	border: 0 }

.content-button,
.content-input,
.content-editor input,
.content-editor select,
.content-editor textarea,
#directPayment.directPayment input {
	font-size: .875rem;
	padding: 5px 10px }

.content-editor input:not([type="submit"]):not([type="button"]) {
	border-bottom: solid 1px }

.content-editor textarea {
    border-bottom: solid 1px;
    border-right: solid 1px;
    max-height: 150px }

.content-editor input[type="submit"]:not(#ok),
.content-editor input[type="button"] {
	min-width: 200px }

.content-editor blockquote, .content-editor blockquote * {
	font-style: italic }

.content-editor blockquote {
	background: url(img/left-quote.png) no-repeat left top, url(img/right-quote.png) no-repeat right top;
	font-size: 22px;
	line-height: 1.25;
	margin: 10px 0;
	padding: 0 30px;
	text-align: center }

.content-editor hr {
	border: 0;
	border-bottom: solid 1px #e6dfbb;
	margin: 2.5em auto;
	width: 90% }

.post-edit-link {
	display: inline-block;
	padding: 5px 20px }

.et_lb_image_box img, .content-editor .full-image {
	height: auto;
	width: 100% }

.content-editor .form1 .wdform-page-and-images:after {
	background-position: center bottom;
	-webkit-background-size: contain;
	background-size: contain;
	left: 0;
	padding-left: 0;
}


@media screen and (max-width: 650px) {
	.et_lb_1_2 { width: 100% !important; }
}

@media screen and (max-width: 450px) {
	.et_lb_module { margin-left: 0 !important; margin-right: 0 !important; }
	.et_lb_1_3, .et_lb_2_3 { width: 100% !important; }
}

/* Module a la une
----------------------------------*/
.alaune {
	background: transparent url(img/deco-une.jpg) no-repeat top right;
	max-height: 485px;
	overflow: hidden;
	padding: 72px 0 60px }

.alaune_ul {
	max-height: 285px }

.alaune li { 
	max-width: 100% }

.alaune_img_link {
	display: block;
	overflow: hidden;
	position: relative }

.alaune .alt_title-wrapper {
	height: 100%;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 200 }

.alaune .alt_title {
	font-size: 1.875em;
	line-height: .75 }

.alaune_img_link:hover .alt_title-wrapper {
	opacity: 0 }

.alaune_img_link:hover .alaune_img {
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
			transform: scale(1.05) }

.alaune .br {
	font-size: 1.6em }

.pager {
	margin-top: 10px;
	text-align: center }

.pager span {
	color: transparent;
	cursor: pointer;
	display: inline-block;
	height: 2px;
	margin: 0 4px;
	opacity: 0.45;
	overflow: hidden;
	padding: 20px 0;
	position: relative;
	width: 28px }

.pager span:before {
	content: '';
	display: block;
	height: 2px;
	position: absolute;
	left: 0;
	top: 20px;
	width: 100% }

.pager span:hover, .pager span.cycle-pager-active {
	opacity: 1 }

/* Grid
----------------------------------*/
.wpupg-box, .wpupg-filter {
	text-align: center }

.wpupg-filter {
	margin: 2em 0 }

.wpupg-filter.wpupg-filter-dropdown .select2wpupg-container {
	margin-right: 15px }

.wpupg-filter .select2wpupg-container--default .select2wpupg-selection--single {
	border-radius: 0;
	padding: 5px 0; }

.wpupg-filter .select2wpupg-container .select2wpupg-selection--single {
	height: 38px }

.select2wpupg-container--default .select2wpupg-selection--single .select2wpupg-selection__arrow {
	bottom: 0;
	margin: auto }

.wpupg-filter .select2wpupg-container--default .select2wpupg-selection--single .select2wpupg-selection__arrow b {
	border-color: #c3b369 transparent transparent transparent }

@media screen and (min-width: 1301px) {
	.wpupg-grid-wrapper {
		margin-left: -15%;
		width: 130% }
}

.wpupg-grid-wrapper {
	max-width: 1250px;
	position: relative }

.img-wrapper {
	max-height: 240px;
	overflow: hidden;
	width: 100% }

.wpupg-item {
	float: left;
	padding: 10px;
	max-width: 400px;
	min-width: 300px;
	width: 100% }

.landmark-wrp {
	position: relative;
	max-height: 240px;
	max-width: 400px;
	width: 100% }

.img-wrapper:before {
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	right: 0;
	top: 0;
	position: absolute }

.wpupg-item:hover .img-wrapper:before {
	background-color: transparent }

.wpupg-item:hover .txt-wrapper {
	opacity: 0 }

.wpupg-item:hover .wpupg-post-image {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
			transform: scale(1.1) }

.txt-wrapper {
	bottom: calc(60% - 4em + 10px);
	height: 4em;
	left: 0;
	margin: auto;
	padding: 5px !important;
	position: absolute;
	right: 0 }

.wpupg-post-image {
	display: block;
	height: auto;
	width: 100% }	

.wpupg-custom-field,
.wpupg-post-taxonomy-terms {
	line-height: 1.15 !important;
	width: 100% }

.wpupg-custom-field.curve {
	font-size: 2.1875em !important;
	margin-top: -10px }	

/* liens home
----------------------------------*/
@media screen and (min-width: 681px) {
	.visuel_links {
		background: transparent url(img/bg_galerie_media.jpg) no-repeat right bottom;
		text-align: center }

	.virtuelle_link .descro {
	 margin-right: 50px }	

	.virtuelle_link { 
		padding: 3.125em }

	.last_list { 
		max-width: 400px }

	.last_list .visuel_link { 
		height: 155px }

	.last_list:hover, .last_list:focus { 
		padding-left: .5em }

	.list_1 { 
		margin-top: -30px }

	.list_2 { 
		background-position: 0 -140px }	
}

@media screen and (min-width: 1601px) {
	.visuel_links {
		background-size: calc(100% - 400px) }
}

.virtuelle_link {
	display: block;
	width: 100% }

.virtuelle_link .alt_title,
.virtuelle_link .descro,
.virtuelle_link .descro:before {
	display: inline-block;
	vertical-align: middle }

.virtuelle_link .descro { 
	font-size: 1.25em }	

.virtuelle_link .descro:before {
	font-size: 38px;
	margin-bottom: 7px;
	margin-right: 7px }

.visuel_link .alt_title {
	font-size: 1.25em;
	line-height: .675 }

.visuel_link .br {
	font-size: 2.1825em }

.last_list {
	background-image: url(img/deco-left.png);
	background-repeat: no-repeat }

.list_1 { 
	border-bottom: 1px solid }


/* Single hébergement
----------------------------------*/
@media screen and (min-width: 1016px){
	.caracteristique {
		float: right;
		margin: 60px auto 1em;
		position: relative;
		z-index: 200 }

	.carousel {
		position: absolute }
}

.link_to_locs {
	display: inline-block;
	margin-bottom: 3em;
	min-height: 0;
	padding: .5em 1em;
	text-decoration: none }

.link_to_locs:hover, .link_to_locs:focus {
	padding: .5em 1.25em .5em .75em }

.ThelisResaSimpleBlock {
	min-height: 150px;
	margin: 2em 0 }

.carousel {
	margin: auto;
	max-width: 400px }

.carousel .cycle-slideshow {
	max-height: 240px;
	overflow: hidden }

.carousel ul, .carousel li {
	width: 100% }

.modale_button {
	display: inline-block;
	position: relative }

.modale_button:after {
	bottom: 0;
	content: '';
	display: block;
	height: 50px;
	left: 0;
	position: absolute;
	width: 50px;
	z-index: 200 }

.modale_button:before {
	bottom: 5px;
	font-size: 40px;
	left: 0;
	position: absolute;
	z-index: 201 }

.caracteristique {
	max-width: 100%;
	padding: 30px;
	width: 600px }

/* Tpl solde
----------------------------------*/
#directPayment.directPayment, .directPayment .loader {
	border-radius: 0;
	margin: auto;
	min-height: 180px;
	max-width: 380px }

#directPayment.directPayment label,
#directPayment.directPayment button {
	font-size: 1rem }

#directPayment.directPayment button {
	background-image: none;
	border: 0 }

/* Tpl galerie photos
----------------------------------*/
@media screen and (min-width: 1016px) {
	.galphotos {
		padding-top: 1.5em }

	.place_info {
		margin-top: -2.5em }
}

.galphotos {
	box-shadow: 0 0 1em rgba(0,0,0,0.15);
	padding-bottom: 3em;
	padding-left: 1em;
	padding-right: 1em;
	text-align: center }

.galphotos li {
	display: inline-block }

.place_info {
	font-style: italic;
	margin-bottom: 3em;
	margin-left: 1em }

/* Tpl galerie vidéo
----------------------------------*/
.liste-videos li {
	display: inline-block;
	margin: 10px;
	min-width: 275px;
	vertical-align: top;
	width: calc(33.3333% - 20px) }

	.liste-videos a {
		display: block;
		padding: 1em }

	.liste-videos .modale_button {
		display: block }

/* Tpl situation
----------------------------------*/
.map_canvas {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% }

.pasdechemin {
	font-style: italic;
	font-size: .9em;
	padding-left: 14em }

.content-button {
	cursor: pointer }

.wpcf7 {
	overflow: hidden }


/* Archive
----------------------------------*/
.content-editor .archive {
	border: 1px solid;
	display: inline-block;
	/*margin: 5px;*/
	margin-bottom: 10px;
	min-width: 275px;
	padding: 1em;
	vertical-align: top;
	width: calc(50% - 25px) }

/* = SIDEBAR ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ */

.site-sidebar {
	clear: both;
	overflow: hidden }

.site-sidebar:before {
	bottom: -50px;
	font-size: 1000px;
	position: absolute;
	right: -.25em }

.site-sidebar, .sidebar-wrapper { 
	position: relative }

.sidebar-layout, .site-footer {
	margin: auto;
	width: 1150px;
	padding-left: 1em;
	padding-right: 1em;
	max-width: 100% }

.sidebar-layout .alt_title {
	margin-bottom: 30px }

.aside_ligne1 {
	border-bottom: solid 1px;
	padding-bottom: 50px;
	padding-top: 50px;
	text-align: center }

.site-sidebar .alt_title {
	line-height: .675 }

.aside_ligne1 .alt_title { 
	width: 100% }

.site-sidebar .br { 
	font-size: 2.125em }

.site-sidebar ._title {
	vertical-align: middle }

/* Avis
----------------------------------*/
@media screen and (min-width: 1201px) {
	.large-row { 
		padding-right: 55px }

	.small-row { 
		padding-left: 65px }
}

@media screen and (min-width: 1016px) {	
	.large-row { 
		border-right: solid 1px;
		width: calc(100% - 455px) }

	.wf-sortable {
		left: 3em }
}

.logos_avis { 
	width: 100% }

.logos_avis li {
	display: inline-block;
	vertical-align: middle }

.logos_avis a { 
	opacity: 0.5 }	

.logos_avis a:hover { 
	opacity: 1 }	

/* Newsletter
----------------------------------*/
.newsletter-container { width: 455px }

.aside_ligne2 {
	padding-bottom: 30px;
	padding-top: 30px;
	position: relative }

.button {
	border: 0;
	display: inline-block }

.newsletter-container {
	min-height: 125px;
	position: relative }	

.newsletter-container form {
	width: 100% }

.wf-body {
	height: 45px }

@media screen and (min-width: 551px) {
	.wf-sortable {
	    top: 0 }
}	

.wf-sortable {
	padding: 1em;
	position: absolute }

.toggle-news {
	opacity: 0 }

.-opened .toggle-news {
	opacity: 1 }

.-opened .wf-sortable {
	box-shadow: 0 0 15em rgba(0, 0, 0, 0.3);
	z-index: 2 }	

.fd_modale {
    bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1 }

.wf-input.input {
	width: 300px }

.wf-input.input:hover {
    border: 1px solid }

.wf-submit {
	margin-top: .5em }

.wf-counter, .wf-captcha {
	display: none }

.wf-privacy {
	font-style: italic;
	margin-top: 10px }

.wf-poweredby {
	width: 100% }

.wf-privacyico, .wf-poweredby {
	font-size: 12px }

.wf-privacyico {
	background: url(https://app.getresponse.com/images/core/webforms/lock.png) no-repeat left center;
	padding: 4px 0 0 20px }

/* Faq
----------------------------------*/
.faq_link-wrapper {
	font-size: 1.125em;
	padding-right: 65px }

.faq_link:before {
	font-size: 60px;
	margin-left: -20px;
	margin-right: 5px }

.faq_link-wrapper, .faq_link, .faq_link:before, .content_line {
	display: inline-block;
	vertical-align: middle }

/* Promo + Actus
----------------------------------*/

@media screen and (min-width: 1016px) {
	.faq_link-wrapper {
		border-right: solid 1px }

	.content_line {
		max-width: 300px }

	.aside_ligne3 {
		height: 130px;
		overflow: hidden }

	.aside_ligne3 .alt_title {
		margin: 0 1em }

	.aside_ligne3 iframe, .aside_ligne3 .alt_title, .fb-page {
		display: inline-block;
		vertical-align: middle }

	.aside_ligne4 {
		padding-bottom: 50px;
		padding-top: 70px }
}

@media screen and (min-width: 551px) {
	.actu-wrapper .content_line {
		margin-left: 10px }
}

.promo-wrapper.wrapper-90 ._title:after {
	margin-left: 24px }

.actu-wrapper.wrapper-90 ._title:after {
	margin-left: 18px }

/* Timelines
----------------------------------*/
.aside_ligne3 .alt_title {
	text-align: center }

@media screen and (min-width: 1001px) {
	.twitter-container iframe { margin-top: -10px !important }

	.fb-page { width: 480px }
}

@media screen and (max-width: 1350px) and (min-width: 1016px) {
	.aside_ligne3 .alt_title { display: none }
}

/* Pre footer
----------------------------------*/
.aside_ligne4 {
	line-height: 1.75 }


/* = FOOTER ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ */

@media screen and (min-width: 1201px) {
	.top { top: 130px }
}
.site-footer {
	font-size: .875em;
	padding-bottom: 15px;
	padding-top: 30px;
	text-align: center }

.logos_partenaires {
	margin-top: 30px }

.logos_partenaires li {
	display: inline-block;
	margin: 5px 15px;
	vertical-align: middle }

.top {
	display: block;
	font-size: 13px;
	line-height: 2em;
	position: fixed;
	right: .5em;
	text-align: center;
	padding: 0.25em 0.75em;
	z-index: 100001 }

#cookie-notice.cn-bottom {
	background-color: rgba(92,59,98,0.9) !important;
	left: inherit;
	max-width: 100%;
	min-width: 0;
	right: 0;
	width: 100% }

#cookie-notice .button {
    margin-left: 10px;
    padding: 2px 10px;
    min-height: 0 }

/* = IMPORT ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ */

/* Datepicker
----------------------------------*/
.ll-skin-floride {
	font-size: 90% }

.ll-skin-floride .ui-widget-content {
	background: none }

.ll-skin-floride .ui-widget {
	border-radius: 0;
	border: none }

.ll-skin-floride .ui-datepicker {
	padding: 0 }

.ll-skin-floride .ui-datepicker-header {
	border-radius: 0;
	border: 0;
	border-bottom: solid 1px;
	background: transparent;
	font-weight: normal;
	font-size: 15px }

.ll-skin-floride .ui-datepicker-header .ui-state-hover {
	border-radius: 0;
	background: transparent;
	border-color: transparent;
	cursor: pointer }

.ll-skin-floride .ui-datepicker .ui-datepicker-title {
	margin-bottom: .3em;
	margin-top: .4em }

.ll-skin-floride .ui-datepicker .ui-datepicker-prev-hover,
.ll-skin-floride .ui-datepicker .ui-datepicker-next-hover,
.ll-skin-floride .ui-datepicker .ui-datepicker-next,
.ll-skin-floride .ui-datepicker .ui-datepicker-prev {
	border:none;
	top: .9em }

.ll-skin-floride .ui-datepicker .ui-datepicker-prev-hover {
	left: 2px }

.ll-skin-floride .ui-datepicker .ui-datepicker-next-hover {
	right: 2px }

.ll-skin-floride .ui-datepicker .ui-datepicker-next span,
.ll-skin-floride .ui-datepicker .ui-datepicker-prev span {
	background-image: url(img/ui-icons_ffffff_256x240.png);
	background-position: -32px 0;
	font-weight: normal;
	margin-top: 0;
	top: 0 }

.ll-skin-floride .ui-datepicker .ui-datepicker-prev span {
	background-position: -96px 0 }

.ll-skin-floride .ui-datepicker table {
	margin: 0 }

.ll-skin-floride .ui-datepicker th {
	font-size: 13px;
	border-top: 1px solid;
	border: none;
	font-weight: normal;
	padding: 5px }

.ll-skin-floride .ui-datepicker td {
	border: none;
	padding: 0 }

.ll-skin-floride td .ui-state-default {
	font-size: 12px;
	background-image: none;
	border: none;
	font-weight: normal;
	margin: 0;
	padding: .5em;
	text-align: center }

.ll-skin-floride .ui-state-disabled, 
.ll-skin-floride .ui-widget-content .ui-state-disabled {
	opacity: 1 }

.ll-skin-floride .ui-widget-header .ui-state-disabled {
	background-color: transparent;
	opacity: 1 }


/* FancyBox
----------------------------------*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('img/modale/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('img/modale/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('img/modale/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	/*visibility: hidden;*/
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

/*.fancybox-nav span {
	visibility: visible;
}*/

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('img/modale/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('img/modale/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}


/*********************************************Modifications*********************************************/

.et_lb_module {
    margin: 0 0 30px 2% !important;
}

/**************************************RGPD*****************************************/

span.wpcf7-list-item {
	margin-left: 0.5em;
	display: block;
}

/****************************RGPD Newsletter*********************************/

.conditionsrgpd.-opened- {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    height: auto;
    opacity: 1;
}

.conditionsrgpd {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    position: absolute;
    height: 0;
    opacity: 0;
    transform-origin: top center;
    width: 100%;
    border: solid 1px #edf1f2;
    padding: 1em;
    position: absolute;
    width: 350px;
    z-index: 1;
    background-color: white;
    top: 350px;
    right: 55px;
}

@media screen and (max-width: 950px){
        .conditionsrgpd {
            right: 85px;
            width: 300px;
        }
        .exitintent-modal-window{
        	top:-255px !important;
        }
}

@media screen and (max-width: 600px){
        .conditionsrgpd {
            right: 3px;
    		width: 94%;
        }
}

@media screen and (max-width: 500px){
        .conditionsrgpd {
            /*top: 230px;*/
            right: 0px;
            /*width: 300px;*/
            font-size: 11px;
        }

}

@media screen and (max-width: 500px){
	.modal-body .wpcf7-submit, .modal-body .wpcf7-email, .modal-body .wpcf7-text{
        width:90% !important;
    }
}

.rgpd_close {
    display: inline-block;
    font-weight: bold;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
}

.logo-occitanie {
	float: right;
}

@media screen and (max-width: 1200px){
	.logo-occitanie {
		display:none;
	}
}



/* Modifications du 15/02/2021 */

@media screen and (max-width: 500px){
	#gallery iframe {
		display: none !important;
	}
}

/* Modifications du 02.04.2021*/
@media screen and (max-width:1015px) {
	.mon_compte{
		/* flex-direction: row-reverse; */
		width: 100%;
	}
}


.mon_compte #resa_head{
	color: #e2b3ea;
	font-size:0.85em;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.resa_link.solde_sejour{
	font-size:0.85em;
}

@media screen and (max-width:1015px){
	.resa_link.solde_sejour{
		/* margin-left: 0px; */
		margin : 8px 0;
	}
}

@media screen and (max-width: 550px){
 .mon_compte .resa_link{
	 margin-top: 0;
 }
}


.mon_compte #resa_head:hover{
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width:1015px) {
	.mon_compte #resa_head{
		margin-left: 0;
	}
}

@media screen and (max-width:1015px) {
	.mon_compte moncompte-trigger{
		width: 100%;
	}	
}


.ligne.wrp_btn{
	flex-direction: column;
}