@charset "utf-8";
/* CSS Document */


#no-js{
	position: fixed;
    background: #fce3e0;
    top: 20px;
    right: 20px;
    left: 20px;
   	/*margin: 20px;*/
    /*margin-bottom:0px;*/
    padding: 10px;
    border: 1px solid #ff786a;
    color:#c0392b;
    font-weight:bold;
    z-index: 9995;
}




body{
	background-image:url(../images/fond-login.png);
	background-repeat:repeat-x;
	background-color:#eaedf1;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #403b3b;
	margin: 0;
	padding: 0; 
}






p {
	margin: 10px 0;
	/*-webkit-margin-before: 0,5em;*/
	/*-webkit-margin-after: 0,5em;*/
}



/* Conteneur principale */

#content{
	width: 640px;
    margin: 20px auto;
    min-height: 100%;
}

#content-large {
    width: 960px;
    margin: 20px auto;
}

#content-small {
    width: 360px;
    margin: 20px auto;
}




#titre-page{
	width: 260px;
	float:left;
}

#logo{
	width:260px;
	height:200px;
	background:url(../images/logo.png) center center no-repeat;
    background-color:#FFF;
}

#posi-titre {
	width: 220px;
	height: 40px;
	margin-top: 20px;
	padding: 20px;
	background: url(../images/img-vert-titre-posi.jpg) 20px 20px no-repeat #1fbba6;
	line-height: 40px;
	text-align: center;
}

#posi-titre-admin{
	width: 220px;
	height: 40px;
	margin-top: 20px;
	padding: 20px;
	background: url(../images/img-rouge-titre-posi.jpg) 20px 20px no-repeat #f75556;
	line-height: 40px;
	text-align: center;
}



.titre-form {
	width : 260px;
	/*height : 30px;*/
	padding-left: 40px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc8c8;
	font-family: Helvetica, Arial, sans-serif;
	color: #807979;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
}


#txt-titre{
	display: inline-block;
	width: 160px;
	/*height: 30px;*/
	margin-left: 50px;
	padding: 5px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
    vertical-align: middle;
    line-height: normal;
}


.txt-info {
	font-size:10px;
	color:#f9ab2e;
	margin-bottom:10px;
}





/*----------------------------------------------FOOTER-----------------------------------------*/

#footer{  
    width:100%;
    background:url(../images/footer-page.jpg) repeat-x;  
    text-align:center; 
    color:#b3b3b3;
    margin-top:20px;
    margin-bottom:20px;
}

#txt-footer{ color:#b3b3b3; padding-top:15px; }








/*---------------------   Formulaires   --------------------------*/


/*.zone-formu label {
}




.zone-formu select{
}

.zone-formu textarea {
    height: 90px;
    padding: 5px;
    margin-top: 5px;
    width: 280px;
    border: 1px solid #c3c9cf;
    border-radius: 5px 5px 5px 5px;
}

.zone-formu input {
    
}

.zone-formu input[type=text] {

}

.zone-formu input[type=radio] {

}


.zone-formu input[type=submit] {
    cursor: pointer;
    background-color: #f39c12;
    color: #fff;
    width: 143px;
    height: 30px;
    line-height: 20px;
    padding: 5px;
    margin-top: 8px;
    margin-bottom :8px;
    border: 0px;
    border-radius: 0px;
    font-size: 14px;
}

.zone-formu input[type="submit"][disabled]{
    background-color: #bdc3c7;
    cursor: default;  	
}

.zone-formu input[type="text"][disabled]{
    background-color: #f0f0f0;
    color: #797d80;
    cursor: default;
}

.zone-formu textarea[disabled]{
    color: #797d80;
}
*/




/***   Mise en forme formulaires   ***/

/*
.bg-form {
	background-color: #fff;
	border: 1px solid #bdc3c7;
}
*/
.zone-formu {
	padding: 30px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	background-color: #fff;
}

.zone-formu2 {
	padding: 20px;
	margin: 10px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	background-color: #fff;
	border: 1px solid #dedcdc;
}



.form-full {
	/*display:inline-block;*/
	/*vertical-align:top;*/
	width: 860px;
	/*margin-top: 20px;*/
	/*margin: 10px;*/
	overflow: hidden;
	
}

.form-half {
	/*display:inline-block;*/
	/*vertical-align:top;*/
	width: 398px;
	/*margin-top: 20px;*/
	/*margin: 10px;*/
}

