1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
| /* Page */
html {font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ }
body {height:100%; width:950px; margin:0 auto;/* Pour centrer notre page */ font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:0.9em;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{ margin: 0pt; padding: 0pt; }
ol, ul { list-style-type: none; list-style-image: none; list-style-position: outside; }
/* Liens */
a {text-decoration: none;}
a:active, a:focus { outline: none; } /* Pas de bordure pointillée ou halo lors du clic sur un lien */
a img { border: none; } /* Pas de bordure autour des images dans les liens */
em {font-size:11px;}
.btn {border-radius: 4px; background:#a4d2e5; padding: 0px 65px 0px 10px; border-color: #2e7fa0; height:31px; display:inline-block; position:relative; float:left; margin:0 5px;}
.btn[type=submit] {border:none; font-size:17px; color:#fff;}
.btn:hover {box-shadow: 0px 1px 1px #e6f3f8 inset,
1px 1px 1px #e6f3f8,
0px 0px 0px 1px #e6f3f8; }
.btn:hover[type=submit] {text-shadow: 1px 1px 1px #01364f; background:#a4d2e5; color: #fff; background: url('png/arrow_right.png') no-repeat 90% 55%;}
.btn-text {padding-top:4px; display:block; font-size:17px; color:#fff;}
.btn-icon-right {position:absolute; right:0px; top:0px; height:100%; width:38px; border-left:1px solid #fff;}
.btn-icon-right span {width:38px; height:38px; opacity: 0.7; position:absolute; left:50%; top:50%; margin:-20px 0px 0px -20px;
background: transparent url('png/arrow_right.png') no-repeat 50% 55%;}
.btn:hover .btn-text {text-shadow: 1px 1px 1px #01364f; color: #fff; } .btn:hover .btn-icon-right span {opacity: 1;}
.btn:active { position:relative; top:1px; background:#a4d2e5; box-shadow: 1px 1px 2px #3594bb inset; border-color: #2e7fa0;}
.left {float:left;} .right {float:right;}
.text { border: 1.5px solid #aeccff; width:100%; height:30px; margin: 0 auto; padding:0; color:#00334c; font-size:1.2em;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px; }
.text:focus {background:#EEE; border:#27A6BA 1px solid;}
input, select, label {font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}
/*_____________________________________________________________________________________________________________*/
/* MENU TOP */
/*_____________________________________________________________________________________________________________*/
#topmenu {width:950px; /* height:45px; margin:0 auto; */ letter-spacing:0.02em; color:#0dc3ff; font-size-adjust:none; font-weight:bold; font-stretch: normal; z-index: 2;
padding-top:15px;}
.userbar li a, .userbarlog li a, .userbarlog li span { font-size: 1.2em; font-weight:bold; padding:0 10px; color: #ffffff;}
.userbar li a:hover, .userbar li .active, .userbar li .active a, .userbarlog li a:hover, .userbarlog li .active, .userbarlog li .active a { color: #0dc3ff; text-decoration: none;}
.userbar li {float:left; /*pour IE*/} .userbarlog li {float:right; /*pour IE*/}
/*_____________________________________________________________________________________________________________*/
/* HEADER */
/*_____________________________________________________________________________________________________________*/
#header {position:fixed; top:0; left:0pt; width:100%; background: url('png/bg.png') repeat-x;}
.indexheader { height:427px;} .mainheader { height:165px;}
#nav_header { display:block; position:fixed; top:60px; left:0pt; width:100%; background: url('png/bkg-header.png');}
#bandeau { margin:0 auto; width:950px; position:relative;}
#standardForm { text-align:left; width:930px; margin:20px auto; font-size:2.8em; color:#ebf1fa; font-weight:bold;}
.slider-window {/* required settings */ position:relative; overflow:hidden; height:367px; width:950px; }
.slider-window .slider-reel {/* this cannot be too large */ width:20000em; position:absolute; width:600px; padding:5px;}
.slider-bloc { height:427px;}
.slider-image { display:none; }
.intro-title { font-size:2.2em; color:#fff; font-weight:normal; padding-top:15px;}
.intro-content { font-size:1em; color:#fff; font-weight:normal; padding:15px 0; }
.intro-link { font-size:1.5em; color:#fff; font-weight:normal; text-decoration:underline;}
.background-btn { margin:10px 0;}
.slider-nav {position: absolute; width: 142px; bottom: 0pt; left: 20px; height: 31px; background-color: transparent; background-image: url('png/slider-nav.png'); background-position: 0% 0%; z-index: 1300;}
.arrow-left { background: url('png/navigate-left24.png') no-repeat; display:block; width:18px; height:20px; margin-left:30px; margin-top:9px; float:left;}
.arrow-right { background: url('png/navigate-right24.png') no-repeat; display:block; width:18px; height:20px; margin-left:92px; margin-top:9px;}
/*_____________________________________________________________________________________________________________ */
/* accordion header */
/*______________________________________________________________________________________________________________*/
#accordion { padding:5pt 0; width:950px; margin:10pt auto;}
#accordion img {float:left;margin-right:8pt;margin-top:4pt;cursor:pointer;}
/* currently active header */
#accordion img.current {cursor:default;}
/* accordion pane. should initially have zero width and display:none. The first pane should override these with inline style. */
#accordion div {width:450px; float:left; display:none;}
#accordion div h4 {color:#fff; margin: 2pt 0 0 0; width:205pt; font-weight:bold;}
#accordion div p {font-size:.8em;color:#fff; width:200pt; margin:0; text-align:justify;}
#accordion div a {cursor:pointer;color:#AD8D79;}
.search_triggers span {display:block; width:560pt; margin:0; padding-top:10pt; padding-left:3pt; padding-right:auto;}
.search_triggers input {font-size:1em; color:#585E5D; font-weight:bold; padding:2pt 0 2pt 3pt;}
.search_triggers select {height:22pt; width:120pt; padding:4px 3px; font-size:1em; color:#585E5D;}
/*_____________________________________________________________________________________________________________*/
/* LOGIN, ACCOUNT & SEARCH PANEL */
/*_____________________________________________________________________________________________________________*/
.content_panel { width:930px; margin:0 auto;} .content_panel fieldset { border:none;}
.labelpanel { font-size:1.1em; color:#fff; font-weight:bold; display:block; padding-bottom:5px; }
.inputpanel, .selectpanel { background:#b7e7fe; border:none; vertical-align:middle; margin-right:5px; padding:4px 0 3px 10px; color:#00334c; font-size:1.2em;} .selectpanel {height:30px; padding-top:3px;padding-right:3px;}
.inputpanel:focus { outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */}
.linkpanel { display: inline-block; font-size:.9em; color:#b7e7fe; font-weight:normal; padding-top:5px; }
.content_panel input[type=checkbox] {width:4px; margin-right:5px; display: inline-block; vertical-align: middle; border:1px solid #8cb6ff;}
.slide_panel { position:absolute; z-index:9999; width:100%; height:105px; top:60px; left:0; bottom:-60px; display:none;
-moz-box-shadow: 3px 3px 8px #333;
-webkit-box-shadow: 3px 3px 8px #333;
box-shadow: 3px 3px 8px #333;
background:#01364f;
background:-moz-linear-gradient(90deg, #0286c4, #01364f); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, from(#01364f), to(#0286c4)); /* Webkit */}
#search_panel, #login_panel, #account_panel {margin-top:28px;}
#login_panel .required {display:block; float:left; margin-right:10px; text-align:center; }
.textpopup { border:1.5px solid #aeccff; height:22px; padding-left:5px; margin-top:2px; color:#00334c; font-size:1.2em;}
#login_panel input[type=checkbox] { width:4px; margin:0 5px 0 0; padding:0; display: inline-block; vertical-align: middle;}
/* #login_panel p em {text-align:center;} .forgot_password {text-align:center; color:#666666;}*/
#account_panel li {list-style-type:none; display:inline; padding:0 15px;}
#account_panel li a { font:1.1em; color: #ccc; }
/*_____________________________________________________________________________________________________________*/
/* CONTENT, CONTAINER */
/*_____________________________________________________________________________________________________________*/
.maincontent {position:fixed; top:135px; width:100%; margin:0 auto;}
.indexcontent {position:fixed; top:427px; width:100%; margin:0 auto; border-bottom: 1px solid #afc7e4;}
.indexcontainer { position:fixed; top:427px; width:100%; background:#fff;
background:-moz-linear-gradient(90deg, #d0d4ef, #fff); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#d0d4ef)); /* Webkit */}
#content {width:950px; margin:0 auto;}
#temporaire { border:3px solid #666666; background-color:#e1ecff; max-width:400px; height:500px;margin-top:80px; padding:16px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;}
#temporaire { color:#666666; padding:16px 20px; text-align:justify; line-height:20px; }
#temporaire li { padding-left:70px;padding-top:10px; list-style-type:none; background-repeat:no-repeat; background-position:0 0.2em;}
.reg1 {background-image: url(png/folder-Add48.png);}
.reg2 {background-image: url(png/announcements48.png);}
.reg3 {background-image: url(png/Star-Full48.png);}
/*-------------------------index--------------------------*/
#centerindex, #blockindex { /* position:relative; */width:910px; margin:15px auto; background-color:#fff; }
#centerindex { border:1px solid #7babff; }
#centerindex h1 { color:#7babff; text-align:center; text-shadow: 1px 1px 1px #01364f; margin:7px; }
.feature {height:205px; width:430px; margin-bottom:10px; border:1px solid #dddddd; background:#fff; padding:7px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;}
.feature:hover {outline-width: medium; outline-style: none; outline-color: -moz-use-text-color; border-top-width: 1px; border-right-width: 1px; border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical; border-bottom-width: 1px; border-left-width-value: 1px; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical;
border-top-style: solid; border-right-style: solid; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-bottom-style: solid; border-left-style: solid;
border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-top-color: #aaa; border-right-color: #aaa; border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical; border-bottom-color: #aaa; border-left-color: #aaa; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical;
box-shadow: 0pt 3px 6px #bbb inset; background:#EEE;}
/* .img_thumbnail { background-color:#ffffff; background-image:none; background-repeat:repeat; background-attachment:scroll; background-position: 0% 0%;
background-clip: border-box; background-origin: padding-box; background-size: auto auto;padding:2px; border:1px solid #d1d1d1; float:left; margin-right:10px;} */
.txt_thumbnail { display:block; font-size:11px; color:#777777; line-height:16px; margin-top:5px; margin-right:0pt; margin-bottom:0pt; margin-left:64px;}
/*------------------------service-------------------------*/
#tabs_product { float:left; margin-top:60px; padding:0 10px; width:650px;}
#boxService {float:right; margin-top:60px; padding:0 10px;}
.cateTitle { font-weight:bold; font-size:16px; margin-bottom:2px;}
.cateList dl { float:left; text-align:justify; color:#434a4d; width:315px; padding:7px 0 0 0; height:115px;}
.cateList dt { font-weight:bold; font-size:13px; margin-bottom:2px;}
.cateList h3 {text-align:left; font-size:1.2em; font-weight:normal; line-height:180%; margin:0; padding:0; color:#464646; background-color: transparent;
background-attachment:scroll; background-position: left 12px; }
.cateList .Backtotop {float:right; line-height:30px; height:25px; background-color:#ffffff; padding-left:5px;}
.companies.left { padding:10px 10px 0 0;} .companies.right { padding:10px 0 0 10px;}
.companies a { color:#3c3c3c;} .companies a:hover { text-decoration:underline; color:#ff6600;}
.cateNav { margin-top:5px;}
.cateNav a {font-size:12px; font-weight: bold; padding: 0 8px;}
.cat_tabs, .cat_tabs2 {list-style: none ;margin: 0; padding:0; width:100%;}
.cat_tabs li, .cat_tabs2 li {float: left; margin: 0; border-right:1px solid #dcdcdc;}
.cat_tabs li a, .cat_tabs2 li a {display: block; margin:0 0; padding: 4.2pt 14.6pt ; background: #D4AC94; color: #876e5f; font-weight:bold; text-align: center; text-decoration: none;}
.cat_tabs a.current, .cat_tabs a:hover, .cat_tabs2 a.current, .cat_tabs2 a:hover {background:#e3c8b8;}
/*------------------------annonces-------------------------*/
.search_radio {padding-right:37px;}
.search_radio input[type=radio] {width:4px; vertical-align: middle; margin-right:5px; display: inline-block;}
.search_radio label { margin-left:5px;} |
17/12/2011, 13h09
Pas d'ascenseur sur mon site
00
Emeline Dabée
