html {margin:0; padding:0; background:#807643;}
body {	margin: 0; padding: 0; background: #807643 url(../images/bg_body.gif) repeat-y center top;}

#tete, #corps, #pied { clear: both; width:1000px; margin:0 auto;}
#coldroite, #colgauche, #preview {display:block;}
#site {margin:0pt auto; width:1002px;  background: #fff;}

/*
 * Tete
*/
#bandeau {height:158px; background:url(../images/bandeau.gif) no-repeat; }
#bandeau a.life {float:right; display:block; height:20px; margin-right:15px; padding-left:40px; padding-top:5px; color:#9a1814; font-weight:bold; background:transparent url(../images/flags/en.gif) no-repeat scroll 10px 6px; }
#bandeau a.life:hover {color:#fff;}
#logo {float: left;}

/*
 * Partie principale (contenu)
*/
ul#navigation {margin:0; padding:0;}

#corps { width: 1000px; background:url(../images/bg_contenu.gif) repeat-y;}
#contenu { float:left; width:780px;  }
#coldroite { margin-top:30px;}
#coldroite, #coldroite-pied { float: right; width: 220px; }
#colgauche, #colgauche-pied { float: left; width: 220px;  }
#colgauche { min-height:500px;}
#preview, #preview-pied { float: left; width: 560px; }
#preview { width:520px; padding-left:20px; padding-right:0px; line-height:1.6em; background:url(../images/bg_preview.gif) no-repeat left top;}

body.galerie #contenu {width:1000px;  background:#E2CB9C url(../images/bg_contenu_galerie.gif) repeat-y center top;}
body.apprendre-reconnaitre #corps {background:#E2CB9C url(../images/bg_contenu_apprendre.gif) repeat-y center top;}
body.galerie #preview {width:1000px; background:url(../images/bg_preview_galerie.gif) no-repeat; padding:0;}

/*
 * Bas de page
*/
#pied { background-color:#fdf6e5; padding-top:5px;}
#colgauche-pied { padding-left:10px; width:210px;}
#coldroite-pied img { width:auto; margin:0 auto;}
#preview-pied { padding-left:80px; width:480px;}

#preview-pied p { float:left; margin:0; padding-left:15px; line-height:1.6em; font-size:0.9em; }
#preview-pied p .rouge { color:#690d0e; font-weight:bold;}
#preview-pied a { color:#690d0e;}
#preview-pied a:hover, #copyright a:hover {color:#c4a500;}

#bas-page { text-align:center; color:#696864; font-size:0.9em; line-height:1.6em;}
#bas-page p { margin:5px 0 10px;}
#bas-page a { color:#696864;}
#bas-page a:hover { color:#000;}

#copyright { padding-top:20px; height:30px; background:url(../images/bg_copyright.gif) no-repeat center top; text-align: center; margin:0 auto; font-size: 0.85em;}
#copyright p { margin:0; padding:0px; color:#d7cfb4; }
#copyright a { color:#fff; }