.form-small {
	/*display:inline-block;*/
	/*vertical-align:top;*/
	width: 300px;
	/*margin-top: 20px;*/
	/*margin:0;*/
	/*overflow: hidden;*/
}



/***  Composants formulaires  ***/

label
{
	vertical-align: top !important;
}


#form-posi fieldset {

}

#form-posi fieldset legend {
	width: 378px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #2c3e50; /* #34495e (+clair) */
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

#form-posi .form-full fieldset legend {
	width: 838px;
}

#form-posi span
{
	vertical-align: top !important;
}


#form-posi label {
	/*display:block;*/
	/*margin-left: 5px;*/
	/*margin-top: 10px;*/
	color: #666060;
	font-size: 12px;
	font-weight: normal;
}


#form-posi .input {
	margin: 10px 0;
	/*margin: 10px 40px 10px 0;*/
}


#form-posi input {
	width: 288px;
	height: 20px;
	margin: 5px 0;
	padding: 5px;
	/*padding: 0 10px;*/
	/*background-color: ##EAEDF1;*/
	border: 1px solid #ccc8c8;
    border-radius: 5px 5px 5px 5px;
    color: #403b3b;
	font-size: 12px;
	/*line-height: 1px;*/
}
	
	#form-posi input[disabled] {
		background-color: #f0f0f0;
		color: #807979;
	}

	#form-posi input:required{
	    background-color:#ffffff;
	}

	#form-posi input:focus:required:valid{
	    background-color:#eff8f3;
		border:1px solid #88d7a6;
		outline:medium none;
	}

	#form-posi input:focus:required:invalid{
	    background-color:#f9f6f6;
		border:1px solid #db8f8f;
		outline:medium none;
	}

	#form-posi input:focus, #contact textarea:focus {
		border: 1px solid #ccc8c8;
		outline: medium none; 
		/*background-color: #FFF;*/
	}




#form-posi input[type=text], #form-posi input[type=email], #form-posi input[type=tel], #form-posi input[type=password]   {
	/*height: 30px;
	cursor:pointer;
	margin-bottom:1px;*/
}

#form-posi input[type="radio"] {
	height: 15px;
	width: 15px;
	margin: 0px 0 0 0;
	padding: 0;
	background: none;
	/*border:1px solid #C3C9CF;*/
	border: none;
	border-radius: none;
}


#form-posi input[type=radio][disabled]
{
    /*background: none;*/
}


#form-posi input[type="checkbox"] {
	width: 15px;
	height: 15px;
	margin: 10px 0;
	padding: 0;
	/*border: 1px solid #c3c9cf;*/
	border: none;
	background: none;
	border-radius: none;
	/*line-height: 20px;*/
}
	
	#form-posi input[type="checkbox"][disabled] {
		/*background-color: #f3a842;*/ 
	}

	#form-posi .checkbox-disabled {
		/*color: #403b3b;*/ /*#BDC3C7;*/
	}

#form-posi p.descript {
	width: 250px;
	margin: 5px 0;
	padding: 5px;
	margin-left: 30px;
	color: #403b3b;
}


#form-posi input[type="file"] {
	float: left;
	height: 30px;
	width: 333px;
}

	#form-posi .reset-button {
		width: 42px !important;
		height: 42px !important;
		margin: 5px 0 0 10px !important;
		background: url(../images/icon-reset.png) 50% 50% no-repeat;
		background-color: #fff !important;
		border: 1px solid #ccc8c8 !important;
	}

	#form-posi .reset-button[disabled] {
		background-color: #f0f0f0 !important;
		cursor: default !important;
	}

#form-posi input[type=text] {
	/*color: #403b3b;*/
    /*height: 20px;*/
    /*line-height: 20px;*/
    /*padding: 5px;*/
}

/*
form input[type="text"][disabled]
{
    background-color: #f0f0f0;
    color: #797d80;
    cursor: default;
}

*/


#form-posi #submit {
	width: 300px;
}

	#form-posi #submit input {
		cursor: pointer;
		width: 200px;
		height: 40px;
		margin: 20px 50px 20px 50px;
		background-color: #f7a22f;
		border: 0;
		color: #FFF;
		font-size: 15px;
		font-weight: bold;
		/*line-height: 1px;*/
	}

	#form-posi #submit input[disabled]
	{
	    background-color: #bdc3c7 !important;
	    cursor: default;  	
	}

	#form-posi #submit input:hover {
		/*cursor: pointer;*/
		background-color: #f3a842;
	}
	
