/* Enlever les styles par défaut des navigateurs
=====================================*/

ul, ol {list-style : none}
h1, h2, h3, h4, h5, h6, p, input, select {font-size : 1em}
ul, ol, li, h1, h2, h3, h4, h5, h6, form, body, html, p, dl, dt, dd {margin : 0 ; padding : 0 ; border : 0}
a img, :link img, :visited img {border : 0}
label {cursor : pointer}

/* Layout général
=====================================*/

body {margin : 0 8px}
#corps {background : #fff ; border-left : 1px solid #aaa ; border-right : 1px solid #aaa}
#colonne-gauche {width : 192px}
#colonne-droite {vertical-align : top}
#contenu {padding-left : 30px ; padding-right : 30px}
#colonne-gauche, #contenu {padding-top : 15px ; vertical-align : top}
body, table, td, p, select, input, textarea {font : 13px Trebuchet MS, sans-serif}
table {border-collapse : collapse}
p {margin : 10px 0 ; text-align : justify}
a, b {color : #00499f}
h1 {font : bold 13px/20px Arial ; color : #cd1a0f ; text-transform : uppercase ; background : url(/images/fond-degrade-gris.gif) repeat-x ; border-top : 1px solid #bbb ; padding : 3px 12px ; margin : 0 0 16px}
h2, dl.sommaire dt {background : url(/images/puce-h3.gif) 0 5px no-repeat ; padding : 0 0 0 16px ; font-weight : bold ; color : #cd1a0f ; margin : 14px 0 6px}    
h2 {border-bottom : 1px solid #cd1a0f}
dl.sommaire dt a {color : #cd1a0f}     
dl.sommaire dd {text-align : justify}                                                                                           
h3 {font-weight : bold ; color : #00499f ; background : url(/images/puce-5px-ronde.gif) 0 7px no-repeat ; padding-left : 12px ; margin : 12px 0 6px}

/* Contenu rédactionnel
=====================================*/

table.donnees td, table.donnees th {border : 1px solid #a2a2a2 ; padding : 3px 8px}
table.donnees td {text-align : center}
table.donnees thead td {font-weight : bold ; background : #d4d4d4}
table.donnees th {text-align : left ; background : #f7f7f7}

div.illustration {background : #f7f7f7 ; border : 1px solid #d4d4d4 ; padding : 8px 8px 4px}
div.right {float : right ; margin : 4px 0 4px 15px}
div.left {float : left ; margin : 4px 15px 4px 0}
div.illustration p.legende {margin : 2px auto ; text-align : center ; font : italic 11px Trebuchet MS ; color : #373737}

ul.petites_puces li {background : url(/images/puce-13px-article.gif) left 8px no-repeat ; padding-left : 16px ; text-align : justify}
.conseil {border : 1px solid #9fcbff ; background : #EFF6FF url(/images/icone-note.gif) 5px 5px no-repeat ; padding : 5px 10px 5px 28px ; margin : 10px 0}
.conseil b, .conseil a {color : #185bab}
.important {background : #fffadf url(/images/icone-important.gif) 5px 6px no-repeat ; border : 1px solid #ffde4f ; padding : 5px 10px 5px 28px ;}
.important b, .important a {color : #d71b1b}
p#definition {background : #eff6ff ; border : 1px solid #9fcbff ; padding : 5px 8px}
#liste_mots td {width : 250px}
#liste_mots td li {background : url(/images/puce-13px-article.gif) left 8px no-repeat ; padding-left : 16px}

/* Page d'accueil            
=====================================*/

.annonces_accueil {border-collapse : collapse}
.annonces_accueil td {border : 1px solid #ccc ; padding : 1px}
.annonces_accueil h3, .conseils_accueil h3 {text-align : center ; font-size : 12px ; text-transform : uppercase ; background : url(/images/fond-annonces-accueil.gif) ; padding : 1px 0 0 ; margin : 0 ; color : #fff ; border : 1px solid #ae0400}
.annonces_accueil p {padding : 3px 8px ; text-align : left}
.annonces_accueil ul {margin : 8px ; background : #eff6ff ; border : 1px solid #9fcbff ; padding : 3px 6px 5px ; font-weight : bold}
.annonces_accueil ul li {text-align : left}
.annonces_accueil dl {padding : 5px 8px}
.annonces_accueil dt {background : url(/images/puce-5px-carree.gif) 0 9px no-repeat ; padding : 3px 0 1px 12px ; font-weight : bold}
.annonces_accueil dd {border-bottom : 1px solid #ccc ; padding : 2px 0 5px}

.conseils_accueil {margin : 10px ; border-collapse : collapse ; }
.conseils_accueil td {border : 1px solid #aaaaaa}
.conseils_accueil ul {padding : 4px 6px}

.menu_accueil, .menu_accueil_170 {margin : 0 0 10px 0}
.menu_accueil h2, .menu_accueil_170 h2 {text-align : center ; border : 0 ; padding : 4px 0 3px ; color : #fff ; margin : 0 0 2px ; text-transform : uppercase}
.menu_accueil dl, .annonces_accueil, .conseils_accueil td, #rubriques_annonces_accueil, .menu_accueil_170 dl {font-size : 12px}
.menu_accueil dl dd {padding : 0 0 0 22px ; margin : 0}
.menu_accueil dl dt, .menu_accueil_170 dl dt {font : bold 12px Tahoma ; font-weight : bold ; text-transform : uppercase ; font-weight : bold ; margin : 8px 0 0 0 ; padding : 1px 0 1px 22px}
.menu_accueil dl dt a , .menu_accueil_170 dl dt a {text-decoration : none ; color : #000000}
.menu_accueil dl, .menu_accueil_170 dl {margin : 0 ; padding : 0 6px 8px ; background : #f7f7f7 ; border : 1px solid #d4d4d4}
.menu_accueil_170 dl dt {padding : 0}

/* Header & footer                  
=====================================*/

#haut {background : #fff ; border-left : 1px solid #bbb ; border-right : 1px solid #bbb}
#haut #menu {font : bold 12px Arial, sans-serif ; background : url(/images/fond-menu.gif) ; padding : 4px 0 3px ; text-align : center ; text-transform : uppercase}
#haut #menu a {color : #DF1000 ; text-decoration : none} 
p#bas {text-align : center ; margin : 10px 0 0 ; background : #eee ; border-top : 1px solid #ccc ; border-bottom : 1px solid #ccc ; padding : 2px 0 3px}
p#bas a {color : #333}

/* Menu à gauche                  
=====================================*/

.menu-gauche {margin-left : 10px}
.menu-gauche dt {margin : 0 0 1px ; background : url(/images/fond-titre-menu-gauche.gif) right top no-repeat ; text-align : center ; padding : 5px 0 4px ; font : bold 13px Arial, sans-serif ; text-transform : uppercase}
.menu-gauche dt a {text-decoration : none ; color : #cd1a0f}
.menu-gauche ul {background : #f7f7f7 ; border : 1px solid #aaa ; margin : 0 ; padding : 4px 2px 4px 5px}
.menu-gauche ul li {background : url(../images/puce-rouge.gif) 0 8px no-repeat ; padding : 0 0 0 9px}
.menu-gauche ul ul {margin : 2px 0 ; padding : 0 0 0 4px ; border : 0 ; border-left : 1px solid #ccc}
.menu-gauche ul ul li {font-weight : normal ; background : none ; padding : 0}

/* Plan du site            
=====================================*/

ul.tree, ul.tree ul {list-style-type: none}
ul.tree, ul.tree ul { list-style-type: none; background: url(/images/vline.gif) repeat-y; padding: 0; margin : 0 } 
ul.tree ul { margin-left: 10px; } 
ul.tree li { margin: 0; padding: 0 15px; line-height: 20px; background: url(/images/node.gif) no-repeat; font-weight: bold;} 
ul.tree a {color : #D30E0E} 
ul.tree ul a {color : #333 ; text-decoration : none}
ul.tree ul a:hover {text-decoration : underline}
ul.tree ul ul li, ul.tree ul ul a {color : #666 ; font-weight : normal}

/* Consultation d'annonces          
=====================================*/

div.pagination {margin : 10px 0 ; text-align : center}
div.pagination a {padding : 0.1em 0.5em ; margin : 0.1em ; text-decoration : none ; color : #000 ; border : 1px solid #ccc}
div.pagination span {padding : 0.1em 0.5em ; margin : 0.1em ; color : #000 ; border : 1px solid #ddd}
div.pagination a:hover, div.pagination a:active {background-color : #D30E0E ; color : #fff}
div.pagination span.current {font-weight : bold ; background-color : #D30E0E ; color : #fff ; border-color : #D30E0E}
div.pagination span.disabled {background-color : #fff ; color : #ddd}

div.annonce {width : 100% ; margin : 14px 0 ; border : 1px solid #ccc}
div.annonce p {margin : 4px 8px 10px ; text-align : justify}
div.option_encadre {border : 1px solid #999}
div.option_encadre p {font-weight : bold ; }
div.annonce h3 {background : #eee ; margin : 1px ; color : #D30E0E ; padding : 1px 8px ; border-bottom : 1px solid #ccc}
div.annonce div.photo img {margin : 5px 0 3px}
div.annonce div.photo {float : right ; margin : 0 8px 4px ; text-align : center}
ul.fonctionnalites {margin : 0 8px 8px}
ul.fonctionnalites li {display : block ; padding : 2px 0 1px 23px}
ul.fonctionnalites li.panier-ajouter   {background : url(/images/contact-panier.gif)      0 4px no-repeat ; display : block}                 
ul.fonctionnalites li.panier-supprimer {background : url(/images/contact-panier.gif)      0 4px no-repeat ; display : none}
ul.fonctionnalites li.galerie    {background : url(/images/contact-galerie.gif)     0 4px no-repeat}                       
ul.fonctionnalites li.carte      {background : url(/images/contact-carte.gif)       0 4px no-repeat}                       
ul.fonctionnalites li.email      {background : url(/images/contact-email.gif)       0 4px no-repeat}                       

/* Panier */
#contenu div.panier {border-width : 2px ; background : #eee ; border : 1px solid #999}
#contenu div.panier h3 {background : #777 ; color : #fff ; border-bottom : 1px solid #999}
.panier ul.fonctionnalites  li.panier-ajouter, .panier_page ul.fonctionnalites li.panier-ajouter {display : none}
.panier ul.fonctionnalites  li.panier-supprimer, .panier_page ul.fonctionnalites li.panier-supprimer {display : block}
#panier_menu {background : url(/images/panier.png) no-repeat ; padding-left : 24px ; font : bold 12px/20px Arial ; text-transform : uppercase ; margin : 5px 24px 10px}
#panier_menu a {text-decoration : none ; color : #dd2f2f}

div#visite-photo img {margin : 0 4px 8px ; display : block ; border : 1px solid #333}


/* Consultation des index réseaux franchiseurs      
=====================================*/
div.reseau {width : 100% ; margin : 14px 0 ; border : 1px solid #ccc}
div.reseau p {margin : 4px 8px 10px ; text-align : justify}
div.reseau h3 {background : #eee ; margin : 1px ; color : #D30E0E ; padding : 1px 8px ; border-bottom : 1px solid #ccc}
div.reseau th {text-align:left}

/* Consultation des réseaux franchiseurs    
=====================================*/
#reseau th {text-align:left}

/* Alertes e-mail        
=====================================*/
#alerte-mail {width : 150px ; border : 1px solid #444 ; background : #E0F0FF ; padding : 8px 0 4px}
#alerte-mail p, #alerte-mail form {padding : 8px 8px; font : 11px Arial, sans-serif ; text-align : left ; margin : 0}
#alerte-mail form {padding : 0 8px}
#alerte-mail input {border : 1px solid #aaa ; width : 128px ; font : 11px Arial,sans-serif}
#alerte-mail label {font-weight : bold ; line-height : 16px}

table#alertes {border-collapse : collapse ; margin : 10px auto}
table#alertes td, table#alertes th {border : 1px solid #ccc ; padding : 5px 8px ; vertical-align : middle}

/* Guides & contrats         
=====================================*/

table.coordonnees th {text-align : left ; vertical-align : top ; padding : 4px 12px 4px 0}
table.catalogue_librairie {width : 100%}
table.catalogue_librairie td {padding : 1px 0}
table.catalogue_librairie td div.infos p {margin : 2px 0}
table.catalogue_librairie td.libelle {padding-left : 10px ; background : url(/images/puce.gif) 0 8px no-repeat}
table.catalogue_librairie td.prix, table.catalogue_librairie td.checkbox {width : 50px ; text-align : center ; vertical-align : top}
table.catalogue_librairie div {border : 1px solid #ccc ; padding : 4px 8px ; margin : 5px 0}
table.catalogue_librairie div p {margin : 2px 0}
table.catalogue_librairie td.checkbox select {border : 1px solid #ccc}
table.recapitulatif_librairie {margin :10px auto}
table.recapitulatif_librairie td {padding : 3px 0}
table.recapitulatif_librairie td, table.recapitulatif_librairie th {border-bottom : 1px solid #ccc}
table.recapitulatif_librairie td {width : 58px ; text-align : center}
table.recapitulatif_librairie td.intitule {text-align : left ; width : 320px}
table.liste_telechargement th {text-align : left ; color : #333 ; font-weight : normal ; background : url(/images/puce.gif) 1px 9px no-repeat ; padding : 3px 10px}
table.liste_telechargement td {width : 120px ; text-align : center ; font-weight : bold ; padding : 3px 0 }
table.liste_telechargement {border-collapse : collapse}
table.liste_telechargement td, table.liste_telechargement th {border-bottom : 1px solid #c6e09e ; border-top : 1px solid #c6e09e}

/* Diagnostics 
=====================================*/

.devis_bcti th {text-align : left ; font-weight : normal}
.devis_bcti td {padding : 2px 4px}
.devis_bcti p {padding : 2px 0}
.devis_bcti input.text {border : 1px solid #aaa}
.devis_bcti .erreur input.text, .devis_bcti .erreur select.text {background : #FEFF6F}
.devis_bcti tr.erreur th {color : #dd0000}
.devis_bcti p.erreur {background : none ; color : #dd0000}

table#besoins_diagnostics th {text-align : left ; width : 250px ; padding : 3px 5px ; font-weight : normal}
table#besoins_diagnostics th, table#besoins_diagnostics td {border-bottom : 1px solid #86ACEF ; border-top : 1px solid #86ACEF}
table#besoins_diagnostics {margin : 20px auto ; border-collapse : collapse}
table#besoins_diagnostics td {background : #eee ; text-align : center ; padding : 5px 15px}
table#besoins_diagnostics tr.oui td {background : #DFEBFF}                                    
table#besoins_diagnostics tr.oui td, table#besoins_diagnostics tr.oui th {font-weight : bold} 

#coordonnees_franchiseur {width : 250px ; float : right ; background : #eee ; border : 1px solid #ccc ; padding : 5px}
#coordonnees_franchiseur h3 {margin : 0 0 8px ; background : #D30E0E ; color : #fff ; text-align : center ; padding : 2px}

/* Calculs
=====================================*/

table#indice_insee, table#indice_bt_01, table#resultats_prix_m2 {border-collapse : collapse}
table#indice_insee th, table#indice_insee td, table#indice_bt_01 th, table#indice_bt_01 td {line-height : 16px ; border : 1px solid #efdaa9 ; text-align : center ; padding : 4px 0}
table#indice_insee th, table#indice_bt_01 th {background : #fff9d5}
table#indice_bt_01 th, table#indice_bt_01 td {width : 40px}
table#indice_insee th, table#indice_insee td {width : 120px}

/* Espace annonceur
=====================================*/

.proprietaires .formulaire th {width : 120px ; text-align : left ; border : 1px solid #aaa ; background : #eee}
.proprietaires .formulaire td, .proprietaires .formulaire th {vertical-align : top}
.proprietaires .compteur {display : block ; font-weight : bold ; margin : 0 2px 4px}

#contenu p.submit {text-align : center ; margin : 20px 0 10px}

#passer-rubrique {border-collapse : collapse ; margin : 8px auto}
#passer-rubrique th {background : #D1DFEF}
#passer-rubrique .border {border : 1px solid #0049a3 ; padding : 4px 8px}
#passer-rubrique a {display : block ; text-align : center ; padding : 2px 4px}
#passer-rubrique a:hover {background : #DFE8FF}

#facture  {border-collapse : collapse ; margin : 8px auto}
#facture th {text-align : left}
#facture td {text-align : right}
#facture th, #facture td {border : 1px solid #000 ; padding : 4px 12px}
#facture tfoot {background : #a00 ; color : #fff ; font-weight : bold}

/* Erreurs
=====================================*/

#erreur500 p {color : #cc0000 ; font : bold 11px Arial}
#erreur500 {margin : 40px 140px 30px ; border : 1px solid #cc0000 ; padding : 10px 15px}

.proprietaires div.erreur {border : 1px solid #c00 ; background : url(/images/icone-alerte.gif) 5px 8px no-repeat ; padding : 3px 6px ; margin : 8px 0}
.proprietaires div.erreur p {margin : 4px 22px ; color : #c00 ; font-weight : bold ; padding : 0}
.proprietaires div.erreur ul {list-style-type : none ; margin : 0 ; padding : 2px 6px}
.proprietaires div.erreur li {background : url(/images/puce-rouge.gif) 0 6px no-repeat ; padding-left : 12px}