body
{
  /*  background-color: #000066;*/ /* Le fond en bleu */
  background : #fff /* url(../pictures/fond_blue_900.gif) 0% 0% repeat-x */ ;
  /*  background-image: url("../pictures/fond_blue_900.gif"); */
  margin: 0;
  padding: 0;
  text-align: center; /* Pour corriger le bug de centrage de IE */
  color:#000;
  /*  behavior:url("scripts/csshover.htc");*/
}

/* Le conteneur global du site qui sera centré */
.conteneur
{
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  text-align: left; /* On rétablit l'alignement du text */

  /* background : #fff url(../pictures/fond_blue_900.gif) 0% 0% repeat-x; */
}

/* Le cadre du menu de navigation
*/

.menu
{
  float:left!important;
  margin: 0px;
  padding: 0px;
  width: 200px;
  border: none;
}

.menuFlag
{
  float:left;
  margin: 0px;
  padding: 0px;
  padding-top: 0px;
  padding-left: 0px;
  border: none;
  width: 200px;
  text-align: left; /* On rétablit l'alignement du text */
}

.menuFrame {
  float: left;
  text-align: left;
  width: 180px;
}

/* Le cadre du texte
*/
.textFrame
{
  float: right !important;
  width: 550px;
  color: black !important;
  text-align: justify !important;
  margin-left: -5px !important;
  margin-right: -5px  !important;
  background-color: #f5f5ff;

  padding: 10px;

  border: 1px solid #c4c4ff;
  font-family: verdana,helvetica,sans-serif;
  -moz-border-radius: 6px;

/*
  padding:18px 24px 1em 14px;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
*/
}

/* Le cadre du texte
*/
.textFrameLeft
{
  float: left !important;
  width: 170px;
  margin-left: -5px !important;
  padding: 10px;
  padding-top: 50px;
}

.textFrameLeft2
{
  float: left !important;
  width: 170px;
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.imageBordure img
{
  border: 1px solid grey;
  padding: 2px;
}

.textFrameRight
{
  float: right !important;
  margin-right: -5px !important;
  width: 170px;
  padding: 10px;
  padding-top: 50px;
}

.textFrameRight2
{
  float: right !important;
  width: 170px;
  margin-right: 10px !important;
}

.textFrameCenter
{
  float: left !important;
  left: 180;
  width: 170px;
  padding-left: 5px;
}

.textFrame H1 {
  font-size: 16px;
  font-weight:bold;
  text-align: center !important;
  color: #000066 !important;
}

.sousTitre {
  font-weight:bold;
  text-decoration: underline;
}

.introduction
{
  font-style: italic;
  font-weight: bold;
}

.sources
{
  font-style: italic;
  font-weight: bold;
  text-align: right;
}

.textFrame a {color: black}
.textFrame a:link {text-decoration: underline}
.textFrame a:visited {text-decoration: underline; }
.textFrame a:hover {text-decoration: underline overline; font-style: italic;}
.textFrame a:active {text-decoration: underline overline;}

/* Le pied de page
*/
.footer
{
  float: left!important;
  width: 730px;
  text-align: center;
  font-size: 10px !important;

  padding: 20px;

/*
  border: 1px solid #c4c4ff;
  -moz-border-radius: 6px;
*/
}
.attention {background-color: red; color:white}

.titreAL
{
  font-size: 24px !important;
  font-weight:bold !important;
}

.titreSiret
{
  font-size: 10px !important;
}

/* Définition de la police par défaut
*/
body, p, td
{
  font-family: Verdana, Georgia, sans-serif;
  font-size: 13px;
  /*  color: #FFFF99; */
}

/* Définition de la police pour les zones de saisie
*/
select, input, textarea {font-family: Verdana, Georgia, sans-serif; font-size: 11px}

/* Définition des listes */
/*
ul {font-family: Verdana, Georgia, sans-serif; font-size: 11px; color: #FFFF99; list-style-image: url(../pictures/puce.gif)}
ul {font-family: Verdana, Georgia, sans-serif; font-size: 11px; color: #FFFF99; }
li {list-style-type: circle}
*/

a.Flag
{
  border: none !important;
  text-decoration: none;
  color: none !important;
  font-weight: bold;
  width: 100%; /* IE */
  display: inline !important;
}
a.Flag:link {text-decoration: none}
a.Flag:visited {text-decoration: none}
a.Flag:hover {text-decoration: none}
a.Flag:active {text-decoration: none}

a.Actualite
{
  color: darkblue;
  font-weight: bold;
  text-align: center;
}
a.Actualite:link {text-decoration: underline}
a.Actualite:visited {text-decoration: underline}
a.Actualite:hover {text-decoration: none}
a.Actualite:active {text-decoration: underline}

/* Définition pour la bulle d'info */
#dhtmltooltip
{
  position: absolute;
  width: 150px;
  border: 2px solid black;
  padding: 5px;
  background-color: lightyellow;
  visibility: hidden;
  z-index: 100;
  text-align: left !important;
  /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* Définition pour l'affichage d'une image dans le texte d'un article */
.floatright
{
  float: right;
  margin: 0 0 10px 10px;
  border: none;
  padding: 2px;
}

table#cours
{
  border: solid #000 3px;
  width: 100%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
table#cours td
{
  padding: 5;
  border: solid #000 1px;
}
.leftCol
{
  font-weight: bold;
  text-align: left;
  width: 80px;
  background-color: #c4c4ff;
}
.dataCol
{
  color: #0000;
}
.orCol
{
  color: #0000;
  text-align: left;
  border: none !important;
  font-weight: bold;
}

.toeicLogo
{
  border: none;
  width: 50%;
  height: 50%;
}

table#cours th
{
  font-weight: bold;
  text-align: center;
  background-color: #c4c4ff;
  border: solid #000 1px;
}

.niveauCol{  width: 15%; text-align: center; background-color: #c4c4ff;}
.horaireCol{ width: 40%; text-align: center; }
.seanceCol{  width: 30%; text-align: center; }
.codeCol{    width: 15%; text-align: center; }

.moduleCol{  width: 25%; text-align: center; background-color: #c4c4ff;}
.seance2Col{ width: 60%; text-align: center; }

.img
{

}