Line 18... |
Line 18... |
18 |
|
18 |
|
19 |
/* Classes & couleurs */
|
19 |
/* Classes & couleurs */
|
20 |
.nodisplay {display:none}
|
20 |
.nodisplay {display:none}
|
21 |
.hidden {visibility:hidden}
|
21 |
.hidden {visibility:hidden}
|
22 |
.spacer125 {width:125px; float:left;}
|
22 |
.spacer125 {width:125px; float:left;}
|
23 |
.cadreRondVert { width:685px; float:left; margin-top:20px; background-color:#eaedcd;
|
23 |
.cadreRondVert { width:685px; float:left; margin-bottom:20px; background-color:#eaedcd;
|
24 |
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 10px;
|
24 |
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 10px;
|
25 |
-moz-box-shadow: 2px 2px 5px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
|
25 |
-moz-box-shadow: 2px 2px 5px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
|
26 |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ zoom: 1; /* pour ie8 */
|
26 |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ zoom: 1; /* pour ie8 */
|
27 |
padding:8px; }
|
27 |
padding:8px; }
|
Line 47... |
Line 47... |
47 |
|
47 |
|
48 |
|
48 |
|
49 |
/* typographies */
|
49 |
/* typographies */
|
- |
|
50 |
p { color:#5e5852; font-family:arial; font-size:12px; font-weight:normal; line-height:18px; text-align:justify; }
|
50 |
p { color:#5e5852; font-family:arial; font-size:12px; font-weight:normal; line-height:18px; text-align:justify; }
|
51 |
p.orange{ color:#fd8c13; line-height:12px; }
|
51 |
p.orange{ color:#fd8c13; line-height:12px; }
|
52 |
.orange {color:#fd8c13; font-family:arial;}
|
52 |
p.blanc { color:#fff; font-size:11px; line-height:12px; }
|
53 |
p.blanc { color:#fff; font-size:11px; line-height:12px; }
|
53 |
.vertpetit { color:#7b9c35; font-family:arial; font-size:11px; font-weight:bold; }
|
54 |
.vertpetit { color:#7b9c35; font-family:arial; font-size:11px; font-weight:bold; }
|
- |
|
55 |
.grispetit { color:#3a3633; font-family:arial; font-size:11px; font-weight:bold; }
|
Line 54... |
Line 56... |
54 |
.grispetit { color:#3a3633; font-family:arial; font-size:11px; font-weight:bold; }
|
56 |
.gris{ color:#3a3633; font-family:arial; font-size:12px; }
|
55 |
.gris{ color:#3a3633; font-family:arial; font-size:12px; }
|
57 |
.overflow-hidden { overflow:hidden;}
|
56 |
|
58 |
|
57 |
h1, h2, h3, h4 {font-weight:bold; letter-spacing:0px; font-family:arial;}
|
59 |
h1, h2, h3, h4 {font-weight:bold; letter-spacing:0px; font-family:arial;}
|
Line 69... |
Line 71... |
69 |
|
71 |
|
70 |
/* Ombres */
|
72 |
/* Ombres */
|
71 |
.ombre2 { -moz-box-shadow: 4px 4px 7px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */ box-shadow: 7px 7px 11px #555;
|
73 |
.ombre2 { -moz-box-shadow: 4px 4px 7px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */ box-shadow: 7px 7px 11px #555;
|
Line 72... |
Line 74... |
72 |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */}
|
74 |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */}
|
73 |
|
75 |
|
74 |
/*Arrondis*/
|
76 |
/* Arrondis */
|
Line 75... |
Line 77... |
75 |
.arrondi7 {-moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ border-radius: 7px 7px 7px 7px;}
|
77 |
.arrondi7 {-moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ border-radius: 7px 7px 7px 7px;}
|
76 |
.arrondi30 { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
|
- |
|
77 |
|
78 |
.arrondi30 { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
|
78 |
/* Menu supèrieur */
|
79 |
|
79 |
|
80 |
/* Menu supèrieur */
|
80 |
/* TODO : mettre les petits carrés à la bonne place*/
|
81 |
/* TODO : mettre les petits carrés à la bonne place */
|
81 |
#zone-menu-haut { width:830px; height:12px; text-align:center; margin: 0 auto 0 40px; position:absolute; top:0px; color:#3a3633;
|
82 |
#zone-menu-haut { width:830px; height:12px; text-align:center; margin: 0 auto 0 40px; position:absolute; top:0px; color:#3a3633;
|
82 |
font-family:arial; font-size:12px;}
|
83 |
font-family:arial; font-size:12px;}
|
Line 89... |
Line 90... |
89 |
#zone-menu-haut #connectes { width:115px; margin:0}
|
90 |
#zone-menu-haut #connectes { width:115px; margin:0}
|
90 |
#zone-menu-haut #recherche { width:185px; padding-left:15px; text-align:left; margin:0}
|
91 |
#zone-menu-haut #recherche { width:185px; padding-left:15px; text-align:left; margin:0}
|
91 |
#zone-menu-haut #recherche fieldset {width:185px; padding:0; border-style:none;}
|
92 |
#zone-menu-haut #recherche fieldset {width:185px; padding:0; border-style:none;}
|
92 |
#zone-menu-haut #recherche input { height:13px; width:155px; font-size:12px; margin:-15px 0 0 -2px; }
|
93 |
#zone-menu-haut #recherche input { height:13px; width:155px; font-size:12px; margin:-15px 0 0 -2px; }
|
93 |
#zone-menu-haut #recherche legend, #recherche label {display:none;}
|
94 |
#zone-menu-haut #recherche legend, #recherche label {display:none;}
|
94 |
#zone-menu-haut #recherche input[type="submit"]{width:25px; height:20px}
|
95 |
#zone-menu-haut #recherche #more_ok { width:25px; height:20px }
|
95 |
#zone-menu-haut .drapeau { width:15px; margin-left:10px}
|
96 |
#zone-menu-haut .drapeau { width:15px; margin-left:10px}
|
Line 96... |
Line 97... |
96 |
|
97 |
|
97 |
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a :active { color:#7b9c35; }
|
98 |
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a :active { color:#7b9c35; }
|
98 |
#zone-menu-haut a:hover, #zone-menu-haut a:focus { color:#fd8c13; }
|
99 |
#zone-menu-haut a:hover, #zone-menu-haut a:focus { color:#fd8c13; }
|
99 |
#zone-menu-haut a { font-family:arial; font-size:12px; }
|
100 |
#zone-menu-haut a { font-family:arial; font-size:12px; }
|
100 |
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a :active { color:#7b9c35; }
|
101 |
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a :active { color:#7b9c35; }
|
101 |
#zone-menu-haut a:hover, #zone-menu-haut a:focus { color:#fd8c13; }
|
102 |
#zone-menu-haut a:hover, #zone-menu-haut a:focus { color:#fd8c13; }
|
102 |
#zone-menu-haut a { font-family:arial; font-size:12px; }
|
103 |
#zone-menu-haut a { font-family:arial; font-size:12px; }
|
Line 103... |
Line 104... |
103 |
#zone-principale { position: absolute; width:900px; margin-left:-450px; left: 50%; padding-top:20px;}
|
104 |
#zone-principale { position: absolute; width:910px; margin-left:-450px; left: 50%; padding-top:20px;}
|
104 |
|
105 |
|
105 |
.zone-haut {height:123px; margin:4px 0 0 0; width:885px; text-align:center; }
|
106 |
.zone-haut {height:123px; margin:4px 0 0 0; width:885px; text-align:center; }
|
Line 106... |
Line 107... |
106 |
.zone-haut h1 {float:left; padding:4px 0 0 29px; background:none}
|
107 |
.zone-haut h1 {float:left; padding:4px 0 0 29px; background:none}
|
107 |
.zone-haut h2 {position:absolute; margin:105px 0 0 85px;color:white; font-size:16px; font-family:arial}
|
108 |
.zone-haut h2 {position:absolute; left:0; margin:105px 0 0 85px;color:white; font-size:16px; font-family:arial}
|
108 |
|
109 |
|
109 |
.motsclefs { position:absolute; font-family:Helveticaneue; letter-spacing:-1px; font-weight:lighter; text-align:left;
|
110 |
.motsclefs { left:0;position:absolute; font-family:Helveticaneue; letter-spacing:-1px; font-weight:lighter; text-align:left;
|
110 |
padding:0 0 0 450px; margin:0; cursor:pointer; }
|
111 |
padding:0 0 0 450px; margin:0; cursor:pointer; }
|
Line 111... |
Line 112... |
111 |
.motsclefs h3 { position:absolute; margin-top:17px; font-size:60px; font-weight:lighter; color:#5c5950; left:240px; line-height:35px; font-family:helveticaneue}
|
112 |
.motsclefs h3 { position:absolute; margin-top:17px; font-size:60px; font-weight:lighter; color:#5c5950; left:240px; line-height:35px; font-family:helveticaneue}
|
112 |
.motsclefs h4 { text-align:left; color:#f2f2f2; margin-left:111px; margin-top:69px; font-family:helveticaneue}
|
113 |
.motsclefs h4 { text-align:left; color:#f2f2f2; margin-left:111px; margin-top:69px; font-family:helveticaneue}
|
113 |
.motsclefs span{position:absolute; font-weight:normal;text-transform:lowercase; top:85px}
|
114 |
.motsclefs span{position:absolute; font-weight:normal;text-transform:lowercase; top:85px}
|
114 |
|
115 |
|
Line 115... |
Line 116... |
115 |
|
116 |
|
Line 143... |
Line 144... |
143 |
}
|
144 |
}
|
144 |
#zone-menu-gauche ul li ul { list-style:disc inside; color:#7b9c35; padding: 0 0 0 15px;}
|
145 |
#zone-menu-gauche ul li ul { list-style:disc inside; color:#7b9c35; padding: 0 0 0 15px;}
|
145 |
#zone-menu-gauche ul li ul li{padding:0px 0 0 0;}
|
146 |
#zone-menu-gauche ul li ul li{padding:0px 0 0 0;}
|
146 |
#zone-menu-gauche ul li ul li a { border:none; background:none;padding:0px; display:inline}
|
147 |
#zone-menu-gauche ul li ul li a { border:none; background:none;padding:0px; display:inline}
|
Line 147... |
Line 148... |
147 |
|
148 |
|
Line 148... |
Line 149... |
148 |
#cheminDeFer { width:500px; margin-left:35px; margin-top:12px; margin-bottom:10px; }
|
149 |
#cheminDeFer { width:500px; margin-left:34px; margin-top:12px; margin-bottom:10px; }
|
149 |
|
150 |
|
150 |
/** Zone menu connexion **/
|
151 |
/** Zone menu connexion **/
|
151 |
#zone-menu-connexion { height:122px; width:320px; padding:25px 0 0 0 ; font-family:arial; text-align:right; font-size:11px; background:url(../images/carreorange.png) no-repeat 9px -9px ;}
|
152 |
#zone-menu-connexion { height:122px; width:178px; padding:25px 0 0 0 ; font-family:arial; text-align:right; font-size:11px; background:url(../images/carreorange.png) no-repeat 9px -9px ;}
|
152 |
#zone-menu-connexion fieldset { text-align:left; width:165px; background:white; padding:28px 0 0 10px; border:solid 1px #99C242;
|
153 |
#zone-menu-connexion fieldset { text-align:left; width:165px; background:white; padding:28px 0 0 10px; border:solid 1px #99C242;
|
153 |
text-decoration: none; -moz-border-radius: 0px 10px 10px 10px; -webkit-border-radius: 0px 10px 10px 10px; border-radius:0 10px 10px 10px;}
|
154 |
text-decoration: none; -moz-border-radius: 0px 10px 10px 10px; -webkit-border-radius: 0px 10px 10px 10px; border-radius:0 10px 10px 10px;}
|
154 |
#zone-menu-connexion fieldset input { font-size:11px;}
|
155 |
#zone-menu-connexion fieldset input { font-size:11px;}
|
Line 162... |
Line 163... |
162 |
#zone-menu-connexion #persistant, #zone-menu-connexion #persistant_label {float:left;margin-left:-0px;}
|
163 |
#zone-menu-connexion #persistant, #zone-menu-connexion #persistant_label {float:left;margin-left:-0px;}
|
163 |
#zone-menu-connexion #persistant_label {padding-top:2px}
|
164 |
#zone-menu-connexion #persistant_label {padding-top:2px}
|
164 |
#zone-menu-connexion #colonneDroite { padding:15px 0 15px 0px; }
|
165 |
#zone-menu-connexion #colonneDroite { padding:15px 0 15px 0px; }
|
Line 165... |
Line 166... |
165 |
|
166 |
|
166 |
/** Menu latéral : Zone gauche **/
|
167 |
/** Menu latéral : Zone gauche **/
|
Line 167... |
Line 168... |
167 |
#zone-gauche { width:170px; float:left; margin-left:0px; padding-bottom:100px}
|
168 |
#zone-gauche { width:170px; float:left; margin-left:0px; padding-bottom:100px;}
|
Line 168... |
Line 169... |
168 |
|
169 |
|
169 |
|
170 |
|
Line -... |
Line 171... |
- |
|
171 |
/** Zone principale : zone droite **/
|
- |
|
172 |
|
170 |
/** Zone principale : zone droite **/
|
173 |
#zone-droite { width:725px; margin-left:00px; float:left; height:auto;overflow:hidden}
|
171 |
|
174 |
#zone-droite #main { padding-left:20px}
|
Line 172... |
Line 175... |
172 |
#zone-droite { width:710px; margin-left:00px; float:left; height:auto; }
|
175 |
|