/* 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-droite {padding-right : 10px ; vertical-align : top ; width : 300px ; padding-top : 15px}
#contenu {padding-left : 30px ; padding-right : 30px ; 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, strong {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.illustration img {display : block}
div.right {float : right ; margin : 4px 0 4px 15px}
div.left {float : left ; margin : 4px 15px 4px 0}
div.illustration p.credit {margin : 1px 0 4px ; text-align : right ; font : 10px Trebuchet MS ; color : #373737}
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 {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}
.conseils_accueil ul li {padding : 2px 0}

.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 {width : 300px}
.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 h3 span.prix {float : right}
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.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}
ul.fonctionnalites li.email-ami  {background : url(/images/contact-email-ami.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}

/* 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}
#script, #noscript { padding: 0 2px; }
#script strong { font: 11px Verdana; font-weight: bold;}
div.infos_loi {position : absolute ; background : #AFAFAF ; display : none ; margin : 3px 0}
div.infos_loi div {position : relative ; top : -1px ; left : -1px ; font-weight : normal ; width : 280px ; background : #FFFCDF ; padding : 4px ; border : 1px solid #EFE2A4 ; border-bottom : 1px solid #5F5F5F ; border-right : 1px solid #5F5F5F; color: #222}
#table_besoins_diag td, #table_besoins_diag th {font : 11px Verdana; padding: 3px;}
#table_besoins_diag th {font-weight: bold; text-align : left; background-color: #EFF6FF; border : 1px solid #9FCBFF}
#table_besoins_diag td {border : 1px solid #9FCBFF;}
#form_diag {font : 11px Verdana}
#form_diag select {font : 11px Verdana ; margin : 0 ; padding : 0}
#form_diag input {border : 0 ;}
#diag_lien { font : 11px Verdana ; text-align : center ; width : 200px}
#transaction_suite {height : 40px}
#diag_resultat {
	font : 11px Verdana ;
	width: 200px ;
	background: transparent;
	position: absolute ;
	top: 163px ;
	left: auto ; 
	margin: 0 0 0 370px ;
}
#diag_resultat table {
	width: 200px ;
	margin: 0 0 0 1px ;
	padding: 0 ;
	background: #fff;
	border-collapse: collapse ;
	border-bottom: 1px solid #aaa ;
	border-right: 1px solid #aaa ;
	font-weight: bold ;
	color: #aaa ;
	}
#diag_resultat table td {
	font : 11px Verdana ;
	padding: 3px 6px;
	/* font-weight : normal ; */
	border-top: 1px solid #aaa ;
	border-left: 1px solid #aaa ; 
	}
#diag_resultat table td.oui {
	background-color: #ff8040 ;
	color: #fff ;
	text-align : center ;
}
#diag_resultat table td.non {
	background-color: #ffffff ;
	color: #808080 ;
	text-align : center ;
	font-weight : normal ;
}

/* 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}

/* Réseaux de franchise
=====================================*/

#reseaux-par-budget {border-collapse : collase : margin-top : 10px ; margin-bottom : 10px}
#reseaux-par-budget td {padding : 4px 30px ; text-align : center ; border : 1px solid #aaa ; width : 33%}

#reseaux-par-enseigne {border-collapse : collase ; margin : 0 10px 20px}
#reseaux-par-enseigne td {width : 33% ; vertical-align : top}
#reseaux-par-enseigne li {text-align : left}

.reseau-index {margin : 14px 0 ; border : 1px solid #ccc}
.reseau-index .titre {border-collapse : collapse ; background : #eee ; margin : 1px ; border-bottom : 1px solid #ccc}
.reseau-index .titre td {padding : 1px 8px}
.reseau-index .titre td.titre-left h3 {text-align : left ; margin : 0 ; padding : 0 ; border : 0 ; background : 0 ; color : #d30e0e ; text-transform : uppercase}
.reseau-index .titre td.titre-right {text-align : right ; font-size : 11px ; text-transform : uppercase ; font-weight : bold}
.reseau-index .corps {border-collapse : collapse ; width : 100%}
.reseau-index .corps td {padding : 5px 10px ; vertical-align : top}
.reseau-index .corps td.logo {text-align : center ; width : 120px}
.reseau-index .corps td.logo img {display : inline}
.reseau-index .corps table {border-collapse : collapse}
.reseau-index .corps table td {padding : 0 ; text-align : left}
.reseau-index .corps table th {padding : 0 6px 0 0 ; text-align : right ; vertical-align : top ; white-space : nowrap}
.reseau-index p {margin : 0 0 5px ; text-align : center}

#reseau-photos {border-collapse : collapse ; margin : 10px 0}
#reseau-photos td {padding : 5px}
#reseau-photos td img {display : block ; border : 1px solid #ccc ; height : 80px}

.reseau-fiche {border-collapse : collapse ; width : 100% ; margin : 10px 0 0}
.reseau-fiche th {text-align : right ; width : 160px ; background : #eee}
.reseau-fiche th, .reseau-fiche td {border-bottom : 1px solid #ccc ; vertical-align : top ; padding : 2px 10px}

/* 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}

/* Demande de documentation
=====================================*/
.documentation-ok {border : 1px solid #ffde4f ; padding : 5px 10px 5px 28px ;}

.bouton-documentation {text-align : center ; margin : 10px 0 0}
.bouton-documentation img {display : inline}

#demande_documentation em {color : #f00}
#demande_documentation table {border-collapse : collapse ; border : 0 ; margin : 10px 0}
#demande_documentation th {font-weight : bold ; text-align : left ; padding : 6px 12px ; width : 150px}
#demande_documentation td {vertical-align : middle ; padding : 3px 4px}
#demande_documentation td input, #demande_documentation td select {border : 1px solid #ccc}
#demande_documentation #submit {text-align : center ; margin-bottom : 20px}
#demande_documentation .erreur {color : #f00}
#demande_documentation .erreur select, #demande_documentation .erreur input {background : #fff8aa}



/* 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}