/* Start of CMSMS style sheet 'screen' */
body {
	text-align: center!important;
	background-color: #264E8C!important;
	font-family: "Geneva", Arial!important;
	font-size:14px!important ;

}

a img {
	 border:0;
}

#sirtom {
	width:810px;
	margin: 0 auto;

}



/* HEADER */

#header h1 {
	margin:0;
	border:0;
}

#header h1 a {
	display:block;
	height: 157px;
	background: transparent url("i/header.png") no-repeat;
	margin:0;
}

#header h1 span {
	display:none;
}

#header h2 {
	display:none;
}





/* MENU */

#menu {
	height: 32px;
	background: transparent url("images/sirtom/bg-menu.jpg") repeat-x;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: auto;
}


#menu a {
	display: block;
	height: 16px;
	width: 140px;
	float: left;

	font-size:14px;
	color: #264e8d;
	text-decoration: none;
	padding:8px;
}





div#menu a:hover {
	background: transparent url("images/sirtom/bg-menu-hover.jpg");
}




/* SIDEBAR */


#sidebar {
	width:200px;
	padding-bottom: 10px;
	float:left;
	text-align: left;
	color:#fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	margin-left:23px;
}

/* HACK IE bordures (submenu) */
* html #sidebar { margin:0 0 0 0px; }
/* fin du filtre */

#sidebar ul {
	list-style-type: none;
}

#sidebar a, #sidebar strong, #sidebar h2 {
	display:block;
	margin:0;
	padding:0;
	background:transparent url("images/sirtom/sidebar-button.jpg");
	height: 25px;
	width: 199px;
	text-decoration: none;
	color:#326bab;
}

#sidebar strong {
	background-position: 0px 25px;
}

#sidebar a:hover {
	background-position: 0px 50px;
}
#sidebar a.active {
	background-position: 0px 100px;
}
#sidebar p a {
	display: inline;
	background-color: transparent;
	background-image: none;
	color: #bfe774;
}

#sidebar p a:hover {
	background-color: #fff;
	color: #9ad924;
}

#sidebar p strong {
	display: inline;
	background-image: none;
	color:#fff;
}

#sidebar span, #sidebar h2 span {
	display: block;
	margin: 0;
	padding:7px 0 0 15px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}

#sidebar h2 span, #sidebar strong span {
	cursor: default;
}

#sidebar p {
	padding:10px;
	color:#fff;
	font-size: 0.85em;
}

/* CONTENT */

#content {
	clear: both;
	background: transparent url("images/sirtom/HOMEbg-content.jpg");
	color: #333;
}



#main-content {
	margin:0 15px 0 0;
	padding:10px 0 0 0;
	text-align: left;

}

#main-content p {
	margin:13px 0;
}

#main-content ol {
	padding-left:30px;
}

#main-content ul {
	padding-left:20px;
}

/* FOOTER */

#footer {
	clear: both;
	height: 67px;
	background: transparent url("images/sirtom/HOMEbg-footer.jpg") no-repeat;
}



/* classes */

.Problem {
	color:red;
}



/* HORAIRES DECHETTERIE */

#horaires-dechetterie {
	margin-left:2px;
	width:740px;
}

#horaires-dechetterie th {

	background-color: #264E8D;
	text-transform: uppercase;
	color: #fff;
}

#horaires-dechetterie td {
	/*background-color: #BFD2EA;*/
	color: #000;
	padding:8px;
	text-align:center
}

/* FONTS */


a {
	text-decoration: underline;
	color:#264e8d;
}

a:hover {
	background-color: #264e8d;
	color: #fff;
	text-decoration: none;
}

h1 {
	font-size:1.5em;
	border-bottom:1px solid #555;
	color:#333;
	margin-bottom:20px;
}

h2 {
	color:#83c932;
	font-size: 1.2em;
	margin:10px 0;
}


/* SITE WIDE */

.liensTri { margin-left:30px; }
.liensTri h2, .liensTri a, .liensTri img { display: block; margin:0; padding:0; }
.liensTri a:hover {	background-color: transparent; }



/*MDF 22avril */
SPAN#loader{ display:none!important}



#context-info {
clear:both;
width:168px;
padding:16px 36px;
color:#fff;

.info { background-image:url('images/sirtom/info-block.gif');
background-repeat:no-repeat; background-position:0px 20px;text-indent:20px;}
 }


div#DialogContent TABLE {background-color: #F0F1E9!important; }
div#DialogContent TABLE TD{padding: 4px; }



/* PLAN DU SITE


CSS classes used in this template:
#menuwrapper - The id for the <div> that the menu is wrapped in. Sets the width, background etc. for the menu.
#primary-nav - The id for the <ul>
.menuparent - The class for each <li> that has children.
.menuactive - The class for each <li> that is active or is a parent (on any level) of a child that is active. */


ul#primary-nav li {margin:10px  70px; } 

.menuparent  li a { font-weight:normal ;background-color:#F8F8F8}
.menuparent  li a:hover { background-color:#264E8C}

#menuwrapper .menuparent  li  { list-style-image: url("images/sirtom/circle-green.gif" );}

ul  a {font-weight:bold;background-color:#F8F8F8}

#menuwrapper  ul { list-style-image: url("images/sirtom/circle.gif" ) }



ul#primary-nav  li a 
{
font-size:16px;
text-decoration:none;
display:block;

}



/* HR CLEAR BOTH */

.noclear{ clear:both!important}


/*FOOTER LIENS*/


 .footer_link   {color:#c8c8c8; font-size:12px !important; text-decoration:none}

 .footer_link  a:hover{color:#c0c0c0}

/*NFS*/


.home_marquee_deco{background: top center no-repeat   url(images/sirtom/flash.png) ; }




.sujet {width:100px}





/* End of 'screen' */