/* CSS Document */

body
{
    font-family: 'cooper_hewittbook';
	background-color: black;
	}

#bloc_page
{
	display: block;
	position: fixe;
	margin: auto;
	max-width: 900px;
	min-height: 670px;
}
#tout
{
	display: block;
	position: absolute;
	top: 100px;
	background-color: black;
}
#cadre
{
	display: block;
	position: absolute;
	width: 650px;
	height: 492px;
	background-color: black;

}

#anim
{
	display: block;
	position: absolute;
	top: -32px;
	width: 650px;
	height: 492px;
	z-index: 5;
	left: 0px;
}




header
{
	display: block;
	position: absolute;
	z-index: 100;

}



#bloc_page #tout {
	color: white;
	font-size: 12px;
}


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

}


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

}

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

}


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

}


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

}


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

}

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

}

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

}


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

}

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

}

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

}


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

}


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

}


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

}