body
{
  background:#9c8f85 url(../images/fond.png) repeat;
  color: #000;
  text-align: center; /* pour corriger le bug de centrage IE */
  margin-left: auto;
  margin-right: auto;
  font-size:13px;
  font-family:verdana,Tahoma,Helvetica,Geneva, sans-serif;
  padding-top:0;
  margin-top:0;
}

img {   vertical-align:middle ; border:0}
a {	color:#fff;
	text-decoration:none;
}

#cadre
{
	position:relative;
	width:880px;
	margin-left: auto;
	margin-right: auto;
}

#menu {
	width:100%;
	height:73px;
	background:#3a3a3a;
	border-bottom:1px solid #4c4c4c;
	text-align:center;
	}
#menu ul{margin:0px;padding-top:30px;margin-left:-40px;}
#menu li{list-style:none;display: inline;}
#menu .line{width:1px;margin-left:25px;margin-right:25px;}

#content{
	background:#000 url(../images/fond.jpg) no-repeat;
	background-position:center bottom;
	width:629px;
	min-height:295px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	border:2px solid #d1d1d1;
	
}
#content .text{
	width:610px;
	text-align:justify;
	color:#fff;
	padding:10px;
	line-height:120%;
}
#content2{
	float:right;
	padding-left:3px;
	width:241px;
	height:330px;
	/*border:1px solid red;*/
}

#resa{
	background:transparent url(../images/carre_resa.png) no-repeat;
	width:241px;
	height:128px;
}

#container   {       position:relative;   }

#galerie{
	position:absolute; 
	top:-10px;
	left:0px;      
	background:transparent url(../images/carre_gal.png) no-repeat;
	width:241px;
	height:193px;
	margin-top:8px;
	filter:alpha(opacity=60);
   /* CSS3 standard */
    opacity:0.6;
	z-index:1;
}

#galimg{
	position:relative;
	z-index:5;
	top:8px;
	margin:10px;
}

#galimg .lightbox img{
	float:left;
	padding-left:6px;
	padding-bottom:5px;
/*	width:96px;
	height:64px;*/
}

#phoneCarousel{
	/*	This is the carousel section, it
		contains the stage and the arrows */
	height:390px;
	margin-top:75px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:975px;
}


#phoneCarousel .arrow{
	/* The two arrows */
	width:44px;
	height:44px;
	background:url('../images/fleches.png') no-repeat;
	position:absolute;
	top:50%;
	margin-top:-22px;
	left:0;
	cursor:pointer;
}

#phoneCarousel .next{
	/* Individual styles for the next icon */
	background-position:right top;
	left:auto;
	right:0;
}

/* Hover styles */

#phoneCarousel .arrow:hover{
	background-position:left bottom;
}

#phoneCarousel .next:hover{
	background-position:right bottom;
}



#stage{
	/* The stage contains the animated phone images */
	left:50%;
	margin-left:-438px;
	position:absolute;
	width:876px;
	height:100%;

}

#stage img{
	/* Hiding all the images by default */
	/*display:none;*/
}

#stage .default{
	/*	This class is applied only to the iphone img by default
		and it is the only one visible if JS is disabled */
	display:block;
	left:50%;
	margin-left:-438px;
	position:absolute;
	
}

#stage .animationReady{
	/* This class is assigned to the images on load */
	display:block;
	position:absolute;
	top:0;
	left:0;
}



.fn, .fn2{
	width:410px;
	height:410px;
	padding-top:13px;
	padding-left:0px;
	display:none;
}

.fn{
	background:url('../images/fnoir2.png') no-repeat;

}

#tabsearch{
background:url('../images/fondsearch.jpg') repeat;
padding:1px;
width:350px;
font-size: 14px;
border:1px solid #5d5d5d;
margin:auto;
}

.fondtab{
background:#480808 url('../images/fondsearch.jpg') repeat-x;
}

.centrer{
	margin-left:auto;
	margin-right:auto;
}