* {
	margin: 0;
	padding: 0;
}

p, h1, h2, h3, h4, ul, img {
	margin: 0;
	padding: 0;
}

html {
	background: url("images/fond-repeatBas.jpg") center 0 repeat-y;
}

body {
	margin: 0;
	text-align: left;
	font-family: "verdana", Arial, serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background: url("images/fond-repeatHaut.jpg") center 0 repeat-x;
}

div#fond {
	background: url("images/fond.jpg") center 0 no-repeat;
}

div#fond2 {
	background: url("images/fond2.jpg") center 0 no-repeat;
}

div#page {
	width: 988px;
	margin: auto;
}


/*###############################
#								#
#	DIVERS						#	
#								#
#################################*/	


a {	text-decoration: none; }
a:hover { text-decoration: underline; }
img { border:0; }
.alignTop { vertical-align: text-top; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.alignBottom { vertical-align: text-bottom; }
.alignMiddle  { vertical-align: middle; }
.alignBaseline  { vertical-align: baseline; }
.underline { text-decoration: underline; }
.uppercase { text-transform: uppercase; }
.bold { font-weight: bold; }
.normal {font-weight: normal; }
.italic { font-style: italic; }
.inline { display: inline; }
.block { display: block; }
.spanBlock { display: block; }
.clear { clear: both; }
.spanClear { display: block; clear: both; font-size: 1px;}
.floatLeft { float: left; }
.error { border: 1px solid #ff0000; }
.spanCenter { display: block; text-align: center; }
.block { display: block; }
.inline { display: inline }
.letter1 { letter-spacing: 1px; }

/************ ESPACEMENT ************/
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.paddingLeft1 { padding-left: 1px; }
.paddingLeft4 { padding-left: 4px; }
.paddingLeft5 { padding-left: 5px; }
.paddingLeft9 { padding-left: 9px; }
.paddingLeft10 { padding-left: 10px; }
.paddingLeft15 { padding-left: 15px; }
.paddingLeft20 { padding-left: 20px; }
.paddingLeft22 { padding-left: 22px; }
.paddingLeft28 { padding-left: 28px; }
.paddingLeft29 { padding-left: 29px; }
.paddingLeft30 { padding-left: 30px; }
.paddingLeft35 { padding-left: 35px; }
.paddingLeft40 { padding-left: 40px; }
.paddingLeft50 { padding-left: 50px; }
.paddingLeft67 { padding-left: 67px; }
.paddingRight10 { padding-right: 10px; }
.paddingRight20 { padding-right: 16px; }
.paddingRight60 { padding-right: 60px; }
.paddingLR7 { padding: 0 7px; }
.paddingLR10 { padding: 0 10px; }
.paddingLR30 { padding: 0 30px; }
.paddingTB2 { padding: 2px 0; }
.paddingTB4 { padding: 4px 0; }
.paddingTB5 { padding: 5px 0; }
.paddingTB10 { padding: 10px 0; }
.paddingT10B2 { padding: 10px 0 2px 0; }
.paddingT4L10B4 { padding: 4px 0 4px 10px; }
.paddingT10B5 { padding: 10px 0 5px 0; }
.paddingT20B10 { padding: 20px 0 10px 0; }
.paddingBottom3 { padding-bottom: 3px; }
.paddingBottom9 { padding-bottom: 9px; }
.paddingBottom10 { padding-bottom: 10px; }
.paddingBottom15 { padding-bottom: 10px; }
.paddingBottom20 { padding-bottom: 20px; }
.paddingTop2 { padding-top: 2px; }
.paddingTop5 { padding-top: 5px; }
.paddingTop8 { padding-top: 8px; }
.paddingTop10 { padding-top: 10px; }
.paddingTop20 { padding-top: 20px; }
.paddingTop15 { padding-top: 15px; }
.paddingTop25 { padding-top: 25px; }
.paddingTop30 { padding-top: 30px; }
.paddingTop40 { padding-top: 40px; }
.paddingTop45 { padding-top: 45px; }
.marginTB1 { margin: 1px 0; }
.marginTB5 { margin: 5px 0; }
.marginLeft2 { margin-left: 2px; }
.marginLeft5 { margin-left: 5px; }
.marginLeft10 { margin-left: 10px; }
.marginLeft30 { margin-left: 30px; }
.marginTop3 { margin-top: 3px; }
.marginTop7 { margin-top: 7px; }
.marginTop10 { margin-top: 10px; }
.marginTop15 { margin-top: 15px; }
.marginBottom30 { margin-top: 30px; }

/************ WIDTH *****************/

.width60 { width: 60px; }
.width70 { width: 70px; }
.width73 { width: 73px; }
.width80 { width: 80px; }
.width85 { width: 85px; }
.width90 { width: 90px; }
.width100 { width: 100px; }
.width110 { width: 110px; }
.width120 { width: 120px; }
.width130 { width: 130px; }
.width219 { width: 219px; }


/************ HEIGHT *****************/

/*.height15 { height: 15px; }*/


/************ BORDURES *****************/

.border1 { border: 1px solid #ffffff; }


/********** COULEURS ****************/

.color1 { color: #ffffff; } /* Blanc */
.color6 { color: #fefefe; } /* Blanc2 */
.color2 { color: #000000; } /* Noir */
.color3 { color: #ff9b00; } /* orange */
.color5 { color: #ff8400; } /* orange2 */
.color7 { color: #ff8600; } /* orange3 */
.color9 { color: #ffdf9b; } /* orange4 */
.color11 { color: #ff6600; } /* orange5 */
.color13 { color: #ff9900; } /* orange6 */
.color4 { color: #0d92ff; } /* bleu */
.color8 { color: #b22301; } /* Rouge */
.color10 { color: #ff3300; } /* Rouge2 */
.color12 { color: #ff0000; } /* Rouge3 */
.color14 { color: #eeeeee; } /* Gris */
.color15 { color: #eeeeee; } /* Test */
.color16 { color: #016600; } /* vert-foncé */


/************ PUCES *****************/

.puce_trBleu {
	background: url("images/puce_trBleu.gif") 0 2px no-repeat;
	padding-left: 20px;
}

.puce_trOrange {
	background: url("images/puce_trOrange.gif") 0 2px no-repeat;
	padding-left: 20px;
}

.puce_ptInterro {
	background: url("images/puce_ptInterro.jpg") 0 0 no-repeat;
	padding: 3px 0 3px 45px;
}


/************ SIZE *****************/

.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size15 { font-size: 15px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size19 { font-size: 19px; }
.size24 { font-size: 24px; }
.size36 { font-size: 36px; }
.size38 { font-size: 38px; }
.size40 { font-size: 40px; }

/************ POLICE *****************/

.arialBlack { font-family: "Arial Black", Arial, Verdana, serif; }
.verdana { font-family: "Verdana", arial, serif; }
.arial { font-family: "Arial", Verdana, serif; }
.centuryGothic { font-family: "Century Gothic", Verdana, serif; }

/************ INPUT *****************/

/*input.inputText {
	width: 126px;
	padding: 0 2px;
	font-size: 11px;
	background: url("images/input-fond.gif") 0 0 no-repeat;
	border: 1px solid #999999;
}*/

.button{
	padding: 15px 0 15px 0;
	background: url("images/btn_orange.gif") 130px 0 no-repeat;
}

/*###############################
#								#
#	HAUT						#	
#								#
###############################*/	
	
div#haut {
	width: 981px;
}

	div#haut div#liensHome {
		height: 23px;
		width: 981px;
		padding: 20px 0 0 60px;
		text-align: center;
	}
	
	div#animation {
		width: 966px;
		height: 272px;
	}
	
	div#haut div#menu_haut {
		width: 951px; /* 981 */
		padding: 0 0 0 30px;
		height: 27px;
		text-align: left;
	}
	
			div#menu_haut ul {
				list-style-type: none;
				/*background: #ff0000;*/
			}
			
			div#menu_haut ul.ulniveau1 li {
				list-style-type: none;
				float: left;
				position: relative;
				z-index: 5000;
			}
					
				div#menu_haut ul.ulniveau1 li a {
					display: block;
					float: left;
					padding: 7px 8px 0 7px;
					font-size: 10px;
					color: #000000;
					text-align: center;
					font-weight: bold;
				}
				
						div#menu_haut ul.ulniveau1 li a#btn_planSite {
							padding: 7px 0 0 0;
						}
					
					div#menu_haut ul.ulniveau1 li a:hover {
						color: #F60500;
					}
					
					
/* ---------- Sous-menu ---------- */

		div#menu_haut ul.ulniveau1 li ul.sous-menu {
		    position: absolute;
		    top: 25px;
			left: 0;
		    display: none;
		    border:1px solid #222222;
		    background: #F9E9AD;
		    text-align: left;
		}
		
			div#menu_haut ul.ulniveau1 li ul.sous-menu li {
			    float:none;
			    border-bottom: 1px solid black;
			}

				div#menu_haut ul.ulniveau1 li ul.sous-menu a, div#menu_haut ul.ulniveau1 li ul.sous-menu a.out {
					display: block;
					float: none;
				    width: 320px;
				    padding: 5px;
				    text-transform:none;
				    font-size:11px;
				    height:auto;
				    /*color: #000065;*/
				    color: #000000;
				    text-align: left;
				}
				
					div#menu_haut ul.ulniveau1 li ul.sous-menu a:hover, div#menu_haut ul.ulniveau1 li ul.sous-menu a.over {
						/*color: #437db6;*/
						color: #F60500;
			   			text-align: left;
					}



/*###############################
#								#
#	CONTENEUR					#
#								#
###############################*/
	
div#conteneur {
	width: 988px;
	position: relative;
	z-index: 1;
}
	
	/* TRACKER */
	div#tracker {
		height: 20px; /* 38 */
		padding: 18px 0 0 68px;
	}
			
			div#tracker, div#tracker a {
				font-size: 12px;
				color: #ffffff;
			}
			
				div#tracker a:hover {
					text-decoration: underline;
				}
	
	/* PUB */
	div#bandeauPub {
		height: 97px; /* 100 */
		padding: 3px 0 0 134px;
		z-index: 1;
	}
	
	/* Page INDEX */
	div#conteneurFond {
		width: 988px;
		background: url("images/conteneur-fond.gif") 233px 0 repeat-y;
		z-index: 1;
	}
	
	/* Toutes les pages sauf INDEX */
	div#conteneurFond2 {
		width: 917px;
		background: url("images/conteneur-fond2.gif") 233px 0 repeat-y;
		z-index: 1;
	}

	