#form-posi input[type=submit], #form-posi input[type=button] 
{
	cursor: pointer;
	width: 140px;
	height: 35px;
	padding: 5px;
    margin: 10px 0;
    /*margin-right: 75px;*/
	background-color: #f7a22f;
	border: 0;
    border-radius: 5px 5px 5px 5px; 
	color: #FFF;
	font-size: 15px;
    /*line-height: 1px;*/
}

	form input[type="submit"][disabled], #form-posi input[type=button][disabled]
	{
	    background-color: #bdc3c7 !important;
	    cursor: default;  	
	}
	

#form-posi select {
	cursor:pointer;
	width: 300px;
	height: 32px;
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #ccc8c8;
	border-radius: 5px 5px 5px 5px;
	color: #403b3b;
	font-size: 12px;
}

#form-posi fieldset select {
	width: 398px;
}
	#form-posi .select-disabled {
		background-color: #f0f0f0;
		color: #807979;
	}

	#form-posi option {
		font-family: Tahoma, Helvetica, Arial, sans-serif;
		padding: 1px;
		color: #403b3b;
	}


#form-posi textarea {
	width: 288px;
    height: 90px;
    margin: 5px 0;
    padding: 5px;
    border: 1px solid #ccc8c8;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
}

	#form-posi textarea[disabled] { 
		background-color: #f0f0f0;
		color: #807979;
	}


#form-posi ul { list-style: none; }

	#form-posi li{ margin-left: -30px; }

#form-posi .placeholder { color: #999999; }

#form-posi .asterix { color:#FF0000; }







	#content-large #zone-erreur {

		margin: 20px 10px 10px 10px;
	}

	#content-large #zone-success {

		margin: 20px 10px 10px 10px;
	}






/*------------------------------ORGANISME----------------------------------*/

#organisme {
	background-color: #FFF;
	width: 360px;
	float: right;
}

#titre-organ {
	background: url(../images/ico-organ.jpg) 0 0 no-repeat;
}



/*--------------------------- formulaire détail organisme  -----------------------------------------*/

#third-part {
	width: 278px;
	display: none;
	margin-bottom: 20px; 
	padding: 10px;
	background-color: #f5fbfa; 
	border: #1fbba6 1px solid;  
	border-radius: 5px 5px 5px 5px;
}

#third-part .input {
	margin: 0;
}

#third-part label { 
	color: #1e6a60; 
	font-weight: bold;
}

#third-part input { 
	width: 263px;
	border: #1fbba6 1px solid;
    border-radius: 5px 5px 5px 5px;
}




/*------------------------------Utilisateur-----------------------*/

#utilisateur {
	background-color: #FFF;
	width: 360px;
	float: right;
}

#titre-utili {

	background: url(../images/ico-utili.jpg) 0 0 no-repeat;
}




/*------------------------------Login Administrateur-----------------------*/

#administrateur-login{
	background-color: #FFF;
	width: 360px;
	float: right;
}

#titre-login {
	background: url(../images/ico-key.png) 0 0 no-repeat;
}





/*----------------------------------------Page-admin-menu-BTN-----------------------------------------------*/


.txt-btn-menu-admin{
	color:#FFF;
	padding-top:11px;
	width:100%;
	margin-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
}



/*----------MENU ADMIN--------------*/


.bt-menu-ajout{
	cursor:pointer;
	background-color:#f7a22f;
	height:40px;
	border:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;
	text-align:center;
}


.bt-menu-modif{
	
	background-repeat:no-repeat;
	cursor:pointer;
	background-color:#1fbba6;
	height:40px;
	margin-top:10px;
	border:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;
	text-align:center;
}
.bt-menu-sup{
	background-repeat:no-repeat;
	cursor:pointer;
	background-color:#f75556;
	height:40px;
	margin-top:10px;
	border:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;
	text-align:center;
}


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


.bt-admin-simple-button {
	cursor: pointer;
	height: 30px;
	background-color: none;
	border: 1px solid #BDC3C7;
	font-family: Helvetica, Arial, sans-serif;
	color: #8D8D8D;
}
.bt-admin-simple-button[disabled] {
	cursor:default;
	color: #BDC3C7;
}


.bt-admin-menu-ajout{
	cursor:pointer;
	background-color:#f7a22f;
	height:40px;
	border:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#FFF;
	width:145px;
	margin-left:230px;
}

.bt-admin-menu-ajout2{
	cursor:pointer;
	background-color:#f7a22f;
	height:35px;
	border:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#FFF;
	width:145px;
}

