@charset "utf-8";
/* CSS Document */
OBJECT{z-index: 100;}

body{ background-color:#5c5c5c; background-image:url(../images/fond.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;}

a{ text-decoration:none; color:white;}
a:hover{ text-decoration:underline; color:white;}

h1, h2{background:url(../images/content_bullet.gif) no-repeat left bottom; color:#ffffff; font-size:12px; padding:0 0 0 25px; margin:0 0 20px 0; }
h2{ margin:40px 0 20px 0; border-top:3px solid #363636; padding:20px 0 0 25px; }
h3{ background:url(../images/arrow_double.png) no-repeat left center; padding:0 0 0 15px; margin:10px 0 0 0; font-size:12px; text-transform:uppercase; font-weight:normal;}
.container{ width:870px; margin:0 auto; color:white;}


ul.topmenu{ margin:15px 0 0 0; padding:0; font-weight:bold; height:30px; list-style:none;}
ul.topmenu li{ float:left; margin: 0 30px 0 0;  background:url(../images/bullet_double.png) no-repeat right; padding:0 30px 0 0;}
ul.topmenu li a.selected{ background:url(../images/bullet.gif) no-repeat; padding:0 0 0 20px;}
ul.topmenu li.last{ background:none;}

.content{ margin:30px 0 0 0;}
.content div{ float:left; }

.content_left{ width:210px;}

ul.leftmenu{ margin:40px 0 50px 0 !important; margin:20px 0 50px 0; padding:0; list-style:none; width:148px;}

ul.leftmenu li{ margin:20px 0 0 10px; padding:0 0 0 10px; background:url(../images/arrow_single_big.png) no-repeat left;}
ul.leftmenu li.selected{ margin:20px 0 0 0; padding:7px 0 5px 25px; background:url(../images/menu_selected.png) no-repeat;}

ul.sub_leftmenu{list-style:none; margin:15px 0 0 0; padding:0;}
ul.leftmenu  li ul.sub_leftmenu li{ font-size:10px; color:#cccccc; list-style:none; margin:10px 0 10px 0; padding:0 0 0 10px; text-transform:uppercase; background:url(../images/arrow_single.png) no-repeat left;}
ul.leftmenu  li ul.sub_leftmenu li a{color:#cccccc}
ul.leftmenu  li ul.sub_leftmenu li.selected{ color:white; background:url(../images/arrow_double.png) no-repeat left;}
li.selected a span{ color:#FFFFFF;}

.footer{ clear:both; float:none; background:url(../images/footer.png) no-repeat; margin:0; padding:8px 0 20px 35px !important; padding:4px 0 20px 35px; font-size:9px; color:#959494;}
.footer a{color:#959494;}

.content_right{ background-color:#252525; width:560px; margin:0 0 40px 20px; padding:30px; border:6px #FFFFFF solid;}
.content_right a{ color:#fdc18c; text-decoration:underline; }
.content_right .orange{color:#f07c17; font-weight:bold;}
.content_right ul.references{ list-style:none; margin:0; padding:0; vertical-align:middle;}
.content_right ul.references li{ margin:15px 0 0 0;}
.content_right ul.references a img{ border:4px solid #ffffff; margin:0 10px 0 0; vertical-align:middle; }
.content_right ul.references a:hover img{ border:4px solid #ff7600; }
.content_right ul.references a img.pdf{ border:none; margin-left:10px;}
.references_cache{ visibility:hidden; display:none;}

div.contactperson{ float:left; width:230px; padding:15px; margin:0 0 15px 0; border:5px solid #363636;}
div.right{ margin: 0 15px 0 0;}
div.bottom{ height:120px;}
div.contactperson img{ margin:0 0 15px 50px; border:4px solid #ffffff;}
div.contactperson p{ padding:0; margin:0;}

div.gallery img{float:left; border:6px solid white; margin:15px 30px 15px 0; width:154px;}
div.gallery img.right{margin:15px 0 15px 0; }

div#effects{ height:356px; overflow:hidden; margin-top:10px; }
div#effects a img { border:6px solid #ffffff; margin:0; display:block; margin:0 0 10px 0;}
div#effects a:hover img { border:6px solid #ff7600;}

div.effects_arrows{margin:0 0 0 42%; float:none;}

div.effects_arrows a{ outline:none; }
div.effects_arrows img{ margin:10px 0 0 0 !important;margin:0 0 0 0;  border:none; }

div.effects_thumbails{ border-top: 3px solid #333333; width:561px; padding:15px 0 0 0; margin:15px 0 0 0;}
div.effects_thumbails a img { border:3px solid #ffffff; margin:0 2px 2px 0;}
div.effects_thumbails a:hover img { border:3px solid #ff7600; margin:0 2px 2px 0;}

img.effect_title {border:6px solid white; margin:0 0 15px 0;}

div.effects_arrows_details{padding:15px 0 0 84%; margin:15px 0 0 0; width:85px; float:none; clear:both;border-top: 3px solid #333333;}
div.effects_arrows_details img{margin:0 0 0 0;  border:none;}

p.casesSWF { border:6px solid white;}