body    { color: #0e1d55; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif }
p   { font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif }
p.justif  { font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify }
a { color: blue; text-decoration: underline }
a:hover { color: maroon }
a:active { color: red }
a:visited { color: purple }
a:visited:hover { color: maroon }
a.pdf    { color: blue; text-decoration: underline; background-image: url("interface/icons/pdf.gif"); background-repeat: no-repeat; display: table; margin: 4px 2px; padding-left: 26px; height: 17px }
a.pdf:hover { color: maroon }
a.pdf:active { color: red }
a.pdf:visited { color: purple }
a.pdf:visited:hover { color: maroon }
a.pdf i { color: #1b1b6f }
h1     { font-size: 15pt; font-style: italic; font-weight: bold; text-align: center; display: table; margin: 5px auto 20px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; border-style: dotted; border-width: 0 0 2px; border-color: #eb0000 }
h1.debut { margin-top: 0 }
h2 { font-size: 16pt; font-weight: bold; margin: 30px 0 20px }
h2.debut  { margin-top: 0 }
h3 { font-size: 14pt; font-weight: bold; margin: 10px 0 }
h3.debut { margin-top: 0 }
h4 { font-size: 12pt; font-weight: bold; line-height: 12pt; margin: 20px 0 5px }
h4.debut  { margin-top: 0 }
h6 /* pour sous titre H1 */  { font-size: 10pt; font-style: italic; font-weight: bold; text-decoration: none; margin: -15px 0 23px }
.fleche { list-style-image: url("interface/flechetexte.gif"); list-style-position: inside !important; margin: 1em 0 1em 20px }
td {}
.texte_courant    { font-size: 10.5pt; font-family: Verdana, Arial, Helvetica }
.Titre { font-weight: bold; text-decoration: underline; margin-top: 30px }
.Puce   { line-height: 2; list-style-type: disc; margin-left: -5px }
p1 { color: orange; font-family: "Zapf Chancery", "Comic Sans MS", cursive }
/*Tableau liste*/
table { font-size: 9pt }
#tableauListe    { margin-top: 15px; margin-right: auto; margin-left: auto; width: 100%; border: solid 2px #006 }
#tableauListe a { color: #000080 }
#tableauListe .listeDebut    { font-size: 10pt; font-weight: bold; text-align: center; display: table-row }
#tableauListe .listeDebut td      { background-color: #c3cad7; display: table-cell; padding: 4px; border-bottom: 2px solid #006 }
#tableauListe .listeDebut2  { font-size: 8pt; font-style: italic; font-weight: normal; text-align: left; display: table-row }
#tableauListe .listeDebut2 td   { background-color: #ebebef; display: table-cell; padding: 4px; border-bottom: 1px solid #006 }
#tableauListe .listeLigne1   { display: table-row; padding: 10px }
#tableauListe .listeLigne1 td    { background-color: #f8e798; background-image: url("catalogue/interface_catalogue/fond-liste-2.gif"); background-repeat: repeat-y; background-position: right 100%; display: table-cell; padding: 2px 2px 2px 5px }
#tableauListe .listeLigne2   { display: table-row; padding: 2px }
#tableauListe .listeLigne2 td  { background-image: url("catalogue/interface_catalogue/fond-liste-3.gif"); display: table-cell; padding: 2px 2px 2px 5px }
#tableauListe .listeLigne-hover  { background-color: #87c6db; display: table-row; padding: 10px }
#tableauListe .listeLigne-hover td { display: table-cell; padding: 2px 2px 2px 5px }
/*Vignette d'une zone*/
#ChapeauZoneVille      { display: table; margin: 0; padding: 0; width: 100%; height: 180px }
#vignetteZoneVille  { display: block; margin: 0; padding: 0; width: 240px; height: 149px; border: solid 1px black }
#titreZoneVille    { white-space: normal; display: table-cell; margin: 0; padding: 0; width: 400px; height: 100px; vertical-align: top }
/*Titre catalogue*/
#ChapeauGeneral { display: block; padding-left: 140px; width: 100% }
#ChapeauGeneral .titreCatalogue { font-size: 15pt; font-style: italic; font-weight: bold; display: inline-table; margin-top: 45px; margin-right: 20px; padding-right: 10px; padding-left: 10px; float: left; border-style: dotted; border-width: 0 0 2px; border-color: #eb0000 }
#ChapeauGeneral .logoCatalogue { display: inline; margin: 0; padding: 0; border: 0 black }
/*Texte*/
.chapeau { font-weight: bold }
.NonGras { font-weight: normal }
.attractif { color: #c00 }
.textpale { color: #454c8f }
/*Etiquette des fiches*/
#BlocRubrique    { background-image: url("catalogue/interface_catalogue/contour-de-texte_02.gif"); display: block; margin: 5px 0; padding: 0 }
#BlocRubrique.sep { margin-top: 10px; margin-bottom: 20px }
#BlocRubrique .TitreRubrique  { font-weight: bold; background-image: url("catalogue/interface_catalogue/contour-de-texte_01.gif"); display: block; margin: 0; padding: 0; height: 45px; overflow: hidden }
#BlocRubrique .TitreRubrique p { font-size: 10pt; font-weight: bold; margin: 0; padding-top: 12px; padding-left: 45px }
#BlocRubrique .TitreRubriqueRecherche  { font-weight: bold; background-image: url("catalogue/interface_catalogue/contour-de-texte_recherche.gif"); display: block; margin: 0; padding: 0; height: 45px; overflow: hidden }
#BlocRubrique .TitreRubriqueRecherche p { font-size: 10pt; font-weight: bold; margin: 0; padding-top: 12px; padding-left: 45px }
#BlocRubrique .TitreRubriqueSimple  { font-weight: bold; background-image: url("catalogue/interface_catalogue/contour-de-texte_simple.gif"); display: block; margin: 0; padding: 0; height: 45px; overflow: hidden }
#BlocRubrique .TitreRubriqueSimple p { font-size: 10pt; font-weight: bold; margin: 0; padding-top: 12px; padding-left: 45px }
#BlocRubrique .Remplisseur { margin: 0; padding: 0 28px }
#BlocRubrique .Remplisseur p { margin: 0 0 3px }
#BlocRubrique .Remplisseur form { margin: 0 }
#BlocRubrique .Remplisseur h5 { font-size: 10pt; font-weight: bold; margin: 2px 0 5px }
#BlocRubrique .FinRubrique  { font-size: 8px; background-image: url("catalogue/interface_catalogue/contour-de-texte_03.gif"); display: block; margin: 0; padding: 0; height: 23px; overflow: hidden }
#BlocRubrique .listeMiniFiche { padding-right: 15px; padding-left: 15px }
#BlocRubrique .listeMiniFiche cite { display: block; margin-bottom: 15px; margin-left: 25px }
.--TitreRubriqueRecherche p { font-weight: bold; margin: 0; padding-top: 12px; padding-left: 45px }
/*Informations lˇgales /Crˇdits */
a.legale  { color: #323232; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: normal; text-decoration: none; display: inline-table; margin: 0; padding: 5px 0 0 }
a.legale:hover { color: #000080 }
/*Style de Boutons*/
a.boutonSimple  { color: #000; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; text-decoration: none; background-color: silver; background-image: url("interface/fond_bouton_simple2.gif"); display: inline-table; padding: 5px; width: auto; clip: rect(auto auto auto auto); vertical-align: middle; border-style: solid; border-width: 1px; border-color: #f1f1f1 #777 #777 #f1f1f1 }
a.boutonSimple:hover  { color: white; background-image: url("interface/fond_bouton_simple3.gif") }
a.boutonSimple:active  { color: black; background-image: url("interface/fond_bouton_simple2.gif"); border-color: #777 #c0c0c0 #c0c0c0 #777 }