html{
    height: 100%;
    background-color: #FFFFFF;
   /* background-image: linear-gradient(bottom, rgb(201,235,245) 8%, rgb(255,255,255) 36%);
    background-image: -o-linear-gradient(bottom, rgb(201,235,245) 8%, rgb(255,255,255) 36%);
    background-image: -moz-linear-gradient(bottom, rgb(201,235,245) 8%, rgb(255,255,255) 36%);
    background-image: -webkit-linear-gradient(bottom, rgb(201,235,245) 8%, rgb(255,255,255) 36%);
    background-image: -ms-linear-gradient(bottom, rgb(201,235,245) 8%, rgb(255,255,255) 36%);

    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.08, rgb(201,235,245)),
    color-stop(0.36, rgb(255,255,255))
    );*/
}

body {
    min-height: 100%;
/*    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family:Tahoma,Geneva,Arial,sans-serif;
    font-size:11.5px;
    margin: 0 auto;
    color:#533333;
    
}

label {
    clear:both;
    color:#444;
    /*    display:block;*/
    font-size:12.5px;
    line-height:13px;
    margin:0;
    padding-top:3px;
}
#page{
    /*    width: 100%;*/
    margin: 0 auto;
}



#entete{
    width: 960px;
    margin: auto;
    height: 80px;
    background: #1e69de; /* Old browsers */
    background: -moz-linear-gradient(top, #1e69de 0%, #3690f0 33%, #54a3ee 64%, #6db3f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e69de), color-stop(33%,#3690f0), color-stop(64%,#54a3ee), color-stop(100%,#6db3f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1e69de 0%,#3690f0 33%,#54a3ee 64%,#6db3f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1e69de 0%,#3690f0 33%,#54a3ee 64%,#6db3f2 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #1e69de 0%,#3690f0 33%,#54a3ee 64%,#6db3f2 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e69de', endColorstr='#6db3f2',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #1e69de 0%,#3690f0 33%,#54a3ee 64%,#6db3f2 100%); /* W3C */
    height: 81px;
    border-top: 1px solid #2A7AD2;
    border-bottom: 4px solid #266DBB;
    color:white;
    width: 100%;
    margin: 0 auto;
    font-size:17px;
    font-style: italic;
    /* position: relative;
    top:-20px; */
}

img{                     
    vertical-align:middle;
    color: teal;
    margin-top: -2px;
}


#titre{
    width: 940px;
    margin: 0 auto;
}

.menu_navigation{
    float:right;
    /*    left: 660px;*/
    position: relative;
    top:58px;
    font:13px Arial;
    margin: 0 auto;
    /*    padding: 0;*/
    /*    width:100%;*/

}


.menu_navigation a:visited {
    color: #EEEEEE;
}


.menu_navigation a {

}

.menu_navigation a {
    padding: 0.75em 1em;
    text-decoration: none;
    display: block;
    position: relative;
}

.menu_navigation li{
    float:left;
    color: white;
    background-color:teal;
    margin-left: 3px;
    list-style: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    line-height: 1;
}

.menu_navigation li.actif {
    background: none repeat scroll 0 0 #266DBB;
}

#conteneur{
    width: 960px;
    margin: auto;
}

#contenu{
    min-width: 620px;
    min-height: 400px;
    background-color: #F8FDFE;
 /*  background-image: linear-gradient(bottom, rgb(191,229,255) 8%, rgb(252,239,252) 36%);
background-image: -o-linear-gradient(bottom, rgb(191,229,255) 8%, rgb(252,239,252) 36%);
background-image: -moz-linear-gradient(bottom, rgb(191,229,255) 8%, rgb(252,239,252) 36%);
background-image: -webkit-linear-gradient(bottom, rgb(191,229,255) 8%, rgb(252,239,252) 36%);
background-image: -ms-linear-gradient(bottom, rgb(191,229,255) 8%, rgb(252,239,252) 36%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.08, rgb(191,229,255)),
    color-stop(0.36, rgb(252,239,252))
);*/
}

#contenu.session{
    max-width: 620px;
}
#aide{
    /*    clear: left;*/
    width: 300px;
    margin-left: 20px;
}
.aide-rapide{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    border-top: none;
    display: inline-block;
    margin: 1em 0 0;
    width: 99%;
}


.aide-rapide h3{
    background: none repeat scroll 0 0 #266DBB;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    position: relative;
    top:-19px;
}

.colonne{
    float: left;
}

/*#gauche{
width: 660px;  
}*/




/*input{
margin-bottom: 10px;
width: 340px;
}*/

/*input.radio {
width:10px; 

}  */

input.bouton{
    width:auto !important; 
}

table.stylized td.trx_ok{
    background: url(../img/ok_16.png) no-repeat scroll 0px 50% !important ;

}
table.stylized td.trx_erreur{
    background: url(../img/cancel.png) no-repeat scroll 0px 50%!important ;

}

textarea{
    resize:none;

}

#cpt_ex_chx {
    margin-bottom: 20px;
}

#cpt_ex_chx label {
    margin-right: 30px;
    text-transform: capitalize;
}


#cpt_ex_chx label:after{
    content:"";
}

select{
    width: 345px;
    /*   desact           margin-bottom: 8px;*/
}

.required:before {
    color: red;
    content: "";
    font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}
.requis:before {
    color: red;
    content: "*";
    font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}

label {
    /*    desactive mep*/

    /*  font-size: 11px;
    font-weight: bold; */
    /*    text-transform: uppercase;*/
}

label:after{
    /*    content: ":";*/

    /* Desactive mep   */

    /*  font-size: 16px;
    font-weight: bold;          */
}
label.erreur_validation{
    margin-left: 6px;
    color: red;
    text-transform: none;
}

label.erreur_validation:after{
    content:"" !important;
}
/*label.avertissement{
    margin-left: 6px;
    color: red;
    text-transform: none;
}

label.avertissement:after{
    content:"" !important;
}
*/
.info {
    background: url("../img/information.png") no-repeat scroll 8px 50% #E8F6FF;
    border-bottom: 1px solid #B8E2FB;
    border-top: 1px solid #B8E2FB;
    padding-left: 32px;
}

.ok{
    background:transparent url("../img/OK_16.png") no-repeat right center !important;
}


.message-erreur{
    background: #DADBDC ;
}

/* Tabs*/
.ui-tabs {
    position:relative;
    padding:.2em 0;
    zoom:1;
    margin: 1em 0
}
.ui-tabs .ui-tabs-nav {
    margin:0;
    padding:0;
}
.ui-tabs .ui-tabs-nav li {
    list-style:none;
    /*float:left;*/ 
    display:inline;
    position:relative;
    top:0;
    margin:0;
    border-bottom:0 !important;
    padding:0;
    white-space:nowrap;
}
.ui-tabs .ui-tabs-nav li a {
    /*float:left;*/ 
    padding:5px 12px 6px 12px;
    text-decoration:none;
    background:#999;
    color:#FFFFFF !important;
    border-bottom:0 !important;
    font-size: 1em;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom:0;
    padding-bottom:1px;
    top:1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-hover a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    text-decoration:none;
    background:#2A7AD2 !important;
    padding-top:6px
}
/* first selector in group seems obsolete,but required to overcome bug in Opera applying cursor:text overall if defined elsewhere... */
.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    display:block;
    border:0;
    padding:3px 0;
    background:none;
    clear:both;
    margin-top:5px;
    border-top:2px solid #2A7AD2;
}
.ui-tabs .ui-tabs-hide {
    display: none !important;
}

