Quasiment fini le prototype
[auf_savoirs_en_partage_django.git] / auf_savoirs_en_partage_django / media / css / global.css
CommitLineData
d15017b2
CR
1 /*===========================================*/
2 /* -- Feuille de styles - GLOBAL */
3/*-- Par Erick chez http://www.ixmedia.com /
4-- Date de creation: 2009-05-11 /
5Modification: 2009-05-14 [Erick] /
6========================================== /
7
8 /*============================ /
9 / -- COULEURS -- /
10/ ============================ /
11TXT -----------> #3a3125 et #000
12LINK ----------> #97012c
13LIGNES grises -> #e0e0e0 et #d5d5d5 */
14
15 /*============================*/
16 /* -- RESET -- */
17/*============================*/
18@import url("reset.css");
19
20 /*============================*/
21 /* -- GENERAL -- */
22/*============================*/
23html {height:100%;}
24body{ height:100%; font-size: 62.5%; /* <- 1em equivaut 10px */ line-height:1.4; color:#3a3125; background:#fff url(../img/background-body.jpg) repeat-y 50% 0; font-family: Verdana, Arial, Sans-Serif; text-align: center;}
25a, a:active {text-decoration:underline;color:#97012c;}
26a:visited{color:#97012c;}
27a:hover{color:#97012c;}
28a img{border: none;}
29abbr, acronym{border-bottom:.1em dotted;cursor:help;}
30h1{font-size:1em;margin:0 0 1em 0;}
31h2{font-size:1em;margin:0 0 1em 0;}
32h3{font-size:1em;margin:0 0 1em 0;}
33h4{font-size:1em;margin:0 0 1em 0;}
34h5{font-size:1em;margin:0 0 1em 0;}
35h6{font-size:1em;margin:0 0 1em 0;}
36em{font-style:italic;}
37strong{font-weight:bold;}
38p{margin:0 0 1em 0;}
39ul, ol{margin:0 0 1em 33px;list-style:none;}
40dt{margin:0.5em 0 0;}
41dd{margin:0.25em 0 0.5em 2.5em;}
42sup{font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
43
44#fond {padding:0; margin:0; display:block; position:relative; width:100%; height:auto !important; height:100%; min-height:100%; background: url(../img/background-fond.jpg) no-repeat 50% 0; text-align:left;}
45#enrobage {padding:0; margin:0 auto; display:block; position:relative; width:960px; height:auto !important; height:100%; min-height:100%;}
46
47h1 { float:left; width:144px; height:110px; margin-top:25px; margin-left:20px; display:inline;}
48h1 a { display:block; width:144px; height:110px; text-indent:-99999px; background:url(../img/logo-agence-universitaire-de-la-francophonie.gif) no-repeat 0 0;border:none; text-decoration:none;}
49#sous-menu { padding-top:1px; margin-right:0; color:#fff; display:inline; height:24px; width:350px; float:right;}
50#sous-menu a { display:block; height:19px; padding:5px 10px 1px 10px; color:#fff; font-size:1.1em; text-decoration:none; float:right; white-space:nowrap; background-color:#4c4030;}
51#sous-menu a:hover { text-decoration:underline;}
52#sous-menu a.bout-gauche { background:#4c4030 url(../img/sous-menu-top-coin-gauche.gif) no-repeat 0 0; padding-right:5px;}
53#sous-menu a.bout-droit { background:#4c4030 url(../img/sous-menu-top-coin-droit.gif) no-repeat 100% 0; padding-left:5px;}
54#sous-menu span { display:block; height:19px;float:right;padding:6px 2px 0 2px; background-color:#4c4030;}
55h2.slogan { position:absolute; top:33px; left:240px; display:block; font-size:3.4em; color:#3a3125; padding:0;font-family:"Myriad Pro", "Lucida Grande", sans-serif; font-weight:normal; letter-spacing:-1px; line-height:0.8em; z-index:1000; }
56h2.slogan span { display:block; margin: .7em 0 0; font-size:0.55em; color:#97012c; letter-spacing:normal; line-height: 1.1;}
57div.boite-recherche { z-index:1000; display:block; position:absolute; top:130px; left:240px; width:390px; height:90px; background: url(../img/recherche-background.gif) no-repeat 0 5px;}
58div.boite-recherche input { position:absolute; top:26px; left:10px; height:16px; margin-top:10px; width:300px; background:none; font-size:1.3em; border:none;}
59div.boite-recherche button { position:absolute; top:22px; right:17px; height:45px; width:45px; background:url(../img/recherche-button.gif) no-repeat 0 0; color:#97012c; border:none;}
60div.boite-recherche button:hover { background:url(../img/recherche-button-over.gif) no-repeat 0 0; cursor:pointer;}
61div.boite-recherche h3 { font-size:2em; font-weight:normal; letter-spacing:-1px; margin: 0;}
62div.boite-recherche h3 span { font-size:.6em; font-weight:normal; letter-spacing: normal;}
63div.boite-recherche a { position:absolute; bottom:13px; left: 0; color:#3a3125;}
64div.boite-recherche a:hover { color:#97012c; text-decoration:none;}
65
66#contenu { width:744px; margin:0; padding:0; margin-top:100px; margin-bottom:50px; margin-left:0; display:inline; float:left;background:url(../img/contenu-bkg-middle.png) repeat-y 0 0;}
67#contenu h4 {padding: 0 25px; margin-bottom:1.2em; font-size:2.2em; font-weight:normal; letter-spacing:-1px;}
68#contenu .zone-texte {padding: 0 25px; font-size: 1.2em; min-height: 375px;}
69#contenu .zone-texte ul li {list-style: disc; margin: 0 0 .25em;}
70#contenu .zone-texte ol li {list-style: decimal; margin: 0 0 .25em;}
71#contenu .zone-texte ul ul, #contenu .zone-texte ol ol {margin-top: .25em; margin-bottom: .25em;}
72#contenu .zone-texte h2 {font-size: 1.2em;}
73#contenu .zone-texte h3 {font-size: 1.1em;}
74#contenu .zone-texte blockquote {margin: 0 2em 1em; font-style: italic;}
75
76
77
78#contenu img.top, .resultats img.top { height:10px; position:relative; top:-10px; left:0;}
79#contenu img.bottom, .resultats img.bottom{ height:10px; position:relative; bottom:-10px; left:0;}
80#contenu a.liste-complete { font-size: 1.2em; float:right; margin-right:2em; text-decoration:none; font-weight: bold;}
81#contenu a:hover.liste-complete { text-decoration:underline;}
82#contenu .demi-gauche { width:361px; margin-left:12px; background-color:#f5f5f5; float:left;}
83#contenu .demi-gauche img.top { height:9px; position:relative; top:-9px;}
84#contenu .demi-gauche img.bottom { height:9px; position:relative; bottom:-9px;}
85#contenu .demi-droite { width:358px; margin-top:8px; margin-right:12px;float:right;}
86
87ul.liste-de-l-accueil { padding:0 2.5em 0 0;}
88ul.liste-de-l-accueil li { margin:1em 0; padding-bottom:1.1em;border-bottom:2px solid #d5d5d5;}
89ul.liste-de-l-accueil a:hover { text-decoration:underline;}
90ul.liste-de-l-accueil img { float: left; margin: 0 1em 5px 0; max-width: 75px;}
91ul.liste-de-l-accueil span { display:block;}
92ul.liste-de-l-accueil .la-date {font-size:1.1em;}
93ul.liste-de-l-accueil .le-titre {display: block; font-size:1.2em; font-weight:bold; margin: .25em 0;}
94ul.liste-de-l-accueil .le-resume {font-size:1.1em;}
95ul.liste-de-l-accueil .le-resume a { display:inline;}
96
97.resultats { width:744px; display:inline; margin:0; padding:0; float:left; margin-top:100px; margin-bottom:50px; margin-left:0; background:url(../img/contenu-bkg-middle.png) repeat-y 0 0;}
98.resultats a:hover{text-decoration:none;}
99.resultatRecherche { padding: 0 25px 1.5em;}
100.resultats .typeDocument { text-transform:uppercase;}
101.resultats .le-titre { font-size:1.2em; font-weight:bold; text-decoration:underline;}
102.resultats .resultatResume { font-size:1.1em; color:#000;}
103.resultats a.ligne-url { font-size:1.1em; text-decoration:none; }
104.resultats a:hover.ligne-url { text-decoration:underline;}
105
106.resultatPages { padding:0;margin-top:1.5em; text-align:center; font-size:1.2em;}
107.resultatPages span { padding:0; margin:0 auto;}
108.resultatPages span a { text-decoration:underline; color:#3a3125; }
109.resultatPages span span { text-decoration:none; font-weight:bold; color:#3a3125;}
110.resultatPages span a span { text-decoration:none; font-weight:normal; color:#3a3125;}
111.resultatPages span a:hover { text-decoration:none;}
112.resultatPages span a:hover span { text-decoration:none;}
113.resultatPages span a span.lien-texte { color:#97012c; text-decoration:underline; font-weight:bold;}
114.resultatPages span a span.lien-texte span { color:#97012c; text-decoration: none; font-weight: normal;}
115.resultatPages span a:hover span.lien-texte { text-decoration:none;}
116
117#col-droite { clear:right; float:right; display:inline; width:190px; margin-right:0; margin-bottom:50px; background: url(../img/col-droite-background.png) repeat-x top center; }
118#col-droite img.bottom { margin-bottom:-7px; }
119#col-droite ul { margin-top:30px; margin-left:20px; line-height:1.2; }
120#col-droite ul li { margin:2px 0; padding:0; }
121#col-droite ul li a { margin:0; padding:0; font-size:1.2em; color:#3a3125; text-decoration:none; }
122#col-droite ul li a:hover { cursor:pointer; text-decoration:underline; }
123#col-droite ul li.actif a { color:#97012c; font-weight:bold; }
124
125 /*============================*/
126 /* -- D I V E R S -- */
127/*============================*/
128.clear { clear:both!important; display:block!important; width:0!important; height:0!important; margin:0!important; padding:0!important; visibility:hidden!important;}
129.clear-droite { clear:right!important; display:block!important; width:0!important; height:0!important; margin:0!important; padding:0!important; visibility:hidden!important;}
130 /*============================*/
131 /* -- Clearfix -- */
132/*============================*/
133.clearfix {display: inline-block; }
134.clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
135* html .clearfix { height: 1%; }
136.clearfix { display: block; }