element.style {
	height: 250px;
	}


* {

    margin: 0;

    padding: 0;

}

.svg-pan-zoom-control {
    visibility : hidden;
}

.div_svg_plan {

    width: 600px;

    height: 400px;

    border: 1px solid silver;

}



a:visited {

    color: #00437F;

}



a:hover {

    color: red;

}



/*a {

	color:#00437F;

	text-decoration: none;

}*/





a img {

    border: 0;

}



.p_erreur {

    font-size: 1.5em;

    font-weight: bold;

    text-align: center;

    margin-top: 20px;

    margin-bottom: 5px;

    color: Red;

}



.span_match {

    font-weight: bold;

    color: Red;

}







body {

    font-family: Calibri, sans-serif;

    font-size: 1em;

    color: #00437F;

    text-align: justify;

    margin: 0 auto;

    width: 1024px;

    background: white;

}



.gray_button, .gray_button:visited {

    text-decoration: none;

    border-radius: 6px;

    border-right: 1px solid rgba(0,0,0,0.25);

    border-left: 1px solid #999;

    border-top: 1px solid #999;

    border-bottom: 1px solid rgba(0,0,0,0.25);

    position: relative;

    cursor: pointer;

    font-family: Calibri, Arial;

    margin-left: 4px;

    font-size: 16px;

    padding: 1px 8px 3px 8px;

    background-color: #CCCCCC;

    box-shadow: inset 1px 1px 2px 0 rgba(255,255,255,0.6), inset -1px -1px 1px 0 rgba(100,120,140,0.6), 1px 2px 2px 0 rgba(0,0,0,0.6);

    color: #333;

    text-shadow: none;

}



    .gray_button:active {

        top: 1px;

        left: 1px;

    }



    .gray_button:hover {

        background-color: #999;

        color: #111;

    }




#titre {

    border: solid 1px silver;

    top: 0px;

    height: 124px;

    width: 1024px;

    text-align: center;

    font-family: arial, sans-serif;

    font-size: 2.2em;

    background: #DCEDF3;

    /*background-image: url(../images/entete.jpg);*/

}



#div_infos_gen

{

    border: solid 1px silver;

    margin-top: 5px;

    text-align: center;

    font-family: arial, sans-serif;

    font-size: 1.2em;

    background: #DCEDF3;

}



#resultat {

    border: solid 1px silver;

    width: 600px;

    height: 100%;

    min-height: 400px;

    margin-top: 5px;

    margin-left: 5px;

    padding-top: 0px;

    padding-bottom: 0px;

    margin-bottom: 5px;

    background: #DCEDF3;

    display: flex;

    justify-content: center;

    float: left;

}



#gauche {

    float: left;

    width: 205px;

    margin-bottom: 5px;

}



#droite {

    float: right;

    width: 205px;

    margin-bottom: 5px;

}





#recherche {

    border: solid 1px silver;

    margin-top: 5px;

    padding: 5px;

    padding-top: 0px;

    padding-bottom: 20px;

    min-height: 300px;

    background: #DCEDF3;

}



#recherche p {

    margin-top: 3px;

    margin-bottom: 3px;

}





.pType {

    padding-top: 21px;

}





.pLibSsProjet {

    text-align: center;

    padding-top: 10px;

    font-weight: bold;

}





#div_commentaire {

    border: solid 1px silver;

    width: 590px;

    height: 100%;

    margin-top: 5px;

    margin-left: 210px;

    padding: 5px;

    margin-bottom: 5px;

    background: #DCEDF3;

    overflow: auto;

}


#footer {

    clear: both;

    border: solid 1px silver;

    bottom: 0px;

    left: auto;

    right: auto;

    width: 1010px;

    text-align: center;

    font-family: arial, sans-serif;

    font-size: 0.8em;

    background: #DCEDF3;

}



#div_interne_commentaire {

    width: 80%;

    margin: 0 auto;

    text-align: center;
	
}





#loading_div {

    margin-top: 120px;

    text-align: center;

}



#instructions {

    border: solid 1px silver;

    margin-top: 5px;

    padding: 5px;

    height: 100%;

    background: #DCEDF3;

}







#langues {

    text-align: center;

    margin-bottom: 10px;

}





.LabelInstructions {

    margin-top: 5px;

    font-size: 1.2em;

    font-weight: bold;

    margin-bottom: 5px;

}



