/* CSS Document */

body  { 
      background: #5B553D;
      margin: 0; /* pour éviter les marges */
      text-align: center; /* pour corriger le bug de centrage IE */
      }

#logo {
      width: 314px;
			height: 209px;
			background-color: #5B553D;
			background-image: url(../_img/mk_ban.jpg);
			margin-left: auto; 
			margin-right: auto;
			margin-top: 0; 
			}

#navig {
      width: 500px;
			height: 278px;
			background-color: #494431;
			text-align: left; /* rétablit l'alignement normal du texte, sinon les divs demeurent au centre */
			margin-left: auto; 
			margin-right: auto;    
      }

a.home {
	    display: block;
      width: 404px;
	    height: 100px;
	    overflow:hidden;
	    background-image: url(../_img/home.jpg);
}

a.home:hover {
      background-position: 0px -100px;
}

a.about {
	    display: block;
	    overflow:hidden;
      width: 96px;
	    height: 278px;
	    background-image: url(../_img/about.jpg);
	    margin-left: 404px;
	    margin-top: -100px;
}

a.about:hover {
      background-position: 0px -278px;
}

a.blog {
	    display: block;
	    overflow:hidden;
      width: 172px;
	    height: 178px;
	    background-image: url(../_img/blog.jpg);
	    margin-left: 0px;
	    margin-top: -178px;
}

a.blog:hover {
      background-position: 0px -178px;
}

a.work {
	    display: block;
	    overflow:hidden;
      width: 232px;
	    height: 79px;
	    background-image: url(../_img/work.jpg);
	    margin-left: 172px;
	    margin-top: -178px;
}

a.work:hover {
      background-position: 0px -79px;
}

a.case {
	    display: block;
      width: 232px;
	    height: 99px;
	    background-image: url(../_img/case.jpg);
	    margin-left: 172px;
}

#footer {
			display: block;
      background: url(../_img/roundbar2.jpg) no-repeat;
      width: 490px;
      height: 44px;
      margin-top: 10px;
			margin-left: auto;
			margin-right: auto;
			text-align: left;
			}

p.disclaimer {
			float: left;
      margin-top: 12px;
			margin-left: 10px;
			margin-right: auto;
      font-family: "Liberation Sans", Arial, Helvetica;
			font-size: 14px;
			color: #D4D0BF;
      }

p.design {
			float: left;
      margin-top: 12px;
			margin-left: 190px;
			margin-right: auto;
      font-family: "Liberation Sans", Arial, Helvetica;
			font-size: 14px;
			color: black;
      }

p.contact {
			float: right;
      margin-top: 12px;
			margin-left: auto;
			margin-right: 5px;
      font-family: "Liberation Sans", Arial, Helvetica;
			font-size: 14px;
			color: #D4D0BF;
      }

a.mailto {
      font-family: "Liberation Sans", Arial, Helvetica;
			font-size: 14px;
			color: #D4D0BF;
      text-decoration: none;
			}

a.mailto:hover {
      text-decoration: none;
      border-bottom: white 1px dotted;
			}
			
a.login {
      font-family: "Liberation Sans", Arial, Helvetica;
			font-size: 14px;
			color: #D4D0BF;
      text-decoration: none;
			}

a.login:hover {
      text-decoration: none;
      border-bottom: black 1px dashed;
			}
			
img.mk {
      display: block;
      margin-top: -15px;
			width: 16px;
			height: 16px;
			margin-left: 70px;
			margin-right: auto;
			}

img.icon {
      display: block;
      margin-top: -15px;
			width: 24px;
			height: 16px;
			margin-left: 30px;
			margin-right: 5px;
			border: 0px;
			}

#valid {
			display: block;
			width: 280px;
      height: 15px;
      margin-top: 10px;
			margin-left: auto;
			margin-right: auto;
			}
			
a.xhtml {
      background: url(../_img/xhtml-valid.png) no-repeat;
			height: 15px;
			width: 80px;
			float: left;
			color: #5B553D;
			}
			
a.css {
      background: url(../_img/css-valid.png) no-repeat;
			height: 15px;
			width: 80px;
			float: left;
			margin-left: 20px;
			color: #5B553D;
			}
			
a.firefox {
      background: url(../_img/firefox-best.png) no-repeat;
			height: 15px;
			width: 80px;
			float: left;
			margin-left: 20px;
			color: #5B553D;
			}