/* @override 
	http://equipemsa.ca/styles.css
	http://equipemsa.ca/styles-beta.css
*/

/*
	Color sets:
	
	Blue: #008ce7
	Dark grey: #333333
	Light grey: #a0a0a0
	Very light grey: #cccccc
	Very light yellow: #ffffcc
	
*/

html {margin: 0; padding: 0;}
body {
	margin: 0;
	padding: 0;
	font: .8em/normal Lucida, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #333333;
	background: white url(images/footer_bg.png) 0 0;
	border-top: 3px solid #ccc;
}

a {color: #008ce7; text-decoration: none;}
a:hover {color: #8cd4f7;}

hr {border: 0; background: #ccc; height: 1px; margin: 15px 0 18px;}
* html hr {border: 0; background: #ccc; height: 1px; margin: 20px 0;}
img, img a, img a:hover {border: 0;}

#wrapper {
	background: white;
	overflow: hidden;
}

#FormContainer {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
}

/*Header*/

#headerDescriptionPrint {
	
}
#header {
	width: 880px;
	margin: 0 auto 0 auto;
	height: 127px;
}
#header div.logo {width: 278px; height: 69px; margin: 35px 0 0 0; float: left; display: inline;}
#header div.logo a:hover {background: none; border: none;}
#header ul.upperMenu {float: right; width: 500px; margin: 0; list-style: none;}
#header ul.upperMenu li {float: right; display: inline; margin: 0 5px 0 5px;}
#header ul.upperMenu li a {display: block; color: #a0a0a0; padding: 5px 5px;}
#header ul.upperMenu li a:hover {background: url(images/top_menu_hover.png) 0 0; border: 0;}
#header ul.upperMenu li.active {color: white; padding: 5px 5px; background: url(images/top_menu_active.png) 0 0;}
#header ul.upperMenu li a.current {color: white; padding: 5px 5px; background: url(images/top_menu_active.png) 0 0;}

#header ul.lowerMenu {float: right;width: 366px; margin: 10px 0 0 0; list-style: none;}
#header ul.lowerMenu li {font-size: 1.4em; color: #a0a0a0; float: right;}
#header ul.lowerMenu li.phone {padding: 20px 36px 0 0;}
#header ul.lowerMenu li.message {padding: 10px 36px 0 0;}
#header ul.lowerMenu li.capital {padding: 0px 10px 0 0;}
#header ul.lowerMenu li.message a:hover, #header ul.lowerMenu li.capital a:hover {border: 0;}


/*Large blue employee bar*/
#largeBlueBar {
	background: url(images/blue_bar_bg.png) 0 0 repeat-x;
	height: 96px;
	font-family: "Trebuchet MS";
}
#smallBlueBar {background: url(images/menu_bar_tiny.png) 0 0 repeat-x; height: 11px;}

.employeePhotos {margin: 0 auto 0 auto; width: 880px; height: 138px;
	padding: 0;
	border-width: 0;
	border-style: none;
}
#largeBlueBar #nameContainer {width: 880px; overflow: hidden; margin: 0 auto 0 auto;}
#largeBlueBar ul.employeeNames1, #largeBlueBar ul.employeeNames2, #largeBlueBar ul.employeeNames3 {
	color: white;
	font-size: 1.3em;
	margin: 0 0 10px 0;
	list-style: none;
	overflow: hidden;
	float: left;
	display: inline; /*IE hack*/
	padding: 0;
	background: transparent;
}
#largeBlueBar #nameContainer .innerContent {background: url(images/menu_bar_separator.jpg) top right repeat-y; height: 96px; float: left;}
#largeBlueBar ul.employeeNames1 {width: 200px;}
#largeBlueBar ul.employeeNames2 {width: 275px;}
#largeBlueBar ul.employeeNames3 {width: 405px;}
#largeBlueBar ul.employeeNames1 li, #largeBlueBar ul.employeeNames2 li, #largeBlueBar ul.employeeNames3 li {
	color: white;
	float: left; 
	margin: 0;
}
#largeBlueBar ul.employeeNames1 li a, #largeBlueBar ul.employeeNames2 li a, #largeBlueBar ul.employeeNames3 li a {color: white;}
#largeBlueBar ul.employeeNames1 li a:hover, #largeBlueBar ul.employeeNames2 li a:hover, #largeBlueBar ul.employeeNames3 li a:hover {color: #eee; border: 0;}

