/* NE PAS MODIFIER CE FICHIER */

body {	margin:10px;margin-right:20px;padding:0;background : #FFFFFF url('body.jpg'); }
.bodypopup { margin:5px; }
body, table {  font-family : arial, verdana, sans-serif; font-size : 12px; color : #6676b2; }
img { border:none;vertical-align:middle;}
form { padding : 0; margin : 0; }
input { vertical-align : middle; }
h2 {font-size : 15px; color: #3d886f !important; padding-left:15px; background: url('puce.gif') no-repeat 3px 5px;-moz-text-shadow: 1px 1px 2px #bbb;-webkit-text-shadow: 1px 1px 2px #bbb; text-shadow: 1px 1px 2px #bbb; }

#global { background : #FFFFFF;  border-collapse : collapse; width : 960px; min-width:960px; position:relative;margin:auto;-moz-box-shadow: 0px 0px 10px #222;-webkit-box-shadow: 0px 0px 10px #222; box-shadow: 0px 0px 10px #222;table-layout:fixed;-moz-border-radius : 20px; -webkit-border-radius:20px; border-radius:20px;  }
#menu { border-top : 1px solid #999999;  border-bottom : 1px solid #999999; padding : 7 10 3 10; font-size : 12px; background : #51907b url('gradient-1.jpg') repeat-x; white-space : nowrap;}
#header { padding : 6px; white-space : nowrap;}
#footer { border-top : 1px solid #9AB198; padding : 5px; font-size : 11px; color : #EEE; text-align : center; background : #51907b url('gradient-1-long.jpg') repeat-x;-moz-border-bottom-right-radius : 20px; -webkit-border-bottom-right-radius:20px; border-bottom-right-radius:20px;-moz-border-bottom-left-radius : 20px; -webkit-border-bottom-left-radius:20px; border-bottom-left-radius:20px;}
#printbar { text-align : right; padding : 2 5 2 2; font-size : 11px;}
#loginbar { padding : 2 2 2 5;font-size : 11px; border-top : 1px solid #999999; background : #FFEB6A url('gradient-3.jpg') repeat-x; height:28px;vertical-align:middle; }
#loginbar_autologoff { font-size : 10px; color:#666666; }
#content { padding : 10 10 25 10;}
#content_rel { position:relative; }
#menu img { margin-right : 2px; position : relative; bottom : 1px;}
#menu a { text-decoration : none; font-weight : bold; color : #FFF; margin-right : 15px; white-space : nowrap;-moz-text-shadow: 1px 1px 2px #000;-webkit-text-shadow: 1px 1px 2px #000; text-shadow: 1px 1px 2px #000; }
#menu a:hover { text-decoration : underline; color : #EEE;}
#printbar img, #loginbar img { margin : 1px; }
#printbar a, #loginbar a { text-decoration : none; color : #666666; }
#printbar a:hover,#loginbar a:hover { text-decoration : underline;}
.fullwidth { width : 100%;}
.halffullwidth { width : 94%;}
#content td { vertical-align : top;}
#content td,#content th { padding : 2px;}
#switcher_instance { font-size:12px;font-weight:bold;width:300px;position:absolute;right:0px;top:-2px;overflow:hidden;border:1px inset #999999;background:#FFF29E;z-index:2; }
#switcher_instance a { display:block; padding:2px;text-decoration:none; }
#switcher_instance a:hover { background:#FFF9BB;text-decoration:none; }
#switcher_instance_img { position:absolute;right:1px;top:1px;cursor:pointer; }
.switcher_instance_default { height:21px; } 
.switcher_instance_auto { height:auto; } 
#historique { position:absolute;right:-18px;top:10px;z-index:0;cursor:pointer; }
#historique_liste { position:absolute;right:18px;top:0px;z-index:3;border:1px outset #999999;background:#FFFFFF;border-right:none;min-height:113px;opacity:0.9;overflow:hidden;z-index:0;width:130px; }
#historique_liste a { display:block;padding:3px 3px 3px 3px; font-weight:bold; color:#294E40;font-size:12px;text-decoration:none;white-space:nowrap; }
#historique_liste a:hover { background:#EEEEEE; }
p:first-child { margin-top:0px; }
#page { padding:10px;min-height:200px; }
#menu { padding:5px; }
#printbar { padding:5px; }

.table1, .table2, .table3, .table4 { border:1px solid #999999; background : #FFFFFF;}
.table1 tr, .cell6 { background : #fafeff;} 
.table2 tr { background : #FFEBD0;} 
.table3 tr { background : #E4F5FF;} 
.table1 .cell1 { background : #d7f1e9;}
.table2 .cell1 { background : #FFF3E3;}
.table3 .cell1 { background : #EFF9FE;}
.table1 .cell2 { background : #F8F4D1;}
.cell3 { background : #D1F4F8 !important;}
.cell4 { background : #FFE7C4 !important;}
.cell5 { background : #FFD2D2 !important;}
.table1 th { color : #FFFFFF; background : #679c8b; white-space : nowrap;-moz-text-shadow: 1px 1px 2px #000;-webkit-text-shadow: 1px 1px 2px #000; text-shadow: 1px 1px 2px #000;}
.table2 th { color : #FFFFFF; background : #E9D198 url('entete-2.jpg') repeat-x; white-space : nowrap;-moz-text-shadow: 1px 1px 2px #000;-webkit-text-shadow: 1px 1px 2px #000; text-shadow: 1px 1px 2px #000;}
.table3 th { color : #FFFFFF; background : #A1CEE7 url('entete-3.jpg') repeat-x; white-space : nowrap;-moz-text-shadow: 1px 1px 2px #000;-webkit-text-shadow: 1px 1px 2px #000; text-shadow: 1px 1px 2px #000;}
.table4 th { background : #FFEB6A url('gradient-3.jpg') repeat-x; white-space : nowrap;-moz-text-shadow: 1px 1px 2px #999;-webkit-text-shadow: 1px 1px 2px #999; text-shadow: 1px 1px 2px #999;}

.input1,.ui-widget input { border : 1px solid #666666;}
.button1 { border : 1px outset #999; background : #E7E4D0; cursor:pointer;-moz-border-radius : 5px; -webkit-border-radius:5px; border-radius:5px; }
.select1,.ui-widget select { border : 1px solid #666666; }
.readonly { font-style : italic; color : #777777; background : #F0F0F0; border : 1px solid #666666; font-size : 10px;}
.lien1 { color : #50634C;}
.lien1:hover { text-decoration : none; color : #888888; }
.red { color : #FF0000;}
.left { text-align : left;}
.right { text-align : right;}
.center { text-align : center;}
.justify { text-align : justify;}
.nodisp { display : none;}
.bold { font-weight:bold;}
.italic { font-style:italic;}
.underline { text-decoration : underline;}
.nowrap { white-space : nowrap;}
.small { font-size : 11px;}
.padding1 { padding:10px!important; }
.padding2 { padding:5px!important; }
.texte1 { color : #777777;}
.texte2 { color : #c8ece0;}
.texte3 { color : #5dad62;}
.texte4 { color : #4F81B8;}
.texte5 { color : #38831e;}
.texte6 { color : #DB8B2C;}
.texte7 { color : #3D6CD8;}
.texte8 { color : #8027A5;}
.texte9 { color : #FFFFFF;}
.spacer { clear:both;}
.separator_1 { border-bottom:1px solid #AAAAAA;height:1px;overflow:hidden;margin:15px 10% 15px 10%;}
.overflower { width:94%; margin: 0 3% 0 3%; overflow-x:auto; }
.overflower .fullwidth { width:99.5%; }
.confirm, .erreur, .warning { padding : 10px; font-weight : bold; font-size : 12px; border : 1px solid #afae4f; min-height:40px;  margin-left:15%; margin-right:15%; margin-bottom:10px; padding-right:80px; }  
.erreur {  background : #fffec5 url('erreur.jpg') top right no-repeat; color : #FF0000;}
.confirm {  background : #fffec5 url('confirm.jpg') top right no-repeat; color : #008800; }
.confirm, .erreur { -moz-border-radius : 7px; -webkit-border-radius:7px;border-radius:7px; }

ul.onglets {   padding:0px;margin-bottom:0px;margin-left:0px;position:relative;top:1px;white-space:nowrap; } 
.onglets li { float:left; width:185px; list-style-type:none;margin:0px;padding:4px;font-weight:bold;border:1px solid #AAAAAA;background:#e1efdd;cursor:pointer; height:16px;margin-right:1px;overflow:hidden; }
.onglets li:hover { background:#d5e8cf; }
.onglets li.active { background:#f4f4f4;border-bottom:1px solid #f4f4f4; }
.onglets a { color:inherit;text-decoration:none;}
.zone_onglets { border:1px solid #AAAAAA;background:#f4f4f4 bottom right;clear:both; padding:10px; }


.liste_profils {
    width:400px;
    overflow:hidden;
    padding:5px;
    border:1px solid #777;
}
 #liste_profils {
    font-size:11px;
    height:20px;
    background-image:url(icones/dropdown.gif);
    background-repeat:    no-repeat;
    background-position:right 1px;
    cursor:pointer;
    width:180px;
    
 }

/*## Console */
#debug-console {
    width:780px;margin:auto;margin-top:20px;background:#EEE;color:#007700;font-size:12px;padding:10px;border:1px solid #999;moz-box-shadow: 0px 0px 5px #555;-webkit-box-shadow: 0px 0px 5px #555; box-shadow: 0px 0px 5px #555;table-layout:fixed;-moz-border-radius : 20px; -webkit-border-radius:20px; border-radius:20px;
}


/*## CALENDRIER */

.calendrier { position : absolute; z-index : 2; left : -15px; top : 1px; }
.calendrier a.lien { color : #666666; text-decoration : none; }
.calendrier a { text-decoration : none; }
.calendrier th a { color : #FFFFFF; }


/*## POPUP INTERNE */

#popup_inline {
    position : absolute;
    right:50px;
    top:30px;
    background : #D0EDF5;
    border : 1px outset #AAAAAA;
    opacity:0.95; 
    width:300px;
    display : none;
    cursor : move;
    padding : 10px;
    z-index : 200;
    -moz-box-shadow: 0px 0px 10px #222;-webkit-box-shadow: 0px 0px 10px #222; box-shadow: 0px 0px 10px #222;
}



.tooltip { background : #FFFFCC; border : 1px solid #000000; }


/*###CSS POUR L'IMPRESSION */
@media print {
    body {
        background-image : none;
        background-color : #FFFFFF;
        color : #000000;
    }
    #header, #footer, #menu, #printbar, #loginbar, .wrapernoprint{
        display : none;
    }
}


/*## Onglets */
.tabview {
    
}
.tabview ul {
    padding:0;
    margin:0;   
}
.tabview li {
    list-style-type : none;
    float:left;
}
.tabview li a {
    display: block;
    width:150px;
    padding:5px;
    border : 1px solid #888888;
    cursor:pointer;
    font-weight:bold;
    text-align:center;
    margin:3px;
    text-decoration:none;
}
.tabview .element {
    clear:both;
    display:none;
}
.tabview .firstelement {
    display:block;
}


/*### Styles utilisateur */
.thumbimg {
        border:1px outset #999999;
        background:#FFFFFF;
        padding:5px;
        -moz-box-shadow: 3px 3px 5px #bbb;-webkit-box-shadow: 3px 3px 5px #bbb; box-shadow: 3px 3px 5px #bbb;
        margin:8px;
}
@media print {
    #global {
        width : auto;
        -moz-box-shadow: 0px 0px 0px #222;
        -webkit-box-shadow: 0px 0px 0px #222; 
        box-shadow: 0px 0px 0px #222;
        -moz-border-radius : 0px; 
        -webkit-border-radius:0px; 
        border-radius:0px;
        
    }
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{background:#fff;    -moz-box-shadow: 0px 0px 10px #222;-webkit-box-shadow: 0px 0px 10px #222; box-shadow: 0px 0px 10px #222;}
    #cboxContent{margin-top:32px; overflow:visible;margin:25px 5px 5px 5px; }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(colorbox/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;font-weight:bold;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(colorbox/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
        
.ui-widget-content { background:#e1ebe4;border-color:#999; }        
.ui-widget-header { background:#b9d6c3; height:20px;overflow:hidden; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #FFF; font-weight: normal; color: #222; }
.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 #999999; background: #EEE; font-weight: normal; color: #222; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #f9fbe1;  }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  { background: #e1fbea; }

.ui-datepicker { font-family : arial, verdana, sans-serif; font-size : 11px; color : #535353; }
.ui-icon-circle-triangle-w { background : url('icones/prev.png') 0px 0px !important; height:14px;width:14px; }
.ui-icon-circle-triangle-e { background : url('icones/next.png') 0px 0px !important; height:14px;width:14px; }
.ui-widget-header .ui-state-hover { background:none; border:none; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 2px;cursor:pointer }
.ui-datepicker .ui-datepicker-prev { left:0px; }
.ui-datepicker .ui-datepicker-next { right:0px; }
.ui-datepicker .ui-datepicker-prev-hover { left:0px; }
.ui-datepicker .ui-datepicker-next-hover { right:0px; }