/*     css  page principal     */
body {
	margin: 0;
	font-family: Arial, sans-serif;
	background: #f8f5f2;
}

.container {
	display: flex;
	height: 100vh;
}

.container h2
{
	font-size: 2em;
}

.sidebar {
	width: 250px;
	background: linear-gradient(
		to right,
		rgba(0, 0, 0, 0.5) 0%,
	    rgba(0, 0, 0, 0.5) 33.33%,
	    rgba(255, 204, 0, 0.5) 33.33%,
	    rgba(255, 204, 0, 0.5) 66.66%,
	    rgba(255, 0, 0, 0.5) 66.66%,
	    rgba(255, 0, 0, 0.5) 100%
	);
	color: black;
	padding: 20px;
	position: sticky;
	top: 0;
	height: 100vh;
	box-sizing: border-box;
}

.siderbar h2
{
	margin-top: 0;
	font-size:  1.5em;
	color: black;
}

.sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar ul li {
	margin: 15px 0;
}

.siderbar ul li a {
	color: black;
	text-decoration: none;
	font-weight: bold;


}

.siderbar ul li a:hover {
	text-decoration: none ;
}

.content {
	flex-grow: 1;
	padding:  20px;
	overflow-y: auto;
}

.content h1 
{
	text-align: center;
	font-size: 1.2em;
}



                                      /* css de l acceuil */

.acceuil 
{
	font-style: oblique;
	font-weight: 900;
	text-align:center ;
}

.produits-vente h2
{
	text-align: center;
}
.produits-vente
{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 350px;
  height: auto;
  float: center;
  text-align: center;
}
.produits-vente img
{
	width: 60%;
	height: 60%;	
}
.cassonade
{

}
.cassonade img 
{

}

                                      /* css des 	alcools  */


.bieres 
{
	font-style: oblique;
	font-weight: 900;
	text-align:center ;
}

.vins {
	font-style: oblique;
	font-weight: 900;
	text-align:center ;

}


                                      /* css des soft */
.softs 
{
	font-style: oblique;
	font-weight: 900;
	text-align:center ;
}

                                    /* css des viandes */

 .viandes
{
	font-style: oblique;
	font-weight: 900;
	text-align:center ;
} 

                                   /* css des assiettes  */

.assiettes
{
	font-style: oblique;
	font-weight:  900;
	text-align: center;
}

                                  /*  css des recettes traditionnelles  */

.recettes
{
	font-style: oblique;
	font-weight:  900;
	text-align: center;
}


                                  /* css des burgers   */

.burgers
{
	font-style: oblique;
	font-weight:  900;
	text-align: center;
}

                                      /* css sandwichs  */

.sandwichs
{
	font-style: oblique;
	font-weight:  900;
	text-align: center;
}
                                      /* css des americains  */
.americains
{
	font-style: oblique;
	font-weight:  900;
	text-align: center;
}
                                     /* css des enfants   */

.enfants
{
	font-style: oblique;
	font-weight:  900;
	text-align: center;
}

                                      /* css des desserts   */

.desserts
{
	font-style: oblique;
	font-weight:  900;
	text-align: center;
}

                                       /* css des sauces */
.sauces
{
	font-style: oblique;
	font-weight:  900;
	text-align: center;
}