/*****************************************************superfish*************************************************/
.sf-menu, .sf-menu * {
margin : 0;
padding : 0;
list-style : none;
}
.sf-menu ul {
margin-top : -12px;
position : absolute;
top : -999em;
width : 242px;
}
.sf-menu li:hover {
visibility : inherit;
}
.sf-menu li {
position : relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left : 0;
top : 28px;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left : 150px;
top : 0;
margin-top : 20px;
width : 200px;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left : 150px;
top : 0;
margin-top : 20px;
width : 200px;
}
.sf-menu {
margin-bottom : 1.2em;
margin-top : 30px;
margin-left : 20px;
width : 660px;
z-index : 400;
position : relative;
}
.current {
border-right : 1px solid white;
float : left;
padding-right : 13px;
padding-left : 13px;
z-index : 500;
}
.current_col4 {
position : relative;
border-right : 1px solid white;
float : left;
padding-right : 12px;
padding-left : 12px;
z-index : 500;
}
.current_colfin {
position : relative;
float : left;
padding-right : 12px;
padding-left : 12px;
z-index : 500;
}
.current a {
margin-left : 1px;
padding-top : 5px;
font-size : 1.2em;
color : white;
text-decoration : none;
display : block;
}
.current_col4 a {
margin-left : 1px;
padding-top : 5px;
font-size : 1.2em;
color : white;
text-decoration : none;
display : block;
}
.current_colfin #sf-menuniv3 li a {
height : 18px;
margin-left : 1px;
margin-top : 4px;
font-size : 1.2em;
color : white;
text-decoration : none;
display : block;
}
.sf-menu a {
font-size : 1.2em;
color : white;
text-decoration : none;
padding-top : 5px;
display : inline;
position : relative;
}
.sf-menu a, .sf-menu a:visited {
color : white;
text-decoration : none;
}
.sf-menu a:hover {
color : white;
text-decoration : underline;
}
.hautsf-menuniv_ {
background-image : url(../images3/haut_ssrub.png);
background-repeat : no-repeat;
float : left;
height : 19px;
margin-left : -11px;
width : 250px;
z-index : 749;
}
.current_colfin .hautsf-menuniv_ {
background-image : url(../images3/haut_ssrub.png);
background-repeat : no-repeat;
float : left;
height : 19px;
margin-left : -125px;
width : 250px;
z-index : 749;
}
.current_colfin .bassf-menuniv_ {
background-image : url(../images3/bas_ssrub.png);
background-repeat : no-repeat;
float : left;
height : 20px;
margin-left : -125px;
width : 250px;
z-index : 751;
}
.bassf-menuniv_ {
background-image : url(../images3/bas_ssrub.png);
background-repeat : no-repeat;
float : left;
height : 20px;
margin-left : -11px;
width : 250px;
z-index : 751;
}
.sf-menuniv2_ {
background-image : url(../images3/fond_ssrub.png);
background-repeat : repeat-y;
float : left;
font-size : 0.8em;
margin-left : -11px;
padding-left : 18px;
width : 250px;
z-index : 750;
padding-bottom : 8px;
}
.current_colfin .sf-menuniv2_ {
background-image : url(../images3/fond_ssrub.png);
background-repeat : repeat-y;
float : left;
font-size : 0.8em;
margin-left : -125px;
padding-left : 18px;
width : 250px;
z-index : 750;
padding-bottom : 8px;
}

.sf-menuniv2 a {
color : white;
display : block;
width : 212px;
margin-left : 1px;
padding-bottom : 4px;
position : relative;
font-size:1em;
text-align : left;
text-decoration : none;
}

