*
{
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  font-family: 'Segoe UI' , sans-serif;
}
HTML
{
}
BODY
{
  font-size: 9pt;
  background: #ffffff;
  text-align: center;
}
HR
{
  height: 0px;
  border: none;
  border-bottom: 1px dashed #BBBBBB;
  margin: 4px;
}
IMG
{
  border-right: 0px;
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
}
TABLE
{
  font-size: 9pt;
}
INPUT
{
  font-size: 9pt;
  font-family: 'Segoe UI' , sans-serif;
}
SELECT
{
  font-size: 9pt;
  font-family: 'Segoe UI' , sans-serif;
}
.gras
{
  font-weight: bold;
}
.droite
{
  text-align: right;
}
.gauche
{
  text-align: left;
}
.centre
{
  text-align: center;
}
.italique
{
  font-style: italic;
}
#layout
{
  text-align: left;
  padding-right: 10px;
  padding-left: 10px;
  background: url(images/fond.gif) #ffffff repeat-y center top;
  padding-bottom: 0px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
  padding-top: 0px;
}
.body_imprime
{
  background: #eeeeee;
}
#imprime
{
  text-align: left;
  padding-right: 10px;
  padding-left: 10px;
  background: #ffffff;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 20.5cm;
  height: 29.5cm;
  padding: 1cm;
}
#entete
{
/*  background: url(images/entete_fond.gif);
  background-position: center center;
  background-color: #f0ffbf ; */
  margin: 0px auto;
  width: 960px;
  height: 160px; 
  margin-top:-160px;
  position:relative;
  z-index:10;
  color: #FFFFFF;
  font-weight: bold;
}
#entete A
{
  color: #FFFFFF;
  text-decoration: none;
}
#fond_entete
{  
  margin: 0px auto;
  width: 960px;
  height: 160px; 
}
#logo_site
{
  float: left;
  height: 100px;
  padding-left: 20px;
  padding-top: 37px;
}
#pied
{
  clear: both;
  background: url(images/pied_fond.gif) center bottom;
  margin: 10px auto 0px;
  width: 960px;
  color: #888888;
  padding-top: 5px;
  height: 20px;
  text-align: center;
}
#date_document
{
  clear: both;
  text-align: right;
}
#menu
{
  padding-right: 0px;
  padding-left: 0px;
  background: url(images/onglet_fond.gif) repeat-x right bottom;
  padding-bottom: 0px;
  margin: 0px auto;
  width: 960px;
  color: #ffffff;
  padding-top: 0px;
  border-bottom: #8FC203 2px solid;
  height: 23px;
  clear:both;
}
#menu A
{
  display: inline-block;
  background: url(images/onglet_off_d.gif) right bottom no-repeat;
  float: left;
  color: #000000;
  text-decoration: none;
  margin: 0px 0px 0px 1px;
  padding: 0px 15px 0px 0px;
}
#menu A SPAN
{
  display: block;
  padding: 2px 0px 0px 15px;
  height: 21px; /*IE6!!*/
  white-space: nowrap;
  font-weight: bold;
  background: url(images/onglet_off_g.gif) left bottom;
  background-repeat: no-repeat;
}
#menu A:hover, #menu .actif
{
  background: url(images/onglet_on_d.gif) right bottom;
  background-repeat: no-repeat;
}
#menu A:hover SPAN, #menu .actif SPAN
{
  background: url(images/onglet_on_g.gif) left bottom;
  background-repeat: no-repeat;
}

* HTML #menu A
{
  width: 60px;
  overflow: visible;
  height: 23px;
}
* HTML #menu A SPAN
{
  height: 23px;
}

