/*
Theme Name:HB Associés
Theme URI:http://www.hb-associes.com
Description:Original theme for HB Associés by Agence-S
Author:Agence-S
Version:1.0

/\/\/

*/

/* =============================================================================
   CLIENT IDENTITY:=Colors
   -----------------------------------------------------------------------------
   
   Blue  : #0078ac
   Gray	 : #81725e
   
   ========================================================================== */



/* =============================================================================
   CLIENT IDENTITY:=Fonts
   -----------------------------------------------------------------------------
   
   DIN Medium
   Futura Light
   Futura Book
   Futura Book Oblique
   Futura Medium
   Futura Bold
   Futura Bold Oblique
   
   ========================================================================== */
@font-face{
	font-family:"DIN Medium";
	src:url("font/2cf657c7-a3a0-4365-8704-c88d1e7e7e59.eot?iefix") format("eot");
}
@font-face{
	font-family:"DIN Medium";
	src:url("font/2cf657c7-a3a0-4365-8704-c88d1e7e7e59.eot?iefix");
	src:url("font/97b0cc11-9afb-4a2f-93b7-e1b5c40d80a6.woff") format("woff"),url("font/2cfb9022-3dc0-4b24-8e91-2df7bd55dd37.ttf") format("truetype"),url("font/7c8e4086-96df-4b91-905e-3b25c81d55a9.svg#7c8e4086-96df-4b91-905e-3b25c81d55a9") format("svg");
}
@font-face{
	font-family:"Futura Light";
	src:url("font/1921b76a-df9e-4cc6-ab61-03f57c2f2454.eot?iefix") format("eot");
}
@font-face{
	font-family:"Futura Light";
	src:url("font/1921b76a-df9e-4cc6-ab61-03f57c2f2454.eot?iefix");
	src:url("font/b5b296d5-bbbc-4936-828d-ff0d8c163a89.woff") format("woff"),url("font/dacb7ec9-508a-4a20-a11a-e1c71ad653b8.ttf") format("truetype"),url("font/ff86acda-0d1f-4f82-96be-91b0d94bad49.svg#ff86acda-0d1f-4f82-96be-91b0d94bad49") format("svg");
}
@font-face{
	font-family:"Futura Book";
	src:url("font/f846ad08-e9ee-4ad6-9cf7-616084da523c.eot?iefix") format("eot");
}
@font-face{
	font-family:"Futura Book";
	src:url("font/f846ad08-e9ee-4ad6-9cf7-616084da523c.eot?iefix");
	src:url("font/bc017822-de5a-4b1a-8eed-ed8e06fec708.woff") format("woff"),url("font/0ab2192d-e680-4f79-a06b-017307993274.ttf") format("truetype"),url("font/90849783-61a3-41a1-928c-0e77e65fe53c.svg#90849783-61a3-41a1-928c-0e77e65fe53c") format("svg");
}
@font-face{
	font-family:"Futura Book Oblique";
	src:url("font/8945a25a-7015-4c8a-949a-0cd237f5e9af.eot?iefix") format("eot");
}
@font-face{
	font-family:"Futura Book Oblique";
	src:url("font/8945a25a-7015-4c8a-949a-0cd237f5e9af.eot?iefix");
	src:url("font/fbddffd4-dd46-4bb6-9b09-bfc3925b8207.woff") format("woff"),url("font/2097ef84-1652-4b97-ac15-99b36d64f6b8.ttf") format("truetype"),url("font/35465047-2124-4018-9d6d-9dfde1797cb2.svg#35465047-2124-4018-9d6d-9dfde1797cb2") format("svg");
}
@font-face{
	font-family:"Futura Medium";
	src:url("font/f54fb8d6-5840-4dcd-abb6-a361c3515b63.eot?iefix") format("eot");
}
@font-face{
	font-family:"Futura Medium";
	src:url("font/f54fb8d6-5840-4dcd-abb6-a361c3515b63.eot?iefix");
	src:url("font/ee0094f9-615c-4fc9-8880-4188633debc4.woff") format("woff"),url("font/f0081d54-47f3-4cfa-9bc7-8d0318d3eb14.ttf") format("truetype"),url("font/f3818821-bb07-46d0-81ff-b2f6559f71be.svg#f3818821-bb07-46d0-81ff-b2f6559f71be") format("svg");
}
@font-face{
	font-family:"Futura Bold";
	src:url("font/69a3d0c8-1eb1-454f-8be1-a3156f75aa2d.eot?iefix") format("eot");
}
@font-face{
	font-family:"Futura Bold";
	src:url("font/69a3d0c8-1eb1-454f-8be1-a3156f75aa2d.eot?iefix");
	src:url("font/4bb88e11-0ff4-43a3-b13b-d56a9c47f1cd.woff") format("woff"),url("font/94ef22ad-ae9a-4fd0-8142-df1ba51c1b1c.ttf") format("truetype"),url("font/0a6c4238-8f76-4cd8-8a7c-919987f6f22f.svg#0a6c4238-8f76-4cd8-8a7c-919987f6f22f") format("svg");
}
@font-face{
	font-family:"Futura Bold Oblique";
	src:url("font/38ffb5b9-3514-48be-a8a5-c74329359bb2.eot?iefix") format("eot");
}
@font-face{
	font-family:"Futura Bold Oblique";
	src:url("font/38ffb5b9-3514-48be-a8a5-c74329359bb2.eot?iefix");
	src:url("font/2aa6d499-051e-4ad0-98e9-3ae342d0725b.woff") format("woff"),url("font/6c80ebe3-c81e-4256-a0e5-a5c9f76c73e3.ttf") format("truetype"),url("font/1fd5c1d8-8c93-4f66-b99d-1ef7cf9de9d0.svg#1fd5c1d8-8c93-4f66-b99d-1ef7cf9de9d0") format("svg");
}



