font-size: 100%;
vertical-align: baseline;
font-family: sans-serif;
- color:#120260;
+ color:#0c0fb7;
text-align: left;
}
.titre{
background-color: #05ffbc;
- height: 45px;
+ height: 47px;
+ width: 100%;
color:#fff;
margin:0 0 15px 0;
padding:10px 15px;
- border-bottom: 3px solid #05ffbc;
text-transform: uppercase;
font-family: "Trebuchet MS", Helvetica, arial, sans-serif;
font-size: 1.7em;
+ -webkit-transition: all 0.3s ease 0s;
+ -moz-transition: all 0.3s ease 0s;
+ -ms-transition: all 0.3s ease 0s;
+ -o-transition: all 0.3s ease 0s;
+ transition: all 0.3s ease 0s;
+}
+.titre:hover{
+ background-color: #0c0fb7;
+ -webkit-transition: all 0.3s ease 0s;
+ -moz-transition: all 0.3s ease 0s;
+ -ms-transition: all 0.3s ease 0s;
+ -o-transition: all 0.3s ease 0s;
+ transition: all 0.3s ease 0s;
}
#ateliers{
margin:0 10px;
.agenda{
background-color: #05ffbc;
height:500px;
- margin:0 10px 0px 10px;
+ margin:0 10px 15px 10px;
padding-right: 10px;
overflow-y: scroll;
}
.col-#{$i}{
@extend %col;
width:$i / $columns * 100%;}
- .col-m-#{$i}, .col-l-#{$i}{@extend %col;}
- footer{
- margin-top: 15px;
- }
+ .col-m-#{$i}, .col-l-#{$i}{@extend %col;}
}
@media only screen and (min-width: $medium){
.col-m-#{$i}{
width:$i / $columns * 100%;}
}
- footer{
- margin-top: 15px;
- }
}
@media only screen and (min-width: $large){