.transparent {
    behavior: url("/iepngfix.htc");
}

img.transparent {
    behavior: url("/win_png.htc");
}

body {
    margin:         0;
    padding:        0;

    font-family:    Arial, sans-serif;
    font-size:      80%;

    background:     white url(medias/bandeau_haut.png) center top no-repeat;
}

a img {
    border:         0;
}

a {
    color:                 #464646;
    text-decoration:        none;
}

a:hover {
    text-decoration:        underline;
}

#site_layout {
    margin:         106px auto;
    padding:        0;
    width:          977px;
}

#header {
    text-align:     center;
    height:         97px;
    z-index:        8;
}

#header h1 {
    margin:         0;
    padding:        0;
}

#menu {
    margin-top:        -16px;
    width:          775px;
    top:            -16px;
    right:          5px;
    float:         right;
    text-align:     right;
}

#menu ul {
    margin:         0px 26px;
    padding:        0;
    display:        block;
    float:          right;
}

#menu ul li {
    margin:         0px 11px;
    padding:        2px 0px;
    display:        block;
    float:          left;
    width:          155px;
    background:     transparent url(medias/tab.png) left top;
    text-align:     center;

}

#menu ul li a {
    font-size:      170%;
    color:          black;
    font-style:     italic;
    text-decoration:    none;
}

#menu ul li a:hover {
    text-decoration:    underline;
}



#content {
    clear:          both;
    padding:        10px 0px 0px 0px;
}

#edito {
    margin:         -86px 0 0 0;
    padding:        0 45px 0 0 ;
    clear:          both;
    float:          left;
    width:          200px;
    z-index:        10;
    background:     transparent url(medias/CadreEdito.png) 0px 18px no-repeat;
}

body.msie #edito  {
    margin:        -92px 0 0 0;
}

#edito p {
     margin:       5px 0 0 0;
     padding:      0px 28px 0px 10px;
     font-size:    85%;
     text-align:   justify;
}
#edito h2 {
    margin:         0;
    padding:        0;
    z-index:        12;
    position:       relative;
}

#search {
    margin:            0px;
    background:     transparent url(medias/fondAccueil.png) right top no-repeat;
}

#search2 {
    margin:            0px;
    background:     transparent url(medias/fondFiche.png) right bottom no-repeat;
}

#zone {
    margin:         0px 0px 10px 250px;
    padding:        0;
    width:          275px;
}

#zone form {
    margin:        0;
    padding:       20px 15px;
    background:     transparent url(medias/CadreRecherche.png) left top no-repeat;
    width:          264px;
    height:         259px;
}

#zone form label {
    font-size:      85%;
    color:          #666;
}

#zone form p {
    margin:            -2px 0px 0px 0px;
    padding:           4px 5px 8px 50px;
}



#zone form p.thematique {
    background:     transparent url(medias/picto_thematique.png) 5px -5px no-repeat;
}

#zone form p.departement {
    background:     transparent url(medias/picto_departement.png) 2px -5px no-repeat;
}

#zone form p.entreprise {
    background:     transparent url(medias/picto_toutes.png) 5px -5px no-repeat;
}

#zone form p.date {
    background:     transparent url(medias/picto_dates.png) 2px -5px no-repeat;
}
#zone form p.button {
    margin-top:        -6px;
    padding:            0px 25px 0px 0px;
    text-align:         center;
}
#zone form input.text,
#zone form select {
    margin-left:    10px;
    width:          160px;
}

#footer {
    padding:        4px;
    clear:          both;
    background:     #cdcdcd;
    text-align:     right;
}

#footer a {
    color:             #888;
    text-decoration:    none;
}

#footer a:hover {
    text-decoration:    underline;
}

#elist {
    background:         #fff url(medias/carte.png) center bottom no-repeat;
}

ul.results-list {
    background:         transparent url(medias/palette.png) left top repeat-y;
    padding-left:       60px;
}

#contactWrapper {
    margin-top:         -50px;
    padding-top:        40px;
    background:         #fff url(medias/contact_fond.png) center top no-repeat;
}

#contact {
    margin:             10px auto;
    width:              500px;

}

#contact .text {
    width:              98%;
}



h2 {
    margin:         0;
    padding:        0;
}


ul.results-list li {
    padding-bottom:        5px;
}

ul.results-list li a {
    color:                 #464646;
    text-decoration:        none;
}

ul.results-list li a:hover {
    text-decoration:        underline;
}


#pictos {
    float:      right;
    margin:     40px 0px 0px 0px;
    padding:    5px;

    height:     277px;
    width:      97px;

    background: transparent url(medias/cadrePictos.png) left top no-repeat;
}

#pictos ul {
    margin:         0;
    padding:        0;
    list-style:     none;
}

#pictos ul li {
    display:        block;
    margin:         0;
    padding:        0;
    width:          48px;
    height:         48px;
    float:          left;
    text-align:     center;
}

#description {
    float:          left;
    margin-top:     -50px;
    padding:        30px 40px 0px 43px;

    background:     transparent url(medias/CadrePresentationEntreprise.png) left top no-repeat;
    width:          170px;
    height:         412px;
    z-index:        2;
}

body.msie #description {
    margin-top:     -55px;
}

#description h1 {
    margin:        0;
    padding:       0;
    color:         #8759a0;
    font-size:     105%;
}

#zone-left {
    margin:        0;
    padding:       5px;

    width:          300px;
    float:          left;
    background:     white;
    z-index:        5;
}


#zone-right {
    z-index:        5;
    margin:         0;
    padding:        5px;
    margin-left:    40px;
    width:          250px;
    float:          left;
    background:     white;
}

body.msie #zone-right {
    margin-left:   30px;
    padding:       0;
}

.label {
    color:          #8759a0;
    text-transform: uppercase;
    font-weight:    bold;
}

address {
    font-style:     normal;
}

#legal-notice  {
    margin:         0px auto;
    width:          80%;
}

#page h2,
#legal-notice h1 {
    font-size:      110%;
    color:          #8759A0;
    text-transform: uppercase;
}

#page ul li {
    list-style:    none;
    clear:          both;
}

#page ul li img {
    float:              left;
    margin:             5px;
}