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:#f1f3f4 url(bg_body.gif) repeat-x top center fixed;
}
a {
color: #333333;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,rec
caption{
position:absolute;
top: -5000px;
left: -5000px;
font-size:0%;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY ACCUEIL ---*/
body.bodyaccueil #header {
height:330px;
width: 960px;
background:url(bg_header_accueil.jpg) no-repeat center top;
}

/*--- INTER ACCUEIL ---*/

body.bodyaccueil #inter {
position:relative;
float:left;
width:795px;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body.bodyaccueil #inter p {
margin: 0px 0px 0px 0px;
padding:  3px 0px 3px 0px;
}

/* --- FIL ARIANE ---*/
body.bodyaccueil #filariane,
body.bodygenerique #filariane,
body.bodyAnnuaire #filariane{
display:none;
}

/* --- MENU HEADER ACCUEIL ---*/

body.bodyaccueil ul#menu_header li a{
text-transform:uppercase;
text-decoration:none;
font-size:85%;
color:#FFFFFF;
font-weight:bold;
}
body.bodyaccueil ul#menu_header li#quatre_communes{
position:absolute;
top:0px;
left:400px;
width:60px;
height:200px;
background:url(4_communes.gif) left 6px no-repeat;
padding:0px 0px 0px 10px;
}
body.bodyaccueil ul#menu_header li#Gueberschwihr{
position:absolute;
top:245px;
left:23px;
background:url(puce_menu_header_blanc.gif) left 6px no-repeat;
padding:0px 0px 0px 10px;
}
body.bodyaccueil ul#menu_header li#Hattstatt{
position:absolute;
top:85px;
left:183px;
background:url(puce_menu_header_noir.gif) left 8px no-repeat;
padding:0px 0px 0px 10px;
}
body.bodyaccueil ul#menu_header li#Hattstatt a{
color:#000;
}
body.bodyaccueil ul#menu_header li#Pfaffennheim{
position:absolute;
top:240px;
left:255px;
background:url(puce_menu_header_blanc.gif) left 8px no-repeat;
padding:0px 0px 0px 10px;
}
body.bodyaccueil ul#menu_header li#Rouffach{
position:absolute;
top:38px;
left:420px;
background:url(puce_menu_header_blanc.gif) left 8px no-repeat;
padding:0px 0px 0px 10px;
}

/* --- COORDONNEES ACCUEIL ---*/

#coordonnees{
float:left;
width:260px;
background:url(bg_content_vert.jpg) repeat-y top left;
}
body.bodyaccueil #inter #coordonnees h2{
font-size:medium;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#FFFFFF;
}
#coordonnee_content{
padding:0px 0px 0px 20px;
color:#FFFFFF;
}
#coordonnee_bg_top{
background:url(bg_top_vert.jpg) no-repeat top left;
height:20px;
}
#coordonnee_bg_bottom{
background:url(bg_bottom_vert.jpg) no-repeat bottom left;
height:20px;
}
#inter #coordonnees p a{
color:#fff;
font-size:90%;
text-decoration:none;
}

body.bodyaccueil #inter #coordonnees p#contactez_nous a{
font-size:100%;
font-weight:bold;
color:#333;
display:block;
height:20px;
width:220px;
text-decoration:none;
background:url(contactez_nous.jpg) no-repeat -10px 0px;
padding:11px 0px 11px 0px;
text-align:center;
}
body.bodyaccueil #inter #coordonnees p#contactez_nous a:hover{
font-size: 90%;
background:url(contactez_nous.jpg) no-repeat -10px -100px;
}
/* --- EVENEMENTS ACCUEIL ---*/
#evenements{
float:left;
width:210px;
margin:15px 0px 0px 5px
}
#evenements #agregeCdC{
float:left;
width:200px;
padding:0px 5px 0px 0px;
height: 430px;
overflow: auto;
}
body.bodyaccueil #evenements h2{
font-size:medium;
color:#5b8a46;
padding:0px 0px 0px 0px ;
margin:5px 0px 5px 0px ;
}
body.bodyaccueil #evenements div.elementflux {
font-size:x-small;
padding: 0px 0px 5px 0px;
}
body.bodyaccueil #evenements div.elementflux span.titleflux {
font-size:small;
color: #fb873a;
}
body.bodyaccueil #evenements div.elementflux span.titleflux a {
font-weight:bold;
text-decoration: none;
color: #fb873a;
}
body.bodyaccueil #evenements div.elementflux p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
body.bodyaccueil #evenements div.elementflux ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
body.bodyaccueil #evenements div.elementflux ul li {
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 18px;
}
/* ---ACTUALITE ACCUEIL  ---*/

