/*******************************************************
TITLE: Maisons Ripert v2
DATE: 15 06 2009
AUTHOR: Stéphane Bergero http://www.punktitude.com
*******************************************************/

/* 
Couleurs du site Maisons Ripert
vert : 	rgb(64,125,64);
orange : rgb(200,66,26);
*/



* {
	margin: 0;
	padding:0;
}
body {
	/*background: #ffffff url(../images/ripert-bg-2.jpg	) repeat-y center top;*/
	background: url(../images/ripert-bg.jpg	) repeat center 157px;
	color:#000000;  
	height:100%;
	font-family: Verdana, "Tahoma", sans-serif;
	font-size: 68.75%;
	text-align: center;
}

a {
	color: rgb(200,66,26);
	text-decoration:none;
}
a img {border: 0;}
a:hover {
	text-decoration:underline;
	outline: none;
}

ul, ol, dl {
	margin: 0 0 0 17px;
}
ul {
	list-style-type: disc;
}
li {
	margin:0 0 5px;
}

blockquote {
	border-top:1px solid #262626;
	border-bottom:1px solid #262626;
	margin: 1em;
	padding:11px;
}

blockquote p {
margin: 0.2em;
}

div.clear, hr.divclear {
	border: 0;
	clear: both;
	height: 0px;
	visibility: hidden;
}
.div_left {
	float:left;
	margin-right: 10px;
}
.div_right {margin-right: 0px;}
.paginator {
clear: both;
text-align:center;
}
#container {
	background: #ffffff url(../images/ripert-container-bg.jpg) repeat-y center top;
	margin: 0 auto;
	position:relative;
	text-align: left;
	vertical-align: middle;	
	width: 860px;
}


/* Header */

#header {
	background: url(../images/ripert-header-4.jpg) no-repeat center top;
	height: 220px;
	margin: 0;
	padding: 0 20px;
	position: relative;
	width: 820px;
}

body#accueil #header {
	background: url(../images/ripert-header-accueil.jpg) no-repeat center top;
	height: 296px;
}

#header h1 {
	background: url(../images/ripert-logo.png) no-repeat center top;
	height: 94px;
	margin: 10px;
	position: absolute;
	text-indent: -9999px;
	top: 20px;
	width: 301px;
}
	#header h1 a {
		display: block;
		height: 94px;
		width: 301px;
	}

#header h2 {
	background: url(../images/ripert-slogan.png) no-repeat center top;
	bottom: 5px;
	height: 45px;
	text-indent: -9999px;
	right: 20px;
	position: absolute;
	width: 320px;
}


/* Sidebar */

#sidebar {
	margin-left: 20px;
	padding: 0 0 50px 0;
	width: 194px;
}

#sidebar p {
	padding: 10px;
}


#sidebar h2 {
	padding: 10px 0 0 10px;
	font-size: 1em;
}

#sidebar ul {
	list-style: none;
}

#sidebar li {
}

#sidebar li a {
	text-decoration: underline;
}

#sidebar li a:hover{
	text-decoration:none;
}

/* Content */

#content { 	
/*background: url(../images/ripert-content-bg.jpg) repeat;*/
	color: #346634;
	float: right;
	margin-right: 20px;
	overflow: hidden;
	padding: 17px 17px 45px;
	width: 592px;
}

/* css hack for Safari 3 */
@media screen {
	#content {overflow: hidden;}
}
	#content h1 {
	background: url(../images/ripert-content-h1-bg.jpg	) no-repeat center bottom;
	color: rgb(64,125,64);
	padding: 0px 0 13px 0;
	font-size: 2.618em;
	font-weight: bold;
	text-align: center;
	}
	#content h2 {
	color: rgb(200,66,26);
	font-size:1.618em;
	font-weight: bold;
	margin: 0 0 1em;
	}
	body#accueil #content h2 {
	margin: 0em;
	}
	#content h3 {
	clear: both;
	font-size:1.27em;
	font-weight: bold;
	margin: 0 0 1em;
	}
	#content h4 {
	font-size:1em;
	font-weight: bold;
	margin: 0 0 1em;
	}
	#content p {
	margin: 0 0 1em;
	}
	#content img {
		float: left;
		margin: 0 10px 10px 0;
		max-width: 568px;
	}
	#content p.liens {
		border-bottom: 1px dotted #C8421A;
		clear: both;
		overflow: hidden;
		padding-bottom: 1em;
	}
	#content p.liens img {
	}


/* Terrains & News */

