/* police par defaut */
body {
  background-color: #F2F5F9;
  color: #898989;
  font-family: Arial,Helvetica,sans-serif;
  margin: 0;
}
/* tableau message EDI */
#msg_edi span {
	font-size:11px !important;
}
#msg_edi p {
	margin:0;
	padding:0;
}
td, th {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	vertical-align: middle;
}
p, textarea, li{
	color:#848484; /* gris */
}
td {
	padding:8px 5px;
	margin: 5px 0;
	font-size: 13px;

}
tr[data-toggle="collapse"] {
	cursor:pointer;
}
#tableau_bord thead tr, th[scope="row"] {
	background-color:#ADADAD;
	color:#fff;
}
#tab_situation thead tr, thead tr, th[scope="row"] {
	background-color:#3F87BF;
}
table table th[scope="row"] {
	background-color:#B2B2B2;
}
.hiddenRow thead > tr {
	background-color:#B2B2B2;
}
.hiddenRow thead tr th {
	color:#fff;
}
.hiddenRow .table{
	margin:0;
}
th {
	border-right: 1px solid #65A3D3;
	color: #fff;
	/*text-align: center;*/
	padding:10px 0;
	font-size: 1.1em;
	font-weight:bold;
}
th span {
	padding:8px 0; float:left; text-align: right; width: 63%;
}
.flech_tri {
	float: left; margin: 0 15px; width: 20px;
}
/* lien par defaut du site */
a {
	font-size: 13px;
	font-weight: normal;
	cursor: pointer;
}
a:hover {
	/*color:#18A7AA;*/
	text-decoration:underline;
}
/*----------------------------------------LES MODULES----------------------------------*/
/*------------------------------------------------------------------------------------*/
/******************* menu deroulant ****************************************/
option {
	color: #3B4046;
}
p {
	text-align: justify;
	color: #666666;
	padding: 0 0 0 10px;
}
/*pour framework bootstrap*/
p[class*="span"]{
	padding: 0;
}
sup{
	vertical-align:top;
	font-size:small;
}
strong{
	font-weight:bold;
}
#trois_dsecure p{
	margin-top:10px;
}
.radio_td {
	text-align: left;
	padding: 0 0 0 0;
}
/**************  formulaire *************/

/* texte champ formulR */
.label_input {
	text-align:right;
	font-weight:bold;
	white-space:nowrap;
	color:#000000;
	padding:2px 5px;
	width:35%;
}
input, select, textarea {
	margin:2px 0 1px 2px;
	padding:1px;
	border:1px solid #959595;
	background-color:#FFFFFF;
	color: #13648F;
	font-size:12px;
}
input[type=radio]{
	background: none;
	border: none;
}

/*textarea standard*/
textarea {
	margin-top:4px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	overflow:auto;
	width:80%;
	padding:5px;
}
/* bouton radio */
.radio {
	margin:2px 5px 2px 10px;
	vertical-align:middle;
	border:none;
	background:#FFFFFF;
	height:auto;
	display:inline-block;
}
/* checkbox */
.checkbox {
	margin:2px 5px 2px 10px;
	vertical-align:middle;
	border:none;
	background:#FFFFFF;
	height:auto;

}

/* petit texte info form */
.size9 {
	font-size:9px;
}
/* nbre photo module location immo*/
.size9_couleur {
	color:#8F8F8F;
	text-align:center;
	display:block;
}
/*-----Module depot de dossier-----*/

.txt_entete_form {
	text-align:center;
	color: #8BB5DF;
	padding:10px;
	width:190px;
	font-size: 16px;
	font-weight: normal;
	border-top:1px solid #8BB5DF;
	border-bottom:1px solid #8BB5DF;
}

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


