ul  {  margin: 0; padding: 0 0 0 30px }

li { list-style-image : url(images/picto-roue.gif); } 


html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none
  }

.tablog  { background: url(images/fond-gauche.jpg) repeat right top }
.tablod  { background: url(images/fond-droite.jpg) repeat left top }

} 
#global{

	}

.menu  {  float:left; position: relative; height: 0px }
#calque1 a   { color: #fff; text-decoration: none;  background-color: #C87222; background-image: url(images/fond-menu1.jpg); padding: 2px 8px; border-bottom: 1px solid #fff; width: 80px; display: block }
#calque1 a:hover { background-color: gray }
#calque2 a   { color: #3e3e3e; text-decoration: none;  background-color: #C87222; background-image: url(images/fond-menu1.jpg); padding: 2px 8px; border-bottom: 1px solid gray; width: 180px; display: block }
#calque2 a:hover { background-color: #C87222; background-image: url(images/fond-menu1b.jpg)  }
#calque3 a  { color: #3e3e3e; text-decoration: none; background-image: url(images/fond-menu1.jpg); padding: 2px 8px; border-bottom: 1px solid gray; width: 130px; display: block }
#calque3 a:hover { background-image: url(images/fond-menu1b.jpg) }
#calque4 a   { color: white; text-decoration: none; background-image: url(images/fond-menu2.jpg); padding: 2px 8px; border-bottom: 1px solid gray; width: 110px; display: block }
#calque4 a:hover { background-image: url(images/fond-menu2b.jpg) }
.style1 { padding: 0px 10px 10px; border-top: #AC0811; border-right: #AC0811; border-bottom: 1px solid #AC0811; border-left: 1px solid #AC0811 }
.petitblanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: left;

}
.petitgris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #222;
	text-align: left;

}
.petitrouge  { color: #AC0811; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.petitjaune  { color: #fc0; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }

.normalblanc  { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.normalrouge  { color: #AC0811; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.normalbleu  { color: #008; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.normalgris  { color: #222; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.moyenblanc  { color: #ffffff; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.moyenrouge  { color: #AC0811; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.moyenrouge2 { color: #ffffff; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; background-color: red }
.moyenbleu  { color: #008; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.moyengris  { color: #222; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.grosblanc   { color: #ffffff; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.grosrouge   { color: #AC0811; font-weight: bold; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.grosgris   { color: #222; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.grosbleu    { color: #008; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.titregris    { color: #222; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.titreblanc  { color: #ffffff; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
a:hover      { color: #008; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; background-color: silver }
a:visited     { color: #008; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline }
a:link { color: #008; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline }
.tablo2 { color: silver; background-color: #ece8e8; border-top: 1px solid black; border-bottom: 1px solid black }
.tablo1   { border-top: #464646; border-right: 1px solid #464646; border-bottom: #464646; border-left: 1px solid #464646 }
.tablo3 { color: silver; background-color: #ece8e8; border-top: 1px solid black; border-bottom: black }
.tablo4  { border: solid 1px gray; border-collapse: collapse;  }
.blanc:link  { color: white; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif }
.blanc:hover  { color: white; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: red }
.blanc:visited  { color: white; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif }

.gris:link  { color: #222; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif ;text-decoration: none}
.gris:hover  { color: #222; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white;text-decoration: none }
.gris:visited  { color: #222; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none }



.ptblanc:link  { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none }
.ptblanc:hover  { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: red ;text-decoration: none}
.ptblanc:visited  { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none }



.rouge:link   { color: red; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }
.rouge:hover    { color: red; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #e7e7e7 }
.rouge:visited   { color: red; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }

.bleu:link   { color: #008; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; }
.bleu:hover    { color: #008; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; background-color: #e7e7e7 }
.bleu:visited   { color: #008; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline }


.grosrouge:link   { color: #f00; font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }
.grosrouge:hover    { color: #f00; font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif;text-decoration: none ; background-color: #e7e7e7 }
.grosrouge:visited   { color: #f00; font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }