*,* *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{background:#FDFCFC;position:relative;height:100%;width:100%;color:#2A2B2F;margin:0;padding:0;font-family:Playfair, sans-serif;font-size:12px}@media (min-width: 600px){html,body{font-size:13.5px}}@media (min-width: 1000px){html,body{font-size:15px}}body{overflow:hidden}a,a:active{text-decoration:none;color:#636b6f}a:hover{color:#2A2B2F}p{text-align:justify}h1,h2,h3,h4,.h1,.h2,.h3,.h4{line-height:1em;margin:0;margin-bottom:.5em;padding:0;font-weight:bold}h1,.h1{font-size:3em}h2,.h2{font-size:1.5em}h3,.h3{font-size:1.2em}h4,.h4{font-size:1.2em}.small-caps{font-variant:small-caps}.text-right{text-align:right}.icone-navigation{height:22px;width:22px;vertical-align:middle}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#ddf7d4;color:#2A2B2F}:focus{outline:none}::-moz-focus-inner{border:0}.select2-dropdown{border-radius:0;border-width:2px}.jaune .select2-dropdown{border-color:#fff39d}.vert .select2-dropdown{border-color:#ddf7d4}.rouge .select2-dropdown{border-color:#ffcbcb}.bleu .select2-dropdown{border-color:#b3f0fc}body>aside.cadre-colore{background:#FDFCFC;position:absolute;top:0;left:0;bottom:0;width:50%}body>aside.cadre-colore img.logo-header{display:none}body.vert>aside.cadre-colore{background:#ddf7d4}body.bleu>aside.cadre-colore{background:#b3f0fc}body.jaune>aside.cadre-colore{background:#fff39d}body.rouge>aside.cadre-colore{background:#ffcbcb}body.gris>aside.cadre-colore{background:#DDD}@media (max-width: 600px){body>aside.cadre-colore img.logo-header{display:block;height:40px;width:auto}}body>header{position:absolute;top:0;left:0;right:40px;height:40px;z-index:2}body>header button.hamburger{display:none;position:absolute;top:0;right:0px;height:40px;width:40px;background:#EEE;border:0px none}body>header button.hamburger:hover,body>header button.hamburger:active{background:#2A2B2F;color:#FDFCFC;cursor:pointer}body>header button.hamburger.hamburger-modifications{display:block;top:40px;right:-40px}@media (max-width: 1000px){body>header button.hamburger.hamburger-modifications{right:40px;top:0}}body>header ul{list-style:none;margin:0;padding:0;text-align:right}body>header ul li{display:inline-block}body>header ul li a{display:block;min-height:40px;width:auto;padding:10px;line-height:20px}body>header ul li>ul{display:none}body>header ul li:hover>ul,body>header ul li.active>ul{display:block}@media (min-width: 1001px){body>header>ul li{box-shadow:0 0 -4px 0 transparent inset;position:relative}body>header>ul li.active{z-index:1}body>header>ul li:hover{z-index:2}body>header>ul li.active>ul,body>header>ul li:hover>ul{position:fixed;width:auto;top:40px;right:40px;left:50%;background:#FFF}.univers-jaune:hover,.univers-jaune.active,.univers-jaune li:hover,.univers-jaune li.active{box-shadow:0 -3px 0 0 #fff39d inset}.univers-vert:hover,.univers-vert.active,.univers-vert li:hover,.univers-vert li.active{box-shadow:0 -3px 0 0 #ddf7d4 inset}.univers-bleu:hover,.univers-bleu.active,.univers-bleu li:hover,.univers-bleu li.active{box-shadow:0 -3px 0 0 #b3f0fc inset}.univers-rouge:hover,.univers-rouge.active,.univers-rouge li:hover,.univers-rouge li.active{box-shadow:0 -3px 0 0 #ffcbcb inset}}.survol-jaune:hover,.survol-jaune.active,.survol-jaune li:hover,.survol-jaune li.active{box-shadow:0 -3px 0 0 #fff39d inset}.survol-vert:hover,.survol-vert.active,.survol-vert li:hover,.survol-vert li.active{box-shadow:0 -3px 0 0 #ddf7d4 inset}.survol-bleu:hover,.survol-bleu.active,.survol-bleu li:hover,.survol-bleu li.active{box-shadow:0 -3px 0 0 #b3f0fc inset}.survol-rouge:hover,.survol-rouge.active,.survol-rouge li:hover,.survol-rouge li.active{box-shadow:0 -3px 0 0 #ffcbcb inset}@media (max-width: 1000px){body>header{right:0;left:auto;width:50%;z-index:2}body>header button.hamburger{display:block}body>header ul{text-align:center;font-weight:bold}body>header>ul{transform:translateX(100%);-webkit-transform:translateX(100%);background:#FDFCFC;transition:all .5s ease 0s;position:fixed;top:40px;left:50%;right:0;bottom:40px;overflow:auto}body>header>ul li{display:block;width:100%}body>header>ul li:hover,body>header>ul li.active{border-left:40px solid #AAA;border-right:40px solid #AAA}body>header>ul li a{width:100%;color:#AAA}body>header>ul li ul{font-weight:normal}body>header>ul li.univers-jaune.active,body>header>ul li.univers-jaune:hover,body>header>ul li.univers-jaune li:hover,body>header>ul li.univers-jaune li.active{border-color:#fff39d}body>header>ul li.univers-vert.active,body>header>ul li.univers-vert:hover,body>header>ul li.univers-vert li:hover,body>header>ul li.univers-vert li.active{border-color:#ddf7d4}body>header>ul li.univers-bleu.active,body>header>ul li.univers-bleu:hover,body>header>ul li.univers-bleu li:hover,body>header>ul li.univers-bleu li.active{border-color:#b3f0fc}body>header>ul li.univers-rouge.active,body>header>ul li.univers-rouge:hover,body>header>ul li.univers-rouge li:hover,body>header>ul li.univers-rouge li.active{border-color:#ffcbcb}body.menu-ouvert>header ul{transform:translateX(0);-webkit-transform:translateX(0)}}@media (max-width: 600px){body>header>ul{left:0}}body>section{position:absolute;top:40px;left:40px;right:40px;bottom:40px;padding-top:0px !important;overflow:hidden;background:#FFF;z-index:1}body>section .logo-texte{width:128px;height:auto;opacity:.5;position:absolute;top:10px;left:10px}body>section>.contenu{margin-bottom:40px}body>section .pave-large{width:100%;text-align:center}
#txt_window_2, #txt_window{

overflow-y: scroll;
height: 100%}
	 
