/*---------------------------GLOBAL---------------------------*/

html,
body {
    height: 100%;
}


/*Opera Fix*/

body:before {
    /* thanks to Maleika (Kohoutec)*/
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;
    /* thank you Erik J - negate effect of float*/
}

html {
    margin: 0px;
}

body {
    background: #fbfbfb;
    font-family: Verdana, Arial;
    margin: 0px;
    width: 100%;
    height: 100%;
    font-size: 12px;
}

#deco {
    min-height: 100%;
    background: #fbfbfb url('general/body_bg.gif') repeat-x top left;
    font-family: Verdana, Arial;
    margin: 0px;
}

#deco2 {
    font-family: Verdana, Arial;
    margin: 0px;
    width: 100%;
    height: 100%;
}

h1 {
    color: #e20019;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    padding: 0px;
}

h2 {
    color: #bbbbbb;
    font-weight: normal;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

h3 {
    color: #777777;
    font-weight: normal;
    font-size: 18px;
    margin: 10px 0px;
    padding: 0px 0px 5px 0px;
}

h4 {
    color: #e20019;
    font-weight: normal;
    font-size: 15px;
    margin: 0px;
    padding: 0px;
}

a {
    color: #e20019;
}

a:hover {
    color: #666666;
}

p {
    font-size: 12px;
    line-height: 15px;
    padding: 0px;
}

img {
    border: none;
}

hr {
    background-color: #DDDDDD;
    border: 0 none;
    color: #DDDDDD;
    height: 1px;
}


/*---------------------------PRINCIPAUX CONTENEURS---------------------------*/

#site {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    overflow: auto;
    padding-bottom: 57px;
    /* must be same height as the footer */
}

#alerte {
    width: 94%;
    background-color: #eee;
    color: #000000;
    padding: 6px 3% 12px 3%;
    font-size: 13px;
}

#alerte a {
    padding: 7px 0px 3px 35px;
    background: url('general/bug.png') no-repeat top left;
    text-decoration: none;
    line-height: 20px;
    color: #D83A22;
}

#alerte_uti_secondaire {
    width: 94%;
    background-color: #444;
    color: #ffffff;
    padding: 7px 3% 7px 3%;
    font-size: 11px;
}

#alerte_uti_secondaire a {
    background: #000000;
    border-radius: 5px;
    padding: 7px;
    text-decoration: none;
    line-height: 20px;
    color: #FFFFFF;
}

#milieu {
    padding: 0% 3%;
    clear: both;
    float: left;
    width: 94%;
}

#milieu_deco {
    padding: 0px 0px;
    float: left;
    width: 100%;
}

#bas {
    background: url('general/bas_bg.gif') repeat-x bottom left;
    padding: 0% 3%;
    width: 94%;
    z-index: 1;
    position: relative;
    margin-top: -57px;
    /* negative value of footer height */
    height: 57px;
    clear: both;
}

#content {
    width: 79%;
    border: solid 1px #b2b2b2;
    background: #FFFFFF;
    padding: 0px;
    float: left;
    margin-bottom: 10px;
    font-family: Arial;
    padding: 1%;
}

#content_right {
    float: left;
    width: 17%;
    margin-left: 1%;
    margin-bottom: 10px;
}

#full_content {
    width: 100%;
    border: solid 1px #b2b2b2;
    background: #FFFFFF;
    padding: 10px;
    float: left;
    margin: 10px 0px;
}

#PSR_print {
    width: 100%;
    float: left;
}


/*---------------------------BANDEAU---------------------------*/

#bandeau {
    background: url('general/bandeau_logo.gif') no-repeat top left;
    clear: both;
    float: left;
    width: 100%;
    height: 103px;
    padding: 0px 0px 0px 0px;
}

#bandeau img {}


/*---------------------------BARRE UTILISATEUR---------------------------*/

#outil {
    width: 751px;
    height: 103px;
    float: right;
}

#barre_utilisateur {
    background: url('general/outil_bg.png') no-repeat center right;
    width: 751px;
    height: 31px;
    margin: 0px;
    float: right;
    text-align: right;
    padding: 0% 2%;
    font-size: 10px;
    color: #333333;
    line-height: 30px;
}

#barre_utilisateur a {
    color: #333333;
}

#user {
    float: right;
    padding: 0px 0px 0px 0px;
    color: #333333;
}

#menu_outil {
    float: right;
    padding: 2px 0px 0px 15px;
    position: relative;
}

#menu_utilisateur {
    width: 250px;
    position: absolute;
    right: 0;
    border: 1px solid #C1C0C0;
    background: #FFFFFF;
    padding: 15px;
    display: none;
    line-height: 22px;
}

#menu_utilisateur a {
    font-size: 12px;
    color: #e20019;
    text-decoration: none;
    display: block;
    width: 230px;
    padding: 3px 10px;
    text-align: left;
}

#menu_utilisateur a:hover {
    text-decoration: underline;
}

#menu_utilisateur #nom_utilisateur {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    display: block;
    text-align: left;
}

#menu_utilisateur #mail_utilisateur {
    color: #666666;
    font-size: 12px;
    display: block;
    text-align: left;
}

#menu_utilisateur #photo_profil {
    width: 100px;
    float: left;
    margin-right: 10px;
}

#logout {
    float: right;
    padding: 0px 0px 0px 15px;
    color: #333333;
}

#logout a {
    margin-top: 3px;
}

#barre_option {
    float: right;
    color: #ffffff;
}


/*---------------------- NOTIFICATIONS ----------------------*/

#notifications .afficher_tout {
    text-align: center;
    font-size: 11px;
    padding-top: 2px;
}

#notifications .afficher_tout a {
    text-decoration: none;
}

.notification a,
.notification_read a {
    padding: 5px;
    display: block;
    font-size: 11px;
    width: 95%;
    text-decoration: none;
}

.notification a {
    background: #73ACD3;
    color: #FFFFFF;
}

.notification_read a {
    background: #EEEEEE;
    color: #000000;
}

#notifications_status {
    float: right;
    margin: 3px 5px 0px 0px;
    height: 18px;
}

#notifications_status a {
    text-decoration: none;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    height: 18px;
    padding: 4px 0px 3px 25px;
}

#notifications_status .read {
    background: url('general/notif_read.gif') no-repeat center left;
    color: #7bb0d5;
}

#notifications_status .unread {
    background: url('general/notif_unread.gif') no-repeat center left;
}

#nb_unread_notifications {
    display: block;
    height: 16px;
    line-height: 16px;
}


/*---------------------------MOTEUR DE RECHERCHE---------------------------*/

#recherche {
    float: right;
    margin: 20px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
}

#recherche input {
    float: left;
    font-size: 14px;
    background: url('general/recherche_input_bg.png') no-repeat top left;
    color: #797878;
    border: none;
    width: 139px;
    height: 18px;
    padding: 7px 10px;
    margin: 0px;
    border-radius: 10px 0 0 10px;
}

#recherche a.bouton_recherche {
    background: url('general/recherche_btn.png') no-repeat top left;
    display: block;
    float: left;
    width: 31px;
    height: 32px;
}

.aide_recherche {
    float: left;
    margin: 5px;
    position: relative;
}

.aide_recherche a span {
    display: none;
    width: 160px;
    background: #FFFFFF;
    border: 3px solid #CCCCCC;
    padding: 5px;
    font-size: 11px;
    position: absolute;
    margin-top: 10px;
}

