/*
Theme Name: Agence S
Theme URI: http://www.agence-s.fr
Description: Original theme for Agence S by Agence S & Antoine Wodniack
Author: Agence S / Antoine Wodniack
Version: 1.0
*/


/* CLIENT IDENTITY: =Colors
 * orange : #e26814
 -------------------------------------------------------------- */


/* CLIENT IDENTITY: =Fonts
 * Baksheesh Thin
 * Baksheesh Regular
 * Baksheesh Bold
 * Bodoni Roman
 * Bodoni Bold
 * Bodoni Bold Italic
 -------------------------------------------------------------- */

@font-face {
    font-family: 'Baksheesh Thin';
    src: url('font/baksheeshthin-webfont.eot');
    src: url('font/baksheeshthin-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/baksheeshthin-webfont.woff') format('woff'),
         url('font/baksheeshthin-webfont.ttf') format('truetype'),
         url('font/baksheeshthin-webfont.svg#BaksheeshThin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Baksheesh Regular';
    src: url('font/baksheeshregular-webfont.eot');
    src: url('font/baksheeshregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/baksheeshregular-webfont.woff') format('woff'),
         url('font/baksheeshregular-webfont.ttf') format('truetype'),
         url('font/baksheeshregular-webfont.svg#BaksheeshRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Baksheesh Bold';
    src: url('font/baksheeshbold-webfont.eot');
    src: url('font/baksheeshbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/baksheeshbold-webfont.woff') format('woff'),
         url('font/baksheeshbold-webfont.ttf') format('truetype'),
         url('font/baksheeshbold-webfont.svg#BaksheeshBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family:"Bodoni Bold";
    src:url("font/0a3b2afc-1177-49fc-b852-6d36f4b37543.eot?#iefix");
    src:url("font/0a3b2afc-1177-49fc-b852-6d36f4b37543.eot?#iefix") format("eot"),url("font/ba7db06f-5b2f-4c3c-8ef8-f70e8e0c2c46.woff2") format("woff2"),url("font/0ca9a4ed-de46-457a-bc45-f0f87ffd44f2.woff") format("woff"),url("font/87bae0ea-8bc0-45e8-b82d-ccb13870d0e2.ttf") format("truetype"),url("font/46e3e54a-6865-45b5-a951-f0c86163af88.svg#46e3e54a-6865-45b5-a951-f0c86163af88") format("svg");
}
@font-face{
	font-family:'Bodoni Bold Italic';
	src:url('font/8e76616d-ce24-4651-8581-84dcc7ae3751.eot?iefix') format('eot');
}
@font-face{
	font-family:'Bodoni Bold Italic';
	src:url('font/8e76616d-ce24-4651-8581-84dcc7ae3751.eot?iefix');
	src:url('font/6f551fc0-4c6f-4ef0-b026-f1e148977a7b.woff') format('woff'),url('font/32eb1298-d5c4-4112-a2f5-ee0ac5051b72.ttf') format('truetype'),url('font/79868027-7d4d-452f-a701-80ad10720730.svg#79868027-7d4d-452f-a701-80ad10720730') format('svg');
}
@font-face{
	font-family:'Bodoni Book Italic';
	src:url('font/0a91bb9c-414c-4757-bcdb-db39e4a51688.eot?iefix') format('eot');}
@font-face{
font-family:'Bodoni Book Italic';
	src:url('font/0a91bb9c-414c-4757-bcdb-db39e4a51688.eot?iefix');
	src:url('font/e27899f4-4bb0-4e52-927a-86308f146280.woff') format('woff'),url('font/27951388-bcbb-43d5-b2b1-469b24ed2383.ttf') format('truetype'),url('font/2daa8db8-36d0-44e0-8f9f-62913fd44f5d.svg#2daa8db8-36d0-44e0-8f9f-62913fd44f5d') format('svg');
}
@font-face{
	font-family:'Bodoni Roman';
	src:url('font/d9962452-df3a-4090-ba2d-e5fdb84dc9da.eot?iefix') format('eot');
}
@font-face{
	font-family:'Bodoni Roman';
	src:url('font/d9962452-df3a-4090-ba2d-e5fdb84dc9da.eot?iefix');
	src:url('font/cd77f8b9-e937-4ea5-a635-19a0db457df1.woff') format('woff'),url('font/4c42a4ae-e7fd-4696-9365-ba1c98cffbdf.ttf') format('truetype'),url('font/bb307ba8-bca1-4840-ab5c-136397597d64.svg#bb307ba8-bca1-4840-ab5c-136397597d64') 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 { margin: 0; font-size: 13px; line-height: 1.3; }
html, button, input, select, textarea { font-family: 'Baksheesh Regular', sans-serif; color: #000; }

::-moz-selection { background: #fff265; color: #000; text-shadow: none; }
::selection { background: #fff265; color: #000; text-shadow: none; }

a { color: #000; outline:none; text-decoration:none; }
a:hover,
a:focus { text-decoration:underline; }

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
 -------------------------------------------------------------- */

#fdi-logo { position:fixed; top:0; right:0; z-index:20; }

html,
body { width:100%; height:100%; }

body {
    position: relative;
}
body:before {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    border: 20px solid #fff265;
    box-sizing: border-box;
    content: '';
    pointer-events: none;
    z-index: 30;
}


#head {
    padding: 50px 0 0 50px;
    position:fixed;
    top:0;
    left:0;
    width: 269px;
    background:#fff;
    z-index:2;

    text-align: center;
}
#site-title {
    margin: 0;
    padding-bottom: 30px;
    width: 100%;

    border-bottom: 1px solid #000;
}
#site-title img {
    height: auto;
}
#head .site-baseline {
    display: block;
    margin: 5px 0 0;

    font: 13px/1 'Bodoni Book Italic';
    letter-spacing: 0.12em;
}
#head .baseline { display:none; font-family:'Bodoni Book Italic'; font-size:16px; letter-spacing:-1px; }
#head .baseline img { position:relative; bottom:10px; width:24px; }
#head .baseline1 img { bottom:0; }

#container { position:relative; }


/* MISC: =Forms
 -------------------------------------------------------------- */

form ul,
form li { background:none; list-style:none; margin:0; padding:0; text-indent:0;  }
form li { margin:0 0 12px; position:relative; }

form label,
form .label { display:block; font-size:12px; padding:0 0 4px; text-transform:uppercase; }
form .checkbox label,
form .radio label { font-size:13px; padding:0; text-transform:none; }

form .checkbox p { margin:0; }

form .input-text,
form textarea { border:0; padding:5px 4px; width:220px;
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
	box-shadow:1px 1px 3px rgba(0,0,0,0.3);
}

form .required { color:#000; font: 14px 'Bodoni Book Italic'; }

form .submit-button { padding: 6px 15px; background: #000; border:0; color:#fff; font-size:11px; font-weight:normal; letter-spacing:0.2em; text-align: left; text-transform:uppercase; width:110px; }
.mouse form .submit-button:hover,
.mouse form .submit-button:focus { background: #fff265; color:#000; }

.wpcf7 .wpcf7-form ul {
    padding-left: 0;
}
.wpcf7-form .wpcf7-list-item { display:block; margin:0 0 3px; }

.wpcf7-form .wpcf7-not-valid-tip { background:none; border:0; color:#8c0000; display:block; font-weight:normal; padding:5px 0 0; position:relative; top:0; left:0; }
.wpcf7-form .wpcf7-response-output { border:0; clear:both; color:#000; margin:0; padding:0; }
.wpcf7-form .wpcf7-validation-errors { color:#8c0000; }
.wpcf7-form .wpcf7-mail-sent-ok { color:#000000; }


select.custom {
    background: #fff;
    @include opacity(0);
}

.select-container {
    display: inline-block;
    position: relative;
    width: 228px;
    height: 24px;
}

.select-container .select-label {
    overflow: hidden;
    padding: 5px 4px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: #fff;
    border: 0;
    z-index: 1;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.select-container .select-label:after {
    display: block;
    position: absolute;
    top: 7px;
    right: 10px;
    width: 7px;
    height: 10px;

    background-image: url('img/select.png');
    background-repeat: no-repeat;
    background-size: 7px 10px;
    content: '';
    z-index: 2;
}

.select-container select {
    position: relative;
    width: 100%;
    height: 100%;

    background: #fff;
    cursor: pointer;
    z-index: 2;
    opacity: 0;
}

.select-container option {
    padding: 5px 40px 5px 4px;

    background: #fff;
}

.select-container.is-disabled .select-label {
    z-index: 3;
}

.select-container.is-disabled .select-label:before {
    display: none;
}



/* MISC: =Text level
 -------------------------------------------------------------- */

img { max-width:100%; }

h1,
h2,
h3,
h4,
h5,
h6 { font-family:'Bodoni Roman'; font-style:normal; font-weight:normal; line-height:1; margin:0 0 13px; }

hr { background:#000; border:0; display:block; margin:30px 0; text-align:left; width:150px; height:6px; }

blockquote { font-family:'Bodoni Bold Italic'; font-size:20px; font-style:normal; font-weight:normal; line-height:1.2; text-align:center; }
blockquote p { margin:0; }
blockquote:before,
blockquote:after { content:'/'; font-family:'Bodoni Roman'; font-size:26px; }

b, strong { font-family:'Baksheesh Bold'; font-weight:normal; }

.page-id-30 blockquote { margin:13% auto 5%; }

.aligncenter { display:block; margin:0 auto; }

.rte .intro { font-family: 'Bodoni Bold Italic'; font-size: 17px; }
.rte .highlight { margin-bottom: 0.25em; font-family: 'Bodoni Bold Italic'; font-size: 19px; }
.rte .highlight-author { margin-top: 0; }
.rte .large { font-size: 16px; }

.rte h2 { margin-top: 1.5em; margin-bottom: 0.25em; font-size: 17px; }
.rte h3,
.rte h4,
.rte h5,
.rte h6 { margin-bottom: 0.25em; font-family: 'Baksheesh Bold'; font-size: 14px; }

.rte h2 + p,
.rte h3 + p,
.rte h4 + p,
.rte h5 + p,
.rte h6 + p { margin-top: 0; }

.rte .link { font-family: 'Bodoni Bold Italic'; font-size: 15px; text-decoration: underline; }
.rte .link:before { content: '› '; }
.rte .link:hover { color: #999; }

.rte ul { padding-left: 1em; }


/* MODULE: =Background
 -------------------------------------------------------------- */

#background { position:fixed; top:0; left:0; width:100%; height:100%; }
#background .wrapper { margin:0 0 0 350px; padding:0 0 0 50%; height:100%; }
#background .image { background:url('img/background/01.png') no-repeat left; display:block; width:100%; height:100%; }

#background-select { position:absolute; top:-5px; left:409px; width:46px; z-index:5; }

#background-select .button { cursor:pointer; position:absolute; top:0; left:0; width:100%; z-index:2; }

#background-select .thumbs { background:url('img/background-select-background-small.png') repeat-y; display:none; position:absolute; top:-700px; left:0; width:100%; }
#background-select .bottom { background:url('img/background-select-bottom-small.png') no-repeat; position:absolute; bottom:-24px; left:0; width:46px; height:24px; }

#background-select .thumb { cursor:pointer; margin:0 auto 10px; position:relative; width:55%; }
#background-select .first { padding-top:100%; }
#background-select .thumb img { border:1px solid #fff; display:block; }
#background-select .thumb:hover img { border-color:#ccc; }
#background-select .tooltip { background:url('img/blank_90.png'); box-shadow:1px 1px 3px rgba(0,0,0,0.2); font-family:'Baksheesh Regular'; font-size:12px; line-height:18px; overflow:hidden; position:absolute; top:25px; left:40px; text-align:center; text-transform:uppercase; width:160px; height:18px; z-index:3; }

#background-select .shuffle { margin-bottom:0; }
#background-select .shuffle img { border:0; }
#background-select .shuffle .active { display:none; position:absolute; top:0; left:0; }


/* MODULE: =Footer
 -------------------------------------------------------------- */

#foot { clear:both; position:fixed; bottom:20px; left:0; width:435px; }

#foot-illustration { margin:0 0 15% 0; padding-left: 50px; width: 269px; text-align:center; }
#foot-illustration .illustration-1 img {
    margin-bottom: 25px;
}
#foot-illustration .illustration-2 img {
    margin-bottom: -10px;
}
#foot-illustration .illustration-3 img {
    margin-bottom: 10px;
}
#foot-illustration .illustration-4 img {
    margin-bottom: 25px;
}
#foot-illustration img {
    display: block;
    margin: 0 auto;
    height: auto;
}
#foot-illustration .text {
    font: 15px 'Bodoni Bold Italic';
}
.lt-ie9 #foot-illustration { display:none; }

#foot .baseline { display:block; font-family:'Bodoni Book Italic'; font-size:17px; letter-spacing:-1px; margin:0 0 5px 32px; max-width:343px; }
#foot .baseline img { position:relative; bottom:10px; width:8.75%; }
#foot .baseline1 img { bottom:0; }

#foot .social-links {
    display: none;
}

#footer-link {
    margin:10px 0 20px 450px;
    position:relative;

    font-size:12px;
}

#footer-link .block {
    padding: 20px 50px 20px 30px;

    background: #f6ea61;
    border-bottom: 5px solid #000;

    font: 14px/1 'Bodoni Bold';
}
#footer-link .block .link {
    float: left;
    padding: 20px 60px 0 0;
    margin: 0 60px 0 0;
    height: 130px;

    border-right: 1px solid #000;
    box-sizing: border-box;
}
#footer-link .block .link:nth-child(2) {
    padding-top: 33px;
}
#footer-link .block .link.right {
    float: right;
    margin-right: 0;
    padding-right: 0;
    padding-top: 29px;

    border-right: 0;

    text-align: right
}
#footer-link .block a {
    text-decoration: none;
}
#footer-link .block img {
    max-width: 67px;
    height: auto;
}
#footer-link .block .title {
    display: block;
    margin: 10px 0 5px;

    font: 14px/1 'Bodoni Roman';
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#footer-link .bottom {
    padding-top: 10px;
    padding-bottom: 20px;


    font: 15px 'Bodoni Bold';
}
#footer-link li { float:left; width:180px; }
#footer-link .odd { clear:both; }