/* =============================================================================
   =H5BP / NORMALIZE
   ========================================================================== */

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%; }
body { overflow-y:scroll; margin:0; font-size:12px; line-height:1.3; }
html, button, input, select, textarea { font-family:'Futura Book', serif; color:#81725e; }

::-moz-selection { background:#0078ac; color:#fff; text-shadow:none; }
::selection { background:#0078ac; color:#fff; text-shadow:none; }

* { outline:none; }
a { color:#81725e; font-family:'Futura Bold'; text-decoration:none; }
a:hover,
a:focus,
a.hover { color:#0078ac; }

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:1em 0; padding:0 0 0 40px; }
dd { margin:0 0 0 40px; }
nav ul, nav ol, .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:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color:#f0dddd; }

table { border-collapse:collapse; border-spacing:0; }
td { vertical-align:top; }



/* =============================================================================
   GENERAL: =Structure
   ========================================================================== */




/* =============================================================================
   GENERAL: =Forms
   ========================================================================== */

#content form p {
	margin:8px 0;
}

.req:after { content:' *'; }

.input-text,
#goog-wm-qt,
textarea {
	display:block; width:165px; padding:2px;
	background:#fff; border:1px solid #cec6bb; border-radius:0;
	color:#0078ac; font-family:'Futura Medium';
}
textarea {
	height:50px;
	resize:none;
}

.submit-button {
	padding:3px 6px; width:60px;
	background:#0078ac; border:0; border-radius:0;
	color:#fff; font-size:11px; line-height:1; text-align:left;
}
.submit-button:hover,
.submit-button:focus {
	background:#81725e;
}

form .info {
	font-size:10px;
}

.wpcf7-form .wpcf7-not-valid-tip {
	display:block; padding:3px 0; position:relative; top:0; left:0;
	background:none; border:0;
	color:#840003; font-size:11px;
}

.wpcf7-form .wpcf7-validation-errors,
.wpcf7-form .wpcf7-mail-sent-ok,
.wpcf7-form .wpcf7-response-output {
	clear:both; display:block; margin:20px 0; padding:0; width:170px;
	border:0;
	color:#840003; font-size:11px; line-height:1; 
}
.wpcf7-form .wpcf7-mail-sent-ok {
	color:#0078ac; font:13px/1.1 'Futura Medium';
}



/* =============================================================================
   GENERAL: =Text level
   ========================================================================== */

h1, h2, h3, h4,h5, h6,
strong, b,
em, i {
	margin:0;
	font-family:'Futura Bold'; font-style:normal; font-weight:normal;
}
em, i {
	font-family:'Futura Book Oblique';
}
strong em,
em strong {
	font-family:'Futura Bold Oblique';
}

img {
	max-width:100%;
}

#container #page-title,
#content .page-title {
	margin:15px 0;
	font:12px/1.2 'Futura Medium'; text-transform:uppercase;
}

#content ul,
#content li {
	margin:0; padding:0;
	list-style:none
}
#content p,
#content ul {
	margin:15px 0;
}
#content p ~ ul {
	margin-top:-15px;
}
#content h2 ~ p,
#content h2 ~ ul,
#content h3 ~ p,
#content h3 ~ ul {
	margin-top:4px;
}
#content li {
	background:url('img/list-bullet.png') no-repeat 0 7px;
	text-indent:8px;
}
#content .search-goog {
	background:none;
	text-indent:0;
}
#content .limargin li ~ li {
	margin-top:15px;
}

