.liste-chantiers .vs{
margin:2px 0;
}
.liste-chantiers .vs .infos{
display: block;
position:relative;
top:50%; left:50%;
width:70%; height:auto;
color: var(--blanc);
text-align:center;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.liste-chantiers .vs .infos > span{
display:block
}
.liste-chantiers .vs .infos .ttl{
font-size:1.5rem;
font-weight: bold;
line-height:1.1;
margin:1rem 0;
}
.liste-chantiers .vs .over{
background-color: rgba(0,0,0,.4);
-webkit-transition: all 0.2s ease;transition: all 0.2s ease;
}
.liste-chantiers .vs:hover .over{
background-color: rgba(0,0,0,.6);
}
.liste-chantiers .type{
font-weight:300; font-size:0.75rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
} .rosedesvents .rose .cardinal {
width:auto;
height: auto;
position: absolute;
padding: .75rem;
background-color: var(--vertfonce);
color: var(--blanc);
box-sizing: border-box;
border-radius: 1px;
text-align:center;
text-transform: uppercase;
font-size:0.9rem
}
.rosedesvents .rose .cardinal:hover{
background-color: var(--ocre);
}
.rosedesvents .rose .cardinal.nord {
left: 50%;
-webkit-transform: translate(-50%); transform: translate(-50%);
}
.rosedesvents .rose .cardinal.ouest {
left: 0;
top: 50%;
-webkit-transform: translate(-20%,-50%); transform: translate(-20%,-50%);
}
.rosedesvents .rose .cardinal.est {
left: unset;
top: 50%;
right: 0;
-webkit-transform: translate(20%,-50%); transform: translate(20%,-50%);
}
.rosedesvents .rose .cardinal.sud {
left: 50%;
top: unset;
bottom: 0;
-webkit-transform: translate(-50%); transform: translate(-50%);
}
.rosedesvents .rose .second {
position: absolute;
background-color: var(--ocreclair);
color: var(--blanc);
width:140px;
height: auto;
border-radius: 1px;
padding: .5rem;
font-size: .7rem;
text-align:center
}
.rosedesvents .rose .second.n-e {
right: 10%;
left: unset;
top: 25%;
transform: translateY(-75%); transform: translateY(-75%);
}
.rosedesvents .rose .second.n-o {
top: 25%;
left: 10%;
transform: translateY(-75%);
}
.rosedesvents .rose .second.s-o {
bottom: 25%;
top: unset;
left: 10%;
right: unset;
transform: translateY(75%);
}
.rosedesvents .rose .second.s-e {
bottom: 25%;
top: unset;
left: unset;
right: 10%;
transform: translateY(75%);
}
#bs1,#bs2,#bs3,#bsvert{
transform-origin:center
}
.liste-souspages a.btn{
margin:0.5rem 0;
}
@-webkit-keyframes rotation{
0% {transform:rotate(0deg) } to { transform:rotate(1turn) }
}
@keyframes rotation{
0% {transform:rotate(0deg)} to { transform:rotate(1turn) }
}
.rosedesvents .rose .rotation{
animation-name:rotation;
animation-duration:2s;
animation-fill-mode:both;
animation-iteration-count:1;
animation-timing-function:ease-in-out
}
.rosedesvents .rose #bsvert.rotation{
animation-name:rotation;
animation-duration:4s;
animation-fill-mode:both;
animation-iteration-count:1;
animation-timing-function:ease-in-out
}
.liste-gammes a .over , .liste-ambiances a .over{
background-color: rgba(0,0,0,.6);
-webkit-transition:all 0.2s ease; transition:all 0.2s ease;
}
.liste-gammes a:hover .over, .liste-ambiances a:hover .over{
background-color: rgba(255,255,255,.6);
}
.liste-gammes, .liste-ambiances{
margin:3rem 0;
}
.liste-gammes .infos, .liste-ambiances .infos{
position:absolute;
height: auto;
width:80%;
left:50%; top:50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
color: var(--blanc);
}
.liste-gammes a:hover .infos, .liste-ambiances a:hover .infos{
color: var(--vertfonce);
}
.liste-gammes .upline, .liste-ambiances .upline{
display:block;
font-weight: bold;
font-family: 'DM Sans', serif;
font-size:0.8rem;
margin-bottom:1rem;
text-align:center;
text-transform: uppercase;
letter-spacing: 0.2rem;
margin-top:1rem;
}
.liste-gammes .infos .ttl, .liste-ambiances .infos .ttl{
font-family: 'Bellefair', serif;
font-size:2rem;
text-align:center;
line-height:1.1;
text-transform: uppercase;
}
.liste-gammes .infos img, .liste-ambiances .infos img{
width:80px;
}