13 h1{text-transform: uppercase; display:inline-block;padding: 64px 0 0 16px; font-family : 'josefin_sans'; font-weight : 600; font-size:34px;} |
13 h1{text-transform: uppercase; display:inline-block;padding: 64px 0 0 16px; font-family : 'josefin_sans'; font-weight : 600; font-size:34px;} |
14 .head-login{padding-top: 10px; margin-bottom: 40px; display: inline-block;} |
14 .head-login{padding-top: 10px; margin-bottom: 40px; display: inline-block;} |
15 .head-login, .head-login a{font-size: 12px; font-family: 'Lato'; color: #626364;} |
15 .head-login, .head-login a{font-size: 12px; font-family: 'Lato'; color: #626364;} |
16 .head-login input, .search-form{ vertical-align: middle; width:140px;background: url(../img/icon-search.png) 150px center no-repeat;font-family: 'Lato'; font-weight : bold; font-style : italic; font-size: 12px; border: 1px solid #D0D0D0; height: 25px; line-height: 25px; padding: 0 26px 0 4px;} |
16 .head-login input, .search-form{ vertical-align: middle; width:140px;background: url(../img/icon-search.png) 150px center no-repeat;font-family: 'Lato'; font-weight : bold; font-style : italic; font-size: 12px; border: 1px solid #D0D0D0; height: 25px; line-height: 25px; padding: 0 26px 0 4px;} |
17 .hello-user{margin-left: 12px;} |
17 .hello-user{margin-left: 12px;} |
18 @media screen and (-webkit-min-device-pixel-ratio:0) { |
18 @media screen and (-webkit-min-device-pixel-ratio:0) {select {padding-right:18px !important;}} |
19 select {padding-right:18px !important;} |
|
20 } |
|
21 .head-login li{float: left; line-height: 27px;} |
19 .head-login li{float: left; line-height: 27px;} |
22 .head-login input, .head-login .styled-select{float: left;} |
20 .head-login input, .head-login .styled-select{float: left;} |
23 .head-login input{margin-right: 10px;} |
21 .head-login input{margin-right: 10px;} |
24 select{ |
22 select{outline:none; display: inline-block;border:0;font-size: 16px;font-family: 'Lato'; color: #7F7F7F;font-size: 12px;padding: 0 3px 0 4px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;} |
25 outline:none; display: inline-block; |
23 .styled-select{line-height: 25px;vertical-align: middle;border: 1px solid #CACACA;height: 25px;display: inline-block;position: relative;} |
26 border:0;font-size: 16px;font-family: 'Lato'; color: #7F7F7F; |
24 .styled-select:after{content: '';background: url(../img/arrow-select.png) no-repeat right 4px center #FFF;width: 20px; height: 25px;right: 0; top: 0;position: absolute;pointer-events:none;} |
27 font-size: 12px;padding: 0 3px 0 4px; |
|
28 -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-appearance:none;-moz-appearance:none; |
|
29 appearance:none;} |
|
30 .styled-select{ |
|
31 line-height: 25px; |
|
32 vertical-align: middle; |
|
33 border: 1px solid #CACACA; |
|
34 height: 25px; |
|
35 display: inline-block; |
|
36 position: relative; |
|
37 } |
|
38 .styled-select:after{ |
|
39 content: ''; |
|
40 background: url(../img/arrow-select.png) no-repeat right 4px center #FFF; |
|
41 width: 20px; height: 25px; |
|
42 right: 0; top: 0; |
|
43 position: absolute; |
|
44 pointer-events:none; |
|
45 } |
|
46 .dot-6{vertical-align:middle; width: 6px; height: 6px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #616364; display: inline-block; margin: 0 7px;} |
25 .dot-6{vertical-align:middle; width: 6px; height: 6px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #616364; display: inline-block; margin: 0 7px;} |
47 .dot-10{ vertical-align:middle; width: 10px; height: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #A1A1A1; display: inline-block; margin: 0 12px;} |
26 .dot-10{ vertical-align:middle; width: 10px; height: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #A1A1A1; display: inline-block; margin: 0 12px;} |
48 nav{height: 70px;} |
27 nav{height: 70px;} |
49 nav li{height:100%; float:left; } |
28 nav li{height:100%; float:left; } |
50 .nav{margin-bottom: 14px; height: 18px; display: block;float: right;} |
29 .nav{margin-bottom: 14px; height: 18px; display: block;float: right;} |
114 .list-projets-2 .mid p{ font-family: 'Lato'; font-weight: 300; font-style: italic;} |
93 .list-projets-2 .mid p{ font-family: 'Lato'; font-weight: 300; font-style: italic;} |
115 .list-projets-2 .bot img, .list-projets-2 .top img{ float: left;} |
94 .list-projets-2 .bot img, .list-projets-2 .top img{ float: left;} |
116 .list-projets-2 .bot p{color: #333; background-color: #fff; font-family: 'Lato'; font-weight: 300; font-style: italic; padding: 8px 14px 0 14px; font-size: 14px; height: 104px; border-bottom: 1px solid #000; border-left: 1px solid #BBB; border-right: 1px solid #BBB;} |
95 .list-projets-2 .bot p{color: #333; background-color: #fff; font-family: 'Lato'; font-weight: 300; font-style: italic; padding: 8px 14px 0 14px; font-size: 14px; height: 104px; border-bottom: 1px solid #000; border-left: 1px solid #BBB; border-right: 1px solid #BBB;} |
117 .list-projets-2 .bot{height: 113px; overflow: hidden;} |
96 .list-projets-2 .bot{height: 113px; overflow: hidden;} |
118 |
97 |
119 li .toggle{display: block;} |
98 li .toggle{display: none;} |
120 li:hover .toggle{ display:block; } |
99 li:hover .toggle{ display:block; } |
121 |
100 |
122 .tools{ text-align:right; width:100%; position:absolute; bottom:0; left:0; background: rgba(255, 255, 255, .9);} |
101 .tools{ text-align:right; width:100%; position:absolute; bottom:0; left:0; background: rgba(255, 255, 255, .85);} |
123 .tools ul{ display: inline-block;padding: 6px 10px 6px 0;} |
102 .tools ul{ display: inline-block;padding: 6px 10px 6px 0;} |
124 .tools a{display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center;} |
103 .tools a{display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center;} |
125 .tools li{float: left; margin-left: 6px;} |
104 .tools li{float: left; margin-left: 6px;} |
126 .tools a img{vertical-align: middle;} |
105 .tools a img{vertical-align: middle;} |
127 |
106 |
128 .horizontal .col-left, .horizontal .col-right{float: left;} |
107 .horizontal .col-left, .horizontal .col-right{float: left;} |
129 .list-projets-3{margin-bottom: 50px;} |
108 .list-projets-3{margin-bottom: 50px;} |
130 .list-projets-3>li{width: 465px; background-color: #eee; margin-bottom: 20px;} |
109 .list-projets-3>li{width: 465px; background-color: #eee; margin-bottom: 20px;} |
131 .list-projets-3 .col-left{position: relative;} |
110 .list-projets-3 .col-left{position: relative;} |
132 .list-projets-3 li img{max-width: 465px;} |
111 .list-projets-3 li img{max-width: 465px; display: inherit;} |
133 .list-projets-3 li.horizontal .col-left{ width: 225px;} |
112 .list-projets-3 li.horizontal .col-left{ width: 225px;} |
134 .list-projets-3 li.horizontal .col-right{height:100%; width: 240px; } |
113 .list-projets-3 li.horizontal .col-right{height:100%; width: 240px; } |
135 .list-projets-3 .project-title{position:relative; padding-left: 14px; font-size: 18px;height: 60px; border-bottom: 1px solid #CCC;} |
114 .list-projets-3 .project-title{position:relative; padding-left: 14px; font-size: 18px;height: 60px; border-bottom: 1px solid #CCC;} |
136 .project-title h3{ font-family: 'Lato'; font-weight : bold; padding-top: 12px; margin-bottom: 4px; } |
115 .project-title h3{ font-family: 'Lato'; font-weight : bold; padding-top: 12px; margin-bottom: 4px; } |
137 .project-title h4{ font-family: 'Lato'; font-weight: 300; font-style: italic;} |
116 .project-title h4{ font-family: 'Lato'; font-weight: 300; font-style: italic;} |
184 .popin p{margin-bottom: 10px;} |
163 .popin p{margin-bottom: 10px;} |
185 .popin .buttons{text-align: right;} |
164 .popin .buttons{text-align: right;} |
186 .btn{cursor:pointer; border: none; vertical-align:middle; display: inline-block; color: #FFF; font-size: 12px; font-family: 'Lato'; height: 25px; line-height: 25px; padding: 0 12px; background-color: #666;} |
165 .btn{cursor:pointer; border: none; vertical-align:middle; display: inline-block; color: #FFF; font-size: 12px; font-family: 'Lato'; height: 25px; line-height: 25px; padding: 0 12px; background-color: #666;} |
187 .block{display: block;} |
166 .block{display: block;} |
188 .popin-wrap, .popin{display: none;} |
167 .popin-wrap, .popin{display: none;} |
189 |
168 .big-popin{width: 572px; margin-left: -286px;} |
190 |
169 |
191 .edition{background-color: #eee; padding: 0 28px; margin-bottom: 64px;} |
170 .edition{background-color: #eee; padding: 0 28px; margin-bottom: 64px;} |
192 .edition .slideshow{ min-height: 80px; position:relative; padding: 24px 0; text-align: center;} |
171 .edition .slideshow{ min-height: 80px; position:relative; padding: 24px 0; text-align: center;} |
193 .slideshow .arrow-wrap{display: block;} |
172 .slideshow .arrow-wrap{display: block;} |
194 .slideshow .left-arrow{left: 0;} |
173 .slideshow .left-arrow{left: 0;} |
240 .filters .circle{width: 10px; height: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-color: #7F7F7F;} |
219 .filters .circle{width: 10px; height: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-color: #7F7F7F;} |
241 .filters li.disabled a{opacity: 0.5;} |
220 .filters li.disabled a{opacity: 0.5;} |
242 |
221 |
243 .float-left{float: left;} |
222 .float-left{float: left;} |
244 .filters-wrap{width: 225px; background-color: #EEE; margin-right: 17px;} |
223 .filters-wrap{width: 225px; background-color: #EEE; margin-right: 17px;} |
245 .list-projets-5{} |
224 .list-projets-5{width: 708px;} |
246 .visuel-project{font-family: 'Lato'; } |
225 .curtain{display:none;z-index:10;position: absolute; width: 100%; height: 100%; background-color:rgba(0,0,0,.7);} |
247 .visuel-project h3{ padding-left: 6px; text-align: left;font-weight: bold; font-size: 18px;} |
226 .list-projets-5 .item-masonry{margin-bottom: 0;} |
248 .visuel-project h4{ border-bottom: 1px solid #555; padding-left: 6px;text-align: left;font-weight: 300; |
227 .mosaic .content-project{display: none;} |
249 font-style: italic; font-size: 18px;} |
228 .mosaic .visuel-project .title-project{display: block;} |
250 .visuel-project{position: relative;} |
229 .mosaic-comment .content-project{display: block;} |
|
230 .mosaic-comment .content-project{display: block;} |
|
231 .hide-comment{display: none;} |
|
232 .mosaic-comment .visuel-project .title-project{display: none;} |
|
233 .title-project{padding: 10px 0 6px 0; font-family: 'Lato';padding-left: 6px;border-bottom: 1px solid #555;text-align: left;} |
|
234 .title-project h3{ margin-bottom: 6px; font-weight: bold; font-size: 18px;} |
|
235 .title-project h4{ font-weight: 300;font-style: italic; font-size: 18px;} |
|
236 .visuel-project{position: relative; } |
|
237 .visuel-project img{display: inherit;} |
251 .list-projets-5>li{width: 177px; float: left; position: relative;} |
238 .list-projets-5>li{width: 177px; float: left; position: relative;} |
|
239 .content-project{background-color: #eee;} |
|
240 .content-project p{font-family: 'Lato'; font-size: 13px; font-weight: 300; line-height: 15px; padding: 10px;} |