body,h1,h2,h3,h4,h5,h6,p,quote,small,form,input,ul,li,ol,label {
	font-family:Arial,Helvetica,sans-serif;
}

h1 {
  font-size: 240%;
  color: #006699;
}

#page h1 a {
  color: #006699;
  text-decoration: none;
}

h2 {
  font-size: 220%;
  color: #3399CC;
}

h3 {
  font-size: 200%;
  color: #006699;
}

h4 {
  font-size: 175%;
  color: #3399CC;
}

h5 {
  font-size: 150%;
  color: #006699;
}

h6 {
  font-size: 125%;
  color: #3399CC;
}

h1, h2, h3, h4, h5, h6 {
 font-weight: bold;
 margin-bottom: 5px;
}
 

a:link, a:visited {
 color: #669933;
}

a:hover {
 color: #006699;
}

/* Listes à puces */
ul {
/*	list-style-image:url(puces/fleche_b_4.png);*/
}
ul.fleche_b_1,
ul.checkbox_b,
ul.fleche_b_2,
ul.fleche_b_3,
ul.fleche_b_4 {
 margin: 5px 0px 8px 0px;
 padding-left: 10px;
 list-style: none;
}

ul.fleche_b_1 li,
ul.checkbox_b li,
ul.fleche_b_2 li,
ul.fleche_b_3 li,
ul.fleche_b_4 li {
 margin: 5px 0px 5px 0px;
 padding-left: 25px;
 line-height: 16px;  
}

ul.fleche_b_1 li { background: url(../images/fleche_b_1.png) 0 0 no-repeat; }
ul.checkbox_b li { background: url(../images/checkbox_b.png) 0 0 no-repeat; }
ul.fleche_b_2 li { background: url(../images/fleche_b_2.png) 0 0 no-repeat; }
ul.fleche_b_3 li { background: url(../images/fleche_b_3.png) 0 0 no-repeat; }
ul.fleche_b_4 li { background: url(../images/fleche_b_4.png) 0 0 no-repeat; }


/* Listes numérotées */
ol.disc {
 margin: 10px 0px 10px 0px;
 padding: 0px 0px 0px 45px;
 background: url(../images/typography/list_disc.png) 20px 0px repeat-y;
}

ol.disc li {
 margin: 5px 0px 5px 0px;
 padding-left: 10px;
 font-weight: bold;
 line-height: 26px;  
}

/* Ligne horizontale <hr class="dotted"> */
hr.dotted {
 margin: 15px 0px 15px 0px;
 display: block;
 background: url(../images/typography/line_dotted.png) 0 0 repeat-x;
 height: 1px;
 border: none;
}

/* Balises div et span colorées */
span.note,
span.info,
span.alert {
 display: block;
}

div.note, span.note {
 margin: 10px 0px 10px 0px;
 padding: 5px 10px 5px 10px;
 background: #f4f5f6;
 border-top: 1px dotted #aab4be;
 border-bottom: 1px dotted #aab4be;
 text-align:justify;
}

div.info, span.info,
div.alert, span.alert {
 margin: 10px 0px 10px 0px;
 padding: 8px 10px 8px 35px;
}

div.info, span.info {
 background: #f4f5f6 url(../images/box_info.png) 3px 5px no-repeat;
 border-top: 1px dotted #aab4be;
 border-bottom: 1px dotted #aab4be;
}

div.alert, span.alert {
 background: #fff5eb url(../images/box_alert.png) 3px 5px no-repeat;
 border-top: 1px dotted #ffb4a0;
 border-bottom: 1px dotted #ffb4a0;
}


/* Boites flottantes */
body .inset-left {
 margin: 15px 15px 10px 0px;
 float: left;
}

body .inset-right {
 margin: 15px 0px 10px 15px;
 float: right;
}
/* liens */
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }