/* Fonts */

@font-face {
font-family: 'DIN Pro Black';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Condensed Regular';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Regular'), url('DINPro-Cond.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Condensed Black';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Black'), url('DINPro-CondBlack.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Condensed Light';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Light'), url('DINPro-CondLight.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Condensed Medium';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Medium'), url('DINPro-CondMedium.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Light';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Light'), url('DINPro-Light.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Medium';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Medium'), url('DINPro-Medium.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro';
font-style: normal;
font-weight: normal;
src: local('DIN Pro'), url('DINPro.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Black Italic';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Black Italic'), url('DINPro-BlackItalic.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Bold Italic';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold Italic'), url('DINPro-BoldItalic.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Condensed Black Italic';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Black Italic'), url('DINPro-CondBlackIta.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Condensed Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Bold'), url('DINPro-CondBold.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Condensed Bold Italic';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Bold Italic'), url('DINPro-CondBoldIta.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Italic'), url('DINPro-CondIta.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Condensed Light Italic';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Light Italic'), url('DINPro-CondLightIta.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Condensed Medium Italic';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Medium Italic'), url('DINPro-CondMediIta.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Italic';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Italic'), url('DINPro-Italic.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Light Italic';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Light Italic'), url('DINPro-LightItalic.woff') format('woff');
}


@font-face {
font-family: 'DIN Pro Medium Italic';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Medium Italic'), url('DINPro-MediumItalic.woff') format('woff');
}

@font-face {
font-family: 'IcoMoon-Free';
font-style: normal;
font-weight: normal;
src: local('IcoMoon-Free'), url('IcoMoon-Free.woff') format('woff');
}
    }

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

.clearfix:before,.clearfix:after {
content:" ";
display:table
}

.clearfix:after {
clear:both
}

.slider {
background-color:#FF6600;
background-image:url(images/edouard_valdman_publication_accueil.jpg);
background-repeat:no-repeat;
background-position:100% 0%;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}

body {
line-height:1
}

ol,ul {
list-style:none
}

blockquote,q {
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none
}

table {
border-collapse:collapse;
border-spacing:0
}

*,*:before,*:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
} 

*:focus {
outline:none
}

html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
color:#ffffff;
min-width:330px;
font-size:14px;
height:100%
}

@media (min-width: 700px) {
html {
font-size:16px
}
}

@media (min-width: 1200px) {
html {
font-size:18px
}
}

body {
line-height:1.2;
height:100%
}

ul {
list-style:none;
padding-left:0;
margin:0;
display:block
}

a {
color:inherit;
text-decoration:none;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}

input {
background:none;
border:none;
padding:0;
margin:0;
font-family:inherit
}

input::-ms-clear {
display:none
}

button {
margin:0;
padding:0;
border:none;
color:inherit;
background:transparent;
font-family:inherit;
cursor:pointer;
-webkit-tap-highlight-color:rgba(0,0,0,0);
font-size:inherit;
font-weight:inherit;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}

img {
display:block;
max-width:100%;
height:auto
}

p {
margin:0
}

h1,h2,h3,h4,h5,h6,strong,cite {
font-style:normal;
font-weight:normal
}

figcaption {
font:inherit
}

.menu-label,.type-label,.menu-label,.type-alpha,.fourohfour-title,.slides-content-head,.type-beta,.page-loader,.fourohfour-text,.type-gamma,.content-text h2,.slides-content-sub,.person-name,.type-delta,.button-text,.content-breadcrumbs,.content-text h3,.hero-quote cite,.people-teams button,.person-title,.child-label {
font-family: 'DIN Pro Condensed Black';
src: local('DIN Pro Condensed Black'), url('DINPro-CondBlack.woff') format('woff');
font-style: normal;
font-weight: normal;
text-transform:uppercase;
}

.content-title-contact {
height:148px;
width:100px;
background:url("images/contact_edouard_valdman_ecrivain.png") center center no-repeat;background:none,url("images/contact_edouard_valdman_ecrivain.png") center center no-repeat;
z-index:50;
text-indent:-9999px;
margin-top: 0px;
margin-left: 168px
}

.content-title-publications {
height:148px;
width:100px;
background:url("images/publications_edouard_valdman_ecrivain.png") center center no-repeat;background:none,url("images/publications_edouard_valdman_ecrivain.png") center center no-repeat;
z-index:50;
text-indent:-9999px;
margin-top: 0px;
margin-left: 168px
}

