/* CSS Document */

a.link_question {
	color:inherit;
	text-decoration:underline;
}
a.link_question:hover {
	text-decoration:underline;
	font-weight:bold;
} 




html
	{
		background-color:#de6e00;
		background-image:url(../images/htmlBg.jpg);
		background-repeat:repeat-x;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	
	}
	
#li_1
{
display:none; 
}
	
body
	{
		width:100%;
		margin:auto;
	}
	
	
	#all /* Baniere et identification */
	{
		width:1000px;
		margin:auto;
		background-image:url(../images/bodyBg.jpg);
		background-repeat:no-repeat;
		height:auto;
	}

#header /* Baniere et identification */
	{
		display:block;
		height:205px;
	}
	
	#header .ban
		{
			display:block;
			height:60px;
			width:468px;
			background-color:#FFFFFF;
			float:right;
			margin-top:35px;
			margin-right:55px;
		
		}
		
		#header .ban img
			{
				border:0px;
				width:468px;
				height:60px;
			
			}
			
	#header form
		{
			display:block;
			float:right;
			width:300px;
			height:60px;
			margin-top:50px;
			margin-right:135px;
		}

#header .block
{
display:block;
float:right;
width:300px;
height:60px;
margin-top:65px;
margin-right:135px;
}
#header .block a
{
font-family:Arial, Helvetica, sans-serif;
color:#FF6600;
text-decoration:none;
}
#header .block a:hover
{
color:#FF3300;
text-decoration:underline;
}

		
		#header form span
			{
				display:block;
				margin:2px;
			
			}
			
			#header form span input
				{
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					border:0px;
					margin-left:10px;
					width:129px;
					padding:5px;
					padding-left:8px;
					height:14px;
					background-image:url(../images/HeaderFormBg.gif);
					background-repeat:no-repeat;
					color:#dec89d;
					
				}
				
			#header form input[type=image]
				{
					background-image:none;
					height:24px;
					margin-left:5px;
					width:72px;
					padding:0px;
					margin:0px;
					margin-left:5px;
					display:inline;
					vertical-align:middle;
				}
				
	/* Menu */
	
	#menu
		{
			width:180px;
			float:left;
		
		}
		
		#menu .listeLien
			{
				width:180px;
				background-image:url(../images/MenuListeLien.gif);
				background-repeat:repeat-y;
				padding-bottom:5px;
				padding-top:5px;
				margin:0px;
			
			}
			
			#menu .listeLien a
				{
					display:block;
					margin-left:35px;
					padding-left:15px;
					padding-top:2px;
					color:#FFFFFF;
					background-image:url(../images/MenuaBg.gif);
					background-repeat:no-repeat;
					width:100px;
					height:17px;
					margin-bottom:2px;
					text-decoration:none;
				
				}
				
	/* Contenue */
	
	#content
		{
			width:792px;
			float:right;
			margin-top:20px;
			background-image:url(../images/contentBG.jpg);
			background-repeat:repeat-y;
				
		}
		
		#content #top
			{
				background-image:url(../images/ContentTop.jpg);
				display:block;
				height:95px;
			
			}
			
			#content #top .textTop
				{
					float:left;
					margin:10px;
					font-size:10px;
				
				}
				
			#content #top form
				{
					float:right;
					margin-right:20px;
					margin-top:10px;
				
				}
				
				#content #top form input
					{
						border:0px;
						height:14px;
						width:132px;
						background-image:url(../images/contentopforminput.gif);
						background-repeat:no-repeat;
						padding:5px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						color:#999999;
				
					}
					
					#content #top form input[type=image]
						{
							background-image:none;
							height:24px;
							width:86px;
							padding:0px;
							margin:0px;
							margin-left:5px;
							display:inline;
							vertical-align:middle;
				
						
						}
		
		#content #centre
			{
			
			}
		
		#content #bot
			{
				display:block;
				height:20px;
				padding:5px;
				background-image:url(../images/contentBot.jpg);
				font-size:10px;
				text-align:center;
			
			}
			
					
			/* PAGES 1 --------------------------------------------------------------------- */	

	
	#content .TextTop
		{
			width:746px;
			padding:15px;
			padding-top:5px;
			display:block;
			margin:auto;
			margin-top:10px;
			background-image:url(../images/ContText1.jpg);
			background-repeat:no-repeat;
		
		}
		
		#content .TextTop p
			{
				margin-bottom:15px;
				text-align:justify;
			
			}
		
		#content #event
			{
				width:716px;
				height:243px;
				background-image:url(../images/event.jpg);
				display:block;
				background-repeat:no-repeat;
				display:block;
				margin:auto;
				margin-bottom:10px;
			
			}
			
			#content #event #bloc1
				{
					float:left;
					height:130px;
					width:220px;
					background-color:#FFFFFF;
					margin-left:50px;
					margin-top:80px;
				
				}
				
			#content #event #regles
				{
					float:right;
					height:130px;
					width:240px;
					margin-right:140px;
					margin-top:70px;
				
				}
				
				#content #event #regles span
					{
						margin:0px;
						color:#000000;
						background-color:#FFFFFF;
						margin-bottom:5px;
						display:block;
						width:70px;
						font-weight:bold;
						padding-left:3px;
					
					}
					
				#content #event #regles p
					{
						margin:0px;
						text-align:inherit;
						display:block;
						font-size:12px;
					
					}
					
		#content .blocCentre
			{
				width:252px;
				height:275px;
				background-image:url(../images/ContCentreBloc.jpg);
				background-repeat:no-repeat;
				margin:25px;
				margin-right:75px;
				float:right;
			
			}
			
			#content .blocCentre h1
				{
					margin:0px;
					padding:5px;
					text-align:center;
					display:block;
					color:#FFFFFF;
					font-size:18px;
				
				}
				
			#content .blocCentre p
				{
					display:block;
					padding:10px;
					text-align:justify;
				
				}
				
		#content .titreNews
			{
				display:block;
				width:500px;
				height:15px;
				background-image:url(../images/contTitre.jpg);
				background-repeat:no-repeat;
				padding-left:5px;
				font-weight:bold;
				margin:15px;
				text-transform:uppercase;
				padding-top:2px;
			
			}



		#content .news
			{
				display:block;
				text-align:justify;
				margin:15px;
			
			}
			
			.liste
				{
					width:777px;
					height:179px;
					display:block;
					margin-top:10px;
					margin:auto;
					background-image:url(../images/listeBG.jpg);
					background-repeat:no-repeat;
					margin-bottom:20px;
				
				}
				
			.liste .PtGauche
				{
				float:left;
				width:370px;
				
				}
				
				.liste .PtGauche h1
					{
						display:block;
						float:left;
						color:#e16217;
						font-size:18px;
						margin-left:50px;
						margin-top:10px;
						margin-bottom:10px;
					
					}
					
				.liste .PtGauche img
					{
						width:124px;
						height:124px;
						background-color:#000000;
						float:left;
						border:3px #CCCCCC solid;
						margin-left:40px;
					
					}
					
				.liste .PtGauche .note
					{
						float:left;
						margin-top:65px;
						margin-left:10px;
						font-size:18px;
						font-weight:bold;
						margin-bottom:10px;
					
					}
					
					.liste .PtGauche .note .etoile
						{
							display:inline;
							margin-left:30px;
							float:none;
						
						}
						
						.liste .PtGauche .note .etoile img
							{
								width:16px;
								height:16px;
								border:0px;
								margin:0px;
								float:none;
								padding:0px;
								
							
							}
							
				.liste .PtGauche .boutons
					{
						display:block;
						float:left;
						width:180px;
						height:40px;
					
					}
					
					.liste .PtGauche .boutons2
						{
							float:right;
							margin-right:3px;
						
						}
						
						.liste .PtGauche .boutons2 img
							{
								width:12px;
								height:10px;
								margin:0px;
								padding:0px;
								border:0px;
								float:none;
								margin-top:7px;
								margin-left:5px;
							
							}
											
						#boutonCode
							{
								width:55px;
								height:32px; 
								background-image:url(../images/BoutonCode.gif);
							
							}
						
						#BoutonEuro
							{
								width:55px;
								height:32px; 
								background-image:url(../images/BoutonEuro.gif);
							
							}
							
						#BoutonKdo
							{
								width:55px;
								height:32px; 
								background-image:url(../images/BoutonKdo.gif);
							
							}
			
			.liste .PtDroite
				{
					float:right;
					width:400px;
				
				}
							
				.liste .PtDroite p
					{
						float:right;
						width:325px;
						height:110px;
						margin-right:30px;
						margin-top:35px;
						text-align:justify;
						color:#070606;
						margin-bottom:3px;
					
					}
					
					.liste .PtDroite strong
						{
							font-weight:bold;
							text-align:center;
							display:block;
							margin-bottom:5px;
						
						}
				
				.liste .PtDroite .bouton
					{
						display:block;
						text-align:center;
					
					}