div#terrains_localisation {
/*	background: url(../images/ripert-carte_var.png) no-repeat 0 0;*/
	height: 508px;
	width: 576px;
}
#terrains_localisation img {
	border: 0;
	margin: 0;
	max-width:none;
}
ul#terrainlist,
ul#realisationlist,
ul#newslist {
	margin:10px 0 0;
}
body#accueil ul#terrainlist,
body#accueil ul#newslist {
	margin: 0;
}
ul#terrainlist li,
ul#realisationlist li,
ul#newslist li {
	display: block;
	float: left;
	list-style: none;
	margin-bottom: 10px;
	margin-right: 10px;
}
body#accueil ul#terrainlist li,
body#accueil ul#newslist li {
	margin: 0;
}
body#accueil ul#newslist li {
	margin-bottom: 10px;
}
form#secteurs select {
		border-color: rgb(223,175,135) rgb(150,120,90) rgb(150,120,90) rgb(223,175,135);
		border-style: solid;
		border-width: 1px;
		color: rgb(64,125,64);
		font-family: Verdana,"Tahoma",sans-serif;
}
body#news .newslist_item,
body#terrains .terrainlist_item,
body#realisations .realisationlist_item,
body#realisations .post,
.post {
	background: url(../images/ripert-item-bg.jpg) repeat center top;
	border-color: rgb(223,175,135) rgb(150,120,90) rgb(150,120,90) rgb(223,175,135);
	border-style: solid;
	border-width: 1px;
	display: block;
	height: 90px;
	overflow: hidden;
	padding: 10px 10px 10px 140px;
	position: relative;
	width: 134px;
}
body#news .newslist_item {
	height: 90px;
	padding: 10px 10px 10px 100px;
	position: relative;
	width: 174px;
}
body#accueil .terrainlist_item,
body#accueil .newslist_item,
body#accueil .post {
	background: url(../images/ripert-item-bg.jpg) repeat center top;
	border-color: rgb(223,175,135) rgb(150,120,90) rgb(150,120,90) rgb(223,175,135);
	border-style: solid;
	border-width: 1px;
	display: block;
	padding: 10px 10px 10px 10px;
	position: relative;
	width: 264px;
}
body#realisations .post,
.post {
	height: auto;
	margin-bottom: 4em;
	padding: 10px;
	width: auto;
}
body#realisations .post {
	margin-bottom: 0;
}
body#realisations .realisationlist_item {
	height: 108px;
	padding: 0px;
	text-align: center;
	width: 108px;
}
body#news .newslist_item {
}
body#terrains ul#terrainlist li.second,
body#terrains ul#terrainlist li.fourth,
body#news ul#newslist li.second,
body#news ul#newslist li.fourth,
body#realisations ul#realisationlist li.fifth 
{
	clear:right;
	margin-right: 0;
}
	body#terrains .terrainlist_item h2,
	body#realisations .realisationlist_item h2,
	body#news .newslist_item h2 {
		line-height: 1em;
		margin: 0;
	}
	body#realisations .realisationlist_item h2 {
		font-size: 1em;
		font-weight: normal;
	}
		body#realisations .realisationlist_item h2 a {
			color: rgb(64,125,64);
		}
	body#terrains .terrainlist_item p.date,
	body#realisations .realisationlist_item p.date,
	body#accueil .terrainlist_item p.date,
	body#accueil .newslist_item p.date,
	body#news .newslist_item p.date {
		font-style: italic;
		font-size: 0.8em;
		margin-bottom: 0.5em;
	}
	body#realisations .realisationlist_item p.date {
		display: none;
	}
	body#terrains .terrainlist_item p.secteur {
		line-height: 1em;
	}
	body#terrains .terrainlist_item div.terrain_accroche,
	body#accueil .terrainlist_item div.terrain_accroche {
		height: 60px;
		left: 0;
		position: absolute;
		text-indent: -9999px;
		top: 0;
		width: 107px;
		z-index: 10;
	}
	div.vendu {
		background: url(../images/ripert-vendu.png) no-repeat -8px -6px;
	}
		body#terrains .terrainlist_item div.terrain_accroche img,
		body#accueil .terrainlist_item div.terrain_accroche img {
			margin: -6px 0 0 -8px;
		}

	body#terrains .terrainlist_item div.terrain_photo,
	body#news .newslist_item div.news_photo {
		height:92px;
		left:10px;
		overflow:hidden;
		position:absolute;
		top:10px;
		width: 122px;
		z-index:5;
	}
	body#news .newslist_item div.news_photo {
		height: 82px;
		width: 82px;
	}
	body#accueil .terrainlist_item div.terrain_photo,
	body#accueil .newslist_item div.news_photo {
		height: 200px;
		overflow: hidden;
	}
	body#realisations .post div.realisation_photo {
		float: left;
		margin-right: 41px;
	}
	body#realisations .post div.last {
		margin-right: 0px;
	}
	body#realisations_detail div.realisation_photo {
		float:left;
	}
		body#realisations .post div.realisation_photo img {
			margin: 0;
		}
		body#realisations .realisationlist_item div.realisation_photo img {
			border: 1px solid rgb(150,120,90);
			margin: 0 0 10px;
		}
		body#terrains .terrainlist_item div.terrain_photo img.photo_thumbnail,
		body#news .newslist_item div.news_photo img.photo_thumbnail {
			border: 1px solid rgb(150,120,90);
			margin: 0;
			width: 120px;
		}
		body#news .newslist_item div.news_photo img.photo_thumbnail {
			width: 80px;
		}
		body#accueil .terrainlist_item div.terrain_photo img.photo_thumbnail,
		body#accueil .newslist_item div.news_photo img.photo_thumbnail {
			border: 1px solid rgb(150,120,90);
			margin: 0;
			width: 262px;
		}
	body#realisations .realisationlist_item div.realisation_header {
	}
	.plus a {
		background: url(../images/plus.png) no-repeat scroll 0 -2px;
		display: block;
		float: right;
		font-weight: bold;
		height: 23px;
		margin: 0;
		padding: 3px 0 0 25px;
	}
	body#terrains .terrainlist_item .plus a,
	body#accueil .newslist_item .plus a,
	body#accueil .terrainlist_item .plus a,
	body#realisations .realisationlist_item .plus a,
	body#news .newslist_item .plus a {
		bottom: 0;
		float: none;
		position: absolute;
		right: 10px;
	}
	body#accueil .terrainlist_item .plus a {
		/*left: 10px;*/
	}
	.plus a:hover,
	body#terrains .terrainlist_item .plus a:hover,
	body#accueil .newslist_item .plus a:hover,
	body#accueil .terrainlist_item .plus a:hover,
	body#realisations .realisationlist_item .plus a:hover,
	body#news .newslist_item .plus a:hover {
		background: url(../images/plus.png) no-repeat scroll 0 -27px;
		color: rgb(64,125,64);
		text-decoration: none;
	}

