/* Mise en forme par défaut
======================================*/

.programmes {margin : 0 20px 0 0 ; padding : 0}
.programmes .chapo {margin : 0 0 16px ; font-size : Arial 10px ; line-height : 1.3em}

/* Menus
======================================*/

p#titre_facettes {background : url(/images/bg/menus.png) no-repeat ; color : #fff ; text-align : center ; padding : 5px 6px 3px ; font-weight : bold ; text-transform : uppercase}
dl#menus_facettes {width : 298px ; border-left : 1px solid #ccc ; border-right : 1px solid #aaa ; border-bottom : 1px solid #aaa}
dl#menus_facettes dt {background : #f4fef4 ; color:#3A4552; font: bold 11px/18px Arial}
dl#menus_facettes dt {padding : 1px 6px 1px 6px ; border-top : 1px solid #aaa ; border-bottom : 1px solid #fff}
dl#menus_facettes dd {padding-left : 2px}
dl#menus_facettes li a {color:#3A4552}
dl#menus_facettes dt .delete {padding: 0 0 5px 0}

/* Listes
======================================*/

ul.facette {font:11px/18px Verdana;margin : 0 0 20px}
ul.facette li {padding : 0 0 2px 15px ; background : url(/images/puces/carre-bleu.gif) 5px 6px no-repeat}
ul.facette   {color:#ABABAB}
ul.facette a {color:#457ACC}

dl.facette   {color:#555}
dl.facette a {color:#555}

/* Fil d'ariane
======================================*/
.arianes {margin : 0 0 20px}
.ariane {text-align : left}
.intitule {font-weight : bold; color:#666}
.ariane .element {padding : 0 0 0 18px ; background : url(/images/boutons/home-arrow-next.png) 2px 4px no-repeat; color:#666}
.ariane img {vertical-align : middle}

/* En-tête
======================================*/
h1 {color : #5BB12D ; background : 0 ; border : 0 ; font : bold 18px Tahoma ; padding : 0}
h4 {border-bottom : 1px solid #ccc ; font : bold 15px Arial; color : #B21F1F ; margin : 0 0 10px ; padding : 0 0 1px 0px }
.nb_resultats {color : #666 ; margin : 0 0 20px}

/* Pagination
======================================*/

/* rose:DF0D3D  vert:5BB12D */
/* rose:B21F1F  vert:e5f8db */

.pagination {width:100%; font-weight:bold; color : #fff; margin-bottom:10px; font:bold 12px Arial}
.pagination_nb_resultats {text-align:left; vertical-align:middle;}
.pagination_nb_resultats div {background-color:#D61C19; padding : 0.2em 15px; display:inline}
.pagination_nb_resultats div {-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; }
.pagination_pages {margin : 10px 0 10px ; text-align : right ; vertical-align:middle; clear : both}
.pagination_pages a, .pagination_pages span {padding : 0.2em 0.5em ; margin : 0.2em}
.pagination a, .pagination span {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.pagination_pages a {display : inline; color : #fff ; background : #5bb12d; text-decoration: none}
.pagination_pages span {color : #000 }
.pagination_pages a:hover, div.pagination a:active {color : #fff ; background : #D61C19}
.pagination_pages span.current {font-weight : bold ; color : #fff ; background : #D61C19}
.pagination_pages span.disabled {display: none; background-color : #fff ; color : #ddd ;}

/* Programmes
======================================*/
/* programme est commune à liste et detail */
.programme {margin : 0 0 40px 0 ; padding : 12px 4px 12px; font}
.programme {background-image: url(/images/bg/programme-lst.png)}
.programme h2 {font : bold 17px Arial ; padding : 0 10px 10px ; margin : 0 0 10px ;}
.programme h2 .typebien {float : right}
.programme h2 .ville, .programme h2 .prix {color : #CF0500}
.programme .resume h3 {font : bold 16px Arial ; color : #5BB12D ;  margin : 0 10px 10px; }
.programme .resume h3 a {color : #5BB12D}
.programme .resume .adresse {font-style : italic ; margin : 1px 10px 5px ; color:#5BB12D; float:right; width:180px; text-align:right}
.programme .description {font : 11px/16px Verdana ; color:#3A4552; margin : 0 10px 10px; clear:both}
.programme .description b.avancement {text-transform : uppercase ; cursor : pointer}
.programme .delottement {margin : 0 auto 10px ; color:#505050; background : #fff}
.programme .delottement thead {background : #fff}
.programme .delottement td,
.programme .delottement th {border : solid 1px #B0B0B0 ; padding : 1px 10px ; text-align : center}
.programme .promoteur {border-top : 1px solid #ccc ; margin : 5px 0 0}
.programme .promoteur td {vertical-align : middle}
.programme .promoteur td p {margin : 4px 10px}
.programme .promoteur td.left {padding : 5px 8px 8px}
.programme .promoteur td.left img {margin-top : 3px ; display : inline ; vertical-align : bottom}

.ui-dialog .ui-dialog-titlebar {display : none}
.ui-dialog .ui-dialog-content {font : 12px Verdana}

.zoom-delottement .title {font : bold 17px Arial ; color:#505050; padding : 0 10px 10px ; margin : 0 0 10px ;}
.zoom-delottement table {margin : auto ; color:#505050; background : #fff}
.zoom-delottement table thead {background : #fff}
.zoom-delottement table tr {height:20px; vertical-align:middle}
.zoom-delottement table td,
.zoom-delottement table th {border : solid 1px #B0B0B0 ; padding : 1px 15px ; text-align : center; vertical-align:middle}
.zoom-delottement table th.corner {border-top:none; border-left:none; background : none}
.zoom-delottement table th {color:#fff; background : #B0B0B0}

.liste .resume p {margin : 8px 10px 8px}
.liste .resume td.left {width : 170px}
.liste .resume td.left img {margin : 2px 0 10px 10px ; width : 160px}

.detail .resume h3 {margin-top : 20px;}
.detail .resume p {margin : 8px 10px 8px}
.detail .resume td.left img {margin : 2px 0 10px 10px}
.detail .resume .description {margin : 0 10px 10px}
.detail .visuel {margin:10px; text-align:center}
.detail .visuel img {display:inline; border:solid 2px #333}


/* Demande de documentation XXX
======================================*/
.avertissement1 {border : 1px solid #b21f1f ; color:#b21f1f; margin : 5px 0 ; padding : 5px 10px ; font : bold 12px Arial ; margin-bottom : 20px}
.avertissement2 {font : bold 17px Arial ; color : #3366ff ; text-align : center ; margin : 20px 0}
.avertissement2 a {color : #3366ff}
#demande_de_documentation form {margin-top : 20px}
#demande_de_documentation fieldset {margin : 0 0 10px ; padding : 10px ; border : 1px solid #AAA}
#demande_de_documentation legend {font : bold 13px Arial ; text-transform : uppercase ; color : #AAA}
#demande_de_documentation .mandatory {color : #c00}
#demande_de_documentation th.field {padding : 4px 10px 2px 0 ; width : 180px ; text-align : left}
#demande_de_documentation td.field {padding : 2px 0}
#demande_de_documentation td.field .telephone label {display : block ; margin-bottom : 2px}
#demande_de_documentation td.field .telephone th {vertical-align : bottom ; padding : 0 6px 7px}
#demande_de_documentation td.field .pieces td {padding : 0 20px 0 0}
#demande_de_documentation input.text, #demande_de_documentation select {border : 1px solid #ccc ; margin : 0 0 6px}
#demande_de_documentation .envoyer {text-align : center ; margin : 20px 0 0}
#demande_de_documentation ul.erreurs {border : 1px solid #7F7F7F ; font-weight : bold ; background : #cc0000 ; color : #fff ; margin : 15px 0 15px ; padding : 5px 10px}
#demande_de_documentation ul.erreurs li {padding : 0 0 0 10px ; background : url(/images/puces/carre-orange.gif) 0 8px no-repeat}
#demande_de_documentation .erreur input, #demande_de_documentation .erreur select {background : #fff8aa}
#demande_de_documentation .erreur label, #demande_de_documentation .erreur th {color : #c00}
a.en-savoir-plus {color : #E40C00 ; text-decoration : underline}

/* Enregistrée XXX
======================================*/
#demande_de_documentation_enregistree {margin : 20px 200px ; padding : 20px 0 ; border : 1px solid #efce77 ; background : #fff9d5}
#demande_de_documentation_enregistree p.message {font : bold 16px Arial ; text-align : center ; margin-bottom : 10px}
#demande_de_documentation_enregistree p.retour  {font : 13px Arial ; text-align : center}
#demande_de_documentation_enregistree p.retour a {text-decoration : underline}
#meilleur_taux {border : 1px solid #000 ; margin : 10px auto ; width : 400px ; background : #f5f5f5 ; padding : 10px}
#meilleur_taux h2 {text-align : center ; font-size : 13px ; margin-bottom : 10px ; color : #c60}
#meilleur_taux dl {margin : 4px}
#meilleur_taux dt {font-weight : bold ; margin : 4px 0}
#meilleur_taux dd {margin : 4px 0}
#meilleur_taux p {text-align : center ; font-weight : bold ; color : #f90 ; margin : 10px 0 4px}

/* Lien vers les articles
======================================*/
p.lien_article {text-align : center ; margin-bottom : 6px}
p.lien_article a {font-weight : bold ; text-decoration : underline}
p.lien_article, p.lien_article a {color : #c60}

/* Liens du footer
======================================*/

#footer-links {margin : 1em 0 ; padding : 1em 0 ; border-top : 1px solid #ccc}
#footer-links-facettes {font-size : 0.9em ; line-height : 1.3em}
#footer-links-facettes td {padding : 0 3px}
#footer-links-facettes h2 {margin-bottom : 6px}
#footer-links-facettes li {margin-bottom : 3px}
#footer-links-facettes a {color : #888}