/* koneko.fr */

html
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #000;
	background-color: #D0D0D0;
	font: .9em Optima, "Trebuchet MS", Lucida, Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

div
{
	margin: 0px;
	padding: 0px;
}

p, blockquote, li, h2, h3, dd, dt
{
	font-weight: normal;
}

h1
{
	margin: 0px;
}

h2, h3
{
	font-size: 1em;
	font-weight: bold;
	color: #036;
}

form, fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

a
{
	text-decoration: none;
	color: #144784;
}

a:hover
{
	color: #144784;
}

hr
{
	display: none;
}

pre
{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #eee;
	padding: 5px;
	margin: 10px;
	overflow: auto;
}

abbr, acronym
{ 
	font-style: normal;
	border-bottom: dotted 1px #ccc;
	cursor: help;
}

blockquote, cite
{
	color: #666;
	padding: 0 20px 0 20px;
	font-style: italic;
	border-left: 1px dotted #ccc;
}

code
{
	margin: 10px;
	display: block;
}

img
{
	border: none;
}


/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */

#page
{
	width: 770px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

#main
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin-top: 10px;
	width: 490px;
	float: left;
}


#menu
{
	float: right;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;	
	padding-bottom: 10px;
	text-align: center;
}

#menu li
{
	display: inline;
	list-style-image: none;
	list-style-type: none;
	text-align: center;
	font-weight: bold;
}


#menu ul
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


#menu ul a
{
	padding: 10px 20px 10px 20px;
	background-color: #dadada;
	color: #000000;
	border: #144784 solid thin;
}

#menu ul a:hover
{
	padding: 10px 20px 10px 20px;
	background-color: #89afd0;
	color: #144784;
	border: #144784 solid thin;
}

#content
{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	padding-top: 20px;
	padding-left: 10px;
	font-family: "Optima", Arial, sans-serif;
}

* html #content
{
/*	margin-top: 34px; /* hack IE */
}

#formulaire
{
	width: 90%;
}

#bandeau
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin-top: 10px;
	width: 230px;
	float: right;
	padding-left: 2px;
	padding-right: 5px;
	text-align: center;
/*	font-size: .8em; */
}




/* VERTICAL PADDING ABOVE COLUMNS */

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#page, #mainfloat, #content, #menuleft, #menuright, h2
{ 
	p\osition: relative; 
}

div#footer
{
	text-align: center;
/*	border-top: 1px dotted #ccc; */
/*	margin: 10px auto 0 20%; */
/*	width: 80%; */
	margin-bottom: 0;
}

#footer
{
	padding: 0.5em;
	clear: both;
	border: none;
}

/* ====================================================================
BANNER
-------------------------------------------------------------------- */

#banner
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #fff;
/*	background: #fff url("../img/logo-koneko.png"); */
	background-position: right;
	background-repeat: no-repeat;
	vertical-align: middle;	
	height: 150px;
	width: 770px;
	float: left;
/*	margin-right: auto; */
	margin-top: 20px;
}


.cadre
{
	float: left;
	margin-top: 10px;
	padding: 5px;
	width: 95%;
	text-align: left;
	border: solid 1px #5674b9;
}

.contact
{
	width: 100%;
	text-align: right;
	font-weight: bold;
}


.menu
{
	float: left;
	margin-top: 10px;
	padding: 5px;
	width: 100%;
	text-align: left;
}

.menu h1
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 5px;
	font-size: 1em;
}

.menu a
{
	color: #000000;
}


.categorie
{
	float: left;
/*	background: #cccccc; */
/*	margin: 10px; */
	margin-top: 10px;
	padding: 5px;
	width: 100%;
	border: solid 1px #5674b9;
}

.categorie h1
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #002157;
	color: #144784;
/*	background-color: #8393ca; */
	padding-left: 5px;
	height: 20px;
	padding-top: 5px;
	font-size: 1em;
}

.categorie h2
{
	font-weight: bold;
	color: #000000;
/*	background-color: #8393ca; */
	padding-left: 5px;
	padding-top: 5px;
}


.categorie h3
{
	color: #002157;
}