/*###############################
#								#
#	GAUCHE						#
#								#
###############################*/

div#gauche {
	float: left;
	width: 222px; /* 233 */
	padding: 0 6px 0 5px;
}

	div#login {
		position: relative;
		width: 222px;
		height: 112px;
	}
	
			div#login input.text {
				background: none;
				border: 0;
				padding: 5px 10px 5px 10px;
				font-size: 11px;
				color: #999999;
			}
	
		div#login div.login {
			position: absolute;
			top: 21px;
			left: 13px;
			width: 143px;
			height: 23px;
			background: url("images/login-input.gif") 0 0 no-repeat;
		}
		
		div#login div.connect {
			position: absolute;
			top: 11px;
			left: 13px;
			height: 23px;
		}
		
		div#login div.mdp {
			position: absolute;
			top: 46px;
			left: 13px;
			width: 143px;
			height: 23px;
			background: url("images/login-input.gif") 0 0 no-repeat;
		}
		
		div#login div.valider {
			position: absolute;
			top: 46px;
			left: 162px;
			width: 52px;
			height: 23px;
		}
		
		div#login div.mdpOublie {
			position: absolute;
			top: 71px;
			left: 13px;
			width: 143px;
			height: 23px;
			padding-top: 3px;
			background: url("images/login-mdpOublie.gif") 0 0 no-repeat;
			text-align: center;
		}
		
			div#login div.mdpOublie a {
				font-size: 11px;
				color: #ffffff;
				text-decoration: underline;
				padding-left: 12px;
				background: url("images/login-flecheBlanche.gif") 0 2px no-repeat;
			}
	
	div#inscription {
		width: 216px; /* 222*/
		height: 108px;
		padding-right: 6px;
	}
	
		a#lienInscription {
			display: block;
			height: 76px;
		}
	
	div#recharger {
		width: 222px;
		height: 67px;
	}
	
		a#lienRecharger {
			display: block;
			height: 51px;
		}
		
	div#parrainage {
		width: 222px;
		height: 45px;
	}
	
		a#lienParrainage {
			display: block;
			height: 35px;
		}
		
	div#trefloshop {
		width: 222px;
		height: 53px;
	}
	
		a#lienTrefloshop {
			display: block;
			height: 37px;
		}
		
	div#temoignages {
		width: 222px;
		height: 110px;
	}
	
		a#lienTemoignages {
			display: block;
			width: 222px;
			height: 50px;
		}
		
		div#temoignages div#blockScrollG {
			width: 140px; /* 222 */
			padding: 5px 42px 0 40px;
		}
		
			div#temoignages div#blockScrollG div#scrollG {
				width: 140px;
				height: 42px;
				font-size: 11px;
				color: #ffffff;
			}
				

