/* général */
/*Pour tout*/
*{
    border:0;
    padding:0;
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
}
html{
    height: 100%;
}
#page{
    padding-bottom: 80px;
}
/*Mise en page de la balise body*/
body {
    background:url(../img/fond_body.gif) repeat;
    background-color:#ffffff;
    font-size:12px;
    font-style:normal;
    line-height:14px;
    font-weight:normal;
    font-variant:normal;
    text-decoration:none;
    text-align:left;
    position:relative;
    min-height:100%;
    margin:0;
    padding:0;
}
/*Style des liens*/
a,a:link,a:visited,a:hover,a:active{
    text-decoration:none;
    cursor:pointer;
}

#lien_demo a:link{
    color : #4c4c4c;
}
#lien_demo a:hover,a:visited{
    color : #4c4c4c;
}

.fl_cn{float:left;clear:none;}
.fl_cl{float:left;clear:left;}
.fr_cn{float:right;clear:none;}
.fr_cb{float:right;clear:both;}
.clear{float: none; clear: none;}
.clear_both{clear: both;}
.display_none{display:none;}
.center{text-align:center;}
textarea{resize:none;}

/* "Champs requis" écrit en haut à droite d'un formulaire*/
.champRequis{margin-right: 20px;}
.champRequisLb{font-size: 9px;}

/* Boutons dynamiques */
/* Boutons normaux */
.bouton_g{
    background:url(../img/bouton_g.png) top left no-repeat;
    width:7px;
    height:31px;
    padding:0;
}
.bouton_d{
    background:url(../img/bouton_d.png) top left no-repeat;
    width:7px;
    height:31px;
    padding:0;
}

.bouton_fond_submit {
    outline:none;background:url(../img/bouton_fond.png) top left repeat-x;
    height:31px;
    font-size:12px;
    padding-left:3px;
    padding-right:3px;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
    cursor: pointer;
}
.bouton_fond {
    outline:none;
    background:url(../img/bouton_fond.png) top left repeat-x;
    height:24px;
    font-size:12px;
    padding-top:9px;
    padding-left:3px;
    padding-right:3px;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
    cursor: pointer;
}

.bouton_entier {margin:0; padding:0;}
.bouton_entier:hover .bouton_g{background:url(../img/bouton_g_hover.png) top left no-repeat;}
.bouton_entier:hover .bouton_d{background:url(../img/bouton_d_hover.png) top left no-repeat;}
.bouton_entier:hover .bouton_fond{background:url(../img/bouton_fond_hover.png)top left repeat-x;}
.bouton_entier:hover .bouton_fond_submit{background:url(../img/bouton_fond_hover.png)top left repeat-x;}

/* Boutons blancs (ex : nouvelle intervention) */
.btn_accueil{width:100%;}
.bouton_accueil_g{
    margin:0;
    background:url(../img/btn_accueil_g.png) top left no-repeat;
    width:4px;
    height:35px;
    padding:0;
}
.bouton_accueil_d{
    margin:0;
    background:url(../img/btn_accueil_d.png) top left no-repeat;
    width:10px;
    height:35px;
    padding:0;
}
.bouton_accueil_fond{
    margin:0;
    background:url(../img/btn_accueil_fond.png) top left repeat-x;
    height:29px;
    padding:9px 26px 0 30px;
    font-size:12px;
    color:#4c4c4c;
    text-decoration:none;
}
.bouton_accueil_fond:hover{
    margin:0;
    background:url(../img/btn_accueil_fond.png) top left repeat-x;
    height:29px;
    padding:9px 26px 0 30px;
    font-size:12px;
    color:#009ee2;
    text-decoration:none;
}
.img_btn_accueil{
    padding:0 7px 0 0;
    vertical-align:top;
}


/*boutons de selection dans les pages de gestion*/
.bouton_selection{
    display:inline-block;
    margin-top:3px;
    cursor:pointer;
}
.selection_g{
    margin:0;
    background:url(../img/selection_g.png) top left no-repeat;
    width:5px;
    height:20px;
    padding:0;
}
.selection_d{
    margin:0;
    background:url(../img/selection_d.png) top left no-repeat;
    width:5px;
    height:20px;
    padding:0;
}
.selection_fond{
    margin:0;
    background:url(../img/selection_fond.png) top left repeat-x;
    height:16px;
    padding:2px 5px;
    font-size:11px;
    color:#ffffff;
    text-decoration:none;
}

.button_css {
    height: 30px;
    background: -moz-linear-gradient(top,  rgba(117,117,117,0.84) 0%, rgba(138,138,138,1) 3%, rgba(135,135,135,1) 7%, rgba(113,113,113,1) 20%, rgba(73,73,73,1) 40%, rgba(61,61,61,1) 50%, rgba(61,61,61,1) 97%, rgba(61,61,61,0.6) 100%);
    background: -webkit-linear-gradient(top,  rgba(117,117,117,0.84) 0%,rgba(138,138,138,1) 3%,rgba(135,135,135,1) 7%,rgba(113,113,113,1) 20%,rgba(73,73,73,1) 40%,rgba(61,61,61,1) 50%,rgba(61,61,61,1) 97%,rgba(61,61,61,0.6) 100%);
    background: linear-gradient(to bottom,  rgba(117,117,117,0.84) 0%,rgba(138,138,138,1) 3%,rgba(135,135,135,1) 7%,rgba(113,113,113,1) 20%,rgba(73,73,73,1) 40%,rgba(61,61,61,1) 50%,rgba(61,61,61,1) 97%,rgba(61,61,61,0.6) 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
  font-size: 12px;
    font-weight: bold;
    cursor: default;
    margin: 5px 28px 5px 2px;
  padding: 0 10px 0 10px;
  line-height: 30px;
}

/*Texte du libellé des étape dans le tableau des interventions*/
.labelEtape{
    border-bottom:solid 1px #75cff5;
    border-left:solid 1px #75cff5;
    height:30px;
    background-color:#ffffff;
    width:100px;
    font-size:10px;
    text-decoration:none;
}

.progressStatus {
    width: 60px;
    height: 15px;
    border: 1px solid #7e7e7e;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

.progressStatus div {
    background: #009ee2;
    height: 100%;
}

.labelProgressStatus {
    font-size:10px;
}

.case_btn_accueil{
    width:90px;
}
/*Pour le "menu" au dessus du tableau des interventions (ex : nouvelle intervention)*/
#menu_principal{
    list-style: none;
    margin: 0;
    text-align: center;
}
#menu_principal li{
    display: inline;
    margin-right:10px;
}
#menu_principal li a {
    display: inline-block;
    padding: 10px 0 0;
    text-align: center;
    width: auto;
}

/*Pour placer l'onglet déterminant la page dans laquelle on se trouve*/
#zone_titre_page{
    position:absolute;
    top:120px;
    z-index:-100;
    }
#zone_titre_page_fond{
    margin:0;
    background:url(../img/titre_page_fond.png) top left repeat-x;
    height:40px;
    padding:12px 10px 0 10px;
    font-size:14px;
    color:#009ee2;
    font-weight:bold;
}
#zone_titre_page_g{
    margin:0;
    background:url(../img/titre_page_g.png) top left no-repeat;
    width:8px;
    height:40px;
}
#zone_titre_page_d{
    margin:0;
    background:url(../img/titre_page_d.png) top left no-repeat;
    width:8px;
    height:40px;
}