#content h2,
#content h3 {
	margin:0; 
	font-size:12px;
}
#content .no-paragraph {
	margin-bottom:15px;
}
#content p ~ h2,
#content ul ~ h2 {
	margin-top:30px;
}

.vcard .type {
	position:absolute; left:-999em;
}

.readmore {
	font-family:'Futura Bold Oblique';
}
.readmore:before {
	content:'> ';
}

a.email {
	font-family:'Futura Book';
}


/* =============================================================================
   MODULE: =Column
   ========================================================================== */

#column {
	float:left; margin:0 0 0 20px; width:500px;
}



/* =============================================================================
   MODULE: =Content
   ========================================================================== */

#content {
	float:right; padding:0 100px 0 0; width:330px;
}
#content:before,
.entry-content:after,
.separator {
	display:block; width:3px; height:1px;
	background:#81725e; content:'';
}

#content-image {
	margin:40px 0 0;
}
#content-image img {
	width:100%;
}
#content-image .image-1,
#content-image .image-2 {
	width:50%;
}
#content-image .image-1 {
	float:left;
}
#content-image .image-2 {
	clear:both; float:right;
}


/* =============================================================================
   MODULE: =Footer
   ========================================================================== */

#foot {
	clear:right; float:right; margin:30px 0; width:430px;
}
#foot ul,
#foot li {
	margin:0; padding:0;
	list-style:none;
}
#foot li {
	float:left; margin:0 12px 0 0; position:relative;
}
#foot li:after {
	display:block; position:absolute; top:0; right:-8px;
	content:'-';
}
#foot .last-child:after {
	display:none;
	content:'';
}
#foot,
#foot a {
	color:#d1ccc4; font:11px/1 'Futura Medium'; text-transform:uppercase;
}
#foot a:hover,
#foot a:hover {
	color:#0078ac;
}



/* =============================================================================
   MODULE: =Grid
   ========================================================================== */

#grid {
	position:relative; width:480px; height:800px;
}
#grid .cell {
	display:block; position:absolute; top:0; left:0; width:160px; height:160px;
}
#grid .plain {
	z-index:2;
}
#grid img {
	display:block; position:absolute; top:0; left:0;
}



/* =============================================================================
   MODULE: =Head
   ========================================================================== */

#head {
	margin:15px 0 25px; position:relative;
}
#site-title {
	float:left; margin:0 0 0 20px; width:163px;
}



/* =============================================================================
   MODULE: =Language-selector
   ========================================================================== */

#language-selector {
	position:absolute; top:0; left:825px
}
#language-selector ul,
#language-selector li {
	margin:0; padding:0;
	list-style:none;
}
#language-selector li {
	float:left; margin:0 8px 0 0; position:relative;
	line-height:11px;
}
#language-selector li:after {
	display:block; position:absolute; top:2px; right:-5px; width:1px; height:8px;
	background:#81725e; content:'';
}
#language-selector li + li {
	margin:0;
}
#language-selector li + li:after {
	display:none;
	content:'';
}
#language-selector a {
	font:11px/1 'Futura Medium';
}
#language-selector .current a {
	color:#000;
}



/* =============================================================================
   MODULE: =Member gallery
   ========================================================================== */

