body { width: 100%; font-family: Tahoma; background: #222222 url(images/layer/fond.png); margin: 0; color: #FFFFFF; }
hr { height: 1px; color: #282E22; background-color: #282E22; border-style: solid none none none; margin: 5px 0 0 !important; margin: 0; }
h2 { display: inline; font-size: 1em; color: #C4B550; }
select { border: 1px solid; border-color: #282E22 #889180 #889180 #282E22; background-color: #3E4637; font-family: Tahoma; color: #A0AA95; vertical-align: top; }
option { border: 0 none; font-family: Tahoma; color: #A0AA95; padding: 0 0 1px 5px; }
option:hover { background: #C4B550 url(images/layer/select_back.png); color: #FFFFFF; }
textarea, input { font-family: Tahoma; font-size: 10pt; }

.icon { border: 0 none; vertical-align: middle; }
.hl2 { background: url(images/layer/hl2.gif) 5px 1px no-repeat; }
.hl { background: url(images/layer/hl.gif) 5px 1px no-repeat; }
.cs { background: url(images/layer/cs.gif) 5px 1px no-repeat; }
.help { background: url(images/layer/help.gif) 5px 1px no-repeat; }
.media { background: url(images/layer/media.gif) 5px 1px no-repeat; }
.wip { background: url(images/layer/wip.gif) 5px 1px no-repeat; }
.model { background: url(images/layer/model.gif) 5px 1px no-repeat; }
.hr { display: inline; margin-bottom: 5px; }
.imglink { border: 1px solid; float: left; width: 200px; clear: left; margin: 10px 10px 0 0; }
.d360 { border: 1px solid; float: left; width: 94px; margin: 10px 10px 0 0; }
.mapblock { background-color: #4C5844; border: 1px solid #5A6A50; margin-left: 210px; padding: 10px; }
.mapblock2 { background-color: #4C5844; border: 1px solid #5A6A50; padding: 10px; clear: left; margin: 10px 0 0 0; }
.f2 { color: #C4B550; }
.f3 { font-size: 0.8em; }
.f4 { color: #C4B550; font-size: 0.8em; }

#menu_haut { background-image: url(images/layer/menu_haut_milieu.png); height: 180px; margin: 10px; overflow: hidden; }
#menu_haut_droite { background-image: url(images/layer/menu_haut_droite.png); width: 31px; height: 180px; float: right; }
#menu_haut_haut { background-image: url(images/layer/menu_haut_haut.png); width: 561px; height: 43px; }
#menu_haut_gauche { background-image: url(images/layer/menu_haut_gauche.png); clear: left; width: 21px; height: 137px; float: left; }
#menu_haut_map { cursor: pointer; height: 108px; margin-right: 62px !important; margin-right: 40px; position: relative; top: 8px; left: 22px !important; left: 0px; }

#menu_gauche_haut { float: left; clear: left; background-image: url(images/layer/menu_gauche_haut.png); width: 197px; height: 31px; margin-left: 10px !important; margin-left: 5px; }
#menu_gauche_milieu { float: left; clear: left; background-image: url(images/layer/menu_gauche_milieu.png); width: 182px; padding: 5px 0 5px 15px; color: #FFFFFF; font-size: 0.8em; margin-left: 10px !important; margin-left: 5px; }
#menu_gauche_bas { float: left; clear: left; background-image: url(images/layer/menu_gauche_bas.png); width: 197px; height: 51px; margin-left: 10px !important; margin-left: 5px; margin-bottom: 10px; }
#menu_gauche_bouton { margin: 11px 0 0 6px; }
#menu_gauche_milieu a { display: block; margin: 0; color: #FFFFFF; text-decoration: none; margin: 0 10px 0 -5px; padding: 1px 0 1px 25px; }
#menu_gauche_milieu a:hover { background-color: #958831; }
.menu_gauche_titre { color: #C4B550; font-size: 0.7em; }

#page { background-color: #3E4637; margin: 0 10px 0 10px !important; margin-left: 215px; }
#page_haut_gauche { background: #4C5844 url(images/layer/page_haut_gauche.png); width: 23px; height: 33px; }
#page_haut_milieu { background: #4C5844 url(images/layer/page_haut_milieu.png); height: 33px; }
#page_haut_droite { background: #4C5844 url(images/layer/page_haut_droite.png); width: 5px; height: 33px; }
#page_gauche { background: #4C5844 url(images/layer/page_gauche.png); width: 23px; }
#page_milieu { font-size: 0.8em; padding: 10px 0; text-align: justify; }
#page_milieu a { color: #958831; text-decoration: none; }
#page_milieu a:hover { color: #4A63E3; }
#page_droite { background: #4C5844 url(images/layer/page_droite.png); width: 5px; height: 33px; }
#page_bas_gauche { background: #4C5844 url(images/layer/page_bas_gauche.png); width: 7px; height: 38px; }
#page_bas_milieu { background: #4C5844 url(images/layer/page_bas_milieu.png); height: 38px; }
#page_bas_droite { background: #4C5844 url(images/layer/page_bas_droite.png); width: 16px; height: 38px; }

.floating { float: left; margin: 0 10px 10px 0; }
.quote { border: 1px solid #5A6A50; background-color: #4C5844; padding: 5px 10px; color: #DDDDDD; font-family: Verdana; }
.light { color: #C4B550; }
.code { font-family: Courier New, monospace; color: #DDBB00; }
.bloc { border: 1px solid #5A6A50; background-color: #4C5844; margin: 0 0 10px 0; padding: 5px; overflow: hidden; }
.bloc .titre { color: #C4B550; margin-bottom: 10px; font-weight: bold; }
.inutile, .utile, .indispensable { color: #aaa; padding-left: 18px; font-weight: bold; display: block; overflow: hidden; }
.inutile	{ background: transparent url(images/tuto_notice/inutile.gif) 0 1px no-repeat; }
.utile		{ background: transparent url(images/tuto_notice/utile.gif) 0 1px no-repeat; }
.indispensable { background: transparent url(images/tuto_notice/indispensable.gif) 0 1px no-repeat; }
.toolsicon { float: left; margin: 5px 5px 0 0; border: 1px solid #000; }

 .hlerr_container { margin: 7px -5px; padding: 2px 5px 5px 5px; }
 .hlerr_icon { float: left; margin: 2px 5px 0 5px; -moz-opacity: 0.5; }
 .hlerr_iconmini { float: left; margin: 0; margin-right: 5px; }
 .hlerr_title { font-family: monospace; font-size: 10pt; }
 .hlerr_error { font-weight: normal; font-family: Tahoma; padding: 5px; margin-top: 2px; -moz-border-radius: 10px; }
 .hlerr_desc { font-family: Tahoma; font-style: italic; }