/***************/
/*** GENERAL ***/
/***************/

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 0.7em;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
  background-color: #CC0000;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin: 0;
  padding: 0;
}

h1, h2 {
  font-size: 1.4em;
}

h2 {
  margin-left: 1em;
  margin-right: 1em;
}

h3, h4 {
  font-size: 1.1em;
}

h5, h6 {
  font-size: 1em;
}

p {
  margin: 1em 0;
  line-height: 1.4em;
  text-align: justify;
}

a {
  color: #CC0000;
  text-decoration: underline;
}

a:hover {
  color: #999999;
  text-decoration: none;
  cursor: pointer;
}

a img {
  border: 1px solid #CC0000;
}

ul {
  list-style-type: disk;
}

ul a {
  text-decoration: none;
}

table {
  font-size: 1em;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

th, td {
  padding: 0;
}

div.block {
  height: 1px;
  clear: both;
}

div.left {
  float: left;
}

div.right {
  float: right;
}

object {
  margin: 0;
  padding: 0;
}
/***************/
/* ALL CONTENT */
/***************/
div#pubcontent {
  position: absolute;
right: 15em;
  width: 100px;
  height: 300px;
  margin: 9px 0 0 654px;
  background-color: #CC0000;
  background-image:url(images/img_pub.jpg);
  border: 1px solid #000000;
  cursor: pointer;
}

div#pubcontent2 {
  position: absolute;
  width: 100px;
  height: 300px;
  margin: 318px 0 0 654px;
  background-color: #CC0000;
  background-image:url(images/img_pub2.jpg);
  border: 1px solid #000000;
  cursor: pointer;
}

div#lienpubcontent2 {
  position: absolute;
  width: 100px;
  margin: 580px 0 0 655px;
  padding: 0 0 3px 0;
  background-color: #61A7C9;
  text-align: center;
}

div#lienpubcontent2 a{
  color: #FFFFFF;
}

div#allcontent {
  width: 840px;
  margin: 0 auto 0 auto;
}

div#topcontent, div#maincontent, div#bottomcontent {
  padding-right: 14px;
}

div#menu {
  width: 840px;
}

/*******/
/* TOP */
/*******/

div#topcontent {
  background-image: url(images/img_bandeau.jpg);
  background-position:right;
  background-repeat: no-repeat;
  padding-top: 9px;
  z-index: 4px;
}

div#header {
  clear: both;
  height: 80px;
}

div#logo {
  padding: 1px 0 0 60px;
}

div#logo a img{
  border: none;
}

/************/
/*** MENU ***/
/************/
div#topmenu, div#menu {
  height: 50px;
}

div#topmenu{
  background-image: url(images/img_page_milieu.gif);
  background-position: right;
  background-repeat: repeat-y;
}

div#menu {
  z-index: 3;
  position: absolute;
  background-image: url(images/img_sousmenu.jpg);
  background-position: left;
  background-repeat: repeat-y;
}

div#menu div#niveau1 div#btg, div#menu div#niveau1 div#btd, div#menu div#niveau1 div#btm {
  height: 25px;
}

div#menu div#niveau1 h1 {
  font-size: 1em;
  font-variant:small-caps;
  padding-top: 5px;
}

div#menu div#niveau2 h1 {
  font-size: 1em;
  font-variant:small-caps;
  padding-top: 0px;
  display: inline;
}

div#menu div#niveau1 a:link, div#menu div#niveau1 a:visited, div#menu div#niveau1 a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

div#menu div#niveau2 a:link, div#menu div#niveau2 a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

div#menu div#niveau2 a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

div#menu div#niveau1 a:link div#btg, div#menu div#niveau1 a:visited div#btg {
  background-image: url(images/img_menu_btg.gif);
  width: 8px;
}

div#menu div#niveau1 a:hover div#btg {
  background-image: url(images/img_menu_btg2.gif);
}

div#menu div#niveau1 a:link div#btd, div#menu div#niveau1 a:visited div#btd {
  background-image: url(images/img_menu_btd.gif);
  width: 8px;
}

div#menu div#niveau1 a:hover div#btd {
  background-image: url(images/img_menu_btd2.gif);
}

div#menu div#niveau1 div#btm {
  background-repeat: repeat-x;
}

div#menu div#niveau1 a:link div#btm, div#menu div#niveau1 a:visited div#btm {
  background-image: url(images/img_menu_btm.gif);
}

div#menu div#niveau1 a:hover div#btm {
  background-image: url(images/img_menu_btm2.gif);
}

