*
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;	

}

a.petit {text-decoration : none;color : #336600;}
a.petit:hover{text-decoration : underline;color : #336600;}
.petit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336600;
	font-weight: bold;

}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight : bold ;
	color: #336699;
}

.titre-centrer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight : bold ;
	color: #336699;
	text-align:center;
}

.txt-justifie {
	text-align: justify;
	
}

.txt-miseenavant {
	font-size:12pt;
}

.txt-miseenavant strong {
	font-size:12pt;
}

.txt-non-justifie {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;}
.txt-encart
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	text-align: left;
}
.soustitre {
	font-family: verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
}
.citation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}
a.sousmenu:link{color: #336699; text-decoration: none;}
a.sousmenu:hover{color: #336699; text-decoration: underline;}
a.sousmenu:visited{color: #336699; text-decoration: none;}
.sousmenu
{
	font-weight: bold;
	color: #336699;
	text-decoration : none ;
	text-align : center ;
}
.menu_navigation
{	
	text-align: left;
	margin-left : 44px ;
	margin-bottom : 20px ;
}
.lien-sousmenu
{
	font-weight: bold;
	color: #336699;
	text-decoration : none ;
}

.navigation
{
	color:#336699 ;
	text-align: center;
	font-weight: bold;
}
.next
{
	color:#336699 ;
	text-align: right;
	font-weight: bold;
}
a.navigation{color: #336699; text-decoration: none;}
a.navigation:link{color: #336699; text-decoration: none;}
a.navigation:active{color: #90AC52; text-decoration: underline;}
a.navigation:focus{color: #90AC52; text-decoration: underline;}
a.navigation:hover{color: #90AC52; text-decoration: underline;}
/*a.navigation:visited{color: #336699; text-decoration: none;}*/



.bordexterieur { border: 1px #333333 solid}
.bordorange { border: 2px #F9D489 solid;background-color: #FAE2B1}
.bordorange2 { border-left: 2px #F9D489 solid;/*background-color: #FAE2B1*/}
.bordbleu {border: 2px #B3C8D6 solid;background-color: #D8E2E3;}
.bordbleussmenu {border: 1px #336699 solid;background-color: #b5d4f0;}
.edit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-indent: 5px;
	background-color: #FAE2B1;
}

div.blanc
{
	background-color : white ;
	text-align : center ;
}

/* -- les tableaux -- */
.blanc
{
	border: 2px #F9D489 solid ;
	background-color: #FFFFFF ; 
}

TABLE.bleu
{

	width : 222px ;
	font-family : Arial, Helvetica, sans-serif ;	
	font-size : 9pt ;
	text-align : justify ;
	color : #333333 ;
	table-layout : fixed ;		
}
.haut_bleu
{
	background-image : url(/images/charte/tableaux/l_h.gif) ;
	background-repeat : no-repeat ;
	height : 17px ;
	table-layout : fixed ;	
}

.bloc_haut
{
	font-size : 9pt ;
	font-weight : bold ;
	margin-left : 12px ;
	margin-top : 0px ;
	margin-bottom : 0px ;
	margin-right : 11px ;
}

.milieu_bleu
{
	background-image : url(/images/charte/tableaux/l_m.gif) ;
	background-repeat : repeat-y ;
	margin-left : 0px ;
	margin-top : 0px ;
	margin-bottom : 0px ;
	margin-right : 0px ;	
			
}

.bloc_milieu
{
	margin-left : 12px ;
	margin-top : 6px ;
	margin-bottom : 6px ;
	margin-right : 11px ;
}

TD.bas_bleu
{
	background-image : url(/images/charte/tableaux/l_b.gif) ;
	background-repeat : no-repeat ;
	height : 12px ;
	font-size : 12pt ;	
}

/* -- calque de survol -- */
.contenu_survol
{
	width : 300px ;
	position:absolute;
	visibility:hidden;
	z-index:100 ;	
}

/* -- calques de titre de page -- */
.fond-titre
{
	background-image : url(/images/charte/fond-titre.png) ;
	background-repeat : no-repeat ;
	width : 730px ;
	height : 50px ;
	float : left ;
	display : bloc ;
}

.titre-page
{
	font-family : verdana ;
	font-size : 13pt ;
	font-weight : bold ;
	color : #336699 ;
	text-align : left ;
	margin-left : 60px ;
	margin-top : 6px ;
	margin-bottom : 45px ;
}

.titre_page
{
	font-family : verdana ;
	font-weight : bold ;
	font-size : 11pt ;
	color : #336699 ;
	margin-top : 0px ;
	margin-bottom : 0px ;
}

/* -- intro -- */
.intro
{
	margin-top : 0px ;
	margin-bottom : 10px ;
}

/* -- les listes à puce -- */
.liste-commune
{
	margin-bottom : 0px ;
	list-style-image:url(/images/charte/puce.gif) 	
}
.liste-intro
{
	margin-top : 3px ;
	margin-bottom : 3px ;
	list-style-image : url(/images/charte/puce.gif) 	
}

.liste-encart
{
	margin-top : 3px ;
	margin-bottom : 3px ;
	list-style-image : url(/images/charte/puce.gif) 	
}

.liste-lien
{
	margin-top : 3px ;
	margin-bottom : 3px ;
	list-style-image : url(/images/charte/puce.gif) 	
}

.liste
{
	margin-top : 3px ;
	margin-bottom : 3px ;
	list-style-image : url(/images/charte/puce.gif) 	
}


/* --------------------------------------------------
-----------------------------------------------------
tablo qui contient tout le menu du haut
----------------------------------------------------*/

.table-menu
{
	width : 100% ;
	padding : 0px ;
	margin : 0px ;	
}

.table-menu tr
{
	vertical-align : top ;
}


.liste-menu /* - la liste ul du menu principal - */
{
	margin-top : 15px ;
	margin-bottom : 2px ;
	margin-left : 5px ;
	margin-right : 5px ;

	padding-top : 5px ;
	padding-bottom : 5px ;

	text-align : center ;

}

.liste-menu p /* - les éléments de la liste ul principal (li) - */
{
	margin-left :2px ;

	padding : 4px ;
	padding-left : 3px ;
	padding-right : 3px ;

	background-color : #F6CC75 ;
	
	border-style : solid ;
	border-width : 1px ;
	border-color : black ;
	
	display : inline ;
	vertical-align : top ;
}

.liste-menu a /* - les éléments liens (a) de la liste ul principale - */
{
	font-family : verdana ;
	font-size : 9pt ;
	font-weight : bold ;
	color : black ;
	text-decoration : none ;
}

.liste-menu a:hover /* - les éléments liens (a) au passage de la souris de la liste ul principale - */
{
	text-decoration : underline ;
}

p#selectionne /* - l'élément li sélectionné - */
{
	background-color : #B5D4F0 ;
}

.liste-sous-menu /* - le sous-menu - */
{
	padding : 3px ;
	
	margin-top : 3px ;
	margin-bottom : 2px ;
	margin-left : 7px ;
	margin-right : 5px ;
	
	border-style : solid ;
	border-width : 1px ;
	border-color : black ;
			
	background-color : #B5D4F0 ;
	text-align : center ;	
}

.liste-sous-menu span /* - les séparateurs | entre chaque item du sous-menu - */
{
	margin-right : 5px ;
	margin-left : 5px ;
}

.liste-sous-menu p /* - les items du sous-menu - */ 
{
	display : inline ;
	vertical-align : top ;
}

.liste-sous-menu a	/* - les liens du sous-menu - */
{
	font-family : verdana ;
	font-size : 9pt ;
	font-weight : bold ;
	color : #336699 ;
	text-decoration : none ;
}

.liste-sous-menu a:hover	/* - les liens au passage de la souris du sous-menu - */
{
	text-decoration : underline ;
}


/* -- les listes de définitions -- */
.glossaire
{
	margin-top : 3px ;
	margin-bottom : 0px ;
	
}

.glossaire dt
{
	font-weight : bold ;
	padding-left : 15px ;
	background-image : url(/images/charte/puce.gif);
	background-repeat : no-repeat ;	
}
.glossaire dd
{
	margin-left : 25px ;
	margin-bottom : 10px ;	
}