/* =================== Getting the new tags to behave START ====================== */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline; }

/* ==================== Getting the new tags to behave END ======================= */


/* ==================== NEWSLETTER ======================= */

#newsletter{width:169px; height:25px; position:absolute; top:107px; right:22px; z-index:20}
	#newsletter a{color:#fff; font-size:1.333em; text-decoration:none; text-transform:lowercase; display:inline-block; line-height:1.35em; letter-spacing:-1px}
	#newsletter a:hover{color:#ff5300; text-decoration:none}
	#newsletter input{float:left; color:#fff; font:12px Arial, Helvetica, sans-serif; border:none; padding:5px; outline:none; background:none; width:103px; margin-right:9px}



/* ========================= Global properties START ============================= */

body {
	background:url(../images/body_bg.jpg) left top repeat #000;
	min-width: 980px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	color: #ababab;
}

html {
	background: transparent;
	min-width: 980px;
	height: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: top;
	font-size: 100%;
}

div {
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}

a {
	outline: none;
	color: #ff5300;
}

	a:hover {
		text-decoration: none;
	}

h2{font-size:2.667em; line-height:1.2em; color:white; letter-spacing:-1px; word-spacing:2px; margin-bottom:16px}
	h2 span{text-transform:uppercase}
	
	h2.extra{margin-bottom:13px}
	h2.extra1{margin-bottom:21px}
	
h3{font-size:2em; color:white; background:url(../images/h3_marker.png) 1px center no-repeat; padding-left:16px; line-height:1.2em; margin-bottom:19px; letter-spacing:-1px; word-spacing:2px}
	h3.extra{margin-bottom:18px}
	h3.extra1{margin-bottom:15px}

