/* feuille de style principale */

* {
	font-family: verdana, arial, sans-serif ;
}
body {
	background-image:url('fondpapier.jpg') ;
	/* correction du bug IE5 */
	margin: 0 ;
	text-align: center ;
}
div#principal {
	border: 1px solid #e2e2e2 ;
	width: 795px ;
	/* height: 350px ; */
	/* centrage du contenu */
	margin-left: auto ;
	margin-right: auto ;
	text-align: left ;
	padding-top: 0px ;
	padding-bottom: 0px ;
}
div#bandeau {
	background-repeat: no-repeat ;
	background-image:url('bandeau2.png') ;
	width: 100% ;
	margin: 0 ;
	background-color: #FFFFFF ; /* #EFF3F7 ;*/
	height: 80px ;
}
div#page {
	background-color: inherit ;
	width: 100% ;
	min-height: 700px ;
}
div#menu_gauche {
	float: left ;
	width: 150px ;
	background-color: transparent ;
	font-size: 11pt ;
	margin-top: 15px ;
}
div#contenu {
	float: left ;

	background-color: inherit ;
	margin-left: 10px ;
	margin-right: 10px ;
	width: 475px ;
}
div#contenu_large {
	float: left ;
	background-color: inherit ;
	margin-left: 10px ;
	margin-right: 10px ;
	width: 620px ;
}

div#menu_droite {
	float: left ;
	width: 139px ;
	padding: 5px ;
	background-color: #FFF ;
	margin-top: 0px ;
	border-left: 1px solid #e2e2e2 ;
	border-top: 1px solid #e2e2e2 ;
	border-bottom: 1px solid #e2e2e2 ;
}
div#news {
	float: left ;
	width: 150px ;
	margin-top: 60px ;
	margin-bottom: 0px ;
	background-image : url('news.png');
	background-repeat : no-repeat;
	background-position : top right ;
	border: 0px ;
	height: 20px ;
	right: 0px ;
}

/* Style de titre */
h1, div#contenu_expo h1, div#contenu_large h1 {
	margin-top:0px ;
	text-align: left ;
	font-size: 14pt ;
	font-weight: bold ;
	padding-top: 30px ;
}

div#contenu h2, div#contenu_expo h2, div#contenu_large h2 {
	text-align: center ;
	font-size: 12pt ;
	font-weight: bold ;
	letter-spacing: 3px ;
	color: #2F2F2F ;
}

div#contenu h3, div#contenu_expo h3, div#popup h2, div#contenu_large h3 {
	margin-left: 50px ;
	letter-spacing: 3px ;
	text-align: left ;
	font-size: 10pt ;
	color: #808080 ;
}

/* style de texte */
div#bandeau p {
	margin-top: 0px ;
}

div.boite_image p.legende {
	font-size: 8pt ;
	color: #808080 ; /* remplace grey */
	text-align: center ;
	margin: 0 ;
	margin-top: 4px ;
}

div#contenu p, div#contenu_large p, div#contenu_expo p, div#opaque p, div#popup p {
	font-size: 10pt ;
}

div#contenu a, div#contenu_expo a, div#contenu_large a, div#menu_droite a, div#popup a {
	text-decoration: none ;
	color: #EC6A00 ;
}
div#contenu a:hover, div#contenu_large a:hover, div#menu_droite a:hover, div#popup a:hover {
	text-decoration: underline ;
	color: #C55900 ;
}
div#contenu a:visited, div#contenu_expo a:visited, div#menu_droite a:visited, div#popup a:visited {
	color: #C55900 ;
}
div#contenu a[href^="http://"]:after {
	content: "\0000a0 \2197";
}
/* affichage en petit des légendes et barre de navigation */
div#contenu p.petit, div#contenu_expo p.petit {
	font-size: 8pt ;
	text-align: center ;
}
div#contenu p.petit a, div#contenu_expo a {
	font-size: 8pt ;
	text-decoration: none ;
	color: #EC6A00 ;
}
div#contenu p.petit_gauche, div#contenu_expo p.petit {
	font-size: 8pt ;
	text-align: left ;
}
div#contenu p.petit_gauche a, div#contenu_expo a {
	font-size: 8pt ;
	text-decoration: none ;
	color: #EC6A00 ;
}

