:root
{
  --cl-font: #000000;/* #212529;*/

  --cl-gen: #d0c9c2;
  --cl-gen-text: #52483c;

  --cl-introduction: #d0c9c2;
  --cl-la-vierge-de-tendresse: #afdcdc;
  --cl-la-passion-de-jesus: #c3bedc;
  --cl-jesus-ressuscite-et-marie-de-magdala: #e6bedc;
  --cl-le-christ-en-majeste: #e6f0c8;
  --cl-la-haggada-de-pessah: #d2d2e6;
  --cl-des-fetes-et-des-symboles: #f5ebc8;
  --cl-la-grande-mosquee-de-la-mecque: #f5af8c;
  --cl-la-sourate-112-du-coran: #d2e6c8;
  --cl-le-bouddha-dans-la-posture-de-l-eveil: #bed2dc;
  --cl-empreintes-des-pieds-du-bouddha: #f5afb9;
  --cl-shiva-dansant: #f5e6c3;
  --cl-krishna-et-les-vacheres: #c8e6f0;
  --cl-osiris-maitre-de-l-eternite: #d2c3e1;
  --cl-athena-pensive: #f5a596;
  --cl-moai-de-rapa-nui: #e1d7b4;
  --cl-mola-du-peuple-guna: #c3d7be;
  --cl-conclusion: #d0c9c2;

  --svg-fill: #000;
}

body, html, .h-100 {height: 100%;}
.mh-100{ min-height: 100%;}


.svg-color{fill: var(--svg-fill) }

.bg-introduction{background-color: var(--cl-introduction);}
.bg-la-vierge-de-tendresse{background-color: var(--cl-la-vierge-de-tendresse);}
.bg-la-passion-de-jesus{background-color: var(--cl-la-passion-de-jesus);}
.bg-jesus-ressuscite-et-marie-de-magdala{background-color: var(--cl-jesus-ressuscite-et-marie-de-magdala);}
.bg-le-christ-en-majeste{background-color: var(--cl-le-christ-en-majeste);}
.bg-la-haggada-de-pessah{background-color: var(--cl-la-haggada-de-pessah);}
.bg-des-fetes-et-des-symboles{background-color: var(--cl-des-fetes-et-des-symboles);}
.bg-la-grande-mosquee-de-la-mecque{background-color: var(--cl-la-grande-mosquee-de-la-mecque);}
.bg-la-sourate-112-du-coran{background-color: var(--cl-la-sourate-112-du-coran);}
.bg-le-bouddha-dans-la-posture-de-l-eveil{background-color: var(--cl-le-bouddha-dans-la-posture-de-l-eveil);}
.bg-empreintes-des-pieds-du-bouddha{background-color: var(--cl-empreintes-des-pieds-du-bouddha);}
.bg-shiva-dansant{background-color: var(--cl-shiva-dansant);}
.bg-krishna-et-les-vacheres{background-color: var(--cl-krishna-et-les-vacheres);}
.bg-osiris-maitre-de-l-eternite{background-color: var(--cl-osiris-maitre-de-l-eternite);}
.bg-athena-pensive{background-color: var(--cl-athena-pensive);}
.bg-moai-de-rapa-nui{background-color: var(--cl-moai-de-rapa-nui);}
.bg-mola-du-peuple-guna{background-color: var(--cl-mola-du-peuple-guna);}
.bg-conclusion{background-color: var(--cl-conclusion);}

#backColor{
  width: 1200px;
  background-color: #faf8f6;
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 50%;
  margin-left: -600px;
  right: auto;
  z-index: 1;
}

body.chapitre.introduction #backColor {background-color: var(--cl-introduction);}
body.chapitre.la-vierge-de-tendresse #backColor {background-color: var(--cl-la-vierge-de-tendresse);}
body.chapitre.la-passion-de-jesus #backColor {background-color: var(--cl-la-passion-de-jesus);}
body.chapitre.jesus-ressuscite-et-marie-de-magdala #backColor {background-color: var(--cl-jesus-ressuscite-et-marie-de-magdala);}
body.chapitre.le-christ-en-majeste #backColor {background-color: var(--cl-le-christ-en-majeste);}
body.chapitre.la-haggada-de-pessah #backColor {background-color: var(--cl-la-haggada-de-pessah);}
body.chapitre.des-fetes-et-des-symboles #backColor {background-color: var(--cl-des-fetes-et-des-symboles);}
body.chapitre.la-grande-mosquee-de-la-mecque #backColor {background-color: var(--cl-la-grande-mosquee-de-la-mecque);}
body.chapitre.la-sourate-112-du-coran #backColor {background-color: var(--cl-la-sourate-112-du-coran);}
body.chapitre.le-bouddha-dans-la-posture-de-l-eveil #backColor {background-color: var(--cl-le-bouddha-dans-la-posture-de-l-eveil);}
body.chapitre.empreintes-des-pieds-du-bouddha #backColor {background-color: var(--cl-empreintes-des-pieds-du-bouddha);}
body.chapitre.shiva-dansant #backColor {background-color: var(--cl-shiva-dansant);}
body.chapitre.krishna-et-les-vacheres #backColor {background-color: var(--cl-krishna-et-les-vacheres);}
body.chapitre.osiris-maitre-de-l-eternite #backColor {background-color: var(--cl-osiris-maitre-de-l-eternite);}
body.chapitre.athena-pensive #backColor {background-color: var(--cl-athena-pensive);}
body.chapitre.moai-de-rapa-nui #backColor {background-color: var(--cl-moai-de-rapa-nui);}
body.chapitre.mola-du-peuple-guna #backColor {background-color: var(--cl-mola-du-peuple-guna);}
body.chapitre.conclusion #backColor {background-color: var(--cl-conclusion);}


body{background-color: white;padding-top: 30px;color: var(--cl-font);font-weight: 400;}
hr{border-color: white;}
a,a:hover,a:active,a:visited{color:inherit;text-decoration: none;}

.wiki hr{border-color: black; width: 20%;}
.wiki h1:first-child,
.wiki h2:first-child,
.wiki h3:first-child,
.wiki h4:first-child
  {margin-top: 0;}
.wiki h1,
.wiki h2,
.wiki h3,
.wiki h4
  {text-transform: none; font-weight: 600; line-height: 135%;}

