body 
	{
		margin: 0;
		padding: 0;
		background: #000000 url(img/img01.jpg) repeat-x top center;
		font-size: 13px;
		color: #8C8C8C;
	}


#entete 
	{
		border-bottom: 3px solid black;
	}

#Cadre 	
	{
		background-color: #eeeeee;
		border-width: 1px;
		border-style: solid;
		border-color: #aaaaaa;
		height: 154px;
		padding: 1px;
		margin: 1px;
		width: 816px;
	}

#box
	{
		position: relative;
		margin-left: 5px;
		margin-right: 5px;	
		padding: 0;
		text-align: left;
		width:100%;				/* <-- use this to tie width to viewport size */
		width: 400px;				/* <-- use this for a set width */
		background-color: #b7d24d;;
	}

#box2
	{
		position: relative;
		margin-left: 5px;
		margin-right: 5px;	
		padding: 0;
		text-align: left;
		width:100%;				/* <-- use this to tie width to viewport size */
		width: 750px;				/* <-- use this for a set width */
		background-color: #b7d24d;
	}	
 	
#content
	{
		padding:12px;
	}


#tlc, #trc, #blc, #brc
	{
		background-color: transparent;
		background-repeat: no-repeat;
	}

#tlc
	{
		background-image:url(img/tlc.png);
		background-position: 0% 0%;
	}

#trc
	{
		background-image:url(img/trc.png);
		background-position: 100% 0%;
	}
	
#blc
	{
		background-image:url(img/blc.png);
		background-position: 0% 100%;
	}

#brc
	{
		background-image:url(img/brc.png);
		background-position: 100% 100%;
	}

#tb, #bb
	{
		background-color: transparent;
		background-repeat: repeat-x;
	}
			
#tb
	{
		background-image:url(img/tb.png);
		background-position: 0% 0%;
	}

#bb
	{
		background-image:url(img/bb.png);
		background-position: 50% 100%;
	}
	
#rb
	{
		background-image:url(img/r.png);
		background-position: 100% 0%;
		background-repeat: repeat-y;
	}

#lb
	{
		background-image:url(img/l.png);
		background-position: 0% 100%;
		background-repeat: repeat-y;
	}