/* ############ */
/* Applied on smartphones only */
/* ############ */

body{
	/*font-size:150%;*/
	line-height:150%;
	line-height:inherit;
}
.wrap{
    min-width:320px;
    	padding:0;
}
.positive-frame-support{
    display:none;
}
.reconnexion2-button-span
{
    width:80%!important;
    display:inline-block;
}
footer p,
footer p.copyright-client
{
    width:100%!important;
    padding:0;
}
.desktop-only
{
    display:none!important;
}

header .timer .condensed .cadreTimer {
    position: absolute;
    top: 0px;
    z-index: 2;
    width: auto;
    margin: 0;
    right: 0;
    background-color:transparent;
    height:30px;
    margin:10px 10px 0 0;
    padding:0;
    
}

header .timer .condensed h3 {
    font-size: 20px;
}





/* Common hi-res (portrait) */
@media screen and (max-width:639px)
{
    .print    {
        display:none;
    }
    .label-admin label
    {
        width:100%;
    }

    
    .langue-perso{
        display: none;
    }
    .language{
        text-align: center;
    }
    .footer p.copyright-left, 
    .footer p.copyright-right{
        text-align: left;
    }
    .footer p{
        padding-bottom: 0px;
    }
    .language, 
    .list-info-fin-test label,
    .footer p.copyright-left, 
    .footer p.copyright-right, 
    .login-form, .input-list, 
    .button-group, 
    .label-reconnec label,
    .button-group-matricule, 
    .label-resign-reason,
    .login-FS label, 
    .label-deconexion-reason,
    .code-login label{
        width: 100% !important;
    }
/*    .button-login{
        float: right !important;
    }*/
    .select-langue	{
		width:100%;
		max-width:266px;
	}
    .code-login input{
        width: 20%;
        max-width: 52px;
        padding: 4px 0;
    }
    .code-login label{
        padding: 4px 0;
    }
    .width-for-20-char{
        max-width: 252px;
        width: 60% !important;
    }
    .label-admin input{
        width:252px!important;
    }
    .button-group{
        max-width: 255px;
        padding: 0;
    }
     .button-group-matricule{
        max-width: 255px;
        padding: 0;
    }
    .input-list input{
        padding: 4px 0;
    }
    .checkbox-resign{
        margin: 0 5px 0 0;
        vertical-align:top;
    }
    /*.std-btn{
        margin-bottom: 5px;
    }*/
    .select-width select{
        min-width: 10px;
        width: 65% !important;
        max-width: 254px;
    }
     .width-matricule{
        width:35%!important;
    }
    .width-identification label{
        width: 30%;
    }
    .button-group-matricule{
        padding-left: 35%;
        max-width: 252px;
        width: 65% !important;
    }
    .button-group{
        padding-left: 30%;
        max-width: 252px;
        width: 65% !important;
    }
    .textbox-identification{
        width: 52px;
    }
    .textbox-identification-nas{
        width: 118px;
    }
        .test-system-table-caption img{
        margin:0 auto;
        padding-bottom:5px;
        display:block;
    }
    .nowrap{
        white-space:nowrap;
    }
    /*frame*/
    
    .positive-frame{
        padding:10px 10px 40px 10px;
    }
    .frame-text{
		margin:0 0 0 40px; 
    }
    .frame-text-2-button{
		margin:0 0 0 40px; 
    }
    .frame-positive-button{
        bottom:0;
    }
	/*frame*/
	.label-deconexion-reason	{
		width:100%!important;
	}
	.textarea-abandon	{
		max-width:440px;
		width:95%!important;
	}
	.textarea-reconnexion{
		min-width:260px!important;
		width:95%!important;
	}
	.server-deconnexion-reason	{
		max-height:none;
		width:95%!important;
	}
	.display-device	{
		display:inline!important;
	}  
	.navigation-button a,
	.navigation-button input,
	.navigation-button button	{
		margin-bottom:5px;
	}
 /*   .button-login    {
		float:left!important;
		padding-left:180px!important;
	}*/
	.label-reconnec .label-checkbox{
    width:80%!important;
    }
    .label-reconnec input{
        vertical-align:top;
    }
    .label-checkbox{
    width:85%!important;
    }
}

