/*************************************

         HEADER + LEFT MENU

*************************************/


#header {
	display: block;
	height: 111px;
	width: 100%;
}

#header #header-left {
	display: block;
	height: 111px;
	width: 248px;
	
	background-image: url(../../../images/menu_gauche/fr/header.gif);

	position : relative;
}

#header #header-left-en {
	display: block;
	height: 111px;
	width: 248px;
	
	background-image: url(../../../images/menu_gauche/en/header.gif);

	position : relative;
}

#header #header-left a {
	display : block;
	height: 65px;
	width: 232px;

	position : absolute;
	top : 27px;
	left : 15px;
}

#header #header-right {
	/*float: right;
	display: block;*/
	height: 80px;
	/*width: 407px;*/
	/*position: relative;
	top: 30px;*/
	position : absolute;
	top : 0;
	left : 505px;
}

#content {
	width: 100%;
}


#menu {
	display: block;
	width: 137px;
	height : 543px;

	background-image : url(../../../images/menu_gauche/menu-fond.gif);
	background-repeat : no-repeat;

	position : relative;
}

#menu #menu-conteneur {
	padding-top : 30px;
	margin-left : 16px;
}

#menu #menu-logos {
	position : absolute;
	left : 16px;
	top : 403px;
}

#menu #menu-logos #menu-logo-culture {
	position : absolute;
	left : 0;
	top : 0;
}

#menu #menu-logos #menu-logo-musee {
	position : absolute;
	left : 0;
	top : 63px;
}

/*************************************

         Right

*************************************/


#right {
	float: right;
	width: 407px;
	color: #333;
}

#right p {
	margin-left: 15px;
}

#small-descr {
	margin-left : 15px;
	width: 392px;
}

#small-descr .deux-colonnes {
	
}

#small-descr .deux-colonnes .colonne {
	width : 49%;
	float : left;
}

#small-descr dl {
	margin-top : 0;
	margin-bottom : 0;
}

#small-descr dt {
	text-transform : uppercase;
	font-size : 0.85em;
	font-weight : bold;

	margin-left : 0;
	padding-left : 0;
}

#small-descr dd {
	margin-left : 0;
	padding-left : 0;

	margin-bottom : 0.75em;
}

#right #separator {
	display: block;
	height: 14px;
	width: 407px;
	background-image:url(../../../images/decouvrir/separateur.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
}

#right #long-descr {
	width: 400px;
}

.author {
	font-size: 18px;
	font-weight: bold;
}

#navbar {
	margin-left : 15px;
	position : relative;
}

#navbar a, #navbar .unavailable {
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	/*text-transform: uppercase;*/
	/*letter-spacing: 2px;*/
	color: #000;
}

#navbar a:hover {
	text-decoration : underline;
}

#navbar .unavailable {
	color: #d8d8d8;
}

#navbar .current, #navbar .current:hover {
	color: #AD0066 !important;
}

#navbar #artiste_suivant {
	position : absolute;
	right : 0;
	top : 0;

	margin-right : 10px;
}


/*************************************

         CENTER

*************************************/


#center {
	display: block;
	width: 400px;
	height:550px;
	float: right;
}



#center #image {
	text-align: center;
}

#center #image img {
	margin: 10px auto;
}

#center #bar {
	display: block;
	width: 100%;
	height: 25px;
	text-align: center;
}

#image-big {
	position: absolute;
	display: block;
	height: 665px;
	width: 550px;
	background-color: #fff;
	text-align: center;
	display: none;
	z-index: 5;
}

#image-big #bigImage {
	position: relative;
	top: 40px;
}

.zoom, .unzoom {
	text-decoration: none;
	color: #000;
}

#unzoom {
	position: relative;
	top: 48px;
}

.zoom img, .unzoom img {
	border: none;
	vertical-align: top;
}

#center ul {
	margin : 0;
	padding : 0;
}

.carousel-no-script li {
	list-style-type: none;
	display: block;
	height: 90px;
	width: 66px;
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
}

#tabs {
	display: none;
}

#toile-descr {
	display: none;
}

/*************************************

         jshide and warning

*************************************/

#jsWarning {
	border: 2px solid #cc0001;
	background-color: #FFFFCC;
}

#jsWarning p {
	margin: 8px;
}

.jsHide {
	display: none;
	visibility: hidden;
}