html, body { 
	height:100%;
	overflow:hidden;
}
body {
	padding:0px;
	margin:0px;
	background-color:#000;
    font-family: Georgia, "Times New Roman",
          Times, serif;
}
iframe {
	display:block;
	width:100%;
	outline: none;
}

#conteneur {
    padding:1px;
    width:100%;
    min-width:1160px;
    min-height:90px;
    overflow:hidden;
    background:#000;
}

#conteneur a {
	color : white;
	text-decoration : none;
}

/* Top Navbar */
.topbar {
	height: 30px;
	background: #333;
        min-width:980px;

	box-shadow: 0 .5px -1px 1px rgba(0,0,0,0.5);
}
	.topbar ul {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		.topbar ul li{
			float: left;
		}

			.topbar ul li a{
				display: block;
				padding: 0 15px;
				border-left: 1px #eee dotted;
				line-height: 30px;
				font-size: 14px;
				color: #EEE;
				text-decoration: none;
				font-family: "OpenSans", Arial, sans-serif;

				-moz-transition: .5s;
				-webkit-transition: .5s;
				-o-transition: .5s;
				transition: .5s;
			}

				.topbar ul li.bt1 a{
					background: #D24726;
					color: #FFF;
					font-style: bold;
				}

					.topbar ul li.bt1 + li a{
						border: 0;
					}

				.topbar ul li.bt2 a{
					background: #008A00;
					color: #FFF;
					font-style: bold;
				}

					.topbar ul li.bt2 + li a{
						border: 0;
					}

				.topbar ul li.bt3 a{
					background: #2672EC;
					color: #FFF;
					font-style: bold;
				}

					.topbar ul li.bt3 + li a{
						border: 0;
					}


				.topbar ul li.bt4 a{
					background: #AC193D;
					color: #FFF;
					font-style: bold;
				}

					.topbar ul li.bt4 + li a{
						border: 0;
					}

				.topbar ul li.bt5 a{
					background: #5133AB;
					color: #FFF;
					font-style: bold;
				}

					.topbar ul li.bt5 + li a{
						border: 0;
					}

				.topbar ul li.bt6 a{
					background: #8C0095;
					color: #FFF;
					font-style: bold;
				}

					.topbar ul li.bt6 + li a{
						border: 0;
					}

				.topbar ul li.bt7 a{
					background: #008299;
					color: #FFF;
					font-style: bold;
				}

					.topbar ul li.bt7 + li a{
						border: 0;
					}

				.topbar ul li.bt8 a{
					background: #094AB2 ;
					color: #FFF;
					font-style: bold;
				}

					.topbar ul li.bt8 + li a{
						border: 0;
					}


				.topbar ul li a:hover{
					background: #EEE;
					color: #333;
				}

				.topbar ul li:first-child a{
					border-left: 0px;
				}



	.topbar .left{
		float: left;
	}

	.topbar .right{
		float: right;
	}


ul li ul {
  padding: 0;
  position: absolute;
  top: 30px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul li ul li { 
  background: #555; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  width:150px;
}
ul li ul li:hover { background: #666; }
ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}