#sous_menu
{
  float: left;
  margin: 0px auto;
  overflow: visible;
  width: 190px;
  height: 500px;
}
#sous_menu UL
{
  padding: 0px;
  margin: 0px 0px 0px 5px;
  list-style-type: none;
}
#sous_menu LI
{
  padding: 0px;
  margin: 0px;
}
#sous_menu A
{
  display: block;
  padding: 0px;
  margin: 1px;
  color: #000000;
  border-bottom: #bbbbbb 1px dashed;
  text-decoration: none;
  overflow: visible;
}
#sous_menu A SPAN
{
  display: block;
  background: url(images/sous_menu_fleche_droite.gif) no-repeat 2px center;
  padding-left: 15px;
  padding-bottom: 2px;
  padding-top: 2px;
}
#sous_menu .actif A
{
  border-bottom: #3E6A00 1px solid;
}
#sous_menu .actif A SPAN
{
  font-weight: bold;
  color: #3E6A00;
  background: url(images/sous_menu_fleche_bas.gif) no-repeat 2px center;
}

#sous_menu A:hover
{
}
#sous_menu A:hover SPAN
{
  font-weight: bold;
  color: #FF0000;
  background: url(images/menu_over_droite.gif) no-repeat 2px center;
}

#recherche
{
  float: left;
  margin: 0px;
  overflow: visible;
  width: 180px;
  height: 500px;
  padding-left: 5px;
  padding-right: 5px;
}
#recherche .titre
{
  padding-right: 0px;
  display: block;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 1px;
  overflow: visible;
  color: #000000;
  padding-top: 0px;
  border-bottom: #3E6A00 1px solid;
  font-weight: bold;
  color: #3E6A00;
  background: url(images/sous_menu_fleche_bas.gif) no-repeat 2px center;
  padding-left: 15px;
  padding-bottom: 2px;
  padding-top: 2px;
}



#cadre_centre
{
  clear: both;
  background: #ffffff;
  margin: 0px auto;
  overflow: visible;
  width: 960px;
  color: #000000;
}
#col1
{
  width: 198px;
  float: left;
  margin: 0px;
  padding-top: 5px;
  height: 500px;
  overflow: visible;
  background: url(images/fond_infos.gif) #FFFFFF;
  background-repeat: repeat-x;
  background-position: top center;
  border-right: 1px dashed #DDDDDD;
}
#col2
{
  width: 760px;
  float: right;
  margin: 0px;
  overflow: visible;
}
#col2g
{
  width: 558px;
  float: left;
  margin: 0px;
  overflow: visible;
}
#col2d
{
  width: 198px;
  float: right;
  margin: 0px;
  padding-top: 5px;
  height: 500px;
  overflow: visible;
  background: url(images/fond_infos.gif) #FFFFFF;
  background-repeat: repeat-x;
  background-position: top center;
  border-left: 1px dashed #DDDDDD;
}
#contenu
{
  overflow: visible;
  padding-top: 5px;
  overflow: visible;
  padding-left: 5px;
  padding-right: 5px;
}
#corps
{
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  overflow: visible;
  padding-top: 0px;
}
#contenu P
{
  padding-bottom: 10px;
}
#titre
{
  padding-left: 30px;
  font-weight: bold;
  font-size: 16pt;
  background: url(images/fleche_bas.gif) no-repeat left center;
  vertical-align: baseline;
  color: #000000;
  border-bottom: #000000 1px solid;
  font-style: italic;
  font-variant: small-caps;
}

#contenu A, #contenu A:visited
{
  color: #004E8F;
  text-decoration: none;
}
#contenu A:hover
{
  color: #005EA2;
  text-decoration: underline;
}
#contenu A:active
{
  color: red;
  text-decoration: underline;
}


