/* Caractéristiques générales communes à toutes les pages ----- */
*{margin:0; padding:0; border:0;}

.gras{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.tpetit{font-size:70%;}
.petit{font-size:80%;}
.grand{font-size:120%;}
.tgrand{font-size:140%;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.left{float:left;}
.right{float:right;}
.both{clear:both;}
.none{display:none;}
.blanc{color:#FFF;}
.noir{color:#000;}
.gris{color:#ddd;}
.rouge{color:#ec0006;}
/* ---------- Balises ---------- */
body{
background-color:#345c85;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:150%;
text-align:center;
margin-bottom:10px;
	
	/* ---------- Scrolbarre ---------- */
	scrollbar-face-color: #e5e8ef;
	
	/*nuances droite + foncé */
    scrollbar-shadow-color: #d7dae0;
    scrollbar-darkshadow-color: #bcbec4;
	
	/*nuances gauche + clair */
	scrollbar-3dlight-color: #eef1f8;
	scrollbar-highlight-color: #f5f8ff;  
	
	/*sous la barre*/
    scrollbar-track-color: transparent;
	
	/*fleche*/
    scrollbar-arrow-color: #fff;
}
#centrage {
background-color:#FFF;
color:#5c5c5c;
background-position:0 top;
background-repeat:no-repeat;
width:960px;
margin:0 auto;
display:table;
text-align:left;
position:relative;
border:1px solid #2a4868;
}
#flash{
position:absolute;
z-index:1;
}
a{
color:#345c85;
text-decoration:none;
}
a:hover, a:active{
text-decoration:underline;
}
h1{
font-size:120%;
clear:both;
color:#315478;
}
h2{
font-size:120%;
clear:both;
color:#315478;
}
ul{
list-style:none outside none;
}
input.champ{
border:1px inset #CCC;
width:107px;
height:13px;
font-size:100%;
padding:1px 2px;
}
select {
border:1px inset #CCC;
}
td{
vertical-align:top;
}
.separateur{
	background-image:url(../pics/new/separateur-gris.gif);
	background-repeat:repeat-x;
	background-position:0 top;
	clear:both;
	height:10px;
	font-size:1px;
}
.radio{
margin-right:5px;
}
/* ---------- Structure ---------- */
	div#entete {
    	display:table;
    	position:absolute;
    	color:#FFFFFF;
    	width:960px;
    	height:212px;
    	z-index:2;
	}
	div#corps {
  	display:table;
  	position:relative;
  	margin-top:600px;
  	z-index:3;
	}
	div#pied {
	    margin-top:20px;
    	display:table;
    	position:relative;
    	color:#6f7173;
    	width:960px;
    	text-align:right;
    	font-size:10px;
    	height:35px;
	}
	div#pied a{
	color:#2c4d6e;
	}
	div#pied span{
	margin-right:45px;
	}
	/* ---------- Moteur de recherche ---------- */
	form#recherche{
  	width:99%;
  	clear:both;
  	text-align:right;
  	padding:5px 0 5px 0;
  	margin-bottom:27px;
	}
	form#recherche input.champ{
  	width:125px;
  	margin-left:15px;
  	top:-3px;
  	position:relative;
	}
	form#recherche input.ok{
  	position:relative;
  	margin:0 15px 0 5px;
  	top:3px;
	}
	form#recherche a{
  	position:relative;
    margin-left:15px;
  	top:-4px;
	}
	form#recherche span{
  	position:relative;
    margin-left:15px;
  	top:-4px;
	}

	/* ---------- Langues ---------- */
	ul#langues{
	position:relative;
	float:left;
	top:27px;
	margin-left:50px;
	}
	html>/**/body ul#langues{
	margin-left:100px;
	}
	ul#langues li{
	display:inline;
	margin:0;
	}
	ul#langues li a{
	color:#fff;
	}
	
	/* ---------- Liens utiles ---------- */
	ul#liensutiles{
	margin:0 0 0 0;
	float:right;
	}
	ul#liensutiles li{
	margin:0 5px;
	float:left;
	}
/* ---------- En tete ---------- */
#logo{
margin:5px 0 0 3px;
float:left;
}
ul#menu{
float:right;
margin:15px 0 0 0;
}
ul#menu li{
display:inline;
padding-right:15px;
}
ul#menu li.hauteur{
position:relative;
top:3px;
}
/* ---------- Corps ---------- */
table#calage {
width:880px;
margin:0 40px 0 35px;
}
	/* ---------- Navigation ---------- */
	td#navigation{
	padding:10px 5px 10px 10px;
	width:185px;
	}
	td#navigation ul{
	font-weight:bold;
	margin:0;
	display:table;
	}
	td#navigation ul li{
	margin:0 0 10px 0;
	background-image:url(../pics/puce-navigation.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	padding-left:10px;
	}
	td#navigation ul li.on a{
	text-decoration:underline;
	color:#000;
	}
	td#navigation ul ul{
	margin:0 0 0 10px;
	position:relative;
	padding-top:3px;
	}
	td#navigation ul ul li{
	margin:0 0 0 0;
	position:relative;
	}
	td#navigation ul li.on ul li a{
	text-decoration:none;
	color:#444;
	}
	td#navigation ul li.on ul li.on a{
	color:#000;
	text-decoration:underline;
	}
	/* ---------- Contenu ---------- */
	td#contenu{
	padding:10px 10px 10px 10px;
	font-size:11px;
	}
		
		/* ---------- Les titres ---------- */
		td#contenu h2{
		color:#6f7173;
		font-weight:100;
		font-size:18px;
		margin-bottom:5px;
		}
		
		/* ---------- Les paragraphes ---------- */
		td#contenu p{
		margin-bottom:10px;
		}
		
		/* ---------- Les visuels ---------- */
		td#contenu img.visuel{
		margin:0 10px 0 0;
		position:relative;
		top:5px;
		float:left;
		}
		td#contenu img.visuelportrait{
		}
		
		/* ---------- Les tableaux ---------- */
		td#contenu table.tableau{
		border:1px solid #000;
		border-bottom:none;
		}
		td#contenu table.tableau thead{
		background-color:#000000;
		color:#FFFFFF;
		}
		td#contenu table.tableau td{
		border-bottom:1px solid #000;
		padding:0 3px;
		}
		td#contenu table p{
		margin:0;
		}
	/* ---------- Annexes ---------- */
	td#annexes{
	padding:10px 10px 10px 5px;
	width:200px;
	}
	td#annexes h2{
	margin-top:15px;
	}
/* ---------- Pied de Page ---------- */