| 420 |
florian |
1 |
/*****************Proprietes generales******************************************/
|
|
|
2 |
* {margin:0; padding:0; text-indent:0;}
|
|
|
3 |
body {font:12px Arial, sans-serif; color:#000; background:#ffce18 url(../images/degrade.png) repeat-x top left; text-align:center;}
|
|
|
4 |
#page {position:relative; width:960px; text-align:left; margin:0 auto; background:#FFF;}
|
|
|
5 |
|
|
|
6 |
hr { margin:2px; width:100%; color: #7F8343; background-color: #7F8343; height: 1px; }
|
|
|
7 |
a { margin:0; padding:0; color:#849F20; text-decoration:none; }
|
|
|
8 |
a:hover { text-decoration:none; color:#F90; font-weight:bold; }
|
|
|
9 |
.table_cadre {width:500px;margin:2px auto;border-spacing:0;border-collapse:collapse;}
|
|
|
10 |
th {font-size:11pt;padding:2px;text-align:center;border: 1px solid #006495;font-weight: normal;background:#66A1BF;height:23px;}
|
|
|
11 |
td {font-size:10pt;text-align:center;border: 1px solid #006495;background:#FFF;height:23px;}
|
|
|
12 |
|
|
|
13 |
/*****************Titres********************************************************/
|
|
|
14 |
h1, h2, h3, h4, h5, h6 {font-family:Arial, sans-serif; text-align:left; margin:4px 0; padding:2px; }
|
|
|
15 |
h1 {font-size:22px; color:#849F20; font-weight:bold; }
|
|
|
16 |
h2 {font-size:18px; color:#43218C; font-weight:bold; }
|
|
|
17 |
h3 {font-size:17px; color:#849F20; font-weight:bold; }
|
|
|
18 |
h4 {font-size:14px; color:#00A0C6; }
|
|
|
19 |
h5 {font-size:12px; color:#F90; }
|
|
|
20 |
|
|
|
21 |
/*****************Boutons et formulaires****************************************/
|
|
|
22 |
a img {border: none;}
|
|
|
23 |
form li {list-style-type:none;color:#000;}
|
|
|
24 |
form table, form td, form th {border:0;}
|
|
|
25 |
form td:hover {background:transparent;}
|
|
|
26 |
|
|
|
27 |
/*****************Listes********************************************************/
|
|
|
28 |
ul {padding:0;margin: 0 0 0 10px;}
|
|
|
29 |
li {padding:0;margin: 2px 0 0 10px; color:#000;}
|
|
|
30 |
|
|
|
31 |
/*****************Bandeau du haut********************************************************/
|
|
|
32 |
#zone_bandeau {height:175px; width:960px; background:url(../images/Site-bandeau.png) no-repeat top left;}
|
|
|
33 |
/*****************Lien de retour vers l'accueil********************************************************/
|
|
|
34 |
#zone_accueil {margin:0; padding:0;}
|
|
|
35 |
#zone_accueil a {position:absolute; top:10px; left:10px; width:800px; height:165px; text-decoration:none;}
|
|
|
36 |
|
|
|
37 |
/*****************Contenu page (colonne gauche + corps)********************************************************/
|
|
|
38 |
#zone_contenu {float:left; margin:0; padding:0 ;width:960px; background:url(../images/barre_conteneur.png) repeat-y top left;}
|
|
|
39 |
p, .page {clear:both;background-color:transparent;text-align: justify;line-height: 22px;}
|
|
|
40 |
|
|
|
41 |
/*****************Colonne de gauche********************************************************/
|
|
|
42 |
#colonne_gauche {clear:both; float:left; width:176px; padding:0; margin:0; text-align:center;}
|
|
|
43 |
#colonne_gauche h1 {padding:6px 0 0 0; margin:0; text-align:center; font-weight:bold; font-size:13px; color:#751451; }
|
|
|
44 |
#menu_haut {margin:0 0 0 15px; width:151px; height:34px; background:url(../images/bandeau_menu_haut.png) no-repeat top left;}
|
|
|
45 |
#menu_contenu {margin:0 0 0 15px; width:151px; background:url(../images/barre_menu.png) repeat-y top left;}
|
|
|
46 |
#menu_bas {margin:0 0 40px 15px; width:151px; height:12px; background:url(../images/bandeau_menu_bas.png) no-repeat top left;}
|
|
|
47 |
#menu_contenu ul {display:block;margin:0; padding:1px; color:#FFF; list-style:none; list-style-type:none;}
|
|
|
48 |
#menu_contenu li, #menu li li {margin:6px 0; padding:0; color:#000; text-align:left;}
|
|
|
49 |
#menu_contenu li ul {margin:0; padding:0; color:#FFF;}
|
|
|
50 |
|
|
|
51 |
.rss_site_titre {font-size:13px;}
|
|
|
52 |
.boite_rss {border: 3px solid rgb(239, 181, 33); margin-bottom:10px; padding:6px; width:97%; float: left; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px;}
|
|
|
53 |
.rss_titre_item {font-size:13px;}
|
|
|
54 |
.hr_clear, .commentsheader, .footer {display:none;}
|
|
|
55 |
|
|
|
56 |
/*****************Corps********************************************************/
|
|
|
57 |
#colonne_droite {float:left; width:760px; margin:0 0 0 10px;}
|
|
|
58 |
#zone_contenu_corps {float:left; width:750px;_width:544px; margin:0; padding:0 10px 0 10px; text-align:justify;}
|
|
|
59 |
|
|
|
60 |
/*****************Pied de page********************************************************/
|
|
|
61 |
#zone_pied {float:left; text-align:center; margin:0; padding:0 0 0 0; width:960px; height:50px; background:url(../images/bandeau_bas.png) no-repeat top left;}
|
|
|
62 |
#zone_pied a {font:12px arial, sans-serif; color:#751451; text-decoration:none;}
|
|
|
63 |
#zone_pied a:hover {text-decoration:underline; color:#efb521;}
|
|
|
64 |
#copyright {float:left; color:#000; width:960px;}
|