/* Formatage body */
body { margin: 0 0 5px 0 ; padding: 0 ; text-align: center ; font: 0.75em/1em Verdana, Geneva, Arial, Helvetica, sans-serif ; background: url(../base/body.jpg) ; height: 100%; }

/* Divisions de base */
div#head { width: 990px ; height: 100px ; margin: 0 auto ; padding: 5px 0 0 0 ; position: relative top left ; background: url(../base/head_flash_no.jpg) no-repeat left 5px ; border-left: 1px solid #999999 ; border-right: 1px solid #999999 ; }
div#head.flash { background: url(../base/head_flash.jpg) no-repeat left 5px ; }
div#headtitre { width: 990px ; height: 25px ; margin: 0 auto ; padding: 0 0 0 0 ; background: url(../base/head_titre.jpg) no-repeat left top ; border-left: 1px solid #999999 ; border-right: 1px solid #999999 ; line-height: 100% ; }
div#band { width: 990px ; height: 30px ; margin: 0 auto ; padding: 0 0 0 0 ; background: url(../base/band.jpg) no-repeat left top ; border-left: 1px solid #999999 ; border-right: 1px solid #999999 ; line-height: 100% ; }
div#body { width: 990px ; height: auto ; margin: 0 auto ; padding: 0 0 0 0 ; border-left: 1px solid #999999 ; border-right: 1px solid #999999 ; background-color: #3F4C54 ; }
div#menu { width: 185px ; height: auto ; margin: 0 auto ; padding: 0 0 0 0 ; float: left ; position: relative ; overflow: hidden ; background: url(../base/menu_fond.jpg) no-repeat left top ; background-color: #3F4C54 ; }
div#text { width: 770px ; height: auto; padding: 10px 20px 10px 15px ; overflow: hidden ; background: url(../base/texte.jpg) ; }
div#piedmenu { width: 990px ; height: 30px ; margin: 0 auto ; padding: 0 0 0 0 ; background: url(../base/pied_menu.jpg) no-repeat left top ; border-left: 1px solid #999999 ; border-right: 1px solid #999999 ; }
div#piedmenu p { padding: 9px 0 0 200px ; }
div#pied { width: 990px ; height: 65px ; margin: 0 auto 5px auto ; padding: 0 0 0 0 ; background: url(../base/pied.jpg) no-repeat left top ; border-left: 1px solid #999999 ; border-right: 1px solid #999999 ; border-bottom: 1px solid #999999 ; }
div#pied p { padding: 10px 0 0 200px ; }

/* Mise en page des blocs dans les divisions du head */
.p100 { width: 100px ; height: 15px; padding: 10px 0 0 0 ; display: block; float: left; position: relative; }
.p200 { width: 195px ; padding: 0 0 0 0 ; display: block; float: left; position: relative; }
.p300 { width: 275px ; padding: 11px 0 0 25px ; display: block; float: left; position: relative; }
.p400 { width: 385px ; padding: 11px 0 0 5px ; display: block; float: left; position: relative; }
.p700 { width: 590px ; height: 16px; padding: 9px 0 0 100px ; display: block; float: left; position: relative; }

