/*----------------------------------------------*//*	Summary					*//*----------------------------------------------*//*	1- Mentions	*//*	2- Color codes	*//*	3- Reset	*//*	4- Base styles	*//*	5- Video	*//*	6- Controls 	*//*	7- Sidebar	*//*	8- Contact	*//*	9- Footer	*//*----------------------------------------------*//*	1- Mentions				*//*----------------------------------------------*//* @client : The End	*//* @date : octobre 2012	*//*----------------------------------------------*//*	2- Color codes				*//*----------------------------------------------*//*----------------------------------------------*//*	3- Reset				*//*----------------------------------------------*/html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,button,textarea,select,figure,p,blockquote,th,td {	margin:0;	padding:0;}/* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using  `em` units *//* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom.*/ html {	font-size: 100%; /* 1 */	-webkit-text-size-adjust: 100%; /* 2 */	-ms-text-size-adjust: 100%; /* 2 */}h1,h2,h3,h4,h5,h6 {	font-size: 100%;	font-weight: normal;	font-style: normal;}li {	list-style: none;}textarea, table, td, th, code, pre {	word-wrap: break-word;	white-space: pre-wrap; }table {	border-spacing: 0;	border-collapse: collapse; }caption, th {	text-align: left;} /* 1. Corrects alignment displayed oddly in IE 6/7 */legend {	color: #000;	*margin-left: -7px; /* 1 */}blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;}label, input[type="submit"], input[type="button"], button {	cursor: pointer;}input, button, select {	vertical-align: middle;	font-size: 100%;}/* 1. Removes default vertical scrollbar in IE 6/7/8/9 *//* 2. Improves readability and alignment in all browsers *//* 2. Allow only vertical resizing of textareas */textarea {    overflow: auto; /* 1 */    vertical-align: top; /* 2 */    resize: vertical; /* 3 */}fieldset, img, button {	border: 0;}img, table, td, blockquote, code, pre, textarea, input, object, embed, video {	max-width: 100%;}/* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3 */audio, canvas, video {    display: inline-block;    *display: inline;    *zoom: 1;}/* Prevents `sub` and `sup` affecting `line-height` in all browsers */sub,sup {    font-size: 75%;    line-height: 0;    position: relative;    vertical-align: baseline;}sup {    top: -0.5em;}sub {    bottom: -0.25em;}/* HTML5 - Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3 */header, footer, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, figure, figcaption, time, dialog {	display: block;}/*----------------------------------------------*//*	4- Base styles				*//*----------------------------------------------*/body {	background-color: black; 	font-size: 1em;	line-height: 1;	}/* Example */h1 {	font-family: "Arial Black", sans-serif;  	font-size: 86px;	color: #ffffff;}h2 {	font-family: Arial, sans-serif;  	font-size: 48px;	color: #bfbfbf;}h3 {}h4 {}h5 {}h6 {}p,pre {    margin: 1em 0;}dl,menu,ol,ul {    margin: 1em 0;}b,strong,.bold  {    font-weight: bold;}.uppercase{	text-transform:uppercase;	}	a,a:link,a:visited,a:active {	text-decoration: none;	color: aqua;	}a:hover,a:focus {	color: aqua;	}	/* Clearfix: contain floats For modern browsers *//* 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. *    Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class *//* 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements */.clearfix:before,.clearfix:after {    content: " "; /* 1 */    display: table; /* 2 */}.clearfix:after {    clear: both;}/* For IE 6/7 only. Include this rule to trigger hasLayout and contain floats */.clearfix {    *zoom: 1;}/*----------------------------------------------*//*	4- Main				*//*----------------------------------------------*/#content {	height: 100%;	position: absolute;	top: 28px;  /* the height of the bar metanav FranceTV */	bottom: 0;	left: 0;	right: 0;}header {	height: 40%;}#title {	text-align : center;	margin: 22px 0 22px -26px; /* 53px */	text-transform: uppercase;}#title h1 {    margin: -1px 0 10px 0;}#title h2.h2_exeption {	font-size: 51px;	margin-left: -340px; /* 86px */}section {	height: 50%;}#canvas {	background-color: red;	width: 98%;	height: 50%;	margin: 5px auto;}footer {	height: 10%;}footer p {	color: #ffffff;}/*----------------------------------------------*//*	5- Video				*//*----------------------------------------------*//*----------------------------------------------*//*	6- Controls				*//*----------------------------------------------*//*----------------------------------------------*//*	9- Footer				*//*----------------------------------------------*/