BODY {background-color: #E9E9E9; text-align: center; font: 12px Helvetica, Arial, sans-serif;}
IMG {border-width: 0;}
H1 {font-weight: bold; font-size: 12px;}
H2 {color: #748E22; font-size: 17px; font-style: italic; font-weight: bold; margin: 0; line-height: 13px;}
.subtitle {font-size: 11px; color: #888; font-weight: normal; font-style: italic;}
.boldtxt {color: #748E22; font-size: 11px; font-weight: bold;}

#titleright A:link, #titleright A:visited {text-decoration: underline; color: #333;}
#titleright A:hover {text-decoration: none; color: #749211;}

A:link, A:visited {text-decoration: underline; color: #748E22;}
A:hover {text-decoration: none;}

#titletable {margin: 2px 25px; width: 740px;}
#titleleft {width: 50%; text-align: left; padding-left: 20px;}
#titleright {width: 50%; text-align: right; vertical-align: top; color: #333; padding-right: 20px;}
#mainbox {width: 790px; margin: auto; background: #E9E9E9 url('olive/bg.gif') repeat-y top center; position:relative;}
	#mainbox2 {width: 100%; background: url('olive/bg-bottom.gif') no-repeat bottom center;}
		#textbox {min-height: 370px; height: auto !important; height: 370px; vertical-align: top; position: relative; padding-top: 20px;}
		#intextbox {padding: 2px 25px 25px 25px; text-align: left; vertical-align: top; position: relative;}
		#frontbox {position: relative; z-index: 100;}
		#scrollbox {position: absolute; height: 250px; bottom: 0; left: 20px; width: 750px;}
			#fleurs1 {position: absolute; width: 396px; height: 232px; bottom: 7px; z-index: 30;}
			#fleurs2 {position: absolute; width: 444px; height: 210px; bottom: 7px; z-index: 20;}
			#fleurs3 {position: absolute; width: 530px; height: 342px; bottom: 7px; z-index: 10;}
#footer {width: 790px; margin: 6px auto; position: relative;}
	#scroll {color: #AAA; position: absolute; width: 350px; top: 0; left: 0; text-align: left; padding-left: 22px;}
		.optionlink:hover {text-decoration: underline; cursor: pointer;}
	#copyright {color: #AAA; text-align: right; position: absolute; width: 350px; top: 0; right: 0; padding: 2px 22px 0 0;}
	#copyright IMG {vertical-align: middle;}

A.simplelink:link, A.simplelink:visited {text-decoration: underline; color: #748E22;}
A.simplelink:hover {text-decoration: none;}

A.outlink:link, A.outlink:visited {text-decoration: underline; color: #AAA;}
A.outlink:hover {text-decoration: none; color: #748E22;}

A.extlink:link, A.extlink:visited {text-decoration: underline; color: #000; font-style: italic;}
A.extlink:hover {text-decoration: none; color: #748E22;}

.projet {color: #749211;}
.icon16 {width: 16px; height: 16px; vertical-align: middle;}

#septable {width: 100%; border-width: 0; border-collapse: collapse; margin-bottom: 60px;}
#septable TD {width: 50%; vertical-align: top; padding-left: 20px;}

.backbox {bottom: 0; left: 0; text-align: left; position: relative; padding: 4px 25px 12px 25px;}
.date {font-style: italic; color: #808080;}
.imgportfolio {border: 1px solid #A0A0A0;}

#photos {height: 260px; overflow: hidden; border-width: 1px 0; border-style: solid; border-color: #E0E0E0; margin-top: 10px; position: relative;}
	#outerscrolldiv {position: absolute; top: 0;}
	#scrollboxdiv {position: absolute; left: 0; bottom: 0; height: 18px; width: 100%; background: #E0E0E0 url('olive/scrollbg.gif') repeat-x top left; border-top: 1px solid #E0E0E0;}
		#leftbuttondiv {position: absolute; top: 0; left: 0; width: 18px; cursor: pointer;}
		#scrollbardiv {position: absolute; top: 0; left: 18px; width: 704px; height: 18px;}
			#scrollbar {position: absolute; top: 0; background: url('olive/scrollbar.gif') repeat-x top center;}
				#scrollbarleft {position: absolute: top: 0; left: 0;}
				#scrollbarright {position: absolute; top: 0; right: 0;}
		#rightbuttondiv {position: absolute; top: 0; right: 0; width: 18px; cursor: pointer;}

#downloadbox {margin-top: 20px;}
	#downloadbox TABLE {width: 99%;}
		#downloadbox TD {vertical-align: top;}

.rotation {-webkit-transform: rotate(-2deg); -moz-transform:rotate(-2deg); -o-transform:rotate(-2deg); -ms-transform:rotate(-2deg);}