/* CUSTOM CSS */
/* MAIN HOST CUSTOM CSS */

div .loginpanel .forgotsub {
   display:block!important;
}
/*
* Refonte graphique page d'accueil
*/
@media all {
/*Background*/
#fp-login-index{
  background: url(/file.php/1/public/login_preventionhse/login_gradient.png) repeat-x center top;
}
#fp-login-index #page{
  background: url(/file.php/1/public/login_preventionhse/login_background_01.png) no-repeat center top;
  background-position-y: 79%;
  -webkit-transition: background .6s ease-in;
-moz-transition: background .6s ease-in;
-o-transition: background .6s ease-in;
}
/*Nettoyage*/
#fp-login-index #footer {
    bottom: 10px;
    position: absolute;
    left: 44%;
    z-index: -1;
}
#fp-login-index .surround {
    background: transparent;
    border: 0px solid #ffffff;
}
#fp-login-index .navbar {
    display: none;
}
#fp-login-index #header-logo {
    float: left;
    display: none;
    width: 0px;
    height: 0px;
}
#fp-login-index  #fp-logo {
    display: none;
}
#fp-login-index  .loginbox, .loginbox.twocolumns .loginpanel, .loginbox .subcontent {
    border: 0px solid #ffffff;
}
/*se connecter*/
#fp-login-index div.headermenu {
    color: #009900;
}
#fp-login-index  .headermenu a:visited {
    color: #009900;
}
#fp-login-index  .headermenu a:hover {
    color: #009900;
}
#fp-login-index  .headermenu a:link {
    color: #009900;
}
/*cadre*/
#fp-login-index .loginbox.twocolumns {
    width: 942px;
    margin: auto;
    overflow: initial;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
    position: absolute;
    top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
}
#fp-login-index .loginbox.onecolumn {
    width: 942px;
    margin: auto;
    overflow: initial;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
    position: absolute;
    top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
}
#fp-login-index  .loginbox .clearer {
    clear: both;
    display: block;
    height: 0px;
    margin: 0 0 0;
    padding: 0;
}


/*Vous possédez déjà un compte ?*/
#fp-login-index .loginpanel {
    background: #fff;
    border-radius: 6px;
    width: 350px;
    height: 439px;
    border-color: #fff;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-right: 10px;
    padding-right: 50px;
    padding-left: 50px;
    padding-top: 25px;
    float: none;
}
#fp-login-index .loginpanel h2 {
    padding-top: 88px !important;
    background: url(/file.php/1/public/login_preventionhse/fictis_logo.png) no-repeat center top;
}
/*Première visite sur ce site ?*/
#fp-login-index .signuppanel {    
    float: none;
    background: #fff;
    border-radius: 6px;
    width: 350px;
    border-color: #fff;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-right: 10px;
    padding-right: 50px;
    padding-left: 50px;
    padding-top: 34px;
    margin-top:-26px;
}
#fp-login-index  #content {
	padding: 10px;
    padding-bottom: 20px;
    height: 82vh;
}
#fp-login-index  #content > div > div.signuppanel > h2 {
    font-family: Verdana,sans-serif;
    font-size: 100%;
    letter-spacing: 0.03em;
    padding: 1px 5px;
    margin-left: 2px;
    background: transparent;
    border: 0px solid #77859F;
    color: #3B5998;
    font-weight: initial;
	cursor: pointer;
}
/*cadre Première visite sur ce site*/
#fp-login-index  .loginbox .signuppanel .subcontent {
    text-align: left;
    position: absolute;
    margin-left: 415px;
    margin-top: -307px;
    background: #fff;
    border-radius: 6px;
    width: 350px;
    border-color: #fff;
    margin-bottom: 0px;
    padding-bottom: 28px;
    margin-right: 10px;
    padding-right: 50px;
    padding-left: 50px;
    padding-top: 25px;
    margin-top: -479px;
}
/*Titre*/
#fp-login-index  .loginbox h2 {
    color: #00792d;
}
/*Description*/
#fp-login-index  .loginbox .desc {
  color: rgb(163, 163, 163);
  text-align: center;
  margin-top: 41px;
}
/*Formulaire login*/
/*modification*/
#fp-login-index  .loginbox h2, .loginbox .subcontent {
    margin: 5px;
    padding: 0px;
    text-align: center;
}
#fp-login-index  .loginbox .loginpanel .subcontent {
    text-align: center;
}
#fp-login-index  .form-label {
  color: rgb(163, 163, 163);
  text-transform: uppercase;
}
#fp-login-index  .loginbox .loginform .form-label {
    color: rgb(163, 163, 163);
    text-align: left;
    float: left;
    text-align: left;
    width: 100%;
    display: block;
    margin: 0 0 5px;
    padding: 0;
    font-weight: normal;
	margin-top: 11px;
}
#fp-login-index  .loginbox .loginform .form-input {
    width: 100%;
    margin-bottom: 10px;
}
#fp-login-index  .loginbox .loginform .form-input input {
    width: 100%;
	outline: none;	
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

