body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
line-height: 18px;
}
a {
color: #333333;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
img {
border: none;
}
#raccourcis,
#recherche,
#menu,
#navigPlus #contentNavigPlus,
#foncts,
#avatar,
#nuageTags,
#nebuleuse,
#support,
#footer ul,
#footer #hautpage,
#footer #imprimpage,
#inter #formfindcalendar,
#oCalendar,
body.rechEvent #inter p.filrss,
#interRegional #colGauche,
#interRegional #colGaucheInter,
#footerRegional ul,
#footerRegional #hautpage,
#footerRegional #imprimpage, {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header,
#headerPopup,
headerRegional {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 10px 0px;
padding:  0px 0px 10px 0px;
border-bottom: 1px solid #333333;
}
h1 {
float: right;
font-size: xx-large;
margin: 50px 0px 0px 30px;
line-height: 40px;
}
#headerRegional h1 {
float: right;
font-size: xx-large;
margin: 20px 70px 0px 30px;
line-height: 40px;
}
#header img.logo,
#headerRegional img.logo {
float: left;
}
body.bodyPopup #headerPopup img.logo {
float: left;
}
#headerRegional #idEnvironnement {
float: right;
}

/*--- FIL D'ARIANE ---*/
#filariane {
width: 100%;
clear: both;
font-size: x-small;
padding: 5px 15px 0px 15px;
line-height: 18px;
}
body.bodyAccueil #filariane {
display: none;
}
body.bodyQuiSommes #filariane a,
body.bodyGenerique #filariane a,
body.bodyAccess #filariane a {
color: #CC0000;
}
body.bodyInfos #filariane,
body.bodyInfos #filariane a {
color: #FF0099;
}
body.bodyRessources #filariane,
body.bodyRessources #filariane a {
color: #330000;
}
body.bodyAnim #filariane,
body.bodyAnim #filariane a {
color: #669900;
}
body.bodyServices #filariane,
body.bodyServices #filariane a,
body.bodyActus #filariane,
body.bodyActus #filariane a {
color: #0000CC;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter,
#interRegional {
clear: both;
padding: 5px 12px 10px 15px;
line-height: 18px;
}
#interPopup {
padding: 5px 15px 20px 15px;
line-height: 18px;
}
#inter #colGauche {
float: left;
width: 40%;
padding: 0px 27px 0px 0px;
}
#inter #colDroite {
float: right;
width: 40%;
padding: 0px 0px 0px 0px;
}
#inter h2,
#inter h2 a,
#interPopup h2,
#interPopup h2 a,
#interRegional h2,
#interRegional h2 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
font-variant: small-caps;
color: #660000;
line-height: 24px;
}
#inter h3,
#inter h3 a,
#interPopup h3,
#interPopup h3 a,
#interRegional h3,
#interRegional h3 a {
font-size: medium;
font-weight: normal;
font-variant: small-caps;
margin: 7px 0px 7px 0px;
padding: 0;
line-height: 20px;
}
#inter h4,
#inter h4 a,
#interPopup h4,
#interPopup h4 a,
#interRegional h4,
#interRegional h4 a {
font-size: small;
margin: 7px 0px 7px 0px;
padding: 0px 0px 0px 30px;
}
#inter h5,
#inter h5 a,
#interPopup h5,
#interPopup h5 a
#interRegional h5,
#interRegional h5 a {
font-size: small;
font-weight: normal;
margin: 7px 0px 7px 0px;
padding: 0px 0px 0px 30px;
}
#inter p,
#interPopup p,
#interRegional p {
margin: 7px 0px 7px 0px;
}
#inter ul,
#interPopup ul,
#interRegional ul {
margin: 7px 0px 7px 20px;
}
#inter ul li ul,
#interPopup ul li ul,
#interRegional ul li ul {
margin: 0px 0px 0px 15px;
}

#interRegional #colDroite #agregate .blocAgregate {
padding: 5px;
margin: 3px 0px 10px 0px;
border-bottom: 1px solid #333333;
}
#interRegional #colDroite #agregate .blocAgregate h4 {
font-size: medium;
font-weight: normal;
color: #b9060f;
padding: 0px 0px 0px 0px;
}
#interRegional #colDroite #agregate .blocAgregate h5 {
font-weight: bold;
padding: 0px 0px 0px 0px;
clear: both;
}
#interRegional #colDroite #agregate .blocAgregate div.itemrss {
padding: 0px 0px 0px 30px;
}
#interRegional #colDroite #agregate .blocAgregate div img {
float: left;
margin-right: 10px;
}
#interRegional #colDroite #agregate .blocAgregate div a {
font-weight: bold;
color: #660000;
}



