/**********************************************************************************
    CSS RESET
**********************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration:none;

}


body {
    background: #ffffff url(/images/bg_repeat_haut.jpg) repeat-x top left;
    font-family: Arial;
    font-size:62.5%;
}


#main {
    position:relative;
    width:1000px;
    *width:1020px;
    left:50%;
    margin-left: -500px;
    background: transparent url(/images/haut.jpg) no-repeat top left;
}

.clear{
    clear: both;
}

/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------- Bandeau haut -----------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------*/

#main #header {
    width: 1000px;
    height: 132px;
}

#main #header #chiffre {
    float: right;
    width: 345px;
    margin: 20px 0px 0px 0px;
}

#main #header #chiffre p {
    font-family: Times New Roman;
    font-size: 16px;
    color: #9e9e9e;
    font-style: italic;
}

#main #header #chiffre p span {
    font-family: Times New Roman;
    font-size: 18px;
    color: #686767;
    font-style: italic;
    font-weight: bold;
}

#main #header #menu {
    float: right;
    width: 730px;
    margin: 17px 0px 0px 0px;
}

#main #header #menu a {
    float: left;
    width: 121px;
    height: 35px;
    font-family: Arial;
    font-size: 14px;
    color: #404040;
    text-align: center;
    background: transparent url(/images/menu.jpg) no-repeat top left;
    padding-top: 10px;
}

#main #header #menu a:hover, #main #header #menu a.selected {
    background: transparent url(/images/menu_hover.jpg) no-repeat top left;
}

#main #ariane {
    margin: 0px 0px 0px 105px;
}

#main #ariane p {
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: bold;
}

#main #ariane p span {
    font-family: Arial;
    font-size: 12px;
    color: #404040;
    font-weight: normal;
}

#main #ariane p a {
    font-family: Arial;
    font-size: 12px;
    color: #c4c3c3;
    font-weight: normal;
}




/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------- Corp -----------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------*/

#main #corp {
    width: 100%;
}

#main #corp #gauche {
    width: 670px;
    *width: 586px;
    margin: 0px 0px 0px 12px;
    float: left;
}

*+html #main #corp #gauche {
    width: 676px;
    margin: 0px 0px 0px 12px;
    float: left;
}

#main #corp #gauche #titre {
    width: 676px;
    *width: 596px;
    height: 204px;
    background: transparent url(/images/bg_titre_principal.png) no-repeat 3px 0px;
    *background: transparent url(/images/bg_titre_principal.gif) no-repeat 3px 0px;
}

*+html #main #corp #gauche #titre {
    width: 676px;
    height: 204px;
    background: transparent url(/images/bg_titre_principal.png) no-repeat 3px 0px;
}

#main #corp #gauche #titre h1 {
    font-family: Arial;
    font-size: 20px;
    color: #404040;
    font-weight: bold;
    margin: 90px 0px 0px 70px;
    *margin: 90px 0px 0px 40px;
    float: left;
    *width: 595px;
}

*+html #main #corp #gauche #titre h1 {
    font-family: Arial;
    font-size: 20px;
    color: #404040;
    font-weight: bold;
    margin: 90px 0px 0px 70px;
    float: left;
}

#main #corp #gauche #titre h1 span {
    color: #ffde05;
}

#main #corp #gauche #titre h2 {
    font-family: Arial;
    font-size: 18px;
    color: #404040;
    font-weight: bold;
    float: left;
    padding-top: 16px;
}

#main #corp #gauche #titre h2 span {
    font-size: 36px;
    margin: -10px 8px 0px 15px;
    *margin: -10px 5px 0px 15px;
    float: left;
}

*+html #main #corp #gauche #titre h2 span {
    font-size: 36px;
    margin: -10px 8px 0px 15px;
    float: left;
}

#main #corp #gauche #contenu h2 {
    font-family: Arial;
    font-size: 18px;
    color: #404040;
    font-weight: bold;
    float: left;
    padding-top: 16px;
}

#main #corp #gauche #contenu h2 span {
    font-size: 36px;
    margin: -10px 8px 0px 15px;
    *margin: -10px 5px 0px 15px;
    float: left;
}

*+html #main #corp #gauche #contenu h2 span {
    font-size: 36px;
    margin: -10px 8px 0px 15px;
    float: left;
}

#main #corp #gauche #contenu {
    width: 674px;
    background: transparent url(/images/bg_corp.png) repeat-y 11px 0px;
    margin-top: -10px;
}

#main #corp #gauche #bas_contenu {
    width: 674px;
    height: 27px;
    background: transparent url(/images/bg_bas_contenu.jpg) no-repeat 11px 0px;
    margin-top: -10px;
}

/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------- Alerte email -----------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------*/

#main #corp #gauche #titre h2.alerte_caracteristique {
    background: transparent url(/images/h2_alerte_01.png) no-repeat top left;
    *background: transparent url(/images/h2_alerte_01.gif) no-repeat top left;
    width: 395px;
    height: 39px;
    margin: 22px 0px 15px 3px;
}

#main #corp #gauche #contenu #caracteristique_alerte {
    float: left;
    width: 295px;
    margin: 0px 0px 0px 60px;
    *margin: 10px -15px 0px 35px;
}

*+html #main #corp #gauche #contenu #caracteristique_alerte {
    float: left;
    width: 295px;
    margin: 0px 0px 0px 60px;
}

#main #corp #gauche #contenu #caracteristique_alerte p,#main #corp #gauche #contenu #caracteristique_alerte div.slider_p {
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
    width: 285px;
    float: left;
    margin: 0px 0px 5px 0px;
}

#main #corp #gauche #contenu #caracteristique_alerte div.slider_p .ui-slider-horizontal{
    height: 9px;
}

#main #corp #gauche #contenu #caracteristique_alerte p#categ_p {
    margin-bottom: 15px;
}

#main #corp #gauche #contenu #caracteristique_alerte  label {
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
    width: 80px;
    display: block;
    float: left;
}

#main #corp #gauche #contenu #caracteristique_alerte p select {
    width: 153px;
    float: left;
}

#main #corp #gauche #contenu img#arobase {
    float: right;
    margin: 0px 40px 0px 0px;
}

#main #corp #gauche #contenu #caracteristique_alerte #searchBudget, #main #corp #gauche #contenu #caracteristique_alerte #searchSurface, #main #corp #gauche #contenu #caracteristique_alerte #slider_pieces {
    float: left;
    width: 165px;
}



#main #corp #gauche #contenu #caracteristique_alerte p.slider_p label,#main #corp #gauche #contenu #caracteristique_alerte div.slider_p label {
    margin-top: 0px;
}

#main #corp #gauche #contenu #caracteristique_alerte p#budget, #main #corp #gauche #contenu #caracteristique_alerte p#pieces, #main #corp #gauche #contenu #caracteristique_alerte p#surface {
    text-align: center;
    font-weight: bold;
    margin: 10px 0px 5px 0px;
    *margin: 0px 0px 0px 0px;
}