.wiki.blue h1,
.wiki.blue h2,
.wiki.blue h3,
.wiki.blue h4
  {color: #16B2D0;}

.wiki h1{font-size: 20px;}
.wiki h2{font-size: 18px;}
.wiki h3{font-size: 16px;}
.wiki h4{font-size: 14px;}

.wiki a{text-decoration: underline;}

.encadre {
    position: relative;
    border: 2px solid var(--cl-gen);
    padding: 7px 15px;
    border-radius: 15px;
    margin: 20px 0;
}

.fine{font-size: 30%;line-height: 0;}

/* HOME */
body.home aside{
  padding-left: 15px;
}
body.home aside .pages{
  background-color: var(--cl-gen-light);
  margin-top: 50px;

  padding: 5px 7px;
}
body.home aside a{color:inherit;display: block;font-weight: 500;}
body.home aside ul{list-style-type: none; padding:0 10px;margin:0; margin-top: 15px;}
body.home aside ul ul{padding:0; margin: 0;}
body.home aside ul li{padding: 7px 15px; border: 1px solid var(--cl-font); background-color: white; margin: 7px 0; }
body.home aside ul li label{margin:0;font-weight: 500;}

body.home aside ul li.active{background-color: var(--cl-gen); color: white;}

body.home aside ul ul li{padding: 7px 0 0 0; border: 0 none;}
body.home aside ul ul li a{
  background: transparent url(../icons/arrow.svg) 2px -1px no-repeat;
  background-size: 12px 24px;
  padding-left: 20px;
}

body.glossary .main-title,
body.home .main-title
{
  padding: 50px 0 0 0;
}

body.glossary .main-title {padding-top: 10px;}

body.glossary .main-title .title,
body.home .main-title .title
{
  background-color: var(--cl-gen);
  display: inline-block;
  color: white;
  font-size: 24px;
  font-weight: bold;
  padding: 7px 15px;
}

body.home .col-main{position: relative;}
body.home .col-main nav{padding-top: 20px;font-size: 18px;position: relative; z-index: 800;}
body.home .col-main nav ul{
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: space-around;
  padding-bottom: 80px;
  gap: 10px;
}
/*
body.home .col-main nav ul::after{display:table;clear: both;height: 1px;margin-top: -1px;content:' '}
 */
body.home .col-main nav ul li{
  display: block;
  width:calc(100%/6 - 10px);
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  line-height: 110%;

  aspect-ratio: 1 / 1;
}

body.home .col-main nav ul li a{
  height: 100%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  position: relative;
}

body.home .col-main nav ul li a .back{
  position: absolute;
  top: 0;
  left:0;
  right:0;
  bottom: 0;
  height: auto;
  width: auto;
  z-index: 0;
}

body.home .col-main nav ul li a:hover img,
body.home .col-main nav ul li a:hover .title
{
  transition: 250ms all;
  transform: scale(1.1);
}
body.home .col-main nav ul li a:hover .back{
  opacity: .7;
  box-shadow: 0 0 7px rgba(0,0,0,.3);
  transition: 250ms all;
}

body.home .col-main nav ul li .title{
  z-index: 101;
}
body.home .col-main nav ul li img{
  width: 80%;
  height: 80%;
  object-fit: contain;
  z-index: 100;
}

@media (max-width: 992px){
  body.home .col-main nav ul li {
    font-size: 14px;
  }
}





.col-content{
  background-color: var(--cl-gen-light);
  padding-bottom: 80px;
}

.chapitre.introduction .encadre     { border-color: var(--cl-introduction);}
.chapitre.la-vierge-de-tendresse .encadre     { border-color: var(--cl-la-vierge-de-tendresse);}
.chapitre.la-passion-de-jesus .encadre     { border-color: var(--cl-la-passion-de-jesus);}
.chapitre.jesus-ressuscite-et-marie-de-magdala .encadre     { border-color: var(--cl-jesus-ressuscite-et-marie-de-magdala);}
.chapitre.le-christ-en-majeste .encadre     { border-color: var(--cl-le-christ-en-majeste);}
.chapitre.la-haggada-de-pessah .encadre     { border-color: var(--cl-la-haggada-de-pessah);}
.chapitre.des-fetes-et-des-symboles .encadre     { border-color: var(--cl-des-fetes-et-des-symboles);}
.chapitre.la-grande-mosquee-de-la-mecque .encadre     { border-color: var(--cl-la-grande-mosquee-de-la-mecque);}
.chapitre.la-sourate-112-du-coran .encadre     { border-color: var(--cl-la-sourate-112-du-coran);}
.chapitre.le-bouddha-dans-la-posture-de-l-eveil .encadre     { border-color: var(--cl-le-bouddha-dans-la-posture-de-l-eveil);}
.chapitre.empreintes-des-pieds-du-bouddha .encadre     { border-color: var(--cl-empreintes-des-pieds-du-bouddha);}
.chapitre.shiva-dansant .encadre     { border-color: var(--cl-shiva-dansant);}
.chapitre.krishna-et-les-vacheres .encadre     { border-color: var(--cl-krishna-et-les-vacheres);}
.chapitre.osiris-maitre-de-l-eternite .encadre     { border-color: var(--cl-osiris-maitre-de-l-eternite);}
.chapitre.athena-pensive .encadre     { border-color: var(--cl-athena-pensive);}
.chapitre.moai-de-rapa-nui .encadre     { border-color: var(--cl-moai-de-rapa-nui);}
.chapitre.mola-du-peuple-guna .encadre     { border-color: var(--cl-mola-du-peuple-guna);}
.chapitre.conclusion .encadre     { border-color: var(--cl-conclusion);}


h1.logo{ padding: 20px 0;}

.header-logo{
  padding: 30px 0 15px 0;
}
.header-logo h1.logo{
  padding: 0;
  margin: 20px 0 0 0;
}

img.thumbnail{
  float:left;
  width: 40%;
  height: auto;
  margin: 0 15px 15px 0;
}
img.thumbnail.p50{width: 50%;}
img.thumbnail.p33{width: 30%; margin: 0 3% 15px 0;}
img.thumbnail.p25{width: 22%; margin: 0 3% 15px 0;}

img.thumbnail.icon{
  width: 36px; height: 36px; margin: 2px 7px 2px 0;
  padding: 0;
  line-height:0;
  background-color: transparent;
  border: 0 none;
  border-radius:0;
}

.tradition{
  display: block;
  background-color: transparent;
  padding: 6px 10px 3px 32px;
  font-size: .8em;
  background-size: 20px 20px;
  background-position: 7px 4px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
}

.btn-block{
  margin: 0 0 -2px 0;
}

.btn-block a.btnEleves,
.btn-block a.btnGlossary{
  background-image: url(../glossaire.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 32px 32px;
  padding: 20px 40px 20px 0;
  font-weight: 500;
}

.btn-block a.btnGlossary{
  padding-right: 33px;
}
.btn-block  a.btnEleves {
  background-image: url(../video.svg);
}

header.header-top{
  position: fixed;
  top:0;
  left:0;
  right:0;
  background-color: var(--cl-gen);
  padding: 7px 0;
  color: var(--cl-font);
  z-index: 1000;
}
header.header-top a{color:inherit; font-weight: bold; font-size: .8em;text-decoration: underline;}
header.header-top .collection{font-weight: 500;}
header.header-top .collection.general{padding-left: 25px;}
header.header-top .collection.general a{text-decoration: none;}
header.header-top .collection.general a.active,
header.header-top .collection.general a:hover
	{text-decoration: underline;}

header.header-top .sequences-index{
  position: absolute;
  left: -14px;
}
header.header-top .sequences-index .icon{
  height: 27px;
  padding: 0 7px;
}
header.header-top .sequences-index ul{
  display: none;
  position: absolute;
  left:-7px;
  top:27px;
  margin:0;
  list-style-type: none;
  padding: 7px 0 14px 0;
  background-color: rgb(200,200,200);
  background-color: rgba(20,20,20,.8);
}
header.header-top .sequences-index:hover ul{display: block;}
header.header-top .sequences-index ul li a{
  display: block;
  white-space: nowrap;
  padding: 4px 14px;
  font-weight: 500;
  text-decoration: none;
  color:#bbb;
}
header.header-top .sequences-index ul li.active a,
header.header-top .sequences-index ul li:hover a
  {color: white;}
header.header-top .sequences-index ul li a .glyphicon
  {opacity: .2;}
header.header-top .sequences-index ul li.active a .glyphicon,
header.header-top .sequences-index ul li:hover a .glyphicon
  {opacity: 1;}

header.header-top .container-fluid .sequences-index{ left:0;}
header.header-top .container-fluid .sequences-index ul{ left:0;}
header.header-top .container-fluid .collection {padding-left: 14px;}
header.header{
  padding:0;
}


header.header-pages,
header.header-pages label
  {font-size: 13px;font-weight: 600;}
header.header-pages a{color: inherit;text-decoration: none;}

header.header-pages nav ul{display: block;margin:20px 0 0 0;padding:0;list-style-type: none;}
header.header-pages nav ul li{display:inline-block; margin:0; padding:0; position: relative;}
header.header-pages nav>ul>li:after{content:"|"; font-size: 12px;vertical-align: middle;padding: 0 2px 2px 2px;}
header.header-pages nav>ul>li:last-child:after{display: none;}
header.header-pages nav ul li ul{position: absolute;top:0;left:0; padding: 8px 8px 8px 8px; background-color: white;display: none;z-index: 900;box-shadow: 0 10px 5px rgba(0,0,0,.5);}
header.header-pages nav ul li:hover ul{display: block;}
header.header-pages nav ul li ul li{padding: 4px 0;display: block;}


.container-home .pages .download  a
 {
   display: block; margin: 0 15px 0 30px;
   background-color: #aaa;
   border-radius: 14px;
   padding: 7px;
   padding-left: 25px;
 }
.container-home .pages .download a button{
  display: block;
  background-color: transparent;
  color: #333;
  font-size: .9em;
  border: 0 none;
  color: white;
  font-weight: 600;
  padding: 0;
  margin-left: 10px;
  text-align: left;
  text-indent: -10px;
}
.container-home .pages .download a button .glyphicon::before{margin-left: 20px;display: inline-block;}
.container-home .pages .download a button .icon{width: 10px;display: inline-block;position: relative;}

.box{
  margin: 0 -15px 15px 0;
  padding: 15px;
  background-color: white;
  position: relative;
  font-size: 14px;
  border-radius: 15px;
}
.box.big{
  font-size: 16px;
}

.panel-group{
  background-color: white;
}


.panel-body.wiki{position: relative;}
.col-sep{
  position: absolute;
  width: 5px;
  background-color: #ebeae9;
  top: 0;
  bottom: 0;
  left: 66%;
  margin-left: 5px;
}

footer{
  position: fixed;
  bottom:0;
  left:0;
  right:0;
  background-color: #4e4e4e;
  padding: 7px 0;
  color: white;
  font-size: .85em;
  z-index: 1001;
}

footer .col-canton{}
footer .col-canton a{text-decoration: none; color:white;}
footer .col-canton img{width:18px; vertical-align: top; margin-right: 2px;margin-top: -2px;}

footer nav{display: block; text-align: center;}
footer nav ul{display: block;list-style-type: none;padding: 0;margin: 0;}
footer nav ul li{display: inline-block;}
footer nav ul li a{color:white; text-decoration: none;}
footer nav ul li a:hover{color:white; text-decoration: none;}
footer nav ul li .sep{display: inline-block; border-right: 1px solid white; height: 10px;padding-left: 2px;margin-right: 2px;}

footer select{color:black;opacity: .1;}
footer select:hover{opacity: 1;}

#print-block{}
#print-block footer{}
#print-block footer img{ width: 20px;}

.print-box{position: relative;}
.print-box .print-btn{
  position: absolute;top:-40px;right:25px;
  white-space: nowrap;
  text-decoration: none;cursor: pointer;
  background-color: var(--cl-gen);
  color: var(--cl-font);
  opacity: 1;
  padding: 2px 12px;
}
.print-box .print-btn:hover{
  transform: scale(110%);
}

.modal .print-box .print-btn{
  top: -15px;
  right: -40px;
}

.print-box .print-btn .glyphicon{
  margin-right: 3px;
}

.print-box .print-box-title{display:none;}
.print-box.print-box-hidden{height:30px; margin-bottom: -30px;}
.print-box.print-box-hidden .print-btn{top:15px;}
.print-box.print-box-hidden .print-box-body{display: none;}

.print-box.print-box-inline{
  margin: 0;
}
.print-box.print-box-inline .print-btn{
  position: relative;
  top:auto;
  right:auto;
}

.print-box.print-box-content .print-btn{
  top:-35px;
}

.print-box.print-box-btn-right .print-btn{
  float: right;
}

.print-box.print-box-hidden-btn .print-btn{display: none;}


.nowrap{white-space: nowrap;}

#myModal .traditions,
#print-block .traditions,
#fetes-regionales .traditions
  {display: inline-block; line-height: 0;}


#myModal .traditions .tradition,
#print-block .traditions .tradition,
#fetes-regionales .traditions .tradition
{
  display: inline-block;
  width: 20px; height: 20px;
  padding: 0;
  margin: 0;
  background-size: 20px 20px;
  background-position: 0 0;
  vertical-align: middle;
}

#myModal .traditions{}
#myModal .traditions .tradition,
#print-block .traditions .tradition
{
  width: 28px; height: 28px;
  background-size: 28px 28px;
}

#myModal .noticeMore{}
#myModal .noticeMore .link{border-top: 1px solid #C43D4D; margin-top: 20px; padding-top: 20px;}
#myModal .noticeMore .link h3{font-size: .85em; margin-top:0;}

#myModal iframe.embed-responsive{width: 1920px; height: 946px;}

#myModal .title,
#print-block .title
  {font-weight: 600; margin: 7px 0 14px 0;font-size: 1.2em;}
#myModal .title
  {padding-right: 90px;}

#myModal .btn-download{padding: 7px 15px;font-size: 1em;}


/* BOOTSTRAP ADD */
.panel.panel-none{
  margin-bottom: 0;
  background-color: transparent;
  border: 0 none transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.panel.panel-none .panel-body{
  padding: 0;
}

.panel.panel-none .panel-heading{
  padding: 0;
  border-bottom: 0 none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel.panel-none .panel-heading + .panel-collapse > .panel-body {
    border-top: 0 none;
    padding: 7px 25px 0 25px;
}
.panel.panel-padding-bottom .panel-body{
  padding-bottom:20px !important;
}
.modal-full .modal-dialog {
    width: auto;
    max-width: 720px;
}
/* BOOTSTRAP ADD - END */

.container-home{margin-top: -60px;}
.container-home .chapitres{}
.container-home .chapitres .col p{
  background-color: white; min-height: 100px;
  padding: 15px;
  cursor: pointer;
}
.container-home .chapitres .col p{border-bottom: 3px solid #f0986b; margin-bottom: 20px;position: relative;}
.container-home .chapitres .col p a{color:inherit;text-decoration: none;}
.container-home .chapitres .col p b{font-size: .85em;font-weight: bold;display: block;margin-bottom: 5px;}
.container-home .chapitres .col p span{font-weight: bold;display: block;line-height: 130%;}

.container-home .chapitres .col p a img{
  position: absolute;
  top: 10px;
  right: 10px;
  height: 80px;
}

.page section {
    padding: 14px 0;
}


.container-home .pages{color:#235674;}
.container-home .pages a{color:inherit;display: block;padding: 6px 14px;font-weight: 600;line-height: 120%;font-size: .9em;}
.container-home .pages a:hover{text-decoration: none;}
.container-home .pages ul{list-style-type: none;background-color: white;margin-left: 15px;padding: 15px;}
.container-home .pages ul li{border: 1px solid #235674;margin-bottom: 10px;}
.container-home .pages ul li:last-child{margin-bottom: 0;}
.container-home .pages ul li.active a{color:white;background-color: #235674;}
.container-home .pages ul li label{display: block;padding: 6px 14px 0 14px;}
.container-home .pages ul li ul{margin-left: 15px; padding: 0; padding-bottom: 6px;}
.container-home .pages ul li ul li{border: 0 none; padding: 0;margin-bottom:0; list-style-type: none;  list-style-position: outside;}
.container-home .pages ul li ul li a{padding-left: 0px;padding-right: 7px; text-indent: -16px; margin-left: 16px;}

.container-home .pages ul li ul li a:before{
  display: inline-block; content:''; background-image: url('../icons/arrow.svg'); background-repeat: no-repeat; background-position: left center;
  width: 12px; height: 10px; background-size: 8px 8px;
}

.container-home .pages ul li ul li.active a{color: inherit; background-color: transparent}
.container-home .pages ul li ul li.active a span{text-decoration: underline;}



.glossaryLink{
  padding: 12px 0;
  font-size: 1em;
  font-weight: 500;
  text-align: right;
}
.glossaryLink a{font-weight: 500;text-decoration: none;}
.glossaryLink a .icon{
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url(../glossaire.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 0px;
}

body.home .glossaryLink
{
  padding-right: 15px;
}

.container-home{margin-bottom: 50px;}
.container-default{margin-bottom: 50px;}

.container-default{
  position: relative;
  z-index: 20;
}


body .container-default,
body #backColor
{
  transition: 250ms all ease-out;
}
body.inactive .container-default{
  filter: grayscale(1) blur(3px);
}
body.inactive #backColor
{
  filter: grayscale(1);
}

#navChapitrage{
  position: fixed;
  left: 50%;
  top: 70px;
  margin-left: -627px;
  z-index: 0;

  transform: translate(40px, 0);
  opacity: 0;
  pointer-events: none;
  transition: 1000ms all ease-in-out;
}

#navChapitrage.active{
  transform: translate(0, 0);
  opacity: 1;
}

#navChapitrage.active.on{
  pointer-events: auto;
  z-index: 500;
}



@media (min-width: 768px) {
  #backColor{
    width: 768px;
    margin-left: -384px;


  }

  #navChapitrage{
    margin-left: -416px;
  }
}


@media (min-width: 992px) {
  #backColor{
    width: 990px;
    margin-left: -495px;
  }

  #navChapitrage{
    margin-left: -527px;
  }
}

@media (min-width: 1200px) {
  #backColor{
    width: 1190px;
    margin-left: -595px;
  }


  #navChapitrage{
    margin-left: -627px;
  }
}



