/* //////////////////////////////////////////// */
/* KATANA-SPORT CSS FILE */
/* Author : Macintroll 2010 */
/* //////////////////////////////////////////// */
.Btn_PayerCB {
	width:822px;
	height:200px;
	border:none;
	background: transparent url(../ktn_images/box_paiement_BPPC.jpg) no-repeat center center;
}
.Btn_PayerCB:hover {
	width:822px;
	height:200px;
	border:none;
	background: transparent url(../ktn_images/box_paiement_BPPC.jpg) no-repeat center center;
	cursor: pointer;
}

#nav li{
	z-index:999!important;
}

body {
	min-height: 1200px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#646d81;
	text-align: center;
	background: #fff url("../ktn_images/background.jpg") 50% 0 repeat-x;


	}

/* //////////////////////////////////////////// POSITIONS ELEMENTS */

div#global {			/* IE HACK */
	min-height: 100%;
	width: 995px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;

	}
html>body div#global {
	min-height: 100%;
	width: 990px;
	padding: 0 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;

	}

div#center {
	/* Pour éviter la superposition du pied de page et du contenu : */

	overflow: auto;
	padding-bottom: 10px;
	}

div#header {
	min-height:176px;
	}

div#footer {
	background:url("../ktn_images/bg_menu.jpg") repeat-x scroll 0 -14px #F0F0F0;
	border:1px solid #CCCCCC;
	display:block;
	height:80px;
	width:990px;
	}

div#content {
	display:block;
	float:right;
	margin-right:3px;
	min-height:900px;
	width:821px;
	z-index:0;
}

div#sidebar {			/* IE HACK */
	float: left;
	width: 155px;
	padding-left: 0px;
	z-index:9999;
	}
html>body div#sidebar {
	float: left;
	width: 160px;
	padding-left: 0px;

	}

div#navproduits {
	width: 155px;
	}

html>body div#navproduits {
	width: 160px;
	}

IMG{
	border : 0px;
	position: relative;
	z-index: 0;
	}

div#titreproduit {
	width: 160px;
	}

div#banner {
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	display:block;
	padding:2px;
	text-align:center;
	}

/* ///////////////////////////////////////////// NAVIGATION PRINCIPALE */

div#logo {
	float:left;
	width: 500px;
	height: 109px;
	display: block;
	}

div#pub {
	float:right;
	width: 485px;
	height: 100px;
	display: block;
}
div#mainnav {
	background:url("../ktn_images/bg_menu.jpg") repeat-x scroll 0 0 transparent;
	border:1px solid #CCCCCC;
	padding:0;
	margin:0;
	height:28px;
	width:985px;
	text-align:left;
	float:left;
	}
html>body div#mainnav {
	background:url("../ktn_images/bg_menu.jpg") repeat-x scroll 0 0 transparent;
	border:1px solid #CCCCCC;
	display:block;
	float:left;
	height:28px;
	padding:0;
	width:985px;
	}

div#navi {
	text-align:left;
	height:28px;
	}

html>body div#navi {
	display: block;
	width: 800px;
	height:28px;


	}
#navigation {
	text-align:left;
	list-style:none outside none;
	margin-top: 7px;
	padding: 0;
   }

#navigation li.navi {
    display: inline ;
	margin: 0px ;
	color: #fff ;
    }

#navigation li.navactive {
    display: inline ;
	margin: 0px ;
	color: #fff ;
    }

#navigation li.navi a {
    background:url("../ktn_images/bg_menu.jpg") repeat-x scroll 0 0 #FFF;
	border-right:1px solid #CCCCCC;
	color:#000;
	font:14px/1em Arial,Helvetica,sans-serif;
	text-shadow: 0px 0px 3px #666;
	height:29px;
	padding:6px 15px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
    }

#navigation li.navactive a {
	background:url("../ktn_images/bg_menu_activ.jpg") repeat-x scroll 0 0 #BC0000;
	border-right:1px solid #CCCCCC;
	color:#FFFFFF;
	font:14px/1em Arial,Helvetica,sans-serif;
	text-shadow: 0px 0px 3px #333;
	height:29px;
	padding:6px 15px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}