.aide_recherche a:hover span {
    display: block;
}

.onglet_recherche {
    width: 150px;
    padding: 10px;
    margin-right: 10px;
}

.onglet_recherche_selected {
    border-top: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    background: #ffffff;
    width: 150px;
    padding: 10px;
    margin: 5px;
}

.lien_onglet_recherche {
    color: #e20019;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}

.table_form_recherche {
    background: #ffffff;
}


/*---------------------------MENU---------------------------*/

#menu_principal {
    clear: both;
    float: left;
    height: 31px;
    width: 96%;
    padding: 0% 2%;
    z-index: 10;
    margin-bottom: 5px;
}

#menu {
    list-style: none;
    height: 31px;
    padding: 0px 0px;
    margin: 0px;
    white-space: nowrap;
    z-index: 10;
}

#menu li {
    margin: 0;
    display: inline;
    float: left;
    z-index: 10;
}

#menu li a {
    display: block;
    padding: 0px 2px;
    line-height: 31px;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    z-index: 10;
}

#menu li a.sub {
    background: url('general/menu_deroulant_fleche.gif') no-repeat 95% 14px;
    z-index: 10;
}

#menu li a.sub:hover {
    background: url('general/menu_deroulant_fleche.gif') no-repeat 95% 14px;
    color: #FFFFFF;
    z-index: 10;
}

#menu li a .deb {
    height: 30px;
    padding: 9px 0px;
    z-index: 10;
}

#menu li a .fin {
    width: 6px;
    padding: 9px 0px;
    z-index: 10;
}

#menu li a .milieu {
    width: 6px;
    padding: 9px 10px;
    z-index: 10;
}

#menu li.onglet_selected a .deb,
li a:hover .deb {
    background: url('general/menu_deb.gif') no-repeat bottom left;
}

#menu li.onglet_selected a .fin,
li a:hover .fin {
    background: url('general/menu_fin.gif') no-repeat bottom right;
}

#menu li.onglet_selected a .milieu,
li a:hover .milieu {
    background: url('general/menu_milieu.gif') repeat-x bottom left;
}

#menu ul {
    list-style: none;
    background: #ffffff;
    position: absolute;
    display: none;
    padding: 0px;
    margin: 5px 0px 0px -1px;
    width: 260px;
    z-index: 10;
    border-bottom: solid 1px #e20019;
    border-left: solid 1px #e20019;
    border-right: solid 1px #e20019;
}

#menu ul li {
    float: left;
    z-index: 10;
    padding: 5px 15px;
    width: 230px;
}

#menu ul li:hover {
    background: #efefef;
}

#menu ul li a {
    z-index: 10;
    display: block;
    padding: 5px 20px;
    line-height: 20px;
    text-decoration: none;
    color: #000000;
    font-weight: normal;
    font-size: 11px;
    border: none;
}

#menu ul li a:hover {
    color: #000000;
    background: #efefef;
    z-index: 10;
}

#menu ul li a.sub {
    background: url('general/menu_deroulant_fleche.gif') no-repeat 95% 12px;
    z-index: 10;
}

#menu ul li a.sub:hover {
    background: #efefef url('general/menu_deroulant_fleche.gif') no-repeat 95% 12px;
    color: #000000;
    z-index: 10;
}

#menu ul li ul {
    list-style: none;
    background: #ffffff;
    left: 100%;
    width: 260px;
    margin: -35px 0px 0px -1px;
    padding: 0px;
    border-top: solid 1px #e20019;
    border-left: none;
    border-right: solid 1px #e20019;
    z-index: 10;
}

#menu ul li ul li {
    float: left;
    padding: 5px 15px;
    width: 230px;
    z-index: 10;
}

#menu ul li ul li:hover {
    background: #efefef;
}

#menu ul li ul li a {
    display: block;
    padding: 5px 20px;
    line-height: 20px;
    text-decoration: none;
    color: #000000;
    font-weight: normal;
    font-size: 11px;
    border: none;
    z-index: 10;
}

#menu ul li ul li a:hover {
    color: #000000;
    background: #efefef;
    z-index: 10;
}

#menu a:hover,
#menu a:active,
#menu a:focus {
    z-index: 10;
}

#menu .montre {
    display: block;
    z-index: 10;
}

#menu li a.trace {
    background: url('general/menu_deroulant_fleche.gif') no-repeat 95% 14px;
    color: #FFFFFF;
    z-index: 10;
}

#menu li a.trace .deb {
    background: url('general/menu_deb.gif') no-repeat bottom left;
}

#menu li a.trace .fin {
    background: url('general/menu_fin.gif') no-repeat bottom right;
}

#menu li a.trace .milieu {
    background: url('general/menu_milieu.gif') repeat-x bottom left;
}

#menu li ul li a.trace {
    background: url('general/menu_deroulant_fleche.gif') no-repeat 95% 12px;
    color: #000000;
}


/*---------------------------MENU LAYER---------------------------*/

#menu_layer {
    clear: both;
    float: left;
    height: 37px;
    width: 100%;
    border-bottom: solid 1px #CACACA;
    margin-bottom: 5px;
    z-index: 10;
}

#onglet_menu_layer {
    display: block;
    list-style: none;
    height: 37px;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
    z-index: 10;
}

#onglet_menu_layer li {
    list-style: none;
    white-space: nowrap;
    display: inline;
    float: left;
    margin: 0px;
    z-index: 10;
}

#onglet_menu_layer li a {
    display: block;
    font-size: 13px;
    padding: 0px 7px 0px 7px;
    margin: 0px 3px 0px 0px;
    text-decoration: none;
    height: 36px;
    line-height: 36px;
}

#onglet_menu_layer .onglet_form_layer {
    background: #efefef;
    color: #999999;
    font-weight: bold;
}

#onglet_menu_layer .sub {
    background: url('../Images/bullet_arrow_right.png') no-repeat center right #efefef;
    color: #999999;
    font-weight: bold;
    padding-right: 16px;
}

.onglet_form_layer,
.onglet_form_layer_select {
    color: #000000;
    font-size: 12px;
    border-top: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    padding: 10px;
    margin: 2px;
    float: left;
    text-decoration: none;
}

.onglet_form_layer_select {
    color: #e20019;
    font-size: 14px;
    font-weight: bold;
}

#onglet_menu_layer .onglet_form_layer_select,
#onglet_menu_layer .onglet_form_layer:hover {
    background: url('general/onglets_bg.gif') repeat-x top left;
    color: #FFFFFF;
    font-weight: bold;
}

#menu_layer ul li ul {
    list-style: none;
    display: none;
    background: #FFFFFF;
    position: absolute;
    margin: 37px 0px 0px 0px;
    padding: 0;
    width: 180px;
    z-index: 10;
    border: solid 1px #CACACA;
}

#menu_layer ul li ul li {
    float: left;
    z-index: 10;
    width: 100%;
    height: 36px;
}

#menu_layer ul li ul li a {
    display: block;
    font-size: 13px;
    text-decoration: none;
    height: 36px;
    line-height: 36px;
    margin: 0px;
    color: #666666;
}

#menu_layer ul li:hover ul {
    display: block;
}

#menu_layer ul li ul li:hover a {
    background: url('general/onglets_bg.gif') repeat-x top left;
    color: #FFFFFF;
    margin: 0px;
}

#onglet_menu_layer span {
    padding: 10px 0px 10px 20px;
}

#onglet_menu_layer .edit {
    background: url('../Images/pencil.png') no-repeat center left;
}

