/* Reset some shizzle */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
/* Let's begin */
html {
  overflow: hidden;
  height: 100%;
}
body {
  font-family: Trebuchet MS, Lucida Grande, sans-serif;
  font-size: small;
  height: 100%;
  overflow: auto;
  background-repeat: no-repeat;
  background-position: 1000px 30px;
}
h1, .raccontenu, .racrecherche, .racnavig {
position:absolute;
top:-2000px;
}
body.generique, body.blue{
  background-color: #a6c1de;
  background-image: url(images/body_bg_blue.jpg);
}
body.generique a, body.blue a{
color:#003399;
}
body.orange {
  background-color: #ffdba6;
  background-image: url(images/body_bg_orange.jpg);
}
body.green {
  background-color: #cccc7f;
  background-image: url(images/body_bg_green.jpg);
}
body.red {
  background-color: #eda6a6;
  background-image: url(images/body_bg_red.jpg);
}
body.purple {
  background-color: #e79fe7;
  background-image: url(images/body_bg_purple.jpg);
}
#container {
  width: 980px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
body.generique #container, body.blue #container {
  background: url(images/bg_container_blue.gif) repeat-y;
  margin-bottom: -100px; /* must be height of #footer & .push */
}
body.purple #container {
  background: url(images/bg_container_purple.gif) repeat-y;
  margin-bottom: -100px; /* must be height of #footer & .push */
}
body.orange #container {
  background: url(images/bg_container_orange.gif) repeat-y;
  margin-bottom: -100px; /* must be height of #footer & .push */
}
body.green #container {
  background: url(images/bg_container_green.gif) repeat-y;
  margin-bottom: -100px; /* must be height of #footer & .push */
}
body.red #container {
  background: url(images/bg_container_red.gif) repeat-y;
  margin-bottom: -100px; /* must be height of #footer & .push */
}
#menu {
  width: 120px;
  position: absolute;
  top: 150px;
  left: 0px;
}
body > #menu {
  position: fixed;
}
#logo {
position:absolute;
top:10px;
left:10px;
}
/*-------------------------------------------------------------------------*/
/* PICTO */
body.blue #picto, body.generique #picto{
position:absolute;
top:75px;
left:130px;
}
body.red #picto img, body.orange #picto img, body.green #picto img, body.purple #picto img{
position:absolute;
bottom:-2000px;
}
body.red #picto{
height:199px;
width:99px;
position:absolute;
top:10px;
left:175px;
background:url(images/picto_red.gif) no-repeat;
}
body.orange #picto{
height:199px;
width:99px;
position:absolute;
top:20px;
left:130px;
background:url(images/picto_orange.gif) no-repeat;
}
body.green #picto{
height:199px;
width:99px;
position:absolute;
top:30px;
left:130px;
background:url(images/picto_green.gif) no-repeat;
}
body.purple #picto{
height:199px;
width:99px;
position:absolute;
top:30px;
left:135px;
background:url(images/picto_purple.gif) no-repeat;
}
/*-------------------------------------------------------------------------*/
/* RECHERCHE - RECHERCHE */
#raccourcis, #recherche{
float:right;
clear:right;
}
#raccourcis{
padding-top:15px;
width:135px;
}
#raccourcis ul li{
list-style:none;
}
#raccourcis a{
color:#E7262B;
text-decoration:none;
margin-bottom:2px;
font-size:x-small;
}
#raccourcis ul li.racaide {
padding:0px 10px 0 18px;
background: url(images/icon_aide_red.gif) no-repeat left 20%;
}
#raccourcis ul li.racplan {
padding:0px 10px 0 18px;
background: url(images/icon_plan_red.gif) no-repeat left 80%;
}
#raccourcis ul li.raccontact {
padding:0px 10px 0 18px;
background: url(images/icon_contact_red.gif) no-repeat left 100%;
}
#recherche label {
padding:0px 10px 0 18px;
background: url(images/icon_recherche.gif) no-repeat left 50%;
}
#recherche{
padding-top:10px;
width:134px;
}
#recherche legend{
display:none;
}
#recherche label{
color:#003399;
font-size: x-small;
}
#recherche input.saisie{
border: 1px solid #003399;
color: #000;
width: 93px;
vertical-align:middle;
margin-right:3px;
font-size: x-small;
height: 14px;
}
#recherche input.button{
border: 1px solid #003399;
background: #003399;
color: #fff;
font-size: x-small;
vertical-align:middle;
height: 18px;
width: 18px;
text-align: center;
}
/*-------------------------------------------------------------------------*/
/* GENERAL NAVIGATION STYLES */
#menu {
  float: left;
  text-align: right;
  padding-top: 25px;
}
#menu ul li {
  float: right;
  padding-bottom: 12px;
}
#menu ul li a {
  float: right;
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding-right: 15px;
  font-weight: normal;
}
#menu ul li ul {
  position: absolute;
  left: 130px;
  list-style: none;
  display: none;
}
#menu ul li.on ul,
body.red #menu ul li.red ul {
  display: block;
}
#menu ul li ul li {
  float: left;
  width: 85px;
  padding: 0px 0px 5px 0px;
}
#menu ul li ul li a,
body.generique #menu ul li.blue ul li a,
body.blue #menu ul li.blue ul li a,
body.red #menu ul li.red ul li a,
body.orange #menu ul li.orange ul li a,
body.green #menu ul li.green ul li a,
body.purple #menu ul li.purple ul li a {
float: left;
text-align: left;
background: none;
width: 70px;
color: #fff;
background: url(images/puce_menu.gif) no-repeat 0px -385px;
padding-left: 15px;
}
#menu ul li ul li a:hover,
body.generique #menu ul li.blue ul li a:hover,
body.blue #menu ul li.blue ul li a:hover,
body.red #menu ul li.red ul li a:hover,
body.orange #menu ul li.orange ul li a:hover,
body.green #menu ul li.green ul li a:hover,
body.purple #menu ul li.purple ul li a:hover {
float: left;
text-align: left;
background: none;
width: 70px;
color: #000;
background: url(images/puce_menu.gif) no-repeat 0px 5px;
padding-left: 15px;
}
#menu ul li ul li a.on,
body.generique #menu ul li.blue ul li a.on,
body.blue #menu ul li.blue ul li a.on,
body.red #menu ul li.red ul li a.on,
body.orange #menu ul li.orange ul li a.on,
body.green #menu ul li.green ul li a.on,
body.purple #menu ul li.purple ul li a.on{
background: url(images/subli_brown.gif) no-repeat 0px 4px;
color: #000;
}
body.red #inter ul.list_float li{
list-style:none;
}
/*-------------------------------------------------------------------------*/
/* NAVIGATION STYLES PER COLOUR */
#menu ul li.blue a {
  background: url(images/li_blue.gif) repeat-y top right;
}
#menu ul li.blue a:hover,
#menu ul li.blue a.on,
body.blue #menu ul li.blue a {
  color: #003399;
}
#menu ul li.red a {
  background: url(images/li_red.gif) repeat-y top right;
}
#menu ul li.red a:hover,
#menu ul li.red a.on,
body.red #menu ul li.red a{
  color: #cc0000;
}
#menu ul li.orange a {
  background: url(images/li_orange.gif) repeat-y top right;
}
#menu ul li.orange a:hover,
#menu ul li.orange a.on,
body.orange #menu ul li.orange a {
  color: #ff9900;
}
#menu ul li.green a {
  background: url(images/li_green.gif) repeat-y top right;
}
#menu ul li.green a:hover,
#menu ul li.green a.on {
  color: #999900;
}
#menu ul li.purple a {
  background: url(images/li_purple.gif) repeat-y top right;
}
#menu ul li.purple a:hover,
#menu ul li.purple a.on,
body.purple #menu ul li.purple a{
  color: #cc33cc;
}
.invisible{
position:absolute;
bottom:-20000px;
}
#left {
  width: 115px;
  padding-top: 52px;
  position: absolute;
  top: 0px;
  left: 120px; /* width #menu */
}
body > #left {
  position: fixed;
}
#left img {
  float: left;
  padding: 0px 25px 0px 25px;
}
#left p {
  float: right;
  text-align: right;
  color: #fff;
  font-size: 9px;
  padding: 15px 5px 0px 0px;
  line-height: 15px;
}
#left p span {
  font-size: 13px;
}
/*-------------------------------------------------------------------------*/
/*--  HEADER  --*/
#header {
  width: 745px;
  height: 150px;
  margin-left: 235px; /* width #left + width #menu */
}
body.generique #header  {
  background: url(images/bg_header_generique.jpg) no-repeat;
}
body.blue #header  {
  background: url(images/bg_header_blue.jpg) no-repeat;
}
body.red #header {
  background: url(images/bg_header_red.jpg) no-repeat;
}
body.orange #header {
  background: url(images/bg_header_orange.jpg) no-repeat;
}
body.green #header {
  background: url(images/bg_header_green.jpg) no-repeat;
}
body.purple #header {
  background: url(images/bg_header_purple.jpg) no-repeat;
}
#header_block {
  float: right;
  font-size: 10px;
  width: 127px;
  height: 123px;
  margin-top: 9px;
  padding: 7px 6px 0px 6px;
}
#header_menu {
  float: left;
  height: 75px;
}
#header_menu ul {
  float: left;
  padding-top: 5px;
  list-style: none;
  white-space: nowrap;
}
#header_menu ul li {
  float: left;
  width: 124px;
  padding-bottom: 3px;
}
#header_menu ul li a {
  float: left;
  display: block;
  overflow: hidden;
  color: #e60005;
  text-decoration: none;
  padding: 0px 0px 0px 16px;
}
#header_menu ul li.aide a {
  background: url(images/icon_aide_red.gif) no-repeat;
}
#header_menu ul li.plan a {
  background: url(images/icon_plan_red.gif) no-repeat;
}
#header_menu ul li.contact a {
  background: url(images/icon_contact_red.gif) no-repeat;
}
/*-------------------------------------------------------------------------*/
/*--  INTER  --*/
#inter {
  float: left;
  display: inline; /* IE6 double margin bug */
  width: 556px;
  padding: 0px 20px 20px 20px;
  color: #333;
  margin-left: 235px; /* width #left + width #menu */
}
#inter ul,
#interpopup ul{
margin: 10px 0px 10px 50px;
}
#inter ul li,
#interpopup ul li{
list-style:disc;
margin: 0px 0px 5px 0px;
}
#inter ul ul,
#interpopup ul ul {
margin: 5px 0px 0px 20px;
}
#inter ul ul li ,
#interpopup ul ul li {
list-style:circle;
margin: 0px 0px 5px 0px;
}
#inter ul ul ul,
#interpopup ul ul ul {
margin: 5px 0px 0px 20px;
}
#inter ul ul ul li,
#interpopup ul ul ul li {
list-style:square;
margin: 0px 0px 5px 0px;
}
#inter ul ul ul ul li,
#interpopup ul ul ul ul li {
list-style:disc;
}
#inter ul ul ul ul ul li,
#interpopup ul ul ul ul ul li {
list-style:circle;
}
#inter ul ul ul ul ul ul li,
#interpopup ul ul ul ul ul ul li {
list-style:square;
}
/*
body.red #inter ul li{
list-style-image:url(puce_red.gif)
}
body.blue #inter ul li, body.generique #inter ul li{
list-style-image:url(puce_blue.gif)
}
body.green #inter ul li{
list-style-image:url(puce_green.gif)
}
body.orange #inter ul li{
list-style-image:url(puce_orange.gif)
}
*/
ul.list_en_block, .listeEnBloc, .list_en_block{
display:block;
min-height:100px;
}
#inter ul.list_en_block li{
list-style-type:none
}
#inter ul.list_en_block img {
float:left;
margin-right:10px;
}
#inter a {
text-decoration:none;
}
#inter p {
  padding-bottom: 5px;
}
#inter h2,
#interpopup h2 {
  width: 100%;
  font-size: medium;
  font-weight: normal;
  text-transform: uppercase;
  margin: 20px 0px 20px 0px;
}
#inter h3,
#interpopup h3 {
  width: 100%;
  font-size: 15px;
  margin: 20px 0px 20px 0px;
}
body.blue #inter a,
#interpopup a,
body.generique #inter a {
color:#003399;
}
body.red #inter a{
color:#cc0000;
}
body.orange #inter a{
color:#ff9900;
}
body.green #inter a{
color:#999900;
}
body.purple #inter a{
color:#cc33cc;
}
/* HEADING BLUE + GENERIQUE */
body.blue #inter h2,
body.generique #inter h2,
body.bodypopup #interpopup h2 {
 color: #003399;
 border-bottom: 1px solid #003399;
