body {
	position: absolute;
	width: 770px;
	left: 50%;
	height:100%;
	margin:0px 0px 0px -385px;
/*	background:#8c2251 url(images/ombre_couleur.gif) 50% 0 no-repeat; 
*/
	background: url("images/ombre_couleur_blanc.jpg") repeat-y scroll 50% 50% #FFFFFF;
	
}

* {
	margin:0;
	padding:0;	 
	font-family: Helvetica, Arial, sans-serif;
	line-height: 140%;

}


.txt_gris{	color: #999999; }
/*MAHs*/

#black {
    background-color:red;
	height: 90px;
	width:770px;
	position: absolute;  
	left:0px;
	top:0px;
	color:#ffffff;
	
	opacity:.50;
	filter:alpha(opacity=50);
	-moz-opacity:.50; 
}


#tableau01 {
	background-image: url(images/header.jpg);
}


/* MAH */
#tableau02 {
	background-image: url(images/header_mah.jpg);
}
/* CdE */
#tableau03 {
	background-image: url(images/header_cde.jpg);
}

/* CIG */
#tableau04 {
	background-image: url(images/header_cig.jpg);
}
/* RATH */
#tableau05 {
	background-image: url(images/header_rath.jpg);
}
/* Tavel*/
#tableau06 {
	background-image: url(images/header_tavel.jpg);
}
/* BAA */
#tableau07 {
	background-image: url(images/header_baa.jpg);
}
/*Ariana */
#tableau08 {
	background-image: url(images/header_ariana.jpg);
}
/* MHE */
#tableau09 {
	background-image: url(images/header_mhe.jpg);
}


#tableau01,
#tableau02,
#tableau03,
#tableau04,
#tableau05,
#tableau06,
#tableau07,
#tableau08,
#tableau09
 {
	left: 50%;
	padding:0px 0px 100px 0px;
	margin-top:0px;
	margin-left: -385px;
	width: 770px;
	position:absolute;
	background-color:#ffffff;
	background-repeat: no-repeat;
	background-position:top;
}


form {
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
}

fieldset {
	padding: 3px 6px;
	margin: 5px 0;
}

legend {
	padding: 0 3px;
	font-size: 16px;
	font-weight: bold;
}

label {
	float: left;
	clear: left;
	width: 165px;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
	margin: 0 0 0 5px;
}

select {
	width: 250px;
}


#divVide {
	float: left;
	width: 82%;
	height: 72px;
	margin: 0px;
	padding: 0px;
	/*border:1px solid #FF9933;*/
}

/* *********** credo ********************* */
div#divCredo {
	float: right;
	width: 15%;
	height: 72px;
}
div#divCredo p {
	margin:3px 0px 0px 0px;
	padding:2px;
	line-height:12px;
	text-align:right;
}

div#divCredo p a {
	text-transform: uppercase;
	font-size: 10px;
	color: #999999;
	text-decoration:none;
}
/** ********* texte sous logo ************ */

#divMuseesVdg {
	float: left;
	width: 72%;
	height: 18px;
}
#divMuseesVdg p {
	margin: 2px 0px 0px 3px;
	font-size: 10px;
	color: #999999;
	font-weight:normal;
}

#divMuseesVdg p a {
	color:#999999;
	font-weight:normal;
	text-decoration:none;
}

/** ********** zone de recherche **************************** */
#divRecherche {
	float: left;
	width: 27%;
	height: 18px;
	text-align: right;
}
#divRecherche form {
	font-size:0.6em;
	color:#999999;
	font-weight:normal;
}

#divRecherche form input.inputbox {
	width:106px;
	height:12px;
	border:0px;
	line-height:10px;
	padding:3px 2px 0px 2px;
	font-size:10px;
	font-weight:normal;
}
/* ************* menu ********************** */

div.divMenu {

}

div.divMenu p {
	margin:3px 0px 0px 0px;
	height:20px;
	text-transform:uppercase;
	font-size:0.75em;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}

/*
div.divMenu p.prem {
	margin-left:4px
}
*/
/* NC appliqué la marge de 4px sur toute la DIV prem */ 
div.divMenu.prem {
	margin-left:4px
}

div.divMenu dl {
}

