body {margin:0;padding:0;text-align:center;background:url("../img/Textures_2.jpg");font:12px arial,helvetica,sans-serif}
img {border:none;margin:0;padding:0}
h1 {font-size:24px;color:#333;left:2px}
h2 {margin-top:20px}
h3 {color:#e64a00}
dl,dt,dd,ul,li {margin:0;padding:0;list-style-type:none}
input,textarea {background:#ccc;border:1px solid #999}
input:hover,textarea:hover {background:#ccc;border:1px solid #3f0}
input:focus,textarea:focus {background:#fff;border:1px solid #3f0}
abbr {cursor:help}
a {color:#000;text-decoration:none;font-weight:bold;font-size:12px}
a:hover {color:#fff;background:#000}
a.pasgras {font-weight:normal}
#conteneur {position:relative;text-align:left;border-right:thin solid #e5ebe1;border-left:thin solid #e5ebe1;margin:0 auto;width:750px}
#header {width:100%;height:131px;background:url("../img/titre.gif")}
#lefty {width:480px;padding:40px 5px 5px;margin:0;float:left}
#lefty p {width:475px;}
#righty {width:235px;padding:40px 5px 5px;margin:0;float:left}
#bottom {clear:both;margin:0;padding:10px 0;text-align:center}
.liste li {list-style-type:none}
ul#menu li ul{
  display:none;
}

ul#menu li:hover>ul{
  display:block;
}


ul#menu{
  margin:0px;
  padding:0px;
  list-style:none;
  width:100%;
  background:#fff;
  float:left;
  font:0.7em Arial;
}


ul#menu li{
  float:left;
  display:block;
  padding:2px 1px;
}

ul#menu li.first{
  padding-left:2px;
}

ul#menu li.last{
  padding-right:2px;
}

ul#menu li a{
  display:block;
  padding:2px 6px;
  border:1px solid #CCCCCC;
  color:#000000;
  text-decoration:none;

}

ul#menu li a:hover{
  border-top-color:#F0F0F0;
  border-left-color:#F0F0F0;
  border-right-color:#999999;
  border-bottom-color:#999999;
  background:#ccc;
}

ul#menu ul{
  background:#fff;
  position:absolute;
  list-style:none;
  margin:0px;
  padding:0px;
  width:160px;
  z-index:1;
}

ul#menu ul ul{
  top:0px;
  left:155px;
  z-index:2;
}

ul#menu ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:0px;
  _display:inline;
}

ul#menu ul li a{
  display:block;
	margin:0px;
	padding:0px 0px 0px 5px;
	width:160px;
  border:none;
  border: 1px solid #ccc;
}
ul#menu ul li a span{
  display:block;
  width:144px;
  _width:156px;
	padding:2px 6px;
	
  border:none;
	cursor:hand;
}
#lefty p.comm {width:400px;padding:22px 3px 3px 22px;background:#E9E9E9; background-image:url(../img/comments.gif); background-repeat:no-repeat; margin-right:30px}
#lefty p.date {padding-left:5px;display:block;width:470px;margin-top:40px;font-style:italic;font-weight:bold;background:#E64A00;color:#fff}
.adroite {text-align:right}
#lefty p.code, #lefty div.code {font-family:"Courier New",Courier,mono;border:1px solid #3f0;width:95%;margin:5px;padding:5px;padding-top:20px;background:#fff url(http://www.dreamweaver-php.com/img/code.gif) no-repeat}
.info {text-align:center}
input.mail {background-image:url(http://www.dreamweaver-php.com/img/mail.gif); background-repeat:no-repeat; padding-left:17px;}
input.recherche {background-image:url(http://www.dreamweaver-php.com/img/cherche.gif); background-repeat:no-repeat; padding-left:17px;}