/*
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
*/

.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'], form#auth input[type='email']{
    width: 280px;
}
button#logon_valider{
    width: 15%;
}
div#cadremodifierutilisateur form button#modifiermotdepass_valider{
        margin-left: 180px;
}

.corpsderreur{
    color: #B12222;
}

.messageerreursup{
    font-weight: bold;
}

.messageerreurmil{
    font-style: italic;
}

.messageDerreur, div#importationprestation ul li
{
	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;
}
.messageDeSucces{
	border:1px solid #40FF00;
	background-color:#D0F5A9;
	padding:5px;
	color:#000;
}

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

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

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


div#cadremodifierutilisateur label{
    width: 180px;
}

.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;
    overflow-x: scroll;
}

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

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

nav#menuprincipal ul li a{
    text-transform: uppercase !important;
}
div#cadreplusdemenuindex div.cadresecondaire ol li a{
    text-transform: uppercase !important;
}
.petitlogo{
    height: 20px;
}
.petit{
    font-size: 11px;
}
#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: 620px;
}
button#logon_valider{
    margin: 6px 0 0 120px;
}
.titredemmdpprovisoire{
    text-align: center;
}
#cadremotdepasseprovisoir{
    display: inline-block;
    font-weight: bold;
    color: #09ca19;
}
.titre_bonjour, .titre_prestation{
    text-align: center;
}
.titre_prestation{
    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;
}
#tableau_recherche_dossier input, #tableau_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;
}
#tableau_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-hergement input[type='text'], #tabs-hergement 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-aada input[type='text'], #tabs-aada select,
#tabs-acsocadmin input[type='text'], #tabs-acsocadmin select,
#tabs-refugie input[type='text'], #tabs-refugie select
{
    width: 300px;
}
#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-hergement 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{
    /*width: 160px;*/
}
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-aada label{
    width: 260px;
}
div#tabs-acsocadmin label{
    width: 260px;
}
div#tabs-refugie label{
    width: 300px;
}
/*
div#tabs-cra div label, div#tabs-preguda div label, div#tabs-domiciliation div label, div#tabs-hergement div label, div#tabs-mida div label, 
div#tabs-mida div label, div#tabs-asile div label, div#tabs-sante div label, div#tabs-aada div label, div#tabs-acsocadmin div label, div#tabs-refugie 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;
}
.libsociete{
    font-weight: bold;
    color: #544A38;
}
.souslibsociete{
    font-size: 8px;
    color: #544A38;
}
.questionpayement{
    margin-top: 16px;
    margin-bottom: 36px;
    font-weight: bold;
}
.lignedatepaiement{
    margin-bottom: 16px;
}
.champsdatepaiement{
    display: inline-block!important;
}
#ligneboutonsouinon input[type="submit"]{
    display: inline-block!important;
    width: 85px;
}
.iconesociete{
    height: 54px;
    margin-top: -2px;
    cursor: pointer;
}
.tabletotalprestations{
    width: 100%;
}
.tabletotalprestations tr td{
    text-align: left;
}
#devis_descriptif{
    width: 100%;
    height: 90px;
}
.widthcentpourcent{
    width: 100%;
}
.widthcinquantepourcent{
    width: 50%;
}
.widthquaranteneufpourcent{
    width: 49%;
}
.widthvingthcinqpourcent{
    width: 25%;
}
.widthvingthquatrepourcent{
    width: 24%;
}
.widthvingthtroispourcent{
    width: 23%;
}
.widthvingthdeuxpourcent{
    width: 22%;
}
.cadrecreditnotsmsbas{
    margin-top: 28px;
}
div#credittoutessocietes label{
    width: 150px;
}
.iconerelance{
    height: 45px;
}
.colonneerreur_oui{
    background-color: rgb(129, 189, 129);
    color: #000;
}
.colonneerreur_non{
    background-color: rgb(204, 112, 109);
    color: #000;
}
.tablinfoscodespays{
    border-collapse: collapse;
}
.tablinfoscodespays tr td{
    padding: 0 4px;
}
.tooltip-inner {
    min-width: 300px; /* the minimum width */
}
.libfacturation{
    color: #003962;
    font-weight: bold;
    text-decoration: underline;
}
.libtypeabonnement{    
    color: #793520;
}
.listeprestationpopup{
    max-width: 300px !important;
}
.recherchecategories{
    width: 65%;
}
.recherchenombrelignes{
    width: 200px;
}
.recherchecategories input[type="text"]{
    width: 100%;
}
.boutonrecherchecategories{
    width: 150px;
}
.descforfaits, .descoffressansabonnement, .intituleoffreforfait{
    color: #793520;
    font-family: Baskerville, Baskerville Old Face, Garamond, Times New Roman, serif;
    font-size: large;
}
.prixsa{
    font-size: 32px;
    text-decoration: underline;
    font-weight: bold;
}









