/*
Theme Name: hoteldangleterre
Description: Theme enfant hoteldangleterre
Author: colyseemedia
Author URI: https://www.colysee.net
Template: trailthemetrust
Version: 1.0
*/

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

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

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

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

body{
    background-color: white!important;
    font-family: 'loraregular';
    color: var(--grey)!important;
}

:root{
    --blue: #007C9F;
    --blue-opacity: rgb(108, 182, 201);
    --grey: #131313;
    --grey-opacity: rgba(0, 0, 0, 0.4);
    --clair: #F2F2F2;
}

#pageHead h1, 
h1, h3, #slide2 .titre-avignon, #slide2 h1{
    font-family: 'caviar_dreamsregular'!important;
    color: var(--blue)!important;
    font-size: 2em!important;
    text-shadow: unset!important;
}

h2{
    font-family: 'caviar_dreamsregular'!important;
    text-align: center;
    color: rgb(41, 41, 41);
    font-size: 1.8em;
}

h3{
    font-family: 'caviar_dreamsregular'!important;
    color: var(--blue)!important;
    font-size: 1.5em!important;
    text-shadow: unset!important;
}

p, blockquote p, .text-box{
    font-family: 'loraregular';
    color: grey!important;
    font-size: 0.9em;
}

p, blockquote p, .text-box{
    font-family: 'loraregular';
    color: rgba(128, 128, 128, 0.801)!important;
    font-size: 0.9em;
}

blockquote {
    font-family: 'loraregular'!important;
    border-left: 1px solid rgb(116, 116, 116)!important;
    font-size: 1em!important;
    line-height: 1.3em!important;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta-title{ font-size: 1em!important; }

#content h2 a:hover{
    color: #007C9F;
}

#cookie-law-info-bar a { color: white!important; font-size: 13px;}

#slide3 .text p { color: white!important; }

#slide3 a{ border-radius: 0px!important;}

.page-id-135 h2 { font-family: 'caviar_dreamsregular'; }

#slide3 h1  { font-size: 2em!important; }

body.home .details p{ 
    font-size: 1em!important; 
    margin-bottom: 20px !important;
    color: white;
    font-weight: 400;
}

#container { overflow: hidden; }

#header .hidden-scroll { overflow-y: hidden; }

.mainNav{
    float: right!important;
    text-align: right;
    padding-right: 20px;
    margin-bottom: 3vw;
    z-index: 50000;
}

#middle { margin: 0 0 0 300px!important; }

#gtranslate_wrapper {
    top: 28px!important;
    right: 20px!important;
    left: unset!important;
}   

#gtranslate_wrapper a.glink img { margin-right: 5px!important; }

.resa-header {
	min-height:70px !important;
}
.resa-button {
	position:absolute;
	display:flex;
	align-items:center;
	top:25px;
	right:250px;
}
@media only screen and (max-width: 768px){
	.resa-header {
		min-height:inherit !important;
	}
	.resa-button {
		position: absolute;
		display: flex;
		align-items: center;
		top: -70px;
		left: 20px;
		right: 0px;
	}
}

#header {
    top: 0!important;
    width: 300px!important;
    height: 100%;
    background: var(--blue)!important;
    z-index: 500 !important;
    overflow: hidden;
}

#header .inside {
    padding: 40px 30px;
    margin-top: 80px;
}

#gallery-1 {
    margin: auto;
    text-align: right;
    object-position: right;
    display: flex;
    justify-content: flex-end;
}

#gallery-1 .gallery-item {
    margin-top: 10px!important;
    text-align: center;
    width: 15%!important; 
}

.number-tel{
    position: absolute;
    display: flex;
    align-items: center; 
    height: 80px;
    top: 0;
    right: 0;
}

.tel-resp, .reservez  { display: none;}

.number-tel a {
    color: white;
    padding: 5px 0px;
    font-family: 'caviar_dreamsregular'!important;
    font-size: 0.9em!important;
    margin-right: 100px;
    font-weight: 900;
}

.number-tel a:hover{
    background-color: var(--blue-opacity);
    color: white;
}

.form-resa {
    position: fixed!important;
    top: 0px!important;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: var(--blue);
}

.OsPanierPopIn.os-overlay .BlocSupplement .Quantite .OsWrapSelect select, 
.OsProduit.api .OsMoteur .OsMoteurCriterisation .OsWrapSelect select.OsMoteurCombo, 
.OsProduit.api .OsMoteur .OsMoteurCriterisation select, 
.OsProduit.api .OsMoteurResultat .OsWrapSelect select, 
.OsProduit.api .TableHotel .TableHotel-Tr.Ligne .Chambre .OsWrapSelect select.OSCombo, 
body .OsWrapSelect select, 
body .PanneauAge select{
    height: 18px!important;
    line-height: 22px;
}

