body {
  font-family: verdana,arial,serif;
  font-size: 12px; margin: 0px;
  background: url(../images/fond_gris.png) top center repeat-y;
  text-align:center;
  line-height: 1.2;
  color: #000000;
  background-color: #ffffff;
}
#page {
  position: relative;
  margin: auto; width: 983px;
  text-align:left;
  border:1px solid; border-top:0;
  background-color: #FFFFDF;
}
#header {
  width: 980px; height: 121px;
  background-color : #ffffff;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  padding:0 0 3px 3px;
}
#bandeaugauche {
  float:left; width: 159px; margin: 9px 0px 10px 0px; padding:0;
}
#main {
  float: left;
  min-height: 500px;
  width: 800px;
  margin: 9px 2px 5px 5px;
  padding: 0px;
  overflow:visible;
}
#pieddepage  {
  clear:both; margin: 0; padding: 2px 0px 2px 0px;
  text-align:center;
  border-top:1px solid;
  background-color:#FFCC33;
}
#titresite {
  position: absolute; top: 5px; right: 150px; text-align: right;
  border:none; color: #8b0b0b; font-weight: bold; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  overflow: hidden; margin: 5px 0px 0px 0px; padding: 0px; font-size: 300%;
}

/* Barres de navigation */
.onglets { position: absolute; padding: 0; margin:0; list-style: none; font-weight: bold;
           font-size:110%; z-index: 10 }