.niveau1
{
  margin-top: 0px;
  padding-left: 10px;
  font-size: 10pt;
  margin-bottom: 12pt;
  color: #000000;
}
.niveau1 .titre
{
  border-right: medium none;
  padding-right: 0px;
  border-top: medium none;
  padding-left: 0px;
  font-weight: bold;
  font-size: 12pt;
  background: none transparent scroll repeat 0% 0%;
  left: -10px;
  padding-bottom: 0px;
  border-left: medium none;
  color: #000000;
  padding-top: 0px;
  border-bottom: medium none;
  position: relative;
  font-variant: normal;
}
.niveau1 .lettrine
{
  clear: left;
  padding-right: 0px;
  margin-top: -6px;
  display: inline-block;
  padding-left: 0px;
  font-weight: bold;
  font-size: 16pt;
  float: left;
  margin-bottom: -6px;
  padding-bottom: 0px;
  color: #000000;
  margin-right: -6px;
  padding-top: 0px;
  font-style: italic;
}
.niveau2
{
  margin-top: 6pt;
  padding-left: 10pt;
  font-size: 9pt;
  margin-bottom: 3pt;
  color: #000000;
}
.niveau2 .titre
{
  font-weight: bold;
  font-size: 11pt;
  left: -10px;
  color: #000000;
  position: relative;
}
.niveau3
{
  padding-left: 10pt;
  font-size: 8pt;
  margin-bottom: 3pt;
  color: #000000;
}
.niveau3 .titre
{
  font-weight: bold;
  font-size: 10pt;
  left: -10px;
  color: #000000;
  position: relative;
}
#contenu UL
{
  margin-left: 30px;
}
#contenu OL
{
  margin-left: 30px;
}
.album
{
  border-right: #eeeeee 1px solid;
  border-top: #eeeeee 1px solid;
  float: left;
  margin: 5px;
  border-left: #eeeeee 1px solid;
  width: 140px;
  border-bottom: #eeeeee 1px solid;
  text-align: center;
}
.documents
{
  display: block;
  margin: 1px;
}
.document
{
  border-right: #bbbbbb 1px solid;
  padding-right: 3px;
  border-top: #dddddd 1px solid;
  display: inline-block;
  padding-left: 3px;
  float: left;
  padding-bottom: 3px;
  margin: 2px;
  border-left: #dddddd 1px solid;
  padding-top: 3px;
  border-bottom: #bbbbbb 1px solid;
  text-align: center;
}
.document A
{
  color: #000000;
  text-decoration: none;
}
.document:hover
{
  border-right: #678800 1px solid;
  border-top: #81aa00 1px solid;
  border-left: #81aa00 1px solid;
  border-bottom: #678800 1px solid;
  background-color: #c2ff00;
}
.date_document
{
  font-style: italic;
  text-align: right;
}
.tbx
{
}
.tbx_dt
{
  width: 80px;
}
.tab_centre
{
  margin: 2px auto;
}
.tab_head TD
{
  background: rgb(112,146,190);
  vertical-align: middle;
  color: #ffffff;
  height: 20px;
  text-align: center;
  font-weight: bold;
}
.tab_foot TD
{
  background: #00587a;
  color: #ffffff;
}
.tab_ligne_f TD
{
  background: #F7F7F7;
}
.tab_ligne_c TD
{
  background: #ffffff;
}
.tab_sel TD
{
  background: #c3ffad;
}
.tab_add TD
{
  background: #c3ffad;
}
.tab_head TD
{
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
}
.tab_foot TD
{
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
}
.tab_ligne_f TD
{
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
}
.tab_ligne_c TD
{
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
}
.tab_sel TD
{
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
}
.tab_add TD
{
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
}
#commandes
{
  float: right;
}

#navi
{
  font-size: 8pt;
  height: 15px;
  font-style: italic;
  font-weight: bold;
}
#navi A, #navi A:visited
{
  color: #000000;
  text-decoration: none;
}
#navi A:hover
{
  color: #ff0000;
}
.infosrapides
{
  font-size: 9pt;
  margin: 0px auto;
  overflow: visible;
  width: 190px;
  height: 500px;
}
.infosrapides .dt
{
  font-size: 7pt;
  margin-top: 0px;
  margin-left: 5px;
  margin-bottom: 15px;
  margin-right: 5px;
  text-align: right;
  color: #666666;
}
.infosrapides .lib
{
  margin-top: 1px;
  margin-left: 5px;
  margin-bottom: 2px;
  margin-right: 5px;
  color: #004E8F;
  font-weight: bold;
}
.infosrapides .desc
{
  margin-top: 0px;
  margin-left: 5px;
  margin-bottom: 1px;
  margin-right: 5px;
}

