body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
background-image: url(fond_pages.gif);
background-repeat: repeat-x;
background-position: 0px 120px;
font-size: small;
color: #333333;
}
a {
color: #333333;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- TOTAL --*/
#total {
width: 787px;
margin: auto;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- HEADER --*/
#header {
background-image: url(fond_bandeau.jpg);
background-repeat: no-repeat;
background-position: center top;
width: 100%;
height: 120px;
}
#contenuhead {
width: 787px;
height: 120px;
margin: auto;
font-size: x-small;
color: #0980BF;
background-repeat: no-repeat;
}
body.bodyaccueil #contenuhead {
background-image: url(fond_bandeau_accueil.gif);
}
body.bodyvivre #contenuhead {
background-image: url(fond_bandeau_vivre.gif);
}
body.bodytourisme #contenuhead {
background-image: url(fond_bandeau_tourisme.gif);
}
body.bodygenerique #contenuhead {
background-image: url(fond_bandeau_generique.gif);
}
#contenuhead img {
float: left;
margin: 15px 0px 0px 10px;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- PAVE DROIT --*/
#pavedroite {
position: relative;
float: right;
width: 180px;
}
#pavedroite ul {
padding: 0px 0px 0px 8px;
}
#pavedroite ul li {
padding: 0;
margin: 0;
display: inline;
}
#pavedroite ul li.invisible {
display: none;
}
#pavedroite ul li a {
display: block;
height: 13px;
width: 158px;
margin: 0px 0px 1px 0px;
color: #0980BF;
text-decoration: none;
padding: 0px 0px 0px 12px;
background-image: url(puce_pave_droit.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
line-height: 13px;
}
#pavedroite ul li a:hover {
color: #DB7100;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- RECHERCHE --*/
#recherche {
padding: 0px 0px 0px 8px;
}
#recherche form {
position: absolute;
top: 40px;
left: 8px;
padding: 0px 0px 0px 4px;
background-image: url(puce_pave_droit.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}
#recherche form label {
margin: 0;
padding: 0px 0px 0px 8px;
line-height: 15px;
}
#recherche form a label  {
color: #0980BF;
}
#recherche form input.saisie {
position: absolute;
top: 18px;
left: 4px;
border: 1px solid #FFFFFF;
background-image: none;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #79A2B7;
font-size: x-small;
width: 116px;
height: 12px;
}
#recherche form input.bouton {
position: absolute;
top: 18px;
left: 134px;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- CONTENT --*/
#content {
float: left;
width: 787px;
background-image: url(fond_total.gif);
background-repeat: repeat-y;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- MENU --*/
#menu {
float: left;
width: 190px;
}
body.bodytourisme #menu {
background-image: url(bas_menu_tourisme.gif);
background-position: bottom;
background-repeat: no-repeat;
padding-bottom: 24px;
}
/*------------------------------*/
/*- Niveau 01 -*/
#menu ul li {
margin: 0;
padding: 0;
}
#menu ul li a span {
margin: -200px;
}
#menu ul li.lienvivre a {
display: block;
width: 190px;
height: 95px;
background-image: url(bout_vivre.gif);
background-position: 0px -10px;
background-repeat: no-repeat;
overflow: hidden;
}
#menu ul li.lienvivre a:hover {
background-position: 0px -210px;
}
body.bodyvivre #menu ul li.lienvivre a:hover {
background-position: 0px -10px;
}
#menu ul li.lientourisme a {
display: block;
width: 190px;
height: 113px;
background-image: url(bout_tourisme.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
overflow: hidden;
}
#menu ul li.lientourisme a:hover {
background-position: 0px -210px;
}
body.bodytourisme #menu ul li.lientourisme a {
background-image: url(bout_tourisme_on.gif);
}
body.bodytourisme #menu ul li.lientourisme a:hover {
background-position: 0px -10px;
}
/*------------------------------*/
/*- Niveau 02 -*/
#menu ul li ul {
display: none;
margin-left: 8px;
width: 158px;
padding: 0px 1px 0px 1px;
}
#menu ul li.on ul {
display: block;
}
#menu ul li ul li {
padding-bottom: 5px;
}
#menu ul li.lienvivre ul {
background-image: url(fond_menu_vivre.gif);
background-repeat: repeat-y;
}
#menu ul li.lienvivre ul li {
background-color: #AECFC8;
}
#menu ul li.lientourisme ul {
background-image: url(fond_menu_tourisme.gif);
background-repeat: repeat-y;
}
#menu ul li.lientourisme ul li {
background-color: #D5CDA6;
}
#menu ul li.lienvivre ul li a,
#menu ul li.lientourisme ul li a {
display: block;
width: 140px;
height: auto;
background-color: #D8E6B8;
line-height: 20px;
background-position: 0px -10px;
text-decoration: none;
font-weight: bold;
padding-left: 18px;
}
#menu ul li.lienvivre ul li a {
color: #003333;
background-color: #D8E6B8;
background-image: url(puce_menu_vivre_niveau1.gif);
}
body.bodytourisme #menu ul li.lientourisme ul li a {
color: #4F4200;
background-color: #E6E1B8;
background-image: url(puce_menu_tourisme_niveau1.gif);
}
body.bodyvivre #menu ul li.lienvivre ul li a:hover,
body.bodyvivre #menu ul li.lienvivre ul li.on a,
body.bodytourisme #menu ul li.lientourisme ul li a:hover,
body.bodytourisme #menu ul li.lientourisme ul li.on a {
color: #CC0000;
background-color: #FFFFFF;
background-position: 0px -110px;
}
/*------------------------------*/
/*- Niveau 03 -*/
#menu ul li.lienvivre ul li ul,
#menu ul li.lientourisme ul li ul {
display: none;
margin: 0;
padding: 0;
width: 158px;
background-color: #FFFFFF;
background-image: none;
}
#menu ul li.lienvivre ul li.on ul,
#menu ul li.lientourisme ul li.on ul {
display: block;
}
#menu ul li.lienvivre ul li.on ul li,
#menu ul li.lientourisme ul li.on ul li {
margin: 0px 0px 2px 0px;
padding: 0;
line-height: 15px;
background-color: #FFFFFF;
}
body.bodyvivre #menu ul li.lienvivre ul li.on ul li a,
body.bodytourisme #menu ul li.lientourisme ul li.on ul li a {
width: 128px;
padding: 0px 0px 0px 30px;
font-weight: normal;
font-size: x-small;
color: #993300;
line-height: 15px;
background-image: url(puce_menu_niveau2.gif);
background-position: 17px -10px;
background-color: #FFFFFF;
}
body.bodyvivre #menu ul li.lienvivre ul li.on ul li a:hover,
body.bodyvivre #menu ul li.lienvivre ul li.on ul li.on a,
body.bodytourisme #menu ul li.lientourisme ul li.on ul li a:hover,
body.bodytourisme #menu ul li.lientourisme ul li.on ul li.on a {
color: #FFFFFF;
background-position: 17px -110px;
background-color: #CC0000;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- FIL D'ARIANE --*/
#filariane {
float: left;
width: 455px;
height: 23px;
padding-top: 10px;
font-size: x-small;
background-image: url(fond_haut_inter.gif);
background-repeat: repeat-x;
color: #330000;
}
#filariane a {
color: #330000;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- INTER --*/
#inter {
float: left;
padding-right: 15px;
width: 440px;
}
#inter h2,
#interpopup h2 {
margin: 0;
padding: 8px 0px 8px 0px;
font-family: "Times New Roman", Times, serif;
font-size: x-large;
color: #CC0000;
}
#inter h2 a,
#interpopup h2 a {
color: #CC0000;
}
#inter h3,
#interpopup h3 {
margin: 0;
padding: 8px 0px 8px 0px;
font-family: "Times New Roman", Times, serif;
font-size: large;
color: #DB7100;
}
#inter h3 a,
#interpopup h3 a {
color: #DB7100;
}
#inter h4,
#interpopup h4 {
margin: 0;
padding: 8px 0px 8px 0px;
font-family: "Times New Roman", Times, serif;
font-size: medium;
color: #187660;
}
#inter h4 a,
#interpopup h4 a {
color: #187660;
}
#inter p,
#interpopup p {
margin: 0;
padding: 5px 0px 5px 0px;
}
#inter ul,
#interpopup ul {
margin: 0;
padding: 5px 0px 5px 20px;
line-height: 18px;
}
#inter ul li,
#interpopup ul li {
margin: 0;
padding: 0px 0px 0px 13px;
background-image: url(puce_liste_niveau1.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
}
#inter ul li ul,
#interpopup ul li ul {
margin: 0;
padding: 0px 0px 0px 10px;
}
#inter ul li ul li,
#interpopup ul li ul li  {
margin: 0;
padding: 0px 0px 0px 11px;
background-image: url(puce_liste_niveau2.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- TOTEM DROIT --*/
#droite {
float: left;
line-height: 12px;
width: 130px;
padding: 0px 10px 0px 0px;
margin-top: -33px;
background-image: url(haut_totem.gif);
background-repeat: no-repeat;
font-size: x-small;
}
#totem {
float:left;
width: 131px;
background-image: url(fond_totem.gif);
background-repeat: no-repeat;
background-position: bottom;
margin: 25px 0px 10px 0px;
color: #CC0000;
}
#droite #inscrinews {
float:left;
width: 131px;
background-image: url(fond_newsletter_totem.gif);
background-repeat: no-repeat;
background-position: bottom;
margin: 0px 0px 10px 0px;
color: #000000;
}
#inscrinews p.titrenews span {
display: none;
}
#droite #inscrinews p.titrenews {
display: block;
width: 131px;
height: 25px;
padding: 0;
background-image: url(titre_newsletter_totem.gif);
background-repeat: no-repeat;
}
#droite #inscrinews form {
padding: 2px 5px 5px 5px;
}
#inscrinews form input.saisie {
border: 1px solid #187660;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #006666;
font-size: x-small;
vertical-align: middle;
}
#droite #inscrinews form input.saisie {
width: 90px;
}
#inscrinews form input.boutok {
vertical-align: middle;
margin-left: 3px;
}
#droite #lienagenda {
float:left;
width: 131px;
background-image: url(fond_agenda_totem.gif);
background-repeat: no-repeat;
background-position: bottom;
margin: 0px 0px 10px 0px;
color: #003366;
}
#droite #lienagenda a.titreagenda {
display: block;
width: 131px;
height: 25px;
background-image: url(titre_agenda_totem.gif);
background-repeat: no-repeat;
}
#lienagenda a.titreagenda span {
display: none;
}
#lienagenda a {
color: #003366;
text-decoration: none;
}
#lienagenda a:hover {
text-decoration: underline;
}
#droite #totem p,
#droite #inscrinews p,
#droite #lienagenda p {
margin: 0;
padding: 2px 5px 5px 5px;
}
#totem ul {
margin: 0;
padding: 2px 5px 5px 10px;
}
#totem ul li {
margin: 0;
padding: 0px 0px 0px 6px;
line-height: 12px;
background-image: url(puce_liste_totem.gif);
background-repeat: no-repeat;
}
#totem ul li ul {
margin: 0;
padding: 0px 0px 0px 6px;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- FOOTER --*/
#footer {
float: left;
clear: both;
width: 637px;
height: 80px;
padding: 30px 0px 0px 150px;
font-size: x-small;
background-image: url(fond_footer.gif);
background-repeat: no-repeat;
color: #333300;
}
#footer #actionfooter {
float: left;
width: 385px;
padding: 0px 140px 0px 65px;
clear: both;
}
#actionfooter a {
display: block;
text-decoration: none;
padding-left: 18px;
background-repeat: no-repeat;
background-position: 0px 1px;
line-height: 14px;
}
#actionfooter a.hautpage {
float: left;
background-image: url(puce_haut_page.gif);
}
#actionfooter a.imprim {
float: right;
background-image: url(puce_imprimer_page.gif);
}
#footer ul {
float: left;
padding-top: 25px;
}
#footer ul li {
display: inline;
}
#footer ul li a {
color: #333300;
text-decoration: none;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- PLAN DU SITE --*/
#plandusite a {
text-decoration: none;
}
#plandusite h3 {
margin: 0;
padding-bottom: 0px;
}
#plandusite ul li a:hover {
text-decoration: underline;
}
#plandusite ul li {
font-weight: bold;
}
#plandusite ul li ul li {
font-weight: normal;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- POP UP --*/
body.bodypopup {
background-position: 0px 79px;
}
#headerpopup {
width: 100%;
height: 80px;
background-image: url(fond_bandeau_pop_up.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#contenuheadpopup {
width: 630px;
height: 80px;
margin: auto;
}
#contenuheadpopup img {
margin: 8px 0px 0px 70px;
}
body.bodypopup #total {
width: 630px;
margin: auto;
}
body.bodypopup #contentpopup {
float: left;
width: 628px;
padding: 0px 1px 20px 1px;
background-image: url(fond_inter_pop_up.gif);
background-repeat: repeat-y;
}
body.bodypopup #interpopup {
float: left;
width: 600px;
padding: 20px 14px 0px 14px;
background-image: url(fond_haut_inter_pop_up.gif);
background-repeat: repeat-x;
}
body.bodypopup  #footerpopup {
float: left;
clear: both;
width: 630px;
height: 80px;
padding: 5px 0px 0px 0px;
font-size: x-small;
background-image: url(fond_footer_pop_up.gif);
background-repeat: no-repeat;
color: #333300;
}
body.bodypopup  #footerpopup #actionfooter {
float: left;
width: 560px;
padding: 0px 35px 0px 35px;
clear: both;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- PAGE D'ACCUEIL --*/
body.bodyaccueil #total {
position: relative;
}
body.bodyaccueil #menu {
position: absolute;
top: -2px;
left: -2px;
width: 784px;
padding: 3px 1px 0px 3px;
height: 219px;
background-image: url(fond_content_accueil.gif);
background-repeat: repeat-x;
}
body.bodyaccueil #menu ul {
margin: 0;
padding: 0;
width: 785px;
height: 219px;
background-image: url(fond_menu_accueil.jpg);
background-repeat: no-repeat;
}
body.bodyaccueil #menu ul li.lienvivre {
position: absolute;
top: 3px;
left: 3px;
}
body.bodyaccueil #menu ul li.lienvivre a {
width: 392px;
height: 219px;
background-image: url(bout_vivre_accueil.gif);
}
body.bodyaccueil #menu ul li.lienvivre a:hover {
background-position: 0px -310px;
}
body.bodyaccueil #menu ul li.lientourisme {
position: absolute;
top: 3px;
left: 395px;
}
body.bodyaccueil #menu ul li.lientourisme a {
width: 392px;
height: 219px;
background-image: url(bout_tourisme_accueil.gif);
}
body.bodyaccueil #menu ul li.lientourisme a:hover {
background-position: 0px -310px;
}
body.bodyaccueil #interaccueil {
float: left;
margin-top: 220px;
width: 506px;
padding: 0px 0px 0px 30px;
background-image: url(haut_interaccueil.gif);
background-repeat: no-repeat;
}
body.bodyaccueil #interaccueil #actus {
float: left;
width: 482px;
}
body.bodyaccueil #interaccueil #actus h2 {
margin: 0;
padding: 11px 0px 0px 0px;
font-family: "Times New Roman", Times, serif;
font-size: large;
color: #FFFFFF;
}
body.bodyaccueil #interaccueil #actus h2 a {
color: #FFFFFF;
}
body.bodyaccueil #interaccueil #actus p {
float: left;
width: 470px;
margin: 0px 0px 0px 10px;
padding: 8px 0px 8px 0px;
border-bottom: 1px dashed #DB7100;
text-align: justify;
}
body.bodyaccueil #interaccueil #actus p strong a {
color: #CC0000;
text-decoration: none;
}
body.bodyaccueil #interaccueil #actus p strong a:hover {
text-decoration: underline;
}
body.bodyaccueil #interaccueil #actus p img {
float: right;
border: 1px solid #CC0000;
margin-left: 10px;
}
body.bodyaccueil #interaccueil #actus .toutesactus {
border: none;
}
body.bodyaccueil #interaccueil #actus .toutesactus a {
display: block;
width: 120px;
height: 15px;
padding: 0px 0px 0px 16px;
line-height: 13px;
font-size: x-small;
color: #FFFFFF;
text-decoration: none;
background-image: url(puce_toutes_actus.gif);
background-repeat: no-repeat;
}
body.bodyaccueil #droiteaccueil {
float: left;
width: 240px;
padding: 30px 10px 0px 0px;
margin-top: 220px;
background-image: url(haut_interaccueil.gif);
background-repeat: no-repeat;
background-position: -1px 0px;
}
body.bodyaccueil #droiteaccueil #sondaccueil #contentSondaccueil {
background-image: url(haut_sondage_accueil.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 30px 0px 0px 0px;
margin: -30px 0px 0px 0px;
float: left;
width: 240px;
}
body.bodyaccueil #droiteaccueil #sondaccueil  #contentSondaccueil #interSondaccueil {
background-image: url(fond_sondage_accueil.gif);
background-repeat: no-repeat;
background-position: bottom;
padding: 5px 0px 10px 0px;
float: left;
width: 240px;
}
body.bodyaccueil #droiteaccueil #sondaccueil p.titresondage {
display: none;
}
body.bodyaccueil #droiteaccueil #sondaccueil p {
margin: 0;
padding: 5px 5px 5px 10px;
color: #FFFFFF;
}
#droiteaccueil #inscrinews {
float:left;
width: 240px;
font-size: x-small;
background-image: url(fond_newsletter_accueil.gif);
background-repeat: no-repeat;
background-position: bottom;
margin: 10px 0px 10px 0px;
color: #000000;
}
#droiteaccueil #inscrinews p.titrenews {
display: block;
width: 240px;
height: 25px;
padding: 0;
background-image: url(titre_newsletter_accueil.gif);
background-repeat: no-repeat;
}
#droiteaccueil #lienagenda {
float:left;
font-size: x-small;
width: 240px;
background-image: url(fond_agenda_accueil.gif);
background-repeat: no-repeat;
background-position: bottom;
margin: 0px 0px 10px 0px;
color: #003366;
}
#droiteaccueil #lienagenda a.titreagenda {
display: block;
width: 240px;
height: 25px;
background-image: url(titre_agenda_accueil.gif);
background-repeat: no-repeat;
}
#droiteaccueil #inscrinews p {
margin: 0;
padding: 2px 5px 5px 10px;
}
#droiteaccueil #inscrinews form {
padding: 2px 5px 5px 10px;
}
#droiteaccueil #inscrinews form input.saisie {
width: 190px;
}
#droiteaccueil #lienagenda p {
margin: 0;
padding: 10px 70px 5px 10px;
}
body.bodyaccueil #footer {
height: 40px;
padding: 0px 0px 20px 150px;
background-position: bottom;
}
body.bodyaccueil #footer #actionfooter {
display: none;
}
body.bodyaccueil #footer ul {
float: left;
padding-top: 18px;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- ACTUALITES --*/
div.actuLigne {
width: 100%;
float: left;
margin: 0;
padding: 8px 0px 8px 0px;
border-bottom: 1px dashed #DB7100;
}
div.actuLigne strong a {
text-decoration: none;
color: #CC0000;
}
div.actuLigne strong a:hover {
text-decoration: underline;
}
div.actuLigne img {
float: right;
border: 1px solid #CC0000;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- SONDAGES --*/
/*-- SUR PAGE D'ACCUEIL --*/
body.bodyaccueil #droiteaccueil #sondaccueil form.poll {
margin: 0;
padding: 0px 0px 5px 0px;
}
body.bodyaccueil #droiteaccueil #sondaccueil form.poll .question {
font-weight: bold;
}
body.bodyaccueil #droiteaccueil #sondaccueil form.poll .response {
margin: 0px 0px 0px 5px;
}
body.bodyaccueil #droiteaccueil #sondaccueil form.poll .submit {
text-align: center;
}
body.bodyaccueil #droiteaccueil #sondaccueil form.poll .submit input {
width:150px;
height: 16px;
margin: 5px 0px 0px 0px;
background-image: url(bout_votez_accueil.gif);
background-color: #CC0000;
color: #660000;
font-weight: bold;
font-family: "Times New Roman", Times, serif;
border: none;
}
/*-- DANS TOTEM DROIT --*/
#droite #totem form.poll {
margin: 0;
padding: 0px 0px 5px 0px;
}
#droite #totem form.poll .question {
font-weight: bold;
}
#droite #totem form.poll .response {
margin: 0px 0px 0px 5px;
}
#droite #totem form.poll .submit {
text-align: center;
}
#droite #totem form.poll .submit input {
width:80px;
height: 16px;
margin: 5px 0px 0px 0px;
background-image: url(bout_votez_totem.gif);
background-color: #fce6cf;
color: #660000;
font-weight: bold;
font-family: "Times New Roman", Times, serif;
border: none;
font-size: small;
}
/*-- DANS PAGE STANDARD --*/
#inter form.poll {
margin: 0;
padding: 0px 0px 5px 0px;
}
#inter form.poll .question {
font-weight: bold;
}
#inter form.poll .response {
margin: 0px 0px 0px 5px;
}
#inter form.poll .submit {
text-align: center;
}
#inter form.poll .submit input {
width:200px;
height: 16px;
margin: 5px 0px 0px 0px;
background-image: url(bout_votez_inter.gif);
background-color: #fce6cf;
color: #660000;
font-weight: bold;
font-family: "Times New Roman", Times, serif;
border: none;
font-size: small;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- RESULTATS DU SONDAGE --*/
#pollresult .question {
font-weight: bold;
}
#pollresult table {
width: 100%;
}
#pollresult table th,
#pollresult table td {
border-top: 1px solid #237862;
border-bottom: 1px solid #237862;
border-left: none;
border-right: none;
padding: 3px;
vertical-align: top;
}
#pollresult table .label {
width: 35%;
}
#pollresult table .graph {
width: 45%;
padding-top: 5px;
}
#pollresult table .numeric {
width: 10%;
}
#pollresult table .total {
font-weight: bold;
color: #CC0000;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .orange, .coul02 {
color: #CC6600;
}
div.coul03, .vert, .coul03 {
color: #197661;
}
div.coul04, .bleu, .coul04 {
color: #1880af;
}
div.coul05, .ocre, .coul05 {
color: #bca219;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureOrange {
border: 1px solid #CC6600;
}
img.bord03, .bordureVerte {
border: 1px solid #197661;
}
img.bord04, .bordureBleue {
border: 1px solid #1880af;
}
img.bord05, .bordureOcre {
border: 1px solid #bca219;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
#inter table.result {
width: 100%;
margin: 5px 0px 5px 0px;
border: none;
}
.result th {
background-color: #237862;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
border: none;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
background-color: #FFFFFF;
}
.result td.title a {
font-weight: bold;
color: #237862;
 }
