@charset "UTF-8";
/* CSS Document */





        


#fvtit
{
	  position:absolute;
	  left:160px;
	  top:1px;
	  width:685px;
	  height:119px;
	  z-index:8;

}
#accueil
{
	  position:absolute;
	  width: 120px;
	  left:60px;
	  top:220px;
	  z-index:12;

}
#compagnie
{
	  position:relative;
	  width: 140px;
	  left:0px;
	  top:10px;
	  z-index:12;
}
#dir
{
	  position:relative;
	  width: 120px;
	  left:0px;
	  top:10px;
	  z-index:12;
}
#spect
{
	  position:relative;
	  left:0px;
	  top:10px;
	  z-index:12;
}

#ateliers
{
	  position:relative;
	  width: 120px;
	  left:0px;
	  top:10px;
	  z-index:12;
}

#even
{
	  position:relative;
	  width: 120px;
	  left:0px;
	  top:10px;
	  z-index:12;
}

#contact
{
	  position:relative;
	  width: 120px;
	  left:0px;
	  top:10px;
	  z-index:12;
}
#Layerfb
{
position:relative;
left:0px;
top:50px;
width:156px;
height:35px;
z-index:12;
}
#Layermv
{
position:absolute;
left:740px;
top:-550px;

z-index:12;
}

#Layerlf
{
position:relative;
left:20px;
top:10px;

z-index:12;
}





@font-face {
    font-family: 'metropolisblack';
    src: url('font/metropolis-black-webfont.eot');
    src: url('font/metropolis-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/metropolis-black-webfont.woff2') format('woff2'),
         url('font/metropolis-black-webfont.woff') format('woff'),
         url('font/metropolis-black-webfont.ttf') format('truetype'),
         url('font/metropolis-black-webfont.svg#metropolisblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'metropolisbold';
    src: url('font/metropolis-bold-webfont.eot');
    src: url('font/metropolis-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/metropolis-bold-webfont.woff2') format('woff2'),
         url('font/metropolis-bold-webfont.woff') format('woff'),
         url('font/metropolis-bold-webfont.ttf') format('truetype'),
         url('font/metropolis-bold-webfont.svg#metropolisbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'metropolisextra_bold';
    src: url('font/metropolis-extrabold-webfont.eot');
    src: url('font/metropolis-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/metropolis-extrabold-webfont.woff2') format('woff2'),
         url('font/metropolis-extrabold-webfont.woff') format('woff'),
         url('font/metropolis-extrabold-webfont.ttf') format('truetype'),
         url('font/metropolis-extrabold-webfont.svg#metropolisextra_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'metropolisextra_light';
    src: url('font/metropolis-extralight-webfont.eot');
    src: url('font/metropolis-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/metropolis-extralight-webfont.woff2') format('woff2'),
         url('font/metropolis-extralight-webfont.woff') format('woff'),
         url('font/metropolis-extralight-webfont.ttf') format('truetype'),
         url('font/metropolis-extralight-webfont.svg#metropolisextra_light') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'metropolislight';
    src: url('font/metropolis-light-webfont.eot');
    src: url('font/metropolis-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/metropolis-light-webfont.woff2') format('woff2'),
         url('font/metropolis-light-webfont.woff') format('woff'),
         url('font/metropolis-light-webfont.ttf') format('truetype'),
         url('font/metropolis-light-webfont.svg#metropolislight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'metropolismedium';
    src: url('font/metropolis-medium-webfont.eot');
    src: url('font/metropolis-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/metropolis-medium-webfont.woff2') format('woff2'),
         url('font/metropolis-medium-webfont.woff') format('woff'),
         url('font/metropolis-medium-webfont.ttf') format('truetype'),
         url('font/metropolis-medium-webfont.svg#metropolismedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'metropolisregular';
    src: url('font/metropolis-regular-webfont.eot');
    src: url('font/metropolis-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/metropolis-regular-webfont.woff2') format('woff2'),
         url('font/metropolis-regular-webfont.woff') format('woff'),
         url('font/metropolis-regular-webfont.ttf') format('truetype'),
         url('font/metropolis-regular-webfont.svg#metropolisregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'metropolissemi_bold';
    src: url('font/metropolis-semibold-webfont.eot');
    src: url('font/metropolis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/metropolis-semibold-webfont.woff2') format('woff2'),
         url('font/metropolis-semibold-webfont.woff') format('woff'),
         url('font/metropolis-semibold-webfont.ttf') format('truetype'),
         url('font/metropolis-semibold-webfont.svg#metropolissemi_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'metropolisthin';
    src: url('font/metropolis-thin-webfont.eot');
    src: url('font/metropolis-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/metropolis-thin-webfont.woff2') format('woff2'),
         url('font/metropolis-thin-webfont.woff') format('woff'),
         url('font/metropolis-thin-webfont.ttf') format('truetype'),
         url('font/metropolis-thin-webfont.svg#metropolisthin') format('svg');
    font-weight: normal;
    font-style: normal;

}