*+html #main #corp #gauche #contenu #caracteristique_alerte p#budget, #main #corp #gauche #contenu #caracteristique_alerte p#pieces, #main #corp #gauche #contenu #caracteristique_alerte p#surface {
    text-align: center;
    font-weight: bold;
    margin: 10px 0px 5px 0px;
}

#main #corp #gauche #contenu h2.h2_alerte_03 {
    background: transparent url(/images/h2_alerte_03.jpg) no-repeat top left;
}

#main #corp #gauche #contenu h2.h2_alerte_04 {
    background: transparent url(/images/h2_alerte_04.jpg) no-repeat top left;
}

#main #corp #gauche #contenu #geoloc {
    width: 624px;
    float: left;
    margin-left: 30px;
    *margin-left: 15px;
}

*+html #main #corp #gauche #contenu #geoloc {
    width: 624px;
    float: left;
    margin-left: 30px;
}

#main #corp #gauche #contenu #geoloc #haut_geoloc {
    width: 624px;
    height: 27px;
    background: transparent url(/images/haut_geoloc.jpg) no-repeat 0px 0px;
}

#main #corp #gauche #contenu #geoloc #bas_geoloc {
    width: 624px;
    height: 24px;
    background: transparent url(/images/bas_geoloc.jpg) no-repeat 0px 0px;
    margin-top: -11px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc {
    width: 624px;
    background: transparent url(/images/corp_geoloc.jpg) repeat-y 0px 0px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc #carte_geoloc {
    margin-left: 25px;
    *margin-left: 10px;
    float: left;
}

*+html #main #corp #gauche #contenu #geoloc #corp_geoloc #carte_geoloc {
    margin-left: 25px;
    float: left;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc #carte_geoloc img {
}

#main #corp #gauche #contenu #geoloc #corp_geoloc a.dessiner_no-selected {
    float: right;
    width: 195px;
    height: 56px;
    background: transparent url(/images/dessiner.jpg) no-repeat 0px 0px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc a:hover.dessiner_no-selected {
    float: right;
    width: 195px;
    height: 56px;
    background: transparent url(/images/dessiner_hover.jpg) no-repeat 0px 0px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc a.dessiner_selected {
    float: right;
    width: 195px;
    height: 56px;
    background: transparent url(/images/dessiner_selected.jpg) no-repeat 0px 0px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc a .span1_dessiner {
    float: left;
    width: 120px;
    margin-left: 48px;
    font-family: Arial;
    font-size: 14px;
    color: #404040;
    font-weight: bold;
    margin-top: 13px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc a .span2_dessiner {
    float: left;
    width: 120px;
    margin-left: 48px;
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc a.effacer {
    float: right;
    width: 195px;
    height: 56px;
    background: transparent url(/images/effacer.jpg) no-repeat 0px 0px;
    margin-top: 5px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc a:hover.effacer {
    float: right;
    width: 195px;
    height: 56px;
    background: transparent url(/images/effacer_hover.jpg) no-repeat 0px 0px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc #cp {
    float: right;
    width: 194px;
    height: 106px;
    background: transparent url(/images/saisir_cp.jpg) no-repeat 0px 0px;
    margin-top: 5px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc #cp #p1_cp {
    float: left;
    width: 120px;
    margin-left: 15px;
    *margin-left: 7px;
    font-family: Arial;
    font-size: 14px;
    color: #404040;
    font-weight: bold;
    margin-top: 16px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc #cp #p2_cp {
    float: left;
    width: 120px;
    margin-left: 15px;
    *margin-left: 7px;
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc #cp #input_cp {
    width: 105px;
    height: 15px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc #cp .jqTransformInputWrapper {
    margin: 5px 0px 0px 15px;
    *margin: 5px 0px 0px 7px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc #cp #ok_geoloc {
    width: 31px;
    height: 31px;
    background: transparent url(/images/ok_geoloc.jpg) no-repeat 0px 0px;
    border: 0px;
    float: left;
    margin: 2px 0px 0px 3px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc #cp button:hover#ok_geoloc {
    width: 31px;
    height: 31px;
    background: transparent url(/images/ok_geolo_hover.jpg) no-repeat 0px 0px;
    border: 0px;
    float: left;
    margin: 2px 0px 0px 3px;
}

#main #corp #gauche #contenu #coord_alerte {
    float: left;
    width: 610px;
    margin: 0px 0px 0px 60px;
    *margin: 0px 0px 0px 20px;
}

*+html #main #corp #gauche #contenu #coord_alerte {
    float: left;
    width: 610px;
    margin: 0px 0px 0px 60px;
}

#main #corp #gauche #contenu #coord_alerte p {
    float: left;
    width: 610px;
    margin-bottom: 10px;
}

#main #corp #gauche #contenu #coord_alerte p label {
    float: left;
    width: 80px;
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
}

#main #corp #gauche #contenu #coord_alerte p label#lab_prenom {
    margin-left: 25px;
    text-align: right;
}

#main #corp #gauche #contenu #coord_alerte p input {
    float: left;
    width: 175px;
    height: 15px;
}

#main #corp #gauche #contenu #coord_alerte p input#mail {
    float: left;
    width: 480px;
    height: 15px;
}

#main #corp #gauche #contenu #duree_alerte {
    float: left;
    width: 610px;
    margin: 0px 0px 0px 60px;
    *margin: 0px 0px 0px 30px;
}

#main #corp #gauche #contenu #duree_alerte p {
    float: left;
    width: 610px;
    margin-bottom: 10px;
}

#main #corp #gauche #contenu #duree_alerte p label {
    display: inline;
    float: left;
    width: 100px;
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
    padding-top: 3px;
    padding-left: 4px;
}

#main #corp #gauche #contenu #duree_alerte p input {

    float: left;
}

#main #corp #gauche #contenu #duree_alerte #lab_semaine {
    margin-right: 25px;
}


#main #corp #gauche #contenu #inscription {
    width: 234px;
    height: 62px;
    background: transparent url(/images/inscription.jpg) no-repeat 0px 0px;
    border: 0px;
    float: left;
    margin: 5px 0px 0px 225px;
    font-family: Arial;
    font-size: 19px;
    color: #404040;
    font-weight: bold;
    text-align: center;
}

#main #corp #gauche #contenu button:hover#inscription {
    background: transparent url(/images/inscription_hover.jpg) no-repeat 0px 0px;
    color: #ffffff;
}

#main #corp #gauche #contenu #champ_obligatoire {
    float: left;
    width: 610px;
    margin-left: 35px;
    *margin-left: 18px;
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    font-style: italic;
    text-align: center;
}








/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------- D�tail chambre -----------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------*/

#main #corp #gauche #titre h2.predentation_chambre {
    background: transparent url(/images/h2_chambre_01.png) no-repeat top left;
    *background: transparent url(/images/h2_chambre_01.gif) no-repeat top left;
    width: 422px;
    height: 55px;
    margin: 22px 0px 0px 0px;
    *margin: 23px 0px 0px 0px;
}

*+html #main #corp #gauche #titre h2.predentation_chambre {
    background: transparent url(/images/h2_chambre_01.png) no-repeat top left;
    width: 422px;
    height: 55px;
    margin: 22px 0px 0px 0px;
}

