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

#homepage p {margin : 4px 10px ; text-align : left}
#homepage table {border-collapse : collapse ; margin : 0}
#homepage table td { border : 1px solid #b3b3b3; }
#homepage h2 {color : #000 ;   /*margin : 1px 1px 10px ; text-align : center ; background : #007600 ;text-transform : uppercase; */ padding : 2px 10px; border-bottom: none; }
#homepage h2 a {color : #000; }
#homepage h3 {font : bold 11px Arial ; text-transform : uppercase ; text-align : center ; margin : 15px}
#homepage h3 a {color : #000000; }
#cemoisci {margin-bottom : 10px}
#cemoisci td {vertical-align : middle ; text-align : center ; border : 1px solid #007600 ; padding : 2px 5px}
#cemoisci td b {color : #ff7d03; }

/* OAS
=====================================*/

#oas_top {margin : 0 0 10px ; text-align : center}
#oas_bottom {border : 1px solid #b7b7b7 ; margin-right : 4px}
#oas_left {text-align : center}
#oas_left2 {text-align : center}
#oas_middle {text-align : center}
#oas_right1 {margin-top : 20px}

/* Coeur d'annonces
=====================================*/

.coeur-annonce a {display : block ; text-align : center}
.coeur-annonce img {display : inline}

/* Adresses utiles
=====================================*/

/* Le Groupe PAP
=====================================*/

/*--- Le Groupe ---*/
#groupe-photo {text-align : center ; float:right ; margin: 0 0 10px 10px ; padding : 8px ; border : 1px solid #ccc}
#groupe-photo img {display : block ; margin : 0 0 5px}

/*--- Contact ---*/
dl#contact dt {float : left ; padding : 0.5em 0 ; font-weight : bold ; width : 12em ;/* text-align : right*/}
dl#contact dd {margin-left : 13.5em ; padding : 0.5em 0}

/* Pagination
=====================================*/
/* Credits: Dynamic Drive CSS Library */
/* URL: http://www.dynamicdrive.com/style/ */

