body {	margin: 0; padding: 0; background: #e1def6;}
#tete, #chemin, #corps, #pied { clear: both; }

#site {width:990px; margin:0pt auto; padding-bottom:15px; background:#fff; }

/* Liens d'évitement */
ul#skip { text-align: right; margin: 0; display: none; }
ul#skip li { display: inline; list-style: none; padding: 0 0.2em;  }
/*
 * Tete
*/
#tete {}
#tete ul, #tete li { margin: 0; padding: 0; list-style: none; }
#bandeau {width: 990px; overflow:hidden; background:url(../images/bg_bandeau.jpg) no-repeat right top;}
#logo, #animation {float: left; }
#animation { float:right; overflow:hidden;}
#logo { background: top left no-repeat; }
#logo h1 { margin: 0; }
#logo h1 a { text-indent: -999999px; width: 413px; height: 146px; display: block; }
/*
 * Partie principale (contenu)
*/

#chemin, #recherche {float: left;}
#chemin { width: 960px; padding: 8px 15px 0px; color: #8b8b8b; font-size: 0.7em;}
#chemin a { color: #8b8b8b; }
#chemin a:hover { color: red;}
#recherche {background: #e77f05; padding: 0px;}

#corps { overflow: hidden; text-align: left; background: #fff url(../images/bg_colonne_droite.gif) repeat-y 748px 20px;}
#contenu { float: right; width: 990px; padding: 0 0px 20px;}
#contenu #preview, #contenu #coldroite { float: left;}
#contenu #coldroite { width: 202px; padding: 0 20px 20px; text-align: left;}
#contenu #preview { width: 708px; padding: 20px 20px 0;}

/*
 * Bas de page
*/
#pied { text-align: center; padding: 4px 1em; margin:0 2em; border:1px solid #e8e4fc; background:#fff; height:1em; }
#pied p { margin: 0; }
#pied a { color: #b1aad4; }
#pied a:hover { text-decoration:underline; }
#copyright {text-align: center; padding: 1em; font-size: smaller; color:#666; }
#liens {text-align: center; padding: 1em; font-size: smaller; color:#666; padding-bottom:0px;}

