<commit_before>/*
*
* Template For Castor termITH
*
* By <NAME>
*
* <EMAIL>
*
*/


@font-face {
    font-family: 'manteka'; src: url('../fonts/manteka.ttf');
}
@font-face {
    font-family: 'segoe'; src: url('../fonts/segoeui.ttf');
}

@font-face {
    font-family: 'segoeprb'; src: url('../fonts/segoeprb.ttf');
}
@font-face {
    font-family: 'segoepr'; src: url('../fonts/segoepr.ttf');
}
@font-face {
    font-family: 'segoeuisl'; src: url('../fonts/segoeuisl.ttf');
}

@media (min-width: 1600px) {



}

html{
    height: 100%;

}


.bgYellow{
    background: #FFA65A;
}

.bgRed{
    background: #FF7471;
}

.test{
    background: #bb9ff5;

}

.italic{
    font-style: italic;
    font-size: 12px;
}

.bold{
    font-weight: bold;
}


body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

body > header{
    display: none;
}
#BrowseDocuBigDiv{
    background: #F2F2F2;
    margin: 0 auto;
    padding-top: 50px ;
    float: none !important;
    text-align: center;
}

#showOnClickDiv{
    display:none;
    transition: all 0.9s ease;
}

.showOnClickDivView{
    position: absolute;
    width: 80%;
    float:none;
    margin: 0 auto;
    left: 10%;
    z-index:99;
    opacity: 1;
}

#content{
    height: 90%;
    margin: 0 auto;
    float:none;
    top: 5%;
    padding: 0;
    box-shadow: 6px 6px 1px #444;
    overflow: hidden;
    background: #ffffff;
}

#contentDisplay{
    height: 90%;
    margin: 0 auto;
    float:none;
    top: 5%;
    padding: 0;
    box-shadow: 6px 6px 1px #444;
    overflow: hidden;
    background: #ffffff;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
}

#bodyBrowse{
    background: #E5E5E5 ;
}

#divOverTableBrowse{
    margin: 0 auto;
    float:none;
}


#h1Browse{
    font-size: 39px;
    color: rgba(85,85,85,0.8);
    font-family: verdana;
    letter-spacing: 12px;
    float:none;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    background: none;
    border: 2px solid rgba(85,85,85,0.7);
    margin: 0 auto;
    margin-bottom: 50px;
    border-radius: 75px 0 75px 0;
    margin-top: 0px;
    box-shadow: 7px 7px 2px 0 rgba(204,106,99,0.6);
}


.resumeKeywordsFull{
    margin: 0 auto;
    padding: 0;
    float:none;
}

#browseTable{
    text-align: center;
    padding-top:50px;
    margin: 0 auto;
    width: 100%;
}

#browseTable thead tr th {
    text-align: center;
    font-family: 'segoeuisl';
    font-size:23px;
    letter-spacing: 3px;
    color: rgba(85,85,85,0.8);
    text-shadow: 1px 1px 1px rgba(85, 85, 85, 0.52);
}

.browseTd{
    height:135px;
    font-size: 22px;
    font-family: 'segoe';
}

.browseTr{
    height:135px;
}

.browseNumbTh{
    color: #fff;
    padding-bottom: 17px;
    padding-top: 17px;
}

.browseYearTh{
    color: #fff;
    padding-bottom: 17px;
    padding-top: 17px;

}

.browseAuthorTh{
    color: #fff;
    padding-bottom: 17px;
    padding-top: 17px;

}

.browseTitleTh{
    color: rgba(85,85,85,0.8);
    padding-bottom: 17px;
    padding-top: 17px;

}

.browseMarkTh{
    color: #fff;
    padding-bottom: 17px;
    padding-top: 17px;

}

thead{
    border-top: 2px solid rgba(85,85,85,0.7);
    border-bottom: 2px solid rgba(85,85,85,0.7);
}

tbody:before{
    line-height:2.2em;
    content:"\200C";
    display:block;
}



.browseTdInter{
    height:35px;
}

.browseNumb{
    background: #CC6A63;
    color: #fff;
    font-family: 'manteka';
    border: 1px solid #CC6A63 ;

}

.browseYear{
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid rgba(85, 85, 85, 0.7);
    border-right: 1px solid rgba(85, 85, 85, 0.7);
    border-top: 1px solid rgba(85, 85, 85, 0.7);
    color: rgba(85, 85, 85, 0.8);
    font-family: "segoeuisl";
    overflow: hidden;
    padding-left: 2%;
    padding-right: 2%;
    word-wrap: break-word;
}

.abrowseNumber{
    color: #fff;
    transition: all 700ms;
    height: 100%;
    width: 100%;
    line-height: 135px;
    display: inline-block;
    transition: all 1500ms;
}

.abrowseNumber:hover{
    background: #8F44AD;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: #fff;
}

.divAbrowseNumber{
    height:100%;
    width:100%;
    display:inline;
    vertical-align:middle;
}


.browseTitle{
    padding-left:2%;
    padding-right:2%;
    background: transparent;
    color: rgba(85,85,85,0.8);
    font-size:16px;
    border-right: 1px solid rgba(85,85,85,0.7);
    border-top: 1px solid rgba(85,85,85,0.7);
    border-bottom: 1px solid rgba(85,85,85,0.7);
}

.abrowseTitle{
    color: rgba(85,85,85,1);
    transition: all 700ms;
    font-size:20px;
    font-family: 'segoeuisl';
}

.abrowseTitle:hover{
    color: #fff;
}

.browseAuthor{
    padding:4px;
    color: #fff;
    background: #34CDB8;
    font-family: 'segoepr';
}


thead .browseSize{
    color: #fff;
}


.browseCategory{
    padding:4px;
    background: #5BB1FC;
    color: #fff;
}

.browseMark{
    padding:4px;
    background: #FFA65A;
    color: #fff;
    font-family: 'segoepr';
    font-size:25px;
}

td{
    transition: all 550ms;
}

.trBody:hover  .browseNumb, .trBody:hover  .browseMark,  .trBody:hover .browseCategory, .trBody:hover  .browseTitle, .trBody:hover  .browseAuthor, .trBody:hover  .browseYear {
    background: #CC6A63 !important;
    color: #fff !important;
    border-color: #fff;
}

.trBody:hover .browseTitle a {
    color: #fff !important;
}

.trBody:hover .spanBrowseMark {
    background: #fff;
    color: #333;
    padding:20px;
    border-radius:15px;
}

table tr[data-href] {
    cursor: pointer;
}

.divNoDocs{
    margin: 0 auto;
    float:none;
    font-family: 'segoepr';
    color:#fff;
    font-size:55px;
    text-align:center;
    margin-top:130px;
}

.spanDivNoDocs{
    font-size:70px;
}


/*
* Under: Display Docs!
*/

