@font-face {
	font-family: 'lucida-grande-regular';
	src: url('./public/typo/Lucida Grande Regular/Lucida Grande Regular.ttf');
        src: local('./public/typo/Lucida Grande Regular'), local('./public/typo/Lucida Grande Regular'),
}
@font-face {
	font-family: 'laurentian-std-regular';
	src: url('./public/typo/laurentian-std-regular/Laurentian Std Regular/Laurentian Std Regular.otf');
        src: local('./public/typo/laurentian-std-regular/Laurentian Std Regular'), local('./public/typo/laurentian-std-regular/Laurentian Std Regular'),
}
html {
    background-color: #dccbbc;
}

body{
    max-width: 100px;
    margin: auto;
}

.active
{
    color: #5e3d2c !important;
}

.salon {
    width: 96%;
    margin: 2% 0 0 2%;;
}

.img-groom{
    grid-area: groom;
    margin: 0 0 0 1rem;
    max-width: 150px;
}

.logo-header {
    grid-area: logo;
    margin: 1rem;
    max-width: 300px;
}
.text-header {
    grid-area: logo;
    margin: 1rem;
    max-width: 300px;
    text-align: center;
    line-height: 1.9em;
    padding-top: 20px;
}
#etoiles {
    display: inline-flex;
}
.carte-france {
    grid-area: carte;
    max-width: 150px;
}

header ul {
    grid-area: langues;
    list-style-type: none; 
    margin: 4rem -4rem 0 0;
}

.langues {
    font-family: sans-serif;
}


