* {
  margin:0;
  padding:0;
}

body, html {
  height:100%;
}

body {
  width:1000px;
  margin:auto;
  color:#413B2A;
  background:white url(/images/bg.jpg) no-repeat fixed top left;
  font-family:helvetica, arial, sans-serif;
  font-size:12px;
}

a {
  color:#413B2A;
}

a img {
  border:none;
}

h1 {
  font-size:16px;
}

h2 {
  font-size:14px;
  font-weight:normal
}

h3 {
  font-size:12px;
  font-weight:normal
}

ul {
  list-style-position:inside;
  list-style-type:disc;
}

#content>ul {
  list-style-position:outside;
}

#clear {
  clear:both;
  height:2em;
}

#container {
  background:transparent url(/images/bg_container.png) repeat-y top left;
  min-height:100%;
}

#header {
  position:relative;
  height:338px;
  overflow:hidden;
}

#baseline {
  position:absolute;
  left:0;
  top:0;
  z-index:2;
}

ul.crossfade {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display:block;
  list-style:none;
}

#diaporama {
  display:block;
  list-style:none;
  position:absolute;
  clip:rect(0px,1000px,270px,0px);
  z-index:0;
}

#diaporama li {
  position:absolute;
  top:0;
  left:0;
  width:1000px;
  height:270px;
  visibility:hidden;
}

#partners {
  display:block;
  list-style:none;
  position:relative;
  width:208px;
  height:128px;
  overflow:hidden;
  text-align:center;
}

#partners li {
  position: absolute;
  top:0;
  left:0;
  width:100%;
}

#menu {
  display:block;
  list-style:none;
  position:absolute;
  left:0;
  bottom:0;
  z-index:3;
  background:transparent url(/images/up_menu.png) no-repeat top left;
  width:1000px;
  height:87px;
}

#menu li {
  float:left;
}

#menu li a {
  display:block;
}

#menu li a:hover {
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:top left;
}

#menu li a:hover img, #menu li a.menu_on img {
  visibility:hidden;
}

#mt_accueil:hover, #mt_accueil.menu_on {
  background-image:url(/images/mt_accueil_on.png);
}

#mt_le_pole:hover, #mt_le_pole.menu_on {
  background-image:url(/images/mt_le_pole_on.png);
}

#mt_les_navigateurs:hover, #mt_les_navigateurs.menu_on {
  background-image:url(/images/mt_les_navigateurs_on.png);
}

#mt_le_club_entreprise:hover, #mt_le_club_entreprise.menu_on {
  background-image:url(/images/mt_le_club_entreprise_on.png);
}

#mt_contacts:hover, #mt_contacts.menu_on {
  background-image:url(/images/mt_contacts_on.png);
}

#left_menu {
  display:block;
  float:left;
  list-style:none;
  width:150px;
}

#left_menu li {
  display:block;
  list-style:none;
}

#left_menu li div {
  background:transparent url(/images/border.png) no-repeat bottom right;
  padding-bottom:1px;
}

#left_menu a {
  display:block;
  list-style:none;
  padding:3px 0 3px 10px;
  border-width:0 0 0 10px;
  border-style:solid;
  border-color:#D6D0C0;
  text-decoration:none;
}

#left_menu a.add {
  font-style:italic;
}

body.le_pole #left_menu a.menu_on, body.le_pole #left_menu a:hover {
  border-color:#198CA2;
}

body.les_navigateurs #left_menu a.menu_on, body.les_navigateurs #left_menu a:hover {
  border-color:#CB2448;
}

body.le_club_entreprise #left_menu a.menu_on, body.le_club_entreprise #left_menu a:hover {
  border-color:#E06E00;
}

h2.le_pole {
  color:#198CA2;
}

h2.les_navigateurs {
  color:#CB2448;
}

h2.le_club_entreprise {
  color:#E06E00;
}

#left_menu li a.off {
  color:red;
}

#left_menu > li > a {
  font-weight:bold;
}

