/**********
  RESET
***********/
ul,li,a,h1,h2,h3,section,article,p,iframe{
	text-decoration: none;
	list-style: none;
	box-sizing: border-box;
	padding:0;
	margin:0;
	
}




/**********
  GENERAL
***********/
@font-face {font-family: "muli";src: url("../fonts/muli/Muli-Regular.ttf") format("TrueType")}
@font-face {font-family: "philosopher";src: url("../fonts/philosopher/Philosopher-Bold.ttf") format("TrueType")}
@font-face {font-family: "PlayfairDisplay";src: url("../fonts/PlayfairDisplay-Regular.ttf") format("TrueType")}

body{font-family: 'Muli-Regular';font-size: 1.2rem;color:black;}

a{font-family: "Philosopher-Bold";color:black;;}
a:hover{text-decoration: none;color:#894844;}

a.button{width: 150px;padding: 10px;display: inline-block;background-color:#894844;text-align: center;border-radius: 5%;font-size: 30px;color:white;margin-top:5px;}
a.button:hover{background-color: #aa5652;transition: 1s;}

a.button-menu{padding: 10px;display: inline-block;background-color: #894844;text-align: center;border-radius: 5%;font-size: 20px;color:white;margin-top:5px;}
a.button-menu:hover{background-color: #aa5652;transition: 1s;}

.acces a{display: block;}
.jumbotron{background-color: white;margin-bottom: 0;}



h2{color:#894844;font-family: "PlayfairDisplay-Regular";padding: 3% 0}
hr{background-color: #A62E1F}

main.container-fluid{padding: 0}
nav{background-color: white;}
main{margin-bottom: 60px}
.presse{text-align: center;}



.info-vente{text-decoration: underline;color:#AA5754;font-size: 2rem;}


/*--------------------------------------------------------Ordi --------------------------------------------------------------*/
@media screen and (min-width: 1024px){


/***********
   HEADER
************/

nav a{font-size: 1.5rem; color:black;}
.nav-link img{width:80%}

/***********
  ACCUEIL
************/
main{margin-top:10%;}
img[alt*="accueil"]{max-width: 50%}
section:first-child{border-top: 10px solid #aa5652;border-bottom: 10px solid #aa5652;padding: 40px 0;}
section:first-child > div{display: flex;justify-content: space-between;align-items: center;}
section:nth-child(3) >div{display: flex;justify-content: space-around;margin-bottom: 10px}
section:nth-child(4){background-color: #F5F3F2; margin-top: 5%; padding: 2% 0}
section:nth-child(4) .information,.page-information{display: flex;justify-content: space-between;}
article.bouteille{margin: 5% 0; padding: 5% 0}



/***********
  A PROPOS
************/

.a-propos{text-align: center;}
.a-propos img{padding:5px ;}

/***********
   FOOTER
************/
footer{display: flex;justify-content: space-around;padding: 50px 0}
footer,footer a,.copyright,.copyright a{color:white;}
footer,.copyright{background-color: black}
.copyright,.copyright a{font-size: 15px;text-align: center;}





}



/*---------------------------------------------------tablette-----------------------------------------------------------*/

@media screen and (min-width:721px) and (max-width: 1023px){





/***********
   HEADER
************/
nav{background-color: white;}
nav a{font-size: 1.4rem;}
h1{font-size: 1.7rem}



/***********
  ACCUEIL
************/
main{margin-top:15%;}
img[alt*="accueil"]{max-width: 50%}
section:first-child{border-top: 10px solid #aa5652;border-bottom: 10px solid #aa5652;padding: 40px 0;}
section:first-child > div{display: flex;justify-content: space-around;align-items: center;}
section:nth-child(3) >div{text-align: center;margin-bottom: 10px}
img[alt*="salle"]{max-width: 30%}
img[alt*="facade"]{max-width: 30%}
section:nth-child(4){background-color: #F5F3F2; margin-top: 5%; padding: 2% 0}
.information article,.page-information article{margin: 30px 0}
img[alt*="plats"]{max-width: 100%}
article.bouteille{margin: 5% 0; padding: 5% 0}
img[alt*="bouteille"]{max-width: 100%}

.info-vente{font-size: 1.8rem;}
/***********
  A PROPOS
************/

.a-propos{text-align: center;}
.a-propos img{padding:5px ;}

/***********
   FOOTER
************/
footer{display: flex;justify-content: center;padding: 50px 0}
footer,footer a,.copyright,.copyright a{color:white;}
footer,.copyright{background-color: black}
.copyright,.copyright a{font-size: 15px;text-align: center;}




/***********
   FOOTER
************/
footer{display: flex;flex-direction: column;}
footer,footer a,.copyright,.copyright a{color:white;}
footer,.copyright{background-color: black}
.copyright,.copyright a{font-size: 15px}

.contact,.link{margin:5% 15%;}






}


/*-----------------------------------------------tablettexs------------------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 720px ){




h1{font-size: 1.6rem}
.adresse{font-size: .9rem}
h1.mobile{font-size: 2rem}
img[alt*="restaurant"]{max-width: 50%}




/***********
  ACCUEIL
************/
main{margin-top:15%;}
img[alt*="accueil"]{max-width: 50%}
section:first-child{border-top: 10px solid #aa5652;border-bottom: 10px solid #aa5652;padding: 40px 0;}
section:first-child > div{display: flex;justify-content: space-around;align-items: center;}
section:nth-child(3) >div{text-align: center;margin-bottom: 10px}
img[alt*="salle"]{max-width: 30%}
img[alt*="facade"]{max-width: 30%}
section:nth-child(4){background-color: #F5F3F2; margin-top: 5%; padding: 2% 0}
.information article,.page-information article{margin: 30px 0}
img[alt*="plats"]{max-width: 100%}
article.bouteille{margin: 5% 0; padding: 5% 0}
img[alt*="bouteille"]{max-width: 100%}

.info-vente{font-size: 1.5rem;}
/***********
  A PROPOS
************/

.a-propos{text-align: center;}
.a-propos img{padding:5px ;}


/***********
   FOOTER
************/
footer{display: flex;flex-direction: column;}
footer,footer a,.copyright,.copyright a{color:white;}
footer,.copyright{background-color: black}
.copyright,.copyright a{font-size: 15px;text-align: center;}
.contact,.link{margin:5% 15%;}
iframe{max-width: 100%}


}





/*-----------------------------------------------------------------Smartphone-------------------------------------------------------------------------*/
@media screen and (min-width:320px) and (max-width: 480px){


h1{font-size: 1.6rem}
.adresse{font-size: 1rem}
h1.mobile{font-size: 2rem}
img[alt*="restaurant"]{max-width: 50%}

main{margin-top:35%;}
img[alt*="accueil"]{max-width: 80%}
section:first-child{border-top: 10px solid #aa5652;border-bottom: 10px solid #aa5652;padding: 60px 0;text-align: center;}

section:nth-child(3) >div{text-align: center;margin-bottom: 10px}
img[alt*="salle"]{max-width: 30%}
img[alt*="facade"]{max-width: 30%}
section:nth-child(4){background-color: #F5F3F2; margin-top: 5%; padding: 2% 0}
.information article,.page-information article{margin: 30px 0}
img[alt*="plats"]{width: 100%}
article.bouteille{margin: 5% 0; padding: 5% 0}
img[alt*="bouteille"]{width: 100%}

.info-vente{font-size: 1.5rem;padding-top:5px;}
/***********
  A PROPOS
************/

.a-propos{text-align: center;}
.a-propos img{padding:5px ;}
img[alt*="chef-Baron"]{max-width: 100%}
img[alt*="journal"]{max-width: 100%}



/***********
   FOOTER
************/
footer{display: flex;flex-direction: column;}
footer,footer a,.copyright,.copyright a{color:white;}
footer,.copyright{background-color: black}
.copyright,.copyright a{font-size: 15px;text-align: center;}
.contact,.link{margin:5% 15%;}
iframe{max-width: 100%}








}