/* CSS Document */

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #06425D;
  background-color: #307391;
  margin-top: 0;
  background: #307391 url(images/background2.jpg) repeat;
}

#header {
  background: url(images/headerRight.jpg) no-repeat;
  background-position: bottom right;
  height: 91px;
  margin-bottom: 0;
  padding-bottom: 0;
}

#topcontent {
  background: url(images/topIndexback.jpg) no-repeat;
background-position: top center;
  height: 356px;
  margin-top: 0;
  padding-top: 0;
}

#topcontent2 {
  background: url(images/topback2.jpg) no-repeat;
background-position: top center;
  height: 356px;
  margin-top: 0;
  padding-top: 0;
}

#topcontent3 {
  background: url(images/topback3.jpg) no-repeat;
background-position: top center;
  height: 356px;
  margin-top: 0;
  padding-top: 0;
}

#topSeccontent {
  background: #A7D0E4 url(images/topSecback.jpg) repeat-y;
  background-position: top center;
  /* background-color: #A5D3E3; */
  /* height: 394px; */
  margin-top: 0;
  padding-top: 0;
}

#topSeccontentNoImg {
  background-color: #ffffff;
  /* height: 394px; */
  margin-top: 0;
  padding-top: 0;
  width: 100%;
}

.topnav {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #074F6F;
}

#toplogo {
  background: url(images/navback.jpg) no-repeat;
  width: 80px;
  height: 20px !important;
  height: 20px;
}

#botlogo {
  background: url(images/logobot.jpg) no-repeat;
  width: 80px;
  height: 39px !important;
  height: 39px;
}

#outline {
  width: 780px;
  margin: 0 auto;
  border: 1px solid #fff;
}
/*
#backgroundContainer {
  background: #307391 url(images/background.jpg) repeat-y;
  background-position: top center;
}
*/
#livraison {
  height: 32px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #074F6F;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
}

#distrow {
  height: 198px;
  background-color: #C9E9F4;
}

.dist {
  padding:5px;
  text-align: left;
  vertical-align:top;
}

#banner {
  height: 98px;
}

#footer {
  color: #fff;
  text-transform: uppercase;
  background-color: #074F6F;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
}

.botmenuitem {
    background-color: #074F6F;
	color: #fff;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 80%;
}

a.foot {
	color: #fff;
	text-decoration: none;
}

a.foot.visited {
	color: #ffffff;
}

a.foot:hover {
	color: #C9E9F4;
}

ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
        background-color: #074F6F;
}

ul#mainlevel-nav li
{
	background-image: none;
    background-color: #074F6F;
    color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	margin: 0;
	font-size: 10px;
	line-height: 18px;
	white-space: nowrap;
	border-right: 1px solid #fff;
}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	color: #ffffff;
	/* background: transparent; */
}


#topnav>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #074F6F;
	background: #fff;
}

h1 {
	margin: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 150%;
	color: #074F6F;
	text-transform: uppercase;
}

h2 {
	margin: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 120%;
	color: #074F6F;
	font-style: italic;
}

h3 {
	margin: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 120%;
	color: #074F6F;
}

.vbig {
	font-weight: normal;
	font-size: 300%;
	font-stretch: wider;
	color: #074F6F;
}

#copy {
	font-size: 10px;
	text-align: center;
	padding-top: 10px;
	text-transform: none;
	color: #AFD4E4;
}
.filtration{
	background-color:lightblue;
	padding:3px;
}
.filtration h1{
	font-size:130%;
	text-transform:none;
	font-weight:bold;
}
.filtration a{
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #06425D;
	font-weight: normal;
}

#livraison a{
	color:#fff;
}