/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
body.bodyAccueil #inter {
padding: 5px 12px 0px 0px;
}
#hautAccueil {
float: left;
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
}
#events {
float: left;
padding: 10px 0px 0px 24px;
}
#events div.eventline {
float: left;
width: 30%;
padding: 0px 15px 0px 15px;
}
#events div.eventline strong,
#events div.eventline strong a {
font-weight: bold;
color: #CC0000;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
text-decoration: none;
}
#events div.eventline p a.title:hover {
text-decoration: underline;
}
#events div.eventline p img {
float: right;
margin-left: 10px;
}
#events div.eventline ul li {
width: 190px;
padding: 0px 5px 5px 12px;
background-position: 0px 3px;
}
#events div.eventline ul li.theme,
#events div.eventline ul li.public {
display: none;
}
#events p.toutevents {
float: left;
clear: left;
width: 130px;
font-size: x-small;
padding: 10px 30px 0px 0px;
margin-left: -8px;
}
#events p.filrss {
float: left;
width: 110px;
font-size: x-small;
padding: 10px 30px 0px 0px;
}
#events p.fluxnetvibes {
float: left;
width: 110px;
font-size: x-small;
padding: 10px 30px 0px 0px;
}
#events p.fluxigoogle {
float: left;
width: 110px;
font-size: x-small;
padding: 10px 80px 0px 0px;
}
#events p.toutevents a,
#events p.filrss a,
#events p.fluxnetvibes a,
#events p.fluxigoogle a {
text-decoration: none;
display: block;
color: #CC0000;
padding: 0px 0px 5px 23px;
background-repeat: no-repeat;
background-position: 0px 2px;
}
#events p.toutevents a {
background-image: url(bout_voir_tous_evenements.gif);
}
#events p.filrss a {
background-image: url(bout_rss_evenements_accueil.gif);
}
#events p.fluxnetvibes a {
background-image: url(netvibes-rouge.gif);
}
#events p.fluxigoogle a {
background-image: url(google-rouge.gif);
}
#events p.toutevents a:hover,
#events p.filrss a:hover,
#events p.fluxnetvibes a:hover,
#events p.fluxigoogle a:hover {
text-decoration: underline;
}
#basAccueil {
float: left;
width: 744px;
padding: 0px 0px 0px 0px;
background-image: url(bas_zones_accueil.gif);
background-repeat: no-repeat;
background-position: bottom;
margin-bottom: 20px;
}
#actus {
float: left;
width: 720px;
padding: 10px 0px 0px 24px;
background-image: url(fond_actus_accueil.gif);
background-repeat: no-repeat;
}
#actus h2 {
display: none;
}
#actus p {
float: left;
width: 210px;
padding: 0px 15px 0px 15px;
}
#actus p strong a {
color: #336699;
text-decoration: none;
}
#actus p img {
float: right;
margin-left: 10px;
}
#actus p strong a:hover {
text-decoration: underline;
}
#actus p.toutesactus {
float: left;
clear: left;
width: 130px;
font-size: x-small;
padding: 10px 30px 0px 0px;
margin-left: -8px;
}
#actus p.filrss {
float: left;
width: 110px;
font-size: x-small;
padding: 10px 30px 0px 0px;
}
#actus p.fluxnetvibes {
float: left;
width: 110px;
font-size: x-small;
padding: 10px 30px 0px 0px;
}
#actus p.fluxigoogle {
float: left;
width: 110px;
font-size: x-small;
padding: 10px 80px 0px 0px;
}
#actus p.toutesactus a,
#actus p.filrss a,
#actus p.fluxnetvibes a,
#actus p.fluxigoogle a {
text-decoration: none;
display: block;
color: #336699;
padding: 0px 0px 5px 23px;
background-repeat: no-repeat;
background-position: 0px 2px;
}
#actus p.toutesactus a {
background-image: url(bout_voir_toutes_actus.gif);
}
#actus p.filrss a {
background-image: url(bout_rss_actus_accueil.gif);
}
#actus p.fluxnetvibes a {
background-image: url(netvibes-bleu.gif);
}
#actus p.fluxigoogle a {
background-image: url(google-bleu.gif);
}
#actus p.toutesactus a:hover,
#actus p.filrss a:hover,
#actus p.fluxnetvibes a:hover,
#actus p.fluxigoogle a:hover {
text-decoration: underline;
}
/*----------------------------------------------------------------------------------*/
/*--  LISTE DES ACTUS  --*/
body.bodyActus #form01 {
border-bottom: 1px solid #336699;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
body.bodyActus #form01 .footer {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/*--  ABONNEMENT FLUX  --*/
body.bodyActus #inter p.filrss {
float: left;
width: 110px;
font-size: x-small;
padding: 0px 30px 0px 20px;
margin: 5px 0px 15px 250px;
}
body.bodyActus #inter p.filrss a {
text-decoration: none;
display: block;
color: #336699;
padding: 0px 0px 5px 23px;
background-repeat: no-repeat;
background-position: 0px 2px;
background-image: url(bout_rss_actus_accueil.gif);
}
body.bodyActus #inter p.filrss a:hover {
text-decoration: underline;
}
/*-------------------------------*/
.actuLigne {
float: left;
width: 100%;
margin: 0px 0px 10px 0px;
padding:  0px 0px 10px 0px;
border-bottom: 1px solid #336699;
}
#inter .actuLigne img {
float: right;
margin-left: 10px;
}
.actuLigne strong a {
color: #336699;
text-decoration: none;
}
.actuLigne strong a:hover {
text-decoration: underline;
}
/*----------------------------------------------------------------------------------*/
/*--  AGENDA CULTUREL  --*/
/*--  AFFICHAGE DES EVENEMENTS  --*/
body.bodyAnim .eventline {
float: left;
width: 100%;
margin: 0px 0px 10px 0px;
padding:  0px 0px 10px 0px;
border-bottom: 1px solid #CA9898;
}
#inter .eventline p img {
float: right;
margin-left: 10px;
}
.eventline p strong,
.eventline p strong a {
font-weight: bold;
color: #CC0000;
text-decoration: none;
}
.eventline p strong a:hover {
text-decoration: underline;
}
#inter .eventline ul {
margin: 7px 0px 7px 0px;
padding: 0px 0px 0px 0px;
font-size: x-small;
line-height: 12px;
clear: both;
}
#inter .eventline ul li {
float: left;
width: 160px;
padding: 0px 5px 5px 12px;
background-position: 0px 3px;
}
/*---------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem {
font-size: x-small;
width: 100%;
clear: both;
line-height: 14px;
border-top: 1px solid #333333;
padding-top: 10px;
margin-top: 10px;
}
#totem p {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}
/*---------------------------------------------------------------------*/
/*--- PRESENTATION BIBLIOTHEQUES  ---*/
#mediatheque,
#perigord,
#bibliQuartier {
font-size: x-small;
width: 100%;
clear: both;
line-height: 14px;
border-top: 1px solid #333333;
padding-top: 10px;
}
#mediatheque #interMediatheque ul.liens,
#perigord #interPerigord ul.liens,
#bibliQuartier #interBibliQuartier ul.liens {
display: none;
}
#mediatheque p,
#perigord p,
#bibliQuartier p {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}
/*----------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer,
#footerPopup,
#footerRegional {
text-align: center;
}
/*----------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .bleu, .coul02 {
color: #0000CC;
}
div.coul03, .rose, .coul03 {
color: #FF0099;
}
div.coul04, .marron, .coul04 {
color: #330000;
}
div.coul05, .vert, .coul05 {
color: #669900;
}
div.coul06, .blanc, .coul06 {
color: #FFFFFF;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureBleue {
border: 1px solid #0000CC;
}
img.bord03, .bordureRose {
border: 1px solid #FF0099;
}
img.bord04, .bordureMarron {
border: 1px solid #330000;
}
img.bord05, .bordureVerte {
border: 1px solid #669900;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
vertical-align: top;
color: #597FBF;
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;
}
th,
td {
border: 1px solid #597FBF;
padding: 3px;
vertical-align: top;
}
th {
color: #597FBF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
padding-left: 20px;
}
#plandusite h3 a {
font-size: medium;
margin: 7px 0px 7px 0px;
padding: 0;
text-decoration: none;
}
#plandusite ul {
padding: 0px 0px 5px 20px;
margin: 7px 50px 7px 0px;
}
#plandusite h3.planInfos a {
color: #FF0099;
}
#plandusite ul.listeplanInfos {
border-bottom: 1px solid #FF0099;
}
#plandusite ul.listeplanInfos a {
color: #FF0099;
}
#plandusite h3.planRessources a {
color: #330000;
}
#plandusite ul.listeplanRessources {
border-bottom: 1px solid #330000;
}
#plandusite ul.listeplanRessources a {
color: #330000;
}
#plandusite h3.planAnim a {
color: #669900;
}
#plandusite ul.listeplanAnim {
border-bottom: 1px solid #669900;
}
#plandusite ul.listeplanAnim a {
color: #669900;
}
#plandusite h3.planServices a {
color: #0000CC;
}
#plandusite ul.listeplanServices a {
border-bottom: 1px solid #0000CC;
}
#plandusite ul.listeplanServices a {
color: #0000CC;
}
#plandusite h3.planQui a {
color: #CC0000;
}
#plandusite ul.listeplanQui {
border-bottom: 1px solid #CC0000;
}
#plandusite ul.listeplanQui a {
color: #CC0000;
}
#plandusite h3.planAccess a {
color: #6699CC;
}
#plandusite ul.listeplanAcces {
border-bottom: 1px solid #6699CC;
}
#plandusite ul.listeplanAcces a{
color: #6699CC;
}
#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;
}
#plandusite ul li a:hover {
color: #CC0000;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
display: none;
}