/*---------------------------------------------------------------------------------*/ 
/*             Mise en page :  elts généraux                                       */
/*                                                                                 */
/*             ----->layout.css                                                    */
/*             ----->Equipe Guidarts                                               */
/*---------------------------------------------------------------------------------*/ 



/*                         */
/* ----->Elements généraux */
/*                         */
html 
{ 
	margin: 0; 
	padding: 0; 
}
body
{ 
	margin: 0; 
	padding: 0; 
	font: normal /*85%*/ 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
	color: #000;
	/*background : transparent url("../../images/accueil/background.png") repeat ;*/
	background-color:#b1b2b1;
	
}

/* ----->Conteneur */
#conteneur 
{ 
	margin-right: auto; margin-left: auto; 
	width: 100%;
	height: 100%;
	padding-top:0px;
	/*background : transparent url("../../images/accueil/fond_degrade.gif")repeat ;*/
	
}
/* ----->Conteneur */
#conteneurpopup 
{ 
	margin-right: auto; margin-left: auto; 
	width: 690px;
	height: 100%;
	padding:10px 10px 0px 10px;
	background-color:#fff;
	
}
/* ----->Header */
#header 
{ 
	margin-right: auto; margin-left: auto; 
	/*width:995px;*/
	/*height:102px;*/
	height:82px;
	position: relative;
	/*background-color:#e4001b;*/
	/*background-color:#e90022;*/
	/*background : transparent url("../img/interface/background.png") repeat;*/
	background : white;
}
/* Menu Déroulant */
#pos    	   
{
		padding: 0px; margin: 0px 0px 0px 0px; 
		width:100%;
		background-color:#000;
}
#menu    		
{
		padding: 0px; 
		margin-right: auto; margin-left: auto; 
		margin-bottom:0px;margin-top:0px;
		width: 995px; 
		height: 25px;
		/*background-color:#fff*/;
		/* background: transparent url("../img/interface/ptrans.png") repeat */
}
#menu ul        
{
		float: left;
		list-style-type: none; /*display:inline; */
		line-height: 25px; 
		margin: 0px; padding: 0px; 
		text-align:left; 
		min-width: 70px;
		background: transparent url("../img/interface/ptrans.png") repeat
}
#menu ul li     
{/*float: left*/; 
	z-index: auto !important /*Non-IE6*/; 
	z-index: 1000 /*IE6*/; 
	padding: 0px 10px 0px 10px; 
	margin : 0px; 
	border-right: solid 1px #fff;
}
#menu ul li#mend     
{/*float: left*/; 
	z-index: auto !important /*Non-IE6*/; 
	z-index: 1000 /*IE6*/; 
	padding: 0px 0px 0px 0px; 
	margin: 0px; 
	border: 0px;
	background-color:#fff;
	height: 25px;
}
#menu ul li#mend2     
{/*float: left*/; 
	z-index: auto !important /*Non-IE6*/; 
	z-index: 1000 /*IE6*/; 
	padding: 0px 10px 0px 10px; 
	margin: 0px; 
	border: 0px;
}
#menu ul li a   
{
		float: none !important /*Non-IE6*/; 
		float: left /*IE-6*/; 
		display: block; 
		font-weight:bold; font-size: 11px; letter-spacing: 1px;text-decoration: none; color: #fff; 
		height: 25px;
}

#menu ul li ul             
{
		display: none; 
		border: none;
}
/*Non-IE6 hovering*/
#menu ul li:hover          
	{
			position: relative;
			background-color:#000;
}
#menu ul li:hover a        
{
		background: transparent url("../img/interface/ptrans.png") repeat; text-decoration: none; 
		color: #e4001b; text-align: left; 
		padding: 0px; margin : 0px;
} 
#menu ul li:hover ul       
{
		display: block; position: absolute; z-index: 999; left: 0px; 
		width: 13.0em; 
		top:20px; 
		margin-top: 0; 
		border: solid 1px transparent; /*background-color: #fff; */
}
#menu ul li:hover ul li   
{
			white-space: normal; 
			display: block; 
			padding: 0px; 
			font-weight:normal; text-align: left; 
			border: 0px;
}
		
