/* ****************** *
 * Kapsys Style Sheet
 * ****************** *
 * versions : 1.0
 * authors : Philong Tong, Michel Tissier 
 * email : 
 * website : www.kapsys.com
 * copyright kapsys 2008
 * ****************** */



 
html {
	background: #9fcded url(../../images/fr/fond_home.jpg) no-repeat top;
	padding: 0;
	margin: 0;
}

body {
	margin: 0px;
	padding: 0px;
	/*text-align: center;*/
	letter-spacing:-0.5px;
	color: #00284a;
	font-family:arial;	
}

img, ul, h1, h2, form {
	border:0;
	padding:0;
	margin:0;
}
/* pbm contour rouge ou bleu du grag and drop FF3 et ie7 */
a, a img, img {outline:none;}

a {text-decoration:none;}
a:link   {text-decoration:none;}
a:visited{text-decoration:none;}
a:hover  {text-decoration:none;}
a:active {text-decoration:none;}

#accessibility, #copyright {display:none;}

.textPurple{
	color:#b82f88;
}

.textBlack{
	color:#000;
}

/* ******************************************************************************* */
/*    CONTENT    ***************************************************************** */
/* ******************************************************************************* */
div#content {
	background: #9fcded url(../../images/fr/fond_home.jpg) no-repeat top;	
	border: 0px solid;
	position:relative;
	width:1000px;
	height:600px;	
	margin: 0 auto 0px auto;
	padding: 0 0 0 0;
	/*text-align: center;*/	
	/*border:1px yellow solid;*/
}

div#main {
	/*border:1px solid red;*/
	position:relative;
	width:750px;	
	margin: 0px auto 0px auto;	
}

h1 {display:none;}
.logo {
	width: 97px;
	height:124px;
	background-image:url(../../images/kapsys.gif);
	background-repeat:no-repeat;
	background-position:top left;
	position:absolute;
	top:20px;
	left:-110px;
	/*border: thin dotted #FF3333;*/
}
.logo a {
	visibility:visible;
	float:left;
	padding: 0px 24px 144px 24px;
	margin:-40px 0 0 0;
}
.kap10 {
	width: 97px;
	height: 120px;
	background-image:url(../../images/fr/kap10f.gif);
	_background-image:url(../../images/fr/kap10f.gif);
	background-repeat:no-repeat;
	background-position:top left;
	position:absolute;
	top:167px;
	left:185px;
}

/* ******************************************************************************* */
/*    LEARN & USE    ************************************************************* */
/* ******************************************************************************* */
.bloc_learn {
	position:absolute;
	width:200px;
	top:260px;
	/*border:1px red solid;*/
	left: 75px;	
}
.bloc_learn p.learn2 {margin:0; padding:0;} /* suppression de la marge <p> pour FF */
.learn1 span, 
.learn2 span, 
.learn3 span, 
.learn4 span,
.learn5 span,
.entree span {display:none;}

.learn1 {
	width:167px; 
	height:27px; 
	background-image:url(../../images/fr/home_gammeproduits.png); 
	_background-image:url(../../images/fr/learn.gif); 
	background-repeat:no-repeat; 
	background-position:top left;
	position:absolute;
	top:5px;
	left:10px;
}
.learn2 {
	width:150px; 
	height:50px; 
	background-image:url(../../images/fr/learn2.png); 
	_background-image:url(../../images/fr/learn2.gif); 
	background-repeat:no-repeat; 
	background-position:top left;
	position:absolute;
	top:39px;
	left:20px;
}
.learn3 {}
a.learn3 {
	position:absolute;
	top:100px;
	left:20px;
	display: block;
	width: 180px; 
	height: 20px; 
	background-image: url(../../images/fr/learn3.png);
	_background-image: url(../../images/fr/learn3.gif);
	background-repeat: no-repeat;
}
a.learn3:hover {
	background-image: url(../../images/fr/learn3_on.png);
	_background-image: url(../../images/fr/learn3_on.gif);
}
.learn4 {
	position:absolute;
	top:150px;
	left:20px;
	display: block;
	width: 165px; 
	height: 23px; 
	background-image: url(../../images/fr/learn4.png);
	_background-image: url(../../images/fr/learn4.gif);	
	background-repeat: no-repeat;
}
a.learn4:hover {
	background-image: url(../../images/fr/learn4_on.png);
	_background-image: url(../../images/fr/learn4_on.gif);
}
.learn5 {
	position:absolute;
	top:125px;
	left:20px;
	display: block;
	width: 155px; 
	height: 23px; 
	background-image: url(../../images/fr/learn5.png);
	_background-image: url(../../images/fr/learn5.gif);	
	background-repeat: no-repeat;
}
a.learn5:hover {
	background-image: url(../../images/fr/learn5_on.png);
	_background-image: url(../../images/fr/learn5_on.gif);
}