/* iPhone5 (portrait) */
@media screen and (min-width:640px) and (max-width:640px)
{
    .select-width select{
        min-width: 10px;
        width: 100% !important;
        max-width: 265px;
    }
}

/* Common hi-res (landscape) */
@media screen and (min-width:1024px)
{
    .select-width select{
        min-width: 264px;
        width: auto !important;
        max-width: 70%;
    }
     /*frame*/
    
    .positive-frame{
        padding:10px 10px 40px 10px;
    }
    .frame-text{
		margin:0 0 0 40px; 
    }
    .frame-text-2-button{
		margin:0 0 0 40px; 
    }
    .frame-positive-button{
        bottom:0;
    }
	/*frame*/
 /*   .button-login{
    padding-left:310px;
    }*/
    .select-langue{
        width:330px;
    }
    .login-FS label    {
        width:260px;
    }
    .test-system-table-caption{
        width:160px;
    }
    .checkbox-resign {
        margin: 0 10px 0 189px;
    }   
}


@media screen and (min-width:641px) and (max-width:1024px)
{
    .select-width select{
        min-width: 264px;
        width: auto !important;
        max-width: 70%;
    }
     /*frame*/
    
    .positive-frame{
        padding:10px 10px 40px 10px;
    }
    .frame-text{
		margin:0 0 0 40px; 
    }
    .frame-text-2-button{
		margin:0 0 0 40px; 
    }
    .frame-positive-button{
        bottom:0;
    }
	/*frame*/
/*    .button-login{
    padding-left:285px;
    }*/
    .select-langue{
        width:250px;
    }
    .login-FS label    {
        width:260px;
    }
    .test-system-table-caption{
    width:160px;

  }
  .checkbox-resign {
        margin: 0 10px 0 189px;
    }
}
/* ########################## Page de Test sur mobile ########################### */
.page-test{
	overflow:auto;
}

body.page-test{
    background:#fff !important;
    padding:0 !important;
    overflow-x:hidden!important;
}
.page-test .wrap{
    background:#fff;
    min-width:320px;
}
.page-test header{
    margin:0;
    height:120px; /* Fix sticky header issue */
}
.page-test header h3.test-id,
.page-test header .toggle-panel .nav-questions .question-list,
.page-test header .timer h4,
.page-test header .timer .extended,
.page-test header .toggle,
.page-test #menuBas .section,
.page-test #menuBas .progress #progressbar{
    display:none;
}
.page-test header,
.page-test header .logo,
.page-test header nav{
    overflow:visible;
    padding:0;
}
.page-test header .logo{
    clear:both;
    float:none;
    height:auto;
    min-height:40px;
}
/*.page-test header .logo{
    min-height:40px;
    
    position: absolute;
    top: 0px;
    z-index: 2;
    width:200px;
    margin-left:-100px;
    left:50%;
}

.page-test header .logo img{
   margin:0 auto;
   display:block;
}*/


.minFont
{
    font-size:18px;
}
.bilanMobile
{
    float: left;
    padding-top: 7px;
    padding-left:5px;
    margin:0;
}

.cadreFont
{
    float:right;
   /* position: absolute;
    z-index: 2;
    width: auto;
    margin: 0;
    right: 0;
    background-color:transparent;*/
    margin:0 10px 0 0;
   /* padding:0;*/
   border-left:1px solid #bdbcbc;
   padding-left:10px;
   height:30px;
   
}

/*.page-test header .toggle-panel,
.page-test header nav{
    height:70px;
}*/

.page-test header .nav1{
    height:39px;
    border-bottom:1px solid #bdbcbc;
}

.page-test header .nav2{
    height:30px;
}
.page-test header nav{
    width:100%;
    margin:0 !important;
    background:#fff;
    position:absolute;
    border-top:1px solid #bdbcbc;
    border-bottom:1px solid #bdbcbc;
}
/*.page-test header nav ul.nav{
    float:right;
}*/
/*.page-test header nav ul li div.title{
    text-indent:-9999px;
    padding:0;
}*/
/* Nav */

