body { background-color:#FFFFFF; color:#000000; margin:0px; overflow-x:hidden}
#top { width:100%; height:18px; background-image:url(sys_images/top_pattern.jpg); background-repeat:repeat-x; position:fixed; top:0px; left:0px; font-family:Arial, Helvetica, sans-serif; z-index:1000; display:block}
#sidebar { position:absolute; width:384px; background-image:url(sys_images/left_layer.jpg); height:100%; background-repeat:repeat-y; top:18px; left:0px}
#logo { margin-top:30px}
.callout { margin-top:75px; letter-spacing:-0.03em; font-family:Tahoma, Verdana, Arial; font-size:26px; color:#FFFFFF; line-height:30px}
#callout { font-size:12px; font-family:Arial, Helvetica, sans-serif; background-image:url(http://www.marmaraperde.com/sys_images/metin_taban.jpg); width:467px; height:122px;color:#FFFF99; background-repeat:no-repeat}
.callout2 { margin-top:70px; position:relative}
.sidebar_tbl { margin-left:20px}
#sidebar_line { position:fixed; top:100px; left:228px; width:1px; height:400px; background-color:#FF3333; z-index:100}
* html #sidebar_line {position:absolute; top:100px; left:228px; width:1px; height:400px; background-color:#FF3333; z-index:100 }
span.yellowish a { color:#FF9900; font-size:14px; font-family:Helvetica, Arial, sans-serif; font-weight:bold; text-decoration:none}
#content { margin-left:400px; margin-top:30px; padding-bottom:10px; position:relative; display:block; width:550px}
#desc {text-align:justify}

body > div#sidebar { position: fixed; }
* html #content { margin-left:400px; width:550px; position:absolute; top:0px; left:0px}

 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }

p.mentions{position:relative;top:0px;color:#fff;font-size:12px; font-family:Verdana}
p.mentions a.nochange { color:white; text-decoration:none; font-weight:normal}
p.mentions small a { color:white; text-decoration:none; font-weight:normal}

.menu { padding-left:12px; padding-top:80px; }
.menu i { font-size:12px; color:#FFFFFF; font-family:Helvetica, Arial, sans-serif}
ul.menu{list-style:none;margin:0 0 0 -10px; padding:0; }
ul.menu li { padding-top:0px; padding-bottom:0px; margin-bottom:0px; margin-top:0px}
ul.menu li a{ color:#fccc69;text-transform:lowercase; font-size:14px; padding:0 0 0 10px;font-weight:bold; font-family:Tahoma, Verdana, Arial; text-decoration:none; letter-spacing:-0.01em; line-height:12px; }
ul.menu li a small{ color:#fccc69;text-transform:lowercase; font-size:12px; font-family:Tahoma, Verdana, Arial; text-decoration:none; letter-spacing:-0.01em; line-height:12px; }
ul.menu li a:hover,ul.menu li a#lienmenuselect{color:#fff;background:url('sys_images/fleche-jaune.gif') no-repeat 0px 7px}

.box { width:500px; margin:15px auto 0px 12px; padding-top:10px}
.box h2 { padding-left:7px; font-size:22px ;font-family:Arial, Helvetica, sans-serif; letter-spacing:0px; color:#CC0033; line-height:26px; padding-top:0px; padding-bottom:0px; margin-top:0px}

.main legend {color:#cc0000; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;border:#cc0000 2px solid; padding:3px 5px 3px 5px}
.main fieldset { border:#cc0000 2px solid;}

fieldset#refe legend {color:#cc0000; font-size:13px; font-family:Arial, Helvetica, sans-serif;border:#cc0000 1px solid; padding:1px 3px 1px 3px}
fieldset#refe { border:#cc0000 1px solid; margin-top:15px}

.excerpt { margin:-13px auto 3px 35px; font-size:14px; color:#919191; letter-spacing:0.05em; line-height:15px; font-family:Verdana, Arial, sans-serif; font-weight:bold}
.excerpt2 { margin:15px 0px 5px 0px; font-size:16px; color:#919191; letter-spacing:-0.05em; line-height:15px; text-transform:capitalize;font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.floating {float:right; margin-right:-35px; margin-left:8px; border:#990000 1px solid; text-align:center; position:relative}

.main { margin-left:35px; margin-top:8px; font-family:Helvetica, Arial, sans-serif; font-size:12px}
.main a { text-decoration:underline; color:#CC0000; font-size:11px}
.links a:link  { text-decoration:underline; color:#CC0000; font-size:11px}
.links a:visited  { text-decoration:underline; color:#CC0000; font-size:11px}
.links a :hover { text-decoration:underline; color:#CC0000; font-size:11px}
.links a:active  { text-decoration:underline; color:#CC0000; font-size:11px}
.button { color:#CC0000}
div.rubrique{width:450px;overflow:hidden;padding-top:10px;padding-bottom:10px;border-bottom:dotted #e2e2e2 1px;margin:0}
div.rubrique span.secteur{font-size:10px;font-style:italic;color:#a1a1a1}
div.rea{padding-top:14px;width:450px}
h3 { font-size:16px}
.iletisimform { font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#990000}