/* beginning cssGloballayout */
/* CSS Document */

body { 
 
color: #333333; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
color:#333;
margin: 20px 0 0 0; 
padding: 0; 
text-align:center;
}

form * {margin:0;padding:0;}
h1, h2, h3 {
 color: #2F3030;
}

/* beginning idmaster 
#master {
 margin: 0 auto; 
 width: 955px; 
 text-align:left;
 background-color:#EBEBE6;
} 
*/

#mosaic_master{
margin: 20px auto;
width: 803px;
text-align:left;
background-color:#ffffff;
background-image:url(http://www.mos-art.be/img_project/site/frise.gif);
background-position:0 188px;
background-repeat:repeat-y;
}
 
 
  /* beginning idheader */ 
#mosaic_header { 
width:803px; 
}
/* end idheader */

#nav{
width:773px;
margin-top:2px;
margin-left:32px;
}

h1 {
margin: 0;
clear: both;
visibility:hidden;
} 

h2{
font-size:1.2em;
}


#listMenuRoot{
margin:0px;
padding:0;
list-style:none;
}


.menulist  {
 margin: 0;
 padding: 0;
 }

.menulist ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 font-family:Arial, Helvetica, sans-serif;
 }

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 2.5em; /* I'm using ems rather than px to allow people to zoom their font */
 left: 0px;
 width: 150px;
 white-space:nowrap;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 0px;
 left: 102px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 position: relative;
font-size:11px;
 margin-right: 0px;
 /*background-color:#2F3030;*/
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -5px;
  color: #B8AF98;
}

.menulist ul li a{
color:#FFFFFF;
padding:8px;
}

.menulist ul>li:last-child {
 margin-bottom: 1px;
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 7px;
 color: #2F3030;
  background-color: #81C8C2;
 text-decoration: none;
 margin-right:2px;
 font-weight:bold;
border-bottom: 1px solid  #81C8C2;

}



/* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #B8AF98;
 background-color: #004030;
}
.menulist a.highlighted {
 color: #B8AF98;
 background-color: #2F3030;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
 .menulist a#xyz {
 background-image: url(out.gif);
 }
 .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
 background-image: url(over.gif);
 }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* */
.menulist a {
 float: none;
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). */
* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hack */



#mosaic_left{
float:left;

padding:10px 30px 30px 0;
width:440px;
font-size:0.85em;
text-align:justify;
}


#mosaic_left p{
	font-size:0.9em;
}


#mosaic_left h4{
	color:#F60;
}

#mosaic_right{
margin-top:50px;
width:250px;
padding:10px 0 10px 10px;
float:right;
text-align:right;

}

#mosaic_right img{
	border: 1px solid black;
}


.vignette{
float:left;
margin-right:20px;
margin-bottom:20px;
border:1px solid #2F3030;
/*width:64px;
height:64px;*/
}

#mainChantiers{
margin-left:50px;}

#listeHistorique{
float:left;
width:100px;
}

#listeHistorique ul{
margin:0;
padding:0;
list-style-position:inside;
list-style:none;
font-size:0.85em;
line-height:1.6em;
}

#listeHistorique ul li a{
color:#999999;
}

#listeHistorique ul li a:hover{
color:#663300;
padding-left:25px;
}
.active{
display:block;
background-color:#2F3030;
color:#FFFFFF;
font-weight:bold;
padding-left:25px;

}

#Historique{
float:left;
border-left:1px solid #2F3030;
border-bottom:1px solid #2F3030;
width:500px;
height:auto;
font-size:0.85em;
text-align:justify;
padding:0 20px 20px 20px;

}
#illuHistorique{
float:left;
border:1px solid #2F3030;
}

#HistoriqueChantier{
float:left;
border-left:1px solid #2F3030;
border-bottom:1px solid #2F3030;
width:600px;
height:auto;
font-size:0.85em;
text-align:justify;
padding:0 20px 20px 20px;

}

.linkContainer{
font-size:0.86em;
border-bottom:1px solid #2F3030;
padding-bottom:25px;
padding-top:10px;
}
.linkContainer a{
font-size:1.1em;
font-weight:bold;
color:#663333;
}
.linkContainer a:hover{
color:#666699;
}

#contact_left{
margin-left:50px;
padding:30px 30px 30px 0;
font-size:0.85em;
text-align:justify;
}


#contact_left p{
	font-size:0.9em;
}


#contact_left h4{
	color:#F60;
}


#contact_right{
margin-top:20px;
margin-left:50px;
padding:0 30px 0 10px ;

font-size:0.85em;
}


.footer_right{
float : right;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
font-weight:bold;
text-align:right;}

.footer_right a{
text-decoration:none;
color:#999999;
}

#mosaic_footer{
margin-top:20px;
margin-left:50px;
padding-top:15px;
clear:both;
background-image:url(http://www.mos-art.be/img_project/site/bckg_footer.gif);
background-position:top left;
background-repeat:repeat-x;
}
/* end cssGloballayout */