.pagination {padding: 2px;}
.pagination ul {margin: 0 ; padding: 0 ; text-align : center ; font-size: 12px ;}
.pagination li {list-style-type: none ; display: inline ; padding-bottom: 1px ; margin : 0 1px}
.pagination a, .pagination a:visited {padding: 0 4px ; border: 1px solid #000 ; text-decoration: none ; color: #000;}
.pagination a:hover, .pagination a:active { border: 1px solid #666 ; color: #fff ; background-color: #666 ; }
.pagination li.currentpage {font-weight: bold ; padding: 0 5px ; border: 1px solid #000 ; background-color: #000 ; color: #FFF ;}
.pagination li.disablepage {padding: 0 5px ; border: 1px solid #ccc ; color: #ccc ;}
.pagination li.nextpage {font-weight: bold ; }
* html .pagination li.currentpage, * html .pagination li.disablepage { /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/ margin-right: 5px ;padding-right: 0 ;}

/* Liens
=====================================*/

p.chapo {font-style : italic ; margin-bottom : 1em}
dl.liens dt {margin : 0.6em 0 0.4em 0 ; font-weight : bold ; padding : 0.1em 0.4em}
dl.liens dt a {color : #ff7d03; }
dl.liens dd {margin : 0 1em}

/* Recherche vide
=====================================*/

.recherche-vide {border : 1px solid #ddd ; margin : 10px 0 ; padding : 20px 30px 38px}

/* Demande de doc
=====================================*/

#ddd label {display : block ; width : 80px ; text-align : right ; margin : 3px 10px 0 0}
#ddd label em {font-weight : bold ; color : #f00}
#ddd .submit {text-align : center}
#ddd .submit img {display : inline}

/* Annonce
=====================================*/

/*--- Générique ---*/
.annonce .right {display : block ; float : right}
.annonce img {display : block}
.annonce h2 {color : #ff7d03; border-bottom : 1px solid #b3b3b3; margin : 0 0 2px 0 ; padding : 0}
.annonce h2 a {display : block ; color : #ff7d03 ; text-decoration : none}
.annonce .texte {text-align : justify}
.annonce .footer {font-weight : bold ; border-top : 1px solid #b7b7b7 ; padding : 0.3em 0 0 0 ; width : 100% ; line-height : 1.6em}
.annonce .h1 {display : block ; text-align : right ; color : #999 ; margin : 0.3em 0 ; font-size : 0.9em}

/*--- Résumé ---*/
.resume { border : 1px solid #b3b3b3 ; margin : 14px 0 ; padding : 6px 10px 10px 10px ; background : #f7f7f7; }
.resume.panier-on {border : 1px solid #ff7d03; background : #ccc; }
.resume table {margin : 0.8em 0}
.resume .texte {margin : 0}
.resume .encadre {font-weight : bold}
.resume .etranger, .resume .etranger strong, .resume .etranger a {color : #000; }
.resume .photo {padding : 0.1em 0 0 0.8em}
.resume .photo img {display : block ; }

/*--- Détail ---*/
.detail .photos-top {margin : 0 -4px}
.detail .photos-top img {float : left ; margin : 3px}
.detail .photos-right {float : right}
.detail .photos-right img {margin : 2px 0 2px 10px}
.detail .photo-principale {clear : left ; text-align : center}
.detail .photo-principale img {display : inline ; padding : 14px 0 6px 0}

/*--- Panier ---*/
.panier-on .ajouter {display : none}
.panier-off .supprimer {display : none}

/*--- Résultats ---*/
.compte-resultats {color : #ff7d03 ; font-weight : bold ; margin-bottom : 1em ; text-align : center}
.tri-resultats {text-align : center ; font-weight : bold ; margin-bottom : 2em}

/* Alertes
=====================================*/

/*--- liste des alertes ---*/
#alertes th {padding : 0.3em 0 ; color : #fff ; background : #f7f7f7 ; text-align : center ; text-transform : uppercase}
#alertes td {padding : 0.5em 1em ; vertical-align : middle}

/* Conseils & Services
=====================================*/

/*--- Commande ---*/
#commande {border-collapse : collapse ; margin-top : 1em ; margin-bottom : 1em}
#commande th, #commande td {padding : 0.3em 0.6em}
#commande thead th {background : #f7f7f7 ; border : 1px solid #8b8b8b}
#commande tbody th, #commande tbody td {border : 1px solid #b7b7b7}
#commande tbody td {text-align : center}
#commande tfoot #total {text-align : center ; border : 1px solid #b3b3b3 ; background : #f7f7f7 ; white-space : nowrap}

/*--- Informations ---*/
#contenu .question {background : #f7f7f7 ; padding : 1px 9px 5px ; border : 1px solid #b3b3b3 ; margin : 8px 0}
#contenu .question h4 {text-align : right ; font-style : italic}
#contenu div.article {margin : 10px 0}
#contenu div.article h4 {text-align : left ; color : #000 ; text-transform : none}
#contenu div.article h3 {text-transform : uppercase ; font : bold 11px Arial ; text-decoration : underline}
#contenu li.lien {clear : both ; background : url(/images/puce.gif) 0 7px no-repeat ; padding : 2px 0 2px 12px}

/* Espace proprietaires
=====================================*/

/* Génériques */
#proprietaires .commentaire {font-style : italic ; color : #b3b3b3}
#proprietaires .compteur {font-weight : bold ; margin : 0 0 2px 2px ; display : block ; color : #8b8b8b}
#proprietaires .compteur-ok {color : #007600}
#proprietaires .compteur-ko {color : #dd0000}
#proprietaires .checkbox {position : relative ; top : 2px ; right : 1px ; margin-top : 0}

/* Fieldset */
#proprietaires fieldset {border : 0 ; margin : 2em 0 0 0 ; padding : 0}
#proprietaires h3 {margin : 0 ; padding : 0.5em 0 1em 0 ; font-size : 1.5em ; font-weight : normal ; border-top: 1px solid #b3b3b3; /*background : url(/images/fond-fieldset.gif) top left repeat-x*/ }

/* Champ */
#proprietaires div {position : relative ; clear : both ; margin : 0.5em 0 ; padding : 0.1em 0 0.5em 0 ; line-height : 1.5em ; background : url(/images/fond-form.gif) left bottom repeat-x}
#proprietaires div.erreur {background : #fffbdf; color: #000000;}
#proprietaires div label, #proprietaires .label {display : block ; float : left ; font-weight : bold ; width : 10.5em ; text-align : left ; margin-right : 1em ; padding-left : 2em}
#proprietaires div label em, #proprietaires .label em, em.labelem {margin-left : 4px ; color : #dd0000 ; font : normal normal 1em Verdana, sans-serif}
#proprietaires div .info_lb {background : url(/images/icone-info.gif) 0 0 no-repeat ; cursor : pointer}

/* Contenu du champ */
#proprietaires div div {clear : none ; margin : 0 ; padding : 0 ; border : 0 ; background : transparent}
#proprietaires div div.controlset {margin-left : 13em}
#proprietaires div div.controlset label {display : inline ; float : none ; font-weight : normal ; padding : 0}
/*
#proprietaires .erreur div.controlset p {font-weight : normal ; padding : 0 1em 0 0 ; margin : 0.5em 0 ; color : #000}
*/

/* Infos (quand Javascript est activé) */
.script #proprietaires div div.info {position : absolute ; top : -0.5em ; left : -193px ; width : 193px ; padding-bottom : 12px ; background : url(/images/fond-bulle-bottom.gif) left bottom no-repeat}
.script #proprietaires div.erreur div.info {top : 2em}
.script #proprietaires div div.info h4 {background : url(/images/fond-bulle-top.gif) left top no-repeat ; line-height : 37px ; color : #dd0000 ; padding-right : 16px}
.script #proprietaires div div.info p {font-weight : normal ; background : url(/images/fond-bulle-middle.gif) left top repeat-y ; padding : 0.4em 28px 0.4em 8px ; margin : 0 ; color : #373737 ; text-align : left ; font-size : 0.9em ; line-height : 1.3em}
.script #proprietaires div div.info strong {color : #373737}

/* Infos (quand Javascript est désactivé) */
.noscript #proprietaires div div.info {background : #e7e7e7 ; padding : 0.3em 0.5em ; margin : 0.3em 0 ; margin-left : 13em}
.noscript #proprietaires div div.info h4 {display : none}
.noscript #proprietaires div div.info p {padding : 0 ; margin : 0}

/* Aide */
#proprietaires .aide {line-height : 1.6em ; padding : 0.4em 2em ; margin : 0 ; border : 1px solid #e7e7e7 ; background : #f7f7f7 ; font-style : italic}
#proprietaires .aide img {vertical-align : bottom}
#proprietaires fieldset .aide {font-style : normal ; border : 0 ; background : #f7f7f7 ; color : #dd0000 ; font-weight : bold ; padding : 1em ; margin : 0 ; margin-bottom : 2em}

/* Champs spéciaux */
#proprietaires #div_contact .controlset div {margin-top : 0.6em}
#proprietaires #div_contact .controlset div label {float : left ; width : 6em ; font-weight : bold}
#proprietaires #div_photos .controlset {line-height : 2em}
#proprietaires #div_client_telephone .controlset div {margin-bottom : 0.3em}
#proprietaires #div_client_telephone .controlset div label {float : left ; width : 6em ; font-weight : bold}

/* Submit */
#proprietaires .submit {text-align : center ; border : 0 ; background : none ; margin : 2em 0 1em 0}
#proprietaires .submit a {line-height : 28px ; margin-right : 6em}
#proprietaires .submit input {vertical-align : middle}

/* Facture */
#proprietaires #facture {font-weight : bold ; width : 80% ; margin-top : 2em ; margin-bottom : 1em}
#proprietaires #facture th {border : 1px solid #b3b3b3 ; padding : 0.5em 1em}
#proprietaires #facture td {border : 1px solid #b3b3b3 ; padding : 0.5em 1em ; text-align : right}
#proprietaires #facture td .prix {white-space : nowrap}
#proprietaires #facture tfoot {color : #fff ; white-space : nowrap}
#proprietaires #facture tfoot td#total .prix {color : #fff}
#proprietaires #facture tfoot th {background : #666; }
#proprietaires #facture tfoot td {background : #666; }
#proprietaires #facture thead th {background : #666; color : #fff ; text-align : center ; text-transform : uppercase ; font-size : 1.3em}

/* Conditions Générales de Vente */
#proprietaires #div_conditions_generales input {float : left ; width : 3em ; margin : 0 ; padding : 0}
#proprietaires #div_conditions_generales label {float : none ; width : auto ; margin : 0 ; margin-left : 2em ; padding : 0 1em ; text-align : justify}
#proprietaires #div_conditions_generales_texte {height : 12em ; overflow : auto ; padding : 0 ; margin : 1em 0}
#proprietaires #div_conditions_generales_texte p {margin : 1em}

/* Autorisation de paiement automatique */
#proprietaires #div_paiement_automatique input {float : left ; width : 3em ; margin : 0 ; padding : 0}
#proprietaires #div_paiement_automatique label {float : none ; width : auto ; margin : 0 ; margin-left : 2em ; padding : 0 1em ; text-align : justify}

/* Standalones espace propriétaire
=====================================*/

/* Calendriers */
#calendrier {border-collapse : separate}
#calendrier th {background : #666 ; font-weight : bold ; color : #fff ; text-align : center ; padding : 0.4em 0.6em}
#calendrier td {border : 1px solid #666 ; padding : 0.4em 0.6em}
#calendrier tr.enparution {font-weight : bold ; color : #e95115}

/* Tarifs */
#tarifs-parutions { margin: 1em 0; }
#tarifs-parutions td {padding : 0.5em 1em ; border : 1px solid #e1e1e1 ; text-align : right}
#tarifs-parutions th {padding : 0.5em 1em ; border : 1px solid #e1e1e1; }