.content-title-conferences {
height:148px;
width:100px;
background:url("images/conferences_edouard_valdman_ecrivain.png") center center no-repeat;background:none,url("images/conferences_edouard_valdman_ecrivain.png") center center no-repeat;
z-index:50;
text-indent:-9999px;
margin-top: 0px;
margin-left: 168px
}

.content-title-biographie {
height:148px;
width:100px;
background:url("images/biographie_edouard_valdman_ecrivain_avocat.png") center center no-repeat;background:none,url("images/biographie_edouard_valdman_ecrivain_avocat.png") center center no-repeat;
z-index:50;
text-indent:-9999px;
margin-top: 0px;
margin-left: 168px
}

.content-title-art {
height:148px;
width:100px;
background:url("images/art_edouard_valdman_ecrivain.png") center center no-repeat;background:none,url("images/art_edouard_valdman_ecrivain.png") center center no-repeat;
z-index:50;
text-indent:-9999px;
margin-top: 0px;
margin-left: 168px
}

.content-title-journaliste {
height:148px;
width:100px;
background:url("images/journaliste_edouard_valdman_ecrivain.png") center center no-repeat;background:none,url("images/journaliste_edouard_valdman_ecrivain.png") center center no-repeat;
z-index:50;
text-indent:-9999px;
margin-top: 0px;
margin-left: 168px
}

.content-title-portrait-contact {
height:148px;
width:99px;
background:url("images/portrait_valdman_edouard_noir.png") center center no-repeat;background:none,url("images/portrait_valdman_edouard_noir.png") center center no-repeat;
z-index:50;
text-indent:-9999px;
margin-top: 10px;
margin-left: 168px
}

.arobase {
font-family: 'arial';
font-style: normal;
font-weight: normal;
letter-spacing:-0.3px;
font-size:22px;
line-height:1;
margin-top:2px;
color:#FF0000
}

.arobase:link {
color:#FF0000;
}

.arobase:hover {
color:#FF6600;
}

.arobase:active {
color:#FF6600;
}

.contacter {
font-family: 'DIN Pro Bold';
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
font-style: normal;
font-weight: normal;
letter-spacing:-0.3px;
font-size:22px;
line-height:1;
}

.contacter:link {
    color:#FF0000;
}

.contacter:hover {
    color:#FF6600;
}

.contacter:active {
    color:#FF6600;
}

.content-title-biographe {
font-family: 'DIN Pro Condensed Bold';
src: local('DIN Pro Condensed Bold'), url('DINPro-CondBold.woff') format('woff');
font-style: normal;
font-weight: normal;
text-transform:uppercase;
letter-spacing:-0.3px;
font-size:32px;
line-height:29px;
margin-top:2px
}

.content-title-bio {
font-family: 'DIN Pro Condensed Bold';
src: local('DIN Pro Condensed Bold'), url('DINPro-CondBold.woff') format('woff');
font-style: normal;
font-weight: normal;
text-transform:uppercase;
letter-spacing:-0.3px;
font-size:32px;
margin-top:2px;
color:#009933;
}

.sous-titre {
font-family: 'DIN Pro Condensed Black';
src: local('DIN Pro Condensed Black'), url('DINPro-CondBlack.woff') format('woff');
font-style: normal;
font-weight: normal;
font-size:22px;
letter-spacing:0.1px
}

.sous-titre-contact-head {
font-size:19px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
letter-spacing:-0.7px;
color:#FF6600
}

.sous-titre-publications-head {
font-size:19px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
letter-spacing:-0.7px;
color:#669900
}

.sous-titre-livres-recit {
font-size:26px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
letter-spacing:-0.7px;
color:#FF0000
}

.sous-titre-conf-theme {
font-size:26px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
letter-spacing:-0.7px;
line-height: 28px;
color:#669900
}

.sous-titre-livres-philosophie {
font-size:26px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
letter-spacing:-0.7px;
color:#669900
}

.sous-titre-livres-droit {
font-size:26px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
letter-spacing:-0.7px;
color:#FF6600
}

.content-titre-livres {
font-size:22px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
text-transform: uppercase;
line-height: 24px;
color:#FF0000
}

.editeur-livres {
font-size:15px;
font-family: 'DIN Pro Medium';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Medium'), url('DINPro-Medium.woff') format('woff');
line-height: 18px;
color:#669900
}

.livres {
font-size:16px;
font-family: 'DIN Pro';
font-style: normal;
font-weight: normal;
src: local('DIN Pro'), url('DINPro.woff') format('woff');
line-height: 20px;
color:black;
}

