/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21 avr. 2020, 18:48:22
    Author     : issihaka
*/
.corpsderreur{
    text-align: center;
}
.messageerreursup{
    font-size: large;
}
.messageerreurmil{
    color: #61380B;
    font-size: larger;
}
/* **************************************** */
.contoursite{
    width: 95%;
    margin: 0 auto;
}
h1#tr1{
    color: #ec5840;
}
form#auth label{
    width: 115px;
}
div#cadremdpoublie form#auth label, div#cadremdprovisoir form#auth label{
    width: 215px;
}
form#auth input[type='text'], form#auth input[type='password']{
    width: 280px;
}
button#logon_valider{
    width: 15%;
}
div#cadremodifierutilisateur form button#modifiermotdepass_valider{
        margin-left: 135px;
}
.messageDeSucces{
	border:1px solid #40FF00;
	background-color:#D0F5A9;
	padding:5px;
	color:#000;
}

.messageDeConfirmation{
	border:1px solid #fc0;
	background-color:#ff9;
	padding:5px;
	color:#000;
}

.messageDerreur
{
	border:1px solid #f00;
	background-color:#fcc;
	padding:5px;
	color:#000;
	margin: 15px 8px 15px 8px;
	text-align: justify;
}

.messageDalerte{
	border:1px solid #61380B;
	background-color:#F8E0E0;
	padding:5px;
	color:#B12222;
}

.texteDalerte{
	color:#F8E0E0;
	font-weight: bold;
}
.thead-dark{
    background-color: #343A40;
    color: #FFF;
}

.thead-dark tr th{
    vertical-align: middle !important;
}

div#cadre_form_utilisateur label, div#cadremodifierutilisateur label{
    width: 150px;
}

div#cadre_form_utilisateur input, div#cadre_form_utilisateur select, div#cadremodifierutilisateur input, div#cadremodifierutilisateur select{
    width: 300px;
}

div#cadremodifierutilisateur label{
    width: 130px;
}

.enligne{
    display: inline-block !important;    
    vertical-align: top !important;
}

.enligneclassique{
    display: inline-block !important;
}
.agauche{
    float: left;
}

.adroite{
     float: right;
}
.centrertexte{
    text-align: center;
}
.cdregauche{
    display: inline-block; 
    float: left;
}

.cdredroite{
    display: inline-block; 
    float: right;
}

fieldset{
    border: solid 1px #D1D1D1 !important;
    padding-left: 11px !important;
    margin-top: 20px !important;
}

fieldset legend{
    padding: 0 15px 0 15px !important;
    font-weight: bold;
    color: #003962;
    width: auto !important;
    border-bottom: none !important;
}

div#cadresuperieurdebienvenue{
    background-color: #525252;
    height: 60px;
    margin-bottom: 20px;
}

div#cadredebienvenue{
    padding-top: 5px;
    background-color: #525252;
    color: #FFF;
    margin-top: -9px;
    margin-bottom: 20px;
}

div#cadreprincipal{
    min-height: 300px;
}

div#cadreprincipal article{
    min-height: 300px;
}

div#cadrelogon{
    margin: 98px auto;
    width: 438px; 
}