#largeBlueBar ul.employeeNames1 li.mario {padding: 8px 5px 0 18px;}
#largeBlueBar ul.employeeNames1 li.pierre {padding: 8px 5px 0 28px;}
#largeBlueBar ul.employeeNames2 li.lucie2 {padding: 8px 5px 0 20px;}
#largeBlueBar ul.employeeNames2 li.chantalm {padding: 8px 5px 0 30px;}
#largeBlueBar ul.employeeNames2 li.rachelv {padding: 8px 5px 0 30px;}
#largeBlueBar ul.employeeNames3 li.josee {padding: 8px 5px 0 25px;}
#largeBlueBar ul.employeeNames3 li.lucie {padding: 8px 5px 0 40px;}
#largeBlueBar ul.employeeNames3 li.chantal {padding: 8px 5px 0 40px;}
#largeBlueBar ul.employeeNames3 li.beverly {padding: 8px 5px 0 18px;}


/*Main content*/
#container {
	width: 880px;
	margin: 0 auto 0 auto;
	padding-bottom: 37px;
	overflow: hidden;
}

.formBlock {
	width: 430px;
	border: 1px solid #d6d6d6;
	background: url(images/yellow_bar_bg.jpg) 0 0;
	margin: 0 0 40px 0;
}
.formBlock .innerFormBlock {
	padding: 30px;
}
#innerFormBlock img{
	padding: 0;
}
label { 
	width: 6em; 
	float: left; 
	text-align: right; 
	margin-right: 0.5em; 
	display: block; 
	font-size: 14px;
	
}
.form_row {
	white-space: nowrap;
	padding-bottom: .5em;
	margin: 10px 0 0 -17px;
} 
.form_row label {padding-top: 2px;} 
.selector {width: 220px; border: 1px solid #ccc; padding: 2px; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;}

#recentActivity {
	width: 430px;
	margin: 30px 0 0 0;
	overflow: hidden;
	background: url(images/forsale_bg.jpg) 0 0 no-repeat;
}
#recentActivity h3.recentActivityHeader {color: #808080; font-size: 1.3em; text-align: center; padding: 10px 0;}

#recentActivity ul {
	list-style: none;
	width: 450px;
	margin: -6px 0 0 0; padding: 0;
	overflow: hidden;
}

#recentActivity ul li {
	width: 133px;
	float: left;
	display: inline;
	margin: 5px 15px 0 0;
	overflow: hidden;
}
#recentActivity ul li.new {background: url(images/image_tab_new.png) 0 0 no-repeat;}
#recentActivity ul li.openhouse {background: url(images/image_tab_openhouse.png) 0 0 no-repeat;}
#recentActivity ul li.prestige {background: url(images/image_tab_prestige.png) 0 0 no-repeat;}
#recentActivity ul li.sold {background: url(images/image_tab_sold.png) 0 0 no-repeat;}
#recentActivity ul li.active {background: url(images/image_tab_active.png) 0 0 no-repeat;}

#recentActivity ul li img {border: 4px solid #ccc; margin-top: 14px}
#recentActivity ul li a:hover img {border: 4px solid #008ce7;}


/*Blog*/
.blogEntry {
	width: 540px;
	background: url(images/blog_entry_bg.png) 0 0 no-repeat;
	font-family: "Trebuchet MS";
	margin-bottom: 60px;
}
.blogEntry p {padding: 3px 15px;}

#blogMenuSubjects {
	width: 301px;
	background: url(images/blog_menu_pencil.png) 0 0 no-repeat;
	font-family: "Trebuchet MS";
}
#blogMenuSubjects h3 {padding: 62px 0 0px 30px; font-size: 1.6em;}
#blogMenuSubjects ul {list-style: none; margin: 0; padding: 30px; overflow: hidden;}
#blogMenuSubjects ul li {font-size: 1.2em; padding: 0; display: inline; width: 70px; float: left; margin: 0 3.2em 0.5em 0;}
* html #blogMenuSubjects ul li {margin: 0 3.2em -0.90em 0;}
#blogMenuSubjects ul li a {color: #333333;}
#blogMenuSubjects ul li a:hover {color: #999999;}