#actualites{
float:left;
width:320px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#actualites #actus h2{
font-size:medium;
background:url(bg_top_orange.jpg) no-repeat top left;
margin:0px 0px 0px 0px;
padding:23px 10px 10px 20px;
color:#FFFFFF;
}
#actus{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url(bg_content_orange.jpg) repeat-y top left;
}

body.bodyaccueil #inter #actus #actu_bg_bottom p.toutesactus{
position:absolute;
top:10px;
left:30px;
padding:0px 0px 0px 0px;
}
body.bodyaccueil #inter #actus #actu_bg_bottom p.filrss{
position:absolute;
top:7px;
right:30px;
padding:3px 20px 3px 0px;
background:url(rss.gif) right center no-repeat;
}
body.bodyaccueil #inter #actus p.toutesactus a,
body.bodyaccueil #inter #actus p.filrss a{
text-decoration:none;
padding:0px 0px 0px 0px ;
font-weight:bold;
}

#inter #actualites #actus p{
margin:0px 0px 0px 0px;
padding:0px 20px 10px 20px;
}
#inter #actualites #actus p strong a{
text-decoration:none;
}
#actu_bg_bottom{
background:url(bg_bottom_orange.jpg) no-repeat bottom left;
height:50px;
position:relative;
}

#themeActus div.submit{
padding: 0px ;
margin: 0px;
width: 310px;
}
#themeActus div.submit input{
float: right;
}
#inter #paratheme{
width: 300px;
}
.fieldsetNone{
position: absolute;
top: -5000px;
}
.actuLigne{
float:left;
padding: 10px 0px 10px 0px;
margin: 10px 0px 10px 0px;
border-bottom: #CCCCCC 1px solid;
}

.actuLigne strong a{
display: block;
}

/*--- RACCOURCIS ACCUEIL---*/
body.bodyaccueil #raccourcis{
position:absolute;
top:360px;
right:0px;
width:150px;
}

/* --- FIN ACCUEIL ---*/
/*--------------------------------------------------------------------------------------------------------*/


/* --- MENU HEADER ---*/

ul#menu_header li a{
text-transform:uppercase;
text-decoration:none;
font-size:85%;
color:#FFFFFF;
font-weight:bold;
}
ul#menu_header li#quatre_communes{
position:absolute;
top:-2px;
left:435px;
width:60px;
height:200px;
background:url(4_communes_inter.gif) left 6px no-repeat;
padding:0px 0px 0px 10px;
}
ul#menu_header li#Gueberschwihr{
position:absolute;
top:92px;
left:23px;
background:url(puce_menu_header_blanc.gif) left 8px no-repeat;
padding:0px 0px 0px 10px;
}
ul#menu_header li#Hattstatt{
position:absolute;
top:92px;
left:148px;
background:url(puce_menu_header_noir.gif) left 8px no-repeat;
padding:0px 0px 0px 10px;
}
 ul#menu_header li#Hattstatt a{
color:#000;
}
ul#menu_header li#Pfaffennheim{
position:absolute;
top:92px;
left:253px;
background:url(puce_menu_header_blanc.gif) left 8px no-repeat;
padding:0px 0px 0px 10px;
}
ul#menu_header li#Rouffach{
position:absolute;
top:92px;
left:375px;
background:url(puce_menu_header_blanc.gif) left 8px no-repeat;
padding:0px 0px 0px 10px;
}

/*--  FOOTER ACCUEIL --*/
body.contact  #hautpage,
body.contact #imprimpage,
body.bodyaccueil #hautpage,
body.bodyaccueil #imprimpage{
display:none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- BACKGROUND ---*/
#background{
background:url() repeat-y top center;
width:100%;
float:left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/

