@import url(bandeau.css);
  /*  @import url(sectionBrowse.css);*/
   @import url(layout.css);
      @import url(typo.css);
   /*  :root {
        --header-height: 80px;
        --footer-height: 80px;
        --anchor-padding: 125px;
    }*/
    
    :root {
	/* ici on définit les tailles "fixes" : hauteur du bandeau et du footer et largeur du conteneur principal */
	--bandeau-height: 8rem;
    --content-width: 75%;
    --footer-height: 2rem;
	
	/* ici la hauteur du menu. Attention a commenté/décommenté les 2 variables */
	
	/* "dropdown" - valeurs par défaut */
	/*	
	--menu-height: 3rem;
	--submenu-height: 0rem;
	*/	
	
	/* "subbar" - valeurs par défaut */

	--menu-height: 2.3rem;
	--submenu-height: 2.3rem;

	
	/* la hauteur du header et du conteneur principal en sont déduites */
	--header-height: calc(var(--bandeau-height) + var(--menu-height) + var(--submenu-height));
    --content-height: calc(100vw - var(--header-height) - var(--footer-height));
    
    /* ainsi que la largeur de la side-toc */
	--side-toc-width: calc(100% - var(--content-width));
	
	/*couleur de fond de la box dans la side-toc*/

	--ead-selected-bg-color: #8ea89f;
    
}


body {
    font-family: Alegreya_Sans;
    font-size: 15px;
    color: #555;
    line-height: 1.3;
}

/* les pages html */

h1 {
    text-align: left;
    font-family: Alegreya_Sans;
    font-size: 1.4em;
    color:#8d5757;
    font-weight:normal;
}

h2 {
    font-weight:normal;
	font-size: 1.3em;
    color:#8D5757;
}

p {
    font-family: Alegreya_Sans;
    font-size: 1.1rem;
    line-height:1.5;
}



table tr td, table.ead_details th {
    font-size: 1rem;
    font-weight: normal;
}

table.ead_details  th.titreTabHeader {
    font-weight: bold;
}

footer {
    background-color: #f1f3f4;
    color: #333333;
    font-family: "Arial", "Helvetica", sans-serif;
   
}

section.browse > div > div.page {
    font-family: garamond-server;
    font-size: 1rem;
}

/* toc */
#toc h1 {
	margin: 2vw auto;
	width: fit-content;
}

#toc nav {
  margin-top: 0;
  margin-left:15%;
  line-height: 1.8;
  font-family:garamond-server;
  font-size: 1rem;
}

/* 			   */
/* LES PLUGINS */
/* 			   */

/* page recherche */
#ead-search-section {
	padding-top: 20px;
}

#ead-search-section > section, .browse section#ead-search-section > div  {
	margin-left: 4em;
	width: fit-content;
}

.browse section#ead-search-section  div .ead-search-popup {
 margin: 26px 0px 0px 26px;
}

.browse section#ead-search-section  div .ead-search-popup h5{
    margin-left: 40px;
   }

.ead-search-popup .ead-search-close-popup {
    top: -3px;
  }
  input[type="text"] {
      margin:0px;
  }

section.browse > section#ead-search-section section div#ead-search-simple {
      margin-top:20px;
  }

section#ead-search-section div#ead-search-date-wrap {
	width: fit-content;
}

section#ead-search-section div.boutonSearch button {
	margin-left: 0;
}


/* les pages index */
.index > div {
}


/* bouton "ead to pdf" */
.ead2pdf {
    margin-left: 0;
    position: absolute;
    right: 15px;
    top: 5em;
    width: fit-content;
    z-index: 9;
}


    .ead2pdf span.texte {
  font-size: 10px;
  color: #0b2626;
  padding-left: 1px;
}




    
    table.ead_details th {
        text-align: left;
        vertical-align: top;
        /* color: #775e4b; */
        color: #013B28;
        width: 25%;
        padding-right: 5px;
        display: none;
    }
    
    table.ead_details tr.unittitle {
        vertical-align: top;
        text-align: center;
        color: #467777;
        /*  border-bottom: 1px solid #ccc;*/
    }


