/*-------------------------------------------------------------------------------------------------*/
/*
________________________________________
ACTIVEPORTAIL - RESERVATION DE RESSOURCES
________________________________________
Version 4.xx
Feuille de style du module de réservation de ressources
Cette feuille de style comprend les éléments utilisés dans le module de réservation de ressources
_________________________________________________________

*/
/*-------------------------------------------------------------------------------------------------*/

/*---------------------------GLOBAL---------------------------*/	

input{
font-size:10px;
}

select{
font-size:11px;
}

/*---------------------------PLANNING RESERVATION---------------------------*/

/*---------------------------DETAIL RESERVATION---------------------------*/	

table.table_reservation{
background:#ffffff;
}

.reservation_titre{
color:#9b9b9b;
font-size:18px;
line-height:40px;
padding:0px 10px 0px 10px;
}

.reservation_filtre{
color:#484848;
font-size:11px;
line-height:40px;
padding:0px 10px 0px 10px;
}

.reservation_filtre2{
background:#f3f3f3;
color:#484848;
font-size:11px;
line-height:40px;
padding:0px 10px 0px 10px;
border-bottom:solid 1px #ffffff;
}

.reservation_heures{
background:url('reservation/reservation_heures.gif') no-repeat top left;
height:30px;
line-height:30px;
}

.reservation_titre_legende{
background:#eeeeee;
padding:0px 10px 0px 10px;
font-size:11px;
color:#484848;
line-height:20px;
}

.reservation_legende{
background:#eeeeee;
padding:0px 10px 0px 10px;
height:50px;
line-height:50px;
}

.reservation_txt_legende{
display:block;
float:left;
height:30px;
line-height:30px;
padding:0px 10px 0px 10px;
font-size:11px;
color:#484848;
}

.reservation_bloc_legende{
display:block;
float:left;
width:30px;
height:30px;
}

.reservation_legende_reserve{
display:block;
float:left;
width:30px;
height:30px;
background:#ff0000;
}

.reservation_legende_prereserve{
display:block;
float:left;
width:30px;
height:30px;
background:#ff8605;
}

.reservation_legende_archive{
display:block;
float:left;
width:30px;
height:30px;
background:#000000;
}

.reservation_legende_indisponible{
display:block;
float:left;
width:30px;
height:30px;
background:#ffffff url('reservation/reservation_bg_indisponible.gif') repeat top left;
}

.descriptif_titre{
background:#ececec;
line-height:30px;
color:#484848;
font-size:11px;
font-weight:bold;
text-align:left;
width:20%;
padding:0px 10px 0px 10px;
}

.descriptif1{
background:#c7c7c7;
line-height:30px;
color:#484848;
font-size:11px;
text-align:left;
border-bottom:solid 1px #ffffff;
width:180px;
padding:0px 10px 0px 10px;
}

.descriptif2{
background:#dadada;
line-height:30px;
color:#484848;
font-size:11px;
text-align:left;
border-bottom:solid 1px #ffffff;
width:180px;
padding:0px 10px 0px 10px;
}

.descriptif3{
background:#c7c7c7;
line-height:25px;
color:#484848;
font-size:11px;
text-align:left;
border-bottom:solid 1px #ffffff;
width:300px;
padding:0px 10px 0px 10px;
}

.descriptif4{
background:#dadada;
line-height:25px;
color:#484848;
font-size:11px;
text-align:left;
border-bottom:solid 1px #ffffff;
width:300px;
padding:0px 10px 0px 10px;
}

.jours{
background:#e4e4e4;
line-height:20px;
color:#484848;
font-size:11px;
text-align:center;
}

.jours2{
background:#f0f0f0;
line-height:20px;
color:#484848;
font-size:11px;
text-align:center;
}

.jours3{
background:#f2f2f2;
line-height:20px;
color:#484848;
font-size:11px;
text-align:center;
}

.jours4{
background:#ffffff;
line-height:20px;
color:#484848;
font-size:11px;
text-align:center;
}

.jours5{
background:#9f9f9f;
line-height:20px;
color:#484848;
font-size:11px;
text-align:center;
}

.case1{
background:#e0e0e0;
border-bottom:solid 1px #ffffff;
}

.case2{
background:#ffffff;
border-bottom:solid 1px #ffffff;
}

.case3{
background:#e6e6e6;
border-bottom:solid 1px #ffffff;
}

.case4{
background:#f5f5f5;
border-bottom:solid 1px #ffffff;
}

.case5{
background:#9f9f9f;
border-bottom:solid 1px #ffffff;
}

.case_reserve{
background:#ff0000;
border-bottom:solid 1px #ffffff;
}

.case_archive{
background:#000000;
border-bottom:solid 1px #ffffff;
}

.case_prereserve{
background:#ff8605;
border-bottom:solid 1px #ffffff;
}

.case_indisponible{
background:#ffffff url('reservation/reservation_bg_indisponible.gif') repeat top left;
border-bottom:solid 1px #ffffff;
}

.trait_reserve{
background:#ff0000;
}

.trait_archive{
background:#000000;
}

.trait_prereserve{
background:#ff8605;
}

.trait_indisponible{
background:#ffffff url('reservation/reservation_bg_indisponible.gif') repeat top left;
}

a.lien_jour:hover table{
background:#f7f8d5;
}

/*---------------------------RECHERCHE DISPONIBILITE RESERVATION---------------------------*/

table.table_disponibilites td{
padding: 0;
}


table.table_disponibilites td.case_debut{
width: 40px;
padding: 0;
margin:0;
background:#e0e0e0;
}
table.table_disponibilites td.case_plage{
background:#e0e0e0;
height: 32px;
width: 30px;
margin: 0;
padding: 0;
cursor: pointer;
}

table.table_disponibilites td.case_plage_selected{
background:#4D7D2D;
height: 32px;
width: 30px;
margin: 0;
padding: 0;
cursor: pointer;
}

table.table_disponibilites td.case_heure{
width:30px;
height:20px;
font-size:11px;
text-align:right;
}

table.table_disponibilites td.case_heure_trait{
border-right:solid 1px #999999;
width:30px;
height:10px;
line-height: 10px;
padding:0px 5px 0px 5px;
}

table.table_disponibilites td{
padding: 0;
height:10px;
line-height: 10px;
padding:0px 5px 0px 5px;
}

div.case_decalage{
left: 9px; 
position: relative;
}

/*---------------------------AUTOCOMPLETION RESERVATION---------------------------*/
.autocomplete_reservation{
        position:absolute;
        width:250px;
        background-color:#F3F3F3;
        border:1px solid #888;
        margin:0px;
        padding:0px;
}

ul.ressources {
        list-style-type: none;
        margin:0px;
        padding:0px;
        text-align: left;
}
ul.ressources li.selected { background-color: #F18231; cursor: pointer; }
li.ressource {
        list-style-type: none;
        display:block;
        margin:0;
        padding:2px;
        height:40px;
}
li.ressource div.image {
        float:left;
        width:80px;
        height:40px;
        margin-right:8px;
		display:block;
}
li.ressource div.image img{
        width:65px;
        height:35px;
}
li.ressource div.ressource_text {
        font-weight:bold;
        font-size:12px;
        line-height:1.2em;
}