.bt-admin-menu-ajout2-right{
	cursor:pointer;
	background-color:#f7a22f;
	height:35px;
	border:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#FFF;
	/*width:145px;*/
	float:right;
}


.bt-admin-ok-ajout{
	cursor:pointer;
	background-color:#E74C3C;
	height:40px;
	border:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#FFF;
}


.bt-admin-menu-modif {
	background-repeat:no-repeat;
	cursor:pointer;
	background-color:#1fbba6;
	height:40px;
	margin-top:10px;
	border:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#FFF;
	width:100px;
}

.bt-admin-menu-modif-haut{	
	background-repeat:no-repeat;
	cursor:pointer;
	background-color:#1fbba6;
	height:40px;
	margin-top:10px;
	border:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#FFF;
	width:100px;	
}

.bt-admin-menu-sup{
	background-repeat:no-repeat;
	cursor:pointer;
	background-color:#f75556;
	height:40px;
	margin-top:10px;
	border:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#FFF;
	width:100px;
	margin-right:190px;
}

.bt-admin-menu-enreg{
	background-repeat:no-repeat;
	cursor:pointer;
	background-color:#3498db;
	height:40px;
	margin-top:10px;
	border:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#FFF;
	width:100px;	
}

.bt-admin-menu-enreg-haut{
	background-repeat:no-repeat;
	cursor:pointer;
	background-color:#3498db;
	height:40px;
	margin-top:10px;
	border:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#FFF;
	width:100px;
}

.bt-admin-menu-enreg-acti{
	background-repeat:no-repeat;
	cursor:pointer;
	background-color:#3498db;
	height:40px;
	margin-top:10px;
	border:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#FFF;
	width:100px;	
}





/*---------------------------------------- Page menu admin -----------------------------------------------*/


.main-menu-title {
	margin-top:20px;
	font-family:arial;
	font-size:13px;
	color:#8d8d8d;
	font-weight:bold;
}

.main-menu-btn {
	background: #f39c12;	
	height: 40px;
	margin-top: 15px;
	border: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	text-align: center;
	line-height: 40px;
	border-radius: 5px;
	cursor:pointer;		
}



/*--------------------------------------Page intro-------------------------------------------------*/


#titre-intro{
	background: url(../images/ico-play.png) 0 0 no-repeat;
}



#txt-intro{
	font-size:12px;
	/*padding: 10px;*/
	text-align: justify;
	color: #8D8D8D;
}

#txt-intro .alignleft {
	text-align: left;
}


#txt-intro-error{
	font-size:12px;
	padding: 10px;
	text-align: center;
	color: #8D8D8D;
}

#lecteur-intro{
	width: 300px;
	padding: 10px 0;
	margin-top: 10px;
}



/*** Couleurs ***/

.rouge {
	color: #F75556;
}

.orange2 {
	color: #f39c12;
}

.jaune {
	color: #F5D313;
}

.vert {
	color: #98C03A;
}

.gris {
	color: #8D8D8D;
}


.bg-rouge {
	background-color: #F75556;
}

.bg-orange2 {
	background-color: #f39c12;
}

.bg-jaune {
	background-color: #F5D313;
}

.bg-vert {
	background-color: #58D68D;
}

.bg-gris {
	background-color: #8D8D8D;
}



/*-------------------------------------Page resultat--------------------------------------------*/


#titre-result{

	background: url(../images/ico-stat.png) 0 0 no-repeat;
}


#R-CCSP {
	border: 1px solid #ccc8c8;
	border-radius: 5px 5px 5px 5px;
	margin: 20px 0;
	padding: 15px 15px;
	font-size: 13px;
	text-align: left;
}

#R-CCSP p {
	margin: 5px 0;
}



/*-------------------------------------- Page admin menu -------------------------------------------------*/

#titre-menu{

	background: url(../images/ico-gear.png) 0 0 no-repeat;
}

#menu-admin .button
{
    cursor: pointer;
    background-color: #1fbba6;
    height: 40px;
    margin-top: 15px;
    border: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
}

#menu-admin .button:hover{
    box-shadow: 3px 3px 2px 0px rgba(119, 119, 119, 0.2);
    -moz-box-shadow: 3px 3px 2px 0px rgba(119, 119, 119, 0.2);
    -webkit-box-shadow: 3px 3px 2px 0px rgba(119, 119, 119, 0.2);
}