#member-gallery {
	margin:0 0 0 160px; overflow:hidden; position:relative; width:320px; height:320px;
}
#member-gallery .images {
	position:absolute; top:0; left:0; width:320px; height:320px;
}
#member-gallery .images img {
	position:absolute; top:0; left:-999em;
}
#member-gallery .images .current {
	left:0;
	z-index:2;
}
#member-gallery .images .next {
	z-index:3;
}
#member-gallery .navigation {
	margin:-21px 0 0; position:absolute; top:50%; left:0; width:100%; height:22px;
	z-index:10;
}
#member-gallery .navigation .arrow {
	padding:10px; position:absolute; top:0; left:0; width:12px; height:21px;
}
#member-gallery .navigation .next {
	right:0; left:auto;
}



/* =============================================================================
   MODULE: =Nav-main
   ========================================================================== */

#nav-main {
	float:left; margin:0 0 0 367px;
}
#nav-main li {
	
}
#nav-main a {
	display:block; padding:1px 0 2px;
	font:11px/1 'Futura Medium'; letter-spacing:0.05em; text-transform:uppercase;
}
#nav-main a:hover,
#nav-main a:focus,
#nav-main .current-menu-item a,
#nav-main .current-page-ancestor a,
.page-id-84 #menu-item-88 a,
.page-id-86 #menu-item-88 a,
.tax-hb_member_position #menu-item-135 a,
.single-hb_member #menu-item-135 a,
.page-id-204 #menu-item-202 a,
.tax-hb_member_position #menu-item-247 a,
.single-hb_member #menu-item-247 a {
	color:#0078ac;
}
#nav-main .navigation {
	display:none;
}



/* =============================================================================
   MODULE: =Pagination
   ========================================================================== */

.pagination {
	padding:15px 0;
	font-size:12px;
}
.pagination .page-numbers {
	float:left; margin:0 1px 0 0;
}
.pagination .current {
	font-family:'Futura Bold';
}
.pagination a {
	font-family:'Futura Medium';
}
.pagination .page-numbers:before {
	float:left; margin:0 1px 0 0;
	content:'-'; 
}
.pagination .page-numbers:first-child:before,
.pagination .dots ~ .page-numbers:before,
.pagination .dots:before {
	display:none;
	content:'';
}



/* =============================================================================
   MODULE: =Publications
   ========================================================================== */

#publications .publication {
	float:left; padding:10px; width:139px; height:139px;
	background:#dae7f3; border-color:#fff; border-style:solid; border-width:0 1px 1px 0;
	line-height:1.1;
}
#publications .title {
	margin:0 0 0 320px;
	background:#7b9ec8;
}
#publications .title h2 {
	margin:5px;
	color:#fff; font:28px/1 'Futura Light'; text-transform:uppercase;
}
#publications .title span {
	display:block;
}
#publications .title span:first-child:after {
	content:'-';
}
#publications h3 {
	margin:0 0 2px;
	font-size:12px; text-transform:uppercase;
}
#publications p {
	margin:0 0 8px;
}
#publications a {
	display:block; margin:0;
}
#publications .cell-1,
#publications .cell-3,
#publications .cell-9,
#publications .cell-10 {
	margin-left:160px;
}
#publications .cell-8 {
	margin-left:320px;
}
#publications .cell-9 {
	margin-right:160px;
}
#publications .pagination {
	clear:both; padding-bottom:0;
}
#publications .button-more,
#conferences .button-more {
	display:none;
}



/* =============================================================================
   MODULE: =Searchform
   ========================================================================== */

#searchform {
	position:absolute; bottom:2px; left:825px; width:106px;
}
#searchform label,
#s {
	color:#fff; font:11px/12px 'Futura Medium'; letter-spacing:0.05em;
}
#searchform label {
	position:absolute; top:4px; left:5px;
}
#s {
	padding:4px 20px 4px 4px; width:82px; height:12px;
	background:#c3bbb2; border:0; border-radius:0;
}
#searchsubmit {
	padding:4px; position:absolute; top:0; right:0;
}



/* =============================================================================
   MODULE: =Sectors
   ========================================================================== */

