body
{
	text-align:center;
	font:0.8em "Trebuchet MS", helvetica, sans-serif;
	background:#def2b3;
	margin:10px 0;
	padding:0;
}

div#conteneur
{
	width:770px;
	text-align:justify;
	border:1px solid #1f8215;
	background:#fff;
	margin:0 auto;
}

h1#header
{
	width:300px;
	height:120px;
	background:url(dadietchetfond.jpg) no-repeat;
	position:relative;
	left:50px;
	top:10px;
}

h1#header a
{
	width:300px;
	height:120px;
	display:block;
	background:url(divers/signature.gif) no-repeat;
	position:relative;
	left:400px;
	top:-20px;
}

div#contenu
{
	padding:0 25px 0 50px;
}

div#contenuphoto
{
	border:0 solid #000;
	position:relative;
	padding:0 25px 0 100px;
}

div#contenu h2
{
	padding-left:15px;
	line-height:15px;
	font-size:1.4em;
	color:#9b2;
	border-bottom:1px solid #1f8215;
}

div#contenu h3
{
	margin-left:15px;
	margin-right:15px;
	padding-left:5px;
	border-bottom:1px solid #1f8215;
	border-left:3px solid #1f8215;
	color:#9b2;
}

div#contenu h5
{
	margin-left:0;
	padding-left:5px;
	line-height:30px;
	font-size:2em;
	border-bottom:1px solid #1f8215;
	color:#9b2;
	text-decoration:none;
}

div#contenu h4
{
	margin-left:15px;
	padding-left:25px;
	color:#169318;
}

div#contenu a
{
	color:#6e9316;
}

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

div#contenu p
{
	text-align:justify;
	text-indent:2em;
	line-height:1.7em;
	color:#000;
}

p#footer
{
	padding-right:10px;
	line-height:30px;
	text-align:right;
	color:#8a0;
	margin:0;
}

pre
{
	width:600px;
	background:#dea;
	border:2px solid #1f8215;
	font-size:0.9em;
	margin-left:15px;
	margin-right:15px;
	text-align:justify;
	padding:15px 0 0 15px;
}

pre span
{
	color:#560;
}

.rouge
{
	color:red;
}

.gauche
{
	float:left;
	padding-right:5px;
}

.droite
{
	float:right;
	padding-left:5px;
}

.gauchetxt
{
	float:left;
	padding-right:40px;
	padding-left:120px;
	color:#169318;
}

.droitetxt
{
	float:right;
	padding-right:120px;
	padding-left:40px;
	color:#169318;
}

.centre
{
	margin-left:auto;
	margin-right:auto;
}

table
{
	border-collapse:collapse;
	width:100%;
}

th,td
{
	border:1px solid #000;
	width:auto;
	text-align:center;
}

td
{
	text-align:center;
}

caption
{
	font-weight:700;
}

#outer
{
	width:769px;
	height:400px;
	background:#fff url(marcelfond.jpg);
	position:relative;
}

#outer .pad1
{
	width:63px;
	height:24px;
	float:left;
	margin-top:1px;
	margin-right:1px;
	border:1px solid #000;
	background:#def2b3 url(photos/fond/vertpad1.gif);
	border-width:1px 1px 1px 0;
}

#outer .pad2
{
	width:63px;
	height:24px;
	float:left;
	margin-top:1px;
	margin-bottom:1px;
	border:1px solid #000;
	background:#def2b3 url(photos/fond/vertpad1.gif);
	border-width:1px 0 1px 1px;
}

#outer .topline
{
	width:769px;
	height:2px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	background:#def2b3 url(photos/fond/ligne.gif);
	font-size:1px;
}

#outer .botline
{
	clear:both;
	width:769px;
	height:2px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	background:#def2b3 url(photos/fond/ligne.gif);
	font-size:1px;
}

.menu,.menu ul
{
	list-style-type:none;
	margin:0;
}

* html .menu
{
	position:static;
}

.menu li
{
	float:left;
	background:#c4ea83 url(photos/fond/vertniveau0.gif);
	width:125px;
	height:24px;
	border:1px solid #000;
	margin:1px 1px 0 0;
}

.menu li.sub
{
	background:#98e14d url(photos/fond/vertniveau2.gif);
}

.menu table
{
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	left:0;
	font-size:1em;
}

