/* Base styles applicable to the "screen" media type. */

/* HTML elements */

body {
    background-color: #fffff2;
}

h1, h2, h3, h4, h5, h6 {
	color: #3163ad;
}

a:link, a:visited {
    color: #003399; 
}
/*a:visited { color: #663366; }*/

a:hover { /* Must come after a:link and a:visited to be effective */
    color: #3171b5;
    text-decoration: underline;
}

a:active { /* Must come after a:hover to be effective */
    text-decoration: underline;
}

a.external {
    height: 1px; /* IE5.0 workaround */
    padding-right: 15px;
    background: url("/images/external-link.gif") no-repeat right;
}

a.popup {
    /* IE5.0 */
    /* height: 1px;
    padding-right: 15px;
    background: url("/images/popup-link.gif") no-repeat right; */
}

/* Structure */

#banner {
	background-color: #81abd5; /* #3163ad; */
	border-bottom: 1px solid #3163ad;
}

#banner *.title {
    color: white;
}

#banner *.session *.login {
    /* height: 1px;
    padding-left: 18px;
    background: url("/images/user.gif") no-repeat left; */
}

#banner *.session *.logout {
    /* height: 1px;
    padding-left: 18px;
    background: url("/images/logout.gif") no-repeat left; */
    font-weight: bold;
}

#banner *.session *.email {
    /*font-style: italic;*/
    font-size: 0.9em;
}

#banner *.dossier {	
 /* background: #EDF2F2; 
    border-bottom: 1px solid #3163ad; */
    color: white;
}

#title h1 {
    border-bottom-color: #3163ad;
}

#content *.description {
    background: white;
    border: 1px dashed #dddddd;
}

/* Buttons. & Input submit */
button, input[type="submit"] {
    cursor: pointer;
    border: 1px solid #9097A2;
    padding: 3px 5px;
    font-size: 8pt;
    font-weight: bold;
    background-color: #c6cfc6; /* #E6E6E6; */
    color: #003399;
    /* Specifique IE pour simuler l'effet button:hover 
     * avec le style button.buttonHover */
    behavior: url(/theme/base/buttonBehaviors.htc);
}

/* IE6 ignore la règle CSS avec le sélecteur : button, input[type="submit"] */
button {
    cursor: pointer;
    border: 1px solid #9097A2;
    padding: 3px 5px;
    font-size: 8pt;
    font-weight: bold;
    background-color: #c6cfc6; /* #E6E6E6; */
    color: #003399;
    /* Specifique IE pour simuler l'effet button:hover 
     * avec le style button.buttonHover */
    behavior: url(/theme/base/buttonBehaviors.htc);
}

button.buttonHover, input[type="submit"]:hover {
    color: #2165ad;
    cursor: pointer;    
}

/* IE6 ignore la règle CSS  avec le sélecteur  : 
 *  button.buttonHover, input[type="submit"]:hover 
 */
button.buttonHover {
    color: #2165ad;
    cursor: pointer;    
}

/* IE7+ */
button:hover {
    color: #2165ad;
}

/* IE6+ (mais texte grisé quand-même => OK) */
button[disabled], input[type="submit"][disabled] {
    cursor: default; /* Use arrow instead of pointer. */
    color: #666666;
}

/* IE6 ignore la règle CSS  avec le sélecteur : 
 * button[disabled], input[type="submit"][disabled] 
 */
button[disabled] {
    cursor: default; /* Use arrow instead of pointer. */
    color: #666666;
}

*.button {
    cursor: pointer;
    border: 1px solid #9097A2;
    padding: 3px 5px;
    font-size: 8pt;
    font-weight: bold;
    background-color: #c6cfc6; /* #E6E6E6; */
}

/* input[type=submit] IE6+ */
input.button {
	color: #003399;
}

*.buttonLink {
    cursor: pointer;
    border: 1px solid #9097A2;
    padding: 3px 5px;
    font-size: 8pt;
    font-weight: bold;
    background-color: #c6cfc6; /* #E6E6E6; */
    text-decoration: none;
}

a.button { /* Enabled button. */
    height: 1px; /* IE5.0 */
}

a.button:visited {
}

/* Must come after a:link and a:visited to be effective */
*.button a:hover,
a.button:hover {
    color: #2165ad;
    text-decoration: none; /* No underline */
}

/* Disabled button. */
span.button {
    color: #666666;
    cursor: default; /* Use arrow instead of pointer. */
    height: 1px; /* IE5.0: required to handle padding of inline elements */
}

/* Online help */

#title *.help { /* Page help */
    cursor: help;
    padding-right: 18px;
    background: url("/images/help.gif") no-repeat right;
}

#content *.help { /* Context help */
    cursor: help;
    height: 10px; /* IE5.0 */
    padding-right: 10px;
    background: url("/images/question-mark.gif") no-repeat right;
}

*.calendarButton {
    cursor: pointer;
}

a.calendarButton {
    height: 1px; /* IE5.0 */
    padding-right: 20px;
    background: url("/images/calendar.gif") no-repeat right;
}

a.calendarButton:hover {
    text-decoration: none;
}

