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


body
{
	background-repeat: no-repeat;
	background-attachment: absolute;
	background-position: center;
	background-position: top;
	font-family: 'cooper_hewittthin';
	letter-spacing: 0.1em;
	color: white;
	background-color: #000;
	min-width: 340px;
	}
#bloc_page
{
    display: block;
	position: fixe;
	margin: auto;
	max-width: 1100px;
	font-size: 16px;

}
#tout
{
	display: block;
	position: absolute;
	max-width: 1100px;
	min-height: 800px;
}

#bandeau2
{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	z-index:444;
}
#bandeau2
{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	z-index:4;
}

#blocktexte
{
	display: block;
	position: relative;
	top: 20px;
	left: 0px;
	line-height: 30px; 
	padding-top: 140px; 
	padding-right: 50px; 
	padding-left: 350px;
	z-index:44;

}
#blocktexte2
{
	display: block;
	position: relative;
	top: 50px;
	left: -300px;
	z-index:55;

}

h1
{
	font-family: 'cooper_hewittmedium';
	font-size: 16px;
	font-variant: small-caps;
	color:white;
	letter-spacing: 0.2em;
}
/* DATE */
#blocktexte a:link
  {
	font-family: 'cooper_hewittmedium';
	text-decoration: underline;
	font-variant:none;
	font-size: 15px;
	letter-spacing: 0.1em;
	color:white;
	}

#blocktexte a:hover 
	{
	color:#9CF;
	}


#titdumenu
{
	display: block;
	position: relative;
	top: 10px;
	float:right;
	font-family: 'cooper_hewittbold';
	font-size: 20px;
	text-decoration: none;
	text-transform:uppercase;
	color:#585858;
	letter-spacing: 0.2em;
	z-index:14;

}

#transp1
{
	display: relative;
	position: relative;
	left: 120px;

	}
#transp2
{
	display: block;
	position: relative;
	top: -230px;
	left: 380px;
	}
#transp3
{
	display: block;
	position: relative;
	top: -80px;
	left: -380px;
	}
#transp4
{
	display: block;
	position: relative;
	top: -260px;
	left: 0px;
	}

	
#footer
{
	display: block;
	position: relative;
	height:40px;
	left: 0px;
	margin-left: auto;
  	margin-right: auto;
	float:bottom;
	z-index:444;

}


@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;

}