.page-test header nav ul li div.title{
    text-align:center;
    width:100%;
    font-size:19px;
    padding:0;
    border:none;
    padding-top:9px;
}

    .page-test header nav ul.semicat li div.title {
        text-align: left !important;
        padding-left: 15px;
    }




.page-test header nav ul li.hover div.title {
    text-align: left;
    padding-left: 15px;
}


.page-test header nav ul li div.title a{
    font-weight:bold;
    color:black;
}
.page-test header nav ul li.directives div.title a{
    background-position:center -51px;
}
.page-test header nav ul li.fin div.title a{
    background-position:center -97px;
}

.page-test header nav ul li.root{
	background:none;  
	border:none;
	padding:0;
	margin:0;
	width:49.8%;
	height:44px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-bottom:1px solid #bdbcbc
}

.page-test header nav ul.semicat li.root {
    width: 100% !important;
}

.page-test header nav ul li.root.last{
	background:none;  
	border:none;
	padding:0;
	margin:0;
	width:100%;
	height:44px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	height:auto;
}




.page-test header nav ul li.root.hover{
    width:100%;
    display:block!important;
    background:url(/Images/bg/nav_mobile.png) 96% -102px no-repeat;
}



.page-test header nav ul li.hover div.tab{
 /*   position:fixed;
    background-color:#fff;*/
}
.page-test header nav ul li.hover div.tab a{
	cursor:pointer;
}
/* Subnav */
.page-test header nav .subnav{
	width:100%!important;
	right:auto;
	left:0;
	margin:44px 0 0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	z-index:40;
	background-color:#fff;
	box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.2);
	
}

header nav .subnav li.f
{
    border-top:1px solid #b2b2b2;
}
.page-test header nav .subnav li{
	padding:0;
	display:block!important;
	border-bottom:1px solid #b2b2b2;
	background-color:#e9e9e9;
	height:44px;
}
.page-test header nav .subnav a{
	display:block;
	padding:15px 0 10px 10px;
	color:Black!important;
	font-size:inherit;
}



.page-test header nav .tabs .subnavTableau{
	display:none;
}
.page-test header nav .tabs .hover .subnavTableau{
	display:block!important;
	border-bottom:1px solid #bdbcbc;
}

.page-test header nav .tabs .hover .subnavTableau .listquestion{
	 max-height:100px;
	 min-height:60px;
	 height:auto;
	
}



.page-test .content-zone{
	clear:both;
	padding-bottom:90px; /* To clear footer (sticky) */
}
.page-test .fullpage,
.page-test .content-left,
.page-test .content-right,
.page-test .content-top,
.page-test .content-bottom{
	margin:0;
	border:none;
	height:auto !important; /* No fixed scrollable viewport */
}
/*.page-test header .toggle-panel{
	float:left;
	border:none;
	clear:none;
	width:50%;
	overflow:visible;
}*/
/*.page-test header .toolbar-questions{
	background:none;
	padding:9px 0 0 5px;
}*/
.page-test header .toggle-panel .timer{
	margin: 0;
    float: left;
    white-space:nowrap;
}
.page-test header .toggle-panel .timer .condensed{
	display:block;
}
.page-test header .timer .condensed h3,
.page-test header .timer .condensed h3 span{
	position:relative;
}
.page-test .warning{
	margin-top:5px;
}
.page-test .content-zone .question-title,
.page-test .content-zone .question-title-short{
/*	height:26px;
	padding-top:2px;*/
}	
.page-test .content-zone .question-tabs li a.active{
	top:0;
}
.page-test .content-zone .question-content input.chk{
	margin:0 4px 0 0;
}
.page-test #menuBas{
	margin:0;
	border:none;
	border-top:1px solid #cbcbcb;
	padding:8px 4px 0 2px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;  
	box-sizing: border-box;
	background:#fff;
}
.page-test #menuBas .section,
.page-test #menuBas .prev-next,
.page-test #menuBas .prev-next .btn-right{
	float:none;
	width:auto;
	clear:both;
	text-align:left;
}

