@import url("_ficheblockelements.css");
@import url("_predefinedclasses.css");


/*****************************************
 * elements
 ****************************************/

body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    line-height: 1.5;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    color: #1f1945;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1 {
 margin-bottom: 35px;
 font-size: 1.9em;
 color: #c2130f;
}

h2 {
    font-size: 1.6em;
    margin-top: 40px;
    margin-bottom: 20px;
}

dd div {
    margin-bottom: 3px;
}

@media (min-width: 768px) {
    
    dd {
        margin-left: 30px;
    }
}

/**
 * Tout ce qui touche aux liens
 */
a,
a:visited {
    text-decoration: none;
    color: #c2130f;
}

a:hover {
text-decoration: underline;
    color: #ec2305;
}

/* XML des liens externes
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"><g transform="translate(-826.429 -698.791)"><rect width="5.982" height="5.982" x="826.929" y="702.309" fill="#fff" stroke="#c2130f"/><g><path d="M831.194 698.791h5.234v5.391l-1.571 1.545-1.31-1.31-2.725 2.725-2.689-2.689 2.808-2.808-1.311-1.311z" fill="#ec2305"/><path d="M835.424 699.795l.022 4.885-1.817-1.817-2.881 2.881-1.228-1.228 2.881-2.881-1.851-1.851z" fill="#fff"/></g></g></svg>
*/
a.fbe-s-ExternalLink, a.spip_out, a[rel="external"] {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODI2LjQyOSAtNjk4Ljc5MSkiPjxyZWN0IHdpZHRoPSI1Ljk4MiIgaGVpZ2h0PSI1Ljk4MiIgeD0iODI2LjkyOSIgeT0iNzAyLjMwOSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjYzIxMzBmIi8+PGc+PHBhdGggZD0iTTgzMS4xOTQgNjk4Ljc5MWg1LjIzNHY1LjM5MWwtMS41NzEgMS41NDUtMS4zMS0xLjMxLTIuNzI1IDIuNzI1LTIuNjg5LTIuNjg5IDIuODA4LTIuODA4LTEuMzExLTEuMzExeiIgZmlsbD0iI2VjMjMwNSIvPjxwYXRoIGQ9Ik04MzUuNDI0IDY5OS43OTVsLjAyMiA0Ljg4NS0xLjgxNy0xLjgxNy0yLjg4MSAyLjg4MS0xLjIyOC0xLjIyOCAyLjg4MS0yLjg4MS0xLjg1MS0xLjg1MXoiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 13px;
    color: #c2130f;
}


/*****************************************
 * .actualites-
 ****************************************/

.actualites-Bloc {
    font-size: 0.85em;
}

.actualites-Label {
 margin-right: 10px;   
}

