2 html, body, div, span, applet, object, iframe,
3 h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre,
4 a, abbr, acronym, address, big, cite, code,
5 del, dfn, em, img, ins, kbd, q, s, samp,
6 small, strike, strong, sub, sup, tt, var,
8 dl, dt, dd, ol, ul, li,
9 fieldset, form, label, legend,
10 table, caption, tbody, tfoot, thead, tr, th, td,
11 article, aside, canvas, details, embed,
12 figure, figcaption, footer, header, hgroup,
13 menu, nav, output, ruby, section, summary,
14 time, mark, audio, video {
21 vertical-align: baseline;
22 font-family: sans-serif;
23 color: #000; /*#0c0fb7;*/
27 html, body, span, applet, object, iframe,
28 blockquote, pre, section,
29 abbr, acronym, address, big, cite, code,
30 del, dfn, em, ins, kbd, q, s, samp,
31 small, strike, strong, sub, sup, tt, var,
32 dl, dt, dd, ol, ul, li,
33 fieldset, form, label, legend,
34 table, caption, tbody, tfoot, thead, tr, th, td,
35 article, aside, canvas, details, embed,
36 figure, figcaption,hgroup,
37 menu, nav, output, ruby, summary, mark, audio, video {
38 background-color: #FFFFFF;
43 background-color: #B3B6C7;
55 border-collapse: collapse;
62 vertical-align: middle;
68 q:before, q:after, blockquote:before, blockquote:after {
77 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
82 -moz-box-sizing: border-box;
83 -webkit-box-sizing: border-box;
84 box-sizing:border-box;
95 margin: 15px auto 0 auto;
111 color: #373D4E; /*#0fe4ab;*/
112 text-decoration:none;
113 -webkit-transition: all 0.3s ease 0s;
114 -moz-transition: all 0.3s ease 0s;
115 -ms-transition: all 0.3s ease 0s;
116 -o-transition: all 0.3s ease 0s;
117 transition: all 0.3s ease 0s;
120 a:focus, a:hover, a:active{
123 -webkit-transition: all 0.3s ease 0s;
124 -moz-transition: all 0.3s ease 0s;
125 -ms-transition: all 0.3s ease 0s;
126 -o-transition: all 0.3s ease 0s;
127 transition: all 0.3s ease 0s;
130 color : #0c0fb7 !important;
131 -webkit-transition: all 0.3s ease 0s;
132 -moz-transition: all 0.3s ease 0s;
133 -ms-transition: all 0.3s ease 0s;
134 -o-transition: all 0.3s ease 0s;
135 transition: all 0.3s ease 0s;
144 display:inline-block;
149 text-decoration: underline;
155 display:inline-block;
161 display:inline-block;
167 text-decoration:none;
181 background-color: #262730;
187 text-transform: uppercase;
188 font-family: "Trebuchet MS", Helvetica, arial, sans-serif;
193 text-decoration: none;
199 display:inline-block;
200 text-decoration: none;
207 content: ""; /* Important, sinon l'élément n'est pas généré. */
215 list-style-type:none;
226 margin: 15px 15px 0 0;
239 padding-bottom: 15px;
243 color: #373D4E; /*#0fe4ab;*/
244 -webkit-transition: all 0.3s ease 0s;
245 -moz-transition: all 0.3s ease 0s;
246 -ms-transition: all 0.3s ease 0s;
247 -o-transition: all 0.3s ease 0s;
248 transition: all 0.3s ease 0s;
253 #atelierdescription nav{
274 background-color:#e8e3e1;
279 margin: 15px 0 0 15px;
291 -moz-border-radius: 10px;
292 -webkit-border-radius: 10px;
314 .articlefull,.auteurfull{
315 background-color:#e8e3e1;
326 -moz-border-radius: 10px;
327 -webkit-border-radius: 10px;
347 padding-bottom: 10px;
354 background-color: #ffd2a1;
355 margin:0 15px 15px 15px;
363 #atelierdescription #news{
367 width:auto!important;
374 margin: 15px 15px 15px 15px;
390 margin:0 10px 15px 10px;
394 background-color: #262730;
395 margin:0 10px 15px 10px;
397 padding-bottom: 15px;
403 text-decoration: none;
414 list-style-type:none;
444 $columns: 12!default;
453 @for $i from 1 through $columns{
456 width:$i / $columns * 100%;}
457 .col-m-#{$i}, .col-l-#{$i}{@extend %col;}
460 @media only screen and (min-width: $medium){
461 @for $i from 1 through $columns{
463 width:$i / $columns * 100%;}
467 @media only screen and (min-width: $large){
468 @for $i from 1 through $columns{
470 width:$i / $columns * 100%;}
483 .row:before, .row:after{
504 background-color: #262730;
511 list-style-type:none;
515 float:left; /*pour IE*/
521 text-decoration:none;
524 footer ul li a:hover {
525 border-bottom: solid #0c0fb7;