nav#menuprincipal ul li a{
    text-transform: uppercase !important;
}
.petitlogo{
    height: 20px;
}
#cadrelibident{
    text-transform: uppercase !important;
    font-family: var;
    font-weight: bold;
    font-size: 22px;
    padding-left: 120px;
    color: #003962;
}
#cadremdpoublie{
    /*border: solid 1px green;*/
    margin-top: 20px;
    font-size: 10px;
    padding-left: 120px;
}
#cadreformmdpoublie{
    /*border: solid 1px red;*/
    margin: auto;
    text-align: left;
    width: 501px;
}
button#logon_valider{
    margin: 6px 0 0 120px;
}
.titredemmdpprovisoire{
    text-align: center;
}
#cadremotdepasseprovisoir{
    display: inline-block;
}
.titre_bonjour, .titre_service{
    text-align: center;
}
.titre_service{
    font-weight: bold;
    font-size: 18px;
}
.tableaubordbas{
    border-bottom: 4px solid #003962;
}
.tableaubordhaut{
    border-top: 4px solid #003962;
}
#tableau_liste_dossier{
    margin-top: 8px;
    width: 100%;
}
.iconteldossiers{
    width: 120px;
}
.iconboutonsoush1{
    width: 90px;
}
.cadresecondaire{
    
}
.cadrecontenu{
    border: 1px solid #CCC;
    padding: 4px 4px;
}
#cadreboutontelechargerexcel{
    text-align: right;
    padding-top: 8px;
}
.liste_deroulante{
    
}
#recherche_dossier_valider {
    display: inline-block;
    width:61px;
    height:54px;
    background:url('/images/recherche.png') top left no-repeat;
    text-indent:-9000px;
    text-transform: capitalize;
    line-height: -9999px;
    overflow:hidden;
    border: none;
    margin-left: 20px;
}
#cadre_recherche_dossier input, #cadre_recherche_dossier select,
#cadre_form_recherche_statistique input[type="text"], #cadre_form_recherche_statistique select{
    width:130px;
    height:54px;
    background-color: #E8E8E8;
}
#cadre_form_recherche_statistique button{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    background-color: #169BD5;
    color: #FFFFFF;
    height: 84px;
    width: 110px;
}
#recherche_dossier_nombre_lignes{
    /*width:180px !important;*/
    height:54px;
    background-color: #E8E8E8;
    border: #9ec6f5;
}
#cadre_recherche_dossier tr td{    
    padding-right: 8px;
}
#tabs-identite label{
    width: 195px;
}
#tabs-identite input[type='text'], #tabs-identite select,
#tabs-cra input[type='text'], #tabs-cra select,
#tabs-preguda input[type='text'], #tabs-preguda select,
#tabs-postguda input[type='text'], #tabs-postguda select,
#tabs-domiciliation input[type='text'], #tabs-domiciliation select,
#tabs-huda input[type='text'], #tabs-huda select,
#tabs-mida input[type='text'], #tabs-mida select,
#tabs-asile input[type='text'], #tabs-asile select,
#tabs-sante input[type='text'], #tabs-sante select,
#tabs-aidealimentaire input[type='text'], #tabs-aidealimentaire select,
#tabs-accompagnement input[type='text'], #tabs-accompagnement select,
#tabs-satr input[type='text'], #tabs-satr select
{
    width: 300px;
}
.champ_court{
    width: 150px !important;
}
#tabs-identite button{
    width: 300px;
    margin: 5px 0 0 199px;
}
.labelnumfoyer{
    width: 150px !important;
}
.labelnouveaunumfoyer{
    width: 75px !important;
}
.labelratacherfoyer{
    width: 65px !important;
}
#cadrnumfoyer{
    margin-top: 15px;
}
div#tabs-cra label{
    width: 250px;
}
div.radio_boutons{
    display: inline-block;
}
div#tabs-preguda label{
    width: 260px;
}
#cadreboutonsinferieursfiche{
    text-align: center;
    margin-bottom: 4px;
}
#cadreboutonsinferieursfiche label{
    color: #40B6AD;
    font-weight: bold;
}
#cadreboutonsinferieurspj{
    text-align: center;
    margin-bottom: 4px;
}
#cadreboutonsinferieurspj label{
    color: #1A9AE0;
    font-weight: bold;
}
form#formdossier div#cadrnumfoyer label.required{
    width: 80px;
}
.iconboutonsinferieurs{
    width: 42px;
}
.fichepj{
    width: 100%;
}
.fichepj th{
    background-color: #E8E8E8;
    text-align: center;
}
#pieces-jointes input[type="file"]{
    display: inline-block;
}
.colnblignes{
    width: 90px;
    text-align: center;
}
.coldate{
    width: 120px;
    text-align: center;
}
.colutilisateur{
    width: 160px;
    text-align: center;
}
div#tabs-postguda label{
    width: 260px;
}
div#tabs-domiciliation label{
    width: 260px;
}
div#tabs-huda label{
    width: 260px;
}
div#tabs-mida label{
    width: 260px;
}
div#tabs-asile label{
    width: 260px;
}
div#tabs-sante label{
    width: 260px;
}

div#dossier_id_liste_orientation_partenaire label[for="dossier_id_liste_orientation_partenaire_0"],
div#dossier_id_liste_orientation_partenaire label[for="dossier_id_liste_orientation_partenaire_1"],
div#dossier_id_liste_orientation_partenaire label[for="dossier_id_liste_orientation_partenaire_2"],
div#dossier_id_liste_orientation_partenaire label[for="dossier_id_liste_orientation_partenaire_3"]{
    width: 40px !important;
}
div#dossier_id_liste_orientation_partenaire label[for="dossier_id_liste_orientation_partenaire_4"]{
    width: 90px !important;
}
div#dossier_id_liste_orientation_partenaire label[for="dossier_id_liste_orientation_partenaire_5"]{
    width: 145px !important;
}
div#dossier_id_liste_orientation_partenaire label[for="dossier_id_liste_orientation_partenaire_6"]{
    width: 60px !important;
}

