.middle { 
	background-image:url(../images/static_site/quartem/background2use.png);
	height:325px;
}
.middle .bulle {
	background-image:url(../images/static_site/quartem/bulle.gif);
	width:129px;
	height:129px;
	position:absolute;
}
.middle #bulle-1 {
	left:316px;
	top:64px;
}
.middle #bulle-2 {
	left:539px;
	top:109px;
}
.middle #bulle-3 {
	left:700px;
	top:49px;
}
.middle .bulle h2 {
	text-align:center;
	font-size:1.3em;
	font-weight:normal;
}
.middle .bulle a {
	color:black;
	display:block;
}
.middle #bulle-1 a {
	padding-top:48px;
	height:81px;
}
.middle #bulle-2 a {
	padding-top:23px;
	height:106px;
}
.middle #bulle-3 a {
	padding-top:19px;
	height:110px;
}
.middle #content-wrapper {
}
#content-wrapper .thumbnail {
	text-align:right;
	color:#CC003D;
	font-size:0.65em;
	float:left;
	margin-left:5px;
	margin-top:18px;
	margin-bottom:22px;
}
#content-wrapper .thumbnail div {
	height:133px;
}
#content-wrapper .thumbnail a {
	height:133px;
	display:block;
}
#content-wrapper #thumbnail-6 {
	clear:both;
}
#content-wrapper #thumbnail-1 div {
	background-image:url(../images/static_site/quartem/1_ecran-ordi1_small.png);
	width:213px;
}
#content-wrapper #thumbnail-2 div {
	background-image:url(../images/static_site/quartem/2_ecran-ordi2_small.png);
	width:198px;
}
#content-wrapper #thumbnail-3 div {
	background-image:url(../images/static_site/quartem/3_rubans-tissu_small.png);
	width:160px;
}
#content-wrapper #thumbnail-4 div {
	background-image:url(../images/static_site/quartem/4_patron_small.png);
	width:215px;
}
#content-wrapper #thumbnail-5 div {
	background-image:url(../images/static_site/quartem/5_tissus_small.png);
	width:183px;
}
#content-wrapper #quartem {
	background-image:url(../images/static_site/quartem/iso.gif);
	background-position:140px bottom;
	background-repeat:no-repeat;
	padding-left:219px;
	padding-top:15px;
}
#content-wrapper .legend {
	clear:left;
	float:left;
	width:219px;
}
#content-wrapper .legend ul {
	list-style-type:none;
}
#content-wrapper .legend li {
	font-size:0.65em;
	margin-bottom:14px;
	margin-left:10px;
	width:150px;
}
#content-wrapper .legend li div.order {
	color:#CC003D;
	float:left;
	width:2.6em;
	text-align:right;
	padding-right:0.5em;
}
#content-wrapper .legend li div.item {
	margin-left:3.1em;
}
#content-wrapper .bloc {
	float:left;
	width:711px;
	padding-right:70px
}
#content-wrapper .bloc h1 {
	color:#CC003D;
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:15px;
}
#content-wrapper .bloc ul {
	list-style-type:none;
}
#content-wrapper .bloc ul li {
	font-size:0.75em;
	line-height:1.5em;
}
#content-wrapper .bloc p.bigger {
	font-size:0.9em;
	margin-bottom:20px;
}
#content-wrapper .bloc p {
	font-size:0.75em;
	line-height:1.5em;
}
#content-wrapper #thumbnail-6 div {
	background-image:url(../images/static_site/quartem/6_fileuses_small.png);
	width:296px;
}
#content-wrapper #thumbnail-7 div {
	background-image:url(../images/static_site/quartem/7_planche-semmelles_small.png);
	width:143px;
}
#content-wrapper #thumbnail-8 div {
	background-image:url(../images/static_site/quartem/8_semmelle_small.png);
	width:124px;
}
#content-wrapper #thumbnail-9 div {
	background-image:url(../images/static_site/quartem/9_decoupe-laser_small.png);
	width:218px;
}
#content-wrapper #thumbnail-10 div {
	background-image:url(../images/static_site/quartem/10_brodeuse_small.png);
	width:183px;
}