font-size:x-large;
font-weight:bold;
}
body.blue #inter h3,
body.generique #inter h3,
body.bodypopup #interpopup h3{
color: #000;
font-size:medium;
}
body.blue #inter h3:first-letter,
body.generique #inter h3:first-letter,
body.bodypopup #interpopup h3:first-letter{
color:#003399;
font-size:xx-large;
}
body.blue #inter h4,
body.generique #inter h4,
body.bodypopup #interpopup h4{
font-size:small;
}
/* HEADING RED */
body.red #inter h2 {
color: #cc0000;
border-bottom: 1px solid #cc0000;
font-size:x-large;
font-weight:bold;
}
body.red #inter h3{
color: #000;
font-size:medium;
}
body.red #inter h3:first-letter{
color:#cc0000;
font-size:xx-large;
float:left;
}
body.red #inter h4{
font-size:small;
}
/* HEADING ORANGE */
body.orange #inter h2{
color: #ff6600;
border-bottom: 1px solid #ff6600;
font-size:x-large;
font-weight:bold;
}
body.orange #inter h3{
color: #000;
font-size:medium;
}
body.orange #inter h3:first-letter{
color:#ff6600;
font-size:xx-large;
float:left;
}
body.orange #inter h4{
font-size:small;
}
/* HEADING GREEN */
body.green #inter h2 {
color: #9A9901;
border-bottom: 1px solid #9A9901;
font-size:x-large;
font-weight:bold;
}
body.green #inter h3{
color: #000;
font-size:medium;
}
body.green #inter h3:first-letter{
color:#9A9901;
font-size:xx-large;
float:left;
}
body.green #inter h4{
font-size:small;
}
/* HEADING PURPLE */
body.purple #inter h2{
color: #CC33CC;
border-bottom: 1px solid #CC33CC;
font-size:x-large;
font-weight:bold;
}
body.purple #inter h3{
color: #000;
font-size:medium;
}
body.purple #inter h3:first-letter{
color:#CC33CC;
font-size:xx-large;
float:left;
}
body.purple #inter h4{
font-size:small;
}
/* ACTUALITE HOME PAGE */
table#news_items {
float: left;
width: 100%;
border-top: none;
border-left: none;
border-right: none;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px 0px 20px 0px;
}
table#news_items th {
font-size: medium;
color: #ff6600;
text-align: left;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #ced4e1;
padding-bottom: 4px;
background-color: transparent;
}
table#news_items td {
border-top: none;
border-left: none;
border-right: none;
padding: 2px 4px 2px 0px;
width: 50%;
border-bottom: 1px solid #ced4e1;
vertical-align: top;
line-height: 1.5em;
}
table#news_items tr td.first a {
  font-weight: bold;
  color: #333333;
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding: 0px 0px 0px 15px;
  display: block;
}
table#news_items tr.theme_206 td.first a {
  background-image: url(puce_actus_themes206.gif);
}
table#news_items tr.theme_207 td.first a {
  background-image: url(puce_actus_themes207.gif);
}
table#news_items tr.theme_221 td.first a {
  background-image: url(puce_actus_themes221.gif);
}
table#news_items tr.theme_222 td.first a {
  background-image: url(puce_actus_themes222.gif);
}
table#news_items tr.theme_223 td.first a {
  background-image: url(puce_actus_themes223.gif);
}
table#news_items tr.theme_206 td {
  color: #3399ff;
}
table#news_items tr.theme_207 td {
  color: #CC0000;
}
table#news_items tr.theme_221 td {
  color: #ff9900;
}
table#news_items tr.theme_222 td {
  color: #cc33cc;
}
table#news_items tr.theme_223 td {
  color: #999900;
}
/*-------------------------------------------------------------------------*/
/* FIL ARIANE */
#filariane{
font-size:x-small;
}
body.generique #filariane {
background:#a6c1de;
height: 22px;
width: 596px;
margin-left:260px;
padding:4px 0 0 4px;
}
body.generique #filariane a{
color:#003399;
}
body.blue #filariane{
height:0px;
}
body.red #filariane {
background:#EDA6A6;
height: 22px;
width: 596px;
margin-left:260px;
padding:4px 0 0 4px;
}
body.red #filariane a{
color:#cc0000;
}
body.orange #filariane {
background:#FFDBA6;
height: 22px;
width: 596px;
margin-left:260px;
padding:4px 0 0 4px;
}
body.orange #filariane a{
color:#ff9900;
}
body.green #filariane {
background:#CCCC7F;
height: 22px;
width: 596px;
margin-left:260px;
padding:4px 0 0 4px;
}
body.green #filariane a{
color:#999900;
}
body.purple #filariane {
background:#E79FE7;
height: 22px;
width: 596px;
margin-left:260px;
padding:4px 0 0 4px;
}
body.purple #filariane a{
color:#cc33cc;
}
body.blue #filariane a:hover,
body.red #filariane a:hover,
body.orange #filariane a:hover,
body.green #filariane a:hover,
body.purple #filariane a:hover{
color:#000;
}
#totem {
  float: left;
  width: 149px;
  padding-top: 20px;
}
/*-------------------------------------------------------------------------*/
/* GENERAL BLOCK STYLES */
#totem div.block {
  float: left;
  width: 144px;
  font-size: x-small;
  margin-bottom: 10px;
}
#totem div.block_top,
#totem div.block_bottom {
  float: left;
  width: 144px;
  height: 11px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 5px 0px;
}
#totem div.block_middle {
  float: left;
  width: 119px;
  background-repeat: repeat-y;
  background-position: 5px 0px;
  padding: 0px 10px 0px 15px;
}
#totem div.block_middle h3{
  font-size: small;
  padding-bottom: 5px;
}
#totem div.block form {
  
}
#totem div.block label {
  float: left;
  width: 95px;
  padding: 0px 0px 3px 5px;
}
#totem div.block input.saisie  {
  float: left;
  background: #fff;
  border: 1px solid #000;
  font-family: Trebuchet MS, Lucida Grande, sans-serif;
  font-size: x-small;
  padding: 0px;
  height: 16px;
}
/*-------------------------------------------------------------------------*/
/* GREEN BLOCK STYLES */
#totem #green_top { 
  background-image: url(images/totem_green_top.jpg);
}
#totem #green_middle {
  background-image: url(images/totem_green_middle.jpg);
}
#totem #green_middle h3,
#totem #green_middle label {
  color: #5f5f00;
}
#totem #green_middle legend {
display: none;
}
#totem #green_middle input.saisie {
  border: 1px solid #5f5f00;
  float: left;
  width: 93px;
