body {
	background-color: #dddddd;
	background-image: url(_images/background.jpg);
	background-repeat: repeat-y;
	background-position:center;
	text-align: center;
	margin:0px;
	padding:0px;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:100%;
}

p {	margin-top:0px;	margin-bottom:1em; }

#global {
	position:relative;
    margin-left:auto;
    margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
    width:760px;
	min-height:100%;
    text-align: left;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color:#ffffff;
	background-image:url(_images/global_background.jpg);
	background-repeat:repeat-y;
}

#header{
	position:relative;
	width:100%;
	height:170px;
	background-repeat:no-repeat;
	background-color:#ccc;
}


#menuprincipal{
	position:relative;
	width:100%;
	height:auto;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-image:url(_images/bg_menu.jpg);
	background-repeat:repeat-x;
	background-color:#CCCCCC;
}
#menuprincipal p{
	margin:5px;
	font-size:14px;
	font-weight:bold;
}
#menuprincipal a{
	padding:0px;
	color:#000000;
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
}
#menuprincipal a:hover{	text-decoration:none; }

#contenu{
	margin:0px;
	padding:10px;
	position:relative;
	width:740px;
	height:auto;
}


#footer {
	position:relative;
	width:100%;
	height:auto;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-image:url(_images/bg_menu.jpg);
	background-repeat:repeat-x;
	background-color:#CCCCCC;
	clear:both;
}
#footer p{ margin:2px; font-size:11px; }
#footer a{
	padding:0px;
	color:#000000;
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
	font-weight:bold;
}
#footer a:hover{ text-decoration:underline; }
#espace {position:relative;	width:100%;	height:40px; margin:0px; padding:0px; clear:both;}
#espace2 {position:relative; width:100%; height:30px; margin:0px; padding:0px; clear:both; background-color:#FFFFFF; }
#flag {position:relative; width:100%; height:auto; margin:0px; padding:0px; clear:both; background-color:#FFFFFF; }
#ombre {
	position:relative;
	width:100%;
	height:10px;
	background-image:url(_images/ombre_menu.jpg);
	background-repeat:repeat-x;
	background-color:#000000;
	margin:0px;
	padding:0px;
	overflow:hidden;
	clear:both;
}
#compteur{
display:none;
}

/* Mises en formes de textes */
.exposant {
	vertical-align:text-top;
	font-size:80%;
}


/* ---------------------Images float----------------------------- */

img.border {border:1px solid #333333; }
img.bandeau {border:1px solid #333333; }
img.bandeauaccueil {border-top:1px solid #333333; border-bottom:1px solid #333333; }
img.left {float:left; margin-right:8px; margin-bottom:8px; border:1px solid #333333; }
img.left_noborder {float:left; margin-right:8px; margin-bottom:8px; border:none; }
img.right {float:right; margin-left:8px; margin-bottom:8px; border:1px solid #333333; }
img.right_noborder {float:right; margin-left:8px; margin-bottom:8px; border:none; }

img.lateral_left {
float:left;
margin-right:8px;
margin-bottom:-1px;
/*margin-left:-10px !important;*/
margin-left:0px;
/*margin-top:-10px !important;*/
margin-top:0px;
border:1px solid #333333;
/*border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-left:0px solid #FFFFFF !important;
border-left:1px solid #FFFFFF;
border-top:0px solid #FFFFFF !important;
border-top:1px solid #FFFFFF;*/
}
img.lateral_right {
float:right;
margin-left:8px;
margin-bottom:-1px;
/*margin-right:-10px !important;*/
margin-right:0px;
/*margin-top:-10px !important;*/
margin-top:0px;
border:1px solid #333333;
/*border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-right:0px solid #FFFFFF !important;
border-right:1px solid #FFFFFF;
border-top:0px solid #FFFFFF !important;
border-top:1px solid #FFFFFF;*/
}

.legende{
font-size:10px;
font-style:italic;
text-align:center;
}

/* ---------------------Couleurs des liens survolés du menu principal----------------------------- */

#menuprincipal #lienaccueil:hover{color:#7B7968;}
#menuprincipal #lienmusees:hover{color:#66844A;}
#menuprincipal #lienexpositions:hover{color:#5C7B91;}
#menuprincipal #liencollections:hover{color:#82617D;}
#menuprincipal #lienanimation:hover{color:#9F9B35;}
#menuprincipal #lienressources:hover{color:#675E39;}
#menuprincipal #lienboutique:hover{color:#7D5650;}
#menuprincipal #lieninfos:hover{color:#4E7E71;}


/* ------------------------------CADRES DE LA PARTIE CONTENU-------------------------------------- */

#menu_gauche{
	float:left;
	width:160px;
	height:auto;
	margin-left:0px;
	margin-top:-1px;
}
#cadre_droite{
	float:right;
	width:140px;
	height:auto;
	margin-right:0px;
	background: #ffffff;
	font: 11px;
}
#cadre_droite #texte{
	font-size:11px;
	margin:0px;
	padding:3px; 
	font-family:Arial, Helvetica, sans-serif;
}


#centre_droite{/*cadre du contenu principal si présence d'un cadre à droite*/
	/*background-color:#ddd;*/
	margin-left:170px !important;
	margin-left:167px;
	width:420px;
}
#centre_seul{/*cadre du contenu principal si aucun cadre à droite*/
	/*background-color:#ddd;*/
	margin-left:170px !important;
	margin-left:167px;
	width:570px;
	border-collapse:collapse;
}
#total{ width:750px; padding:5px;margin:0px;}

#centre_droite #texte{position:relative; width:400px; font-size:12px; margin:10px;}
#centre_seul #texte{position:relative; width:550px;	font-size:12px;	margin:10px;}


#texte_autres{
	position:relative;
	font-size:12px;
	margin:10px;
	left: 0px;
}

#centre_droite a:link, #centre_seul a:link, #cadre_droite a:link, #texte_autres a:link {color:#000000; text-decoration:none;}
#centre_droite a:visited, #centre_seul a:visited, #cadre_droite a:visited, #texte_autres a:visited {color:#000000; text-decoration:none;}
#centre_droite a:hover, #centre_seul a:hover, #cadre_droite a:hover, #texte_autres a:hover {color:#444444; text-decoration:none;}
#centre_droite a:active, #centre_seul a:active, #cadre_droite a:active, #texte_autres a:active {color:#444444; text-decoration:none;}


/* MENU GAUCHE (les couleurs sont définies dans les feuilles de style accueil.css, musees.css, etc... */

dl, dt, dd, ul, li {
margin: 0px;
padding: 0px;
list-style-type:none;
}

dl#menu {
top: 0px;
left: 0px;
width:160px;
}

dl#menu dt {
cursor: pointer;
margin:1px 0px 0px 0px;
height: auto;
text-align: left;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

dl#menu li {
cursor: pointer;
margin: 0px 0px;
height: auto;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background: #ddd;
}

dl#menu dt a{
color: #000;
text-decoration: none;
display: block;
border: 0px none;
height: 100%;
padding:4px;
padding-left:10px;
}
dl#menu li a {
color: #000;
text-decoration: none;
display: block;
border: 0px none;
height: 100%;
padding:2px;
padding-left:20px;
}

dl#menu li a:hover {
background: #bbb;
}
dl#menu dt a:hover {
color:#FFFFFF;
}