/* CSS Document */
* {margin: 0; padding: 0;}
body {background: #CCE83A;color: #333;font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif}
img {border: 0 none;}
.content {width: 940px; margin: 0 auto;overflow:hidden;}
.floatLeft {
	float: left;
	margin: 5px 10px 10px 0;
}
.floatRight {
	float: right;
}
td{padding: 0 5px}
.temoignage {margin: 0 0 25px;}
blockquote {
	background: url(../images/quote.png) no-repeat;
	margin-right: 1.5em;
	padding: 1px 0 0 40px;
}
blockquote p {
	margin: 10px 0 5px;
}
p.nom {margin: 0;text-align: right; font-style: italic;margin-right: 1.5em;}
#main ul, #main ol {
	margin: 0 0 20px 15px;
	list-style-type: none;
	line-height: 140%;
	position: relative;
}
#main ol span {
	position: absolute;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.82em;
	font-weight: 600;
	text-align: center;
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 0 0 -46px;
	padding: 9px 0 0 0 ;
}
#main ol li {
	background: url(../images/puce-ol.png) no-repeat 0 5px;
	padding: 0 0 30px 55px;
}
#main ul li {
	list-style-type: none;
	background: url(../images/puce-orange.png) no-repeat 0 5px;
	padding: 0 0 7px 13px;
}
#main ul.liste li {
	padding: 0 0 20px 13px;
}

#main ul li ul {
	margin: 10px 0 5px 0;
}
#main ol li ul {
	margin: 10px 0 5px 15px;
}
#main ul.liste li ul li {
	background: none;
	margin: 0;
	padding: 0 0 0 13px;
}
#main ol li ul li {
	list-style-type: none;
	background: url(../images/puce-orange.png) no-repeat 0 5px;
	padding: 0 0 0 13px;
}
h2 {
	color: #21539C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.45em;
	margin: 0 0 25px 0;
}

h3 {
	color: #FF7F00;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.36em;
	margin: 0 0 10px 0;
}
h2.titre-accueil {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.82em;
	color: #21539C;
	line-height: 70%;
	margin: 0;
	padding: 0;
}
h3.titre-accueil {
	margin: 0 0 20px 0;
}
.nomargin {
	margin: 0;
}
.bleu {color: #21539C}
p {
	margin: 0 0 20px 0;
	line-height: 140%;
}
a {
	color: #1E539C;
}
/************************
---------HEADER----------
-***********************/
#header {
	background: #fff url(../images/bg-header.jpg) repeat-x;
	overflow: hidden;
}
#header .content {
	background: url(../images/bg_header-content.png) no-repeat;
}
#header h1 {
	background: url(../images/logo-ema.png) no-repeat; 
	width: 139px; 
	height: 131px;
	float: left;
}
#header h1 a {
	text-indent: -9000em;
	display: block;
	width: 139px;
	height: 131px;
}
#encart-scellier {
	float: right;
}


/******* MENU ******/
#tabs {list-style:none; padding:0; margin:76px 140px 0 135px; height:31px;}
#tabs li {display:block; float:left; margin:0 -30px -1px 0;}
#tabs li a {display:block; text-decoration:none; position:relative;}

#tabs li a span.p1 {display:block; width:30px; height:31px; background:url(../images/normal_l.png); float:left;}
#tabs li a span.p2 {display:block; height:31px; padding:0; background:url(../images/normal_m.png) repeat-x; float:left; text-align:center; line-height:31px; color:#fff; font-weight:normal; font-family:verdana; font-size:12px;}
#tabs li a span.p3 {display:block; width:30px; height:31px; background:url(../images/normal_r.png); float:left; position:relative; z-index:100;}

#tabs li a.m1 {z-index:600;}
#tabs li a.m2 {z-index:500;}
#tabs li a.m3 {z-index:400;}
#tabs li a.m4 {z-index:300;}
#tabs li a.m5 {z-index:200;}
#tabs li a.m6 {z-index:100;}

#tabs li a:hover,
#tabs li a:focus,
#tabs li a:active
{border:0; z-index:700;}
#tabs li a:hover span.p1,
#tabs li a:focus span.p1,
#tabs li a:active span.p1
{position:relative; z-index:100; background:url(../images/hover_l.png); cursor:pointer;}
#tabs li a:hover span.p2,
#tabs li a:focus span.p2,
#tabs li a:active span.p2
{position:relative; z-index:100; background:url(../images/hover_m.png) repeat-x; color:#fff; cursor:pointer;}
#tabs li a:hover span.p3,
#tabs li a:focus span.p3,
#tabs li a:active span.p3
{position:relative; z-index:100; background:url(../images/hover_r.png); cursor:pointer;}

#tabs li a.selected {z-index:800;}
#tabs li a.selected span.p1,
#tabs li a:hover.selected span.p1,
#tabs li a:active.selected span.p1
{position:relative; z-index:200; background:url(../images/select_l.png); cursor:default;}
#tabs li a.selected span.p2,
#tabs li a:hover.selected span.p2,
#tabs li a:active.selected span.p2
{position:relative; z-index:200; background:url(../images/select_m.png) repeat-x; color:#1E539C; cursor:default;}
#tabs li a.selected span.p3,
#tabs li a:hover.selected span.p3,
#tabs li a:active.selected span.p3
{position:relative; z-index:200; background:url(../images/select_r.png); cursor:default;}

/************************
--------- MAIN ----------
-***********************/
#main {
	background: #fff;
	padding: 0 0 50px 0;
}
#colonne1 {
	width: 240px;
	float: left;
	margin: 30px 0 0;
}
#colonne2 {
	width: 204px;
	float: right;
	padding-right: 20px;
	margin: 30px 0 0;
}

