﻿body { margin: 0; padding: 0; background: #fff url(Ressources/Interface/fond.jpg) no-repeat center top; overflow: auto; }
form { }

#content { width: 976px; margin: 0 auto 32px auto; position: relative; /* pour utiliser absolute dans les div enfants*/ }

#illustration01 { background: url(Ressources/Interface/corps.png) repeat-y; width: 960px; height: 116px; margin: 0; padding: 0 8px 0px 8px; }
#enTete { height: 88px; }
#corps { background: url(Ressources/Interface/corps.png) repeat-y; margin: 0; margin: 0; padding: 0 8px 0px 8px; min-height: 640px; float: left; /* pour maintenir le flux */ position: relative; width: 960px; }
#colonne01 { width: 360px; float: left; /* pour maintenir le flux */ position: relative; }
#colonne02 { width: 600px; float: left; /* pour maintenir le flux */ position: relative; }
#illustration02 { width: 600px; float: left; /* pour maintenir le flux */ }
#texte { width: 472px; position: relative; float: left; /* pour maintenir le flux */ margin: 32px 96px 64px 32px; }
#epilogue { float: left; /* pour maintenir le flux */ width: 960px; height: 222px; background: url(Ressources/Interface/epilogue.gif) no-repeat left top; margin: 0; padding: 0 8px 0px 8px; position: relative; /* pour utiliser absolute dans les div enfants*/ }
#piedDePage { float: left; /* pour maintenir le flux */ width: 960px; height: 192px; background: url(Ressources/Interface/piedDePage.gif) no-repeat left top; margin: 0; padding: 0 8px 0px 8px; position: relative; /* pour utiliser absolute dans les div enfants*/ }
#actualites { background: #d2d1d1; min-height: 338px; padding: 24px; }
#actualites h2 { font-size:.9em; }
#actualites a { font-weight: normal; }
#agenda { padding: 24px; }
#video { height: 336px; }