#question_reponse
{
background-image:url(../images/question_reponse.jpg);
background-repeat:no-repeat;
width:763px ;
height: 219px ;
margin-left: 5px;
margin-top: 5px;
}


#question
{
width:716px ;
height: 46px ;
margin-left: 5px;
}

.txt_question
{
background-image:url(../images/question.gif);
background-repeat:no-repeat;
height: 46px ;
font-family:"Times New Roman", Times, serif;
font-size:13px;
padding-top: 23px ;
padding-left: 10px;
}

#reponse
{
width:716px ;
height: 46px ;
padding-top: 5px;
margin-left: 5px;
}

.txt_reponse
{
background-image:url(../images/reponse.gif);
background-repeat:no-repeat;
height: 46px ;
font-family:"Times New Roman", Times, serif;
font-size:13px;
padding-top: 23px ;
padding-left: 10px;
}

#reponse form span input
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:0px;
width:620px;
height:18px;
color:#000000;
background:none;
}
				
#reponse form input[type=image]
{
					background-image:none;
					height:24px;
					width:102px;
					display:inline;
					vertical-align:middle;
}


					.liste .PtDroite .bouton a
						{
						
						}
						
					.liste .PtDroite .bouton img
						{
							border:0px;
						
						}
					
			/* PAGES 2 --------------------------------------------------------------------- */	
					
			#content .presentation
				{
					width:743px;
					display:block;
					margin:auto;
					margin-top:10px;
				
				}
				
				#content .presentation .top
					{
						width:673px;
						height:21px;
						background-image:url(../images/presentTop.jpg);
						font-size:18px;
						padding:10px;
						padding-left:60px;
						
					}
					
				#content .presentation .centre
					{
						width:743px;
						display:block;
						background-image:url(../images/presentCent.jpg);
					
					}
					
					#content .presentation .centre img
						{
							background-color:#000000;
							float:left;
							margin-left:30px;
						
						}
						
					#content .presentation .centre p
						{
							margin:0px;
							padding:0px;
							float:right;
							width:530px;
							margin-right:10px;
							text-align:justify;
						
						}
					
				#content .presentation .bottom
					{
						width:743px;
						height:87px;
						background-image:url(../images/presentBot.jpg);
					}	
					
					#content .presentation .bottom .note
						{
							float:right;
							margin-right:80px;
							margin-top:20px;
							font-size:24px;
							font-weight:bold;
						
						}
						
					#content .presentation .bottom .bouton
						{
							width:200px;
						
						}	
					
					#content .presentation .bottom a
						{
							float:left;
							display:block;
							margin-top:10px;
							margin-left:40px;
						
						}
						
					#content .presentation .bottom img
						{
							border:0px;
						
						}

		#content .article
			{
				width:743px;
				margin:auto;
				margin-top:10px;
			
			}
			
			#content .article .top
				{
					width:673px;
					height:21px;
					background-image:url(../images/ArtTop.jpg);
					font-size:18px;
					padding:10px;
					padding-left:60px;
					display:block;
					
				}
				
			#content .article .centre
				{
					width:723px;
					display:block;
					background-color:#fcf1db;
					padding:10px;
					text-align:justify;
				
				}
				
			#content .article .bot
				{
					display:block;
					height:15px;
					background-image:url(../images/ArtBot.jpg);
				
				}
				
			#content .article .valider
				{
					display:block;
					text-align:center;
					margin-top:10px;
				
				}
				
				#content .article .valider img
					{
						border:0px;
					
					}
					
			#content .article .question
				{
					width:706px;
					height:21px;
					margin:auto;
					margin-top:10px;
					background-image:url(../images/question.gif);
					background-repeat:no-repeat;
					padding-top:25px;
					padding-left:10px;
				
				}
					
			#content .article .reponse
				{
					width:706px;
					height:21px;
					margin:auto;
					margin-top:10px;
					background-image:url(../images/reponse.gif);
					background-repeat:no-repeat;
					padding-top:25px;
					padding-left:10px;
				
				}
				
				#content .article .reponse input
					{
						border:0px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						background-color:#f5e3bf;
						width:600px;
					
					}	
				

	/* Footer */
	
	#footer
		{
			clear:both;
			height:103px;
			display:block;
			background-image:url(../images/Footer.jpg);
		
		}
	
	#footer .ban
		{
			display:block;
			height:60px;
			width:468px;
			background-color:#FFFFFF;
			float:right;
			margin-top:25px;
			margin-right:265px;
		
		}
		
		#footer .ban img
			{
				border:0px;
				width:468px;
				height:60px;
			
			}
			

