/* Formatage body */
body { margin: 3px 0 ; padding: 0 ; text-align: center ; font: 0.75em/1em Verdana, Geneva, Arial, Helvetica, sans-serif ; background: url(../base/back.jpg) no-repeat left top ; background-color: #ECE2EA ; }

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

/* Largeur input */
.l25 { width: 25px ; }
.l50 { width: 50px ; }
.l75 { width: 75px ; }
.l100 { width: 100px ; }
.l125 { width: 125px ; }
.l150 { width: 150px ; }
.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: 500px ; }


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

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

/* Entêtes de tableaux */
th { background-color: #dea ; border-bottom: 1px solid black ; }

/* 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#cont { width: 1024px ; height: auto ; margin: 0 auto ; text-align: left ; overflow: hidden ; background: url(../base/fond.jpg) no-repeat left top ; background-color: #FFFFFF ; }
div#head { width: 1024px ; height: 130px ; margin: 0 auto ; padding: 0 0 0 0 ; }
div#menu { width: 200px ; height: auto ; float: left ; position: relative ; left: 0px ; top: 0px ; margin: 0 ; overflow: hidden ; background-color: #FFFFFF ; background: url(../base/menu.jpg) no-repeat left top ; }
div#pied { width: 990px ; height: 28px ; margin: 0 auto ; padding: 4px 0 0 34px ; background-color: #FFFFFF ; border-top: 1px solid #999999 ; text-align: right ; }
div#page { float: left ; position: relative ; left: 0 ; top: 0 ; width: 800px ; padding: 10px 10px 5px 10px ; height: auto ; }

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

/* Photos */
div#photo2 img { margin: 5px 15px 3px 0 ; float: left ; }
div#photo1 img { margin: 5px 0 3px 15px ; float: right ; }
div#photo4 img { margin: 5px 15px 3px 0 ; float: left ; }
div#photo3 img { margin: 5px 0 3px 15px ; float: right ; }

/* Titres */
h1.menu-titre { height: 24px ; width: 200px ; padding: 5px 0 0 15px ; background: url(../base/titre.jpg) no-repeat left top ; }
h1.menu-liens-bas { height: 15px ; width: 200px ; padding: 0 0 0 15px ; background: url(../base/liens_bas.jpg) no-repeat left top ; }
h1.menu-liens-top { height: 15px ; width: 200px ; padding: 0 0 0 15px ; background: url(../base/liens_top.jpg) no-repeat left top ; }
h1.menu-liens { height: 22px ; width: 200px ; padding: 0 0 0 24px ; background: url(../base/lien.jpg) no-repeat left top ; }
h1.menu { height: 25px ; width: 200px ; padding: 7px 0 0 10px ; margin: 0 0 0 7px ; background: url(../base/bouton.gif) no-repeat left top ; }
h1.menu150 { height: 25px ; width: 150px ; padding: 7px 0 0 10px ; margin: 0 0 0 7px ; background: url(../base/bouton150.gif) no-repeat left top ; }
h1.trait-bas { height: 10px ; width: 175px ; background: url(../base/traitbas.gif) no-repeat left top ; }
h1.lien { height: 16px ; width: 155px ; padding: 4px 0 0 22px ; background: url(../base/puce.gif) no-repeat left top ; }
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: 800px ; 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.inf { width: 725px ; padding: 5px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_inf.png) no-repeat ; }
div.err { width: 725px ; padding: 5px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_err.png) no-repeat ; }
div.att { width: 725px ; padding: 5px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_att.png) no-repeat ; }
div.val { width: 725px ; padding: 5px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_val.png) no-repeat ; }
div.mes { width: 725px ; padding: 5px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_mes.png) no-repeat ; }
div.inf500 { width: 425px ; padding: 5px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_inf.png) no-repeat ; }
div.err500 { width: 425px ; padding: 5px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_err.png) no-repeat ; }
div.att500 { width: 425px ; padding: 5px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_att.png) no-repeat ; }
div.val500 { width: 425px ; padding: 5px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_val.png) no-repeat ; }
div.mes500 { width: 425px ; padding: 5px 7px 0 50px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../base/z_mes.png) no-repeat ; }