@charset "ISO-8859-1";

/* CSS Document */

/*-----------------------------------------------------------
       I. Body and background(s) 			                 
---------------------------------------------------------- */
 
body, html {
	height:100%;
}

body {
	background:none repeat scroll 0 0 #999999;
}

/*-----------------------------------------------------------
       II. Typography                 						 
---------------------------------------------------------- */


a {
	color:#333333;
}

h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	line-height:110%;
	color:#333333;
}

.InfoOeuvreTexte h2 {
	font-weight:normal;
	display:inline-block;
}

h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:85%;
	font-weight:bold;
	font-style:normal;
	line-height:100%;
	color:#333333;
	margin:0 0 2px 0;
	padding:0;
}

.backcriteres h3 {
}

#divRechAvance h3 {
	margin:0 0 3px 0;
}

img + h3 {
}

.icone-h3 {
	margin:0 7px 0 0;
}

/* 	  Forms	     										   */

form label {
	font-size:0.75em;
}

form, input, select, button {
	font-size:inherit;
	line-height:inherit;
}

select {
	font-size:75%;
	line-height:100%;
}

option {
	font-size:100%;
}

/*-----------------------------------------------------------
       II. Structure                 						 
---------------------------------------------------------- */

#document {
	width:780px;
}

.wrapper {
	background:transparent url(images/musee/back_jaune.jpg) repeat-y top left;
	position:relative;
}

#form2 {
	width:780px;
}

#header {
	width:780px;
	background-color:#666666;
}

.navigation ul li {
	line-height:112.5%;
}

/*     a. Menu		                                      */

#menu {
	width:166px;
	margin:0 7px 80px 10px;
	padding:0 10px 0 0;
}

#menu p {
	margin:0 0 5px 0;
	text-align:left;
}

#menu ul {
	margin-bottom:2em;
}

#menu h3 {
	font-style:normal;
	font-size:95%;
}

.top {
	height:48px;
	width:100%;
	background-image:url(images/musee/back_top_jaune.jpg);
	background-repeat:no-repeat;
}

/* Menu Form */

.rechercheavancee {
	background-color:#CCCAC9;
	padding:5px 5px 5px 5px;
	vertical-align:top;
}

#search_gallery, #advanced_search_gallery {
	width:156px;
	font-family:Verdana, Geneva, sans-serif;
}

/*     b. Content	                                      */

#content {
	width:547px;
	margin:0;
	padding:0 20px 20px 20px;
	float:left;
	display:inline;
	position:relative;
}

#content-bckg-blanc {
	height:842px;
	width:506px;
	background-color:#FFFFFF;
	margin:42px 0 20px 18px;
	padding:0;
	min-height: 842px;
}

#content-bckg-blanc2 {
	height:842px;
	width:506px;
	background-color:#FFFFFF;
	padding:0;
	min-height: 842px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 18px;
}
#content-bckg-blanc3 {
	height:100%;
	width:506px;
	background-color:#FFFFFF;
	padding:0;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 18px;
}

#content-bckg-blanc img {
}

#content-img {
	height:auto;
	float:left;
	display:inline;
}

#content-txt {
	width:276px;
	padding:1em 35px 0 17px;
	float:left;
	display:inline;
}#content-txt2 {
	width:470px;
	padding:1em 35px 0 17px;
	float:left;
	display:inline;
}

#languages .selected {
	background-image:url(images/musee/languages.selected.png);
}

#languages .choices {
	background-image:url(images/musee/languages.choices.png);
}

#languages .choices, #languages .choices a {
	color:#acccd7;
}

.picture {
	width:587px;
	clear:both;
	text-align:center;
	margin:20px 0 0 -20px;
}

.picture img {
	margin:0 auto;
	border:10px solid #fff;
}

.logged_email {
	text-align:center;
	padding-top:5px;
	font-weight:bold;
	font-style:italic;
}

/* selections */

.selections {
	margin:30px auto;
	width:500px;
	background:#fff;
	border:10px solid #fff;
}