.button {
	pointer-events: auto;
	cursor: pointer;
	background: #e7e7e7;
	border: none;
	padding: 1.5rem 3rem;
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	position: relative;
	display: inline-block;
}

.button::before,
.button::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.button--janus {
	font-family: freight-display-pro, serif;
	font-weight: 900;
	width: 175px;
	height: 120px;
	color: #fff;
	background: none;
}

.button--janus::before {
	content: '';
	background: #e6e6e6;
	-webkit-clip-path: path("M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z");
	clip-path: path("M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z");
	transition: clip-path 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55), -webkit-clip-path 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55), background 0.5s ease;
}

.button--janus:hover::before {
	background: #000;
	-webkit-clip-path: path("M143,77 C117,96 74,100.5 45.5,91.5 C17,82.5 -10.5,57 5.5,31.5 C21.5,6 79,-5.5 130.5,4 C182,13.5 169,58 143,77 Z");
	clip-path: path("M143,77 C117,96 74,100.5 45.5,91.5 C17,82.5 -10.5,57 5.5,31.5 C21.5,6 79,-5.5 130.5,4 C182,13.5 169,58 143,77 Z");
}

.button--janus::after {
	content: '';
	height: 86%;
	width: 97%;
	top: 5%;
	border-radius: 58% 42% 55% 45% / 56% 45% 55% 44%;
	border: 1px solid #000;
	transform: rotate(-20deg);
	z-index: -1;
	transition: transform 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55);
}

.button--janus:hover::after {
	transform: translate3d(0,-5px,0);
}

.button--janus span {
	display: block;
	transition: transform 0.3s ease;
	mix-blend-mode: difference;
}

.button--janus:hover span {
	transform: translate3d(0,-10px,0);
}

.colonnecomgauche{
    width: 250px;
}

table#tablestatutcommandes{
    border-collapse: collapse;
}
table#tablestatutcommandes tr td{
    padding: 2px 5px;
    text-align: center;
    width: 125px;
}
.snstatcom{
    margin: auto;
}

.snstatcomsup{
    margin-bottom: 8px;
    font-weight: bold;
}

.cerclesnstatcom{
    width: 40px;
    height: 40px;
    padding-top: 7px;
    border-radius: 20px;
    background: transparent;
}

.titresnstatcom{
    font-size: large;
    font-weight: bolder;
}