#onglet_menu_layer .uti_info {
    background: url('../Images/user.png') no-repeat center left;
}

#onglet_menu_layer .uti_objectif {
    background: url('../Images/chart_line.png') no-repeat center left;
}

#onglet_menu_layer .uti_espace {
    background: url('../Images/group.png') no-repeat center left;
}

#onglet_menu_layer .ec_info {
    background: url('../Images/drive_user.png') no-repeat center left;
}

#onglet_menu_layer .ec_module {
    background: url('../Images/brick.png') no-repeat center left;
}

#onglet_menu_layer .ec_membre {
    background: url('../Images/group.png') no-repeat center left;
}

#onglet_menu_layer .wk_info {
    background: url('../Images/chart_organisation.png') no-repeat center left;
}

#onglet_menu_layer .wk_etat {
    background: url('../Images/brick.png') no-repeat center left;
}

#onglet_menu_layer .wk_action {
    background: url('../Images/brick_go.png') no-repeat center left;
}

#onglet_menu_layer .flag_fr {
    background: url('../Images/flags/fr.png') no-repeat center left;
}

#onglet_menu_layer .flag_gb {
    background: url('../Images/flags/uk.png') no-repeat center left;
}


/*---------------------------OPTIONS---------------------------*/

#options {
    float: left;
    height: 50px;
    width: 100%;
    padding: 0px;
}

#options_titre {
    float: left;
    width: 60%;
    padding: 10px 0px;
}

#options_titre h1 {
    display: inline;
    margin: 0px;
    font-weight: normal;
    font-family: Arial;
}

#options_ariane {
    float: left;
    width: 40%;
    padding: 10px 0px;
}


/*---------------------------FIL ARIANE---------------------------*/

#ariane {
    background: url('general/ico_home.gif') no-repeat top left;
    float: right;
    text-align: right;
    padding: 0px 0px 0px 20px;
    font-size: 12px;
    color: #e20019;
    height: 20px;
}

.div_ariane {
    float: left;
    padding: 3px 0px;
    height: 12px;
}

#ariane a {
    font-size: 12px;
    color: #e20019;
    text-decoration: none;
}


/*---------------------------OPTIONS ACTIONS---------------------------*/

#options_bouton {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border: solid 1px #b2b2b2;
    border-radius: 10px;
}

#options_bouton .titre_action {
    background: url('general/ico_action.gif') no-repeat top left;
    float: left;
    width: 100%;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    border-bottom: solid 1px #cccccc;
    height: 50px;
    line-height: 50px;
    padding: 0px 0px 5px 0px;
    vertical-align: middle;
}

#options_bouton .libelle_action {
    padding: 10px 0px 10px 60px;
    float: left;
    height: 30px;
    line-height: 30px;
}

#options_bouton .contenu {
    padding: 10px;
    float: left;
}

#options_bouton ul {
    float: left;
    list-style: none;
    padding: 0px 0px;
    margin: 10px 0px 0px 0px;
    width: 100%;
}

#options_bouton li {
    margin: 0px 0px 10px 5px;
    display: block;
    float: left;
    width: 95%;
}

#options_bouton li a {
    background: url('general/lien_action.gif') no-repeat top left;
    padding-left: 25px;
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

#options_bouton li a:hover {
    text-decoration: underline;
}


/*---------------------------OPTIONS LIENS DIRECTS---------------------------*/

#options_direct {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border: solid 1px #b2b2b2;
    border-radius: 10px;
}

#options_direct .titre_action {
    background: url('general/ico_direct.gif') no-repeat top left;
    float: left;
    width: 100%;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid 1px #cccccc;
    height: 50px;
    line-height: 50px;
    padding: 0px 0px 5px 0px;
    vertical-align: middle;
}

#options_direct .libelle_action {
    padding: 10px 0px 10px 50px;
    float: left;
    height: 30px;
    line-height: 30px;
}

#options_direct .contenu {
    padding: 5px;
    float: left;
}

#options_direct ul {
    float: left;
    list-style: none;
    padding: 0px 0px;
    margin: 10px 0px 0px 0px;
}

#options_direct li {
    margin: 0px 0px 10px 5px;
    display: block;
    float: left;
    width: 100%;
}

#options_direct li a {
    background: url('general/lien_action.gif') no-repeat top left;
    padding-left: 25px;
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

#options_direct li a:hover {
    text-decoration: underline;
}


/*---------------------------OPTIONS CRM Historique ---------------------------*/

#options_crm_historique {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border: solid 1px #b2b2b2;
    border-radius: 10px;
}

#options_crm_historique .titre_action {
    background: url('general/ico_historique.png') no-repeat top left;
    float: left;
    width: 100%;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid 1px #cccccc;
    height: 50px;
    line-height: 50px;
    padding: 0px 0px 5px 0px;
    vertical-align: middle;
}

#options_crm_historique .libelle_action {
    padding: 10px 0px 10px 60px;
    float: left;
    height: 30px;
    line-height: 30px;
}

#options_crm_historique .contenu {
    padding: 5px;
    float: left;
}

#options_crm_historique ul {
    float: left;
    list-style: none;
    padding: 0px 0px;
    margin: 10px 0px 0px 0px;
}

#options_crm_historique li {
    margin: 0px 0px 10px 5px;
    display: block;
    float: left;
    width: 100%;
}

#options_crm_historique li a {
    /*background:url('general/lien_action.gif') no-repeat top left;padding-left:25px;*/
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

#options_crm_historique li a:hover {
    text-decoration: underline;
}

#options_crm_historique li span {
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

#options_crm_historique .crm_historique_action_commerciale {
    font-style: italic;
    font-size: 11px;
}


/*---------------------------PIED---------------------------*/

#bas .pied {
    float: left;
    width: 100%;
    height: 57px;
}

#bas .liens_outils {
    padding-top: 10px;
    line-height: 20px;
    color: #FFFFFF;
    font-size: 11px;
    text-align: left;
    float: left;
    width: 55%;
}

#bas .liens_outils a {
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
}

#bas .coordonnees {
    padding-top: 11px;
    line-height: 20px;
    color: #FFFFFF;
    font-size: 11px;
    text-align: right;
    float: right;
    width: 35%;
}

#bas .coordonnees a {
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: underline;
}


/*--------------------------- FORMULAIRES ---------------------------*/

input[type="text"],
textarea,
input[type="password"],
select {
    border: 1px solid #BBBBBB;
    margin: 0;
    color: #222222;
}


/* input[type="button"],input.btn-primary{
font-weight:bold;
}
*/

