@font-face {
    font-family: 'ubuntubold';
    src: url('../fonts/ubuntu-b-webfont.eot');
    src: url('../fonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ubuntu-b-webfont.woff') format('woff'),
    url('../fonts/ubuntu-b-webfont.ttf') format('truetype'),
    url('../fonts/ubuntu-b-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubuntulight';
    src: url('../fonts/ubuntu-l-webfont.eot');
    src: url('../fonts/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ubuntu-l-webfont.woff') format('woff'),
    url('../fonts/ubuntu-l-webfont.ttf') format('truetype'),
    url('../fonts/ubuntu-l-webfont.svg#ubuntulight') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body { font-family: 'ubuntulight'; }
a { color:#832c6b;}
.bs-docs-sidebar .nav .nav > li > a:hover, .bs-docs-sidebar .nav .nav > li > a:focus { background-color:#DBF58F !important; }
.main-content a { background-color:#DBF58F; }
.main-content .esp-top a, .main-content .esp-bottom a, .main-content a.commentsLink  { background-color:transparent; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.navbar { box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); }
.logo, .etablissement { height: 50px; padding:3px; margin-right:15px; }
.etablissement a { height: 50px; padding:3px !important; margin-left:15px; }
.etablissement a:hover { background-color:transparent !important; }
.logo img, .etablissement img { max-height: 44px; max-width:100% !important; width:auto !important; }
.navbar-nav li { color:#832c6b; text-transform:uppercase; }
.navbar-nav .fa { color: rgba(0,0,0, 0.35); font-size:24px; vertical-align:sub; }
.navbar-nav > li > a { padding-top: 13px; padding-bottom: 13px; }
.topLink span { display: inline-block; margin-left: 10px; }


.bs-docs-nav{
    position:fixed;
    top:0px;
}

.bs-docs-header {
    background: #762860; /* Old browsers */
    background: -moz-linear-gradient(top,  #762860 0%, #903076 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#762860), color-stop(100%,#903076)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #762860 0%,#903076 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #762860 0%,#903076 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #762860 0%,#903076 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #762860 0%,#903076 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#762860', endColorstr='#903076',GradientType=0 ); /* IE6-9 */
    color:#FFF;
    margin-top:50px;
}
.bs-docs-header { margin-bottom: 15px; }
.bs-docs-header h1, .bs-docs-header h2, .bs-docs-header h3, .bs-docs-header h4, .bs-docs-header h5, .bs-docs-header h6 { color:#FFF; }
.bs-docs-header p { margin-right: 0; font-size:16px; }
.bs-docs-header #auteurs {  font-size: 12px; margin: 0 0 20px 0; }
.bs-docs-header .auteur a { text-transform:uppercase; font-size: 28px; color:rgb(255,255,255); border-radius: 4px; padding:2px 8px; }
.bs-docs-header .auteur a:hover { text-decoration: none; background: rgba(255,255,255,0.1); }
.bs-docs-header #video { width:100%; height: 334px; float:left; background: rgba(0,0,0,0.1); box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.5); text-align: center; }
.bs-docs-header #video img {  max-height:100%; }
.bs-docs-header #videoPlayer_top_wrapper { width: 100% !important;} /*Responsive Video Player*/
.bs-docs-header h1 { text-transform:uppercase; text-shadow: 0 2px 0 rgba(0,0,0,0.5); font-size:38px; }
.bs-docs-header h2 { text-transform:uppercase; font-size:35px; margin-top:10px; }
#social { border-bottom:1px solid rgba(0,0,0,0.1); }
#social .partage {
    float: right;
    height: 28px;
    margin: 0;
    padding: 0 0 0 10px;
    border-left: 1px solid #eef1f5;
    color: #747b83;
}
.fb13x13, .tw13x13, .google13x13, .linkedin13x13, .fb13x13_gris, .linkedin13x13_blanc, .tw13x13_gris, .fb13x13_blanc, .tw13x13_blanc, .google13x13_blanc, .tw_bird, .envoyer_13x13_blanc, .rss13x13_alpha, .rss13x13, .avatar13x13_alpha, .avatar13x13, .pinterest13x13, .pinterest13x13_blanc, .classer_blanc, .imprimer_blanc, .nl_blanc, .telecharger_blanc, .retour_blanc, .pages_blanc, .ipad_blanc, .liste_blanc, .lien_externe span, .m_petit, .ico_alerte {
    background: url('../imgs/sprite.png') no-repeat;
    display: inline-block;
    text-indent: -9999px;
    height: 13px;
    width: 13px;
    cursor: pointer;
}
.fb13x13, .tw13x13, .google13x13, .linkedin13x13, .fb13x13_gris, .tw13x13_gris, .fb13x13_blanc, .tw13x13_blanc, .google13x13_blanc, .linkedin13x13_blanc, .rss13x13, .avatar13x13, .pinterest13x13, .pinterest13x13_blanc, .envoyer_13x13_blanc {
    margin: 0 2px;
    vertical-align: middle;
}
.fb13x13 {
    background-position: 0 -38px;
}
.fb13x13:hover, .fb13x13_gris:hover, .fb13x13_blanc:hover {
    background-position: -14px -38px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.tw13x13 {
    background-position: 0 -52px;
}
.tw13x13:hover, .tw13x13_gris:hover, .tw13x13_blanc:hover {
    background-position: -14px -52px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.google13x13 {
    background-position: 0 -66px;
}
.google13x13:hover, .google13x13_blanc:hover {
    background-position: -14px -66px;
}
.linkedin13x13 {
    background-position: 0 -80px;
}
.linkedin13x13:hover, .linkedin13x13_blanc:hover {
    background-position: -14px -80px;
}
.bs-docs-section { padding-top:25px; }
.bs-docs-sidenav { margin-top: 5px; }
.bs-docs-sidebar .nav>li>a:hover, .bs-docs-sidebar .nav>li>a:focus { color: #832c6b; border-left: 1px solid #832c6b; }
.bs-docs-sidebar .nav>.active>a, .bs-docs-sidebar .nav>.active:hover>a, .bs-docs-sidebar .nav>.active:focus>a { color: #832c6b; border-left: 2px solid #832c6b; }
.bs-docs-sidebar .nav .nav .nav > li > a { padding-left:40px; }
#lessonInfo { margin-top:10px; color:#832c6b; font-family: 'ubuntubold'; line-height: 15px; min-height: 40px; }
#lessonInfo span {
    background: #999;
    border-radius: 13px;
    display: inline-block;
    margin:0 5px 5px 0;
    padding: 5px;
    width: 26px;
    height: 26px;
    float: left;
    color: #FFF;
    text-align: center;
}

.main-content { margin-top: 10px; }
h1, h2, h3, h4, h5, h6, .reco_titre { font-family: 'ubuntubold'; color:#832c6b; margin-bottom: 7px !important; clear:both; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color:#bbbbbb; }

.commentsLink { float:right; font-size:24px; color:#ffa839; }
.commentsLink:hover { color:#ffcc78; }

.back-to-top { font-size:32px; }
#lettrine a { color:#832c6b; display: inline-block; background:#DBF58F; border-radius: 2px; border:2px solid rgba(0,0,0,0.05); margin:1px; padding: 0 5px; }
.glossaire .titre, .sigles-acronymes .titre { font-size: 1.1em; font-weight: bold; margin-top: 15px; }

/*///////////////////////////// BLOCS ///////////////////////////////////*/
.balise-bloc { background:#dbdbdb; color:rgba(0,0,0,0.8); text-shadow: 0 1px 0 rgba(255,255,255,0.5); padding:10px 0 10px 20px; min-height: 85px;  }
.balise-bloc .balise-bloc { background:rgba(255,255,255,0.3); }
.balise-bloc  i { float:right; font-style:normal; font-family: 'ubuntubold'; font-size:32px; padding:10px 20px; }
.balise-bloc .textes { text-shadow: none; background:none;  }
.balise-bloc h1, .balise-bloc h2, .balise-bloc h3, .balise-bloc h4, .balise-bloc h5, .balise-bloc h6 { clear:none; }


.remarque { border-left:10px solid #333333; }
.remarque i { color:#333333; }
.definition { border-left:10px solid #b2d745; }
.definition i { color:#b2d745; }
.synthese { border-left:10px solid #4c6600; }
.synthese i { color:#4c6600; }
.exemple { border-left:10px solid #999999; }
.exemple i { color:#999999; }
.balise-bloc.textes { border-left:10px solid #a50a23 !important; background:#dbdbdb !important; padding:10px 10px 10px 20px; margin: 5px 0; display: block; }
.balise-bloc.textes .titre { font-family: 'ubuntubold';  }
.textes i { color:#a50a23; }
.textes { border-left:none !important; padding:0 2px; width:100%; display: inline; }
.textes.s1, .textes.s2, .textes.s3, .textes.s4 { border-left:none !important; background:#EEE; display: inline-block; padding:5px; margin-bottom:5px; color:#a50a23; }

.textes a { color: #a50a23; }

.balise-bloc .remarque, .balise-bloc .definition, .balise-bloc .synthese, .balise-bloc .exemple { border-left: 1px solid; }

.approfondissement { border-left:10px solid #832c6b; }
.approfondissement i { color:#832c6b; }
.ensavoirplus-title { text-align: center; color:#832c6b; background:url("../imgs/ensavoirplus-arrow.png") center 18px no-repeat; height:30px; }
.ensavoirplus { margin:2px auto 10px auto; }
.ensavoirplus a.esp-button { display:block; height:33px; background:url("../imgs/ensavoirplus.png") center 0 no-repeat; }
.ensavoirplus a.esp-button:hover { display:block; height:33px; background:url("../imgs/ensavoirplus.png") center -33px no-repeat; }

.ensavoirplus .esp-top { height:18px; background:url("../imgs/ensavoirplus.png") center -66px no-repeat;  }
.ensavoirplus .esp-content { padding:20px; background:#EEE url("../imgs/bg-ensavoirplus-open.png") center 0 no-repeat; color:#888888; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); font-size:12px; display: none;}
.ensavoirplus .esp-bottom { height:18px; background:url("../imgs/ensavoirplus.png") center -363px no-repeat;}
.ensavoirplus .espHolder { display:none;}
.ensavoirplus .esp-top a, .ensavoirplus .esp-bottom a { display:block; width:33px; height:18px; margin:0 auto; }

.important { font-size:1.05em; color:#832c6b; font-weight: bold; }

.gauche { display: block; text-align: left; float:left; }
.centre { display: block; text-align: center; }
.centre table { margin:0 auto !important; }
.droite { display: block; text-align: right; float:right; }
.justifie { display: block; text-align: justify; }

.citation { font-style: italic; }

.retrait { text-indent: 2em; }

.lien_lexique, .lien_acronyme { background-color: transparent !important; border-bottom:1px dashed rgba(0,0,0,0.8); display: inline !important; padding:0 !important; }
.lien_lexique:hover, .lien_acronyme:hover { text-decoration:none; }

.ressource { display: inline-block; padding:10px; border-radius:5px; background: rgba(0,0,0,0.12); box-shadow:inset 0 1px 10px 1px rgba(0,0,0,0.15); margin-top:5px; margin-bottom:5px;  }
.metas { color:#333; font-size:12px; padding:4px; }
.metas .title { font-weight: bold; font-size:13px; text-shadow: 0 1px 0 rgba(255,255,255,0.7);  }
.metas .auteur, .metas .date { display: inline-block; margin:2px; }
.metas .auteur i, .metas .date i { display: inline-block; margin-right:5px; color:#888; }

.legende { color:rgba(0,0,0,0.5); font-size:11px; }

.img-responsive { display:inline-block !important; }


#bg {
    background: rgba(0,0,0,0.75);
    display: none;
    position: absolute;
    top: 0;
    z-index: 4500;
}
#box {
    display: none;
    position: absolute;
    z-index: 5000;
    background:#FFF;
    border-radius: 4px;
    overflow: auto;
}
#boxutil {background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.15))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=1 ); /* IE6-9 */
}
#boxutil a {
    float:right;
    font-size: 12px;
    font-weight: bold;
    margin:5px;
    color:#832c6b;
}
#boxutil a:hover {text-decoration: none;}
#boxdata { padding: 0 20px 20px 20px; overflow: auto;display:block;}
.commentText { width:98%; }
.commentsHolder{
    background-color: #DBF58F;
    padding:5px;
    display: none;
    margin-bottom: 20px;
}
.commentArea { border:1px solid rgba(0,0,0,0.15); }

.commentItem { padding:10px; border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(255,255,255,0.4); }
.commentItem:first-child { border-top:none; }
.commentItem:last-child { border-bottom:none; }
.commentItem .delete { color:rgba(0,0,0,0.35); float:right; }
.commentItem:hover .delete { display: block !important; }
.commentItem:hover .delete:hover { color:rgba(0,0,0,0.7); }
.commentDate { font-size:0.8em; color:rgba(0,0,0,0.5); }

#lid {display:none;}

/*///////////////////////////////////////////////////////////////////////*/
.info_intitule { font-weight: bold; color:#832C6B; }
.course-infos {
    background: rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 15px;
    margin: 0 10px 10px 0;
}
/*///////////////////////////////////////////////////////////////////////*/
.texte { display:inline-block; min-height:128px; width:128px; background:url(../imgs/text.png) center center no-repeat ; position: relative; border-radius: 5px; border:1px solid #DDD; margin: 5px; padding: 5px; }
.texte:hover {background-color:#eee; }
.text-title {font-weight: bold; color:#832C6B; font-size:14px;}
.text-details {font-size:11px;}

.ressource_jurisprudence { width:100%; margin:5px; border-radius:5px; }
.ressource_jurisprudence tr:last-child td { text-align:center; background:#EEE; }

/*///////////////////////////////////////////////////////////////////////*/

@media (max-width:768px) {
    .bs-docs-header h1  { font-size:35px; }
    .bs-docs-header h2  { font-size:30px; }

}
@media (min-width:768px) and (max-width: 992px) {
    .navbar-nav > li > a > span { display:none !important; }
}
@media (max-width: 1024px) {
    .etablissement { display:none !important; }
}
@media (max-width: 1200px){
    header .container { width: 100%; }
}




/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Impression avec commentaires */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.text { padding: 20px; }
#titre {padding:20px; font-size:45px; font-family: 'ubuntubold'; color:#832c6b; margin-bottom: 7px !important; clear:both; line-height: 38px;}
body.globalprintcom .ensavoirplus { background:#EEE; padding:15px; }