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;
285 -moz-border-radius: 10px;
286 -webkit-border-radius: 10px;
309 background-color:#e8e3e1;
320 -moz-border-radius: 10px;
321 -webkit-border-radius: 10px;
341 padding-bottom: 10px;
348 background-color: #ffd2a1;
349 margin:0 15px 15px 15px;
357 #atelierdescription #news{
361 width:auto!important;
368 margin: 15px 15px 15px 15px;
384 margin:0 10px 15px 10px;
388 background-color: #262730;
389 margin:0 10px 15px 10px;
391 padding-bottom: 15px;
397 text-decoration: none;
408 list-style-type:none;
434 $columns: 12!default;
443 @for $i from 1 through $columns{
446 width:$i / $columns * 100%;}
447 .col-m-#{$i}, .col-l-#{$i}{@extend %col;}
450 @media only screen and (min-width: $medium){
451 @for $i from 1 through $columns{
453 width:$i / $columns * 100%;}
457 @media only screen and (min-width: $large){
458 @for $i from 1 through $columns{
460 width:$i / $columns * 100%;}
473 .row:before, .row:after{
494 background-color: #262730;
501 list-style-type:none;
505 float:left; /*pour IE*/
511 text-decoration:none;
514 footer ul li a:hover {
515 border-bottom: solid #0c0fb7;