.infosrapides .titre
{
  margin-top: 0px;
  margin-left: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  font-weight: bold;
  font-size: 16pt;
  vertical-align: baseline;
  color: #000000;
  border-bottom: #000000 1px solid;
  font-style: italic;
  font-variant: small-caps;
}

.larg_100
{
  width: 100px;
}
.larg_100p
{
  width: 100%;
}
.larg_750
{
  width: 750px;
}
.larg_60
{
  width: 60px;
}
.larg_80
{
  width: 80px;
}
.larg_200
{
  width: 200px;
}
.surligne
{
  background: #c3ffad;
}
#popup_confirm
{
  background: #FFFFFF url(images/confirm.gif);
  font-size: 14pt;
  font-weight: bold;
  padding: 10px;
  border: 1px solid #00FF00;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 40%;
  left: 50%;
  padding: 20px;
  margin-left: -200px;
  width: 400px;
}
#popup_erreur
{
  background: #FFFFFF url(images/erreur.gif);
  font-size: 14pt;
  font-weight: bold;
  padding: 10px;
  border: 1px solid #FF0000;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 40%;
  left: 50%;
  padding: 20px;
  margin-left: -200px;
  width: 400px;
}
.col_date
{
  width: 190px;
  text-align: center;
}
.col_date .heure, .col_date .date
{
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16pt;
}
.col_date .date .jour_s
{
  font-size: 14pt;
}
.col_date .date .jour
{
  margin-top: -15px;
  font-size: 26pt;
}
.col_date .date .mois
{
  margin-top: -15px;
  font-size: 16pt;
}
.col_date .date .annee
{
  margin-top: -15px;
  font-size: 20pt;
}
.cartouche
{
  margin: 10px;
  padding: 10px;
  border: 2px solid #000000;
}

/* Calendrier */
.calendrier
{
  border-collapse: collapse;
  margin: 10px auto;
}
.jour
{
  height: 80px;
  width: 100px;
  border: #e5e3cf 1px solid;
  vertical-align: top;
  padding: 4px;
  font-style: italic;
  font-weight: bold;
  font-size: 14pt;
  color: #d7d5c1;
}
.jour_semaine
{
  background: #dbd9c5;
  height: 24px;
  width: 120px;
  border: #bebca9 1px solid;
  text-align: center;
  font-weight: bold;
}
.semaine
{
  background: #dbd9c5;
  height: 80px;
  width: 30px;
  border: #bebca9 1px solid;
  text-align: center;
  font-weight: bold;
}
.mois
{
  background: #dbd9c5;
  border: #bebca9 1px solid;
  text-align: center;
  font-weight: bold;
  font-size: 12pt;
}
.hors_mois
{
  background: #FAFAFA;
  height: 80px;
  width: 100px;
  border: #e5e3cf 1px solid;
  vertical-align: top;
  padding: 4px;
  font-style: italic;
  font-weight: bold;
  font-size: 14pt;
  color: #d7d5c1;
}
.bt_prec_off
{
  background: url(images/cal_prec_off.gif);
  height: 10px;
  width: 10px;
  border: none;
}
.bt_prec_on
{
  background: url(images/cal_prec_on.gif);
  height: 10px;
  width: 10px;
  border: none;
}
.bt_suiv_off
{
  background: url(images/cal_suiv_off.gif);
  height: 10px;
  width: 10px;
  border: none;
}
.bt_suiv_on
{
  background: url(images/cal_suiv_on.gif);
  height: 10px;
  width: 10px;
  border: none;
}
.resa_COL1_h
{
  background: url(images/cal_evt_1.gif);
  background-position: top;
}
.resa_COL2_h
{
  background: url(images/cal_evt_2.gif);
  background-position: top;
}
.resa_COL3_h
{
  background: url(images/cal_evt_3.gif);
  background-position: top;
}
.resa_COL4_h
{
  background: url(images/cal_evt_4.gif);
  background-position: top;
}
.resa_COL5_h
{
  background: url(images/cal_evt_5.gif);
  background-position: top;
}
.resa_COL6_h
{
  background: url(images/cal_evt_6.gif);
  background-position: top;
}
.resa_COL7_h
{
  background: url(images/cal_evt_7.gif);
  background-position: top;
}