div#contenu legend, div#contenu_expo legend {
	font-size: 10pt ;
	color: #808080 ;
}

div#contenu label, div#contenu_expo label {
	width: 250px ;
	font-size: 10pt ;
	color: #808080 ;
	border: 0px solid red ;
}

div#contenu label.label_gauche {
	float: left ;
	width: 250px ;
	border: 0px solid red ;
	margin-top: 2px ;
	clear: right ;
}
div#contenu input.input_droite {
	float: right ;
	margin-top: 2px ;
}
div#contenu select.select_gauche {
	float: left ;
	margin-top: 2px ;
}

div#contenu input, div#contenu textarea, div#contenu select, div#contenu_expo input, div#contenu_expo textarea, div#contenu_expo select {
	font-size: 10pt ;
	border: 1px solid #808080 ;
	color: #000 ;
}

div#menu_droite p {
	font-size: 9pt ;
	color: #808080 ;
	margin-top: 0 ;
	margin-bottom: 10px ;
}
/* menu gauche */
div#menu_gauche ul.niv1 {
	list-style-type: none ;
	margin-left: 0 ;
	padding-left: 0 ;
}
div#menu_gauche ul.niv1 li {
	margin-left: 0 ;
}
div#menu_gauche ul.niv1 li a {
	background-repeat: no-repeat ;
	background-position: top right ;
	background-image: url('coin.png') ;
	text-decoration: none ;
	background-color: #e2e2e2 ;
	margin-left: 0 ;
	display: block ;
	width: 148px ;
	padding-left:2px ;
	color: #808080 ;
	/*height: 20px ;*/
}
div#menu_gauche ul.niv1 li a:hover {
	color: #2F2F2F ;
}
div#menu_gauche ul.niv2 {
	list-style-type: none ;
	margin-left: 0 ;
	padding-left: 0 ;
	margin-bottom: 15px ;
}
div#menu_gauche ul.niv2 li {
	margin-left: 0 ;
}
div#menu_gauche ul.niv2 li a { background-image: none ;
	font-size: 10pt ;
	text-decoration: none ;
	background-color: #FFF ;
	margin-left: 0px ;
	margin-top: 2px ;
	margin-bottom: 2px ;
	display: block ;
	width: 130px ;
	padding-left: 15px ;
	color: #AFAFAF ;
	border-left: 5px solid #FFF ;
	/*height: 18px ;*/
}
div#menu_gauche ul.niv2 li a:hover {
	border-left-color: #e2e2e2 ;
	background-color: #EFEFEF ;
	color: #4F4F4F ;
}

/* présentation des listes d'images */
div.boite_image {
	width: 120px ;
	height: 120px ;
	border: 0px solid #808080 ; /* remplace grey */
	float: left ;
	margin: 13px ;
	text-align: center ;
	overflow : hidden ;
	background-image:url('fond-image2.png') ;
	padding: 5px ;
}

div#contenu img, div#contenu_expo img, div#popup img {
	border: 0px solid #FFF ;
}

/* mise en forme */
hr.clear {
	clear: both ;
	visibility: hidden ;
}
div.coin_sup {
	height: 5px ;
	width: 150px ;
	background-image : url('coin_sup.png');
	background-repeat : no-repeat;
	background-position : top right;
	margin-top: 10px ;
}
div.coin_inf {
	height: 5px ;
	width: 150px ;
	background-image : url('coin_inf.png');
	background-repeat : no-repeat;
	background-position : bottom right;
}

div.test {
	background-color: inherit ;
	width: 80px ;
	height: 80px ;
	border: 1px solid #FFF ;
	padding: 0 ;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 2px ;
}
div.img_gauche {
	float: left ;
	margin-right: 15px ;
	margin-bottom: 15px ;
}
div.img_droite {
	float: right ;
	margin-left: 15px ;
	margin-bottom: 15px ;
	/*height: 257px ;*/
}

