body {
width : 1024px ; 
height : 700px ;
color:black;

background-image:url(velours.jpg);
background-repeat:repeat;
border:0;
}

.bandeau
{
   float : top;
	width: 100%;
   	height:8%;
	 border:0;

}

.menu
{
margin-top : 7%;
	width: 100%;
	height:10%;
	border:0;


}

.corps
{
	width: 100%;
      
        border:0;
      
}

.pied
   {
	float: botton;
  width: 100%;
	height:10%;
	border:0;

	    
}

   



h1 {font-size: 30px; font-family: times new roman;color:#d05000; text-align: left;border:0; }

h2 {font-size: 14px; font-family: courier; color:#a0a000;border:5px;}
p {font-size: 12px; font-family: times new roman; color :#FFCC00;border:5px; text-align: justify;} 


.detaild
{ width : 20%; float : right; border:0; height :50% ; }
.detailg
{ width : 75% ;float :left; border:0; margin-left: 5%; }
.detailgb
{ width : 100%;  ;float : botton  ;border:0;margin-top : 60%;}
.detailgg
{ width : 30%; height : 50%; float :left ;border:0; }
.detailgd
{ width : 67% ; height : 50%; float : right; border:0; margin-right: 3%;}

       A{
font: 12px Verdana;
color : #000fff;
text-decoration: none;
}

A:hover{
color : #ff9933;
background-color #990033:;
}

A:visited{
font: 12px Verdana;
color : #0808080;
text-decoration: none;
} 
           		#buttonwrapper
		{
			width: 130px;
			height: 500px;
			position: top left;
		}
		
		#left
		{
			background: url(images/left.gif) bottom left no-repeat;
			width: 39px;
			height: 50px;
			float: left;
		}
		
		#right
		{
			background: url(images/right.gif) bottom left no-repeat;
			width: 39px;
			height: 50px;
			float: right;
		}
		
		#left:hover, #right:hover
		{
			cursor: pointer;
			background-position: top left;
		}
		
		#holder_images { display: none; }
		#carousel img { border: 2px solid #ddd; }
		#carousel img.link:hover { border: 4px solid #0e0893; }
