* { margin: 0; padding: 0; }
img { behavior:url(iepngfix.htc); border: 0; }

body { background:white url(motif_mur.png); color: white;}
#container { position: absolute; left: 50%; margin-left: -350px; margin-top: 50px; margin-bottom: 80px; height: 1100px; }
#container_index { position: absolute; left: 50%; margin-left: -350px; margin-top: 50px;  }
#box { width: 692px; height: 1006px; background: #000000 url(cadre.jpg) no-repeat; }
#inside1 { padding: 80px 221px 0 221px; }
#inside3 { padding: 16px 100px; }

#inside_index { text-align:center; margin-top: 200px; }
#inside_index { font: 17px/20px "Arial Narrow", "Franklin Gothic Medium", Helvetica, Arial, sans-serif; }
#inside_index a { color: white; text-decoration:none; }
#inside_index a:hover { background-color: white ; color: black; }

body { font: 12px/16px arial, sans-serif; }

#logo_home { position: relative; top: 178px; left:174px ; }
#logo { margin: 0 0 0 30px; }
#phrase1 { margin: 16px 0; }
#texte { width: 250px; text-align: justify; margin-bottom: 8px; }
#texte p { margin: 0 0 8px 0; }
#phrase2 { margin: 16px 0; }
#menu { margin-left: 174px; margin-top: 24px; }
#menu td { text-align: left; vertical-align: top; padding: 0 4px 16px 0px; }

.name { float: left; padding-right: 3px; font: 15px/20px "Arial Narrow", "Franklin Gothic Medium", Arial, sans-serif; background: url(noir.png) repeat-x 0 14px;  }
.dot { background: url(dot.png) repeat-x 0 14px; width: 100%;}
.info { float: right; padding-left: 3px; background: url(noir.png) repeat-x 0 14px; }
#menu table { width: 310px; }
#menu .info {  }
#menu a { color: white; text-decoration:none; }
#menu a:hover { color: #ff7200; }

#notes { padding-top: 30px; text-align: left; width: 512px; font: 10px/12px arial, sans-serif; color: #959595;}

#valet { position: absolute; left: 550px;top: 800px;}

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }