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 texte
*/
.textFrame
{
  width: 750px;
  color: black !important;
  text-align: justify !important;
  /*
  margin-left: -5px !important;
  margin-right: -5px  !important;
  */
  padding: 10px;
  background-color: #f4F3EF;

  border: 1px solid #ECE9D8;
  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
{
  padding: 2px;
  border: 1px solid grey;
}

.imageLeft img
{

  margin-right: 20px;
  padding: 2px;
  border: 1px solid grey;
}

.imageRight img
{
  margin-left: 20px;
  padding: 2px;
  border: 1px solid grey;
}

.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;
  color: #A50021 !important;
}

.textFrame H2 {
  font-size: 14px;
  font-weight:bold;
  text-align: left;
  color: #A50021 !important;
}

.impressum
{
  float: left!important;
  width: 750px;
  height:1%; /* pour IE 6/7*/
}
.impressumTitle{
  float: left!important;
  /*font-weight:bold;*/
  text-align: right;
  margin-right: 10px;
  color: #A50021 !important;
}
.impressumData{
  float: left!important;
  text-align: left;
}
.clearFloat{clear:both;
  display:block;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}
.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#tblcours
{
  border: solid #000 3px;
  width: 100%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
table#tblcours td
{
  padding: 5;
  border: solid #000 1px;
}
.leftCol
{
  font-weight: bold;
  text-align: left;
  width: 80px;
  background-color: #550E25;
  color: #fff;
}
.dataCol
{
  color: #0000;
}
.orCol
{
  color: #0000;
  text-align: left;
  border: none !important;
  font-weight: bold;
}

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

table#tblcours th
{
  font-weight: bold;
  text-align: center;
  background-color: #550E25;
  color: #fff;
  border: solid #000 1px;
}

.niveauCol{  width: 15%; text-align: center; background-color: #550E25; color: #fff;}
.tagCol{ width: 15%; text-align: center; }
.datumCol{ width: 30%; text-align: center; }
.uhrzeitCol{  width: 30%; text-align: center; }
.codeCol{    width: 15%; text-align: center; }

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

.imgCarte
{
  float: left;
  margin: 0 6px 0px 0;
  border: 1px solid grey;
}