@import url('reset.css');
@import url('icomoon.css');
@charset UTF-8;
@font-face{font-family:"DINWebPro";src:url("../fonts/dinwebpro-medium.eot");src:url("../fonts/dinwebpro-medium.eot?#iefix") format("embedded-opentype"),url("../fonts/dinwebpro-medium.woff") format("woff");}@font-face{font-family:"DINWebPro";font-weight:bold;src:url("../fonts/dinwebpro-bold.eot");src:url("../fonts/dinwebpro-bold.eot?#iefix") format("embedded-opentype"),url("../fonts/dinwebpro-bold.woff") format("woff");}*{outline-width:0;}
#titre_look{font-family:g;text-transform:uppercase;}
.b_closeThin{position:absolute;right:20px;top:20px;}
#popin>div{padding:30px;font-family:monaco;font-size:12px;}
#popin h1{text-transform:uppercase;font-family:g;color:#15395a;margin:0 0 20px;padding:0;}
#popin input{margin-top:20px;font-family:monaco;width:200px;float:left;border:0;padding-bottom:5px;border-bottom:1px solid #15395a;}
#popin textarea{padding:10px;margin-top:20px;float:left;border:0;border:1px solid #15395a;width:300px;height:80px;}
#popin label{margin-top:20px;float:left;clear:both;width:100px;}
#popin a.mon_submit{letter-spacing:3px;font-family:g;color:#fff;border:1px solid #15395a;background:#15395a;padding:3px 2px 2px 6px;text-decoration:none;}
#popin a.mon_submit:hover{border:1px solid #15395a;background:#fff;color:#15395a;}
#popin .contact_thx{color:red;margin-left:10px;}
#popin a{color:#15395a;font-family:monaco;letter-spacing:0;}
#credits form{display:inline;}
.introducing{margin-top:30px;width:400px;top:0;padding:20px;border:0;}
.introducing:hover{padding:19px;border-top:1px dotted #fff;}
.clear{clear:both;font-size:1px;line-height:0;}
#fw2013{position:fixed;background:#000;width:100%;height:100%;z-index:999;display:none;}
body{font-family:'DINWebPro',sans-serif;margin:0;overflow:hidden;background:#000;}
.wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;}
#pattern{background-image:url("../images/pattern.png");height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;opacity:.3;}
#touchStart{display:none;position:absolute;top:50%;left:50%;margin-left:-112px;pointer-events: auto;z-index:999;} #touchStart input{width:225px;}
.h{position:relative;height:100%;}
.logo{width:300px;margin-bottom:20px;}
#b{position:absolute;width:100%;height:100%;background:#000;z-index:988;opacity:0;}
#bloc_start{position:absolute;text-align:center;width:800px;margin-left:-400px;left:50%;height:700px;margin-top:-200px;top:50%;z-index:989;display:none;}
#intro{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:999;}
#intro div{position:absolute;top:50%;left:50%;width:204px;height:242px;margin-left:-75px;margin-top:-185px;}
#intro u{position:absolute;display:block;width:180px;margin-left:-90px;left:50%;top:50%;height:2px;background:#464646;}
#intro i{position:absolute;display:block;width:0;margin-left:-90px;left:50%;top:50%;height:2px;background:#00fff0;}
a{color:#00fff0;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:underline;}
a.l{cursor:default;}
#sousNav{position:absolute;margin-top:-15px;width:200px;display:none;}
#sousNav a{display:inline-block;width:120px;padding:5px;}
.f{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;text-align:center;z-index:1;}
#lookbookman{font-family:g;font-size:20px;letter-spacing:4px;position:absolute;display:none;color:#fff;}
#a_back{position:fixed;top:20px;right:20px;background:#fff!important;color:#000;z-index:989;padding:4px 10px 6px 12px;}
#a_back:hover{background:#000!important;color:#fff!important;}
.fond-bleu{background:#002b47;z-index:0;}
a.b-blanc{text-decoration:none;position:absolute;display:block;width:200px;margin-left:-100px;left:50%;height:35px;margin-top:-18px;top:50%;font-size:11px;letter-spacing:3px;line-height:35px;border:1px solid #fff;color:#fff;z-index:988;}
a.b-blanc:hover{background:#fff;color:#002b47;}
* a{cursor:pointer!important;}
.fond-rollMenu{position:absolute;top:0;left:0;width:100%;height:100%;z-index:969;display:none;}
.fond-rollMenu>div{width:100%;height:100%;background:#000;opacity:.1;}
#nav{margin-left:26px;}
#nav a{line-height:50px;display:block;float:left;padding:10px;height:50px;}
#history{background:#000;display:none;}
#hakkimizda{background:#000;display:none;overflow:hidden;}
#galeri{background:#000;display:none;}
#referanslar{background:#fff;display:none;}
#iletisim{display:none;}
#liens{color:#fff;position:absolute;top:43%;left:-100px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);z-index:999;}
#liens a{margin-right:10px;padding:0 5px 5px;border-bottom:1px solid #fff;font-family:monaco;font-size:9px;}
#liens a:hover{text-decoration:none;border-bottom:1px solid #568ec2;}
#credits{color:#fff;position:absolute;top:48%;right:-100px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);z-index:999;}
#credits a{margin-right:10px;padding:0 5px 5px;border-bottom:1px solid #fff;font-family:monaco;font-size:9px;}
#credits a:hover{text-decoration:none;border-bottom:1px solid #568ec2;}
header{left:0;position:fixed;right:0;top:0;width:100%;z-index:998;pointer-events:none;}
header .container{margin-left:auto;margin-right:auto;max-width:1200px;min-width:960px;width:auto;}
#logo{background:url(../images/glass.png) repeat scroll 0 0 transparent;float:left;margin-left:0px;pointer-events:auto;}#logo a{-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;display:block;padding:30px 20px 10px;}
#logo a.selected{border-bottom:3px solid #000;}
#logo a:hover{margin-top:10px;border-bottom:3px solid #00fff0;}
.home #logo a.selected{border-bottom:3px solid #00fff0;}
#audio-control{background-image:url(../images/audio-speaker.png);cursor:pointer;display:none;height:43px;width:43px;margin:30px;float:right;pointer-events:auto;}
.home #audio-control{display:block;}
.home .audio-on{background-position:0 -43px;}
#topics-nav{-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;-webkit-box-shadow:0px 0px 1px 0px #969696;-moz-box-shadow:0px 0px 1px 0px #969696;-ms-box-shadow:0px 0px 1px 0px #969696;-o-box-shadow:0px 0px 1px 0px #969696;box-shadow:0px 0px 1px 0px #969696;position:fixed;left:0;right:0;bottom:0;color:white;height:32px;z-index:998;background:url(../images/glass.png) repeat scroll 0 0 transparent;}#topics-nav a .nav-icon{display:none;}
#topics-nav a .nav-bgicon{display:none;}
@media screen and (min-width:768px){#topics-nav{height:80px;}}@media screen and (min-width:768px){#topics-nav.bottom{bottom:0;} #topics-nav.bottom a .nav-icon{display:block;font-size:34px;margin-top:10px;-webkit-font-smoothing:antialiased;} #topics-nav a .nav-bgicon{font-size:170px;position:absolute;top:10px;right:-70px;opacity:.5;color:#fff;display:none;}}#topics-nav ul{zoom:1;z-index:2;margin:0;position:relative;height:100%;max-width:1200px;margin:0 auto;}
#topics-nav ul:before,#topics-nav ul:after{content:"";display:table;}
#topics-nav ul:after{clear:both;}
#topics-nav li{display:block;position:relative;float:left;width:14.28571428571429%;height:100%;text-align:center;}
#topics-nav li.selected,#topics-nav li:hover{background:url(../images/glass.png);}
#topics-nav li.selected:before,#topics-nav li:hover:before{background-color:#00fff0;content:"";height:3px;left:0;position:absolute;top:-3px;width:100%;}
@media screen and (min-width:768px){#topics-nav li{}}#topics-nav li .dotted-line{display:none;background-image:url(data:image/gif;base64,R0lGODlhAQADAIAAAJaWlv///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhEOTI4QkVGMURENDExRTI4QzA5QTI5RENBRkZDQUY3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhEOTI4QkYwMURENDExRTI4QzA5QTI5RENBRkZDQUY3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEQ5MjhCRUQxREQ0MTFFMjhDMDlBMjlEQ0FGRkNBRjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEQ5MjhCRUUxREQ0MTFFMjhDMDlBMjlEQ0FGRkNBRjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAQADAAACAkRSADs=);width:1px;height:20px;position:absolute;right:0;top:5px;z-index:3;}
@media screen and (min-width:768px){#topics-nav li .dotted-line{top:3px;height:80%;}}#topics-nav a{-webkit-font-smoothing:antialiased;display:inline-block;position:absolute;top:0;left:0;right:0;bottom:0;text-decoration:none;font-size:12px;line-height:30px;font-weight:normal;color:#fff;z-index:13;font-family:'Ubuntu',sans-serif;}
@media screen and (min-width:768px){#topics-nav a{font-size:14px;-webkit-font-smoothing:antialiased;letter-spacing:1px;}}#topics-nav a:hover,#topics-nav a:active{color:#fff;}
.hideNav #logo a{margin-top:-140px;}
.hideNav #topics-nav{bottom:-90px;}
.clearfix{zoom:1;}.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.hide-text{text-indent:100%;white-space:nowrap;overflow:hidden;}