/* Required fields are marked with an *. 
 * Better to use CSS2 :before pseudo-class rather than background: url() 
 */
*.required {
    height: 1px; /* IE5.0 */
    padding-left: 5px;
    background: url("/images/asterisk.gif") no-repeat top left;
}

/* CSS2 only 
.requiredRight:before {
    content: "* ";
    color: #b22524;
} */

.requiredRight{
	content:"* ";
	color:#b22524;
}


*.selected {
    background-color: #E0E9E9;
}

/* CSS2 only */
/* *.optional:after {
    font-style: italic;
    content: (facultatif);
} */

*.sideNote {
    background-color: #EDF2F2;
    border-color: #B0BDEC;
}

/* Reduce main header sizes */
*.sideNote h1 { font-size: 1.40em; }
*.sideNote h2 { font-size: 1.25em; }
*.sideNote h3 { font-size: 1.10em; }

*.important {
    color: #cc0000;
}
*.attention {
    color: #DF7800;
}

*.info {
    background-color: white;
}

*.note {
    color: #336699;
    background-color: #f0f0ff; /* #F0F0F0 */
    /* border: 1px dashed #369; */
}

*.warning {
    color: #DF7800;
    background-color: #FFF6CF;
    /* border: 1px dashed #C00; */
}

*.error {
    color: #CC0000;
    background-color: #fff0f0;
    /* border: 1px dashed red; */
}

input.upper {
	text-transform: uppercase;
}

*.wrong input, 
*.wrong select {
    background-color: #ffdddd; /*#f96f6f;*/
}

*.wrong {
    height: 1px; /* IE5.0 */
    padding-right: 10px;
    background: url("/images/exclamation.gif") no-repeat right;
}

/* Examples and Figures */

div.example {
    border-left-color: green;
}

/* Q and A (FAQ) */

ol.faq li a {
    text-decoration: none;
    border-bottom: 1px dotted #6C98EE;
}

ol.faq li a:hover {
    border-color: #003399;
}

/* Tables */

tr.even {
    background-color: white;
}

tr.odd {
    background-color: #FFFFDF;
}

tr.evenStrong {
    background-color: #FFFFCC;
}

tr.oddStrong {
    background-color: #FFFFDD;
}

tr.evenWarning {
    background-color: white;
    color: #CC0000;
}

tr.oddWarning {
    background-color: #FFFFDF;
    color: #CC0000;
}

tr.lineError {
	background-color: red;
}


table.simple thead tr, 
table.simple tfoot tr, 
table.simpleNarrow thead tr, 
table.simpleNarrow tfoot tr, 
table.noBorder thead tr, 
table.noBorder tfoot tr, 
table.grid thead, 
table.grid tfoot {
    background-color: #F0F0F0; /* #EDF2F2; */
}

/* Sorting */
*.unsorted {
    height: 1px; /* IE5.0 */
    /* width: 1px; */
    padding-right: 10px;
    background: url('/images/sort-none.gif') no-repeat bottom right ;
}

*.ascending {
    height: 1px; /* IE5.0 */
    padding-right: 10px;
    background: url('/images/sort-asc.gif') no-repeat bottom right;
}

*.descending {
    height: 1px; /* IE5.0 */
    padding-right: 10px;
    background: url('/images/sort-desc.gif') no-repeat bottom right;
}

/* order1, order2, sortable and sorted are classnames used by struts displaytag */
/* They are used by default (although it's possible to override this by using a custom displaytag.properties files) */
/* In this case sortable and sorted class definition comes before the others because struts use multiple*/
/* classnames to define column states (ie class="sortable sorted order1") */
/* Those classnames are applied on the <th> element so if the background is set on the class itself */
/* it will not be cliquable. Instead we define it on the <a> element of a <th> sortable(...) element  */
*.sortable,
*.sorted {
}

*.order1 {
}

*.order2 {
}

th.sortable a,
th.sorted a {
    height: 1px; /* IE5.0 */
    /* width: 1px; */
    padding-right: 10px;
    background: url('/images/sort-none.gif') no-repeat bottom right;
}

th.order1 a {
	height: 1px; /* IE5.0 */
    padding-right: 10px;
    background: url('/images/sort-asc.gif') no-repeat bottom right;
}
th.order2 a {
    height: 1px; /* IE5.0 */
    padding-right: 10px;
    background: url('/images/sort-desc.gif') no-repeat bottom right;
}

/* Footer */

#footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#footer li {
    display: inline;
}

#footer p {
    color: #666666;
}

#footer p span {
    padding-right: 1em;
}

ul.tabs {
    border-bottom: 5px solid #E0E9E9;
}

ul.tabs li {
    background-color: #EDF2F2;
}

ul.tabs li.selected {
    background-color: #E0E9E9;
    /* border-bottom-color: #E0E9E9; */
}

/* Styles modifiant le pointeur en sablier */
.sablier { cursor: progress; }
.sablier A { cursor: progress; }

*.toggle {
    cursor: pointer;
}
*.printOnly {
	display: none;
}

/* Griser les input text en readonly (comme ceux qui sont disabled) */
input[type="text"][readonly] {
	background-color: #D4D0C7;
}