/** BALISES HTML **/
body{
padding:0;
font-family:verdana, arial, sans-serif;
font-size:1em;
color:#FFFFFF;
background:#000080;
}
h2{
margin:0.5em 0;
font-size:1.2em;
text-decoration:none;
clear:both;
}
h2 a{
text-decoration:none;
}
pre, code{
font-size: 0.8em;
}
li{
margin:0;
color:#FFFFFF;
}
div{
margin:0;
padding:0;
}
form{
padding:0;
margin:0;
}
td{
margin:0;
}
img{
border:none;
}
a{
color:#FFFFFF;
}
a:hover{
color: #000080;
background-color:#FFFFFF;
}
/** ZONES DE LA PAGE **/
#pagelayout_allcontent{
margin:0px auto 0px auto;
padding:0;
}
#area_top,
#area_lowtop{
width:100%;
vertical-align:middle;
}
#pagelayout_contentstructure{
border:none;
width:100%;
clear:both;
}
#pagelayout_nodecontent{
padding:1em;
}
#pagelayout_left,
#pagelayout_innerleft,
#pagelayout_right,
#pagelayout_innerright{
height:100%;
margin:0;
width:12em;
}
#area_bottom,
#area_lowbottom{
display:block;
padding-top:0.1em;
}
#area_bottom{
width:100%;
border-top:1px solid #FFFFFF;
}
#area_bottom .link,
#area_lowbottom .link{
margin:0 1em;
float:left;
}
#area_bottom .link a,
#area_lowbottom .link a{
text-decoration:none;
}
#area_bottom .area_image,
#area_bottom .area_image img,
#area_lowbottom .area_image,
#area_lowbottom .area_image img{
height:0;
visibility:hidden;
}

/* BANDEAU DU SITE */
#site_header{
width:100%;
_margin-bottom:-3px;
}
#site_header_relative{
width:100%;
}
#site_title{
font-weight:bold;
font-size:2em;
padding:0.5em;
padding-bottom:1.5em;
border-bottom:3px solid #FFFFFF;
width:100%;
}
#site_image{
height:0;
visibility:hidden;
}
.header_img{
margin:0;
padding:0;
height:0;
}
#bypass{
margin:0.3em;
padding:0.3em;
width:100%;
}
#bypass ul{
display:inline;
list-style-type:none;
}
#bypass ul li{
display:inline;
list-style-type:none;
}
/* BOITE DE RECHERCHE */
#pagelayout_left #searchbox,
#pagelayout_innerleft #searchbox,
#pagelayout_right #searchbox,
#pagelayoutinnerright #searchbox,
#pagelayout_left .searchblock,
#pagelayout_innerleft .searchblock,
#pagelayout_right .searchblock,
#pagelayout_innerright .searchblock{
padding:0.2em ;
color:#FFFFFF;
border:1px solid #FFFFFF;
}
#area_top #searchbox,
#area_lowtop #searchbox{
padding:0.2em ;
color:#FFFFFF;
}
#pagelayout_left #searchbox input,
#pagelayout_innerleft #searchbox input,
#pagelayout_right #searchbox input,
#pagelayout_innerright #searchbox input,
#area_top #searchbox input,
#area_lowtop #searchbox input{
font-size:0.9em;
font-weight:normal;
padding:0.2em;
color:#000080;
border:1px solid;
margin-left:0.5em;
}
#pagelayout_left #searchbox .defaultbutton,
#pagelayout_innerleft #searchbox .defaultbutton,
#pagelayout_right #searchbox .defaultbutton,
#pagelayout_innerright #searchbox .defaultbutton,
#area_top #searchbox .defaultbutton,
#area_lowtop #searchbox .defaultbutton{
font-size:1em;
text-align:center;
color:#000080;
background:#FFFFFF;
font-weight:bold;
}
#area_top #searchbox input,
#area_lowtop #searchbox input{
margin:0 0 0 0.3em;
border:1px solid #FFFFFF;
_height:1.8em;
_margin:-0.4em 0 0 0.3em;
_padding:0.2em 0.2em 0.4em 0.2em;
}
#area_lowtop #searchbox,
#area_top #searchbox{
float:left;
height:2em;
vertical-align:middle;
_margin-top:0.2em;
}
#area_top #searchbox .defaultbutton,
#area_lowtop #searchbox .defaultbutton{
margin:0.05em 0 0 -0.3em;
padding:0.12em;
font-weight:normal;
width:2.8em;
_margin:-0.2em 0 0 -0.3em;
_height:1.65em;
border:none;
background-color:#FFFFFF;
color:#000080
}

