.custom {
  --cassiopeia-color-primary: #90908f;
  --cassiopeia-color-link: #90908f;
  --cassiopeia-color-hover: #5c5d5c;
}

.container-header{
	z-index:10;
	background-color:#941706;
	/*height:230px;*/
	/*background-image: url(/lasicilienne/images/banners/banner_lasicilienne.png);*/
	position:relative;
	box-shadow:inset 0 5px 5px #00000008;
	background-repeat: no-repeat;
	background-position: center;


}
.lespizzas{
 
  width: 100%;
  margin:2px;
  padding:5px;
 
}
.lespizzas td{
 
  letter-spacing: 1px;
  
 /* border: 3px solid purple; */
  
}

.desc_pizza{
	
	
	text-color:red;
}

.nom_pizza{
	
	width:200px;
	border: 2px;
	text-color:yellow;
}

.prix_pizza{
	
	width:20%;
	text-color:yellow;
	
}


.list-item, .reorder-module {
    border: 1px solid #eeedef;
    position: relative;
    background: #fff;
    justify-content: flex-start;
    flex-direction: column;
    margin: 3px;
    text-decoration: none;
    align-self: stretch;
    display: flex;
    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .6);
    flex: 1 1 calc(50% - 6px);
    max-width: calc(50% - 6px);
}

    .product-grid .list-item, .reorder-module
Specificity: (0,2,0)
 {
        max-width: 100% !important;
    }
	
	.list-item:after, .reorder-module:after {
        content: "";
        position: absolute;
         z-index: 0; 
         top: 0; 
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .6); 
         transition: opacity .3s ease; 
         pointer-events: none; 
    }
.pizza_div{
	
	width:30%;
	float:left;
}
.pizza_descr{
	
	width:60%;
	
	float:left;
}
.div_junior{
	float:left;
	width:150px;
	border:2px;
}
.div_senior{
	border:2px;
	width:150px;
}
.div_mega{
	
	width:150px;
	border:2px;
}

.page_salades{
	 
       
         z-index: 0; 
         top: 0; 
        left: 0;
        width: 100%;
        height: 100%;
        
        box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .6); 
         transition: opacity .3s ease; 
         pointer-events: none; 
		 flex: 0 0 250px;
	
}
#bloc-salade
{
       
        
        font-size: x-small;
        margin: auto;
        width: 100%; /*ici j'ai mis 70% pour voir l'effet du margin auto*/
        padding-bottom: 5px;
        padding-top: 5px;
}
#bloc-salade-left
{
        border: 1px #c9c7c7;
        
		float: left;
        width: 45%;
        background-color: #f0eeee;
        font-size: x-small;
        margin-right: 2%;
}
#sondage
{
        border: 1px dotted;
        margin-left: 45%;
        background-color: rgb(225, 251, 221);
        font-size: x-small;
        margin-right: 35%;
}
#bloc-salade-right
{
border: 1px #c9c7c7;
background-color: #f0eeee;
font-size: x-small;
float: right;
width: 45%;
margin-left: 2%;
}

#bloc-pizza
{
		/*
		font-size: x-small;
        margin-bottom:10px !important;
		position:relative;
        width: 100%; /*ici j'ai mis 70% pour voir l'effet du margin auto*/
        /*
		display: table;
		content: "";
		*/
	box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    width: calc(100% + 24px);
    margin-bottom: 5px;
}
.base_cf{
	width:100%;
	border: 2px #f8f8f8;
	padding:5px;
	margin: 5px;
	color:white;
	background:#74b3f3;
	
}

.base_st{
	width:100%;
	border: 2px #f8f8f8;
	padding:5px;
	margin: 5px;
	color:white;
	background:#119c07;
	
}

#bloc-pizza-left
{
         
		float: left;
        width: 45%;
		border-radius:3px;
        background: #f8f8f8 none repeat scroll 0 0;
        font-size: x-small;
        margin-right: 2%;
		margin-bottom: 15px;
		display: flex;
		flex-direction: column;
		-webkit-box-flex: 1;
		flex-grow: 1;
}

