View difference between Paste ID: Z1MJDWxT and JkxDe8eD
SHOW: | | - or go back to the newest paste.
1
/** POLICES DE TEXTE **/
2
3
@font-face {
4
	font-family: 'Neon';
5
    src: url("Polices/Neon.ttf");
6
}
7
8
@font-face {
9
	font-family: 'Comfortaa-Light';
10
    src: url("Polices/Comfortaa-Light.ttf");
11
}
12
13
@font-face {
14
	font-family: 'Comfortaa';
15
    src: url("Polices/Comfortaa-Regular.ttf");
16
}
17
18
/**#################**/
19
20
21
22
/**ARRIERE PLAN**/
23
24
body{
25
	background-color: #fafafa;
26
}
27
28
#blocref{
29
	position: absolute;
30
	background-attachment: fixed;
31
	height: auto;
32
	width: 100%;
33
	top: 80px;
34
	left: 0px;
35
}
36
37
#return-top{
38
	display: none;
39
	position: fixed;
40
	bottom: 20px;
41
	right: 20px;
42
	z-index: 99;
43
	border: none;
44
	background-color: #828282;
45
	color: white;
46
	cursor: pointer;
47
	padding: 16px;
48
	padding-top: 8px;
49
	border-radius: 10px;
50
	font-size: 200%;
51
	opacity: 0.8;
52
}
53
54
#return-top:hover {
55
  background-color: #555;
56
}
57
58
/**###########**/
59
60
61
62
/**RECTANGLE HORIZONTAL TOP**/
63
64
.rectangle_h{
65
	background-color: #ffffff;
66
	position:fixed;
67
	height: 80px;
68
	width: 100%;
69
	left: 0px;
70
	top:0px;
71
	z-index: 10;
72
}
73
74
#nomprojet{
75
	position: absolute;
76
	left: 250px;
77
	top: -2px;
78
}
79
80
#logo{
81
	position: absolute;
82
	left: 410px;
83
	top: 19px;
84
}
85
86
a{
87
	color: #828282;
88
	font-family: Comfortaa-Light;
89
	font-size: 120%;
90
	text-decoration: none;
91
	position: absolute;
92
	padding: 15px;
93
	top: 16px;
94
}
95
96
#a_projet{
97
	right: 500px;
98
}
99
100
#a_equipe{
101
	right: 382px;
102
}
103
104
#a_contact{
105
	right: 240px;
106
}
107
108
#separateur{
109
	background-color: #e5e5e5;
110
	position:absolute;
111
	height: 2px;
112
	width: 100%;
113
	left: 0px;
114
	top:100%;
115
}
116
117
/**######################**/
118
119
120
/**INTRODUCTION**/
121
122
.intro{
123
	background: linear-gradient(#ffffff, #efefef);
124
	width: 100%;
125
	height: auto;
126
	z-index: 9;
127
}
128
129
.intro h1{
130
	color: #828282;
131
	font-family: Comfortaa-Light;
132
	font-size: 300%;
133
	margin: auto;
134
	padding-top: 60px;
135
	width: 100%;
136
	text-align: center;
137
}
138
139
.intro p{
140
	color: #828282;
141
	font-family: Comfortaa;
142
	font-size: 150%;
143
	margin: auto;
144
	padding: 110px;
145
	padding-top: 60px;
146
	padding-bottom: 120px;
147
	text-align: center;
148
}
149
150
.boutons{
151
	width: 1400px;
152
	margin: auto;
153
}
154
155
.intro button{
156
	color: white;
157
	font-family: Comfortaa;
158
	font-size: 200%;
159
	display: inline-block;
160
	padding: 30px;
161
	text-align: center;
162
	border: none;
163
	border-radius: 50px;
164
	width: 400px;
165
	margin: 32px;
166
	cursor: pointer;
167
	transform: scale(1);
168
	transition: 0.3s;
169
}
170
171
.intro button:hover{
172
	transform: scale(1.1);
173
	transition: 0.3s;
174
	box-shadow: 0px 10px 40px #c9c9c9;
175
}
176
177
#bF{
178
	background: linear-gradient(#ed00ff , #ff8700);
179
	background-attachment: fixed;
180
}
181
182
#bS{
183
	background: linear-gradient(#00ff2a,#007fff);
184
	background-attachment: fixed;
185
}
186
187
#bP{
188
	background: linear-gradient(#ffdd00,#00e5ff);
189
	background-attachment: fixed;
190
}
191
192
.intro #ref{
193
	color: #828282;
194
	font-family: Comfortaa;
195
	font-size: 80%;
196
	padding: 20px;
197
	padding-top: 180px;
198
}
199
200
/*##########################*/
201
202
203
/**BLOC ET SOUS-BLOC**/
204
205
#ancre-fonction{
206
	position: relative;
207
	top: -80px;
208
}
209
210
#ancre-securite{
211
	position: relative;
212
	top: -80px;
213
}
214
215
#ancre-plateforme{
216
	position: relative;
217
	top: -80px;
218
}
219
220
.bloc{
221
	width: 100%;
222
	height: 250px;
223
}
224
225
.bloc-1{
226
	background: white;
227
	width: 100%;
228
	height: auto;
229
	padding-top: 40px;
230
}
231
232
.bloc-image{
233
	float: left;
234
	padding:62px;
235
	padding-left: 40px;
236
	padding-right: 40px;
237
	margin: 20px;
238
	margin-top: 0px;
239
}
240
241
.bloc-image2{
242
	float: left;
243
	padding: 40px;
244
	margin: 20px;
245
	margin-top: 0px;
246
}
247
248
.images{
249
	width: 1200px;
250
	height: 450px;
251
	margin: auto;
252
}
253
254
.images h2{
255
	text-align: center;
256
	padding: 0px;
257
	top: 0px;
258
}
259
260
/*###########################*/
261
262
263
h1{
264
	color: white;
265
	font-family: Comfortaa-Light;
266
	font-size: 300%;
267
	margin: auto;
268
	padding-top: 100px;
269
	width: 100%;
270
	text-align: center;
271
}
272
273
h2{
274
	color: #828282;
275
	font-family: Comfortaa;
276
	font-size: 200%;
277
	margin:0px;
278
	padding-left:40px;
279
	padding-bottom:20px;
280
281
}
282
283
p{
284
	color: #828282;
285
	font-family: Comfortaa;
286
	font-size: 150%;
287
	margin:0px;
288
	padding:60px;
289
	padding-top:0px;
290
	padding-bottom:40px;
291
	text-align: justify;
292
}