#divArrLeft{
    text-align:center;
    color:#fff;
    font-size:17px;
    height: 100%;
    display: table;
    max-height:100%;
    overflow:hidden;
}

#divArrLeft span{
    display: table-cell;
    vertical-align: middle;
}

#divArrRight{
    display: table;
    text-align: center;
    height:100%;
    font-size:17px;
    max-height:100%;
    overflow:hidden;
}

#divArrRight span{
    display: table-cell;
    vertical-align: middle;
}

#divNavMiddle{
    display:table;
    height:100%;
    text-align:center;
    color:#fff;
    font-size:17px;
    max-height:100%;
    overflow:hidden;
}

#divNavMiddle p{
    line-height: normal;
    display:table-cell;
    vertical-align: middle;
}

#divNavMiddle p a{
    color: #fff;
    font-family: verdana;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: 1px;
}

.spanArrows{
    line-height:normal;
    text-align:center;
    color: rgba(0,0,0,0.1);
    font-size:17px;

}


#leftSection{
    height: 100%;
    text-align: center;
    overflow-x: hidden;
    overflow-y: hidden;
    padding:0;
    border-right: 1px solid rgba(51, 51, 51, 0.3);
    position: relative;
}

#headerInfoDisplayDocs{
    width:  100%;
    height: 60%;
    position: absolute;
    top:0;
    overflow-x: hidden;
    overflow-y: hidden;
}


.headerDisplayInfos{
    padding:0;
    margin:0;
}

.authorAndyear{
    padding:0;
    margin:0;
    height:300px;
}

.displayYear{
    background: #44B2BA ;
    color:  #fff;
    font-family: 'segoeuisl';
    text-align: center;
    font-size: 18px;
    height:28%;
    display:table;
    width: 100%;
}

.timeGliph{
    margin: 0 auto;
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
    padding-left:7px;
    padding-right: 7px;
    width: 1px;
}

.timeInfoDispaly{
    display: table-cell;
    vertical-align: middle;
    font-size: 23px;
}

.displayMethodBu {
    color: #333;
    display: table;
    font-family: "segoe";
    font-size: 17px;
    height: calc(100% - 140px);
    max-height: calc(100% - 140px);
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}

.methodLinkround{
}

.methodLinkround span{
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
}

.authorGliph{
    margin: 0 auto;
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
    padding-left:7px;
    padding-right: 7px;
    width: 1px;
    background-color: #CC6A63;
    color: #fff;
}

.methodsNameDisplayD {
    display: table-cell;
    font-style: italic;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 15px;
    position: absolute;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

.methodLinkround:first-child{
    margin-top: 0 !important;
}

.displayDiscipline{
    color: #fff;
    font-family: 'segoe';
    text-align: center;
    font-size: 20px;
    height: 105px;
    letter-spacing: 1px;
    display:table;
    width: 100%;
}

.disciplineGliph{
    margin: 0 auto;
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
    padding-left:7px;
    padding-right: 7px;
    width: 1px;
    background: #CC6A63;
}

.methodLinkround{
    border: 11px solid rgba(204, 106, 99, 0.6);
    border-radius: 95px;
    display: table;
    height: 95px;
    margin: 15px auto 0;
    position: relative;
    width: 95px;
    font-size: 16px;
    text-align: center;
    font-family: segoeuisl;
    color: #333;
    font-style: italic;
    transition: all 250ms;
}

.methodLinkround:hover{
    border: 6px solid #FF847C !important;
}

.disciplineInfoDisplay{
    background: none repeat scroll 0 0 #cc6a63;
    border-radius: 0 50px;
    display: table;
    font-size: 18px;
    height: 75px;
    margin: 15px auto 0;
    padding: 7px;
    position: relative;
    vertical-align: middle;
    width: 80%;
}

.disciplineInfoDisplay span{
    display: table-cell;
    vertical-align: middle;
}

.divTopDisplay{
    line-height: normal;
    width: calc(100% + 1px);
    padding: 0;
    margin: 0;
    height: 35px;
    background: #CC6A63;
}


.divHoverH1Display{
    line-height: normal;
    margin: 0;
    background: #CC6A63;
    z-index: 8;
    display:block;
    border-radius: 0 0 0 2px;
    height: 25%;
    position: fixed;
    width: 76.311%;
    padding: 0;
    top: calc(5% + 1px);
}

#arroundedBlock{
    background: none repeat scroll 0 0 #fff;
    border-radius: 50% / 100% 100% 0 0;
    bottom: 0;
    height: 50%;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    box-shadow: 0 -5px 3px -6px rgba(74, 78, 79, 0.7)
    z-index: 9;
}

#h1Block{
    display:table;
    height:50%;
    width: 100%;
}


#h1DisplayDocs{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    display: table-cell;
    float: none;
    font-family: verdana;
    font-size: 18px;
    line-height: normal;
    font-style: italic;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}


#sectionResumeDisplayDocs{
    margin-top: 0px;
    text-align:center;
    padding: 0;
    transition: all 0.9s;
}

#sectionKeywordsDocs{
    margin-top: 0px;
    text-align:center;
    padding:0;
}

.divHoverResume{
    height: 15%;
    display:table;
    width: 100%;
    transition: all 650ms;
    cursor: pointer;
}

.resumeGliph{
    background: none repeat scroll 0 0 #CC6A63;
    color: #fff;
    display: inline-block;
    font-size: 23px;
    line-height: normal;
    margin: 0 auto;
    padding-top: 0;
    position: static;
    transition: all 650ms ease 0s;
    width: 100%;
}

#linkFullArticle{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    font-size:18px;
    font-family: 'segoeprb';
    color:#fff;
    transition: all 650ms;
}

.divHoverResume:hover #linkFullArticle{
    background: #ffffff !important;
    color: #444 !important;
}

.divHoverResume:hover  span{
    background: #ffffff !important;
    color: #333 !important;
}

.divHoverResume:hover {
    background: #ffffff;
    color: #333;
}





.scroller-content{
    padding: 0 !important;
}

#sectionArticle{
    bottom:0;
    height:40%;
    width: 100%;
    max-height: 50%;
    overflow-y: hidden;
    overflow-x: hidden;
    opacity: 0.15;
    position: absolute;
}

#sectionArticle .scroller-content{

}

#sectionArticle .scroller-handle{
    background: none repeat scroll 0 0 #CC6A63;
    opacity: 1;
    border:0;
    border-radius: 0;
    width:100%;
    right: 0;
}


div .methodsameDisplayD{
    font-size: 15px;
}

span .methodsameDisplayD{
    font-size: 17px;
}


#keywordsSection{
    max-width:95%;
    text-align:center;
    height:100%;
    padding:0;
    overflow-y: hidden;
    overflow-x:hidden;
    hyphens: auto;
    word-wrap: normal;
    position: relative;
}

