﻿/* Feuille de style CSS par défaut pour un nouveau projet d'application Web */


#TableGlobale {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

TD {
}

IMG {
    vertical-align: middle;
    border: 0;
}

.MAINPAGE {
    /*background: white url(/acropolis/images/fond600_450.jpg) no-repeat top center;*/
    background-color: White;
    /*height: 100%;*/
    width: 100%;
    vertical-align: top;
}

.MAINFRAME {
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT {
    color: #003366;
}

H1 {
    font-size: 2em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H2 {
    font-size: 1.75em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H3 {
    font-size: 1.58em;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H4 {
    font-size: 1.33em;
    font-weight: 500;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H5, DT {
    font-size: 1em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H6 {
    font-size: .8em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

TFOOT, THEAD {
    font-size: 1em;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

TH {
    vertical-align: baseline;
    font-size: 1em;
    font-weight: bold;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

A:link {
    text-decoration: none;
    color: black;
}

A:visited {
    text-decoration: none;
    /*color: #3333cc;*/
}

A:active {
    text-decoration: none;
    /*color: #3333cc;*/
}

A:hover {
    text-decoration: underline;
    /*color: #3333cc;*/
}

SMALL {
    font-size: .7em;
}

BIG {
    font-size: 1.17em;
}

/*UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}*/

/*OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}*/

.ACCORDIONTABLE img {
    /*margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	width: 16px;*/
    vertical-align: middle;
}

.COLOREDTEXT {
    /*color: #0a6cce;*/
    color: White; /*color: Yellow;*/ /*font-weight: bold;*/
}

.ERRORTEXT {
    font-weight: bold;
    color: Red;
}

.VALUE {
    /*color: #3333cc;*/
    font-weight: bold;
    margin-right: 2px;
    margin-left: 2px;
}

.VALUETD {
    /*background-color: #ffa500; /*DarkOrange*/
}

.TOPALIGN {
    vertical-align: top;
}

.FIN, .UPPER, .FINCENTER, .FINRIGHT, .WATERMARKFIN {
    color: #000000;
    text-indent: 2px;
    font-size: 11px;
    /* Attention : ces 2 sont en test */
    margin-top: 1px;
    margin-bottom: 1px;
}

.FINCOMBOACT .ajax__combobox_textboxcontainer input {
    font-size: 11px;
}

.WATERMARKFIN {
    color: gray;
    font-style: italic;
}

.FINCENTER {
    text-align: center;
}

.FINRIGHT {
    text-align: right;
}

.UPPER {
    text-transform: uppercase;
    /*height: 19px;*/
}

SELECT {
    /*height: 19px;*/
    /*padding-bottom: 1px;	*/
}

.LISTTHESAURUS {
    height: 200px;
    font-size: 11px;
}

TEXTAREA {
    font-size: 12px;
}

.ENTETE {
    text-align: right;
    padding-left: 2px;
    padding-right: 2px;
    white-space: nowrap;
}

.LIB {
    padding-right: 2px;
    font-weight: bold;
}

.LIBGROS {
    padding-left: 2px;
    font-weight: bold;
}

.BOUTONFIN {
    background-color: White;
    border: solid 1px #0A6CCE;
    font-size: 11px;
}

.BOUTONFINFICHE {
    background-color: white;
    font-size: 11px;
    border: solid 1px black;
    height: 18px; /*color:#AAAAAA;*/
}

.LIBELLEGRAS {
    font-weight: bold;
    text-indent: 4px;
}

.TITREPAGE {
    background-color: #E8E8E8;
    background-image: URL(/acropolis/images/background/degvergris.bmp);
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding-top: 2px;
    border-bottom: solid 1px gray;
    height: 25px;
}

.TITRECASE1 {
    background-image: URL(/acropolis/images/newmenu/bouton.bmp);
    font-size: 14px;
    font-weight: bold;
    border-top: solid 1px #002D96;
    border-bottom: solid 1px #002D96;
    height: 24px;
}

.TITRECASE, .MILIEUCASE, .PIEDCASE, .TITREFICHE, .TITRECASEGAUCHE {
    background-color: #E8E8E8; /*background-image: URL(/acropolis/images/background/degvergris.bmp);*/
    font-weight: bold;
    height: 24px;
}

.TITRECASEGAUCHE {
    text-align: left;
}

.TITRECASE, .MILIEUCASE, .TITREFICHE {
    text-align: center;
}

.TITRECASE, .TITRECASEGAUCHE {
    border-bottom: solid 1px gray;
}

.TITRECASEFICHE {
    border-bottom: solid 1px gray;
    color: black;
    font-weight: bold;
    text-indent: 4px;
    padding-right: 4px;
}

.PIEDCASEFICHE {
}

.MILIEUCASE, .MILIEUCASEFICHE {
    border-bottom: solid 1px gray;
    border-top: solid 1px gray;
}

.PIEDCASE {
    border-top: solid 1px gray;
}

.CORPSCASE {
    /*BLEU*/ /*background-color:#e2f0f9;*/ /*BLANC*/ /*background-color: White;*/ /*GRIS*/
    background-color: #F5F5F5; /*background-image: url(/Acropolis/images/background/degvertms.png);*/
}

.TITREFICHE, .TITREONGLET {
    border: solid 1px gray;
}

.CORPSFICHE, .CORPSFICHEBAS {
    /*border-left: solid 1px gray;
	border-right: solid 1px gray;*/
    height: 100%;
    background-color: #F5F5F5; /*background-image: url(/Acropolis/images/background/degvertms.png);*/
}

.CORPSFICHEBAS {
    /* 	background-color: Yellow; 	border-top: solid 1px Red; 	border-bottom: solid 1px Red; 	*/
    border-bottom: solid 1px gray;
}


.MILIEUCASEFICHE, .PIEDCASEFICHE, .TITREONGLET {
    color: black; /*background-color: #CCCCCC;*/
    background-color: #EEEEEE;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    height: 18px;
}

.MULTIPAGE {
    height: 100%;
}

.CASE, .CASETOP {
    /*border: solid 1px black;*/
    border-bottom: solid 1px gray;
    background-color: white;
}

.CASE {
    border-top: solid 1px gray;
}

.CASEMID {
    border: solid 1px gray;
    background-color: white;
    /*width: 280px;*/
}

.CASEFICHE {
}

.MENU {
    border-right: solid 1px #002D96; /*background-color: white;*/
    background-color: #E8E8E8;
}

.MENUDROITE {
    border-left: solid 1px #002D96;
    border-bottom: solid 1px #002D96;
    width: 150px;
    /*background-color: #E8E8E8;*/
}

.TITREMENU, .TITREMENUMID, .TITREMENUGAUCHE {
    background-color: #F5F5F5;
    background-image: URL(/acropolis/images/background/degvergris.bmp);
    border-bottom: solid 1px gray;
    font-weight: bold;
    text-indent: 4px;
    height: 25px;
}

.TITREMENUMID {
    border-top: solid 1px gray;
}

.TITREMENUGAUCHE {
    /*background-image: URL(/acropolis/images/background/decoangle.png);*/ /*background-image: URL(/acropolis/images/newmenu/bouton.bmp);*/
    background-image: URL(/acropolis/images/background/degvergris.bmp); /*background-color: #0761c9;*/
    background-color: #002d96;
}

.BOUTONFINTOOLBAR {
    /*background-color: #D4D0C8;*/
    background-color: white;
    font-size: 11px;
    border: solid 1px black;
}

.FOOTER, .FOOTERGAUCHE {
    /*background-color: #E8E8E8;*/
    background-color: #0761c9; /*background: URL(/acropolis/images/background/deghorms.png);*/ /*background-image: URL(/acropolis/images/background/deghorgris.png);*/
    background-image: URL(/acropolis/images/newmenu/bouton.bmp); /*background: URL(/acropolis/images/background/deghorfooter.png);*/
    height: 20px;
}

.FOOTER {
    border-top: solid 1px #0A6CCE;
}

.FOOTERGAUCHE {
    /*background-color: #CBCBCB;*/
    border-top: solid 1px #0A6CCE; /*border-right: solid 1px gray;*/
}

.GRID, .GRIDMID {
    border: none;
    background-color: white;
}

    .GRID td, .GRIDMID td {
        border-width: 0px;
        padding: 0px 3px 0px 3px;
    }

.GRIDMID {
    /*border-top: solid 1px gray;*/
    border-top: solid 1px #002D96;
}
/*
.SOUSTITRE
{
	height: 20px;
	background: URL(/acropolis/images/newmenu/soustitre.bmp);
	width: 100%;
	text-indent: 4px;
}
*/
.GRIDHEADER {
    background-color: #F5F5F5;
    /*background-image: URL(/acropolis/images/background/degvergris.bmp);*/
    /*background-image: URL(/acropolis/images/newmenu/soustitre.bmp);*/
    background-image: URL(/acropolis/images/newmenu/bouton.bmp);
    /*height: 24px;*/
    height: 20px;
}

    .GRIDHEADER td {
        /*border-top: solid 1px gray;*/
        /*border-bottom: solid 1px gray;*/
        border-bottom: solid 1px #002D96;
    }

    .GRIDHEADER A:link, .GRIDHEADER A:active, .GRIDHEADER A:visited {
        text-decoration: none;
        color: black;
    }

    .GRIDHEADER A:hover {
        text-decoration: underline;
        color: black;
    }

.GRIDITEM, .GRIDALTITEM {
    /*background-color: white;*/
}

.GRIDITEM {
    /*background-color: #e3e6f8;*/
}

.GRIDALTITEM {
    /*background-color: gray;*/
    /*background-color: #F8e9de;*/
}

.ACROTOOLBAR {
    border-bottom: solid 1px gray;
    background-color: #E8E8E8;
    height: 25px;
    vertical-align: middle;
    background-image: URL(/acropolis/images/background/degvergris.bmp);
}

/**********************************************************************/
/* Sert à compenser la place que tient le titre de la page en hauteur */
/* Il faut rajouter une case avec cette classe DUMMY pour toute page  */
/* où l'on désire forcer la hauteur à 100%. ( height="100%" )         */
/**********************************************************************/
.DUMMY {
    /*height: 50px;*/
    height: 73px;
}

.DEMIDUMMY {
    /*height: 22px;*/
    height: 28px;
}

/********************************************/
/* Classes concernant le menu style Outlook */
/********************************************/
.ACROTOOLBAR_OUTLOOK {
    border-bottom: solid 1px #002D96;
    background-color: #E8E8E8;
    height: 25px;
    /*vertical-align: middle;*/
    background-image: URL(/acropolis/images/newmenu/bouton.bmp);
}

    .ACROTOOLBAR_OUTLOOK img {
        vertical-align: top;
    }

.CADRETOOLBAR {
    border-bottom: solid 1px #002D96;
    height: 25px;
    vertical-align: middle;
    background-image: URL(/acropolis/images/background/degvergris.bmp);
}

.CADRECATEGORIE {
    /*border-top : solid 1px Gray;*/
}

.SEPARATEUR {
    height: 7px;
    background: URL(/acropolis/images/newmenu/separ_small.bmp);
    background-repeat: no-repeat;
}

.CATEGORIE, .CATEGORIEOVER, .CATEGORIESEL, .CATEGORIEDISABLED {
    /*height: 25px;*/
    height: 21px;
    text-indent: 4px; /*font: icon;*/
}

.CATEGORIE, .CATEGORIEOVER, .CATEGORIESEL {
    cursor: hand;
    border-top: solid 1px #002D96;
    border-bottom: solid 1px #002D96;
}

.CATEGORIE {
    /*background-color: #B6AD72;*/
    background: URL(/acropolis/images/newmenu/bouton.bmp);
}

.CATEGORIEOVER {
    /*background-color: #B6BDD2;*/
    background: URL(/acropolis/images/newmenu/boutonover.bmp);
}

.CATEGORIESEL {
    /*background-color: #D4D5D8;*/
    background: URL(/acropolis/images/newmenu/boutonsel.bmp);
}

.CATEGORIEDISABLED {
    background-color: #D4D5D8;
    border-top: solid 1px #7C7C94;
    border-bottom: solid 1px #7C7C94; /*background: URL(/acropolis/images/newmenu/g_bouton.bmp);*/
    color: #7C7C94;
}

.CASETITRE, .CASETITREMID {
    /*background-color: #002D96;*/
    background: URL(/acropolis/images/newmenu/titre.bmp);
    color: White;
    font-size: 14px;
    font-weight: bold;
    text-indent: 4px;
    height: 24px;
    max-height: 24px;
}

.CASETITREMID {
    border-top: solid 1px #002D96;
}

.ACCORDIONHEADER, .ACCORDIONSELECTEDHEADER {
    /*background: URL(/acropolis/images/newmenu/titre.bmp);*/
    /*background: URL(/acropolis/images/newmenu/bouton.bmp);*/
    background: URL(/acropolis/images/newmenu/g_bouton.bmp);
    /*color: black;*/
    font-size: 14px;
    /*font-weight: bold;*/
    text-indent: 2px;
    padding-top: 4px;
    height: 20px;
    cursor: pointer;
    border-bottom: solid 1px gray;
}
/*
.ACCORDIONHEADER
{
	background: URL(/acropolis/images/newmenu/g_bouton.bmp);
	color: black;
}

.ACCORDIONSELECTEDHEADER
{
	background: URL(/acropolis/images/newmenu/g_bouton.bmp);
	color: black;	
}
*/
.ACCORDIONCONTENT {
    border-bottom: solid 1px gray;
    /*background: URL(/acropolis/images/background/deghorgris.png);*/
}

.ACCORDIONTABLE {
    border-collapse: collapse;
    width: 100%;
}

    .ACCORDIONTABLE td {
        padding: 1px;
    }

.TABLEMENU {
    /*border-top: #002D96 1px solid;
	border-right: #002D96 1px solid;
	border-left: #002D96 1px solid;
	border-bottom: #002D96 1px solid;*/
    background-color: white;
    width: 160px;
}

.TDMENUOUVERT {
    width: 160px;
    border: solid 1px #002D96;
    background-color: white;
    table-layout: fixed;
}

.TDMENUFERME {
    width: 0px;
    border: none;
}


.TABLELIENMENU {
    text-indent: 4px;
    width: 100%;
}

    .TABLELIENMENU td {
        height: 16px;
    }

.TABLEMENU IMG {
    margin-left: 0px;
    margin-right: 2px;
}

.TABLELIENMENU A:link, .TABLELIENMENU A:active, .TABLELIENMENU A:visited {
    text-decoration: none;
    color: black;
}

.TABLELIENMENU A:hover {
    text-decoration: none;
    color: orange;
}

.SOUSTITRE {
    border-bottom: solid 1px #002D96; /* 	border-top : solid 1px #002D96; 	border-left : solid 1px #002D96; 	border-right : solid 1px #002D96; 	*/
    height: 20px;
    background: URL(/acropolis/images/newmenu/soustitre.bmp); /*background: URL(/acropolis/images/newmenu/titre.bmp); 	color: White;*/
    width: 100%;
    text-indent: 4px;
}

.PAGEPRINCIPALE {
    border-right: #002D96 1px solid;
    border-left: #002D96 1px solid;
    border-bottom: #002D96 1px solid;
    border-top: #002D96 1px solid;
    background-color: White;
    vertical-align: top;
    /*width: 4000px;*/
}

.CASEENTETEGENERAL {
    font-size: 24px;
    font-weight: bold;
    text-indent: 8px;
    color: White;
    height: 36px;
    background: URL(/acropolis/images/newmenu/titre3.bmp);
    background-color: #033893;
    background-repeat: repeat-x;
    background-size: auto 36px;
    background-attachment: fixed;
    background-position: left top;
    border-bottom: #002D96 1px solid;
}

.CASEPIEDPAGE {
    /* 	border-right: #002D96 1px solid; 	border-left: #002D96 1px solid; 	border-top: #002D96 1px solid; 	*/
    /*font-size: large;
	font-weight: bold;
	text-indent: 8px;*/
    /*color: White;*/
    background-color: #002D96;
    height: 20px;
    background: URL(/acropolis/images/newmenu/titre4.bmp);
    background-repeat: repeat-x;
    background-size: auto 20px;
    /*border-bottom: #002D96 1px solid;*/
    vertical-align: middle;
}

    .CASEPIEDPAGE A:hover {
        text-decoration: underline;
        color: Black;
    }

    .CASEPIEDPAGE A:link, .CASEPIEDPAGE A:active, .CASEPIEDPAGE A:visited {
        text-decoration: none;
        color: Black;
    }

    .CASEPIEDPAGE IMG {
        width: 16px;
        height: 16px;
    }


.GRIDHEADERFILTRES {
    background-color: #E0E0E0;
    /*background-image: URL(/acropolis/images/background/degvergris.bmp);*/
    /*height: 24px;*/
    height: 20px;
    vertical-align: bottom;
}

    .GRIDHEADERFILTRES td {
        /*border-top: solid 1px gray;*/
        border-bottom: solid 1px gray;
    }

    .GRIDHEADERFILTRES A:link, .GRIDHEADERFILTRES A:active, .GRIDHEADERFILTRES A:visited {
        text-decoration: none;
        color: black;
    }

    .GRIDHEADERFILTRES A:hover {
        text-decoration: underline;
        color: black;
    }

.invisible {
    visibility: hidden;
}

.itemlist li {
    display: inline;
    float: left;
    margin-right: 50px;
    margin-bottom: 5px;
    text-align: center;
}

.divfond {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: Black;
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
}

/* --------------------------*/
/* Style de la popup standard */
/* --------------------------*/

.ModalPopupBG {
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
    position: absolute;
}

.PopupHeader {
    padding: 4px;
    background: #444444;
    color: white;
    font-weight: bold;
    vertical-align: middle;
}

    .PopupHeader a {
        color: white;
    }

.PopupBody {
    padding: 4px;
}

.PopupControls {
    padding: 4px;
    background: #666666;
    color: white;
    text-align: right;
    min-height: 14px;
}

/* -------------------------- *


/* --------------------------*/
/* Style du menu accordéon    */
/* --------------------------*/

.accord_header, .accord_selectedheader {
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-indent: 2px;
    padding: 8px 4px 8px 4px;
    margin: 0px 0px 0px 0px;
}

.accord_header {
    background-color: #4d90fe;
}

    .accord_header:hover {
        background-color: #0072bb;
    }

.accord_selectedheader {
    background-color: #0072bb;
}

.accord_content {
    /*border: solid 4px #0072bb;*/
    background-color: #ffffff;
}

/* -------------------------- */

.modern_container {
    height: 100%;
    background-color: lightgray;
}

.modern_entetegeneral {
    /*
    background: url(/acropolis/images/acropolis_2012.png) no-repeat #ca5100;    
    background-size: contain;    
    */
    padding-left: 4px;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-indent: 8px;
    color: #ffffff;
    height: 40px;
    /*purple*/
    /*background-color: #852b99;*/
    /*green*/
    /*background-color: #35aa47;*/
    /* orange */
    background-color: #ca5100;
}

.modern_titregeneral {
    font-size: 24px;
}

.modern_soustitregeneral {
    font-size: 14px;
}

/*.modern_menuleft_cale
{
    float: left; 
    width: 208px;
    height: 100px;
    padding-bottom: 24px;
}*/

.modern_menuleft {
    float: left;
    width: 200px;
    padding-bottom: 29px; /* Important pour ne pas chevaucher le footer */
    /*background-color: #0072bb;*/
    margin-right: 8px;
    /*position: absolute;
    bottom: 25px;
    top: 40px;*/
    /*overflow: auto;*/
}

.modern_pagetitle {
    height: 36px;
    /*margin-left: 200px;*/
    /*background-color: orange;*/
    background-color: #de9a00;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-indent: 8px;
    color: White;
}

.modern_titlelabel {
    float: left;
}

.modern_titlebuttons {
    float: right;
    padding-right: 8px;
}

.modern_content {
    /*background-color: lightgray;*/
    /*margin-left: 200px;*/
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 29px; /* Important pour ne pas chevaucher le footer */
    /*position: absolute;*/
    /*top: 76px;*/ /* entetegeneral + pagetitle */
    /*bottom: 24px;*/ /* footer */
    /*left: 208px;*/ /* menuleft */
    /*right: 0px;*/
    min-height: 400px;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.modern_footer a {
    color: White;
}

.modern_footer {
    height: 24px;
    padding-top: 4px;
    clear: both;
    background-color: #35aa47;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-indent: 4px;
    color: White;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

.modern-btn {
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 10px;
    cursor: pointer;
    outline: none;
    border: none;
    font-size: 14px;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    line-height: 8px;
    color: #444444;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

    .modern-btn:hover {
        color: #333;
        text-decoration: none;
        z-index: 100;
        outline: none;
        background-color: #d3d3d3;
    }

    .modern-btn.blue {
        color: white;
        background-color: #4d90fe;
    }

        .modern-btn.blue:hover {
            background-color: #0072bb;
        }

    .modern-btn.red {
        color: white;
        background-color: #d84a38;
    }

        .modern-btn.red:hover {
            background-color: #d34332;
        }