.OsMoteur.OptMoteurEnLigne {
    margin-left: 350px;
    background-color: unset!important;
    font-family: 'raleway_extralightregular'!important;
    color: white;
    font-size: 0.7em;
    font-weight: 900!important;
}

.OsMoteur.OptMoteurEnLigne .OsMoteurCriterisation .OsMoteurCritBloc,
.OsMoteur .OsMoteurCriterisation .OsMoteurCritBloc .OsMoteurCritereContenu{
    width: 120px!important;
}

.OsMoteur.OptMoteurEnLigne .OsMoteurCriterisation .OsMoteurCritBloc.OsMoteurCritere_date .OsMoteurCritereContenu input,
body .OsMoteur.OptMoteurEnLigne .OsWrapSelect{
    width: 110px!important;
    height: 25px!important;
}

.OsMoteur.OptMoteurEnLigne .OsMoteurCriterisation .OsMoteurCritBloc.OsMoteurCritere_nbpers { width: 240px!important; }

#sidebar .widgetBox .widgetTitle, #footer .widgetBox .widgetTitle { font-family: 'caviar_dreamsregular'; }

.tarif {
    position: fixed;
    top: 27px;
    left: 42px;
    z-index: 5000;
    color: var(--blue);
    font-family: 'caviar_dreamsregular';
    font-weight: 900;
    letter-spacing: 1px;
}

#recent-posts-4 a{
    font-family: 'raleway_extralightregular';
    font-weight: bolder;
}

.gtranslate_wrapper{
    position: fixed;
    top: 59px!important;
    left: 11%!important;
    z-index: 999999;
}

.gtranslate_wrapper a.glink img { margin-right: 5px!important; }

#text-5{ position: absolute!important; }

.ContenuDetailChambre {
    width: 668px;
    position: absolute;
    top: 0px;
    left: 300px;
    right: 0;
    padding: 1vw;
    background-color: rgba(0, 0, 0, 0.774);
}

.HRIT.OsProduit.api .TableHotel .TableHotel-Tr.Ligne .GrpChambres { padding: 1vw 0; }

.TitreDisponibilite{
    font-family: 'caviar_dreamsregular';
    color: white!important;
    border-bottom: 1px dotted white!important;
}

.OsProduit.api .TableHotel { margin-top: -5px; }

.TableHotel .TableHotel-Tr.EnteteTableHotel { background-color: unset!important; }

.TableHotel .TableHotel-Tr.Ligne .Chambre .TDTypeChambre .SansImage .DescChambre, .TableHotel .TableHotel-Tr.Ligne .Chambre .TDTypeChambre .SansImage .Libelle,
.OsProduit.api .TableHotel .TableHotel-Tr.Ligne .Chambre .TDTypeChambre .SansImage .DescChambre, .TableHotel .TableHotel-Tr.Ligne .Chambre .TDTypeChambre .SansImage .Libelle
{
    padding-left: 10px!important;
    font-family: 'caviar_dreamsregular'!important;
    letter-spacing: 1px!important;
    color: var(--grey)!important;
}

.OsProduit.api .TableHotel .TableHotel-Tr .TDPrix,
.OsProduit.api.HRIT .TableHotel .TableHotel-Tr .TDBtReserver  
{ width: auto; }

.OsProduit.api .OsMoteurResultat .TableHotel .OsWrapSelect { width: 35%; }

.TableHotel .TableHotel-Tr.Ligne .Chambre .StockChambre {
    font-size: 10px;
    line-height: 15px;
    color: var(--blue);
    padding: 0 0.5vw;
}

.OsMoteur{
    color: white!important;
    font-family: 'caviar_dreamsregular'!important;
}

.OsMoteur a.OsMoteurBtnRecherche, 
.OsMoteur a.OsMoteurBtnRecherche:link, 
.OsMoteur a.OsMoteurBtnRecherche:active, 
.OsMoteur a.OsMoteurBtnRecherche:visited{
    background-color: white!important;
    color: var(--blue)!important;
    height: 25px;
    font-size: 0.9em;
    line-height: 1.6em;
    letter-spacing: 2px;
}

.OsMoteur a.OsMoteurBtnRecherche:hover{
    background-color: var(--grey)!important;
    color: white!important;
    border: 1px solid var(--grey);
    transition: 1s;
}

.OsPanierPopIn.os-overlay .Bouton a, 
.OsPanierPopIn.os-overlay .Bouton a:active, 
.OsPanierPopIn.os-overlay .Bouton a:link, 
.OsPanierPopIn.os-overlay .Bouton a:visited{
    background-color: var(--blue)!important;
    color: white!important;
}