table.ead_details {
    border-spacing: 10px;
    border-collapse: separate;
	font-size: 1.2em;
    width : 80%;
    text-align: center;
    margin-top:0px;
    margin-left:15px;
}

table.ead_details td {
    vertical-align: top;
    border-bottom: none;
}


td.commune {
    display:none;
}


    .composantSite table.ead_details {
        background-color: #f2f5f4 ;
    }
    
    .composantSite table.ead_details tr {
        background-color: #f2f5f4 ;
    }

    .composantSite tbody {
        background-color: #f2f5f4 ;
    }
    .composantSite {
        background-color:#f2f5f4 ;
    }
    .composantSite .developper {
        background-color:#f2f5f4 ;
        margin-top: 0px;
    }
    
 
    .composantElement table.ead_details {
        background-color: #D2DBD8 ;
    }
    
    .composantElement table.ead_details tr {
        background-color: #D2DBD8 ;
    }

    .composantElement tbody {
        background-color: #D2DBD8 ;
    }
    .composantElement {
        background-color:#D2DBD8 ;
    }
    .composantElement .developper {
        background-color:#D2DBD8 ;
        margin-top: 0px;
        
    }
 
 
 
 
    
/* les images */
div#diaporama {
    margin-left:35px;
}


    
    div.logo {
  border-top: 1px solid #bbb;
  justify-content: space-between;
  display: flex;
  padding-top: 8px;
  margin-bottom: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width: 50vw;
  margin-top:10vw;
  
}

    div.logo2 {
  justify-content: space-between;
  display: flex;
  padding-top: 8px;
  margin-bottom: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width: 50vw;
}



a > img.UCBN  {
  	vertical-align: bottom;
	width: 80px;
}

a > img.logo_cnrs {
  	vertical-align: bottom;
width: 70px;
  	}
  	

a > img.mrsh  {
  	vertical-align: bottom;
	width: 100px;
}
a > img.pcr  {
  	vertical-align: bottom;
	width: 80px;
}

a > img.pole  {
  	vertical-align: bottom;
	width: 55px;
}

a > img.ministere  {
  	vertical-align: bottom;
	width: 45px;
}

a > img.logo_DRAC {
  	vertical-align: bottom;
	width: 80px;
  	}


a > img.logo_MESR  {
  	vertical-align: bottom;
	width: 130px;
}
a > img.histeme  {
  	vertical-align: bottom;
	width: 115px;
}
a > img.inrap  {
  	vertical-align: bottom;
	width: 110px;
}


a > img.normandie {
  	vertical-align: bottom;
	width: 90px;
  	}
  	
a > img.logo_manche {
  	vertical-align: bottom;
width: 100px;
  	}
  	
a > img.logo_calvados {
  	vertical-align: bottom;
width: 100px;
  	}

  	
