body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
}
a {
color: #333333;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
img {
border: none;
}
#raccourcis,
#recherche,
#menu,
#blocAgenda,
#blocPublications,
body.bodyAccueil #interAccueil #logextranet,
#footer,
#hautpage,
#imprimpage {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header,
#headerPopup {
float: left;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #C7013F;
}
#header img.logo,
#headerPopup img.logo {
margin: 0px 0px 0px 0px;
float: left;
}
#header h1,
#headerPopup h1 {
margin: 0px 0px 0px 20px;
float: right;
font-size: x-large;
font-weight: normal;
color: #CCCCCC;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
clear: both;
font-size: x-small;
padding: 0px 0px 20px 0px;
}
body.commAgglo #filariane,
body.commAgglo #filariane a,
body.parcsActiv #filariane,
body.parcsActiv #filariane a,
body.bodyGenerique #filariane,
body.bodyGenerique #filariane a {
color: #C7013F;
}
body.actions #filariane,
body.actions #filariane a {
color: #E65C00;
}
body.grandsProjets #filariane,
body.grandsProjets #filariane a,
body.projet #filariane,
body.projet #filariane a {
color: #0480B7;
}
body.agenda21 #filariane,
body.agenda21 #filariane a,
body.ecoLocale #filariane,
body.ecoLocale #filariane a  {
color: #DD4895;
}
body.marchesPublics #filariane,
body.marchesPublics #filariane a,
body.batimentsTerrains #filariane,
body.batimentsTerrains #filariane a {
color: #2D5E04;
}
body.extranet #filariane,
body.extranet #filariane a {
color: #CC0000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL DE L'ESPACE VITRE COMMUNAUTE ---*/
body.bodyAccueil #interAccueil {

}
body.bodyAccueil #interAccueil p {
margin: 7px 0px 7px 0px;
}
body.bodyAccueil #interAccueil #actus {

}
body.bodyAccueil #interAccueil #actus h2 {
color: #C7013F;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 15px;
font-style: italic;
font-weight: normal;
font-size: x-large;
}
body.bodyAccueil #interAccueil #actus p {
float: left;
clear: both;
width: 100%;
}
body.bodyAccueil #interAccueil #actus p img {
float: right;
margin-left: 10px;
}
body.bodyAccueil #interAccueil #actus p strong a {
color: #C7013F;
text-decoration: none;
}
body.bodyAccueil #interAccueil #actus p.toutesactus {
font-size: x-small;
font-weight: bold;
padding-left: 5px;
}
body.bodyAccueil #interAccueil #actus p.toutesactus a {
text-decoration: none;
color: #BC0606;
padding-left: 8px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL DE L'ESPACE DEVELOPPEMENT ECONOMIQUE ---*/
body.bodydevEco #interDevEco {

}
body.bodydevEco #interDevEco p {
margin: 7px 0px 7px 0px;
}
body.bodydevEco #interDevEco #alaune {

}
body.bodydevEco #interDevEco #alaune h2 {
color: #0480B7;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 15px;
font-style: italic;
font-weight: normal;
font-size: x-large;
}
body.bodydevEco #interDevEco #alaune p {
float: left;
clear: both;
width: 100%;
}
body.bodydevEco #interDevEco #alaune p img {
float: right;
margin-left: 10px;
}
/*-----------------------------*/
body.bodydevEco #interDevEco #accesVideos {
padding: 0px 0px 0px 0px;
}
body.bodydevEco #interDevEco #accesVideos h3 {
color: #0480B7;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 10px;
font-style: italic;
font-weight: normal;
font-size: large;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter,
#interPopup {
padding: 10px 0px 0px 20px;
line-height: 18px;
}
#inter img.visuRond {
float: right;
margin: 0px 0px 0px 10px;
}
#inter h2,
#inter h2 a,
#interPopup h2,
#interPopup h2 a {
margin: 0px 0px 0px -10px;
padding:  0px 0px 10px 0px;
font-style: italic;
font-weight: normal;
font-size: x-large;
line-height: 22px;
}
body.commAgglo #inter h2,
body.commAgglo #inter h2 a,
body.parcsActiv #inter h2,
body.parcsActiv #inter h2 a,
body.bodyGenerique #inter h2,
body.bodyGenerique #inter h2 a,
#interPopup h2,
#interPopup h2 a {
color: #C7013F;
}
body.actions #inter h2,
body.actions #inter h2 a {
color: #E65C00;
}
body.grandsProjets #inter h2,
body.grandsProjets #inter h2 a,
body.projet #inter h2,
body.projet #inter h2 a {
color: #0480B7;
}
body.agenda21 #inter h2,
body.agenda21 #inter h2 a,
body.ecoLocale #inter h2,
body.ecoLocale #inter h2 a  {
color: #DD4895;
}
body.marchesPublics #inter h2,
body.marchesPublics #inter h2 a,
body.batimentsTerrains #inter h2,
body.batimentsTerrains #inter h2 a {
color: #2D5E04;
}
body.extranet #inter h2,
body.extranet #inter h2 a {
color: #CC0000;
}
#inter h3,
#inter h3 a,
#interPopup h3,
#interPopup h3 a {
font-size: large;
margin: 7px 0px 7px -10px;
padding: 0;
color: #57575A;
line-height: 20px;
font-style: italic;
font-weight: normal;
}
#inter h4,
#inter h4 a,
#interPopup h4,
#interPopup h4 a {
font-size: medium;
margin: 7px 0px 7px -10px;
padding: 0;
color: #C70C46;
font-style: italic;
font-weight: normal;
}
#inter p,
#interPopup p {
margin: 7px 0px 7px 0px;
}
#inter ul,
#interPopup ul  {
margin: 7px 0px 7px 20px;
}
#inter ul li
#interPopup ul li {
padding-left: 8px;
}
#inter ul li ul,
#interPopup ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul li ul li,
#interPopup ul li ul li {
padding-left: 8px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGE LISTE DES ACTUALITES ---*/
.actuLigne {
margin-bottom: 20px;
}
#inter .actuLigne img {
float: right;
border-right: 8px solid #BC0606;
}
.actuLigne strong a {
color: #6699CC;
text-decoration: none;
}
.actuLigne strong a:hover {
text-decoration: underline overline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
margin: 0px 0px 0px 0px;
padding: 0px 15px 10px 10px;
font-size: x-small;
line-height: 14px;
}
#right p {
margin: 5px 0px 5px 0px;
}
#right ul {
margin: 7px 0px 7px 5px;
}
#right ul li {
padding-left: 8px;
}
#right ul li ul {
margin: 0px 0px 0px 5px;
}
#right ul li ul li {
padding-left: 8px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem {
margin: 0px 0px 10px 0px;
padding: 5px 5px 5px 5px;
font-size: x-small;
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .fuscia, .coul02 {
color: #C7013F;
}
div.coul03, .bleu, .coul03 {
color: #0480B7;
}
div.coul04, .violet, .coul04 {
color: #DD4895;
}
div.coul05, .orange, .coul05 {
color: #E65C00;
}
div.coul06, .vert, .coul06 {
color: #66B821;
}
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02 .bordureFuscia {
border: 1px solid #C7013F;
}
img.bord03, .bordureBleue {
border: 1px solid #0480B7;
}
img.bord04, .bordureViolete {
border: 1px solid #DD4895;
}
img.bord05, .bordureOrange {
border: 1px solid #E65C00;
}
img.bord06, .bordureVerte {
border: 1px solid #66B821;
}
/*-- RESULTAT 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 15px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #003333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
color: #BC0606;
}
html div.suiv a:hover {
text-decoration: underline;
color: #BC0606;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
td {
border: 1px solid #57575A;
padding: 3px;
vertical-align: top;
}
th {
border: 1px solid #C7013F;
color: #C7013F;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
padding-left: 25px;
}
#plandusite h3 {
margin: 0px 0px 0px 0px;
}
#plandusite h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #57575A;
line-height: 20px;
font-style: italic;
font-weight: normal;
text-decoration: none;
}
#plandusite ul {
padding: 0px 0px 5px 20px;
border-bottom: 1px solid #C70C46;
margin: 7px 0px 7px 0px;
font-weight: bold;
}
#plandusite ul li ul {
padding: 0px 0px 0px 10px;
border-bottom: none;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
#plandusite ul li a {
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
display: none;
}