/* 
    Document   : metier
    Created on : 8 avr. 2010, 17:56:14
    Author     : cedric.rassaert
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* General dropdown styles */
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
/* DT styles for sliding doors */
.dropdown dt a {background:#ffffff url(/images/select_job.png) no-repeat scroll right center;
    display:block; width:181px; height:35px; }
.dropdown dt a span {cursor:pointer; display:block; padding:9px 10px;color:#444; font-size: 11px; font-weight: bold;}
/* UL styles */
.dropdown dd ul { background:#ffffff none repeat scroll 0 0; display:none;
    list-style:none; padding:0px; position:absolute;
    left:0px; top:0px; width:auto; min-width:170px;
    z-index: 10;
}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block;}
.dropdown dd ul li { height: auto; width: auto; }

.home_metiers {
    overflow: hidden;
    position: relative;
    height: 1%;
}

#metiersList li {
    margin: 0;
}

.home_metiers .photo_teasing {
    float:left;
    width: 250px;
}

.home_metiers .intro {
    float:left;
    width: 350px;
}

.list_metiers {
    overflow: hidden;
    height: 1%;
}

.list_metiers a {
    font-weight: bold;
    font-size: 15px;
    color: black;
    background-repeat: no-repeat;
}

.list_metiers table {
    width: 50%;
    float: left;
}

.list_metiers td {
    vertical-align: middle;
    height: 80px;
}

.list_metiers .pic {
    width: 75px;
    overflow: hidden;
}

.list_metiers .label {
    width: 350px;
}

.list_metiers a img {
    vertical-align: middle;
    margin: 5px;
    width: 70px;
    height: 70px;
    border:1px solid #CCCCCC;
    padding:1px;
    overflow: hidden;
}

.list_metiers table:hover img {
    border: 2px solid #FF2960;
    padding: 0;
}

.list_metiers table:hover {
    background-color: #f2f2f2;
    text-decoration: none;
}

.right_metier {
    background-image: url(/images/bg_metier.jpg);
    background-repeat: no-repeat;
    padding:10px 0 0 65px;
    position: relative;
    height: 90px;
}

#metier_intro img {
    margin:0 20px 10px 0;
    border:1px solid #CCCCCC;
    padding:1px;
}

.sponsor {
    position: relative;
    height: 50px;
    padding: 2px;
    border: 1px solid #b5d822;
}

.sponsor a {
    display: block;
    height: 50px;
    font-size: 15px;
    line-height: 50px;
    background-color: #b5d822;
    background-image: url(/images/mini-logo-Ifsa.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 111px;
    color: white;
    font-weight: bold;
    z-index: 0;
}

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

.sponsor a:hover span {
    text-decoration: underline;
}

.sponsor a span {
    padding: 15px;
}