.ui-widget { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1em; }
/*.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }*/
/*.ui-widget .ui-widget { font-size: 1em; }*/
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1em; }
/*.ui-widget-content { border: none #dddddd; background: #f2f5f7 url(images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x; color: #362b36; }*/
.ui-widget-content a { color: #362b36; }
/*.ui-widget-header { border: 1px solid #aed0ea; background: #deedf7 url(images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }*/
.ui-widget-header a { color: #222222; }

#menu_util.ui-accordion .ui-accordion-header { background: none repeat scroll 0 0 #266DBB; cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active {   border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
#menu_util.ui-accordion .ui-accordion-content { 
    background: #e1ffff; /* Old browsers */
    background: -moz-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ffff), color-stop(7%,#e1ffff), color-stop(12%,#e1ffff), color-stop(12%,#fdffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* W3C *//*padding: 1em 2.2em;*/ border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-widget button {
    width: auto  !important ;
}
#ui-datepicker-div{
    background: lightblue;
}

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*




/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ADADAD /*#dddddd*/;/* background: #f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x;*/ font-weight: bold; color: #0D3D62 /*#0073ea*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #0073ea; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #0073ea; background: #0073ea url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dddddd; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ff0084; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ff0084; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #cccccc; background: #ffffff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #444444; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #ff0084; background: #ffffff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #222222; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #222222; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

.util_info{
    margin-bottom: 3px;
    overflow: hidden;
    background: #D8DFEA;
}

#menu_droit {

    /*    background: -moz-linear-gradient(center bottom , #E1F1FF 10%, #F5FAFF 80%) repeat scroll 0 0 transparent;*/
    border-bottom: 1px solid #C4E3FF;
    border-top: 4px solid #C4E3FF;
    margin-top: 18px;
}

#menu_util li{
    list-style: none;

}

#menu_util a {
    font-size: 12px;


    font-weight: 700;
}

#menu_util a {
    border-bottom: 1px solid #A1CFD4;
    color: #329ECC;
    text-decoration: none;
}
#menu_util h3{
    padding: 7px;
    color: white;
    font-size: 14px;
}

a {
    outline: medium none;
}

a {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}




/*jqi*/
.jqifade{
    position: absolute;
    background-color: #aaaaaa;
}
div.jqi{
    width: 400px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    border: solid 1px #eeeeee;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 7px;
}
div.jqi .jqicontainer{
    font-weight: bold;
}
div.jqi .jqiclose{
    position: absolute;
    top: 4px; right: -2px;
    width: 18px;
    cursor: default;
    color: #bbbbbb;
    font-weight: bold;
}
div.jqi .jqimessage{
    padding: 10px;
    line-height: 20px;
    color: #444444;
}
div.jqi .jqibuttons{
    text-align: right;
    padding: 5px 0 5px 0;
    border: solid 1px #eeeeee;
    background-color: #f4f4f4;
}
div.jqi button{
    padding: 3px 10px;
    margin: 0 10px;
    background-color: #2F6073;
    border: solid 1px #f4f4f4;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
}
div.jqi button:hover{
    background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
    background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{
    background-color: #BF5E26;
}

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

#pied .lien_barre{
    width:940px;
    margin: 0 auto;
}
/*input[type=radio]{
color:#CCCCFF;
background-color:#CCCCFF;
font-size:12px;
font-family:arial;
width :auto;
}  */

input[type=button]{
    /* color:#CCCCFF;
    background-color:#CCCCFF;
    font-size:12px;
    font-family:arial;*/
    width :auto;
} 


.Img.Avert{
    float:left;
    vertical-align: middle;
    margin-right: 5px;
}

/* Tables
---------------------------------------------------------------------*/

table.stylized {
    border-collapse:collapse;
    position:relative;
    margin-top:1em;
    margin-bottom:1em;
}
/*table.stylized th,*/table.stylized td {
    line-height:14px;
    padding:8px 8px;
}
table.stylized th/*,table.stylized td*/ {
    line-height:14px;
    /*    padding:8px 12px;*/
}
table.stylized tr.tete {
    border: 1px solid #2A7AD2;
    background-color:#2A7AD2 !important;
    color:#fff;
    text-align:left;
}