/*Pour la frise dans le détail d'une intervention*/
.onglet_g{
    margin:0;
    background:url(../img/onglet_g.png) top left no-repeat;
    width:8px;
    height:35px;
    padding:0;
}
.onglet_fleche{
    margin:0;
    background:url(../img/onglet_fleche.png) top left no-repeat;
    width:24px;
    height:35px;
    padding:0;
}
.onglet_d{
    margin:0;
    background:url(../img/onglet_d.png) top left no-repeat;
    width:8px;
    height:35px;
    padding:0;
}
.onglet_fond{
    margin:0;
    background:url(../img/onglet_fond.png) top left repeat-x;
    height:24px;
    padding:11px 15px 0 34px;
    font-weight:bold;
    font-size:11px;
    color:#424242;
    text-decoration:none;
}
.onglet_g_hover{
    margin:0;
    background:url(../img/onglet_g_hover.png) top left no-repeat;
    width:8px;
    height:35px;
    padding:0;
}
.onglet_fleche_hover{
    margin:0;
    background:url(../img/onglet_fleche_hover.png) top left no-repeat;
    width:24px;
    height:35px;
    padding:0;
}
.onglet_d_hover{
    margin:0;
    background:url(../img/onglet_d_hover.png) top left no-repeat;
    width:8px;
    height:35px;
    padding:0;
}
.onglet_fond_hover{
    margin:0;
    background:url(../img/onglet_fond_hover.png) top left repeat-x;
    height:24px;
    padding:11px 15px 0 34px;
    font-weight:bold;
    font-size:11px;
    color:#ffffff;
    text-decoration:none;
}

.onglet_fond_disabled{
    margin:0;
    background:url(../img/onglet_fond.png) top left repeat-x;
    height:24px;
    padding:11px 15px 0 34px;
    font-weight:bold;
    font-size:11px;
    color:#d4d2d2;
    text-decoration:none;
}
.onglet_fond_disabled2{
    margin:0;
    background:url(../img/onglet_fond.png) top left repeat-x;
    height:24px;
    padding:11px 15px 0 34px;
    font-weight:bold;
    font-size:11px;
    color:#d4d2d2;
    text-decoration:none;
}

/* Structure */
/*Header*/
#header{
    height:129px;
    background:url(../img/fond_header.png) repeat-x;
}

#welcome_user_header{
    color:#3d3d3d;
    font-size:14px;
    font-weight:bold;
    margin-bottom:20px;
    text-align:right;
}
.nom_user_header{
    color:#009ee2;
    text-transform:uppercase;
    font-size:14px;
    font-weight:bold;}

.sub_title_delivery_popup{
    color:#009ee2;
    text-transform:uppercase;
    font-size:14px;
    font-weight:bold;
    text-align: left;
    margin-top: 30px;
    margin-left: 20px;
    display: flex;
}

/*Zone en haut à droite du header et qui contient le nom et les boutons*/
#header_boutons{margin-top:15px;}

/*Zone en haut à droite du header contenu dans "header_boutons" et qui contient uniquement les boutons*/
#zone_header_boutons input{
    margin:0 0 0 20px;
    text-align:right;
}
#zone_header_boutons a{
    margin:0 0 0 20px;
    text-align:right;
}

/*Zone en haut à droite du header contenu dans "header_boutons"située sous "zone_header_boutons" et qui contient le logo CE*/
#zone_drapeaux{
    margin:10px 0 0 20px;
    text-align:right;
}

/*zone du logo*/
#zone_logo{
    float:left;
    clear:none;
}

/*zone de la version contenue dans la zone du logo*/
#zone_version{
    position:absolute;
    top: 105px;
    color: #009ee2;
    font-size:8px;
}

.header_logo_background {
    background-color: #3D3D3D;
    border-radius: 4px;
    display: inline-block;
    height: 30px;
    width: 30px;
}

.header_doc_logo {
    display: block;
    height: 30px;
    margin: 0 auto;
    width: 24px;
}

/*Footer*/
#footer-top{
    height:10px;
    background-color:#c1c1c1;
}
#footer-bottom{
    height: 40px;
    background-color:#ffffff;
    text-align: center;
    padding-top: 10px;
}

#footer {
/*    font-size: 13px;*/
    display: block;
    width: 100%;
    height: 50px;
    margin-top: 0px;
}

footer{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.line_about {
    vertical-align: middle;
    display: table-row;
    height: 40px;
}

.simple_line {
    line-height: 40px;
}

.line_sponsors {
    line-height: 70px;
}

.multi_line {
    white-space: normal;
    line-height: normal;
    display: inline-table;
    vertical-align: middle;
}

.standard_text{
    color:#4c4c4c;
    font-weight:bold;
    font-size:13px;
}

.phone_logo{
    max-height: 16px;
    vertical-align: bottom;
}

.about_page_logo {
    display: inline-block;
    height: 40px;
    width: 40px;
    vertical-align: middle;
}

.about_page_wide_logo{
    display: inline-block;
    height: 30px;
    vertical-align: middle;
}

.label_about{
    width:45%;
    height: inherit;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}

.value_about{
    height: auto;
    width: 50%;
    font-weight: bold;
    text-align: left;
    overflow: inherit;
    display: table-cell;
}

.value_about span{
    white-space: normal;
}

.about_content{
    display: table;
    border-collapse: separate;
    border-spacing: 28px 5px;
    width: 100%;
    height: 100%;
}

.regulation_logo {
    width:25%;
    height: inherit;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.regulation_table {
    width: 70%;
    display: table;
    margin: 0 auto;
    margin-top: 8px;
}

.regulation_row {
    display: table-row;
}

/*Page*/
/*Définition de la hauteur minimale de la zone de contenu*/
#page{min-height:400px;}

/*centrage du contenu dans la zone de header*/
.centrage{
    margin: 0 auto;
    overflow:hidden;
    width:1000px;
}

/*centrage du contenu de la page*/
.contenu_page{
    margin: 10px auto auto auto;
    overflow:hidden;
    text-align:center;
    width:1000px;
}

/*cadre de contenu des données*/
/*cadre bas dans la partie détail planification ou cadre général dans la création d'intervention*/
.cadre_general_admin{
    width:951px;
    margin:35px 0;
    display:inline-block;
    min-height: 423px;
}

.cadre_general_admin_css{
    border: 4px solid  #E4E1E1;
    background-color: #FFFFFF;
    box-shadow: 3px 3px 6px rgba(40, 40, 40, 0.3);
    padding: 0px 10px 0px 10px;
}

.cadre_general_admin_top{
    background:url(../img/cadre_admin_top.png) no-repeat;
    width:951px;
    height:8px;
}
.cadre_general_admin_contenu{
    background:url(../img/cadre_admin_fond.png) repeat-y;
    width:951px;
    padding:10px 0;
}
.cadre_general_admin_bottom{
    background:url(../img/cadre_admin_bottom.png) no-repeat;
    width:951px;
    height:8px;
}

/*cadre haut dans la partie détail planification*/
.cadre_general_admin2{
    width:951px;
    margin: 35px 24px;
    display:inline-block;
    min-height: 120px;
}

/*centrage des infos dans les formulaires (ex : demande de création d'intervention)*/
#infos_large{
    width:500px;
    margin:2px 225px 0 215px;
}

#infos_large2{
    width:675px;
    margin:2px 225px 0 175px;
}

#infosAbout{
    width: 675px;
    margin: 2px 225px 0 150px;
}

/*Zone ou se trouvent les boutons (dans cadre_general_admin_contenu, infos_large et sous le formulaire*/
#zone_boutons{
    margin:20px 20px 10px 0;
}

