html {font-size: 100%; }

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

body { font-family: Verdana, sans-serif; text-align: left; font-size: .75em; background-color: darkgray; }

#topmenu a, #footer a { color: darkgray; text-decoration: none; }

#topmenu a:hover, #footer  a:hover { color: royalblue; }

.noir { color: black; }

.silver { background-color: silver; } 

.hypertexte { border-bottom: 1px dotted gray; }

.hypertexte:hover { border-bottom: 1px dotted blue; }

h1, h3, h5, h6 { font-weight: normal; letter-spacing: 0.13em; }
h2 { font-weight: normal; letter-spacing: 0.08em; }
h4 { font-weight: bold; letter-spacing: 0.1em; }
#header h1, #header h2 { color: white; text-align: right; }
h3, h4, h5, h6 { text-align: left; }
h1 { font-size: 1.5em }
h2 { font-size: 1.2em ; } 
h3 { margin: 0 ;font-size: 2em ; }
h4 { color: blue ; font-size: 1.3em; margin-bottom: 2px; }
h5 { color: royalblue ; font-size: 1em; margin: 0; }
h6 { color: royalblue ; font-size: 2em ; }
p { text-align: justify; margin: 5px 0 15px; }
table { font-size: 1em ; bgcolor: none; }
ul { list-style-type: none ; margin: 0; padding: 0;}
img { border: 0;}

#conteneur { width: 760px; background-color: white; margin: auto; padding: 0; border: 1px solid gray; }

#topmenu { padding: 10px; text-align: right; height: 30px; }

#topmenu li, #footer li { display: inline; }

#topmenu a, #menu a { padding: 0px 5px; }

#header { height: 150px;  }

#menu { margin: 0 ; padding: 0px; float: left; width: 150px; }
#menu a { color: black; }

#menu_old ul { border: 1px solid black ;  }

#menu li { padding: 10px ;  } /* border-top: 1px solid black ; */

#menu a { text-decoration: none; }

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

.menu1 {background-color:#87ba2e;}
.menu2 {background-color:#acc837;}
.menu3 {background-color:#c6d232;}
.menu4 {background-color:#eee424;}
.menu5 {background-color:#f3970a;}
.menu6 {background-color:#ea6914;}
.menu7 {background-color:#d62721;}
.menu8 {background-color:#bb2b25;}
.menu9 {background-color:#8f141a;}

.actualite {background-color: black; color: white;}

.association {background-color: green; color: white;}

.contra-mestre-banana {background-color: yellow; color: black;}

.evenements {background-color: red; color: white;}

.histoire {background-color: brown; color: white;}

.lexique {background-color: purple; color: white;}

.musique-et-chants {background-color: blue; color: white;}

.videos  {background-color: #6175B1; color: white;}

.communautes {background-color: #FF6000; color: white;}

.senzala {background-color: yellow; color: black;}

.mestre-elias {background-color: red; color: white;}

.cours {background-color: blue; color: white;}

.photos {background-color: orange; color: white;}


#contenu { min-height: 620px; margin: 0px 20px 0px 190px ; padding: 20px ; border: 1px solid black; }

.photo { float: right; border: 1px solid black; margin: 0 0 10px 10px; }

#footer { margin-top: 30px; padding : 12px ; font-size: 0.8em ; }

/* Tableau */
table.search {
	border: 1px solid #cccccc;
	background-color: #eee;	
	border-collapse: collapse; }
table.searchisfiltered {
	border: 1px solid #adcfef;
	background-color: #99ff66;
	border-collapse: collapse; }
table.search a, table.search a:visited, table.searchisfiltered a, table.searchisfiltered a:visited{
	color: #000;
	text-decoration: none; }
table.search td, table.searchisfiltered td{
	white-space: nowrap; }
table.search input, table.searchisfiltered input{
	border: 1px solid #cccccc; }
table input.magnifier, table input.files {
	padding: 2 12 0 0;
	border: 0; }
table input.magnifier {
	background: url(/images/icons/i_loupe.gif) no-repeat; }
table input.files {
	background: url(/images/icons/i_cancel.gif) no-repeat; }

/* Box ressource */
table.box {
	_border: 1px solid #cccccc;
	border-collapse: collapse;
	width: 100%; }
table.box td {
	padding: 3px; }
table.box th {
	padding: 5px;
	_border-right: 1px solid #ffffff;
	color: white;
	font-weight: normal; }
table.box th a, table.box th a:visited {
	color: white; }
table.box td a, table.box td a:visited {
	text-decoration: none; }
table.box tr.drow {
	background-color: transparent; }
table.box tr.lrow {
	background-color: #eee; }

table.box th.box-actualite {
	background-color: black; }
table.box th.box-article {
	background-color: black; }
table.box th.box-astuce {
	background-color: black; }
table.box th.box-pasapas {
	background-color: black; }
table.box th.box-lexique {
	background-color: black; }
table.box th.box-evenementiel {
	background-color: black; }