.vert-conference {
font-size:16px;
font-family: 'DIN Pro Black';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
line-height: 20px;
letter-spacing:0px;
color:#669900
}

.vert-conference-italic {
font-size:14px;
font-family: 'DIN Pro Black Italic';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Black Italic'), url('DINPro-BlackIta.woff') format('woff');
letter-spacing:0.7px;
line-height: 18px;
color:black
}

.sous-titre-conferences-head {
font-size:19px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
letter-spacing:-0.7px;
color:#669900
}

.sous-titre-biographie-head {
font-size:19px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
letter-spacing:-0.7px;
color:#FF0000
}

.sous-titre-journaliste-head {
font-size:19px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
letter-spacing:-0.7px;
color:#6633CC
}

.sous-titre-art-head {
font-size:19px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
letter-spacing:-0.7px;
color:#FF9900
}

.sous-titre-journaliste {
font-size:24px;
font-family: 'DIN Pro Black';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
letter-spacing:-0.7px;
color:black
}

.titre-conference {
font-size:22px;
font-family: 'DIN Pro Black';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
letter-spacing:-0.7px;
line-height: 22px;
color:black
}

.orange {
font-size:23px;
font-family: 'DIN Pro Black';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
letter-spacing:-0.7px;
line-height: 22px;
color:#FF6600
}

.journaliste-article-date {
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
font-size:15px;
color:#669900
}

.texte_courant_article {
font-family: 'Lora', serif;
font-size: 16px; 
font-weight:400;
font-style: normal; 
font-variant: normal; 
line-height: 9px;
letter-spacing: 0.3px;
color:black
}

.lettrine-article {
font-size:26px;
font-family: 'DIN Pro Black';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
color:#6633CC
}

.mots_titre_article {
font-size:24px;
font-family: 'DIN Pro Black';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
color:#669900
}

.titre-livres {
font-size:14px;
font-family: 'DIN Pro Black';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
text-transform: uppercase;
letter-spacing: 0px;
color:#669900
}

.texte_courant_article_gras {
font-family: 'Lora', serif;
font-size: 16px; 
font-weight:700;
font-style: normal; 
font-variant: normal; 
line-height: 9px;
letter-spacing: 0.3px;
color:black
}

.lettrine-bio {
font-size:24px;
font-family: 'DIN Pro Black';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
color:#669900
}

.sous-titre-biographie {
font-family: 'DIN Pro Condensed Bold';
src: local('DIN Pro Condensed Bold'), url('DINPro-CondBold.woff') format('woff');
font-style: normal;
font-weight: normal;
font-size:24px;
letter-spacing:-0.3px;
color:#018728;
}

.slides-content-button-barre,.slides-content-button-pointes,.slides-content-button-chore,.slides-content-button-bio,.slides-content-button-classique, .slides-content-button-contact {
font-family: 'DIN Pro Condensed Black';
src: local('DIN Pro Condensed Black'), url('DINPro-CondBlack.woff') format('woff');
font-style: normal;
font-weight: normal;
text-transform:uppercase;
}


.type-label {
text-transform:uppercase;
font-size: 20px;
}

.menu-label {
text-transform:uppercase;
font-size: 16px;
}

li {
font-family: 'DIN Pro Medium';
src: local('DIN Pro Medium'), url('DINPro-Medium.woff') format('woff');
font-style: normal;
font-weight: normal;
font-size: 16px;
}

.type-alpha,.fourohfour-title,.slides-content-head {
font-size:5rem;
text-transform:uppercase;
line-height:0.9
}

.type-beta,.page-loader,.fourohfour-text {
font-size:2.5rem;
text-transform:uppercase;
line-height:1 
}

.type-gamma,.content-text h2 {
font-size:1.25rem;
text-transform:uppercase
}

.slides-content-sub {
font-size: 18px;
font-family: 'DIN Pro Condensed Black';
src: local('DIN Pro Condensed Black'), url('DINPro-CondBlack.woff') format('woff');
font-style: normal;
font-weight: normal;
letter-spacing: 0.06em;
text-transform:uppercase;
}

.slides-content-sub-conferences {
font-size: 18px;
font-family: 'DIN Pro Condensed Black';
src: local('DIN Pro Condensed Black'), url('DINPro-CondBlack.woff') format('woff');
font-style: normal;
font-weight: normal;
letter-spacing: 0.06em;
color:#FFFF00;
text-transform:uppercase;
}