#blogMenuPosts {
	width: 301px;
	background: url(images/blog_menu_feed.png) 0 0 no-repeat;
	font-family: "Trebuchet MS";
}
#blogMenuPosts h3 {padding: 18px 0 0px 30px; font-size: 1.6em;}
#blogMenuPosts ul {list-style: none; margin: 0; padding: 15px 30px;}
#blogMenuPosts ul li {font-size: 1em; letter-spacing: -1px; padding: 2px 0 6px 0;}
#blogMenuPosts ul li a {color: #333333;}
#blogMenuPosts ul li a:hover {color: #999999;}

#blogMenuRecentActivity {
	width: 301px;
	background: url(images/sidebar_sale.png) 0 0 repeat;
}
#blogMenuRecentActivity h3 {padding: 12px 0 0px 30px; font-size: 1.6em;}

#blogMenuRecentActivity h4 {padding: 0; font-size: 1em;}
#blogMenuRecentActivity ul {
	list-style: none;
	width: 299px;
	margin: 0; padding: 0 0 30px 0;
	overflow: hidden;
}

#blogMenuRecentActivity ul li {
	width: 235px;
	margin: 15px 30px 0 30px;
	overflow: hidden;
}
#blogMenuRecentActivity ul li.new {background: url(images/image_tab_new.png) 0 0 no-repeat;}
#blogMenuRecentActivity ul li.openhouse {background: url(images/image_tab_openhouse.png) 0 0 no-repeat;}
#blogMenuRecentActivity ul li.prestige {background: url(images/image_tab_prestige.png) 0 0 no-repeat;}
#blogMenuRecentActivity ul li.sold {background: url(images/image_tab_sold.png) 0 0 no-repeat;}

#blogMenuRecentActivity ul li img {border: 4px solid #ccc; margin-top: 14px; float: left;}
#blogMenuRecentActivity ul li a:hover img {border: 4px solid #008ce7;}
#blogMenuRecentActivity ul li div.details {float: right; width: 96px; margin: 30px 0 0 0;}
#blogMenuRecentActivity ul li div.details span {font-size: .85em; color: black; line-height: 1em;}
#blogMenuRecentActivity ul li div.details a {font-size: .85em;}


/*Contact*/
#employeeContact {
	width: 301px;
	background: url(images/contact_box.png) 0 0 no-repeat;
	font-family: "Trebuchet MS";
	margin: 50px 0 0 0;
}
#employeeContact h3 {padding: 18px 0 0px 30px; font-size: 1.6em;}
#employeeContact ul {list-style: none; margin: 0; padding: 15px 30px 30px 30px;}
#employeeContact ul li {font-size: 1.2em; padding: 4px 0 12px 0;}
#employeeContact ul li a {color: #333333;}
#employeeContact ul li a:hover {color: #999999;}

#employeeContact2 {
	width: 301px;
	background: url(images/contact_box.png) 0 0 no-repeat;
	font-family: "Trebuchet MS";
	margin: 15px 0 0 0;
}
#employeeContact2 h3 {padding: 18px 0 0px 30px; font-size: 1.6em;}
#employeeContact2 ul {list-style: none; margin: 0; padding: 15px 30px 30px 30px;}
#employeeContact2 ul li {font-size: 1.2em; padding: 4px 0 12px 0;}
#employeeContact2 ul li a {color: #333333;}
#employeeContact2 ul li a:hover {color: #999999;}

#etapeFranchir {
	width: 301px;
	background: url(images/contact_box.png) 0 0 no-repeat;
	font-family: "Trebuchet MS";
	margin: 50px 0 0 0;
}
#etapeFranchir h3 {padding: 18px 0 0px 30px; font-size: 1.6em;}
#etapeFranchir ul {list-style: none; margin: 0; padding: 15px 30px 30px 30px;}
#etapeFranchir ul li {font-size: 1.2em; padding: 4px 0 8px;}
#etapeFranchir ul li a {color: #333333;}
#etapeFranchir ul li a:hover {color: #999999;}

#contactMap {
	width: 301px;
	font-family: "Trebuchet MS";
}

#contactMap h3 {padding: 2px 0 0px 30px; font-size: 1.6em;}

