html, adress, 
blockquote, 
body, dd, div, 
dl, dt, fieldset, form, 
frame, frameset, 
h1, h2, h3, h4, h5, 
h6, noframes, ol, p, 
ul, hr, pre 			{ display: block }
li					{ display: list-item }
head					{ display: none }
table					{ display: table }
tr					{ display: table-row }
/*thead				{ display: table-head-group }*/
tbody				{ display: table-row-group }
tfoot					{ display: table-footer-group }
col					{ display: table-column }
colgroup				{ display: table-column-group }
td, th				{ display: table-cell }
caption				{ display: table-caption }
th					{ font-weight: bolder; text-align: center }
caption				{ text-align: center }
body					{ margin: 8px }
h1					{ font-size: 2em; margin: .67em 0 }
h2					{ font-size:1em; margin: 0 }
h3					{ font-size: 1.17em; margin: .83em 0 }
h4, p, blockquote, ul, 
fieldset, form, ol, dl,
h5					{ /*font-size: .83em;*/ margin: 1.5em 0 }
h6					{ font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4, h5,
h6, b, strong			{ font-weight: bolder }
blockquote			{ margin-left: 40px; margin-right: 40px }
i, cite, em, var, 
address				{ font-style: italic }
pre, tt, code, kbd, 
samp				{ font-family: monospace }
pre					{ white-space: pre }
button, textarea, 
input, select			{ display: inline-block }
big					{ font-size: 1.17em }
small, sub, sup		{ font-size: .83em }
sub					{ vertical-align: sub }
sup					{ vertical-align: super }
table					{ border-spacing: 2px }
thead, tbody, tfoot		{ vertical-align: middle }
td, th				{ /*vertical-align: top*/ }
del					{ text-decoration: line-through }
hr					{ border: 1px inset }
ol, ul, dd			{ margin-left: 40px }
ol					{ list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol	{ margin-top: 0; margin-bottom: 0 }
ins					{ text-decoration: underline }
br:before			{ content: "\A" }
:before, :after		{ white-space: pre-line }
:link, :visited		{ text-decoration: underline }
:focus				{ outline: none }


@media print {
	h1				{ page-break-before: always }
	h1, h2, h3,
	h4, h5, h6		{ page-break-after: avoid }
	ul, ol, dl		{ page-break-before: avoid }
}

body{
  background:url(../../images/bgLeft.gif) center top fixed no-repeat;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:100%;
  margin:0;
  padding:0;
  border:0;
}

*{
  outline:none;
  margin:0;
  padding:0;
}

a:link{
  text-decoration:none;
}

a:visited{
  text-decoration:none;
}

a:hover{
  text-decoration:none;
}

img, #interieur img{
  display:block;
  border:0;
}

#interieur div table tbody tr td img{
	max-width:350px;
}

.bordGris{
  padding:1px;
  border:1px solid #DDDDDD;
}

.bordGris a, .bordGris img{
  display:block;
}

#interieur .indent{
  text-indent:20px;
  text-align:justify;
  line-height:1.3;
  margin-right:40px;
}

.center{
  font-size:13px;
  text-align:center;
  margin:50px 0 0 0;
  padding:0;
}

.lienFleche{
  background:url(../../images/voir.gif) left no-repeat;
  line-height:18px;
  padding-left:25px;
  margin-left:3px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#330066;
}

.lienFleche:hover{
  background:url(../../images/voir.gif) 2px no-repeat;
}

.pointille{
  font-size:11px;
  color:#330066;
}

.pointille:hover{
  border-bottom:1px dotted #BFAED0;
}

.mail{
  background:url(../www/IMG/main2-small.gif) left no-repeat;
  padding-left:45px;
  padding-bottom:2px;
  line-height:15px;
  font-size:11px;
  font-weight:bold;
}

.mail:hover{
  background:url(../www/IMG/main2-small.gif) 2px no-repeat;
}

.separe{
  display:block;
  border-bottom:#CCCCCC 1px dashed;
  padding:10px 0;
  margin:0 20px 0 20px;
}

.paragraf{
  margin:20px 0 0 25px;
  font-size:12px;
}

.prix{
  font-size:11px;
  font-weight:bold;
  letter-spacing:1px;
  color:#FF6600;
  border:1px solid #FF9900;
  padding:2px 3px 3px 5px;
}

.spacer{
  height:25px;
  clear:both;
}
	
.drapeau{
  margin-left:63px;
  padding-top:10px;
}

