body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
background-image: url(fond_page.gif);
background-repeat: repeat-x;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
}
a {
color: #333333;
}
h1 {
float: left;
font-size: x-large;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
img {
border: none;
}
#menu,
#recherche,
#totem,
#footer,
body.bodypopup #backactus {
display: none;
}
/*---------------------------------------------------------------------------------------------------------------------*/
/*-- HEADER --*/
#header,
body.bodypopup #headerpopup {
clear: both;
width: 100%;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #DDDDDD;
}
#header img,
body.bodypopup #headerpopup img {
float: left;
margin: 0px 10px 0px 0px;
}
/*---------------------------------------------------------------------------------------------------------------------*/
/*-- FIL D'ARIANE --*/
#filariane {
font-size: x-small;
padding: 7px 0px 10px 0px;
}
/*---------------------------------------------------------------------------------------------------------------------*/
/*-- INTER --*/
#inter,
#interpopup {
padding: 0;
}
#inter h2,
#interpopup h2 {
font-size: large;
margin: 0;
padding: 0;
line-height: 26px;
}
#inter h3,
#interpopup h3 {
font-size: medium;
margin: 0;
color: #663333;
padding: 5px 0px 5px 0px;
}
#inter h3 a,
#interpopup h3 a {
color: #663333;
}
#inter h4,
#interpopup h4 {
font-size: medium;
font-weight: bold;
margin: 0;
color: #666666;
padding: 5px 0px 5px 0px;
}
#inter h4 a,
#interpopup h4 a {
color: #666666;
}
#inter p,
#interpopup p {
margin: 0;
padding: 5px 0px 5px 0px;
}
#inter ul,
#interpopup ul {
padding: 5px 0px 5px 20px;
}
#inter ul li,
#interpopup ul li {
line-height: 18px;
}
#inter ul ul,
#interpopup ul ul {
padding: 2px 0px 2px 20px;
}
#inter ul ul li,
#interpopup ul ul li {
padding: 0px 0px 0px 10px;
line-height: 18px;
}
/*---------------------------------------------------------------------------------------------------------------------*/
/*-- ACTUALITES --*/
body.bodypopup div.actuLigne  {
float: left;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #C2C2C2;
}
body.bodypopup div.actuLigne a  {
color: #B3240D;
}
body.bodypopup div.actuLigne img  {
float: right;
margin-left: 10px;
border: 1px solid #B3240D;
}
/*---------------------------------------------------------------------------------------------------------------------*/
/*-- TEXTE --*/
div.coul01, .rouge, .coul01 {
color: #B3240D;
}
div.coul02, .marron, .coul02 {
color: #663333;
}
div.coul03, .jaune, .coul03 {
color: #F1A100;
}
div.coul04, .vert, .coul04 {
color: #3B8E1E;
}
div.coul05, .bleu, .coul05 {
color: #094D9A;
}
div.coul06, .rose, .coul06 {
color: #EF33A3;
}
div.coul07, .gris, .coul07 {
color: #838383;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #B3240D;
}
img.bord02, .bordureMarron {
border: 1px solid #663333;
}
img.bord03, .bordureJaune {
border: 1px solid #F1A100;
}
img.bord04, .bordureVerte {
border: 1px solid #3B8E1E;
}
img.bord05, .bordureBleue {
border: 1px solid #094D9A;
}
img.bord06, .bordureRose {
border: 1px solid #EF33A3;
}
img.bord07, .bordureGrise {
border: 1px solid #838383;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
vertical-align: top;
color: #663333;
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: #663333;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #CCCCCC;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
color: #003333;
line-height: 16px;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
color: #003333;
line-height: 16px;
text-decoration: none;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #663333;
padding: 3px;
vertical-align: top;
}
th {
color: #663333;
}
/*---------------------------------------------------------------------------------------------------------------------*/
/*-- PLAN DU SITE --*/
#plandusite {
padding: 0px 0px 0px 40px;
}
#plandusite h3 {
padding-bottom: 0px;
}
#plandusite ul {
padding-top: 0px;
}
#plandusite a {
text-decoration: none;
}
#plandusite a:hover {
text-decoration: underline;
}
/*---------------------------------------------------------------------------------------------------------------------*/
/*-- PAGE D'ACCUEIL --*/
body.bodyaccueil {
background-color: #FFFFFF;
background-image: url(fond_accueil.jpg);
background-repeat: no-repeat;
background-position: top;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
body.bodyaccueil #centrage {
background-image: none;
}
body.bodyaccueil #header {
height: 127px;
background-image: none;
}
body.bodyaccueil #header #fondmenu {
height: 127px;
background-image: none;
}
body.bodyaccueil #header #recherche {
background-image: none;
top: 333px;
left: 790px;
}
body.bodyaccueil #menu {
width: 210px;
padding: 0px 0px 0px 0px;
float: left;
}
body.bodyaccueil #menu ul {
width: 210px;
background-repeat: no-repeat;
background-position: right bottom;
padding-bottom: 9px;
}
body.bodyaccueil #menu ul li.liendemarche,
body.bodyaccueil #menu ul li.liendeplacements,
body.bodyaccueil #menu ul li.lienpduenactions,
body.bodyaccueil #menu ul li.lienpduarrete,
body.bodyaccueil #menu ul li.lienprojetscasa {
padding: 0px 0px 44px 0px;
margin: 0px;
height: 16px;
width: 210px;
overflow: hidden;
display: list-item;
}
body.bodyaccueil #menu ul li a.absol {
float: none;
display: block;
height: 16px;
width: 210px;
overflow: hidden;
background-repeat: no-repeat;
background-position: 0px -10px;
}
body.bodyaccueil #menu ul li.liendemarche a.absol {
position: relative;
top: 0px;
left: 0px;
background-image: url(bout_demarche_accueil.gif);
}
body.bodyaccueil #menu ul li.liendeplacements a.absol {
position: relative;
top: 0px;
left: 0px;
background-image: url(bout_deplacements_accueil.gif);
}
body.bodyaccueil #menu ul li.lienpduenactions a.absol {
position: relative;
top: 0px;
left: 0px;
background-image: url(bout_actions_accueil.gif);
}
body.bodyaccueil #menu ul li.lienpduarrete a.absol {
position: relative;
top: 0px;
left: 0px;
background-image: url(bout_doc_arrete_accueil.gif);
}
body.bodyaccueil #menu ul li.lienprojetscasa a.absol {
position: relative;
top: 0px;
left: 0px;
background-image: url(bout_projets_accueil.gif);
}
body.bodyaccueil #menu ul li a:hover {
background-position: 0px -110px;
}
body.bodyaccueil #menu ul li.lienactualites,
body.bodyaccueil #menu ul li.liencarteinteractive {
position: absolute;
width: 116px;
height: 66px;
top: 397px;
margin: 0;
padding:0;
}
body.bodyaccueil #menu ul li.lienactualites {
left: 80px;
}
body.bodyaccueil #menu ul li.liencarteinteractive {
left: 226px;
}
body.bodyaccueil #interaccueil div {
position: absolute;
}
body.bodyaccueil #interaccueil #visudemarche {
top: 180px;
left: 599px;
}
body.bodyaccueil #interaccueil #visudeplacements {
top: 390px;
left: 369px;
}
body.bodyaccueil #interaccueil #visuactions {
top: 99px;
left: 436px;
}
body.bodyaccueil #interaccueil #visudocarrete {
top: 102px;
left: 733px;
}
body.bodyaccueil #interaccueil #visuprojets {
top: 179px;
left: 282px;
}
body.bodyaccueil #interaccueil #logocharte {
top: 100px;
left: 513px;
}
body.bodyaccueil #interaccueil #logoenvibus {
top: 119px;
left: 747px;
}
body.bodyaccueil #interaccueil div a {
display: block;
background-repeat: no-repeat;
background-position: 0px -10px;
}
body.bodyaccueil #interaccueil div a:hover {
background-position: 0px -270px;
}
body.bodyaccueil #interaccueil #visudemarche a {
width: 122px;
height: 181px;
background-image: url(visu_poussette.gif);
}
body.bodyaccueil #interaccueil #visudeplacements a {
width: 264px;
height: 112px;
background-image: url(visu_ter.gif);
}
body.bodyaccueil #interaccueil #visuactions a {
width: 141px;
height: 144px;
background-image: url(visu_velo.gif);
}
body.bodyaccueil #interaccueil #visudocarrete a {
width: 246px;
height: 217px;
background-image: url(visu_bus.gif);
}
body.bodyaccueil #interaccueil #visuprojets a {
width: 54px;
height: 130px;
background-image: url(visu_roller.gif);
}
body.bodyaccueil #interaccueil div a span {
display: none;
}
/*-------------------------------------------------------------------------------------------------------------------------*/
.invisible {
display: none;
}