.selection {
	float:left;
	width:166px;
	height:120px;
	text-align:center;
	position:relative;
	margin-bottom:20px;
}

.selection .remove {
	position:absolute;
	bottom:5px;
	right:10px;
}

.selection .code {
	font-weight:bold;
	font-style:italic;
	color:#9a9a9a;
	position:absolute;
	bottom:5px;
	left:55px;
	font-size:0.688em;
}

/* thumbnails */

.section.thumbnails {
	margin-top:2em;
	text-align:center;
}

.section.thumbnails .next2 {
	margin-top:30px;
	text-indent:-1000em;
	overflow:hidden;
	padding:0;
	width:13px;
	display:block;
}

.section.thumbnails img {
	margin:0 20px;
}

.section.thumbnails a.selected img {
	border:3px solid #fff;
}

/* frame icon */
.frame-1 {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	padding-top:20px;
	background:transparent url(../images/icons/frame-1-off.gif) no-repeat top center;
}

.frame-1.current {
	background-image:url(../images/icons/frame-1-on.gif);
}

.frame-9 {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	padding-top:20px;
	background:transparent url(../images/icons/frame-9-off.gif) no-repeat top center;
}

.frame-9.current {
	background-image:url(../images/icons/frame-9-on.gif);
}

/*     c. Footer	                                      */

#footer {
	background:transparent url(images/musee/back_jaune.jpg) repeat-y top left;
}

#footer .navigation {
	background-color:#666666;
	background-image:url(images/musee/signature.gif);
}

#copyright, #copyright a {
	color:#3F3F3F;
}

/*-----------------------------------------------------------
       III. Classes                               		     
---------------------------------------------------------- */

.lettre1 {
	font-size:250%;
	line-height:80%;
}

.thumbnail {
	width:488px;
	height:65px;
}

.up, .up.selected, .next, .prev, .button {
	color:#666666;
}

.up {
	background-image:url(images/musee/up.png);
}

.up:hover {
	background-image:url(images/musee/up-hover.png);
}

.next {
	background-image:url(images/musee/next.png);
}

.next:hover {
	background-image:url(images/musee/next-hover.png);
}

.next2 {
	background-image:url(images/musee/next2.png);
}

.next2:hover {
	background-image:url(images/musee/next2-hover.png);
}

.prev {
	background-image:url(images/musee/prev.png);
}

.prev:hover {
	background-image:url(images/musee/prev-hover.png);
}

.prev2 {
	background-image:url(images/musee/prev2.png);
}

.prev2:hover {
	background-image:url(images/musee/prev2-hover.png);
}

.button.delete, .button.evolution, .button.basket, .button.favorite, .button.add, .button.plus {
	float:right;
	padding-right:20px;
	margin-top:5px;
	text-align:right;
}

.button.delete {
	background:transparent url(../images/icons/remove.gif) no-repeat center right;
}

.button.evolution {
	background:transparent url(../images/icons/evolution.gif) no-repeat center right;
}

.button.basket {
	background:transparent url(../images/icons/basket.gif) no-repeat center right;
}

.button.favorite {
	background:transparent url(../images/icons/favorite.gif) no-repeat center right;
}

.button.add {
	background:transparent url(../images/icons/add.gif) no-repeat center right;
}

.button.plus {
	padding-right:15px;
	background:transparent url(../images/icons/plus.gif) no-repeat center right;
}

.prev2.start {
	float:left;
	margin-top:1.5em;
}

.getFlash {
	font-size:0.625em;
}

/**
 * 3.1 Search gallery
 */
#search_gallery .title {
	text-align:center;
	margin-bottom:10px;
	font-family:Verdana, Geneva, sans-serif;
}

#search_gallery input.text {
	width:90px;
	font-size:0.95em;
	font-family:Verdana, Geneva, sans-serif;
}

#search_gallery .search2 {
	display:none;
	clear:both;
	display:block;
	padding-top:0;
	padding-left:20px;
	background:transparent url(../images/icons/search2.gif) no-repeat 0 0;
	font-family:Verdana, Geneva, sans-serif;
}

