/*!
Theme Name: litteraturesque v2.0
Theme URI: http://underscores.me/
Author: Michel Ravey
Author URI: https://michelravey.com/
Description: Littératuresque v2.0 - sept 2025
Version: 2.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: litteraturesque
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Littératuresque 2025
Avec les Jeux Sérieux sur la carte
*/

html, body { 
  width:100%; height:100%; margin:0; padding:0; z-index: 1; background: #fff; 
}
body {
  /* overflow: hidden; */
  height: 100vh;
  /*
  display: grid;
  place-items: center;
  */
  backgorund-color: #fff;
}
body.index { background: #f3f3f2; }

::-webkit-scrollbar { display:none; }
::selection {
  background-color: #fff;
  color: #6a4a9d;
}

div {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: solid 0px lightgrey;
}
.clear { clear:both; }

a { 
  text-decoration: none;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
a:link, a:visited { color:#e6007e; }
a:hover, a:active { color:#000; }

.menu-titre a { 
  text-decoration: none;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
.menu-titre a:link, .menu-titre a:visited { color:#000; }
.menu-titre a:hover, .menu-titre a:active { color:#6a4a9d; }


.menu-pied a { 
  text-decoration: none;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
.menu-pied a:link, .menu-pied a:visited { color:#000; }
.menu-pied a:hover, .menu-pied a:active { color:#6a4a9d; }


.menu-filtre-sousElement {
  color:#6a4a9d;
  transition:all 0.2s ease-in;
}
.menu-filtre-sousElement:hover {
  color:#ff2693;
}

.cartel-cluster .cartel-title a { 
  text-decoration: none;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
.cartel-cluster .cartel-title a:link, .cartel-cluster .cartel-title a:visited { color:#000; }
.cartel-cluster .cartel-title a:hover, .cartel-cluster .cartel-title a:active { color:#6a4a9d; }

#fiche-lieu-contenu a { 
  text-decoration: none;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
#fiche-lieu-contenu a:link, #fiche-lieu-contenu a:visited { color:#000; }
#fiche-lieu-contenu a:hover, #fiche-lieu-contenu a:active { color:#6a4a9d; }

.fiche-lieu-fonds a { 
  text-decoration: none;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
.fiche-lieu-fonds a:link, .fiche-lieu-fonds a:visited { color:#000; }
.fiche-lieu-fonds a:hover, .fiche-lieu-fonds a:active { color:#6a4a9d; }

/* 
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -

   LOGO SPLASH ANIMATION

- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - 
*/

#logo-container, #logo-container-bg, #logo-container-tagline {
  position: fixed;
  width: 100vw;height: 100vh;
  border: solid 0px tomato;
  /*
  display: grid;
  place-items: center;
  */
  left: 0vw;top: 0vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  
  z-index: 100000;
}
#logo-container-bg { 
  background-color: #f3f3f2;
  z-index: 99000;
}

svg {
  width: 80vw;
  height: auto;
  left: 5vw;
}
line,
path {
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.fg-s {  }
.fg-q {  }
.fg-u {  }
.fg-e {  }

svg.motion-bg line,
svg.motion-bg path {
  stroke-width: 1px;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  stroke : #f3f3f2;
}

svg.motion-tagline line,
svg.motion-tagline path {
  stroke-width: 0.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: #00c089;
  stroke : #f3f3f2;
}
.motion-tagline { opacity:0; }

#temoin {
  position: fixed;width: 15px;height: 15px;
  bottom: 1.5rem;right: 1.5rem;
  color: #fff;
  font-size: 30px;
  display: none;
}

#index-clickOrScroll {
  position: fixed;
  z-index: 102000;
  width: 100vw;height: 100vh;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 10vh;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  color: #EB5C9C;
}






/* 
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -

   INDEX UI/UX

- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - 
*/

#logo {
  position: fixed;
  top: 30px;left: 30px;
  z-index: 55000;
  width: 300px;height: 100px;
  background-image: url(imgs/logo-litteraturesque.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
  cursor: pointer;
}

#bouton_parcours {
  position:fixed;
  right:150px;top:10px;
  width:180px;height:100px;
  background-image: url(imgs/bouton_parcours.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  z-index:50000;
  cursor: pointer;
}
#bouton_parcours_cache {
  position:fixed;
  right:150px;top:10px;
  width:180px;height:100px;
  background-color: #fff;
  opacity: 0.7;
  display: none;
  z-index:51000;

}
#bouton_parcours_tout_afficher {
  position:fixed;
  left:30px;bottom:50px;
  width:150px;height:15px;
  font-family: 'MuseoModerno-Bold';
  text-transform: uppercase;
  text-align:left;
  font-size: 13px;
  color: #ff2693;
  transition:all 0.2s ease-in;
  z-index:39000;
  cursor: pointer;
  display:none;
}
#bouton_parcours_tout_afficher:hover { color:#6a4a9d; }

#bouton_parcours_tout_afficher img { width:20px;padding-right:8px; }
#menu-hamburger {
  position:fixed;
  right:15px;top:10px;
  width:100px;height:100px;
  background:transparent;
  z-index:50000;
}
#menu-hamburger-cache {
  position:fixed;
  right:15px;top:10px;
  width:100px;height:100px;
  background:#fff;
  opacity: 0.7;
  display: none;
  z-index:51000;
}

#menu-entete {
  position: fixed;
  top: 0;left: 0;
  width: 100vw;
  height: 120px;
  background-color: #fff;
  z-index: 45000;
  box-shadow: 0px 20px 20px #fff;
  display: none;
  border-bottom:  solid 1px #d5c833;
}
#menu {
  position: fixed;
  top: 0;left: 0;width: 100vw;height: 100vh;
  background-color: #fff;
  display: none;
  z-index: 40000;
  overflow-y: auto;
}
#menu-contenu {
  position: relative;margin-top: 75px;
  padding: 50px 0;

}
.menu-col {
  position: relative;float:left;
  width: 50%;padding: 50px 15px 50px 30px;
}
.menu-titre {
  position: relative;margin-bottom: 30px;
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  color: black;
}


#menu-titre-fonds { padding-left:15px; }

.menu-filtrer, .menu-rechercher {
  position: relative;margin-bottom: 10px;
  padding-left: 50px;
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  color: #ff2693;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;

}
.menu-filtrer { background-image: url(imgs/icon_filtrer.svg); }
.menu-rechercher { 
  margin-top:50px;
  background-image:url(imgs/icon_rechercher.svg); 
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
.menu-rechercher:hover {
  color: #6a4a9d;
  cursor: pointer;
}

.menu-filtrer-desc, .menu-rechercher-desc {
  position: relative;margin-left: 50px;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #6a4a9d;
}
.menu-exergue {
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.menu-filtre {
  position: relative;
  margin-top: 30px;
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  color: black;
  padding-left: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 20px center;
  background-image: url(imgs/menu-plus-off.svg);
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  cursor: pointer;
}

.menu-filtre-sousElements {
  position: relative;
  padding: 10px 0px 0px 50px;
  font-family: parisplus-std, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.8em;
  display: none;
}
.term_description {
  font-family: parisine-plus-std-gris, sans-serif;
	font-weight: 400;
	font-style: normal;
  font-size:11px;
}
#menu-archives {
  cursor: pointer;

}
#menu-archives-more {
  position: absolute;
  width: 40px;height: 30px;
  left: -50px;top: 13px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(imgs/menu-plus-off.svg);
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
#menu-archives-more:hover {
  color: #6a4a9d;
  background-image: url(imgs/menu-plus-on.svg);
  cursor: pointer;
}
.menu-pied {
  position: relative;margin-bottom: 30px;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  color: black;
}
.menu-pied-exergue { color:#d5c833; }


.menu-pied-logo { display:inline-block;margin-right:30px; }
#logo-min { width: 120px; }
#logo-interbibly { width: 180px; }


#menu_parcours {
  position: fixed;
  top: 0;left: 0;width: 100vw;height: 100vh;
  background-color: #fff;
  display: none;
  z-index: 40000;
  overflow-y: auto;
}
#menu_parcours-contenu {
  position: relative;margin: 75px auto 0 auto;width: calc(100% - 100px);
  padding: 50px 0;
}
.menu-parcours,  .menu-parcours-unit {
  position: relative;
  float: left;
  width: 25%;
  cursor: pointer;
  padding: 30px;
  font-family: parisine-plus-std-gris, sans-serif;
  /* font-family: parisplus-std, sans-serif; */
	font-weight: 400;
	font-style: normal;
  font-size:16px;
  line-height:1.4em;
  color:#fff;
  transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
}
.menu-parcours img { width:100%; }





/* 
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -

   LEAFLET MAP

- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - 
*/
#slider { position: absolute; top: 10px; right: 10px; z-index: 5;display:none; }

#map { 
  width:100%; height:100%; 
  margin:0; padding:0; 
  z-index: 10000; 
  background: #f3f3f2; 
  position:relative;
  width:100%;margin:0 auto;
  opacity: 0;
}

/* * * * * * * * * * * * 

CUSTOM

* * * * * * * * * * * */      

#slider{ position: absolute; top: 10px; right: 10px; z-index: 5;display:none; }
.leaflet-control-container { display:none; }


.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip-own {
  position: absolute;
  padding: 4px;
  background-color: rgba(0, 0, 0, 0.4);
  border: 0px solid #000;
  color: #000;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}

/* SVG POLYGON OVERLAY */
/* .leaflet-overlay-pane  */
svg.leaflet-image-layer { 
  width:100%; height:100%; 
  margin:0; padding:0; 
  z-index: 10000; 
  background: transparent; 
  position:relative;
  width:100%;margin:0 auto;
  opacity: 0;
}

.polygon {
  width:100%; height:100%; 
  margin:0; padding:0; 
  z-index: 10000; 
  background: red; 
  position:relative;
  width:100%;margin:0 auto;
  stroke:#d5c833;stroke-width:3;
}


/*
.leaflet-popup, .cartelArbre { 
transition:all 1s ease-in;-webkit-transition:all 1s ease-in;-moz-transition:all 1s ease-in; 
}
.leaflet-popup-content-wrapper { width:100%;box-shadow: none;background:transparent;text-align:center; }
.leaflet-popup-content { margin:0;width:100%; }
.leaflet-popup-close-button { display:none; }

*/

/* - - - - - - - - -
// cacher la flèche / la pointe blanche du tooltip
- - - - - - - - - 
.leaflet-tooltip {
padding:0;display:none;
}
.leaflet-popup-tip-container { display:none; }
.leaflet-tooltip-left:before { display:none; }
*/



/* * * * * * * * * * * * 

EPINGLES & CARTELS

* * * * * * * * * * * */      
.first_pin {
  width:40px;height:40px;
  margin-left:-20px;margin-top:-20px;
  background-image:url(imgs/epingle-litt-violet-4.png);
  background-size:contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition:all 0.25s ease-in;
  -webkit-transition:all 0.25s ease-in;
  -moz-transition:all 0.25s ease-in;
  z-index: 1000000;
}
.first_pin:hover {
  background-image:url(imgs/epingle-litt-rose-4.png);
}

.epingle_lieu {
  width:150px;height:150px;
  margin-left:-75px;margin-top:-75px;
  border: solid 1px tomato;
  transition:all 0.4s ease-in;
  -webkit-transition:all 0.4s ease-in;
  -moz-transition:all 0.4s ease-in;
  background-image:url(imgs/epingle-litt-violet-4.png);
  background-size:contain;
  background-position: center center;
  background-repeat: no-repeat;
}


.maison_rimbaud { border: solid 0px tomato;background-image:url(imgs/lieu_maison_rimbaud.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.musee_rimbaud { border: solid 0px tomato;background-image:url(imgs/lieu_musee_rimbaud.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.maison_dhotel { border: solid 0px tomato;background-image:url(imgs/lieu_maison_dhotel.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.musee_verlaine { border: solid 0px tomato;background-image:url(imgs/lieu_musee_verlaine.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.biblio_clairvaux { border: solid 0px tomato;background-image:url(imgs/lieu_biblio_clairvaux.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.boisserie { border: solid 0px tomato;background-image:url(imgs/lieu_boisserie.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.cirey { border: solid 0px tomato;background-image:url(imgs/lieu_cirey.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.maison_lumieres { border: solid 0px tomato;background-image:url(imgs/lieu_maison_lumieres.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.maison_verlaine { border: solid 0px tomato;background-image:url(imgs/lieu_maison_verlaine.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.musee_erckmann { border: solid 0px tomato;background-image:url(imgs/lieu_musee_erckmann.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.musee_saverne { border: solid 0px tomato;background-image:url(imgs/lieu_musee_saverne.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.memorial_goethe { border: solid 0px tomato;background-image:url(imgs/lieu_memorial_goethe.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.maison_barres { border: solid 0px tomato;background-image:url(imgs/lieu_maison_barres.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.musee_noel { border: solid 0px tomato;background-image:url(imgs/lieu_musee_noel.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.biblio_humaniste { border: solid 0px tomato;background-image:url(imgs/lieu_biblio_humaniste.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.maison_hansi { border: solid 0px tomato;background-image:url(imgs/lieu_maison_hansi.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.theatre_peuple { border: solid 0px tomato;background-image:url(imgs/lieu_theatre_peuple.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.maison_schweitzer { border: solid 0px tomato;background-image:url(imgs/lieu_maison_schweitzer.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.biblio_dominicains { border: solid 0px tomato;background-image:url(imgs/lieu_biblio_dominicains.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }
.theatre_alsacien { border: solid 0px tomato;background-image:url(imgs/lieu_theatre_alsacien.png);background-size:contain;background-position: center center;background-repeat: no-repeat; }

.jeu_gidouille { 
  border: solid 0px tomato;background-image:url(imgs/epingle-gidouille-off.svg);background-size:contain;background-position: center center;background-repeat: no-repeat; 
  width:30px;height:30px;
  margin-left:-15px;margin-top:-15px;
}
.jeu_gidouille:hover { background-image:url(imgs/epingle-gidouille-on.svg); }

.jeu_duos { 
  border: solid 0px tomato;background-image:url(imgs/epingle-duos-off.svg);background-size:contain;background-position: center center;background-repeat: no-repeat; 
  width:45px;height:30px;
  margin-left:-22px;margin-top:-15px;
}
.jeu_duos:hover { background-image:url(imgs/epingle-duos-on.svg); }

.jeu_poesie { 
  border: solid 0px tomato;background-image:url(imgs/epingle-poesie-off.svg);background-size:contain;background-position: center center;background-repeat: no-repeat; 
  width:30px;height:30px;
  margin-left:-15px;margin-top:-15px;
}
.jeu_poesie:hover { background-image:url(imgs/epingle-poesie-on.svg); }

.infobulle {
  position:absolute;top:-20px;
  text-align:center;
  font-family: 'InriaSans-Bold';font-size:14px;
}

.epingleAdresse {
width:40px;height:40px;
margin-left:-20px;margin-top:-20px;
background-image:url(imgs/epingle-litt-violet-4.png);
background-size:contain;
background-position: center center;
background-repeat: no-repeat;
/* transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in; */
opacity:1;
}
.epingleAdresse:hover {
background-image:url(imgs/epingle-litt-rose-4.png);
opacity:1;
}
.epingleAdresseInactif {
width:40px;height:40px;
margin-left:-20px;margin-top:-20px;
background-image:url(imgs/epingle-litt-violet-4.png);
background-size:contain;
background-position: center center;
background-repeat: no-repeat;
transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;
opacity:1;
}
.epingleAdresseInactif:hover {
background-image:url(imgs/epingle-litt-rose-4.png);
opacity:1;
}
.epingleCluster {
  width:60px;height:60px;
  margin-left:-30px;margin-top:-30px;
  /* background-image:url(imgs/epingle-litt-or.png); */
  background-image:url(imgs/epingle-litt-violet-cluster-2.png);
  
  background-size:contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;

  text-align: center;
  padding-top: 11px;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #6a4a9d;
  font-size: 13px;
  z-index: 2000000;
}
.epingleCluster:hover {
  background-image:url(imgs/epingle-litt-or-cluster-2.png);
  opacity:1;
  color: #000;
  z-index: 3000000;
}
/*.epingleCluster:before {
  content: "18 ";
}*/


.addressPopup {
  position:absolute;margin-left:-125px;top:-20px;
}
.addressPopup2 {
  position:absolute;margin-left:-125px;top:-20px;border:solid 8px red;
}



.cartel-arbre {
position:absolute;
width:280px;height:fit-content;
margin-left:-120px;margin-top:15px;
box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
border:solid 3px #ff2693;
border-radius:7px;
display:flex;flex-direction:column;justify-content: center;align-items:center;
transition:border 0.2s ease-in;
-webkit-transition:border 0.2s ease-in;
-moz-transition:border 0.2s ease-in;
}
.cartel-arbre:hover {
  border:solid 3px #6a4a9d;
}
.cartel-lieu {
  position:absolute;
  width:240px;height:fit-content;
  margin-left:-120px;margin-top:15px;
  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
  border:solid 3px #6a4a9d;
  border-radius:7px;
  display:flex;flex-direction:column;justify-content: center;align-items:center;
  transition:border 0.2s ease-in;
  -webkit-transition:border 0.2s ease-in;
  -moz-transition:border 0.2s ease-in;
  }
  .cartel-lieu:hover {
    border:solid 3px #ff2693;
  }

.cartel-foret-fond {
position:absolute;width:100%;height:100%;
background-color:#fff;
border-radius:7px;
opacity:0.95;
z-index:100;
}
.cartel-arbre .cartel-infos {
/*
border-top: solid 2px #ced7dc;
border-bottom: solid 2px #ced7dc;
*/
width:fit-content;
padding:30px 20px; 
z-index:200;
text-align:center;
}
.cartel-lieu .cartel-infos-lieu {
  width:fit-content;
  padding:20px 20px 15px 20px;
  z-index:200;
  text-align:center;
  }
.cartel-arbre .cartel-title
 {
font-family: parisplus-sombre, sans-serif;
font-weight: 400;
font-style: normal;
font-size:22px;
text-transform: uppercase;
color:#000;
padding-bottom:30px;line-height:1.4em;
}
.cartel-arbre .cartel-subtitle, 
.cartel-lieu .cartel-subtitle {
  font-family: parisplus-std, sans-serif;
	font-weight: 700;
	font-style: normal;
  font-size: 14px;
  color: #000;line-height:1.2em;
  padding-bottom:7px;
}
.cartel-lieu .cartel-subtitle img { width:100%; }
.cartel-arbre .cartel-adresse, 
.cartel-lieu .cartel-adresse,
.cartel-cluster .cartel-adresse
 {
  font-family: parisine-plus-std-gris, sans-serif;
	font-weight: 400;
	font-style: normal; 
  font-size:13px;
  color: #5FBA97;line-height:1.4em;
}

.carto-nom {
font-family: 'Graphit-Medium';
font-size:20px;
}
.carto-lien { 
color:#e6007e;
transition : all 0.2s ease-in;
-moz-transition : all 0.2s ease-in;
-webkit-transition : all 0.2s ease-in;
}
.carto-lien:hover { color:#000; }



.cartel-cluster {
  position:absolute;
  /* width:460px;margin-left:-210px; */
  width:360px;margin-left:-150px;
  /* width:280px;margin-left:-120px; */
  height:fit-content;max-height: 450px;
  margin-top:15px;
  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
  border:solid 3px #ff2693;
  border-radius:7px;
  display:flex;flex-direction:column;justify-content: center;align-items:center;
  transition:border 0.2s ease-in;
  -webkit-transition:border 0.2s ease-in;
  -moz-transition:border 0.2s ease-in;

}
.cartel-cluster:hover {
  border:solid 3px #6a4a9d;
}
.cartel-cluster .cartel-infos {
  width:100%;
  padding:30px; 
  z-index:200;
  text-align:center;
  overflow-y: auto;
}

.cartel-picto {
  position: relative;float: left;
  width: 100px;height: 100px;
  margin-top: -30px;margin-left: -30px;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}
.cartel-cluster .cartel-title
 {
font-family: parisplus-sombre, sans-serif;
font-weight: 400;
font-style: normal;
font-size:18px;
text-transform: uppercase;
color:#000;
line-height:1.4em;
}

.cartel-cluster .cartel-subtitle {
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #000;line-height:1.2em;
  padding-bottom: 7px;
}
.cartel-cluster .cartel-adresse
 {
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal; 
  font-size:13px;
  color: #5FBA97;line-height:1.4em;
  padding-bottom:22px;
  border-bottom: dotted 1px #d5c833;
  margin-bottom: 22px;
}
.cartel-cluster img { width:80px; }



/* 
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -

   PARCOURS TRANSITION
   animation déclenchée après avoir choisi un parcours
   et cliqué sur un fonds

- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - 
*/


#parcours-volet {
	position: fixed;
	width: 100vw;height: 100vh;
	top: 0;left: 100%;
	background-color: #bab14d;
	z-index: 101000;
	opacity: 0;
}
#parcours-volet-2 {
	position: fixed;
	width: 100vw;height: 100vh;
	top: 0;left: 100%;
	background-color:#d5c833;
	z-index: 109000;
}
#parcours-volet-3 {
	position: fixed;
	width: 100vw;height: 100vh;
	top: 0;left: 100%;
	background-color: #fff;
	z-index: 112000;
}
#parcours-icone {
	position: fixed;
	width: 100vw;height: 100vh;
	top: 0;left: 112%;
	z-index: 110000;
	display: flex;
	justify-content: center;
	align-items: center;
	/*
	background-image: url(imgs/parcours-dialectes-off.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60%;
	*/
	opacity: 0;

}
#parcours-icone img {
	max-width: 60%;max-height: 60%;
}
.parcours-img {
	position: fixed;
	z-index: 105000;
	mix-blend-mode:  multiply;
	-webkit-mix-blend-mode:  multiply;
	-moz-mix-blend-mode:  multiply;
  display:none;
	
}
.parcours-img img { 
	width:100%; 
}



/* 
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -

   FICHE

- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - 
*/

#hauteurScroll {
  position: fixed;
  z-index: 100000;
  bottom: 1.5rem;left: 1.5rem;
  width: 180px;heihght: 60px;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  color: #d5c833;
  display: none;
}

#fiche-nav-cache {
  position: fixed;
  top: 0;left: 0;
  width: 100vw;
  height: 120px;
  background-color: #fff;
  z-index: 45000;
  /* box-shadow: 0px 20px 20px #fff; */
  /*border-bottom: solid 1px #d5c833;*/
}

.fiche-parcours-frise {
  position: relative;
  margin-top: 75px;
  width: 100%;height: 200px;
  background-color: #fff;
}
.fiche-parcours-ligne {
  position: absolute;
  top: 50%;
  width: 100%;height: 2px;
  background-color: #d5c833;
}
.fiche-parcours-icone {
  position: absolute;
  left: 50px;top: 0;width: 200px;height: 200px;
  /* background-image: url(imgs/parcours-celebrites-off.png); */
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.fiche-parcours-etapes {
  position: absolute;
  width:  calc(100% - 500px);
  left: 250px;
  top: 89px;
  height: 22px;
  
  display: flex;
  justify-content: space-around;
  align-items:  center;
}
.fiche-parcours-etape {
  width: 16px;height: 16px;
  cursor: pointer;
  
  background-image: url(imgs/frise-etape.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.fiche-parcours-etape:hover {
  background-image: url(imgs/frise-etape-on.svg);
}
.fiche-parcours-etape-current {
  width: 22px;height: 22px;
  cursor: pointer;
  
  background-image: url(imgs/frise-etape-current.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  
}
.fiche-parcours-nav {
  position: absolute;
  right: 50px;top: 76px;width: 200px;height: 50px;
  background-color: #fff;
  display: flex;justify-content: center;align-items: center;
  padding: 0 0;
}
.fiche-parcours-prev, .fiche-parcours-next {
  position:absolute;
  top: calc(50% - 10px);
  width: 25px;height: 20px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.fiche-parcours-prev {
  background-image: url(imgs/frise-prev.svg);
  left: 0;
}
.fiche-parcours-next {
  right: 0;
  background-image: url(imgs/frise-next.svg);
}
.fiche-parcours-suivre {
  font-family: 'MuseoModerno-Bold';
  text-transform: uppercase;
  font-size: 13px;
  color: #ff2693;
  line-height: 1.3em;
}
.fiche-parcours-survol {
  position: absolute;
  top: 128px;left: 260px;
  /*
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: italic;
  */
  font-family: parisplus-std, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 18px;
}
.fiche-parcours-survol div { display:none; }

#fiche-entete {
  position: relative;
  width: 100%;height: 404px;
  background-color: #fff;
  margin: 0 0 15px 0;
  border:solid 0px orange;
}
#fiche-entete-portrait {
  position: absolute;
  width: 640px;height:404px;
  /* margin-left: 75px; */
  border: solid 0px tomato;
  /* background-image: url(imgs/Gabarit-portrait-Femme.png); */
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
}

/* PORTRAIT RESPONSIVE */
#fiche-prenom, #fiche-nom, #fiche-dates { 
  border:solid 0px lightgrey; 
  width:100%;
}
.prenom-femme {
  position: absolute;
  /* left: -32%; */
  top: 245px;
  margin-left:-15%;
  
  text-align:center;
  font-family: "alkaline", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 66px;
  color: #ff2693;
}
.nom-femme {
  position: absolute;
  /*left: 0%; */
  top: 298px;
  
  text-align: center;
  font-family: 'Anton-Regular';
  font-size: 64px;
  text-transform: uppercase;
  color: #00c089;
}
.dates_vie-femme {
  position: absolute;
  /*left: 354px;*/
  margin-left:11.71%;
  text-align:center;
  top: 250px;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  color: #ff2693;
}
.prenom-homme {
  position: absolute;
   /* left: -32%; */
   top: 245px;
   margin-left:-15%;
  text-align:center;
  font-family: "alkaline", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 66px;
  color: #00c089;
}
.prenom_petit {
  font-size: 54px;
}

.nom-homme {
  position: absolute;
  /*left: 0%; */
  top: 298px;
  text-align: center;
  font-family: 'Anton-Regular';
  font-size: 64px;
  text-transform: uppercase;
  color: #d5c833;
}

.dates_vie-homme {
  position: absolute;
  /*left: 354px;*/
  top:223px;
  margin-left:12.1%;
  text-align: center;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  color: #ff2693;
}

#fiche-entete-titre {
  position: absolute;
  width: calc(60% - 75px);
  margin-left: 40%;
  padding: 40px 0px 0 75px;
  border: solid 0px red;
  line-height: 3.5em;
}
.fiche-entete-titre {
  position: relative;margin-bottom: 10px;
  /*
  font-family: parisine-plus-std-gris, sans-serif;
  font-family: parisplus-std, sans-serif;
  */
  font-family: parisplus-sombre, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
}
.fiche-entete-soustitre {
  position: relative;
  font-family: "capitolium-2", serif;
  font-weight: 400;
  font-style: italic;
  font-size: 36px;
  line-height:1.3em;
  color: #ff2693;
}

#fiche-sommaire {
  position: relative;width: 100%;
  border-bottom: solid 1px #d5c833;
  background-color: #fff;
}
#fiche-sommaire-contenu {
  position: relative;
  /* top: 628px; */
  width: fit-content;height: 50px;
  margin: 0 auto;
  display: flex;justify-content: space-between;
  align-items: center;
  
}
#fiche-sommaire-contenu div { 
  margin:0 15px; 
  
}
.fiche-sommaire-element {
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  text-transform: uppercase;
  color: #6a4a9d;
  padding-bottom: 5px;
  border-bottom:  solid 2px #fff;
}
.fiche-sommaire-element:hover {
  color: #ff2693;
  cursor: pointer;
}
.fiche-sommaire {
  font-family: "capitolium-news-2", serif;
  font-weight: 600;
  font-style: italic;
  font-size: 15px;
  text-transform: lowercase;
  padding-bottom: 9px;
  cursor: pointer;
}

/* #fiche-sommaire-auteur { border-bottom:  solid 2px #ff2693; } */
.fiche-labeur {
 /*  width: 720px; */
  width:100%;
  font-family: parisplus-std, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  line-height: 1.5em;
  text-align: justify;
  text-justify: inter-word;
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -moz-column-fill: balance;
       column-fill: balance;
      column-gap: 100px;

  /* Handle long URL line breaks */
  /* 
  https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
  */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
.fiche-labeur2 {
  width: 720px;
  font-family: parisplus-std, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  line-height: 1.5em;
  text-align: justify;
  text-justify: inter-word;
  -webkit-columns: 1;
     -moz-columns: 1;
          columns: 1;
  -moz-column-fill: balance;
       column-fill: balance;
      column-gap: 0px;

  /* Handle long URL line breaks */
  /* 
  https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
  */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
.fiche-labeur p {
  margin-top:0;margin-block-start:0
}
.fiche-separateur {
  position: absolute;
  width: 1px;height: 100%;
  left: 50%;
}

.fiche-choix-corps {
  position:absolute;
  z-index:1000;
  border:solid 0px red;
  top:-150px;right:50px;
  width:110px;height:100px;
}
.fiche-choix-corps-titre {
  font-family: parisine-plus-std-gris, sans-serif;
	font-weight: 400;
	font-style: normal;
  font-size:13px;
  text-transform: uppercase;
  color:#ccc;
}
.fiche-choix-corps-buttons {
  position:relative;
 font-family: "capitolium-news-2", serif;
	font-weight: 600;
	font-style: italic;
  font-size:32px;
  padding-right:10px;
  border:solid 0px black;
  display:flex;
  justify-content: space-between;
  align-items:center;
}
.fiche-choix-corps-buttons div {
  border:solid 0px blue;
}
.fiche-choix-corps-buttons a {
  text-decoration:none;
  transition:all 0.1s ease-in;
  -moz-transition:all 0.1s ease-in;
  -webkit-transition:all 0.1s ease-in;

}
.fiche-choix-corps-buttons a:link, .fiche-choix-corps-buttons a:visited { color:#aaa; }
.fiche-choix-corps-buttons a:active, .fiche-choix-corps-buttons a:hover { color:#6a4a9d; }


/* - - - - -  

AUTEUR 

- - - - - */

#fiche-auteur {
  position: relative;
  width: 100%;
  border-top: solid 1px #d5c833;
  border-bottom: solid 2px #ff2693;
  padding: 50px 50px 75px 50px;
}
#fiche-auteur-fond {
  position: absolute;
  top: 0;left: 0;
  width: 100%;height: 100%;
  background-image: url(imgs/fiche-auteur-fond.jpg);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.2;
  z-index: 100;
}
#fiche-auteur-titre {
  position: relative;
  width: fit-content;height: fit-content;
  padding: 50px;margin-bottom: 40px;
  color: #fff;
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  z-index: 200;
  background-image: url(imgs/fiche-auteur-titre.svg);
  background-position: 10px 7px;
  background-repeat: no-repeat;
  background-size: contain;
  background-overflow: visible;
}

#fiche-auteur-contenu {
  position: relative;
  padding:  0 50px;
  z-index: 300;
}

#fiche-auteur-biblio {
  position: relative;
  padding:  0px 50px;
  z-index: 300;
}

#fiche-auteur-separateur {
  background-color: #ff2693;
}
#fiche-auteur-chapitre {
  position: relative;
  padding: 50px 0 30px 50px;
  font-family: 'MuseoModerno-Bold';
  font-size: 30px;
  text-align: left;
  text-justify: none;
  line-height: 1.1em;
  color: #ff2693;  
}

/* - - - - -  

FONDS 

- - - - - */


#fiche-fonds {
  position: relative;
  width: 100%;
  border-bottom: solid 2px #d5c833;
  padding: 50px 50px 75px 50px;
}
#fiche-fonds-fond {
  position: absolute;
  top: 0;left: 0;
  width: 100%;height: 100%;
  background-image: url(imgs/fiche-fonds-fond.jpg);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.2;
  z-index: 100;
}
#fiche-fonds-titre {
  position: relative;
  width: fit-content;height: fit-content;
  padding: 50px;margin-bottom: 40px;
  color: #fff;
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  z-index: 200;
  background-image: url(imgs/fiche-fonds-titre.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-overflow: visible;
}

#fiche-fonds-contenu {
  position: relative;
  padding:  0 50px;
  z-index: 300;
}
#fiche-fonds-separateur {
  background-color: #d5c833;
}

/* - - - - -  

LIEU

- - - - - */
#fiche-lieu {
  position: relative;
  width: 100%;
  border-bottom: solid 2px #00c089;
  padding: 50px 50px 75px 50px;
  background-color: #fff;
}
#fiche-lieu-fond1 {
  position: absolute;
  top: 0;left: 0;
  width: 100%;height: 100%;
  background-image: url(imgs/fiche-lieu-fond1.png);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  opacity: 8;
  z-index: 100;
  mix-blend-mode:multiply;
}
#fiche-lieu-fond2 {
  position: absolute;
  top: 0;left: 0;
  width: 100%;height: 100%;
  background-image: url(imgs/fiche-lieu-fond2.png);
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  opacity: 8;
  z-index: 100;
  mix-blend-mode:multiply;
}
#fiche-lieu-titre {
  position: relative;
  width: fit-content;height: fit-content;
  padding: 50px;margin-bottom: 40px;
  color: #fff;
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  z-index: 200;
  background-image: url(imgs/fiche-lieu-titre.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-overflow: visible;
}

#fiche-lieu-contenu {
  position: relative;
  padding:  0 50px;
  z-index: 200;
  width: 50%;
  float: left;
}

.fiche-lieu {
  position: relative;
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 27px;
  line-height: 1.3em;
}

.fiche-lieu-adresse {
  font-family: parisine-plus-std-gris, sans-serif;
	font-weight: 400;
	font-style: normal;
  font-size:16px;
  color:#000;
}
.fiche-lieu-2 {
  font-family: parisplus-std, sans-serif;
  font-size:16px;
  color:#ff2693;
}
.fiche-lieu-adresse-2 {
  font-family: parisine-plus-std-gris, sans-serif;
  font-size:14px;
  color:#999;
}
.fiche-lieu-chapitre {
  position: relative;
  padding: 50px 0 30px 0;
  font-family: 'MuseoModerno-Bold';
  font-size: 30px;
  text-align: left;
  text-justify: none;
  line-height: 1.1em;
  color: #00c089;  
}
.fiche-lieu-liens-externes {
  font-family: parisine-plus-std-gris, sans-serif;
	font-weight: 700;
	font-style: normal;
  font-size:16px;
  color:#6a4a9d;
}
.fiche-lieu-url {
  font-family: parisine-plus-std-gris, sans-serif;
	font-weight: 700;
	font-style: normal;
  font-size:16px;
}

.fiche-lieu-fonds {
  position: relative;
  padding-left: 14px;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height:  1.7em;
  font-size: 18px;
  background-image: url(imgs/dot-violet.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 6px 6px;
}

#fiche-lieu-picto {
  position: relative;
  padding:  0 50px;
  margin-top:-150px;
  z-index: 300;
  width: 50%;
  float: left;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}
#fiche-lieu-picto-resp {
  position: relative;
  z-index: 300;
  padding:0 30px 0 0;
  width: 350px;height:350px;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  display:none;
}

#fiche-lieu-visiter {
  position: relative;
  padding:  0 50px;
  z-index: 500;
  width: 100%;
}
#fiche-lieu-visiter-slider {
  width:calc(100% + 100px);
}
/*#fiche-lieu-visiter-slider div {
  max-width:275px;max-height:275px;
}*/
#fiche-lieu-visiter-slider img {
  width:100%;
}

/* OWL for Sightseeing */

#owl {
  position: relative;
  width: 100%;
  height: 325px;
  border: solid 0px orange;
  overflow: hidden;
}
/* img { max-width:100%;max-height:100%; } */

#owl .owl-carousel .item {
    height: 275px;
    
    padding-right: 50px;
    display:flex;
    align-items:center;
}
@media screen and (min-width: 761px) and (max-width: 1024px) {
  #owl .owl-carousel .item {
      height: 275px;
    }
}
.item img { max-height:275px;max-width:275px;width:auto; }
#customNavPrev {
  position: absolute;
  /* left: 15px;top: 40%; */
  left:0;bottom:0;
  width: 28px;height: 40px;
  background-image: url(imgs/flecheGauche-violet.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  cursor: pointer;
  z-index: 10000;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  opacity: 1;
}
#customNavNext {
  position: absolute;
  /* left: 15px;top: 40%; */
  left:65px;bottom:0;
  width: 28px;height: 40px;
  background-image: url(imgs/flecheDroite-violet.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  cursor: pointer;
  z-index: 10000;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  opacity: 1;
}
#customNavPrev:hover, #customNavNext:hover { opacity:1; }
#customNavPrev:hover { 
  background-image: url(imgs/flecheGauche-rose.svg);
}
#customNavNext:hover { 
  background-image: url(imgs/flecheDroite-rose.svg);
}
.owl-prev { left: 0;top:40%;font-size:2vw; }
.owl-next { right: 0;top:40%;font-size:2vw; }
.owl-dots { margin-top:25px; }
.owl-nav .disabled {
  display: none;
}

/* - - - - -  

FONDS 

- - - - - */


#fiche-infos {
  position: relative;
  width: 100%;
  border-bottom: solid 2px #000;
  padding: 50px 50px 75px 50px;
}
#fiche-infos-fond {
  position: absolute;
  top: 0;left: 0;
  width: 100%;height: 100%;
  background-image: url(imgs/fiche-infos-fond.jpg);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.2;
  z-index: 100;
}
#fiche-infos-titre {
  position: relative;
  width: fit-content;height: fit-content;
  padding: 50px;margin-bottom: 40px;
  color: #fff;
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  z-index: 200;
  background-image: url(imgs/fiche-infos-titre.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-overflow: visible;
}

#fiche-infos-contenu {
  position: relative;
  padding:  0 50px;
  z-index: 200;
}
#fiche-infos-separateur {
  background-color: #000;
}
.fiche-infos-chapitre {
  position: relative;
  padding: 50px 0 30px 0;
  font-family: 'MuseoModerno-Bold';
  font-size: 30px;
  line-height: 1.1em;
  text-align: left;
  text-justify: none;
  color: #000;  
}
.fiche-infos-exergue {
  font-family: parisplus-std, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.fiche-infos-chapitre:nth-child(2) { padding:0px 0 30px 0; }

#fiche-infos-biblio {
  padding: 0px 0 30px 0;
}

/* - - - - -  

GALERIE

- - - - - */
#fiche-galerie {
  position: relative;
  width: 100%;
  border-bottom: solid 2px #6a4a9d;
  padding: 50px 50px 75px 50px;
  background-color: #fff;
}
#fiche-galerie-fond1 {
  position: absolute;
  top: 0;left: 0;
  width: 100%;height: 100%;
  background-image: url(imgs/fiche-galerie-fond1.png);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  opacity: 8;
  z-index: 100;
  mix-blend-mode:multiply;
}
#fiche-galerie-fond2 {
  position: absolute;
  top: 0;left: 0;
  width: 100%;height: 100%;
  background-image: url(imgs/fiche-galerie-fond2.png);
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  opacity: 8;
  z-index: 100;
  mix-blend-mode:multiply;
}
#fiche-galerie-titre {
  position: relative;
  width: fit-content;height: fit-content;
  padding: 50px;margin-bottom: 40px;
  color: #fff;
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  z-index: 200;
  background-image: url(imgs/fiche-galerie-titre.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  /* background-overflow: visible; */
}

#fiche-galerie-contenu {
  position: relative;
  z-index: 200;
  width: 100%;
}

.fiche-vignette, .fiche-vignette-unit {
  position: relative;float: left;
  width: 23%;
  /* padding: 0 1% 30px 1%; */
  margin:0 1% 20px 1%;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 1.3em;
  color: #6a4a9d;
}
.fiche-vignette img, .fiche-vignette-unit img { width: 100%;margin-bottom:8px; }
#fiche-galerie-contenu img { max-width:100%; }


#fiche-pied {
  position: relative;
  width: 100%;
  padding: 50px 50px 75px 50px;
  background-color: #fff;
  text-align: center;
  cursor:pointer;
}
#fiche-pied img { width:100%;max-width:1000px; }

#fleche-haut {
  position: fixed;
  bottom: 1.5rem;right: 43px;
  width: 38px;height: 48px;
  background-image: url(imgs/fleche-haut.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  opacity: 0.7;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  z-index: 50000;
}
#fleche-haut:hover { opacity:1; }











/* 
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -

   PAGES

- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - 
*/

.contenu {
  position: relative;
  /* margin: 185px 0px 0px 235px; */
  margin: 150px auto 0px auto;
  padding: 0 50px 100px 50px;
  width: 100%;
  max-width: 1280px;
  transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
  border: solid 0px #efefef;
}
.contenu a { 
  text-decoration: none;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
.contenu a:link, .contenu a:visited { color:#000; }
.contenu a:hover, .contenu a:active { color:#6a4a9d; }

.presentation_contenu {
  position: relative;
  /* margin: 185px 0px 0px 235px; */
  margin: 150px auto 0px auto;
  /* padding: 0 50px 100px 50px; */
  width: 100%;max-width:1680px;
  transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
  border: solid 0px red;
}
.presentation_contenu2 {
  position: relative;
  margin: -250px auto 0px auto;
  /* padding: 0 50px 100px 50px; */
  width: 100%;max-width:1680px;
  transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
  border: solid 0px red;
}
.presentation_contenu3 {
  position:relative;
  width:100%;max-width:720px;
  font-family: parisplus-std, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.5em;
  padding: 50px 0 30px 50px;
  text-align: justify;
  text-justify: inter-word;
}

.presentation_contenu3 h1 {
  font-family: 'MuseoModerno-Bold';
  font-size: 36px;
  line-height: 1.1em;
} 

.presentation_contenu3 h2 {
  font-family: 'MuseoModerno-Bold';
  font-size: 32px;
  line-height: 1.1em;
} 

.presentation_contenu3 h3 {
  font-family: 'MuseoModerno-Bold';
  font-size: 28px;
  line-height: 1.1em;
}
.presentation_contenu3 h4 {
  font-family: 'MuseoModerno-Bold';
  font-size: 24px;
  line-height: 1.1em;
}
.presentation_contenu3 h5 {
  font-family: 'MuseoModerno-Bold';
  font-size: 20px;
  line-height: 1.1em;
}
.presentation_contenu3 h6 {
  font-family: 'MuseoModerno-Bold';
  font-size: 18px;
  line-height: 1.1em;
}

.presentation_contenu #kakemono {
  width:100%;
}

#presentation_titre {
  position:absolute;
  margin: 0px 0 0 40px;
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 60px;
}
#presentation_titre2 {
  position:relative;
  margin: 0px 0 0 40px;
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
}
#presentation_chapitre {
  position: relative;
  font-family: 'MuseoModerno-Bold';
  font-size: 30px;
  text-align: left;
  text-justify: none;
  line-height: 1.1em;
  padding-bottom: 50px;
}


/* ARCHIVES LIEUX */

.fiche-lieu-3 {
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size:20px;
  color:#000;
}

.fiche-lieu-fonds-2 {
  position: relative;
  padding-left: 14px;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height:  1.7em;
  font-size: 16px;
  background-image: url(imgs/dot-violet.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 6px 6px;
}




/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


INDEX


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/

#index_titre {
  position:relative;
  width: 100%;
  border: solid 0px tomato;
  margin: 0px;
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  
}
#index_titre_col1 { position: relative;width:50%; }

#index_titre_col2 {
    position: relative;display: inline;margin-left: 0px;
    font-family: parisine-plus-std-gris, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #aaa;
}
#index_titre_col2 a:link, #index_titre_col2 a:visited { color:#aaa; }
#index_titre_col2 a:hover, #index_titre_col2 a:active { color:#6a4a9d; }
#index_titre_col2 a.current { color:#6a4a9d; }

.fiche-lieu-chapitre2 {
  position: relative;
  padding: 15px 0 50px 0;
  font-family: 'MuseoModerno-Bold';
  font-size: 36px;
  text-align: left;
  text-justify: none;
  line-height: 1.1em;
  color: #00c089;  
}


table { width:100%; }

table.tablesorter tr { cursor: pointer; }
table.tablesorter tr td { 
  border-bottom:solid 1px #f1edbc; 
  padding:10px;
  vertical-align:top;
  text-align: left;
  line-height: 1.4em;
}
/*table tr:first-child td { 
  font-family: 'Gilroy';font-size: 18px;
  color: #cdd5de;
  padding-bottom: 10px;
  border-top:solid 0px #eaeef1; 

}*/
table.tablesorter thead td { 
  font-family: 'Gilroy-Regular';font-size: 18px;
  color: #cdd5de;
  padding-bottom: 10px;
  border-top:solid 0px #eaeef1; 

}

table.tablesorter td:nth-child(1) { width:35%; }
table.tablesorter td:nth-child(2) { width:27%; }
table.tablesorter td:nth-child(3) { width:13%; }
table.tablesorter td:nth-child(4) { width:25%; }

td a {
  text-decoration: none;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
td a:link, td a:visited { color:#9ca9bb; }
td a:hover, td a:active { color:#000; }

td.cell-rea {
  /* font-family: parisplus-std, sans-serif; */
  font-family: parisplus-sombre, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #000;
}
td.cell-annee, td.cell-cat { 
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #000;
}
td.cell-cat img { display: inline-block;height:50px;width:auto; }
td.cell-lieu { 
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #000;
}
.rea_sousTitre { font-family: 'Gilroy-Semibold';font-weight: 600;font-size:18px;color: #385277; }
.cell-rea-content { position:absolute;opacity:0;height:0;overflow:hidden; }

table.tablesorter td img { 
  display: inline-block;
  width: 32px;height: 15px;
  margin-right: 5px;
}

#recherche {
  position: relative;
  margin: 0 0 30px 0;
  width: 360px;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #000;
  border-bottom:solid 1px #d5c833;  
}
#recherche input {
  border:0;outline:0;
  padding: 10px 0;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #000;
  width:100%;
  opacity: 0.4;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
#recherche input:hover { opacity:1; }

#visite-grille { position: relative;width:100%; }
.visite-vignette, .visite-vignette-unit {
  position: relative;
  width: 20%;margin: 30px 2.5%;
  text-align: center;
}
.visite-vignette img, .visite-vignette2 img { width:100%;margin-bottom:7px; }

.visite-vignette2 { width:100%;max-width:330px; }

#archive-lieux { width:100%; }
#archive-lieux tr td.archive-lieu-img { display: flex;align-items: flex-start;width:200px; }
.archive_lieu_img { width:200px; }
.archive_lieu_img_large { width:100%;max-width:300px; }

#archive-lieux tr.archive-lieu-sep { height:30px; }

#single-lieu-img {
  width: 66%;
}



/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


LISTES


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/


.listes-contenu {
  position: relative;
  margin:100px 0 0px 30px;
  padding-bottom: 75px;
  width: 1200px;
  border: solid 0px lightgrey;
  font-family: parisplus-std, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 1.5em;
}
.listes-titre {
  font-family: "alkaline", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  color: #d5c833;
}

.listes-fpl {
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  color: #6a4a9d;
}




#retour-parcours {
  position:fixed;
  right:0;bottom:0;
  padding:1.5rem;
  width:200px;height:80px;
  background:white;
  z-index:1000000;
  cursor: pointer;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:12px;
  text-transform: uppercase;
}


#formulaire-retour {
  position:relative;
  padding:1.5rem;
  width:200px;height:80px;
  opacity:0;
  z-index:1000000;
  cursor: pointer;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:12px;
  text-transform: uppercase;
}


.erreur-titre {
  position: relative;
  margin-bottom: 50px;
  font-family: "alkaline", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 66px;
  color: #d5c833;
}


/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


DUOS, PATA


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/


#duos-breadcrumb, #pata-breadcrumb {
  position: relative;margin: 0px 0 30px 30px;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:18px;
}

.duos-sep, .pata-sep {
  color: #aaa;
  font-size: 15px;
}
#duos-breadcrumb a, #pata-breadcrumb a {
  font-weight: 700;
  transition: all 0.2s ease-in;
  text-decoration: none;
}

#duos-breadcrumb a:link, #duos-breadcrumb a:visited { color:#6a4a9d; }
#duos-breadcrumb a:hover, #duos-breadcrumb a:active { color:#000; }
#pata-breadcrumb a:link, #pata-breadcrumb a:visited { color:#6a4a9d; }
#pata-breadcrumb a:hover, #pata-breadcrumb a:active { color:#000; }


#duo-conteneur, #pata-conteneur {
  position: relative;
  width: 100%;
  padding: 30px;
}
#duo-portraits-conteneur {
  position: relative;
  margin: 0 auto;
  width: 100%;max-width: 600px;
  
  
}
#duo-portraits-esp {
  position: absolute;
  width: 100px;height: 100px;
  left: 50%;top: 50%;
  margin-left: -50px;margin-top: -50px;
  z-index: 200;
  background-image: url(imgs-duos/esp.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 75px;
}
#duo-portraits {
  position: relative;
  height: 100%;
  display: flex;
  flex-flow:  row nowrap;
  justify-content: space-between;
  align-items: flex-start;      
  z-index: 100;
}
#duo-portraits div { width:47%;margin:0 1.5%; }
#duo-portraits img { width:100%; }
#duo-texte {
  position: relative;
  margin: 25px auto 0 auto;
  width: 100%;max-width: 600px;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.5em;
}
#duo-texte a {
  text-decoration: none;
  transition: all 0.3s ease-in;
}
#duo-texte a:link, #duo-texte a:visited { color:#6a4a9d; }
#duo-texte a:hover, #duo-texte a:active { color:#ff2693; }