/*
#menu-admin #bt-menu_1 { background: #f39c12; }
#menu-admin #bt-menu_2 { background: #f39c12; }
#menu-admin #bt-menu_3 { background: #f39c12; }
#menu-admin #bt-menu_4 { background: #dbdbdb; color:#9C9A9A; }
#menu-admin #bt-menu_5 { background: #f39c12; }
#menu-admin #bt-menu_6 { background: #dbdbdb; color:#9C9A9A;}
*/

#menu-admin a {
    color: #FFF;
    border-bottom: 0 none !important;
    text-decoration: none;
}

#menu-admin a:link, #menu-admin a:visited {
    color: #fff;
}

#menu-admin a:hover, #menu-admin a:focus, #menu-admin a:active {
    border-bottom: 0 none !important;	
}




/*--------------------------------------Page admin question-------------------------------------------------*/


#main-form {
	margin: 20px;
}

/*
.zone-chx-question{
	background: #fff;
	margin: 20px;
	margin-bottom:0px;
	padding: 20px;
	border: 1px solid #BDC3C7;
}
*/

#titre-admin-h2{
	margin: 20px 30px 10px 30px;
	padding: 15px;
	background-color: #1fbba6;
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 16px;
	font-weight:bold;
}

#titre-admin-h2-stat{
	margin: 20px 20px 10px 20px;
	padding: 15px;
	background-color: #3498db;
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 16px;
	font-weight:bold;
}
	
/*	
#titre-question-h3{
	background-color:#2C3E50;
	color:#ffffff;
	font-size:14px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	font-weight:bold;
	position:relative;
}
*/

#num_ordre {
	font-weight: bold;
	font-size: 40px;
	margin-top: -21px;
	margin-left: 337px;
	color: #ffffff;
}

#intitule {
	margin: 5px 0 10px 0;
}


#intitule textarea {
	width: 385px;
	height: 115px;
}

.response-block {
	background:#f0f0f0;
	padding: 10px;
}


.response-block p {
	/*vertical-align: middle;*/
}


#intitules_reponses {
	padding: 0;
}


.response-item {
	margin : 0 0 10px 0;
}
/*.radio-txt {
	margin: 0px 0px;
	padding-top: 5px;
}*/

/*
#reponse-content-appli textarea {
    width: 740px;
    height: 77px;
    resize: none;
}
*/

#image-question, #audio-question {
    padding: 0px;
    margin: 10px 0 20px 0;
}

	

/*
select {
	width:200px;
	height: 25px;
}
*/
/*
#response-qcm input[type=text] {
    width:280px;
    height:30px;
    margin-bottom:1px;
}
*/

/*
.part-left{
    width: 480px;
    float:left;
}
			
		
.part-right{
    width: 480px;
    float:right;
}
	
.formdiv{
    background: #ffffff;
    margin: 20px;
    padding: 20px;
    border: 1px solid #BDC3C7;
}
	
	
.formdiv-bas{
    background: #fff;
    margin: 20px;
    padding: 20px;
    border: 1px solid #BDC3C7;	
}	
*/

.datalist{ 
    border:1px solid #ccc;
    margin: 10px 0;
    padding: 10px;
    width: 374px; 
    height: 287px; 
    overflow-y: scroll; 
}

#code_comp_cbox {
	width: 100%;
}


#buttons {
	margin: 0px;
}

.buttons-block {
	display: inline;
	width: 450px;
	height: 35px;
	margin: 0 7px 0 10px;
}

#buttons input[name='add'], #buttons input.add { background: #f39c12; }
#buttons input[name='edit'], #buttons input.edit { background: #1fbba6; }
#buttons input[name='save'], #buttons input.save { background: #3498db; }
#buttons input[name='del'], #buttons input.del { background: #f75556; }
#buttons input[type="submit"][disabled] {
	background-color: #bdc3c7;
	cursor: default;
}




/*-------------------------------------- Page admin degré - categorie - compte -------------------------------------------------*/

#titre-cat {

	background: url(../images/ico-tag.png) 0 0 no-repeat;
}

#titre-degre {

	background: url(../images/ico-degree2.png) 0 0 no-repeat;
}

#valid-acquis {
	background-color: #FFF;
	width: 360px;
	float: right;
}
	#titre-valid-acquis {
		background: url(../images/ico-key.png) 0 0 no-repeat;
	}
        
#titre-account {

	background: url(../images/ico-key.png) 0 0 no-repeat;
}  



/*--------------------------------------------------------POSI APPLI-----------------------------------------------------------------*/


#posi_content {
	width: 782px;
	margin: 20px auto;
}



