#menu_commande
{
        border1 : 4px solid #9EA0A1;
        padding-bottom : 30px;
		margin-left:10;
		width:1000px;
		//max-width: 1000px;
		height:100px;	//84
		display1:inline-block;
}

#onglet_commande
{
		left1 : 150px;
        position1 : float;
        border : 1px solid transparent;
        padding : 0;
		color:#F0E6F0;
        font : 12px arial,System, 'Times New Roman' ;
		text-align: center;
        list-style-type : none;
        margin-top : 0;
		margin-left:4px;
        width1 : 1320px;
}

#onglet_commande li
{
    float : left;
    height : 81px;
    background-color: #dfd7df;
padding:0px;
line-height: 1em ;
    margin : 2px 8px 0 2px !important;	/* Pour autres que IE */
    margin : 1px 8px 0 2px;				/* Pour IE  */
    border : 1px solid #9EA0A1;
	border-radius: 10px;
	width:113px;

}



#onglet_commande li.en_cours
{
	
    border: 1px solid black;//#fcf8f9;
	height : 81px !important;			/* Pour autres que IE */
	height : 81px;						/* Pour IE  */
    background-color: #80e97a;//#fcf8f9;
	cursor: default;
}

#onglet_commande a
{
    display : block;
    color : black;
    text-decoration : none;
    padding : 1px;

}

#onglet_commande a:hover
{
    background : #80e97a;//#fcf8f9;
	border-radius: 10px;
	height : 79px !important;			/* Pour autres que IE */
	height : 79px;
}

#onglet_commande_tab
{
		left1 : 150px;
        position1 : float;
        border : 1px solid transparent;
        padding : 0;
		color:#F0E6F0;
        font : 12px arial,System, 'Times New Roman' ;
		text-align: center;
        list-style-type : none;
        margin-top : 0;
		margin-left:4px;
        width1 : 1320px;
}

#onglet_commande_tab li
{
    float : left;
    height : 81px;
    background-color: #dfd7df;
padding:0px;
line-height: 1em ;
    margin1 : 5px 4px 0 5px !important;	/* Pour autres que IE */
    margin : 8px 4px;				/* Pour IE  */
    border : 1px solid #9EA0A1;
	border-radius: 10px;
	width:120px;

}



#onglet_commande_tab li.en_cours
{
	
    border: 1px solid black;//#fcf8f9;
	height : 81px !important;			/* Pour autres que IE */
	height : 81px;						/* Pour IE  */
    background-color: #80e97a;//#fcf8f9;
	cursor: default;
}

#onglet_commande_tab a
{
    display : block;
    color : black;
    text-decoration : none;
    padding : 1px;

}

#onglet_commande_tab a:hover
{
    background : #fcf8f9;
	border-radius: 10px;
	height : 79px !important;			/* Pour autres que IE */
	height : 79px;
}


#menu_onglet
{
        border-bottom1 : 1px solid #9EA0A1;
        padding-bottom : 30px;
		margin-left:0;
		width:1071;
		height:57px;	//84

}

#onglet_produit
{
		left : 150px;
        position : absolute;
        border : 1px solid transparent;
        padding : 0;
		color:#F0E6F0;
        font : 12px arial,System, 'Times New Roman' ;
		text-align: center;
        list-style-type : none;
        margin-top : 0;
        width1 : 1320px;
}

#onglet_produit li
{
    float : left;
    height : 81px;
    background-color: #dfd7df;
padding:0px;
line-height: 1em ;
    margin : 2px 8px 0 2px !important;	/* Pour autres que IE */
    margin : 1px 8px 0 2px;				/* Pour IE  */
    border : 1px solid #9EA0A1;
	border-radius: 10px 10px 0px 0px;
	width:113px;
display1: block;
}



#onglet_produit li.en_cours
{
	
    border-bottom: 1px solid #E7BDC8;//#fcf8f9;
	height : 81px !important;			/* Pour autres que IE */
	height : 81px;						/* Pour IE  */
    background-color: #E7BDC8;	//#80e97a;//#fcf8f9;
	cursor: default;
}

#onglet_produit a
{
    display : block;
    color : black;
    text-decoration : none;
    padding : 2px;

}

#onglet_produit a:hover
{
    background : #80e97a;//#fcf8f9;
	border-radius: 10px 10px 0px 0px;
	height : 78px !important;			/* Pour autres que IE */
	height : 78px;
}

#menu_produit_bouton
{
	visibility:hidden;
	display : none;

	margin: 10px auto;
	width: 98%;
	text-align: center;
}


