* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 17px !important;
	color: #000;
	text-align: center;
	background: url(../img/bgpage.jpg) #827468 top center repeat-x;
}
#page {
	text-align: left;
	margin: 0px auto;
	padding:53px 0 0 0;
	width:974px;
}
#contenu {
	padding:0 17px 0 17px;
	background: url(../img/bgcontenu.png) top center repeat-y;
}
p {
	padding-bottom: 10px;
}
h1 {
	font-size:21px;
	margin:0 0 2px 0;
	color:#004065;
}
h2 {
	font-size:16px;
	color:#000;
	padding:0 0 10px 0;
}
a:link, a:visited, a:active {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}


/*/////////// top ///////////////*/
#top {
	font-size: 11px;
	line-height: 14px !important;
	background: url(../img/maisonusinex.png) top center no-repeat;
	margin: 0px auto;
	padding:0;
	height:84px;
	width:974px;
	color:#8d8175;
}
#top ul {
	position:absolute;
}
#top ul li {
	display:inline;
	border-right:1px solid #8d8175;
	padding:0 8px 0 7px;
}
#top ul li a:link, #top ul li a:visited, #top ul li a:active {
	color:#8d8175;
	text-decoration:none;
}
#top ul li a:hover {
	color:#8d8175;
	text-decoration:underline;
}
#top ul li.last {
	display:inline;
	border-right:none !important;
	padding:0 0 0 7px;
}

/*/////////// drop menu ///////////////*/
.dropmenudiv{
position:absolute;
top:10px;
margin:0 0 0 0;
padding:9px 10px 5px 10px;
font-size: 13px;
z-index:100;
background-color:#bed88e;
border-left:3px solid #fff;
border-right:3px solid #fff;
border-bottom:3px solid #fff;
width: 190px;
visibility: hidden;
}

.dropmenudiv a{
display: block;
padding: 7px 0 9px 20px;
margin:0;
text-decoration: none;
color: #505b3c;
background: url(../img/flecheverte.gif) top left no-repeat;
/*border-bottom:1px solid #fff;*/
}
a.noborder {
background: url(../img/flecheverte_noborder.gif) top left no-repeat !important;
}

* html .dropmenudiv a{ 
width: 100%;
}

.dropmenudiv a:hover{
color:#fff;
text-decoration:none;
}

/*/////////// txt ///////////////*/
.txt {
	padding:45px 30px 30px 30px;
	border-bottom:7px solid #fff;
}
.txt h1{
	font-size:36px;
	padding-bottom:20px;
	font-weight:normal;
	color:#fff;
}
.txt h2{
	padding:0;
	margin:0;
}
.txt ul {
	margin:0 0 10px 0;
}
.txt ul li {
	list-style:none;
	display:block;
	padding:0 0 3px 25px;
}
.txt ul.white li {
	list-style:none;
	display:block;
	background: url(../img/flecheblanche.png) .1em .2em no-repeat;
	padding:0 0 3px 25px;
}
.txt ul.black li {
	list-style:none;
	display:block;
	background: url(../img/flechenoir.png) .1em .2em no-repeat;
	padding:0 0 3px 25px;
}
.bgentreprise {
	background: url(../img/bgentreprise.jpg) #cbe4f8 top left no-repeat;
}
.bgavantages {
	background: url(../img/bgavantages.jpg) #c1e0f4 top left no-repeat;
}
.bgjoindre {
	background: url(../img/bgjoindre.jpg) #c1e0f4 top left no-repeat;
}
.bgjoindre table td{
	padding:0 0 5px 0;
}
.bgjoindre li.souligne{
	text-decoration:underline;
}
.bgmodeles {
	background: url(../img/bgmodeles.jpg) #b5d9f1 top left no-repeat;
}
.bgprix {
	background: url(../img/bgprix.jpg) #c7e2f7 top left no-repeat;
}
.txt.bgavantages ul.list li, .txt.bgprix ul.list li {
	list-style:none;
	display:block;
	background: url(../img/tiret.gif) .1em .7em no-repeat;
	padding:0 0 3px 10px;
}


/*/////////// contenu modèles ///////////////*/
#products {
	float:right;
	width:480px;
}
#products p{
	font-size:10px;
	float:left;
	padding:0 10px 15px 0;
}
#products div{
	font-size:10px;
	float:left;#products {
	float:right;
	width:480px;
}
	padding:0 10px 15px 0;
}
#products img {
	margin:0 0 1px 0;	
	cursor:pointer;
	border:1px solid #fff;
}
div.description {
	float:left;
	width:350px;
	padding:0 40px 0 0;
	display:none;
}
div.description p{
	font-size:14px;
}
div.description img{
	border:1px solid #fff;
}
span.overlaybutton {
	font-size:10px;
	color:#000;
	text-decoration:underline;
	cursor:pointer;
}
span.fleche {
	background: url(../img/flechenoir.png) .1em .2em no-repeat;
	padding:0 0 3px 15px;
}

/* the overlayed element */
.overlay {
	/*background:url(../img/white.png) repeat;*/
	background-color:#fff;
	/*wbackground: url(../img/close.gif) top right no-repeat;*/
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:10px 30px 50px 30px;
}

/* 
	image is contained on the overlay background image. 
	the closing button is thus just a transparent container. 
*/
.overlay div.close {background:none;cursor:pointer;}

.realisations {
	font-size:10px;
	float:left;
	padding:0 15px 15px 0;
}
.realisations img{
	border:1px solid #fff;
}

/*/////////// contenu pied page ///////////////*/
#pied {
	font-size: 10px;
	line-height: 14px !important;
	text-align:right;
	background: url(../img/bgpied.png) top center no-repeat;
	margin: 0px auto;
	padding:18px 20px 0 0;
	width:954px;
	color:#fff;
}

#models-pager {
    position:relative;
    clear:right;
    width:480px;
    float:right;

}
/* Pager pour les liste */
.pager ul {
	list-style:none;
}
.pager li{
    font-size:0.8em;
	float:left;
	display:inline;
	list-style:none;
	margin:0 5px 0 0;
	padding:0 !important;
    
}
.pager a:link,.pager a:visited {
	color:#827468;
}
.pager a, .pager span {
	display:inline-block;
    border:1px solid #827468;
    padding:2px 7px 1px 6px;
    margin:1px;
    text-decoration:none;
}
.pager span.empty {
	color:#666;
	display:inline-block;
    border:none;
    padding:3px 0;
    margin:1px;
	vertical-align:bottom;
    text-decoration:none;
}
.pager span.current, .pager a.current, .pager a.current:link, .pager a.current:visited, .pager a.current:active {
    border:1px solid #827468;
    background-color:#827468;
    color:#000;
    cursor:text;
	font-weight:bold;
}
.pager a.filler, .pager a.filler:link, .pager a.filler:visited, .pager a.filler:active {
    border:none;
    color:#333;
    cursor:text;
}
.pager a:hover {
    border:1px solid #aaa;
    color:#000;
 	text-decoration:none;
}


.pager span.off, .pager a.off, .pager a.off:link, .pager a.off:visited, .pager a.off:active {
	border:1px solid #aae;
    color:#aae;
    cursor:text;
}

.item {
    width:330px;
    margin-right:20px;
    height:230px;
    float:left;
}
.item-large {
    width:750px;
    float:left;
}