/*###############################
#								#
#	CONTENU						#
#								#
###############################*/
	
div.contenu {
	position: relative;
	float: left;
	width: 680px; /* 684 */
	padding: 0 3px 20px 1px;
	background: url("images/contenu-fond2.jpg") 0 0 no-repeat;
}

	div.accesRapide2 {
		position: absolute;
		top: 0;
		left: 525px;
	}

/* LES TITRES */

	div.contenu h1 {
		width: 450px;
		height: 38px;
		padding: 6px 0 0 40px;
		font-size: 18px;
		font-weight: bold;
		color: #666666;
		text-align: center;
	}

	div.contenu h2 {
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		padding: 10px 0 10px 0;
	}
	
	div.contenu h3 {
		font-size: 12px;
		font-weight: bold;
		color: #666666;
		padding: 10px 0 5px 10px;
	}
	
	div.contenu h4 {
		font-size: 12px;
		font-weight: bold;
		color: #ff6600;
		padding: 5px 0 5px 20px;
	}
	
	
	/* Vignettes Orange */
	div.vignette {
		float: left;
		display: block;
		width: 164px;
		height: 111px;
		margin-left: 5px;
		background: url("images/vign-fond.gif") 0 0 no-repeat;
	}
		
				div.vignette a:hover span {
					text-decoration: underline;
				}
			
			div.vignette a span {
				cursor: pointer;
			}	
				
			div.vignette a span.vignetteTitre {
				display: block;
				font-family: "Arial", verdana, serif;
				font-size: 11px;
				color: #000000;
				padding: 2px;
				text-align: center;
			}
			
			div.vignette a span.vignetteImg {
				display: block;
				width: 157px;
				height: 73px;
				padding: 1px 0 0 3px;
			}
			
			div.vignette a span.vignetteJoue {
				display: block;
				font-family: "Arial", verdana, serif;
				font-size: 12px;
				font-weight: bold;
				color: #ff0000;
				text-align: center;
			}
			
	/* Vignettes Orange2 */
	div.vignette2 {
		float: left;
		display: block;
		width: 164px;
		height: 142px;
		margin: 4px 0 0 4px;
		background: url("images/vign2-fond.gif") 0 0 no-repeat;
		text-align: center;
	}
	
				div.vignette2 a:hover span {
					text-decoration: underline;
				}
			
			div.vignette2 a span {
				cursor: pointer;
			}	
				
			div.vignette2 a span.vignetteTitre {
				display: block;
				font-size: 11px;
				font-weight: bold;
				color: #003300;
				padding: 2px 2px 0 7px;
			}
			
			div.vignette2 a span.vignetteTitre2 {
				display: block;
				font-family: "Arial", verdana, serif;
				font-size: 11px;
				font-weight: bold;
				color: #003300;
				padding: 2px 2px 0 7px;
			}
			
			div.vignette2 a span.vignetteSousTitre {
				display: block;
				font-size: 10px;
				font-weight: bold;
				color: #003300;
				padding: 3px 2px 3px 7px;
			}
			
			div.vignette2 a span.vignetteImg {
				display: block;
				width: 157px;
				height: 73px;
				padding-left: 3px;
			}
			
			div.vignette2 a span.vignetteJoue {
				display: block;
				font-family: "Arial", verdana, serif;
				font-size: 12px;
				font-weight: bold;
				color: #ff0000;
				padding: 1px 2px 0 7px;
			}
			
	/* Vignettes Orange3 */
	div.vignette3 {
		float: left;
		display: block;
		width: 324px;
		height: 143px;
		padding: 0 4px 0 3px;
		margin: 3px 0 0 5px;
		background: url("images/vign3-fond.gif") 0 0 no-repeat;
		text-align: center;
	}
	
				div.vignette3 a:hover span {
					text-decoration: underline;
				}
			
			div.vignette3 a span {
				cursor: pointer;
			}	
				
			div.vignette3 a span.vignetteTitre {
				display: block;
				font-size: 12px;
				font-weight: bold;
				color: #003300;
				padding: 2px 0 0 4px;
			}
			
			div.vignette3 a span.vignetteSousTitre {
				display: block;
				font-size: 10px;
				font-weight: bold;
				color: #003300;
				padding: 3px 0 3px 4px;
			}
			
			div.vignette3 a span.vignetteImg {
				display: block;
				width: 323px;
				height: 73px;
				background: #ffffff;
				margin-bottom: 8px;
			}
			
			div.vignette3 a span.vignette1Gagnant {
				display: block;
				float: left;
				width: 155px;
				height: 18px;
				background: url("images/1gagnant.gif") 0 0 no-repeat;
			}
			
			div.vignette3 a span.vignetteNbreGagnant {
				display: block;
				float: left;
				width: 70px;
				height: 18px; /* 18 */
				text-align: center;
				color: #003300;
				font-size: 14px;
				font-weight: bold;
			}
			
			div.vignette3 a span.vignetteParticipation {
				display: block;
				float: left;
				width: 52px;
				height: 18px;
				background: url("images/participations.gif") 0 0 no-repeat;
			}
			
			
	/* Block Gris */
	div.blockGris {
		width: 506px; /* 513 */
		padding-left: 7px;
	}
	
		div.blockGrisH {
			background: url("images/blockGrisH.gif") 0 0 no-repeat;
		}
		
		div.blockGrisM {
			background: url("images/blockGrisFond.gif") 0 0 repeat-y;
		}
		
		div.blockGrisB {
			padding: 4px 10px;
			background: url("images/blockGrisB.gif") 0 bottom no-repeat;
		}
		
			div.blockGrisTitre {
				font-size: 14px;
				font-weight: bold;
				font-family: "Arial", verdana, serif;
				text-align: center;
			}
			
			div.blockGris p {
				padding: 10px 0;
			}
			
			div.blockGris a.joue {
				font-size: 12px;
				font-weight: bold;
				font-family: "Arial", verdana, serif;
				color: #ff0000;
			}
			
	/* Block Gris2 */
	div.blockGris2 {
		width: 662px;
	}
	
		div.blockGris2H {
			width: 662px;
			height: 5px;
			font-size: 1px;
			background: url("images/blockGrisH2.gif") 0 0 no-repeat;
		}
		
		div.blockGris2M {
			width: 652px;
			padding: 0 5px;
			font-size: 10px;
			font-weight: bold;
			background: #eaeaea;
		}
		
		div.blockGris2B {
			width: 662px;
			height: 5px;
			font-size: 1px;
			background: url("images/blockGrisB2.gif") 0 bottom no-repeat;
		}
		
	/* Block Marron */
	div.blockMarron {
		width: 275px;
	}
	
		div.blockMarronH {
			background: url("images/blockMarronH.gif") 0 0 no-repeat;
		}
		
		div.blockMarronM {
			background: url("images/blockMarronFond.gif") 0 0 repeat-y;
		}
		
		div.blockMarronB {
			padding: 4px 10px;
			background: url("images/blockMarronB.gif") 0 bottom no-repeat;
		}
			
	div.navigation {
		width: 460px;
		padding: 15px 0 0 210px;
	}
	
		div.navigation a.btn_prec, div.nav a.btn_prec {
			float: left;
			display: block;
			width: 60px;
			height: 14px;
			padding-right: 30px;
			margin-right: 20px;
			background: url("images/btn_prec.gif") right 0 no-repeat;
			font-size: 10px;
			font-weight: bold;
			color: #006600;
		}
		
		div.navigation a.btn_suiv, div.nav a.btn_suiv {
			float: left;
			display: block;
			width: 19px;
			height: 14px;
			padding-left: 30px;
			margin-left: 20px;
			background: url("images/btn_suiv.gif") 0 0 no-repeat;
			font-size: 10px;
			font-weight: bold;
			color: #FF6600;
		}
		
	div.nav {
		width: 460px;
		padding: 15px 0 0 10px;
	}
	
		div.nav div.fleche {
			width: 460px;
			padding: 5px 0 0 110px;
		}

		div.nav a{
			font-size: 9px;
			color: #000000;
		}
		
		div.nav a.selected {
			color: #AA2222;
		}


