@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,500,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&display=swap');
html, body{
    margin: 0;padding: 0; 
    font-family:'Lato';
    background-image:url(/images/pp.jpg);
}

.inner{
        width: 80%;
    margin:  auto;
}

#text1{
    border: 300px; 
    width: 550px;
     text-align: center; 
    margin-left: 500px; 
}

.pic{
    width: 350px; 
    transform: rotate(0.5turn);
    margin-left: -1200px; 
    margin-top: -290px; 
}
.pt1{   
    width: 350px; 
    transform: rotate(0.25turn);
    margin-right: -200px; 
    margin-top: -70px;
    margin-left: 500px;
    margin-bottom: 90px;
}

.titre{
  border: 300px; 
    width: 550px;
    background-color: red; 
    margin-top: -20px;
    margin-left: 0px;
    text-align: center;
    height: 300px; 
}

.art{
    margin: 200px; 
      border: 300px; 
    width: 550px;
     height: 300px; 
    margin-top: -200px;
    text-align: center; 
    font-size: 20px;
}

.bi{
    margin: 200px; 
      border: 300px; 
    width: 550px;
     height: 300px; 
    margin-top: 50px;
    text-align: center; 
    font-size: 20px;
        border: 2px solid black;
    background-image:url(../images/bat.jpg);
}

.img2{
    
    border:2px solid black;
    border: 300px; 
    width: 550px;
    height: 300px;
    background-image:url(images/mur.jpg);
    margin-left: 900px;
    margin-top: 50px;
}

.bp{
    text-decoration-color: dodgerblue; 
} 

.carousel-page
{
width:100%;
height:auto;
background-color:#5f666d;
color:white;
}