#search_gallery .customcorners2_wrapper {
	padding-bottom:2px;
}

/*-----------------------------------------------------------
       Advanced Search                             		     
---------------------------------------------------------- */

#advanced_search_gallery {
	margin-bottom:10px;
	font-family:Verdana, Geneva, sans-serif;
}

#advanced_search_gallery .title img {
	margin-right:5px;
	font-family:Verdana, Geneva, sans-serif;
	color:#333333;
}

#advanced_search_gallery input, #advanced_search_gallery select {
	width:135px;
	margin:5px 0;
	font-size:0.688em;
	font-family:Verdana, Geneva, sans-serif;
}

#advanced_search_gallery select {
	width:139px;
	font-family:Verdana, Geneva, sans-serif;
}

#advanced_search_gallery .last {
	margin-bottom:35px;
	font-family:Verdana, Geneva, sans-serif;
}

#advanced_search_gallery .next {
	float:left;
	padding-top:1px;
	padding-bottom:1px;
	font-family:Verdana, Geneva, sans-serif;
}

/*-----------------------------------------------------------
       Login Collection                            		     
---------------------------------------------------------- */

#login_collection {
	width:250px;
	margin:3px 0 0 0;
}

#login_collection .title {
	margin-bottom:1em;
	position:relative;
}

#login_collection .title img {
	vertical-align:middle;
	margin-left:-5px;
	position:relative;
}

#login_collection .clearfix {
	position:relative;
}

#login_collection .next {
	margin:0.5em 0 1em 0;
	display:block;
	float:none;
	text-align:right;
}

#login_collection .customcorners2_wrapper {
	padding-bottom:2px;
}

#login_collection input {
	width:97%;
}

/*-----------------------------------------------------------
       Page Specific                            		     
---------------------------------------------------------- */

body.splash #content {
	margin-top:35px;
	border-top:2px solid #c2dbe2;
	border-bottom:2px solid #c2dbe2;
}

body.splash.searchresults #content {
	border-top:2px solid #cdcdcd;
	border-bottom:2px solid #cdcdcd;
}

body.splash #content .wrapper {
	background-image:none;
	padding:10px 0;
	width:355px;
	margin:0 auto;
}

body.splash #content .picture_frame {
	display:block;
	padding:10px 0;
	text-align:center;
}

body.galeries-thematiques #content .box {
	width:260px;
	float:left;
	margin-bottom:15px;
}

body.galeries-thematiques #content td {
	position:relative;
	vertical-align:top;
}

body.galeries-thematiques #content .box.odd {
	clear:both;
	margin-right:20px;
}

body.galeries-thematiques #content .box .plus {
	position:absolute;
	bottom:0;
	right:0;
}

body.galeries-thematiques #content .box p {
	font-size:0.9em;
	text-align:left;
	margin:1em 0;
}

body.galeries-thematiques #content .box h2 {
	margin:0;
	font-size:0.75em;
	font-weight:bold;
	font-style:italic;
}

/*-----------------------------------------------------------
       Results / Grid or single view               		     
---------------------------------------------------------- */

.backcriteres {
	width:484px;
	background-color:#FFFFFF;
	margin:3px 0 0 18px;
	padding:7px 10px 14px 10px;
}

.backcritereTexte {
	font-size:75%;
	line-height:110%;
	font-weight:normal;
	width:465px;
}

.FlasViewer {
	width:568px;
	background-color:transparent;
	height:400px;
	margin-top:68px;
}

#divResult {
	position:relative;
}

#divResult input {
	height:62px;
	width:78px;
	margin:1px 2px 1px 2px;
}

#divOeuvre input {
	height:auto;
	width:auto;
	margin:0;
	display:inline;
}

.backmosaique {
	width:492px;
	background-color:#333333;
	margin-top:38px;
	margin-left:18px;
	padding:7px 6px 3px 6px;
}

