/* BASE
-------------------------*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700|Open+Sans:400,700);
body {
    padding-top: 0;
    color: #2c3e50;
    font-family: 'Open Sans', sans-serif;
    background-color: #eaeef2;
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
}
#page-site-index h1, #page-site-index h2, #page-site-index h3, #page-site-index h4, #page-site-index h5 {
    font-family: 'Open sans', sans-serif;
    line-height: 1.2;
    margin-bottom: .5rem;
}
h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.25em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 0.8em;
}

/* RESPONSIVE */
@media (max-width:767px) {
    body {
        padding: 0;
    }
}

/* NAV/LOGO
-------------------------*/

div.logo {
    background: url([[setting:logo]]) no-repeat 0 0;
    display: block;
    float: left;
    height: 75px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.dir-rtl div.logo {
    background: url([[setting:logo]]) no-repeat 100% 0;
    display: block;
    float: right;
}

.navbar {
    padding: 0 1rem;
    margin: 0;
}

.navbar-default {
    background: #fff;
    border-bottom: solid 3px #c0392b;
    border-radius: 0;
}
.navbar:before {
    display: none;
}
.navbar-inner {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
}

.navbar-brand {
    padding: 5px 0;
}

.navbar .nav>li>a {
    padding: 15px;
}

.usermenu li.dropdown a.dropdown-toggle .picspan {
    margin: 0 5px 0 0;
    position: relative;
    bottom: 5px;
}

.usermenu li.dropdown a.dropdown-toggle .picspan img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}


/* LOGIN
-------------------------*/
#connect-main {
    background: #fff;
}
#connect-main .container-fluid:first-of-type {
    margin: 0 auto 0 0;
}
#page-login-index {
    padding-top: 0;
}

#page-login-index #region-main {
    padding: 0;
}

.usermenu .login {
    color: #ffffff;
}

.login {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px 0 6px;
    background-color: rgba(0, 0, 0, 0.4);
}

.forgetpass.home a {
    color: #fff;
}

.forgotpass{
    margin-bottom: 1em;
    margin-top: 1em;
}

.forgotpass a {
    text-decoration: underline;
    color:#f29417;
}


.forgotpass a:hover {
    text-decoration: none;
    color: /*#f29417*/ #c0392b
    ;
}

.desc {
    font-size: 0.8em;
    color: #f29417;
    display: flex;
}

#connexion-header {
    background-image: url(../pix/connexion/header-v2.jpg);
    /*background-size: contain;*/
    background-size: cover;
    /*width: 100%;*/
    height: 700px;
    box-sizing:border-box;
    background-repeat: no-repeat;
    background-position: right;  
}

/*media queries background responsive*/
@media (max-width: 2560px) {
    #connexion-header {
        background-image: url(../pix/connexion/header-v2-2560px.jpg);
		background-position: right;
    }
}

@media (max-width: 1440px) {
    #connexion-header {
        background-image: url(../pix/connexion/header-v2-1440px.jpg);
		background-position: right;
    }
}

@media (max-width: 1024px) {
    #connexion-header {
        background-image: url(../pix/connexion/header-v2-1024px.jpg);
		background-position: right;
    }
}

@media (max-width: 768px) {
    #connexion-header {
        background-image: url(../pix/connexion//header-v2-768px.jpg);
		background-position: right;
    }
}
@media (max-width: 767px) {
    #connexion-header {
   position: absolute;
    left: -999em;
    background-image: none;
    }
    }
@media (max-width: 425px) {
    #connexion-header{
        background-image: none;
    }
}
.bloc-header {
    height: 700px;
}
#loginbox {
    padding: 9em 2em 2em 3em; 
}

#loginbox-2{
   padding: 2em;
}

#loginbox-2 p.info{
   font-size:0.8em;
}

#loginbox,
#loginbox-2 {
   background-color: #fff;
   height: 700px;
   box-sizing: border-box;/
 
}

