@import url('https://fonts.googleapis.com/css2?family=Rochester&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Rochester&display=swap');

@font-face {
    font-family: Rochester-Regular;
    src: local("fonts/Rochester-Regular"),
         local("fonts/Rochester-Regular"),
         url(https://fonts.googleapis.com/css2?family=Rochester&display=swap);
  }

body{
    margin: 0;
    padding: 0;
    font-family: "montserrat" , sans-serif;
}

/* Navigateur*/ 
nav{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-around;
    align-items: center;
    background-color: black;
    height: auto;
    min-height: 180px;
    border-bottom-style: solid ;
    border-bottom-color: rgb(250, 180, 1) ;
}

nav h1{
    color: rgb(250, 180, 1);
    font-family: rochester, sans-serif;
    font-size: 4vw;      
}

nav .onglet{
    margin-top: 2px;
}

nav .onglet a{
    text-decoration: none;
    color: rgb(255, 255, 255);
    margin-right: 10px;
    border-bottom: 1px solid rgb(255, 255, 255);
    padding-bottom: 5px;
}

nav .onglet a:hover{
    color: rgb(250, 180, 1);
    border-bottom-color: rgb(250, 180, 1);
}

.Logo img {
     height: 150px;   
     display: flex;
     justify-content: space-between;
}/* Navigateur*/ 

/* titre et texte en general*/ 
h1{
    color: rgb(250, 180, 1);
    font-family: rochester, sans-serif;
    font-size: 25px;
    text-align: center;
}

.text {
    background-color: black;
    color: white;
    max-width: 600px;
    text-align: center;
    line-height: 105%;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
}/* titre et texte en general*/ 

/* Disposition et parametrage des conteneur*/ 
.conteneur1, .conteneur2, .conteneur3, .conteneur4, .conteneur5 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 20px;
    background-color: black;
    line-height: 20px;
    border-top-style: solid ;
    border-bottom-style: solid ;
    border-color:rgb(250, 180, 1) ;
}/* Disposition et parametrage des conteneur*/ 

/* Bouton Reservez*/ 
.btn {
    text-decoration: none;
    padding: 6px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 35%;
    display: inline-block;
    font-family: rochester, sans-serif;
    font-size: 120%;
    color: #000000;
    background-color: rgb(250, 180, 1);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 3px 3px 5px #000000;
    -webkit-box-shadow: 3px 3px 5px #000000;
    -moz-box-shadow: 3px 3px 5px #000000;
    }
     
.btn a{
    text-decoration: none;
    color: black;
}

.btn a:hover {
    padding: 5px;
    color: #FFFFFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
} /* Bouton Reservez*/ 

/* toutes les images */ 
img {
    height: 400px;
    max-width: 600px;
    display: flex;
    margin-left: 30px;
    margin-right: 30px;
}/* toutes les images*/ 

/* Conteneur5 tarifs et photo*/ 
.tarifs_cabinet, .tarifs_domicile {
    flex-wrap: wrap;
    background-color: black;
    color: white;
    width: 400px;
    text-align: center;
    line-height: 105%;
    font-size: inherit;
    margin: auto;
}/* Conteneur5 tarifs et photo*/ 

/* Logo réseaux sociaux*/ 
.main .conteneur3 .text .Logo1 img{
    display: inline-block;
    width: 40px;
    height: auto;
    background-color: black;
    margin: 5px;
}/* Logo réseaux sociaux*/ 

footer h1{
    font-family: rochester , sans-serif;  
    font-size: 12px;
    color:rgb(250, 180, 1);
    background-color: black;
    padding: 20px;
    display: flex;
    justify-content: center;
    border-top-style: solid ; color: rgb(250, 180, 1) ;
    border-bottom-style: solid ; color: rgb(250, 180, 1);
}

@media screen and (max-width:680px){
nav .onglet{
margin-left:0px;
margin-bottom: 20px;
flex-direction: row;
}


/* Vos règles CSS pour les mobiles ici */
@media all and (max-device-width: 480px)
{
    img{
        width: 100%;
        height: auto;
        margin: auto;
}