#left_menu > li > ul {
  margin-left:12px;
}

#right {
  position:relative;
  z-index:4;
  width:208px;
  float:right;
  margin:-55px 14px 0 14px;
  font-size:11px;
}

#news h2, #news ul {
  background-color:white;
  padding:0 10px 0 10px;
}

#news > a {
  display:block;
  padding:0 10px 0 10px;
  background:transparent url(/images/bg_actus.png) no-repeat bottom left;
  height:65px;
  line-height:65px;
  text-align:right;
  text-decoration:none;
}

#news > a img {
  vertical-align:middle;
  margin-right:5px;
}

#news ul {
  display:block;
  list-style:none;
}

#news li {
  display:block;
  list-style:none;
  padding-top:15px;
}

.date {
  color:#C01B00;
  font-size:10px;
}

#content {
  position:relative;
  z-index:10;
  padding:15px 0;
  margin:0 290px 0 175px;
}

#navigateurs, #videos, ul.partenaires {
  display:block;
  list-style:none;
  width:550px;
  float:left;
}

body.les_navigateurs #content.palmares {
  padding-bottom:1200px;
}

#navigateurs li {
  float:left;
  margin:0 10px 7px 0;
  width:66px;
  height:90px;
  overflow:hidden;
}

ul.partenaires li {
  float:left;
  margin:0 10px 7px 0;
  width:128px;
  height:128px;
  overflow:hidden;
  text-align:center;
}

#navigateur {
  position:absolute;
  top:-300px;
  left:80px;
  width:350px;
  min-height:600px;
  background-color:white;
  border:1px solid #8E8872;
  padding:12px 24px;
}

#videos {
  padding:15px 0;
}

#videos li {
  position:relative;
  float:left;
  margin:0 3px 3px 0;
  width:120px;
  height:45px;
  background-color:#D6D0C0;
  padding:90px 20px 5px 20px;
  font-weight:bold;
}

#videos li img {
  display:block;
  position:absolute;
  top:10px;
  left:20px;
  clip:rect(0px,120px,90px,0px);
  z-index:0;
}

#close {
  display:block;
  float:right;
  text-decoration:none;
}

#close img {
  vertical-align:middle;
}

body.accueil #content, body.contacts #content, body.mentions #content {
  margin-left:30px;
}

/* contact */

#contact {
  float:left;
  display:block;
  width:400px;
  text-align:right;
  margin-right:75px;
}

#contact ul {
  display:block;
  list-style:none;
}

#contact ul li {
  padding:.5em 0;
}

#contact ul li label {
  vertical-align:top;
}

#contact ul li.error_message {
  text-align:left;
  font-weight:bold;
  font-size:10px;
  color:red;
}

#contact ul li.question {
  text-align:center;
  font-weight:bold;
}

#contact ul li address {
  text-align:center;
  font-style:normal;
}

#contact input, #contact textarea, #contact select {
  border:1px solid #92979A;
  width:300px;
}

#contact input#envoyer {
  width:auto;
}

address {
  display:block;
  font-style:normal;
}

#phototheque, #dirs {
  display:block;
  list-style:none;
}

#phototheque a, #dirs a {
  text-decoration:none;
}

#dirs a:hover {
  text-decoration:underline;
}

#phototheque li {
  display:block;
  list-style:none;
  width:156px;
  height:140px;
  float:left;
  overflow:hidden;
  margin:0 5px 5px 0;
  padding:5px;
}

#phototheque > li:hover {
  border:1px solid white;
  width:154px;
  height:138px;
}

#phototheque li ul li {
  width:auto;
  height:auto;
  float:none;
  border:none;
  margin:0;
  padding:0;
  text-align:center;
}

#phototheque li ul li a {
  display:block;
}

#phototheque li ul li a img {
  display:block;
  margin:0 auto 10px auto;
}

/* wysiwyg */

body#wysiwyg, body#resume {
  background-image:none;
}