#loginbox h1,
#loginbox-2 h1{
   color: #c0392b;
   font-family: 'Open Sans', sans-serif;
   padding-bottom: 0.5em;
   font-size: 1.8rem;
   font-weight: bold;
   text-align: left;
}

#loginbox p.echec,
.ftoggler{
   color:#f29417;
   font-size: 1.2em;
   padding-bottom: 0.5em;
}

.content-connexion {
   color: rgba(51, 51, 51, 0.75);
   margin: 0 !important;
}

.form-connexion {
   color: rgba(51, 51, 51, 0.75);
   width: 20em;
   /*margin: auto;*/
   text-align: left;
}
#loginbox label {
    font-size: 1rem;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.75)
}
#loginbox .login-form .form-input input[type="text"],
#loginbox .login-form .form-input input[type="password"],
#id_email,
#id_username{
   display: block;
   width: 20em;
   max-width: none;
   height: 34px;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.42857143;
   color: rgba(51, 51, 51, 0.5);
   background-color: #fff;
   background-image: none;
   border-top: none;
   border-left: none;
   border-right: none;
   border-bottom: 1px solid #ccc;
   border-radius: 0;
   box-sizing: border-box;
   margin-bottom: 2em;
   box-shadow: none;
}

#loginbox .login-form .form-input {
   float: none;
   width: auto;
   box-sizing: border-box;
}

.login {
   box-sizing: border-box;
   width: 100%;
}

.form-input {
   margin-bottom: 1em;
}
.remember-pass {
    display: flex;
    align-items: baseline;
}
#remember-username p{
    font-size: 0.5em;
 }
#page.container {
    max-width: 100%;
    margin: 0;
    width: 100%;
    background: rgba(51, 51, 51, 0.75);
}
#marketing {
    margin: auto auto 40px;
}
.content-bloc {
    background-color: #fff;
    text-align: center;
    padding: 2em 1em;
    margin: 1em;
}

.content-bloc h2 {
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: bold;
    color: /*#f29417*/
    rgba(51, 51, 51, 1);
    margin: 0.3em;
    height: 3em;
}

@media (max-width: 425px) {
    .content-bloc h2 {
        height: 5em;
    }
    }
    
    .content-bloc p {
        font-size: 1em;
        margin-top: 0.5em;
        padding: 0.5em;
        color: rgba(51, 51, 51, 0.8);
        height: 7em;
    }
    
   #marketing .button {
        margin-top: 1.5em;
        margin-bottom: 1em;
    }
    
    .en-savoir-plus {
        line-height: 1em;
        text-align: center;
        vertical-align: middle;
        color: #fff;
        font-size: 1.2em;
        border-radius: 5px;
        background-color: #f29417
        ;
        border: none;
        padding: 0.8em;
        height: 2.6em;
        text-decoration: none;
        color: #fff;
    }
    
    .en-savoir-plus:hover {
        background-color: #c0392b;
        color: #fff;
        text-decoration: none;
    }

#marketing img {
    margin: auto;
}

/* animations blocs marketing */
.slide-up-fade-in {
    animation: slide-up-fade-in ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    /*when the spec is finished*/
    -webkit-animation: slide-up-fade-in ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    /*Chrome 16+, Safari 4+*/
    -moz-animation: slide-up-fade-in ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    /*FF 5+*/
    -o-animation: slide-up-fade-in ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    /*Not implemented yet*/
    -ms-animation: slide-up-fade-in ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards;
    /*IE 10+*/
    opacity: 0;
    opacity: 1\9;
}

@keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        transform: translate(0px, 40px);
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px);
    }
}

@-moz-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -moz-transform: translate(0px, 40px);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0px, 0px);
    }
}

@-webkit-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, 40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
    }
}

@-o-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -o-transform: translate(0px, 40px);
    }
    100% {
        opacity: 1;
        -o-transform: translate(0px, 0px);
    }
}

@-ms-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -ms-transform: translate(0px, 40px);
    }
    100% {
        opacity: 1;
        -ms-transform: translate(0px, 0px);
    }
}