/* MODULE: =Footer-seo
 -------------------------------------------------------------- */

#footer-seo {
    margin: 0 0 20px 450px;
    max-width: 1160px;
    position:relative;

    background: #fff;
}

#footer-seo .footer-inner {
    padding: 20px 6% 40px;
    position: relative;

    background: #191919;
    z-index: 2;

    color: #fff;
}
#footer-seo .footer-inner a {
    color: #fff;
}
#footer-seo .footer-inner:after {
    display: block;
    margin: 0 0 0 -20px;
    position: absolute;
    top: 100%;
    left: 50%;

    border-left: 20px dashed transparent;
    border-right: 20px dashed transparent;
    border-top: 20px solid #191919;
    content: '';
}
#footer-seo .pages {
    position: relative;

    z-index: 1;
}
#footer-seo .page {
    float: left;
    margin: 2% 0 0 2%;
    position: relative;
    width: 23%;

    border-bottom: 1px solid #000;

    font: 20px 'Bodoni Bold Italic';
}
#footer-seo .page:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
}
#footer-seo .page:before {
    display: block;
    padding-top: 65%;
    content: '';
}
#footer-seo .page a {
    display: block;
    overflow: hidden;
    padding: 8% 5%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: #fff;
    z-index: 2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#footer-seo .page a:before {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;

    background: url('img/cell-small-background-yellow.png') no-repeat center;
    content: '';
    transition: top 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
