.lesPartenaires{
display:inline-flex;
flex-direction: row;
width: calc(100% - 100px);
margin-left: 50px;
padding-left: 25px;
padding-right: 25px;
justify-content: center;
align-items: center;
text-align: center;
}
.lesPartenaires .Partenaire{
display: inline-flex;
text-align: center;
justify-content: center;
width: auto;
margin-left: 25px;
margin-right: 25px;
height: 70px;
overflow-x: hidden;
}
.lesPartenaires .Partenaire img{
height: 100%;
width: auto;
max-width: 100%;
display: inline-flex;
text-align: center;
justify-content: center;
line-height: 70px;
vertical-align: middle;
}
.lesPartenaires .Partenaire img:hover{
-webkit-filter: grayscale(100%); filter: grayscale(100%); }
.lesPartenaires .slick-prev:before, .lesPartenaires .slick-next:before {
color:#030a16!important;
background-color: #FFF!important;
}
.lesPartenaires button {
background-color: #FFF!important;
} #Offrir:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.1;
background-image: url(../../../themes/LaBelleEntree/assets/images/fond_bloc_offrir.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
}
#Offrir{
position: relative;
padding:0px;
display: inline-block;
height: 550px;
color: white;
font-family: var(--font-logo);
background-color: rgba(159, 31, 80, 1);
}
#Offrir span{
font-family: var(--font-titre);
font-weight: bold;
}
#Offrir .imageFond{
display: inline-block;
width:100%;
background-color: pink;
color: var(--blanc);
font-family: var(--font-texte);
}
#Offrir .maxWidth{
position: relative;
z-index: 2;
width: auto;
margin: auto;
max-width: var(--max-width);
height: 100%;
display: flex;
align-items: center;
}
#Offrir .maxWidth .left{
display: inline-block;
width: 70%;
height: auto;
}
#Offrir .maxWidth .left .titre{
display: inline-block;
width: 100%;
font-size: 50px;
font-family: var(--font-titre);
}
#Offrir .maxWidth .left .description{
display: inline-block;
margin-top: 15px;
width: 100%;
font-size: 16px;
font-family: var(--font-texte);
line-height: 25px;
}
#Offrir p{
line-height: normal;
margin: 0px;
}
#Offrir .maxWidth .right{
display: inline-block;
width: 28%;
height: auto;
}
#Offrir button{
float: left;
background-color: var(--dore)!important;
} #TroisEncarts{
display: inline-block;
height: 430px;
background-color: var(--bleu-fonce);
color:white; }
#TroisEncarts .maxWidth{
display: flex;
justify-content: space-between;
width: auto;
max-width: var(--max-width);
margin: auto;
height: 100%;
}
#TroisEncarts .UnEncart{
width: 28%;
height: auto;
min-height: 50px;
position: relative;
overflow: hidden;
}
#TroisEncarts .image{
display: inline-block;
width: 100%;
height: 326px;
max-width: 100%;
overflow: hidden;
position:absolute;
background-color: black;
}
#TroisEncarts .image img{
display: block;
width: auto!important;
max-width: none!important;
height: 100%;
margin: auto;
opacity: 0.5;
transition: all 400ms linear;
}
#TroisEncarts .UnEncart:hover img{
opacity: 0.9;
cursor: pointer;
transition: all 400ms linear;
}
#TroisEncarts a{
display:contents;
}
#TroisEncarts .Contenu{
display: inline-block;
width: 80%;
margin: 10%;
margin-top: 30%;
height: auto;
position: absolute;
z-index: 2;
text-align: center;
font-size: var(--font-size-sous-titre);
text-transform: uppercase;
font-family: var(--font-texte);
color:var(--blanc);
}
#TroisEncarts .Contenu span{
font-family: var(--font-texte);
color :var(--blanc);
font-size: var(--font-size-texte);
font-weight: bold;
} .backGroundBleu{
background-color: var(--bleu);
}
.Classique{
display: flex;
flex-direction: column;
height: auto;
margin: auto;
color: var(--blanc);
align-items: center;
}
.Classique .Header{
display: flex;
min-height: 325px;
width: 100%;
position: relative;
background-color: black;
height: auto;
}
.Classique .Header img{
height: auto;
width: 100%;
min-height: 325px;
opacity: 0.7;
}
.Classique .Header h1{
width: 100%;
position: absolute;
line-height: 325px;
vertical-align: middle;
text-align: center;
z-index: 1;
margin: 0px;
padding: 0px;
font-family: var(--font-titre);
font-size: var(--font-size-titre);
color: var(--blanc);
border-bottom: 1px solid var(--dore) 80%;
}
.Classique .Header hr{
display: inline-block;
position: absolute;
width: 14%;
margin-left: 43%;
height: 1px;
color: var(--dore);
background-color: var(--dore);
border: none;
line-height: 325px;
vertical-align: middle;
margin-top: 200px;
}
.NosMenus .Chef{
display: flex;
height: auto;
width: 100%;
position: relative;
max-width: var(--max-width);
padding-top: 50px;
padding-bottom: 50px;
}
.NosMenus .Chef .Portrait{
}
.NosMenus .Chef .Droite{	
margin-left: 25px;
margin-right:200px;
}
.NosMenus .Chef .Droite .Titre{	
font-size: var(--font-size-sous-titre);
font-family: var(--font-titre);
margin-bottom: 24px;
margin-top: 10px;
font-weight: bold;
}
.NosMenus .Chef .Droite .Texte{	
font-size: var(--font-size-citation);
font-family: var(--font-texte);
line-height: var(--line-height-texte);
font-style: italic;
}
.NosMenus .Chef .Plume{	
float: right; height: 125px;
width: 165px;
position: absolute;
right: 0px;
background-image: url(../../../themes/LaBelleEntree/assets/images/plume2-labelleentree.svg);
background-repeat: no-repeat;
}
.NosMenus .LesMenus{
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: auto;
width: 100%;
position: relative;
max-width: var(--max-width);
justify-content: space-between;
align-items: stretch;
}
.UnMenu{
display: flex;
flex-direction: row;
flex-wrap: wrap;
min-height: 400px;
width: 32%;
margin-bottom: 24px;
background-color: var(--blanc);
color:var(--noir);
text-align: center;
padding-bottom: 25px;
align-items: flex-start;
}
.UnMenu .Photo{
height: 263px;
max-height: 263px;
width: 100%;
overflow: hidden;
}
.UnMenu .Photo img{
width:100%;
}
.Photo img {
-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;
}
.UnMenu:hover img {
-webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25);
}
.UnMenu .Titre{
width: 100%;
font-size: var(--font-size-sous-titre);
font-family: var(--font-titre);
margin-top: 20px;
}
.UnMenu .Tarif{
width: 100%;
font-size: var(--font-size-sous-titre);
font-family: var(--font-titre);
color: var(--violine);
font-weight: bold;
margin-top: 10px;
}
.UnMenu .Accroche{
width: 100%;
font-size: var(--font-size-texte);
font-family: var(--font-texte);
margin-top: 10px;
padding: 15%;
padding-top: 0px;
padding-bottom: 0px;
}
.UnMenu .Description{
width: 100%;
font-size: var(--font-size-texte);
font-family: var(--font-texte);
margin-top: 10px;
padding: 15%;
padding-top: 0px;
padding-bottom: 0px;
}
.UnMenu .Action{
width: 100%;
font-size: var(--font-size-texte);
font-family: var(--font-texte);
padding: 15%;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 80px;
}
.UnMenu .Action button{
}
.maPopUp .UnMenu{ width: 100%;}
.NosMenus p{margin-bottom: 1em;}
.Classique .EncarJaune{
height: auto;
width: 100%;
position: relative;
max-width: var(--max-width);
padding: 25px;
background-color: var(--dore);
font-size: var(--font-size-texte);
line-height: var(--line-height-texte);
font-family: var(--font-texte);
color:var(--noir);
margin-bottom: 25px;
}	
.Classique .TexteEntier{
display: flex;
flex-direction: column;
height: auto;
width: 100%;
position: relative;
max-width: var(--max-width);
font-size: var(--font-size-texte);
line-height: var(--line-height-texte);
font-family: var(--font-texte);
color:var(--blanc);
margin-bottom: 25px;
}	
.Classique .TexteEntier h2{
font-size: 20px;
line-height: var(--line-height-texte);
color: var(--dore);
margin: 0px;
}
.Classique .TexteEntier h3{
font-size: var(--font-size-sous-titre);
line-height: var(--line-height-texte);
font-family: var(--font-titre);
color: var(--violine);
margin: 20px 0;
}
.Classique .TexteEntier h4 {
font-size: 20px;
line-height: var(--line-height-texte);
font-family: var(--font-titre);
color: var(--blanc);
margin: 20px 0;
}
.Classique .TexteEntier p {
font-size:18px;
}
.Classique .TexteEntier p a {
color: #fff;
}
.NotreEquipe .LesArtistes{
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: auto;
width: 100%;
position: relative;
max-width: var(--max-width);
justify-content: space-between;
align-items: stretch;
margin-top: 25px;
}
.UnArtiste{
display: flex;
flex-direction: row;
width: 49%;
margin-bottom: 24px;
background-color: var(--blanc);
color:var(--noir);
text-align: center;
align-items: flex-start;
height: auto;
}
.UnArtiste .Left{
height: 100%;
width: 30%;
overflow: hidden;
background-size: cover!important;
background-position: center!important;
opacity: 0.8;
}
.UnArtiste .Left:hover {
opacity: 1;
}
.UnArtiste .Right{
height: auto;
width: 70%;
text-align: left;
padding: 2%;
}
.UnArtiste .Photo{
height: auto;
max-height: 180px;
width: 100%;
overflow: hidden;
}
.UnArtiste .Photo img{
width:100%;
}
.Photo img {
-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;
}
.UnArtiste:hover img {
-webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25);
}
.UnArtiste .Nom{
width: auto;
font-size: var(--font-size-texte);
font-family: var(--font-titre);
}
.UnArtiste .Poste{
width: auto;
font-size: var(--font-size-texte);
font-family: var(--font-titre);
color: var(--violine);
font-weight: bold;
margin-top: 10px;
}
.UnArtiste .Description{
width: auto;
font-size: var(--font-size-texte);
font-family: var(--font-texte);
line-height: var(--line-height-texte);
margin-top: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
.SeLoger .LesLogements{
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: auto;
width: 100%;
position: relative;
max-width: var(--max-width);
justify-content: space-between;
align-items: stretch;
margin-top: 25px;
}
.UnLogement{
display: flex;
flex-direction: column;
width: 32%;
margin-bottom: 24px;
background-color: var(--blanc);
color:var(--noir);
text-align: center;
align-items: flex-end;
height: auto;
border-radius: 5px;
position: relative
}
.UnLogement .Top{
height: 100px;
width: 100%;
overflow: hidden;
background-size: cover!important;
background-position: center!important;
opacity: 0.8;
border-radius: 5px 5px 0 0;
}
.UnLogement .Top:hover {
opacity: 1;
}
.UnLogement .Bottom{
height: auto;
width: 100%;
padding: 2%;
text-align: center;
padding-bottom: 50px;
position: relative;
}
.UnLogement .Photo{
height: auto;
max-height: 180px;
width: 100%;
overflow: hidden;
}
.UnLogement .Photo img{
width:100%;
}
.Photo img {
-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;
}
.UnLogement:hover img {
-webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25);
}
.UnLogement .Nom{
width: auto;
font-size: var(--font-size-sous-titre);
font-family: var(--font-titre);
margin-top: 15px;
}
.UnLogement .Remise{
width: auto;
font-size: var(--font-size-texte);
font-family: var(--font-titre);
color: var(--violine);
font-weight: bold;
margin-top: 15px;
}
.UnLogement .Description{
width: auto;
font-size: var(--font-size-texte);
font-family: var(--font-texte);
line-height: var(--line-height-texte);
padding-top: 0px;
padding-bottom: 25px;
padding: 15%;
}
.Reservation{
width: 100%;
position: absolute;
padding: 0%;
padding-bottom: 15px;
bottom: 0px;
}