.slides-content-sub-journaliste {
font-size: 18px;
font-family: 'DIN Pro Condensed Black';
src: local('DIN Pro Condensed Black'), url('DINPro-CondBlack.woff') format('woff');
font-style: normal;
font-weight: normal;
letter-spacing: 0.06em;
color:#66CC00;
text-transform:uppercase
}

.slides-content-sub-publications {
font-size: 18px;
font-family: 'DIN Pro Condensed Black';
src: local('DIN Pro Condensed Black'), url('DINPro-CondBlack.woff') format('woff');
font-style: normal;
font-weight: normal;
letter-spacing: 0.06em;
color:#FFCC00;
text-transform:uppercase
}

.slides-content-sub-blog {
font-size: 18px;
font-family: 'DIN Pro Condensed Black';
src: local('DIN Pro Condensed Black'), url('DINPro-CondBlack.woff') format('woff');
font-style: normal;
font-weight: normal;
letter-spacing: 0.06em;
color:#FFFF00;
text-transform:uppercase
}

.slides-content-head {
font-size: 50px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
letter-spacing:-2px;
}


.type-delta,.button-text,.content-text h3,.hero-quote cite {
font-size:0.9rem;
text-transform:uppercase
}

@font-face {
font-family:'icomoon';
src:url("../fonts/icomoon.eot?-a9exzs");
src:url("../fonts/icomoon.eot?#iefix-a9exzs") format("embedded-opentype"),url("../fonts/icomoon.woff?-a9exzs") format("woff"),url("../fonts/icomoon.ttf?-a9exzs") format("truetype"),url("../fonts/icomoon.svg?-a9exzs#icomoon") format("svg");
font-weight:normal;
font-style:normal
}

[class^="icon-"],[class*=" icon-"] {
font-family:'icomoon';
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}

.icon-close:before {
content:"\e604"
}

.icon-more:before {
content:"\e605"
}

.icon-list:before {
content:"\e609"
}

.page,.page-main {
height:100%
}

@font-face {
font-family: 'IcoMoon-Free';
font-style: normal;
font-weight: normal;
src: local('IcoMoon-Free'), url('IcoMoon-Free.woff') format('woff');
}

.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'IcoMoon-Free' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
    content: "\ea90";
}

.icon-blogger:before {
    content: "\eab7";
}

.icon-blogger {
margin-left:6px;
}

.icon-blogger:hover, .icon-blogger:active {
color:#FF6600;
}

.icon-facebook:hover, .icon-facebook:active {
color:#3366FF;
}

.icon-circle-left:before {
content:"\ea44"
}

.icon-circle-right:before {
content:"\ea42"
}

.icon-circle-down:before {
content:"\ea43"
}

.icon-circle-down {
font-size:2rem;
}

.icon-circle-right {
font-size:1.5rem;
}

.icon-circle-left {
font-size:1.5rem;
}

.page-loader {
width:10rem;
text-align:center;
position:fixed;
top:30%;
left:50%;
margin-left:-5rem;
color:#FF0000;
z-index:9999;
opacity:0
}

.page--nomenu {
top:-6rem
}

@media (min-width: 700px) {
.page--nomenu {
bottom:-6rem
}
}

.page--nomenu .menu-button {
top:-8rem
}

@media (min-width: 700px){
.page--nomenu .menu-button {
bottom:-8rem
}
}

.page--nomenu .logo {
display:none
}

.logo {
position:fixed;
top:0;
left:0px;
height:53px;
width:330px;
margin-top: 0;
background:url("images/logo_edouard_valdman_ecrivain_blog_avocat.jpg") center center no-repeat;background:none,url("images/logo_edouard_valdman_ecrivain_blog_avocat.jpg") center center no-repeat;
z-index:50;
text-indent:-9999px
}

@media (min-width: 700px){
.logo {
height:53px;
}
}

/* menu */

nav.menu {
    width: 330px;
    min-height: calc(100vh - 121px);
    background-color: white;
    position: absolute;
    left: -330px;
    transition: .3s all;
}

nav.menu > a {
    display: block;
    padding: 5px;
    margin: 30px 0 0px 20px;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
}

.home {
    font-family: 'DIN Pro Black';
    font-style: normal;
    font-weight: normal;
    src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
    color: #666666;
}

.home:hover {
    color: black;
}

.home:active {
    color: black;
}

.bio {
    font-family: 'DIN Pro Black';
    font-style: normal;
    font-weight: normal;
    src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
    color: #669900;
}

.bio:hover {
    color: #6699CC;
}

.bio:active {
    color: #6699CC;
}

