/*__________________*/
/* Mise en page                       */
/* Typographie                        */
/*_________________*/

html , body
{
	width: 99% ;
	height: auto ;
	margin: 0 ;
	text-align: center ;
	font-family: sans ;
	font-size: 0.9em ;
	font-weight: normal ;
}
#page
{
	display: block ;
	float: center ;
	clear:both;
	width: 99% ;
	height: auto ;
	margin: auto ;
	min-width: 800px ;
	min-height: 600px ;
	max-width: 1200px ;
	max-height: 1600px ;
}

h1
{	
	font-family: "Century Gothic", "Bitstream Vera Serif", serif ;
	text-align: center;
	font-size: 3em ;
	font-weight: bold ;
}

h2
{
	text-align: center;
	font-size: 1.7em ;
	font-weight: normal ;
	font-weight: bold ;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 10px;
	margin-top: 30px;
	margin-bottom:30px;
}

h3
{
	text-align: center;
	font-size: 1.5em ;
	font-weight: normal ;
}

h4
{
	text-align: center;
	font-size: 1.3em ;
	font-weight: normal ;
}

a
{
	text-decoration: none ;
	font-family: Arial, Helvetica, FreeSans, sans-serif; 
}

p
{
	font-family: Arial, Helvetica, FreeSans, sans-serif; 
	text-align: justify ;
	padding: 3px ;
	font-size: 0.9em ;
	padding-left: 1em ;
	padding-right: 1em ;
}

#ligneHaut
{
	display: block ;
	clear:both;
	float: left ;
	width: 100% ;
	height: 10% ;
	clear: both ;
	text-align: center ;
	padding: 0 ;
	margin:0 ;
}

#ligneHaut p, #ligneBas p
{
	text-align: center ;
}

#navi 
{
	display: block ;
	float:left;
	clear:both;
	float: left ;
	width:100%;
	display: block ;	
	float:left;
	padding: 0 ;
	margin: 0 ; 
	z-index : 100 ;
}

#navi ul
{
	display:block;
	float:left;
	padding: 0 ;
	margin: 0 ; 
	list-style-type: none;
}

#navi li 
{
	width: auto;
	display:block;
	float:left;
	padding: 0;
	margin: 0 ; 
}

#navi li a 
{
	width: auto;
	display: block;
	text-decoration: none ;
 	padding-right: 0.5em; 
	padding-left: 0.5em; 
	padding-bottom: 0.2em; 
	padding-top: 0.2em; 
	margin: 0px; 
	font-weight: bold;
	font-size: 0.85em ;
}

#navi li ul 
{ 
	position:absolute;
	padding-top:1px;
	left:-999em;
}
 
#navi li:hover>ul, #navi li.sfhover>ul 
{ 
	left:auto;
	width:100%;
	padding: 0;
	margin: 0 ; 
}

#ligneCentre
{
	display: block ;
	clear:both;
	float: left ;
	width: 100% ;
	height: 85% ;
	clear: both ;
	text-align: center ;
	padding: 0 ;
	margin:0 ;
}

#ligneCentre #colonneCentre
{
	display: block ;
	width: 78% ;
	height: 100% ;
	float: left ;
	vertical-align:top ;
}

#ligneCentre #colonneCentre a
{
 	padding-right: 0.5em; 
	padding-left: 0.5em; 
	padding-bottom: 0.2em; 
	padding-top: 0.2em; 
	margin: 0px; 
	text-decoration: none ;
	font-weight: bold;
	font-size: 0.85em ;
}


#ligneCentre #colonneCentre #titrePage
{
	display: block ;
	float:left;
	width: 100% ;
	clear: both;
	margin-left: 10px ;

}
#ligneCentre #colonneCentre h2 
{
	clear: both;
	float:left;
}

#ligneCentre #colonneCentre #sousRubriquesPage
{
	display: block ;
	width: 100% ;
	clear: both;
	margin-top: 10px;
	padding: 3px;
}

#ligneCentre #colonneCentre #textePage
{
	display: block ;
	width: 100% ;
	clear: both;
}

#ligneCentre #colonneCentre #textePage img
{
	display: block ;
	float:left ;
	width:25%;
	padding: 0 ;
	margin: 1em ;
}

#ligneCentre #colonneCentre #textePage img.carte 	
{	
	float: center;
	width: 730px ;
	padding: auto;
	text-align:center;
}	

#ligneCentre #colonneCentre #textePage a
{
	display: block ;
	height: 100% ;
	width: 100% ;
}

#ligneCentre #colonneCentre  #videosPage  
{
	display: block ;
	width: 100% ;
	clear: both;
	text-align: center ;
}

#ligneCentre #colonneCentre  #videosPage  object 
{
	width:98%;
	float:left;
	text-align: center ;
	margin: 10px;
}

#ligneCentre #colonneCentre  #videosPage  object embed
{
	width:360px;
	height:287px;
}

#ligneCentre #colonneCentre #imagesPage
{
	display: block ;
	width: 100% ;
	clear: both;
	float: left;
	text-align: center ;
	margin: 0 ;
	padding: 0 ;
}

#ligneCentre #colonneCentre #imagesPage a
{
	display: block ;
	float:left ;
	width:200px;
	height:150px;
	padding: 1em ;
	margin: 1em ;
}

#ligneCentre #colonneCentre #imagesPage  a img 
{
	width:100%;
	height:100%;
	padding: 0 ;
	margin: 0 ;
}


#ligneCentre #colonneCentre #liensPage 
{
	display: block ;
	width: 100% ;
	clear: both;
	float:left;
	margin: 0 ;
	padding: 0 ;
}

#ligneCentre #colonneCentre #liensPage a
{
	display: block ;
	height: 100% ;
	width: 100% ;
}

#ligneCentre #colonneDroite
{
	display: block ;
	width: 18% ;
	height: 100% ;
	float: right ;
	vertical-align:top ;
	padding-left: 5px ;
}

#ligneCentre #colonneDroite p
{
	text-align: justify ;
	padding-left: 1em ;
	padding-right: 1em ;
}

#ligneBas
{
	display: block ;
	clear:both;
	float: left ;
	width: 100% ;
	height: 8% ;
	clear: both ;
	text-align: center ;
	padding: 0 ;
	margin:0 ;
	font-size: 1.1em ;
}