body
{
	overflow-y:scroll;
}

/* Mettre taille fixe à la zone #page et margin 0 auto; pour avoir un auto-centrage avec ancrage à gauche
width: 903px;
margin: 0 auto;
*/

.frmContact, .form_contact_table, .form_contact_table tr, .form_contact_table td
{		
	border-spacing: 0px;
}

.form_contact_table td
{
	padding:2px;
}


.frmContact input, .frmContact textarea
{
	border:1px solid black;
}

.errmsg 
{
	color:red;
	font-weight:bold;
}

/*Nécessaire pour les boites de message*/

.boite-message 
{
	display: block;
}

.boite-message-interne
{
	display: block;
}

.contenu-message3
{
	display: block;
	line-height: 1px;
	height: 1px;
	margin: 0 3px;
}

.contenu-message2
{
	display: block;
	line-height: 1px;
	height: 1px;
	margin: 0 2px;
}

.contenu-message1
{
	display: block;
	line-height: 1px;
	height: 1px;
	margin: 0 1px;
}

.border-message3
{
	display: block;
	line-height: 1px;
	height: 1px;
	margin: 0 3px;
}

.border-message2
{
	display: block;
	line-height: 1px;
	height: 1px;
	margin: 0 2px;
}

.border-message1
{
	display: block;
	line-height: 1px;
	height: 1px;
	margin: 0 1px;
}

td.image-message
{
	padding-top:30px;
	padding-left:30px;
	padding-bottom:30px;
}

td.texte-message
{
	padding-left:20px;
	padding-top:15px;
	vertical-align:top;
}

.texte-message h2
{
	font-size:1.5em;
}

.texte-message ul, .texte-message ol
{
	margin-top:20px;
	margin-bottom:10px;
}

.clear-message
{
	clear:both;
}

.gestion th
{
	text-align:left;
}

/*Corrige un bug qui peut survenir sur IE*/
#selPage
{
	display:block;
	height:30px;
}

body
{
	background-color:#cccccc;
	background-image:url('../images/fond-body.jpg');
	background-repeat:repeat-x;
}

