* {
			padding: 0;
			margin: 0;
	   }
		body
		{
			margin: 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background-color:#ebebeb;
		}
		A {
		  color: #747474;
		  text-decoration: none;
		}
		
		A:hover {
		  color: #888888;
		  text-decoration: underline;
		}
		div#conteneur
		{
			z-index:1;
			margin: 0 auto  ;
			margin-left:20px;
			text-align: left ;
			border-width: 1px;
			border-color: #3368af;
			background: #fff ;
			overflow:auto;
						background-color:#ebebeb;
								background: url(images/fondcollone.gif) repeat-y 0 0 ;
		background-position: 730px;




		}
		div#headertest
		{
			margin: 0 auto  ;
			text-align: left ;
			display: block ;


			border-width: 1px;
			border-color: #3368af;
			background: #fff ;
						background-color:#FFFFFF;


		}
		
		h1#header
		{
			height: 112px ;
			margin: 0 ;
			background: url(images/header3.gif) no-repeat right top ;
			}
		
		
		h1#header a span
		{
			display: none ;
		}
		
		ul#menu
		{
			height: 26px ;
			margin: 0 ;
			padding: 0 ;
			background: url(images/bg_menu.gif) repeat-x 0 -25px ;
			list-style-type: none ;
		}
		
		p#pc
		{
			background: url(images/fleche.gif) no-repeat left center ;
			background-position: 5px;
			padding: 0px ;
			padding-left: 0px;
			text-align: left ;
			margin: 0 ;
		}
		p#menuderoulant
		{
			background: url(images/fleche.gif) no-repeat left center ;
			background-position: 5px;
			padding: 0px ;
			padding-left: 20px;
			text-align: left ;
			margin: 0 ;


		}
		A#menuderoulant
		{
		font-family : Verdana, Arial, sans-serif; 
		color: #192a4a; 
		font-size:0.85em;		
		}
		p#prix2
		{
			padding: 5px ;
			margin: 0 ;
			text-align:center;
			font-size : 2.5em; 
			color:#DD0000;
		}
		
		p#prix
		{
			padding: 0px ;
			padding-left: 0px;
			text-align: left ;
			margin: 0 ;
			font-size: 22px; 
			color:#DD0000;
		}
		
		p#prixportable
		{
			padding: 0px ;
			padding-left: 0px;
			text-align: left;
			margin: 0 ;
			font-size : 2em; 
			color:#DD0000;
		}
				
		ul#menu li
		{
			float: left ;
			text-align: center ;
		}
		
		ul#menu li a
		{
			width: 110px ;
			line-height: 25px ;
			font-size : 12px; 
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #dea ;
		}
		
		ul#menu li a:hover
		{
			background: url(images/bg_menu.gif) repeat-x 0 0 ;
		}
		
		div#contenu
		{
		z-index:2;
		text-align:center;
		display: block ;
		padding-left:10px;
			margin: 0 auto  ;
		float: left;
		border-top: 1px solid #F2F2F3;
		width:700px;


		}
		div#zone_msg
		{
		margin-top:0px;
		text-align:center;
		font-size: 12px; ;
		  }
		div#promo
		{
		float: left;
		position:absolute;
		margin-top:150px;
		margin-left:750px;
		min-height:875px; 
		height:auto !important; 
		height:875px;
		text-align:center;
		padding-top:5px;
		width:250px;
		background: url(images/fondcollone.gif) repeat-y 0 0 ;
		font-size : 13px; 
		 }
		 
		 
		  div#promo h5 {background: url(images/sep.gif) repeat-x bottom; padding-top: 5px; padding-bottom: 4px; margin-left:8px; margin-right:13px; font-size:12px;}
		
		div#contenu h2
		{
			padding-left: 25px ;
			line-height: 25px ;
			font-size: 1.4em ;
			background: url(little_apple.gif) no-repeat left bottom ;
			color: #9b2 ;
			border-bottom: 1px solid #9b2 ;


		}
		
		div#contenu h3
		{
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 1px solid #9b2 ;
			border-left: 3px solid #9b2 ;
			color: #9b2 ;
		}
		
		div#contenu p
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.7em ;
		}
		
		div#contenu a
		{
			color: #8a0 ;
		}
		
		div#contenu a:hover
		{
			color: #9b2 ;
		}
#footer {
	position: absolute;
	width: 750px;
	bottom: 0;
	clear:both;
	}
		p#footer
		{
			margin: 0 ;
			padding-right: 10px ;
			line-height: 30px ;
			text-align: right ;
			color: #8a0 ;


		}
		
		pre
		{
			overflow: auto ;
			background: #dea ;
			border: 2px solid #9b2 ;
			padding: 5px 0 0 5px ;
			font-size: 1.2em ;
		}
		
		* html pre
		{
			width: 636px ;
		}
		
		pre span
		{
			color: #560 ;
		}
		
		pre span.comment
		{
			color: #b30000 ;
			
		}
		
		
#cadrepc{
font-family : Verdana, Arial, sans-serif; 
color: #282e4e; 


font-size : 10px; 
float:left;


width:150px;
margin:10px;
border-left:1px solid #3368af;
border-right:1px solid #3368af;
border-bottom:1px solid #3368af;
border-top:1px solid #3368af;
background-color:#d4d4d4;
}