#keywordsSection h2{
    margin-bottom: 40px;
    color: #444;
}

.keywordsGliph{
    float:right;
    color:#fff;
    font-size:35px;
    margin-top:19px;
    margin-right:35px;
}

#keywordsSection .scroller-content{


}

#keywordsSection .scroller-handle{
    border-radius: 2px;
}

#articleSectionResumeDisplay{
    color: #333;
    margin: 0 auto;
    padding: 18px;
    word-wrap: break-word;
    font-size:16px;
    display: block;
    vertical-align: middle;
    font-family: 'segoe';
    padding-top:5px;
}

.articleSectionResumeDisplayView{
    color: #333;
    font-family: 'segoeuisl';
    font-size: 19px;
    padding: 30px;
    display: block;
    text-align: center;
    vertical-align: middle;
    border-color: #fff !important;


}

#keywordsDisplayDiv{
    position: relative;
    top:17%;
    z-index:99999;
    float: right;
    overflow-y: auto;
    height: 83%;
    display: none;
    overflow-x: hidden;
    padding: 0;
}

#keywordsInist{
    position: relative;
    display: none;
    width: 50%;
    float: right;
    border-left: 3px dotted rgba(204, 106, 99, 0.6);
}


.divForListKeywords{
    min-height: 200px;
    width:75%;
    margin: 0 auto;
    padding-bottom:40px;
}



#divSectionKeywordsDisplay{
    padding-left: 6px;
    padding-top:60px;
    border-left: 6px dotted #fff;
    border-right: 12px solid #FF7A85;
    border-bottom: 12px solid #FF7A85;
    height: 300px;
    max-height:300px;
    overflow: hidden;
    word-wrap: break-word;

}


.keywordsScrollBar{
    background: blue;
}

#divSectionKeywordsDisplay ul{
    padding: 0;
    max-width: 100%;
    overflow: hidden;
    word-wrap: break-word;
}

.h2SectionsDisplayDocs{
    color: #fff;
    float: none;
    font-family: 'segoeprb';
    font-size: 25px;
    margin: 0;
    padding: 26px;
    transition: all 750ms;

}


.h3KeywordsDisplayDocs {
    background: none repeat scroll 0 0 white;
    border-radius: 5px;
    border-top: 2px solid rgba(255, 255, 255, 0.3);
    color: #333;
    font-family: verdana;
    font-size: 25px;
    margin: 50px auto 0;
    padding: 20px;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;

}

.h3KeywordsDisplayDocs:first-Child{
    border:0;
    margin-top:0;
    margin-top: 50px;
}

.keywordsUtilsDisplay{
    background-image:none;
    background: #fff;
    color:#333;
    border:0;
    margin:6px;
    font-size: 16px;
    font-family: 'segoeuisl';
}

.methodsKeywords{
    display:none;
    position: absolute;
}

.keywordsUtilsDisplay:hover{
    background-image:none;
    background: #fff;
    color:#333;
    border:0;
    margin:6px;
    font-size: 16px;
}

.keywordsinistDisplay{
    background-image:none;
    background: #fff;
    color:#333;
    border:0;
    margin:6px;
    font-size: 16px;
    font-family: 'segoeuisl';
}

.keywordsinistDisplay:hover{
    background-image:none;
    background: #fff;
    color:#333;
    border:0;
    margin:6px;
    font-size: 16px;
}


.keywordsAuthorsDisplay{
    background-image:none;
    background: #fff;
    color:#333;
    border:0;
    margin:6px;
    font-size: 16px;
    font-family: 'segoeuisl';
}

.keywordsAuthorsDisplay:hover{
    background-image:none;
    background: #fff;
    color:#333;
    border:0;
    margin:6px;
    font-size: 16px;
}

.keywordsMethodsDisplay{
    background: none repeat scroll 0 0 transparent;
    border: 2px solid #FF9C95;
    color: #333;
    font-family: 'segoe', verdana;
    font-size: 16px;
    font-style: italic;
    margin: 10px;
    text-shadow: none;
    transition: all 2000ms;
    height: 105px;
    max-height: 105px;
    overflow-y: hidden;
}

.keywordsMethodsDisplayDone{
    background: none repeat scroll 0 0 transparent;
    border: 1px solid rgba(85,85,85,0.3);
    color: #333;
    font-family: 'segoe',verdana;
    font-size: 16px;
    font-style: italic;
    margin: 10px;
    text-shadow: none;
    transition: all 500ms;
    height: 105px;
    max-height: 105px;
    overflow-y: hidden;
    opacity: 0.7;
}

.keywordsMethodsDisplayDone:hover{
    background: none repeat scroll 0 0 transparent;
    transition: all 500ms;
}
.keywordsMethodsDisplay:hover{
    background: none repeat scroll 0 0 transparent;
    transition: all 500ms;
}


.frenchFlag{
    height:40px;
    width:90px;
    background: white;
    margin: 0 auto;
    margin-top:20px;
    margin-bottom:20px;
}

.frenchFlagBlue{
    height:40px;
    width:30px;
    background: #4758AA;
    margin: 0 auto;
    float:left;
}

.frenchFlagRed{
    height:40px;
    width:30px;
    background: #F05261;
    float:right
}


.englandFlag{
    height:40px;
    width:90px;
    margin: 0 auto;
    margin-top:20px;
    margin-bottom:20px;
    background: #fff;
}

.englandFlagVertical{
    width: 10px;
    background: #F05261;
    height:40px;
    margin-left:40px;
}

.englandFlagHorizontal{
    background: none repeat scroll 0 0 #f05261;
    bottom: 25px;
    height: 10px;
    position: relative;
    width: 90px;
}

input[type=radio] {
    display:none;
}

input[type=radio] + label {
    display:inline-block;
    margin: 5px;
    padding: 4px 12px;
    background-color: #e7e7e7;
    border-color: #ddd;
    color: #555;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
}

input[type=radio] + label:hover {
    background: #CC6A63;
    color: #fff;
}


input[type=radio]:checked + label {
    background-image: none;
    background-color:transparent;
    font-weight: bold;
}

input[value='0']:checked + label {
    background-image: none;
    color: red;
}

input[value='1']:checked + label {
    background-image: none;
    color: orange;
}

input[value='2']:checked + label {
    background-image: none;
    color: green;
}

.formNotedKeyword{
    display: table;
    margin: 0 auto;
    height:40px;
}
.loader-quart{

    height: 30px;
    width: 30px;
    border-radius: 30px;
    display: inline-block;
    border: 4px solid rgba(0,0,0,0.3);
    position: relative;

}
.loader-quart:after{
    content: '';
    border-radius: 30px;
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
    border: 4px  solid transparent;
    border-top-color: rgba(0,0,0,0.6);
    animation : spin 450ms linear 0s infinite;
    -webkit-animation : spin 1s linear 0s infinite;

}

