/********** Feuille de style Pack Piccolo **********/

/****** Debut des style a modifier pour le changement de design ******/
/***Debut des styles pour la partie header***/
#header{
  height:392px;
  z-index: 0;
}

#background_header{
  height:100px;
  color: #000;
  margin:0;
  padding:0;
  background:url(../../images/bg_gris.jpg); 
  z-index: -2;
  position: relative;
  width: 100%;
}


#white_background_banner{
background:url("../../border.png") repeat-x scroll 0 0 #F2F2F2;
float:left;
height:66px;
margin:0;
position:absolute;
right:0;
top:71%;
width:1122px;
z-index:-1;
}

#contentImg{
}

#background_banner {
	background:url("../../background_banner.png") repeat scroll 0 0 transparent;
	height:66px;
	margin:5px auto 0;
	width:980px;
	z-index:-1;
}

/*Bandeau*/
#banner{
  background:none; 
  height:58px;
  position: absolute;
  width: 100%;
  z-index: 3;
}

#banner_menubreadcrumb{
    background:url(../../images/bg_banner.png) repeat-x; 
    height:58px;
	position: relative;
	z-index: 1;
}


#header_content{
  clear:both;
  background:url(../../images/bg_gris.jpg); 
  position: relative;
  z-index: -2;
}

.rolling{
	z-index: -1; 
	position: absolute;
	top: 700px; 
	right: 300px;
}

#imgNext{
	position:absolute;
	right:310px;
	top:105px;
	z-index:2;
	/*opacity:0;*/
	cursor:pointer;
	visibility: hidden;
}

/*Navigation (en dessous du bandeau)*/
#navigation{
  background:none repeat scroll 0 0 #E1E1E1;
  height:5px;
  margin-top:-5px;
}

#navigation_content {
	margin:0 auto;
	width:1122px;
}

#bgcolor{
  background: #f2f2f2 url(../../images/bg_hemmer_color.jpg) center center repeat-x;
  clear:none;
  margin-top:0;
}

#mainmenu {
  float:left;
  width:736px;
  background: url(../../images/bg_mainmenu.png) no-repeat;
  margin-top:0px;
}

#page{ 	
  width:980px;
  margin: 0 auto;
  padding: 0 0 118px 0;
  margin-bottom: -58px;
}