/* Styles Communs ----------------------------------------------------------*/
	body {
		margin: 0px;
		padding: 0px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		background-color: #6666CC;
	}
	
	h1 {
		margin: 4px 8px;
		text-align: center;
		color: #FFFFFF;
		background-color: #6666CC;
		font-size: 12px;
	}
	
	h2 {
	}
	
	h3 {
		color: #6666CC;
		letter-spacing: 2px;
	}
	
	h4{
		margin: 4px 0px;
		text-align: center;
		color: #FFFFFF;
		background-color: #6666CC;
		font-size: 12px;
	}
	
	p{
		text-align: justify;
	}
	
	img {
		border: 0px;
	}
	
	table{
	}

	td{
	}
	
	th{
	}
	
/* Cadre global ----------------------------------------------------------*/
	#global{
		width: 950px;
		margin: 0px auto;
		background-color:#6666CC;
	}
	
/* Styles Entète ----------------------------------------------------------*/
	#entete {
		padding: 0px;
		margin: 0px;
		height: 135px;
		background-color: #6666CC;
		background-image: url(images/bandeau.jpg);
		background-repeat: no-repeat;
	}
	
/* Styles corps ----------------------------------------------------------*/
	#corps {
		margin: 0px;
		padding: 0px 25px;
		widht: 950px;
		height: auto;
		background-color: #FFFFFF;
		background-image: url(images/fondcorps.jpg);
		background-repeat: repeat-y;
		float:left;
	}

/* Styles ssmenu ----------------------------------------------------------*/
	#ssmenu {
		width: 150px;
		padding: 0px 3px;
		color: #6666CC;
		float: left;

	}
	
/* Styles contenu ----------------------------------------------------------*/
	#contenu {
		width: 570px;
		padding: 0px 9px;
		float: left;
	}

/* Styles menu ----------------------------------------------------------*/
	#menu {
		word-spacing: 12px;
	}

/* Styles img ----------------------------------------------------------*/
	#img {
		margin-right: 10px;
		float: left;
	}

/* Styles info ----------------------------------------------------------*/
	#info {
		margin-right: 10px;
	}

/* Styles resume ----------------------------------------------------------*/
	#resume{
		padding: 20px 0px 20px 0px;
		text-align: justify;
		clear: both;
	}

/* Styles nav ----------------------------------------------------------*/
	#nav{
		text-align: center;
	}

/* Styles recherche ----------------------------------------------------------*/
	#recherche {
		width: 150px;
		margin: 0px;
		padding: 0px 1px;
		float: left;
	}
	
	#searchfilm {
		height: 40px;
		background-image: url(images/fondsearchfilm.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		padding: 18px 0px
	}
	
	#searchmusique {
		height: 40px;
		background-image:  url("images/fondsearchmusic.jpg");
		background-repeat: no-repeat;
		background-position: top center;
		padding: 18px 0px
	}
	
	#searchlivre {
		height: 40px;
		background-image: url(images/fondsearchlivre.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		padding: 18px 0px
	}
	
	#searchjeux {
		height: 40px;
		background-image: url(images/fondsearchjeux.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		padding: 18px 0px
	}

/* Styles affichage general ----------------------------------------------------------*/
	
	#nbresult {
		float: left;
		height: 50px;
		margin-right: 25px;
	}
	
	#accesdirect {
		height: 50px;
		padding-top: 6px;
		clear: right;
	}


/* Styles footer ----------------------------------------------------------*/
	#footer {
		height: 45px;
		color: #FFFFFF;
		text-align: center;
		background-image: url(images/footer.jpg);
		background-repeat: no-repeat;
		padding: 15px 0px;
		clear: both;
	}
	
	#footerleft {
		width: 50%;
		float: left;
	}
	
	#footerright {
		width: 49%;
		float: left;
		clear: right;
	}
/* Liens ----------------------------------------------------------*/
	a:link, a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	a:hover {
		color: #FFCCCC;
		text-decoration: none;
	}

	.contenu a:link, .contenu a:visited {
		color: #6666CC;
		text-decoration: underline;
	}
	
	.contenu a:hover {
		color: #000000;
		text-decoration: overline;
	}

/* Classes ----------------------------------------------------------*/
	
	.menuhaut {
		width: 150px;
		height: 20px;
		background-image: url(images/menuhaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.menumilieu {
		width: 150px;
		height: auto;
		padding: 5px 0px;
		background-image: url(images/menumilieu.jpg);
		background-repeat: repeat-y;
		float: left;
	}
	
	.menubas {
		width: 150px;
		height: 20px;
		padding: 0px;
		background-image: url(images/menubas.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.avishaut {
		width: 570px;
		height: 20px;
		background-image: url(images/avishaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.avismilieu {
		width: 570px;
		height: auto;
		padding: 5px 0px 5px 10px;
		background-image: url(images/avismilieu.jpg);
		background-repeat: repeat-y;
		float: left;
	}
	
	.avisbas {
		width: 570px;
		height: 20px;
		padding: 0px;
		background-image: url(images/avisbas.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.saisie {
		width: 80px;
		height: 15px;
		font-size: 10px;
	}
	
	.gras {
		font-weight: bold;
	}
	
	.centrer {
		text-align: center;
	}
	
	.gauche {
		text-align: left;
	}
	
	.droite {
		text-align: right;
	}
	
	.souligne {
		text-decoration: underline;
	}
	
	.decal {
		text-indent: 15px;
	}
	
	input.bouton {
		width: 22px;
		height: 22px;
		background-image: url(images/btrecherche.jpg);
		background-repeat: no-repeat;
		background-position: center;
		padding: 0px 0px 3px 0px;
	}
	
	input.bouton2 {
		width: 22px;
		height: 22px;
		background-image: url(images/btsession.jpg);
		background-repeat: no-repeat;
		background-position: center;
	}
	
	input.bouton3 {
		width: 70px;
		height: 20px;
		background-color: #6666CC;
		border: thin solid #000000;
		color: #FFFFFF;
	}
	
	input.bouton4 {
		width: 90px;
		height: 20px;
		background-color: #6666CC;
		border: thin solid #000000;
		color: #FFFFFF;
	}
	
	.img{
		margin: 5px 20px 0px 20px;
	}

	.img2{
		margin: 5px;
	}
	
	.imgintro {
		width: 120px;
		border-right: thin dotted #6666CC;
		margin-right: 25px;
		float: left;
	}
	
	.floatgauche {
		float: left;
	}
	
	.cleardroite {
		clear: right;
	}