/*Bouton de déconnexion*/
.btn_logout{
    background-image: url(../img/bt-deconnexion.png);
    background-color: transparent;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    float: right;
}

/*Mise en page des champs input des fomulaires*/
.input_profil, .input_delivery {
    outline:none;
    border:1px solid #999999;
    width:255px;
    height:22px;
    padding:0 7px;
    margin:2px 0;
    font-size:14px;
}

.input_delivery {
    display: block;
    margin-left: 225px;
}

.input_profil2{
    width:268px;
    height:18px;
    font-size:14px;
    border:solid 1px #999999;
    margin-top:5px;
    float: left;
}

.input_profil3{
    outline:none;
    border:1px solid #999999;
    width:92px;
    height:22px;
    padding:0 7px;
    margin:2px 0;
    font-size:14px;
}

.input_profil_account{
    outline:none;
    border:1px solid #999999;
    width:235px;
    height:22px;
    padding:0 7px;
    margin:2px 0;
    font-size:14px;
}

.comment{
    height:66px;
}

.comment_caption{
    border: none;
    position: relative;
    float: right;
    width: initial;
}

/* Page Accueil */

.blocs{width:1000px;}

/*Libellés des colonnes du tableau des interventions*/
.liste_accueil_header_texte{
    font-weight:bold;
    font-size:13px;
    color:#ffffff;
    text-transform:uppercase;
    padding-top:10px;
    height:47px;
    width:100px;
}

/*Couleur de fond de la première ligne du tableau*/
.liste_accueil_header_fond{background-color:#009ee2;}

/*contenu du tableau des interventions*/
.liste_accueil_contenu{
    border-bottom:solid 1px #75cff5;
    border-left:solid 1px #75cff5;
/*     height:30px; */
    background-color:#ffffff;
    max-width:115px;
    font-size:13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

tr.today td {
    background-color: #bdeafd;
}

.liste_accueil_contenu select{
    width: 100%;
}

/*Bord blanc en bas du tableau des interventions*/
.liste_accueil_footer{
    height:2px;
    background-color:#ffffff;
/*     width:100px; */
/*     color:#3d3d3d; */
    font-size:14px;
}

/*posisitionnement des tableaux*/
.table_accueil{
    border-collapse:collapse;
    overflow:hidden;
    width:900px;
    /*cursor: pointer;*/
    margin : auto;
}

/*données de tous les tableaux par défaut*/
table {
    border-collapse: separate;
    border-spacing: 0;
}

/*posisitionnement du tableau des interventions*/
.table_accueil2{
    border-collapse:collapse;
    overflow:hidden;
    cursor: pointer;
    margin : auto;
    width : 1000px;
}

.bouton_entier_table_accueil { margin:0; }

/*données de toutes les cases de tableaux par défaut*/
td {
    border: solid 1px #000;
    border-style: none none none none;
    padding:5px 2px 5px 2px;
}

/*arrondis des tableaux*/

/* gestion des arrondis des tableaux avec onglets */
/* TODO appliquer ce style à tous les tableaux en leur ajoutant thead/tbody et en utilisant jquery.tablesorter.combined.js pour les trier*/
.table_head_with_tab thead tr:first-child td:first-child { border-top-left-radius: 0px;}
.table_head_with_tab thead tr:first-child td:first-child { border-top-right-radius: 0px;}
.table_head_with_tab thead tr:first-child td:first-child { border-bottom-left-radius: 0px;}
.table_head_with_tab thead tr:first-child td:first-child { border-bottom-right-radius: 0px;}
.table_head_with_tab thead tr:first-child td:last-child { border-top-left-radius: 0px;}
.table_head_with_tab thead tr:first-child td:last-child { border-top-right-radius: 10px;}
.table_head_with_tab thead tr:first-child td:last-child { border-bottom-left-radius: 0px;}
.table_head_with_tab thead tr:first-child td:last-child { border-bottom-right-radius: 0px;}
.table_head_with_tab tbody tr:first-child td:first-child { border-top-left-radius: 0px;}
.table_head_with_tab tbody tr:first-child td:first-child { border-top-right-radius: 0px;}
.table_head_with_tab tbody tr:first-child td:first-child { border-bottom-left-radius: 0px;}
.table_head_with_tab tbody tr:first-child td:first-child { border-bottom-right-radius: 0px;}
.table_head_with_tab tbody tr:first-child td:last-child { border-top-left-radius: 0px;}
.table_head_with_tab tbody tr:first-child td:last-child { border-top-right-radius: 0px;}
.table_head_with_tab tbody tr:first-child td:last-child { border-bottom-left-radius: 0px;}
.table_head_with_tab tbody tr:first-child td:last-child { border-bottom-right-radius: 0px;}
.table_head_with_tab tbody tr:last-child td:first-child { border-top-left-radius: 0px;}
.table_head_with_tab tbody tr:last-child td:first-child { border-top-right-radius: 0px;}
.table_head_with_tab tbody tr:last-child td:first-child { border-bottom-left-radius: 10px;}
.table_head_with_tab tbody tr:last-child td:first-child { border-bottom-right-radius: 0px;}
.table_head_with_tab tbody tr:last-child td:last-child { border-top-left-radius: 0px;}
.table_head_with_tab tbody tr:last-child td:last-child { border-top-right-radius: 0px;}
.table_head_with_tab tbody tr:last-child td:last-child { border-bottom-left-radius: 0px;}
.table_head_with_tab tbody tr:last-child td:last-child { border-bottom-right-radius: 10px;}

.table_head_without_tab thead tr:first-child td:first-child { border-top-left-radius: 10px;}
.table_head_without_tab thead tr:first-child td:first-child { border-top-right-radius: 0px;}
.table_head_without_tab thead tr:first-child td:first-child { border-bottom-left-radius: 0px;}
.table_head_without_tab thead tr:first-child td:first-child { border-bottom-right-radius: 0px;}
.table_head_without_tab thead tr:first-child td:last-child { border-top-left-radius: 0px;}
.table_head_without_tab thead tr:first-child td:last-child { border-top-right-radius: 10px;}
.table_head_without_tab thead tr:first-child td:last-child { border-bottom-left-radius: 0px;}
.table_head_without_tab thead tr:first-child td:last-child { border-bottom-right-radius: 0px;}
.table_head_without_tab tbody tr:first-child td:first-child { border-top-left-radius: 0px;}
.table_head_without_tab tbody tr:first-child td:first-child { border-top-right-radius: 0px;}
.table_head_without_tab tbody tr:first-child td:first-child { border-bottom-left-radius: 0px;}
.table_head_without_tab tbody tr:first-child td:first-child { border-bottom-right-radius: 0px;}
.table_head_without_tab tbody tr:first-child td:last-child { border-top-left-radius: 0px;}
.table_head_without_tab tbody tr:first-child td:last-child { border-top-right-radius: 0px;}
.table_head_without_tab tbody tr:first-child td:last-child { border-bottom-left-radius: 0px;}
.table_head_without_tab tbody tr:first-child td:last-child { border-bottom-right-radius: 0px;}
.table_head_without_tab tbody tr:last-child td:first-child { border-top-left-radius: 0px;}
.table_head_without_tab tbody tr:last-child td:first-child { border-top-right-radius: 0px;}
.table_head_without_tab tbody tr:last-child td:first-child { border-bottom-left-radius: 10px;}
.table_head_without_tab tbody tr:last-child td:first-child { border-bottom-right-radius: 0px;}
.table_head_without_tab tbody tr:last-child td:last-child { border-top-left-radius: 0px;}
.table_head_without_tab tbody tr:last-child td:last-child { border-top-right-radius: 0px;}
.table_head_without_tab tbody tr:last-child td:last-child { border-bottom-left-radius: 0px;}
.table_head_without_tab tbody tr:last-child td:last-child { border-bottom-right-radius: 10px;}

.table_accueil tr:first-child td:first-child { border-top-left-radius: 10px;}
.table_accueil2 tr:first-child td:first-child { border-top-left-radius: 0px;}

tr:first-child td:last-child { border-top-right-radius: 10px; }
tr:last-child td:first-child { border-bottom-left-radius: 10px;}
thead tr:last-child td:first-child { border-bottom-left-radius: 0; }
tr:last-child td:last-child { border-bottom-right-radius: 10px;}
thead tr:last-child td:last-child { border-bottom-right-radius: 0; }
tr:last-child td{border-bottom:none;}
tr:first-child td { border-top-style: hidden; }
tr td:first-child { border-left-style: hidden; }

/*Libellés des intitulés des champs d'un formulaire*/
.profil_libelle{
    display: block;
    color:#4c4c4c;
    font-weight:bold;
    font-size:13px;
    text-align:left;
    width:125px;
    margin:7px 0;
}

.profil_libelle2{
    display: block;
    color:#4c4c4c;
    font-weight:bold;
    font-size:13px;
    text-align:left;
    width:45px;
    margin:7px 0;
}

/*Champs dans les pages de gestion désactivé*/
.admin_libelle{
/*     display: block; */
    color:#4c4c4c;
    font-weight:bold;
    font-size:13px;
    width : 150px;
    margin:8px 0;
}

.admin_valeur{
    color:#009ee2;
    font-weight:bold;
    font-size:13px;
    margin-top:8px;
}

.ligne_admin{
    width : 430px;
    height : 25px;
    margin:10px 0;
    text-align:left;
    display: table;
}


/*Positionnement de l'intitulé des champs des formulaires*/
.ligne_profil{
    margin:4px 0;
    text-align: left;
}

.ligne_delivery_popup{
    margin:4px 20px;
    text-align: left;
    display: flex;
}

#enterAddressLine {
    display: block;
}

.select_delivery{
    width:270px;
    font-size:14px;
    border:solid 1px #999999;
    float: left;
}

/*style des champs select*/
.select_profil{
    width:270px;
    font-size:14px;
    border:solid 1px #999999;
    margin-top:5px;
    float: left;
}

.select_profil_account{
    width:252px;
    font-size:14px;
    border:solid 1px #999999;
    margin-top:5px;
    float: left;
}


/* Page Administration */
/*cadre gauche de la mosaïque d'administration*/
#cadre_administration{
    width:580px;
    border-right:solid 1px #999999;
    text-align:center;
    margin:40px 0 0 0;
}

