/* - - - - - - - - - - - - - - - - - - - - -
Titre : Ville de Maizières-lès-Metz - Feuille de style principale
URL : www.maizieres.com
Auteur : Galand Jérémie
Créé le : 21/07/09
- - - - - - - - - - - - - - - - - - - - - */

/* ========== CSS ========== */
* { margin:0; padding:0; }
html { height:100%; }
body {
	text-align:center;
	color:#555;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:80%;
	line-height:1.5em;
	font-weight:normal;
	background:#FFF;
}
body.accueil { /* background-image:url(../images/bg_body_home.gif); */ }

/* ========== LAYOUT IDs ========== */
#header {
	position:relative;
	width:950px;
	height:158px;
	margin:0 auto;
	text-align:left;
}

#banner {
	position:relative;
	width:950px;
	height:178px;
	margin:0 auto;
	text-align:left;
	z-index:1;
}
body.accueil #banner { height:258px; }

#containerRub, #containerArt {
	width:950px;
	text-align:left;
	margin:0 auto;
	border-top:1px solid #CCC4C0;
	border-bottom:1px solid #CCC4C0;
	background:#fff url(../images/fond_rubrique.gif) 0 0 repeat-y;
}
#containerArt { background-image:url(../images/fond_article.gif); }
#lefter {
	float:left;
	width:199px;
}
#contentRub {
	float:left;
	width:550px;
	overflow:visible;
}
#contentArt {
	float:right;
	width:750px;
	overflow:visible;
}
#righter{
	float:right;
	width:199px;
}
#footer{
	clear:both;
	width:950px;
	text-align:center;
	margin:0 auto;
	height:100px;
	background:#fff url(../images/footer.jpg) no-repeat bottom;
}
.notes { border-top:1px dotted #E0D6BF; margin:1.5em 0; font-size:.9em; }
#copyright{
	clear:both;
	width:950px;
	text-align:center;
	margin:0 auto;
	font-size:10px;
	color:#fff;
	background:#BDA69C;
}
#copyright a { color:#fff; }
#copyright a:hover { color:#fff; }
/* ========== CLASSES ========== */

.margeColumn { padding:25px 8px 20px; }
.margeContent { 
	margin:25px 0 20px;
	padding:0 30px;
}
.hide { display:none; }
.show { display:block; }
.left { float:left; }
.right { 
	clear:right;
	float:right; 
}
.va-bottom { 
	vertical-align: bottom; 
	margin-left:3px;
}
.clearingdiv {
	clear:both;
	height:20px;
	width:1px;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display:inline; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display:block; }
/* End hide from IE-mac */

div.hr hr { display:none; } 