#navigation li.navi a:hover, #navigation li a:focus, #navigation li a:active {
    background:url("../ktn_images/bg_menu_activ.jpg") repeat-x scroll 0 0 #BC0000;
	border-right:1px solid #CCCCCC;
	color:#FFFFFF;
	font:14px/1em Arial,Helvetica,sans-serif;
	text-shadow: 0px 0px 3px #fff;
	height:29px;
	padding:6px 15px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
    }

#navigation li.panier  {
    background:url("../ktn_images/mini_panier.gif") no-repeat scroll 10px 4px #FFCC00;
	color:#FFFFFF;
	display:inline;
	margin:0px;
    }

#navigation li.panier a {
	background:url("../ktn_images/mini_panier.gif") no-repeat scroll 6px 4px #FFCC00;
    padding: 6px 6px 6px 30px ;
    color: #fff ;
    font: 14px Arial,Helvetica,sans-serif ;
    line-height: 1em ;
    text-align: center ;
    text-decoration: none ;
    text-transform: uppercase;
    }

#navigation li.panier a:hover, #panier li a:focus, #panier li a:active {
    text-decoration: none ;
    }

#navigation li.panier2  {
    background-color: #FFCC00;
	color:#000;
	font: 14px Arial,Helvetica,sans-serif ;
	display:inline;
	line-height: 1em ;
	margin:0px;
	padding: 6px 10px;
	text-align: center ;
    text-decoration: none ;
    }
div#panier {
 	background:url("../ktn_images/mini_panier.gif") no-repeat scroll 15px 4px transparent;
	border-left:1px solid #CCCCCC;
	float:right;
	padding-left:40px;
	padding-right:15px;
	padding-top:7px;
	text-align:left;
}
html>body div#panier {
 	background:url("../ktn_images/mini_panier.gif") no-repeat scroll 15px 4px transparent;
	border-left:1px solid #CCCCCC;
	display:block;
	float:right;
	height:21px;
	padding-left:40px;
	padding-right:15px;
	padding-top:7px;
	text-align:left;
}

.panier_tit a {
	font: 14px Arial,Helvetica,sans-serif ;
	color: #000;
    line-height: 1em ;
    text-decoration: none ;
    text-transform: uppercase;
    text-shadow: 0 0 3px #666666;
}
.panier_tit a:hover {
	font: 14px Arial,Helvetica,sans-serif ;
	color: #ff9933;
    line-height: 1em ;
    text-decoration: none ;
    text-transform: uppercase;
    text-shadow: 0 0 3px #ffcc00;
}

/* ///////////////////////////////////////////// CHAMP SEARCH */

div#search {
	display:block;
	height:15px;
	margin-top:1px;
	width:985px;
	}
html>body div#search {
	background:url("../ktn_images/bg_search.jpg") repeat-x scroll 0 0 #E4881B;
	border:1px solid #CCCCCC;
	display:block;
	float:left;
	height:28px;
	margin-top:1px;
	width:985px;
	}

.champssearch {							/* IE HACK */
	background:url("../ktn_images/mini_loupe.gif") no-repeat scroll 2px 2px #faefe5;
	border:1px solid #CCCCCC;
	color:#4D4D4D;
	height:12px;
	margin-left:2px;
	padding-left:30px;
	width:780px;
	}

html>body .champssearch {
	background:url("../ktn_images/mini_loupe.gif") no-repeat scroll 5px 2px #faefe5;
	border:1px solid #CCCCCC;
	color:#4D4D4D;
	height:auto;
	margin-left:2px;
	padding-left:30px;
	width:780px;
	}

.champssearch:hover, champssearch:focus {
	border-color:#c5c5c5;
	background:#fce5d0 url("../ktn_images/mini_loupe.gif") scroll no-repeat 5px 2px;
	}
