body { 
       margin:0;
      /* background-color:#fffef3;
       background-image: url("../images/mont.jpg");*/
       padding:0 0 0 0;
 }

#front { 
  background-color:#666666;
  position:absolute;
  height:90px;
  z-index:10;
  width:1000px;
  margin-left:50px;
  margin-right:auto;
 }

#tdm { 
       position : fixed;
       top: 120px;
       right: 20px;
       width:229px;
       border-style: solid;
       border-width: 1px;
       padding-top:5px;
       border-color: #777777;
 }


 @media screen{
  body>div#front{
   position: fixed;
  }

body>div#content>div#tdm{
   position: fixed;
   }

    * html>body>div#content>div#tdm
    {
    position: absolute;
    overflow:auto;
    }

 }

 * html body{
  overflow:hidden;
 }


#content { 
     background-color:#f4f3e9;
     background-repeat: no-repeat;
     background-position: 100% 50%;
     background-attachment: fixed;
     min-height: 725px;
     overflow:hidden;
     padding-top: 110px;
     width: 100%;
}

#contentHome{
     background-image:url("../images/mont.png");
     background-color:#fffef3;
     background-repeat: no-repeat;
     background-position: 100% 50%;
     background-attachment: fixed;
     min-height: 725px;
     overflow:hidden;
     padding-top: 45px;
     width: 100%;
     padding:0;

}

#home_content {
    font-family: "Lucida Sans",verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    line-height: 180%;
    margin-left: 0px;
    margin-right: 45px;
    text-align: justify;
    width: 55%;
}

#home_text {
    font-family: "Lucida Sans",verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    line-height: 180%;
    margin-left: 145px;
    margin-right: 45px;
    text-align: justify;
    width: 93%;
}

#home_list {
    font-family: "Lucida Sans",verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    line-height: 180%;
    margin-left: 145px;
    margin-right: 45px;
    text-align: justify;
    width: 100%;
    content:"";
}

#home_list > p > a{
  text-decoration: underline;
}


#home_list > .listBloc {
    border-left: none;
    margin-left: 50px;
}


 * html div#content{
  height:100%;
  overflow:auto;
 }

A:link {color: #2a6ebb; text-decoration: none;}
A:visited {color: #2a6ebb; text-decoration: none;}
A:hover {color: #2a6ebb; text-decoration: none;}
A:link {
    color: #2a6ebb;
    text-decoration: none;
}
a, a:visited {
    color: #336699;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
}
.puc-texte {
    font-family: "Lucida Sans",verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    line-height: 180%;
    text-align: justify;
}

.puc-titre1:first-of-type {
    color: #2a6ebb;
    font-size:16;
    font-family: "Lucida Sans",verdana,arial,helvetica,sans-serif;
    line-height: 180%;
    margin-left:45px;
    margin-bottom:15px;
    margin-top:120px;
}

 .puc-titre1{
    color: #2a6ebb;
    font-size:16;
    font-family: "Lucida Sans",verdana,arial,helvetica,sans-serif;
    line-height: 180%;
    margin-left:45px;
    margin-bottom:15px;
}

.puc-titre2 { 
              font-family:"Lucida Sans",verdana,arial,helvetica,sans-serif;
              /*color:#63636f;*/
              color:#2a6ebb;
              font-size:14px;
              font-weight:normal;
              /*font-style: italic;*/
              text-align:left;
              margin-bottom:15px;
              margin-left:110px;
              line-height: 120%;
 }
 
 div.section {
    max-width: 750px;
    padding-top: 10px;
}

#T1 {
    color: #2a6ebb;
    font-size:16;
    font-family: "Lucida Sans",verdana,arial,helvetica,sans-serif;
    line-height: 180%;
    margin-left:45px;
    margin-bottom:15px;
    margin-top:20px;
}

#T2 {
    color: #2a6ebb;
    font-size:16;
    font-family: "Lucida Sans",verdana,arial,helvetica,sans-serif;
    line-height: 180%;
    margin-left:45px;
    margin-bottom:15px;
    margin-top:20px;
}

#T3 {
    color: #2a6ebb;
    font-size:16;
    font-family: "Lucida Sans",verdana,arial,helvetica,sans-serif;
    line-height: 180%;
    margin-left:45px;
    margin-bottom:15px;
    margin-top:20px;
}


