html, body {
  height: 100%;
}
body {
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center ;
	background: #000 ;
}
div#conteneur 
{
	position: relative;
	width: 960px;
	margin: 0 auto; 
	padding: 0;
	text-align: left ;
	border: 1px solid #000 ;
}
h1#header {
	margin: 0;
	padding: 0;
	height: 270px ;
	background: url(img/bandeau.gif) no-repeat left top;
}
h1#header a
{
	width: 960px ;
	height: 270px ;
	display: block ;
	position: relative ;
	text-decoration: none ;
}
h1#header a span
{
	display: none ;
}
div#t_accueil
{ 	
	margin: 0;
	padding: 0;
	width: 960px;
	height: 90px; 	
	background: url(img/t_accueil.gif) no-repeat right top; 
}
div#t_mentions
{ 	
	margin: 0;
	padding: 0;
	width: 960px;
	height: 90px; 	
	background: url(img/t_mentions.gif) no-repeat right top; 
}
div#t_programme 
{ 	
	margin: 0;
	padding: 0;
	width: 960px;
	height: 90px; 
	background: url(img/t_programme.gif) no-repeat right top; 
}
div#t_equipe
{ 	
	margin: 0;
	padding: 0;
	width: 960px;
	height: 90px; 	
	background: url(img/t_equipe.gif) no-repeat right top; 
}
div#t_partenaires
{ 	
	margin: 0;
	padding: 0;
	width: 960px;
	height: 90px; 
	background: url(img/t_partenaires.gif) no-repeat right top; 
}
div#t_acces
{ 	
	margin: 0;
	padding: 0;
	width: 960px;
	height: 90px; 	
	background: url(img/t_acces.gif) no-repeat right top; 
}
div#t_infos
{ 	
	margin: 0;
	padding: 0;
	width: 960px;
	height: 90px;  	
	background: url(img/t_infos.gif) no-repeat right top; 
}
div#t_breves
{ 	
	margin: 0;
	padding: 0;
	width: 960px;
	height: 90px; 
	background: url(img/t_breves.gif) no-repeat right top; 
}
div#t_presse
{ 	
	margin: 0;
	padding: 0;
	width: 960px;
	height: 90px; 
	background: url(img/t_presse.gif) no-repeat right top; 
}
div#t_contact
{ 	
	margin: 0;
	padding: 0;
	width: 960px;
	height: 90px; 
	background: url(img/t_contact.gif) no-repeat right top; 
}

ul#menu
{
	position: relative; 
	height: 30px ;
	background: #8b0e13 ;
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	text-align: center ;
	
	text-transform: uppercase; 
	color: #fffbdb; 
	font-size: 11px; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	letter-spacing: 1px ; 
}
ul#menu li
{ 
	top: 8px;
	padding: 8px 0px ;
	margin: 0 -2px ;
	position: relative; 
	display: inline ; 
	text-transform: uppercase; 
	color: #fffbdb; 
	font-size: 11px; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	letter-spacing: 1px ; 
	color: #000;

}
ul#menu li a
{
	padding: 8px 0px ;
	color: #fffbdb;
	background: #8b0e13 ;
	text-decoration: none; 
}

ul#menu li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #000 ;
	color: #fff;
	}
div#gauche 
{
	font-weight: bold; 
	padding-top: 10px ;
	margin: 0;
	position: absolute;
	left:0;
	width: 200px;
	background: #8b0e13 ;
	font-size: 11px; 
	line-height: 14px ;
}
ul#fleche
{
	font-size: 10px;

}
ul#fleche li
{
	margin-left: -20px;
	padding-top: 2px ;
	padding-bottom: 2px ;
	list-style-type: none;
	background-image: url(img/flechebas.gif);
	background-repeat: no-repeat;
	background-position:left top;
	padding-left: 15px;
	}

hr#menugauche
{
	text-align: left ;
	width:170px;
	height: 1px;
	background-color: #fffbdb;
	border: 0;
}
ul#menugauche
{
	text-align: left ; 
	width: 170px ;
	margin: 0 15px;
	padding: 0 ;
	list-style-type: none ;
}
ul#menugauche li
{ 
	text-align: left ; 
}
#menugauche a
{ 
	color: #fffbdb ; 
	text-decoration: none; 
}
#menugauche a:hover
{ 
	color: #fff; 
	text-decoration: none; 
}
div#img_gauche
{ 	
	margin: 0;
	padding: 0 ;
	position: relative;
	width: 200px;
	height: 40px; 	
	background: url(img/gauche.gif)  no-repeat center bottom; 
}
#contenu 
{
	margin-top: -20px ;
	padding: 0;
	margin-left: 200px;
	background-color:#fffbdb;
}
div#contenu h3 
{ 
	position: relative;
	margin-left: 50px ; 
	margin-right: 0px ; 
	margin-top: 20px ; 
	margin-bottom: 20px ; 
	border-bottom: 1px solid #000 ; 
	color: #8b0e13 ; 
	font-size: 16px; 
	line-height: 25px ;
}
div#contenu h2 
{ 
	position: relative;
	margin-left: 50px ; 
	margin-right: 0px ; 
	margin-top: 0px ; 
	margin-bottom: 0px ; 
	color: #8b0e13 ;
	font-size: 14px; 
	line-height: 18px ;
}
div#contenu h1 
{ 
	position: relative;
	margin-left: 50px ; 
	margin-right: 0px ; 
	margin-top: 0px ; 
	margin-bottom: 0px ; 
	color: #000 ; 
	font-size: 12px; 
	line-height: 18px ;
}
div#contenu p
{
	position: relative;
	margin-left: 50px ;
	margin-right: 50px ;
	margin-top: 10px ;
	margin-bottom: 0px ;
	text-align: justify ;
	text-indent: 10px ;
	line-height: 18px ;
}
div#contenu ul
{
	position: relative;
	left: 50px ;
	margin-right: 0px ;
	margin-top: 10px ;
	margin-bottom: 0px ;
	text-align: left ;
	line-height: 18px ;
}
div#contenu li
{ 
	display: list-item;
  	list-style-image: url(img/fleche.gif);
}

div#contenu table
{
	padding: 0 ; 
	width: 660px;
	width : auto;
}
div#contenu input, textarea, select
{
	padding: 2px;
	margin-top: 10px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	font-size: 11px;
	border: 1px solid #000 ;
}
div#contenu td
{
	width: 50%;
	vertical-align:top; 
}
div#contenu p img
{
	vertical-align: text-top ;
}
div#contenu img
{
	margin-left: 50px ;
	margin-right: 15px ;
	margin-top: 5px ;
	margin-bottom: 10px ;
}
div#contenu img#contenu_sans
{
	margin-left: 0px ;
	margin-right: 0px ;
	margin-top: 5px ;
	margin-bottom: 10px ;
}
div#contenu a
{ 
	color: #8b0e13 ; 
	font-weight: bold; 
	text-decoration: none; 
}
div#contenu a img { 
border: 0; 
}

div#contenu a:hover
{ 
	color: #000; 
}
div#footer
{ 
position: relative; 
text-align: right ; 
margin: 0 ; 
padding: 0 ; 
color: #fffbdb ; 
font-size: 9px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
background: #000 ; 
line-height: 35px; 
width: 960px; 
height: 80px; 
background: url(img/footer.gif) no-repeat right top; }
div#footer p
{ 
margin-right: 20px ;
}
div#footer a
{ 
	color: #fffbdb ; font-weight: bold; text-decoration: none; 
}
div#footer a:hover
{ 
	color: #fffbdb; font-weight: bold; text-decoration: underline; 
}