#duo-galerie {
  position: relative;
  margin: 75px auto 0 auto;
  width: 100%;max-width: 600px;
  padding-bottom: 50px;
}
.duo-vignette, .duo-vignette-unit {
  position: relative;float: left;
    width: 46%;
    /* padding: 0 1% 30px 1%; */
    margin:0 2% 20px 2%;
    font-family: parisine-plus-std-gris, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 1.3em;
    color: #6a4a9d;
    cursor: pointer;
}
.duo-vignette img, .duo-vignette-unit img { width: 100%;margin-bottom:8px; 
}

.duos-archive-vignette {
  width: 100%;
  background-image: url(imgs-duos/esp.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 75px;
}
.duos-archive-vignette img {
  width: 100%;
  mix-blend-mode: multiply;
}

/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


SERIOUS GAMES


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/

/* see .css file in each folder */


#seriousGames-breadcrumb {
  position: relative;margin: 150px 0 30px 30px;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:18px;
}

.seriousGames-sep {
  color: #aaa;
  font-size: 15px;
}
#seriousGames-breadcrumb a {
  font-weight: 700;
  transition: all 0.2s ease-in;
  text-decoration: none;
}

#seriousGames-breadcrumb a:link, #seriousGames-breadcrumb a:visited { color:#6a4a9d; }
#seriousGames-breadcrumb a:hover, #seriousGames-breadcrumb a:active { color:#000; }