/* ========== TEXT FORMATING ========== */
a {
	color:#000;
	text-decoration:none;
}
a:hover { 
	color:#930000;
	border:none;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	color:#333;
	line-height:1.2em;
}
h1 { font-size:2em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
h4 { font-size:1.3em; }
h5 {
	font-size:1.1em;
	margin:1em 0;
	font-weight:bold;
	color:#CCC4C0;
}
h6 {
	font-size:.9em;
	margin:1em 0;
	font-weight:bold;
	color:#CCC4C0;
}
h6.autre {
	font-size:.9em;
	margin:0.1em 0;
	font-weight:bold;
	color:#000;
}
p {
	margin:0;
	padding-bottom:1em;
}
#contentArt p, #contentArt p.spip, #contentRub p, #contentRub p.spip { padding-bottom:1em; }
#righter p.spip { padding-bottom:.5em; }
ul, ol, dl, dt, dd {
	list-style:none;
	margin:0 0 1em 0;
	padding:0;
}
ul ul, ol ol, ul ul ul, ol ol ol { 	margin-bottom:0; }
#contentRub ul li, #contentArt ul li {
	margin-left:1em;
	padding-left:14px;
	background:url(../images/puce.gif) 0 4px no-repeat;
}
#contentRub ol li, #contentArt ol li {
	margin-left:1em;
	list-style-type:decimal;
	list-style-position:inside;
}
table {
	margin:0 2em 1em 1em;
	width:auto;
	border-collapse:collapse;
	border:1px solid #aaa;
	background-color:#fff;
}
caption {
	padding:.5em 0;
	font-size:1.1em;
	font-weight:bold;
}
td, th {
	padding:.5em;
	border:1px solid #ccc;
	text-align:left;
	width:auto;
	vertical-align:top;
}
thead, tr.row_first {
	background-color:#B5A69C;
	color:#fff;
	width:auto;
	text-align:center;
	font-size:1.1em;
}
tbody { width:auto; }
tr.alt, tr.row_odd  { background-color: #F0F0EC; }
img, img a, img a:hover, a img { border:0; text-decoration:none; }

/* ========== HEADER ========== */

#header h1 a {
	position:absolute;
	top:45px;
	left:10px;
}
#header h1 a:hover {
	cursor:pointer;
	border:none;
}
#tools {
	float:left;
	width:250px;
	margin-top:8px;
	margin-left:8px;
	font-weight:bold;
	text-align:left;
	color:#BDA69C;
}
#tools a { color:#BDA69C; }
#tools a:hover { color:#930000; }

#accessibility {
	float:right;
	width:200px;
	margin-top:8px;
	margin-right:8px;
	text-align:right;
	color:#BDA69C;
}

/* ========== FIL D'ARIANE ========== */

#ariane {
	position:absolute;
	left:8px;
	bottom:7px;
}
#ariane a:hover { border-bottom:#930000 dotted 1px; }

/* ========== SEARCH FORM ========== */

#search { 
	position:absolute;
	right:2px;
	bottom:7px;
}
#search label {
	padding:0 6px;
	font-weight:bold;
}
#search input.searchbox { 
	width:100px; 
	border:1px solid #CCC4C0;
  font:11px/13px Monaco,Monospace;
}
#search input.button {
	margin-top:5px;
	padding-right:3px;
	vertical-align:text-bottom;
}
#search img { padding-top:4px; }

/* ========== LEFTER & RIGHTER ========== */

#lefter a:hover, #righter a:hover { border-bottom:#930000 dotted 0px; }
#lefter h2, #righter h2 {
	padding:3px 0;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
}
#lefter h3, #righter h3 {
	padding:1px;
	margin:.5em 0;
	font-size:1em;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
	background-color:#BDA69C;
}
#lefter h4, #righter h4 {
	padding:1px;
	font-size:1em;
	line-height:1.4em;
	color:#fff;
	font-weight:normal;
	background-color:#BDA69C;
}
#lefter h4 { margin:1px 0 1px 1em; }
#righter h4 { margin:1px 0; }
#lefter h3 a, #righter h3 a, #lefter h4 a, #righter h4 a {
	display:block;
	width:100%;
	padding:1px 0;
	color:#fff;
}
#lefter h3 a, #righter h3 a { background-color:#BDA69C; }
#lefter h4 a, #righter h4 a { background-color:#BDA69C; }
#lefter h3 a:hover, #lefter h3 a.on, #righter h3 a:hover, #lefter h4 a:hover, #lefter h4 a.on, #righter h4 a:hover {
	border:none;
	color:#555;
	background-color:#fff;
}
#lefter h5, #righter h5 {
	margin:.6em 0 .4em;
	font-size:1.2em;
	font-weight:bold;
	color:#930000;
}
#lefter li { 
	padding-top:.1em; 
	padding-bottom:.1em; 
}
#righter li { 
	padding:.1em 0 0 .5em;
}
#righter .blocBreve {
	clear:both;
	background-color:#DDF9FF;
	padding-bottom:.3em;
}
#righter .blocBreve2 {
	clear:both;
	margin-top:10px;
	padding-bottom:.8em;
}
#righter .blocBreve2 IMG {
	margin-top:5px;
	margin-right:40px;
	padding:1px;
	border:0px solid #CCC4C0; 
}