.page-test #menuBas .prev-next .btn-right #disabledBackButton a,
.page-test #menuBas .prev-next .btn-right #enabledBackButton a{
    margin:0 0 0 5px;
}
.page-test #menuBas .prev-next .btn-right #disabledNextButton a,
.page-test #menuBas .prev-next .btn-right #enabledNextButton a{
    margin:0 5px 0 0px;
}

.page-test #menuBas .prev-next .std-btn{
	
	font-weight:bold;
}
.page-test #menuBas .prev-next .btn-next{
	float:right;
}
.page-test #menuBas .progress h4{
	font-size:100% !important;
}
.page-test footer{
    background:#333;
    padding:4px 5px 0 5px;
}
.page-test footer p{
    float:none !important;
    text-align:left !important;
    color:#fff;
}
.page-test .std-btn,
.page-test .input.blockSmall{
	line-height:inherit !important;
}
	
/* Sticky header / footer */
.page-test header.stick-top .toggle-panel,
.page-test header.stick-top nav{
    position:fixed;
    top:0;
    z-index:901;
}
.page-test header.stick-top nav{
    z-index:900;
}

.page-test .bottom-section footer{
    height:40px;
}

.page-test .bottom-section #menuBas{
    height:55px;
}



.page-test .bottom-section{
	height:90px;
	overflow:hidden;
	width:100%;
	position:fixed;
	bottom:-40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;  
	box-sizing: border-box;
	min-width:320px!important;
}
.page-test .bottom-section.show-footer{
    bottom:0;
}
@media only screen and (-webkit-device-pixel-ratio: 1.5) {
	.page-test .content-zone input.chk{
		vertical-align:middle;
		position:relative;
		top:-3px;
	}
}






/*header .toggle-panel 
{
  overflow: visible;
}*/

header .timer{
	padding:8px 0 0 36px;
}
header .timer h3{
	background:none;
	padding:0;
}
.page-test header .divdashboard
{
    width:100%;
    margin-top:0;
}
.page-test header .celldashboard
{
    margin-top:1px;
    width:40px;
    height:38px;
    display:block;
	background:url(/Images/bg/nav_mobile.png) 6px 3px no-repeat;
    float:left;
	margin-left:0px; 
	/*border-right: 1px solid #dbdbdb;   */ 
	position:absolute;
}

.page-test header .divdashboard.hover .nav
{
    display:block;
}
.page-test header .divdashboard .nav
{
    display:none;
}




/*header .nav-questions {
  float:none;
  width: 100%;
}*/
/*.page-test header .toolbar-questions {
  padding: 0;
}*/
/*.page-test header .divdashboard .tabs
{
    display:none;
}*/
/*.page-test header .question-list
{
    display:none;
}*/


header .question-list  ol.listquestion li
{
    width:50px!important;
}




header ul.tabs li .onglet
{
    background-color:#e9e9e9;
    color:Black;
    text-align:left;
    padding-left:10px;
    height:30px;
    padding-top: 14px;
    border-bottom:1px solid #bdbcbc;
    
    background:url(/Images/bg/nav_mobile.png) 96% -180px no-repeat #e9e9e9;
}

header ul.tabs li.hover .onglet
{
    background:url(/Images/bg/nav_mobile.png) 96% -143px no-repeat #e9e9e9;
}


/*header ul.tabs li .onglet.selected
{
    border-bottom:none;
}*/


header .question-list
{
    max-height:110px;
}


header ul.tabs li .DocumentLinks
{
    text-align:left;
    padding-left:10px;
}







