@charset "utf-8";

html,body {
	height:100%;
}
body { font-size:100%;}

.container_12 {
	position:relative; /* needed for footer positioning*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */	
}

#content {
	padding-bottom:150px;
	/*outline:1px solid red;*/
}

#footer {
	margin-top: 50px;
	line-height: 0;
}


h1 {
	font-size:30px;
	line-height:1; 
	color:#333;
}

textarea,
input[type="text"] {
	padding:5px;
	border:0;
	background-color:#f5f5f5;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin: 2px 0;
}

textarea:hover,
input[type="text"]:hover,
textarea:focus,
input[type="text"]:focus
{
	background: #edf5d4;
}

input[type="submit"] {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4db84;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4db84;
	box-shadow:inset 0px 1px 0px 0px #a4db84;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8ec259), color-stop(1, #859a4d));
	background:-moz-linear-gradient(top, #8ec259 5%, #859a4d 100%);
	background:-webkit-linear-gradient(top, #8ec259 5%, #859a4d 100%);
	background:-o-linear-gradient(top, #8ec259 5%, #859a4d 100%);
	background:-ms-linear-gradient(top, #8ec259 5%, #859a4d 100%);
	background:linear-gradient(to bottom, #8ec259 5%, #859a4d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ec259', endColorstr='#859a4d',GradientType=0);
	background-color:#8ec259;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #567345;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:17px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #547a36;
}
input[type="submit"]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #859a4d), color-stop(1, #8ec259));
	background:-moz-linear-gradient(top, #859a4d 5%, #8ec259 100%);
	background:-webkit-linear-gradient(top, #859a4d 5%, #8ec259 100%);
	background:-o-linear-gradient(top, #859a4d 5%, #8ec259 100%);
	background:-ms-linear-gradient(top, #859a4d 5%, #8ec259 100%);
	background:linear-gradient(to bottom, #859a4d 5%, #8ec259 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#859a4d', endColorstr='#8ec259',GradientType=0);
	background-color:#859a4d;
}
input[type="submit"]:active {
	position:relative;
	top:1px;
}


p {
}

select {
	font-size:15px;
	/*#869a4d; /* DRAGON_GREEN */
}
.light { color:#8f8f8f; }


#filter {
	float:right;
	text-align:right;
}


#navbar {
	position: relative;
	background:url(../img/navbar-bg.png) repeat-y;
	margin-top:20px;
	padding-top:40px;
	padding-bottom:40px;
	width:200px;
}

.hidden { display: none; }
    
#navbar li {
	position:relative; list-style:none; padding:0; margin:0;
}



#navbar > ul
{
}
    #navbar > ul > li
    {
        float: left;
    }

#navbar a { outline: none; transition: color 0.5s; transition: color 0.5s; color:black;

	margin-top:10px;
	margin-left:0px;
	padding-left: 15px;
	font-size: 20px; 
	font-weight:normal;
	text-transform:uppercase;
	color:#444;
	text-decoration:none;
	overflow: hidden;
	float:left;
	width: 181px;
	background: #fff url(../pictos/right.gif) no-repeat right;


}

#navbar a:hover,
#navbar a:focus,
.navitem.active
{
	color:#869a4d; /* DRAGON_GREEN */
}

#navbar a.promo:hover,
#navbar a.promo:focus,
#navbar li.active a.promo {
	color:#EB0028; /* PROMO RED */
}

#navbar a span {
float:right;
min-width:1.5em;
margin-right:25px;
margin-top:4px;
padding: 2px;
border-radius: 20px;
background: #CCC;

font-size: 60%;
line-height: 1.5;
color: white;
text-align:center;
text-shadow: 0 1px 1px #999;
}


#wrapper {
}


#content {
	margin:20px 0 20px 0;
}
#content,
.content {
}

.topborder {
	border-top:1px dotted #ccc;
	padding-top:15px;
}

.entry {
	padding:20px 0;
	border-top:1px dotted #ccc;
	text-decoration:none;
	outline:none;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

/*.entry.coupdecoeur { background: #ffc !important }*/

.img_coeur { 
	margin-left:-5px;
	margin-top:-45px;
}

a.alink { color:#333 }
a.alink:hover {
	background-color: #edf5d4;
    display:block;
	cursor:pointer;
}

.entry img.thumb {
	width: 100%;
	height:auto;
	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
}

.entry h2 a {
	font-size:22px;
	margin-bottom:0px;
	line-height:0.9;
	font-weight:normal;
	color:#869a4d; /* DRAGON_GREEN */
}
.PROJETS .entry h2 a {
	color:#EB0028; /* PROMO RED */
}
/*
.entry h2 a,
.entry h2 {
	font-size:13px;
	margin-bottom:5px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#8f8f8f; /* LIGHT_GRAY */
}
*/

.entry .description a,
.entry .description {
	text-align: justify;
	/*font-size:16px;*/
	line-height: 1.6;
	color: #444; /* DARK_GRAY */
	margin-bottom: 11px;
}


#filter { max-width:50%; }

#filter p,
.data,
.data a
 {
	font-size:17px;
	text-transform: uppercase;
	line-height: 1.5;
	color:#8f8f8f; /* LIGHT_GRAY */
	font-weight:normal;
}

a {
	color:#869a4d; /* DRAGON_GREEN */
	text-decoration: none;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.PROJETS a {
	color:#EB0028; /* PROMO RED */
}

a:hover {
	color:#444;
}


#filter p strong,
.data strong {
	color:#444; /* DARK_GRAY */
}


#filter p {
font-size:16px;
margin:10px 0 0 0;
}

.footer_right {
	border-top:1px dotted #ccc;
	bottom:0;
	height: 142px;
}

.top {
	position: absolute;
	top: 0;
}

.btm {
	position: absolute;
	bottom: 11px;
}
.btm, .btm a
{
	FONT-SIZE:13px;
}

.red {
	color:#C00;
}

div.entry a.new {
/*	background-color:#869a4d;  */
/* outline: 1px dashed red;
border:0;
margin-bottom:25px;
*/
}

.sold {
/*	opacity:0.8; */
	margin:0;
	display:block;
	float:right;
	margin-top:-120px;
	margin-right:100px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	rotation: -5deg;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.09);
	
}

a.hiddenbutton {
	background:#E5E5E5;
}
a.hiddenbutton:hover {
	background:#000;
}

#mobileMenuButton { position:fixed; z-index:15; left:3%; top:-50px; }
#mobileMenuButton a { outline:none; padding:5px; background:white; }


/* slideshow */
a.advance-link {
  display: block;
  margin-top: 4px;
}


/* tables */
table {
    background: #ffffff;
    margin-bottom: 1.33333em;
    border: solid 1px #ddd;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f9f9f9;
}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
    display: table-cell;
    line-height: 1.2;
}
td {
    padding: 0.6em;
    font-size: 0.8em;
    color: #222;
    font-weight: normal;
}

.adminlist table tr { background: #ffffff; }
.adminlist table tr:nth-child(4n), .adminlist table tr:nth-child(4n-1) { background: #f9f9f9; }
.admin fieldset {
    border: 1px solid #ddd;
}
.admin tr.lastrow { background: orange }

/* RESPONSIVE STYLES */

@media only screen and ( max-width: 960px ) /* 640 */
{
	.container_12 { width:99%; }
	.container_12 .grid_9, .container_16 .grid_12 { width: 99%;}

	#dragon { display:none; }
	#logotext { margin-top: 43px !important; max-width: 80%; }
	/*#logotext img { width:100%; height:auto }*/


/*
	.container_12 { width:99%; }
	.container_12 .grid_9, .container_16 .grid_12 { width: 99%;}
*/

	div#headerlogo {
	
	/*position: absolute;*/
	}

	#mobileMenuButton { top:10px; }
	
	#filter { font-size: 60% !important; }

	#navbar
    {
				//width: 100%;
				position: fixed;
				z-index: 10;
				top: 0;
				left: -200px;				
				margin: 0;
				-webkit-transition: left 0.5s;
    }



	.grid_7.alpha.description {
				width: 75%;
	}

	.grid_2.omega.data {
				width: 20%;
				font-size: 80%;
				/* background: red; */
	}

 


}