/* elements */

body { margin: 0 0 20px 0; text-align: center; background: #F8F8F8 }
body, td, input, select, textarea { font: normal small/1.2 "Trebuchet MS", Helvetica, Arial, sans-serif; letter-spacing: 1px }
img { display: block; border: none }
h1 { font-size: 160% }
h2 { font-size: 140% }
hr { color: #DDD; background: #DDD; height: 1px; margin: 0 }
p { margin: 10px 0 }
a { text-decoration: none; color: #2468A2; font-weight: normal }
a:hover { color: #F86A1C }


/* Id's */

#hdr, #hdr2, #mnu, #bdy, #ftr, #ftr_img { width: 962px; margin: auto; text-align: left; background: #FFF }

#hdr { background-image: url(front.jpg); height: 160px }
#hdr2 { background-image: url(front2.jpg); height: 160px }

#mnu { background: #FFF url("images/bkg_mnu.gif") no-repeat bottom center; min-height: 41px  }
#bdy { margin-top: 15px; background: #FFF url("images/bkg_bdy.gif") no-repeat top center }
#ftr { background: #FFF url("images/bkg_ftr.gif") no-repeat top center; min-height: 45px }
#lft { float: left; width: 717px }
#rgt { float: right; width:180px; color: #333; font-size: 85% }


/* classes */

.inr { padding: 15px }
.clr { clear: both }
.w1 { float: left; width: 351px }
.w2 { float: left; width: 229px }
.w3 { float: left; width: 717px }
.imgfr { float: right; margin: 0 0 5px 5px }
.imgfl { float: left; margin: 0 5px 5px 0 }
.spcr { width: 15px; float: left }
.more { display: block; text-align: right; margin-top: 5px }
.pad { padding: 2px; border: 1px solid #CCC }


/* pseudos */

h1 span, h2 span { color: #2468A2; display: block }

#ftr .inr { padding-bottom: 6px }
#ftr p { margin: 3px 0 }
#hdr h1 { color: #FFF; margin: 0; padding: 10px; font-size: 280% }
#lft hr { margin: 10px 0 15px 0 }
#nws b { color: #F86A1C }

ul.menu, ul.menu li { list-style: none; margin: 0; padding: 0 }
ul.menu { position: relative; float: left }
ul.menu li { float: left; line-height: 1.3em; vertical-align: middle }
ul.menu li a { display: block; padding: 10px; text-decoration: none; color: #000; font-weight: bold }
ul.menu li a:hover { color: #2468A2 }



#atn { text-align: center; margin: 20px 0 }

/* ------------------------------------------------------------------
   corps de texte lisible

   Le gabarit posait un corps de small, trop petit pour une lecture sur
   telephone, ou 16 px est la valeur attendue. Le texte courant est
   remonte a 16 px avec un interligne de 1,55.

   Les titres, les menus et les pieds de page ne sont pas touches : ils
   sont dimensionnes en pourcentage dans des blocs a hauteur fixe, les
   agrandir deplacerait la mise en page.
   ------------------------------------------------------------------ */

p, li, dd, dt, blockquote, label {
	font-size: 16px;
	line-height: 1.55;
}

nav p, nav li, .menu p, .menu li, #menu p, #menu li, #mnu p, #mnu li,
.nav p, .nav li, #nav p, #nav li, .navigation p, .navigation li,
#navigation p, #navigation li, .header p, .header li, #header p,
#header li, #hdr p, #hdr li, .footer p, .footer li, #footer p,
#footer li, #ftr p, #ftr li, .breadcrumb p, .breadcrumb li {
	font-size: inherit;
	line-height: inherit;
}