/*css RGPD*/
.cookieAcceptBar {
  display:none;
  position: fixed;
  top: 50%;
  left:0;
  right: 0;
  text-align: center;
  background-color: #333;
  color: #fff;
  padding: 20px 0;
  z-index: 99999;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cookieAcceptBar a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

button {
  cursor: pointer;
  border: none;
  background-color: #2387c0;
  color: #fff;
  text-transform: uppercase;
  margin-top: 10px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}




main {
    background: white;
    max-width: 1600px;
    margin: 0 auto;
}

main nav {
    display: flex;
    width: 101%;
    margin-left: -0.5%;
}

main ul {
    width: 100%;
    padding: 1rem 0;
    display: flex;
    background-image: url(../media/header/cuir.jpg)
}

main li {
    margin: auto;
    color: #5e3d2c;
    list-style-type: none; 
}
main ul li a
{
     text-decoration: none ;
     color: #fff;
}
main ul li a:hover
{
    color: #dccbbc;
}

.navigation
{
    display: none;
}





article {
    width: 95%;
    margin: 50px auto 0 auto;
    font-family: 'Lucida Sans Unicode', arial;
}



hr 
{
    margin: 25px 0 25px 10%;
    width: 80%;
}

.hr-chambres
{
    margin: -1px 0 -1px 5%;
    width: 80%;
    color: #4b7195;
}


.text 
{
    text-align: center;
    margin: auto;
    color: #5e3d2c;
}

.text p
{
    font-family: sans-serif;
    width: 85%;
    margin: auto;
}
.text.text-albi p{
    text-align: left;
}

.sponso 
{
    display: flex;
    justify-content: space-between;
    max-height: 255px;
}
.sponso img,.bandeau-index img,.categorie-chambre img{
    transition: all ease-in-out .2s;
}
.sponso img:hover,.bandeau-index img:hover,.categorie-chambre img:hover{
    transform: scale(1.02);
}

.sponso a {
    text-decoration: none;
    color: white;
}

.offres {
    width: 42%;
    min-height: auto;
    background-color: #4b7195;
    font-family: sans-serif;
    color: white;
    padding: 1% 5% 1% 2%;
    display: flex;
    overflow: hidden;
}

.offres h2 {
    width: 80%;

}
.offres p {
    width: 65%;
    margin-bottom: 20px;
    color: #dccbbc;
}
.offres img {
    width: 50%;
    margin: 0 -10%;
}


.actu {
    width: 42%;
    min-height: auto;
    background-color: #4b7195;
    font-family: sans-serif;
    color: white;
    padding: 1% 5% 1% 2%;
    display: flex;
    overflow: hidden;
}

h1
{
    font-family: sans-serif;
}

.actu h2 {
    width: 80%;
}
.actu p {
    width: 80%;
    margin: 8px 0 36px 0;
    color: #dccbbc;
}

.text a
{
    text-decoration: none;
    color: #5e3d2c;
}

.actu img {
    width: 50%;
    margin: auto -10%;
}

.btn-savoirplus
{
    max-width: 150px;
    margin: 0 1% 0 0 !important;
}


.bandeau1 {
    background-image: url(../media/pictures/bandeau-index-chambre.webp);
    padding: 1% 1% 2% 0;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: right;
    font-family: sans-serif;
    background-color: #dccbbc;
    min-height: 329px;

}
.bandeau1 h2{
    width: 12%;
    margin: 2% 0 1rem 87%;
    color: #5e3d2c;
}
.bandeau1 p {
    width: 15%;
    margin: 1rem 0 0.6rem 84%;
    color: #5e3d2c;
}
.bandeau1 a {
    color: #4b7195;
    text-decoration: none;
}

.bandeau2 {
    background-image: url(../media/pictures/bandeau-index-dejeuner.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: sans-serif;
    padding: 1% 0% 1% 1%;
    background-color: #dccbbc;
    min-height: 300px;
}
.bandeau2 h2{
    width: 12%;
    margin: 2% 0 1rem 1%;
    color: #5e3d2c;
}
.bandeau2 p {
    width: 15%;
    margin: 1rem 0 1% 1%;
    color: #5e3d2c;
}
.bandeau2 a {
    width: 10%;
    margin: 0 0 0 1%;
    color: #4b7195;
    text-decoration: none;
}

.bandeau3 {
    background-image: url(../media/pictures/bandeau-index-se-detendre.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: right;
    font-family: sans-serif;
    padding: 1% 0% 1% 1%;
    background-color: #dccbbc;
    min-height: 300px;
}
.bandeau3 h2{
    width: 12%;
    margin: 2% 0 1rem 86%;
    color: #5e3d2c;
}
.bandeau3 p {
    width: 17%;
    margin: 1rem 0 2rem 81%;
    color: #5e3d2c;
}
.bandeau3 a {
    color: #4b7195;
    text-decoration: none;
}

.bandeau4 {
    background-image: url(../media/pictures/bandeau-index-conference.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: sans-serif;
    padding: 1% 0% 1% 1%;
    background-color: #dccbbc;
    min-height: 300px;
}
.bandeau4 h2{
    width: 12%;
    margin: 2% 0 1rem 1%;
    color: #5e3d2c;
}
.bandeau4 p {
    width: 15%;
    margin: 1rem 0 1% 1%;
    color: #5e3d2c;
}
.bandeau4 a {
    color: #4b7195;
    text-decoration: none;
}

.bandeau4 .btn-savoirplus
{
    margin-left: 1% !important;
}

footer img {
    width: 95%;
    margin: 0 1.5% 25px 1.5%;
}

.slider-chambre
{
    background-color: #c0ceda;
    width: 95%;
    margin: 50px auto 50px auto!important;
    margin-left: 2%;
    padding-bottom: 1px;
}

.slider-chambre p {
    width: 94%;
    font-family: sans-serif;
    font-size: 1.5rem;
    color: #fff;
    margin: -70px 0 2% 2%;
    padding: 1rem 0 0 2%;
    background-color: rgba(73, 113, 149, 0.6);
    height: 50px;
    position: relative;
}
.slider-chambre h1 {
    width: 94%;
    font-family: sans-serif;
    font-size: 1.5rem;
    font-weight: 100;     
    color: #fff;
    margin: -70px 0 2% 2%;
    padding: 1rem 0 0 2%;
    background-color: rgba(73, 113, 149, 0.6);
    height: 50px;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.categorie-chambre
{
    margin: 0 2%;
    font-family: 'Open Sans', sans-serif;
}
.categorie-conf
{
    margin: 0 2%;
    font-family: 'Open Sans', sans-serif;
}

.votrehotel
{
    color: #5e3d2c;
}

.description
{
    grid-area: description;
    min-height: 270px;
    padding: 10px 0 0 5%;
}
.images-droites
{
    grid-area: images;
    margin-bottom: 10%;
}

.pictos
{
    max-width: 30px;
    margin: 0 3px 25px 3px;
}

.bandeau-chambre
{    
    background-image: url(../media/background/background-div-chambres.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 60% 40%;
    grid-template-areas: "description images";
}
.bandeau-chambre h2
{
    color: #4b7195;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.bandeau-chambre p
{
    color: #5e3d2c;
    max-width: 90%;
    margin-top: 0px;
    font-size: 0.9rem;
}

.picture-slide p
{
    display: flex;
    justify-content: space-between;
}
.picture-slide p img
{
    max-width: 60px;
    margin: -10px 10px 10px 0px !important;
}
.picture-slide h1 img
{
    max-width: 60px;
    margin: -10px 10px 10px 0px !important;
}
.chambre-ul
{
    display: block;
    color: #5e3d2c;
    font-size: 0.75rem;
}

.retour
{
    color: #5e3d2c;
    font-family: sans-serif;
    text-decoration: none;
}

.italique
{
    font-style: italic;
    font-weight: 300;
}

#decouvrir 
{
    background-image: url(../media/pictures/bouton-cuir-bleu-empty.png);
    background-repeat: no-repeat;
    background-size: contain;
    text-decoration: none;
    color: #f8da7c;
    padding: 7px 30px;
    font-weight: 400;
    float: right;
    margin: 0px 5% 6% 0;
}

.reservez 
{
    /*background-image: url(../media/pictures/bouton-cuir-bleu-empty.png);
    background-repeat: no-repeat;
    background-size: contain;
    text-decoration: none;
    color: #f8da7c;
    padding: 7px 30px;
    font-weight: 400;
    float: right;
    margin: 0px 3% 10% 0;*/
    background: #244257;
    color: #fff!important;
    padding: 15px 20px;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    width: 150px;
    text-transform: uppercase;
    left: 19vh;
    top: -4vh;
    position: relative;
}
.reservez.booking_fam1, .reservez#booking_sup1  {
    left: 7vh;
}
.reservez.booking_fam2 {
    left: 15vh;
}
.reservez#booking_sup2 {
    left: 11vh;
}
.reservez#booking_prem1 {
    left: 8vh;
    top: 8vh;
}
.reservez#booking_prem2 {
    left: 5vh;
    top: 8vh;
}
.reservez#booking_prem_plus {
    left: 6vh;
    top: 4vh;
}
.reservez#booking_prem_es1 {
    left: 9vh;
    top: 7vh;
}
.reservez#booking_prem_es2 {
    left: 5vh;
    top: 7vh;
}
.reservez#booking_prem_plus_es {
    left: 6vh;
    top: 4vh;
}
.reservez#booking_fam_es1 {
    left: 5vh;
}
.reservez#booking_fam_es2 {
    left: 13vh;
}
#res-sup {
    left: 7vh;
}
#res-sup-2 {
    left: 12vh;
}
#res-premium{
    left: 10vh;
    top: 7vh;
}
#res-premium-2{
    left: 6vh;
}
#res-premium-plus {
    left: 6vh;
}
#res-famille {
    left: 6vh;
}
#res-famille-2 {
    left: 15vh;
}