li.search_option{
display:inline;
color:#FFFFFF;
}
ul.search_options{
margin:0;
padding-bottom:0.2em;
color:#FFFFFF;
}
/* FOOTER */
#footer{
clear:both;
width:100%;
margin-top:2em;
height:1.5em;
}
#tipafriend{
float:right;
margin-left:2em;
display:inline;
margin-top:0.25em;
}
#downloadpdf{
float:right;
margin-left:2em;
}
#historyprevious{
float:right;
margin-left:2em;
margin-top:0.25em;
}
/* MENUS POPUP EN CASCADE */
/* MENUS POPUP VERTICAUX */
.popup_l_menu ul,
.popup_r_menu ul{
list-style:none;
margin:0;
vertical-align:middle;
width:100%;
z-index:0;
}
.popup_l_menu ul li,
.popup_r_menu ul li{
list-style:none;
margin:0;
position: relative;
vertical-align:middle;
width:100%;
z-index:0;
}
.popup_l_menu ul li ul
.popup_r_menu ul li ul{
position:absolute;
display:block;
visibility:hidden;
top:0;
z-index:0;
width:12em;
border:1px solid;
}
.popup_l_menu ul li ul{
left:100.1%;
z-index:0;
}
.popup_r_menu ul li ul{
right:100.1%;
z-index:0;
}
.popup_l_menu ul li ul li,
.popup_r_menu ul li ul li{
width:100%;
z-index:0;
}
.popup_l_menu a,
.popup_r_menu a{
padding:0.5em 0.3em;
z-index:0;
}
/* MENUS POPUP HAUT */
.popup_t_menu{
float: left;
width:100%;
display:inline;
vertical-align:middle;
border-bottom:2px solid #FFFFFF;
float:left;
}
.popup_t_menu ul{
list-style:none;
margin:0;
vertical-align:middle;
float: left;
height:1.8em;
/* Pour IE, il faut specifier une largeur pour le menu horizontal. */
/*  => Valeur par défaut */
_width:7.2em;
_margin-top:2px;
}
.popup_t_menu ul li{
list-style:none;
margin:0;
position: relative;
vertical-align:middle;
z-index:10;
}
.popup_t_menu ul li ul{
position:absolute;
display:block;
visibility:hidden;
z-index:10;
width:12em;
border:1px solid;
}
.popup_t_menu ul li ul li{
width:100%;
z-index:10;
}
.popup_t_menu ul li ul li ul{
top:0;
left:100.1%;
z-index:10;
}
.popup_t_menu a{
padding:0.2em;
text-align:center;
z-index:10;
}
.popup_t_menu ul li ul a{
padding:0.2em;
text-align:left;
z-index:10;
}

/** TOUS POPUP **/
div.popup_l_menu ul li ul,
div.popup_r_menu ul li ul{
z-index:1;
}
div.popup_l_menu ul li ul li ul,
div.popup_r_menu ul li ul li ul{
z-index:2;
}
div.popup_l_menu ul li ul li ul li ul,
div.popup_r_menu ul li ul li ul li ul{
z-index:3;
}
div.popup_l_menu ul li ul li ul li ul li ul,
div.popup_r_menu ul li ul li ul li ul li ul{
z-index:4;
}
div.popup_l_menu ul li ul li ul li ul li ul li ul,
div.popup_r_menu ul li ul li ul li ul li ul li ul{
z-index:5;
}
div.popup_l_menu ul li ul li ul li ul li ul li ul li ul,
div.popup_r_menu ul li ul li ul li ul li ul li ul li ul{
z-index:6;
}
div.popup_t_menu ul li ul{
z-index:11;
}
div.popup_t_menu ul li ul li ul{
z-index:12;
}
div.popup_t_menu ul li ul li ul li ul{
z-index:13;
}
div.popup_t_menu ul li ul li ul li ul li ul{
z-index:14;
}
div.popup_t_menu ul li ul li ul li ul li ul li ul{
z-index:15;
}
div.popup_t_menu ul li ul li ul li ul li ul li ul li ul{
z-index:16;
}
.popup_l_menu a,
.popup_r_menu a,
.popup_t_menu a{
width:100%;
height:100%;
margin:0;
display:block;
vertical-align:middle;
text-decoration:none;
background:#000080;
color:#FFFFFF;
}
.popup_l_menu a:hover,
.popup_r_menu a:hover,
.popup_t_menu a:hover{
width:100%;
height:100%;
margin:0;
display:block;
vertical-align:middle;
text-decoration:none;
background:#FFFFFF;
color:#000080;
}

