@charset "utf-8";
/* Construction (Montage)
----------------------------------------------------------*/
* { vertical-align:baseline; margin:0; padding:0; }
html, body { text-align:center; height:100%; }
html {background:#ffeac1 url('../images/intro-fond-vertical.jpg') repeat-y 50% 0;   }
body { background:transparent url('../images/intro-fond-droite.jpg') repeat-x 0 0; position:relative; color:#000; font-size:80%; font-family:"Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

h1 { padding:.5em 0 1.5em; color:#000; font:bold 12px Georgia, "Times New Roman", Times, serif; text-align:center; }
p { font-size:.9em; margin:0; padding:0 0 1em; }
img { border:none; vertical-align:text-top; }
code, pre { font-size:1em; }
a { color:#000; text-decoration:underline; }
a:hover { text-decoration:none; }/*si changement de couleur au survol*/

textarea { color:#000; border-width:thin; padding:3px; }

/* Intro
----------------------------------------------------------*/
#fond_intro_gauche { background:transparent url('../images/intro-fond-gauche.jpg') repeat-x 0 0; height:555px; left:0; position:absolute; top:0; width:50%; }
#intro { position:relative;  }
#intro h1 { color:#000; }/*position du h1*/
#anim {  width:980px; height:555px; margin:0 auto; }/*position de l'anim*/

/* Image de validation W3C
----------------------------------------------------------*/
#validator a img { filter:alpha(opacity=50); opacity:.5; margin:.5em 3em 0 0; background-color:#000; }
#validator a:hover img { filter:alpha(opacity=100); opacity:1; }

#fix-intro { width:1000px; margin: 0 auto;}