* {margin: 0;padding: 0;}
body {font-size: 0.8em;background: #000;color: #FFF;}
@font-face {font-family: Fontin;src: url(Fontin_Sans_Regular.otf) format("opentype");}
	
p {font: 1em/1.7em Tahoma, sans-serif;margin:10px 0 10px 0;padding: 0;}
li {font: 1em/1.2em Tahoma, sans-serif;margin:0;padding: 0;}
h1 {font-size:2.5em;font-family: Fontin, Tahoma, sans-serif;color:#8CADBD;text-shadow: #777 0px 0px 5px;margin:10px 0 30px 0;padding:0;text-align:left;cursor:default; }
h2 {font-size:1.8em;font-family: Fontin, Tahoma, sans-serif;color:#8CADBD;text-shadow: #777 0px 0px 3px;margin:10px 0 15px 0;padding:3px 0 0 0;cursor:default;}
h2 > img {margin: 0 0 -2px 0;padding: 0;}
h1,h2:hover {color:#96B3C1;}
h2:target {color:#5F9EBD;}
h3 {font: 1.2em Tahoma, sans-serif;color: #8CADBD;margin-bottom: 10px;}
ul {margin-left: 15px;}
li {list-style: none;margin: 0;padding: 0;}
img, a img {border: none;}
a {text-decoration:none;color:#FFF363;}
a:hover {text-shadow: #CCC 0px 0px 1px;}
hr {width:95%;height:1px;border:none;border-bottom: 1px solid #CCC;margin:0;padding:0;}
abbr, acronym{cursor: help;}

/* menu */

#left-sidebar {width: 150px;float: left;padding-left: 10px;padding-top: 10px;position: fixed;}
#left-sidebar a:hover {color:#8CADBD;}
#elefan {margin-left:-10px;cursor:default;}
.menu {margin:0 0 20px 10px;}
ul.pop li a:hover {padding-left:10px;}
.menu li.active {color:#8CADBD;cursor:default;}

/* contenu */

#main-content {padding: 20px 20px 20px 230px;}

#main-content p > a {color:#FFF363;}
#main-content p > a:hover {color:#8CADBD;}
a.out {color:#FFF363;}
a.out:hover {color:#8CADBD;}
a.out:after {content: url(../external.png);}
a.out:hover:after {content: url(../external2.png);}

#main-content p.up {margin:0;padding:10px 0 0 0;}
#main-content p > a.up {color:#ed9b72;font-size:0.8em;}
#main-content p > a.up:before {content: url(../arrow-up.png) " ";}
#main-content p > a.up:after {content: " " url(../arrow-up.png);}
#main-content p > a.up:hover {color:#e15c1a;}
#main-content p > a.up:hover:before {content: url(../arrow-up2.png) " ";}
#main-content p > a.up:hover:after {content: " " url(../arrow-up2.png);}

#main-content p.dl {margin:25px 0 10px 0;}

#main-content p > a.dl {padding:5px;color:#55A30B;background: #F8F9FB;font:bolder 1.4em arial, "new century schoolbook", serif;border:2px solid #55A30B;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;}
#main-content p > a.dl:hover {color:#8CADBD;border-color:#8CADBD;text-shadow: none;}
#main-content p > a.dl:before {content: url(addon.png);padding-right:5px;}
#main-content p > a.dl:hover:before {content: url(addonblue.png);}

#main-content p.end {margin:10px 0 0 0;}
#main-content p.bottom {margin:30px 0 -10px 0;color:#999;}

#main-content ul > li {margin:5px 0;}
#main-content ul > li:before {content:"→";padding-right:8px;}

p.source {font-size: 0.8em;color:#CCC;margin-top:-7px;text-align:right;}
.fx:before {content: url(12x12-firefox.png);padding-right:5px;vertical-align:-5%;}
.mozilla:before {content: url(12x12-mozilla.png);padding-right:5px;vertical-align:-5%;}
.w:before {content: url(12x12-wikipedia.png);padding-right:5px;vertical-align:-5%;}
.framsoft:before {content: url(12x12-framasoft.png);padding-right:5px;vertical-align:-5%;}
.gecko:before {content: url(12x12-gecko.png);padding-right:5px;vertical-align:-5%;}
.mycroft:before {content: url(12x12-mycroft.png);padding-right:5px;vertical-align:-5%;}
.opensearch:before {content: url(12x12-opensearch.png);padding-right:5px;vertical-align:-5%;}
.pf:before {content: url(12x12-pf.png);padding-right:5px;vertical-align:-5%;}
.gatellier:before {content: url(12x12-gatellier.png);padding-right:5px;vertical-align:-5%;}
.logo {vertical-align:-21%;}
.icon {vertical-align:-20%;}
.u {text-decoration:underline;}
.gr {font-weight:bold;color:#55A30B;}
.gr:before {content: url(addon.png);padding-right:5px;}
p.noclic > a {color:#777 !important;cursor:text;}
.email {color:#FFF !important;}
.email:hover {color:#FFF363 !important;}
.email:after {content: " " url(../email.png);}
.email:hover:after {content: " " url(../email2.png);}

/* pied de page */

#footer {text-align: center;margin:10px 0;padding:5px 0 0 200px;border:none;cursor:default;}
#footer img {border:1px solid #939393;}
#footer a img {cursor:default;}
#footer img:hover {border:1px solid #DDD;}
.hidden{display: none;width:0;height:0;}