#nav { top: 101px !important; top: 122px; left: 180px; }
.onglets li {
  display:inline; float: left; border: 1px solid #000000; border-bottom: 1px solid #CC6633;margin: 0px 0px 0px 5px;
  background-color: #CC6633; color: #FFFFDF;
}
.onglets a, #nav a {
  display: block; padding: 3px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none; color: #FFFFDF;
}
#nav li:hover, #nav li:hover a, #nav a:hover { text-decoration: none; color: #CC6633; background-color: #FFFFDF }
.onglets li:hover { border-bottom: 1px solid #FFFFDF; }
.onglets li.focus, #nav li.focus { border-bottom: 1px solid #FFFFDF; background-color: #FFFFDF; color: #CC6633; }
.onglets li.focus a, #nav li.focus a { color: #CC6633; }

/* sous-menus   */
.onglets li ul  {
  position:absolute; left: -999em; height: auto; width: 11em; font-size: 90%;
  font-weight: normal; border: 1px solid black; margin: 0;padding:0; border-top: none;
  margin-left: -1px; margin-top: 1px;
}
.onglets li ul li { margin: 0; border: 0; width: 11em; overflow: hidden; }
.onglets li ul li:hover, .onglets li ul li a:hover
  { background-color:#FFFACD; border-bottom:none; color: #CC6633 }

/* pour "ramener" les sous menus quand on est dessus left: auto;*/
.onglets li:hover ul, .onglets li.sfhover ul { left:auto }

/**************************/
/* Bandeau gauche         */
/**************************/
.menu {
  margin: 0px 0px 10px 0px; padding: 0px;
  background-color: #FFFACD;
  border-right: solid 1px rgb(216,206,159);
  z-index:10;
}
p.titremenu {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; color: #FFFFDF; font-weight: bold; font-size: 110%;
  text-align: center; background-color: #CC6633; margin: 0px; padding: 3px;
}
p.case_menu { margin: 0px; padding: 5px 0px 5px 7px; font-size: 90%; }
.menu ul { list-style: none; width: 158px !important; width: 153px; margin: 0px; padding: 0px; }
.menu li { margin: 0px; padding: 0px; border-bottom: solid 1px rgb(216,206,159); }
.menu li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em;
             margin: 0px; padding: 0px 0px 0px 10px; border-left: solid 7px #FFFACD; text-decoration: none;
             font-size: 80%; color: #000000; }
.menu li a:hover, .menu li a.selected { border-left: solid 7px #CC6633; border-right: solid 1px rgb
(216,206,159); text-decoration: none; color: #CC6633; background-color: #FFFFDF; }

/**************************/
/* Contenu principal      */
/**************************/
.contenu-1col {float: left; width: 800px; margin: 0px 5px 10px 5px !important; margin: 0px 2px 10px 2px; padding: 3px; background-color: #FFFACD; border: solid 1px rgb(216,206,159); overflow:hidden;
 }
.contenu-2col-gauche {float: left; width: 337px; margin: 0px 5px 10px 5px !important; margin: 0px 3px 10px 3px; padding: 3px; background-color: #FFFACD; border: solid 1px rgb(216,206,159); overflow:hidden; }
.contenu-2col-droite {float: right; width: 337px; margin: 0px 5px 10px 5px !important; margin: 0px 3px 10px 3px; padding: 3px; background-color: #FFFACD; border: solid 1px rgb(216,206,159); overflow:hidden; }
.contenu-2col-gauche70 {float: left; width: 452px; margin: 0px 5px 10px 5px !important; margin: 0px 3px 10px 3px; padding: 3px; background-color: #FFFACD; border: solid 1px rgb(216,206,159); overflow:hidden; }
.contenu-2col-droite30 {float: right; width: 222px; margin: 0px 5px 10px 5px !important; margin: 0px 3px 10px 3px; padding: 3px; background-color: #FFFACD; border: solid 1px rgb(216,206,159); overflow:hidden; }
.contenu-2col {float: left; width: 340px; margin: 0px 2px 0px 2px; padding: 0px; background-color: #FFFACD; border: none; overflow:hidden; }
.contenu-3col {float: left; width: 223px; margin: 0px 2px 0px 2px; padding: 0px; background-color: #FFFACD; border: none; overflow:hidden; }

/**************************/
/* Tableaux         */
/**************************/
/*table { margin:0; padding: 0; }*/
td { vertical-align:top; }
td.sujet { font-size: 90%; vertical-align: middle; }
table.simple { width: 100%; /*border:solid 1px rgb(216,206,159); */}
td.titremenu {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	background-color: #CC6633; color: #FFFFDF;
	font-size: 110%; font-weight: bold;
	text-align: center; margin: 0px; padding: 2px 0px 2px 0px;
}
td.titremenu a {
  color: #FFFFDF;
}

/**************************/
/* Le texte         */
/**************************/
a { text-decoration: none; color: #CC6633; font-style: normal; }
a:hover { color: #CC6633; font-style: normal; text-decoration: underline overline}
.texteimportant{ text-align: center; font-weight: bold; color: #CC6633; font-size: 130%; }
div.code { font-size:80%; width: 90%; border:solid 1px rgb(216,206,159); margin:5px; padding: 2px; 
text-align:center; }
a.souligne { text-decoration: underline; }
h1 {
  margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px;
  border-bottom: solid 2px #CC6633;
  color: #CC6633; font-weight: bold; font-size: 140%;
}
h2 { margin: 0px 0px 5px 0px; padding: 0px; color: #CC6633; font-weight: bold; font-size: 120%; }
h3 { margin: 5px 0px 0px 0px; padding: 0px; color: Black; font-weight: bold; font-size: 110%; }

.contenu-texte-dense {margin: 0px; padding: 0px 0px 5px 5px; }
.lasuite { text-align: right; padding-top: 3px; padding-bottom: 3px; border-top:solid 1px rgb(216,206,159); }
.aligndroite { text-align: right; margin-bottom: 5px; padding-bottom: 5px; font-size: 90%; }
.centre { text-align: center; }
.moyen { display:inline; font-size: 90%; }
.petit { display:inline; font-size: 80%; }
ul.liste-justif {
  text-align: justify; padding: 5px 5px 0px 1.2em; margin: 5px 5px 0px 1.2em;
}
ul {
  text-align: left; padding: 5px 5px 0px 1.2em; margin: 5px 5px 0px 1.2em;
}
select { font-size: 90%; }
input { font-size: 90%; }
/**************************/
/* Images         */
/**************************/
.publi img { border:none }
.img-left-noborder-notopmargin {float: left; margin: 0px 3px 0px 0px; }
#logo {
  width:150px; height:120px;
  position:absolute;
  top:0px;
  border:none
}
#mathias { 
  width:136px; height:124px;
  position:absolute;
  top:0px; right:0px;
}
/* Drapeaux */
#drapeaux li { display: inline; list-style: none; margin-left: 2px; margin-right: 2px; padding: 0px; text-align:center;}
#drapeaux img { border: solid 1px #000000; }
#drapeaux { border:none; text-align:center; margin-top: -5px; margin-bottom:5px}