/* import des css */
@import url('reset.css');
@import url('header.css');

/* styles par défaut */

/* structure de l'accueil */
body {
	text-align: center;
}

a {
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

#page {
	width: 86.5em;
	text-align: left;
	margin: 0 auto;
	position: relative;
}

#header {
	height: 10.9em;
}

	#top { height: 2.2em; }
	
		#top-left {
			float: left;
			width: 17.3em;
			height: 2.2em;
		}
		
		#top-center {
			float: left;
			width: 51.8em;
			height: 2.2em;
			background: #546582;
		}
		
		#top-right {
			float: left;
			width: 17.3em;
			height: 2.2em;
			background: #7F8CA1;
		}
	
	#middle {
		clear: both;
		height: 8.6em;
	}
	
		#middle h1 {
			display: block;
			/* background: #FFF url('../images/interface/entete/logo.png') no-repeat left top; */
			text-indent: -1000em;
			font-size: 1px;
		}
		
		#middle img {
            width: 17.3em;
			height: 8.6em;
		}
		
		#middle .labelAccessible {
			position:absolute; 
			left:75em;
			top:5.3em;
		}

#content {}

.titre-h2 {
    width: 17.2em;
    height: 5.5em;
}

a.institut {
	position: absolute;
	top: 45.5em;
	left: 0;
}

img.institut {
	width: 34.5em;
	height: 19.1em;
}

#left-area {
	float: left;
}

/* règles relatives aux 5 zones de l'accueil */
#foundation h2, #search h2, #broadcast h2, #news h2, #you h2 {
	/* display: block;
	font-size: 1px;
	text-indent: -1000em; */
}

#foundation ul, #search ul, #broadcast ul, #news ul, #you ul {
	list-style-type: none;
	margin-left: 20px;
}

#foundation li, #search li, #broadcast li, #news li, #you li {
	font-weight: bold;
}

#foundation ul li a, #search ul li a, #broadcast ul li a, #news ul li a, #you ul li a {
	color: #FFF;
	font-weight: bold;
}

	#foundation {
		float: left;
		background: #5a840b;
		width: 17.3em;
		height: 34.6em;
	}
	
		#foundation #fernand-braudel {
			height: 17.3em;
			width: 17.3em;
			/*background: url('../images/interface/accueil/fernand-braudel.jpg') no-repeat left top;*/
		}
		
		/*#foundation a:hover.img-foundation {
			background-position: left bottom;
		}*/
	
		#foundation h2 {  }
		
		#foundation li { color: #D4DD51; list-style: url('../images/interface/accueil/puce-fondation.gif'); margin-left: 10px;}
	
	#search {
		float: left;
		position: relative;
		background: #6D2D76;
		width: 17.3em;
		height: 34.6em;
	}
	
		#search #recherche-image {
			display: block;
			position: absolute;
			bottom: 0;
			height: 17.3em;
			width: 17.3em;
		}
	
		#search h2 {  }
		
		#search li { color: #B562C1; list-style: url('../images/interface/accueil/puce-recherche.gif'); margin-left: 10px; }
	
	#broadcast {
		float: left;
		background-color: #088388;
		width: 17.3em;
		height: 51.9em;
	}

		#broadcast #diffusion-image {
			float: left;
			height: 17.3em;
			width: 17.3em;
		}

		#broadcast h2 {  }

		#broadcast li { color: #F1DFA6; list-style: url('../images/interface/accueil/puce-diffusion.gif'); margin-left: 10px; }

	
	#right-area {
		float: left;
		width: 51.9em;
	}
	
	#right-total {
		float: left;
	}
	
	#headline {
		background: #FCEBEF;
		width: 34.6em;
		height: 17.3em;
		padding: 0;
	}
		
		#headline #content-headline {
			float: left;
			width: 30.5em;
			height: 13em;
			padding: 20px;
		}
	
			#content-headline h2 {
				font-size: 2.1em;
				color: #E74267;
				margin-bottom: 5px;
			}
			
			#content-headline h3 {
				color: #E74267;
				font-weight: bold;
			}
			
			#content-headline h4 {
				font-weight: bold;
			}
	
	#news {
		float: left;
		position: relative;
		background: #d31f48;
		width: 17.3em;
		height: 34.6em;
	}
	
		#news #actus-image {
			height: 17.3em;
			width: 17.3em;
		}

	
		#news h2 {  }
		
		#news li { color: #FF708F; list-style: url('../images/interface/accueil/puce-actualites.gif'); margin-left: 10px;}
		
	#you {
		float: left;
		position: relative;
		background: #6c3231;
		width: 17.3em;
		height: 34.6em;
	}
	
		#you #vous-image {
			position: absolute;
			bottom: 0;
			height: 17.3em;
			width: 17.3em;
		}
	
		#you h2 {  }
		
		#you li { color: #41B9BF; list-style: url('../images/interface/accueil/puce-vous.gif'); margin-left: 10px;}

	#footer {
		height: 1.8em;
		background: #546582;
		width: 51.9em;
	}
	
		#footer ul {
			list-style-type: square;
			padding-left: 40px;
		}
			
			#footer li {
				float: left;
				color: #000;
       /* modif XM le 15/01/09
                                padding-right: 30px; */
				padding-right: 25px;
				line-height: 20px;
			}
			
			#footer li a { color: #FFF; }
			#footer li a:hover { text-decoration: underline; }

/* classes */
.clear { clear: both; }