#T4 {
    color: #2a6ebb;
    font-size:16;
    font-family: "Lucida Sans",verdana,arial,helvetica,sans-serif;
    line-height: 180%;
    margin-left:45px;
    margin-bottom:15px;
    margin-top:20px;
}

#T5 {
    color: #2a6ebb;
    font-size:16;
    font-family: "Lucida Sans",verdana,arial,helvetica,sans-serif;
    line-height: 180%;
    margin-left:45px;
    margin-bottom:15px;
    margin-top:20px;
}


#T6 {
    color: #2a6ebb;
    font-size:16;
    font-family: "Lucida Sans",verdana,arial,helvetica,sans-serif;
    line-height: 180%;
    margin-left:45px;
    margin-bottom:15px;
    margin-top:20px;
}
.barre {
			color:white;
			font-weight:normal;
			margin-right:10px;
			margin-left:10px;
}

.itemsSite {
			font-weight:bold;
			font-family:arial;
			font-size:12px;
			text-align:left;
			margin-left:0px;
}

.itemsPage {
			font-weight:bold;
			font-family:arial;
			font-size:11px;
			text-align:left;
}

.fleche {
			font-family:arial;
			font-size:11px;
			text-align:left;
			margin:0px;
			margin-left:0px;
			color:black;
}

.menu {
			background-color:#666666;
			color:white;
			border:1px solid #afafaf;
			outline-color:#666666;
}

.logo {
				background-image:url("../images/chroniques_titre.gif");
				background-repeat: no-repeat;
				background-position: 100% 100%;
				min-height:90px;
}

.lien { 
        color: #000000; 
        text-decoration: underline;
 }

#corpus_title { 
  color: #2a6ebb;
    font-family: "Lucida Sans",verdana,arial,helvetica,sans-serif;
    line-height: 180%;
    margin-bottom: 15px;
    margin-left: 40px;
    margin-top: 120px;
    font-size:16px;
}    


.puc-titre3 { 
              font-family:arial,helvetica;
              color:#555555;
              font-size:14px;
              font-weight:normal;
              font-style: italic;
              text-align:left;
              margin-bottom:15px;
              margin-left:120px;
              line-height: 120%;
 }

.tdmItem1 { 
            margin-left:5px;
            margin-right:5px;
            font-family : "Lucida Sans",verdana,arial,helvetica,sans-serif;
            font-size:11px;
 }

.tdmItem2 { 
            margin-left:10px;
            margin-right:5px;
            font-style:italic;
            font-family : "Lucida Sans",verdana,arial,helvetica,sans-serif;
            font-size:10px;
 }


.puc-home{
    width:100%;
    font-family:"Lucida Sans",verdana,arial,helvetica,sans-serif;
    font-size:12px;
    text-align:justify;
    margin-left:145px;
    margin-right:45px;
    line-height: 180%;

 }


.puc-texte { 
             font-family:"Lucida Sans",verdana,arial,helvetica,sans-serif;
             /*color:#333333;*/
             font-size:12px;
             text-align:justify;
             margin-left:145px;
             margin-right:45px;
             width:50%;
             line-height: 180%;
 }

.puc-note { 
             font-family:"Lucida Sans",verdana,arial,helvetica,sans-serif;
             color:#333333;
             font-size:10px;
             text-align:justify;
             margin-left:145px;
             margin-right:45px;
             margin-top:5px;
             width:700px;
             line-height: 180%;
 }


.choix_partie{
    bottom: 10px;

    right: 370px;
    width: 500px;
}

 
ul { 
     width:630px;
     margin-left:0px;
 }

li { 
             font-family:"Lucida Sans",arial,helvetica;
             font-size:12px;
             text-align:justify;
             line-height: 180%;
 } 
 
 
input { 
          background-color : #efefef;
          font-family : arial, helvetica;
          font-size: 10px;
          color: #000000;
          border-style: solid;
          border-width: 1px;
          border-color: #444555;
 }

.glossaire { 
            width:700px;
            margin-left:0px;
            margin-right:auto;
                    
}

.paragraphe-glossaire { 
                        text-indent:-25px;
                        width:450px;
                        margin-left:50px;
                        margin-right:0px;
                        margin-top:0px;
                        margin-bottom:25px;
                        margin-left:170px;
                        float:left;      
                        font-family:junicode,georgia;
                        font-size:13px;
                        line-height:150%;
                        text-align:justify;
 }

