* {
    margin:                 0;
    padding:                0;
}

body {
    background:             #000;
    font:                   .8em/1.3em arial, helvetica, sans-serif;
    text-align:             center;
}

a:link,
a:visited {
    color:                  #fff;
    text-decoration:        underline;
}
a:hover {
    color:                  #fff;
    text-decoration:        none;
}

/** container *****************************************************************/

#container {
    position:               relative;
    width:                  990px;
    margin:                 0 auto;
    text-align:             left;
}



/** header ********************************************************************/

#header {
    position:               relative;
    width:                  990px;
    height:                 270px;
    background:             #0085C8 url(images/header-site.jpg) no-repeat left center;
}

#header #flash {
    position:           absolute;
    margin-top:         110px;
    height:             119px;
    width:              990px;
}

#header #logo_url {
    z-index:            600;
    position:           absolute;
    top:                10px;
    left:               26px;
    display:            block;
    width:              224px;
    height:             112px;
    text-indent:        -1000em;
    overflow:           hidden;
    text-decoration:    none;
    background:         url(images/background/logo_transparent.gif) no-repeat;
}

#header #logo_fnaim {
    z-index:            600;
    position:           absolute;
    top:                10px;
    left:               280px;
    display:            block;
    width:              120px;
    height:             100px;
    text-indent:        -1000em;
    overflow:           hidden;
    text-decoration:    none;
    background:         url(images/background/fnaim_transparent.gif) no-repeat;
}
/** navigation ****************************************************************/
#navcontainer {
    position:               absolute;
    z-index:                100;
    top:                    241px;
    left:                   0;
    width:                  990px;
    height:                 30px;
    background:             transparent;
}

#navcontainer ul {
    list-style:             none;
    margin-left:            15px;
}
/******************************************************************************/

/* Navigation *****************************************************************/
/* Navigation navcontainer ****************************************************/
/* Permet de cacher le lien de la page d'accueil dans la barre de menu */
#nav #nav-accueil {
    display:                none;
}

/* PREMIER NIVEAU */
#nav {
    list-style:             none;
    margin-bottom:          0px;
}

#nav li {
    display:                block;
    float:                  left;
    width:                  auto;
    padding-right:           10px;
    text-align:             left;
    height:                 25px!important;
}

#nav li.acde {
    width:                  280px;
}

#nav li.nos-domaines-d-activites {
    width:                  250px;
}

#nav li.vos-obligation-en-diagnostics-immobilier {
    width:                  400px;
}

#nav li a:link,
#nav li a:visited {
    display:                block;
    font-size:              12px;
    text-decoration:        none;
    font-weight:            normal;
    color:                  #fff;
    font-weight:            bold;
    padding-top:            5px;
    height:                 20px;
    font-family:            verdana, arial;
    text-transform:         uppercase;
    padding-left:           25px;
    padding-right:          10px;
    background:             transparent url(images/background-li.jpg) no-repeat left center;
}

#nav li a:hover {
    color:                  #0088CC;
    border-bottom:          2px solid #0088CC;
}

#nav li a:link.selected,
#nav li a:visited.selected,
#nav li a:hover.selected {
    color:                  #fff;
    border-bottom:          2px solid #0088CC;
}

#nav ul {
    display:                none;
    background:             #e4e4e4;
}

/* Lien pour que le deuxième niveau s'affiche au survol de la souris */
#nav li:hover ul {
    display:                block;
    
}

/* DEUXIEME NIVEAU */
#nav ul li {
    display:                block;
    float:                  left;
    padding:                0px;
    width:                  250px;
    margin-right:           0px;
    text-align:             left;
    height:                 25px!important;
    margin-left:            0px;
    border-left:            2px solid #0088CC;
    background:             #000;
}

#nav ul li a:link,
#nav ul li a:visited {
    display:                block;
    font-size:              12px;
    text-decoration:        none;
    font-weight:            normal;
    color:                  #fff;
    font-weight:            bold;
    padding-top:            5px;
    height:                 20px;
    font-family:            verdana, arial;
    text-transform:         uppercase;
    padding-left:           10px;
    padding-right:          10px;
    background:             none;
}

