html      {overflow-y: scroll}
body.body {font-family: "Arial"; text-align: left; margin-top: 0px; background-image: url(sidesgreen.jpg);
           background-repeat: repeat-x;}
a         {color: #002b54; text-decoration: none; font-weight: bold}
a:hover   {color: #000000; font-weight: bold}
a:visited {font-weight: bold; text-decoration: none}

ul        {padding-right: 10px; paddihng-top: 0px; list-style-image: url('flechevertesmall.jpg'); }
li        {color: #000000; text-decoration: none; font-size: 80%; font-weight: bold; margin-top: 12px; margin-bottom: 12px}
td.left   {text-align: left}
p         {margin-top: 0}
img       {border: 0}
h4        {background-image: url(carrevert.jpg); background-repeat: no-repeat; background-position: 0% 50%; 
               border-width: 0px;  text-indent: 15px; font-variant: small-caps; display: block;
               margin-left: 0px; font-size: 120%; font-weight: bold; color: #002b54; width: 95%}
h2        {font-size: 100%; font-weight: bold; color: #002b54; margin-bottom: 6px}
h1        {position: relative; left:-10px; width: 915px; background-color: #002b54; text-indent: 10px; font-variant: small-caps; display: block; 
           font-size: 120%; font-weight: normal; color: #ffffff; padding-top: 3px; padding-bottom: 3px}

div.restbanner {position: relative; top: 25px; color: #000000; width: 975px; margin-left: auto; margin-right: auto; background-color: #e0e8c0}
div.rest       {color: #000000; width: 895px; margin-left: auto; margin-right: auto; background-color: #ffffff; padding-left: 40px; padding-right: 40px; padding-top: 20px; padding-bottom: 250px}

.bannergreen {color: #ffffff; font-size: 100%; text-decoration: none; font-weight: bold}  /* TOP RIGHT BANNER (Important / Plan du site...) */
a.bannergreen:hover {color: #e0ff51}  /* TOP RIGHT BANNER (Important / Plan du site...) */
.bannerblue  {color: #ffffff; font-size: 100%; text-decoration: none; font-weight: bold}  /* TOP RIGHT BANNER (Important / Plan du site...) */
.bannertopright {background-color: #002b54; font-size: 60%; color: #ffffff; font-weight: bold; font-variant: normal; vertical-align: bottom; padding-bottom: 3px; padding-right: 2px; margin-bottom: 0px; text-align: right}
.bannertopleft  {background-color: #002b54; font-size: 60%; color: #ffffff; font-weight: bold; font-variant: normal; vertical-align: bottom; padding-bottom: 3px; padding-left: 2px; margin-bottom: 0px; text-align: left; height: 15px}
.bannermiddle  {background-color: #ffffff; background-image: url(banner22.jpg); padding: 0px; margin: 0px; vertical-align: top; height: 135px}
.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}
table.banner  {border-collapse: collapse; width: 975px; height: 150px; margin-left:auto; margin-right: auto}
td.banner     {background-color: #002b54; vertical-align: middle; padding: 10px; font-size: 100%; line-height: 1.5; color:#ffffff; border-width: 0px; font-family: "Arial Narrow", Arial, sans-serif;}

table.pnj {border-collapse: collapse; margin-left: 36px}
.pnj th {font-size: 80%; border-top: 4px solid #ffffff; border-left: none; border-right: none; border-bottom: none; padding: 4px; background-color:#ccccff; font-weight: bold}
.pnj td {font-size: 80%; border: none; padding-left: 10px; padding-right: 10px; background-color:#ddddff}
.pnjcol1 {width: 200px}
.pnjcol2 {width: 300px}
.pnjcol3 {width: 100px; text-align: center}
.soustitrepnj {font-size: 80%; margin-left: 20px}
.soustitrepnj td {vertical-align: top}

table.cal {border-collapse: collapse; margin-left: 36px; padding: 0px; display: block}
.cal th {font-size: 80%; padding: 2px; color: #000000; border: none; background-color:#ccccff; font-weight: bold; text-align: center}
.cal td {font-size: 80%; padding: 2px; color: #000000; border: 1px solid #ccccff; background-color:#ddddff}
.caldate    {width: 170px}
.calreunion {width: 250px}
.caloj      {width: 140px}
.calpv      {width: 140px}
.calc       {text-align: center}
tr.calv td {background-color: #dff59f}
tr.calb td {background-color: #e8e5ff}
td.cala {background-color: #ccccff; color: #002b54; font-weight: bold; font-size: 110%}
td.calc {text-align: center}
td.calline {background-color:#ffffff; padding: 0px; margin: 0px; height: 4px; border: none}

img.right {float: right; padding-left: 20px; padding-bottom: 20px}
.mainleft1 {width: 600px}
.maincenter1 {width: 55px}
.mainright1 {width: 270px; vertical-align: top; text-align: center}

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; text-align: left}
.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: 5px}

table.compteur2 {margin-left: 25px}
.compteur2 th  {font-size: 80%; background-color:#ccccff; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; text-align: center }
.compteur2 td  {font-size: 80%; background-color:#ddddff; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; text-align: left; border-top: 3px}

.reglements td {font-size: 80%; background-color:#ddddff; padding-left: 15px; padding-right: 15px; font-weight: bold; vertical-align: middle; line-height: 200%}

table.compteur {margin-left: 25px}
.compteur td {padding-bottom: 10px; font-size: 75%; vertical-align: top}

.smallitalic {font-size: 60%; font-style: italic; color: #002b54; text-align:center; margin-top: 0px; margin-bottom: 0px}

.accesinfo td {font-size: 100%; vertical-align: top; background-color:#c8d4fa; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px}

.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}

.subtitle1    {background-image: url(flecheverte.jpg); background-repeat: no-repeat; 
               border-width: 0px; background-position: top left; font-size: 80%;
               margin-left: 12px; padding-left: 16px; font-weight: bold; color: #002b54; width: 95%}

div.indent {padding-left: 50px}
div.halfindent {padding-left: 25px}

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