.lien-jeu {
  position: relative;padding-left: 30px;
  font-family: "capitolium-news-2", serif;
  font-weight: 600;
  font-style: italic;
  font-size: 24px;
  color:#ff2693;
}
.lien-jeu a {
  font-weight: 700;
  transition: all 0.2s ease-in;
  text-decoration: none;
}
.lien-jeu a:link, .lien-jeu a:visited { color:#ff2693; }
.lien-jeu a:hover, .lien-jeu a:active { color:#6a4a9d; }



/* JEU DUO */
#duos-jeu {
  position: relative;
  margin-top: 50px;
  width: 100%;
  height: 450px;
  border: solid 0px blue;
}

#cadre {
  position: absolute;
  top: -45px;left: 50%;
  margin-left: -135px;
  width: 272px;
  height: 535px;
  background-image: url(seriousGames/duos-imgs/cadre.png);
  background-position: center center;   
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 5000;
  cursor: pointer;
}
#degrade_gauche {
  position: absolute;
  z-index: 50;
  width: calc(50% - 115px);height: 450px;
  left: 0;top: 0;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 100%);

}
#degrade_droit {
  position: absolute;
  z-index: 50;
  width: calc(50% - 117px);height: 450px;
  left: calc(50% + 117px);top: 0;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,100) 100%);

}
#filet_gauche {
  position: absolute;
  top: 50%;left: 0;
  width: calc(50% - 115px);height: 1px;
  background-color: #d5c833;
  z-index: 2000;
}
#filet_droit {
  position: absolute;
  top: 50%;left: calc(50% + 117px);
  width: calc(50% - 117px);height: 1px;
  background-color: #d5c833;
  z-index: 2000;
}
.itemNumber { 
  position:absolute;
  width: 100%;height: 100%;
  display: flex;justify-content: center;align-items: center;
  font-size:48px;color: #ff2693; 
}

