/* Default stylesheet */ 
/* Tag reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, a,
em, img, strong, ul, li, fieldset, form, label, legend,
header, footer, nav, article, section, aside{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}
textarea {
    resize:none;
}
html, body{
    height:100%;
    font-family:Arial, Verdana, "Trebuchet MS", Tahoma, Helvetica, sans-serif; 
    color:#333;
    font-size:16px;
}

body
{
    background-color:#F3F4F4!important;
   
}

input, textarea, select{
	font-family:Arial, Verdana, "Trebuchet MS", Tahoma, Helvetica, sans-serif; 
    font-size:90%;
    color:#333;
}

/* #######MasterPage########### */
.footer{
    padding:0 20px;
    overflow:hidden;
}
.footer p{
    padding:5px 0 10px 0;
    margin:0;
    font-size:70%;
}
.footer p.copyright-right{
    float:right;
    text-align:right;
    width:54%;
}
.footer p.copyright-left{
    float:left;
    width:45%;
}

.header{
    height:67px;
    overflow:hidden;
    background-color:#fff;
    border-top:none;
}
.header .logo{
    float:left;
    margin-top:10px;
    padding-left:20px;
    width:200px;
    height:40px;
    overflow:hidden;
}
.wrap {
    margin:0 auto;
    min-width:964px;
	max-width:1565px; /* Maximum */
	padding:0 30px; 
	}
.content {
   
    overflow:hidden;
    background-color:#fff;
}


/* #######fin masterpage########### */
/*##############Conpilation#########################*/
.systemDetail{
}
.systemDetail p
{
    margin-top:15px;
}
.systemDetail-table
{
   margin-top:15px; 
}
.PC-box,
.MAC-box
{
    margin-top:20px;
}
.system,
.browser
{
    width:100%;
    
}
.browser
{
    margin-top:20px;
}
.system th,
.browser th
{
    text-align:left;
}
.system td,
.system th,
.browser td,
.browser th
{
    padding:5px;
    border:1px solid #c2c2c2;
}


/*##############Compilation fin#########################*/
/* #######css générique dans tous les page########### */
.left{
    float:left;
}
.right{
    float:right;
}
.top-welcome 
{
    font-size:24px;
    overflow:hidden;
    padding:10px;
    background-color:#E1E3E3;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    margin-top:30px;
}
    .top-welcome:focus {
        outline: 2px solid #287693;
        outline-offset: -2px;
    }
.marginHeader
{
    margin-top:30px;
}


.top-welcome2
{
    font-size:24px;
}

.top-welcome-no-border {
    overflow:hidden;
    padding-bottom:10px;
    margin-bottom:17px;
    color:#696969;
}
.red-text {
    font-weight:bold;
    padding-bottom:8px;
    color:#be3131; 
}
.width-for-20-char{
    width:246px;
}
.width-auto{
    width:auto!important;
}
.valign-img-middle{
    margin-right:5px;
    
    vertical-align:middle;
}
input:focus,
select:focus,
div:focus,
textarea:focus,
a:focus{
    outline: 2px solid #287693;
    outline-offset: 2px;
}
input[type="button"]:focus,
input[type="submit"]:focus,
button:focus{
    outline: 0;
}
.input-list.indent{
   margin:30px 40px 10px 40px;
}
input[type="text"],
input[type="password"]{
  font-size:105%;
  color:#565656;
  padding:4px 8px 4px 8px;
  background:#fff;
  border:1px solid #ccc;
}
select,
textarea{
  font-size:105%;
  color:#565656;
  padding:4px 8px 4px 8px;
  background:#fff;
  border:1px solid #ccc;
}
.input-list select {
  padding:3px;
}
input.chk{
	padding:0;
	margin:0;
	vertical-align:middle;
}
.input-list label,
.input-list input,
.input-list textarea,
.input-list select,
.input-list .data{
    display:inline-block;
}

.input-list ul li{
    display:block;
    margin:0;
    /*overflow:hidden;*/
    list-style-type:none;
}
.signature ul li,
.signature ol li{
    display:list-item!important;
    overflow:visible!important;
    list-style-type:disc!important;
}

.input-list ul li label{

    margin-top:10px;;
}

.input-list.border ul li{
    border:1px solid #77614c;
    padding:4px 5px;
}
.input-list label{
    font-weight:normal;
   
}
.input-list input.textbox,
.input-list textarea{
    border:1px solid #999;
    padding:4px 5px;
    width:175px;
}
.label-admin label{    
    width:330px;
}
.width-candidate-info span{
    width:60%;
}
.positive-frame{
    -webkit-border-radius:12px;
    border-radius:12px;
    background-color:#fafafa;
    border:1px solid #dedede;
    position:relative;
    overflow:hidden;
    margin:20px auto 20px auto;
    padding:10px;
    min-height:24px;
}
.warning-frame{
    -webkit-border-radius:12px;
    border-radius:12px;
    background-color:#fafafa;
    border:1px solid #dedede;
    overflow:hidden;
   
    padding:5px;
    min-height:15px;
}
.warning-frame p{

    margin:1px!important;

}
.frame-text{
 margin:0 175px 0 40px; 
}
.frame-text-2-button{
 margin:0 230px 0 40px; 
}
.frame-image{
    float:left;

}
.frame-positive-button{
    position:absolute;
    bottom:10%;
    right:0;
}
.frame-positive-button button,
.frame-positive-button input,
.frame-positive-button a{
    margin:5px 10px 10px 0!important;
}
.navigation-button{
	overflow:hidden;
    text-align:right;
    padding:10px 0 10px 0;
}
.navigation-button input{
    margin-left:10px;
}

