* { box-sizing:border-box; }
html { margin:0; padding:0; }
.clear { clear:both; }
.blochref, .blochrefpopin { cursor:pointer; }

body { font-family:Montserrat, sans-serif; background-color:rgba(0,0,0,1); color:#d6d6d6; font-size:1.8rem; font-weight:400; text-align:left; overflow-y:scroll; }

/* Liens par défaut */
a, a:link, a:active, a:visited, a:focus { color:inherit; text-decoration:inherit; outline-color:transparent; }
a:hover { color:inherit; text-decoration:underline; }

p { font-size:inherit; margin-bottom:1em; }
p:last-of-type { margin-bottom:0; }

h1,h2,h3,h4,h5,h6 { padding:0; margin:0; }

p { position:relative; display:block; font-size:inherit; font-weight:inherit; padding:0; margin-bottom:1em; line-height:1.6em; }
p:last-of-type { margin-bottom:0; }
ol, ul { position:relative; display:block; font-size:inherit; font-weight:inherit; padding:0; margin-bottom:1em; line-height:1.6em; }
li { position:relative; display:list-item; font-size:inherit; font-weight:inherit; padding:0; margin:0 0 0 1em; line-height:1.6em; }
strong { font-weight:400; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*    Mise en forme spécifique des formulaires   */
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

input, textarea, select { font-size:inherit; display:inline-block; background-color:#ededed; color:#161616; line-height:1.6em; height:2em; vertical-align:middle; padding:0.4em 0.3em 0 0.3em; margin:0; width:100%; border:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; }
textarea { height:6em; }
select { background-image:url(https://www.gites-cauterets.com/_chartes_/cauterets/ressources/images/dropdown.png) !important; background-position: right center !important; background-repeat: no-repeat !important; padding-right:30px !important; }
select::-ms-expand { display: none; }
select option { color:#161616; }
select.placeholder { color:rgba(54,54,54,0.55) !important; }

/* Mise en forme des boutons radio et des checkboxes */
input[type="radio"] + span:before, input[type="checkbox"] + span:before, input[type="radio"] + span:after, input[type="checkbox"] + span:after {
	content:'' !important; position:absolute !important;
	left:0.1em !important; top:0.1em !important; /* on décale la case de 10% de sa taille pour bien la centrer en hauteur */
	width:1em !important; height:1em !important; /* on définit la taille de référence de la case à la même taille que la font du span */
	transform-origin: 50% 50% !important; /* pour être certain du point d'origine du scale pour la case et la coche */
	transition:all .2s !important; /* on prévoit une animation */
}
input[type="radio"], input[type="checkbox"] { position:absolute !important; left:0 !important; top:1em !important; opacity:0 !important; transform: scale(0) !important; height:1em !important; width:1em !important; } /* On masque le champ input (opacité 0) */
input[type="radio"] + span, input[type="checkbox"] + span { position:relative !important; cursor:pointer !important; padding-top:0 !important; padding-bottom:0 !important; padding-left:1.6em !important; } /* on prépare le label (balise span située à côté du champ input) */
input[type="radio"] + span:before, input[type="checkbox"] + span:before { border:1px solid #ededed !important; background-color:transparent !important; } /* Aspect général de la case */
input[type="radio"] + span:after, input[type="checkbox"] + span:after { background-color:#ededed !important; } /* Aspect général de la coche */
input[type="checkbox"] + span:before, input[type="checkbox"] + span:after { border-radius: 5% !important; } /* angles arrondis */
input[type="radio"] + span:before, input[type="radio"] + span:after { border-radius: 50% !important; } /* cases circulaires */
input[type="radio"] + span:before, input[type="checkbox"] + span:before { transform: scale(1.2) !important; } /* élargissement à 120% */
input[type="radio"]:not(:checked) + span:after, input[type="checkbox"]:not(:checked) + span:after { opacity: 0 !important; transform: scale(0) !important; } /* Aspect si "pas cochée" */
input[type="radio"]:checked + span:after, input[type="checkbox"]:checked + span:after { opacity: 1 !important; transform: scale(0.6) !important; } /* Aspect si "cochée" */

input[type=number] { -moz-appearance: textfield; appearance: textfield; margin: 0; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.linefeed { padding-top:1rem; }

label { font-weight:200; position:relative; }

button, a.button { display:inline-block; font-size:1.5rem; text-transform:uppercase; text-align:center; background-color:#161616; border:1px solid #161616; color:rgba(255,255,255,1); margin:0; padding:0.5rem 1.5rem; width:auto; }
button:hover, a.button:hover { color:#161616; background-color:rgba(255,255,255,1); text-decoration:none; }

button.btn-primary, button.btn-primary:focus, button.btn-primary:hover { background-color:#161616; border-color:#161616; color:rgba(255,255,255,1); }
button.btn { margin-top:1em; }

.asterisque { display:block !important; float:none !important; font-size:0.8rem !important; font-weight:100 !important; clear:both !important; text-transform:none !important; }

.reponse { text-transform:uppercase; text-align:center; margin:0 2rem; }
.reponse.succes { font-size:1.4rem; color:inherit; padding:3rem 0; }
.reponse.erreur { font-size:1rem; color:#ab2727; padding:0.5rem 0 2.5rem 0; }
.reponse li { font-size:0.8rem; text-transform:none; text-align:center; margin:1em 0 0 0; }

/* HEADER */
header { position:fixed; z-index:3; left:0; top:0; right:0; height:auto; transition:height 300ms linear 0ms; }
#logo { position:absolute; z-index:32; display:inline-block; width:10rem; height:10rem; top:0.2rem; left:50%; transform: translateX(-50%); }
#logo a { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(29,29,27,1); border-radius:50%; box-shadow: 0 0 1rem 0.3rem #fff; }
#logo svg { position:absolute; left:0; top:0; width:100%; height:100%; }

header > nav { position:relative; z-index:31; background-color:rgba(38,38,38,1); left:0; top:0; width:100%; height:5rem; transition:height 300ms linear 0ms, background-color 300ms linear 0ms; overflow:hidden; }

header.show { height:100%; }
header.show > nav { height:100%; background-color:transparent; }

/*------------------------------ MENU --------------------------*/

a#menu-show { display:block; opacity:1; z-index:3333; position:fixed; top:0; left:0; width:5rem; height:5rem; padding:1rem 1.4rem; font-weight:200; font-size:2rem; }
a#menu-show img, a#menu-show svg { position:absolute; display:block; margin:0; padding:0; width:30%; height:30%; left:50%; top:50%; transform: translate(-50%, -50%); }
a#menu-show path { fill:rgba(255,255,255,1); transition:fill 300ms linear; }
a#menu-show:hover { text-decoration:none; }
a#menu-show:hover path { fill:rgba(188,150,82,1); transition:fill 500ms linear; }
a#menu-show.hide { display:none; opacity:0; }
a#menu-show > label { position:absolute; left:85%; top:50%; transform:translateY(-50%); font-size:0.8rem; color:rgba(255,255,255,1); font-weight:200; text-transform:uppercase; }

a#menu-hide { display:none; opacity:1; z-index:3334; position:fixed; top:0; left:0; width:5rem; height:5rem; padding:1rem 1.4rem; font-weight:200; font-size:2rem; }
a#menu-hide img, a#menu-hide svg { position:absolute; display:block; margin:0; padding:0; width:25%; height:25%; left:50%; top:50%; transform: translate(-50%, -50%); }
a#menu-hide path { fill:rgba(255,255,255,1); transition:fill 300ms linear; }
a#menu-hide:hover { text-decoration:none; }
a#menu-hide:hover path { fill:rgba(188,150,82,1); transition:fill 500ms linear; }
a#menu-hide.show { display:block; opacity:1; }


#menu-container { z-index:2222; overflow:hidden; position:fixed; margin:0; padding:0; top:-100%; left:0; height:100%; width:100%; transition:top 500ms linear 100ms; background-color:rgba(38,38,38,0.97); }
#menu-container.show { left:0; top:0; transition:top 500ms linear 0ms; }
#menu-container li { opacity:0; transition:opacity 300ms linear 0ms; }
#menu-container.show li { opacity:1; transition:opacity 300ms linear 300ms; }

#menu-navigation { margin-top:15rem; }

#menu { margin:0; padding:0; }
#menu li { margin:0; padding:0.5rem 0; list-style-type:none; text-align:center; line-height:2em; }
#menu li a { text-transform:uppercase; font-size:2rem; text-decoration:none; color:rgba(255,255,255,1); font-weight:200; transition:color 300ms linear; }
#menu li a.current, #menu li a:hover, #menu li a:active, #menu li a:focus  { text-decoration:none; color:rgba(188,150,82,1); }

a#menu-resa { position:absolute; right:11rem; top:2.3rem; text-transform:uppercase; font-weight:400; color:rgba(255,255,255,1); font-size:0.8rem; padding:0.3rem 0; margin:0; transition:color 300ms linear; }
a#menu-resa:hover, a#menu-resa:active, a#menu-resa:focus  { text-decoration:none; color:rgba(188,150,82,1); }

ul#langues { position:absolute; top:2.3rem; right:3.5rem; display:inline-block; border:1px solid rgba(255,255,255,0.5); margin:0; padding:0.3rem 0; width:auto; height:auto; font-size:0; }
ul#langues li { text-transform:uppercase; display:inline-block; padding:0 0.5rem; border-left: 1px solid rgba(255,255,255,0.5); line-height:initial; }
ul#langues li:first-of-type { border-left: 0; }
ul#langues li a { text-transform:uppercase; font-size:0.8rem; text-decoration:none; color:rgba(255,255,255,1); font-weight:400; transition:color 300ms linear; }
ul#langues li a.current, ul#langues li a:hover, ul#langues li a:active, ul#langues li a:focus  { text-decoration:none; color:rgba(188,150,82,1); }


/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* ALERTE */

aside#alerte { z-index:33; cursor:pointer; position:fixed; left:0; top:0; width:100%; height:auto; background-color:rgba(241,214,0,1); color:rgba(38,38,38,1); text-align:center; overflow:hidden; }
aside#alerte > div:first-of-type { position:relative; left:0; top:0; width:100%; height:2rem; }

aside#alerte > div span.titre, aside#alerte > div span.baseline  { position:relative; display:inline-block; vertical-align:top; top:50%; transform:translateY(-50%); text-align:center; font-size:1rem; padding:0; line-height:1em; }
aside#alerte > div span.titre { font-weight:600; }

aside#alerte > div.detail { position:relative; width:100%; height:0;  overflow:hidden; transition:height 300ms linear 0ms; }
aside#alerte > div.detail p { position:relative; text-align:center; font-size:1rem; padding:0 20rem 1em 20rem; line-height:1.6em; }
aside#alerte > div.detail p:first-of-type { padding-top:3em; }
aside#alerte > div.detail p:last-of-type { padding-bottom:3em; }

aside#alerte strong { font-weight:600; }
aside#alerte a { font-weight:600; }

aside#alerte > span#showhidealerte { display:inline-block; position:absolute; right:1rem; top:0.5rem; width:1rem; height:1rem; }
aside#alerte > span#showhidealerte svg { position:absolute; display:block; margin:0; padding:0; width:100%; height:100%; left:0; top:0; transform:rotate(45deg); transition:transform 200ms linear 0ms; }
aside#alerte > span#showhidealerte path { fill:rgba(38,38,38,1); }
aside#alerte.show > span#showhidealerte svg { transform:rotate(90deg); }

aside#alerte.show > div.detail { height:100vh; }

header.alerte nav { height:7rem; }
header.alerte #logo { top:2.2rem; }
header.alerte a#menu-show, header.alerte a#menu-hide { top:2rem; }
header.alerte a#menu-resa, header.alerte ul#langues { top:4.3rem; }

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* MAIN */
main { position:relative; z-index:1; margin:0; padding:8rem 0 0 0; font-size:0; background-color:rgba(255,255,255,1); background-image: url('https://www.gites-cauterets.com/_chartes_/cauterets/ressources/images/background.jpg'); background-position: left top; background-repeat:no-repeat; background-size:100%; }

.accueil main { padding-top:0; padding-bottom:2rem; background-image:none; background-color:#191919; }

.popin main { padding:3rem 5rem 2rem 3rem; background-image:none; background-color:transparent !important; font-size:1rem; color:rgba(0,0,0,1); }
.popin.mentionslegales main { background-image:none; background-color:#191919 !important; color:rgba(255,255,255,1); }
.tourisme main { padding-bottom:2rem; background-color:#444444; background-blend-mode:multiply; }
.tourisme.ie main:before, .tourisme.edge main:before { content:''; position:absolute; z-index:1; left:0; top:0; right:0; bottom:0; background-color:#444444; opacity:0.9; }
.contact main { padding-top:5rem; padding-bottom:2rem; background-image:none; background-color:#444444; }
.erreur main { padding-top:5rem; padding-bottom:2rem; background-image:none; background-color:#444444; }

.dashboard main { padding-top:5rem; padding-bottom:2rem; background-image:none; background-color:#444444; padding-left:5rem; padding-right:5rem; }

.authentification main { padding-top:5rem; padding-bottom:2rem; background-image:none; background-color:#444444; padding-left:15rem; padding-right:15rem; font-size:1rem; }

main section { position:relative; z-index:2; }

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* ACCUEIL */

/* Diaporama */
#accueil-diaporama { z-index:5; position:relative; display:block; width:100%; height:100%; padding:0; margin:0; overflow:hidden; }

#accueil-diaporama ul#diaporama-slides { position:absolute; top:0; left:0; display:block; width:100%; height:100%; padding:0; margin:0; }

#accueil-diaporama .slide { z-index:1; position:absolute; top:0; left:0; display:block; width:100%; height:100%; padding:0; margin:0; opacity:0; transition: opacity 1200ms linear 0ms; }
#accueil-diaporama .fadein { z-index:5; opacity:1; transition: opacity 1000ms linear 200ms; }
#accueil-diaporama .slide div.legende { position:absolute; text-align:left; max-width:30%; display:inline-block; left:62%; top:8rem; margin:0; padding:0; color:rgba(255,255,255,1); opacity:0; transition: opacity 200ms linear 0ms; }
#accueil-diaporama .fadein div.legende { opacity:1; transition: opacity 200ms linear 2000ms; }
#accueil-diaporama div.legende h2 { display:block; font-size:2rem; font-weight:600; padding-bottom:1rem; text-shadow:1px 1px 2px  rgba(0,0,0,0.6); }
#accueil-diaporama div.legende span { display:block; font-size:1.2rem; font-weight:200; text-shadow:1px 1px 2px rgba(0,0,0,0.6); }

.media-cover-wrapper { position: relative; overflow: hidden; width:100%; height:100%; }
.media-cover-wrapper img { max-width:none; }
.media-cover-wrapper .media-cover { position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); display:block; margin:0; padding:0; background-color:transparent; }

#accueil-diaporama ul#diaporama-bullets { position:absolute; z-index:10; left:2rem; bottom:1.5rem; font-size:0; margin:0; padding:0; }
#accueil-diaporama ul#diaporama-bullets li { position:relative; display:inline-block; padding:0; margin:0 0.6rem 0 0; width:0.4rem; height:0.4rem; background-color:rgba(255,255,255,1); border-radius:50%; transition:background-color 0.3s ease; }
#accueil-diaporama ul#diaporama-bullets li:hover, #accueil-diaporama ul#diaporama-bullets li.current { cursor:pointer; background-color:rgba(188,150,82,1); }

#accueil-diaporama .mousescroll { position:absolute; z-index:1000; left:50%; transform:translateX(-50%); bottom:0; width:auto; height:30%; width:5%; opacity:1; background-color:transparent; padding:0; margin:0; cursor:pointer; }
#accueil-diaporama .mousescroll path { fill:#fff; }
#accueil-diaporama .mousescroll g > g:nth-child(3), #accueil-diaporama .mousescroll g > g:nth-child(4), #accueil-diaporama .mousescroll g > g:nth-child(5) { opacity:0; display:none; }


#accueil-gites { display:inline-block; width:100%; vertical-align:top; padding:2rem 0 0 0; margin:0; font-weight:200; }
#accueil-gites ul { margin:0; padding:0; font-size:0; }
#accueil-gites li { position:relative; display:inline-block; list-style-type:none; margin:0; padding:0; overflow:hidden; height:auto; }
#accueil-gites li > img { opacity:0; z-index:1; position:absolute; width:100%; left:0; top:0; height:auto; transition:opacity 700ms linear 0ms; }
#accueil-gites li.ete > img:first-of-type { position:relative; opacity:1; z-index:2; transition:opacity 500ms linear 200ms;  }
#accueil-gites li.hiver > img:last-of-type { position:relative; opacity:1; z-index:2; transition:opacity 500ms linear 200ms;  }
#accueil-gites li > div { opacity:0; z-index:10; position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(38,38,38,0.9); transition:opacity 500ms linear 0ms; }
#accueil-gites li:hover > div { opacity:1; }
#accueil-gites li > div > div { position:absolute; width:100%; height:auto; left:0; top:50%; transform:translateY(-50%); text-align:center; }
#accueil-gites a:hover { text-decoration:none; }
#accueil-gites h2 { position:relative; font-size:3rem; width:100%; font-family:'signpainter_housescriptRg',sans-serif; text-align:center; padding:0 2rem 1em 2rem; }
#accueil-gites .soustitre { position:relative; font-size:1rem; display:block; width:100%; line-height:1.6em; text-align:center; padding:0 2rem; text-transform:uppercase; }
#accueil-gites .soustitre2 { position:relative; font-size:0.8rem; display:block; width:100%; line-height:1.6em; text-align:center; padding:0 2rem; text-transform:uppercase; }
#accueil-gites a.voir { font-size:0.8rem; position:relative; display:inline-block; width:20%; text-align:center; padding:0.2rem; margin:3rem auto 0 auto; font-weight:200; text-transform:uppercase; border:1px solid rgba(188,150,82,1); background-color:#191919; color:rgba(188,150,82,1); border-radius:1rem; transition:all 100ms linear; line-height:initial; }
#accueil-gites a.voir:hover { background-color:rgba(188,150,82,1); color:rgba(255,255,255,1); }

#accueil-gites li { width:50%; }

#accueil-gites li.count3 { width:33.33%; }
#accueil-gites li.count3:nth-of-type(2) { width:33.34%; }

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

#accueil-gites .saison { position:relative; height:3rem; width:100%; text-align:center; font-size:0; }
#accueil-gites .saison span.btn { display:inline-block; position:relative; font-size:0.8rem; top:50%; transform:translateY(-50%); vertical-align:top; text-transform:uppercase; }
#accueil-gites .saison span.btn:hover { text-decoration:none; color:rgba(188,150,82,1); }
#accueil-gites .saison span.curseur { display:inline-block; position:relative; font-size:0.4rem; height:1em; top:50%; width:5em; border-radius:1em; transform:translateY(-50%); background-color:rgba(255,255,255,1); padding:0; margin:0 1.5em; vertical-align:top; }
#accueil-gites .saison span.curseur:after { content:' '; display:inline-block; position:absolute; height:70%; top:15%; width:46%; border-radius:1em; background-color:rgba(188,150,82,1); padding:0; margin:0; vertical-align:top; transition:left 200ms linear 0ms; }
#accueil-gites .saison.ete span.curseur:after { left:4%; }
#accueil-gites .saison.hiver span.curseur:after { left:50%; }

#accueil-edito { display:inline-block; width:50%; vertical-align:top; font-size:0.8rem; background-color:rgba(91,73,42,1); color:#d5d5d5; padding:2rem 5rem 2rem 10rem; margin:0; font-weight:200; }
#accueil-edito h2 { font-size:1.4rem; font-weight:400; margin-bottom:1em; }

#accueil-actus { position:relative; display:inline-block; width:50%; vertical-align:top; font-size:0.8rem; background-color:transparent; color:#d5d5d5; padding:2rem 10rem 2rem 8rem; margin:0; }
#accueil-actus h2 { font-size:1.8rem; font-weight:900; margin-bottom:1em; text-transform:uppercase; }
#accueil-actus ul#actus-slides { position:relative; margin:0; padding:0; height:10rem; overflow:hidden; }
#accueil-actus ul#actus-slides li { position:absolute; left:100%; top:0; width:100%; opacity:0; list-style-type:none; margin:0; padding:0 0 0 2rem; border-left:1px solid rgba(188,150,82,1); color:#d5d5d5; font-size:0.8rem; font-weight:200; transition:left 200ms linear 0ms, opacity 200ms linear 0ms; }
#accueil-actus ul#actus-slides li.fadein { opacity:1; left:0; transition:left 200ms linear 250ms, opacity 200ms linear 250ms; }
#accueil-actus ul#actus-slides li h3 { color:rgba(188,150,82,1); padding-bottom:0; font-size:1rem; font-weight:400; }
#accueil-actus ul#actus-slides li div.date { padding-bottom:1em; font-size:0.8rem; font-weight:400; }

#accueil-actus ul#actus-bullets { position:absolute; z-index:10; left:8rem; bottom:1rem; height:auto; font-size:0; margin:0; padding:0; }
#accueil-actus ul#actus-bullets li { position:relative; display:inline-block; padding:0; margin:0 0.6rem 0 0; width:0.4rem; height:0.4rem; background-color:rgba(255,255,255,1); border-radius:50%; transition:background-color 0.3s ease; }
#accueil-actus ul#actus-bullets li:hover, #accueil-actus ul#actus-bullets li.current { cursor:pointer; background-color:rgba(188,150,82,1); }


/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGE INTERNE */

.accordeon > .link { display:inline-block; width:auto; position:relative; cursor:pointer; padding-right:1.6em !important; }
.accordeon > .link span { display:inline-block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:0.6em; height:0.6em; }
.accordeon > .link span svg { position:absolute; display:block; margin:0; padding:0; width:100%; height:100%; left:0; top:0; transform:rotate(45deg); transition:transform 200ms linear 0ms; }
.accordeon > .link span path { fill:rgba(188,150,82,1); }
.accordeon > .link:hover { color:rgba(188,150,82,1); }
.accordeon > div { height:auto; max-height:0; transition:max-height 300ms linear 0ms; overflow:hidden; font-size:0.8rem; font-weight:200; }
.accordeon.fadein > div { max-height:300rem; transition:max-height 1000ms linear 0ms; }
.accordeon.fadein > .link span svg { transform:rotate(90deg); }

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGE GITE */

#page-gite { position:relative; display:block; font-size:0; }
#page-gite > div { position:relative; display:inline-block; vertical-align:top; height:auto; padding:0 5rem; }
#page-gite .photos { width:54%; margin-top:2rem; padding-bottom:1.2rem; }
#page-gite .infos { width:46%; color:rgba(0,0,0,1); }

#page-gite ul#photos-slides { position:relative; margin:0; padding:0; height:0; padding-bottom:67%; }
#page-gite ul#photos-slides li { position:absolute; left:0; top:0; width:100%; opacity:0; list-style-type:none; margin:0; padding:0; transition:opacity 200ms linear 0ms; }
#page-gite ul#photos-slides li.fadein { opacity:1; transition:opacity 200ms linear 0ms; }
#page-gite ul#photos-slides li img { position:relative; width:100%; height:auto; }

#page-gite ul#photos-bullets { position:absolute; display:inline-block; width:auto; bottom:0; right:5rem; z-index:10; height:auto; font-size:0; margin:0; padding:0; }
#page-gite ul#photos-bullets li { position:relative; display:inline-block; padding:0; margin:0 0.6rem 0 0; width:0.4rem; height:0.4rem; background-color:#ccc; border-radius:50%; transition:background-color 0.3s ease; }
#page-gite ul#photos-bullets li:hover, #page-gite ul#photos-bullets li.current { cursor:pointer; background-color:rgba(188,150,82,1); }

#page-gite a#photos-prev, #page-gite a#photos-next { position:absolute; top:50%; transform:translateY(-50%); width:2rem; height:2rem; background-color:rgba(0,0,0,0.5); border-radius:50%; }
#page-gite a#photos-prev { left:1.5rem; transform:scaleX(-1) translateY(-50%); }
#page-gite a#photos-next { right:1.5rem; }
#page-gite a#photos-prev svg, #page-gite a#photos-next svg { position:relative; display:block; margin:0; padding:0; width:50%; height:50%; left:53%; top:50%; transform:translate(-50%, -50%); }
#page-gite a#photos-prev polygon, #page-gite a#photos-next polygon { fill:#fff; stroke:#fff; }
#page-gite a#photos-prev:hover, #page-gite a#photos-next:hover { background-color:rgba(0,0,0,0.8); }


#page-gite ul.logos { position:relative; display:inline-block; padding:0; margin:0 0 2rem 0; width:auto; height:auto; font-size:0; }
#page-gite ul.logos li { position:relative; display:inline-block; padding:0; margin:0; width:auto; height:auto; list-style-type:none; vertical-align:middle; }
#page-gite ul.logos img { position:relative; display:inline-block; padding:0; margin:1rem 1rem 0 0; max-height:6rem; max-width:8rem; }
#page-gite ul.labels { position:relative; display:inline-block; padding:0 2rem 0 0; margin:0; width:auto; height:auto; font-size:0; }
#page-gite ul.labels li { position:relative; display:inline-block; padding:0; margin:0; width:auto; height:auto; list-style-type:none; vertical-align:middle; }
#page-gite ul.labels img { position:relative; display:inline-block; padding:0; margin:0 1rem 0 0; max-height:6rem; max-width:8rem; }
#page-gite ul.paiements { position:relative; display:inline-block; padding:0; margin:0; width:auto; height:auto; font-size:0; }
#page-gite ul.paiements li { position:relative; display:inline-block; padding:0; margin:0; width:auto; height:auto; list-style-type:none; vertical-align:middle; }
#page-gite ul.paiements img { position:relative; display:inline-block; padding:0; margin:0 1rem 0 0; max-height:6rem; max-width:6rem; }

#page-gite h1 { font-family:'signpainter_housescriptRg',sans-serif; font-size:4rem; padding:3rem 0 2rem 0; }
#page-gite h2 { font-size:1.6rem; margin:0 0 1em 0; padding:0; font-weight:200; text-transform:uppercase; }
#page-gite h3 { font-size:1.1rem; margin:2em 0 1em 0; padding:0; font-weight:200; text-transform:uppercase; }
#page-gite h4 { font-size:0.8rem; margin:0 0 1em 0; padding:0; font-weight:300; text-transform:uppercase; }
#page-gite .soustitre2 { font-size:1.3rem; margin:0.5em 0 1em 0; padding:0; font-weight:200; text-transform:uppercase; }
#page-gite .introduction { font-size:0.8rem; font-weight:200; }

#page-gite .equipement h3 { font-size:1.1rem; position:relative; display:inline-block; width:auto; text-align:center; padding:0.4rem 4rem 0.4rem 2rem !important; margin:3rem auto 2rem auto; font-weight:200; text-transform:uppercase; background-color:#ccc; color:#000; border-radius:1.4rem; transition:all 100ms linear; }
#page-gite .equipement > .link span { right:1.5rem; }
#page-gite .equipement.accordeon > .link span path { fill:#000; }
#page-gite .equipement h3:hover {  background-color:#929292; color:#000; }

#page-gite .dispos h3 { font-size:1.1rem; position:relative; display:inline-block; width:auto; text-align:center; padding:0.4rem 2rem !important; margin:3rem auto 2rem auto; font-weight:200; text-transform:uppercase; background-color:#ccc; color:#000; border-radius:1.4rem; transition:all 100ms linear; }
#page-gite .dispos h3:hover { background-color:#929292; color:#000; }

#page-gite .dispos ul { font-size:0; display:inline-block; position:relative; margin:0; padding:0 0 1rem 1rem; }
#page-gite .dispos ul > li { font-size:0.8rem; display:inline-block; position:relative; margin:0; padding:0 2em 0 2em; list-style-type:none; line-height:1em; height:1em; text-transform:uppercase; }
#page-gite .dispos ul > li:before { content:' '; position:absolute; left:0; top:0; width:1em; height:1em; background-color:rgba(0,0,0,1); }
#page-gite .dispos ul > li:last-of-type:before { background-color:rgba(0,0,0,0.1); }

.dispos-calendar { position:relative; height:16rem; background-color:rgba(255,255,255,0.6); }
.dispos-calendar input {display:none !important; }
.dispos-calendar span.close {display:none !important; }
.dispos-calendar .datepicker { display:block !important; background-color:transparent !important; -webkit-box-shadow: unset !important; box-shadow: unset !important; }
.dispos-calendar .datepicker td { cursor:default !important; background-color:transparent !important; font-weight:600 !important; }
.dispos-calendar .datepicker__month-day { color:rgba(0,0,0,1) !important; }
.dispos-calendar .datepicker__month-day--disabled, .dispos-calendar .datepicker__month-day--invalid { color:rgba(0,0,0,0.1) !important; }
.dispos-calendar .datepicker__month-day--today { background-color:transparent; color:rgba(188,150,82,1) !important; }
.dispos-calendar .masque { position:absolute; z-index:9; left:0; top:3rem; right:0; bottom:0; background-color:rgba(255,255,255,0.01); }


/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGE CONTACT */

#page-contact.page { padding:0 5rem; }
#page-contact.gite  { position:relative; bottom:0; padding:0; }
#page-contact.page h1 { font-family:'Montserrat',sans-serif; font-size:1.8rem; font-weight:400; text-transform:uppercase; padding:2rem 0 2rem 0; }
#page-contact.gite h1 { display:inline-block; width:36%; font-family:'Montserrat',sans-serif; font-size:1.4rem; text-align:center; text-transform:uppercase; font-weight:400; margin:2em 5rem 0 0; padding:0.5em !important; right:0; background-color:rgba(188,150,82,1); color:rgba(255,255,255,1); }

#page-contact .formulaires { width:100%; color:rgba(255,255,255,1); text-align:right; padding:0; }
#page-contact .formulaires > div { background-color:#444444; border-top:0; border-top:1px solid rgba(255,255,255,0.4); padding:4rem 5rem 4rem 5rem; text-align:left; border-top:1px solid rgba(255,255,255,0.4); }

#page-contact .accordeon > div { margin-bottom:2rem; border:1px solid transparent; transition:max-height 300ms linear 0ms, border-color 0ms linear 300ms; }
#page-contact .accordeon.fadein > div { padding:0; border:1px solid rgba(255,255,255,0.4); transition:max-height 1000ms linear 0ms, border-color 0ms linear 0ms; }

#page-contact .accordeon > h2.link { font-family:'Montserrat',sans-serif; font-size:1.4rem; text-transform:uppercase; font-weight:400; margin:1em 0 1em 0; right:0; color:rgba(255,255,255,1); }

#page-contact form { position:relative; font-size:0; margin:3rem 0; }
#page-contact label { position:relative; display:inline-block; vertical-align:top; font-size:0.8rem; width:50%; margin:0; padding:0; }
#page-contact label.message { width:100%; }
#page-contact label.nom, #page-contact label.cp, #page-contact label.telephone { padding-right:0.5rem; }
#page-contact label.prenom, #page-contact label.ville, #page-contact label.email { padding-left:0.5rem; }
#page-contact label.consentementrgpd { width:100%; font-size:0.5rem; padding-top:1rem; padding-bottom:0.5rem; }
#page-contact label > span { position:relative; display:inline-block; vertical-align:top; width:100%; text-transform:uppercase; margin:0; padding:0.5em 0 0.3em 1em; line-height:1.5em; font-size:0.8rem; }
#page-contact label.consentementrgpd > span { text-transform:none; }
#page-contact .asterisque { font-size:0.5rem !important; padding-bottom:0.5rem;text-align:right; }
#page-contact button { width:100%; border:0; background-color:rgba(188,150,82,1); color:rgba(255,255,255,1); font-size:1.1rem; font-weight:400; padding:0.2em 1em; }
#page-contact button:hover { background-color:rgba(255,255,255,1); color:rgba(188,150,82,1); }

#page-contact input[type="checkbox"] { padding-top:0 !important; padding-bottom:0 !important; position:relative !important; left:0 !important; top:1.2rem !important; transform:scale(1) !important; }
#page-contact input[type="checkbox"] + span { padding-left:1.75rem !important; font-size:0.8rem; line-height:1.7em; }
#page-contact input[type="checkbox"] + span:before { top:0.1rem !important; left:0 !important; width:1.1rem !important; height:1.1rem !important; border:0 !important; background-color:#fff !important; border-radius:10% !important; }
#page-contact input[type="checkbox"] + span:after { top:0.1rem !important; left:0 !important; width:1.1rem !important; height:1.1rem !important; border:0 !important; border-radius:10% !important; background-color:rgba(188,150,82,1) !important; }
#page-contact input[type="checkbox"]#contact-consentementrgpd + span { font-size:0.5rem; line-height:1.5em;  }
#page-contact input[type="checkbox"]#resa-consentementrgpd + span { font-size:0.5rem; line-height:1.5em;  }

#page-contact input[type="radio"] { padding-top:0 !important; padding-bottom:0 !important; position:relative !important; left:0 !important; top:1.2rem !important; transform:scale(1) !important; }
#page-contact input[type="radio"] + span { padding-left:1.75rem !important; font-size:0.8rem; line-height:1.7em; }
#page-contact input[type="radio"] + span:before { top:0.1rem !important; left:0 !important; width:1.1rem !important; height:1.1rem !important; border:0 !important; background-color:#fff !important; border-radius:10% !important; }
#page-contact input[type="radio"] + span:after { top:0.1rem !important; left:0 !important; width:1.1rem !important; height:1.1rem !important; border:0 !important; border-radius:10% !important; background-color:rgba(188,150,82,1) !important; }


#page-contact .colonne { position:relative; display:inline-block; vertical-align:top; height:100%; margin-top:3rem; }
#page-contact .colonne h3 { position:absolute; top:-3rem; display:inline-block; vertical-align:top; text-transform:uppercase; font-weight:400; color:rgba(188,150,82,1); font-size:1.2rem; }
#page-contact .colonne:before { content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background-color:rgba(255,255,255,0.4); }
#page-contact .colonne:first-of-type:before { width:0; }
#page-contact textarea { position:relative; display:inline-block; vertical-align:top; width:100%; padding-bottom:0.5em; height:6.3em; }
#page-contact input { position:relative; display:inline-block; vertical-align:top; width:100%; padding-bottom:0.5em; }

#form-contact .colonne { width:33.33%; padding:0 2rem; }
#form-contact .colonne:before { top:1.7rem; }
#form-contact .colonne:first-of-type { width:33.34%; }

#form-resa .colonne { width:50%; padding:0 6rem; }
#form-resa .colonne:first-of-type { width:50%; }

#form-resa div.gites > span { position:relative; display:inline-block; vertical-align:top; width:100%; text-transform:uppercase; margin:0; padding:0; line-height:1em; font-size:0.8rem; }
#form-resa label.option { width:auto; padding-right:1.5rem; }
#form-resa label.option:last-of-type { padding-right:0; }

#form-resa label.sejour { position:relative; width:100%; }
#form-resa label.sejour span.open { position:absolute; z-index:99; margin:0; padding:0; left:0; right:2em; bottom:0; height:2em; }
#form-resa label.sejour span.reset { position:absolute; z-index:99; margin:0; padding:0; right:0.3em; bottom:0.3em; height:1.4em; width:1.4em; border-left:1px solid rgba(0,0,0,0.6); }
#form-resa label.sejour span.reset:hover { cursor:pointer; }
#form-resa label.sejour span.reset svg { position:absolute; display:block; margin:0; padding:0; width:80%; height:60%; left:20%; top:20%; }
#form-resa label.sejour span.reset path { fill:#000; }
#form-resa div#resa-sejour { position:relative; display:inline-block; vertical-align:top; width:100%; padding-top:2rem; }


.datepicker { color:rgba(188,150,82,1); font-size:0.5rem; font-weight:200; min-height:16rem; }
.datepicker__inner { padding:1rem; }
.datepicker-dropdown:before, .datepicker-dropdown:after { display:none !important; }
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active { background-color:rgba(188,150,82,1); border-color:rgba(188,150,82,1); }
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { color:rgba(0,0,0,0.1); }
.datepicker table tr td, .datepicker table tr th { border-radius:0 !important; }
.datepicker td { font-weight:600 !important; }
.datepicker__month-day { color:rgba(0,0,0,1); }
.datepicker__month-day--today { background-color:transparent; color:rgba(188,150,82,1) !important; }
.datepicker__month-day--disabled, .datepicker__month-day--invalid { color:rgba(0,0,0,0.1); }
.datepicker__month-day--disabled:after { color:transparent; }
.datepicker__month-day--hovering, .datepicker__month-day--selected { background-color:rgba(188,150,82,0.5); color:rgba(255,255,255,1) !important; }
.datepicker__month-day--first-day-selected, .datepicker__month-day--last-day-selected { background-color:rgba(188,150,82,1); color:rgba(255,255,255,1) !important; }
.datepicker__tooltip { display:none !important; }
.datepicker__month-button { font-family:quicksand; background-color:rgba(255,255,255,0.5); color:rgba(188,150,82,1); width:1.5em; height:1.5em; border-radius:50%; border: 1px solid #dedede; padding: 0.25em 0 0 0; text-align: left; display: inline-block; font-size:1.4em; line-height:1em; font-weight:200; vertical-align: top; position:absolute; top:0.2em; z-index:10; }
.datepicker__month-button--prev { left:0; padding-left:0.38em; }
.datepicker__month-button--next { right:0; padding-left:0.45em; }
.datepicker__month-button:hover { background-color:rgba(188,150,82,1); border-color:rgba(188,150,82,1); color:rgba(255,255,255,1); }
.datepicker__month-day--no-checkin.datepicker__month-day--no-checkout { color:rgba(0,0,0,0.1) !important; cursor:default !important; }

#form-resa label.adultes { font-size:0; margin-top:3rem; margin-bottom:1rem; width:100%; }
#form-resa label.enfants { font-size:0; margin-bottom:3rem; width:100%; }
#form-resa label.adultes > span, #form-resa label.enfants > span { width:25%; font-size:0.8rem; padding: 0.2em 3em 0.5em 0; }
#form-resa label.adultes > span:before, #form-resa label.enfants > span:before { content:'>'; font-family:quicksand; position:absolute; top:0.1em; right:1em; color:rgba(188,150,82,1); font-size:2em; font-weight:400; }
#form-resa label.adultes > input, #form-resa label.enfants > input { width:20%; font-size:0.8rem; }

#form-resa div.tarif { font-size:0; position:relative; display:inline-block; vertical-align:top; width:100%; }
#form-resa div.tarif h4 { font-size:1.4rem; line-height:2rem; display:inline-block; vertical-align:baseline; text-transform:uppercase; font-weight:400; width:auto; margin-right:1em; color: rgba(188,150,82,1); }
#form-resa div.tarif > span { font-size:1.8rem; line-height:2rem; display:inline-block; vertical-align:baseline; font-weight:400; width:auto; margin-right:1em; }
#form-resa div.tarif > span span { position:absolute; top:2rem; left:0; width:100%; height:auto; font-size:0.6rem; line-height:1.6em; }
#form-resa div.tarif > span span.horscapacite { position:relative; font-size:0.8rem; top:0; width:auto; }
#form-resa div.remarque { font-size:0.8rem; font-weight:200; position:relative; display:inline-block; vertical-align:top; width:100%; padding-top:2.5rem; }

#form-resa label.adresse { width:100%; }
#form-resa label.cp { width:30%; }
#form-resa label.ville { width:70%; }


#infos-resa { position:relative; padding:3rem 0; font-size:0; }
#infos-resa:before { content:''; position:absolute; left:6rem; right:6rem; top:0; height:1px; background-color:rgba(255,255,255,0.4); }
#infos-resa .colonne { width:50%; padding:0 6rem 0 2rem; }
#infos-resa .colonne:first-of-type { width:50%; padding:0 2rem 0 6rem; }
#infos-resa .colonne:before { width:0; }
#infos-resa > div > div { font-size:0.8rem; }
#infos-resa h4 { font-size:0.8rem; margin:0 0 1em 0; padding:0; font-weight:400; text-transform:uppercase; }


/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGE TOURISME */
#page-tourisme { position:relative; padding:0 3rem; }
#page-tourisme h1 { position:relative; font-size:2.4rem; font-weight:600; display:block; padding:2rem 0 1.5em 0; }
#page-tourisme h2 { position:relative; font-size:1.6rem; font-weight:400; display:block; padding:0 0 1em 0; }
#page-tourisme > div { position:relative; display:inline-block; vertical-align:top; width:50%; font-size:0.8rem; font-weight:200; }
#page-tourisme .texte1 { padding:0 5rem 0 5rem; }
#page-tourisme .texte2 { padding:5rem 5rem 0 5rem; }
#page-tourisme img { position:relative; display:inline-block; vertical-align:top; padding:0; margin:0; }
#page-tourisme img:nth-of-type(1) { width:50%; margin:0; }
#page-tourisme img:nth-of-type(2) { width:24%; margin:0 2% 0 0; }
#page-tourisme img:nth-of-type(3) { width:24%; margin:0; }
#page-tourisme img:nth-of-type(4) { width:24%; margin:2rem 2% 0 0; }
#page-tourisme img:nth-of-type(5) { width:36%; margin:2rem 2% 0 0; }
#page-tourisme img:nth-of-type(6) { width:36%; margin:2rem 0 0 0; }


/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGE MENTIONS LEGALES */
#page-mentionslegales h1 { font-size:2.4rem; display:block; width:100%; margin-left:0; padding-bottom:0.5em; text-transform:uppercase; font-weight:200; }
#page-mentionslegales h2 { font-size:1.4rem; display:block; width:100%; margin-left:0; padding-top:0.5em; padding-bottom:0.5em; text-transform:uppercase; font-weight:200; }
#page-mentionslegales p, #page-mentionslegales li { font-size:1.1rem; width:100%; font-weight:200; }

.litebox-overlay .litebox-container { left:2%; top:2%; right:2%; bottom:2%; }
.litebox-overlay .litebox-close { z-index:99999999; top:4%; right:4%; background-color:#191919; border-radius:50%; background-size:80%; width:2rem; height:2rem; }

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGE ERREUR */
#page-erreur { padding:0 5rem; }
#page-erreur h1 { font-family:'Montserrat',sans-serif; font-size:1.8rem; font-weight:400; text-transform:uppercase; padding:4rem 0 2rem 0; text-align:center;  }
#page-erreur p, #page-erreur li { font-size:1.1rem; width:100%; font-weight:200; }
#page-erreur a { text-transform:uppercase; }
#page-erreur a:hover { text-decoration:none; color:rgba(188,150,82,1); }


/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* AUTH */
.authentification h1 { font-size:2.4rem; display:block; width:100%; margin-top:4rem; padding-bottom:0.5em; text-transform:uppercase; font-weight:200; }
.authentification button.btn-primary, .authentification button.btn-primary:focus, .authentification button.btn-primary:hover { color:#fff; }

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
footer { font-size:0; position:relative; z-index:1; margin:0; padding:0; min-height:15rem; background-color:rgba(38,38,38,1); color:#d4d4d4; clear:both; }
footer > div { position:relative; display:inline-block; padding-top:2.8rem; vertical-align:top; }

#identification { width:44%; text-align:left; padding-top:2rem; }
#identification span { font-size:0.8rem; position:relative; display:inline-block; width:100%; padding-right:3rem; padding-left:48%; font-weight:100; }
#identification span.nom { color:#d4d4d4; padding-bottom:0.6rem; font-size:1.4rem; font-weight:400; }
#identification span.monogramme { position:absolute; right:55%; top:1.5rem; width:6rem; height:6rem; left:unset; margin:0; padding:0; }
#identification span.adresse { text-transform:uppercase; }
#identification svg { position:absolute; display:block; margin:0; padding:0; width:100%; height:100%; left:0; top:0; }
#identification path { fill:#686868; transition:fill 300ms linear; }

#coordonnees { width:12%; text-align:left; }
#coordonnees span { font-size:0.7rem; position:relative; display:inline-block; width:100%; padding:0; font-weight:100; }
#coordonnees span.titre { color:rgba(255,255,255,1); padding-bottom:0.6rem; font-size:0.7rem; font-weight:600; text-transform:uppercase; }
#coordonnees span > span { width:auto; }
#coordonnees span > span > a { color:rgba(188,150,82,1); transition:all 300ms linear; font-weight:300; }
#coordonnees span > span > a:hover { color:rgba(188,150,82,1); text-decoration:none; }
#coordonnees > a { font-size:1rem; position:relative; display:inline-block; width:80%; text-align:center; padding:0.3em; margin:2rem 0 0 0; font-weight:400; text-transform:uppercase; background-color:rgba(188,150,82,1); color:rgba(38,38,38,1); border-radius:1em; transition:all 100ms linear; }
#coordonnees > a:hover { text-decoration:none; background-color:#d4d4d4; }

#mentions { width:12%; text-align:left; }
#mentions span.titre { color:rgba(255,255,255,1); position:relative; display:inline-block; width:100%; padding:0 0 0.6rem 2rem; font-size:0.7rem; font-weight:600; text-transform:uppercase; }
#mentions a { font-size:0.8rem; position:relative; display:inline-block; width:100%; padding:0 0 0 2rem; transition:all 100ms linear; font-weight:100; }
#mentions a:hover { text-decoration:none; color:rgba(188,150,82,1); }

#sociaux { width:32%; text-align:left; padding-top:2.3rem; }
#sociaux span.titre { color:rgba(255,255,255,1); position:relative; display:inline-block; width:auto; padding:0.5rem 1.5rem 0.6rem 2rem; font-size:0.7rem; font-weight:600; text-transform:uppercase;  }
#sociaux a { font-size:1rem; position:relative; display:inline-block; vertical-align:top; width:2.2em; height:2.2em; padding:0; margin-right:0.5em; border:0.15em solid; border-radius:50%; transition:all 100ms linear; }
#sociaux a > span { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
#sociaux a:hover { color:rgba(188,150,82,1); border-color:rgba(188,150,82,1); }

#copyright { position:absolute; display:block; left:0; bottom:0; width:100%; height:auto; background-color:#191919; color:#7f7f7f; font-size:0; padding:0.5rem 2rem; }
#copyright span { font-size:0.6rem; padding-left:2em; position:relative; display:inline-block; }
#copyright span:first-of-type > a:hover { text-decoration:none; cursor:pointer; }
#copyright span:before { content:'-'; position:absolute; left:0.8em; top:50%; transform:translateY(-50%); }
#copyright span:first-of-type { padding-left:0; }
#copyright span:first-of-type:before { content:''; }


/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* DASHBOARD */
legend span.asterisque { display:inline-block !important; font-size:1em !important; }
#div-auth > div { margin-bottom:1em; }
	
.dashboard section { font-size:0.8rem; }
.dashboard h1 { font-size:2.4rem; display:block; width:100%; padding-bottom:0.5em; text-transform:uppercase; font-weight:200; }
.dashboard h2 { font-size:2rem; display:block; width:100%; padding-bottom:0.5em; text-transform:uppercase; font-weight:200; }

.dashboard ul#liste-tarifs li { position:relative; font-size:0; margin:0 0 2rem 0; text-align:center; list-style-type:none; }
.dashboard ul#liste-tarifs li > form, .dashboard ul#liste-tarifs li > span { font-size:0.8rem; padding:0 0.5rem; display:inline-block; }
.dashboard ul#liste-tarifs li > span { width:30%; } 
.dashboard ul#liste-tarifs li > form, .dashboard ul#liste-tarifs li > span.gite { width:10%; }

.dashboard main .gites { padding:2rem 0; width:100%; margin:0 auto; display:block; text-align:center; }
.dashboard main .gites .option { padding-right:3rem; text-transform:uppercase; }
.dashboard main .gites .option:last-of-type { padding-right:0; }
.dashboard ul#liste-dispos { position:relative; margin:0 auto 0 auto; display:block; padding:0; width:50%; }
.dashboard ul#liste-dispos > li { opacity:0; display:none; }
.dashboard ul#liste-dispos > li.fadein { opacity:1; display:block; }
.dashboard .dispos-calendar { position:relative; margin:0 auto 2rem auto; display:block; padding:0; background-color:#fff; width:100%; }
.dashboard ul#liste-dispos ul { margin-bottom:1em; }
.dashboard ul#liste-dispos ul > li { list-style-type:disc; }
.dashboard ul#liste-dispos ul > li > a, .dashboard ul#liste-dispos ul > li > span { padding:0 0 0 1em; margin:0; display:inline-block; }

#form-resadashboard label.sejour { position:relative; width:50%; }
#form-resadashboard label.sejour span.open { position:absolute; z-index:99; margin:0; padding:0; left:0; right:2em; bottom:0; height:2em; }
#form-resadashboard label.sejour span.reset { position:absolute; z-index:99; margin:0; padding:0; right:0.3em; bottom:0.3em; height:1.4em; width:1.4em; border-left:1px solid rgba(0,0,0,0.6); }
#form-resadashboard label.sejour span.reset:hover { cursor:pointer; }
#form-resadashboard label.sejour span.reset svg { position:absolute; display:block; margin:0; padding:0; width:80%; height:60%; left:20%; top:20%; }
#form-resadashboard label.sejour span.reset path { fill:#000; }

.dashboard .filtres-newsletter { padding-bottom:3rem; font-size:0;}
.dashboard .filtres-newsletter a { font-size:0.8rem; position:relative; display:inline-block; width:15%; text-align:center; padding:0.5rem 0.2rem; margin:3rem 2% 0 0; font-weight:200; text-transform:uppercase; border:1px solid rgba(188,150,82,1); background-color:#191919; color:rgba(188,150,82,1); border-radius:1rem; transition:all 100ms linear; line-height:initial; }
.dashboard .filtres-newsletter a:hover { background-color:rgba(188,150,82,1); color:rgba(255,255,255,1); text-decoration:none; }

.adminliste { font-size:1rem; }
.adminliste ul li:before { content:'• '; }
.adminliste li > a, .adminliste li > span { padding:0 0 0 1em; margin:0; display:inline-block; }
.adminliste > a { padding:0; margin:0; margin-left:1em; width:1em; height:1em; display:inline-block; }

main section.verif { position:fixed; z-index:1000; top:5rem; left:0; right:0; height:2rem; background-color:#ccc; color:#000; margin:0; padding:0.2rem 2rem; font-size:1rem; font-weight:200; text-transform:uppercase; text-align:left; }
/* ------------------------------------------------------------------------------------------------------------- */
/* RESPONSIVE */

html { font-size:10px; font-size:1vw; }

#en2mots { background-color:rgba(255,255,255,1); width:100%; max-width:2560px; margin:0 auto; position:relative; }

/* AFFICHAGE PANORAMIC */

/* Attention, le style panoramic n'est pas ajouté sur body mais sur html
html.panoramic { left:calc( ( 100% - 2.5 * 100vh ) / 2); width:calc(2.5 * 100vh); font-size:2vh; text-align:center; }
*/


/* AFFICHAGE FONT MAXI */
@media (min-width:2000px) { 

/*
	html { font-size:20px; }
*/

	a#menu-show { font-size:1.8rem; }
	a#menu-show > label { left:85%; bottom:1.6rem; font-size:0.7rem; }
	
	a#menu-hide { font-size:1.8rem; }
	a#menu-hide img, a#menu-hide svg { width:20%; height:20%; }
	
	a#menu-resa { font-size:0.7rem; }
	ul#langues li a { font-size:0.7rem; }
	
	#menu-navigation { margin-top:15rem; }
	#menu li { padding-top:0.4rem; padding-bottom:0.4rem; }
	#menu li a { font-size:1.6rem; }
	
	#accueil-diaporama div.legende h2 { font-size:1.6rem; }
	#accueil-diaporama div.legende span { font-size:1rem; }
	#accueil-diaporama ul#diaporama-bullets li { width:0.3rem; height:0.3rem; }
	
	#accueil-edito { padding-top:3rem; padding-bottom:3rem; font-size:0.65rem; }
	
	#accueil-actus ul#actus-slides { height:9rem; }
	#accueil-actus h2 { font-size:1.4rem; }
	#accueil-actus ul#actus-slides li { font-size:0.65rem; }
	#accueil-actus ul#actus-slides li h3 { font-size:1rem; }
	
	#accueil-actus ul#actus-bullets li {  width:0.3rem; height:0.3rem; }
	
	#page-gite ul#photos-bullets li { width:0.3rem; height:0.3rem; }
	#page-gite h1 { ffont-size:3.8rem; }
	#page-gite h2 { font-size:1.4rem; }
	#page-gite .soustitre2 { font-size:1.1rem; }
	#page-gite .introduction { font-size:0.65rem; }
	#page-gite .equipement h3 { font-size:0.9rem; }
	#page-gite .equipement > div { font-size:0.65rem; }
	#page-gite .dispos h3 { font-size:0.9rem; }
	#page-gite ul.labels img { max-height:5rem; max-width:6.5rem; }
	#page-gite ul.paiements img { max-height:5rem; max-width:5rem; }
	
	
	#page-contact { padding:0 10rem; }
	
	#page-contact label { font-size:0.65rem; }
	#page-contact label > span { font-size:0.65rem; }
	#page-contact input[type="checkbox"]#contact-consentementrgpd + span, #page-contact input[type="checkbox"]#resa-consentementrgpd + span { font-size:0.5rem; }
	#page-contact .asterisque { font-size:0.5rem !important; }
	#page-contact input[type="radio"] + span { font-size:0.65rem; padding-top:0.15rem !important; }
	#page-contact label.consentementrgpd { padding-top:0.7rem; padding-bottom:0; }
	#page-contact label.telephone, #page-contact label.email { margin-top:0.4rem; }
	#page-contact textarea { height:6.9em; }
	
	#form-contact .colonne { width:30%;}
	#form-contact .colonne:before { top:1.4rem; }
	#form-contact .colonne:first-of-type { width:30%; padding-left:6rem; }
	#form-contact .colonne:last-of-type { width:40%; padding-right:6rem; }
	
	
	#form-resa div.gites > span { font-size:0.65rem; }
	#form-resa label.adultes > span, #form-resa label.enfants > span { font-size:0.65rem; width:25%; padding-top:0.35rem; }
	#form-resa label.adultes > span:before, #form-resa label.enfants > span:before { padding-top:0.15rem; }
	#form-resa div.tarif > span span { font-size:0.6rem; }
	#form-resa div.remarque { font-size:0.65rem; }
	
	#infos-resa > div > div { font-size:0.65rem; }
	
	
	#page-tourisme {  }
	#page-tourisme h1 { font-size:2.2rem; }
	#page-tourisme h2 { font-size:1.4rem; }
	#page-tourisme > div { font-size:0.65rem; }
	
	
	footer {  }
	#identification span { font-size:0.65rem; padding-right:3rem; }
	#identification span.nom { padding-bottom:0.6rem; font-size:1.2rem; }
	#coordonnees span { font-size:0.6rem;}
	#coordonnees span.titre { padding-bottom:0.6rem; font-size:0.6rem; }
	#coordonnees > a { font-size:0.8rem; }
	#mentions span.titre { padding:0 0 0.6rem 2rem; font-size:0.6rem; }
	#mentions a { font-size:0.65rem; padding:0 0 0 2rem; }
	#sociaux span.titre { padding:0.5rem 1.5rem 0.6rem 2rem; font-size:0.6rem; }
	#sociaux a { font-size:0.9rem; }
	#copyright span { font-size:0.5rem; }
}

/* AFFICHAGE MAXI */
@media (min-width:2560px) { 

	.litebox-overlay .litebox-container { margin-left:auto; margin-right:auto; }
	.litebox-overlay .litebox-inline-html { width:960px; }

}
/* AFFICHAGE NORMAL */
@media (orientation:portrait) and (min-width:951px), (orientation:landscape) and (min-width:501px) {

}
/* AFFICHAGE TABLETTE et PETIT ECRAN */
@media (orientation:portrait) and (min-width:951px) and (max-width:1600px), (orientation:landscape) and (min-width:501px) and (max-width:1200px) {


header { height:6rem; }
#logo { width:12rem; height:12rem; top:0.4rem; }
header > nav { height:6rem; }

a#menu-show { width:6rem; height:6rem; font-size:2.4rem; }
a#menu-show > label { left:85%; bottom:1.6rem; font-size:1rem; }

a#menu-hide { width:6rem; height:6rem; font-size:2.4rem; }

a#menu-resa { font-size:1rem; }
ul#langues li a { font-size:1rem; }

#menu-navigation { margin-top:17rem; }
#menu li { padding-top:0.7rem; padding-bottom:0.7rem; }
#menu li a { font-size:2.4rem; }

#accueil-diaporama .slide div.legende { top:10rem; }
#accueil-diaporama div.legende h2 { font-size:2.4rem; }
#accueil-diaporama div.legende span { font-size:1.5rem; }
#accueil-diaporama ul#diaporama-bullets li { margin:0 1.2rem 0 0; }
#accueil-diaporama .mousescroll { height:45%; width:7.5%; }

#accueil-gites h2 { font-size:3.2rem; }
#accueil-gites .soustitre { font-size:1.6rem; }
#accueil-gites .soustitre2{ font-size:1.4rem; }
#accueil-gites a.voir { font-size:1.3rem; border-radius:1em; margin-top:1rem; }

#accueil-gites .saison a { font-size:1.4rem; }
#accueil-gites .saison span { font-size:0.75rem; }

#accueil-edito { font-size:1rem; padding-left:8rem; color:#fff; }
#accueil-edito h2 { font-size:1.8rem; }

#accueil-actus ul#actus-slides { height:14rem; }
#accueil-actus ul#actus-slides li { font-size:1rem; }
#accueil-actus ul#actus-slides li h3 { font-size:1.3rem; }

#accueil-actus ul#actus-bullets li { margin:0 1.2rem 0 0;  }

#page-gite .introduction { font-size:1rem; }
#page-gite .equipement > div { font-size:1rem; }
#page-gite ul#photos-bullets li { margin:0 1.2rem 0 0; }

#page-contact label { font-size:1rem; }
#page-contact label > span { font-size:1rem; }
#page-contact input[type="checkbox"]#contact-consentementrgpd + span, #page-contact input[type="checkbox"]#resa-consentementrgpd + span { font-size:0.9rem; }
#page-contact .asterisque { font-size:0.9rem !important; }

#form-contact .colonne { width:50%; padding:0 2rem; }
#form-contact .colonne:before { top:1.7rem; }
#form-contact .colonne:first-of-type { width:50%; }
#form-contact .colonne:last-of-type { width:100%; margin-top:0; }
#form-contact .colonne:last-of-type:before { content:''; }

#form-resa div.gites > span { font-size:1rem; }
#form-resa label.adultes > span, #form-resa label.enfants > span { font-size:1rem; width:30%; }
#form-resa div.tarif > span span { font-size:0.9rem; }
#form-resa div.remarque { font-size:1rem; padding-top:3.5rem; }

#infos-resa > div > div { font-size:1rem; }

#page-tourisme { color:#fff; font-weight:200; }
#page-tourisme h1 { font-size:2.6rem; }
#page-tourisme h2 { font-size:1.8rem; }
#page-tourisme > div { font-size:1rem; }
#page-tourisme .texte2 { padding-top:3rem; }

footer { min-height:18rem; }
#identification { width:40%; }
#identification span { font-size:1rem; padding-right:3rem; padding-left:38%; }
#identification span.nom { padding-bottom:0.6rem; font-size:1.6rem; }
#identification span.monogramme { right:65%; }
#coordonnees { width:16%; }
#coordonnees span { font-size:1.1rem;}
#coordonnees span.titre { padding-bottom:0.6rem; font-size:1.1rem; }
#coordonnees > a { font-size:1.2rem; }
#mentions { width:16%; }
#mentions span.titre { padding:0 0 0.6rem 2rem; font-size:1.1rem; }
#mentions a { font-size:1.1rem; padding:0 0 0 2rem; }
#sociaux { width:28%; }
#sociaux span.titre { padding:0.5rem 1.5rem 0.6rem 2rem; font-size:1.1rem; }
#sociaux a { font-size:1.2rem; }
#copyright span { font-size:0.9rem; }


}
/* AFFICHAGE MOBILE */
@media (orientation:portrait) and (max-width:950px), (orientation:landscape) and (max-width:500px) {

	html { font-size:24px; font-size:3vw; }

	div.nosmartphone br { display: none; content: ' '; clear:none; }

#menu-navigation { margin-top:12rem; }
#menu li a { font-size:1.8rem; }

a#menu-show > label { font-size:1.2rem; }

a#menu-resa { display:none; }
ul#langues { top:1.5rem; right:1.5rem; }
ul#langues li a { font-size:1.2rem; }


aside#alerte > div:first-of-type { height:5rem; }
aside#alerte > div span { font-size:1.2rem; }
aside#alerte > div.detail p { font-size:1rem; padding:0 5rem 1em 5rem; }
aside#alerte > span#showhidealerte { right:1rem; top:1.7rem; width:1.5rem; height:1.5rem; }

header.alerte nav { height:10rem; }
header.alerte #logo { top:5.2rem; }
header.alerte a#menu-show, header.alerte a#menu-hide { top:5rem; }
header.alerte a#menu-resa, header.alerte ul#langues { top:6.5rem; }
header.alerte #menu-navigation { margin-top:17rem; }


#accueil-diaporama .slide div.legende { top:unset; bottom:8rem; max-width:90%; width:90%; left:5%; background-color:rgba(0,0,0,0.6); padding:2rem 2.5rem; }
#accueil-diaporama ul#diaporama-bullets li { margin:0 1.5rem 0 0; width:0.8rem; height:0.8rem;  }
#accueil-diaporama .mousescroll { height:45%; width:7.5%; }

#accueil-gites li { width:100% !important; }
#accueil-gites h2 { font-size:3.4rem; }
#accueil-gites .soustitre { font-size:1.6rem; }
#accueil-gites .soustitre2{ font-size:1.4rem; }
#accueil-gites a.voir { font-size:1.4rem; border-radius:1em; margin-top:1rem; }

#accueil-gites .saison { height:6rem; }
#accueil-gites .saison a { font-size:1.6rem; }
#accueil-gites .saison span { font-size:0.8rem; }


#accueil-edito { font-size:1.3rem; text-align:justify; width:100%; padding: 2rem 4rem 2rem 4rem; }
#accueil-edito h2 { font-size:2rem; }

#accueil-actus { width:100%; padding:3rem 4rem 2rem 4rem; }
#accueil-actus ul#actus-slides { height:18rem; }
#accueil-actus ul#actus-slides li { font-size:1.3rem; }
#accueil-actus ul#actus-slides li h3 { font-size:1.6rem; }
#accueil-actus ul#actus-bullets { left:4rem; }
#accueil-actus ul#actus-bullets li { margin:0 1.5rem 0 0; width:0.8rem; height:0.8rem;  }

main { background-image:none !important; }
.popin main { padding:3rem 3rem 2rem 2rem; }

.accordeon > div { font-size:1.2rem; }

#page-gite .photos { width:100%; padding:0 2rem 2rem 2rem; margin-top:0; }
#page-gite a#photos-prev, #page-gite a#photos-next { display:none; }
#page-gite ul#photos-bullets { right:1.5rem;  }
#page-gite ul#photos-bullets li { margin:0 1.5rem 0 0; width:0.8rem; height:0.8rem;  }
#page-gite .infos { width:100%; padding:0 3rem; }
#page-gite .introduction { font-size:1.3rem; text-align:justify; }
#page-gite h4 { font-size:1.3rem; }
#page-gite .equipement h3 { font-size:1.4rem; padding:0.6rem 4rem 0.6rem 2rem !important; }
#page-gite .equipement > div { font-size:1.3rem; text-align:justify; }
#page-gite .dispos h3 { font-size:1.4rem; padding:0.6rem 2rem 0.6rem 2rem !important; }
#page-gite .dispos ul > li { font-size:1.3rem; text-align:justify; }
#page-gite .dispos ul > li:first-of-type { padding-bottom:1.6em; }
.dispos-calendar { height:22rem; }
#page-contact .formulaires > div { padding: 2rem 2rem; }

#page-contact.page { padding:0 2rem; }
#page-contact.gite h1 { width:90%; margin-right:5%; }
#page-contact.page h1 { font-size:1.6rem; font-weight:600; padding-top:3rem; }
#page-contact .colonne { width:100% !important; margin-top:0; padding:0 2rem !important; color:#fff; }
#page-contact .colonne:before { content:unset; }
#page-contact .colonne h3 { font-size:1.6rem; position:relative; top:0; padding-bottom:1em; margin-top:1.5em; }
#page-contact .colonne:first-of-type h3 { margin-top:0; }
#page-contact label.consentementrgpd { padding-top:0; }
#page-contact label { width:100% !important; padding-left:0 !important; padding-right:0 !important; }
#page-contact label > span { font-size:1.2rem; }

#page-contact label.consentementrgpd { font-size:1.1rem; }
#page-contact button { font-size:2.4rem; }
#page-contact .asterisque { font-size:1.2rem !important; padding:2rem 0;}
#page-contact input[type="checkbox"]#contact-consentementrgpd + span, #page-contact input[type="checkbox"]#resa-consentementrgpd + span { padding-left:3.5rem !important; font-size:1.1rem; }
#page-contact input[type="checkbox"]#contact-consentementrgpd + span:before, #page-contact input[type="checkbox"]#resa-consentementrgpd + span:before { top:0.5rem !important; width:2rem !important; height:2rem !important; }
#page-contact input[type="checkbox"]#contact-consentementrgpd + span:after, #page-contact input[type="checkbox"]#resa-consentementrgpd + span:after { top:0.5rem !important; left:0 !important; width:2rem !important; height:2rem !important; }


#form-resa div.gites > span { font-size:1.3rem; }
#form-resa label.option { padding-right:0.5rem; }
#page-contact input[type="radio"] + span { padding-left:1.7em !important; font-size:1.3rem; line-height:1.2em; }
#form-resa label.adultes > span, #form-resa label.enfants > span { font-size:1.3rem; width:45%; }
#form-resa label.adultes > span:before, #form-resa label.enfants > span:before { right:0.5em; }
#form-resa div.tarif > span span { font-size:1.1rem; }
#form-resa div.tarif > span span.horscapacite { position:relative; font-size:1.2rem; top:0; width:auto; }
#form-resa div.remarque { font-size:1.2rem; padding-top:6rem; }
#infos-resa:before { left:2rem; right:2rem; }
#infos-resa > div > div { font-size:1.2rem; }
#infos-resa h4 { font-size:1.2rem; }

.datepicker { font-size:0.8rem; }
.datepicker__month-button { top:1em; }
.datepicker__month-button--prev { left:1em; }
.datepicker__month-button--next { right:1em; }
#form-resa label.sejour span.reset { bottom:0.3em; }


#page-tourisme h2 { font-size:2rem; }
#page-tourisme > div { width:100% !important; padding:0 !important; margin: 0 0 2rem 0 !important; font-size:1.3rem !important; text-align:justify; }
#page-tourisme img { width:100% !important; height:auto !important; margin:0 0 2rem 0 !important; }




footer { min-height:40rem; }
#identification { width:100%; }
#identification span { padding-left:22%; font-size:1.2rem; padding-right:0.5rem; color:#fff !important; }
#identification span.nom { font-size:1.8rem; }
#identification span.monogramme { top:2rem; right:81%;  }
#coordonnees { width:100%; text-align:center; }
#coordonnees span.titre { font-size:1.5rem; }
#coordonnees span { font-size:1.3rem; }
#coordonnees > a { font-size:1.3rem; width:auto; padding:0.3em 2em; }
#mentions { width:100%; text-align:center; }
#mentions span.titre { font-size:1.5rem;padding-left:0; }
#mentions a { font-size:1.3rem; padding-left:0; }
#sociaux { width:100%; text-align:center; }
#sociaux span.titre { font-size:1.4rem; }
#sociaux a { font-size:1.4rem; }
#copyright span { width:100%; font-size:1rem; padding-left:0; text-align:center; }
#copyright span:before { content:''; }


.authentification main, .dashboard main { padding-left:2rem; padding-right:2rem; }
.main-form { padding-top:5rem; font-size:1.2rem; color:#000; background-color:#fff; }


	.dashboard ul#liste-tarifs li > span { width:100%; font-size:1.2rem; height:1.5em; }
	.dashboard ul#liste-tarifs li > form, .dashboard ul#liste-tarifs li > span.gite { width:33.33%; font-size:1rem; }

	.dashboard ul#liste-dispos { width:100%; }
	#form-resadashboard label.sejour { width:100%; }


	/* Pour éviter un zoom sur l'iphone qd on clique sur un champ de saisie */

	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		textarea,input,select { font-size: 16px !important; padding:0 5px !important; line-height:20px !important; }
		input,select { height:28px !important; }
		#form-resa label.sejour span.reset { bottom:5px; }
	}

}

/* AFFICHAGE MINI */
@media (max-width:300px) { 
	body { overflow-x:scroll; }
	html { font-size:9px; }
	#en2mots { width:300px; }
	header { width:300px; position:relative; }
	main { width:300px; margin-top:0 !important; }
	footer { width:300px; }
}