.OsProduit.api .TableHotel .TableHotel-Tr.Ligne .Chambre .TDPrix .PrixEtape3 {
    background-color: var(--blue)!important;
    line-height: 30px;
    padding: 0 10px;
    font-size: 13px;
}

.OsMoteurResultatBody .BtnReserver a, .OsMoteurResultatBody .BtnReserver a:active, .OsMoteurResultatBody .BtnReserver a:link, .OsMoteurResultatBody .BtnReserver a:visited, .OsProduit.api .OsMoteurResultat .ContenuDetailChambre .btn-reserver a:active, .OsProduit.api .OsMoteurResultat .ContenuDetailChambre .btn-reserver a:link, .OsProduit.api .OsMoteurResultat .ContenuDetailChambre .btn-reserver a:visited {
    background-color: var(--blue)!important;
    line-height: 30px!important;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'caviar_dreamsregular'!important;
}

.TableHotel .TableHotel-Tr.Ligne .Chambre .TDQteReserver { padding-top: 10px!important; }

#sidebar ul li, #footer ul li { font-size: .9em!important; }

#sidebar {
    margin-top: 300px;
}

 #sidebar .widgetBox {
    margin-bottom: 30px !important;
    text-align: right;
    margin-top: 50px;
    padding-right: 20px!important;
    z-index: 5;
}

#media_image-6 a{
    position: absolute!important;
    right: 22px!important;
}

#media_image-7 a{
    position: absolute!important;
    right: 75px!important;
}

#slide3 .home #content .slide { margin-top: 7vw!important; }

/*Repère de navigation page*/
.home #slideshowNav a {
    display: block;
    width: 7px;
    height: 7px;
    background: rgb(190, 190, 190);
    border-radius: 50%!important;
    margin-bottom: 10px;
}

.home #slideshowNav a.active { background: var(--blue);}

.home #slideshowNav { display:none!important;}

#slide2 .titre-avignon, #slide2 h1{
    margin: 100px 0 30px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #d3d3d3;
} 

.text-hotel-familial { margin-top: 20px; }


#menu-nav-2 {
    text-align: right;
    margin: 80px 20px 0 0;
}

#mainNav li { margin: 0 0 0px 0!important; } 

.menu-nav-container a  {
    font-family: 'caviar_dreamsregular'!important;
    font-size: 1.5em!important;
    font-weight: 400!important;
}

.slide .details h1, .slide .details h2, .slide .details h3, .slide .details h4, .slide .details h5{
    font-family: 'caviar_dreamsregular'!important;
    font-size: 3em;
    font-weight: 200!important;
    color: var(--clair);
}

#slide3{
    width: 100%;
    background-image: url(https://hoteldangleterre.colysee.net/wp-content/uploads/2014/04/lien-chambres.jpg);
    background-size: cover!important;
    height: 500px!important;
}

#slide1 .details { background-color: var(--grey-opacity);}

.text-accueil{
    font-size: 1.5em!important;
    font-family: 'caviar_dreamsregular'!important;
    color: var(--clair);
}

.meilleur-tarif {
    position: relative;
    width: 100%;
    color: rgba(0, 0, 0, 0.63);
    font-weight: bold;
    font-size: 1em!important;
    font-family: 'caviar_dreamsregular'!important;
    z-index: 50;
    text-align: left;
    margin-left: 360px;
    height: 40px;
}

.box-img{
    display: flex;
    position: absolute;
    bottom: 55px;
    right: 26px;
    width: auto;
}

.box-img img { margin-left: 20px; }


#slide2 { height: auto!important; }

.accueil-img { margin-right: 50px;}

.intro-text { padding: 3vw;}

.savoir {
    font-size: 1.3em!important;
    line-height: 1.4em;
    text-align: center!important;
    color: rgb(116, 116, 116);
    margin: 35px 0;
    padding: 3vw;
}

.content-box { display: flex; }

.text-box{ padding: 0 50px!important; text-align: justify }

.content-box .blue-button{ vertical-align: baseline;}

.avignon{
    font-size: 1.3em!important; 
    line-height: 1.4em;
    text-align: right!important;
    color: var(--blue);
    margin-bottom: 24px;
}

.home .slideshow .details .box { padding-bottom: 150px; }

#slide2 .inside .text {
    max-width: 900px;
    width: 100%;
}

#slide2 .details p{
    color: var(--grey)!important;
    font-weight: 400;
}

.homeSection img, .post p img, .page p img, .project p img, .postThumb, div.wp-caption img { height: unset!important;}

.home .slideshow a.button{
    font-size: 0.8em;
    text-transform: uppercase;
}

