@charset "UTF-8";

/** 
* Fichier CSS par défaut de l'application 
* 
* LICENSE:   Ce programme est un logiciel libre ; vous pouvez le redistribuer ou le
* modifier suivant les termes de la “GNU General Public License” telle que
* publiée par la Free Software Foundation : soit la version 3 de cette
* licence, soit (à votre gré) toute version ultérieure.
* Ce programme est distribué dans l’espoir qu’il vous sera utile, mais SANS
* AUCUNE GARANTIE : sans même la garantie implicite de COMMERCIALISABILITÉ
* ni d’ADÉQUATION À UN OBJECTIF PARTICULIER. Consultez la Licence Générale
* Publique GNU pour plus de détails.
* Vous trouverez une copie de la Licence Générale Publique GNU
* dans [EN] /docs/license/license_en.pdf et [FR] /docs/license/license_fr.pdf ;
* si ce n’est pas le cas, consultez :
* [EN] http://www.gnu.org/licenses/gpl.html
* [FR] http://www.april.org/files/groupes/trad-gpl/doc/GPLv3/www.rodage.org/gpl-3.0.fr.html
* 
* @author     Vincent Guédé (vincent.guede@ac-bordeaux.fr)
* @copyright  Copyright (c) 2007-2009, Vincent Guédé (vincent.guede@ac-bordeaux.fr) - Tous droits réservés
* @license    http://www.gnu.org/licenses/gpl.html  GNU/GPL License 3.0
* @version    $Revision: 192 $ $Date: 2009-11-02 15:06:40 +0100 (lun., 02 nov. 2009) $ $Author: vguede $ 
* @since      Ce fichier est disponible depuis la version 0.5.0 
*/

/* ---------------- balises générales ----------------- */
body {
    min-height: 100%;
    color: #222222;
    background-color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    font-size: 90%;
}

#contentWithSubTabs {
    position: absolute;
    top: 120px;
    margin-top: 20px;
    padding-top: 15px;
    width: 100%;
    font-size: 80%;
}

#contentWithoutSubTabs {
    position: absolute;
    top: 90px;
    margin-top: 20px;
    padding-top: 15px;
    width: 100%;
    font-size: 80%;
}

h1, h2, h3, h4 {
    color: #0287c9;
    padding-top: 12px;
    padding-bottom: 4px;
    font-weight: bold;
    text-align: left;
}

h1 {
    font-size: 150%;
}

h2 {
    padding-left: 2%;
    font-size: 130%;
}

h3 {
    padding-left: 3%;
    font-size: 110%;
}

h4 {
    padding-left: 6%;
    font-size: 100%;
}

p {
    padding: 0px 4% 4px 4%;
}

ul {
    padding-left: 80px;
    padding-bottom: 8px;
}

li {
    padding-top: 8px;
}

li.sortItem {
    list-style-type: none;
}

a:link,a:visited, .helpLink:link, .helpLink:visited , .internalLink:link, .internalLink:visited {
    font-weight: normal;
    color: #0287c9;
    text-decoration: none;
}

a:hover, a:active, .helpLink:hover, .helpLink:active , .internalLink:hover, .internalLink:active {
    text-decoration: underline;
}
a.actionLink:link, a.actionLink:visited {
    color: #2255a0;
}
a.actionLink:hover, a.actionLink:active {
    color: #2255a0;
    text-decoration: underline;
}


/* ---------------- flashMessages ----------------- */
#flashMessage .info, #flashMessage .success, #flashMessage .warning, #flashMessage .error, #flashMessage .validationError, #noScript .error {
    border: 1px solid;
    margin: 0px auto 10px auto;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    width: 50%;
    text-align: left;
    font-weight: bold;
    font-size: 120%;
}
#flashMessage .info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('http://osiris.clisthene.org/images/icons/infoMessage32.png');
}
#flashMessage .success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('http://osiris.clisthene.org/images/icons/successMessage32.png');
}
#flashMessage .warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('http://osiris.clisthene.org/images/icons/warningMessage32.png');
}
#flashMessage .error, #noScript .error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../../images/icons/errorMessage32.png');
}
#flashMessage .validationError {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('http://osiris.clisthene.org/images/icons/validationErrorMessage32.png');
}

/* ---------------- images liens ----------------- */
a img {
    border-style: none;
    padding: 0;
    margin: 0;
    text-decoration: none;
}