.drapeau a:link, .drapeau a:visited, .drapeau a:hover, .drapeau a:active{
  line-height:22px;
}

.drapeau img{
  float:left;
  margin-right:5px;
  margin-top:4px;
}

#faq .indent{
  margin-right:20px;
}

h1{ 
  font-family:Arial, Helvetica, sans-serif;
  background:url(../../images/fondinterieur.gif) left top no-repeat;
  padding:30px 0 5px 15px;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:bold;
  color:#330066;
}

h3{ 
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
  color:#330066;
  margin:20px 20px 0 32px;
  padding-left:20px;
  padding-bottom:2px;
  background:url(../images/voir2.gif) left no-repeat;
  border-bottom:1px solid #ddd;
}

.lienFleche1{
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
  color:#330066;
  margin:20px 20px 0 32px;
  padding-left:20px;
  padding-bottom:2px;
  background:url(../images/voir2.gif) left no-repeat;
  border-bottom:1px solid #ddd;
}

.lienFleche1 a:link, .lienFleche1 a:visited, .lienFleche1 a:hover{
  color:#330066;
  display:inline !important;
}

.lienFleche2{ 
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  letter-spacing:1px;
  color:#330066;
  margin:20px 20px 0 32px;
  padding-left:17px;
  padding-bottom:1px;
  background:url(../images/voir3.gif) left no-repeat;
  border-bottom:1px solid #ddd;
}

.lienFleche2 a:link, .lienFleche2 a:visited, .lienFleche2 a:hover{
  color:#330066;
}

h4{ 
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  letter-spacing:1px;
  color:#330066;
  margin:20px 20px 0 32px;
  padding-left:17px;
  padding-bottom:1px;
  background:url(../images/voir3.gif) left no-repeat;
  border-bottom:1px solid #ddd;
}

h4 a:link, h4 a:visited,ha a:hover {
  color:#330066;
}
 
.clear{
  clear:both;
}

label{
  font-size:12px;
  display:block;
  width:160px;
  float:left;
  padding-top:3px;
}

form{
  font-size:12px;
}

.bouton{
  background:url(../../images/backli.gif) top left no-repeat;
  border:1px solid #BFAED0;
  line-height:15px;
  padding:1px 5px 0 5px;
  margin:0;
  color:#330066;
  cursor:pointer;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  font-weight:bold;
}

.bouton:hover{
  background:#FFFFFF;
}

.champ {
  font-size: 16px;
}

.text{
  height:21px;
  padding:1px 0 0 1px;
}

textarea {
  font-size:14px;
  overflow:auto;
}

select {
  font-size:13px;
}

#gauche .petit, #interieur .petit, .petit, .petit a:link, .petit a:visited{
  font-size:11px;
  font-weight:normal;
  color:#888888;
}

.petit a:hover{
  color:#330066;
}

.petitAccueil, .petitAccueil a:link, .petitAccueil a:visited{
  font-size:11px;
  font-weight:normal;
  color:#330066;
}

.petitAccueil a:hover{
  color:#330066;
  border-bottom:1px dotted #BFAED0;
}


#accueilKiSign a:link, #accueilKiSign a:visited{
  width:260px; 
  height:210px; 
  background:url(../../images/univers-ki-sign.gif) left bottom no-repeat;
  display:block;
} 

#accueilKiSign a:hover{ 
  background:url(../../images/univers-ki-sign.gif) right bottom no-repeat;
}

#accueilBoutique a:link, #accueilBoutique a:visited{
  width:260px; 
  height:210px; 
  background:url(../../images/boutique-accueil.gif) center -190px no-repeat;
  display:block;
} 

#accueilBoutique a:hover{
  background:url(../../images/boutique-accueil.gif) center 10px no-repeat;
}

#accueilJeu a:link, #accueilJeu a:visited{
  width:260px; 
  height:210px; 
  background:url(../../images/jeu-accueil.gif) center -190px no-repeat;
  display:block;
} 

#accueilJeu a:hover{
  background:url(../../images/jeu-accueil.gif) center 10px no-repeat;
}

.cachediv{
  overflow:hidden;
  height:164px;
}

.creationsAccueil{
  margin:0 0 0 30px;
  padding:10px 0 0 0;
  position:relative;
  z-index:5;
}

.creationsAccueil img{
  width:200px;
}

#conteneur{
  position:absolute;
  left:50%;
  margin-left:-390px;
  width:780px;
  background:#FFFFFF;
}