#contactMap iframe {
	border: 3px solid silver;
}
#contactMap p {padding: 2px 0 0px 30px; font-size: 1.2em;}
#contactMap ul {list-style: none; margin: 0; padding: 15px 30px 30px 30px;}
#contactMap ul li {font-size: 1.2em; padding: 4px 0 12px 0;}
#contactMap ul li a {color: #333333;}
#contactMap ul li a:hover {color: #999999;}

#contactAbout { width: 500px;
	text-align: justify;
	font: 1.3em "Trebuchet MS";
}
#contactAbout h2 {font-size: 1.8em;
	padding-top: 30px;
}

#contactMain ul.address {font-size: 1.7em; list-style: none; padding: 0; margin: 0 0 40px 0;}

.contactInfo {margin: 20px 0;}
.contactInfo span {display: block; letter-spacing: -1px;}
.contactInfo span.title {font-size: 2em; font-weight: bold;}
.contactInfo span.preample {font-size: 1.3em;}
.contactInfo span.asterisk {font-size: .8em; letter-spacing: 0;}


/*Description*/
h1.descriptionHeadline {overflow: hidden;}
* html h1.descriptionHeadline {height: 55px;}
h1.descriptionHeadline span.title {float: left; display: inline;}
h1.descriptionHeadline span.img {float: right; margin-left: 20px; display: inline;}

#propertyImage {float: left; display: inline; width: 428px; height: 343px; padding-top: 0px;
	margin: 24px 0 0;
}

#propertyImage img {border: 5px solid #ccc;}

#propertyImage p {
	margin-bottom: 5px;
	margin-left: 130px;
	margin-top: 5px;
	font: normal normal 12px/12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: gray;
}
#propertyImage.new {background: url(images/image_tab_new_large.png) 0 0 no-repeat;}
#propertyImage.openhouse {background: url(images/image_tab_openhouse_large.png) 0 0 no-repeat;}
#propertyImage.prestige {background: url(images/image_tab_prestige_large.png) 0 0 no-repeat;}
#propertyImage.sold {background: url(images/image_tab_sold_large.png) 0 0 no-repeat;}
#propertyImage.active {background: url(images/image_tab_active_large.png) 0 0 no-repeat;}

#propertyPhotos {
	width: 880px;
}
#propertyPhotos img {
	margin: 6px;
	border: 5px solid #ccc;
	float: left;
}

#propertyLocation {float: right; display: inline; width: 428px; height: 343px; padding-top: 22px; margin: 24px 0 0 0;}
#map div{border:none;}

* html #propertyLocation {margin-top: 21px;}

#propertyData {width: 850px; overflow: hidden; background: #f2f2f2; border-bottom: 1px solid #3399cc; clear: both; margin: 0 0 24px 0; padding: 15px;}
.propertyData1, .propertyData2, .propertyData3 {float: left; display: inline;  font-size: .9em;}
.propertyData1 span, .propertyData2 span, .propertyData3 span {
	float: left;
	display: inline;
	clear: both;
	width: 260px;
}
.propertyData2 span {
	float: left;
	display: inline;
	clear: both;
	width: 190px;
}
.propertyData3 span {
	float: left;
	display: inline;
	clear: both;
	width: 170px;
}
.propertyData1 span b, .propertyData2 span b, .propertyData3 span b {color: #3399cc; display: inline;
	font-size: 16px;
	line-height: 20px;
}
.propertyData1 span strong, .propertyData2 span strong, .propertyData3 span strong {font-weight: bold; font-style: normal;}
span.column1 em, span.column2 em, span.column3 em {
	width: 6em;
	float: left;
	display: inline;
	margin-right: .5em;
	color: #656565;
}
span.column2 em {
	width: 8em;
}

#moreInfoBox {width: 190px; float: right; display: inline; border: 5px solid #dfdfdf; background: url(images/yellow_bar_bg.jpg) 0 0;}
#moreInfoBox h3 {margin: 0; padding: 8px 15px 8px 15px; color: #333;}
#moreInfoBox ul {list-style: none; padding: 0 15px 8px 15px; margin: 0;}
#moreInfoBox ul li {background: url(images/arrow_right_grey.png) 0 3px no-repeat; padding: 0 0 0 15px;}
#moreInfoBox ul li a {color: #808080;}
#moreInfoBox ul li a:hover {color: #444;}