.blocBreve3 {
	background-color:#F3E2A7;
	padding-bottom:.3em;
	margin-bottom:.9em;
}
.blocBreve3 li {
	padding:.1em 0 0 .5em;
}
.blocBreve4 {
	background-color:#F9EEF3;
	padding-bottom:.3em;
	margin-bottom:.9em;
}
.blocBreve4 li {
	padding:.1em 0 0 .5em;
}

#righter ul li.spip {
	margin-left:0;
	padding-left:10px;
	background:url(../images/puce.gif) 0 4px no-repeat;
}
#righter ol li.spip {
	margin-left:.2em;
	list-style-type:decimal;
	list-style-position:inside;
}
#righter .spip_logos {
	float:right;
	margin:0 0 .2em .5em;
}

#righter li.agenda  {
	padding-bottom:.8em;
	border-bottom:1px solid #BDA69C;
}
#lefter #sousRubrique {
	margin:-25px -8px -35px;
	padding:25px 8px 35px;
	background-color:#FFF;
}
#lefter #sousRubrique h2 { padding-bottom:1em; }
#lefter #sousRubrique li a {
	display:block;
	padding:2px 12px 2px 2px;
	background:url(../images/chevrons.gif) 100% 50% no-repeat;
	width:169px;
}
#lefter #sousRubrique li a:hover, #lefter #sousRubrique li a.arton {
	color:#fff;
	border:none;
	background:#930000 url(../images/chevrons_blanc.gif) 100% 50% no-repeat;
}
#lefter input.email { 
	margin-top:5px;
	width:150px; 
	border:1px solid #BDA69C;
	padding-bottom:1px;
	font-size:10px;
	}
#lefter input.emailBut { vertical-align:text-bottom; }
#lefter input img { padding-top:4px; }
#lefter input.radio {
	margin-top:.5em;
	vertical-align:text-bottom;
	}

/* ========== CONTENT HOME & RUBRIQUE ========== */

