body.bodyAttente{
background-image: none;
}
/*--FOND EVENEMENTIEL--*/
body.bodyaccueil {
background-image: url(home_evenementiel.jpg);
background-repeat:no-repeat;
background-position: center top;
}
/*---------*/
/*---------*/
/*---------*/
body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background-color: #FFFFFF;
}
a {
color: #333333;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
color: #1B52B2;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption{
display:none;
position:absolute;
top: -5000px;
left: -5000px;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:962px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width: 962px;
float: left;
position: relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position:relative;
width:961px;
height:265px;
margin:auto;
background-position: top center;
background-repeat:no-repeat;
}
#contentHeader{
width:100%;
height:265px;
background-position: top center;
background-repeat:no-repeat;
}
body.bodyaccueil #contentHeader,
body.bodyaccueil #header{
background-image:url(bg_header_accueil.gif);
height:323px;
}
body.bodygenerique #contentHeader,
body.bodygenerique #header,
body.bodyInvente #contentHeader,
body.bodyInvente #header,
body.quizresultat #contentHeader,
body.quizresultat #header{
background-image:url(bg_header_generique.gif);
}
body.bodyDemarches #contentHeader, 
body.bodyDemarches #header,
body.bodyActus #contentHeader, 
body.bodyActus #header,
body.bodyBleu #contentHeader, 
body.bodyBleu #header {
background-image:url(bg_header_bleu.gif);
}
body.bodycitoyen #contentHeader, 
body.bodycitoyen #header,
body.bodyOrange #contentHeader, 
body.bodyOrange #header {
background-image:url(bg_header_orange.gif);
}
body.bodyRose #contentHeader, 
body.bodyRose #header {
background-image:url(bg_header_rose.gif);
}
body.bodyCapitaleCulturelle #contentHeader, 
body.bodyCapitaleCulturelle #header {
background-image:url(bg_header_capitale_culture.jpg);
}
body.bodyVert #contentHeader,
body.bodyVert #header,
body.bodyAgenda #contentHeader, 
body.bodyAgenda #header,
body.bodyAnnuaire #contentHeader, 
body.bodyAnnuaire #header{
background-image:url(bg_header_vert.gif);
}
body.bodymarches #contentHeader,
body.bodymarches #header,
body.bodyRouge #contentHeader, 
body.bodyRouge #header {
background-image:url(bg_header_rouge.gif);
}
#logo{
position: absolute;
top: 22px;
left: 20px;
z-index: 1000;
}
#flash_accueil{
position: absolute;
z-index: 10;
height: 235px;
}
#carte_flash{
position:absolute;
top:0px;
right:0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGE ACCUEIL ---*/
#left {
position: relative;
float: left;
width: 160px;
margin: -15px 0px 0px 5px;
}
#left ul.liste_gauche{
background-repeat: no-repeat;
background-position: bottom left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 5px;
width: 160px;
}
#left ul.liste_gauche li{
position:relative;
z-index : 100;
padding: 0px 5px 0px 0px;
margin: 0px 0px 0px 0px;
}
ul.espace_citoyen{
background-image: url(bg_citoyen_bottom.gif);
}
#left ul.liste_gauche li ul{
position:relative;
z-index: 10;
margin-top: -45px;
}
#left ul.liste_gauche li ul li{
background: url(puce_list_gauche.gif) no-repeat left top;
padding: 0px 10px 5px 15px;
}
#left ul.liste_gauche li ul li a{
text-decoration: none;
}
#left ul.liste_gauche li ul li a:hover{
text-decoration: underline;
}
#content_actus{
width: 388px;
float: left;
background: url(bg_actus.gif) no-repeat bottom right;
}
#actus {
float: left;
width: 300px;
padding:0px 10px 30px 50px;
}
#actus div{
margin: 10px 0px 10px 0px;
width: 100%;
}
#actus a,
.actuLigne a{
color: #333333;
text-decoration: none;
padding:0px 0px 5px 20px;
background: url(puce_actus.gif) no-repeat left top;
}
#actus a strong,
.actuLigne a strong{
color: #1B52B2;
text-decoration: none;
}
#actus a strong:hover,
.actuLigne a strong:hover{
text-decoration: underline;
}
.diaporama,
.actuLigne{
width: 495px;
float: left;
padding: 10px 10px 10px 10px;
margin: 0px 0px 5px 0px;
clear: both;
background: #FFFFFF url(bg_actuLigne.gif) repeat-x top center;
border:#EEEEEE 1px solid;
}
.titreDiapo{
font-weight: bold;
}
.dateDiapo{
color: #853CAF;
}
.voirDiapo a{
display: block; 
text-decoration: none;
text-align: center;
float:right;
/*clear: both;*/
width:130px;
margin: 10px 4px 0px 0px;
border: 1px solid #CCCCCC;
color: #666666;
font-weight: bold;
}
div.actuLigne:hover{
background: #f6f6f6;
}
#actus p.toutesactus a{
background:url(toute_actus.gif) no-repeat left bottom;
text-decoration:none;
padding:0px 0px 0px 20px;
margin:0px 0px 0px 20px;
font-weight:bold;
color:#333333;
}
.actuLigne strong a{
color: #1B52B2;
}
#right_accueil{
float: right;
width: 382px;
padding:0px 0px 0px 0px;
margin: -20px 0px 0px 0px;
}
#actu_image h2{
display:none;
font-size:large;
}
#actu_image table {
font-size:x-small;
background: #565759 url(bg_actu_image.gif) no-repeat top center;
width:382px;
color:#FFFFFF;
text-align:left;
}
#actu_image table.picture {
background:url(bg_actu_image_en.gif) no-repeat top center;
}
#actu_image table th {
padding: 35px 5px 0px 5px;
background-color: transparent;
background-image:none;
border:none;
vertical-align: bottom;
}
#actu_image p{
margin:0px;
padding:5px 5px 5px 5px;
height:30px;
background:url(bg_p_diaporama.gif) no-repeat bottom left;
}
#actu_image p a{
padding:0px 0px 2px 0px;
display:block;
height:30px;
width: 170px;
background:url(diaporamas.gif) no-repeat 10px 0px;
}
#actu_image p.slide a{
background:url(diaporamas_en.gif) no-repeat bottom left;
}
#actu_image p a:hover{
padding:0px 0px 2px 0px;
display:block;
height:30px;
background:url(diaporamas.gif) no-repeat 10px -40px;
}
#actu_image p.slide a:hover{
background:url(diaporamas_en.gif) no-repeat 0px 0px;
}
#actu_image p a span{
display:none;
}
#events{
background: url(bg_agenda.gif) no-repeat bottom center;
padding-bottom: 20px;
}
#content_agenda{
padding: 20px;
}
p.toutevents,
#events h2{
margin:20px auto 20px auto;
}
p.toutevents  a {
background:url(toute_agenda.gif) no-repeat left bottom;
text-decoration:none;
padding:0px 0px 0px 20px;
margin:0px 0px 0px 20px;
font-weight:bold;
color:#333333;
}
div.eventline img{
float: left;
margin: 0px 10px 10px 0px;
}
div.eventline p{
float: left;
width: 100%;
}
body.bodyaccueil div.eventline p{
float: none;
}
body.bodyaccueil div.eventline p strong a{
display: inline;
}
div.eventline p strong a{
display: block;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 20px;
color: #4C8211;
text-decoration : none;
background: url(puce_agenda.gif) no-repeat left top;
}
div.eventline p strong a:hover{
text-decoration: underline;
}
p.filrss a,
#actus p.filrss a{
display: block;
padding: 8px 35px 8px 0px;
margin: -60px -15px 0px 0px;
background: url(rss.gif) no-repeat right top;
text-decoration:none;
float: right;
}
body.bodyaccueil #inter div.eventline{
padding: 10px 0px 10px 0px;
}
body.bodyaccueil #inter div.eventline ul{
margin: 0px 0px 10px 0px;
}
body.bodyaccueil #inter div.eventline ul li{
width: 150px;
background-image:url(puce01_inter_vert.gif);
float: left;
font-size: x-small;
background-position: 0px 6px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- E CITIZ ---*/
body.bodyecitiz #contentHeader,
body.bodyecitiz #header{
background-image:url(bg_header_ecitiz.gif);
height:200px;
}
body.bodyecitiz #content {
width:962px;
float:left;
background:url(bg_content_ecitiz.gif) no-repeat top center;
}
body.bodyecitiz #inter {
width:920px;
padding:30px 20px 30px 20px;
margin:0px 0px 50px 0px;
float:left;
background:url(bg_footer_ecitiz.gif) no-repeat bottom center;
}
body.bodyecitiz #menu,
body.bodyecitiz #menu_horizontal,
body.bodyecitiz #filariane,
body.bodyecitiz #menu_droit,
body.bodyecitiz #carte_flash,
body.bodyecitiz #raccourcis,
body.bodyecitiz #recherche,
body.bodyecitiz #menu li.actualite,
body.bodyecitiz #menu li.agenda,
body.bodyecitiz #infoname {
display:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position:absolute;
top:182px;
left:30px;
overflow:hidden;
width:730px;
font-size:xx-small;
}
body.bodyaccueil #raccourcis {
top:240px;
}
#raccourcis ul li{
float:left;
margin:0px 15px 0px 0px;
text-decoration:none;
}
#raccourcis ul li a{
display:block;
text-decoration:none;
padding:0px 0px 2px 20px; 
background-repeat: no-repeat;
}
#raccourcis ul li.raccontenu a {
background-image: url(picto_contenu.gif);
}
#raccourcis ul li.racaide a {
background-image: url(picto_handi.gif);
}
#raccourcis ul li.racplan a {
background-image: url(picto_plan.gif);
}
#raccourcis ul li.raccontact a {
background-image: url(picto_contact.gif);
}
#raccourcis ul li.racnews a {
background-image: url(picto_news.gif);
}
#raccourcis ul li.drapeau_anglais a{
background-image: url(drapeau_anglais.gif);
margin-left:88px;
}
#raccourcis ul li.drapeau_francais a{
background-image: url(drapeau_francais.gif);
margin-left:155px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position:absolute;
top:170px;
right:18px;
width:150px;
font-size: x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
body.bodyaccueil #recherche {
top:228px;
}
#recherche input.saisie {
font-size: x-small;
color: #000;
border: 1px solid #000;
vertical-align: middle;
width: 110px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche input.bouton {
vertical-align: middle;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
}
#recherche label {
display:none;
}
#recherche legend{
color:#000;
font-size:x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche input#boutOk{
background: transparent;
border:none;
color: #FFFFFF;
font-weight: bold;
font-size: x-small;
}
#ok{
width:25px;
height:25px;
position:absolute;
bottom:57px;
right:25px;
background-position:center center;
background-repeat:no-repeat;
}
body.bodyaccueil #ok,
body.bodygenerique #ok,
body.bodyInvente #ok,
body.quizresultat #ok{
background-image:url(ok_violet.gif);
}
body.bodyDemarches #ok,
body.bodyActus #ok,
body.bodyBleu #ok {
background-image:url(ok_bleu.gif);
}
body.bodycitoyen #ok ,
body.bodyOrange #ok {
background-image:url(ok_orange.gif);
}
body.bodyRose #ok {
background-image:url(ok_rose.gif);
}
body.bodyCapitaleCulturelle #ok {
background-image:url(ok_rose.gif);
}
body.bodyVert #ok,
body.bodyAgenda #ok,
body.bodyAnnuaire #ok {
background-image:url(ok_vert.gif);
}
body.bodymarches #ok,
body.bodyRouge #ok {
background-image:url(ok_rouge.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
body.bodyaccueil #content {
width:962px;
float:left;
background:url(bg_content_accueil.gif) no-repeat top center;
}
#content {
width:962px;
float:left;
background:url(bg_content.gif) no-repeat top center;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
text-transform: lowercase;
float: left;
width: 518px;
height: 18px;
font-size: x-small;
padding: 20px 0px 0px 20px;
}
body.bodyaccueil #filariane {
display: none;
}
#filariane a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
width:515px;
float:left;
padding: 10px 0px 60px 20px;
}
body.bodyaccueil #inter{
padding: 10px 0px 60px 10px;
margin-top:-20px;
width:945px;
}
#inter p {
margin: 0px 0px 0px 0px;
padding:  3px 0px 3px 0px;
}
#inter ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
/*clear: both;*/
}
#inter ul li {
padding-left:12px;
background-repeat: no-repeat;
background-position: left 8px;
}
body.bodyDemarches #inter ul li,
body.bodyBleu #inter ul li,
body.bodyActus#inter ul li,
body.bodygenerique #inter ul.listeplan01 li{
background-image:url(puce01_inter_bleu.gif);
}
body.bodyDemarches #inter ul ul li,
body.bodyBleu #inter ul ul li,
body.bodyActus #inter ul ul li,
body.bodygenerique #inter ul.listeplan01 ul li{
background-image:url(puce02_inter_bleu.gif);
}
body.bodyDemarches #inter ul ul ul li,
body.bodyBleu #inter ul ul ul li,
body.bodyActus #inter ul ul ul li,
body.bodygenerique #inter ul.listeplan01 ul ul li{
background-image:url(puce03_inter_bleu.gif);
}
body.bodyOrange #inter ul li,
body.bodycitoyen #inter ul li,
body.bodygenerique #inter ul.listeplan02 li{
background-image:url(puce01_inter_orange.gif);
}
body.bodyOrange #inter ul ul li,
body.bodycitoyen #inter ul ul li,
body.bodygenerique #inter ul.listeplan02 ul li{
background-image:url(puce02_inter_orange.gif);
}
body.bodyOrange #inter ul ul ul li,
body.bodycitoyen #inter ul ul ul li,
body.bodygenerique #inter ul.listeplan02 ul ul li{
background-image:url(puce03_inter_orange.gif);
}
body.bodyCapitaleCulturelle #inter ul li,
body.bodyRose #inter ul li,
body.bodygenerique #inter ul.listeplan03 li{
background-image:url(puce01_inter_rose.gif);
}
body.bodyCapitaleCulturelle #inter ul ul li,
body.bodyRose #inter ul ul li,
body.bodygenerique #inter ul.listeplan03 ul li{
background-image:url(puce02_inter_rose.gif);
}
body.bodyCapitaleCulturelle #inter ul ul ul li,
body.bodyRose #inter ul ul ul li,
body.bodygenerique #inter ul.listeplan03 ul ul li{
background-image:url(puce03_inter_rose.gif);
}
body.bodyVert #inter ul li,
body.bodyAgenda #inter ul li,
body.bodyAnnuaire #inter ul li,
body.bodygenerique #inter ul.listeplan04 li{
background-image:url(puce01_inter_vert.gif);
}
body.bodyVert #inter ul ul li,
body.bodyAgenda #inter ul ul li,
body.bodyAnnuaire #inter ul ul li,
body.bodygenerique #inter ul.listeplan04 ul li{
background-image:url(puce02_inter_vert.gif);
}
body.bodyVert #inter ul ul ul li,
body.bodyAgenda #inter ul ul ul li,
body.bodyAnnuaire #inter ul ul ul li,
body.bodygenerique #inter ul.listeplan04 ul ul li{
background-image:url(puce03_inter_vert.gif);
}
body.bodyRouge #inter ul li,
body.bodymarches #inter ul li,
body.bodygenerique #inter ul.listeplan05 li{
background-image:url(puce01_inter_rouge.gif);
}
body.bodyRouge #inter ul ul li,
body.bodymarches #inter ul ul li,
body.bodygenerique #inter ul.listeplan05 ul li{
background-image:url(puce02_inter_rouge.gif);
}
body.bodyRouge #inter ul ul ul li,
body.bodymarches #inter ul ul ul li,
body.bodygenerique #inter ul.listeplan05 ul ul li{
background-image:url(puce03_inter_rouge.gif);
}
body.bodygenerique #inter ul li,
body.bodyInvente #inter ul li{
background-image:url(puce01_inter_violet.gif);
}
body.bodygenerique #inter ul ul li,
body.bodyInvente #inter ul ul li{
background-image:url(puce02_inter_violet.gif);
}
body.bodygenerique #inter ul ul ul li,
body.bodyInvente #inter ul ul ul li{
background-image:url(puce03_inter_violet.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
float:right;
width:210px;
margin: -20px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LEFT ---*/
/*---------------------------------------------------------------------------------------------*/
/*--- MENU DROIT ---*/
body.bodyaccueil #menu_droit  {
display:none;
}
#menu_droit ul li a{
display:block;
height:68px;
background-repeat:no-repeat;
background-position:0px 0px;
}
#menu_droit ul li a:hover{
background-position:0px -75px;
}
#menu_droit ul li a span{
position:absolute;
top:-5000px;
}
#vos_demarches a{
background-image:url(vos_demarches.gif);
}
#right_menu #vos_demarches a{
background-image:url(vos_demarches_en.gif);
}
#annuaire_associations a{
background-image:url(annuaire_associations.gif);
}
#right_menu #annuaire_associations a{
background-image:url(annuaire_associations_en.gif);
}
#capitale_culturelle a{
background-image:url(capitale2011_culture.gif);
}
#right_menu #capitale_culturelle a{
background-image:url(capitale2011_culture_en.gif);
}
#ville_invente a{
background-image:url(ville_invente.gif);
}
#right_menu #ville_invente a{
background-image:url(ville_invente_en.gif);
}
#espace_citoyen a{
background-image:url(espace_citoyen.gif);
}
#right_menu #espace_citoyen a{
background-image:url(espace_citoyen_en.gif);
}
#marches_publics a{
background-image:url(marches_publics.gif);
}
#right_menu #marches_publics a{
background-image:url(marches_publics_en.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POST IT ---*/
#contentPostIt{
background:url(bg_content_postIt.gif) bottom center;
}
#bgPostIt{
background:url(bg_top_postIt.gif) top center no-repeat;
padding:0px;
}
#interPostIt{
padding:14px 20px 20px 20px;
}
#interPostIt h3{
display:inline;
font-size:large;
background-repeat:no-repeat;
background-position:right center;
padding:0px 23px 3px 0px;
}
body.bodyDemarches #interPostIt h3,
body.bodyActus #interPostIt h3,
body.bodyBleu #interPostIt h3{
background-image:url(bg_bleu_postit_h3.gif);
}
body.bodycitoyen #interPostIt h3,
body.bodyOrange #interPostIt h3{
background-image:url(bg_orange_postit_h3.gif);
}
body.bodyCapitaleCulturelle #interPostIt h3{
background-image:url(bg_rose_postit_h3.gif);
}
body.bodyRose #interPostIt h3{
background-image:url(bg_rose_postit_h3.gif);
}
body.bodyVert #interPostIt h3,
body.bodyAgenda #interPostIt h3,
body.bodyAnnuaire #interPostIt h3{
background-image:url(bg_vert_postit_h3.gif);
}
body.bodyRouge #interPostIt h3,
body.body.bodymarches #interPostIt h3{
background-image:url(bg_rouge_postit_h3.gif);
}
body.bodyInvente #interPostIt h3{
background-image:url(bg_violet_postit_h3.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/
body.bodyaccueil #inter h2{
border: none;
padding: 0px;
}
#inter h2{
text-transform:uppercase;
color:#666666;
font-size:x-large;
border-bottom:#666 1px solid;
background-position:right 0px;
background-repeat:no-repeat;
padding:0px 35px 5px 0px;
margin:0px 0px 0px 0px;
}
/*------------*/
body.bodyBleu #inter h2,
body.bodyDemarches #inter h2,
body.bodyActus #inter h2{
background-image:url(bg_bleu_h2.gif);
}
body.bodyBleu #inter h2:first-letter,
body.bodyDemarches #inter h2:first-letter,
body.bodyActus #inter h2:first-letter{
color:#1b52b2;
}
body.bodyBleu #inter h3,
body.bodyDemarches #inter h3,
body.bodyActus #inter h3{
color:#1B52B2;
}
body.bodyBleu #inter h4,
body.bodyDemarches #inter h4,
body.bodyActus #inter h4,
body.bodyBleu #inter h5,
body.bodyDemarches #inter h5,
body.bodyActus #inter h5{
color:#1B52B2;
font-weight: normal;
margin: 20px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
/*------------*/
body.bodyOrange #inter h2,
body.bodycitoyen #inter h2{
background-image:url(bg_orange_h2.gif);
}
body.bodyOrange #inter h2:first-letter,
body.bodycitoyen #inter h2:first-letter{
color:#EC7206;
}
body.bodyOrange #inter h3,
body.bodycitoyen #inter h3{
color:#EC7206;
}
body.bodyOrange #inter h4,
body.bodycitoyen #inter h4,
body.bodyOrange #inter h5,
body.bodycitoyen #inter h5{
color:#EC7206;
font-weight: normal;
margin: 20px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
}
/*------------*/
body.bodyCapitaleCulturelle #inter h2,
body.bodyRose #inter h2{
background-image:url(bg_rose_h2.gif);
}
body.bodyCapitaleCulturelle #inter h2:first-letter,
body.bodyRose #inter h2:first-letter{
color: #CC3882;
}
body.bodyCapitaleCulturelle #inter h3,
body.bodyRose #inter h3{
color: #CC3882;
}
body.bodyCapitaleCulturelle #inter h4,
body.bodyCapitaleCulturelle #inter h5,
body.bodyRose #inter h4,
body.bodyRose #inter h5{
color: #CC3882;
margin: 20px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
/*------------*/
body.bodyVert #inter h2,
body.bodyAgenda #inter h2,
body.bodyAnnuaire #inter h2{
background-image: url(bg_vert_h2.gif);
}
body.bodyVert #inter h2:first-letter,
body.bodyAgenda #inter h2:first-letter,
body.bodyAnnuaire #inter h2:first-letter{
color: #4C8211;
}
body.bodyVert #inter h3,
body.bodyAgenda #inter h3,
body.bodyAnnuaire #inter h3{
color: #4C8211;
}
body.bodyVert #inter h4,
body.bodyAgenda #inter h4,
body.bodyAnnuaire #inter h4,
body.bodyVert #inter h5,
body.bodyAgenda #inter h5,
body.bodyAnnuaire #inter h5{
color: #4C8211;
font-weight: normal;
margin: 20px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
/*------------*/
body.bodymarches #inter h2,
body.bodyRouge #inter h2{
background-image:url(bg_rouge_h2.gif);
}
body.bodymarches #inter h2:first-letter,
body.bodyRouge #inter h2:first-letter{
color: #CC071E;
}
body.bodyRouge #inter h3,
body.bodymarches #inter h3,
body.bodyRouge #inter h4,
body.bodymarches #inter h4,
body.bodyRouge #inter h5,
body.bodymarches #inter h5{
color: #CC071E;
margin: 20px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
/*------------*/
body.bodygenerique #inter h2,
body.bodyInvente #inter h2{
background-image:url(bg_violet_h2.gif);
}
body.bodygenerique #inter h2:first-letter,
body.bodyInvente #inter h2:first-letter{
color: #853CAF;
}
body.bodygenerique #inter h3,
body.bodyInvente #inter h3{
color: #853CAF;
}
body.bodygenerique #inter h4,
body.bodyInvente #inter h4,
body.bodygenerique #inter h5,
body.bodyInvente #inter h5{
color: #853CAF;
font-weight: normal;
margin: 20px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DATE ---*/
#infoname{
position:relative;
margin: 0px 0px 0px 0px;
}
.infonamedate {
padding: 0px 0px 5px 20px;
margin: 0px 0px 0px 10px;
background-repeat: no-repeat;
background-position: 0px 5px;
}
body.bodyBleu .infonamedate,
body.bodyActus .infonamedate,
body.bodyDemarches .infonamedate {
background-image: url(date_bleu.gif);
}
body.bodyOrange .infonamedate,
body.bodycitoyen .infonamedate {
background-image: url(date_orange.gif);
}
body.bodyCapitaleCulturelle .infonamedate,
body.bodyRose .infonamedate,
body.bodyinvente .infonamedate {
background-image: url(date_rose.gif);
}
body.bodyVert .infonamedate,
body.bodyAgenda .infonamedate,
body.bodyAnnuaire .infonamedate {
background-image: url(date_vert.gif);
}
body.bodyRouge .infonamedate,
body.bodymarches .infonamedate,
body.bodyaccueil .infonamedate  {
background-image: url(date_Rouge.gif);
}
body.bodygenerique .infonamedate,
body.bodyInvente .infonamedate {
background-image: url(date_violet.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
position:relative;
float:left;
font-size:x-small;
border-top:#999 1px solid;
}
#footer ul {
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
width:962px;
}
#footer ul li {
display:inline;
}
#footer ul li a{
text-decoration :none;
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
position:absolute;
text-align: center;
top:-60px;
right:460px;
width: 60px;
}
#hautpage a {
display:block;
padding:0px 0px 23px 0px;
background:url(bg_haut_page.gif) no-repeat bottom center;
text-decoration: none;
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
position:absolute;
text-align: right;
top:-39px;
right:340px;
width: 100px;
}
#imprimpage a {
display:block;
padding:0px 20px 23px 0px;
background:url(bg_imprimer.gif) no-repeat right top;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC071E;
}
div.coul02, .bleu, .coul02 {
color: #1B52B2;
}
div.coul03, .rose, .coul03 {
color: #CC3882;
}
div.coul04, .orange, .coul04 {
color: #EC7206;
}
div.coul05, .vert, .coul05 {
color: #4C8211;
}
div.coul06, .violet, .coul06 {
color: #853CAF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #CC071E;
}
img.bord02, .bordureBleue {
border: 1px solid #1B52B2;
}
img.bord03, .bordureRose {
border: 1px solid #CC3882;
}
img.bord04, .bordureOrange {
border: 1px solid #EC7206;
}
img.bord05, .bordureVerte {
border: 1px solid #4C8211;
}
img.bord06, .bordureViolette {
border: 1px solid #853CAF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #853CAF;
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;
padding-left:12px;
background-repeat: no-repeat;
background-position: left 8px;
background-image:url(puce01_inter_violet.gif);
 }