/*  -----------------rajout pour zoom image --------------*/

div#deux {
	display: none ;
	border: 1px solid #000 ;
	position: absolute ;
	top: 10px ;
	left: 2% ;
	bottom: 10px ;
	right: 2% ;
	width: 96% ;
	z-index:1 ;
	background-color: #FFF ; /*D0D0D0 */
	overflow: hidden ;
	height: 522px ;
	opacity: 0.95;
	filter: alpha(opacity=95);
}
div#opaque {
	display: none ;
	border: 0px solid red ;
	position: absolute ;
	top: 10px ;
	left: 2% ;
	bottom: 10px ;
	right: 2% ;
	width: 96% ;
	z-index:1 ;
	overflow: hidden ;
	height: 520px ;
	padding-top: 3px ;
	opacity: 1;
	filter: alpha(opacity=100);
}

/* système d'onglet */
ul#menu_image {
	text-align: center ;
	border-bottom: 1px solid #808080 ;
}
ul#menu_image li {
	border-color: #808080 ;
	border-style: solid ;
	border-width: 1px 1px 0px 1px ;
	font-size: 8pt ;
	display: inline ;
	padding-right: 3px ;
	padding-left: 3px ;
	margin-right: 3px ;
	margin-left: 3px ;
}
ul#menu_image a {
	text-decoration: none ;

}

/* style des tableaux */
div#contenu table.tableau_resultat {
	width: 100% ;
	border-collapse: collapse;
}
div#contenu table.tableau_resultat thead { background-color: #F0F0F0; }
div#contenu table.tableau_resultat tr {
}
div#contenu table.tableau_resultat tr.paire { background-color: #FFF; }
div#contenu table.tableau_resultat tr.impaire { background-color: #FAFAFA; }
div#contenu table.tableau_resultat tr.tr_over { background-color: #FFFEC1; }

div#contenu table.tableau_resultat td {
	border: 1px solid #808080 ;
	font-size: 10pt ;
	color: #808080 ;
	padding-left: 4px ;
	padding-right: 4px ;
	padding-top: 4px ;
}
div#contenu table.tableau_resultat td.td_petit {
	font-size: 8pt ;

}

/* rajouts pour l'expo */
div#contenu_expo {
	float: left ;
	background-color: inherit ;
	margin-left: 10px ;
	margin-right: 10px ;
	width: 625px ;
	}
div#mur {
	background-color: transparent ;
	width: 100% ;
	height: 290px ;
	background-image : url('mur.png');
	background-repeat : no-repeat;
	background-position : top left ;
	padding-top: 65px ;
}
div#tableau1 {
	margin-left: 195px ;
	float: left ;
}
div.tableau2 {
	margin-left: 65px ;
	float: left ;
}

img.encadre {
	border: 1px solid #000 ;
}
div.cadre {
	height: 80px ;
	width: 80px ;
	text-align: center ;
}


img.icones {
	border: 0px solid #FFF ;
}

div#footer p {
	font-size: 8pt ;
	color: #E2E2E2 ;
}
ul#liste_de_pied {
	list-style-type: none ;
	text-align: center ;
	margin-bottom: 0px ;
}

ul#liste_de_pied li  {
	font-size: 8pt ;
	display: inline ;
	margin-right: 25px ;
	margin-bottom: 0px ;
}

ul#liste_de_pied li a {
	text-decoration: none ;
	color: #808080 ;
}

ul#liste_de_pied li a:hover {
	text-decoration: underline ;
	color: #C55900 ;
}


/* accessibilite */
p#acces_rapide {
	font-size: 8pt ;
	text-align: right ;
	float: right ;
}
p#acces_rapide a {
	text-decoration: none ;
	color: #FFF ;
	margin-left: 15px ;
}
p#acces_rapide a:hover {
	text-decoration: underline ;
	color: #808080 ;
}