input.btn_login {
    background-image: none;
    background-color: #e20019;
    border-color: -moz-use-text-color -moz-use-text-color rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding: 7px 12px 8px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

input[type="radio"] {
    color: #222222;
}

input[type="checkbox"] {
    color: #222222;
}

select {
    border-radius: 3px 3px 3px 3px;
    display: inline;
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 3px;
    margin: 0;
}

label {
    color: #222222;
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
}

.lbl {
    display: inline-block;
    width: 25%;
}

span.obligatoire {
    font-size: 11px;
    color: red;
}

div.obligatoire {
    font-size: 11px;
    padding: 10px 0px;
    color: red;
}

div.actions {
    padding: 10px 0px;
    text-align: center;
}

div.zone_simple {
    padding: 10px 0px;
}

input[type="text"].fieldError,
textarea.fieldError,
input[type="password"].fieldError,
select.fieldError,
.fieldError {
    border: 1px solid #DD0000;
}


/*------------------------- CLASSES GLOBALES ---------------------*/

.texte {
    font-size: 11px;
}

.libelle {
    color: #222222;
    font-size: 12px;
    font-weight: bold;
}

.pagination a {
    color: #222222;
    font-size: 12px;
    font-weight: bold;
}

.titre {
    color: #e20019;
    font-size: 16px;
    font-weight: bold;
}

.page_principale {
    width: 100%;
}

.message_alerte {
    width: 100%;
    font-size: 12px;
    margin-bottom: 10px;
}

.message_close {
    background: url('general/close.png') no-repeat;
    background-position: 0px 0px;
    width: 10px;
    height: 10px;
    position: relative;
    top: -2px;
    line-height: 18px;
    float: right;
    text-decoration: none;
}

.message_close:hover {
    background: url('general/close.png') no-repeat;
    background-position: 0px -10px;
    width: 10px;
    height: 10px;
}

.message_erreur {
    color: #CC0000;
    border: 1px solid #CC0000;
    background: #F2DEDE;
    padding: 10px;
}

.message_valide {
    color: #468847;
    border: 1px solid #468847;
    background: #DFF0D8;
    padding: 10px;
}

.message_info {
    color: #3a87ad;
    border: 1px solid #3a87ad;
    background: #d9edf7;
    padding: 10px;
}

.message_warning {
    color: #C09853;
    border: 1px solid #C09853;
    background: #FCF8E3;
    padding: 10px;
}

.green {
    color: #468847;
}

.red {
    color: #CC0000;
}

.bg_green {
    background: #DFF0D8;
}

.bg_red {
    background: #F2DEDE;
}

a.bouton {
    background: none repeat scroll 0 0 #e20019;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    line-height: 20px;
    padding: 0 10px 0;
    text-decoration: none;
    cursor: pointer;
}

a.bouton:hover {
    text-decoration: underline;
}

a.gros_bouton {
    background: none repeat scroll 0 0 #e20019;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    line-height: 27px;
    padding: 0 10px 0;
    text-decoration: none;
    cursor: pointer;
}

a.gros_bouton:hover {
    text-decoration: underline;
}

a.info {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    text-decoration: none;
    border-bottom: 0.5px dotted #999999;
}

a.info span {
    display: none;
}

a.info:hover {
    background: transparent none repeat scroll 0 0;
    cursor: help;
    z-index: 500;
}

a.info:hover span {
    background-color: #FAFAFA;
    border: 3px solid #CCCCCC;
    color: black;
    display: inline;
    font-size: 12px;
    font-weight: normal;
    left: 20px;
    padding: 5px;
    position: absolute;
    top: 30px;
    white-space: nowrap;
}

a.voir_suite {
    background: url('general/bouton_suite.gif') no-repeat top left;
    color: #FFFFFF;
    height: 22px;
    font-size: 11px;
    text-decoration: none;
    padding: 0px 0px 0px 22px;
}

a.voir_suite span {
    background: url('general/bouton_suite.gif') no-repeat top right;
    padding: 7px 10px 7px 7px;
    float: left;
    line-height: 8px;
}

.div_bouton_suite {
    background: url('general/bouton_suite.gif') no-repeat top left;
    height: 50px;
    padding: 0px 0px 0px 45px;
}

a.bouton_suite {
    background: url('general/bouton_suite.gif') no-repeat top right;
    float: left;
    color: #FFFFFF;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    font-weight: bold;
    text-decoration: none;
    padding: 14px 20px 22px 7px;
}

a.bouton_suite span {
    padding: 0px;
}

.disabled {
    color: #666666;
    font-style: italic;
    text-decoration: none;
}

.warning {
    color: #9F6000;
}

.critical {
    color: #D8000C;
}

.clear {
    clear: both;
}

.pagination {
    font-size: 12px;
    margin-top: 10px;
    padding: 0px 0px 10px 0px;
    background-color: #f7f7f7;
    *background-color: #f1f1f1;
    background-image: -ms-linear-gradient(top, #ffffff, #f1f1f1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
    background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
    background-image: linear-gradient(top, #ffffff, #f1f1f1);
    background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
    background-repeat: repeat-x;
    border-radius: 5px;
}

.pagination table {
    padding: 0px 15px 0px 10px;
}

.sprite {
    float: left;
    padding-right: 10px;
}

.sprite_galerie {
    float: none;
}

.sprite_galerie_none {
    width: 24px;
    height: 24px;
    font-size: 9px;
}

.sprite_item_galerie {
    float: left;
    padding: 0px 4px 10px 4px;
}

.sprite_item_galerie input[type=radio] {
    margin: 3px 0px 0px 7px
}

div.objet_treeview {
    width: 100%;
    border: 1px solid #DDD;
    margin: 0;
    padding: 5px;
    font-size: 11px;
}

.label_etat {
    margin: 5px 0px;
    display: inline-block;
}


/*-------------- REPRISE BOOTSTRAP ----------*/

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #e20019;
}


/*---------------- LEGENDE ---------------*/

a.legende {
    color: #5C8EC1;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    text-decoration: none;
}

a.legende > img {
    position: relative;
    bottom: -3px;
    border: none;
}

a.legende div.legende-content {
    display: none;
    text-align: left;
}

a.legende span.legende-titre {
    display: block;
    color: #e20019;
    font-weight: normal;
    font-size: 15px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

a.legende:hover {
    background: transparent none repeat scroll 0 0;
    cursor: help;
    z-index: 500;
}

a.legende:hover div.legende-content {
    background-color: #FAFAFA;
    border: 3px solid #e20019;
    color: black;
    display: inline;
    font-size: 12px;
    font-weight: normal;
    left: 20px;
    padding: 5px;
    position: absolute;
    top: 30px;
    white-space: nowrap;
}

div.legend_box_color {
    float: left;
    height: 18px;
    margin-right: 10px;
    width: 5px;
}

div.legende-content img.bullet {
    position: relative;
    bottom: -5px;
    border: none;
}


/*-------------------------- ICONFILE -------------------*/


/* Style les liens vers pièces jointes avec icone selon extension */

a.iconfile {
    background: url(../Images/iconfile_default.png);
    height: 52px;
    width: 52px;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
}

a.iconfile[href$=".pdf"] {
    background: url(../Images/iconfile_pdf.png) no-repeat center right;
}

a.iconfile[href$=".ppt"] {
    background: url(../Images/iconfile_ppt.png) no-repeat center right;
}

a.iconfile[href$=".xls"],
a.iconfile[href$=".xlsx"] {
    background: url(../Images/iconfile_excel.png) no-repeat center right;
}

a.iconfile[href$=".doc"],
a.iconfile[href$=".docx"],
a.iconfile[href$=".odt"] {
    background: url(../Images/iconfile_word.png) no-repeat center right;
}


/*------------------------ Module ---------------------*/


/* Gestion des modules sur menu*/

.type_module {
    font-size: 14px;
    cursor: pointer;
}

.liste_module_open {}

.liste_module_close {
    display: none;
}

.identification {
    border: 2px solid #DDDDDD;
    padding: 0 0 0 150px;
}


/*----------------------------- POPUP ----------------*/

h1.popup_titre,
span.popup_titre {
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    color: #000000;
    padding: 0px 0px 10px 0px;
    margin: 0;
}

div.popup_content {
    font-size: 11px;
}

#indicateur-container {
    height: 430px;
    width: 350px;
}

#workflowAction-container {
    height: 500px;
    width: 600px;
}

#comm_gestion_achats_produit-container {
    height: 150px;
    width: 500px;
    color: #bbb;
    background-color: #ffffff;
    padding: 10px;
    z-index: 1000;
}

