/* 24/10/03 boxmain: 10 pix de decalage */
BODY {
  font-family:      Verdana, Arial, Helvetica, sans-serif;
  color:            #000000;
  background-color: #FFFFFF;
  padding-bottom:   0px;
  padding-left:     0px;
  padding-right:    0px;
  padding-top:      0px;
  font-size: 100%; 
}

/* backgrounds */
.bgborder  { background-color: #BDCBE4 }
.bgbanner { background-color: #A1BBDC }
.bgmnu { background-color: #D9E4F8 ; padding-left : 5px;}
.bgmnuhl { background-color: #F0F4FC ; padding-left : 5px;}
.bgsmnu { background-color: #D9E4F8 ; padding-left : 9px;}
.bgssmnu { background-color: #D9E4F8 ; padding-left : 15px;}
//.bgmnul { background-color: #FFFFFF }
.bgmnul { background-color: #D9E4F8 }

.bgbluem { background-color: #003366 }
.bgblued { background-color: #BDCBE4 }
.bgbluel { background-color: #D9E4F8 }
.bgbluep { background-color: #F0F4FC }

.bgpurple { background-color: #990099 }
.bgred { background-color: #CC0033 }
.bggreen { background-color: #C2F39A }
.bggreenx { background-color: #EAFBDB}
.bgbrown { background-color: #CC0033 }
.bgwh { background-color: #FFFFFF }

/* box - padding + margin */
.boxnewst  { background-color: #A1BBDC ; margin-left : 2px; margin-top : 0px; padding-left : 6px; padding-top : 4px; padding-bottom : 4px;  FONT-SIZE: 70%; color: #003366; font-weight: bold;}
.boxnews  { background-color: #F0F4FC; margin-left : 2px; margin-top : 4px; padding-left : 6px; padding-top : 4px; padding-bottom : 4px; }
.boxevt  { background-color: #C2F39A; margin-left : 2px; margin-top : 0px; padding-left : 6px; padding-top : 4px; padding-bottom : 4px;  FONT-SIZE: 70%; color: #003366; font-weight: bold;   }
.boxev  { background-color: #EAFBDB; margin-left : 2px; margin-top : 4px; padding-left : 6px; padding-top : 4px; padding-bottom : 4px; }
//.boxanalyt  { background-color: #003366 ; margin-left : 2px; margin-top : 0px; padding-left : 6px; padding-top : 4px; padding-bottom : 4px;  FONT-SIZE: 70%; color: #FFFFFF; font-weight: bold; }
.boxanalyt  { background-color: #003366 ; margin-left : 1px; margin-rightt : 1px; margin-top : 0px; padding-left : 3px; padding-top : 4px; padding-bottom : 4px;  FONT-SIZE: 70%; color: #FFFFFF; font-weight: bold; }
.boxanaly  { background-color: #F0F4FC ; margin-left : 2px; margin-top : 4px; padding-left : 6px; padding-top : 4px; padding-bottom : 4px; }
//.boxoffert  { background-color: #CC0033 ; margin-left : 2px; margin-top : 0px; padding-left : 6px; padding-top : 0px; padding-top : 4px; padding-bottom : 4px; FONT-SIZE: 70%; color: #FFFFFF; font-weight: bold; }
.boxoffert  { background-color: #C2F39A; margin-left : 2px; margin-top : 0px; padding-left : 6px; padding-top : 4px; padding-bottom : 4px;  FONT-SIZE: 70%; color: #003366; font-weight: bold;   }
.boxoffertred  { background-color: #CC0033 ; margin-left : 2px; margin-top : 0px; padding-left : 6px; padding-top : 0px; padding-top : 4px; padding-bottom : 4px; FONT-SIZE: 70%; color: #FFFFFF; font-weight: bold; }
.boxoffer  { background-color: #F0F4FC ; margin-left : 2px; margin-top : 4px; padding-left : 6px; padding-top : 4px; padding-bottom : 4px; }
.boxmain { background-color: #FFFFFF ; margin-left : 0px; margin-top : 0px; padding-left : 10px; padding-top : 10px; }
.boxprod  { background-color: #003366 ; margin-left : 2px; margin-top : 0px; padding-left : 6px; padding-top : 4px; padding-bottom : 4px;  FONT-SIZE: 70%; color: #FFFFFF; font-weight: bold; }

.hpboxblul  { background-color: #D9E4F8 ; margin-left : 2px; margin-top : 0px; padding-left : 6px; padding-top : 0px; FONT-SIZE: 70%; }
.hpboxblud  { background-color: #BDCBE4 ; margin-left : 2px; margin-top : 0px; padding-left : 6px; padding-top : 0px; FONT-SIZE: 70%;  }

.boxblup  { background-color: #F0F4FC ; margin-left : 2px; margin-top : 0px; padding-left : 6px; padding-top : 0px; }
.boxblul  { background-color: #D9E4F8 ; margin-left : 2px; margin-top : 0px; padding-left : 6px; padding-top : 0px;  }
.boxblud  { background-color: #BDCBE4 ; margin-left : 2px; margin-top : 0px; padding-left : 6px; padding-top : 0px; }
.boxwhite  { background-color: #FFFFFF ; margin-left : 2px; margin-top : 4px; padding-left : 6px; padding-top : 4px; padding-bottom : 4px;}

/*various links*/

A.mtop:link {FONT-WEIGHT: bold; FONT-SIZE: 60%; COLOR: #FFFFFF;  TEXT-DECORATION: none}
A.mtop:visited {FONT-WEIGHT: bold; FONT-SIZE: 60%; COLOR: #FFFFFF;  TEXT-DECORATION: none}
A.mtop:hover {FONT-WEIGHT: bold; FONT-SIZE: 60%; COLOR: #C3F298;  TEXT-DECORATION: none}

A.mtoph:link {FONT-WEIGHT: bold; FONT-SIZE: 60%; COLOR: #C3F298;  TEXT-DECORATION: none}
A.mtoph:visited {FONT-WEIGHT: bold; FONT-SIZE: 60%; COLOR: #C3F298;  TEXT-DECORATION: none}
A.mtoph:hover {FONT-WEIGHT: bold; FONT-SIZE: 60%; COLOR: #C3F298;  TEXT-DECORATION: none}

A.mbanner:link {FONT-SIZE: 55%; COLOR: #000000;  TEXT-DECORATION: none}
A.mbanner:visited {FONT-SIZE: 55%; COLOR: #000000;  TEXT-DECORATION: none}
A.mbanner:hover {FONT-SIZE: 55%; COLOR: #FFFFFF;  TEXT-DECORATION: none}

A.mnul:link {FONT-SIZE: 70%; COLOR: #000000;  TEXT-DECORATION: none}
A.mnul:visited {FONT-SIZE: 70%; COLOR: #000000;  TEXT-DECORATION: none}
A.mnul:hover {FONT-SIZE: 70%; COLOR: #000000;  TEXT-DECORATION: underline}

A.mnut:link {FONT-SIZE: 60%; COLOR: #FFFFFF; FONT-WEIGHT: bold;  TEXT-DECORATION: none}
A.mnut:visited {FONT-SIZE: 60%; COLOR: #FFFFFF; FONT-WEIGHT: bold;   TEXT-DECORATION: none}
A.mnut:hover {FONT-SIZE: 60%; COLOR: #FFFFFF; FONT-WEIGHT: bold;  TEXT-DECORATION: underline}

A.mnubt:link {FONT-SIZE: 60%; COLOR: #000000; TEXT-DECORATION: none}
A.mnubt:visited {FONT-SIZE: 60%; COLOR: #000000;   TEXT-DECORATION: none}
A.mnubt:hover {FONT-SIZE: 60%; COLOR: #000000;  TEXT-DECORATION: underline}

A.nlink:link { COLOR: #000000;  TEXT-DECORATION: none}
A.nlink:visited { COLOR: #000000;  TEXT-DECORATION: none}
A.nlink:hover { COLOR: #9d4903 ;  TEXT-DECORATION: none}

A.wlink:link { COLOR: #FFFFFF;  TEXT-DECORATION: none}
A.wlink:visited { COLOR: #FFFFFF;  TEXT-DECORATION: none}
A.wlink:hover { COLOR: #C3F298 ;  TEXT-DECORATION: none}

A.hist:link {FONT-SIZE: 70%; COLOR: #000000;   TEXT-DECORATION: none}
A.hist:visited {FONT-SIZE: 70%; COLOR: #000000;   TEXT-DECORATION: none}
A.hist:hover {FONT-SIZE: 70%; COLOR: #FFFFFF;  TEXT-DECORATION: none}

A:link {COLOR: #003366;  TEXT-DECORATION: none}
A:visited {COLOR: #003366;  TEXT-DECORATION: none}
A:hover {COLOR: #9d4903 ; TEXT-DECORATION: none}

/*forms*/
input {background: #F0F4FC; font-size: 75%;} 
select {background: #F0F4FC; font-size: 10px; font-style: normal}

/*divers*/
li { font-size: 70%; color: #000000; }
OL LI, UL LI, UL UL { margin-top: 0px; margin-bottom: 0px }
OL, UL              { margin-top: 0px; margin-bottom: 0px; }
OL                  { margin-left: 24px; }
UL, UL UL           { margin-left: 16px; }
UL LI               { list-style-type:     square;
                      list-style-position: outside;
                      list-style-image:     url(pix/greenpuce.gif)}
UL UL LI            { font-size: 100%; 
					  list-style-type:     square;
                      list-style-position: outside;
                      list-style-image:     url(pix/pucebk.gif)}


td { font-size:100%; color: #000000; }
p { font-size: 70%; color: #000000; }
.send-print { font-size: 55%; color: #000000; }

/* text */
.T1 { font-family: Arial, sans-serif; font-weight: bold; font-size: 100%; color: #003366;}
.T1light { font-family: Arial, sans-serif; font-size: 100%; }
.T2 { font-family: Arial, sans-serif; font-weight: bold; font-size: 90%; }
.T3 { font-family: Arial, sans-serif; font-weight: bold; font-size: 80%; }
.T2bl { font-weight: bold; font-size: 80%; color: #003366; }

H1 { font-family: Arial, sans-serif; font-weight: bold; font-size: 100%; color: #003366;}
H2 { font-family: Arial, sans-serif; font-weight: bold; font-size: 90%; }
H3 { font-family: Arial, sans-serif; font-weight: bold; font-size: 80%; }
H4 { font-family: Arial, sans-serif; font-weight: bold; font-size: 80%; color: #003366; }
H5 { font-family: Arial, sans-serif; font-weight: normal; font-size: 100%; color: #003366;}
H6 { font-family: Arial, sans-serif; font-weight: normal; font-size: 90%; }

.sepb { color: #000000;  font-size: 70%;}
.sepw { color: #FFFFFF;  font-size: 70%;}
.bold { font-weight: bold; }
.quote { font-style: italic;}

.tbk { font-size: 70%; color: #000000; }
.tbkb { font-size: 100%; color: #000000; ; font-weight: bold; }
.tgray { color: #666666}
.twh { font-size: 100%; color: #FFFFFF  }
.twhb { font-size: 100%; color: #FFFFFF; font-weight: bold; }
.tblu { font-size: 100%; color: #003366; }
.tblub { font-size: 100%; color: #003366; font-weight: bold; }
.tred{ font-size: 100%; color: #FF0000; }
.tredb{ font-size: 100%; color: #FF0000; font-weight: bold; }
.tgreen { font-size: 100%; color: #66CC33; }
.tgreenb { font-size: 100%; color: #66CC33; font-weight: bold; }
.tbrown { font-size: 100%; color: #D56A00; }
.tbrownb { font-size: 100%; color: #D56A00; font-weight: bold; }
.toran { font-size: 100%; color: #FFCC00; }
.toranb { font-size: 100%; color: #FFCC00; font-weight: bold; }
.tpur { font-size: 100%; color: #990099; }
.tpurb { font-size: 100%; color: #990099; font-weight: bold; }


/* introduit à cause de NS4 */
td.decale{ 
  margin-left:   30px; 
  margin-right:  6px;
  margin-top:    0px; 
  margin-bottom:  6px; }
  
  td.decaled{ 
  margin-left:   0px; 
  margin-right:  6px;
  margin-top:    0px; 
  margin-bottom:  2px; 
 }
  
