/* 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.gif) no-repeat ; color : #fff ; text-align : center ; padding : 3px 6px ; 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 : #F7F7F7 ; padding : 1px 6px 1px 6px ; border-top : 1px solid #aaa ; border-bottom : 1px solid #fff}
dl#menus_facettes dt a {color : #1298C3 ; font : bold 13px Trebuchet MS}
dl#menus_facettes dt a img {vertical-align : middle}
dl#menus_facettes dd {padding-left : 2px}

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

ul.facette {margin : 0 0 20px}
ul.facette li {padding : 0 0 2px 20px ; background : url(/images/puces/carre-blanc.gif) 0 2px no-repeat}

/* Fil d'ariane
======================================*/
.arianes {margin : 0 0 20px}
.ariane {text-align : left}
.ariane .intitule {color : #0091be ; font-weight : bold}
.ariane b {padding : 0 0 0 15px ; background : url(/images/puces/fleche-double-bleue.gif) 0 2px no-repeat}
.ariane img {vertical-align : middle}

/* En-tête
======================================*/
h1 {font : bold 14px Georgia ; margin : 0 0 10px ; color : #28966a ; text-align : center}
h4 {border-bottom : 1px solid #bbb ; font : bold 16px Trebuchet MS ; color : #d53217 ; font-variant : small-caps ; margin : 0 0 10px ; padding : 0 0 1px 22px ; background :  url(/images/puces/carre-rouge.gif)  1px 5px no-repeat}
.nb_resultats {text-align : center ; margin : 0 0 20px}

/* Pagination
======================================*/
.pagination {margin : 10px 0 20px ; text-align : center}
.pagination a, div.pagination span {padding : 0.4em 0.6em ; margin : 0.2em}
.pagination a {border : 1px solid #D1E8EF ; display : inline}
.pagination span {color : #000 ; border : 1px solid #ddd}
.pagination a:hover, div.pagination a:active {color : #fff ; background : #0091BE}
.pagination span.current {font-weight : bold ; color : #ddd ; background : #0091BE}
.pagination span.disabled {background-color : #fff ; color : #ddd ; border : 1px solid #ddd}

/* Programmes
======================================*/
.programme {border : 1px solid #719F27 ; margin : 0 0 20px 0 ; padding : 0}
.programme h2 {font : bold 13px Trebuchet MS ; background : url(/images/bg/degrade-vert.gif) ; padding : 3px 12px 2px ; border-bottom : 1px solid #ccc ; margin : 0 0 10px ; color : #000}
.programme h2 .prix {float : right}
.programme h2 .ville, .programme h2 .prix {font-size : 15px ; color : #dd0000}
.programme .resume h3 {font-size : 14px ; text-transform : uppercase ; color : #d94d35 ; text-align : center ; margin : 0 10px 0}
.programme .resume h3 a {color : #d94d35}
.programme .resume p.adresse {font-style : italic ; margin : 0 10px 0 ; text-align : center}
.programme .resume p {margin : 8px 10px 8px}
.programme .resume td.left {width : 170px}
.programme .resume td.left img {margin : 2px 0 10px 10px ; width : 160px}
.programme .resume .description {margin : 0 10px 10px}
.programme .description {font : 11px/16px Verdana ; margin : 0 10px 10px}
.programme .description b.avancement {color : #0d88d4 ; text-transform : uppercase ; cursor : pointer}
.programme .delottement {margin : 0 auto 10px ; border-collapse : collapse ; border : solid 1px #dfc953 ; background : #fffdef}
.programme .delottement thead {background : #fff5bf}
.programme .delottement td, .programme .delottement th {border : solid 1px #EFDC77 ; 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}

/* Demande de documentation XXX
======================================*/
.avertissement1 {border : 1px solid #ffcc43 ; margin : 5px 0 ; padding : 5px 10px ; background : #fff36f ; 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 #5ebad7}
#demande_de_documentation legend {font : bold 13px Arial ; text-transform : uppercase ; color : #0091be}
#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}

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