/*
#343434
|color02|
#868686
#002a96
|color05|
*/

#menu, #liens-accueil a, #actusNav h3, #actusNav a
{
	behavior: url(fileadmin/templates/css/iepngfix.htc);
}

html, body
{
	background:#F6F6F6 url(../images/background-accueil-tranche.jpg) repeat-y 50% 0; 
}

body
{ 
	background:url(../images/background-accueil.jpg) no-repeat 50% 0;
}

/*

STRUCTURE

*/
#deco
{
	background:url(../images/accueil-footer.png) no-repeat 50% bottom;
}

		
	#menu
	{
		/*background:url(../images/accueil-menu-texte.png) no-repeat 50% 0;	*/
	}
	
	#main
	{
		padding-bottom:4px;	
	}
	
	
	#mainHeader
	{
		height:140px;
		margin-top:0;
	}
	
		#accPhotos
		{
			width:50%;
			float:left;
			height:117px;
			overflow:hidden;
		}
		
		#accPhotosWide
		{
			width:100%;
			margin:0 auto;
			height:117px;
			overflow:hidden;
		}
		
			#accPhotos img, #accPhotosWide img
			{
				background:url(../images/cadre-petit.png) no-repeat;
				padding:5px 5px 34px 4px;
				margin-right:12px;
				outline:none;
			}
		
		#accActus
		{
			width:50%;
			float:left;
			overflow:hidden;
		}
				
		#ts1 
		{
			width:100%;
		}
		
			#liens-accueil
			{
				width:800px;
				margin:0 auto;
				position:relative;
				height:435px;
			}
			
				#liens-accueil a
				{
					display:block;
					height:442px;
					text-indent:-9999px;
					float:left;
					outline:none;
					position:absolute;
					top:0;
				}
				
					#liens-accueil #entrer-familles
					{
						width:396px;
						/*background:url(../images/liens-familles.png) no-repeat center bottom;*/
						background:url(../images/familles-link.png) no-repeat center top;
						left:0px;
					}
					
						#liens-accueil #entrer-familles:hover
						{
							background:url(../images/familles-link.png) no-repeat center bottom;
						}
					
					#liens-accueil #entrer-classes
					{
						width:376px;
						/*background:url(../images/liens-classes.png) no-repeat center bottom;*/
						background:url(../images/classes-link.png) no-repeat center top;
						right:0px;
					}
					
						#liens-accueil #entrer-classes:hover
						{
							background:url(../images/classes-link.png) no-repeat center bottom;
						}
					
			#partenaires-accueil
			{
				float:left;
				width:100%;
				text-align:right;
				margin-top:8px;
			}
			
				#logos-dynamiques
				{
					float:right;
					width:85px;
					overflow:hidden;
					height:85px;
					margin-right:12px;
				}
				
					#logos-dynamiques a
					{
						display:block;
						float:left;
						width:85px;
						text-align:center;
					}
				
				#logo-fixe
				{
					float:right;
				}
		
		#content
		{
			
		}
		
		#ts2
		{
			
		}

#footerW p
{
	color:#E8EEC8;
}

#footerW h2 a
{
	background:url(../images/fmc-vert.jpg) no-repeat 51% -3px;
}



/*
Actualites accueil
*/

#actusWrapper h2 a
{
	font-size:14px;
	color:#f2a10b;
	margin-bottom:0px;
	height:8px;
	margin-bottom:4px;
	padding-top:2px;
	overflow:hidden;
	font-weight:bold;
	_width:100%;
	text-decoration:none;
}

#actusWrapper .content 
{
	height:37px;
	margin-top:-4px;
	overflow:hidden;
}

#actusWrapper .content p
{
	font-size:11px;
	color:#0c2c3f;
	height:19px;
	overflow:hidden;
}

#actusWrapper .plus
{
	float:left;
	margin-top:3px;
	width:100%;
}
	
	#actusWrapper .actus .plus span
	{
		font-size:11px;
		color:#e3001b;
	}
	
	#actusWrapper .actu .plus a
	{
		display:block;
		width:109px;
		height:22px;
		text-indent:-9999px;
		background:url(../images/en-savoir-plus.png) no-repeat center bottom;
		float:right;
		outline:none;
	}
	
	#actusWrapper .actu .plus a:hover
	{
		background:url(../images/en-savoir-plus.png) no-repeat center top;
	}

#actusWrapper .actus .nav 
{
	position:absolute;
	bottom:18px;
	right:0px;
	/right:12px;
}

	#actusWrapper .actus .nav  a
	{
		display:block;
		float:left;
		background-color:#8d9094;
		color:#fff;
		font-weight:bold;
		padding:2px 9px;
		margin-left:3px;
		text-decoration:none;
	}
	
	#actusWrapper .actus .nav  a:hover
	{
		background-color:#ccc;
		color:#333;
	}
	
#actusNav
{
	float:left;
	height:30px;
	padding:0;
	margin:0;
	width:100%;
}
	
	#actusNav h3
	{
		text-indent:-9999px;
		background:url(../images/actualites-titre.png) no-repeat 0 0;
		width:33%;
		height:25px;
		float:left;
	}
	
	#actusNav span.spanActus
	{
		display:block;
		height:18px;
		float:left;
		margin-right:6px;
		padding-top:2px;
	}
	
	#actusNav p a
	{
		display:block;
		width:20px;
		height:19px;
		text-indent:-9999px;
		float:left;
	}
	
		#actusNav a.prev
		{
			background:url(../images/fleche-gauche.png) no-repeat center top;
		}
		
		#actusNav a.prev:hover
		{
			background:url(../images/fleche-gauche.png) no-repeat center bottom;
		}
		
		#actusNav a.next
		{
			background:url(../images/fleche-droite.png) no-repeat center top;
		}
		
		#actusNav a.next:hover
		{
			background:url(../images/fleche-droite.png) no-repeat center bottom;
		}

#actusNav p
{
	float:right;
	/*width:60%;*/
	margin-right:0px;
	text-align:right;
	color:#4e707f;
	font-size:11px;
}

#actus
{
	float:left;	
	overflow:hidden;
	height:87px;
}

	#actusWrapper
	{
		
	}

		.actu
		{
			float:left;
			height:87px;
			width:480px;
		}