BODY { background:#00A7D8 url(page.gif) top left repeat; font-family: "Times New Roman", Arial, sans-serif; font-size: 14px; color:white; margin:30px }

div#page { width:894px; background: white; border:3px solid #0085cf; color:black; text-align: left; }
div#header { width:879px; background: url(top.gif) top left no-repeat; height:235px; padding:15px 0 0 35px; }

div#menubar { margin:0 33px; padding-bottom: 30px; height: 11px; }

div#menubar a { padding:41px 0 0 0; overflow: hidden; background-repeat: no-repeat; height: 0px !important; display: block; float: left; }
div#menubar a.home { background: url(bar/home-a.gif); width: 73px; } div#menubar a.home:hover { background: url(bar/home-b.gif); }
div#menubar a.paces { background: url(bar/paces-a.gif); width: 84px; } div#menubar a.paces:hover { background: url(bar/paces-b.gif); }
div#menubar a.pourquoi { background: url(bar/pourquoi-a.gif); width: 229px; } div#menubar a.pourquoi:hover { background: url(bar/pourquoi-b.gif); }

div#menubar a.p5 { background: url(bar/paris5-a.gif); width: 61px; } div#menubar a.p5:hover { background: url(bar/paris5-b.gif); } div#menubar a.p5-active { background: url(bar/paris5-c.gif); }
div#menubar a.p6 { background: url(bar/paris6-a.gif); width: 62px; } div#menubar a.p6:hover { background: url(bar/paris6-b.gif); } div#menubar a.p6-active { background: url(bar/paris6-c.gif); }
div#menubar a.p7 { background: url(bar/paris7-a.gif); width: 61px; } div#menubar a.p7:hover { background: url(bar/paris7-b.gif); } div#menubar a.p7-active { background: url(bar/paris7-c.gif); }
div#menubar a.p11 { background: url(bar/paris11-a.gif); width: 68px; } div#menubar a.p11:hover { background: url(bar/paris11-b.gif); } div#menubar a.p11-active { background: url(bar/paris11-c.gif); }
div#menubar a.p12 { background: url(bar/paris12-a.gif); width: 71px; } div#menubar a.p12:hover { background: url(bar/paris12-b.gif); } div#menubar a.p12-active { background: url(bar/paris12-c.gif); }
div#menubar a.p13 { background: url(bar/paris13-a.gif); width: 69px; } div#menubar a.p13:hover { background: url(bar/paris13-b.gif); } div#menubar a.p13-active { background: url(bar/paris13-c.gif); }
div#menubar a.po { background: url(bar/pifo-a.gif); width: 40px; } div#menubar a.po:hover { background: url(bar/pifo-b.gif); } div#menubar a.po-active { background: url(bar/pifo-c.gif); }


div#corps { margin:20px 30px; }
div#corps h1 { color:#FFA243; font-family: Arial; font-size: 32px; font-weight: bold; margin:0; }
div#corps h2 { color:#FFA243; font-family: Arial; font-size: 24px; font-weight: bold; margin:0; }


div#guide { background: #252525 url(guide.gif) top right no-repeat; margin:15px 0; height: 200px; padding:20px 185px 10px 25px; text-align: left; color:white; font-size: 16px; }
div#guide h1, div#guide h1 a, div#guide h1 a:hover, div#guide h1 a:visited { color:#FFE805; font-family: Arial; font-size: 32px; margin:0; text-decoration: none;
 }
div#guide h2 { font-family: Arial; font-size: 18px; font-weight: normal; color:white; margin: 5px 0; }
div#guide a { color:#FFE805; text-decoration: none; font-family: Arial; } div#guide a:hover { text-decoration: underline; }

div#univ { text-align: center;  }
div#univ h1 { color:#00A7D8; margin:0; padding:0;  }
div#univ h2 { color:black; font-style:italic; font-size: 16px; }

div#footer { width:880px; background: #00A7D8; font-family: Arial; font-weight: bold; text-align: center; font-size: 12px; padding: 10px; margin:10px }
div#footer a, #footer a:visited { text-decoration: none; color: white; }
div#footer a:hover { text-decoration: none; background: #00A2E1; }

.blue { color:#00A7D8; }
.green { color:#5BDD45; }
.yellow { color:#FFE805; }
.red { color:#FF585E; }
.small { font-size: 24px; }