@charset "UTF-8";
/* CSS Document */

html, body {height: 100%}

body { font-family: Arial, sans-serif; font-size: 14px; padding: 0 46px;
background: #2c2c2d center top no-repeat;}

/* Your backgrounds */
.project1 {background-image: url(image/projet02.jpg) }
.project2 {background-image: url(image/projet.png)}
.project3 {background-image: url(image/projet03.jpg) }
.project4 {background-image: url(image/projet04.jpg)}
.project5 {background-image: url(image/projet05.jpg)}
.project6 {background-image: url(image/projet06.jpg)}
.project7 {background-image: url(image/projet07.jpg)}
.project8 {background-image: url(image/projet08.jpg)}
.project9 {background-image: url(image/projet09.jpg)}
	
a {color:#2c2c2d; text-decoration: none}
	
#header {margin: 24px 0; overflow: hidden}
	
h1, h2, h3 {float: left; clear: left; text-transform: uppercase; font-family: Arial, sans-serif}
	
h1, h3 {color:#2c2c2d; background-color: #e8e9e9}
h2 {font-size:120px; color:#e8e9e9; background-color: #2c2c2d;}
body h2 cufon {height: 108px !important; margin-top: -4px !important}

h1 {font-size: 50px; padding-top: 4px}
h3 {font-size: 24px; margin-bottom: 5px}

#links {clear: both}

ul {overflow: hidden}
ul li {list-style: none; color:#2c2c2d; background-color: #e8e9e9; float: left; clear: left; text-transform: uppercase;}

ul li a {display: block; padding: 3px 3px 3px 0}
ul li a:hover {background-color: #2c2c2d; color:#e8e9e9 }

ul li.now { padding: 3px 3px 3px 0 }

/* Scalable background from http://kimili.com/journal/flexible-scalable-background-image*/

img#expando {
padding: 0;
margin: 0;
position: absolute;
display: none;
z-index: 1;
-ms-interpolation-mode: bicubic;
}
 
.wide img#expando,
.tall img#expando {
display: block;
}
 
.wide img#expando {
width: 100%;
height: auto;
}
 
.tall img#expando {
width: auto;
height: 100%;
}
 
.ie6fixed {
position: absolute;
top: expression((ignoreMe = document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop) + 'px');
}