#centrage {
width:960px;
margin: auto;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
position:relative;
width: 960px;
float:left;
background:#fff;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
body.bodygenerique #header,
body.bodyAnnuaire #header {
height:235px;
width: 960px;
background:url(bg_header_lien03.jpg) no-repeat center top;
}

#logo{
position:absolute;
top:10px;
left:10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis{
position:absolute;
top:270px;
right:0px;
width:150px;
}
.racnavig,
.raccontenu,
.racrecherche{
position:absolute;
top:-5000px;
}
.racaide a{
font-size:xx-small;
background:url(racaide.gif) left center no-repeat;
padding:10px 0px 10px 25px;
line-height:20px;
text-decoration:none;
}
.racplan a{
font-size:xx-small;
background:url(racplan.gif) left center no-repeat;
padding:10px 0px 10px 25px;
line-height:20px;
text-decoration:none;
}
.raccontact a{
font-size:xx-small;
background:url(raccontact.gif) left center no-repeat;
padding:10px 0px 10px 25px;
line-height:20px;
text-decoration:none;
}
.raccimprim a{
font-size:xx-small;
background:url(raccimprim.gif) left center no-repeat;
padding:10px 0px 10px 25px;
line-height:20px;
text-decoration:none;
}
.raccami a{
font-size:xx-small;
background:url(raccami.gif) left center no-repeat;
padding:10px 0px 10px 25px;
line-height:20px;
text-decoration:none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
body.bodyaccueil #recherche {
position:absolute;
top:310px;
right:0px;
width:150px;
font-size: x-small;
background:url(bg_recherche.gif) no-repeat center center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#recherche {
position:absolute;
top:215px;
right:0px;
width:150px;
font-size: x-small;
background:url(bg_recherche.gif) no-repeat center center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#recherche input.saisie {
font-size: x-small;
color: #000;
border: 1px solid #000;
vertical-align: middle;
width: 100px;
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 0px;
}
#recherche label {
position:absolute;
top:-5000px;
}
#recherche legend{
position:absolute;
top:-5000px;
height:1px;
width:1px;
overflow:hidden;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
float:left;
width:960px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane{
position:absolute;
top:230px;
left:220px;
width: 520px;
height: 18px;
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
font-size: x-small;
color: #000;
}
#filariane a {
color: #000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ZONE LEFT ---*/
#zoneLeft {
}


/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/

body.bodygenerique #inter,
body.bodyAnnuaire #inter {
display: inline;
position:relative;
float:left;
width:710px;
margin: 0px 0px 0px 0px;
padding: 0px 10px 50px 40px;
} 
#inter {
position:relative;
float:left;
width:520px;
margin: 20px 0px 0px 0px;
padding:  0px 10px 50px 10px;
text-align: justify;
}
#inter p,
#interPopup p {
margin: 0px 0px 0px 0px;
padding:  3px 0px 3px 0px;
}
 
/* --- INTER HEADING --- */

#inter h2,
#interPopup h2{
color:#6C9E09;
text-transform:uppercase;
clear:both;
text-align: left;
}
#inter h3,
#inter h3 a,
#inter h3 span a,
#interPopup h3,
#interPopup h3 a,
#interPopup h3 span a{
color:#D33313;
text-transform:uppercase;
clear:both;
text-align: left;
}
#inter h4,
#interPopup h4{
color:#666;
text-transform:uppercase;
clear:both;
text-align: left;
}
#inter h5,
#interPopup h5{
color:#666;
clear:both;
text-align: left;
}
/* --- ul body generique --- */
#inter ul,
#interPopup ul {
margin: 10px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li,
#interPopup ul li {
background:url(puce1_lien01.jpg) left 5px no-repeat;
padding-left:23px;
margin: 7px 0px 4px 0px;
}
#inter ul ul li,
#interPopup ul ul li {
background:url(puce2_lien01.jpg) left 5px no-repeat;
padding-left:18px;
}
#inter ul ul ul li,
#interPopup ul ul ul li  {
background:url(puce3_lien01.jpg) left 5px no-repeat;
padding-left:18px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT---*/
#right {
float:right;
padding:150px 0px 0px 0px;
border-left:#333 1px dotted;
width:162px;
}

#langues{
font-size:x-small;
padding:10px 0px 7px 15px;
}
#langues img{
vertical-align:middle;
}

