/*
 * @author: Jérôme Chauvin for A&A Partners (www.aa-part.com) and WebMuseo (www.webmuseo.com)
 * creation date: 2009-04-24
 * common layout for all web browsers
 */

/*---- Layout (Dispositions) ----*/
/* ------------------------------------------------- */
/* --- Base Html elements position specificities --- */
/* ------------------------------------------------- */
/* /!\ To be defined, eventually for "body", "p", "a", "img", ... Html tags. 
(cf. attributes of type like "height, "width", "margin", "padding", "overflow", ...).
*/

body {
	/* To block the site on the origin (in computing, the upper / left corner) because, by default,
	 the display shows the body tag with 15px gap at the top and bottom and 10px on the left and right.  */
	margin: 0;
	padding: 0;
}

* {
        margin: 0;
        padding: 0;
}

/* Some web-browsers add a margin of 18px in the top and/or the bottom of the page, which is annoying */
form {
	margin: auto 0;
}

input[type="text"], input[type="password"], select, textarea {	
	padding-left: 1px;
}

/* no border on image surrounded by a link */
a img {
	border-width: 0px;
}

/* ---------------------------------------------------------------------------------------- */
/* --- Base Html elements position specificities with additional personalized elements --- */
/* ---------------------------------------------------------------------------------------- */

#mainContainer {
	min-width: 1045px;
}

/***********************************************
 **                 HEADER
 ***********************************************/

.headerBackground {
	/*width: 100%;*/
	height: 102px;
	margin: 10px;
}

.headerForeground {
	float: left;
	width: 510px;
	height: 100%;
}

.headerForegroundRight {
	float: right;
	width: 500px;
	height: 100%;
	margin-top: 5px; /* still fits the 10px margin of the global ".headerBackground" */
}

/* pour répétition (sans width et float) */
/*
.headerForegroundRight {
  height: 100%;
  margin-left: 500px;
  margin-top: 5px;
}
*/

#header img, #header h1 {
	display: inline;
	padding: 10px;
	white-space: nowrap;
	border-width: 0px;
}


#cheminDeFer {
	padding: 0.2em 0.5em 0.5em 0.5em;
	margin: 0.2em 0.5em 0.5em 0.5em;
}
	

/***********************************************
 **                MENU BAR
 ***********************************************/

#menubar {
	margin: 10px;
	padding: 5px 10px;
	white-space: nowrap;
	text-align: right;
	height: 20px;
}


#menubar a, #menubar form {
	padding: 0em 1em;
}

#menubar #btonSearch {
	vertical-align: bottom;
}

#menubar #btonQuickSearch {
	vertical-align: middle;
	position: relative;
	top: -1px;
}

#menubar #btonPrivate {
	margin: 2px 0px 0px 10px;
	padding: 0px;
}

#menubar #btonPrivate img {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}

/***********************************************
 **               MAIN CONTENT
 ***********************************************/

#content,
#footer {
	margin: auto;
	margin-top: 2em;
	padding: 0px;
	width: 1024px;
}

#footer .tagaucitron .hidden {
	display: none;
	visibility: hidden;
} 

#dataList {
  float: left;
  width: 750px;
}


#content #gallery {
  float: right;
  margin-left: 24px;
  width: 250px;
  margin-top: 7px;
}


#content #gallery #searchBox {
	height: 100px;
	padding-left: 1em;
	padding-right: 1em;
	/*text-align: center;*/
}

#content #gallery #searchBox form fieldset {
	padding: 1em;
	padding-left: 2em;
	padding-top: 0.5em;
}

#content #gallery #searchBox form fieldset legend {
  	position: absolute;
  	display: table-cell;
  	margin: -20px auto auto 50px;
  	padding-left: 5px;
	padding-right: 5px;
	width: 100px;
	font-size: 11px;  	
}


#content #gallery #searchBox form {
	margin-bottom: 1em;
}

#content #gallery #searchBox #iconAdvSearch,
#content #gallery #searchBox #btonAdvSearch {
  display: inline-block;
  /*margin-top: 1em;*/
}

#content #gallery #searchBox #iconAdvSearch {
  margin-bottom: -14px;
}

span.wImgsOptionsTitle,
span.wImgsOptionLabel {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}

span.wImgsOptionsTitle {
  margin-bottom: 5px;
}


#content #gallery img {
	/*width: 10em;*/
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}


#content #gallery #btonAdvSearch::after {
	content: " ";	
}

#content #gallery #btonQuickSearch, 
#content #gallery #btonAdvSearch::after {
	display: inline-block;
	width: 16px;
	vertical-align: middle;	
}

#quickSearch {
    float: left;
    width: calc(100% - 20px);
}

#quickSearch,
#content #gallery #btonQuickSearch, 
#content #gallery #btonAdvSearch::after {
    height: 16px;
}

#content #gallery #btonQuickSearch {
	float: right;	
}