div#menu div#niveau2 {
  position: absolute;
  margin-top: 25px;
  left: 0px;
}

div#menu div#niveau2 ul {
  margin: 0;
  padding: 0;
  display: none;
  width: 100%;
  clear: both;
  padding-top: 5px;
  height: 25px;
}

div#menu div#niveau2 ul.unselect {
  display: none;
}

div#menu div#niveau2 ul.select {
  display: block;
}

div#menu div#niveau2 ul li {
  display: inline;
  border-right: 1px solid #000000;
  padding: 0 5px;
}


/**********/
/* CENTER */
/**********/

div#maincontent {
  background-image: url(images/img_page_milieu.gif);
  background-position: right;
  background-repeat: repeat-y;
  background-color: #FFFFFF;
  z-index: 2;
}

div#fil {
  padding: 0.5em 1em;
  z-index: 6;
}

div#content-main {
  /* margin-right: 240px; */
  /* border-right: 1px dashed #666666; */
  z-index: 5;
  height: 100%;
}

div#content-main-right {
  margin-right: 240px;
  /* border-right: 1px dashed #666666; */
  z-index: 5;
  height: 100%;
}

div#content-right {
  float: right;
  width: 240px;
  z-index: 4; 
}

div#content h1 {
  margin: 0.3em 1em 0.8em 0;
  padding: 0.2em 1em 0.2em 1em;
  background-color: #CC0000;
  color: #FFFFFF;
  text-align: right;
}

div#content-right h1 {
  margin: 0.3em 0em 0.8em 1em;
  padding: 0.2em 1em 0.2em 1em;
  background-color: #CC0000;
  color: #FFFFFF;
  text-align: left;
}

div#content h2 {
  font-weight: normal;
  font-size: 1.1em;
}

div#content p {
  padding: 0em 1em 1em 1em;
}
/**********/
/* BOTTOM */
/**********/

div#bottomcontent {
  background-image: url(images/img_page_bas.gif);
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 19px;
  z-index: 1;
}

div#footer {
  clear: both;
}

div#footer div#copyright {
  float: left;
  padding-top: 5px;
}

div#footer div#copyright a {
  color: #000000;
  text-decoration: underline;
}

a:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}

div#footer div#action {
  float: right;
}

/**************/
/* ACTUALITES */
/**************/

div#actualite {
  padding: 0 0.5em 1em 0.5em;
}

div#actualite p {
  padding: 0;
  margin: 0;
}

div#actualite .actualite-image {
  float: left;
  width: 90;
  padding: 0 0.5em;
}

div#actualite .actualite-description {
  padding: 0 0.5em;
}

div#actualite .actualite-image a img {
  border: none;
}

div#actualite .more {
  padding: 0 0.5em;
}

/**************/
/* ACTUALITES */
/**************/

div#calendrier {
  margin: 0 0 0.5em 0.5em;
  padding: 0.5em 0.5em 0.5em 0;
  background-color: #EEEEEE;
  border-bottom: 1px solid #CCCCCC;
}

div#calendrier h2 {
  color: #CC0000;
}

div#calendrier p {
  padding: 0;
  margin: 0;
}

div#calendrier .calendrier-description {
  padding: 0 0.5em;
}

div#calendrier .more {
  padding: 0 0.5em;
}

/**************/
/*** DIVERS ***/
/**************/

div#sdisenimages {
  text-align: center;
  padding: 1em 0;
  background-color:#CC0000;
  margin-bottom: 2em;
}

div#galerie {
  text-align: center;
}

div#document {
  margin: 1em 1em;
  text-align: center;
}

/************************/
/*** MENTIONS LEGALES ***/
/************************/

div#mentionslegales {
  padding: 0 0.5em 1em 0.5em;
}

/**********************/
/*** DOCUMENTS SNIF ***/
/**********************/

table.snif {
  border: 1px solid #000000;       /* main table border style */
  width: 100%;
}
table.snif tr {
  line-height: 20px;
  text-align: left;
}
td.snDir {
  color: #FFFFFF;                  /* table header text color */
  background-color: #CC0000;       /* table header background color */
  text-align: center;
}
td.snDir a {
  color: #FFFFFF;                     /* link text color within table header */
}
tr.snHeading, td.snHeading, td.snHeading a {
  color: #000000;                  /* column headings text color */
  background-color: #FFCCCC;       /* column headings background color */
}
tr.snF a img {
  border: 0;
}
tr.snF td a {
  color: #000000;                  /* file listing link text color (filename)*/
}
tr.snF td a:hover, a.snif:hover {
  background-color: #CC0000;       /* file listing link hover background color */
  color: #FFFFFF;
}
tr.snEven {
  background-color: #EEEEEE;       /* file listing background color for even numbered rows */
}
tr.snOdd {
  background-color: #F8F8F8;       /* file listing background color for odd numbered rows */
}
tr.snF td {
  color: #000000;                  /* file listing text color */
}
.snCopyright * {
  color: #EEEEEE;                  /* copyright notice text color */
}
.snWhite {
  color: #FFFFFF;                    /* active page in paging header */
}

