/*----------------------------------------------*/

/*	Summary					*/

/*----------------------------------------------*/

/*	1- Mentions	*/

/*	2- Reset	*/

/*	3- Base styles	*/

/*	5- Video	*/

/*	6- Controls 	*/

/*	7- Sidebar	*/

/*	8- Contact	*/

/*	9- Footer	*/

/*----------------------------------------------*/

/*	1- Mentions									*/

/*----------------------------------------------*/

/* @client : The End	*/

/* @date : octobre 2012	*/

/*----------------------------------------------*/

/*	2- 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;

}

a,

a:link,

a:visited,

a:active,

a:hover,

a:focus  {

	text-decoration: none;

}

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 /*, 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;

}

dl,

menu,

ol,

ul {

    margin: 1em 0;

}

/*----------------------------------------------*/

/*	3- Base styles								*/

/*----------------------------------------------*/

@font-face {

    font-family: "arial_blackregular";

    src: url('../font/arial_black-webfont.eot');

    src: url('../font/arial_black-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/arial_black-webfont.woff') format('woff'),

         url('../font/arial_black-webfont.ttf') format('truetype'),

         url('../font/arial_black-webfont.svg#arial_blackregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: "arialbold";

    src: url('../font/arial_bold-webfont.eot');

    src: url('../font/arial_bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/arial_bold-webfont.woff') format('woff'),

         url('../font/arial_bold-webfont.ttf') format('truetype'),

         url('../font/arial_bold-webfont.svg#arialbold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: "arialregular";

    src: url('../font/arial-webfont.eot');

    src: url('../font/arial-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/arial-webfont.woff') format('woff'),

         url('../font/arial-webfont.ttf') format('truetype')

         url('../font/arial-webfont.svg#arialregular') format('svg');

    font-weight: normal;

    font-style: normal;

} 

html {

	overflow: hidden;

	/* reset de metanav France */

	padding-top: 0 !important;

	background-position: 0 0 !important;

}

body {

	background-color: #000000; 

	font-size: 1em;

	line-height: 1;	

}

#content h1 {

	margin: 1em 0;

	font-family:   "Arial Black", "arial_blackregular", sans-serif;  

	font-size: 43px;

	color: #ffffff;

	text-transform: uppercase;

}

#content h2 {

	margin: 1em 0;

	font-family: Helvetica, Arial,"arialregular", sans-serif;  

	font-size: 24px;

	color: #9b9a9a;

	text-transform: uppercase;

}

#content h3 {

	margin: 1em 0;

	font-family: "Arial Black", "arial_blackregular", sans-serif;  

	font-size: 18px;

	color: #ffffff;

	text-transform: uppercase;

}

#content h4 {

	margin: 1em 0;

	font-family: "Arial Bold", "arialbold", sans-serif;  

	font-size: 14px;

	color: #ffffff;

}

h5 {

	margin: 1em 0;

	font-family: Helvetica, Arial,"arialregular", sans-serif;  

	font-size: 16px;

	color: #ffffff;

}

#content p,

#content pre {

    margin: 1em 0;

    font-family: Helvetica, Arial, "arialregular", sans-serif; 

    font-size: 14px;

 /*   font-size: 0.875em; 14px/16px*/

    color: #ffffff;

}

b,

strong,

.bold  {

    font-weight: bold;

}

/* if the image is too large to div it decreases image */

footer img,

#bottom img,

#content #bgimage {

	min-width: 100%;

}

/* 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;

}

.box_transparance {

	opacity :1;

}

#content .uppercase{

	text-transform:uppercase;

	}	

.txt_hidden {

	text-indent: -9999em;

}

a.link_img,

a.link_img:link,

a.link_img:visited,

a.link_img:active {

	opacity: 0.586;

}

a.link_img:hover,

a.link_img:focus {

	opacity: 1;

}

.floatL {

	float: left;

}

.floatR {

	float: right;

}

#content .big_link {

	font-family: "Arial Black", "arial_blackregular", sans-serif;  

	font-size: 21px;

	text-align: center;

	margin: 14px 0 16px 0;

	text-transform: uppercase;

}

.metanav {

	z-index: 1000;

	position: fixed !important;

}

.text_lowercase {

	text-transform: none;

}

#content .marginBottom {

	margin-bottom: 40px ;

}

/*----------------------------------------------*/

/*	site takes all the space of the browser		*/

/*----------------------------------------------*/

html, body {	

	height: 100%;

	width: 100%;

}

#content{

	width: 100%; /* a changer pour 100% et tester le footer*/ 

	min-height: 100%;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: 0 auto;

	padding-top: 28px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box; 

}

/*	exception index : width: 98%; margin left and margin right have 1% */

#content.smallMargin {

	width: 98%; /* le footer adapte sa largeur */ 

}

#content.hugeMargin {

	width: 76.5625%; 

}

/*	exception index for footer position:absolute; */

#content #content_top {

	height: 100%;

	margin-top: 0;

	margin-bottom: 0;

	padding-bottom: 70px; /*  height of <footer> + some margin */

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box; 

}

footer {

	position: absolute; /* ou position fixe pas de differance ??? */

	bottom: 0; 

	left: 0;

	width: 100%;

	height: 66px; /*  height of <footer>  */

	padding: 0 0 20px 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box; 

} 

#content.full_screen {

/*	width: 100%; */

	height: 100%;

}

.full_hightScreen {

	height: 100%;

}

.pointer {

	cursor: pointer;

}

/*----------------------------------------------*/

/*	A block centered vertically in a container class="container_vcentering" of fixed height	*/

/*----------------------------------------------*/

.container_vcentering {

  text-align: center; /* centrage horizontal */

}

.box_vcentering {

  vertical-align: middle;

  display: inline-block;

  line-height: 1; /* on rétablit le line-height */

  text-align: center;

}

/*----------------------------------------------*/

/*	elements takes the full height of "content_top"	*/

/*----------------------------------------------*/

.strut {

    display:inline-block;

    vertical-align:middle;

    height:100%;

}

.fullScreen_vcentering {

    margin: auto;

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    padding: 0;

}

/*----------------------------------------------*/

/*	if video is too small .fullScreen_vcentering enlarges	*/

/*----------------------------------------------*/

.fullScreen_vcentering #video,

.fullScreen_vcentering  video {

	max-width: 100%;