/* css com8 */

html	{ //overflow-x:hidden; }

body	{
			margin:0;
			padding:0;
			border:0px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:10px;
			color:white;
			background-color:#a4a7ac;
			height: 100%;
		}
		
ul, li {	
			list-style-type: none;
			display: inline;
			margin:0;
			padding:0;
		}
		
a:link	{
			text-decoration:none;
		}
		
a:visited	{
				text-decoration:none;
			}
			
a:hover	{
			text-decoration:underline;
		}
		

.global	{
				position:relative;
				/*width:100%;*/
				height:100%;
				min-height:100%;
			}
			
.content	{
					position:relative;
					width:776px;
					height:100%;
					margin:auto auto;
				}
				
.huhu
{
	position:absolute;
	width:800px;
	height:400px;
	background:#212121;
}

.loading
{
	width:350px;
	height:120px;
	position:absolute;
	top:50%;
	margin-top:-50px;
	left:50%;
	margin-left:-155px;
	z-index:999;
	background-color:#4d4d4d;
	/*border:solid 2px #31241e;*/
	background:url(../img/loading2.gif) no-repeat center;
	
}

/* Footer Copyright Crédit */
				
.footer	{
			width:100%;
			height:100%;
		}

.credit	{
			width:100%;
			height:100%;
			color:#959494;
			font-family: Arial, Helvetica, sans-serif;
			font-size:10px;
			text-align:right;
			margin-top:-12px;border:red 1px solid;
		}
		
.credit ul	{
					/*margin-right:5px;*/  /*passe pas sous IE....dc obligation du " " dans le html*/
					list-style-type: none;
					display: inline;	
				}
				
.credit li	{
				margin-left:5px;
			}

.footer_page	{
							width:758px;
							height:100%;
							position:relative;
							top:765px;
							margin:auto auto;
							color:#fff;
							font-family: Arial, Helvetica, sans-serif;
							font-size:10px;
					
				}

.footer_page_credit	
{
								width:450px;
								position:absolute;
								right:0;
								top:0;
								text-align:right;
					}
				
/* page tunnel */

.logo {
	top:8px;
	left: 0px;
	width:122px;
	height:131px;
	position: relative;
	z-index:5;
}

.logo_index	{	
				width:776px;
				height:469px;
				background:url(../img/logo_index2.jpg) no-repeat center;
				margin-top:94px;
			}
			
.main_content_tunnel	{
							position:relative;
							width:776px;
							height:100%;
							margin:auto auto;
						}			
			
/* menu du haut*/

.menu	
{
	/*height:26px;*/
	width:685px;
	position:absolute;
	top:100px;
	z-index:49;
}
				

/* page */
					
.content_page	{	
					background:url(../img/fond_site.png) no-repeat;
					width:776px;
					min-height:543px;
					position:absolute;
					margin-top:86px;
					z-index:0;
				}

.content_page_home	{
					width:776px;
					min-height:543px;
					position:absolute;
					margin-top:86px;
					z-index:0;					
					}
				

/* mon panier */

.mon_panier	{
				position:absolute;
				top:9px;
				right:100px;
				font-family: Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#fff;
				text-align:right;
				cursor:pointer;
				z-index:100;
				
			}
			
			
.cadena	{
			background:url(../img/compte.gif) no-repeat;
			width:6px;
			height:8px;
			/*position:absolute;
			right:150px;
			margin-top:2px;*/
			float:left;
			margin:2px 5px 0 0px;
}			



#myaccount
{
	position:absolute;
	left:328px;
	top:120px;
	//left:328px;
	//top:128px;
	width:440px;
	height:0px;
	z-index:50;
	background:#b7babf;
	border-collapse:collapse;
	display:none;
}


#myaccount-link , #myaccount-link:hover
{
	color:#ffffff;
	text-decoration:none;
	float:right;
	
}

#hide-panel
{
	width:100%;
	height:100%;
	background:black;
	position:absolute;
	opacity:0.6;
	filter:alpha(opacity=60);
	display:none;
	z-index:50;
}

#response-hide-panel
{
	width:100%;
	height:800px;
	background:black;
	position:absolute;
	opacity:0.6;
	filter:alpha(opacity=60);
	display:none;
	z-index:50;
}


/* corpo */

#deck-corpo
{
	padding:10px;
	height:625px;
	overflow:auto;
}


/* navigation ariane */

#arbos
{
	position:absolute;
	z-index:30;
	left:205px;
	top:105px;
	display:none;
	}
	
.ariane
{
	position:absolute;
	z-index:30;
	left:205px;
	top:105px;
	display:none;
	color:#fff;
}

.list_ariane	{	}

.list_ariane li
{
	cursor:pointer;
	display:inline;
	color:#fff;
}

.list_last
{
	font-weight:bold;
}

#search-hide-panel
{
	width:565px;
	height:656px;
	position:absolute;
	z-index:20;
	left:203px;
	top:8px;
	background:black;
	opacity:0.8;
	filter:alpha(opacity=80);
	display:none;
}	

/* Zone search */

#zone_search	{
	width:140px;
	height:50px;
	position:absolute;
	right:90px;
	top:20px;
	color:White;
}

