/* Styles CSS de l'ensemble du site */
body {margin:0px; padding:0px; border:0px none #000; text-align:center; min-width:930px; min-height:600px; behavior:url(csshover.htc); z-index:0; background:#000; color:#000;}
table {border-spacing:0; margin:0; padding:0;}

/* Elements fixes de l'interface partie haute */
div#main {display:block; position:relative; width:930px; height:auto; padding:0; margin:30px auto; overflow:visible; color:#000; background:#FFFBDF; z-index:0;}
div#bandeau {display:block; position:absolute; top:0; left:0; width:930px; height:140px; margin:0; padding:0; background:#0059A1 url(../images/ulamir_logo_fond2.jpg) no-repeat; text-align:right; z-index:10;}
div#bandeau div#logo {display:block; position:absolute; top:0; left:0; width:236px; height:139px; margin:0; padding:0;}
div#bandeau div#logo img {display:block; position:absolute; top:30px; left:28px; padding:0; margin:0;}
div#bandeau img.spip_logos {margin:0; padding:0;}

/* Menu horizontal */
div#menuhori {display:block; position:relative; top:140px; right:0; width:930px; height:26px; background:url(../images/ulamir_menu_fond.png) repeat-x; margin:0; padding:0; overflow:visible; z-index:50; }
div#menuhori ul {display:block; position:absolute; top:0; right:0; margin:0; padding:0; height:26px;}
div#menuhori ul li {position:relative; float:left; list-style:none; border-left:solid 2px #FFF; margin:0; padding:0; background:#0059A1;}
div#menuhori ul li a {display:block; height:15px; margin:0; padding:4px 10px; font:bold normal 12px/normal Verdana, Arial, Helvetica, sans-serif; text-decoration:none; white-space:nowrap; color:#FFF; text-transform: lowercase; }
div#menuhori ul li a img {margin:0; padding:0; border:solid 0px #000;}
div#menuhori ul li ul {display:none; position:absolute; top:23px; left:-2px; width:auto; height:auto; margin:0; padding:0; background:#0059A1; border-top:1px solid #88A2CE; border-left:solid 2px #FFF;}
div#menuhori ul li ul li {display:block; position:relative; top:0; left:0; width:auto; margin:0; padding:0; text-align:left; white-space:nowrap; background:#0059A1; border-bottom: 1px solid #88A2CE; border-left:none;}
div#menuhori ul li ul li a {display:block; width:auto; min-width:310px; margin:0; padding:2px 10px 2px 10px; white-space:nowrap; font:normal normal 11px/normal Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#FFF;}
div#menuhori ul li:hover ul {display:block; position:absolute;}
div#menuhori ul li:hover a {color:#FFED00; background:#0059A1;}
div#menuhori ul li:hover ul li a {color:#FFF; background:#0059A1;}
div#menuhori ul li ul li:hover {border-bottom: 1px solid #88A2CE;}
div#menuhori ul li ul li:hover a {color:#FFED00; background:#2974B2;}

/* Page */
div#centre {display:block; position:absolute; left:0; top:163px; width:930px; height:auto; min-height:597px; background:#FFFBDF url(../images/ulamir_colgauche_fond.png) repeat-y left top; z-index:0;}

/* Colonne de Gauche */
div#col_gauche {display:block; position:relative; left:0; top:0; width:236px; height:100%; min-height:434px; margin:0; padding:0; float:left; clear:both; background:none; text-align:center; z-index:10;}

/* Agenda */
div#agenda {display:block; position:relative; width:auto; height:auto; margin:0; padding:0; text-align:center; clear:both;}
div#agenda table {display:block; width:220px; height:auto; margin:15px 0 0 8px; padding:0; text-align:center; background:#FFFBDF; border-bottom:2px solid #00284A; border-right:2px solid #00284A; font:11px Verdana, Geneva, sans-serif; text-align:center; color:#0059A1;}
div#agenda table caption {display:block; margin:0; padding:5px; font:bold normal 12px Verdana, Geneva, sans-serif; text-align:center; color:#0059A1; background:#FFF59A;}
div#agenda table tr {width:auto;}
div#agenda table td {width:30px; height:23px; margin:0; padding:0; border-right:1px dotted #C0C481; border-bottom:1px dotted #C0C481;}
div#agenda table input {margin:0; padding:2px; border:solid 0px #000; background:none; color:#0059A1; font: bold 12px Verdana, Geneva, sans-serif; }
div#agenda table input:hover {cursor:pointer; background:#0059A1; color:#FFF59A;}
div#agenda table .we {background:#FFC;}
div#agenda table .aujourdhui {background:#FFF59A;}
div#minievts {display:block; width:100%; height:auto; margin:0; padding:0; text-align:left;}
div#minievts div#evts {display:block; width:100%; height:auto; margin:20px 0 0 0; padding:0 8px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF;}
div#minievts div#evts ul {display:block; margin:0; padding:0 10px 0 0; border:solid 0 #000; list-style: url(none) none outside; background:none;}
div#minievts div#evts li {display:block; margin:0; padding:5px 10px 10px 3px; border:none; border:0px solid #000; list-style: url(none) none outside; background:none;}
div#minievts div#evts a {display:block; margin:0; padding:0; white-space:normal; text-decoration:none; color:#FFF;}
div#minievts div#evts h1 {display:block; margin:0; padding:4px 5px 4px 23px; color:#FFED00; background:url(../images/ulamir_evts_fleches.gif) no-repeat left 8px; font:bold normal 12px Verdana, Arial, Helvetica, sans-serif; border-right:0px solid #000;  border-top:1px dashed #FFF; border-bottom:1px dashed #FFF;}
div#minievts div#evts h2 {display:block; margin:0; padding:0; font:11px Verdana, Arial, Helvetica, sans-serif;}
div#minievts div#evts h3 {display:block; margin:0; padding:0; font:11px Verdana, Arial, Helvetica, sans-serif;}
div#minievts div#evts p {display:block; margin:0; padding:0; font:10px Verdana, Arial, Helvetica, sans-serif;}
div#minievts div#evts a:hover h1 {color:#0059A1; background:#FFF59A; cursor:pointer;}
div#minievts div#evts a:visited {color:#FFF;}

/* Onglets */
div#col_droite {display:block; position:relative; top:44px; right:0; width:214px; height:auto; min-height:390px; text-align:left; margin:0; padding:0; background:#FFFBDF; z-index:10; float:left; clear:none;}
ul.onglets {display:block; width:214px; margin:0; padding:0; background:none; list-style:none;}
ul.onglets li{ display:block; width:214px; margin:0 0 20px 0; padding:0; background:none; list-style:url(none) none outside; }
ul.onglets li a { display:block; width:214px; margin:0; padding:0; text-decoration:none; border:none 0px #000; background:url(../images/ulamir_onglets_ombre.gif) repeat-x bottom; cursor:pointer; }
ul.onglets li h1 { display:block; width:204px; margin:0; padding:5px; font:bold 13px Verdana, Geneva, sans-serif; text-decoration:none; color:#FFED00; background:#0059A1 url(../images/ulamir_onglets_angle.gif) no-repeat 0px 0px;}
ul.onglets li a img {margin:0; padding:0; border:solid 0 #000; margin:0; float:none; border-bottom:dotted 1px #0059A1; background:#FFFBDF;}
ul.onglets li a:hover h1 {color:#0059A1; background:#FFF59A url(../images/ulamir_onglets_angle_over.gif) no-repeat 0px 0px;}

/* Centre de la page */
div#pagein {display:block; position:relative; left:0; top:44px; width:450px; height:auto; margin:0; padding:0 15px; background:#FFFBDF; float:left; clear:none; text-align:left; z-index:0;}
div#pagein h1 {display:block; position:relative; width:440px; margin:0 0 10px 0; padding:0 10px 2px 0; font:italic bold 18px Georgia, "Times New Roman", Times, serif; color:#0059A1; background:none; border-bottom: 1px solid #88a2ce;}
div#pagein h2 {display:block; position:relative; width:395px; top:-14px; margin:0; padding:0 10px 0 45px; font:italic bold 14px Georgia, "Times New Roman", Times, serif; color:#A2B5D8; background:none;}
div#pagein h3 {display:block; position:relative; width:440px; margin:0; padding:0 0 20px 0; font:normal bold 13px Georgia, "Times New Roman", Times, serif; color:#0059A1; background:none; text-align:justify;}
div#pagein p {margin:0; padding:0 10px 10px 0; font:12px Georgia, "Times New Roman", Times, serif; color:#0059A1; text-align:justify; background:none;}
div#pagein p.ps {margin:20px 0 0 0; padding:0 0 30px 0; font:italic 10px Georgia, "Times New Roman", Times, serif; color:#0059A1; background:none;}
div#pagein a {text-decoration:none; font-style:italic; color:#0059A1; background:none;}
div#pagein a:hover {text-decoration:underline;}
div#pagein a img {border: 1px solid #0059A1;}
div#pagein a:hover img {border: 1px solid #FFF59A;}
div#pagein img {display:inline;}
div#pagein ul {display:block; width:440px; height:auto; margin:0; padding:10px 0 20px 50px; font:12px Verdana, Geneva, sans-serif; color:#0059A1; background:none; list-style:circle url(../images/puce.gif) outside;}
div#pagein ul li {width:400px; margin:0; padding:4px 0; float:none; list-style:circle url(../images/puce.gif) outside; font:12px Verdana, Geneva, sans-serif; color:#0059A1; background:none; white-space:normal;}
div#pagein table.spip {margin:10px 5px 10px 30px; padding:0; background:#FFF; border-top:solid 1px #003; border-right:solid 1px #003; font:12px Georgia, "Times New Roman", Times, serif; color:#006; vertical-align:middle;}
div#pagein table.spip caption{font-size:15px; font-weight:bold; text-align:center; margin:0; padding:4px; border:none;}
div#pagein table.spip th, 
table.spip td {border-bottom:solid 1px #003; border-left:solid 1px #003; margin:0; padding:5px;} 
div#pagein table.spip th {font-weight:bold; text-align:center; background:#FFC;}
div#pagein table.spip td {text-align:left;}
div#pagein table.spip .row_odd {background:#C9D5E4;}
div#pagein table.spip .row_even {background:#EAEFF4;}
div#pagein table.spip tr:hover td {background:#FFF59A;}


/* Accueil */
div#pagein div.bloc {display:block; width:450px; height:auto; margin:0; padding:0; background:none;}
div#pagein div.bloc a {display:block; width:100%; height:auto; margin:0; padding:0; background:url(../images/ulamir_bloc_fond.gif) repeat-y}
div#pagein div.bloc a img {border-top:solid 0px #000; border-left:solid 0px #000; border-right:1px solid #777; border-bottom:1px solid #777; }
div#pagein div.bloc a:hover {border:0px solid #000; background:#FFF59A; text-decoration:none;}

/* Breves */
div#pagein div.breves {display:block; width:450px; height:auto; margin:0; padding:10px 0; background:url(../images/ulamir_bloc_fond.gif) repeat-y;}
div#pagein div.breves p {display:block; width:430px; margin:0; padding:10px 0 0 10px; background:none;}
div#pagein div.breves h4 {display:block; width:430px; margin:0; padding:50px 0 0 10px; font:italic bold 14px Georgia, "Times New Roman", Times, serif; color:#0059A1; background:none; clear:both;}
div#pagein ul.brevesLst ul {display:block; width:420px; margin:0; padding:0 10px 30px 20px; list-style:none;}
div#pagein ul.brevesLst li {display:block; width:100%; margin:0; padding:4px 0; list-style:none; font:bold normal 10px Verdana, Geneva, sans-serif; text-decoration:none; color:#0059A1;}
div#pagein ul.brevesLst li a {display:inline; width:100%; margin:0; padding:0 5px; white-space:nowrap; font: bold normal 14px Verdana, Geneva, sans-serif;}

/* Rubriques */
div#pagein div.rubriques {display:block; position:relative; width:450px; height:auto; margin:0 0 50px 0; padding:10px 0; background:url(../images/ulamir_bloc_fond.gif) repeat-y; float:left;}
div#pagein div.rubriques p {font:13px Georgia,"Times New Roman", Times, serif;  text-align:justify; color:#0059A1;}
div#pagein div.rubriques a h2.path {display:block; width:450px; height:auto; left:0; top:0; margin:0; padding:0 10px 4px 0; color:#88A2CE; font-family: Verdana, Geneva, sans-serif; }
div#pagein div.rubriques a:hover h2.path {text-decoration:underline; color:#88a2ce;}
div#pagein div.rubriques h4 {font: bold normal 13px Verdana, Geneva, sans-serif; padding:15px 0 5px 25px; color:#0159A1;}
div#pagein div.rubriques li {font-family:Georgia,"Times New Roman", Times, serif;}
div#pagein ul.sousrubriques {display:block; width:380px; margin: 0 0 30px 60px; padding:0; list-style:none; background:url(../images/ulamir_motif_pages_rubriques.gif) repeat-y 350px 8px;}
div#pagein ul.sousrubriques li {width:100%; padding:0; list-style:none; background:none;}
div#pagein ul.sousrubriques li a {display:block; width:100%; padding:5px; font:bold normal 12px Verdana, Geneva, sans-serif; text-decoration:none; list-style:none; color:#0059A1; cursor:pointer;}
div#pagein ul.sousrubriques li:hover {color:#FFF59A; background:#0059A1;}
div#pagein ul.sousrubriques li:hover a {color:#FFF59A;}
div#pagein ul.articles {display:block; position:relative; width:450px; height:auto; margin:20px 0 70px 0; padding:0; background:url(../images/ulamir_bloc_fond.gif) repeat-y; float:left; clear:both;}
div#pagein ul.articles li{display:block; width:450px; height:auto; margin:0 0 30px 0; padding:0; background:url(../images/ulamir_motif_pages.gif) repeat-y left 2px;}
div#pagein ul.articles a {display:block; width:415px; margin:0 0 20px 35px; padding:0; background:#FFF url(../images/ulamir_article_bas.gif) no-repeat left bottom;}
div#pagein ul.articles h1 {width:395px; padding:0 5px; font-style:normal; font-weight:bold; border:none;}
div#pagein ul.articles h2 {width:auto; white-space:normal;}
div#pagein ul.articles h3 {width:405px; padding-left:5px; padding-right:5px;}
div#pagein ul.articles p {width:405px; padding:0 5px 10px 5px;}
div#pagein ul.articles a:hover {text-decoration:none; background:#FFF59A url(../images/ulamir_article_bas.gif) no-repeat left bottom;}
div#pagein ul.articles a:hover h1,
div#pagein ul.articles a:hover h2,
div#pagein ul.articles a:hover h3,
div#pagein ul.articles a:hover p {text-decoration:none;}

/* Articles */
div#pagein div.articles {display:block; position:relative; width:450px; height:auto; margin:0 0 50px 0; padding:10px 0; background:url(../images/ulamir_bloc_fond.gif) repeat-y;}
div#pagein div#path {display:block; position:relative; width:450px; height:auto; left:0; top:0; margin:0; padding:0; background:url(../images/ulamir_point_bleu_clair.gif) repeat-x left 38px;}
div#pagein div#path ul {display:block; width:450px; height:50px; margin:0; padding:0; background:url(../images/ulamir_article_fond_bandeau.gif) no-repeat 415px center; list-style:none;}
div#pagein div#path ul li{display:block; width:100%; height:auto; margin:0; padding:0; list-style:none;}
div#pagein div#path ul li h2 {display:block; top:0; left:0; width:100%; margin:0; padding:0; background:none;}
div#pagein div#path ul li h2 a {display:inline; margin:0; padding:0; color:#A2B5D8; cursor:pointer;}
div#pagein div#path ul li h2 a:hover {text-decoration:none; color:#0059A1;}
div#pagein div.articles h1 {border:none;}

/* Evénements */
div#pagein div#evts {display:block; position:relative; width:450px; height:auto; margin:0; padding:0; background:#FFFBDF;}
div#pagein div#evts h1 {font-size:14px; font-style:normal; border:none;}
div#pagein div#evts ul {display:block; width:450px; height:auto; margin:10px 0 20px 5px; padding:0; list-style:none; background:#FFFBDF;}
div#pagein div#evts ul li {display:block; width:100%; height:auto; margin:0 0 20px 0; padding:0; list-style:none; background:url(../images/ulamir_bloc_fond.gif) repeat-y;}
div#pagein div#evts li h1 {display:block; width:100%; margin:0; padding:10px; font-size:18px; font-style:italic;}
div#pagein div#evts li h3 {display:block; width:100%; margin:0; padding:0 10px 10px 30px;}
div#pagein div#evts li p {display:block; width:100%; margin:0; padding:0 10px 10px 30px;}
div#pagein div#evts li:hover {background:#FFF59A;}

/* Bannière : affichage défilant des brêves */
div#banniere {display:block; position:absolute; top:0; left:236px; width:694px; height:auto; margin:0; padding:0; background:none; font:italic 16px Georgia, "Times New Roman", Times, serif; z-index:5; clear:none;}
div#banniere .tickercontainer {border:0 solid #000; background:none; width:694px; height:44px; margin:0; padding:0;}
div#banniere .tickercontainer .mask {position:relative; left:0; top:0; width:694px; overflow:hidden;}
div#banniere ul.newsticker {position:relative; left:694px; list-style-type:none; margin:0; padding:0;}
div#banniere ul.newsticker li {float:left; margin:0; padding:12px 0; font-weight:bold;  font-size:12px; font-weight:normal; color:#A2B5D8;}
div#banniere ul.newsticker a {white-space:nowrap; padding:0; margin:0 70px 0 0; font-weight:bold; font-size:16px; text-decoration:none; color:#A2B5D8;}
div#banniere ul.newsticker span {margin:0 8px 0 0;}
div#banniere ul.newsticker a:hover {text-decoration:underline;}

/* Arborescence */
div#pagein div#arborescence {display:block; width:395px; margin:50px 0 80px 55px; padding:0; background:url(../images/ulamir_bloc_fond.gif) repeat-y;}
div#pagein div#arborescence h1{display:block; width:100%; margin:15px 0 5px 0; padding:0;}
div#pagein div#arborescence h1 a {text-decoration:none;}
div#pagein div#arborescence ul {width:100%; margin:0; padding:0; list-style:none outside;}
div#pagein div#arborescence ul ul {width:375px; padding:0 0 20px 0; border-left:1px solid #000; height:auto; background:url(../images/ulamir_motif_pages_rubriques.gif) repeat-y 340px 8px;}
div#pagein div#arborescence li {width:100%; margin:0; padding:0 0 0 20px; list-style:none outside; display:block; height:auto;}
div#pagein div#arborescence li a {width:auto; margin:0; padding:8px 10px 0 20px; display:inline; display:block; border-left:1px solid #000; white-space:normal;}
div#pagein div#arborescence li:hover a {background: url(../images/puce.gif) no-repeat 5px 10px;}
div#pagein div#arborescence li h4 {width:auto; border-bottom:1px solid #000; display:inline; border-left:1px solid #000; padding:0 10px 0 0; height:30px;}
div#pagein div#arborescence li h4 a {font-size:14px; color:#0D345F; display:inline; height:20px; padding:0 0 0 20px; white-space:normal;}
div#pagein div#arborescence li h4:hover a {text-decoration: none; background: url(images/puce_rub.gif) no-repeat 5px center;}

/* Documents */
div#pagein ul.doc {display:block; position:relative; margin:0 0 0 40px; padding:0; width:400px; height:auto; background:none;}
div#pagein ul.doc a {display:block; margin:0; padding:2px 5px; font-style:normal; text-decoration:none; white-space:normal; cursor:pointer;}
div#pagein ul.doc span.docTitre {font-style:normal; font-weight:bold;}
div#pagein ul.doc span.docPoids {display:block; position:relative; top:0; right:0; font-size:smaller; font-style:italic; font-weight:normal;}
div#pagein ul.doc a:hover,
div#pagein ul.doc a:hover span.docTitre,
div#pagein ul.doc a:hover span.docTitre {text-decoration:none; color:#FFF59A; background:#0059A1;}

/* Pied de page */
div#piedpage {display:block; position:relative; left:236px; bottom:0; width:654px; height:auto; margin:0; padding:20px; background:none; float:none; clear:both; z-index:10;}
div#piedpage h3 {display:block; margin:0; padding:0; text-decoration:none; font:bold 13px Arial, Helvetica, sans-serif; color: #069;}
div#piedpage p {display:block; margin:0; padding:0; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; color: #069;}
div#piedpage p.legende {text-decoration:none; font:italic normal 9px Arial, Helvetica, sans-serif; color: #069;}
div#piedpage a {text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; color: #069;}
div#piedpage a:hover {text-decoration:underline;}

/* Diaporama */
div#diaporama {display:block; position:relative; width:440px; height:auto; min-height:440px; margin:0; padding:0; border:none 0px #000; overflow:visible;}
div#diaporama img {display:block; position:absolute; top:0; left:0; visibility:visible; margin:0; padding:0; border:none 0 #000;}
div#diaporama ul,div#diaporama ul img {display:block; position:absolute; top:0; left:0; visibility:hidden; margin:0; padding:0; border:none 0 #000;}
div#diaporama ul h3{display:block; position:absolute; visibility:hidden; margin:0; padding:0;}
div#diaporama ul p{display:block; position:absolute; visibility:hidden; margin:0; padding:0;}
div#diaporama div h3{display:block; position:relative; top:0; left:0; visibility:visible; margin:0; padding:20px 0 5px; font:bold normal 12px/normal Arial, Helvetica, sans-serif; color:#0D345F; text-align:center;}
div#diaporama div p{display:block; position:relative; top:0; left:0; visibility:visible; margin:0; padding:0 0 50px 0; font: 11px/normal Arial, Helvetica, sans-serif; color:#0D345F; text-align:center;}

/* Google map */
div#map{display:block; position:relative; left:0; margin:0 0 30px 0; padding:0; width:440px; height:320px; float:left; clear:both; text-align:center;}
div#map.carte_gis {display:block; clear:both; position:relative; top:0; left:0; width:440px;  height:320px;}

/* Styles SPIP */
img.spip_logos {margin:0 8px 8px 0; padding:0;}
div.spip {text-align:center;}
p.spip {margin:0; padding:5px 0 10px 0;}
ul.spip,
ol.spip {display:block; float:none; clear:both; margin:0; padding:0 0 25px 30px;}
strong.caractencadre-spip {color:#FFF59A;}
.spip_surligne {background:#FF0;}
dl.spip_documents {display:block; position:relative; margin:0; padding:0; text-align:center; font: 12px Verdana, Geneva, sans-serif; color:#0059A1; background:none}
dl.spip_documents dt {display:block; position:relative; margin:0; padding:5px 0; width:100%; height:auto; text-align:center; float:none;}
dl.spip_documents dd {display:block; position:relative; margin:0; padding:3px 0; width:100%; height:auto; text-align:center; font-size:smaller; float:none;}
dl.spip_documents a,.spip_documents a {display:block; float:none; clear:both; margin:0; padding:0; border:solid 0px #000; text-align:center;}
dl.spip_documents a img,.spip_documents a img {display:block; float:none; clear:both; margin:0; padding:0; border:solid 1px #0059A1; text-align:center}
dl.spip_documents a:hover img,.spip_documents a:hover img {border:solid 1px #FFF59A;}
dl.spip_documents_right,.spip_documents_right {display:block; float:right; clear:none; margin:0; padding:0 0 8px 8px;}
dl.spip_documents_left,.spip_documents_left {display:block; float:left; clear:none; margin:0; padding:0 8px 8px 0;}
dl.spip_documents_center,.spip_documents_center {display:block; position:relative; float:none; clear:both; margin:0; padding:8px 0; width:100%; height:auto; text-align:center;}