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 {
20 vertical-align: baseline;
21 font-family: sans-serif;
26 html, body, span, applet, object, iframe,
27 blockquote, pre, section,
28 abbr, acronym, address, big, cite, code,
29 del, dfn, em, ins, kbd, q, s, samp,
30 small, strike, strong, sub, sup, tt, var,
31 dl, dt, dd, ol, ul, li,
32 fieldset, form, label, legend,
33 table, caption, tbody, tfoot, thead, tr, th, td,
34 article, aside, canvas, details, embed,
35 figure, figcaption,hgroup,
36 menu, nav, output, ruby, summary, mark, audio, video {
37 background-color: #ffffff;
50 border-collapse: collapse;
57 vertical-align: middle;
63 q:before, q:after, blockquote:before, blockquote:after {
72 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
77 -moz-box-sizing: border-box;
78 -webkit-box-sizing: border-box;
79 box-sizing:border-box;
90 margin:15px auto 0 auto;
107 text-decoration:none;
108 -webkit-transition: all 0.3s ease 0s;
109 -moz-transition: all 0.3s ease 0s;
110 -ms-transition: all 0.3s ease 0s;
111 -o-transition: all 0.3s ease 0s;
112 transition: all 0.3s ease 0s;
115 a:focus, a:hover, a:active{
118 -webkit-transition: all 0.3s ease 0s;
119 -moz-transition: all 0.3s ease 0s;
120 -ms-transition: all 0.3s ease 0s;
121 -o-transition: all 0.3s ease 0s;
122 transition: all 0.3s ease 0s;
125 color : #0c0fb7 !important;
126 -webkit-transition: all 0.3s ease 0s;
127 -moz-transition: all 0.3s ease 0s;
128 -ms-transition: all 0.3s ease 0s;
129 -o-transition: all 0.3s ease 0s;
130 transition: all 0.3s ease 0s;
139 display:inline-block;
144 text-decoration: underline;
150 display:inline-block;
156 display:inline-block;
162 text-decoration:none;
169 background-color: #05ffbc;
175 text-transform: uppercase;
176 font-family: "Trebuchet MS", Helvetica, arial, sans-serif;
181 text-decoration: none;
187 display:inline-block;
188 text-decoration: none;
195 content: ""; /* Important, sinon l'élément n'est pas généré. */
203 list-style-type:none;
214 margin: 15px 15px 0 0;
227 padding-bottom: 15px;
232 -webkit-transition: all 0.3s ease 0s;
233 -moz-transition: all 0.3s ease 0s;
234 -ms-transition: all 0.3s ease 0s;
235 -o-transition: all 0.3s ease 0s;
236 transition: all 0.3s ease 0s;
241 #atelierdescription nav{
255 background-color:#e8e3e1;
266 -moz-border-radius: 10px;
267 -webkit-border-radius: 10px;
290 background-color:#e8e3e1;
301 -moz-border-radius: 10px;
302 -webkit-border-radius: 10px;
322 padding-bottom: 10px;
329 background-color: #ffd2a1;
330 margin:0 15px 15px 15px;
338 #atelierdescription #news{
342 width:auto!important;
354 margin:0 10px 15px 10px;
358 background-color: #05ffbc;
359 margin:0 10px 15px 10px;
361 padding-bottom: 15px;
364 text-decoration: none;
370 list-style-type:none;
396 $columns: 12!default;
405 @for $i from 1 through $columns{
408 width:$i / $columns * 100%;}
409 .col-m-#{$i}, .col-l-#{$i}{@extend %col;}
412 @media only screen and (min-width: $medium){
413 @for $i from 1 through $columns{
415 width:$i / $columns * 100%;}
419 @media only screen and (min-width: $large){
420 @for $i from 1 through $columns{
422 width:$i / $columns * 100%;}
435 .row:before, .row:after{
456 background-color: #05ffbc;
463 list-style-type:none;
467 float:left; /*pour IE*/
472 text-decoration:none;
475 footer ul li a:hover {
476 border-bottom: solid #0c0fb7;