.bandeau-chambre h3
{
	color: #4b7195;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}



.description a
{
    text-decoration: none;
}


.bandeau-contact
{    
    background-image: url(../media/background/bandeau-formulaire-contact.);
    background-size: cover;
    background-position: 75% 0;
    background-repeat: no-repeat;
    grid-template-areas: "description images";
    height: 550px;
    margin-bottom: 5%;
    padding-top: 2px;
}

.bandeau-contact h2, h6
{  
    color: #5e3d2c;
    text-align: center;
    margin-right: 15%;

}

input
{
    border: 2px solid #4b7195;
    width: 19%;
    margin-left: 5%;
    margin-bottom: 2%;
    background-color: #eddbd4;
}


textarea
{
    border: 2px solid #4b7195;
    background-color: #eddbd4;
    display: block;
    width: 69%;
    margin-left: 5%;
    height: 120px;
}


input[type=submit] 
{

    /*background-image: url(../media/background/bouton-cuir-bleu.png);
    background-repeat: no-repeat;
    background-size: contain;*/
    cursor: pointer;
    border: none;
    /*background-color: transparent;*/
    float: right;
    margin-right: 25%;
    margin-top: 2%;
    font-family: 'Open Sans', sans-serif;
    /*height: 35px;*/
}

.btn-bleu {
    background: #244257;
    color: #fff!important;
    padding: 15px 20px;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    width: 150px;
    text-transform: uppercase;
}
.btn-bleu:hover{
    background: #4b7195;
}

.savoir-plus {
    top: 2.5vh;
    position: relative;
}
.offres .savoir-plus, .actu .savoir-plus {
    border: 2px solid #244257;
}
.offres .savoir-plus:hover, .actu .savoir-plus:hover {
    background: #4b7195;
    border: 2px solid #244257;
}
#btn-decouvrir-1 {
    top: -4vh;
    left: 18vh;
    position: relative;
}
#btn-decouvrir-1-es {
    top: -4vh;
    left: 17vh;
    position: relative;
}
#btn-decouvrir-2 {
    top: -4vh;
    left: 9vh;
    position: relative;
}
#btn-decouvrir-2-en {
    top: -4vh;
    left: 10vh;
    position: relative;
}
#btn-decouvrir-2-es {
    top: -4vh;
    left: 9vh;
    position: relative;   
}
#btn-decouvrir-3 {
    top: -4vh;
    left: 0vh;
    position: relative;
}
#btn-decouvrir-3-en {
    top: -4vh;
    left: 2.5vh;
    position: relative;
}
#btn-decouvrir-3-es {
    top: -4vh;
    left: 2vh;
    position: relative;
}
#btn-decouvrir-4 {
    top: -4vh;
    left: 4vh;
    position: relative;
}
#btn-decouvrir-4-en {
    top: 3vh;
    left: 2.5vh;
    position: relative;
}
#btn-decouvrir-4-es {
    top: -4vh;
    left: 2vh;
    position: relative;
}
#btn-decouvrir-5 {
    top: -4vh;
    left: 4vh;
    position: relative;
}
#btn-decouvrir-5-en {
    top: -4vh;
    left: 6vh;
    position: relative;
}
#btn-decouvrir-5-es {
    top: -4vh;
    left: 6vh;
    position: relative;
}
#btn-decouvrir-6 {
    top: 0vh;
    left: 47vh;
    position: relative;
}
#btn-decouvrir-6-en {
    top: 3vh;
    left: -2vh;
    position: relative;
}
#btn-decouvrir-6-es {
    top: 1vh;
    left: 49vh;
    position: relative;
}