#image-content-appli {
	position: relative;
	width: 750px;
	height: 420px;
	padding: 15px;
	text-align: center;
	background-color: #ffffff;
	border: 1px #ccc8c8 solid;
	border-radius: 10px;
}

#image-content-appli img {
	width: 100%;
}

.image-loader {
	display: none;
	position: absolute;
	background: url('../images/loader_bl.gif') center center no-repeat;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9998;
}



#lecteuraudio {
	padding: 10px;
	background-color: #ffffff;
	margin-top: 10px;
	border-radius: 5px;
	float: left;
	border: 1px #ccc8c8 solid;
	min-width: 160px;
	min-height: 20px;
}


#lecteurvideo {
	width: 100%;
	height: 100%;
	/*width: 750px;
	height: 420px;
	padding: 15px;
	text-align: center;
	background-color: #ffffff;
	border: 1px #ccc8c8 solid;
	border-radius: 10px;*/
}



#txt-content-appli {
	margin-top:10px;
	width: 750px;
	background-color: #16A085;
	padding: 15px;
	color: #ffffff;
	border-radius: 5px;
	text-align: justify;
}


#reponse-content-appli {
	margin-top: 10px;
	width: 750px;
	background-color: #ffffff;
	padding: 15px;
	border-radius: 5px;
	border: 1px #ccc8c8 solid;
}

#reponse-content-appli p {
	margin: 5px 0;
	-webkit-margin-before: 0,5em;
	-webkit-margin-after: 0,5em;
	
}

#reponse-content-appli input[type=radio]{
	/*margin: 2px 0;*/
}

#reponse-content-appli .reponse_champ {
	width: 738px;
    height: 50px;
    /*margin: 5px 0;*/
    padding: 5px;
    border: 1px solid #a49c9c;
    border-radius: 5px 5px 5px 5px;
}

#submit_suite {
    /*background-repeat: no-repeat;*/
    cursor: pointer;
    background-color: #F39C12;
    height: 40px;
    margin-top: 10px;
    width: 100px;
    border: 0px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #FFF;
    float: right;
    font-weight: bold;
    border-radius: 5px;
}

#submit_suite[disabled] {
    background-color: #bdc3c7;
}



/*-----------------------------ADMIN gestion competence activités------------------------------------*/


#zone-competence{
	padding:20px;
	margin:20px;
	background-color:#ffffff;
	float: left;
	width:280px;
}

#zone-activite{
	padding:20px;
	margin:20px;
	background-color:#ffffff;
	float: right;
	width:515px;
}

#zone-activite p{
	margin:0px;
	padding:15px;
	margin-bottom:2px;
	border:1px solid #eeeeee;
}


#zone-activite p:hover{
	background-color:#c7e9ef;
}


.redBackground{
    background-color: #c7e9ef;  
}


#ref_activites_admin{
    border:1px solid #ccc;
    margin: 10px 0;
    padding: 10px;
    width: 494px; 
    height: 460px; 
    overflow-y: scroll; 
}

#zone-ajout-acti{
	background-color:#ffffff;
	padding:15px;
}

.bt-acti-sup{
	float:right;
	height:46px;
	width:27px;
	background-color:#E74C3C;
	border:0px;
	font-weight:bold;
	color:#ffffff;	
}

.text-add-acti{
	margin-top:10px;
}



/*----------------------------------------------  Restitution et Statistiques   --------------------------------------------*/

#infos-posi {
    margin: 0;
    padding: 0px;
    background: #fff;
    border: none !important;
}


#infos-posi .ui-widget-header {
    background: #fff;
    border: none;
    border-radius: 0px;  
}

#infos-posi .ui-widget {
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 1em;
}

#infos-posi .ui-widget-content {
    margin: 0;
    padding: 20px;
    border: 1px solid #dddddd;
    background: #fff;
}

.ui-corner-all {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

.ui-corner-top {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

#infos-posi .ui-state-default {
    border: none;
    font-family: Helvetica, Arial, sans-serif;
    background: #2C3E50;
    outline: none;
}


#infos-posi .ui-state-default a, #infos-posi .ui-state-default a:link, #infos-posi .ui-state-default a:visited {
    color: #fff;
    outline: none;
}

#infos-posi .ui-state-active a, #infos-posi .ui-state-active a:link, #infos-posi .ui-state-active a:visited {
    color: #EB8F00;
    outline: none;
}





#infos-posi li {
	margin-left: 0;
}



.zone-liste-restitution {
    padding:20px;
    margin:20px;
    background-color:#ffffff;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 1em;
}

