/* CSS Document */

* {margin:0; border:0; padding:0; text-decoration:none;}
#main{ width:920px; height:700px; margin: 40px auto 30px 200px; background-color:#CCCCCC;}
#main2{ width:900px; height:700px; margin: 30px auto 30px auto; background-color:#FFF;}

#head{ width:900px; height:100px;}
#gauche{ display:block; width:450px; height:600px; float:left;}
#droite{ display:block; width:450px; height:600px; float:left;}
.clearing{clear:both; line-height:0px;}
#d001{ float:left; width:300px; height:200px;}
#d001 a{display: block; width:300px; height:200px; background: url("http://www.davidruffieux.com/images/001.jpg") 0 0 no-repeat;}
#d001 a:hover{ background-image:url("http://www.davidruffieux.com/images/001h.jpg");}

#d002{ float:left; width:300px; height:200px;}
#d002 a{display: block; width:300px; height:200px; background: url("http://www.davidruffieux.com/images/002.jpg") 0 0 no-repeat;}
#d002 a:hover{ background-image:url("http://www.davidruffieux.com/images/002h.jpg");}

#d003{ float:left; width:300px; height:200px;}
#d003 a{display: block; width:300px; height:200px; background: url("http://www.davidruffieux.com/images/003.jpg") 0 0 no-repeat;}
#d003 a:hover{ background-image:url("http://www.davidruffieux.com/images/003h.jpg");}

#d004{ float:left; width:300px; height:200px;}
#d004 a{display: block; width:300px; height:200px; background: url("http://www.davidruffieux.com/images/004.jpg") 0 0 no-repeat;}
#d004 a:hover{ background-image:url("http://www.davidruffieux.com/images/004h.jpg");}

#d005{ float:left; width:300px; height:200px;}
#d005 a{display: block; width:300px; height:200px; background: url("http://www.davidruffieux.com/images/005.jpg") 0 0 no-repeat;}
#d005 a:hover{ background-image:url("http://www.davidruffieux.com/images/005h.jpg");}

#d006{ float:left; width:300px; height:200px;}
#d006 a{display: block; width:300px; height:200px; background: url("http://www.davidruffieux.com/images/006.jpg") 0 0 no-repeat;}
#d006 a:hover{ background-image:url("http://www.davidruffieux.com/images/006h.jpg");}

#d007{ float:left; width:300px; height:200px;}
#d007 a{display: block; width:300px; height:200px; background: url("http://www.davidruffieux.com/images/007.jpg") 0 0 no-repeat;}
#d007 a:hover{ background-image:url("http://www.davidruffieux.com/images/007h.jpg");}

#d008{ float:left; width:300px; height:200px;}
#d008 a{display: block; width:300px; height:200px; background: url("http://www.davidruffieux.com/images/008.jpg") 0 0 no-repeat;}
#d008 a:hover{ background-image:url("http://www.davidruffieux.com/images/008h.jpg");}

#d009{ float:left; width:300px; height:200px;}
#d009 a{display: block; width:300px; height:200px; background: url("http://www.davidruffieux.com/images/009.jpg") 0 0 no-repeat;}
#d009 a:hover{ background-image:url("http://www.davidruffieux.com/images/009h.jpg");}