/*###############################
#								#
#	DROITE						#
#								#
###############################*/

div#droite {
	float: left;
	width: 224px; /* 242 */
	padding: 0 11px 0 7px;
}

	/* ACCES RAPIDE */
	div#accesRapide {
		width: 179px; /* 224 */
		height: 60px; /* 95 */
		padding: 35px 0 0 45px;
	}
	
		div#accesRapide select {
			text-align: center;
		}
	
			div#accesRapide select, div#accesRapide select option {
				/*width: 155px;*/
				width: 172px;
				color: #ff0000;
				font-size: 11px;
				font-weight: bold;
				border: 0;
				background: #FFCC01;
			}
			
			
	/* CADEAU DU JOUR */
	div#cadeauJour {
		width: 142px; /* 224 */
		height: 136px;
		padding: 20px 40px 0 42px;
	}
	
		a#liencadeauJour {
			display: block;
			width: 142px;
			height: 18px;
			margin-bottom: 2px;
			font-size: 14px;
			font-weight: bold;
			color: #000000;
			text-align: center;
		}
	
	/* NEWS */
	div#news {
		width: 164px; /* 224 */
		padding: 30px 30px 0 30px;
	}
	
		a#lienNews {
			display: block;
			width: 162px;
			height: 14px;
			margin-bottom: 10px;
			font-size: 14px;
			font-weight: bold;
			color: #000000;
			text-align: center;
		}
	
		div#blockScrollD {
			width: 144px; /* 164 */
			padding: 0 10px 0 10px;
			font-size: 11px;
			color: #ffffff;
		}
		
			div#blockScrollD div#scrollD {
				width: 144px;
				font-size: 11px;
				color: #ffffff;
			}
			
				div#scrollD div {
					height: 47px;
				}
				
					div#scrollD div p {
						height: 27px;
						overflow: hidden;
					}
			
					div#scrollD div a {
						font-size: 10px;
						font-weight: bold;
						color: #ffffff;
					}


