<!--

/**** Global ****/

html, body
{
  height: 100%; /* pour le positionnement vertical*/
}

body
{
  margin: 0px 0px 0px;
  padding: 0px 0px 0px;
  overflow: hidden;
}
/*html>body { overflow: auto; }*/

/**** Menu ****/

div#menu_conteneur			{ position: absolute; } /* pour IE */
body>div#menu_conteneur	{ position: fixed; }

div#menu_conteneur
{
/*background-color: rgb(255,0,0);*/
  z-index: 0;
  width: 100%;
  top: 0px;
  left: 0px;
  /*text-align: center;*/ /* pour centrer le menu, pb avec IE -> décommenter cette ligne et le margin de div#menu_contenu */
}

div#menu_contenu
{
  width: 10em;
  /*margin: 0em auto 0em 0em;*/ /* pour centrer le menu, pb avec IE -> décommenter cette ligne et le text-align de div#menu_conteneur */
  border: solid #FD6 3px;
  padding: 0em;
  text-align: left;
  font: bolder 14px/18px helvetica, sans-serif;
}

div#menu_contenu table
{
  background: rgb(67,100,135) url('../images/shell-blue.jpg') repeat fixed 0% 0px;
  /*filter:alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;*/
}
div#menu_conteneur>div#menu_contenu table
{
  background: rgb(67,100,135) url('../images/shell-blue.jpg') repeat fixed 0% 0px;
}

/*div#menu_contenu img
{
  filter:alpha(opacity=134);
  -moz-opacity:1.34;
  opacity:1.34;
}*/

div#menu_contenu table,
div#menu_contenu th,
div#menu_contenu td
{
  margin: 0em;
  padding: 0em 0em 0em 0.25em;
  border-style: none;
}

div#menu_contenu th,
div#menu_contenu td
{
  text-align: left;
  vertical-align: middle;
}

div#menu_contenu a,
div#menu_contenu a:link,
div#menu_contenu a:visited,
div#menu_contenu a:hover,
div#menu_contenu a:active /* Il faut respecter l'ordre de définition suivant : a {} a:link {} a:visited {} a:hover {} a:active {} */
{
  text-decoration: none;
  font-style: oblique;
  color: rgb(255,255,163);
}

div#menu_contenu a:hover,
div#menu_contenu a:active
{
  color: rgb(112,112,255);
  background-color: rgb(255,255,163);
}

div#menu_contenu span.bouton,
div#menu_contenu span.bouton_actif
{
  padding: 20px 0.0em 0.0em 35px;
  border: none;
  background-color: transparent;
  background-image: none;
  background-attachment: scroll;
  background-position: bottom left;
  background-repeat: no-repeat;
}

div#menu_contenu span.bouton_actif,
div#menu_contenu span.lien_actif
{
  color: rgb(255,255,163);
  font-weight: bold;
}

div#menu_contenu span.bouton:hover,
div#menu_contenu span.bouton:hover
{
  background-image: none;
}

/**** Menu interne ****/

table.phpsg_internalmenu
{
  width: 100%;
}

table.noborderall,
table.noborderall th,
table.noborderall td
{
  border-style: none;
  border-width: 0px;
}

/*table.noborder,
table.noborder > tr > th,
table.noborder > tr > td*/
table.noborder,
table.noborder th,
table.noborder td
{
  border-style: none;
  border-width: 0px;
}

/**** Contenu ****/

div#conteneur
{
  /* DEBUT: pour émuler la propriété "position: fixed" sous IE */
  height: 100%;
  overflow: auto;
  /* FIN: pour émuler la propriété "position: fixed" sous IE */
/*background-color: rgb(0,255,0);*/
  z-index: 1;
  position: relative;
  margin-left: 11em;
  min-height: 100%;
  text-align: center; /* pour le centrage automatique */
  font: bolder 14px/18px helvetica, sans-serif;
}

div#contenu
{
/*background-color: rgb(0,0,255);*/
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border: solid #FD6 3px;
  padding: 0.25em;
  text-align: left;
}
div#conteneur>div#contenu
{
  width: auto;
  background: rgb(67,100,135) url('../images/shell-blue.jpg') repeat fixed 0% 0px;
}

/**** Liens ****/

div#contenu a,
div#contenu a:link,
div#contenu a:visited,
div#contenu a:hover,
div#contenu a:active /* Il faut respecter l'ordre de définition suivant : a {} a:link {} a:visited {} a:hover {} a:active {} */
{
  text-decoration: none;
  font-style: oblique;
}

a.horssite:after	{ content: url(../images/icon_16x16/horssite.png); }
a.mailto:after		{ content: url(../images/icon_16x16/mailto.png); }

/**** Barre de navigation ****/

div#navigation
{
/*background-color: rgb(255,255,0);*/
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border: solid #FD6 3px;
  border-bottom: 0px;
  padding: 0.25em;
  text-align: left;
}
div#conteneur>div#navigation
{
  width: auto;
  background: rgb(0,0,0) url('../images/shell-fade.jpg') repeat fixed 0% 0px;
}

div#navigation p
{
	margin: .25em 0em;
}

/**** Pied de page ****/

div#footer
{
/*background-color: rgb(255,255,0);*/
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border: solid #FD6 3px;
  border-top: 0px;
  padding: 0.25em;
  text-align: center;
}
div#conteneur>div#footer
{
  width: auto;
  background: rgb(0,0,0) url('../images/shell-fade.jpg') repeat fixed 0% 0px;
}

div#footer table,
div#footer th,
div#footer td
{
  margin: 0em;
  border-style: none;
}

/**** info bulles évoluées ****/

cite.info
{
  position: relative;
  text-decoration: none;
  font-style: normal;
  color: #6AF;
  border-bottom: 1px #FD6 dotted;
}
cite.info span {
display: none;
width: auto;
}
cite.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
cursor: pointer;
}
cite.info:hover span {
display: inline;
position: absolute;
top: 2em;
left: 1em;
background-color: orange;
text-align: left;
color: white;
padding: 2px;
}

//-->