@charset "utf-8";
html { overflow:hidden; }

a {outline:none; }

body {
    color:#999999;
    background:#333333;
    padding:0;
    margin:0;
    overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
}

#base {
	background-color:#ffffff;
	background-image:url(../visual/bgtop.png);
	background-position:top;
	background-repeat:repeat-x;
	padding:0px;
	border:0px;
	margin:-196px 0 0 0;
	position:absolute;
	top:50%;
	left:auto;
	width:100%;
	height:420px;
	z-index: 1;
}

#content {
   text-align:center;
   vertical-align:middle;	
   margin:0px auto;
   padding-top:-30px;
   width:760px;
   height:450px;
   visibility:visible;
}

#main {
	display:block;
	position:absolute;
	text-align:center;
	width:760px;
	height:540px;
	z-index:80;
	overflow:hidden;
	visibility:visible;
	top:-80px;
}

#footer {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
	color: #cccccc;
	width:758px;
	height:10px;
	z-index:210;
	text-align:right;
	left:0px;
	top:421px;
}

/* links */
a.addl:link {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    text-decoration:none;
	color:#cccccc;
}

a.addl:visited {
    text-decoration:none;
    color:#cccccc;
}

a.addl:hover {
    text-decoration:none;
    color:#ff6600;
}

a.addl:active {
    text-decoration:none;
    color:#cccccc;
}

a.ref:link {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    text-decoration:none;
	color:#000000;
}

a.ref:visited {
    text-decoration:none;
    color:#000000;
}

a.ref:active {
    text-decoration:none;
    color:#000000;
}
#labeltop {
	position:absolute;
	width:425px;
	height:155px;
	margin:0px;
	padding:0px;
	text-align:right;
	background-image:url(../visual/labeltop.png);
	background-repeat:no-repeat;
	z-index:180;
	top: 30px;
	left: 335px;
	visibility: visible;
}
#labelbottom {
	position:absolute;
	width:410px;
	height:80px;
	margin:0px;
	padding:0px;
	text-align:left;
	background-image:url(../visual/labelbottom.png);
	background-repeat:no-repeat;
	z-index:100;
	top: 450px;
	left: 0px;
	visibility: visible;
}
#nav01 {
	display:block;
	position:absolute;
	width:100px;
	height:30px;
	z-index:102;
	text-align:left;
	top: 285px;
	left: 295px;
	border-left:1px solid;
	border-left-color:#CCCCCC;
	background-image:url(../visual/agence.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	z-index:300;
	visibility: visible;
}
#nav02 {
	position:absolute;
	width:120px;
	height:30px;
	z-index:103;
	text-align:left;
	top: 285px;
	left: 399px;
	border-left:1px solid;
	border-left-color:#CCCCCC;
	background-image:url(../visual/produits.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	z-index:300;
	visibility: visible;
}
#nav03 {
    display:block;
	position:absolute;
	width:122px;
	height:30px;
	text-align:left;
	z-index:104;
	top: 285px;
	left: 523px;
	border-left:1px solid;
	border-left-color:#CCCCCC;
	background-image:url(../visual/contacts.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	z-index:300;
	visibility: visible;
}
#blink {
	position:absolute;
	width:40px;
	height:30px;
	z-index:105;
	text-align:left;
	top: 285px;
	left: 251px;
	background-image:url(../visual/blink.gif);
	background-repeat:no-repeat;
	visibility: visible;
}
#hintstart {
	position:absolute;
	width:335px;
	height:393px;
	z-index:130;
	text-align:left;
	background-image:url(../visual/hintstart.png);
	background-repeat:no-repeat;
	top: 89px;
	left: 0px;
	cursor:pointer;
	visibility:visible;
}
#login {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	position:absolute;
	width:355px;
	height:20px;
	z-index:200;
	left: 15px;
	top: 481px;
	visibility: visible;
}
form {  
   padding:0 0 0 0;
   width: 350px;
   height:16px;
   left:0px;
   float:left;
   text-align: left; 
} 
.label { 
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#ffffff;
   padding:3px 2px 4px 6px;
   width: 70px;
   height:14px;
   text-align: left; 
} 
.user {
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#333333;
   background-color:#FFFFFF;
   top:0px;
   left:0px;
   border: 1px solid #333333; 
   padding:2px 0 2px 2px;
   width: 60px; 
   height:12px;
   text-align: left;
} 
.pass {
   font-family:Arial, Helvetica, sans-serif;
   font-size:9px;
   color:#333333;
   background-color:#FFFFFF;
   top:0px;
   border: 1px solid #333333;  
   padding:2px 0 2px 2px;
   width: 60px;
   height:12px; 
   text-align: left;
}
.button {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffffff;
	position:absolute;
	width:28px;
	height:17px;
	border:0px;
	margin:1px 0 0 3px;
	padding-left:2px;
	padding-top:3px;
	z-index:200;
	top: 0px;
	left:343px;
	text-align:center;
	vertical-align:top;
	visibility: visible;
}
a.button {
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#ffffff;
	background-color:#f6921e;
	position:absolute;
	width:28px;
	height:17px;
	margin:1px 0 0 3px;
	padding-left:2px;
	padding-top:3px;
	z-index:200;
	top: 0px;
	left:340px;
	text-align:center;
	vertical-align:top;
	visibility: visible;
}
* .button:hover,* .button.hover {
	color:#00ff33;
	cursor:pointer;
}
#sticker {
	position:absolute;
	width:115px;
	height:300px;
	z-index:200;
	left: 645px;
	top: 158px;
	cursor:pointer;
	visibility: visible;
}
#ref {
	position:absolute;
	width:1px;
	height:1px;
	z-index:1;
	left: 50%;
	top: 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#333;
	visibility:hidden;
}
.ref a {
    color: #333;
	text-decoration:none;
}
.ref:visited {
    color: #333;
	text-decoration:none;
}

.ref:hover {
    color: #333;
	text-decoration:none;
}

.ref:active {
    color: #333;
	text-decoration:none;
}