@charset "UTF-8";
/* CSS Document */

* {
	box-sizing: border-box;
}

body {
	width: auto;
	/*border:solid 1px blue;*/
}

input,
textarea {

}

.col-100-m {
	width:100%;
}
.col-90-m {
	width:90%;
}
.col-80-m {
	width:80%;
}
.col-70-m {
	width:70%;
}
.col-60-m {
	width:60%;
}
.col-50-m {
	width:50%;
}
.col-40-m {
	width:40%;
}
.col-30-m {
	width:30%;
}
.col-20-m {
	width:20%;
}
.col-10-m {
	width:10%;
}

.col-33-m {
	width:33%;
}
.col-66-m {
	width:66%;
}

.col-25-m {
	width:25%;
}
.col-75-m {
	width:75%;
}


.hide-m {
	display:none;
}
.show-m {
	display:block !important;
}

.page {
	width:100%;
	padding-left: 50px;
	padding-right: 50px;
}

.page.m,
.page.s,
.page.xs,
.page.xxs {
    padding-left: 0;
    padding-right: 0;
}

.policy .page {
    padding-left: 50px;
    padding-right: 50px;
}

.wrapper-insta .flux .item figure {
    width: 200px;
    height: 200px;
}

header .wrapper-nav .wrapper-navigation .logo {
    display: none;
}

#hotels .wrapper-hotels .hotel article figure {
    padding-left: 50px;
    padding-right: 50px;
}

.presentation .wrapper-content {
    padding-left: 60px;
}

#experience .presentation .flex-row.main,
#hotel .presentation .flex-row.main {
    flex-wrap: wrap;
}

#experience .presentation .titre,
#hotel .presentation .titre {
    position: relative;
    width: 100%;
    padding-top: 0;
}

#histoire .presentation .flex-row .wrapper-content {
    padding-right: 0;
}

#histoire .sophie .visuel {
    margin-left: 0;
}

#histoire .sophie .presentation .flex-row {
    column-gap: 60px;
}

#histoire .flex-row-reverse .wrapper-content {
    padding-right: 0;
}

#histoire .presentation.alt .col-50-l.padd-r-l {
    padding-right: 0;
}

#experience.alt .wrapper-hotels .hotel {
    flex-wrap: wrap;
    margin-bottom: 80px;
}

#experience.alt .wrapper-hotels .hotel .titre {
    position: relative;
}

#experience.alt .wrapper-hotels article .wrapper-visuel figure {
    width: 450px;
    height: 450px;
}

#experience.famille .presentation .flex-row-reverse .wrapper-content,
#experience.famille .presentation .flex-row .wrapper-content {
    padding-right: 0;
    padding-left: 40px;
}

#experience.famille .presentation .flex-row-reverse .wrapper-content {
    padding-right: 40px;
    padding-left: 0;
}