#fp-login-index  .loginpanel .form-input input {
  width: 100%;
  display: block;
  border: none;
  padding: 11px 0;
  border-bottom: solid 1px #a7a7a7;
  -webkit-transition: all 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
          transition: all 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #1abc9c 4%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #1abc9c 4%);
  background-position: -200px 0;
  background-size: 200px 100%;
  background-repeat: no-repeat;
  color: #0e6252;
}
#fp-login-index  .loginpanel .form-input input:focus {
  border-bottom: solid 3px #00cc00;
 padding: 10px 0;
 }
#fp-login-index  .loginpanel .form-input:focus, .loginpanel .form-input:valid {
  box-shadow: none;
  outline: none;
  background-position: 0 0;
}

/*Se connecter BTN*/
#fp-login-index  #login > div > div:nth-child(7) > input {
    border-radius: 23px;
    background-color: rgb(0, 121, 45);
    box-shadow: 0px 1px 10px 0px rgba(0, 121, 45, 0.38);
    width: 147px;
    height: 47px;
    color: white;
    margin: auto;
	cursor: pointer;
}
/*Creer un compte BTN*/
#fp-login-index  #signup > div > input{
    border-radius: 23px;
    background-color: rgb(0, 121, 45);
    box-shadow: 0px 1px 10px 0px rgba(0, 121, 45, 0.38);
    width: 147px;
    height: 47px;
    color: white;
    margin: auto;
	cursor: pointer;
}
/*mdp oublié*/
#fp-login-index  #changepassword > div > input.submit {
    background: transparent;
    border: 0px solid #77859F;
    color: #3B5998;
	cursor: pointer;
}
}
/* notification*/
#fp-login-index   .notifyproblem {
    position: absolute;
    top: 140px;
}
/*ecran en dessou de 800px*/
@media (max-width:800px)  {
    #fp-login-index .loginbox .signuppanel .subcontent {
        display: none;
        text-align: left;
        position: relative;
        margin-left: 0px;
        margin-top: 0px;
        background: #fff;
        border-radius: 6px;
        width: auto;
        border-color: #fff;
        margin-bottom: 0px;
        padding-bottom: 10px;
        margin-right: 0px;
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 2px;
        margin-top: 0px;
    }
    #fp-login-index  .loginbox.twocolumns {
		width: 400px;
    }
	#fp-login-index  .loginbox.onecolumn {
		width: 400px;
    }
	#fp-login-index #content {
    padding: 10px;
    padding-bottom: 20px;
    height: 59vh;
	}
	#fp-login-index #page{	
	background: url(/file.php/1/public/login_preventionhse/login_background_01_mobile.png);
 	}
	
}
/*
* END Refonte graphique page d'accueil
*/
/*
* Refonte page interieur
*/
/* global */
body  { background: #faf7f8;}
#page { width: auto; margin: 0 auto;  }
.surround { background: #fff; margin-top: 0px; width: 98%; box-sizing: border-box;}
.activity {font-size: 15px!important; font-weight:bold; }
#section-0{border: 0px solid #fff;}
#middle-column > div > table > tbody{border: 0px solid #fff;}
.generalbox { background: #ffffff; border: 0px solid #e3e1e2; /* border-radius: 20px; */}
#course-view .section .activity { border: 0px solid #DDDDDD; margin: 10px 0; padding: 10px 5px;}
.sideblock { margin-bottom: 1em; width: 100%; background: #ffffff; border: 1px solid #e3e1e2;}
a:link, a:visited { color: #020150;}

#content   input.submit { border-radius: 20px;	padding:10px;	border:0px solid #fff;    background: #fff;	color: #58585a;}
#content   input.submit:hover {	background:#0D0C6C none repeat-x scroll left center;	color: #ffffff;}
#course-view .section { background-color: #ffffff;}
#course-view .section td.side { padding: 5px;    border-style: solid;    border-width: 0px 0px 0px 0px;}
#course-view .section td.content { border-width: 0px;}

.breadcrumb ul a, .breadcrumb ul { padding: 10px 0px 0px 0px !important;}
#page  input.submit {border-radius: 6px; height:32px; text-shadow: 1px 1px 2px #0D0C6C; margin:2px; padding:6px 12px; border-top: 1px solid #020150; background: linear-gradient(to bottom, #0D0C6C 0%, #020150 100%); color: #ffffff;}
#page   input.submit:hover { background:#29288D none repeat-x scroll left center; color: #ffffff; }
.navbar {width: auto; height: 40px; margin: 3px 10px; padding:5px 5px; border-width: 0px 0px 1px 0px;  border-bottom: 1px solid #E8ECEF; background: transparent; color: #58585a !important; }
#page .surround .navbar li {font-weight: normal;}

/* header */
.headingblock, h2.headingblock { border-width: 0px; border-style: solid; padding: 5px; margin: 0; }
.headermain { width: auto; padding: 0 0 0; background: #fff; padding-top: 10px; background: #f8f8f8; }
#header-logo { width: 98%; height: 107px; position: relative; margin:auto; float: none; }
#header-logo a  span{ width: 119px; ; height: 116px; position: relative;}
#logo { 	background:url("/file.php/1/public/login_preventionhse/logo_fictis_hse.png")  transparent; height: 116px; }
#header-home .headermenu  {box-sizing: content-box; padding-left:45%; width: 50%; height: 0px; position: relative; bottom:90px; margin:auto; float: none;}
#header-home .headermenu .logininfo, #header-home .headermenu .headerdate  { border-left: 0px solid #d2d7de;}

/* menu */
.menubar {background-color: #ffffff !important; border-top: 1px solid #d2d7de; border-bottom: 1px solid #d2d7de; box-shadow: 0 4px 3px rgba(0, 0, 0, 0.06);}
.menubar { background: none; padding: 0 0 0 0; margin-top: 0px; margin-bottom:20px; height:56px; }

ul.dropdown li li a {color: #666; font-family: BreeLight, CartoGothicStdBook, Helvetica, sans-serif;
font-size: 11px!important; font-weight: 100 !important; line-height: 10px!important; height: 100%!important; border:0px;}

ul.dropdown .dir {color: #666; font-family: BreeLight, CartoGothicStdBook, Helvetica, sans-serif; font-size: 13px!important; font-weight: 100 !important; line-height: 20px!important; height: 100%!important;	}
	
#menubar-navigation {width:98%; margin: auto; float: none;}
ul.dropdown a:link, ul.dropdown a:visited { color: #7a7a7a; text-transform: uppercase;  padding-top: 18px; padding-bottom: 18px;}
ul.dropdown a:hover, ul.dropdown a:active { color: #7a7a7a;}

ul.dropdown > li {font-size: 13px!important; font-weight: normal!important; line-height: 20px!important; text-align: center!important; height: 100%!important; -webkit-transition: all 0.3s ; -moz-transition: all 0.3s ; -ms-transition: all 0.3s ; -o-transition: all 0.3s ; transition: all 0.3s ; background-color: transparent;  border:1px solid #e3e1e1;  border-width: 0px 1px 0px 0px;}

ul.dropdown > li:first-child{border-width: 0px 1px 0px 1px; background: url("/file.php/1/public/background-pixel-niveau1.png") repeat-x scroll 0 bottom / 3px auto transparent;}
ul.dropdown > li:nth-child(2){background: url("/file.php/1/public/background-pixel-niveau2.png") repeat-x scroll 0 bottom / 3px auto transparent;}
ul.dropdown > li:nth-child(3){background: url("/file.php/1/public/background-pixel-niveau3.png") repeat-x scroll 0 bottom / 3px auto transparent;}
ul.dropdown > li:nth-child(4){background: url("/file.php/1/public/background-pixel-niveau4.png") repeat-x scroll 0 bottom / 3px auto transparent;}
ul.dropdown > li:nth-child(5){background: url("/file.php/1/public/background-pixel-niveau5.png") repeat-x scroll 0 bottom / 3px auto transparent;}
ul.dropdown > li:nth-child(6){background: url("/file.php/1/public/background-pixel-niveau6.png") repeat-x scroll 0 bottom / 3px auto transparent;}

ul.dropdown > li:first-child:hover{background: url("/file.php/1/public/background-pixel-niveau1.png") repeat-x scroll 0 bottom / 7px auto transparent;}
ul.dropdown > li:nth-child(2):hover{background: url("/file.php/1/public/background-pixel-niveau2.png") repeat-x scroll 0 bottom / 7px auto transparent;}
ul.dropdown > li:nth-child(3):hover{background: url("/file.php/1/public/background-pixel-niveau3.png") repeat-x scroll 0 bottom / 7px auto transparent;}
ul.dropdown > li:nth-child(4):hover{background: url("/file.php/1/public/background-pixel-niveau4.png") repeat-x scroll 0 bottom / 7px auto transparent;}
ul.dropdown > li:nth-child(5):hover{background: url("/file.php/1/public/background-pixel-niveau5.png") repeat-x scroll 0 bottom / 7px auto transparent;}
ul.dropdown > li:nth-child(6):hover {background: url("/file.php/1/public/background-pixel-niveau6.png") repeat-x scroll 0 bottom / 7px auto transparent;}

ul.dropdown ul li { background-color: #eeebeb;  }
ul.dropdown ul { border: 1px solid #eeebeb; }
ul.dropdown li a, ul.dropdown .dir { border:0; font-weight: normal; }
ul.dropdown li:hover > .dir { background: none;}
ul.dropdown li li a:link, ul.dropdown li li a:visited { color: #58585a;  background-color: #eeebeb;  border:0px solid #fff;}
ul.dropdown a:hover   { background: none !important; }
ul.dropdown li li a:hover   { background: none !important; background-color: #29288D !important; color: #fff; }
ul.dropdown a:hover{background-color: #58585a;}

div.headermenu { color:#3d3d3d; margin-right: 10px; height:51px;  }
.headermenu a:link, .headermenu a:visited { color:#3d3d3d; }

#site-index.navbar { background: none; border: 0; }

/* footer */
#footer { color: #555F6F; }
#footer a:link, #footer a:visited { color:#555F6F; font-weight:bold; }

.breadcrumb .sep, #admin-report-unittest-index .sep {  color: #020150;}
#header-home .breadcrumb { margin-top: 5px !important; }
.breadcrumb li a, .breadcrumb li {  color:#3d3d3d; }
.breadcrumb ul a, .breadcrumb ul {  padding:10px 0px 0px 10px; }
#header-home .breadcrumb li a:hover { color:#ffffff; }
#header-home .breadcrumb .sep, #admin-report-unittest-index .sep { color:#ffffff; } 

#mod-scorm-view #theform input { font-size:18px; font-weight:bold; height: 40px; width: 400px; }

/* scorm */
#mod-scorm-player #page { width: auto; }
#mod-scorm-player .surround { padding-top:0; }

/***
 *** Help files (/lang/-/help)
 ***/
#help #page { background: #FFFFFF; width: 100%; }
#lib-form-editorhelp #page { background: #FFFFFF; }

/***
 *** Files 
 ***/
#files-index  #page { background: #FFFFFF; }
/**/
#header-logo a span {
    width: 290px;
    height: 80px;
    position: relative;
    background-repeat: no-repeat;
    background-position-y: center;
}

.headermain {
    width: auto;
    padding: 0 0 0;
    background: #fff;
    padding-top: 0px;
    background: #ffffff;
}
#page input.submit {

    text-shadow: 0px 0px 0px #0D0C6C;

}
/*
* END Refonte page interieur
*/
//Baptiste : suppression cadre "contenu" pour les cours prepahabelec 3.0
.course-343 .box .generalbox .generalboxcontent .boxaligncenter{
  visibility:hidden;
}
div .loginpanel .forgotsub {
   display:block!important;
}
.subcontent.forgotsub {
  display: block;
  border-top:none;
}
#fp-login-index .loginpanel h2, .loginpanel .forgotsub{
  display:block!important;
}
