
/********************
Formulaire de recherche
********************/
#searchFormContener {
    width:195px;
    position: relative;
    float:left;
    top:0px;
    left: 0px;
    margin:0px 0px 10px 0px;
    background-image: url(criteriasSummaryBottom.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: #B32012;
}
* html #searchFormContener { /* IE 6 spécifique */
    margin-bottom: 5px;
}
#searchFormContener h1#searchFormTitle {
    font-size: 0.9em;
    height:20px;
    padding: 20px 3px 3px 60px;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(criteriasSummaryTop.gif);
    margin: 0px;
    color: #FFFFFF;
}
#searchFormContener #searchForm {
    margin: 0px;
    padding: 3px;
}
#searchFormContener #searchForm ul {
    color: #FFFFFF;
    padding: 0px 10px;
    margin-left: 10px; 
}
#searchFormContener #searchForm ul li {
    line-height:1em;
}
#searchFormContener #searchForm .section {
    margin-top: 10px;
    clear:both;
}
#searchFormContener #searchForm .section h1 {
    border-bottom: 1px solid #FF7827;
    color:#FF7827;
    font-size: 0.8em;
    margin: 0px;
    line-height:18px;
}
* html #searchFormContener #searchForm .section h1 { /* IE 6 spécifique */
    line-height: 11px;
}

#searchFormContener #searchForm .section span.choice {
    white-space: nowrap;
    line-height:16px;
    display: block;
}
#searchFormContener #searchForm label {
    color: #FFFFFF;
    font-size:0.8em;
    line-height:14px;
}
#searchFormContener #searchForm .section .sectionElement {
    float: left;
    height: 36px;
    display: block;
    text-align: center;
    margin-bottom: 2px;
    margin: 0px;
}
*+html body #searchFormContener #searchForm .section .sectionElement { /* IE 7 spécifique */
    height: 32px;
}

#searchFormContener #searchForm .section .nbEl2 { width: 174px;}
#searchFormContener #searchForm .section .nbEl3 { width: 158px;}
#searchFormContener #searchForm .section .nbEl4 { width: 75px;}
#searchFormContener #searchForm .section .nbEtroit { width: 60px;}

#searchFormContener #searchForm .section select {
    font-size:0.8em;
    width: 155px;
}
#searchFormContener #searchForm .section .nbEl2 select { width: 170px;}
#searchFormContener #searchForm .section .nbEl3 select { width: 100px;}
#searchFormContener #searchForm .section .nbEl4 select { width: 55px;}
#searchFormContener #searchForm .section .nbEtroit select { width: 45px;}

#searchFormContener #searchForm .section .sectionElement label {
    display: block;
    font-size: 0.8em;
    text-align: center;
    clear:both;
}
html body #searchFormContener #searchForm .section select {
    margin-top: 0;
    margin-bottom: 0;

}

#searchFormContener #searchForm .submitFormButton {
    text-align: center;
    padding:5px;
    position:relative;
    clear: both;
    margin: 0px;
}

#searchFormContener #searchForm .submitFormButton a {
    /*background-image: url(action_search.gif);*/
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    width:144px;
    height:21px;
    margin-left:20px;
    text-decoration : none;    
}
#searchFormContener #searchForm .submitFormButton a span {
    visibility: hidden;
}


/********************
Colonne formulaire d'identification et newsletter
********************/
#personnalDataContener {
    width:195px;
    position: relative;
    top:0px;
    left: 0px;
    margin:0px;
    float:left;
}
#personnalDataContener #authentificationContener {
    background-color: #FB6C31;
    background-image: url(account_bottom.gif);
    color: #FFFFFF;
}
#personnalDataContener #newsletterContener {
    background-color: #FED4C3;
    background-image: url(newsletter_bottom.gif);
    color: #000000;
}
#personnalDataContener .personnalDataBlock {
    padding-bottom: 10px;
    margin-bottom: 15px;
    background-position: bottom left;
    background-repeat: no-repeat;
}

#personnalDataContener h1 {
    font-size: 0.9em;
    height:20px;
    padding: 20px 3px 3px 60px;
    background-position: top left;
    background-repeat: no-repeat;
}
#personnalDataContener #authentificationContener h1 {
    background-image: url(account_top.gif);
    color: #B42112;
}
#personnalDataContener #newsletterContener h1 {
    background-image: url(newsletter_top.gif);
    color:#FB6D32;
}

#personnalDataContener p, #personnalDataContener label {
    font-size: 0.8em;
}
#personnalDataContener p {
    padding: 1px 3px;
    clear:both;
}
* html #personnalDataContener .personnalDataBlock { /* IE 6 spécifique */
    margin-bottom: 5px;
}
*+html #personnalDataContener .personnalDataBlock { /* IE 7 spécifique */
    margin-bottom: 5px;
}
#personnalDataContener .personnalDataBlock p a { 
    font-size: 1em;
}
#personnalDataContener form {
    margin-bottom:10px;
    clear:both;
    padding: 1px 3px;
}
#personnalDataContener form label{
    width:140px;
    display:block;
    clear:both;
}
#personnalDataContener form input {
    width:100px;
    display:block;
    float: left;
    font-size:0.8em;
}
#personnalDataContener form input[type="hidden"]{
    display:none;
}

#personnalDataContener form a.okButton {
    background-image: url(action_ok.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width:30px;
    height:16px;
    text-decoration : none;    
    float:left;
    display:block;
    margin: 0px 3px;
}
#personnalDataContener form a.okButton span {
    visibility: hidden;
}
#personnalDataContener a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 0.8em;
}
#personnalDataContener a:hover {
    text-decoration: underline;
}




    