#nav ul li a:hover {
    color:                  #0088CC;
    border-bottom:          2px solid #0088CC;
}

#nav ul li a:link.selected,
#nav ul li a:visited.selected,
#nav ul li a:hover.selected {
    color:                  #fff;
    border-bottom:          2px solid #0088CC;
}

/* Navigation subnavcontainer ****************************************************/
#subnavcontainer {
    position:               absolute;
    top:                    10px;
    right:                  20px;
    width:                  570px;
    height:                 32px;
}

#subnav {
    font-size:              11px;
    list-style:             none;
    width:                  570px;
    height:                 32px!important;
}

#subnav li {
    display:                block;
    float:                  left;
    text-align:             center;
    width:                  139px;
    padding-top:            5px;
    height:                 32px;
    background:             transparent url(images/background-li-subnavcontain.gif) no-repeat left;
}

#subnav li a:link,
#subnav li a:visited {
    color:                  #000;
    text-decoration:        none;
    font-weight:            bold;
    text-transform:         uppercase;
    text-align:             center;
}

#subnav li a:hover {
    color:                  #000;
    text-decoration:        underline;
}

#subnav li a:link.selected,
#subnav li a:visited.selected,
#subnav li a:hover.selected {
    border-bottom:          2px solid #0088CC;
}

/* maincontent ****************************************************************/
#maincontent {
    float:                  left;
    width:                  990px;
    background:             #0085C8 url(images/background-maincontent.gif) repeat-x left top;
}

#fil-ariane {
    float:                  left;
    margin-top:             10px;
    padding-left:           50px;
    width:                  990px;
    font-size:              12px;
    color:                  #fff;
}

span.ariane {
    color:                  #F7E638;
}

#content {
    float:                  left;
    width:                  730px;
    background:             transparent;
    margin-top:             20px;
}

#sidebar-right {
    float:                  left;
    width:                  260px;
    height:                 500px;
    background:             #0085C8 url(images/background-sidebar-right-site.gif) no-repeat right bottom;
}

#content h2 {
    color:                  #fff;
    font-weight:            bold;
    text-transform:         uppercase;
    font-size:              18px;
    padding-bottom:         30px;
    padding-left:           50px;
    padding-right:          10px;
}

#content h3 {
    color:                  #fff;
    font-weight:            bold;
    text-transform:         uppercase;
    font-size:              14px;
    padding-top:            20px;
    padding-bottom:         5px;
    padding-left:           50px;
    padding-right:          10px;
    font-style:             italic;
}


#content p {
    color:                  #fff;
    font-weight:            normal;
    padding-top:            10px;
    padding-bottom:         10px;
    padding-right:          10px!important;
    padding-left:           50px;
}

#content img {
    float:                  left;
    margin-right:           20px;
    padding-bottom:         20px;
    border:                 none;
    margin-left:            50px!important;
}

#content #ul-premier-niveau {
    list-style:             none;
}

#content #ul-premier-niveau li {
    padding-left:           15px;
    font-weight:            bold;
    color:                  #fff;
    font-size:              14px;
    background:             url(images/background-li-premier-niveau.gif) no-repeat left top;
}

#content #ul-deuxieme-niveau {
    list-style:             none;
    margin-bottom:          20px;
}

#content #ul-deuxieme-niveau li {
    color:                  #fff;
    font-size:              12px;
    font-weight:            normal;
    padding-left:           15px;
    background:             url(images/background-li-deuxieme-niveau.gif) no-repeat left top;
}

#sidebar-right #block {
    width:                  216px;
    height:                 228px;
    background:             #fff;
    margin-top:             50px;
    margin-left:            10px;
    background:             url(images/background-side-bar-right.gif) no-repeat left top

}

#sidebar-right #block h2.sidebar-right-title {
    color:                  #0088CC;
    text-align:             center;
    font-size:              16px;
    text-transform:         uppercase;
    padding-top:            10px;
}