.ai-navigation-button-resume{
	overflow:hidden;
    text-align:left;
    padding:0;
    margin:25px 0 20px 10px;
}
.ai-navigation-button-resume input,
.ai-navigation-button-resume a{
    margin-right:10px;
}
.star{
    font-style:normal;
    font-size:120%!important;
    font-weight:bold;
    color:#b14545;
    padding-left:4px;
    vertical-align:top;
}
.padding-bot{
    padding-bottom:10px;
}
.padding-top{
    padding-top:10px;
}
.margin-bot{
    margin-bottom:5px;
}
.bold {
    font-weight:bold;
}
.checkbox-space-no-border {
    border:none!important;
    margin-right:5px;
    padding:0!important;
}
.full-width{
    max-width:100%;
}
.overflow-hidden{
    overflow:hidden;
}
.aligncenter{
    text-align:center!important;
}
.margin-auto{
    margin:0 auto!important;
}
.img-center
{
    margin:0 auto!important;
    display:block;
}
input.visually-hidden {
    position: relative;   
}

.visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 0px;
    overflow: hidden;
    white-space: nowrap;
    width: 0px;
    position: absolute;
    z-index: -10;
}
/* #######fin css générique dans tous les page########### */
/**##############Page Langue##################*/
.langue-perso{
    overflow:hidden;
    width:80%;
    float:right;
    text-align:right;
	margin-bottom:-10px;    
}
.langue-perso img{
    max-width:100%;
    height:auto;
}
.language{
   float:left;
   padding-top:10px;
   padding-left:1%;
   /* width:15%;*/
   list-style-type:none;
       margin-top: 85px;
    margin-left: 50px;
}
.language li{
    margin-bottom:18px;
    text-transform: uppercase; /* force text to uppercase */
}
.homelink,
.homelink:visited,
.homelink:active{
   color:#3869bb;
    font-weight:bold;
    font-size:115%;
}
.homelink:hover {
    color:#87a5d6; 
}



/**##############Page Langue fin##################*/
/**##############Page login ######################*/
.login-bot {
    width:100%;
}
.login-top {
    width:100%;
    height:auto;
}
.code-login input {
    width:2.575em;
    text-align:center;
}
.label-login
{
    width:150px!important;
}
.button-login{
    padding-left:280px;
}
.login-FS li{
    padding-bottom:5px;
}
.login-form{
   margin:30px 0 0 0;
}
.input-list h4{
    margin:0 0 10px;
    font-weight:bold;
}
.select-langue{
    width:290px;
}
.padding-content
{
    padding:20px;
}
/*##############Page login fin######################*/
/*##############Page identification######################*/
.identification{
    margin:0px 0 0px 0;
    padding-bottom:10px;   
}
.textbox-identification{
    width:33.5px;
    text-align:center;
}
.textbox-identification-nas{
    width:97px;
    text-align:center;
}
.width-identification{
    width:100%;
    margin-bottom:20px;
}
.width-matricule{
    width:115px!important;
}
.button-group-matricule{
    margin-top:10px;   
    padding-left:20px;
    width:265px;
}
.btn-no{
    float:left;
    width:50px;
}
.btn-yes{
    width:50px;
    float:right;
}
.btn-reject{
    width:90px;
    float:left;
}
.btn-confirm{
    width:90px;
    float:right;
}
.button-group{
    margin-top:10px;   
    padding-left:20px;
    width:265px;
}
.button-group-test-system{
    margin-top:10px;   
    padding-left:20px;
    width:265px;
    float:right;
}
.btn-left{
    margin-right:10px!important;
}

/*##############Page identification fin######################*/
/*##############test system######################*/

.systemTestList
{
    margin-bottom:10px;
    
   margin-top:10px;
}
.systemTestList li {
    display: block;
    min-height: 40px;
}

.systemTestList li img {
    vertical-align: middle;
    margin-right:10px;
}


.test-system-table{
    width:100%;
    margin:15px 0 10px 0;
}

.info-test-system-table-head {
    padding-left: 5px;
    text-align:left;
}

.text-test-system-table-head {
    padding: 0 5px 0 15px;
    text-align: left;
}
.image-test-system-table{
    padding:5px 0 5px 0;
    text-align:center;
    border-top:1px solid #c2c2c2;
     border-bottom:1px solid #c2c2c2;
    width:7%;
}
.info-test-system-table{
    padding-left:5px;
    border-top:1px solid #c2c2c2;
    border-bottom:1px solid #c2c2c2;
    width:73%;
}
.text-test-system-table{
    padding:0 5px 0 15px;
    border-top:1px solid #c2c2c2;
     border-bottom:1px solid #c2c2c2;
    width:17%;   
}
.system-requirement{
    padding-top:10px;
    padding-bottom:10px;
    font-size:125%;
    font-weight:bold;
}
.test-system-table-caption{
    width:135px;
    padding:2px 0 3px 0;
    margin:0 auto;
}
.top-test-system{
    overflow:hidden;
    margin:20px 0 10px 0;
}
.top-test-system p{
    margin:10px 0 10px 0;
}
.bot-test-system{
    margin:20px 0 0 0;
}
.icon-top-test-system{
    float:left;
    padding-right:5px;
    vertical-align:middle;
}
.text-icon-test-system{
    padding-left:5px;
    overflow:hidden;
}
.button-test-system{
    margin:10px 0 10px 5px!important;
}
.input-list legend{
    margin: 0 0 10px;
    font-weight: bold;
}
.padding-left{
    padding-left:10px!important;
}
.dropdown-test-system
{
    padding:0!important;
}
/*##############test system fin######################*/
/*##############signature#########################*/

.text-signature{

    background-color:#f4f4f4;
    padding:5px 5px 5px 5px;
    
}


/*.text-signature input[type="checkbox"]{
    display:none;

  }*/
   