.button, a.button, #footer a.button, #searchsubmit, input[type="submit"]{
    background-color: var(--blue) !important;
    color: white;
    border-bottom: unset!important;
    font-family: 'caviar_dreamsregular'!important;
    font-size: 15px;
    padding : 6px 10px;
    /*position: absolute;
    bottom: -40px;*/
    left: 40%;
    right: 40%;
}

.white-button{
    background-color: white!important;
    color: var(--blue)!important;
    font-family: 'caviar_dreamsregular'!important;
    font-size: 0.9em;
    padding : 6px 10px;
    text-transform: uppercase;
    font-style: normal!important;
    border: 1px solid var(--blue);
    font-weight: 700;
    letter-spacing: 2px;
}

.white-button:hover{
    background-color: var(--blue)!important;
    border: 1px solid var(--blue)!important;
    color: white!important;
    transition: 1s;
}

.blue-button{
    background-color: var(--blue)!important;
    color: white;
    font-family: 'caviar_dreamsregular'!important;
    font-size: 0.9em;
    padding : 6px 10px;
    text-transform: uppercase;
    font-style: normal!important;
    border: 1px solid var(--blue);
    font-weight: 700;
    letter-spacing: 2px;
}

.part{
    display: flex;
    position: absolute;
    right: 2vw;
    bottom: 2vw;
}

div.wpforms-container-full .wpforms-form button[type=submit]{
    background-color: var(--blue)!important;
    color: white;
    font-family: 'caviar_dreamsregular'!important;
    font-size: 0.7em;
    padding : 6px 10px;
    text-transform: uppercase;
    font-style: normal!important;
    border: 1px solid var(--blue);
    font-weight: 700;
}

div.wpforms-container-full .wpforms-form button[type=submit]:hover,
a.blue-button:hover{
    background-color: rgba(0, 0, 0, 0.692)!important;
    border: 1px solid var(--grey-opacity)!important;
    color: white;
    transition: 1s;
}

#content img.alignleft, #content img.alignright, #content img.aligncenter{ margin-bottom: unset!important;}

#content .alignleft, #content img.alignleft {
    margin-right: unset!important;
    margin-top: unset!important;
}

.slide h1{
    font-size: 3em!important;
    color: white!important;
}

.titre-services{ margin-top: 230px!important;}

.service-button {
    position: absolute;
    left: 40%;
    bottom: 30px;
}

.lien{
    position: relative;
    margin: auto!important;
}

.lien a { margin: 0 auto; }

.lien img {
    width: 100vw;
    height: 350px;
    object-fit: cover;
}

#footer {
    color: white!important;
    background: var(--blue)!important;
    position: relative;
    z-index: 1;
    padding: 5px 0;
    margin: 0 0 0 300px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#footer p{
    font-family: 'caviar_dreamsregular'!important;
    font-weight: 700;
    margin: -7px;
    letter-spacing: 2px;
    text-align: center!important;
}

#footer .secondary .inside { padding: 13px 0 0; }

#footer .secondary .left, .left{ float: unset; }

#footer .secondary p { font-size: .7em; }

#footer .main{
    padding: 20px 0 0 0!important;
    margin: unset!important;
}

#footer a {
    color: white!important;
    font-weight: 700!important;
}

#footer a:hover { color: var(--blue-opacity)!important; }

#footer .menu {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: center;
    width: 30vw!important;
    font-family: 'caviar_dreamsregular'!important;
}

#footer .widgetBox, .footerBox{ float: unset!important; }

.footerBox {
    float: left;
    position: relative;
    width: 100%;
    margin: auto;
}

#media_image-9 img{ margin: auto!important; }

#footer .menu li { margin-right: 10px; }

#footer .menu a { font-size: 0.8em!important; }

#footer .menu a::after {
    content: " - ";
    margin-right: 5px;
}

#sidebar .widget_nav_menu li, #footer .widget_nav_menu li, #sidebar .widget_pages li, #footer .widget_pages li, #sidebar .widget_categories li, #footer .widget_categories li{
    margin: 0 0 0 0!important;
}

/*-----page chambres ---------*/

.page-id-63 #content.full {
    margin: 0 auto 0;
    padding: 0 0 40px 0 !important;
    z-index: 300 !important;
    max-width: 960px;
    background: #fff !important;
    min-height: 350px !important;
    }

#projects{ margin: 100px 0!important; }

.n2-section-smartslider { margin-top: 20px; }

#content .project.small .title{
    font-family: 'caviar_dreamsregular'!important;
    font-weight: 400!important;
}    

#content .project.small a{
    padding: 0px;
    border: 3px solid white;
    color: unset!important;
}