#contentPostIt,
#contentSondage {
position:relative;
top:10px;
right:30px;
width:180px;
margin:0px 0px 20px 0px;
background:url(bg_content_postit.gif) bottom center no-repeat;
}
#bgPostIt,
#bgSondage {
background:url(bg_top_postit.gif) top center no-repeat;
}
#interPostIt,
#interSondage {
padding:3px 10px;
color:#FFFFFF;
}
#contentPostIt h3,
#contentSondage h3 {
color:#FFFFFF;
}
#interPostIt a,
#interSondage a {
color:#FFFFFF;
}
#interSondage form p {
margin: 0px 0px 0px 0px;
}
#interSondage p.question {
font-weight: bold;
margin: 0px 0px 10px 0px;
}
#interSondage p.response {
font-size: x-small;
margin: 0px 0px 0px 0px;
}
#interSondage p.submit {
margin: 15px 0px 5px 0px;
text-align: center;
}
#interSondage p.submit input {
background:url(bouton-recommander_site.jpg) bottom center no-repeat;
border: 1px solid #ccc;
color: #666;
}
/* --- MENU OUTILS --- */
#menu_outils ul{
padding:10px 0px 0px 5px;
}
#menu_outils ul li#newsletter a{
display:block;
text-decoration:none;
background:url(bouton-newsletter.jpg) 0px 0px no-repeat;
padding:16px 0px 16px 15px;
}
#menu_outils ul li#newsletter a:hover{
background:url(bouton-newsletter.jpg) 0px -100px no-repeat;
}

#menu_outils ul li#annuaire a{
display:block;
text-decoration:none;
background:url(bouton-annuaire.jpg) 0px 0px no-repeat;
padding:16px 0px 16px 15px;
}

#menu_outils ul li#annuaire a:hover{
background:url(bouton-annuaire.jpg) 0px -100px no-repeat;
}

#menu_outils ul li#collaboratif a{
display:block;
text-decoration:none;
background:url(bouton-espace_collaboratif.jpg) 0px 0px no-repeat;
padding:16px 0px 16px 15px;
}
#menu_outils ul li#collaboratif a:hover{
background:url(bouton-espace_collaboratif.jpg) 0px -100px no-repeat;
}

#menu_outils ul li#marche_public a{
display:block;
text-decoration:none;
background:url(bouton-marche_public.jpg) 0px 0px no-repeat;
padding:16px 0px 16px 15px;
}
#menu_outils ul li#marche_public a:hover{
background:url(bouton-marche_public.jpg) 0px -100px no-repeat;
}

#menu_outils ul li#telechargement a{
display:block;
text-decoration:none;
background:url(bouton-telechargement.jpg) 0px 0px no-repeat;
padding:16px 0px 16px 15px;
}
#menu_outils ul li#telechargement a:hover{
background:url(bouton-telechargement.jpg) 0px -100px no-repeat;
}

#menu_outils ul li#service_public a{
display:block;
text-decoration:none;
background:url(bouton-service-public.jpg) 0px 0px no-repeat;
padding:16px 0px 16px 15px;
}
#menu_outils ul li#service_public a:hover{
background:url(bouton-service-public.jpg) 0px -100px no-repeat;
}
/* --- RECOMMANDER ---*/
body.bodyaccueil #recommander_site a{
font-size:100%;
background:transparent url(bouton-recommander_site.jpg) no-repeat scroll 0px 0px;
display:block;
height:50px;
padding:7px 0px 7px 0px;
margin:30px 0px 0px 5px;
text-decoration:none;
text-align:center;
text-transform:uppercase;
font-weight:bold;
color:#333;
}
body.bodyaccueil #recommander_site a:hover{
background:transparent url(bouton-recommander_site.jpg) no-repeat scroll 0px -100px;
font-size:90%;
}

#recommander_site a{
display:none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY LIEN01 ---*/
body.bodylien01 #header {
height:235px;
width: 960px;
background:url(bg_header_lien01.jpg) no-repeat center top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY LIEN2 ---*/
body.bodylien02 #header {
height:235px;
width: 960px;
background:url(bg_header_lien02.jpg) no-repeat center top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY LIEN3 ---*/
body.bodylien03 #header {
height:235px;
width: 960px;
background:url(bg_header_lien03.jpg) no-repeat center top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY LIEN4 ---*/
body.bodylien04 #header {
height:235px;
width: 960px;
background:url(bg_header_lien04.jpg) no-repeat center top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY LIEN5 ---*/
body.bodylien05 #header {
height:235px;
width: 960px;
background:url(bg_header_lien05.jpg) no-repeat center top;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/