.text-signature input[type="checkbox"] + label::before {
    content: url("/images/common/checkboxunchecked.png");
    font-size: 23px;
    color: #7D858C;
    cursor: pointer;
    margin-right: 5px;
}
.text-signature input[type="checkbox"]:checked + label::before {
    content: url("/images/common/checkboxcheckedGreen.png");
    font-size: 23px;
    color: #128255;
    cursor:pointer;
    margin-right:5px;
}

.text-signature input[type="checkbox"]:focus + label::before {
    outline: 2px solid #287693;
    outline-offset: 2px;
}

.signature-titre h4 {
    margin: 0 0 0;
    font-weight: bold;
}
/*##############signature finn#########################*/
/*##############Info bio ############################*/

.width-label-info-bio label{
    width:190px!important;
    padding-right:10px;
}
    .select-width .infoBioInput{
     /*   min-width: 264px;*/
        width: 365px !important;
     /*   max-width: 60%!important;*/
    }
    .select-width select.infoBioInput{
     /*   min-width: 264px;*/
        width: 382px!important
     /*   max-width: 60%!important;*/
    }
    
    .info-bio-textarea-width
    {
        width:60%!important;
    }

#infobioForm ul {
    display: flex;
    flex-direction: column;
}

/*##############Info bio fin#########################*/
/*##############confirmation fin#########################*/
.green-text {
    font-weight: bold;
    color: #779B53;
    padding-bottom: 10px;
}
.problem-close-page{
    padding-top:20px;
    font-size:85%;
}
.print {
    background:url(/images/bg/printer.png) no-repeat left;
    color:#40567d;
    padding-left:20px;
    height:20px;
    float:right;
}
.list-info-fin-test label{
    width:160px;
}
.list-info-fin-test span{
    font-weight:bold;
}
.list-info-fin-test li{
    padding-bottom:10px;
}
.list-info-fin-test
{
    padding-left:40px;
}

/*##############confirmation fin fin#########################*/
/*##############Terminer test fin#########################*/
.txt-time-left{
    margin:20px 0 10px 0;
    font-weight:bold;
    font-size:120%;
}
/*.txt-time-left span{
    width:25px;
    padding:2px 5px 2px 5px!important;
    border:1px solid #cccccc;
    background-color:#f4f4f4;
    text-align:center;
}*/
.txt-time-left label{
    width:auto;
}
.EndtestTableEnd
{
    margin:10px 0;
}
.EndtestTable,
.EndtestTableEnd
{
    border:1px solid #c2c2c2!important;
    width:100%
}
.EndtestTable th,
.EndtestTable td,
.EndtestTableEnd td
{
    height:20px;
    padding:5px;
     border-top:1px solid #c2c2c2;
     border-bottom:1px solid #c2c2c2;
     border-left:1px solid #ececec;
     border-right:1px solid #ececec;
}
.EndtestTable th.f,
.EndtestTable td.f
{
    width:30%;
    border-left:1px solid #c2c2c2;
}
.EndtestTable th.last,
.EndtestTable td.last
{
    width:30%;
    border-right:1px solid #c2c2c2;
}
.EndtestTableEnd .f
{
    width:30%;
}


.EndtestTable th
{
    text-align:left;
}
/*##############Terminer test fin#########################*/
/*##############confirmation fin abandon#########################*/
.textarea-abandon{
    width:70%!important;
    height:40px;
}
.checkbox-resign {
    margin:0 10px 0 130px;
}
.label-resign-reason{
    vertical-align:top!important;
    width:auto!important;
}
.label-checkbox
{
    width:auto!important;
}
/*##############confirmation fin abandon fin#########################*/
/*##############Reconnexion 1-2#########################*/

.label-comment
{
    font-weight:bold!important;
}

.textarea-reconnexion{
    width:50%!important;
    height:50px;
}
.text-deco{
    font-size:90%;
}
.label-deconexion-reason{
    vertical-align:top!important;
    padding-right:10px;
}
.server-deconnexion-reason{
     height:auto;
    max-height:60px;
    overflow:auto;
    display:inline-block;
    padding:5px 5px 5px 5px;
    width:50%!important;
    background-color:#f4f4f4;
    border:1px solid #cccccc;
}

.label-reconnec label{
    width:250px;
}
.reconnexion2-button-first
{
    margin-top:20px;
    border-top:1px solid #c2c2c2;
    border-bottom:1px solid #c2c2c2;
    padding:9px 0 9px 0;
    margin-bottom:15px;
    overflow:hidden;
}
.navigation-button-comment{
	overflow:hidden;
    padding:10px 0 10px 0;
}
.navigation-button-comment input{
    margin-left:10px;
}
/*##############Reconnexion 1-2 fin#########################*/
/*##############Conpilation#########################*/
.img-compilation{
    width:100%;
    margin:20px 0 20px 0;
    text-align:center;
}
/*##############Compilation fin#########################*/
/*##############support#################################*/
.support-form label{
    width:100%!important;
}
.text-explain-support{
    margin-bottom:10px;
}
.support-form input{
    width:90%!important;
    border:1px solid #cccccc!important;
}
.text-area-support{
    width:90%!important;
    border:1px solid #cccccc!important;
    outline: none; 
}
.content_support{
    display:none;
    width:100%!important;
    padding:10px 10px 10px 10px;
    border:1px solid #d1d1d1;
    overflow:hidden;
    background-color:#fff;
    max-height:400px!important;
    overflow-y:auto;

}
.navigation-button-support{
	overflow:hidden;
    text-align:left;
    
    padding:10px 0 10px 0;
}
.navigation-button-support input{
    margin-left:10px;
}
.positive-frame-support{
    -webkit-border-radius:12px;
    border-radius:12px;
    background-color:#fafafa;
    border:1px solid #dedede;
    position:relative;
    overflow:hidden;
    margin:20px auto 20px auto;
    padding:10px;
    min-height:24px;
}

