@font-face {
font-family: 'BitterRegular';
src: url('../fonts/bitter/Bitter-Regular-webfont.eot');
src: url('../fonts/bitter/Bitter-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/bitter/Bitter-Regular-webfont.woff') format('woff'), url('../fonts/bitter/Bitter-Regular-webfont.ttf') format('truetype'), url('../fonts/bitter/Bitter-Regular-webfont.svg#BitterRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'BitterRegular';
src: url('../fonts/bitter/Bitter-Bold-webfont.eot');
src: url('../fonts/bitter/Bitter-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/bitter/Bitter-Bold-webfont.woff') format('woff'), url('../fonts/bitter/Bitter-Bold-webfont.ttf') format('truetype'), url('../fonts/bitter/Bitter-Bold-webfont.svg#BitterBold') format('svg');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'BitterRegular';
src: url('../fonts/bitter/Bitter-Italic-webfont.eot');
src: url('../fonts/bitter/Bitter-Italic-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/bitter/Bitter-Italic-webfont.woff') format('woff'), url('../fonts/bitter/Bitter-Italic-webfont.ttf') format('truetype'), url('../fonts/bitter/Bitter-Italic-webfont.svg#BitterItalic') format('svg');
font-weight: normal;
font-style: italic;
}

/* ########## REMISE A 0 ########## */

* {
margin : 0px;
padding : 0px;
}

html {
min-height: 100%;
height: auto;
height: 100%;
overflow:-moz-scrollbars-vertical;
}

a {
text-decoration : underline;
border : 0px;
outline:none;
color : #414141;
}

a:hover {
color : #0067ac;
}

a img, img {
border : 0px;
/* margin-bottom : -3px;*/
}

li, blockquote {
margin-left : 20px;
}

fieldset {
border : 0px;
}

table {
border-collapse : collapse;
}

button {
font-family : arial, sans-serif;
}

/* ########## STYLES ########## */

.BOUTON-DECOUVRIR {
display : inline-block;
width : 75px;
height : 30px;
line-height : 30px;
padding-left : 11px;
padding-right : 20px;
background : url('../button-decouvrir.png');
font-weight : bold;
color : white !important;
text-shadow : 1px 1px 1px black;
text-decoration : none;
text-align : center;
float : right;
}

/* ########## BODY ########## */

body {
font-family : arial, sans-serif;
font-size : 9pt;
color : #414141;
height: 100%;
}

body#migc {
text-align : center;
background : url('../background.png');
}

div#global {
position : relative;
min-height : 100%;
background : url('../global-background.png') repeat-x top left;
}

/* ########## CONTENT - FOOTER - PAGE ########## */

div#content {
position : relative;
width : 995px;
margin : 0px auto 0px auto;
}

div#page {
width : 995px;
height : auto;
text-align : left;
position : relative;
margin : 0px auto 0px auto;
}

div#footer {
width : 100%;
height : 62px;
}

/* ########## HEADER ZONE ########## */

div#header_zone {
width : 995px;
height : 411px;
position : relative;
z-index : 3;
}

div#logo {
width : 277px;
height : 170px;
position : absolute;
top : 0px;
left : 0px;
z-index : 10;
}

div#banner {
width : 995px !important;
position : relative;
}

div#banner img {
position : absolute;
top : 0px;
left : -55px !important;
width: 1105px; 
height: 355px;
}

/* ########## MIN HEIGHT ########## */

div.minheight1 {
height: 400px;
width: 0px;
float : left;
font-size : 0px;
line-height : 0px;
}

div.minheight2 {
height: 100px;
width: 0px;
float : left;
font-size : 0px;
line-height : 0px;
}

div.clear {
clear: both;
font-size : 0px;
line-height : 0px;
height: 0px;
width: 0px;
}

/* ########## CENTER ZONE ########## */

div#center_zone {
margin : 0px auto 0px auto;
width : 960px;
position : relative;
z-index : 2;
}

div#left_content {
width : 725px;
float : left;
padding : 27px 0px 12px 0px;
}

div#right_content {
width : 205px;
float : right;
padding : 27px 0px 12px 0px;
}

.v2 div#left_content {
width : 580px;
}

.v2 div#right_content {
width : 350px;
}

div#banner_right {
margin-bottom : 15px;
}

div#banner_right img {
background : #f4f4f4;
padding : 5px;
border : 1px solid #b0b0b0;
box-shadow : 0px 0px 5px #b0b0b0;
}