.nav-chapitrage{font-size: 1em; padding: 20px 0 0 0;}
.nav-chapitrage a{color:inherit; display: flex; text-decoration: none; cursor: pointer;}
.nav-chapitrage .item{
  font-size: 1em;
  line-height: 120%;
  padding:0;
  font-weight: 500;
  background-color: var(--cl-gen);
  margin-bottom: 5px;
  display: inline-block;
}

.nav-chapitrage .item  .cont .title{
  padding: 7px 15px 2px 5px;
}

.nav-chapitrage .item .cont{
  display: flex; align-items: flex-start;
  transform-origin: top left;
  opacity: 0;
  transition: 500ms all;
}

.nav-chapitrage .item  .cont .picto{
  height: 32px;
  width: 32px;
  padding: 2px;
}

.nav-chapitrage .item  .cont .picto img,
.nav-chapitrage .item  .cont .title
{
  display: none;
}

.nav-chapitrage a:hover   .cont{
  opacity: 1;
}
.nav-chapitrage a:hover   .cont .picto img,
.nav-chapitrage a:hover   .cont .title{
  display: block;
}


.nav-chapitrage > ul > .item{}

.nav-chapitrage > ul{ padding: 0;}
.nav-chapitrage > ul > .item{list-style-type: none;}

.nav-chapitrage .item.introduction{background-color: var(--cl-introduction);}
.nav-chapitrage .item.la-vierge-de-tendresse{background-color: var(--cl-la-vierge-de-tendresse);}
.nav-chapitrage .item.la-passion-de-jesus{background-color: var(--cl-la-passion-de-jesus);}
.nav-chapitrage .item.jesus-ressuscite-et-marie-de-magdala{background-color: var(--cl-jesus-ressuscite-et-marie-de-magdala);}
.nav-chapitrage .item.le-christ-en-majeste{background-color: var(--cl-le-christ-en-majeste);}
.nav-chapitrage .item.la-haggada-de-pessah{background-color: var(--cl-la-haggada-de-pessah);}
.nav-chapitrage .item.des-fetes-et-des-symboles{background-color: var(--cl-des-fetes-et-des-symboles);}
.nav-chapitrage .item.la-grande-mosquee-de-la-mecque{background-color: var(--cl-la-grande-mosquee-de-la-mecque);}
.nav-chapitrage .item.la-sourate-112-du-coran{background-color: var(--cl-la-sourate-112-du-coran);}
.nav-chapitrage .item.le-bouddha-dans-la-posture-de-l-eveil{background-color: var(--cl-le-bouddha-dans-la-posture-de-l-eveil);}
.nav-chapitrage .item.empreintes-des-pieds-du-bouddha{background-color: var(--cl-empreintes-des-pieds-du-bouddha);}
.nav-chapitrage .item.shiva-dansant{background-color: var(--cl-shiva-dansant);}
.nav-chapitrage .item.krishna-et-les-vacheres{background-color: var(--cl-krishna-et-les-vacheres);}
.nav-chapitrage .item.osiris-maitre-de-l-eternite{background-color: var(--cl-osiris-maitre-de-l-eternite);}
.nav-chapitrage .item.athena-pensive{background-color: var(--cl-athena-pensive);}
.nav-chapitrage .item.moai-de-rapa-nui{background-color: var(--cl-moai-de-rapa-nui);}
.nav-chapitrage .item.mola-du-peuple-guna{background-color: var(--cl-mola-du-peuple-guna);}
.nav-chapitrage .item.conclusion{background-color: var(--cl-conclusion);}



