.body 
	{
		background-color:#000000;
		margin:0px;
		padding:0px;
		background:url(images/stripes2.gif) repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
	}

#container
	{
		width:1000px;
		margin:0 auto;	
		display:table;
		background:url(images/inside.gif) repeat;
	}

#logo
	{
		margin-left:20px;

		float:left;
		width:100px;
		height:100px;
	}

#zonetitre
	{
		float:left;
		width:850px;
		height:30px;
		padding-top:10px;
		padding-left:5px;

	}

#zonetitre h1
	{
		color:#FFFFFF;
		font-size:16px;
		font-weight:bold;
		margin:0px;
	}

#zonenav
	{
		float:left;
	

		padding-top:7px;
		padding-left:5px;
		margin-top:5px;
	}


#header
	{
		margin-top:10px;
		background-color:#00CC66;
		background:url(images/header.gif);
		width:1000px;
		float:left;
		height:100px;
	}
.breaker
	{
		clear:both;
		width:100%;
		display:table;
	}

#leftcol
	{
		float:left;
		width:700px;
		padding:2px;
		margin:0;
		/*background-color:#CCFF33;*/
		display:table;
		
	}

#sidebar
	{
		float:left;
		width:280px;
		padding:2px;
		margin:0px;
		display:table;
	}
	
.recipientside
	{
		float:left;
		padding:0px;
		margin:1px;
		width:276px;
		background-color:#FFFFFF;
		display:table;
		border:solid 1px #000000;
	}
	
#footer
	{
		float:left;
		width:100%;
		margin:0;
		display:table;
		background-color: #CDD6D6;
		text-align:center;
	}

.recipientv
	{
		float:left;
		width:228px;
		height:400px;
		background-color:#FFFFFF;
		margin:1px;
		padding:0px;
		border:solid 1px #000000;
		text-align:center;
	}

.titre1
	{
		background:url(images/bg_grey.gif);
		font-size:12px;
		padding:3px;
		height:17px;
		margin:0px;
		border-bottom:solid 1px #000000;
		text-align:center;
	
	}

.recipienth1
	{
		float:left;
		width:694px;
		margin:1px;
	
		background-color:#FFFFFF;
		padding:0px;
		border:solid 1px #000000;
		
	}

.recipienth1b
	{
		float:left;
		width:694px;
		margin:2px;
	
		padding:0px;

		
	}

.titre2
	{
		background:url(images/bg_red.gif);
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		padding:3px;
		height:17px;
		margin:0px;
		color:#FFFFFF;
		
	}

.titre3
	{
		background:url(images/bg_lb.gif);
		font-family: Arial, Helvetica, sans-serif;
		font-size:10px;
		padding:3px;
		height:17px;
		margin:0px;
		color:#000000;
		border-bottom:solid 1px #000000;
		text-align:center;
		
	}
.recipienth2
	{
		float:left;
		width:343px;
		margin:1px;
		display:table;
		background-color:#FFFFFF;
		padding:0px;
		border:solid 1px #000000;
	}



#navigation
	{
		margin:0;
		padding:0;
		list-style:none;
		text-align:center;
	}

#navigation li 
	{
		display:inline;
		
		color:#FFF;
		background:#C00;
	}

#navigation li a
	{
		padding: 4px 4px;
		background:#C00;
		color:#FFF;
		border: 1px solid #600;
		text-align:center;
		text-decoration:none;
	}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active
	{
		background: #900;
		text-decoration:none;
		
	
	}

.contenu
	{
		padding:5px;
		background-color:#FFFFFF;
		margin:1px;
		text-align:left;
		float:left;

	}



.place1
	{
		float:left;
		background-color:#FFFFFF;
		border:solid 1px #CCC;
		margin:2px;
		width:99%;
	}

.contenu2
	{
		padding:5px;
		width:480px;
		height:190px;
		background-color:#FFFFFF;
		margin:2px;
		text-align:left;
		float:left;
		clear:right;
	}



.voiroffre
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#FFFFFF;
		margin:0px;
		margin-right:3px;
		padding:3px;
		font-weight:bold;
		background-color: #C61A37;
		border:solid 1px #FFFFFF;
	}
.vignette
	{
		margin:0px;
		width:100px;
		height:100px;
		padding-left:10px;
		padding-right:10px;
		text-align:center;
		background-color:#FFFFFF;
		float:left;
	}

.vignette200
	{
		margin:2px;
		width:200px;

		text-align:center;
		background-color:#FFFFFF;
		float:left;
	}
	
#motscles
	{
		
		background-color:#E7EDF8;
		border:solid 1px #000000;
		padding:0px;
		float:left;
		width:693px;
		margin:1px;
		display:table;
		font-size:10px;	
	}

.smalltitre
	{
		margin:0px;
		font-size:12px;
		font-weight:bold;
	}



.minivignette
	{
		float:left;
		border:thin #666666 solid;
		margin:3px;
	}

.minitexte
	{
		float:left;
		background-color: #F5F5F5;
	
		
		margin:0px;
		margin-left:2px;
		margin-right:2px;
		margin-bottom:1px;
		text-align:left;
		padding:3px;
	}

.form {
	background-color: #CDD6D6;
	margin:1px;
	padding:5px;
	text-align:center;
	float:left;
	width:682px;
	
	}

.form select {
	background-color: #FBEFCA;
	margin:3px;
	border:none;
	margin-left:3px;
	margin-right:3px;
	}

.form input {
	background-color: #FF0000;
	color:#FFFFFF;
	font-weight:bold;
	margin:3px;
	border:none;
	margin-left:3px;
	margin-right:3px;
	}

.form2 {
	background-color: #CDD6D6;
	margin:3px;
	padding:5px;
	text-align:center;
	float:left;
	width:330px;
	}

.form2 select {
	background-color: #FBEFCA;
	margin:3px;
	border:none;
	margin-left:3px;
	margin-right:3px;
	}

.form2 input {
	background-color: #FF0000;
	color:#FFFFFF;
	font-weight:bold;
	margin:3px;
	border:none;
	margin-left:3px;
	margin-right:3px;
	}


.mostpopular {
	float:left;
	width:110px;
	height:150px;
	text-align:center;
	font-size:10px;
	margin:2px;
	
	
}

.leaderboard {
	
	float:left;
	margin-left:70px;
	margin-right:70px;
	}