.loader-quart-ok{

    height: 30px;
    width: 30px;
    border-radius: 30px;
    display: inline-block;
    border:4px solid #51D21F;
    animation : spin 1s linear 0s infinite;
    position: relative;

}

@keyframes spin{
    0%{
        transform :rotate(0deg);
    }
    100%{
        transform :rotate(360deg);
    }
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform :rotate(0deg);
    }
    100%{
        -webkit-transform :rotate(360deg);
    }
}

/*
*Under : Full article
*/

#sectionCompletArticle{
    padding:0;
    margin:0;

}

#sectionCompletArticle:hover .h2FullArticle{
    background: #fff;
    color: #555;
}

#sectionCompletArticle:hover #fullArticle{
    border-color: #fff;
    border-right: 6px solid #fff;
    padding-right: 12px;
}

#sectionCompletArticle:hover ~ #sectionResumeDisplayDocs #articleSectionResumeDisplay{
    border-left: none;
    padding-left: 23px;
}



#sectionKeywordsDocs:hover .h2SectionsDisplayDocs{
    background: #fff;
    color: #555;
}

#sectionKeywordsDocs:hover #divSectionKeywordsDisplay{
    border-color: #fff;
    border-left: 6px solid #fff;
}

#sectionResumeDisplayDocs:hover .h2SectionsDisplayDocs{
    background: #fff;
    color: #555;
}

#sectionResumeDisplayDocs:hover #articleSectionResumeDisplay{
    border-color: #fff;
    border-right: 6px solid #fff;
    border-left: 6px solid #fff;
    padding-right: 13px;
}

#sectionResumeDisplayDocs:hover ~ #sectionKeywordsDocs #divSectionKeywordsDisplay{
    border-left: none;
    padding-left:12px;

}


.h2FullArticle{
    color:#fff;
    text-align: center;
    margin: 0 auto;
    float:none;
    margin-top:0px;
    font-family: 'segoeprb';
    font-size: 30px;
    padding: 26px;
    background: #D98E66;
    transition: all 750ms;
}

.h3FullArticle{
    color:#333;
    font-family: 'segoepr';
    font-size: 35px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}

#fullArticle{
    color: #333;
    margin: 0 auto;
    float:none;
    height: auto;
    margin-top:0;
    padding:18px;
    max-width:100%;
    overflow: hidden;
    word-wrap: break-word;
}

.divFullArticle{
    font-family:verdana;
    margin-top:30px;
}

.figureFullArticle{
    margin-top:50px;
    margin-bottom:50px;
    text-align: center;
    max-width:100%;
}

.imgFullArticle{
    margin: 0 auto;
    max-width:100%;

}

.pFullArticle{
    padding: 15px;
}

.figureFullArticle{
    text-align: center;
}

.figcaptionFullArticle{
    margin-bottom:10px;
}

.scroller-track{
    background: #E5E5E5 !important;
}


.scroller-bar{
    border-left: 0 !important;
}


.loading{
    display: table;
    margin: 2px auto;
}


#lina2ListOfKeywords{
    position: absolute;
    z-index: 193;
    display: none;
    overflow-y: auto;
    width: 100%;
    height: 75%;
}

#lina1ListOfKeywords{
    position: absolute;
    z-index: 193;
    width: 100%;
    overflow-y: auto;
    height: 75%;
    display: none;
}

#inistKeywordsButton{
    height: 100px;
    width:30px;
    background: rgba(204,106,99,0.6);
    color:#fff;
    position: absolute;
    right: 0;
    top: calc(50% - 100px);
    border-radius: 10px 0 0 10px;
    display: none;
}

#inistKeywordsButton:hover{
    background: #ff847c !important;
    color: #f5f5f5;
}

#inistKeywordsButton span{
    transform: rotate(270deg);
    width: 90px;
    height: 25px;
    transform-origin: 53% 166% 0;
    display: inline-block;
}

#abstractFullLenght{
    display: block;
    color: #555;
    font-family: verdana;
    font-size: 20px;
    height: 75%;
    left: 12.25%;
    margin: 0 auto;
    overflow-y: auto;
    position: absolute;
    top: 25%;
    width: 75%;
    z-index: 200;

}

.formNotedKeywordsPreference{
    display: none;
}

.keywordsMethodsDisplayDone .formNotedKeywordsPreference{
    display: inline-block;

}

.formNotedKeywordsPreference select{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #cc6a63;
    border-radius: 3px;
    color: #333;
    font-size: 13px;
    text-align: center;
    width: 69px;
}

.formNotedKeywordsPreference label{
    font-weight: bold;
    font-size: 14px;
    font-family: verdana;
    color: #444;
}




/* Export */

#exportResults{
    font-family: "manteka" , arial, sans-serif;
    font-size: 18px;
    margin: 0 auto;
    background: rgba(204, 106, 99, 0.6);
    text-shadow: none;
    color: #fff;
    box-shadow: none;
    border-radius: 1px;
    border: 0;
    float: none;
    margin-bottom: 40px;
    -webkit-transition: all 850ms ease;
    -moz-transition: all 850ms ease;
    -ms-transition: all 850ms ease;
    -o-transition: all 850ms ease;
    transition: all 850ms ease;

}

#exportResults:hover{
    background: #CC6A63;
    border-radius: 6px;
}

/* Validation */

#validateButton{
    position: absolute;
    top: calc(2.5% - 15px);
    left: calc(2% - 15px);
    height: 30px;
    width: 30px;
    border-radius: 30px;
    cursor: pointer;
}

.isValidated{
    background: rgb(0,178,51); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdG<KEY>);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,178,51,1) 0%, rgba(230,230,230,1) 50%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,178,51,1)), color-stop(50%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,178,51,1) 0%,rgba(230,230,230,1) 50%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(0,178,51,1) 0%,rgba(230,230,230,1) 50%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(0,178,51,1) 0%,rgba(230,230,230,1) 50%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(0,178,51,1) 0%,rgba(230,230,230,1) 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b233', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