/*##############suppor end###########################*/
/*##############Batterie###########################*/
.battery-instruction-table{
    width:100%;
    margin:20px 0 10px 0;
    background-color:#F9FAFA;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
}

.battery-instruction-table td{
    padding:10px;
}


.battery-instruction-table tbody tr:first-child
{
    background-color:#F3F4F4;
}


.battery-instruction-table tbody tr
{
    border-bottom:1px solid #e8e8e8;
}

.battery-instruction-table tbody tr:first-child,
.battery-instruction-table tbody tr:last-child
{
    border-bottom:none!important;
}

    

.battery-instruction-table tbody tr td:first-child{
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
}
.battery-instruction-table tbody tr td:last-child{
       
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
}












.battery-legend li
{
    padding:5px 5px 5px 20px;
}
.battery-legend
{
    /*padding-top:20px;*/
    list-style-type:none;
}
.confirm-sucess
{
    font-size:110%;
}
.padding-left-confirmendtest
{
    padding-left:20px;
}

.battery-instruction{
    padding-top:10px;
    font-size:125%;
    font-weight:bold;
    
}
.text-battery-instruction-table{
    padding:0 5px 0 5px;
    width:10%; 
    white-space:nowrap;   
}
.image-battery-instruction-table{
    padding:5px 0 5px 0;
    width:70%;
}

.battery-instruction-table-content{
    padding:5px;
    width:10%; 
    white-space:nowrap;   
}
.battery-instruction-table-content.last
{
    padding:5px;
    width:auto;
    text-align:left!important;
}

/*##############Batterie end###########################*/
/*############## button #############################*/

input.blockSmall { 
	color: #817762; 
	font-weight:bold; 
	padding:2px;
	background-color:#FFFFFF;
	border:1px solid #817762;
	margin-top:2px;
	width:25px;
}
input.blockSmall:focus,
input.blockSmallHover:focus,
input.blockSmallSelected:focus {
    outline: 2px solid #287693;
    outline-offset: 2px;
}
input.blockSmallHover, 
input.blockSmallSelected { 
	color: #FFFFFF; 
	font-weight:bold; 
	padding:2px 1px;
	background-color:#817762;
	border:1px solid #817762;
	cursor:pointer;
	margin-top:2px;
	width:25px;
}

/* Standard button look and feel */





.std-btn{
	font-family:Arial;
	display:inline-block;
	padding:5px 10px!important;
	margin:0 20px 0 2px;
	
	text-decoration:none;
	color:#287693;
	font-size:100%!important;
	line-height:130%;

	background-color:#fff;
	border:1px solid #287693;
	cursor:pointer;

	-webkit-border-radius:7px;
    border-radius:7px;
}

.std-btn:hover, .std-btn:focus {
    color: #fff;
    background-color: #287693;
    outline: 0;
}

/*input.std-btn{
    height:26px;
}*/


















.Payment3GButton{
	font-family:Arial;
	display:inline-block;
	padding:0 0 0 3px;
	text-decoration:none;
	color:#333;
	font-size:85%!important;
	line-height:130%;
	margin:0 0 0 1px;
	background:url(/Images/bg/btn_3g.png) 0 -1px no-repeat;
	border:none;
	cursor:pointer;
	height:35px;
	width:130px;
	outline:none;
	font-weight:bold;
	font-size:16px!important;
	font-style:italic;
	color:black;
}

input.Payment3GButton{
	background:#fff url(/Images/bg/btn_3g_split.png) 0 -1px repeat-x !important;
	padding:0 10px !important;
	border:1px solid #afafaf !important;
	-webkit-border-radius:5px;
    border-radius:5px;
}
input.Payment3GButton:hover{
	background-position:0 -36px !important;
	color:White;
}
/* Bouton style "disabled" */
.disabled{
	zoom:1;
	filter:alpha(opacity=50);
	opacity:0.5;
	cursor:default;
	background-position:0 0 !important;
}
:disabled{
	zoom:1;
	filter:alpha(opacity=50);
	opacity:0.5;
	cursor:default;
	background-position:0 0 !important;
}
.disabled span{
	background-position:right 0 !important;
}
:disabled span{
	background-position:right 0 !important;
}
/* -- */

/* Align buttons to right */
.btn-right{
	float:right;
}
/*##########fin boutton######################*/
/* CONTENT ZONE (contenu dynamique) */

.content-zone body            { margin: 8px }
.content-zone h1              { font-size: 2em; margin: .67em 0 }
.content-zone h2              { font-size: 1.5em; margin: .75em 0 }
.content-zone h3              { font-size: 1.17em; margin: .83em 0 }

.content-zone h4,
.content-zone p,
.content-zone ul,
.content-zone ol { margin: 10px 0 }

.content-zone h5 { font-size: .83em; margin: 1.5em 0 }
.content-zone h6 { font-size: .75em; margin: 1.67em 0 }

.content-zone h1,
.content-zone h2,
.content-zone h3,
.content-zone h4,
.content-zone h5,
.content-zone h6,
/*.content-zone strong { font-weight: bolder }*/

.content-zone .listeLettres {
        list-style-type: lower-alpha!important; 
        font-style: italic!important;
    }  
.content-zone .listeChiffresAvecParentheses {
        list-style-type: none!important;
        margin-left: 0!important;
		margin-left: 0!important;
    }
.content-zone .listeRoman {
        list-style-type: lower-roman;
        font-style: normal;
    }
.content-zone .ctra-calendar {
        margin: 10px auto 12px auto;
        width: 100%;
        padding: 2px;
        border: 1px solid #000;
    }
    
.content-zone .ctra-calendar th {
        height: 30px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        background-color: #e5e5e5;
    }
    