#locationData {width: 420px; float: left; display: inline; overflow: hidden; font-size: .9em;}
.locationData {width: 390px; overflow: hidden; background: #f2f2f2; border-bottom: 1px solid #3399cc; padding: 15px; margin: 0 0 10px 0;}
.locationData span {
	float: left;
	display: inline;
	clear: both;width: 390px;
}
.locationData span em {
	width: 9em;
	float: left;
	display: inline;
	margin-right: .5em;
	color: #656565;
}
.locationData h4 {font-weight: normal; padding: 0; margin: 0;}
.locationDataTable {width: 390px;}
.locationDataTable td {padding: 0; margin: 0;}

#propertyDescription {width: 420px; background: #f2f2f2; border-bottom: 1px solid #3399cc; float: right; display: inline; padding-bottom: 15px;}
#propertyDescription p {padding: 0 15px; margin: 0;}
#propertyDescription p.intro {padding: 15px 15px; margin: 0;}


/*Send Message*/
h1.sendMessageHeadline {font-size: 1.5em; color: #333333;}
#sendMessageMain p {width: 500px; margin-bottom: 20px;
	text-align: justify;
	font-size: 1.4em;
}


#subscription {
	background: url(images/yellow_block.jpg) 0 0 no-repeat;
	width: 301px;
}
#subscription h3.subscribeHeadline {padding: 20px 30px; font-size: 1.4em;}
#subscription ul {list-style: none; padding: 0 0 30px 0; margin: 0 0 0 30px;}
#subscription ul li {padding: 5px 0 5px 15px; background: url(images/bullet.png) 0 9px no-repeat;}

#contactBlock {
	width: 500px;
	padding: 25px;
	border-top: 40px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
#contactBlock h4.contactFormHeader {font-size: 1.4em; margin: 0; padding: 0;}
#contactBlock p {padding: 0; margin: 0;}

#contactBlock fieldset {border: 0; padding: 0;}
#contactBlock fieldset .contactFormText {width: 288px;}
#contactBlock fieldset .contactFormSelect {width: 288px;}
#contactBlock fieldset .contactFormPhone1 {width: 35px;}
#contactBlock fieldset .contactFormPhone2 {width: 35px;}
#contactBlock fieldset .contactFormPhone3 {width: 45px;}
#contactBlock fieldset .contactFormMessage {width: 485px; height: 150px;}
#contactBlock fieldset label {display: block; width: 100%; text-align: left; float: none; margin: 15px 0 2px 0;}
#contactBlock fieldset label em {color: red; font-style: normal; font-weight: bold;}
#contactBlock fieldset .submitButton {margin: 25px 0 0 0;}
	
	
/*Listings*/
.listingsBar {background: url(images/list_top_bar.png) 0 0 repeat-x; height: 45px;}
.listingsBar 3 {color: white; overflow: hidden;}
.listingsBar h3 span.title {display: block; font-size: 1.4em; float: left; line-height: 42px; text-indent: 10px;}
.listingsBar h3 span.arrow {display: block; float: right; padding: 10px 10px 0 0;}

.listing {
	width: 880px;
	height: 250px;
	padding-bottom: 20px;
	clear: both;
	background: url(images/dotted_line.png) left bottom no-repeat;
}

.listing .image {
	width: 260px;
	height: 217px;
	margin: 15px 40px 30px 0;
	float: left;
	padding-top: 2px;
}


.listing .image.new {background: url(images/image_tab_new_medium.png) 0 0 no-repeat;}

.listing p {
	font: normal normal 10px/10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: gray;
	margin-top: 5px;
	margin-left: 130px;
	padding: 0;
	margin-bottom: 5px;
}

.listing .image.sold {background: url(images/image_tab_sold_medium.png) 0 0 no-repeat;}

.listing .image.prestige {background: url(images/image_tab_prestige_medium.png) 0 0 no-repeat;}

.listing .image.openhouse {background: url(images/image_tab_openhouse_medium.png) 0 0 no-repeat;}

.listing .image.active {background: url(images/image_tab_active_medium.png) 0 0 no-repeat;}