#chapitreDetails,
.page.chapitre{padding-left: 25px;}

#chapitreDetails.chapitre header{
  margin-top: 15px;
}

.chapitre header h3{font-size: 1.5em; font-weight: 600;padding-top: 4px;line-height: 135%;}
.chapitre header h4{font-size: 1.3em; font-weight: 600;padding-top: 4px; color:#C43D4D;}

#chapitreDetailsImage.chapitre header{
  padding: 0;
}

.chapitre .cl
  {/*color: #235674;  #C43D4D;*/}
.chapitre a.cl
  {text-decoration: underline;color: inherit;}

.btn-default{
  border: 0 none;
  border-radius: 7px;
  background-color: var(--cl-gen-text);
  color: white;
  font-weight: 500;
}

.btn-default.neg{
  color: var(--cl-gen-text);
  background-color: white;
}

 a.btn-download{
   display: inline-block;
   padding: 3px 7px;
   border-radius: 5px;
   background-color: var(--cl-gen);
   color: var(--cl-font) !important;
   font-size: 10px;
   text-transform: uppercase;
   font-weight: 500;
   opacity: 1;
   text-decoration: none !important;

 }
 a.btn-download:hover{
   transform: scale(110%);
 }

.chapitre.introduction a.btn-download,
.chapitre.synthese a.btn-download
  {    background-color: var(--cl-intro);}


.chapitre.la-vierge-de-tendresse a.btn-download,
.chapitre.la-vierge-de-tendresse .print-box .print-btn
  { background-color: var(--cl-la-vierge-de-tendresse);}

.chapitre.la-passion-de-jesus a.btn-download,
.chapitre.la-passion-de-jesus .print-box .print-btn
  { background-color: var(--cl-la-passion-de-jesus);}

.chapitre.jesus-ressuscite-et-marie-de-magdala a.btn-download,
.chapitre.jesus-ressuscite-et-marie-de-magdala .print-box .print-btn
  { background-color: var(--cl-jesus-ressuscite-et-marie-de-magdala);}

.chapitre.le-christ-en-majeste a.btn-download,
.chapitre.le-christ-en-majeste .print-box .print-btn
  { background-color: var(--cl-le-christ-en-majeste);}

.chapitre.la-haggada-de-pessah a.btn-download,
.chapitre.la-haggada-de-pessah .print-box .print-btn
  { background-color: var(--cl-la-haggada-de-pessah);}

.chapitre.des-fetes-et-des-symboles a.btn-download,
.chapitre.des-fetes-et-des-symboles .print-box .print-btn
  { background-color: var(--cl-des-fetes-et-des-symboles);}

.chapitre.la-grande-mosquee-de-la-mecque a.btn-download,
.chapitre.la-grande-mosquee-de-la-mecque .print-box .print-btn
  { background-color: var(--cl-la-grande-mosquee-de-la-mecque);}