a > img.logo_orne {
  	vertical-align: bottom;
width: 100px;
  	}

    table.ead_details td {
        vertical-align: top;
        border-bottom: none;
    }
    
    table.ead_details tr {
        vertical-align: top;
        border-bottom: none;
    }
    
    table.ead_details tr.unittitle {
        vertical-align: top;
        border-bottom: none;
        text-align: center;
    }

   nav > details_collection {
    border-left: 0.5px solid #450d08;
}
    .composantSite table.ead_details tr.unittitle {
        vertical-align: top;
        text-align: left;
        color: #0B2626;
        font-size: 110%;
    }

    table.ead_details tr.unittitle td {
        vertical-align: top;
        border-bottom: none;
        text-align: center;
        color: #0B2626;
        font-size: 110%;
        background-color: #C6D1D1;
        border: solid 0.5px #0B2626;
        padding: 6px;
    }
    
    .composantSite table.ead_details tr.unittitle td {
        vertical-align: top;
        border-bottom: none;
        text-align: left;
        color: #0B2626;
        font-size: 100%;
        background-color: #C6D1D1;
        border: solid 0.5px #0B2626;
        padding: 6px;
    }

    table.ead_details tr.unittitle {
        vertical-align: top;
        text-align: center;
    }
    
   .composantSite table.ead_details tr.unittitle {
        vertical-align: top;
        text-align: left;
    }

    table.ead_details td.identifiant {
        vertical-align: top;
        text-align: center;
        color: #0B2626;
        font-size: 115%;

    }
    table.ead_details td.site {
  vertical-align: top;
  text-align: center;
  color: #8D5757;
  font-size: 100%;
}

    }
        
   .composantSite table.ead_details td.identifiant {
        vertical-align: top;
        text-align: left;
        color: #0B2626;
        font-size: 100%;

    }
    
     table.ead_details td.nom_site {
        vertical-align: top;
        text-align: center;
        color: #8D5757;
        font-size: 100%;
    }

    composantSite table.ead_details td.nom_site {
        vertical-align: top;
        text-align: left;
        color: #0B2626;
        font-size: 100%;
    }

  
    table.ead_details td.type_site {
        vertical-align: top;
        text-align: center;
        color: #0B2626;
        font-size: 100%;
    }

    .composantSite table.ead_details td.type_site {
        vertical-align: top;
        text-align: center;
        color: #0B2626;
        font-size: 100%;
    }
    
    table.ead_details td.typologie {
        vertical-align: top;
        text-align: center;
        color: #0B2626;
        font-size: 100%;
    }

    .composantSite table.ead_details td.typologie {
        vertical-align: top;
        text-align: center;
        color: #0B2626;
        font-size: 100%;
    }
    
        table.ead_details td.type_sites {
        vertical-align: top;
        text-align: center;
        color: #0B2626;
        font-size: 100%;
    }

    .composantSite table.ead_details td.type_sites {
        vertical-align: top;
        text-align: center;
        color: #0B2626;
        font-size: 100%;
    }

        table.ead_details td.lieudit {
        vertical-align: top;
        text-align: center;
        color: #0B2626;
        font-size: 100%;
    }

    .composantSite table.ead_details td.lieudit {
        vertical-align: top;
        text-align: center;
        color: #0B2626;
        font-size: 100%;
    }