#sectors .sector {
	float:left; overflow:hidden; padding:0; position:relative; width:33%; height:130px;
}
#sectors .line-4 .sector {
	height:110px;
}
#sectors .sector div:after {
	display:block;
	content:'-';
}
#sectors .sector.cnt-3 {
	margin:0 0 0 66%;
}
#sectors .sector.cnt-10 {
	margin:0 0 0 33%;
}
#sectors .sector,
#sectors .sector a {
	display:block;
	color:#0078ac; font:20px/1.1 'DIN Medium'; text-transform:uppercase;
}
#sectors .sector a {
	width:100%; height:100%;
}
#sectors .sector div {
	position:relative;
}
#sectors .sector span {
	display:block;
}
#sectors .sector.cnt-8 span:first-child:after {
	content:'-';
}
#sectors .line-2 .sector,
#sectors .line-2 .sector a {
	color:#74a0ca;
}
#sectors .line-3 .sector,
#sectors .line-3 .sector a {
	color:#98bbdb;
}
#sectors .line-4 .sector,
#sectors .line-4 .sector a {
	color:#c4d8ec;
}
#sectors .sector .hover {
	display:block; position:absolute; top:0; left:-100%; max-height:90%;
}
#sectors .bottom  {
	float:left; margin:0 0 0 66%; width:33%;
}
#sectors .bottom  img {
	display:block; max-height:100%;
}
#sectors-form {
	display:none;
}


/* =============================================================================
   MODULE: =Team
   ========================================================================== */

#content #team-bottom-links {
	margin:30px 0 0;
}
#team-bottom-links li {
	background:none;
	text-indent:0;
}
#team-bottom-links li ~ li {
	margin-top:5px;
}

#content .team-links li {
	margin-top:3px;
	background:none;
	text-indent:0;
}
#content .team-links a {
	font-family:'Futura Medium';
}
#team-top-links {
	display:none;
}



/* =============================================================================
   MODULE: =Team gallery
   ========================================================================== */

#team-gallery .member {
	float:left; position:relative; width:160px; height:160px;
}
#team-gallery .name {
	position:absolute; bottom:10px; left:-999em;
	z-index:3;
	color:#fff; font:12px 'Futura Medium'; text-decoration:none; text-transform:uppercase;
}
#team-gallery img {
	display:block;
}
#team-gallery .mask {
	opacity:0; position:absolute; top:0; left:0;
	z-index:2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
#team-gallery .hover .mask,
#team-gallery a:hover .mask,
#team-gallery a:focus .mask {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
#team-gallery .hover .name,
#team-gallery a:hover .name,
#team-gallery a:focus .name {
	left:10px;
}
/*#team-gallery .cell-1 {
	margin-left:160px;
}*/
#team-gallery .nth-5 {
	margin-left:160px;
}
/*.single-hb_member #team-gallery .cell-3,
.term-lawyers #team-gallery .cell-3,
.term-avocats #team-gallery .cell-3,
.page-template-tpl-page-team-php #team-gallery .cell-3 {
	margin-right:320px;
}*/
.single-hb_member #team-gallery .cell-4,
.term-lawyers #team-gallery .cell-4,
.term-avocats #team-gallery .cell-4,
.page-template-tpl-page-team-php #team-gallery .cell-4 {
	margin-left:160px;
}
.single-hb_member #team-gallery .nth-5,
.term-lawyers #team-gallery .nth-5,
.term-avocats #team-gallery .nth-5,
.page-template-tpl-page-team-php #team-gallery .nth-5 {
	margin-left:0;
}
.single-hb_member #team-gallery .image {
	opacity:0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}
#team-gallery-navigation {
	display:none;
}
#team-gallery .member.current a {
	display:none;
}



/* =============================================================================
   PAGE TEMPLATE: =News
   ========================================================================== */

.page-template-tpl-page-news-php #page-title {
	position:absolute; left:-999em;
}
.page-template-tpl-page-news-php #container > .horizontal-wrapper {
	padding-bottom:100px;
	background:url('img/news-bottom.png') no-repeat 510px bottom;
}
.page-template-tpl-page-news-php #content {
	padding-bottom:30px;
}
.page-template-tpl-page-news-php #foot {
	margin:-15px 0 0;
}



/* =============================================================================
   PAGE SPECIFIC: =Contact
   ========================================================================== */

