body {
margin: 0;
padding: 0;
background-color: #1D5796;
background-image: url(fond_hiver_2011.jpg);
background-repeat: no-repeat;
background-position: top;
background-attachment: fixed;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
}
body.bodyHistoire,
body.bodyAccueilHistoire {
background-color: #FFFFFF;
background-image: url(fond_histoire.jpg);
}
body.bodyPanoramique,
body.bodyAccueilPanoramique {
background-color: #FFFFFF;
background-image: url(fond_panoramique.jpg);
}
a {
color: #000000;
}
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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOND ---*/
#fond {
width: 100%;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 980px;
margin: auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
position: relative;
float: left;
width: 971px;
background-repeat: no-repeat;
background-position: right bottom!important;
background-position: 720px bottom;
}
body.bodyAccueil #total,
body.bodygenerique #total,
body.bodyactus #total,
body.bodyBleu #total,
body.bodyBleu2 #total,
body.bodymarches #total {
background-image: url(arbre_trame_bas_bleu.jpg);
}
body.bodyVert #total {
background-image: url(arbre_trame_bas_vert.jpg);
}
body.bodyOrange #total {
background-image: url(arbre_trame_bas_orange.jpg);
}
body.bodyRouge #total,
body.bodyAgenda #total {
background-image: url(arbre_trame_bas_rouge.jpg);
}
body.bodyHistoire #total,
body.bodyAccueilHistoire #total {
background-image: url(colonne_trame_bas.jpg);
background-position: 22px bottom;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
width: 980px;
height: 315px;
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
background-position: 20px 38px;
}
#header #bgHeader {
position: relative;
width: 956px;
height: 315px;
padding: 0px 0px 0px 24px;
background-repeat: no-repeat;
background-position: 9px 0px;
}
body.bodyAccueil #header {
background-image: url(visu_bleu_accueil.jpg);
background-position: 20px 0px;
}
body.bodyAccueil #header #bgHeader {
background-image: url(fond_header_accueil.gif);
}
body.bodygenerique #header,
body.bodyactus #header,
body.bodyBleu #header,
body.bodymarches #header {
background-image: url(visu_bleu_vie_municipale.jpg);
}
body.bodygenerique #header #bgHeader,
body.bodyactus #header #bgHeader,
body.bodyBleu #header #bgHeader,
body.bodymarches #header #bgHeader {
background-image: url(fond_header.gif);
}
body.bodyactus #header #bgHeader {
background-image: url(fond_header_bleu_actus.gif);
}
body.bodyBleu #header {
background-image: url(visu_bleu_vie_municipale.jpg);
}
body.bodyBleu #header #bgHeader {
background-image: url(fond_header_bleu_vie_muni.gif);
}
body.bodyBleu2 #header {
background-image: url(visu_bleu_vie_citoyenne.jpg);
}
body.bodyBleu2 #header #bgHeader {
background-image: url(fond_header_bleu_vie_citoyenne.gif);
}
body.bodyVert #header {
background-image: url(visu_vert_decouvrons_forbach.jpg);
}
body.bodyVert #header #bgHeader {
background-image: url(fond_header_vert.gif);
}
body.bodyOrange #header {
background-image: url(visu_orange_forbach_pratique.jpg);
}
body.bodyOrange #header #bgHeader {
background-image: url(fond_header_orange.gif);
}

body.bodyRouge #header {
background-image: url(visu_rouge_forbach_bouge.jpg);
}
body.bodyRouge #header #bgHeader {
background-image: url(fond_header_rouge.gif);
}

body.bodyAgenda #header {
background-image: url(visu_rouge_forbach_bouge.jpg);
}
body.bodyAgenda #header #bgHeader {
background-image: url(fond_header_rouge_agenda.gif);
}
body.bodyHistoire #header {
background-image: url(visu_histoire.jpg);
}
body.bodyAccueilHistoire #header {
background-image: url(visu_accueil_histoire.jpg);
}
body.bodyHistoire #header #bgHeader,
body.bodyAccueilHistoire #header #bgHeader {
background-image: url(fond_header_histoire.gif);
}
body.bodyPanoramique #header {
background-image: url(visu_panoramique.gif);
}
body.bodyAccueilPanoramique #header {
background-image: url(visu_accueil_panoramique.jpg);
}
body.bodyPanoramique #header #bgHeader,
body.bodyAccueilPanoramique #header #bgHeader {
background-image: url(fond_header_panoramique.gif);
}