.isNotValidated {
    background: rgb(217,144,139); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,<KEY>);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(217,144,139,1) 0%, rgba(230,230,230,1) 50%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(217,144,139,1)), color-stop(50%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(217,144,139,1) 0%,rgba(230,230,230,1) 50%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(217,144,139,1) 0%,rgba(230,230,230,1) 50%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(217,144,139,1) 0%,rgba(230,230,230,1) 50%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(217,144,139,1) 0%,rgba(230,230,230,1) 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9908b', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */<commit_msg>validator started , in each doc is ok<commit_after>/*
*
* Template For Castor termITH
*
* By <NAME>
*
* <EMAIL>
*
*/


@font-face {
    font-family: 'manteka'; src: url('../fonts/manteka.ttf');
}
@font-face {
    font-family: 'segoe'; src: url('../fonts/segoeui.ttf');
}

@font-face {
    font-family: 'segoeprb'; src: url('../fonts/segoeprb.ttf');
}
@font-face {
    font-family: 'segoepr'; src: url('../fonts/segoepr.ttf');
}
@font-face {
    font-family: 'segoeuisl'; src: url('../fonts/segoeuisl.ttf');
}

@media (min-width: 1600px) {



}

html{
    height: 100%;

}


.bgYellow{
    background: #FFA65A;
}

.bgRed{
    background: #FF7471;
}

.test{
    background: #bb9ff5;

}

.italic{
    font-style: italic;
    font-size: 12px;
}

.bold{
    font-weight: bold;
}


body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

body > header{
    display: none;
}
#BrowseDocuBigDiv{
    background: #F2F2F2;
    margin: 0 auto;
    padding-top: 50px ;
    float: none !important;
    text-align: center;
}

#showOnClickDiv{
    display:none;
    transition: all 0.9s ease;
}

.showOnClickDivView{
    position: absolute;
    width: 80%;
    float:none;
    margin: 0 auto;
    left: 10%;
    z-index:99;
    opacity: 1;
}

#content{
    height: 90%;
    margin: 0 auto;
    float:none;
    top: 5%;
    padding: 0;
    box-shadow: 6px 6px 1px #444;
    overflow: hidden;
    background: #ffffff;
}

#contentDisplay{
    height: 90%;
    margin: 0 auto;
    float:none;
    top: 5%;
    padding: 0;
    box-shadow: 6px 6px 1px #444;
    overflow: hidden;
    background: #ffffff;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
}

#bodyBrowse{
    background: #E5E5E5 ;
}

#divOverTableBrowse{
    margin: 0 auto;
    float:none;
}


#h1Browse{
    font-size: 39px;
    color: rgba(85,85,85,0.8);
    font-family: verdana;
    letter-spacing: 12px;
    float:none;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    background: none;
    border: 2px solid rgba(85,85,85,0.7);
    margin: 0 auto;
    margin-bottom: 50px;
    border-radius: 75px 0 75px 0;
    margin-top: 0px;
    box-shadow: 7px 7px 2px 0 rgba(204,106,99,0.6);
}


.resumeKeywordsFull{
    margin: 0 auto;
    padding: 0;
    float:none;
}

#browseTable{
    text-align: center;
    padding-top:50px;
    margin: 0 auto;
    width: 100%;
}

#browseTable thead tr th {
    text-align: center;
    font-family: 'segoeuisl';
    font-size:23px;
    letter-spacing: 3px;
    color: rgba(85,85,85,0.8);
    text-shadow: 1px 1px 1px rgba(85, 85, 85, 0.52);
}

.browseTd{
    height:135px;
    font-size: 22px;
    font-family: 'segoe';
}

.browseTr{
    height:135px;
}

.browseNumbTh{
    color: #fff;
    padding-bottom: 17px;
    padding-top: 17px;
}

.browseYearTh{
    color: #fff;
    padding-bottom: 17px;
    padding-top: 17px;

}

.browseAuthorTh{
    color: #fff;
    padding-bottom: 17px;
    padding-top: 17px;

}

.browseTitleTh{
    color: rgba(85,85,85,0.8);
    padding-bottom: 17px;
    padding-top: 17px;

}

.browseMarkTh{
    color: #fff;
    padding-bottom: 17px;
    padding-top: 17px;

}

thead{
    border-top: 2px solid rgba(85,85,85,0.7);
    border-bottom: 2px solid rgba(85,85,85,0.7);
}

tbody:before{
    line-height:2.2em;
    content:"\200C";
    display:block;
}



.browseTdInter{
    height:35px;
}

.browseNumb{
    background: #CC6A63;
    color: #fff;
    font-family: 'manteka';
    border: 1px solid #CC6A63 ;

}

.browseYear{
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid rgba(85, 85, 85, 0.7);
    border-right: 1px solid rgba(85, 85, 85, 0.7);
    border-top: 1px solid rgba(85, 85, 85, 0.7);
    color: rgba(85, 85, 85, 0.8);
    font-family: "segoeuisl";
    overflow: hidden;
    padding-left: 2%;
    padding-right: 2%;
    word-wrap: break-word;
}

.abrowseNumber{
    color: #fff;
    transition: all 700ms;
    height: 100%;
    width: 100%;
    line-height: 135px;
    display: inline-block;
    transition: all 1500ms;
}

.abrowseNumber:hover{
    background: #8F44AD;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: #fff;
}

.divAbrowseNumber{
    height:100%;
    width:100%;
    display:inline;
    vertical-align:middle;
}


.browseTitle{
    padding-left:2%;
    padding-right:2%;
    background: transparent;
    color: rgba(85,85,85,0.8);
    font-size:16px;
    border-right: 1px solid rgba(85,85,85,0.7);
    border-top: 1px solid rgba(85,85,85,0.7);
    border-bottom: 1px solid rgba(85,85,85,0.7);
}

.abrowseTitle{
    color: rgba(85,85,85,1);
    transition: all 700ms;
    font-size:20px;
    font-family: 'segoeuisl';
}

.abrowseTitle:hover{
    color: #fff;
}

.browseAuthor{
    padding:4px;
    color: #fff;
    background: #34CDB8;
    font-family: 'segoepr';
}


thead .browseSize{
    color: #fff;
}


.browseCategory{
    padding:4px;
    background: #5BB1FC;
    color: #fff;
}

.browseMark{
    padding:4px;
    background: #FFA65A;
    color: #fff;
    font-family: 'segoepr';
    font-size:25px;
}

td{
    transition: all 550ms;
}

.trBody:hover  .browseNumb, .trBody:hover  .browseMark,  .trBody:hover .browseCategory, .trBody:hover  .browseTitle, .trBody:hover  .browseAuthor, .trBody:hover  .browseYear {
    background: #CC6A63 !important;
    color: #fff !important;
    border-color: #fff;
}

.trBody:hover .browseTitle a {
    color: #fff !important;
}

.trBody:hover .spanBrowseMark {
    background: #fff;
    color: #333;
    padding:20px;
    border-radius:15px;
}

table tr[data-href] {
    cursor: pointer;
}

.divNoDocs{
    margin: 0 auto;
    float:none;
    font-family: 'segoepr';
    color:#fff;
    font-size:55px;
    text-align:center;
    margin-top:130px;
}

.spanDivNoDocs{
    font-size:70px;
}


/*
* Under: Display Docs!
*/

#divArrLeft{
    text-align:center;
    color:#fff;
    font-size:17px;
    height: 100%;
    display: table;
    max-height:100%;
    overflow:hidden;
}

