/* MENU ... */
 
	#content-menu
	{
		float:left;
		width:100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: #0470DD;
		font-size: 0;
	}	
	
	#content-menu-2eme-ligne
	{
		float:left;
		width:100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: #0470DD;
		font-size: 0;
		background-image:url( ../datas/image/fond_top.png);
		background-position: bottom;
		background-repeat:repeat;
	}	

 
	/* MENU DU HAUT */
 
	#menu_du_haut
	{
		z-index:6;
		position: fixed;
		left:0px;	
		right:0px;	
		top:0px;
		height:auto;
        border-style:solid;
        border-width: 0px;
		border-radius: 0px 0px 0px 0px;
		font-size:0;
	}

	#supervisionNavBarButton{
		/* z-index: 1000; */
		position: absolute;
	}

	#supervisionNavBarGestion{
		margin-left: 7rem;
	}

	.ulNavSupervion_js a {
		text-decoration: none;
		z-index: 1000;
	}

	.liNavSupervion_js{
		display: none;
		position: relative;
		
	}

	.liNavSupervion_js a{
		color:whitesmoke;
	}

	.liNavSupervion_js a:hover {
		color: aquamarine;
		text-decoration: none;
		z-index: 2000;
	}

	
	
	
	.menu_du_haut_gauche
	{
		float:left;
		display:inline-block;
		padding: 0px;
		margin: 0px 0px 2px 10px ;
	}	
	
	.menu_du_haut_gauche_item
	{
		padding: 6px 6px 2px 6px;
		margin: -4px 0px 0px 0px ;
 		display:inline-block;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:15px;
		text-align: left;
		vertical-align : top;
        text-decoration:none;
		color: #FFFFFF;
        border-style:solid;
        border-width: 0px;
		border-radius:  6px;
		background-color: #040361;
		cursor:  pointer;
		-webkit-transition: padding 0.1s, background-color 0.2s; /* For Safari 3.1 to 6.0 */
		transition: padding 0.3s, background-color 0.2s; 
	}	
	.menu_du_haut_gauche_item:hover
	{
		background-color: #C0E010;
		color: #FFFFFF;	
	}	
	
	#my-account:hover { background-color: transparent; text-decoration: underline; color: #2f83c0 /*white*/; }
	#my-account { background-color: #2f83c0 /*#1fc7f6*/;padding: 5px;margin-right: 45px;display: inline-block; border-radius: 3px;color: white;}
	#my-account a { font-size: 14px; color: inherit;text-decoration: none; }
	
	
	.menu_du_haut_droite
	{
		float:right;
		display:inline-block;
		padding: 0px;
		margin: 0px 10px 2px 0px ;
		margin-top: 10px;
	}	
 
	#header_texte
	{
		float: left;
		padding:  4px 0px 0px 15px;
		font-family: 'Blinker', sans-serif;
        font-weight:bold;
		font-style:normal;
        font-size:42px;
	    color:white;
		display:inline-block;	
	} 
	
	#header_user
	{
		float:right;
		display:inline-block;
		margin: 4px 0px 4px 0px;
		padding: 0px 20px 0px 0px;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:12px;
		color: #FFFFFF;
        border-style:solid;
        border-width: 0px;
		border-radius: 6px 0px 0px 6px ;

		z-index:6;
		-webkit-transition: color 0.3s, background-color 1s; /* For Safari 3.1 to 6.0 */
		transition: color 0.3s, background-color 1s; 	
	}	
	
 
	#header_user_image
	{
 		display:inline-block;	
        border-style:solid;
		border-color:#FFFFFF;
        border-width: 0px 4px 0px 4px;
		border-radius: 4px;
		background-color:#FFFFFF;
	}	
	
	#header_user_txt
	{
 		display:inline-block;	
        border-width: 0px;
		border-radius: 0px;
	}	
	
 
	
	/*
	.menu_du_haut_droite_item
	{
		padding: 2px 6px 0px 6px;
		margin: 0px;
 		display:inline-block;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:16px;
		text-align: right;
		vertical-align : top;
        text-decoration:none;
		color: #FFFFFF;
        border-style:solid;
        border-width: 0px;
		border-radius: 0px 0px 6px 6px;
		background-color: #333333;
		cursor:  pointer;
	}	
	.menu_du_haut_droite_item:hover
	{
		padding: 10px 6px 2px 6px;
		background-color: #FF8000;
	}
	*/
	