table.stylized tr.etat_recap div {
    border: 1px solid #2A7AD2; 
    background-color: !important;
    color:#fff;
    text-align:left;
    width:100%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
table.stylized tr.high {
    background-color:#ffa !important;
}
table.stylized tbody th,table.stylized tbody td,table.stylized tfoot th,table.stylized tfoot td {
    border-bottom:solid 1px #eee;
}
table.stylized tfoot td {
    background-color:#f2f2f2 !important;
    border-bottom:2px solid #ddd;
}
table.stylized tr:nth-child(even) td {
}
table.stylized tbody tr:nth-child(odd) th,table.stylized tbody tr:nth-child(odd) td {
    background:#FAFDFE;
}


table.stylized caption {
    margin-bottom:1em;
    text-align:left;
    font-size:11px;
    text-transform:uppercase;
}     
table.stylized tr td input {
    width : auto ;
}

table tr.infoclient th{
    background-color: light-green !important;
}
table.stylized th < table th {
    background-color: cyan !important;
}
table.no-style th,table.no-style td {
    line-height:18px;
    padding:4px 8px 4px 0;
}
table.no-style td,table.no-style th {
    background:none !important;
    color:#666;
    border-bottom:0 none;
    border-bottom:1px dotted #ddd !important;
}
table.no-style caption {
    margin-bottom:0;
    text-align: left;
}
/* flot TD */
td.legendLabel {
    font-size:11px;
    padding:0 4px;
    vertical-align: middle;
}

table.stylized td.decimal{
    text-align: right;
}




/* wizard */

.souscr_wiz {
    border: 0 solid #CCCCCC;
    display: block;
    float: left;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 980px;
}
.souscr_wiz .stepContainer {
    border: 0 solid #CCCCCC;
    clear: right;
    display: block;
    height: 300px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.souscr_wiz .stepContainer div.content {
    background-color: #F8F8F8;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    color: #5A5655;
    display: block;
    float: left;
    font: 12px Verdana,Arial,Helvetica,sans-serif;
    height: 300px;
    margin: 0;
    overflow: auto;
    padding: 5px;
    position: absolute;
    text-align: left;
    width: 720px;
    z-index: 88;
}
.souscr_wiz div.actionBar {
    background-color: #F8F8F8;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    clear: right;
    color: #5A5655;
    display: block;
    height: 40px;
    margin: 3px 0 0;
    overflow: auto;
    padding: 0;
    position: relative;
    text-align: left;
    z-index: 88;
}
.souscr_wiz .stepContainer .StepTitle {
    background-color: #E0E0E0;
    border: 1px solid #E0E0E0;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    color: #5A5655;
    display: block;
    font: bold 16px Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 5px;
    position: relative;
    text-align: left;
    z-index: 88;
}
.souscr_wiz ul.anchor {
    background: none repeat scroll 0 0 transparent;
    border: 0 solid #CCCCCC;
    display: block;
    float: left;
    list-style: none outside none;
    margin: 5px 10px 0 0;
    padding: 0;
    position: relative;
}
.souscr_wiz ul.anchor li {
    border: 0 solid #E0E0E0;
    clear: both;
    display: block;
    float: left;
    margin: 0;
    padding: 3px 0;
    position: relative;
}
.souscr_wiz ul.anchor li a {
    border-radius: 5px 5px 5px 5px;
    display: block;
    float: left;
    height: 70px;
    margin: 0;
    outline-style: none;
    padding: 3px;
    position: relative;
    text-decoration: none;
    width: 230px;
    z-index: 99;
}
.souscr_wiz ul.anchor li a .stepNumber {
    float: left;
    font: bold 45px Verdana,Arial,Helvetica,sans-serif;
    padding: 0 5px 5px;
    position: relative;
    text-align: center;
    width: 30px;
}

input.navigation_button{
    width: 150px!important;
    margin: 15px;
}
.souscr_wiz ul.anchor li a .stepDesc {
    display: block;
    float: left;
    font: bold 20px Verdana,Arial,Helvetica,sans-serif;
    padding: 5px;
    position: relative;
    text-align: left;
    width: 70%;
}
.souscr_wiz ul.anchor li a .stepDesc small {
    font: 12px Verdana,Arial,Helvetica,sans-serif;
}
.souscr_wiz ul.anchor li a.selected {
    background: none repeat scroll 0 0 #EA8511;
    border: 1px solid #EA8511;
    box-shadow: 1px 5px 10px #888888;
    color: #F8F8F8;
    cursor: text;
}
.souscr_wiz ul.anchor li a.selected:hover {
    background: none repeat scroll 0 0 #EA8511;
    color: #F8F8F8;
}
.souscr_wiz ul.anchor li a.done {
    background: none repeat scroll 0 0 #8CC63F;
    border: 1px solid #8CC63F;
    color: #FFFFFF;
    position: relative;
    z-index: 99;
}
.souscr_wiz ul.anchor li a.done:hover {
    background: none repeat scroll 0 0 #8CC63F;
    border: 1px solid #5A5655;
    color: #5A5655;
}
.souscr_wiz ul.anchor li a.disabled {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #CCCCCC;
    color: #CCCCCC;
    cursor: text;
}
.souscr_wiz ul.anchor li a.disabled:hover {
    background: none repeat scroll 0 0 #F8F8F8;
    color: #CCCCCC;
}
.souscr_wiz ul.anchor li a.error {
    background: none repeat scroll 0 0 #F08F75 !important;
    border: 1px solid #FB3500 !important;
    color: #6C6C6C !important;
}
.souscr_wiz ul.anchor li a.error:hover {
    color: #000000 !important;
}
.souscr_wiz .buttonNext {
    background-color: #5A5655;
    border: 1px solid #5A5655;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    float: right;
    font: bold 13px Verdana,Arial,Helvetica,sans-serif;
    margin: 5px 3px 0;
    outline-style: none;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
.souscr_wiz .buttonDisabled {
    background-color: #CCCCCC !important;
    border: 1px solid #CCCCCC !important;
    color: #F8F8F8 !important;
    cursor: text;
}
.souscr_wiz .buttonPrevious {
    background-color: #5A5655;
    border: 1px solid #5A5655;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    float: right;
    font: bold 13px Verdana,Arial,Helvetica,sans-serif;
    margin: 5px 3px 0;
    outline-style: none;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: 100px!important;
}
.souscr_wiz .buttonFinish {
    background-color: #5A5655;
    border: 1px solid #5A5655;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    float: right;
    font: bold 13px Verdana,Arial,Helvetica,sans-serif;
    margin: 5px 10px 0 3px;
    outline-style: none;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: 100px!important;
}
.txtBox {
    border: 1px solid #CCCCCC;
    color: #5A5655;
    font: 13px Verdana,Arial,Helvetica,sans-serif;
    padding: 2px;
    width: 430px;
}
.txtBox:focus {
    border: 1px solid #EA8511;
}
.souscr_wiz .loader {
    background: url("../images/loader.gif") no-repeat scroll 5px 50% #FFFFFF;
    border: 1px solid #FFD700;
    border-radius: 5px 5px 5px 5px;
    color: #5A5655;
    display: none;
    float: left;
    font: bold 13px Verdana,Arial,Helvetica,sans-serif;
    margin: 2px 0 0 2px;
    padding: 8px 10px 8px 40px;
    position: relative;
    z-index: 998;
}
.souscr_wiz .msgBox {
    background-color: #FFFFDD;
    border: 1px solid #FFD700;
    border-radius: 5px 5px 5px 5px;
    color: #5A5655;
    display: none;
    float: left;
    font: 12px Verdana,Arial,Helvetica,sans-serif;
    margin: 4px 0 0 5px;
    min-width: 200px;
    padding: 5px;
    position: relative;
    z-index: 999;
}
.souscr_wiz .msgBox .content {
    float: left;
    font: 12px Verdana,Arial,Helvetica,sans-serif;
    padding: 0;
}
.souscr_wiz .msgBox .close {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #CCCCCC;
    display: block;
    float: right;
    margin: 0 0 0 5px;
    outline-style: none;
    padding: 0 2px;
    position: relative;
    text-align: center;
    text-decoration: none;
}
.souscr_wiz .msgBox .close:hover {
    border: 1px solid #EA8511;
    color: #EA8511;
}


/*Nouvelles données*/



.error-message{
    color:red;
}

label.error{
    color: red;
    font-size: 10.5px;
}

label.description
{
    border:none;
    color:#222;
    display:block;
    font-size:93%;
    font-weight:700;
    line-height:150%;
    padding:0 0 1px;
}

div.input {
    margin-bottom: 15px;
}

div.input.radio label{
    border:none;
    color:#222;
    /*    display:block;*/
    font-size:93%;
    font-weight:700;
    line-height:150%;
    padding:0 0 1px; 
}
div.input.radio label.error{
    color:red;
    margin-left: 20px;
}

div.choix label
{
    color:#444;
    display:block;
    font-size:100%;
    line-height:1.4em;
    margin:-1.55em 0 0 25px;
    padding:4px 0 5px;
    width:90%;
    float:left
}

input.texte{
    width:200px;
    margin-right: 20px;
}

input.texte_medium{
    width:285px;
    margin-right: 20px;
}
input.texte_med1{
    width:285px;
    margin-right: 20px;
}
input.texte_long{
    width:400px;
    margin-right: 20px;
}

input.adresse{
    width:520px;
    margin-right: 20px;  
}

input.codepostal{
    width:120px;
    margin-right: 20px;  
}

div.choix input[type="radio"]
{
    display:block!important;
    height:13px;
    line-height:1.4em;
    margin:6px 0 0 3px;
    width:13px;
    clear: left;
    float: left;
}

div.choix label.error{
    margin-left: 250px !important;
}



span {
    /*    color:#444;*/
    /*    float:left;*/
    margin:0 4px 0 0;
    padding:0 0 8px;     
}

select {
    width:164px;
    /*    margin-right: 20px;*/
}

select.texte {
    width:205px; 
}
select.texte_med1 {
    width:250px; 
}

select.texte_long {
    width:405px; 
}

h3{
    margin-bottom: 0;
}

fieldset {
    border-width:5px 0 0;
    border-bottom-width: 2px;
}

legend{
    /*    text-align:center ;*/
    background: none repeat scroll 0 0 #FFFFFF;
    color:#DF6A6A /*#4D5762*/  ; /*#93BB3A;*/
    font-weight: bold;
    font-size:1.2em ;
    margin-left: -7px;
    margin-top: -8px;  
    padding: 0 6px 0 5px;


    border: solid 1px black;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

/*div {
margin-bottom: 3px;
}*/
div.frmbloc{
    margin-bottom: 6px;;
}

div.form_gauche{
    display: inline-block;
    /*  float: left;  */
}

div.form_droite{
    display: block;
    /*  float: left;  */
}

/*#form_ajout_compte_ext*/ input,select,label,textarea{
  margin: 0 5px 5px  10px;  
}

 .nonrequis {
  margin: 0 5px 5px  15px; 
}

div.inline{
    display: inline-block;
}

/*menu action*/
ul.menu_action a{
    background-color: aqua;
}

/*Listes de definictions*/
/* dl {
border: 3px double #ccc;
padding: 0.5em;
}
dt {
float: left;
clear: left;
width: 100px;
text-align: right;
font-weight: bold;
color: green;
}
dt:after {
content: ":";
}
dd {
margin: 0 0 0 110px;
padding: 0 0 0.5em 0;
}
*/
/* dl { border: 3px double #ccc; padding: 0.5em; } dt { float: left; clear: left; width: 100px; text-align: right; font-weight: bold; color: green; } dt:after { content: ":"; } dd { margin: 0 0 0 110px; padding: 0 0 0.5em 0; }*/

dl {
    margin-bottom:50px;
}

dl dt {
/*    background:#5f9be3;*/
    background:#d0e4fc;
    color:#fff;
    float:left; 
    font-weight:bold; 
    margin-right:10px; 
    padding:5px;  
    width:100px; 
}

dl dd {
    margin:2px 0; 
    padding:5px 0;
}

#etat_recap {
    height: 120px;
    color:#533333;
}

#etat_recap span.centre {
    text-align: center;
}
#etat_recap span.gauche {
    display: block;
    text-align: left;
    margin: 5px 0  0 5px ;
} 
#etat_recap span.droite {
    display: block;
    text-align: right;
    margin:0 10px 0 5px;
}
#etat_recap span.centre {
    display: block;
    text-align: center;
    margin-top: 5px ;
}