#cadreportable{
font-family : Verdana, Arial, sans-serif; 
color: #282e4e; 
height:460px;
font-size : 10px; 
float:left;


width:150px;
margin:10px;
border-left:1px solid #3368af;
border-right:1px solid #3368af;
border-bottom:1px solid #3368af;
border-top:1px solid #3368af;
background-color:#d4d4d4;
}


#cadreautre{
font-family : Verdana, Arial, sans-serif; 
color: #282e4e;
width:100%;
font-size : 12px; 
float:left;
margin-top:10px; 
margin-bottom:20px; 

border-left:1px solid #3368af; 
border-right:1px solid #3368af;
border-bottom:1px solid #3368af;
border-top:1px solid #3368af;
background-color:#d4d4d4;
}
#cadreproduits{
font-family : Verdana, Arial, sans-serif; 
color: #282e4e;
width:670px;
font-size : 12px; 
float:left;
margin-top:10px; 
margin-bottom:20px;
padding-right:10px; 
padding-left:20px; 

border-left:1px solid #3368af; 
border-right:1px solid #3368af;
border-bottom:1px solid #3368af;
border-top:1px solid #3368af;
background-color:#d4d4d4;
}
#menutest2 {
	margin: 0 ;
	padding: 0 ;
	text-align: left ;
	}
#menutest a {
margin-right:2px;
color: #282e4e; 
font-family : Verdana, Arial, sans-serif; 
font-size : 0.7em; 
text-decoration: none ;




	}
	#cadreconfig{
font-size: 1.2em ;
position:relative;
color: #282e4e; 
float:left;

width:95%;
margin-top:10px;
margin-left:10px;
margin-bottom:0px;
min-height:20px;
margin-right:10px;
border-left:1px solid #3368af;
border-right:1px solid #3368af;
border-bottom:1px solid #3368af;
border-top:1px solid #3368af;

}

#cadretitre{
font-size: 1.2em ;
position:relative;
color: #282e4e; 
float:left;


width:95%;
margin-top:10px;
margin-left:10px;
margin-bottom:0px;
min-height:20px;
margin-right:10px;
border-left:1px solid #3368af;
border-right:1px solid #3368af;
border-bottom:1px solid #3368af;
border-top:1px solid #3368af;
background-color:#d4d4d4;
}
#cadrelogin{
font-family : Verdana, Arial, sans-serif; 
color: #282e4e;
width:100%;
font-size : 11px; 
float:left;
margin-top:10px; 
margin-bottom:5px; 
min-height:20px;
border-left:1px solid #3368af; 
border-right:1px solid #3368af;
border-bottom:1px solid #3368af;
border-top:1px solid #3368af;
background-color:#d4d4d4;
}
#hautdepage{
top: 500px;
right: 5%;


	position: fixed;
	z-index: 5000;
	width: 156px;
    color: #fff;
    height: 68px;
	font-size:1.1em;
	padding: 0;
	text-align: center;
	background: transparent url(images/bgup.png) no-repeat;
}
#hautdepage a{
    color: #fff;
	text-decoration: none;
	font-size:1em;
}
form.login	{
	margin:0px;
	padding:1px;

}




form.login input, input.login {
	font-size: 13px;
	color: #000097;
	text-indent: 3px;
	border:1px solid #4d6db3;
	vertical-align:middle;
	background:#FFFFFF;
}


a.lien_menu {
color: black;  
font-family : Arial, Verdana; 
font-size: 14px; 
font-weight: bold;
text-decoration: none;
}
a.lien_menu:hover {
color : black; 
text-decoration: none;
}


.size2 {
font-family: Arial, Geneva; 
font-size: 13px;
}

#cadrepetitpromo{
font-family : Verdana, Arial, sans-serif; 
color: #282e4e; 
text-align:center;
font-size : 11px; 
float:left;
min-height:150px;
width:130px;
margin:2px;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
background-color:#d4d4d4;
}

#contimgeport{
margin-left:5px;
margin-right:10px;
margin-top:5px; 
margin-bottom:5px; 
background-color:#FFFFFF;
border-left:1px solid #3368af;
border-right:1px solid #3368af;
border-bottom:1px solid #3368af;
border-top:1px solid #3368af;
}
#contimgecpumarque{
margin-left:2px;
margin-right:10px;
margin-top:1px; 
margin-bottom:1px; 
border-left:1px solid #3368af;
border-right:1px solid #3368af;
border-bottom:1px solid #3368af;
border-top:1px solid #3368af;
}
#cadrepetitpromo2{
font-family : Verdana, Arial, sans-serif; 
color: #282e4e; 
text-align:center;
font-size : 11px; 
float:left;
min-height:150px;
width:95%;
margin:3px;
background-color:#d4d4d4;
}
   
#cadrebleupromo{
margin-left:20px;
margin-right:20px;
text-align:center;
min-height:105px;
height:105px;
max-height:105px;
max-width:90px;
min-width:90px;
background-color:#FFFFFF;
border:1px solid #3368af;
}

		div#promo2
		{
		float: left;
		position:absolute;
		margin-top:150px;
		margin-left:750px;

		text-align:center;
		padding-top:5px;
		width:250px;
		height:875px;
		background: url(images/fondcollone.gif) repeat-y 0 0 ;
		font-size : 13px; 
		 }