.chapitre.la-sourate-112-du-coran a.btn-download,
.chapitre.la-sourate-112-du-coran .print-box .print-btn
  { background-color: var(--cl-la-sourate-112-du-coran);}

.chapitre.le-bouddha-dans-la-posture-de-l-eveil a.btn-download,
.chapitre.le-bouddha-dans-la-posture-de-l-eveil .print-box .print-btn
  { background-color: var(--cl-le-bouddha-dans-la-posture-de-l-eveil);}

.chapitre.empreintes-des-pieds-du-bouddha a.btn-download,
.chapitre.empreintes-des-pieds-du-bouddha .print-box .print-btn
  { background-color: var(--cl-empreintes-des-pieds-du-bouddha);}

.chapitre.shiva-dansant a.btn-download,
.chapitre.shiva-dansant .print-box .print-btn
  { background-color: var(--cl-shiva-dansant);}

.chapitre.krishna-et-les-vacheres a.btn-download,
.chapitre.krishna-et-les-vacheres .print-box .print-btn
  { background-color: var(--cl-krishna-et-les-vacheres);}

.chapitre.osiris-maitre-de-l-eternite a.btn-download,
.chapitre.osiris-maitre-de-l-eternite .print-box .print-btn
  { background-color: var(--cl-osiris-maitre-de-l-eternite);}

.chapitre.athena-pensive a.btn-download,
.chapitre.athena-pensive .print-box .print-btn
  { background-color: var(--cl-athena-pensive);}

.chapitre.moai-de-rapa-nui a.btn-download,
.chapitre.moai-de-rapa-nui .print-box .print-btn
  { background-color: var(--cl-moai-de-rapa-nui);}

.chapitre.mola-du-peuple-guna a.btn-download,
.chapitre.mola-du-peuple-guna .print-box .print-btn
  { background-color: var(--cl-mola-du-peuple-guna);}


.chapitre .bgclhover{
  color: inherit;
  font-weight: 500;
  display: block;
  padding: 2px 0 2px 25px;
  margin-left: -25px;
  text-decoration: none;
}

.chapitre header h3,
.chapitre header .h3,
.chapitre header h4,
.chapitre header .h4
  {margin: 0;}


.chapitre header h3{
  color:var(--cl-font);
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 2px 0;
}
.chapitre header h2{
  color:var(--cl-font);
  font-size: 28px;
  font-weight: 400;
  margin: 0 0 24px 0;
}

body.pages .chapitre header h2{
  margin: 48px 0 0  0;
}

.chapitre .colonne .image{
  margin-top: 30px;
}

.chapitre header .picto{
  float:left;
  margin: 2px 7px 7px 0;
}

.chapitre section{}

.chapitre section.wiki h1,
.chapitre section.wiki h2,
.chapitre section.wiki h3,
.chapitre section.wiki h4,
.chapitre section .wiki h1,
.chapitre section .wiki h2,
.chapitre section .wiki h3,
.chapitre section .wiki h4
  {margin: 0 0 .25em 0;}

.chapitre.page section.wiki h1,
.chapitre.page section.wiki h2,
.chapitre.page section.wiki h3,
.chapitre.page section.wiki h4
  {color:var(--cl-gen-text);}

.chapitre section .panel{
  margin: 0;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.chapitre section .panel
  {text-decoration: none;}
.chapitre section .panel .panel-heading
{

}
.chapitre section .panel .panel-heading a
  {
    text-decoration: none;
    padding: 2px 0;
    font-weight: inherit;
    color: inherit;
    display: block;
  }
.chapitre section .panel .panel-heading .glyphicon.item-close,
.chapitre section .panel .panel-heading .glyphicon.item-open
{
  display: inline-block; margin-right: 5px;
}

.chapitre section .panel .panel-heading a[aria-expanded="true"] .glyphicon.item-close{display: none;}
.chapitre section .panel .panel-heading a[aria-expanded="true"] .glyphicon.item-open{display: inline-block;}
.chapitre section .panel .panel-heading a[aria-expanded="false"] .glyphicon.item-open{display: none;}
.chapitre section .panel .panel-heading a[aria-expanded="false"] .glyphicon.item-close{display: inline-block;;}

.chapitre section .panel .panel-body{
  padding: 20px;
}

.abstract.alone{
  font-weight: 500;
}

.chapitre section .item-content-back{margin-left: -20px;}

.chapitre section .ressources{}
.chapitre section .ressources h4.title{
  background-color: white;margin:16px 0 0 0; padding: 15px; padding-bottom: 0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: #C43D4D;
}
.chapitre section .ressources .item{background-color: white; margin-bottom: 15px;padding: 15px;font-size: .9em;}
.chapitre section .ressources .item img{margin: 7px 0;}

.chapitre section .ressources .item .infos,
.chapitre section .ressources .item .abstract{
  font-size: .9em;
  margin: 0;
}
.chapitre section .ressources .item .title{
  font-weight: 500;
  color: #C43D4D;
  margin-bottom: 4px;
}
.chapitre section .ressources .item a{
  display: block;
  border-top: 2px solid #2BB8CE;
  margin-top: 7px;
  padding-top: 7px;
}
.chapitre section .ressources .item a.cl{
  color:#2BB8CE;
  font-weight: 600;
  text-decoration: none;
}

.chapitre section .panel .panel-body ul{
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 0;
}

.chapitre section .panel .panel-body .abstract.alone{
  margin: -20px;
  margin-bottom: 0;
}
.chapitre section .panel .panel-body ul li{
  padding:0;
  margin:0;
}

.chapitre section .panel #quelques-mots-cles .panel-body ul{
  list-style-type: disc;
}
.chapitre section .panel #quelques-mots-cles .panel-body ul li{
  margin: 7px 0 7px 20px;
}

.chapitre section .panel .panel-heading{
  position: relative;
  padding: 0 25px;

}

.chapitre section .panel .panel-heading .title{
  font-weight: 500;
  padding: 10px 0;
  border-top: 1px solid var(--cl-gen);
}

.chapitre section #accordion > .panel:nth-child(2) .panel-heading{
  border-top: 1px solid var(--cl-font);
}
.chapitre section #accordion > .panel:nth-child(2) .panel-heading .title{
  border-top:  0 none;
}


.chapitre section .panel.panel-abstract{
  background-color: var(--cl-gen-light);
}


body.chapitre.introduction .chapitre section .panel.panel-abstract{ background-color: var(--cl-introduction); }
body.chapitre.la-vierge-de-tendresse .chapitre section .panel.panel-abstract{ background-color: var(--cl-la-vierge-de-tendresse); }
body.chapitre.la-passion-de-jesus .chapitre section .panel.panel-abstract{ background-color: var(--cl-la-passion-de-jesus); }
body.chapitre.jesus-ressuscite-et-marie-de-magdala .chapitre section .panel.panel-abstract{ background-color: var(--cl-jesus-ressuscite-et-marie-de-magdala); }
body.chapitre.le-christ-en-majeste .chapitre section .panel.panel-abstract{ background-color: var(--cl-le-christ-en-majeste); }
body.chapitre.la-haggada-de-pessah .chapitre section .panel.panel-abstract{ background-color: var(--cl-la-haggada-de-pessah); }
body.chapitre.des-fetes-et-des-symboles .chapitre section .panel.panel-abstract{ background-color: var(--cl-des-fetes-et-des-symboles); }
body.chapitre.la-grande-mosquee-de-la-mecque .chapitre section .panel.panel-abstract{ background-color: var(--cl-la-grande-mosquee-de-la-mecque); }
body.chapitre.la-sourate-112-du-coran .chapitre section .panel.panel-abstract{ background-color: var(--cl-la-sourate-112-du-coran); }
body.chapitre.le-bouddha-dans-la-posture-de-l-eveil .chapitre section .panel.panel-abstract{ background-color: var(--cl-le-bouddha-dans-la-posture-de-l-eveil); }
body.chapitre.empreintes-des-pieds-du-bouddha .chapitre section .panel.panel-abstract{ background-color: var(--cl-empreintes-des-pieds-du-bouddha); }
body.chapitre.shiva-dansant .chapitre section .panel.panel-abstract{ background-color: var(--cl-shiva-dansant); }
body.chapitre.krishna-et-les-vacheres .chapitre section .panel.panel-abstract{ background-color: var(--cl-krishna-et-les-vacheres); }
body.chapitre.osiris-maitre-de-l-eternite .chapitre section .panel.panel-abstract{ background-color: var(--cl-osiris-maitre-de-l-eternite); }
body.chapitre.athena-pensive .chapitre section .panel.panel-abstract{ background-color: var(--cl-athena-pensive); }
body.chapitre.moai-de-rapa-nui .chapitre section .panel.panel-abstract{ background-color: var(--cl-moai-de-rapa-nui); }
body.chapitre.mola-du-peuple-guna .chapitre section .panel.panel-abstract{ background-color: var(--cl-mola-du-peuple-guna); }
body.chapitre.conclusion .chapitre section .panel.panel-abstract{ background-color: var(--cl-conclusion); }