#main #corp #gauche #titre h1.chambre {
    margin-top: 26px;
    *width: 400px;
}

#main #corp #gauche #titre h3 {
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: bold;
    margin: 36px 0px 0px 70px;
    *margin: 36px 0px 0px 40px;
    float: left;
    width: 100%;
}

*+html #main #corp #gauche #titre h3 {
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: bold;
    margin: 36px 0px 0px 70px;
    float: left;
    width: 100%;
}

#main #corp #gauche #titre p#liste_chambre {
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
    margin: 0px 0px 0px 70px;
    *margin: 0px 0px 0px 40px;
    float: left;
}

*+html #main #corp #gauche #titre p#liste_chambre {
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
    margin: 0px 0px 0px 70px;
    float: left;
}

#main #corp #gauche #titre p#liste_chambre a {
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
}

#main #corp #gauche #titre p#liste_chambre a:hover {
    color: #686767;
}

#main #corp #gauche #titre p#liste_chambre a.selected {
    color: #404040;
}

#main #corp #gauche #contenu div#presentation {
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: normal;
    margin: 5px 0px 20px 70px;
    *margin: 5px 0px 20px 30px;
    width: 550px;
    text-align: justify;
    float: left;
}

#main #corp #gauche #contenu div#presentation p{
     margin: 5px 0px 20px 0px;
    *margin: 5px 0px 20px 0px;
}

*+html #main #corp #gauche #contenu div#presentation {
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: normal;
    margin: 5px 0px 20px 70px;
    width: 550px;
    text-align: justify;
    float: left;
}

#main #corp #gauche #contenu div#presentation h3{
    font-size: 14px;
}

#main #corp #gauche #contenu div#presentation ul{
    margin-left: 30px;
    margin-bottom: 20px;
}

#main #corp #gauche #contenu div#presentation a{
    color:#404040;
}

#main #corp #gauche #contenu h2 {
    background: transparent url(/images/h2_chambre_02.jpg) no-repeat top left;
    width: 672px;
    height: 54px;
    margin: 22px 0px 0px 2px;
    *margin: 22px 0px 0px 1px;
}

*+html #main #corp #gauche #contenu h2 {
    background: transparent url(/images/h2_chambre_02.jpg) no-repeat top left;
    width: 672px;
    height: 54px;
    margin: 22px 0px 0px 2px;
}

#main #corp #gauche #contenu .mention h2 {
    background: none;
    font-size: 14px;
    margin: 10px 0px;
    height: auto;
}

#main #corp #gauche #contenu .mention ul{
    margin-left: 30px;
}
#main #corp #gauche #contenu div#presentation.mention p{
    margin: 8px 0px;
}

#main #corp #gauche #contenu .chambre_gauche {
    float: left;
    width: 255px;
    margin: 0px 0px 0px 65px;
    *margin: 0px 0px 0px 25px;
}

#main #corp #gauche #contenu .chambre_droite2{
    float: right;
}

*+html #main #corp #gauche #contenu .chambre_gauche {
    float: left;
    width: 285px;
    margin: 0px 0px 0px 65px;
}

#main #corp #gauche #contenu .chambre_gauche p span {
    float: left;
    width: 150px;
    font-family: Arial;
    font-size: 12px;
    color: #404040;
    font-weight: normal;
}

#main #corp #gauche #contenu .chambre_gauche p span.span1_chambre_03 {
    float: left;
    width: 30px;
    font-family: Arial;
    font-size: 12px;
    color: #404040;
    font-weight: normal;
}

#main #corp #gauche #contenu .chambre_gauche p span.span2_chambre_03 {
    float: left;
    width: 150px;
    font-family: Arial;
    font-size: 14px;
    color: #9e9e9e;
    font-weight: bold;
}

#main #corp #gauche #contenu .chambre_gauche p {
    float: left;
    width: 285px;
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: normal;
}

#main #corp #gauche #contenu .chambre_gauche p a {
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: normal;
}

#main #corp #gauche #contenu .chambre_gauche p a:hover {
    color: #686767 ;
}

#main #corp #gauche #contenu .chambre_gauche p.margin_top_chambre {
    margin-top: 15px;
}

#main #corp #gauche #contenu .chambre_droite {
    float: left;
    width: 230px;
    margin: 0px 0px 0px 0px;
}

#main #corp #gauche #contenu .chambre_droite a {
    float: left;
    width: 209px;
    height: 41px;
    background: transparent url(/images/bout_chambre_02.jpg) no-repeat top left;
    margin: 0px 0px 10px 60px;
    padding: 15px 0px 0px 20px;
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
}

#main #corp #gauche #contenu .chambre_droite a span {
    float: left;
    width: 209px;
    font-family: Arial;
    font-size: 14px;
    color: #404040;
    font-weight: bold;
}

#main #corp #gauche #contenu .chambre_droite a:hover {
    background: transparent url(/images/bout_chambre_02_hover.jpg) no-repeat top left;
}

#main #corp #gauche #contenu .chambre_droite a.bout_chambre_03_1 {
    float: left;
    width: 262px;
    height: 47px;
    background: transparent url(/images/bout_chambre_03_1.jpg) no-repeat top left;
    margin: 0px 0px 10px 10px;
    padding: 13px 0px 0px 20px;
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
}

#main #corp #gauche #contenu .chambre_droite a.bout_chambre_03_1 span {
    float: left;
    width: 260px;
    font-family: Arial;
    font-size: 14px;
    color: #404040;
    font-weight: bold;
}

#main #corp #gauche #contenu .chambre_droite a.bout_chambre_03_1:hover {
    background: transparent url(/images/bout_chambre_03_1_hover.jpg) no-repeat top left;
}

#main #corp #gauche #contenu .chambre_droite a.bout_chambre_03_2 {
    float: left;
    width: 260px;
    height: 67px;
    background: transparent url(/images/bout_chambre_03_2.jpg) no-repeat top left;
    margin: 0px 0px 10px 10px;
    padding: 13px 0px 0px 20px;
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
}

#main #corp #gauche #contenu .chambre_droite a.bout_chambre_03_2 span {
    float: left;
    width: 260px;
    font-family: Arial;
    font-size: 14px;
    color: #404040;
    font-weight: bold;
}

#main #corp #gauche #contenu .chambre_droite a.bout_chambre_03_2:hover {
    background: transparent url(/images/bout_chambre_03_2_hover.jpg) no-repeat top left;
}

/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------- D�tail chambre -----------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------*/

#main #corp #gauche #titre h2.predentation_fnaim {
    background: transparent url(/images/h2_fnaimRA_01.png) no-repeat top left;
    *background: transparent url(/images/h2_fnaimRA_01.gif) no-repeat top left;
    width: 224px;
    height: 56px;
    margin: 22px 100px 0px 0px;
}

#main #corp #gauche #contenu p.p_presentation_fnaim {
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: normal;
    margin: 5px 0px 0px 70px;
    *margin: 5px 0px 0px 30px;
    width: 550px;
    text-align: justify;
    float: left;
}

