body
{
	margin:0;
	/*margin-left:40px;
	margin-bottom:10px;*/
	padding: 0 ;
	text-align: center ;
	font-family : Arial, Helvetica, Geneva,  sans-serif;
	font-size: 0.8em;
	background: #000 ;
}
/* On définit la marge basse à 10px et les marges droite et gauche ainsi que haut à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */

div#container
{
	width: 953px ;
	margin: 0 auto ;
	text-align: left ;
}
/* On définit la largeur de la division qui contient l'ensemble de la page à 953 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */

h1#header
{
	height:200px;	
	margin:0;
	padding: 0 ;
	background : #000 url(../img/header.jpg) no-repeat center top;
	text-indent: -50000px ;
}
/* */

div#content
{
	float:left;
	margin:0;
	padding:0;
	width:685px;
	background:#000 url(../img/bande_gauche.jpg) repeat-y top left;
	color:#000;

}

div#main
{
	padding:0;
	float:right;
	margin:0;
	padding-left:15px;
	padding-right:40px;
	width:605px;
	text-align: left ;
	background:#fff url(../img/bande_droite.jpg) repeat-y top right;

}

div#content hr {
	clear: both;
	visibility: hidden;
}

/* MENU PRINCIPAL COLONNE DE GAUCHE */
ul#menu
{
	margin:0;
	padding:0;
	list-style-type: none ;
	float:left;
	width:162px;
	padding-left:15px;
	margin-top:25px;
	text-align:center;
	
}

ul#menu li
{
	height:55px;
	/*margin-left:15px;
	margin-right:20px;*/
	width:12em;
	
	
}

ul#menu li a
{
	color:#fff;
	text-decoration: none;
	font-weight:bold;
	font-family :  Arial, sans-serif;
	font-size : 0.9em;
	line-height : 1em;
	height:37px;
	display: block;
	padding-top:15px;
	padding-left:38px;
	width:10em;
}

a[accesskey] strong {
font-weight: bold;
border-bottom: 1px solid;
//text-transform: uppercase;
}

a[accesskey]:after 
{
padding-top:2px;
font-size : 0em;
color:#5555ff;
content: " [accès clavier : " attr(accesskey) "] ";
}

ul#menu li.ssmenuselected a
{
	background:url(../img/b_menu_selected.jpg) no-repeat;
}

ul#menu li.ssmenu a:hover
{
	background:url(../img/b_menu_over.jpg) no-repeat;
	/*background-image: url(../img/b_menu_over.jpg) ;*/
}

/*
ul#menu li#accueil a:hover
{
	background-image: url(../img/b_accueil_over.jpg);
}

ul#menu li#historique a:hover
{
	background: url(../img/b_chronologie_over.jpg) no-repeat;
}

ul#menu li#dates a:hover
{
	background: url(../img/b_dates_over.jpg) no-repeat;
}

ul#menu li#marionnettes a:hover
{
	background: url(../img/b_marionnettes_over.jpg) no-repeat;
}

ul#menu li#creation a:hover
{
	background: url(../img/b_creation_over.jpg) no-repeat;
}

ul#menu li#affiches a:hover
{
	background: url(../img/b_affiches_over.jpg) no-repeat;
}

ul#menu li#fiche_technique a:hover
{
	background: url(../img/b_fiche_technique_over.jpg) no-repeat;
}

ul#menu li#contacts a:hover
{
	background: url(../img/b_contacts_over.jpg) no-repeat;
}

ul#menu li#liens a:hover
{
	background: url(../img/b_liens_over.jpg) no-repeat;
}
*/



div#content h1
{
	//font-family : Helvetica, sans-serif;
	margin-top:90px;
	font-size: 2em;
	font-weight: normal;	
}

div#content p
{
	font-family : Georgia, sans-serif;
	font-size: 1em;
	margin-left:0px;
	line-height: 1.2em ;	
	margin-top:30px;
}

div#content p citation
{
	font-weight : 	normal;
	font-family : Verdana, Geneva, sans-serif;
	font-size : 0.9em;
	margin-left : 1em;
	margin-top : 1em;
	font-style : italic;
}

p#footer
{
	clear:left;
	font-size: 0em;
	color:#555;
	text-align: center ;
	line-height: 0px;
	color: #ffffff;
}