.listing .image img {border: 4px solid #ccc;}

.listing .description {width: 570px; float: left; margin: 50px 0 0 0; font-size: 1.2em;}

.listing .description span {
	float: left;
	display: inline;
	clear: both;
	width: 390px;
}
.listing .description span em {
	width: 5em;
	float: left;
	display: inline;
	font-style: normal;
	margin-right: .5em;
	color: #656565;
}
.listing ul.buttons {
	list-style: none;
	margin: 50px 0 0 0;
	padding: 0;
	width: 560px;
	overflow: hidden;
	float: left;
	
}
.listing ul.buttons li {
	display: block;
	float: left;
	padding: 0 5px 0 5px;
}

.listing ul.buttons li a {
	text-indent: -9999px;
	display: block;
	float: left;
	height: 45px;
}
.listing ul.buttons li.descriptionImg a {background: url(images/button_description.png) 0 0; width: 150px;}
.listing ul.buttons li.diaporama a {background: url(images/button_diaporama.png) 0 0; width: 150px;}
.listing ul.buttons li.photos a {background: url(images/button_photos.png) 0 0; width: 150px;}


/*Agents*/
ul.employeeLinks {list-style: none; text-align: center; display: block; margin: 10px auto; padding: 0; width: 880px;
	font-size: 11px;
}
ul.employeeLinks li {display: inline; padding: 0 5px 0 5px;}
ul.employeeLinks li a {color: #888888;}
ul.employeeLinks li a:hover {color: #cccccc;}

.employeeBox {width: 880px; height: 230px; margin: 0 auto 0 auto; font-family: "Trebuchet MS";}
.employeeBoxWrap {widht: 100%; background: white url(images/employee_wrapper.png) bottom left repeat-x; overflow: hidden; margin: 0px 0 50px 0;}
.employeeMugBlue {background: url(images/employee_bar_blue.png) bottom left repeat-x; height: 218px; width: 171px; float: left; display: inline; padding: 0 0 1px 0; margin: 5px 0 0 0;}
.employeeMugGreen {background: url(images/employee_bar_green.png) bottom left repeat-x; height: 218px; width: 171px; float: left; display: inline; padding: 0 0 1px 0; margin: 5px 0 0 0;}
.employeeMugOrange {background: url(images/employee_bar_orange.png) bottom left repeat-x; height: 218px; width: 171px; float: left; display: inline; padding: 0 0 1px 0; margin: 5px 0 0 0;}
.employeeMugBlue p.title, .employeeMugGreen p.title, .employeeMugOrange p.title {margin: 0 auto 0 auto; width: 171px; text-align: center; color: white; line-height: 65px; font-size: 1.2em;}


.employeeInfo {background: url(images/employee_info.jpg) 0 38px no-repeat; width: 202px; overflow: hidden; padding: 50px 0 0 0; height: 172px; float: left; display: inline;}
.employeeInfo h3 {margin: 10px 5px 0 25px; font-size: 1.4em;}
* html .employeeInfo h3 {margin: 60px 5px 0 25px;}
.employeeInfo p.titleBlock {width: 150px; margin: 0 auto 0 auto; height: 50px;}
.employeeInfo p.titleBlock span.properties {color: #999;
}
.employeeInfo p.contactInfoBlock {width: 150px; margin: 30px auto 0 auto; height: 50px;}

.employeeData {background: url(images/employee_data.jpg) 0 38px no-repeat; width: 460px; height: 222px; float: right; display: inline;}
.employeeData div.bio {padding: 34px 10px 10px 10px; font-size: 1em; line-height: 1.1em;}
.employeeData div.location {overflow: hidden;}
* html .employeeData div.location {margin-top: -8px;}
.employeeData div.location p.name {float: left; width: 265px;}
.employeeData div.location p.address {float: right; width: 185px;}
.employeeData div.location p.address span {display: block; text-align: right;}
.employeeData div.location p.name span {display: block; line-height: 1.1em;}
.employeeData div.location p.name span.title {font-weight: bold; font-size: 1.1em;}
.employeeData div.location p.name span.preamble {font-size: .9em;}
.employeeData div.location p.name span.info { font-style: italic;
	font-size: 8px;
}


/*Middle split blocks*/
#leftBlock {
	float: left;
	display: inline;
	width: 430px;
}
#leftBlock img.onglet {
	margin-bottom: 0px;
	margin-left: 0px;
}
#leftBlock img.ongletfirst {
	margin-bottom: 0px;
	margin-left: 0px;
}
#rightBlock {
	float: right;
	display: inline;
	width: 430px;
}
#blogMain {
	float: left;
	display: inline;
	width: 540px;
}
#blogMenu {
	float: right;
	display: inline;
	width: 301px;
}

