/********** GLOBAL > STYLE **********/

html {
	font-size : 100%;
}

body {
	font-size : .8em;
}

@font-face {
    font-family: 'KomikaTitleAxisRegular';
    src: url('../fonts/komtita_-webfont.eot');
    src: url('../fonts/komtita_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/komtita_-webfont.woff') format('woff'),
         url('../fonts/komtita_-webfont.ttf') format('truetype'),
         url('../fonts/komtita_-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KomikaTitleRegular';
    src: url('../fonts/komtit__-webfont.eot');
    src: url('../fonts/komtit__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/komtit__-webfont.woff') format('woff'),
         url('../fonts/komtit__-webfont.ttf') format('truetype'),
         url('../fonts/komtit__-webfont.svg#KomikaTitleRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, ul, p, a, span, quote, label, div {
	margin : 0;
	padding : 0;
	color : #BE0A26;
	font-family: 'KomikaTitleAxisRegular';
}

h1, h2, h3, h4 {
	font-weight : normal;
}

h1 {
	font-size : 2.3em;
	/* > OFFRE */
	margin-bottom : -8px;
}

h2 {
	color : #41A62A;
	font-size : 1em;
	/* > OFFRE */
	margin-bottom : -5px;
}

#promo {
	font-size : 1.5em;
	color : #172983;
	margin-bottom : -5px;
}

#prix {
	color : #172983;
}

a {
	text-decoration : none;
}

a:hover {
	color : #41A62A;
}

img {
	border : none;
	margin : 0;
	padding : 0;
}

table {
	border-spacing : 0px;
	border : none;
	border-collapse : collapse;
	overflow : hidden;
}

table tr, table td {
	padding : 0;
}


/********** GLOBAL > STRUCTURE **********/

html, body, #container {
	margin : 0;
	padding : 0;
	border : 0;
	height : 100%;
	width : 100%;
	min-height : 700px;
}

/********** INDEX **********/

.home {
	overflow : hidden;
}

#content {
	position : relative;
	margin : auto;
	overflow : hidden;
}

#TV {
    width: 100%;
	height : auto;
}

#over {
	position : absolute;
	left: 0;
	bottom : 0;
	width : 230px;
	height : 700px;
}

#remote {
	position : absolute;
	z-index : 10;
	bottom : 0;
	border : 0;
	width : 230px;
	height : 540px;
	background : url(../img/remote.png) bottom left no-repeat;
}

#remote:hover {
	cursor : pointer;
}

/********** OFFRE **********/

.wrapper {
	float : left;
	width : 100%;
	min-width : 960px;
}

.top.wrapper {
	background : #FFED00;
	min-height : 140px;
}

#top {
	position : relative;
	height : 140px;
	/*width : 960px;*/
	width : 730px;
	padding-left : 230px;
	margin : auto;
}


#logo {
	position : absolute;
	top : 0;
	left : 0;
	height : 230px;
	width : 230px;
	z-index : 50;
}

#france {
	font-size : .7em;
	padding-left : 37px;
	background : url(../img/france.png) center left no-repeat;
	height : 12px;
}

#infos {
	font-size : .7em;
	cursor : pointer;
}

#titre {
	padding-left : 67px;
	background : url(../img/nains.png) center left no-repeat;
}

#remise {
	position : absolute;
	top : 85px;
	right : 0;
	height : 100px;
	width : 100px;
	z-index : 60;
}

.main.wrapper {
	min-height : 400px;
}

#main {
	position : relative;
	height : 460px;
	width : 700px;
	padding-left : 260px;
	margin : auto;
}

#box {
	position : relative;
}

#fonctions {
	position : absolute;
	z-index : 20;
	bottom : 10px;
}

.zoom {
	font-family: 'KomikaTitleRegular';
	height : 20px;
	width : 200px;
	padding-left : 25px;
	background : url(../img/zoom.png) left center no-repeat;
}

.zoom:hover {
	cursor : pointer;
	color : #41A62A;
	background : url(../img/zoom-hover.png) left center no-repeat;
}

#harold {
	position : absolute;
	left : 240px;
}

#bastien {
	position : absolute;
	left : 380px;
}

.footer.wrapper {
	min-height : 100px;
}

#footer {
	position : relative;
	height : 100px;
	width : 700px;
	padding-left : 260px;
	margin : auto;
}

#sidebar {
	position : absolute;
	right : 700px;
	bottom : 0;
	width : 491px;
	min-height : 700px;
	background : url(../img/sidebar.png) left no-repeat;
}

#slogan {
	float : left;
	width : 700px;
	font-size : 2.3em;
	margin-bottom : -5px;
}

#vid-wrap {
	position : relative;
}

#reclame {
	height : 90%;
	width : auto;
	position : relative;
	max-height : 540px;
	max-width : 720px;
}

#vid .close {
	position : fixed;
	top : 20px;
	right : 20px;
	z-index : 11000;
}

#pub {
	float : left;
	height : 30px;
	padding-left : 45px;
	margin-top : 10px;
	font-size : 1.5em;
	font-family: 'KomikaTitleRegular';
	background : url(../img/pub.png) left center no-repeat;
	cursor : pointer;
}

#pub:hover {
	color : #41A62A;
	background : url(../img/pub-hover.png) center left no-repeat;
}

.fb-like {
	position : absolute;
	top : 10px;
}

#conditions {
	float : right;
	width : 450px;
}

#conditions p {
	font-size : 4px;
}

.overlay {
	 display: none;
	z-index : 30;
	 position : absolute;
	 background : #FFF;
}

.close {
	position : absolute;
	top : 50px;
	right : 50px;
	height : 40px;
	width : 40px;
	background : url(../img/close.png) center no-repeat;
}

.close:hover {
	background : url(../img/close-hover.png) center no-repeat;
}

#contact form {
	width : 400px;
	padding : 0 100px;
	margin : auto;
	margin-top : 100px;
}

#contact fieldset {
	margin : 0;
	padding : 0;
	border : none;
}

#contact form input {
	width : 200px;
	height : 10px;
	padding : 10px;
	margin : 10px 0;
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	
	behavior: url(js/PIE.htc);
}

#contact form textarea {
	min-width : 200px;
	height : 200px;
	padding : 10px;
	margin : 10px 0;
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	
	behavior: url(js/PIE.htc);
}

#contact form button {
	font-family: 'KomikaTitleAxisRegular';
	cursor : pointer;
	border : 0;
	padding : 5px 10px;
	color : #FFF;
	background : #BE0A26;
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	
	behavior: url(js/PIE.htc);
}

#contact form button:hover {
	background : #41A62A;
}

.tooltip {
	padding : 5px 10px;
	color : #FFF;
	background : #BE0A26;

	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	
	behavior: url(js/PIE.htc);
}