.content-zone .ctra-calendar td {
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        height: 130px;
        width: 20%;
        vertical-align: top;
    }
.content-zone .texteCaseCalendrier {
        display: block;
        text-align: left;
        margin-left: 20px;
        margin-top: 2px;
        font-style: italic;
    }
.content-zone .textMessage {
        margin: 10px auto 12px auto;
    
        padding: 2px;
        border: 1px solid #000;
 
    }
.content-zone .handwriting {

        font-style: italic;
    }

.content-zone ol,
.content-zone  ul      { margin-left: 40px }

.content-zone ol { list-style-type: decimal }
.content-zone ol ul,
.content-zone  ul ol,
.content-zone ul ul,
.content-zone  ol ol { margin-top: 0; margin-bottom: 0 }
.content-zone u { text-decoration: underline }

.content-zone p{
	line-height:20px;
}


/* Copied from old css ------------------- */
.content-zone input.block { 
	color:#817762; 
	font-weight:bold; 
	padding:7px;
	border:1px solid #817762;
	margin-top:5px;
}
.content-zone input.blockHover, 
.content-zone input.blockSelected { 
	color:#fff; 
	font-weight:bold; 
	padding:7px;
	background-color:#817762;
	border:1px solid #817762;
	cursor:pointer;
	margin-top:5px;
}
.content-zone input.blockSmallHover, 
.content-zone input.blockSmallSelected { 
	color:#fff; 
	font-weight:bold; 
	padding:2px 1px;
	background-color:#817762;
	border:1px solid #817762;
	cursor:pointer;
	margin-top:2px;
	width:25px;
}
.content-zone input.blockError { 
	color:#fff; 
	font-weight:bold; 
	padding:7px;
	background-image:url(../images/arriere-plan-bloc-non-repondu.gif);
	background-color:#883C1A;
	border:1px solid #817762;
	margin-top:5px;
}
.content-zone input.blockHoverError{ 
	color:#fff; 
	font-weight:bold; 
	padding:7px;
	background-image:none;
	background-color:#883C1A;
	border:1px solid #817762;
	cursor:pointer;
	margin-top:5px;
}

