/* Styles pour le formulaire de recherche seul (iframe) */


/********************
Formulaire de recherche
********************/
#searchFormContener {
    width:560px;
    position: relative;
    float:left;
    top:0px;
    left: 0px;
    margin:0px 0px 10px 0px;
}
* html #searchFormContener { /* IE 6 spécifique */
    margin-bottom: 5px;
}
#searchFormContener h1#searchFormTitle {
    font-size: 0.9em;
    height:12px;
    padding: 12px 10px 3px 3px;
    margin: 0px;
    color: #f79b12;
}
#searchFormContener #searchForm {
    margin: 0px;
    padding: 3px;
}
#searchFormContener #searchForm ul {
    color: #747474;
    padding: 0px 10px;
    margin-left: 10px; 
}
#searchFormContener #searchForm ul li {
    line-height:1em;
}
#searchFormContener #searchForm .section {
    padding-left: 5px;
    float:left;
}
#searchFormContener #searchForm .section h1 {
    border-bottom: 1px solid #51CBFF;
    color:#f79b12;
    font-size: 0.8em;
    margin: 0px;
    line-height:18px;
}
* html #searchFormContener #searchForm .section h1 { /* IE 6 spécifique */
    line-height: 11px;
}
#searchFormContener #searchForm .section h2 {
    color:#000000;
    font-size: 0.8em;
}
#searchFormContener #searchForm .section span.choice {
    white-space: nowrap;
    line-height:16px;
    display: block;
}
#searchFormContener #searchForm label {
    color: #747474;
    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: 75px; margin-left:15px;}

#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(fra/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-image: url(account_bottom.gif);
    color: #FFFFFF;
}
#personnalDataContener #newsletterContener {
    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 10px;
    background-position: top left;
    background-repeat: no-repeat;
}
#personnalDataContener #authentificationContener h1 {
    background-image: url(account_top.gif);
    color: #FFFFFF;
}
#personnalDataContener #newsletterContener h1 {
    background-image: url(newsletter_top.gif);
    color:#009AD9;
}

#personnalDataContener p, #personnalDataContener label {
    font-size: 0.9em;
}
#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: 0.9em;
}
#personnalDataContener p a:hover {
    text-decoration:underline;
}

#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;
}



#searchFormContener .error {
    color: #AC190D;
    padding: 20px;
    background-image: none;
}

    




/* Remplacement des styles communs */

body#searchForm {
    margin: 0;
    padding: 0;
}
body#searchForm #pageContener {
    position:relative;
    width: 570px;
    left:0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    border: none;
}
html body#searchForm #pageContener {
    width: 570px;
}