/* ******************************************************************************* */
/*    OPEN SHARE    ************************************************************** */
/* ******************************************************************************* */
.bloc_open {
	position:absolute;
	width:200px;
	top:200px;
	/*border:1px red solid;*/
	left: 290px;	
}
.bloc_open p.open2 {margin:0; padding:0;}
.open1 {
	position:absolute;
	top:14px;
	left:2px;
}
.open2 {
	position:relative;
	top:42px;
	left:10px;
}
.fleche_g {
	position:absolute;
	top:145px;
	left:10px;
}
.entree_cercle {
	position:absolute;
	top:105px;
	left:43px;
}
.fleche_d {
	position:absolute;
	top:145px;
	left:150px;
}
#cercle {
	width:159px;
	height:103px;
	position:absolute;
	top:100px;
	left:10px;
}
.entree {
	position:absolute;
	top:210px;
	left:30px;
	display: block;
	width: 116px; 
	height: 19px; 
	background-image: url(../../images/fr/entree.png);
	_background-image: url(../../images/fr/entree.gif);
	background-repeat: no-repeat;
}
a.entree:hover {
	background-image: url(../../images/fr/entree_on.png);
	_background-image: url(../../images/fr/entree_on.gif);
}
.open1 span,
.open2 span {display:none;}

.open1 {
	width:115px; 
	height:24px; 
	background-image:url(../../images/fr/open.png); 
	_background-image:url(../../images/fr/open.gif);	
	background-repeat:no-repeat; 
	background-position:top left;
}
.open2 {
	width:164px; 
	height:47px; 
	background-image:url(../../images/fr/open2.png); 
	_background-image:url(../../images/fr/open2.gif); 
	background-repeat:no-repeat; 
	background-position:top left;
}

/* ******************************************************************************* */
/*    EASY STORE    ************************************************************** */
/* ******************************************************************************* */
.bloc_easy {
	position:absolute;
	width:200px;
	top:260px;
	/*border:1px red solid;*/
	left: 510px;	
	z-index:1;
}
.bloc_easy p.easy2 {margin:0; padding:0;} 
.easy1 span,
.easy2 span,
.easy3 span {display:none;}

.easy1 {
	position:absolute;
	top:5px;
	left:10px;
	width:167px; 
	height:27px; 
	background-image:url(../../images/fr/easy.png); 
	_background-image:url(../../images/fr/easy.gif); 
	background-repeat:no-repeat; 
	background-position:top left;
}
.easy2 {
	position:absolute;
	top:42px;
	left:20px;
	width:161px; 
	height:54px; 
	background-image:url(../../images/fr/easy2.png); 
	_background-image:url(../../images/fr/easy2.gif); 
	background-repeat:no-repeat; 
	background-position:top left;
}
.easy3 {
	position:absolute;
	top:100px;
	left:20px;
	display: block;
	width: 130px; 
	height: 20px; 
	background-image:url(../../images/fr/easy3.png); 
	_background-image:url(../../images/fr/easy3.gif); 
	background-repeat: no-repeat;
}
a.easy3:hover {	
	background-image:url(../../images/fr/easy3_on.png); 
	_background-image:url(../../images/fr/easy3_on.gif); 
}


