* {margin: 0; padding: 0; list-style: none; color: #000000}

html, body	{
	width: 100%;
	height: 100%;
}

body { color: #333;
	font-size: 12px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif;
	background: #fff;
	text-align: center;
}
a:link, a:visited {text-decoration: none; color: #466;}
a:hover, a:active {text-decoration: underline; color: #066;}

p {
	text-align: justify;
}
h1, h2, h3, h4, h5, h6, p, li, ul, ol, dl, dt, dd {
	font-weight: normal; 
}

#page {
	margin: 0 auto 0 auto;
	background-color: white;
	width: 745px;
	text-align: center;
}

#header {
	text-align: left;
	width: 745px;
	height: 110px;
	z-index: 100;
}
.logo {
	height: 62px;
}
.logo img {
	border: none;
	padding-top: 13px;
}

#menu {
	width: 745px;
	background-color: #678780;
	z-index: 110;
	height: 50px;
}

#menu a {
	color: white;
}

.container {
	padding: 0 0 0 10px;
	text-align: left;
	clear: both;
}

.clear {
	clear: both;
	display:block;
}
br.clear {
	width: 0;
	height: 0;
	font-size: 1px;
}

.onze {
	font-size: 11px;
}

.ariane, .ariane a, .chapeau, h2, .dates, .inventaire, .gris, .numero {
	color: #919a96;
}
.ariane {
	padding: 10px 0 0 0;
}

.chapeau {
	font-size: 14px;
	position: relative;
	z-index: 1;
	top: -8px;
}
.dates {
	font-size: 13px;
}
.naissance {
	padding: 12px 0 0 0;
}

h1, .titre {
	font-size: 26px;
	padding: 10px 0 24px 0;
}

h2 {
	font-size: 24px;
	padding: 0 0 24px 0;
}

h3 {
	font-size: 14px;
}

form {
	z-index: 50;
}

form h3 {
	margin: 10px 0;
}


.contain_colonnes {
	clear: both;
}

form .contain_colonnes {
	margin: 15px 0 0 0;
}

.contain_colonnes h2 {
	padding: 0 0 4px 0;
}

/* pour que les h2 soient sous les h1 dans les pages de listes d'expos */
.container.expo .contain_colonnes {
	margin-top: -24px;
}

.container.expo .contain_colonnes p {
	padding: 0 15px 24px 0;
}

.container.collection .container, .container.expo .container, .container.expo .liste_liens {
	margin: -15px 0 12px 0;
	padding: 0;
}

.liste_liens {
	margin: 20px 0 0 0;
	font-size: 14px;
}


.liste_liens a {
	/*padding: 0 0 0 10px;*/
	/*background: transparent url(../charte/fond-li.gif) no-repeat 0 0;*/
}

.container.expo .colonne50 .liste_liens {
	margin: 0 0 24px 0;
}
.container.expo .colonne50 .liste_liens a {
	display: block;
}

.colonne50 {
	width: 343px;
	float: left;
	padding: 0 24px 0 0;
	text-align: justify;
}
/* \*/
* html .colonne50 {
	overflow: hidden;
	o\verflow: visible;
}
/* */

.liste .colonne50 {
	width: 166px;
	float: left;
	padding: 0 5px 0 0;
	text-align: left;
}

.liste .colonne50 p {
	clear: both;
}
.colonne50.liste .contain_colonnes .colonne50 p { /* pour les textes des vignettes des oeuvres */
	text-align: left;
	padding: 0 5px 20px 0;
	clear: both;
}

.colonne33 {
	width: 245px;
	float: left;
}
/* DEBUT pour que les vignettes des expos soient centrees verticalement et horizontalement */
.cadre {
	height:207px;
	width:207px;
	line-height:205px;
	background: transparent url(../charte/cadre.gif) no-repeat 0 0;
	text-align:center;
	font-size: 1px;
	color: #adb6a8;
	padding: 1px 0;
}

.cadre img {
	vertical-align:middle;
}
.cadre a img {
	border: none;
}

span.ie {/* rien ! si vide , pas la  smile  */}




/*[if lte IE 6]*/

/* IE 7 hors jeu ou encore a inclure ? **/


span.ie {
	display:inline-block;/* pour IE */
	height:100%;
	vertical-align:middle;
}

