/* BAT /BAT 

This file is for general purpose display, like background, sections and block placement in general

*/

/* a, p, li {font-family: "Comic Sans MS", "Times New Roman", Times, serif;} */

body {
    background: url('../css/mm_background_large.png') no-repeat center bottom fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.span12 {height: 100%; width: 100%;} /* FIX FOR IE */

/******************************
            Login 
******************************/

#formLogin fieldset {border: none; width: 300px;}
#formLogin button   {margin-top: 10px;}


/******************************
            Navs 
******************************/

div#mm_header_wrapper           {margin: 0; background-color: #002D40; height: 38px;}
div#mm_header_wrapper *         {z-index: 1234;}
#mm_header_wrapper nav          {max-width: 50%;}
nav>ul>li                       {width: 150px;}
nav>ul>li.medium                {width: 180px;}
ul>li.wide                      {width: 250px;}
nav a                           {display: block;}
ul li:hover                     {background-color: #FAAA13;}
ul li:hover > a                 {color: #002D40;}
li ul:first-child               {padding-top: 7px;}

li                              {list-style: none; text-decoration: none;}
li.inlineBlock a                {color: #FAAA13; padding-top: 5px; font-weight: bold;}
li.inlineBlock > a              {margin-top: 5px; margin-bottom: 8px; text-align: center}
a                               {text-decoration: none;}
a#selected, a.mm_tab_selected   {text-decoration: underline;}

nav>ul>li:hover > ul            {display: block;}
nav>ul>li>ul                    {display: none; background-color: #002D40;}
nav>ul>li>ul>li                 {padding-left: 10px; padding: 4px;}

nav#mm_right_nav                {float: right; max-width: 50%;}

.mm_deco                        {background-color: #002D40; width: 40px;}
.mm_deco:hover                  {background-color: orangered;}
.mm_deco:hover a                {color: #002D40;}

#profil_form_pop                {cursor: pointer;}

.mm_notification_wrapper        {max-height: 220px; overflow-y: auto;}
.mm_notification_wrapper li     {height: 70px; position: absolute; background-color: #002D40; overflow-y: auto;}
p.mm_notification_title         {font-weight: bold; font-size: 0.95em}
p.mm_notification_text          {font-style: italic; font-size: 0.8em}

/*****************************
            Column navs 
*****************************/
.mm_tabs {
    background-color: #002D40; 
}

.mm_tabs a                      {
    background-color: #002D40; 
    display: inline-block; 
    width: 33.333333%; 
    color: #FAAA13; 
    text-align: center; 
    height: 30px; 
    padding-top: 8px; 
    font-weight: bold;
}
.mm_tabs a.wide                 {width: 100%;}
.mm_tabs a:hover                {background-color: #FABC34;}
.mm_tabs a.nohover:hover        {background-color: #002D40;}

/*
.mm_new_course                  {
    width: 100px; 
    float: right; 
    margin-right: 167px; 
    margin-top: 20px;
    border-radius: 25px;
    background-color: #002D40;
    text-align: center;
}
.mm_new_course:hover            {background-color: #FABC34;}
.mm_new_course p                {width: 100%; margin-top: 20px; height: 70px; font-weight: bold; color: F88017;}
*/

.mm_course_topright {
    position: absolute;
    right: 0;
    z-index: 12;
}

.mm_biblio, .mm_video_intro {
    width: 150px;
}

.mm_biblio a:hover, .mm_video_intro a:hover {
    background-color: #FAAA13;
    color: #002D40; 
}

.mm_biblio a, .mm_video_intro a {
    background-color: #002D40; 
    display: inline-block; 
    color: #FAAA13; 
    text-align: center; 
    padding-top: 8px; 
    font-weight: bold;
    border-radius: 10px;
    width: 100%;
    margin: 10px;
    padding-bottom: 8px;
}


/******************************
            Cliquable 
******************************/
.cliquable                      {cursor: pointer;}

/******************************
            Text Appearance
******************************/

.mm_text_info                   {color: #AA7744; font-style: italic; text-align: center;}
.mm_text_warning                {color: orangered;}