a{
text-decoration:none;
color:inherit;
}
a.pb{
	 color:inherit;
     background-color:#EEE;
 }
a.para{
background-color: white;}

.docAuthor{
    text-align: center;
    text-indent: 0;
    font-size: 1.5em;
}
.main, .group{    text-align: center;
    text-indent: 0;
    font-size: 2.5em;
    font-weight: lighter;
    margin: 1em 0 1em 0;
}
.sub{
text-align: center;
text-indent: 0;
font-size: 1.5em;
font-weight: lighter;
margin: 0.5em 0 0.5em 0;}
 a:hover{
/*background:#ddf7d4;*/
text-decoration: none;
}
            
a:focus{text-decoration: none;}
 a.note span, a.note2 span{
                 position:absolute;
                 width:30%;
                 margin-left:0 auto;
                 margin-right:0 auto;
                 color:black;
				background-color:white;
				text-align:justify;
				padding:1em;
font-size: 19px;
                 border-radius:3px;
                 box-shadow:0 0 2px rgba(0,0,0,.5);
                 transform:scale(0) rotate(-12deg);
                 transition:all 0.25s;
				 text-decoration: none;
     display: block;
            }



             a.note:hover span, a.note:focus span{
                transform:scale(1) rotate(0);
                opacity:1;
               text-decoration: none;
            }
.regorig{
display: block;
width: inherit}

.preg{
display:inline;
background: #44ac20;
color: #FFF;
padding: 2px}
.porig{
display:inline;
background: #e78888 ; color: #FFF;
padding: 2px;
}

/*body {position: absolute;
    
    border-bottom: 30px solid #b3f0fc;
     border-top: 30px solid #b3f0fc;
font-family: 'Playfair Display', sans-serif;
color: #2A2B2F;
}*/

.dedication{
margin: 1em 1em 3em 1em;
text-align: center;
font-style: normal;
font-size: 1.2em;
}
div.dedication p{
font-style: italic;
    text-indent: 1em;
    margin: 0;
}

a.pb_orig{
padding: 2px 5px;
color: #2A2B2F;
background: #b3f0fc;
font-size: 12px;
font-style: normal;
text-indent: 0;
}