h6{color:#d3d3d3; font-size:0.917em; line-height:18px; text-transform:uppercase; margin-bottom:17px}
	h6.extra{margin-bottom:18px}
	h6.extra1{margin-bottom:0}

p{line-height:18px; margin-bottom:18px; text-align: justify}
	p.extra{margin-bottom:20px; text-align: justify}
	p.extra1{margin-bottom:0; text-align: justify}
	p.extra2{margin-bottom:16px; text-align: justify}
	p.extra3{margin-bottom:17px; text-align: justify}
	p.extra4{margin-bottom:27px; text-align: justify}
	
img.fleft{margin-right:18px}

.orange{color:#ff5300}

.div_indent{margin-bottom:17px}

.vert{color:#0CE839}


/* ========================= Global properties END =============================== */



/* =============================== OCCASIONS ===================================== */

.slider_2{border:7px solid #3d3d3d; height:60px; position:relative; overflow:hidden;}

.bgfond_1 {
	position: relative;
	float: left;
	width: auto;
	padding: 5px;
	margin: 10px;	
	min-height: 120px;
	border:4px solid #3d3d3d;
	
}
.photo_slider2 {
	z-index: 4;
	position: relative;
	padding-left: 30px;
	width: 611px;
	float: left;
}

.planche {
	float: left;
	position: relative;
	z-index: 2;
	width: 641px;
	margin-top: -30px;
}

.h1_titre {	
	color: white;	
	padding-left: 10px;	
	padding-top: 10px;	
	font-variant: small-caps;
	text-transform: uppercase;
	font-size: 20px;
}

.contenu {
	margin-left: -20px;
	display: inline;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-top: 10px;
	text-transform: uppercase;
	position: relative;
	z-index: 8px;
	width: 290px;
	float: right;
	text-align: justify;
}

.box_partage {
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	float: left;
	display: inline;
	min-height: 100px;
	width: 264px;
}

.prix_occaz {
	margin-bottom: 20px;
	color: white;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	width: 611px;
	margin-top: -50px;
	z-index: 3;
	position: relative;
	float: left;
	padding-right: 30px;
}

/* =============================== ********NEWSLETTER******** ===================================== */

.inscription {
	text-align: center;
	width: 900px;
	height: 300px;
	margin-top: 80px;
	
	
}



/* =============================== ********OCCASIONS ESSAI******** ===================================== */

#annonce_occaz {

	display: block;

	min-height: 160px;

}

.annonce {

	min-height: 160px;

	width: auto;

}

.header_anc {

	font-size: 16px;

	font-variant: small-caps;

	color: white;

	padding: 15px;

}
.tout_contenu {

	display: inline;

	height: auto;

}


.photo_anc {

	position: relative;

	float: left;

	margin-left: 15px;

	min-height: 120px;

	width: 165px;

}

.info_anc {

	height: auto;

	margin-left: 20px;

	width: 170px;

	float: left;

	font-variant: small-caps;

	color: white;

}

.contenu_anc {

	margin-right: 30px;

	text-align: justify;

	margin-left: 15px;

	height: auto;

	float: left;

	width: 300px;

}

.box_anc {

	clear: right;

	margin-left: 15px;

	float: left;

	width: 210px;

}



/* ========================= Global Structure START ============================== */

#main {
	width: 980px;
	margin: 0 auto;
	font-size: 0.75em;
	padding-bottom:79px;
}

.header{
	position: relative !important;
	height:146px !important;
}

section#content { background:url(../images/tail_shadow.png) left top repeat-y}

footer {
	min-height:69px;
	overflow: hidden;
	background:url(../images/tail_shadow.png) left top repeat-y
}

/* =============== header footer OCCAZ ============*/

.occaz_titre occaz_footer {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	float: none;
	clear: none;
}
.occaz_titre {
	min-height: 25px;
}
.occaz_footer {
	background-image: url(none);
	width: auto;
	min-height: 25px;
	font-size: small;
	font-style: italic;
}
/* =============== FIN header footer OCCAZ ============*/


.top_shadow{background:url(../images/top_shadow.png) left top no-repeat; height:7px; width:980px; top:86px; position:absolute}
.footer_bot_shadow{background:url(../images/bot_shadow.png) left top no-repeat; height:7px}
aside{width:960px; margin:0 auto; border-bottom:4px solid #3d3d3d; background:url(../images/aside_bot_shad.png) left bottom repeat-x; color:#919090}
	.aside_inner{background:url(../images/aside_top_shad.png) left top repeat-x; padding:41px 0 38px 20px}
	#page6 .aside_inner{padding:41px 0 35px 20px}
/* ========================= Global Structure END ================================ */






/* ====================== Left & Right alignment START =========================== */

.fleft {
	float: left;
}

.fright {
	float: right;
}

.col-1, .col-2, .col-3, .col-4 {
	float: left;
	overflow: hidden;
}

.block-1, .block-2, .block-3, .block-4 {
	float: left;
	overflow: hidden;
}

.aligncenter {
	padding: 15px 0 0 0;
	text-align: center;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}

/* ====================== Left & Right alignment END ============================= */





.header h1{height:45px; width:273px; position:absolute; top:24px; left:14px}
	.header h1 a{display:block; height:100%; background:url(../images/logo.png) center center no-repeat; text-decoration:none}
	.header h1 a span{display:none}
	.header h1 a b{text-decoration:none; color:#bebebe; font-size:1.167em; text-transform:none; display:block; position:absolute; left:295px; top:4px; width:160px; line-height:19px; word-spacing:3px; letter-spacing:-1px}

.header_icons{position:absolute; top:45px; right:38px; color:#919090}
	.header_icons ul{float:left; margin-right:2px}
		.header_icons ul li{float:left; margin-right:5px}
		
nav{position:absolute; width:980px; top:93px; background:url(../images/tail_shadow.png) left top repeat-y; height:53px; z-index:19}
	.nav_shadow{background:url(../images/nav_shadow.png) left bottom repeat-x; width:960px; margin:0 auto; height:53px}
	nav ul{font-size:1.5em}
	nav li{float:left; height:53px; margin-right:1px}
	nav ul a{color:#8c8c8c; text-decoration:none; line-height:43px; display:block; letter-spacing:-1px; padding:3px 20px 7px 19px; margin:0 3px}
	nav ul a:hover, nav ul .active a{color:#ff5300; text-decoration:none; border:3px solid #3d3d3d; border-bottom:none; line-height:43px; margin:0; padding-top:0; background:url(../images/menu_act.png) left top repeat}
	
.nav2_shadow{position:absolute; z-index:19; width:440px; height:60px}
	.nav2_shadow ul{font-size:1.3em; margin-left: -3px;}
	.nav2_shadow li{float:left; height:60px; margin-right:1px}
	.nav2_shadow ul a{color:#8c8c8c; text-decoration:none; line-height:50px; display:block; letter-spacing:-1px; padding:3px 20px 7px 19px; margin:0 3px}
	.nav2_shadow ul a:hover, ul .mon_onglet_selected a{color:#ff5300; text-decoration:none; border-left: 3px solid #3d3d3d; border-right: 3px solid #3d3d3d; margin:0; border-bottom:none; line-height:50px;}

/* =============================== header END ==================================== */





/* ============================= content START =================================== */
.slider{border:7px solid #3d3d3d; height:373px; position:relative; overflow:hidden;}
.pagination {
	position:absolute;
	z-index:20;
	top:352px;	
	left:24px;
}
	.pagination li {
		float:left;
		padding-right:3px;
		font-size:0;
		line-height:0;
	}	
		.pagination li a {
			display:block;
			width:13px;
			height:13px;
			background:url(../images/banner_slider_a.png) -16px 0px no-repeat;
			font-size:0;
			line-height:0
		}
		.pagination li.current a {
			background:url(../images/banner_slider_a.png) 0px 0px no-repeat;
		}
.banner {
	width:447px;
	height:180px;
	top:102px;
	position:absolute;
	color:#fff;
	font:20px Arial, Helvetica, sans-serif;
	background:url(../images/banner_slogan_bg.png) left top no-repeat;
}



	.banner{font-size:3.333em; text-transform:uppercase; color:#fff; letter-spacing:-1px; position:absolute; padding:42px 0 0 22px; line-height:1.2em; word-spacing:-1px}
		.banner strong {font-size:0.75em; text-transform:none; color:#ffccb3; display:block; letter-spacing:0; width:90%; margin-top:-16px; word-spacing:0}
		.banner strong em{margin-top:-27px; display:block}
	
aside .block-1, aside .block-2, aside .block-3, aside .block-4{border-right:1px solid #2a2a2a}

aside div.extra{margin:0; border:none}

.block_inner{ padding-right:15px}

#content section{background:#2a2a2a; width:960px; margin:0 auto; border-bottom:4px solid #3d3d3d}
#indent{padding:27px 0 18px 20px}

.col-1, .col-2, .col-3, .col-4{border-right:1px solid black}

article.extra{border:none; margin:0 !important}

.article_inner{padding-right:20px}

.list{width:100%; overflow:hidden; margin-bottom:7px}
	.list li{width:100%; overflow:hidden; margin-bottom:13px}
	.list h6, .list p{margin-bottom:0}
	.list img{margin-top:5px}
	
.list1{line-height:24px; font-size:0.917em; font-weight:bold; width:100%; overflow:hidden; text-transform:uppercase; margin-bottom:19px}
	.list1 li{background:url(../images/list_marker.gif) left center no-repeat; padding-left:12px; overflow:hidden}
	.list1 a{color:white; text-decoration:none}
	.list1 a:hover{color:#ff5300; text-decoration:underline}
	
.news{width:100%; overflow:hidden}
	.news dt a{color:white; text-decoration:none; font-size:0.917em; line-height:18px; font-weight:bold; text-transform:uppercase}
	.news dt a:hover{color:#ff5300; text-decoration:underline}
	.news dd{line-height:18px; margin-bottom:25px}
	.news dd.last{margin-bottom:0}
	
.lists{width:100%; overflow:hidden}
	.lists ul{float:left; width:206px; margin-right:26px}
	.lists .last{margin-right:0}

.list2{width:100%; overflow:hidden; padding-top:4px}
	.list2 li{float:left; margin-right:10px; margin-right:32px}
	.list2 .last{margin-right:0}
	
.list3{width:100%; overflow:hidden; padding-top:3px}
	.list3 li{width:100%; overflow:hidden; margin-bottom:25px}
	.list3 h6, .list3 p{margin-bottom:0}
	.list3 .last{margin-bottom:0}
	
.list4 li{width:100%; text-align: justify; background:url(../images/list_marker.gif) left center no-repeat; padding-left:10px;}

.list5{font-size:0.917em; width:100%; overflow:hidden; text-align: justify}
	.list5 li{background:url(../images/list_marker.gif) no-repeat; margin-bottom:15px; padding-left:10px; overflow:hidden}
	.list5 a{color:white; text-decoration:none}
	.list5 a:hover{color:#ff5300; text-decoration:underline}
	
.lists.extra ul{margin-bottom:0}

.contacts{color:#ff5300; font-weight:bold; font-size:0.917em; text-transform:uppercase; padding-right:13px}
	.contacts span{float:right}

.contacts1{width:100%; overflow:hidden; padding-bottom:5px}
	.contacts1 li{float:left; width:220px; margin-right:41px}
	.tel{width:80px !important}
	.cdw{margin-top:30px; float:right !important}
	.contacts1 .last{margin:0; width:220px}
	.contacts1 p span{float:right; padding-right:15px}
	.contacts1 h6{margin-bottom:0}

.mail{font-size:0.917em; font-weight:bold; text-transform:uppercase; color:#d3d3d3; margin-bottom:15px}
	.mail a{color:#d3d3d3; text-decoration:none}
	.mail a:hover{color:#ff5300; text-decoration:underline}
	

/* ============================== content END ==================================== */



/* =================== txt, links, lines, titles START =========================== */
a.more{text-decoration:none; color:#ff5300; font-size:1.333em; background:url(../images/more_bg.png) right center no-repeat; display:inline-block; line-height:20px; padding:0 18px 3px 14px; letter-spacing:-1px; word-spacing:2px}
	a.more:hover{text-decoration:none; color:white}

/* ==================== txt, links, lines, titles END ============================ */





/* ============================= other START ===================================== */

.pic-indent{margin-bottom:13px}
.pic-indent1{margin:4px 18px 0 0}
.pic-indent2{margin:5px 18px 0 0}

/* ============================== other END ====================================== */





/* ============================ footer START ===================================== */
footer .wrapper{width:918px; margin:0 auto; background:url(../images/footer_top_shadow.png) left top repeat-x; padding:27px 21px 0}
footer a{color:#ababab}
.copy{float:left}
	.copy b{margin:0 3px}
.footer_link{float:right}
/* ============================= footer END ====================================== */
.box_partage {
	padding: 30px;
	float: left;
	height: auto;
	width: 241px;
}