.result td.date {
font-size: x-small;
background-color: #FFFFFF;
 }
.result td.description {
border-bottom: 1px solid #237862;
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;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
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;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 39px 3px;
color: #003333;
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 #237862;
padding: 3px;
vertical-align: top;
}
th {
background-color: #237862;
color: #FFFFFF;
}

/*-- TABLEAU SANS BORDURES --*/

table.noBorder, .tableauSansBordures {
border-: none;
}
.noBorder th,
.noBorder td {
border: none;
padding: 3px;
vertical-align: top;
}
.noBorder th {
background-color: transparent;
color: #333333;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS STYLES --*/
.invisible {
display: none;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- AGENDA --*/
#oCalendar {
float: left;
margin-right: 5px;
padding-left: 1px;
}
#oCalendar table td {
font-size: x-small;
padding: 2px;
}
#oCalendar table td.empty,
#oCalendar table td.week {
background-color: #FFFFFF;
color: #990000;
font-style: italic;
}
#oCalendar table td.days,
#oCalendar table td.week {
font-weight: bold;
}
#oCalendar table td.monthOff {
color: #FFFFFF;
}
#calendar th {
text-align: left;
}
#calendar td.month {
font-weight: bold;
font-style: italic;
background-color: #FFFFFF;
color: #990000;
}
#calendar td.time,
#calendar td.location {
font-size: xx-small;
padding-top: 6px;
}
#calendar td.event span.title,
#calendar td.event a.title {
display: block;
color: #CC0000;
}