/*******************************************************************
 //=> MENU DE DROITE
*******************************************************************/

	/*
	.spacer_10px
	{
		height:6px;
	}
 
	#menu_de_droite_master_1
	{
		z-index:0;
		position: fixed;
		width:100px;
		height:100px;
		right: 0px;
		top: 100px;
        padding: 2px 6px 2px 6px  ;
		-ms-transform: rotate(-90deg);  
		-webkit-transform: rotate(-90deg); 
		transform: rotate(-90deg);
	}
 
	.menu_de_droite_master_item_1
	{
		padding: 2px 6px 50px 6px;
		background-color: #040361;
        margin-top:80px ;
		text-align: center;
        border-style:solid;
        border-width: 0px;
		border-radius: 6px 6px 6px 6px;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:16px;
        color:#FFFFFF;
        text-decoration:none;
		cursor:  pointer;
		-webkit-transition: margin-top 0.1s, background-color 0.2s; 
		transition: margin-top 0.3s, background-color 0.2s; 
	}
	.menu_de_droite_master_item_1:hover
	{
        margin-top: 70px ;
		background-color: #C0E010;
	}
 
	#menu_de_droite_master_2
	{
		z-index:0;
		position: fixed;
		width:100px;
		height:100px;
		right: 0px;
		top: 201px;
        padding: 2px 6px 2px 6px  ;
		-ms-transform: rotate(-90deg);  
		-webkit-transform: rotate(-90deg);  
		transform: rotate(-90deg);
	}
 
	.menu_de_droite_master_item_2
	{
		padding: 2px 6px 50px 6px;
		background-color: #040361;
        margin-top:80px ;
		text-align: center;
        border-style:solid;
        border-width: 0px;
		border-radius: 6px 6px 6px 6px;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:16px;
        color:#FFFFFF;
        text-decoration:none;
		cursor:  pointer;
		-webkit-transition: margin-top 0.1s, background-color 0.2s;  
		transition: margin-top 0.3s, background-color 0.2s; 
	}
	.menu_de_droite_master_item_2:hover
	{
        margin-top: 70px ;
		background-color: #C0E010;
	}
 
	#menu_de_droite_master_3
	{
		z-index:0;
		position: fixed;
		width:100px;
		height:100px;
		right: 0px;
		top: 302px;
        padding: 2px 6px 2px 6px  ;
		-ms-transform: rotate(-90deg);  
		-webkit-transform: rotate(-90deg); 
		transform: rotate(-90deg);
	}
 
	.menu_de_droite_master_item_3
	{
		padding: 2px 6px 50px 6px;
		background-color: #040361;
        margin-top:80px ;
		text-align: center;
        border-style:solid;
        border-width: 0px;
		border-radius: 6px 6px 6px 6px;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:16px;
        color:#FFFFFF;
        text-decoration:none;
		cursor:  pointer;
		-webkit-transition: margin-top 0.1s, background-color 0.2s; 
		transition: margin-top 0.3s, background-color 0.2s; 
	}
	.menu_de_droite_master_item_3:hover
	{
        margin-top: 70px ;
		background-color: #C0E010;
	}
	*/
	
 
	
	#menu_MAB /* Machine Agenda Bouteille */
	{
		display: block;
		width: 320px;
		margin: 0; 
		margin: auto;
		
	}
 
	#menu_MAB_in /* Machine Agenda Bouteille */
	{
		display: inline-block;
		
		float:right;
		texte-align:center;
		background-color: #FF0000;
		line-height: 100%;
		border-radius: 0px 0px 10px 10px;
        padding: 3px 15px 7px 15px;
		background-color:#4d4c4c;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:16px;
        color:#FFFFFF;
		/*border: 1px solid white; */
		border-top: none;
		background-color: #4d4c4c/*#251f1f*/ !important;
		margin: 0px 1px;
	}
	#menu_MAB_in:hover /* Machine Agenda Bouteille */
	{
		cursor:pointer;
		background-color: white !important;
		color: #72676b;

	}
 
	/************************************************************************************************************************/

	.spacer_10px
	{
		height:10px;
	}
	
	.spacer_20px
	{
		height:20px;
	}
 
	#menu_de_droite_master_1
	{
		z-index:0;
		position: fixed;
		width:100px;
		height:100px;
		right: 0px;
		top: 100px;
        padding: 2px 6px 2px 6px  ;
		-ms-transform: rotate(-90deg); /* IE 9 */
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		transform: rotate(-90deg);
	}
 
	.menu_de_droite_master_item_1
	{
		padding: 2px 6px 50px 6px;
		background-color: #040361;
        margin-top:80px ;
		text-align: center;
        border-style:solid;
        border-width: 0px;
		border-radius: 6px 6px 6px 6px;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:16px;
        color:#FFFFFF;
        text-decoration:none;
		cursor:  pointer;
		-webkit-transition: margin-top 0.1s, background-color 0.2s; /* For Safari 3.1 to 6.0 */
		transition: margin-top 0.3s, background-color 0.2s; 
	}
	.menu_de_droite_master_item_1:hover
	{
        margin-top: 70px ;
		background-color: #C0E010;
	}
 
	#menu_de_droite_master_2
	{
		z-index:0;
		position: fixed;
		width:100px;
		height:100px;
		right: 0px;
		top: 201px;
        padding: 2px 6px 2px 6px  ;
		-ms-transform: rotate(-90deg); /* IE 9 */
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		transform: rotate(-90deg);
	}
 
	.menu_de_droite_master_item_2
	{
		padding: 2px 6px 50px 6px;
		background-color: #040361;
        margin-top:80px ;
		text-align: center;
        border-style:solid;
        border-width: 0px;
		border-radius: 6px 6px 6px 6px;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:16px;
        color:#FFFFFF;
        text-decoration:none;
		cursor:  pointer;
		-webkit-transition: margin-top 0.1s, background-color 0.2s; /* For Safari 3.1 to 6.0 */
		transition: margin-top 0.3s, background-color 0.2s; 
	}
	.menu_de_droite_master_item_2:hover
	{
        margin-top: 70px ;
		background-color: #C0E010;
	}
 
	#menu_de_droite_master_3
	{
		z-index:0;
		position: fixed;
		width:100px;
		height:100px;
		right: 0px;
		top: 302px;
        padding: 2px 6px 2px 6px  ;
		-ms-transform: rotate(-90deg); /* IE 9 */
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		transform: rotate(-90deg);
	}
 
	.menu_de_droite_master_item_3
	{
		padding: 2px 6px 50px 6px;
		background-color: #040361;
        margin-top:80px ;
		text-align: center;
        border-style:solid;
        border-width: 0px;
		border-radius: 6px 6px 6px 6px;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:16px;
        color:#FFFFFF;
        text-decoration:none;
		cursor:  pointer;
		-webkit-transition: margin-top 0.1s, background-color 0.2s; /* For Safari 3.1 to 6.0 */
		transition: margin-top 0.3s, background-color 0.2s; 
	}
	.menu_de_droite_master_item_3:hover
	{
        margin-top: 70px ;
		background-color: #C0E010;
	}
 
 
	/************************************************************************************************************************/
	
	
	#menu_affichage_au_centre
	{
		position: fixed;
		right: 2%;
		bottom: 2%;
		/*top: 120px; /*****************************************************/
		width:auto;
		white-space: nowrap;
		z-index:2;
		overflow:auto;
	}	
	
	.menu_affichage_au_centre_contour
	{
		display:inline-block;
        border-style:solid;
		border-color: ;
        border-width: 0px;
		border-radius: 10px;
		background-color: rgba(192,224,16, 0.3);
        padding: 6px ;
        margin:  0px ;
		width:auto;
		text-align: center;
		vertical-align:bottom;
        text-decoration:none;
		overflow-x:auto;
		overflow-y:no;
		-webkit-transition:  background-color 0.1s; /* For Safari 3.1 to 6.0 */
		transition:  background-color 1s; 
	}
	.menu_affichage_au_centre_contour:hover
	{
		background-color: rgba(255,255,171, 0.9);
	}
	
	.menu_link
	{
        text-decoration:none;
        color: #FFFFFF;
	}
	
	.menu_master_link
	{
        text-decoration:none;
        color: #FFFFFF;
	}
 
	.menu_affichage_au_centre_block
	{
		display:inline-block;
        border-style:solid;
		border-color:#808080;
        border-width: 3px;
		border-radius: 6px;
		background-color: #333333;
        padding: 0px ;
        margin: 2px ;
		text-align: left;
		vertical-align:bottom;
        text-decoration:none;
		width:auto;
	} 
	
	.menu_affichage_au_centre_block_agenda
	{
		display:inline-block;
        border-style:solid;
		border-color:#808080;
        border-width: 3px;
		border-radius: 6px;
		background-color: #333333;
        padding: 0px ;
        margin: 2px ;
		text-align: left;
		vertical-align:bottom;
        text-decoration:none;
		overflow: no;
	}
 
	.heure
	{
		text-align: right;
		background-color: #333333;
        color: #808080;
		white-space: nowrap;
        margin: 0px 4px 6px 2px ;
	}
 
	.menu_affichage_au_centre_listing_machine
	{
		overflow: auto;
		max-height:496px;
		width:360px;
		
	} 
 
	.menu_affichage_au_centre_listing_bouteille
	{
		overflow: auto;
		max-height:488px;
		width:200px;
	} 
	
	.menu_affichage_au_centre_block_titre
	{
		padding: 2px 10px 2px 10px;
        margin: 0px;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:14px;
        color:#FFFFFF;
        text-decoration:none;
        text-align:center;
        text-decoration:none;
		background-color:#808080;
	}	
	
	.menu_affichage_au_centre_block_footer
	{
		padding: 2px 10px 2px 10px;
        margin: 0px;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:14px;
        color:#FFFFFF;
        text-decoration:none;
        text-align:center;
        text-decoration:none;
		background-color:#808080;
		-webkit-transition:  background-color 0.2s; /* For Safari 3.1 to 6.0 */
		transition:  background-color 0.2s; 
	}	
	.menu_affichage_au_centre_block_footer:hover
	{
		background-color:#FF0000;
	}	
 
	.menu_affichage_au_centre_block_ligne
	{
		padding: 0px 0px 0px 6px;
        margin: 1px;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:10px;
        text-align:left;
		background-color:#333333;
        color:#FFFFFF;
		cursor:pointer;
		-webkit-transition:  background-color 0.2s; /* For Safari 3.1 to 6.0 */
		transition:  background-color 0.2s; 
	}
	.menu_affichage_au_centre_block_ligne:hover
	{
		background-color:#FF0000;
	}
	
	.menu_affichage_au_centre_block_ligne.butagaz
	{
		color: #4f81bd;
		background-color: #F0F0F0;		opacity: 0.9;
	}
 
	.menu_affichage_au_centre_block_ligne_active
	{
		padding: 0px 0px 0px 6px;
        margin: 1px;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:10px;
        text-align:left;
		background-color:#FF8000;
        color:#FFFFFF;
		cursor:pointer;
		-webkit-transition:  background-color 0.2s; /* For Safari 3.1 to 6.0 */
		transition:  background-color 0.2s; 
	}		.menu_affichage_au_centre_block_ligne_active.butagaz	{		background-color: #4f81bd;		opacity: 0.9;	}	
	.menu_affichage_au_centre_block_ligne_active:hover
	{
		background-color:#FF0000;
	}
 
	.menu_affichage_au_centre_block_ligne_marque
	{
		padding: 1px;
        margin: 1px;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:10px;
        text-align:center;
		background-color:#808080;
        color:#FFFFFF;
		cursor:pointer;
		-webkit-transition:  background-color 0.2s; /* For Safari 3.1 to 6.0 */
		transition:  background-color 0.2s; 
	}
	.menu_affichage_au_centre_block_ligne_marque:hover
	{
		background-color:#FF0000;
	}
	
	
	
/*******************************************************************
 //=> MENU FLAG
*******************************************************************/
	#menu_flags { position: absolute; right: 45px; top: 10px; display: inline-block; width: 40px; height: 25px; overflow: hidden; /*background-color: white; /*#251f1f*/ }
	#menu_flags:hover { height: 60px; -webkit-transition: width 2s; /* Safari */transition: width 2s; }
	.menu_flag
	{
		padding: 4px 4px 0px 4px;
		margin: 0px;
 		display: block;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:16px;
		text-align: center;
		vertical-align : top;
        text-decoration:none;
		color: #FFFFFF;
        border-style:solid;
        border-width: 0px;
		border-radius:  6px;
	
		cursor:  pointer;
		z-index:2;
		-webkit-transition: padding 0.1s, background-color 0.2s; /* For Safari 3.1 to 6.0 */
		transition: padding 0.3s, background-color 0.2s; 
	}	
	
	
	
	.menu_deco
	{
		padding: 4px 4px 0px 4px;
		margin: 0px;
 		display:inline-block;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:16px;
		text-align: right;
		vertical-align : top;
        text-decoration:none;
		color: #FFFFFF;
        border-style:solid;
        border-width: 0px;
		border-radius:  6px;
		
		cursor:  pointer;
		z-index:3;
		-webkit-transition: padding 0.1s, background-color 0.2s; /* For Safari 3.1 to 6.0 */
		transition: padding 0.3s, background-color 0.2s; 
	}	
	.menu_deco:hover
	{
		background-color: #FF6666;
	}	
	
	
	.menu_notice
	{
		padding: 4px 4px 0px 4px;
		margin: 0px;
 		display:inline-block;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:16px;
		text-align: right;
		vertical-align : top;
        text-decoration:none;
		color: #FFFFFF;
        border-style:solid;
        border-width: 0px;
		border-radius:  6px;
		background-color: ;
		cursor:  pointer;
		z-index:3;
		-webkit-transition: padding 0.1s, background-color 0.2s; /* For Safari 3.1 to 6.0 */
		transition: padding 0.3s, background-color 0.2s; 
	}	
	.menu_notice:hover
	{
		background-color: rgba(255,255,255, 0.5); ;
	}	
	
	
	
 
/*******************************************************************
 //=> MENU BOUTON
*******************************************************************/
	.menu_bouton
	{
		padding: 2px 6px 2px 6px;
		margin: 0px;
 		display:inline-block;
		font-family:"Arial";
        font-weight:bold;
		font-style:normal;
        font-size:16px;
		text-align: center;
		vertical-align : top;
        text-decoration:none;
		color: #808080;
        border-style:solid;
        border-width: 0px;
		border-radius: 4px ;
		background-color: ;
		cursor:  pointer;
		z-index:3;
		-webkit-transition: color 0.1s, background-color 0.2s; /* For Safari 3.1 to 6.0 */
		transition: color 0.1s, background-color 0.2s; 
	}	
	.menu_bouton:hover
	{
		background-color: #FF0000;
		color: #FFFFFF;
	}	
	
  
/*******************************************************************
 //=> LA NOTICE
*******************************************************************/


	.menu_deco_doc
	{
 
	}	
	.menu_deco_doc:hover
	{
 
	}

	.plein_cadre
	{	  
		position: fixed;
		margin:  10%;
		padding: 20px;
		width:80%;

		background-color: rgba(4,112,221, 0.5); 
		z-index: 10;	 
		border-radius: 10px;
 
		-webkit-transition: border-radius 0.1s, background-color 0.2s; /* For Safari 3.1 to 6.0 */
		transition: border-radius 0.1s, background-color 0.2s; 
	}	
	.plein_cadre:hover
	{
		background-color: rgba(255,255,255, 0.8); 
		border-radius: 10px;
	}	

	
	.plein_cadre_in
	{	 
		padding: 5px;
		background-color: rgba(255,255,255, 0.1); 
		border-radius: 6px;
		min-height:300px;
	}	
	.plein_cadre_in:hover
	{
		background-color: rgba(255,255,255, 1); 
		border-radius: 6px;
	}	
 
	.plein_cadre_menu
	{	 
		float:right;
	}	
	
	#repertoire_on
	{
		margin:  1px;
		line-height: 100%;
        border-style:solid;
		border-color:#4AA3FC;
        border-width: 1px;
		border-radius: 2px;
        padding: 1px 3px 2px 3px;
		background-color:#4AA3FC;
		font-family:"Verdana";
        font-weight:bold;
		font-style:normal;
        font-size:9px;
        color:#FFFFFF;
		vertical-align:middle;
		display:inline-block;	
		text-decoration:none;
	}
	
	#repertoire_off
	{
		margin:  1px;
		line-height: 100%;
        border-style:solid;
		border-color:#040361;
        border-width: 1px;
		border-radius: 2px;
        padding: 1px 3px 2px 3px;
		background-color:#040361;
		font-family:"Verdana";
        font-weight:bold;
		font-style:normal;
        font-size:9px;
        color:#FFFFFF;
		vertical-align:middle;
		display:inline-block;	
		text-decoration:none;
	}
	
	#repertoire a
	{
		margin:  1px;
		line-height: 100%;
        border-style:solid;
		border-color:#040361;
        border-width: 1px;
		border-radius: 2px;
        padding: 1px 3px 2px 3px;
		background-color:#040361;
		font-family:"Verdana";
        font-weight:bold;
		font-style:normal;
        font-size:9px;
        color:#FFFFFF;
		vertical-align:middle;
		display:inline-block;	
		text-decoration:none;
	}
	#repertoire a:hover
	{
		background-color:#FFFFFF;
		border-color: #FFFFFF;
        text-decoration:underline;
        color:#040361;
	}
 
 
	#fichier a
	{
		margin:  0px;
        padding: 1px 10px 1px 2px ;
		line-height: 100%;
        border-style:solid;
        border-width: 0px;
		border-radius: 2px;
		background-color: ;
		font-family:"Arial";
        font-weight:normal;
		font-style:normal;
        font-size:9px;
        color:#000000;
		vertical-align:middle;
		text-align: center;
		display:inline-block;	
        text-decoration:none;
	}
	#fichier a:hover
	{
        text-decoration:none;
		border-color:#FF6767;
		background-color:#FF6767;
	}
	
	
	#fichier_type a
	{
		width:20px;
		margin:  0px;
        padding: 1px ;
		line-height: 100%;
        border-style:solid;
        border-width: 0px;
		border-radius: 2px;
		background-color: #808080;
		font-family:"Arial";
        font-weight:normal;
		font-style:normal;
        font-size:9px;
        color:#FFFFFF;
		vertical-align:middle;
		text-align: center;
		display:inline-block;	
        text-decoration:none;
	
	}
	#fichier_type a:hover
	{
        text-decoration:none;
		border-color:#FF0000;
		background-color:#FF0000;
	}