#footer-seo .page a:hover {
    text-decoration: none;
}
#footer-seo .page a:hover:before {
    top: 0;
}

#footer-seo .page img {
    display: block;
    position: absolute;
    bottom: 8%;
    right: 5%;
    max-width: 25%;
    height: auto;

    z-index: 1;
}

#footer-seo .infos {
    position: relative;
    width: 100%;
    height: 100%;

    z-index: 2;

    font: 15px/1 'Bodoni Bold Italic';
}
#footer-seo .infos .readmore {
    position: absolute;
    bottom: 0;
    left: 0;

    text-decoration: underline;
    text-transform: lowercase;
}
#footer-seo .infos .readmore:before {
    content: '> ';

    text-decoration: underline;
}
#footer-seo .page a:hover .infos {
    height: 100%;
}

#footer-seo .infos .content {
    width: 60%;
}

#footer-seo .infos .content:before,
#footer-seo .infos .content:after {
    display: block;
    margin: 0 0 5px;
    width: 5px;
    height: 1px;

    background: #000;
    content: '';
}
#footer-seo .infos .content:after {
    margin: 8px 0 0;
}


/*
#footer-seo h3,
#footer-link .title { font-family:'Bodoni Roman'; font-size:15px; font-style:normal; font-weight:normal; line-height:1; margin:0; }
#footer-seo h3 { font-size:12px; }
#footer-seo p,
#footer-link p { margin:0; }

#footer-seo ul,
#footer-link ul { list-style-position:inside; margin:0 0 20px; padding:0; }

#footer-seo .column { float:left; margin:0 40px 0 0; width:40%; max-width:280px; }
#footer-seo .block { border-bottom:6px solid #000; margin:0 0 20px; }
*/


/* MODULE: =Nav-main
 -------------------------------------------------------------- */

.nav-container .nav-toggle {
    display: none;
}

/* #nav-main { float:left; } */
#nav-main {
    text-align: left;
}
#nav-main .nav-close {
    display: none;
}
#nav-main li { padding:0 0 8px; }
#nav-main a { border-bottom:1px solid #fff; font-family:'Bodoni Roman'; font-size:16px; font-weight:normal; line-height:1; letter-spacing: 0.05em; position:relative; text-decoration:none; text-transform:uppercase; }
#nav-main a:hover,
#nav-main a:focus,
#nav-main .current { border-color:#000; }
#nav-main li a img { vertical-align:baseline; }
#nav-main .separator {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #000;
}

#nav-main .primary { no-repeat left top; padding:50px 0 20px 0; }

#nav-main .secondary { background:url('img/cut-line-tl.png') no-repeat right bottom; padding:0 0 32px 32px; }
#nav-main .secondary li { display:inline; }
#nav-main .secondary .last { display:block; }
#nav-main .secondary a { font-family:'Bodoni Bold Italic'; font-size:15px; font-style:normal; font-weight:normal; text-transform:none; }
#nav-main .secondary .first:after { content:' / '; }

#nav-main .contact {
    padding-bottom: 12px;

    border-bottom: 2px solid #000;
}
#nav-main .contact a {
    font-family: 'Bodoni Bold';
}

#nav-main .submenu {
    display: none;
    padding-top: 5px;
    padding-bottom: 5px;
}
#nav-main .submenu.is-opened {
    display: block;
}
#nav-main .submenu.inline li {
    display: inline;
}
#nav-main .submenu.inline li + li:before {
    content: ' / ';
}
#nav-main .submenu a {
    color: #000;
    font: 14px 'Bodoni Bold Italic';
    letter-spacing: 0;
    text-transform: none;
}

#nav-main .social-links {
    padding: 0 0 0 0;
}
#nav-main .social-links .title {
    margin: 0 0 5px;

    font: 16px 'Bodoni Bold Italic';
}
#nav-main .social-links a {
    float:left;
    margin: 0 5px 0 0;
    position:relative;
    width: 25px;
    height: 29px;

    border-bottom: 0;
}

#nav-main .social-links img {
    display:block;
}
#nav-main .social-links .active {
    display:none;
    position:absolute;
    bottom:0;
    left:0;
}