/* MENU "EXTENSIBLE" */
.inline_v_menu{
width: 100%;
}
.inline_v_menu li{
text-align: center;
font-weight: normal;
}
.inline_v_menu dl,
.inline_v_menu dt,
.inline_v_menu dd,
.inline_v_menu ul,
.inline_v_menu li{
margin:0;
padding:0;
list-style-type: none;
}
.inline_v_menu dt{
cursor: pointer;
padding:0.2em 0;
text-align: center;
font-weight: bold;
font-size:1em;
}
.inline_v_menu li a,
.inline_v_menu dt a{
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
/* PATH */
#pagelayout_pathdesign{
margin-top:1em;
clear:both;
}
#pagelayout_pathdesign p{
margin:0;
}
#pagelayout_currentdate{
float:right;
text-align:right;
white-space:nowrap;
clear:both;
margin-top:0.2em;
}

#pagelayout_pathdesign p a{
text-decoration:none;
}
/* CONTENU */
div.elementlist_leftcol{
float:left;
width:46%;
}
div.elementlist_rightcol{
float:right;
width:46%;
}
table.elementlist_element{
width:100%;
margin:0;
padding:0;
}
table.elementlist_element tbody{
width:100%;
margin:0;
padding:0;
}
table.elementlist_element tbody tr{
width:100%;
margin:0;
padding:0;
}
table.elementlist_element tbody tr td{
width:100%;
margin:0;
padding:0;
}
table.elementlist_element tbody tr #elementlist_firstelement{
width:75%;
margin:0;
padding-right:0.3em;
vertical-align:top;
}
table.elementlist_element tbody tr #elementlist_subcategories{
width:30%;
margin:0;
padding:0;
vertical-align:top;
}
div.elementlist_element{
width:100%;
margin-top:1.5em;
margin-bottom:1em;
}
div.elementlist_elementinfo{
width:100%;
padding:0.3em;
margin-top:-1em;
margin-bottom:1em;
_margin-bottom:0px;
}
div.elementlist_elementauthor{
display:inline;
float:left;
font-size:0.8em;
}
div.elementlist_elementdate{
display:inline;
float:right;
font-size:0.8em;
}
div.elementlist_elementlink{
width:100%;
margin:0;
padding:0;
}
div.elementlist_elementlink a{
margin:0;
padding:0;
}
#elementlist_subcategories div a{
text-decoration:none;
}
#subcategories_list{
padding:0em;
border-width:1px;
border-style:solid;
width:100%;
color:black;
}
#subcategories_list div{
margin:0.2em;
text-align:center;
}
#subcategories_list_title{
padding:0.2em;
margin:0;
text-align:center;
font-weight:bold;
}
/* AGENDA */
#ag_sel{
width:13em;
float:right;
border:1px solid;
font-size:1em;
padding:1em;
}
#ag_sel fieldset{
border:none;
margin:0;
padding:0;
}
#ag_sel fieldset input,
#ag_sel fieldset select,
#ag_sel fieldset select option{
font-size:0.9em;
}
#ag_sel label{
font-weight:bold;
display:block;
white-space:normal;
margin-top:0.5em;
}
#ag_sel .date_elt label{
font-size:0.8em;
font-weight:normal;
font-style:italic;
margin:0;
}
#ag_sel .date_elt{
float:left;
}
#ag_sel .defaultbutton{
margin-left:1em;
margin-top:1em;
}

