/* CSS Document */
.contenusnippet .widget>img{
width:100%;
height:auto;
}
.contenusnippet .widget>*:not(img){
display:none;
}
.contenusnippet .widget{
background:none;
padding:0;
margin:0;
}
.widget{
position:relative;
}
.widget .toolbarWidget{
top: 20px;
left: 0;
width: 1.6em;
position: absolute;
display: none;
font-size:13px;
z-index:10;
}
.widget:hover .toolbarWidget, .toolbarWidget:hover{
display:block;
}
.widget .toolbarWidget .fa {
text-align:center;
margin-bottom:0.4em;
cursor:pointer;
border-radius: 50%;
background-color: rgb(0, 0, 0);
padding: 0.3em;
width: 1em;
height: 1em;
color:#FFF;
opacity: 0.5;
}
.widget .toolbarWidget .fa:hover {
opacity:1;
}
.widget.widget_lst_marchand_noel {
color:white;
}
.widget.widget_lst_marchand_noel .blocMarchand {
padding: 10px 20px;
border-top: 4px dotted #B5B3B3;
position: relative;
break-inside: avoid-column;
/* margin-bottom: 1em;*/
}
.widget.widget_lst_marchand_noel .blocMarchand:not(.show):last-child {
border-bottom: 4px dotted #B5B3B3;
}
.widget.widget_lst_marchand_noel .blocMarchand:not(.show).breakafer{
border-bottom: 4px dotted #B5B3B3;
}
.widget.widget_lst_marchand_noel .blocMarchand.breakafer{
break-after: column;
}
.widget.widget_lst_marchand_noel .blocMarchand.membre::after{
content:"";
width: 2em;
height: 2em;
position: absolute;
right: 12px;
top: 10px;
background-image: url('/images/marchand_membre.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transition: all .9s ease;
}
/*.editMode .widget.widget_lst_marchand_noel .blocMarchand,*/
.widget.widget_lst_marchand_noel .blocMarchand.show {
background-color: red;
border-top:none;
margin-bottom: 1em;
/* transform: scale(1.05);*/
transform-origin: top center;
}
.widget.widget_lst_marchand_noel .blocMarchand h3 {
margin: 0.75em 20px 0 0;
text-wrap: balance;
font-size: calc(11px + 0.5vw);
}
.widget.widget_lst_marchand_noel .blocMarchand .editable {
text-wrap: balance;
}
.widget.widget_lst_marchand_noel .blocMarchand .xtra_info {
display: none;
}
.editMode .widget.widget_lst_marchand_noel .blocMarchand .xtra_info,
.widget.widget_lst_marchand_noel .blocMarchand.show .xtra_info {
display: block;
}
.widget.widget_lst_marchand_noel .blocMarchand .date:before {
content:"Présence au marché :";
display:block;
font-size: 0.7em;
position: absolute;
margin-top: -0.2em;
opacity: 0.6;
}
.slide-background .editorRemove {
/* Retiré par DP car semble en conflit avec d'autre éléments comme boutonContainer;
position: absolute;
left:20px;
color:white;
background-color: red;
*/
}
.widget_Z {
margin-bottom: 100px;
}
.editMode .widget_Z .swiper-slide figure .captation p:after,
.widget_Z .swiper-slide figure:hover .captation p:not(:empty):after {
transform: translateY(0%)!important;
}
.editMode .widget_Z .swiper-slide .captation p:after,
.widget_Z .swiper-slide .captation p:not(:empty):after {
content:"i";
font-size: 1em;
padding: 3px;
position: absolute;
bottom:8px;
left: 8px;
height: 0.8em;
width: 0.8em;
line-height: 0.8em;
text-align: center;
border-radius: 50%;
border: 1px solid white;
/* box-shadow: 0px 0px 5px 5px black; */
transform: translateY(-500px);
transition: transform .3s ease, visibility 0s, opacity 0.5s linear;;
}
.widget_Z .swiper-slide .captation {
position: absolute;
bottom: 0px;
width: 100%;
/* background: linear-gradient(0deg, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0) 100%);*/
/* background-color: rgb(255 255 255 / 90%);*/
box-sizing: border-box;
}
.widget_Z .swiper-slide .captation .redactor-in { background: none; }
.editMode .widget_Z .swiper-slide .captation p,
.widget_Z .swiper-slide .captation p:not(:empty) {
box-sizing: border-box;
z-index: 2222;
min-height: 30px;
padding: 5px 2em 8px 40px;
/* display: none;*/
background: linear-gradient(0deg, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0) 100%);
font-weight: 400;
font-size: 0.8em;
color:white;
padding-top: 2em;
transform: translateY(500px);
transition: transform .3s ease, visibility 0s, opacity 0.5s linear;;
font-size: 0.8em;
}
.editMode .widget_Z .swiper-slide .captation p,
.widget_Z .swiper-slide figure:hover .captation p {
/* opacity: 1;*/
/* display: block;*/
transform: translateY(0%);
}
/*.widget_Z .grid_5 { transform: rotate(8deg); }*/
.widget_Z .image-slider {
/* border: 20px solid white;*/
background-color: white;
border-radius: 50%!important;
/* border-collapse: separate; */
/* clip-path: circle(50%);*/
perspective: none;
overflow: hidden;
}
.widget_z .swiper-slider figure {
border-radius: 50%;
}
.widget_Z .swiper-slider .swiper-slide {
/*
clip-path: circle(50%);
aspect-ratio:1;
*/
}
.widget_Z .swiper-pagination-bullets {
bottom:-60px;
width: 100%;
}
.widget_Z .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.widget_Z .swiper-slide figure {
aspect-ratio : 1;
}
.widget_Z .swiper-slide>.slide-background {
height: inherit;
padding-bottom: 0%;
position: relative;
}
.widget_Z .image-slider .swiper-slide {
}
.widget_Z.left .swiper-slider{
/* transform: rotate(-5deg) translateY(20px);*/
}
[data-aos=fade-widget-Zright]{transform:translate3d(200px,0,0) rotate(0deg)}
[data-aos=fade-widget-Zleft]{transform:translate3d(-200px,0,0) rotate(0deg)}
@keyframes widget_Z_Anim{
0% {
transform: translateX(30%), rotate(25deg);
}
100% {
transform: translateX(0), rotate(15deg);
}
}
.widget_1,.widget_4{
display:flex;
align-items:center;
justify-content:center;
font-size:1.5em;
/* color:#fff;*/
}
.widget_1>.image-static,.widget_4>.image-static{
padding-bottom:unset;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.widget_1>.container12{
position:relative;
z-index:2;
}
.widget_4>.container12{
display:flex;
}
.widget_10{
width:100%;
}
.content-slider>.swiper-wrapper>.swiper-slide{
min-height:400px;
background-color:#555054;
}
.content-slider{
overflow:hidden;
}
.widget_10 .content-slider {
overflow: visible;
}
.widget_10 .swiper-container-horizontal > .swiper-scrollbar {
bottom: -15px;
}
.widget_BuyForm {
/* background: linear-gradient(90deg, rgba(32,71,84,1) 0%, rgba(32,56,84,1) 100%);*/
padding: 50px 0px;
}
@media screen and (max-width: 640px) {
.widget_Z .push_1 { padding-left: 0px; }
.widget_Z.left .container12 {
display: flex;
flex-direction: column-reverse;
}
.widget.widget_lst_marchand_noel .blocMarchand:not(.show).breakafer {
break-after: avoid;
border-bottom: 0px;
}
/* .widget_Z .image-slider { perspective: 1px; }*/
.template_accueil .widget_menu .grid_3 { width: 47%; }
}