/***************/
/*** ANCIENS ***/
/***************/

.titremenu { font-family:Verdana; font-size:10px; color:#FFFFFF; font-weight:none; }
a:link.titremenu { text-decoration:none; font-variant:none; font-weight:none; color:#FFFFFF; }
a:visited.titremenu { text-decoration:none; font-variant:none; font-weight:none; color:#FFFFFF; }
a:hover.titremenu { font-variant:none; font-weight:none; text-decoration:none; color:#FFFFFF;}

.titresousmenu { font-family:Verdana; font-size:10px; color:#FFFFFF; font-weight:none; }
a:link.titresousmenu  { text-decoration:none; font-variant:none; font-weight:none; color:#FFFFFF; }
a:visited.titresousmenu  { text-decoration:none; font-variant:none; font-weight:none; color:#FFFFFF; }
a:hover.titresousmenu  { font-variant:none; font-weight:none; text-decoration:none; color:#FFFFFF;}

table.sousmenu{
  border-collapse:collapse;
}

table.sousmenu td{
  border: 1px solid #FFFFFF;
}

.texte { font-family:Verdana; font-size:10px; color:#000000; font-weight:none; }
a:link.texte { text-decoration:none; font-variant:none; font-weight:none; color:#CC0000; }
a:visited.texte { text-decoration:none; font-variant:none; font-weight:none; color:#CC0000; }
a:hover.texte { font-variant:none; font-weight:none; text-decoration:none; color:#F28E00;}

.menu { font-family:Verdana; font-size:10px; color:#000000; font-weight:none; }
a:link.menu { text-decoration:none; font-variant:none; font-weight:underline; color:#000000; }
a:visited.menu { text-decoration:none; font-variant:none; font-weight:underline; color:#000000; }
a:hover.menu { font-variant:none; font-weight:none; text-decoration:underline; color:#000000;}

.texteg { font-family:Verdana; font-size:12px; color:#000000; font-weight:none; }
a:link.texteg { text-decoration:none; font-variant:none; font-weight:none; color:#CC0000; }
a:visited.texteg { text-decoration:none; font-variant:none; font-weight:none; color:#CC0000; }
a:hover.texteg { font-variant:none; font-weight:none; text-decoration:none; color:#F28E00;}

.titre { font-family:Verdana; font-size:16px; color:#CC0000; font-weight:bold; }
a:link.titre { text-decoration:none; font-variant:none; font-weight:none; color:#CCOOOO; }
a:visited.titre { text-decoration:none; font-variant:none; font-weight:none; color:#CCOOOO; }
a:hover.titre { font-variant:none; font-weight:none; text-decoration:none; color:#F28E00; }

.titre1 { font-family:Verdana; font-size:12px; color:#CC0000; font-weight:bold; }
a:link.titre1 { text-decoration:none; font-variant:none; font-weight:none; color:#CCOOOO; }
a:visited.titre1 { text-decoration:none; font-variant:none; font-weight:none; color:#CCOOOO; }
a:hover.titre1 { font-variant:none; font-weight:none; text-decoration:none; color:#F28E00; }

.titre2 { font-family:Verdana; font-size:10px; color:#CC0000; font-weight:bold; }
a:link.titre2 { text-decoration:none; font-variant:none; font-weight:bold; color:#CCOOOO; }
a:visited.titre2 { text-decoration:none; font-variant:none; font-weight:bold; color:#CCOOOO; }
a:hover.titre2 { font-variant:none; font-weight:none; text-decoration:bold; color:#F28E00; }

.titret { font-family:Verdana; font-size:12px; color:#A0A0A0; font-weight:bold; }
a:link.titret { text-decoration:none; font-variant:none; font-weight:none; color:#A0A0A0; }
a:visited.titret { text-decoration:none; font-variant:none; font-weight:none; color:#A0A0A0; }
a:hover.titret { font-variant:none; font-weight:none; text-decoration:none; color:#A0A0A0; }