Line 35... |
Line 35... |
35 |
|
35 |
|
36 |
.petitcarre {padding-left:15px; background:url(../images/petitCarre.jpg) no-repeat 5px 3px;}
|
36 |
.petitcarre {padding-left:15px; background:url(../images/petitCarre.jpg) no-repeat 5px 3px;}
|
37 |
.troiscarre {padding:0px 0 0 30px; background:url(../images/troisCarre.png) no-repeat 5px 5px;}
|
37 |
.troiscarre {padding:0px 0 0 30px; background:url(../images/troisCarre.png) no-repeat 5px 5px;}
|
Line -... |
Line 38... |
- |
|
38 |
.puceFleche {padding:10px 0 0 30px; background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;}
|
38 |
.puceFleche {padding:10px 0 0 30px; background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;}
|
39 |
|
39 |
|
40 |
|
40 |
.champs { font-family:arial; font-size:11px; background-color:#ffffff; border:dotted 1px #7b9c35; color:#3a3633; margin-bottom:7px; }
|
41 |
.champs { font-family:arial; font-size:11px; background-color:#ffffff; border:dotted 1px #7b9c35; color:#3a3633; margin-bottom:7px; }
|
Line 41... |
Line 42... |
41 |
.champs2 { font-family:arial; font-size:11px; color:#3a3633; }
|
42 |
.champs2 { font-family:arial; font-size:11px; color:#3a3633; }
|
42 |
.ok { font-family:arial; font-size:11px; font-weight:bold; background-color:#ffffff; border:dotted 1px #7b9c35; color:#fd8c13; margin-left:242px; font-variant:small-caps; }
|
43 |
.ok { font-family:arial; font-size:11px; font-weight:bold; background-color:#ffffff; border:dotted 1px #7b9c35; color:#fd8c13; margin-left:242px; font-variant:small-caps; }
|
43 |
|
44 |
|
Line -... |
Line 45... |
- |
|
45 |
/** Cadre rond gris : mise en page **/
|
- |
|
46 |
.cadreRondGris .colonneGauche, .cadreRondVert .colonneGauche { width:320px; padding:20px; border-right:1px dotted #959486; float:left; }
|
- |
|
47 |
.cadreRondGris .colonneDroite, .cadreRondVert .colonneDroite { width:284px; float:left; padding:20px; }
|
- |
|
48 |
|
- |
|
49 |
/* Taille des cadres */
|
Line 44... |
Line 50... |
44 |
/** Cadre rond gris : mise en page **/
|
50 |
.moitie {width:310px; float:left;}
|
45 |
.cadreRondGris .colonneGauche, .cadreRondVert .colonneGauche { width:320px; padding:20px; border-right:1px dotted #959486; float:left; }
|
51 |
.deuxTiersGauche {width:410px; margin-right:20px; float:left}
|
46 |
.cadreRondGris .colonneDroite, .cadreRondVert .colonneDroite { width:284px; float:left; padding:20px; }
|
52 |
.deuxTiersDroite {width:240px; float:left}
|
47 |
|
53 |
.plein {width:620px;}
|
48 |
|
54 |
|
49 |
/* typographies */
|
55 |
/* typographies */
|
50 |
p { color:#5e5852; font-family:arial; font-size:12px; font-weight:normal; line-height:18px; text-align:justify; }
|
56 |
p { color:black; font-family:arial; font-size:12px; font-weight:normal; line-height:18px; text-align:justify; }
|
51 |
p.orange{ color:#fd8c13; line-height:12px; }
|
57 |
p.orange{ color:#fd8c13; line-height:12px; }
|
52 |
.orange {color:#fd8c13; font-family:arial;}
|
58 |
.orange {color:#fd8c13; font-family:arial;}
|
Line 53... |
Line 59... |
53 |
p.blanc { color:#fff; font-size:11px; line-height:12px; }
|
59 |
p.blanc { color:#fff; font-size:11px; line-height:12px; }
|
54 |
.vertpetit { color:#7b9c35; font-family:arial; font-size:11px; font-weight:bold; }
|
60 |
.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; }
|
61 |
.grispetit { color:#3a3633; font-family:arial; font-size:11px; font-weight:bold; }
|
56 |
.gris{ color:#3a3633; font-family:arial; font-size:12px; }
|
62 |
.gris{ color:#3a3633; font-family:arial; font-size:12px; }
|
57 |
.overflow-hidden { overflow:hidden;}
|
63 |
.overflow-hidden { overflow:hidden;}
|
Line -... |
Line 64... |
- |
|
64 |
|
- |
|
65 |
h1, h2, h3, h4 {font-weight:bold; letter-spacing:0px; font-family:arial;}
|
- |
|
66 |
h1 {padding:0px 0 0 25px; background:url(../images/troisCarre.png) no-repeat 0px 5px; color:#fd8c13; font-size:13px;
|
- |
|
67 |
text-transform:uppercase; margin-bottom:15px; margin-top:10px }
|
- |
|
68 |
h1 a:link, h1 a:visited, h1 a:active { color:#fd8c13; }
|
58 |
|
69 |
h1 a:hover, h1 a:focus { color:#7b9c35; }
|
59 |
h1, h2, h3, h4 {font-weight:bold; letter-spacing:0px; font-family:arial;}
|
70 |
|
60 |
h1 {padding:0px 0 0 25px; background:url(../images/troisCarre.png) no-repeat 0px 5px; color:#fd8c13; font-size:13px;
|
71 |
/*TEMP : le style pour le titre 2 */
|
Line -... |
Line 72... |
- |
|
72 |
h2 { color:#FD8C13; font-family:arial; font-size:12px; font-weight:normal; letter-spacing:0; margin-bottom:5px;
|
61 |
text-transform:uppercase; margin-bottom:8px; }
|
73 |
text-transform:uppercase;}
|
- |
|
74 |
|
- |
|
75 |
/*TODO : vérifier ci dessous */
|
- |
|
76 |
/*h2 { color:#6c6865; font-size:12px; margin-bottom:0px; }*/
|
- |
|
77 |
h2 a:link, h2 a:visited,h2 a:active { color:#5e5852; }
|
62 |
h1 a:link, h1 a:visited, h1 a:active { color:#fd8c13; }
|
78 |
h2 a:hover, h2 a:focus { color:#fd8c13; }
|
Line -... |
Line 79... |
- |
|
79 |
|
- |
|
80 |
/*TODO : vérifier ci-dessous *
|
- |
|
81 |
h3 { color:#6c6865; font-size:11px; letter-spacing:0px; margin:2px; }*/
|
63 |
h1 a:hover, h1 a:focus { color:#7b9c35; }
|
82 |
|
64 |
|
83 |
/*TEMP : le style pour titre 3*/
|
65 |
h2 { color:#6c6865; font-size:12px; margin-bottom:0px; }
|
84 |
h3 {color:#6C6865; font-family:arial; font-size:12px; font-weight:bold; letter-spacing:0; margin-bottom:5px; }
|
Line 66... |
Line 85... |
66 |
h2 a:link, h2 a:visited,h2 a:active { color:#5e5852; }
|
85 |
|
Line 170... |
Line 189... |
170 |
|
189 |
|
Line 171... |
Line 190... |
171 |
/** Zone principale : zone droite **/
|
190 |
/** Zone principale : zone droite **/
|
172 |
|
191 |
|
- |
|
192 |
#zone-droite { width:725px; margin-left:00px; float:left; height:auto;overflow:hidden}
|
- |
|
193 |
#zone-droite #main { padding-left:20px}
|
Line 173... |
Line 194... |
173 |
#zone-droite { width:725px; margin-left:00px; float:left; height:auto;overflow:hidden}
|
194 |
#contenu li {list-style:none; background:url(../images/petitCarre.jpg) no-repeat 0px 6px; padding-left:10px}
|
174 |
#zone-droite #main { padding-left:20px}
|
195 |
#contenu form li {background:none}
|
- |
|
196 |
|
- |
|
197 |
.filetVert { width:300px; margin-left:00px; margin-top:5px; padding:20px; border:1px solid #9ac342; -moz-border-radius: 10px; float:left; }
|
- |
|
198 |
.cadreInvisible {float:left; margin-left:10px; margin-top:0px;}
|
- |
|
199 |
.cadreRondOmbre {float:left; margin-bottom:10px; padding:20px; background-color:#fff; border:1px solid #fff;
|
- |
|
200 |
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;
|
- |
|
201 |
-moz-box-shadow: 2px 2px 9px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
|
- |
|
202 |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
|
175 |
|
203 |
zoom: 1; /* pour ie8 */}
|
176 |
.filetVert { width:300px; margin-left:00px; margin-top:5px; padding:20px; border:1px solid #9ac342; -moz-border-radius: 10px; float:left; }
|
204 |
|
Line 177... |
Line 205... |
177 |
.cadreInvisible {width:308px; float:left; margin-left:40px; margin-top:20px; }
|
205 |
|
178 |
#cartographie { position:absolute; z-index:10; background :white; border:solid 1px #AAAAAA; padding:15px; margin:-300px 0 0 -300px; }
|
206 |
#cartographieVolante { position:absolute; z-index:10; background :white; border:solid 1px #AAAAAA; padding:15px; margin:-300px 0 0 -300px; }
|
179 |
#cartographie #masquerLaCarte { float:right }
|
207 |
#cartographieVolante #masquerLaCarte { float:right }
|
Line 228... |
Line -... |
228 |
|
- |
|
229 |
|
256 |
|
- |
|
257 |
|