.menuRapide{
  width:100%;
  text-align:center;
  height:21px;
  background:#000000;
  color:#666666;
}

.menuRapide a:link{
  font-size:0.7em;
  color:#888888;
  padding-bottom:2px;
  margin:0 3px;
}

.menuRapide a:visited{
  font-size:0.7em;
  color:#888888;
  margin:0 3px;
}

.menuRapide a:hover{
  border-bottom:1px dotted #555555;
  color:#aaaaaa;
}

.menuRapide2{
  width:100%;
  text-align:center;
  height:21px;
  line-height:19px;
  background:#000000;
  color:#666666;
  font-size:0.6em;
}

.menuRleft{
  float:left;
  margin-left:10px;
}

.menuRright{
  float:right;
  margin-right:40px;
}

.menuRapide2 a:link{
  color:#888888;
  padding-bottom:2px;
  margin:0 1px;
}

.menuRapide2 a:visited{
  color:#888888;
  margin:0 1px;
}

.menuRapide2 a:hover{
  border-bottom:1px dotted #555555;
  color:#aaaaaa;
}

#header{
  height:155px;
  background:url(../../images/bandeau/bandeau_ki-sign.jpg) top no-repeat;
}

#identification{
  margin:0 6px 1px 0;
  text-align:right;
  font-size:11px;
  /*border-bottom:#DDDDDD 1px dashed;*/
}

#identification a:link{
  text-decoration:none;
}

#identification a:hover{
  text-decoration:underline;
}

#menu ul{
  list-style:none;
  text-align:center;
  margin:0 0 0 70px;
  padding:0;
}

#menu{
  clear:both;
  font-weight:bold;
  font-family:Arial;
  font-size:78%;
  letter-spacing:1px;
  background:url(../../images/menu-bg.gif) top left repeat-x;
  width:780px;
  height:36px;
}

#menu a{
  display:block;
  color:#000000;
}

#menu li{ 
  float:left; 
}

#menu li ul{ 
  position:absolute;
  width:150px;
  height:auto;
  left:-999em;
  text-align:left;
  letter-spacing:0;
  border-left:1px solid #DDDDDD;
  margin:0;
  padding:0;
  z-index:99;
}

#menu .niveau1 a{
  background:url(../../images/menu-bg.gif) top left repeat-x;
  line-height:36px;
  padding:0 25px 0 25px;
}

#menu .niveau1 a:hover{
  color: #000;
  background:url(../../images/menu-bg.gif) bottom left repeat-x;
}

#menu .current a{
  background:url(../../images/current-bg.gif) top left repeat-x;
  border-left:1px solid #000000;
  border-right:1px solid #000000;
  line-height:36px;
  padding:0 25px 0 25px;
}

#menu .current li a{
  border-bottom:1px solid #DDDDDD;
  border-left:0;
  border-right:0;
}

#menu .niveau2 a{
  background:url(../../images/backli.gif) top left no-repeat #FFFFFF;
  width:150px;
  line-height:25px;
  font-size:0.9em;
  border-bottom:1px solid #DDDDDD;
  margin:0;
  padding:0 0 0 15px;
}

#menu .niveau2 a:hover{
  color:#000;
  background:url(../../images/backli.gif) bottom left no-repeat #FFFFFF;
}

#menu li:hover ul ul, #menu li.sfhover ul ul{
  left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul{
  left: auto;
  min-height: 0;
}

#underMenu{
  clear:both;
  height:12px;
  background:url(../../images/underMenu.gif) top left no-repeat;
}

#gauche{
  float:left;
  width:180px;
}

#gauche p{
  padding:0 0 3px 0;
  margin:0 0 3px 10px;
  font-size:0.75em;
}

#menuGauche{
  margin-bottom:10px;
}

.nomCategorieMenu{
  background:url(../../images/frise01.gif) 1px -17px no-repeat;
  display:block;
  line-height:20px;
  padding:1px 0 0 9px;
  letter-spacing:1px;
  margin-left:1px;
  font-weight:bold;
  font-size:0.75em;
  font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  color:#000000;
}

.nomCategorieMenuActive{
  background:url(../../images/frise01.gif) 1px 2px no-repeat;
  display:block;
  line-height:20px;
  padding:1px 0 0 9px;
  margin-left:1px;
  letter-spacing:1px;
  font-weight:bold;
  font-size:0.75em;
  font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  color:#000000;
}