/* MODULE: =Works-grid
 -------------------------------------------------------------- */

#works-grid {  margin:40px 0 0 450px; overflow:auto; max-width:1160px; }

#works-grid-title { position:absolute; left:-999em; }

#works-grid .column { float:left; width:49.13%; max-width:570px; }
#works-grid .column-1 { margin:0 1.72% 0 0; }

#works-grid .group { margin:0 0 3.51%; }

#works-grid .cell { overflow:hidden; position:relative; }

#works-grid .cell-blank,
#works-grid .cell-small { width:48.25%; } /* width:275px; height:180px; */
#works-grid .cell-vertical { width:48.25%; } /* width:275px; height:380px; */
#works-grid .cell-large { width:100%; } /* width:570px; height:380px; */

#works-grid .cell-blank { background:#000; }

#works-grid .cell-1,
#works-grid .cell-3 { float:left; }
#works-grid .cell-2,
#works-grid .cell-4 { float:right; }

#works-grid .cell-small.cell-1,
#works-grid .cell-small.cell-2,
#works-grid .cell-blank.cell-1,
#works-grid .cell-blank.cell-2 { margin:0 0 3.51%; }

#works-grid .image { display:block; }

#works-grid .infos { background:#fff; font-family:'Bodoni Bold Italic'; font-size:15px; font-style:normal; font-weight:normal; line-height:1; overflow:hidden; position:absolute; bottom:0; left:0; width:100%; height:0; }
#works-grid .infos .outer { display:table; width:100%; height:100%; }
#works-grid .infos .inner { display:table-cell; padding-left:30px; width:100%; vertical-align:middle; }
#works-grid .infos .content { padding:15px 0 20px; position:relative; }
#works-grid .infos .content:before,
#works-grid .infos .content:after { display:block; position:absolute; top:0; left:0; width:5px; height:1px; background:#000; content:''; }
#works-grid .infos .content:after { top:auto; bottom:0; }
#works-grid .infos .title { font-family:'Bodoni Bold Italic'; font-size:inherit; font-style:normal; font-weight:normal; margin:0; }
#works-grid .infos .sector { color:#000; }
#works-grid .infos .city { margin-top:10px; }

#works-grid a:hover { text-decoration:none; }

.no-js #works-grid a:hover .infos,
.no-js #works-grid a:focus .infos { height:100%; }

#works-grid .cell-small .infos { background:url('img/cell-small-background.png?v=2') no-repeat center; }
#works-grid .cell-vertical .infos { background:url('img/cell-vertical-background.png?v=2') no-repeat center; }
#works-grid .cell-large .infos { background:url('img/cell-large-background.png?v=2') no-repeat center; }


/* MODULE: =Page image
 -------------------------------------------------------------- */
#page-image { position: absolute; top: 0; left: 420px; height: 100%; overflow:hidden; }
#page-image .image-container { position: absolute; top: 0; left: 0; width: 100%; max-width: 1160px; height:100%; background-size: contain; background-position: top left; background-repeat: no-repeat; }


/* PAGE
 -------------------------------------------------------------- */

#page-columns { margin:0 0 20px 450px; position:relative; max-width:1160px; min-height:100%; }

#page-columns .column-background { background:#f4f0ee; position:absolute; bottom:0; left:0; width:49.13%; height:100%; }

#page-column { float:left; position:relative; width:49.13%; max-width:570px; }
#page-content { padding:96px 8% 7px; }

#page-select { display:none; }
#page-select label { position:absolute; left:-999em; }
#page-select { background:#fff; }
#page-select select { width:150px; }
#page-select .visited { text-decoration:line-through; }

#page-title { font-size: 25px; }
.error404 #page-title { position:relative; left:0; }

#page-columns #works-grid { float:left; margin:0; padding:0 0 0 1.73%; width:49.13%; }
#page-columns #works-grid .column-1,
#page-columns #works-grid .column-2 { width:100%; }
#page-columns #works-grid .group-3 { margin:0; }

#page-illustration { display:none; }

#content { background:#fff; margin:0 0 20px 450px; padding:100px 0; position:relative; max-width:1160px; min-height:100%; }

#breadcrumb {
    position: absolute;
    top: 56px;
    left: 8%;

    border-bottom: 1px solid #000;

    font: 12px 'Bodoni Bold Italic';
}

#breadcrumb ul,
#breadcrumb li {
    margin:0;
    padding:0;

    list-style:none;
}
#breadcrumb li {
    display: inline;
}
#breadcrumb li + li:before {
    content: ' > ';
}
#breadcrumb a:hover {
    color: #999;
    text-decoration: none;
}


/* PAGE: =Contact
 -------------------------------------------------------------- */

/*.page-template-tpl-contact #page-columns .column-background,
.page-id-247 #page-columns .column-background { background:url('img/dashed-background.png'); }*/

.page-template-tpl-contact #page-content .wpcf7 { margin-top:40px; }

.newsletter-archive h3 { font-family:'Baksheesh Regular'; font-size:13px; margin:0 0 2px; }
.newsletter-archive h3:before { content:'> '; }
.newsletter-archive ul,
.newsletter-archive li { list-style:none; margin:0; padding:0; }
.newsletter-archive ul { margin:0 0 25px; }
.newsletter-archive li { margin:0 0 5px; }
.page-template-tpl-contact #page-content .newsletter-archive a { color:#000; text-decoration:underline; }
.page-template-tpl-contact #page-content .newsletter-archive a:hover,
.page-template-tpl-contact #page-content .newsletter-archive a:focus { color:#999; }

#contact-map { position: absolute; top: 0; left: 590px; width: 100%; height: 100%; }
#contact-map img { max-width:none; }
#contact-map .marker-label { display: inline-block; padding: 3px 0; width: 70px; background: #fff265; color: #000; font: 12px 'Baksheesh Regular'; letter-spacing: 1px; line-height: 1; text-transform: uppercase; text-align: center; }

#wpcf7-f241-p235-o2 .input-text { width:170px; }


/* PAGE: =Devis
 -------------------------------------------------------------- */

#wpcf7-f249-p247-o1 { margin:30px 0 0; }


/* PAGE: =Goodies
 -------------------------------------------------------------- */

#goodies-backgrounds img { border:1px solid #ccc; display:block; }

/* PAGE: =SEO
 -------------------------------------------------------------- */

.page-seo #page-title { position:relative; left:0; }

#page-content .recommendation {
    margin: 40px 0 50px;

}
#page-content .recommendation .outer {
    position: relative;
}
#page-content .recommendation .outer:before {
    display: block;
    position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;

    border: 3px solid #000;
    z-index: 1;
    content: '';
}