/* ########## MAIN MENU ########## */

div#mainmenu {
position : relative;
z-index : 50;
margin-left : 277px;
width : 917px;
height : 54px;
clear : both;
font-family : "BitterRegular",Arial;
}

ul.sf-menu {
clear : both;
height : 54px;
}

ul.sf-menu li {
list-style : none;
margin : 0px;
float : left;
position : relative;
height : 54px;
}

ul.sf-menu li:hover {
color : white;
background : url('../mainmenu_on.png') no-repeat bottom center;
}

ul.sf-menu li:hover a {
color : white;
}

ul.sf-menu li a {
display : block;
font-size : 11pt;
line-height : 54px;
text-align : center;
color : #a5a5a5;
text-shadow : 1px 1px 1px #000000;
text-decoration : none;
padding : 0px 20px 0px 20px;
font-weight : normal;
white-space : nowrap;
}


ul.sf-menu li ul {
border : 0px;
background : url('../mainmenu_ul.png');
}

ul.sf-menu li li {
border-bottom : 1px dotted #868686;
height : 32px;
color : #b2b2b2;
}

ul.sf-menu li li a {
font-size : 9pt;
height : 32px;
line-height : 32px;
padding : 0px;
text-align : left;
padding : 0px 20px 0px 20px;
background : none;
color : #b2b2b2;
font-weight : normal;
}

ul.sf-menu li:hover ul li a {
color : #b2b2b2;
}

ul.sf-menu li:hover ul li a:hover {
color : #ffffff;
}

ul.sf-menu li:hover ul li:hover a {
color : #ffffff;
}

ul.sf-menu li:hover ul li:hover ul li a {
color : #414141;
}

ul.sf-menu li:hover ul li:hover ul li:hover a {
color : #ffffff;
}

ul.sf-menu li:hover ul li:hover ul li:hover ul li a {
color : #414141;
}

ul.sf-menu li:hover ul li:hover ul li:hover ul li a:hover {
color : #ffffff;
}

ul.sf-menu li li a:hover {
color : #ffffff;
}

ul.sf-menu li li:hover, ul.sf-menu li li.sfHover,
ul.sf-menu li li a:focus, ul.sf-menu li li a:hover, ul.sf-menu li li a:active {
background:	transparent;
outline: 0;
}

ul.sf-menu li a.migc_selitem,
ul.sf-menu li:hover a.migc_selitem  {
background : url('../mainmenu_on.png') no-repeat bottom center;
color : #ffffff;
}

ul.sf-menu li li a.migc_selitem,
ul.sf-menu li:hover ul li a.migc_selitem {
background:	transparent;
color : #ffffff;
}

ul.sf-menu li li li a.migc_selitem,
ul.sf-menu li:hover ul li li a.migc_selitem,
ul.sf-menu li:hover ul li:hover ul li a.migc_selitem,
ul.sf-menu li:hover ul li:hover ul li:hover ul li a.migc_selitem {
background:	transparent;
color : #ffffff;
}


/*** ESSENTIAL STYLES ***/

.sf-menu ul {
position : absolute;
top : -999em;
}

.sf-menu ul li {
width : 100%;
}