#sidebar-right #block img.sidebar-right {
    margin-top:             15px;
    margin-left:            40px;
    border:                 none;
}

#sidebar-right #block p.sidebar-right {
    font-size:              12px;
    color:                  #0088CC;
    text-align:             center;
    padding:                5px;          
}

#sidebar-right input.sidebar-right {
    color:                  #0088CC;
    width:                  150px;
    height:                 25px;
    border:                 1px solid #0088CC;
    margin-left:            10px;      
}

#sidebar-right input.sidebar-right-btn {
    font-size:              12px;
    color:                  #0088CC;
    width:                  29px;
    height:                 26px;
    background:             transparent url(images/background-submit-btn-ok.gif) no-repeat left center;
    border:                 none;     
}

#footer {
    float:                  left;
    width:                  990px;
    height:                 50px;
    background:             #fff;
    color:                  #6A6565;
    text-align:             center;
    font-size:              11px;
    padding-top:            5px;
}

#footer a:link,
#footer a:visited,
#footer a:hover {
    color:                  #6A6565;
}

#content fieldset {
    margin-left:            50px;
    border:                 none;
    margin-bottom:          30px;
}

#content fieldset legend {
    color:                  #fff;
    font-weight:            bold;
    font-size:              16px;
}

#content fieldset p.title {
    float:                  left;
    width:                  150px;
    color:                  #fff;
    font-weight:            normal;
    padding-top:            0px;
    padding-bottom:         0px;
    padding-right:          0px!important;
    padding-left:           0px;
    text-align:             right;
    margin-right:           10px;
    background:             transparent;
    margin-bottom:          5px;
    font-size:              12px;
}

#content fieldset input.field {
    width:                  400px;
    height:                 20px;
    color:                  #0088CC;
    font-weight:            normal;
    font-size:              14px;
    margin-bottom:          10px;
    border:                 1px solid #F7E638;
}

#content fieldset select.field {
    width:                  400px;
    height:                 20px;
    color:                  #0088CC;
    font-weight:            normal;
    font-size:              14px;
    margin-bottom:          10px;
    border:                 1px solid #F7E638;
}

input.send_contact {
    width:                  150px;
    margin-left:            160px;
    background:             #fff;
    font-weight:            bold;
    border:                 1px solid #F7E638;
}

input.send_contact:hover {
    width:                  150px;
    margin-left:            160px;
    background:             #0085C8;
    font-weight:            bold;
    color:                  #fff;
    border:                 1px solid #F7E638;
}


/** Tableau synthétique *******************************************************/
#menu_tableau {
    float:                  left;
    margin-left:            50px;
    width:                  150px;
}

#menu_tableau ul {
    list-style:             none;
}

#menu_tableau li {
    margin-bottom:          10px;
    border-left:            2px solid #f7e638;
    border-bottom:          1px solid #f7e638;
    padding-left:           5px;
    padding-bottom:         5px;
}


#amiante,
#plomb,
#termites,
#gaz,
#energetique,
#risquenaturel,
#electrique {
    float:                  left;
    border-left:            4px solid #f7e638;
    width:                  500px;
    margin-left:            10px;
    margin-bottom:          50px;
    padding-bottom:          50px;
}

#amiante span.title,
#plomb span.title,
#termites span.title,
#gaz span.title,
#energetique span.title,
#risquenaturel span.title,
#electrique span.title {
    padding-left:           10px;
    color:                  #f7e638;
    font-weight:            bold;
    text-transform:         uppercase;
}

#amiante table.synthetique,
#plomb table.synthetique,
#termites table.synthetique,
#gaz table.synthetique,
#energetique table.synthetique,
#risquenaturel table.synthetique,
#electrique table.synthetique {
    margin-left:            10px;
    border:                 1px solid #f7e638;
    border-collapse:        collapse;
}