body#terrains div.terrain_texte {
} 
body#terrains div.terrain_photo img,
body#terrains_detail div.terrain_photo img,
body#accueil div.terrain_photo img,
body#realisations div.realisation_photo img,
body#realisations_detail div.realisation_photo img,
body#news div.news_photo img {
	float: none;
} 

body#terrain_detail h2 {
}
body#realisations ul.post_header {display:none;}
ul.post_header {
	background-color:#fff;
	border-top: 1px dotted #C8421A;
	border-bottom: 1px dotted #C8421A;
	clear:right;
	margin:0 0 2em;
	padding:6px 100px 6px 0;
}
ul.post_header li {
	color:rgb(64,125,64);
	display:inline;
	font-weight:bold;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0 0.5em;
}
	ul.post_header li.date {
		font-style:italic;
		font-weight:normal;
	}
	ul.post_header li.secteur {}
	ul.post_header li.reference {}
	ul.post_header li.prix {
		color: rgb(200,66,26);
		/*float:right;*/
		font-size:1.618em;
		margin-top:-7px;
		position:absolute;
		right:12px;
	}
		ul.post_header li.prix span{
			display:none;
		}
		ul.post_header li.prix sup {
			font-size:0.6em;
			font-weight:normal;
			/*position:absolute;*/
		}
		ul.post_header li.secteur span,
		ul.post_header li.reference span {
			font-weight:normal;
		}

body#terrain_detail p.info {
}
body#terrain_detail div.terrain_accroche {
	float:left;
	margin-top:-6px;
	height: 50px;
	width: 99px;
}
	body#terrain_detail div.terrain_accroche span {
		visibility:hidden;
	}
	body#terrain_detail div.terrain_accroche img {
		float: none;
		margin:-6px 0 0 -8px;
	}
body#terrain_detail div.terrain_photo {
	float: left;
	text-align:center;
}
	body#terrain_detail div.terrain_photo img {
		float: none;
	} 
