html				{	background-color: #444444;	background-image: url("logo/fond6.jpg");		}
body				{	padding:1% 1%;	min-width: 180px;	max-width:1024px;	margin:auto; 	
						font-family: 'Handlee';		font-size:1.1em;	}
#decor				{	background-color: #e5b000; border: ridge 6px #f63800;	border-radius:12px;		box-shadow: 5px 5px 5px rgba(20,20,20,0.7);	}
#main				{	background-color: #222222; border-color: #BBB;	clear:both;	background-image: url("logo/motif-hp.jpg");	padding: 20px 10px;	color:#feea8d;	}
 .mainContent		{	background-color: #222222;	padding:10px;	margin:0;	cursor: pointer;		}
 .mainArticle		{	background-color: #222222;	padding:10px;	margin:0;		}
 p	{	font-size: 1.3em;	margin-bottom: 10px;	}
 .mainContent:hover	{	background-color: #FFD9B1;	color: #3E61B0;	}
#header				{	background-color: #e5b000;  	border-top-right-radius: 8px;	border-top-left-radius: 8px; max-width: 100%; /*height:250px;*/	
						position:relative;  background-image: url('logo/enerzyk-site-header-bg-only.png'); background-size: 100% 100%;		}
 #headerTable		{	margin:  2% auto 4% 2%;	position: relative; width:100%;		}
 #headerCol1		{		text-align: left;		}
 #headerCol2		{		text-align: left;		}
/*flex
 #EnerzykSubtitle	{		max-width: 80%;	max-height:60%;	}
 #EnerzykTitle		{		max-width: 80%;	max-height:80%;	}
*/
 #RAVimage			{	width: auto;	max-height:40%;	margin-right: 2px;	}
 
#fbStick1			{	float:right; border:none; overflow:hidden; height:21px; width:170px;	position: absolute; top:6px;	right:6px;	/*border: solid red 2px;*/	}
#fbStick2			{	float:right; border:none; overflow:hidden; height:21px; width:170px;	display:none;	position: absolute; bottom:6px;	left:6px;	}

#stickMenu, #menu, #Vmenu, #Hmeny, #hSeparator	{	z-index: 9;	}
#menu, #Vmenu, .VmenuItem				{	background-color: #9d2b19;  background-image: url("logo/barre-metal.jpg");	}
#Hmenu	{	display: none;	padding: 6px 4px;	}
footer		{	position:relative;	/*top:-20px;*/		}

#menu				{	   	padding:0px 4px;	top:0;	/*border-top: ridge 6px #f63800;	border-bottom: ridge 6px #f63800;*/	}
#menuFiller			{	background-color: red; position:relative; top:0px; 	float:left; height:36px;	}
 .menuButton,.menuButton0		{	background-color: transparent;	color: white;	border: outset #999 3px;	border-radius:4px;	
 									padding: 3px 8px;	float:left;	cursor: pointer; margin-right:4px;	margin-bottom:4px;	}
 .menuButton:hover,.menuButton0:hover, .nzkButton	{	background-color: #FFD9B1;	color: #3E61B0;	}
 .menuButton		{	/*display: none;*/	}
 .hiddenButton		{	display: none!important;	}
#footer				{	background-color: #e5b000; font-size: 10pt; font-family: Tahoma, sans-serif; color: black;	 	}
#footerDiv			{	padding:20px 6px 6px 6px;	margin:auto;	text-align: center;	}
 .footerNote		{	padding: 0 5px; white-space: nowrap; display:inline;	}						
#infoLogo			{	height:80px;	margin-right:20px;	}

#Vmenu				{	display:none;	color:white;	padding-top:2px;	 top:0;  }	/*margin: 0 5px;*/
 #VmenuButton		{		font-weight: bold;	font-size: 1.4em;	}
 #VmenuPulldown		{	float:left; border-right: solid 2px #DDD;	padding-left:10px;	padding-right:10px; }
//  #VmenuPulldown:hover	{	background-color: #FFD9B1;	color: #3E61B0;	}
 #VmenuPulldown img	{	vertical-align: top; position: relative;	top:1px;	}
 #VmenuTitle		{	text-align: center;	vertical-align: middle;	font-weight: normal;	}
 #VmenuPanel		{	display:none; position: absolute;	z-index: 9;		font-weight: normal;	}
 .VmenuItem			{	background-color: #7AE3B3;	color: white;	/*border-right: solid #DDD 2px;*/	padding: 3px 8px;	}
 .nzkItem			{	background-color: #C62;		}
 .VmenuItem:hover,.nzkImtem	{	background-color: #FFD9B1;	color: #3E61B0;	}
.container:after	{	 clear: both;    content: "";    display: block;	}	/*Pour le problème des float left*/
.errorMessage		{	border: solid red 1px; border-radius:3px;	padding:10px; margin:40px; font-weight: bold; background-color: #FCF; color: red;	}

.hSeparator			{	height:8px; width:100%; background-image: url("logo/horizontal-line.png");	background-repeat:repeat-x; }
a:hover				{	color: #ff8a00;	}
a:visited			{	color: #fffDBf;	}
a					{	color: #ef6a00;	}
.boldText, b			{	font-weight: bold;	color:  #FFB;	}	/* #FE9;*/
button			{	border-radius: 4px;		background-image: url("logo/bouton-metal.jpg");	color:white;	padding: 3px 8px;	
						font-family: 'Handlee';	font-size: 0.8em;	margin-top: 10px;	margin-bottom:10px;		}
.aButton		{	border-radius: 4px;		background-image: url("logo/bouton-metal.jpg");	color:white;	padding: 3px 8px;	
						font-family: 'Handlee';	font-size: 0.8em;	margin-top: 10px;	margin-bottom:10px;		}

h1	{	font-size:2em;	color:#ef6a00;		text-shadow: 2px 2px 2px black; margin:0px 0px 20px 0px;	}
h2	{	font-size: 1.4em;	font-weight: bold;	margin-top:14px; margin-bottom:0px;	color:#ef6a00;	}
h3	{	font-size: 1.2em;	font-weight: bold;	margin-top:0; margin-bottom:10px;	}
/*
.orangeBorder	{	border: ridge 3px #ef6a00;		}
.imageArticle	{	border: ridge 3px #ef6a00;	width:300px;	margin-bottom:6px;	}
.imageArticleV	{	border: ridge 3px #ef6a00;	height:300px;	margin-bottom:6px;	}
*/
.orangeBorder	{	border: ridge 1px #ef6a00;	border-radius:2px 16px;	box-shadow: 3px 3px 2px rgba(0,0,0,0.7);	padding: 10px;	background-color: #444;	}
.imageFrame	{	background-color: #444;	padding: 10px  10px 4px 10px ;		border: ridge 1px #ef6a00;	border-radius: 2px 16px;	margin-bottom:6px;	box-shadow: 3px 3px 2px rgba(0,0,0,0.7);
					max-width: 33%;	}
.imageArticle	{	width:300px;	border: inset 3px grey;	max-width: 100%;	}
.imageArticleV	{	height:300px;	border: inset 3px grey;	max-width: 100%;	}

.imageLeft		{	float:left;	margin-right:10px;	}
.imageRight		{	float:right;margin-left:10px;	}
/*.separator		{	border-color: #ef6a00;	}*/
.separator		{	border-color: #444;	}
.nowrap	{	white-space: nowrap;	}

#pagePopupDlg	{	font-size: 0.7em;	background-color: #444444;	background-image: url("logo/fond6.jpg");	color:#feea8d;	display: none;		}
#pagePopupDlg 	{	overflow: auto;	max-height: 320px!important;	padding:5px;		}
.ui-widget-header	{	background: #e79f00 url(JqueryUI/images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x!important;		}
.ui-widget-content	{	background: #952820!important;		}
.ui-button-text	{	display:none!important;	}

  	.indent	{	padding-left: 30px;	margin:0;	}

/*Pour facebook: */
/*#u_0_0	{	background: orange!important;	border:solid red 3px;	}*/

@media only screen and (max-width: 600px)
{
	#contactImg	{	display: none;	}
	#fbStick1	{	display: none;	 }
	#fbStick2	{	display: inline;	}
	#header				{	max-height:180px;	}
    #RAVimage		{	max-height:40%;	}
/*flex
	#EnerzykSubtitle{	max-height:40%;	}
 	#EnerzykTitle	{	max-height:60%;	}
*/
}
@media only screen and (max-width: 400px)
{
	 h1				{	font-size: 1.5em;		}
	 #VmenuPulldown,
	 #VmenuTitle	{	padding-top:8px;	padding-bottom:8px;	}
	 .VmenuItem		{	padding-top:3px;	padding-bottom:3px;	border-top: solid 1px #ddd;	 }
	 #VmenuPanel	{	clear: both;		}
	.nowrap	{	white-space: normal;	}
	#header				{	padding: 0 0 10px 0;	}
	#header				{	height:120px;	}
	#RAVimage		{	max-height:30%;	}
/*flex
 * 	#EnerzykTitle	{	max-height:50%;	}
*/
}
@media only screen and (max-width: 280px)
{
	 h1				{	font-size: 1.2em;		}
	 #VmenuPulldown,
	 #VmenuTitle	{	padding-top:8px;	padding-bottom:8px;	}
	 .VmenuItem		{	padding-top:3px;	padding-bottom:3px;	border-top: solid 1px #ddd;	}
	 #VmenuPanel	{	clear: both;	}
	.nowrap	{	white-space: normal;	}
	#header				{	margin: 0;	}
/*flex	#headerTable		{	margin:  10px;	position: relative; width:100%;	}*/
}