html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:37px 0 13px 0;padding:0}
input,select{vertical-align:middle}
* { margin:0; padding:0; }
@font-face {
font-family: 'futuramedium';
src: url('fonts/futura_1-webfont.eot');
src: url('fonts/futura_1-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/futura_1-webfont.woff') format('woff'),
url('fonts/futura_1-webfont.ttf') format('truetype'),
url('fonts/futura_1-webfont.svg#futuramedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'futuralight';
src: url('fonts/futura_1-webfont.eot');
src: url('fonts/futura_1-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/futura_1-webfont.woff') format('woff'),
url('fonts/futura_1-webfont.ttf') format('truetype'),
url('fonts/futura_1-webfont.svg#futuramedium') format('svg');
font-weight: normal;
font-style: normal;
}
html,body {height:100%; width:100%; margin:0; padding:0; font-size:12px; position:relative; font-family:futuramedium; overflow:hidden; }
body img{-webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ -o-user-select: none; user-select: none;}
a{cursor:pointer; text-decoration:none;}
/*wrapper*/
#wrapper{float:left; width:100%; height:auto !important; /* real browsers */height:100%; /* IE6: treaded as min-height*/min-height:100%; /* real browsers */padding:0; margin:0;position:relative; overflow:hidden}
#horizontal_slide{float:left; width:100%; height:auto !important; /* real browsers */height:100%; /* IE6: treaded as min-height*/min-height:100%; /* real browsers */padding:0; margin:0;position:relative; display:none;}
#intro{position:absolute; width:100%; height:auto !important; /* real browsers */height:100%; /* IE6: treaded as min-height*/min-height:100%; /* real browsers */z-index:101; background:#fff; top:0; left:0; overflow:hidden; }
/*Index*/
#logo{width:400px; height:20px; position:fixed; top:50%; left:50%; margin:-30px 0 0 -200px; z-index:100;}
#logo img{position:absolute; top:0; left:0; cursor:pointer;}
#logo img.hover{position:absolute; top:0; left:0; z-index: 100;}
#language{width:400px; height:30px; text-align:center; position:fixed; top:53%; left:50%; margin:0 0 0 -200px; z-index:3; color:#969696}
#language a{color:#969696; letter-spacing:1px}
#language a:hover{color:#2d2d2d;}
#sub_language{position:absolute; bottom:20px; left:20px; z-index:100;}
#sub_language a{color:#fff;cursor:pointer; letter-spacing:0.1em; font-size:10px;}
#sub_language a:hover{color:#ED1C24!important; }
/*Citations*/
#citations{width:600px; height:260px; text-align:center; position:fixed; top:40%; left:50%; margin:-30px 0 0 -300px; z-index:999; display:none; padding:20px; cursor:pointer;}
#citations h2{text-align:center; color:#ebebeb; font-size:38px; width:100%; font-weight:bold; letter-spacing:2px; line-height:45px;text-shadow:1px 2px 1px #000; }
#citations p{text-align:center; color:#d1d1d1; font-size:16px; width:100%; font-weight:normal; line-height:23px; margin:25px 0 10px 0; letter-spacing:1.5px; background:transparent;}
#citations h4{text-align:center; color:#e00000; font-size:24px; width:100%; font-weight:normal; text-transform:uppercase; margin:20px 0 0 0; display:none; letter-spacing:1.5px }
/*Menu gauche*/
#menu_gauche{position:absolute; top:0; left:-65px; height:100%; width:75px; background:url(../images/navigation/navbar.png) repeat-y top left; z-index:99; }
#menu_gauche ul.main{list-style:none; margin:0; padding:0; width:75px;position:absolute;}
/*
#menu_gauche .main li{float:left; list-style:none; margin:0; padding:0; width:60px;}
#menu_gauche .main li{height:49px; text-indent:-9999px; cursor:pointer;}
#menu_gauche .main li.home{background:url(../images/navigation/home_icon.png) no-repeat top left;}
#menu_gauche .main li.work{background:url(../images/navigation/our_work_icon.png) no-repeat top left;}
#menu_gauche .main li.profile{background:url(../images/navigation/profile_icon.png) no-repeat top left;}
#menu_gauche .main li.news{background:url(../images/navigation/news_icon.png) no-repeat top left;}
#menu_gauche .main li.contact{background:url(../images/navigation/contactus_icon.png) no-repeat top left;}
#menu_gauche .main_en li.home:hover{background:url(../images/navigation/home_rollover.png) no-repeat top left;}
#menu_gauche .main_en li.homeon{background:url(../images/navigation/home_rollover.png) no-repeat top left;}
#menu_gauche .main_en li.work:hover{background:url(../images/navigation/our_work_rollover.png) no-repeat top left;}
#menu_gauche .main_en li.workon{background:url(../images/navigation/our_work_rollover.png) no-repeat top left;}
#menu_gauche .main_en li.profile:hover{background:url(../images/navigation/profile_rollover.png) no-repeat top left;}
#menu_gauche .main_en li.profileon{background:url(../images/navigation/profile_rollover.png) no-repeat top left;}
#menu_gauche .main_en li.news:hover{background:url(../images/navigation/news_rollover.png) no-repeat top left;}
#menu_gauche .main_en li.newson{background:url(../images/navigation/news_rollover.png) no-repeat top left;}
#menu_gauche .main_en li.contact:hover{background:url(../images/navigation/contactus_rollover.png) no-repeat top left;}
#menu_gauche .main_en li.contacton{background:url(../images/navigation/contactus_rollover.png) no-repeat top left;}
#menu_gauche .main_fr li.home:hover{background:url(../images/navigation/home_rollover_fr.png) no-repeat top left;}
#menu_gauche .main_fr li.homeon{background:url(../images/navigation/home_rollover_fr.png) no-repeat top left;}
#menu_gauche .main_fr li.workon{background:url(../images/navigation/our_work_rollover_fr.png) no-repeat top left;}
#menu_gauche .main_fr li.profile:hover{background:url(../images/navigation/profile_rollover_fr.png) no-repeat top left;}
#menu_gauche .main_fr li.profileon{background:url(../images/navigation/profile_rollover_fr.png) no-repeat top left;}
#menu_gauche .main_fr li.news:hover{background:url(../images/navigation/news_rollover_fr.png) no-repeat top left;}
#menu_gauche .main_fr li.newson{background:url(../images/navigation/news_rollover_fr.png) no-repeat top left;}
#menu_gauche .main_fr li.contact:hover{background:url(../images/navigation/contactus_rollover_fr.png) no-repeat top left;}
#menu_gauche .main_fr li.contacton{background:url(../images/navigation/contactus_rollover_fr.png) no-repeat top left;}
#menu_gauche a.next_project{position:absolute; z-index:999; bottom:0; left:0; background:url(../images/navigation/down_arrow.png) no-repeat top left; width:60px; height:49px; text-indent:-9999px; display:none;}
#menu_gauche a.next_project:hover{background:url(../images/navigation/next.png) no-repeat top left;}
#menu_gauche a.prev_project{position:absolute; z-index:999; bottom:49px; left:0; background:url(../images/navigation/up_arrow.png) no-repeat top left; width:60px; height:49px; text-indent:-9999px; display:none;}
#menu_gauche a.prev_project:hover{background:url(../images/navigation/prev.png) no-repeat top left;}
#menu_gauche a.project_info{position:absolute; z-index:999; bottom:98px; left:0; background:url(../images/navigation/info_btn.png) no-repeat top left; width:60px; height:49px; text-indent:-9999px; display:none;}
#menu_gauche a.project_info:hover{background:url(../images/navigation/info_btn_rollover.png) no-repeat top left;}*/
#menu_gauche .main li{float:left; list-style:none; margin:0; padding:0; width:44px; height:9px; /*text-indent:-9999px;*/ cursor:pointer; background:/*url(../images/navigation/merge_icons.png)*/none; text-transform: uppercase; color:#fff; font-size:11px; font-family:futuramedium; padding:15px 10px 10px 5px;}
#menu_gauche .main li:hover{color:#ed1c24}
#menu_gauche .main li.selected{color:#ed1c24}
/*
#menu_gauche .main li.home{background-position: 0 1568px;}
#menu_gauche .main li.work{background-position: 0 1323px;}
#menu_gauche .main li.profile{background-position: 0 1078px;}
#menu_gauche .main li.news{background-position: 0 833px;}
#menu_gauche .main li.contact{background-position: 0 686px;}
#menu_gauche .main_en li.home:hover{background-position:0 1519px}
#menu_gauche .main_en li.homeon{background-position:0 1470px}
#menu_gauche .main_en li.work:hover{background-position:0 1274px}
#menu_gauche .main_en li.workon{background-position:0 1225px}
#menu_gauche .main_en li.profile:hover{background-position:0 1029px}
#menu_gauche .main_en li.profileon{background-position:0 980px}
#menu_gauche .main_en li.news:hover{background-position:0 784px}
#menu_gauche .main_en li.newson{background-position:0 735px}
#menu_gauche .main_en li.contact:hover{background-position:0 637px}
#menu_gauche .main_en li.contacton{background-position:0 588px}
#menu_gauche .main_fr li.home:hover{background-position:0 1421px}
#menu_gauche .main_fr li.homeon{background-position:0 1372px}
#menu_gauche .main_fr li.work:hover{background-position:0 1176px}
#menu_gauche .main_fr li.workon{background-position:0 1127px}
#menu_gauche .main_fr li.profile:hover{background-position:0 931px}
#menu_gauche .main_fr li.profileon{background-position:0 882px}
#menu_gauche .main_fr li.news:hover{background-position:0 784px}
#menu_gauche .main_fr li.newson{background-position:0 735px}
#menu_gauche .main_fr li.contact:hover{background-position:0 637px}
#menu_gauche .main_fr li.contacton{background-position:0 588px}*/
#menu_gauche .project_nav{position:absolute; z-index:999; left:0; width:60px; height:49px; text-indent:-9999px; display:none; background:url(../images/navigation/merge_icons.png);}
#menu_gauche a.next_project{bottom:0; background-position:0 295px;}
#menu_gauche a.next_project:hover{background-position:0 246px;}
#menu_gauche a.prev_project{bottom:98px;background-position:0 442px;}
#menu_gauche a.prev_project:hover{background-position:0 393px;}
#menu_gauche a.project_info{bottom:49px;background-position:0 541px;}
#menu_gauche a.project_info:hover{background-position:0 491px;}
#menu_gauche a.credits{position:absolute; z-index:999; left:0; width:60px; height:49px; text-indent:-9999px; background:url(../images/navigation/merge_icons.png); bottom:0; background-position:0 148px;}
#menu_gauche a.credits:hover{background-position:0 99px;}
#menu_gauche a.creditson{background-position:0 50px;}
#show_menu{width:49px; height:49px; position:absolute; top:50px; left:-90px; z-index:98; cursor:pointer; background:url(../images/icons/menuicon_btn.png) no-repeat top center;}
#show_menu:hover{background:url(../images/icons/menuicon_btn_rollover.png) no-repeat top center;}
#sub_menu{position:absolute; top:0; left:-150px; height:100%; width:120px; background:url(../images/navigation/sub_menu.png); z-index:98;}
#sub_menu ul{ float:left; margin:43px 0 0 0; padding:0; list-style:none; width:100%;text-decoration:none; color:#fff; font-size:15px; font-weight:normal;}
#sub_menu ul li{ float:left; margin:0 0 0 0; padding:0 0 12px 0;width:80%; text-align:center;line-height:20px; text-align:left; padding-left:20%;}
#sub_menu ul li a{ color:#fff; font-weight:normal;}
#sub_menu ul li:hover{color:#ED1C24!important}
#sub_menu ul li a:hover{color:#ED1C24!important}
.blue{color:#ED1C24!important}
#sub_menu .team_more{background:url(../images/icons/team_plus.png) no-repeat left top; width:30px; height:30px; margin:-7px 0 0 -7px}
#sub_menu .team_more:hover{background:url(../images/icons/team_plus_red.png) no-repeat left top; width:30px; height:30px; margin:-7px 0 0 -7px}
#sub_menu .news_sub_start{margin-top:-14px}
#show_more_category{float:left; width:30px; height:30px; margin:15px 0 0 45px;}
#more_category{float:left; width:100%; height:auto; margin:30px 0 0 0; display:none}
#more_category ul{float:left; width:100%; height:auto; list-style:none; padding:0; margin:0; }
#more_category ul li{float:left; width:100%; height:auto; text-align:center; padding:0; margin:0 0 10px 0; line-height:16px;}
#more_category ul li a{color:#fff; font-size:14px; text-decoration:none; font-weight:normal;}
#more_category ul li a:hover{color:#ED1C24!important}
#sub_menu_2{position:absolute; top:0; left:-540px; height:100%; width:400px; background:url(../images/navigation/sub_menu_3.png); z-index:97;}
#sub_menu_2 ul{float:left; margin:29px 0 0 0; padding:0; list-style:none; width:100%;}
#sub_menu_2 ul li{float:left; width:370px; padding:0 0 0 30px; height:auto; text-align:left; margin:0 0 0 0; line-height:50px; }
#sub_menu_2 ul li{/*color:#969696;*/ color:#fff; font-size:14px; text-decoration:none; font-weight:bold;}
#sub_menu_2 ul li span.region{color:#969696; clear:both; float:left; font-weight:normal; font-size:10px; text-transform:uppercase; width:100%; padding:0; margin:-10px 0 5px 0; line-height:12px;}
#sub_menu_2 ul li:hover{color:#fff!important; font-size:28px;}
#sub_menu_2 .container{position:relative; width:400px; height:auto !important; /* real browsers */height:100%; /* IE6: treaded as min-height*/min-height:100%; /* real browsers */ background:none;}
#more_project{position:absolute; bottom:30px; right:30px; width:89px; height:34px; background:url(../images/icons/more_btn.png) no-repeat top left;}
#more_project:hover{background:url(../images/icons/more_btn_rollover.png) no-repeat top left;}
#logo_footer{position:absolute; bottom:20px; right:20px; z-index:97;}
#logo_footer .logo_footer{cursor:pointer;}
#preloader { background: transparent;position:fixed; left:0px;top:0px;width:100%;height:100%;text-align:center;color:#fff;display:none;z-index:999;}
#preloader div {position:absolute; right:25px; top:25px; z-index:999; text-align:center}
#preloader img{}
/* Slider */
#full-height-slider {position: absolute; left: 0;top: 0; right: 0;bottom: 0; /* height of thumbs (if not required set to 0) */width: 100%;height:100%!important;
z-index: 0;}
#black_and_white{position: absolute;left: 0;top: 0; right: 0;bottom: 0; /* height of thumbs (if not required set to 0) */width: 100%;height:100%;z-index: 100;}
#black_and_white .rsImg{cursor:default!important}
.project_slider{position: absolute;left: 0;top: 0; right: 0;bottom: 0; /* height of thumbs (if not required set to 0) */width: 100%!important;height:100%!important;z-index: 1;}
/* Contact Page */
#contact_container{width:100%; height:100%; float:left;}
.main_container{width:100%; height:100%; float:left;}
#contact_sub{position:absolute; top:0; left:-450px; height:100%; width:450px; background:url(../images/navigation/sub_menu_3.png); z-index:97;}
#contact_details_container{width:450px; height:100%;position:absolute; left:-510px; top:0; z-index:12;background:#232323}
#contact_sub .container{position:relative; width:450px; height:auto !important; /* real browsers */height:100%; /* IE6: treaded as min-height*/min-height:100%; /* real browsers */ background:url(../images/contact/world_map.jpg) no-repeat center top #232323;}
#contact_details{float:left; width:450px; margin:-25px 0 0 0px; height:100%; background:url(../images/contact/world_map.jpg) no-repeat center 40px #232323; position:relative; }
#static_map{width:100%; height:100%; position:absolute; top:0; left:0; z-index:11;}
#dynamic_map{width:100%; height:100%; position:absolute; top:0; left:0; z-index:10;}
#map_options{position:absolute; bottom:25px; right:20px; z-index:100; width:30px;}
#map_options img{float:left; margin:10px 0 0 0;}
.contact_adresse{float:left; margin:470px 0 0 0; width:450px;}
.contact_adresse p{float:left; padding:0; margin:0 0 0 120px; font-size:12px; line-height:17px;}
.contact_adresse p .adresse{font-size:20px; line-height:22px; letter-spacing:0.08em; font-weight:bold;}
.contact_adresse p{float:left; padding:0; margin:0 0 0 120px; color:#c6c6c6}
img.map{/* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto;/* Set up positioning
position: fixed;top: 0; left: 0;*/}
.contact_adresse .title{float:left;padding:0 0 5px 0; width:100%;margin:0; font-size:12px; text-transform:uppercase; color:#5e5e5e;}
.contact_adresse .light-text{color:#5e5e5e;}
.contact_adresse .facebook{float:left; width:40px; height:40px; background:url(../images/icons/facebook_contacts.png) no-repeat top center;}
.contact_adresse .facebook:hover{background:url(../images/icons/facebook_contacts_rollover.png) no-repeat top center;}
.contact_adresse .behance{float:left; width:40px; height:40px; background:url(../images/icons/behance_contacts.png) no-repeat top center;}
.contact_adresse .behance:hover{background:url(../images/icons/behance_contacts_rollover.png) no-repeat top center;}
.contact_adresse .twitter{float:left; width:40px; height:40px; background:url(../images/icons/twitter_contacts.png) no-repeat top center;}
.contact_adresse .twitter:hover{background:url(../images/icons/twitter_contacts_rollover.png) no-repeat top center;}
.contact_adresse .credits{color:#969696; text-transform:uppercase; font-weight:bold;background:url(../images/icons/credits.png) no-repeat left center; padding:17px 35px; height:16px; float:left; margin:10px 0 0 0; width:100%;}
.contact_adresse .credits:hover{color:#D40203;}
#credits{width:100%; height:100%; background:#fff; position:absolute; z-index:11; left:0; display:none; background:url(../images/contact/credits.png);}
#credits_black{background:rgba(0,0,0,0.8); position:absolute; width:100%; height:100%; z-index:11; display:none;}
#credits_black .credits_txt{float:left; width:50%; margin:0 25% 0 28%; height:100%; position:relative;}
#credits_black .credits_txt_container{width:100%; position:absolute; left:50%; top:30%; margin:0 0 0 -25%;}
#credits_black .credits_txt_container p{padding:0 0 0 45px; font-size:14px; line-height:22px; color:#fff;}
#credits_black .credits_txt_container p.pres{font-size:16px; font-weight:bold;}
#credits_black .credits_txt_container p .bquad{text-decoration:underline; color:#fff;}
#credits_black .close_credits{float:left; background:url(../images/icons/credits_close.png) no-repeat left center; padding:10px 0 0 45px; text-transform:uppercase; font-size:14px;font-weight:bold; color:#969696; width:100%; margin:0 0 15px 0; line-height:18px; }
#credits_black .close_credits span{text-transform:none; font-style:italic; font-size:12px; color:#D40203; font-weight:normal; }
.credits_txt{float:left; margin:0 0 0 510px; height:100%; position:relative;}
.credits_txt_container{width:30%; position:absolute; left:50%; top:40%; margin:0 0 0 -15%;}
.credits_txt_container p{padding:0 0 0 45px; font-size:14px; line-height:22px;}
.credits_txt_container p.pres{font-size:16px; font-weight:bold;}
.credits_txt_container p .bquad{text-decoration:underline; color:#161616;}
.close_credits{float:left; background:url(../images/icons/credits_close.png) no-repeat left center; padding:10px 0 0 45px; text-transform:uppercase; font-size:14px;font-weight:bold; color:#969696; width:100%; margin:0 0 15px 0; line-height:18px; }
.close_credits span{text-transform:none; font-style:italic; font-size:12px; color:#D40203; font-weight:normal; }
/*--------------------------------------------------- Profile ----------------------------------------------------------*/
#scroll{width:100%; height:100%; overflow-y:scroll; position:relative;}
#scroll h2{color:#fff; margin:0; padding:0; font-size:55px; font-weight:normal; font-weight:normal}
#eric{width:100%; float:left;}
#eric_photo{float:left; width:auto; height:430px;}
#eric_photo img{float:right;/* Set rules to fill background */ min-height: auto; min-width:200px; /* Set up proportionate scaling */width: 100%;height: auto; /* Set up positioning position: fixed;top: 0; left: 0;*/}
#eric p{color:#969696; margin:116px 0 0 50px; padding:0; font-size:19px; line-height:30px; font-weight:normal; text-align:center; font-family:futuramedium;}
#eric p span{color:#fff;}
#eric p span.red{color:#e00000;}
#eric_bio{background-image:url(../images/studio/eric_bio.jpg); background-size:100%; position:relative; background-repeat:no-repeat; width:100%; float:left;}
#eric_bio h2{position:absolute; left:15%; top:70px; z-index:40; font-family:futuramedium; color:#fff; line-height:25px;}
#eric_bio h2 span{font-size:19px; text-transform:uppercase; letter-spacing:1px; color:#969696}
#eric_bio .text{width:30%; color:#fff; text-align:justify; margin:10% 15%; font-size:16px; font-family: futuramedium; line-height: 25px; text-align: justify; }
#our_studio{width:100%; position:relative; height:auto; float:left; }
#our_studio h2{top:312.5px; right:40%; position:absolute; z-index:10; font-family:futuramedium;}
#our_studio .text{width:65%;float:left; margin:152px 0 165px 22%; clear:both; color:#969696; -moz-column-count:2; /* Firefox */-webkit-column-count:2; /* Safari and Chrome */column-count:2; font-family:futuramedium; line-height:25px; text-align:justify; font-size:16px; -moz-column-gap:60px; /* Firefox */-webkit-column-gap:60px; /* Safari and Chrome */column-gap:60px; clear:both;}
#studioSlider{width:100%; height:680px; min-height:200px; float:left; margin:0 0 0 0; letter-spacing:0.08em;}
#our_team{float:left; width:100%; height:auto; position:relative; background:#fff; }
#strip{clear:both; width:100%; float:left; position:relative; margin-top:0; background:#fff;}
#strip h2{position:absolute; left:250px; top:70px; z-index:40; font-family:futuramedium; color:#646464; line-height:25px;}
#strip h2 span{font-size:19px; text-transform:uppercase; letter-spacing:1px; color:#969696}
#our_team .image_strip{float:left; width:100%; border:0; /*background:#fff;*/padding:0; margin:0; line-height:0; position:relative;}
#our_team .image_strip img{/* Set rules to fill background */ min-height: auto;min-width: 1024px; /* Set up proportionate scaling */width: 100%;height: auto; /* Set up positioning position: fixed;top: 0; left: 0;*/}
#our_team .team{float:left; margin:0 0 0 180px; padding:0; list-style:none;clear:both;}
#our_team .team li{float:left; margin:0 0 0 0; padding:0; width:20%; min-width:200px; height:auto; background:#232323; position:relative; line-height:0; overflow:hidden;}
@media screen and (max-width: 1366px) {
#our_team .team li{float:left; margin:0 0 0 0; padding:0; width:20%; min-width:200px; height:auto; background:#232323; position:relative; line-height:0; overflow:hidden; }
}
#our_team .team li img{/* Set rules to fill background */ min-height: auto; min-width:200px; /* Set up proportionate scaling */width: 100%;height: auto; /* Set up positioning position: fixed;top: 0; left: 0;*/}
img.grey {position: absolute;left: 0;top: 0;z-index: 10;}
img.color {float:left;}
#our_team .team li h3{ margin: 8px 10px 11px; color:#232323; font-size:20px; letter-spacing:0px; line-height:4px; font-weight: normal; }
.boxcaption p{padding: 0 10px; color:#3d3d3d; font-weight:normal; font-size:12px; line-height:16px; letter-spacing:.5px;}
.boxcaption{position: absolute; background: #fff; height: 65px; width: 100%; opacity: .8;bottom:-100px; left: 0;padding:10px 0 0 0}
#our_team .text{width:65%; padding:50px 0;float:left; margin:152px 0 80px 22%; clear:both; color:#646464; -moz-column-count:2; /* Firefox */-webkit-column-count:2; /* Safari and Chrome */column-count:2; font-family:futuramedium; line-height:25px; text-align:justify; font-size:16px; -moz-column-gap:60px; /* Firefox */-webkit-column-gap:60px; /* Safari and Chrome */column-gap:60px; clear:both;}
#our_philosophy{float:left; width:100%; height:100%; position:relative;}
#our_philosophy h2{position:absolute; left:250px; top:50px; z-index:40; font-weight:normal; font-size:45px; font-family:futuramedium;}
#our_philosophy img{/* Set rules to fill background */ min-height: auto; min-width:200px; /* Set up proportionate scaling */width: 100%;height: auto; /* Set up positioning position: fixed;top: 0; left: 0;*/}
.vision_text{position: absolute;top: 30%;left: 35%;right: 27%; width: 660px; text-align: justify;line-height: 1.4em; font-size:17px; color: rgba(221,221,221,0.92);}
.intro_star{position: absolute;top: 22%;left: 35%;right: 27%; width: 660px; text-align: center;line-height: 1.4em; font-size:50px; color: rgba(255, 255,255,0.92);}
/*------------------------------------------------- Project ---------------------------------------------------------------*/
#project_teaser{position: absolute;left: 0;top: 0; right: 0;bottom: 0; /* height of thumbs (if not required set to 0) */width: 100%;height:100%;z-index: 11;}
#project_container{width:100%; height:100%; overflow-y:hidden; position:relative;}
#project_container .project{width:100%; position:relative; height:100%; float:left; background:#ddd;}
.project_name{position:absolute; bottom:49px; left: 95px; z-index:10; padding:60px 0 0 0; width:350px;}
.project_name h2{font-size:20px; color:#fff; font-weight:normal; line-height:25px; letter-spacing:0.08em; margin-bottom:5px;}
.project_name h3{font-size:11px; color:#fff; font-weight:normal; letter-spacing:0.1em; text-transform:uppercase;}
.navCount{position:absolute; bottom:65px; right:140px; z-index:10; font-size:65px; color:#fff; font-weight:bold; width:150px; height:50px;}
#social_icons{position:absolute; bottom:55px; right:20px; z-index:10; width:30px;}
#social_icons #toggle_social{float:left; margin:0 0 0 0;}
#social_icons ul{padding:0; margin:0 0 5px 0; list-style:none; float:left; clear:both; overflow:hidden; height:0;}
#social_icons ul li{padding:0; margin:5px 0; list-style:none; float:left; width:30px; height:30px;}
#social_icons ul li img{float:left; width:30px; height:30px; cursor:pointer}
#project_description{position:absolute; top:0; left:-450px; height:100%; width:450px; background:url(../images/navigation/sub_menu_3.png); z-index:97;}
#project_description .container{position:relative; width:410px; padding: 0 20px; height:auto !important; /* real browsers */height:100%; /* IE6: treaded as min-height*/min-height:100%; /* real browsers */ background:transparent; float:left;}
#project_description .container h2{font-size:27px; color:#fff; margin-top:50px; line-height:25px; width:100%; font-weight:bold; text-align:center; letter-spacing:0.08em; margin-bottom:15px;}
#project_description .container h3{font-size:12px; color:#ED1C24; letter-spacing:0.1em; text-transform:uppercase; width:100%; text-transform:uppercase; font-weight:normal;text-align:center;}
#project_description .container p{width:100%; float:left;color:#fff; text-align:justify; line-height:21px; font-family:futuralight; font-size:14px; letter-spacing:0.07em;}
#project_description .container p span{font-family:futuralight; font-size:15px;}
#project_description .arrow{position:absolute; right:20px;bottom:18px; height:45px;}
#project_description .arrow .next_img{float:left; width:18px; height:35px; background:url(../images/icons/right_arrow_small.png) no-repeat right center;}
#project_description .arrow .next_img:hover{background:url(../images/icons/right_arrow_small_rollover.png) no-repeat right center;}
#project_description .arrow .prev_img{float:left; width:18px; height:35px; background:url(../images/icons/left_arrow_small.png) no-repeat left center; margin:0 20px 0 0;}
#project_description .arrow .prev_img:hover{background:url(../images/icons/left_arrow_small_rollover.png) no-repeat left center;}
#category_citation{position:absolute; right:10%; top:33%; width:43%; z-index:99; display:none;}
#category_citation .quote{font-size:24px; letter-spacing:1px; color:#ffffff; font-weight:bold;}
#category_citation .quote .author{font-size:14px; color:#bd1f20}
#category_citation .project_quote{margin-top:2%; width:70%; font-size:16px; color:#b4b4b4; line-height:24px; letter-spacing:0.5px;}
/*------------------------------------------------- index ---------------------------------------------------------------*/
#index{position:absolute; top:0; left:-540px; height:100%; width:400px; background:url(../images/navigation/sub_menu_3.png); z-index:97;}
#index .index{color:#969696; text-align:justify; padding:20px; margin-top:150px; width:360px; line-height:45px;}
#index .index .indexes{color:#ED1C24;font-size:16px;}
#index .index .not_selected{color:#969696;font-size:12px;}
#grid_wrapper{float:left; margin:0 0 0 580px; height:100%!important; background:#333; position:relative; overflow-y:scroll!important}
#grid_wrapper .item {
float:left;
width: 210px;
margin:3px;
cursor: pointer;
overflow:hidden;
padding: 4px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#grid_wrapper .high{height:250px; background:none;}
#grid_wrapper .high img{/* Set rules to fill background */ min-height: auto; min-width:200px; /* Set up proportionate scaling */width: auto;height: 100%; /* Set up positioning position: fixed;top: 0; left: 0;*/}
#grid_wrapper .low{height:131px; background:none;}
#grid_wrapper .low img{/* Set rules to fill background */ min-height: auto; min-width:200px; /* Set up proportionate scaling */width: 100%;height: auto; /* Set up positioning position: fixed;top: 0; left: 0;*/}
#grid_wrapper .indexes_caption{
position:absolute;
z-index:99;
color:#fff;
bottom:0;
left:0;
text-align:center;
display:none;
}
#grid_wrapper .indexes_caption h2{
padding:0 0 5px 0;
margin:0 0 20px 10px;
border-bottom:1px solid #727171;
color:#fff;
font-size:12px;
}
/*-------------------------------------------------News -----------------------------------------------------------------*/
#news{background:url(../images/navigation/news_bg.png) 120px bottom #fff no-repeat;}
/*#news{background:#fff;} */
div#news{overflow-y:scroll; width:100%;}
#news_container{width:1110px; margin:0 0 50px 300px; float:left; position:relative;}
.news_listing{float:left; width:100%; list-style:none;}
.news_listing li{position:relative; overflow:hidden;}
.news_listing li.normal_news{float:left; width:350px; height:350px; background:#333; margin:0 15px 15px 0}
.news_listing li.latest_news{float:left; width:715px; height:715px; background:#333; margin: 0 15px 15px 0;}
.news_listing .cont{width:100%; height:100%; background:#fff;}
.news_listing .normal_news img{/* Set rules to fill background */ min-height:auto; min-width:350px; /* Set up proportionate scaling */width: auto; height: 350px; /* Set up positioning */ position: absolute;top: 0; left: 0;}
.news_listing .latest_news img{/* Set rules to fill background */ min-height:auto; min-width:720px; /* Set up proportionate scaling */width: auto; height: 720px; /* Set up positioning */ position: absolute;top: 0; left: 0;}
.news_listing .over{position:absolute; bottom:8%; left:0; color:#fff; z-index:10; display:none;}
.news_listing .latest_news .over div.date{text-transform:uppercase; margin-left:30px; clear:both; border-bottom:2px solid #fff; padding-bottom:5px; font-size:16px; line-height:30px; width:80px;}
.news_listing .latest_news .over div.titre{width:100%; margin-left:30px; padding-top:8px; font-size:18px; line-height:30px;}
.news_listing .normal_news .over div.date{text-transform:uppercase; margin-left:15px; clear:both; border-bottom:2px solid #fff; padding-bottom:5px; font-size:12px; line-height:20px; width:65px;}
.news_listing .normal_news .over div.titre{width:100%; margin-left:15px; padding-top:5px; font-size:14px; line-height:20px;}
#news_menu{float:left; margin:50px 0 0 15px; }
#news_menu ul{float:left; list-style:none; width:150px;}
#news_menu ul li{float:left; width:100%; margin:0 0 5px 0; font-weight:normal;}
.selected_menu{color:#ED1C24!important;}
#news_description{position:absolute; top:10px; left:0; width:1080px; height:350px; background:url(../images/navigation/sub_menu.png); z-index:11; display:none;}
#news_description p{letter-spacing:0.16em; }
#news_description p.title{float:left; width:320px; height:320px; color:#fff; font-size:24px; line-height:30px; margin-right:15px; padding:15px; text-align:left!important;}
#news_description p.text1{float:left; width:320px; height:320px; color:#fff; line-height:20px; margin-right:15px; padding:90px 15px 0; text-align:left!important; }
#news_description p.text2{float:left; width:320px; height:320px; color:#fff; line-height:20px; padding:90px 15px 0; text-align:left!important;}
#news_description span.date{color:#D40203!important; font-size:20px;}
@media screen and (max-width: 1366px) {
#scroll h2{color:#fff; margin:0; padding:0; font-size:45px; font-weight:normal; font-weight:normal}
#citations h2 {text-align: center;color: #ebebeb;font-size: 25px;width: 100%;font-weight: bold;letter-spacing: 1px; line-height: 35px;
text-shadow: 1px 2px 1px #000; }
#news_container{width:795px; height:100%; float:left;}
.news_listing li.normal_news{float:left; width:250px; height:250px; background:#333; margin:0 15px 15px 0}
.news_listing li.latest_news{float:left; width:515px; height:515px; background:#333; margin: 0 15px 15px 0;}
.news_listing .over{font-size:16px; line-height:22px;}
.news_listing .normal_news img{/* Set rules to fill background */ min-height:auto; min-width:250px; /* Set up proportionate scaling */width: auto; height: 250px; /* Set up positioning */ position: absolute;top: 0; left: 0;}
.news_listing .latest_news img{/* Set rules to fill background */ min-height:auto; min-width:515px; /* Set up proportionate scaling */width: auto; height: 515px; /* Set up positioning */ position: absolute;top: 0; left: 0;}
#news_description{position:absolute; top:0; left:0; width:780px; height:250px; background:url(../images/navigation/sub_menu.png); z-index:11;}
#news_description p{text-align:justify; font-size:11px; line-height:16px;}
#news_description p.title{width:220px; height:220px; color:#fff; padding:15px; margin-right:15px; font-size:18px;}
#news_description p.text1{width:220px; height:220px; line-height:16px; color:#fff; padding:15px; margin-right:15px;}
#news_description p.text2{width:220px; height:220px; line-height:16px; color:#fff; padding:15px;}
#news_description span.date{color:#D40203!important; font-size:16px;}
#contact_details{float:left;width:450px; margin:-50px 0 0 0; height:100%; background:url(../images/contact/world_map.jpg) no-repeat center 0px #232323; position:relative; }
.contact_adresse{float:left; margin:330px 0 0 0; width:450px;}
#map_options {
position: absolute;
bottom: -20px;
right: 20px;
z-index: 100;
width: 30px;
}
.vision_text,.text, #eric p{font-size:13px!important;}
#project_description .container p{font-size:13px!important;}
#strip h2 span{font-size:16px; text-transform:uppercase; letter-spacing:1px; color:#969696}
#eric_bio .text{width:32%; color:#fff; text-align:justify; margin:10% 20% 5%; font-size:13px; font-family: futuramedium; line-height: 20px; text-align: justify; }
#eric_bio h2{position:absolute; left:20%; top:50px; z-index:40; font-family:futuramedium; color:#fff; line-height:25px;}
#eric_bio h2 span{font-size:16px; text-transform:uppercase; letter-spacing:1px; color:#969696}
}
@media screen and (max-width: 1151px) {
#news_container{width:100%; height:100%; float:left;}
#news_menu{position:absolute; left:80px; top:60px; float:none; margin:0;}
}
@media screen and (max-width: 1024px) {
#scroll h2{color:#fff; margin:0; padding:0; font-size:35px; font-weight:normal; font-weight:normal}
.news_listing li.normal_news{float:left; width:350px; height:350px; background:#333; margin:0 15px 15px 0}
.news_listing li.latest_news{float:left; width:350px; height:350px; background:#333; margin: 0 15px 15px 0;}
/*#news_menu{position:absolute; left:80px; top:60px; float:none; margin:0;}*/
.news_listing .over{font-size:14px; line-height:20px;}
.news_listing .normal_news img{/* Set rules to fill background */ min-height:auto; min-width:380px; /* Set up proportionate scaling */width: auto; height: 380px; /* Set up positioning */ position: absolute;top: 0; left: 0;}
.news_listing .latest_news img{/* Set rules to fill background */ min-height:auto; min-width:380px; /* Set up proportionate scaling */width: auto; height: 380px; /* Set up positioning */ position: absolute;top: 0; left: 0;}
#news_description{position:absolute; top:0; left:0; width:350px; height:350px; background:url(../images/navigation/sub_menu.png); z-index:11;}
#news_description p.title{width:100%; height:80px; color:#fff; padding:15px; font-size:18px;}
#news_description p.text1{width:320px; height:auto!important;color:#fff; padding:15px; margin-right:15px}
#news_description p.text2{width:320px; height:auto!important;color:#fff; padding:15px; }
#news_description span.date{color:#D40203!important; font-size:16px;}
.vision_text{position: absolute;top: 30%;left: 27%;right: 27%; width: 660px; text-align: justify;line-height: 1.4em; font-size:17px; color: rgba(221,221,221,0.92);}
.intro_star{position: absolute;top: 22%;left:27%;right: 27%; width: 660px; text-align: center;line-height: 1.4em; font-size:50px; color: rgba(255, 255,255,0.92);}
.vision_text,.text, #eric p{font-size:12px!important;}
#eric_bio .text{width:40%; color:#fff; text-align:justify; margin:12% 20% 5%; font-family: futuramedium; line-height: 15px; text-align: justify; }
#eric_bio h2{position:absolute; left:20%; top:50px; z-index:40; font-family:futuramedium; color:#fff; line-height:25px;}
#eric_bio h2 span{font-size:14px; text-transform:uppercase; letter-spacing:1px; color:#969696}
#strip h2 span{font-size:14px; text-transform:uppercase; letter-spacing:1px; color:#969696}
}
/*
.item img, .team img, img.newsImg {
background: url('../images/icons/status.gif') no-repeat;
background-position:center;
}
*/
#our_team img, #eric img, #our_philosophy img, #our_studio img, #contact_container img, img.newsImg {
/*background: url('../images/icons/status.gif') no-repeat;*/
background-position:center;
}
/* added 19-02-2013 */
.project_langue{
position:absolute;
bottom:25px;
left:25px;
color:#fff;
}
.project_langue a {
color:#999;
}
.project_langue a.selected{
color:#fff;
font-size:14px;
}