html    {height:101%;}
body	{margin:10px; padding:0; border:0 none; text-align:justify; background:#FFF; font:1.0em Arial,sans-serif; color:#555;}
div,table,img,form,p	{margin:0; padding:0; border:0 none; border-collapse:collapse;}
img {vertical-align:middle;}
a img	{color:#FFF; border:0 none;}
input, textarea	{font:1.0em Arial,sans-serif;}

tr	{vertical-align:top;}
.gr	{font-weight:bold;}
form p	{text-align:center;}

.l	{text-align:left;}
.c	{text-align:center;}
.r	{text-align:right;}
.t	{vertical-align:top;}
.b	{vertical-align:bottom;}
.bleu	{font-weight:bold; color:#36C;}
.gris	{font-style:italic; color:#999;}
.centre	{text-align:center; margin-left:auto; margin-right:auto;}
.centre th, .centre td	{padding:2px;}
.st	{font-size:0.8em;}
.surlig	{color:#F00;}
.pdg	{padding:0 .5em;}
.apercu	{position:absolute; border:1px solid #36C; background:#EEF; text-align:center; color:#000; font-size:0.75em; font-style:italic;}

.rightinput	{float:right; background:#FFF}
.rightinput input, .rightinput input.disabled, .rightinput input.disabled:hover	{border:5px solid #999; background:#EEE;}
.rightinput input:hover	{border:5px solid #36C;}

.ll *	{text-align:left;}

p, ul, form	{padding:5px 20px; margin:5px;}
p.hl	{padding-left:125px; background:url(images/mp-hl.jpg) bottom center no-repeat; line-height:60px; color:#36C; font-size:1.15em;}
ul	{list-style:circle; text-align:left;}
li	{padding-left:.25em; margin:.5em 0; text-align:left;}
p.li	{margin:0 15px;}
img.li	{background:url(images/li.gif) center no-repeat; width:15px; height:15px; vertical-align:middle;}
.hover:hover	{background:url(images/tr.gif);}

a	{font-weight:bold; text-decoration:none; color:#36C;}
a:hover	{text-decoration:underline;}
a.white, .white	{color:#FFF;}
a.ext	{background:url(images/a.ext.gif) right center no-repeat; padding-right:14px;}

#main	{width:980px; margin-left:auto; margin-right:auto; display:table;}

#head	{background:url(images/mp-head.jpg) top right no-repeat; padding:10px 0; text-align:left;}
#head p	{margin:0; padding:0;}
#head p.logo	{padding:0 0 0 50px;}
#head img.logo	{width:230px; height:110px;}
#head p.sign	{color:#36C; font-weight:bold; font-size:1.25em; padding:10px 0 0 100px; height:35px;}
#head p.menu	{color:#FFF; text-align:center; height:40px; vertical-align:middle;}
#head img	{vertical-align:middle;}
#head table.menu	{margin:10px 0 20px 0;}
#head table.menu tr	{vertical-align:middle;}
#head table.menu td	{padding:0;}
#head table.menu td.b	{padding:0 5px;}
#head table.menu td.sel	{background:#FFF;}
#head td a	{color:#FFF; font-weight:normal;}
#head td.sel a	{color:#36C;}

#nav	{text-align:right; padding:0 75px; font-size:0.75em; height:40px;}
#nav img	{width:20px; height:13px; vertical-align:middle; padding:1px; margin:2px;}
#nav img.f	{background:#FFF; border:1px solid #36C;}

.smenu	{padding:1.0em; margin:0 50px 0 50px; background:url(images/smenu.gif) bottom left no-repeat; font-size:0.8em;}
.smenu a		{color:#36C; display:block; padding:1px 20px;}
.smenu a:hover	{background:url(images/i-p.gif) center left no-repeat;}
.smenu a.sel	{}

#cnt	{font-size:0.75em; padding:2px 40px 20px 10px; background:url(images/mp-cnt.gif) top right repeat-y; overflow:auto;}

#foot	{background:url(images/mp-foot.gif) top right no-repeat; font-size:0.70em; text-align:center; padding:10px 20px 0 0;}

input.none	{border:0 none; padding:0; margin:0; vertical-align:middle;}
input.s		{border:1px solid #36C; color:#000; background:#FFF;}
input.sel	{border:1px solid #36C; color:#FFF; background:#36C;}

#portail-menu p	{padding:0; margin:0; text-align:left;}
#portail-menu p.marg	{margin-top:1em;}
#portail-menu input	{border:0 none; color:#36C; background:transparent; padding:0 0 0 5px; margin:0 0 0 20px; text-align:left; width:160px;}
#portail-menu input:hover	{background:url(images/tr.gif); cursor:pointer;}
#portail-menu input.sel		{color:#FFF; background:#36C;}

input.red	{color:#FFF; background:#F66;}
input.green	{color:#000; background:#6F6;}
input.readonly	{border:0 none; color:#999; background:transparent; width:75px;}
.mread	{width:400px; vertical-align:top; color:#555; border:0 none; padding:0; margin:0; background:transparent;}
.mwrite	{width:400px; vertical-align:top; color:#555; border:0 none; padding:0; margin:0; background:#FF9;}
select.max	{width:400px;}
fieldset	{margin:1em;}

h1, h2, h3, h4	{width:95%; font-weight:bold; text-align:left;}
h1	{padding:10px 0 0 75px; margin:0; font-size:1.0em;}
h2, h3	{font-size:1.10em; padding:0 20px;}
h4	{font-size:1.0em; margin:10px; padding:5px; border-bottom:1px solid #36C;}

div.leftdiv {float:left; border-right:1px solid #36C; width:180px;}
td.lefttd {border-right:1px solid #36C; width:180px;}
td.lefttd p	{margin:0; padding:0;}
td.lefttd input {width:150px; margin:2px;}
td.righttd {padding:0 0 0 20px;}

.etat		{width:100%;}
.etat tr	{vertical-align:top;}
.etat th	{text-align:center;}
div.et	{width:120px; height:20px; padding-left:10px; float:right;}
div.et img	{padding:2px;}

.synth	{margin-top:20px; width:95%;}
.synth tr:hover	{background:url(images/tr.gif);}
.synth td, .synth th	{padding:5px;}

.arch	{border:1px solid #36C; float:left; text-align:left; margin:5px 20px;}
.arch td	{padding:5px 20px;}

textarea.ta50	{width:400px; height:50px;}
textarea.ta		{width:400px; height:100px;}
textarea.adr	{width:250px; height:50px; border:1px solid #999;}
select.sf	{width:200px;}

.download	{padding:5px 5px 5px 20px;}
.download ul	{padding:0; margin:0 0 0 20px;}
.download li	{padding:1px 2px; margin:0;}
.download li.soul	{margin-top:5px; margin-bottom:2px; border-bottom:1px dashed #663;}
.download li.none	{display:none; visibility:hidden;}
.download li.undef	{list-style-image:url(images/i-no.gif);}
.download li.uti	{list-style-image:url(images/i-u.gif);}
.download li.vil	{list-style-image:url(images/i-v.gif);}
.download li.file	{list-style-image:url(images/i-file.gif);}
.download li.pdf	{list-style-image:url(images/i-pdf.gif);}
.download li.dir	{list-style-image:url(images/i-d.gif);}
.download li.open	{list-style-image:url(images/i-dopen.gif);}

.liste	{margin:10px auto; display:table;}
.liste-t	{padding:1px; background:url(images/liste-t.gif) top right no-repeat; font-weight:bold;}
.liste-c	{padding:1px; background:url(images/liste-c.gif) bottom right no-repeat;}
.liste ul	{padding:0; margin:20px;}
.liste li	{list-style-image:url(images/i-p.gif);}

.cal	{float:right; margin-left:20px; border:1px solid #999; float:right; padding:5px;}
.cal p	{padding:0; margin:0 0 5px 0; border-bottom:1px solid #999;}
.cal td, .cal th	{padding:2px; text-align:center;}
.cal td:hover	{background:url(images/tr.gif);}

.pi	{background:#F7E47A url(images/pi-bottom.jpg) bottom left no-repeat; font-size:.75em; position:absolute; top:150px; left:40%; cursor:move; width:250px; padding-bottom:20px;}
.pi div	{padding:5px 20px;}
.pi-top	{height:20px; background:url(images/pi-top.jpg) top left repeat-x; font-weight:bold;}
.pi-bottom	{height:100px; overflow-y:auto;}

#w300 input, #w300 textarea, #w300 div	{border:1px solid #999; width:300px; text-align:left;}
#w300 textarea	{height:10em;}
#w300 input.xs	{width:1.5em; height:1.5em; font-size:.5em;}
#w300 .bfl	{width:10px; height:10px; border:0 none; background:transparent url(images/fl-droit.gif) center no-repeat;}

.picto-txt	{float:right;}
.picto-div	{position:absolute; right:0; background:#EEF; border:1px solid #36C;}

input.ico-save	{width:16px; height:16px; margin:0 2px; vertical-align:middle; border:0 none; background:url('images/ico-save.gif'); color:transparent;}