.slide-up-fade-in.one {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.slide-up-fade-in.two {
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.slide-up-fade-in.three {
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.slide-up-fade-in.four {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

/* login footer */

footer#page-footer {
    background-color: #fff;
   /* border-top: 3px solid #c0392b;*/
    padding: 3em 2em 2em 2em;
    margin-top: 0;
}

footer h2{
    font-size: 2em;
    font-weight:bold;
    color: #c0392b;
}

.bdr-bottom{
    width: 6em;
    border-bottom: 3px solid #c0392b;
}
footer li{
    list-style-type: none;
    margin: 0.5em 0;
}

footer a{
    text-decoration: none;
    color: #f29417;
}

footer a:hover{
    text-decoration: none;
    color: #c0392b;
}

.footer-item{
    margin: 0 0 3em 0;
    text-align: left;
}
.footer-item ul, .footer-item h2 {
    text-align: left;
}
.logo-footer{
    margin-top: 1rem;
}

.res-soc{
    list-style-type: none;
    display: flex;
    padding-top: 0.8rem;
}

.icon-round{
    border-radius: 100%;
    height: 4rem;
    width: 4rem;
    background-color: #f29417;
    font-size: 1rem;
    text-align: center;
    padding: 0.8rem;
    cursor: pointer;
    margin:0.5rem;
}

.icon-round:hover{
    background-color: #c0392b;
}


.picto-footer{
    margin-right: 0.5rem;
}

.footer-item .icon {
    width: 100%;
    height: auto;
    vertical-align: middle;
    padding: 0;
    margin:0;
}

/* flux rss */

#divRss {
    /*line-height: 1.5em*/;
   }
   
   #divRss .itemTitle{
       color: #f29417;
       font-size: 1rem;
   }
   
   .itemDate{
      font-size: 0.8rem; 
   }
   
   #divRss .itemContent p{
       color: rgba(51, 51, 51, 0.8);
       font-size: 0.9rem;
       display:none;
   }
   
   #divRss .itemContent img{
       display: contents;
   }
   
   @media (max-width: 768px) {
       #flux-RSS {
      position: absolute;
       left: -999em;
       }
   }
   
   @media (max-width: 425px) {
      .detail, #flux-RSS {
      position: absolute;
       left: -999em;
       }
   }
   
   @media (max-width: 425px) {
      #pictos {
      position: absolute;
       left: -999em;
       }
   }

/* JUMBO

-------------------------*/

.jumbo {
    background: url([[pix:theme|bg-formations]]) center center;
    background-size: cover;
    position: relative;
}

.jumbo {
    height: 180px;
    margin-bottom: 20px;
}

.pagelayout-frontpage .jumbo,
.pagelayout-login .jumbo {
    height: 400px;
}

.heading {
    background: #ffffff;
    border-top: solid 2px #c0392b;
}