div.divMenu dl.prem {
	margin-left:4px
}


div.divMenu dd {
	display:none;
}

div.divMenu ul {
}

div.divMenu ul.smenu {
	display:none; /* NC 9.12.2006 -eviter que le menu flash au chargement de la page*/
}

div.divMenu ul li {
	text-decoration : none;
	list-style-type: none;
	line-height:13px;
	font-size:12px;
	font-weight:bold;
	padding-top: 2px;
}

div.divMenu ul li.li2 {
	margin:4px 0 0 7px;
	font-weight:normal;
}

/*dr: liens menu visités en gris à partir du 2eme niveau*/
div.divMenu ul li.li2 a:visited {
	color:#666666;
}


div.divMenu ul li.li3 {
	margin-left:15px;
	font-weight:normal;
}

div.divMenu ul li a {
	color:#000000;
	text-decoration:none;
}


div.divMenu dt {
	line-height:13px;
	font-size:11px;
	font-weight:bold;
}

div.divMenu dt.dt2 {
	margin-left:7px;
	font-weight:normal;
}

div.divMenu dt a {
	color:#000000;
	text-decoration:none;
}

/* ********** langues ******************** */

#divLangue {
position: absolute;
right:0;
top: 90px;
	height: 20px;
	width:100px;
	text-align:right;
}

div#divLangue p {
	margin:0px 3px 0px 0px;
	height:20px;
	line-height: 15px;
}

div#divLangue p a {
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}



/* ******************* MENU ******************** */
#divMenuMusee {
	float: left;
	width: 150px;
	height: 300px;
}

#divMenuPratique {
	float: left;
	width: 600px;
}

#divMenuPratique .divMenu {
	float: left;
	display: block;
	min-width: 150px;
	width: 33%;
}

/* ############## poucet ######################## */
div.poucet {
	float:left;
	font-size:0.6em;
	width: 600px;
	color:#000000;
	margin: 0 0 5px 0;
}
div.poucet a {
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	margin: 0 0 2px 0;
}

/* *********** centre de page  ***************** */

#divCentre {
	float:left;
	width:462px;
	height:100%;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
}


#divCentre div.logoPrint {
	display:none;
}

/* NC --- empecher affichage du logo - utilisé pour impression */
#divLogoPrint {
	display:none;
}
#divTitlePrint {
	display:none;
}



/* ############## liens ######################## */
#divCentre a {
	color:#000000;
	text-decoration:none;
}


/* ############## impression ######################## */
#divCentre div.impression {
	display: none;
	float:right;
	width:15%;
	text-align:right;
	padding: 0 0 3px 0;
}

/* ############## listes ######################## */

#divCentre ul{
	/*border:1px solid blue;*/ 
	clear:both;
}

#divCentre ul li {
	/*border:1px solid green;*/
	list-style-position: inside;
	list-style-type: none;
}

#divCentre ul li.carre {
	list-style-image:url(images/li_carre.gif);
}
.carre_puce {
	list-style-image:url(images/li_carre.gif);
}
#divCentre ul li.fleche {
	list-style-image:url(images/li_fleche.gif);
}

#divCentre ul li.niveau4 {
	list-style-image:url(images/li_niveau4.gif);
}

/* NC 12.12.2006  Menu liste dans le divCentre*/
#divCentre ul li.li1 {
	list-style-image:url(images/li_niveau4.gif);
}

/* ################ listes dl dt dd ###################### */

#divCentre dl {
	/*border:1px solid blue;*/
	clear:both;
}

#divCentre dt {
	float:left;
	width:28%;
	font-size:0.75em;
	line-height:1.3em;
	color:#666666;
	text-align:right;
	padding-right:6px;
}

#divCentre dd {
	float:left;
	color:#666666;
	margin-bottom:3px;
	width:395px;
}


/* NC utilisé pour séparer contenu et titres */
#divCentre div.content {
	float:left;
	width:100%;
	padding:10px 0 0 0;
	background-image: url(images/line_438.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
    /*border:2px solid green;  */

}


#divCentre div.collection {
	float:left;
	width:100%;
	padding:12px 0px 0px 0px;

}


