/* CSS Document */
HTML{
	width:100%;
	height:100%;
	}
	
BODY{
	width:100%;
	height:100%;
	margin:0;
	font-family:arial;
	}
	
#general{
	width:100%;
	height:100%;
	margin:auto;
	}

	
#mere{
	width:980px;
	margin:auto;
	}

#bandeau{
	height:70px;
	}

#bt_accueil{
	float:right;
	}

	#bt_accueil IMG{
		border:0;
		}
	
#menu{
	height:70px;
	}
	
	#menu DIV{
		float:left;
		}

#milieu{
	background:url(../images/fond.jpg) repeat-y;
	}
		
#ssmenu{
	height:45px;
	background:url(../images/fond_haut.gif) 0 0 no-repeat;
	}
	
#contenu{
	height:455px;
	background:url(../images/fond_haut.gif) 0 -45px no-repeat;
	}
	
	#box230{
		margin:0 20px;
		_margin:0 10px;
		width:231px;
		font-size:9pt;
		color:#FFF;
		}
	
	#box230 P, #box230 H1, #box230 H2, #box230 H3, #box230 H4, #box230 H5, #box230 H6{
		margin:0 30px 0 10px;
		}
 
	#box230 IMG.haut, #box230 IMG.bas{
		float:left;
		}
	
	#box230 DIV.box230plein{
		float:left;
		overflow:hidden;
		height:436px;
		width:231px;
		}
	
	#box230 DIV.box230vide{
		overflow:hidden;
		float:left;
		height:436px;
		width:229px;
		background-color:#FFF;
		border:solid 1px;
		border-bottom:0;
		border-top:0;		
		}

	#box230 DIV.box230entre{
		float:left;
		overflow:hidden;
		height:5px;
		width:231px;
		}
	
/*///////////////////////////////////////////////*/		
/*//////////////// MINI SCROLL //////////////////*/		
/*///////////////////////////////////////////////*/		

	DIV.miniscroll{
		}
		
	DIV.miniscroll A{
		display:block;
		width:12px;
		height:15px;
		margin:10px 0 0 0;
		background-repeat:no-repeat;
		}
	
	DIV.miniscroll A:hover{
		background-position:-12px 0;
		}
	
	DIV.miniscroll.blanc A.bt_haut{
		background-image:url(../images/btscroll_bl_haut.gif);
		}
	
	DIV.miniscroll.blanc A.bt_bas{
		background-image:url(../images/btscroll_bl_bas.gif);
		}
		
	DIV.miniscroll.noir A.bt_haut{
		background-image:url(../images/btscroll_nr_haut.gif);
		}
	
	DIV.miniscroll.noir A.bt_bas{
		background-image:url(../images/btscroll_nr_bas.gif);
		}

/*///////////////////////////////////////////////*/		
/*///////////////////////////////////////////////*/		


/*///////////////////////////////////////////////*/		
/*///////////////// RECHERCHE ///////////////////*/		
/*///////////////////////////////////////////////*/		

	#recherche{
		padding-top:9px;
		padding-left:22px;
		}
		
		#SA_RECHERCHE{
			width:173px;
			height:14px;
			padding:2px 17px 2px 2px;
			font-size:8pt;
			margin:0;
			border:solid 1px #999;
			background:url(../images/bt_deroule.gif) right 1px no-repeat;
			background-color:#FFF;
			color:#999;
			}

		#semiAutoProduits{
			width:192px;
			position:absolute;
			max-height:150px;
			overflow:auto;
			border:solid 1px #999;
			background:url(../images/fond_deroule.gif) 0 bottom repeat-x;
			background-color:#FFF;
			margin-left:122px;
			margin-top:21px;
			z-index:99;
			}
		
		#semiAutoProduits A{
			width:162px;
			font-size:8pt;
			font-weight:bold;
			display:block;
			color:#999;
			padding:3px 5px;
			text-decoration:none;
			}
		
		#semiAutoProduits A:hover{
			color:#FFF;
			background-color:#C4CC00;
			}
		
		#semiAutoProduits p{
			padding:5px 5px 0 5px;
			color:#C4CC00;
			font-size:9pt;
			text-transform:uppercase;
			font-weight:bold;
		}
		

/*///////////////////////////////////////////////*/		
/*///////////////////////////////////////////////*/		

#bas{
	height:60px;
	background:url(../images/fond_bas.gif) 0 bottom no-repeat;
	text-align:center;
	font-size:7pt;
	color:#FFF;
	}

	#menu_bas{
		padding-top:30px;
		font-size:8pt;
		}

	#menu_bas A{
		text-decoration:none;
		color:#FFF;
		}

	#menu_bas A:hover, #menu_bas A.select{
		color:#000;
		}


/**********************************************/
#qsn {
	float:left;
	display:block;
	margin-top:8px;
	margin-left:22px;
	width:160px; 
	height:30px;
	background-image:url(../images/bt_qsn.gif);
}

#histo {
	float:left;
	display:block;
	margin-top:8px;
	width:79px; 
	height:30px;
	background-image:url(../images/bt_histo.gif);
}


#qsn:hover, #histo:hover, #qsn.select, #histo.select{
	background-position:0 -30px;
}

#qsn SPAN, #histo SPAN{
	display:none;
}

/* the overlayed element */
.simple_overlay {
	display:none;
	z-index:10000;

	/*background-color:#eee;*/
	background-image:url(../images/contact.gif);
	
	width:300px;	
	min-height:200px;
	/*border:1px solid #666;*/
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	/*background-image:url(../images/jquery.tools/close.png);*/
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* styling for elements inside overlay */
.details {
	margin:20px;
	font-size:13px;
	color:#000;
}

.details p {
	margin:20px 0;
}

.details h3 {
	color:#565;
	font-size:17px;
	margin:0 0 -10px 0;
}