.avatar img {
    border: 2px solid #ffffff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}

.jsenabled .usermenu .moodle-actionmenu .toggle-display.textmenu {
    padding: 12px 8px;
}

.jsenabled .usermenu .moodle-actionmenu>.menubar {
    margin: 0;
}

.block,
#region-main,
.breadcrumb {
    /* box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.block .header {
    background: transparent;
    padding: 0;
}

.block .header h2 {
    display: inline-block;
    font-size: 0.8em;
    background-color: #c0392b;
    color: #fff;
    font-weight: 400;
}

.block_course_overview {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

input.form-submit,
input#id_submitbutton,
input#id_submitbutton2,
.path-admin .buttons input[type="submit"],
td.submit input {
    color: #fff;
    padding: 8px 15px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #c0392b;
    background-image: none;
    filter: none;
    border: none;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 3px;
    webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    -ms-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

input.form-submit:hover,
input#id_submitbutton:hover,
input#id_submitbutton2:hover,
.path-admin .buttons input[type="submit"]:hover,
td.submit input:hover,
input.form-submit:focus,
input#id_submitbutton:focus,
input#id_submitbutton2:focus,
.path-admin .buttons input[type="submit"]:focus,
td.submit input:focus,
input.form-submit:active,
input#id_submitbutton:active,
input#id_submitbutton2:active,
.path-admin .buttons input[type="submit"]:active,
td.submit input:active,
input.form-submit.active,
input#id_submitbutton.active,
input#id_submitbutton2.active,
.path-admin .buttons input[type="submit"].active,
td.submit input.active,
input.form-submit.disabled,
input#id_submitbutton.disabled,
input#id_submitbutton2.disabled,
.path-admin .buttons input[type="submit"].disabled,
td.submit input.disabled,
input.form-submit[disabled],
input#id_submitbutton[disabled],
input#id_submitbutton2[disabled],
.path-admin .buttons input[type="submit"][disabled],
td.submit input[disabled] {
    background: #d13c2c;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    -ms-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.login-block {
    width: 100%;
    margin: 0 auto;
}

.loginpanel {
    padding: 0 30px;
}

.loginpanel h2 {
    letter-spacing: -1px;
}

.loginbox {
    margin: 0;
}

.login-block img {
    display: block;
    margin: 0 auto;
}

.loginbox .loginform .form-label {
    float: none;
    text-align: left;
    width: auto;
}

.loginbox .loginform .form-input {
    float: none;
    width: auto;
}

.loginbox .loginform .form-input input {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 4px 10px;
}

.loginbox.onecolumn {
    border: none;
    background: rgba(255, 255, 255, 0.9);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
}

.title-login {
    text-transform: uppercase;
    font-size: 1.4em;
    color: #999999;
    padding: 0;
}

.coursebox {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
}

.btn {
    border: none;
    box-shadow: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.btn:hover,
.btn:focus {
    background-position: 0 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.btn-action {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #c0392b;
    *background-color: #c0392b;
    background-image: -moz-linear-gradient(top, #C0392B, #c0392b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C0392B), to(#c0392b));
    background-image: -webkit-linear-gradient(top, #C0392B, #c0392b);
    background-image: -o-linear-gradient(top, #C0392B, #c0392b);
    background-image: linear-gradient(to bottom, #C0392B, #c0392b);
    background-repeat: repeat-x;
    border-color: #c0392b;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#C0392B', endColorstr='#c0392b', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active,
.btn-action.disabled,
.btn-action[disabled] {
    color: #FFFFFF;
    background-color: #D13C2C;
    *background-color: #D13C2C;
}

.btn-juris,
button.btn-juris {
    color: #fff;
    text-transform: uppercase;
    background: #c0392b;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    padding: 0.6em 1.5em;
    box-shadow: none;
    text-shadow: none;
    border: solid 1px #c0392b;
}

.btn-juris:hover .btn-juris:hover,
button.btn-juris:hover,
.btn-juris:focus,
.btn-juris:active,
.btn-juris.active {
    color: #fff;
    background: #c0392b;
    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.4);
}

.login-form button.btn-juris {
    position: relative;
    bottom: 3px;
}


/**************  #region-main  **************/

#region-main {
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}

.block_course_overview.block {
    background: transparent;
    border: none !important;
}

.block {
    border: none;
}

.block-control-actions .moodle-core-dragdrop-draghandle img,
.section .summary .iconsmall,
.section .activity .iconsmall,
img.iconsmall {
    width: 24px;
    height: 24px;
}

.editing .block .header .commands img.actionmenu {
    width: 36px;
    height: 36px;
}


/**************  page-course-view-topics  **************/

#page-course-view-topics #region-main {
    background: none;
    box-shadow: none;
    padding: 0;
}

.course-content ul li.section.main {
    background: #ffffff;
    border: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
}

.block_course_overview .content h2.title {
    margin: 0;
    font-size: 1.6em;
}


/**************  Syllabus **************/

.summary {
    padding: 15px;
}

.availabilityinfo {
    border-radius: 4px 4px 4px 4px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 0;
}