#comm_gestion_achats_produit-container .simplemodal-data {
    padding: 5px;
    color: #000000;
    z-index: 1000;
}

#comm_gestion_achats_produit-container code {
    background: #141414;
    border-left: 3px solid #65B43D;
    color: #bbb;
    display: block;
    font-size: 12px;
    margin-bottom: 12px;
    padding: 4px 6px 6px;
    z-index: 1000;
}

#comm_gestion_achats_produit-container a.modalCloseImg {
    background: url(../../Produit/Script/simplemodal/css/img/x.png) no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 32000;
    position: absolute;
    top: -15px;
    right: -16px;
    cursor: pointer;
}

#comm_gestion_achats_produit-container h3 {
    color: #84b8d9;
    z-index: 1000;
}

.admin_menu_layer {
    color: #e20019;
    font-size: 12px;
    border-top: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    padding: 10px;
    margin: 5px;
}

.admin_menu_layer_select {
    color: #e20019;
    font-size: 14px;
    font-weight: bold;
    border-top: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    padding: 10px;
    margin: 5px;
}

.admin_langue {
    border-top: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    background-color: #eeeeee;
    width: 100px;
    margin: 5px;
}

.admin_langue_select {
    font-weight: bold;
    border-top: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    width: 150px;
    margin: 5px;
}


/*---------------------------TABLE IDENTIF---------------------------*/

p.loginInfo {
    margin: 5px 0px;
}

div.loginBox {
    padding: 3px 0px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

div.loginBox input {
    font-size: 14px;
    width: 230px;
    padding: 6px 10px 6px 10px;
    margin: 0px;
}

div.loginBox label {
    font-weight: bold;
    width: 100%;
    text-align: left;
}

div.loginBox div.userBox {
    margin: 10px 0px;
    text-align: center;
}

div.loginBox div.userBox label {
    margin: 2px 3px 2px 16px;
}

div.loginBox div.passBox {
    margin: 20px 0px 5px 0px;
    text-align: center;
}

div.loginBox div.passBox label {
    margin: 2px 3px 2px 0px;
}

div.loginBox div.buttonBox {
    margin: 10px 0px;
    text-align: center;
    padding: 15px 0px 0px 0px;
}


/*---------------------------TABLEAU TRIABLE---------------------------*/

.entete_col {
    color: #000000;
}

.entete_col_triAsc,
.entete_col_triDesc {
    text-decoration: underline;
}

.entete_col .triActions,
.entete_col_triAsc .triActions,
.entete_col_triDesc .triActions,
.triActions {
    float: left;
    text-align: left;
    margin-right: 5px;
}

.entete_col a,
.entete_col_triAsc a,
.entete_col_triDesc a,
.triActions a {
    text-decoration: none;
    color: #000000;
    display: block;
}

.entete_col_triAsc a.tri_asc {
    display: none;
}

.entete_col_triDesc a.tri_desc {
    display: none;
}

.table thead tr th.entete_col_triAsc,
.table thead tr th.entete_col_triDesc {
    background-color: #f6f6f6;
    *background-color: #ffffff;
    background-image: -ms-linear-gradient(top, #f6f6f6, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #f6f6f6, #ffffff);
    background-image: -o-linear-gradient(top, #f6f6f6, #ffffff);
    background-image: linear-gradient(top, #f6f6f6, #ffffff);
    background-image: -moz-linear-gradient(top, #f6f6f6, #ffffff);
    background-repeat: repeat-x;
}


/*---------------------------TABLE DONNEES---------------------------*/

.ligne_paire,
table.table tr:nth-child(even),
table.table_formulaire tr:nth-child(even) {
    background: #F2F2F2;
}

.ligne_impaire,
table.table tr:nth-child(odd),
table.table_formulaire tr:nth-child(odd) {
    background: #FFFFFF;
}

.ligne_paire:hover,
table.table tr:nth-child(even):hover,
,
table.table_formulaire tr:nth-child(even):hover {
    background: #D9EBFC;
}

.ligne_impaire:hover,
table.table tr:nth-child(odd):hover,
table.table_formulaire tr:nth-child(odd):hover {
    background: #D9EBFC;
}

.multicoche_tableau {
    width: 100%;
    height: 25px;
    background: #E3E3E3;
    color: #555555;
    font-size: 11px;
}

.multicoche_tableau .fleche {
    float: left;
    width: 50px;
    height: 25px;
    background: url('general/fleche_coche.png') no-repeat bottom center;
}

.multicoche_tableau .lien,
.multicoche_tableau .lien_dropdown {
    float: right;
    width: calc(100% - 50px);
    height: 25px;
}

.multicoche_tableau .lien a {
    background: url('general/fleche_coche_sep.gif') no-repeat center right;
    color: #555555;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 10px 3px 10px;
    float: left;
    margin: 2px 2px 0px 0px;
}

.multicoche_tableau .lien a:last-child {
    background: none;
}

.multicoche_tableau .lien a.lien_ajout,
.multicoche_tableau .lien_dropdown a.lien_ajout {
    background: #555555;
    float: right;
    color: #FFFFFF;
    text-decoration: none;
    border: solid 1px #555555;
    cursor: pointer;
}

a.lien_ajout {
    font-size: 11px;
    font-weight: bold;
    padding: 5px 10px;
    background: #555555;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
    border: solid 1px #b2b2b2;
    display: block;
    text-align: center;
}

.lien_dropdown a,
.table_dropdown a {
    text-decoration: none;
}

.lien_dropdown .dropdown {
    width: 50%;
    float: left;
}

.lien_dropdown .dropdown button {
    height: 25px;
}

.table,
.table_no_hover {
    border-collapse: collapse;
    font-size: 12px;
    border: solid 1px #dddddd;
    width: 100%
}

.table tr,
.table_no_hover tr {}

.table tr td,
.table_no_hover tr td {
    border-bottom: solid 1px #dddddd;
    padding: 5px 10px
}

.table thead tr th,
.table tfoot tr td,
.table tr.entete_table td,
.table tr.pied_table td,
.table_no_hover tr.entete_table td,
.table th,
.table_no_hover th {
    /*background:#ffffff url('general/entete_table_bg.gif') repeat-x top left;*/
    background-color: #f6f6f6;
    *background-color: #ffffff;
    background-image: -ms-linear-gradient(top, #f6f6f6, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #f6f6f6, #ffffff);
    background-image: -o-linear-gradient(top, #f6f6f6, #ffffff);
    background-image: linear-gradient(top, #f6f6f6, #ffffff);
    background-image: -moz-linear-gradient(top, #f6f6f6, #ffffff);
    background-repeat: repeat-x;
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    padding: 9px 10px;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
}

.table thead th label,
.table th label {
    font-weight: bold;
}

.table thead th.text_center,
.table thead td.text_center,
.table th.text_center,
.table td.text_center,
.text_center {
    text-align: center;
}

.table thead th.text_right,
.table thead td.text_right,
.table th.text_right,
.table td.text_right,
.text_right {
    text-align: right;
}

.table tr.filtre td {
    background: #eeeeee;
    border-bottom: solid 1px #dddddd;
    padding: 10px 10px;
    font-weight: bold;
    line-height: 20px;
}

.table tr.titre_table_espace td {
    background: #a4dfff;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
}

.table td.item {
    border: 0px;
    color: #62b4e1;
    font-size: 12px;
    font-weight: bold;
}

.table td.item .texte {
    color: #000000;
    font-weight: normal;
}

.table tr.no_border td {
    border: 0px;
}

.table tr.ligne_type_prestation {
    background-color: #CCC;
    font-weight: bold;
}

.table tr.ligne_type_prestation:hover td {
    background-color: #CCC;
    font-weight: bold;
}

.table tr.ligne_option {
    background-color: #E20019;
    font-weight: bold;
    color: #FFFFFF;
}

.table tr.ligne_option:hover td {
    background-color: #E20019;
    font-weight: bold;
    color: #FFFFFF;
}

.col_sep {
    border-right: 1px solid #BBBBBB;
}

.filtre {
    background: #fafafa;
    border: solid 1px #dddddd;
    padding: 10px 10px;
    font-weight: bold;
    line-height: 20px;
    font-size: 12px;
    margin-bottom: 10px;
    width: 100%;
}

.filtre .libelle {
    color: #000000;
}

.filtre label {
    font-weight: bold;
    /*line-height:20px;*/
    font-size: 12px;
}

#putTreeHere table,
#putTreeHere td {
    margin: 0;
    padding: 0;
}


/*------------------ Table formulaire --------------------*/

.table_form {
    margin: 0px;
    width: 100%;
}

.table_form tr {}

.table_form td {
    line-height: 20px;
    padding: 2px 5px;
    font-size: 11px;
}

.table_form th {
    color: #e20019;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
    padding: 5px 5px;
}

.table_formulaire {
    border: solid 1px #DEDEDE;
    margin: 0px;
    width: 100%;
    border-collapse: collapse;
}

.table_formulaire tr {}

.table_formulaire td,
.table_formulaire th {
    padding: 5px 5px;
    font-size: 11px;
}

.table_formulaire td.entete_table,
.table_formulaire tr.entete_table td {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
    padding: 5px 5px;
}

.ligne_form_paire {
    background: #F6F6F6;
}

.ligne_form_paire td,
.ligne_form_impaire td {
    border-bottom: 1px solid #DEDEDE;
}

.table .ligne_form_paire:hover,
.table_formulaire .ligne_form_paire:hover {
    background: #D9EBFC;
}

.table .ligne_form_impaire:hover,
.table_formulaire .ligne_form_impaire:hover {
    background: #D9EBFC;
}

.ligne_form_impaire {
    background: #FFFFFF;
    border-bottom: 1px solid #DEDEDE;
}

.table_couleur {
    border: solid 1px #DDDDDD;
    margin: 0px;
}

.table_couleur tr {}

.table_couleur td,
.table_couleur th {
    line-height: 20px;
    padding: 2px 5px;
    font-size: 11px;
}

.table_couleur td.entete_table,
.table_couleur tr.entete_table td {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
    padding: 5px 5px;
}

.table_couleur2 {
    background-color: #eeeeee;
    margin: 0px;
    padding: 10px 0px;
}

.table_couleur2 tr {}

.table_couleur2 td,
.table_couleur2 th {
    line-height: 20px;
    padding: 2px 5px;
    font-size: 11px;
}

.table_couleur2 td.entete_table,
.table_couleur2 tr.entete_table td {
    color: #e20019;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
    padding: 3px 5px;
}


/*---------------------- POPUP ALERTES ---------------------*/

.popup_alerte {
    position: absolute;
    border: 2px solid #999999;
    background-color: #FFFFFF;
    font-size: 12px;
    padding: 0px;
}

.popup_alerte .entete {
    background-color: #eeeeee;
    color: #ffffff;
    line-height: 30px;
    padding: 5px 5px;
}

.img_left {
    float: left;
    padding: 0px 10px 10px 0px;
}

.img_icone_left {
    float: left;
    padding: 0px 10px 0px 0px;
}

.img_right {
    float: right;
    padding: 0px 0px 10px 10px;
}

.div_left {
    width: 50%;
    background-color: #eeeeee;
    float: left;
    margin: 0px 10px 10px 0px;
}

.document {
    padding: 5px 5px 5px 5px;
    float: left;
    width: 100%;
}

.document ul li {
    font-size: 12px;
    line-height: 15px;
    padding: 0px;
}


/*------------------- PLAN DU SITE -----------------*/

h1.plan_niveau {
    border-bottom: 2px solid #eeeeee;
    color: #004CA0;
    font-size: 14px;
    font-weight: normal;
    margin: 2px 0;
}

h2.plan_niveau {
    color: #004CA0;
    font-size: 12px;
    font-weight: normal;
    margin: 2px 0;
    padding-left: 20px;
    border: 0px;
}

#plan_site ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}


/*------------------ARTICLE-------------------*/

#article {
    float: left;
    width: 100%;
}

#article h1 {
    color: #000000;
    font-weight: bold;
    font-size: 36px;
    margin: 5px 0px;
    padding: 0px;
}

#article p {
    margin: 10px 0px;
    text-align: justify;
}

#article .contenu {
    float: left;
    padding: 0px 20px;
}

#article .chapeau {
    float: left;
    width: 100%;
}

#article .chapeau p {
    font-size: 14px;
    font-weight: bold;
}

#article .zone1 {
    float: left;
    width: 100%;
    margin: 10px 0px;
}

#article .zone1 img {
    float: left;
    display: block;
    background: #000000;
    margin: 10px 10px 10px 0px;
    width: 400px;
    height: 280px;
}

