/*----------------------------------------------*/
/*	Summary					*/
/*----------------------------------------------*/

/*	1- Mentions	*/
/*	2- Reset	*/
/*	3- HP	*/

/*----------------------------------------------*/
/*	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;
}
html {
	font-size: 100%; 
}
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;
}
img, table, td, blockquote, code, pre, textarea, input, object {
	max-width: 100%;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
/*----------------------------------------------*/
/*	3- HP								*/
/*----------------------------------------------*/

body {
	font-size: 1em;
	line-height: 1.2;	
	background-color: #000000; 
}
html, body {	
	height: 100%; 
	width: 100%;
}
a,
a:link,
a:visited,
a:active {
	color: #ffffff;
}
a:hover,
a:focus {
	color: #bfbfbf;
}
.clearfix:after {
	clear: both;
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	height: 0;
	}
/* For IE 6/7 only. Include this rule to trigger hasLayout and contain floats */
.clearfix {
    *zoom: 1;
}
#content { 
	margin: 0 auto;
	width: 80%;
}
#top {
	margin: 40px 0;
}
#middle {
	margin: 60px 0;
}	
#footer {
	margin: 40px 0;
}
#content p {
    margin: 1em 0;
    font-family: Arial, "arialregular", Helvetica, sans-serif; 
    font-size: 14px;
    color: #ffffff;
}
#title_hp h1 {
	margin: auto;
	width: 422px;
	height: 114px;
	background-image: url("../img/hp_title.jpg");
	overflow: hidden;
	text-indent: -9999px;
}	
 #content .big_link {
	margin: 14px 0 16px 0;
	font-family: "Arial Bold", "arialbold", sans-serif;
    font-weight: bold;	  
	font-size: 21px;
	text-align: left;
	text-transform: uppercase;
}
#content .txt p{
	margin: 0.5em 0;
	text-align: center;

}
#footer ul {
	margin:  0;
	padding: 0;
	float: left;
	list-style: 0;
	font-family: Arial, "arialregular", Helvetica, sans-serif; 
	font-size: 9px;
	color: #b9b9b9;
	text-transform: uppercase;
}
#footer ul.margin_ulRight{	
	margin-right: 22px;
}	
#footer li {
    list-style: none; 
    margin-bottom: 10px;
}
#footer li.margin_logoLeft {
	margin-left: 10px;
}

#footer li a {
    display: block;
    text-decoration: none;
    text-indent: -9999px;
	height: 28px;
	line-height: 28px;
	width: 40px;
}
#footer .logo_partners li a{
	background-image: url(../img/footerlogo.jpg);
	cursor: pointer;
}
#footer li#nouvelles a{
	background-position: 0 0;	
	width: 39px;
	height: 28px;
}
#footer li#nouvelles a:hover,
#footer li#nouvelles a:focus {
	background-position: 0 -28px;
}
#footer li#memoprod a{
	background-position: -40px 0;	
	width: 40px;
}
#footer li#memoprod a:hover,
#footer li#memoprod a:focus {
	background-position: -40px -28px;
}
#footer li#cnc a{
	background-position: -81px 0;	
	width: 42px;
}
#footer li#cnc a:hover,
#footer li#cnc a:focus {
	background-position: -81px -28px;
}
#footer li#incandescence a{
	background-position: -124px 0;	
	width: 62px;
}
#footer li#incandescence a:hover,
#footer li#incandescence a:focus {
	background-position: -124px -28px;
}
#footer li#iri a{
	background-position: -187px 0;	
	width: 56px;
}
#footer li#iri a:hover,
#footer li#iri a:focus {
	background-position: -187px -28px;
}
#footer li#franceinter a{
	background-position: -244px 0;	
	width: 28px;
}
#footer li#franceinter a:hover,
#footer li#franceinter a:focus {
	background-position: -244px -28px;
}