#divCentre span.spot {
	background-image: url(images/spot.png);
	padding:0px 5px 0px 5px;
	background-repeat: no-repeat;
	background-position: center center;
	color:#FFFFFF;
    /*border:1px solid pink;*/   
	text-align:center;
	font-size:11px;

}





/* ############### titraille ##################### */
#divCentre h1 {
	float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	font-size: 24px;
	color: #999999;
	font-weight: normal;
	/*border:2px solid pink;*/
}

#divCentre h6 {
	float:left;
	width:100%;
	margin:0px 0px 6px 0px;
	padding:0px;
	font-size:1.4em;
	color:red;
	font-weight:normal;
}



#divCentre h2 {
	float:left;
	width:100%;
	margin:0px 0px 2px 0px;
	font-size:20px;
	color:#666666;
	font-weight:normal;
	/*border:2px solid pink;*/
}

#divCentre h3 {
	float:left;
	width:100%;
	margin:10px 0px 10px 0px;
	font-size:12px;
	color:#666666;
	font-weight:bold;
	line-height:1.4em;
	/*border:2px solid pink;*/
}

#divCentre h4 {
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
	font-size:0.75em;
	color:#666666;
	font-weight:bold;
	line-height:1.4em;
}

#divCentre h5 {
	float:left;
	width:100%;
	margin:0px 0px 2px 0px;
	font-size:0.7em;
	color:#666666;
	font-weight:bold;
}

/* ################# images ########################## */

#divCentre div.imgTouteLargeur {
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
}

#divCentre div.plusieursImages {
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
}
#divCentre div.plusieursImages img {
	margin:0px 9px 0px 0px;
}

/* ############# contenus sur 2 colonnes ################## */
#divCentre div.col1sur2 {
	float: left;
	/* corrigé NC */
	width: 210px; 
	/* corrigé NC */
	margin: 0 18px 0 0; /* margin right */
}
#divCentre div.col1sur2 img {
	margin: 2px 0 0 0;

}
#divCentre div.col1sur2 p {
	margin:0 0 10px 0;
	color:#666666;
}

/* NC correction 4.1.2007 */
#divCentre div.col1sur2 ul li {
	color: #666666;
}

#divCentre div.col2sur2 {
	float:left;
	width:210px;	
}
#divCentre div.col2sur2 img {
	margin:2px 0px 0px 0px;
}
#divCentre div.col2sur2 p {
	margin:0 0 10px 0;
	color:#666666;
}
#divCentre div.col2sur2 ul li {
	color:#666666;
}



#divCentre div.col2sur2 .puce_carre{
	margin:-2px 0px 0px 0px;
	float:left;
	height:15px;
	width:12px;
}


#divCentre div.col2sur2 .contenu_info_expo{
	float:right;
	width:197px;
}

.puce_fleche{
	margin:-2px 0px 0px 0px;
	float:left;
	height:15px;
	width:12px;
}
.contenu_liste_expo{
	float:right;
	width:295px;
}

.contenu_liste_visite{
	float:right;
	width:440px;
}

/* ##################### contenus sur une colonne ############# */
#divCentre div.col1sur1 {
	float:left;
	width:100%;
 }
#divCentre div.col1sur1 p {
	margin:0px 10px 10px 0px;
	color:#666666;
}


#divCentre div.col1sur1 ul {
/* was 10px -- NC 30.12.2006 */
}


#divCentre div.col1sur1 ul li {
	color:#666666;
}


/* ##########  contenu sur deux colonnes avec fond alterné  ############# */
#divCentre div.fond1 {
	background-color:#f1f1f1;
	margin-bottom:10px;
}

#divCentre div.fond2 {
	background-color:#ffffff;
	margin-top:-10px;
}

#divCentre div.fond2,
#divCentre div.fond1 {
	float:left;
	width:426px;
	padding:6px;
	/*	border:1px solid pink; */
}

#divCentre div.fond1 div.gauche,
#divCentre div.fond2 div.gauche,
#divCentre div.fond1 div.gauchePetite,
#divCentre div.fond2 div.gauchePetite,
#divCentre div.fond1 div.droite,
#divCentre div.fond2 div.droite,
#divCentre div.fond1 div.droiteGrande,
#divCentre div.fond2 div.droiteGrande {
	text-align:left;
}

