body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: "georgia", Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #666666;
background: #8674AE;
}
#background{
width: 100%;
float: left;
background: #E2ECF4 url(bgHeader.jpg) no-repeat center top;
}
body.accueil #background{
width: 100%;
float: left;
background: #E2ECF4 url(bgHeaderAccueil.jpg) no-repeat center top;
}
#inter a{
color: #3A89C9;
text-decoration: none;
background: url(pageSuiv.gif) no-repeat right -17px;
padding: 0px 15px 0px 0px;
}
#inter a:hover {
text-decoration: underline;
}
#inter ul.contentList  a{
background-image: none;
padding: 0px 0px 0px 0px;ele
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
h1{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
legend,
caption{
display: none;
position:absolute;
top: -5000px;
left: -5000px;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
.colGauche{
float: left;
width: 340px;
min-height: 400px;/* -- a supprimer --*/
}
.colGauche #programme_accueil {
padding: 10px 0px 15px 0px;
}
.colGauche #newsBlog {
padding: 0px 0px 15px 0px;
}
.colGauche #newsBlog h3 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.colGauche #agrege {
}
.colGauche #agrege .elementflux {
padding: 10px 0px 15px 0px;
background-image: url(separateur02.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
.colGauche #agrege .elementflux div,
.colGauche #agrege .elementflux div p,
.colGauche #agrege .elementflux div span,
.colGauche #agrege .elementflux div ul,
.colGauche #agrege .elementflux div img {
/*display: none;*/
}
.colGauche #newsBlog #blog_Rss {
padding: 5px 0px 10px 0px;
font-size: 90%;
}
.colDroite{
float: right;
width: 340px;
min-height: 400px;/* -- a supprimer --*/
}
.colDroite #rencontres_accueil {
background-image: url(separateur03.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding: 0px 0px 10px 0px;
}
body #inter .colDroite #rencontres_accueil table.borderNone {
width: 300px;
}
body #inter .colDroite #rencontres_accueil table.borderNone tr {
height: 30px;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body #inter .colDroite #rencontres_accueil table.borderNone td {
width: 60px;
height: 60px;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body #inter .colDroite #rencontres_accueil table.borderNone td img {
width: 60px;
height: 60px;
margin: 0px 0px 0px 0px;
float: left;
}
.colDroite #on_aime_accueil {
padding: 10px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:960px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:960px;
position:relative;
float: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
width: 960px;
float: right; 
margin: 25px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#contentHeaderVilleurbanne #siteVilleurbanne{
background: url(favVilleurbanne.gif) no-repeat left top;
padding: 1px 0px 1px 20px;
}
#contentHeaderVilleurbanne #siteViva{
background: url(favViva.gif) no-repeat left top;
padding: 1px 0px 1px 20px;
}
#contentHeaderVilleurbanne{
width: 960px;
margin: auto;
color: #FFFFFF;
height: 30px;
}
.colRight{
width: 460px;
float: right;
}
.colLeft{
width: 500px;
float: left;
}
#contentHeaderVilleurbanne div.colLeft a{
float: left;
}
#contentHeaderVilleurbanne div.colRight a{
float: right;
}
#contentHeaderVilleurbanne div a{
padding: 0px 0px 0px 0px;
margin: 7px 0px 8px 15px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-size: x-small;
font-family:"arial", Trebuchet MS, Arial, Helvetica, sans-serif;
}
#contentHeaderVilleurbanne div a.lienLogo{
margin: 2px 0px 0px 15px;
}
#contentHeaderVilleurbanne div a:hover{
color: #DDDDDD;
}
#contentHeaderVilleurbanne a#racAcc,
#contentHeaderVilleurbanne a#racNews,
#contentHeaderVilleurbanne a#fluxRss{
width: 60px;
padding: 0px 0px 0px 20px;
background-repeat: no-repeat;
background-position:left center;
}
#contentHeaderVilleurbanne a#racAcc{
background-image:url(bgAccessibilte.gif);
}
#contentHeaderVilleurbanne a#racNews{
background-image:url(bgNewsletter.gif);
}
#contentHeaderVilleurbanne a#fluxRss{
background-image:url(bgRss.gif);
}
#headerVillerbanne{
background: url(bgHeaderVilleurbanne.gif) repeat-x top center;
font-family: Arial, Helvetica, sans-serif;
height: 30px;
}
#header {
background: #E2ECF4 url(bgHeader.jpg) no-repeat top center;
height: 140px;
position: relative;
}
body.accueil #header {
background: #E2ECF4 url(bgHeaderAccueil.jpg) no-repeat top center;
height: 290px;
position: relative;
}
#logo{
position: absolute;
top: 5px ;
left: 250px;
}
body.accueil #logo{
position: absolute;
top: 10px ;
left: 250px;
}
.resister{
position: absolute;
top: 36px ;
left: 102px;
}
body.accueil .resister{
position: absolute;
top: 17px ;
left: -1px;
}
#header #menuHeader{
position: absolute;
top: 65px;
right: 40px;
width: 330px;
}
body.accueil #header #menuHeader{
top: 225px;
z-index: 999999;
}
#menuHeader p{
margin: 0px 0px 0px 0px;
}
#menuHeader ul {
padding: 0px 0px 0px 4px;
}
#menuHeader ul li {
float: left;
}
#menuHeader ul li a{
font-style: italic;
font-weight: bold;
float: left;
color: #FFFFFF;
text-decoration: none;
padding: 0px 20px 2px 0px;
margin: 5px 15px 0px 0px;
background: url(puceHeader.gif) no-repeat right center;
}
#menuHeader ul li a:hover{
color: #BDFAFF;
}
#edito_extrait{
position: absolute;
top: 150px;
left: 250px;
width: 290px;
color: #FEE0FA;
}
#edito_extrait h2 a{
font-size: small;
color: #FFFFFF;
}
#edito_extrait a{
color: #eae0d8;
text-decoration: none;
}
#edito_extrait a:hover{
color: #FFFFFF;
}
#edito_extrait p{
margin: 0px 0px 0px 0px;
padding: 2px 0px 5px 0px;
font-size: 85%;
}
#edito_extrait h2,
#inter #on_aime_accueil h2,
#inter #rencontres_accueil h2,
#inter #blog_Rss h2,
#suivezNous h2,
#onAime h2{
margin: 0px;
padding: 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUS ACCUEIL---*/
#defilactus {
width: 415px;
height: 212px;
overflow: hidden;
padding: 0px 0px 0px 0px;
float: right;
}
#defilcontener {
position: relative;
width: 415px;
height: 212px;
overflow: hidden;
}
#cache {
width: 429px;
height: 155px;
position: absolute;
left: -6px;
z-index: 1;
}
#defilcontener a {
text-decoration: none;
}
img.picto {

}
p.descriptionactu {
display: block;
width: 400px;
}
#defiliste {
position: absolute;
z-index: 2;
width: 100px;
height: 236px;
top: 115px;
left: 342px;
}
#defiliste ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#defiliste ul li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: none;
position: absolute;
}
#defiliste ul li#li1 {
top: 0px;
left: 0px;
}
#defiliste ul li#li1 a {
background-image: url(picto_actu01.gif);
}
#defiliste ul li#li2 {
top: 0px;
left: 17px;
}
#defiliste ul li#li2 a {
background-image: url(picto_actu02.gif);
}
#defiliste ul li#li3 {
top: 0px;
left: 34px;
}
#defiliste ul li#li3 a {
background-image: url(picto_actu03.gif);
}
#defiliste ul li#li4 {
top: 0px;
left: 51px;
}
#defiliste ul li#li4 a {
background-image: url(picto_actu04.gif);
}
#defiliste a {
display: block;
width: 14px;
height: 14px;
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
}
#defiliste a img {
display: none;
}
#defiliste ul li#li1 a:hover,
#defiliste ul li#li2 a:hover,
#defiliste ul li#li3 a:hover,
#defiliste ul li#li4 a:hover {
text-decoration: none;
background-image: url(picto_actu_select.gif);
}
#defiliste a.unselect {
background-color:transparent;
}
#defiliste ul li#li1 a.select,
#defiliste ul li#li2 a.select,
#defiliste ul li#li3 a.select,
#defiliste ul li#li4 a.select {
background-image: url(picto_actu_select.gif);
}
#defilblocs {
width: 400px;
padding: 0px 0px 0px 6px;
}
#defilblocs div a strong {
color: #000000;
font-size: small;
}
#defilblocs div a strong,
#defilblocs div a span {
padding-left: 18px;
display: block;
}
#defilblocs div a span strong {
padding-left: 0px;
display: inline;
font-weight: normal;
color: #c22c6a;
padding: 0px 6px 0px 5px;
}
#defilblocs div a {
color: #666666;
}
#defilblocs img.imgactu {
margin-bottom: 3px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position: absolute;
top: -5000px;
left: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
width: 180px;
font-size: x-small;
background:url(bg_recherche.gif) no-repeat center center;
margin: 0px 0px 0px  0px;
padding: 10px 10px 10px 10px;
background: #F1F6FA;
}
#recherche input.saisie {
font-size: x-small;
color: #666666;
border: none;
vertical-align: middle;
width: 145px;
margin:0px 0px 0px 0px;
padding:6px 0px 6px 10px;
background: url(bgInputSaisie.gif) no-repeat left center;
}
#recherche input.bouton {
vertical-align: middle;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche label,
#recherche legend{
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
display: none;
}
body.bodyaccueil #filariane {
display: none;
}
#filariane a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
width:700px;
padding: 0px 35px 0px 15px;
float:left; 
}
body.accueil #inter {
padding: 0px 35px 50px 15px;
}
#inter p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}
#inter ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li {
padding-left:12px;
background-repeat: no-repeat;
background-position: left 4px;
}
#inter ul li{
background-image:url(puce01.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/ 
#inter_popup h2,
#inter h2 {
font-size: x-large;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #543E82;
}
#inter_popup h3,
#inter h3 {
font-size: large;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #333333;
}
#inter_popup h4,
#inter h4 {
font-size: medium;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #666666;
}
#inter_popup h5,
#inter h5 {
font-size: small;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #000000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LIST AUTEURS -- LIST PROGRAMMES ---*/ 
ul.contentList{
width: 100%;
float: left;
}
#inter ul.contentList {
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
#inter ul.contentList li img{
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
#inter ul.contentList li{
background-image: none;
float: left;
display: block;
width: 233px;
padding: 0px 0px 30px 0px;
margin: 0px 0px 20px 0px;
font-size: x-small;
background: url(bgBorderBottom.gif) no-repeat left bottom;
}
#inter ul.contentList li a{
color: #3A89C9;
text-decoration: none;
}
#inter ul.contentList li a:hover{
color: #3A89C9;
text-decoration: underline;
}
#inter ul.contentList ul li{
float: right;
width: 160px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image: none;
}