.backblanctexte1 {
	width:275px;
}

body #content .backblanctexte1 p {
	font-size:100%;
	font-family:Verdana, Geneva, sans-serif;
	margin:1em 0;
}

#result-navigation {
	height:34px;
	width:100%;
	margin:20px 0 0 0;
}

.toppageresults {
	width:570px;
	margin-top:65px;
	height:42px;
}

.textecriteretitre {
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
	color:#333333;
	padding-top:4px;
	padding-left:50px;
}

/*-----------------------------------------------------------
       Fiche						               		     
---------------------------------------------------------- */

.InfoOeuvre {
	width:439px;
	background-color:#FFF;
	margin:0 auto 2px auto;
	padding:7px 10px;
}

.InfoOeuvreTexte {
	margin:0 0 1em 0;
}

#lblCode {
	line-height:1.125em;
}

#btnPanier {
	display:inline;
	margin:12px 0 0 0;
}

.MotsCles {
	width:439px;
	background-color:#FFF;
	margin:0 auto 2px auto;
	padding:7px 10px;
}

#divMotsCles {
}

.MotsClesTexte {
	font-size:0.75em;
	display:block;
	margin:7px 0 14px 0;
}

.MotsClesTexteTitre {
	line-height:100%;
	font-size:115%;
	font-weight:bold;
	color:#676767;
}

.LienConnexes {
	width:439px;
	background-color:#FFF;
	margin:0 auto 2px auto;
	padding:7px 10px;
}

.LienConnexesTexte {
	width:440px;
	background-color:transparent;
	margin-top:2px;
	padding-left:10px;
	line-height:110%;
	font-size:90%;
	padding-top:7px;
	margin-bottom:10px;
	margin-left:35px;
}

.LienConnexesTexteTitre {
	line-height:100%;
	font-size:115%;
	font-weight:bold;
	color:#676767;
}

/*-----------------------------------------------------------
       Image Zoom / Tooltip	                      		     
---------------------------------------------------------- */

.zooom {
	position:absolute;
	top:25px;
	left:75px;
	background-color:#fff;
	padding:14px;
}

#imgZoom {
	margin:0 auto;
	max-width:311px;
}

.zooomTexte {
	font-size:85%;
	color:#000000;
	padding-top:12px;
	width:312px;
	line-height:145%;
}

.Boutons_carte {
	height:50px;
	width:472px;
	margin:0 0 2px 44px;
}

.lafenetrecoupdecoeur {
	position:absolute;
	padding-left:300px;
	width:71px;
	height:201px;
	left:105px;
	top:776px;
	background:#ecebeb;
	z-index:999;
}

/*-----------------------------------------------------------
       Evolution des lieux	                      		     
---------------------------------------------------------- */

.evolution {
	width:439px;
	background-color:#FFF;
	margin:0 auto 2px auto;
	padding:7px 10px;
	position:relative;
}

.EvolutionTexte {
	padding:6px 0 14px;
}

#imgEvolution {
	max-width:439px;
}

#inserer-photo {
	width: 100px;
	line-height: 110%;
	text-align:center;
	float:right;
}

.EvolutionTexteImages {
	width:100px;
	line-height:110%;
	height:175px;
	text-align:center;
	position:relative;
	top:-115px;
	margin-left:360px;
}

.EvolutionTexteTitre {
	line-height:100%;
	font-size:115%;
	font-weight:bold;
	color:#676767;
}

.MenuIntroEvolution {
	width:506px;
	background:#4B4945 url(/new_museum/images/icone_evolution_menu.png) no-repeat;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 18px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.BackMenuIntroEvolution {
	width:470px;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:10px;
	color:#FFFFFF;
}

.BackMenuIntroEvolution p {
	font-family:Verdana, Geneva, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	margin:0 0 7px 0;
}

.AffichageIntroEvolution {
	width:506px;
	background-color:#FFFFFF;
	margin-top:2px;
	margin-left:18px;
	height:100%;
	margin-bottom:20px;
}

