.home-page .footer{
padding-top:50px;
}
.orange__button{
background-color:var(--orange);
border: 1px solid var(--orange);
padding:20px;
margin:10px 0;
border-radius:50px;
font-family: 'PoppinsBold';
color: white;
font-size: 16px;
width:100%;
transition: all 0.2s;
&:hover{
background-color:white;
color:var(--orange);
border:1px solid white;
cursor:pointer;
box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 15px;
}
&:focus{
background-color:white;
color:var(--orange);
border:1px solid white;
cursor:pointer;
box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 15px;
}
&:active{
background-color:var(--orange);
color:white;
border:1px solid var(--orange);
}
}
#home__button{
width:400px;
margin: 30px 0;
} .presentation{
display:flex;
flex-direction: column;
align-items: center;
padding: 100px 0;
position:relative;
& div{
width:80%;
display:flex;
flex-direction: column;
gap: 30px;
}
& h2{
font-size:2.3rem;
color:var(--noir);
font-family:'PoppinsExtraBold';
line-height: 1.2;
margin:0;
}
& p{
color:var(--noir);
font-size:1.2rem;
margin:0;
line-height:1.2;
}
}
.home__presentation__soleil{
position: absolute;
width: 615px;
z-index: -1;
left: 20px;
bottom: 0;
}
@media screen and (max-width:768px){
.home__presentation__soleil{
width: 80%;
left: 50px;
}
.presentation{
padding: 20px 0 50px 0;
& p{
font-size:1rem;
}
}
}
@media screen and (max-width:480px){
.home__presentation__soleil{
left: 30px;
}
.presentation{
& h2{
font-size:2rem;
}
}
} .projet__une{
display:flex;
flex-direction: column;
align-items: center;
margin-top:20px;
& #une__titre{
width:80%;
color:var(--orange);
font-size:2.3rem;
font-family:'PoppinsBold';
line-height:1.1;
margin:20px 0;
}
& .projet__box__container{
flex-wrap:nowrap;
}
}
@media screen and (max-width:1024px){
.projet__une{
& .projet__box__container{
justify-content: center;
}
}
}
@media screen and (max-width:480px){
.projet__une{
margin-top:20px !important;
& #une__titre{
font-size:1.8rem;
}
}
.methodologie{
& h3{
font-size:1.8rem !important;
}
}
} .temoignages__loop{
display:flex;
flex-direction: column;
align-items: center;
& h3{
width:80%;
color:var(--orange);
font-size:2.3rem;
line-height:1.1;
margin: 50px 0 0px 0;
font-family:'PoppinsBold';
}
}
.temoignage__slider__container {
width: 80%;
max-width:1150px;
height: 100%;
margin-bottom: 50px;
& .temoignage__img__box{
background-color:var(--orange);
}
}
.temoignage__container img{
aspect-ratio: auto;
object-fit: cover;
}
#temoignage__arrow__right{
background-image: url(//les-beaux-jours.fr/wp-content/themes/les-beaux-jours_V2/assets/images/icons/arrow_temoignage_right.svg);
height: 100px;
width: 100px;
scale:1;
}
#temoignage__arrow__left{
background-image: url(//les-beaux-jours.fr/wp-content/themes/les-beaux-jours_V2/assets/images/icons/arrow_temoignage_left.svg);
height: 100px;
width: 100px;
scale:1;
}
@media screen and (max-width:1280px){
.temoignage__slider__container{
& .temoignage__img__box{
width:350px;
}
& .temoignage__content__box{
width:350px;
}
}
}
@media screen and (max-width:1024px){
.temoignage__slider__container{
min-width: 768px;
& .temoignage__img__box{
width:300px;
height:400px;
}
& .temoignage__content__box{
width:300px;
height:400px;
}
}
#temoignage__arrow__left, #temoignage__arrow__right{
height:70px;
width:70px;
}
}
@media screen and (max-width:768px){
.temoignage__slider__container{
min-width: 460px;
& .temoignage__img__box{
width:350px;
height:350px;
margin-top: 0;
}
& .temoignage__content__box{
width:350px;
height:380px;
}
.swiper-slide{
flex-direction: column-reverse;
}
}
}
@media screen and (max-width:480px){
#home__button{
width:auto;
}
.temoignage__slider__container{
min-width: 350px;
& .temoignage__img__box{
display:none;
}
& .temoignage__content__box{
width:250px;
margin-top:20px;
}
.swiper-slide{
flex-direction: column-reverse;
}
}
#temoignage__arrow__left, #temoignage__arrow__right{
height:50px;
width:50px;
}
.temoignages__loop h3{
font-size:1.8rem;
}
} .lendemains__section{
display:flex;
background-color:var(--violet);
justify-content: center;
position:relative;
}
.lendemains__container{
margin:100px 0;
width:80%;
gap:50px;
display:flex;
align-items: center;
position:relative;
}
.lendemains__content{
width:50%;
display: flex;
flex-direction: column;
gap: 20px;
& h3{
font-family:'PoppinsBold';
color:var(--noir);
font-size:2.3rem;
margin:0;
line-height:1.1;
}
& p{
color:var(--noir);
margin:0;
font-size:1.2rem;
}
}
.lendemains__video__box{
width: 50%;
height: 100%;
}
.video__player{
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
& iframe{
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
}
#lendemains__button{
width:300px;
margin: 20px 0;
& button{
color:white;
font-family:'PoppinsBold';
font-size:1.1rem;
}
}
#lendemains__button button:hover, #lendemains__button button:focus{
color:var(--orange);
}
#lendemains__button button:active{
background-color:var(--orange);
color:white;
}
.lendemains__soleil{
position:absolute;
height:330px;
width:600px;
bottom:0;
left:35%;
}
@media screen and (max-width:1024px){
.lendemains__soleil{
height:auto;
width: 80%;
left: 7%;
}
}
@media screen and (max-width:768px){
.lendemains__container{
flex-direction: column-reverse;
margin: 50px 0;
gap:20px;
}
.lendemains__content{
width:100%;
& p{
font-size:1rem;
}
}
#lendemains__button{
width:100%;
margin:0;
}
.lendemains__video__box{
width:100%;
}
}
@media screen and (max-width:480px){
.lendemains__content{
& h3{
font-size:1.8rem;
}
}
}
@media screen and (max-width:350px){
#temoignage__arrow__right{
display:none;
}
#temoignage__arrow__left{
display:none;
}
.temoignage__slider__container{
min-width:300px;
}
}