*+html #main #corp #gauche #contenu p.p_presentation_fnaim {
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: normal;
    margin: 5px 0px 0px 70px;
    width: 550px;
    text-align: justify;
    float: left;
}

#main #corp #gauche #contenu #carte {
    float: left;
    margin: 0px 0px 0px 60px;
}

#main #corp #gauche #contenu .gauche_fnaim {
    float: left;
    margin: 40px 0px 0px 40px;
    width: 250px;
}

#main #corp #gauche #contenu .gauche_fnaim h3 {
    float: left;
    margin: 0px 0px 20px 0px;
    font-family: Arial;
    font-size: 14px;
    color: #404040;
    font-weight: bold;
    width: 250px;
}

#main #corp #gauche #contenu .gauche_fnaim a {
    float: left;
    margin: 0px 0px 0px 50px;
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: normal;
    width: 190px;
}

#main #corp #gauche #contenu .gauche_fnaim a:hover {
    color: #686767;
}

#main #corp #gauche #contenu #bureau_fnaim {
    float: left;
    width: 500px;
    margin: 0px 0px 0px 65px;
    *margin: 0px 0px 0px 30px;
}

#main #corp #gauche #contenu #bureau_fnaim p span.span1_fnaim_03 {
    float: left;
    width: 120px;
    font-family: Arial;
    font-size: 12px;
    color: #404040;
    font-weight: normal;
}

#main #corp #gauche #contenu #bureau_fnaim p span.span2_chambre_03 {
    float: left;
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: bold;
}

#main #corp #gauche #contenu #bureau_fnaim p span.span2_fnaim_03 {
    float: left;
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: bold;
    margin-left: 120px;
}

#main #corp #gauche #contenu #bureau_fnaim p {
    float: left;
    width: 500px;
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: normal;
}

#main #corp #gauche #contenu #bureau_fnaim p.margin_top_chambre {
    margin-top: 15px;
}



/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------- Encart droite -----------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------*/

#main #corp #encart_droite {
    width: 286px;
    margin: 0px 0px 0px 0px;
    float: right;
}

#main #corp #encart_droite #edito {
    margin-left: 1px;
}

#main #corp #encart_droite #edito #edito_haut {
    width: 286px;
    height: 78px;
    background: transparent url(/images/haut_edito.png) no-repeat top left;
    *background: transparent url(/images/haut_edito.gif) no-repeat top left;
}

#main #corp #encart_droite #edito #edito_corp {
    width: 286px;
    background: transparent url(/images/corp_edito.png) repeat-y top left;
    *background: transparent url(/images/corp_edito.gif) repeat-y top left;
}

#main #corp #encart_droite #edito #edito_corp h3 {
    font-family: Arial;
    font-size: 24px;
    color: #404040;
    font-weight: normal;
    margin: 0px 0px 5px 25px;
}

#main #corp #encart_droite #edito #edito_corp p {
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
    margin: 0px 0px 0px 25px;
    width: 230px;
    text-align: justify;
}

#main #corp #encart_droite #edito #edito_bas {
    width: 286px;
    height: 33px;
    background: transparent url(/images/bas_edito.jpg) no-repeat top left;
}

#main #corp #encart_droite a#fnaim_vacance {
    width: 286px;
    height: 285px;
    background: transparent url(/images/fnaim_vacance.jpg) no-repeat top left;
    float: left;
}

#main #corp #encart_droite a:hover#fnaim_vacance {
    background: transparent url(/images/fnaim_vacance_hover.jpg) no-repeat top left;
}

#main #corp #encart_droite #annuaire {
    width: 261px;
    height: 238px;
    background: transparent url(/images/annuaire.jpg) no-repeat top left;
    float: left;
    padding-left: 25px;
}

#main #corp #encart_droite #annuaire h3 {
    font-family: Arial;
    font-size: 24px;
    color: #404040;
    font-weight: normal;
    width: 150px;
    margin: 60px 0px 0px 0px;
}

#main #corp #encart_droite #annuaire p {
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
    margin: 10px 0px 10px 0px;
    width: 200px;
}

#main #corp #encart_droite #annuaire select {
    width: 155px;
    height: 20px;
    border: #e2e2e2 1px solid;
}

#main #corp #encart_droite #annuaire button {
    float: right;
    font-family: Arial;
    font-size: 29px;
    color: #ffffff;
    font-weight: bold;
    background: transparent;
    border: none;
    margin: -18px 8px 0px 0px;

}

#main #corp #encart_droite #alerte {
    width: 276px;
    height: 205px;
    background: transparent url(/images/alerte.jpg) no-repeat top left;
    float: left;
    padding-left: 25px;
    margin-left: -1px;
}

#main #corp #encart_droite #alerte #span1_alerte {
    font-family: Arial;
    font-size: 24px;
    color: #404040;
    font-weight: normal;
    width: 150px;
    margin: 60px 0px 0px 0px;
    float: left;
}

#main #corp #encart_droite #alerte #span2_alerte {
    font-family: Arial;
    font-size: 24px;
    color: #404040;
    font-weight: normal;
    width: 170px;
    margin: 0px 0px 0px 0px;
    float: left;
}

#main #corp #encart_droite #alerte #span3_alerte {
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: normal;
    width: 190px;
    margin: 15px 0px 0px 0px;
    float: left;
}

#main #corp #encart_droite #alerte #span4_alerte {
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: normal;
    width: 190px;
    margin: 10px 0px 0px 0px;
    float: left;
}

#main #corp #encart_droite #jonction {
    width: 291px;
    height: 11px;
    background: transparent url(/images/jonction.jpg) no-repeat top left;
    float: left;
    padding-left: 25px;
    margin-left: -1px;
    margin-top: -3px;
    *margin-bottom: -10px;
}

/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------- Bandeau regions -----------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------*/

#lesregions {
    clear: both;
    width: 100%;
    height: 528px;
    background: transparent url(/images/bg_lesregions.jpg) repeat-x 0px 13px;
    margin-top: 15px;
}

#lesregions #regions {
    position:relative;
    width:1000px;
    left:50%;
    margin-left: -500px;
    height: 65px;
    background: transparent url(/images/bg_regions.jpg) no-repeat 10px top;
}

#lesregions #regions h3 {
    font-family: Arial;
    font-size: 24px;
    color: #404040;
    font-weight: bold;
    margin: 25px 0px 10px 20px;
    float: left;
    width: 900px;
}

#lesregions #regions h4 {
    font-family: Arial;
    font-size: 13px;
    color: #686767;
    font-weight: bold;
    margin: 5px 0px 10px 10px
}

#lesregions #regions h4 a {
    font-family: Arial;
    font-size: 13px;
    color: #686767;
    font-weight: bold;
}

#lesregions #regions h4 a:hover {
    color: #404040;
}

#lesregions #regions .region {
    width: 286px;
    float: left;
    margin-bottom: 25px;
}

#lesregions #regions .gauche {
    margin-left: 15px;
}

#lesregions #regions .centre {
    margin-left: 56px;
}

