@font-face {
font-family: 'MetaPro-Normal';
src: url('/sites/all/themes/phototheque/css/fontes/MetaPro-Normal.otf') format('opentype');
}

@font-face {
font-family: 'MetaPro-Serif-Bold';
src: url('/sites/all/themes/phototheque/css/fontes/MetaSerifPro-Bold.otf') format('opentype');
}


@font-face {
font-family: 'MetaPro-Serif-Book';
src: url('/sites/all/themes/phototheque/css/fontes/MetaSerifPro-Book.otf') format('opentype');
}



body, a {font-family: "MetaPro-Normal"; margin: 0; }
/* #page { background-color: black; }
h1 { color: white; }
#block-system-user-menu, #block-system-user-menu a { color: white; } */


body, p { font-family: "MetaPro-Normal"; }
h1, h2, h3, h1 a, h2 a, h3 a {font-family: "MetaPro-Serif-Bold"; font-weight: normal; }
h4, h4 a {font-family: "MetaPro-Serif-Book"; margin-bottom: 2px; }
h1 {font-size: x-large;}
h2 {font-size: larger;}
h3 { font-size: large; }
a, a:hover, a:active { color: #c0081f;  }
a { text-decoration: none;}
a:hover { text-decoration: underline; }

img, media {
  max-width: 100%; width: 100%; height: auto;
}

.menu .leaf, ul li.leaf, ul, ul li, li, .menu ul, .menu ul li { list-style: none; list-style-type: none; padding-inline-start:0; }
.item-list ul li { margin-left: 0;  }

body { position: relative; }

#footer { background-color: #2a303b; color: white; }
#footer a { color: white; }

#header .section, #main-wrapper { width: 100%; /*max-width: 1600px;*/ margin-left: auto; margin-right: auto; }
.l-region--header, .region-footer { width: 100%; max-width: 1600px; margin-left: auto; margin-right: auto; }

/* header */
	#header { text-align: center; }
	#header { background-color: white; width: 100%; border-bottom: 1px solid #c4c4c4; /*margin-bottom: 3px;*/ }
	#block-system-main-menu ul, #block-menu-menu-menu-intersites  ul  {margin-block-start:0; margin-block-end: 0; }
	#block-system-main-menu ul li, #block-menu-menu-menu-intersites ul li { float: left; text-align: center; }
	#block-system-main-menu, #block-menu-menu-menu-intersites { clear: both; /*margin-top: -5px;*/ }
	#block-menu-menu-menu-intersites  { padding: 6px 0; border-bottom: 1px solid black; height: 21px; max-width: 850px; margin-left: auto; margin-right: auto;  }
	#block-menu-menu-menu-intersites  a { color: black; }
	#block-menu-menu-menu-intersites  ul { text-align: center; }
	#block-menu-menu-menu-intersites  ul li { border-left: 1px solid black; padding-left: 10px; }
	#block-menu-menu-menu-intersites  ul li:first-of-type { border-left: none; } 
	.stickynav-active #block-menu-menu-menu-intersites { /*display: none;*/}
	#block-system-main-menu { margin-top: -15px; }	
	.stickynav-active #block-menu-menu-menu-intersites { display: none;}

/* Side bar */
#block-views-dossiers-block .content { font-size: small; }


/* Grille */
/*.views-view-grid . { max-height: 255px; }
.views-view-grid img {height: 250px; width: auto;}
.views-view-grid tr td { position: relative; float: left; }
.views-view-grid tr td .views-field-field-file-image-title-text { position: absolute; bottom: 0; background-color: black; }
.views-view-grid tr td h2 { color: white; font-size: small; font-family: "MetaPro-Serif-Book"; }
.views-view-grid tr td h2 a { color: white;}
*/

.front .view-aper-u-des-dossiers a:hover { filter: brightness(0.65);}
/*.front .view-aper-u-des-dossiers .front-grille { width: 33%; float: left; }*/
/*.hasard, */.front .view-aper-u-des-dossiers .views-field-name  	{ position: absolute; bottom: 5px; background: rgba(0, 0, 0, 0.5); padding: 2px;  color: white; }
.front .view-aper-u-des-dossiers .views-field-name a { color: white; }

 .region-content .view-id-recherche_principale .views-row, 
 .view-display-id-page .views-row, 
 .view-display-id-page_1 .views-row, 
 .view-display-id-page_2 .views-row,
 .view-display-id-page_photos_du_photographe .views-row
 	{ max-height: 255px; margin: 2px; position: relative; float: left;  }
 .region-content .view-id-recherche_principale .views-field-field-file-image-title-text , 
 .view-display-id-page .views-field-field-file-image-title-text , 
 .view-display-id-page_1 .views-row .views-field-field-file-image-title-text, 
 .view-display-id-page_2 .views-row .views-field-field-file-image-title-text, 
 .view-display-id-page_photos_du_photographe .views-row .views-field-field-file-image-title-text 
 	{ position: absolute; bottom: 5px; background: rgba(0, 0, 0, 0.5); padding: 2px;  }
 .region-content .view-id-recherche_principale .views-row h2 , 
 .view-display-id-page .views-row h2 , 
 .view-display-id-page_1 .views-row h2 , 
 .view-display-id-page_2 .views-row h2, 
 .view-display-id-page_photos_du_photographe .views-row h2 
 	{ color: white;  font-size: small; font-family: "MetaPro-Serif-Book"; margin: 0; }
 .region-content .view-id-recherche_principale .views-row  h2 a, 
 .view-display-id-page .views-row  h2 a, 
 .view-display-id-page_1 .views-row  h2 a, 
 .view-display-id-page_2 .views-row  h2 a, 
 .view-display-id-page_photos_du_photographe .views-row  h2 a 
 	{ color: white;}
 .region-content .view-id-recherche_principale .views-field-field-date-de-prise, 
 .view-display-id-page .views-field-field-date-de-prise, 
 .view-display-id-page_1 .views-field-field-date-de-prise, 
 .view-display-id-page_2 .views-field-field-date-de-prise, 
 .view-display-id-page_photos_du_photographe .views-field-field-date-de-prise
 	{ position: absolute; top: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: white; font-size: small; padding: 0px;}

.cols-3 tr td { width: 33%;}
 
/* Blocs */
	#block-views-dossiers-block { background-color: #bcbcbc; border-radius: 0 20px 20px 20px; padding: 5px; }
	#block-views-dossiers-block a { color: black; }
	
	

@media all and (min-width: 0px) and (max-width: 1023px) {

body, p { font-size: 150%; }

#sidebar-first { float: right; width: 100%; }
#content { float: left; width: 100%;  }
.block-menu-menu-menu-intersites { width: 100%; }

#block-block-1 img { max-width: 90%; }
#block-system-main-menu { font-size: 140%;}


 .region-content .view-id-recherche_principale .views-row, 
 .view-display-id-page .views-row, 
 .view-display-id-page_1 .views-row, 
 .view-display-id-page_2 .views-row,
 .view-display-id-page_photos_du_photographe .views-row
 	{ width: 48%; ; margin: 2px; position: relative; float: left;  }

.region-content .view-id-recherche_principale .views-row h2 , 
 .view-display-id-page .views-row h2 , 
 .view-display-id-page_1 .views-row h2 , 
 .view-display-id-page_2 .views-row h2, 
 .view-display-id-page_photos_du_photographe .views-row h2 
 	{ color: white;  font-size: larger; font-family: "MetaPro-Serif-Book"; margin: 0; }


}




@media all and (min-width: 1024px) { 

#sidebar-first { float: left; width: 18%; }
#content { float: right; width: 80%; min-height: 1100px; }

#block-block-1 img { max-width: 358px; }
#block-system-main-menu ul li { width: 18%; }

.stickynav-active { height: 38px; }
.stickynav-active .section { /*position: relative;*/ margin-top: 20px; }
.stickynav-active #block-block-1 { position: absolute; /*top: 0;*/ left: 5px; width: 15% }
.stickynav-active #block-block-1 p { margin-top: 0; }
.stickynav-active #block-system-main-menu { margin-left: 15%;}
.stickynav-active #block-system-main-menu ul li { width: 15%; }


 .region-content .view-id-recherche_principale .views-row  img, 
 .view-display-id-page .views-row img, 
 .view-display-id-page_1 .views-row img, 
 .view-display-id-page_2 .views-row img,
 .view-display-id-page_photos_du_photographe .views-row img
 	{height: 250px; width: auto;}

.page-recherche-un .view-id-recherche .views-row img { height: 80%; width: auto; }

body { position: relative;}
.front #sidebar-first { position: absolute; left: 0; top:400px; width: 300px;}
.front #content { width: 100%; }
.front .stickynav-processed { margin-bottom: 0;}
.front #main-wrapper, .front #main, .front #content { margin-top: 0; top:0;}
.front 	#block-views-dossiers-block {  background-color: rgba(188, 188, 188, 0.8); }

/*.front #views-exposed-form-recherche-page { }*/

.front #highlighted { height:100vw; height: 56.25vw; margin-top: 0px; }
.front #highlighted #block-views-exp-recherche-page { height: 600px; margin-left: auto; margin-right: auto; position: absolute; top:30vw; left: 35vw; text-align: center;}
.front #content #block-views-exp-recherche-page .views-exposed-form { background-color: rgba(188, 188, 188, 0.8); padding: 6px 6px 6px 15px; border-radius: 5px; width: 470px; }
#block-views-exp-recherche-page input {font-size: large;}
#block-views-exp-recherche-page .views-submit-button input { font-size: xx-large; margin-top: 5px;}
/* légende de la photo aléatoire de la première page : */
#highlighted #block-views-recherche-principale-block-1 { text-align: right; background-color: rgba(188, 188, 188, 0.8); padding: 10px; max-width: 50%; position: absolute ; top: 140px; right: 10px; border-radius: 5px; }

}