.zone-liste-restitution hr {
    margin-bottom: 15px;
    padding: 0;
}

.filter-item {
    /*display: inline-block;*/
    float: left;
    margin-right: 20px;
}
	.filter-item label {
	    display: block;
	}

	.filter-item select {
	    width: 200px !important;
	}


.info {
    background-color:#f0f0f0;
    margin-top: 2px;
    padding: 10px;
    /*font-size: 13px;*/
}

.tab-block
{
	font-size: 13px;	
}


.stats ul { 
	width: 790px; 
	list-style: none;
}
	.stats li { 
		font-family: Helvetica, Arial, sans-serif !important; 
	}

.stats .percent {
    display: block;
    height: 1.5em;
    line-height: 1.5em;
    margin-top:3px;
    text-align: right;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 5px;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    cursor: default;
}


/* Image dégradée */
.gradiant_pic li { width: 760px; padding: 15px; background-color:#f7f7f7; margin-bottom:5px; }

.gradiant_pic li .percent {
    height: 15px;
    line-height: 16px;
    padding: 0;
    color: #000000;
    font-weight:bold;
    background: #f7f7f7 url(../images/gradiant.png) repeat-y 0 0;
}





/* page statistique */


.stats-global {
	overflow: hidden;
	position: relative;
	width: 860px;
	height: 380px;
	/*padding: 40px 0;*/
	margin-bottom: 10px;
	background: url(../images/graph_stat_global.jpg) top left no-repeat;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

	.stats-global .stat-posi {
		position: absolute;
		top: 186px;
		left: 102px;
		font-size: 26px;
	}

	.stats-global .stat-user {
		position: absolute;
		top: 135px;
		left: 220px;
		font-size: 20px;
	}

	.stats-global .stat-pourcent {
		position: absolute;
		top: 181px;
		left: 320px;
		color: #f1b557;
		font-size: 36px;
	}

	.stats-global .stat-temps {
		position: absolute;
		top: 236px;
		left: 490px;
		/*font-size: 14px;*/
	}

	.stats-global .stat-total-temps {
		position: absolute;
		top: 141px;
		left: 574px;
		font-size: 16px;
	}

	.stats-global .stat-age {
		position: absolute;
		top: 210px;
		left: 732px;
		/*font-size: 14px;*/
	}


.stats-detail {
	overflow: hidden;
	/*padding: 40px 0;*/
	margin-bottom: 10px;
}


	.stats-detail .bloc-stat {
		float: left;
		width: 100px;
		margin-right: 20px;
		padding: 10px;
		color: #666060;
		text-align: center;
	}

	.stats-detail .last 
	{
		margin-right: 0px;
	}

		.bloc-stat .bloc-stat-title
		{
			width: 100px;
			height: 45px;
			/*padding-bottom: 15px;*/
			text-align: center;
		}

		.bloc-stat .bloc-stat-number
		{
			width: 100px;
			height: 100px;
			background-color: #43545D;
			/*border: 1px solid #CCC8C8;*/
			border-radius: 100px;
			color: #ffffff;
			font-size: 20px;
			font-weight: bold;
			text-align: center;
			line-height: 100px;
		}


	#infos-posi .bloc-stat {
		float:left;
		width: 96px;
		margin-right: 20px;
		padding: 10px;
		color: #666060;
		text-align: center;
	}

	#infos-posi .last
	{
		margin-right: 0px;
	}	

		#infos-posi .bloc-stat .bloc-stat-title
		{
			width: 96px;
			height: 50px;
		}

		#infos-posi .bloc-stat .bloc-stat-number
		{
			margin: 0 auto;
			width: 100px;
			height: 100px;
			background: #4b5a62;
			/*border: 1px solid #CCC8C8;*/
			border-radius: 100px;
			font-size: 15px;
			font-weight: bold;
			line-height: 100px;
		}


	.progressbars {
		/*float: left;*/
		width: 400px;
		margin-top: 0px;
	}

	.progressbar {
		margin-bottom: 10px;
	}

	.progressbar-title {
		/*font-weight: 300;*/
		/*text-transform: uppercase;*/
		/*line-height: 25px;*/
	}

	.progressbar-bg {
		position: relative;
		height: 10px;
		margin-top: 5px;
		background-color: #e6e6e6;
		border-radius: 5px;
	}
	
	.progressbar-bg span {
		position: absolute;
		top: 0; bottom: 0; left: 0;
		/*background-color: #f39c12;*/
		border-radius: 5px;
	}

		.progressbar-bg .primary {
			background-color: #00bfa5;
		}
		.progressbar-bg .secondary {
			background-color: #ff9800;
		}
		.progressbar-bg .warning {
			background-color: #f1c40f;
		}
		.progressbar-bg .danger {
			background-color: #e74c3c;
		}
		.progressbar-bg .success {
			background-color: #2ecc71;
		}
		.progressbar-bg .info {
			background-color: #3498db;
		}
		.progressbar-bg .default {
			background-color: #bdbdbd;
		}



/*-------------------------------------- tableau résultats restitution -------------------------------*/

#details {
    font-size: 13px;
}