#article .zone2 {
    float: left;
    width: 100%;
    margin: 10px 0px;
}

#article .zone2_g {
    float: left;
    margin: 10px 10px 10px 0px;
    width: 200px;
}

#article .zone2_d {
    float: right;
    margin: 10px 0px 10px 10px;
    width: 200px;
}

#article .zone2 img {
    display: block;
    background: #000000;
    margin-bottom: 10px;
    width: 200px;
    height: 140px;
}

#article .zone2 .extrait {
    float: left;
    padding: 10px;
    background: #eeeeee;
    font-size: 12px;
}

#article .zone3 {
    float: left;
    width: 100%;
    background: #eeeeee;
    margin: 10px 0px;
}

#article .zone3 .contenu {
    float: left;
    background: #eeeeee;
    padding: 10px;
}

#article .zone4 {
    float: left;
    width: 100%;
    margin: 10px 0px;
}

#article .zone4 p {
    border-bottom: solid 1px #dddddd;
    padding: 5px 0px;
}

#article .zone4 p a {
    text-decoration: none;
}


/**************** ESPACE COLLABORATIF *******************/

.table_option_espace {
    margin: 0px;
    padding-bottom: 5px;
}

.table_option_espace tr {}

.table_option_espace td,
.table_option_espace th {
    border-bottom: solid 1px #DDDDDD;
    line-height: 20px;
    padding: 2px 0px;
    font-size: 11px;
}

.table_option_espace a {
    text-decoration: none;
}

.table tr td.lien_inscr_total {
    background: url('../Images/bullet_blue.png') no-repeat center left;
    border-top: solid 2px #dddddd;
    border-bottom: solid 1px #dddddd;
    padding: 5px 5px 5px 25px;
}

.table tr td.lien_inscr_total a {
    font-size: 11px;
    text-decoration: none;
}

