/* ---------------------------------------------------------------------- 
Copyright : Francois-Xavier BONNEFOUS
effisk@hotmail.com
---------------------------------------------------------------------- */


/* ---------------- FRAME ------------------------ */
body {
	background: url(/img/html.gif);
	padding: 0;
	margin: 0;
	}

#bg {
	text-align: center;
	padding: 10px 0;
	margin: 0;
	background: url(/img/body.gif) repeat-x;
	}


#container {
	text-align: left;
	border: 1px solid #545454;
	width: 911px;
	margin: 0 auto;
	background: #fff url(/img/bgMain.gif) repeat-y;
	font: 13px/19px Trebuchet MS, Georgia, Times New Roman, serif;
	}

#top {
	}

#top p {
	display: none;
	}

#top h4 {
	margin: 0;
	padding: 0;
	font-size: 10px;
	height: 150px;
	text-indent: 720px;
	background: url(/img/logo-netperles-2.jpg);
	}

#MMenu {
	border-style: solid;
	border-color: #545454;
	border-width: 1px 0;
	height: 25px;
	background-color: #cbd1c3;
	padding: 0 0 0 2px;
	text-transform: uppercase;
	}
	
	#MMenu ul {
		margin: 0 0 0 -40px !important;
		margin: 0;
		list-style: none;
		text-align: center;
		}
		
	#MMenu ul li {
		display: inline;
		padding: 0 0 0 15px;
		background: url(/img/menuBullet2.gif) no-repeat 0px 9px;
		}

	#MMenu ul li#frst {
		padding: 0;
		background: none !important;
		}

	#MMenu ul li a {
		color: #000;
		font: bold 14px/25px Georgia, Times New Roman, Times, serif;
		text-decoration: none;
		padding: 3px 3px;
		}

	#MMenu ul li a:hover {
		text-decoration: none;
		background-color:#e1e5db;
		}
	
#news {
	width: 205px;
	float: left;
	padding: 5px;
	}
	
	#news p, #news li {
		display: block;
		color: #4776bd;
		font: bold 11px/18px Georgia, Times New Roman, Times, serif;
		background: url(/img/bulletNews.gif) no-repeat 0px 4px;
		margin: 0 0 0 30px;
		padding: 0 0 0 15px;
		}

	#news p a, #news li a {
		color: #4776bd;
		text-decoration: none;
		}

	#news p a:hover, #news li a:hover {
		color: #395d94;
		text-decoration: none;
		}
	#news h4 {
		padding: 0 0 0 20px;
		margin: 5px 0 0 0;
		color: #434343;
		background: url(/img/bigBullet-1.gif) no-repeat 3px 5px;
		font: 18px/25px Georgia, Times New Roman, Times, serif;
		}

	#news h4 a {
		color: #434343;
		text-decoration: none;
		}

	#news h4 a:hover {
		color: #000;
		}



	#news ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}

#main-content {
	float: left;
	padding: 5px;
	}

/* ---------------- WINDOW INDEX ------------------------ */
#raisons {
	font-size:12px;
	border: solid 1px #545454;
	background: #fff url(/img/bgraisons.jpg) no-repeat bottom right;
	width: 400px;
	margin: 0 0 10px 140px;
	padding: auto;
	}

#raisons p {
	display: block;
	line-height: 13px;
	padding: 8px 0 0 40px;
	margin: 0;
	text-align: justify;
	}

p.one {
	background: transparent url(/img/1.gif) no-repeat 3px; -27;
	}
p.two {
	background: transparent url(/img/2.gif) no-repeat 3px; -27;
	}
p.three {
	background: transparent url(/img/3.gif) no-repeat 3px; -27;
	}
p.four {
	background: transparent url(/img/4.gif) no-repeat 3px; -27;
	}
p.five {
	background: transparent url(/img/5.gif) no-repeat 3px; -27;
	}
p.six {
	background: transparent url(/img/6.gif) no-repeat 3px; -27;
	}
	
/* ---------------- WINDOW ------------------------ */
#main-content h1 {
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	color: #434343;
	font: 18px/25px Georgia, Times New Roman, Times, serif;
	text-transform: uppercase;
	background: url(/img/h1-bg.png) no-repeat center center;
	}