.btn_envoyer, .btn_valider, .btn_annuler, .btn_transmettre, .btn_connexion, .btn_rechercher{
	height: 39px;
	width: 120px;
	border: 1px solid #cfe0f3;
	cursor: pointer;
}
/* bouton envoyer de contact */
.btn_envoyer {
	background: url("../images/btn_envoyer.png") no-repeat;
	margin: 0;
	float: right;
}
/* bouton valider de contact */
.btn_valider {
	background: url("../images/btn_valider.png") no-repeat;
	margin: 0;
	float: right;
}
/* bouton annuler de contact */
.btn_annuler {
	background: url("../images/btn_annuler.png") no-repeat;
	margin: 0;
	float: left;
}
/* bouton transmettre de depot dossier */
.btn_transmettre {
	background: url("../images/btn_transmettre.png") no-repeat;
	margin: 0 0 0 60px;
	float: left;
}
/* bouton connexion depot dossier*/
.btn_connexion {
	background: url("../images/btn_connexion.png") right 0 no-repeat;
	position: relative;
	z-index: 1000;
}
/* bouton calculer */
.btn_rechercher {
	background: url("../images/btn_rechercher.png") 0 0 no-repeat;
	margin: 0;
	float: right;
}


/* message erreur */
.erreur { color: #b32f2f; text-align:center;}
/* message ok */
.valid { color: #009900; text-align:center;}
/* message valide ajax */
.msg_success {
	margin:10px 0;
	padding:5px 25px;
	color: #009900;
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	background:#d6facd;
	border:1px solid #009900;
}
/* message erreur ajax */
.msg_error {
	margin:10px 0;
	padding:5px 25px;
	color: #b32f2f;
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	background:#fcd6d6;
	border:1px solid #b32f2f;
}

/* gros titre */
h1,h2,h3,h4 {
	text-align:left;
}
h1, h2, h3, h4, .navbar-nav > li > a, .navbar-brand, th, .list-group-item, .debiteur {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	
}

h1 {
	font-size: 32px;
	padding: 2px;
	margin: 0 0 20px 0;
	text-align: left;
	color:#4D96CB;
}
h2 {
	font-size: 25px;
	color:#8BB5DF;
	padding: 0;
	margin:30px 0 15px 0;
}
h2 a{
	font-size:inherit;
	text-decoration: none;
}
#trois_dsecure h2{
	margin-top:0;
}
/* sous-titre */
h3, .titre_formulaire, .titre_loyer {
  border-bottom: 1px solid #EDEDED;
  font-size: 16px;
  margin: 10px 0;
  padding: 5px 0;
	color:#666;
}
h4 {
	font-size: 15px;
	text-align: center;
	padding: 0 30px 0 30px;
	margin: 0;
}
h4 a {
	font-size: 16px;
}

h5 {
	margin: 0 0 5px 30px;
	color: #555555;
	font-size: 12px;
	font-weight: bold;
}
/*Framework Bootstrap qui utilise les class .col-sm- etc*/
div[class|="col"] h2:first-child, div[class|="col"] h3:first-child, div[class|="col"] h4:first-child{
	margin-top:0;
}
img {
	border : 0px;
	text-align:right;
}
/* class des images du site */
.image {
	float: right;
}
ul {
	padding: 0;
	margin: 0 0 10px 0;
}
li {
	padding: 0 0 0 30px;
	list-style-type: none;
	list-style-position: inside;
	color: #000000;
	position: relative;
	text-align: left;
}
/*style des liens ex : Télécharger un formulaire (RIB, ...)*/
ul.lien_haut {
	padding:0;
	margin:5px 2px 25px;
}
ul.lien_haut li {
	margin:0 0 10px;
	padding:0;
	list-style:none;

}
ul.lien_haut li a{
	background:url(../images/lien_haut.png) left center no-repeat;
	padding: 5px 0 5px 25px;
	}


/*---------------------------------------CSS Personnalisé-------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/

#conteneur,.form-signin {
	position:relative;
	background-color:#FFFFFF;
	font-weight: normal;
	-moz-box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
	-webkit-box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
	box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
	padding: 20px;
}

#header {
	position:relative;
	margin: 0 auto;
}
a.list-group-item {
  color: #555555;
	text-transform:uppercase;
}
/*--------------------Bouton Haut--------------------*/
#btn_quitter{
	background:url(../images/quitter.png) bottom center no-repeat;
	display:block;
	width: 72px;
	height:36px;
	text-align:center;
	text-decoration: none;
	padding: 30px 0 0 0;
}