#amiante table.synthetique td.cell_title,
#plomb table.synthetique td.cell_title,
#termites table.synthetique td.cell_title,
#gaz table.synthetique td.cell_title,
#energetique table.synthetique td.cell_title,
#risquenaturel table.synthetique td.cell_title,
#electrique table.synthetique td.cell_title {
    width:                  180px;
    background:             #026699;
    border-right:           1px solid #f7e638;
    border-bottom:          1px solid #f7e638;
    color:                  #fff;
    font-size:              12px;
    padding:                5px;
    font-weight:            bold;
}

#amiante table.synthetique td.cell_content,
#plomb table.synthetique td.cell_content,
#termites table.synthetique td.cell_content,
#gaz table.synthetique td.cell_content,
#energetique table.synthetique td.cell_content,
#risquenaturel table.synthetique td.cell_content,
#electrique table.synthetique td.cell_content {
    width:                  320px;
    background:             transparent;
    border-right:           1px solid #f7e638;
    border-bottom:          1px solid #f7e638;
    color:                  #fff;
    font-size:              12px;
    padding:                5px;
    font-weight:            normal;
}

/* Navigation *****************************************************************/
/* Navigation navcontainer ****************************************************/
/* Permet de cacher le lien de la page d'accueil dans la barre de menu */
#nav_plan #nav-accueil {
    display:                none;
}

/* PREMIER NIVEAU */
#nav_plan {
    list-style:             none;
    margin-left:            50px;
}

#nav_plan li {
    display:                block;
    float:                  left;
    width:                  auto;
    padding-right:           10px;
    text-align:             left;
}

#nav_plan li.acde {
    width:                  400px;
}

#nav_plan li.nos-domaines-d-activites {
    width:                  400px;
}

#nav_plan li.vos-obligation-en-diagnostics-immobilier {
    width:                  400px;
}

#nav_plan li a:link,
#nav_plan li a:visited {
    display:                block;
    font-size:              12px;
    text-decoration:        none;
    font-weight:            normal;
    color:                  #fff;
    font-weight:            bold;
    padding-top:            5px;
    height:                 20px;
    font-family:            verdana, arial;
    padding-left:           25px;
    padding-right:          10px;
    background:             transparent url(images/background-li-premier-niveau.gif) no-repeat left center;
}

#nav_plan li a:hover {
    color:                  #fff;
    border-bottom:          2px solid #F7E638;
}

#nav_plan ul {
    display:                block;
    background:             #0085C8;
    margin-bottom:          20px;
}

/* Lien pour que le deuxième niveau s'affiche au survol de la souris */
#nav_plan li:hover ul {
    display:                block;
    
}

/* DEUXIEME NIVEAU */
#nav_plan ul li {
    display:                block;
    float:                  left;
    padding:                0px;
    width:                  250px;
    margin-right:           0px;
    text-align:             left;
    height:                 25px!important;
    margin-left:            30px;
    background:             transparent;
}

#nav_plan ul li a:link,
#nav_plan ul li a:visited {
    display:                block;
    font-size:              12px;
    text-decoration:        none;
    font-weight:            normal;
    color:                  #fff;
    font-weight:            bold;
    padding-top:            5px;
    height:                 20px;
    font-family:            verdana, arial;
    padding-left:           10px;
    padding-right:          10px;
    background:             none;
}

#nav_plan ul li a:hover {
    color:                  #fff;
    border-bottom:          2px solid #F7E638;
}

#subnav_plan {
    float:                  left;
    font-size:              11px;
    list-style:             none;
    width:                  250px;
    height:                 32px!important;
    margin-left:            50px;
}

#subnav_plan li {
    display:                block;
    float:                  left;
    width:                  auto;
    padding-right:          10px;
    text-align:             left;
}

#subnav_plan li a:link,
#subnav_plan li a:visited {
    display:                block;
    font-size:              12px;
    text-decoration:        none;
    font-weight:            normal;
    color:                  #fff;
    font-weight:            bold;
    padding-top:            5px;
    height:                 20px;
    font-family:            verdana, arial;
    padding-left:           25px;
    padding-right:          10px;
    background:             transparent url(images/background-li-premier-niveau.gif) no-repeat left center;
}

#subnav_plan li a:hover {
    color:                  #fff;
    border-bottom:          2px solid #F7E638;
}