.current_col4 #sf-menuniv3 {
background : #2e4636;
font-size : 0.8em;
border-bottom : 1px solid white;
left : -339px;
padding-left : 8px;
z-index : 9000;
top : -20px;
}
#sf-menuniv3 {
left : 91px;
background : #2e4636 none repeat scroll 0 0;
border-bottom : 1px solid white;
font-size : 0.8em;
padding-left : 8px;
top : -20px;
z-index : 9000;
}
.current_colfin #sf-menuniv3 {
background : #2e4636;
font-size : 0.8em;
border-bottom : 1px solid white;
left : -339px;
padding-left : 8px;
z-index : 9000;
top : -20px;
}
#sf-menuniv3 a {
width : 200px;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
outline : 0;
}
.sf-menu a.sf-with-ul {
padding-right : 2.25em;
min-width : 1px;
}
.sf-sub-indicator {
position : absolute;
display : block;
right : 0.75em;
top : 1.05em;
width : 10px;
height : 10px;
text-indent : -999em;
overflow : hidden;
background : url('../images/arrows-ffffff.png') no-repeat -10px -100px;
}
a > .sf-sub-indicator {
top : 0.8em;
background-position : 0 -100px;
}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
background-position : -10px -100px;
}
.sf-menu ul .sf-sub-indicator {
background-position : -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
background-position : 0 0;
}
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position : -10px 0;
}
.sf-shadow ul {
background : url('../images/shadow.png') no-repeat bottom right;
padding : 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
background : transparent;
}


/*****************************************************site.css*************************************************/
html, body {
height : 100%;
margin : 0;
}
body {
font-size : 100%;
margin : 0;
padding : 0;
width : 100%;
height : 100%;
background-image : url("../images3/fond.jpg");
background-repeat : no-repeat;
background-position : 50% 0;
background-attachment : fixed;
font-family : Times New Roman, Arial, serif;
}
div#containerpage {
width : 1001px;
padding : 0;
position : absolute;
margin-left : -499px;
left : 50%;
}
img {
border : 0;
}
.imglire {
float:right;
margin-bottom:15px;
}
.vign {
margin:5px;
}
object, embed {
border : 0;
margin : 0;
padding : 0;
}
.object_RSS {
width : 620px;
height : 500px;
border : 0;
margin : 0;
overflow : auto;
}
.SousTitre {
color : #fe5e00;
font-size : 1em;
font-weight : bold;
}
ul, li {
padding : 0;
margin : 0;
}
div {
margin : 0;
padding : 0;
}
table {
margin : 0;
border : 0;
border-collapse : collapse;
}
th, td {
padding : 0;
margin : 0;
}
#hlogo {
background-image : url("../images3/logo_ville.png");
width : 315px;
height : 92px;
float : left;
}
#hmenu {
width : 686px;
height : 92px;
float : left;
background-image : url("../images3/menu_vert.png");
}
#banniere_flash {
width : 999px;
height : 362px;
float : left;
background-image : url("../images3/bandeau.png");
}
#fondcontenu {
background-image : url(../images3/fond_index.png);
background-position : 1px 50%;
float : left;
position : relative;
width : 999px;
}
#fondhautcontenu {
background-image : url("../images3/contenu_haut_index.png");
background-repeat : no-repeat;
width : 999px;
float : left;
}
#divrecherche {
margin-left : 102px;
}
#contenuG {
float : left;
left : 40px;
position : relative;
margin-top : 80px;
width : 580px;
}
#contenuD {
float : left;
left : 95px;
position : relative;
margin-top : 25px;
width : 295px;
}
#encart_haut_index_Meteo {
height : 0;
}
.input_rechercher {
border : 0 none;
float : left;
height : 20px;
margin-left : -60px;
padding-top : 3px;
text-align : center;
width : 190px;
margin-right : 12px;
margin-top : 5px;
position : relative;
}
.acces_mg {
margin-top : 10px;
}
.encart_mg{
margin-bottom:20px;
}
#encart_haut_index_meteo {
height:0;
}
.titreniv1 {
margin : 10px;
}
.titreniv1 a {
color:#006C9E;
font-size:21px;
text-decoration : none;
}
.titreniv1 a:hover {
color:#006C9E;
font-size:21px;
text-decoration : underline;
}
.accesNiv1 {
font-size : 20px;
color : #006c9e;
text-decoration : none;
}
.encart_fixe li {
background-image : url("../images3/feuille.png");
background-position : 0 1px;
background-repeat : no-repeat;
font-weight : bold;
list-style-type : none;
padding-left : 40px;
padding-right : 20px;
line-height : 18px;
}
.encart_fixe a {
color : #616161;
text-decoration : none;
}
.encart_fixe a:hover {
text-decoration : underline;
}
#titreindex {
color : #c5bfb7;
float : left;
font-family : serif;
font-size : 28px;
font-weight : normal;
margin-left : 90px;
margin-top : -60px;
position : relative;
width : 200px;
}
#A2 {
position : relative;
min-width : 315px;
height : 255px;
top : 440px;
float : left;
margin-left : 20px;
}
#A3 {
position : relative;
min-width : 248px;
height : 255px;
top : 435px;
float : left;
margin-left : 20px;
}
.redac {
margin-bottom:0px;
float:left;
margin-top:-15px;
/margin-top: 20px;
}
.resume {
color : #616161;
font-size : 14px;
margin-bottom:0px;
margin-top:-15px;
/margin-top: -10px;
}
.titre a {
color : #616161;
text-decoration : underline;
font-weight : bold;
font-size : 16px;
}
.titre a:hover {
color : #616161;
text-decoration : none;
font-weight : bold;
font-size : 16px;
}
.titreactu {
color : #666666;
font-size : 11px;
font-weight : bold;
margin-bottom:-15px;
/margin-bottom: -10px;
}
.separ {
display : none;
}
#pieds {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image : url(../images3/bas.png);
background-repeat : no-repeat;
color : #7a7a7a;
float : left;
height : 67px;
padding-top : 10px;
text-align : center;
width : 996px;
font-size: 12px;
}
#pieds a {
color : #7a7a7a;
text-decoration : none;
}
#pieds img {
position : relative;
top : 8px;
}
#pieds a:hover {
color : #7a7a7a;
text-decoration : underline;
}
.clevents {
position : relative;
z-index : 1;
display: none;
}
.listeevent_haut {
width : 186px;
height : 7px;
background : url("calendar/listeevent_haut.jpg");
}
.listeevent_fond {
width : 176px;
padding-left : 10px;
background : url("calendar/listeevent_fond.jpg");
font-family : "trebuchet ms", verdana, tahoma, sans-serif;
font-size : 11px;
}
.listeevent_pied {
width : 186px;
height : 9px;
background : url("calendar/listeevent_bas.jpg");
}