#page-content .recommendation .inner {
    padding: 0 0 10px;
    position: relative;
    z-index: 2;
}
#page-content .recommendation .inner > :first-child {
    margin-top: 0;
}
#page-content .recommendation .inner > :last-child {
    margin-bottom: 0;
}

/* PAGE: =Team
 -------------------------------------------------------------- */

#page-content.page-team { padding-bottom:10%; }

.page-team #page-title { font-family:'Bodoni Bold'; font-size:25px; font-weight:normal; margin:0; position:relative; left:0; }

.page-team h2 { font-size:20px; margin:14px 0; white-space:pre; }
.page-team .column { float:left; width:50%; }
.page-team > ul,
.page-team > ul li { list-style:none; margin:0; padding:0; }
.page-team > ul  { padding: 10px 0 12px; margin-top: 14px; border-top: 1px solid #000; border-bottom: 2px solid #000; }
.page-team > ul li { font-family:'Bodoni Bold'; font-size: 14px; font-weight:normal; position:relative; }
.mouse .page-team > ul li a:hover,
.mouse .page-team > ul li a:focus,
.page-team > ul li .current { background: #fff265; }
.page-team > ul li a:hover,
.page-team > ul li a:focus { text-decoration:none; }

#member { padding:0 8% 8%; }
#member .content {
    min-height: 800px;
}
#member .image { margin:0 0 16%; text-align:center; }
#member strong { font-family:'Bodoni Roman'; font-size:20px; font-weight:normal; }


/* PAGE: =Work
 -------------------------------------------------------------- */

.layout-works #page-column { width:235px; }
.layout-works #page-columns .column-background { width:235px; }

.layout-works #page-content {
    overflow:hidden;
    padding:0 0 0 1.72%;
    position:relative;

}
.layout-works #page-content .inner {
    padding: 40px 5% 7px;

    background:#f4f0ee;
    border-top:6px solid #000;
}

#work-title { font-size:25px; }
.layout-works #page-content .copyright { font-size:11px; }
.layout-works #page-content .copyright img { display:block; margin:4px 0; }

.layout-works #page-content .social-links { margin:15px 0; }
.layout-works #page-content .social-links a { float:left; margin:0 10px 0 0; position:relative; width:20px; }
.layout-works #page-content .social-links img { display:block; width:20px; height:22px;  }
.layout-works #page-content .social-links .active { display:none; position:absolute; bottom:0; left:0; }

#form-works {
    overflow: hidden;
    padding: 95px 8.5% 8.5%;
    position: relative;
}
#form-works a {
    display: block;
    margin: 0 -10px;
    padding: 0 10px 0 20px;
    position: relative;

    border: 1px solid #000;
    vertical-align: middle;

    font: 15px/34px 'Bodoni Bold';
}
#form-works a:before {
    display: block;
    position: absolute;
    top: 2px;
    left: 10px;

    content: '›';
    font-size: 24px;
    line-height: 1;
}
#form-works a:hover {
    background: #000;

    color: #fff;
    text-decoration: none;
}
#form-works .title {
    padding: 10px 0;

    font: 17px 'Bodoni Bold';
}
#form-works .form-row,
#page-select .form-row {
    margin: 0 -10.5%;
    position: relative;
}
#form-works .form-row:before,
#page-select .form-row:before {
    display: block;
    position: absolute;
    top: 0;
    right: -50px;
    left: -50px;
    height: 1px;

    background: #000;
    content: '';
}
#form-works .select label,
#page-select .select label {
    display: none;
}
#form-works .select-container,
#page-select .select-container {
    width: 100%;
    height: 35px;
}

#form-works .select-container .select-label,
#page-select .select-container .select-label {
    padding: 10px 8.5%;

    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    font: 15px/1 'Bodoni Bold';
}
#form-works .select-container .select-label:after,
#page-select .select-container .select-label:after {
    display: inline-block;
    margin: 0 0 0 6px;
    position: relative;
    top: auto;
    right: auto;
    width: 7px;
    height: 5px;

    background-image: url('img/select-2.png');
    background-size: 7px 5px;
    vertical-align: middle;
}
#form-works .select-container select,
#page-select .select-container select {
    width: 100%;

    background: #000;
    border: 0;

    color: #fff;
}
#form-works .select-container option,
#page-select .select-container option {
    padding: 5px 10px;

    background: #000;

    color: #fff;
    font: 14px 'Bodoni Bold Italic';
}
#page-select .select-container select,
#page-select .select-container option {
    background: #fff;

    color: #000;
}

#form-works .submit button {
    display: block;
    padding: 10px 8.5%;
    width: 100%;

    background: #000;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    transition: opacity 0.2s ease;

    color: #fff;
    font: 17px 'Bodoni Bold';
    text-align: left;
}
#form-works .submit button:hover {
    opacity: 0.75;
}
/*




.

.select-container.is-disabled .select-label {
    z-index: 3;
}

.select-container.is-disabled .select-label:before {
    display: none;
}

 */

#other-works { padding:0 8.5% 8.5%; position:relative; }
#other-works .title { font-family:'Bodoni Roman'; font-size:20px; font-weight:normal; margin:8.5% 0 13px; }
#other-works ul,
#other-works li { list-style:none; margin:0; padding:0; }
#other-works .visited { text-decoration:line-through; }
.mouse #other-works a:hover,
.mouse #other-works a:focus,
#other-works .current { font-family:'Baksheesh Bold'; font-weight:normal; }
#other-works .current { text-decoration:none; }

#work-gallery { overflow:hidden; padding:0 0 0 1.72%; position:relative; }
#work-gallery img { display:block; }

#scroll-buttons { cursor:pointer; display:block; margin:0 0 0 -35px; position:absolute; top:0; left:50%; width:70px; height:100%; }
#scroll-buttons div { display:block; position:absolute; left:0; }
#scroll-buttons .scroll-up { top:10px; }
#scroll-buttons .scroll-down { bottom:10px; }
#scroll-buttons img { display:block; position:relative; }


/* BLOG
 -------------------------------------------------------------- */

#blog { background:url('img/background/blog.png') no-repeat top; }
#blog:before {
    border-color: #000;
}

#blog #head { margin-right: 1%; padding:50px 0 0; position:relative; width: auto; height:70px; border-bottom: 3px solid #000; text-align: left; }


#blog-title {
    margin: 0;
    padding-bottom: 20px;
    width: 100%;
}
#blog-title img {
    height: auto;
}
#blog .site-baseline {
    display: block;
    margin: 5px 0 0;

    font: 13px/1 'Bodoni Book Italic';
    letter-spacing: 0.12em;
}