/* endif */
/* FIN pour que les vignettes des expos soient centrees verticalement et horizontalement */
.liste .vignette {
	text-align: left;
}
.vignette a img {
	border: none;
}

.module .vignette {
	float: left;
	width: 122px;
}

.footer {
	font-size: 10px;
	color: #466;
	padding: 33px 0 20px 0;
}

.footer img {
	padding: 0 22px 0 0;
	border: none;
}

ul.liste {
	font-size: 14px;
}

ul.liste li {
	margin: 0 0 18px 0;
	padding: 0 0 0 10px;
	background: transparent url(../charte/fond-li.gif) no-repeat 0 0;
}

.liste p {
	padding: 0 0 16px 0;
}
.g {
	float: left;
	padding: 0 10px 5px 0;
}

.d {
	float: right;
	padding: 0 0 5px 10px;
}

/* debut formulaires */

.label {
	padding: 0 0 16px 0;
}

label {
	/*display: none;*/
}

input, select, textarea {
	border: #919a96 1px solid;
	z-index: 52;
}
select {
	z-index: 8;
	position: relative;
}
.label input, .label select {
	width: 209px;
	padding: 1px 0 1px 4px;
	font-size: 12px;
}

.label textarea {
	width: 316px;
	padding: 1px 0 1px 4px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 12px;
}

input.rien {
	border: none;
	width: auto;
}
.contain_radio {
	padding: 15px 0 0 0;
}

.radio {
	width: 22px;
	float: left;
}

.bouton {
	background: transparent url(../charte/fond-submit.gif) no-repeat center bottom;
	text-align: center;
	padding: 0 0 3px 0;
	margin: 40px auto 5px auto;

}

input.submit {
	border: none;
	text-align: center;
	width: auto;
	color: white;
	font-size: 13px;
	background-color: #678780;
	padding: 0;
	height: 21px;
}

input.resultats {
	border: none;
	color: #446666;
	font-size: 13px;
	background-color: #fff;
	padding: 0 0 0 40px;
	height: 21px;
	width: auto;
}

/* fin formulaires */

.collection h2 {
	float: left;
	padding-right: 10px;
}

.legende {
	font-size: 11px;
	margin: -6px 0 16px 0;
}
.legende b {
	font-size: 12px;
	display: block;
}

.lettres {
	font-size: 14px;
	text-align: center;
	letter-spacing: 20px;
	margin: 0 0 33px 0;
}

.lettres a:hover, .lettres a:active {text-decoration: none; font-weight: bold;;}

.top {
	position: relative;
	z-index: 5;
	top: 20px;
	left: 630px;
	display: inline;
}

.inventaire {
	padding: 0 0 18px 0;
}

.liste_inventaire h3 {
	font-size: 18px;
}

.pagination {
	font-size: 14px;
}

.pagination b {
	font-family: "Arial Black";
}

.numero {
	font-family: Verdana;
	display: inline;
}
.numero b {
	font-family: Verdana;
	color: #000000;
	display: inline;
}

em, i {
	font-size: 12px;
	display: inline;
}

.container.plan .colonne50 {
	width: 170px;
	padding: 0 5px 0 0;
	margin: 0 0 20px 0;
	text-align: left;
}
.container.plan .colonne50 ul.liste li {
	font-size: 11px;
	margin-bottom: 3px;;
}
.container.plan h2 {
	font-size: 18px;
	padding: 0;
	height: 70px;
}
/* SEPARATEURS */
hr { 
    clear: both;
    border: 0; /* enleve toute bordure */
    border-bottom: 1px dashed #cccccc; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
    color: white; 
    background-color: white; 
    margin-bottom: 10px;
}


b, strong {
	font-weight: bold;
}
b u {
	text-decoration: none;
}

.noir {color: #000000;}

.publication {
	width: 400px;
}

.publication p {
	text-align: left;
}

.video_frac {
	background: #F6F6F6;
	text-align: center;
	padding: 0 0 10px 0;
	margin: 10px 0 30px 0;
}
.video_frac div {
	margin: 0 auto;
	width: 480px;
}

.lieux li{margin-bottom:10px;}
.p_lieu{margin-bottom:10px;}