.LabelInformations {

    margin-top: 5px;

    font-size: 1.5em;

    font-weight: bold;

    margin-bottom: 5px;

    font-style: italic;

}



.txt_instructions {

    margin-bottom: 5px;

    margin-top: 0px;

    margin-left: 5px;

    margin-right: 5px;

    font-size: 0.8em;

}



.txt_informations {

    margin-bottom: 5px;

    margin-top: 0px;

    margin-left: 2px;

    margin-right: 2px;

    font-size: 0.8em;

    font-style: italic;

    padding-top: 2px;

    padding-bottom: 3px;

    padding-left: 3px;

    padding-right: 3px;

    background-color: lightblue;

    box-shadow: 1px 1px 1px 1px #656565;

    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=1);

    -webkit-border-radius: 5px;

    border-radius: 5px;

}



#LabelResultCommentaire {

    color: Red;

    font-weight: bold;

    text-align: center;

}



#TextBoxCommentaire {

    width: 100%;

    border-radius: 6px;
	
	resize: none;

}



#BoutonValiderCommentaire {

    width: 85px;

}



#imgLoadingInfos {

    margin-top: 40px;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}



.liste_instru {

    list-style-type: none;

}



    .liste_instru li {

        margin-top: 5px;

        margin-left: 0;

        margin-right: 0;

        margin-bottom: 5px;

    }



.imgLieuInstr {

    width: 180px;

    text-align: center;

}





.img_instru {

    margin-right: 10px;

    max-height: 30px;

}



#imgQRCode {

    text-align: center;

    width: 100%;
	visibility : hidden;

}





#titre_choix_lieu {

    font-size: 1.6em;

    font-weight: bold;

}



#liste_choix_lieu {

    font-size: 1.2em;
	
}

a {
	display: block;
	/*background-color: beige;*/
	text-decoration: none;
}


#img_infos_lieu {

    width: 150px;

    display: block;

    margin-left: auto;

    margin-right: auto;

}



#titre_infos_lieu {

    font-size: 2em;

    font-weight: bold;

}



#texte_infos_lieu {

    font-size: 1.5em;

}



#docs_lies {

    width: 100%;

}



#btn_docs_lies {

    width: 33%;

    display: block;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}





#texte_charg_infos_lieu {

    font-size: 1.6em;

}



#textareaCommentaire {

    width: 100%;

    height: 90px;

    resize: none;

}



#BoutonRecherche {

    width: 70%;

    margin-top: 10px;

    margin-left: 30%;

}



#ComboBoxDepart {

    height: 30px;

    width: 100%;

    border-radius: 6px;
	
	font-size: 1.1em;

}



#ComboBoxType {

    height: 30px;

    width: 100%;

    border-radius: 6px;

	font-size: 1.1em;
}





/* Dialog Popup */

.dialog {

    font-size: 62.5%;

    display: block;

    margin-bottom: 12px;

    width: 95%;

    padding: .4em;

}



h1.dialog {

    font-size: 11.2em;

    margin: .6em 0;

}



.ui-autocomplete-input {

    margin: 0;

    width: 97%;

    padding: 0.48em 0 0.47em 0.45em;

}



#PanelGPS {

    border: solid 1px silver;

    width: 590px;

    height: 100%;

    margin-top: 5px;

    margin-left: 210px;

    padding: 5px;

    margin-bottom: 5px;

    background: #DCEDF3;

    overflow: auto;

}



#lblColorTracker {

    width: 14px;

    height: 14px;

    display: inline-block;

    vertical-align: middle;

    border-radius: 7px;

}



#lienTracker {   

    border: none; 

    width: 16px;

    height: 16px;

    display: inline-block;

    background-color: transparent;

    background-image: url(../images/loupe16x16.png);

    vertical-align: middle;    

}



#chkTrackerVisible {

    vertical-align: middle;

}



#btnRemoveTracker {

    border: none;

    width: 16px;

    height: 16px;

    background-color: transparent;

    background-image: url(../images/delete16x16.png);

    vertical-align: middle;

}



#LabelConfirm {

    margin-top: 5px;

    font-size: 1.5em;

    font-weight: bold;

    margin-bottom: 5px;

}



#tableGPS {

    width: 100%;

}