#owl1, #owl2 {
  position: relative;
  width: 100%;
  height: 225px;top: 0;
  border: solid 0px orange;
  overflow: hidden;
}
/* img { max-width:100%;max-height:100%; } */

#owl1 .owl-carousel .item, #owl2 .owl-carousel .item {
    width: 170px;
    height: 225px;
    padding-right: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
@media screen and (min-width: 761px) and (max-width: 1024px) {
  #owl1 .owl-carousel .item, #owl2 .owl-carousel .item {
      width: 170px;
      height: 225px;
      
    }
}
.item img { width: 170px;height:225px;border:solid 1px red; }
#duos_customNavPrev {
  position: absolute;left: 15px;top: 40%;width: 50px;height: 50px;
  background-image: url(seriousGames/duos-imgs/fleche-gauche.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  cursor: pointer;
  z-index: 10000;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  opacity: 0.5;
}
#duos_customNavNext {
  position: absolute;right: 15px;top: 40%;width: 50px;height: 50px;
  background-image: url(seriousGames/duos-imgs/fleche-droite.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  cursor: pointer;
  z-index: 10000;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  opacity: 0.5;
}
#duos_customNavPrev:hover, #duos_customNavNext:hover { opacity:1; }
.owl-prev { left: 0;top:40%;font-size:2vw; }
.owl-next { right: 0;top:40%;font-size:2vw; }
.owl-dots { margin-top:25px; }
.owl-nav .disabled {
  display: none;
}
#legende {
  position: absolute;left: 15px;bottom: 5%;width: 90%;height: 100px;
  border: solid 1px orange;
  z-index: 10000;
  opacity: 0.3;
}
#ligne1_num, #ligne2_num { display: none; }

