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

/*Propriétés du body*/
body{
    position: absolute;
	margin:0;
    padding:0;
	width:100%;
	height:100%;
	font-family:arial, sans-serif;
    text-align:center;
    color:#000;
    background-color: #efefef;
}

/*Antialiasing*/
body, h1, h2, h3, h4, h5, h6, p, li, a, span, div {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*Style des liens hypertexte*/
a{
	text-decoration:inherit;
	color:inherit;
}

/*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;
}
.noResp{
    display:block;
}
.respOn{
    display: none;
}

/*---------------------------------------------------------------------------------------
|                               Polices d'écriture                                       |
----------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'source';
    src: url('fonts/font-webfont.eot');
    src: url('fonts/font-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/font-webfont.woff2') format('woff2'),
         url('fonts/font-webfont.woff') format('woff'),
         url('fonts/font-webfont.ttf') format('truetype'),
         url('fonts/font-webfont.svg#source_sans_prolight') format('svg');
}
@font-face {
    font-family: 'sourceBlack';
    src: url('fonts/sourcesanspro-black-webfont.eot');
    src: url('fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-black-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-black-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-black-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
}
@font-face {
    font-family: 'sourceBold';
    src: url('fonts/sourcesanspro-bold-webfont.eot');
    src: url('fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
}
@font-face {
    font-family: 'sourceSemiBold';
    src: url('fonts/sourcesanspro-semibold-webfont.eot');
    src: url('fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
}
@font-face {
    font-family: 'miller';
    src: url('fonts/miller-display_30501-webfont.eot');
    src: url('fonts/miller-display_30501-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/miller-display_30501-webfont.woff2') format('woff2'),
         url('fonts/miller-display_30501-webfont.woff') format('woff'),
         url('fonts/miller-display_30501-webfont.ttf') format('truetype'),
         url('fonts/miller-display_30501-webfont.svg#miller_displayregular') format('svg');
}
@font-face {
    font-family: 'pnb';
    src: url('fonts/pnb.eot');
    src: url('fonts/pnb.eot?#iefix') format('embedded-opentype'),
         url('fonts/pnb.woff2') format('woff2'),
         url('fonts/pnb.woff') format('woff'),
         url('fonts/pnb.ttf') format('truetype'),
         url('fonts/pnb.svg#miller_displayregular') format('svg');
}
@font-face {
    font-family: 'pnsb';
    src: url('fonts/pnsb.eot');
    src: url('fonts/pnsb.eot?#iefix') format('embedded-opentype'),
         url('fonts/pnsb.woff2') format('woff2'),
         url('fonts/pnsb.woff') format('woff'),
         url('fonts/pnsb.ttf') format('truetype'),
         url('fonts/pnsb.svg#miller_displayregular') format('svg');
}
@font-face {
    font-family: 'pnl';
    src: url('fonts/pnl.eot');
    src: url('fonts/pnl.eot?#iefix') format('embedded-opentype'),
         url('fonts/pnl.woff2') format('woff2'),
         url('fonts/pnl.woff') format('woff'),
         url('fonts/pnl.ttf') format('truetype'),
         url('fonts/pnl.svg#proxima_nova_rgbold') format('svg');
}

/*---------------------------------------------------------------------------------------
|                               Polices d'écriture                                       |
----------------------------------------------------------------------------------------*/

/*
Blue Grey
50      #ECEFF1
100     #CFD8DC
200     #B0BEC5
300     #90A4AE
400     #78909C
500     #607D8B
600     #546E7A
700     #455A64
800     #37474F
900     #263238

Blue Light
50      #E1F5FE
100     #B3E5FC
200     #81D4FA
300     #4FC3F7
400     #29B6F6
500     #03A9F4
600     #039BE5
700     #0288D1
800     #0277BD
900     #01579B
/*

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

.homeCard{
    position: absolute;
    left:0;
    right:0;
    top:44vh;
    margin-left:auto;
    margin-right:auto;
    padding:25px;
    z-index: 2;
    width:281px;
    background-color:#B0BEC5;
}
.homeCard > h2{
    font-family:'sourceSemiBold';
    font-size:20px;
    text-align: left;
    text-transform: uppercase;
    color:#fff;
    font-weight: normal;
    float:left;
}
.homeCard > h2:nth-child(2){
    margin:2px 0 0 5px;
    font-size:15px;
    font-weight: normal;
    font-family: 'source';
}

/*Home Cube Container*/
.homeCubeContainer > div{
    position: fixed;
    width:50%;
    height:50%;
    background-size:cover;
    cursor: pointer;
    float:left;
    -webkit-transition:all 0.2s;
    -ms-transition:all 0.2s;
    -moz-transition:all 0.2s;
}
.homeCubeContainer > div:hover{
    z-index: 1;
    width:51%;
    height:52%;
    box-shadow:1px 2px 3px #444;
}
.homeCubeContainer > div:last-child:hover{
	z-index: 3;
}
.homeCubeContainer> div:first-child{
    top:0;
    left:0;
    background-image:url(images/backgrounds/catherine-froment-avocat-affaires-familiales-lyon-2.jpg);
    background-size:cover;
    background-position:center center !important;
}
.homeCubeContainer> div:nth-child(2){
    top:0;
    right:0;
    background-image:url(images/backgrounds/catherine-froment-avocat-affaires-familiales-lyon-5.jpg);
    background-size:cover;
    background-position:center center !important;
}
.homeCubeContainer> div:nth-child(3){
    bottom:0;
    left:0;
    background-image:url(images/backgrounds/catherine-froment-avocat-affaires-familiales-lyon-4.jpg);
    background-size:cover;
    background-position:center center !important;
}
.homeCubeContainer> div:last-child{
    bottom:0;
    right:0;
    background-image:url(images/backgrounds/catherine-froment-avocat-affaires-familiales-lyon-1.jpg);
    background-size:cover;
    background-position:center center !important;
}
.homeCubeContainer > div > a > div{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url(images/icones/opacity.png);
    background-size:cover;
    -webkit-transition:all 0.2s;
    -ms-transition:all 0.2s;
    -moz-transition:all 0.2s;
}
.homeCubeContainer > div > a > div:hover{
    background-image:url(images/icones/opacity_2.png);
    box-shadow:1px 2px 3px #222;
}
.homeCubeContainer > div:first-child > a > div:hover{
    border-left:none;
    border-top:none;
}
.homeCubeContainer > div:nth-child(2) > a > div:hover{
    border-right:none;
    border-top:none;
}
.homeCubeContainer > div:nth-child(3) > a > div:hover{
    border-left:none;
    border-bottom:none;
}
.homeCubeContainer > div:last-child > a > div:hover{
    border-right:none;
    border-bottom:none;
}
.homeCubeContainer > div > a > div > h1{
    position:relative;
    z-index: 2;
    top:50%;
    right:0;
    margin:0 auto;
    font-family:'pnb';
    font-size:2vw;
    font-weight: normal;
    color:#546E7A;
    -webkit-transition:all 0.2s;
    -ms-transition:all 0.2s;
    -moz-transition:all 0.2s;
}
.homeCubeContainer > div > a > div:hover > h1{
    top:5%;
    right:25%;
    font-size:20px;
    font-weight: normal;
    text-shadow:none;
    color:#fff;
}
.homeCubeContainer > div > a > div > ul{
	position: relative;
	top:5%;
	left:20%;
	padding:30px 0 0 0;
	width:270px;
    border-top:solid 3px transparent;
    opacity:0;
    -webkit-transition:all 0.2s;
    -ms-transition:all 0.2s;
    -moz-transition:all 0.2s;
}
.homeCubeContainer > div > a > div > ul > li{
	font-family: 'pnb';
	text-align: left;
    font-size:15px;
    color:#fff;
    list-style-type: none;
    -webkit-transition:all 0.2s;
    -ms-transition:all 0.2s;
    -moz-transition:all 0.2s;
}
.homeCubeContainer > div > a > div:hover > ul{
    padding:15px 0 0 0;
    border-top:solid 3px #fff;
	opacity:1;
}

/*---------------------------------------------------------------------------------------
|                                      Side Nav                                          |
----------------------------------------------------------------------------------------*/

.openMenu{
    position:fixed;
    right:25px;
    top:0;
    z-index: 2;
    margin:0;
    padding:25px 0;
    font-family:'source';
    font-size:14px;
    color:#fff;
    text-transform: uppercase;
    text-align: left;
    cursor: pointer;
}
nav{
    position: fixed;
    z-index: 9;
    top:0;
    right:-350px;
    height:100%;
    width:350px;
    background-color:#232323;
    -webkit-transition:all 0.25s;
    -ms-transition:all 0.25s;
    -moz-transition:all 0.25s;
}
nav.navOn{
    right:0px;
    -webkit-transition:all 0.25s;
    -ms-transition:all 0.25s;
    -moz-transition:all 0.25s;
}
nav > div > div{
    position: absolute;
    width:300px;
    height:100%;
    background-image:url(images/icones/opacity.png);
    background-size:cover;
}
nav h1{
    margin:0 auto 25px;
    font-family:'pnl';
    font-size:24px;
    text-align: center;
    color:#78909C;
}
nav h1.marg{
    margin:8vh auto 25px;
    font-family:'pnl';
    font-size:24px;
    text-align: center;
    color:#78909C;
}
nav h3{
    margin: 0 auto;
    padding: 1vh 0;
    width: 170px;
    font-family: 'pnl';
    font-size: 16px;
    text-align: center;
    color: #aaa;
    border-bottom: solid 1px #aaa;
}
nav h3:hover{
    color:#eee;
}
nav p{
    margin:25px auto;
    padding-bottom:10px;
    width:300px;
    font-family:'pnl';
    font-size:16px;
    margin:25px auto;
    text-align: center;
    color:#aaa;
    border-bottom:solid 1px #aaa;
}
.openMenu > img{
    position: relative;
    margin:0 0 0 10px;
    width:30px;
    padding: 7px 5px;
    background-color: #B0BEC5;
}
#closeMenu{
    position:relative;
    left:300px;
    margin:25px auto;
    width:20px;
    cursor: pointer;
}
.menuFilterOff{
    -webkit-filter:blur(0px);
    -webkit-transition:all 0.25s;
    -ms-transition:all 0.25s;
    -moz-transition:all 0.25s;
}
.menuFilterOn{
    -webkit-filter:blur(3px);
}

