body.body {font-family: "Arial"; font-size: 11pt; text-align: left; margin-left: 0px; margin-right: 0px; margin-top: 0px}
a.banner  {color: #778e1e; font-size: 100%; text-decoration: none; font-weight: bold}  /* TOP RIGHT BANNER (Important / Plan du site...) */
a         {color: #002b54; font-size: 100%; text-decoration: none; font-weight: bold}
a:hover   {color: #000000; font-weight: bold}
a:visited {font-weight: bold; text-decoration: none}
a.emploi         {font-size: 100%; text-decoration: none; font-weight: normal}
a.emploi:visited {font-size: 100%; text-decoration: none; font-weight: normal}
a.emploi:hover   {color: #000000; font-weight: normal}
ul {padding-right: 10px; padding-top: 0px; margin-top: 1ex}
li {color: #000000;text-decoration: none; font-size: 80%; font-weight: bold; list-style-color:#ffff00; list-style-type: square; margin-bottom: 5px}
.plansite ul {padding-right: 10px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px}
.normal ul {font-size: 100%; text-decoration: none; font-weight: normal}
.normal li {font-size: 100%; text-decoration: none; font-weight: normal}
.normal2 ul {font-size: 100%; text-decoration: none; font-weight: normal}
.normal2 li {color: #000000;text-decoration: none; font-weight: normal; font-size: 100%; list-style-color:#44ffff; list-style-type: none; padding-bottom: 0px}
.normal3 li {color: #000000;text-decoration: none; font-weight: normal; font-size: 80%; list-style-color:#ffffff; list-style-type: decimal; padding-bottom: 5px}
.normal4 li {color: #000000;text-decoration: none; font-size: 80%; font-weight: bold; list-style-color:#ffff00; list-style-type: square; margin-bottom: 5px}
.pnj th {font-size: 80%; margin: 0px; border-top: none; border-left: none; padding: 2px; border-right: none; border-bottom: thin solid #ffffff; background-color:#ffffff}
.pnj td {font-size: 80%; margin: 0px; border-top: none; border-left: none; padding: 2px; border-right: none; border-bottom: thin solid #ffffff; background-color:#ddddff}

.emploi th {font-size: 100%; background-color:#ccccff; text-align: center; vertical-align: bottom; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px}
.emploi td {font-size: 100%; color:#113474; background-color:#ddddff; text-align: center; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5x}

.elec th {font-size: 80%; background-color:#ccccff; text-align: left; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px}
.elec td {font-size: 80%; background-color:#ddddff; text-align: left; padding-left: 50px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; border-top: 3px}
.elec2 td {font-size: 80%; background-color:#ddddff; text-align: left; padding-left: 25px; padding-right: 25px; padding-top: 5px; padding-bottom: 5px; border-top: 3px}
.elecdate td {font-size: 150%; background-color:#ccccff; text-align: center; color: #002b54; font-weight: bold; text-align: center; padding-left: 25px; padding-right: 25px; padding-top: 5px; padding-bottom: 5px; }
table.vert {margin-left: 25px}
.vert th {font-size: 80%; background-color:#bccc8c; text-align: center; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px}
.vert td {font-size: 80%; background-color:#f2ffe0; text-align: left; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; border-top: 3px}

 /* Bouttons - Liens à cliquer */
a.links              {color: #002b54; font-size: 100%; text-decoration: none; font-weight: bold; background-color: #c8d4fa}
a.links:hover        {color: #000000; font-weight: bold}
a.links:visited      {font-weight: bold}
table.links          {font-size: 100%; color:#113474; background-color:#c8d4fa; text-align: center; vertical-align: middle; padding-right: 0px; margin: 10px}
td.links             {font-size: 100%; color:#113474; background-color:#c8d4fa; text-align: center; vertical-align: middle; padding:0px; margin: 0px}
td.linkstopleft      {background-image: url(cl1.gif); background-repeat: no-repeat; heigth: 15px; width: 15px; padding: 0px}
td.linkstopcenter    {background-image: url(clt.gif); background-repeat: repeat}
td.linkstopright     {background-image: url(cl2.gif); background-repeat: no-repeat; height: 15px; width: 15px; padding: 0px}
td.linksmiddleleft   {background-image: url(cll.gif); background-repeat: repeat}
td.linksmiddleright  {background-image: url(clr.gif); background-repeat: repeat}
td.linksbottomleft   {background-image: url(cl4.gif); background-repeat: no-repeat; height: 15px; width: 15px; padding: 0px}
td.linksbottomcenter {background-image: url(clb.gif); background-repeat: repeat}
td.linksbottomright  {background-image: url(cl3.gif); background-repeat: no-repeat; height: 15px; width: 15px; padding: 0px}
table.qa {padding: 103px; margin: 100px} /* Q & A */
td.qa {font-weight: bold; background-color: 002b54; color: ffffff; font-size: 120%; padding-left: 10px; padding-right:10px; padding-top: 5px; padding-bottom: 5px}
td.qa2{font-weight: normal; background-color: ffffff; color: 000000; font-size: 100%}
.eatsmart td {font-size: 75%; border: solid; border-color:#ffffff; border-top-width: 8px; border-bottom-width: 8px; padding-left: 8px; padding-right: 8px}
td.index {font-size: 75%; font-style: italic; color: 002b54; text-align: center}
td.indexsmall {font-size: 60%; font-style: italic; color: 7096af; text-align:center}
.accesinfo td {font-size: 100%; vertical-align: top; background-color:#c8d4fa; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px}
table.banner  {background-image: url(banhnertmp.jpg);background-repeat: no-repeat;  background-position: center center; border: none; border-width: 0px; border-collapse: collapse}
td.banner     {vertical-align: middle; padding: 10px; font-size: 100%; line-height: 1.5; color:#ffffff; border-width: 0px; font-family: "Arial Narrow", Arial, sans-serif;}
.soustitrepnj {font-size: 80%; margin-left: 10px}
.reglements td {font-size: 80%; font-weight: bold; vertical-align: middle; padding-right: 15px; padding-left: 15px; background-color:#ddddff}
.acrobat {font-size: 70%; text-align: center}
.cipmenu a {color: #000099; font-size: 60%; text-decoration: none; font-weight: normal}
.cipmenu a:visited {color: #000099; font-size: 60%; text-decoration: none; font-weight: normal}
.cipmenu a:hover {color: #000099; font-size: 60%; text-decoration: none; font-weight: normal}
p {margin-top: 0}
.bannertopright {font-size: 60%; color: #778e1e; font-weight: bold; font-variant: normal; vertical-align: bottom; padding-bottom: 3px; padding-right: 5px; margin-bottom: 0px; text-align: right}
.bannertopleft  {font-size: 60%; color: #778e1e; font-weight: bold; font-variant: normal; vertical-align: bottom; padding-bottom: 3px; padding-left: 5px; margin-bottom: 0px; text-align: left}
.bannermiddle  {background-color: #002b54; padding: 0px; margin: 0px; vertical-align: bottom}
.bannerbottomleft {font-size: 70%; color: #002b54; font-variant: normal; font-weight: bold; vertical-align: bottom; padding-bottom: 5px; padding-left: 152px; padding-right: 257px; margin-bottom: 0px; text-align: center}
.xyz {padding-left: 20px; padding-right: 20px; width: 100%}
.title {border: solid; border-color: #002b54; border-bottom-width: 1px; 
               border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; 
               padding-left: 0px; margin-left: 0px; font-size: 120%; font-weight: bold; color: #002b54; width: 95%}
.title2 {background-image: url(carrevert.jpg); background-repeat: no-repeat; 
               border-width: 0px;  text-indent: 15px; font-variant: small-caps; display: block;
               margin-left: 0px; padding-left: 55px; font-size: 120%; font-weight: bold; color: #002b54; width: 95%}
.subtitle2 {background-image: url(carrevertsmall2.jpg); background-repeat: no-repeat; 
               border-width: 0px; display: block; background-position: center left;
               margin-left: 0px; padding-left: 11px; margin-bottom: 8px; font-weight: bold; color: #002b54;
               }
.subtitle2n {background-image: url(carrevertsmall2.jpg); background-repeat: no-repeat; 
               border-width: 0px; display: block; background-position: center left;
               margin-left: 0px; padding-left: 11px; margin-bottom: 8px; font-weight: normal; color: #002b54;
               }
.subtitle2blk {background-image: url(carrevertsmall.jpg); background-repeat: no-repeat; 
               border-width: 0px; display: block; background-position: center left;
               margin-left: 25px; padding-left: 11px; margin-bottom: 8px; font-weight: normal; color: #000000; width: 95%}
.subtitle3 {background-image: url(carrevertsmall.jpg); background-repeat: no-repeat; 
               border-width: 0px;  font-size: 80%; display:block; background-position: top left;
               margin-left: 25px; padding-left: 11px; margin-bottom: 8px; font-weight: bold; color: #002b54; width: 95%}
.subtitle3blk {background-image: url(carrevertsmall.jpg); background-repeat: no-repeat;
  background-position: top left;
               border-width: 0px;  font-size: 80%; display:block;
               margin-left: 25px; padding-left: 11px; margin-bottom: 8px;  color: #000000; width: 95%}
.subtitle {font-size: 105%; font-weight: bold; color: #002b54; margin-bottom: 6px}

table.warning {background-color:#ffff00; border-width: 1px; border: solid; border-color:#000000}
td.warning    {font-size: 90%; color:#000000; background-color:#ffff00; text-align: center; vertical-align: middle; padding:0px; margin: 0px}
a.warning         {font-size: 80%; text-decoration: none; font-weight: bold}
a.warning:visited {font-size: 80%; text-decoration: none; font-weight: bold}
a.warning:hover   {color: #000000; font-weight: bold}

div.indent {padding-left: 50px}

div.centerv {position: absolute; width: 950px; height: 125px; margin-left: auto; margin-right: auto; 
            top: 25px; 
            border-width: 2px;
            background-image: url(banner9.jpg);
            vertical-align: bottom
            }
div.centerh {position: relative; top: 105px; left: -50px; font-size: 70%;  font-weight: bold; color: #002b54; text-align: center}

/* For lines containing <sup>, so that all lines in paragraph remain same height */
span.supp { font-size:70%; line-height: 1em; text-align: justify}
span.sup {position:relative; font-size:75%; top:-1.2ex; margin-left:0.1em; margin-right:0.1em}