.availabilityinfo ul {
    font-size: 12px;
    font-weight: normal;
}

h3.sectionname {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px 0 30px;
    border-bottom: solid 1px #efefef;
    padding: 0 0 15px;
}

.img-lecon {
    background: url([[pix:theme|gradcap]]) no-repeat;
    height: 150px;
    background-size: contain;
    background-position: center;
}

div.nblesson {
    display: none;
}

.greybg {
    background-color: #efefef;
    padding: 10px;
}

.greybg h1 {
    font-size: 1.5em;
    line-height: 1.5;
    margin: 0 0 10px;
}

div[role] h2 {
    text-align: center;
    border-bottom: solid 1px #ccc;
    font-weight: 400;
    text-transform: uppercase;
}

#intro {
    border-bottom: solid 1px #ccc;
}

#intro h2 {
    text-align: left;
    border-bottom: none;
    font-weight: 700;
    text-transform: none;
}

.btn-tuto {
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    cursor: pointer;
    color: #FFFFFF;
    text-shadow: none;
    background-color: #2c3e50;
    *background-color: #2c3e50;
    background-image: none;
    border-color: #23313f;
    box-shadow: none;
}

.btn-tuto:hover {
    background-color: #617589;
    *background-color: #617589;
    background-image: none;
    border-color: #2c3e50;
    color: #fff;
    box-shadow: none;
}

#newdiscussionform div {
    display: block;
}

#newdiscussionform input[type="submit"] {
    display: block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    cursor: pointer;
    color: #FFFFFF;
    text-shadow: none;
    background-color: #c0392b;
    *background-color: #c0392b;
    background-image: none;
    border-color: #851c11;
    box-shadow: none;
}

#newdiscussionform input[type="submit"]:hover {
    color: #FFFFFF;
    border-color: #c0392b;
    background-color: #D13C2C;
    *background-color: #D13C2C;
}


/**** Transition test

#inst19 {
    transform: scale(1);
    webkit-transition: box-shadow 0.5s, transform 0.5s;
    -moz-transition: box-shadow 0.5s, transform 0.5s;
    -ms-transition: box-shadow 0.5s, transform 0.5s;
    -o-transition: box-shadow 0.5s, transform 0.5s;
    transition: box-shadow 0.5s, transform 0.5s;
}

#inst19:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    -webkit-transition: box-shadow 0.5s, transform 0.5s;
    -moz-transition: box-shadow 0.5s, transform 0.5s;
    -ms-transition: box-shadow 0.5s, transform 0.5s;
    -o-transition: box-shadow 0.5s, transform 0.5s;
    transition: box-shadow 0.5s, transform 0.5s;
}*/


/* Custom CSS Settings
-------------------------*/

[[setting:customcss]]
/* Page Assistance
-------------------------*/

.round {
    font-size: 54px;
    border-radius: 50%;
    background: #ffffff;
    padding: 30px;
}

.assistance {
    margin: 65px 0 20px 0;
    padding: 0 10px 0 10px;
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    text-align: center;
    min-height: 270px;
    transition: all, linear, 0.1s;
}

@media screen and (max-width:400px) {
    .assistance a {
        font-size: 0.8em;
    }
}

.assistance:hover {
    border-bottom: 2px solid #C0392B;
}

.assistance .top {
    margin-top: -60px;
}

.faq {
    padding: 10px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    text-align: center;
    width: 126px;
    ;
    display: inline-block;
    margin: 5px 0;
    transition: all, ease-out, 0.1s;
}

.faq:hover {
    box-shadow: none;
}

.titre-assistance {
    padding: 10px;
    text-align: center;
    border-bottom: 3px solid #DDDDDD;
    background-color: #EEEEEE;
    /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
    margin: 30px 0 40px 0;
}

.titre-assistance h3 {
    margin: 0;
    padding: 0;
    color: #666666;
}

div[role] h2 {
    text-align: left;
}

.categoryentry h2 {
    margin: 50px 0;
}

