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

body, th, td, input, textarea, select, option 
	{
		/*text-transform: lowercase;*/
		font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif;
	}
	
h1, h2, h3 
	{
		font-weight: normal;
		color: #F8FBEC;
	}

h3
	{
		color:#000000;
		font-size: 21px;
	}

h4
	{
		color:#000000;
		font-size: 19px;
		font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif;
	}

h1 
	{
		letter-spacing: -2px;
		font-size: 3em;
	}

p, ul, ol 
	{
		line-height: 200%;
	}


/* Header */

#titre 
	{
		width: 760px;
		height: 288px;
		margin: 0 auto;
		background: url(img/img02.jpg) no-repeat right top;
	}

#titre h1, #titre p 
	{
		margin: 0;
		color: #9CBC1E;
	}

#titre h1 
	{
		padding: 100px 0 0 70px;
	}

#titre p 
	{
		padding-left: 73px;
		margin-top: -10px;
	}


.thumbnail
	{
		padding: 7px;
		border: 1px solid #ddd;
		float: left;
		margin-right: 10px;
		margin-bottom: 15px;
	}	

.caption
	{ 
		font-size: 0.9em; padding-top: 0.2em ;	
	}
	
/*les liens en général*/		
a
	{
		color:#008080
	} 
	
/*quand on passe la souris sur un lien*/
a:hover
	{
		text-decoration: none;
		color:#E6B715
	} 
	
/*quand on clique sur le lien*/	
a:active
	{
		color:green
	}
	
/*quand le lien a déja été visité*/	
a:visited
	{
		color:#008080
	}
/*	
h1 
	{
		font-size:130%;
		line-height:1em;
		color:#B7D24D;
		font-weight:bold;
		text-transform:uppercase;
		letter-spacing:-.05em;
		position:relative;
	}
*/	
#sidebar h1 
	{
		margin: 0;
		padding: 10px 0 0 40px;
		height: 40px;
		background: url(img/icone.png) no-repeat left 60%;
	}	

h1 span
	{
		position:absolute;
		display:block;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url(img/gradient_1.png) repeat-x;
	}

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

#Cadre 	
	{
		background-color: #b7d24d;
		border-width: 1px;
		border-style: solid;
		border-color: #aaaaaa;
		height: 154px;
		padding: 1px;
		margin: 1px;
		width: 816px;
	}
	
div#fb_like
	{
		position:relative;
		top:20px;
		left:-40px;
	}
	
div#F1
	{
		position: absolute; 
		z-index: 4;
	}	
	
div#F2
	{
		position: absolute; 
		z-index: 3;
	}

div#F3
	{
		position: absolute;
		z-index: 2;
	}

div#F4
	{
		position: absolute;
		z-index: 1;
	}		

/* image pour le cadre*/

#box
	{
		position: relative;
		margin-left: 100px;
		margin-right: 5px;	
		padding: 0;
		text-align: left;
		width: 240px;
		background-color: #b7d24d;
	}
 	
#content
	{
		padding:20px;
	}
	
#content li
	{
		position: absolute;
		left: 3em;
	}	


#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;
	}