@charset "UTF-8";
/* CSS Document */

body {margin:0;padding:65px 0 30px 0;background:#66788C;}
* {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#606060;letter-spacing:1px;}
li {list-style:none;}
a, a:active, a:visited {text-decoration:none;border:none !important;}
a img, a:active img, a:visited img {border:none !important;}
a:active {outline:none;}
:-moz-any-link:focus {outline:none;}
h2 {font-size:15px;font-weight:lighter;text-transform:uppercase;line-height:25px;margin-bottom:25px;}
h2 em {font-size:15px;}
h2 small {font-size:11px;padding-left:20px;}
h2 span {font-size:10px;position:absolute;right:45px;color:#66788C;text-transform:none;}
h3 {font-size:14px;font-weight:lighter;text-transform:uppercase;line-height:20px;margin-bottom:25px;}
p {line-height:18px;}

/* ============ CLASSES COMMUNES ============ */
.clear {clear:both;height:0;line-height:0;font-size:1px;}
.nomargin {margin:0 !important;}
.nopadding {padding:0 !important;}
.dash {background:url(../images/dash.gif) repeat-y right 0;}
.video {background:url(../images/logo-youtube.png) no-repeat 0 0;padding-left:60px;}
/*.facebook {background:url(../images/logo-FB.png) no-repeat;padding-left:20px;height:14px;}
.tweet {background:url(../images/logo-twitter.png) no-repeat;padding-left:20px;}*/


/* ============ DIVS STRUCTURE ============ */
#wrapper {margin:0 auto;background:#FEFEF4;width:970px;position:relative;}

/* Header */
#header {background:url(../images/bg-header.png) no-repeat 0 0;height:75px;margin-bottom:65px;position:relative;}
#header span {display:none;}
#header h1 a {display:block;position:absolute;top:0;left:0;width:335px;height:15px;}
#header li.link1 {left:560px;position:absolute;top:0;}
#header li.link2 {left:875px;position:absolute;top:0;/*width:95px;height:15px;display:block;*/}
/*#header li.link1 a {width:125px;height:15px;display:block;}*/
#header li.link2 a {width:95px;height:15px;display:block;}

#header #keywords {position:absolute;top:-999px;left:-150px;display:none;}
#header li.link1:hover #keywords, #header li.sfhover #keywords {position:absolute;top:-40px;left:-150px;display:none;width:350px;height:46px;padding:20px 35px 30px 20px;background:url(../images/keywords-bg.png) no-repeat 0 0;}
#header #keywords li {display:inline;background:url(../images/keywords-puce.gif) no-repeat 0 4px;padding-left:10px;}
#header #keywords li a {color:#FEFEF4;font-size:12px;width:auto;height:auto;display:inline;}
#header #keywords li a:hover {text-decoration:underline;}

/* Menu */
dl#menu {position:absolute;left:35px;top:75px;height:65px;}
dl#menu dd {float:left;display:block;position:relative;margin-right:40px;line-height:28px;}
dl#menu dd a {float:left;display:block;text-transform:uppercase;}
dl#menu dd span {display:block;padding:0 10px;color:#8F9CA8;font-size:13px;text-transform:uppercase;}
dl#menu dd a:hover span {color:#66788C;}
dl.nav dd table {display:none;position:absolute;top:-999px;left:-10px;}
dl#menu dd:hover table, dl#menu dd.sfhover table {position:absolute;top:28px;left:-7px;z-index:100;width:135px;}
dl#menu dd table td.tl {background:url(../images/menu-tl.png) no-repeat 0 0;padding-top:5px;}
dl#menu dd table td.tr {background:url(../images/menu-tr.png) no-repeat right 0;width:10px;}
dl#menu dd table td.bl {background:url(../images/menu-bl.png) no-repeat 0 0;height:10px;}
dl#menu dd table td.br {background:url(../images/menu-br.png) no-repeat 0 0;}
dl#menu dd ul {margin-left:10px;}
dl#menu dd li {line-height:16px;}
dl#menu dd li a {background:none !important;color:#606060 !important;font-size:10px;padding:2px 8px;height:auto;white-space:nowrap;letter-spacing:0.5px;float:none;}
dl#menu dd li a:hover {color:#FEFEF4 !important;background:#66788C !important;}
/* hack IE6 */
* html dl#menu dd:hover table, * html dl#menu dd.sfhover table {left:0 !important;}
* html dl#menu dd table td.tl {background:#E5EDED;}
* html dl#menu dd table td.tr {display:none;}
* html dl#menu dd table td.bl {display:none;}
* html dl#menu dd table td.br {display:none;}
* html dl#menu dd ul {margin:0;}
* html dl#menu dd li {height:1%;}

/* Content */
#content {padding-bottom:35px;position:relative;overflow:hidden;}

/* Footer */
#footer {position:relative;margin:0 auto;background:url(../images/bg-footer.png) no-repeat 0 0;width:970px;height:90px;padding-top:20px;color:#FEFEF4;text-align:center;text-transform:uppercase;font-size:11px;}
#footer small {font-size:9px;color:#C1C8CA;display:block;padding-top:5px;}
#footer small a {font-size:9px;color:#C1C8CA;}
#footer small a:hover {text-decoration:underline;}
#footer p {position:absolute;right:0;top:20px;font-size:10px;height:14px;color:#FEFEF4;}
#footer p a {float:right;display:block;width:14px;height:14px;text-indent:-9999px;margin-left:5px;}
#footer a.fb {background:url(../images/logo-FB.png) no-repeat right 0;}
#footer a.twitter {background:url(../images/logo-twitter.png) no-repeat right 0;}



/* ============ HOME ============ */
.p-home #content {padding-left:45px;}
.p-home #content .text {width:260px;position:absolute;left:660px;bottom:45px;text-transform:uppercase;}
* html .p-home #content .text {left:615px;top:160px;}
.p-home h2 {margin-bottom:0;}
.p-home #div1,
.p-home #div2,
.p-home #div3,
.p-home #div4,
.p-home #div5,
.p-home #div6,
.p-home #div7,
.p-home #div8,
.p-home #div9,
.p-home #div10,
.p-home #div11,
.p-home #div12,
.p-home #div13,
.p-home #div14,
.p-home #div15,
.p-home #div16,
.p-home #div17,
.p-home #div18,
.p-home #div19,
.p-home #div20,
.p-home #div21,
.p-home #div22,
.p-home #div23,
.p-home #div24,
.p-home #div25,
.p-home #div26,
.p-home #div27,
.p-home #div28,
.p-home #div29,
.p-home #div30,
.p-home #div31 {display:none;}

/* ============ THE FIRM ============ */
.p-firm #menu dd#m-firm a {background:url(../images/bg-menu-lt.gif) no-repeat 0 0;}
.p-firm #menu dd#m-firm a span {background:url(../images/bg-menu-rt.gif) no-repeat right 0;color:#FEFEF4;}
.p-firm #content h2 {margin:0 0 15px 45px;}
.p-firm #content p {float:left;padding-left:45px;margin-bottom:40px;width:265px;text-align:justify;}

/* ============ BIOS ============ */
.p-bios #content {padding-bottom:0;}
.p-bios #content h2 {margin:0 0 15px 45px;}
/*.p-bios #footer {margin-top:-5px;}*/
.p-bios .bios {padding:0 25px 0 425px;}
.p-bios .bios p {margin-bottom:15px;}
.p-bios #principals {background:url(../images/ike-kligerman-barkley.jpg) no-repeat 0 25px;border-bottom:1px solid #66788C;}
.p-bios #partner {background:url(../images/toya.jpg) no-repeat 80px bottom;height:350px;padding-top:50px;border-bottom:1px solid #66788C;}
.p-bios #associate {background:url(../images/alex-eng.jpg) no-repeat 50px bottom;height:350px;padding-top:70px;border-bottom:1px solid #66788C;}

/* ============ THE BOOK ============ */
.p-book #menu dd#m-port a {background:url(../images/bg-menu-lt.gif) no-repeat 0 0;}
.p-book #menu dd#m-port a span {background:url(../images/bg-menu-rt.gif) no-repeat right 0;color:#FEFEF4;}
.p-book #content h2 {margin:0 0 20px 45px;}
.p-book #content .photo {float:left;width:235px;display:block;padding:0 40px 0 45px;font-size:10px;}
.p-book #content .text {float:left;width:500px;}
.p-book #content .text p {text-align:justify;margin-bottom:15px;}
.p-book #content .text a {text-decoration:underline;}
.p-book #content .text a:hover {text-decoration:none;color:#66788C;}


/* ============ PORTFOLIO ============ */
.p-port #menu dd#m-port a {background:url(../images/bg-menu-lt.gif) no-repeat 0 0;}
.p-port #menu dd#m-port a span {background:url(../images/bg-menu-rt.gif) no-repeat right 0;color:#FEFEF4;}
.p-port h2 {margin-left:45px;line-height:normal;}
.p-port h2 br {display:none;}
.p-port #content {min-height:290px;}
* html .p-port #content {height:290px;}
.p-port #content .text {position:relative;width:225px;height:172px;padding:0 30px 0 45px;float:left;}
.p-port #content .text * {font-size:10px;line-height:13px;text-align:justify;letter-spacing:normal;}
.p-port #content .credit {position:absolute;left:110px;top:255px;}
.p-port #content .credit li {font-size:10px;letter-spacing:normal;}
.p-port #content .credit li a {font-size:10px;letter-spacing:normal;text-decoration:underline;}
.p-port #content .credit li a:hover {text-decoration:none;}
.p-port #content .back {position:absolute;left:45px;top:255px;}
.p-port #content .back a {background:url(../images/portfolio/bt-back.gif) no-repeat 0 0;width:36px;height:22px;display:block;}
.p-port #content .back a strong {display:none;}

.p-portsust #menu dd#m-sust a {background:url(../images/bg-menu-lt-green.gif) no-repeat 0 0;}
.p-portsust #menu dd#m-sust a span {background:url(../images/bg-menu-rt-green.gif) no-repeat right 0;color:#FEFEF4;}
.p-portsust h2 {margin-left:45px;}
.p-portsust #content {min-height:290px;}
* html .p-portsust #content {height:290px;}
.p-portsust #content .text {position:relative;width:225px;height:172px;padding:0 30px 0 45px;float:left;}
.p-portsust #content .text * {font-size:10px;line-height:13px;text-align:justify;letter-spacing:normal;}
.p-portsust #content .text h3 {font-weight:normal;}
.p-portsust #content .credit {position:absolute;left:110px;top:255px;}
.p-portsust #content .credit li {font-size:10px;letter-spacing:normal;}
.p-portsust #content .back {position:absolute;left:45px;top:255px;}
* html .p-portsust #content .back {left:0;}
.p-portsust #content .back a {background:url(../images/portfolio/bt-back.gif) no-repeat 0 0;width:36px;height:22px;display:block;}
.p-portsust #content .back a strong {display:none;}

/* ============ PRODUCTS ============ */
.p-prod #menu dd#m-prod a {background:url(../images/bg-menu-lt.gif) no-repeat 0 0;}
.p-prod #menu dd#m-prod a span {background:url(../images/bg-menu-rt.gif) no-repeat right 0;color:#FEFEF4;}
.p-prod h2 {margin-left:45px;line-height:normal;}
.p-prod h2 br {display:none;}
.p-prod #content {min-height:290px;}
* html .p-prod #content {height:290px;}
.p-prod #content .text {position:relative;width:225px;height:172px;padding:0 30px 0 45px;float:left;}
.p-prod #content .text * {font-size:10px;line-height:13px;text-align:justify;letter-spacing:normal;}
.p-prod #content .credit {position:absolute;left:110px;top:255px;}
.p-prod #content .credit li {font-size:10px;letter-spacing:normal;}
.p-prod #content .credit li a {font-size:10px;letter-spacing:normal;text-decoration:underline;}
.p-prod #content .credit li a:hover {text-decoration:none;}
.p-prod #content .back {position:absolute;left:45px;top:255px;}
.p-prod #content .back a {background:url(../images/portfolio/bt-back.gif) no-repeat 0 0;width:36px;height:22px;display:block;}
.p-prod #content .back a strong {display:none;}


/* ============ NEWS ============ */
.p-news #content {padding-left:45px;}
.p-news #menu dd#m-news a {background:url(../images/bg-menu-lt.gif) no-repeat 0 0;}
.p-news #menu dd#m-news a span {background:url(../images/bg-menu-rt.gif) no-repeat right 0;color:#FEFEF4;}
.p-news #content .news-content {float:left;width:655px;padding-right:30px;background:url(../images/dash.gif) repeat-y right 0;}
.p-news #content .news-item {border-bottom:1px dotted #B2BBC5;width:655px;padding-bottom:20px;}
.p-news #content .text {width:655px;}
.p-news #content .text p {text-align:justify;}
.p-news #content .text a {text-decoration:underline;}
.p-news #content .text a:hover {text-decoration:none;color:#66788C;}
.p-news #content .list {float:left;width:190px;min-height:300px;padding-left:20px;}
* html .p-news #content .list {height:300px;}
.p-news #content .list li {background:url(../images/tiret.gif) no-repeat 0 7px;padding:0 0 5px 10px;}
.p-news #content .list li a {text-transform:uppercase;font-size:10px;text-decoration:underline;}
.p-news #content .list li a:hover {color:#66788C;text-decoration:none;}
.p-news .follow {font-weight:bold;width:110px;}
.p-news .follow a {float:right;display:block;width:14px;height:14px;text-indent:-9999px;margin-left:5px;}
.p-news .follow a.fb {background:url(../images/logo-FB.png) no-repeat right 0;}
.p-news .follow a.twitter {background:url(../images/logo-twitter.png) no-repeat right 0;}



/* ============ SUSTAINABILITY ============ */
.p-sust #menu dd#m-sust a {background:url(../images/bg-menu-lt-green.gif) no-repeat 0 0;}
.p-sust #menu dd#m-sust a span {background:url(../images/bg-menu-rt-green.gif) no-repeat right 0;color:#FEFEF4;}
.p-sust #content img {float:left;padding-right:30px;}
.p-sust #content .text {float:left;width:420px;padding-right:30px;}
.p-sust #content .text p {text-align:justify;}
.p-sust #content .list {float:left;width:190px;min-height:340px;padding-left:20px;background:url(../images/dash.gif) repeat-y 0 0;}
* html .p-sust #content .list {height:340px;}
.p-sust #content .list li {background:url(../images/tiret.gif) no-repeat 0 7px;padding:0 0 5px 10px;}
.p-sust #content .list li a {text-transform:uppercase;font-size:10px;text-decoration:underline;}
.p-sust #content .list li a:hover {color:#3A940E;text-decoration:none;}

/* ============ PRESS ============ */
.p-press #content {padding-left:45px;}
.p-press #menu dd#m-press a {background:url(../images/bg-menu-lt.gif) no-repeat 0 0;}
.p-press #menu dd#m-press a span {background:url(../images/bg-menu-rt.gif) no-repeat right 0;color:#FEFEF4;}
.p-press .article {width:295px;height:130px;float:left;margin-bottom:45px;overflow:hidden;position:relative;}
.p-press .article span.date {text-transform:uppercase;font-style:normal;font-size:10px;}
.p-press .article img {float:left;padding-right:20px;}
.p-press .article div {height:110px;overflow:hidden;padding-right:10px;}
.p-press .article p {line-height:14px;}
.p-press h4 {font-size:12px;}
.p-press h5 {font-size:11px;}
.p-press .article a {font-size:10px;text-decoration:underline;}
.p-press .article a.pdf {display:block;position:absolute;left:120px;bottom:0;}
.p-press .article a:hover {text-decoration:none;}

/* ============ CONTACT ============ */
.p-cont #menu dd#m-cont a {background:url(../images/bg-menu-lt.gif) no-repeat 0 0;}
.p-cont #menu dd#m-cont a span {background:url(../images/bg-menu-rt.gif) no-repeat right 0;color:#FEFEF4;}
.p-cont #content h2 {float:left;padding-left:45px;width:170px;}
.p-cont #content p {float:left;padding-left:45px;margin-bottom:40px;width:245px;}
.p-cont #content img {display:block;clear:both;}
* html .p-cont #content img {clear:none;}

/* ============ SEARCH ============ */
.p-search #content {min-height:400px;}
* html .p-search #content {height:400px;}
.p-search #content h2 {margin:0 0 15px 45px;}
.p-search #content div#results {padding:0 20px 0 35px;}
.p-search #content div.resultat {float:left;padding:0 10px;height:180px;margin-bottom:40px;background:url(../images/dash.gif) repeat-y right 0;}
.p-search #content div.thumbnail {height:155px;}
.p-search #content div.thumbnail a img {border:none;}
* html .p-search #content div.thumbnail a img {height:155px;width:150px;}
.p-search #content h3 {line-height:100%;}