#content .project.small .inside { background: rgba(0, 0, 0, 0.7)!important; }

.allBtn {  display: none!important; }

.page-template-page-portfolio-php #pageHead{ border-bottom: 1px solid #d3d3d3!important; } 

.post-63 h3{
    text-align: center!important;
    margin-bottom: 20px;
}

.post-63 h2{ font-family: 'raleway_extralightregular'; }

.post-63 p{
    line-height: 1.7em!important;
    padding-top: 5px;
    text-align: left!important;
}

#commentForm{ display: none!important; }

.bed-button{
    margin: 25px 0;
    position: relative;
}

.page-id-973 .inside,
.page-id-979 .inside,
.page-id-982 .inside,
.page-id-984 .inside{
    margin-top: 100px;
}

.page-id-973 p,
.page-id-979 p,
.page-id-982 .p,
.page-id-984 p{
    font-family: 'ralewayregular';
}

/*-----page tarifs -----------*/

#tablepress-2{ display:none}

.tablepress tfoot th, .tablepress thead th {
    background-color: var(--blue)!important;
    font-family: 'caviar_dreamsregular'!important;
    vertical-align: middle;
    color: white!important;
    font-weight: 400!important;
    padding-left: 10px;
    padding: 18px 0 18px 20px!important;
}

.tablepress tfoot th {
    font-style: italic;
    font-size: 0.8em;
}

.tablepress tbody td {
    font-family: 'raleway_extralightregular'!important;
    line-height: 1.1em!important;
    color: var(--grey);
    margin-bottom: 30px;
    padding: 18px 0 18px 20px!important;
}

.post-324 p{ text-align: center; }

.paiement {
    width: 30%;
    margin-bottom: 50px!important;
}

.wp-block-image {
    max-width: 100%;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
}



/*----------------------page services-------------------*/

.wp-block-media-text .wp-block-media-text__content{ padding: 0 30px!important; }

.wp-block-media-text{ margin-left: 9vw!important; }

.wp-block-media-text>figure>img, .wp-block-media-text>figure>video { width: 80px; }

.wp-block-media-text .wp-block-media-text__media { justify-self: end; }

.wp-block-image img {
    max-width: 100%;
    margin: 30px auto!important;
}

.wp-block-media-text>figure>img{ margin: auto; }


.post-135 h2, .post-324 h2 {
    font-family: 'caviar_dreamsregular'!important;
    text-align: center;
    color: rgb(41, 41, 41);
    font-size: 1.8em;
}

.wp-block-media-text{
    margin: 0 auto 20px auto!important;
    align-items: unset!important;
}

.wp-block-media-text .wp-block-media-text__media { justify-self: start; }

.is-stacked-on-mobile{ grid-template-columns: 8% auto!important; }

.vp-id-1034 .vp-portfolio__item-overlay{ font-family: 'ralewayregular'; }

/*près de chez nous*/ 

.vp-pagination__style-default,
.vp-filter__style-default  {
    display: none!important;
}

.vp-portfolio__items-style-fade .vp-portfolio__item-meta-title{ font-family: 'caviar_dreamsregular'!important; }

.post-384 p{
    font-family: 'caviar_dreamsregular'!important;
    text-transform: uppercase;
    font-size: 1.4em;   
    margin: 40px 0 0 0!important; 
    color: var(--blue);
}

/*-------page actualités------------*/
.post h2 a, .post-55 h2 { font-family: 'caviar_dreamsregular'!important; }

.post p, .post-55  blockquote, address, .post-55  p { font-family: 'ralewayregular'; }

.post .meta, .attachment .meta{ display: none; }

#content .postThumb {
    margin: auto!important;
}

/*-------page contact------------*/

#googleMap iframe { margin-top: 70px!important; }

div.wpforms-container-full .wpforms-form .wpforms-field-label, .post-id-1076{
    font-weight: normal;
    font-family: 'ralewayregular';
}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, 
div.wpforms-container-full .wpforms-form select.wpforms-field-medium, 
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium{
    max-width: unset!important;
}

.wp-block-image img { margin: unset!important; }

#footer .left p, #footer .textwidget p { color: white!important; }


@media only screen and (max-width: 2340px){
    .container {
        width: 400px;
        margin: 0 10px;
    }
}

@media only screen and (max-width: 2100px){
    .container { width: 350px; }
}

@media only screen and (max-width: 1890px){
    .container {
        width: 330px;
        margin: 0 10px;
    }
}

@media only screen and (max-width: 1805px){
    .container {
        width: 450px;
        margin: 0 25px;
    }
}