.result td.title a:hover{
color: #853CAF
}
.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 5px 2px 15px;
color: #003333;
text-decoration: none;
background: url(prec.gif) no-repeat left center;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 2px 5px;
color: #333333;
text-decoration: none;
background: url(suiv.gif) no-repeat right center;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #333333;
padding: 3px;
vertical-align: top;
}
th {
background-color: #333333;
color: #FFFFFF;
}
body.bodyBleu th {
background-color: #1B52B2;
color: #FFFFFF;
}
body.bodyOrange th {
background-color: #EC7206;
color: #FFFFFF;
}
body.bodyCapitaleCulturelle th
body.bodyRose th {
background-color: #CC3882;
color: #FFFFFF;
}
body.bodyVert th {
background-color: #4C8211;
color: #FFFFFF;
}
body.bodyRouge th {
background-color: #CC071E;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite{
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#plandusite h3 {
padding-left:15px;
background: #f2f2f2;
}
#plandusite h3 a {
font-size:medium;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-decoration: none;
}
#plandusite ul {
margin:0 0 0 0;
padding:0 0 0 5px;
font-weight: bold;
}
#plandusite ul li ul {
border-bottom: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-weight: normal;
}
#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;
}
#plandusite h3.plan01 a{
color:#1B52B2;
}
#plandusite h3.plan02 a{
color:#EC7206;
}
#plandusite h3.plan03 a{
color:#CC3882;
}
#plandusite h3.plan04 a{
color:#4C8211;
}
#plandusite h3.plan05 a{
color:#CC071E;
}
#inter #plandusite h3.agenda a {
color:#1B52B2;
}
#inter #plandusite h3.actualite a {
color:#4C8211;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- AGENDA ---*/
#inter #formfindcalendar {
position: absolute;
top: 120px;
left: 249px;
}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
border:black 1px solid;
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;
background: #4C8211;
color: #FFFFFF;
}
#inter #formfindcalendar div.entry label{
position: absolute;
top: -5000px;
}
#inter #formfindcalendar div.footer {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 0px;
width:100%;
}
/*-------------------------*/
div.modejour,
div.modemois {
width:100%;
float: left;
margin: 20px 0px 0px 0px;
}
div.modejour #oCalendar,
div.modemois #oCalendar {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #7DB13D;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #333333;
font-weight: bold;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days {
color: #EC7206;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #D1E8C0;
color: #333333;
font-weight: bold;
}
/*-------------------*/
div.modejour .eventline,
div.modemois .eventline {
width: 100%;
float: left;
margin: 10px 0px 0px 0px;
padding:  10px 0px 10px 0px;
border-top:#DDDDDD 1px solid;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#4C8211;
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: 190px;
}
/*--- CALENDRIER --- */
 