#header h1 {
font-size: large;
font-weight: normal;
text-align: right;
color: #FFFFFF;
height: 34px;
padding: 5px 20px 0px 0px;
margin:  0px 0px 0px 0px;
}
#header h1 a {
color: #FFFFFF;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS ---*/
#raccourcis {
position: absolute;
top: 225px;
left: 780px;
font-size: x-small;
color: #006699;
width: 180px;
}
#raccourcis ul li {
padding: 0px 0px 3px 0px;
}
#raccourcis ul li.racnavig,
#raccourcis ul li.raccontenu,
#raccourcis ul li.racrecherche {
display: none;
}
#raccourcis a {
color: #006699;
text-decoration: none;
padding: 0px 0px 0px 25px;
background-repeat: no-repeat;
background-position: 0px 1px;
}
#raccourcis ul li.racaide a {
background-image: url(picto_aide.gif);
}
#raccourcis ul li.racplan a {
background-image: url(picto_plan_du_site.gif);
}
#raccourcis ul li.raccontact a {
background-image: url(picto_contact.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position: absolute;
top: 280px;
left: 780px;
width: 180px;
font-size: x-small;
color: #003074;
padding: 1px 0px 5px 25px;
background-image: url(picto_rechercher.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#recherche input.saisie {
font-size: x-small;
color: #003074;
border: 1px solid #00BAF2;
vertical-align: middle;
width: 120px;
}
#recherche label {
position: absolute;
top: -2000px;
}
#recherche input.bouton {
vertical-align: middle;
margin-left: 3px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DROITE ---*/
#droite {
float: left;
width: 205px
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
float: left;
width: 205px
padding: 0px 0px 0px 0px;
}
/*--------------------------------------------*/
/*--  NIVEAU 01  --*/
#menu ul li {
padding: 0px 0px 0px 1px;
margin: 0px 0px 7px 0px;
}
#menu ul li a {
display: block;
width: 181px;
height: 34px;
padding: 10px 0px 0px 20px;
background-repeat: no-repeat;
background-position: 0px 0px;
color: #FFFFFF;
font-size: large;
text-decoration: none;
}
#menu ul li a:hover,
#menu ul li.on a {
background-position: 0px -100px;
}
#menu ul li.lien01 a {
background-image: url(fond_bout_gris.gif);
}
body.bodyAccueil #menu ul li.lien01 a,
#menu ul li.lien01 a:hover {
background-position: 0px -100px;
color: #C20808;
}
#menu ul li.lien02 a {
background-image: url(fond_bout_bleu.gif);
}
#menu ul li.lien02 a:hover,
#menu ul li.lien02_on a {
color: #006699;
}
#menu ul li.lien03 a {
background-image: url(fond_bout_vert.gif);
}
#menu ul li.lien03 a:hover,
#menu ul li.lien03_on a {
color: #006633;
}
#menu ul li.lien04 a {
background-image: url(fond_bout_jaune.gif);
}
#menu ul li.lien04 a:hover,
#menu ul li.lien04_on a {
color: #F5B02C;
}
#menu ul li.lien05 a {
background-image: url(fond_bout_rouge.gif);
}
#menu ul li.lien05 a:hover,
#menu ul li.lien05_on a {
color: #C91111;
}
#menu ul li.lien06 a {
background-image: url(fond_bout_bleu2.gif);
}
#menu ul li.lien06 a:hover,
#menu ul li.lien06_on a {
color: #003366;
}
#menu ul li.lienHistoire a {
display: block;
width: 201px;
height: 110px;
padding: 0px 0px 0px 0px;
background-image: url(fond_bout_histoire.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
}
#menu ul li.lienHistoire a:hover {
background-position: 0px -210px;
}
#menu ul li.lienHistoire a span {
position: absolute;
left: -5000px;
}
#menu ul li.lienHistoire ul {
position: absolute;
top: -5000px;
left: -5000px;
}
/*--------------------------------------------*/
/*--  NIVEAU 02  --*/
#menu ul li ul {
display: none;
}
#menu ul li ul.on {
display: block;
width: 170px;
padding: 3px 0px 0px 30px;
}
#menu ul li ul.on li {
margin: 0px 0px 2px 0px;
}
#menu ul li ul.on li a {
width: auto;
height: auto;
padding: 0px 0px 0px 10px;
background-repeat: no-repeat;
background-position: 0px -4px;
font-size: small;
}
#menu ul li.lien02 ul.on li a {
color: #006699;
background-image: url(puce_second_niveau_bleu.gif);
}
#menu ul li.lien03 ul.on li a {
color: #006633;
background-image: url(puce_second_niveau_vert.gif);
}
#menu ul li.lien04 ul.on li a {
color: #EF6703;
background-image: url(puce_second_niveau_orange.gif);
}
#menu ul li.lien05 ul.on li a {
color: #C91111;
background-image: url(puce_second_niveau_rouge.gif);
}
#menu ul li.lien06 ul.on li a {
color: #003366;
background-image: url(puce_second_niveau_bleu2.gif);
}
#menu ul li ul.on li a:hover,
#menu ul li ul.on li.on a {
color: #666666;
background-position: 0px -104px;
}
/*--------------------------------------------*/
/*--  NIVEAU 03  --*/
#menu ul li ul li ul.on {
display: block;
width: 160px;
padding: 3px 0px 0px 10px;
}
#menu ul li ul li ul.on li {
margin: 0px 0px 0px 0px;
}
#menu ul li ul li ul.on li a {
width: auto;
height: auto;
padding: 0px 0px 0px 10px;
background-repeat: no-repeat;
font-size: x-small;
font-weight: bold;
}
#menu ul li.lien02 ul li ul.on li a {
color: #006699;
background-image: url(puce_second_niveau_bleu.gif);
background-position: 0px -3px;
}
#menu ul li.lien03 ul li ul.on li a {
color: #006633;
background-image: url(puce_second_niveau_vert.gif);
background-position: 0px -3px;
}
#menu ul li.lien04 ul li ul.on li a {
color: #EF6703;
background-image: url(puce_second_niveau_orange.gif);
background-position: 0px -3px;
}
#menu ul li.lien05 ul li ul.on li a {
color: #C91111;
background-image: url(puce_second_niveau_rouge.gif);
background-position: 0px -3px;
}
#menu ul li.lien06 ul li ul.on li a {
color: #003366;
background-image: url(puce_second_niveau_bleu2.gif);
background-position: 0px -3px;
}
#menu ul li ul li ul.on li a:hover,
#menu ul li ul li  ul.on li.on a {
color: #666666;
background-position: 0px -103px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INSCRIPTION NEWSLETTER ---*/
#inscritnews {
float: left;
width: 149px;
height: 92px;
padding: 13px 10px 5px 17px;
margin: 5px 0px 0px 0px;
font-size: x-small;
line-height: 12px;
background-image: url(fond_pave_newsletter.gif);
backround-repeat: no-repeat;
}
#inscritnews p {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
#inscritnews input.saisie {
font-size: x-small;
color: #333333;
border: 1px solid #333333;
vertical-align: middle;
width: 110px;
}
#inscritnews input.bouton {
vertical-align: middle;
margin-left: 3px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BLOC NOTE ---*/
#interBlocNote {
float: left;
width: 151px;
height: 169px;
padding: 10px 35px 15px 15px;
margin: 20px 0px 0px 0px;
font-size: x-small;
background-image: url(fond_zone_bloc_note.gif);
background-repeat: no-repeat;
overflow: hidden;
}
body.bodyHistoire #blocNote,
body.bodyAccueilHistoire #blocNote {
display: none;
}
body.bodyPanoramique #blocNote,
body.bodyPanoramique #blocNote {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
float: left;
width: 766px;
padding: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
font-size: x-small;
width: 700px;
padding: 0px 10px 0px 10px;
height: 18px;
}
body.bodyAccueilHistoire #filariane {
display: none;
}
body.bodyPanoramique #filariane {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
float: left;
width: 495px;
padding: 0px 10px 20px 10px!important;
padding: 0px 1px 20px 4px;
line-height: 18px;
border-right: 1px solid #CCCCCC;
}
body.bodyHistoire #inter {
width: 725px;
border-right: none;
}
body.bodyPanoramique #inter {
width: 725px;
border-right: none;
}
body.bodyAccueilHistoire #inter {
width: 700px;
padding: 50px 0px 0px 25px;
border-right: none;
background-image: url(fond_inter_accueil_histoire.jpg);
background-repeat: no-repeat;
background-position: 33px 0px;
}
body.bodyBleu #inter,
body.bodyBleu2 #inter,
body.bodygenerique #inter,
body.bodyactus #inter,
body.bodymarches #inter {
background-image: url(fond_titres_bleu.gif);
background-repeat: no-repeat;
background-position: 55px top;
}
body.bodyVert #inter {
background-image: url(fond_titres_vert.gif);
background-repeat: no-repeat;
background-position: 55px top;
}
body.bodyOrange #inter {
background-image: url(fond_titres_orange.gif);
background-repeat: no-repeat;
background-position: 55px top;
}
body.bodyRouge #inter,
body.bodyAgenda #inter {
background-image: url(fond_titres_rouge.gif);
background-repeat: no-repeat;
background-position: 55px top;
}
#inter h2,
#inter h2 a {
font-size: x-large;
margin: 7px 0px 15px 0px;
padding: 0;
text-align: right;
color: #FFFFFF;
font-weight: normal;
padding: 10px 15px 10px 0px;
line-height: 24px;
}
body.bodyHistoire #inter h2,
body.bodyHistoire #inter h2 a {
color: #87370d;
}
body.bodyPanoramique #inter h2,
body.bodyPanoramique #inter h2 a {
color: #87370d;
}
#inter h3,
#inter h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #1C5791;
font-weight: normal;
line-height: 20px;
}
#inter h4,
#inter h4 a {
margin: 7px 0px 7px 0px;
padding: 0;
font-size: medium;
font-weight: normal;
color: #C91111;
}
#inter p {
margin: 10px 0px 10px 0px;
}
body.bodyHistoire #inter p {
margin: 25px 0px 25px 0px;
}
body.bodyPanoramique #inter p {
margin: 25px 0px 25px 0px;
}
#inter ul {
margin: 10px 0px 10px 20px;
}
body.bodyHistoire #inter ul {
margin: 25px 0px 25px 0px;
}
body.bodyPanoramique #inter ul {
margin: 25px 0px 25px 0px;
}
#inter ul li {
padding-left: 15px;
background-image: url(puces_01.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
#inter ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul li ul li {
background-image: url(puces_02.gif);
padding-left: 8px;
background-position: 0px 9px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FICHE ASSOCIATION & EVENEMENT ---*/
#inter #assoGauche {
float: left;
width: 280px;
padding: 0px 0px 0px 10px;
}
#inter #assoGauche h4,
#inter #assoDroite h4,
#inter #assoFull h4 {
font-size: small;
font-weight: normal;
color: #C91111;
}
#inter #assoDroite,
#inter div.assoDroite {
float: right;
width: 185px;
padding: 0px 0px 0px 10px;
border-left: 1px solid #CCCCCC;
margin-left: 15px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--  remontée des données associées à l'événement - Ne pas afficher selon volonté du client  --*/
#inter #assoDroite #colDroite {
float: right;
width: 185px;
display: none;
}
#inter #assoDroite #colDroite ul {
margin: 7px 0px 7px 10px;
}
#inter #assoDroite #colDroite ul li ul {
margin: 0px 0px 0px 5px;
}
#inter #assoFull {
width: 485px;
clear: both;
padding: 0px 0px 0px 10px;
}
/*--  fin remontée données associées à l'événement  --*/
/*---------------------------------------------------------*/
div.exergueBleu, #inter #assoDroite div.exergueBleu, paveFondBleu  {
float: left;
width: 175px;
padding: 5px;
background-color: #E3E7F1;
margin: 0px 0px 10px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- COMARQUAGE --*/
#comarquage {
float: left;
width: 495px;
}
#comarquage ul.colonnegauche,
#comarquage ul.colonnedroite {
width: 200px;
float: left;
}
#comarquage p.navigationsup {
font-size: x-small;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*---  LISTE AGENDA  ---*/
/*-----------*/
#calendar {
width: 495px;
}
#calendar #oCalendar {
width: 495px;
float: left;
padding: 0px 0px 20px 0px;
margin-bottom: 15px;
border-bottom: 1px solid #e74747;
}
#calendar #oCalendar #monthprev {
float: left;
width: 135px;
padding: 30px 10px 0px 0px;
text-align: right;
font-size: x-small;
}
#calendar #oCalendar #monthnext {
float: right;
width: 140px;
padding: 30px 0px 0px 10px;
font-size: x-small;
}
#calendar td{
margin:0;
padding:0;
text-align:center;
}
#calendar .monthOn a{
display:block;
text-decoration:none;
background:#F6B538;
}
#calendar .monthOn a:hover{
text-decoration:none;
display:block;
background:#E74747;
margin:0;
color:#fff;
}
#calendar #oCalendar #monthprev a,
#calendar #oCalendar #monthnext a {
text-decoration: underline;
}
#calendar #oCalendar table {
float: left;
width: 200px;
margin-left:135px;
padding:0px;
}
#calendar #oCalendar table th {
background-color: #e74747;
border: 1px solid #e74747;
}
#calendar #oCalendar table td {
border: 1px solid #e74747;
}
#calendar #oCalendar table td.days,
#calendar #oCalendar table td.week {
color: #e74747;
font-weight: bold;
}
#calendar #oCalendar table td.monthOff {
background-color: #f4cece;
color: #999999;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FORMULAIRES DE DEMANDE DE DOCUMENTS ---*/
form.formGroup, .formulaireAvecLegendesApparentes, #inter form.formGroup {
}
#inter form.formGroup fieldset {
padding: 0px 0px 0px 0px;
}
#inter form.formGroup fieldset legend {
display: inline;
font-size: large;
margin: 7px 0px 7px -8px;
padding: 0px 0px 0px 0px;
color: #1C5791;
font-weight: normal;
line-height: 20px;
text-align: left;
}
#inter form div.vertical div {
padding: 0px 0px 0px 150px;
}
#inter form div.vertical div input {
margin-right: 5px;
}
#inter form div.vertical div label {
font-weight: normal;
width: 320px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
#edito #interEdito {
background-image: url(fond_titres_bleu2.gif);
background-repeat: no-repeat;
background-position: right top;
padding:  0px 15px 0px 0px;
}
#edito #interEdito h2 {
text-align: right;
color: #FFFFFF;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding:  15px 0px 10px 0px;
}
/*---------------------------------------------------------------------------*/
#actus {
background-image: url(fond_titres_bleu.gif);
background-repeat: no-repeat;
background-position: right top;
padding:  0px 15px 30px 0px;
width: 480px;
clear: both;
float: left;
position: relative;
}
#actus h2 {
text-align: right;
color: #FFFFFF;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding:  15px 0px 50px 0px;
}
#actus p,
.actuLigne {
float: left;
clear: both;
width: 100%;
}
.actuLigne {
margin-bottom: 20px;
}
#actus p img,
#inter .actuLigne img {
float: left;
}
#actus p strong a,
.actuLigne strong a {
color: #6699CC;
}
#actus p strong a:hover,
.actuLigne strong a:hover {
text-decoration: underline;
}
#actus .clearcommande {

}
#actus p.toutesactus {
font-size: small;
float: left;
color: #006699;
clear: none;
position: absolute;
top: 50px;
left: 210px;
width: 185px;
}
#actus p.toutesactus a {
display: block;
color: #006699;
padding: 5px 6px 0px 32px;
border-right: 1px solid #006699;
background-image: url(picto_toutes_actus.gif);
background-repeat: no-repeat;
height: 25px;
}
#actus p.filrss {
font-size: small;
float: left;
color: #006699;
clear: none;
width: 90px;
position: absolute;
top: 50px;
left: 395px;
width: 90px;
padding: 0px 0px 0px 8px;
}
#actus p.filrss a {
display: block;
color: #006699;
padding: 5px 6px 0px 32px;
background-image: url(picto_rss.gif);
background-repeat: no-repeat;
height: 25px;
}
#actus p.toutesactus a:hover,
#actus p.filrss a:hover {
text-decoration: underline;
}
/*-----------------------------------------------------------------------------------*/
#events {
background-image: url(fond_titres_rouge.gif);
background-repeat: no-repeat;
background-position: right top;
padding:  0px 15px 0px 0px;
width: 480px;
clear: both;
float: left;
position: relative;
}
#events h2 {
text-align: right;
color: #FFFFFF;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding:  15px 0px 50px 0px;
}
#events .eventline,
.eventline {
float: left;
clear: both;
width: 100%;
}
.eventline {
margin-bottom: 5px;
}
#events .eventline img,
#inter .eventline img {
/*display: none;*/
float: left;
}
#events .eventline strong a,
#inter .eventline strong a {
color: #C91111;
}
#events .eventline strong a:hover,
.eventline strong a:hover {
text-decoration: underline;
}
#inter .eventline ul {
display: none;
}
/*----
padding-left: 0px;
margin-left: 0px;
font-size: x-small;
}
#inter .eventline ul ,
#inter .eventline ul li,
#inter .eventline ul li ul,
#inter .eventline ul li ul li {
display: inline;
}
#inter .eventline ul li {
padding: 0px 20px 0px 14px;
}
#inter .eventline ul li ul li {
padding: 0px 0px 0px 0px;
background-image: none;
}
----*/
#events p.toutevents {
font-size: small;
float: left;
color: #C91111;
clear: none;
width: 180px;
position: absolute;
top: 50px;
left: 210px;
}
#events p.toutevents a {
display: block;
color: #C91111;
padding: 5px 6px 0px 32px;
border-right: 1px solid #C91111;
background-image: url(picto_toutes_evenements.gif);
background-repeat: no-repeat;
height: 25px;
}
#events p.filrss {
font-size: small;
float: left;
color: #006699;
clear: none;
position: absolute;
top: 50px;
left: 395px;
width: 90px;
padding: 0px 0px 0px 8px;
}
#events p.filrss a {
display: block;
color: #C91111;
padding: 5px 6px 0px 32px;
background-image: url(picto_rss.gif);
background-repeat: no-repeat;
height: 25px;
}
#events p.toutevents a:hover,
#events p.filrss a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- E CARD ---*/
#inter table.eCard {
width: 100%;
border: none;
border-collapse: separate;
}
#inter table.eCard td {
width: 30%;
border: none;
text-align: center;
vertical-align: bottom;
border: 1px solid #CCCCCC;
}
#inter table.eCard td img {
margin-bottom: 10px;
}
#inter table.eCard td a {
font-size: x-small;
color: #006633;
text-decoration: none;
margin: 0px 10px 0px 0px;
}
#inter table.eCard td a:hover {
text-decoration: underline;
}
#inter table.eCard td a img {
vertical-align: middle;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
float: right;
width: 250px;
padding: 0px 0px 0px 0px;
}
body.bodyHistoire #right {
float: right;
width: 1px;
}
body.bodyPanoramique #right {
display: none;
width: 1px;
}
#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;
}
/*----------------------------------------------------*/
/*--  LIENS UTILES  --*/
#liensUtiles {
position: relative;
float: right;
padding: 0px 12px 0px 0px;
width: 238px;
height: 340px;
}
#liensUtiles ul.liensUtiles {
 
}
#liensUtiles ul.liensUtiles li {
position: absolute;
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 66px;
height: 66px;
overflow: hidden;
}
#liensUtiles ul.liensUtiles li.lienServicePublic {
top: 60px;
left: 60px;
}
#liensUtiles ul.liensUtiles li.lienMarchesPublics {
top: 50px;
left: 136px;
}
#liensUtiles ul.liensUtiles li.lienCarteInter {
top: 136px;
left: 60px;
}
#liensUtiles ul.liensUtiles li.lienECard {
top: 126px;
left: 136px;
}
#liensUtiles ul.liensUtiles li.lienAgenda{
top: 212px;
left: 60px;
}
#liensUtiles ul.liensUtiles li.lienVideos {
top: 202px;
left: 136px;
}
#liensUtiles ul.liensUtiles li.lienDemarchesLigne {
top: 287px;
left: 72px;
width: 123px;
height: 43px;
}
#liensUtiles ul.liensUtiles li.lienDemarchesLigne a {
width: 123px;
height: 43px;
}
#liensUtiles ul.liensUtiles li a {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 66px;
height: 66px;
overflow: hidden;
}
#liensUtiles ul.liensUtiles li a:hover {
margin-top: -100px;
height: 166px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem {
float: left;
margin: 10px 0px 10px 0px;
font-size: x-small;
width: 236px;
padding: 0px 4px 0px 10px;
}
#contentTotem {
float: left;
width: 236px;
background-image: url(fond_bas_zoom_sur.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#interTotem {
float: left;
width: 201px;
padding: 20px 15px 10px 20px;
background-image: url(fond_haut_zoom_sur.gif);
background-repeat: no-repeat;
background-position: top;
}
#totem p {
margin: 5px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
position: relative;
float: left;
clear: both;
width: 951px;
font-size: x-small;
padding: 16px 0px 65px 20px;
background-repeat: no-repeat;
background-position: 0px bottom;
text-align: center;
}
body.bodyAccueil #footer,
body.bodygenerique #footer,
body.bodyactus #footer,
body.bodyBleu #footer,
body.bodyBleu2 #footer,
body.bodymarches #footer {
background-image: url(fond_footer_bleu.gif);
}
body.bodyVert #footer {
background-image: url(fond_footer_vert.gif);
}
body.bodyOrange #footer {
background-image: url(fond_footer_orange.gif);
}
body.bodyRouge #footer,
body.bodyAgenda #footer {
background-image: url(fond_footer_rouge.gif);
}
body.bodyHistoire #footer,
body.bodyAccueilHistoire #footer {
background-image: url(fond_footer_histoire.gif);
}
body.bodyPanoramique #footer,
body.bodyAccueilPanoramique #footer {
background-image: url(fond_footer_panoramique.gif);
}
#footer a {
text-decoration: none;
}
#footer ul {
clear: both;
text-align: center;
width: 951px;
padding: 20px 0px 0px 0px;
}
#footer p {
margin: 8px 0px 0px 0px;
color: #868687;
}
#footer ul li {
display: inline;
}
/*-- HAUT DE LA PAGE --*/
body.bodyAccueil #hautpage {
position: absolute;
left: -2000px;
}
#hautpage {
float: left;
padding-left: 300px;
}
#hautpage a {
display: block;
width: 71px;
height: 18px;
padding: 2px 0px 0px 19px;
color: #1d5892;
background-image: url(puce_haut.gif);
background-repeat: no-repeat;
background-position: left center;
}
/*-- IMPRIMER LA PAGE --*/
body.bodyAccueil #imprimpage {
position: absolute;
left: -2000px;
}
#imprimpage {
float: left;
padding-left: 100px;
}
#imprimpage a {
display: block;
width: 81px;
height: 18px;
padding: 2px 0px 0px 19px;
color: #1d5892;
background-image: url(puce_print.gif);
background-repeat: no-repeat;
background-position: left center;
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #C91111;
}
div.coul02, .bleu, .coul02 {
color: #006699;
}
div.coul03, .orange, .coul03 {
color: #F5B02C;
}
div.coul04, .vert, .coul04 {
color: #006633;
}
/*-- BORDURE D'IMAGES --*/
img.bord091 .bordureRouge {
border: 1px solid #C91111;
}
img.bord02, .bordureBleue {
border: 1px solid #006699;
}
img.bord03, .bordureOrange {
border: 1px solid #006699;
}
img.bord04, .bordureVerte {
border: 1px solid #006633;
}
img.bord05, .bordureNoire {
border: 1px solid #000000;
}
/*-- 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;
}
th,
td {
border: 1px solid #597FBF;
padding: 3px;
vertical-align: top;
}
th {
background-color: #597FBF;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
padding-left: 50px;
}
#plandusite h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #6699CC;
text-decoration: none;
}
#plandusite ul {
padding: 0px 0px 5px 20px;
border-bottom: 1px solid #6699CC;
margin: 7px 50px 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 {
color: #333A4C;
text-decoration: none;
}
#plandusite ul li a:hover {
color: #333A4C;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- EXTRANET--*/

#inter #logintra{
width: 265px;
}
#inter #logintra label {
width: 95px;
display: block;
float: left;
font-weight: bold;
font-size: small;
margin: 5px 0px 0px 0px;
}
#inter #logintra input{
font-size: small;
margin: 5px 0px 0px 0px;
}
#inter #logintra input.bouton{
padding: 2px 2px 2px 2px;
float: right;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
display: none;
}