* {margin: 0; padding: 0;}
a {text-decoration: none; color: #969696; outline: none; }
a img {border: none;}
ul, ol {list-style: none;}

html {
    width: 100%;
    height: 100%;
    font-size: 100%;
}
input, select, textarea {
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
}  
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 1.2em;
}
hr.wazing {
    height: 13px;
    background-color: none;
    border: none;
    position: relative;
    clear: both;
    color: transparent;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    font: 0.75em/1em Verdana, Arial, Helvetica, sans-serif;
    line-height: 1em;
    color: #6D6E70;
    text-align: center;
    background-color: #0F5175;
}
#bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0F5175 url(../images/fond.gif) no-repeat 50% 0;
}
.home #bg {
    background: #0F5175 url(../images/fond.gif) no-repeat 50% 50%;
}
#hop {
    position: absolute;
    display: none;
    height: 0;
}
#haut {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #014462;
    text-align: right;
}
#haut p {
    margin: .3em .7em .5em;
    color: #fafafa;
    line-height: 1.2em;
}
#haut img {
    vertical-align: top;
}
#haut a {
    color: #fff;
    font-size: .8em;
}
#container {
    position: relative;
    top: 10px;
    left: 0;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.home #container {
    position: relative;
    top: 50%;
}
#contenu {
    text-align: left;
    position: relative;
    margin: 0 auto;
    width: 640px;
    background-color: transparent;
}
.home #contenu {
    width: 425px;
    height: 225px;
    margin-top: -130px;
}

#contenu h1 {
    padding-bottom: 5px;
    color: #fff;
    font-size: 1.5em;
    font-weight: normal;
}
.home #contenu h1 {
    padding-top: 25px;
}
#recherche_avancee #contenu h1 {
    padding-top: 15px;
}
#contenu h1 strong {
    font-weight: normal;
}
.home #contenu h1 strong {
    display: block;
    font-size: 1.4em;
}
#contenu h2 {
    color: #639BB2;
}
#logo {
    position: absolute;
    top: 25px;
    left: 0;
}
.home #logo {
    position: relative;
    background: transparent url(../images/home_logo_bg.png) no-repeat 0 scroll;
    top: 0;
    width: 425px;
    height: 75px;
    text-align: center;
}
.recherche {
    position: relative;
    left: 100px;
    top: 30px;
    width: 600px;
}
#recherche {
    height: 63px;
}
.home #recherche {
    background: transparent url(../images/home_quicksearch_bg.png) no-repeat top left;
    left: 0;
    top: -17px;
    width: 425px;
    height: 150px;
    text-align: center;
}
#recherche form {
    width: 370px;
    height: 30px;
}
.home #recherche form {
    width: 425px;
    height: auto;
    margin: 5px 0;
    text-align: center;
}
#recherche #searchinput {
    font-size: inherit;
    background: #FFF;
    height: 21px;
    line-height: 26px;
    padding: 5px .3em 0;
    width: 250px;
    border: 1px solid #CDD5DD;
    color: #6A7681;
    vertical-align: middle;
}
#recherche input#searchinput:focus {
    border: 1px solid #B5BCC3;
}
input#searchsubmit {
    position: relative;
    border: none;
    cursor: pointer;
    width: 65px;
    height: 28px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #8A8F94;
    font-size: .9em;
    font-weight: bold;
}
input#searchsubmit:hover {
    background-position: 0 -28px;
    color: #3F7E9A;
}
#recherche input#searchsubmit {
    background: transparent url(../images/submit_bg.png) no-repeat 0 0;
    margin-left: -4px;
    padding-right: 2px;
}
#recherche_avancee input#searchsubmit {
    background: transparent url(../images/submit_avancee_bg.png) no-repeat 0 0;
    clear: both;
    display: block;
    margin-top: 15px;
}
.recherche p#avancee {
    position: relative;
    top: -24px;
    left: 340px;
    width: 150px;
    line-height: 1.7em;
}
.home #recherche p#avancee {
    top: 3px;
    left: 0;
    width: 425px;
    text-align: center;
}
#recherche_avancee p#avancee {
    top: -18px;
    left: 360px;
}
.recherche p a {
    color: #fafafa;
    border-bottom: 1px dotted #aaa !important;
    padding-bottom: 0;
    font-size: .9em;
    font-weight: normal;
    line-height: 1.7em;
    height: 25px;
}
.recherche p a:hover {
    color: #fff;
    border-bottom-color: #fff;
}
#infobulle {
    position: absolute;
    z-index: 10;
    top: 20px;
    right: 262px;
    background: transparent url(../images/info_bulle.png) no-repeat 0 0;
    width: 207px;
    height: 127px;
}
#infobulle p {
    margin: 13px;
    margin-right: 19px;
    margin-top: 18px;
    line-height: 1.4em;
    font-size: .9em;
    color: #fff;
}

#resultats {
    position: relative;
    top: 70px;
    color: #fff;
    border-top: 1px solid #fafafa;
    padding-bottom: 20px;
}