.table tr td.lien_inscr_refus {
    background: url('../Images/bullet_red.png') no-repeat center left;
    border-top: solid 2px #dddddd;
    border-bottom: solid 1px #dddddd;
    padding: 5px 5px 5px 25px;
}

.table tr td.lien_inscr_refus a {
    font-size: 11px;
    text-decoration: none;
}

.table tr td.lien_inscr_attente {
    background: url('../Images/bullet_orange.png') no-repeat center left;
    border-top: solid 2px #dddddd;
    border-bottom: solid 1px #dddddd;
    padding: 5px 5px 5px 25px;
}

.table tr td.lien_inscr_attente a {
    font-size: 11px;
    text-decoration: none;
}

.table tr td.lien_inscr_accept {
    background: url('../Images/bullet_green.png') no-repeat center left;
    border-top: solid 2px #dddddd;
    border-bottom: solid 1px #dddddd;
    padding: 5px 5px 5px 25px;
}

.table tr td.lien_inscr_accept a {
    font-size: 11px;
    text-decoration: none;
}

h1.titre_espace {
    color: #e20019;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
}

.table_accueil_espace {
    border-collapse: collapse;
    font-size: 12px;
    border: solid 1px #dddddd;
}

.table_accueil_espace tr {}

.table_accueil_espace tr td {
    border-top: solid 2px #dddddd;
    border-bottom: solid 1px #dddddd;
    padding: 5px 10px
}

.table_accueil_espace tr.entete_table td {
    background: #ffffff url('general/entete_table_bg.gif') repeat-x top left;
    border-top: solid 2px #dddddd;
    border-bottom: solid 1px #dddddd;
    padding: 10px 10px;
    font-weight: bold;
    line-height: 20px;
}

.table_accueil_espace tr.filtre td {
    background: #eeeeee;
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    padding: 10px 10px;
    font-weight: bold;
    line-height: 20px;
}

.table_accueil_espace tr.titre_table_espace td {
    background: #a4dfff;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
}

.table_accueil_espace td.item {
    border: 0px;
    color: #62b4e1;
    font-size: 12px;
    font-weight: bold;
}

.table_accueil_espace td.item .texte {
    color: #000000;
    font-weight: normal;
}

.table_accueil_espace tr.no_border td {
    border: 0px;
}


/*---------------- AGENDA -----------------*/

.event_agenda {
    border: 1px solid #DDDDDD;
    font-size: 11px;
    padding: 1%;
    margin-bottom: 10px;
    float: left;
    clear: both;
    width: 98%;
}

.event_agenda h2 {
    color: #e20019;
    margin: 3px 0px 5px 0px;
}

.event_date {
    font-size: 12px;
    font-weight: bold;
}

.event_actions {
    padding: 5px;
    float: left;
    width: 100%;
}

.event_boutons_detail {
    float: left;
    width: 30%;
}

.event_inscription {
    float: left;
    width: 30%;
}

.event_export {
    float: right;
    margin-right: 10px;
}

.event_export a {
    font-size: 12px;
    text-decoration: none;
}

.event_export img {
    position: relative;
    bottom: -3px;
}

.event_detail,
.event_detail p {
    font-size: 11px;
}

.lien_inscr_refus {
    background: url('../Images/bullet_red.png') no-repeat top left;
    padding: 2px 5px 2px 20px;
}

.lien_inscr_attente {
    background: url('../Images/bullet_orange.png') no-repeat top left;
    padding: 2px 5px 2px 20px;
}

.lien_inscr_accept {
    background: url('../Images/bullet_green.png') no-repeat top left;
    padding: 2px 5px 2px 20px;
}

.lien_inscr_refus a,
.lien_inscr_attente a,
.lien_inscr_accept a {
    text-decoration: none;
    font-size: 12px;
}

.agenda_liste_ligne {
    clear: both;
    padding: 5px 0px;
    font-size: 12px;
    border-bottom: 1px solid #DDDDDD;
}

.agenda_liste_ligne:hover {
    background: #BACEFF;
}

.agenda_liste_ligne .legende {
    height: 20px;
    width: 5px;
    float: left;
    margin-right: 10px;
}

.agenda_liste_ligne .date {
    width: 30%;
    display: block;
    float: left;
    font-size: 11px;
    padding: 3px 0px 0px 0px;
}

.agenda_liste_ligne a {
    text-decoration: none;
}

.agenda_liste_ligne a:hover {}

.controle_agenda {
    border: solid 1px #CCCCCC;
    background: #EFEFEF;
    text-decoration: none;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    float: left;
}

.controle_suiv,
.controle_prec {
    margin: 5px 10px 5px 0px;
}

.controle_auj {
    margin: 5px 0px 5px 30px;
}

.agenda_options {
    display: none;
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 0px;
}

.agenda_controls {
    float: left;
    width: 100%;
}

.agenda_controls .nav_left {
    float: left;
    width: 40%;
}

.agenda_controls .nav_right {
    float: right;
    width: 30px;
    text-align: right;
}

.agenda_controls #type_affichage {
    float: right;
    width: 40%;
    text-align: right;
}

.agenda_options .bloc_30 {
    float: left;
    width: 30%;
}

.agenda_options .bloc_50 {
    float: left;
    width: 50%;
}

.agenda_legende {
    width: 100%;
    padding: 5px 0px;
}

#zone_agenda {
    float: left;
    width: 68%;
    margin-right: 10px;
}

#zone_agenda h2 {
    color: #222222;
    font-size: 16px;
}

#zone_agenda .fc,
#zone_agenda .fc .fc-header,
#zone_agenda .fc .fc-content {
    font-size: 13px;
}

#zone_tache {
    margin-left: 10px;
    float: left;
    width: 29%;
}

.tache_chk {
    float: left;
}

.tache_content {
    float: left;
    padding: 2px;
    width: 50%;
}

.tache_content a {
    text-decoration: none;
    color: #000000;
}

.tache_content a:hover {
    text-decoration: underline;
}

.tache {
    float: left;
    clear: both;
    width: 98%;
    font-size: 12px;
    padding: 1% 1% 2% 1%;
    border-bottom: 1px solid #DDDDDD;
}

.tache:hover {
    background: #BACEFF;
}

.tache .legende {
    height: 18px;
    width: 5px;
    float: left;
    margin-right: 10px;
}

.tache_date {
    color: #e20019;
    float: left;
    font-size: 12px;
    padding: 3px;
}

.tache_delete {
    float: right;
}

.tache_form {
    clear: both;
}

.ajout_direct {
    text-decoration: none;
    color: #e20019;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 25px 10px 10px;
    clear: both;
    margin-bottom: 5px;
    float: right;
    cursor: pointer;
    background: url('../Images/arrow_down.png') no-repeat center right;
}

#rdv_form {
    display: none;
    float: left;
    width: 100%;
}

#liste_taches {
    padding: 5px 0px;
    overflow: auto;
    max-height: 600px;
    clear: both;
}

.lien_tache_undated {
    font-size: 11px;
    cursor: pointer;
}

#id_tache_undated {
    padding: 5px 0px;
}


/*------------ STATISTIQUES --------------*/

.chart_loading {
    position: absolute;
    bottom: 0%;
    left: 0%;
    height: 10%;
    width: 10%;
    padding: 0;
    margin: 0;
    z-index: 1000;
    text-align: center;
}

.outil_donnees {
    background: #EEEEEE;
    padding: 5px;
    margin: 0px 5px;
    text-decoration: none;
}