/* Menu */
.menutitre { width: 170px ; height: 17px ; padding: 5px 0 0 15px ; text-align: left ; font-size: 13px ; font-family: trebuchet, sans-serif ; font-weight: 700 ; background: url(../base/menu_titre.jpg) no-repeat 5px top ; color: #FFFFFF ; line-height: 100% ; }
.menu { list-style: none ; }
.menu li.menu a { width: 165px ; height: 17px ; padding: 2px 0 0 20px ; margin: 5px 0 0 0 ; display: block ; background: url(../base/menu_lien.gif) left -21px no-repeat ; text-decoration: none ; font-size: 14px ; text-align: left ; line-height: 100% ; }
.menu li.menu a:hover { width: 165px ; height: 17px ; padding: 2px 0 0 20px ; margin: 5px 0 0 0 ; display: block ; background: url(../base/menu_lien.gif) left top no-repeat ; text-decoration: none ; font-size: 14px ; text-align: left ; line-height: 100% ; }
.menu li.actif { width: 165px ; height: 17px ; padding: 2px 0 0 20px ; margin: 5px 0 0 0 ; display: block ; background: url(../base/menu_lien.gif) left -40px no-repeat ; text-decoration: none ; font-size: 14px ; text-align: left ; line-height: 100% ; }

/* Articles */
.cola { width: 770px ; padding: 0 15px 0 0 ; position: relative ; left: 0 ; top: 0 ; height: auto ; overflow: hidden ; }
.cola-band { width: 740px ; height: 22px ; padding: 3px 0 3px 30px ; font-size: 14px ; font-weight: 700 ;  background: url(../base/band_2col.gif) no-repeat ; line-height: 100% ; }
.cola-text-g { width: 755px ; padding: 5px 0 20px 5px ; font-size: 13px ; text-align: justify ; line-height: 135% ; }
.cola-text-g img { margin: 0 15px 2px 0 ; float: left ; }
.cola-text-d { width: 755px ; padding: 5px 0 20px 5px ; font-size: 13px ; text-align: justify ; line-height: 135% ; }
.cola-text-d img { margin: 0 0 2px 15px ; float: right ; }

.colbg { width: 375px ; padding: 0 0 0 0 ; position: relative ; left: 0 ; top: 0 ; height: auto ; float: left ; overflow: hidden ; }
.colbd { width: 380px ; padding: 0 0 0 10px ; position: relative ; left: 0 ; top: 0 ; height: auto ; overflow: hidden ; }
.colb-band-g { width: 345px ; padding: 3px 0 3px 30px ; height: 22px ; font-size: 14px ; font-weight: 700 ;  background: url(../base/band_1col.gif) no-repeat left top; line-height: 100% ; }
.colb-band-d { width: 350px ; padding: 3px 0 3px 40px ; height: 22px ; font-size: 14px ; font-weight: 700 ;  background: url(../base/band_1col.gif) no-repeat 10px 0 ; line-height: 100% ; }
.colb-text-g { width: 365px ; padding: 5px 0 20px 5px ; font-size: 13px ; text-align: justify ; line-height: 135% ; }
.colb-text-g img { margin: 0 15px 2px 0 ; float: left ; }
.colb-text-d { width: 360px ; padding: 5px 0 20px 15px ; font-size: 13px ; text-align: justify ; line-height: 135% ; }
.colb-text-d img { margin: 0 0 2px 15px ; float: right ; }
.colb-text-index { width: 370px ; padding: 5px 5px 20px 15px ; font-size: 13px ; text-align: justify ; line-height: 135% ; }

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

/* Messages */
.att { width: 700px ; padding: 0 20px 0 30px ; text-align: justify ; line-height: 135% ;  background: url(../admin/images/p_attg.gif) no-repeat ; font-size: 13px ; }
.err { width: 700px ; padding: 0 20px 0 30px ; text-align: justify ; line-height: 135% ;  background: url(../admin/images/p_errg.gif) no-repeat ; font-size: 13px ; }
.inf { width: 700px ; padding: 0 20px 0 30px ; text-align: justify ; line-height: 135% ;  background: url(../admin/images/p_infg.gif) no-repeat ; font-size: 13px ; }
.mes { width: 700px ; padding: 0 20px 0 30px ; text-align: justify ; line-height: 135% ;  background: url(../admin/images/p_mesg.gif) no-repeat ; font-size: 13px ; }
.val { width: 700px ; padding: 0 20px 0 30px ; text-align: justify ; line-height: 135% ;  background: url(../admin/images/p_valg.gif) no-repeat ; font-size: 13px ; }
.que { width: 700px ; padding: 0 20px 0 30px ; text-align: justify ; line-height: 135% ;  background: url(../admin/images/p_queg.gif) no-repeat ; font-size: 13px ; }
.use { width: 700px ; padding: 0 20px 0 30px ; text-align: justify ; line-height: 135% ;  background: url(../admin/images/userg.gif) no-repeat  2px 2px ; font-size: 13px ; }

p.attpopup { width: 545px ; padding: 0 10px 0 35px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../admin/images/p_attb.gif) no-repeat 0 0 ; font-size: 13px ; }
p.errpopup { width: 545px ; padding: 0 10px 0 35px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../admin/images/p_errb.gif) no-repeat 0 0 ; font-size: 13px ; }
p.infpopup { width: 545px ; padding: 0 10px 0 35px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../admin/images/p_infb.gif) no-repeat 0 0 ; font-size: 13px ; }
p.mespopup { width: 545px ; padding: 0 10px 0 35px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../admin/images/p_mesb.gif) no-repeat 0 0 ; font-size: 13px ; }
p.valpopup { width: 545px ; padding: 0 10px 0 35px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../admin/images/p_valb.gif) no-repeat 0 0 ; font-size: 13px ; }
p.quepopup { width: 545px ; padding: 0 10px 0 35px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../admin/images/p_queb.gif) no-repeat 0 0 ; font-size: 13px ; }
p.letpopup { width: 545px ; padding: 0 10px 0 35px ; height: 100% ; text-align: justify ; line-height: 135% ;  background: url(../admin/images/p_letb.gif) no-repeat 0 0 ; font-size: 13px ; }