#swImgs {
    clear: both;
    display: table;
    float: left;
    margin-top: 5px;
    vertical-align: middle;
    width: 100%;
    text-align: left;
}

#wImgs {
    display: table-cell;
    vertical-align: middle;
}


#content #gallery p {
    text-align: center;
    /*line-height: 1.1em;*/
	padding-bottom : 1.5em;
}

#content #gallery p.oaiSource {
    text-align: left;
}

#content #gallery p span.museumHomeGo {
	padding-left: 20px;
}


#content h2 {
	text-align: left;
	/*margin: 0px;*/
	margin-bottom: 2em;
	/*padding: 2em 0px 0.6em;*/
	padding-bottom: 1.5em;
	border-bottom-width: 2px;
}

#content #gallery h2 {
	text-align: center;
}


#messageList p {
	padding-bottom: 0.6em;
}

#content h3 {
	margin-top: 1em;
	margin-bottom: 1em;
}


#content .subShowcase a img,
#content .subShowcase a:hover img {
	border-width: 1px;
}


#content p {
	line-height: 2em;
	text-align: justify;
}

#messageList .item img,
#newsList .item img {
	float : left;
	margin : 0px 1em 0.5em 0px;
}

#messageList .item #msgContent img,
#newsList .item #newsContent img {
	width: 7em;
}

/*
#messageList .item,
#newsList .item {
	padding-top: 15px;
}
*/

#messageList .item,
#newsList .item,
#dataList .data,
#dataList .item {
	clear: left;
	margin-bottom: 2em;
	line-height: 2em;
}

#dataList .data {
	padding-bottom: 0.5em;
}

#messageList .item p,
#newsList .item p,
#dataList .data p {
	padding-bottom: 0.5em;
}

p.details {
	margin-top: 10px;
}

#dataList .data .dataIllustration {
	float: left; 
	text-align: right;
	padding-right: 1em;
}

#messageList .item .dataImageSlider .dataIllustration, 
#dataList .data .dataImageSlider .dataIllustration/*,
#dataList .item .dataImageSlider .dataIllustration*/ {
  float: left;
  /*top: 50% !important;*/
  left: 50% !important;
  padding-right: 1em;
  position: absolute !important;
  text-align: right;
}


#messageList .updateDate,
#newsList .updateDate {
	white-space: nowrap;
}

#messageList div.item h5,
#messageList div.item div.update,
#newsList div.item h5,
#newsList div.item div.update,
#dataList div.item h5,
#dataList div.item div.update,
div.pageUpdate {
	clear: left;
	text-align: right;
	padding-bottom: 15px;
}

div.pageUpdate {
	text-align: center;
}

div.addNewElement {
	clear: left;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

#messageList .item img.modifyImg,
#newsList .item img.modifyImg,
img.modifyImg {
	/*
	width: auto;
	height: auto;
	*/
	margin: 0;
	/*clear: both;*/
	margin-left: 5px;
}

#content #gallery div.updateInfo img {
	margin: 0;
}

.img16x16 {
	width: 16px;
	height: 16px;
}

.img14x14 {
	width: 14px;
	height: 14px;
}

#newsList div.newsContent {
	clear: left;
}

div.updateInfo {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	z-index: 10;
	position: relative;
}

span.puce {
    float: left;
    margin-top: 0.3em;
    margin-right: 1em;
    height: 0.6em;
    width: 0.6em;
    overflow: hidden;
}

/***********************************************
 **                FOOTER
 ***********************************************/

#footer {
	position: relative;
	/*text-align: center;*/
	/*padding : 1em;
	margin : 1em;*/
	clear: both;
}

#footerContent {
	position: relative;
	margin-top: 50px;
	margin-bottom: 15px;
	text-align: center;
}


#footerContent ul li {
	display: inline-block;
}

#footerContent ul li:not(:last-child):after {
    content: '|';
}

/*
.footerDefaultLink {
	border-width: 1px;
	padding: 1px 4px;
	margin: 0px;
	margin-left: 15em;
}
*/

.footerDefaultLink, 
.footerDefaultLinkLeft, 
.footerDefaultLinkRight, 
.footerDefaultLinkCenter {
	/*border-width: 1px;*/
	padding: 1px 4px;
	margin: 0px;
/*}

.footerDefaultLink, .footerDefaultLinkLeft, .footerDefaultLinkRight {
*/
	margin-left: 0.8em;
	margin-right: 0.8em;	
}

/*
.footerDefaultLinkCenter {
	margin-left: 10em;
	margin-right: 10em;
}
*/

/*
.logoWebMuseo {
  margin-left: 0.5em;
}
*/

/*
#siteMap {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
*/


/***********************************************
 **                EXPO
 ***********************************************/



#messageList .item .dataImageSlider .dataIllustration, 
#newsList .item .dataImageSlider .dataIllustration, 
#dataList .item .dataImageSlider .dataIllustration {
    float: left;
    text-align: right;
    padding-right: 1em;
    /*left: 50% !important;*/
    position: absolute !important;
    margin: auto !important;
}