#rss {
margin : 0;
padding : 0;
font-size : 10px;
width : 250px;
}
#rss .newsfeed {
margin : 0;
padding : 5px;
}
#rss .newsfeed img {
margin-right : 15px;
margin-left : 7px;
}
#rss h1 {
display : none;
}
#rss .newsfeed a {
color : #616161;
font-size : 12px;
font-weight : bold;
text-decoration : none;
}
#rss .newsfeed a:hover {
text-decoration : underline;
}
#rss .newsfeed .date {
margin : 0;
color : #616161;
font-size : 11px;
letter-spacing : 0.2em;
}
#rss .newsfeed .description {
margin : 0;
padding : 0;
}
#rss .newsfeed .description p {
font-size : 11px;
}
#loading {
margin : 40% 0% 0% 40%;
float : left;
}

/*****************************************************calendar.css*************************************************/
div.calendar {
position : relative;
width : 196px;
}
.calendar a, .calendar a:hover, .calendar:visited {
text-decoration : none;
color : #000;
font-weight : bold;
}
.calendar, .calendar table {
border : 1px solid #bdb2bf;
font-size : 11px;
color : #000;
cursor : default;
background : url("calendar/normal-bg.gif");
font-family : "trebuchet ms", verdana, tahoma, sans-serif;
}
.calendar {
border-color : #797979;
}
.calendar .button {
text-align : center;
padding : 2px;
background : url("calendar/title-bg.gif") repeat-x 0 100%;
color : #000;
font-weight : bold;
}
.calendar .nav {
font-family : verdana, tahoma, sans-serif;
text-decoration : none;
}
.calendar thead tr {
background : url("calendar/title-bg.gif") repeat-x 0 100%;
color : #000;
}
.calendar thead .title {
font-weight : bold;
text-align : center;
padding : 2px;
background : url("calendar/title-bg.gif") repeat-x 0 100%;
color : #000;
}
.calendar thead .name {
border-bottom : 1px solid #797979;
padding : 2px;
text-align : center;
color : #000;
}
.weekend, .weekend a, .calendar thead .weekend a:hover, .calendar thead .weekend a:visited {
color : #c44;
}
.calendar thead .hilite {
background : url("calendar/hover-bg.gif");
border-bottom : 1px solid #797979;
padding : 2px 2px 1px 2px;
}
.calendar thead .active {
background : url("calendar/active-bg.gif");
color : #fff;
padding : 3px 1px 0 3px;
border-bottom : 1px solid #797979;
}
.calendar thead .daynames {
background : url("calendar/dark-bg.gif");
}
.calendar tbody .day {
font-family : verdana, tahoma, sans-serif;
width : 2em;
color : #000;
text-align : right;
padding : 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size : 80%;
color : #999;
}
.calendar tbody .day.othermonth.oweekend {
color : #f99;
}
.calendar table .wn {
padding : 2px 3px 2px 2px;
border-right : 1px solid #797979;
background : url("calendar/dark-bg.gif");
}
.calendar tbody .rowhilite td, .calendar tbody .rowhilite td.wn {
background : url("calendar/rowhover-bg.gif");
}
.calendar tbody td.today {
background : url("calendar/today-bg.gif") no-repeat 70% 50%;
}
.calendar tbody td.hilite {
background : url("calendar/hover-bg.gif");
padding : 1px 3px 1px 1px;
border : 1px solid #bbb;
}
.calendar tbody td.active {
padding : 2px 2px 0 2px;
}
.calendar tbody td.weekend {
color : #c44;
}
.calendar tbody td.selected {
font-weight : bold;
border : 1px solid #797979;
padding : 1px 3px 1px 1px;
background : url("calendar/active-bg.gif");
color : #fff;
}
.calendar tbody .disabled {
color : #999;
}
.calendar tbody .emptycell {
visibility : hidden;
}
.calendar tbody .emptyrow {
display : none;
}
.calendar tfoot .footrow {
text-align : center;
background : #565;
color : #fff;
}
.calendar tfoot .ttip {
padding : 2px;
background : url("calendar/status-bg.gif") repeat-x 0 0;
color : #000;
}
.calendar tfoot .hilite {
background : #afa;
border : 1px solid #084;
color : #000;
padding : 1px;
}
.calendar tfoot .active {
background : #7c7;
padding : 2px 0 0 2px;
}
.calendar .combo {
position : absolute;
display : none;
top : 0;
left : 0;
width : 4em;
cursor : default;
border-width : 0 1px 1px 1px;
border-style : solid;
border-color : #797979;
background : url("calendar/normal-bg.gif");
color : #000;
z-index : 100;
font-size : 90%;
}
.calendar .combo .label, .calendar .combo .label-IEfix {
text-align : center;
padding : 1px;
}
.calendar .combo .label-IEfix {
width : 4em;
}
.calendar .combo .hilite {
background : url("calendar/hover-bg.gif");
color : #000;
}
.calendar .combo .active {
background : url("calendar/active-bg.gif");
color : #fff;
font-weight : bold;
}
.calendar td.time {
border-top : 1px solid #797979;
padding : 1px 0;
text-align : center;
background : url("calendar/dark-bg.gif");
}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {
padding : 0 5px 0 6px;
font-weight : bold;
background : url("calendar/normal-bg.gif");
color : #000;
}
.calendar td.time .hour, .calendar td.time .minute {
font-family : monospace;
}
.calendar td.time .ampm {
text-align : center;
}
.calendar td.time .colon {
padding : 0 2px 0 3px;
font-weight : bold;
}
.calendar td.time span.hilite {
background : url("calendar/hover-bg.gif");
color : #000;
}
.calendar td.time span.active {
background : url("calendar/active-bg.gif");
color : #fff;
}
#encart_haut_index_A1 {
display : none;
}