/* --------------------------------------------------------
Main stylesheet
Site: Ville de Stoneham
Created by: Umen Innovation
Filename: Styles.css
-------------------------------------------------------- */
/* --------------------------------------------------------
COLORS
Grey: #666 Grey-ligh: #e4e2e2
Blue-grey: #41748d Blue-azur: #3399cc
Green: #639a07 Green-light: #91cb00
-------------------------------------------------------- */
/******* *********/
html { font-size: 62.5%; height: 100%; }
html, body{margin: 0; padding: 0; height:100%;}
body#tagBody
{
background-color: #fff ;
color: #666 ;
font-family: "Times New Roman", Times, serif;
font-size: 120%;
height: 100%;
position: relative;
}
body#tagBody.hiver{ background: #fff url(../images/hiver.jpg) no-repeat top center;}
body#tagBody.printemps{ background: #fff url(../images/printemps.jpg) no-repeat top center;}
body#tagBody.ete{ background: #fff url(../images/ete.jpg) no-repeat top center;}
body#tagBody.automne{ background: #fff url(../images/automne.jpg) no-repeat top center;}
:focus { outline: none;}
#main_container{position:relative;}
#main_container,#container, #approbation, #footer, #powered,#header{margin: 0 auto; padding: 0;width: 941px;}
#powered{text-align:right;margin:5px 0;}
/*p,ul,ol,table { margin-bottom: 1.4em; }*/
#container{background-color:#fff; }
#tagBody a { cursor: pointer; color: #3399cc; text-decoration:none; }
#tagBody a:focus { }
#tagBody a:visited { }
#tagBody a:hover, #tagBody a:focus { text-decoration:underline; }
a *, button * { cursor: pointer; }
h1{ }/*=Logo*/
h1,h2,h3,h4{padding:10px 0 0 0; margin:0; font-family: "Times New Roman", Times, serif; }
h1 {color:#666; font-size:24px;}
h2 {color:#666; font-size:20px;}
h3 {color:#666; font-size:16px;}
h4 {color:#41748d; font-size:14px;}
.grisClair{color:#cccccc;}
.textCourant{ color: #666; font-size: 120%;}
li,ul { padding:0; margin:0; list-style:none; }
.axm_txt li{background:transparent url(../images/5.gif) no-repeat left 5px; padding-left:10px;}
button, label, select, option, input[type=submit] { cursor: pointer; }
.clearfix:after,.axm_txt:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix,* html .axm_txt { zoom: 1; } /* IE6 */
*:first-child+html .clearfix,*:first-child+html .axm_txt{ zoom: 1; } /* IE7 */
.alignleft { float: left; margin-right:10px; }
.alignright { float: right; margin-left:10px; }
#prevnext,#sendprint{display:none;}
.axm_txt{font-family: Georgia, arial sans-serif; margin-bottom:15px;}
/******* *********/
/******* *********/
#menu-top{
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
text-transform:uppercase;
background:transparent url(../images/bg-top.png) no-repeat top left;
color:#fff;
width:449px;
height:26px;
padding-left:10px;
font-size:90%;
display:block;
float:right;
margin-bottom:224px;
}
#menu-top a{color:#fff; text-decoration:none; border-right:1px #fff solid;}
#menu-top a.last{border:none;}
#menu-top a:hover{text-decoration:underline;}
#menu-top li{float:left; margin:0 3px 0 0; }
#menu-top li a{padding:0 7px;}
#ctlDroite{position:absolute; top:0; left:0;}
#ctlDroite #logo{position:relative; background:transparent url(../images/logo.png) no-repeat top left ; display:block; width:220px; height:105px; text-indent:-9999px; float:left; }
#ctlDroite #switcher ul{float:left; position:absolute; top:10px; right:-21px;}
#ctlDroite #switcher ul li a {display:block; width:27px; height:18px; text-indent:-9999px; background-color:transparent; background-repeat:no-repeat; background-position:left top;}
#ctlDroite #switcher ul li a:hover,.ete #ctlDroite #switcher ul li a#ete,
.printemps #ctlDroite #switcher ul li a#printemps,.hiver #ctlDroite #switcher ul li a#hiver,
.automne #ctlDroite #switcher ul li a#automne {background-position:left -18px;}
#ctlDroite #switcher ul li a#ete{background-image:url(../images/s-ete.png);}
#ctlDroite #switcher ul li a#printemps{background-image: url(../images/s-printemps.png);}
#ctlDroite #switcher ul li a#hiver{background-image: url(../images/s-hiver.png) ;}
#ctlDroite #switcher ul li a#automne{background-image: url(../images/s-automne.png);}
/******* *********/
/******* *********/
/******* *********/
#zone1{padding:0 14px 0 7px;}
#zone_gauche{width:232px; float:left; background:white url(../images/left_bg.gif) repeat-y top left; border-right:#c0b5b5 1px solid;border-bottom:#c0b5b5 1px solid; font-size:120%;}
#search{margin:7px 0 10px; padding-left:7px;}
#search_container{background: transparent url(../images/search-box.gif) no-repeat top left; width:210px; height:28px; }
#search_container .btn_search {float:right; width:30px; height:28px; background:none; border:0; }
#search_container .txt_search{ border:none; background:none; padding: 8px 0 0 4px; width:170px;}
#zone_gauche .menu {width:208px; margin-left:-8px;}
#zone_gauche a {color:#666;}
#zone_gauche a:hover,#zone_gauche a.m_p_sel{color:#639a07; }
#zone_gauche .menu a.m_ss,#zone_gauche .menu a.m_ss_sel,
#zone_gauche .menu a.m_s, #zone_gauche .menu a.m_s_sel {
background:url("../images/bg-section-left.png") no-repeat scroll left top transparent;
color:#FFFFFF;
display:block;
font-family:Georgia;
height:30px;
padding:6px 0 0 17px;
overflow:hidden;
/*text-align:center;*/
width:227px;
font-weight:700;
}
#zone_gauche .menu a.m_ss:hover,#zone_gauche .menu a.m_ss_sel:hover,
#zone_gauche .menu a.m_s:hover, #zone_gauche .menu a.m_s_sel:hover { text-decoration:none; cursor:default !important;}
#zone_gauche li.m_s_sel,#zone_gauche li.m_s{margin-bottom:12px; width:227px;}
#zone_gauche li ul ul{margin-left:16px; border-color:#cecece; border-width: 0 1px 1px; border-style:solid; width:208px; background-color:#fff;}
* html #zone_gauche li ul ul,*+html #zone_gauche li ul ul{padding-bottom:5px;}
#zone_gauche li ul ul li{margin-bottom:5px;}
#zone_gauche li ul ul li a{ padding:0 2px 0 12px; display:block;}
#zone_gauche li ul ul li a:hover,#zone_gauche li ul ul li a.m_p_sel{ background:transparent url(../images/bullet-menu.gif) no-repeat left 4px;}
#zone_gauche li.m_ss, #zone_gauche li.m_ss_sel li.m_s,#zone_gauche li.m_ss_sel a.m_ss_sel{display:none;}
/*Page d'Accueil*/
.p_23 #zone_gauche li.ss_1, .p_23 #zone_gauche li.ss_3,.p_23 #zone_gauche li.ss_5,
.p_23 #zone_gauche li.ss_7,.p_23 li.p_1{display:none;} /*Only show sections/pages > 5th Ssection */
.p_23 #zone_gauche li.m_ss_sel li.m_s{display:block;}
/*Menu d'accès rapide*/
#zone_gauche #zone3{margin-bottom:10px;}
#zone_gauche .qmenu_1{ background:transparent url(../images/sports-et-loisirs.png) no-repeat left top; width:227px; padding-top:35px; margin-left:-8px;}
#zone_gauche .qmenu_2{ background:transparent url(../images/compostage.png) no-repeat left top; width:227px; padding-top:35px; margin-left:-8px;}
#zone_gauche .qmenu_5{ background:transparent url(../images/hygiene.png) no-repeat left top; width:227px; padding-top:35px; margin-left:-8px;}
#zone_gauche .axm_qmenu div.list_menu ul{margin-left:16px; border-color:#cecece; border-width: 0 1px 1px; border-style:solid; width:208px; background-color:#fff; padding-top:2px;}
#zone_gauche .axm_qmenu div.list_menu ul li{padding-bottom:7px;}
#zone_gauche .axm_qmenu div.list_menu ul a{ padding:0 0 0 12px; display:block;}
#zone_gauche .axm_qmenu div.list_menu ul a:hover,
#zone_gauche .axm_qmenu div.list_menu ul a.m_p_sel{ background:transparent url(../images/bullet-menu.gif) no-repeat left 4px;}
/******* *********/
/******* *********/
#zone2{padding-bottom:15px;}
#zone_droite{ float:left; margin-left:21px;width:675px; }
.p_23 .TitrePage h1{display:none;}
.TitrePage h1{ font-size:110%; border-top:#d6d6d6 solid 1px; border-bottom:#d6d6d6 solid 1px; padding:5px 0 5px 5px ; margin: 5px 0 15px 0; font-weight:normal; }
.TitrePage h1:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .TitrePage h1 { zoom: 1; } /* IE6 */
*:first-child+html .TitrePage h1{ zoom: 1; } /* IE7 */
.TitrePage .p{color:#41748d; font-weight:bold;}
.TitrePage .s,.TitrePage .ss,.TitrePage .p{display:block; float:left;}
.TitrePage .tp_sep{ display:block; text-indent:-9999px; background:#fff url(../images/sep.gif) no-repeat left 1px; width:8px; height:11px; float:left; margin:0 10px; }
/******* *********/
/******* *********/
/******* *********/
#zone2 .axc_search{padding-top:10px;}
#zone2 .search_simple{display:none;}
#zone2 .tbl_result{margin:20px 0; width:675px;}
#zone2 .tbl_result .lnk_item{font-size:150%;}
#zone2 .tbl_result tbody{border:#ccc 1px solid;}
#zone2 .tbl_result td{padding:10px;}
#zone2 .tbl_result td:hover{background-color:#edffc1;}
#zone2 .tbl_result .pager,.resultsDisplay,.pagingControl{text-align:center;}
#zone2 .search_adv{margin:20px 0;}
#zone2 .search_adv h2{margin-bottom:10px;}
#zone2 .search_adv .tbl_opt{margin:15px 0;}
#zone2 .search_adv .td_opt_left{width:160px;}
#zone2 .search_adv .lbl_opt{font-weight:bold;}
#zone2 .search_adv .lbl_opt .td_opt_left{margin-bottom:20px;}
#zone2 .search_adv .opt_search td{padding-top:8px;}
#zone2 .search_adv .td_opt_right{vertical-align:top;}
#zone2 .search_adv .td_opt_right div{margin-bottom:15px;}
/******* *********/
/******* *********/
.axm_sitemap a{display:block; margin-bottom:8px;}
#tagBody .axm_sitemap ul li ul li ul li a{font-weight:normal; color:#3399CC; }
.axm_sitemap ul li ul{margin-left:12px;}
.axm_sitemap ul li ul li{padding-left:10px; background:transparent url(../images/3.gif) no-repeat left 3px;}
.axm_sitemap ul li a {font-weight:bold;letter-spacing:2px; border-bottom:#ccc 1px solid; width:250px;}/*Super Section*/
#tagBody .axm_sitemap ul li ul li a{color:#639a07; letter-spacing:normal; border:none; font-weight:normal;}/*Section*/
/******* *********/