div.DTTT_container a.DTTT_button DTTT_button_print{

}

/*  #etat_recap*/

div.tete{
    float :left;
    display: block;
}
#domt{
    width:100%;
    float :left;
    display: block;
}

#carteList,#acclist,div.acclist{
/*    border :blue 1px solid;*/
   /* border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
    padding: 7px;
    margin-bottom: 20px;
}

tr.details{
    display: none;
}

.submit_etat {
    background:none!important;
    border:none; 
    padding:0!important;
    /*border is optional*/
    border-bottom:1px solid #444; 
}

.submit_etat.credit{
    color: #ffffff;
    font-weight: bold;
}

.etat_liste{
    display: inline;
}


table.etat {
    width: 630px;
}

table.etat th.etat_date{
    width: 80px;
}

table.etat th.etat_desc{
    width: 200px;
}

table.etat th.etat_montant{
    width: 90px;
}

table.etat th.etat_chk{
    width: 80px;
}

.compte_liste{
    width:100%
}

#tab_TrsfertLocal,#tab_TrsfertEtranger{
    display: none;
}
.dp100{
    width:100%;
}



/*
Commade de Chéquier OK
*/




#chk_tarif_table {
    margin-top:20px;
    padding: 2px;
    width: 621px;
    font: 11px Arial, Helvetica, sans-serif;
    color:#747474;
    /*    background-color:#0c2a62;*/
    float: left;
}


#chk_tarif_titre {
/*    margin:0;*/
    padding: 14px 0 0 24px;
    /*    width: 554px;*/
    height: 25px;
    color:#FFF;
    font-size:13px;
    /*    background: #0c2c65 url(images/head-bcg.jpg) no-repeat right top;    */
    background: #1e69de; /* Old browsers */
    background: -moz-linear-gradient(top, #1e69de 0%, #3690f0 33%, #54a3ee 64%, #6db3f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e69de), color-stop(33%,#3690f0), color-stop(64%,#54a3ee), color-stop(100%,#6db3f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1e69de 0%,#3690f0 33%,#54a3ee 64%,#6db3f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1e69de 0%,#3690f0 33%,#54a3ee 64%,#6db3f2 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #1e69de 0%,#3690f0 33%,#54a3ee 64%,#6db3f2 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e69de', endColorstr='#6db3f2',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #1e69de 0%,#3690f0 33%,#54a3ee 64%,#6db3f2 100%); /* W3C */
}

.chk_tarif_bold {
    font: bold 18px Arial, Helvetica, sans-serif;

}

#chk_tarif_tete{
/*    margin:0;*/
    padding: 0;
    /*    width: 621px;*/
    /*    height: 46px;*/
    border-top: 2px solid #FFF;

}

.chk_tarif_tete_cell {
/*    float:left;*/
    padding: 15px 0 0 0;
    text-align:center;
   
    /*    height: 31px;*/
    border: 1px solid #ced9ec;
    border-left: 0;

    color:#1f3d71;
    font: 13px Arial, Helvetica, sans-serif;
}
.chk_tarif_tete_cell.prem{

    border-left: 1px solid #ced9ec;

}

#chk_tarif_milieu {
/*    margin:0;*/
    padding: 0;
    /*    width: 620px;*/
    background: #f6f6f6 url(images/center-bcg.png) repeat-y right top;    
}

.chk_tarif_gauche {
/*    float:left;*/
/*    margin:0;*/
    padding: 10px 0 0 24px;
/*    width: 181px;*/
    text-align: left;
    height: 25px;
    border-right: 1px solid #ced9ec;
    border-bottom: 1px solid #b3c1db;
    color:#1f3d71;
    font: 13px Arial, Helvetica, sans-serif;
    background: #e4ebf8 url(images/center-blue.png) repeat-y left top;
}



.chk_tarif_droit {
/*    float:left;*/
/*    margin:0;*/
    padding: 11px 0 0 0;
/*    width: 206.5px;*/
    text-align:center;
    height: 24px;
    border-right: 1px solid #ced9ec;
    border-bottom: 1px solid #b3c1db;
    background: #e1ffff; /* Old browsers */
    background: -moz-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ffff), color-stop(7%,#e1ffff), color-stop(12%,#e1ffff), color-stop(12%,#fdffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* W3C *//*padding: 1em 2.2em;*/ 
    border-top: 0; 
    /*margin-top: -2px; */
/*    position: relative; */
/*    top: 1px;*/
}

#psdg-bottom {
    clear:both;
    margin:0;
    padding: 0;
    width: 578px;
    height: 48px;
    border-top: 2px solid #FFF;
    background: #e4e3e3 url(images/bottom-line.png) repeat-x left top;    
}


.psdg-bottom-cell {
    float:left;
    padding: 15px 0 0 0;
    text-align:center;
    width:105px;
    height: 33px;
    border-right: 1px solid #ced9ec;
    color:#070707;
    font: 13px Arial, Helvetica, sans-serif;
}



#psdg-footer {
    font-size: 10px;
    color:#8a8a8a;
    margin:0;
    padding: 8px 0 8px 12px;
    width: 566px;
    background: #f6f6f6 url(images/center-bcg.png) repeat-y right top;    
}


#chk_commande div.chk {
    /*    float:left;*/
    display: inline-block;
    width:300px;
    margin-bottom: 10px;
}