.conf {
    font-family: 'DIN Pro Black';
    font-style: normal;
    font-weight: normal;
    src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
    color: #00CCFF;
}

.conf:hover {
    color: #FF6600;
}

.conf:active {
    color: #FF6600;
}

.critique-art {
    font-family: 'DIN Pro Black';
    font-style: normal;
    font-weight: normal;
    src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
    color: #FF9900;
}

.critique-art:hover {
    color: #FF0000;
}

.critique-art:active {
    color: #FF0000;
}

.journaliste {
    font-family: 'DIN Pro Black';
    font-style: normal;
    font-weight: normal;
    src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
    color: #6633CC;
}

.journaliste:hover {
    color: #669900;
}

.journaliste:active {
    color: #669900;
}

.publications {
    font-family: 'DIN Pro Black';
    font-style: normal;
    font-weight: normal;
    src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
    color: #FF0000;
}

.publications:hover {
    color: #669900;
}

.publications:active {
    color: #669900;
}

.blog {
    font-family: 'DIN Pro Black';
    font-style: normal;
    font-weight: normal;
    src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
    color: #FF0000;
}

.blog:hover {
    color: #FF6600;
}

.blog:active {
    color: #FF6600;
}

.contact {
    font-family: 'DIN Pro Black';
    font-style: normal;
    font-weight: normal;
    src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
    color: #666666;
}

.contact:hover {
    color: black;
}

.contact:active {
    color: black;
}


.menu_show {
    left: 0!important;
    }
}

@media screen and (max-width: 360px) {
    nav.menu {
        width: 100%;
        left: -100%; 
    }
}

.menu-button {
z-index:60;
position:fixed;
top:0px;
margin-top:10px;
right:12px;
-webkit-transition:top 0.3s;
-moz-transition:top 0.3s;
transition:top 0.3s
}

@media (min-width: 700px) {
.menu-button {
top:0px;
-webkit-transition:bottom 0.3s;
-moz-transition:bottom 0.3s;
transition:bottom 0.3s
}
}

.menu {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:50;
background:#FFFFFF;
display:none
}

.page--menu-open .menu {
display:table
}

.csstransforms .menu {
display:table;
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transition-property:-webkit-transform;
-moz-transition-property:-moz-transform;
transition-property:transform;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
transition-duration:0.3s
}

.csstransforms .page--menu-open .menu {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}

@media (min-width: 700px) {
.menu {
width:330px;
padding-bottom:0px
}
}

.menu-inner {
display:table-cell;
vertical-align:middle;
width:100%;
}

.menu-nav {
margin:0 5.4rem;
font-family: 'DIN Pro Condensed Black';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Black'), url('DINPro-CondBlack.woff') format('woff');
text-align:left;
font-size:20px;
}

.menu-nav li {
margin-top:15px;
margin-left:-13px;
display:block
}

.menu-nav li:first-child {
margin-top:10px
}

.menu-nav a {
display:inline-block;
position:relative
}

.no-touch .menu-nav a:hover,.no-touch .menu-nav a:active {
text-decoration:none;
}

.menu-social {
padding-left: 3.4em;
font-size: 24px;
margin-top:35px;
}

.menu-social li {
display:inline-block
}

.menu-social a {
color:#999999
}

.menu-social a:active {
color:#FF0000 !important;
text-decoration:none;
}

.no-touch .menu-social a:hover,.no-touch .menu-social a:focus {
color:#FF0000;
text-decoration:none;
}

.menu-hamburger-lines,.menu-hamburger-lines:before,.menu-hamburger-lines:after {
display:inline-block;
width:2rem;
height:0.28571rem;
background:#FFFFFF;
-webkit-transform-origin:center center;
-moz-transform-origin:center center;
-ms-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s
}

.menu-hamburger {
float:left;
cursor:pointer;
user-select:none;
color:#FFFFFF;
font-size:2rem;
width:1.7rem;
height:2rem;
line-height:2rem;
position:relative
}

.csstransforms .menu-icon {
display:none
}

.menu-hamburger-lines {
display:none;
position:absolute;
vertical-align:middle;
margin-top:-0.14286rem;
top:1rem;
left:0
}

.page--menu-open .menu-hamburger-lines {
background:transparent
}

.menu-hamburger-lines:before,.menu-hamburger-lines:after {
content:"";
position:absolute;
left:0
}

.menu-hamburger-lines:before {
top:-0.57143rem
}

.page--menu-open .menu-hamburger-lines:before {
top:0;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg)
}