#divArrLeft span{
    display: table-cell;
    vertical-align: middle;
}

#divArrRight{
    display: table;
    text-align: center;
    height:100%;
    font-size:17px;
    max-height:100%;
    overflow:hidden;
}

#divArrRight span{
    display: table-cell;
    vertical-align: middle;
}

#divNavMiddle{
    display:table;
    height:100%;
    text-align:center;
    color:#fff;
    font-size:17px;
    max-height:100%;
    overflow:hidden;
}

#divNavMiddle p{
    line-height: normal;
    display:table-cell;
    vertical-align: middle;
}

#divNavMiddle p a{
    color: #fff;
    font-family: verdana;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: 1px;
}

.spanArrows{
    line-height:normal;
    text-align:center;
    color: rgba(0,0,0,0.1);
    font-size:17px;

}


#leftSection{
    height: 100%;
    text-align: center;
    overflow-x: hidden;
    overflow-y: hidden;
    padding:0;
    border-right: 1px solid rgba(51, 51, 51, 0.3);
    position: relative;
}

#headerInfoDisplayDocs{
    width:  100%;
    height: 60%;
    position: absolute;
    top:0;
    overflow-x: hidden;
    overflow-y: hidden;
}


.headerDisplayInfos{
    padding:0;
    margin:0;
}

.authorAndyear{
    padding:0;
    margin:0;
    height:300px;
}

.displayYear{
    background: #44B2BA ;
    color:  #fff;
    font-family: 'segoeuisl';
    text-align: center;
    font-size: 18px;
    height:28%;
    display:table;
    width: 100%;
}

.timeGliph{
    margin: 0 auto;
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
    padding-left:7px;
    padding-right: 7px;
    width: 1px;
}

.timeInfoDispaly{
    display: table-cell;
    vertical-align: middle;
    font-size: 23px;
}

.displayMethodBu {
    color: #333;
    display: table;
    font-family: "segoe";
    font-size: 17px;
    height: calc(100% - 140px);
    max-height: calc(100% - 140px);
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}

.methodLinkround{
}

.methodLinkround span{
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
}

.authorGliph{
    margin: 0 auto;
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
    padding-left:7px;
    padding-right: 7px;
    width: 1px;
    background-color: #CC6A63;
    color: #fff;
}

.methodsNameDisplayD {
    display: table-cell;
    font-style: italic;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 15px;
    position: absolute;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

.methodLinkround:first-child{
    margin-top: 0 !important;
}

.displayDiscipline{
    color: #fff;
    font-family: 'segoe';
    text-align: center;
    font-size: 20px;
    height: 105px;
    letter-spacing: 1px;
    display:table;
    width: 100%;
}

.disciplineGliph{
    margin: 0 auto;
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
    padding-left:7px;
    padding-right: 7px;
    width: 1px;
    background: #CC6A63;
}

.methodLinkround{
    border: 11px solid rgba(204, 106, 99, 0.6);
    border-radius: 95px;
    display: table;
    height: 95px;
    margin: 15px auto 0;
    position: relative;
    width: 95px;
    font-size: 16px;
    text-align: center;
    font-family: segoeuisl;
    color: #333;
    font-style: italic;
    transition: all 250ms;
}

.methodLinkround:hover{
    border: 6px solid #FF847C !important;
}

.disciplineInfoDisplay{
    background: none repeat scroll 0 0 #cc6a63;
    border-radius: 0 50px;
    display: table;
    font-size: 18px;
    height: 75px;
    margin: 15px auto 0;
    padding: 7px;
    position: relative;
    vertical-align: middle;
    width: 80%;
}

.disciplineInfoDisplay span{
    display: table-cell;
    vertical-align: middle;
}

.divTopDisplay{
    line-height: normal;
    width: calc(100% + 1px);
    padding: 0;
    margin: 0;
    height: 35px;
    background: #CC6A63;
}


.divHoverH1Display{
    line-height: normal;
    margin: 0;
    background: #CC6A63;
    z-index: 8;
    display:block;
    border-radius: 0 0 0 2px;
    height: 25%;
    position: fixed;
    width: 76.311%;
    padding: 0;
    top: calc(5% + 1px);
}

#arroundedBlock{
    background: none repeat scroll 0 0 #fff;
    border-radius: 50% / 100% 100% 0 0;
    bottom: 0;
    height: 50%;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    box-shadow: 0 -5px 3px -6px rgba(74, 78, 79, 0.7)
    z-index: 9;
}

#h1Block{
    display:table;
    height:50%;
    width: 100%;
}


#h1DisplayDocs{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    display: table-cell;
    float: none;
    font-family: verdana;
    font-size: 18px;
    line-height: normal;
    font-style: italic;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}


#sectionResumeDisplayDocs{
    margin-top: 0px;
    text-align:center;
    padding: 0;
    transition: all 0.9s;
}

#sectionKeywordsDocs{
    margin-top: 0px;
    text-align:center;
    padding:0;
}

.divHoverResume{
    height: 15%;
    display:table;
    width: 100%;
    transition: all 650ms;
    cursor: pointer;
}

.resumeGliph{
    background: none repeat scroll 0 0 #CC6A63;
    color: #fff;
    display: inline-block;
    font-size: 23px;
    line-height: normal;
    margin: 0 auto;
    padding-top: 0;
    position: static;
    transition: all 650ms ease 0s;
    width: 100%;
}

#linkFullArticle{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    font-size:18px;
    font-family: 'segoeprb';
    color:#fff;
    transition: all 650ms;
}

.divHoverResume:hover #linkFullArticle{
    background: #ffffff !important;
    color: #444 !important;
}

.divHoverResume:hover  span{
    background: #ffffff !important;
    color: #333 !important;
}

.divHoverResume:hover {
    background: #ffffff;
    color: #333;
}





.scroller-content{
    padding: 0 !important;
}

#sectionArticle{
    bottom:0;
    height:40%;
    width: 100%;
    max-height: 50%;
    overflow-y: hidden;
    overflow-x: hidden;
    opacity: 0.15;
    position: absolute;
}

#sectionArticle .scroller-content{

}

#sectionArticle .scroller-handle{
    background: none repeat scroll 0 0 #CC6A63;
    opacity: 1;
    border:0;
    border-radius: 0;
    width:100%;
    right: 0;
}


div .methodsameDisplayD{
    font-size: 15px;
}

span .methodsameDisplayD{
    font-size: 17px;
}


#keywordsSection{
    max-width:95%;
    text-align:center;
    height:100%;
    padding:0;
    overflow-y: hidden;
    overflow-x:hidden;
    hyphens: auto;
    word-wrap: normal;
    position: relative;
}

#keywordsSection h2{
    margin-bottom: 40px;
    color: #444;
}

