@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');

body{font-family:'Nunito', Arial, sans-serif;margin: 0; background-color: #f0f0f0;}
body, html{height:100%;}
div{box-sizing: border-box; position: relative;}

.hide{display: none;}


.listeAppli{text-align: center; width: 1024px; margin: auto; max-width: 100%;padding-top: 10px;}
div.menu_haut{z-index: 2; background-color: white; border-bottom: 0.2mm solid rgb(105, 105, 105);}
.appli{width: 320px; height: 120px; display: inline-block; font-size: 22px; transition: 0.5s;margin: 30px 20px; background-color: white; color: black; border-radius: 6px; font-weight: bold; border: 0.2mm solid rgb(180, 180, 180);}
.appli:hover{border: 0.2mm solid rgb(102, 102, 102); box-shadow: 0 0 3px 3px rgb(129, 129, 129);}
.appli a{display: flex; height: 100%; width: 320px; color: inherit; text-decoration: inherit;}
.appli .txt{margin-top: 35px; line-height: 100%; margin-left: 100px; text-align: left; margin-right: 10px; display: flex;}
.groupeAppli {display: inline-block; width: 210px; height: 32px; text-align: center; font-size: 14px; text-transform: uppercase; color: white; border-radius: 10px; box-shadow: #000; margin-top: -17px; vertical-align: middle; padding-top: 7px;}

.listeMenu{opacity: 1; transition: 0.5s linear; padding: 0px; width: 200px; position: absolute; top: 60px; right: 20px; height: 0px;overflow: hidden}
.listeMenu.active{display: block; height: 250px; width: 200px;transition: 0.3s linear;}
.listeMenu a, .pictoTop{display: inline-block; width: 40px; height: 40px;margin: 10px; background-color: #000; vertical-align: top;}
.listeMenu .content{background-color: #006699; padding: 5px;text-align: center;}
#pictoMenu{position: absolute; right: 20px; top: 10px; /*width: 40px; height: 50px;*/cursor: pointer; /*color: black; font-size: 60px;line-height: 50px; text-align: center*/}
#pictoMenu a{color: inherit; text-decoration: none;}
#logo_palissot{width: 250px; /*background: url("/extranet/inc_images/palissot.jpg") no-repeat center center; background-size: contain;*/ position: absolute;}
#logo_palissot img{max-height: 70px; max-width: 100%; height: auto; width: auto; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); position: absolute;}
.div_ligne_menu_haut #logo_palissot img {max-height: 50px;}
#logo_palissot a{display: block; width: 100%; height: 100%;}
#logo_palissot, #texte_top, #conteneurListeMenu{display: table-cell;height: 100%;vertical-align: middle;}
.div_ligne_menu_haut{display: table; width: 100%; height: 55px; position: sticky;}
#texte_top{left: auto; font-size: 20px; text-align: right;padding-right: 250px;vertical-align: middle}
/*#texte_top span {line-height: 80px; color: #12364d; font-weight: bold; display: inline-block; width: 100%;}
#texte_top span.userName {font-size: 22px; width: 300px;}
#texte_top span.Accueil {line-height: 45px; width: 100%;}
#texte_top span#texteWelcome {line-height: 45px; width: 100%;}*/
.userName {line-height: 15px; vertical-align: middle; cursor: default;}
.userId {border-left: 0.1mm solid black; border-right: 0.1mm solid black; border-radius: 10%; color: black !important; padding: 2px; margin-left: 5px;}
.a_deconnexion_acceuil {width: 125px; text-align: center; color: gray; border: 0.2mm solid black; position: absolute; right: 40px; top: 12px; text-decoration: none;  background-color: white; border-radius: 4px; /*display: block;*/ padding: 3px 3px; transition: background 0.5s}
.a_deconnexion_acceuil:hover {background-color: #aaa9a9; color: white;}
.a_deconnexion{width: 125px; text-align: center; color: gray; border: 0.2mm solid black; position: absolute; right: 70px; top: 11px; text-decoration: none;  background-color: white; border-radius: 4px; /*display: block; */padding: 3px 3px;transition: background 0.5s}
.a_deconnexion:hover{background-color: #aaa9a9; color: white;}
.bi-power {vertical-align: middle !important;}
.bi-person-circle {vertical-align: middle !important;}
.bi-house-door {vertical-align: middle !important;}
.table_liste{width: 100%;  border: 1px solid #0a385a; margin: 5px auto}
.table_liste th{background: #0a385a; color: #fff; height: 20px }
.table_liste th.addLigne{background: #ffc837; color: #fff; height: 20px;color:#0a385a}
.table_liste tbody td{text-align: center;}.table_liste td{text-align: center;cursor: pointer;}
.table_liste td:first-child{border-left: 1px solid #000;}
.table_liste td:not(:last-child){border-right: 1px solid #2599f3;}
.table_liste.showBorder {border-collapse: separate;}
.table_liste.showBorder td:not(:last-child){border-right: none;}

.titre_page {text-transform: uppercase; text-align: center; padding: 8px; /*border-top: 0.2mm solid rgb(105, 105, 105); */font-size: 25px; background-color: #f0f0f0; font-weight: bold; }
.space_menu {padding: 15px; background-color: #f0f0f0; border-top: 0.2mm solid rgb(105, 105, 105);}

.Content{padding: 20px; min-height: 500px ; min-height: calc(100vh - 184px)}

.FloatLeft{float: left;}
.FloatRight{float: right;}

.align_left{text-align:left;}
.align_right{text-align:right;}
td{position: relative;}
#Footer{height: 40px; background-color: #4b4b4b; text-align: center; color: white; line-height: 40px; position: absolute;/* bottom: 0;*/ width: 100%;}

.btn{color: #0a385a; padding: 5px 30px; border-radius: 20px; background-color: #ffcd2a; transition: 0.5s; border: none; cursor: pointer; font-weight: bold; font-size: 14px}
.btn:hover{color: #ffcd2a; background-color: #0a385a}

.prev_semaine, .next_semaine{display: inline-block;cursor: pointer;vertical-align: bottom;}
.prev_semaine{width: 20px; height: 20px; background: url("/extranet/inc_images/arrow.png") no-repeat center center; background-size: contain; transform: rotate(180deg);}
.next_semaine{width: 20px; height: 20px; background: url("/extranet/inc_images/arrow.png") no-repeat center center; background-size: contain; }

/* Page login */
.ContentPage { background-color: white !important; height: inherit !important;}
#frm_connexion{height: 100%; width: 100%;display: table; text-align: center; vertical-align: middle;}
.connect{display: table-cell; vertical-align: text-top;}
.login{width: 500px; height: 500px;/*box-shadow: 0 0 15px 5px #2599f3;*/ padding-top: 20px;/*border: 0.2mm solid #dddddd;*//* box-shadow: 0 0 6px 6px #dddddd;*/ border-radius: 3px; margin-top: 170px;}
.titre_login{height: 180px; margin-bottom: 15px; background-color: white; text-align: center;}
.titre_login #logo_palissot{display: block; width: 100%;}
.titre_login #logo_palissot img {position: relative !important;}
.conteneur_saisie_formulaire{height: 320px;padding: 20px 50px;} 
.conteneur_saisie_formulaire .titreForm{color: rgb(128, 128, 128);text-align: center; font-size: 18px;}
.saisie_formulaire{width: 100%; text-align: left;padding: 0 10px;}
.saisie_formulaire input{width: 100%;margin: 5px 10px 55px -15px; height: 45px; border-radius: 30px; background-color: #ececec; border: 0.1mm solid #ececec; padding: 0 15px;color: #000000; font-size: 16px; text-align: left; /*box-shadow: inset 0 0 0.8px 0.8px #d4d4d4; box-shadow: 0 0 10px 10px #f0f0f0;*/ border-bottom: 0.3mm solid black;}
.saisie_formulaire input:hover {box-shadow: 0 0 4px 4px #73b5c9;}
.saisie_formulaire input:focus {outline: none !important;}
.conteneur_saisie_formulaire .btn_connexion{width: 140px; height: 40px; text-align: center; transition: 0.5s;/*background: url("/extranet/inc_images/login_2.png") no-repeat center right; background-size: contain; */color: white; font-weight: bold; font-size: 15px; border-radius: 5px; /*padding: 5px 45px;*/ background-color: #cc0033; border: none; cursor: pointer;margin-top: 30px; margin-right: 0px;}
.bandeau_login {display: none; vertical-align: top; width: 100%; height: 130px; background: url("/extranet/inc_images/header_login.png") repeat-y center; background-size: contain;}

.login_help {display: none; position: absolute; width: 0px; height: 100%; border-top: 0px solid #5598b9; border-bottom: 1360px solid #5598b9; border-left: 0px solid #5598b9; border-right: 1500px solid transparent;}
.logo_plombier {display: none; margin-top: 16%; margin-left: 25%; width: 130px; height: 230px; position: absolute; /*background: url("/extranet/inc_images/plumber.png") no-repeat center; background-size: contain;*/}

#table_saisie_heure{margin-top: 20px;}
.table_liste tr:nth-child(even) td{background-color: #ddd; transition: 0.5s}
.table_liste tr:nth-child(odd) td{background-color: #fff; transition: 0.5s}
#table_saisie_heure input,#table_saisie_absence input{display: block; width: 100%; height: 100%; text-align: center;box-sizing: border-box; padding: 0; margin: 0;font-size: inherit; border: none; background-color: rgba(37, 153, 243, 0.3); color: #08215c;}
#table_saisie_heure select,#table_saisie_absence select{width: 100%}
#table_saisie_heure td:first-child{padding-left: 30px;}

.pictoMagasin a:after{content: "" ;background: url("/extranet/inc_images/magasin.png") no-repeat center left 25px; background-size: 50px auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}
.pictoFeuilleHeure a:after{content: "" ;background: url("/extranet/inc_images/feuille_heure.png") no-repeat center left 25px; background-size: 50px auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}
.pictoChantier a:after{content: "" ;background: url("/extranet/inc_images/crane.png") no-repeat center left 25px; background-size: 50px auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}
.pictoReparation a:after{content: "" ;background: url("/extranet/inc_images/reparation_vehicule.png") no-repeat center left 25px; background-size: 50px auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}
.pictoConges a:after{content: "" ;background: url("/extranet/inc_images/demande_absence.png") no-repeat center left 25px; background-size: 50px auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}
.pictoContrat a:after{content: "" ;background: url("/extranet/inc_images/contrat2.png") no-repeat center left 25px; background-size: 50px auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}
.pictoFichesSecu a:after{content: "" ;background: url("/extranet/inc_images/fiches_securite.png") no-repeat center left 25px; background-size: 50px auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}
.pictoPaie a:after{content: "" ;background: url("/extranet/inc_images/paiement-securise.png") no-repeat center left 25px; background-size: 50px auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}
.pictoFichesTech a:after{content: "" ;background: url("/extranet/inc_images/fiches_techniques.png") no-repeat center left 25px; background-size: 50px auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}
.apk a:after{content: "" ;background: url("/extranet/inc_images/smartphone.png") no-repeat center left 25px; background-size: 50px auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}
.historique a:after{content: "" ;background: url("/extranet/inc_images/historique_inter.png") no-repeat center left 25px; background-size: 50px auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}
.pictoDocs a:after{content: "" ;background: url("/extranet/inc_images/documentation_generale.png") no-repeat center left 25px; background-size: 50px auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}
.pictoCommande a:after{content: "" ;background: url("/extranet/inc_images/nouvelle_commande.png") no-repeat center left 25px; background-size: 50px auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}
.pictoModulePhotos a:after{content: "" ;background: url("/extranet/inc_images/module_photo.png") no-repeat center left 25px; background-size: 50px auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}

a.pictoMagasin{background: url("/extranet/inc_images/magasin.png") no-repeat center; background-size: contain;}
a.pictoFeuilleHeure{background: url("/extranet/inc_images/feuille_heure.png") no-repeat center; background-size: contain;}
a.pictoChantier{background: url("/extranet/inc_images/chantier.png") no-repeat center; background-size: contain;}
a.pictoReparation{background: url("/extranet/inc_images/reparation_vehicule.png") no-repeat center; background-size: contain;}
a.pictoConges{background: url("/extranet/inc_images/demande_absence.png") no-repeat center ; background-size: contain;}
a.pictoContrat{background: url("/extranet/inc_images/contrat2.png") no-repeat center; background-size: contain;}
a.pictoFichesSecu{background: url("/extranet/inc_images/fiches_securite.png") no-repeat center; background-size: contain;}
a.pictoPaie{background: url("/extranet/inc_images/paie.png") no-repeat center; background-size: contain; }
a.pictoFichesTech{background: url("/extranet/inc_images/fiches_techniques.png") no-repeat center; background-size: contain; }
a.apk{background: url("/extranet/inc_images/apps.png") no-repeat center; background-size: contain; }
a.pictoDocs{background: url("/extranet/inc_images/documentation_generale.png") no-repeat center; background-size: contain; }
a.pictoModulePhotos{background: url("/extranet/inc_images/module_photo.png") no-repeat center; background-size: contain; }

.loader{width: 40px; height: 40px; background: url("/extranet/inc_images/ajax_loader.gif") no-repeat center; background-size: contain; margin: auto }
.defaultInputText{border: 1px solid #0A385A; border-radius: 0px;}
.defaultInputRadio{}
.defaultTextArea {border-radius: 7px; resize: none; margin-top: 5px; padding: 10px;}
.defaultSelectList {border-radius: 7px; height: 30px; padding: 5px; margin-top: 5px;}


select.noInterim{background-color: #f08080!important;}
.unselectable{cursor: not-allowed !important;}
.interimSelect{display: inline-block;}
.contentDisabled{pointer-events: none; color: gray; background-color: rgb(0,0,0,.2);opacity: 0.5;}

.etatLoad{display: inline-block; vertical-align: top;float: right;}
.etatLoad .check{display: inline-block; vertical-align: top; margin-left: 15px;}
.checkOK{display: inline-block; width: 24px; height: 24px; background: url("/extranet/inc_images/picto/checked-checkbox.png") no-repeat center center;vertical-align: middle;margin-left: 15px;}
.checkNOK{display: inline-block; width: 24px; height: 24px; background: url("/extranet/inc_images/picto/unchecked-checkbox.png") no-repeat center center;vertical-align: middle;margin-left: 15px;}

.form{border: 2px solid black;  margin: auto;;background-color: #ddd; max-width: 100%;}
.form th{background-color: #0a385a; color: #fff; padding: 5px 20px;text-align: left;}
.form td{padding: 5px 20px;}

.sizeMax{width: 1200px; max-width: 100%; margin: auto}

.contentFile{width: 1500px; max-width: 100%;margin: auto;}
.contentListeFile{max-height: calc(100vh - 300px); width: 30%; margin-top: 25px;display: inline-block; vertical-align: top;}
.prevFile{display: inline-block; vertical-align: top; width: 69%;max-height: calc(100vh - 300px);margin-top: 25px}
.contentPrev{ width: 100%; border: 1px solid  #006699; display: inline-block; border-radius: 0 0 0 15px; text-align: center; overflow-y: hidden;;min-height: 400px;min-height: calc(100vh - 320px);}
.contentListeFile .titre, .prevFile .titre{background-color: #08215c; color: #fff; text-align: center; font-weight: bold;border-radius: 15px 15px 0px 0;}
.listeFile{max-height: calc(100vh - 320px);min-height: 400px;min-height: calc(100vh - 320px); overflow-y:  scroll; width: 100%; border: 1px solid  #006699; display: inline-block; border-radius: 0 0 0 15px; /*padding: 5px 10px;*/}
.listeFile .listeFileRep .file{margin-left: 30px;display:list-item; list-style: none;}
.listeFile .file{padding:5px 15px 5px 5px;background-color: transparent; transition: 0.5s; cursor: pointer;}
.listeFile .dossier{padding: 5px 15px 5px 40px;background-color: transparent; transition: 0.5s; cursor: pointer;background: url("/extranet/inc_images/picto/folder.png") no-repeat left 5px center;}
.listeFile .file.actif{background-color: #ffc837;}
.listeFile .file:hover, .listeFile .dossier:hover{background-color: rgba(255, 200, 55, 0.4);}
.listeFile .dossier.open{background: url("/extranet/inc_images/picto/folder_open.png") no-repeat left 5px center;;}
.contentPrev iframe{width: 100%;height: auto;box-sizing: border-box;min-height: calc(100vh - 320px);border: none;}
.listeFile .listeFileRep .listeFileRep{display: list-item; margin-left: 30px;list-style: none;}

.dlApk{display: inline-block; border-radius: 25px; background-color: #0a385a; color: #ffc837; text-decoration: none; width: 280px; height: 100px;padding-top: 35px; font-size: 20px;box-sizing: border-box; margin-top: 100px;transition: 0.5s}
.dlApk:hover{background-color:#1073b7}

#Table_liste_contrat input[type=text]{width: 100%;box-sizing: border-box}

#Table_liste_contrat_filter{display: none;}
#Table_liste_contrat_length{float: none;}

/*.half{display: inline-block; width: 49%; vertical-align: top}*/
.half{display: inline-block; width: 49%; vertical-align: top; min-height: 50px;}

.contrat_top{border: 1px solid #006699; border-radius: 15px; overflow: hidden; width: 800px; margin: auto; max-width: 100%;}
.contrat_top .titre{background-color: #08215c; color: #fff; text-align: center; font-weight: bold;}
.infoClient{padding: 5px 5px 5px 90px; background: url("/extranet/inc_images/user.png") no-repeat left 20px center; background-size: auto 80%;}
.choixSecteur, .choixTypeInter, .choixIntervention{padding-left: 20px;margin-top: 15px;}
.choixSecteur select, .choixTypeInter select{width: 150px;margin-left: 10px;}
.detailFiche select{width: 150px;margin-left: 10px;}

.detailContrat{margin-top: 20px; overflow: hidden; max-width: 100%; width: 1200px; margin-left: auto; margin-right: auto}

.center{text-align: center;}

.listeAppareils{width: 35%; display: inline-block; vertical-align: top;margin-right: 4%;max-height: calc(100vh - 450px);; overflow-y: auto}
.detailAppareil{width: 60%; display: inline-block; vertical-align: top;}

#formContrat .ui-widget{font-family: inherit !important; }
.ui-widget{font-size: 1em !important}
#formContrat .ui-widget-content{border: none !important; border-radius: 0 !important; background: none !important}
#formContrat .ui-tabs ul{padding: 0px !important;}
#formContrat ul.ui-widget-header {background: none !important;}
#formContrat .ui-tabs .ui-tabs-nav ul li a{padding: 5px 10px !important}
#formContrat .ui-tabs .ui-tabs-nav{padding-left: 40px !important;}
#formContrat ul .ui-state-default{background: #08215c !important; color: #fff !important; transition: background 0.5s; border-radius: 10px 10px 0 0}
#formContrat ul .ui-state-active{background: #006699 !important}
#formContrat .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{ color: #fff !important}
#formContrat .ui-tabs .ui-tabs-panel{border: 1px solid #006699 !important; border-radius: 15px !important; overflow: hidden !important;}

.table_liste tr.selected td{background-color: #ffc837}
.table_liste tr:hover td{background-color: #ffcd2a}

.detailAppareil .table_liste td{width: 50%;}
.contentTab{min-height: calc(100vh - 440px);padding: 10px}
.listeDossiers{display: inline-block; width: 40%;vertical-align: top;}
.listeFiches{display: inline-block; width: 10%;vertical-align: top;margin-top: 21px;}
.detailFiche{display: inline-block; width: 49%;vertical-align: top;margin-top: 26px;}
.detailFiche .titre{background-color: #0a385a; color: #fff; text-align: center; font-weight: bold;font :normal normal 11px verdana,tahoma,arial;background: #0a385a;
    color: #fff;
    height: 24px;font-weight: bold;padding: 5px
}
.contrat_top{display: inline-block;text-align: left;}

.listeIntervenants{border: 1px solid #0a385a;  overflow: hidden; max-width: 100%;margin-bottom: 10px;}
.listeMateriel{border: 1px solid #0a385a; overflow: hidden; max-width: 100%;margin-bottom: 10px;}
.descInter{border: 1px solid #0a385a; overflow: hidden; max-width: 100%;margin-bottom: 10px;}
.infoInter{border: 1px solid #0a385a; overflow: hidden; max-width: 100%;margin-bottom: 10px;}
.detailFiche .content{padding: 10px 10px 10px 160px;min-height: 120px; }
.listeIntervenants .content{background: url("/extranet/inc_images/group.png") no-repeat left center;}
.listeMateriel .content{background: url("/extranet/inc_images/box.png") no-repeat left center;}
.descInter .content{background: url("/extranet/inc_images/description.png") no-repeat left center;}

.retourContrat , .retourRecherche{width: 50px; height: 50px; background: url("/extranet/inc_images/return.png") no-repeat center center; background-size: contain; cursor: pointer;display: inline-block; vertical-align: top;}

.erreur{color: #d33333;}

.astreinte{display: none;/*display: block; */position: absolute; left: 80px; top: 70px;padding: 5px 10px; background-color: #ffc837; color: black; font-weight: bold;border-radius: 0% 0% 10px 10px}

.center{text-align: center;}
#motifInter{width: 100%;}

.vert{color: green;}
.orange{color: orange;}
.rouge{color: red;}

#ui-datepicker-div{display: none;}

.titreTech{color: black; text-align: center; font-size: 20px; font-weight: bold;text-transform: uppercase;}
.technicienAstreinte{margin: 5px auto; width: 300px; text-align: center;color: black; line-height: 25px;font-size: 17px}
.technicienAstreinte .nom{font-size: 18px; font-weight: bold;}

.topError{position: fixed; top: 0px; left: 0px; right: 0px; height: 30px; background: #ffc837; color: #d33333; text-align: center;z-index: 15; font-weight: bold;}

.deleteLigne{display: inline-block; width: 20px; height: 20px; position: absolute; top: 50%; transform: translateY(-50%); left: 2px; background: url("/extranet/inc_images/cancel.png") no-repeat center center;}
.deleteLigneDT{display: inline-block; width: 20px; height: 20px; background: url("/extranet/inc_images/cancel.png") no-repeat center center;background-size: contain;}
.modifLigne{display: inline-block; width: 20px; height: 20px; background: url("/extranet/inc_images/picto/edit.png") no-repeat center center;background-size: contain;}


.bcGrey{background-color: lightgray;}
.bcYellow{background-color: yellow;}
.bcGrey td{background-color: lightgray !important}
.bcYellow td{background-color: yellow !important}

/*Smartphone */
@media screen and (max-width: 1099px)
{
    #texte_top span {line-height: 45px;}

    .login_help {
        border-bottom: 1000px solid #5598b9;
        border-right: 500px solid transparent;
    }
}

/* TABLETTE MODE PAYSAGE */
@media screen and (max-width: 1099px) and (orientation: landscape) {

        /* Page login */

        .login_help {
            display: none;
        }

        .login {
            width: 60%;
            height: 100%;  
            margin-top: 5px;
            padding-top: 10px;         
        }
    
        .saisie_formulaire input {
            margin-top: 5px;
            margin-bottom: 10px;
        }   
    
        .titre_login {
            height: 80px;
        }
    
        .conteneur_saisie_formulaire {
            padding: 30px 30px;
        }
    
        .saisie_formulaire input {
            margin-top: 10px;
            margin-bottom: 10px;
            margin-right: 0px;
            margin-left: 0px;
        }
    
        .bandeau_login {
            display: none;
            height: 100px;
        }
    
        .logo_plombier {
            display: none;
            margin-top: -137px; 
            margin-left: -220px;
            width: 140px; 
            height: 120px;
        }
    
        .conteneur_saisie_formulaire .btn_connexion {
            margin-top: 30px
        }
}

/* TABLETTE */
 @media screen and (max-width:800px)
{
    * {
        box-sizing: border-box;
    }

    .connect {
        vertical-align: text-top;
        padding-top: 20px;
    }

    body {
        width: auto;
        margin: 0;
        padding: 0;
    }

    #logo_palissot{
        display: none;
    }

    #texte_top
    {
        /*display: inline-grid;
        margin-left: 10px;*/
        padding-right: 200px !important;
        text-align: left !important;
        left: 7px !important;
    }

    .a_deconnexion_acceuil {
        right: 10px;
        font-size: 14px;
    }

    .a_deconnexion {
        right: 60px;
        top: 13px;
        font-size: 14px;
    }
    
    #texte_top span.Accueil { /*width: 50%;*/ font-size: 15px !important; }
    .userName {font-size: 15px !important;}

    #texte_top span#texteWelcome {display: none;}

    .Content #tabsCommande table{
        height: 80%;
        width: 100% !important;
    }

    .Content #tabsCommande table tr {
        display: table;
        width: 100%;
    }

    .Content #tabsCommande table td{
        display: table-row;
        width: 100%;
        margin: 5px;
        padding: 5px;
        height: 40px;
    }

    .Content #tabsCommande select, .Content #tabsCommande input {
        width: 100% !important;
    }

    .Content #tabsCommande
    {
        width: 95% !important;
        min-width: inherit !important;
    }

    .Content #tabsCommande #infosProjet div{
        width:inherit;
    }

    .btn{
        font-size: 20px;
    }

    .chosen-container{
        /*width : 100% !important;*/
        font-size: 17px !important;
    }
    .chosen-container .chosen-results li{
        line-height: 25px !important;
        font-size: 17px;
    }
    .chosen-container-single .chosen-single span {
        white-space: normal !important;
    }

    /* Page login */

    .login_help {
        display: none;
    }

    .login {
        width: 90%;
        height: 100%;  
        margin-top: 5px;
        padding-top: 10px;         
    }

    .saisie_formulaire input {
        margin-top: 5px;
        margin-bottom: 10px;
    }   

    .titre_login {
        height: 80px;
    }

    .conteneur_saisie_formulaire {
        padding: 10px 10px;
    }

    .saisie_formulaire input {
        margin-top: 10px;
        margin-bottom: 20px;
        margin-right: 0px;
        margin-left: 0px;
    }

    .bandeau_login {
        display: none;
        height: 100px;
    }

    .logo_plombier {
        display: none;
        margin-top: -137px; 
        margin-left: -220px;
        width: 140px; 
        height: 120px;
    }

    .conteneur_saisie_formulaire .btn_connexion {
        margin-top: 20px
    }

    .erreur {
        font-size: small;
    }

    .listeAppli {
        padding-top: 3px;
    }

    .space_menu {
        padding: 8px;
    }

}

/* SMARTPHONE */
@media screen and (max-width:500px) {
    
    

    .appli {
        margin: 25px 0px !important;
    }

    #pictoMenu {
        position: absolute;
        right: 10px !important;
        top: 10px !important;
    }

    .saisie_formulaire input {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .titre_login {
        margin-bottom: 5px;
        height: 50px;
    }

    .login {
        width: 100%;
        margin-top: 2px;
        padding-top: 5px;
    }

    .conteneur_saisie_formulaire .btn_connexion {
        margin-top: 12px;
    }

}

@media screen and (max-height:400px) {

    #Footer {
        display: none;
    }
}