#inter #oCalendar{
background:url(calendar.jpg) no-repeat top center;
height: 245px;
width: 490px;
}
#inter #oCalendar table{
width: 200px;
margin: 20px 50px 20px 30px;
float:right;
color:#FFFFFF;
font-weight: bold;
text-align:center;
}
#inter #oCalendar table th{
background: #4C8211;
border: none;
}
#inter #oCalendar table tr td{
border: none;
}
#inter #oCalendar table caption {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ANNUAIRE ---*/
body.bodyAnnuaire #inter div#dirList ul,
body.bodyAnnuaire #inter ul.rubriqueAnnu {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
body.bodyAnnuaire #inter ul.rubriqueAnnu li,
body.bodyAnnuaire #inter h3.annuaire_path,
body.bodyAnnuaire #inter div#dirList ul li,
body.bodyAnnuaire #inter div#dirList ul li ul li,
body.bodyAnnuaire #inter ul.rubriqueAnnu li ul li{
background-color:#f2f2f2;
background-image: url(plus_vert.gif);
background-repeat: no-repeat;
background-position: 5px 10px;
text-transform: uppercase;
font-weight: bold;
font-size: small;
padding: 6px 0px 0px 20px;
margin: 0px 0px 3px 0px;
}
body.bodyAnnuaire #inter div#dirList ul li a,
body.bodyAnnuaire #inter ul.rubriqueAnnu li a,
body.bodyAnnuaire #inter h3.annuaire_path a,
body.bodyAnnuaire #inter p.lienbasliste a {
text-decoration: none;
}
body.bodyAnnuaire #inter div#dirList ul li ul,
body.bodyAnnuaire #inter ul.rubriqueAnnu li ul{
border-top: #999999 1px solid;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px -20px;
background-color: #FFFFFF;
}
body.bodyAnnuaire #inter div#dirList ul li,
body.bodyAnnuaire #inter div#dirList ul li ul li,
body.bodyAnnuaire #inter ul.rubriqueAnnu li ul li{
background-color: #FFFFFF;
background-image: url(plus_jaune.gif);
text-transform: lowercase;
}
body.bodyAnnuaire #inter h4 a{
display:block;
text-transform: uppercase;
color: #4C8211;
border-bottom: #999999 1px solid;
background-image: url(plus_rouge.gif);
background-repeat: no-repeat;
background-position: 5px center;
text-decoration: none;
padding: 0px 0px 0px 20px;
margin: -10px 0px 0px 0px;
}
body.bodyAnnuaire #inter p.listannu{
border-bottom: #999999 1px solid;
background-color:#f2f2f2;
padding: 10px 10px 10px 10px;
margin: -5px 0px 0px 0px;
}
body.bodyAnnuaire #inter p.lienbasliste{
text-transform: uppercase;
color: #4C8211;
border-bottom: #999999 1px solid;
background-image: url(plus_vert.gif);
background-repeat: no-repeat;
background-position: 5px center;
text-decoration: none;
padding: 2px 0px 3px 20px;
margin: 0px 0px 0px 0px;
}
body.bodyAnnuaire #inter span.exergue01{
background-image: url(puce01_inter_vert.gif);
background-repeat: no-repeat;
background-position: 5px center;
padding: 0px 0px 0px 15px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- COMMENTAIRE ---*/
#inter #appreciation ol li {
padding-bottom: 20px;
list-style-type: decimal-leading-zero;
}
#inter p.comment{
background: #EEEEEE;
padding:10px;
border-bottom: #F8AC48 1px solid;
border-right: #F8AC48 1px solid;
}
#inter #appreciation cite.author{
font-weight: bold;
color:#EC7206;
}
#inter #appreciation #form01 div.entry textarea,
#inter #appreciation #form01 div.entry textarea:focus,
#inter #appreciation #form01 div.entry input,
#inter #appreciation #form01 div.entry input:focus{
border: #EC7206 1px solid;
background: #FFFFFF;
}
#inter #appreciation #form01 div.entry textarea:hover,
#inter #appreciation #form01 div.entry input:hover {
background: #f5f5f5;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PHOTOTHEQUE  ---*/
body.phototheque table{
margin: 20px 0px 0px 0px;
width:100%;
background: url(bg_actuLigne.gif) repeat-x top center;
}
body.phototheque table td{
border: #eee 1px solid;
padding: 20px 0px;
}
body.phototheque table tr td{
background-image: none;
}
.retour{
text-align: right;
background-color:#f2f2f2;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;
border-bottom: #666666 1px solid;
}
.retour a{
display: block;
text-transform: uppercase;
color: #853CAF;
text-decoration: none;
padding: 2px 5px 3px 0px;
margin: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
body.bodypopup{
}
#header_popup{
position:relative;
background:url(header_popup.jpg) no-repeat top left;
width:650px;
height:120px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:auto;
}
#header_popup #logo_popup{
position:absolute;
top:45px;
left:40px;
}
#inter_popup{
background:url(inter_popup.jpg) no-repeat top left;
width:530px;
margin:0px 0px 0px 0px;
padding:0px 60px 20px 60px;
margin:auto;
}
#inter_popup h2{
background-position:right 20px;
background-repeat:no-repeat;
background-image: url(bg_bleu_h2.jpg);
border-bottom:1px solid #666666;
color:#666666;
font-size:x-large;
margin:0;
padding:20px 35px 5px 0;
text-transform:uppercase;
}
#inter_popup h3,
#inter_popup h4,
#inter_popup h5{
color:#1B52B2;
margin: 20px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
#inter_popup  p {
margin: 0px 0px 0px 0px;
padding:  3px 0px 3px 0px;
}
#inter_popup ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
clear: both;
}
#inter_popup ul li {
padding-left:12px;
background-repeat: no-repeat;
background-position: left 8px;
}
#inter_popup  ul li {
background-image:url(puce01_inter_bleu.gif);
}
#inter_popup  ul ul li {
background-image:url(puce02_inter_bleu.gif);
}
#inter_popup  ul ul ul li {
background-image:url(puce03_inter_bleu.gif);
}
#footer_popup{
background: url(footer_popup.jpg.gif) no-repeat top left #fff;
height:60px;
width:650px;
margin:auto;
padding:0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- QUIZ ---*/
body.bodycitoyen form.quiz div label,
body.bodygenerique form.quiz div label{
width: 100%;
margin: 0px 0px 15px 0px;
}
body.bodycitoyen form.quiz div.submit input,
body.bodygenerique form.quiz div.submit input{
width: 120px;
margin: 0px 50px 0px 0px;
}
body.bodycitoyen form.quiz div.submit,
body.bodygenerique form.quiz div.submit{
text-align: center;
}
body.quizresultat form.quiz label{
width: 100%;
margin: 0px 0px 10px 0px;
}
body.bodygenerique form.quiz div.vertical div label{
margin-left:0px;
}
body.bodygenerique div.divresult p{
font-weight: bold;
color:red;
}
body.bodygenerique #total div.ponderate h4{
font-weight: bold;
color: red;
}