div.navNulFooter {
	position:absolute;
	width:99%;
	margin:0;
	padding:0;
	text-align:center;
	font:normal 10px arial;
	top:570px;
}
div.navNulFooter ul,
div.navNulFooter ul li {
	list-style-type: none;	
}
div.navNulFooter li {
	margin:0; padding:0;
	display:inline;	
}
div.navNulFooter ul li a {
	text-decoration:underline;
	color:#00284a;
	margin:0 1px 0 0;
	padding:0 10px 0 6px;
	border-right: 1px solid #00305A;
}
div.navNulFooter ul li.firstli a {/*°_°*/}
div.navNulFooter ul li.lastli a  {border-right:none;}

div.navNulFooter a {
	text-decoration:underline;
	color:#00284a;
	margin:0 8px 0 8px;
}

/**************************************************************************
                LIGHTBOXFORM
***************************************************************************/
div#lightBoxForm {
	clear:both;
	width:484px;	
	margin: 3px auto 5px auto;
	padding:0;
}

div.lightBoxForm_top {
	height:12px;	
	font:normal 1px arial;
	margin:0;
	padding:0;
	background: transparent url(../../images/fr/lightBoxForm_top.gif) top left no-repeat;
}

div.lightBoxForm_middle {
	border:0px dotted red;
	margin:0;
	padding:0;
	background: transparent url(../../images/fr/lightBoxForm_middle.gif) top left repeat-y;
}


div.lightBoxForm_bottom {
	height:20px;	
	font:normal 1px arial;
	margin:0;
	padding:0;
	background: transparent url(../../images/fr/lightBoxForm_bottom.gif) bottom left no-repeat;
}



/*
#esquerre_sign01 {
 	border:1px solid #FF3333;
 	position:absolute;
	left:699px;	
	top:26px;
    margin:0;
 	background-image:url(../../images/fr/home_plane.gif);
    background-position:top left;
    background-repeat:no-repeat;
}
#esquerre_sign02 {*/
  	/*border:1px solid #CC3333;
  	position:absolute;
	left:633px;	
	top:353px;
    margin:0;
 	background-image:url(../../images/fr/visitezkapten-biz.gif);
    background-position:top left;
    background-repeat:no-repeat;
}
#esquerre_sign01 a {
 	display:block;
	width:162px;
    height:123px;
} 
#esquerre_sign02 a {
	display:block;
	width:196px;
    height:331px;
}
#esquerre_sign01 span, 
#esquerre_sign02 span {display:none;}*/
/*#papillons, #whoofer, #etoiles, #bonsai, #telesiege, #danse, #bulles, #kapten {border:1px solid #FF3333;}*/
#papillons {
	position:absolute;
	top:19px;
	left:2px;
	width:200px;
	height:180px;
}
#whoofer {
	position:absolute;
	top:197px;
	left:459px;
	width:55px;
	height:100px;
}
#etoiles {
	position:absolute;
	top:244px;
	left:573px;
	width:250px;
	height:95px;
	z-index:0;
}
#bonsai {
	position:absolute;
	top:68px;
	left:353px;
	width:35px;
	height:40px;
}
#telesiege {
	position:absolute;
	top:91px;
	left:378px;
	width:230px;
	height:95px;
}
#danse {
	position:absolute;
	top:157px;
	left:431px;
	width:105px;
	height:45px;
}
#bulles {
	position:absolute;
	top:-56px;
	left:477px;
	width:200px;
	height:162px;
	z-index:0;
}
#kapten {
	position:absolute;
	top:335px;
	left:360px;
	width:650px;
	height:400px;
}
#distributeur {
	position:absolute;
	top:365px;
	left:515px;
	width:200px;
	height:200px;
	border:0px solid red;
}

#tovideo {
	position:absolute;
	top:259px;
	left:0px;
	z-index:9;
}
a.forgottenpass, .forgottenpass, .forgottenpass a {color: #00284a; text-decoration:none;}