.lettre { 
          font-family:junicode,georgia;
          font-size:14px;
 }

.lettreGras { 
              font-family:junicode,georgia;
              font-size:18px;
              font-weight:bold;
 }

.tabGlossaire { 
                margin-top:30px;
                margin-bottom:30px;
                margin-left:145px;
 }

.celGlossaire { 
                width:15px;
                border:0px solid black;
 }
 
  .cellule { 
             font-family:"Lucida Sans",verdana,arial,helvetica,sans-serif;
             color:#63636f;
             font-size:11px;
             text-align:left;
             margin-right:10px;
             margin-left:10px;
             margin-top:5px;
             margin-bottom:5px;
             padding:0px;
             line-height: 150%;
 }
 
  .cellule2 { 
             font-family:"Lucida Sans",verdana,arial,helvetica,sans-serif;
             /*color:#63636f;*/
             font-size:12px;
             text-align:left;
             margin-right:10px;
             margin-left:10px;
             margin-top:5px;
             margin-bottom:5px;
             padding:0px;
             line-height: 150%;
 }
 

pre {
            margin-left:150px;
            margin-top:30px;
            font-size:11px;
 }
  
 .element {
            color:blue;
 }
 
 .attribut {
            color:#c600b6;
 }
 
 .attrValeur {
            color:#e08612;
 }
 

header {
	padding-right:0px;
	background: none;
	z-index:9999;
	width:100%;
	opacity:1;
    border-bottom:none;
 	background-color:#666666;
	height: 90px;
}	

header a {
vertical-align:0%;
}

#project-title {
    border-left: none;
    float: left;
    height: 100px;
    margin: 0 0 0 10px;
    padding: 0;
}

#project-title > h2{
	display:none;
}



#header-right {
    border-right: 0 solid #afafaf;
    border-spacing: 0;
    float: right;
    height: 90px;
    margin: 0;
    padding: 0;
    width: 270px;
	  background-image:url(../images/chroniques_titre.gif);
    background-repeat: no-repeat;
}

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

#header-center {

    width: 0px;
}

header #menutop {
    border-bottom: 1px solid #afafaf;
    color: #888;
    width: 196%;
}

.header-top {
    height: 30px;
    margin: 11px 0 0px;
    padding-left: 20px;
    padding-top: 5px;
    border-bottom: 1px solid #afafaf;
    }
    
.header-top a  {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    margin-left: 0px;
    text-align: right;
    color:#afafaf;
	margin-right:8px;

}

.header-top > span> a:nth-child(n+1)  {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    text-align: right;
    color:#cfcfcf;
	  margin-right:5px;
}

.header-top > span {
	color: #444444;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
    text-align: right;
  /*  vertical-align: 30%;*/
}

.header-bottom {
    border-top: 0px solid #afafaf;
    height: 0;
    margin: 0 0 0px 20px;
    padding-left: 34%;

    width: 30%; 
}

.header-bottom a  {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    margin-left: 0px;
    text-align: right;
    color:white;
	margin-right:5px;
}


.header-bottom  a:nth-child(n+2)  {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px;
    text-align: right;
    color:white;
	margin-right:12px;
}

.barre {
      color:white;
      font-weight:normal;
      margin-right:10px;
      margin-left:10px;
}

header #menutop .selectedmenu a {
    text-decoration: none;
    font-size: 12px;
    color:white;
}

#menubottom a.selectedmenu{
    text-decoration: none;
    font-size: 11px;
    color:white;
}

#reading_options_box{
    margin-left: -7px;
    margin-top: 35px;
}

#reading_options_box .open{
   font-size: 14px;
   color:#666666;
}

#navigation_select {
    /*width: 220px;*/
    border:1px solid #afafaf;
    outline-color: #666666;
}

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

div.align{
  margin-top:120px;
}

