body {
	margin: 0px;
	padding: 0px;
	background-color: #F1F1F1;
	/*background: #F1F1F1 url(bg-repeat.gif) repeat-y top center;*/
}
body.ns {
	margin: 0px;
	padding: 0px;
	/*background: #F1F1F1 url(bg-repeat2.gif) repeat-y top center;*/
}
table.bgtable {
	width: 807px;
	margin: auto;
	background: #F1F1F1 url(bg-repeat.gif) repeat-y top left;
	border-bottom: 1px dashed #999999;
	border-right: 1px dashed #999999;
	border-left: 1px dashed #999999;
	background-color: #FFFFFF;
}

div#global {
	margin-right: auto;
	margin-left: auto;
}
div#haut{
	
}
div#page{
	overflow: hidden;
}
h5 {
	font-size: 15px;
}
	
/* menu */
div#gauche {
	position: relative;
	float: left;
	width: 172px;
	height: 500px;
	background-image:url(../maj/phototheque/photos/charte/bas-boussole.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#gauche ul {
	margin: 0px;
	padding: 0px;
	font: 12px Verdana;
	list-style-type: none;
	border-top: 1px solid #FFFFFF;
	background-image: url(../maj/phototheque/photos/charte/bas-boussole.gif);
}
#gauche ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#gauche ul li a {
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	width: 152px;
	margin: 0px;
	padding: 5px 10px;
	background-color: #01A0C7;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}
#gauche ul li a:hover {
	font-weight: bold;
	color: #01A0C7;
	display: block;
	width: 152px;
	margin: 0px;
	padding: 5px 10px;
	background-color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}
#gauche ul li.niv1 a.active {
	font-weight: bold;
	color: #333333;
	display: block;
	width: 152px;
	margin: 0px;
	padding: 5px 10px;
	background-color: #FFA557;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}

#gauche ul li.niv2 a {
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
	display: block;
	width: 142px;
	margin: 0px;
	padding: 5px 10px 5px 20px;
	text-decoration: none;
	border-bottom: 1px solid #D2DFF7;
	background: #01A0C7 url(menug-niv2.gif) repeat-y top left;
}
#gauche ul li.niv2 a:hover {
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	display: block;
	width: 142px;
	margin: 0px;
	padding: 5px 10px 5px 20px;
	text-decoration: none;
	border-bottom: 1px solid #D2DFF7;
	background: #FFC895 url(menug-niv2.gif) repeat-y top left;
}
#gauche ul li.niv2 a.active {
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	display: block;
	width: 142px;
	margin: 0px;
	padding: 5px 10px 5px 20px;
	text-decoration: none;
	border-bottom: 1px solid #D2DFF7;
	background: #FFC895 url(menug-niv2.gif) repeat-y top left;
}
.niv3 {
	cursor: pointer;
	color: #FFFFFF;
	font: 11px Verdana;
	border-left: 10px solid #FFA557;
	border-bottom: 1px solid #D2DFF7;
	padding: 5px 0 5px 10px;
}
.niv3_h {
	cursor: pointer;
	color: #333333;
	font: 11px Verdana;
	background-color: #FFC895;
	border-left: 10px solid #FFA557;
	border-bottom: 1px solid #D2DFF7;
	padding: 5px 0 5px 10px;
}
.niv3item {
	cursor: pointer;
	color: #FFFFFF;
	background-color: #01A0C7;
	border-bottom: 1px solid #D2DFF7;
	font: 11px Verdana;
	padding: 5px 10px;
}
.niv3item_h {
	cursor: pointer;
	color: #333333;
	background-color: #FFC895;
	border-bottom: 1px solid #D2DFF7;
	font: 11px Verdana;
	padding: 5px 10px;
}

div#gauche_haut {
	text-align: right;
	margin-bottom: 25px;
}
div#pagetitre {			/* titre de page */
	color: #FFFFFF;
	font-size: 15px;
	padding: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#log {
	text-align: right;
	margin-top: 20px;
}
div#log a {
	text-decoration: none;
}
div#log a.big {
	padding: 5px;
	color: #FFFFFF;
	font: 11px Verdana;
	font-weight: bold;
	text-decoration: none;
}
div#log a:hover {
	text-decoration: underline;
}
div.hidden {
	display: none;
	padding: 10px;
	margin: 15px 0;
	color: #FFFFFF;	
	font: 12px Verdana;	
	text-align: right;
	/*background: #FFFFFF url(menug-bloc.gif) no-repeat top left;*/
}
div.hidden form {
	color: #777777;	
	display: inline;
}
div.hidden input.login {
	border: 1px solid #777777;
	font: 11px Verdana;
	width: 100px;
}
div.hidden a {
	color: #FFFFFF;
	font: normal 11px Verdana;
}

/* contenu */
div#contenu {
	display: block;
	float: left;
	width: 595px;
	padding: 10px;
	margin-top: -10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#pictos {
	font: 11px Verdana;
	text-align: right;
}
div#pictos {
	font: 11px Verdana;
	text-align: right;
}
a {color: #01A0C7; text-decoration: none}
a:hover {color: #01A0C7; text-decoration: underline}

#titrepage, span.titre_page {
	margin-bottom: 25px;
	color: #01A0C7;
}
#contenu a.lien_droit {color: #333333}
#contenu a.lien_droit_pro1	{color: #336699;}


/* titres */
.titre_romain	{font-weight: bold; text-align: left; color: #01A0C7}
.encart_titre	{font: bold 13px Verdana; color: #016D89}

/* liens */
.linktable a {
	color: #333333;
}
a.niveau1 {
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding-left: 20px;
	background: url(../maj/phototheque/photos/charte/poisson.gif) no-repeat 0 3px;
}
a.niveau2, td.niveau2 {
	font-size: 11px;
	color: #333333;
	display: block;
	padding-left: 25px;
	background: url(arrow-sub-link.gif) no-repeat 10px 3px;
}
a.niveau3 {
	font-size: 11px;
	color: #333333;
	display: block;
	padding-left: 40px;
	background: url(arrow-sub-link.gif) no-repeat 25px 3px;
}
a.niveau4 {
	font-size: 11px;
	color: #333333;
	display: block;
	padding-left: 60px;
	background: url(icon_exlink.gif) no-repeat 40px 1px;
}
td.linkdesc {
	padding-left: 80px;
	font-size: 11px;
	color: #999999;
	display: none;
	background: url(icon_infolink.gif) no-repeat 61px 5px;
}
.legende {
	color: #777777;
}