#btn_quitter:hover{
	background:url(../images/quitter.png) top center no-repeat;
}
.etude, .client {
	margin: 0;
	font-weight: bold;
}
.etude {
	background:url(../images/etude.png) no-repeat right center;
	color: #FFFFFF;
	text-align:right;
	padding-right:40px;
}
.client {
	background:url(../images/organisme.png) no-repeat left center;
	color: #999999;
	text-align:left;
	padding-left:40px;

}
/*--------------------------Detail Dossier.php--------------------------------*/
#info_dossier{

}
#sidebar ul{
	margin-bottom:20px;
}
.intitule{
	position:relative;
	background:url(../images/fond_intitule.png) no-repeat right center;
	display: inline-block;
	margin:10px 0 25px 0;
	height:36px;
	line-height:36px;
	padding: 0 20px 0 6px;
}
.label_intitule{
	position:absolute;
	top: -30px;
	left:5px;
	font-weight:bold;
	font-size:11px;
}
.yamm-content .intitule{
		padding: 0 0 0 0;
		margin:0;
}
.intitule a, .intitule span{
	padding:5px 20px 5px 5px;

}
.intitule span{
		color: #999999;
}
.yamm-content .num_dossier{
	background:url(../images/dossier_petit.png) 5px center no-repeat;
	padding:5px 20px 5px 35px;
}
/*.intitule .num_dossier{
	background:url(../images/dossier_petit.png) 5px center no-repeat;
}*/
.intitule .debiteur {
	/*background:url(../images/perso.png) left center no-repeat;*/
	color:#666666;
}
/*.intitule .periode{
		background:url(../images/calendar.png) 5px center no-repeat;
}
*/.nb_dossier {
	float:left;
}
/*-----------------------MENU-----------------------------*/
#menu_haut {
    background: url("../images/fond_menu.png") repeat-x 0 -85px;
    bottom: 0;
    height: 68px;
    left: 0;
    position: absolute;
	z-index:500;
}
#menu_haut ul {
    height: 68px;
	width: 900px;
    margin: 0;
    padding: 0 0 0 50px;
}
#menu_haut ul li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu_haut ul li a {
    background: url("../images/fond_menu.png") repeat-x 0 -85px;
    display: block;
    float: left;
    height: 68px;
	line-height: 68px;
	padding: 0 25px;
	text-transform:uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size:18px;
	color:#8f8f8f;
	border-right: 1px solid #FFFFFF;
	border-left:1px solid #d1d1d1;
}
#menu_haut ul li a:hover {
	color:#FFFFFF;
}
#menu_haut ul li#sous_menu:hover ul {
	display:block;
}


#contenu {
	position:relative;
	margin: 0 auto;
}
.nav-pills > li {
	padding:0;
	}
	
/*---------Yamm MEGA DROPDOWN for Bootstrap-----------*/
.yamm .dropdown > a{
	background-color:#FFF;
	display:block;
	border: 1px solid #DDDDDD;
	cursor: pointer;
	position: relative;
	text-align:center;
}
.yamm .yamm-content {
  padding: 0;
}
.yamm .dropdown {
	padding:0 0 0 10px;
	
}
.yamm .dropdown-menu {
  left: 0;
  padding: 15px 5px;
  right: 0;
  width: 100%;
}
.yamm .dropdown-menu li{
	padding:0;
	}
	
.hiddenRow {
    padding: 0 !important;
}
/*------------------------------------------FOOTER------------------------------------------------------*/
#footer p{
	text-align:center;
	padding: 20px 0;
}


/*------------------------------------------RESPONSIVE------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 300px) and (max-width: 767px) {

}
@media screen and (max-width: 767px) {
	.navbar-brand {
		font-size: 12px;
	}

}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 767px) and (max-width: 992px) {
		.navbar-brand {
		font-size: 14px;
	}

}
@media screen and (min-width: 992px) {
	
}
@media screen and (min-width: 1200px) {
	
}