.menu li a
{
	display:block;
	color:#433;
	font-family:arial, sans-serif;
	font-size:11px;
	line-height:24px;
	width:125px;
	text-decoration:none;
	text-align:center;
}

.menu :hover
{
	color:#fff;
	background:#1aa289 url(photos/fond/jaune.gif);
}

.menu li:hover > a
{
	color:#fff;
	background:#1aa289 url(photos/fond/rougeniveau2.gif);
}

.menu ul,.menu :hover ul ul,.menu :hover ul :hover ul ul,.menu :hover ul :hover ul ul.left
{
	position:absolute;
	left:-9999px;
	width:128px;
}

.menu :hover ul
{
	left:-1px;
	top:24px;
	background:transparent url(transparent.gif);
	padding-top:8px;
}

.photo
{
	width:635px;
	height:550px;
	text-align:left;
	position:relative;
	margin:0 auto;
}

.photo ul.topic
{
	list-style:none;
	width:635px;
	height:auto;
	position:relative;
	z-index:10;
	margin:0;
	padding:0;
}

.photo ul.topic li
{
	display:block;
	width:125px;
	height:25px;
	float:left;
}

.photo ul.topic li a.set
{
	display:block;
	font-size:11px;
	width:124px;
	height:24px;
	text-align:center;
	line-height:24px;
	text-decoration:none;
	border:1px solid #fff;
	background:#98e14d url(photos/fond/vertniveau0.gif);
	font-family:verdana, arial, sans-serif;
	color:#000;
	border-width:1px 1px 0 0;
}

.photo ul.topic li.active a
{
	color:#000;
	background:#def2b3 url(photos/fond/vertniveau0.gif);
}

.photo ul.topic li a:hover,.photo ul.topic li:hover a
{
	color:#fff;
	background:#1aa289 url(photos/fond/vertniveau2.gif);
}

.photo ul.topic li.active ul
{
	display:block;
	position:absolute;
	left:0;
	top:31px;
	list-style:none;
	height:375px;
	background:#def2c9;
	width:464px;
	border:20px solid #def2b3;
	z-index:1;
	margin:0;
	padding:40px 60px;
}

.photo ul.topic li a:hover ul,.photo ul.topic li:hover ul
{
	display:block;
	position:absolute;
	left:0;
	top:31px;
	list-style:none;
	height:375px;
	background:#def2c9;
	width:464px;
	border:20px solid #def2b3;
	z-index:100;
	margin:0;
	padding:40px 60px;
}

.photo ul.topic li ul li
{
	display:inline;
	width:112px;
	height:87px;
	float:left;
	border:1px solid #fff;
	margin:1px;
}

.photo ul.topic li ul li a
{
	display:block;
	width:110px;
	height:85px;
	cursor:default;
	float:left;
	text-decoration:none;
	background:#444;
	border:1px solid #888;
}

.photo ul.topic li ul li a img
{
	display:block;
	width:100px;
	height:75px;
	border:5px solid #eee;
}

.photo ul.topic li a:hover ul li a:hover,.photo ul.topic li:hover ul li a:hover
{
	white-space:normal;
	position:relative;
}

.photo ul.topic li a:hover ul li a:hover img,.photo ul.topic li:hover ul li a:hover img
{
	position:absolute;
	left:-50px;
	top:-32px;
	width:200px;
	height:150px;
	border-color:#fff;
}

div#conteneur a,div#conteneur a:hover,div#conteneur a:visited
{
	text-decoration:none;
	border:hidden;
}

h1#header a span,.photo ul.topic li a ul,.photo ul.topic li ul
{
	display:none;
}

div#contenu h3 a,div#contenu h3 a:hover,div#contenu h5 a,div#contenu h5 a:hover,a:hover
{
	text-decoration:none;
}

div#contenu g1,div#contenu g1 a
{
	line-height:1.7em;
	margin-left:100px;
	padding-left:5px;
	font-size:1em;
	color:#b30000;
}

div#contenu g2,pre span.comment
{
	color:#b30000;
}

.menu,.menu li.sub:hover,.menu li.sub a:hover
{
	position:relative;
}

.menu :hover ul :hover ul,.menu :hover ul :hover ul :hover ul
{
	left:100px;
	top:0;
	padding:9px 3px;
}

.menu :hover ul :hover ul.left,.menu :hover ul :hover ul :hover ul.left
{
	left:-106px;
}

a,a:visited
{
	color:#000;
}