#accueilUne, #uneRub {
	float:left;
	width:490px;
	margin-bottom:0;
}
html>body #accueilUne { margin-bottom:2.5em; }
html>body #uneRub { margin-bottom:2.5em; }
html>body #footer { min-height: 90px; }
#accueilUne h2 {
	height:19px;
	margin-bottom:25px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-100em;
	overflow:hidden;
}
#uneRub h2 {
	text-transform:uppercase;
	letter-spacing:.1em;
	margin-bottom:25px;
}
#accueilUne .unePhoto, #uneRub .unePhoto { 
	float:left;
	width:140px;
}
.unePhoto a img { 
	padding:1px;
	border:1px solid #CCC4C0; 
}
.logorub { 
	padding:1px;
	margin: 0 10px 10px 0;
	float:left;
	width:140px;
	border:1px solid #CCC4C0;
}
.logogif { 
	margin: 10px 0 10px 0;
}
#accueilUne .uneArt, #uneRub .uneArt { 
	float:right; 
	width:330px;
}
#accueilUne .uneArt h3, #uneRub .uneArt h3 { 
	padding-bottom:.6em;
	margin-bottom:.6em;
	font-weight:bold;
}
#accueilUne .uneArt h4 { 
	margin-bottom:.6em;
	font-weight:bold;
	color:#930000;
}
#accueilArticles, #artRub {
	clear:both;
	float:left;
	width:490px;
	position:relative;
	margin-bottom:1em;
}
html>body #accueilArticles { margin-bottom:2.5em; }
html>body #artRub { margin-bottom:2.5em; }
#archives a {
	position:absolute;
	top:6px;
	right:0;
	text-align:right;
}
#archives a:hover { border-bottom:#B5A69C dotted 1px; }
#accueilArticles h2, #artRub h2 {
	height:30px;
	margin-bottom:15px;
	border-top:1px solid #CCC4C0;
	border-bottom:1px solid #CCC4C0;
	background-position:0 5px;
	background-repeat:no-repeat;
	text-indent:-100em;
	overflow:hidden;
}
#artRub h3 { 
	padding-bottom:.3em;
	margin-bottom:.6em;
	border-bottom:1px dotted #B5A69C;
	font-weight:bold;
}
#artRub h4 { 
	margin-bottom:.6em;
	font-weight:bold;
	color:#B7A59E;
}
.colHome {
	float:left;
	width:153px;
	margin:0;
	padding:0;
	padding:0 4px;
}
#accueilArticles p { 
	padding:0 .4em; 
	font-size:.95em;
}
#accueilArticles p.thumbnail {
	margin:0;
  padding:0 0 15px;
	text-align:center;
}
#accueilArticles p.thumbnail img { 
	padding:1px;
	border:1px solid #CCC4C0; 
}
.colHome h3 {
	width:143px;
	display:block;
	padding:0;
	margin:0 0 .6em;
	padding:0 5px 1px;
	font-size:1em;
	font-weight:bold;
	line-height:1.4em;
	color:#fff;
	background-color:#930000;
}
.colHome h4 {
	margin-bottom:.6em;
	padding-left:5px;
	font-size:1em;
	font-weight:bold;
	line-height:1.5em;
	color:#930000;
}
#artRubAbstract {
	float:left;
	width:100%;
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:3px double #CCC4C0;
}
#artRubAbstract .spip_logos {
	float:left;
	padding:0 1em .5em 0;
}
#portfolio {
	float:left;
	width:100%;
	padding-bottom:1em;
	margin-bottom:1em;
}
#portfolio .spip_logos {
	float:left;
	padding:0 1em .5em 0;
}
/* ========== CONTENT ========== */

.print {
	float:right;
	width:80px;
	padding-right:20px;
	text-align:right;
	background:url(../images/print.gif) 100% 0 no-repeat;
}
.print a {
	border:none;
	color:#000;
}
h2.article {
	text-transform:uppercase;
	letter-spacing:.1em;
	margin-bottom:1em;
	font-size:2em;
}
h3.article { 
	font-size:1.4em;
	text-transform:uppercase;
	letter-spacing:.1em;
	margin:1em 0;
	font-weight:bold;
	color:#CCC4C0;
}
div.date { 
	margin-top:-1em;
	margin-bottom:2em;
	font-size:.9em;
	color:#aaa;
}
p.date, p.date a {
	margin-top:.5em;
	font-size:.9em;
	color:#CCC4C0;
}
.logoArticle { 
	padding:0 0 1em 2em;
}
.logoArticle2 { 
	padding:1px;
	margin: 0 10px 10px 0;
	float:left;
	width:auto;
	border:1px solid #CCC4C0;
}

.chapo {  font-weight:bold; }
p.chapo { 
	color:#555; 
	font-size:1.1em;
	margin-bottom:1.5em;
}
#table_matiere ul li { background-image:url(../images/ularrow.gif); }
#table_matiere ul li a { font-weight:bold; }

#leftBox ul, #rightBox ul {
	margin-bottom:.8em;
}
#contentArt a, #leftBox a, #rightBox a {
	color:#000;
	border-bottom:0px dotted #000;
}
#contentArt a:hover, #leftBox a:hover, #rightBox a:hover {
	color:#930000;
	border-bottom: 0px dotted #930000;
}
.top {
	position:relative;
	right:0;
	top:-10px;
}
h3.monstyle {
	clear:both;
	width:680px;
	font-size:1.5em;
	line-height:1.2em;
	text-transform:uppercase;
	letter-spacing:.1em;
	margin:1.2em 0 .8em;
	padding:3px;
	font-weight:bold;
	color:#B5A69C;
	border:1px solid #E0D6BF;
	background:#fff url(../images/bg_h3.gif) 0 0 no-repeat;
}
h4.monstyle {
	clear:both;
	font-size:1.3em;
	text-transform:uppercase;
	letter-spacing:.05em;
	margin:1.2em 0 .8em;
	font-weight:bold;
	color:#B5A69C;
	border-bottom:1px solid #E0D6BF;
}
h5.monstyle {
	font-size:1.15em;
	text-transform:uppercase;
	letter-spacing:.05em;
	margin:1em 0 .1em;
	font-weight:bold;
	color:#B5A69C;
	border-bottom:1px dotted #E0D6BF;
}