#resultats {
    padding-bottom: 20px;
}
#resultats ul.item {
    position: relative;
    display: block;
    margin-top: 10px;
}
#resultats ul.item li.item {
    position: relative;
    display: block;
    background: transparent url(../images/item_bg.png) no-repeat bottom right;
    margin-bottom: 20px;
    padding-top: 0;
    border: 1px solid #91ABB9;
    padding-bottom: 10px;
}
#resultats ul.item h3 {
    position: relative;
    font-size: 1.1em;
    margin-top: 16px;
    margin-left: 37px;
    color: #FFF;
}
#resultats div.statut {
    background: transparent url(../images/titre_bg.png) no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
}
#resultats div.statut img {
    display: block;
    margin-left: 14px;
    margin-top: 19px;
}
#resultats ul.item em {
    position: relative;
    display: block;
    font-style: normal;
    font-size: .8em;
    text-transform: uppercase;
    margin-left: 36px;
    padding: 4px 0;
    color: #ddd;
}

#resultats .adresse {
    margin-top: 5px;
    margin-left: 37px;
    float: left;
    width: 220px;
}
#resultats .adresse address {
    display: block;
    margin: 0;
    font-style: normal;
    color: #FFF;
    font-size: .9em;
    margin-right: 20px;
    line-height: 1.6em;
}
#resultats .adresse p {
    color: #dedede;
    font-style: italic;
    font-weight: bold;
    font-size: .8em;
    line-height: 1.6em;
}
#resultats dl {
    display: block;
    position: relative;
    width: 340px;
    margin-top: 5px;
    font-size: .9em;
    line-height: 1.3em;
    float: left;
}
#resultats dl dt {
    position: relative;
    float: left;
    clear: both;
    display: block;
    width: 55px;
    font-weight: bold;
    color: #dedede;
    font-style: italic;
    font-size: .9em;
    line-height: 1.6em;
}
#resultats dl dt.email, #resultats dl dt.site {
    margin-top: 3px;
}
#resultats dl dd {
    position: relative;
    display: block;
    color: #FFF;
    margin-left: 60px;
    line-height: 1.6em;
}
#resultats dl dd a {
    color: #FFF;
    border-bottom: 1px dotted #639BB2;
    color: #62BCE1;
    line-height: 1.8em;
    padding-bottom: 1px;
}
#resultats dl dd.site a {
    font-weight: bold;
}
#resultats dl dd a:hover {
    color: #FFF;
    border-bottom: 1px dotted #FFF;
}

div.galerie {
    margin-top: 10px;
    background-color: transparent;
    padding-right: 5px;
    height: 160px;
    width: 560px;
    margin-left: 32px;
    overflow: hidden;
}
div.galerie div {
    width: 9999px;
    display: inline;
    float: left;
}
div.galerie div a {
    margin: 5px;
    margin-right: 0;
    display: block;
    float: left;
    border: 1px solid #FFF;
}
div.galerie div a:hover {
    border: 1px solid #aaa;
}

p.hautdepage {
    margin-top: 5px;
}
p.hautdepage a {
    display: block;
    color: #FFF;
    font-weight: bold;
    padding-left: 30px;
    background: transparent url(../images/fleche_h.gif) no-repeat left top;
    height: 32px;
    width: 100px;
    font-size: .9em;
    padding-top: 7px;
}
p.hautdepage a:hover {
    color: #62BCE1;
}
p.nbResultats {
    margin-top: 5px;
    background: transparent url(../images/fleche.gif) no-repeat left top;
    min-height: 22px;
    padding-top: 5px;
    padding-left: 30px;
}
p.erreur {
    background-image: none;
    padding-left: 0 !important;
    font-weight: bold;
}
p.nbResultats strong {
    font-weight: bold;
}
p.nbResultats a {
    color: #fff;
    font-size: .9em;
    border-bottom: 1px dotted #639BB2;
    padding-bottom: .1px;
}
.page {
    float: right;
    width: 160px;
    margin-top: 8px;
    font-size: .9em;
    text-align: center;
    line-height: 1.5em;
}
.page a, .page span {
    display: block;
    width: 17px;
    height: 17px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -99999px;
    outline: none;
    margin: 0 3px;
}
.page a:hover {
    background-position: 0 -17px;
}
.page a.premier {
    background-image: url(../images/nav_premier.gif);
}
.page a.prec {
    background-image: url(../images/nav_prec.gif);
}
.page .premier, .page .prec {
    float: left;
}
.page a.dernier {
    background-image: url(../images/nav_dernier.gif);
}
.page a.suiv {
    background-image: url(../images/nav_suiv.gif);
}
.page .dernier, .page .suiv {
    float: right;
}

ul.align li {
    padding: 10px 0;
    line-height: 1.3em;
}
ul.align label {
    position: relative;
    display: block;
    float: left;
    width: 13em;
    color: #FFF;
    clear: both;
    font-weight: bold;
    padding: .3em .5em;
    margin-right: 5px;
    font-size: .8em;
    color: #FFF;
    background: transparent url(../images/item_bg.png) no-repeat 0 0;
    border-bottom: 1px solid #116490;
}
ul.align select.champ {
    width: 200px; 
}
ul.align input.champ {
    width: 195px;
}
ul.align .spinner {
    position: absolute;
    right: 2px;
    top: 3px;
}

.rech_en_cours {
    color: #FFF;
    background: none !important;
    background-color: transparent !important;
    width: 400px;
    opacity: 100;
}
.rech_en_cours li {
    background: none !important;
    background-color: transparent !important;
    line-height: 1.4em;
}