article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif;color:#222}
body{margin:0;font-size:1em;line-height:1.4}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}a{color:#00e}
a:visited{color:#551a8b}
a:hover{color:#06e}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
ins{background:#ff9;color:#000;text-decoration:none}
mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}
pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:"";content:none}
small{font-size:85%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}
ul,ol{margin:0;padding:0;list-style:none}
dd{margin:0}
nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
svg:not(:root){overflow:hidden}figure{margin:0}
form{margin:0}fieldset{border:0;margin:0;padding:0}
label{cursor:pointer}
legend{border:0;*margin-left:-7px;padding:0;white-space:normal}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize:vertical}
input:invalid,textarea:invalid{background-color:#f0dddd}
table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}
.chromeframe{margin:.2em 0;background:#ccc;color:black;padding:.2em 0}
@media print{
*{background:transparent!important;color:black!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
@page{margin:.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}


.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;*line-height:0}
.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}
.translate3d{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
a,a:link,a:visited,a:hover,a:active,a:focus{color:#FFF;text-decoration:none;outline:0}

/*
@font-face{font-family:'ITC';src:url('/fonts/itcavantgardestd-demi-webfont.eot');src:url('/fonts/itcavantgardestd-demi-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/itcavantgardestd-demi-webfont.woff') format('woff'),url('/fonts/itcavantgardestd-demi-webfont.ttf') format('truetype'),url('/fonts/itcavantgardestd-demi-webfont.svg#itc_avant_garde_std_bk_cnbold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'ITC';src:url('/fonts/itcavantgardestd-bold-webfont.eot');src:url('/fonts/itcavantgardestd-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/itcavantgardestd-bold-webfont.woff') format('woff'),url('/fonts/itcavantgardestd-bold-webfont.ttf') format('truetype'),url('/fonts/itcavantgardestd-bold-webfont.svg#itc_avant_garde_std_mdbold') format('svg');font-weight:bold;font-style:normal}
@font-face{font-family:'ITC';src:url('/fonts/itcavantgardestd-bk-webfont.eot');src:url('/fonts/itcavantgardestd-bk-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/itcavantgardestd-bk-webfont.woff') format('woff'),url('/fonts/itcavantgardestd-bk-webfont.ttf') format('truetype'),url('/fonts/itcavantgardestd-bk-webfont.svg#itc_avant_garde_std_bkregular') format('svg');font-weight:200;font-style:normal}
@font-face{font-family:'ITC';src:url('/fonts/itcavantgardestd-demiobl-webfont.eot');src:url('/fonts/itcavantgardestd-demiobl-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/itcavantgardestd-demiobl-webfont.woff') format('woff'),url('/fonts/itcavantgardestd-demiobl-webfont.ttf') format('truetype'),url('/fonts/itcavantgardestd-demiobl-webfont.svg#itc_avant_garde_std_bkBdIt') format('svg');font-weight:400;font-style:italic}
*/
html{height:100%}.no-touch video{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.touch video{width:750px;height:562px;top:50%;left:50%;/*margin-left:-375px;margin-top:-281px*/}
body{font:16px/20px Arial,serif;color:#fff;min-width:980px;height:100%}
h1{color:#000}
h3{font-size:36px;line-height:36px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;margin:0}
.bg-img{left:0;overflow:hidden;position:fixed;top:0;z-index:-2}.bg-img img,.bg-img #diag,.bg-img video{position:absolute}
.bg-img #diag{background:#FFF;height:2000px;width:2000px;top:100px;-webkit-transform-origin:top left;-webkit-transform:rotate(34.7deg) scale(1) skew(0deg) translate(0px);-moz-transform:rotate(34.7deg) scale(1) skew(0deg) translate(0px);-o-transform:rotate(34.7deg) scale(1) skew(0deg) translate(0px);-ms-transform:rotate(34.7deg) scale(1) skew(0deg) translate(0px);transform:rotate(34.7deg) scale(1) skew(0deg) translate(0px)}
#trame{background:url(../img3m/trame.png) no-repeat;height:643px;left:50%;margin:-321px 0 0 -321px;position:absolute;top:50%;width:643px}
.pastille{display:block;height:43px;width:43px}.pastille span{background:url(../img3m/social_3.png) no-repeat;display:block;height:43px;position:absolute;width:43px;text-indent:-5000px}
.pastille span.roll{opacity:0}.pastille.vimeo span{background-position:0 0}.pastille.twitter span{background-position:-50px 0}.pastille.facebook span{background-position:-100px 0}
.pastille.en span{background-position:-150px 0}.pastille.fr span{background-position:-200px 0}.pastille.vimeo span.roll{background-position:0 -50px}
.pastille.twitter span.roll{background-position:-50px -50px}.pastille.facebook span.roll{background-position:-100px -50px}
.pastille.en span.roll{background-position:-150px -50px}.pastille.fr span.roll{background-position:-200px -50px}
a.voir,a.scroll{background:url(../img3m/social_3.png) no-repeat;display:block;height:67px;left:50%;margin:10px 0 0 -33px;position:absolute;width:67px;text-indent:-50000px}
a.voir.scroll,a.scroll.scroll{background-position:-450px 0}a.voir.scroll:hover,a.scroll.scroll:hover{background-position:-450px -70px}a.voir.voir,a.scroll.voir{background-position:-530px 0}
a.voir.voir:hover,a.scroll.voir:hover{background-position:-530px -70px}a.plus,a.fermer,a.right,a.left{background:url(../img3m/social_3.png) no-repeat;display:block;height:49px;width:49px;text-indent:-50000px}
a.plus.plus,a.fermer.plus,a.right.plus,a.left.plus{background-position:-250px 0}a.plus.plus:hover,a.fermer.plus:hover,a.right.plus:hover,a.left.plus:hover{background-position:-250px -50px}
a.plus.fermer,a.fermer.fermer,a.right.fermer,a.left.fermer{background-position:-300px 0}a.plus.fermer:hover,a.fermer.fermer:hover,a.right.fermer:hover,a.left.fermer:hover{background-position:-300px -50px}
a.plus.right,a.fermer.right,a.right.right,a.left.right{background-position:-350px 0}a.plus.right:hover,a.fermer.right:hover,a.right.right:hover,a.left.right:hover{background-position:-350px -50px}
a.plus.left,a.fermer.left,a.right.left,a.left.left{background-position:-400px 0}a.plus.left:hover,a.fermer.left:hover,a.right.left:hover,a.left.left:hover{background-position:-400px -50px}
.no-touch .pastille span{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all .3s ease-in-out 0;-moz-transition:all .3s ease-in-out 0;-ms-transition:all .3s ease-in-out 0;-o-transition:all .3s ease-in-out 0;transition:all .3s ease-in-out 0}
.no-touch .pastille span.roll{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:rotate(-90deg) scale(0) skew(0deg) translate(0px);-moz-transform:rotate(-90deg) scale(0) skew(0deg) translate(0px);-o-transform:rotate(-90deg) scale(0) skew(0deg) translate(0px);-ms-transform:rotate(-90deg) scale(0) skew(0deg) translate(0px);transform:rotate(-90deg) scale(0) skew(0deg) translate(0px)}
.no-touch .pastille:hover span{opacity:0;-webkit-transform:rotate(90deg) scale(0.5) skew(0deg) translate(0px);-moz-transform:rotate(90deg) scale(0.5) skew(0deg) translate(0px);-o-transform:rotate(90deg) scale(0.5) skew(0deg) translate(0px);-ms-transform:rotate(90deg) scale(0.5) skew(0deg) translate(0px);transform:rotate(90deg) scale(0.5) skew(0deg) translate(0px)}
.no-touch .pastille:hover span.roll{-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0px);-moz-transform:rotate(0deg) scale(1) skew(0deg) translate(0px);-o-transform:rotate(0deg) scale(1) skew(0deg) translate(0px);-ms-transform:rotate(0deg) scale(1) skew(0deg) translate(0px);transform:rotate(0deg) scale(1) skew(0deg) translate(0px);opacity:1}
.touch .pastille span.roll,.no-csstransforms .pastille span.roll{display:none}
.touch .pastille:hover span,.no-csstransforms .pastille:hover span{background-position-y:-50px}
.trame-video{background:url(../img3m/trame-video.png) repeat;height:100%;position:absolute;width:100%}
span.select{color:#8b8b8b;font:14px/14px Arial,sans-serif;padding:11px 8px}article.title{text-align:center}
article.title.autoCenter{display:inline;position:absolute;margin-top:-80px;top:50%;width:100%}
article.title h2{font-size:90px;line-height:90px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;display:block;font-weight:bold;margin:0;margin-bottom:10px}
article.title span{font-size:18px;line-height:18px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:200;line-height:22px;margin:5px 0 5px 0}
article.title span em{display:block;font-weight:400;font-style:italic;margin-bottom:10px}
article.title span a.voir{border:1px solid #FFF;color:#FFF;display:inline-block;font-size:16px;line-height:16px;margin-top:10px;padding:5px}
article.title span a.voir:hover{background:#FFF;color:#010101}
a.retour{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display:block;height:63px;left:50%;margin-left:-50px;position:fixed;text-indent:-5000px;top:-100px;width:134px;z-index:15}
a.retour.fr{background:url('/img3m/retour-fr.png') no-repeat}
a.retour.en{background:url('/img3m/retour-en.png') no-repeat}
#menu-side-ul{cursor:default;padding:10px;position:fixed;right:30px;top:50%;z-index:3}
#menu-side-ul li{display:block;padding:8px 0 8px 0;text-align:right}
#menu-side-ul li a{font-size:13px;line-height:13px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;color:#FFF;display:block;line-height:15px;font-weight:bold;opacity:.5;-webkit-transition:opacity .3s ease-in-out 0;-moz-transition:opacity .3s ease-in-out 0;-ms-transition:opacity .3s ease-in-out 0;-o-transition:opacity .3s ease-in-out 0;transition:opacity .3s ease-in-out 0}
#menu-side-ul li a:hover{opacity:1}
#menu-side-ul li.active a{opacity:1}#agence{height:10000px}
#agence .language,#agence .social{position:fixed}
#agence .title{z-index:1;position:fixed}
#agence .title span.notice{display:block;margin-top:100px;text-transform:uppercase;font-size:12px;font-weight:bold}
#agence ul#poste li{display:block;position:fixed;width:100%;opacity:0;top:0}
#agence ul#poste li .title{z-index:0;position:absolute}
#clients{background:#ffce00 url('/img3m/trame_clients.gif') repeat}
#clients .language,#clients .social{position:fixed}
#clients ul#clients-listing{margin:5px auto 25px;text-align:center;width:825px}
#clients ul#clients-listing li{color:#010101;display:inline-block;margin-right:3px}
#clients ul#clients-listing li a{font-size:20px;line-height:20px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;color:#010101;font-weight:200;line-height:22px}
#clients ul#clients-listing li:not(:last-child):after{content:','}
#clients ul#clients-grid{margin:0 auto 100px;height:100%;position:relative;width:1144px}
#clients ul#clients-grid li{float:left;position:relative}
#clients ul#clients-grid li a{background:#FFF;display:block;height:286px;position:relative;width:286px}
#clients ul#clients-grid li a span{opacity:0;position:absolute;-webkit-transition:all .5s ease-in-out 0;-moz-transition:all .5s ease-in-out 0;-ms-transition:all .5s ease-in-out 0;-o-transition:all .5s ease-in-out 0;transition:all .5s ease-in-out 0}
#clients ul#clients-grid li a span.image{background-position:center center;display:block;height:100%;top:0;width:100%}
#clients ul#clients-grid li a span.text{font-size:11px;line-height:11px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;background:url('/img3m/fleche.png') no-repeat;background-position:bottom center;bottom:20px;color:#010101;font-weight:bold;height:25px;text-align:center;width:100%}
#clients ul#clients-grid li a:hover span{opacity:1}
#clients #result{position:relative}#contact{background:#e1006c url('/img3m/trame_contact.gif') repeat}
#contact .title{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#contact .title span{color:#010101}#contact .bg-img{position:fixed}#contact #map{margin:20px auto 0;position:relative;width:1144px}
#contact #map #map_canvas{height:400px;width:1144px}
#contact #map a#layout{background:#FFF;height:400px;opacity:.3;position:absolute;top:0;width:1144px}
#contact #form{background:#FFF;color:#010101;margin:-200px auto 0;padding:35px 0 50px 0;position:relative;width:1144px}
#contact #form ul li{color:#e1006c;font-size:13px;margin-bottom:35px;text-align:center;width:100%}
#contact #form ul li a{color:#e1006c}#contact #form ul li ul li{margin-bottom:20px}
#contact #form h3{font-size:50px;line-height:50px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;color:#010101;text-align:center;margin-bottom:20px}
#contact #form h4{font-size:13px;line-height:13px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;color:#010101;display:block;margin:0 0 5px 0;text-align:center}
header{position:fixed;top:0;width:100%;z-index:2}header #logo{height:173px;left:50%;margin-left:-218px;padding:0;position:absolute;width:369px;z-index:10}
header #logo h1{background:url(../img3m/logo3mm.png) no-repeat;display:block;height:173px;margin:0;position:absolute;width:369px}
header #logo h1 a{-webkit-transform:rotate(34.7deg) scale(1) skew(0deg) translate(0px);-moz-transform:rotate(34.7deg) scale(1) skew(0deg) translate(0px);-o-transform:rotate(34.7deg) scale(1) skew(0deg) translate(0px);-ms-transform:rotate(34.7deg) scale(1) skew(0deg) translate(0px);transform:rotate(34.7deg) scale(1) skew(0deg) translate(0px);display:block;height:300px;left:61px;position:absolute;text-indent:-5000px;top:-185px;width:300px}
ul.language,ul.social{list-style:none;position:absolute;margin:30px;z-index:3}
ul.language li,ul.social li{margin-right:10px;float:left}
ul.language li:last-child,ul.social li:last-child{margin:0}
ul.language.language,ul.social.language{left:0}
ul.language.social,ul.social.social{right:0}.tampon{height:200px}
#logo span.gif{display:block;display:none;height:80px;left:50%;margin-left:-16px;position:absolute;top:28px;width:110px}
#loader{height:100%;overflow:hidden;position:fixed;width:100%;z-index:11}
#loader #layer{background:#FFF;height:100%;left:0;top:0;position:absolute;width:100%}
#loader .logo-load{height:173px;left:50%;margin-left:-218px;position:absolute;width:369px}
#loader #load,#loader .load{height:206px;left:50%;margin-left:-102px;margin-top:-102px;position:absolute;top:50%;width:206px}
#loader span{color:#FFF;display:block;font-weight:bold;left:50%;margin-left:-20px;margin-top:30px;position:absolute;text-align:center;top:50%;width:40px}
#loader.inner #layer{background:#010101;opacity:.9}
#loader.inner span{color:#010101}
#home .language,#home .social{position:fixed}
#home #home-menu{height:150px;position:absolute;text-align:center;top:50%;margin-top:-60px;width:100%}
#home #home-menu li{cursor:pointer;display:inline-block;height:90px;margin:15px;opacity:.4;overflow:hidden;position:relative;vertical-align:top;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s}
#home #home-menu li:hover,#home #home-menu li.click{height:200px;opacity:1}
#home #home-menu li:last-child{margin-right:0}
#home #result{position:relative;margin-top:-200px;top:0;z-index:2}
#home #result #manifesto,#home #result #cas,#home #result #sec{height:100%;overflow:hidden;position:absolute;top:0;width:100%}
#home #result #manifesto .bg-img,#home #result #cas .bg-img,#home #result #sec .bg-img{position:absolute;z-index:0}
#home #result #manifesto ul#homeContent,#home #result #cas ul#homeContent,#home #result #sec ul#homeContent{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);position:absolute;width:100%}
#home #result #manifesto ul#homeContent li,#home #result #cas ul#homeContent li,#home #result #sec ul#homeContent li{background:#000;display:block;position:relative;height:100%;width:100%}
#home #result #manifesto ul#homeContent li article,#home #result #cas ul#homeContent li article,#home #result #sec ul#homeContent li article{margin-left:-450px;left:50%;position:absolute;text-align:center;top:50%;width:900px}
#home #result #manifesto ul#homeContent li article h2,#home #result #cas ul#homeContent li article h2,#home #result #sec ul#homeContent li article h2{font-size:90px;line-height:90px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;display:block;font-weight:bold;margin:0}
#home #result #manifesto ul#homeContent li article h3,#home #result #cas ul#homeContent li article h3,#home #result #sec ul#homeContent li article h3{width:600px;margin:20px auto}
#home #result #manifesto ul#homeContent li article p,#home #result #cas ul#homeContent li article p,#home #result #sec ul#homeContent li article p{margin:20px auto;width:660px}
#home #result #manifesto ul#homeContent li.digital h2,#home #result #cas ul#homeContent li.digital h2,#home #result #sec ul#homeContent li.digital h2,#home #result #manifesto ul#homeContent li.digital span,#home #result #cas ul#homeContent li.digital span,#home #result #sec ul#homeContent li.digital span{color:#ff0081}
#home #result #manifesto ul#homeContent li.pluri h2,#home #result #cas ul#homeContent li.pluri h2,#home #result #sec ul#homeContent li.pluri h2,#home #result #manifesto ul#homeContent li.pluri span,#home #result #cas ul#homeContent li.pluri span,#home #result #sec ul#homeContent li.pluri span{color:#87f705}
#home #result #manifesto ul#homeContent li.independante h2,#home #result #cas ul#homeContent li.independante h2,#home #result #sec ul#homeContent li.independante h2,#home #result #manifesto ul#homeContent li.independante span,#home #result #cas ul#homeContent li.independante span,#home #result #sec ul#homeContent li.independante span{color:#0cf}
#home #result #manifesto ul#homeContent li.small h2,#home #result #cas ul#homeContent li.small h2,#home #result #sec ul#homeContent li.small h2,#home #result #manifesto ul#homeContent li.small span,#home #result #cas ul#homeContent li.small span,#home #result #sec ul#homeContent li.small span{color:#ff5a00}
#home #result #manifesto ul#homeContent li.roi h2,#home #result #cas ul#homeContent li.roi h2,#home #result #sec ul#homeContent li.roi h2,#home #result #manifesto ul#homeContent li.roi span,#home #result #cas ul#homeContent li.roi span,#home #result #sec ul#homeContent li.roi span{color:#ffde00}
#home #result #cas h2{position:absolute;left:-5000px}
footer{background:#010101;bottom:0;height:40px;position:fixed;width:100%;min-width:1200px;z-index:15}
footer nav{position:relative;text-align:center}footer nav ul li{display:inline-block;margin:9px 15px 12px 15px}
footer nav ul li a{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);font-size:12px;line-height:12px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;color:#FFF;font-weight:bold;position:relative}
footer nav ul li a:link,footer nav ul li a:visited,footer nav ul li a:hover,footer nav ul li a:active,footer nav ul li a:focus{color:#FFF}
footer nav ul li a span.diag{background:#010101;display:block;height:100px;left:50%;margin-left:-40px;position:absolute;top:9px;width:100px;-webkit-transform:rotate(-55.3deg) scale(1) skew(0deg) translate(0px);-moz-transform:rotate(-55.3deg) scale(1) skew(0deg) translate(0px);-o-transform:rotate(-55.3deg) scale(1) skew(0deg) translate(0px);-ms-transform:rotate(-55.3deg) scale(1) skew(0deg) translate(0px);transform:rotate(-55.3deg) scale(1) skew(0deg) translate(0px);-webkit-transition:all .3s ease-in-out 0;-moz-transition:all .3s ease-in-out 0;-ms-transition:all .3s ease-in-out 0;-o-transition:all .3s ease-in-out 0;transition:all .3s ease-in-out 0;z-index:-1}
footer nav ul li a:hover span.diag,footer nav ul li a.active span.diag{top:-10px}footer nav .fb-like{position:absolute;right:30px;top:10px;width:48px;height:20px;overflow:hidden}
#live{background:#00c0e1 url('/img3m/trame_live.gif') repeat}
#live .title p{color:#000}
#live #live-feed{margin:25px auto 100px;width:1170px}
#live #live-feed>li{float:left;width:380px}
#live #live-feed>li>span{display:block;height:50px;text-align:center}#live #live-feed>li ul li{background:#FFF;font-size:13px;line-height:22px;word-wrap:break-word}
#live #live-feed>li ul li p{color:#010101;margin:0}
#live #live-feed>li ul li a,#live #live-feed>li ul li a:link,#live #live-feed>li ul li a:focus,#live #live-feed>li ul li a:hover,#live #live-feed>li ul li a:visited{color:#0cf}
#live #live-feed>li.twitter ul li,#live #live-feed>li ul li.text{border-bottom:1px solid #e8e8e8;position:relative;padding:30px}
#live #live-feed>li.twitter ul li .hover,#live #live-feed>li ul li.text .hover{background:#000;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:0}
#live #live-feed>li.twitter ul li .hover p,#live #live-feed>li ul li.text .hover p{font-size:11px;line-height:11px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;color:#0cf;font-weight:bold;margin-top:-5px;position:absolute;text-align:center;top:50%;width:360px}
#live #live-feed>li.twitter ul li .hover p a,#live #live-feed>li ul li.text .hover p a{color:#FFF}
#live #live-feed>li.live ul li strong{color:#0cf;display:block;font-weight:bold;margin-bottom:5px;text-transform:uppercase;line-height:20px}
#live #live-feed>li.live ul li a.more{background:url(../img3m/link-plus.png) no-repeat left center;display:block;margin-top:5px;padding-left:10px}
#live #live-feed>li.live ul li a.more:hover{text-decoration:underline}
.touch #projets #navigation{left:inherit;right:10px}
#projets{position:relative;overflow:hidden;z-index:2}
#projets #shadow{height:100%;position:absolute;right:0;pointer-events:none;width:100%}
#projets #shadow img{height:100%;position:absolute;right:0}
#projets #navigation{bottom:70px;position:fixed;left:-500px;width:159px}
#projets #navigation li{float:right;width:43px;margin-left:10px}
#projets #projets-ul{height:100%;position:absolute;top:0;width:100%}
#projets #projets-ul li.projet{display:block;height:100%;overflow:hidden;position:relative;width:100%}
#projets #projets-ul li.projet ul.slideshow{height:100%;overflow:hidden;position:absolute}
#projets #projets-ul li.projet ul.slideshow li.slide{background:#010101;float:left;height:100%;position:relative;width:100%}
#projets #projets-ul li.projet ul.slideshow li.slide .title span{display:block}
#projets #projets-ul li.projet ul.slideshow li.slide .title a{font-size:13px;line-height:13px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:bold}
#projets #projets-ul li.projet ul.slideshow li.slide figure{position:relative;z-index:0}
#projets #projets-ul li.projet .infos{background:rgba(0,0,0,0.8);position:absolute;top:0;z-index:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#projets #projets-ul li.projet .infos .infos-content{left:50%;margin:-150px 0 0 -300px;position:absolute;text-align:center;top:50%;width:600px}
#projets #projets-ul li.projet .infos .infos-content article{cursor:pointer}
#projets #projets-ul li.projet .infos .infos-content article h3{font-size:70px;line-height:70px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;margin:20px 0 0 0}
#projets #projets-ul li.projet .infos .infos-content article .infos-text{overflow:hidden}#projets #projets-ul li.projet .infos .infos-content article .infos-text p{font-size:14px;margin:0}
#projets #projets-ul li.projet .infos .infos-content article .infos-text p span{color:#ffce00;font-weight:bold}
#projets #projets-ul li.projet .infos .infos-content article.hover h3{color:#ffce00}
#projets #projets-ul li.projet .infos a.fermer{position:absolute;bottom:70px;right:25px}
.no-hsla #projets #projets-ul li .infos{background:url(../img3m/no-hsla-infos-bg.png) repeat}
#recompenses{height:3000px}#recompenses .language,#recompenses .social{position:fixed}
#recompenses .title{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);position:fixed}
#recompenses .title span.notice{display:block;margin-top:100px;text-transform:uppercase;font-size:12px;font-weight:bold}
#recompenses #superman{left:50%;top:50%;margin-left:-550px;margin-top:-300px;position:fixed;z-index:-1}
#recompenses #prix{height:450px;overflow:hidden;position:fixed;top:100%;width:100%}
#recompenses #prix #nuage{height:300px;position:fixed;width:2000px;z-index:-1}
#recompenses #prix #nuage img{position:absolute;top:50px}
#recompenses #prix #nuage .nuage1{left:-200px}
#recompenses #prix #nuage .nuage2{left:300px;-webkit-transform:rotate(-180deg) scale(1) skew(0deg) translate(0px);-moz-transform:rotate(-180deg) scale(1) skew(0deg) translate(0px);-o-transform:rotate(-180deg) scale(1) skew(0deg) translate(0px);-ms-transform:rotate(-180deg) scale(1) skew(0deg) translate(0px);transform:rotate(-180deg) scale(1) skew(0deg) translate(0px)}
#recompenses #prix #nuage .nuage3{left:800px}
#recompenses #prix #nuage .nuage4{left:1300px;-webkit-transform:rotate(-180deg) scale(1) skew(0deg) translate(0px);-moz-transform:rotate(-180deg) scale(1) skew(0deg) translate(0px);-o-transform:rotate(-180deg) scale(1) skew(0deg) translate(0px);-ms-transform:rotate(-180deg) scale(1) skew(0deg) translate(0px);transform:rotate(-180deg) scale(1) skew(0deg) translate(0px)}
#recompenses #prix #nuage .nuage5{left:1800px}
#recompenses #prix #prix-container{background:url(../img3m/recompenses.png) repeat-x;padding-top:210px;padding-bottom:50px}
#recompenses #prix #prix-container #prix-ul{background:#FFF;padding:0 0 50px 0;width:3000px}
#recompenses #prix #prix-container #prix-ul>li{border-right:1px solid #e8e8e8;float:left;text-align:center;padding-right:30px;padding-left:30px;position:relative}
#recompenses #prix #prix-container #prix-ul>li h3{color:#010101}
#recompenses #prix #prix-container #prix-ul>li ul{margin:0 auto}
#recompenses #prix #prix-container #prix-ul>li ul li{display:inline-block;position:relative}
#recompenses #prix #prix-container #prix-ul>li ul li h4{font-size:11px;line-height:11px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;color:#010101;font-weight:bold;margin:15px 0 15px 0}
#recompenses #prix #prix-container #prix-ul>li:last{border-right:0}
.touch #recompenses #superman{position:fixed}
#metiers{height:2000px}
#metiers .language,#metiers .social{position:fixed}
#metiers .title{position:fixed;margin-top:-100px;top:50%;width:100%;z-index:1}
#metiers .title span.notice{display:block;margin-top:100px;text-transform:uppercase;font-size:12px;font-weight:bold}
#metiers #layout{background:#000;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}
#metiers #metiers-ul{left:50%;margin-left:-372px;margin-top:-200px;top:50%;position:fixed}
#metiers #metiers-ul li{position:relative}
#metiers #metiers-ul li article{text-align:center}
#metiers #metiers-ul li article h2{font-size:70px;line-height:70px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;cursor:pointer;display:inline;font-weight:bold;margin:0}
#metiers #metiers-ul li article h2.hover{color:#ff4800}
#metiers #metiers-ul li article p{height:0;margin:0;overflow:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s}
#metiers #metiers-ul li article p span{color:#ff4800}
#managers{overflow:hidden}
#managers .language,#managers .social{position:fixed}
#managers #menu-side-ul{z-index:1}
#managers #menu-side-ul li{text-align:left}
#managers #menu-side-ul li a{background:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;display:block;height:10px;opacity:.5;text-indent:-50000px;width:10px}
#managers #menu-side-ul li a:hover{opacity:1}
#managers #menu-side-ul li.active a{background:#0cf;opacity:1}
#managers #managers-ul{position:absolute;z-index:0}
#managers #managers-ul .bg-img{position:absolute;z-index:0}
#managers #managers-ul li{background:#000;display:block;position:relative}
#managers #managers-ul li article{display:block;right:10%;position:absolute;padding-bottom:30px;text-align:left;bottom:10%}
#managers #managers-ul li article h2{font-size:70px;line-height:70px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;display:block;font-weight:bold;margin:0;line-height:60px}
#managers #managers-ul li article h3{margin:10px 0;color:#0cf}
#managers #managers-ul li article p{color:#0cf;margin:10px 0;width:660px;font-size:14px;line-height:14px;font-family:'ITC',Helvetica,Arial,sans-serif;text-transform:uppercase;line-height:16px;font-weight:200;text-transform:none;width:300px;width:400px}
#managers #managers-ul li article p.plus{color:#fff;display:none}
#managers #managers-ul li article a.plus-bt{background:url(../img3m/plus.png) no-repeat;bottom:0;display:block;height:23px;position:absolute;text-indent:-50000px;width:23px}
#managers #managers-ul li article a.plus-bt.active{background-position:0 -23px}
@media only screen and (max-width:1150px){
	#contact #map,#contact #map_canvas{width:1000px!important}
	#contact address{right:30px!important;margin-top:-100px}
	#contact #form{width:1000px}
	#contact #map a#layout{width:1000px}
	#clients ul#clients-grid{width:1000px}
	#clients ul#clients-grid li{height:250px;width:250px}
	#clients ul#clients-grid li a{height:250px;width:250px}
	#clients ul#clients-grid li a img{height:250px;width:250px}
	#home #home-menu{width:1000px}
	#home #home-menu li{width:330px}
	#live #live-feed{width:1000px}
	#live #live-feed>li{width:330px}
	#live #live-feed>li ul video,#live #live-feed>li ul img{width:330px!important}
}



@font-face {
    font-family: 'DinCondensedLight';
    src: url('dincondensedlight.eot');
    src: url('dincondensedlight.eot') format('embedded-opentype'),
         url('dincondensedlight.woff') format('woff'),
         url('dincondensedlight.ttf') format('truetype'),
         url('dincondensedlight.svg#DinCondensedLight') format('svg');
}

@font-face {
    font-family: 'DinCondensedRegular';
    src: url('dincondensedregular.eot');
    src: url('dincondensedregular.eot') format('embedded-opentype'),
         url('dincondensedregular.woff') format('woff'),
         url('dincondensedregular.ttf') format('truetype'),
         url('dincondensedregular.svg#DinCondensedRegular') format('svg');
}
@font-face{
font-family:"DinCondensedLight";
src:url("c0be55e4-0b40-4646-a643-431ca3639465.eot?iefix") format("eot");}
@font-face{
font-family:"DinCondensedLight";
src:url("c0be55e4-0b40-4646-a643-431ca3639465.eot?iefix");
src:
	url("Din-Condensed-Light.woff") format("woff"),
    url("72f03533-e4e2-48a4-9d34-53d2964eb649.ttf") format("truetype"),
	url("Din-Condensed-Light.svg#DinCondensedLight") format("svg");
}
@font-face{
font-family:"DinCondensedRegular";
src:url("Din-Condensed-Regular.eot?iefix") format("eot");}
@font-face{
font-family:"DinCondensedRegular";
src:url("Din-Condensed-Regular.eot?iefix");
src:
	url("Din-Condensed-Regular.woff") format("woff"),
	url("Din-Condensed-Regular.svg#DinCondensedRegular") format("svg");
}

body,
*,
a,
*:after,
*:before {
  color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}


/**** Example Options ****/
/*
#options {
  padding-bottom: 1.0em;
}

#options h3 {
  margin-bottom: 0.2em;
  font-size: 15px;
}

#options h4 { 
  font-weight: bold;
}

#options ul {
  margin: 0;
  list-style: none;
}

#options ul ul {
  margin-left: 1.5em;
}

#options li {
  float: left;
  margin-bottom: 0.2em;
}

#options li a {
  display: block;
  padding: 0.4em 0.5em;
  background-color: #DDD;
  color: #222;
  font-weight: bold;
  text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );
  background-image: -webkit-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:    -moz-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:     -ms-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:      -o-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:         linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
}

#options li a:hover {
  background-color: #5BF;
}

#options li a:active {
  background-color: #39D;
  -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
     -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
       -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
          box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
}

#options li a {
  border-left:  1px solid hsla( 0, 0%, 100%, 0.3 );
  border-right: 1px solid hsla( 0, 0%,   0%, 0.2 );
}

#options li:first-child a {
  border-radius: 7px 0 0 7px;
  border-left: none;
}

#options li:last-child a {
  border-radius: 0 7px 7px 0;
}

#options li a.selected {
  background-color: #13F;
  text-shadow: none;
  color: white;
}
*/
/* Combination filter options*/
/*
#options .option-combo {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

#options .option-combo ul {
  margin-right: 20px;
  display: inline-block;
}

#options .option-combo h2,
#options .option-combo h4 {
  line-height: 34px;
  margin-bottom: 0;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
}
*/
/* Color shapes */
/*
.color-shape {
  margin: 5px;
  float: left;
}
 
.color-shape.round {
  -webkit-border-radius: 35px;
     -moz-border-radius: 35px;
          border-radius: 35px;
}
 
.color-shape.big.round {
  -webkit-border-radius: 75px;
     -moz-border-radius: 75px;
          border-radius: 75px;
}
 
.color-shape.red, .element.red { background: red; }
.color-shape.blue, .element.blue { background: hsl( 216, 100%, 50%); }
.color-shape.yellow, .element.yellow { background: yellow; }
.color-shape.cyan, .element.cyan { background: hsl( 180, 100%, 50%); }
.color-shape.orange, .element.orange { background: hsl( 36, 100%, 50%); }
.color-shape.green, .element.green { background: hsl( 144, 100%, 50%); }
 
.color-shape.wide, .color-shape.big { width: 150px; }
.color-shape.tall, .color-shape.big { height: 150px; }

.color-shape a {
  display: block;
  height: 100%;
}

.color-shape a:hover {
  background: white;
  background: hsla( 0, 0%, 100%, 0.5 );
}
*/

/* @end */
/* @group Navigation */
.navigation {
  position: fixed;
  right: 0;
  top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  height: 100%;
  width: 50px;
}
.navigation > ul > li {
  margin-top: -10px;
  /* puts items to center */

  pointer-events: none;
  position: absolute;
  z-index: 1;
  right: 0;
  white-space: nowrap;
  -webkit-transition: top 550ms ease-in-out;
  -moz-transition: top 550ms ease-in-out;
  -o-transition: top 550ms ease-in-out;
  transition: top 550ms ease-in-out;
  
font-size: 16px;
line-height: 1;
}
.navigation > ul > li > a {
  font-family: 'DinCondensedRegular', 'Trebuchet MS', 'Garamond';
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  padding-right: 15px;
  vertical-align: middle;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  filter: alpha(opacity = 0);
  *display: none;
  -webkit-transform: translate(-5px, 0px);
  -moz-transform: translate(-5px, 0px);
  -ms-transform: translate(-5px, 0px);
  transform: translate(-5px, 0px);
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}
.navigation > ul > li:after {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  position: absolute;
  right: 0;
  top: 2px;
  vertical-align: middle;
  content: '';
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}
.navigation > ul > li:hover:after, .navigation > ul > li.active:after {
  top: -1px;
  width: 8px;
  height: 8px;
  border: 8px solid transparent;
  border-right-color: #c60010;
}
.navigation > ul > li:hover > a, .navigation > ul > li.active > a {
  color: #df0012;
}
.navigation:hover, .navigation.active {
  width: 200px;
}
.navigation:hover > ul > li, .navigation.active > ul > li {
  pointer-events: auto;
}
.navigation:hover > ul > li > a, .navigation.active > ul > li > a {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  filter: alpha(opacity = 100);
  *display: inline;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}


/* aux 360 */

.bubble {
  position: relative;
}
.bubble .bubble-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
/* organizador */
ul.menu li {
list-style: none;
list-style-type: none;
list-style-image: none;
display: inline-block;
float: none;

width: auto;
border-bottom: none;
border-right: none;

padding: 0;
margin: 0 -1px 0 0;
vertical-align: top;

}
ul.menu_ordre {
margin-bottom: 15px;
}
ul.menu_ordre li a {
padding: 1px 13px 5px;
}
ul.menu_ordre li a.active-trail, ul.menu_ordre li a.selected {
background: transparent url('../img3m/menu-selected.png') center 5px no-repeat;
background: transparent url('../img3m/menu-selected.png') center -5px no-repeat;
background: transparent url('../img3m/menu-selected.png') center 0px no-repeat;
background: transparent url('../img3m/menu-selected.png') center 9px no-repeat;
background: transparent url('../img3m/menu-selected.png') center -9px no-repeat;
background: transparent url('../img3m/menu-selected.png') center bottom no-repeat;
}
ul.menu li a:hover, 
ul.menu li a.active, 
ul.menu li a.selected, 
ul.menu li a.active-trail {
color: #37c15d;	/*#088468;	#ee3124;	*/
}
.menu_org, .menu_ordre {
display: inline;
float: left;
margin-right: 40px;
}
.menu_org:first-of-type, .menu_ordre:first-of-type {
clear: left;
display: inline;
float: left;
}
.menu_org ul.menu li a {
display: block;
/*height: 78px;*/
float: left;
font-size: 16px;
/*line-height: 78px;*/
padding: 1px 13px 0;
}
.menu_org ul.menu_area li a, .menu_org ul.menu_habitatge li a, .menu_org ul.menu_venda li a {
padding: 0 20px 0 27px;
/*font-size: 12px;
text-decoration: none;
color: #373737;
height: 40px;
line-height: 40px;*/
background: transparent url('../img3m/radio_verd3.png') no-repeat 0 -52px;
}
.menu_org ul.menu_area li a.active, .menu_org ul.menu_habitatge li a.active, .menu_org ul.menu_venda li a.active,
.menu_org ul.menu_area li a.selected, .menu_org ul.menu_habitatge li a.selected, .menu_org ul.menu_venda li a.selected {
background: transparent url('../img3m/radio_verd3.png') no-repeat 0 0;
}
.top20p {
margin-top: 20px;
}/* border-box | content-box */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
li {
  list-style-type: none;
}
a, a:visited {
  color: black;
}
/* @group Constants */
/* @end */
/* @group Global */
body {
  font-family: 'DinCondensedLight', 'DinCondensedRegular', 'Trebuchet MS', 'Garamond';
  font-size: 16px;
  line-height: 1;
  background-color: #111;
  color: white;
  -webkit-font-smoothing: antialiased;
}
body,
*,
a,
*:after,
*:before {
  color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
ul {
  font-size: 0;
  line-height: 0;
}
ul > li {
  font-size: 14px;
  line-height: 1;
}
a:visited {
  color: white;
  border: none;
}
#main {
  height: 5000px;
}
/* @end */
/* @group Mixins */
.bubble {
  position: relative;
}
.bubble .bubble-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
/* @end */
/* @group Controls */
.toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.toggle .on {
  display: none;
}
.toggle .off {
  display: inline;
}
.toggle.active .on {
  display: inline;
}
.toggle.active .off {
  display: none;
}
/* @end */
/* @group Header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  /*padding: 10px;*/
  text-transform: uppercase;
  font-family: 'DinCondensedRegular', 'Trebuchet MS', 'Garamond';
  /*padding-top: 20px;*/
}
.header h1 {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-top: -8px;
}
.header h1 a {
  display: block;
  width: 74px; 
  height: 31px; 
  /*background: url(../img3m/sf-logo-small.png) no-repeat;*/
  background: none;
}
.header h1 a .label {
  display: none;
}
.header a {
  cursor: pointer;
}
.header a:hover {
  color: #df0012;
}
.header .header-nav {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.header .header-nav > li.info, .header .header-nav > li.mute {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-left: 15px;
  margin-top: 0px;
  font-size: 18px;
}
.header .header-nav > li.info a, .header .header-nav > li.mute a {
  text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px;
  text-decoration: none;
}
.header .header-nav > li.info a:hover, .header .header-nav > li.mute a:hover {
  color: white;
  text-decoration: underline;
}
.header .header-nav > li.info {
  padding-left: 12px;
  background: url(../img3m/info.png) no-repeat 0 2px;
}
.header .header-nav > li.mute {
  padding-left: 16px;
  background: url(../img3m/sound-off.png) no-repeat 0 3px;
}
.header .header-nav > li.mute.active {
  background: url(../img3m/sound-on.png) no-repeat 1px 4px;
}
.header .header-nav .night .toggle a {
  z-index: 3000;
  position: fixed;
  display: block;
  width: 58px;
  height: 58px;
  top: 0px;
  right: 0px;
}
.header .header-nav .night .toggle a span {
  display: none;
}
.header .header-nav .night .toggle a.on {
  display: none;
  background-image: url(../img3m/tag.png);
}
.header .header-nav .night .toggle a.off {
  background-image: url(../img3m/nacht.png);
}
.header .header-nav .night .toggle a.on:hover {
  background-image: url(../img3m/tag_hover.png);
}
.header .header-nav .night .toggle a.off:hover {
  background-image: url(../img3m/nacht_hover.png);
}
.header .header-nav .night .toggle.active .on {
  display: block;
}
.header .header-nav .night .toggle.active .off {
  display: none;
}
/* @end */
/* @group Street View */
.street-view {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  width: 100%;
  height: 100%;
}
.street-view > img {
  height: 100%;
}
/* @end */
/* @group Navigation */
.navigation {
  position: fixed;
  right: 0;
  top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  height: 100%;
  width: 50px;
}
.navigation > ul > li {
  margin-top: -10px;
	font-size: 14px; 	/* JPG s�lo en rent */
  /* puts items to center */

  pointer-events: none;
  position: absolute;
  z-index: 1;
  right: 0;
  white-space: nowrap;
  -webkit-transition: top 550ms ease-in-out;
  -moz-transition: top 550ms ease-in-out;
  -o-transition: top 550ms ease-in-out;
  transition: top 550ms ease-in-out;
}
.navigation > ul > li > a {
  font-family: 'DinCondensedRegular', 'Trebuchet MS', 'Garamond';
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  padding-right: 15px;
  vertical-align: middle;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  filter: alpha(opacity = 0);
  *display: none;
  -webkit-transform: translate(-5px, 0px);
  -moz-transform: translate(-5px, 0px);
  -ms-transform: translate(-5px, 0px);
  transform: translate(-5px, 0px);
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}
.navigation > ul > li:after {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  position: absolute;
  right: 0;
  top: 2px;
  vertical-align: middle;
  content: '';
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}
.navigation > ul > li:hover:after, .navigation > ul > li.active:after {
  top: -1px;
  width: 8px;
  height: 8px;
  border: 8px solid transparent;
  border-right-color: #c60010;
}
.navigation > ul > li:hover > a, .navigation > ul > li.active > a {
  color: #df0012;
}
.navigation:hover, .navigation.active {
  width: 200px;
}
.navigation:hover > ul > li, .navigation.active > ul > li {
  pointer-events: auto;
}
.navigation:hover > ul > li > a, .navigation.active > ul > li > a {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  filter: alpha(opacity = 100);
  *display: inline;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
/* @end */
/* @group Intro */
.intro, .outro {
  position: absolute;
  z-index: 2;
  margin: 0 auto;
  width: 460px;
  height: 460px;
  left: 50%;
  top: 50%;
  margin-left: -230px;
}
.intro > .content, .outro > .content {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 28px;
  margin-top: -230px;
  padding: 90px 50px;
  text-align: center;
}
.intro > .content .bubble-bg, .outro > .content .bubble-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.intro > .content > h2, .outro > .content > h2 {
  font-size: 36px;
  text-transform: uppercase;
}
.intro > .content > p, .outro > .content > p {
  margin-top: 1.75ex;
  margin-bottom: 1.5ex;
  line-height: 1.1;
}
.intro > .content > .hint, .outro > .content > .hint {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  text-transform: uppercase;
  background: url(../img3m/scroll_down.png) no-repeat 0 center;
  padding-left: 40px;
  border: none;
  text-decoration: none;
}
.intro > .content > .hint > .label, .outro > .content > .hint > .label {
  display: block;
  padding-top: 8px;
  padding-bottom: 5px;
}
.intro > .content > .hint.play, .outro > .content > .hint.play {
  background-image: url(../img3m/play.png);
  padding-left: 45px;
}
.intro > .content > .hint.scroll-down, .outro > .content > .hint.scroll-down {
  background-image: url(../img3m/scroll_down.png);
  padding-left: 0px;
  padding-bottom: 30px;
  background-position: center bottom;
}
.intro > .content > .hint.play:hover, .outro > .content > .hint.play:hover {
  background-image: url(../img3m/play_hover.png);
}
.intro > .content > .hint.back, .outro > .content > .hint.back {
  background-image: url(../img3m/back.png);
  padding-left: 45px;
}
.intro > .content > .hint.back:hover, .outro > .content > .hint.back:hover {
  background-image: url(../img3m/back_hover.png);
}
.intro > .content > .hint.scroll, .outro > .content > .hint.scroll {
  background-image: url(../img3m/scroll_left.png);
  padding-left: 45px;
}
.intro > .content > .hint.scroll > .label, .outro > .content > .hint.scroll > .label {
  background: url(../img3m/scroll_right.png) no-repeat right center;
  padding-right: 45px;
}
.intro.outro, .outro.outro {
  width: 280px;
  height: 280px;
  margin-left: -140px;
}
.intro.outro > .content, .outro.outro > .content {
  margin-top: -140px;
}
/* @end */
/* @group Hotspot */
.hotspot {
  position: absolute;
  top: 1200px;
}
.hotspot.left {
  left: 200px;
}
.hotspot.right {
  right: 200px;
}
.hotspot#host {
  right: 30%;
}
.hotspot#zapo > .content, .hotspot#bier > .content, .hotspot#zapo > .content {
  padding-top: 74px;
}
.hotspot > .content {
  position: relative;
  overflow: hidden;
  width: 225px;
  height: 225px;
  margin-top: -175px;
  text-align: center;
  padding-top: 94px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
  /* The hotspot point */

}
.hotspot > .content .bubble-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.hotspot > .content h2 {
  font-size: 30px;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}
.hotspot > .content > .description, .hotspot > .content > .links {
  padding-left: 50px;
  padding-right: 50px;
  margin-left: auto;
  margin-right: auto;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  filter: alpha(opacity = 0);
  *display: none;
  -webkit-transform: translate(0px, 50px);
  -moz-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate(0px, 50px);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
}
.hotspot > .content > .description {
  margin-bottom: 2ex;
  margin-top: 3ex;
}
.hotspot > .content > .description > p {
  margin-bottom: 1ex;
  line-height: 1.1;
}
.hotspot > .content > .links > li {
  display: block;
  margin-bottom: 1ex;
}
.hotspot > .content > .links > li > a {
  font-family: 'DinCondensedRegular', 'Trebuchet MS', 'Garamond';
  text-transform: uppercase;
  line-height: 1.25;
  /*font-size: 18px;*/	/* JPG 7-3-14 hawaii */
}
.hotspot > .content > .links > li > a:hover {
  color: black;
}
.hotspot > .content > .links > li > a:hover span {
  color: black;
}
.hotspot:hover h2, .hotspot.active h2 {
  padding: 0 20px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
}
.hotspot:hover > .content, .hotspot.active > .content {
  width: 290px;
  height: 290px;
  padding-top: 70px;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
}
.hotspot:hover > .content > .description,
.hotspot.active > .content > .description,
.hotspot:hover > .content > .links,
.hotspot.active > .content > .links {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  filter: alpha(opacity = 100);
  *display: block;
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
/* @end */
/* @group Twitter Balloon */
blockquote.twitter {
  font-family: 'DinCondensedRegular', 'Trebuchet MS', 'Garamond';
  width: 220px;
  height: 220px;
  display: none;
}
blockquote.twitter > .content {
  display: table;
  width: 100%;
  height: 100%;
}
blockquote.twitter > .content > .message {
  position: relative;
  display: table-cell;
  *height: 100%;
  vertical-align: middle;
  text-align: center;
  padding: 0px 25px;
  *padding-top: 40px;
  font-size: 16px;
}
blockquote.twitter > .content > .message .bubble-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
blockquote.twitter > .content > .message > p {
  width: 100%;
  overflow: hidden;
  line-height: 1.15;
}
blockquote.twitter > .content > .message > cite {
  font-size: 14px;
  text-transform: uppercase;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-top: 1.75ex;
  background: url(../img3m/twitter.png) no-repeat 0 center;
  padding-left: 24px;
  margin-left: -4px;
}
/* @end */
/* @group Video / Subpage */
.projekktor {
  z-index: 0;
}
a.back-link {
  z-index: 2;
  position: fixed;
  top: 15px;
  left: 15px;
  width: 38px;
  height: 38px;
  background: url(../img3m/back.png) no-repeat center center;
}
a.back-link > .label {
  display: none;
}
a.back-link:hover {
  background-image: url(../img3m/back_hover.png);
}
/* @end */
/* @group Interview */
.question {
  position: fixed;
  z-index: 2;
}
.question > .content {
  position: relative;
  overflow: hidden;
  width: 225px;
  height: 225px;
  text-align: center;
  display: table;
  *padding-top: 50px;
}
.question > .content .bubble-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.question > .content > q {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
  padding: 0 20px;
}
html.video .question {
  top: 200px;
}
html.video .question.left {
  left: 50px;
}
html.video .question.right, html.video .question {
  right: 50px;
}
html.video .outro .content a {
  margin-top: 30px;
}
/* @end */
/* @group Panorama */
html.panorama {
  height: 100%;
}
html.panorama body {
  width: 100%;
  height: 100%;
}
html.panorama #dimension {
  width: 8000px;
  height: 1px;
  z-index: 100;
  pointer-events: none;
}
html.panorama .intro {
  position: fixed;
  width: 280px;
  height: 280px;
  margin-left: -140px;
  /*top: inherit;
			bottom: 0;*/

}
html.panorama .intro .content {
  margin-top: -140px;
}
html.panorama .intro .content .hint {
  margin-top: 15px;
}
html.panorama ul > li {
  pointer-events: auto;
  top: -1000px;
}
html.panorama ul > li > .content {
  margin-left: 0px;
  margin-top: -225px;
}
html.panorama ul > li a {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-family: 'DinCondensedRegular', 'Trebuchet MS', 'Garamond';
  font-size: 18px;
  margin-top: 20px;
  padding-bottom: 0px;
  text-transform: uppercase;
  text-decoration: underline;
  line-height: 1.25;
}
/* @end */
/* @group Impressum */
html.impressum body {
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  padding-bottom: 100px;
}
html.impressum body a:hover {
  color: #df0012;
}
html.impressum body h2 {
  margin-top: 60px;
  margin-bottom: 10px;
  font-size: 32px;
  font-family: 'DinCondensedRegular', 'Trebuchet MS', 'Garamond';
}
html.impressum body .overview {
  padding-top: 50px;
  font-size: 24px;
}
html.impressum body .overview p {
  text-transform: none;
  margin-bottom: 20px;
  line-height: 1.3;
  width: 500px;
  margin: 0 auto;
}
html.impressum body .overview ul {
  margin-top: 20px;
}
html.impressum body .overview ul li {
  margin-bottom: 0.5em;
}
html.impressum body .overview a {
  font-size: 24px;
}
html.impressum body dl dt, html.impressum body dl dd {
  display: inline;
  line-height: 1.1;
}
html.impressum body dl.created-by {
  margin: 0.5em 0;
}
html.impressum body dl.created-by-design, html.impressum body dl.created-by-develop {
  display: none;
}
html.impressum body .awards {
  line-height: 1.1;
}
html.impressum body .awards li {
  margin-bottom: 1em;
}
html.impressum body .awards a {
  display: block;
  text-decoration: none;
}
html.impressum body .awards .source, html.impressum body .awards .date, html.impressum body .awards .title {
  display: block;
  margin-bottom: 0.25em;
}
html.impressum body .awards .source {
  font-family: 'DinCondensedRegular', 'Trebuchet MS', 'Garamond';
}
html.impressum body .awards .title {
  display: block;
  font-size: 24px;
  text-decoration: underline;
}
html.impressum body .awards a:hover .title {
  color: #df0012;
}
html.impressum body .share li {
  display: inline;
}
html.impressum body .share a {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 56px;
  height: 56px;
  margin: 0 5px;
  background-position: center center;
  background-repeat: no-repeat;
}
html.impressum body .share a .label {
  display: none;
}
html.impressum body .share .twitter a {
  background-image: url(../img3m/twitter.png);
}
html.impressum body .share .twitter a:hover {
  background-image: url(../img3m/twitter_hover.png);
}
html.impressum body .share .facebook a {
  background-image: url(../img3m/facebook.png);
}
html.impressum body .share .facebook a:hover {
  background-image: url(../img3m/facebook_hover.png);
}
html.impressum body .share .email a {
  background-image: url(../img3m/email.png);
}
html.impressum body .share .email a:hover {
  background-image: url(../img3m/email_hover.png);
}
html.impressum body .like {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 150px;
  overflow: hidden;
}
/* @end */
.overlay > img {
  position: fixed;
  z-index: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.fb_hidden{position:absolute;top:-10000px;z-index:10001}
.fb_invisible{display:none}
.fb_reset{background:none;border-spacing:0;border:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}
.fb_link img{border:none}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}
.fb_dialog_advanced{padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.fb_dialog_content{background:#fff;color:#333}
.fb_dialog_close_icon{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif);cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px;top:8px\9;right:7px\9}
.fb_dialog_mobile .fb_dialog_close_icon{top:5px;left:5px;right:auto}
.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}
.fb_dialog_close_icon:hover{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}
.fb_dialog_close_icon:active{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}
.fb_dialog_loader{background-color:#f2f2f2;border:1px solid #606060;font-size:24px;padding:20px}
.fb_dialog_top_left,
.fb_dialog_top_right,
.fb_dialog_bottom_left,
.fb_dialog_bottom_right{height:10px;width:10px;overflow:hidden;position:absolute}
/* @noflip */
.fb_dialog_top_left{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 0;left:-10px;top:-10px}
/* @noflip */
.fb_dialog_top_right{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10px;right:-10px;top:-10px}
/* @noflip */
.fb_dialog_bottom_left{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;bottom:-10px;left:-10px}
/* @noflip */
.fb_dialog_bottom_right{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;right:-10px;bottom:-10px}
.fb_dialog_vert_left,
.fb_dialog_vert_right,
.fb_dialog_horiz_top,
.fb_dialog_horiz_bottom{position:absolute;background:#525252;filter:alpha(opacity=70);opacity:.7}
.fb_dialog_vert_left,
.fb_dialog_vert_right{width:10px;height:100%}
.fb_dialog_vert_left{margin-left:-10px}
.fb_dialog_vert_right{right:0;margin-right:-10px}
.fb_dialog_horiz_top,
.fb_dialog_horiz_bottom{width:100%;height:10px}
.fb_dialog_horiz_top{margin-top:-10px}
.fb_dialog_horiz_bottom{bottom:0;margin-bottom:-10px}
.fb_dialog_iframe{line-height:0}
.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #3b5998;color:#fff;font-size:14px;font-weight:bold;margin:0}
.fb_dialog_content .dialog_title > span{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yd/r/Cou7n-nqK52.gif)
no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}
body.fb_hidden{-webkit-transform:none;height:100%;margin:0;left:-10000px;overflow:visible;position:absolute;top:-10000px;width:100%
}
.fb_dialog.fb_dialog_mobile.loading{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ya/r/3rhSv5V8j3o.gif)
white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}
.fb_dialog.fb_dialog_mobile.loading.centered{max-height:590px;min-height:590px;max-width:500px;min-width:500px}
#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .45);position:absolute;left:0;top:0;width:100%;min-height:100%;z-index:10000}
#fb-root #fb_dialog_ipad_overlay.hidden{display:none}
.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}
.fb_dialog_content .dialog_header{-webkit-box-shadow:white 0 1px 1px -1px inset;background:-webkit-gradient(linear, 0 0, 0 100%, from(#738ABA), to(#2C4987));border-bottom:1px solid;border-color:#1d4088;color:#fff;font:14px Helvetica, sans-serif;font-weight:bold;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}
.fb_dialog_content .dialog_header table{-webkit-font-smoothing:subpixel-antialiased;height:43px;width:100%
}
.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px
}
.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px
}
.fb_dialog_content .touchable_button{background:-webkit-gradient(linear, 0 0, 0 100%, from(#4966A6),
color-stop(0.5, #355492), to(#2A4887));border:1px solid #29447e;-webkit-background-clip:padding-box;-webkit-border-radius:3px;-webkit-box-shadow:rgba(0, 0, 0, .117188) 0 1px 1px inset,
rgba(255, 255, 255, .167969) 0 1px 0;display:inline-block;margin-top:3px;max-width:85px;line-height:18px;padding:4px 12px;position:relative}
.fb_dialog_content .dialog_header .touchable_button input{border:none;background:none;color:#fff;font:12px Helvetica, sans-serif;font-weight:bold;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}
.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}
.fb_dialog_content .dialog_content{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #555;border-bottom:0;border-top:0;height:150px}
.fb_dialog_content .dialog_footer{background:#f2f2f2;border:1px solid #555;border-top-color:#ccc;height:40px}
#fb_dialog_loader_close{float:left}
.fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}
.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}
.fb_iframe_widget{position:relative;display:-moz-inline-block;display:inline-block}
.fb_iframe_widget iframe{position:absolute}
.fb_iframe_widget_lift{z-index:1}
.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify;vertical-align:text-bottom}
.fb_hide_iframes iframe{position:relative;left:-10000px}
.fb_iframe_widget_loader{position:relative;display:inline-block}
.fb_iframe_widget_fluid{display:inline}
.fb_iframe_widget_fluid span{width:100%}
.fb_iframe_widget_loader iframe{min-height:32px;z-index:2;zoom:1}
.fb_iframe_widget_loader .FB_Loader{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat;height:32px;width:32px;margin-left:-16px;position:absolute;left:50%;z-index:4}
.fb_button_simple,
.fb_button_simple_rtl{background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yH/r/eIpbnVKI9lR.png);background-repeat:no-repeat;cursor:pointer;outline:none;text-decoration:none}
.fb_button_simple_rtl{background-position:right 0}
.fb_button_simple .fb_button_text{margin:0 0 0 20px;padding-bottom:1px}
.fb_button_simple_rtl .fb_button_text{margin:0 10px 0 0}
a.fb_button_simple:hover .fb_button_text,
a.fb_button_simple_rtl:hover .fb_button_text,
.fb_button_simple:hover .fb_button_text,
.fb_button_simple_rtl:hover .fb_button_text{text-decoration:underline}
.fb_button,
.fb_button_rtl{background:#29447e url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/FGFbc80dUKj.png);background-repeat:no-repeat;cursor:pointer;display:inline-block;padding:0 0 0 1px;text-decoration:none;outline:none}
.fb_button .fb_button_text,
.fb_button_rtl .fb_button_text{background:#5f78ab url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/FGFbc80dUKj.png);border-top:solid 1px #879ac0;border-bottom:solid 1px #1a356e;color:#fff;display:block;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-weight:bold;padding:2px 6px 3px 6px;margin:1px 1px 0 21px;text-shadow:none}
a.fb_button,
a.fb_button_rtl,
.fb_button,
.fb_button_rtl{text-decoration:none}
a.fb_button:active .fb_button_text,
a.fb_button_rtl:active .fb_button_text,
.fb_button:active .fb_button_text,
.fb_button_rtl:active .fb_button_text{border-bottom:solid 1px #29447e;border-top:solid 1px #45619d;background:#4f6aa3;text-shadow:none}
.fb_button_xlarge,
.fb_button_xlarge_rtl{background-position:left -60px;font-size:24px;line-height:30px}
.fb_button_xlarge .fb_button_text{padding:3px 8px 3px 12px;margin-left:38px}
a.fb_button_xlarge:active{background-position:left -99px}
.fb_button_xlarge_rtl{background-position:right -268px}
.fb_button_xlarge_rtl .fb_button_text{padding:3px 8px 3px 12px;margin-right:39px}
a.fb_button_xlarge_rtl:active{background-position:right -307px}
.fb_button_large,
.fb_button_large_rtl{background-position:left -138px;font-size:13px;line-height:16px}
.fb_button_large .fb_button_text{margin-left:24px;padding:2px 6px 4px 6px}
a.fb_button_large:active{background-position:left -163px}
.fb_button_large_rtl{background-position:right -346px}
.fb_button_large_rtl .fb_button_text{margin-right:25px}
a.fb_button_large_rtl:active{background-position:right -371px}
.fb_button_medium,
.fb_button_medium_rtl{background-position:left -188px;font-size:11px;line-height:14px}
a.fb_button_medium:active{background-position:left -210px}
.fb_button_medium_rtl{background-position:right -396px}
.fb_button_text_rtl,
.fb_button_medium_rtl .fb_button_text{padding:2px 6px 3px 6px;margin-right:22px}
a.fb_button_medium_rtl:active{background-position:right -418px}
.fb_button_small,
.fb_button_small_rtl{background-position:left -232px;font-size:10px;line-height:10px}
.fb_button_small .fb_button_text{padding:2px 6px 3px;margin-left:17px}
a.fb_button_small:active,
.fb_button_small:active{background-position:left -250px}
.fb_button_small_rtl{background-position:right -440px}
.fb_button_small_rtl .fb_button_text{padding:2px 6px;margin-right:18px}
a.fb_button_small_rtl:active{background-position:right -458px}
.fb_share_count_wrapper{position:relative;float:left}
.fb_share_count{background:#b0b9ec none repeat scroll 0 0;color:#333;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;text-align:center}
.fb_share_count_inner{background:#e8ebf2;display:block}
.fb_share_count_right{margin-left:-1px;display:inline-block}
.fb_share_count_right .fb_share_count_inner{border-top:solid 1px #e8ebf2;border-bottom:solid 1px #b0b9ec;margin:1px 1px 0 1px;font-size:10px;line-height:10px;padding:2px 6px 3px;font-weight:bold}
.fb_share_count_top{display:block;letter-spacing:-1px;line-height:34px;margin-bottom:7px;font-size:22px;border:solid 1px #b0b9ec}
.fb_share_count_nub_top{border:none;display:block;position:absolute;left:7px;top:35px;margin:0;padding:0;width:6px;height:7px;background-repeat:no-repeat;background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yU/r/bSOHtKbCGYI.png)}
.fb_share_count_nub_right{border:none;display:inline-block;padding:0;width:5px;height:10px;background-repeat:no-repeat;background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yX/r/i_oIVTKMYsL.png);vertical-align:top;background-position:right 5px;z-index:10;left:2px;margin:0 2px 0 0;position:relative}
.fb_share_no_count{display:none}
.fb_share_size_Small .fb_share_count_right .fb_share_count_inner{font-size:10px}
.fb_share_size_Medium .fb_share_count_right .fb_share_count_inner{font-size:11px;padding:2px 6px 3px;letter-spacing:-1px;line-height:14px}
.fb_share_size_Large .fb_share_count_right .fb_share_count_inner{font-size:13px;line-height:16px;padding:2px 6px 4px;font-weight:normal;letter-spacing:-1px}
.fb_share_count_hidden .fb_share_count_nub_top,
.fb_share_count_hidden .fb_share_count_top,
.fb_share_count_hidden .fb_share_count_nub_right,
.fb_share_count_hidden .fb_share_count_right{visibility:hidden}
.fb_connect_bar_container div,
.fb_connect_bar_container span,
.fb_connect_bar_container a,
.fb_connect_bar_container img,
.fb_connect_bar_container strong{background:none;border-spacing:0;border:0;direction:ltr;font-style:normal;font-variant:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal;vertical-align:baseline}
.fb_connect_bar_container{position:fixed;left:0 !important;right:0 !important;height:42px !important;padding:0 25px !important;margin:0 !important;vertical-align:middle !important;border-bottom:1px solid #333 !important;background:#3b5998 !important;z-index:99999999 !important;overflow:hidden !important}
.fb_connect_bar_container_ie6{position:absolute;top:expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px":body.scrollTop+"px")}
.fb_connect_bar{position:relative;margin:auto;height:100%;width:100%;padding:6px 0 0 0 !important;background:none;color:#fff !important;font-family:"lucida grande", tahoma, verdana, arial, sans-serif !important;font-size:13px !important;font-style:normal !important;font-variant:normal !important;font-weight:normal !important;letter-spacing:normal !important;line-height:1 !important;text-decoration:none !important;text-indent:0 !important;text-shadow:none !important;text-transform:none !important;white-space:normal !important;word-spacing:normal !important}
.fb_connect_bar a:hover{color:#fff}
.fb_connect_bar .fb_profile img{height:30px;width:30px;vertical-align:middle;margin:0 6px 5px 0}
.fb_connect_bar div a,
.fb_connect_bar span,
.fb_connect_bar span a{color:#bac6da;font-size:11px;text-decoration:none}
.fb_connect_bar .fb_buttons{float:right;margin-top:7px}
.fb_edge_widget_with_comment{position:relative;*z-index:1000}
.fb_edge_widget_with_comment span.fb_edge_comment_widget{position:absolute}
.fb_edge_widget_with_comment span.fb_send_button_form_widget{z-index:1}
.fb_edge_widget_with_comment span.fb_send_button_form_widget .FB_Loader{left:0;top:1px;margin-top:6px;margin-left:0;background-position:50% 50%;background-color:#fff;height:150px;width:394px;border:1px #666 solid;border-bottom:2px solid #283e6c;z-index:1}
.fb_edge_widget_with_comment span.fb_send_button_form_widget.dark .FB_Loader{background-color:#000;border-bottom:2px solid #ccc}
.fb_edge_widget_with_comment span.fb_send_button_form_widget.siderender
.FB_Loader{margin-top:0}
.fbpluginrecommendationsbarleft,
.fbpluginrecommendationsbarright{position:fixed !important;bottom:0;z-index:999}
/* @noflip */
.fbpluginrecommendationsbarleft{left:10px}
/* @noflip */
.fbpluginrecommendationsbarright{right:10px}
header {background-color: #000; opacity: 0.5;
}		  
header #logo {
height: 64px;
left: 50%;
margin-left: -218px;
padding: 0;
position: fixed;        /* absolute scrolls  */
width: 315px;
z-index: 10;
}
header #logo h1 {
background: url(../img3m/logo-air-demo.png) no-repeat 50% 50%;
height: 64px; /* 43px; */
position: fixed;
top: 0;
}
.navigation {padding-top: 65px;}
header #logo .gif {display:none;}

ul.language.social, ul.social.social {
/*left: 43px;*/
}
.tampon {
height: 80px;
background: rgba(0, 0, 0, 0.5);
z-index: 0; position:relative;
}
ul.language, ul.burbujas, ul.social {
margin: 10px 250px;
}
ul.social {display: none;}
.header {
background: rgba(0, 0, 0, 0.5);
height: 70px;
}
@media screen {
	ul.burbujas {
		list-style: none;
	}
}
@media screen {
	ul.language, ul.burbujas, ul.social {
	z-index:300;
	}
}
@media screen {
	#agence .burbujas {
		position: fixed;
	}
}
@media screen {
	ul.burbujas {
		right: 0;
	}
}
@media screen {
	ul.burbujas li {
		margin-right: 10px;
		float: left;
	}	
}
@media screen {
	ul.burbujas .pastille.azul span {
		background: url(../img3m/bgbubbleblue-kukio.png) no-repeat;
	}
	ul.burbujas .pastille.roja span {
		background: url(../img3m/bgbubblered-kukio.png) no-repeat;
	}
	ul.burbujas .pastille.verde span {
		background: url(../img3m/bgbubblegreen-kukio.png) no-repeat;
	}
}
@media screen {
	ul.burbujas .pastille span {
	background-position: 0 0;
	}
	ul.burbujas .pastille span.roll {
	background-position: 0 -51px;
	}	
	ul.burbujas .pastille.active span.roll {
	background-position: 0 0;
	}	
}
@media screen {
	ul.burbujas li {
		margin-right: 10px;
		float: left;
	}
}
@media screen {
	.no-touch .pastille.azul span, .no-touch .pastille.roja span, .no-touch .pastille.verde span {
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-transition: all .3s ease-in-out 0;
		-moz-transition: all .3s ease-in-out 0;
		-ms-transition: all .3s ease-in-out 0;
		-o-transition: all .3s ease-in-out 0;
		transition: all .3s ease-in-out 0;
	}
	.no-touch .pastille.azul:hover span.roll, .no-touch .pastille.roja:hover span.roll, .no-touch .pastille.verde:hover span.roll {
		-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
		-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
		-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
		-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
		transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
		opacity: 1;
	}
	.no-touch .pastille.azul:hover span, .no-touch .pastille.roja:hover span, .no-touch .pastille.verde:hover span {
		opacity: 0;
		-webkit-transform: rotate(90deg) scale(0.5) skew(0deg) translate(0px);
		-moz-transform: rotate(90deg) scale(0.5) skew(0deg) translate(0px);
		-o-transform: rotate(90deg) scale(0.5) skew(0deg) translate(0px);
		-ms-transform: rotate(90deg) scale(0.5) skew(0deg) translate(0px);
		transform: rotate(90deg) scale(0.5) skew(0deg) translate(0px);
	}
}
.navigation {
  background:rgba(0,0,0,0);
  -webkit-transition: background .5s ease-out;
     -moz-transition: background .5s ease-out;
       -o-transition: background .5s ease-out;
          transition: background .5s ease-out;
}
.navigation:hover {background-color: rgba(0,0,0,0.5);}
.hint a {padding-bottom: 30px;}
.pastille.en.active span {
background-position: -150px -50px;
}
.pastille.fr.active span {
background-position: -200px -50px;
}
.pastille.es span {
background-position: -600px 0;
}
.pastille.es span.roll {
background-position: -600px -50px;
}
.pastille.es.active span {
background-position: -600px -50px;
}
.pastille.ru span {
background-position: -650px 0;
}
.pastille.ru span.roll {
background-position: -650px -50px;
}
.pastille.ru.active span {
background-position: -650px -50px;
}
ul.burbujas .pastille.active span {
background-position: 0 -51px;
}
.intro > .content > h2, .outro > .content > h2 {
font-size: 32px;
text-transform: uppercase;
}
.txtfiltros {line-height: 40px; text-transform: uppercase; font-size: 14px; }
.noestoy {display: none;}
.siestoy {display: list-item;}

/* webBooking */
body {margin-left: 0 !important;}

/* responsive */
body {min-width: 320px;}
	.header {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.header-wrapper {
		position: relative;
		text-align: center;
		margin: 0 auto;
	}
	.header h1 {display: none;}
	#agence .language, #agence .social, #agence .burbujas {
		position: absolute;
	}
	.header .header-nav {
		display: -moz-inline-stack;
		display: inline-block;
		zoom: 1;
		vertical-align: top;
		height: 50px;
		margin-top: 20px;
	}
	#agence .burbujas {margin: -40px 0 0 0;}
	.idiomes {display: inline-block; height: 50px; width: 150px; margin: 0; position: absolute; left: 0;}
	.titol {text-align: center; margin: 0 auto; display: inline;}
	.filtres { height: 50px; width: 250px; position: absolute; right: 0; margin: -65px 0 0 0;}
	
@media (min-width: 600px) { /* iphone landscape */
	.header-wrapper {
		width: 568px;
	}
}
@media (min-width: 768px) { /* iphone landscape */
	.header-wrapper {
		width: 750px;
	}
}
@media (min-width: 992px) {
	.header-wrapper {
		width: 970px;
	}
}
@media (min-width: 1200px) {	/* iphone landscape */
	.header-wrapper {width: 1170px;}
}
@media (max-width: 767px) {	/* iphone landscape */
	.header-wrapper {width: 800px;}
}
@media (max-width: 567px) {	/* iphone landscape */
	/* workaround .header "iframed" */
}