.section-se-restaurer
{
/*
    display: grid;
    grid-template-columns: repeat (3; 1fr);
    grid-template-areas: "left center right";
    grid-column-gap: 5%;
    justify-content: space-around;
*/
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: auto;
}


.section-se-restaurer img
{
    width: 100%;
}

.petit-dejeuner
{
    width: 50%;
    margin: 1% 3%;
    background-color: #5e3d2c;
    text-align: center;
}

.picto-petit-dejeuner
{
    max-width: 30%;
    margin: 5% 35% 0;
}


.soiree-etape
{
    width: 50%;
    margin: 1% 3%;
}

.table-hote
{
    width: 50%;
    margin: 1% 3%;
}


.albi0
{
    background-image: url(../media/pictures/images-albi/image-bandeau-se-detendre-actu.jpg);
    padding: 1% 1% 2% 0;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: left;
    font-family: sans-serif;
    height: 480px;
}
.albi0 h2{
    width: 20%;
    margin: 15% 0 2rem 16%;
    color: #5e3d2c;
    text-align: left;
}
.albi0 p {
    width: 15%;
    margin: 2rem 0 1rem 84%;
    color: #5e3d2c;
}
.albi0 a {
    color: #4b7195;
    text-decoration: none;
    margin-left: 18%;
}


.albi1
{
    background-image: url(../media/pictures/images-albi/image-bandeau-feerie-noel-a-albi.jpg);
    padding: 1% 1% 2% 0;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: right;
    font-family: sans-serif;
    height: 480px;
}

