/*
* Styles pour DjangoCodeMirror
* Créé par David THENON en Février 2012
*/
hr,
.cale{
    margin:0;
    padding:0;
    visibility:hidden;
    width:0px;
    height:0.05px;
    font-size:0;
    clear:both;
}
.DjangoCodeMirror{
    padding:0;
    float: left;
    width: 63%;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    background-color: #ffffff;
}
.DjangoCodeMirror .DjangoCodeMirror_menu ul,
.DjangoCodeMirror .DjangoCodeMirror_tabs ul{
    margin:0;
    padding:0;
    float: none;
    width: auto;
}

/*___________________________
    Ajustements sur CodeMirror
*/
.CodeMirror{
    font-size:1.1em;
    line-height:1.1em;
}
.CodeMirror-scroll{
    border-top:0;
    border-bottom:0;
}

/*___________________________
    Menu des boutons
*/
.DjangoCodeMirror .DjangoCodeMirror_menu{
    margin: 0;
    padding: .2em .35em .2em .35em;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 41%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(41%,#f3f3f3), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 41%,#ededed 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 41%,#ededed 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 41%,#ededed 100%);
    background: linear-gradient(top,  #ffffff 0%,#f3f3f3 41%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    border: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 5px 5px 0 0;
}
.DjangoCodeMirror .DjangoCodeMirror_menu ul li{
    margin: 0;
    padding: 0;
    list-style:none;
    float:left;
    position:relative;
    background-color: transparent;
    border:1px solid transparent;
}
.DjangoCodeMirror .DjangoCodeMirror_menu ul li:hover{
    background-color: #ffffff;
    border-radius: 3px;
    border:1px solid #dedede;
}
.DjangoCodeMirror .DjangoCodeMirror_menu ul .button a{
    margin:0;
    padding:0;
    display:block;
    width:22px;
    height:22px;
    text-indent:-10000px;
    background-color: transparent;
    background-repeat:no-repeat;
    background-position: center;
    cursor: pointer;
}
.DjangoCodeMirror .DjangoCodeMirror_menu ul .separator,
.DjangoCodeMirror .DjangoCodeMirror_menu ul .separator:hover{
    margin:0 .4em;
    width:1px;
    height:22px;
    overflow:hidden;
    border-left:0;
    border-top:1px solid #CCC;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    background-color:#CCC;
}
.DjangoCodeMirror_menu .buttonH1 a{ background-image:url('images/h1.png'); }
.DjangoCodeMirror_menu .buttonH2 a{ background-image:url('images/h2.png'); }
.DjangoCodeMirror_menu .buttonH3 a{ background-image:url('images/h3.png'); }
.DjangoCodeMirror_menu .buttonH4 a{ background-image:url('images/h4.png'); }
.DjangoCodeMirror_menu .buttonH5 a{ background-image:url('images/h5.png'); }
.DjangoCodeMirror_menu .buttonH6 a{ background-image:url('images/h6.png'); }
.DjangoCodeMirror_menu .buttonBold a{ background-image:url('images/bold.png'); }
.DjangoCodeMirror_menu .buttonItalic a{ background-image:url('images/italic.png'); }
.DjangoCodeMirror_menu .buttonCode a{ background-image:url('images/text_allcaps.png'); }
.DjangoCodeMirror_menu .buttonBList a{ background-image:url('images/list-bullet.png'); }
.DjangoCodeMirror_menu .buttonNList a{ background-image:url('images/list-numeric.png'); }
.DjangoCodeMirror_menu .buttonPicture a{ background-image:url('images/picture.png'); }
.DjangoCodeMirror_menu .buttonFigure a{ background-image:url('images/photo.png'); }
.DjangoCodeMirror_menu .buttonSubPicture a{ background-image:url('images/bullet_picture.png'); }
.DjangoCodeMirror_menu .buttonLink a{ background-image:url('images/world_link.png'); }
.DjangoCodeMirror_menu .buttonPageLink a{ background-image:url('images/page_link.png'); }
.DjangoCodeMirror_menu .buttonQuotes a{ background-image:url('images/quotes.png'); }
.DjangoCodeMirror_menu .buttonSourcecode a{ background-image:url('images/sourcecode.png'); }
.DjangoCodeMirror_menu .buttonFullscreenEnter a{ background: url('images/fullscreen_enter.png'); }
.DjangoCodeMirror_menu .buttonFullscreenExit a{ background-image:url('images/fullscreen_exit.png'); }
.DjangoCodeMirror_menu .buttonQuickSave a{ background-image:url('images/disk.png'); }
.DjangoCodeMirror_menu .buttonQuickSave.ready a{ background-image:url('images/disk_star_blue.png'); }
.DjangoCodeMirror_menu .buttonHelp a{ background-image:url('images/help.png'); }
.DjangoCodeMirror_menu .buttonSettings a{ background-image:url('images/cog_edit.png'); }

.DjangoCodeMirror_menu .buttonQuickSave.error a{
    background-color: #ee0000;
}
.DjangoCodeMirror .DjangoCodeMirror_menu ul li.buttonUndo:hover,
.DjangoCodeMirror .DjangoCodeMirror_menu ul li.buttonRedo:hover{
    background-color: transparent;
    border:1px solid transparent;
}
.DjangoCodeMirror_menu .buttonUndo a,
.DjangoCodeMirror_menu .buttonUndo.inactive a{
    cursor: default !important;
    background: url('images/arrow_undo_disabled.png');
}
.DjangoCodeMirror_menu .buttonUndo.active a{
    background: url('images/arrow_undo.png');
}

.DjangoCodeMirror_menu .buttonRedo a,
.DjangoCodeMirror_menu .buttonRedo.inactive a{
    cursor: default !important;
    background: url('images/arrow_redo_disabled.png');
}
.DjangoCodeMirror_menu .buttonRedo.active a{
    background: url('images/arrow_redo.png');
}
.DjangoCodeMirror .DjangoCodeMirror_menu ul li.buttonUndo.active:hover,
.DjangoCodeMirror .DjangoCodeMirror_menu ul li.buttonRedo.active:hover{
    background-color: #ffffff;
    border:1px solid #dedede;
}

.DjangoCodeMirror_menu .buttonFullscreenExit{
    display:none;
}

/*___________________________
    Barre de status et onglets
*/
.DjangoCodeMirror .DjangoCodeMirror_tabs{
    background: #ededed;
    border-top: 1px solid #e0e0e0;
    border-radius: 0 0 5px 5px;
}
.DjangoCodeMirror .DjangoCodeMirror_tabs ul li{
    margin: .3em 0 .3em 0.7em;
    padding:0;
    list-style:none;
    float:left;
}
.DjangoCodeMirror .DjangoCodeMirror_tabs ul .tab a{
    display:block;
    opacity:0.4;
    margin:0;
    padding: .3em .5em .3em .5em;
    cursor: pointer;
    font-size:0.6em;
    color:#404040;
    text-decoration:none;
    text-transform:uppercase;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    background-color:#ededed;
}
.DjangoCodeMirror .DjangoCodeMirror_tabs ul .tab a:hover{
    opacity:1.0;
    color:#0072ff;
}
.DjangoCodeMirror .DjangoCodeMirror_tabs ul .tab a .error,
.DjangoCodeMirror .DjangoCodeMirror_tabs ul .tab a:hover .error{
    color: #FF0000;
}
.DjangoCodeMirror .DjangoCodeMirror_tabs ul .tabactive a{
    background-color:#ffffff;
    box-shadow: 0px 0px 1px #0072ff;
    opacity:1.0;
}
.DjangoCodeMirror .DjangoCodeMirror_tabs ul .tabactive a:hover{
    color:#000000;
}

.DjangoCodeMirror .DjangoCodeMirror_tabs .cursor_pos{
    padding: .9em .8em .4em .5em;
    float:right;
    font-size:0.6em;
    color:#707070;
}

/*____________________________________
    Pour la prévisualisation
*/
.DjangoCodeMirrorPreviewScene{
    border:0;
    background-color:#ffffff;
    border-radius: 5px 5px 0 0;
}

/*____________________________________
    Ajustements pour le mode maximiser
*/
.DjangoCodeMirror.fullScreen{
    border:0;
    border-radius:0;
    font-size:1.1em;
}
.DjangoCodeMirror.fullScreen .CodeMirror{
    line-height:1.3em;
}
.DjangoCodeMirror.fullScreen .CodeMirror-scroll{
    border:0;
}
.DjangoCodeMirror.fullScreen .DjangoCodeMirror_menu{
    border-radius:0;
}
.DjangoCodeMirror.fullScreen .DjangoCodeMirror_menu .buttonFullscreenEnter{
    display:none;
}
.DjangoCodeMirror.fullScreen .DjangoCodeMirror_menu .buttonFullscreenExit{
    display:block;
}

/*____________________________________
    Pour le panneau de paramètres éditables
*/
.DjangoCodeMirror_settings_panel{
    /*border: 1px solid #d0d0d0;*/
    background-color:#ffffff;
    /*background-color:gold;*/
    border-radius: 5px;
}
#DjangoCodeMirror_fullscreen_scene .DjangoCodeMirror_settings_panel{
    border:0;
    border-radius:0;
}

.DjangoCodeMirror_settings_panel a.close {
    display: block;
    width: 22px;
    height: 22px;
    text-indent:-10000px;
    background: #ededed;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('images/cross.png');
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 3px;
    border: 1px solid #dfdfdf;
}
.DjangoCodeMirror_settings_panel a.close:hover {
    background-color: #ffffff;
}
.DjangoCodeMirror_settings_panel h2 {
    margin: 0;
    padding: 6px;
    font-size:16px;
    height:32px;
    color:#7f7f7f;
    text-shadow:#9f9f9f 1px 1px 2px;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 41%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(41%,#f3f3f3), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 41%,#ededed 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 41%,#ededed 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 41%,#ededed 100%);
    background: linear-gradient(top,  #ffffff 0%,#f3f3f3 41%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    border: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 5px 5px 0 0;
}
.DjangoCodeMirror_settings_panel form{
    margin: 0;
}
.DjangoCodeMirror_settings_panel form input.submit{
    padding-bottom:1em;
}
.DjangoCodeMirror_settings_panel form fieldset{
    background: transparent;
    border: 0;
    box-shadow: none;
}
.DjangoCodeMirror_settings_panel form fieldset legend{
    background: transparent;
}

/*______________________________________
Pour les retours d'erreur du parser ReST
*/
.system-message {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.system-message-title {
  color: inherit;
  font-weight: bold;
}

/*____________________________________
    Pour la démo
*/
#sample{
    margin:auto;
    width:800px;
}
#sample .DjangoCodeMirror{
    padding:0;
    float: none;
    width: 100%;
    background: #ededed;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
}
