html{
	background:#D1E456;
	width:100%;	
}
body {
	margin:0;
	margin-left: auto; 
	margin-right: auto; 
	width:809px; 
	/*margin: 0;  pour éviter les marges */ 
	text-align: center; /* pour corriger le bug de centrage IE */
	background-image:url(images/kromaton/sc_shadow.png);
}


#global{
	width:775px;
	margin-left: auto; 
	margin-right: auto;
}

#contenu{
	background-color:#F4F4F4;
	margin-left:220px;
	width: 540px !important;
	width: 540px;
	padding:10px 8px 10px 8px;
}


#contenu p, div{
	
	font-family: Arial,Helvetica,sans-serif;
	line-height: 140%;
	font-size: 12px;
	color: #333333;
}

a:link, a:visited{
	color: #0072b6;
	text-decoration: none;
	font-weight: bold;
}



 /* style des div principales*/


#container{
	text-align: left; /* on rétablit l'alignement normal du texte */		  
	width: 100%; 
	overflow: hidden; 
	background:url(images/kromaton/contentarea.jpg) repeat-y;	
}

#header {
	background:url(images/kromaton/sc_header.jpg);
	height:165px;
}

#colonneGauche a{
	color: #333333;
	font-family: Arial,Helvetica,sans-serif;
}

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

#colonneGauche a.lienActif{
	background-color:#C0D2EC;
}

#colonneGauche {
	width: 210px;
	float:left;
	background-color:#D4E3EA;
	
}

#colonneGauche .menu {	
	padding:5px;	
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 10px;
}

#colonneGauche ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#colonneGauche ul li.niveau2 {
  list-style-type:image;
	list-style-image:url(images/kromaton/nivInferieur.gif) ;
	list-style-position:inside;	
}


/*--------------------------------*/
/*-------------menus--------------*/
/*--------------------------------*/

#menuLateral .menu a, #menuLateral .menu a:link, #menuLateral .menu a:visited{
	display: block ;
	background: url(images/kromaton/sc_menu.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	font-size: 12px;
	background-color: transparent;
	font-weight: bold;
	color: #535657;
	font-family: Arial,Helvetica,sans-serif;
	text-transform: uppercase;
}

#menuLateral .menu a:hover{
	background-position:0 -22px;
	color: #a1ca2e;
	text-decoration: none;
	font-weight: bold;
}

#menuLateral .menu a.lienActif{
	color: #000000;
	background-position:0 -48px;
}
#menuLateral .menu a:active:hover{
	color: #333333;
}
#menuLateral .menu ul{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}


#menuOnglet ul{
	float:left;
	list-style:0;
	margin:0;
	padding:0;
}

#menuOnglet ul li{
	text-decoration:none;
	text-align:center;
	float:inherit;
	display:block;
}
#menuOnglet{
	width: 776px;
	height: 40px !important;
	height: 20px;
	background: url(images/kromaton/friseMenuTab.png) repeat-x;
	border-bottom:4px
}
#menuOnglet ul li.niveau1{
	width:139px;
	
}
#menuOnglet ul li.niveau1 a{
	background:url(images/kromaton/tab_normal.png);
	text-transform: uppercase;
	color:white;
	display:block;
	line-height:1,2em; 
	padding: 4px 0 ;
	margin:4px 4px 0 4px;
	
}
#menuOnglet ul li.niveau1 a:hover{
	background:url(images/kromaton/tab_active.png);
	color: #333333;
		
}
#menuOnglet ul li.niveau1 a.lienActif{
	background:url(images/kromaton/tab_active.png);
	color: #333333;
		
}


/*----footer----*/

#footer{
	margin:0 auto;
	width: 809px; 
	height: 100px;
	background: url(images/kromaton/sc_footer_bg.png) repeat-x;
	background-color:#D1E456;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top:7px;
}



#footer .menu{
	margin:0 auto;
	width: 450px;
	padding-top: 4px;
	height: 25px !important;
	height: 20px;
}
#footer .menu ul{
	float: inherit;
	list-style:0;
	padding:0;
	margin:0;
}
#footer .menu li{
	float:left;
	display:block;
	padding:0 10px;
}