#contactMain {
	float: left;
	display: inline;
	width: 540px;
}
#contactMenu {
	float: right;
	display: inline;
	width: 301px;
}

#descriptionMain {color: black;}
#descriptionMain h5 {margin: -20px 0 5px 5px;
	color: #008ce7;
	font: normal 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#sendMessageMain {
	float: left;
	width: 540px;
	margin-top: 45px;
	display: inline;
}
#subscriptionBlock {
	float: right;
	margin-top: 35px;
	width: 301px;
	display: inline;
}


/*Horizontal search widget*/
.searchWidget {overflow: hidden; background: url(images/yellow_bar_bg.jpg) 0 0; width: 100%; border-top: 1px solid #ccc; }
.searchWidgetInner {
	padding: 20px 0;
	overflow: hidden;
	margin: 0 auto 0 auto;
	width: 880px;
}
.searchWidgetInner .form_row_search {float: left; display: inline; width: 200px; padding: 0;}
.searchWidgetInner .form_row_search_buttons {float: left; display: inline; width: 275px; padding: 0;}
.searchWidgetInner .form_row_search label {display: inline; float: none;}
.searchWidgetInner .selector {width: 175px; border: 1px solid #ccc; padding: 2px; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;}


/*Footer(s)*/
/*Lots of stuff going on here*/
#footerLinks {
	background: url(images/white_bar_bg.jpg) 0 0;
	overflow: hidden;
	border-top: 1px solid #cccccc;
	letter-spacing: -1px;
}

#footerLinksInner {
	width: 880px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding-bottom: 10px;
}
#footerLinksInner ul.links {
	width: 210px;
	float: left;
	display: inline; /*IE hack*/
	margin: 4px 0 0 0;
	padding: 0;
	list-style: none;
}

#footerLinksInner ul.links li {
	padding: 5px 0 5px 40px;
}
#footerLinksInner ul.links li.linksHeaderBlog, #footerLinksInner ul li.linksHeaderTools {
	color: #333333;
	font-size: 1.3em;
	height: 21px;
	font-weight: bold;
	padding-top: 21px;
	padding-bottom: 0;
	
}

#footerLinksInner ul.links li.linksHeaderBlog {background: url(images/pencil.png) 0 0 no-repeat;}
#footerLinksInner ul.links li.linksHeaderTools {background: url(images/tools.png) 0 0 no-repeat;}

#footerLinksInner ul.info {
	width: 250px;
	float: left;
	display: inline; /*IE hack*/
	margin: 0;
	font-size: .9em;
	padding: 0;
	list-style: none;
}
#footerLinksInner ul.info li {
	padding: 1px 0 1px 40px;
}
#footerLinksInner ul.info li.infoHeader {
	color: #333333;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 24px;
	padding-bottom: 0;
}
#footerLinksInner ul.info li.consultation a {background: #ffffcc;}

#footerAchat {
	width: 205px;
	height: 198px;
	float: right;
	display: inline; /*IE hack*/
}
#footerAchat a {
	text-indent: -9999px;
	display: block;
	width: 205px;
	height: 190px;
}
#footerAchat a:hover {
	background: none;
	border: none;
	text-decoration: none;
}

#footer {
	background: url(images/footer_bar.jpg) 0 0; 
	height: 70px;
	color: #cccccc;
}
#footerInner {
	width: 880px;
	margin: 0 auto 0 auto;
	padding: 16px 0 0 0;
}
#footer ul {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}
#footer ul li {
	display: inline;
	padding: 0 5px 0 0px;
}
#footer ul.info {font-size: .8em; margin-top: 10px;}