.albi1 h2{
    width: 25%;
    margin: 10% 0 0 65%;
    color: #fff;
    font-family: 'Shojumaru';
}
.albi1 p {
    width: 20%;
    margin:3rem 0 6rem 70%;
    color: #fff;
}
.albi1 a {
    color: #fff;
    text-decoration: none;
    margin: 0 10%;
    transition: all ease-in-out .1s;
}
.albi1 a:hover{
    color: yellow;
}


.albi2
{
    background-image: url(../media/pictures/images-albi/image-bandeau-toulouse-lautrec.jpg);
    padding: 1% 1% 2% 0;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: right;
    font-family: sans-serif;
    height: 480px;
}

.albi2 h2{
    width: 16%;
    margin: 10% 0 1.1rem 9%;
    color: #fff;
    font-size: 1em
}

.albi2 p {
    width: 18%;
    margin: 1% 0 4rem 8%;
    color: #fff;
    font-size: 0.7em;
    text-align: justify;
}
.albi2 a {
    color: #fff;
    text-decoration: none;
    margin-right: 76%;
}

.albi3
{
    background-image: url(../media/pictures/images-albi/image-bandeau-cordes-ciel.jpg);
    padding: 1% 1% 2% 0;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: right;
    font-family: sans-serif;
    height: 480px;
}

.albi3 h2{
    width: 20%;
    margin: 15% 0 1rem 68%;
    color: #5e3d2c;
}
.albi3 p {
    width: 20%;
    margin: 1rem 0 2rem 69%;
    color: #5e3d2c;
    font-size: 0.7em;
}
.albi3 a {
    color: #4b7195;
    text-decoration: none;
    margin-right: 10%;
}

.albi4
{
    background-image: url(../media/pictures/images-albi/image-bandeau-musee-de-la-mode.jpg);
    padding: 1% 1% 2% 0;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: right;
    font-family: sans-serif;
    height: 480px;
    
}
.albi4 p
{
	margin-top: 25%;
}

.albi4 a {
    color: #fff;
    text-decoration: none;
    margin-right: 76%;
}


/*debut du css page conference*/

.bandeau-conf
{
	background-image: url(../media/pictures/images-conference/image-bandeau-conference.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	padding-left: 3%;
	padding-top: 2%;
}



.bandeau-conf h2
{
	color: #4b7195;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.1em;
}

.bandeau-conf p
{
    width: 47%;
    text-align: left;
    color: #5e3d2c;
    font-size: 0.8rem;
    margin-top: -8px;
}

.blue-list-conf
{
    color: #4b7195 !important;
}



/*fin du css de conference*/


/*page se restaurer*/




.section-se-restaurer
{
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: auto;
}


.section-se-restaurer img
{
    width: 100%;
}

.div-marron
{
    width: 50%;
    margin: 1% 2%;
    background-color: #5e3d2c;
    text-align: center;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);

}
.div-marron p
{
    text-align: justify;
}
.text-div-marron
{
    color: white;
    font-family: 'Lucida Sans Unicode';
    font-size: 16px;
    padding: 20px 5%;
}
.text-div-marron h2
{
    font-size: 1.1rem;
    margin: -3px 0 -7px 0;
}
.picto-div-marron
{
    max-width: 20%;
    margin: 0 40%;
}

.div-beige
{
    width: 50%;
    margin: 1% 3%;
    background-color: #dccbbc;
    text-align: center;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
}
.div-beige p
{
    text-align: justify;
}

.text-div-beige
{
    color: #5e3d2c;
    font-family: 'Lucida Sans Unicode';
    font-size: 16px;
    padding: 20px 5%;
    margin: 0 0 -7px 0;
}
.text-div-beige h2
{
    font-size: 1.1rem;
    margin: -3px 0 -7px 0;
}
.picto-div-beige
{
    max-width: 9%;
    margin: 0% 45%;
}

/*fin page se restaurer*/



/*debut du css de se detendre*/