/*Logo*/
.logo{
    position: absolute;
    top:25px;
    left:25px;
    width:240px;
}
.menuLogo{
    margin:0 auto 8vh;
    width:220px;
}

/*---------------------------------------------------------------------------------------
|                                      Pages                                             |
----------------------------------------------------------------------------------------*/

.filter{
    padding:31vh 0;
    background-color:rgba(0, 0, 0, 0.4);
}
.introContainer{
    margin:0;
    width:100%;
    background-position:center center !important;
    background-size:cover;
}
.introContainer > .filter >h2{
    margin:0 auto;
    width:1000px;
    font-family:'pnb';
    font-size:4vw;
    color:#fff;
    text-align: left;
}
.introContainer > .filter > h4{
    margin:0 auto;
    width:1000px;
    font-family:'pnl';
    font-size:1.5vw;
    font-style: italic;
    color:#B0BEC5;
    text-align: left;
}
.centralPart{
    margin:0 auto;
    padding:25px 0;
    width:1000px;
}
.divorce{
    padding:25px;
    min-height: 20vw;
    background-color:#232323;
}
.titlePart{
    font-family:'pnb';
    font-size:2.5vw;
    text-align: right;
}
.ssTitlePart{
    font-family:'pnb';
    font-size:17px;
    text-align: center;
    color:#fff;
}
.ssTitlePart2{
    margin:20px auto 0;
    font-family:'pnb';
    font-size:20px;
    text-align: left;
}
.introText{
    font-family: 'pnb';
    font-size: 16px;
    text-align: justify;
    line-height: 1.75;
    color: #666;
}
.text{
    font-family: 'pnl';
    font-size: 17px;
    text-align: justify;
    line-height: 1.5;
    color: #666;
}


