@charset "utf-8";
/* CSS Document */

.Tnav ul, .Tnav li {
	margin: 0;
	padding: 0;
}
.Tnav ul {
	background: gray;
	list-style: none;
	width: 100%;
}
.Tnav li {
	//float: left;
	position: relative;
	width:auto;
}
.Tnav a {
	background: linear-gradient(#057BD3,#045C9D);
	color: #FFFFFF;
	display: block;
	font: bold 12px/20px sans-serif;
	padding: 8px 25px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	width:100%;
}
.Tnav li:hover a {
	background: #000000;
}
#submenu {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 35px;
	visibility: hidden;
	z-index: 1;
	display: none;
}
li:hover ul#submenu {
	opacity: 1;
	top: 40px;	/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
}
#submenu li {
	float: none;
	width: 100%;
}
#submenu a:hover {
	background: #EEEEEE;
	color: black;
}
#submenu a {
	background-color:#000000;
}
.Tnav{
	//display: none;
}

/*Tablette View**************************************/
@media (min-width: 768px){

	.Tnav{
	//display: block;
	}
	
	.Tnav a{
		width: 200px;
		text-align: left;
		//text-align: center;
	}
	
	.Tnav ul {
	background: gray;
	list-style: none;
	width: 100%;
	}
	.Tnav li {
	float: left;
	position: relative;
	width:auto;
	}
	
	#submenu {
		display: block;
	}

}