/*
url: www.lesmachines.org, lesmachines.org.free.fr
version: 3.6
updated: 21/05/2007
author: Daishi Kaszer
email: daishikaszer[at]yahoo.fr
note: plus de protection des mp3 !

mp3-playlist:
N'importe quoi (version électronique)

Fais moi gamine

Dis moi oui

Plus me voir

Je pense à toi

Dis moi oui - Calme

Fais moi gamine - Calme

Je pense à toi - Calme

Chattes Sereines

N'importe quoi (version électrique)
*/

body
{
	font-family: sans-serif;
	font-size: 16px;
	background-color: #000000; /* Black */
	color: #FFFFFF; /* White */
	margin-top: 0; /* pour supprimer toute marge définie par le navigateur */
	margin-bottom: 5%; /* pour supprimer toute marge définie par le navigateur */
	margin-left: 0; /* pour supprimer toute marge définie par le navigateur */
	margin-right: 0; /* pour supprimer toute marge définie par le navigateur */
}

a
{
	background-color: inherit;
	color: #4682B4; /* SteelBlue */
}

a:link
{
	;
}

a:visited
{
	;
}

a:hover
{
	background-color: inherit;
	color: #00BFFF; /* DeepSkyBlue */
}

a:active
{
	;
}

#title-box
{
	background-color: #808080; /* Gray */
	color: inherit;
	width: 100%;
}

#title
{
	font-size: 48px;
	background-color: inherit;
	color: #000000; /* Black */
	font-weight: bold;
	margin-left: 0; /* pour laisser de l'espace pour le logo (même s'il n'y a pas encore de logo ... !) */
	padding-left: 0; /* pour positionner le titre dans son conteneur */
}

#menu-box
{
	background-color: #FFFFFF; /* White */
	color: #808080; /* Gray */
	width: 100%;
	height: 2em;
}

ul.menu
{
	list-style-type: none;
	font-size: 18px;
	font-weight: bold;
	background-color: #FFFFFF; /* White */
	color: #808080; /* Gray */
	margin-top: 0; /* espacement entre chaque rubrique */
	margin-bottom: 0; /* espacement entre chaque rubrique */
	margin-right: 0; /* espacement entre chaque rubrique */
	margin-left: -2.2em; /* pour supprimer la marge du marqueur (nécessaire pour firefox mais "margin-left: 0;" suffisant pour Internet Explorer) */
}

ul.menu li
{
	float: left;
}

ul.menu li a
{
	display: block;
	background-color: #FFFFFF; /* White */
	color: #808080; /* Gray */
	text-decoration: none; /* pour éviter le soulignement des rubriques */
	padding: 4px;
}

ul.menu li a:link
{
	;
}

ul.menu li a:visited
{
	;
}

ul.menu li a:hover
{
	background-color: inherit;
	color: #FFB6C1; /* LightPink */
}

ul.menu li a:active
{
	;
}

.content
{
	margin-left: 5px;
	background-color: inherit;
	color: #808080; /* Gray */
	/*width: 75%; *//* la largeur maximum étant de 100% */
	text-align: justify; /* les paragraphes sont justifiés */
}

.content h1
{
	font-size: 24px;
	font-weight: normal;
	background-color: inherit;
	color: #FF69B4; /* HotPink */
	text-align: left;
	margin-left: 1em;
}

.content p
{
	background-color: inherit;
	color: #ADD8E6; /* LightBlue */
	text-align: left;
	margin-left: 30px;
}

.content ul.agenda-coming
{
	background-color: inherit;
	color: #ADD8E6; /* LightBlue */
	text-align: left;
	margin-left: 30px;
	list-style-type: disc;
	list-style-position: inside;
}

.content ul.agenda-coming li
{
	margin-bottom: 1em;
}

.content ul.agenda-coming li ul
{
	list-style-type: disc;
	list-style-position: inside;
}

.content ul.agenda-coming li ul li
{
	margin-bottom: 0;
}

.content ul.agenda-over
{
	background-color: inherit;
	color: #708090; /* SlateGray */
	text-align: left;
	margin-left: 30px;
	list-style-type: disc;
	list-style-position: inside;
}

.content ul.agenda-over li
{
	margin-bottom: 1em;
}

.content ul.agenda-over li ul
{
	list-style-type: disc;
	list-style-position: inside;
}

.content ul.agenda-over li ul li
{
	margin-bottom: 0em;
}

.content p.bios
{
	background-color: inherit;
	color: #ADD8E6; /* LightBlue */
	text-align: justify;
	margin-left: 30px;
	width: 69%;
}

.content ul.bios
{
	text-align: left;
	list-style-type: none;
}

.content ul.bios li
{
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	text-align: center;
}

.content a.photos-thumbnail
{
	background-color: inherit;
	color: #4682B4; /* SteelBlue */
	text-align: left;
}

.content a.photos-thumbnail img
{
	background-color: inherit;
	color: #ADD8E6; /* LightBlue */
	text-align: left;
	border-style: solid;
	border-width: 2px;
	border-color: #000000; /* Black */
}

.content a.photos-thumbnail img:link
{
	;
}

.content a.photos-thumbnail img:visited
{
	;
}

.content a.photos-thumbnail img:hover
{
	background-color: inherit;
	color: #ADD8E6; /* LightBlue */
	text-align: left;
	border-style: solid;
	border-width: 2px;
	/*border-color: #FF69B4;*/ /* HotPink */
	border-color: #FFB6C1; /* LightPink */
}

.content a.photos-thumbnail img:active
{
	;
}