h5.liste {
	font-size:1.15em;
	letter-spacing:.04em;
	margin:1em 0 .1em;
	font-weight:bold;
	color:#B5A69C;
}

.spip_doc_titre {
	color:#B5A69C;
	font-size:.95em;
}
.spip_doc_decriptif {
	color:#B5A69C;
	font-size:.85em;
}
.spip_documents_center {
	margin:0 auto 1.5em; 
	text-align:center;
}
.spip_documents_left {
	float:left;
	margin:0 2em 1.5em 0; 
	text-align:center;
}
.spip_documents_right {
	float:right;
	margin:0 0 1.5em 2em; 
	text-align:center;
}
.spip_surligne { 
	background-color:#FF0;
	color:#000;
}

/* ========== TROMBINOSCOPE ========== */
.trombimg {
 border:0px; 
 background-color:#FFFFFF;
 }
.trombidesc {
 border:0px; 
 background-color:#FFFFFF;
 }
.none {
 border-style:none;
 }
 
 
  
 
 
 
 /* Catnav */
#catnav { position:relative; width:900px; height:12px; margin:0 auto; text-align:left; z-index:1000; color:#B5A69C; }

#catnav #nav ul, 
#catnav .menu-liste {
  list-style: none;
  margin: 0;
  padding: 0;
  }
  
#catnav #nav ul ul, 
#catnav .menu-liste ul {
  margin: 0;
  padding: 0;
  }

#catnav #nav ul li, 
#catnav .menu-liste li {
  float: left;
  margin: 0;
  padding: 0;
  background:none;
  }

#catnav #nav ul a, 
#catnav .menu-liste a {
  display: block;
  line-height: 40px;
  margin: 0;
  padding: 0 15px 0 15px;
  font-size: 10pt;
  }

#catnav #nav ul li a:hover, 
#catnav .menu-liste li a:hover {
  color: #930000;
  text-decoration: none;
  display: block;
  }

#catnav #nav ul li ul, 
#catnav .menu-liste li ul {
  list-style: none;
  position: absolute;
  width: 210px;
  left: -999em;
  }

#catnav #nav ul li:hover ul, #catnav #nav ul li.sfhover ul, 
#catnav .menu-liste li:hover ul, #catnav .menu-liste li.sfhover ul {
  left: auto;
  }
  
#catnav #nav ul li li, 
#catnav .menu-liste li li {
  float: left;
  margin: 0;
  padding: 0;
  width: 210px;
  }
  
#catnav #nav ul li li a, 
#catnav .menu-liste li li a {
  width: 210px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  border-top: 1px solid #F5F2F1;
  background: #B5A69C;
  margin: 0;
  padding: 3px 20px 3px 20px;
  font-size: 8pt;
  }
  
#catnav #nav ul li li a:hover, 
#catnav .menu-liste li li a:hover {
  border-top: 1px solid #F5F2F1;
  background: #F5F2F1;
  padding: 3px 20px 3px 20px;
  }

#catnav #nav ul li:hover, #catnav #nav ul li.sfhover, 
#catnav .menu-liste li:hover, #catnav .menu-liste li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }
  

table#invisible {
    border: none;
	}

table#invisible td {
    border: 0px;
	}