#footer {
position:relative;
height:73px;
background:url(bg_footer.jpg) bottom center no-repeat;
float:left;
width:960px;
}

#footer ul {
position:absolute;
top:25px;
left:296px;
}

#footer ul li{
display:inline;
}

#footer ul li a{
text-decoration:none;
font-size:x-small;
}

/*-- HAUT DE LA PAGE --*/
#hautpage {
position:absolute;
bottom:80px;
left:300px;
}
#hautpage a {
text-decoration:none;
padding:10px 0px 10px 15px;
background:url(haut_page.gif) left center no-repeat;
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
position:absolute;
bottom:80px;
left:500px;
}
#imprimpage a {
text-decoration:none;
padding:10px 0px 10px 20px;
background:url(imprimer.gif) left center no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .bleu, .coul02 {
color: #3366CC;
}
div.coul03, .gris, .coul03 {
color: #797979;
}
div.coul04, .orange, .coul04 {
color: #FF6600;
}
div.coul05, .vert, .coul05 {
color: #336600;
}
/*------------*/
/*------------*/
/*--SPECIALE LEGENDE CAMEMBERT BUDGET--*/
/*------------*/
/*------------*/
div.coul06, .jaune, .coul06 {
 color: #fcf305;
}
div.coul07, .violet01, .coul07 {
 color: #600080;
}
div.coul08, .violet02, .coul08 {
 color: #cc99ff;
}
div.coul09, .rose01, .coul09 {
 color: #ff00ff;
}
div.coul10, .rose02, .coul10 {
 color: #cc99ff;
}
div.coul11, .rose03, .coul11 {
 color: #ff8080;
}
div.coul12, .bleu01, .coul12 {
 color: #8080ff;
}
div.coul13, .bleu02, .coul13 {
 color: #00ffff;
}
div.coul14, .bleu03, .coul14 {
 color: #000080;
}
div.coul15, .rouge, .coul15 {
 color: #dd0806;
}
div.coul16, .vert01, .coul16 {
 color: #1fb714;
}
div.coul17, .vert02, .coul17 {
 color: #ccffcc;
}
div.coul18, .marron, .coul18 {
 color: #663300;
}
div.coul19, .blanc, .coul19 {
 color: #ffffff;
}
/*------------*/
/*------------*/
/*------------*/
/*--FOND DE CELLULES LEGENDE CAMEMBERT BUDGET--*/
/*------------*/
/*------------*/
td.cell06, .celluleJaune {
background-color: #fcf305;
}
td.cell07, .celluleViolet01 {
background-color: #600080;
}
td.cell08, .celluleViolet02 {
background-color: #cc99ff;
}
td.cell09, .celluleRose01 {
background-color: #ff00ff;
}
td.cell10, .celluleRose02 {
background-color: #cc99ff;
}
td.cell11, .celluleRose03 {
background-color: #ff8080;
}
td.cell12, .celluleBleu01 {
background-color: #8080ff;
}
td.cell13, .celluleBleu02 {
background-color: #00ffff;
}
td.cell14, .celluleBleu03 {
background-color: #000080;
}
td.cell15, .celluleRouge {
background-color: #dd0806;
}
td.cell16, .celluleVert01 {
background-color: #1fb714;
}
td.cell17, .celluleVert02 {
background-color: #ccffcc;
}
td.cell18, .celluleMarron {
background-color: #663300;
}
/*------------*/
/*------------*/
/*------------*/
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #CC0000;
}
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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- STYLE BODY --*/
body.bodyLien01, .uneCommunaute {}
body.bodyLien02, .unEspaceAVivre {}
body.bodyLien03, .unPatrimoine {}
body.bodyLien04, .uneDynamique {}
body.bodyLien05, .quatreCommunes{}
body.bodygenerique, .Generique{}