.page-test header .divdashboard .tabs li
{
    width:100%;
}
/*.page-test header .divdashboard .tabs li a
{
    background-color:#fff;
    text-align:left;
}*/
header .divdashboard.hover .celldashboard{
	/*margin-top:-2px;*/
	/*z-index: 52;/*
    /*height:41px;*/
	/*border:1px solid #b2b2b2;
	border-bottom:none;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-webkit-box-shadow:0 -3px 6px 0 rgba(0, 0, 0, 0.1);
	box-shadow:0 -3px 6px 0 rgba(0, 0, 0, 0.1);*/
	background:#ffffff url(/Images/bg/nav_mobile.png) 6px -53px no-repeat;
}
header divdashboard.hover ul li.hover a{
	cursor:pointer;
}
header .divdashboard.hover .nav
{
	display:block;
	position:absolute;
	left:0;
	width:100%;
	margin:39px 2px 0 0;
	z-index:51;
    height:auto;
	background:#fff;
	border-top:1px solid #b2b2b2;
	
	border-bottom:1px solid #b2b2b2;
	padding:0;
	-webkit-box-shadow:0 0 6px 1px rgba(0, 0, 0, 0.2);
    box-shadow:0 0 6px 1px rgba(0, 0, 0, 0.2);
}
/*header.stick-top .divdashboard.hover .tabs
{
    position:fixed;
}*/
/*header .divdashboard.hover .tabs li{
	display:block;
	padding:6px 0 3px 0;
	border-top:1px solid #ececec;
	background-color: #e9e9e9;
}*/
header .divdashboard.hover .tabs li.f{
	border-top:none;
}


header .divdashboard.hover .tabs a{
    height:40px;
    line-height: 38px;
    font-size:20px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
header .divdashboard.hover .tabs a.selected{
	font-weight:bold;
}

.text-battery-instruction-table{
    width:70%; 
    white-space:normal;   
}
.image-battery-instruction-table{
    width:30%;
}


ul.question-answer.RadioHorizontal li
{
    display:block!important;
    width:auto!important;
}


.textHorizontal
{
    display:block;
}


/* Statements - 2 columns */
ol.statements-two-columns{
	display:block;
	margin:0 auto 25px auto!important;
	padding:0 0 0 10px!important;
	list-style-type:none !important;
}
ol.statements-two-columns li{
	display:block;
	vertical-align:top;
	overflow:hidden;
	width:100%;
	white-space:normal;
}
ol.statements-two-columns p{
	display:block;
	border:1px solid #96a5c4;
	padding:5px 0;
	min-height:50px;
	line-height:18px;
	margin:0;
	white-space:normal;
}




ol.statements{
	display:block;
	width:100%;
	padding:10px 0 0 0!important;
	list-style-type:none !important;
}
ol.statements li{
	overflow:hidden;
}
ol.statements li.statement-first{
	border-top: 1px solid #d0d0d0;
	padding-top:10px;
}
ol.statements li.statement-last{
	border-bottom: 1px solid #d0d0d0;
	padding:0;
}
ol.statements h3{
	font-weight:bold;
	font-size:15px;
	line-height:20px;
	margin:0;
	text-align: left;
}
ol.statements p{
	display:block;
    width:99%;
	border:1px solid #96a5c4;
	padding:5px 0;
	line-height:18px;
	margin:0;
	white-space:normal;
	}



.plateforme-demo
{
    padding-top:23px;
    font-size:1.0em;
    margin-right:25px;
    float:right;
}



.battery-legend li
{
    padding:5px;
}
.battery-legend
{
    padding-top:0;
}

.padding-left-confirmendtest
{
    padding-left:0;
}
.list-info-fin-test
{
    padding-left:0;
}






.ai-fields li label
{
    width:100%;
    text-align:left;

}

.ai-add-replyer,
.ai-remove-replyer,
.ai-remove-replyer2
{
    width:100%;
    margin:0 auto;
    text-align:center;
    padding-top:10px;
}


.ai-referent
{
    padding:10px!important;
}


.progression
{
    margin: 14px auto 0 auto;
    font-size:120%;
}
.ai-progression-img
{
    margin-left:0;
}
.label-replyer
{
    width:100%!important;
}

.ai-confirm-img
{
    display:none;   
}


.aiPrice label{width:200px!important;}


.ai-confirm-button
{
    padding:20px 0 10px 0;
}


.info-bio-textarea-width
    {
        width:95%!important;
    }
    
    .language
    {
            margin-top: 0;
    margin-left: 0;
    }