/*Taille du contenu obligatoirement en font-size: 12px;*/
/*fix ie6 png bug*/
img, div { behavior: url(iepngfix.htc); }
body { margin:0; padding:0; background:#000; }
img { border:none; }
div, td { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;} 
table{border-collapse: collapse; }
a { color:#000;}
ul li { list-style-type:none; font-weight:bold;  color:#144d99;}
h1 { font-size:16px; text-decoration:underline; font-weight:bold; color:#BF2F26;}
h3 { font: bold 120% verdana, arial, Helvetica, sans-serif;
	margin: 0; 
	font-size : 12px;
	padding: 0 0 10px 0;  
	color: #417cc5;}
h2 {
	margin: 0;
	font-size : 16px;
	padding: 0 0 10px 0;
	color: #417cc5;
	border-top:1px solid #CC0000;
	font-family: verdana, arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: bold;
}
.clear { clear:left;}
.clear1 { clear:right;}
.clear2 { clear:both;}

#wrapper { width:100%; background:url(../images/bg_bottom.gif) bottom repeat-x; margin:0; padding:0;}
#wrap { width:980px; margin:0 auto; padding:0;}
#top { width:980px; background:url(../images/bg_top.gif) 0 0 no-repeat;}
#logo { width:980px; height:125px; overflow:hidden; text-align:left;}
#logo img { margin:0 15px; }
#menu { width:980px; height:75px; overflow:hidden; margin:0; padding:0;}
#menu ul { margin:0; padding:0; list-style-type:none; list-style-image:none;}
#menu ul li { float:left; overflow:hidden;}
#menu ul li a { height:150px; display:block;}
#menu ul li a:hover { margin-top:-75px;}
.mn1 { width:94px;}
.mn2 { width:122px;}
.mn3 { width:174px;}
.mn4 { width:83px;}
.mn5 { width:122px;}
.mn6 { width:127px;}
.mn7 { width:79px;}
.mn8 { width:71px;}
.mn9 { width:108px;}

#photofloat {float:left; width:200px;}
#photofloat img {border:1px solid black;}
#photofloat p {margin:0; padding:0; text-align:center;}
#accfloat img {float:left; margin-right:30px;}
#accfloat h2 {font-size:20px;}

.photofloat_actu img {float:left; width:170px; margin:5px 0.5px; border:1px solid black;}

#animation { width:980px; height:200px; position:relative;}
#backindex {position:absolute; top:159px; left:772px;}
#flash { width:980px; height:200px;}
#main { width:980px; background:url(../images/bg_main.gif) bottom left no-repeat; background-color:#fff;}
#titre { width:980px; height:50px;}
#main-content { width:930px; margin:0 auto; padding:10px 0;}
#left { width:695px; overflow:hidden; float:left; padding:15px 0;}
#right { width:235px; overflow:hidden;  float:left; text-align:left;}
#text { width:530px; float:left; overflow:hidden; }
.text { text-align:justify; padding-right:10px;}
.text h2 {text-align:left; margin:5px 0; padding-top:10px;}
.text strong { color:#144d99;}
.boutons { width:530px;}
.boutons img  { margin-right:12px;}
.boutons2   { width:530px;}
.boutons2 a  { float:left;}

#photos { width:165px; text-align:center; float:left;}
#photos3 { width:520px; margin:0 auto; text-align:center;}
#photos3 a {float:left;}
#photos3 img {border:1px solid #838585; margin:5px 5px;}
#photos2 { text-align:center; padding-top:15px;  float:left; width:350px;}
#photos2 td { padding:5px;  font-weight:bold; color:#144d99; font-size:10px; line-height:10px;}
#photos img { border:1px solid #838585; margin:5px 0; }
#photos2 img { border:1px solid #838585; margin:5px 0; float:left;}

.encart { width:235px; height:345px; overflow:hidden; background:url(../images/bg_encart.gif) 0 0 no-repeat; text-align:center;}
.encart-content { width:213px; height:272px; margin:0 10px 12px 10px; overflow:auto; text-align:left; }
.bloc-detail { width:203px; background:#000; padding:5px; margin-bottom:1px; }
.details { width:201px; border:1px solid #2a2a2a; }
.photo-details { float:left; width:70px;}
.photo-details img {  margin:5px ;}
.text-details { width:130px; color:#fff; text-align:left; float:left;}
.tittle-details { color:#fff; font-size:12px;  font-weight:bold;}
.detais {
	font-size:10px;
	color:#AAA6A6;
}
.align { padding-left:50px;}
.prix { color:#fe0000; font-weight:bold;}

.logo_part { width:235px; margin: 10px 0;}
.logo_part img { float:left; margin:0;}
#mp3 { width:260px;  height:25px; overflow:hidden; padding:10px 0 0 720px; background:#00000; text-align:right; }
#footer {  width:930px; height:80px; overflow:hidden; margin:0 25px; background:url(../images/bg_foot.gif) 0 0 no-repeat; color:#fff; text-align:center; padding-top:16px; vertical-align:bottom;}
#footer a { color:#fff; padding:2px; text-decoration:none; }
#footer img { margin:5px;}
.others { width:980px; height:44px;  overflow:hidden; color:#fff; margin:0 auto; text-align:center;}
.others a {color:#fff; text-decoration:none; padding:0 5px;}





/*PAGES MENTIONS LEGALES*/
#mentions p{margin: 10px 0 20px 40px;}



/*FICHE ANNONCE*/
#leftan { width:650px; overflow:hidden; float:left; padding:15px 0;}
#textan { width:485px; float:left; overflow:hidden; }
#rightan { width:280px; overflow:hidden;  float:left; text-align:left;}
#photos2an { text-align:left; padding-top:15px;  float:left;}


/* Caractéristiques
-----------------------------------------------------------------------------*/
#sb-caracs {
	display: block;
	width: 248px;
	margin-bottom: 5px;
	background-color: #EAEAEA;
	border: 1px solid #A9A9A9;
	font-size: 0.90em;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
#sb-caracs a {
	color: #191919;
	text-decoration: none;
}
#sb-caracs a:hover {
	color: #EC2929;
}
#sb-caracs p { margin: 0; }
#sb-caracs p.title {
	display: block;
	width: 228px;
	height: 24px;
	line-height: 22px;
	padding-left: 20px;
	background: url(../images/box-title-bg.gif) top left no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

#sb-caracs table { width: 244px; margin: 2px; }
#sb-caracs table tr {}
#sb-caracs table th { 
	width: 140px;
	padding-left: 5px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #EAEAEA;
	vertical-align: top;
}
#sb-caracs table td {
	padding: 0 3px 0 5px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #EAEAEA;
}


/* Description
-----------------------------------------------------------------------------*/
#sb-description {
	display: block;
	width: 248px;
	margin-bottom: 5px;
	background-color: #EAEAEA;
	border: 1px solid #A9A9A9;
	font-size: 0.90em;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
#sb-description p.title {
	display: block;
	width: 228px;
	height: 24px;
	line-height: 22px;
	padding-left: 20px;
	margin: 0;
	background: url(../images/box-title-bg.gif) top left no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

#sb-description div.description { padding: 2px 5px 0 5px; }

/* CSS Document */
.lof-slidecontent, .lof-slidecontent a {
	color:#FFF;	
}
.lof-slidecontent a.readmore{
	color:#58B1EA;
	font-size:95%;
	
}
.lof-slidecontent{
	position:relative;
	overflow:hidden;
	border:#F4F4F4 solid 1px;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	text-align:center;
	background:#FFF
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer{
	position:relative;
	height:100%;
	width:400px;
	z-index:3px;
	overflow:hidden;
}


/*******************************************************/
.lof-main-item-desc{
	z-index:100px;
	position:absolute;
	bottom:50px;
	left:0px;
	width:350px;
	background:url(../images/bg_trans.png);
	height:100px;
	/* filter:0.7(opacity:60) */
	padding:10px;
}
.lof-main-item-desc p{
	margin:0 8px;
	padding:8px 0
}
.lof-main-item-desc h3{
	padding:0;
	margin:0
}
.lof-main-item-desc h2{
	padding:0;
	margin:15px 0 0 0px;
}
.lof-main-item-desc h3 a{	
	margin:0;
	background:#C01F25;
	font-size:75%;
	padding:2px 3px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none
}
.lof-main-item-desc h3 a:hover{

	text-decoration:underline;
}
.lof-main-item-desc h3 i {
	font-size:70%;
}

/* main flash */
ul.lof-main-wapper{
	/* margin-right:auto; */
	overflow:hidden;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	position:absolute;
	overflow:hidden;
}

ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	float:left;
	position:relative;
}
.lof-opacity {
	overflow:visible  !important;;
	position:absolute !important;
}
.lof-opacity  li{
	position:absolute  !important;;
	top:0;
	left:0;
	float:inherit  !important;
}
ul.lof-main-wapper li img{
	padding:0px;	
}

/* item navigator */
.lof-navigator-wapper {
	position:absolute;
	bottom:10px;
	right:10px;
	background:#000;
	padding:5px 15px;
	-moz-border-radius:5px 5px 5px 5px;

}
.lof-navigator-outer{
	position:relative;
	z-index:100;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	padding:0;
	margin-left:0px;
	overflow:hidden;
	float:left;
	display:block;
	text-align:center;
	
}
ul.lof-navigator li.active , ul.lof-navigator li:hover  {
	background:#FFF;
	color:#000;
	display:block;
}

/* Nav
-----------------------------------------------------------------------------*/
#nav { 
	display: block;
	height: 22px;
	margin: 0 5px 10px 5px;
}
#nav p { margin: 0; }
	#nav p.retour { float: left; }
	#nav p.next, #nav p.previous { float: right; }
	
#nav a:link, #nav a:visited {
	display: block;
	height: 22px;
	line-height: 22px;
	padding-left: 7px;
	margin-right: 7px;
	background: url(../images/nav-a.gif) 0 0 no-repeat;
	font-size: 0.90em;
	color: #292929;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	/* Hack IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#nav a:hover { background-position: 0 -22px; color: #FFFFFF; }
	#nav p.previous a:link, #nav p.previous a:visited { padding-left: 25px; background-position: 0 -44px; }
	#nav p.previous a:hover { padding-left: 25px; background-position: 0 -66px; }
	
#nav a:link span, #nav a:visited span {
	display: block;
	height: 22px;
	padding-right: 7px;
	background: url(../images/nav-span.gif) 100% 0 no-repeat;
	cursor: pointer;
}
	#nav a:hover span { background-position: 100% -22px; }
	#nav p.next a:link span, #nav p.next a:visited span { padding-right: 25px; background-position: 100% -44px; }
	#nav p.next a:hover span { padding-right: 25px; background-position: 100% -66px; }

/* Pagination */
div.pages {
	float: left;
	display: block;
	height: 22px;
	background: url(../images/annonces-tools-bg-left.gif) top left no-repeat;
}
div.pages ul {
	display: block;
	height: 21px;
	padding: 1px 5px 0 5px;
	background: url(../images/annonces-tools-bg-right.gif) top right no-repeat;
}
div.pages li {
	float: left;
	display: inline-block;
	height: 22px;
	line-height: 22px;
	padding: 0 4px;
	background: url(../images/annonces-tools-sep.gif) 0 -1px no-repeat;
	/* hack IE6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}

div.pages li.active a  {color: #EC2929; text-decoration: none;}


	div.pages li.previous, div.pages li.next, div.pages li.nosep { background: none; }
div.pages a:link, div.pages a:visited {
	display: block;
	color: #191919;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
	div.pages a:hover { color: #EC2929; }
	div.pages li.previous a:link, div.pages li.previous a:visited, div.pages li.previous a:hover {
		padding-left: 17px;
		background: url(../images/annonces-tools-previous.gif) 0 6px no-repeat;
	}
	div.pages li.next a:link, div.pages li.next a:visited, div.pages li.next a:hover {
		padding-right: 17px;
		background: url(../images/annonces-tools-next.gif) 100% 6px no-repeat;
	}


/*Listing annonces*/
/*CATALOGUE*/

#bloc_catalogue { width:900px; margin: 0 auto; text-align:center;}
#catalogue { margin-left:40px; padding:0; width:100%; text-align:center;}
#id{
	float:left;
	width:220px;
	margin:10px;
	margin-left:20px;
	margin-right:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	}
select{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#f9b701; color:#000000; font-weight:bold;}
#id:hover{
	float:left;
	width:220px;
	margin:10px;
	margin-right:15px;
	margin-left:20px;
	color:#666666;
}
#haut_id{float:left; width:220px; background-image:url(../images/ht-vignette-catalogue.jpg); height:6px;
	}
#cont_id{
	float:left;
	width:220px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url(../images/fd-vignette-catalogue.jpg);
	text-align:center;
	color:#666666;
	}
#bas_id{float:left; width:220px; background-image:url(../images/bas-vignette-catalogue.jpg); height:6px;
}

#droite_photos img {
	background:#f3c13d; border:1px solid #b1a789; padding:4px; margin:5px; float:left;
}
#cont_id img:hover{
	border:1px solid #FF0000;
}
#cont_id img{
	border:1px solid #000000;
}

.prix {
	font-size:11px;
	color:#CC0000;
	font-weight:bold;
}
h2 {
	color:#006699;
}