/* Éléments de l'image du fond */
/****************************/
a{outline: none;}
a:link {
	color: #b2b2b2; text-decoration: none; outline:0;
}
hr { 
clear: both;
border: 0; /* enleve toute bordure */
border-bottom: 1px #e6e6e7 solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
padding-top:9px;
}

a:hover {
	color: #cc6699; text-decoration: none; outline:0;
}
a:visited {
	color: #b6b5b4; text-decoration: none; outline:0;
}
a:active {
	color: #b6b5b4; text-decoration: none; outline:0;
}
:focus{-moz-outline-style: none;}
html,body{width:100%;height:100%;overflow:hidden;font-family: Bookman Old Style; background-color:#6c6c6c; color: #616161; font-size: 12px;}

#holder{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#holder[id]{display:table}
#holder div{position:absolute;left:0;top:50%}
#holder[id] div{display:table-cell;vertical-align:middle;position:static}
#holder img{position:relative;top:-50%;margin:0 auto;display:block;-ms-interpolation-mode:bicubic;width:100%}
*:first-child+html #holder div{position:absolute}/*force IE 7 back to position:absoulte*/

#body{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;overflow:auto}

/* Éléments du menu de haut en bas */
/****************************/
body, td, th
{ font-family: Bookman Old Style; color: #838383; font-size: 12px; background-color:#6c6c6c;}
                #launch
                { font-family: Bookman Old Style}
                a#launch
                { text-decoration: none; color: #535353; }
                a#launch:HOVER
                { text-decoration: underline; color: #f90; }
				.ifM_header
				{ cursor: Move; }
				#overview a
				{ color: darkgreen; text-decoration: none; }
				#overview a:HOVER
				{ color: #f90; }
				.thepet
				{ height: 150px; vertical-align: top;}
				
.mypets{ /*header of 1st demo*/
cursor: pointer;
padding: 2px 6px;
width: 145px;
color: #000000;
background: transparent;
}
.mypets:hover{ /*header of 1st demo*/
cursor: pointer;
padding: 2px 6px;
width: 145px;
color: #e20e62;
}

h3 {
font-size: 12px;
font-weight: normal;
}


/* Éléments du menu de gauche à droite */
/****************************/
		        .jGM_box
                { width: 227px; height: 170px; background: #ffffff; margin: 0; padding: 0; overflow: hidden; }
				.jGM_box .ui-draggable
				{ width: 227px; height: 180px; background: transparent; margin: 0; padding: 0; overflow: hidden; top: -22px; }
				.ui-draggable
				{ width: 227px; height: 180px; background: transparent; margin: 0; padding: 0; overflow: hidden; top: -22px; }
				#jGM_box .ui-draggable
				{ width: 227px; height: 180px; background: transparent; margin: 0; padding: 0; overflow: hidden; top: -22px; }
                .jGM_header
                { position: absolute; top: 0; left: 0; height: 18px; width: 227px; background: #ffffff; color: black;
                  text-align: right; vertical-align: middle; line-height: 18px; cursor: move; display: none;}
                .jGM_header a
                { margin-right: 12px; text-decoration: none; color: black; cursor: pointer; }
                .jGM_header a:HOVER
                { color: #333; }
                .jGM_wrapper
                { position: absolute; top: 19px; left: 0; width: 2270px; height: 288px; margin: 0; padding: 0; border: 0; } /* overflow: hidden; */
                .jGM_tile
                { position: absolute; top: 0; left: 7px; width: 213px; height: auto; overflow: hidden; margin: 0; padding: 0; border: 0; display: block; }
                .jGM_cats
                { width: 100%; height: auto; vertical-align: middle; text-align: left; background-image:url('../images/arrow.gif'); background-position:left; background-repeat: no-repeat;}
                .jGM_cats h1
                { font-family: Bookman Old Style; font-size: 12px; margin: 0; padding-left: 10px; color: #cc6699; font-weight: normal; margin-bottom:2px; margin-top:5px;  }
                .jGM_cats p
                { font-family: Bookman Old Style; font-size: 12px; margin: 0; padding: 0; line-height: 1.2em; color: #737373; font-weight: normal; }
                .jGM_pager
                { height: 18px; width: 213px; line-height: 18px; margin: 0; border: 0; padding: 0; color: black; text-align: center; vertical-align: middle; display:none;}
                .jGM_pager a
                { text-decoration: none; color: black; font-weight: bold; text-decoration: none; display: block; }
                .jGM_pager a:HOVER
                { background: #ffffff; }
                .jGM_pager img
                { border: 0; margin: 6px 0; }
                .jGM_content
                { width: 213px; height: 150px; padding: 0; border: 0; }
                .jGM_content a
                { color: #737373; text-decoration:none; font-style:italic; height: 18px; width: 100%; display: block; line-height: 18px; padding: 0 0 0 10px; margin: 1px 0; border-bottom: 1px dotted white; border-top: 1px dotted white;  }
                .jGM_content a:HOVER
                { color: #e168a3; outline:0; }
				.jGM_content a:focus
                { color: #e168a3; outline:0; }
				.focus
                { color: #e168a3; outline:0; }
				.jGM_content a:active
                { color: #e168a3; outline:0; }
				.jGM_more a:HOVER
                { color: #e168a3; outline:0; }
				.jGM_more
				{  border-bottom: 1px dotted white; border-top: 1px dotted white; margin-top:-5px; outline:0;}
				.jGM_more a
				{  margin-top:-5px; outline:0;}
				.jGM_more:ACTIVE
				{  border-bottom: 1px dotted white; border-top: 1px dotted white; outline:0;}
				.jGM_more:HOVER
				{ background-image: url('../images/arrow2.gif'); background-repeat: no-repeat; background-position: 203px 50%; border-bottom: 1px dotted #cc6699; border-top: 1px dotted #cc6699; outline:0; }
                .jGM_back
                { border-bottom: 1px dotted #999999; border-top: 1px dotted #999999; position: absolute; top: 115px; height: 18px; width: 35px; color: #999999; line-height: 18px; vertical-align: middle; text-align: center; margin: 25px 0 0 12px; border: 0; z-index: 99; }
                .jGM_back a
                { border-bottom: 1px dotted #999999; padding-bottom: 1px;  border-top: 1px dotted #999999; height: 100%; color: #999999; width: 100%; font-style: italic; display: block; outline:0; }
                .jGM_back a:HOVER
                { color: #cc6699; border-bottom: 1px dotted #e168a3; border-top: 1px dotted #e168a3; }
                .jGM_reset
                { position: absolute; top: 255px; right: 62px; height: 18px; width: 52px; color: #999999; line-height: 18px;
                        vertical-align: middle; text-align: center; margin: 25px 0 0 0; padding: 0; border: 0; z-index: 99; }
                .jGM_reset a
                 { height: 100%; width: 100%; font-style: italic; display: block; color: #999999; }
                .jGM_reset a:HOVER
                { color: #cc6699; }
/* Éléments du contenu*/
/****************************/

/* (DIV) Container des éléments logo, ensemble*/
#web_container { 
     position:absolute; 
     left: 50%;  
     top: 50px; 
     width: 956px; 
     height: 594px; 
     margin-left: -478px; /* moitié de la largeur */ 
}
/* (DIV) Le logo Olotropp */
#web_logo {
	width: 156px;
	height: 32px;
	padding-bottom: 42px;
	margin-left: 0px;
	border: 0px;
	float:left;
	text-align: left;
}
/* (DIV) Le Container de l'ensemble*/
#web_ensemble {
	width: 956px;
	height: 478px;
	padding-bottom: 22px;
	margin: 0px;
	background: #ffffff;
	border: 0px;
	float:left;
	text-align: left;
}
/* (DIV) Le menu Olotropp */
#web_menu {
	width: 222px;
	height: 355px;
	padding-top: 58px;
	margin: 12px 0px 5px 20px;
	background: #ffffff;
	border: 0px;
	float: left;
	text-align: left;
}
/* (DIV) Le contenu Olotropo */
#web_content {
	width: 690px;
	height: 405px;
	padding: 0px;
	margin: 12px 5px 5px 0px;
	border: 0px;
	float: right;
	text-align: right;
}
#studio {
	width: 98px;
	height: 32px;
	padding-top: 34px;
	padding-right: 24px;
	float: right;
	color: #b5b5b4;
	border: 0px;
	text-align: right;
}
.Style1 {color: #000000;}
.Style2 {font-size: 10px;}