.keywordsGliph{
    float:right;
    color:#fff;
    font-size:35px;
    margin-top:19px;
    margin-right:35px;
}

#keywordsSection .scroller-content{


}

#keywordsSection .scroller-handle{
    border-radius: 2px;
}

#articleSectionResumeDisplay{
    color: #333;
    margin: 0 auto;
    padding: 18px;
    word-wrap: break-word;
    font-size:16px;
    display: block;
    vertical-align: middle;
    font-family: 'segoe';
    padding-top:5px;
}

.articleSectionResumeDisplayView{
    color: #333;
    font-family: 'segoeuisl';
    font-size: 19px;
    padding: 30px;
    display: block;
    text-align: center;
    vertical-align: middle;
    border-color: #fff !important;


}

#keywordsDisplayDiv{
    position: relative;
    top:17%;
    z-index:99999;
    float: right;
    overflow-y: auto;
    height: 83%;
    display: none;
    overflow-x: hidden;
    padding: 0;
}

#keywordsInist{
    position: relative;
    display: none;
    width: 50%;
    float: right;
    border-left: 3px dotted rgba(204, 106, 99, 0.6);
}


.divForListKeywords{
    min-height: 200px;
    width:75%;
    margin: 0 auto;
    padding-bottom:40px;
}



#divSectionKeywordsDisplay{
    padding-left: 6px;
    padding-top:60px;
    border-left: 6px dotted #fff;
    border-right: 12px solid #FF7A85;
    border-bottom: 12px solid #FF7A85;
    height: 300px;
    max-height:300px;
    overflow: hidden;
    word-wrap: break-word;

}


.keywordsScrollBar{
    background: blue;
}

#divSectionKeywordsDisplay ul{
    padding: 0;
    max-width: 100%;
    overflow: hidden;
    word-wrap: break-word;
}

.h2SectionsDisplayDocs{
    color: #fff;
    float: none;
    font-family: 'segoeprb';
    font-size: 25px;
    margin: 0;
    padding: 26px;
    transition: all 750ms;

}


.h3KeywordsDisplayDocs {
    background: none repeat scroll 0 0 white;
    border-radius: 5px;
    border-top: 2px solid rgba(255, 255, 255, 0.3);
    color: #333;
    font-family: verdana;
    font-size: 25px;
    margin: 50px auto 0;
    padding: 20px;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;

}

.h3KeywordsDisplayDocs:first-Child{
    border:0;
    margin-top:0;
    margin-top: 50px;
}

.keywordsUtilsDisplay{
    background-image:none;
    background: #fff;
    color:#333;
    border:0;
    margin:6px;
    font-size: 16px;
    font-family: 'segoeuisl';
}

.methodsKeywords{
    display:none;
    position: absolute;
}

.keywordsUtilsDisplay:hover{
    background-image:none;
    background: #fff;
    color:#333;
    border:0;
    margin:6px;
    font-size: 16px;
}

.keywordsinistDisplay{
    background-image:none;
    background: #fff;
    color:#333;
    border:0;
    margin:6px;
    font-size: 16px;
    font-family: 'segoeuisl';
}

.keywordsinistDisplay:hover{
    background-image:none;
    background: #fff;
    color:#333;
    border:0;
    margin:6px;
    font-size: 16px;
}


.keywordsAuthorsDisplay{
    background-image:none;
    background: #fff;
    color:#333;
    border:0;
    margin:6px;
    font-size: 16px;
    font-family: 'segoeuisl';
}

.keywordsAuthorsDisplay:hover{
    background-image:none;
    background: #fff;
    color:#333;
    border:0;
    margin:6px;
    font-size: 16px;
}

.keywordsMethodsDisplay{
    background: none repeat scroll 0 0 transparent;
    border: 2px solid #FF9C95;
    color: #333;
    font-family: 'segoe', verdana;
    font-size: 16px;
    font-style: italic;
    margin: 10px;
    text-shadow: none;
    transition: all 2000ms;
    height: 105px;
    max-height: 105px;
    overflow-y: hidden;
}

.keywordsMethodsDisplayDone{
    background: none repeat scroll 0 0 transparent;
    border: 1px solid rgba(85,85,85,0.3);
    color: #333;
    font-family: 'segoe',verdana;
    font-size: 16px;
    font-style: italic;
    margin: 10px;
    text-shadow: none;
    transition: all 500ms;
    height: 105px;
    max-height: 105px;
    overflow-y: hidden;
    opacity: 0.7;
}

.keywordsMethodsDisplayDone:hover{
    background: none repeat scroll 0 0 transparent;
    transition: all 500ms;
}
.keywordsMethodsDisplay:hover{
    background: none repeat scroll 0 0 transparent;
    transition: all 500ms;
}


.frenchFlag{
    height:40px;
    width:90px;
    background: white;
    margin: 0 auto;
    margin-top:20px;
    margin-bottom:20px;
}

.frenchFlagBlue{
    height:40px;
    width:30px;
    background: #4758AA;
    margin: 0 auto;
    float:left;
}

.frenchFlagRed{
    height:40px;
    width:30px;
    background: #F05261;
    float:right
}


.englandFlag{
    height:40px;
    width:90px;
    margin: 0 auto;
    margin-top:20px;
    margin-bottom:20px;
    background: #fff;
}

.englandFlagVertical{
    width: 10px;
    background: #F05261;
    height:40px;
    margin-left:40px;
}

.englandFlagHorizontal{
    background: none repeat scroll 0 0 #f05261;
    bottom: 25px;
    height: 10px;
    position: relative;
    width: 90px;
}

input[type=radio] {
    display:none;
}

input[type=radio] + label {
    display:inline-block;
    margin: 5px;
    padding: 4px 12px;
    background-color: #e7e7e7;
    border-color: #ddd;
    color: #555;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
}

input[type=radio] + label:hover {
    background: #CC6A63;
    color: #fff;
}


input[type=radio]:checked + label {
    background-image: none;
    background-color:transparent;
    font-weight: bold;
}

input[value='0']:checked + label {
    background-image: none;
    color: red;
}

input[value='1']:checked + label {
    background-image: none;
    color: orange;
}

input[value='2']:checked + label {
    background-image: none;
    color: green;
}

.formNotedKeyword{
    display: table;
    margin: 0 auto;
    height:40px;
}
.loader-quart{

    height: 30px;
    width: 30px;
    border-radius: 30px;
    display: inline-block;
    border: 4px solid rgba(0,0,0,0.3);
    position: relative;

}
.loader-quart:after{
    content: '';
    border-radius: 30px;
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
    border: 4px  solid transparent;
    border-top-color: rgba(0,0,0,0.6);
    animation : spin 450ms linear 0s infinite;
    -webkit-animation : spin 1s linear 0s infinite;

}