@media only screen and (max-width: 1450px){
    .page-id-63 #pageHeadImage .inside {
        background-position-y: -50px;
        background-position-x: -200px;
    }

    .page-id-324  #pageHeadImage .inside {
        background-position-y: -148px;
        background-position-x: -68px;
    }

    .blog  #pageHeadImage .inside {
        background-position-y: -90px;
        background-position-x: -200px;
    }
}

@media only screen and (max-width: 1387px){
    .container {
        width: 400px;
        margin: 0 15px;
    }

    #footer{ padding: 70px 0 0 0; }
}

@media only screen and (max-width: 1290px){
    #slide1 .qlt-tourisme { width: 7%; }

    .home .slideshow .details .text {
        margin: 0 auto;
        padding: 0 0px;
    }
    
    .slide .details h1, 
    .slide .details h2, 
    .slide .details h3, 
    .slide .details h4, 
    .slide .details h5 {
        font-size: 2.5em;
    }

    .text-accueil { font-size: 1.1em!important; }

    .number-tel a { font-size: 0.9em!important; }

    .tarif {
        left: 32px;
        font-size: 0.9em;
    }

    body.home .details p{ font-size: 1em; }

    .savoirfaire{ font-size: 1.1em; }

    .ContenuDetailChambre {
        width: 58%;
        position: absolute;
        top: 8px!important;
        left: 347px!important;
        right: 0;
        padding: 0 1vw;
    }

    .OsProduit.api .TableHotel .TableHotel-Tr .TDPrix{ width: auto!important; }

    .container {
        width: 350px;
        margin: 0 10px;
    }

    .number-tel a {
        padding: 5px 10px;
        font-size: 1em!important;
        margin-right: 100px;
        font-size: 0.9em!important
    }

    .OsMoteur.OptMoteurEnLigne{ margin-left: 305px; }

    .OsMoteur.OptMoteurEnLigne .OsMoteurCriterisation .OsMoteurCritBloc.OsMoteurCritere_date .OsMoteurCritereContenu input,
    body .OsMoteur.OptMoteurEnLigne .OsWrapSelect {
        width: 90px!important;
    }

    .OsMoteur.OptMoteurEnLigne .OsMoteurCriterisation .OsMoteurCritBloc { width: 110px!important; }

    .OsMoteur.OptMoteurEnLigne .OsMoteurCriterisation .OsMoteurCritBloc.OsMoteurCritere_nbpers { width: 220px!important; }

    .footerBox {
        margin: unset!important; 
        margin-left: 50px!important;
    }

    #footer .menu li { margin-right: 5px!important; }

    #sidebar .widget_nav_menu li, 
    #footer .widget_nav_menu li, 
    #sidebar .widget_pages li, 
    #footer .widget_pages li, 
    #sidebar .widget_categories li, 
    #footer .widget_categories li{
        margin: unset!important;
    }
}

@media only screen and (max-width: 1120px){
    .container {
        width: 350px;
        margin: 0 10px;
    }
}    