span.lieudit {
vertical-align: top;
text-align: center;
color: #8D5757;
font-size: 100%;

  }

    table.ead_details td.geogname {
        vertical-align: top;
        text-align: center;
        color: #0B2626;
        font-size: 100%;
    }
    

   composantSite table.ead_details td.geogname {
        vertical-align: top;
        text-align: left;
        color: #0B2626;
        font-size: 110%;
    }
    
    table.ead_details td.descripteur {
        vertical-align: top;
        text-align: center;
        color: #0B2626;
        font-size: 100%;
    }

    span.descripteur {
        vertical-align: top;
        text-align: center;
        color: #8D5757;
        font-size: 100%;
    }    

    span.nom_site {
        vertical-align: top;
        text-align: center;
        color: #8D5757;
        font-size: 100%;
    }    

    span.type_sites {
        vertical-align: top;
        text-align: center;
        color: #8D5757;
        font-size: 100%;
    }  
      
    span.type_site {
        vertical-align: top;
        text-align: center;
        color: #8D5757;
        font-size: 100%;
    }  

    span.origine {
        vertical-align: top;
        text-align: center;
        color: #8D5757;
        font-size: 100%;
    }  
    
        span.typologie {
        vertical-align: top;
        text-align: center;
        color: #8D5757;
        font-size: 100%;
    }  

    composantSite table.ead_details td.lieudit {
        vertical-align: top;
        text-align: left;
        color: #0B2626;
        font-size: 100%;
    }
    
    composantSite table.ead_details td.descripteur {
  vertical-align: top;
  text-align: left;
  color: #0B2626;
  font-size: 100%;
}

    table.ead_details td.origine {
        vertical-align: top;
        text-align: center;
        color: #0B2626;
        font-size: 100%;
    }
    
    composantSite table.ead_details td.origine {
        vertical-align: top;
        text-align: left;
        color: #0B2626;
        font-size: 100%;
    }

    table.ead_details td.typologie {
        vertical-align: top;
        text-align: center;
        color: #0B2626;
        font-size: 100%;
    }

    composantSite table.ead_details td.typologie {
        vertical-align: top;
        text-align: left;
        color: #0B2626;
        font-size: 100%;
    }

    

    
        table.ead_details tr.physloc {
        vertical-align: top;
        text-align: left;
        color: #0B2626;
        font-size: 100%;
        width: 55%;
        display: none;
    }
    
   
    table.ead_details td.coordonnees {
        vertical-align: top;
        cursor: pointer;
        padding-right: -65px;
        text-align: left;
        font-size: 100%;
        color: #0B2626;
    }
    
    td.coordonnees .collapsible {
        vertical-align: top;
        cursor: pointer;
        text-align: left;
        font-size: 100%;
        color: #0B2626;
        margin-left: -10px;
        margin-top: 0px;
        margin-right: 50px;
        font-weight: normal;
    }
    

   composantSites .td.coordonnees .collapsible {
        background-color:red;
    }
    

    .coordo {
        font-size: 90%;
        color: #0B2626;
        width: 86%;
        display: inline-block;
        overflow: hidden;
        background-color: #fff;
        padding: 15px 15px 15px 15px;
        border: solid 0.5px #C6D1D1 margin-left: -5px;
    }
    
    div .synthese {
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: -10px;
    }
    
    .synthese p {
        color: #0B2626;
        width: 70%;
        padding: 15px 11px 0px 0px;
        border: none;
        font-style: normal;
        text-align: justify;
        font-size: 100 %;
        margin-top: initial;
    }
    
 /*   div .approche_patrimoniale {
        margin-top: 0px;
        margin-left: -9px;
    }
    
    div .approche_p p:first-child {
        padding-top: 10px;
    }
    
    div .approche_p p {
        color: #0B2626;
        width: 86%;
        border: none;
        font-style: normal;
        text-align: justify;
        font-size: 100 %;
        margin-top: initial;
    }
    
    div .approche_patrimoniale .collapsible {
        cursor: pointer;
        text-align: left;
        font-size: 110%;
        color: #0B2626;
        margin-left: 9px;
        margin-top: 20px;
    }
 */   
    table.ead_details tr.physdesc {
        vertical-align: top;
        text-align: left;
        color: #0B2626;
        font-size: 100%;
    }
    
    table.ead_details tr.extref {
        color: #0B2626;
        font-size: 100%;
        width: 11%;
        
    }
    
    table.ead_details td.lien {
        color: #0B2626;
        font-size: 100%;
        display: block;
        margin-top: 10px;
        margin-bottom: -7px;
        margin-top: 10px;
        text-align:center;
    }

   
    
    .developper {
        display: none;
        overflow: hidden;
        background-color: #fff;
        width: 95%;
        border: none;
        padding:0px 0px 0px 0px;
    }
    
    .scopecontent {
        cursor: pointer;
        padding-right: -65px;
        text-align: left;
        font-size: 100%;
        width: 90%;
        margin-bottom: 20px;
  		text-align:justify;
    }

    .scopecontent.developper {
        display: none;
        margin-left:0px;
    }
     
	h2.scopecontent{
        font-weight:normal;
	font-size: 1.3em;
       color:#8D5757;
    }