.page-id-68 #page-title {
	position:absolute; left:-999em;
}
.page-id-68 .entry-content {
	margin-top:15px;
}
.page-id-68 .wpcf7:before {
	display:block; width:3px; height:1px;
	background:#81725e; content:'';
}
.page-id-68 form {
	margin:25px 0;
}



/* =============================================================================
   PAGE SPECIFIC: =Member
   ========================================================================== */

.single-hb_member #page-title {
	font-size:14px;
}



/* =============================================================================
   PAGE SPECIFIC: =Search
   ========================================================================== */

.search-results #content p {
	margin:0;
}
.search-results #content .hentry {
	margin:15px 0; 
}



/* =============================================================================
   =HELPERS
   ========================================================================== */

.ir {
	display:block; overflow:hidden; 
	background-color:transparent; background-repeat:no-repeat; border:0;
	direction:ltr; *line-height:0; text-align:left; text-indent:-999em;
}
.ir br {
	display:none;
}
	
.hidden {
	display:none;
}
.visuallyhidden {
	clip:rect(0 0 0 0); margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; height:1px; 
	border:0;  
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip:auto;margin:0; overflow:visible; position:static; width:auto; height:auto; 
}
.invisible {
	visibility:hidden;
}

.clearfix:before, .clearfix:after {
	content:""; display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	*zoom:1;
}

.horizontal-wrapper {
	margin:0 auto; position:relative; width:980px;
}



/* =============================================================================
   =MEDIA QUERIES
   ========================================================================== */

@media only screen and (max-width:1000px) {
	
	/* GENERAL: Structure
    ------------------------------------------------------------------------- */
	.horizontal-wrapper {
		width:600px;
	}
	#site-title {
		margin-left:30px;
	}
	#nav-main {
		margin-left:110px;
	}
	#language-selector,
	#searchform {
		left:475px;
	}
	#column {
		margin:0; overflow:hidden; width:295px;
	}
	#content {
		padding-right:20px; width:275px;
	}
	#foot {
		width:295px;
	}
	
	
	/* MODULE: Grid
    ------------------------------------------------------------------------- */
	#grid {
		left:-145px;
		width:435px; height:725px;
	}
	#grid .cell {
		width:145px; height:145px;
	}
	
	
	/* MODULE: Member gallery
    ------------------------------------------------------------------------- */
	#member-gallery,
	#member-gallery .images {
		width:290px; height:290px;
	}
	#member-gallery {
		margin:0;
	}
	
	
	/* MODULE: Publications
    ------------------------------------------------------------------------- */
	#publications .publication {
		margin:0; padding:5px; width:134px; height:134px;
	}
	#publications .title {
		margin:0 0 0 145px;
	}
	#publications .title h2 {
		font-size:25px;
	}
	#publications,
	#publications h3 {
		font-size:11px;
	}
	#publications .cell-7 {
		margin-left:145px;
	}
	#publications .cell-8 {
		margin-right:145px;
	}
	.page-template-tpl-page-news-php #container > .horizontal-wrapper {
		padding-bottom:70px;
		background-position:305px bottom;
	}
	
	
	/* MODULE: Sectors
    ------------------------------------------------------------------------- */
	#sectors {
		padding:0 0 0 10px;
	}
	#sectors .sector,
	#sectors .sector a {
		font-size:12px;
	}
	#sectors .sector {
		height:90px;
	}
	#sectors .line-4 .sector {
		height:80px;
	}
	#sectors .bottom {
		height:70px;
	}
	
	
	/* MODULE: Team gallery
    ------------------------------------------------------------------------- */
	#team-gallery .member {
		width:145px; height:145px;
	}
	#team-gallery .cell-1 {
		margin-left:145px;
	}
	.single-hb_member #team-gallery .cell-3,
	.term-lawyers #team-gallery .cell-3,
	.term-avocats #team-gallery .cell-3,
	.page-template-tpl-page-team-php #team-gallery .cell-3 {
		margin-right:0;
	}
	.single-hb_member #team-gallery .cell-4,
	.term-lawyers #team-gallery .cell-4,
	.term-avocats #team-gallery .cell-4,
	.page-template-tpl-page-team-php #team-gallery .cell-4 {
		margin-left:145px;
	}
	.single-hb_member#team-gallery .nth-5,
	.term-lawyers #team-gallery .nth-5,
	.term-avocats #team-gallery .nth-5,
	.page-template-tpl-page-team-php #team-gallery .nth-5 {
		margin-left:0;
	}
	#team-gallery .cell-4 {
		margin:0 0 0 145px;
	}
	#team-gallery .nth-9 {
		margin:0 145px 0 0;
	}
	#team-gallery .nth-5 {
		margin:0;
	}
}