@media only screen and (max-width: 1024px){

    #middle{ margin: 0 0 0 0px!important; }

    #nav_menu-7{ display: none}

    #footer {
        padding: 0px 0 0 0!important;
    }

    .slider,
    .content-box {
        width: 90VW;
        margin: 0 auto;
    }
    
    .slide .details .box { padding-top: 0px !important; }

    #header .inside{
    padding: unset;
    margin-top: unset;
    }

    #pageHeadImage .inside {
    background-position-y: 50px!important;
    background-position-x: 0px!important;
    }

    #header {
        float: none;
        position: fixed!important;
        height: 150px;
        margin: 0 auto 0;
        width: 100%!important;
        padding: 0 0 0;
    }

    .menuToggle { margin-right: 6px; }

    #pageHead h1{ font-size: 2em; }

    #googleMap iframe {
        margin-top: 150px!important;
        height: 200px;
    }

    .page-id-973 .inside,
    .page-id-979 .inside,
    .page-id-982 .inside,
    .page-id-984 .inside{
    margin-top: 200px;
}

    .type-ch{ font-size: 0.9em; }

    #header #logo img {
        width: 50% !important;
        height: auto;
        float: none;
        display: inline-block;
        margin-left: 14px;
    }

    .OsMoteur .OsMoteurCriterisation .OsMoteurCritBloc.OsMoteurCritere_nbpers .OsMoteurCritereTitre, 
    .OsMoteur .OsMoteurCriterisation .OsMoteurCritere_date .OsMoteurCritereTitre, 
    .OsMoteur .OsMoteurCriterisation .OsMoteurCritere_nbadulte .OsMoteurCritereTitre, 
    .OsMoteur .OsMoteurCriterisation .OsMoteurCritBloc .OsMoteurCritereTitre {
        font-size: 1em!important;
        padding-left: 3px;
    }

    #gtranslate_wrapper {
        top: 135px!important;
        right: 29px!important;
        left: unset!important;
    }

    .number-tel a { margin-right: 22px; }

    .form-resa{ top: 150px!important; }

    .OsMoteur.OptMoteurEnLigne{ margin-left: 50px!important; }

    .ContenuDetailChambre {
        width: 100%!important;
        position: absolute;
        top: 8px!important;
        left: 0!important;
        right: 0;
        padding: 0 1vw;
    }

    .content { width: 400px!important; }

    .wp-block-media-text{ width:100%; }

    .wp-block-media-text>figure>img, .wp-block-media-text>figure>video { width: 65px; }

    #footer{
        padding-left: 0px;
        margin: 0 0 0 0px!important; 
    }

    #text-3{ width: 30%; }

    #pageHeadImage .inside, #pageHeadImage {
        height: 400px;
        background-position-y: 170px;
    }

    #nav_menu-5{ width: 40%!important; }

    .OsMoteur .OsMoteurCriterisation .OsMoteurCritBloc.OsMoteurCritere_nbpers .OsMoteurCritereTitre,
    .OsMoteur .OsMoteurCriterisation .OsMoteurCritere_date .OsMoteurCritereTitre, 
    .OsMoteur .OsMoteurCriterisation .OsMoteurCritere_nbadulte .OsMoteurCritereTitre,
    .OsMoteur .OsMoteurCriterisation .OsMoteurCritBloc .OsMoteurCritereTitre {
        font-size: 0.8em!important;
    }

    /*------Mentions légales*/
    .post-id-1076 {
        font-family: 'ralewayregular'!important;
        font-size: 0.9em!important;
        line-height: 1.1em!important;
    } 
    }

    @media only screen and (max-width: 850px){

        .content-box{ flex-wrap: wrap; }

        #pageHeadImage .inside, .page-id-324  #pageHeadImage .inside {
        background-position-y: 88px!important;
        background-position-x: 0px!important;
        background-size: contain;
        }

        .blog  #pageHeadImage .inside { background-size: cover!important}
        
        .content-box img{
            margin: 0 auto;
            Width: 175px;
            height: 175px!important;
        }

        .text-box { text-align: justify; }

        #slide2 .details p {  text-align: center; }

        #content .alignleft, #content img.alignleft {
            margin-right: auto!important;
            margin-top: unset!important;
        }
    }

    @media only screen and (max-width: 800px){
     
        #header .inside {
            padding: 0px 0px;
            margin-top: 0px;
        }

        .page-id-324  #pageHeadImage .inside {
            background-position-y: 40px!important;
            }

        div.wpforms-container-full .wpforms-form .wpforms-field-label {
        font-size: 12px;
        }

        #cookie-law-info-bar a {
            font-size: 10px;
        }
        .form-resa, .post-35 p{ display:block;}

        #pageHead{ padding: unset!important }

        .OsProduit.api .OsMoteur.OptMoteurEnLigne .OsMoteurBoutonRecherche,
        .OsMoteur.OptMoteurEnLigne .OsMoteurBoutonRecherche {
            width: 421px;
            padding-left: 0!important;
            padding-top: 0!important;
        }

        #gtranslate_wrapper {
            top: 105px!important;
            right: 24px!important;
        }

        .menuToggle{ right: 19px; }

        .number-tel {
            top: 37px;
            right: -12px;
			display:none !important;
        }

        .OsMoteur{ margin-bottom: 0!important;  }

        .OsMoteur.OptMoteurEnLigne {  margin-left: 18px!important; }

        .ContenuDetailChambre{ top: 0!important; }

        .slide h1, 
        #slide2 .titre-avignon{
            font-size: 2.2em!important;
        }

        .home #slideshowNav,
        #nav_menu-5,
        #footer .secondary {
            display: none;
        }

        #slide1 .qlt-tourisme {  width: 10%; }

        body.home .details p{  font-size: 1em!important;  }

        .photo-text-1 img, .photo-text-2 img {
            width: 320px;
            height: 200px;
        }

        #slide2 .titre-avignon {  margin: 0px 0 30px 0; }

        #slide3 { height: 300px!important;  }   

        .accueil-text { margin-left: 0!important;  }

        #footer {
            padding-left: 0px;
            text-align: center;
        }

        .footerBox { margin: unset!important; }

        #footer .textwidget {
            width: 100vw!important;
            font-size: 0.8em!important;
        }
    }

    @media only screen and (max-width: 640px){
        #gtranslate_wrapper {
            top: 104px!important;

        }
    }

    @media only screen and (max-width: 600px){

        .OsMoteur.OptMoteurEnLigne .OsMoteurCriterisation .OsMoteurCritBloc, 
        .OsMoteur .OsMoteurCriterisation .OsMoteurCritBloc .OsMoteurCritereContenu {
            width: auto!important;
            margin-right: 10px;
        }

        .post-55 .wp-block-image { display:none!important;}

        #cookie-law-info-bar a {
            font-size: 11px;
            line-height: 0px;
        }

        #pageHead{ margin-top: -50px; }


        p, .text-box { font-size: 0.8em;}

        h1, #slide3 h1, #slide2 h1, #slide1 h1  { font-size: 1.7em!important;  }

        #slide2 .titre-avignon, #slide2 h1 {
            margin: 30px 0;
        }

        .wp-image-1363{
            width: 45px;
            height: 45px;
        }

        .wp-image-1364
        {
            width: 40px;
            height: 40px;
        }

        #slide1{
            height: 480px!important;
        }

        #slide3 {
            height: 200px!important;
        }

        .blue-button {
            font-size: 0.8em;;
        }

        .home .slideshow a.button {
            font-size: 0.6em;
            text-transform: uppercase;
            letter-spacing: 2px;
            border-radius: 0px!important;
        }

        .form-resa, .post-35 p{ display:block}
        
        .tel-resp { 
            display: block; 
            position: fixed;
            left: 23px;
            top: 114px;
        }

        .reservez { 
            display: block;
            text-align: center;
            margin-bottom: 8px;
            background-color: #fff;
            color: var(--blue);
            width: 80px;
            margin: 0 auto;
            font-family: 'caviar_dreamsregular'!important;
            text-transform: uppercase;
            padding: 1px;
            position: fixed;
            top: 116px;
            left: 45%;
        }

        .tel-resp a { color: white!important; font-weight: 700;}

        .savoir {font-size: 0.9em!important; margin: 15px 0;}

        .slide h1, 
        #slide2 .titre-avignon{
            font-size: 1.6em!important;
        }

        .home .slideshow .details .box {
            padding-bottom: 20px;
        }

        .box-img {
            bottom: 10px;
            right: 13px;
        }

        #tablepress-2{ display: block!important;}
        #tablepress-1{ display:none}

        .OsProduit.api.MODE_AUTO_PETIT .OsMoteur .OsMoteurBoutonRecherche{
            width: auto!important;
            padding: 0 10px!important;
            margin-bottom: 5px;
        }

        #gtranslate_wrapper {
            top: 112px!important;
            right: 16px!important;
        }

        .wp-block-media-text .wp-block-media-text__media{ justify-self: center; }

        .OsMoteur .OsMoteurCriterisation{
            background-color: unset!important;
            margin-bottom: 0!important;
        }

        .page-id-973 .inside,
        .page-id-979 .inside,
        .page-id-982 .inside,
        .page-id-984 .inside{
            margin-top: 250px;
        }
        
        #footer {
            padding: 0px 0 0 0!important; 
        }
    }

    @media only screen and (max-width: 420px){

        #gtranslate_wrapper {
            top: 110px!important;
            right: 11px!important;
        }

        #pageHead{ margin-top: -80px; }

        .menuToggle {
            right: 19px;
            top: 59px;
        }

        #pageHeadImage .inside {
            background-position-y: 135px!important;
        }
    }

