/* Formatage body */
body { margin: 3px 0 ; padding: 0 ; text-align: center ; font: 0.75em/1em Verdana, Geneva, Arial, Helvetica, sans-serif ; background-color: #FFFFFF ; }

/* Formatage éléments de formulaires */
form { margin: 0 ; }

/* Largeur input */
.l50 { width: 50px ; }
.l75 { width: 75px ; }
.l100 { width: 100px ; }
.l125 { width: 125px ; }
.l150 { width: 150px ; }
.l155 { width: 155px ; }
.l160 { width: 160px ; }
.l175 { width: 175px ; }
.l200 { width: 200px ; }
.l225 { width: 225px ; }
.l250 { width: 250px ; }
.l270 { width: 270px ; }
.l275 { width: 275px ; }
.l300 { width: 300px ; }
.l325 { width: 325px ; }
.l350 { width: 350px ; }
.l375 { width: 375px ; }
.l400 { width: 400px ; }
.l450 { width: 450px ; }
.l485 { width: 485px ; }
.l500 { width: 500px ; }
.l550 { width: 550px ; }

/* Formatage images */
img { border: 0 ; }

/* Formatage tableaux */
tab { border-collapse : separate ; empty-cells: show ; }

/* Lignes de tableaux */
tr:hover.hover { background-color: #d2e1df }

/* Alignement Cellules de tableaux */
.top { vertical-align: top ; }
.mid { vertical-align: middle ; }
.bot { vertical-align: bottom ; }

/* Bordures Cellules de tableaux */
.bb-bk { border-bottom: 1px solid black ; }
.bd-bk { border-right: 1px solid black ; }
.bh-bk { border-top: 1px solid black ; }
.bg-bk { border-left: 1px solid black ; }
.bb-gr { border-bottom: 1px solid #CCCCCC ; }
.bd-gr { border-right: 1px solid #CCCCCC ; }
.bh-gr { border-top: 1px solid #CCCCCC ; }
.bg-gr { border-left: 1px solid #CCCCCC ; }

/* Couleurs Cellules de tableaux */
.col-gris { background-color: #CCCCCC ; }
.col-ocre { background-color: #ECEBB9 ; }
.col-bleu { background-color: #CBCBFA ; }
.col-vert { background-color: #DAEBDB ; }

/* Divisions de base */
div#head { width: 1024px ; height: 100px ; margin: 0 auto ; padding: 0 0 15px 0 ; background: url(../base/bandeau.jpg) no-repeat left top ; }
div#cont { width: 1024px ; height: 100% ; margin: 0 auto ; text-align: left ; overflow: hidden ;  border-right: 1px solid #999999 ; }
div#menu { width: 200px ; padding: 0 0 0 24px ; height: auto ; float: left ; border-right: 1px solid #999999 ; position: relative ; left: 0px ; top: 0px ; margin: 0 ; overflow: hidden ; }
div#page { float: left ; padding: 10px 0 0 10px ; position: relative ; left: 0 ; top: 0 ; width: 785px ; height: auto ; overflow: hidden ; border-top: 1px solid #999999 ; }
div#pied { width: 800px ; height: 30px ; padding: 5px 0 0 224px ; margin: 0 auto ; border-top: 1px solid #999999 ; }

/* Mails */
div#mail img { margin: 0 15px 2px 0 ; float: left ; }
div#mail { width: 700px }

/* Photos */
div.photog img { margin: 5px 15px 3px 0 ; float: left ; }
div.photod img { margin: 5px 0 3px 15px ; float: right ; }

/* Titres */
h1.menu-home { height: 18px ; width: 148px ; padding: 4px 0 0 27px ; background: url(../base/menu-home.gif) no-repeat left top ; }
h1.menu-deco { height: 18px ; width: 148px ; padding: 4px 0 0 27px ; background: url(../base/menu-decon.gif) no-repeat left top ; }
h1.menu-deco-off { height: 18px ; width: 148px ; padding: 4px 0 0 27px ; background: url(../base/menu-decon-off.gif) no-repeat left top ; }
h1.menu-user { height: 18px ; width: 148px ; padding: 4px 0 0 27px ; background: url(../base/menu-user.gif) no-repeat left top ; }
h1.menu-user-off { height: 18px ; width: 148px ; padding: 4px 0 0 27px ; background: url(../base/menu-usergris.gif) no-repeat left top ; }
h1.menu-admi { height: 16px ; width: 148px ; padding: 4px 0 0 27px ; background: url(../base/menu-admin.gif) no-repeat left top ; }
h1.menu-gris { height: 16px ; width: 185px ; padding: 4px 0 0 10px ; background: url(../base/menu-gris.gif) no-repeat left top ; }
h1.menu-ocre { height: 16px ; width: 195px ; padding: 4px 0 0 10px ; background: url(../base/menu.jpg) no-repeat left top ; }
h1.menu-bleu { height: 16px ; width: 185px ; padding: 4px 0 0 10px ; background: url(../base/menu-bleu.gif) no-repeat left top ; }
h1.trait-bas { height: 10px ; width: 185px ; background: url(../base/traitbas.gif) no-repeat left top ; }
h1.lien { height: 16px ; width: 145px ; padding: 4px 0 0 22px ; background: url(../base/puce.gif) no-repeat left top ; }
h1.selec { height: 16px ; width: 145px ; padding: 4px 0 0 22px ; }
h1.note { height: 17px ; width: 180px ; padding: 5px 0 0 33px ; background: url(../base/note.gif) no-repeat left top ; }
h1.page { height: 15px ; width: 625px ; margin: 7px 0 0 5px ; padding: 3px 0 0 0 ; background-color: #dea ; text-align: center ; font-size: 11px ; border-bottom: 1px solid black ; }

/* Messages */
div.inf600 { width: 565px ; padding: 5px 0 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_inf.png) no-repeat ; }
div.err600 { width: 565px ; padding: 5px 0 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_err.png) no-repeat ; }
div.att600 { width: 565px ; padding: 5px 0 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_att.png) no-repeat ; }
div.val600 { width: 565px ; padding: 5px 0 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_val.png) no-repeat ; }
div.mes600 { width: 565px ; padding: 5px 0 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_mes.png) no-repeat ; }

div.inf800 { width: 700px ; padding: 5px 0 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_inf.png) no-repeat ; }
div.err800 { width: 700px ; padding: 5px 0 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_err.png) no-repeat ; }
div.att800 { width: 700px ; padding: 5px 0 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_att.png) no-repeat ; }
div.val800 { width: 700px ; padding: 5px 0 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_val.png) no-repeat ; }
div.mes800 { width: 700px ; padding: 5px 0 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_mes.png) no-repeat ; }

div.inf350 { width: 350px ; padding: 1px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_inf.png) no-repeat ; }
div.err350 { width: 350px ; padding: 1px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_err.png) no-repeat ; }
div.att350 { width: 350px ; padding: 1px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_att.png) no-repeat ; }
div.val350 { width: 350px ; padding: 1px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_val.png) no-repeat ; }
div.mes350 { width: 350px ; padding: 1px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_mes.png) no-repeat ; }

div.inf500 { width: 500px ; padding: 1px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_inf.png) no-repeat ; }
div.err500 { width: 500px ; padding: 1px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_err.png) no-repeat ; }
div.att500 { width: 500px ; padding: 1px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_att.png) no-repeat ; }
div.val500 { width: 500px ; padding: 1px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_val.png) no-repeat ; }
div.mes500 { width: 500px ; padding: 1px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_mes.png) no-repeat ; }

div.inf400 { width: 435px ; padding: 1px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_inf.png) no-repeat ; }
div.err400 { width: 435px ; padding: 1px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_err.png) no-repeat ; }
div.att400 { width: 435px ; padding: 1px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_att.png) no-repeat ; }
div.val400 { width: 435px ; padding: 1px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_val.png) no-repeat ; }
div.mes400 { width: 435px ; padding: 1px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_mes.png) no-repeat ; }