/*             Debut RESET CSS                            */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
body {
        line-height: 1;
        color: black;
        background: white;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}
/*       Fin RESET CSS         */






body {
	font-size: 11px;
	font-family: Arial,Helvetica,verdana,sans-serif;
	color: #000;
	padding:0px;
	margin: 0px;
	width: 100%;
}

img {
	border:0px;
}

.clearAll {
	clear: both;	
}
	
	
	
.theme {
	color: 	#ab2519;
}	


.erreur {
	color: #d00;!important	
}
	
	
	
h2 {
	font-size: 18px;
	color: #A8231C;
	font-weight: normal;
	margin-bottom: 10px;	
}	
	
	
	
a.lien-bouton {
	display: block;
	background: #c12b1c;
	color: #fff;
	text-align: center;
	padding: 5px 5px;
	font-size: 14px;
	
	text-decoration: none;
}		
	a.lien-bouton:hover {
	
		text-decoration: underline;
	}	
	
	
	
	
	
	
	
	
	
	
	
/*        Formulaires           */
form input, select, textarea {
	font-size: 11px;	
}	
	
.autocompletion {
 
  background: #fafafa;
  width: 170px;
  
}
.autocompletion ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fafafa;
  width: 170px;
  cursor: pointer;
   border: 1px solid #999;
}
	.autocompletion ul li {
	  padding: 3px;
	}
.autocompletion a {
  display: block;
  padding: .2em .3em;
  text-decoration: none;
  color: #333;
  
}
.autocompletion .selected {
  background: lightyellow;
}	
	
	
	
	
	
	
	
#corps {

	background: url(../images/ombres.png) top center repeat-y;
	width: 798px;
	margin: 0px auto;
	padding: 0px 26px;
	

}

#header {

}


	#header #logo {
		width: 236px;
		height: 141px;
		float: left;
	}
	#header #headerDroite {
		width: 562px;
		float: left;
		
		
	}		

	
		#header #headerDroite #bandeCouleur {
			height: 38px;
			background: #38383a;
		}
		#header #headerDroite #menu {
			height: 53px;
			padding-top: 50px;
			padding-left: 25px;
			background: url(../images/fondMenu.png) bottom left repeat-x;
			position: relative;
		}
			#header #headerDroite #menu a.elementMenu {
				display: block;
				float: left;
				padding: 0px 15px; 
				border-left: 2px solid #ae231c;
				
				font-weight: bold;
				font-size: 12px;
				text-decoration: none;
				color: #000;
			}	
			#header #headerDroite #menu a.elementMenu:hover {
				text-decoration: underline;
			}				
				#header #headerDroite #menu a.premier {
					border-left:0px;
				}			
		
			#zoneDeconnexion {
				position: absolute;
				right: 0px;
				top: 5px;
			}
				#zoneDeconnexion a {
					color: #000;
					margin-right:15px;
				}	

#headerBas {
	
}

	#headerBas #themes {
		width: 236px;
		height: 258px;
		float: left;
		background: #38383a;
	}
		#headerBas #themes ul {
			margin: 40px 5px 10px 30px;
		}
		#headerBas #themes li {
			margin: 15px 0px;
			color: #fff;
		}		
			#headerBas #themes a {
				color: #fff;
				text-decoration: none;
			}		
			#headerBas #themes a:hover {
				text-decoration: underline;
			}
			
						
	#headerBas #bandeau {
		width: 562px;
		height: 258px;
		float: left;
		position: relative;
		
		background: url(../images/fondHeaderBandeau.jpg) bottom left no-repeat;
	}	
	
		#headerBas #bandeau  #lotsGagnants {
			width: 420px;
			height: 85px;
			position: absolute;
			bottom: 0px;
			right: 0px;
			border:1px solid #cccccc;
			background: #fff;
		}
		
			#headerBas #bandeau #lotsGagnants .scroller {
				position:relative;
				margin-top:1px;
				width: 304px; 
				height: 82px;
				overflow: hidden;
				
				float:left;
			}
		
				#headerBas #bandeau #lotsGagnants .section {
					position:relative;		
					width:304px;
					height:82px;
					overflow:hidden;
					float:left;
					padding-left:10px;
					padding-top:10px;
				}
				
					#headerBas #bandeau #lotsGagnants .section p {
						float: left;
					}
					#headerBas #bandeau #lotsGagnants .section img {
						float: right;
					}				
					
			#headerBas #bandeau #lotsGagnants img#caroussel-navigation-gauche {
				width:58px;
				height:85px;
				float:left;
			}
			#headerBas #bandeau #lotsGagnants img#caroussel-navigation-droite {
				width:58px;
				height:85px;
				float:left;
			}		
		
		
		
		
		
		
		
		
		
		
	
	