.info-city-pass{
	width:40%;
	float: right;
	position:relative;
	bottom: 310px;
	right: 50px;
}

.info-city-pass strong{
	font-size: 18px!important;
}

.red-block, .yellow-block{
	width: 40%;
	margin-bottom: 20px;
	padding: 20px;
}

.yellow-block p{
	color: #000!important;
	margin:0;
}
.red-block p{
	color: #fff!important;
	margin:0;
}

.red-block{
	background-color: #e4003a;
}

.yellow-block{
	background-color: #fcb000;
}
input[type="tel"], input[type="date"], input[type="email"], textarea, input[type="text"]  {
  background-color: #fafafa;
  padding: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #6a6a6a;
  border: 1px solid rgba(0,0,0,.05);
    border-bottom-color: rgba(0, 0, 0, 0.05);
    border-bottom-style: solid;
    border-bottom-width: 1px;
  border-bottom: 2px solid rgba(0,0,0,.1);
  background: #f7f7f7;
  font-size: .9em;
  -webkit-appearance: none;
	width:100%;
}

@media only screen and (max-width: 1024px){
	.info-city-pass{
		width: 100%;
		float: none;
		position: relative;
		bottom:0;
		right:0;
	}
	
	.red-block, .yellow-block{
		width:calc(100% - 40px);
	}
	
}