/*Cadre droit de la mosaïque d'administration*/
#cadre_intervention{
    width:360px;
    text-align:center;
    margin:40px 0 0 0;
}
/*Titres de la mosaïque d'administration*/
.titre_page_admin{
    color:#009ee2;
    text-transform:uppercase;
    font-size:16px;
    font-weight:bold;
}

/*zone contenant les carrés de la mosaïque*/
.zone_administration{margin:15px 0;}

/*lignes de carrés de la mosaïque*/
.ligne_zone_administration{
    display:inline-block;
    width:480px;
}

.ligne_zone_administration_intervention{
    width: 100px;
    margin-left : 120px;
}

/*Taille du texte sur les carrés de la mosaïque contenant un texte trop long*/
.small_admin_font{font-size:11px;}

/*Lien présent sur les carrés de la mosaïque*/
.lien_admin{
    text-decoration:none;
    margin:10px;
}
/*style de chaque carré de la mosaïque*/
.icone_admin{
    width:100px;
    height:100px;
    display:inline-table;
}
/*Texte de chaque carré de la mosaïque*/
.texte_icone_admin{
    display:table-cell;
    vertical-align:middle;
    text-transform:uppercase;
    color:#ffffff;
    font-weight:bold;
    max-width:100px;
}

/*Images de chaque carré de la mosaïque*/
.icone_admin_admin{background: url("../img/fond_admins.png") no-repeat scroll left top transparent;}
.icone_admin_archives{background: url("../img/fond_archives.png") no-repeat scroll left top transparent;}
.icone_admin_chirurgien{background: url("../img/fond_chirurgien.png") no-repeat scroll left top transparent;}
.icone_admin_commercial_distributeur{background: url("../img/fond_commerciaux.png") no-repeat scroll left top transparent;}
.icone_admin_contact_distributeur{background: url("../img/fond_contacts_distributeurs.png") no-repeat scroll left top transparent;}
.icone_admin_dicom{background: url("../img/fond_dicom.png") no-repeat scroll left top transparent;}
.icone_admin_distributeur{background: url("../img/fond_distributeurs.png") no-repeat scroll left top transparent;}
.icone_admin_email{background: url("../img/fond_texte_email.png") no-repeat scroll left top transparent;}
.icone_admin_employe_onefit{background: url("../img/fond_employes_onefit.png") no-repeat scroll left top transparent;}
.icone_admin_export{background: url("../img/fond_export.png") no-repeat scroll left top transparent;}
.icone_admin_gammes{background: url("../img/fond_gammes.png") no-repeat scroll left top transparent;}
.icone_admin_etablissement{background: url("../img/fond_hopital.png") no-repeat scroll left top transparent;}
.icone_admin_instrumentation{background: url("../img/fond_instrumentation.png") no-repeat scroll left top transparent;}
.icone_admin_nouvelle{background: url("../img/fond_nouvelle.png") no-repeat scroll left top transparent;}
.icone_admin_radiologue{background: url("../img/fond_radiologues.png") no-repeat scroll left top transparent;}
.icone_admin_responsable_distributeur{background: url("../img/fond_responsable_distributeur.png") no-repeat scroll left top transparent;}
.icone_admin_suivi{background: url("../img/fond_suivi.png") no-repeat scroll left top transparent;}
.icone_admin_groupes_kits{background: url("../img/fond_fabricant.png") no-repeat scroll left top transparent;}
.icone_admin_kits{background: url("../img/fond_materiel_imagerie.png") no-repeat scroll left top transparent;}

.icone_admin_inactif{background: url("../img/fond_gris.png") no-repeat scroll left top transparent;}


/* Pages contenus administration */
/*cadre gauche lors de cadres séparés*/
.cadre_form_g{
    width:430px;
    padding:0 20px;
}
/*cadre droit lors de cadres séparés*/
.cadre_form_d{
    width:430px;
    padding:0 20px;
    border-left:solid 1px #999999;
}
/*cadre gauche bas lors de cadres séparés (ex : détail d'une intervention)*/
.cadre_form_g2{
    width:430px;
    padding:0 20px;
    min-height: 100px;
}
/*cadre droit bas lors de cadres séparés (ex : détail d'une intervention)*/
.cadre_form_d2{
    width:430px;
    padding:0 20px 20px 20px;
    border-left:solid 1px #999999;
    min-height: 100px;
}

/*Hauteur minimale d'un cadre*/
.cadre_form{min-height: 150px;}

/*Style des boutons d'un formulaire*/
.btn_form{margin:10px 30px 0 0;}