.nomCategorieMenu:hover{
  background:url(../../images/frise01.gif) 1px 2px no-repeat;
  color:#000000;
}

.nomCategorieSousMenu{
  background:url(../../images/puceSousMenu.gif) 1px -10px no-repeat;
  display:block;
  line-height:18px;
  margin-right:15px;
  padding-left:10px;
  text-transform:lowercase;
  font-size:0.75em;
  color:#330066;
}

.nomCategorieSousMenu:hover{
  background:url(../../images/puceSousMenu.gif) 1px 2px no-repeat;
  padding-left:10px;
  color:#330066;
}

#titreMenu2{
  background:url(../../images/menu.gif) no-repeat;   
  margin-left:5px;
  width:137px;
  line-height:55px;   
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
  color:#330066;
}

.caddie p{
  margin-left:5px;
}

#titreMenu3{
  background:url(../../images/menu2.gif) no-repeat;   
  margin-top:10px;
  margin-left:5px;
  width:137px;
  line-height:55px;   
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
  color:#330066;
}

.bordureNews{
  background:url(../../images/bordure.gif) bottom right no-repeat;
  width:146px; 
  height:570px; 
  display:block;
}

#interieur{
  width:585px;
  float:right;
  margin-right:5px;
  overflow:hidden;
}

#interieur p{
  font-size:12px;
  margin:0 20px 0 52px;
  padding:10px 0 5px 0;
}

#interieur ul{
  font-size:12px;
  margin:0 20px 0 60px;
  padding-top:10px;
  padding-bottom:5px;
}

#interieur li{
  list-style:none;
  background:url(../../images/puce.gif) left no-repeat;
  margin-bottom:5px;
  padding-left:20px;
}

#infoProduit{
  float:left;
  width:250px;
  margin:10px 3px 0 30px;
  padding:0 0 10px 0;
}

#infoProduit p{
  margin:0 0 10px 0;
  padding:0px;
}

#interieur a:link{
  color:#330066;
}

#interieur a:visited{
  color:#330066;
}

#interieur a:hover{
  color:#330066;
}

#creationJeu{
  padding-top:10px;
  margin-left:5px;
}

#creationJeu td{
  width:285px;
  padding:20px 0 20px 0;
}

#creationJeu img{
  margin-left:30px;
}

.pageActive{
  background:url(../../images/backli.gif) center left no-repeat;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  border:1px solid #BFAED0;
  display:block;
  float:left;
  width:20px;
  line-height:20px;
  margin-right:5px;
}

.page{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  border:1px dotted #DDD;
  display:block;
  float:left;
  width:20px;
  line-height:20px;
  margin-right:5px;
}

.page:visited{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  border:1px dotted #DDD;
  display:block;
  float:left;
  width:20px;
  line-height:20px;
  margin-right:5px;
}

.page:hover{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  border:1px solid #DDD;
  display:block;
  float:left;
  width:20px;
  line-height:20px;
  margin-right:5px;
}

.flechePage{
  height:29px;
  float:right;
  margin-right:12px;
  text-align:center;
}

.lienCat{
  display:block;
  width:100%;
  height:100px;
  margin-top:60px;
}

.magasin{
  width:45%;
  float:left;
  margin-right:20px;
}

.cellProduitImage{
  float:right;
  width:10px;
  height:200px;
  background:url(../../images/ombreCell.gif) no-repeat;
}

.cellProduit{
  background:url(../../images/ombreCell-bas.gif) bottom left no-repeat ;
  margin-bottom:15px;
  padding-bottom:17px;
  text-align:center;
  width:185px;
}

.cellProduit h3{
  font-size:10px; 
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  margin:0;
  padding:0;
  background:none;
  border:0;
}

.cellProduit p{
  margin:0 11px;
  padding:2px 10px;
}

#titreCell{
  width:166px;
  margin-left:10px;
  background:url(../../images/round.gif) top left no-repeat #000000;
}

#titreCell H2{
  margin:0 12px;
}

.titreCellule{
  width:166px;
  margin-left:10px;
  background:url(../../images/round.gif) top left no-repeat #000000;
  text-align:center;
  padding:3px 0;
}

.titreCellule a:link h2, .titreCellule a:visited h2, .titreCellule a:hover h2{
  display:block;
  font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  font-size:0.7em;
  font-weight:bold;
  margin:0 9px 0 8px;
  color:#FFF;
}

.titreCellule h2{
  display:block;
  font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  font-size:0.7em;
  font-weight:bold;
  margin:0 9px 0 8px;
  color:#FFF;
}