#lesregions #regions .region img {
    width: 286px;
    height: 133px;
}

#lesregions #regions .region .lien {
    width: 276px;
    margin: 10px 0px 0px 10px
}

#lesregions #regions .region .lien a {
    float: left;
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
}

#lesregions #regions .region .lien a:hover {
    color: #686767;
}

#lesregions #regions .region .lien a.ain1 {
    width: 169px;
}

#lesregions #regions .region .lien a.ain2 {
    width: 107px;
}

#lesregions #regions .region .lien a.ardeche1 {
    width: 149px;
}

#lesregions #regions .region .lien a.ardeche2 {
    width: 127px;
}

#lesregions #regions .region .lien a.loire1 {
    width: 154px;
}

#lesregions #regions .region .lien a.loire2 {
    width: 122px;
}

#lesregions #regions .region .lien a.savoie1 {
    width: 138px;
}

#lesregions #regions .region .lien a.savoie2 {
    width: 138px;
}

/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------- Bandeau bas -----------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------*/

#bottom {
    width: 100%;
    height: 65px;
    background: transparent url(/images/bg_repeat_bas.jpg) repeat-x top left;
}

#bottom #bas {
    position:relative;
    width:1000px;
    left:50%;
    margin-left: -500px;
    height: 65px;
}

#bottom #bas #gauche_bas {
    float: left;
    margin: 10px 0px 0px 25px;
}

#bottom #bas #gauche_bas h5 {
    font-family: Arial;
    font-size: 24px;
    color: #404040;
    font-weight: normal;
}

#bottom #bas #gauche_bas a {
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
}

#bottom #bas #droite_bas {
    float: right;
    margin: 22px 15px 0px 0px;
    *margin: 22px 0px 0px 0px;
}

#bottom #bas #droite_bas a {
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
    margin-left: 15px;
}

#bottom #bas #droite_bas a:hover {
    color: #191919;
}

/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------- secteur RA -----------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------*/

#main #corp #gauche #titre a.retour_recherche {
    background: transparent url(/images/retour.jpg) no-repeat 0px 2px;
    margin: 45px 0px 0px 70px;
    padding-left: 12px;
    font-family: Arial;
    font-size: 11px;
    color: #404040;
    font-weight: normal;
    float: left;
}

#main #corp #gauche #titre h1.secteurRA {
    margin-top: 26px;
    width: 595px;
}

#main #corp #gauche #titre h1.secteurRA span {
    width: 500px;
    float: left;
}

#main #corp #gauche #contenu p.p_presentation_secteur {
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: normal;
    margin: 5px 0px 0px 70px;
    *margin: 5px 0px 0px 30px;
    width: 550px;
    text-align: justify;
    float: left;
}

*+html #main #corp #gauche #contenu p.p_presentation_secteur {
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: normal;
    margin: 5px 0px 0px 70px;
    width: 550px;
    text-align: justify;
    float: left;
}

#main #corp #gauche #contenu p.p_presentation_secteur2 {
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: normal;
    margin: 0px 0px 20px 70px;
    *margin: 0px 0px 20px 30px;
    width: 550px;
    text-align: justify;
    float: left;
}

*+html #main #corp #gauche #contenu p.p_presentation_secteur2 {
    font-family: Arial;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: normal;
    margin: 0px 0px 20px 70px;
    width: 550px;
    text-align: justify;
    float: left;
}

#main #corp #gauche #contenu #liste_secteur {
    float: left;
    width: 599px;
    margin: 0px 0px 0px 50px;
    *margin: 0px 0px 0px 20px;
}

*+html #main #corp #gauche #contenu #liste_secteur {
    float: left;
    width: 599px;
    margin: 0px 0px 0px 50px;
}

#main #corp #gauche #contenu #liste_secteur #bg_secteurRA_repeat {
    float: left;
    width: 599px;
    background: transparent url(/images/bg_secteurRA_repeat.jpg) repeat-y 1px 0px;
}

#main #corp #gauche #contenu #liste_secteur #contenu_secteurRA {
    float: left;
    width: 599px;

    background: transparent url(/images/bg_secteurRA.jpg) no-repeat top left;
}

#main #corp #gauche #contenu #liste_secteur #contenu_secteurRA #liste_secteurRA {
    float: left;
    margin: 30px 0px 0px 60px;
}

#main #corp #gauche #contenu #liste_secteur #contenu_secteurRA #liste_secteurRA label {
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
    float: left;
    margin-top: 5px;
    width: 180px;
}

#main #corp #gauche #contenu #liste_secteur #contenu_secteurRA #liste_secteurRA .jqTransformInputWrapper {
    width: 140px;
    margin-top: 5px;
}


#main #corp #gauche #contenu #liste_secteur #contenu_secteurRA #liste_secteurRA button {
    float: left;
    width: 35px;
    height: 35px;
    border: none;
    background: transparent url(/images/ok_secteurRA.jpg) no-repeat top left;
    margin-left: 20px;
}

#main #corp #gauche #contenu #liste_secteur #contenu_secteurRA #liste_secteurRA button:hover {
    background: transparent url(/images/ok_secteurRA_hover.jpg) no-repeat top left;
}

#main #corp #gauche #contenu #liste_secteur #contenu_secteurRA #ou {
    font-family: Arial;
    font-size: 24px;
    color: #686767;
    font-weight: bold;
    float: left;
    margin: 10px 0px 0px 60px;
    width: 500px;
}

#main #corp #gauche #contenu #liste_secteur #contenu_secteurRA #arborescence {
    float: left;
    margin: 20px 0px 0px 60px;
    width: 500px;
}

#main #corp #gauche #contenu #liste_secteur #contenu_secteurRA #arborescence h3 {
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
    margin-bottom: 25px;
}

#main #corp #gauche #contenu #liste_secteur #bottom_secteurRA {
    float: left;
    width: 599px;
    height: 33px;
    background: transparent url(/images/bg_secteurRA_bottom.jpg) no-repeat top left;
}
/*config css arbre*/
.jstree-default.jstree-focused { background:none; }
#arbre a{
    color:#404040;
    font-family:Arial;
    font-size:12px;
    font-weight:normal;
}

#arbre a:hover{
    color:#191919;
    font-weight:bold;
}


/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------- detail secteur -----------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------*/

#main #corp #gauche #titre a.retour_recherche {
    background: transparent url(/images/retour.jpg) no-repeat 0px 2px;
    margin: 45px 0px 0px 70px;
    padding-left: 12px;
    font-family: Arial;
    font-size: 11px;
    color: #404040;
    font-weight: normal;
    float: left;
}

#main #corp #gauche #titre h1.detail_secteur {
    margin-top: 26px;
    float: left;
    width: 100%;
}

#main #corp #gauche #contenu h2.h2_detail_secteur_02 {
    background: transparent url(/images/h2_detail_secteur_02.jpg) no-repeat top left;
    width: 672px;
    height: 54px;
    margin: 22px 0px 0px 2px;
}