font-size: x-small;
vertical-align: middle;
  margin-right: 3px;
}
#totem #green_middle input.bouton {
  background: #5f5f00;
  float: left;
  border: 1px solid #5f5f00;
  color: #fff;
  font-size: x-small;
vertical-align: middle;
height: 18px;
width: 18px;
text-align: center;
padding: 0px 0px 0px 0px;
}
#totem #green_bottom {
  background-image: url(images/totem_green_bottom.jpg);
}
/*-------------------------------------------------------------------------*/
/* ORANGE BLOCK STYLES */
#totem #orange_top { 
  background-image: url(images/totem_orange_top.jpg);
}
#totem #orange_middle {
  background-image: url(images/totem_orange_middle.jpg);
}
#totem #orange_middle legend {
  display: none;
}
#totem #orange_middle h3,
#totem #orange_middle div.entry01 label,
#totem #orange_middle div.entry02 label{
  color: #f26600;
}
#totem #orange_middle div.entry01 input,
#totem #orange_middle div.entry02 input {
  border: 1px solid #f26600;
}
#totem #orange_middle div.entry01 input.saisie {
float: left;
width: 115px;
font-size: x-small;
vertical-align: middle;
margin-right: 3px;
}
#totem #orange_middle div.entry02 input.saisie {
float: left;
width: 93px;
font-size: x-small;
vertical-align: middle;
margin-right: 3px;
}
#totem #orange_middle div.entry02 input.bouton {
float: left;
background: #f26600;
border: 1px solid #f26600;
color: #fff;
font-size: x-small;
vertical-align: middle;
height: 18px;
width: 18px;
text-align: center;
padding: 0px 0px 0px 0px;
}
#totem #orange_bottom {
  background-image: url(images/totem_orange_bottom.jpg);
  height: 49px;
  width: 129px;
  padding: 8px 0px 0px 15px;
  color: #f26600;
}
#totem #orange_bottom p {
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}
#totem #orange_bottom a {
  color: #f26600;
}
/*-------------------------------------------------------------------------*/
/* PURPLE BLOCK STYLES */
#totem #purple_top { 
  background-image: url(images/totem_purple_top.jpg);
}
#totem #purple_middle {
  background-image: url(images/totem_purple_middle.jpg);
  text-align: center;
}
#totem #purple_middle h3 {
  text-align: left;
  color: #b214b2;
}
#totem #purple_bottom {
  background-image: url(images/totem_purple_bottom.jpg);
}
/*-------------------------------------------------------------------------*/
/* BROWN BLOCK STYLES */
#totem #brown_top { 
  background-image: url(images/totem_brown_top.jpg);
}
#totem #brown_middle {
  background-image: url(images/totem_brown_middle.jpg);
