/* NOTE: Creator pages normally have a theme applied to them too, and many of the style rules may be more specific than rules you specify here, so will "win". If your styles do not appear to take effect, try adding "!important" at the end; for example, to set the background color for the tag, use body { background-color: blue !important }; */ /* Preinscription custom stylesheet */ /*body { font-family: Verdana,Arial,Helvetica,sans-serif; }*/ html, body { font-family: Verdana,Arial,Helvetica,sans-serif; height: 100%; width: 100%; margin: 0; padding: 0; border: none } .entete { left: 0px; top: 0px; width:100%; position: absolute } /* header */ .header { background-color: #F4F4EA; border: 1px dotted #CEC0C0; width: 100%; height: 200px; } .headergrid { height: 200px; } .titre{ font-family: Georgia,'Times New Roman',times,serif; font-size: 24px } .bandeau{ font-family: Georgia,'Times New Roman',times,serif; font-size: medium !important; font-weight: bold !important; } .contenuTableRecherche { background-color: #F4F4EA; border: 1px dotted #CEC0C0; } .fieldSize5{ width:5% } .fieldSize10{ width:10% } .fieldSize15{ width:15% } .fieldSize20{ width:20% } .fieldSize25{ width:25% } .fieldSize30{ width:30% } .fieldSize35{ width:35% } .fieldSize40{ width:40% } .fieldSize45{ width:45% } .fieldSize50{ width:50% } .fieldSize55{ width:55% } .fieldSize60{ width:60% } .fieldSize65{ width:65% } .fieldSize70{ width:70% } .fieldSize75{ width:75% } .fieldSize80{ width:80% } .fieldSize85{ width:85% } .fieldSize90{ width:90% } .fieldSize95{ width:95% } .fieldSize100{ width:100% } .textFieldSizeMax{ width:96% } .textBackground{ background-color: #ffffff } .logo { width: 200px; height: 200px; padding-left: 20px !important; } .logoimage { } .appnamegrid { height: 200px; } .appname { font-size: large; } .appnamedark { color: #003333; } .appnamebar { color: #FEB300; padding-left: 20px; padding-right: 20px; } .appnamelight { color: #949585; } .gridEncastre{ border-width: 2px; border-style: inset; } /* sub header */ .subheader { background-color: #FFFFFF; text-align: right; width: 100%; height: 20px; border: 1px dotted #CEC0C0; } .subheadertext { color: #FFFFFF !important; font-size: x-small !important; font-weight: bold !important; padding-left: 10px; padding-right: 10px; } .subheaderbutton { background-color: #003333; } .contents { background-color: #E9E9D1; border: 1px dotted #CEC0C0; height: 350px; width: 80.5% vertical-align: top; } .contextGrid { background-color: #FFFFFF; border: 1px dotted #CEC0C0; height: 15px; vertical-align: top; } .formfieldlabel { font-weight: bold !important; } /* footer */ .footer { background-color: #F4F4EA; text-align: right; width: 100%; height: 20px; border: 1px dotted #CEC0C0; } .footertext { color: #949585 !important; font-size: x-small !important; font-weight: bold !important; padding-left: 10px; padding-right: 10px; border-left: 1px solid #FEB300; } .poweredby { color: #949585 !important; font-size: x-small !important; } .incident { color: red !important; font-size: large !important; font-weight: bold !important; } /* Style rules to make data tables look better */ .list-header { background-color: #eeeeee; font-size: larger; font-weight: bold; } .list-paging-header { background-color: white; } .list-paging-footer { background-color: white; } .list-row-even { } .list-row-odd { background-color: #eeeeee; } /* Style rules for message severity levels */ .infoMessage { color: black; } .warnMessage { color: orange; font-weight: bold; } .errorMessage { color: red; font-weight: bold; } .fatalMessage { color: red; font-style: italic; font-weight: bold; } .tableLabelColumn { width: 30%; text-align: right; } .tableFieldColumn { width: 35%; text-align: left; } .tableMessageColumn { width: 35%; text-align: left; } .tableColumnCenter { width: 100%; text-align: center; vertical-align: top; } .bandeauTable { background-color: #F4F4EA; border: 1px dotted #CEC0C0; } .bandeauTableColumnCenter { text-align: center; vertical-align: top; background-color: #F4F4EA; border: 1px dotted #CEC0C0; } .tableColumnLeft { width: 100%; text-align: left; } .headerFirstColumn { width: 25%; text-align: right; } .headerSecondColumn { width: 15%; text-align: left; } .headerthirdColumn { width: 60%; } .confirmPageFirstRow { height: 15%; text-align: left; vertical-align: middle; } .confirmPageSecondRow { height: 85%; text-align: left; vertical-align: top; } .confirmPageEntete{ font-family: Georgia,'Times New Roman',times,serif; font-size: 24px; } .confirmPageContenu{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; } .FourColumnTable1 { width: 25%; text-align: right; } .FourColumnTable2 { width: 25%; text-align: left; } .col5 { width: 5%; } .col10 { width: 10%; } .col15 { width: 15%; } .col20 { width: 20%; } .col25 { width: 25%; } .col30 { width: 30%; } .col35 { width: 35%; } .col40 { width: 40%; } .col45 { width: 45%; } .col50 { width: 50%; } .col55 { width: 55%; } .col60 { width: 60%; } .col65 { width: 65%; } .col70 { width: 70%; } .col75 { width: 75%; } .col80 { width: 80%; } .col85 { width: 85%; } .col90 { width: 90%; } .col95 { width: 95%; } .col100 { width: 100%; } .col325 { width: 32.5%; } .colRight { text-align: right; } .colCenter { text-align: center; } .colLeft { text-align: left; } .colTop { vertical-align: top; } .colMiddle { vertical-align: middle; } .colBottom { vertical-align: bottom; } .row5 { height: 5%; } .row10 { height: 10%; } .row15 { height: 15%; } .row20 { height: 20%; } .row25 { height: 25%; } .row30 { height: 30%; } .row35 { height: 35%; } .row40 { height: 40%; } .row45 { height: 45%; } .row50 { height: 50%; } .row55 { height: 55%; } .row60 { height: 60%; } .row65 { height: 65%; } .row70 { height: 70%; } .row75 { height: 75%; } .row80 { height: 80%; } .row85 { height: 85%; } .row90 { height: 90%; } .row95 { height: 95%; } .row100 { height: 100%; } .confirmPageContenuPaddingColumn { width: 10%; text-align: right; } .confirmPageContenuTextColumn { width: 90%; text-align: left; } /* Temporary workaround for a Tree component related bug. Sorry you had to see this... :) */ .TreeRow { clear: both; line-height: 22px } .topPanel{ left: 0px; top: 0px; position: absolute; width:100% } .middlePanel{ height: 85.8%; left: 0px; top: 14.2%; position: absolute; width: 100% } .rightPanelStyle{ height: 85.9%; left: 19%; top: 14.1%; position: absolute; width: 81% } .leftPanelStyle{ left:0 px; top: 14.1%; position: absolute; width:19%; height:85.9% } .noir{ color: black; } .rouge { color: red; font-weight: bold } .gris { color: gray; font-weight: bold } .rejete { color: #660000; font-weight: bold } .annule { color: red; font-weight: bold; text-decoration: line-through } .bleu { color: navy; font-weight: bold; } .jaune { color: #ff9900; font-weight: bold } .vert { color: green; font-weight: bold } .labelFont { color: #ffffff } .gras { font-weight: bold } .normal { font-weight: normal } .labelBackground { background-color: #000000 }