/*###############################
#								#
#	BAS DE PAGE					#
#								#
###############################*/
	
div#bas {
	width: 673px; /* 981 */
	padding: 0 154px;
}

div#bas2 {
	width: 784px; /* 981 */
	padding: 0 0 0 197px;
}

	div#basBlock {
		position: relative;
		width: 673px;
		padding: 160px 0 20px 0;
		background: url("images/bas-fond.png") 0 0 no-repeat;
		text-align: center;
		z-index: 98 !important;
	}
	
	div#basBlock2 {
		position: relative;
		width: 740px;
		padding: 160px 0 20px 0;
		background: url("images/bas-fond2.png") 0 0 no-repeat;
		text-align: center;
		z-index: 98 !important;
	}
	
		div#basBlock2 a#retourIndex, div#basBlock a#retourIndex {
			display: block;
			position: absolute;
			top: 5px;
			left: 90px;
			width: 70px; /* 90 */
			height: 31px; /* 49 */
			padding: 18px 0 0 40px;
			font-size: 12px;
			font-weight: bold;
			text-align: left;
			color: #666666;
			text-decoration: none;
			z-index: 99 !important;
			background: url("images/accueil-revecin.png") 0 0 no-repeat;
		}
	
		div#bas, div#bas2  {
			font-family: "Arial", verdana, serif;
			font-size: 11px;
			/*color: #ccff99;*/
			color: #FFFFFF;
			text-decoration: none;
		}
			div#bas a, div#bas2 a {
				text-decoration: underline;
				color: #FFFFFF;
			}
		
div.plus{
	text-decoration: none;
	width: 673px; /* 981 */
	padding: 0 154px;
	font-family: "Arial", verdana, serif;
	font-size: 11px;
	color: #ccff99;
}
	div.plus a{
		color: #FFFFFF;
	}
	
/*###############################
#								#
#	INDEX						#
#								#
###############################*/

div#index {
	position: relative;
	float: left;
	width: 513px; /* 513 */
	padding: 0 0 20px 0;
	background: url("images/contenu-fond.jpg") 0 0 no-repeat;
}

div#index h2 {
	width: 440px; /* 510 */
	height: 37px; /* 57 */
	padding: 20px 15px 0 55px;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	background: url("images/h2Home.jpg") 0 0 no-repeat;
}

div#index h3 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

div#index a {
	color: #ff3300;
}
	
	
/*###############################
#								#
#	FAMILLE						#
#								#
###############################*/

div#famille div.intro {
	width: 475px;
	padding: 20px 0 10px 13px;
}


/*###############################
#								#
#	PRODUIT						#
#								#
###############################*/