color: #333333;
}
#totem #brown_middle p {
padding: 3px 0px 3px 0px;
margin: 0px 0px 0px 0px;
}
#totem #brown_middle ul {
padding: 3px 0px 3px 0px;
margin: 0px 0px 0px 25px;
}
#totem #brown_middle ul li {
list-style: square;
}
#totem #brown_middle ul ul {
padding: 1px 0px 1px 0px;
margin: 0px 0px 0px 15px;
}
#totem #brown_middle ul ul li {
list-style: circle;
}
#totem #brown_middle h3 {
  color: #d2830c;
}
#totem #brown_bottom {
  background-image: url(images/totem_brown_bottom.jpg);
}
/*-------------------------------------------------------------------------*/
/*--  PUSH  --*/
div.push {
  clear: both;
}
body.generique div.push,
body.blue div.push,
body.orange div.push,
body.red div.push,
body.green div.push,
body.purple div.push{
  height: 100px;  /* Must be height from #footer */
}
/*-------------------------------------------------------------------------*/
/*--  FOOTER  --*/
#footer {
  float: left;
  width: 980px;
}
body.orange #footer {
  height: 100px;
  background: url(images/bg_footer_orange.gif) no-repeat;
}
body.generique #footer {
  height: 100px;
  background: url(images/bg_footer_generique.gif) no-repeat;
}
body.blue #footer {
  height: 100px;
  background: url(images/bg_footer_blue.gif) no-repeat;
}
body.red #footer {
  height: 100px;
  background: url(images/bg_footer_red.gif) no-repeat;
}
body.green #footer {
  height: 100px;
  background: url(images/bg_footer_green.gif) no-repeat;
}
body.purple #footer {
  height: 100px;
  background: url(images/bg_footer_purple.gif) no-repeat;
}
#footer_menu {
  float: left;
  display: inline; /* IE6 double margin bug */
  margin-left: 235px;
  width: 179px;
  overflow: hidden;
}
body.generique #footer_menu,
body.blue #footer_menu,
body.red #footer_menu,
body.orange #footer_menu,
body.green #footer_menu,
body.purple #footer_menu {
  height: 100px;
}
body.red #footer_menu {
  height: 100px;
}
#menuSecteur{
float:left;
}
#footer_menu ul {
  float: left;
  list-style: none;
}
/*body.blue #footer_menu ul  {
  padding: 9px 6px 6px 4px;
}*/
#footer_menu ul {
  padding: 29px 6px 6px 4px;
}
#footer_menu ul li {
  float: left;
  width: 179px;
  font-size: 10px;
  line-height: 13px;
}
#footer_menu ul li a {
  float: left;
  display: block;
  height: 13px;
  line-height: 13px;
  color: #fff;
  text-decoration: none;
  padding-left: 16px;
}
#footer_menu ul li.aide a {
  background: url(images/icon_aide.gif) no-repeat;
}
#footer_menu ul li.plan a {
  background: url(images/icon_plan.gif) no-repeat;
}
#footer_menu ul li.contact a {
  background: url(images/icon_contact.gif) no-repeat;
}
#footer_menu ul li.credits a {
  background: url(images/icon_credits.gif) no-repeat;
}
#footer_menu ul li.mention a {
  background: url(images/icon_mention.gif) no-repeat;
}
#footer_icons {
  float: left;
  display: inline;  /* IE6 double margin bug */
  margin-left: 190px;
}
#footer_icons ul {
  float: left;
  list-style: none;
}
#footer_icons ul li {
  float: left;
  width: 72px;
  font-size: 10px;
}
#footer_icons ul li a {
  float: left;
  display: block;
  text-decoration: none;
}
body.orange #footer_icons ul li.haut a, body.orange #footer_icons ul li.imprimer a{
color:#ff9900;
}
body.red #footer_icons ul li.haut a, body.red #footer_icons ul li.imprimer a{
color:#cc0000;
}
body.green #footer_icons ul li.haut a, body.green #footer_icons ul li.imprimer a{
color:#9A9901;
}
body.purple #footer_icons ul li.haut a, body.purple #footer_icons ul li.imprimer a{
color:#CC33CC;
}
body.generique #footer_icons ul li.haut a, body.generique #footer_icons ul li.imprimer a{
color:#003399;
}
body.blue #footer_icons ul li.haut a,body.blue #footer_icons ul li.imprimer a  {
display:none;
}
#footer_icons ul li.haut a {
  padding-left: 30px;
}
#footer_icons ul li.imprimer a {
   margin-left: 78px;
  display: inline;  /* IE6 double margin bug */
  padding-left: 30px;
}
#inter a:hover{
color:#000;
text-decoration:underline;
}
/*-------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
table caption {
display: none;
}
th,
td {
border: 1px solid #597FBF;
padding: 3px;
vertical-align: top;
}
th {
background-color: #597FBF;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
body.generique #plandusite{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
body.generique #inter #plandusite p{
margin: 0px 0px 5px 0px;
padding:  5px 0px 0px 0px;
width: 100%;
}
body.generique #inter #plandusite p.blue {
border-bottom: 1px solid #003399;
}
body.generique #inter #plandusite p.blue a {
color: #003399;
font-size: x-large;
font-weight: normal;
margin: 20px 0px 5px 0px;
padding:  0px 0px 0px 0px;
clear: both;
}
body.generique #inter #plandusite p.red {
border-bottom: 1px solid #CC0000;
}
body.generique #inter #plandusite p.red a{
color: #CC0000;
font-size: x-large;
font-weight: normal;
margin: 20px 0px 5px 0px;
padding:  0px 0px 0px 0px;
clear: both;
}
body.generique #inter #plandusite p.orange {
border-bottom: 1px solid #FF9900;
}
body.generique #inter #plandusite p.orange a {
color: #ff9900;
font-size: x-large;
font-weight: normal;
margin: 20px 0px 5px 0px;
padding:  0px 0px 0px 0px;
clear: both;
}
body.generique #inter #plandusite p.green {
border-bottom: 1px solid #999900;
}
body.generique #inter #plandusite p.green a{
color: #999900;
font-size: x-large;
font-weight: normal;
margin: 20px 0px 5px 0px;
padding:  0px 0px 0px 0px;
clear: both;
}
body.generique #inter #plandusite p.purple {
border-bottom: 1px solid #CC33CC;
}
body.generique #inter #plandusite p.purple a {
color: #CC33CC;
font-size: x-large;
font-weight: normal;
margin: 20px 0px 5px 0px;
padding:  0px 0px 0px 0px;
clear: both;
}
body.generique #inter #plandusite ul {
margin:0px 0px 10px 0px;
padding:0px 0px 0px 20px;
font-weight: bold;
}
body.generique #inter #plandusite ul li ul {
border-bottom: none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-weight: normal;
}
body.generique #inter #plandusite ul li a {
text-decoration: none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
body.generique #inter #plandusite ul.blue li a,
body.generique #inter #plandusite ul.blue {
color: #003399;
}
body.generique #inter #plandusite ul.red li a,
body.generique #inter #plandusite ul.red {
color: #CC0000;
}
body.generique #inter #plandusite ul.orange li a,
body.generique #inter #plandusite ul.orange {
color: #ff9900;
}
body.generique #inter #plandusite ul.green li a,
body.generique #inter #plandusite ul.green {
color: #999900;
}
body.generique #inter #plandusite ul.purple li a,
body.generique #inter #plandusite ul.purple {
color: #CC33CC;
}
body.generique #inter #plandusite ul li a:hover {
text-decoration: underline;
}
/*-------------------------------------------------------------------------*/
/*--- RESULTATS RECHERCHE ---*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: #597FBF;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #597FBF;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #597FBF;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 12px;
text-decoration: none;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 12px 0px 0px;
text-decoration: none;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 39px 6px;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*-------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .bleu, .coul01 {
color: #006699;
}
div.coul02, .rouge, .coul02 {
color: #CC0000;
}
div.coul03, .orange, .coul03 {
color: #FF9900;
}
div.coul04, .vert, .coul04 {
color: #9A9901;
}
div.coul05, .violet, .coul05 {
color: #CC33CC;
}
/*-------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureBleue {
border: 1px solid #006699;
}
img.bord02 .bordureRouge {
border: 1px solid #CC0000;
}
img.bord03, .bordureOrange {
border: 1px solid #FF9900;
}
img.bord04, .bordureVerte {
border: 1px solid #9A9901;
}
img.bord05, .bordureViolete {
border: 1px solid #CC33CC;
}
/*-------------------------------------------------------------------------*/
/* --- POP UP -- */
body.pop_image{
margin:10px;
background-color:#fff;
background-image:none;
}