#main-content h2 {
	padding: 0 0 0 20px;
	margin: 5px 0 0 0;
	color: #434343;
	background: url(/img/bigBullet-2.gif) no-repeat 3px 5px;
	font: 18px/25px Georgia, Times New Roman, Times, serif;
	}

#main-content p {
	margin: 0 10px 15px 20px;
	display: block;
	}

#main-content a {
	color: #555;
	text-decoration: underline;
	}

#main-content a:hover {
	color: #999;
	text-decoration: underline;
	}

#main-content ul {
	text-indent: 10px;
	margin-left: 10px;
	}

#main-content li {
	text-indent: 10px;
	margin-left: 30px;
	}

#main-content img.pic {
	border: 1px solid #828282;
	padding: 0;
	float: right;
	margin: 8px;
	}		

.rub {
	float: left;
	width: 655px;
	}

.bad {
	color: #ff0000;
	font-weight: bold;
	}

.picto {
	float:left;
	margin: 0.5em 0.8em 0.5em 0;
	}
.picto-c {
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	}

	
/* ---------------- FOOTER ------------------------ */
	
#copyright {
	clear: both;
	border-top: 1px solid #545454;
	background-color: #cbd1c3;
	padding: 2px;
	}
	
	#copyright p {
		color: #3d492b;
		font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		}
#copyright a {
		color: #3d492b;
		}

/* ---------------- GALLERY ------------------------ */
#gallery-content {
	overflow: auto;
	margin-left: 15px; 
	}

#gallery-content a {
	color: #555;
	text-decoration: none;
	}

#gallery-content a:hover {
	color: #999;
	text-decoration: none;
	}

.gallery-thumbnail {
	float : left; 
	margin : 10px; 
	padding : 0; 
	width : 130px;
	height : auto; 
	text-align : center;
	font: 10px/13px Trebuchet MS, Georgia, Times New Roman, serif;
	border : 1px solid #ccc; 
	}

img.gallery-thumb {
	border-width: 0;
	}
.reference {
	font-weight: bold;
	}

/* ---------------- DETAIL ------------------------ */
img.detail {
    display: block;
    margin-left: auto;
    margin-right: auto;
	}
p.detail {
	margin: 0 0 0 0;
	display: block;
	}
.detail-image {
	text-align: center;
	margin: 0 0 10px 0;
	}
.recap {
	margin: 0 0 0 220px;
	}

#main-content table {
	text-align: center;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	background-color: #eee;
	}
#main-content th a {
	text-decoration: none;
	color: #ff0000
	}
#main-content th a:hover {
	text-decoration: none;
	color: #990000
	}
#main-content td {
	text-align: left;
	padding: 0 4px 0 4px;
	border: 1px solid #ccc;
	font: 13px Trebuchet MS, Georgia, Times New Roman, serif;
	background-color: #fff;
	}

/* ---------------- COLLIERS, ETC. PAGES ------------------------ */
p.thumbs {
	font: 18px/25px Georgia, Times New Roman, Times, serif;
	text-transform: uppercase;
}
img.thumbs {
	margin-bottom: -45px;
	border: 2px #545454 solid;
}

/* ---------------- BLOG hidden stuff ------------------------ */
#toptitle, #prelude, #trackbacks, #search, #categories, #links, #syndicate {
	display: none;
	}
/* ---------------- BLOG stuff ------------------------ */
#main-content h3 {
	padding: 0 0 0 20px;
	margin: 5px 0 0 0;
	color: #434343;
	background: none;
	font: 18px/25px Georgia, Times New Roman, Times, serif;
	}
fieldset {
	border: none;
	}
.post-info {
	font-size: 0.9em;
	font-style: italic;
	}
.gallery-blog {
	overflow: auto;
	}

#main-content .gallery-blog a {
	text-decoration: none;
	}

.gallery-blog {
	}

p.suite {
	text-align: right;
	}
.post-content p {

    clear: both;
}
/* ---------------- BLOG calendar ------------------------ */

#calendar table{
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#calendar table caption{
	margin: 0 auto;
}

#calendar table th{
	color: #434343;
	background: transparent;
}

#calendar table td{
	width: 14%;
	line-height: 2em;
	border: 1px solid #EEE;
}

#calendar table td a{
	display: block;
	background: #cbd1c3;
	color: #4776bd;
	font-weight: bold;
	text-decoration: none;
}

#calendar table td a:hover{
	background: #cbd1c3;
	color: #434343;
}