body {
background-attachment:fixed;
background-color:#CC9;
background-image:url(ressources/fond_page.gif);
background-position:top left;
background-repeat:no-repeat;
color:#336;
font-size:1em;
margin:0;
text-align:justify;
}

a:link {
color:#336;
}

a:visited {
color:#4c3366;
}

a:active {
color:#FFF;
}

.titre {
float:left;
font-weight:700;
height:62px;
width:130px;
}

.navig {
background-image:url(ressources/transparence-fond2.gif);
background-repeat:repeat;
border:thin dotted #000;
color:#000;
font-size:1.2em;
margin-left:8em;
padding:1em;
}

.menu {
background-image:url(ressources/transparence-fond2.gif);
background-repeat:repeat;
border:thin dotted #000;
color:#000;
font-size:.8em;
margin-left:0;
padding:1em;
position:relative;
text-align:left;
width:8em;
}

.contenu {
left:8.5em;
padding:.5em;
position:absolute;
top:5em;
}

.contenu table {
float:left;
}

div.float {
float:left;
padding:1em;
text-align:center;
}

div.float p {
width:18em;
}

div.conteneur {
background-color:#ffe;
border:2px dashed #333;
}

div.spacer {
clear:both;
}

dl.vignette {
background-image:url(ressources/transparence-fond2.gif);
background-repeat:repeat;
border:1px solid #888;
color:#000;
float:left;
margin-right:1em;
padding:.8em;
text-align:center;
}

.vignette dd {
font-size:12px;
margin:0;
}

dl {
background-image:url(ressources/transparence-fond2.gif);
background-repeat:repeat;
border:1px solid #888;
float:left;
margin-right:1em;
padding:.8em;
text-align:center;
width:260px;
}

dt.img {
clear:left;
padding-bottom:.4em;
padding-left:.8em;
padding-top:1.8em;
}

dd {
font-size:1em;
margin:0;
}

.citation {
font-style:italic;
}

#texte {
background:transparent;
border:0;
float:left;
margin:0;
padding:10px 2%;
voice-family:inherit;
width:46%;
}

#image {
border:0;
float:right;
margin:0;
padding:10px 2%;
voice-family:inherit;
width:46%;
}

.vignette dt,dt {
font-size:1.1em;
font-weight:700;
text-align:center;
}

.vignette dt img,img {
border:1px solid #000;
}

html>body #texte,html>body #image {
width:46%;
}