.sf-menu li:hover {
visibility : inherit; 
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left : 0;
top : 54px; 
z-index : 999;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top : -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left : 10em; 
top : -1px;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top : -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left : 10em; 
top : -1px;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 	25px;
min-width : 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
position:		absolute;
display:		block;
right:			7px;
top:			1.05em; /* IE6 only */
width:			10px;
height:			10px;
text-indent: 	-999em;
overflow:		hidden;
background:		url('../../index.html') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

.sf-menu li li a .sf-sub-indicator  {
top : 5px;
right : 5px;
}

.sf-menu li li li a .sf-sub-indicator  {
top : 5px;
right : 5px;
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
top:			.8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* ########## PARAGRAPHES ########## */

div.parag_content, div.form_content {
width : auto;
clear : both;
color : #808080;
padding : 10px 0px 10px 0px;
position : relative;
margin-bottom : 15px;
font-family : "trebuchet MS",Arial;
border-bottom : 1px dashed #858585;
padding-bottom : 15px;
}

div.parag_content a {
color : #67483c;
}

h1.parag_title {
width : auto;
font-size : 14pt;
color : #5a3718;
font-weight : bold;
margin-bottom : 10px;
font-family : "BitterRegular",Arial;
}

/* -------------------- ZONE DE TEXTES -------------------- */
div.parag_text_content {
width : auto;
margin-left : auto;
margin-right : auto;
font-size : 9pt;
line-height : 12pt;
word-spacing : 2px;
}

/* ------------   ZONE TEXT (PARAGRAPHE)  ------------- */
div.parag_text_content p {
margin : 0px;
}

/* -------------------- ZONE IMAGE / IMAGES HAUT, IMAGES BAS  -------------------- */
div.parag_images_bottom {
width : auto;
padding-top : 20px;
}

div.parag_images_bottom a img, div.parag_images_bottom img {

}

div.parag_images_top {
width : auto;
padding-bottom : 20px;
}

div.parag_images_top a img, div.parag_images_top img {

}

/* -------------------- ZONE IMAGE / IMAGES DROITE -------------------- */
div.parag_images_right {
width : auto;
height : auto;
float : right;
padding : 0px 0px 0px 15px;
}

div.parag_images_right a img, div.parag_images_right img {
display : block;
margin : 0px 0px 5px 0px;
}

/* -------------------- ZONE IMAGE / IMAGES GAUCHE -------------------- */
div.parag_images_left{
width : auto;
height : auto;
float : left;
padding: 0px 15px 0px 0px;
}

div.parag_images_left a img, div.parag_images_left img {
display : block;
margin : 0px 0px 5px 0px;
}

div.parag_content a, div.parag_content a img {
border : 0px;
}

div.parag_content a img, div.parag_content img {
background : #f4f4f4;
padding : 5px;
border : 1px solid #b0b0b0;
box-shadow : 0px 0px 5px #b0b0b0;
}

div.parag_content ul, div.parag_content ol {
padding : 10px 0px 5px 0px;
}

div.parag_content li, div.parag_content blockquote {
margin : 0px 0px 5px 20px;
}

div.parag_text_content img, div.parag_text_content a img {
padding : 5px;
}

/* ########## FOOTER ZONE ########## */

div#footer_zone {
width : 960px;
margin : 0px auto 0px auto;
height : 62px;
background : url('../footer-zone-background.png') no-repeat center top;
color : #a1a1a1;
font-family : "Trebuchet MS", Arial;
font-size : 10pt;
}

div#footer_zone a {
color : #a1a1a1;
}

div#copyright {
line-height : 62px;
float : left;
}

div#powered {
line-height : 62px;
float : right;
position : relative;
padding-right : 126px;
}

div#powered a {
width : 119px;
height : 15px;
display : block;
overflow : hidden;
text-indent : -1000px;
background : url('../bugiweb.png');
position : absolute;
top : 24px;
right : 0px;
}

/* ########## CONTACT FORM ########## */

#obl {
color :#a3642b;
margin-bottom : 10px;
display : block;
}

.form_label {
width : 135px;
text-align : right;
padding-right : 10px;
padding-bottom : 7px;
color : #595959;
vertical-align : top;
padding-top : 4px;
}

.form_label span {
color :#a3642b;
display : inline-block;
width : 12px;
}

.form_element {
padding-bottom : 7px;
}

.form_element input {
padding : 3px;
border : 1px solid #c2c2c2;
width : 400px;
color : #808080;
font-style : italic;
font-family : arial;
font-size : 9pt;
}

.form_element input.error {
border : 1px solid #a3642b;
}

.form_element textarea {
padding : 3px;
border : 1px solid #c2c2c2;
width : 400px;
height : 150px;
color : #808080;
font-style : italic;
font-family : arial;
font-size : 9pt;
}

.form_element textarea.error {
border : 1px solid #a3642b;
}

.form_button {
text-align : right;
padding-right : 26px;
}

.form_button button {
border : 0px;
display : inline-block;
width : 188px;
height : 30px;
line-height : 30px;
padding-left : 11px;
padding-right : 20px;
background : url('../button-send.png');
font-weight : bold;
color : white !important;
text-shadow : 1px 1px 1px black;
text-decoration : none;
text-align : center;
font-size : 9pt;
}

div.error {
display : none !important;
}

/* ########## MAISON - APPARTEMENT ########## */

div.maison {
width : 204px;
height : 90px;
background : url('../maison-background.png') no-repeat top left;
overflow : hidden;
margin-bottom : 2px;
position : relative;
}

div.maison:hover{
background : url('../maison-background.png') no-repeat bottom left;
}