/* #blog-title { margin:0; }
#blog-title .logo { max-width:170px; }
#blog #blog-title .baseline { display:block; position:relative; bottom:6px; left:0; }
#blog #blog-title .baseline img { bottom:10px; width:auto; }
#blog #blog-title .baseline1 img { bottom:0; } */

#blog #nav-top { background: #000; text-align:right; padding: 0 10px;position:absolute; bottom: 0; right:0; width:176px; height:20px; }
#blog #nav-top a { color: #fff; font:14px/20px 'Bodoni Roman'; text-transform: uppercase; letter-spacing: 0.05em;  }

#blog #container { background:transparent; border-color:#000; border-style:solid; border-width: 0 0 6px; margin:0 auto; width:95%; max-width:900px; }
#blog #footer-link { margin:10px auto; width:95%; max-width:900px; }

#blog #sidebar { float:right; margin:0 1% 0 0; padding:45px 0 0; }

#blog .widget-container { background:#fff; border:1px solid #ccc; float:left; margin:0 0 0 5px; padding:5px 15px; position:relative; height:30px; }
#blog #sidebar .widgettitle { font-size:15px; margin:0; }

#blog #sidebar .widget_archive { padding-top:12px; width:131px; height:23px; }
#blog #sidebar .widget_archive .widgettitle { cursor:pointer; }
#blog #sidebar .widget_archive .widgettitle:after { content:'˅'; font-size:12px; font-weight:bold; padding:0 0 0 5px; }
#blog #sidebar .widget_archive ul,
#blog #sidebar .widget_archive li { list-style:none; margin:0; padding:0; }
#blog #sidebar .widget_archive li { font-size:12px; padding:0 0 3px; text-transform:uppercase; }
#blog #sidebar .widget_archive ul { background:#fff; border:1px solid #ccc; border-top:0; padding:15px; position:absolute; top:30px; left:-999em; width:131px; z-index:2; }
#blog #sidebar .widget_archive:hover ul { left:-1px; }

#blog .social-links a { float:left; position:relative; width:20px; }
#blog .social-links img { display:block; }
#blog .social-links .active { display:none; position:absolute; bottom:0; left:0; }
#blog #sidebar .social-links a + a { margin-left: 5px; }

#blog #sidebar #text-2 { padding:6px 8px 5px; width:54px; height:29px; }
#blog #sidebar #text-2 a { width: 25px; }
#blog #sidebar #text-2 a + a {  margin-left: 4px; }
#blog #sidebar #text-2 img { width: 25px; }

#blog #sidebar .widget_search  { padding:5px; }
#blog #sidebar .widget_search label { position:absolute; left:-999em; }
#blog #sidebar .widget_search #s { background:none; border:0; box-shadow:0; font-family:'Bodoni Roman'; font-size:15px; font-weight:normal; line-height:30px; padding:0; width:165px; height:30px }
#blog #sidebar .widget_search #s.filled { font-family:'Baksheesh Regular'; }
#blog #sidebar .widget_search #searchsubmit { border-radius:0; background:url('img/icon-search.png') no-repeat; border:0; overflow:hidden; padding:0; text-indent:-999em; width:15px; height:13px; }
#blog #sidebar .widget_search #searchsubmit:hover,
#blog #sidebar .widget_search #searchsubmit:focus { background-image:url('img/icon-search_active.png'); }

@media 	only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (-moz-min-device-pixel-ratio: 1.5),
		only screen and (-o-device-pixel-ratio: 3/2),
		only screen and (min-device-pixel-ratio: 1.5) {
	#blog #sidebar .widget_search #searchsubmit { background-image:url('img/icon-search-2x.png'); background-size:100%; }
	#blog #sidebar .widget_search #searchsubmit:hover,
	#blog #sidebar .widget_search #searchsubmit:focus { background-image:url('img/icon-search_active-2x.png'); background-size:100%; }
}

#blog-content { margin:0 0 20px; position:relative; }

#blog-content .pagination { font-family:'Bodoni Roman'; font-size: 14px; font-weight:normal; }
#blog-content .pagination .current { text-decoration: underline; font-family: 'Bodoni Bold'; }
#blog-content .pagination .next a { margin-right: 10px;  }
#blog-content .pagination .prev a { margin-left: 10px;  }

#blog #toolbar { margin:0 0 10px; }
#blog #toolbar .left { float:left; }
#blog #toolbar .left img { max-width:96px; }
#blog #toolbar .title {
    display: block;
    margin-bottom: -10px;
    color: #000;
    font: 80px/1 'Bodoni Roman';
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#blog #toolbar .pagination { position:relative; top:5px; }

#blog-entries { clear:both; width:100%; }

#blog-content .hentry { float:left; padding:0 0 10px; width:49%; }

.single-post #blog-content .hentry { float:none; width:99%; }

#blog-content .outside-border { background:#fff; border:4px solid #000; padding:2px; }
#blog-content .content { border:1px solid #666; padding:20px; position:relative; }

.single-post #blog-content .outside-border,
#blog-content .second .outside-border,
#blog-content .third .outside-border { border:1px solid #666; }
.single-post #blog-content .content,
#blog-content .second .content,
#blog-content .third .content { border:0; }
.single-post #blog-content .content { padding-right:10%; }

#blog-content .published { border:0; font-family:'Bodoni Roman'; font-size:19px; font-weight:normal; margin:0; text-transform: capitalize; }
#blog-content .entry-title { border:0; font-family:'Bodoni Roman'; font-size:19px; font-weight:normal; margin:0 0 5px; }
#blog-content .tags,
#blog-content .tags a { color:#000; font-family:'Bodoni Roman'; font-size:13px; font-weight:normal; }
#blog-content .entry-content { line-height:1.4; }
#blog-content .entry-content iframe { width:100% !important; min-height:200px !important; }
#blog-content .entry-content img { width:auto !important; height:auto !important; }

#blog-content .more-link { color:#000; font-family:'Bodoni Bold Italic'; font-style:normal; font-weight:normal; text-transform:lowercase; }
#blog-content .more-link:before { content:'••• '; }

#blog .hentry .social-links { width:120px; }
#blog .hentry .social-links a { width: 30px; }
#blog .hentry .social-links img { width:25px; }

#blog-content .message { padding:50px 0; }

#blog .aligncenter { display:block; margin:0 auto; }

#related-articles {
    padding: 20px;
}