#chk_commande label{
    width:150px;
    display: inline-block;
    margin-right:5px;
/*    float:left;*/
    font-size: 11px;
}

#num_chk{
    /*    width: 120px;*/
}
#chk_commande select{
    width:144px;
    font-size: 11px;
}

#chk_commande input[type="number"]{
    width: 138px;
    font-size: 11px;
    /*    margin-right:20px;*/
}



#chk_commande .AttestationSelect {
 width:250px;   
}

#chk_commande .AttestationLabel {
 width:180px; 
 vertical-align: top;
   
}


/*Commande de Chéquier Fin*/


/*Transfert Interne*/

#trsf_contenu input,#trsf_contenu select{
    width:350px;
    padding: 4px;
}


#trsf_contenu select option {
/*    width: 350px;*/
    padding: 4px;
}
/*Transfert Interne Fin*/

div.final{
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: block;
}



/*Transfert Liste*/
#btn_filtre{
    margin: 8px;

}

.filtre_barre{
    display: block;
    background: none repeat scroll 0 0 #EEEEEE;
    border: solid 1.5px #D0E4F2;
}

.filtre_barre select{
width:180px;}
.filtre_barre input{
    width:140px;
}

.filtre_barre label{
    display: block;
}
.filtre_barre span{
    display: inline-block;
}
.submit_etat {
    background:none!important;
    border:none; 
    padding:0!important;
    /*border is optional*/
    border-bottom:1px solid #444; 
    cursor:pointer;
}

.Trsfert_cat li{
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    list-style-position: outside;
    /*tbody tr:nth-child(4n+1){background:black;}
tbody tr:nth-child(4n+2){background:black;*/}

.action.details{
    display: inline;
}


.d_100,.d_33,.d_50 {
    float:left;
    display:inline;    
}

.d_100{
    width: 100%;
}
.d_33{
    width: 33.33%;
}
/*Transfert Liste*/
#Trsf_Interne_liste a.details {
    color: #0063DC;
    text-decoration: none;
}
.paging_full_numbers a.paginate_active {
    background-color: #99B3FF;
}
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
    border: 1px solid #AAAAAA;
    color: #333333 !important;
    cursor: pointer;
    margin: 0 3px;
    padding: 2px 5px;
}
.paging_full_numbers {
    line-height: 22px;
}

/*Liste Categorie*/
#dwn_lien{
    margin: 0;
    padding: 0;
}

ul.Trsfert_cat{
    text-align: right;
    display: inline-block;
}
.liste_cat,.btn_j,.liste_cata {
    -moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
    -webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
    box-shadow:inset 0px 1px 0px 0px #cae3fc;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
    background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
    background-color:#79bbff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #469df5;
    display:inline-block;
    color:#ffffff !important;
    font-family:arial;
    /*    font-size:15px;*/
    font-weight:bold;
    padding:6px 6px;
    text-decoration:none;
    text-shadow:1px 1px 0px #287ace;
    }
    
    .liste_cat label,.liste_cata label{
        color:#FFFFFF;
    }
    .liste_cat:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
    background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
    background-color:#4197ee;
    }
    .liste_cat:active {
    position:relative;
    top:1px;
}

.dataTables_processing{
/*    background-image: url(../images/ajl.gif); */
    background-color:#Fdfaaa;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15%;
    -moz-background-size: 15%;
    -o-background-size: 15% auto; /* Opera needs x AND y values, or no background! */
    -webkit-background-size: 15%;
    -khtml-background-size: 15%;
     -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    /*     background-size:106px;*/


}

/*Liste Categorie*/

ul.tab li {
    list-style:none;
    /*float:left;*/ 
    display:inline;
    position:relative;
    top:0;
    margin:0;
    border-bottom:0 !important;
    padding:0;
    white-space:nowrap;  list-style: none;
    display: inline-block;
    height: 25px;
    /*    background: blue;*/
    list-style-position: inside;

}

ul.tab{
    /*    margin-left: -40px;*/

    /*    border-color: blue;*/

}



ul.tab {
    position:relative;
    padding:.2em 0;
    zoom:1;
    margin: 1em 0
}
ul.tab .ui-tabs-nav {
    margin:0;
    padding:0;
}

ul.tab li a{
    padding:5px 12px 6px 12px;
    text-decoration:none;
    background:#999;
    color:#FFFFFF !important;
    border-bottom:0 !important;
    font-size: 1em;
    font-weight: bolder;
}

ul.tab li a.selected ,ul.tab li:hover a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    text-decoration:none;
    background:#2A7AD2 !important;
    padding-top:6px
}

.Trsfert_data{
    border-top:2px solid #2A7AD2;
    margin-top: -18px;
}

div.btn_exec{
    display:inline-block;
}


a.cpt{
    float:left;
}

.cacher{
    display: none;
}

.btn.action.confirmer,.btn.action.annuler{
    padding: 6px 8px !important;
}

/*boutons verts*/



.bouton_vert {

    -moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
    -webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
    box-shadow:inset 0px 1px 0px 0px #d9fbbe;

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
    background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
    background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
    background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
    background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
    background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);

    background-color:#b8e356;

    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;

    border:1px solid #83c41a;

    display:inline-block;
    color:#ffffff;
    font-family:arial;
    /*        font-size:15px;*/
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;

    text-shadow:0px 1px 0px #86ae47;

}
.bouton_vert:hover {

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
    background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
    background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
    background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
    background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
    background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);

    background-color:#a5cc52;
}
.bouton_vert:active {
    position:relative;
    top:1px;
}






/*    bouton rouge*/

.bouton_rouge {

    -moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
    box-shadow:inset 0px 1px 0px 0px #f7c5c0;

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
    background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
    background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
    background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
    background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
    background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);

    background-color:#fc8d83;

    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;

    border:1px solid #d83526;

    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:normal;
    padding:6px 24px;
    text-decoration:none;

    text-shadow:0px 1px 0px #b23e35;

}
.bouton_rouge:hover {

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
    background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
    background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
    background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
    background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
    background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);

    background-color:#e4685d;
}
.bouton_rouge:active {
    position:relative;
    top:1px;
}

/*    bouton rouge*/



/*boutons*/



/* Souscription form*/
div.frmbloc span{
    display: inline-block;
    margin-right: 40px;
}
div.frmbloc select{
    margin-right: 20px;
}

div.frmbloc label{
    display:inline-block;
}
/* Souscription form*/

div.frmbloc .reponse {
    width:348px;
}
div.cptbloc div.choix{
    display: inline-block;
    margin-top: -0.5em;
}

div.cptbloc div.input{
    float: left;
    margin-right: 10px;
}

div.frmbloc fieldset.identification input {
    margin-right: 60px;
}

/*div.frmbloc*/ /*input[type="checkbox"], */
/*input[type="radio"],*/
div.frmbloc input.radio_inline,
input.checkbox {
    vertical-align:text-top;
    width:13px;
    height:13px;
    padding:0;
    margin:0;
    position:relative;
    overflow:hidden;
    top:2px;
}

div.cptsup{
    clear:both;    
}

#souscript_Id_particulier{
    min-height: 1100px;
}

#souscript_Signataire{
    min-height: 770px;
}

h3.souscription {
    margin-bottom: 20px;
}


.pied.lien_barre li{
    display: inline;
    margin-right:20px;

}