body#terrain_detail div.terrain_texte,
body#realisations_detail div.realisation_texte {
} 
body#terrain_detail div.terrain_video {
}
body#terrains div.backlink,
body#terrain_detail div.backlink {
background: url(../images/ripert-item-bg.jpg) repeat center top;
border-color: rgb(223,175,135) rgb(150,120,90) rgb(150,120,90) rgb(223,175,135);
border-style:solid;
border-width:1px 0 0;
clear:none;
display:block;
float:left;
margin-top:1em;
padding:10px;
/*width: 269px;*/
width: 570px;
}
body#terrains div.backlink {
/*border-width:1px 0 0;
margin-top:1em;
width:570px;*/
}
body#terrains div.backlink ul,
body#terrain_detail div.backlink ul {
margin-bottom:0;
}
body#terrain_detail div.terrains_recent ul {
margin-left: 0;
list-style-type: none;
}
	body#terrain_detail div.terrains_recent li {
	display: block;
	float:left;
	list-style-type: none;
	padding-right:13px;
	width: 75px;
	}
	body#terrain_detail div.terrains_recent li a {
	}
body#accueil .div_left,
body#accueil .div_right {
	clear: both;
	float: none;
}
body#accueil #news_accueil,
body#accueil .post,
body#accueil #terrains_accueil {
float:left;
margin-right: 10px;
padding: 0px;
overflow:hidden;
position: relative;
width: 286px;
}
body#accueil #news_accueil,
body#accueil .post {
margin-right: 0px;
}
body#accueil .post {
height: auto;
padding: 10px;
/*width: 266px;*/
width: 570px;
}
body#accueil #news_accueil {
margin-bottom: 10px;
}

body#accueil #terrains_accueil li {
/*	float:none;*/
}
body#accueil .terrainlist_item {
	border: 0;
	height: 280px;
}
	body#accueil .terrainlist_item h3 {
		margin: 0;
	}
	body#accueil .terrainlist_item p.date {
	}
	body#accueil .terrainlist_item p.secteur {
	}
	body#accueil .terrainlist_item div.terrain_accroche {
		left: auto;
		right: 0;
	}
		body#accueil .terrainlist_item div.terrain_accroche img {
		}
	body#accueil .terrainlist_item div.terrain_photo {
	}
		body#accueil .terrainlist_item div.terrain_photo img.photo_thumbnail {
		}
body#accueil .newslist_item {
height:280px;
}
	body#accueil .newslist_item h3 {
		margin: 0;
	}
	body#accueil .newslist_item div.news_photo {
	}
		body#accueil .newslist_item div.news_photo img.photo_thumbnail {
		}

.backlink {
clear:both;
}
	.backlink ul {
		margin:0 0 1em 13px;
	}
	.backlink li {
		margin: 0;
		list-style: square;
	}
	body#accueil .backlink p {
	border-top: 1px dotted rgb(200,66,26);
	margin: 0;
	text-align:right;
	}


/* Footer */


#footer {
background: url(../images/ripert-footer-bg.jpg) no-repeat center top;
color: #fff;
font-size: 0.8em;
bottom: 0;
height: 80px;
padding: 40px 0 0;
position:relative;
text-align: center;
width: 860px;
}
	#footer a {
	color: #fff;
	font-weight: bold;
	}
	#footer p {
	margin:1em 0 0 0;
	}
	
ul#navfooter {display: none;}
ul#navfooter li {
display: inline;
list-style: none;
margin: 0 0.5em;
}
ul#navfooter li ul {
display:inline;
margin:0;
}
ul#navfooter li li {
}



/* Galeries photos */

div.photo_item {
	float: left;
	margin: 0;
	text-align: center;
}
img.photo_thumbnail {
border: 1px solid rgb(150,120,90);
}
a:hover img.photo_thumbnail {
border: 1px solid rgb(64,125,64);
}
#content div.photo_item img {
	float: none;
	margin: 0;
}
/* Galeries lightwindow */

.lightwindow_galleries_list h1 {
	color: rgb(200,66,26);
}
a#lightwindow_title_bar_close_link,
a#lightwindow_title_bar_close_link:link,
a#lightwindow_title_bar_close_link:visited {
color:#fff;
}
/* Formulaires  */
form {}
#content form p.erreur {
	color: rgb(200,66,26);
	margin: 0;
	font-weight: bold;
}
.champstextes,
.champsphone, 
.champsmail {
	float:left;
	margin-right:10px;
}
	.champstextes label {}
	.champstextes p {}
	.champstextes input,
	.champsphone input,
	.champsmail input,
	textarea#id_msg {
		border-color: rgb(223,175,135) rgb(150,120,90) rgb(150,120,90) rgb(223,175,135);
		border-style: solid;
		border-width: 1px;
		color: rgb(64,125,64);
		font-family: Verdana,"Tahoma",sans-serif;
		font-size:1.135em;
		padding: 3px;
		width: 263px;
	}
