/*  CSS TEMPORAIRE UTOPIALES 2005 par DA-CODE.COM */
html, body {background-color:#ffffff;width:100%;height:100%;margin:0;padding:0;}
body, h1, h2, h3 {font-family: Verdana, Arial, Sans-serif ;color:#000000;font-size:95%;margin:auto;text-align:center}
#utopiales {margin:0;padding:0;background-image:url(da-code-utopiales.jpg); background-repeat:no-repeat; background-position : top right; margin:auto;width:760px; text-align: left;}

#contenu {width:400px;text-align:left;margin-left:80px;}
p {text-align:justify;font-size:75%;line-height:145%;margin-bottom:35px;}

#pied {margin:0;padding:0;background-image:url(piedepaj.jpg); background-repeat:no-repeat; background-position : bottom right; margin:auto;width:760px; text-align: left;} 

h1, h2{font-size:135%; text-align:left}
h2 {font-size:115%;}
h1,h3 {text-transform:uppercase}
strong {text-align:center;font-weight:normal}
b, em {font-weight:bolder}
a:link, a:visited {text-decoration:none;border-bottom-style:dashed;border-width:thin;border-bottom-color:#000000}
a:hover, a:active {text-decoration:none;border:none}
.lang {font-size:70%}

a.dacode {font-size:70%;margin-left:16%}

/* IE5 MAC OS9 AIME PAS LES PLACEMENT POURCENTAGES NEGATIFS, APPLIQUES ICI POUR LES AUTRES \*/
#utopiales {background-position : -2% right; margin:auto;width:760px; text-align: left;}
/* end hack */