/* Shared styles */
.nav_in_module .pager a:hover{
    background-color: #4bb0ce;
    border-color: #46b8da;
}
.nav_in_module .pager a{
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff;
}
.quick_access,
.mooc_questions_page,
.mooc_module_page,
.mooc_page_page,
.mooc_module_results_page,
.mooc_results_page{
    background-color: #FEFEFE;
}

li.future_module a{
    color: grey;
}
#formation_titles td{
    border-bottom: 4px solid white;
    padding: 5px;
}
#formation_titles td a{
    color: white;
    text-decoration: underline;
}
.mooc_index {counter-reset: h3}
.light{opacity: 0.5}
.mooc_index h1,
.mooc_index h2,
.mooc_index h3,
.mooc_index h4{
    font-family: Helvetica, Arial, sans-serif;
    text-align: justify;
}
#main_section h1{counter-reset: h2;}
#main_section .mooc_index h2,
#main_section h2.page_title{color: #333; counter-reset: h3; font-size: 200%;}
#main_section .mooc_index h3,
#main_section .page_content h3 {color: #555; counter-reset: h4; padding-left: 35px; margin: 0 0 10px 0; font-size: 130%;}
#main_section .mooc_index h4,
#main_section .page_content h4 {color: #777; counter-reset: h5; padding-left:70px; margin: 0 0 5px 0; font-size: 110%;}

#main_section .mooc_index h2:before,
#main_section h2.page_title:before {counter-increment: h2; content: counter(h2, upper-latin) ". "}
#main_section .mooc_index h3:before,
#main_section .page_content h3:before {counter-increment: h3; content: counter(h3) ". "}
#main_section .mooc_index h4:before,
#main_section .page_content h4:before {counter-increment: h4; content: counter(h4, lower-latin) ". "}

@media (max-width: 600px) {
    .mooc_index h1,
    .mooc_index h2,
    .mooc_index h3,
    .mooc_index h4{
        text-align: left;
    }
    #main_section h1{font-size:140%; margin: 8px 0;}
    #main_section .mooc_index h2,
    #main_section h2.page_title{font-size: 120%; margin: 12px 0 5px 0;}
    #main_section .mooc_index h3,
    #main_section .page_content h3 {font-size: 110%; margin: 0 0 5px 0;}
    #main_section .mooc_index h4,
    #main_section .page_content h4 {font-size: 100%; margin: 0 0 5px 0;}
}

.mooc_index h3{
    font-size: 20px;
}
.mooc_index h4{
    font-size: 16px;
}
.mooc_index h5{
    font-size: 14px;
}
.mooc_index h6{
    font-size: 12px;
}
.quick_access{
    padding-top: 50px;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.quick_access h4{
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: normal;
}
.quick_access ul{
    margin-top: 5px;
}


/* Mooc index */

.grades_stats{
    width: 100%
}
.grades_stats th,
.grades_stats td {
    text-align: center;
    border: 1px solid grey;
}
h2:before,
h3:before,
h4:before,
h5:before{
    content: "";
}
#formation_titles{
    color:white;
    width:100%;
}
#formation_titles td.title{
    background-color:rgb(47, 141, 104);
    text-align:center;
}

#formation_titles tr td.title{background-color: #5b8c00}
#formation_titles tr td.description{background-color: #7bac19}

#formation_titles tr:hover td.title{background-color:#6b9c10;}
#formation_titles tr:hover td.description{background-color:#8bbc29;}

.mooc_quick_access_links div{
    padding-bottom: 5px;
}


/* Mooc index */
.mooc_image_block {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 20px;
}

/* Mooc module */
#module_intro_video{
    text-align: center;
}

/* Mooc page */
.mooc_page_page iframe{
    max-width: 100%;
}


/* Mooc results */

table.mooc_results_by_module{
    width: 100%;
}
.mooc_results_by_module th,
.mooc_results_by_module td{
    text-align: left;
    padding-bottom: 8px;
}


/* Mooc module results */

.errors{
    text-align: justify;
}
.one_error{
    margin: 15px 0;
}
.one_error p {
    margin-left: 20px;
    margin-bottom: 20px;
}


/* Mooc questions */

.mooc_questions ul{
    list-style: none;
    padding: 0 0 15px 25px;
}

.mooc_questions li label{
    font-weight: normal;
    cursor: pointer;
}