@media only screen and (max-width:599px) {
	
	/* GENERAL: Structure
    ------------------------------------------------------------------------- */
	.horizontal-wrapper {
		width:100%; min-width:300px;
	}
	#head {
		margin:0; padding:0 0 100px;
		background:url('img/header/header-1.jpg') no-repeat left bottom;
	}
	.header-2 #head {
		background-image:url('img/header/header-2.jpg');
	}
	.header-3 #head {
		background-image:url('img/header/header-3.jpg');
	}
	#site-title {
		float:none; margin:25px 15px;
	}
	#language-selector {
		top:53px; right:20px; left:auto;
	}
	#searchform {
		margin:0; position:absolute; top:0; right:0; bottom:auto; left:auto;
	}
	#column {
		display:none; float:none; margin:0; overflow:hidden; position:relative; width:100%;
	}
	#content {
		float:none; margin:20px auto 0; padding:0; width:80%;
	}
	#content-image {
		display:none;
	}
	#foot {
		float:none; margin:30px auto; width:80%;
	}

	
	/* MODULE: Grid
    ------------------------------------------------------------------------- */
	#grid {
		display:none;
	}

	
	/* MODULE: Nav-main
    ------------------------------------------------------------------------- */
	#nav-main {
		float:none; margin:0; position:relative; width:100%; height:40px;
		background:#c3bbb2;
	}
	#nav-main .nav-main-container {
		margin:0 25px; overflow:hidden; position:relative; height:40px;
		z-index:2;
	}
	#nav-main ul {
		position:relative; width:999em;
	}
	#nav-main li {
		float:left; margin:0; position:relative;
	}
	#nav-main li:after {
		display:block; position:absolute; top:15px; right:0; width:1px; height:10px;
		background:#fff; content:'';
	}
	#nav-main a {
		padding:0 15px;
		color:#fff; line-height:40px;
	}
	#nav-main .navigation {
		display:block; position:absolute; top:0; left:0; width:100%
	}
	#nav-main .navigation .arrow {
		display:block; padding:0; position:absolute; top:0; left:0; width:25px; height:40px;
	}
	#nav-main .navigation .arrow img {
		display:block;
	}
	#nav-main .navigation .right {
		right:0; left:auto;
	}

	
	/* MODULE: Publications
    ------------------------------------------------------------------------- */
	#publications {
		padding:36px 0 0; position:relative;
	}
	#publications .publication {
		float:none; margin:0; padding:3%; width:95%; height:auto;
		border-width:0 0 1px;
		font-size:12px;
	}
	#publications .wrapper .publication:first-child {
		background:#7b9ec8;
		color:#fff;
	}
	#publications .title {
		margin:0; padding:0;
		background:#7b9ec8; border:0;
	}
	#publications .title h2 {
		margin:0 7.5%;
		font:13px/36px 'Futura Medium';
	}
	#publications .title span {
		display:inline
	}
	#publications .title span:first-child:after {
		content:'';
	}
	#publications h3 {
		font-size:12px;
	}

	
	/* MODULE: Sectors
    ------------------------------------------------------------------------- */
	#sectors {
		display:none;
	}
	#sectors-form {
		display:block; margin:20px auto; width:80%;
	}
	#sectors-form label {
		position:absolute; left:-999em;
	}
	
	
	/* Module: Team-gallery
    ------------------------------------------------------------------------- */
	#team-gallery {
		position:relative; width:999em; height:106px;
	}
	#team-gallery-scroller {
		position:relative; height:106px;
	}
	#team-gallery .member {
		margin:0; width:106px; height:106px;
	}
	#team-gallery .name {
		bottom:5px;
		font-size:11px;
	}
	#team-gallery .hover .mask,
	#team-gallery a:hover .mask,
	#team-gallery a:focus .mask {
		display:none;
	}
	#team-gallery .hover .name,
	#team-gallery a:hover .name,
	#team-gallery a:focus .name {
		display:none;
	}
	#team-gallery-navigation {
		display:block; position:absolute; top:0; left:0; width:100%;
	}
	#team-gallery-navigation .arrow {
		position:absolute; top:0; left:0; width:25px; height:106px;
		z-index:3;
	}
	#team-gallery-navigation .right {
		right:0; left:auto;
	}
	#team-gallery .member.current a {
		display:block;
	}

	
	/* PAGE: News
    ------------------------------------------------------------------------- */
	.page-template-tpl-page-news-php #main {
		position:relative;
	}
	.page-template-tpl-page-news-php #container > .horizontal-wrapper {
		padding-bottom:0;
		background:none;
	}
	.page-template-tpl-page-news-php #head {
		padding:0;
		background:none;
	}
	.page-template-tpl-page-news-php #column {
		display:block; margin:0; padding:0;
	}
	.page-template-tpl-page-news-php  #content:before {
		display:none;
	}
	.page-template-tpl-page-news-php  #content {
		margin:0; width:100%;
	}
	.page-template-tpl-page-news-php #foot {
		margin:10px 3% 30px;
	}
	#publications .title {
		position:absolute; top:0; left:0; width:50%; height:36px;
		text-align:center;
	}
	#conferences .page-title {
		margin:0; padding:0; position:absolute; top:0; right:0; width:50%; height:36px;
		background:#0078ac;
		color:#fff;font:13px/36px 'Futura Medium'; text-align:center;
	}
	#publications .title:hover,
	#conferences .page-title:hover {
		cursor:pointer;
	}
	#conferences .wrapper {
		display:none; padding:0;
		background:#0078ac;
		color:#fff;
	}
	#conferences .conference {
		float:none; margin:0; padding:3%; width:95%; height:auto;
		background:#dae7f3; border-bottom:1px solid #fff;
		color:#81725e;
	}
	#conferences .conference:first-child {
		background:#0078ac;
		color:#fff;
	}
	#conferences .conference p {
		margin:0 0 8px;
	}
	#conferences .separator {
		display:none;
	}
	#publications .pagination,
	#conferences .pagination {
		display:none;
	}
	#publications .wrapper,
	#conferences .wrapper {
		margin-bottom:49px; position:relative;
	}
	.page-template-tpl-page-news-php #main .button-more {
		display:block; position:absolute; right:5px; bottom:-49px; width:90px;
		cursor:pointer;
	}
	.page-template-tpl-page-news-php .button-more .loader {
		display:none; position:absolute; top:14px; left:-30px;
	}
	
	

	
	/* PAGE: Team
    ------------------------------------------------------------------------- */
	.page-template-tpl-page-team-php #head,
	.tax-hb_member_position #head,
	.single-hb_member #head {
		padding:0;
		background:none;
	}
	.page-template-tpl-page-team-php #column,
	.tax-hb_member_position #column,
	.single-hb_member #column {
		display:block;
	}
	.single-hb_member #member-gallery {
		display:none;
	}
	.single-hb_member #team-gallery .cell-4,
	.term-lawyers #team-gallery .cell-4,
	.term-avocats #team-gallery .cell-4,
	.page-template-tpl-page-team-php #team-gallery .cell-4 {
		margin-left:0;
	}

	.single-hb_member #team-gallery .current .image {
		opacity:1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
	}
	#team-top-links,
	#team-top-links li {
		margin:0; padding:0;
		list-style:none;
	}
	#team-top-links {
		display:block; padding:0 10px; height:40px;
		background:#c2bab1;
		line-height:40px;
	}
	#team-top-links li {
		display:inline; margin:0; position:relative;
	}
	#team-top-links li ~ li:before {
		display:block; position:absolute; top:3px; left:-1px; width:1px; height:10px;
		background:#80725e; content:'';
	}
	#team-top-links a:before {
		content:'';
	}
	#team-top-links a {
		padding:0 10px;
		color:#80725e; font:12px 'Futura Medium';
	}
	#team-top-links a:hover,
	#team-top-links a:focus {
		color:#0078ac;
	}
	
	#team-gallery .mask {
		-moz-transition:none;
		-o-transition:none;
		-webkit-transition:none;
		transition:none;
	}
}