/* FORMULAIRES */
.form{
width: 100%;
}
.form_description{
padding:1em;
margin:0;
margin-bottom:0.5em;
}
.form_input{
float:left;
margin:0;
margin-bottom:1em;
}
div.form_input div.element{
padding-right:1em;
float:left;
}
.form_input label{
font-style:italic;
font-size:1em;
font-weight:normal;
}
.form_input .element label{
font-style:normal;
font-size:1em;
font-weight:normal;
}
.formacknoledgement_inputtitle{
margin-top:1em;
font-style:italic;
}
.formacknoledgement_input{
margin-left:10%;
}
input.defaultbutton,
input.button{
border:1px solid;
margin:0.5em 0.5em 0 0;
font-weight:bold;
background:#FFFFFF;
color:#000080;
}
/* PLAN DU SITE */
ul.sitemap_level_0 li{
margin-top: 0.5em;
margin-bottom: 0.2em;
font-size:1em;
font-weight:bold;
list-style:none;
color:#FFFFFF;
}
ul.sitemap_level_0 a{
text-decoration:none;
}
ul.sitemap_level_1{
margin-top:0;
margin-bottom:0;
text-decoration:none;
list-style:none;
}
ul.sitemap_level_1 li{
margin-top:0;
margin-bottom:0;
font-weight:normal;
}
ul.sitemap_level_1 a{
color:#FFFFFF;
text-decoration:none;
}
/** ENCARTS **/
#latest_article_list,
div.linktool,
div.shortnews,
div.pollinset{
width:90%;
margin:3em 1em 3em 0;
border-width:1px;
border-style:solid;
}
#latest_article_list_title,
div.linktool_title,
div.shortnews_title,
div.pollinset_title{
padding:0.3em;
text-align:left;
font-weight:bold;
background-color:#FFFFFF;
color:#000080;
}
#latest_article_list_articles,
div.linktool_body,
div.shortnews_body,
div.pollinset_body{
padding:0.3em;
font-size:0.9em;
text-align:left;
}
#latest_article_list_articles p a,
div.linktool_link,
p.shortnews a,
div.pollinset_link a{
font-size:1em;
text-decoration:none;
}
/* ENCART DE BREVES */
p.shortnews_separator{
margin:0 5em;
border-bottom:1px solid;
font-size:2px;
}
p.shortnews{
margin:0;
padding:0.5em 0;
}
/* FIL D'INFO */
div.ticker{
float:right;
color:#FFFFFF;
padding:0.2em 0;
}
div.ticker marquee{
float:right;
vertical-align:middle;
color:#FFFFFF;
}
/* EQUIPE MUNICIPALE */
div.group{
clear:both;
padding:2em 0;
}
div.group_member{
width:50%;
float:left;
display:inline;
margin-top:1em;
}
div.person_summary div.role{
font-weight:bold;
}
/* GALERIES PHOTOS */
div.content-navigator div.content-navigator-previous-disabled,
div.content-navigator div.content-navigator-next-disabled{
color:#777777;
}
div.content-navigator div.content-navigator-separator,
div.content-navigator div.content-navigator-separator-disabled{
padding-left: 4px;
padding-right: 4px;
}
div.content-navigator div.content-navigator-arrow{
font-size: 150%;
color:#FFFFFF
}
/* sondages */
div.poll-result div.chart-bar-resultbar{
background-color:#FFFFFF;
}
div.poll-result div.chart-bar-resultbox{
border:1px solid #FFFFFF;
background-color:#000080;
}
/* FORUMS */
table.list th,
table.forum th.topic,
table.forum th.replies,
table.forum th.author,
table.forum th.lastreply,
table.forum th.message{
background:#FFFFFF;
color:#000080;
font-weight:bold;
font-style:italic;
}
table.forum tr{
font-weight:normal;
font-style:normal;
}
table.forum tr.bglight,
table.list td.bglight{
background:#000080;
color:#FFFFFF;
}
table.forum tr.bgdark,
table.list td.bgdark{
background:#FFFFFF;
color:#000080;
}
table.forum tr.bgdark a,
table.list td.bgdark a{
background:#FFFFFF;
color:#000080;
}
table.forum tr.bgdark a:hover,
table.list td.bgdark a:hover{
background:#000080;
color:#FFFFFF;
}
table.forum p.author{
font-weight:normal;
font-style:italic;
}


/** ADAPTATIONS **/
#pagelayout_currentdate{
margin:2em 0 2.5em 0;
}
/* 2ème ligne haut */
#area_top div.link123{
float:left;
margin: 0.3em 0.1em 0.1em;
}
#area_top div.link109,
#area_top div.link467,
#area_top div.link109 span,
#area_top div.link467 span,
#area_top div.link109 span a,
#area_top div.link467 span a{
display:none;
width:0;
height:0;
margin:0;
}
/* menu haut */
ul#menu_108_root{width:6em;}
ul#menu_110_root{width:8em;}
ul#menu_111_root{width:10em;}
ul#menu_112_root{width:10em;}
ul#menu_113_root{width:10em;}
ul#menu_114_root{width:12em;}

div.ticker{
height:1.6em;
border-bottom:1px solid;
border-left:1px solid;
width:60%;
padding:0.3em 0 0 0;
}
#pagelayout_pathdesign,
#pagelayout_pathdesign p{
margin-top:0;
}
#pagelayout_nodecontent{
padding-top:0;
}
