Bug
[auf_framonde.git] / project / static / style.css
1 /*IMPORTS*/
2 @import url(http://fonts.googleapis.com/css?family=Arimo:400,700);
3
4 /*OVERRIDES*/
5 .menu{
6 background:#efefef url(img/fond_box.jpg);
7 border-radius: 3px;
8 }
9
10 .menu li {
11 font-size: 15px;
12 border-right: 1px solid #d8d8d8;
13 }
14
15 .menu li:last {
16 border-right: none;
17 }
18
19 .menu li.current > a{
20 background: #fff;
21 color: #777;
22 }
23
24 .menu li a{
25 color: #3a3a3a;
26 }
27
28 .menu li.current.hover > a, .menu li.hover > a{
29 background: #fff;
30 color: #AAA;
31 }
32
33 .last{
34 /*border-right: none !important;*/
35 }
36
37 .recherche{
38 top: 12px;
39 position: absolute;
40 right: 20px;
41 z-index: 999;
42 }
43
44 .icon-search{
45 color: #3a3a3a;
46 margin-left: 5px;
47 }
48
49 /*CSS MARC*/
50 body{
51 margin:0;
52 padding:0 0 0 0;
53 color:#3A3A3A;
54 background:#efefef url(img/fond.jpg);
55 font:normal 0.88em/150% 'Arimo', arial, verdana, sans-serif;
56 text-shadow: 0 0 1px transparent; /* google font pixelation fix */
57 }
58
59 .logo{
60 background:#efefef url(img/header.jpg) right no-repeat;
61 }
62
63 @media screen and (max-width: 780px)
64 {
65 .logo{
66 background: none;
67 }
68 .recherche{
69 display: none;
70 }
71 }
72
73 .gauche{
74 /*background-color: #b6bdbd;*/
75 }
76
77 .gauche .titre_bloc p{
78 padding-left: 20px;
79 background: url(img/bluesqr.png) left no-repeat;
80 }
81
82 .gauche .bloc h4{
83 margin: 6px 0px 0px 0px;
84 font-size: 1.02em;
85 }
86
87 .gauche .bloc h4 a{
88 color: #255b92;
89 text-decoration: none;
90 }
91
92 .gauche .bloc p{
93 margin: 4px 0px;
94 }
95
96 .gauche .bloc span{
97 color: #255b92;
98 }
99
100 .contenu_texte span{
101 color: #255b92;
102 font-weight: bold;
103 }
104
105 .contenu_texte img{
106 margin: 20px 0px;
107 padding: 10px;
108 border: 1px solid #dedede;
109 }
110
111 .droite{
112 /*background-color: #b6bdfa;*/
113 }
114
115 .droite .bloc a{
116 color: #8e0d2d;
117 text-decoration: none;
118 }
119
120 .icon-home{
121 cursor:grab;
122 }
123
124 input{
125 border-radius: 0px;
126 }
127
128 .photo{
129 width: 80px;
130 float: left;
131 margin-right: 20px;
132 }
133
134 .droite .titre_bloc p{
135 padding-left: 20px;
136 background: url(img/redsqr.png) left no-repeat;
137 }
138
139 .titre_bloc{
140 text-transform: uppercase;
141 font-weight: bold;
142 margin-top: 30px;
143 border: 1px solid #d9d9d9;
144 border-top-left-radius: 3px;
145 border-top-right-radius: 3px;
146 background:#efefef url(img/fond_box.jpg);
147 padding-left: 20px;
148 }
149
150 .bloc{
151 padding: 20px;
152 background:#efefef url(img/fond_box.jpg);
153 border: 1px solid #d9d9d9;
154 border-top: none;
155 }
156
157 .bloc label{
158 width: 30%;
159 }
160
161 .rechercher{
162 height: 24px;
163 width: 148px;
164 }
165
166 .recherche a{
167 color: #666;
168 }
169
170 .bout {
171 display: inline-block;
172 background-color:#8e0d2d;
173 color: #fff;
174 font-weight: bold;
175 }
176
177 .bleu{border-top: 3px solid #74b0d4;}
178 .jaune{border-top: 3px solid #ebc634;}
179 .violet{border-top: 3px solid #744b82;}
180 .rouge{border-top: 3px solid #d82a36;}
181 .vert{border-top: 3px solid #88b43e;}
182
183 /*Pied*/
184 .pied{
185 margin-top: 30px;
186 margin-bottom: 0px;
187 padding: 0px;
188 border: 1px solid #d9d9d9;
189 border-bottom: none;
190 border-top-left-radius: 3px;
191 border-top-right-radius: 3px;
192 background:#efefef url(img/fond_box.jpg);
193 }
194
195 .pied p{
196 font-size: 0.9em;
197 margin-left: 20px;
198 }
199
200 .pied a{
201 text-decoration: none;
202 color: #3a3a3a;
203 }