* { margin:0; padding:0; }

body { 
  font-family:Arial, Helvetica, sans-serif;
  /*background:url(../images/head.jpg) #ffffff no-repeat top center;*/
}

#wrap {
  width:990px;
  margin:0 auto;
  font-size:12px;
}

#head {
  height:135px;
  position:relative;
  background:url(../images/head.gif) bottom left no-repeat;
  margin-bottom:23px;
}
#logo {
  position:absolute;
  top:48px;
  left:30px;
}
#picto {
  position:absolute;
  right:0px;
  top:18px;
}
#picto img {
  margin-right:5px;
  border:none;
}

#topmenu {
  font-size:12px;
  font-weight:bold;
  position:absolute;
  top:20px;
  left:252px;
  text-transform:uppercase;
}
#topmenu ul {
  list-style-type:none;
}
#topmenu li {
  display:inline;
  margin-right:30px;
}
#topmenu a:link, #topmenu a:visited {
  color:#003399;
}
#topmenu a:hover, #topmenu a:active {
  color:#e6020d;
}
#banner-top {
  float:left;
  width:990px;
  margin-bottom:33px;
}
#banner-top ul {
  list-style-type:none;
  list-style-position:inside;
}
#banner-top li {
  display:inline;
}
#banner-top li img {
  border:0;
  float: left;
}
.first {
  margin-left:0;
}
.nf {
  margin-left:10px;
}

#conteiner {
  background:url(../images/content-bg.gif) repeat-y top center;
  color:#323232;
  float:left;
  width:990px;
}
#conteiner a:link { color:#003399; text-decoration:none; }
#conteiner a:visited { color:#003399; text-decoration:none; }
#conteiner a:hover, #conteiner a:active { color:#e6020d; text-decoration:underline; }


#left {
  float:left;
  width:240px;
  font-weight:bold;
}
#right { 
  float:right;
  width:240px;
  font-weight:bold;
}

#left ul, #right ul, .atPageMenu ul { list-style-type:none; }
#left li, #right li, .atPageMenu li { padding-left:16px; padding-bottom:17px;}

#mainmenu , #orange, #ban-left-1, #blue  {
  position: relative;
  float: left;
  width: 100%;
}

#mainmenu {
  background:#99ccff;
  margin-bottom:20px;
}
#mainmenu ul {
  padding-top:12px;
}
#orange {
  padding-bottom:13px;
}
#orange h4 {
  background:#ff9900;
  font-size:12px;
  padding:7px 16px;
  margin-bottom:20px;
  color:#FFFFFF;
}
#orange li { background:url(../images/b-orange.gif) 0 3px no-repeat;}

#blue {
  padding-bottom:13px;
}
#blue h4 {
  background:#4b93d0;
  font-size:12px;
  padding:7px 16px;
  margin-bottom:20px;
  color:#FFFFFF;
}
#blue li, .atPageMenu li { background:url(../images/b-blue.gif) 0 3px no-repeat;}

#ban-left-1 { border:1px solid #ff9900; margin-bottom:23px;}
#ban-left-1 li { padding-bottom:5px; padding-top:5px; }
#ban-left-1 li img { border:none; }

.banner { padding-bottom:15px; border:none; }


#content {
  width:490px;
  float:left;
  padding-left:10px;
}
#content h1 {
  font-size:14px;
  margin-bottom:5px;
  color:#003366;
}
#content h2 {
  font-size:14px;
  margin-bottom:5px;
  margin-top:25px;
  color:#000000;
}
#content p {
  margin-top:5px;
}
#content li {
  margin-left:17px;
  margin-bottom:5px;
}



#bottom {
  clear:both;
  float:left;
  width:990px;
  border:1px solid #6ba6eb;
  border-top:20px solid #6ba6eb;
  margin-top:25px;
}
#about {
  font-size:12px;
  width:300px;
  float:left;
  text-align:left;
  margin:20px 0 10px 10px;
  display: inline;
}
#copy { 
  width:300px;
  font-size:11px;
  float:right;
  text-align:left;
  color:#CCCCCC;
  margin:20px 10px 10px 0;
  text-align:right;
  display: inline;
}
#copy a { color:#CCCCCC; text-decoration:none;}

.atPageMenu {position: relative; float: right; width: 240px; }