/*Mosaïque*/
.mosaique{
    margin: 0 auto;
    width: 100%;
    background-color: #B0BEC5;
}
.w1h1{
    width:20%;
    height:15vw;
    background-position: top center !important;
    background-size:cover;
    float:left;
    -webkit-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -moz-transition:all 0.3s;
}
.w1h2{
    width:20%;
    height:30vw;
    background-position: center center !important;
    background-size:cover;
    float:left;
    -webkit-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -moz-transition:all 0.3s;
}
.w2h1{
    width:40%;
    height:15vw;
    background-position: center center !important;
    background-size:cover;
    float:left;
    -webkit-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -moz-transition:all 0.3s;
}
.w2h2{
    width:40%;
    height:30vw;
    background-position: center center !important;
    background-size:cover;
    float:left;
    -webkit-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -moz-transition:all 0.3s;
}
.w4h2{
    width:80%;
    height:30vw;
    background-position: center center !important;
    background-size:cover;
    float:left;
    -webkit-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -moz-transition:all 0.3s;
}
.w4h1{
    width:80%;
    height:15vw;
    background-position: center center !important;
    background-size:cover;
    float:left;
    -webkit-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -moz-transition:all 0.3s;
}

/*---------------------------------------------------------------------------------------
|                                      Slider                                            |
----------------------------------------------------------------------------------------*/