.entete-detendre
{
    background-image: url(../media/pictures/images-se-detendre/entete-se-detendre.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    margin-top: 35px;
}


.entete-salon1
{
    width: 25%;
    margin: -2% 0 0 73%;
}
.entete-salon2
{
    width: 25%;
    margin: 10% 0 -8% 2%;
}

.article-detendre
{
    color: #5e3d2c;
    margin: 7% 0 0 10%;
    width: 90%;
    display: flex;
    justify-content: space-between;
}
.text-detendre
{
    margin: 3% 0 -3% 0;
}
.article-detendre p
{
    font-size: 0.7rem;
    width: 65%;
    margin-bottom: 50px;
}
.article-detendre img
{
    margin: -25% 0 0% 70%;
    position: relative;
    width: 30%;
}

.hr-detendre
{
    width: 80%;
    margin-left: 10%;
}
.hr-conference
{
margin: 4% 0 5% 10%;
}

.picto-detendre
{
    margin-left: 10%;
}
.picto-detendre img
{
    max-width: 50px;
    margin-right: 1%;
}




/*le css des encarts enfants, grands enfants, projection*/
.detendre-encart
{
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-template-areas: "colencart1 colencart2 colencart3";
    grid-column-gap: 10%;
    width: 75%;
    margin: 2% 0 0 5%;
    text-align: center;
    color: white;
    font-family: 'Lucida Sans Unicode';
    font-size: 0.7rem;
}
.detendre-encart p
{
    width: 90%;
    margin: 0 auto 15% 5%;
}
.encart-left
{
    grid-area: colencart1;
    background-color: #d75a11;
    margin: 20% 0;
    height: 55%;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
}
.encart-middle
{
    grid-area: colencart2;
}
.encart-right
{
    grid-area: colencart3;
    background-color: #333333;
    margin: 20% 0;
    height: 55%;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
}
.encart-grands-enfants
{
    background-color: #4b7195;
    height: 5%;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
}

.encart-boutiques
{
    background-color: #4b7195;
    height: 75%;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
}


.detendre-img img
{
    width: 100%;
}
.detendre-png
{
    position: relative;
    z-index: 1;
    margin: 0 0 -10% -12%;
}

.detendre-png img
{
    width: 120%;
    margin: 0 0 -12% -12%;
}
.detendre-picto img
{
    width: 50%;
    margin: 0 25%;
}

/*fin du css des encarts enfants, grands enfants, projection*/


/*debut du css de la boutique*/
.detendre-boutique
{
    display: flex;
    background-color: #5e3d2c;
    color: white;
    font-family: 'Lucida Sans Unicode';
    font-size: 0.7rem;
    width: 80%;
    margin: 5% auto;
/*    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);*/
}
.picto-boutique
{
    max-width: 35%;
    margin-top: 5%;
}
.text-boutique
{
    text-align: center;
    width: 40%;
    margin: 0px 10%;
}
.image-boutique img
{
    width: 100%;
    margin-bottom: -5px;
}

.text h1
{
	color: #5e3d2c;
    text-decoration: none;
    width: 65%;
    margin: auto;
}

.categorie-chambre h2,h1
{
    color:#5e3d2c;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: -15px;
}
.categorie-conf h2,h1
{
    color:#5e3d2c;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
}





.nos-offres-h1
{
    text-align: center;
    font-size: 2.5rem;
    font-family: 'Open Sans', sans-serif;
}

.asian-typo
{
    
}

.bandeau-offre-1
{
    background-image: url(../media/pictures/images-se-restaurer/image-se-restaurer-madeleines.jpg);
    background-size: cover;
    padding-bottom: 350px;
}

.text-offre-1 h2
{
    color: #5e3d2c;
    font-family: 'Open sans', sans-serif;
    font-size: 2.5rem;
    text-align: center;
    background-color: #dccbbc;
    margin-bottom: 50px;
}

.bandeau-offre-1 h2{
    color:#fff;
    text-align: center;
    background:#5e3d2c;
}
.bandeau-offre-1 h3
{
    color: #5e3d2c;
    margin: 0 17% 20px 65%;
    font-size: 2rem;
    text-align: center;
}

.bandeau-offre-1 h4
{
    color: #dccbbc;
    font-size: 1.2rem;
    margin-top: -25px;
    text-align: center;
}

.bandeau-offre-1 p
{
    transform: translateY(35px);
    color: #5e3d2c;
    margin: 0 20%;
    font-size: 2em;
    text-align: center;
}

.bandeau-offre-1 span
{
    font-size: 2.5rem;
    font-weight: 800;
}

.offre-contenu
{
    transform: translateY(100px);  
    background-color: #dccbbc;
    width: 12vw;
    height: 12vw;
    margin-left: 60%;
    border-radius: 50%;
}



.text-offre-feeries-chine h3,.text-offre-1 h3{
    font-size: 2em;
    font-family: sans-serif;
    color: #5e3d2c;
    text-align: center;
}
.bandeau-offre-feerie-chine
{
    background-image: url(../media/pictures/images-se-restaurer/offre-lantenes-de-galliac-hotel-les-pasteliers.jpg);
    background-size: cover;
    padding-bottom: 150px;
}
.text-offre-feeries-chine h2
{
    color: #fff;
    font-family: 'Shojumaru';
    font-size: 2.5rem;
    text-align: center;
    background-color: #fb0059;
}
.offre-contenu-feerie-chine{
    transform: translateY(75px);
    background-color: #fb0059;
    width: 11vw;
    height: 11vw;
    margin-left: 65%;
    border-radius: 50%;
    padding: 5%;
    text-align: center;
    color: #fff;
    transition: all ease-in-out .2s;
    filter: drop-shadow(5px 5px 5px #000);
}
.offre-contenu-feerie-chine:hover{
    transform: translateY(75px) scale(1.025);
}
.offre-contenu-feerie-chine p{
    margin: -5px auto 5px;
}
.offre-contenu-feerie-chine span{
    font-size: 1.2em;
    font-weight: 600;
}
.bandeau-offre-feerie-chine a{
    text-decoration: none;
}


.offre-mentions
{
    font-size: 0.7rem;
    font-style: italic;
}


.imgpop {
    position: absolute;
    margin: 8vw;
    width: 80vw;
    z-index: 9999999999999;
}

.navbar li a:active{color:#FF0000!important;}

.navbar li a {
    text-transform:uppercase;
    font-size:16px;
    font-weight:600;
    letter-spacing:1px;
}

/*message covid19*/
#info-covid19{
    display: flex;
    text-align: left;
    font-family:'Open Sans',sans-serif ;
    width: 80%;
}
#info-covid19 img{
    height: 10rem;
    margin: 0 2rem 3rem;
}

/*captcha*/
.g-recaptcha{
    margin:2% 5%;   
}

/*message covid19*/
#info-covid19{
    display: flex;
    text-align: left;
    font-family:'Open Sans',sans-serif ;
    width: 80%;
}
#info-covid19 img{
    height: 10rem;
    margin: 0 2rem 3rem;
}