#main #corp #gauche #contenu h2.h2_detail_secteur_03 {
    background: transparent url(/images/h2_detail_secteur_03.jpg) no-repeat top left;
    width: 672px;
    height: 54px;
    margin: 22px 0px 0px 2px;
    *margin: 22px 0px 0px 1px;
}

*+html #main #corp #gauche #contenu h2.h2_detail_secteur_03 {
    background: transparent url(/images/h2_detail_secteur_03.jpg) no-repeat top left;
    width: 672px;
    height: 54px;
    margin: 22px 0px 0px 2px;
}

#main #corp #gauche #contenu #geoloc_detail_secteur {
    float: left;
    width: 619px;
    height: 345px;
    background: transparent url(/images/bg_catre_detail_secteur.jpg) no-repeat top left;
    margin: 10px 0px 0px 45px;
    *margin: 10px 0px 0px 15px;
}

*+html #main #corp #gauche #contenu #geoloc_detail_secteur {
    float: left;
    width: 619px;
    height: 345px;
    background: transparent url(/images/bg_catre_detail_secteur.jpg) no-repeat top left;
    margin: 10px 0px 0px 45px;
}

#main #corp #gauche #contenu #geoloc_detail_secteur #carte {
    float: left;
    width: 350px;
    height: 307px;
    margin: 15px 0px 0px 20px;
}

#main #corp #gauche #contenu #geoloc_detail_secteur #lien_geoloc {
    float: left;
    width: 160px;
    margin: 30px 0px 0px 50px;
    *margin: 30px 0px 0px 20px;
}

*+html #main #corp #gauche #contenu #geoloc_detail_secteur #lien_geoloc {
    float: left;
    width: 160px;
    margin: 30px 0px 0px 50px;
}

#main #corp #gauche #contenu #geoloc_detail_secteur #lien_geoloc h3 {
    margin: 15px 0px 5px 0px;
    font-family: Arial;
    font-size: 12px;
    color: #404040;
    font-weight: bold;
    float: left;
}

#main #corp #gauche #contenu #geoloc_detail_secteur #lien_geoloc a {
    margin: 0px 0px 0px 20px;
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
    float: left;
    width: 118px;
    background: transparent url(/images/puce_detail_secteur.jpg) no-repeat 0px 4px;
    padding-left: 12px;
}

#main #corp #gauche #contenu #geoloc_detail_secteur #lien_geoloc a:hover {
    color: #404040;
    background: transparent url(/images/puce_detail_secteur_hover.jpg) no-repeat 0px 4px;
}

#main #corp #gauche #contenu #cdc {
    float: left;
    width: 577px;
    height: 211px;
    background: transparent url(/images/cdc.jpg) no-repeat 0px 0px;
    margin: 0px 0px 0px 50px;
    *margin: 0px 0px 0px 20px;
    padding: 25px 0px 0px 30px;
}

*+html #main #corp #gauche #contenu #cdc {
    float: left;
    width: 577px;
    height: 211px;
    background: transparent url(/images/cdc.jpg) no-repeat 0px 0px;
    margin: 0px 0px 0px 50px;
    padding: 25px 0px 0px 30px;
}

#main #corp #gauche #contenu #cdc h3 {
    font-family: Arial;
    font-size: 18px;
    color: #404040;
    font-weight: bold;
    margin-bottom: 7px;}

#main #corp #gauche #contenu #cdc .cdc {
    float: left;
    width: 170px;
    margin-right: 15px;
}

#main #corp #gauche #contenu #cdc .cdc h4, #main #corp #gauche #contenu #cdc .cdc h5, #main #corp #gauche #contenu #cdc .cdc h6, #main #corp #gauche #contenu #cdc .cdc h4 a, #main #corp #gauche #contenu #cdc .cdc h5 a, #main #corp #gauche #contenu #cdc .cdc h6 a {
    font-family: Arial;
    font-size: 11px;
    color: #686767;
    font-weight: normal;
}

#main #corp #gauche #contenu #cdc .cdc a{
    font-family: Arial;
    font-size: 11px;
    color: #404040;
    font-weight: bold;
}















/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------- liste offre -----------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------*/

#main #corp #gauche #moteur_liste {
    width: 676px;
    height: 123px;
    background: transparent url(/images/moteur_liste.gif) no-repeat 11px 0px;

}

#main #corp #gauche #moteur_liste h1 {
    font-family: Arial;
    font-size: 20px;
    color: #404040;
    font-weight: bold;
    margin: 40px 0px 0px 75px;
    *margin: 40px 0px 0px 45px;
    float: left;
}

*+html #main #corp #gauche #moteur_liste h1 {
    font-family: Arial;
    font-size: 20px;
    color: #404040;
    font-weight: bold;
    margin: 40px 0px 0px 75px;
    float: left;
}

#main #corp #gauche #moteur_liste h1 span {
    color: #ffde05;
}

#main #corp #gauche #moteur_liste h2 {
    font-family: Times New Roman;
    font-size: 24px;
    color: #9e9e9e;
    font-weight: normal;
    font-style: italic;
    float: left;
    margin: 0px 0px 0px 75px;
    *margin: 0px 0px 0px 45px;
    width: 550px;
}

*+html #main #corp #gauche #moteur_liste h2 {
    font-family: Times New Roman;
    font-size: 24px;
    color: #9e9e9e;
    font-weight: normal;
    font-style: italic;
    float: left;
    margin: 0px 0px 0px 75px;
    width: 550px;
}

#main #corp #gauche #titre2 {
    width: 666px;
    *width: 596px;
    margin-left: 11px;
    height: 104px;
    background: transparent url(/images/bg_haut_liste.png) no-repeat 0px 0px;

}

#main #corp #gauche #titre2 h1 {
    font-family: Arial;
    font-size: 24px;
    color: #404040;
    font-weight: bold;
    margin: 25px 0px 0px 75px;
    *margin: 25px 0px 0px 35px;
    float: left;
    width: 100%;
}

*+html #main #corp #gauche #titre2 h1 {
    font-family: Arial;
    font-size: 24px;
    color: #404040;
    font-weight: bold;
    margin: 25px 0px 0px 75px;
    float: left;
    width: 100%;
}

#main #corp #gauche #titre2 h1 span {
    color: #ffde05;
}

#main #corp #gauche #titre2 p {
    float: left;
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
    margin-top: 7px;
    margin-left:10px;
}


#main #corp #gauche #titre2 p#p_titre2 {
    margin-left:30px;
    *margin-left:10px;
    margin-right: 10px;
}

#main #corp #gauche #titre2 select {
    float: left;
    width: 20px;
}

#main #corp #gauche #titre2 #suiv_prec {
    float: right;
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
    margin-right:20px;
    *margin-right:-40px;
}

#main #corp #gauche #titre2 #suiv_prec a {
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
}

#main #corp #gauche #titre2 #suiv_prec a:hover {
    color: #000000;
}

.pagelinks li{
    display: none;
}

.pagelinks li.pagelinks-prev, .pagelinks li.pagelinks-next{
    display: block;
    float: left;
    margin-right: 3px;
    margin-top: 5px;
    
}

.pagelinks li.pagelinks-prev:after{
    content: ' |';
}

