/*  ==============================================================
    CSS Document pour le site Beaver Watch
==============================================================*/

#body {	
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
 	color: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
}
#page {
	width: 95%;
	margin: 0;
	padding: 0;
}
#header {		/*  entĂȘte de page */
	height: 90px;
}
#logo	{
	float: left;
	width: 276px;
 	text-align: center;
}
#entete	{		/*  titre de l'header  */
	float: left;
	margin-left: 2em;
 	vertical-align: middle;
        /* border: thin solid #cccccc; */
}
#sous-titre	{                                               /* utilisé pour le texte "suivi..." */
	font-size: 0.8em;
	font-weight: normal;
	font-style: italic;
	color: #000;
	text-align: right;
        vertical-align: text-bottom;
        border: thin solid #cccccc;
        margin-bottom: 1px;
}
#menu {
	height: 2.4em;
 	background-color: #a4c2c2;
}
#conteneur {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0.2em 0 0 0;
	padding: 0;
}
.colonne_gauche	{
	width: 276px;
 	background-color: #a4c2c2;
	text-align: center;
	line-height: 1.5;
	color: rgb(51,102,102);
}
#contenu {
}

/*  style de menu horizontal en entĂȘte de page */
#menu_hor {
	font-size: 0.6em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.2em;
	list-style-type: none;
	margin-left: 2.4em;
	/*	padding-right: 6em; */
}
#menu_hor li	{
	float: left;
 	height: 100%;
/* 	width: 12em; */
 	margin-top: 10px;
}
#menu_hor li a	{
	display: inline;
	color: rgb(51,102,102);
	/*	text-decoration: none; */
	text-align: center;
}
#menu_hor li a:hover	{
	color: #993300;
	text-decoration: underline;
}
.texte_gauche {
	margin: 1em 1em 1em 1em;
	text-align: justify;
	font-size: 0.8em;
}
.texte {	
	font-size: 0.8em;
	margin: 1em 0 2em 3.5em;
	font-weight: normal;
	text-align: justify;
}
.mini_texte {
	font-size: 0.6em;
}
.bande_gauche	{
	width: 36px;
 	background-color: #a4c2c2;
}
.ligne {
	height: 1px;
}
.centrer {
	text-align: center;
}
.decaler {
	margin: 1em 0 2em 4em;
}
.texte_gras {
	font-size: 0.8em;
	margin: 1em 0 0 3.5em;
	font-weight: bold;
}
.texte_erreur {
	text-align: center;
	font-size: 0.8em;
	color: #f00;
	font-weight: bold;
}
.texte_erreur {
	text-align: center;
	font-size: 0.8em;
	color: #0f0;
	font-weight: bold;
}
.justif {
	text-align: justify;
}
.rech {
	text-align: right;
	vertical-align: top;
	margin-left: 5em;
}
.comment {
	font-size: 0.6em;
	margin: 0.3em 0 0 5em;	
}
.nettoyeur {
        clear: both;
}

.spip_puce { 
	list-style-position: outside;
}
div.spip_poesie { 
	margin: 2em; 
	padding: 0 1em 1em 1em; 
	border: 1px solid;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
div.spip_poesie div {
	text-indent: 0; 
	margin-left: 0; 
}

/* tableau de la page */
table#db {
	width: 100%;
/*	table-layout: fixed;
 	border: thin solid #cccccc; */
 	border-collapse: collapse;
/*	border-spacing: 5px; */
	margin: 0;
	padding: 0;
}
table#db td {
	vertical-align: top;
}
table#db td.vertical {
	vertical-align: middle;
}
table#db td.corps {
	padding-right: 3em;
} 

/*  ============================= */
/*  Spécifications des styles     */
/*  ============================= */
ul, li, a	{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
a, a.spip_out	{
	letter-spacing: 0.2em;
	font-weight: bold;
	color: #666;
 	text-decoration: none;
}
a:hover , a.spip_out:hover{
	color: #993300;
	text-decoration: underline;
}
a:visited {
	color: #007faa;
	/* color: rgb(51,102,102); */
}
p {
	margin: 0;
	padding: 0;
}
img {
	border: 0 none;
	/*	border: thin solid #FE3324; */
}
h1	{						/* utilisĂ© pour le titre dans l'entĂȘte de page */
	font-size: 1.5em;
	font-family: times new roman, georgia, serif;
	font-weight: bold;
 	letter-spacing: 0.3em;
}
h2	{						/* utilisé pour le titre du contenu de la page */
	font-size: 1.3em;
	margin: 1em 0 0 2em;
	color: #a4c2c2;
	font-weight: normal;
 	text-align: bottom;
	/*	border: 2px solid #ccc; */
}
h3	{						/* utilisé pour le titre des articles du contenu de la page */
	font-size: 1.3em;
	font-weight: bold;
	margin: 2em 0 1em 0;
}


fieldset	{
	margin: 1em 3.5em 1em 3.5em;
	padding: 0 1em 1em 1em;
	border: 1px solid #a4c2c2;
	font-size: 0.8em;
}
legend {	
	font-size: 1.1em;
 	font-weight: bold;
	letter-spacing: 0.2em;
	color: rgb(51,102,102); 
}
label	{	
	display: inline;
	float: left;
	width: 20%;
} 
.cadre {
	margin: 0 0 0 0;
	padding: 0 0 0 1em;
}
span {
	margin: 0;
	padding: 0;
}

/*  ================================  */
/*  présentation pour les formulaires */
/*  ================================  */
form.tab {
	width: 100%;
	margin-bottom: 1em;
}