body {
  background: #979696;
	color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

img {
  border: 0;
  display: block;
}

h1, h2, h3, h4, p, ul, ol, form {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

img.spacer {
  clear: both;
}

a {
  background: #FFF;
  color: #1F5D9C;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Main */
div#main {
  background: #FFF;
	color: #666;
  margin: 0 auto;
  padding: 3px 10px 12px 4px;
  text-align: left;
  width: 754px;
}

/* Logo */
div#logo {
  float: left;
  font-size: 0.75em;
  height: 163px;
  overflow: hidden;
  position: relative;
  width: 162px;
}

div#logo a span {
  background: url('../images/logo_inter.gif') no-repeat;
  cursor: pointer;
  height: 163px;
  position: absolute; top: 0; left: 0;
  width: 162px;
}

/* Menu */
ul#menu {
  background: url('../images/bg-menu.jpg') no-repeat;
  float: left;
  height: 163px;
  list-style-type: none;
  margin: 0 0 5px 11px;
  width: 581px;
}

ul#menu li {
  float: left;
  font-size: .75em;
  height: 73px;
  margin: 90px 8px 0 0;
  position: relative;
  width: 107px;
}

ul#menu li a {
  display: block;
  height: 47px;
  margin: 13px 0;
  overflow: hidden;
  width: 107px;
}

ul#menu li span {
  height: 73px;
  position: absolute; top: 0; left: 0;
  width: 107px;
}

ul#menu li#item1 span {
  background: url('../images/menu/archive_off_fr.gif') no-repeat;
}
ul#menu li#item2 span {
  background: url('../images/menu/pedagogie_off_fr.gif') no-repeat;
}
ul#menu li#item3 span {
  background: url('../images/menu/programme_off_fr.gif') no-repeat;
}
ul#menu li#item4 span {
  background: url('../images/menu/enfants_off_fr.gif') no-repeat;
}
ul#menu li#item5 span {
  background: url('../images/menu/decouvrir_off_fr.gif') no-repeat;
}
ul#menu li#item1:hover span,
ul#menu li#item1.sfhover span {
  background: url('../images/menu/archive_on_fr.gif') no-repeat;
}
ul#menu li#item2:hover span,
ul#menu li#item2.sfhover span {
  background: url('../images/menu/pedagogie_on_fr.gif') no-repeat;
}
ul#menu li#item3:hover span,
ul#menu li#item3.sfhover span {
  background: url('../images/menu/programme_on_fr.gif') no-repeat;
}
ul#menu li#item4:hover span,
ul#menu li#item4.sfhover span {
  background: url('../images/menu/enfants_on_fr.gif') no-repeat;
}
ul#menu li#item5:hover span,
ul#menu li#item5.sfhover span {
  background: url('../images/menu/decouvrir_on_fr.gif') no-repeat;
}

ul#menu li ul {
  border-top: 1px solid #FFF;
  list-style-type: none;
  padding: 5px 0 0;
  position: absolute; left: -999em;
}

ul#menu li:hover ul,
ul#menu li.sfhover ul {
  left: 0;
  top: 73px;
}

ul#menu li ul li {
  font-size: .8333em;
  height: auto;
  margin: 0;
}

ul#menu li ul li a {
  background: url('../images/fleche-blanche.gif') no-repeat 2px 5px;
  color: #FFF;
  font-weight: bold;
  display: block;
  height: auto;
  margin: 0;
  padding: 0 0 2px 15px;
  text-decoration: none;
  width: 92px;
}
ul#menu li#item1 ul,
ul#menu li#item1 ul li a {
  background-color: #FBAA2A;
}
ul#menu li#item2 ul,
ul#menu li#item2 ul li a {
  background-color: #CC0C35;
}
ul#menu li#item3 ul,
ul#menu li#item3 ul li a {
  background-color: #5EB3FB;
}
ul#menu li#item4 ul,
ul#menu li#item4 ul li a {
  background-color: #A9CC3E;
}
ul#menu li#item5 ul,
ul#menu li#item5 ul li a {
  background-color: #EE079A;
}

ul#menu li#item1 ul li a:hover {
  background: #FEF5E6 url('../images/fleche-jaune.gif') no-repeat 2px 5px;
  color: #FBAA2A;
}
ul#menu li#item2 ul li a:hover {
  background: #F9E3E8 url('../images/fleche-violette.gif') no-repeat 2px 5px;
  color: #CC0C35;
}
ul#menu li#item3 ul li a:hover {
  background: #ECF6FE url('../images/fleche-bleue.gif') no-repeat 2px 5px;
  color: #5EB3FB;
}
ul#menu li#item4 ul li a:hover {
  background: #F5F9E9 url('../images/fleche-verte.gif') no-repeat 2px 5px;
  color: #A9CC3E;
}
ul#menu li#item5 ul li a:hover {
  background: #FDE2F3 url('../images/fleche-violette.gif') no-repeat 2px 5px;
  color: #EE079A;
}

/* Content */
div#columns {
  background: url('../images/bg-col.gif') repeat-y;
  clear: both;
}

div#content {
  background: #FFF;
  float: right;
  margin: 0 0 0 11px;
  width: 581px;
}

div#innercontent {
  border: 1px solid #B3DBFF;
  padding: 10px;
}

div#innercontent p {
  font-size: 0.8125em;
  margin: 0 23px 1.2em;
}

div#innercontent ul {
  font-size: 0.8125em;
  margin: 0 23px 1.2em 46px;
}

div#innercontent p#breadcrumb {
  background: #FFF;
  color: #1F5D9C;
  font-size: 0.6875em;
  margin: 0 0 1em;
}

div#innercontent p#breadcrumb span {
  font-weight: bold;
}

div#innercontent p#breadcrumb a {
  background: #FFF;
  color: #1F5D9C;
}

div#innercontent h1 {
  background: #FFF url('../images/fleche.gif') no-repeat 0 60%;
  color: #1F5D9C;
  font-weight: bold;
  margin: 0 0 0.875em;
  padding: 0 0 0 23px;
}

div#othersearches {
  background: #FFF;
  color: #1F5D9C;
  margin: 0 23px;
  text-align: right;
}

div#othersearches p {
  display: inline;
  font-weight: bold;
  margin: 0;
}

div#othersearches ul {
  display: inline;
  font-size: 0.8125em;
  list-style-type: none;
  margin: 0;
}

div#othersearches ul li {
  display: inline;
  font-weight: bold;
  white-space: nowrap;
}

/* Footer */
ul#footer {
  font-size: 0.625em;
  margin: 3px 0 0;
}

ul#footer li {
  display: inline;
}

ul#footer li a {
  background: #FFF;
  color: #666;
}

/* Sidebar */
div#sidebar {
  background: #2364A6 url('../images/fd_bleu_nav.jpg') no-repeat 0 0;
  color: #FFF;
  float: right;
  font-size: 0.625em;
  width: 162px;
}

div#sidebar ul {
  list-style-type: square;
  padding: 24px 4px 0 58px;
}

div#sidebar li {
  margin: 0 0 1.2em;
}

div#sidebar a {
  background: transparent;
  color: #FFF;
  text-decoration: none;
}

div#sidebar li span {
  font-weight: bold;
}

div#sidebar form {
  margin: 1.2em 0 0 40px;
}

div#sidebar input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
}

div#sidebar input.submit {
  background: transparent;
  border: none;
  color: #FFF;
  display: inline;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

div#sidebar a#english {
  background: url('../images/flag_en.gif') no-repeat 0 0;
  display: block;
  margin: 3em 4px 2em 40px;
  padding: 0 0 0 19px;
}