﻿body {

  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;

  background-color:#EEEEEE;

  }



td {

	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;

}



th {

	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;

}



h2 {

	font-size: 125%;

	color: #6F7C96;

}



p {

	font-size: small;

	color: #16316F;

}



p a:link{

	text-decoration: none;

	color: #16316F;

}



p a:visited{

	text-decoration: none;

	color: #16316F;

}



p a:hover{

	text-decoration: underline;

	color: #16316F;

}



h3 {

	font-size: 75%;

	color: #6F7C96;

}



h3 a:link {

	text-decoration: none;

	color: #6F7C96;

}



h3 a:visited {

	text-decoration: none;

	color: #6F7C96;

}



h3 a:hover {

	text-decoration: underline;

	color: #16316F;

}







div#wrapper {

	width: 800px;

	background-color:#FFFFFF;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: auto;

	margin-right: auto;

	padding: 0px;

	border: 1px solid #16316F;

}



#addresse {

	padding: 5px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #16316F;

	border-bottom-color: #16316F;

	border-top-width: 1px;

	border-bottom-width: 1px;

}



#slogan {

	padding: 10px;

}



#slogan h2 {

	font-style: italic;

	color: #16316F;

	text-align: center;

}



#events h3 {

	font-size: 100%;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-bottom-style: solid;

	border-top-color: #6F7C96;

	border-right-color: #6F7C96;

	border-bottom-color: #6F7C96;

	border-left-color: #6F7C96;

}



#bienvenue {

	padding: 10px;

	background-color: #6F7C96;

}



#bienvenue p {

	color: #FFFFFF;

	font-style:italic

}



#bienvenue .addresse {

	font-size: small;

	color: #FFFFFF;

	padding: 5px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-top-width: 1px;

	border-bottom-width: 1px;

}





.addresse a:link, a:visited {

	font-size: small;

	color: #FFFFFF;

}



.addresse a:hover {

	font-size: small;

	color: #16316F;

}



#events {

	padding: 10px;

}



#events li {

	font-size: smaller;

	color: #16316F;

}



#containerportes {

	float: left;

}



#portesouvertestexte {

	position: relative;

	top: 50px;

	left: -125px;

}



#portesouvertestexte p {

	color: #6F7C96;

	font-weight: bold;

	letter-spacing: .2em;

}



#sitecreated p {

	font-size: x-small;

	color: #FFFFFF;

	text-align: center;

}



#sitecreated a:link {

	color: #FFFFFF;

	text-decoration: none;

}



#sitecreated {

	background-color: #6F7C96;

}



#sitecreated a:visited {

	color: #FFFFFF;

	text-decoration: none;

}



#sitecreated a:hover {

	color: #16316F;

	text-decoration: underline;

}



.paragraph {

	font-size: small;

	color: #aaaaaa;

}



.paragraph a:link{

	text-decoration: none;

	color: #16316F;

}



.paragraph a:visited{

	text-decoration: none;

	color: #16316F;

}



.paragraph a:hover{

	text-decoration: underline;

	color: #16316F;

}



#songlist table {

	font-size: smaller;

	background-color: #6F7C96;

}



#songlist th {

	font-size: smaller;

	background-color: #6F7C96;

	text-align: left;

	letter-spacing: .3em;

	color: #FFFFFF;

}


/*
#songlist td {
	font-size: smaller;
	background-color: #EEEEEE;
}
*/
.songlistTD1 {
	font-size: smaller;
	background-color: #EEEEEE;
}

.songlistTD2 {
	font-size: smaller;
	background-color: #DDDDDD;
}



.indent10 {

	text-indent: 10px;

}



.indent15 {

	text-indent: 15px;

}



.indent20 {

	text-indent: 20px;

}



.indent25 {

	text-indent: 25px;

}



#songlist table a:link{

	text-decoration: none;

	color: #16316F;

}



#songlist table a:visited{

	text-decoration: none;

	color: #16316F;

}



#songlist table a:hover {

	color: #16316F;

	text-decoration: underline;

}