.actualites-List {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.actualites-List li {
    margin-bottom: 9px;
    padding-left: 16px;
    text-indent: -17px;
}

.actualites-Mention_flm {
    background-repeat: no-repeat;
    background-image: url("../images/flm.png");
    min-height: 35px;
    padding-left: 45px;
    background-position: center left;
}

.actualites-Mention_coredem {
    background-repeat: no-repeat;
    background-image: url("../images/coredem-fr.png");
    min-height: 35px;
    padding-left: 45px;
    background-position: center left;
}

.actualites-Mention_tessa {
    background-repeat: no-repeat;
    background-image: url("../images/tessa.png");
    min-height: 35px;
    padding-left: 45px;
    background-position: center left;
}

.actualites-Sousparagraphe {
    margin-top: 10px;   
}

.actualites-Titre {
    margin-top: 20px;
    padding-top: 20px;
    background-repeat: repeat-x;
    background-image: url("../images/filet-separateur.png");
}

.actualites-Titre p {
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .actualites-RechercheForm {
        margin-top: 20px;
        padding-top: 20px;
        background-repeat: repeat-x;
        background-image: url("../images/filet-separateur.png");
    }
}


/*****************************************
 * .article-
 ****************************************/

.article-AvecSoustitre {
    margin-bottom: 10px;   
}

.article-LienParent {
    text-align: center;
    font-size: small;
}

.article-Soustitre {
    font-size: 1.2em;
    margin-bottom: 35px;
}


/*****************************************
 * .cellule-
 ****************************************/

.cellule-Description {
	font-size: 0.9em;
	max-width: 500px;
    clear: left;
}

.cellule-Liste {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
	list-style: none;
}

.cellule-Liste li {
	margin: 0;
    padding: 0;
}


.cellule-Realisateurs {
	margin-left: 110px;
}

.cellule-Titre  {
	margin-left: 110px;
}

.cellule-Titre a, .cellule-Titre a:visited {
	font-size: 1.1em;
}

.cellule-Titre a:hover {

}

.cellule-Vignette {
	float: left;
	margin-bottom: 4px;
	margin-right: 8px;
	width: 100px;
}


@media (max-width: 450px) {

	.cellule-Description, .cellule-Titre, .cellule-Realisateurs {
		margin-left: 0;
	}
	
	.cellule-Vignette {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

}

@media (max-width: 799px) {

	.cellule-Liste {
		 grid-template-columns: 1fr;
		 grid-row-gap: 40px;
	}

}


/*****************************************
 * .film-
 ****************************************/

.film-Affiche {
    margin-bottom: 35px;
}

.film-Credits {
    display: block;
    font-size: 0.8em;
    text-align: right;
}

.film-Diaporama {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

.film-InfoTech {
    background-color: #fff1f1;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.film-InfoTech p, .film-InfoTech dl {
    margin-top: 8px;
    margin-bottom: 8px;
}

a.film-Lien {
    text-decoration: underline;
    color: #1f1945;
    font-style: italic;
}

a.film-Lien:visited {
    color: gray;
}

a.film-Lien:hover {
    color: #ec2305;
}

.film-Organisme {
    font-style: italic;
    font-weight: normal!important;
    font-size: 1.0em;
}

.film-Puce {
    color: #c2130f;   
}

.film-Texte {
    margin-top: 25px;   
}

@media (max-width: 767px) {
    
    .film-Affiche {
        text-align: center;
    }
    
    .film-Credits {
        text-align: center;
    }
}



/*****************************************
 * .histoire-
 ****************************************/

@media (min-width: 768px) {
    .histoire-Intro {
        height: 214px;
        background-repeat: no-repeat;
        background-image: url("../images/histoire-intro.png");
        background-position: top center;
    }

    .histoire-Fil {
        background-repeat: repeat-y;
        background-image: url("../images/histoire-fil.png");
        background-position: top center;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 40px;
        margin-bottom: -40px;
    }

    .histoire-Entree {
        height: 66px;
        line-height: 1.1;
        font-size: 0.9rem;
    }

    .histoire-1 {
        text-align: right;
        padding-right: 32px;
    }

    .histoire-2 {
        padding-left: 135px;
    }

    .histoire-3 {
        text-align: right;
        padding-right: 48px;
    }

    .histoire-4 {
        padding-left: 145px;
    }

    .histoire-5 {
        text-align: right;
        padding-right: 170px;
    }

    .histoire-6 {
        padding-left: 80px;
    }

    .histoire-7 {
        text-align: right;
        padding-right: 200px;
    }

    .histoire-8 {
        padding-left: 0px;
    }

    .histoire-9 {
        text-align: right;
        padding-right: 205px;
    }

    .histoire-10 {
        position: relative;
        left: -15px;
        padding-left: 0px;
    }

    .histoire-11 {
        text-align: right;
        padding-right: 198px;
    }

    .histoire-12 {
        padding-left: 25px;
    }

    .histoire-13 {
        text-align: right;
        padding-right: 126px;
    }

    .histoire-14 {
        padding-left: 70px;
    }

    .histoire-15 {
        text-align: right;
        padding-right: 68px;
        margin-bottom: 4px;
    }

    .histoire-0 {
        padding-left: 120px;
        margin-bottom: 4px;
    }
}

@media (max-width: 991px) {
    
    .histoire-Fil {
        margin-bottom: 10px;
    }
}


/*****************************************
 * .inventaire-
 ****************************************/

.inventaire-Initiales {
    
}

.inventaire-Items {
    margin: 0;
    padding: 0;
    list-style: none;
    column-count: 2;
}

.inventaire-Items li {
    margin-bottom: 4px;
    break-inside: avoid;
}

.inventaire-Description {
    font-style: italic;
    font-size: 0.9em;
}


/*****************************************
 * .recherche-
 ****************************************/

.recherche-Input {
    border-style: solid;
    border-width: 4px;
    border-color: #1f1945;
    border-radius: 12px;
    display: inline-block;
    vertical-align: middle;
    padding: 4px;
    margin-right: 10px;
}

.recherche-Submit {
    width: 29px;
    height: 29px;
    border: none;
    background-image: url("../images/ok.png");
    display: inline-block;
    vertical-align: middle;
}

.recherche-scopesearch-Footer {
    margin-top: 10px;
    text-align: right;
}

.recherche-scopesearch-Form {
    border-style: solid;
    border-width: 4px;
    border-color: #1f1945;
    border-radius: 12px;
    display: inline-block;
    padding: 10px;
    margin-left: 40px;
}

.recherche-scopesearch-Grid {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 10px;
    row-gap: 10px;
}

.recherche-scopesearch-Grid > div {
    display: contents;
}

.recherche-scopesearch-Title {
    margin-top: 20px;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.recherche-scopesearch-Title:hover {
    cursor: pointer;
}


/*****************************************
 * .selection-
 ****************************************/

.selection-Liste {
    margin-top: 75px;
}

.selection-Date {
    font-size: 0.8rem;
    margin-bottom: 2px;
}

.selection-DateSoustitre {
	font-style: italic;
	margin-bottom: 30px;
}

.selection-Entree {
    margin-bottom: 20px;
}

.selection-Fil li {
    margin-bottom: 15px;
}

.selection-Soustitre {
    font-size: 0.9rem;
    margin-bottom: 5px;
}
    
.selection-Titre {
    margin-bottom: 2px;
}


@media (min-width: 768px) {
    .selection-Intro {
        height: 225px;
        background-repeat: no-repeat;
        background-image: url("../images/selection-intro.png");
        background-position: top center;
    }

    .selection-1 {
        padding-right: 85px;
    }

    .selection-0 {
        padding-left: 85px;
    }
    
     .selection-Fil {
        background-repeat: repeat-y;
        background-image: url("../images/selection-fil.png");
        background-position: top center;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 40px;
        margin-bottom: -40px;
    }
}

@media (max-width: 991px) {
    
    .selection-Fil {
        margin-bottom: 10px;
    }
}


/*****************************************
 * special-
 ****************************************/

.special-Decade {
    text-align: center;
    margin-top: 100px;
    margin-bottom: -40px;
}

.special-Decade img {
    display: block;
    margin: auto;
}

.special-Rendezvous {
    text-align: center;
    margin-top: 40px;
    margin-bottom: -40px;
}

.special-Rendezvous img {
    display: block;
    margin: auto;
}

.special-Voirettrouver {
    text-align: center;
    margin-top: 50px;
    margin-bottom: -40px;
}

.special-Voirettrouver img {
    display: block;
    margin: auto;
}

@media (max-width: 767px) {
    
    .special-Decade {
        display: none;
    }

    .special-Rendezvous {
        display: none;
    }

    .special-Voirettrouver {
        display: none;
    }
}

@media (min-width: 768px) {
    .special-Association {
        height: 138px;
        background-image: url("../images/pied-sm.png");
        margin-bottom: -40px;
        margin-top: 20px;
    }
}
@media (min-width: 992px) {
    .special-Association {
        height: 172px;
        background-image: url("../images/pied-md.png");
        
    }
}
@media (min-width: 1200px) {
    .special-Association {
        height: 207px;
        background-image: url("../images/pied-lg.png");
    }
}


/*************************
 * .bandeau-
 *************************/

.bandeau-Container {
    background-color: #fffbd8;
     padding: 5px 10px;
     text-align: center;
}


.bandeau-Container a, #header .bandeau-Container a:visited {
    color: #ad130f;
    
}

.bandeau-Container a:hover {
    text-decoration: underline;
    
}

@media screen and (max-width: 767px) {
    
    .bandeau-Container {
        
    }
}



/*****************************************
 * Surcharge spip
 ****************************************/

dl.spip_documents_center {
 clear: none;   
}

dl.spip_documents_center dt {
 text-align: center;   
}

h2.spip {
    color: #c2130f;
    font-size: 1.1em;
    text-align: center;
    margin-top: 2em; 
    margin-bottom: 1.4em;
    font-weight: bold;
}

ul.spip li {
    margin-bottom: 10px;
}

body a[hreflang]:after { content: ""; }


/*****************************************
 * Surcharge de fbe-
 ****************************************/

body .fbe-figure-Image {
    margin-right: 0;
    margin-left: 0;
}