/*Mise en forme des informations à afficher (ex : détail d'une intervention : "Hanche", "Chirurgien 1", ...)*/
.profil_valeur{
    color:#009ee2;
    font-weight:bold;
}

.address_valeur{
    color:#009ee2;
    font-weight:bold;
    display: inline-table;
}

/*Zone où se situent les boutons d'annulation et validation dans les pages de gestion de l'admin*/
#zone_boutons_admin{
    margin:20px 20px 10px 0;
    width:400px;
}

/* Page Fiche */
/*Mise en forme des libellés des informations à afficher (ex : détail d'une intervention : "Nom :", "Prénom :", ...)*/
.profil_fiche{
    color:#4c4c4c;
    font-weight:bold;
    font-size:13px;
    text-align:left;
}

/*Ligne d'information*/
.ligne_fiche{
    margin:10px 0;
    text-align:left;
}
.ligne_fiche2{
    margin:10px 20px;
    text-align:left;
}

.planningTable{
    margin-top: 10px;
    border-spacing: 15px 2px;
}

.tableValue {
    text-align: left;
}

#cadre_dicom{margin:20px;}
#zone_boutons_fiche{margin:20px 20px 10px 45px;}
#select_fabricant{margin:0 0 20px 230px;}

/*Zone où se trouvent les boutons supprimer et clôturer */
.zone_bouton_fiche{margin:20px 20px 10px 45px;}

/*Pour afficher les messages d'erreur (ex : mauvais identifiants)*/
.error{
    color: Red;
    font-size:11px;
    text-align: center;
    width: 100%;
}

/* Page Nouvelle Intervention */
/*Définition d'un largeur minimum pour les labels dans les formulaires*/
.w225{width:225px;}

.w235{width:235px;}

/*Mise en forme pour les radio boutons*/
.radio_button_new_intervention{
    margin:8px 0 13px;
    color:#3d3d3d;
    font-size:12px;
}
.radio_button_new_intervention input{margin:0 5px 0 30px;}
.radio_button_new_intervention label{margin:5px;}

.radio_button_on_several_line{
    line-height: 25px;
}

.checkbox{
    margin:8px;
    color:#3d3d3d;
    font-size:12px;
}

.radioButton{
/*     margin:4px 5px 13px; */
    margin : 8px;
    color:#3d3d3d;
}
.label_radioButton{
    margin-right:5px;
    color:#3d3d3d;
    font-size:12px;
}

/* Page Protocoles */
.texte_page{
    margin:0 20px;
    color:#6c6a5d;
    padding: 8px 15px;
}

/*Ligne de séparation dans la page des exports*/
.ligneSeparation{
    border-bottom: 2px solid #C1C1C1;
    width:870px;
    margin: 0 auto;
}

/*Ligne de séparation dans la page de création d'étiquette hanche*/
.ligneSeparationEtiquetteHanche{
    border-bottom: 2px solid #C1C1C1;
    width: 50%;
    float: left;
    margin: 10px 25%;
}

/*Champs remarque lors du dépôt des modèles 3D*/
.remarque_3D{
    width:255px;
    min-height : 120px;
    font-size:14px;
    border:solid 1px #999999;
/*     margin-top:50px; */
    float:left;
    text-align : left;
}

/*Champs remarque lors du dépôt des modèles 3D*/
.champ_contact{
    width:268px;
    min-height : 150px;
    font-size:14px;
    border:solid 1px #999999;
/*     margin-top:50px; */
    float:left;
    text-align : left;
}

/*Libellés des colonnes des tableaux de gestion*/
.table_gestion_header_texte{
    font-weight:bold;
    font-size:14px;
    color:#ffffff;
    text-transform:uppercase;
    padding-top:10px;
    height:25px;
    width:100px;
}

/*Couleur de fond de la première ligne des tableaux de gestion*/
.table_gestion_header_fond{
    background-color:#009ee2;
    cursor : pointer;
    }

/*contenu des tableaux de gestion*/
.table_gestion_contenu{
    border-bottom:solid 1px #75cff5;
    border-left:solid 1px #75cff5;
    height:15px;
    background-color:#ffffff;
/*     width:100px; */
/*     color:#3d3d3d; */
    font-size:14px;
}

.table_gestion_contenu_g{
    border-bottom:solid 1px #75cff5;
    border-left:solid 1px #75cff5;
    height:15px;
    background-color:#ffffff;
/*     width:100px; */
/*     color:#3d3d3d; */
    font-size:14px;
    max-width:150px;
/*     color:#3d3d3d; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table_gestion_contenu_d{
    border-bottom:solid 1px #75cff5;
    border-left:solid 1px #75cff5;
    height:15px;
    background-color:#ffffff;
/*     width:100px; */
/*     color:#3d3d3d; */
    font-size:14px;
    width : 50px;
}

/*posisitionnement des tableaux de gestion*/
.table_gestion{
    border-collapse:collapse;
    overflow:hidden;
    width:400px;
/*     cursor: pointer; */
    margin : auto;
}
.table_gestion tr:first-child td:first-child { border-top-left-radius: 10px;}

/*Bord blanc en bas des tableaux de gestion*/
.table_footer{
    border-collapse:collapse;
    overflow:hidden;
    width:400px;
/*     cursor: pointer; */
    margin : auto;
}

.table_gestion_footer{
/*     border-collapse:collapse; */
/*     overflow:hidden; */
    height : 2px;
/*      cursor: pointer;  */
    margin : auto;
    background-color:#009ee2;
}

.table_footer tr:first-child td:first-child { border-top-left-radius: 0px;}
.table_footer tr:first-child td:last-child{ border-top-right-radius: 0px;}

.lib_choix_instru{
    display: block;
    color:#4c4c4c;
    font-weight:bold;
    font-size:13px;
    text-align:left;
    width:225px;
    margin:7px 0;
    margin-left : 30px;
}

/*erreur sur le compte*/
.error_cpt{
    color: red;
    font-size:11px;
    text-align: left;
}

/*modifs sur le compte*/
.modif_cpt{
    color: #009ee2;
    font-size:11px;
    text-align: left;
}

/*Positionnement du bouton de la liste des instrumentations*/
.btn_instru{
    width : 550px;
    padding-bottom : 20px;
}
/*Barre de progression lors du dépôt des fichiers 3D*/
.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.progress .bar {
  width: 0%;
  height: 18px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

#titreOnglet{
    text-align: left;
}

#titreOnglet a, #titreOnglet p {
    text-align: center;
    background: #FFF;
    font-size:14px;
    color: #000;
    text-decoration: none;
    border: solid #009ee2 1px;
    padding: 4px 16px;
    display: inline-block;
    position: relative;
    z-index: 2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-width : 70px;
    min-height : 15px;
    text-transform:uppercase;
}
#titreOnglet a:hover,
#titreOnglet a:focus,
#titreOnglet a:active,
#titreOnglet a.en_cours {
    background: #009ee2;
    color: #FFF;
    font-weight:bold;
    font-size:16px;
}

#titreOnglet a.change_date:hover,
#titreOnglet a.change_date:focus {
    background: #FFF;
    color: #000;
    font-weight: normal;
    font-size:14px;
}

.case_btn_dicom{
    border-bottom:solid 1px #75cff5;
    border-left:solid 1px #75cff5;
/*     height:30px; */
    background-color:#ffffff;
    min-width : 80px;
}

