@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;
	text-decoration:none;
	font-size: 16px;

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

#bandeau
{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	z-index:444;
}
#bandeau3
{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	z-index:55;
}
#intro
{
	display: block;
	position: relative;
	top: -20px;
	left: 80px;
	line-height: 30px; 
	padding-top: 140px; 
	padding-right: 50px; 
	padding-left: 350px;
	z-index:44;

}
#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;

}
#enbref
{
	display: block;
	position: relative;
	width:900px;
	top: -20px;
	left: -350px;
	padding-top: 20px; 
	padding-right: 0px; 
	padding-left: 80px;
}

#footer
{
	display: block;
	position: relative;
	height:40px;
	left: 0px;
	margin-left: auto;
  	margin-right: auto;
	float:bottom;
}
/* DATE */
a.bref
  {
	font-family: 'cooper_hewittthin';
	text-decoration: none;
	font-variant:small-caps;
	font-size: 15px;
	letter-spacing: 0.1em;
	color:white;
	}
/* CSS TITRE */
a.bref span
  {
	font-family: 'cooper_hewittbook_italic';
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0.2em;
	color:white;
	}
/* CSS GENRE */
a.bref span span
  {
	font-family: 'cooper_hewittheavy';
	text-decoration: none;
	font-variant: small-caps;
	font-size: 14px;
	letter-spacing: 0.1em;
	color:white;
	}
/* CSS HEURE */
a.bref span span span
  {
	font-family: 'cooper_hewittbook';
	text-decoration: none;
	font-variant:small-caps;
	font-size: 13px;
	letter-spacing: 0em;
	color:white;
	}	

a.bref:hover 
	{
	color:#9CF;
	text-decoration:none;
	}
a.bref:hover span
	{
	color:#9CF;
	text-decoration:none;
	}
a.bref:hover span span
	{
	color:#9CF;
	text-decoration:none;
	}
a.bref:hover span span span
	{
	color:#9CF;
	text-decoration:none;
	}


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

}