#mode_duo {
  position: relative;
  padding: 1.5rem;
}
#duos_trouves_titre {
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  color: #ff2693;
}
#duos_resultats {
  font-family: parisplus-std, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}

#duo_details {
  position: fixed;
  overflow-y: auto;
  width: 100vw;height: 100vh;
  top: 0;left: 0;
  padding: 3rem;
  background-color: #fff;
  z-index: 10000;
  display: none;
}
#duo_details_fermer {
  position: absolute;
  top: 1.5rem;right: 1.5rem;
  font-size: 48px;
  text-transform: uppercase;
  width: 40px;height: 40px;
  cursor: pointer;
}

.duo-fireworks {
  position: fixed;
  top: 0;left: 0;width: 100vw;height: 100vh;
  z-index: 100000;
  display: none;
  background-color: #fff;
  
}
#duo-fireworks-text {
  position: absolute;
  top: 0;left: 0;width: 100%;height: 100%;
  font-family: parisplus-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  text-align: center;
  color: #6a4a9d;
  display: flex;
  justify-content: center;
  align-items: center;

}


/* GIDOUILLE */
#pata-texte {
  position: relative;
  margin-top: 75px;
  width: 100%;max-width: 600px;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.5em;
}
#pata-texte a {
  text-decoration: none;
  transition: all 0.3s ease-in;
}
#pata-texte a:link, #pata-texte a:visited { color:#6a4a9d; }
#pata-texte a:hover, #pata-texte a:active { color:#ff2693; }

#pata-galerie {
  position: relative;
  margin-top: 75px;
  width: 100%;max-width: 600px;
  padding-bottom: 50px;
}