.blocskills{
    width:100%;
    overflow: hidden;
}
.slider{
    width:400%;
    -webkit-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -moz-transition:all 0.3s;
}
.position1{
    margin-left:0;    
}
.position2{
    margin-left:-100%;    
}
.position3{
    margin-left:-200%;
}
.position4{
    margin-left:-300%;
}
.skill{
    width:25%;
    background-size:cover;
    background-position:center center !important;
    float:left;
}
.skill2{
    width:25%;
    background-size:cover;
    background-position:center center !important;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    float:left;
}
.skill2:hover{
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
}
.skillContent{
    width:100%;
    background-image:url(images/icones/opacity_2.png);
    overflow: hidden;
}
.skillContent2{
    padding:0 5%;
    width:90%;
    background-image:url(images/icones/opacity_2.png);
    background-color:rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
.skillContent > h2{
    margin:0 auto;
    padding-top:10%;
    width:1000px;
    font-family:'pnb';
    font-size:2vw;
    font-weight:normal;
    color:#fff;
    text-align: left;
}
.skillContent2 > h2{
    margin:0 auto;
    padding-top:10%;
    font-family:'pnl';
    font-weight:normal;
    font-size:16px;
    color:#fff;
    text-align: left;
}
.skillContent > p{
    margin:25px auto 0;
    width:1000px;
    font-family:'source';
    font-size:17px;
    color:#fff;
    text-align: left;
}
.skillContent > a{
    margin:120px 100px 50px;
    padding:18px 0;
    width: 200px;
    font-family: 'pnb';
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    display: block;
    float: right;
}
.skillContent2 > a{
    margin:20px auto;
    padding:8px 0;
    width: 120px;
    font-family: 'pnl';
    font-size: 13px;
    text-align: center;
    color:#fff;
    border:solid 1px #fff;
    float:right;
    display: block;
}
.skillContent > a:hover, .skillContent2 > a:hover{
    color:#546E7A;
    background-color:#fff;
}
.blocButtons{
    margin: 30px auto -25px;
    width: 955px;
}
.button, .button2{
    margin:0 4px;
    padding:10px 0;
    width:230px;
    font-family: 'pnb';
    font-size:16px;
    cursor:pointer;
    background-color: #dfdfd5;
    float:left;
}
.button:hover, .button.active{
    color:#eee;
    background-color: #546E7A;
}
.button2:hover, .button2.active2{
    color:#eee;
    background-color: #232323;
}
.mf{
    margin:0 0 25px; 
}

/*---------------------------------------------------------------------------------------
|                                      Map & Illustrations                               |
----------------------------------------------------------------------------------------*/

iframe{
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -webkit-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -moz-transition:all 0.3s;
}
iframe:hover{
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
}

/*Full*/
.fullIll{
	margin:0 auto;
	width:50%;
	height:25vw;
    background-size:cover;
    background-position:top center !important;
    opacity:0.8;
    float:left;
    -webkit-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -moz-transition:all 0.3s;
}
.fullIll:hover{
	opacity:1;
}
.largeIll{
    margin:0 auto;
    padding:5% 0;
    width:50%;
    height:50vw;
    background-size:cover;
    background-position:top center !important;
    opacity:0.8;
    float:left;
    -webkit-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -moz-transition:all 0.3s;  
}
.largeIll:hover{
    opacity:1;
}
.mediumIll{
    margin:0 auto;
    padding:5% 0;
    width:50%;
    height:20vw;
    background-size:cover;
    background-position:top center !important;
    opacity:0.8;
    float:left;
    -webkit-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -moz-transition:all 0.3s;  
}
.mediumIll:hover{
    opacity:1;
}
.emptyIll{
    margin:0 auto;
    padding:5% 0;
    width:30%;
    height:20vw;
    background-size:cover;
    background-position:top center !important;
    opacity:0.8;
    float:left;
    -webkit-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -moz-transition:all 0.3s;  
}
.emptyIll.emptyIll2{
height:30vw;
}
.emptyIll:hover{
    opacity:1;
}
.demiPart{
    padding:5% 5%;
    width:40%;
    height:20vw;
}
.tiersPart{
    padding:5% 5%;
    width:60%;
    height:20vw;
}
.tiersPart.tiersPart2{
    height:30vw;
}

/*Map*/
.hideMap{
    position: relative;
    z-index: 1;
    margin:-350px auto 0;
    width:100%;
    height:350px;
    cursor: pointer;
    opacity:0;
    -transition:all 0.2s !important;
    -webkit-transition:all 0.2s !important;
    -moz-transition:all 0.2s !important;
    -ms-transition:all 0.2s !important;
}
.hide{
    display:none;
}

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

footer{
    padding:50px 0;
    background-color:#B0BEC5;
    border-top:solid 3px #444;
}
footer > p{
    font-family:'pnl';
    font-size:13px;
    color:#555;
    font-style: italic;
    line-height: 1.2;
}
footer > p > span{
    margin:0 10px;
    font-size:15px;
    font-style: normal;
    font-family:'pnb';
}

/*Colors*/

.white{
    color:#eee;
}
.lightGrey{
    color:#ccc;
}

/*BGColors*/

.bgBlue{
    background-color:#546E7A;
}
.bgLightGrey{
    background-color:#f5f5fa;    
}
.bgWhite{
    background-color:#fff;    
}
.bgBlack{
    background-color:#232323;
}
.bgLightBlue{
    background-color:#B0BEC5;    
}

/*---------------------------------------------------------------------------------------
|                                 Responsive Design                                     |
----------------------------------------------------------------------------------------*/

@media (max-width:1000px){

body{
    background-color:#fff;
    overflow-x:hidden;
}
.noResp{
    display:none;
}
.respOn{
    display: block;
}
.header{
    position: fixed;
    z-index: 99;
    top:0;
    left:0;
    width:100%;
    height:150px;
    background-color:#efefef;
}
.header > a > img{
    margin: 25px 25px;
    width: 120px;
    float: left;
}
.openMenu{
    z-index: 999;
    top: 20px;
    right: 50px;
}
.openMenu > img{
    width:80px;
}
nav{
    position: fixed;
    width:100%;
    top:0px;
    right:-100%;
    height:100%;
    overflow:auto;
}
nav.vcenter-parent, nav > .vcenter-child{
    display:block !important;
}
.menuLogo{
    display:none;
}
#closeMenu{
    position: absolute;
    right: 60px;
    left: inherit;
    margin: 175px auto 0;
    width: 60px;
}
.menuFilterOn{
    -webkit-filter:blur(0px);
}
nav h1{
    margin: 225px auto 25px;
    padding: 0 0 0 25px;
    font-family: 'pnl';
    font-size: 50px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
}
nav h1.marg{
    padding: 0 0 0 25px;
    font-family: 'pnl';
    font-size: 50px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
}
nav h3{
    width: auto;
    padding: 10px 50px 10px 0;
    font-size: 60px;
    border: none;
    font-family: 'pnl';
    text-transform: uppercase;
    font-weight: normal;
    text-align: right;
}
nav p{
    width: 90%;
    font-size: 40px;
    border: none;
    text-align: right;
}
.homeCubeContainer{
    margin-top:175px;
}
.homeCubeContainer > div{
    position: relative;
    margin:25px auto;
    width:94%;
    height:600px;
    background-size:cover;
    box-shadow: 1px 2px 3px #aaa;
    cursor: pointer;
    float:none;
}
.homeCubeContainer > div:hover{
    position: relative;
    width:94%;
    height:600px;
    background-size:cover;
    box-shadow: 1px 2px 3px #aaa;
    cursor: pointer;
    float:none;
}
.homeCubeContainer > div > a > div,
.homeCubeContainer > div > a > div:hover{
    background-image:none;
    background-color:rgba(0, 0, 0, 0.4);
}
.homeCubeContainer > div > a > div > h1,
.homeCubeContainer > div:hover > a > div > h1{
    top:45%;
    right:0;
    font-size:50px;
    color:#fff;
}
.introContainer > .filter >h2{
    font-size:90px;
    width:90%;
    font-weight: normal;
}
.introContainer > .filter > h4{
    font-size:50px;
    width:90%; 
    font-weight: normal;  
    color:#eee;
}
.filter {
    padding: 250px 0;
}
.centralPart{
    width:100%;
}
.titlePart{
    margin-left:auto;
    margin-right:auto;
    font-size:70px;
    text-align: center;
    font-weight: normal;
    width:90%;
}
.ssTitlePart{
    width:96%;
    font-size:50px;
    font-weight: normal;
}
.ssTitlePart2{
    width:90%;
    font-size:50px;
    font-weight: normal;
}
.introText{
    margin-left:auto;
    margin-right:auto;
    width: 90%;
    font-size: 40px;
    line-height: 1.7;
    text-align: justify;
}
.text{
    margin-left:auto;
    margin-right:auto;
    width: 90%;
    font-size: 35px;
    line-height: 1.7;
    text-align: justify;
}
.w1h1, .w1h2, .w2h1, .w2h2, .w4h2{
    width:100%;
    height:600px;
    background-size:cover;
}
.w1h2.spe{
    height:90vh;
}
.introContainer{
    margin: 175px auto 0;
}
.demiPart, .tiersPart{
    padding-left: 0;
    padding-right:0;
    width:100%;
    height:auto;
    float:none;
}
.largeIll, .emptyIll, .mediumIll, .largeIll:hover, .emptyIll:hover, .mediumIll:hover{
    width:100%;
    height:600px;
    background-size:cover;
    opacity:1;
    float:none;
}
.blocskills{
    margin:0 auto;
    width:96%;
}
.skillContent > h2{
    display: none;
}
.skillContent > p{
    margin:80px auto 0;
    width:90%;
    font-size:40px;
}
.skillContent > a, .button{
    padding:20px 35px;
    width:auto;
    font-size:35px;
}
.button{
    margin-left:5%;
}
.blocButtons{
    width:96%;
}
.button2{
    margin:0;
    width:50%;
    height:30px;
    font-size: 30px;
    padding: 21px 0;
}
}














}