/* Imports  ================================================================= */
@font-face {
  font-family: 'DINCond';
  src: url('./fonts/DINCond-Light.eot'); /* IE9 Compat Modes */
  src: url('./fonts/DINCond-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/DINCond-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('./fonts/DINCond-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/DINCond-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* TEXTES ***************************************************************/

.text {
    width : 1330px;
    text-align : center;
    position: absolute;
    z-index: 200;
    margin-top : 0;
}

.text p {
    margin : 0 150px;
    line-height: 1.1em;
} 

.text.left {
    text-align : left;
}

#text2  {
    margin-top : 100px;
} 

#text2 p {
    line-height: 0.85em;
} 

#text3  {
    margin-top : 100px;
} 

#text3 p {
    line-height: 1em;
} 

#text3 p.sm-line {
    line-height: 0.9em;
} 

#text3 p.xsm-line {
    line-height: 0.8em;
} 

#text4  {
    margin-top : 1200px;
    position : absolute;
    z-index : 1000;
} 

#text4 p {
    line-height: 1em;
} 

#text4 p.sm-line {
    line-height: 0.9em;
} 

#text4 p.xsm-line {
    line-height: 0.8em;
} 

.text5 {
    margin-top : 0px;
    position : absolute;
    z-index : 3000;
} 

.text5 p {
    line-height: 1em;
} 

.text5 p.sm-line {
    line-height: 0.9em;
} 

.text5 p.xsm-line {
    line-height: 0.8em;
} 

.text5 p.patch-line {
    line-height: 1.2em;
    margin-top: -0.8em;
} 

.text5.space-1 {
    padding-top: 338px;
} 

.text5.space-2  {
    padding-top: 875px;
} 

#text6 {
    bottom : 200px;
    position : absolute;
    z-index : 1900;
} 

#text6 p {
    line-height: 1em;
    position : relative;
    top : -300px;
} 

#text6 p.sm-line {
    line-height: 0.9em;
} 

#text6 p.xsm-line {
    line-height: 0.8em;
} 

#text6 p.patch-line {
    line-height: 1.2em;
    margin-top: -0.8em;
} 

.uppercase { text-transform: uppercase; }

#text1 .spacer { height : 120px; }
#text3 .spacer1 { height : 100px; }
#text3 .spacer2 { height : 220px; }
#text3 .spacer3 { height : 150px; }
#text4 .spacer { height : 120px; }
.text5 .spacer { height : 120px; }
#text6 .spacer { height : 120px; }

.fs82{ font-size : 82px; }
.fs84{ font-size : 84px; }
.fs85{ font-size : 85px; }
.fs86{ font-size : 86px; }
.fs87{ font-size : 87px; }
.fs89{ font-size : 89px; }
.fs94{ font-size : 94px; }
.fs95{ font-size : 95px; }
.fs96{ font-size : 96px; }
.fs99{ font-size : 99px; }
.fs102{ font-size : 102px; }
.fs108{ font-size : 108px; }
.fs110{ font-size : 110px; }
.fs118{ font-size : 118px; }
.fs122 { font-size : 122px; }
.fs133 { font-size : 133px; }
.fs138 { font-size : 138px; }
.fs144 { font-size : 144px; }
.fs153 { font-size : 153px; }
.fs155 { font-size : 155px; }
.fs158 { font-size : 158px; }
.fs161 { font-size : 161px; }
.fs170 { font-size : 170px; }
.fs175 { font-size : 175px; }
.fs184 { font-size : 184px; } 
.fs195 { font-size : 195px; } 
.fs210 { font-size : 210px; } 
.fs226 { font-size : 226px; } 
.fs249 { font-size : 249px; } 
.fs272 { font-size : 272px; } 
.fs405 { font-size : 405px; } 
.fs807 { font-size : 807px; } 

#contact {
    text-align: center;
    width : 100%;
    height : 748px;
    margin:0;
    padding:0;
    background: url(Cinemagraphe-1330-optim.gif) no-repeat center center; 
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}

#mail {
    color : #FFF;
    font-size : 40px;
}

#contact {
    padding-top: 20px;
}

#social {
    margin-bottom : 190px;
}