#menu ul li:hover ul li a 
{
		white-space: normal; 
		padding: 0px 0px 0px 5px; margin: 0px ;
		font-weight:normal; font-size:11px; color: #fff;
}
#menu ul li:hover ul li a:hover 
{
		color: #fff; text-decoration: none; 
		background-color:#000; background-image: none; /*border-top: dotted 1px #fff; border-bottom: dotted 1px #fff*/
} 

/*IE6 hovering*/
#menu table            {position: absolute; top: 0; left: 0; border-collapse: collapse;}
#menu ul li a:hover    {position: relative; z-index: 1000 ; text-decoration:none;background: transparent url("http://www.drouot-cotation.org/templates/css/templates/img/interface/ptrans.png") repeat;}
#menu ul li a:hover ul {display: block; width:12.0em; position: absolute; z-index:999; top: 20px; left:0; margin-top:0px; border: solid 1px 1px 1px 1px #000; background-color: #fff;}
#menu ul li a:hover ul li a {white-space: normal; display: block; width: 12.0em; line-height:20px;  padding: 0px; top: 0px; background-color: #fff; font-weight:normal; color: #000; text-align: left;}
#menu ul li a:hover ul li a:hover {color: #fff; text-decoration: none; background-color:#000; background-image: none; } /*Color subcells hovering mode*/

/* Global */
#centrepage 
{ 
	margin:0px auto 0px auto; 
	padding-top:0px;
	width:995px; 
	background-color:#fff;
	overflow: auto;
	min-height: 480px;
}
#centrepagenolimit 
{ 
	margin:0px auto 0px auto; 
	padding-top:0px;
	width:100%; 
	background-color:#fff;
	overflow: auto;
	min-height: 480px;
}
/* Menu Gauche */
#contentgauche    
{ 
	float: left; 
	width: 415px; 
	height: 100%;
	/*background-color:#F93*/
}
/* Centre Droite */
#contentcentredroite 
{ 
	float: right; 
	right:0px; 
	margin:0px 10px; 
	width:255px; 
	/*background-color:#0CF*/
}
/* Centre Gauche */
#contentcentregauche 
{ 
	margin-left:445px; /*margin-right: 245px;*/
	width:255px;
	margin-top: 0px !important; padding-top: 0px !important;
	/*background-color:#96C*/
}

/*Pages Courantes */
/* Menu Gauche */
#menugauche    
{ 
	float: left; 
	width: 220px; 
	padding-left: 10px; border-right: solid 1px #000;
	height: auto;
}
#contentcentre 
{
	margin-left: 230px; margin-top: 0px;
	height: 100%; min-height: 100%;  
	padding: 0 10px 10px 10px; 
	width: auto; 
	border-left: solid 1px #333;
}
#contentcentre p {margin: 5px 5px 10px 5px;}
#contentcentregalerie 
{
	margin-left: 415px; margin-top: 0px;
	height: 100%; min-height: 100%;  
	padding: 0 10px 10px 10px; 
	width: auto; 
}
#contentcentre p {margin: 5px 5px 10px 5px;}
/* Globals */
form, input, select, textarea 
{ 
	margin: 0; 
	padding: 0; 
}

h1 
{ 
	text-align: left; 
	font-size: 16px; 
	margin: 0; padding: 0; 
	color:#373737; 
	border-bottom:dotted 1px #373737
}
h1:first-letter 
{ 
	font: bold 1.5em Georgia, "Times New Roman", Times, serif; 
	color:#cc0033 
}
h2 
{ 
	text-align: left; 
	font-size: 13px; 
	font-weight: bold;  
	margin: 0; padding: 0; 
}
h3 
{ 
	text-align: center; 
	font-size: 14px; 
	margin: 0; padding: 0; 
	color:#373737;
}
h3:first-letter 
{ 
	font: bold 1.2em Georgia, "Times New Roman", Times, serif; 
	color:#cc0033 
}