/* ******************************************************************************************************************** */ /* BIBLIOTHEQUE DE STYLES /* SITE www.olivier-feller.ch /* P.-G. Bieri, mars 2010 /* ******************************************************************************************************************** */ body { background-color: #ffffff; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; /* background-image: url("/images/style_08/logo_estompe.gif"); */ /* background-position: top left; */ /* background-repeat: no-repeat; */ } /* ******************************************************************************************************************** */ /* ENTETE ET CORPS PRINCIPAL /* ******************************************************************************************************************** */ .entete { } .entete-imprimer { margin-left: 60px; margin-right: 60px; margin-bottom: 60px; } .entete-logo { /* position: relative; */ /* top: 25px; */ /* left: -60px; */ /* width: 100%; */ /* height: 160px; */ /* background-image: url("/images/style_09/fond01.gif"); */ } /* ----- ENTETE LANGUES ----- */ .entete-langues { /* padding-top: 130px; */ /* padding-left: 20px; */ text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #6666FF; } .entete-langues a:link, .entete-langues a:visited { color: #6666FF; text-decoration: none; } .entete-langues a:hover { color: #ff0000; text-decoration: underline; } /* ******************************************************************************************************************** */ /* CONTENU CENTRAL /* ******************************************************************************************************************** */ div#contenu-ecran { padding-top: 20px; padding-left: 70px; padding-right: 70px; padding-bottom: 10px; } div#contenu-imprimer { padding-top: 30px; padding-left: 90px; padding-right: 90px; padding-bottom: 10px; } div#contenu-image { padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #000000; } div#contenu-image a:link, div#contenu-image a:visited { color: #6666FF; } div#contenu-image a:hover { color: #ff0000; text-decoration: underline; } /* ID CONTENU /* ******************************************************* */ div#contenu { } /* TITRES /* ************************************************** */ div#contenu .titre01 { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; line-height: 24pt; color: #000000; text-align: left; padding-bottom: 10px; text-transform: uppercase; } div#contenu .titre02 { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; line-height: 22pt; color: #000000; text-align: left; /* font-weight: bold; */ padding-bottom: 5px; text-transform: uppercase; } div#contenu .titre03 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; line-height: 20pt; color: #000000; text-align: left; font-weight: bold; /* text-transform: uppercase; */ } div#contenu .intertitre { font-size: 12pt; line-height: 16pt; font-weight: bold; color: #000000; text-align: left; padding-top: 5px; } /* ACCUEIL /* ************************************************** */ div#contenu .accueil, div#contenu .accueil p { /* font-family: Arial, Helvetica, sans-serif; */ font-size: 13pt; line-height: 16pt; } /* CITATION /* ************************************************** */ div#contenu .citation, div#contenu .citation p { font-family: "Times New Roman", Times, serif; font-size: 14pt; line-height: 18pt; font-style: italic; font-weight: bold; color: #6666FF; text-align: left; padding-left: 20px; padding-right: 20px; } /* TABLEAU LISTE /* ************************************************** */ div#contenu .tableau-liste td { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; line-height: 14pt; color: #000000; text-align: left; padding-right: 10px; padding-bottom: 10px; } /* NAVIGATION LISTE /* ************************************************** */ div#contenu .navigation-liste, div#contenu .navigation-liste p { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; /* font-weight: bold; */ } /* TEXTE RECHERCHE-DETAILS /* ************************************************** */ div#contenu .rch-details { font-size: 8pt; color: #aaaaaa; } /* BLOC-LIENS /* ************************************************** */ div#contenu .bloc-liens { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; line-height: 15pt; text-align: left; /* border-left-width: 10px; */ /* border-left-style: solid; */ /* border-left-color: #000000; */ padding-left: 40px; padding-bottom: 10px; } div#contenu .bloc-liens ul { margin: 0px; padding: 0px; /* list-style-image: url("/images/style_07/puce_fleche.gif"); */ /* list-style-type: none; */ } div#contenu .bloc-liens li { padding-bottom: 2px; } /* SINON, PAR DEFAUT /* ************************************************** */ div#contenu, div#contenu p, div#contenu td, div#contenu li { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #000000; text-align: justify; line-height: 14pt; } div#contenu td { padding-right: 20px; padding-bottom: 10px; } div#contenu ul { padding-bottom: 0px; margin-bottom: 0px; } div#contenu li { padding-bottom: 10px; } div#contenu a:link, div#contenu a:visited { color: #6666FF; /* font-weight: bold; */ /* text-decoration: none; */ } div#contenu a:hover { color: #ff0000; text-decoration: underline; } /* AUTRES STYLES /* ******************************************************* */ div#imprimer { margin-top: 0px; margin-left: 70px; margin-right: 70px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #6666FF; } div#imprimer a:link, div#imprimer a:visited { color: #6666FF; /* text-decoration: none; */ } div#imprimer a:hover { /* color: #ff0000; */ text-decoration: underline; } .erreur { color: #ff0000; font-weight: bold; } /* ******************************************************************************************************************** */ /* COLONNE DROITE /* ******************************************************************************************************************** */ div#contenu-droite { padding-top: 20px; padding-left: 0px; padding-right: 10px; padding-bottom: 20px; } div#contenu-droite .titre { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; line-height: 16pt; color: #6666FF; padding-bottom: 8px; } /* ACTUALITES /* ************************************************** */ div#contenu-droite .boite-actu { padding-top: 10px; padding-bottom: 10px; font-size: 9pt; } div#contenu-droite .actu-titre { font-weight: bold; text-transform: uppercase; padding-bottom: 8px; } div#contenu-droite .actu-item { padding-top: 6px; padding-bottom: 6px; border-bottom-style: solid; border-bottom-width: 1px; border-color: #6666FF; } /* SINON, PAR DEFAUT /* ************************************************** */ div#contenu-droite, div#contenu-droite p, div#contenu-droite td, div#contenu-droite li { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #6666FF; line-height: 14pt; } div#contenu-droite ul { padding-bottom: 0px; margin-bottom: 0px; } div#contenu-droite li { padding-bottom: 10px; } div#contenu-droite td { padding-bottom: 5px; } div#contenu-droite a:link, div#contenu-droite a:visited { color: #6666FF; /* font-weight: bold; */ text-decoration: none; } div#contenu-droite a:hover { /* color: #ff0000; */ text-decoration: underline; } /* ******************************************************************************************************************** */ /* MENU /* ******************************************************************************************************************** */ div#menu { margin-top: 20px; margin-left: 0px; /* padding-left: 20px; */ /* padding-right: 0px; */ /* padding-bottom: 20px; */ /* border-top-width: 1px; */ /* border-top-style: solid; */ /* border-top-color: #ffffff; */ } div#menu td { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-align: right; padding-top: 15px; padding-bottom: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #6666FF; } div#menu .niveau1 { text-transform: uppercase; } div#menu .niveau2 { padding-left: 20px; } div#menu .passif { } div#menu .actif { font-weight: bold; color: #ff0000; } div#menu a:link, div#menu a:visited { text-decoration: none; } div#menu .passif a:link, div#menu .passif a:visited { color: #6666FF; } div#menu .actif a:link, div#menu .actif a:visited { color: #ff0000; } div#menu a:hover { color: #ff0000; text-decoration: underline; } /* ******************************************************************************************************************** */ /* BAS DE PAGE /* ******************************************************************************************************************** */ /* ----- BAS DE PAGE ECRAN ----- */ div#basdepage { padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } div#basdepage p, div#basdepage td, div#basdepage li { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #6666FF; } div#basdepage a:link, div#basdepage a:visited { color: #6666FF; text-decoration: none; } div#basdepage a:hover { color: #ff0000; text-decoration: underline; } /* ----- BAS DE PAGE IMPRIMER ----- */ div#basdepage-imprimer { margin-top: 20px; margin-left: 90px; margin-right: 90px; margin-bottom: 60px; } div#basdepage-imprimer, div#basdepage-imprimer p, div#basdepage-imprimer td, div#basdepage-imprimer li { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; } div#basdepage-imprimer a:link, div#basdepage-imprimer a:visited { /* font-size: 10pt; */ /* font-weight: bold; */ color: #000000; /* text-decoration: none; */ } div#basdepage-imprimer a:hover { /* color: #ff0000; */ text-decoration: underline; } /* ----- COPYRIGHT ----- */ div#copyright { margin-top: 20px; margin-bottom: 20px; } div#copyright p, div#copyright td { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; } div#copyright a:link, div#copyright a:visited { color: #000000; text-decoration: none; } div#copyright a:hover { /* color: #ff0000; */ text-decoration: underline; }