body {
background-color:#ffffff;
color: #333333;
font-family:Arial, Helvetica, sans-serif;
font-size: 100%;
margin:0;
padding: 0;
text-align:center;
}

/*couleurs et proriétés des liens*/
a{

text-decoration: none;
}

a:hover{

}

h1 {
font-size:0.1em;
clear: both;
visibility:hidden;
} 


#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: 3em; /* I'm using ems rather than px to allow people to zoom their font */
 left: 0px;
 width: 220px;
 white-space:nowrap;
}

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

/*
 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:12px;
 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;
 background-color:#000;
 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: 11px;
 color: #2F3030;
 text-decoration: none;
}



/* 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: #2F3030;
}
.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 */


.photo{
/*border:1px solid #2F3030;*/
width:240px;
height:180px;
margin-top:20px;
}
.vignette{
float:left;
margin-right:20px;
border:1px solid #2F3030;
}

#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;
border-right:1px solid #2F3030;
width:550px;
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;
border-right:1px solid #2F3030;
width:550px;
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;
}
td{font-size:0.85em;}

.googleInfo{
font-size:0.8em;
}


/* beginning idintradosse_master */
#intradosse_master {
margin: 20px auto;
width: 800px;
text-align:left;
background-color:#ffffff;
}


/* end idintradosse_master */

/* beginning idintradosse_header */
#intradosse_header {
width: 798px;
border:1px solid #2F3030;
}


/* end idintradosse_header */

/* beginning idnav */
#nav {
height:36px;
width:800px;
background-image:url(http://www.intradosse.com/img_project/site/bckg_menu.jpg);
background-position:top left;
background-repeat:no-repeat;
}


/* end idnav */

/* beginning idintradosse_footer */
#intradosse_footer {
margin-top:20px;
padding:5px;
clear:both;
border:1px solid #cccccc;
}

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

/* end idintradosse_footer */

/* beginning idintradosse_left */
#intradosse_left {
float:left;
padding:10px 30px 10px 0;
width:490px;
font-size:0.85em;
text-align:justify;
}


/* end idintradosse_left */

/* beginning idintradosse_right */
#intradosse_right {
padding:10px 0 10px 10px;
float:right;
width:243px;
}


/* end idintradosse_right */

/* beginning idcontact_left */
#contact_left {
/*float:left;*/
padding:10px 30px 10px 0;
width:520px;

}


/* end idcontact_left */

/* beginning idcontact_right */
#contact_right {
float:right;
margin-top:10px;
padding:0 30px 0 10px ;
width:200px;
border-left:1px solid black;
}
/* end idcontact_right */