#millieu {
	display: block;
	z-index: 400;
	border: none;
	height: 0px;
	width: 0px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -100px;
	margin-top: -100px;
}

/* Hack only IE */
* html #millieu {
	position		: expression("absolute"); 
	top			: expression(((0- millieu.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight )/2 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) ) + 'px' );
	margin-top		: 50px;
}

div#divUp {
	position		: absolute;
	top			: 20px;
	left			: 50%;
	background-color	: white;
	z-index			: 10;
	border 			: 1px solid rgb(100, 100, 122);
	margin			: 0;
	margin-left		: -325px;
	padding			: 0;
	width			: 650px;
}
div#divUp h1.titre {
	margin			: 0;
	padding			: 0;
	color			: white;
	font-family		: verdana,arial;
	font-size		: 12px;
	height			: 15px;
	line-height		: 15px;
	border			: 1px solid rgb(131, 130, 172);
	background-color	: #7883C8;
}

div#divUp a.fermer {
	float			: right;
}

div#divUp a.fermer img {
	padding			: 2px;
}

a.divUpFermer {
	display			: block;
	color			: rgb(51, 51, 51);
	font-size		: 11px;
	text-align		: right;
	margin			: 5px;
	font-weight		: bold;
}

a.divUpFermer:hover {
	color			: rgb(148, 148, 208);
}

/*********************/
/*    nav connex     */
/*********************/
/* BACKGROUND DE LA PAGE*/
.moduleconnex {
	margin-top : 20px;
}


.moduleconnex .titre
{
	/*background-image: url(/images/gauche.gif);*/

	background-image: url(/images/piece_transparent.jpg);
	background-repeat : no-repeat;
	padding-left : 50px;
	height : 60px;
	line-height : 60px;
	vertical-align : middle;
	font-size: 18px;
	margin : 0 0 0 0;	
}
.moduleconnex .bloc
{
	margin 			: 0px 0px 0px 0px ;
	padding 		: 0px 0px 0px 0px;
	background-color	: #FEFAE2;
	border-bottom		: 1px solid #F0BB21;
	border-left		: 1px dashed gray ;
	border-right 		: 1px dashed gray ;
	border-top		: 2px solid #F0BB21;
}

.moduleconnex .produitsimpleSmall, .moduleconnex .produitsimple
{
	height : 130px;
	width  : 94px;
	margin : 2px;
	padding : 3px;
	border : 1px dashed gray ;
	text-align: center;
	display: inline;
	float: left;
}

.moduleconnex .blocimg
{
	margin : 3px;
	border : 1px solid gray ;
	width  : 83px;
}

.moduleconnex a
{
	color : #7082c9;
}

.moduleconnex a:hover
{
	color : red;
}


/*** bloc left **/
div.inLine{
	overflow		: hidden;
}
div.inLine > div {
/*	display			: block;
	display			: expression('inline');
	float			: expression('none');
	float			: left;*/
}
div.inLine .clearboth {
	clear :  both;
	height:  0;
	margin:  0;
	padding: 0;
}

hr.spacer {
	clear: both;
	visibility: hidden;
	size: 0;
	margin: 0;
	padding: 0;
}

.dynPrixReference {
	display : inline;
}



/***************/
/* info Panier */
/***************/
div#infoCaddieAdd{
	z-index:2;
	position: relative;
	background-color: #FEFAE2;
	border: 2px solid #F2CA09;
	display: block;
  	margin: -4px 4px 4px -4px !important;
  	margin: 0px 2px 2px 0px;
  	width: 230px;
}
div#infoCaddieAdd{
  	width: 260px;
  	z-index: 15;
}
div#infoCaddieAdd div#titre
{
	width: 100%;
	color: black;
	font-size:1.1em;
	font-weight: bold;
	height : 25px;
}
div#infoCaddieAdd div#info
{
	width: 200px;
	margin-left: 15px;
	color: black;
	margin-right:5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* dans la div d'info ajout */
div#infoPetitPanier{
	height		: 120px;
	margin-left	: 5px;
	margin-right	: 5px;
	overflow	: auto;
}
div#infoPetitPanier img{
	padding		: 2px;
}
div.titreIn {
	display		: block;
	float		: left;
}


/***********************/
/* retour haut de page */
/***********************/
div.lienUp {
	text-align	: right;
	padding         : 0;
	padding-right   : 5px;
	font-size	: 10px;
}
div.lienUp a{
	color           : #2949C4;
	text-decoration	: underline;	
	width		: 80%;
	font-weight	: bold;
	display		: inline;
}
div.lienUp img{
	text-decoration	: none;	
	margin-right	: 10px;
	vertical-align	: text-bottom;
	display		: inline;
}
div.lienUp a:hover{
	color		: black;
	text-decoration	: none;	
}

/*****************************/
/*	Mises en forme gnrales  */
/*****************************/
.remarque
{
	font-weight			: bold;
	font-size			: 12px;
	font-family			: "Trebuchet MS", arial;
	text-align			: left;
}



/******************/
/* message millieu */
/******************/
div#affCenterMessage, div#infoPrefereAdd
{
	width: 200px;
	background-color: #FEFAE2;
	border: 2px solid #F2CA09;
	z-index:15;
	padding-bottom: 5px;
	
}
#affCenterMessage div.image
{
	width: 500px;
	height:500px;
	background-color: white;
	border: 1px solid #333333;
    	position: absolute;
	top:1px;
	left:1px;
}
#affCenterMessage div#titre, div#infoPrefereAdd div#titre
{
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 3px;
	color: #333;
	font-weight: bold;
	height : 20px;
}
.msgIdent{
	position: relative;
	display: block;
	margin: 10px;
}


/* Liens jaunes (mettre de côté) */
a.actionJ
{
	font-family: Verdana;
	font-size: 14px;
	color: #F0BB21;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
}

a.actionJ:hover
{
	text-decoration: underline;
}