html {font-size:100%;}

body {
	margin:0px; 
	padding:0px; 
/*	background:#e2e2e2 url(img/bg.png) top center no-repeat; */
	
	background-image:url('../data1/images/Porsche-911-grayscale.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size: cover;
	
	font-family:Arial; 
	color:#1a1718; 
	line-height:1; 
	font-size:13px; 
	overflow-x:hidden;}

header, nav, aside, footer, figure, section, article {display: block;}

*{outline:none;}

p {text-align:left; margin-bottom:15px; line-height:1.5;}

a {color:#ef3f50; text-decoration:none;}
a:hover {color:#d53948;}
a img {border:none;}

h1, h2 {font-size:24px; font-weight:normal; color:#1a1718; margin:0px;}
h2 {font-size:20px;}

.clear {clear:both;}
.aligncenter{margin:15px; padding:5px; border:1px solid #dedede;}
.alignleft {float:left; margin:15px; padding:5px; border:1px solid #dedede;}
.alignright {float:right; margin:15px; padding:5px; border:1px solid #dedede;}
img.displayed {display: block; margin: 15px auto; padding:5px; border:1px solid #dedede; border:1px solid #dedede;}
.page-actus img {display: block; width: 100%; height:auto; margin: 15px auto; padding:5px; border:1px solid #dedede; border:1px solid #dedede;}
.btn {position:relative; padding:5px 10px; display:inline-block; background-color:#ef3f50; color:#fff!important; text-transform:uppercase; font-weight:bold; font-size:11px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -webkit-transition:0.5s; border:3px solid #e6e6e6;}
.btn:hover {background-color:#d53948; color:#fff; padding:5px 20px;}

.navig-single {margin-bottom:30px;}
#navig-left {float:left;}
#navig-right {float:right;}
.btn, .navig-single a {position:relative; padding:5px 10px; display:inline-block; background-color:#ef3f50; color:#fff!important; text-transform:uppercase; font-weight:bold; font-size:11px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -webkit-transition:0.5s; border:3px solid #e6e6e6;}
.btn:hover, .navig-single a:hover {background-color:#d53948; color:#fff; padding:5px 20px;}

#content {width:960px; margin:0 auto;}

/* ------ HEADER ------- */

header {height:60px; position:relative;}
	#logo {position:absolute; top:35px; left:15px; display:block; width:200px; height:70px; background:url(img/logo.png) top left no-repeat; text-indent:-7000px;}
	#menu {position:absolute; margin:0px; padding:0px; list-style-type:none; text-align:center; bottom:0px; left:0px; width:960px; height:40px; background-color:#231f20; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}
	#menu li {display:inline-block;}
	#menu li a {display:block; height:24px; padding:0px 10px; font-size:14px; line-height:24px; margin-top:8px; color:#a6a6a6; border-radius:50px;  -moz-border-radius:50px; -webkit-border-radius:50px;}
	#menu li a:hover {color:#ef3f50;}
	#menu li.current-menu-item a {background-color:#1b1819; color:#ef3f50; box-shadow:0px 1px 0 #4f4d4d;}
	
	#search {position:absolute; top:50px; right:15px;}
	#search input[type="text"] {padding:10px; font-family:Georgia; font-style:italic; font-size:12px; width:80px; color:#848484; border:1px solid #dedede; -webkit-border-radius:5px; -webkit-transition:0.5s; background-color:#efefef;}
	#search input[type="text"]:focus {border:1px solid #ccc; width:250px; background-color:#fff;}
	
	#enter {display:none; position:absolute; top:80px; right:-120px; background:url(img/enter.png) top left no-repeat; width:153px; height:31px;}
	
/* ------ CONTENT ------ */


	#content-blank {padding:50px 50px; background-color:#fff; border-bottom:2px solid #d1d1d1; border-left:2px solid #d1d1d1; border-right:2px solid #d1d1d1; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;}


	#page-title {position:relative; background-color:#1b1818; padding:40px 50px 50px 50px; color:#6a6969;}
	#page-title h1 {color:#fff;}
	#page-title h1 span {color:#ef3f50; font-family:Georgia; font-style:italic; font-size:18px;}
	
	.page-actus {border-bottom:1px solid #d1d1d1; padding-bottom:20px; margin-bottom:20px;}
	.page-actus:last-child {border:none; margin-bottom:0px; padding-bottom:0px;}
	
	#comments {width:500px; float:left;}
	.contenu-sidebar {width:550px; float:left;}
	.blog-post img {display: block; width: 100%; height:auto; margin: 15px auto; padding:5px; border:1px solid #dedede; border:1px solid #dedede;}
	.sidebar {width:200px; float:right;}
	.module-sb {margin-bottom:50px;}
	.module-sb:last-child {margin-bottom:0px;}
	.module-sb h2 {margin-bottom:15px; padding-bottom:20px; background:url(img/bg-h2.gif) bottom left repeat-x;}
	.cat ul {margin:0px; padding:0px; list-style-type:none;}
	.cat ul li {margin-bottom:2px;}
	.cat ul li a {display:block; color:#1a1718; padding:5px 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background-color:#efefef; -webkit-transition:0.5s;}
	.cat ul li a:hover, .cat ul li.current-cat a {background-color:#ef3f50; color:#fff; padding:5px 10px 5px 15px;}
	.cat ul li a:hover:before, .cat ul li.current-cat a:before {content:'+ ';}
	
	#tweet {line-height:1.5;}
	#tweet ul {margin:0px; padding:0px; list-style-type:none;}
	#tweet ul li {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc;}
	#tweet ul li:last-child {border:none; margin-bottom:0px; padding-bottom:0px;}
	.tweet_text {display:block; clear:both;}
	.tweet_avatar {float:left; width:24px; height:24px; margin-right:7px; margin-bottom:10px;}
	.tweet_time {float:left; line-height:24px;}
	.tweet_time a {color:#1a1718; text-transform:uppercase; font-size:11px;}
	
	.meta {font-size:11px; margin-top:7px; color:#848484;}
	
	#googlemap {width:960px; height:250px; overflow:hidden; background:#fff url(img/loading.gif) no-repeat 50% 50%;}
	
/* ------ SLIDER ------ */

#slider {width:960px; height:250px; overflow:hidden;}
	
/* ------ MODULES HOME  ------- */


	#modules ul {list-style-type:none; margin:0px; padding:0px;}
	#modules ul li {width:240px; float:left; margin-right:68px;}
	#modules ul li:last-child {margin-right:0px;}
	#modules p {color:#7b7b7b; line-height:16px; margin-bottom:0px!important;}
	#modules h2 {font-size:24px; line-height:24px; margin-bottom:20px;}
	#modules h3 {padding:0px;}
	#modules h3 span {font-size:12px; color:#ed023f;}
	#modules img {vertical-align:top; margin-right:10px;}
	
	#modules article p {border-bottom:1px solid #ccc; padding-bottom:12px; margin-top:-8px;}
	#modules article:last-child p {border-bottom:none;}
	#modules a {color:#1a1718;}
	#modules a:hover {color:#7b7b7b;}
	
	#mot p {margin-bottom:10px!important;}
	
	#modules a img {-webkit-transition:0.5s;}
	#modules a:hover img {box-shadow:0 0 10px #ccc; -webkit-transform: scale(1.1);}
	
/* ------ Cars for Sale Folio ------ */
	
	#filtre {position:absolute; margin:0px; padding:0px; list-style-type:none; top:45px; right:50px;}
	#filtre:before {content:'Category: ';}
	#filtre li {display:inline-block; background-color:#231f20;}
	#filtre li a {display:block; padding:5px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#filtre li a:hover {color:#fff;}
	.filtre-actif a {background-color:#ef3f50; color:#fff;}
	
	.others {width:200px; height:100px; position:relative; background:url(img/motif.png) top left repeat; float:left; margin-right:14px; margin-bottom:14px;}
	
	.others img {border:1px solid #ccc;}
	
		.detail {position:absolute; top:0px; left:0px; width:201px; height:101px; background:rgba(35,31,32,0.9); z-index:5;}
		.detail a {position:absolute; top:0px; left:0px; display:block; width:200px; height:100px; text-align:center; z-index:10;}
		.detail a img {margin-top:40px; border:none;}
		.detail p {position:absolute; font-size:11px; bottom:10px; left:10px; margin:0px; padding:0px; line-height:1.2; color:#d2d2d2;}
		.detail p span {display:block; font-size:10px; text-transform:uppercase; color:#ef3f50;}
		
	#single-folio {width:960px; width:250px; position:relative;}
	#single-folio h1 {position:absolute; bottom:30px; left:0px; font-size:36px; background:rgba(255,255,255,0.7); padding:5px 20px 5px 50px; text-transform:uppercase; border-radius:0px 5px 5px 0px; -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; letter-spacing:-1px;}
	
	.folio p {line-height:1;}
	.folio p span {font-weight:bold;}


/* ------ COPYRIGHT ------ */

#copyright {margin-top:30px; margin-bottom:60px;}
	#copyright p {text-align:center; font-size:11px; line-height:1;}
	#copyright p span {display:block; font-size:10px; color:#6f6f6f; margin-top:5px;}
	#copyright p span a {color:#6f6f6f;}
	#copyright p span a:hover {color:#1a1718;}
	
/* ------ FORM ------ */

input[type="submit"] {cursor:pointer;}
#btn-contact {margin-left:92px;}
input[type="text"], textarea {width:200px; padding:5px; color:#808080; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-family:Arial; font-size:13px;}
input[type="text"]:focus, textarea:focus {border:1px solid #999;}
textarea {padding:5px 7px; width:435px; height:200px; resize:none;}
label {display:block; width:80px; float:left; margin-right:15px; padding-top:5px;}	


/* ------ GALLERY ------ */

#gallery {background-color:#e7e7e7; padding:10px; margin:10px 0; -webkit-border-radius:5px; -webkit-box-shadow:0 1px 1px #ccc;
list-style-type:none; text-align:center;}
#gallery li {display:inline-block; padding:4px; margin:2px 2px 5px 2px; background-color:#fff; -webkit-box-shadow:0 0 2px #333; -webkit-transition:0.3s;}
#gallery li a {display: block; width:100px; height:75px; outline:none;}
#gallery li img {vertical-align:top;}
#gallery li:hover {-webkit-transform:scale(1.1); background-color:#01dc91;}
#pagination {text-align:center;}
#pagination a {display:inline-block; padding:2px 10px; margin:2px; background-color:#e7e7e7; -webkit-border-radius:5px; -webkit-box-shadow:0 1px 1px #ccc; cursor:pointer; text-decoration:none; color:#333;}
#pagination a:hover {background-color:#d4d4d4;}
a.jp-current, a.jp-previous:active, a.jp-next:active {background-color:#01dc91!important; -webkit-box-shadow:0 1px 1px #333 inset!important; color:#fff!important; text-shadow:0 1px #333;}
a.jp-disabled {opacity:0.5; cursor:default!important;}
a.jp-disabled:hover {background-color:#e7e7e7!important;}


/* ----- CARS FOR SALE ----- */
#seeallphotos {position:relative; margin: 30px 10px 30px 10px; padding:5px 10px; display:inline-block; background-color:#ef3f50; color:#fff!important; text-transform:uppercase; font-weight:bold; font-size:11px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -webkit-transition:0.5s; border:3px solid #e6e6e6;}
#seeallphotos:hover {background-color:#d53948; color:#fff; padding:5px 20px;}

/* ----- LIVE ----- */
#live {display: block; width: 100%; height:auto; margin: 15px auto;}