html { 
  background-color: #121212;
}
body {
	background-color: transparent;
}
.header-ville {
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#e7e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}
.header-eleve {
	background: #78c001; /* Old browsers */
	background: -moz-linear-gradient(top,  #78c001 0%, #4e760c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78c001), color-stop(100%,#4e760c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #78c001 0%,#4e760c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #78c001 0%,#4e760c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #78c001 0%,#4e760c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #78c001 0%,#4e760c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78c001', endColorstr='#4e760c',GradientType=0 ); /* IE6-9 */
	min-height: 100px;
}
.site-title1 {
    color: #FFFFFF;
    font-size: 12px;
    margin: 0;
    padding: 20px 0 0;
    text-transform: uppercase;
}
.site-title2 {
    color: #FFFFFF;
    font-size: -43px;
    font-weight: 300;
    margin: 0;
    padding: 10px 0;
}
.eleve-picto img {
    position: absolute;
    top: -43px;
}
.eleve-classe h2 {
    color: #FFFFFF;
    font-size: 45px;
    font-weight: 300;
}
.espace-eleve {
    color: #4D740C;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 5px;
    position: relative;
    text-transform: uppercase;
    top: 15px;
}
.container-body {
    background-color: #FFFFFF;
}
.wrapper .container-body {
    padding-bottom: 70px;
}
.fil-arianne-header {
    color: #4D740C;
    padding-top: 20px;
    text-transform: uppercase;
}
.fil-arianne-body ul {
    list-style: none outside none;
    margin: 0 0 10px 0;
    padding: 0;
}
.fil-arianne-body li {
    display: inline-block;
}
.fil-arianne a {
    color: #666666;
}
.fil-arianne a:hover {
    color: #333333;
    text-decoration: none;
}
.fil-arianne-body li:nth-child(1n+1) a:after {
    content: " > ";
    color: #4d740c;
}
.fil-arianne-body li:last-child a:after {
    content: "";
    color: #4d740c;
}
.fil-arianne-body li:last-child a {
    background: transparent !important;
    color: #4d4d4d;
    pointer-events: none;
    cursor: default;
}
.deconnecter-btn {
    color: #666666;
    position: relative;
    top: 20px;
}
.deconnecter-btn .hidden-xs {
    width: 110px !important;
}
.deconnecter-btn button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    padding: 0;
}
.deconnecter-btn .login-greeting {
    margin-left: 5px !important;
}

.container-header {
    background-image: url("images/header-eleve.png");
    background-repeat: no-repeat;
    height: 46px;
}
.container-header .titre-classeur {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    margin: 0;
    padding: 0;
}
.container-body .desc-classeur {
    color: #666666;
    font-size: 25px;
    font-weight: 300;
    line-height: 40px;
}
.content-avec-border {
    border: 1px solid #f2f2f2;
    padding: 15px 0;
}
.document-list {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #CCCCCC;
    height: 80px;
    padding: 10px;
}
.document-list p {
  /*height:60px;
  line-height:60px;*/
  /*text-align:center;  centrage horizontal */
}
.document-list img,
.document-list-metier img { 
  vertical-align:middle;
}
.document-list-metier {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #CCCCCC;
    height: 95px;
    padding: 10px;
}
.document-list-metier p, .document-list-metier h4 {
  height:61px;
  /*line-height:71px;*/
  /*text-align:center;  centrage horizontal */
}
/* GENERAL STYLE */
a {
    color: #4D740C;
}
a:hover,
a:focus {
    color: #4D740C;
}
.no-padding-left {
    padding-left: 0;
}
.no-padding {
    padding: 0;
}
.no-padding-left {
    padding-left: 0;
}
.no-margin {
    margin: 0;
}
a {
    color: #4D4D4D;
}
/* General Buttonts color et style */
.btn-default-blue, .btn-default-blue:hover {
    color: #ffffff;
}
.btn-default-blue{
    border:1px solid #EA45FF; -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size:12px;
    font-family:Myriad Pro Regular, helvetica, arial, sans-serif; 
    padding: 10px 10px 10px 10px; 
    text-decoration:none; 
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; color: #FFFFFF;
    background-color: #E643FB; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E643FB), to(#560467));
    background-image: -webkit-linear-gradient(top, #E643FB, #560467);
    background-image: -moz-linear-gradient(top, #E643FB, #560467);
    background-image: -ms-linear-gradient(top, #E643FB, #560467);
    background-image: -o-linear-gradient(top, #E643FB, #560467);
    background-image: linear-gradient(to bottom, #E643FB, #560467);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E643FB, endColorstr=#560467);
}

.btn-default-blue:hover{
    border:1px solid #ea45ff;
    background-color: #560467;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#560467), to(#E643FB));
    background-image: -webkit-linear-gradient(top, #560467, #E643FB);
    background-image: -moz-linear-gradient(top, #560467, #E643FB);
    background-image: -ms-linear-gradient(top, #560467, #E643FB);
    background-image: -o-linear-gradient(top, #560467, #E643FB);
    background-image: linear-gradient(to bottom, #560467, #E643FB);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#560467, endColorstr=#E643FB);
 }
.btn-default-grey {
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top,  #efefef 0%, #b4b4b4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#b4b4b4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #efefef 0%,#b4b4b4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #efefef 0%,#b4b4b4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #efefef 0%,#b4b4b4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #efefef 0%,#b4b4b4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#b4b4b4',GradientType=0 ); /* IE6-9 */
    border: 1px solid #808080;
}
.btn-default-grey:hover {
    background: #b4b4b4; /* Old browsers */
    background: -moz-linear-gradient(top,  #b4b4b4 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4b4b4), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b4b4b4 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b4b4b4 0%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b4b4b4 0%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b4b4b4 0%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b4b4', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
.btn-default-grey span {
    color: #FFFFFF;
}
.btn-with-padding {
    padding: 10px 30px;
}
.with-margin-bottom {
    margin-bottom: 15px;
}
.left-buttons .btn {
    width: 100%;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
#VoirFicherDocument .modal-body .btn {
    display: table-cell;
    font-size: 12px;
    height: 50px;
    text-align: left;
    vertical-align: middle;
    white-space: inherit;
    width: 120px;
}
/* STYLE MODAL */
.modal-header {
    background-color: #9900B9;
    border-bottom: 1px solid #E5E5E5;
    color: #FFFFFF;
    min-height: 16.4286px;
    padding: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.modal ul {
    list-style: none;
}
.modal .modal-buttons div:last-child {
    padding-right: 10px;
}
/* FOOTER */
.center {
    text-align: center;
}

.footer-line {
    border: 4px solid #e6e6e6;
    padding: 0;
    margin: 0;
}

.footer-container {
    background: #77bd02; /* Old browsers */
    background: -moz-linear-gradient(top,  #77bd02 27%, #4d740c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#77bd02), color-stop(100%,#4d740c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #77bd02 27%,#4d740c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #77bd02 27%,#4d740c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #77bd02 27%,#4d740c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #77bd02 27%,#4d740c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77bd02', endColorstr='#4d740c',GradientType=0 ); /* IE6-9 */
}
.footer-container .container ul, .footer-credit ul {
    list-style: none;
    padding: 0;
    margin: 0px 0;
}
.footer-container .container ul li {
    display: inline-block;
    padding: 20px 20px 20px 0;
}

.footer-container .container ul li:nth-child(1n+2) {
    border-left: 1px solid #f2f2f2;
    margin: 0px;
    padding: 10px;
}
audio {
    width: 100%;
}

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=99);
}
.tooltip-inner {
  color: #ffffff;
  background: linear-gradient(to bottom, #79C101 27%, #4F780B 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.tooltip.top .tooltip-arrow {
  border-top-color: #79C101;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-top-color: #79C101;
  border-width: 5px 5px 0;
}

.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-top-color: #79C101;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #79C101;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #79C101;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #79C101;
}

.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #79C101;
}

.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #79C101;
}