.maison_content {
width : 71px;
height : 45px;
text-align : center;
padding : 4px 1px 1px 1px;
position : absolute;
top : 0px;
right : 0px;
color : white;
font-family : "BitterRegular",Arial;
font-size : 12pt;
text-shadow : 1px 1px 1px black;
z-index : 3;
}

.maison_content a {
color : white;
font-size : 9pt;
position : absolute;
top : 0px;
right : 0px;
width : 71px;
height : 25px;
display : block;
padding-left : 132px;
padding-right : 1px;
padding-top : 65px;
z-index : 4;
background: transparent;
}

.maison_status {
width : 131px;
height : 34px;
line-height : 34px;
text-align : center;
color : white;
background : url('../maison_status-background.png');
position : absolute;
top : 28px;
left : 0px;
z-index : 2;
font-weight : bold;
font-size : 12pt;
text-transform : uppercase;
}

.maison_pics img {
border : 1px solid #949494;
}

/* ########## DATA GALLERY ########## */

.gallery {
border-bottom : 0px !important;
margin-bottom : 0px !important;
padding-bottom : 0px !important;
}

.parag_gallery {
display : none;
}

div#container {
width: 725px;
height : 440px;
position : relative;
padding : 0px 0px 10px 0px;
border-bottom : 1px dotted #858585;
padding-bottom : 15px;
margin-bottom : 15px;
}

div.content {
/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
display: none;
float: right;
width: 498px;
border : 1px solid #aaaaaa;
background : #efefef;
}
div.content a, div.navigation a {
text-decoration: none;
color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
text-decoration: underline;
}
div.controls {
position : absolute;
bottom : 10px;
right : 68px;
}
div.controls a {
padding: 5px;
color : white;
}
div.ss-controls {
float: right;
}
div.nav-controls {
float: right;
}
div.slideshow-container {
position: relative;
clear: both;
height: 440px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
position: absolute;
top: 0;
left: 0;
background-image: url('../../index.html');
background-repeat: no-repeat;
background-position: center;
width: 440px;
height: 440px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
display: block;
position: absolute;
top: 0;
left: 0;
}
div.slideshow a.advance-link {
display: block;
height: 440px; /* This should be set to be at least the height of the largest image in the slideshow */
line-height: 440px; /* This should be set to be at least the height of the largest image in the slideshow */
text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
text-decoration: none;
}
div.slideshow img {
max-width:493px;
max-height:440px;
vertical-align: middle;
}
div.download {
float: right;
}
div.caption-container {
display : none;
position: absolute;
bottom : -50px;
left : 0px;
clear: left;
width : 600px;
height: 40px;
color : #868889;
}
span.image-caption {
display: block;
position: absolute;
width: 550px;
width:525px;
top: 0;
left: 0;
}
.multiple_gal span.image-caption {
width : 400px;
}
div.caption {
}
div.image-title {
}
div.image-desc {
display : none;
line-height: 1.3em;
padding-top: 12px;
}
div.navigation {
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
overflow : hidden !important;
}
ul.thumbs {
clear: both;
margin: 0;
padding: 0;
padding-top : 10px;
border : 1px solid #aaaaaa;
background : #efefef;
height : 430px;
}
ul.thumbs li {
float: left;
padding: 0;
margin: 0px 5px 5px 5px;
list-style: none;
}
a.thumb {
width:100px;
height:75px;
display: block;
overflow : hidden;
text-align : center;
background: #cccccc;
}
ul.thumbs li.selected a.thumb {
background: #cccccc;
}
a.thumb:focus {
outline: none;
}
ul.thumbs img {
border: none;
display: block;
max-height:75px;
margin : 0px auto 0px auto;
}
div.pagination {
clear: both;
}
div.navigation div.top {
margin-bottom: 12px;
height: 11px;
}
div.navigation div.bottom {
position : absolute;
bottom : 20px;
left : 10px;
}
.multiple_gal div.navigation div.bottom {
left : 205px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
width : 18px;
height : 18px;
text-align : center;
line-height : 18px;
float: left;
margin-right: 2px;
color : black;
background : white;
font-size : 8pt;
overflow : hidden;
}
div.pagination a:hover {
background-color: #5A3718;
text-decoration: none;
color : white;
}
div.pagination span.current {
font-weight: bold;
background-color: #5A3718;
border-color: #5A3718;
color: #ffffff;
}
div.pagination span.ellipsis {
border: none;
}
.multipage_next {
display : none !important;
}

