body {
	/*background: #282828 url(../images/grill_metal.png) repeat-x;*/
	background: #fdfdfd url(../images/background/bg.png) repeat-x;
	/*font: 80.5% "Trebuchet MS", sans-serif;*/
	margin:0;
	padding:0;
	/*font: 70.5%;*/
	}
	
.width960{
width: 960px; 
}

#header{
	background: url(../images_top/top.png) repeat-x;
	text-align:right;
	color:#39C;	
	height:47px;
	width:930px;
	padding-top:120px;
	padding-right:50px;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em;
	
}

#header a {	color:#39C;	text-decoration: none;	}
#header a:hover { color:#F90; }

#content{
background:#FFFFFF url(../images/background/bg-content.png) no-repeat top center;
padding: 30px;
padding-top: 0px;
font-size: 13px;
}




#heroes{	
background:transparent url(../images/background/bg-heroes_metal.png) no-repeat top center;
height: 413px;
position: relative;
color:white;

}


#heroes h3{
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em;
text-align: right;
width: 450px;
font-size: 18px;
position: relative;
left:250px;
top:20px;
font-style: italic;
}

.spacer{
clear:both;
visibility:hidden;
}

#wideColumn{
padding-right: 20px;
padding-top: 0px;
}

.featureLarge{
width:270px;
float: left;
padding: 11px;
}

.featureLarge img{
padding-right: 5px;
}

.featureLarge .pict{

width: 270px;
height: 100px;
margin-bottom: 15px;
padding-right: 0px;
padding-bottom: 0px;
display: block;
background-color: #efefef;
}

.featureLarge h3{
font-size: 14px;
font-family: Georgia;
}




#footer{
background:#646660 url(../images/background/bg-footer.png) repeat-x;
height: 110px;
color:white;
}


#footer a{

color:white;
}


#footer a:hover{

color:#e1a914;
}




#menuFooter{
width: 700px;
font-family: Georgia Arial Verdana;
float: right;
padding-top: 20px;
}

#menuFooter a{
color:white;
float: right;
font-size: 14px;
text-align: right;
display: block;
height: 15px;
margin-left: 10px;
padding: 5px 10px 5px 10px;
}

#menuFooter a:hover{
color:#e1a914;

}


#menuFooter a.current{
color:#e1a914;
background-color: #50514d;
-moz-border-radius: 5px ; 
-webkit-border-radius: 5px ; 
border-radius: 5px ;         
-webkit-border-top-left-radius: 5px; /* pour Chrome */ 
-webkit-border-top-right-radius: 5px; /* pour Chrome */
}

#footer .width960{
margin: auto;
}



.left{
float:left;

}
.right{
float:right;

}


#leftColumn{
background:#FFFFFF url(../images/background/bg-rightColumn.png) no-repeat top right;
float: left;
width: 570px;
padding-right: 20px;
}

#rightColumn{
float: right;
width: 305px; /*Width of right column in pixels*/
}

.feature{
float: left;
padding: 10px;
width: 265px;
}


.feature img{
padding-right: 5px;
padding-bottom: 2px;
}

.feature:hover{
background-color:  #f1f6e8;
-moz-border-radius: 5px ; 
-webkit-border-radius: 5px ; 
border-radius: 5px ;         
-webkit-border-top-left-radius: 5px; /* pour Chrome */ 
-webkit-border-top-right-radius: 5px; /* pour Chrome */
}



#definition{
background:#FFFFFF url(../images/background/bg-definition.png) no-repeat top left;
width:522px;
display: block;
color: white;
height:29px;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 50px;
}

#definition:hover{
background-position: bottom left;
}

#definition span{
padding-right: 25px;
float: right;
}

#pic_home_a{
position: absolute;
top:150px;
display: block;
left:15px;
}
#pic_home_b{
margin: auto;
display: block;
padding-top: 18px;
}


#pic_home_c{
width: 220px;
height: 68px;
display: block;
float: right;
margin-right: 30px;
margin-top: 6px;
}

#pic_home_c{
background:transparent url(../images/background/bg-ensavoirplus_en.jpg) no-repeat top right;
}

#pic_home_c:hover{
background:transparent url(../images/background/bg-ensavoirplus_en.jpg) no-repeat top left;
}
#pic_home_c span{
visibility: hidden;
}
 
#pictures {

	}