#page
{
	width:991px;
	font-family:Verdana,Geneva,Kalimati,sans-serif;
	margin:0 auto;
}

	#bandeau
	{
		width:991px;
		height:172px;
		background-color:white;
	}
	
		#contenu-bandeau
		{
			float:left;
			position:relative;
			width:867px;
			padding-top:26px;
			margin:auto;
		}
		
			#bouton-donner
			{
				float:left;
				width:124px;
				height:124px;
				margin-top:26px;
				background-image:url('../images/bouton-donner.png');
				background-repeat:no-repeat;
			}
			
				#bouton-donner:hover
				{
					background-position:0px -124px;
				}
				
			#navigation-bandeau
			{
				position:absolute;
				text-align:center;
				top:27px;
				left:585px;
				font-weight:bold;
				width:192px;
			}
			
				#navigation-bandeau a
				{
					color:#5c5c5c;
					text-decoration:none;
					font-size:12px;
				}
			
				#navigation-bandeau a:hover, #navigation-bandeau a.selection
				{
					color:#cc0000;
				}
				
				#adresse
				{
					margin-top:10px;
					width:192px;
				}
				
				#navigation-bandeau span
				{
					display:block;
					font-size:12px;
					color:#5c5c5c;
				}
	
	#contenu
	{
		width:991px;
		margin:auto;
	}
	
		#barre-gauche
		{
			position:relative;
			float:left;
			width:214px;
			margin-top:7px;
		}
		
			#menu-principal
			{
				position:relative;
				z-index:2;
				width:214px;
			}
			
				#haut-menu-principal
				{
					width:214px;
					height:11px;
					background-image:url('../images/haut-menu-principal.png');
					background-repeat:no-repeat;
				}
				
				#contenu-menu-principal
				{
					width:214px;
					background-image:url('../images/contenu-menu-principal.png');
					background-repeat:repeat-y;					
				}
				
				#bas-menu-principal
				{
					width:214px;
					height:13px;
					background-image:url('../images/bas-menu-principal.png');
					background-repeat:no-repeat;				
				}
			
				#menu-principal ul
				{
					padding-top:5px;
				}
				
					#menu-principal li
					{
						line-height:20px;
						margin-top:5px;
						padding-bottom:5px;
						margin-left:10px;
						padding-left:20px;
						background-image:url('../images/rollover-menu-principal.png');
						background-repeat:no-repeat;
						background-position:0px 100px;
					}
					
						#menu-principal li:hover, #menu-principal li.selection
						{
							background-position:0px 0px;
						}
						
							#menu-principal li:hover a, #menu-principal li.selection a
							{
								color:#ffcc99;
							}
						
						#menu-principal li.deux-lignes:hover, #menu-principal li.deux-lignes.selection
						{
							background-position:0px 13px;
						}
						
							#menu-principal li.deux-lignes:hover a, #menu-principal li.deux-lignes.selection a
							{
								color:#ffcc99;
							}
			
				#menu-principal a
				{
					display:block;
					font-size:12px;
					text-decoration:none;
					font-weight:bold;
					color:white;
				}
					
			#menu-secondaire
			{
				position:relative;
				z-index:1;
				top:-170px;
				overflow:hidden;
			}
			
				#haut-menu-secondaire
				{
					width:214px;
					height:10px;
					background-image:url('../images/haut-sous-menu.png');
					background-repeat:no-repeat;
				}
				
				#contenu-menu-secondaire
				{
					width:214px;
					background-image:url('../images/contenu-sous-menu.png');
					background-repeat:repeat-y;
				}
				
					#contenu-menu-secondaire ul
					{
						padding-top:7px;
						margin-left:30px;
						margin-right:30px;
					}
					
						#contenu-menu-secondaire li
						{
							font-size:11px;
							line-height:13px;
							padding-top:4px;
							padding-bottom:4px;
						}
						
						#contenu-menu-secondaire a
						{
							text-decoration:none;
							color:#666666;
						}
						
							#contenu-menu-secondaire a:hover, #contenu-menu-secondaire a.selection
							{
								color:#cc0000;
							}
				
				#bas-menu-secondaire
				{
					width:214px;
					height:13px;
					background-image:url('../images/bas-sous-menu.png');
					background-repeat:no-repeat;
				}
			
			#campagne-publicitaire
			{
				position:absolute;
				top:256px;
				width:214px;
				/*margin-top:8px;*/
				height:208px;
				background-image:url('../images/fond-menu-gauche.png');
				background-repeat:no-repeat;
			}
			
				#campagne-publicitaire span
				{
					display:block;
					color:white;
					text-align:center;
					width:214px;
					font-weight:bold;
				}
				
					span#campagne
					{
						margin-top:17px;
						font-size:16px;
					}
					
					span#publicitaire
					{
						margin-top:2px;
						font-size:12px;
					}
					
					span#place-holder
					{
						margin-top:55px;
					}
					
					#boite-video
					{
						position:relative;
						margin-top:22px;
						margin-left:auto;
						margin-right:auto;
						margin-bottom:0px;						
						border:2px solid black;
						background-color:black;
						width:181px;
					}
					
						#conteneur-video-thumb
						{
							width:181px;
							height:92px;
							line-height:92px;
							text-align:center;
						}
					
						#video-thumb
						{
							max-width:181px;
							max-height:92px;
							vertical-align:middle;
						}
						
						span#aide-video
						{
							width:181px;
							height:12px;
							margin-top:4px;
							margin-bottom:2px;
							font-size:12px;
							font-weight:normal;
						}
						
						span#titre-video
						{
							margin-top:2px;
							font-size:7.5pt;
							text-align:left;
							margin-left:14px;
							margin-right:13px;
						}
					
						#bouton-jouer
						{
							position:absolute;
							top:0px;
							left:0px;
							width:181px;
							height:92px;
						}
						
							#bouton-jouer a
							{
								display:block;
								width:181px;
								height:92px;
							}
							
							#bouton-jouer img
							{
								padding-top:40px;
								padding-left:75px;
								padding-right:72px;
								padding-bottom:29px;
								filter: alpha(opacity=80);
								opacity: .8;							
							}
		

		#zone-centrale
		{
			float:left;
			width:529px;
			margin-right:44px;
			margin-left:44px;
			margin-top:7px;
		}
		
			#image-vedette
			{
				width:529px;
				height:211px;				
			}
			
			#contenu-texte
			{
				width:529px;
				margin-bottom:20px;
				min-height: 200px;
			}
			
				#contenu-texte img
				{
					max-width:100%;
				}
				
				#contenu-texte a
				{
					color:#5c5c5c;
				}
				
					#contenu-texte a.page-articles
					{
						display:block;
						margin-top:20px;
						margin-bottom:2px;
						font-size:18px;
						font-weight:normal;
					}
				
					#contenu-texte a:hover
					{
						color:#cc0000;
					}
					
					#contenu-texte table.form_contact_table
					{
						margin-left:auto;
						margin-right:auto;
						margin-top:20px;
					}
					
					#contenu-texte #membres-equipe
					{
						margin-top:20px;
					}
					
					#contenu-texte .membre-equipe
					{
						width:529px;	
						margin-bottom:20px;
					}
					
						.membre-equipe p.nom
						{
							width:149px;
							text-align:center;
						}
						
							.membre-equipe p.nom-droite
							{
								float:right;
								width:149px;
								text-align:center;
							}
						
					
						#contenu-texte .membre-equipe .photo-membre
						{
							float:left;
							width:149px;
							height:88px;
							line-height:88px;
							text-align:center;
						}
						
							#contenu-texte .membre-equipe .photo-membre-droite
							{
								float:right;
								width:149px;
								height:88px;
								line-height:88px;
								text-align:center;
							}
						
							#contenu-texte .membre-equipe .photo-membre img
							{
								vertical-align:middle;
							}
							
						#contenu-texte .texte-membre
						{
							float:left;
							width:375px;
							padding-left:5px;
							font-size:10px;
						}		
						
							#contenu-texte .texte-membre-droite
							{
								width:375px;
								padding-right:5px;
								font-size:10px;
							}	

						
							.texte-membre h2
							{
								font-size:14px;
							}
							
						
							
						
			
			#contenu-texte, #contenu-texte p, #contenu-texte h1, #contenu-texte h2, #contenu-texte h3, #contenu-texte h4, #contenu-texte h5/*, #contenu-texte span*/
			{
				margin-left:0px;
				margin-right:0px;
				padding-left:0px;
				padding-right:0px;
				color:#5c5c5c;
			}
			
			#contenu-texte h1
			{
				margin-top:35px;
				margin-bottom:20px;
			}
			
			#contenu-texte span.date-article
			{
				font-size:10px;
				font-style:italic;
				margin-top:3px;
			}
			
		#barre-droite
		{
			float:left;
			width:159px;
		}
		
			#articles-recents
			{
				margin-top:7px;
				width:159px;
			}
			
				#haut-articles-recents
				{
					width:159px;
					height:11px;
					background-image:url('../images/haut-articles-recents.png');
					background-repeat:no-repeat;
				}
				
				#contenu-articles-recents
				{
					width:123px;
					background-image:url('../images/contenu-articles-recents.png');
					background-repeat:repeat-y;
					padding-left:18px;
					padding-right:18px;
				}
				
					#contenu-articles-recents h3
					{
						color:white;
						font-size:16px;
						font-weight:bold;
						text-align:center;
					}
					
					#contenu-articles-recents ul
					{
						padding-top:15px;
						padding-bottom:8px;
					}
					
						#contenu-articles-recents li
						{
							font-size:11px;
							margin-top:12px;
							margin-bottom:12px;
							line-height:13px;
						}
						
						#contenu-articles-recents a
						{
							text-decoration:none;
							color:white;
						}
						
							#contenu-articles-recents a:hover
							{
								text-decoration:underline;
							}
				
				
				#bas-articles-recents
				{	
					width:159px;
					height:14px;
					background-image:url('../images/bas-articles-recents.png');
					background-repeat:no-repeat;
				}
			
			#thermometre
			{
				width:159px;
				height:245px;
				margin-top:7px;
				background-image:url('../images/fond-thermo.png');
				background-repeat:no-repeat;
				color:white;
				font-size:12px;
				font-weight:bold;
				text-align:center;
			}
			
				#thermometre h3
				{
					font-size:10px;
					font-weight:bold;
					color:white;
					margin-left:20px;
					margin-right:20px;
					padding-top:16px;
					text-align:center;
				}
			
				#thermometre img
				{
					margin-top:4px;
					margin-left:25px;
				}
				
				#thermometre span
				{
					font-size:16px;
					text-align:center;
				}
		
	#pied-de-page
	{
		width:991px;
		height:60px;
		background-image:url('../images/pied-de-page.png');
		background-repeat:no-repeat;
		margin-left:auto;	
		margin-right:auto;
		margin-top:7px;
	}
	
		#pied-de-page-gauche
		{
			float:left;
			width:665px;
			height:60px;
		}
		
			#pied-de-page-gauche p
			{
				font-weight:bold;
				font-size:18px;
				margin-left:40px;
				margin-top:20px;
				color:#5C5C5C;				
			}
		
		#pied-de-page-droite
		{
			float:left;
			width:325px;
			height:60px;
		}
		
			#pied-de-page-droite a
			{
				float:left;
				font-weight:bold;
				font-size:18px;
				margin-top:20px;
				text-decoration:none;
				color:#034582;
			}
			
				#pied-de-page-droite a:hover
				{
					color:#1075bd;
				}
		
			#pied-de-page-droite img
			{
				margin-top:5px;
			}