#res_verif,#res_frais{
/*    max-width:620px ;*/
    max-width:540px ;
}

#demoNavigation{
    margin-top:170px;
}

#form_ajout_compte_domestique #demoNavigation{
    margin-top:0 !important;
}



#login{
    float: left;
    width: 80%;
      border: solid 1px #eeeeee;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    min-height: 400px;
}

#login input{
    margin-bottom: 20px;
}

#login a{
    font-size: 1.3em;
}

.DTTT_button_print{
    color: blue;
    cursor: pointer;
    font-weight: bold;
}

.progress {
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    padding: 1px;
    position: relative;
    width: 400px;
}

.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; display: inline-table; }


table.datagrid  { border-collapse: collapse; text-align: right; width: 100%; } 
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: none/*1px solid #5E5399*/; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
table.datagrid  td, table.datagrid  th { padding: 3px 10px; }
table.datagrid  thead th {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0096E0), color-stop(1, #00557F) );
    background:-moz-linear-gradient( center top, #0096E0 5%, #00557F 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0096E0', endColorstr='#00557F');
    background-color:#0096E0; color:#FFFFFF; font-size: 12px; /*font-weight: bold;*/ border-left: 0px solid #0070A8; } 
table.datagrid  thead th:first-child { border: none; }
table.datagrid  tbody td { color: #00557F; font-size: 12px;font-weight: normal; }
table.datagrid  tbody .alt td { background: #E1EEf4; color: #00557F; }
table.datagrid  tbody td:first-child { border-left: none; }
table.datagrid  tbody tr:last-child td { border-bottom: none; }
table.datagrid  tfoot td div { border-top: 1px solid #5E5399;background: #E1EEf4;} table.datagrid  tfoot td { padding: 0; font-size: 12px } 
table.datagrid  tfoot td div{ padding: 2px; }table.datagrid  tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }table.datagrid  tfoot  li { display: inline; }table.datagrid  tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #0096E0;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0096E0), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #0096E0 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0096E0', endColorstr='#00557F');background-color:#0096E0; }table.datagrid  tfoot ul.active, table.datagrid  tfoot ul a:hover { text-decoration: none;border-color: #00557F; color: #FFFFFF; background: none; background-color:#0096E0;}






#pass label{
    width:180px;
    display: inline-block;
}

#pass div{
    margin-bottom: 20px;
}

.erreur_conteneur{
    background: url("../img/avertissement.png") no-repeat scroll 10px 1px #FFE9AD;
    border: 1px solid #EAC572;
    display: none;
/*    height: 100px;*/
/*    width:1250px;*/
}

/*.msgalert {
    background: url("../images/notifications.png") no-repeat scroll 0 -52px #FFE9AD;
    border: 1px solid #EAC572;
} */


.message {                                                                                                                      
    color:#555;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
    padding:10px 36px;
    margin:10px;
    max-width: 540px;
}
.message div {
    font-weight:bold;
    text-transform:uppercase;
}

.jAvertissement{
     background-color: #FEEFB3;
    color: #9F6000;

}
.erreur {
    background:#ffecec url('../img/b_erreur.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
}
.succes {
    background:#e9ffd9 url('../img/success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
.avertissement {
    background:#fff8c4 url('../img/b_avert.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
}
.info {
    background:#e3f7fc url('../img/notice.png') no-repeat 10px 50%;
    border:1px solid #8ed9f6;
    padding-left: 32px;
}



.messages {
    border-radius: 2px;
    height: 45px;
    margin-bottom: 20px;
    overflow: hidden;
/*    position: relative;*/
/*    font-weight: bold ;*/
}


.messages p {
    color: #333333;
    font-size: 13px;
    margin: 14px 10px 0 75px;
}

.message_fixe{
    position: fixed;
    top:0;
    width:960px;
}
#souscriptForm{
    margin-top: 10px;
    
}

#contenu .frm_div{
    background-color: #C4D7ED;
    border-radius: 5px;
    padding: 10px;
   min-width: 600px;
}

#contenu .frm_div span,#contenu .frm_div label{
    width:250px;
    display: inline-block;
    font-weight: bold;
}

#contenu .titre_form{
     background-color: #D2B48C;
    margin-bottom: 10px;
    padding: 10px;
}

#contenu .texte_maj{
    text-transform: uppercase;
}

#contenu .frm_div span.dat_info{
    font-weight: bold;
}


#contenu .frm_ajout legend{
      background: none repeat scroll 0 0 #D2B48C;
    border: 1px solid #000000;
    border-radius: 8px;
    color: #0000FF;
    font-size: 1.7em;
    font-weight: bold;
    margin-left: -7px;
    margin-top: -16px;
    padding: 0 6px 0 5px;
}

#contenu {
    padding-top: 30px;
}

#contenu .frm_ajout fieldset {
    padding-top: 30px;
}

#contenu .frm_ajout label{
    width: 150px;
    display: inline-block;
}

#contenu .frm_ajout  div.input{
    margin-top: 10px;
    margin-bottom: 20px;
}

#contenu .frm_ajout{
   width:600px; 
}



.validation{
   padding:10px;
}