.chapitre section .panel-box{
  border-right: 1px solid var(--cl-font);
  border-left: 1px solid var(--cl-font);
}

.chapitre section .panel-box:last-child{
  border-bottom: 1px solid var(--cl-font);
}
.chapitre section .panel:first-child{
  margin-top: 0;
}
.chapitre section .panel:first-child .panel-heading .title{
  border-top: 0 none;
}
.chapitre section .panel .panel-heading .panel-heading .title{
  border-top: 0 none;
  padding: 17px 0;
}
.chapitre section .panel .panel-body .title{
  font-weight: bold;
  padding: 7px 0;
}
.chapitre section .panel .panel-body .title:first-child{margin-top:0}

.chapitre section .panel .panel-body .second>.title{
  padding: 4px 15px 0 15px;
  margin-bottom: -7px;
}

.chapitre section .panel .panel-body .spacer.top{
  padding-top: 15px;
}


.activites.pictos{position:absolute;top:0; right:0;}

.activites.pictos .item{float:left; width: 32px; height:32px;line-height: 0;}
.activites.pictos .item img{width: 100%;}


/* image gallery */
.ressources-galerie-images{margin: 0 -7px;}
.chapitre section .panel .panel-body .ressources-galerie-images h3{clear: both; margin: 0 7px;}
.chapitre section .panel .panel-body .ressources-galerie-images .item{
  width: 25%;
  float:left;
  padding: 0;
  border: 0 none;
  margin:0;
  padding:7px;
  position: relative;
}

.chapitre.collection-d-images{}
.chapitre.collection-d-images .back a{color:white;}
.chapitre.collection-d-images .ressources-images-details .item h3{color:inherit;font-size: 18px; margin: 0 0 20px 0}
.chapitre.collection-d-images .ressources-images-details .item h3 small{color:white;}
.chapitre.collection-d-images .ressources-images-details .item .tradition{
  display: block; background-color: transparent;
  padding: 0;
  padding-top: 10px;
  margin-top: -10px;
  padding-left: 32px;
  font-size: inherit;
  background-position: 0 0;
  background-size: 28px 28px;
  overflow: visible;
  font-style: italic;
  float:right;
  color: white;
}

#chapitreDetailsImage .ressources-images-details .item h3{
  font-size: 18px;
  line-height: 140%;
}
#chapitreDetailsImage.print-box .print-btn{
  top:0;
  right: 0;
}

#chapitreDetailsImage .ressources-images-details .item .image{
  text-align: center;
  background-color: white;
  border: 1px solid #4e4e4e;
  border-bottom: 0 none;
}
#chapitreDetailsImage .ressources-images-details .item .image .img-responsive{margin: 0 auto;}
#chapitreDetailsImage .ressources-images-details .item .infos{
  position: relative;
  background-color: white;
  padding: 15px 20px;
  border: 1px solid #4e4e4e;
}
#chapitreDetailsImage .ressources-images-details .item .infos .copyright{
  padding-right: 200px;
}
#chapitreDetailsImage .ressources-images-details .item .infos .download{
  position: absolute;
  top:0;right:0;
  background-color: #4e4e4e;
  color: white;
  padding: 15px 20px;
  display: table;
  height: 100%;
}

#chapitreDetailsImage .ressources-images-details .item .infos .download a{
  color: white;
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  font-weight: 500;
}

#chapitreDetailsImage .ressources-images-details .item .chapitre-body{
  margin: 20px 0;
}


.ressources-galerie-images .tradition{
  position: relative;
  height: 32px;
  font-size: .9em;
  background-size: 28px 28px;
  background-position: 2px 2px;
}