.loader-quart-ok{

    height: 30px;
    width: 30px;
    border-radius: 30px;
    display: inline-block;
    border:4px solid #51D21F;
    animation : spin 1s linear 0s infinite;
    position: relative;

}

@keyframes spin{
    0%{
        transform :rotate(0deg);
    }
    100%{
        transform :rotate(360deg);
    }
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform :rotate(0deg);
    }
    100%{
        -webkit-transform :rotate(360deg);
    }
}

/*
*Under : Full article
*/

#sectionCompletArticle{
    padding:0;
    margin:0;

}

#sectionCompletArticle:hover .h2FullArticle{
    background: #fff;
    color: #555;
}

#sectionCompletArticle:hover #fullArticle{
    border-color: #fff;
    border-right: 6px solid #fff;
    padding-right: 12px;
}

#sectionCompletArticle:hover ~ #sectionResumeDisplayDocs #articleSectionResumeDisplay{
    border-left: none;
    padding-left: 23px;
}



#sectionKeywordsDocs:hover .h2SectionsDisplayDocs{
    background: #fff;
    color: #555;
}

#sectionKeywordsDocs:hover #divSectionKeywordsDisplay{
    border-color: #fff;
    border-left: 6px solid #fff;
}

#sectionResumeDisplayDocs:hover .h2SectionsDisplayDocs{
    background: #fff;
    color: #555;
}

#sectionResumeDisplayDocs:hover #articleSectionResumeDisplay{
    border-color: #fff;
    border-right: 6px solid #fff;
    border-left: 6px solid #fff;
    padding-right: 13px;
}

#sectionResumeDisplayDocs:hover ~ #sectionKeywordsDocs #divSectionKeywordsDisplay{
    border-left: none;
    padding-left:12px;

}


.h2FullArticle{
    color:#fff;
    text-align: center;
    margin: 0 auto;
    float:none;
    margin-top:0px;
    font-family: 'segoeprb';
    font-size: 30px;
    padding: 26px;
    background: #D98E66;
    transition: all 750ms;
}

.h3FullArticle{
    color:#333;
    font-family: 'segoepr';
    font-size: 35px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}

#fullArticle{
    color: #333;
    margin: 0 auto;
    float:none;
    height: auto;
    margin-top:0;
    padding:18px;
    max-width:100%;
    overflow: hidden;
    word-wrap: break-word;
}

.divFullArticle{
    font-family:verdana;
    margin-top:30px;
}

.figureFullArticle{
    margin-top:50px;
    margin-bottom:50px;
    text-align: center;
    max-width:100%;
}

.imgFullArticle{
    margin: 0 auto;
    max-width:100%;

}

.pFullArticle{
    padding: 15px;
}

.figureFullArticle{
    text-align: center;
}

.figcaptionFullArticle{
    margin-bottom:10px;
}

.scroller-track{
    background: #E5E5E5 !important;
}


.scroller-bar{
    border-left: 0 !important;
}


.loading{
    display: table;
    margin: 2px auto;
}


#lina2ListOfKeywords{
    position: absolute;
    z-index: 193;
    display: none;
    overflow-y: auto;
    width: 100%;
    height: 75%;
}

#lina1ListOfKeywords{
    position: absolute;
    z-index: 193;
    width: 100%;
    overflow-y: auto;
    height: 75%;
    display: none;
}

#inistKeywordsButton{
    height: 100px;
    width:30px;
    background: rgba(204,106,99,0.6);
    color:#fff;
    position: absolute;
    right: 0;
    top: calc(50% - 100px);
    border-radius: 10px 0 0 10px;
    display: none;
}

#inistKeywordsButton:hover{
    background: #ff847c !important;
    color: #f5f5f5;
}

#inistKeywordsButton span{
    transform: rotate(270deg);
    width: 90px;
    height: 25px;
    transform-origin: 53% 166% 0;
    display: inline-block;
}

#abstractFullLenght{
    display: block;
    color: #555;
    font-family: verdana;
    font-size: 20px;
    height: 75%;
    left: 12.25%;
    margin: 0 auto;
    overflow-y: auto;
    position: absolute;
    top: 25%;
    width: 75%;
    z-index: 200;

}

.formNotedKeywordsPreference{
    display: none;
}

.keywordsMethodsDisplayDone .formNotedKeywordsPreference{
    display: inline-block;

}

.formNotedKeywordsPreference select{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #cc6a63;
    border-radius: 3px;
    color: #333;
    font-size: 13px;
    text-align: center;
    width: 69px;
}

.formNotedKeywordsPreference label{
    font-weight: bold;
    font-size: 14px;
    font-family: verdana;
    color: #444;
}




/* Export */

#exportResults{
    font-family: "manteka" , arial, sans-serif;
    font-size: 18px;
    margin: 0 auto;
    background: rgba(204, 106, 99, 0.6);
    text-shadow: none;
    color: #fff;
    box-shadow: none;
    border-radius: 1px;
    border: 0;
    float: none;
    margin-bottom: 40px;
    -webkit-transition: all 850ms ease;
    -moz-transition: all 850ms ease;
    -ms-transition: all 850ms ease;
    -o-transition: all 850ms ease;
    transition: all 850ms ease;

}

#exportResults:hover{
    background: #CC6A63;
    border-radius: 6px;
}

/* Validation */

#validateButton{
    position: absolute;
    top: calc(2.5% - 15px);
    left: calc(2% - 15px);
    height: 30px;
    width: 30px;
    border-radius: 30px;
    cursor: pointer;
}


.isValidated{
    background: rgb(0,178,51); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdG<KEY>);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,178,51,1) 0%, rgba(230,230,230,1) 50%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,178,51,1)), color-stop(50%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,178,51,1) 0%,rgba(230,230,230,1) 50%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(0,178,51,1) 0%,rgba(230,230,230,1) 50%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(0,178,51,1) 0%,rgba(230,230,230,1) 50%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(0,178,51,1) 0%,rgba(230,230,230,1) 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b233', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

.isNotValidated {
    background: rgb(217,144,139); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkOTkwOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(217,144,139,1) 0%, rgba(230,230,230,1) 50%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(217,144,139,1)), color-stop(50%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(217,144,139,1) 0%,rgba(230,230,230,1) 50%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(217,144,139,1) 0%,rgba(230,230,230,1) 50%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(217,144,139,1) 0%,rgba(230,230,230,1) 50%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(217,144,139,1) 0%,rgba(230,230,230,1) 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9908b', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
{'fraction_non_alphanumeric': 0.13914517040105442, 'fraction_numerical': 0.06511014874788175, 'mean_word_length': 2.961142601431981, 'pattern_counts': {'":': 0, '<': 10, '<?xml version=': 0, '>': 12, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 4}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6920174', 'n_tokens_mistral': 23396, 'n_tokens_neox': 20488, 'n_words': 4294}