/*Champs remarque lors de l'archivage*/
.remarque_archive{
    width:400px;
    min-height : 120px;
    font-size:14px;
    border:solid 1px #999999;
/*     margin-top:50px; */
    float:left;
    text-align : left;
}

.infos_crea_inter {
    color: #009ee2;
    font-weight : bold;
}

.warning_crea_inter {
    color: #ee7f00;
    font-weight : bold;
}

/*Mise en page des champs du formulaire dans le détail de l'intervention*/
.input_detail{
    outline:none;
    border:1px solid #999999;
    width:255px;
    height:22px;
    padding:0 7px;
    margin:2px 0;
    font-size:14px;
}

.profil_detail{
    display: block;
    color:#4c4c4c;
    font-weight:bold;
    font-size:13px;
    text-align:left;
    width:150px;
    margin:7px 0;
}

.select_detail{
    width:270px;
    font-size:14px;
    border:solid 1px #999999;
    margin-top:5px;
}

/* Workflow */
#workflow_table{
    width: 840px;
    height: 35px;
    margin-left: 75px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
}

.wf_border_left{
    background: url(../img/onglet_g.png) top left no-repeat;
    width: 8px;
    height: 100%;
    padding: 0;
}
.wf_border_left_hover{
    background: url(../img/onglet_g_hover.png) top left no-repeat;
    width: 8px;
    height: 100%;
    padding: 0;
}
.wf_border_right{
    background: url(../img/onglet_d.png) top left no-repeat;
    width: 8px;
    height: 100%;
    padding: 0;
}
.wf_border_right_hover{
    background: url(../img/onglet_d_hover.png) top left no-repeat;
    width: 8px;
    height: 100%;
    padding: 0;
}
/* Workflow items */
.wf_items{
    background: url(../img/onglet_fond.png);
    height: 100%;
    margin:0 auto;
    vertical-align: middle;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #424242;
    padding: 0 10px 0 10px;
}
.wf_items_disabled{
    background: url(../img/onglet_fond.png);
    height: 100%;
    margin:0 auto;
    vertical-align: middle;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #D4D2D2;
    padding: 0 10px 0 10px;
}
.wf_items_hover{
    background: url(../img/onglet_fond_hover.png);
    height: 100%;
    margin:0 auto;
    vertical-align: middle;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0 10px 0 10px;
}
.wf_items_selected{
    background: url(../img/onglet_fond_hover.png);
    height: 100%;
    margin:0 auto;
    vertical-align: middle;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0 10px 0 10px;
}
/* Workflow separator */
.wf_separators{
    background: url(../img/onglet_fleche.png) no-repeat;
    width: 24px;
    height: 100%;
    padding: 0;
}
.wf_separators_prev_hover{
    background: url(../img/onglet_fleche_prev_hover.png) no-repeat;
    width: 24px;
    height: 100%;
    padding: 0;
}
.wf_separators_next_hover{
    background: url(../img/onglet_fleche_hover.png) no-repeat;
    width: 24px;
    height: 100%;
    padding: 0;
}
.wf_separators_prev_next_hover{
    background: url(../img/onglet_fleche_prev_next_hover.png) no-repeat;
    width: 24px;
    height: 100%;
    padding: 0;
    }

.wf_items_selected a{
    color : #FFFFFF;
}

.wf_items a{
    color : #424242;
}

/*Mise en page de la listbox de la gestion des chirurgiens*/

.btn_listbox{
    border : 1px solid grey;
    font-weight : bold;
    width : 30px;
    height : 30px;
}

/*input hopital gestion des chirurgiens*/
.input_hopital{
    outline:none;
    border:1px solid #999999;
    width:150px;
    height:22px;
    padding:0 7px;
    font-size:14px;
    margin-top : 14px;
}

/*mise en page des parties articulation sur la gestion des chirurgiens*/
.art_part{
    margin-top : 60px;
}
.lib_art{
    font-size:14px;
    color : #009ee2;
    font-weight : bold;
    text-transform:uppercase;
}

.table_gamme_header_texte{
    font-weight:bold;
    font-size:14px;
    color:#ffffff;
    text-transform:uppercase;
    padding-top:10px;
    width:100px;
}

.table_gamme_header_fond{
    background-color:#009ee2;
    }

.table_gamme_contenu{
    border-bottom:solid 1px #75cff5;
    border-left:solid 1px #75cff5;
    height:15px;
    background-color:#ffffff;
}

.table_gamme_contenu_g{
    border-bottom:solid 1px #75cff5;
    border-left:solid 1px #75cff5;
    height:15px;
    background-color:#ffffff;
    color:#4c4c4c;
    font-weight:bold;
    font-size:13px;
    width : 200px;
}
.table_gamme_contenu_d{
    border-bottom:solid 1px #75cff5;
    border-left:solid 1px #75cff5;
    height:15px;
    background-color:#ffffff;
    color:#4c4c4c;
    font-weight:bold;
    font-size:13px;
    width : 200px;
}

.table_gamme_footer{
    height:2px;
    background-color:#009ee2;
    font-size:14px;
}

.table_gamme{
    border-collapse:collapse;
    overflow:hidden;
    width:400px;
    margin : auto;
}

/*style des champs select du tableau des instrumentations*/
.select_instru{
    width:150px;
    font-size:14px;
    border:solid 1px #999999;
    margin-top:5px;
}

.table_gamme tr:first-child td:last-child { border-top-right-radius: 10px; }
.table_gamme tr:last-child td:first-child { border-bottom-left-radius: 10px;}
.table_gamme tr:last-child td:last-child { border-bottom-right-radius: 10px;}
.table_gamme tr:first-child td:first-child { border-top-left-radius: 10px;}
.table_gamme tr:last-child td{border-bottom:none;}
.table_gamme tr:first-child td { border-top-style: hidden; }

.align_detail_planif_femur{
    display: inline-block;
    width : 310px;
    vertical-align: top;
}
.align_detail_planif_tibia{
    display: inline-block;
    width : 200px;
}

.align_detail_planif_hip_pelvis{
    display: inline-block;
    width : 165px;
}
.align_detail_planif_hip_femur{
    display: inline-block;
    width : 290px;
}
.align_detail_planif_spine_instrum{
    display: inline-block;
    width : 210px;
}
.align_detail_planif_spine_planning{
    display: inline-block;
    width : 205px;
}

.align_detail_planif_demo_knee_femur{
    display: inline-block;
    width : 225px;
}
.align_detail_planif_demo_knee_tibia{
    display: inline-block;
    width : 190px;
}
.align_detail_planif_demo_hip_pelvis{
    display: inline-block;
    width : 260px;
}
.align_detail_planif_demo_hip_femur{
    display: inline-block;
    width : 290px;
}
.align_detail_planif_demo_spine_instrum{
    display: inline-block;
    width : 210px;
}
.align_detail_planif_demo_spine_planning{
    display: inline-block;
    width : 180px;
}

.align_detail_planif_femur_valeur{
    display: inline-block;
    width: 115px;
}

.align_donnees_planif{
    display: inline-block;
    width : 218px;
}

#forgotten_pwd{
    width:900px;
    margin-left : 20px;
}
.w550{
    width : 550px;
}
.input_profil_pwd{
    outline:none;
    border:1px solid #999999;
    width:250px;
    height:22px;
    padding:0 7px;
    margin:2px 0;
    font-size:14px;
}

.msg_ok{
    color : #009ee2;
    font-size : 13px;
}

.loi{
    color : #009ee2;
    font-size : 15px;
}