#table-resultats {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

#table-resultats th, #table-resultats td {
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

#table-resultats th {
    border: 1px solid #ffffff;
    color: #ffffff;
    cursor: pointer;
	background-color: #F7A22F;	
}

#table-resultats td {
    border: 1px solid #ffffff;
}

#table-resultats thead tr .headerSortDown, #table-resultats thead tr .headerSortUp {
    background-color: #ebebeb;
}

#table-resultats a {
    text-decoration: none;
    font-size: 12px
}
	



/*-----------------------------retour menu-----------------------*/
	
.retour-menu {
    float:right;
    margin-right: 0px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #F75556;
    color:#ffffff;
    text-decoration:none;
    cursor: pointer;
    width:90px;
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
}

#content-large .retour-menu {
    margin-right: 30px;
    margin-bottom: 0px;
}
	
.retour-menu a, .retour-menu a:hover, .retour-menu a:visited, .retour-menu a:link, .retour-menu a:active {
    color:#ffffff;
    text-decoration:none;
    cursor: pointer;
}
   
        
/*----------------------------------lighbox2--------------------------------*/


.lien-no-underline{ text-decoration:none;}


/* line 7, ../sass/lightbox.sass */
body:after {
	content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
	display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: black;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
	display: block;
	height: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
 	border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
	position: relative;
	background-color: white;
	*zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
	padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
	position: absolute;
	top: 43%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(../img/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
	left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
	outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
	width: 49%;
	height: 100%;
	cursor: pointer;
	/* Trick IE into showing hover */
	display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
	left: 0;
	float: left;
}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
	background: url(../img/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
	right: 0;
	float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
 	background: url(../img/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	*zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
	padding: 0 4px;
	color: #bbbbbb;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999999;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(../img/close.png) top right no-repeat;
	text-align: right;
	outline: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}






/*----------------------------------   Boite de dialogue modale   --------------------------------*/


.message-box
{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	/*height: 175px;*/
	/* padding-top: 30px; */
	text-align: left;
	background-color: #ffffff;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 20px #888;
}

	.message-box-info, .message-box-warning, .message-box-alert, .message-box-valid, .message-box-none
	{
		float: left;
		width: 75px;
		height: 75px;
		margin: 25px;
		/* background-color: #ffffff; */
	}
	
	.message-box-alert
	{
		background: url('../images/icon-alert.png') no-repeat;
	}

	.message-box-info
	{
		background: url('../images/icon-info.png') no-repeat;
	}
	
	.message-box-warning
	{
		background: url('../images/icon-warning.png') no-repeat;
	}
	
	.message-box-valid
	{
		background: url('../images/icon-valid.png') no-repeat;
	}
	
	.message-box-none
	{
		
	}
	
	
	.message-box-text
	{
		float: right;
		width: 250px;
		height: 75px;
		margin: 0px;
		padding: 25px 25px 25px 0px;
		margin-bottom: 10px;
		font-size: 12px;
	}
	
	.message-box-buttons
	{
		clear: both;
		text-align: right;
		width: 355px;
		height: 40px;
		background: #f0f0f0;
		border-top: 1px solid #ccc;
		padding: 5px 20px 5px 25px;
		-webkit-border-radius: 0px 0px 5px 5px;
		-moz-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
	}
		.message-box-buttons input
		{
			height: 30px;
			background: #fff;
			border: 1px solid #ccc;
			margin: 5px;
			text-align: center;
			cursor: pointer;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		
		.message-box-buttons input:focus
		{
			border: 1px solid #aaa;
		}
			



/*----------------------------------   Loader   --------------------------------*/


#loader-bg
{
	position: fixed;
	background: #000000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9998;
}


#loader-icon
{
	position: fixed;
	background: url('../images/loader_bk.gif') center center no-repeat;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9998;
}