/*
FEUILLE DE STYLES PARTICULIERE A L'APPLICATION

Cette feuille de style permet de gerer le logo
ainsi que d'éventuelles classes propres à
l'application.

Le fichier logo.png doit être créé au préalable
et placé dans le répertoire images.

Lorsque vous ajoutez un style dans votre application,
vérifiez au préalable qu'une classe du basik css de
la charte ne fait pas déja ce dont vous avez besoin.

éviter d'ajouter un style sur les classes prefixées
par "bcJs_".
*/


/* ajout du logo dans le header et dans la boite d'aide */
.bc_name {  background: url(../images/logo.png) no-repeat 5px center; padding-left:35px!important }


/* Corrections mise en page */
#bc_content {
	margin: 60px auto;
	max-width: 800px;

}

#bc_content h1 { border-bottom: 1px solid #aaa; }  


/* BARRE DE PROGRESSION */


progress .rouge {

}

progress .orange {

}

progress .jaune {

}

.barre_progression {
	width: 200px;
	height: 24px;
	position: relative;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	overflow: hidden;
	border: 2px solid #ddd;
	background: #ddd;
	border-radius: 20px
}

span.barre_progression_barre {
  display: block;
  height: 20px;
  background-color: rgb(43,194,83);
  text-align: right;
  padding-right: 3px;
  border-radius: 20px;
  text-shadow: rgba(255, 255, 255, 0.3) 1px 1px 0px;
  box-shadow: -3px 9px 0px rgba(255, 255, 255, 0.1) inset;
}

span.barre_progression_barre span {
	padding-left: 3px;
	display: block;
	padding-right: 3px;
} 

.barre_progression_conteneur {
	width: 100%;
	height: 24px;
	display: block;
}

.orange span.barre_progression_barre {
  background-color: #F1A14B;
  border: 1px solid #C2823E;
 
}

.rouge span.barre_progression_barre {
  background-color: #FB5248;
  border: 1px solid #E14941;
}

.jaune span.barre_progression_barre {
  background-color: #FFD009;
  border: 1px solid #E5B31D;
}

/* MESSAGES */

.msg_erreur, .msg_general {
	border: 1px solid;
	width: 60%;
	padding: 5px;
	margin-top: 5px;
	font-size: 1em;
	font-weight: bold;
}

.msg_erreur {
	border-color: #f00;
	background-color: #f0a3a3;
	color: #000;
}

.msg_general {
	border-color: #00f;
	background-color: #6cf;
	color: #000;
}

.bc_message.bc_green {
	color: #308E3D!important
}


.border {
	border:1px solid #ccc;
	padding: 20px 15px 15px 15px;
	border-radius: 3px;
} 


/* RUSTINE BASIKCSS */

.bc_dm1, .bc_dm2, .bc_dm3, .bc_dm4,  .bc_dm5, .bc_dm6, .bc_dm7, .bc_dm8,  .bc_dm9, .bc_dm10, .bc_dm11,  .bc_dm12 {position: relative;min-height: 1px; padding: 5px; float: left;padding: 0 5px}
.bc_dm12 {width: 100%;}
.bc_dm11 {width: 91.66666667%;}
.bc_dm10 {width: 83.33333333%;}
.bc_dm9 {width: 75%;}
.bc_dm8 {width: 66.66666667%;}
.bc_dm7 {width: 58.33333333%;}
.bc_dm6 {width: 50%;}
.bc_dm5 {width: 41.66666667%;}
.bc_dm4 {width: 33.33333333%;}
.bc_dm3 {width: 25%;}
.bc_dm2 {width: 16.66666667%;}
.bc_dm1 {width: 8.33333333%;}

.bc_rm12 {right: 100%;}
.bc_rm11 {right: 91.66666667%;}
.bc_rm10 {right: 83.33333333%;}
.bc_rm9 {right: 75%;}
.bc_rm8 {right: 66.66666667%;}
.bc_rm7 {right: 58.33333333%;}
.bc_rm6 {right: 50%;}
.bc_rm5 {right: 41.66666667%;}
.bc_rm4 {right: 33.33333333%;}
.bc_rm3 {right: 25%;}
.bc_rm2 {right: 16.66666667%;}
.bc_rm1 {right: 8.33333333%;}
.bc_rm0 {right: auto;}

.bc_lm12 {left: 100%;}
.bc_lm11 {left: 91.66666667%;}
.bc_lm10 {left: 83.33333333%;}
.bc_lm9 {left: 75%;}
.bc_lm8 {left: 66.66666667%;}
.bc_lm7 {left: 58.33333333%;}
.bc_lm6 {left: 50%;}
.bc_lm5 {left: 41.66666667%;}
.bc_lm4 {left: 33.33333333%;}
.bc_lm3 {left: 25%;}
.bc_lm2 {left: 16.66666667%;}
.bc_lm1 {left: 8.33333333%;}
.bc_lm0 {left: auto;}

.bc_pm12 {margin-left: 100%;}
.bc_pm11 {margin-left: 91.66666667%;}
.bc_pm10 {margin-left: 83.33333333%;}
.bc_pm9 {margin-left: 75%;}
.bc_pm8 {margin-left: 66.66666667%;}
.bc_pm7 {margin-left: 58.33333333%;}
.bc_pm6 {margin-left: 50%;}
.bc_pm5 {margin-left: 41.66666667%;}
.bc_pm4 {margin-left: 33.33333333%;}
.bc_pm3 {margin-left: 25%;}
.bc_pm2 {margin-left: 16.66666667%;}
.bc_pm1 {margin-left: 8.33333333%;}
.bc_pm0 {margin-left: 0;}


.bc_inputBlock label, .bc_inputBlock .bc_controlLabel {
    max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	padding-top: 7px;
	margin-bottom: 5px;
	text-align: right;
	float: left;
}