#related-articles .title {
    font: 17px 'Bodoni Bold';
}
#related-articles .article {
    padding: 20px 0;
}
#related-articles .thumbnail {
    float: left;
    margin: 0 15px 0 0;
    width: 125px;
}
#related-articles .thumbnail img {
    width: 100%;
    height: auto;
}
#related-articles .article + .article {
    border-top: 1px solid #000;
}
#related-articles .article-title {
    margin-bottom: 5px;

    font: 15px 'Bodoni Bold Italic';
}
#related-articles .readmore {
    display: block;
    margin-top: 5px;

    font: 15px 'Bodoni Bold Italic';

    text-decoration: underline;
    text-transform: lowercase;
}
#related-articles .readmore:before {
    content: '› ';
}
#related-articles .readmore:hover {
    color: #999;
}

#blog .yarpp-related {
    margin-top: -10px;
}


/* =HELPERS
 -------------------------------------------------------------- */

.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; }

.horizontal-wrapper { margin:0 auto; position:relative; width:980px; }


/* =MEDIA QUERIES
 -------------------------------------------------------------- */


@media only screen and (max-height: 780px) {
	#foot-illustration { margin-bottom:5%; }
}

@media only screen and (max-height: 750px) {
    #nav-main .social-links .title {
        display: none;
    }
    #nav-main .separator {
        margin-bottom: 15px;
    }
    #nav-main .primary {
        padding-bottom: 15px;
    }

	#foot-illustration { display:none; }
}

@media only screen and (max-width: 1280px) {
	#fdi-logo { width:100px; }

    #head {
        width: 230px;
    }
    #head .site-baseline {
        letter-spacing: 0.03em;
    }
    #nav-main .primary {
        padding-top: 35px;
    }
    #nav-main .submenu li {
        padding: 4px 0;
    }
	#background-select { left:309px; }

	#background .wrapper { padding-left:30%; margin-left:350px; }

	#works-grid,
	#page-columns,
	#footer-seo,
	#footer-link,
	#content { margin-left:350px; }

	#page-content { padding:96px 8% 7px; }

	#foot { width:340px; }
	#foot .baseline { font-size:15px; margin-bottom:10px; }
	#foot .baseline img { bottom:9px; }
	#foot .baseline1 img { bottom:0; }

	#foot .social-links { bottom:-11px; }

    #footer-link .block {
        padding: 20px 40px 20px 20px;
    }
    #footer-link .block .link {
        padding-right: 30px;
        margin-right: 30px;
    }
    #footer-link .block .link.right {
        clear: both;
        float: left;
        margin-top: 40px;
        padding-top: 0;
        height: auto;

        text-align: left;
    }

    #footer-seo .footer-inner {
        padding: 20px;
    }

    #footer-seo .infos .content {
        width: auto;
    }
    #footer-seo .readmore {
        display: none;
    }

    #foot-illustration {
        width: 230px;
    }
}

@media only screen and (max-width: 1000px) {
	#works-grid .infos { font-size:13px; }
}

@media only screen and (max-width: 900px) {
    body:before {
        border-width: 15px;
    }

    #head {
        padding: 40px 0 0 40px;
    }
    #site-title {
        padding-bottom: 25px;
    }

	#background,
	#background-select,
	#footer-seo { display:none; }

	#works-grid .column { clear:both; width:100%; }
	#works-grid .infos { font-size:15px; }

	#container { min-height:100%; }

	#page-columns { margin-right:15px; }
	#page-columns #works-grid { display:none; }
	#page-columns .column-background { width:100%; }

	#page-column { width:100%; }
	#page-content { padding-top:95px; padding-bottom:40px; }

    #breadcrumb {
        top: 41px;
    }

    #page-image { clear: both; position: relative; left: 0; height: auto; }
    #page-image .image-container { position: relative; height: auto; }
    #page-image .image-container:before { display: block; padding-top: 150%; content: ''; }

    #contact-map { display: none; }

	#page-select { display:block; position: relative; }
	#page-select.page-select-team { display:none; }

    #member {
        padding-top: 20px;
    }
	#other-works,
	.layout-works #page-columns .column-background { display:none; }
    .layout-works #page-content {
        padding-left: 0;
    }
    .layout-works #page-content .inner {
        padding: 40px 8.5% 15px;
        border-top: 0;
    }
    .layout-works #page-column {
        float:none;
        width:100%;

        background: #f4f0ee;
    }
    .layout-works #page-content .social-links {
        margin-bottom: 0;
    }
    #form-works {
        padding: 95px 8.5% 0;
    }

    #page-select.works-select {
        position: relative;
        top: 0;
        left: 0;
    }

	#work-gallery { border-bottom:6px solid #000; padding:0; }

	#foot { bottom:20px; }

    #foot-illustration {
        padding-left: 40px;
    }

    #footer-link .block {
        padding: 20px 40px 20px 20px;
    }
    #footer-link .block .link {
        float: none;
        padding-top: 0;
        padding-right: 0;
        margin-right: 0;
        height: auto;

        border-right: 0;
    }
    #footer-link .block .link:nth-child(2) {
        padding-top: 0;
        height: auto;
    }
    #footer-link .block .link + .link {
        margin-top: 30px;
    }

    #blog #nav-top {
        width: 136px;
    }
    #blog #container {
        margin: 0 30px;
        width: auto;
    }
    #blog #toolbar .title {
        margin-bottom: 0;
        font-size: 58px;
    }
    #blog #sidebar {
        /* margin-bottom: 34px; */
    }

    #blog #sidebar .widget_search #s {
        width: 125px;
    }
    #blog #footer-link {
        margin: 10px 30px;
        width: auto;
    }
    #blog .pagination .page-numbers + .page-numbers {
        margin-left: 5px;

    }
}

@media only screen and (max-width: 720px) {
    #head {
        width: 200px;
    }

    #head .site-baseline {
        font-size: 12px;
        letter-spacing: 0.01em;
    }


	#works-grid,
	#page-columns,
	#footer-link,
	#content { margin-left:300px; }

	#works-grid .infos { font-size:12px; }

	#foot { width:290px; }
	#foot .baseline { font-size:13px; }

    #foot-illustration { display:none; }

	#blog #sidebar { margin:0; padding:0; }
	#blog #sidebar,
	#blog #toolbar .left { float:none; }
	#blog #toolbar .left { margin:0 0 15px; }
	#blog .widget-container { margin:0 5px 0 0; }
	#blog-entries { overflow:auto !important; height:auto !important; }
	#blog-content .hentry { position:relative !important; top:0 !important; left:0 !important; width:100% !important; }
}