@media (max-width:1280px)

{
	#onglet_produit li, #onglet_produit a:hover
	{
		border-radius: 10px 10px 10px 10px;
	}

	#onglet_produit li.en_cours
	{
		border-radius: 10px 10px 10px 10px;
		border : 2px solid green;
	}

}

#onglet_panier
{
	margin-top:18px;
}

@media (max-width:991.5px)

{
	#onglet_commande1
	{
		left : 10px;
	}

	#onglet_produit
	{
		left : 10px;
	}

	#onglet_panier
	{
		margin-top:4px;
	}
}

#principal_pt {
	font-family: Times New Roman; font-size: 14pt;
	position1:absolute;
	top:82px;
	padding : 2px;
	margin : 26px 4px 4px 4px;
	border: 1px solid black ;
	line-height: 1em;
	border : 1px solid #9EA0A1;
	height1:200px;
	padding-top:10px;

	background: #E7BDC8;
}

#principal1,#principal2,#principal3,#principal4 {
	font-family: Times New Roman; font-size: 14pt;
	position1:absolute;
	top:82px;
	padding : 2px;
	margin : 4px 4px 4px 4px;
	border: 1px solid black ;
	line-height: 1em;
	border : 1px solid #9EA0A1;
	height1:200px;
	padding-top:10px;

	background: #E7BDC8;
}

.onglet_separation
{
	visibility:hidden;
	display : none;
}

#onglet_produit li.onglet_cache
{
	background-color:#1fe0;
	border:0px;
}

@media (max-width:750px)

{
	#principalf1
	{
		left1 : 0px;
		margin-top : 113px;
	}

	@media (min-width:612px)

	{
		.onglet_separation
		{
			visibility:visible;
			display : block;
		}

		
	}

	
}

@media (max-width:1280px)

{
	#principal_pt
	{
		left1 : 0px;
		margin-top : 113px;
	}
}


@media (max-width:1100px)

{
	#menu_commande
		{
			width:600px;
       		height:190px;	//84
		}
}


@media (max-width:600px)

{
	#menu_commande
		{
			width:400px;
       		height:270px;	//84
		}
}

@media (max-width:388px)

{
	#menu_commande
		{
			width:300px;
       		height:350px;	//84
		}
}

@media (max-width:676px)

{
	
	#menu_produit_bouton
	{
		visibility:visible;
		display : block;
	}

	#onglet_produit
	{
		background: #FFECBF;
		padding-bottom:4px;
		z-index:1000;
	}


	#onglet_produit.collapse.ferme
	{
		display:none;
		visibility:hidden;
	}

	.onglet_separation
	{
		visibility:hidden;
		display : none;
	}

	

	img.displayed
	{
    	visibility:hidden;
		display : none;
	}

	#onglet_produit li
	{
		height:32px;
	}

	#onglet_produit li.en_cours
	{
		height:32px;
		height:32px !important;
	}

	#onglet_produit a:hover
	{
		height:29px;
		height:29px !important;
	}

	#onglet_produit a
	{
		padding-top : 10px;
	}
}

@media (max-width:991.5px)

{
	#principal_pt
	{
		left : -20px;
		margin-top : 113px;
	}

	
}



@media (max-width:676px)

{
	#principal_pt
	{
		left : -20px;
		margin-top : -28px;
	}

	#principal1
	{
		left : -20px;
		margin-top : 4px;
	}

	#onglet_produit li
	{
			
    	margin : 3px 3px 3px 3px !important;/* Pour autres que IE */
    }

	@media (min-width:555px)

	{
		#onglet_produit li
		{
    		margin : 3px 40px 0px 3px !important;	/* Pour autres que IE */
    		margin : 3px 40px 0px 3px;				/* Pour IE  */
			width:132px;
    	}
	}
}

@media (max-width:420px)

{
	
	#onglet_produit
	{
		left : 2px;
	}
		
	#onglet_produit li
	{
			
    	width:110px;
		margin : 3px 3px 3px 3px !important;/* Pour autres que IE */
    }
}

.menu_produit_bouton_separation
{
	margin-left:2px;
	margin-right:2px;
	display : inline;
}

@media (max-width:319px)

{
	.menu_produit_bouton_separation
	{
		display : block;
		margin:4px;
	}

	#principal1
	{
		margin-top : 10px;
	}
}

@media (max-width:350px)

{
	#onglet_produit li
	{
		 
    	width:130px;
		margin : 3px 5px 3px 5px !important;/* Pour autres que IE */
    }
}