/***** ENCART ANNONCE *****/
div#annonce {background: url(../images/bg-annonce.jpg) no-repeat; width: 420px; height: 139px;color: #fff; overflow: hidden;margin-bottom: 15px;}
div#annonce h4{color: #fff; font-family: Trebuchet MS, Verdana, Arial, sans-serif;padding: 18px 0 0 64px;font-size: 1.36em;line-height: 1.2em;margin-bottom: 20px;}
div#annonce h4 span {font-size: 1.2em;text-transform: uppercase;}
div#annonce p#date{padding: 0 0 0 25px;float: left;}
div#annonce p#date span, div#annonce p#lieu span{font-size: 1.34em;font-weight: 600;}
div#annonce p#lieu{margin: 0 0 0 243px;text-align: center; padding-left: 0px; border-left: 1px solid #fff;}

/***** ENCART CONTACT ********/
div#contact-btn {
	margin-bottom: 10px;
}
/***** ENCART ENGAGEMENT *****/
#engagement {
	width: 203px;
	background: #FF7F00 url(../images/engagement-bg.png) no-repeat 0 45px;
}
#engagement h2 {
	background: url(../images/engagement-h2.png) no-repeat;
	text-indent: -9000em;
	height: 45px;
	padding: 0 0 7px 0;
	margin: 0;
}
#engagement ul {
	list-style-type: none;
	background: url(../images/engagement-bottom.png) no-repeat bottom;
	padding: 0 0 7px 0;
	margin: 0;
}
#engagement ul li {
	list-style-type: none;
	background: url(../images/checkbox.png) no-repeat;
	padding: 0 9px 10px 26px;
	margin: 0 0 0 9px;
}

#nouveaux-terrains {float: left;margin-bottom: 15px;}
#nouveaux-terrains a {background: url(../images/nouveaux-terrains.png) no-repeat top;display: block; width: 211px; height: 67px;text-indent: -9000em;margin-top: 2px; }

#terrains-scellier a{background: url(../images/nouveaux-terrains-scellier.png) no-repeat top;display: block; width: 211px; height: 66px;text-indent: -9000em;margin: 0 auto 20px;}

/****** ENCART TERRAINS ****/
#encart-terrains {
	width: 264px;
}
#encart-terrains h3 {
	margin:0;
}
#encart-terrains h3 a{
	background: url(../images/encart-terrains-h3.gif) no-repeat;
	display: block;
	width: 264px;
	height:62px;
	text-indent: -900em;
}
#encart-terrains ul {
	width: 238px;
	border: 0;
	border-left:1px solid #BCD91A;
	border-bottom:1px solid #BCD91A;
	border-right:1px solid #BCD91A;
	margin:0 0 0 8px;
	padding: 8px 8px 5px;
}
#encart-terrains ul li {
	background: url(../images/puce-terrains.png) no-repeat left;
}
#encart-terrains ul li#last {
	background: none;
	text-align:right;
	color: #333;
	font-size: 0.92em;
	margin-top: 3px;
}
#encart-terrains ul li#last a {
	color: #333;
}
/****** ENCART PASS FONCIER ****/
/*#pass-foncier{margin-bottom: 15px; width: 203px;}
#pass-foncier a {
	background: url(../images/pass-foncier.png) no-repeat top;
	display: block;
	width: 203px;
	height: 54px;
	text-indent: -9000em;
	margin: 15px auto 0;
}
#pass-foncier a:hover, #nouveaux-terrains a:hover , #terrains-scellier a:hover{
	background-position: bottom;
}
*/
#pass-foncier {
	padding-top: 10px;
}
/******ENCART CONTACT *****/
#contact {
	width: 203px;
	background: #FF7F00 url(../images/contact-bg.png) no-repeat 0 45px;
}
#contact h2 {
	background: url(../images/contact-h2.png) no-repeat;
	text-indent: -9000em;
	height: 45px;
	padding: 0 0 7px 0;
	margin: 0;
}
#contact div {
	list-style-type: none;
	background: url(../images/contact-bottom.png) no-repeat bottom;
	padding: 0 0 7px 0;
	margin: 0;
}
#contact div p {
	padding: 0 9px 10px 0;
	margin: 0 0 0 18px;
}
#contact a {
	color: #333;
}
#logo-partenaires {
	text-align: center;
	margin: 15px 0 0 0;
	clear: left;
}
#logo-partenaires img{
	margin: 10px 0 0;
}
#centre {
	padding: 0 250px 0 260px;
	font-size: 0.92em;
}
#centreaccueil {
	padding: 30px 250px 0 250px;
	font-size: 0.92em;
}