.champs, input, textarea {
	BORDER-BOTTOM : #CCCCCC 1px solid;
	BORDER-LEFT : #CCCCCC 1px solid;
	BORDER-RIGHT : #CCCCCC 1px solid;
	BORDER-TOP : #CCCCCC 1px solid;
	font-family : Arial;
	COLOR : #4d4d4d;
	font-size:12px;
	line-height:1em;
	padding:4px 4px 4px 4px;
	background-color:#f6f6f6;
	}
.champs.default {
	color:#bbb;
	}
.champs:hover, champs:focus, input:hover, input:focus, textarea:hover, textarea:focus {
	border-color:#c5c5c5;
	background:#f1f0f0;
	}
.champtaille {
	max-width:400px;
	BORDER-BOTTOM : #CCCCCC 1px solid;
	BORDER-LEFT : #CCCCCC 1px solid;
	BORDER-RIGHT : #CCCCCC 1px solid;
	BORDER-TOP : #CCCCCC 1px solid;
	font-family : Arial;
	COLOR : #4d4d4d;
	font-size:12px;
	line-height:1em;
	padding:4px 4px 4px 4px;
	background-color:#f6f6f6;
}

/* ///////////////////////////////////////////// PAGINATION */

div#pagination {
	float: left;
	display:block;
	font-size:12px;
	margin:5px 0;
	padding:2px 0px;
	text-align:center;
	color: #999;
	width: 822px;
	}
	
div#pagination_bas {
	float: left;
	display:block;
	font-size:12px;
	padding:5px 0px;
	text-align:center;
	color: #999;
	width: 822px;
	border-top:1px solid #CCCCCC;
	}

.pageactuelle {
	background:url("../ktn_images/bg_menu.jpg") repeat scroll 0 -7px #EEEEEE;
	border:1px solid #CCCCCC;
	color:#BC0000;
	display:inline-block;
	margin:1px -1px;
	padding:2px 10px;
	}

.pageacliquer {
	display:inline-block;
	margin:1px -1px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:2px 10px;
	}

.pageacliquer:hover {
	background-color:#BC0000;
	color: #fff;
	}

/* ///////////////////////////////////////////// TYPE AFFICHAGE */
div#affiche_tri {
	border: 1px solid #ccc;
	float: left;
	display:block;
	font-size:12px;
	margin:5px 0;
	padding:2px 0px;
	text-align:center;
	color: #999;
	width: 819px;
	}

.vue_lignes {
	background:transparent url("../ktn_images/mini_lignes.gif") scroll no-repeat 1px 2px;
	border-right:1px solid #CCCCCC;
	border-left: 1px solid #cccccc;
	margin-left: 15px;
	padding:3px 10px 3px 20px;
	text-transform: uppercase;
}

.vue_grille {
	background:transparent url("../ktn_images/mini_grille.gif") no-repeat scroll 1px 2px;
	border-right:1px solid #CCCCCC;
	margin:-1px 180px -1px -1px;
	padding:3px 10px 3px 20px;
	text-transform:uppercase;
}


.champs_tri {
	border-color:#FFFFFF #FFFFFF #FFFFFF #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-style:solid;
	border-width:1px;
	color:#4D4D4D;
	font-family:Arial;
	font-size:10px;
	padding:3px 0 3px 10px;
	text-transform:uppercase;
	margin-left: 10px;
	}

/* ///////////////////////////////////////////// GRILLE PRODUIT */
div#grilleHome {
	border-left:1px solid #CCCCCC;
	display: block;
	float: left;
	height:400px;
}
div#grille {
	border-left:1px solid #CCCCCC;
	display: block;
	float: left;
}
div#ligne {
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	display:block;
	float:left;
	width:100%;
}
/* ///////////////////////////////////////////// LISTE PRODUIT */

div#aff_produit {
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #cccccc;
	display: block;
	float: left;
}


/* ///////////////////////////////////////////// TOP PRODUIT */

div#top_produit {
	margin-top:10px;
	display: block;
	color: #999;
	float: left;
	width: 822px; 
	}