body.bodypopup{
background: url(images/bg_pop_up.gif) repeat-y #fff;
}
body.bodypopup #container {
width:600px;
background:none;
}
body.bodypopup #container #headerpop {
width:100px;
padding: 10px 0px 0px 10px;
float: left;
}
body.bodypopup #container #headerpop h1 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: relative;
top: 0px;
left: 0px;
}
body.bodypopup #container #interpopup {
width:450px;
padding: 10px 20px 0px 20px;
float: left;
}


/* --- ATLAS CULTUREL ---*/
#inter #formulaireKitmap legend{
font-weight:bold;
color:#999900;
}
#inter #formulaireKitmap label{
font-weight:bold;
color:#CC33CC;
}
#inter #formulaireKitmap {
background:#ebf7fb;
padding:10px;
width:440px;
border:#ccc 1px solid;
border-bottom:none;
}
#inter #formulaireKitmap div#para0101{
width:143px;
margin:10px 0px 0px 0px;
}
#inter #formulaireKitmap div#para0102 option{
width:300px;
margin:10px 0px 0px 0px;
}
#inter #formulaireKitmap div#para0103 input{
width:180px;
margin:0px 0px 0px 0px;
}
#inter #formulaireKitmap div{
width:200px;
margin:10px 0px 0px 0px;
}
#inter #sablier{
background:#ebf7fb;
width:460px;
border-bottom:#ccc 1px dotted;
border-right:#ccc 1px solid;
border-left:#ccc 1px solid;
text-align:right;
}

#inter #sablier a{
display:block;
padding:10px 20px 10px 0px;
background:url(fleche_kitmap.gif) right center no-repeat;
}
#inter #sablier span{
display:block;
padding:10px;
color:#CC0000;
}