body 

{

    background-image:url(images/texture.png);    

    background-repeat:repeat;

    margin:10px 0 0 0;

    font-family:Helvetica,Tahoma,Arial,Verdana,Arial;

}

@media only screen and (max-width: 800px) {

    .division {

        display:none;

    }

}

.modalDialog

{

    position: fixed;

    font-family: Verdana, Arial;

    font-size:18px;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba(0,0,0,0.5);

    z-index: 99999;

    opacity:0;

    -webkit-transition: opacity 200ms ease-in;

    -moz-transition: opacity 200ms ease-in;

    transition: opacity 200ms ease-in;

    pointer-events: none;            

    display:none;

}

.modalDialog:target {

    opacity:1;

    pointer-events: auto;

}

.modalDialog > div {

    width:400px;

    height:560px;

    position:relative;

    margin:25px auto;

    padding:5px 20px 13px 20px;

    border:2px solid Black;

    border-radius:8px;

    background: #fff;

    background: -moz-linear-gradient(#fff, #ddd);

    background: -webkit-linear-gradient(#fff, #ddd);

    background: -o-linear-gradient(#fff, #ddd);

}

.couverture

{

    width:530px;

    height:696px;

    background-color:White;

    box-shadow: 3px 3px 6px #000;

    position:relative;

    overflow:hidden;

}

.couverture_pt

{

    width:132px;

    height:174px;

    background-color:White;

    box-shadow: 1px 1px 2px #000;

    position:relative;

    border:1px solid gray;

    float:left;

    margin-right:20px;

    opacity:1;    

}

.couverture_pt:hover

{

    border:1px solid black;

    box-shadow: 2px 2px 4px #000;

    opacity:1;

}

.couverture_element

{

    position:relative;

    background-color:white;

    padding:5px;

}

.couverture_element_select

{

    position:relative;

    background-color:white;

    padding:5px;

    background-color:#efefef;

}

.livre

{

    width:1000px;

    background-color:White;

    height:700px;    

    border-radius:4px;

    box-shadow: 3px 3px 6px #000;

    position:relative;    

    margin:5px;

    white-space:normal;

}

.onglet

{

    position:absolute;

    left:0px;

    top:700px;

    background-color:White;

    padding:5px;

    border-bottom-left-radius:2px;

    border-bottom-right-radius:2px;    

    border-top:1px solid White;

    font-size:small;

    font-weight:bold;

    color:Black;

    cursor:default;

}

.onglet_disabled

{

    position:absolute;    

    top:700px;    

    background-color:Gray;

    padding:5px;

    border-bottom-left-radius:2px;

    border-bottom-right-radius:2px;

    border-top:1px solid Black;

    font-size:small;

    font-weight:bold;

    color:White;

    cursor:default;

}

.onglet_disabled:hover

{

    color:Black;

    background-color:White;

}

.barre_gauche

{

    width:300px;

    background-color:White;

    height:700px;

    border-radius:4px;

    box-shadow: 3px 3px 6px #000;

    position:relative; 

    overflow:hidden;

}

.accueil_titre

{

    font-size:48px;

    font-weight:bold;

    position:absolute;

    left:20px;

    top:0px;

    letter-spacing:3.5px;

    border-bottom:1px solid Gray;

    padding-bottom:30px;

    padding-left:72px;

    padding-top:20px;

    text-align:left;

    width:878px;

    background-image:url(images/monlivrescolaire57.png);    

    background-position:left;

    background-repeat:no-repeat;

}

.accueil_ss_titre

{

    font-size:18px;

    font-weight:bold;    

    position:absolute;

    left:95px;

    top:70px;

}

.accueil_connexion

{

    position:absolute;

    top:20px;

    right:0px;

    height:80px;

    font-size:14px;

    text-align:right;

}

.conservation

{

    position:absolute;

    right:10px;

    top:10px;

}

.barre_bas

{

    text-align:center;

    height:40px;

    max-width:1000px;

    padding-top:15px; 

    font-size:12px;

    color:Black;     

    text-decoration:none;

}

.barre_bas_contenu {

    position: relative;

    margin-left: auto;

    margin-right: auto;

}

.barre_bas_point {

    position: relative;

    float: left;

    color: White;

    padding-top: 3px;

    width: 10px;

    padding-right: 10px;

}

.thumbnail_bas

{

    position:absolute;

    max-width:1000px;

    width:100%;

    border-bottom-left-radius:4px;

    border-bottom-right-radius:4px;

    height:150px;

    background-color:transparent;

    bottom:0px;

    left:0px;

    overflow-y:hidden;

    overflow-x:auto;

}

.chapter_thumbnail

{

    position:absolute;

    bottom:0px;

    left:0px;

    width:190px;

    height:140px;

    border-top:1px solid #9D9C9D;

    border-right:1px solid #9D9C9D;

    box-shadow: 2px -2px 4px #888;

    background-color:White;

    border-bottom-left-radius:4px;

    opacity:0.8;

    z-index:100;

}

.chapter_thumbnail:hover

{

    opacity:1;

}

.chapter_thumbnail_gauche

{

    position:relative;

    bottom:0px;

    left:0px;

    width:200px;

    height:140px;

    border:1px solid #9D9C9D;

    box-shadow: 1px 1px 2px #888;

    background-color:White;

    border-bottom-left-radius:4px;

    opacity:0.8;

    z-index:100;

    float:left;

}

.chapter_thumbnail_gauche:hover

{

    opacity:1;

    border:1px solid black;

}

.page_thumbnail

{

    position:absolute;

    bottom:0px;

    left:0px;

    width:158px;

    height:116px;

    border-top:1px solid #9D9C9D;

    border-right:1px solid #9D9C9D;

    box-shadow: 2px -2px 4px #888;

    background-color:White;

    opacity:0.8;

    z-index:100;

}

.page_thumbnail:hover

{

    opacity:1;

}

.barre_gauche_element

{

    position:relative;

    background-color:white;

    padding:5px;

}

.barre_gauche_element_select

{

    position:relative;

    background-color:white;

    padding:5px;

    background-color:#efefef;

}

.section_thumbnail

{

    position:absolute;

    bottom:0px;

    width:165px;

    height:120px;

    border-top:1px solid #ADADAD;   

    background-color:White;

    box-shadow: 1px -1px 2px #aaa;

    opacity:0.8;

    z-index:99;

}

.section_thumbnail:hover

{

    opacity:1;

}

.section_thumbnail_last

{

    position:absolute;

    bottom:0px;

    width:165px;

    height:120px;

    border-top:1px solid #ADADAD;   

    border-right:1px solid #ADADAD;   

    background-color:White;

    box-shadow: 1px -1px 2px #aaa;

    opacity:0.8;

}

.section_thumbnail_last:hover

{

    opacity:1;

}

.thumbnail_number

{

    position:absolute;

    bottom:5px;

    right:5px;

    border:1px solid #a5a5a5;

    border-radius:4px;

    background-color:White;

    text-align:center;

    font-size:14px;

    font-weight:bold;

    color:#282828;

    padding-top:5px;

    width:25px;

    height:23px;

    opacity:0.8;

    cursor:default;    

}

.thumbnail_number_page

{

    position:absolute;

    bottom:3px;

    right:3px;

    border:1px solid #a5a5a5;

    border-radius:3px;

    background-color:White;

    text-align:center;

    font-size:12px;

    font-weight:bold;

    color:#282828;

    padding-top:3px;

    width:20px;

    height:18px;

    opacity:0.8;

    cursor:default;  

    z-index:1000;

}

.bouton_avance

{

    position:absolute;

    right:4px;

    top:342px;

    height:30px;

    width:30px;

    opacity:0.6;

    background-image:url(images/avance.png);

}

.bouton_avance:hover

{

    opacity:0.9;

}

.bouton_avance_next

{

    position:absolute;

    right:4px;

    top:342px;

    height:30px;

    width:30px;

    opacity:0.6;

    background-image:url(images/avance_next.png);

}

.bouton_avance_next:hover

{

    opacity:0.9;

}

.bouton_recule

{

    position:absolute;

    left:4px;

    top:342px;

    height:30px;

    width:30px;

    opacity:0.6;

    background-image:url(images/recule.png);

}

.bouton_recule:hover

{

    opacity:0.9;

}

.bouton_recule_back

{

    position:absolute;

    left:4px;

    top:342px;

    height:30px;

    width:30px;

    opacity:0.6;

    background-image:url(images/recule_back.png);

}

.bouton_recule_back:hover

{

    opacity:0.9;

}

.bouton_commande

{

    position:relative;

    color:White;

    float:none;

    padding:10px;

    height:50px;

    text-align:center;

    border-top:1px solid Gray;

    border-bottom:1px solid Gray;

    background-color:#B0B0B0;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#B0B0B0), to(#6E6E6E));    

}

.barre_zone_texte

{    

    background-image:url(images/Text_Box.png);

    background-position:top;

    background-repeat:no-repeat;

    text-align:center;

    color:White;

    font-family:Helvetica,Tahoma,Arial,Verdana,Arial;    

    font-size:14px;

    padding-top:34px;

    width:100px;

    opacity:0.8;

    cursor:default;

    float:left;

}

.barre_zone_texte:hover

{

    background-image:url(images/Text_Box_Hover.png);    

    border-radius:2px;

    opacity:1;

}

.barre_photo

{    

    background-image:url(images/Picture.png);

    background-position:top;

    background-repeat:no-repeat;

    text-align:center;

    color:White;

    font-family:Helvetica,Tahoma,Arial,Verdana,Arial;    

    font-size:14px;

    padding-top:34px;

    width:100px;

    opacity:0.8;

    cursor:default;

    float:left;

}

.barre_photo:hover

{

    background-image:url(images/Picture_Hover.png);    

    border-radius:2px;

    opacity:1;

}

.barre_gallery

{    

    background-image:url(images/Diaporama.png);

    background-position:top;

    background-repeat:no-repeat;

    text-align:center;

    color:White;

    font-family:Helvetica,Tahoma,Arial,Verdana,Arial;    

    font-size:14px;

    padding-top:34px;

    width:100px;

    opacity:0.8;

    cursor:default;

    float:left;

}

.barre_gallery:hover

{

    background-image:url(images/Diaporama_Hover.png);    

    border-radius:2px;

    opacity:1;

}

.barre_background

{    

    background-image:url(images/Image_Paint.png);

    background-position:top;

    background-repeat:no-repeat;

    text-align:center;

    color:White;

    font-family:Helvetica,Tahoma,Arial,Verdana,Arial;    

    font-size:14px;

    padding-top:34px;

    width:100px;

    opacity:0.8;

    cursor:default;

    float:left;

}

.barre_background:hover

{

    background-image:url(images/Image_Paint_Hover.png);    

    border-radius:2px;

    opacity:1;

}

.barre_video

{    

    background-image:url(images/Movie.png);

    background-position:top;

    background-repeat:no-repeat;

    text-align:center;

    color:White;

    font-family:Helvetica,Tahoma,Arial,Verdana,Arial;    

    font-size:14px;

    padding-top:34px;

    width:100px;

    opacity:0.8;

    cursor:default;

    float:left;

}

.barre_video:hover

{

    background-image:url(images/Movie_Hover.png);    

    border-radius:2px;

    opacity:1;

}

.barre_revision

{    

    background-image:url(images/Revision.png);

    background-position:top;

    background-repeat:no-repeat;

    text-align:center;

    color:White;

    font-family:Helvetica,Tahoma,Arial,Verdana,Arial;    

    font-size:14px;

    padding-top:34px;

    width:100px;

    opacity:0.8;

    cursor:default;

    float:left;

}

.barre_revision:hover

{

    background-image:url(images/Revision_Hover.png);    

    border-radius:2px;

    opacity:1;

}

.revision_adm

{

    font-family:Helvetica,Tahoma,Arial,Verdana,Arial;    

    font-size:16px;

    font-weight:bold;

}

.gallery_adm

{

    font-family:Helvetica,Tahoma,Arial,Verdana,Arial;    

    font-size:16px;

    font-weight:bold;

}

.barre_aide

{    

    background-image:url(images/Information.png);

    background-position:top;

    background-repeat:no-repeat;

    text-align:center;

    color:White;

    font-family:Helvetica,Tahoma,Arial,Verdana,Arial;    

    font-size:14px;

    padding-top:34px;

    width:100px;

    opacity:0.8;

    cursor:default;

    float:right;

    display:block;

}

.barre_aide:hover

{

    background-image:url(images/Information_over.png);    

    border-radius:2px;

    opacity:1;

}

.barre_copy {

    background-image: url(images/Copy.png);

    background-position: top;

    background-repeat: no-repeat;

    text-align: center;

    color: White;

    font-family: Helvetica,Tahoma,Arial,Verdana,Arial;

    font-size: 14px;

    padding-top: 34px;

    width: 100px;

    opacity: 0.8;

    cursor: default;

    float: right;

    display: block;

}



.barre_paste {

    background-image: url(images/Paste.png);

    background-position: top;

    background-repeat: no-repeat;

    text-align: center;

    color: White;

    font-family: Helvetica,Tahoma,Arial,Verdana,Arial;

    font-size: 14px;

    padding-top: 34px;

    width: 100px;

    opacity: 0.8;

    cursor: default;

    float: right;

    display: block;

}

.barre_paste_color {

    background-image: url(images/Paste_color.png);

    background-position: top;

    background-repeat: no-repeat;

    text-align: center;

    color: White;

    font-family: Helvetica,Tahoma,Arial,Verdana,Arial;

    font-size: 14px;

    padding-top: 34px;

    width: 100px;

    opacity: 0.8;

    cursor: default;

    float: right;

    display: block;

}



.barre_separation

{    

    position:relative;

    text-align:center;

    color:White;

    font-family:Helvetica,Tahoma,Arial,Verdana,Arial;    

    font-size:14px;

    padding-top:5px;

    width:100px;

    opacity:0.8;

    cursor:default;

    float:left;

}

.barre_separation:hover

{

    border-radius:2px;

    opacity:1;

}

.revision_bouton

{

    border:1px solid Gray;

    border-radius:5px;

    background-color:Silver;

    height:23px;

    color:#232323;

    font-family:Arial;

    font-size:12px;

    padding-top:7px;

    font-weight:bold;

    text-align:center;

}

.prisenote 

{

    cursor: move;

    left: 10px;

    top: 10px;

    width: calc(50% - 10);

    z-index: 1000;

    position: absolute;

    display: none;

    border-radius: 10px;

    background-color: #FFF090;

    border-color: #705830;

    border-style: solid;

    border-width: 2px;

    box-shadow: 2px 2px 4px #888;

    padding: 0px;

    text-align: center;

}

.prisenote_contenu 

{

    width: calc(100% - 10);

    background-color: #FFF090;

    line-height: 25px;

    padding: 20px;

    font-size: inherit;

    color: #232323;

    text-align: left;

    overflow: hidden;

    border: 0px none #FFF090;

    margin-bottom: 10px;

}

.prisenote2 

{

    cursor: move;

    left: 10px;

    top: 10px;

    width: calc(100% - 10);

    z-index: 1000;

    position: absolute;

    display: none;

    border-radius: 10px;

    background-color: #d8FF90;

    border-color: #705830;

    border-style: solid;

    border-width: 2px;

    box-shadow: 2px 2px 4px #888;

    padding: 0px;

    text-align: center;

}



.prisenote2_contenu 

{

    width: calc(100% - 10);

    background-color: #d8ff90;

    line-height: 25px;

    padding: 20px;

    font-size: inherit;

    color: #232323;

    text-align: left;

    overflow: hidden;

    border: 0px none #FFF090;

    margin-bottom: 10px;

}

.prisenote_contenu_correction 

{

    width: calc(100% - 10);

    background-color: #FFF090;

    line-height: 20px;

    padding: 5px;

    font-size: inherit;

    color: #232323;

    text-align: left;

    overflow: scroll;

    border: 0px none #FFF090;

}

.prisenote2_contenu_correction 

{

    min-width: calc(100% - 10);

    background-color: #d8ff90;

    line-height: 20px;

    padding: 5px;

    font-size: inherit;

    color: #232323;

    text-align: left;

    overflow: scroll;

    border: 0px none #FFF090;

}

.prisenote_contenu_correction_corrige 

{

    width: calc(100% - 10);

    background-color: #FFF090;

    line-height: 20px;

    padding: 5px;

    font-size: inherit;

    color: #232323;

    text-align: left;

    overflow: scroll;

    border: 0px none #FFF090;

}

.prisenote2_contenu_correction_corrige 

{

    width: calc(100% - 10);

    background-color: #d8ff90;

    line-height: 20px;

    padding: 5px;

    font-size: inherit;

    color: #232323;

    text-align: left;

    overflow: scroll;

    border: 0px none #FFF090;

}

.prisenote_contenu_corrige 

{

    width: calc(100% - 10);

    background-color: #FFF090;

    font-weight: bold;

    line-height: 20px;

    padding: 5px;

    font-size: inherit;

    color: #0f800f;

    text-align: left;

    overflow: scroll;

    border-top: 1px dotted #0f600f;

    border-bottom: 0px none #0f600f;

    border-left: 0px none #0f600f;

    border-right: 0px none #0f600f;

}

.prisenote2_contenu_corrige 

{

    width: calc(100% - 10);

    background-color: #d8ff90;

    font-weight: bold;

    line-height: 20px;

    padding: 5px;

    font-size: inherit;

    color: #0f800f;

    text-align: left;

    overflow: scroll;

    border-top: 1px dotted #0f600f;

    border-bottom: 0px none #0f600f;

    border-left: 0px none #0f600f;

    border-right: 0px none #0f600f;

}

.prisenote_contenu_corriger 

{

    width: calc(100% - 10);

    background-color: #EBCBC7;

    line-height: 20px;

    padding: 5px;

    font-size: inherit;

    color: #232323;

    text-align: left;

    overflow: scroll;

    border: 0px none #EBCBC7;

    margin-bottom: 10px;

}

.prisenote2_contenu_corriger 

{

    width:calc(100% - 10);

    background-color: #d8ff90;

    line-height: 20px;

    padding: 5px;

    font-size: inherit;

    color: #232323;

    text-align: left;

    overflow: scroll;

    border: 0px none #EBCBC7;

    margin-bottom: 10px;

}

.bulle_note 

{

    padding: 8px;

    border: 1px solid #416AC0;

    border-radius:8px;

    box-shadow: 1px 1px 3px #333333;

    position: absolute;

    font-family: 'Times New Roman', Times, serif;

    width: 250px;

    font-size: 14px;

    background-color: #517AD0;

    left: 400px;

    opacity: 0.9;

    top: 400px;

    transform: rotate( -2deg ) translate(-10%, 0);

    color: white;

    z-index: 10000;

}

#etiquettelecteur 

{

  position:absolute;

  left:-194px;

  top:100px;

  width:300px;

  overflow:hidden;

  text-overflow:ellipsis;

  vertical-align:middle;

  background:#333333;

  font-size:18px;

  padding:10px 20px 10px 20px;

  color:antiquewhite;

  display:table;

  white-space:nowrap;

  transform:rotate(-90deg) translate(-50%, 0);

  border-top-right-radius:10px;

  border-top-left-radius:10px;

  border-top:1px solid Black;

  border-left:1px solid Black;

  border-right:1px solid Black;

  z-index:1000;

}

.icon_bas

{

    position:relative;

    top:0px;

    height:35px;

    width:100%;

    z-index:1000;

}

.mes_notes

{

    position:absolute;

    padding-top:10px;

    left:0px;

    top:20px;

    color:Black;

    background-color:#fff;

    height:30px;

    width:100%;

    font-size:20px;

    text-align:center;

    font-weight:bold;

    border-top-left-radius:5px;

    border-top-right-radius:5px;

    background: #fff;

    background: -moz-linear-gradient(#ddd, #fff);

    background: -webkit-linear-gradient(#ddd, #fff);

    background: -o-linear-gradient(#ddd, #fff);

}

.mes_notes_chapitre

{

    border-bottom:1px dotted #F2F2F2;

    font-size:14px;

}

.lien_blanc

{

    color:#efefef;

}

.lien_blanc a:link

{

    color:#efefef;

}

.lien_blanc a:visited

{

    color:#dfdfdf;

}

.lien_blanc a:hover

{

    color:White;

}

::-webkit-scrollbar 

{

    width: 5px;

    height: 5px;

}

::-webkit-scrollbar-thumb 

{

    background-color:#808080;

}​

 .rondrouge {

     border-radius:50%;

     background-color:red;

     color:white;

 }