#showcaseImageSlider,
.dataImageSlider {
    position: relative;
    float: left;
    width: 255px;
    height: 280px;
    margin-right: 3em;
    margin-bottom: 2em;
}

#messageList .item .dataIllustration, 
#newsList .item .dataIllustration, 
#dataList .item .dataIllustration {
    float: left;
    text-align: right;
    padding-right: 1em;
}


/*
#showcaseImageSlider,
.dataImageSlider {
	position: relative;
	float: left;
	width: 175px;
	min-height: 210px;
	overflow: hidden;
	margin-right: 1em;
	margin-bottom: 1em;
}
*/


.showcaseImg {
	display: block;
	margin-left: auto;
	margin-right: auto;	
}

/*
.showcaseImgContainer,
.dataImageSlider .dataIllustration {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 0;
	padding-top: 0.5em;
}
*/

.showcaseImgInformations {
	clear: none;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
	min-height: 30px;
}
 
#content #gallery .showcaseImgContainer .showcaseImgInformations {
	padding-top: 0;
}

.showcaseImgInformations .imgData div:first-child {
	display: inline-block !important;
}

.showcaseImgInformations .imgData .makeMeMyToolTip {
	display: block !important;
}

.subShowcase {
	clear : both;
	margin-top : 0.8em;
	margin-bottom : 0.8em;
	padding : 0.5em;
	border-width : thin;
	overflow: auto;
}

.subShowcase img {
	float : left;
	margin : 0 1em 0.5em 0; 		
}

.subShowcases {
	float : left;
}
 

#addMoreSubShowcases {
	padding: 1em;
	clear: both;
} 

 
/* Only one colunm for sub-showcases */
.group11 {
	margin-left : 0em;
	margin-right : 0em;
	width : 59em;
}

/* 2 columns for sub-showcases */

.group12 {
	margin-right: 1em;
}

.group22 {
	margin-right: 0;
}

.group12, .group22 {
	margin-left : 0em;
	width : 29em;
}

/* 3 columns for sub-showcases */
.group13, .group23, .group33 {
	width : 19em;
}
	
.group13 {
	margin-right : 1em;
}

.group13, .group23 {
	margin-left : 0em;
}

.group23, .group33 {
	margin-right : 0em;
}

.group33 {
	margin-left : 1em;
}
/* --- */


p.showcaseContentLarge {
	text-align: justify;
}

div.showcasePaths span.label {
	margin-left: 20px; 
}


ul.showcasePaths {
	margin-bottom: 1em;
	text-align: justify;
}


ul.showcasePathItems li.firstShowcasePathItem span.firstShowcasePathItem {
	padding-left: 15px;
}


p.showcaseAuthor, p.author {
	margin-top: 5px;
	margin-bottom: 5px;	
	text-align: right; /* have to be forced in "style" tag */
}

div.pageUpdate,
div.linksToVisit,
div.linksToDownloadableFiles {
	padding-top: 25px;
}


li.showcaseLink,
li.linkToVisit,
li.downloadFileLink {
	padding-bottom: 10px;
}


li.showcaseLink span.showcaseLink,
li.downloadFileLink span.downloadFileLink,
li.linkToVisit span.linkToVisit,
li.showcaseObject span.showcaseObject,
li.showcaseObjectsList span.showcaseObjectsList {
	padding-left: 20px;
}

li.showcaseLink .commentaire {
	padding-left: 20px;
}

div.showcaseLinks, div.showcaseObjects, div.showcaseFiles {
	margin-top: 10px;
	margin-bottom: 10px;
}



.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.marginRight {
	margin-right: 15px;
}

.marginLeft {
	margin-left: 15px;
}


p.showcaseLinks,
p.linksToVisit {
	padding-bottom: 5px;
}

p.showcaseObjects {
	padding-bottom: 5px;
}

p.linksToDownloadableFiles {
	padding-bottom: 5px;
}

p.showcaseLinks span.label,
.showcaseObjects span.label,
p.linksToDownloadableFiles span.label,
p.linksToVisit span.label {
	padding-left: 20px;
}

div.showcaseObjectsImageAnimation {
	clear:both;
	padding:1em;
}

#showcaseObjectsLink {
	padding-bottom:1em;
	padding-top:1em;
	text-align:center;
}

#subShowcasesBlock {
	clear: both;
	padding-top: 1em;
}

#content #subShowcasesBlock p {
	text-align: left;
}

/* ****************** */
/*      Specific      */
/* ****************** */


#navBar {
	padding: 0.2em 0.5em 0.5em 0.5em;
	margin: 0.2em 0.5em 0.5em 0.5em;
}


#TB_ImageInnerNav {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 110px;
}

/*
div.makeMeMyToolTip img {
	margin-top:10px;
}

*/

#btSubmit {
	    padding: 10px 20px;
}