#bloc-pizza-right
{
		border-radius:3px;
        background: #f8f8f8 none repeat scroll 0 0;
		font-size: x-small;
		float: right;
		width: 45%;
		margin-left: 2%;
		margin-bottom: 15px;
		display: flex;
		flex-direction: column;
		-webkit-box-flex: 1;
		flex-grow: 1;
}

#sondage
{
        border: 1px dotted;
        margin-left: 45%;
        background-color: rgb(225, 251, 221);
        font-size: x-small;
        margin-right: 35%;
}




.taille-pizza {
	font-size: 14px;
    margin: auto;
    width: 100%; 
	
	
}

.taille-pizza-gauche {
	 
	float: left;
    width: 30%;
    font-size: 14px;
    text-align:center;
	color:#8c1f1f;
	font-weight:bold;
}

.taille-pizza-centre {
	
    
	float: left;
    width: 30%;
    font-size: 14px;
	display: inline-block;
	position: relative;
	text-align:center;
	color:#8c1f1f;
	font-weight:bold;
}

.taille-pizza-droite {
	
	font-size: 14px;
	float: left;
	width: 33%;
	text-align:center;
	border : 2px;
	border-color:#8c1f1f;
	color:#8c1f1f;
	font-weight:bold;
}


.clear {
        clear: both;
}
.button--md {
    font-size: 14px;
    line-height: 1.53846;
    font-weight: 400;
    min-height: 36px;
    height: 36px;
	width:30%;
	margin-left:3px;
	display: inline-block;
}

.button--green {
    background-color: rgb(10, 128, 32);
    color: rgb(255, 255, 255);
}

.button--rouge {
    background-color: #8c1f1f;;
    color: rgb(255, 255, 255);
}
.price-taille{
	
	width:100%;
	float: left;
	padding:2px;
	position:relative;
}

.price-pizza-gauche { 
	font-size: 1rem;
    line-height: 1.53846;
    font-weight: bold;
	min-height: 30px;
    float: left;
    width: 33%;
    background-color: #119c07; 
    color:#fff;
	
}

.price-pizza-centre { 
	font-size: 1rem;
    line-height: 1.53846;
    font-weight: bold;
    margin-left:1%;
	float: left;
    width: 31%;
	min-height: 30px;
    background-color: #119c07; 
    margin-right: 1%;
	color:#fff;
	display: inline-block;
	position: relative;
	
}

.price-pizza-droite { 
	font-size: 1rem;
    line-height: 1.53846;
    color:#fff;
    min-height: 30px;
	font-weight:bold;
	background-color: #119c07;
	float: right;
	width: 33%;
	margin-left: 1%;
	
}

.libelet-taille{
	width:100%;
	float:left;
}
.libelet-taille span {
		width:30%;
		color:#dd0101;
		
}
.price-pizza{
	
	background-color:#119c07;
	font-size: 14px;
    margin: auto;
    width: 100%; 
	text-align:center;
}

.price-pizza-cf{
	
	background-color:#74b3f3;
	font-size: 14px;
    margin: auto;
    width: 100%; 
	text-align:center;
}
.price-pizza-gauche-cf { 
	font-size: 1rem;
    line-height: 1.53846;
    font-weight: bold;
	min-height: 30px;
    float: left;
    width: 33%;
    background-color: #74b3f3; 
    color:#fff;
	
}

.price-pizza-centre-cf { 
	font-size: 1rem;
    line-height: 1.53846;
    font-weight: bold;
    margin-left:1%;
	float: left;
    width: 31%;
	min-height: 30px;
    background-color: #74b3f3; 
    margin-right: 1%;
	color:#fff;
	display: inline-block;
	position: relative;
	
}

.price-pizza-droite-cf { 
	font-size: 1rem;
    line-height: 1.53846;
    color:#fff;
    min-height: 30px;
	font-weight:bold;
	background-color: #74b3f3;
	float: right;
	width: 33%;
	margin-left: 1%;
	
}

.ingredients{
	
	text-align:center;
}
.conteneur-bloc-pizza {
    padding: 8px;
    -webkit-box-flex: 1;
	/*
  flex-grow: 1;
    display: flex;
	*/
	margin-top: auto;
    flex-direction: column;
}