.scopecontent > p {
	width: 39vw;
}    
    .photos {
        cursor: pointer;
        padding-right: -65px;
        text-align: left;
        font-size: 100%;
        width: 90%;
        margin-bottom: 20px;
    }

    .photos.developper {
        display: none;
        margin-left:0px;
    }
     
	h2.photos{
        font-weight:normal;
	font-size: 1.3em;
       color:#8D5757;
    }
    
        .approche_p {
        cursor: pointer;
        padding-right: -65px;
        text-align: left;
        font-size: 100%;
        width: 100%;
    }

    .approche_p.developper {
        display: none;
    }
    
    .dimensions {
        cursor: pointer;
        padding-right: -65px;
        text-align: left;
        font-size: 100%;
        width: 100%;
    }
    
     .dimensions.developper {
        display: none;
    }
    
    .synthese {
        cursor: pointer;
        padding-right: -65px;
        text-align: left;
        font-size: 100%;
        width: 100%;
    }
    
    .synthese.developper {
        display: none;
    }
    


    .patrimoine {
        cursor: pointer;
        padding-right: -65px;
        text-align: left;
        font-size: 100%;
        width: 100%;
    }
    
    .patrimoine.developper {
        display: none;
    }
    
    .fonctions.developper {
        display: none;
    }
    

    .second_cadre_subsistant.developper {
        display: none;
    }
    
    .sources {
        cursor: pointer;
        padding-right: -65px;
        text-align: left;
        font-size: 100%;
        width: 100%;
        margin-top: 0px;
    }
    
    .sources.developper {
        display: none;
    }
    
    .coordodevelopper {
        display: none;
        overflow: hidden;
        background-color: #fff;
        padding: 15px 15px 15px 15px;
        width: 90%;
        margin: 0px 0px 0px -5px;
        /* border: solid 0.5px #C6D1D1;*/
        font-size: 90%;
        text-align: left;
        margin-top: 5px;
    }
    
    .composantSite {
        color: #0B2626;
        /*cursor: pointer;*/
        padding-right: -65px;
        outline: none;
        font-size: 100%;
        text-align: left;
        border-radius: 4px;
        padding-left: 25px;
        padding-bottom: 10px;
        /*  width: 80%;*/
        border:1px solid #5c6e6e;
        /*background-color: #89AEA4;*/
    }

    .composantElement {
        color: #0B2626;
        /*cursor: pointer;*/
        padding-right: -65px;
        outline: none;
        font-size: 100%;
        text-align: left;
        border-radius: 4px;
        padding-left: 25px;
        padding-bottom: 10px;
        /*  width: 80%;*/
        border:1px solid #5c6e6e;
        background-color: #D2DBD8;
        margin-top:20px;
    }

    
    .composantSite .scopecontent {
        width: 650px;
        text-align: justify; 
  
    }
    .composantElement .scopecontent {
        width: 650px;
        text-align: justify; 
  
    }
    
/*    .composantElement .scopecontent h2.scopecontent{
        width: 650px;
        text-align: justify; 
        color: #07402D;  
    }


    .composantElement h2.collapsible {
  font-weight: normal;
  font-size: 105%;
  color: #07402D;
}*/
    
    h2.composants {
        color: #0B2626;
        cursor: pointer;
        padding-right: -65px;
        /* width: 100%; */
        /* border: 1px solid; */
        outline: none;
	font-size: 1.3em;
        text-align: left;
        /*font-weight: bold;*/
        border-radius: 4px;
        padding-left: 25px;
        width: 70%;
    }
    
    .collapsible {
        color: #0B2626;
        width: 79.5%;
        cursor: pointer;
        padding-right: -65px;
        outline: none;
        font-size: 110%;
        text-align: left;
        border-radius: 4px;
        font-weight: normal;
        padding-left: 0px;
    }
    

   h2.collapsible::after {
        content: "▶";
	font-size: 1.3em;
        padding-left: 9px;
    }
    
    .collapsible.active::after {
        content: "▼";
	font-size: 1.3em;
        padding-left: 9px;
    }
    
    .collapsible:hover,
    .collapsible.active {
        background-color: transparent;
    	width: 90%;
    }
    

    composantSite .collapsible:hover,
    composantSite .collapsible.active {
        background-color: #d1b37a;
    	width: 90%;
    }
    
    composantElement .collapsible:hover,
    composantElement .collapsible.active {
        background-color: #d1b37a;
    	width: 90%;
    }
    
    
    .index.nom_site {
        display: block;
        text-align: left;
        color: #0B2626;
        cursor: pointer;
        padding-right: -65px;
        outline: none;
        font-size: 110%;
        border-radius: 4px;
        padding-left: 25px;
        width: 70%;
    }
    
    .index{
        font-style:italic;
        /*color:#8d5757;*/
    }
    
    
    figure {
        display: inline-block;
        width:210px;
        

    }
    
    img {
        display: block;
        width:200px;

    }


    div.daogrp {
        width: 91%;
    }
    

    p.legende {
		font-size: 85%;
 		margin-top: 5px;
  		display: block;
    }
    
    
    div.odd {
    margin-top: 20px;
margin-left: -26px;
    }
    
	.developper > p {
	margin-left:10px;
    }
    
    
    
    h2.collapsible {
	font-size: 1.2em;
	color: #8D5757;
	font-weight: normal;
    }