div#dossier_id_liste_orientation_partenaire input[type="checkbox"]{
    width: 20px;
    margin-right: 0px;
    margin-left: 8px;
}
*/
div#dossier_id_liste_orientation_partenaire input#dossier_id_liste_orientation_partenaire_0{
    width: 20px;
    margin-right: 0px;
    margin-left: 0px;
}
div#tabs-aidealimentaire label{
    width: 260px;
}
div#tabs-accompagnement label{
    width: 260px;
}
div#tabs-satr label{
    width: 300px;
}
/*
div#tabs-cra div label, div#tabs-preguda div label, div#tabs-domiciliation div label, div#tabs-huda div label, div#tabs-mida div label, 
div#tabs-mida div label, div#tabs-asile div label, div#tabs-sante div label, div#tabs-aidealimentaire div label, div#tabs-accompagnement div label, div#tabs-satr div label{
    width: 40px;
}
*/
div.radio_boutons label{
    width: 40px !important;
}
div.radio_boutons input{
    width: 30px !important;
}
fieldset label{
    width: 100px;
}
/* curseur en form de pointeur de doigt */
img#opener-fiche{
    cursor: pointer !important;
}
img#opener-fiche hover {
    cursor: default !important;    
}
img#opener-pj {
    cursor: pointer;
}
img#opener-pj hover {
    cursor: default;    
}
img#opener-fs {
    cursor: pointer;
}
img#opener-fs hover {
    cursor: default;    
}
/* ************************************ */
.iconboutonajoutase, .iconboutonajoutprocureur{
    width: 35px;
}
.texteboutonajoutase{
    color: #648306;
}
.cadreaseproc label{
    width: 80px !important;
}
.cadreaseproc{
    display: inline-block;
    width: 350px !important;
}
.boutonaseproc{
    display: inline-block;
    text-align: center;
    width: 90px;
}
div#cadre_form_ase label, div#cadre_form_procureur label, div#modificationstatut label{
    width: 90px;
}
div#modificationstatut label{
    width: 98px;
}
div#modificationstatut select{
    width: 200px;
    height: 32px;
}
div#modificationstatut button[type="submit"]{
    margin-top: 20px;
    width: 98%;
}
div#cadre_form_ase input, div#cadre_form_ase select, div#cadre_form_procureur input, div#cadre_form_procureur select{
    width: 300px;
}
div#cadre_form_freresoeur label{
    width: 180px;
}
div#cadre_form_freresoeur input, div#cadre_form_freresoeur select{
    width: 300px;
}
div#cadre-infosutilisateur{
    margin-left: 25px;
}
div#cadremodifinferieur{
    width: 60px;
    text-align: center;
}
.soustitreboutondetail{
    padding-left: 8px;
    margin-top: -6px;
}
.soustitreboutonmodif{
    padding-left: 4px;
    margin-top: -6px;
}
.labact{
    width: 50px !important;
}
button#motdepasseoublie_valider{
    margin-left: 220px !important;
}
.discret{
    color: #D8D8D8;
}
.discret a:visited, .discret a:link, .discret a:active{
    color: #D8D8D8;
}
.logosuperieur{
    height: 54px;
    margin-top: -2px;
}
.tabsousmenu{
    width: 100%;
}
.tabsousmenu td.colg{
    text-align: left;
    width: 33%;
    padding-left: 16px;
}
.tabsousmenu td.colm{
    text-align: center;
    width: 34%;
}
.tabsousmenu td.cold{
    text-align: right;
    width: 33%;
    padding-right: 16px;
}
.info_numero{
    text-decoration: underline;
    color: #61380B;
    font-weight: bold;
}
.nom_appli{
    text-decoration: underline;
    font-weight: bold;
}
.version_appli{
    text-decoration: underline;
    font-weight: bold;
}
div.confirmrazmdp label{
    width: 80px;
}
div#validationrazmdp form{
    display: inline-block;
}
form#formconfirmrazmdp input[type="submit"]{
    background-color: #40B6AD;
}
form#formannulermrazmdp input[type="submit"]{
    background-color: #a5aeae;
}
.rechstat{
    height: 150px;
    border:1px solid transparent;
    display: table-cell !important;
    vertical-align: middle;
    padding: 0 5px 0 0;
}
.textesousiconteldossiers{
    display: inline-block;
    width: 120px;
    text-align: center;
    font-weight: bold;
    color: #02723B;
}
#cadremessagederreurlogin{
    margin-left: 1px;
    margin-right: 39px;
}
.inactif{
    background-color: #a5aeae!important;
    color: #8d9191;
}
.bhdbg{
    border: 1px solid #CCC;
}
.bh{
    border-top: 1px solid #CCC;
}
.bd{
    border-right: 1px solid #CCC;
}
.bb{
    border-bottom: 1px solid #CCC;
}
.bg{
    border-left: 1px solid #CCC;
}
.widthcentpourcent{
    width: 100%;
    border: 0px solid transparent;
}
.widthquatrevingtdixhuitpourcent{
    width: 98%;
}
.widthtrentetroispourcent{
    width: 33%;
}
.widthsoixantesixpourcent{
    width: 66%;
}
div#cadretetedossier fieldset, div#cadretetefoyer fieldset, div#cadretetestatut fieldset{
    padding-bottom: 5px;
    min-height: 210px; 
}
#tabcadretetefoyer{
    margin-right: 5px;
}
div#cadrnumdossier label, div#cadrnumfoyer label, div#cadrnumoqtf label{
    width: 130px !important;
}
.form-control{
    display: inline-block !important;
}
table#lstinterpellations{
    border-collapse: collapse;
}
table#lstinterpellations tr th{
    background-color: #8d9191;
}
table#lstinterpellations tr th, 
table#lstinterpellations tr td{
    padding: 5px;
}
table#lstinterpellations, 
table#lstinterpellations tr, 
table#lstinterpellations tr td, 
table#lstinterpellations tr th{
    border: 1px solid #CCC;
}