#main #corp #gauche #contenu .offre {
    float: left;
    width: 649px;
    *width: 628px;
    height: 131px;
    margin: 0px 0px 0px 20px;
    *margin: 0px 0px 0px 20px;
    background: transparent url(/images/bg_encart_offre.jpg) repeat-x top left;
}

*+html #main #corp #gauche #contenu .offre {
    float: left;
    width: 649px;
    height: 131px;
    margin: 0px 0px 0px 20px;
    background: transparent url(/images/bg_encart_offre.jpg) repeat-x top left;
}

#main #corp #gauche #contenu .offre .photo {
    float: left;
    width: 164px;
    height: 107px;
    margin: 10px 0px 0px 10px;
    *margin: 0px 0px 0px 0px;
}

#main #corp #gauche #contenu .offre .photo img{
    max-width: 164px;
    max-height: 107px;

}

*+html #main #corp #gauche #contenu .offre .photo {
    float: left;
    width: 164px;
    height: 107px;
    margin: 10px 0px 0px 10px;
}


#main #corp #gauche #contenu .offre .description {
    height: 121px;
    width: 310px;
    *width: 300px;
    padding: 10px 0px 0px 10px;
    float: left;
    background: transparent url(/images/desc_annonce.jpg) no-repeat bottom right;
}

*+html #main #corp #gauche #contenu .offre .description {
    height: 121px;
    width: 310px;
    padding: 10px 0px 0px 10px;
    float: left;
    background: transparent url(/images/desc_annonce.jpg) no-repeat bottom right;
}

#main #corp #gauche #contenu .offre .description h3,#main #corp #gauche #contenu .offre .description h3 a {
    font-family: Arial;
    font-size: 12px;
    color: #404040;
    font-weight: normal;
    margin-top: 11px;
}

#main #corp #gauche #contenu .offre .description h4, #main #corp #gauche #contenu .offre .description h4 a {
    font-family: Arial;
    font-size: 12px;
    color: #404040;
    font-weight: bold;
    margin-bottom: 12px;
}

#main #corp #gauche #contenu .offre .description p {
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
    text-align: justify;
    width: 300px;
}

#main #corp #gauche #contenu .offre .prix {
    height: 121px;
    width: 120px;
    padding: 10px 0px 0px 0px;
    float: left;
}

#main #corp #gauche #contenu .offre .prix h5 {
    font-family: Arial;
    font-size: 19px;
    color: #ffde05;
    font-weight: bold;
    margin-top: 7px;
    text-align: center;
}

#main #corp #gauche #contenu .offre .prix h5 span{
    font-size: 15px;
}

#main #corp #gauche #contenu .offre .prix p {
    font-family: Arial;
    font-size: 11px;
    color: #404040;
    font-weight: normal;
    margin-top: 7px;
    text-align: center;
}

#main #corp #gauche #contenu .offre .prix img {
    margin-left:11px;
}

#main #corp #gauche #contenu .offre .prix a {
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
    margin-top: 7px;
    text-align: right;
    font-style: italic;
    float: left;
    margin-right: 10px;
}

#main #corp #gauche #contenu .offre .prix a span {
    font-family: Arial;
    font-size: 11px;
    color: #404040;
    font-weight: bold;
    margin-top: 11px;
    text-align: right;
    width: 110px;
    font-style: normal;
}


#main #corp #gauche #contenu .offre a.lien_liste {
    float: right;
    width: 34px;
    height: 131px;
    background: transparent url(/images/bout_liste.jpg) no-repeat top right;
}

#main #corp #gauche #contenu .offre a:hover.lien_liste {
    background: transparent url(/images/bout_liste_hover.jpg) no-repeat top right;
}

#main #corp #gauche #contenu #suiv_prec {
    float: right;
    margin: 10px 0px 0px 0px;
}

#main #corp #gauche #contenu #suiv_prec {
    float: right;
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
    margin-right:20px;
    *margin-right:10px;
}

#main #corp #gauche #contenu #suiv_prec a {
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
}

#main #corp #gauche #contenu a#retour_liste {
    background: transparent url(/images/retour.jpg) no-repeat 0px 2px;
    padding-left: 12px;
    font-family: Arial;
    font-size: 11px;
    color: #404040;
    font-weight: normal;
    float: left;
    margin: 10px 0px 0px 30px;
}

#main #corp #gauche #contenu a:hover#retour_liste {
    color: #000000;
}

#main #corp #gauche #def_asterisque {
    float: left;
    width: 666px;
    *width: 646px;
    text-align: justify;
    margin: 10px 0px 0px 10px;
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
    font-style: italic;
}

*+html #main #corp #gauche #def_asterisque {
    float: left;
    width: 666px;
    text-align: justify;
    margin: 10px 0px 0px 10px;
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
    font-style: italic;
}

/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------- liste offre -----------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------*/

#main #corp #gauche #contenu .offre .description_agence {
    height: 121px;
    width: 310px;
    *width: 300px;
    padding: 10px 0px 0px 10px;
    float: left;
    background: transparent url(/images/desc_annonce.jpg) no-repeat bottom right;
}

*+html #main #corp #gauche #contenu .offre .description_agence {
    height: 121px;
    width: 310px;
    padding: 10px 0px 0px 10px;
    float: left;
    background: transparent url(/images/desc_annonce.jpg) no-repeat bottom right;
}

#main #corp #gauche #contenu .offre .description_agence h3, #main #corp #gauche #contenu .offre .description_agence h3 a{
    font-family: Arial;
    font-size: 12px;
    color: #404040;
    font-weight: normal;
    margin-top: 11px;
}

#main #corp #gauche #contenu .offre .description_agence h4,#main #corp #gauche #contenu .offre .description_agence h4 a {
    font-family: Arial;
    font-size: 12px;
    color: #404040;
    font-weight: bold;
    margin-bottom: 12px;
}

#main #corp #gauche #contenu .offre .description_agence h5 {
    font-family: Arial;
    font-size: 11px;
    color: #404040;
    font-weight: normal;
    float: left;
    width: 40px;
}

#main #corp #gauche #contenu .offre .description_agence p {
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
    text-align: justify;
    width: 260px;
    float: left;
}

#main #corp #gauche #contenu .offre .visu_agence {
    height: 121px;
    width: 120px;
    padding: 40px 0px 0px 0px;
    float: left;
}

#main #corp #gauche #contenu .offre .visu_agence a {
    display: block;
    width: 115px;
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
    margin-top: 7px;
    text-align: right;
    font-style: italic;
    float: left;
    margin-right: 10px;
    *margin-left: 25px;
}

#main #corp #gauche #contenu .offre .visu_agence a span {
    font-family: Arial;
    font-size: 11px;
    color: #404040;
    font-weight: bold;
    margin-top: 11px;
    text-align: right;
    width: 110px;
    font-style: normal;
}

#main #corp #gauche #contenu .offre .visu_agence a:hover span {
    color: #000000;
}


#main #corp #gauche #contenu p#liste_page {
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
    float: left;
    margin: 10px 0px 0px 30px;
    *margin: 10px 0px 0px 20px;
}