.champsphone {}
	.champsphone label {}
	.champsphone p {}
	.champsphone input {}
.champsmail {}
	.champsmail label {}
	.champsmail p {}
	.champsmail input {}
.champsmessage {
	clear: both;
}
textarea#id_msg {
	padding: 3px;
	width: 544px;
}
input#id_submit {
	background-color: #fff;
	color: rgb(200,66,26);
	border-color: rgb(223,175,135) rgb(150,120,90) rgb(150,120,90) rgb(223,175,135);
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
	width: 100px;
}
input#id_submit:hover {
	background-color: #eee;
	border-color: rgb(150,120,90) rgb(223,175,135) rgb(223,175,135) rgb(150,120,90);
	color: rgb(64,125,64);
}
.champsenvoi {
	text-align: center;
}
/* Menus */

ul#nav1 {
bottom: 0;
display: none;
position: absolute;
z-index: 9999;
}
ul#nav1 li,
ul#nav1 li a {
background-color:#2c2c2c;
border: 0px;
color:#eee;
}
ul#nav1 li a:hover {
text-decoration: underline;
}

#menu {
	margin-top:20px;
}
#menu h2 {
display: none;
}
ul#nav2 {
background: url(../images/ripert-menu2-bg.jpg) no-repeat -1px 0;
height: 314px;
/*margin-top:-32px;*/
padding-top: 15px	;
width: 210px;
z-index: 100;
}
	ul#nav2 li,
	ul#nav2 li a {
	background-color: transparent;
	border: 0px;
	display: block;
	height: 20px;
	width: 155px;
	}
	ul#nav2 li {
	background-image: url(../images/ripert-menu1.png);
	background-repeat: no-repeat;
	margin-left: 35px;
	padding: 5px 0px;
	text-indent:-9999px;
	}
	ul#nav2 li.accueil {background-position: -35px -16px;}
	ul#nav2 li.accueil:hover {background-position: -200px -16px;}
	ul#nav2 li.societe {background-position: -35px -106px;}
	ul#nav2 li.societe:hover {background-position: -200px -106px;}
	ul#nav2 li.actualites {background-position: -35px -46px;}
	ul#nav2 li.actualites:hover {background-position: -200px -46px;}
	ul#nav2 li.conseils {background-position: -35px -76px;}
	ul#nav2 li.conseils:hover {background-position: -200px -76px;}
	ul#nav2 li.realisations {background-position: -35px -166px;}
	ul#nav2 li.realisations:hover {background-position: -200px -166px;}
	ul#nav2 li.prestations {background-position: -35px -136px;}
	ul#nav2 li.prestations:hover {background-position: -200px -136px;}
	ul#nav2 li.terrains {background-position: -35px -196px;}
	ul#nav2 li.terrains:hover {background-position: -200px -196px;}
	ul#nav2 li.liens {background-position: -35px -226px;}
	ul#nav2 li.liens:hover {background-position: -200px -226px;}
	ul#nav2 li.contact {background-position: -35px -256px;}
	ul#nav2 li.contact:hover {background-position: -200px -256px;}

	ul#nav2 li.presentation {background-position: -25px -286px;}
	ul#nav2 li.presentation:hover {background-position: -190px -286px;}
	ul#nav2 li.nos-services {background-position: -25px -316px;}
	ul#nav2 li.nos-services:hover {background-position: -190px -316px;}
	ul#nav2 li.eco-habitat {background-position: -25px -346px;}
	ul#nav2 li.eco-habitat:hover {background-position: -190px -346px;}
	ul#nav2 li.nos-garanties {background-position: -25px -376px;}
	ul#nav2 li.nos-garanties:hover {background-position: -190px -376px;}
	
	ul#nav2 ul {
	background: url(../images/ripert-menu2-bg.png) no-repeat -1px 0;
	height: 166px;
	margin: -10px 0 0 2px;
	padding-top: 15px;
	width: 181px;
	}
	ul#nav2 li ul li {
	height: 20px;
	margin-left:5px;
	width: 160px;
	}