#form-search
{
	margin-top:5px;
}

#search	{
	width:105px;
	height:18px;//height:15px;
	border:#d3d3d3 1px solid;
}

#bt_search	{
	background:url(../img/go_search.gif) no-repeat;
	width:23px;
	height:18px;
	float:right;
	position:relative;
	top:-18px;
	//top:-38px;
	//margin-top:18px;
	cursor:pointer;
}


#fleche_search_response
{
	background:url(../img/arrow_search.gif);
	width:6px;
	height:11px;
	position:absolute;
	top:150px;
	left:20px;
}

#text_search_response
{
	position:absolute;
	top:150px;
	left:30px;
	color:White;
	font-weight:bold;
}


.head_home_page	{
						width:558px;
						height:20px;
						position:absolute;
						margin:8px 203px;
						background-color:#212121;
						font-family:Arial, Helvetica, sans-serif;
						font-size:10px;
						color:#909090;
						padding-top:5px;
						padding-left:5px;
					}
					
					
#home-page
{
	background:#a4a7ac /*url(../img/logo_index2.jpg) no-repeat 5px 10px*/;
	position:absolute;
	height:680px;
	width:780px;
}

#flash 
{
	top:94px;
	left:0px;
	text-align:center;
	z-index:955;
	width:760px;
	height:550px;
	position: absolute;
	background-color:#212121;
}
.screen {
	top: 94px;
	left: -10px;
	position: absolute;
	z-index:954;
	background-color:#212121;
}

/* logo gris fond site et petit logo rouge */

.content_logo	{
					position:relative;
					width:1166px;
					height:100%;
					margin:auto auto;
					text-align:left;
				}
				
.fond_logo	{
				height:296px;
				width:100%;
				max-width:760px;
				background:url(../img/fond_logo.jpg) no-repeat;
				position:absolute;
			}
			
.logo_small	{
				width:305px;
				height:89px;
				background:url(../img/logo_small.gif) no-repeat;
				position:absolute;
				z-index:49;
			}
			
.title_avant
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2D2D2D;
	text-align:right;
	width:270px;
	padding-right:10px;
	margin-top:50px;

}

.title_apres
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#A4A7AC;
	float:right;
	margin-top:-15px;
	padding-left:10px;
	width:270px;
	text-align:left;
}

.img_avant
{
	width:270px;
	height:218px;
	border:0;
	margin-top:20px;
	margin-bottom:80px;
	margin-left:-15px;
	float:left;
}

.img_apres
{
	width:270px;
	height:218px;
	border:0;
	margin-top:20px;
	margin-bottom:80px;
	margin-right:0;
	float:right;
}

.img_apres2
{
	width:270px;
	height:218px;
	border:0;
	margin-top:20px;
	margin-bottom:80px;
	float:left;
	margin-left:-10px;
}

.img_apres3
{
	width:270px;
	height:280px;
	border:0;
	margin-top:20px;
	margin-bottom:80px;
	float:left;
	margin-left:-10px;
}
#anim {
	margin-top:70px;
}