div#ligne_Top_prod {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	width:100%;
	float: left;
	}

div#cell_Top_prod {
	display:block;
	float:left;
	padding:5px 6px 0 6px;
	border-bottom:1px solid #EFEFEF;
	border-left:1px solid #EFEFEF;
	}

div#img_Top_prod {
	display: block;
	}

div#Titre_Top_prod {
	display:block;
	/*float:left;*/
	font-size:10px;
	height:40px;
	text-align:center;
	vertical-align:middle;
	width:150px;

	}

div#prix_Top_prod {
	color:#bc0000;
	display:block;
	text-align:center;
	font-size: 18px;
	margin-bottom: 10px;
	}




/* ///////////////////////////////////////////// DETAIL PRODUIT GRILLE */
#demotip {
	display:none;
	background:transparent url(../ktn_images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}


div#box_grille {
	color: #999;
	text-align:center;
	width:272px;

	}

div#box_grille img:hover {
	background-color: #EFEFEF;
	}

div#box_grille_img {
	position: relative;
	min-height:272px;
	background: transparent url(../ktn_images/loading.gif) no-repeat center center;

	}


div#box_grille_img span.promo {
	background: url(../ktn_images/picto_promo.gif) no-repeat;
	width: 90px;
	height: 55px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
div#box_grille_img span.news {
	background: url(../ktn_images/picto_new.gif) no-repeat;
	width: 90px;
	height: 55px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

div#promo_or_new {
	float:left;
	}

div#box_grille_price {
	color:#bc0000;
	font-size:24px;
	margin-top:10px;
	text-align:center;
	}
div#box_grille_titre {
	font-size:10px;
	text-align:center;
	padding: 0 10px 20px 10px;
	}
div#box_grille_marque {
	font-size:12px;
	text-transform: uppercase;
	color: #272f41;
	}
div#box_grille_cat {
	background-color:#f3f2f2;
	border-bottom:1px solid #CCCCCC;
	color:#646D81;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:8px;
	text-decoration:none;
	text-shadow:0 0 3px #FFFFFF;
	}

/* /////////////////////////////////////////////////////////  FOOTER */

div#navi_footer {
    background:url("../ktn_images/bg_menu.jpg") repeat-x scroll 0 0 transparent;
	border-top:1px solid #CCCCCC;
	height:35px;
	list-style:none outside none;
	margin:0;
	padding:0;
	text-align:center;
    }

div#navi_footer li {
	display: inline ;
    margin-right: 1px ;
}
div#navi_footer li a {
    padding: 4px 20px ;
    border-right:1px solid #CCC ;
    font: 10px Arial,Helvetica,sans-serif ;
    line-height: 1em ;
    text-align: center ;
    text-decoration: none ;
    }

/* /////////////////////////////////////////////////////////  BUTTONS */
button {
	position: relative;
	border: 0;
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
	}

button span {
	position: relative;
	display: block;
	white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}
.button {						/* IE HACK */
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	background:url("../ktn_images/bg_search.jpg") repeat scroll 0 0 #F7941D;
	border-color:#F7941D;
	border-style:solid;
	border-width:2px 1px 1px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	line-height:1em;
	padding: 3px;
	text-transform:uppercase;
	cursor:hand;
	min-width: 100px;
}
html>body .button {
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	background:url("../ktn_images/bg_search.jpg") repeat scroll 0 0 #F7941D;
	border-color:#F7941D;
	border-style:solid;
	border-width:2px 1px 1px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	line-height:1em;
	padding:4px 20px;
	text-transform:uppercase;
	cursor:hand;
	min-width: 100px;
}


.button:hover, button:focus {
	background: none repeat scroll 0 0 #f26522;
}

.rolloverdetail a { display:block; width:127px; height:22px; border: 0; background: url("./ktn_images/btn_detail.gif")}
.rolloverdetail a:hover { background: url("./ktn_images/btn_detail_f2.gif")}