#divCentre div.fond1 div.gauche,
#divCentre div.fond2 div.gauche {
	float:left;
	width:48%;
/*	border:1px solid green; */

}
#divCentre div.fond1 div.gauchePetite,
#divCentre div.fond2 div.gauchePetite {
	float:left;
	width:24%;
	/*border:1px solid green;*/
}


#divCentre div.fond1 div.droite,
#divCentre div.fond2 div.droite {
	float:right;
	width:48%;
 	/*border:1px solid blue;*/
}
#divCentre div.fond1 div.droiteGrande,
#divCentre div.fond2 div.droiteGrande {
	float:right;
	width:74%;
	/*border:1px solid green;*/
}

#divCentre div.fond1 div.gauche p,
#divCentre div.fond2 div.gauche p,
#divCentre div.fond1 div.droite p,
#divCentre div.fond2 div.droite p,
#divCentre div.fond1 div.droiteGrande p,
#divCentre div.fond2 div.droiteGrande p {
	color:#666666;
	font-weight:normal;
}

#divCentre div.fond1 div.gauche p,
#divCentre div.fond2 div.gauche p,
#divCentre div.fond1 div.droite p,
#divCentre div.fond2 div.droite p {
	margin:0px 0px 2px 0px;
}

#divCentre div.fond1 div.droiteGrande p,
#divCentre div.fond2 div.droiteGrande p {
	margin:4px 0px 2px 18px;
}

#divCentre div.fond1 div.droiteGrande ul li,
#divCentre div.fond2 div.droiteGrande ul li {
	color:#000000;
}



/* ##################  legende  ####################### */
#divCentre div.legende {
	float:left;
	width:100%;
}

#divCentre div.legende ul li {
	font-size:0.6em;
	line-height:1.3em;
	color:#666666;
	/* NC modified 4.1.2007  

	font-weight: bold; */
}

#divCentre div.legende li.carre {
	list-style-image:url(images/li_carre.gif);
	font-weight: bold;
}


#divCentre div.legende p {
	margin:4px 0px 10px 18px;
	font-size:0.6em;
	color:#666666;
	font-weight:normal;
	line-height:1.5em;
}

/* ############   formulaires   ######################## */
/*
#divCentre form {
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
	border:solid 1px #cccccc;
}
*/
#divCentre form div.titres {
	float:left;
	clear:left;
	padding:2px;
	color:#666666;
	width: 20%;
	vertical-align:middle;
	/* border:1px solid pink; */
}


#divCentre form div.champs {
	float:left;
	clear:right;
	display:inline;
	padding:2px;
	font-size:0.75em;
	color:#666666;
	
}


#divCentre form div.champs1 {
	float:left;
	display:inline;
	font-size:0.75em;
	color:#666666;

}

.champ_text {
	border:solid 1px #cccccc;
	font-size:11px;
	color:#666666;
}

.champ_bouton {
	background-color:#7e7e7e;
	color:#FFFFFF;
	border:1px solid #cccccc;
	font-size:11px;
}


#divCentre form div.champs input.text1 {
	border:solid 1px #cccccc;
	font-size:11px;
	color:#666666;
}

#divCentre form div.champs select.select1 {
	border:solid 1px #cccccc;
	font-size:11px;
	color:#666666;
}
#divCentre form div.champs select.select1 option {
	font-size:11px;
	color:#666666;
}

#divCentre form div.champs input.bouton1 {
	background-color:#CCCCCC;
	color:#000000;
	border:1px solid #cccccc;
	font-size:11px;
}

#divCentre form div.champs input.bouton2 {
	background-color:#7e7e7e;
	color:#FFFFFF;
	border:1px solid #cccccc;
	font-size:11px;
}



#divCentre form div.champs1 input.bouton3 {
	background-color:red;
	color:#FFFFFF;
	border:1px solid #cccccc;
	font-size:11px;
}





/* ############## pied de page #################### */

#divCentre div.copyright {
	float:left;
	width:100%;
	margin:40px 0px 0px 0px;
	padding:6px 0px 0px 0px;
	font-size:0.7em;
	color:#AAAAAA;
	font-weight:normal;
	background-image: url(images/line_438.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#divCentre div.logo {
	float:left;
	width:100%;
	margin:-7x 0px 100px 0px;
	text-align:right;
}