div.headSection {
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

.numerotation {
    display: inline;
    float: left;
    font-size: 85%;
    height: 20px;
    margin-left: -15px;
    margin-right: 15px;
    min-width: 75px;
    width: 85px;
}

.vers {
    border-right: 1px solid #555555;
}

.numVers {
    float: right;
}

/*
*:not([type='align']) > .titre-chapitre-latin .pagebreak{
    position: relative;
    text-align: right;
    left:120px;
    float:left;
    border-top: 1px solid black;
    width:190px;
    top:28px;
}

*:not([type='align']) > .titre-section-latin .pagebreak{
    position: relative;
    text-align: right;
    left:120px;
    float:right;
    border-top: 1px solid black;
    width:190px;
    top:35px;
    margin-right:-220px;
    font-size:10px;
    line-height:200%;
    margin-left:auto;
}

*:not([type='align']) > .paragraphe-latin .pagebreak {
    position: relative;
    text-align: right;
    left:120px;
    float:left;
    border-top: 1px solid black;
    width:190px;
    top:35px;
}
*/

.pagebreak {
    border-top: 1px solid black;
    display: inline;
    float: right;
    font-size: 10px;
    font-variant: normal;
    line-height: 200%;
    margin-left: auto;
    margin-right: -220px;
    margin-top: 0px;
    position: relative;
    text-align: right;
    width: 190px;
    }
    
   
.pb_container{
    display: inline;
    float: right;
    font-size: 10px;
    font-variant: normal;
    line-height: 200%;
    margin-left: auto;
    margin-right: -220px;
    margin-top: -25px;
    position: relative;
    text-align: right;
    left:-60px;
}

.titre-chapitre-latin .zoom{
  display:block;
  margin-right:30px;
  margin-top: 22px;
  position: absolute;
  left:320px;
  width:225px;
}

.paragraphe-latin .zoom{
  display:block;
  margin-right:30px;
  margin-top: 30px;
  position: absolute;
  left:320px;
  width:225px;
}

.zoom img{
  width:225px;
}


div.headChap { 
               width:1000px;
               margin-left:auto;
               margin-right:auto;
               float:left;
 }

div.headSection { 
                  width: 1000px;
                  margin-left:auto;
                  margin-right:auto;
                  float:left;
 }

div.headSsSection { 
                  width:1000px;
                  margin-left:auto;
                  margin-right:auto;
                  float:left;
 }

div.paraDiv {
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

.vignette {
    border: 0 none;
    width: 70px;
}

div.apparat {
    border-top: 0 solid black;
    color:black;
    display: inline;
    float: left;
    line-height: 120%;
    margin-bottom: 0;
    margin-left: -250px;
    margin-top: 5px;
    position: relative;
    text-align: left;
    width: 199px;
}


div.notesDiv {
    /*float: left;
    margin-left: auto;
    margin-right: auto;*/
    width: 1000px;
}

div.notesFR { 
              border-top:0px solid black;
              width:450px;
              min-width:450px;
              /*margin-left:275px;*/
              margin-right:auto;
              float:left;
 }

div.notesLAT {
    border-top: 0 solid black;
    float: left;
    margin-left: 275px;
    margin-right: auto;
    min-width: 450px;
    width: 450px;
}


.titre-chapitre-fr { 
     width:450px;
     margin-left:25px;
     margin-top:60px;
     font-family:junicode,georgia;
     font-weight:normal;
     font-variant:small-caps;
     font-size:16px;
     color:#666666;
 }



.titre-chapitre-latin {
    color: #666666;
    float: left;
    font-family: junicode,georgia;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 30px;
    margin-left: 275px;
    width: 450px;
}


.notes {
    font-family: junicode,georgia;
    font-size: 12px;
    line-height: 200%;
    margin-left: 0;
    margin-right: 0;
    text-align: justify;
} 

.showNote {
    background-color: white;
    border: 1px solid #b2b2b2;
    color: #424141;
    font-size: 12px;
    font-style: normal;
    height: auto;
    line-height: 130%;
    max-width: 69.1%;
    padding: 10px;
    position: absolute;
    text-align: left;
}

.showNotePage {
    background-color: #e6e7e8;
    border: 1px solid #b2b2b2;
    color: #424141;
    font-size: 10px;
    font-style: normal;
    height: auto;
    line-height: 180%;
    max-width: 69.1%;
    padding: 10px;
    position: absolute;
    text-align: left;
}

/*div.notesFR {
    border-top: 0 solid black;
    float: left;
    margin-left: 0;
    margin-right: auto;
    min-width: 450px;
    width: 450px;
}*/

.titre-section-fr {
    color: #666666;
    float: left;
    font-family: junicode,georgia;
    font-size: 16px;
    /*font-variant: small-caps;*/
    font-weight: normal;
    margin-left: 25px;
    width: 450px;
}


.titre-section-latin { 
    width:450px;
    margin-left:0;
    float:right;
    font-family:junicode,georgia;
    /*font-variant:small-caps;*/
    font-weight:normal;
    line-height:200%;
    font-size:16px;
    color:#666666;
    z-index:1;
 }

.titre-section-latin {
    color: #666666;
    float: left;
    font-family: junicode,georgia;
    font-size: 16px;
    font-weight: normal;
    line-height: 200%;
    margin-left: 275px;
    width: 450px;
    z-index: 1;
}

 *:not([type='align']) .paragraphe-latin { 
        width:450px;
        margin-left:275px;
        margin-right:0px;
        margin-top:0px;
        margin-bottom:10px;
        float:left;      
        font-family:junicode,georgia;
        font-size:15px;
        line-height:200%;
        text-align:justify;
        clear:both;
 }
 

.listBloc > li{
	list-style-type:none;
}

.listBloc > li > span > a:first-child{
	display:block;
 	text-decoration: underline;
    font-family: "Lucida Sans",verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    line-height: 180%;
    text-align: justify;
	margin-bottom:15px;
	margin-top:15px;
}

.listBloc > li > span > a:nth-child(n+2){
	display:block;
 	text-decoration: underline;
     font-family: "Lucida Sans",verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    line-height: 180%;
    text-align: justify;
    margin-left:15px;
}

#p_target{
    background-color: #dfdfdf;
    /*border-left: medium none;
    padding: 0;*/
}


/*#menubottom > a:after{
	content:" | ";
	color:#fff;
}*/

/*.barre {
    color: white;
    font-weight: normal;
    margin-left: 10px;
    margin-right: 10px;
	vertical-align: 32%;
}*/

 .header-top img {
 margin-top:-5px;
 }
 
#navigation {

    text-align: right;
    left:500px;
}	