@media only screen and (max-width: 599px) {
    body:before {
        border-width: 5px;
    }

	#fdi-logo { display:none; }

	#head {
        margin: 0 0 20px;
        position: relative;
        padding: 20px 20px 0;
        width: auto;
        height: 80px;

        z-index: 20;

        text-align: right;
    }
	#head .baseline {
        display: block;
        position: absolute;
        right: 25px;
        bottom: 0;
        left: auto;

        font-family: 'Bodoni Bold Italic';
        font-size: 12px;
        letter-spacing: -0.006em;
    }
    #head .baseline img {
        display: none;
    }

    #site-title {
        padding-bottom: 20px;
    }
    #site-title img {
        width: 200px;
    }
    .nav-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;

        z-index: 999;
    }
    .nav-container .nav-toggle {
        display: block;
        position: absolute;
        left: 25px;
        top: 28px;

        cursor: pointer;
    }

    #nav-main {
        position: absolute;
        top: -999em;
        left: -999em;
        width: 100%;
        min-height: 100vh;

        background: #000;

        text-align: left
    }
    #nav-main.is-opened {
        top: 0;
        left: 0;

        z-index: 999;
    }

    #nav-main .nav-close {
        display: block;
        position: absolute;
        top: 35px;
        left: 22px;

        cursor: pointer;
    }
    #nav-main .primary {
        padding: 80px 0 15px 20px;
    }

    #nav-main li {
        padding: 0 0 15px;
    }

    #nav-main a {
        color: #fff;

        border-bottom-color: #000;
    }
    #nav-main a:hover,
    #nav-main a:focus,
    #nav-main .current {
        border-bottom-color: #fff;
    }

    #nav-main .submenu a {
        color: #fff;
    }

    #nav-main .submenu li {
        padding: 6px 0;
    }

    #nav-main .social-links {
        display: none;
    }

/*
	#nav-main { float:none; }

	#nav-main .primary { background-image:url('img/cut-line-br-small.png'); padding:25px 0 2px 25px; }

	#nav-main li { float:left; padding:0; }
	#nav-main li:after { content:'-'; margin:0 7px; position:relative; bottom:3px; }
	#nav-main .endline:after { content:''; }
	#nav-main .newline { clear:both; }
	#nav-main .separator { margin:0; }

	#nav-main .secondary { background-image:url('img/cut-line-tl-small.png'); clear:both; padding:0 0 25px 25px; }
	#nav-main .secondary li:after { content:'/'; bottom:0; }
	#nav-main .secondary .last:after { content:''; }

	#nav-main a { font-size:20px; line-height:1.4; }
	#nav-main .secondary a { font-size:16px; }

	#nav-main li a img { height:20px; }

    #nav-main li.last:after {
        display: none;
    }
    #nav-main li.last a {
        display: inline-block;

        vertical-align: middle;
    }
    #nav-main .submenu.is-opened {
        display: none;
    }
    #nav-main .submenu.inline.is-opened {
        display: inline-block;
        margin-left: 8px;

        vertical-align: middle;
    }
    #nav-main .submenu li {
        display: inline-block;
        float: none;
    }
    #nav-main .submenu li:after {
        display: none;
    }
    #nav-main .submenu a {
        font-size: 13px;
    }

    #nav-main .social-links {
        padding-left: 25px;
    }
    #nav-main .social-links .title {
        display: none;
    }
    #nav-main .social-links a {
        width: 18px;
        height: 21px;
    }
*/

	#page-columns,
	#works-grid,
	#footer-link,
	#content { float:none; margin:20px 20px 0; width:auto; }
	#content { padding:30px 0; }
	#works-grid .infos { font-size:15px; }

	#page-columns .column-background { display:none; }

	#page-columns { min-height:0; }
	#page-column { background:#f4f0ee; border-bottom:6px solid #000; padding-bottom:0; }

	.layout-works #page-content { border-bottom:0; }
	/*.page-template-tpl-contact #page-column,
	.page-id-247 #page-column { background:url('img/dashed-background.png'); } */

	#page-content { padding-top:50px; padding-bottom:20px; }

    #breadcrumb {
        top: 1px;
        left: 10px;
    }

    .layout-works #page-column {
        border-bottom: 0;
    }
    .layout-works #page-content .inner {
        padding-top: 30px;
    }

    #form-works {
        position: absolute;
        top: -999em;
        left: -999em;
    }

	#page-select.page-select-team { display:block; }
	.page-team { display:none; }

	#foot {
        margin:10px 0 0;
        position:relative;
        bottom:auto;
        width:100%;

        border-bottom: 0;
    }
	#foot .baseline { display:none; }

    #foot .social-links {
        display: block;
        padding: 0 10px 10px;

        text-align: right;
    }
    #foot .social-links a {
        display: inline-block;
        margin: 0 0 0 5px;

        position:relative;
        width: 25px;
        height: 29px;

        border-bottom: 0;
    }

    #foot .social-links img {
        display:block;
    }
    #foot .social-links .active {
        display:none;
        position:absolute;
        bottom:0;
        left:0;
    }

	#page-illustration {  margin:20% 0; }
	#foot-illustration {  margin:10% 0; }

	#page-illustration,
	.home #foot-illustration { display:block; }
	#foot-illustration,
	.home #page-illustration { display:none; }

    #page-illustration { text-align:center; }
    #page-illustration .illustration-1 img {
        margin-bottom: 25px;
    }
    #page-illustration .illustration-2 img {
        margin-bottom: -10px;
    }
    #page-illustration .illustration-3 img {
        margin-bottom: 10px;
    }
    #page-illustration .illustration-4 img {
        margin-bottom: 25px;
    }
    #page-illustration img {
        display: block;
        margin: 0 auto;
        height: auto;
    }
    #page-illustration .text {
        font: 15px 'Bodoni Bold Italic';
    }

    #blog-title {
        margin-bottom: 0;
    }

	#blog #head { padding-top: 40px; margin-bottom: 0; }
    #blog #toolbar .title {
        font-size: 50px;
    }
	#blog #sidebar .widget_archive { display:none; }

	#blog #nav-top { bottom: auto; top: 0; width: auto;}

    #blog #blog-title .baseline {
        margin: 6px 0 0;
        bottom: 0;

        font-family: 'Bodoni Book Italic';
    }

    #related-articles .thumbnail {
        display: none;
    }
}

@media only screen and (max-width: 400px) {

	#blog #blog-title .baseline { font-size:13px; }
	#blog #blog-title .baseline { bottom:3px; }
	#head .baseline img,
	#blog #blog-title .baseline img { bottom:6px; width:20px; }
	#head .baseline1 img,
	#blog #blog-title .baseline1 img { bottom:0; }
/*
	#nav-main a { font-size:15px; }
	#nav-main li:after { margin:0 5px; bottom:1px; }
	#nav-main .secondary a { font-size:13px; }
	#nav-main a img { height:16px; }
*/
	#works-grid .infos { font-size:13px; }

	#page-illustration { margin:20% 10%; }
}