a.pb_reg{
padding: 2px 5px;
color: #2A2B2F;
background: #b3f0fc;
font-size: 12px;
font-style: normal;
text-indent: 0;
}
a.pb{
padding: 2px 5px;
color: #2A2B2F;
background: #b3f0fc;
font-size: 12px;
font-style: normal;
text-indent: 0;
}

.dateline{
margin-top: 2em;
margin-bottom: 5em;
text-align: right;}
.signed{
text-align: right;
margin: 0.5em 2em 0.5em 0;}

.dedication > .salute{
text-align: center;
font-style: normal;
font-size: 1.2em;
margin: 0 0 1em 0;}
.salute{   text-align: center;
    font-style: normal;
    font-size: 1.2em;
    margin: 0 0 1em 0;}
.dedication > .closer > .salute{
font-style: italic;}
.closer > .salute{
text-indent: 6em;
margin: 0;}
p {
    text-indent:1em;
    font-size:15px;
     text-align:justify;
color : #2A2B2F;
margin-right: 3%;
margin-left: 3%;

}
.span_c:hover, .survol-cible{background:#EEE;cursor:pointer}
 
.deplacement{background: #e5d30a; color: #FFF;}
.insertion{background: #44ac20; color: #FFF;}
.suppression{background: #e78888; color: #FFF;}
.remplacement{background:  #0ac0e5; color: #FFF;}

span.sc{font-variant: small-caps;
font-style: normal;
padding: 0 5px
}
em{padding: 0 5px}


	 a{
	 color:inherit;
text-decoration: none;

 }

.apercu-visible{transform:translateX(0);-webkit-transform:-webkit-translateX(0)}
div#txt_title1, div#txt_title2{
font-size: 2em;
padding: 10px 20px;}
p.label{
text-align: center;
font-size: 110%;
margin: 1em 0 1em 0;}
.i{
font-style: italic}
.center{
text-align:center}
div.lg{margin-bottom: 1em;}
div.poem{
margin: 2em 0 2em 2em;}
div.press{
margin: 1em 0 1em 2em;}
p.noindent{
text-indent: 0 !important; }
p.center{
text-align: center;}
.txt_container{
width: 50%;
}
div.legal, div.treatise, div.press{
margin: 1em 0 1em 2em;}
.letter{
margin: 1em 0 1em 2em;}
.head{
font-size: 120%;
text-align: center;
margin: 1.5em 0 1.5em 0;
line-height: 1.5em;}
.quote{
    margin: 1em 0 1em 3em;
}
/*carousel*/
.comparaison-html #modification{
flex:1 1 auto;
-webkit-flex:1 1 auto;
padding:0;
position:relative;
/*top:40px;*/
/*bottom:40px;*/
width: 10%;
}
/*comparaison-html #modifications.active
{transform:translateX(0%)
}*/
span.light{
color:#AAA;
}
span.separator{
font-size: 0.5em;
color:#AAA;}
@media (max-width: 1000px)
{.comparaison-html #modifications
{right:40px;left:40px}
}
@media (max-width: 600px)
{.comparaison-html #modifications
{right:0px;left:0px; }
}
.comparaison-html #rempl_ins_supp,.comparaison-html #depl
{pointer-events:auto}
.comparaison-html #rempl_ins_supp>div>h4,.comparaison-html #depl>div>h4{background:#EEE;padding:5px 10px;cursor:pointer}
.comparaison-html #rempl_ins_supp>div>h4 .nbr_occurences,.comparaison-html #depl>div>h4 .nbr_occurences
{color:#AAA}
.comparaison-html #rempl_ins_supp>div>h4:hover,.comparaison-html #depl>div>h4:hover{color:#FFF; height: 30px, overflow-y:auto; overflow-x:hidden;}
.comparaison-html #rempl_ins_supp>div>h4:hover .nbr_occurences,.comparaison-html #depl>div>h4:hover .nbr_occurences
{color:#FFF}
.comparaison-html #rempl_ins_supp>div>h4 img,.comparaison-html #depl>div>h4 img{display:none}
.comparaison-html #rempl_ins_supp>div>ul,.comparaison-html #depl>div>ul
{background:#FFF;height:20vh;overflow-y:auto; overflow-x:hidden; transition:all .5s ease 0s;margin:0;list-style:none;text-align:left;padding:0 5px; display: block;}
.comparaison-html #rempl_ins_supp>div>ul>li,.comparaison-html #depl>div>ul>li{display:flex;display:-webkit-flex}
.comparaison-html #rempl_ins_supp>div>ul>li span:first-child,.comparaison-html #depl>div>ul>li span:first-child
{color:#AAA;padding-right:5px}
.comparaison-html #rempl_ins_supp>div>ul>li span:last-child,.comparaison-html #depl>div>ul>li span:last-child
{flex:1 1 100%;-webkit-flex:1 1 100%;text-align:left}
.comparaison-html #rempl_ins_supp>div>ul>li span:last-child a,.comparaison-html #depl>div>ul>li span:last-child a
{width:100%;display:block;text-decoration:none;background-color:inherit;}
.comparaison-html #rempl_ins_supp>div>ul>li:hover,.comparaison-html #depl>div>ul>li:hover{background:#F5F5F5}
.comparaison-html #rempl_ins_supp>div.liste-visible>ul,.comparaison-html #depl>div.liste-visible>ul{max-height:50vh;overflow-y:auto; overflow-x:hidden;}
.comparaison-html #remplacements h4:hover
{background:#0ac0e5}
.comparaison-html #insertions h4:hover
{background:#44ac20}
.comparaison-html #suppressions h4:hover
{background:#e78888}
.comparaison-html #deplacements h4:hover
{background:#e5d30a}
.comparaison-html #rempl_ins_supp,.comparaison-html #depl
{font-size:.8em}
.comparaison-html #rempl_ins_supp>div>[class*="_prev_btn"],.comparaison-html #rempl_ins_supp>div>[class*="_next_btn"],.comparaison-html #depl>div>[class*="_prev_btn"],.comparaison-html #depl>div>[class*="_next_btn"]
{display:none}
.comparaison-html #deplacements_buttons,.comparaison-html #deplacements img
{display:none}
.comparaison-html
{display:inline-flex; height:100%; flex:none !important}
.comparaison-html #modifications
    {width: 15%;padding:0; margin-top: 3px}
     body{overflow-x: hidden !important}
    #windows{display: inline-flex !important; width: 70%; flex:none !important; flex-direction: row !important}
       .apercu-page-gauche{display:block;position:absolute;top:0;left:-3%;right:auto;bottom:0;width:50%;transform:translateX(-100%);-webkit-transform:-webkit-translateX(-100%);overflow:auto;background:#ddf7d4;z-index:2;transition:all .25s ease 0s;-webkit-transition:all .25s ease 0s}
        .apercu-page-droite{display:block;position:absolute;top:0;left:auto;right:-3%;bottom:0;width:50%;transform:translateX(100%);-webkit-transform:-webkit-translateX(100%);overflow:auto;background:#ddf7d4;z-index:2;transition:all .25s ease 0s;-webkit-transition:all .25s ease 0s}
        .apercu-page-gauche.apercu-visible{transform:translateX(0);-webkit-transform:-webkit-translateX(0);left:0; }
        .apercu-page-droite.apercu-visible{transform:translateX(0);-webkit-transform:-webkit-translateX(0);right:0; }
        .scan-page{width:100%;height:auto;display:block;text-align:center; }
        .apercu-page-gauche button, .apercu-page-droite button{position:absolute;top:0px;right:0px;height:40px;width:40px;background:none;border:0px none;padding:4px;margin:0;cursor:pointer}
        .apercu-page-gauche button:hover, .apercu-page-droite button:hover{background:#2A2B2F}.apercu-page-gauche button img, .apercu-page-droite button img{height:100%;width:auto; }

.menu-compar{
         left:0; background: #EEE; width: 15%; padding-top: 10%
    }
  .menu-compar section {
    text-align: left;
                                        padding: 10px;}
.menu-compar section ul {
    list-style: none;
    padding: 0;
    margin-top: 25%;
}
.menu-compar section ul li>span {
    display: block;
    padding: 5px;
    font-weight: bold
    
}
.menu-compar section ul li.active {
    display: block;
    padding: 5px;
    font-weight: bold;
    background-color:#b3f0fc; 
    
}
h1{font-size : 2em !important; text-align: center}

.svg-loader {
    /* padding: 20px; */
    position: absolute;
    top: 40%;
    left: 50%;}
.figure{
    width: -moz-available;          
  width: -webkit-fill-available;
    width: 80%
}