@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
	font-size:12px;
	font-family:Verdana, Helvetica, sans-serif;
}
body {
	background:#73749A url(../media/image/structure/background.jpg) no-repeat scroll center top;
	
}
a {
	text-decoration:none;
}

.clear{ clear:both; margin:0; padding:0;}

.nettoyeur {
	clear : both;
	margin : 0;
	padding : 0;
	border : 0;
	height : 0;
	line-height : 1px;
	font-size : 1px;
	overflow : hidden;
}


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



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

#distance {
	width:1px;
	height:10px;
	margin-top:10px; /* half of container's height */
	margin-bottom:10px;
	float:left;
}

#conteneur {
	margin:auto;
	width:1180px;
	padding-bottom:30px;

}
html>body #conteneur {
	height: auto;
	min-height: 20em;
	
}


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

#header{
	background:url(../media/image/structure/lannon-associe-header.png) no-repeat;
	width:1108px;
	height:74px;
	display:block;
	float:right;
	margin-top:20px;
	}
	
#blocMenu{ margin-bottom:65px; margin:auto; width:800px; display:block; height:80px; -width:870px; }	

.flotteG{
	float:left;
}

.flotteR{
	float:right;
}
	
#blocProchainesVentes{
	width:377px;
	display:block;
	margin-right:39px;
	text-align:right;
	color:#FFF;
	
	}
	#blocProchainesVentes a{color:#FFF; text-decoration:none;}
		#blocProchainesVentes a:hover{color:#FFF; text-decoration:underline;}
	#blocProchainesVentes h1{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:30px;
		color:#FFF;
		margin-bottom:10px;
		}
		#blocProchainesVDiapo2 h1{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:30px;
		color:#FFF;
		margin-bottom:10px;
		/*margin-left:70px;*/
		}
		#blocProchainesVDiapo2 .titre2{
		background:#4D4556;
		font-size:12px;
		font-weight:bold;
		color:#FFF;
		margin-bottom:10px;
		padding:2px 5px 3px 3px;
		
		}
		#blocProchainesVDiapo2 h3{color:#4C4555; font-size:18px; font-weight:normal;}
	#blocProchainesVentes .surbrillance{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		padding:2px 5px 2px 30px;
		font-size:14px;
		font-weight:bold;
		color:#FFF;
		margin-bottom:13px;
		background-color:#4D4556;
		}	
		
		
	#blocProchainesVentes p{
		margin-bottom:20px;
		font-size:14px;
		line-height:21px;
		}
	
	
#resultatRecherche{
width:750px;
margin-left:80px;
	display:block;
	margin-right:40px;
	color:#FFF;
	-margin-left:40px;
	}
	#resultatRecherche a{color:#FFF; text-decoration:none !important;}
		#resultatRecherche a:hover{color:#FFF; text-decoration:underline;}
	#resultatRecherche h1{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:30px;
		color:#FFF;
		margin-bottom:10px;
		}
		
	#resultatRecherche .surbrillance{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		padding:2px 5px 2px 30px;
		font-size:14px;
		font-weight:bold;
		color:#FFF;
		margin-bottom:13px;
		background-color:#4D4556;
		}	
		
		
	#resultatRecherche p{
		margin-bottom:20px;
		font-size:14px;
		line-height:21px;
		}	
	
	
#blocDiapoVente{
	margin-right:38px;
	width:402px;
text-align:center;
	position:relative;
	}
	#blocDiapoVente .slideshow{ margin:auto;}
	#blocDiapoVente img { margin:auto; width:402px; }
	
	#blocDiapoVente a span.zoom-icon { position:absolute;   visibility:hidden; right:5px; top:5px;  filter:alpha(opacity=80);  -moz-opacity:0.8;  -khtml-opacity: 0.8;  opacity: 0.8;
}
	#blocDiapoVente a:hover span.zoom-icon { visibility:visible; }
	
	#blocDiapoVente a span.zoom-icon img { width:32px; height:32px;}
	


	#blocDiapoVente div.autres-visuels img, #blocDiapoVente #thumbs ul.thumbs li img  { width:70px; height:70px; }
	
	
	img#archive { width:159px !important; height:90px !important;}
	
	