#arbresLogo {margin: -50px 0 0 820px; width: 47px; height: 48px; background: url(images/100_arbres.png) 0 0; position: absolute; z-index: 100; float: right;}
#arbresLogo a {display: block; height: 48px; width: 47px; text-indent: -9999px;}
#arbresLogo a:hover {
	background: none;
	border: none;
	text-decoration: none;
}

/*Text*/
span.employeeText1 {color: #ffffcc; font-size: 12px; clear: both; float: left; width: 200px; text-align: center;}
span.employeeText2 {color: #ffffcc; font-size: 12px; clear: both; float: left; width: 275px; text-align: center;}
span.employeeText3 {color: #ffffcc; font-size: 12px; clear: both; float: left; width: 405px; text-align: center;}
h1.headline { font-size: 2.5em;
	margin: 31px 0 32px 40px;
}
h1.blogHeadline {margin: 11px 0; font-size: 2.7em; color: #cccccc;}
h2 span.title {display: block; padding: 14px 15px 0px 15px; font-size: 1.1em;}
h2 span.date {display: block; padding: 1px 15px 0px 15px; font-size: .5em; font-style: italic; font-weight: normal;}
a.followLink {padding: 14px 15px 0 15px;}
a:hover.followLink {border: 0;}
a.moreArticles {padding: 14px 55px 0 15px; font-size: 1.6em; font-weight: bold; background: url(images/arrow_right.png) 216px 18px no-repeat;}
a:hover.moreArticles {color: red;}


/*Images*/
.questionBubble {width: 39px; height: 36px; position: absolute; margin: -16px 0 0 150px; z-index: 100; background: url(images/question_bubble.png) 0 0 no-repeat;}

.messageEmployee {z-index: 100; width: 62px; height: 48px; position: absolute; margin: -30px 0 0 160px;}
* html .messageEmployee {z-index: 100; width: 62px; height: 48px; position: absolute; margin: -30px 0 0 135px;}

/*Buttons*/
.largeButton {background: url(images/blue_button.jpg) 0 0; height: 34px; width: 222px; border: 0; cursor: pointer;}
.largeButton a {color: white; font-size: 14px; font-weight: bold; display: block; height: 34px; border: 0; text-decoration: none; line-height: 34px; text-align: center;}
.largeButton a:hover {color: #eee;}
.centered {margin: 0 auto 0 auto;}
.floatLeft {float: left;}
.barRight {margin-right: 14px; border-right: 1px solid black;}
.noBar {margin-left: 14px;}

.smallButton {background: url(images/blue_button2.jpg) 0 0 no-repeat; height: 24px; width: 123px; border: 0; cursor: pointer;}
.smallButton a {color: white; font-size: 11px; display: block; height: 24px; border: 0; text-decoration: none; line-height: 24px; text-align: center;}
.smallButton a:hover {color: #eee;}

.littleInfo {position: absolute; margin: -22px 0 0 320px;}
.littleInfo2 {position: absolute; margin: 3px 0 0 15px;}

.buttonBlock {
	width: 430px;
	border: 1px solid #d6d6d6;
	background: url(images/yellow_bar_bg.jpg) 0 0;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
.buttonBlock a {display: block; padding: 10px;}
.buttonBlock a:hover {border: 0;}
.buttonBlock a em {font-style: normal; color: #333;}
.buttonBlock a:hover em {color: #8cd4f7;}

.calcul {margin-bottom:30px;}

#links-villes {width: 300px;
	float: left;
}
#links-villes h2{
	font-style: normal;
	font-weight: normal;
	border-bottom: 1px dotted silver;
}
#links-villes li{
	margin: 0 0 0 -40px;
	list-style-type: none;
	padding: 5px;
	font-size: 1.1em;
}
#links-villes a:hover{
	background-color: #eee;
	color: #000;
	padding: 4px;
}
#links-commissions {width: 300px;
	float: left;
}
#links-organismes {width: 450px;
	float: left;
	margin-left: 60px;
}
#links-organismes h2{
	font-style: normal;
	font-weight: normal;
	border-bottom: 1px dotted silver;
}
#links-organismes li{
	margin: 0 0 0 -40px;
	list-style-type: none;
	padding: 5px;
	font-size: 1.1em;
}
#links-organismes a:hover{
	background-color: #eee;
	color: #000;
	padding: 4px;
}