body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em arial, helvetica, sans-serif ;
	background-color: #c8a27b ;
}
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 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#conteneur
{
	width: 770px;
	margin: 0 auto;
	text-align: left;
	background: url(fondkraft.jpg) repeat top;
	height: 600px;
}
/* On définit la largeur de la division qui contient l'ensemble de la page à 770 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 */

div#conteneur1
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	background: url(fondkraft1.jpg) repeat top  ;
}

ul#menu
{
	height: 20px ;
	margin: 0 ;
	padding: 0 ;
	background: url(i/bg_menu.gif) repeat-x 0 -50px ;
	list-style-type: none ;
}

ul#menu li
{
	float: right ;
	text-align: center ;
}

ul#menu li a
{
	width: 96px ;
	line-height: 20px ;
	font-size: 13px ;
	letter-spacing: 1px ;
	color: #930 ;
	display: block ;
	text-decoration: none ;
}

ul#menu li a:hover
{
	background: url(i/bg_menu.gif) repeat-x 0 0;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #930;
}


/* Contenu */

div#contenu
{
	padding: 0 ;
}

div#contenu h1
{
	margin-left: 15px ;
	padding-left: 2px ;
	line-height: 5px ;
	font-size: 15px ;
	color: #366 ;
}

div#contenu h2
{
	margin-right: 10px ;
	padding-left: 5px ;
	line-height: 20px ;
	font-size: 24px ;
	color: #366 ;
}

div#contenu h3
{
	margin-left: 5px ;
	padding-left: 2px ;
	line-height: 5px ;
	color: #366 ;
}

div#contenu h4
{
	margin-right: 10px ;
	padding-left: 15px ;
	text-align: justify ;
	line-height: 20px ;
	font-size: 14px ;
	color: #930 ;
}

div#contenu p
{
	margin-right: 50px ;
	padding-left: 15px ;
	line-height: 5px ;
	font-size: 12px ;
}


div#contenu a
{
	color: #366 ;
}

div#contenu a:hover
{
	color: #930;
}

.extra-img1 {
	display: block;
	line-height: .5;
	height: 100px; /* -> 7 */
	padding: 15px 15px 0px 0px;
	left:0px;
}

/* On met en forme les liens contenu dans la page */

div#contain
{
	padding: 0 10px 0 5px ;
}

div#contain h2
{
	margin-right: 10px ;
	padding-left: 5px ;
	line-height: 20px ;
	font-size: 24px ;
	color: #366 ;
}

div#contain h3
{
	margin-left: 5px ;
	padding-left: 2px ;
	line-height: 5px ;
	color: #366 ;
}

div#contain p
{
	margin-right: 30px ;
	padding-left: 15px ;
	line-height: 10px ;
	font-size: 12px ;
}

div#galerie
{
	width: 770px ;
	float: left ;
	background: # ;
	padding: 15px ;
	margin: 0px 5px ;
	text-align: center ;
	font: 0.9em ;
}

ul#galerie_mini
{
	margin: 0px ;
	padding: 0px ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 3px 5px ;
	border: 1px solid #066 ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em;
	color: #066 ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 0px solid #066 ;
}

p#footer
{
	margin: 0 ;
	font: 0.8em arial, helvetica, sans-serif ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center ;
	color: #930 ;
}
/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}

html pre
{
	width: 636px ;
}