.menu-hamburger-lines:after {
top:0.57143rem
}

.page--menu-open .menu-hamburger-lines:after {
top:0;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg)
}

.csstransforms .menu-hamburger-lines {
display:block
}

.menu-label {
float:left;
display:none;
margin-left:0.8rem
}

@media (min-width: 700px) {
.menu-label {
display:block;line-height:2rem
}
}

.button {
position:relative;
display:block;
height:2rem;
padding:0 1rem
}

.button-icon {
display:inline-block;
height:2rem;
width:2rem;
line-height:2rem;
float:left;
text-align:center;
background:#36963e;
-webkit-transform:skew(-10deg);
-moz-transform:skew(-10deg);
-ms-transform:skew(-10deg);
-o-transform:skew(-10deg);
transform:skew(-10deg)
}

.button-icon:before {
-webkit-transform:skew(10deg);
-moz-transform:skew(10deg);
-ms-transform:skew(10deg);
-o-transform:skew(10deg);
transform:skew(10deg)
}

.no-touch .button:hover .button-icon,.no-touch .button:focus .button-icon,.button:active .button-icon {
background:#fff;
color:#FF0000
}

.button-text {
display:inline-block;
margin-left:1rem;
line-height:2rem
}

.main-close-button {
position:absolute;
top:0;
right:0;
z-index:9999
}

.content-section {
position:relative;
min-height:100%;
padding-top:6rem
}

@media (min-width: 700px) {
.content-section {
padding-top:0;
padding-bottom:6rem
}
}

@media (min-width: 1000px) {
.content-section--with-children:after {
content:"";
display:block;
height:600px
}
}

.content-section--with-hero {
min-height:0;
padding-top:10px
}

.page--nomenu .content-section {
padding-top:0;
padding-bottom:0
}

.content,.content--wide {
overflow:hidden;
margin:0 auto;
margin-top:15px;
max-width:70rem;
position:relative;
padding:3rem 2rem 5rem 2rem
}

@media (min-width: 400px) {
.content,.content--wide {
margin-top:20px;
padding:5rem 3rem 5rem 3rem
}
}

@media (min-width: 800px) {
.content,.content--wide {
padding:6rem 3rem 7rem 3rem
}
}

.content--wide {
max-width:85rem
}

.content-aside {
margin-bottom:2rem
}

.content-columns,.content-columns--2 {
position:relative
}

@media (min-width: 800px) {
.content-columns--2 .content-left {
width:15rem;
float:left
}

.content-title-art .content-title-portrait-contact {
width:15rem;
float:left
}

.content-columns--2 .content-middle {
margin-left:18rem;
}
}

@media (min-width: 800px) {
.content-columns--3 .content-right {
width:15rem;
float:right
}

.content-columns--3 .content-middle {
margin-right:16rem
}
}

@media (min-width: 1200px) {
.content-columns--3 .content-left {
width:15rem;
float:left
}

.content-title-art .content-title-portrait-contact {
width:15rem;
float:left
}

.content-columns--3 .content-middle {
margin-left:16rem
}
}

.content-text {
max-width:40rem;
line-height:1.5;
}

.content-text-choregraphie {
max-width:40rem;
font-size:18px;
font-family: 'DIN Pro Medium';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Medium'), url('DINPro-Medium.woff') format('woff');
letter-spacing:-0.7px;
line-height:1.5;
}

.content-text-biographie {
max-width:40rem;
line-height:1.5;
}

.content-text>:first-child {
margin-top:20px
}

.content-text-biographie>:first-child {
margin-top:45px
}

.content-text p {
margin-top:2em
}

.content-text-biographie p {
margin-top:2em
}

.content-text {
font-size:14px;
font-family: 'DIN Pro Medium';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Medium'), url('DINPro-Medium.woff') format('woff');
letter-spacing:-0.7px;
}

.sous-titre-contact {
font-size:23px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
letter-spacing:-0.7px;
line-height: 18px;
color:#669900;
}

.chapo-conferences {
font-size:18px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
letter-spacing:-0.7px;
line-height: 18px;
color:black
}

.numero {
font-size:23px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
letter-spacing:-0.7px;
color:#FF0000;
}

.content-text-biographie {
font-size:14px;
font-family: 'DIN Pro Medium';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Medium'), url('DINPro-Medium.woff') format('woff');
letter-spacing:-0.7px;
color:#000000
}

.titre-oeuvre {
font-size:19px;
font-family: 'DIN Pro Bold Italic';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold Italic'), url('DINPro-BoldItalic.woff') format('woff');
color:#FFFF00
}

