.CompletionList  
{  
    border: solid 1px black;
    margin:0;  
    padding:0;
    height: 120px;          
    overflow: auto;  
    background-color: #FFFFFF;
    z-index:100002 !important;        
}  
      
.CompletionListItem   
{  
    color: black;  
    z-index:100002 !important;
}  
      
.CompletionListHighlightedItem   
{  
    background-color: #363636;
    color:#FAA61A;
    z-index:100002 !important;
}

.AjaxWatermark
{
    color:#848484;
}

.divFileUpload {
    background-color: #F60;
    border-radius: 5px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    width: 50%
}
.fileUpload {
    cursor: pointer;
    font-size: 10000px; /* This is the main part. */
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.textBoxReadOnly {
    background-color: rgba(239,239,239,0.3);
    border: 1px solid rgba(118, 118, 118, 0.3);
}
/* ComboBox in Modal PopUp 
----------------------------------------------------------*/
/*Combobox */
.comboBoxInsideModalPopup
{
    position: relative;
}
.comboBoxInsideModalPopup ul
{
    position: absolute !important;
    left: 2px !important;
    top: 22px !important;
}
/*-------------------------------------------------------**/

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
/* Page principale */

body, h1, h2, h3, h4, h5, ul, li, a
{
    margin: 0;
    padding: 0;
    color: #696969;
}

table
{
    border: 0;
    border-spacing: 0;
}

body
{
    width: 100%;
    height: 100%;
    background-color: #DEDEDE;
}

body, textarea
{
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
}

h2, .titrePage
{
    color: #363636;
    font-size: 1.5em;
    text-transform: uppercase;
    height: 30px;
    font-weight: bold;
}

/* Les boutons */
.btnAction, .btnMetier, .btnMetierEtroit, .btnMetierPetit, .btnMetierPetitEtroit, .btnActionPetit, .btnActionPetit_AutoSize, .btnActionPetitAdd, .btnActionPetitDelete, .btnActionPetitDeleteFile {
    background: none repeat scroll 0 0;
    border: 0 none;
    padding: 3px 6px;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 15px;
    font-family: 'UniversLTStd67BoldCondensed',sans-serif;
    font-weight: bold;
    cursor: pointer;
}

.btnAction {
    background-color: var(--primary-color,#ff6600);
    min-width: 100px;
}

.btnActionPetit, .btnActionPetitAdd, .btnActionPetitDelete,btnActionPetitDeleteFile
{
    width: 20px;
    height: 20px;
}

.ml3px {    
    margin-left:3px;
}

.btnActionPetitAdd
{
    background:url(../Theme1/ImageButton/imgAdd16Orange.png) no-repeat center;
}

.btnActionPetitDelete {
    background:url(../Theme1/ImageButton/imgTrash16Orange.png) no-repeat center;
}

.btnActionPetitDeleteFile{
    width: 16px;
    height: 16px;
    background:url(../Theme1/ImageButton/imgTrash16Orange.png) no-repeat center;
}

.btnActionPetit_AutoSize {
    background-color: var(--primary-color,#ff6600);
    min-width: 20px;
}

.btnActionPetit_Zone
{
    width: 20px;
    height: 20px;
}

.fontSmall
{
    font-size:0.8em;
}

.btnMetier
{
    background-color: #696969;
    min-width: 100px;
}
.btnMetierPetit
{
    background-color: #989898;
    min-width: 100px;
}
.btnMetierEtroit, .btnMetierPetitEtroit {
    background-color: #696969;
}
.btnAction:Active, .btnActionPetit:Active, .btnActionPetit_AutoSize:Active, .btnActionPetitAdd:active, .btnActionPetitDelete:active, .btnActionPetitDeleteFile:active
{
    border: 1px solid #696969;
}
.btnMetier:Active, .btnMetierPetit:Active, .btnMetierEtroit:Active, .btnMetierPetitEtroit:Active 
{
    border: 1px solid #666666;
}
.btnMetier:Disabled, .btnMetierPetit:Disabled, .btnMetierEtroit:Disabled, .btnMetierPetitEtroit:Disabled 
{
    background-color: #696969;
}
.btnMetierPetit, .btnMetierPetitEtroit
{
    font-size: 12px;
}

.ligneBtn
{
    height: 40px;
}
.ligneBtn input[disabled="disabled"]
{
    cursor: default;
    background-color: #dedede;
}

.paddingHaut
{   padding-top:10px;
}

/* Les gridviews (en complément du skin) */
.GridViewAlternatingRow a
{
    color: #696969;
}
.GridViewRow a
{
    color: white;
}
.GridViewHeader a, .GridViewHeader th
{
    text-decoration: none;
    font-size: 12px;
}

.FondGrisFonce
{
    background-color: #696969;
}

/* Les formulaires de saisie */

.common_table
{
    background-color: #F7F7F7;
    border-top: 1px dashed #989898;
    vertical-align: top;
    padding: 5px 10px 10px;
    border-bottom: 0;
    color: #363636;
}

.common_table2
{
    background-color: #F7F7F7;
    vertical-align: top;
    padding: 5px 10px 10px;
    border-bottom: 0;
    color: #363636;
}

.div_colGauche
{
    vertical-align: top;
    background-color: #F7F7F7;
    border-top: 1px dashed #989898;
}

.div_colDroite
{
    vertical-align: top;
    background-color: #F7F7F7;
    border-top: 1px dashed #989898;
}

.common_colspan2
{
    border-top: 10px solid white;
}

.common_lblColumns
{
    min-width: 150px;
    vertical-align: middle;
    color: #363636;
}

.common_lblColumns_Etroit
{
    width: 130px;
    vertical-align: middle;
    color: #363636;
}

.lblMaxWidth200 .common_lblColumns
{
    width: 200px !important;
}
.lblMaxWidth150 .common_lblColumns
{
    width: 150px !important;
}

.lblVAlign_Top .common_lblColumns
{
    vertical-align: top !important;
}

.common_txtColumns input[type=text], .common_txtColumns select
{
    border: 1px solid #dedede;
}

.common_lblColumns_Cadre
{
    border: 1px solid #dedede;
    background-color: #F7F7F7;
    font-size: 14px;
    color:#666666;
    padding:1px 2px;
    margin:0;
}
.common_txtTitre {
    color: var(--primary-color,#ff6600);
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    height: 27px;
    vertical-align: text-top;
}
.common_txtTitre2 {
    color: var(--primary-color,#ff6600);
    font-weight: bold;
    font-size: 14px;
    height: 27px;
    vertical-align: text-top;
}

.paveSepDroite
{
    border-right: 4px solid white;
}

.paveSepBas
{
    border-bottom: 4px solid white;
}

/* Onglets */
.common_collapsePanelCriteria
{
}

.common_collapsePanelCriteriaSelectDetails
{
    color: #FFF;
    font-weight: bold;
    height: 20px;
}
.common_collapsePanelCriteriaSelectDetails a
{
    text-decoration: none;
}

.common_collapsePanelCriteriaDetails
{
}
.common_collapsePanelCriteriaAction
{
}
.common_collapsePanelContent
{
    height: 500px;
}

/* Les popups */

.common_modalBackground
{
    background: Gray;
    background-color: Gray;
    filter: alpha(opacity=30);
    opacity: 0.3;
}
.common_modalPopup
{
    background-color: white;
    border: 3px solid #696969;
    z-index:80001 !important; /* Ajouté pour l'Ajax ControlToolkit 15.1.4.0 */
}

.titleHandlePopup
{
    cursor: move;
    background-color: #696969;
    color: White;
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
    text-transform: uppercase;
}

.titleMessageQuestionaire
{
    background-color: #696969;
    color: White;
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
    text-transform: uppercase;
}

.ModalPopupImg
{
    position: absolute;
    margin: -24px 0 0 10px;
    height: 48px;
    width: 48px;
    top: 50%;
}
.ModalPopupTexte
{
    display: block;
    height: 100%;
    padding: 10px;
    margin-left: 70px;
    min-height: 70px;
    font-size: 13px;
    font-weight: 400;
    color: #363636;
}

.ligneModalPopupBtn
{
    height: 40px;
    text-align: center;
    bottom: 10px;
    width: 100%;
}


/* La page accueil */
li.titreAccueil {
    list-style-type: square;
    color: var(--primary-color,#FF9900);
    font-weight: bold;
    font-size: 1em;
}
ul.Accueil
{
    padding: 15px 0 10px 0px;
    font-weight: normal;
    font-size: 0.9em;
}
ul.Accueil li
{   padding: 0px 0 5px 0px;
}


/* Texte description */
.TexteDescription ul
{ list-style-type:  disc;
  list-style-position: outside;
  margin-left:20px;    
}
.TexteDescription
{   font-size:12px;
}

/* Contactez-nous */
.ContactezNous ul {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 20px;
}

.ContactezNous .Titre {
    color: var(--primary-color,#FF6600);
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    margin: 1.5em 0 0.5em 0;
}


/* Tableau de Bord */
.cpTdBHeader {
    color: var(--primary-color,#FF6600);
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    margin: 15px 0 5px;
    height: 12px;
}

.cpTdBHeader:first-child
{
    margin-top: -5px;
}

.cpTdBBody
{
    font: normal 11px auto Verdana, Arial;
    padding-left: 21px;
}
.cpTdBBody .ressource
{
    font-weight: bolder;
    padding-top: 7px;
}
.cpTdBBody .ligne
{
    padding-left: 7px;
}

.Tabcss .ajax__tab_header
{
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    background-color: White;    
    display: inline-block;
    height:25px;    
}

.Tabcss .ajax__tab_outer
{
    border: 1px solid #989898;
    color: #363636;    
    margin: 0 4px 0 0;
    border-bottom: 0 none;
    padding: 0;    
    cursor: pointer;
    background-color: #F7F7F7;    
}

.Tabcss .ajax__tab_active .ajax__tab_outer {
    border-bottom: 1px solid var(--primary-color,#FF6600) !important;
}

.Tabcss .ajax__tab_inner
{
    border: none;
    vertical-align: middle;
    margin-right: 8px;
    margin-left: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
}
.Tabcss .ajax__tab_hover .ajax__tab_outer {
    background-color: var(--primary-color,#FF6600);
}
.Tabcss .ajax__tab_hover .ajax__tab_inner {
    background-color: var(--primary-color,#FF6600);
}
.Tabcss .ajax__tab_active .ajax__tab_outer {
    background-color: var(--primary-color,#FF6600);
}
.Tabcss .ajax__tab_active .ajax__tab_inner {
    background-color: var(--primary-color,#FF6600);
    color: White !important;
    font-weight: bold;
}

.Tabcss .ajax__scroll_none {
    overflow:unset !important;   /*Evite le clipping, utilisé pour les questionnaires afin que la liste déroulante multi-select s'affiche entièrement */
}

.Tabcss .ajax__tab_tab {
    color: inherit;
}

.Tabcss a:focus
{
    outline: 0;
}

.ajax__tab_panel
{
    margin-top: 0;
}

.Tabcss .ajax__tab_body
{
}

th.sortasc a
{
    display: block;
    padding: 0 4px 0 15px;
    background: url(CollapsiblePanelExtender/imgExpanded.png) no-repeat;
}

th.sortdesc a
{
    display: block;
    padding: 0 4px 0 15px;
    background: url(CollapsiblePanelExtender/imgCollapsed.png) no-repeat;
}

.tdbToggle {
    margin-top: 10px;
    vertical-align: middle;    
}

.tdbToggle #cbToggle_ToggleButton {
    top: 7px !important;
}
        
    /*****************************************\
|* Section spécifique tooltip            *|
\*****************************************/
    .common_ToolTip, .common_ToolTip_Droite {
        position: absolute;
        z-index: 1000;
        border: 1px solid #000;
        background-color: #FF994D;
        color: Black;
        width: 200px;
        padding: 0 3px;
        text-align: left;
        display: none;
    }

.common_ToolTip_Large
{
    width: 400px;
}

table th a, .common_ToolTip_Info
{
    position: relative;
}

table a:hover .common_ToolTip, .tableau_tooltip td:hover .common_ToolTip
{
    display: inline;
    top: 2em;
    left: 10px;
}

table a:hover .common_ToolTip_Droite
{
    display: inline;
    top: 2em;
    right: 10px;
}
/*****************************************\
|*  Section pour CSS spécifique par page *|
\*****************************************/
.frmUserCard_treeview_itemExclude
{
    background-color: red;
    color: white;
}

.frmUserCard_treeview_itemInclude
{
    background-color: yellow;
}

.frmUserCard_treeview_itemAutoInclude
{
    background-color: blue;
    color: white;
}

.defaultClient_FullWidth
{
    width: 100%;
}

.defaultClient_Tableau
{
    margin-top: 10px;
}

.defaultClient_Siege {
    display: block;
    width: 4em;    
}

.defaultClient_Site
{
    display: block;
    width: 35em;
    height: 1em; /*padding-right: 20px;*/
}

.defaultClient_CodePostal 
{
    width: 6em;
}

.defaultClient_Ville
{
    width: 20em;
}

.defaultClient_Affaire {
    width: 10em;
}

.defaultClient_Referentiel
{
    display: block;
    width: 12em;
    height: 1em; /*padding-right: 20px;*/
}

.defaultClient_Type
{
    width: 20em;
}

.defaultClient_Date
{
    padding: 0 1em;
}

.defaultClient_CodeEcart, .defaultClient_Auditeur
{
    padding: 0 1em;
}

.defaultClient_Decision {
    width: 20em;
}

.defaultClient_DateDebut { 
    width: 6em;
}

.defaultClient_Attestation {
    width: 6em;
}

.defaultClient_Info
{
    display: inline-block;
    float: right;
    width: 25px;
    background-image: url("gridview/info16.png");
    background-repeat: no-repeat;
    background-position: center;
    padding-right: 5px;
    position: relative;
}

.defaultClient_Info:hover .common_ToolTip
{
    display: inline;
    top: 2em;
    left: 10px;
}

/* Formulaire simple saisies alignées */
.formSimple1Col20 {
    width: 20px;
}

.formSimple1Col110 {
    width: 110px;
    padding-left: 5px;
}

.formSimple1Col150 {
    width:150px;
    padding-left: 5px;
}

.formSimple1Col250 {
    width: 250px;
    padding-left: 5px;
}

.formSimple1Col550 {
    width: 550px;
    text-align: left;
}

.formSimple1Col650 {
    width: 650px;
    text-align: left;
}

.formSimple1Col750 {
    width: 750px;
    text-align: left;
}

.formSimple1Col850 {
    width: 850px;
    text-align: left;
}

.formSimple1table td {
    vertical-align:top;
}

.formSimple1table td input[type='text'], .formSimple1table td select {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*Formulaire pour label page mesCoordonnées*/

.mesCoordonnees_Label
{
    display: inline-block;
    width: 9em;
    padding-left: 5px;
}

.mesCoordonnees_Text
{
    width: 25em;
    padding-left: 5px;
}

.mesCoordonnees_Edit {
    width: 50em;
    padding-left: 5px;    
}

.mesCoordonnees_Edit input {
    width:47em;
}
.mesCoordonnees_Edit select {
    width: 47.5em;
}

.mesCoordonnees_Message
{
    display: inline-block;
    width: 100%;
    padding-left: 5px;
}

.monAttestation_Label
{
    display: inline-block;
    width: 18em;
    padding-left: 5px;
}

.monAttestation_Text
{
    width: 25em;
    padding-left: 5px;
}

.monAttestation_Message
{
    display: inline-block;
    width: 100%;
    padding-left: 5px; padding-bottom:5px;
}

.affLst_colSite, .affLst_colDecision
{   width:20em;
}
.affLst_colStatut, .affLst_colType, .affLst_colVille
{
    width: 18em;
}
.affLst_colStatutLong
{   width:38em;
}
.affLst_colDate, .affLst_colCriticite, .affLst_colPtDeControle, .affLst_colCode, .affLst_Etat, .affLst_colCodePostal, .affLst_colMoyen, .affLst_colCertifie 
{
    width: 6em;
}
.affLst_colBouton
{   width:5em;
}
.affLst_colRessource
{   width:19.5em;
}
.affLst_colNb
{   width:5em;
}
.affLst_colId, .affLst_colDescription
{   width:22em;
}
.affLst_colAff
{   width:12em;
}
.affLst_User_colNomPrenom
{  width:10em;
}
.affLst_User_colProfil
{  width:10em;
}
.affLst_User_colEmail
{  width:25em;
}

.cbMultiLineElt ul {    
    width: 600px !important;
}

.cbMultiLineElt .ajax__combobox_itemlist li {    
    white-space: normal;
}

.paramEnMasse div.ms-options-wrap {    
    width:100%;
}

/*----------------------------------------------------------------------------------------------------------------*/
/* Referentiel   
------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* Niveau Theme   
----------------------------------------------------------*/
    .Questionnaire_Niveau_Theme_PanelLayout_1
{
    background-color: #FF0000;
    width: 100%;
    height: 100%;
}
.Questionnaire_Niveau_Theme_Label_1
{
    color: White;
}
.Questionnaire_Niveau_Theme_PanelContainer_1
{
    width: 100%;
    height: 100%;
    margin-left: 0px;
}
/*--------------------------------------------------------*/
/* Niveau SousTheme   
----------------------------------------------------------*/
.Questionnaire_Niveau_SousTheme_PanelLayout_2 {
    background-color: var(--primary-color,#FF6600);
    width: 100%;
    height: 100%;
}
.Questionnaire_Niveau_SousTheme_Label_2
{
    color: White;
}
.Questionnaire_Niveau_SousTheme_PanelContainer_2
{
    width: 100%;
    height: 100%;
    margin-left: 0px;
}
/*--------------------------------------------------------*/
/* Niveau Caracteristique   
----------------------------------------------------------*/
.Questionnaire_Niveau_Caracteristique_PanelLayout_4
{
    background-color: #00FF00;
    width: 100%;
    height: 100%;
}
.Questionnaire_Niveau_Caracteristique_Label_4
{
    color: White;
}
.Questionnaire_Niveau_Caracteristique_PanelContainer_4
{
    width: 100%;
    height: 100%;
    margin-left: 0px;
}
/*--------------------------------------------------------*/
/* Niveau Exigence   
----------------------------------------------------------*/
.Questionnaire_Niveau_Exigence_PanelLayout_3
{
    background-color: #0000FF;
    width: 100%;
    height: 100%;
}
.Questionnaire_Niveau_Exigence_Label_3
{
    color: White;
}
.Questionnaire_Niveau_Exigence_PanelContainer_3
{
    width: 100%;
    height: 100%;
    margin-left: 0px;
}

/*----------------------------------------------------------------------------------------------------------------*/
/* Questionnaire   
------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------*/
/* ToolBox   
----------------------------------------------------------*/
.Questionnaire_ToolBox_PanelLayout
{
    width: 99%;
    height: 100%;
    background-color: black;
    padding-right: 1em;
    overflow: hidden;
}
/*--------------------------------------------------------*/
/* Niveau Titre   
----------------------------------------------------------*/
.Questionnaire_Niveau_Titre_PanelLayout_1
{
    width: 100%;
    height: 100%;
    background-color: #666666;
    overflow: hidden;
}
.Questionnaire_Niveau_Titre_Label_1 {
    color: var(--primary-color,#FF6600);
    font-size: 18px;
    font-weight: 700;
    padding-left: 0.5em;
}
.Questionnaire_Niveau_Titre_PanelContainer_1
{
    width: 100%;
    height: 100%;    
}

.Questionnaire_Niveau_Titre_PanelLayout_2
{
    width: 100%;
    background-color: #666666;    
}
.Questionnaire_Niveau_Titre_Label_2 {
    color: White;
    font-size: 16px;
    font-weight: 700;
    padding-left: 1em;
}
.Questionnaire_Niveau_Titre_PanelContainer_2
{
    width: 100%;
    height: 100%;    
}

.Questionnaire_Niveau_Titre_PanelLayout_3
{
    width: 100%;
    background-color: #999999;    
}
.Questionnaire_Niveau_Titre_Label_3 {
    color: White;
    font-size: 16px;
    font-weight: 500;
    padding-left: 1.5em;
}
.Questionnaire_Niveau_Titre_PanelContainer_3
{
    width: 100%;
    height: 100%;    
}

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

/*--------------------------------------------------------*/
/* Onglet
----------------------------------------------------------*/
.Questionnaire_Niveau_Onglet_TabPanel_1 .ajax__tab_header
{
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    background-color: White;
    margin-bottom: 0px;
}
.Questionnaire_Niveau_Onglet_TabPanel_1 .ajax__tab_outer
{
    border: 1px solid #989898;
    color: #363636;
    border-bottom-style: none;
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 2px;
    margin-bottom: 0px;
    cursor: pointer;
    background-color: #F7F7F7;
}
.Questionnaire_Niveau_Onglet_TabPanel_1 .ajax__tab_inner
{
    border: none;
    vertical-align: middle;
    margin-right: 8px;
    margin-left: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
}
.Questionnaire_Niveau_Onglet_TabPanel_1 .ajax__tab_hover .ajax__tab_outer {
    background-color: var(--primary-color,#FF6600);
}
.Questionnaire_Niveau_Onglet_TabPanel_1 .ajax__tab_hover .ajax__tab_inner {
    background-color: var(--primary-color,#FF6600);
}
.Questionnaire_Niveau_Onglet_TabPanel_1 .ajax__tab_active .ajax__tab_outer {
    background-color: var(--primary-color,#FF6600);
}
.Questionnaire_Niveau_Onglet_TabPanel_1 .ajax__tab_active .ajax__tab_inner {
    background-color: var(--primary-color,#FF6600);
    color: White !important;
    font-weight: bold;
}
.Questionnaire_Niveau_Onglet_TabPanel_1 .ajax__tab_tab
{
    color: inherit;
}
.Questionnaire_Niveau_Onglet_TabPanel_1 a:focus
{
    outline: 0;
}
.Questionnaire_Niveau_Onglet_PanelLayout_1
{
    background-color: #F7F7F7;
    border-top: 1px dashed #989898;
    vertical-align: top;
    padding: 5px 10px 10px;
    border-bottom: 0;
    color: #363636;
}


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

/*--------------------------------------------------------*/
/* Element   Area
----------------------------------------------------------*/
.Questionnaire_Element_Area_Id
{
    margin : 0;
    width: 80px;
    height: 100%;
    background-color: #EBF0F0;
    border-left: 2px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    text-align: center ;
}


.Questionnaire_Element_Area_Question
{
    margin : 0;
    width: auto;
    height: 100%;
    background-color: #EBF0F0;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}

.Questionnaire_Element_Area:hover
{
    border: 1px solid #999999;
}


.Questionnaire_Element_Area_Answer
{
    margin : 0;
    width: 368px;
    height: 100%;
    background-color: #EBF0F0;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}

.Questionnaire_Element_Area_Answer table {width:100%;}

.Questionnaire_Element_Area_Answer select {width:84%;}

.Questionnaire_Element_Area_Comment
{
    margin : 0;
    width: 32px;
    height: 100%;
    background-color: #EBF0F0;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}
.Questionnaire_Element_Area_Command
{
    margin : 0;
    width: 80px;
    height: 100%;
    background-color: #EBF0F0;
    border-left: 1px solid white;
    border-right: 2px solid white;
    border-bottom: 1px solid white;
}
.Questionnaire_Element_Area_Extend
{

}
.Questionnaire_Element_Group_Table
{
    border-spacing: 1px 10px;
    width : 100%;
}
.Questionnaire_Element_Group_Table_Condense 
{
    border-spacing: 1px 1px;
    width: 100%;
}
.Questionnaire_Element_Group_Row
{

}
.Questionnaire_Element_Group_Content
{
    border-left: 2px solid orange;
}
.Questionnaire_Element_Group_Command
{

}
/*--------------------------------------------------------*/

/*--------------------------------------------------------*/
/* Elemnet   Area
----------------------------------------------------------*/
.Questionnaire_Element_Commande_button , .Questionnaire_Element_Commande_button_ReponseValidee, .Questionnaire_Element_Commande_button_EcartCree
{
    background: none repeat scroll 0 0;
    border: 0 none;
    padding: 3px 6px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 15px;
    font-family: 'UniversLTStd67BoldCondensed' ,sans-serif;
    font-weight: bold;
    cursor: pointer;
    background-color: #CACACA;
    min-width: 60px;
    margin : 3px;
}

.Questionnaire_Element_Commande_button_ReponseValidee
{
    background-color: #A0FFCA;
}

.Questionnaire_Element_Commande_button_EcartCree {
    background-color: var(--primary-color,#FF6600);
}   


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

/*--------------------------------------------------------*/
/* Questionnaire validator css
----------------------------------------------------------*/
.Questionnaire_Element_Validator_Focus
{
    background-color: #CACACA;
}
.Questionnaire_Element_Validator_Error
{
    background-color: #ff6600;
}

.QValidKo {
    border-style:solid;
    border-color:orange;
}

/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/* FileUpload
----------------------------------------------------------*/
.SI-FILES-STYLIZED_LABEL {
    width: 107px;
    height: 22px;
    background: url(FileUpload/Joindre-un-fichier.png);    
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.SI-FILES-STYLIZED_LABEL_MANDATORY {
    width: 120px;
    height: 22px;
    background: url(FileUpload/Joindre-un-fichier.png);
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.SI-PHOTOS-STYLIZED_LABEL {
    width: 111px;
    height: 22px;
    background: url(FileUpload/Joindre-une-photo.png);
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.SI-PHOTOS-STYLIZED_LABEL_MANDATORY {
    width: 124px;
    height: 22px;
    background: url(FileUpload/Joindre-une-photo.png);
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    cursor: pointer;
}


.SI-FILES-STYLIZED_INPUT
{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.btn-Login {
    background-color: #2F2F2F;
    border:none;
    width:248px;
    height:41px;
    font-size:1.1em;
    font-weight:600;
    font-family:Arial, sans-serif;
    color:white;
    margin:10px 0;    
}

.login-label {
    width:100px;
    display:inline-block;
}

.login-input {
    width:202px;    
}

.login-zone{
    text-align:left;
    margin:5px 0;
    padding:0;
}

.login-Valid {
    color: red;
    padding-left: 5px;
}

.login-Important {
    border: 1px solid #FF6600;
    color: #FF6600;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

.login-showPassword {
    padding: 0;
    border: 0;
    vertical-align: central;
    text-align: center;
    text-decoration: none;
    height: 21px;
    width:24px;
}

.cadreErreur {
    width: 500px;
    border: 1px solid #FF6600;
    margin:20px auto 0 auto;
    background-color:white;
    padding:20px;
}

/* Dropdown Button, www.w3schools.com/howto/howto_css_button_split.asp */
.splitBtn-dropdown {
    position: absolute;
    display: inline-block;
    margin-top:6px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #696969;
    min-width: 100px;
    z-index: 1;
}

.dropdown-content input {
    color: white;
    padding: 6px 8px;
    text-decoration: none;
    display: block;
}

.dropdown-content input:hover {
    background-color: #ddd
}

/*--------------------------------------------------------*/
/* Summary pour les validator des questionnaires
----------------------------------------------------------*/
.validSummary {
    border: 3px solid #ff6600;
    margin-top:5px;
    padding:2px 5px;
    font-size: medium;
    color: #ff6600;    

}
/* Centrage pour les input du tableau "Type de Frais" dans Intervention */
.tabCenter {
    width: 85%;
    margin: 0 auto;
    display: block;
}

.hidden {
    display: none;
}