.legal-mention h1 {
    text-align: center;
}


.tarifs-reservit{
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* modifs ANS */
#text-info-acc{
    text-align:left; 
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    font-family: sans-serif;
}

/* début du css page a savoir */
.bandeau-a-savoir {
    background-image: url(../media/pictures/images-a-savoir/image-bandeau-a-savoir.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	padding-left: 3%;
	padding-top: 2%;
    height: 427px;
}

.bandeau-a-savoir h2 {
	color: #4b7195;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.1em;
}
.bandeau-a-savoir ul {
    display: block;
    width: 47%;
    text-align: left;
    color: #5e3d2c;
    font-size: 0.8rem;
    margin-top: -8px;
    line-height: 1.7em;
}
.bandeau-a-savoir ul li {
    list-style-type: disc;
}
.hr-a-savoir {
    margin: 13% 0 5% 10%;
}

.btn-a-savoir {
    background-image:url('/public/media/header/bouton-a-savoir.webp');
    background-repeat: no-repeat;
    width: 185px;
    height: 55px;
    position: absolute;
    top: 2vh;
    left: -1.3vh;
}
.btn-a-savoir a {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    padding: 14px 25px 9px 25px;
    text-decoration: none;
}
.picto-paiement {
    width: 50px;
    vertical-align: middle;
    margin-right: 10px;
}

/*fin du css de a savoir */