/*    .composantElement > h2.collapsible {
      
		color: #444d4d;
        font-weight: normal;
    }
*/

    
    tbody {
        width: 150%;
    }
    
    .bibliography {
        text-align: justify;
        font-size: 100%;
        width: 83%;
        cursor: pointer;
    }

    div .controlaccess {
        cursor: pointer;
        padding-right: -65px;
        text-align: left;
        font-size: 100%;
        width: 100%;
  margin-left: -16px;

    }
    
    
    .controlaccess.developper {
        display: none;
    }
    


    h2.controlaccess {
        color: #0B2626;
      
    }


    .carte {
        /*color: #9e7529;*/
        font-family: baskerville;
        /*font-weight: bold;*/
        font-style: normal;
        font-size: 110%;
        margin:10px 10px 10px 10px;
        /*text-align:right;*/
        font-variant: small-caps;
    }
       

div#map{
text-align: right;
line-height: 70px;
right: 27em;
/*position: fixed;*/
top: 20.5em;
overflow: visible;
margin-right:9%;
}

div#gallery-wrap{
display: none;

}


.map{
 font-weight: normal;
  color: #8D5757;
  font-size: 1.4em;
  text-decoration: underline;
}



date{
        color:#BA8B8B;
        font-size: 0.9em;
        margin-bottom: 0px;
        margin-top: 20px;
        display:block;
}

span{
        color: #0B2626;
        font-size: 100%;
        margin-bottom: 0px;
        margin-top: 20px;
        font-style : normal;
}

.bibref{
        color: #0B2626;
        font-family: Alegreya_Sans;
  		font-size: 1rem;
  		line-height: 1.5;
}

genreform{
        color:#BA8B8B;
        font-size: 0.9em;
        margin-bottom: 0px;
        margin-top: 20px;
        /*font-style : italic;*/
}

span{
        color: #0B2626;
	font-size: 1em;
        margin-bottom: 0px;
        margin-top: 20px;
        font-style : normal;
}

p.entries {
  margin: 5px 0px 0px 20px;
  color: black;
  max-width: 40vw;
  font-size: 0.9em;
}

div a, div.detail a {
  font-size: 1rem;
  color: #8D5757;
  text-decoration: none;
  
}


div.unittitle a, div.detail a {
  font-size: 1rem;
  color:#8D5757;
  text-decoration: none;
  
}

section.browse nav details {
  margin-left: 3em;
}

.dpt {
  color: #0B2626;
  font-size: 1em;

  font-style: normal;
}

.dpt::marker {
  color:#8D5757;
}



.contact {
  font-size:16px;
    color:#8D5757;
}

.legende-titre {
    font-family:arial;
    font-size:14px;
}

.legende-carte {
    font-family:arial;
    font-size:11px;
    margin-bottom:20px;
}

.couleur-legende {
    font-size:10px;
    display: inline-block;
    width: 40px;
    height: 15px;
    border: 1px solid black;
    padding: 5px;
    margin: 5px;
    margin-right:25px;
}