#listViewGPSTable {

    border-collapse: separate;

    border-spacing: 0px;

    text-align: center;

    width: 100%;

}



    #listViewGPSTable td, #listViewGPSTable th {

        border-left: 1px solid silver;

        border-bottom: 1px solid silver;

    }



    #listViewGPSTable th {

        background-color: skyblue;

        border-top: 1px solid silver;

    }



    #listViewGPSTable tr:nth-child(even) {

        background-color: lightgrey;

    }



    #listViewGPSTable tr:hover {

        background-color: grey;

    }



    #listViewGPSTable th:first-child {

        border-top-left-radius: 6px;

    }



    #listViewGPSTable th:last-child {

        border-top-right-radius: 6px;

        border-right: 1px solid silver;

    }



    #listViewGPSTable tr:last-child td:first-child {

        border-bottom-left-radius: 6px;

    }



    #listViewGPSTable tr:last-child td:last-child {

        border-bottom-right-radius: 6px;

    }



    #listViewGPSTable td:last-child {

        border-right: 1px solid silver;

    }



#ComboAddTracker {

    width: 80%;

    margin-bottom: 5px;

}



#TextBoxAddTracker {

    width: 80%;

    float: right;

}



.ui-dialog .ui-dialog-buttonpane button {

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 2px;

    padding-bottom: 2px;

}



#tableEtape {

    width: 100%;

}



#listViewEtapeTable {

    border-collapse: separate;

    border-spacing: 0px;

    text-align: center;

    width: 100%;

}



    #listViewEtapeTable td, #listViewEtapeTable th {

        border-left: 1px solid silver;

        border-bottom: 1px solid silver;

    }



    #listViewEtapeTable tr:nth-child(even) {

        background-color: lightgrey;

    }



    #listViewEtapeTable tr:hover {

        background-color: grey;

    }



    #listViewEtapeTable td:last-child {

        border-right: 1px solid silver;

    }



    #listViewEtapeTable tr:first-child td:first-child {

        border-top-left-radius: 6px;

        border-top: 1px solid silver;

    }



    #listViewEtapeTable tr:first-child td:last-child {

        border-top-right-radius: 6px;

        border-top: 1px solid silver;

    }



    #listViewEtapeTable tr:last-child td:first-child {

        border-bottom-left-radius: 6px;

    }



    #listViewEtapeTable tr:last-child td:last-child {

        border-bottom-right-radius: 6px;

    }



#btnDelEtape {

    border: none;

    width: 16px;

    height: 16px;

    background-color: transparent;

    background-image: url(../images/delete16x16.png);

    vertical-align: middle;

}



#BtnAddEtape {

    width: 17%;

    margin-left: 3px;

    margin-bottom : 3px;

}



#ChkFiltreGPS {

  margin: 3px;  

}



#ComboFiltreGPS {

    margin-left: 3px;

    height: 27px;    

    border-radius: 6px;

    min-width: 25%;

    max-width: 50%;

}





.libErr {

    font-style: italic;

    font-size: 0.8em;

    color: #ff0000;

}



.libValue {

    margin-left: 2px;

    float: left;

    width : 180px;

    height: 19px;

}



.error {

    border: solid 1px silver;

    top: 0px;

    text-align: center;

    font-family: arial, sans-serif;

    font-size: 1.3em;

    color: #ff0000;

    background: #DCEDF3;

    margin: 0px;

}



.titreConnexion {

    flex-direction: column;

    border: solid 1px silver;

    top: 0px;

    height: 100px;

    text-align: center;

    font-family: arial, sans-serif;

    font-size: 1.7em;

    background-color:lightskyblue;

}



.connexion{

    top: 0px;

    background: #DCEDF3;

    border: solid 1px silver;

    margin: 0px;

}



#Logon, #ForgotPassword

{

    margin: 5px;

    padding: 2px;

    border-radius: 5px;

    color: white;

    font-weight: bolder;

}



.logo {

    float: left;

    border: none;

    left: 0px;

    width: 150px;    

}



#LoginLink

{

   font-size: 0.8em;

}



#Logon

{

   background-color: #00437F;

}



#ForgotPassword

{

    background-color: chocolate;

}



.boutonDocsGen{

    width: 250px;

    height: 32px;

    margin: 5px;

    background-color: #FF694F;

    color:white;

}