/*--------------------------------------------------------------------------------------------------------------*/
/*-- 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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #CCC;
padding: 3px;
vertical-align: top;
}
th {
background-color: #999999;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CO MARQUAGE ---*/
#comarquage ul.colonnegauche,
#comarquage ul.colonnedroite {
float: left;
width: 320px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LOG EXTRANET ---*/

#inter #logextranet .entry01,
#inter #logextranet .entry02 {
padding: 0px 0px 10px 0px;
width: 600px;
}
body #inter #logextranet form .entry01 label,
body #inter #logextranet form .entry02 label {
width: 100px;
float: left;
display: block;
}
body #inter #logextranet form .entry01 input,
body #inter #logextranet form .entry02 input {
width: 200px;
}
body #inter #logextranet form .entry02 input.bouton {
width: 60px;
margin: 0px 0px 0px 5px;
background:url(bouton-recommander_site.jpg) bottom center no-repeat;
border: 1px solid #ccc;
color: #666;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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;
color:#D33313;
text-decoration: none;
}
#plandusite ul {
margin:0 0 0 0;
padding:0 0 0 0;
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;
}

.listeplan01,
.listeplan02,
.listeplan03,
.listeplan04,
.listeplan05{
padding:20px 0px;
border-bottom:#333 1px dotted;
}
/*--------------------------------------------------------------------------------------------------------------*/
#inter #formfindcalendar {

}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#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;
}
div.modejour,
div.modemois {
}
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: #333333;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days {
color: #CC0000;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #E18134;
color: #FFFFFF;
font-weight: bold;
}
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 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: 190px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
#centragePopup {
width: 680px;
margin: auto;
}
#totalPopup {
position:relative;
width: 680px;
float:left;
background:#fff;
}
#headerPopup {
position:relative;
width: 670px;
height: 185px;
padding: 10px 0px 0px 10px;
float:left;
background-image: url(bandeau_pop_up.jpg);
background-repeat: no-repeat;
}
#interPopup {
float: left;
width: 640px;
padding: 10px 20px 10px 20px;
}
#footerPopup {
position:relative;
width: 680px;
height: 66px;
float:left;
background-image:url(bg_footer.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px
}
#c_general{
display: none;
}
body.bodyaccueil #c_general{
display: block;
position:absolute;
bottom:25px;
left:24px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE FONDS DOCUMENTAIRES ---*/
#treelist ul li ul li ul{
display :none;
}
#treelist ul li a{
cursor:pointer;
}
#treelist ul li a:hover{
cursor:pointer;
color:#28570f;
font-weight: bold;
}
#inter #treelist ul li ul{
padding:2px 0px 2px 0px ;
margin:0px 0px 0px 0px ;
}
#inter #col_g{
float:left;
width:340px;
padding:0px 5px 0px 5px;
}
#inter #treelist{
width:340px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
#inter #col_g  #form01{
width:340px;
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
border-top:#28570f 1px solid;
}
#inter #col_g  #form01 fieldset legend{
padding:0px 0px 10px 0px;
font-weight:bold;
color:#28570f;
position: relative;
display: block;
top: 0px;
left: 0px;
font-size: medium;
}
#inter #col_g #form01 label,
#inter #col_g  #form01 input,
#inter #col_g  #form01 select,
#inter #col_g  #form01 div.submit{
width:100%;
padding:0px;
margin:0px
}
#inter #col_g  #form01 div.submit{
text-align: center;
}
#inter #col_g  #form01 div.submit input{
width:100px;
padding:0px;
margin:0px
}
#inter #msgResult p{
color:#007AC0;
padding: 10px 0px 20px 0px;
margin: 0px 5px 0px 0px;
width: 308px; 
float: right;
}

#inter #resultat{
float:right;
width:320px;
padding:0px 5px 0px 5px;
margin:0px 0px 60px 0px;
}
#inter #resultat div {
border: #CCCCCC 1px solid;
margin: 0px 0px 10px 10px;
padding-right: 15px;
}
#inter #resultat ul li a {
font-weight: bold;
}
#inter #resultat ul li .typedoc {
font-size: x-small;
font-weight: bold;
}
div.tableauRSS {
padding:20px 20px 20px 20px;
}

/*** GOOGLE MAP ***/
div#googleMap{
  width:400px;
  height:300px;
  margin:10px auto 10px auto;
  border:1px solid #999999;
}