.libelle_mail{
    color:#4c4c4c;
    font-weight:bold;
    font-size:13px;
    width : 400px;
    margin:8px 0;
}

.table_gestion_contenu_g_mail{
    border-bottom:solid 1px #75cff5;
    border-left:solid 1px #75cff5;
    height:15px;
    background-color:#ffffff;
/*     width:100px; */
/*     color:#3d3d3d; */
    font-size:12px;
    width : 150px;
}
.table_gestion_contenu_d_mail{
    border-bottom:solid 1px #75cff5;
    border-left:solid 1px #75cff5;
    height:15px;
    background-color:#ffffff;
/*     width:100px; */
/*     color:#3d3d3d; */
    font-size:12px;
    width : 50px;
}

.textAreaMail{
    outline:none;
    border:1px solid #999999;
    width:400px;
    height:200px;
    padding:0 7px;
    margin:2px 0;
    font-size:14px;
}

.input_mail{
    outline:none;
    border:1px solid #999999;
    width:400px;
    height:22px;
    padding:0 7px;
    margin:2px 0;
    font-size:14px;
}

.font_12{
    font-size:12px;
}

.case_btn_kit{
    width : 200px;
}

.input_manuf{
    outline:none;
    border:1px solid #999999;
    width:150px;
    height:22px;
    padding:0 7px;
    margin-top : 5px;
}

#infos_tres_large{
    width:900px;
    margin:2px 50px 0 50px;
}

.input_implant{
    outline:none;
    border:1px solid #999999;
    width:255px;
    height:22px;
    padding:0 7px;
    margin:2px 0;
    margin-right : 24px;
    font-size:14px;
}

.w270{width:270px;}

.implant_droit{
    margin-left : 24px;
}
.input_implant_point{
    outline:none;
    border:1px solid #999999;
    width:47px;
    height:22px;
    padding:0 7px;
    margin:2px 0;
    margin-right : 10px;
    font-size:14px;
}

.input_implant_point_z{
    outline:none;
    border:1px solid #999999;
    width:47px;
    height:22px;
    padding:0 7px;
    margin:2px 0;
    margin-right : 25px;
    font-size:14px;
}

#infos_large_detail{
    width:600px;
    margin:2px 225px 0 215px;
}

#infos_large_implant_tibia{
    width:700px;
    margin:2px 200px 0 200px;
}

.redPoint{
    font-weight : bold;
    color : red;
    font-size : 18px;
}

.input_head_implant_point{
    outline:none;
    border:1px solid #999999;
    width:45px;
    height:22px;
    padding:0 7px;
    margin:2px 0;
    margin-right : 10px;
    font-size:14px;
}

.ligne_export{
    display: block;
    color:#009ee2;
    font-weight:bold;
    font-size:13px;
    text-align:left;
    margin:7px 0;
    cursor : pointer;
}

.exports{
    text-transform:uppercase;
    font-size:15px;
}

.table_comp_hip_header_texte{
    font-weight:bold;
    font-size:14px;
    color:#ffffff;
    text-transform:uppercase;
    padding-top:10px;
/*     width:100px; */
}

.table_comp_hip_header_fond{
    background-color:#009ee2;
    }

.table_comp_hip_contenu{
    border-bottom:solid 1px #75cff5;
    border-left:solid 1px #75cff5;
    height:15px;
    background-color:#ffffff;
    font-size:14px;
}

.table_comp_hip_contenu_g{
    border-bottom:solid 1px #75cff5;
    border-left:solid 1px #75cff5;
    height:15px;
    background-color:#ffffff;
    color:#4c4c4c;
    font-weight:bold;
    font-size:13px;
/*     width : 200px; */
}
.table_comp_hip_contenu_d{
    border-bottom:solid 1px #75cff5;
    border-left:solid 1px #75cff5;
    height:15px;
    background-color:#ffffff;
    color:#4c4c4c;
    font-weight:bold;
    font-size:13px;
/*     width : 200px; */
}

.table_comp_hip_footer{
    height:2px;
    background-color:#009ee2;
    font-size:14px;
}

.table_comp_hip{
    border-collapse:collapse;
    overflow:hidden;
    width:500px;
    margin : auto;
}

.table_comp_hip tr:first-child td:first-child { border-top-left-radius:10px;}

.decale_table{
    float:left;
    clear : left;
    margin-left : 20px;
}

.cadre_grand, .cadre_grand_dicom_admin{
    width:1000px;
    margin:35px 0;
    display:inline-block;
    min-height: 423px;
}

.cadre_grand_dicom_admin{
    width:1300px;
}

.w450{width:450px;}
.w1400{width:1400px;}

.entire_table{
    width: 100%;
}

.w450{width:450px;}

.btn_simple_csv, .btn_simple_stl, .btn_simple_xml, .btn_simple_pdf {
    border-radius: 5px;
    box-shadow: 1px 2px 5px -3px #000;
    color: #FFF;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 33px;
}

.btn_simple_csv{
    background-color: #227547;
}
.btn_simple_stl {
    background-color: #e1b741;
}
.btn_simple_xml {
    background-color: #009ee2;
}
.btn_simple_pdf {
    background-color: #cb0606;
}

.btn_simple_line {
    padding: 3px 8px;
    color: #FFF;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ADADAD 0%, #B1B1B1 8%, #8E8E8E 10%, #757575 39%, #474647 46%, #363636 100%);
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-shadow: 1px 2px 5px -3px #000;
    cursor: pointer;
}

.btn_simple_line_big {
    background: linear-gradient(to bottom, #ADADAD 1%, #B1B1B1 2%, #8E8E8E 12%, #757581 22%, #474647 50%, #363636 100%);
    border-radius: 5px;
    box-shadow: 1px 2px 5px -3px #000;
    color: #FFF;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding: 3px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.download .btn_simple_line {
    background: rgb(120, 190, 32);
}

.already_download .btn_simple_line {
    background: rgb(230, 231, 232);
}

.upload_download_popup_container{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.upload_download_popup_dialog{
    background: #DBDCDC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.7), 0px 1px 0px 0px rgba(95, 115, 130, 0.3);
    box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.7), 0px 1px 0px 0px rgba(95, 115, 130, 0.3);
    position: fixed;
    top: 35%;
    left: 35%;
    width: 500px;
    min-height: 70px;
    color: #666;
    font-weight: bold;
    z-index: 151;
}

.upload_download_popup_dialog span{
    margin: 10px;
    display: block;
}

.voile {
    background: #fff;
    opacity: 0.55;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.7), 0px 1px 0px 0px rgba(95, 115, 130, 0.3);
    box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.7), 0px 1px 0px 0px rgba(95, 115, 130, 0.3);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 150;
}

.sort-header{
    cursor: pointer;
}

.newRequestRadioButton {
    float: right;
}

.newRequestRadioButton .radioButton {
    margin: 5px 5px 0px 0px;
}

#part_onefit, #part_eos3d{
    width: 100%;
}

.file .progressBar.upload {
    background: #00c7f0;
}

.file .progressBar.recompose {
    background: #3cce22;
}

.comment3DService{
    resize: vertical;
}

.ligne_fiche input[type="submit"] {
    padding: 5px;
    cursor: pointer;
    background: none;
    color: white;
    font-weight: bold;
    margin-top: -10px;
}

.submit_button {
    margin-top: 20px;
}

/*style des champs select*/
.select_search{
    width:255px;
    font-size:14px;
    border:solid 1px #999999;
    margin-top:5px;
}

#dateOnglet{
    float: right;
    margin-right: 10px;
}

