/*
 * @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", ...).
*/

/* /!\ Now all is in common resources. If needed, for overriding or new specs regarding a particular project,
just keep those imports and add some local ones, conserving the same directory/file structure and organization (including the names): */
@import url('/rsrc/css/siteBuilder/v3/header/layout.css');
  
@import url('/rsrc/css/siteBuilder/v3/blocks/UIs/common-layout.css');
@import url('/rsrc/css/siteBuilder/v3/blocks/UIs/as-mosaic/layout.css');
@import url('/rsrc/css/siteBuilder/v3/blocks/UIs/as-polaroid/layout.css');
@import url('/rsrc/css/siteBuilder/v3/blocks/UIs/as-slider/layout.css');
@import url('/rsrc/css/siteBuilder/v3/blocks/UIs/as-slider-frieze/layout.css');

@import url('/rsrc/css/siteBuilder/common/collection/common-layout.css');
@import url('/rsrc/css/siteBuilder/common/footer/footer-layout.css');


@import url('cms/common/header/header-layout.css');
@import url('cms/common/footer/footer-layout.css');
@import url('cms/v3/blocks/as-polaroid/layout.css');
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 --- */
/* ---------------------------------------------------------------------------------------- */

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

#mainHomeLink img {
    width: 220px;
    height: auto;
    position: relative;
    z-index: 2;
}

@media ( max-width : 576px) {
	#mainHomeLink img {
		width: auto;
		height: 40px;
	}
}



/* --- as requested by the client on May 2025: --- */ 
#header #spaceRootURL,
#main #pageTitleContainer hgroup {
	display: none;
}
/* --- */


/***********************************************
 **                BREADCRUMB
 ***********************************************/

#breadcrumb {
	position: relative;
    margin: 0 2rem;
	padding: 0;
}

/***********************************************
 **                MAIN CONTENT
 ***********************************************/
.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

section, section.type-contenu {
	margin-bottom: 3em;
}

#contentBlocksList section.type-block {
	padding: 0 1rem;
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media ( min-width : 576px) {
	.container {
		max-width: 100%;
	}
}

@media ( min-width : 768px) {
	.container {
		max-width: 100%;
	}
}

@media ( min-width : 992px) {
	.container {
		max-width: 100%;
	}
}

@media ( min-width : 1200px) {
	.container {
/* 		max-width: 82%; */
		max-width: 90%;
	}
}

/* @media ( min-width : 1200px) { */
/* 	.wm_pageSite.type-pageBlocks.wm_pageHome	.container { */
/* 		max-width: 90%; */
/* 	} */
/* } */
.container-fluid {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}




/***********************************************
 **   COLLECTION PAGES // ADV. SEARCH PAGE etc.
 ***********************************************/
#mainContent .searchBody #btSubmit {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 12px 16px;
}


/* We need to hide the current mask label on Collection pages, 'cause it can be very long (and is manageable by the client in the back office) and might break the WM Nav Tool bar: */
/*
.menuItem.restricted_mosaic.has-sub .menuHeader .menuTxt,
.menuItem.public_mosaic.has-sub .menuHeader .menuTxt,
.menuItem.restricted_table.has-sub .menuHeader .menuTxt,
.menuItem.public_table.has-sub .menuHeader .menuTxt, 
.menuItem.restricted_form.has-sub .menuHeader .menuTxt,
.menuItem.public_form.has-sub .menuHeader .menuTxt,
*/
/* more general and working: */
.nav .menuBody.subHorizontal.menuCollection>.menuItem.has-sub>.menuHeader .menuTxt,
/* if requested: to avoid mask icons displaying: */
/*.nav .menuBody.subHorizontal.menuCollection > .menuItem.has-sub > .menuHeader, */
.nav.primary .navRight .menuItem.homeShowcaseLink {
	display: none !important;
}

img.lazy {
	width: 212px;
	height: 54px;
}

/* .mosaic .tableBody .displayContainerOuter .displayContainer .imageLink a { */
/* 	display: flex; */
/* } */

/* .mosaic .tableBody .displayContainerOuter .displayContainer .thumbTitle { */
/* 	display: flex; */
/* 	align-items: center; */
/* } */

.textContent.text-black.bg-white .value {
	display: flex !important;
	flex-direction: column;
	gap: 0.5em;
}

.thumbControl .imageContainer {
	font-size: inherit !important;
}

/* Display none the old navigation */

#mainContent .nav.primary:first-element {
	display: none!important; 
}