@media screen and (min-width:500px){
    .p-photo{
        height:350px;
    }
	header{
		background-position-x:-300px;
	}
    .ls-photo{
        display:flex;
        align-items:center;
    }
    .ls-photo img{
        max-height:250px;
        display:block;
        width:auto;
    }
}

@media screen and (min-width:600px){
}

@media screen and (min-width:768px){
    .galerie-exterieur .grid-item{
        width:538px;
    }
    .ls-photo img{
        max-height:350px;
        display:block;
        width:auto;
    }
    .a-p-textes{
        line-height:1.9;
    }
    .a-p-texte{
        width:47%;
    }
    .portrait{
        flex-direction: row;
    }
    .portrait .p-photo{
        width:25%;
        height:280px;
    }
    .portrait p{
        display:flex;
        flex-direction: column;
        justify-content: center;
        width:75%;
    }
    .p-rudy .p-photo{
        order:2;
    }
    .p-rudy::after{
        width:400px;
    }
    .banniere{
        background-position:center;
    }
    .banniere p{
        left:100px;
        transform:none;
        width:400px;
        font-size:1.5em;
    }
    .auteur-citation{
        bottom:-44px;
    }
    .tarif{
        margin:20px 10px;
    }
    .end-footer{
        flex-direction: row;
        justify-content: space-between;
    }
    .ed-1{
        flex-direction: row;
    }
    .ed-1 a{
        margin-right:20px;
    }
    .ed-1, .end-footer a {
        margin-bottom: 0;
    }
	.accueil header{
		background-position-x:center;
	}
    /*.photos-container figure{*/
    /*    width:50%;*/
    /*}*/
    .a-p-texte br{
        display:none;
    }
}

@media screen and (min-width:992px){
    .ls-container{
        margin-bottom:30px;
    }


    .ls-container-2{
        flex-direction: row;

        padding-right:20px;
    }
    /*.lsc-reverse{*/
    /*    flex-direction: row-reverse;*/
    /*}*/
    .ls-texte{
        width:50%;
    }
    .tarifs{
        flex-direction: row;
        justify-content: space-around;
    }
    .tarif-explication{
        padding-bottom:43px;
    }
    /*.photos-container figure{*/
    /*    width:33.33%;*/
    /*}*/

    .photos-container figure:hover img {
        opacity: .5;
    }

    .photos-container figure:hover .plus{
        opacity:1;
    }
}

@media screen and (min-width:768px) and (max-width:1200px){
    nav{
        display:flex;
        justify-content: center;
    }
    nav ul li a{
        text-align:center;
        padding-right:20px;
    }
}

@media screen and (min-width:1200px){
    /* nav */
    nav ul li a::before{
        content: '';
        display: block;
        position: absolute;
        bottom: 13px;
        width: 0;
        height: 2px;
        background: white;
        left:55px;
        transform: translateX(-50%);
        transition:.3s;
    }


    .header-mobile{
        display:none;
    }
    nav{
        display:block;
        right:0;
        background:transparent;
        height:100px;
        top:0;
        z-index:10;
        opacity:1;
    }
    nav .li-logo{
        display:block;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image:url('../img/logo.svg');
        mask-image: url('../img/logo.svg');
        background:white;
        width:200px;
        margin:0px 20px;
    }
    nav .li-logo a{
        color:transparent;
    }
    nav ul li a{
        padding:20px 0px;
        text-align:center;
        width:170px;
    }
    nav ul{
        display:flex;
        justify-content: center;
    }

    /* fin nav */

    .banniere{
        height:600px;
    }
    .banniere p{
        font-size:1.8em;
        left:150px;
        width:600px;
        top:150px;
    }
    .auteur-citation{
        bottom:-80px;
    }
    .tarif{
        max-width:500px;
    }
	
	.slides{
		height:100%;
	}
}

@media screen and (min-width:1400px){
    .ls-photo img{
        max-height:450px;
    }
    nav ul li a{
        font-size:1.3em;
    }
    .container{
        width:1400px;
        margin:40px auto;
    }
    .p-rudy p::after{
        content: '';
        display: inline-block;
        height: 0;
        width: 0;
        border-top: 280px solid var(--bleu);
        border-right: 30px solid transparent;
        position: absolute;
        right: -30px;
        top: 0;
    }
    .p-sylvain p::after{
        content: '';
        display: inline-block;
        height: 0;
        width: 0;
        border-top: 280px solid var(--gris-1);
        border-right: 30px solid transparent;
        position: absolute;
        left: -30px;
        top: 0;
        transform:rotate(180deg);
    }
    .p-rudy p{
        padding-left:230px;
        padding-right:40px;
        text-align:right;
    }
    .p-sylvain p{
        padding-right:230px;
        padding-left:40px;
        text-align:left;
    }
	.accueil header::before{
		top:87vh;
	}
	
	@keyframes fleche {
		0% { top:87vh}
		40% { top: 89vh}
		100% { top: 87vh }
	}
    /*.photos-container figure{*/
    /*    width:25%;*/
    /*}*/

    .ls-container{
        max-width:1400px;
        margin:0 auto 30px auto;
    }
}

@media screen and (min-width:1921px){
    p, span, b, div, li, input, textarea{
        font-size:1.3rem;
    }
    .container{
        width:80%;
    }
    .p-sylvain p::after, .p-rudy p::after {
        display:none;
    }
    nav ul li a{
        width:210px;
    }
}

@media screen and (max-width:768px){
    .a-p-texte, .portrait p{
        font-size:1em;
    }
    .a-p-texte:nth-child(1){
        padding-bottom:0;
    }
    .a-p-texte:nth-child(2){
        padding-top:0;
    }

    .banniere p{
        padding-right: 116px;
    }

    .banniere .auteur-citation{
        left:40%;
    }
}