#footer .menu li a{
	text-transform:uppercase;
	color:white;
	
}

#footer p#liens *, #footer p#liens{
	color:black;
	font-size:11px;
}

#footer p#copyright *, #footer p#copyright{
	color:black;
	
}

/*-------------------------------*/
/*---------fin menus-------------*/
/*-------------------------------*/

.bloc {	
	padding:1px 5px 1px 5px;
	width: 184px;
	background-color: transparent;
	background-image: url(images/kromaton/sc_seperator_horiz.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 0%;
	margin: 5px;
}


div .cellule{
	height:144px;
	width:168px;
	float:left;
	margin:5px;
	
	font-family: Arial,Helvetica,sans-serif;
	line-height: 140%;
	font-size: 12px;
	color: #333333;

	border:1px solid #cccccc;
	background-color: #ffffff;
}
div .cellule .top{
	
	height:120px;
}

div .cellule img{
	display:block;
	margin:0 auto;
	border:none;
}

div .cellule img.defaut{
	width:118px;
	height:120px;
	margin:0 auto;
	border:none;
}

div .cellule .bottom{
	
	
	
	text-align:center;
	
	font-size: 10px;
	color: #000000;
	background-color: #dcdede;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

div .cellule .bottom a:hover{
	color: #a1ca2e;
	text-decoration: none;
	font-weight: bold;
}

.ligneItem{
	height:130px;
	margin-top:20px;
}
.ligneItem .img{
	float:left;
}
.ligneItem .text{
	margin-left:150px;
}


#ficheProduit h3{
	float:right;
	padding:10px;
	width:160px;
	
}

#ficheProduit{
	margin-top:70px;
}

#ficheProduit table td{
	border-top:1px dashed #cccccc;
	border-left:1px dashed #cccccc;
	padding:15px 20px;
}
#ficheProduit table {
	border-right:1px dashed #cccccc;
	border-bottom:1px dashed #cccccc;
	
}






 /*les drapeaux en haut à droite*/
#flag{
	float:right;
	margin:7px 5px 0 0;
	height:15px;
}

#flag img{
	border:none;
	
}


/*sert pour les formulaires pas bien remplis, met en évidence le champ vide*/
.focus {
 
}

.message{
  font-size:10px;
  color:#0072B6;
  text-align:left;
}

table{
 
}
th{
 
}

#actus{
 
}
#actualites{
  
}

#scroller{
 
}

h3{
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 18px;
  color: #0072b6;
  line-height: 18px;
  margin-top: 5px 0;
}

hr{
	background-color: #cccccc;
	height: 1px;
	border-width: 1px;
	border-style:solid;
	border-color:#cccccc;
	
}

h4{
	font-family: Arial,Helvetica,sans-serif;
	padding:0;
	font-size: 14px;
	font-weight: bold;
	color: #719500;
	margin:12px 0;
}
strong{
	color:#719500;
	font-weight:bold;
}


/*liste des catégories du catalogue*/


td.buttonheading img{
padding-left: 5px;
border:0;
}
div.mosimage_caption {
  font-size: 10px;
  color: #000;
  background-color:#DCDEDE;
  padding: 5px;
}
.mosimage {
  border: 1px solid #cccccc;
  background-color:#FFF;
}

/*Pagination des numéro de pages*/

.pagination {
font:12px Arial, Helvetica, sans-serif;
margin:40px 0;
text-align:center
}

.pagination a {
background:#fff;
border:1px solid #06c;
color:#06c;
margin:2px;
padding:.2em .4em;
text-decoration:none
}

.pagination a:hover {
background:#fff;
border:1px solid #bd88fe;
color:#bd88fe
}

.pagination span.inactive {
background:#fff;
border:1px solid #f0f0ff;
color:#f0f0ff;
margin:2px;
padding:.2em .4em
}

.pagination span.active {
background:#f4ebff;
border:1px solid #bd88fe;
color:#bd88fe;
font-weight:700;
margin:2px;
padding:.2em .4em
}