body
{
margin:0;
padding:0;
FONT-FAMILY: Tahoma;
FONT-SIZE: 12px;
}

#total
{
width:990px;
margin:auto;
text-align:center;
}

#haut
{
float:left;
background-color:#0328B9;
width:990px;
}

#logo
{
float:left;
text-align:left;
margin-left:30px;
}

#pubhaut
{
margin-top:25px;
margin-right:50px;
float:right;
}

#news
{
margin-right:50px;
float:right;
color: #0328B9;
border-bottom:1px solid #edf0fc;
border-left:1px solid #edf0fc;
border-right:1px solid #edf0fc;
}

#barre
{
width:300px;
background-color:#b3bfea;
font-size:13px;
}

#menu
{
float:left;
}
.onglet
{
padding-top:8px;
width:110px;
height:20px;
float:left;
background-image: url('tab_bleu.gif');
}
.onglet2
{
padding-top:8px;
width:110px;
height:20px;
float:left;
background-image: url('taba_bleu.gif');
}
#sousmenu
{
float:left;
background-color: #edf0fc;
height:5px;
width:988px;
border-bottom:solid 1px #0328B9;
border-right:solid 1px #0328B9;
border-left:solid 1px #0328B9;
}

#bloc
{
text-align:left;
width:140px;
border:solid 1px #0328B9;
}
#titreBloc
{
width:130px;
height:18px;
background-color:#0328B9;
color:white;
text-align:left;
padding-left:10px;
padding-top:3px;
font-weight: bold;
}
#contenuBloc
{
background-color: #edf0fc;
padding:5px;
}

#gauche
{
float:left;
width:150px;
}

#centre
{
float:left;
text-align:left;
width:680px;
padding-right:10px;
}

#droite
{
float:left;
width:150px;
}



A {
	FONT-FAMILY: Tahoma; TEXT-DECORATION: none;
	color: black;
	font-weight: bold;
}
A:hover {
	FONT-FAMILY: Tahoma;
	color :#0328B9;
}

.link {
TEXT-DECORATION: none;
color: #0328B9;
line-height:20px;
}


.link:hover {
TEXT-DECORATION: none;
color: black;
}

input,textarea,select
{
color: gray;
font:normal 12px;
border: 1px solid #0328B9;
}

label {
float:left;
width:25%;
margin-right:0.5em;
margin-top:2px;
text-align:right;
  }



h1
{
visibility: hidden;
margin:0;
padding:0;
font-size:1px;
}


h2
{
width:400px;
font-size:20px;
color : #0328B9;
padding:0;
margin:0;
margin-bottom:5px;
border-bottom: 1px solid #c3c3c3;
}
h3
{
color : #0328B9;
font-size:15px;
padding:0;
margin:0;
}




	/*             styles for the star rater                */	
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		overflow:hidden;
		background: url(star.gif) top left repeat-x;		
		margin:auto;
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		line-height:25px;		
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		background: url(star.gif) left bottom;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(star.gif) left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}