table.vert { border-collapse: collapse; text-align: right; width: 100%; } 
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: none /*1px solid #36752D*/; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
table.vert td, table.vert th { padding: 3px 10px; }
table.vert thead th {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36752D), color-stop(1, #275420) );
    background:-moz-linear-gradient( center top, #36752D 5%, #275420 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D', endColorstr='#275420');
    background-color:#36752D; color:#FFFFFF; font-size: 12px; font-weight: bold; border-left: 1px solid #36752D; } 
table.vert thead th:first-child { border: none; }
table.vert tbody td { color: #275420; border-left: 1px solid #C6FFC2;font-size: 12px;font-weight: normal; }
table.vert tbody .alt td { background: #DFFFDE; color: #275420; }
table.vert tbody td:first-child { border-left: none; }
table.vert tbody tr:last-child td { border-bottom: none; }
table.vert tfoot td div { border-top: 1px solid #36752D;background: #DFFFDE;} 
table.vert tfoot td { padding: 0; font-size: 12px ; padding: 3px 10px;} 
table.vert tfoot td div{ padding: 2px; }
table.vert tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
table.vert tfoot  li { display: inline; }
table.vert tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #36752D;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36752D), color-stop(1, #275420) );background:-moz-linear-gradient( center top, #36752D 5%, #275420 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D', endColorstr='#275420');background-color:#36752D; }
table.vert tfoot ul.active, table.vert tfoot ul a:hover { text-decoration: none;border-color: #275420; color: #FFFFFF; background: none; background-color:#36752D;}
div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }

table.datagrid  { border-collapse: collapse; text-align: right; width: 100%; } 
.vert {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: none/*1px solid #5E5399*/; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
table.datagrid  td, table.datagrid  th { padding: 3px 10px; }
table.datagrid  thead th {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0096E0), color-stop(1, #00557F) );
    background:-moz-linear-gradient( center top, #0096E0 5%, #00557F 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0096E0', endColorstr='#00557F');
    background-color:#0096E0; color:#FFFFFF; font-size: 12px; /*font-weight: bold;*/ border-left: 0px solid #0070A8; } 
table.datagrid  thead th:first-child { border: none; }
table.datagrid  tbody td { color: #00557F; font-size: 12px;font-weight: normal; }
table.datagrid  tbody .alt td { background: #E1EEf4; color: #00557F; }
table.datagrid  tbody td:first-child { border-left: none; }
table.datagrid  tbody tr:last-child td { border-bottom: none; }
table.datagrid  tfoot td div { border-top: 1px solid #5E5399;background: #E1EEf4;} 
table.datagrid  tfoot td { padding: 0; font-size: 12px ; padding: 3px 10px;} 
table.datagrid  tfoot td div{ padding: 2px; }
table.datagrid  tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
table.datagrid  tfoot  li { display: inline; }
table.datagrid  tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #0096E0;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0096E0), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #0096E0 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0096E0', endColorstr='#00557F');background-color:#0096E0; }
table.datagrid  tfoot ul.active, table.datagrid  tfoot ul a:hover { text-decoration: none;border-color: #00557F; color: #FFFFFF; background: none; background-color:#0096E0;}

h1{
    background: /*url("../images/bartoszkosowski.jpg")*/ no-repeat scroll left center #FFFFFF;
    border-radius: 0 10px;
    box-shadow: 0 0 0 1px rgba(53, 86, 129, 0.4) inset, 0 0 5px rgba(53, 86, 129, 0.5) inset, -285px 0 35px #FFFFFF inset;
    color: #355681;
    font-family: 'Titillium Web',sans-serif;
/*    font-size: 36px;*/
    font-weight: 600;
    line-height: 40px;
    margin: 1em 0 0.5em;
    padding: 5px 5px 5px 15%;
    position: relative;
}

h3{
    border-bottom: 1px solid rgba(53, 86, 129, 0.3);
    color: #355681;
    font-family: 'Titillium Web',sans-serif;
/*    font-size: 22px;*/
    font-weight: 600;
    line-height: 40px;
    margin: 1em 0 0.5em;
    position: relative;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;}
    
hr.separateur {
width:60%;
height:6px;
background-color:gray;
border:1px dotted green;
float: right;
}

hr.sepadash {
width:60%;
height:6px;
/*background-color:gray;*/
/*border-top: none;*/
border-bottom:1px dashed green;
/*float: right;*/
}


div.Nouveau {
/*   background: #00ff00 url('smiley.gif') no-repeat fixed center; */
background: url("../img/b_avert.png") no-repeat scroll 10px 50% #FFF8C4;
/*    background: #fafafa url('../img/new-16.png') no-repeat  fixed 50% center;*/
}

.dropdown-menu li{
    list-style: none outside;    
}
.dropdown-menu li a{
        padding: 5px 15px;
}

.dropdown
{
color: #555;
margin: 3px -22px 0 0;
width: 143px;
position: relative;
height: 17px;
text-align:left;
}
.submenu
{
background: #fff;
position: absolute;
top: -12px;
left: -20px;
z-index: 100;
width: 135px;
display: none;
margin-left: 10px;
padding: 40px 0 5px;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}
.dropdown li a
{
color: #555555;
display: block;
font-family: arial;
font-weight: bold;
padding: 6px 15px;
cursor: pointer;
text-decoration:none;
}

.dropdown li a:hover
{
background:#155FB0;
color: #FFFFFF;
text-decoration: none;
}
a.account 
{
font-size: 11px;
line-height: 16px;
color: #555;
position: absolute;
z-index: 110;
display: block;
padding: 11px 0 0 20px;
height: 28px;
width: 121px;
margin: -11px 0 0 -10px;
text-decoration: none;
background: url(icons/arrow.png) 116px 17px no-repeat;
cursor:pointer;
}
.root
{
list-style:none;
margin:0px;
padding:0px;
font-size: 11px;
padding: 11px 0 0 0px;
border-top:1px solid #dedede;
}



/* Jbouton*/

.jbouton {
   background-color: rgba(18,127,210,1);
   background-image: -webkit-linear-gradient(top, rgba(54,168,234,1) 0%,rgba(18,127,210,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(54,168,234,1) 0%,rgba(18,127,210,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(54,168,234,1) 0%,rgba(18,127,210,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(54,168,234,1) 0%,rgba(18,127,210,1) 100%);
   background-image:         linear-gradient(top, rgba(54,168,234,1) 0%,rgba(18,127,210,1) 100%);
   -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
      -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
           box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
   border: solid 1px rgba(3,94,163,1);
   -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
           border-radius: 6px;
/*   width: 210px;*/
   display: inline-block;
   font-size: 16px;
   line-height: 40px;
   text-align: center;
   color: rgba(255,255,255,1) !important;
   text-shadow: 0px 1px 1px rgba(0,0,0,0.33)
}
.jbouton:hover {
   background-image: -webkit-linear-gradient(top, rgba(47,144,213,1) 0%,rgba(3,81,183,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(47,144,213,1) 0%,rgba(3,81,183,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(47,144,213,1) 0%,rgba(3,81,183,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(47,144,213,1) 0%,rgba(3,81,183,1) 100%);
   background-image:         linear-gradient(top, rgba(47,144,213,1) 0%,rgba(3,81,183,1) 100%);
   -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
      -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
           box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
   border: solid 1px rgba(0,52,129,1);
}
.jboutton:active {
   background-image: none;
   -webkit-box-shadow: 0px 0px 8px 2px rgba(0,61,127,0.4)inset, 0px 0px 2px 2px rgba(0,60,125,0.2)inset;
      -moz-box-shadow: 0px 0px 8px 2px rgba(0,61,127,0.4)inset, 0px 0px 2px 2px rgba(0,60,125,0.2)inset;
           box-shadow: 0px 0px 8px 2px rgba(0,61,127,0.4)inset, 0px 0px 2px 2px rgba(0,60,125,0.2)inset;
   border: solid 1px rgba(0,70,131,1);
}


/* Form ajout de compte*/

#form_aj_compte label{
    width:250px;
    float:left;
    display:block;
}
/* Form ajout de compte*/



/*  Resume profil*/

.profil dl
    {
        width: 85em;
        margin: 0.5em 0;
        padding: 0;
        font-family: georgia, times, serif;
    }
    
.profil    dl dt
    {
        width: 20em;
        float: left;
        margin: 0 0 0 0;
        padding: .5em;
        border-top: 1px solid #F9AFF9;
        font-weight: bold;
        color:#294C74;
    }
    
    /* commented backslash hack for mac-ie5 \*/
 .profil   dt { clear: both; }
    /* end hack */

.profil    dl dd
    {
        float: left;
        width: 30em;
        margin: 0 0 0 0;
        padding: .5em;
/*        border-top: 1px solid #999;*/
        border-top: 1px solid #F9AFF9;
    }
    
    .resume_bloc{
        float:left;
        margin-bottom:30px;
    }

    
    .profil h3 {
        width:620px;
    }
/*  Resume profil*/





/*   PRINT */

@media print {
#aide {
    display: none;
}  

#contenu {
    width:100%;
}
}


.in_bl{
    display: inline-block !important;
}

.medium_l{
    width:150px;
}

.chx_l{
    max-width  :20px;
}
/*   PRINT */


/*  Tolltip*/

/*.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}             */
 .tiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
/*   color: #fff;*/
    color: #d5efb9;
    text-align: center;
    border-radius: 3px;
    padding: 6px 0;
    position: absolute;
    z-index: 1;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-left: 10px;
}
.tooltip  .tiptext::after {
    content: "";
    /*position: absolute;
    border-width: 5px;
    border-style: solid;
                            */
    width:0;
    height:0;
    position:absolute;

    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right:8px solid #d5efb9;
    left:-8px;

    top:7px;
} 
.tooltip:hover  .tiptext {
    visibility: visible;
}



.tooltip.top   .tiptext{
    margin-left: -60px;
    bottom: 150%;
    left: 50%;
}
.tooltip.top  .tiptext::after{
    margin-left: -5px;
    top: 100%;
    left: 50%;
    border-color: #2E2E2E transparent transparent transparent;
}

/*Bottom Tooltip CSS:*/

.tooltip.bottom  .tiptext{
    margin-left: -60px;
    top: 150%;
    left: 50%;
}
.tooltip.bottom  .tiptext::after{
    margin-left: -5px;
    bottom: 100%;
    left: 50%;
    border-color: transparent transparent #2E2E2E transparent;
}

/*Left Tooltip CSS:*/

.tooltip.left  .tiptext{
    top: -5px;
    right: 110%;
}
.tooltip.left   .tiptext::after{
    margin-top: -5px;
    top: 50%;
    left: 100%;
    border-color: transparent transparent transparent #2E2E2E;
}

/*Right Tooltip CSS:*/

.tooltip.right .tiptext{
    top: -5px;
    left: 110%;
}
.tooltip.right .tiptext::after{
    margin-top: -5px;
    top: 50%;
    right: 100%;
    border-color: transparent #2E2E2E transparent transparent;
}

/*  Tolltip*/

.util-bloc-sup {
    text-align: center;
    padding: 1rem 1rem;
    border-bottom: 1px solid rgba(0,0,0,0.05);
.profil-img {
    padding: 5px;
    border: 1px solid #262626;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
img {
    width: 50px;
    height: auto;
    border-radius: 50%;
}
}
.utilisateur-nom {

}
.utilisateur-fonction {
    display: block;
@include text-small-caps();
@include text-faded();
    letter-spacing: 1px;
    font-size:.9rem;
    text-transform: uppercase;
}

/*.logged-user-toggler-arrow {
    padding: 3px;
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.08);
    border-radius: 6px;
}*/

&.profil-i {
     text-align: left;
     position: relative;
.util-bloc {
    display: inline-flex;
    align-items: center;
    padding-left: 0.7rem;
.utilisateur-info {
    padding-left: 20px;
    text-align: left;
}
}
/*.logged-user-toggler-arrow {
    padding: 3px;
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.08);
    border-radius: 6px;
}*/
.profil-img {
    display: flex;
    align-items: center;
    justify-content: center;
.utilisateur-info {
    margin-bottom: 0px;
    padding: 10px 10px 10px 20px;
}
.profil-img {

}
}
}
}

.util-bloc-sup.profile-i .util-bloc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0.7rem;
}

.util-bloc-sup.profil-i {
    text-align: left;
    position: relative;
}

.util-bloc .utilisateur-fonction {
    display: block;
    font-size: 0.63rem;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.4);
    letter-spacing: 1px;
}

.util-bloc .utilisateur-info{
    padding-left: 10px;
}




html {
    font-family: lato;
}

/*
html {
    text-align: center;
    margin-top: 3em;
}
*/

.button {
    border: 1px solid #3d5b92;
    background: #4d72b5;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    padding: 0.3em .75em 0.4em;
    line-height: 1;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: 350ms;
    -o-transition-duration: 350ms;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    cursor: pointer;
    display: inline-block;
}
.button:hover {
    background: #4566a4;
    text-decoration: none;
}

.btn-large {
    padding: 1em;
    text-align: center;
}

.btn-create:before {
    content: "+";
    padding-right: .5em;
    font-weight: bold;
}

.btn-create.btn-large {
    position: relative;
    padding-left: 3em;
    padding-right: 1.5em;
}
.btn-create.btn-large:before {
    content: "+";
    font-size: 2em;
    position: absolute;
    left: 16px;
    left: 1rem;
    top: 6.4px;
    top: 0.4rem;
}

.button-dropdown {
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}
.button-dropdown .btn-create {
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 0 0 3px;
}
.button-dropdown .button.toggle {
    text-indent: 100%;
    overflow: hidden;
    display: inline-block;
    width: 33px;
    padding: 1em .3em;
    vertical-align: bottom;
    margin-left: -3px;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0;
    border-radius: 0 3px 3px 0;
    border-left: 0;
    position: relative;
}
.button-dropdown .button.toggle:after {
    content: '';
    position: absolute;
    top: 1.4em;
    left: 16px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #fff;
}
.button-dropdown .j2dropdown {
    display: none;
    position: absolute;
    top: 70%;
    left: 0;
    right: 0;
    border-radius: 2px;
    list-style-type: none;
    padding: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 150px;
}
.button-dropdown .j2dropdown li:first-child .dropdown-link {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 0 0;
}
.button-dropdown .j2dropdown li:first-child .dropdown-link:before {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 13px;
    width: 0;
    height: 0;
    border: 6px outset transparent;
    border-bottom: 6px solid #e4eaf4;
}
.button-dropdown .j2dropdown li:last-child .dropdown-link {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0;
    border-radius: 0 0 3px 3px;
    border: 0;
}
.button-dropdown .j2dropdown .dropdown-link {
    display: block;
    position: relative;
    padding: .75em 1em;
    background: #e4eaf4;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #d2dcec;
}
.button-dropdown .j2dropdown .dropdown-link:hover {
    background: #d2dcec;
}

.button-dropdown li:first-child > .j2dropdown-link:hover:before {
    border-bottom-color: #d2dcec;
}

.j2dropdown:hover {
    display: block;
    margin-right: 400px;
}

.button-dropdown:hover > .j2dropdown, .button-dropdown.open > .j2dropdown {
    display: block;
    margin-right: 400px;
}


/* Dropdown */

.dropdown {
    display: inline-block;
    position: relative;
}

.dd-button {
    display: inline-block;
    border: 1px solid gray;
    border-radius: 4px;
    padding: 8px 30px 8px 20px;
    background-color: #ffffff;
    cursor: pointer;
    white-space: nowrap;
}

.dd-button:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
}

.dd-button:hover {
    background-color: #eeeeee;
}


.dd-input {
    display: none;
}
/*.dd-input:not(:hover) + .dd-menu{
    background-color: red;
    display: none;
}*/

.dd-menu {
    /*display:none;*/
    position: absolute;
    top: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
    margin: 2px 0 0 0;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    background-color: #ffffff;
    list-style-type: none;
}
/*.dd-menu:hover {
    display:none;
    position: absolute;
    top: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
    margin: 2px 0 0 0;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    background-color: #ffffff;
    list-style-type: none;
}*/


/*.dd-input + .dd-menu {
    display: none;
}*/

.dd-input:checked + .dd-menu {
    display: block;
    z-index: 2;
}

.dd-menu li {
    padding: 10px 20px;
    cursor: pointer;
    white-space: nowrap;
}

.dd-menu li:hover {
    background-color: #f6f6f6;
}

.dd-menu li a {
    display: block;
    margin: -10px -20px;
    padding: 10px 20px;
}

.dd-menu li.divider{
    padding: 0;
    border-bottom: 1px solid #cccccc;
}

.dropdown:not(:hover) li{
    display: none;
}
.EntUser td{
    position: relative;
    z-index: 1;
}
.EntUser td:hover{
    position: relative;
    z-index: 2;
}


#instruction_speciale{
    display:none;
}