#navigation #previous, #navigation #next {
    font-family:arial;
    font-size:100%;
    color:black;
    cursor:pointer;
    font-size:11px;
}

#previous{
  margin-right: 25px;
}

#next{
  margin-left: 25px;
}

#menubottom {
	 padding: 10px;
	 color:#F5F5F5;
	 width:215%;
}
   
#header-right .header-top {    
border:none;
}

#imgProjet {
margin-top:30px;
margin-right:5%;
float:right;

}
nav a {
    margin-right: 32px;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}


.itemsPage {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}


body > div#front {
    position: fixed;
}

#front {
    background-color: #666666;
    height: 90px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

element.style {
    border-right: 0 solid #afafaf;
    border-spacing: 0;
    float: left;
    height: 90px;
    margin: 0 0 0 20px;
    padding: 0;
    width: 65%;
    background-color: #fffef3;
}


footer {
    background-color: #fffef3 ;
    border-bottom: none;
    border-top: none;
    flex: 1 1 0;
    font-size: 10px;
    padding-top: 50px;
    text-align: center;
}    
    
footer > p {
	display:none;
}

.home .language{
  display:none;
}
    
.barre {
    color: white;
    font-weight: normal;
    margin-left: 10px;
    margin-right: 10px;
 	font-size:11px;

 }   
 
.float_lang_left {
    float: left;
    font-family: junicode,georgia;
    font-size: 13px;
    line-height: 200%;
    margin: 0 15px 0 35px;
    text-align: left;
    width: 450px;
    /*border-right: 1px solid black;*/

}




.float_lang_right {
    float: right;
    font-family: junicode,georgia;
    font-size: 15px;
    line-height: 200%;
    margin: 0;
    text-align: justify;
    width: 450px;

}

.texte, .bas_de_page {
    margin-left: 0%;
    width: 55%;
}

.texte {
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    margin-top:150px;
}


.bas_de_page {
    border-top: 0 solid black;
    float: left;
    margin-left: 25px;
    margin-right: auto;
    min-width: 450px;
    width: 450px;
	font-size:13px;
}

ul {
    margin-left: 145px;
    width: 630px;
}

.sup {
    display: inline;
    font-size: 0.8em;
    line-height: 0.9em;
    vertical-align: super;
}


footer{
  background-color: #f4f3e9;
}

.home{
  background-color: #fffef3;
}

#navigation_select {
    width: 136px;
}