body
{
	margin: 75px 50px 0 50px;
	background:#d6a3d9;
	float:left;
}
.wrapper
{
	width: 1024px;
	height: auto;
	text-align: center;
	display: table-cell;
	margin: 0 ;
	float:left;
}
/**************************** Header Section Starts ***************************/
.header
{
	width: 1024px;
	height: 100px;
	font-family: verdana;
	font-size: 20px;
	color:#6911A1;
    background: url(../images/);
    background-repeat: no-repeat;

}
/**************************** Second Section Ends *****************************/

/**************************** Menu Section Starts *****************************/


/**************************** Menu Section Ends *******************************/

/**************************** First Section Starts ****************************/
.first-section
{
  float:right;
  width: 1024px;
  height: 225px;
  border: solid 0px #282828 ;
  
}
.right-image
{
  width: 286px;
  height: 225px;
  float: right;
  background-image: url(../images/img46.jpg);
  background-repeat: repeat-x;
  border-left: solid 0px #d6a3d9 ;
  text-valign: top left;
}
.mid-image
{
  width: 336px;
  height: 225px;
  float: right;
  background-image: url(../images/matisseOriginal2.gif);
  background-repeat: no-repeat;
}

#centre {
  width:326px;
  height:225px;
  float: right;
  background-color:#d6a3d9;
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #6912A1;
  text-align: justify;
  padding-left:5px;
  padding-right:5px;
  line-height: 18px;
  overflow:scroll;
}

.left-image
{
  width: 287px;
  height: 225px;
  float: right;
  background-image: url(../images/img46.jpg);
  background-repeat: repeat-x;
  border-right: solid 0px #d6a3d9 ;
  text-align: left;
}

/**************************** First Section Ends ******************************/

/**************************** Second Section Starts ***************************/

.second-section
{
  width: 909px;
  height: 80px;
  border-bottom: solid 0px #6911A1;
  float: right;
}
/*.pack-box4
{
  width: 168px;
  height: 78px;
  float: right;
  background-image: url(../images/img45.jpg);
  background-repeat: repeat-x;
  border-left: solid 0px #6911A1 ;
  text-align: align;
} */
.pack-box3
{
  width: 286px;
  height: 80px;
  float: right;
  background-image: url(../images/img47.jpg);
  background-repeat: repeat-x
  border-left: solid 0px #6911A1 ;
  text-align: align;
  
}

.pack-box2
{
  width: 336px;
  height: 80px;
  float: right;
  background-image: url(../images/img47.jpg);
  background-repeat: repeat-x;
  border-left: solid 0px #cdd8d0 ;
  text-align: align;
}
.pack-box1
{
  width: 286px;
  height: 80px;
  float: left;
  background-image: url(../images/img47.jpg);
  background-repeat: repeat-x;
  border-right: solid 1px #C776CC ;
  text-align: align;
}

/**************************** Second Section Ends *****************************/

/**************************** Third Section Starts ****************************/

.third-section
{
  width: 675px;
  height: 170px;
  float: right;
}
.down-box2
{
  width: 230px;
  height: 170px;
  float: right;
  background-image: url(../images/down-image2.jpg);
  background-repeat: repeat-x;
  text-align: left;
}
.down-box1
{
  width: 444px;
  height: 170px;
  float: right;
  background-image: url(../images/down-image1.jpg);
  background-repeat: repeat-x;
  text-align: left;
}



/**************************** Third Section Ends ******************************/

/**************************** Left Section Starts *****************************/

.left-section
{
  width: 238px;
  height: 309px;
  float: right;
}
.left-box2
{
  width: 238px;
  height: 235px;
  float: right;
  background-image: url(../images/left-image2.jpg);
  
  text-align: left;
}
.left-box1
{
  width: 21px;
  height: 309px;
  float: right;
  background-image: url(../images/);
  background-repeat: repeat-x;
}



/**************************** Left Section Ends *******************************/

/**************************** Footer Section Starts ***************************/
.footer
{
  float: left;
  width: 909px;
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: left;
  margin-top: 18px;
  clear: both;
  margin-bottom: 5px;
  margin-left:115px;
}

a href {
color: #b22222; text-decoration: none;
}

/**************************** Footer Section Ends *****************************/

/**************************** General Section Starts **************************/
.title1
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #000000;
  line-height: 12px
  margin-top: 18px;
  margin-left: 12px;
  text-align:justify;
}
.title2
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: bold;
  color: #535353;
}
.title3
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  margin-top: 5px;
  margin-left: 6px;
  text-align:justify;
}
.sub-title
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #3f3a3a;
  margin-left: 12px;
}
.description
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #000000;
  text-align: justify;
  width: 250px;
  line-height: 18px;
  margin-left: 11px;
  margin-top: 2px;
}

.description1
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: center;
  width: 300px;
  line-height: 18px;
  margin-left: 11px;
  margin-top: 2px;
}

.description2
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #000000;
  text-align: center;
  width: 300px;
  line-height: 18px;
  margin-left: 11px;
  margin-right:11px;
  margin-top: 2px;
}

.date-text{
  font-family: Tahoma;
  font-size: 8pt;
  color: #990000
  color: #a4e3ff;
  font-weight: bold;
  margin-left: 12px;
  margin-top: 2px;
}

.Style1 {
	font-family: tahoma;
	font-size: 8pt;
	color: #b1b1b1;
}
.Style2 {color: #CC0000}
}

a:link {color: #1469c2; text-decoration: none; }
a:visited {color: #1469c2; text-decoration: none; }
a:hover {color: #79241b; text-decoration: none; }
a:active {color: #000000; text-decoration: none; }

}

a.info {
position: top-left;
text-decoration: none;
color: #1469c2;
}
a.info span {
display: none;
}
a.info:hover {
 /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
display: inline;
position: absolute;
top: 2em;
left: 1em;
background: #d6a3d9;
text-align: center;
color: white;
padding: 2px;
}
 
.ref {
  float:right;
  text-decoration:none;
}

  

/**************************** General Section Ends ****************************/