#main #corp #gauche #contenu p#liste_page a {
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-weight: normal;
}

#main #corp #gauche #contenu p#liste_page a:hover {
    color: #686767;
}

/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------- index -----------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------*/

#main #corp #gauche #titre3 {
    width: 676px;
    height: 281px;
    background: transparent url(/images/titre_index.png) no-repeat 4px 0px;
    *background: transparent url(/images/titre_index.gif) no-repeat 4px 0px;
}

#main #corp #gauche #titre3.commerce{
    height: 235px;
}

#main #corp #gauche #titre3.student{
    height: 193px;
}

#main #corp #gauche #titre3 #imgmaison{
    background: transparent url(/images/maison.png) no-repeat 0px 0px;
    width: 102px;
    height: 112px;
    position: relative;
    right: 50px;
    bottom:-25px;
    float: right;
    line-height: 1px;
}

#main #corp #gauche #titre3 #moteur_index{
    margin-top:-14px;
    float: left;
}

#main #corp #gauche #titre3 h1 {
    font-family: Arial;
    font-size: 20px;
    color: #404040;
    font-weight: bold;
    margin: 40px 0px 30px 80px;
    *margin: 40px 0px 30px 50px;
    float: left;
}

*+html #main #corp #gauche #titre3 h1 {
    font-family: Arial;
    font-size: 20px;
    color: #404040;
    font-weight: bold;
    margin: 40px 0px 30px 80px;
    float: left;
}

#main #corp #gauche #titre3 h1 span {
    color: #ffde05;
}

#main #corp #gauche #titre3 p {
    float: left;
    width: 630px;
    margin-left: 33px;
    margin-top: 12px;
}

#main #corp #gauche #titre3 p.message{
    font-size: 12px;
}

#main #corp #gauche #titre3 p.message a{
    color:#404040;
}

#main #corp #gauche #titre3 p label {
    margin-right: 20px;
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
    padding-top: 4px;
}

#main #corp #gauche #titre3 p label#lab_piece {
    margin-left: 30px;
}

#main #corp #gauche #titre3 p select {
    width: 150px;
}

#main #corp #gauche #titre3 #searchBudget, #main #corp #gauche #titre3 #searchSurface {
    float: left;
    width: 165px;
}

#main #corp #gauche #titre3 p#budget {
    width: 310px;
    *width: 280px;
    text-align: center;
    margin-left: 0px;
    color:#686767;
    float:right;
    font-family:Arial;
    font-size:12px;
    display: inline;
    font-weight:bold;
}

*+html #main #corp #gauche #titre3 p#budget {
    width: 310px;
    text-align: center;
    margin-left: 0px;
    color:#686767;
    float:right;
    font-family:Arial;
    font-size:12px;
    display: inline;
    font-weight:bold;
}

#main #corp #gauche #titre3 p#surface {
    width: 310px;
    text-align: center;
    color:#686767;
    float:left;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
}

#main #corp #gauche #titre3 .slider_p {
    width: 75px;
    margin-left: 33px;
    margin-top: -5px;
    margin-right: 25px;
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
    text-align: right;

}

#main #corp #gauche #titre3 #slider_p_budget {
    margin-left: 60px;
}

#main #corp #gauche #titre3 .slider_p label {
    float: right;

}

#main #corp #gauche #titre3 p #autre {
    width: 500px;
    height: 15px;
}

#main #corp #gauche #titre3 .jqTransformInputWrapper {
    margin-top: 5px;
}


#main #corp #gauche #contenu #geoloc #corp_geoloc a.decouvre {
    float: right;
    width: 176px;
    height: 81px;
    background: transparent url(/images/decouvrer.jpg) no-repeat 0px 0px;
    margin-right: 17px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc a:hover.decouvre {
    background: transparent url(/images/decouvrer_hover.jpg) no-repeat 0px 0px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc a #span1_decouvre {
    float: left;
    width: 120px;
    margin-left: 15px;
    font-family: Arial;
    font-size: 14px;
    color: #404040;
    font-weight: bold;
    margin-top: 16px;
}

#main #corp #gauche #contenu #geoloc #corp_geoloc a #span2_decouvre {
    float: left;
    width: 130px;
    margin-left: 15px;
    font-family: Arial;
    font-size: 12px;
    color: #686767;
    font-weight: normal;
    margin-top: 4px;
}

#main #corp #gauche #bg_bas_contenu2 {
    width: 674px;
    height: 49px;
    background: transparent url(/images/bg_bas_contenu2.png) no-repeat 0px 0px;
    margin-top: -5px;
    margin-left: 5px;
    cursor: pointer;
}

#main #corp #description_moteur_pertinence {
    font-family: Arial;
    font-size: 11px;
    color: #9e9e9e;
    font-style: italic;
    margin: 5px 0px 0px 15px;
}

hr.fin {
    clear: both;
    visibility: hidden;
}

#contenu .message{
    margin-left: 30px;
    text-align: center;
    color: #404040;
    font-size: 12px;
}

#contenu .message a{
    color: #404040;
    font-weight: bold;
}

.plan ul{
    margin-left: 80px;
}

.plan ul li a{
    color: #404040;
    font-size: 12px;
}
.plan ul li a:hover{
    color: #9E9E9E;
}
/****************
Secteurs
****************/
#navig{
    width: 500px;
    /*height: 500px;*/
    min-height: 258px;
}

/*.clickable{
    position: relative;
    z-index: 10000;
}

#navig #liste0{
    width: 500px;
    float: left;
    overflow: hidden;
    margin-left:0px;
}*/

#navig a{
    color:#000000;
}

#navig #arianesecteur{
   margin-bottom: 10px;
}

#listes li ul li{
    line-height: 16px;
}
#listes li ul li span{
    width: inherit;
    cursor: pointer;
    color:#686767;
}

#listes li ul li span:hover{
    color:#000000;
}

#listes li ul li.clickable span{
    background: url(../images/puce_detail_secteur.jpg) no-repeat 0px 3px;
    padding-left: 10px;
}
#listes li ul li.clickable span:hover{
    background: url(../images/puce_detail_secteur_hover.jpg) no-repeat 0px 3px;
}

#main #corp #gauche #contenu #othersecteur {
    float: left;
    width: 577px;
    height: 211px;
    background: transparent url(/images/cdc.jpg) no-repeat 0px 0px;
    margin: 0px 0px 0px 50px;
    *margin: 0px 0px 0px 20px;
    padding: 25px 0px 0px 30px;
}

#main #corp #gauche #contenu #othersecteur h3{
    font-family: Arial;
    font-size: 18px;
    color: #404040;
    font-weight: bold;
    margin-bottom: 7px;
}

#main #corp #gauche #contenu #othersecteur a{
    color:#686767;
}

#main #corp #gauche #contenu #othersecteur a:hover{
    color:#000000;
}
#main #corp #gauche #contenu #othersecteur ul{
    margin: 20px;
}

#main #corp #gauche #contenu #othersecteur li{
    float: left;
    width: 50%;
}