/*	--------------------------------------------------
	STYLES
	- - - - - - - - - - - - - - - - - - - - - - - - */

/*		BALISES HTML
		- - - - - - - - - - - - - - - - - - - - - - */
		*{  }
		
		body{
			background:#000 url(../img/arrierePlan.gif) fixed top center no-repeat;
			color:#444;
			font: 12px/1.5em  "Lucida Grande", "Tahoma", Verdana, sans-serif;
			margin:0;
			padding:0;
			overflow-y:scroll;
		}
		
		div{
		    behavior: url(img/iepngfix.htc);
		}
		
		h2{
			border-bottom: 1px dotted #000;
			clear:left;
			font-size: 1.5em;
			margin:0 0 0.1em;
			padding:2em 0.3em 0.3em 0;
		}
		
		h3{
			font-size: 1.16em;
			margin: 1em 0 .1em 0;
			padding: 0;
		}
		
		p{
			margin: 0;
			padding: 0.5em 0;
		}
		
		em{
			font: italic 1em/1.5em "Georgia", sans-serif;
			font-weight:inherit;
		}
		
		a{
			color:#444;
			text-decoration : none;
		}
		a:hover{
			text-decoration : underline;
		}

/*		CLASS
		- - - - - - - - - - - - - - - - - - - - - - */
		.intro{
			font: italic 1em/1.5em "Georgia", sans-serif;
			font-weight:inherit;
		}
		
		.nouvoPara:first-letter{
			font-size:2em;
			padding-top:.15em;
			float: left;
		}
		.premierMot{
			font-size: 0.8em;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		.listeUl{
			background: url(../img/puce.png) 0.2em 0.8em no-repeat;
			padding-left: 25px;
		}
		
		.listeUldata{
			background: url(../img/puce.png) 0.2em  0.2em no-repeat;
			padding-left: 25px;
			padding-top: 0.1em;
		}
		.listeOl{
			margin-left: 1.5em;
			text-indent: -1.5em;
		}

		.logo{
			margin: 0;
			padding: 0;
			color:white;
			border: none;
		}
		
		.icon{
			margin: 30%;
			padding: 0;
			color:transparent;
			border: none;
		}
		
		.iconLegend{
			margin: 20%;
			padding: 0.2em;
			padding-bottom: 0.9em;
		
			border: none;
		}

/*		ID	
		- - - - - - - - - - - - - - - - - - - - - - */
		#header a:hover{
			color: white;
			font-weight: bold;
			text-decoration: none;
		}
			#header #accueil:hover{
				background-color: #C52E42;
			}
			#header #description:hover{
				background-color: #26000B;
			}
			#header #contexte:hover{
				background-color: #71C6D5;
			}
			#header #donnees:hover{
				background-color: #3CAF8D;
			}
			#header #visualisation:hover{
				background-color: #164E72;
			}
			#header #credits:hover{
				background-color: #092F49;
			}
			
			#header #presse:hover{
				background-color: #031029;
			}
			
			#header #english:hover{
				background-color: #031029;
			}

	
	
	
/*	--------------------------------------------------
	STRUCTURE & POSITIONNEMENT
	- - - - - - - - - - - - - - - - - - - - - - - - */

/*		CONTENEUR
		- - - - - - - - - - - - - - - - - - - - - - */
	
		#page{
			background: url(../img/opacity.png) repeat;
			/*background-color:white;*/
			margin: 0 auto;
		    width: 950px;
		}
	
/*		ENTÊTE
		- - - - - - - - - - - - - - - - - - - - - - */
		#header{
			height: 185px;
		}	#header img{
				float: left;
			}
			#header #navbar{
				/*background-color: #000;*/
				float: right;
				height: 185px;
				width: 190px;
				
			}
			#header a{
				/*background-color: #F0F0F0;*/
				border-bottom: 1px solid #000;
				/*border-top: 1px dotted #000;*/
				color: #222;
				display: block;
				padding-left: 3em;
				margin-bottom: 0.5em;
			}
	
		#title{
			clear: right;
			color: white;
			font-size: 1.5em;
			margin-top: 1em;
			text-transform: capitalize;
		}	#title span{
				padding:0.3em;
			}
	
/*		CONTENU
		- - - - - - - - - - - - - - - - - - - - - - */
		#main{
			border-top: 1px solid #000;
			margin-top: 1em;
			padding: 0 3em;
		}
		
		/*colonnes (1/3)*/
		.col13{
			float: left;
			margin-right:10px;
			padding-bottom: 1em;
			width: 32%;
		}
		/*colonnes (2/3)*/
		.col23{
			float: left;
			margin-right:10px;
			padding-bottom: 1em;
			width: 65%;
		}
		
		/*colonnes (1/2)*/
		.col12{
			float: left;
			margin-right:20px;
			padding-bottom: 1em;
			width: 47%;
		}
		
		.separateur{
			border-top: 1px dotted #999;
			clear:left;
			margin: 0 auto;
			width: 65%;
		}
	
		#actualite{
			background-color: #F0F0F0;	
			padding-bottom:1em;	
		} 
		#actualite a{
			color: #C52E42;	
		}
		#actualite li{
			font: italic 1em/1.5em "Georgia", sans-serif;
			font-weight:inherit;
			margin: 0 1em 1em 0;
			list-style-type: none;
			list-style-position: outside;
		}
	
/*		PIED DE PAGE
		- - - - - - - - - - - - - - - - - - - - - - */
		#footer{
			border-top: 1px solid #000;
			clear:left;
			margin-top:3em;
			padding:2.5em 3em;
		}	#footer a{
				color: #444;
				float: left;
				text-decoration: none;
			}
			#footer a:hover{
				text-decoration: underline;
			}