div#produit div.intro {
	width: 475px;
	padding: 20px 0 12px 13px;
	font-size : 14px;
}
	div#produit div.intro p{
		font-weight: normal;
		font-style: italic;
		color: #ff6600;
	}

	div#produit div.blockPhotoRepeat {
		width: 662px;
		padding-bottom: 10px;
		background: url("images/produit-blockPhoto2.gif") 0 bottom no-repeat;
	}

	div#produit div.produit-blockPhoto {
		width: 662px;
		padding-top: 11px;
		background: url("images/produit-blockPhoto.gif") 0 0 no-repeat;
	}
	
		div#produit div.produit-blockPhotoG {
			float: left;
			width: 394px; /* 415 */
			padding: 0 0 0 21px;
		}
		
			div#produit div.blockPhotoGimg {
				width: 335px;
				height: 150px;
				overflow: hidden;
				text-align: center;
			}
			
			div.sousImage {
				padding-top: 20px;
			}
			
				span.sousImageGagnant {
					display: block;
					float: left;
					width: 173px;
					height: 27px;
					background: url("images/1gagnant2.gif") 0 0 no-repeat;
				}
				
				span.sousImageNbreGagnant {
					display: block;
					float: left;
					width: 55px;
					height: 22px; /* 27 */
					padding-top: 5px;
					text-align: center;
					color: #003300;
					font-size: 14px;
					font-weight: bold;
				}
				
				span.sousImageParticipation {
					display: block;
					float: left;
					width: 63px;
					height: 27px;
					background: url("images/participations2.gif") 0 0 no-repeat;
				}
		
		div#produit div.produit-blockPhotoD {
			float: left;
			width: 208px;
			padding: 0 0 0 35px;
		}
		
			div#produit div.produit-blockPhotoD p {
				font-size: 10px;
				font-weight: bold;
				color: #003300;
				padding: 5px 0 4px 0;
			}
			
				div#produit div.produit-blockPhotoD p.petit {
					font-size: 9px;
					font-weight: normal;
					font-style: italic;
					color: #ff6600;
				}
		
		div#produit div.block-participation {
			width: 563px;
			height: 97px;
			padding: 26px 0 0 57px;
			margin-top: 11px;
			background: url("images/block-participation.gif") 54px 0 no-repeat;
		}
		
			div#produit div.block-participation a {
				display: block;
				float: left;
				width: 223px;
				height: 20px; /* 76 */
				padding-top: 56px;
				text-align: center;
				font-size: 14px;
				font-weight: bold;
				color: #000000;
			}
			
				div#produit div.block-participation a.s1 {
					margin-left: 104px;
				}


/*###############################
#								#
#	TOP 17						#
#								#
###############################*/

div#top17 div.intro {
	width: 475px;
	padding: 20px 0 12px 13px;
}

div#top17G {
	float: left;
	width: 283px;
	padding-left: 7px;
}

	div#top17Prix1 {
		position: relative;
		width: 274px;
		height: 175px;
		background: url("images/top17Prix1.gif") 0 0 no-repeat;
	}
	
		div#top17Prix1 p.titre {
			position: absolute;
			top: 45px;
			left: 12px;
			font-size: 12px;
			font-weight: bold;
			color: #ffffff;
		}
		
		div#top17Prix1 div.photo {
			position: absolute;
			top: 77px;
			left: 57px;
			width: 157px;
			height: 60px; /* 70 */
			padding-top: 0px;
			text-align: center;
			vertical-align: middle;
		}
		
			div#top17Prix1 div.photo img {
				vertical-align: middle;
			}
		
	div.blockMarronB {
		padding-bottom: 50px;
	}
			
	div.autrePrix {
		font-size: 11px;
		font-weight: bold;
		color: #ffffff;
		background: url("images/autrePrixSepar.gif") center bottom no-repeat;
		padding: 5px 0 10px 0;
	}
	
div#top17D {
	float: left;
	width: 359px;
}

	div#top17DH {
		height: 50px;
		background: url("images/top17Dhaut.gif") 0 0 no-repeat;
	}
	
	div#top17DM {
		width: 359px;
		padding: 16px 0;
		background: url("images/top17Dmilieu.gif") 0 0 repeat-y;
	}
			
		p.top17DMG {
			float: left;
			width: 186px; /* 141 */
			padding: 5px 16px 22px 16px;
		}
	
		p.top17DMD {
			float: left;
			width: 119px; /* 218 */
			padding: 5px 6px 22px 16px;
		}
	
		p.top17DMG1 {
			float: left;
			width: 186px; /* 141 */
			padding: 1px 16px;
			height: 130px;
		}
		
		p.top17DMD1 {
			float: left;
			width: 119px; /* 218 */
			padding: 1px 6px 1px 16px;
			height: 130px;
		}
		
			div#top17DM p {
				font-size: 12px;
				font-weight: bold;
				color: #333333;
			}
	
	div#top17DB {
		width: 359px;
		height: 7px;
		font-size: 1px;
		background: url("images/top17Dbas.gif") 0 0 no-repeat;
	}
	
	div#top17D div.navigation {
		width: 299px; /* 359 */
		padding: 15px 0 0 60px;
	}
	
	
/*###############################
#								#
#	INSCRIPTION					#
#								#
###############################*/

div#formInscription {
	min-height: 600px;
}

	div#formInscription div.intro {
		width: 475px;
		padding: 30px 0 12px 13px;
	}
	
	div.formInscriptionG {
		position: relative;
		float: left;
		width: 459px;
		padding: 0 0 0 13px;
	}
		
		div.inscrip-blockGH {
			width: 449px; /* 459 */
			height: 20px; /* 24 */
			padding: 4px 0 0 10px;
			font-weight: bold;
			background: url("images/inscrip-blockGH.gif") 0 0 no-repeat;
		}
		
		div.inscrip-blockGM {
			background: url("images/inscrip-blockGM.gif") 0 0 repeat-y;
			padding: 0 0 0 10px;
		}
		
			div.inscrip-blockGM a{
				text-decoration: none;
				color: #DD2222;
			}
			
			div.inscrip-blockGM a:hover{
				text-decoration: none;
			}
		
			div.blockConfirmation {
				width: 449px;
				padding: 10px 0 30px 0;
			}
		
		div.inscrip-blockGB {
			height: 7px;
			background: url("images/inscrip-blockGB.gif") 0 0 no-repeat;
			font-size: 1px;
		}
	
	div.formInscriptionD {
		float: left;
		width: 188px;
		padding-top: 32px;
	}
	
		div.avantageMembre {
			width: 139px; /* 188 */
			height: 143px; /* 175 */
			padding: 32px 0 0 49px;
			background: url("images/avantageMembre.jpg") 0 0 no-repeat;
		}
		
			div.avantageMembre div.photo {
				width: 87px;
				height: 106px;
				text-align: center;
			}
			
		div.formInscriptionD div.leprechauns {
			padding: 7px 30px 7px 15px;
		}
			
			div.formInscriptionD div.leprechauns p.titre {
				font-size: 12px;
				font-weight: bold;
				color: #000000;
			}
		
			div.formInscriptionD div.leprechauns p {
				font-size: 11px;
				color: #666666;
				padding: 7px 0;
			}

	