#colonneDroite{
	width:260px;
	margin-bottom:25px;
	}
	
	#colonneDroite h1{ color:#FFF; font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px;
	font-weight:bold; text-transform:uppercase; margin-bottom:5px;}
	
	#colonneDroite .saisie{ background:url(../media/image/structure/background-input.png) no-repeat; width:256px; height:20px; padding-left:12px;padding-top:2px; border:none; color:#333333; margin-bottom:5px;}
	
	#colonneDroite .saisie235, .services-droite .saisie235{ background:url(../media/image/structure/background-input.png) no-repeat; width:235px; height:20px; padding-left:12px;padding-top:4px; border:none; color:#333333; margin-bottom:5px;}
	#colonneDroite .saisie210, .services-droite .saisie210{ background:url(../media/image/structure/background-input.png) no-repeat; width:205px; height:20px; padding-left:12px;padding-top:2px; border:none; color:#333333; margin-bottom:5px;}
	
	.saisie245{ background: url(../media/image/structure/inscription/245.png) no-repeat; width:244px; height:20px; border:none; color:#333333;  padding-left:12px;}
	.saisie147{ background: url(../media/image/structure/inscription/147.png) no-repeat; width:147px; height:20px; border:none; color:#333333;  padding-left:12px; margin-left:11px;}
	.saisie213{ background: url(../media/image/structure/inscription/213.png) no-repeat; width:147px; height:20px; border:none; color:#333333;  padding-left:12px;}
	#colonneDroite #blocRecherche{display:block; margin-bottom:25px;width:260px;}
	#colonneDroite #blocRecherche .rechercher{ float:right; background: url(../media/image/structure/fleche/fleche-parme.png) no-repeat; background-position:0px 0px; padding-left:20px; color:#FFF; border:0; cursor:pointer; height:20px; padding-right:5px; width:100px;}
	#colonneDroite #blocRecherche .rechercher:hover{ text-decoration:underline;}
	
	#colonneDroite #blocCatalogue{display:block; margin-bottom:25px;}
	#colonneDroite #blocCatalogue ul{ background-color:#E75113; padding:3px;}
	#colonneDroite #blocCatalogue li{ line-height:30px; list-style:none; color:#FFF;}
	#colonneDroite #blocCatalogue li a{ padding-left:12px; color:#FFF; 	background: url(../media/image/structure/fleche/fleche-orange.jpg) no-repeat; background-position:0px 3px;}
	#colonneDroite #blocCatalogue li a:hover{ text-decoration:underline;}
	
	
	#colonneDroite #blocOrdreAchat{display:block; margin-bottom:25px;}
	#colonneDroite #blocOrdreAchat .ordreachat, .services-droite .ordreachat{ background-color:#E75113;padding:10px 3px 3px 6px; -padding-bottom:8px;}
	#colonneDroite #blocOrdreAchat .inscrire, .services-droite .ordreachat .inscrire{ float:right; background: url(../media/image/structure/fleche/fleche-orange.jpg) no-repeat; background-position:0px 3px; padding-left:12px; color:#FFF; border:0; cursor:pointer; width:90px;} 
	#colonneDroite #blocOrdreAchat .inscrire:hover, .services-droite .ordreachat .inscrire:hover{text-decoration:underline;}
	#colonneDroite #blocOrdreAchat .inscrire2, .services-droite .ordreachat .inscrire2{ float:right; background: url(../media/image/structure/fleche/fleche-orange.jpg) no-repeat; background-position:0px 3px; padding-left:15px; color:#FFF; border:0; cursor:pointer; margin-right:20px; line-height:15px;} 
	#colonneDroite #blocOrdreAchat .inscrire2:hover, .services-droite .ordreachat .inscrire2:hover{text-decoration:underline;}
	#colonneDroite #blocOrdreAchat .inscrire3, .services-droite .ordreachat .inscrire3{ float:left; background: url(../media/image/structure/fleche/fleche-orange.jpg) no-repeat; background-position:0px 3px; padding-left:15px; color:#FFF; border:0; cursor:pointer; margin-right:20px; line-height:15px;} 
	#colonneDroite #blocOrdreAchat .inscrire3:hover, .services-droite .ordreachat .inscrire3:hover{text-decoration:underline;}
	#colonneDroite #blocOrdreAchat a{color:#FFF; text-decoration:none;}
	#colonneDroite #blocOrdreAchat a:hover{color:#FFF; text-decoration:underline;}
	
	#colonneDroite #blocAlerteMail{display:block;}
		#colonneDroite #blocAlerteMail p{ border-bottom:1px solid #675B7B; padding:5px 2px 5px 2px; color:#FFF; -height:15px;}
		#colonneDroite #blocAlerteMail p.last{ border-bottom:0px solid #675B7B; padding:5px 2px 5px 2px; color:#FFF; margin-bottom:10px;}
	#colonneDroite #blocAlerteMail .submit{display:block; width:21px; height:22px; background:url(../media/image/structure/background-submit.png); cursor:pointer; border:0;}

	
	#colonneDroite #blocAlerteMail label{-float:left;}
	
	.services-droite a { color:white; text-decoration:underline; }
	
	
/***********************************************/
.checkbox, .radio {
	width: 12px;
	height: 12px;
	padding: 0 5px 0 0;
	background: url(../media/image/structure/background-checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: right;
}
.radio {
	background: url(radio.gif) no-repeat;
}
.select {
	position: absolute;
	width: 256px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 12px;
	color: #333333;
	font: 12px/21px verdana,sans-serif;
	background: url(../media/image/structure/background-select.png) no-repeat;
	overflow: hidden;
}
.select82 {
	position: absolute;
	width: 82px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 0px 0 12px;
	color: #333333;
	font: 12px/21px verdana,sans-serif;
	background: url(../media/image/structure/inscription/dropdown-82.png) no-repeat;
	overflow: hidden;
}
.select50 {
	position: absolute;
	width: 50px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 0px 0 8px;
	color: #333333;
	font: 12px/21px verdana,sans-serif;
	background: url(../media/image/structure/inscription/dropdown-50.png) no-repeat;
	overflow: hidden;
}
.select100 {
	position: absolute;
	width: 100px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 0px 0 12px;
	color: #333333;
	font: 12px/21px verdana,sans-serif;
	background: url(../media/image/structure/inscription/dropdown-100.png) no-repeat;
	overflow: hidden;
}
.select73 {
	position: absolute;
	width: 73px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 0px 0 12px;
	color: #333333;
	font: 12px/21px verdana,sans-serif;
	background: url(../media/image/structure/inscription/dropdown-73.png) no-repeat;
	overflow: hidden;
}
#blocProchainesVDiapo{width:870px; }
#blocProchainesVDiapo2{width:830px; margin-left:40px; -margin-left:30px;}
/*le contenu d'une page après de l'image centrale*/
.contenu-archive{width:825px; float:left;  margin-top:10px;}
.contenu-archive h2{font-size:24px; color:#FFFFFF; font-weight:normal;}
.contenu-archive h3{font-weight:normal; font-size:12px; color:#483549; margin-bottom:20px;}
.contenu-archive p{font-size:12px; color:#FFFFFF; font-weight:normal;}


/*la partie miniatures*/
#miniaturesEtAgrandie{margin-top:50px; padding-bottom:20px;}
.contenu-archive #miniatures-tab{width:250px; float:left;}
.contenu-archive #miniatures-tab img{margin:3px; float:left; border:0;}
.contenu-archive #miniatures-tab img.selected{border:2px solid #FFFFFF;margin:1px;}
.contenu-archive .slideshow{float:left; width:330px; display:block; margin-left:50px;}
.contenu-archive .slideshow img{margin:auto;display:block; padding:10px; background:#7E7F9F;}

.navigation-lots{ background:#7E7F9F; padding:4px;}
.navigation-lots span{display:block; width:auto;  float:left; text-align:center;}
.navigation-lots span a{color:#FFFFFF; font-size:14px;padding:0px 3px 0px 3px;	height:22px;line-height:22px;}
.navigation-lots span a:hover{ background:#757599;display:block;}
.navigation-lots span.navigation-lots-active a{display:block; background:#E75113;padding:0px 3px 0px 3px; height:22px; line-height:22px; -width:15px;}
.navigation-lots span.navigation-lots-active a:hover{display:block; background:#757599;}

.navigation-lots span.lot-suivant a{background:url(../media/image/structure/fleche/fleche-orange-vente-suivante.gif) no-repeat right;
	height:22px;
	display:block;
	line-height:22px;
	padding-right:30px; -width:80px;}
.navigation-lots span.lot-suivant a:hover {
	background:#757599 url(../media/image/structure/fleche/fleche-orange-vente-suivante-h.gif) no-repeat right;
}
.navigation-lots span.lot-precedent a{background:url(../media/image/structure/fleche/fleche-orange-vente-precedente.gif) no-repeat left;
	height:22px;
	display:block;
	line-height:22px;
	padding-left:30px;-width:80px; }
.navigation-lots span.lot-precedent a:hover {
	background:#757599 url(../media/image/structure/fleche/fleche-orange-vente-precedente-h.gif) no-repeat left;
}

.orange{color:#E75113;}
.gras{font-weight:bold;}

.ordre-vente-tab{color:#FFFFFF; margin-top:20px; margin-left:0px;}
.ordre-vente-tab-titres td { font-size:12px; font-weight:bold;}

#ordre-vente-submit{background:#E75114 url("../media/image/structure/fleche/fleche-orange.jpg") no-repeat 2px 7px; border:0 none; color:#FFFFFF; cursor:pointer; padding:3px 10px 3px 15px;}
#ordre-vente-submit:hover{background:#EE6B39 url("../media/image/structure/fleche/fleche-orange-h.jpg") no-repeat 2px 7px; border:0 none; color:#FFFFFF; cursor:pointer; padding:3px 10px 3px 15px;}

#footer{width:100%; height:50px; background: url(../media/image/structure/footer.png) no-repeat bottom center; margin-bottom:20px; -background:none;}
#footer #copyright{ width:1050px; margin:auto; padding-top:50px;padding-bottom:20px; color:#FFF; text-align:right;}
#footer #copyright a{ color:#4D4556; font-size:11px;}
#footer #copyright a:hover{ color:#E75114; }


p.contact{ background-color:#a0a0bb; padding:10px;}
.titreContact{color:#4C4555; font-size:18px; font-weight:normal; padding-bottom:2px; margin:0px; display:block;}


/*aide ordre d'achat*/

div#container-aide{
width:700px;
color:#fff;

}

div#container-aide h1{
font-weight:normal;
text-transform:uppercase;
background-color:#E75113;
text-align:center;
}

div#container-aide h2{
font-weight:normal;
padding-left:15px;
text-transform:uppercase;
background-color:#4d4556;
}

div#container-aide h2#creer{
	width:310px;
}

div#container-aide h2#consulte{
	width:240px;
}

div#container-aide h2#passer{
	width:280px;
	
}

div#container-aide p#1step{
padding-left:40px;!important	
width:620px;
}

div#container-aide p.step{
width:620px;
padding-bottom:10px;
}

div#container-aide ul.ul-aide{
list-style:upper-roman;
padding-left:40px;
}

div#container-aide ul.ul1{
list-style:none;
padding-left:40px;
}


