@charset "utf-8";
/* CSS Document */

/* ELEMENTS EXISTANTS */

body
{
	margin: 0px auto 20px auto ;
	padding: 0 ;
	background-color: #fff7ea ;
	width: 788px ;
}

h1
{
	margin: 0px ;
	font-size: 16px ;
	color: #363 ;
	font-weight: bold ;
	text-align: right ;
	clear: both ;
}

h2
{
	font-size: 18px ;
	font-weight: bold ;
	text-decoration: underline ;
	text-align: center ;
	clear: both ;
}

h3
{
	font-size: 16px ;
	font-weight: bold ;
	text-decoration: underline ;
	clear: both ;
}

a
{
	color: inherit ;
}

table
{
	background-color: #AFA ;
	border-color: #060 ;
	border-style: solid ;
	border-width: thin ;
}

td
{
	background-color: #CFC ;
}

td:hover
{
	background-color: #EFE ;
}

/* BALISES */

#logo
{
	clear: both ;
	background-image: url( images/logo.png ) ;
	background-position: top left ;
	background-repeat: no-repeat ;
	width: 788px ;
	height: 178px ;
}

#menu
{
	float: left ;
	background-image: url( images/menu.png ) ;
	background-repeat: no-repeat ;
	background-position: top left ;
	width: 169px ;
	min-height: 300px ;
}

#menu-bottom
{
	margin-left: 5px ;
	border-top-style: dashed ;
	border-top-width: thin ;
	width: 145px ;
	height: 145px ;
}

#insigne
{
	float: left ;
	background-image: url( images/logo_tremaouezan.png ) ;
	background-repeat: no-repeat ;
	background-position: left bottom ;
	width: 788px ;
}

#menu-top
{
	height: 150px ;
}

#contenu
{
	float: left ;
	width: 600px ;
	min-height: 300px ;
}

#corps
{
	float: left ;
	background-image: url( images/corps.png ) ;
	background-repeat: repeat-y ;
	width: 788px ;
}

#bas
{
	clear: both ;
	background-image: url( images/bas.png ) ;
	background-repeat: no-repeat ;
	width: 788px ;
	height: 15px ;
}

/* CLASSES */

.copyright
{
	margin-top: 2px ;
	text-align: center ;
	clear: both ;
	color: #363 ;
	font-size: 11px ;
	font-weight: bold ;
	width: 788px ;
}

.liencopyright
{
	color: #363 ;
}

.lienmenu
{
	text-decoration: none ;
	color: inherit ;
}

.image
{
	border-style: solid ;
	border-width: thin ;
}

.legende
{
	font-size: 12px ;
	font-style: italic ;
	text-decoration: underline ;
	text-align: center ;
}

.centrer
{
	text-align: center ;
}

.justifie
{
	text-align: justify ;
}

.droit
{
	text-align: right ;
}

.agauche
{
	margin-right: 10px ;
	float: left ;
}

.adroite
{
	margin-left: 10px ;
	float: right ;
}

.assembleur
{
	clear: both ;
}

.seuladroite
{
	clear: right ;
}

.seulagauche
{
	clear: left ;
}

.descriptif
{
	font-size: 12px ;
	font-style: italic ;
}

.lettrage
{
	font-size: 16px ;
	color: #363 ;
	font-weight: bold ;
}

.categorie
{
	margin-left: 5px ;
	text-align: center ;
	font-size:16px ;
	font-weight: bold ;
	border-top-style: dashed ;
	border-top-width: thin ;
	color: #030 ;
	width: 145px ;
	min-height: 20px ;
	cursor: pointer ;
}

.categorie:hover
{
	background-image: url( images/lumiere-menu.png ) ;
	background-repeat: no-repeat ;
	background-position: top center ;
}

.souscategorie
{
	margin-left: 5px ;
	padding-left: 5px ;
	text-align: left ;
	font-size: 12px ;
	font-weight: normal ;
	border-left-style: dashed ;
	border-left-width: thin ;
	border-left-color: #030 ;
	width: 140px ;
	color: #060 ;
	min-height: 20px ;
}

.souscategorie:hover
{
	background-image: url( images/lumiere-sousmenu.png ) ;
	background-repeat: repeat-y ;
	background-position: top left ;
}

.cacher
{
	display: none ;
}

.montrer
{
	display: inherit ;
}