body{
    margin:0px;
    padding:0px;
    font-family: arial;
    overflow-x:hidden;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

header{
    height: 100px;
    /*background: linear-gradient(#eee, #ccc);*/
    background: -moz-linear-gradient(center top , #373737, #212121) repeat scroll 0 0 rgba(0, 0, 0, 0);
    position:fixed;
    width: 100%;
    display: block;
    margin:0px;
    z-index:1000;
}

header #menutop, header #menubottom{
    color: #888;
}

header a{
    text-decoration:none;
    font-size:13px;
    vertical-align: 30%;
}


#header-left{
    width: 30%;
    float:left;
}

#header-center{
    float:left;
    width:30%;
    margin-left:0px;
}

#header-right{
    float:right;
    width:40%;
}

#navigation{
    text-align: center;
}

#navigation_select{
    width:220px;
}

#navigation #previous, #navigation #next{
    padding: 5px ;
}

.header-top{
    height: 30px;
    padding-top:5px;
    padding-left:2px;
}

.header-bottom{
    border-top: 1px solid gray;
    padding-top:10px;
    padding-left:2px;
}

.selectedmenu a, #menubottom a.selectedmenu{
    /*text-decoration: underline;*/
    color:red;
}

#project-title{
    float:left;
    border-left:1px solid gray;
    padding: 0px;
    margin:0px;
    margin-left:10px;
    height:100px;
    /*width:60%;*/
}
#project-title h2{
    /*width:80%;*/
    font-size:36px;
    font-family: "Lucida Grande","Calibri",Helvetica,Arial,sans-serif;
    text-align: center;
    margin:auto;
    padding-top:30px;
    color:#aaa;
    padding-left: 30px;
}

/*#reading_options_box{
    width:50px;
}*/

#leftTableOfContents{
    width:180px;
    min-height: 200px;
    border: 1px solid #ccc;
    position:fixed;
    left:0px;
    top:150px;
    background-color:#ddd;
    display:none;
    font-size:10px;
}


#extra_content{
    float:right;
    width:15%;
    display:none;
    padding-left:5px;
}

.list ul, .listTitle{
    list-style-type: square;
    margin-top:20px;
    margin-bottom:20px;
    padding-left:15px;
}

.listBloc li{
    margin-left:15px;
}

/*do not display database name in resources' tree'*/
#home_list > .listBloc > .listTitle > li{
    display: none;
}

#home_list > .listBloc{
    border-left: 1px solid #aaa;
    margin-left: 50px;
}

#toc li{
    margin:10px;
}

#toc h1{
    padding-left:10px;
}

.exception{

    color:red;
    border: 1px solid red;
    width: 500px;
    margin:auto;
    text-align: center;
    margin-top:50px;
    margin-bottom:50px;
}

header h1{
    text-align: center;
}

a, a:visited{
    cursor: pointer;
    color:#336699;
    text-decoration:none;
    font-weight: bold;
    
}

header a, header a:visited{
    color:white;
}


.italic{
    font-style: italic;
}

.avecalinea{
    text-indent:20px;
}

#menu-right{
    width:40%;
    float:right;
    text-align:right;
    margin-top:-15px;
}

#menu-left{
    text-align:left;
    margin-left:10px;
}

nav a {
    margin-right:10px;
}

.choix_partie select{
    background-color: #ccc;
    border-color: #666666;
    color:#333;
}

#content{
    padding-top: 100px;
    margin-left:200px;
    width: 800px;
    float:left;
    background-color:white;
    min-height:60vh;

}


.corr, .sic{
    display:none;
}

.appel_note{
    font-size:smaller;
    line-height: 0px;
    vertical-align: super;
}

.appel_note:after{
    content: "]";

}

.appel_note:before{
    content:"[";
}

.mouseover_no{
    display:none;
}


.appel_note{
    text-decoration: none;
}

#content .pb{
    font-size:11px;
    font-style: normal;
    text-decoration: none;
    white-space: nowrap;
}

#content .pb:after{
    content:"}";
}

#content .pb:before{
    content:"{";
}

.corr{color: #bb0000;}


/*texte*/


.italic{
    font-style:italic;
}


.texte h2{
    font-family: georgia, arial, helvetica;
    font-size: 17px;
    font-weight: normal;
    line-height: 120%;
    margin:40px auto 30px;
    text-align: center;
}



.varLong{
    color:red;
}

.retour_texte:after {
    content: "]";
}
.retour_texte:before {
    content: "[";
}
.retour_texte{
    padding: 10px;
}

/*.manchette{
    
}*/

.clearer{
    clear:both;
    height:0px;
    margin:0px;
    padding:0px;
}

/*search engine answered text fragment*/
#p_target{
    /*background-color: #FFFFFF;
    border: 1px dashed black;*/
    padding: 5px;
    border-left: 1px solid #bbb;
}

/*witnesses*/

.details_wit{
    margin-left:20px;
    font-size:9px;
    font-style: italic;
}

#witnesses{
    padding-left:2px;
}

#witnesses #current_version{
    font-size:9px;
}

#witnesses div{
    margin-bottom: 10px;
    padding-left:10px;
}

#expand_witnesses, #collapse_witnesses{
    vertical-align:-35%;
}


/*options de lecture*/

#reading_box_wrapper{
    /*width:250px;*/
    float:left;
    display:block;
    margin-top:80px;
}

#reading_options_box{
    display:none;
    text-align:right;
}
#reading_box{
    width:180%;
    float:right;
    text-align:left;
}

/*#reading_box input[type='radio']{
    width:5px;
    height:5px;
}*/

.popbox a{
    text-align:right;
}

#reading_box .option_title{
    font-size:12px;
    font-weight: bold;
    padding-left:5px;
}

#reading_box label{
    font-size:10px;
    vertical-align:30%;
}

#home_cotent, #toc{
    font-family: verdana,sans-serif;
    color: #626262;
    line-height: 200%;
}

#home_content{
    font-size: 80%;   
    width:50%;
    margin-left:20%;
    text-align: justify;
}

footer{
    background-color: #336699;
    border-top:1px solid #aaa;
    border-bottom:1px solid #aaa;
    font-size:10px;
    padding-top:50px;
    text-align:center;
    color:#aaa;
    flex:1;
}

.lang, .selected_lang{
    cursor: pointer;
}

.selected_lang{
    text-decoration: underline;
}


header{
    border-bottom:1px solid #aaa;
}

#corpus_title{
    font-size:20px;
}


#corpus_subtitle{
    font-size:16px;
}