body {
	font-size:12px;
	font-family: Georgia, Arial, Helvetica, sans;
	padding:0;
	margin:0;
	background: url(../images/bande_cote.png) 0 0 no-repeat fixed, url(../images/fond.jpg) 0 0 no-repeat fixed, url(../images/fond_horizontal.png) 0 0 repeat-x fixed;
	background-color: #efe88c;
}
.layout {
	padding: 0 0 0 230px;
}
.menu {
	margin: 16px 0 0 20px;
	padding: 0;
}
.menu li{
	display:block;
}
h1 {
	display: none;
}
h2 {
	width: 228px;
	margin: 0;
	cursor: pointer;
}
.illustration h2 {
	height: 72px;
	background: transparent url(../images/illustration.png) 0 0 no-repeat;
}
.webdesign h2 {
	height: 80px;
	background: transparent url(../images/webdesign.png) 0 0 no-repeat;
}
.graphisme h2 {
	height: 67px;
	background: transparent url(../images/graphisme.png) 0 0 no-repeat;
	margin-top: -40px;
}
.divers h2 {
	height: 61px;
	background: transparent url(../images/divers.png) 0 0 no-repeat;
	margin-top:-22px;
}
.contact h2 {
	height: 63px;
	background: transparent url(../images/contact.png) 0 0 no-repeat;
	margin-top:-10px;
}
.illustration h2:hover, .webdesign h2:hover, .graphisme h2:hover, .divers h2:hover, .contact h2:hover, h2.active {
	background-position: -310px 0;
}
.illustration h2 span, .webdesign h2 span, .graphisme h2 span, .divers h2 span, .contact h2 span {
	display: none;
}

.contenu {
	padding: 10px 10px 40px 10px;
}
.contenu li{
	float: left;
	margin: 0 10px 10px 0;
}
.contenu img{
	-webkit-box-shadow: 3px 3px 0px #000000;
	-moz-box-shadow: 3px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 0px #000000; 
	cursor: pointer;
	margin: 4px;
	border: none;
}
.contenu img:hover{
	-webkit-box-shadow: 3px 3px 0px #000000;
	-moz-box-shadow: 0px 0px 30px rgba(255,255,255,0.7);
	box-shadow: 3px 3px 0px #000000; 
	border: 4px solid rgba(255,255,255,0.5);
	margin: 0;
}

/* formulaire de contact */
.contact input, .contact textarea {
	-moz-border-radius: 3px;
	border-radius: 3px; 
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3); 
	border: 0;
	background-color: rgba(255,255,255,0.7);
	padding: 5px;
}
.contact input:focus, .contact textarea:focus {
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3); 
}
.formlabel {
	text-align: right;
	padding: 5px 10px 0 0;
	vertical-align: top;
	color: #494949;
	font-size: 14px;
	font-weight: bold;
}


/*OVERLAYS*/
/* the overlayed element */
.simple_overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;	/* styling */
	background-color:#333;
	/*width:675px;	*/
	min-height:200px;
	padding-right: 155px;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}
.simple_overlay img {
	display: block;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background: transparent url(../images/close.png) 0 0 no-repeat;
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:5px;
	font-size:11px;
	color:#fff;
	width:140px;
}

.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 -10px 0;
}