﻿.divForm {
    clear: both;
    margin-bottom: 5px;
}
.labelForm {
    float: left;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding: 3px 0;
    width: 33%;
}
.labelForm160 {
    float: left;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding: 3px 0;
    width: 160px;
}
.labelForm400
{
    display: block;
    width: 400px;
    float: left;
}
.labelFormBold {
    display: block;
    float: left;
    font-weight: bold;
    width: 280px;
}
.dataForm {
    /*border: 1px solid #cccccc;*/
    display: block;
    float: left;
    padding: 3px 5px;
}
.detailForm {
    float: left;
    padding: 3px 0;
    text-align: justify;
    width: 60%;
}
.ddl300px {
    border: 1px solid #ccc;
    font-size: inherit;
    width: 304px;
}
.tb300px {
    border: 1px solid #cccccc;
    margin: 0 5px 0 0;
    vertical-align: top;
    width: 300px;
}
.tb500px
{
    border: 1px solid #cccccc;
    margin: 0 5px 0 0;
    vertical-align: top;
    width: 500px;
}
.tb250px
{
    border: 1px solid #cccccc;
    margin: 0 5px 0 0;
    vertical-align: top;
    width:250px;
}
.tb100px
{
    border: 1px solid #cccccc;
    margin: 0 5px 0 0;
    vertical-align: top;
    width:100px;
}
.chklistWithColor
{
    background-color: #ffffff;
    display: block;
    float: left;
    overflow-x: auto;
    border: solid 1px #CCC;
    font-size: inherit;
    padding: 3px;
    width: 302px;
}
.chklist300px
{
    background-color: #ffffff;
    width: 302px;
    display: block;
    float: left;
    height: 160px;
    overflow-x: auto;
    border: solid 1px #CCC;
    padding: 3px;
    font-size: inherit;
}
.chklist300pxnoheight
{
    display: block;
    float: left;
    overflow-x: auto;
    font-size: inherit;
    width: 302px;
}
.chklist500px
{
    width: 502px;
}

.chklist300px input,.chklist300pxnoheight input,.chklist500px input,.chklistWithColor input{

    margin: 3px;
}

/***************************/

#bloc_form
{
    background-color:#E7F1F5;
    padding: 20px;    
}
#form_individu
{
    width:500px;
}

#header_dossier
{
    display: block;
    padding-top: 10px;
    height:50px;
}

#header_dossier h2
{
    float: left;
    margin: 0 10px;
    padding-top: 8px;    
}

#div_btn
{
    display:block;
    float:right;
}

#div_btn span
{
    display:none;
}

.btn_BC
{
    background-image: url("images/btn_BC.jpg");
    display: block;
    float: left;
    height: 33px;
    margin-right: 5px;
    width: 45px;
}

.btn_CV
{
    background-image: url("images/btn_CV.jpg");
    display: block;
    float: left;
    height: 33px;
    margin-right: 5px;
    width: 45px;
}

.btn_GJ
{
    background-image: url("images/btn_GJ.jpg");
    display: block;
    float: left;
    height: 33px;
    margin-right: 5px;
    width: 45px;
}

.btn_Suivi
{
    background-image: url("images/btn_Livret.jpg");
    display: block;
    float: left;
    height: 33px;
    width: 45px;
    margin-right: 5px;
}