.fondenregistre{
    background-color: #28931F;
    border: 3px solid #197711;
    color: #000000;
}
.enregistre{
    background-color: #28931F;
    color: #000000;
}
.fondvalide{
    background-color: #737c48;
    border: 3px solid #3f4423;
    color: #000000;
}
.valide{
    background-color: #737c48;
    color: #000000;
}
.fondtraite{
    background-color: #69235e;
    border: 3px solid #380c32;
    color: #FFFFFF;
}
.traite{
    background-color: #69235e;
    color: #FFFFFF;
}
.fondannule{
    background-color: #939693;
    border: 3px solid #585858;
    color: #000000;
}
.annule{
    background-color: #939693;
    color: #000000;
}
td.icone a img{
    width: 35px;
}
.libdescremise_perso{
    display: inline-block;
    width: 65%;
}
div.lignedatepaiement input#date_paiement, div.lignedatepaiement select#mode_paiement_id, input#preciser_mode_paiement{
    background-color: #4d5b7b;
    color: #fff;
}
label[for="nsmx"]{
    color: #000;
    font-size: 16px;
}
.iconeexportexcel{
    height: 50px;
}
.infodev{
    text-align: center;
    background-color: #8b8d8b !important;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0 0 0 0 !important;
}
.infodev table tr td{
    text-align: left;
}
.blocinfopartie{
    font-size: 22px;
    text-shadow: 1px 1px 12px rgb(41, 43, 182);
    color: rgb(41, 43, 182);
}
.divaucentre{
    margin-left: auto;
    margin-right: auto;
}
.conteneurrecaptchav2{
    width: 305px;
}
.deuxiemecadrcol{
    padding-left: 100px;
}
.boutonsupprrond{
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background-color: #a31414;
    border: 3px solid #f36f6f;
    color: #383737;
    font-size: 22px;
    padding-top: 2px;
}
.colonnesoustotal{
    width:150px;
}
.iconeminiscule{
    width:18px;
}
.coltotaldroit{
    text-align: right;
}
.iconegenererfact{
    width: 25px;
}
.texteperiodeignoree{
    color: #767779;
}
.numeleminf{
    font-size: 10px;
}
.na{
	width:26px; 
	height:26px;
	border:1px solid gray; 
	display:inline-block;
	text-align: center;
	vertical-align: middle;
	background-color: #CCCCCC;
	color: #000;
	border-radius: 13px;
	margin-right: 8px;
}
.nbdd{
	font-size: x-large;
	font-weight: bold;
	text-decoration: underline;
}
.case-acocher{
    width: 19px;
    height: 19px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #8a8a8a;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.libelle-case-acocher{
    color: #61380B;
}
.casesacocherseparerlignescommentaire{
    margin-top: 12px;
}
.casesacocherseparerlignescommentaire label{
    width: 530px!important;
    display: inline-block!important;
}
.infotimide{
    font-size: 11px;
    font-weight: bold;
    color: #61380B;
}

.cadregd {
    display: flex;
    overflow: hidden;
    margin: 1em 0;
    color: #fff;
    border: 0 solid transparent;
    align-items: center;
}
.gauche {
    padding: 1em;
    background-color: transparent;
    color: #000;
}
.droit {
    padding: 1em;
    background-color: transparent;
    color: #000;
}
.margin-right-auto {
   margin-right: auto;
}
.droit img{
    height: 30px;
}
div#cadrebasdepage form button{
    border: transparent;
    background-color: transparent;
}
.cancom{
    margin-top: 8px;
    border: 6px solid #686969;
    padding: 4px;
    background-color: #dddddd;
    color: #000000;
    text-align: justify;
}
.etat-actif{
    background-color: transparent;
}
.presta-actif{
    background-color: #9CBF15;
}
.presta-nondisponiblealavente,
.etat-nondisponiblealavente{
    background-color: #e289d6;
    color: #000000 !important;
}
.presta-suspendu{
    background-color: #ccac95;
    color: #000000 !important;
}
.presta-inactif{
    background-color: #7e7e7e;
    color: #FFFFFF !important;
}
.etat-annuledefinitivement{
    background-color: #585858;
    color: #909192 !important;
}
.form-control-sans-height {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.coldevfactgauche{
    width: 200px;
}
.boutonnouvplus{
    color: #FFFFFF;
    font-weight: bold;
    background-color: #A8CA26;
    border: 1px solid #9cbb1e;
    border-radius: 6px;
    width: 150px;
}
.pbnp{
    width: 15px;
    margin: 4px 0;
}
.fincontart{
    height: 50px;
}
.lignefincontrat{
    background-color: #BF9999!important;
}
/* .contenutdright{
    display: flex;
    align-items: center;
    padding-left: 8px;
}
.contenutdleft{
    border-right: 1px solid #696969;
} */
 .resume_total{
    font-size: 14px;
 }
 .casetypremisperso{
    margin-left: 60px;
 }
 label[for=devis_typremisperso_0],  label[for=devis_typremisperso_1]{
    width: 90px!important;
 }
 .boutontransparent{
    background-color: transparent!important;
    border: 0 solid transparent;
 }
 /* 1️⃣ Curseur « main » au survol */
.position-editable-bonlivraison {
  cursor: pointer;
  padding: 2px 4px;
}
 /* 1️⃣ Curseur « main » au survol */
.position-editable-devis {
  cursor: pointer;
  padding: 2px 4px;
}
 /* 1️⃣ Curseur « main » au survol */
.position-editable-facture {
  cursor: pointer;
  padding: 2px 4px;
}
.majdates{
    width: 20px;
}