.multipage_prev {
display : none !important;
}


.top.pagination {
display : none;
}

.prev {
width : 18px;
height : 18px;
text-indent : -1000px;
overflow : hidden;
display : block;
background : url('../../index.html');
padding : 0px !important;
float : left;
margin-right : 5px;
}

.next {
width : 18px;
height : 18px;
text-indent : -1000px;
overflow : hidden;
display : block;
background : url('../../index.html');
padding : 0px !important;
float : left;
margin-left : 5px;
}

a.play {
display : none;
}


/* ########## NYROMODAL ########## */

.nyroModalBg {
position: fixed;
overflow: hidden;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
background : url('../nyroModal/background.png');
opacity: 0.7;
z-index:10000;
}
.nmReposition {
position: absolute;
z-index:10001;
}
.nyroModalCloseButton {
top: -13px;
right: -13px;
width: 25px;
height: 25px;
text-indent: -9999em;
background: url(../nyroModal/close.png);
z-index : 10005;
}
.nyroModalTitle {
top: -26px;
left: 0;
margin: 0;
font-size: 1.1em;
color: #ddd;
}
.nyroModalCont {
position: absolute;
z-index:10002;
border: 4px solid #303030;
margin: 10px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius : 5px;
background : #fafafa;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#dfdfdf);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#dfdfdf)"; 
background-image: linear-gradient(bottom, #dfdfdf 0%, #fafafa 100%);
background-image: -o-linear-gradient(bottom, #dfdfdf 0%, #fafafa 100%);
background-image: -moz-linear-gradient(bottom, #dfdfdf 0%, #fafafa 100%);
background-image: -webkit-linear-gradient(bottom, #dfdfdf 0%, #fafafa 100%);
background-image: -ms-linear-gradient(bottom, #dfdfdf 0%, #fafafa 100%);
background-image: -webkit-gradient(linear,	left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #fafafa));
}
.nyroModalCont iframe {
width: 100%;
border : 0px;
}
.nyroModalError {
border: 4px solid red;
color: red;
width: 250px;
height: 250px;
}
.nyroModalError div {
min-width: 0;
min-height: 0;
padding: 10px;
}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
position: relative;
padding: 10px;
min-height: 250px;
min-width: 250px;
max-width: 1000px;
}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
position: relative;
overflow: hidden;
}
.nyroModalImage img {
vertical-align: top;
}
.nyroModalHidden {
left: -9999em;
top: -9999em;
}
.nyroModalLoad {
position: absolute;
z-index:10000;
width: 100px;
height: 100px;
background: #fff url(../nyroModal/ajaxLoader.gif) no-repeat center;
padding: 0;
}
.nyroModalPrev, .nyroModalNext {
outline: none;
position: absolute;
z-index:10003;
top: 0;
height: 60%;
width: 150px;
min-height: 50px;
max-height: 300px;
cursor: pointer;
text-indent: -9999em;
background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;
}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
height: 100%;
width: 40%;
max-height: none;
}
.nyroModalPrev {
left: 0;
}
.nyroModalPrev:hover {
background-image: url(../nyroModal/prev.gif);
}
.nyroModalNext {
right: 0;
background-position: right 20%;
}
.nyroModalNext:hover {
background-position: right 20%;
background-image: url(../nyroModal/next.gif);
}


/* ########## TOOLTIP ########## */

#tooltip {
clear : both;
position: absolute;
z-index: 99;
padding: 5px;
color : white;
max-width : 200px;
border : 0px;
margin : 0px auto 0px auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius : 5px;
background : #7496D3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7496D3, endColorstr=#6582B7);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7496D3, endColorstr=#6582B7)"; 
background-image: linear-gradient(bottom, #6582B7 0%, #7496D3 100%);
background-image: -o-linear-gradient(bottom, #6582B7 0%, #7496D3 100%);
background-image: -moz-linear-gradient(bottom, #6582B7 0%, #7496D3 100%);
background-image: -webkit-linear-gradient(bottom, #6582B7 0%, #7496D3 100%);
background-image: -ms-linear-gradient(bottom, #6582B7 0%, #7496D3 100%);
background-image: -webkit-gradient(linear,	left bottom, left top, color-stop(0, #6582B7), color-stop(1, #7496D3));
border : 1px solid #4F7397;
}

#tooltip h3, #tooltip div { font-size : 8pt;text-align:left;}