* {font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
body, div, p, ul, li, a, h1, h2, h3, h4, img, hr {padding:0;	margin:0; }
body {position:relative; width:760px; margin-left:auto; margin-right:auto; text-align:center; background-color:#d5d5d5;}

#header { height:14px; background:url(images/bg-entete.gif) top left no-repeat;}
#page { position:relative; top:0; left:0; background:url(images/bg-page.gif) top left repeat; width:760px; margin-top:1em; text-align:left;}

#corps { position:relative; background-color:#faefcf; width:450px; margin-left:151px; color:#444; margin-bottom:4em;}
#corps p {padding:5px 0 0 30px; font-size:0.8em; text-align:justify;}

#corps ul {margin-top:0.8em;}
#corps ul li {font-size:0.8em; color:#83989b; list-style-type:square; list-style-position:inside; padding:0 0 8px 30px; } 
#corps ul li span {color:#444;}
#corps ul li a {color:#83989b; text-decoration:none;}
#corps ul li a:hover {color:#fc3;}

#corps ul.ultarifs {margin-top:0;}
#corps ul.ultarifs li {color:#444; padding:0 0 0 30px;}

#detail {position:relative; margin-left:30px; margin-top:30px; width:134px; background:url(images/bas-detail.gif) bottom right no-repeat; }
#detail p {padding:15px 10px 20px 10px; width:99px; height:200px; border:1px solid #7d9599; border-bottom:0; text-align:left; font-size:0.7em; color:#83989b; }
#detail a, #anim a {color:#83989b; font-size:0.9em;}
#detail a:hover, #anim a:hover {color:#fc3;}
#anim {position:relative; margin-top:-238px; left:170px; width:278px; height:236px; border:1px solid #7d9599; padding-top:0; }
#anim a {margin-left:60px; font-size:0.9em;}
#entete {position:absolute; top:14px; left:1px; background:url(images/bg-logo.gif) top left no-repeat; width:150px; height:109px;}
#entete img {margin-top:10px; margin-left:30px;}

#menu {position:absolute; top:138px; left:0; width:150px; color:#ccc; }
#menu ul li {list-style:none; font-size:0.8em; font-weight:bold; text-align:center;}
#menu ul li a {display:block; line-height:2.4em; width:150px; color:#fff; text-decoration:none;}
#menu ul li a:hover, #menu ul li a.actif {color:#fc3; background:url(images/bg-gris-over.gif)}

#ill { position:absolute; top:14px; left:618px; width:121px; }

#pied {float:none; position:relative; margin-top:-2em; height:2.3em; background:url(images/pied-page.gif) bottom left no-repeat; color:#ccc; font-size:0.7em;}
#pied a {color:#ccc; text-decoration:none;}
#pied a:hover {color:#fc3;}
#rea {width:140px; float:left; text-align:center; padding-left:10px; }
#copy {float:left; margin-left:15px; width:590px;}

#coord {margin-top:150px; margin-left:10px; font-size:0.7em; color:#FFFFFF; width:150px;}
#coord p {margin-top:10px; }

p {margin:0;}
h1 {background-color:#dfe4e5; color:#7d9599; width:305px; padding:0 10px 0px 30px; font-size:1.4em; margin-top:50px; margin-bottom:15px;}
h2 {color:#7d9599; padding:10px 0 0 29px; font-size:1em;}
h3 {color:#7d9599; padding:10px 0 0 29px; font-size:0.8em;}
.nof {visibility:hidden; float:none; clear:both;}
.ifright {float:right; padding:5px 0 0px 40px;}
.ifleft {float:left; }
.couv {float:right; padding:30px 0 20px 20px; margin-left:10px;}

/* Formulaire */
.lab {display:block; float:left; width:80px; margin-top:5px;}
.Err { color:red;}
.ch, .boite {font-size:1em; width:300px; background-color:#faefcf; color:#069; display:inline;}
.ch {border:0; border-bottom:1px solid #7d9599; }
.boite {border:1px solid #7d9599; height:100px; margin-top:5px; }
.ob {font-size:0.7em; color:#069; margin-top:1em;}
.raz, .ok {margin-top:1.5em;}
.raz {margin-left:30px;}
.ok {margin-left:100px;}
input[type=text]:focus, textarea:focus, input[type=button]:hover, input[type=reset]:hover {border-color:#ccc;}
form {margin-top:0.5em;}
#form1 p {margin-bottom:4px;}

/* Diapo */
#visionneuse {text-align:center; font-size:0.8em; margin-top:40px;}
#visionneuse img {padding-bottom:20px;}

#vignettes {width:400px; height:60px; margin-left:30px; margin-top:20px; background:url(diapo/bg-vignettes.gif) top left no-repeat; padding-left:25px;}
#vignettes img {border:0; padding-top:10px; margin-left:2px;}
#vignettes p {padding:0; margin-top:10px; text-align:center; width:330px; font-size:0.7em;}

#visionneuse a, #vignettes a {text-decoration:none; color:#83989b;}
#visionneuse a:hover, #vignettes a:hover {color:#fc3;}

/* liste de liens utiles */
#liens {padding-left:30px; }
#corps #liens li {display:inline; margin:0; padding:0;}
#liens img {border:none; margin-right:10px;}