.button_css:hover {
    background: -moz-linear-gradient(top,  rgba(220,197,147,0.84) 0%, rgba(206,224,206,1) 3%, rgba(214,217,187,1) 7%, rgba(215,210,174,1) 10%, rgba(223,201,152,1) 13%, rgba(225,195,137,1) 17%, rgba(233,185,115,1) 20%, rgba(241,161,62,1) 30%, rgba(245,148,33,1) 37%, rgba(244,135,10,1) 43%, rgba(245,132,1,1) 47%, rgba(240,129,0,1) 50%, rgba(240,129,0,1) 97%, rgba(240,129,0,0.6) 100%);
    background: -webkit-linear-gradient(top,  rgba(220,197,147,0.84) 0%,rgba(206,224,206,1) 3%,rgba(214,217,187,1) 7%,rgba(215,210,174,1) 10%,rgba(223,201,152,1) 13%,rgba(225,195,137,1) 17%,rgba(233,185,115,1) 20%,rgba(241,161,62,1) 30%,rgba(245,148,33,1) 37%,rgba(244,135,10,1) 43%,rgba(245,132,1,1) 47%,rgba(240,129,0,1) 50%,rgba(240,129,0,1) 97%,rgba(240,129,0,0.6) 100%);
    background: linear-gradient(to bottom,  rgba(220,197,147,0.84) 0%,rgba(206,224,206,1) 3%,rgba(214,217,187,1) 7%,rgba(215,210,174,1) 10%,rgba(223,201,152,1) 13%,rgba(225,195,137,1) 17%,rgba(233,185,115,1) 20%,rgba(241,161,62,1) 30%,rgba(245,148,33,1) 37%,rgba(244,135,10,1) 43%,rgba(245,132,1,1) 47%,rgba(240,129,0,1) 50%,rgba(240,129,0,1) 97%,rgba(240,129,0,0.6) 100%);
    cursor: pointer;
}

.button_css_inactive {
    float: left;
    height: 30px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#939393+0,bfbfbf+50,e5e5e5+100 */
    background: #939393; /* Old browsers */
    background: -moz-linear-gradient(top,  #939393 0%, #bfbfbf 50%, #bfbfbf 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #939393 0%,#bfbfbf 50%,#bfbfbf 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #939393 0%,#bfbfbf 50%,#bfbfbf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    cursor: default;
/*    margin: 5px 28px 5px 2px;*/
    padding: 0 8px 0 8px;
    line-height: 30px;
}

#no_line_bottom{
    border-bottom: none;
}
.table_td_90{
    width: 90px;
}

.table_td_113{
    width: 113px;
}

.table_td_85{
    width: 85px;
}

/*style des champs select*/
.select_instrum_levels{
    width:70px;
    font-size:14px;
    border:solid 1px #999999;
    margin-top:5px;
    float: left;
}

/*style des champs select*/
.prefix_instum_level{
    margin-top:7px;
    width:50px;
    float: left;
}

.select_left{
    float: left;
    margin-right: 30px;
}

.fail_simu{
    color: #ff0000;
    font-size:11px;
    text-align: left;
}

tr.unchangedDicom td {
    background-color: #f9b363;
}

tr.unchangedDicomFiles td {
    background-color: #bdeafd;
}

.alert_form {
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    height: auto;
    left: calc((100% - 600px) / 2);
    overflow: hidden;
    overflow-y: visible;
    padding: 20px 5px;
    position: absolute;
    top: 150px;
    white-space: normal;
    width: 600px;
    z-index:500;
}

.alert {
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    height: auto;
    left: calc((100% - 600px) / 2);
    overflow: hidden;
    overflow-y: visible;
    padding: 20px 5px;
    position: absolute;
    top: 33%;
    white-space: normal;
    width: 600px;
    z-index:500;
}

.alertContent {
    color: #919ba0;
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-align: center;
    text-rendering: optimizeLegibility;
}

.alertTitle {
    color: #111111;
    font-weight: bold;
    margin-bottom: 10px;
    text-align:center;
    text-transform: uppercase;
}

.alertBtn {
    background: #fff;
    border: 1px solid #c5c5c5 !important;
    border-radius: 40px;
    color: #111111;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-family: 'Helvetica Neue', 'helvetica', sans-serif;
    font-weight: bold;
    height: 33px;
    line-height: 33px;
    margin: 3px;
    margin-right: 40px;
    min-width: 100px;
    outline: 0 none;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-appearance: none;
}

.alertBtn:hover {
    background: #f1f1f1;
}

.textArea_alert{
    outline: none;
    border: 1px solid #999999;
    width: 480px;
    height: 100px;
    padding: 0 7px;
    margin: 2px 0;
    font-size: 14px;
}

.alertVoile {
    background: #fff;
    height : 100%;
    left: 0;
    opacity : 0.4;
    position: fixed;
    top: 0;
    width : 100%;
    z-index: 150;
}

.link_reset {
    font-weight: bold;
}

.link_reset:visited {
    color: blue;
}

.delivery_libelle {
    color:#4c4c4c;
    font-weight:bold;
    font-size:13px;
    width : 40%;
    margin:8px 0;
}

.ligne_delivery{
    height : 25px;
    margin:10px 0;
    text-align:left;
}

.btn_delivery_popup {
    display: inline-block;
    margin-top: 20px;
}

.subcases_form_label {
    display: block;
    color: #4c4c4c;
    font-weight: bold;
    font-size: 13px;
    text-align: right;
    margin: 7px 0;
    margin-right: 15px;
}

.main_request {
    display: block;
    margin-top: 10px;
    opacity: 0.75;
}

.mt20 {
    margin-top: 20px;
}

.mr40 {
    margin-right: 40px;
}

.mt40 {
    margin-top: 40px;
}

.display_none {
    display: none;
}
/* Gestion de l'affichage des listes déroulantes pour la popup de livraison
    - Le premier élément est en gris (sert de placeholder) et les autres en noir. */
select:required:invalid {
    color: gray;
}

option[value=""][disabled] {
    display: none;
}

option {
    color: black;
}

/*****************/
thead td[role=columnheader]:not(.no-sort) {
    cursor: pointer;
}

thead td[role=columnheader]:not(.no-sort):after {
    content: '';
    float: right;
    margin-top: 7px;
    border-width: 0 4px 4px;
    border-style: solid;
    border-color: #ffffff transparent;
    visibility: hidden;
    opacity: 0;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

thead td[aria-sort=ascending]:not(.no-sort):after {
    border-bottom: none;
    border-width: 4px 4px 0;
}

thead td[aria-sort]:not(.no-sort):after {
    visibility: visible;
    opacity: 0.2;
}

thead td[role=columnheader]:not(.no-sort):hover:after {
    visibility: visible;
    opacity: 0.6;
}

/*****************/

#loadingSpinVoile {
    background: #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    -webkit-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
    text-align: center;
}

.spin {
    position: fixed;
    width: 0px;
    height: 0px;
    margin-top: 27px;
    margin-left: 27px;
    display: inline-block;
    top: 44%;
}

.spin:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0px;
    border-top: 1px solid black;
    border-right: 3px solid black;
    border-radius: 0 50px 0px 0;
    width: 30px;
    height: 30px;
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.spin:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 0px;
    border-bottom: 1px solid black;
    border-left: 3px solid black;
    border-radius: 0 0px 0px 50px;
    width: 30px;
    height: 30px;
    -webkit-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@keyframes spin {
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}