#backpart
{
width:100%;
height:150px;
background-image:url(../images/backfoot.png);
background-repeat:repeat-x;
background-color:#009999;
}

#part
{
border:0px;
width:1000px;
height:150px;
background-image:url(../images/demofooter.png);
background-repeat:no-repeat;
margin-top: 5px;
margin-bottom: 5px;
text-align:left;
margin:auto;
}

.decal_t
{
width: 140px;
padding-top: 44px ;
padding-left: 98px;
float:left;
}

.decal_g
{
width: 160px;
padding-top: 44px ;
padding-left: 43px;
float:left;
}

.decal_l
{
width: 110px;
padding-top: 44px ;
padding-left: 43px;
float:left;
}

.decal_t2
{
width: 140px;
padding-top: 6px ;
padding-left: 98px;
float:left;
}

.decal_g2
{
width: 160px;
padding-top: 6px ;
padding-left: 43px;
float:left;
}

.decal_l2
{
width: 110px;
padding-top: 6px ;
padding-left: 43px;
float:left;
}

.decal_t a, .decal_g a, .decal_l a, .decal_t2 a, .decal_g2 a, .decal_l2 a
{
color:#000000 ;
text-decoration:none ;
}

.decal_t a:hover, .decal_g a:hover, .decal_l a:hover, .decal_t2 a:hover, .decal_g2 a:hover, .decal_l2 a:hover
{
color:#333333;
text-decoration:underline ;
}