/* ************* colonne de droite *************** */

#divActu {
	float:right;
	width:150px;
	
	background-image: url(images/line_438.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 0 0 0;
}

#divActu p {
	font-size:0.7em;
}

#divActu p a {
	color:#000000;
	font-weight:bormal;
	text-decoration:none;
}

#divActu ul {
	clear:both;
	margin-left:18px;
}

#divActu ul li {
	list-style-position:outside;
}

#divActu ul li.fleche {
	list-style-image:url(images/li_fleche.gif);
	font-size:0.75em;
	line-height:1.3em;
	color:#000000;
}

#divActu ul li.fleche a {
	color:#000000;
	text-decoration:none;
}

#divActu h6 {
	font-size:0.7em;
	color:#000000;
	font-weight:bold;
}
#divActu h6 a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#divActu div.img {
	margin:2px 0px 3px 0px;
	padding:0px;
}

#divActu div.ligne1 {
	margin:0px 0px 1px 0px;
	font-size:0.7em;
	color:#666666;
	font-weight:normal;
}

#divActu div.ligne2 {
	font-size:0.7em;
	color:#000000;
	font-weight:bold;
}

#divActu div.ligne2 a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}


#divActu div.lignefocus {
	font-size:0.7em;
	color:#000000;
	font-weight:bold;
}

#divActu div.lignefocus a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	color:red;
}



#divActu div.sep {
}



/* **************** popup *********************** */
body.popup {
	position:relative;
	width: 100%;
	height:100%;
	background-color:white;
}

div.divPopup {
	float:left;
	width:100%;
	height:100%;
	margin:10px;
}

div.divPopup div.print {
	float:left;
	width:100%;
}


div.divPopup div.image {
	float:left;
	width:50%;
	margin:10px 0px 0px 0px;
}


div.divPopup div.legende {
	float:left;
	width:50%;
	margin:10px 0px 0px 0px;
}

div.divPopup div.legende ul {
	clear:both;
	margin-left:18px;
}


div.divPopup div.legende ul li {
	list-style-position:outside;
	font-size:0.75em;
	line-height:1.3em;
	color:#000000;
	list-style-image:url(images/li_carre.gif);
}

div.divPopup div.legende p {
	margin:4px 0px 10px 18px;
	font-size:0.6em;
	color:#666666;
	font-weight:normal;
	line-height:1.5em;
}

div.divPopup div.copyright {
	float:left;
	width:100%;
	margin:5px 0px 0px 0px;
	font-size:0.75em;
	color:#AAAAAA;
	font-weight:normal;	
}

#cartouche {
padding-bottom: 0.5em;
margin-bottom:10px;
background: #eee url(images/ln_bl.gif) bottom left no-repeat;
width: 455px;
}

#cartouche form {
padding:0.5em 0.5em 0 0;
margin:0 0 0 0.5em;
background: url(images/ln_tr.gif) top right no-repeat;
}


/*FORMATAGE TEXT*/

.txt_rouge { color:#FF0000; }
.txt_vert {color:#87aa0e;}
.txt_bleu { color: #48518a; }

.a_bleu {color : #56a4f9; text-decoration:none;}
.a_bleu:hover {color : #56a4f9; text-decoration:underline; }

.a_vert {color : #87aa0e; text-decoration:none;}
.a_vert:over {color : #87aa0e; text-decoration:underline; }

.txt_souligne { text-decoration: underline; }
.txt_italic { font-style: italic; }
.txt_gras { font-weight: bold; }
.txt_upper { text-transform: uppercase; }
.txt_justify { text-align: justify; }

.txt_9 { font-size : 70%; }
.txt_10 { font-size : 80%; }
.txt_11 { font-size : 90%; }
.txt_12 { font-size : 100%; }
.txt_13 { font-size : 110%; }
.txt_14 { font-size : 130%; }
.txt_15 { font-size : 130%; }
.txt_16 { font-size : 140%; }
.txt_17 { font-size : 150%; }
.txt_blanc { color:#ffffff; }