.cartouche_entry {
    position: relative;
    display: block;
    overflow: hidden;
    /*width: 370px;*/
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    transition: box-shadow .3s;
    margin-bottom: 50px;
}

.cartouche_entry:hover,
.cartouche_entry:active,
.cartouche_entry:focus {
    box-shadow: 0 0 50px rgba(0, 0, 0, .5);
    text-decoration: none;
}

.cartouche__date {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    padding: 12px;
    background: #c0392b;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    line-height: 1
}

.cartouche__date__day {
    display: block
}

.cartouche__date__month {
    display: block;
    text-transform: uppercase
}

.cartouche__thumb {
    height: 235px;
    overflow: hidden;
    background-color: #000;
    transition: height .3s
}

.cartouche__thumb img {
    display: block;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s
}

.cartouche_entry:hover .cartouche__thumb img {
    opacity: .6;
}

.cartouche_entry:hover .cartouche__thumb {
    height: 90px
}

.cartouche__body {
    position: relative;
    padding: 15px;
    height: 70px;
    text-align: left;
    transition: height .3s
}

.cartouche_entry:hover .cartouche__body {
    height: 215px
}

.cartouche__category {
    position: absolute;
    top: -25px;
    left: 0;
    background: #c0392b;
    padding: 0 15px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 25px
}

.cartouche__title {
    margin: 0;
    padding: 0 0 10px;
    color: #000;
    font-size: 18px;
    text-align: left;
}

.cartouche__title a {
    color: #000;
}

.cartouche__title a:hover {
    text-decoration: none;
    color: #2c2c2c
}

.cartouche__subtitle {
    color: #c0392b;
    font-size: 19px;
    padding-bottom: 10px
}

.cartouche__description {
    color: #666;
    font-size: 14px;
    line-height: 1.4;
    opacity: 0;
    transition: opacity .3s
}

.cartouche__description p {
    margin: 0;
    padding: 0
}

.cartouche_entry:hover .cartouche__description {
    opacity: 1
}

.cartouche__footer {
    position: absolute;
    bottom: 15px;
    font-size: 11px;
    color: #bbb;
    text-align: left;
    display: none;
}


/*
.block_course_overview .activity_overview {
    position: absolute;
    padding: 5px 10px;
    width: 100%;
    background: #ffd48f;
    color: #dd8800;
    box-sizing: border-box;
    bottom: -15px;
}
*/

.fa-comment {
    display: inline-block;
    margin-left: 5px;
}

.course-image {
    background-size: cover;
    height: 235px;
    position: relative;
}

.course-image h2.title {
    margin: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    border: none;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}

.moodleheader h1 {
    display: none;
}

.sitelink {
    display: none;
}

.block.block_calendar_month td.today a {
    color: #2c2c2c;
}

.iconcol a img.iconsmall {
    width: 12px;
}


/* SYLLABUS
*********************/


/*.course-content ul.topics li.section .content, .course-content ul.weeks li.section .content {
    padding: 20px 200px 50px;
}*/

.section .activity.modtype_label.label {
    margin: 30px 0;
}

.title-etiquette {
    border-left: solid 5px #efefef;
    text-indent: 15px;
    font-size: 1.8em;
}


/* Profile page
**************************/

.pagelayout-mypublic .node_category {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 4px;
}

.node_category h3 {
    margin: 0;
}

.userprofile ul {
    margin: 0;
    padding: 0;
}

#page-user-profile .node_category li,
.path-user .node_category li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#page-user-profile.dir-ltr .node_category .contentnode,
.path-user.dir-ltr .node_category .contentnode {
    margin-left: 0;
}

fieldset#id_searchbyusername {
    border-bottom: 2px solid #555;
    margin: 30px auto;
}


/*
div.forgetpass a {
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #ccc #ccc #b3b3b3;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin: 10px auto;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

div.forgetpass a:hover {
    color: #333;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
    background-color: #e6e6e6;
}*/
#fitem_id_theme {
    display: none;
}

.row {
    width: 100%;
}