/* FORMULAIRE */
	div.formInscriptionG p.obligatoire {
		font-size: 11px;
		font-style: italic;
		color: #ff0000;
		padding: 2px 0 15px 0;
	}

	div.formInscriptionG div.moitieBlock {
		float: left;
		/*width: 50%;*/
		width: 220px;
	}
	
		div.formInscriptionG div.moitieBlock p.s1 {
			padding: 10px;
			font-size: 9px;
			color: #009900;
		}
		
		div.formInscriptionG p.s2 {
			padding-left: 10px;
			font-size: 11px;
			font-weight: bold;
			color: #666666;
		}
		
		div.formInscriptionG span.s2 {
			padding-left: 5px;
			font-size: 11px;
			font-weight: bold;
			color: #666666;
		}
		
		div.formInscriptionG span.s3 {
			display: block;
			width: 25px;
			float: left;
			font-size: 11px;
			color: #666666;
		}
		
		div.formInscriptionG span.s4 {
			font-size: 11px;
			font-weight: bold;
			color: #666666;
		}

	div.formInscriptionG label.block {
		padding-left: 10px;
		font-size: 11px;
		font-weight: bold;
		color: #666666;
	}
	
	div.formInscriptionG label.block1 {
		display: block;
		float: left;
		width: 75px;
	}
	
	div.formInscriptionG label.block2 {
		display: block;
		width: 180px;
		padding-bottom: 2px;
	}
	
		div.formInscriptionG label#labelMdp {
			width: 95px;
		}
	
		div.formInscriptionG label.obligatoire {
			background: url("images/champObligatoire.gif") 0 2px no-repeat;
		}
	
	div.formInscriptionG input.txt {
		width: 119px;
		border: 1px solid #999973;
	}
	
			div.formInscriptionG input#checkbox_civilite_mr {
				margin-left: 30px;
			}
				
			div.formInscriptionG input#valider, div.formInscriptionG input#effacer {
				width: 75px;
				height: 24px;
			}
			
			div.formInscriptionG input#valider {
				margin-left: 170px;
			}

			div.formInscriptionG input#inputMdp {
				width: 99px;
			}
			
	div.formInscriptionG input.radio {
		float: left;
		width: 30px;
	}
	
	div.formInscriptionG textarea {
		width: 210px;
	}
	
	div.formInscriptionG select.s1 option {
		padding-right: 5px;
	}
	
	div.formInscriptionG select.s2 {
		width: 150px;
	}
	
	input#joueNow {
		position: absolute;
		bottom: -25px;
		left: 145px;
		display: block;
		width: 205px;
		height: 49px;
	}
	
	
/*###############################
#								#
#	BRAVO	(Gagné)				#	
#								#
###############################*/


div#bravo {
	width: 400px;
	padding-top: 174px;
	background: url("images/bravo_fond.jpg") 80px 0 no-repeat;
	font-weight: bold;
	font-size: 10px;
	margin: 0 0 0 10px;
	text-align: center;
}

		div#bravo h2 {
			padding: 0;
			margin: 0;
			font-size: 14px;
		}

/*###############################
#								#
#	DOMMAGE		(Perdu)			#	
#								#
###############################*/

div#dommage {
	width: 400px;
	padding-top: 174px;
	background: url("images/dommage_fond.jpg") 80px 0 no-repeat;
	font-weight: bold;
	font-size: 10px;
	margin: 0 0 0 10px;
	text-align: center;
}

		div#dommage h2 {
			padding: 0;
			margin: 0;
			font-size: 14px;
		}
		
		div#dommage div.Trefl {
			font-size: 18px;
			color: #ff3300;
		}
	
		
div.tem img{
	display: block;
	float: left;
}

/*###############################
#								#
#	CMS							#
#								#
###############################*/

div#cms {
	position: relative;
	float: left;
	width: 513px; /* 513 */
	padding: 0 0 20px 0;
	background: url("images/contenu-fond.jpg") 0 0 no-repeat;
	min-height: 600px;
}

div#cms div#blockCms {
	width: 490px; /* 513 */
	padding: 10px 13px 0 10px;
	min-height: 500px;
}
	div#blockCms ol{
		padding: 0 0 0 25px;
	}

div#cms ul {
	padding-left: 2px;
	list-style-type: none;
}

		div#cms ul li {
			background: url("images/puce_carreGris.gif") 0 5px no-repeat;
			padding-left: 10px;
		}
	
	
div.accroche, div.media, div.texte, div.texte2, div.texte3 {
	margin-bottom: 20px;
}

div.accroche {
	padding: 0 15px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #009900;
}

div.media {
	text-align: center;
}

div.texte2 {
	float: left;
	width: 49%;
	margin-right: 2%;
}

div.texte3 {
	float: left;
	width: 32%;
	margin-right: 2%;
}

div.last {
	margin-right: 0;
}

div.left {
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
}