/* ---------------- table ----------------- */
table {
    border: 1px solid #808080;
    text-align: left;
    margin: auto;
    border-collapse: collapse;
}

caption {
    caption-side: top;
    text-align: left;
    font-style: italic;
    padding-left: 10px;
    padding-bottom: 5px;
}

th, thead, tfoot {
    background-color: #DDDDDD;
    color: #222222;
    font-weight: bold;
    text-align: center;
    border: 1px solid #808080;
}
td {
    border: 1px solid #808080;
    padding: 3px;
}

tr.tableRow1 {
    background-color: white;
}

tr.tableRow2 {
    background-color: #EDF5FF;
}
.displayNoData {
    background-color: #CCCCCC;
}
td.tableNoData {
    color: #606060;
    text-align: center;
    font-style: italic;
    
}

.displayValuationResults tbody tr th.total {
    text-align : right;
    font-weight: normal;
    padding-right: 10px;
    font-style: italic;
}
.displayValuationResults tbody tr th.advisor {
    font-weight: normal;
}

/* ---------------- images taxonomie ----------------- */
.taxonomyIcon {
    width: 16px;
    height: 16px;
}

/* ---------------- graphiques ----------------- */
img.graphValuationMark {
    display: block;
    margin: 0 auto;
    width: 400px;
    height: 200px;
    margin-top: 10px;
}
img.graphValuationCompetence {
    width: 200px;
    height: 200px;
    margin: 5px;
}
div.graphValuationCompetence {
    text-align: center;
}

/* ---------------- images actions js ----------------- */
.deleteIcon {
    cursor: pointer;
}

/* ---------------- représentation intervallaire ----------------- */
.nestedSetModel ul, .nestedSetModel h3 {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* ---------------- affichage ou non des données sélectionnées dans une liste ----------------- */
li.listDisplay {
    font-weight: bold;
    font-style: normal;
}
li.listNoDisplay {
    font-weight: normal;
    font-style: italic;
}


/* ---------------- displayData ----------------- */
.displayData {
    margin: 2% 4%;
    padding: 4px 8px;
    border: solid 1px grey;
}
.displayFieldset {
    padding: 4px 1% 1% 1%;
    margin: 2px 0;
    border: solid 1px grey;
}
p.displayField {
    padding: 2px 5px;
    margin-bottom: 0;
}
.displayLabel {
    font-weight: bold;
}
.displayDataString {
    font-weight: normal;
}
.displayDataList {
    margin-top: 0;
    padding-top: 0;
}

table.displayData {
    text-align: center;
}
table.displayData th, table.displayData td {
    padding: 4px;
    border: 1px solid #808080;
}

.left {
    text-align: left !important;
}
.center {
    text-align: center !important;
}


/* ---------------- displayDocument ----------------- */
.displayDocument {
    margin-left: 4%;
}

.displayDocument thead td {
    padding: 5px;
    padding-left: 10px;
    text-align: left;
}

.displayDocument tfoot td {
    padding: 5px;
    font-weight: normal;
    text-align: left;
}

.displayDocument caption {
    display: none;
}

.displayDocument .documentLabel {
    padding-left: 5px;
    padding-right: 20px;
}

.displayDocument .documentFormat {
    padding-left: 5px;
    padding-right: 5px;
    border-left-style: hidden; 
}

/* ---------------- référentiel ----------------- */
.referentialType_1, .referentialType_2, .referentialType_3 {
    color: black;
}
.referentialType_1 {
    font-weight: bold;
}
.referentialType_2 {
    font-weight: normal;
}
.referentialType_3 {
    font-weight: normal;
    font-style: italic;
}
.commonCompetence {
    color: #606060;
    font-style: normal;
    font-weight: normal;
}
.personalCompetence {
    color: #606060;
    font-style: italic;
    font-weight: normal;
}



/* ---------------- pagination ----------------- */
.paginationControl {
    margin: 10px;
}
.paginationControl p {
    text-align: center;
}
.paginationControl a:link, .paginationControl a:visited {
    color: #2255a0;
    text-decoration: underline;
}
.paginationControl a:hover, .paginationControl a:active {
    color: black;
    text-decoration: underline;
}
.paginationCurrent {
    font-weight: bold;
}
.paginationDisabled {
    color: #606060;
}