.ressources-galerie-images .icon.icon-more
  {display: block;position:absolute; top:7px; left: 7px; width: 32px; height: 32px;background-image: url(../icons/more.neg.svg); background-color: #4e4e4e;}

.ressources-galerie-images .item img{border: 1px solid #4e4e4e;}

/* NEW - END */

.chapitre section .abstract{
  margin-bottom: 7px;
}

.chapitre section .abstract.alone{
  margin-bottom: 0;
}
#accordionGlossary{}
#accordionGlossary .title{padding-left: 0px;font-weight: bold;}
#accordionGlossary .title a{color: inherit;}

.ressources-links{}
.ressources-links .item{margin: 7px 0 15px 0;}
.ressources-links .item:after{content:' '; display: table;clear: both;height: 1px;margin-top:-1px;}

.container-glossaire{}
.container-glossaire h2.header{margin: 25px 0; padding-bottom: 0;font-size: 2em;font-weight: 600;}
.glossaire{margin-top: -20px; padding-bottom: 50px;}
.glossaire h2{padding-left: 20px;font-weight: 900}
.glossaire .group{column-count: 3;-moz-column-count: 3;}
.glossaire .group .item{padding: 2px 0;break-inside: avoid-column;-webkit-column-break-inside: avoid;}
.glossaire .group .item .btnGlossary{
  color: inherit; text-decoration: none;
  font-weight: 500;
  display: block;
  border-bottom: 1px solid white;
  padding: 2px 15px;
}
.glossaire .group .item .btnGlossary.active,
.glossaire .group .item .btnGlossary:hover
  {color: var(--cl-gen-text); border-color: var(--cl-gen-text)}

#glossaireDetails {padding: 30px 20px; background-color: var(--cl-gen-light); margin: 0 -20px;border-radius: 14px;}
#glossaireDetails .word{font-size: 1.2em; font-weight: bold;}
#glossaireDetails .msg{font-size: .85em; font-style: italic;}
#glossaireDetails .description{margin: 15px 0;}
#glossaireDetails .links{font-size: .85em;}
#glossaireDetails .links a{color: var(--cl-gen-text); text-decoration: none; font-weight: 500;}
#glossaireDetails .print-box.print-box-inline .print-btn {display: inline-block; margin-top: 15px; background-color: var(--cl-gen)}


#accordion header{padding: 14px 0px;}
#accordion section.wiki{padding: 14px 0px;}

body.brochure-de-l-eleve-au-format-electronique-pdf a.cl
{
	color:#c43d4d;
  font-weight: 600;
  text-decoration: none;
	display: block;
	padding-bottom: 4px;
}
body.brochure-de-l-eleve-au-format-electronique-pdf a.cl:hover
{
	text-decoration: underline;
}
/* WIKI */
.wiki h1 {font-size: 24px !important;}
.wiki h2 {font-size: 20px !important;}
.wiki h3 {font-size: 16px !important;}
.wiki h4 {font-size: 14px !important;}
.wiki h5 {font-size: 12px !important;}

.wiki section h1,
.wiki section h2,
.wiki section h3,
.wiki section h4,
.wiki section h5 {font-weight: 600 !important; color: #f0986b !important;}
.wiki ul {padding-left: 20px !important; list-style-type: disc !important;}
.wiki ul ul{padding-left: 20px !important; margin-bottom: 0 !important; list-style-type: none !important; list-style-image: url(../icons/tiret.svg);}


/* ADD FOR ACCESS */
body.access.connect{background-color: var(--cl-gen-light);}

header.header.header-access{
  padding-bottom: 20px;
  padding-top: 20px;
  height:auto;
  background-color: white;
}
header.header.header-access h1{
  margin-bottom: 0;
  line-height: 0;
  padding: 0 0 15px 0;
}
header.header.header-access h1 img{
  width: 380px;
}

body.access.connect.home header.header.header-access{
  padding-top: 80px;
}
body.access.connect.home header.header.header-access h1{
  padding: 25px;
  margin-top: -50px;
}
body.access.connect.home header.header.header-access h1 img{
  width: 100%;
}

body.access.connect > .container{
  padding-bottom: 40px;
}

header.header .box{
  margin:0;
  margin-left: 30px;
  padding: 25px;
  background-color: var(--cl-gen-text);
  border-radius: 15px;
  color: white;
}
header.header .box h2 {
  margin:0;
  margin-bottom: 15px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.85em;
}
header.header .box a{}

.container.connect{
  padding-top:0;
  margin-top: 0;
}
.container.connect .box{background-color: transparent;}

.container.connect section.text,
.box-white{
  margin:0;
  padding: 25px;
  background-color: var(--cl-gen);
  border-radius: 15px;
  margin-top: 25px;
}

.container.connect section.text h2,
.box-white h2
  {margin-top: 0;font-size: 1.85em; text-transform: uppercase; margin-bottom: 15px;font-weight: 900;}
.container.connect section.text h3,
.box-white h3
  {margin-top: 0;font-size: 1.3em;font-weight: 900;margin-bottom: 15px;}
.container.connect section.text{min-height: 210px;}

.container.connect section.text.first-visit{margin-left: 15px;}

/* MODULE eleve */
.icon{width: 60px; height:60px; background-size: 100% 100%; background-repeat: no-repeat;display: inline-block;}
.icon.icon-more{background-image: url(../icons/more.svg);}
.icon.icon-switch-on{background-image: url(../icons/switchOn.svg); height: 30px;}
.icon.icon-switch-off{background-image: url(../icons/switchOff.svg); height: 30px;}

/*
.icon.icon-play{background-image: url(../icons/play.svg);}
.icon.icon-stop{background-image: url(../icons/stop.svg);}
.icon.icon-neg.icon-play{background-image: url(../icons/play.neg.svg);}
.icon.icon-neg.icon-stop{background-image: url(../icons/stop.neg.svg);}
*/

.wiki h2 .icon,
.wiki h3 .icon
{
  vertical-align: bottom;
  margin-right: 7px;
  width: 40px;
  height: 40px;
}

body.module ul.nav.nav-tabs{margin-top: 25px;}
body.module ul.nav.nav-tabs li a{color:white;font-weight: 500;}
body.module ul.nav.nav-tabs li.active a{color:inherit;}
body.module ul.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
    background-color: #eee;
    color: inherit;
}

/*
.col-audio{ width: 80px;}
.col-audio.float-left{float:left;}
.col-audio.float-right{float:right;}
.audio-player .icon.icon-stop,
.audio-player.active .icon.icon-play
  {display: none;}

.audio-player .icon{
  width: 80px;
  height: 80px;
  margin-top: -5px;
  margin-left: 0;
}

.audio-player .icon.icon-play,
.audio-player.active .icon.icon-stop
  {display: inline-block;}
*/
#moduleGRP{background-color: white;padding: 7px 15px;}
#moduleGRP a.btn,
#moduleElevesMTH a.btn
  {color:white;}

#moduleGRP h3
{
  font-size: 16px;
  margin: 30px 0 10px 0;
  text-transform: uppercase;
}

#moduleElevesMTH table tr td:nth-child(1){width: 110px;}
#moduleElevesMTH table tr td:nth-child(3){width: 110px;}
#moduleElevesMTH table tr td:nth-child(5){width: 120px;}
#moduleElevesMTH table .icon-switch-on,
#moduleElevesMTH table .icon-switch-off
  {width: 40px; height: 20px;}

#moduleElevesMTH table table tr td:nth-child(1){width: 40px;}
#moduleElevesMTH table table tr td:nth-child(3){width: 160px;}

#moduleElevesMTH .switch-form{display: inline-block;cursor: pointer;}
#moduleElevesMTH .switch-form .icon-switch-on,
#moduleElevesMTH .switch-form .icon-switch-off
  {width: 40px; height: 20px;margin-bottom: -5px;margin-right: 5px;}
#moduleElevesMTH .switch-form .icon-switch-on{display: none;}
#moduleElevesMTH .switch-form.active .icon-switch-on{display: inline-block;}
#moduleElevesMTH .switch-form.active .icon-switch-off{display: none;}

#moduleElevesMTH .switch-form .info{font-weight: bold;}
#moduleElevesMTH .switch-form .info-switch-on{display: none;}
#moduleElevesMTH .switch-form.active .info-switch-on{display: inline-block;}
#moduleElevesMTH .switch-form.active .info-switch-off{display: none;}
#moduleElevesMTH .alert{margin: 20px 0 0 0;}
#moduleElevesMTH .alert ul{padding: 4px 0 4px 15px;}

#moduleElevesMTH .sujets .item{}


a.filtresTargetInvert {text-decoration: none !important; color: inherit;}
.filtresTargetInvert .invert-on{display: none;}
.filtresTargetInvert.active .invert-on{display: inline-block;}
.filtresTargetInvert.active .invert-off{display: none;}


.infos-tool{position: relative;}
.infos-tool .infos-tool-content{
  display: none;
  position: absolute;
  line-height: normal;
  background-color: white;
  padding: 7px 14px;
  border-radius: 14px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  width: 360px;
  left: 35px;
  top: -20px;
  font-size: .85em;
  cursor: pointer;
  max-height: 320px;
  overflow-y: auto;
}
.infos-tool .infos-tool-content h3,
.infos-tool .infos-tool-content h4
  {font-size: 1em; line-height: 125%;margin-top: 7px;}
.infos-tool.active .infos-tool-content{display: block; z-index: 999;}

/* MODULE ELEVE - USER */
.sujets .item{position: relative;}
.sujets .item label{margin:0;line-height: 0; padding:0;}
.sujets .item input{position: absolute;top: 15px; right:15px;z-index: 600;display: none;}
.sujets .item .infos-tool{position: absolute;bottom: 3px; right:3px;}
.sujets .item .tools{
  padding: 4px; border-top: 1px solid white;
  background-color: #999;
  min-height: 30px;
  padding-top: 6px;
  position: relative;
}

.sujets .item .view{
  position: absolute; right: 0; top: 0; bottom: 0; z-index: 999;background-color: white;
  padding-top: 1px;
}
.sujets .item .view a{
  color:#da8000; font-weight: bold;
  background-color: white;
  display: block;
  padding: 2px 7px;
  text-decoration: none;
  border: 1px solid #da8000;
  margin: 2px;
  border-radius: 5px;
}

.sujets .item .tools label{color: white;}
.sujets .item .tools .description{
  color: white;
  padding-left: 20px;
}
.sujets .item:hover .tools,
.sujets .item.active .tools,
.sujets .item .tools.active
  {background-color: #333;}
.sujets .item .tools .btnBack{
  position: absolute;
  top: 0; right:0; bottom:0; left:0;
  cursor: pointer;
}

.sujets .item.active label{

  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}


.sujets .item .tools .glyphicon{color: white;font-size: 1.15em;}
.sujets .item .tools .glyphicon-check{display: none;}


.sujets button.add{}
.sujets .item .tradition{
  position: absolute;
  top: 15px;
  left: 15px;
  width: 25px;
  height: 25px;
  padding: 0;
  background-position: 2px 2px;
  border-radius: 100px;
  background-size: 20px 20px;
  z-index: 500;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  }

	/* AUDIO PLAYER */
	.audio-player .icon{width: 45px; height:45px; background-size: 100% 100%; background-repeat: no-repeat;display: inline-block;}
	.audio-player .icon.icon-play{ background-image: url(./images/play.svg); }
	.audio-player .icon.icon-stop{ background-image: url(./images/stop.svg); }
	.audio-player .icon.icon-pause{ background-image: url(./images/pause.svg); }

	.audio-player{
	  background-color: #eee;
		border-radius: 15px;
		position: relative;
		padding: 5px 10px;
		margin: 25px 0;
		line-height: 0;
	}
	.audio-player.active{}
	.audio-player .icon.icon-stop,
	.audio-player.active .icon.icon-play,
	.audio-player .icon.icon-pause,
	.audio-player .time
	  {display: none;}

	.audio-player .icon.icon-play,
	.audio-player.active .icon.icon-stop
	  {display: inline-block;}

	.audio-player.stop .icon.icon-stop,
	.audio-player.stop.active .icon.icon-stop
		{display: none;}
	.audio-player.stop.active .icon.icon-play
		{display: inline-block;}

	.audio-player .icon{}

	.audio-player .time{
	  display: block;
	  position: absolute;
      top: 11px;
	  right: 15px;
	  left: 50px;
	  color: white;
	  font-size: .9em;
	  font-weight: 500;
	}
	.audio-player .time .clock{
	  position: absolute;
	  top:15px;
	  right: 0;
	  width: 100px;
		font-size: .85em;
		color: var(--svg-fill);
	}
	.audio-player .time .seek{
	  position: absolute;
	  top:4px;
	  left: 40px;
	  right: 110px;
	  height: 24px;
	  border: 1px solid white;
	  background-color: white;
	  background-image: linear-gradient(var(--svg-fill), var(--svg-fill));
	  background-repeat: no-repeat;
	  background-position: top left;
	  background-size: 0% 100%;
	  cursor: grab;
	}

	.audio-player .time .icon-pause{
	  position: absolute;
	  display: block;
	  top:0; left:0;
	  width: 32px; height: 32px;
	  margin:0;
	}
	.audio-player .time .icon-pause.active{
	  background-image: url(./images/play.svg?v=2);
	}

    body.chapitre.introduction .audio-player{ background-color: var(--cl-introduction);}
    body.chapitre.la-vierge-de-tendresse .audio-player{ background-color: var(--cl-la-vierge-de-tendresse);}
    body.chapitre.la-passion-de-jesus .audio-player{ background-color: var(--cl-la-passion-de-jesus);}
    body.chapitre.jesus-ressuscite-et-marie-de-magdala .audio-player{ background-color: var(--cl-jesus-ressuscite-et-marie-de-magdala);}
    body.chapitre.le-christ-en-majeste .audio-player{ background-color: var(--cl-le-christ-en-majeste);}
    body.chapitre.la-haggada-de-pessah .audio-player{ background-color: var(--cl-la-haggada-de-pessah);}
    body.chapitre.des-fetes-et-des-symboles .audio-player{ background-color: var(--cl-des-fetes-et-des-symboles);}
    body.chapitre.la-grande-mosquee-de-la-mecque .audio-player{ background-color: var(--cl-la-grande-mosquee-de-la-mecque);}
    body.chapitre.la-sourate-112-du-coran .audio-player{ background-color: var(--cl-la-sourate-112-du-coran);}
    body.chapitre.le-bouddha-dans-la-posture-de-l-eveil .audio-player{ background-color: var(--cl-le-bouddha-dans-la-posture-de-l-eveil);}
    body.chapitre.empreintes-des-pieds-du-bouddha .audio-player{ background-color: var(--cl-empreintes-des-pieds-du-bouddha);}
    body.chapitre.shiva-dansant .audio-player{ background-color: var(--cl-shiva-dansant);}
    body.chapitre.krishna-et-les-vacheres .audio-player{ background-color: var(--cl-krishna-et-les-vacheres);}
    body.chapitre.osiris-maitre-de-l-eternite .audio-player{ background-color: var(--cl-osiris-maitre-de-l-eternite);}
    body.chapitre.athena-pensive .audio-player{ background-color: var(--cl-athena-pensive);}
    body.chapitre.moai-de-rapa-nui .audio-player{ background-color: var(--cl-moai-de-rapa-nui);}
    body.chapitre.mola-du-peuple-guna .audio-player{ background-color: var(--cl-mola-du-peuple-guna);}
    body.chapitre.conclusion .audio-player{ background-color: var(--cl-conclusion);}

@media (max-width: 1200px)
{
  .nav-chapitrage .item{min-height: 1px;}
  .glossaire .group{column-count: 2;-moz-column-count: 2;}
  #fetes-index{padding-right: 20px;}

  .chapitre section .panel .panel-body .ressources-galerie-images .item{width: 33.33%;}

  body.home .col-main nav ul li.temple-grec {
    background-size: 55% auto;
  }
}

@media (max-width: 992px)
{
  .glossaire .group{column-count: 1;-moz-column-count: 1;}
  .chapitre header.header-fete{padding: 7px 15px;}
  .activites.pictos{display: none;}
  .col-sep{
    display: block;
    position: relative;
    left:0;
    top:auto;
    right:0;
    bottom:auto;
    width:auto;
    height:5px;
    margin: 15px -10px;
  }

  footer .col-canton,
  footer .text-center
  {
    width:50%;
  }
  footer .text-center,
  footer nav{text-align: right;}

  header.header nav {
    top: -30px;
    left: auto;
    right: 15px;
  }
  .glossaryLink{
    top:15px;
  }
  .chapitre section .panel .panel-body .ressources-galerie-images .item{width: 50%;}
}

@media (max-width: 768px)
{

  .container-home .pages ul{margin-left: 0;}
  .box{margin-right: 0;}
  #fetes-index .item{height: auto;}
  #fetes-index .item h3{margin-bottom: 25px;}
  #fetes-index .item h4{margin-bottom: 25px;margin-top: -20px;}
  #fetes-index .col:nth-child(2n-1){clear: left;}


  header.header-pages nav > ul > li::after {
      padding: 0 2px 4px 2px;
  }
  header.header-pages nav ul{font-size: 10px;padding: 4px 0;}

  .chapitre section .panel .panel-body .ressources-galerie-images .item{width: 33.33%;}
}

@media (max-width: 640px)
{
  .chapitre section .panel .panel-body .ressources-galerie-images .item{width: 50%;}
}
@media (max-width: 430px)
{
  .chapitre section .panel .panel-body .ressources-galerie-images .item{width: 100%;}
}

@media print
{
  body{color:#000000;}
  h1,h2,h3,h4{font-weight: 700;}
  h1{font-size:1.75em;}
  h2{font-size:1.5em;}
  h3{font-size:1.25em;}
  h4{font-size:1.15em;}
  body{padding: 15px 0;}
  #print-block footer{
    position: relative;
    border-top: 0.25pt solid #808080;
    margin-top: 50px;
    padding-top: 15px;
  }

  #print-block-content .item{margin-bottom: 50px;}
  #print-block-content .details .word{font-size: 1.25em; font-weight: 700;}
  #print-block-content .details .links{font-size: .85em; margin: 15px 0;}


  header.header-fete{
    padding: 20px 10px;
    border: 1px solid black;
  }
  header.header-fete .infos h2{font-size: 1.75em;}
  header.header-fete .infos .date{font-size: 1.25em;}
  header.header-fete .thumb{
  }
}