/* --- list programme --- */
body.bodyProgramme #inter ul.contentList li{
background: url(bgListProg.gif) no-repeat left bottom;
height: 200px;
padding: 0px 0px 30px 0px;
margin: 0px 0px 0px 0px;
}
body.bodyProgramme #inter ul.contentList ul li{
background-image: none;
width: 210px;
height: auto;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: small;
}
.pagination{
position: relative;
top: -24px;
width: 686px;
padding: 10px 0px 0px 0px;
border-top: #788FAE 1px solid;
background:#E2ECF4;
float: left;
}
.pagination a{
font-size: 90%;
color: #999999;
text-decoration: none;
}
.pagination a.suiv{
float: right;
background: url(pageSuiv.gif) no-repeat right 4px;
padding: 0px 15px 0px 0px;
}
#inter .pagination a.prec{
float: left;
background: url(pagePrec.gif) no-repeat left 4px;
padding: 0px 0px 0px 15px;
}
.pagination a.suiv:hover{
background: url(pageSuiv.gif) no-repeat right -17px;
color: #3A89C9;
}
#inter  .pagination a.prec:hover{
background: url(pagePrec.gif) no-repeat left -17px;
color: #3A89C9;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
position: relative;
float: right;
width: 200px;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}
#block_fan_facebook {
width: 190px;
margin: 20px 0px 0px 0px;
padding: 10px 0px 10px 10px;
background: #F1F6FA;
}
#block_fan_facebook p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#block_fan_facebook p a {
color: #666666;
text-decoration: none;
}
#block_fan_facebook p a.rejoindre {
margin: 0px 0px 0px 50px;
padding: 5px 0px 0px 0px;
display: block;
}
body.accueil #onAime {
display: none;
}
#onAime{
display: block;
width: 190px;
margin: 20px 0px 0px  0px;
padding: 5px 0px 10px 10px;
background: #F1F6FA;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOOLBAR---*/
#toolBar{
width: 100%;
text-align: right;
}
#toolBar ul li {
display: inline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#contentFooter {
float: left;
width: 100%;
background: #c5b9af url(bgFooter.jpg) repeat top center;
}
#footer {
width: 960px;
height: 120px;
margin: auto;
padding-top: 40px;
background: #c5b9af url(bgFooter.jpg) no-repeat top center;
color: #FFFFFF;
}
body.accueil #footer {
padding-top: 0px;
height: 160px;
}
body.accueil #colGaucheFooter,
body.accueil #footerList{
position: relative;
top: -25px;
}
#colGaucheFooter{
width: 700px;
float: left; 
}
#footerRaccourcis li{
display: inline
}
#footer a{
color: #3A89C9;
font-size: 90%;
text-decoration: none;
}
#footer a:hover{
text-decoration: underline;
color: #FFFFFF;
}
#footer p{
font-weight: bold;
padding-top: 0px;
margin-top: 0px;
}
#footer #footerList {
float: right;
padding: 0px 20px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-variant: small-caps;
font-size: 80%;
}
#footer #footerList ul {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 8px;
border-left: 1px solid #827f7c;
}
#footer #footerList ul li {
padding: 0px 0px 0px 0px;
border-bottom: 1px dotted #827f7c;
}
#footer #footerList ul li a{
text-decoration: none;
color: #827f7c;
}
#footer #footerList ul li a:hover{
/*color: #FEE0FA;*/
}
#partenaires{
position: relative;
top: -45px;
float: left;
width: 100%;
border-top: #C6C6C6 1px dotted;
padding-top: 8px;
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
}
#hautpage a {
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
}
#imprimpage a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rose, .coul01 {
color: #666666;
}
div.coul02, .bleu, .coul02 {
color: #3A89C9;
}
div.coul03, .gris, .coul03 {
color: #666666;
}
div.coul04, .orange, .coul04 {
color: #F09400;
}
div.coul05, .violet, .coul05 {
color: #543E82;
}
div.coul06, .rouge, .coul06 {
color: #C22C6A;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #663333;
}
img.bord02, .bordureBleue {
border: 1px solid #3366cc;
}
img.bord03, .bordureGrise {
border: 1px solid #797979;
}
img.bord04, .bordureOrange {
border: 1px solid #FF6600;
}
img.bord05, .bordureVerte {
border: 1px solid #336600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #333333;
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: #333333;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #333333;
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: #333333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCORDEON ---*/
ul.accordeonListe, .ListeEnAccordeon {
width:100%;
float:left;
overflow:hidden;
}
ul.accordeonListe li ul {
display:none;
}
ul.accordeonListe li ul li ul{
display:block;
}
#inter ul.accordeonListe li {
cursor:pointer;
font-weight: bold;
color: red;
}
#inter.accordeonTitre h3{
font-weight: bold;
color: red;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ONGLETS ---*/
#onglets{
float: left;
width: 300px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#inter #onglets ul ,
#inter #onglets ul li{
float: left;
display: inline;
padding:  0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#inter #onglets ul li a{
display: block;
float: left;
width: 92px;
border-right: #666666 1px solid;
background: url(bgOnglet.gif) repeat-x  left -32px;
color: #000000;
text-transform: uppercase;
text-align: center;
height: 17px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
text-decoration: none;
}
#onglets a:hover,
#onglets a.onOnglet{
background: url(bgOnglet.gif) repeat-x  left 1px;
font-weight: bold;
}
.offContainer{
display: none;
}
.onContainer{
display: block;
}
#containerOnglet01,
#containerOnglet02,
#containerOnglet03{
min-height: 25px;
height: auto!important;
height: 25px;
border: #00C6FF 2px solid;
float: left;
width: 270px;
padding: 3px 3px 3px 3px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #333333;
padding: 3px;
vertical-align: top;
}
th {
background-color: #333333;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
padding-left:20px;
}
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h3 a {
font-size:medium;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: none;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite ul li a:hover {
color: #333A4C;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
#suivezNous{
width: 190px;
background:url(bg_recherche.gif) no-repeat center center;
margin: 20px 0px 0px  0px;
padding: 5px 0px 10px 10px;
background: #F1F6FA;
}
#suivezNous p a{
color: #3A89C9;
text-decoration: none;
font-size: small;
}
#inter #formfindcalendar {
width: 180px;
float: left;
}
#inter #formfindcalendar .footer {
display: none;
}
#inter #formfindcalendar form {
margin: 0px 0px 20px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar form label {
position: absolute;
top: -5000px;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
width: 150px;
}
#inter #formfindcalendar div.submit {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar div.submit input {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter div.modejour,
#inter div.modemois {
width: 500px;
float: right;
}
div.modejour #oCalendar,
div.modemois #oCalendar {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#oCalendar table {
width: 180px;
}
#oCalendar table tr td {
border: #F1F6FA 2px solid;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 2px;
vertical-align: middle;
text-align: center;
}
#oCalendar table th{
background-color: transparent;
color: #666666;
border: none;
text-align: left;
padding: 10px 0px 10px 0px;
}
#oCalendar table tr td.monthOff{
background-color: #EEEEEE;
}
#oCalendar table tr td{
font-size: 85%;
}
#oCalendar table tr td.empty,
#oCalendar table tr td.days,
#oCalendar table tr td.week{
background-color: #E2ECF4;
}
#oCalendar table tr td.today{
background: #beeafa;
}
#oCalendar table tr td.monthOff,
#oCalendar table tr td.monthOn {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
#oCalendar table tr td.monthOff.today{
background: #EEEEEE;
}
#oCalendar table tr td.nextday {

}
#oCalendar table tr td.nextday a {
color: #f09400;
text-decoration: none;
font-style: italic;
}
#oCalendar table tr td.nextday a:hover {
font-style: normal;
}
#oCalendar table tr td.days {

}
#oCalendar table tr td.week {

}
div.modejour .eventline,
div.modemois .eventline {
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 20px 0px;
border-bottom:#FF9E29 1px solid;
}
div.modejour .eventline strong,
div.modemois .eventline strong {
color: #3A89C9;
}
/*
div.modejour .eventline a,
div.modemois .eventline a {
color:#FF8300;
text-decoration: none;
}
div.modejour .eventline a:hover,
div.modemois .eventline a:hover {
text-decoration: underline;
}
*/
body #inter div.modejour .eventline ul,
body #inter div.modemois .eventline ul {
margin: 10px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body #inter div.modejour .eventline ul li,
body #inter div.modemois .eventline ul li {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 12px;
display: block;
float: left;
width: 220px;
font-size: x-small;
}
body #inter div.modejour .eventline ul li.lieu,
body #inter div.modemois .eventline ul li.lieu,
body #inter div.modejour .eventline ul li.genre,
body #inter div.modemois .eventline ul li.genre {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------  BLOGS  --------------------*/
/*--  THEMES BLOG  --*/
#blogThemes{
width: 190px;
background:url(bg_recherche.gif) no-repeat center center;
margin: 20px 0px 0px  0px;
padding: 5px 0px 10px 10px;
background: #F1F6FA;
}
#blogThemes h3{
margin: 0px;
padding: 0px 0px 12px 0px;
}
#blogThemes h4{
margin: 0px;
padding: 10px 0px 12px 0px;
}
#blogThemes p,
#blogThemes ul{
margin: 0px;
padding: 0px;
}
#blogThemes a{
color: #3A89C9;
font-size: small;
text-decoration: none;
}
#blogThemes a:hover{
text-decoration: underline;
}
#blogThemes p.retourListe a,
#blogThemes ul li a {
padding-left:12px;
background-repeat: no-repeat;
background-position: left 4px;
background-image:url(puce_liste2.gif);
}
#blogThemes ul.liensRss a {
padding-left:12px;
background-repeat: no-repeat;
background-position: left 4px;
background-image:url(puce_rss.gif);
}
/*--------  BLOG  --------*/
.billetBlog {
float: left;
width: 100%;
padding: 0px 0px 15px 0px;
background-image: url(separateur.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
#inter .billetBlog p.dateBillet {
font-size: x-small;
font-weight: bold;
text-align: right;
}
#inter .billetBlog p.categorie {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: x-small;
}
.billetBlog p.suite{
float: left;
}
.billetBlog p.commentairesBillet{
float: right;
}
#inter #comment {
padding: 15px 0px 0px 0px;
}
#inter #comment h3 {
width: 100%;
padding: 15px 0px 0px 0px;
background-image: url(separateur.gif);
background-repeat: repeat-x;
background-position: left top;
}
#inter #comment ol{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 25px;
width: 670px;
}
#inter #comment ol li {
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #CCCCCC;
}
#inter #comment p.posted{
font-size: x-small;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- GLOSSAIRE ---*/
body.glossaire #inter p strong a,
body.glossaire #inter h3 a{
color: #FF3333;
text-decoration: none;
font-size: x-large;
}
body.glossaire #inter h3{
border-bottom: #CCCCCC 1px solid;
padding: 0px 0px 0px 25px;
}
body.glossaire #inter dt {
background: #F2F2F2;
padding: 5px 5px 5px 5px;
font-weight: bold;
}
body.glossaire #inter dd{
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
background: #F2F2F2;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
#header_popup{
height:125px;
}
#content_popup{
width: 600px;
margin: auto;
background: url(interContentPopup.gif) repeat-y top center;
}
#inter_popup{
background: url(interTopPopup.gif) no-repeat top center;
padding: 30px 20px 0px 20px;
}
#footer_popup{
background: url(interBottomPopup.gif) no-repeat bottom center;
height: 20px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px
}
.borderNone tr td{
border: none;
padding: 0px 0px 3px 0px;
margin: 0px 0px 0px 0px;
}
.jour{
width: 50px;
}