/* Titres administration*/
div#admin-g { width: 345px ; padding: 0 0 0 30px ; position: relative ; left: 0 ; top: 0 ; height: auto ; float: left ; overflow: hidden ; }
div#admin-d { width: 345px ; padding: 0 20px 0 10px ; position: relative ; left: 0 ; top: 0 ; overflow: hidden ; }
h1.admin-user { width: 340px ; padding: 2px 0 0 30px ; line-height: 30px ; text-align: left ; font-size: 13px ; background: url(../admin/images/adm_adm.gif) no-repeat ; }
h1.admin-anno { width: 340px ; padding: 2px 0 0 30px ; line-height: 30px ; text-align: left ; font-size: 13px ; background: url(../admin/images/adm_ann.gif) no-repeat ; }
h1.admin-tari { width: 340px ; padding: 2px 0 0 30px ; line-height: 30px ; text-align: left ; font-size: 13px ; background: url(../admin/images/adm_tar.gif) no-repeat ; }
h1.admin-cray { width: 340px ; padding: 2px 0 0 30px ; line-height: 30px ; text-align: left ; font-size: 13px ; background: url(../admin/images/adm_cra.gif) no-repeat ; }
h1.admin-stat { width: 340px ; padding: 2px 0 0 30px ; line-height: 30px ; text-align: left ; font-size: 13px ; background: url(../admin/images/adm_sta.gif) no-repeat ; }
h1.admin-lett { width: 340px ; padding: 2px 0 0 30px ; line-height: 30px ; text-align: left ; font-size: 13px ; background: url(../admin/images/adm_let.gif) no-repeat ; }
h1.admin-lien { width: 340px ; padding: 2px 0 0 30px ; line-height: 30px ; text-align: left ; font-size: 13px ; background: url(../admin/images/adm_lie.gif) no-repeat ; }
h1.admin-clef { width: 340px ; padding: 2px 0 0 30px ; line-height: 30px ; text-align: left ; font-size: 13px ; background: url(../admin/images/adm_cle.gif) no-repeat ; }
h1.admin-payp { width: 340px ; padding: 2px 0 0 30px ; line-height: 30px ; text-align: left ; font-size: 13px ; background: url(../admin/images/adm_pay.gif) no-repeat ; }
.menuadmin { list-style: none ; padding: 4px 0 0 17px ; height: 18px ; background: url(../admin/images/puce.gif) no-repeat 3px 7px ; font-size: 13px ; display: block ; text-decoration: none ; line-height: 100% ; background-color: #FFFFFF ; border-bottom: 1px solid #999999 ; }