.text-exergue-biographie {
font-size:17px;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
letter-spacing:-0.7px;
color:#006633
}

.content-text p:first-child {
font-size:1.2em
}

.content-text-biographie p:first-child {
font-size:1.2em
}

.content-text a {
color:#FFFFFF
}

.content-text a:hover {
text-decoration:none;
}

.content-text h2 {
margin-top:3rem
}

.content-text h3 {
margin-top:2rem
}

.content-text blockquote {
font-style:italic;
margin:2rem 0;
display:block;
position:relative;
padding-left:2rem
}

.content-text-biographie blockquote {
font-style:italic;
margin:2rem 0;
display:block;
position:relative;
padding-left:2rem
}

.content-text blockquote:before,.content-text blockquote:after {
content:"";
position:absolute;
width:2px;
height:100%;
top:0;
left:0;
background:#FF0000
}

.content-text blockquote:before {
left:0
}

.content-text blockquote:after {
left:0.5rem
}

.content-more-info {
position:absolute;
bottom:0
}

@media (min-width: 800px) {
.content-more-info {
margin-left:16rem
}
}

.content-video {
margin-top:1rem;
margin-bottom:3rem;
}

.content-video-inner video {
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}

.content-video-inner {
width:100%;
height:0;
padding-bottom:56.25%;
position:relative;
}

@media (min-width: 800px) {
.content-video {
width:100%;
position:relative;
top:0;
left:0
}
}

.content-video-caption {
margin-top:1rem;
}

.slider {
position:relative;
overflow:hidden;
}

.slides-container {
display:none
}

.content-slider {
position:absolute !important;
top:0;
left:0;
z-index:30
}

.slides-navigation {
display:none
}

.slides-navigation a {
width:2rem;
height:2rem;
margin-top:-1rem;
position:absolute;
top:50%;
display:block;
z-index:30
}

.slides-navigation .prev {
left:1rem
}

.slides-navigation .next {
right:1rem
}

@media (min-width: 700px) {
.slides-navigation {
display:block
}
}

.slider-icon {
color:#fff;
font-size:2rem;
font-weight: bold
}

.no-touch .slider-icon:hover,.no-touch .slider-icon:focus,.slider-icon:active {
color:#FF0000
}

.csstransforms .slider-icon {
display:none
}

.slider-arrow {
display:none;
width:100%;
height:100%
}

.csstransforms .slider-arrow {
display:block
}

.slider-arrow:before,.slider-arrow:after {
content:"";
width:100%;
height:2px;
background:#fff;
position:absolute;
left:0;
top:50%;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s
}

.slider-arrow:active:before,.slider-arrow:active:after {
background:#FF0000 !important
}

.slides-pagination {
position:absolute;
z-index:30;
bottom:1rem;
text-align:center;
width:100%
}

@media (min-width: 700px) {
.slides-pagination {
bottom:8rem
}
}

.slides-pagination a {
border-radius:15px;
width:8px;
height:8px;
overflow:hidden;
text-indent:-9999px;
display:inline-block;
background:#FF0000;
margin-left:1rem
}

.slides-pagination a:first-child {
margin-left:0
}

.slides-pagination .current {
background:#fff
}

.slides-content {
padding:6rem 1rem 3rem 1rem;
display:table;
width:100%;
height:100%;
position:relative
}

@media (min-width: 700px) {
.slides-content {
padding:0 5rem
}
}

.slides-content-inner {
display:table-cell;
vertical-align:middle;
text-align:center
}

.slides-content-sub {
color:#FF0000
}

.slides-content-head {
margin:0.5rem 0 1rem 0;
text-transform:none;
}

.slides-content-button-contact,.slides-content-button-bio,.slides-content-button-pointes,.slides-content-button-barre,.slides-content-button-chore,.slides-content-button-classique {
	display:inline-block;
	text-transform:uppercase;
	padding:0.5rem 2rem;
	background:#669900;
	border:solid 1px #FFFFFF;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	transition:all 0.2s;
}

.slides-content-button:active,.no-touch {
	background:#000000;
	}
	
.fond {
	background:#FFFFFF;
	}
	
.slides-content-button-barre:hover,.slides-content-button-classique:hover,.slides-content-button-barre:active,.slides-content-button-classique:active {
background:#FF0000;
}

.slides-content-button-pointes:hover,.slides-content-button-pointes:active {
background:#FF0000
}
	