/**** BREADCRUMBS ****/
#breadcrumb {
	padding: 0 250px 0 260px;
	font-size: 0.8em;
	color:#1E539C;
	margin: 30px 0 15px;
}
#breadcrumbcolonne {
	padding: 0 20px 0 260px;
	font-size: 0.8em;
	color:#1E539C;
	margin: 30px 0 15px;
}

/******ENCART PROPOSITIONS *****/
#encart-propositions {
	width: 240px;
	background: #FF7F00 url(../images/propositions-bg.png) repeat-y;
	margin: 0 0 0;
}
#encart-propositions h2 {
	background: url(../images/propositions-h2.gif) no-repeat;
	text-indent: -9000em;
	height: 42px;
	padding: 0 0 18px 0;
	margin: 0;
}
	#propositions {
	}
	.proposition {
		font-size: 0.9em;
		margin: 0;
		padding: 1px 5px 8px;
		border-bottom: 1px solid #FF8002;
	}
	.fitted {
		cursor: pointer; 
	}
	.hovered {
		background: #FF942A;
	}
		.proposition h3, .proposition h3 a {
			color: #FFE9D3;
			text-transform: uppercase;
			font-size: 1em;
			margin: 5px 0 0;
			text-decoration: none;
		}
		.proposition p {
			margin: 0;
		}
		.desc {
		
		}
		.prix {
			font-weight: 600;
			margin: 5px 0 0!important;
		}
	#propositions-tous {
		background: url(../images/propositions-tous.png) no-repeat;
		height: 30px;
		display: block;
		width: 240px;
		text-indent: -900em;
	}

.detail-proposition {
	overflow: hidden;
}
.detail-proposition h3 {
	background: url(../images/detail-proposition-h3.png) no-repeat;
	height: 31px;
	width: 414px;	
	color: #fff;
	line-height: 31px;
	padding: 0 5px;
}
.detail-proposition h3 span {
	float: right;
}
	
.realisation {
}
.realisation img{
	width: 100px;
	height: 80px;
}
/************************
---------FOOTER----------
-***********************/
#footer {
	background: #CCE83A url(../images/bg-footer.png) repeat-x;
	height: 75px;
}
#footer .content {
	background: url(../images/bg-footer-content.png) no-repeat;
	height: 70px;
	padding: 0 37px 0 0;
	width: 897px;
}

#footer .content p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.92em;
	color: #1F539C;
	margin: 0;
}
#footer .content p#adresse{
	margin: 0 0 0 205px;
}
#footer .content p#rainbow {
	text-align: right;
	margin-top:35px;
}
#footer .content p a{
	text-decoration: none;
	color: #1F539C;
}
#footer .content p a:hover{
	text-decoration: underline;
}


/*********************
----- FORMULAIRE -----
********************/
#contact_form { 

}
form fieldset { 
	border: 0 none;
}
form fieldset legend { 
	color: #FF7F00;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.36em;
	margin: 0 0 10px 0;
	font-weight: 600;
}
label { 
	display: block;
	float: left;
	text-align: right;
	margin-right: 15px;
}
label.text-label {
	width: 100px;
}
label#delai_label, #budget_label, #terrain_label, #rdv_label {
	width: 100%;
	margin: 15px 0 5px 0;
	text-align: left;
}
label.error { 
	font-weight:normal;color:red;text-align:left;width:140px; padding-left:120px;float: none; margin-bottom: 10px;
}
input, textarea { 
	border: 1px solid #1E539C;
	margin: 0 0 7px 0;
	padding: 3px;
}
input.text-input { 
	
}
input#superficie {
	margin: 0;
}
input.button { 
	cursor: pointer;
	background: #1E539C; 
	color: #fff;
}

input.button:hover { 
	background: #F66013;
	border: 1px solid #F66013;
}
#message { 
	width:180px;
	margin:60px 0 0 100px; 
}
#message h2	{ 
	font-size:150%;
	color:#333; 
}
#message p { 
	color:#333;
	font-weight:bold;
	margin:6px 0px; 
}
#checkmark { 
	position:relative;
	top:-116px;
	left:-60px; 
}

/*********************
------- NOS MAISONS -------
*********************/
#centrecolonne {
	padding: 0 20px 0 260px;
	font-size: 0.92em;
}
/****** ANIMATION ***/
#animation {
	float: right;
	margin-left: 10px;
	width: 280px;
}
ul#animation li {
	background: none;
	padding: 0;
}
ul#animation li img{
	border: 1px solid #ccc;
	padding: 4px;
}
.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}

/***** GALERIE PHOTO *****/
.photo-link			{ padding: 5px; margin: 5px; border: 1px solid #999; display: block; width: 133px;
					  float: left;text-align: center;}
.photo-link:hover	{ border-color: white; }