.resa_COL1_b
{
  background: url(images/cal_evt_1.gif);
  background-position: bottom;
}
.resa_COL2_b
{
  background: url(images/cal_evt_2.gif);
  background-position: bottom;
}
.resa_COL3_b
{
  background: url(images/cal_evt_3.gif);
  background-position: bottom;
}
.resa_COL4_b
{
  background: url(images/cal_evt_4.gif);
  background-position: bottom;
}
.resa_COL5_b
{
  background: url(images/cal_evt_5.gif);
  background-position: bottom;
}
.resa_COL6_b
{
  background: url(images/cal_evt_6.gif);
  background-position: bottom;
}
.resa_COL7_b
{
  background: url(images/cal_evt_7.gif);
  background-position: bottom;
}

.resa_h
{
  display: block;
  height: 17px;
  padding: 0px 2px 2px 2px;
  width: 106px;
  color: #000000;
  font-style: italic;
  font-weight: bold;
  font-size: 9pt;
}
.resa_b
{
  padding: 2px 4px 4px 4px;
  display: block;
  width: 102px;
  color: #000000;
  margin-bottom: 4px;
  font-style: italic;
  font-weight: bold;
  font-size: 9pt;
}
.cliquable
{
  cursor:help;
}
#div_description 
{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 200px;
  margin-left: -150px;
  margin-top: -100px;
  font-size: 10pt;
  z-index: 100;
  background: #FFFFFF;
  padding: 5px;
  display: none;
}
#div_masque
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  z-index: 99;
  display: none;
  opacity: 0.7; 
  filter : alpha(opacity=70);
}
.ag_date
{
  font-style: italic;
  font-size: 9pt;
}
.ag_lib
{
  font-style: italic;
  margin-top: 4px;
  margin-bottom: 4px;
  font-weight: bold;
  text-decoration: underline;
  font-size: 10pt;
}
.ag_desc
{
  font-style: italic;
  font-size: 10pt;
}



  .meteo { font-size: 9pt; width: 550px;}
  
  .meteo .legal { color:#AAAAAA; font-size: 8pt; font-style: italic; display:block; margin-top: 30px; }
  .meteo .temp { text-align: center; padding-top:3px; padding-bottom:3px; font-weight:bold; display:block; font-size:11pt; }
  .meteo .text { text-align: center; padding-top:3px; padding-bottom:3px; font-weight:bold; display:block; font-size:10pt; }
  
  .meteo .cc { background: url(images/meteo_cc.gif) no-repeat; height: 180px; width: 200px;}
  .meteo .cc_g { text-align: center; width: 160px; color: #000000; }
  .meteo .cc_d { text-align: center; height: 160px; width: 40px; color: #000000; }
  .meteo .entete_cc { text-align: center; height: 20px; width: 160px; font-weight:bold; }
  
  .meteo .prevision { background: url(images/meteo_prev.gif) no-repeat; height: 180px; width: 100px;}
  .meteo .prevision_g { text-align: center; height: 70px; width: 60px; color: #000000; }
  .meteo .prevision_d { text-align: center; height: 70px; width: 40px; color: #000000; }
  .meteo .entete_prev { text-align: center; height: 20px; width: 80px; font-weight:bold; }