.lienCell{
  color:#FFF;
}

.produitRef{
  margin:0 10px 5px 10px;
  padding:2px 0;
  font-size:0.6em;
  border-bottom:1px dashed #CCC;
}
 
.descrCourt p{
  margin:0 !important;
  padding:0 !important;
}

.descrCourt span{
  color:#FF6600;
  font:inherit;
}

#descrLong{
  font-size:12px;
  margin:0 30px 0 30px;
}

#descrLong p{
  margin:0;
  padding:10px 0 10px 0;
}

.photo{
  float:left;
  width:122px;
  height:160px;
  overflow:hidden;
  margin:10px 15px 0 8px;
  padding:0 0 10px 0;
  background:url(../images/photo.gif) top left no-repeat;
}

.ligne{
  display:block;
  overflow:hidden;
  height:100px;
  width:100px;
  margin:11px 11px 23px 11px;  
}

.lienAlbum{
  padding-top:10px;
  float:left;
  width:70%;
  font-size:0.7em;
  color:#666;
}

.lienAlbum a:link, .lienAlbum a:visited{
  text-decoration:none;
  font-weight:bold;
  color:#330066;
}

.lienAlbum a:hover{
  border-bottom:1px dotted #BFAED0;
}

.photo tr,td,img{
  padding:0;
}

#fichesTech div ul li a:link{
  text-decoration:none;
  color:#330066;
}

#fichesTech div ul li a:visited{
  text-decoration:none;
}

#fichesTech div ul li a:hover{
  border-bottom:1px dotted #BFAED0;
}

.commandCouleurs{
  float:left;
  font-size:11px;
  margin:0 0 5px 33px;
  line-height:18px;
  width:140px;
}

.commandCouleurs img{
  margin-right:5px;
  float:left;
}

.commandCouleursCusto{
  float:left;
  font-size:11px;
  line-height:20px;
  width:173px;
  height:28px;
}

.commandCouleursCusto img{
  width:18px;  
}

.o{
  float:left;
  height:18px;
  margin-right:2px;
  display:block;
  border:1px solid #DDD;
  padding:1px;
}

.commandPochettes{
  float:left;
  font-size:12px;
  margin:0 0 20px 35px;
  width:200px;
}

.commandPochettes h4{
  margin:3px 47px 2px 47px;
}

.commandPochettes .poch{
  margin:1px 3px 0 0;
  float:left;
  height:50px;
}

.commandPochettes #couleurs{
  margin:5px 5px 5px 3px;
}

#couleurs{
  margin-right:5px;
  vertical-align:middle;
}

#facebox .b {
  background:url(../photos/facebox/b.png);
}

#facebox .tl {
  background:url(../photos/facebox/tl.png);
}

#facebox .tr {
  background:url(../photos/facebox/tr.png);
}

#facebox .bl {
  background:url(../photos/facebox/bl.png);
}

#facebox .br {
  background:url(../photos/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: right;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .foot {
  padding-top:6px;
  width:66px;
  float:right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#imgFooter{
  clear:both;
  padding-top:10px;
  height:87px;
  background:url(../images/footer_ki-sign.gif) bottom no-repeat;
}

#footer{
  width:100%;
  padding-bottom:5px;
  text-align:center;
  color:#999999;
  font-size:10px;
  background:#000000;
}

#footer a:link{
  color:#999999;
  text-decoration:none;
}

#footer a:visited{
  color:#999999;
  text-decoration:none;
}

#footer a:hover{
  color:#cccccc;
  text-decoration:none;
}
/*
a[href="92"] {
background:url("../../images/nouveau.gif") no-repeat scroll 130px 3px transparent;
}

a[href="92"]:hover {
background:url("../../images/nouveau.gif") no-repeat scroll 130px -15px transparent;
}*/

#centreGauche{
	float:left;
	height:800px;
	width:150px;
	margin:10px 1px 5px 30px;
}

#centreDroite{
	float:left;
	margin-top:10px;
	margin-left:20px;
	width:520px;
}

#blocCusto{
	height:400px;
	width:150px;
	float:left;
	margin-bottom:2px;
}

#blocTattoo{
	height:400px;
	width:150px;
	float:left;
	clear:both;
}

#blocNews{
	float:left;
	margin-bottom:20px;
	width:520px;
}

#blocAutres{
	float:left;
}

#blocNews img{
	max-width:500px;
	margin-left:30px;
}