.upLoadDoc {
    border: 1px solid #CCCCCC;
    font-size: 12px;
    width: 300px;
}
.docWord
{
    background-image: url("images/docWord.jpg");
    background-image: url("images/docWord.png") !important;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 22px;
    padding-top: 5px;
}
.docLivret
{
    background-image: url("images/docLivret.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 22px;
    padding-top: 5px;
}

fieldset
{
    background-color: #FFFFFF;
    border: 1px solid #317AC5;
    margin: 0 0 20px;
    padding: 10px;    
}
legend
{
    color: #2563A9;    
    text-transform:uppercase;
    font-size:10px;
}
.tb300px
{
    width:300px;
}
.tb250px
{
    width:250px;
}
.tb100px
{
    width:100px;
}
.table1_col1
{
    width:150px;
    vertical-align:top;
}
.table1_col2
{
    width:250px;
    vertical-align:top;
}
.table1_col3
{
    width:300px;
    vertical-align:top;
}

.downloadFile {
    background-image: url("images/textfile16.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 16px;
    margin: 5px;
    width: 16px;
}

.deleteFile {
    background-image: url("images/delete.gif");
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 16px;
    margin: 5px;
    width: 16px;
}

.ajouter
{
    color:#0ea6de;
}

.btn_ChangeStructure
{
    background-color: #FFFFFF;
    background-image: url("images/reload.png");
    background-repeat: no-repeat;
    border-bottom: 1px solid #DDDDFF;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    left: 890px;
    padding-bottom: 2px;
    padding-left: 25px;
    padding-right: 10px;
    position: absolute;
    text-decoration: none;
    top: 0;
}

.toram
{
    margin: 0 0 20px 20px;
}

.toram th.info
{
    background-color: Transparent;
    background-image: url("images/info.jpg");
    background-position: right center;    
    background-repeat: no-repeat;
    cursor:pointer;
    height: 16px;    
}

.toram_intitule
{
    background-image: url("images/puce.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 15px;
    width: 550px;
}

.toram_niveau
{
    background-color: #D3D3D3;
    text-align: center;
}

.toram_niveau_detail
{
    background-color: #D3D3D3;
    text-align: center;
}

.toram_niveau td, .toram_niveau_detail td
{
    color: #000000;
    font-weight: bold;
    padding: 5px 0;
    width: 54px;
}

.toram_niveau_1, .toram_niveau_2
{
    background-color: #FFFFFF;    
}

.toram_niveau_3, .toram_niveau_4
{
    background-color: #FFFFFF;    
}

.toram_niveau_5, .toram_niveau_6
{
    background-color: #FFFFFF;    
}

.toram_niveau_detail_1
{
    background-color: #D8D8D8;    
}

.toram_niveau_detail_2
{
    background-color: #BB8686;    
}

.toram_niveau_detail_3
{
    background-color: #F1A672;    
}

.toram_niveau_detail_4
{
    background-color: #FFE69E;    
}

.toram_niveau_detail_5
{
    background-color: #C2E1A4;    
}

.toram_niveau_detail_6
{
    background-color: #86DAFC;    

}

.toram_annule
{
    background-image: url("images/annule.gif");
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin-left: 5px;
    width: 20px;
}

.toram_annule span
{
    display:none; 
}


.Eval
{
    background-color: #1A566B;
    margin: 0 0 10px 0;
    width: 100%;
}

.Eval tr
{
}

.Eval th
{
    background-color: #1A566B;
    color: #D8D8D8; 
}

.Eval td
{
    background-color: #FFFFFF;
    padding: 2px;
}

.Eval td.intitule
{
    background-image: url("images/puce.jpg");
    background-position: 5px center;
    background-repeat: no-repeat;
    padding: 5px 20px;
    width: 550px;  
}

.Eval .niveau_detail
{
    background-color: #FFFFFF;
    color: #000000;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
    width: 54px; 
}


.Eval .niveau_detail_0
{
    background-color: #D8D8D8;    
}

.Eval .niveau_detail_1
{
    background-color: #BB8686;    
}

.Eval .niveau_detail_2
{
    background-color: #F1A672;    
}

.Eval .niveau_detail_3
{
    background-color: #FFE69E;    
}

.Eval .niveau_detail_4
{
    background-color: #C2E1A4;    
}

.Eval .niveau_detail_5
{
    background-color: #86DAFC;
}

.Eval .niveau_commentaire textarea
{
    border: 1px solid #CCCCCC;
    margin: 0 5px;
    width: 380px;
}

.CritereParent
{
    background-color: #DDDDDD !important;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}

.button_back {
    background: url("images/bg_btnBack.png") repeat-x scroll 50% 50% #1a9fa4 !important;
    color: #FFFFFF !important;
}
.button_back:hover {
    background: inherit !important;
    color: inherit !important;
}