/*---------------------------------------------------------------------------------------
|                               Paramètres généraux                                      |
----------------------------------------------------------------------------------------*/

body{
	position: absolute;
	margin:0;
    padding:0;
	width:100%;
	height:100%;
	font-family:arial, sans-serif;
    text-align:center;
    color:#000;
    background-color: #fff;
	opacity: 1;
    transition: 2s opacity;
    overflow-x:hidden;
}
body.fade-out {
    opacity: 0;
    transition: none;
}

/*Antialiasing*/
body, h1, h2, h3, h4, h5, h6, p, li, a, span, div {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*Style des textes*/
a{
	text-decoration:inherit;
	color:inherit;
	cursor:pointer;
}
.alinea{
	padding-left:4vw;
}
.up{
	text-transform: uppercase;
}
.hidden{
	opacity:0;
}
.left{
    float:left;
}
.right{
    float:right;
}
.respOn{
	display:none !important;
}

/*Place Holder*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #444;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #444;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #444;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #444;
}

/*Position des éléments*/
.left{
    float:left;
}
.right{
    float:right;
}
.clear{
	clear:both;
}

/*Centrage Vertical*/
.vcenter-parent{
    display: table;
}
.vcenter-child{
    display: table-cell;
    vertical-align: middle;
}

/*---------------------------------------------------------------------------------------
|                                     Fonts                                              |
----------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'roboto-thin';
    src: url('fonts/roboto-thin.eot');
    src: url('fonts/roboto-thin.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-thin.woff2') format('woff2'),
         url('fonts/roboto-thin.woff') format('woff'),
         url('fonts/roboto-thin.ttf') format('truetype'),
         url('fonts/roboto-thin.svg') format('svg');
}
@font-face {
    font-family: 'roboto-light';
    src: url('fonts/roboto-light.eot');
    src: url('fonts/roboto-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light.woff2') format('woff2'),
         url('fonts/roboto-light.woff') format('woff'),
         url('fonts/roboto-light.ttf') format('truetype'),
         url('fonts/roboto-light.svg') format('svg');
}
@font-face {
    font-family: 'roboto-regular';
    src: url('fonts/roboto-regular.eot');
    src: url('fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular.woff2') format('woff2'),
         url('fonts/roboto-regular.woff') format('woff'),
         url('fonts/roboto-regular.ttf') format('truetype'),
         url('fonts/roboto-regular.svg') format('svg');
}
@font-face {
    font-family: 'roboto-medium';
    src: url('fonts/roboto-medium.eot');
    src: url('fonts/roboto-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium.woff2') format('woff2'),
         url('fonts/roboto-medium.woff') format('woff'),
         url('fonts/roboto-medium.ttf') format('truetype'),
         url('fonts/roboto-medium.svg') format('svg');
}
@font-face {
    font-family: 'roboto-bold';
    src: url('fonts/roboto-bold.eot');
    src: url('fonts/roboto-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold.woff2') format('woff2'),
         url('fonts/roboto-bold.woff') format('woff'),
         url('fonts/roboto-bold.ttf') format('truetype'),
         url('fonts/roboto-bold.svg') format('svg');
}
@font-face {
    font-family: 'roboto-black';
    src: url('fonts/roboto-black.eot');
    src: url('fonts/roboto-black.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-black.woff2') format('woff2'),
         url('fonts/roboto-black.woff') format('woff'),
         url('fonts/roboto-black.ttf') format('truetype'),
         url('fonts/roboto-black.svg') format('svg');
}
@font-face {
    font-family: 'playfair-regular';
    src: url('fonts/PlayfairDisplay-Regular.eot');
    src: url('fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
         url('fonts/PlayfairDisplay-Regular.woff') format('woff'),
         url('fonts/PlayfairDisplay-Regular.ttf') format('truetype'),
         url('fonts/PlayfairDisplay-Regular.svg') format('svg');
}
@font-face {
    font-family: 'playfair-italic';
    src: url('fonts/PlayfairDisplay-Italic.eot');
    src: url('fonts/PlayfairDisplay-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/PlayfairDisplay-Italic.woff2') format('woff2'),
         url('fonts/PlayfairDisplay-Italic.woff') format('woff'),
         url('fonts/PlayfairDisplay-Italic.ttf') format('truetype'),
         url('fonts/PlayfairDisplay-Italic.svg') format('svg');
}
@font-face {
    font-family: 'playfair-bold';
    src: url('fonts/PlayfairDisplay-Bold.eot');
    src: url('fonts/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/PlayfairDisplay-Bold.woff2') format('woff2'),
         url('fonts/PlayfairDisplay-Bold.woff') format('woff'),
         url('fonts/PlayfairDisplay-Bold.ttf') format('truetype'),
         url('fonts/PlayfairDisplay-Bold.svg') format('svg');
}
@font-face {
    font-family: 'playfair-bold-italic';
    src: url('fonts/PlayfairDisplay-BoldItalic.eot');
    src: url('fonts/PlayfairDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/PlayfairDisplay-BoldItalic.woff2') format('woff2'),
         url('fonts/PlayfairDisplay-BoldItalic.woff') format('woff'),
         url('fonts/PlayfairDisplay-BoldItalic.ttf') format('truetype'),
         url('fonts/PlayfairDisplay-BoldItalic.svg') format('svg');
}
@font-face {
    font-family: 'playfair-black';
    src: url('fonts/PlayfairDisplay-Black.eot');
    src: url('fonts/PlayfairDisplay-Black.eot?#iefix') format('embedded-opentype'),
         url('fonts/PlayfairDisplay-Black.woff2') format('woff2'),
         url('fonts/PlayfairDisplay-Black.woff') format('woff'),
         url('fonts/PlayfairDisplay-Black.ttf') format('truetype'),
         url('fonts/PlayfairDisplay-Black.svg') format('svg');
}
@font-face {
    font-family: 'playfair-black-italic';
    src: url('fonts/PlayfairDisplay-BlackItalic.eot');
    src: url('fonts/PlayfairDisplay-BlackItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/PlayfairDisplay-BlackItalic.woff2') format('woff2'),
         url('fonts/PlayfairDisplay-BlackItalic.woff') format('woff'),
         url('fonts/PlayfairDisplay-BlackItalic.ttf') format('truetype'),
         url('fonts/PlayfairDisplay-BlackItalic.svg') format('svg');
}
@font-face {
    font-family: 'raleway-bold';
    src: url('fonts/ralewaybold-webfont.eot');
    src: url('fonts/ralewaybold-webfont.eot?#iefix') format('embedded-opentype'),
            url('fonts/ralewaybold-webfont.woff2') format('woff2'),
            url('fonts/ralewaybold-webfont.woff') format('woff'),
            url('fonts/ralewaybold-webfont.ttf') format('truetype'),
            url('fonts/ralewaybold-webfont.svg#ralewaybold') format('svg');
}
@font-face {
    font-family: 'raleway-light';
    src: url('fonts/ralewaylight-webfont.eot');
    src: url('fonts/ralewaylight-webfont.eot?#iefix') format('embedded-opentype'),
            url('fonts/ralewaylight-webfont.woff2') format('woff2'),
            url('fonts/ralewaylight-webfont.woff') format('woff'),
            url('fonts/ralewaylight-webfont.ttf') format('truetype'),
            url('fonts/ralewaylight-webfont.svg#ralewaylight') format('svg');
}
@font-face {
    font-family: 'raleway-medium';
    src: url('fonts/ralewaymedium-webfont.eot');
    src: url('fonts/ralewaymedium-webfont.eot?#iefix') format('embedded-opentype'),
            url('fonts/ralewaymedium-webfont.woff2') format('woff2'),
            url('fonts/ralewaymedium-webfont.woff') format('woff'),
            url('fonts/ralewaymedium-webfont.ttf') format('truetype'),
            url('fonts/ralewaymedium-webfont.svg#ralewaymedium') format('svg');
}
@font-face {
    font-family: 'raleway-regular';
    src: url('fonts/ralewayregular-webfont.eot');
    src: url('fonts/ralewayregular-webfont.eot?#iefix') format('embedded-opentype'),
            url('fonts/ralewayregular-webfont.woff2') format('woff2'),
            url('fonts/ralewayregular-webfont.woff') format('woff'),
            url('fonts/ralewayregular-webfont.ttf') format('truetype'),
            url('fonts/ralewayregular-webfont.svg#ralewayregular') format('svg');
}
@font-face {
    font-family: 'raleway-semiBold';
    src: url('fonts/ralewaysemibold-webfont.eot');
    src: url('fonts/ralewaysemibold-webfont.eot?#iefix') format('embedded-opentype'),
            url('fonts/ralewaysemibold-webfont.woff2') format('woff2'),
            url('fonts/ralewaysemibold-webfont.woff') format('woff'),
            url('fonts/ralewaysemibold-webfont.ttf') format('truetype'),
            url('fonts/ralewaysemibold-webfont.svg#ralewaysemibold') format('svg');
}

/*---------------------------------------------------------------------------------------
|                                     Colors                                             |
----------------------------------------------------------------------------------------*/

.gold{
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}
.black{
	background-color:#141618;
}
.white{
	background-color:#fff;
}
.lightGrey{
	background-color:#f5f5fa;
}
.darkGrey{
	background-color:#555;
}
.bgWhite{
	background-color:#fff;
}
.bgBlack{
	background-color:#232323;
}
.bgBlue{
    background-color:#0095B6;
}
.bgLightGrey{
	background-color:#aaa;
}
.blueDark{
    background-color:#130f40;   
}
.blueLight{
    background-color:#30336b;   
}
.beige{
    background-color:#EAE8E3;
}
.brun{
    background-color:#DEDBD5;
}

/*---------------------------------------------------------------------------------------
|                                     Navigation                                         |
----------------------------------------------------------------------------------------*/

nav{
    position: fixed;
    z-index: 0;
    left:0;
    top:0;
    width:100%;
    height:100vh;
    background-color:#fff;
    overflow:hidden;
    opacity:0;
    transition:0.2s;
}
.navOn{
    opacity:1;
    z-index: 5;
}
.logoNav{
    position: absolute;
    z-index: 4;
    top:15px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    height:10vh;
}
.close{
    position: absolute;
    z-index: 4;
    top:2vh;
    left:35px;
    padding:20px;
    width:30px;
    border:solid 2px transparent;
    cursor:pointer;
    transition:0.2s;
}
.close:hover{
    left:32px;
}
.menuContainer{
    margin:12vh 0 0 0;
    width:100%;
    display:flex;
    justify-content:center;
}
.link{
    width:14.4vw;
    height:84vh;
    cursor:pointer;
    overflow: hidden;
}
.linkContent{
    position: relative;
    bottom:0;
    width:100%;
    height:84vh;
    background-size:cover;
    background-position: center center;
    filter:grayscale(100%);
    transition: 0.8s;
}
.linkContent:hover{
    width:106%;
    filter:grayscale(0%);
}
.pictoNav{
    margin: 0 0 -3vw;
    width: 2vw;
}
.linkFilter{
    margin: -2vw 0 0 0;
    width: 100%;
    height: 103%;
    background-color: rgba(33, 28, 22, 0.8);
    transition: 0.8s;
}
.linkContent:hover > .linkFilter{
    background-color:rgba(33, 28, 22, 0);   
}
.linkFilter > a{
    height: 100%;
    font-family:'roboto-light';
    font-size:16px;
    line-height:14.4vw;
    text-transform: uppercase;
    letter-spacing: 2vh;
    color:#fff;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    display:inline-block;
}

/*---------------------------------------------------------------------------------------
|                                     ToolBar                                            |
----------------------------------------------------------------------------------------*/
.toolBarHome{
    position:fixed;
    top:0;
    left:1vw;
    padding-top:1vw;
    width:98vw;
    min-height:100px;
    z-index: 4;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.toolBar{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    background-color: #fff;
    z-index: 4;
    display:flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.4s;
}
.logoHome{
    position: absolute;
    top:25px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    min-width: 280px;
    width: 16vw;
}
.logo{
    margin:0 0 0 1vw;
    width:240px;
}
.menu{
    margin: 0 1vw 0 0;
    padding: 20px;
    width: 25px;
    height: 25px;
    border: solid 2px transparent;
    cursor: pointer;
    transition: 0.2s;
}
.menuHome{
    margin: 0 1vw 0 0;
    padding: 20px;
    width: 25px;
    height: 25px;
    border: solid 2px transparent;
    cursor: pointer;
    border:solid 2px #fff !important;
    transition: 0.2s;
}
.menuHome:hover{
    background-color:rgba(255, 255, 255, 0.2);
}
.menu:hover{
    border:solid 2px #000 !important;
}
.nav-up{
    top:-200px !important;
}

/*---------------------------------------------------------------------------------------
|                                     Home Page                                          |
----------------------------------------------------------------------------------------*/

/*Video*/
#video{
    position: absolute;
    z-index: 1;
    left:1vw;
    top:2vh;
    width:98vw;
    height:96vh;
    overflow:hidden;
}
.video{
    max-width:110vw;
    min-width:98vw;
    min-height: 96vh;
    filter: contrast(85%) brightness(0.80);
}
.videoFilter{
    position: absolute;
    z-index: 2;
    left:1vw;
    top:2vh;
    width:98vw;
    height:96vh;
    background-color:rgba(55, 57, 59, 0);
}
.container{
    position: absolute;
    z-index: 3;
    top:0;
    left:0;
    width:100%;
    height:auto;
    display:flex;
    justify-content:space-around;
}

/*teasing*/
.teasing{
    position: absolute;
    top:36vh;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size: 1.4vw;
    font-family:'playfair-italic';
    font-weight: 400;
    color:#fff;
    line-height: 1.5;
}
.teasing > span{
    font-family:'raleway-regular';
    text-transform: uppercase;
    font-size:12px;
    letter-spacing:1px;
}
.teasing > span:after{
    content: "";
    display: block;
    margin: 1vh auto -4vh;
    width: 400px;
    height: 1px;
    background-color: #fff;
}

/*Lien Vidéo*/
.homeLinkContainer{
    margin: 87vh 1vw 0 3vw;
}
.pictoHome{
    padding: 1.2vw;
    width: 1.6vw;
    background-image:url(images/icones/part5.svg);
    background-size:cover;
    float:left;
    cursor: pointer;
    transition: 0.2s;
}
.homeLinkContainer:nth-child(2) .pictoHome{
    padding: 1.2vw 1vw 1.2vw 1.4vw
} 
.pictoHome:hover{
    transform:rotate(-15deg);
}
.homeLinkContainer > p{
    margin: 0 0 0 10px;
    padding-top:1.3vw;
    text-align: left;
    color: #fff;
    font-family: 'raleway-bold';
    font-size:16px;
    float:right;
}
.homeLinkContainer > p > span{
    font-family: 'raleway-regular';   
}


/*---------------------------------------------------------------------------------------
|                                     Page Header                                        |
----------------------------------------------------------------------------------------*/

.content{
    position: relative;
    z-index: 3;
    padding-top:110px;
    margin: 0 auto;
    width: 98vw;
}
/*---------------------------------------------------------------------------------------
|                                     Intro Bloc                                         |
----------------------------------------------------------------------------------------*/

.introContainer{
    margin:0 auto;
    width:98vw;
    background-size: cover;
    background-attachment: fixed;
}
.introFilter{
    padding:8vh 0;
    width:100%;
    background-color:rgba(55, 57, 59, 0.7);
}
.introFilter > h1{
    font-family: 'playfair-bold';
    font-size:40px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 3px;
    color:#fff;
}
.introFilter > .introText{
    margin: 0 auto;
    padding: 12px 25px;
    font-family: 'roboto-light';
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 1.6;
    border: solid 2px rgba(255, 255, 255, 0.2);
    text-transform: uppercase;
    color: #eee;
    display: inline-block;
}
.titleContainer{
    position: absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    width:500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.pictoHeader{
    margin:0 auto 10px;
    width: 36px;
}
.pictoHeader:hover{
}
.titleHeader{
    position: relative;
    z-index: 1;
    margin:0;
    font-family:'roboto-light';
    line-height:1.6;
    text-transform: uppercase;
    letter-spacing: 1vh;
    text-align: center;
    font-size:16px;
    color:#232425;
}
.titleHeader > sup{
    font-size:12px;
    padding-bottom:6px;
    border-bottom:solid 2px #C09E6E;
}
.titleHeader > span{
    font-size:14px;
    letter-spacing: 16px;
}

/*---------------------------------------------------------------------------------------
|                                     Content Page                                       |
----------------------------------------------------------------------------------------*/
.sections{
    margin:0;
    padding:35px 0;
    width:100%;
    display:flex;
    justify-content: left;
    min-height: 64vh;
    overflow: hidden;
}
.section{
    display:flex;
    justify-content: left;
    min-height: 64vh;
    overflow: hidden;
    width:250px;
    background-size: 100vw;
    background-repeat: no-repeat;
    background-image:url(images/icones/part.svg);
    transition:0.4s;
}
.section:not(.open){
    cursor:pointer;
}
.section:not(.open):hover{
    width:40vw;
}
.open{
    width:150vw;
}
.partContainer{
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.part{
    margin:0 0 5px 0;
    padding:15px;
    width: 50px;
    height: 50px;
    background-image: url(images/icones/part4.svg);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.part > img{
    margin:0 auto;
    width:25px;
    opacity:0.8;
}
.part > p{
    margin: 0;
    font-family: 'roboto-regular';
    font-size: 16px;
    color: #2b2b2b;
}
.titlePart {
    font-family: 'roboto-light';
    font-size: 16px;
    color: #2b2b2b;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    text-align:left;
}
.textContainer{
    overflow: hidden;
    padding: 35px 25px 25px 0;
    width:50vw;
    min-width:35vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: left;
    transition:0.4s;
}
.open .textContainer{
    align-items: center;    
}

/*---------------------------------------------------------------------------------------
|                                       Text Page                                        |
----------------------------------------------------------------------------------------*/

.sectionTitle{
    margin:0 0 25px;
    width:650px;
    font-weight: normal;
    font-family: 'playfair-regular';
    font-size:2vw;
    color:#2b2b2b;
    text-align: left;
}
.titleLine{
    width:650px;
    height:0px;
    border-top:solid 2px #C09E6E;
}
.story{
    margin:25px 0;
    width:650px;
    font-family: 'raleway-regular';
    color:#2b2b2b;
    line-height:1.1;
    text-align: left;
}
.story.big{
    font-size:16px;
    letter-spacing:1px;
    line-height: 1.5;
}
.story.regular{
    margin: 0;
    font-family: 'raleway-regular';
    font-size: 13px;
    text-align: justify;
    line-height: 1.5;
    color: #626466;
}
.story.thin{
    font-size:11px;
}

/*---------------------------------------------------------------------------------------
|                                       Illustration                                     |
----------------------------------------------------------------------------------------*/
.ill{
    width:100%;
    height:100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
}

/*---------------------------------------------------------------------------------------
|                                       Big Blocs                                        |
----------------------------------------------------------------------------------------*/
.bigBloc{
    width:100%;
    min-height:100vh;
    background-image: url(images/ill/emilie_blanc_restauration_tableau_peinture_sculpture_grenoble_apropos_8.jpg);
    background-size: cover;
    background-position: center;
    display:flex;
    justify-content: center;
    align-items: center;
}
.textContainerBigBloc{
    margin:80px auto;
    padding:90px 100px 100px;
    width:570px;
    background-color:#fff;
}
.textContainerBigBloc > h2{
    margin:0 auto 50px;
    font-family: 'playfair-bold';
    font-size: 40px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #2b2b2b;
}
.textContainerBigBloc > p{
    margin:0;
    font-family: 'roboto-light';
    font-size: 13px;
    line-height: 1.4;
    text-align: justify;
    color:#454749;
}
.textContainerBigBloc > p > span{
    position: relative;
    bottom: 6px;
    font-family: 'playfair-bold';
    font-size: 18px;
    line-height: 1.2;
}

/*---------------------------------------------------------------------------------------
|                                         Articles                                       |
----------------------------------------------------------------------------------------*/
.itemteasingContainer{
    margin:25px auto 0;
    padding:25px 0;
    display:flex;
    justify-content: center;
    flex-wrap: nowrap;
}
.itemTeasing{
    margin:0 25px;
    width:400px;
    border-bottom:solid 1px #aaa;
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: left;
    overflow: hidden;
}
.illteasing{
    width:100%;
    height:250px;
    background-size:cover;
    background-position: center;
}
h2.itemTitle{
    margin: 15px 0;
    font-family: 'playfair-regular';
    font-size: 22px;
    font-weight: normal;
    color: #2b2b2b;
    text-align: left;
}
.begin{
    margin:0;
    font-family: 'roboto-light';
    font-size:14px;
    color:#777;
    text-align: justify;
}
.buttonTeasing{
    position: relative;
    top: 50px;
    min-width: 0;
    margin: 15px 0 0;
    padding: 10px 5%;
    font-family: 'roboto-light';
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    border: solid 1px #CDA349;
    border-bottom: none;
    cursor: pointer;
    background-color: #CDA349;
    display: inline-block;
    transition: 0.4s;
}
.itemTeasing:hover .buttonTeasing{
    top:0;
}
.sliderArticles{
    width:100%;
    overflow:hidden;
    background-image:url(images/ill/emilie_blanc_restauration_tableau_peinture_sculpture_grenoble_approche_3.jpg);
    background-position:center;
    background-repeat:repeat;
}
.slide{
    position: relative;
    right: 0;
    width: 196vw;
    overflow: hidden;
    transition: ease-out 0.6s;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}
.slidePosition1{
    right:0;
}
.slidePosition2{
    right:98vw;
}
.slidePosition3{
    right:196vw;
}
.article{
    margin:0 auto;
    padding:50px 0 80px;
    width:98vw;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    opacity:0;
    transition: 0.4s;
    float:left;
}
.slidePosition1 .article1{
    opacity:1;
    max-height:auto;
}
.slidePosition2 .article2{
    opacity:1;
    max-height:auto;
}
.slidePosition3 .article3{
    opacity:1;
    max-height:auto;
}
.itemIll{
    width:100%;
    display:flex;
    flex-direction: column;
    justify-content: center;
}
.articleFilter{
    background-color:rgba(55, 57, 59, 0);
    transition: 0.4s;
}
.articleFilterOn{
    background-color:rgba(55, 57, 59, 0.3);
}
.itemContainer{
    margin: 0 auto;
    width: 789px;
    padding: 50px 80px;
    display:flex;
    flex-direction:column;
    justify-content: flex-start;
}
p.itemTitle{
    margin:0 auto 50px;
    font-family: 'playfair-italic';
    font-size: 30px;
    font-weight: normal;
    color: #fff;
    text-shadow: 0 2px 5px #2b2b2b;
    text-align: center;
    display:inline-block;
}
.etapes{
    display:flex;
    flex-wrap:nowrap;
    justify-content: space-between;
}
.etape{
    margin: 10px;
    width: 95%;
    padding: 10px 1%;
    background-color:#fff;
    cursor:pointer;
}
.etape:hover{
    border-color:#CDA349;
}
.itemText{
    margin:15px auto;
    width:800px;
    font-family: 'roboto-light';
    font-size: 14px;
    letter-spacing: 1px;
    color:#454749;
    text-align: justify;
}
.ssTitleItem{
    font-family: 'playfair-italic';
    font-size: 14px;
    letter-spacing: 1px;
    color: #2b2b2b;
    opacity:1;
    transition:0.4s;
}
.etape .itemText{
    margin:15px auto;
    width:100%;
    font-family: 'roboto-light';
    font-size: 13px;
    color:#454749;
    letter-spacing: 0;
    text-align: center; 
    opacity:1;
}
.etape:hover .ssTitleItem, .etape:hover .itemText{
    opacity:1;
}
.itemCitation{
    margin:0 auto;
    padding:40px 0;
    width:400px;
    font-family: 'playfair-bold-italic';
    font-size: 16px;
    letter-spacing: 1px;
    color:#454749;
    text-align: center;
}

/*---------------------------------------------------------------------------------------
|                                    Equipement technique                                |
----------------------------------------------------------------------------------------*/
.toolsContainer{
    margin:5vh 0;
    width:100%;
    display:flex;
    justify-content: center;
    flex-wrap: nowrap;
}
.toolsContainer:nth-child(4){
    margin:0;
}
.toolContainer{
    margin: 15px 0;
    width:30%;
    display:flex;
    justify-content: left;
    align-items: center;
    flex-wrap: nowrap;
}
.toolContainer > img{
    padding-right:20px;
    width:40px;
}
.toolContainer > p{
    margin:0;
    width:180px;
    font-family: 'roboto-regular';
    font-size: 14px;
    letter-spacing: 1px;
    text-align: left;
    color:#454749;
}
.toolContainer > p > span{
    font-size: 11px;
    letter-spacing: 0;
    font-family: 'roboto-light';
}

/*---------------------------------------------------------------------------------------
|                                     Réalisations                                       |
----------------------------------------------------------------------------------------*/
.world{
    margin:50px auto;
    width:1200px;
    height:550px;
    background-image:url(images/ill/emilie_blanc_restauration_tableau_peinture_sculpture_grenoble_realisations_3.svg);
    background-size:cover;
    overflow: hidden;
}
.continent{
    position: relative;
    border: dashed 1px #777;
    cursor:pointer;
}
.continent:hover{
    background-color:rgba(255, 255, 255, 0.4);
}
.continentFocus{
    background-color:rgba(255, 255, 255, 0.4);
    border:solid 1px #CDA349;   
}
.asia{
    bottom: 100px;
    left: 700px;
    width: 300px;
    height: 200px;
}
.europe{
    top: 30px;
    left: 460px;
    width: 150px;
    height: 150px;
}
.middleEast{
    bottom: 250px;
    left: 600px;
    width: 120px;
    height: 170px;
}
.oceania{
    bottom: 180px;
    left: 860px;
    width: 250px;
    height: 165px;
}

/*Plane*/
.targetLine{
    margin:0px auto 20px;
    padding-top: 20px;
    width:1280px;
    height:1px;
    border-bottom:dotted 1px #454749;
}
.plane{
    position:relative;
    left:-640px;
    margin:-13px 0 0;
    width:30px;
    transform:rotate(90deg);
}

/*Galeries*/
.europePortfolio, .asiaPortfolio, .middleEastPortfolio, .oceaniaPortfolio{
    max-height:0px;
    overflow: hidden;
    transition: 2s;
    opacity:0;
}
.portfolioOpen{
    max-height:6000px;
    opacity:1;
    transition: 2s;
}
.galerie{
    margin:5vw auto;
    width:98%;
    display:flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.fancybox-title{
    margin-top: -40px;
    padding: 10px;
    font-family: 'roboto-light !important';
    font-size: 11px !important;
    color: #eee;
    text-align: right;
    background-color: rgba(0, 0, 0, 0.3);
}
.picture{
    width:22vw;
    height:22vw;
    background-position: center;
    background-size:cover;
    transition: 4s;
    margin:4px;
    overflow: hidden;
    transition:0.4s;
}
.projectInfos{
    position:relative;
    bottom:0;
    height:125%;
    width:22vw;
    background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0) 75%);
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    overflow:hidden;
    transition: 0.4s;
}
.picture:hover .projectInfos, .picture.active .projectInfos{
    bottom:25%;
    background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
}
.name{
    position: relative;
    margin: 0 auto;
    bottom:12vw;
    width: 80%;
    font-family: 'roboto-light';
    font-size: 0.8vw;
    text-transform: uppercase;
    font-style: italic;
    color: #fff;
    line-height: 1em;
    max-height: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow:hidden;
    opacity:0;
    transition: 0.4s;
}
.name > span{
    font-family: 'roboto-medium'
}
.picture:hover .name, .picture.active .name{
    opacity:1;
    bottom:0;
}   
.artist{
    position: relative;
    bottom:8vw;
    margin:0;
    font-family: 'playfair-regular';
    color: #fff;
    font-size: 0.8vw;
    transition:0.4s;
    opacity:0;
}
.details{
    position: relative;
    bottom:8vw;
    margin: 15px 0 2vw;
    font-family: 'roboto-light';
    color: #fff;
    padding: 5px;
    font-size: 0.7vw;
    border: solid 1px #fff;
    transition: 0.4s;
    opacity:0;
}
.picture:hover .artist, .picture.active .artist, .picture:hover .details, .picture.active .details{
    opacity:1;
    bottom:0;
}
.picturesNb{
    margin: 10px auto 25px;
    font-family: 'raleway-light';
    font-size: 1vw;
    color:#fff;
    opacity:0;
    transition:0.6s ease-in;
}
.picturesNb > img{
    width: 30px;
    margin: 0 5px -7px 0;
}
.picture:hover .picturesNb, .picture.active .picturesNb{
    opacity:1;
}
.bottomInfos{
    position: relative;
    top:5vw;
    padding: 12px 0 12px 5%;
    width: 95%;
    background-color: #fff;
    transition: 0.4s ease-out;
}
.picture:hover .bottomInfos, .picture.active .bottomInfos{
    top:0;
}
.owner{
    margin: 0;
    font-family: 'raleway-light';
    font-size: 1.1vw;
    text-transform:uppercase;
    text-align: left;
    color:#3c4a50;
}
.owner > span{
    font-family: 'raleway-bold';
}
.legend{
    margin:0;
    width:90%;
    font-family: 'raleway-light';
    font-size: 12px;
    color: #3c4a50;
    text-align: left;
}
.fancybox-wrap, .fancybox-inner{
    max-width:96vw !important;
}

/*---------------------------------------------------------------------------------------
|                                    Reportages videos                                   |
----------------------------------------------------------------------------------------*/
.videosGallery{

}
.report{
    margin:50px auto;
    width:30vw;
    padding:2vw;
    background-image:url(images/reports/1.jpg);
    background-size:cover;
    background-position:center;
    display:flex;
    justify-content: space-between;
    align-items: center;
    overflow:hidden;
    transition: 0.4s;
}
.report:hover{
    box-shadow:0 0 50px #777;
}
.titles{
    width:70%;
    display:flex;
    flex-direction: column;
    justify-content: center;
}
.reportTitle1{
    margin:0;
    padding:5vw 0 1vw;
    font-family: 'roboto-bold';
    font-size: 18px;
    text-align:left;
    color:#fff;
}
.reportTitle2{
    margin:0;
    padding:0 0 5vw;
    font-family: 'roboto-bold';
    font-size: 2vw;
    text-align:left;
    line-height: 1;
    color:#fff;
}
.reportInfos{
    position: relative;
    bottom: 0;
    margin: 0 0 -80px;
    padding: 12px 5px 12px 25px;
    font-family: 'roboto-regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 1px;
    color: #2b2b2b;
    border: solid 3px #fff;
    background-color: #fff;
    opacity: 0;
    transition: 0.4s;
}
.report:hover .reportInfos{
    bottom:60px;
    opacity:1;
}
.play{
    margin-top: 3vw;
    width: 6vw;
    height: 6vw;
    cursor: pointer;
    opacity:1;
    transition: 0.4s;
}
/*Player Vidéo*/
.bgBlurOff{
    position: fixed;
    z-index: -1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0);
    transition: all 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bgBlurOn{
    z-index: 8;
    background-color:rgba(0, 0, 0, 0.9);
    cursor:pointer;
}
.playerOff{
    width:0px;
    height:0px;
    overflow:hidden;
    transition:all 0.4s;
}
.playerOn{
    z-index: 10;
    width:auto;
    height:80vh;
    opacity:1;
}
#player {
    height:80vh;
}

/*---------------------------------------------------------------------------------------
|                                       Renvois de Pages                                 |
----------------------------------------------------------------------------------------*/
.interTitle{
    font-family: 'playfair-bold';
    font-size: 40px;
    padding-top: 50px;
    font-weight: normal;
    line-height: 0.8;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #2b2b2b;
    border-top: solid 1px #eee;
}
.interTitle > span{
    font-size:20px;
    color:#2b2b2b;
    text-transform: none;
}
.interTitle2{
    font-family: 'playfair-bold';
    font-size: 20px;
    padding-top: 50px;
    font-weight: normal;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: 3px;
    color: #2b2b2b;
}
.interTitle2 > span{
    font-size:40px;
    text-transform: uppercase;
}
.generalLinks{
    padding:0 0 50px;
    width:100%;
    display: flex;
    justify-content: space-around;
}
.generalLink{
    width:24%;
    height:35vh;
    background-size: cover;
    background-position: center;
}
.generalLinkFilter{
    width:100%;
    height:100%;
    background-color:rgba(55, 57, 59, 0.7);
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity:0;
    transition:0.4s;
}
.generalLink:hover .generalLinkFilter{
    opacity:1;
}
.pictoLinkContainer{
    margin:0 0 5px 0;
    padding:15px;
    width: 50px;
    height: 50px;
    background-image: url(images/icones/part5.svg);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pictoLinkContainer > img{
    margin:0 auto;
    width:25px;
    opacity:0.8;
}
.generalLinkFilter > p{
    font-family: 'roboto-light';
    font-size:13px;
    color:#eee;
    letter-spacing:4px;
    text-transform:uppercase;
}
.generalLinkFilter > a{
    padding:20px 25px;
    font-family: 'roboto-regular';
    font-size:12px;
    color:#eee;

    border:solid 2px #fff;
    display:inline-block;
}

/*---------------------------------------------------------------------------------------
|                                  Coordonnées et contact                                |
----------------------------------------------------------------------------------------*/

.face{
    margin:50px auto 0;
    width:120px;
    height:120px;
    border-radius:60px;
    background-image:url(images/ill/emilie_blanc_restauration_tableau_peinture_sculpture_grenoble_contact_3.jpg);
    background-size:cover;
    background-repeat: no-repeat;
}
.contactInfos{
    margin: 25px auto 50px;
    font-family: 'roboto-regular';
    font-size: 14px;
    color: #2b2b2b;
    letter-spacing: 3px;
}
.contactInfos > span{
    font-family: 'playfair-bold';
    font-size:16px;
    letter-spacing:2px;
}
form{
    margin:50px auto;
    width:550px;
}
form > .champ{
    margin:0 auto 25px;
    width:494px;
    padding:20px 25px;
    font-family:'roboto-light';
    font-size:14px;
    outline:none;
    border:solid 3px transparent;
    background-color:#f5f5fa;
}
form > .champ2{
    margin:0 auto 20px;
    width:494px;
    height:150px;
    padding:20px 25px;
    font-family:'roboto-light';
    font-size:14px;
    outline:none;
    border:none;
    border:solid 3px transparent;
    background-color:#f5f5fa;
}
form > .champ:active, form > .champ:focus, form > .champ2:active, form > .champ2:focus{
    border:solid 3px #CDA349;
}
form > .envoi{
    margin:0 auto 20px;
    padding:10px 25px;
    outline:none;
    border:solid 1px #CDA349;
    background-color:#CDA349;
    font-family:'roboto-light';
    font-size:12px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    color:#fff;
    cursor:pointer;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
}
form > .envoi:hover{
    padding:10px 35px;
}
form .g-recaptcha{
    margin: 0 auto 25px 125px;
}

/*---------------------------------------------------------------------------------------
|                                         Footer                                         |
----------------------------------------------------------------------------------------*/

footer{
    position:relative;
    z-index: 1;
    padding:25px 0 0;
    background-color:#232527;
}
.contactContainer{
    margin:0 auto;
    width:500px;
}
.contactContainer > .citation{
    font-family: 'playfair-italic';
    font-size:14px;
    color:#eee; 
}
.contactContainer > .moreContact{
    font-family: 'roboto-medium';
    font-size:18px;
    color:#eee; 
}
.contactContainer > .linkContact{
    padding:10px 35px;
    font-family: 'roboto-regular';
    font-size:12px;
    color:#CDA349;
    background-color:transparent;
    border:solid 1px #CDA349;
    display:inline-block;
    transition: 0.4s
}
.linkContact:hover{
    padding:10px 45px;
    color:#fff;
    background-color:#CDA349;
}
#map{
    margin:0 auto;
    width:98vw;
    height:50vh;
    min-height:350px;
}
.footerBlocs{
    margin: 35px auto 0;
    max-width:1000px;
    border-top:solid 1px #777;
    border-bottom:solid 1px #777;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-wrap:nowrap;
}
.footerBloc{
    margin:25px auto;
    padding:0 25px;
    max-width:1000px;
    height:200px;
    display:flex;
    flex-direction: column;
    justify-content: center;
}
.footerBloc:nth-child(2){
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items:center;
}
.footerBloc:nth-child(1){
    border-right:dashed 1px #555;
}
.footerBloc:nth-child(3){
    border-left:dashed 1px #555;
}
.ssBloc{
    display:flex;
    flex-direction: column;
    justify-content: center;
}
.ssBloc > a {
    padding:5px 80px 5px 10px;
    font-family: 'roboto-light';
    font-size:12px;
    color:#aaa;
    text-align: left;
    border-left:solid 1px #232527;
    transition: 0.4s;
}
.ssBloc > a:hover{
    padding:5px 70px 5px 20px;
    border-left:solid 1px #555;
    color:#eee;
}
.footerBloc > a > .logoFooter{
    width:200px;
}
.footerBloc > .blocText{
    font-family: 'roboto-light';
    font-size:12px;
    color:#aaa;
    text-align: left;
}
.mentions{
    padding:25px 0;
    font-family: 'roboto-light';
    font-size:12px;
    color:#aaa;
    text-align: center;   
}

/*---------------------------------------------------------------------------------------
|                               Responsive design                                        |
----------------------------------------------------------------------------------------*/

@media (max-height:720px) {

    .open{
        width: 120vw;
    }
    .story.big{
        font-size:15px;
        line-height: 1.2;
    }
    .linkFilter > a{
        font-size:12px;
    }
}
@media (max-width:1340px) {

    .story, .titleLine, .sectionTitle{
        width:500px;   
    }
    .story.big{
        font-size:14px;
    }
    .story.regular{
        font-size:12px;
    }
    .textContainer{
        align-items: left;
    }
    .linkFilter > a{
        font-size:12px;
    }
    .toolsContainer{
        margin-bottom:0;
    }
    .toolContainer{
        margin:0 10px;
        align-items: flex-start;
    }
    .toolContainer > p{
        font-size:12px;
        width:auto;
    }
    .toolContainer > img{
    
    }
}
@media (max-width:1000px) {
    .respOn{
        display:block !important;
    }
    .noResp, .toolBarHome, .logoNav, .pictoNav, .partContainer, .bigBloc, .footerBlocs, .mentions br{
        display:none;
    }
    .toolBar.resp{
        display:flex !important;
    }
    .logoResp, .logo{
        width:inherit;
        height:150px;
    }
    .menu{
        width: 60px;
        height: 60px;
        border-color:transparent;
    }
    .menu:hover, .menuHome:focus{
        border: solid 2px transparent !important;
    }

    /*Navigation*/
    nav{
        position: fixed;
        top: 0;
        padding-top: 150px;
        height: 92%;
    }
    .close, close:hover{
        position: fixed;
        z-index: 4;
        top: 25px;
        right: 1vw !important;
        left: auto !important;
        padding: 20px;
        width: 60px;
        height: 60px;
        background-color: #fff;
    }
    .menuContainer {
        margin: 0;
        padding: 2% 3%;
        width: 94%;
        height: 96%;
        flex-direction: column;
    }
    .link{
        width: 100%;
        height:18%;
        margin: 1px auto;
    }
    .linkContent {
        height: 100%;
        filter: none;
    }
    .linkContent:hover{
        width:100%;
    }
    .linkFilter{
        margin:0;
        height:100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        background-color: rgba(33, 28, 22, 0.4);
    }
    .linkFilter > a {
        padding: 12% 25px 12% 0;
        font-size: 50px;
        letter-spacing: 2px;
        line-height: 1;
        writing-mode: horizontal-tb;
        transform: rotate(0deg);
        height: auto;
        color: #fff;
        text-align: right;
        font-family: 'roboto-light';
        display: block;
        width: 100%;
    }

    /*Content*/
    .container{
        position: relative;
    }
    .videoFilter{
        display:none;
    }
    .teasing{
        position: relative;
        top:0;
        margin:0;
        padding-top:34vh;
        min-height: 90vh;
        line-height: 2;
        width:100%;
        font-family: 'playfair-regular';
        font-size: 40px;
        text-align: center;
        color: rgba(255, 255, 255, 0.9);
        background-color: transparent;
        background-image: url(images/ill/emilie_blanc_restauration_tableau_peinture_sculpture_grenoble_homeResp.jpg);
        background-size: cover;
        background-position: center;
    }

    /*Header*/
    .introContainer{
        background-attachment: scroll;
    }
    .introFilter{
        padding:15vh 0;
    }
    .introFilter > h1{
        font-size:90px;
    }
    .introFilter > .introText{
        display:none;
    }

    /*Sections*/
    .sections{
        flex-wrap: wrap;
    }
    .section, .section.open, .section:hover{
        width:100%;
    }
    .section:not(.open):hover{
        width:100%;
    }
    .open{
        width:100%;
    }
    .textContainer{
        width:100%;
    }
    .story, .story.regular, .titleLine, .sectionTitle{
        margin:20px auto;
        width:90%;   
    }
    .sectionTitle{
        font-size:55px;
    }
    .story.big{
        font-size:36px;
    }
    .story.regular{
        font-size:34px;
    }
    .section.respIll{
        min-height:40vh;
    }
    .ill{
        width:100%;
        height:40vh;
        background-size: cover;
        background-position: center;
        display: block;
    }

    /*Renvois*/
    .interTitle{
        padding-top:80px;
        line-height: 1.2;
    }
    .interTitle br{
        display:none;
    }
    .interTitle > span{
        font-size:40px;
        text-transform: uppercase;
    }
    .generalLinks{
        margin-top:80px;
        flex-wrap: wrap;
    }
    .generalLink{
        width: 96%;
        height:350px;
        border-bottom: solid 5px #fff;;
    }
    .generalLinkFilter{
        opacity:1;
    }
    .pictoLinkContainer{
        width:150px;
        height:150px;
    }
    .pictoLinkContainer > img{
        width:75px;
    }
    .generalLinkFilter > p{
        font-size:35px;
    }

    /*Slider*/
    .sliderArticles{
        background-image: none;
    }
    .slide{
        width: 100%;
        overflow: auto;
        display: block;
    }
    .slidePosition1, .slidePosition2, .slidePosition3{
        right:0;
    }
    .article{
        opacity:1;
    }
    .itemContainer{
        width:100%;
        padding:0;
    }
    p.itemTitle{
        margin: 20px auto;
        padding-bottom:40px;
        width: 90%;
        font-size:55px;
        font-weight: normal;
        font-family: 'playfair-regular';
        color: #2b2b2b;
        text-shadow: none;
        text-align: left;
        border-bottom: solid 2px #C09E6E;
    }
    .itemText{
        width:90%;
        font-size:34px;
        font-family: 'raleway-regular';
    }
    .itemCitation{
        font-size:45px;
        width:90%;
    }

    /*Etapes*/
    .etapes{
        margin-bottom: -10px;
        display:block;
    }
    .etape{
        background-color: #eee;
    }
    .ssTitleItem{
        font-size:30px;
        padding: 25px 0 40px;
    }
    .etape .itemText{
        font-size:30px;
        text-align: left;
    }

    .europePortfolio, .asiaPortfolio, .middleEastPortfolio, .oceaniaPortfolio{
        display:none;
    }
    .galerieInfos{
        margin:0 auto;
        font-size:40px;
        font-family: 'playfair-regular';
        color: #fff;
        width:80%;
    }

    /*Atelier*/
    .toolsContainer{
        width: 100%;
        display: block;
    }
    .toolContainer{
        width: 100%;
        display: block;
    }
    .toolContainer > img{
        display: none;
    }
    .toolContainer > p{
        margin-top:25px;
        width:100%;
        font-size:35px;
    }
    .toolContainer > p > span{
        font-size:25px;
    }


    /*Reportages*/
    .report{
        width:90vw;
        height:45vw;
    }
    .reportInfos{
        display:none;
    }
    .reportTitle1{
        font-size:40px;
    }
    .reportTitle2{
        font-size:30px;
    }
    .play{
        margin-right:5vw;
        width:12vw;
        height:12vw;
    }

    /*Contact*/
    .face{
        width:30vw;
        height:30vw;
        border-radius:15vw;
    }
    .contactInfos > span{
        font-size:38px;
    }
    .contactInfos{
        font-size:30px;
    }
    .interTitle{
        font-size:70px
    }
    form{
        width:100%;
    }
    form > .champ, form > .champ2{
        width:80vw;
        font-size:34px;
    }
    form > .champ2{
        height:350px;
    }
    form > .envoi{
        width:88%;
        font-size: 40px;
    }
    #map{
        display:none;
    }


    /*Footer*/
    .contactContainer{
        width:90%;
    }
    .contactContainer > .citation{
        display:none;
    }
    .contactContainer > .moreContact{
        font-size:45px;
    }
    .contactContainer > .linkContact {
        padding: 20px 35px;
        margin: 0 auto 40px;
        font-size:40px;
    }
    .mentions{
        margin:0 auto;
        font-size: 22px;
        width: 96%;
        padding-bottom:50px;
    }










}