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

/*	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: 43px;

	color: #ffffff;

}

h2 {

	font-family: Arial, sans-serif;  

	font-size: 24px;

	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;

	}

a:hover,

a:focus {

	}

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

}

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

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

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

html, body {	

	height: 100%;

}

#content{

	width: 98%;

	min-height: 100%;

	position: relative;

	margin: 0 auto;

}

#content #content_top {

	margin-top: 0;

	margin-bottom: 0;

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

}

footer {

	position: absolute;

	bottom: 0; 

	left: 0;

	width: 100%;

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

	padding: 0 0 20px 0;

} 

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

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

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

.conteneur_vcentering {

  text-align:center; 

}

.box_vcentering {

  vertical-align: middle;

  display: inline-block;

  line-height: 1; 

  text-align: center;

}

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

/*	4- Main	HP		*/

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

section a,

section a:link,

section a:visited,

section a:active {

	color: #ffffff;

	}

section a:hover,

section a:focus {

	color: #bfbfbf;

	}

#title_hp {

	text-align : center;

	padding: 11px 0 11px 0;

	margin-left: -13px; /* 53px */ 

	text-transform: uppercase;

}

#title_hp h1 {

    margin: 0 0 5px 0;

}

#title_hp .h2_exeption{

		margin-left: -170px; /* 86px */

}

.h2_exeption {

	font-size: 25px;

}

#main {

	display:block;  

	margin: 0 auto;

}

.big_link {

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

	font-size: 21px;

	text-align: center;

	padding: 14px 0 16px 0;

	margin: 0;

}

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

/*	9- Footer HP				*/

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

footer a,

footer a:link,

footer a:visited,

footer a:active {

	color: #bfbfbf;

	}

footer a:hover,

footer a:focus {

	color: #ffffff;

	}

footer ul {

	margin: 0;

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

	font-size: 9px;

	color: #b9b9b9;

	text-transform: uppercase;

}

footer ul li{

	display: inline;

}

footer ul li a{

	display: inline-block;

}

footer ul li img{

	min-width: 100%;

}

footer #logo_partners{

	float: left;

}

footer #logo_partners>li {

	display: inline-block;

	padding-right: 22px;

}

footer #logo_partners li a{

	padding-top: 10px;

	height: 28px;

	line-height: 28px;

	text-align:bottom;

}

footer #logo_partners li a img {

	vertical-align:bottom;

}

footer #logo_partners li:first-child li a{

	width: 39px;

}

footer #logo_partners li:first-child li+li a{

	width: 40px;

	padding-left: 18px;

}

footer #logo_partners li+li li a{

	width: 42px;

}

footer #logo_partners li+li li+li a{

	width: 62px;

	padding-left: 16px;

}

footer #logo_partners li+li li+li+li a{

	width: 56px;

	padding-left: 16px;

}

footer #socialMedia {

	float: right;

	margin-top: 24px; 

}

footer #socialMedia li a{

	display: inline-block;

	vertical-align: middle;

}

footer #socialMedia li+li a{

	width: 20px;

	height: 20px;

}

footer #socialMedia li+li {

	padding-left: 22px;

}

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

/*	5- Video				*/

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

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

/*	6- Controls				*/

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