.BackAffichageIntroEvolution {
	width:475px;
	margin-top:15px;
	margin-left:15px;
	font-family:Verdana, Geneva, sans-serif;
}

.pagesEvolution {
	height:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:90%;
	width:100%;
	color:#333333;
	position:relative;
	top:5px;
	text-align:center;
}

.AffichageIntroEvolutionPhotosColonne1 {
	width:237px;
	margin-top:40px;
	text-align:center;
}

.AffichageIntroEvolutionPhotosColonne2 {
	width:238px;
	margin-top:-163px;
	text-align:center;
	vertical-align:top;
	position:absolute;
	left:539px;
	top:489px;
}

.picture, .first_picture, .second_picture {
	padding-top:20px;
	text-align:center;
}

.first_picture, .second_picture {
	float:left;
}

.first_picture {
	display:inline;
}

.second_picture textarea {
	width:100%;
	margin-bottom:5px;
}

.second_picture input.file, .second_picture input.submit {
	margin-top:5px;
}

.button.eye {
	float:left;
	padding-left:25px;
}

.EvolutionConfirmation {
	width:439px;
	background-color:#FFF;
	margin:0 auto;
	padding:7px 10px;
}
.EvolutionConfirmation2 {
	width:439px;

	margin:0 auto;
	padding:7px 10px;
}

.EvolutionConfirmationTexte {
	width:440px;
	margin-top:2px;
	padding-left:8px;
	line-height:110%;
	font-size:90%;
	padding-top:7px;
	margin-bottom:10px;
	padding-bottom:8px;
}

.EvolutionConfirmationTexte span {
	font-size:0.75em;
	font-weight:bold;
}

.EvolutionConfirmationTexteTitre {
	line-height:100%;
	font-size:115%;
	font-weight:bold;
	color:#676767;
}

.CarteConfirmation {
	width:439px;
	background-color:#FFFFFF;
	height:100%;
	margin: auto auto 2px 50px;
	padding: 7px 10px;
	margin-top: 50px;
}

.CarteConfirmationTexte {
	width:440px;
	background-color:#FFFFFF;
	line-height:110%;
	font-size:80%;
	height:100%;
	margin: 0 0 1em 0;
}

.CarteConfirmationTexteTitre {
	line-height:100%;
	font-weight:bold;
	color:#676767;
}

.FlasViewer2 {
	width:568px;
	background-color:transparent;
	height:400px;
	margin-top:2px;
}

.InscriptionSeconnecte {
}

.BackInscriptionSeconnecte {
}

#btnUnAFois {
	float:left;
	display:inline;
}

#imgMosaique {
	float:left;
	display:inline;
}

/*-----------------------------------------------------------
       Pages Navigation		                      		     
---------------------------------------------------------- */

#divNav {
	float:left;
	display:inline;
	margin:8px 0 0 16px;
}

.boutons {
	height:35px;
	float:right;
	margin:0 25px 0 0;
}

.boutons input, .boutons img {
	margin-left:7px;
}

/*-----------------------------------------------------------
       Subscription Form	                      		     
---------------------------------------------------------- */

#subscription {
}

#subscription label {
	display:block;
}

/* 	   Sections											  */

.section {
}

.sections {
	font-size:0.625em;
	margin-top:30px;
}

.sections .section {
	padding:5px 100px;
}

.sections .title, .sections .code {
	font-size:0.75em;
	font-weight:bold;
	font-style:italic;
}

.sections .code {
	float:right;
}

.sections .first, .sections .second {
	width:180px;
}

.sections .first {
	float:left;
	clear:left;
}

.sections .second {
	float:right;
	text-align:right;
}

.sections .store {
	float:right;
}

.sections .label {
	width:80px;
	float:left;
	clear:left;
	display:block;
}

/*-----------------------------------------------------------
       Image Upload			                      		     
---------------------------------------------------------- */

#lblEvoLegende {
	font-weight:bold;
}
.Hautdepage {
	padding:5px;
	display:block;
	position:absolute;	
	
}