body {
	margin : 0px auto 0 auto;
	padding : 0;
	width: 100%;
	border : 1px dotter #000;
	background-color:#fff;
}

img{
	border:0;
}




a {text-decoration : none; color: #0066CC; font-weight: bold; }

a:visited {text-decoration:none;  color: #0066CC}

a:hover, a:focus {text-decoration:underline; }

a:active {text-decoration:underline; }

#titresommaire a:hover, #titresommaire a:focus, #titresommaire a:active
{
text-decoration:none;
}
body, body th, body td {
	color : #000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: small;
	voice-family: "\"}\"";
	voice-family: inherit;
} html>body, html>body th, html>body td {font-size: small;}

#document{
	width: 100%;
}


#page1 h1{
	font-size:200%;
	margin-bottom:4em;
	margin-top:1em;

}

h1{
	font-size:16pt;
	margin-left:20%;
	color : #CC3333;
	font-style:italic ;
	position: relative; /* on positionne le conteneur H1 pour placer ensuite le SPAN */
	color: #FFCC66;
	}

.ombre {
position: absolute; /* on superpose le SPAN sur le titre */
top: 2px; /* on décale le SPAN */
left: 2px;
color: #FFCC66;
}
.ombre2 {
position: absolute; /* on superpose le SPAN sur le titre */
top: 1px; /* on décale le SPAN */
left: 1px;
color: black;
}

h2 {
color: #039;
font-weight: bold;
font-size: 130%;
margin-top: 0px;
margin-bottom: 30px;
text-align:center;

}



h3 {
	color: #039;
	font-weight: bold;
	font-size: 105%;
	margin-top: 0px;
	margin-bottom: 10px;
	}

#toc h3{
	 margin-top:20px;
}

h4 {
	color: #039;
	font-weight: bold;
	font-size: 80%;
	margin-top: 0px;
	margin-bottom: 0.2em;
	margin-left:0.2em;
	}


h5 {
	color: #039;
	font-weight: bold;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 0.2em;
	}

h6 {
	color: #039;
	font-weight: bold;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 0.2em;
	}


.cadre_rubrique {
	border-width: 0.05em;
	border-style: solid;
	border-color: #0066cc;
	padding : 5px;
	margin-top : 5px;
	font-size: 85%;
	text-align: left;
	min-width:140px;
}

#gauche{
	float:left;
	height:750px;
	width:200px;
	border-right:1%;
	background-image: url("http://dahl-gourmandise.fr/themes/default/roald-dahl-images/diable-chocolat.jpg");
	background-position: bottom;
	background-repeat:no-repeat;
}

#gauche h3{
text-align:center;
}
#droite{
	float:left;
	width:78%;
}

#titresommaire{
	width:100%;
	background-image: url("http://dahl-gourmandise.fr/themes/default/roald-dahl-images/haut.jpg");
	background-position: top left;
	background-repeat:no-repeat;
	padding-top:48px;
}



.encadre{
	margin-left:10px;
	margin-right:10px;
	padding-bottom:15px;
	border-bottom-style: dashed;
	border-bottom-width: 0.1em;
	background-image: url("http://dahl-gourmandise.fr/themes/default/roald-dahl-images/bonbons.gif");
	background-position: right bottom;
	background-repeat:no-repeat

}

.titre{
	border-bottom-style: dashed;
	border-bottom-width: 0.1em;
	background-position: bottom;
	background-color:#;
		background-image: url("http://dahl-gourmandise.fr/themes/default/roald-dahl-images/bg.gif");
	background-position: top;
}
.titre h2{
	text-align:left;
	margin-bottom:0;
	padding-bottom:0;
}


p{
text-align:justify;
}




TD P { margin-bottom: 0cm; background: transparent; line-height: 100%; text-align: center }
TH P { margin-bottom: 0cm; background: transparent; line-height: 100% }
TH P.cjk { font-style: italic }
TH P.ctl { font-style: italic }
P.sdfootnote-western { margin-left: 0.6cm; text-indent: -0.6cm; font-size: 10pt; font-style: normal; font-weight: medium; line-height: 100%; page-break-inside: avoid; text-decoration: none; page-break-after: avoid }
P.sdfootnote-cjk { margin-left: 0.6cm; text-indent: -0.6cm; font-size: 10pt; font-style: italic; font-weight: bold; line-height: 100%; page-break-inside: avoid; text-decoration: none; page-break-after: avoid }
P.sdfootnote-ctl { margin-left: 0.6cm; text-indent: -0.6cm; font-size: 10pt; font-style: italic; font-weight: bold; line-height: 100%; page-break-inside: avoid; text-decoration: none; page-break-after: avoid }
BLOCKQUOTE { background: transparent; line-height: 150%; text-align: justify }
BLOCKQUOTE.citation-longue-western { margin-left: 1.5cm; margin-right: 1.5cm; text-indent: 1cm; font-size: 10pt; font-weight: medium; line-height: 100% }
BLOCKQUOTE.citation-longue-cjk { margin-left: 1.5cm; margin-right: 1.5cm; text-indent: 1cm; font-weight: bold; line-height: 100% }
BLOCKQUOTE.citation-longue-ctl { margin-left: 1.5cm; margin-right: 1.5cm; text-indent: 1cm; font-weight: bold; line-height: 100% }
A.sdfootnoteanc { font-size: 57% }



dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top:100;
left: 2;
}
dl#menu {
width: 195px;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background-image: url("http://dahl-gourmandise.fr/themes/default/roald-dahl-images/bg.gif");
	background-position: top;
	color:#034283;
}
dl#menu dd {
border: 1px solid gray;
}
dl#menu li {
text-align: left;
background: #fff;
color:#034283;
padding-bottom:2px;
}
dl#menu li a, dl#menu dt a {
color:#034283;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #eee;
}
								   
span.highlight0 {background-color: #FFFF99;}
span.highlight1 {background-color: #FF99FF;}
span.highlight2 {background-color: #99FFFF;}
span.highlight3 {background-color: #FF9999;}
span.highlight4 {background-color: #9999FF;}