div.right {
	float: right;
	margin: 0 0 10px 10px;
	text-align: center;
}

q {
	display: block;
	text-align: center;
	font-size: 10px;
}

/****************************
*                           *
*      	  BOUTIQUE         	*
*                           *
****************************/

div.vignetteBoutique
{
	position: relative;
	float: left;
	width: 459px;
	padding: 0 0 0 13px;
}
		
		div.boutique-blockGH {
			width: 449px; /* 459 */
			height: 20px; /* 24 */
			padding: 4px 0 0 10px;
			font-weight: bold;
			background: url("images/inscrip-blockGH.gif") 0 0 no-repeat;
		}
		
		div.boutique-blockGM {
			background: url("images/inscrip-blockGM.gif") 0 0 repeat-y;
			padding: 0 0 0 10px;
		}
		
		div.boutique-blockGB {
			height: 7px;
			background: url("images/inscrip-blockGB.gif") 0 0 no-repeat;
			font-size: 1px;
		}
		
		div.boutique-valider {
			background: url("images/btn_orange.gif") 130px 0 no-repeat;
			text-align: center;
			height: 50px;
			padding: 15px 0 0 0;
		}
			div.boutique-valider a {
				color: #b22301;
				font-size: 14px;
				font-weight: bold;
			}
			
/*###############################
#									#
#	CREDITER 							#
#									#
###############################*/		

div#centree {
	width: 430px; /*490*/
	/*padding: 0 30px;*/
	text-align: center;
}

div#centree div#blockallopass {
	width: 430px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	background-color: #ffffff;
	color: #000000;
}

	div#centree div#blockallopass div#bandeauallopass {
		width: 300px; /*432 */
		height:25px;
	}

	div#centree div#blockallopass div#treffle {
		width: 430px;
		background: url("images/crediter/fond-repete_allopass.gif") 0 0 repeat-y ;
		margin: 0 0 0 125px;
	}
	
		div#centree div#blockallopass div#treffle div#treffle_haut {
			width: 430px;
			background: url("images/crediter/fond-haut_allopass.gif") 0 top no-repeat ;
		}
		
			div#centree div#blockallopass div#treffle div#treffle_bas {
				width: 300px; /*430 */
				background: url("images/crediter/fond-bas_allopass.gif") 0 bottom no-repeat ;
				padding: 43px 65px;
			}
			
	div#centree div#blockallopass div#triopayement {
		width: 670px; /* 430 */
		padding: 4px 0 12px 10px;
	}
	
		div#centree div#blockallopass div#triopayement a{
			font-size: 11px;
			color: #666666;
			text-decoration:none;
		}
		
		div#centree div#blockallopass div#triopayement div.font-repete_payement {
			display: block;
			float: left;
			width: 126px;
			background: url("images/crediter/font-repete_payement.gif") 0 0 repeat-y ;
			margin-right: 5px;
		}
		
				div#centree div#blockallopass div#triopayement div#font-repete_payement3 { margin-right: 0; }
		
			div#centree div#blockallopass div#triopayement div.font-haut_payement {
				display: block;
				width: 126px;
				background: url("images/crediter/font-haut_payement.gif") 0 top no-repeat ;
			}
			
				div#centree div#blockallopass div#triopayement div.font-bas_payement {
					display: block;
					width: 116px; /*126*/
					background: url("images/crediter/font-bas_payement.gif") 0 bottom no-repeat ;
					padding: 5px 5px 24px 5px;
				}
				
						div#centree div#blockallopass div#triopayement div#font-bas_payement3 { padding: 5px 5px 10px 5px; }

						div#centree div#blockallopass div#triopayement div.font-bas_payement p.texte_payement {
							font-size: 11px;
							color: #666666;
						}
			
			.rev_pub {
				float : right ;
				padding : 20px ;
			}
			
			.bloc_jeu_gratuit_pub{
				float : left;
				width : 310px;
				padding-top : 40px;
			}
			
			.bloc_jeu_gratuit{
				float : left;
				width : 360px;
			}
			
			.treflogratt_jeu_flash{
				border-collapse: collapse;
				border : 2px solid #FDDC39;
				width : 350px;
				font-weight : bold ;
			}
			
			.treflogratt_jeu_flash td {
				padding : 2px 4px;
			}
			
			ul.menu_flash {
				list-style-type:none;
			}
			ul.menu_flash li {
				float : left;
				margin : 10px 17px;
				padding : 3px;
			}
			ul.menu_flash li a {
				float : left;
				color : #C9001A;
				font-weight : bold;
			}
			
/*###############################
#									#
#	STYLE PLAN						#
#									#
###############################*/

div#planCMS ul {
	margin: 0 0 0 19px;
}
	div#planCMS ul li {
		margin: 0 0 20px 0;
		padding: 0 0 0 0;
	}
		div#planCMS ul li a {
			color: #7F025B;
		}
div#planCMS ul.sous-menu {
	margin: 0 0 0 20px; 
	clear: both;
}
	div#planCMS ul.sous-menu li {
		margin: 5px 0 0 0; 
	}
		div#planCMS ul.sous-menu li a {
			color: #000000;}
			
.txt-green {
color:#016600;
}			
.greencolor {
color:#00B050;
}

.txt-red {
color:#f00;
font-size:1em;
}

p.legend {
margin-top:10px;
}

p.legend-x {
font-size:0.9em;
}
p.legend-x a {
color : #003A84; 
text-decoration : underline ;
}

p.legend-xx {
font-size:0.8em;
}