body{
    margin: 0px;
    padding: 0px;
    /*background: url(newwp.jpg);*/
   /*background: linear-gradient(to bottom, rgb(255, 255, 255), rgb(2, 25, 54));
    background-size:cover ;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100vh;
/*    background-color: rgb(253, 243, 232);*/
    background: url(image/yellow6.jpg);
    background-size: cover;
    font-family: 'Lora', serif;

}
/*MENU CONFIG*/
        .menu{
        /*    background-color: rgb(255, 255, 255);*/
            display: block;
            height: 80px;
            text-align: center;
            top: 0;
            width: 100%;
            font-family: 'Playfair Display', serif;
}
            nav ul li {
                list-style-type: none;
                display: inline-block;
                margin: auto;
                padding: 10px;   
            }
            nav{
                float: right;
            }
            ul li a{
                color: rgb(17, 14, 14)    ;
                letter-spacing: 0.1rem;
                border-radius: 50px;
                border: 2px solid rgb(233, 191, 222);
                margin: 5px;
                padding: 15px;
            }
            ul:hover li:hover a:hover{
                color: rgb(0, 5, 10);
                text-decoration: underline;
            }
            a:hover{
                box-shadow: 0px 0px 1px black;
                background-color: rgb(233, 191, 222) ;
                color: black;
                height: fit-content;
                width: fit-content;
            }
            .menu li{
                float: left;
                padding: 15px;
                padding-top: 35px;
            }
            .menu li a{
                text-decoration: none;
        }
        @keyframes back{
            100%{
                background-position: 2000px 0;
            }
        }
        .menu > a > img{
            width: 120px;
            height: 120px;
            float: left;
            margin: 15px;
            border-radius: 5px;
            box-shadow: 0 0 20px white;
            cursor: pointer;
        }
/*FIN MENU*/
.headimg{
    background-image: url(image/barcelonef21.jpg);
    background-size: cover;
    height: 70vh;
    border-bottom: 0.5px solid black;
}
h1{
    color: rgb(250, 250, 250);
    text-align: center;
    margin-top: 25vh;
}
/*align*/
        .alignd{
            display: flex;
            margin: 10%;

        }
        .alignd > img{
            width: 45vh;
            border-radius: 10px;
            box-shadow: 0px 0px 20px;
            height: 65vh;
        }
        .alignd > p{
            font-size: larger;
            padding-inline-start: 20%;
            text-align: justify;
            
        }
        .aligng{
            display: flex;
            margin: 10%;

        }
        .aligng > img{
            width: 45vh;
            border-radius: 10px;
            box-shadow: 0px 0px 20px;
            height: 75vh;
        }
        .aligng > p{
            font-size: larger;
            padding-inline-end: 20%;
            text-align: justify;
        }
/*FIN align*/
h3{
    text-align: center;
}
/*BOUTON RETOUR PAGE ACCUEIL*/
        #retour {
            display: block;
            text-align: center;
            margin-right: auto;
            margin-left: auto;
            width: 200px;
            padding: 20px;
            color: white;
            background-color: black;
            border: 1px solid white;
            text-decoration: none;
            margin-top: 80px;
        }
        #retour:hover {
            opacity: 0.7;
            width: 202px;
        }
/*PIED DE PAGE*/
        footer {
            font-family: 'Playfair Display', serif;
            flex-shrink: 0;
            border-top: 1px dashed #000;
            width: 100%;
            background: #fff;
            color: #333;
        }
        .content-footer {
            max-width: 1000px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            font-size: 16px;
            padding: 50px 0 100px;
        }

        .bloc {
            flex-basis: 20%;
            margin: 0 30px;
        }

        /* contact */
            .footer-contact h3,
            .footer-medias h3 {
                font-size: 22px;
                padding-bottom: 20px;
            }

            .footer-contact p {
                padding: 5px 0;
            }

        /* Services */

            .media-list {
                list-style-type: none;
            }


        /* Medias */

            .media-list {
                position: relative;
                right: 10px;
            }
            .media-list svg {
                width: 30px;
                margin: 10px 10px;
            }
            .media-list a {
                text-decoration: none;
                color: #333;
                display: flex;
                align-items: center;
                font-size: 20px;
            }


            
            iframe{
                display: block;
                margin: auto;
                border-radius: 5px;
                box-shadow: 0px 0px 20px;
            }
span{
    text-align: center;
    margin-top: 2px;

    font-size: 50px;
}
p h1{
    font-weight: 500;
}
.alignd > img:hover{
    transform: scale(1.25);
}
.alignd, .alignd > img{
    transform: scale(1);
    transition: 1s ease-in-out;
}
.aligng > img:hover{
    transform: scale(1.25);
}
.aligng, .aligng > img{
    transform: scale(1);
    transition: 1s ease-in-out;
}