#centre {
	width: 798px;	
	background: #fff;
}	
		
	#centre #inscription {
		width: 236px;
		height: 330px;
		float: left;

		background: #dbdbdb;
	}
		
		#centre #inscription fieldset {
			border: 0px;
			margin-top: 10px;
			padding:0px;
		}

	
			#centre #inscription fieldset legend {
				margin: 0px;
				padding: 0px;
				font-weight: bold;
				color: #000;
				width: 200px;
				
				padding-left: 5px;
			}
				
				#centre #inscription fieldset legend span.introduction {
					color: #707072;
					font-size: 10px;
				}
				
			#centre #inscription fieldset table {
				border-spacing: 4px;
				margin: 5px 0px;
			}				
			#centre #inscription fieldset table td {
				font-weight: bold;
				font-size: 10px;
			}
				#centre #inscription fieldset table td.message-inscription {
					padding-bottom: 5px;
				}			
				#centre #inscription fieldset table td.bouton-submit {
					text-align: right;
					padding-right: 10px;
				}
			
			
			#centre #inscription fieldset input.text  {
				width: 130px;
			}			
				#centre #inscription fieldset input.code-postal {
					width: 40px;
				}			
				#centre #inscription fieldset input.ville {
					width: 60px;
				}	
				
			#centre #inscription fieldset input.submit  {
				width: 30px;
				text-align: center;
				background: #c12b1c;
				color: #fff;
				border:0;
			}				
							
			#centre #inscription fieldset table.valider {
				border-spacing: 4px;
				margin: 0px 0px;
			}	
				#centre #inscription fieldset table.valider td {
					vertical-align: top;
				}				
			
				
			
			
								
		
	#centre #cadeaux {
		margin-left: 10px;
		margin-top: 5px;
		width: 331px;
		height: 325px;
		float: left;
		background: url(../images/fondCadeaux.jpg) bottom center no-repeat; 
		
		position: relative;
	}
		#centre #cadeaux  a#participez-concours {
			position: absolute;
			display: block;
			width: 100px;
			height: 20px;
			background: #c12b1c;
			color: #fff;
			bottom: 35px;
			left: 30px;
			text-align: center;
			padding-top: 3px;
			font-size: 14px;
			
			text-decoration: none;
		}		
		#centre #cadeaux  a#participez-concours:hover {
		
			text-decoration: underline;
		}			
		
		
		
		
	#centre #centre-droite {
		width: 206px;
		height: 325px;
		margin-top: 5px;
		margin-left: 10px;
		float: left;
	}		
		
		#centre #centre-droite #acces-compte {
			width: 200px;
			height: 166px;
			background:url(../images/acces-compte.png) top left no-repeat #dbdbdb;
		}	
			#centre #centre-droite #acces-compte fieldset table {
				border-spacing: 4px;
				margin: 20px 0px;
			}				
			#centre #centre-droite #acces-compte fieldset table td {
				font-weight: bold;
				font-size: 10px;
			}	
				#centre #centre-droite #acces-compte fieldset table td.message-inscription {
					
				}			
				#centre #centre-droite #acces-compte fieldset table td.bouton-submit {
					text-align: right;
				}				
			#centre #centre-droite #acces-compte fieldset {
				padding: 0px;
			}			
			#centre #centre-droite #acces-compte fieldset input {
				width: 100px;
			}	
			#centre #centre-droite #acces-compte fieldset input.submit  {
				width: 30px;
				text-align: center;
				background: #000;
				color: #fff;
				border:0;
			}			
			
			#centre #centre-droite #acces-compte fieldset legend{
				display: block;
				padding-left: 28px;
				padding-top: 15px;
				font-weight: bold;
				font-size: 12px;
				background:url(../images/acces-compte-icone.png) 2px 4px no-repeat;
			}				
			
			
			
		#centre #centre-droite #pub-parrainage {
			width: 195px;
			height: 145px;
			margin: 13px 0px 0px 0px;
			background: url(../images/parrainage.png) top left no-repeat;
			position: relative;
		}			
			#centre #centre-droite #pub-parrainage p.accroche {
				text-align: justify;
				margin: 50px 70px 0px 10px;
				color: #fff;
				font-size: 10px;
			}					
			#centre #centre-droite #pub-parrainage a.invitation {
				position: absolute;
				bottom: 0px;
				left: 43px;
			}			
			
			
			
					
#content {
	width: 798px;	
	background: #fff;

}

#content-haut {
	width: 798px;	
	background: #fff;

}




#footerHaut {

	background: url(../images/footerOmbres.png) top center no-repeat ;
	padding: 0px 26px;
	width: 798px;
	margin: 0px auto;
}

	#footerHaut #contentFooterHaut{
		width: 780px;
		background: #38383a;
		height: 20px;
		
		text-align: right;
		color: #fff;
		padding-top: 10px;
		padding-right: 18px;
	}

	#footerHaut #contentFooterHaut a {
		color: #fff;
		text-decoration: none;
	}
	#footerHaut #contentFooterHaut a:hover {
		text-decoration: underline;
	}


#footer {

	width: 798px;
	margin: 10px auto;
	text-align: center;
}
	#footer a {
	
		color: #707172;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	
	
	

#zone-interdite {
	padding: 30px 15px;
	font-size: 12px;
	color: #d00;
	font-weight: bold;	
}