BODY { background: url(../images/background_left.gif) repeat-y; margin: 0px }
BODY, TD, INPUT, TEXTAREA, BUTTON, SELECT
  { font-family: tahoma, verdana, arial, helvetica; font-size: 11px }
FORM { margin: 0px }

TABLE.topMenu TD { font-family: arial black; font-size: 12px;
  background: url(../images/submenu_dot.gif) no-repeat left 3px;
  padding: 1 7 0 19; white-space: nowrap }
TABLE.topMenu TD A { color: black; text-decoration: none }
TABLE.topMenu TD A:hover { color: #f94d0f }

DIV#searchTitle { position: absolute; left: 0px; width: 164px;
  text-align: right; font-family: arial black; font-size: 12px; top: 101px;
  color: #0a218c }

/* Sommaire
*/
A.sommaireTitle { font-family: arial black; font-size: 12px;
  text-decoration: none; color: #0a218c }
A.sommaireTitle:hover {  color: #f94d0f }

/* Menus
*/
DIV.menuMain { width: 150px }

DIV.menuMain A.item { font-family: arial black; font-size: 12px; color: black;
  text-decoration: none }
DIV.menuMain A.item * { cursor: pointer; cursor: hand }
DIV.menuMain A.item:hover { color: #f94d0f }

DIV.menuMain DIV.title { text-align: right }

DIV.menuMain DIV.noicon { height: 36px; margin-bottom: 9px }
DIV.menuMain DIV.icon { height: 45px; padding: 6 0 0 6 }
DIV.menuMain DIV.icon IMG { border: 0px; width: 34px; height: 34px }

DIV.menuWhite DIV.icon { background: url(../images/menu_item_0.gif) no-repeat }
DIV.menuWhite DIV.noicon { background: url(../images/menu_item_nopict_0.gif)
  no-repeat }

DIV.menuColor DIV.icon { background: url(../images/menu_item2_0.gif) no-repeat }
DIV.menuColor DIV.noicon { background: url(../images/menu_item2_nopict_0.gif)
  no-repeat }

/* Sub MENUS
*/
DIV.subMenu { padding-bottom: 7px;
  border-bottom: 1px dashed silver; margin-bottom: 5px }

DIV.subMenu DIV.item { text-align: right; padding-top: 1px;
  font-family: arial black; background: url(../images/submenu_dot.gif)
  no-repeat right 3px; padding-right: 19px }

DIV.subMenu DIV.item A { color: black; text-decoration: none }
DIV.subMenu DIV.item A:hover { color: #f94d0f }

/* Article LIST
*/
TABLE.articleList TD { vertical-align: top }

TABLE.articleList TD.photo { border-right: 1px solid silver }
TABLE.articleList TD.photo IMG { width: 75px; border: solid silver;
  border-width: 1 0 1 1 }

TABLE.articleList DIV.title { font-variant: small-caps; font-size: 16px;
  color: #0a218c; text-decoration: underline; margin-bottom: 3px;
  margin-left: 5px; font-family: arial black }

/* DIV.date is defined in "Accueil ACTUALITES" */

TABLE.articleList DIV.chapeau { margin-left: 5px; text-align: justify }
TABLE.articleList DIV.suite { font-size: 9px; font-weight: bold;
  background: silver; padding: 1 5 1 2; width: 1px; white-space: nowrap;
  margin-top: 5px }

TABLE.articleList DIV.suite A { color: black; text-decoration: none }
TABLE.articleList DIV.suite A:hover { color: white }

/* Article
*/
DIV.articleTitle:first-letter { font-size: 24px }

/* Rubrique TITLE
*/
TABLE.rubriqueTitle { width: 100% }

TABLE.rubriqueTitle TD.photo {
  border-right: 1px solid silver; vertical-align: top }
TABLE.rubriqueTitle TD.photo IMG {
  width: 75px; border: solid silver; border-width: 1 0 1 1 }

TABLE.rubriqueTitle TD.title { padding: 0 35 0 7; color: white;
  font-family: arial black; font-variant: small-caps; font-size: 24px;
  width: 100%; background: #0a218c url(../images/deco_rubrique_title.gif)
  right repeat-y; vertical-align: bottom; text-align: right }

/* Accueil ACTUALITES
*/
TABLE.accueilActualites { width: 100% }
TABLE.accueilActualites TD { width: 50%; vertical-align: top }

TABLE.accueilActualites TD.left {
  border-right: 1px dashed silver; padding-right: 10px }
TABLE.accueilActualites TD.right { padding-left: 10px }

TABLE.accueilActualites TD IMG { float: left; width: 2.5cm;
  border: 1px solid silver; margin: 5 5 5 10; padding: 0px }
TABLE.accueilActualites DIV.title { background: #f1f1f1;
  border-left: 5px solid #0a218c; padding: 3px; font-weight: bold;
  font-variant: small-caps; font-size: 12px; margin-bottom: 5px }

/* External definition from "Article LIST" */
TABLE.articleList       DIV.date,

TABLE.accueilActualites DIV.date { background: #0a218c; color: white;
  margin-bottom: 5px; font-size: 10px; font-weight: bold; padding: 3px;
  border-left: 5px solid #f94d0f; font-variant: small-caps }
TABLE.accueilActualites DIV.chapeau {
  text-align: justify; padding: 0 3 10 8; border-right: 2px solid silver }
TABLE.accueilActualites DIV.suite { font-size: 9px; font-weight: bold;
  background: silver; width: 1px; white-space: nowrap; padding: 1 5 1 5 }

TABLE.accueilActualites DIV.suite A { color: black; text-decoration: none }
TABLE.accueilActualites DIV.suite A:hover { color: white }

/* _structureCell.tpl
*/
DIV.structureCell IMG.photo { float: left; width: 2.5cm;
  border: 1px solid silver; margin: 5 5 5 10; padding: 0px }
DIV.structureCell DIV.title { background: #f1f1f1;
  border-left: 5px solid #0a218c; padding: 3px; font-weight: bold;
  font-variant: small-caps; font-size: 12px; margin-bottom: 5px }

DIV.structureCell DIV.smallTitle { background: #0a218c; color: white;
  padding: 1 1 1 5; font-size: 10px; font-weight: bold;
  font-variant: small-caps; margin-top: 5px; border: 1px solid silver;
  clear: both }
DIV.structureCell DIV.smallRow { border: solid silver; border-width: 0 1 1 1;
  background: #f1f1f1; padding: 1 1 1 5; font-size: 10px }

DIV.structureCell DIV.smallRow A { text-decoration: none; color: black }
DIV.structureCell DIV.smallRow A:hover { color: #f94d0f }

DIV.structureCell TABLE.fields {
  X_width: 100%; margin-top: 5px; border: 0px solid silver; clear: both }

DIV.structureCell TABLE.fields TD.title,
DIV.structureCell TABLE.fields TD.value
  { padding: 2 2 2 5; font-size: 10px; vertical-align: top }

DIV.structureCell TABLE.fields TD.title { text-align: right; font-weight: bold;
  font-variant: small-caps; color: #0a218c }
DIV.structureCell TABLE.fields TD.value { X_width: 100% }

DIV.backContainer { background: #f1f1f1; font-size: 10px;
  font-weight: bold; font-variant: small-caps; text-align: center;
  margin-top: 5px; border: 1px solid silver }
DIV.backContainer A { text-decoration: none; color: black }

/* Article LINKS
*/
TABLE.articleLinks { width: 100% }

TABLE.articleLinks TD.articleLinks_right,
TABLE.articleLinks TD.articleLinks_left {
  width: 50%; vertical-align: top; padding-bottom: 10px }

TABLE.articleLinks TD.articleLinks_left {
  padding-right: 10px; border-right: 1px dashed silver }
TABLE.articleLinks TD.articleLinks_right { padding-left: 10px }

/* Module CRITERIAS
*/
DIV.moduleCriterias SELECT,
DIV.moduleCriterias BUTTON { width: 100%; font-size: 10px }
DIV.moduleCriterias BUTTON { font-weight: bold }

DIV.moduleCriterias DIV.row   { padding-top: 2px }
DIV.moduleCriterias DIV.title { padding-top: 2px; font-family: arial black;
  font-weight: normal; font-variant: small-caps; font-size: 10px }

DIV.moduleCriteriasTitle { background: #f94d0f; padding: 1 1 1 3;
  border: 1px solid silver; font-family: arial black; font-size: 12px;
  color: white }
TD.moduleCriteriasContainer {
  background: #fdc url(../images/module_criterias_shadow.gif) repeat-x;
  padding: 3px; border: solid silver; border-width: 0 1 1 1 }

/* Page NAVIGATION
*/
DIV.pageNavigation { border-top: 1px solid silver;
  margin-top: 10px; padding-top: 3px }

DIV.pageNavigation SELECT { vertical-align: middle }
DIV.pageNavigation * { font-size: 10px }

/* Plan SITE
*/
TABLE.planSite DIV.level { border-bottom: 1px solid silver;
  border-left: 5px solid silver; padding-left: 5px }

TABLE.planSite DIV.level A { color: #0a218c; text-decoration: none;
  font-family: arial black; font-size: 13px; font-variant: small-caps }
TABLE.planSite DIV.level A:hover { color: #f94d0f }

TABLE.planSite UL { margin-top: 5px; margin-bottom: 0px }

TABLE.planSite UL A { color: black;
  text-decoration: none; font-variant: small-caps }
TABLE.planSite UL A:hover { color: #f94d0f }

/* Forms
*/
DIV.formTitle { background: #0a218c; padding: 2 2 2 5; border: 1px solid silver;
  color: white; font-family: arial black; font-variant: small-caps;
  font-size: 12px; margin-bottom: 5px }
DIV.formDescription {
  border-left: 1px solid silver; padding-left: 5px; padding-right: 2px }

DIV.formErrorNotice { background: #f94d0f; padding: 2 2 2 5;
  border: 1px solid black; border-left-width: 5px; color: white;
  font-variant: small-caps; font-weight: bold; margin-top: 10px }
DIV.formOKNotice { background: #e0e3f2; padding: 2 2 2 5;
  border: 1px solid black; border-left-width: 5px; font-variant: small-caps;
  font-weight: bold; margin-bottom: 10px }
DIV.formErrorMessage { background: #fdc; padding: 2 2 2 5;
  border: 1px solid silver; border-left-width: 5px; font-variant: small-caps }

TD.formHTML INPUT, TD.formHTML SELECT, TD.formHTML TEXTAREA { width: 100% }
TABLE.formContainer INPUT { vertical-align: middle }
TD.formFelDescription { font-size: 10px; padding-bottom: 1px; color: #777;
  padding-top: 3px; border-top: 1px solid #f1f1f1 }
TD.formFelRequired, SPAN.formFelRequired {
  text-decoration: underline; color: #0a218c }

/* Bottom Navigation LINE
*/
DIV.bottomLine { background: #e0e3f2; text-align: right; font-size: 10px;
  clear: both; border: 1px solid silver; border-top-color: black;
  padding: 1 3 1 1; margin-top: 50px }

DIV.bottomLine A {
  text-decoration: none; color: #0a218c; font-weight: bold }
DIV.bottomLine A:hover { color: #f94d0f }

/* Download BLOCK
*/
DIV.documentsTitle { font-size: 10px; background: #0a218c; color: white;
  font-weight: bold; text-align: right; padding: 2 5 2 2 }
DIV.documents { border: solid silver; border-width: 1 0 1 0;
  background: #f1f1f1; padding: 2 4 2 4 }

DIV.documents A { text-decoration: none; color: black }
DIV.documents A:hover { color: #f94d0f }

/* DOSSIER ********************************************************************/

DIV.dossierTitle, A.dossierTitle { font-family: arial black; font-size: 24px; font-variant: small-caps; color: #999 }

DIV.dossierSommaire { background: white; border: solid silver; border-width: 0 1 1 1; filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color='#999999'); width: 100%}
DIV.dossierSommaireTitle { background: #f94d0f; color: white; padding: 1 1 1 10; font-family: arial black; font-variant: small-caps; font-size: 12px; border-bottom: 1px solid silver; width: 100%; filter: progid:DXImageTransform.Microsoft.DropShadow(OffY=5, OffX=0, Color='#eeeeee') }

DIV.dossierChapTitle { font-family: arial black; font-size: 24px; font-variant: small-caps; color: #0a218c; border-bottom: 1px dashed silver; margin-bottom: 10px }
DIV.dossierChapChapeau { text-align: justify; font-weight: bold; font-size: 12px; color: #6977bb; font-variant: small-caps }
DIV.dossierChapCorps { text-align: justify }

/* Cette règle contourne un bug dans Exploreur qui fait que les puces rentrent à
moitié sous le Sommaire. Elle décale un peu plus les puces qui se trouvent au
delà du Sommaire mais cela ne gène pas la lisibilité du texte. Comme d'habitude
il n'y a pas d'explication claire ni pour la cause du problème ni pour l'effet
de la "solution". */

DIV.dossierChapCorps UL { text-indent: 7px }
DIV.dossierChapCorps LI { margin-top: 0.5em }

A.dossierSommaireChap { font-family: arial black; font-size: 11px; color: black; text-decoration: none; font-variant: small-caps }
A.dossierSommaireChap:hover { color: #f94d0f }

/******************************************************************************/