body {	margin:25px;padding:0;background : #FFFFFF url('body.jpg'); }
body, table {  font-family : arial; font-size : 13px; color : #535353; }
img { border:none;vertical-align:middle;}
form { padding : 0; margin : 0; }

a.lk:link {text-decoration: none; color: #535353;}
a.lk:hover {text-decoration: underline; color: #535353;}
a.star:link {text-decoration: none; background : url('../images/star0.png') no-repeat; width: 16px;}
a.star:hover {background : url('../images/star2.png') no-repeat;}
a.sta0:link {text-decoration: none; background : url('../images/star1.png') no-repeat; width: 16px;}
a.sta0:hover {background : url('../images/star2.png') no-repeat;}
#global { background : #FFFFFF; border : 1px solid #555555; border-collapse : collapse; width : 100%; min-width:760px; position:relative; }
#menu { border-top : 1px solid #999999;  border-bottom : 1px solid #999999; padding : 7 10 3 10; font-size : 12px; background : #7FB8FF url('gradient-1.jpg') repeat-x; white-space : nowrap;}
#header { background:url(logo.jpg) no-repeat; padding : 5px; white-space : nowrap;}
#footer { border-top : 1px solid #9AB198; padding : 5px; font-size : 11px; color : #4D634D; text-align : center; background : #7FB8FF url('gradient-1-long.jpg') repeat-x;}
#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; }
#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 : #444444; margin-right : 15px; white-space : nowrap; }
#menu a:hover { text-decoration : underline; color : #222222;}
#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%;}
.halfwidth { width : 50%;}
#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:-27px;top:-3px;z-index:0;cursor:pointer }
#historique_liste { position:absolute;right:-10px;top:-3px;z-index:3;border:1px solid #999999;background:#FFFFFF;border-right:none;min-height:113px;opacity:0.90;overflow:hidden;visibility:hidden;z-index:0; }
#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; }
#page > p:first-child { margin-top:0px; }

.table1, .table2, .table3, .table4 { border:1px solid #999999; background : #FFFFFF;}
.table1 tr { background : #E1FBEA;} 
.table2 tr { background : #FEEFDB;} 
.table3 tr { background : #E4F5FF;} 
.table1 .cell1 { background : #F2FCF0;}
.table2 .cell1 { background : #FFF7EC;}
.table3 .cell1 { background : #EFF9FE;}
.table1 .cell2 { background : #F8F4D1;}
.cell3, tr.cell3 { background : #D1F4F8;}
.cell4, tr.cell4 { background : #FFE7C4;}
.cell5, tr.cell5 { background : #FFD2D2;}
.cell6, tr.cell6 { background : #D3FFD2;}
.table1 th { color : #FFFFFF; background : #95D7CF url('entete-1.jpg') repeat-x; white-space : nowrap;}
.table2 th { color : #FFFFFF; background : #E9D198 url('entete-2.jpg') repeat-x; white-space : nowrap;}
.table3 th { color : #FFFFFF; background : #ACC7FF url('entete-3.jpg') repeat-x; white-space : nowrap;}
.table4 th { background : #FFEB6A url('gradient-3.jpg') repeat-x; white-space : nowrap;}

.input1 { border : 1px solid #666666;}
.button1 { border : 1px outset #666666; background : #E7E4D0;}
.select1 { border : 1px solid #666666; font-size:12px;font-family:arial;background:#F9F9F9; }
.select1 option { border-bottom:1px solid #EEEEEE; }
.readonly { font-style : italic; color : #999999; background : #EEEEEE; border : 1px solid #666666; font-size : 10px;}
.lien1 { color : #4C5A63;}
.lien1:hover { text-decoration : none; color : #888888; }
.red { color : #FF0000;}
.left { text-align : left;}
.right { text-align : right;}
.center { text-align : center;}
.middle { vertical-align:middle; } 
.bold { font-weight:bold;}
.italic { font-style:italic;}
.underline { text-decoration : underline;}
.nowrap { white-space : nowrap;}
.small { font-size : 11px;}
.alert { background-color : #FFEEEE !important; color : #FF3333; padding : 5px !important;}
.valid { background-color : #93FF79 !important; color : #356729; padding : 5px !important;}
.padding1 { padding:10px; }
.texte1 { color : #777777;}
.texte2 { color : #CCCCCC;}
.texte3 { color : #8DC090;}
.texte4 { color : #4F81B8;}
.texte5 { color : #4BA92A;}
.texte6 { color : #DB8B2C;}
.texte7 { color : #3D6CD8;}
.texte8 { color : #8027A5;}
.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%; }

ul.onglets {   padding:0px;margin-bottom:0px;margin-left:0px;position:relative;top:1px;white-space:nowrap; } 
.onglets li { float:left; width:135px; list-style-type:none;margin:0px;padding:4px;font-weight:bold;border:1px solid #AAAAAA;background:#7FB8FF url('gradient-1.jpg') repeat-x;cursor:pointer; height:16px;margin-right:1px;overflow:hidden; }
.onglets li:hover { background:#7FB8FF; }
.onglets li.active { background:#E4F5FF repeat-x; border-bottom:0px solid white; }
.zone_onglets { border:1px solid #AAAAAA;background:white ;clear:both; padding:10px; }


/*#################################### 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;
    background : #D0EDF5 url('gradient-2.jpg') repeat-x;
    border : 1px outset #AAAAAA;
    opacity:0.95; 
    width:300px;
    display : none;
    cursor : move;
    padding : 10px;
    z-index : 200;
}



.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 {
        display : none;
    }
}