/*------------------ MUR ----------------*/

.mur_commentaires {
    margin: 0px;
}

.mur_commentaires tr {}

.mur_commentaires td,
.mur_commentaires th {
    line-height: 20px;
    padding: 2px 5px;
    font-size: 11px;
    background-color: #EFFDFF;
}

.mur_commentaires td.entete_table,
.mur_commentaires tr.entete_table td {
    color: #e20019;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
    padding: 5px 5px;
}


/*--------------------- MESSAGERIE ------------------*/

.message_lu {
    color: #666666;
    text-decoration: none;
    font-weight: normal;
}

.message_non_lu {
    color: #666666;
    text-decoration: none;
    font-weight: bold;
}

#custom-queue {
    border: 1px solid #E5E5E5;
    height: 250px;
    margin-bottom: 10px;
    width: 756px;
}


/*---------------------- NEWSLETTER ----------------------*/

div.modele_newsletter_imagette {
    float: left;
    width: 200px;
    height: 200px;
    padding: 5px;
    background: #DDDDDD;
}

div.modele_newsletter_imagette input[type=radio] {
    margin-top: 10px;
}

#modele_newsletter {
    float: left;
    width: 100%;
    font-size: 12px;
}

#modele_newsletter .zone_box {
    margin: 10px;
    padding: 10px;
    background: #DDDDDD;
}

#modele_newsletter .zone_content {
    margin: 10px;
    padding: 10px;
}

#modele_newsletter .zone_100 {
    width: 100%;
    float: left;
}

#modele_newsletter .zone_50 {
    width: 50%;
    float: left;
}


/*---------------------- ONGLET -------------------*/

.onglet_form {
    color: #000000;
    font-size: 12px;
    border-top: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    padding: 10px;
    margin: 2px;
    float: left;
    text-decoration: none;
}

.onglet_form_selected {
    color: #e20019;
    font-size: 14px;
    font-weight: bold;
    border-top: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    padding: 10px;
    margin: 2px;
    float: left;
    text-decoration: none;
}


/*---------------------- FACTURE -------------------*/

.facture_recurrente td:first-child {
    background: url('general/ico_historique_16.png') 10px center no-repeat;
    padding-left: 30px;
}

#echeancier_facturation .facturation_client,
#emission_facture .facturation_client {
    margin: 10px 0px 0px;
    float: left;
    width: 100%;
}

#echeancier_facturation .contenu,
#emission_facture .contenu {
    border-top: 1px solid #e20019;
    float: left;
    width: 100%;
}

#echeancier_facturation h2,
#emission_facture h2 {
    background: #FFFFFF;
    color: #e20019;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: -20px 10px 0;
    padding: 5px 10px 5px 20px;
}

#echeancier_facturation .tableau_factures,
#emission_facture .tableau_devis {
    clear: both;
}

.ico_historique {
    background: url('general/ico_historique_16.png') 5px center no-repeat;
    display: inline-block;
    height: 16px;
    width: 20px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.fil_ariane_forum {
    font-size: 0.7em;
    margin-bottom: 10px;
}


/* Reprise en spé du bootstrap */

.btn-primary {
    background-color: #e0374a;
    *background-color: #e20019;
    background-image: -ms-linear-gradient(top, #e0374a, #e20019);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0374a), to(#e20019));
    background-image: -webkit-linear-gradient(top, #e0374a, #e20019);
    background-image: -o-linear-gradient(top, #e0374a, #e20019);
    background-image: -moz-linear-gradient(top, #e0374a, #e20019);
    background-image: linear-gradient(top, #e0374a, #e20019);
    background-repeat: repeat-x;
    border-color: #0055cc #e20019 #003580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: dximagetransform.microsoft.gradient(startColorstr='#e0374a', endColorstr='#e20019', GradientType=0);
    filter: progid: dximagetransform.microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #e20019;
    *background-color: #e0374a;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #004099 \9;
}

.show {
    display: block;
}

.show_table_row {
    display: table-row;
}

.hide {
    display: none;
}

.toggle_open {
    background: url("general/entete_open.png") no-repeat scroll 10px center #FFFFFF;
    cursor: pointer;
    display: block;
    width: 20px;
    height: 20px;
}

.toggle_close {
    background: url("general/entete_close.png") no-repeat scroll 10px center #FFFFFF;
    cursor: pointer;
    display: block;
    width: 20px;
    height: 20px;
}

.label_notif {
    background: #c92121;
    color: #FFFFFF;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 7px;
}

.lien_voir_plus_contact {
    color: #444444;
    background: none repeat scroll 0 0 #C92121;
    border-radius: 20px 20px 20px 20px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 7px;
    display: block;
    width: 50px;
    text-decoration: none;
}

.label_grise {
    color: #555555;
    font-size: 11px;
}

h2.title_onglet {
    color: #ffffff;
    background: #e20019;
    font-weight: bold;
    font-size: 14px;
    margin: 10px 0px 0px 0px;
    padding: 0% 5%;
    width: 90%;
}

h2.onglet_close {
    background: #e20019 url('general/entete_open_color.png') no-repeat 10px center;
    cursor: pointer;
}

h2.onglet_open {
    background: #e20019 url('general/entete_close_color.png') no-repeat 10px center;
    cursor: pointer;
}

.zone_open {
    width: 100%;
    margin-bottom: 10px;
}

.zone_close {
    width: 100%;
    margin-bottom: 10px;
    display: none;
}

.label a {
    text-decoration: none;
    color: #ffffff;
}


/** CHOSEN  **/


select.form-control + .chosen-container.chosen-container-single .chosen-single {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background-image:none;
}

select.form-control + .chosen-container.chosen-container-single .chosen-single div {
    top:4px;
    color:#000;
}

select.form-control + .chosen-container .chosen-drop {
    background-color: #FFF;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    margin: 2px 0 0;

}

select.form-control + .chosen-container .chosen-search input[type=text] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image:none;
}

select.form-control + .chosen-container .chosen-results {
    margin: 2px 0 0;
    padding: 5px 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    margin-bottom: 5px;
}

select.form-control + .chosen-container .chosen-results li ,
select.form-control + .chosen-container .chosen-results li.active-result {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
    background-image:none;
}
select.form-control + .chosen-container .chosen-results li:hover,
select.form-control + .chosen-container .chosen-results li.active-result:hover,
select.form-control + .chosen-container .chosen-results li.highlighted
{
    color: #FFF;
    text-decoration: none;
    background-color: #428BCA;
    background-image:none;
}

select.form-control + .chosen-container-multi .chosen-results{
  min-width: 350px;
}

select.form-control + .chosen-container-multi .chosen-choices {
    display: block;
    width: 100%;
    min-width: 350px;
    padding: 2px;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image:none;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height:auto;
    padding:4px;
    min-width: 200px;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-choice {

    background-image: none;
    padding: 3px 24px 3px 5px;
    margin: 0 6px 3px 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    background-color: #FFF;
    border-color: #CCC;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top:8px;
    right:6px;
}

select.form-control + .chosen-container-multi.chosen-container-active .chosen-choices,
select.form-control + .chosen-container.chosen-container-single.chosen-container-active .chosen-single,
select.form-control + .chosen-container .chosen-search input[type=text]:focus{
    border-color: #66AFE9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
}

select.form-control + .chosen-container-multi .chosen-results li.result-selected{
    display: list-item;
    color: #ccc;
    cursor: default;
    background-color: white;
    min-width: 200px;
}