/* General */
.content-zone tr td{/*vertical-align:top;*/}
.content-zone .alignbottom{vertical-align:bottom!important;}
.content-zone .alignright{text-align:right!important;}
.content-zone .alignleft{text-align:left!important;}
.content-zone .aligntop{vertical-align:top!important;}
.content-zone .big{font-size:120%;}
.content-zone .bigger{font-size:140%;}
.content-zone .box{text-align:left;border:3px solid #a9badd;padding:16px;padding-left:36px!important;width:96%;}
.content-zone hr.big {background-color:#5170aa;height:4px;margin:0;padding:0;}
.content-zone .small{font-size:80%;}
.content-zone .smaller{font-size:70%;}
.content-zone ul{list-style-type:disc;margin:6px 0 0 16px;}
.content-zone ul li{line-height:16px;margin:0 0 0 24px;padding: 0 0 10px 0;}
.content-zone ol{margin:6px 0 0 16px;}
/* for Tables */
.content-zone .bkgblue{background-color:#a9badd;}
.content-zone .bkgbluelight{background-color:#e5e8f3;}
.content-zone .bkgbluedark{background-color:#002a54;}
.content-zone .border1{border:1px solid #96a5c4;}
.content-zone .border1 td{border:1px solid #96a5c4;}
    .content-zone .border1 th {
        border: 1px solid #96a5c4;
    }
.content-zone .border2{border:2px solid #96a5c4;}
.content-zone .border2 td{border:2px solid #96a5c4;}
.content-zone .bordercollapse{border-collapse:collapse;}
.content-zone .padding{padding:4px;}
.content-zone .padding td{padding:4px;}
.content-zone .paddingsmall{padding:2px;}
.content-zone .paddingbig{padding:8px;}
.content-zone .paddingbigger{padding:16px;}
.content-zone ol.padding li {padding:6px 0;}
.content-zone .tablewidthfull{width:100%;}
.content-zone .tablewidthmedium{width:78%;}
.content-zone .tablewidthsmall{width:66%;}
.content-zone .tdwidth25{width:25%;}
.content-zone .tdwidth33{width:33%;}
.content-zone .tdwidth50{width:50%;}
.content-zone .nowrap{white-space:nowrap;}
.content-zone .table-50{padding:16px;width:50%;height:70px;}
.content-zone .table-50-2{padding:5px;width:50%;height:50px;border:1px solid #5e5335;}
.content-zone .table-enonce-color{padding:5px;width:50%;border:1px solid #5e5335;background-color:#ede5ca;}
.content-zone .width-320{width:320px;}
.content-zone .table-206 td{border: 0px;width:120px;}
.content-zone .padding-side td{padding-left:5px;padding-right:5px;}
.content-zone .list-upper-alpha{list-style-type:upper-alpha;}
.content-zone .border-top-96a5c4 td{border-top:1px solid #96a5c4;}
.content-zone .blue-p{margin:0 auto;background-color:#e5e8f3;padding:4px;border:2px solid #96a5c4;margin:0;}
.content-zone .padding-right-15{padding-right:15px;}
.content-zone .margin-none{margin:0;}
.content-zone .table-oral{width:561px;}
.content-zone .table-oral th,
.content-zone .oral-title
{
background: url(/images/bg/arriere-plan-th.gif) bottom repeat-x;
font-weight: bold;
padding: 7px 10px 3px 10px;
border: 1px solid #736953;
text-align:left!important;
}
.content-zone .table-oral td
{
padding:5px;
}

.content-zone .tcn6-h1
{
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	vertical-align:middle;
	background-color:#CCCCCC;
	border:5px solid #666666;
	font-family:"Arial";
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:0.07em;
}
.content-zone .tcn6-h2
{
	text-decoration:underline;
	padding:10px;
}

/* ########################################### */
/* ####### SVG + HTML5 VIDEO / AUDIO ######### */
/* ########################################### */
/* Image SVG */
.svg-img{
	width:100%;
	height:auto;
}
.svg-img-saisie{
	width:65%;
	max-width:890px;
	height:auto;
}
.reg-img{
	/*display:none; /* Will show on IE only */
}
.svg-center{
	text-align:center;
	margin:0 auto;
}
/* Html5 Audio / Video */
.audio-container,
.video-container,
.image-container{
	text-align:left;
	margin:0 0 20px;
}
.video-container{
	/* Container size */
	/*width:320px; 
	height:240px;*/
}
.video-container video,
.video-container object,
.video-container embed{
	/* Video size */
	/*width:100%;
	height:100%;*/
}


/********* Scroll bar Mac ***************/
.mac-os ::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
.mac-os ::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
/********************************************/
.display-nothing
{
    display:none;
}
.display-block
{
    display:block;
}
.validation-summary-errors
{    
    background-color: #be3131;
    border: 1px solid #dedede; 
    color:#dedede;
    font-weight: bold;
}



.content-zone .reponse-saisie
{
    margin:0 auto;
    border-collapse:collapse;
    border-spacing:0;
    font-size:85%!important;
     border:3px double #202020;
     background-color:#fff;
     color:black;
     	max-width:890px;
}
.content-zone .reponse-saisie2
{
    margin:0 auto;
    border-collapse:collapse;
    border-spacing:0;
    font-size:85%!important;
     border:3px double #202020;
     background-color:#fff;
     color:black;
     	max-width:890px;
 }
.content-zone .reponse-saisie td
{
    padding-left:5px;
}
.content-zone .reponse-saisie2 td
{
    padding-left:2px;
}
.content-zone .reponse-saisie td input
{
    border:1px solid #707070;
}
.content-zone .reponse-saisie2 td input
{
    border:1px solid #707070;
}


.question{height:400px!important;}

.title-platform-directive
{
    font-weight:bold;
    margin:30px 0 20px 0;
    font-size:130%;
    color:#003263;
}
.title-platform-directive-2
{
    font-weight:bold;
    margin:30px 0 20px 0;
    font-size:120%!important;
    color:#003263;
    text-decoration:underline;
    cursor:pointer;
}
.title-platform-directive-2:hover
{
    color:red;
}
    
    .img-platform
    {
        margin-top:10px!important;
        margin-bottom:10px!important;
        padding:5px;
        }
        
.platform-section
{   
height: auto;
padding:10px;
margin:0 0 10px 0;
}
.h3-platform
{
    padding-top:10px;
    padding-bottom:10px;
    color:#3869BB;
    }
    
    .anchor-platform
    {

        color:#388abb;
       
    }
     .anchor-platform:hover
    {
        color:red;
       
    }
           
                     
.title-2-platform
{
    color:#3869BB;
 }
 .padding-li{padding-left:240px;}
 
 
 
 
 /*ajouter par MIKE pour nouveau html*/
 ol.no-bullet,ul.no-bullet{
	list-style-type:none;	
}

/* Statements */
ol.statements{
	display:block;
	width:90%;
	margin:0 auto 25px auto;
	padding:0;
	list-style-type:none !important;
}
ol.statements li{
	overflow:hidden;
}
ol.statements li.statement-first{
	border-top: 1px solid #d0d0d0;
	padding:12px 0;
}
ol.statements li.statement-last{
	border-bottom: 1px solid #d0d0d0;
	padding:0 0 12px;
}
ol.statements h3{
	width:18%;
	font-weight:bold;
	text-align:right;
	padding-right:24px;
	font-size:1em;
	line-height:20px;
	float:left;
	white-space:nowrap;
	margin:0;
}
ol.statements p{
	width:76%;
	float:left;
	margin:0;
}
/*action*/
ol.action{
	display:block;
	margin:0;
	padding:0;
	list-style-type:none !important;
	
}
ol.action li{
	overflow:hidden;
}
ol.action li.action-first{
	padding:12px 0;
}
ol.action li.action-last{
	padding:0 0 12px;
}
ol.action h3{

	font-weight:bold;
	text-align:right;
	padding-right:24px;
	font-size:1em;
	line-height:20px;
	float:left;
	white-space:nowrap;
	margin:0;
}
ol.action p{
	width:76%;
	float:left;
	margin:0;
}

/* safe-t*/
ol.safe-t{
	list-style-type:none;
	padding:0;
	margin:0;
	width:100%;

	
}
ol.safe-t h3{
	background-color:#EFF1F7;
	border:2px solid #BCC1DC;
	color:#003263;
	font-size:140%;
	padding:3px;
	margin:0px;
	font-variant:small-caps;
	text-align:center;
	width:120px;
	font-weight:bold;
	float:left;


}
ol.safe-t p{

	float:left;
	padding-left:5px;		
}
ol.safe-t li{
	overflow:hidden;
}
/*safe-t-2*/
ol.safe-t-2{
	list-style-type:none;
	padding:0;
	margin:0;
	width:100%;

	
}
ol.safe-t-2 h3{
	float:left;
	background-color:#EFF1F7;
	border:2px solid #BCC1DC;
	color:#003263;
	font-size:140%;
	padding:3px;
	margin:3px 0;
	text-align:center;
	width:60px;
	overflow:hidden;
	padding-right:5px;
}
ol.safe-t-2 p{
	
	float:left;
	padding-left:5px;		
}
ol.safe-t-2 li{
	overflow:hidden;
}

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

/* Name comparison */
ul.compare{
	list-style-type:none;
}
ul.compare li{
	display:block;
	margin:0;
	padding:2px 0;
}
ul.compare li span{
	display:inline-block;
	width:180px;
}

/* comparison 2 */
ul.compare-2{
	list-style-type:none;
	margin:0;
}
ul.compare-2 li{
	display:block;
	margin:0;
	padding:2px 0;
}
ul.compare-2 li span{
	display:inline-block;
	width:90px;
}
/* comparison 3 */
ul.compare-3{
	list-style-type:none;
	margin:0;
}
ul.compare-3 li{
	display:block;
	margin:0;
	padding:5px 0;
}
ul.compare-3 li span{
	display:inline-block;
	width:350px;
}

/* Color box */
h2.color-box-title{
	margin:0;
	font-size:inherit;
}
.no-border-top{
	border-top:0!important;
}
.color-box,.color-box ol,.color-box ul{
	margin-bottom:10px;
	padding-left:10px;
}
.color-box h3{
	font-size:inherit;
}

table-half{
	width:50%;	
}
table.calendar-grid tr td,table.calendar-grid tr th{
	width:14%;
	border:2px solid #96a5c4;
	padding:4px;
}

h2.section-title{
	text-align:center;
	font-size:inherit;
}

.margin-bot2{
    margin-bottom:10px;
}

.content-zone .box.list-upper-alpha{
	width:auto;
	margin-left:0;
}


/* Inline definition list */
.inline-list{
	list-style-type:none;
	padding:0;
}
.inline-list li{
	display:table;
	width:100%;
	overflow:hidden;
	padding:5px;
	border-top:1px solid #96a5c4;
}
.inline-list li.last{
	border-bottom:1px solid #96a5c4;
}
.inline-list h3,.inline-list span{
	display:table-cell;
	font-size:inherit;
	font-weight:normal;
	width:20%;
	vertical-align:top;
}
.inline-list span{
	width:35%;
	padding-left:10px;
}

img.aligncenter
{
    margin:0 auto!important;
    display:block;
}

/* Desjardins */
.green-box-title{
	background:#c1e7c5;
	border:2px solid #008000;
	color:#000;
}
.green-table{
	border:2px solid #008000;
}
.green-table tr th, .green-table tr td{
	text-align:center;
	vertical-align:top;
}
.green-table tr th{
	vertical-align:middle;
}
.green-table .white-box{
	border-right:2px solid #008000;
	background:#fff;
	padding:6px;
}
.green-table .green-sep-bottom{
	border-bottom:2px solid #008000;
}
.green-table .green-sep-right{
	border-right:2px solid #008000;
}

.green-table .bg-gray{
	background-color:#e6e6e6;
}
.green-table td.indent{
	padding-left:10px;
}
.green-sep-bottom-1px{
	border-bottom:1px solid #008000;
}
.green-sep-bottom-4px-double{
	border-bottom:4px double #008000;
}

span.narrow{
	letter-spacing:-1px;
}


ul.high-level-listing,ul.high-level-listing li{
	margin:0 0 30px;
	padding:0;
}
ul.high-level-listing li{
	list-style-type:none;
}
ul.high-level-listing li h2, h2.high-level{
	border-bottom:2px solid #008000;
	width:50%;
	font-size:1.75em;
	line-height:1em;
	padding:0 0 5px 10px;
}

h3.antiqua{
	font-family:book antiqua;
	font-size:240%;
	text-align:left;
	font-variant:normal;
	font-style:italic;
}
.profest-address{
	overflow:hidden;
	text-align:right;
}
.profest-address img{
	float:left;
}
.profest-address p{
	padding-top:10px;
}
.profest-address p span{
	letter-spacing:0.1em;
}

tr.blue-sep-bottom-2px-double td{
	border-top:2px double #96a5c4;
}
tr.lightgraybg td{
	background-color:#f5f5f5;
}

.v-middle, .v-middle td{vertical-align:middle!important;}
.v-top, .v-top td{vertical-align:top!important;}
.v-bottom, .v-bottom td{vertical-align:bottom!important;}

.th-alignleft tr th{text-align:left;}
.th-spacing tr th{width:160px;}

.content-zone .padding-right-50{padding-right:50px;}
.content-zone .padding th{padding:4px;}

.calander-192 td {width:70px;}



ol.decimal-list{
	display:block;
	margin:0;
	padding:0;
	list-style-type:none !important;
}
ol.decimal-list li{
	overflow:hidden;
}

ol.decimal-list span{
	text-align:right;
	padding-right:10px;
	line-height:20px;
	float:left;
	white-space:nowrap;
	margin:0;
}
ol.decimal-list p{
	width:76%;
	float:left;
	margin:0;
}

.mise_en_situation-555
{
    background-color:#002060;
    color:white;
    font-size:18px;
    text-align:center;
    font-weight:bold;
    padding:15px 0;
}

.table-matiere-afre
{
	margin:0 auto;
	border:2px solid #5170aa;
	margin-bottom:10px;
}
.table-matiere-afre td
{
	color:black;
	padding:5px;
	text-align:center;
	border:2px solid #5170aa;
}
.table-matiere-afre td a
{
	color:black;
}
.border-table-afre td,
.border-table-afre th{
border: 2px solid #B4B4B4; 
}
.table-full-border{border:2px solid #96a5c4;}
.table-full-border td{border:1px solid #96a5c4;padding:5px;}
.border-none{border:none;}
.border-none td{border:none!important;}




.verif-donnees-table{
	border:2px solid #D0D4E6;
	width:60%;
	margin:0 auto;
	min-width:550px;
}

.verif-donnees-table tr{
	border-bottom:2px solid #D0D4E6;
}
.verif-donnees-table th{
	background-color:#D0D4E6;
	color:#002952;
}
.verif-donnees-table2{
	border: 2px solid #D0D4E6;
	float:left;
}
.verif-donnees-table3{
	border: 2px solid #D0D4E6;
	float:right;
}
.verif-donnees-table2 th,
.verif-donnees-table3 th{
	background-color:#D0D4E6;
	color:#002952;
}
.verif-donnees-table2 td,
.verif-donnees-table3 td{
	border:2px solid #D0D4E6;
}

.verif-donnees-table4{	
	border: 2px solid #D0D4E6;
	float:left;}
.verif-donnees-table5{	
	border: 2px solid #D0D4E6;
	float:right;
}
.verif-donnees-table4 th,
.verif-donnees-table5 th{
	background-color:#D0D4E6;
	color:#002952;
}

.content-zone .line-height-220 li{line-height:10px!important;}
.safe-t-letter-box{background-color:#EFF1F7;border:2px solid #BCC1DC;color:#003263;font-size:140%;font-variant:small-caps;padding:3px;margin:3px 0;text-align:center;width:120px;display:inline-block;}

.plateforme-demo
{
    padding-top:23px;
    color:#696969;
}



.EndSession
{
    width:auto;
    margin:10px auto 50px auto;
    overflow:hidden;
}
.EndSession2
{
    background-color:#fafafa;
    padding:20px;
    border:1px solid #e4e4e4;
        text-align: center;
    width: 50%;
    margin: 0 auto;
}

.NotFound
{
    max-width:620px;
    width:70%;
    margin:10px auto 50px auto;
    padding:10px;
    overflow:hidden;
}
.NotFound2
{
    background-color:#fafafa;
    padding:20px;
    border:1px solid #e4e4e4;
    text-align:center;
}


.EndSessionLink
{
	color:#003263
}
.EndSessionLink:hover
{
	color:#005ab1
}











/*AUTO INASCRIPTIONS*/


.inline-block,
.inline-block img,
.inline-block p
{
    display:inline-block;
}

.ai-form
{
    background-color:#f9f9f9;
    border:1px solid #f4f4f4;
    width:100%;
    margin-top:15px;
    padding:10px 0 10px 0;
}

.ai-form-details
{
    background-color:#f9f9f9;
    border:1px solid #f4f4f4;
    width:100%;
    margin-top:15px;
    padding:10px 0 10px 0;
    margin-bottom: 20px;
    overflow:hidden;

}

.ai-referent
{
    background-color:#ececec;
    border:1px solid #e0e0e0;
    padding:10px 10px 10px 10px!important;
    margin:10px 10px 10px 0!important;
}
.input-list ul li.ai-referent {
    overflow:hidden;
}


.ai-fields
{
    margin-left:10px;
    margin-top:20px;
}
.ai-fields li label
{
   

    padding-right:5px;
}

.ai-progression
{
    width:100%;
    border-bottom:1px solid #E6E8E8;
    overflow:hidden;
}
.progression
{
    display:table;
}
.progression li
{
    display:table-cell;
    vertical-align:middle;
}

.ai-progression-img
{
    margin-left:20px;
    margin-right:10px;
}
.ai-progression-fleche

{
    margin-left:20px;
}


.ai-label-batterie
{
    vertical-align:top;
    float:left
}

.ai-batterie-list
{
   float:left;
   padding:0 0 0 5px;
   margin:0; 
}


.ai-add-replyer
{
    float:left;
    margin-left:25px;
    color:#6300FF;
}

.ai-remove-replyer
{
    float:left;
    margin-left:105px;
    color:#6300FF;
}
.ai-remove-replyer2
{
    float:left;
    color:#6300FF;
    margin-left:250px
}
.ai-red-text {
    font-weight:bold;
    color:#be3131; 
}

.ai-resume-test
{
    width:90px!important;    
}
.ai-resume-batterie
{
    width:110px!important;    
}

.aiPrice
{
    padding-right:20px;
}
.aiPrice label
{
    width:200px!important;
}
.aiPrice .priceLabel
{
    width:60px!important;
}



.ai-confirm-img
{
    float: left;
    padding-right: 10px;    
}

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


    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
.swiper-slide:hover{
        cursor:pointer;
    }
    
    
    .swiper-slide p,
    .arrow_box p{
        margin-bottom:10px;
    }
    
    .tutorielImages
    {
        width:100%;
        max-width:320px;
        padding-bottom:10px;
    }
    
     .box_nav p{margin:8px 0 8px 15px!important;}

    .box_nav span.counter {
        margin: 8px 0 8px 15px !important;
    }
    
   
    
    
    
    
    /* Let's get this party started */
::-webkit-scrollbar {
    width: 7px;
    height:7px;
}
 
/* Track */
/*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 7px;
    border-radius: 7px;
}*/
 
/* Handle */
::-webkit-scrollbar-thumb 
{
    border:0;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #B4B9BD; 
}




.arrow_box {
    top: 40px;
    background-color: #fff;
    z-index: 30;
    border: 1px solid #7D858C;
    position: absolute;
    -moz-box-shadow: 0px 0px 40px #7D858C;
    -webkit-box-shadow: 0px 0px 40px #7D858C;
    box-shadow: 0px 0px 40px #7D858C;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    text-align: left;
}

    .arrow_box .box_nav {
        -webkit-border-bottom-left-radius: 15px;
        -webkit-border-bottom-right-radius: 15px;
        -moz-border-radius-bottomleft: 15px;
        -moz-border-radius-bottomright: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        background-color: #F3F4F4;
        height: 35px;
        padding: 10px;
    }

    .arrow_box.boxBatterie {
        width: 400px;
        right: 40%;
        top: 30%;
    }

.btn-skipContent:not(:focus) {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute;
    padding: 0;
}

.btn-skipContent:focus {
    margin:10px;
}