.slides-content-button-contact:hover,.slides-content-button-bio:hover,.slides-content-button-chore:hover {
background:#FF0000
}

.hero {
width:100%;
height:100%;
background:#FF6600;
position:relative;
overflow:hidden
}

.hero-publications {
width:100%;
height:100%;
background:#FF0000;
position:relative;
overflow:hidden
}

.hero-conferences {
width:100%;
height:100%;
background:#00CCFF;
position:relative;
overflow:hidden
}

.hero-biographie {
width:100%;
height:100%;
background:#669900;
position:relative;
overflow:hidden
}

.hero-journaliste {
width:100%;
height:100%;
background:#6633CC;
position:relative;
overflow:hidden
}

.hero-art {
width:100%;
height:100%;
background:#FF9900;
position:relative;
overflow:hidden
}

.hero-media {
visibility:hidden;
opacity:0;
-webkit-transition:opacity 1s;
-moz-transition:opacity 1s;
transition:opacity 1s;
position:absolute;
width:auto;
height:auto;
max-width:none
}

.hero-media--show {
visibility:visible;
opacity:1
}

.hero-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
padding-top:6rem
}

@media (min-width: 700px) {
.hero-overlay {
padding-top:0
}
}

.hero-content {
width:100%;
height:100%;
display:table
}

.hero-content-inner {
display:table-cell;
text-align:center;
vertical-align:middle;
}

.hero-quote {
max-width:40rem;
margin:0 2rem;
display:inline-block
}

@media (min-width: 400px) {
.hero-quote {
margin:0 3rem;
}
}

.hero-quote p {
font-size:2rem;
font-family: 'DIN Pro Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
text-transform:uppercase;
line-height: 1em;
}

.hero-quote footer {
margin-top:1rem
}

.hero-quote-text {
position:relative
}

valdman-contact {
font-size:1.3rem;
font-family: 'DIN Pro Light';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Light'), url('DINPro-Light.woff') format('woff');
text-transform:uppercase;
}


@media (min-width: 400px) {
.hero-quote-text {
padding-left:1.5rem;
}

.hero-quote-text:before {
left:0
}

.hero-quote-text:after {
left:0.5rem
}
}

.hero-continue {
position:relative;
width:2rem;
height:2rem;
margin-top:2.8rem;
display:inline-block
}

.hero-continue-icon {
 font-size:2rem;
 color:#36963e
}
.no-touch .hero-continue:hover .hero-continue-icon,.no-touch .hero-continue:focus .hero-continue-icon,.hero-continue:active .hero-continue-icon {
 color:#fff
}
.csstransforms .hero-continue-icon {
 display:none
}
.hero-continue-arrow {
 display:none
}
.csstransforms .hero-continue-arrow {
 display:block
}
.hero-continue-arrow:before,.hero-continue-arrow:after {
 content:"";
 height:100%;
 width:2px;
 background:#36963e;
 position:absolute;
 top:0;
 left:50%;
 -webkit-transition:all 0.3s;
 -moz-transition:all 0.3s;
 transition:all 0.3s
}
.hero-continue-arrow:before {
 -webkit-transform-origin:center bottom;
 -moz-transform-origin:center bottom;
 -ms-transform-origin:center bottom;
 -o-transform-origin:center bottom;
 transform-origin:center bottom;
 -webkit-transform:rotate(-45deg);
 -moz-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
 transform:rotate(-45deg)
}
.hero-continue-arrow:after {
 -webkit-transform-origin:center bottom;
 -moz-transform-origin:center bottom;
 -ms-transform-origin:center bottom;
 -o-transform-origin:center bottom;
 transform-origin:center bottom;
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 transform:rotate(45deg)
}
.no-touch .hero-continue:hover .hero-continue-arrow:before,.no-touch .hero-continue:focus .hero-continue-arrow:before {
 -webkit-transform:rotate(-30deg);
 -moz-transform:rotate(-30deg);
 -ms-transform:rotate(-30deg);
 -o-transform:rotate(-30deg);
 transform:rotate(-30deg)
}
.no-touch .hero-continue:hover .hero-continue-arrow:after,.no-touch .hero-continue:focus .hero-continue-arrow:after {
 -webkit-transform:rotate(30deg);
 -moz-transform:rotate(30deg);
 -ms-transform:rotate(30deg);
 -o-transform:rotate(30deg);
 transform:rotate(30deg)
}
.hero-continue:active .hero-continue-arrow:before,.hero-continue:active .hero-continue-arrow:after {
 background:#fff !important
}