table#lstpecnuiteeshotelieres, table#lstpechuda, table#lstorentpartenhuda{
    border-collapse: collapse;
}
table#lstpecnuiteeshotelieres tr th,
table#lstpechuda tr th, table#lstorentpartenhuda tr th{
    background-color: #8d9191;
}
table#lstpecnuiteeshotelieres tr th, 
table#lstpecnuiteeshotelieres tr td,
table#lstpechuda tr th,
table#lstpechuda tr td,
table#lstorentpartenhuda tr th,
table#lstorentpartenhuda tr td{
    padding: 5px;
}
table#lstpecnuiteeshotelieres, 
table#lstpecnuiteeshotelieres tr, 
table#lstpecnuiteeshotelieres tr td, 
table#lstpecnuiteeshotelieres tr th,
table#lstpechuda,
table#lstpechuda tr,
table#lstpechuda tr td,
table#lstpechudatr th,
table#lstorentpartenhuda,
table#lstorentpartenhuda tr,
table#lstorentpartenhuda tr td,
table#lstorentpartenhuda th
{
    border: 1px solid #CCC;
}

table#lstorentpartenhuda{
    width: 100%;
}

label[for="dossier_signalement_nuitee_hoteliere"], label[for="dossier_signalement_hebergement"]{
    font-size: 40px;
    width: 85% !important;
}
#dossier_signalement_nuitee_hoteliere, #dossier_signalement_hebergement{
    width:30px;
    height:30px;
}
.date_sortie_effective{
    display:inline-block;
    border:transparent 0px solid;
    margin:2px;
    font-size:64px;
    cursor:pointer;
    width:65px;
    height:50px;
    border-radius:50%;
    box-shadow: unset;
}
.widtcentpourcent{
    width: 100%;
}
.texteagauche{
    text-align: left;
}
.texteadroite{
    text-align: right;
}
.boutonaffcachaccomp{
    height: 15px;
}
div#cadrestatutdudossier{
    text-align: left;
    font-size: 22px;
    color: #01548E;
    font-weight: bold;
    padding-left: 18px;
}
.cadretypefoyerrattache{
    color: #000;
}
.cadretypefoyeractuel{
    color: #000;
}
.identitepermanant{
    color: #000;
}
.pectitrepermanant{
    color: #000;
}
.titreidentitepermanant{
    font-weight: bold;
    font-size: 26px;
}
.libelleidperm{
    width: 100px;
}
div#cadrepermanent{
    margin-bottom: 5px;
}
div#cadreidentitepermanant{
    border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 10px 5px 5px #CCCCCC;
    padding: 8px 8px 8px 8px;
    width: 280px;
    font-size: 16px;
    min-height: 160px;
}
div#cadrepectitrepermanant{
    border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 10px 5px 5px #CCCCCC;
    padding: 8px 8px 8px 8px;
    width: 280px;
    font-size: 16px;
    min-height: 160px;
}
.libellepecttrperm{
    width: 60px;
}
.titrepecitrepermanant{
    font-weight: bold;
    font-size: 24px;
}
button#creernouveaucourrierdomiciliation{
    width: 280px;
    text-transform: uppercase;
    font-weight: bold;
}
div#courrierdomiciliation_courrier_retourne label[for="courrierdomiciliation_courrier_retourne_0"]{
    display: none;
}
div#cadrepermanantgauche{
    width: 120px;
}
div#cadrepermanantcentre{
    width: 350px;
}
table#lstdcourriersomiciliations thead tr{
    background-color: #d0f7eb;
}
.boutoncreernouvcourr{
    width: 30%!important;
    margin: 4px 0 4px 5px;
}
.boutoninnactif{
    background-color: #CCC;
}
.colonnegauche{
    width: 380px;
}
.lignegrascomplet{
    border-top: 3px solid #969494;
}
table#lstdcourriersomiciliations{
    margin-top: 10px;
}