.rolloverpanier a { display:block; width:158px; height:22px; border: 0; background: url("./ktn_images/btn_commander.gif")}
.rolloverpanier a:hover { background: url("./ktn_images/btn_commander_f2.gif")}



/* //////////////////////////////////////////////////// utilisé pour les textes */

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}

p {

	padding-left: 10px;
	padding-right: 10px;

}
.txt{
	color : #646d81;
	font-size :12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.txtclair{
	color : #999999;
	font-size :12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.txt_pt{
	color : #646d81;
	font-size :10px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.txt_blanc{
	color : #FFF;
	font-size :12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
}
H1{
	-moz-border-radius:3px 3px 0 0;
	-khtml-border-radius:3px 3px 0 0;
	background:url("../ktn_images/bg_menu.jpg") repeat-x scroll 0 0 #F0F0F0;
	border:1px solid #CCCCCC;
	color:#000000;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	margin-bottom:5px;
	padding:8px 15px;
	text-decoration:none;
	text-shadow:0 0 3px #999999;
	margin-top:0;
}
H2{
	background-color:#F4F5F6;
	border:1px solid #CCCCCC;
	color:#3C475F;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	margin-bottom:5px;
	padding:5px 15px;
	text-decoration:none;
	text-shadow:0 0 2px #FFFFFF;
	margin-top:0;
}
H3{
	color : #646d81;
	font-size :18px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow: 0px 0px 3px #cccccc;
	margin:0px;
	padding:0px;
}
.titre{
	color : #646d81;
	font-size :14px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.big_prix{
	color : #bc0000;
	font-size :36px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.bigred{
	color : #CC0000;
	font-size :18px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.rouge{
	color : #d21414;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.orange{
	color : #bc0000;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-size :10px;
}
.bleu{
	color : #ffb533;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* ////////////////////////// FICHE COMMANDES */

.encours {
	background:url("../ktn_images/ico_cpt_encours.png") no-repeat scroll 0 0 transparent;
	padding-bottom:5px;
	padding-left:20px;
}

.payee {
	color : #0080FF;
	font-weight: bold;
	background:url("../ktn_images/ico_cpt_payee.png") no-repeat scroll 0 0 transparent;
	padding-bottom:5px;
	padding-left:20px;

}
.attente {
	color : #CC0000;
	font-weight: bold;
	background:url("../ktn_images/ico_cpt_attente.png") no-repeat scroll 0 0 transparent;
	padding-bottom:5px;
	padding-left:20px;
}

.annul {
	color : #333;
	background:url("../ktn_images/ico_cpt_annul.png") no-repeat scroll 0 0 transparent;
	padding-bottom:5px;
	padding-left:20px;

}
.expe {
	color :#008000;
	font-weight: bold;
	background:url("../ktn_images/ico_cpt_expe.png") no-repeat scroll 0 0 transparent;
	padding-bottom:5px;
	padding-left:20px;
}
.remarques{
	font-size: 10px;
	color: #666;
	margin-top:5px;
	padding:5px;
}
.infocado{
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	background:url("../ktn_images/ico_cpt_info.png") no-repeat scroll 3px 3px #fafbdf;
	padding:5px 25px 5px;
	border: 1px solid #ffcc66;
	color:#333;
}
.infostock{
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	background:url("../ktn_images/ico_cpt_stock.png") no-repeat scroll 3px 5px #fafbdf;
	padding:5px 25px 5px;
	border: 1px solid #ffcc66;
	color:#333;
}
.infoannul{
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	background:url("../ktn_images/ico_annul.png") no-repeat scroll 3px 5px #fafbdf;
	padding:5px 25px 5px;
	border: 1px solid #ffcc66;
	color:#333;
}
.infoerror{
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	background:url("../ktn_images/ico_error.png") no-repeat scroll 3px 5px #f4d0d0;
	padding:5px 25px 5px;
	border: 1px solid #ff0000;
	color:#990000;
}
.super_remise {
	background:url("../ktn_images/ico-club.png") no-repeat scroll 12px 4px transparent;
	/*color:#CC0000;*/
	display:inline-block;
	margin-bottom:5px;
	margin-top:2px;
	padding:5px 5px 5px 35px;
	text-align:left;
}

.informations {
-moz-border-radius:5px;
	-khtml-border-radius:5px;
	background:url("../ktn_images/ico_cpt_stock.png") no-repeat scroll 12px 4px #fafbdf;
	color:#ff6600;
	display:inline-block;
	margin-bottom:5px;
	margin-top:2px;
	padding:5px 5px 5px 35px;
	text-align:left;
	border: 1px solid #ffcc66;
	width:945px;
}


/* ////////////////////////// TYPO */

A{
	color : #3C475F;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12;
	text-decoration: none;
}

A:hover{
	color : #BC0000;
	font-size : 12;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.lien_pt{
	color : #646d81;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10;
	text-decoration: none;
}

.lien_pt:hover{
	color : #BC0000;
	font-size : 10;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.lien_footer{
	color : #808080;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10;
	font-weight:bold;
	text-decoration: none;
}

.lien_footer:hover{
	color : #BC0000;
	font-size : 10;
	font-weight:bold;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
}


.bouton{
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	BORDER-BOTTOM : #e4881b 1px solid;
	BORDER-LEFT : #e4881b 1px solid;
	BORDER-RIGHT : #e4881b 1px solid;
	BORDER-TOP : #e4881b 1px solid;
	font-family : Arial;
	COLOR : #FFF;
	background-color:#ff9933;
	font-size : 11px;
	font-weight: bold;
	cursor:hand;
	text-transform: uppercase;
}
.bouton:hover{
	background-color:#ff6600;
	}

.entete_tableau{
	COLOR : #FFFFFF;
	background: #d21414 url("../ktn_images/bg_tableau.jpg") 50% 0 repeat-x;
	font-size : 13px;
}
.footer_tableau{
	font-size : 13px;
	font-weight:bold;
	background-color:#e7e7e7;
}

/* NAVIGATION *************************************** */

#nav, #nav ul { /* all lists */

	padding: 0px;
	margin: 0px;
	list-style: none;
	float : left;
}

#nav li { /* all list items */

	position : relative;
	float : left;
}
#nav li ul { /* second-level lists */

	position : absolute;
	left: -999em;
	margin-left : 162px;
	margin-top : -33px;
	border-top : 1px solid #ccc;
	z-index:500;
}

html>body #nav li ul { /* second-level lists */

	position : absolute;
	left: -999em;
	margin-left : 163px;
	margin-top : -33px;
	border-top : 1px solid #ccc;
	z-index:500;
}

#nav li ul ul { /* third-and-above-level lists */

	left: -999em;
}

#nav li a {
	width: 160px;
	display : block;
	color : #646d81;
	font-weight : bold;
	text-decoration : none;
	background-color : white;
	border-bottom : 1px solid #ccc;
	padding : 8px 0 8px 8px;

}
html>body #nav li a {
	width: 155px;
	display : block;
	color : #646d81;
	font-weight : bold;
	text-decoration : none;
	background-color : white;
	border-bottom : 1px solid #ccc;
	padding : 8px 0 8px 8px;
}

#nav li a:hover {
	color : white;
	background-color : #bc0000;
	zoom:1;

}

#nav li ul a {
	border-bottom : 1px solid #ccc;
	border-left : 1px solid #ccc;
	border-right : 1px solid #ccc;
	zoom:1;
	z-index:999 !important;

}

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

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;
}

.zoom {
	float: left;
	position: relative;
	text-decoration: none;

}
.zoom img {
	border: none;
	z-index: 0;
}
.zoom .small {
	z-index: 0;
}
.zoom .big {
	display: none;
	z-index: 100;
	color: #646d81;
	background-color: #eee;
	padding: 0px;
	text-align: center;
}
.zoom:hover .big{
	position: absolute;
	display: block;
	top: -100px;
	left: -80px;
	cursor: pointer;
	z-index: 100;
}