<!doctype html>
<html lang='fr'>
<head>
<title>Escalade Alsace</title>
<meta http-equiv="CACHE-CONTROL" content="public" />
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content=""/>
<link rel="canonical" href="https://www.escalade-alsace.com" />
<link rel="alternate" hreflang="en" href="https://www.escalade-alsace.com"/>
<link rel="alternate" hreflang="fr" href="https://www.escalade-alsace.com"/>
<link rel="alternate" hreflang="de" href="https://www.escalade-alsace.com"/>
<meta property="og:title" content="Escalade Alsace" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.escalade-alsace.com" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />
<meta itemprop="thumbnailUrl" content="" />
<script type="application/ld+json">{"@context":"http:\/\/schema.org\/","@type":"WebPage","name":"Escalade Alsace","description":"","publisher":{"@type":"Organization","name":"Escalade Alsace"}}</script>
<script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.escalade-alsace.com","name":"Escalade Alsace"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/www.escalade-alsace.com","name":"Escalade Alsace"}}]}</script>
<script type="application/ld+json">{"@context":"http:\/\/schema.org\/","@type":"LocalBusiness","name":"Escalade Alsace","image":"https:\/\/www.escalade-alsace.com\/images\/cache\/files\/apps\/logo-escalade-alsace-noir.png?quality=100","telephone":"","address":{"@type":"PostalAddress","streetAddress":"16 mare aux canards","postalCode":"67500","addressLocality":"HAGUENAU","addressCountry":"0"},"publisher":{"@type":"Organization","name":"Escalade Alsace","url":"https:\/\/www.escalade-alsace.com"}}</script>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1">
<link rel="icon" href="/files/apps/favicon fond vert-2.png" />
<link rel="shortcut icon" href="/files/apps/favicon fond vert-2.png" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<style>
</style>
<link href="https://www.escalade-alsace.com/specific/templates/escalade/css/material-icons-d47f05.css?time=1667465478" type="text/css" rel="stylesheet" media="all" />
<link href="https://www.escalade-alsace.com/specific/templates/escalade/css/icomoon-e77466.css?time=1667465478" type="text/css" rel="stylesheet" media="all" />
<link href="https://www.escalade-alsace.com/specific/templates/escalade/css/main-5e189f.css?time=1686322734" type="text/css" rel="stylesheet" media="all" />
<link href="https://www.escalade-alsace.com/specific/templates/escalade/css/settings-707308.css?time=1667465478" type="text/css" rel="stylesheet" media="all" /> <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.3/css/brands.css" crossorigin="anonymous" media="none" onload="if(media!=='all')media='all'">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.3/css/all.css" crossorigin="anonymous" media="none" onload="if(media!=='all')media='all'">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" media="none" onload="if(media!='all')media='all'">
<style>
.form.fancybox-content .fancybox-button svg path {fill: #000;}
.dark {background-color: #212529!important;}
.dark [data-name="center"] a.page-link {color: #212529!important;}
.dark .form-control {background-color: #212529;color: #fff;}
.dark table.backoffice a {color: #000!important;}
.dark table.backoffice thead a, .dark table.backoffice .cotation a {color: var(--primary-color)!important;}
.dark table thead tr {background-color: #212529;}
.dark .table-striped .voieBlocTr {background: #212529!important;}
.dark .table-striped .voieBlocTr a {color:#fff!important}
.dark .table-striped tbody tr:nth-child(even) {background: #000;}
.dark table.detailVoie .title, .dark table.detailVoie td, .dark table.detailVoie a {color: #fff!important;}
.dark [data-name="detailsVoieBlock"] [data-name="commentsBlock"] .comments .text div, [data-name="commentsBlock"] .comments .text a {color:#000!important}
.dark .container-fluid .border, .dark .table td, .dark .table th, [data-name="commentsBlock"] .header-box {border: 1px solid #6a7075 !important;}
.dark table#sujetsTable tbody tr:nth-of-type(2n+1) {background-color: #212529!important;}
.dark table#sujetsTable tbody tr td, .dark table#sujetsTable tbody tr td .adminLink i:before {color: #fff!important;}
.dark table#reponsesTable tbody tr {background-color: #212529!important;}
.dark table#reponsesTable tbody tr td {color: #fff!important;}
.dark .backOfficeTable {background-color: #212529!important;}
.dark .backOfficeTable .title, .dark .backOfficeTable .title a i:before {color: #fff!important;}
.dark .backOfficeTable table td,.dark .backOfficeTable table td a, .dark .backOfficeTable table td .adminLink i:before {background-color: #212529!important;color: #fff!important;}
table.backoffice a.btn, table.backoffice .btn {color: #fff;}
.light {background-color:#fafafa}
[data-name="accueilBlock"] .uneMobile {display:none;}
[data-name="accueilBlock"] .une {display:block;}
.header-right .headerTop .col-7 .icon-user, .header-right .headerTop .col-7 .icon-cart {display:none;}
@media only screen and (max-width: 1280px) {
}
@media (min-width: 1500px) {
header nav .nav li a {width:100%;}
}
@media (max-width: 1200px) {
header nav .nav li {padding: 1rem!important;}
}
@media (max-width: 1200px) {
.articleEscalade footer .btn.btn-default {max-width: fit-content!important;}
header nav .nav li {padding: 0!important;border-radius:20px;}
[data-name="accueilBlock"] .image .text-block #updatesDiv {margin:0;padding:0 20px}
[data-name="accueilBlock"] .image .text-block #updatesDiv a {font-size:14px;}
.slideAccueil {width: 100%!important;margin-left: 0!important;}
.comments-container .header-box {display: flex;flex-direction: column;align-items: center;}
.header-box .link-right {max-width: 100%;margin-bottom:25px}
.count-block .txt {font-size:11px!important;}
}
@media (max-width: 1100px) {
.count-block .txt {font-size: 13px !important;}
}
@media (max-width: 992px) {
h1 {font-size:1.5em;}
[data-name="headerBlock"] .logo, [data-name="headerBlock"] .navbar {display:none;}
[data-name="headerBlock"] .topHeaderMobile {display: flex!important;align-content: center;align-items: center;
justify-content: center;}
[data-name="headerBlock"] .topHeaderMobile .mobileNav, [data-name="headerBlock"] .topHeaderMobile .mobileLogo {display:flex;display: flex;width: 50%;flex-direction: row;align-content: center;align-items: center;align-self: center;justify-content: center;margin:auto}
[data-name="headerBlock"] .mobileLogo {margin:0;}
[data-name="headerBlock"] .mobileLogo a {display:flex; width:100%;}
[data-name="headerBlock"] .mobileLogo a img {width: 50%;height: auto;margin-left: auto;margin-right: auto;padding-right: 15px;}
[data-name="headerBlock"] .col-lg-10 {width:100%;}
[data-name="headerBlock"] .headerTop {display:flex;}
[data-name="headerBlock"] .headerTop .col-lg-4 {width:50%;display: flex;align-self: center;justify-content: center;margin:5px 0}
[data-name="headerBlock"] .headerTop .col-lg-4 a {padding: 0 15px}
[data-name="headerBlock"] .headerTop .col-lg-4 #searchButton {padding:0 10px;width: 100%;display: flex;justify-content: space-between;align-items: center;}
[data-name="headerBlock"] .headerTop .last {display:none;}
#Toggle {background-color: #474d4b; text-align:center;top:0;position:absolute;left:0;width:100%;}
#toggleNav {margin-top: 40px;}
#toggleNav ul {padding:0;list-style:none;}
#toggleNav ul li {padding:5px 0;}
#toggleNav li a {color: #fff; text-transform:uppercase;font-weight:bold}
#searchToggle {background-color: #474d4b; padding: 30px}
#searchToggle button { padding: 0}
#searchToggle .btn {font-size: 14px;}
#searchToggle .btn-trip-v2::before {font: 10px/10px 'icomoon';margin-top: -5px;}
.fancybox-button svg path {fill: #fff;}
.content-block {padding: 60px 20px;}
.content-heading, .content-boxed {padding: 0 20px;}
[data-name="bandeauPubsHome"] .flex-lg-row {flex-direction: column;}
[data-name="accueilBlock"] .une {display:none;}
[data-name="accueilBlock"] .uneMobile {display:block;}
[data-name="accueilBlock"] .image {margin-top:40px;}
[data-name="homeBlock"] .adventure-holder .col-md-4 .content-heading, [data-name="homeBlock"] .adventure-holder .col-md-4 .text-block {display: none ;}
[data-name="homeBlock"] .article .thumbnail footer {align-items:center;display:flex;flex-direction:column;}
[data-name="homeBlock"] .adventure-holder .col-lg-4 .asidePublicite {margin-top: 50px;}
.btn.btn-md {font-size: 15px;padding: 6px;min-width: 150px;}
[data-name="countEscaladeBlock"] .col-lg {width: 25%!important;}
/*BDD*/
[data-name="BddRegionBlock"] .region .block {width:85%;}
[data-name="BddRegionBlock"] .region .block .col .btn {margin-bottom:15px;}
[data-name="BddRegionBlock"] .region .block .d-flex {flex-direction:column;}
[data-name="BddRegionBlock"] .region .block .d-flex .col-lg-6 {display:none;}
[data-name="BddRegionBlock"] .region .block .box ul {max-height: fit-content;list-style: none;}
[data-name="detailsRegionBlock"] .pb-4 {max-height: fit-content;list-style: none;}
[data-name="detailsFalaiseBlock"] .justify-content-between {flex-direction:column-reverse;}
[data-name="filAriane"] a {font-size: 16px;}
[data-name="detailsArticleEscalade"] .boxArticle, [data-name="detailsMediaEscalade"] .boxArticle {width: 90%;margin-bottom: 45px;}
[data-name="coreMyAccount"] .container .ordersList .secondLine {align-items:center;}
[data-name="coreMyAccount"] .container .col-md-9 h2 {padding-top: 20px}
[data-name="coreMyAccount"] .container .col-md-9 form button {margin-bottom: 50px}
[data-name="coreMyAccount"] .container .col-lg-3 {display:flex;flex-direction:column;align-items:center;padding:15px}
[data-name="coreMyAccount"] .container .col-lg-3 a {width:fit-content;}
[data-name="coreMyAccount"] .uploadzone .buttons {max-width: 70%;margin: 0 auto}
[data-name="detailsVoieBlock"] .container-fluid .col-md-6 .text-center .btn {margin: 5px 0;}
[data-name="commentsBlock"] .comments-container .comment-form fieldset button {height:auto}
[data-name="salleClubsBlocks"] .listSalles .salle {}
[data-name="mediasPageBlock"] .container-fluid .content-heading div.text-center {display:flex; flex-direction:row;flex-wrap:wrap;justify-content:center;}
[data-name="mediasPageBlock"] .container-fluid .content-heading div.text-center a {margin:3px 0}
.article.detailsMedia.has-hover-s1 .img-wrap{margin-top:10px;}
.articleEscalade footer {display:flex;flex-direction:column;align-items:start;padding-top:0}
[data-name="blogPageArticlesBlock"] .article .social-networks {max-width:100%!important;margin:20px -10px 0;}
.paginationSimple .article .thumbnail {height:100%}
.paginationSimple .article .thumbnail aside {min-height:120px;}
[data-name="headerBlock"] .col-lg-10 {width: 100%!important;height: 100%;}
.header-right .headerTop .col-7 .icon-user {display:initial}
}
@media (max-width: 811px) {
.form.fancybox-content {position: absolute;left:0;top:15%;}
.form.fancybox-content .fancybox-button svg path {fill: #000;}
}
@media (max-width: 767px) {
[data-name="headerBlock"] .topHeaderMobile {display: flex!important;}
[data-name="headerBlock"] .mobileLogo a img {width: 60%!important;}
table.table#updatesDiv{min-width:unset;padding:0 20px!important;border:0;margin:0!important;}
[data-name="mediasPageBlock"] .container-fluid .content-heading div.text-center {display:flex;}
[data-name="mediasPageBlock"] .container-fluid .content-heading div.text-center a {margin:3px 0;min-width:200px;max-width: fit-content;}
.comments-container {margin-top:30px!important;margin-bottom:0!important;}
.comments-container .header-box {display: flex;flex-direction: column;align-items: center;}
.header-box .link-right {max-width: 100%;margin-bottom:25px}
.comments-container .comments {margin-top: 30px}
[data-name="forumEscaladeBlock"] .d-flex:first-child {flex-direction:column-reverse;}
[data-name="forumEscaladeBlock"] .filariane {flex-direction:row!important;}
[data-name="coreMyAccount"] .uploadzone .buttons {max-width: 100%;}
.footer-nav h3 {font-size: 26px!important;margin:0 0 10px!important;}
.footer-nav a {font-size:22px!important}
[data-name="countEscaladeBlock"] .col-lg {width: 25%!important;}
.content-boxed .article {padding-top: 100px!important;}
.content-boxed .article:first-child, .content-boxed .article:nth-child(2) {padding-top: 0px!important;}
[data-name="coreCartBlock"] table.table thead th, [data-name="coreCartBlock"] table.table tbody td h5 {font-size: 15px!important}
[data-name="coreCartBlock"] table.table thead th {text-align: center;vertical-align: middle;}
[data-name="coreCartBlock"] table thead th:first-child {text-align:left;padding-left: 15px!important}
[data-name="coreCartBlock"] table.table .product-name h5 {padding-right:10px;}
[data-name="coreCartBlock"] .table .price {margin: auto!important;justify-content: center;display: flex;}
[data-name="coreCartBlock"] .table .price h5 {margin:revert!important;line-height:3!important;}
[data-name="coreCartBlock"] .table div.addToCartQuantity {padding-bottom:5px;}
[data-name="coreCartBlock"] .table div.addToCartQuantity input[type="text"] {max-width: 20px!important;height: 25px;font-size:15px!important}
#searchAllForm.fancybox-content {position: absolute;top: 20%;left: 0;}
.fancybox-content #searchToggle .col-8 {padding-right:0}
.fancybox-content #searchToggle .col-8 .form-group .col-12 {padding-left:0}
.fancybox-content #searchToggle .col-4 {padding-left:0}
.fancybox-content #searchToggle .col-4 .form-group .col-12 {padding-right:0}
}
@media (max-width: 575px) {
.content-boxed .article {padding-top: 100px!important;}
.content-boxed .article:nth-child(2) {padding-top: 100px!important;}
.content-boxed .article:first-child {padding-top: 0px!important;}
.social-wrap {display: flex;flex-direction: row!important;justify-content:center;}
.social-wrap li {margin: 30px 15px !important;}
.social-wrap li .icon-vimeo {width:auto;}
.social-wrap .instagram a {display:flex!important; align-items:center;}
.social-wrap li span {display: flex!important;height: 50px;align-content: center!important;align-items: center!important;}
.footer-nav [class^="icon-"], .footer-nav [class*=" icon-"] { margin-top: 0!important;}
[data-name="blogPageArticlesBlock"] .top {flex-direction:column-reverse;}
[data-name="blogPageArticlesBlock"] .top .filariane {width:100%;}
[data-name="headerBlock"] .col-lg-10 {width: 100%!important;height: 100%;}
[data-name="headerBlock"] .headerTop .col-lg-4 a {padding: 0 10px;}
.header-right .headerTop .col-7 .icon-user, .header-right .headerTop .col-7 .icon-cart {display:initial}
}
@media (max-width: 427px) {
[data-name="coreCartBlock"] .container .col-md-12 .col-12 {display: flex;flex-direction: column;}
[data-name="coreCartBlock"] .container .col-md-12 .col-12 a {margin: 5px auto;width: fit-content;}
#searchAllForm.fancybox-content {position: absolute;top: 20%;left: 0;}
.fancybox-content #searchToggle .col-8 {padding-right:0}
.fancybox-content #searchToggle .col-8 .form-group .col-12 {padding-left:0}
.fancybox-content #searchToggle .col-4 {padding-left:0}
.fancybox-content #searchToggle .col-4 .form-group .col-12 {padding-right:0;padding-left:0}
.form.fancybox-content {position: absolute;left:0;top:5%;}
.form.fancybox-content .fancybox-button svg path {fill: #000;}
}
/*petits smartphones en voie de disparition*/
@media only screen and (max-width: 350px){
[data-name="coreCartBlock"] table.table tbody td:first-child {width: 12% !important;}
[data-name="coreCartBlock"] table.table tbody td h5 {font-size: 13px !important;}
.addToCartQuantity a {max-width: 15px;width: 15px;}
div.addToCartQuantity input[type="text"] {font-size: 13px;}
}
/*petits smartphones en voie de disparition*/
@media only screen and (max-width: 367px){
.articleEscalade .thumbnail footer .btn.btn-default {padding: 9px 7px; min-width:fit-content}
[data-name="accueilBlock"] .une {display:none;}
[data-name="accueilBlock"] .uneMobile {display:block;}
}
[data-name="coreCartBlock"] .table div.addToCartQuantity input[type="text"] {max-width: 20px!important;height: 25px;font-size:15px!important}
.addToCartQuantity a {width: 25px!important;height: 25px!important;}
[data-name="coreCartBlock"] table.table .btn {line-height: inherit!important;}
[data-name="coreCartBlock"] .table .price {margin: auto!important;display: table-cell!important;vertical-align:middle;text-align:center;}
[data-name="coreCartBlock"] .table .price h5 {margin-top: 0!important; }
.dropdown-menu .dropdown-item img {vertical-align: middle;padding-right:5px;}
.lvl-0:hover {border-radius:15px;}
.fancybox-container {
z-index : 9999;
}
.tableFalaises tr{padding:0 !important;border:0 !important;}
.tableFalaises{border:0;table-layout: fixed;}
.dark .tableFalaises{color:#fff;}
.tableFalaises a{font-weight:bold;color:var(--primary-color) !important;}
[data-name="detailsVoieBlock"] .container-fluid .col-md-6 .text-center .btn {margin: 5px 0;}
[data-name="profilEscaladeBlock"] .photo {display: flex;align-content: center;align-items: center;justify-content: center;}
[data-name="profilEscaladeBlock"] img {width: 150px; height: 150px;object-fit:contain}
#profilTable {width: 80%; margin-left: auto; margin-right: auto;}
#profilTable tbody td {text-align: center;}
#profilTable thead, #profilTable tbody {display: inline-table;width: 100%;}
#profilTable #privateMesssage {padding: 5px 10px; border:2px solid var(--primary-color); border-radius: 10px;}
[data-name="headerBlock"] .col-lg-10 {width:90%;height: 100%;}
[data-name="headerBlock"] .topHeaderMobile {display:none;}
.btn.btn-md {font-size: 22px;padding: 12px;min-width: 250px;}
[data-name="BddRegionBlock"] .region .block .box ul {}
[data-name="BddRegionBlock"] .region .block .col .btn {margin-bottom:0;}
[data-name="detailsRegionBlock"] .pb-4 {min-height: 500px; max-height:700px;list-style: none;}
[data-name="detailsArticleEscalade"] .boxArticle {width: 50%;margin-bottom: 45px;}
[data-name="filAriane"] a {color: #474d4b;}
[data-name="commentsBlock"] .comment-action {justify-content: space-evenly; display: flex;}
.lvl-0{transition:0.2s;}
.lvl-0:hover{background:#82B927;color:#000;}
.lvl-0:hover a{color:#000;}
.mega-menu-tab{background:#82B927;border-radius:0 0 0 20px;}
#header{background:#000000;border:0;}
#header nav.navbar > ul{border-radius:20px 0 0 0;background:var(--primary-color);}
#header nav.navbar > ul li{flex-basis:60%;text-align:center;padding-left:2%;padding-right:2%;cursor:pointer;}
#header nav.navbar > ul li a{}
#header nav.navbar > ul li
.mega-menu-tab a.image img{box-shadow:0 0 10px rgba(0,0,0,0.2);transition:0.2s;object-fit: cover !important;height:auto;}
.mega-menu-tab a.image:hover img{box-shadow:0 0 10px rgba(0,0,0,0.2);transform:scale(1.05);}
.seperator{padding-bottom:10px;}
.btn.btn-md{font-size:15px;padding:10px 20px;min-width:unset;}
.btn-primary{background:#333 !important;color:#fff;font-weight:bold;}
.btn-primary:hover{background:#80B628 !important;;}
.btn-secondary{background:#80B628 !important;color:#fff;font-weight:bold;}
.btn-secondary:hover{background:#333 !important;;}
div.region h2{color:#000;margin-bottom:0;}
.falaiseListElement:before{content:">";font-weight:bold;color:#80B628;}
.region:nth-child(2n+2) .falaiseListElement:before{color:#fff;}
table.backoffice tr{border:0 !important;}
table.backoffice tr.searchTr{background:none;}
.count-block .holder i:before{font-size:40px!important;font-weight:normal;}
.comments-container{max-width:900px;margin-bottom:50px;margin-top:50px;}
.comments .comment-slot .text{width:100%;}
.comments .comment-slot .comment-detail{max-width:unset;padding:20px;}
.page-1 .articleEscalade:nth-child(1){min-width:50%;}
.page-1 .articleEscalade:nth-child(2){min-width:50%;}
.detailsMedia.article .img-wrap img{width:auto;}
.articleEscalade footer{border:0 !important;width:100%;position:absolute;bottom:0;left:0;}
.articleEscalade footer ul{padding:0 !important;}
.articleEscalade ul.social-networks {transform:scale(0.8);display:flex;width:100%;justify-content:center}
.mediaEscalade{min-height:380px;}
.mediaEscalade h3{min-height:50px;margin:0 !important;}
.mediaEscalade footer{border:0 !important;position:absolute;bottom:0;left:0;width:100%;padding:20px 25px;}
.mediaEscalade footer ul{padding:0 !important;}
.mediaEscalade ul.social-networks {transform:scale(0.8);display:inline-block;}
.mediaEscalade.article .img-wrap img{width:auto;}
.mediaEscalade.article .img-wrap{min-height:228px;display: flex;align-items: center;justify-content: center;}
.article .thumbnail{box-shadow:none;position:relative;height:100%;}
.article .thumbnail aside {min-height:80px;}
.articleEscalade {padding-top:10px;padding-bottom:20px;}
.articleEscalade .thumbnail{padding-bottom:100px;position:relative;}
.paginationSimple .article:first-child, .paginationSimple .article:nth-child(2) {padding-top:0px;}
ul.pagination {margin-top:200px!important}
.allNews {padding-top:100px;}
.count-block .holder {padding: 10px 0 5px;}
.count-block .info{font-size:20px;margin:0;}
.count-block .txt{font-size:14px;}
[data-name='countEscaladeBlock'] .col-xs-6{max-width:calc(100% / 8);}
.count-block .txt{letter-spacing:0;}
.lienZoneB a{filter:brightness(0.9);transition:0.2s;display:block;}
.lienZoneB a:hover{filter:brightness(1);transform:scale(1.05);}
.headerTop a:hover i{color:var(--primary-color);}
#searchAllForm .zone{
}
#searchAllForm .zone .title{
font-size:20px;padding:0;line-height:normal;
}
#searchAllForm .zone .result{
display:block;
background:#666;
color:#fff;
padding:4px;
border:1px solid #333;
}
#searchAllForm .zone .result:hover{
background:#aaa;
}
.slideAccueil{min-height:calc(100vw / 3);min-width:350px;background-size:contain;background-position:center;background-repeat:no-repeat;position:relative;}
.slideAccueil a.full{position:absolute;top:0;left:0;width:100%;height:100%;}
[data-name="accueilBlock"] .flexslider{border:0;margin-bottom:24px;}
table.table{table-layout:auto}
[data-name="accueilBlock"] .flexslider{background:none;}
[data-name="accueilBlock"] .flexslider{margin-top:16px;}
.fa-beer.filled{color:var(--primary-color);}
.pageButton.btn-primary{color:#fff!important;padding:5px 10px;}
.pageButton.btn-primary.selected{background:var(--primary-color)!important;color:#fff!important;}
.comments{border:0;box-shadow:none;padding:0;}
table.detailVoie td{padding:2px 10px;text-align:left;}
table.detailVoie td:first-child{width:200px;}
table.detailVoie .title{font-weight:bold;text-align:left;}
.fa.autre{color:#c00;}
.fa.avue{color:var(--primary-color);}
.fa.flash{color:#00c;}
.logo a{width:140px;}
.logo{border:0;}
table.table#updatesDiv{min-width:unset;margin:0 20px;border:0;}
table.table#updatesDiv td{vertical-align:top;padding:0px !important;}
table.table#updatesDiv td a{padding:2px!important;display:block;}
table.table#updatesDiv td:nth-child(1) a{max-width:100px;font-weight:bold;}
table.table#updatesDiv td:nth-child(2) a{max-width:320px;font-weight:normal;}
table.table#updatesDiv td:nth-child(3) a{max-width:100px;font-weight:normal;}
table.table#updatesDiv tr:hover td{background:var(--primary-color);color:#fff;}
table.table#updatesDiv tr:hover a{color:#000;}
table.table#updatesDiv tr{border:0;}
table.table#updatesDiv td a{padding:0;font-weight:bold;}
.article.detailsMedia{margin-top:0;margin-bottom:0;}
.article.detailsMedia.has-hover-s1 .img-wrap{margin-bottom:20px;;}
.detailsMedia.article .img-wrap img{max-height:calc(100vh - 360px);}
.detailsMedia.article aside{max-width:600px;margin:0 auto;}
.slideAccueil .textes{position:absolute;bottom:0;width:100%;padding:20px 10px;pointer-events:none;}
.lienZoneB .textes{position:absolute;bottom:0;width:100%;padding:20px 10px;pointer-events:none;}
.slideAccueil .textes .titre{color:#fff !important;font-weight:bold; font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:30px;text-shadow:0 0 20px rgba(0,0,0,0.7);}
.lienZoneB .textes .titre{color:#fff !important;font-weight:bold; font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:20px;text-shadow:0 0 20px rgba(0,0,0,0.7);}
.lvl-1 h2{text-shadow:0 0 20px rgba(0,0,0,1);}
.flex-direction-nav a.flex-prev{height:60px;}
.flex-direction-nav a.flex-next{height:60px;}
[data-name='accueilBlock'] .flex-control-paging{display:none;}
.filariane a{font-weight:bold;margin:10px;color:var(--primary-color) !important;}
table.listeVoie td{padding:0 8px !important;}
table.listeVoie td.cotation{text-align:center;font-weight:bold;color:var(--primary-color);width:130px;}
table.listeVoie td.typeVoie{text-align:center;font-weight:bold;width:180px;}
table.listeVoie td.medias{text-align:center;}
table.listeVoie td.commentaires{text-align:center;}
table.listeVoie td.actions{width:50px;}
.social-wrap li{height:auto;}
.social-wrap li span{display:block;height:50px;}
.social-wrap li a:hover{color:#fff;}
table.table {table-layout:auto;border:0;min-width:unset;}
table.table tr {border:0 !important;}
table.table td h5, table.table td .fa {margin-bottom:0;line-height:2!important;}
table thead th:first-child {text-align:left;padding-left: 15px!important}
table.detailVoie td{padding:5px 10px !important;}
table.detailVoie thead tr th{padding:10px;}
.comment-slot .text{background:#eee; padding:10px !important;}
.comment-form{padding-top:20px;}
.comment-form .form-group{margin-bottom:3px;}
.rate-left strong,.rate-left a,.rate-left span{vertical-align:middle;display:inline-block;margin:0 10px;line-height:30px;}
.comment-container .header-box a.link-right{vertical-align:middle;display:inline-block;margin:0 10px;line-height:30px;}
.comments-container .header-box{pointer-events:none;}
.star-rating .fa-beer{font-size:20px;margin:5px 2px;}
.mediaEscalade.list aside{padding:20px;font-size:12px;}
.mediaEscalade h3{padding:0 20px;}
.mediaEscalade.list .flou,.articleEscalade.list .flou{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(5px);opacity:0.3;}
.mediaEscalade.list .img-wrap img,.articleEscalade.list .img-wrap img{position:relative;z-index:2;}
.comment-slot .comment-detail{text-align:justify;font-size:14px;}
td.legende{font-size:14px;}
table.ascensions{max-width:800px;margin:30px auto !important;}
table.ascensions td.type{width:50px;padding:10px;}
table.ascensions td.grimpeur.premiere{font-weight:bold;}
table.ascensions th{text-align:center;border:0;}
.detailsMedia h1{font-size:20px;}
article.mediaEscalade{position:relative;}
article.mediaEscalade.videdo .img-wrap:after{
content:"";
position:absolute;
top:0;left:0;width:100%;height:100%;
background-image:url('/files/play2.png');
background-size:cover;
background-position:center;
z-index:5;
opacity:0.4;
pointer-events:none;
}
a.mediaOnVoie{display:inline-block;position:relative;}
.mediaOnVoie.videdo:after{
content:"";
position:absolute;
top:0;left:0;width:100%;height:100%;
background-image:url('/files/play2.png');
background-size:cover;
background-position:center;
z-index:5;
opacity:0.4;
pointer-events:none;
}
.listeSujetsForum{max-width:1200px;margin:20px auto;}
.listeReponsesForum{max-width:1200px;margin:20px auto;}
.seperator:before{content:none;}
[data-name="center"] {min-height:calc(100vh - 660px);margin-bottom:40px;}
[data-pageid="50"] [data-name="center"]{margin-bottom:0;}
header nav .nav li a{white-space:nowrap;padding:1rem 0;}
#searchAllForm label{background:#fff;text-align:center;padding:2px 10px;border-radius:5px;font-style:normal;font-weight:bold;}
.fancybox-container #searchAllForm div.form .labelDiv{top:-20px !important;}
#searchAllForm .total{font-size:20px;color:#fff;margin-bottom:20px;}
.voieBlocTr a{display:block;padding:4px 4px;color:inherit !important;}
table .voieBlocTr td{padding:0 !important;}
table.backoffice tbody tr:hover { background: #fff !important;}
.fancybox-slide{background:none;}
tr.message th.auteur{width:25%;}
tr.message th.admin{width:70px;}
#reponsesTable div.date{color:var(--primary-color);font-weight:bold;}
.salle {margin-bottom:30px;}
.listSalles .salle.col-lg-6 a {border:1px solid #ccc;border-radius:20px;height:100%;display:block;}
.salle .wrap {padding:20px;}
.salle .title{font-weight:bold;font-size:30px;line-height:35px;margin-bottom:10px;}
.salle .description{font-size:13px;}
.salle .link{font-size:16px;}
.salle .caract{font-size:13px;font-weight:bold;}
.produit{margin:20px;padding:20px;border:1px solid #ccc;border-radius:20px;}
.produit .title{font-weight:bold;font-size:30px;}
.produit .description{font-size:13px;}
.produit .caract{font-size:18px;font-weight:bold;}
#sujetsTable td{position:relative;}
#sujetsTable a.full{display:block;color:inherit !important;position:absolute;top:0;left:0;width:100%;height:100%;}
#sujetsTable td{cursor:pointer;}
#sujetsTable td.name{font-weight:bold;color:var(--primary-color) !important;}
.produit .dispo{font-size:14px;font-weight:normal;}
[data-name="shopEscalade"] .produit .links .col-md-4 {margin:auto}
[data-name="coreMyAccount"] .uploadzone .buttons {max-width: 70%;margin: 0 auto}
.form-control{border-color:#ddd;}
.fancybox-is-open .fancybox-bg{background-color:rgba(0,0,0,1);opacity:0.7;}
.header-box .link-right{line-height:35px;}
.multi-col{column-count:2;width:100%;margin-left:50px;}
.footer-nav {margin-bottom: 0!important;}
[data-name="coreGdrpBlock"] h3 {padding-top:20px}
.rgpd_userinfo {padding-bottom:1rem;}
[data-name="coreCartBlock"] .table .price {margin: auto!important;justify-content: center;display: flex;}
[data-name="coreCartBlock"] .table div.addToCartQuantity input[type="text"] {max-width: 40px;}
[data-name="coreCartBlock"] table.table .btn {min-width: 0!important;display:flex!important; align-items: center;justify-content:center;}
[data-name="coreCartBlock"] .table .addToCartQuantity {min-width: 80px;margin: auto!important;justify-content: center;display: flex;}
#changeMode{
color:#fff;
}
#langueDropDown{position:relative;top:3px;}
[data-name="center"]{min-height:calc(100vh - 515px);}
cite{background:rgba(128,182,40,0.2);display:block;padding:20px;margin:20px 0;}
cite p:last-of-type{margin:0;}
[data-name="explorateurVoies"] h1{margin-bottom:50px;}
[data-name="explorateurVoies"]{padding:20px;}
[data-name="explorateurVoies"] .filters .filter{text-align:center;}
[data-name="explorateurVoies"] .filters .filter label{font-weight:bold;text-transform:uppercase;display:block;}
[data-name="explorateurVoies"] .filters .filter select{width:100%;}
[data-name="explorateurVoies"] .filters{margin-bottom:50px;}
[data-name="explorateurVoies"] div.table-responsive{margin-top:40px;}
td.legende p{margin-bottom:0px;}
[data-name='coreCartBlock'] table {text-align:center;}
[data-name='coreCartBlock'] h5.price{text-align:right !important;display:block !important;}
#updatesDiv{max-width:calc(100% - 40px);}
.mega-menu-tab a.image{min-height:250px; margin-bottom:20px;position:relative;transform:scale(0.95);transition:0.2s;background-size:contain;background-position:center;background-repeat:no-repeat;}
.mega-menu-tab a.image:hover{transform:scale(1);}
.mega-menu-tab a.image h2{position:absolute;bottom:20px;left:calc(50% - 100px);text-align:left !important;padding-left:0;}
@media only screen and (max-width: 1790px) {
.mega-menu-tab a.image{min-height:150px;}
.mega-menu-tab a.image h2{position:absolute;bottom:20px;left:calc(50% - 70px);text-align:left !important;padding-left:0;font-size:20px;}
}
@media only screen and (max-width: 1200px) {
.mega-menu-tab a.image{min-height:100px;}
.mega-menu-tab a.image h2{position:absolute;bottom:20px;left:calc(50% - 50px);text-align:left !important;padding-left:0;font-size:15px;}
}
.mediaLinkPrev:before{
content:"<";
font-size: 40px;
display: inline-block;
font-weight:bold;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.mediaLinkNext:before{
content:">";
font-size: 40px;
font-weight:bold;
display: inline-block;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.mediaLink{text-align:center;margin:0 auto;display:block;
margin-top:calc((100vh - 260px) / 2);}
.article .img-wrap img{width:auto;max-width:100%;}
.comments .comment-slot .comment-detail{border:0;}
td.dateUpdate{text-align:center;width:180px;}
#mediaSearch{padding:5px 15px;border:1px solid #aaa;border-radius:5px;width:300px;}
#mediaTagSelect,#orderSelect{padding:8px 15px;border:1px solid #aaa;border-radius:5px;}
a.btn.btn-small{padding:5px !important;}
#grimpeurTable th{padding:10px;}
#grimpeurTable td{padding:10px;}
.fancybox-container div.form.inside.wrap{min-height:250px;;}
.article .img-wrap, .article .img-wrap1{}
.legende{text-align:center;font-style:italic;margin-top:-20px;margin-bottom:20px;font-size:0.8em;}
[data-name="detailsRegionBlock"] ul{list-style:none;}
.btn-active{filter:brightness(1);}
body.dark .card{background:none;}
body.dark .comment-slot .text{background:none;border:1px solid #666;color:#fff !important;}
body.dark .comments-container a{color:#fff;}
body.dark [data-name="detailsVoieBlock"] [data-name="commentsBlock"] .comments .text div, body.dark [data-name="commentsBlock"] .comments .text a{color:#fff !important;}
table.table#updatesDiv td{background-color:#fff;}
body.dark table.table#updatesDiv td{background:none!important;}
table.table .btn{min-width:unset;}
a.citer,.dark table.backoffice a.citer{color:var(--primary-color) !important;margin-left:15px;}
a.signaler,.dark table.backoffice a.signaler{color:#c00 !important;}
a.bannir,.dark table.backoffice a.bannir{color:#ddd !important;}
body.dark table.backoffice tbody tr:nth-of-type(2n){background:rgba(255,255,255,0.04) !important;}
body.dark table.backoffice tbody tr:nth-of-type(2n+1){background:rgba(255,255,255,0.02) !important;}
body.dark div.salle img{background:#fff;border:5px solid #fff;}
body.dark [data-name="coreMyAccount"] td{color:#fff !important;}
body.dark [data-name="coreMyAccount"] td a{color:#fff !important;}
body.dark table.ascensions th{color:#fff !important;}
body.dark table.ascensions td{color:#fff !important;}
.trip-form-v2{background:#fff;border:0;}
#searchAllForm .total{color:#333;text-align:center;}
body.dark .trip-form-v2{background:#555;border:0;}
body.dark #searchAllForm .total{color:#fff;text-align:center;}
.comment-form{max-width:unset;}
div.filariane{white-space:nowrap;}
body.dark a.mediaLink:before{color:#fff!important;}
@media only screen (min-width: 768px) and (max-width: 1200px) {
.region .block{min-width:900px;}
}
.boxArticle .pt-4 a{color: var(--primary-color);}
figure.media{display:block!important;}
[data-name="coreCartBlock"] table thead tr{background:none !important;}
[data-name="coreCartBlock"] th{color:#333;padding:0 !important;text-transform:uppercase;}
[data-name="coreCartBlock"] td{border:1px solid #ccc !important;padding:5px 10px !important;}
[data-name="coreCartBlock"] td h5{display:inline !important;}
.deliveryMode.card.d-block {margin-bottom:10px;margin-top:10px;cursor:pointer;}
:root {
--primary-color: #80B628; /*vert clair logo*/
--secondary-color: #466A2A;/*vert fonce*/
--status0-color:#333;
--status1-color:#0a3;
--status2-color:#0dd;
--status3-color:#a2a;
--status4-color:#0a0;
--status5-color:#a00;
--status6-color:#aa0;
--status7-color:#aaa;
--status8-color:#19d;
--status9-color:#d5a;
--status10-color:#24f;
}
/* LOG IN BUTTON */
body > button.connexion.saezam{
opacity:0;
position:fixed;
bottom:0;
left:0;
z-index:50000;
cursor:pointer;
}
div.row[data-saezam='global']{
width:100%;
}
div.col[data-saezam='front']{
overflow:hidden;
width:100vw;
}
div.hasBack div.col[data-saezam='front']{
max-width:calc(100% - 250px);
transition:0.2s;
}
.row.no-gutters{margin:0;}
/* BACK ZONE */
div.col.zone.szback[data-saezam='back'] .username{
line-height:10px;
}
div.col.zone.szback[data-saezam='back'] .username > .row{
flex-wrap: nowrap;
}
div.col.zone.szback[data-saezam='back'] .row{
width:auto;
}
div.col.zone.szback[data-saezam='back'] .userinfos{
font-size:12px;
line-height:16px;
max-width:165px;
overflow:hidden;
}
div.col.zone.szback[data-saezam='back'] .userinfos .name{
font-weight:bold;
color:#333;
white-space:nowrap;
width:100%;
overflow:hidden;
}
div.col.zone.szback[data-saezam='back'] .userinfos .level{
color:var(--primary-color);
}
div.col.zone.szback[data-saezam='back']{
min-width:250px;
max-width:250px;
background:#171819;
transition:0.2s;
min-height:100vh;
color:#fff;
}
div.col.zone.szback[data-saezam='back']:hover div.wrap{
padding-left:100%; margin-left:-100%;
}
div.col.zone.szback[data-saezam='back'] .row{
margin:0;
}
div.col.zone.szback[data-saezam='back'] .row [class*="col-"]{
padding:0;
}
div.col.zone.szback[data-saezam='back'] > div.wrap{
height:100vh;overflow-y:scroll;
}
div.row.backReduced[data-saezam='global'] div.col.zone.szfront[data-saezam='front']{
min-width:calc(100% - 50px);
max-width:calc(100% - 50px);
}
div.row.backReduced[data-saezam='global'] div.col.zone.szback[data-saezam='back']{
min-width:50px;
max-width:50px;
}
div.row.backReduced[data-saezam='global'] div.col.zone.szback[data-saezam='back'] .details{
display:none;
}
div.row.backReduced[data-saezam='global'] div.col.zone.szback[data-saezam='back'] .groupTitle{
font-size:0;
}
div.col.zone.szback[data-saezam='back'] a{
border:0;
}
div.col.zone.szback[data-saezam='back'] button,div.col.zone.szback[data-saezam='back'] a.button{
border:0;
cursor:pointer;
border-radius:0;
position:relative;
background:#171819;
display:block;
color:#aaa;
font-family:sans-serif;
letter-spacing: normal;
border : 0 !important;
border-bottom:1px solid #444 !important;
text-align:left;
padding:20px;
line-height:15px;
white-space: nowrap;
font-weight:normal;
z-index:2;
height:auto;
color:#fff !important;
}
div.row.backReduced[data-saezam='global'] div.col.zone.szback[data-saezam='back'] button,div.row.backReduced[data-saezam='global'] div.col.zone.szback[data-saezam='back'] a{min-width:100%;border-radius:0;}
div.row.backReduced[data-saezam='global'] div.col.zone.szback[data-saezam='back'] button div.icon,div.row.backReduced[data-saezam='global'] div.col.zone.szback[data-saezam='back'] a div.icon{min-width:100%;}
div.col.zone.szback[data-saezam='back'] a img.iconComplete{
max-width:225px;margin:0;height:auto;filter:brightness(0.9);
}
div.col.zone.szback[data-saezam='back'] a div.icon{
max-width:50px;text-align:center;font-weight:normal;font-size:20px;vertical-align:middle;line-height:30px;color:#666;border-right:1 px solid #ccc;
}
div.col.zone.szback[data-saezam='back'] a div.name{
white-space: nowrap;vertical-align:middle;line-height:30px;padding-left:5px;
font-size:14px;text-transform:uppercase;color:#ddd
}
div.col.zone.szback[data-saezam='back'] a i{
transition:0.5s;
}
div.col.zone.szback[data-saezam='back'] a:hover i{
color:var(--primary-color);
filter: drop-shadow(0px 0px 20px var(--primary-color));
}
div.col.zone.szback[data-saezam="back"] div.fastEditTools a:hover i{
color:#fff;
}
div.col.zone.szback[data-saezam='back'] a:hover,div.col.zone.szback[data-saezam='back'] a.button:hover{
filter:brightness(1.2);
color:#fff;
text-decoration:none;
}
div.col.zone.szback[data-saezam='back'] button.hide{max-width:30px;text-align:center;}
div.col.zone.szback[data-saezam="back"] div.fastEditTools button.ok{background:#0a0;}
div.col.zone.szback[data-saezam="back"] div.fastEditTools button.ko{background:#a00;}
div.col.zone.szback[data-saezam='back'] button.hide:before{content:">";display:inline-block;vertical-align:middle;transition:0.2s;}
div.row.backReduced[data-saezam='global'] button.hide:before{transform:rotate(180deg);}
div.col.zone.szback[data-saezam='back'] div.username{background:#fff;}
div.col.zone.szback[data-saezam='back'] div.username span b{white-space: nowrap;}
div.col.zone.szback[data-saezam='back'] div.groupTitle{color:var(--primary-color);text-transform:uppercase;white-space: nowrap;background:#171819;font-size:14px;}
div.col.zone.szback[data-saezam='back'] div.fastEditTools button{background:var(--primary-color);text-align:center;color:#fff !important;line-height:25px;font-size:16px;}
div.col.zone.szback[data-saezam='back'] div.fastEditTools button i{color:#ccc !important;}
div.col.zone.szback[data-saezam='back'] div.logoZone img{max-width:100%;filter:saturate(0);}
div.col.zone.szback[data-saezam='back'] div.fastEditTools button:hover{
filter:brightness(1.2);
}
div.buttonDiv{position:relative;overflow:visible;}
div.buttonDiv div.hover{position:absolute;right:0px;top:0;z-index:-1;width:260px;transition:0.2s;filter:brightness(0);opacity:0;pointer-events:none;}
div.col.zone.szback[data-saezam='back'] .hover .buttonDiv{padding:0 0 0 20px;}
div.buttonDiv:hover div.hover{right:100%;filter:brightness(1);opacity:1;z-index:-1;pointer-events:all;}
div.buttonDiv div.hover:hover{z-index:1000;}
/* TEXT EDITION */
div.textEditionWrap{outline:1px solid #f00 !important;}
/* HOOK EDITION */
div.hookEditionZone{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:9999}
div.hookEditionZone div.wrap{background:rgba(255,255,255,0.5);position:absolute;top:0;left:100%;width:100%;height:100%;text-align:center;transition:0.2s;padding:1%}
div.hookEditionZone:hover div.wrap{left:0;}
.adminLink{font-size:22px;margin:0 3px;transition:0.2s;color:#fff;}
.adminLink:visited{color:#fff;}
.adminLink i:before{font-size:17px !important;margin:0 3px;transition:0.2s;color:#fff; color:#444;}
.adminLink:hover i:before{color:var(--primary-color);}
tr .adminLink{opacity:0.5;white-space: nowrap;margin:0;}
tr:hover .adminLink{opacity:1;}
.adminLinks a{width:auto !important;display:inline-block !important;background:none !important;}
.devLinks a{width:auto !important;display:inline-block !important;}
td[data-type='date']{white-space: nowrap;}
/* HOOK ADD LINKS */
[data-saezam='sections'] a.hookAddLink{display:block;}
a.hookAddLink{display:none;position:relative;width:100%;bottom:0px;left:0;text-align:center;background:#007bff;color:#fff;filter:brightness(0.8) saturate(0.5);z-index:1000;}
a.hookAddLink:hover{filter:brightness(1) saturate(1);color:#fff;}
/* IFRAME BROWSER */
div[data-saezam='browser']{position:fixed;background:#333333;bottom:0;left:0;width:100%;background:#fff;z-index:99993;max-height:0;transition:0.2s;box-shadow:0 0 200px rgba(0,0,0,1);}
body.hasBrowser div[data-saezam='browser']{max-height:90vh;}
body.hasBrowser div[data-saezam='browser'] iframe{max-height:100vh;background:#333333;}
div[data-saezam='browser'] a.closeBrowser{position: absolute;top:0;right:0;opacity:0.5;}
div[data-saezam='browser'] a.closeBrowser:hover{opacity:1;}
div[data-saezam='browser'] a.closeBrowser svg{max-width:50px;}
div[data-saezam='browser'] iframe{width:100%;border:0;max-height:0;transition:0.2s;height: 90vh;}
/* LOADER */
.fancybox-is-open .fancybox-bg{
opacity:0.3;
background-color:rgba(0,0,0,.32);
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity:0;
transform:scale3d(1,1,1)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity:0;
transform:scale3d(.5,.5,.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity:1;
transform:scaleX(1)
}
.szloader{
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
position:fixed;
opacity:1;
top:0;
left:0;
width:100%;
height:100%;
z-index:100000;
text-align:center;
line-height:100vh;
transition-timing-function: cubic-bezier(.22,.61,.36,1);
}
.szloader .bckgrd{
background-color:rgba(0,0,0,.32);
position:absolute;
opacity:1;
top:0;
left:0;
width:100%;
height:100%;
}
.szloader .text{
position:absolute;top:0;font-size:15px;width:100%;color:#fff !important;text-transform:uppercase;
}
.lds-ellipsis {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-ellipsis div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #fff;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
/* Status Color */
.bckgrd-status0{background:var(--status0-color) !important;}
.bckgrd-status1{background:var(--status1-color) !important;}
.bckgrd-status2{background:var(--status2-color) !important;}
.bckgrd-status3{background:var(--status3-color) !important;}
.bckgrd-status4{background:var(--status4-color) !important;}
.bckgrd-status5{background:var(--status5-color) !important;}
.bckgrd-status6{background:var(--status6-color) !important;}
.bckgrd-status7{background:var(--status7-color) !important;}
.bckgrd-status8{background:var(--status8-color) !important;}
.bckgrd-status9{background:var(--status9-color) !important;}
.bckgrd-status10{background:var(--status10-color) !important;}
.bckgrd-status11{background:var(--status11-color) !important;}
.color-status0{background:var(--status0-color) !important;}
.color-status1{background:var(--status1-color) !important;}
.color-status2{background:var(--status2-color) !important;}
.color-status3{background:var(--status3-color) !important;}
.color-status4{background:var(--status4-color) !important;}
.color-status5{background:var(--status5-color) !important;}
.color-status6{background:var(--status6-color) !important;}
.color-status7{background:var(--status7-color) !important;}
.color-status8{background:var(--status8-color) !important;}
.color-status9{background:var(--status9-color) !important;}
.color-status10{background:var(--status10-color) !important;}
.color-status11{background:var(--status11-color) !important;}
/* Table Backoffice */
.backOfficeTable div.table-responsive{min-height:50vh;}
table.backoffice{background:none !important;color:#333 !important;}
table.backoffice th{border:0 !important;}
table.backoffice td{border:2px solid #fff !important;padding:10px !important;}
table.backoffice td[data-type='image']{padding:0px !important;}
table.backoffice tbody tr:nth-of-type(2n+1){background:#eee !important;}
table.backoffice tbody tr:nth-of-type(2n){background:#eee !important;}
table.backoffice tbody tr:hover {background:#ddd !important;}
table.backoffice.table-bordered td{vertical-align: middle;color:#333;}
table.backoffice a {color:var(--primary-color);}
table.backoffice a.btn,table.backoffice .btn{color:inherit}
table.backoffice .badge{color:#fff;}
table.backoffice a.nameLink{font-weight:bold;}
td.status.checkbox{text-align: center;width:0;}
div.listView .form-control{margin:0;}
div.listView .form-group{margin:0;}
button.pageButton{padding:5px 5px !important;background:var(--primary-color);border-color:var(--primary-color);color:#fff;vertical-align:middle;}
td[data-type="image"]{padding:0;width:0px;}
table.backoffice th{font-size:12px;text-transform:uppercase;padding:10px;background:none;}
table.backoffice td.status{padding:0px;}
table.backoffice td.actions{width:150px;text-align:center;}
div.backOfficeTable .adminLink i:before{
font-size:19px;
}
div.backOfficeTable .firstLine{max-width:1200px;margin:20px auto;}
div.backOfficeTable .firstLine .adminLink{font-size:10px;line-height:10px;}
div.backOfficeTable .firstLine .adminLink i:before{font-size:14px;line-height:14px;}
div.backOfficeTable .firstLine select,div.backOfficeTable .firstLine input{padding:12px;height:auto;vertical-align:middle;}
div.backOfficeTable .secondLine{max-width:unset;margin:20px auto;}
div.backOfficeTable .secondLine a.btn{min-width:unset;vertical-align:middle;height:35px;}
div.backOfficeTable .secondLine select{height:auto;vertical-align:middle;height:35px;}
div.backOfficeTable .fourthLine{max-width:1200px;margin:20px auto;}
div.backOfficeTable .fourthLine a.btn{min-width:unset;vertical-align:middle;height:35px;}
div.backOfficeTable .fourthLine select{height:auto;vertical-align:middle;height:35px;}
div.backOfficeTable table thead tr{background:none;}
div.backOfficeTable tr{padding:0!important;margin:0!important;border:0!important;}
div.backOfficeTable th .adminLink i:before {color:#aaa;font-size:12px;}
div.backOfficeTable th .adminLink:hover i:before {color:#fff;}
div.backOfficeTable td.actions{min-width:140px;}
div.backOfficeTable td[data-type='image'] img{max-width:70px;}
div.backOfficeTable input{background:#fff;color:#333;border:1px solid #ccc;}
div.backOfficeTable [data-saezam="selectbox"]{border:0 !important;}
.backOfficeTable input.searchInList{padding:20px;height:25px;margin:0;border-radius:5px;vertical-align:middle;transition:0.5s;font-size:15px;border:1px solid #eee;}
.backOfficeTable input.searchInList:focus{background-color:var(--primary-color);color:#fff;}
.backOfficeTable input.searchInList::placeholder{opacity:0.5;}
.backOfficeTable input.searchInList:focus::placeholder{color:#fff;}
.backOfficeTable select{border:1px solid #ccc;padding:5px;}
.backOfficeTable textarea.notes{
margin:0;padding:10px;display:block;
border:1px solid #ccc;
min-height:100px;
}
.saving{opacity:0.5;}
table.backoffice th.status.checkbox,table.backoffice td.status.checkbox{margin:0px !important;padding:0px !important;width:25px;vertical-align:middle;text-align:center;min-width:unset;}
table.backoffice input.selectbox{margin:0 !important;padding:0 !important;}
.backoffice.table.stickedHeaders>thead{position:sticky;top:0;z-index:2;background:#fff;}
.backoffice.table.stickedHeaders>tbody>tr>td:first-of-type{position:sticky;left:-2px;z-index:1;}
.backoffice.table.stickedHeaders>tbody>tr>td:nth-child(2){position:sticky;left:12px;z-index:1;background:#eee;box-shadow:3px 0 3px rgba(0,0,0,0.1)}
/* Form */
.fancybox-container div.form.outside{
background:#fff;
padding:0;
border-radius:20px;
color:#000;
box-shadow:0 20px 50px rgba(0,0,0,0.5);
}
.fancybox-container div.form.inside.wrap{
padding:20px 40px 20px 40px;
overflow:auto;
max-height:calc(100vh - 200px);
padding-bottom:110px;
}
.fancybox-container form.is-invalid div.form.inside.wrap{
padding-bottom:180px;
}
.fancybox-container div.title{
margin:0;
padding:20px 40px;
text-align:center;
font-size:28px;font-weight:bold;
background:#fff;
color:#000;
}
.fancybox-container .btn-primary{
box-shadow:none !important;
padding:15px !important;
font-size:14px !important;
font-weight:bold !important;
background-color:var(--primary-color) !important;
color:#fff !important;
}
.fancybox-container .btn-primary:hover{
background-color:var(--primary-color) !important;
color:#fff !important;
filter:brightness(1.2);
}
.fancybox-container .btn-secondary{
padding:15px !important;
font-size:14px !important;
box-shadow:none !important;
padding:20px !important;
font-weight:bold !important;
background-color:var(--secondary-color) !important;
color:#fff !important;
}
.fancybox-container .btn-secondary:hover{
background-color:var(--secondary-color) !important;
color:#fff !important;
filter:brightness(1.2);
}
.fancybox-container div.content,.fancybox-container div.content p{
color:#666;
text-align:center;
}
.fancybox-container div.form .form-control{
margin:0;
border:1px solid #ccc !important;
outline:1px solid transparent !important;
box-shadow:none !important;
background:#fff !important;
color:#000;
}
.fancybox-container div.form .form-control:hover{
border:1px solid #aaa !important;
outline:1px solid #aaa !important;
}
.fancybox-container div.form .form-control:focus{
border:1px solid var(--primary-color) !important;
outline:1px solid var(--primary-color) !important;
}
.fancybox-container div.form .col-3{min-width:100%;text-align:left !important;margin-bottom:5px;}
.fancybox-container div.form [data-type="price"] .col .col-3{min-width:unset;}
.fancybox-container div.form-group,.saezam div.form-group{
position:relative;
margin:0 0 30px 0 !important;
}
.fancybox-container div.form label,.saezam label{
font-weight:bold;
color:#000;
font-size:14px;
color:var(--primary-color);
text-align:left;
text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}
.fancybox-container div.form .labelDiv,.saezam .labelDiv{
position:absolute;top:-15px;left:30px;z-index:4;background:none;padding:0 4px;white-space:nowrap;
}
.fancybox-container div.form .labelDiv label,.saezam .labelDiv label{
margin:0;white-space:nowrap;
}
.fancybox-container div.form div.details,.saezam div.details{
display:block;font-weight:normal;color:#888;letter-spacing:0;font-size:12px;margin:5px 0 10px 0;
}
div.form .btn-translation{background:#999;border-radius:5px;color:#fff;font-size:10px;padding:2px;background:#ccc;}
.fancybox-container div.form button,.fancybox-container div.form a.button{
letter-spacing: normal;
line-height:15px;
white-space: nowrap;
height:auto;
padding:10px 20px;
}
.fancybox-container div.form .ck-editor button{
padding:inherit;
}
.ck-source-editing-area textarea{line-height:17px;font-size:12px;}
.ck.ck-balloon-panel{z-index:99994 !important;}
figure.image{
margin:0 auto !important;display:table;
}
figure.image img{
margin:0 auto !important;
width:100% !important;
border-radius:0 !important;
}
figure.image-style-side{float:right;}
figure.image figcaption{text-align:center;background:#eee;padding:10px;}
div.form input,div.form select,div.form textarea{
border:1px solid #ccc !important;
border-radius:0 !important;
padding:10px !important;
min-height:40px;
color:#333;
background:#fff;
}
div.form .form-control:active,div.form .form-control:hover,div.form .form-control:focus{
color:#333;
}
div.form input::placeholder{
color:#ccc;opacity:0;
}
div.form .languageLink{padding:2px 5px !important;line-height:15px;height:auto;width:auto;min-width:unset;font-size:10px !important;background:#ccc}
div.form .btn{letter-spacing:0;white-space:normal;height:auto;}
div.form a.askForNewPasswordLink,div.form a.askForActivationLink{color:var(--primary-color);}
div.form [data-saezam='formButtons']{position:absolute;bottom:0;left:0;width:100%;z-index:10;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.5);}
div.form [data-type='foreign'] a {color:#666;font-size:12px;letter-spacing:0;font-weight:normal;}
div.form .formChapter{font-size:25px;text-align:left;margin:40px 0 20px 0;}
[data-type='foreignAdvanced'] .searchForeign{width:100%;background-color:var(--primary-color) !important;color:#fff;}
[data-type='foreignAdvanced'] .resultsSearchForeign a{display:block;background:#fff;padding:5px;opacity:0.7;border-bottom:1px solid #eee;cursor:pointer;}
[data-type='foreignAdvanced'] .resultsSearchForeign a:hover{opacity:1;color:var(--primary-color) !important;}
div.form.nodeJs .CodeMirror{min-height:500px;}
/* Modals */
.szmodal{color:#000;}
.szmodal button,.szmodal a.button{
letter-spacing: normal;
line-height:15px;
white-space: nowrap;
height:auto;
padding:10px 20px;
}
.fancybox-button.fancybox-close-small svg{width:40px;height:40px;}
.fancybox-button.fancybox-close-small{width:65px}
/* List */
.listView{background:#fff !important;padding:20px;font-size:14px;}
.listView .btn,.listView button{padding:10px;line-height:15px;font-size:14px;height:auto;letter-spacing:normal;text-transform:uppercase;}
.listView .title{color:#333;}
.listView .pageButton{filter:saturate(0);}
.listView .pageButton.selected{filter:saturate(1);}
.listView tr:hover .filterLink{opacity:0.5;}
.listView .filterLink:hover{opacity:0.5;color:#fff;}
.listView .filterLink.active{color:#d00;opacity:1;}
.listView th{border:1px solid rgba(255,255,255,.1) !important;}
.listView tr.filterTr th{padding:0;position:relative;}
.listView tr.filterTr input{border-radius:0;line-height:10px;max-height:40px;background:rgba(255,255,255,1);border:0;}
.listView tr.filterTr input::placeholder {
color: #999;
}
.listView tr.filterTr input.active{background:var(--primary-color);color:#fff;}
.listView tr.filterTr a.closeLink{position:absolute;right:5px;top:9px;z-index:2;color:#d00;opacity:1;}
.listView tr.fieldsTr a.field{color:#000;font-weight:bold;}
/* Upload Zone */
.uploadzone .file{
margin:0 10px 15px 0;
transition: 0.2s;
}
.uploadzone .file.loading{opacity:0.8;pointer-events:none;}
.uploadzone .file.loading:before{content:"";
background:rgba(255,255,255,0.4);
height:100%;
left:0;
padding:0;
position:absolute;
top:0;
width:100%;
z-index:99998;
}
.uploadzone .file.loading:after{content:"";
animation:a 0.2s linear infinite;
background:rgba(255,255,255,0.4);
border:4px solid var(--primary-color);
border-bottom-color:#fff;
border-radius:50%;
height:50px;
left:50%;
margin:-27px 0 0 -27px;
opacity:.7;
padding:0;
position:absolute;
top:50%;
width:50px;
z-index:99999
}
.uploadzone .file,.uploadzone .buttons{max-width:210px;}
.uploadzone .file .wrap .path{word-wrap: break-word;line-height:normal;display:inline-block;vertical-align:middle;background:rgba(255,255,255,0.7); padding:5px;font-size:13px;}
.uploadzone .buttons a{display:block;width:100%;border:0;padding:10px 20px;margin:0 0 2px 0;}
.uploadzone img{max-width:100%;max-height:150px;margin:0 auto;display:inline-block;vertical-align: middle;width:auto;height:auto;}
.uploadzone .fileAdminLinks{position:absolute;top:0;right:0;line-height:normal;}
.uploadzone .empty{text-align: center;line-height:150px;}
.uploadzone .empty .fa:before{vertical-align: middle;opacity:0.2;font-size:50px;}
.uploadzone .noimage{text-align: center;line-height:150px;display:block;max-width:100%;margin:20px 0;}
.uploadzone .noimage .fa:before{vertical-align: middle;opacity:0.2;font-size:50px;}
.uploadzone .noimage .name{font-size:10px;line-height:normal;}
.uploadzone .uploadScript{display:none;}
.uploadzone .file .text{text-align:center;margin-top:-30px;}
.uploadzone .otherButtons a{padding:5px!important;display:inline-block;width:47%;font-weight:normal!important;font-size:13px!important;height:30px !important;}
/* CART */
[data-saezam='cart']{position:fixed;top:0;background:#f00;width:450px;max-width:100%;z-index:200000;height:100%;overflow:auto;background:#fff;color:#000;box-shadow:0 0 50px rgba(0,0,0,0.8);}
[data-saezam='cart'] div.wrap{
overflow:auto;max-height:100vh;padding:20px 20px 200px 20px;
}
[data-saezam='cart'] div.bottom{
position:absolute;bottom:0;left:0;width:100%;overflow:hidden;text-align:center;
background:#fff;padding:20px;
}
.cornerLinks{position:absolute;top:0;right:20px;color:#000;padding:10px;z-index:2;}
.cornerLinks a{color:#000;font-size:25px;}
.cornerLinks a:hover{color:var(--primary-color);}
.cartList{margin-top:20px;}
img.cartItem{max-width:70px;max-height:70px;}
.cartList .cartElement img{margin:0;display:block;}
.cartList .cartElement{border-bottom:1px solid #eee;}
.cartList .cartElement img{max-width:70px;max-height:70px;}
.cartList .cartElement .text{line-height:18px;padding:8px;}
.cartList .cartElement .text a{font-weight:bold;color:var(--primary-color);}
.cartList .cartElement a{color:#000;font-size:15px;}
.cartList .cartElement a:hover{color:var(--primary-color);}
.cartList .cartElement .actions{text-align:center;line-height:70px;}
.cartList .cartElement .actions a{}
[data-saezam='cart'].refreshing{pointer-events:none;}
[data-saezam='cart'].refreshing:before{content:"";
position:absolute;
top:0;left:0;width:100%;height:100%;
background:rgba(0,0,0,0.3);
z-index:99998
}
[data-saezam='cart'].refreshing:after{content:"";
animation:a 0.2s linear infinite;
border:4px solid #fff;
border-bottom-color:#fff;
border-radius:50%;
height:50px;
left:50%;
margin:-27px 0 0 -27px;
opacity:.7;
padding:0;
position:absolute;
top:50%;
width:50px;
z-index:99999
}
.arrayZone .row,.jsonZone .row{margin-bottom:5px;}
.arrayZone .row a,.jsonZone .row a{margin:0 10px;display:inline-block;vertical-align:middle;}
[data-type='array'] .addLink{background:#fff;display:block;padding:11px;20px;border:1px solid #ccc;}
/* Notification Pop Up Zone */
.notificationPopZone{position:fixed;bottom:0;right:250px;z-index:1000000;}
.notificationPopZone .notification{background:rgba(10,10,10,0.95);margin:10px;border-radius:5px;position:relative;box-shadow:0 0 10px rgba(0,0,0,0.5);}
.notificationPopZone .notification.priority-3{
background:#700;
color:#fff;
}
.notificationPopZone .notification.priority-3 .text a{color:#fff;font-weight:bold;}
.notificationPopZone .notification .image{max-width:50px;margin:10px 10px 10px 0 ;}
.notificationPopZone .notification .image img{max-width:50px;border-radius:100%;}
.notificationPopZone .notification .text{color:#fff;font-size:13px;}
.notificationPopZone .notification .text .wrap{padding-top:26px;}
.notificationPopZone .notification .cornerLinks{padding:5px;right:0;line-height:10px;}
.notificationPopZone .notification .cornerLink{color:#333;font-size:15px;}
.notificationPopZone .notification .cornerLink:hover{color:#fff;}
/* Notifications */
[data-saezam='notifications']{transition:0.5s;position:fixed;left:-100%;top:0;width:100%;max-width:100%;z-index:2000;height:100%;overflow:auto;color:#000;}
[data-saezam='notifications'] .background{background:rgba(0,0,0,0.1);position:absolute;top:0;left:0;width:100%;height:100vh;}
[data-saezam='notifications'] div.wrap{position:relative;max-width:450px;box-shadow:0 0 50px rgba(0,0,0,0.1);
overflow:auto;max-height:100vh;padding:0px;background:#fff;height:100vh;left:50vw;transition:0.5s;
}
[data-saezam='notifications'].opened{left:0;}
[data-saezam='notifications'].opened div.wrap{left:0;}
[data-saezam='notifications'] div.wrap > .content > h2{background:var(--primary-color);color:#fff;padding:20px;}
[data-saezam='notifications'] div.wrap .cornerLinks a:hover{color:#fff;}
[data-saezam='notifications'] div.wrap .notification {border-bottom:1px solid #eee;padding:10px;background:#fafafa;}
[data-saezam='notifications'] div.wrap .notification img{border-radius:100%;}
[data-saezam='notifications'] div.wrap .notification div.image{max-width:45px;text-align:center;color:#fff;font-size:20px;padding:7px;border-radius:100%;background-color:var(--status1-color);}
[data-saezam='notifications'] div.wrap .notification div.texts{font-size:14px;padding-left:20px;}
[data-saezam='notifications'] div.wrap .notification:hover{background:#fff;cursor:pointer;}
[data-saezam='notifications'] div.wrap .notification div.texts div.title{font-weight:bold;}
[data-saezam='notifications'] div.wrap .notification .links{max-width:60px;line-height:40px; }
/* Chat */
[data-saezam='chat']{transition:0.5s;position:fixed;left:-100%;top:0;width:100%;max-width:100%;z-index:2000;height:100%;overflow:auto;color:#000;}
[data-saezam='chat'] .background{background:rgba(0,0,0,0.1);position:absolute;top:0;left:0;width:100%;height:100vh;}
[data-saezam='chat'] div.wrap{position:relative;max-width:450px;box-shadow:0 0 50px rgba(0,0,0,0.1);
overflow:auto;max-height:100vh;padding:0px;background:#fff;height:100vh;left:50vw;transition:0.5s;z-index:20;
}
[data-saezam='chat'] div.wrap > .content > h2{background:var(--primary-color);color:#fff;padding:20px;}
[data-saezam='chat'].opened{left:0;}
[data-saezam='chat'].opened div.wrap{left:0;}
[data-saezam='chat'] div.wrap .discussion {border-bottom:1px solid #eee;padding:10px;background:#fafafa;}
[data-saezam='chat'] div.wrap .discussion img{border-radius:100%;}
[data-saezam='chat'] div.wrap .discussion div.image{max-width:90px;}
[data-saezam='chat'] div.wrap .discussion div.texts{font-size:14px;}
[data-saezam='chat'] div.wrap .discussion:hover{background:#fff;cursor:pointer;}
[data-saezam='chat'] div.wrap .discussion div.texts div.title{font-weight:bold;}
[data-saezam='chat'] div.wrap .cornerLinks{position:absolute;top:0;right:20px;color:#000;padding:10px;z-index:2;}
[data-saezam='chat'] div.wrap .cornerLinks a{color:#000;font-size:25px;}
[data-saezam='chat'] div.wrap .cornerLinks a:hover{color:#fff;}
[data-saezam='chat'].discussionOpened .discussionDetail{left:450px;}
[data-saezam='chat'] .discussionDetail{transition:0.5s;position:absolute;top:0;left:-100%;max-width:100%;min-width:800px;background:#eee;height:100vh;padding:0px;}
[data-saezam='chat'] .discussionDetail header{background:#fff;padding:20px;font-weight:bold;}
[data-saezam='chat'] .discussionDetail header div.image{max-width:90px;}
[data-saezam='chat'] .discussionDetail header div.image img{border-radius:100%;}
[data-saezam='chat'] .discussionDetail header div.texts{padding-top:20px;font-size:18px;}
[data-saezam='chat'] .discussionDetail .messageList{max-height:calc(100vh - 150px);}
[data-saezam='chat'] .discussionDetail footer{position:absolute;bottom:0;left:0;background:#ddd;padding:20px;font-weight:bold;width:100%}
[data-saezam='chat'] .discussionDetail footer form{
width:100%;
}
[data-saezam='chat'] .discussionDetail footer textarea{
}
/*Lateral*/
[data-saezam='lateral']{transition:0.5s;position:fixed;left:-100%;top:0;width:100%;max-width:100%;z-index:2000;height:100%;overflow:auto;color:#000;}
[data-saezam='lateral'] .background{background:rgba(0,0,0,0.1);position:absolute;top:0;left:0;width:100%;height:100vh;}
[data-saezam='lateral'] div.wrap{position:relative;max-width:450px;box-shadow:0 0 50px rgba(0,0,0,0.1);
overflow:auto;max-height:100vh;padding:0px;background:#fff;height:100vh;left:50vw;transition:0.5s;z-index:20;
}
[data-saezam='lateral'] div.wrap > .content > h2{background:var(--primary-color);color:#fff;padding:20px;}
[data-saezam='lateral'].opened{left:0;}
[data-saezam='lateral'].opened div.wrap{left:0;}
[data-saezam='lateral'] div.wrap .lateralElement {border-bottom:1px solid #eee;padding:10px;background:#fafafa;position:relative;}
[data-saezam='lateral'] div.wrap .lateralElement img{border-radius:100%;}
[data-saezam='lateral'] div.wrap .lateralElement div.image{max-width:90px;}
[data-saezam='lateral'] div.wrap .lateralElement div.texts{font-size:14px;}
[data-saezam='lateral'] div.wrap .lateralElement:hover{background:#fff;cursor:pointer;}
[data-saezam='lateral'] div.wrap .lateralElement div.texts div.title{font-weight:bold;}
[data-saezam='lateral'] div.wrap .cornerLinks{position:absolute;top:0;right:20px;color:#000;padding:10px;z-index:2;}
[data-saezam='lateral'] div.wrap .cornerLinks a{color:#000;font-size:25px;}
[data-saezam='lateral'] div.wrap .cornerLinks a:hover{color:#fff;}
[data-saezam='lateral'] div.wrap .lateralElement a.full{position:absolute;top:0;left:0;width:100%;height:100%;}
[data-saezam='lateralMore'].opened{left:450px;}
[data-saezam='lateralMore']{transition:0.5s;position:absolute;top:0;left:-100%;max-width:100%;min-width:800px;background:#eee;height:100vh;padding:0px;}
[data-saezam='lateralMore'] .content{margin:20px;}
div.daterangepicker{
z-index:99993;
}
.addToCartQuantity{
min-width:80px;
margin-right:20px;
}
div.addToCartQuantity input[type='text']{max-width:65px;margin-right:0 !important;display:block !important;margin:0;border-radius:none;text-align:center;border:0;background:#eee;font-size:18px;}
.addToCartQuantity a{max-width:20px;height:auto;text-align:center;padding:0;border-radius:7px;width:20px;}
td[data-type="orderChannel"]{padding:0;width:50px;}
img.img-rounded{border-radius:100%;}
.backoffice.table-bordered td[data-type="orderInvoices"]{padding:0;vertical-align:top;}
.backoffice.table-bordered td[data-type="orderShipments"]{padding:0;vertical-align:top;}
table.orderTable {border:0 !important;background:none !important;}
table.orderTable tr{border:0 !important;background:none !important;}
table.orderTable td{padding:10px;}
table.orderTable th{background:#fff;;}
.orderForm .form-group .col-3{min-width:100%;text-align:left;}
.orderForm .form-group .col-3 label{text-align:left;display:block;font-size:12px;}
.orderForm .form-group .col-3 div.linkDiv{display:inline-block;margin-left:10px;}
.orderForm h3{font-size:15px;}
.orderForm .form-group{margin-bottom:0;}
#gdrpCookiesConsentBackground{position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);z-index:100;align-items:center;justify-content:center;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
#gdrpCookiesConsentDiv{text-align:center;background:#fff;padding:50px 20px;max-width:700px;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,0.2)}
#gdrpCookiesConsentDiv .firstline i {position:absolute;top:-20px;right:20px;font-size:40px;opacity:0.2;}
#infoscookies div.row{margin:10px 20px;color:#222;}
#infoscookies div.row div.boutons{max-width:300px;text-align:right;}
#gdrpCookiesConsentDiv div.row div.texte{font-size:15px;vertical-align:middle;margin:20px;}
@media only screen and (max-width:600px) {
#infoscookies .col{min-width:100%;text-align:center;}
#infoscookies div.row div.boutons{max-width:unset;text-align:center;margin:20px 0;}
}
#infoscookieszoom{min-width:100%;vertical-align:bottom;color:#333;}
#infoscookieszoom div.image{max-width:200px;}
#infoscookieszoom div.image img{max-width:200px;max-height:150px;margin:0 auto;}
#infoscookieszoom div.titre{text-align:center;}
#infoscookieszoom div.firstline{text-align:center;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:20px;text-align:center;font-size:20px;}
#infoscookieszoom a.azone{display:block;padding:10px 20px;border-bottom:1px solid #ddd;color:#555;}
#infoscookieszoom a.azone:hover{background:#eee;text-decoration:none;}
#infoscookieszoom a.azone.selected{background:var(--primary-color);color:#fff;}
#infoscookieszoom div.zone{padding:0px;}
#infoscookieszoom div.titre{font-size:28px;font-weight:bold;margin-bottom:20px;}
#infoscookieszoom div.titre i{color:var(--primary-color);}
#infoscookieszoom div.texte{font-size:15px;text-align:justify;text-align:center;margin-bottom:20px;}
#infoscookieszoom a.acceptcookies{background:#555;border:1px solid #333;display:inline-block;padding:5px 10px;border-radius:20px;color:#888;}
#infoscookieszoom a.acceptcookies.selected{background:#0c0;color:#fff;}
#infoscookieszoom a.refusecookies{background:#555;border:1px solid #333;display:inline-block;padding:5px 10px;border-radius:20px;color:#888;}
#infoscookieszoom a.refusecookies.selected{background:#c00;color:#fff;}
#infoscookieszoom div.status{text-align:center;margin-bottom:20px;}
#infoscookieszoom .btn{font-size:17px;margin:5px;}
#infoscookieszoom .btn.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);}
@media only screen and (max-width:600px) {
#infoscookieszoom .col,#infoscookieszoom .col-4,#infoscookieszoom .col-8{min-width:100%;}
}
@media only screen and (max-width:800px) {
div.col.zone[data-saezam='front']{
min-width: 100%;
}
div.col.zone.szback[data-saezam='back']{
min-width: 100%;
min-height:unset;
height:auto;
position:static;
}
[data-saezam='global'].flex-nowrap{
flex-wrap: wrap !important;;
}
div.col.zone.szback[data-saezam="back"] > div.wrap{
height:auto;
}
div.buttonDiv div.hover{
position:static;
opacity:1;
filter: brightness(1);
width:100%;
}
div.col.zone.szback[data-saezam="back"] div.buttonDiv,div.col.zone.szback[data-saezam="back"] button, div.col.zone.szback[data-saezam="back"] a.button{
z-index:1;
}
div.col.zone.szback[data-saezam="back"] .sticky-top{
position:static !important;
}
div.col.zone.szback[data-saezam="back"] button.hide{
display: none;
}
}
/* Google Preview */
.previewGoogle{
text-align:left;
}
.previewGoogle .url{
color:#202124 !important;
font-size: 14px;
line-height: 1.3;
font-family: arial,sans-serif;
text-align:left !important;
width:auto;
height:auto;
}
.previewGoogle .title,.previewGoogle .title a{
color:#1a0dab !important;
font-family: arial,sans-serif;
line-height: 1;
font-size: 20px;
text-align:left !important;
padding:10px 0 !important;
width:auto;
font-weight:normal;
height:auto;
}
.previewGoogle .description{
color:#4d5156 !important;
line-height: 1.58;
word-wrap: break-word;
font-family: arial,sans-serif;
font-size: 14px !important;
text-align:left !important;
width:auto;
height:auto;
}
/* Access Edit */
.accessRight{
display:block;width:100%;padding:22px 20px;background:#ccc;text-align:center;font-weight:bold;color:#fff;
}
.accessTrue{background:#0d0;}
.accessTrueCondition{background:#f60;}
.accessFalse{background:#c00;}
table.backoffice.scopes td{padding:0!important;}
.closeBrowser svg{color:#fff;width:50px;}
.seoInputs{min-width:250px;}
td[data-type='password']{position:relative;padding:5px;width:20px;margin:0;}
a.passwordStatus{position:absolute;top:0;left:0;background:#f00;width:20px;height:100%;}
a.passwordStatusOK{background:var(--status1-color) !important;}
a.passwordStatusKO{background:var(--status0-color) !important;}
/* Price Form */
[data-type='price'] select{
font-size:12px;
}
/*AI SERVER*/
[data-saezam="aiServer"] div.circle{
display: inline-block;
max-width: 50px;
content: "";
vertical-align: middle;
}
[data-saezam="aiServer"] div.circle:before{content:"";background:#333;margin:1px 12px 0 12px;width:26px;height:26px;display: inline-block;border-radius:50px;transition: .2s;}
[data-saezam="aiServer"][data-status="1"] div.circle:before{background:#0c0;border:2px solid #0c0;}
[data-saezam="aiServer"][data-status="2"] div.circle:before{background:#ee7700;border:2px solid #ee7700;}
[data-saezam="aiServer"][data-status="0"] div.circle:before{background:#c00;border:2px solid #c00;}
[data-saezam="aiServer"].loading div.circle:before{background:#333;border:0px groove;border-bottom:5px groove var(--primary-color);animation : spin .5s linear infinite;}
/*NODE CHECK*/
[data-saezam="nodeServer"] div.circle{
display: inline-block;
max-width: 50px;
content: "";
vertical-align: middle;
}
[data-saezam="nodeServer"] div.circle:before{content:"";background:#333;margin:1px 12px 0 12px;width:26px;height:26px;display: inline-block;border-radius:50px;transition: .2s;}
[data-saezam="nodeServer"][data-status="1"] div.circle:before{background:#0c0;border:2px solid #0c0;}
[data-saezam="nodeServer"][data-status="2"] div.circle:before{background:#ee7700;border:2px solid #ee7700;}
[data-saezam="nodeServer"][data-status="0"] div.circle:before{background:#c00;border:2px solid #c00;}
[data-saezam="nodeServer"].loading div.circle:before{background:#333;border:0px groove;border-bottom:5px groove var(--primary-color);animation : spin .5s linear infinite;}
/*SEO CHECK*/
[data-saezam="seoCheck"] div.circle{
display: inline-block;
max-width: 50px;
content: "";
vertical-align: middle;
}
[data-saezam="seoCheck"] div.circle:before{content:"";background:#333;margin:1px 12px 0 12px;width:26px;height:26px;display: inline-block;border-radius:50px;transition: .2s;}
[data-saezam="seoCheck"][data-score="good"] div.circle:before{background:#0c0;border:2px solid #0c0;}
[data-saezam="seoCheck"][data-score="medium"] div.circle:before{background:#ee7700;border:2px solid #ee7700;}
[data-saezam="seoCheck"][data-score="bad"] div.circle:before{background:#c00;border:2px solid #c00;}
[data-saezam="seoCheck"].loading div.circle:before{background:#333;border:0px groove;border-bottom:5px groove var(--primary-color);animation : spin .5s linear infinite;}
#back #int-tab-seopage h3{text-align: left;font-size:14px;text-transform:none;border:0;background:#999;color:#fff;font-weight:bold;padding:0 20px;}
#back #int-tab-seopage div.seoelement{margin-top:20px;}
#back #int-tab-seopage div.seoelement table{margin:10px 0;}
#back #int-tab-seopage #seopagedetail table td{border:1px solid #ccc;}
#back #int-tab-seopage #seopagedetail table.linksseotable td:first-of-type,#back #int-tab-seopage #seopagedetail table.imgseotable td:first-of-type{font-size:10px;}
#back #int-tab-seopage #seopagedetail pre{text-align: left;}
#back #int-tab-seopage div.seoelement div.html{text-align: justify;font-size:11px;padding:20px;font-weight:normal;}
#back #int-tab-seopage div.seoelement.bon h3{background:#0c0;}
#back #int-tab-seopage div.seoelement.moyen h3{background:#ee7700;}
#back #int-tab-seopage div.seoelement.mauvais h3{background:#c00;}
#back #int-tab-seopage div.seoelement.apercugoogle .firstlinegoogle{color:#1A14AE;font-weight:500;font-size:16px;text-align: left;}
#back #int-tab-seopage div.seoelement.apercugoogle .secondlinegoogle{color:#006621;font-weight:500;font-size:14px;text-align: left;}
.seoCompleteCheck .result{
border:1px solid #eee;padding:10px 20px 10px 60px;margin:10px 0 20px 0;border-radius:5px;background-color:#eee;position:relative;
}
.seoCompleteCheck .result.good{background:var(--status1-color);color:#fff;}
.seoCompleteCheck .result.medium{background:var(--status6-color);color:#fff;}
.seoCompleteCheck .result.bad{background:var(--status5-color);color:#fff;}
.seoCompleteCheck .previewGoogle{padding:0px;}
.seoCompleteCheck b.string{border:1px solid #eee;padding:30px;display:block;}
.seoCompleteCheck .result i{font-size:20px;position:absolute;left:20px;top:calc(50% - 10px);}
/* VISITS STATS */
[data-saezam="visitsStats"] div.circle{
display: inline-block;
max-width: 50px;
content: "";
vertical-align: middle;
position:relative;
}
[data-saezam="visitsStats"] div.circle .total{position:absolute;top:0;left:0;width:100%;display:block;text-align:center;line-height:30px;font-weight:bold;font-size:10px;}
[data-saezam="visitsStats"] div.circle:before{content:"";background:#333;margin:1px 12px 0 12px;width:26px;height:26px;display: inline-block;border-radius:50px;transition: .2s;}
[data-saezam="visitsStats"][data-score="good"] div.circle:before{background:#333;border:2px solid #333;}
[data-saezam="visitsStats"][data-score="medium"] div.circle:before{background:#333;border:2px solid #333;}
[data-saezam="visitsStats"][data-score="bad"] div.circle:before{background:#333;border:2px solid #333;}
[data-saezam="visitsStats"].loading div.circle:before{background:#333;border:0px groove;border-bottom:5px groove var(--primary-color);animation : spin .5s linear infinite;}
.visitsStatsReport iframe{height:revert-layer !important;}
/* Animations */
@keyframes spin {
0 {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.btn-primary{background:var(--primary-color);border:1px solid #B8A140;}
.btn-active{filter:brightness(1.2);}
.btn-inactive{filter:brightness(1.5);opacity:0.6}
.btn-paymentMethod .wrap,.btn-carrier .wrap{
margin:10px;
padding:10px;
border-radius:5px;
background:#eee;
border:2px solid transparent;
}
.btn-paymentMethod .description,.btn-carrier .description{
color:#333;font-weight:bold;font-size:12px;
}
.btn-paymentMethod .row,.btn-carrier .row{
align-items: center;
}
.btn-paymentMethod img,.btn-carrier img{
margin:10px;
}
.btn-paymentMethod.btn-active .wrap,.btn-carrier.btn-active .wrap{
background:#fff;
border:2px solid var(--primary-color);
filter:none;
}
.btn-paymentMethod.btn-active,.btn-carrier.btn-active,.btn-paymentMethod.btn-inactive,.btn-carrier.btn-inactive{
filter:none;
}
.szpicto{text-align:center;background:#eee;}
.szpicto i{color:#ccc;font-size:30px;vertical-align:middle;}
.bootstrap-datetimepicker-widget table thead th{padding:5px 0;}
.bootstrap-datetimepicker-widget table thead th.dow{width:14%;}
.bootstrap-datetimepicker-widget table td{padding:5px 0;}
.bootstrap-datetimepicker-widget a{padding:5px 0;}
.bootstrap-datetimepicker-widget .picker-switch td{background:var(--primary-color);}
.sz-bank{background:#3629B6;min-height:100vh;}
.sz-bank .page{background:#fff;max-width:350px;margin:50px auto;border-radius:50px;}
.sz-bank .back{color:#fff;padding:20px;}
.sz-bank .back a{color:#fff;}
.sz-bank .card{background:#1672FE;width:300px;height:200px;margin:0px auto 20px auto;border-radius:10px;overflow:hidden;color:#fff;z-index:2;}
.sz-bank .card:before{content:"";border-radius:100%;background:#1F166F;position:absolute;bottom:calc(20% - 200px);left:-200px;width:400px;height:400px;}
.sz-bank .card:after{content:"";border-radius:100%;background:#4EB3FE;position:absolute;top:calc(20% - 100px);right:-100px;width:200px;height:200px;}
.sz-bank .card .logo img{width:70px;}
.sz-bank .card .text{position:relative;z-index:3;padding:20px;}
.sz-bank .card .logo{position:absolute;z-index:3;bottom:10px;right:10px;filter:brightness(2);}
.sz-bank .card .text .owner{font-size:25px;margin-bottom:20px;font-weight:lighter;}
.sz-bank .card .text .bank{font-size:12px;}
.sz-bank .card .text .number{font-size:18px;letter-spacing:2px;}
.sz-bank .card-wrap{position:relative;width:300px;margin:0px auto }
.sz-bank .card-wrap:after{content:"";border-radius:10px;background:#F84069;position:absolute;bottom:-5px;left:20px;width:260px;height:40px;}
.sz-bank .card-wrap:before{content:"";border-radius:10px;background:#807FC6;position:absolute;bottom:-10px;left:40px;width:220px;height:40px;}
.sz-bank .lds-ellipsis{position:absolute;top:50%;left:calc(50% - 40px);}
.sz-paymentManual{background:var(--primary-color);min-height:100vh;}
.sz-paymentManual .page{background:#fff;max-width:350px;margin:50px auto;border-radius:50px;}
.sz-paymentManual .back{color:#fff;padding:20px;}
.sz-paymentManual .back a{color:#fff;}
.sz-paymentManual .card{background:#1672FE;width:300px;height:200px;margin:0px auto 20px auto;border-radius:10px;overflow:hidden;color:#fff;z-index:2;}
.sz-paymentManual .card:before{content:"";border-radius:100%;background:#1F166F;position:absolute;bottom:calc(20% - 200px);left:-200px;width:400px;height:400px;}
.sz-paymentManual .card:after{content:"";border-radius:100%;background:#4EB3FE;position:absolute;top:calc(20% - 100px);right:-100px;width:200px;height:200px;}
.sz-paymentManual .card .logo img{width:70px;}
.sz-paymentManual .card .text{position:relative;z-index:3;padding:20px;}
.sz-paymentManual .card .logo{position:absolute;z-index:3;bottom:10px;right:10px;filter:brightness(2);}
.sz-paymentManual .card .text .owner{font-size:25px;margin-bottom:20px;font-weight:lighter;}
.sz-paymentManual .card .text .bank{font-size:12px;}
.sz-paymentManual .card .text .number{font-size:18px;letter-spacing:2px;}
.sz-paymentManual .card-wrap{position:relative;width:300px;margin:0px auto }
.sz-paymentManual .card-wrap:after{content:"";border-radius:10px;background:#F84069;position:absolute;bottom:-5px;left:20px;width:260px;height:40px;}
.sz-paymentManual .card-wrap:before{content:"";border-radius:10px;background:#807FC6;position:absolute;bottom:-10px;left:40px;width:220px;height:40px;}
.sz-paymentManual .lds-ellipsis{position:absolute;top:50%;left:calc(50% - 40px);}
/* SHEET */
.sheet.listView .table-responsive{}
tr.sheet td.sheet{padding:padding:20px !important;margin:0 !important;position:relative;min-width:100px; border:1px solid #ccc !important;}
tr.sheet td .close a:nth-child(1) {color:#333;}
tr.sheet td:selected{background:#f00 !important;}
tr.sheet td .close{z-index:5;position:relative;font-size:18px;padding:3px;}
tr.sheet a.full{cursor:pointer;border:1px solid transparent;min-height:65px;position:absolute;top:0;left:0;width:100%;height:100%;}
tr.sheet td:hover{background:#f7edd7 !important;background-blend-mode: multiply !important;}
tr.sheet .edit{position:absolute;top:0;left:0;min-width:300px;width:100%;min-height:100%;z-index:3;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.5);}
tr.sheet .edit .form-group{background:#fff !important;margin-top:20px;}
tr.sheet .edit .form-group textarea{height:200px;}
.backoffice.sheet th{font-size:11px;letter-spacing:0;}
div.sheet.listView div.table-responsive{padding:0;}
tr.sheet td.focused .edit{border:1px solid #f00;}
tr.sheet td.occupied{outline:1px solid var(--primary-color) !important;}
tr.sheet .userName{font-size:8px;position:absolute;bottom:-1px;right:5px;padding:2px 3px;background:#f00;color:#fff;font-weight:bold;border-radius:3px 3px 0 0;}
tr.sheet td.occupied .userName{background:var(--primary-color) !important;}
tr.sheet .edit input.sheet{border:0;padding:20px;width:calc(100%);max-width:100%;position:absolute;top:0;left:0;height:100%;display:block;}
tr.sheet .edit select{border:0;padding:20px;width:calc(100%);max-width:100%;position:absolute;top:0;left:0;height:100%;display:block;}
tr.fieldsTr{position:normal;top:0px;background:rgba(255,255,255,0.8);z-index:2;}
tr.sheet .foreignForm .search input{height:40px;font-size:12px;}
tr.sheet .foreignForm .selection{text-align:center;padding:10px;}
tr.sheet .foreignForm .selection .title{font-weight:bold;}
tr.sheet .foreignForm .candidates a{border-bottom:1px solid #ccc;min-height:35px;background:#fff;filter:brightness(0.9);transition:0.2s;cursor:pointer;}
tr.sheet .foreignForm .candidates a:hover{filter:brightness(1);}
tr.sheet .foreignForm .candidates a span{font-weight:normal;color:#333;}
tr.sheet td.sheet[data-type="phone"]{min-width:150px;}
tr.sheet td.sheet[data-type="siret"]{min-width:200px;}
tr.sheet td.sheet[data-type="foreign"]{min-width:200px;}
tr.sheet td.sheet[data-field="address"]{min-width:250px;}
.backoffice.sheet th.activeFilter{background-color:var(--primary-color);}
.fieldsTr th{position:relative;}
.filterDiv{position:absolute;top:100%;left:0;min-width:300px;min-height:100%;z-index:3;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.5);padding:20px;}
.filterDiv .close{z-index:5;position:absolute;top:0;right:0;font-size:18px;padding:3px;}
.filterDiv .close a:nth-child(1) {color:#333;}
.filterForm .btn{font-size:10px;max-width:140px;}
.filterForm .search input{height:40px;font-size:12px;}
.filterForm .selection{text-align:center;padding:10px;}
.filterForm .title{font-weight:bold;}
.filterForm .candidates{max-height:300px;overflow:auto;}
.filterForm .candidates a{border-bottom:1px solid #ccc;min-height:35px;background:#fff;filter:brightness(0.9);transition:0.2s;cursor:pointer;}
.filterForm .candidateDiv span{font-weight:normal;color:#333;}
.filterForm .candidateDiv {color:#333;}
.filterForm .candidates a:hover{filter:brightness(1);}
[data-type="endpoint"] .card{font-size:0.8em;}
[data-type="endpoint"] .card .title{font-weight:bold;color:var(--primary-color);}
.chooser{max-width:100%;width:550px;}
.chooser .results{max-height:650px;overflow:auto;padding:20px;}
.chooser .results a{display:block;text-align:center;background:#eee;margin-bottom:2px;padding:6px;font-size:0.8em;}
.chooser .results a:hover{background:var(--primary-color);color:#fff;}
.requiredFieldNotice{display:inline;margin-left:5px;font-weight:normal;color:#000;font-size:15px;line-height:12px;}
[data-type="checkboxes"] .element,[data-type="foreignCheckboxes"] .element,[data-type="foreignRadio"] .element{min-width:200px !important;max-width:350px !important;padding:5px 10px;}
[data-type="checkboxes"] .element label{font-weight:normal !important;color:#000 !important;}
[data-type="foreignCheckboxes"] .element label{font-weight:normal !important;color:#000 !important;}
[data-type="foreignRadio"] .element label{font-weight:normal !important;color:#000 !important;}
[data-type="checkboxes"] input[type='checkbox']{min-height:unset;}
[data-type="foreignCheckboxes"] input[type='checkbox']{min-height:unset;}
[data-type="foreignRadio"] input[type='radio']{min-height:unset;}
.dropZone .col.file{display:none;}
.dropZone td.fileName{font-weight:bold;}
[data-type="gdrpConsent"] input{width:20px;appearance:auto;-webkit-appearance:auto;-moz-appearance:auto;margin:0 0 0 -35px;}
.form-check-label{line-height:170%;}
.searchTr th{margin:0!important;padding:0!important;}
.searchTr th div{margin:0!important;;}
.searchTr th input,.searchTr th select{padding:5px;height:40px;border-radius:0!important;border:1px solid #eee!important;}
.searchTr th input::placeholder{font-size:10px!important;letter-spacing:0;color:#ccc;}
.filtersSelected{padding:0px;margin-bottom:10px;}
.historyList{border-left:2px solid var(--primary-color);margin-left:50px;padding-left:50px;padding-top:10px;padding-bottom:10px;}
.historyElement{position:relative;margin:20px 0;}
.historyElement .date{font-weight:bold;color:var(--primary-color);}
.historyElement .name{font-weight:bold;}
.historyElement:before{content:".";position:absolute;left:-57px;top:-7px;font-size:60px;line-height:0px;}
.form.appwatch{width:100%;}
.form.appwatch .list{height:calc(100vh - 200px);overflow:auto;}
.form.appwatch .list .element{border:1px solid #ccc;padding:10px;background:#eee;margin-bottom:2px;}
.form.appwatch .list .element .type{font-weight:bold;}
.form-group .szdropdown{
height:0;
position:relative;
z-index:1000;
}
.form-group .szdropdown-container{
max-height:400px;
overflow:auto;
}
.form-group .szdropdown .szdropdown-element{
background:#ddd;
color:#666;
display:block;
padding:5px 10px;
margin:0 2px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}
.form-group .szdropdown .szdropdown-element:hover{
color:#fff;
background:var(--primary-color);
}
/*F.A.Q.*/
[data-name="faqBlock"] {padding: 50px 0;}
[data-name="faqBlock"] .faq {padding-top: 50px;}
[data-name="faqBlock"] h3 {text-transform:initial;}
[data-name="faqBlock"] .box .flex-column {background-color: #7b7b7b;padding:20px;margin-bottom:15px}
[data-name="faqBlock"] .box a {text-decoration: none; line-height: 50px;width: 100%;color:#fff;font-size:20px;}
[data-name="faqBlock"] .box .answer {line-height: 25px;color:#fff;width:100%;text-align:left;}
/*carrousel*/
[data-name="coreCarrouselBlock"] {padding: 50px 0;}
[data-name="coreCarrouselBlock"] .slide {margin: 15px;}
[data-name="coreCarrouselBlock"] .slide .name {height:50px;}
[data-name="coreCarrouselBlock"] img {width:100%;height:250px;object-fit:cover;padding-bottom:30px;}
[data-name="coreCarrouselBlock"] .owl-carousel .owl-nav.disabled, [data-name="carrouselBlock"] .owl-carousel .owl-dots.disabled {display: flex;}
[data-name="coreCarrouselBlock"] .owl-carousel .owl-nav.disabled {}
[data-name="coreCarrouselBlock"] .owl-carousel {position: relative;height: 100%;top: 0;left: 0;justify-content: revert;display: flex;justify-content: space-between;}
[data-name="coreCarrouselBlock"] .owl-carousel .owl-nav {font-size:50px;color: #fff;}
[data-name="coreCarrouselBlock"] .owl-carousel .owl-prev {position:absolute;top:50%;left:-20px;}
[data-name="coreCarrouselBlock"] .owl-carousel .owl-next {position:absolute;top:50%;right:-20px;}
@media (max-width: 1200px) {
[data-name="faqBlock"] .container, [data-name="coreCarrouselBlock"] .container {padding:0 20px;}
}
[data-name="coreCartBlock"] .steps{background:#F6F6F8;padding:20px;align-items: end !important;}
[data-name="coreCartBlock"] .step {text-align:center;max-width:350px;filter:saturate(0);opacity:1;}
[data-name="coreCartBlock"] .step .title{font-weight:bold;color:#000;display:block;font-size:20px;}
[data-name="coreCartBlock"] .step .number{font-weight:bold;color:#fff;display:block;background:var(--primary-color);border-radius:100%;width:50px;line-height:40px;margin:10px auto;font-size:20px;border:5px solid #fff;z-index:1;}
[data-name="coreCartBlock"] .step .number:before{position:absolute;bottom:32px;left:0;width:calc(50% - 25px);height:5px;background:var(--primary-color);content:"";z-index:0;}
[data-name="coreCartBlock"] .step .number:after{position:absolute;bottom:32px;right:0;width:calc(50% - 25px);height:5px;background:var(--primary-color);content:"";z-index:0;}
[data-name="coreCartBlock"] .step:nth-child(1) .number:before{content:none;}
[data-name="coreCartBlock"] .step:last-child .number:after{content:none;}
[data-name="coreCartBlock"] .step.disabled{pointer-events:none;filter:saturate(0); opacity:0.3}
[data-name="coreCartBlock"] .step.disabled .number{color:#000;}
[data-name="coreCartBlock"] .step.current{filter:saturate(1);opacity:1;}
@media (max-width: 1200px) {
[data-name="coreCartBlock"] .step .title{font-size:14px;line-height:16px;}
}
@media (max-width: 400px) {
[data-name="coreCartBlock"] .step .title{font-size:10px;line-height:16px;}
}
div.askTextFromAI [name='input']{min-width:800px;max-width:100%;}
div.askTextFromAI .result{background:#eee;padding:30px;max-width:800px;margin:0 auto 20px auto;}
div.askTextFromAIDevContext [name='input']{min-width:800px;max-width:100%;}
div.askTextFromAIDevContext .result{background:#eee;padding:30px;max-width:800px;margin:0 auto 20px auto;overflow:auto;font-size:10px;max-height:calc(100vh - 430px);}
div.askTextFromAIDevContext .resultSaezam{background:#eee;padding:30px;max-width:800px;margin:0 auto 20px auto;overflow:auto;max-height:calc(100vh - 430px);}
div.askTextFromAIDevContext .resultSaezam > div{background:#fff;margin:10px;padding:20px;}
div.askTextFromAIDevContext .resultSaezam > div .operation{font-weight:bold;color:var(--primary-color)}
div.askTextFromAIDevContext .resultSaezam > div .description{font-size:12px;}
table.backoffice .badge-light{color:inherit;}
.form-group .szdropdown .szdropdown-element.selected{
color:#fff;
background:var(--primary-color);
}
td.product-image{min-width:70px;padding:0;}
td.product-name{min-width:150px;}
td.product-name{min-width:150px;}
</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;600&display=swap" rel="stylesheet"></head><body>
<div class="row no-gutters flex-nowrap" data-saezam="global" data-objectid="50" data-objectclass="page" data-pageid="50">
<div class="col zone szfront" data-saezam="front">
<div class="wrapper">
<div data-saezam="wrapper" data-name="wrapper">
<div data-saezam="sections" data-name="header">
<header id="header" class="" data-saezam="blocks" data-name="headerBlock" data-id="11">
<div class="d-lg-flex flex-lg-row" style="height: 100%;">
<!-- logo -->
<div class="logo col-lg-2" style="">
<a href="https://www.escalade-alsace.com" title="Escalade Alsace">
<img class="normal" src="https://www.escalade-alsace.com/images/cache/files/hooks/logo-escalade-alsace-blanc-2.png?quality=100" alt="Logo Escalade Alsace">
<img class="gray-logo" src="https://www.escalade-alsace.com/images/cache/files/hooks/logo-escalade-alsace-blanc-2.png?quality=100" alt="Logo Escalade Alsace">
</a>
</div>
<!--menu mobile-->
<div class="topHeaderMobile pt-4 pl-3 pr-3 flex-row-reverse">
<nav class="mobileNav align-self-end button p-0" style="color: #fff;" role="navigation">
<div id="menuToggle" data-fancybox="" data-src="#Toggle">
<p style="padding: 0; margin:0; font-size: 40px">
<i class="fas fa-bars"></i>
</p>
</div>
</nav>
<div class="mobileLogo" style="">
<a href="https://www.escalade-alsace.com">
<img class="normal" src="https://www.escalade-alsace.com/images/cache/files/hooks/logo-escalade-alsace-blanc-2.png?quality=100" alt="Logo Escalade Alsace">
</a>
</div>
<div style="display: none;" id="Toggle">
<a href="https://www.escalade-alsace.com">
<img class="normal" src="https://www.escalade-alsace.com/images/cache/files/hooks/logo-escalade-alsace-blanc-2.png?quality=100" alt="Logo Escalade Alsace">
</a>
<div id="toggleNav">
<ul class="slide text-left" style="">
<li class="">
<a href="/articles-escalade?filters[categoryId]=news" title="News">News</a>
</li>
<li class="" id="bddAlsace">
<a href="/base-de-donnees?france-alsace-moselle=1" title="Alsace / Moselle">Alsace / Moselle</a>
<ul class="subMenu pl-5">
<li>
<a href="/base-de-donnees?france-alsace-moselle=1&typeVoie=3" title="Falaises">
Falaises Alsace / Moselle
</a>
</li>
<li class="">
<a href="/base-de-donnees?france-alsace-moselle=1&typeVoie=2" title="Sites de blocs">
Sites de blocs Alsace / Moselle
</a>
</li>
<li class="">
<div class="">
<ul>
<li>
<a href='/explorateur-de-voies?filters%5Bregion%5D=71' title="Liste">Liste complète</a>
</li>
<li>
<a href="/explorateur-de-voies?filters%5BtypeVoie%5D=2&filters%5Bregion%5D=71&filters%5Bcotation%5D=51" title="Blocs d'Alsace >= 8B">Blocs d'Alsace >= 8B</a>
</li>
</ul>
</div>
</li>
</ul>
</li>
<li class="">
<a href="/base-de-donnees" title="Base de données">Base de données</a>
<ul class="subMenu pl-5">
<li class="">
<a href="/base-de-donnees?typeVoie=3" title="Falaises">
Falaises
</a>
</li>
<li class="">
<a href="/base-de-donnees?typeVoie=2" title="Sites de blocs">
Sites de blocs
</a>
</li>
<li class="">
<div class="d-flex flex-row align-content-center align-items-center" style="height: 100%;">
<ul>
<li>
<a href='/explorateur-de-voies' title="Liste">Liste complète</a>
</li>
<li>
<a href="/explorateur-de-voies?filters%5Bcotation%5D=60" title="Voies & blocs >= 9a">Voies & blocs >= 9a</a>
</li>
</ul>
</div>
</li>
</ul>
</li>
<li class="">
<a href="/medias" title="Médias">Médias</a>
<ul class="subMenu pl-5">
<li>
<a href="/medias?filters[type]=1" title="Photos">
Photos
</a>
</li>
<li>
<a href="/medias?filters[type][]=2&filters[type][]=3" title="Videos">
Vidéos
</a>
</li>
<li>
<div class="d-flex flex-row align-content-center align-items-center" style="height: 100%;">
<div class="multi-col ml-0">
<div>
<a href="/medias?filters[sujet]=Bloc" class="tag" title="#Bloc">
#Bloc </a>
</div>
<div>
<a href="/medias?filters[sujet]=Compétition" class="tag" title="#Compétition">
#Compétition </a>
</div>
<div>
<a href="/medias?filters[sujet]=Dessin" class="tag" title="#Dessin">
#Dessin </a>
</div>
<div>
<a href="/medias?filters[sujet]=Escalade" class="tag" title="#Escalade">
#Escalade </a>
</div>
<div>
<a href="/medias?filters[sujet]=Falaise" class="tag" title="#Falaise">
#Falaise </a>
</div>
<div>
<a href="/medias?filters[sujet]=Faune-Flore" class="tag" title="#Faune-Flore">
#Faune-Flore </a>
</div>
<div>
<a href="/medias?filters[sujet]=Paysages" class="tag" title="#Paysages">
#Paysages </a>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="" id="articlesMenu">
<a href="/articles-escalade" title="Articles">Articles</a>
<ul class="subMenu pl-5">
<li>
<a href="/articles-escalade?filters[categoryId]=news" title="news">
News
</a>
</li>
<li>
<a href="/articles-escalade?filters[categoryId]=Stage" title="Stage">
Stage </a>
</li>
<li>
<a href="/articles-escalade?filters[categoryId]=Livres" title="Livres">
Livres </a>
</li>
<li class="">
<div class="d-flex flex-row align-content-center align-items-center" style="height: 100%;">
<div class="multi-col ml-0">
<div>
<a href="/articles-escalade?filters[categoryId]=Comp%C3%A9tition" class="tag" title="#Compétition">
#Compétition </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=%C3%89v%C3%A8nement" class="tag" title="#Évènement">
#Évènement </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Film" class="tag" title="#Film">
#Film </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Interview" class="tag" title="#Interview">
#Interview </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Livres" class="tag" title="#Livres">
#Livres </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Mat%C3%A9riel" class="tag" title="#Matériel">
#Matériel </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=News" class="tag" title="#News">
#News </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Nidification" class="tag" title="#Nidification">
#Nidification </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Nouvelle" class="tag" title="#Nouvelle">
#Nouvelle </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Offre%20d%27emploi" class="tag" title="#Offre d'emploi">
#Offre d'emploi </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Stage" class="tag" title="#Stage">
#Stage </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Training" class="tag" title="#Training">
#Training </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Web" class="tag" title="#Web">
#Web </a>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="">
<a href="/forum-escalade" title="Forum">Forum</a>
</li>
<li class="">
<a href="/shop" title="Shop">Shop</a>
</li>
<li class="">
<a href="/salles-clubs" title="Salles / Clubs">Salles / Clubs / ...</a>
<ul class="subMenu pl-5">
<li>
<a href="/salles-clubs?filters[type]=Salles" title="Salles">
Salles
</a>
</li>
<li>
<a href="/salles-clubs?filters[type]=Clubs" title="Clubs">
Clubs
</a>
</li>
<li>
<a href="/salles-clubs?filters[type]=Associations" title="Associations">
Associations
</a>
</li>
<li>
<a href="/salles-clubs?filters[type]=Encadrement" title="Encadrement">
Encadrement
</a>
</li>
</ul>
</li>
<li class="">
<a href="http://ancien.escalade-alsace.com" title="Ancien site">Ancien site</a>
</li>
</ul>
</div>
<a href="/mon-compte" title="Se connecter" style="text-decoration: none; color: #fff;" class="pl-2 pr-2"><span class="icon icon-user"></span></a>
<a href="/mon-panier" title="Panier" style="text-decoration: none; color: #fff;" class="pl-2 pr-2"><span class="icon icon-cart"></span></a>
<!-- menu de langage -->
<div class="button dropdown" style="width: fit-content;margin: 0 auto 20px;">
<button class="btn dropdown-toggle" type="button" id="langueDropDown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="https://flagcdn.com/w20/fr.png" alt="Français" > </button>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="langueDropDown">
<a class="dropdown-item" data-val="en" onclick="saezam.changeLanguage('en');return false;" href="#"><img src="https://flagcdn.com/w20/gb.png" alt="Anglais" > Anglais</a>
<a class="dropdown-item" data-val="fr" onclick="saezam.changeLanguage('fr');return false;" href="#"><img src="https://flagcdn.com/w20/fr.png" alt="Français" > Français</a>
<a class="dropdown-item" data-val="de" onclick="saezam.changeLanguage('de');return false;" href="#"><img src="https://flagcdn.com/w20/de.png" alt="Allemand" > Allemand</a>
</div>
</div>
<div style="text-decoration: none; color: #fff;">
<a href="#" id="changeMode" title="Changer de mode" style="text-decoration: none; color: #fff;" onclick="changeDarkMode();return false;" >
<i class="fas fa-moon"></i>
</a>
<!--<i class="far fa-toggle-on"></i>-->
</div>
</div>
</div>
<!-- main navigation -->
<div class="header-right col-lg-10 m-0 p-0 d-lg-flex flex-lg-column">
<div class="headerTop pt-3 pb-3 d-lg-flex flex-lg-row no-gutters flex-wrap">
<div class="col-12 col-md-7 col-lg-4 text-center">
<a href="https://www.youtube.com/@EA-EscaladeAlsace" title="Youtube Escalade Alsace" style="text-decoration: none; color: #fff;" class="pl-lg-4 pr-lg-4" target="_blank"><i class="fab fa-youtube"></i></a>
<a href="https://vimeo.com/user91835701" title="vimeo Escalade Alsace" style="text-decoration: none; color: #fff;" class="pl-lg-4 pr-lg-4" target="_blank"><i class="fab fa-vimeo-v"></i></a>
<a href="https://www.instagram.com/escaladealsace/" title="instagram Escalade Alsace" style="text-decoration: none; color: #fff;" class="pl-lg-4 pr-lg-4"><i class="fab fa-instagram"></i></a>
<a href="https://www.facebook.com/wwwescalade-alsacecom-149923753742/" title="facebook Escalade Alsace" style="text-decoration: none; color: #fff;" class="pl-lg-4 pr-lg-4"><i class="fab fa-facebook-f"></i></a>
<a href="/shop" title="Shop" style="text-decoration: none; color: #fff;" class="pl-lg-4 pr-lg-4"><i class="fas fa-store"></i></a>
<a href="/mon-compte" title="Se connecter" style="text-decoration: none; color: #fff;" class="pl-lg-4 pr-lg-4"><span class="icon icon-user"></span></a>
<a href="/mon-panier" title="Panier" style="text-decoration: none; color: #fff;" class="pl-2 pr-2"><span class="icon icon-cart"></span></a>
</div>
<div class="col-12 col-md-5 col-lg-4 lvl-0 text-center" >
<a href="#" title="Rechercher" id="searchButton" data-saezam="form" data-endpoint="/escaladePlus/searchAll" data-clickoutside="true" style="text-decoration: none; color: #fff;"> Rechercher <span class="icon icon-search p-4"></span>
</a>
</div>
<div class="col-lg-4 text-center d-lg-flex justify-content-center align-self-center last">
<a href="/mon-compte" title="Se connecter" style="text-decoration: none; color: #fff;" class="pl-2 pr-2"><span class="icon icon-user"></span></a>
<a href="/mon-panier" title="Panier" style="text-decoration: none; color: #fff;" class="pl-2 pr-2"><span class="icon icon-cart"></span></a>
<!-- menu de langage -->
<div class="button dropdown" style="width: fit-content;">
<button class="btn dropdown-toggle" type="button" id="langueDropDown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="https://flagcdn.com/w20/fr.png" alt="Français" > </button>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="langueDropDown">
<a class="dropdown-item" data-val="en" onclick="saezam.changeLanguage('en');return false;" href="#"><img src="https://flagcdn.com/w20/gb.png" alt="Anglais" > Anglais</a>
<a class="dropdown-item" data-val="fr" onclick="saezam.changeLanguage('fr');return false;" href="#"><img src="https://flagcdn.com/w20/fr.png" alt="Français" > Français</a>
<a class="dropdown-item" data-val="de" onclick="saezam.changeLanguage('de');return false;" href="#"><img src="https://flagcdn.com/w20/de.png" alt="Allemand" > Allemand</a>
</div>
</div>
<div style="text-decoration: none; color: #fff;">
<a href="#" id="changeMode" title="Changer de mode" onclick="changeDarkMode();return false;" >
<i class="fas fa-moon"></i>
</a>
<!--<i class="far fa-toggle-on"></i>-->
</div>
</div>
</div>
<nav class="navbar mega-menu p-0 d-lg-flex flex-lg-row" style="height: 100%; width: 100%">
<!-- main menu items and drop for mobile -->
<ul class="nav mega-menu-main d-lg-flex flex-lg-row align-items-center justify-content-around flex-nowrap" style="list-style: none; height: 100%;width: 100%;">
<li class="lvl-0">
<a href="/articles-escalade?filters[categoryId]=news" title="News">News</a>
</li>
<li class="lvl-0" id="bddAlsace">
<a href="/base-de-donnees?france-alsace-moselle=1" title="Alsace / Moselle">Alsace / Moselle</a>
<ul class="mega-menu-tab">
<li class="lvl-1 p-0 m-0">
<div class="pl-4 pt-4">
<a href="/base-de-donnees?france-alsace-moselle=1&typeVoie=3" title="Falaises" class="image" style="background-image:url('https://www.escalade-alsace.com/images/cache/files/hooks/FalaisesAlsace_MenuEAV3.jpg?quality=100');">
<h2 class="">Falaises<br/>Alsace / Moselle</h2>
</a>
</div>
</li>
<li class="lvl-1 p-0 m-0">
<div class="pl-4 pt-4">
<a href="/base-de-donnees?france-alsace-moselle=1&typeVoie=2" title="Sites de blocs" class="image" style="background-image:url('https://www.escalade-alsace.com/images/cache/files/hooks/BlocsAlsace_MenuEAV3.jpg?quality=100');">
<h2 class="">Sites de blocs<br/> Alsace / Moselle</h2>
</a>
</div>
</li>
<li class="lvl-1">
<div class="d-flex flex-row align-content-center align-items-center justify-content-center" style="height: 100%;">
<ul>
<li>
<a href='/explorateur-de-voies?filters%5Bregion%5D=71' title="Liste">Liste complète</a>
</li>
<li>
<a href="/explorateur-de-voies?filters%5BtypeVoie%5D=2&filters%5Bregion%5D=71&filters%5Bcotation%5D=51" title="Blocs d'Alsace >= 8B">Blocs d'Alsace >= 8B</a>
</li>
</ul>
</div>
</li>
</ul>
</li>
<li class="lvl-0">
<a href="/base-de-donnees" title="Base de données">Base de données</a>
<ul class="mega-menu-tab">
<li class="lvl-1 p-0 m-0">
<div class="pl-4 pt-4">
<a href="/base-de-donnees?typeVoie=3" title="Falaises" class="image" style="background-image:url('https://www.escalade-alsace.com/images/cache/files/hooks/FalaisesBdd_MenuEAV3.jpg?quality=100');">
<h2 class="">Falaises</h2>
</a>
</div>
</li>
<li class="lvl-1 p-0 m-0">
<div class="pl-4 pt-4">
<a href="/base-de-donnees?typeVoie=2" title="Sites de blocs" class="image" style="background-image:url('https://www.escalade-alsace.com/images/cache/files/hooks/BlocsBdd_MenuEAV3.jpg?quality=100');">
<h2 class="">Sites de blocs</h2>
</a>
</div>
</li>
<li class="lvl-1">
<div class="d-flex flex-row align-content-center align-items-center justify-content-center" style="height: 100%;">
<ul>
<li>
<a href='/explorateur-de-voies' title="Liste">Liste complète</a>
</li>
<li>
<a href="/explorateur-de-voies?filters%5Bcotation%5D=60" title="Voies & blocs >= 9a">Voies & blocs >= 9a</a>
</li>
</ul>
</div>
</li>
</ul>
</li>
<li class="lvl-0">
<a href="/medias" title="Médias">Médias</a>
<ul class="mega-menu-tab">
<li class="lvl-1 p-0 m-0">
<div class="pl-4 pt-4">
<a href="/medias?filters[type]=1" title="Photos" class="image" style="background-image:url('https://www.escalade-alsace.com/images/cache/files/hooks/Photos_MenuEAV3.jpg?quality=100');">
<h2 class="">Photos</h2>
</a>
</div>
</li>
<li class="lvl-1 p-0 m-0">
<div class="pl-4 pt-4">
<a href="/medias?filters[type][]=2&filters[type][]=3" title="Videos" class="image" style="background-image:url('https://www.escalade-alsace.com/images/cache/files/hooks/Vidéos_MenuEAV3.jpg?quality=100');">
<h2 class="">Vidéos</h2>
</a>
</div>
</li>
<li class="lvl-1">
<div class="d-flex flex-row align-content-center align-items-center" style="height: 100%;">
<div class="multi-col">
<div>
<a href="/medias?filters[sujet]=Bloc" class="tag" title="#Bloc">
#Bloc </a>
</div>
<div>
<a href="/medias?filters[sujet]=Compétition" class="tag" title="#Compétition">
#Compétition </a>
</div>
<div>
<a href="/medias?filters[sujet]=Dessin" class="tag" title="#Dessin">
#Dessin </a>
</div>
<div>
<a href="/medias?filters[sujet]=Escalade" class="tag" title="#Escalade">
#Escalade </a>
</div>
<div>
<a href="/medias?filters[sujet]=Falaise" class="tag" title="#Falaise">
#Falaise </a>
</div>
<div>
<a href="/medias?filters[sujet]=Faune-Flore" class="tag" title="#Faune-Flore">
#Faune-Flore </a>
</div>
<div>
<a href="/medias?filters[sujet]=Paysages" class="tag" title="#Paysages">
#Paysages </a>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="lvl-0" id="articlesMenu">
<a href="/articles-escalade" title="Articles">Articles</a>
<ul class="mega-menu-tab">
<li class="lvl-1 p-0 m-0">
<div class="pl-4 pt-4">
<a href="/articles-escalade?filters[categoryId]=news" title="news" class="image" style="background-image:url('https://www.escalade-alsace.com/images/cache/files/categories/News_MenuEAV3.jpg?quality=100');">
<h2 class="">News</h2>
</a>
</div>
</li>
<li class="lvl-1 p-0 m-0">
<div class="pl-4 pt-4">
<a href="/articles-escalade?filters[categoryId]=Stage" title="Stage" class="image" style="background-image:url('https://www.escalade-alsace.com/images/cache/files/categories/Stage_MenuEAV3.jpg?quality=100');">
<h2 class="">Stage</h2>
</a>
</div>
</li>
<li class="lvl-1 p-0 m-0">
<div class="pl-4 pt-4">
<a href="/articles-escalade?filters[categoryId]=Livres" title="Livres" class="image" style="background-image:url('https://www.escalade-alsace.com/images/cache/files/categories/Menu_LivreEAV3b.jpg?quality=100');">
<h2 class="">Livres</h2>
</a>
</div>
</li>
<li class="lvl-1">
<div class="d-flex flex-row align-content-center align-items-center" style="height: 100%;">
<div class="multi-col">
<div>
<a href="/articles-escalade?filters[categoryId]=Comp%C3%A9tition" class="tag" title="#Compétition">
#Compétition </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=%C3%89v%C3%A8nement" class="tag" title="#Évènement">
#Évènement </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Film" class="tag" title="#Film">
#Film </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Interview" class="tag" title="#Interview">
#Interview </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Livres" class="tag" title="#Livres">
#Livres </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Mat%C3%A9riel" class="tag" title="#Matériel">
#Matériel </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=News" class="tag" title="#News">
#News </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Nidification" class="tag" title="#Nidification">
#Nidification </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Nouvelle" class="tag" title="#Nouvelle">
#Nouvelle </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Offre%20d%27emploi" class="tag" title="#Offre d'emploi">
#Offre d'emploi </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Stage" class="tag" title="#Stage">
#Stage </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Training" class="tag" title="#Training">
#Training </a>
</div>
<div>
<a href="/articles-escalade?filters[categoryId]=Web" class="tag" title="#Web">
#Web </a>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="lvl-0">
<a href="/forum-escalade" title="Forum">Forum</a>
</li>
<li class="lvl-0">
<a href="/shop" title="Shop">Shop</a>
</li>
<li class="lvl-0">
<a href="/salles-clubs" title="Salles / Clubs">Salles / Clubs / ...</a>
<ul class="mega-menu-tab">
<li class="lvl-1 p-0 m-0">
<div class="pl-4 pt-4">
<a href="/salles-clubs?filters[type]=Salles" title="Salles" class="image">
<h2 class="">Salles</h2>
</a>
</div>
</li>
<li class="lvl-1 p-0 m-0">
<div class="pl-4 pt-4">
<a href="/salles-clubs?filters[type]=Clubs" title="Clubs" class="image" style="background-image:url('https://www.escalade-alsace.com/images/cache/files/hooks/Clubs_MenuEAV3.jpg?quality=100');">
<h2 class="">Clubs</h2>
</a>
</div>
</li>
<li class="lvl-1 p-0 m-0">
<div class="pl-4 pt-4">
<a href="/salles-clubs?filters[type]=Associations" title="Associations" class="image" style="background-image:url('https://www.escalade-alsace.com/images/cache/files/hooks/Associations_MenuEAV3.jpg?quality=100');">
<h2 class="">Associations</h2>
</a>
</div>
</li>
<li class="lvl-1 p-0 m-0">
<div class="pl-4 pt-4">
<a href="/salles-clubs?filters[type]=Encadrement" title="Encadrement" class="image" style="background-image:url('https://www.escalade-alsace.com/images/cache/files/hooks/Encadrement_MenuEAV3.jpg?quality=100');">
<h2 class="">Encadrement</h2>
</a>
</div>
</li>
</ul>
</li>
<li class="lvl-0">
<a href="http://ancien.escalade-alsace.com" title="Ancien site">Ancien site</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
</div>
<div data-saezam="sections" data-name="center">
<div data-saezam="blocks" data-name="bandeauPubsHome" data-id="48">
<div class="d-flex flex-md-row flex-lg-row" style="gap:5px !important;max-width:calc(100% - 10px);">
<div class="p-0 col-md-4 col-lg-4 firstPub">
<a href="http://bloc-en-stock.fr/" title=""><img src="https://www.escalade-alsace.com//files/hooks/Bloc_en_stockV2.gif" alt="publicite" width="100%"/></a>
</div>
<div class="p-0 col-md-4 col-lg-4 secondPub" width="100%">
<a href="https://www.hueco.fr/" title="https://www.hueco.fr/"><img src="https://www.escalade-alsace.com//files/hooks/20230529_banniere_EA_Hueco.gif" alt="publicite" width="100%"/></a>
</div>
<div class="p-0 col-md-4 col-lg-4 thirdPub" width="100%">
<a href="https://www.blocsession.com/salle-escalade/strasbourg-sud/" title="https://www.blocsession.com/salle-escalade/strasbourg-sud/"><img src="https://www.escalade-alsace.com//files/hooks/banner_BS_Illkirch_EA.gif" alt="publicite" width="100%"/></a>
</div>
</div>
</div>
<div class="featured-content adventure-holder" data-saezam="blocks" data-name="accueilBlock" data-id="63">
<div class="container-fluid">
<div class="row same-height no-gutters">
<div class="col-lg-4 image height">
<div class="pt-4">
<header class="content-heading">
<h2 class="main-heading">
Dernières mises à jour
</h2>
<div class="seperator"></div>
</header>
<div class="d-flex row justify-content-center mt-4">
<label for="select-region">
Filtrer par :
</label>
<div class="select-holder" style="padding-left: 10px;">
<select class="trip-select trip-select-v2 region" name="region" id="selectClassMaj" style="border: 1px solid #ededed" onchange="refreshListMaj();">
<option value="">
Tout
</option>
<option value="16" data-type="category">
News </option>
<option value="articleEscalade">
Articles
</option>
<option value="mediaEscalade">
Médias
</option>
<option value="falaiseEscalade">
Falaises
</option>
<option value="voieEscalade">
Voies
</option>
<option value="sujetForumEscalade">
Forum
</option>
</select>
</div>
</div>
<div class="text-block">
<table class="table" id="updatesDiv">
<tr>
<td>
<a href="https://www.escalade-alsace.com/forum-escalade/581-jurassic-park#last" title="https://www.escalade-alsace.com/forum-escalade/581-jurassic-park#last" class="">
Forum </a>
</td>
<td class="text-left">
<a href="https://www.escalade-alsace.com/forum-escalade/581-jurassic-park#last" title="https://www.escalade-alsace.com/forum-escalade/581-jurassic-park#last" class="">
Jurassic Park </a>
</td>
<td>
<a href="https://www.escalade-alsace.com/forum-escalade/581-jurassic-park#last" title="https://www.escalade-alsace.com/forum-escalade/581-jurassic-park#last" class="">
12-09-2026 </a>
</td>
</tr>
<tr>
<td>
<a href="https://www.escalade-alsace.com/medias/2/9571-benoit-pocket-rocket-7c-gothard-suisse?offset=0&order=dateUpdate DESC" title="https://www.escalade-alsace.com/medias/2/9571-benoit-pocket-rocket-7c-gothard-suisse?offset=0&order=dateUpdate DESC" class="">
Médias </a>
</td>
<td class="text-left">
<a href="https://www.escalade-alsace.com/medias/2/9571-benoit-pocket-rocket-7c-gothard-suisse?offset=0&order=dateUpdate DESC" title="https://www.escalade-alsace.com/medias/2/9571-benoit-pocket-rocket-7c-gothard-suisse?offset=0&order=dateUpdate DESC" class="">
Benoit, Pocket Rocket 7C+, Gothard,... </a>
</td>
<td>
<a href="https://www.escalade-alsace.com/medias/2/9571-benoit-pocket-rocket-7c-gothard-suisse?offset=0&order=dateUpdate DESC" title="https://www.escalade-alsace.com/medias/2/9571-benoit-pocket-rocket-7c-gothard-suisse?offset=0&order=dateUpdate DESC" class="">
12-09-2026 </a>
</td>
</tr>
<tr>
<td>
<a href="https://www.escalade-alsace.com/forum-escalade/582-maillon-rapide-devisse-dans-retablissement-a-peine-capitale-kronthal#last" title="https://www.escalade-alsace.com/forum-escalade/582-maillon-rapide-devisse-dans-retablissement-a-peine-capitale-kronthal#last" class="">
Forum </a>
</td>
<td class="text-left">
<a href="https://www.escalade-alsace.com/forum-escalade/582-maillon-rapide-devisse-dans-retablissement-a-peine-capitale-kronthal#last" title="https://www.escalade-alsace.com/forum-escalade/582-maillon-rapide-devisse-dans-retablissement-a-peine-capitale-kronthal#last" class="">
Maillon rapide devissé dans Rétabli... </a>
</td>
<td>
<a href="https://www.escalade-alsace.com/forum-escalade/582-maillon-rapide-devisse-dans-retablissement-a-peine-capitale-kronthal#last" title="https://www.escalade-alsace.com/forum-escalade/582-maillon-rapide-devisse-dans-retablissement-a-peine-capitale-kronthal#last" class="">
12-09-2026 </a>
</td>
</tr>
<tr>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/neuntelstein/la-fete-du-spit" title="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/neuntelstein/la-fete-du-spit" class="">
Voies </a>
</td>
<td class="text-left">
<a href="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/neuntelstein/la-fete-du-spit" title="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/neuntelstein/la-fete-du-spit" class="">
La Fête du Spit </a>
</td>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/neuntelstein/la-fete-du-spit" title="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/neuntelstein/la-fete-du-spit" class="">
12-09-2026 </a>
</td>
</tr>
<tr>
<td>
<a href="https://www.escalade-alsace.com/medias/2/9570-robin-test-pilot-7a-sustenpass-video?offset=1&order=dateUpdate DESC" title="https://www.escalade-alsace.com/medias/2/9570-robin-test-pilot-7a-sustenpass-video?offset=1&order=dateUpdate DESC" class="">
Médias </a>
</td>
<td class="text-left">
<a href="https://www.escalade-alsace.com/medias/2/9570-robin-test-pilot-7a-sustenpass-video?offset=1&order=dateUpdate DESC" title="https://www.escalade-alsace.com/medias/2/9570-robin-test-pilot-7a-sustenpass-video?offset=1&order=dateUpdate DESC" class="">
Robin, Test pilot 7A, Sustenpass - ... </a>
</td>
<td>
<a href="https://www.escalade-alsace.com/medias/2/9570-robin-test-pilot-7a-sustenpass-video?offset=1&order=dateUpdate DESC" title="https://www.escalade-alsace.com/medias/2/9570-robin-test-pilot-7a-sustenpass-video?offset=1&order=dateUpdate DESC" class="">
12-09-2026 </a>
</td>
</tr>
<tr>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/zinswiller/bear-and-tall-1499" title="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/zinswiller/bear-and-tall-1499" class="">
Voies </a>
</td>
<td class="text-left">
<a href="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/zinswiller/bear-and-tall-1499" title="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/zinswiller/bear-and-tall-1499" class="">
Bear and tall </a>
</td>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/zinswiller/bear-and-tall-1499" title="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/zinswiller/bear-and-tall-1499" class="">
11-09-2026 </a>
</td>
</tr>
<tr>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/t-rex" title="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/t-rex" class="">
Voies </a>
</td>
<td class="text-left">
<a href="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/t-rex" title="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/t-rex" class="">
T-Rex </a>
</td>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/t-rex" title="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/t-rex" class="">
11-09-2026 </a>
</td>
</tr>
<tr>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/brachiosaurus" title="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/brachiosaurus" class="">
Voies </a>
</td>
<td class="text-left">
<a href="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/brachiosaurus" title="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/brachiosaurus" class="">
Brachiosaurus </a>
</td>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/brachiosaurus" title="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/brachiosaurus" class="">
11-09-2026 </a>
</td>
</tr>
<tr>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/archaeopteryx" title="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/archaeopteryx" class="">
Voies </a>
</td>
<td class="text-left">
<a href="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/archaeopteryx" title="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/archaeopteryx" class="">
Archaeopteryx </a>
</td>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/archaeopteryx" title="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/archaeopteryx" class="">
11-09-2026 </a>
</td>
</tr>
<tr>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/brontosaurus" title="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/brontosaurus" class="">
Voies </a>
</td>
<td class="text-left">
<a href="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/brontosaurus" title="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/brontosaurus" class="">
Brontosaurus </a>
</td>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/brontosaurus" title="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park/brontosaurus" class="">
11-09-2026 </a>
</td>
</tr>
<tr>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park" title="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park" class="">
Falaises </a>
</td>
<td class="text-left">
<a href="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park" title="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park" class="">
Jurassic Park </a>
</td>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park" title="https://www.escalade-alsace.com/base-de-donnees/allemagne-palatinat/jurassic-park" class="">
11-09-2026 </a>
</td>
</tr>
<tr>
<td>
<a href="https://www.escalade-alsace.com/forum-escalade/549-le-nouveau-topo-arrivant-bientot-#last" title="https://www.escalade-alsace.com/forum-escalade/549-le-nouveau-topo-arrivant-bientot-#last" class="">
Forum </a>
</td>
<td class="text-left">
<a href="https://www.escalade-alsace.com/forum-escalade/549-le-nouveau-topo-arrivant-bientot-#last" title="https://www.escalade-alsace.com/forum-escalade/549-le-nouveau-topo-arrivant-bientot-#last" class="">
Le nouveau topo arrivant bientôt…... </a>
</td>
<td>
<a href="https://www.escalade-alsace.com/forum-escalade/549-le-nouveau-topo-arrivant-bientot-#last" title="https://www.escalade-alsace.com/forum-escalade/549-le-nouveau-topo-arrivant-bientot-#last" class="">
10-09-2026 </a>
</td>
</tr>
<tr>
<td>
<a href="https://www.escalade-alsace.com/medias/1/9569-arnaud-zaccomer-lame-fatale-verdon?offset=2&order=dateUpdate DESC" title="https://www.escalade-alsace.com/medias/1/9569-arnaud-zaccomer-lame-fatale-verdon?offset=2&order=dateUpdate DESC" class="">
Médias </a>
</td>
<td class="text-left">
<a href="https://www.escalade-alsace.com/medias/1/9569-arnaud-zaccomer-lame-fatale-verdon?offset=2&order=dateUpdate DESC" title="https://www.escalade-alsace.com/medias/1/9569-arnaud-zaccomer-lame-fatale-verdon?offset=2&order=dateUpdate DESC" class="">
Arnaud Zaccomer, Lame fatale, Verdo... </a>
</td>
<td>
<a href="https://www.escalade-alsace.com/medias/1/9569-arnaud-zaccomer-lame-fatale-verdon?offset=2&order=dateUpdate DESC" title="https://www.escalade-alsace.com/medias/1/9569-arnaud-zaccomer-lame-fatale-verdon?offset=2&order=dateUpdate DESC" class="">
09-09-2026 </a>
</td>
</tr>
<tr>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/m-uuml-hlberg-/proue-te" title="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/m-uuml-hlberg-/proue-te" class="">
Voies </a>
</td>
<td class="text-left">
<a href="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/m-uuml-hlberg-/proue-te" title="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/m-uuml-hlberg-/proue-te" class="">
Proue-te </a>
</td>
<td>
<a href="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/m-uuml-hlberg-/proue-te" title="https://www.escalade-alsace.com/base-de-donnees/france-alsace-moselle/m-uuml-hlberg-/proue-te" class="">
09-09-2026 </a>
</td>
</tr>
<tr>
<td>
<a href="https://www.escalade-alsace.com/articles-escalade/stage/sejour-escalade-dans-le-luberon" title="https://www.escalade-alsace.com/articles-escalade/stage/sejour-escalade-dans-le-luberon" class="">
Stage </a>
</td>
<td class="text-left">
<a href="https://www.escalade-alsace.com/articles-escalade/stage/sejour-escalade-dans-le-luberon" title="https://www.escalade-alsace.com/articles-escalade/stage/sejour-escalade-dans-le-luberon" class="">
Séjour Escalade dans le Luberon... </a>
</td>
<td>
<a href="https://www.escalade-alsace.com/articles-escalade/stage/sejour-escalade-dans-le-luberon" title="https://www.escalade-alsace.com/articles-escalade/stage/sejour-escalade-dans-le-luberon" class="">
08-09-2026 </a>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="col-lg-4 image height uneMobile">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/flexslider.css" integrity="sha512-HWY8i77pPLL23sU4pHj+5iuZEmmmu2YaiTUcWrBXqBRTpn6yUdDvlFGNmG0qyjDg/vpt+YWNMASjg9M0eOU9DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<div class="flexslider" id="flexsliderabc86bd7c6f3c19f2c9ea414c27ccbc">
<ul class="slides">
<li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/AGDG-2026-Couverture2000px.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/livres/au-gre-du-gres-2026-topo" class="full"></a>
<div class="textes">
<div class="titre">il est là !!</div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Tour2Cadran-Aiguille-Argentiere.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/news/tour-de-cadran-a-l-aiguille-d-argentiere-" class="full"></a>
<div class="textes">
<div class="titre">Tour de cadran à l'Aiguille d'Argentière !</div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Fiz-Lucas-Une.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/news/des-tours-d-areu-aux-fiz-" class="full"></a>
<div class="textes">
<div class="titre">Des Tours d’Areu aux Fiz ! </div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Chutes-Couverture800px.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/shop#produit14" class="full"></a>
<div class="textes">
<div class="titre">Disponible en boutique !</div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Aurelien-Dynamosol-Une.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/news/aurelien-tixier-repete-dynamosol-7c-bloc-au-krappenfels-" class="full"></a>
<div class="textes">
<div class="titre"></div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Histoire-Mec-Une.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/nouvelle/histoire-d-un-mec" class="full"></a>
<div class="textes">
<div class="titre"></div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Voie-suaps-UNE.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/news/giulian-welle-libere-la-voie-suaps-en-solo-5-longueurs" class="full"></a>
<div class="textes">
<div class="titre">Giulian Welle libère la Voie SUAPS en solo !</div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/PenHir-Une-Film.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/film/un-alsacien-et-deux-bretons-a-pen-hir-video" class="full"></a>
<div class="textes">
<div class="titre">Film : 1 alsacien et 2 bretons</div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Itw-TL-ethique-Une.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/interview/escalade-ethique-du-libre-echanges-avec-thomas-leleu" class="full"></a>
<div class="textes">
<div class="titre">Echanges sur l'éthique avec Thomas Leleu</div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/BB-Enfant8c-Une-2.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/forum-escalade/519-les-zal-et-le-8c" class="full"></a>
<div class="textes">
<div class="titre">Les alsacien(ne)s et le 8c</div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Couv-Topo-Bloc2023XL.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/shop" class="full"></a>
<div class="textes">
<div class="titre">Disponible ! </div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Livre-30ans-Post-Cover-Prevente.jpg?width=800&height=800&quality=100);">
<a href="https://www.helloasso.com/associations/escalade-alsace/collectes/precommande-beau-livre-histoires-d-escalade-par-yann-corby" class="full"></a>
<div class="textes">
<div class="titre"></div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/1994-2024_HistoiresEscalade_Post_Prevente.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/livres/livre-histoires-escalade-yann-corby-photos" class="full"></a>
<div class="textes">
<div class="titre">Il est imprimé !</div>
</div>
</div></li> </ul>
</div>
</div>
<div class="col-lg-4 mt-2">
<div class="lienZoneB">
<a href="https://www.escalade-alsace.com/articles-escalade/livres/au-gre-du-gres-2026-topo">
<img src="https://www.escalade-alsace.com/images/cache/files/lienZoneBs/AGDG-2026-ZB.jpg?width=430&height=140&quality=100" alt="" class="m-2"/>
<div class="textes">
<div class="titre">Disponible !!</div>
</div>
</a>
</div>
<div class="lienZoneB">
<a href="https://www.escalade-alsace.com/articles-escalade/news/tour-de-cadran-a-l-aiguille-d-argentiere-">
<img src="https://www.escalade-alsace.com/images/cache/files/lienZoneBs/Tour2Cadran-Aiguille-ArgentiereZB.jpg?width=430&height=140&quality=100" alt="" class="m-2"/>
<div class="textes">
<div class="titre">Tour de cadran à l'Aiguille d'Argentière !</div>
</div>
</a>
</div>
<div class="lienZoneB">
<a href="https://www.escalade-alsace.com/articles-escalade/news/des-tours-d-areu-aux-fiz-">
<img src="https://www.escalade-alsace.com/images/cache/files/lienZoneBs/FIZ-B.jpg?width=430&height=140&quality=100" alt="" class="m-2"/>
<div class="textes">
<div class="titre">Des Tours d’Areu aux Fiz ! </div>
</div>
</a>
</div>
<div class="lienZoneB">
<a href="https://www.escalade-alsace.com/articles-escalade/materiel/t-shirts-et-sweat-escalade-alsace-vente">
<img src="https://www.escalade-alsace.com/images/cache/files/lienZoneBs/Textile-EA-ZB.jpg?width=430&height=140&quality=100" alt="" class="m-2"/>
<div class="textes">
<div class="titre">T-shirts et Sweat EA !</div>
</div>
</a>
</div>
</div>
<div class="col-lg-4 image height une">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/flexslider.css" integrity="sha512-HWY8i77pPLL23sU4pHj+5iuZEmmmu2YaiTUcWrBXqBRTpn6yUdDvlFGNmG0qyjDg/vpt+YWNMASjg9M0eOU9DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<div class="flexslider" id="flexslider7fea3d640031a1121db50dd60f392c3">
<ul class="slides">
<li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/AGDG-2026-Couverture2000px.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/livres/au-gre-du-gres-2026-topo" class="full"></a>
<div class="textes">
<div class="titre">il est là !!</div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Tour2Cadran-Aiguille-Argentiere.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/news/tour-de-cadran-a-l-aiguille-d-argentiere-" class="full"></a>
<div class="textes">
<div class="titre">Tour de cadran à l'Aiguille d'Argentière !</div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Fiz-Lucas-Une.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/news/des-tours-d-areu-aux-fiz-" class="full"></a>
<div class="textes">
<div class="titre">Des Tours d’Areu aux Fiz ! </div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Chutes-Couverture800px.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/shop#produit14" class="full"></a>
<div class="textes">
<div class="titre">Disponible en boutique !</div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Aurelien-Dynamosol-Une.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/news/aurelien-tixier-repete-dynamosol-7c-bloc-au-krappenfels-" class="full"></a>
<div class="textes">
<div class="titre"></div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Histoire-Mec-Une.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/nouvelle/histoire-d-un-mec" class="full"></a>
<div class="textes">
<div class="titre"></div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Voie-suaps-UNE.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/news/giulian-welle-libere-la-voie-suaps-en-solo-5-longueurs" class="full"></a>
<div class="textes">
<div class="titre">Giulian Welle libère la Voie SUAPS en solo !</div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/PenHir-Une-Film.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/film/un-alsacien-et-deux-bretons-a-pen-hir-video" class="full"></a>
<div class="textes">
<div class="titre">Film : 1 alsacien et 2 bretons</div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Itw-TL-ethique-Une.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/interview/escalade-ethique-du-libre-echanges-avec-thomas-leleu" class="full"></a>
<div class="textes">
<div class="titre">Echanges sur l'éthique avec Thomas Leleu</div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/BB-Enfant8c-Une-2.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/forum-escalade/519-les-zal-et-le-8c" class="full"></a>
<div class="textes">
<div class="titre">Les alsacien(ne)s et le 8c</div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Couv-Topo-Bloc2023XL.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/shop" class="full"></a>
<div class="textes">
<div class="titre">Disponible ! </div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/Livre-30ans-Post-Cover-Prevente.jpg?width=800&height=800&quality=100);">
<a href="https://www.helloasso.com/associations/escalade-alsace/collectes/precommande-beau-livre-histoires-d-escalade-par-yann-corby" class="full"></a>
<div class="textes">
<div class="titre"></div>
</div>
</div></li><li><div class="slideAccueil" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/slideAccueilEscalades/1994-2024_HistoiresEscalade_Post_Prevente.jpg?width=800&height=800&quality=100);">
<a href="https://www.escalade-alsace.com/articles-escalade/livres/livre-histoires-escalade-yann-corby-photos" class="full"></a>
<div class="textes">
<div class="titre">Il est imprimé !</div>
</div>
</div></li> </ul>
</div>
</div>
</div>
</div>
</div>
<section class="content-block" data-saezam="blocks" data-name="homeBlock" data-id="13" >
<div class="container-fluid">
<div class="adventure-holder">
<div class="row">
<div class="col-lg-8">
<header class="content-heading">
<h2 class="main-heading">
NOS DERNIERES PUBLICATIONS
</h2>
<div class="seperator"></div>
</header>
<div class="text-block content-holder content-boxed">
<div class="row db-3-col">
<article class="col-sm-6 col-md-4 article has-hover-s1 articleEscalade list">
<div class="thumbnail">
<div class="img-wrap">
<a href="https://www.escalade-alsace.com/articles-escalade/stage/sejour-escalade-dans-le-luberon" title="Voir plus" class="image">
<img src="https://www.escalade-alsace.com/images/cache/files/articleEscalades/Flyer_stage_VerticalService-news.jpg?width=350&height=228&quality=100" alt="image">
</a>
<div class="flou" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/articleEscalades/Flyer_stage_VerticalService-news.jpg?width=350&height=228&quality=100);">
</div>
</div>
<h3 class="small-space">
<a href="https://www.escalade-alsace.com/articles-escalade/stage/sejour-escalade-dans-le-luberon" title="Voir plus">Séjour Escalade dans le Luberon</a>
</h3>
<!--<aside class="meta">
<span class="country">
<span class="icon-world">
</span>12 Countries</span><span class="activity">
<span class="icon-acitivities"> </span>79 Activities</span>
</aside>-->
<aside class="mb-3">
<div class="date"><i class="fa fa-calendar-alt"></i> 08-09-2026</div>
<div class="country"><i class="fa fa-globe-europe"></i> France [Sud-est/ouest]</div>
<div class="tags"><i class="fa fa-hashtag"></i> Stage</div>
</aside>
<p class="m-0">
Prêt(e) à troquer la salle pour le rocher du Sud ? Vertical Évolution, en partenariat avec l'ACS Pe [...]
</p>
<footer class="d-flex flex-column justify-content-center align-items-center">
<div>
<a href="https://www.escalade-alsace.com/articles-escalade/stage/sejour-escalade-dans-le-luberon" class="btn btn-default">Explorer</a>
</div>
<!--
<ul class="social-networks mt-2">
<li>
<a href="#"><span class="icon-twitter"></span></a>
</li>
<li>
<a href="#"><span class="icon-google-plus"></span></a>
</li>
<li>
<a href="#"><span class="icon-facebook"></span></a>
</li>
<li>
<a href="#"><span class="icon-linkedin"></span></a>
</li>
</ul>
-->
</footer>
</div>
</article>
<article class="col-sm-6 col-md-4 article has-hover-s1 articleEscalade list">
<div class="thumbnail">
<div class="img-wrap">
<a href="https://www.escalade-alsace.com/articles-escalade/news/tour-de-cadran-a-l-aiguille-d-argentiere-" title="Voir plus" class="image">
<img src="https://www.escalade-alsace.com/images/cache/files/articleEscalades/DSC05682-2.jpg?width=350&height=228&quality=100" alt="image">
</a>
<div class="flou" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/articleEscalades/DSC05682-2.jpg?width=350&height=228&quality=100);">
</div>
</div>
<h3 class="small-space">
<a href="https://www.escalade-alsace.com/articles-escalade/news/tour-de-cadran-a-l-aiguille-d-argentiere-" title="Voir plus">Tour de cadran à l'Aiguille d'Argentière !</a>
</h3>
<!--<aside class="meta">
<span class="country">
<span class="icon-world">
</span>12 Countries</span><span class="activity">
<span class="icon-acitivities"> </span>79 Activities</span>
</aside>-->
<aside class="mb-3">
<div class="date"><i class="fa fa-calendar-alt"></i> 04-09-2026</div>
<div class="country"><i class="fa fa-globe-europe"></i> France [Sud-est/ouest]</div>
<div class="tags"><i class="fa fa-hashtag"></i> News</div>
<div class="comments"><i class="fa fa-comment"></i> 6 commentaire(s)</div>
</aside>
<p class="m-0">
Récit d'un week-end de grimpe dans le massif du Mont-Blanc avec Lucas Schwinte et Sylvain Guinot.&nb [...]
</p>
<footer class="d-flex flex-column justify-content-center align-items-center">
<div>
<a href="https://www.escalade-alsace.com/articles-escalade/news/tour-de-cadran-a-l-aiguille-d-argentiere-" class="btn btn-default">Explorer</a>
</div>
<!--
<ul class="social-networks mt-2">
<li>
<a href="#"><span class="icon-twitter"></span></a>
</li>
<li>
<a href="#"><span class="icon-google-plus"></span></a>
</li>
<li>
<a href="#"><span class="icon-facebook"></span></a>
</li>
<li>
<a href="#"><span class="icon-linkedin"></span></a>
</li>
</ul>
-->
</footer>
</div>
</article>
<article class="col-sm-6 col-md-4 article has-hover-s1 articleEscalade list">
<div class="thumbnail">
<div class="img-wrap">
<a href="https://www.escalade-alsace.com/articles-escalade/news/des-tours-d-areu-aux-fiz-" title="Voir plus" class="image">
<img src="https://www.escalade-alsace.com/images/cache/files/articleEscalades/DSC05814.jpg?width=350&height=228&quality=100" alt="image">
</a>
<div class="flou" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/articleEscalades/DSC05814.jpg?width=350&height=228&quality=100);">
</div>
</div>
<h3 class="small-space">
<a href="https://www.escalade-alsace.com/articles-escalade/news/des-tours-d-areu-aux-fiz-" title="Voir plus">Des Tours d’Areu aux Fiz ! </a>
</h3>
<!--<aside class="meta">
<span class="country">
<span class="icon-world">
</span>12 Countries</span><span class="activity">
<span class="icon-acitivities"> </span>79 Activities</span>
</aside>-->
<aside class="mb-3">
<div class="date"><i class="fa fa-calendar-alt"></i> 02-09-2026</div>
<div class="country"><i class="fa fa-globe-europe"></i> France [Sud-est/ouest]</div>
<div class="tags"><i class="fa fa-hashtag"></i> News</div>
<div class="comments"><i class="fa fa-comment"></i> 6 commentaire(s)</div>
</aside>
<p class="m-0">
Récit du week-end de grimpe de Lucas Schwinte et Sylvain Guinot entre les Tours d'Areu et les Fiz.Ve [...]
</p>
<footer class="d-flex flex-column justify-content-center align-items-center">
<div>
<a href="https://www.escalade-alsace.com/articles-escalade/news/des-tours-d-areu-aux-fiz-" class="btn btn-default">Explorer</a>
</div>
<!--
<ul class="social-networks mt-2">
<li>
<a href="#"><span class="icon-twitter"></span></a>
</li>
<li>
<a href="#"><span class="icon-google-plus"></span></a>
</li>
<li>
<a href="#"><span class="icon-facebook"></span></a>
</li>
<li>
<a href="#"><span class="icon-linkedin"></span></a>
</li>
</ul>
-->
</footer>
</div>
</article>
<article class="col-sm-6 col-md-4 article has-hover-s1 articleEscalade list">
<div class="thumbnail">
<div class="img-wrap">
<a href="https://www.escalade-alsace.com/articles-escalade/news/jade-guilloud-libere-un-8a-au-krappenfels-" title="Voir plus" class="image">
<img src="https://www.escalade-alsace.com/images/cache/files/articleEscalades/Tango8a_Jade-news.jpg?width=350&height=228&quality=100" alt="image">
</a>
<div class="flou" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/articleEscalades/Tango8a_Jade-news.jpg?width=350&height=228&quality=100);">
</div>
</div>
<h3 class="small-space">
<a href="https://www.escalade-alsace.com/articles-escalade/news/jade-guilloud-libere-un-8a-au-krappenfels-" title="Voir plus">Jade Guilloud libère un 8a+ au Krappenfels !</a>
</h3>
<!--<aside class="meta">
<span class="country">
<span class="icon-world">
</span>12 Countries</span><span class="activity">
<span class="icon-acitivities"> </span>79 Activities</span>
</aside>-->
<aside class="mb-3">
<div class="date"><i class="fa fa-calendar-alt"></i> 29-08-2026</div>
<div class="country"><i class="fa fa-globe-europe"></i> France [Alsace-Moselle]</div>
<div class="tags"><i class="fa fa-hashtag"></i> News</div>
<div class="comments"><i class="fa fa-comment"></i> 1 commentaire(s)</div>
</aside>
<p class="m-0">
Jade Guilloud est une grimpeuse alsacienne qu’on ne présente plus.Passionnée de rocher et de belles [...]
</p>
<footer class="d-flex flex-column justify-content-center align-items-center">
<div>
<a href="https://www.escalade-alsace.com/articles-escalade/news/jade-guilloud-libere-un-8a-au-krappenfels-" class="btn btn-default">Explorer</a>
</div>
<!--
<ul class="social-networks mt-2">
<li>
<a href="#"><span class="icon-twitter"></span></a>
</li>
<li>
<a href="#"><span class="icon-google-plus"></span></a>
</li>
<li>
<a href="#"><span class="icon-facebook"></span></a>
</li>
<li>
<a href="#"><span class="icon-linkedin"></span></a>
</li>
</ul>
-->
</footer>
</div>
</article>
<article class="col-sm-6 col-md-4 article has-hover-s1 articleEscalade list">
<div class="thumbnail">
<div class="img-wrap">
<a href="https://www.escalade-alsace.com/articles-escalade/livres/au-gre-du-gres-2026-topo" title="Voir plus" class="image">
<img src="https://www.escalade-alsace.com/images/cache/files/articleEscalades/AGDG-2026-News-Couv.jpg?width=350&height=228&quality=100" alt="image">
</a>
<div class="flou" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/articleEscalades/AGDG-2026-News-Couv.jpg?width=350&height=228&quality=100);">
</div>
</div>
<h3 class="small-space">
<a href="https://www.escalade-alsace.com/articles-escalade/livres/au-gre-du-gres-2026-topo" title="Voir plus">Au gré du grès 2026 - Topo</a>
</h3>
<!--<aside class="meta">
<span class="country">
<span class="icon-world">
</span>12 Countries</span><span class="activity">
<span class="icon-acitivities"> </span>79 Activities</span>
</aside>-->
<aside class="mb-3">
<div class="date"><i class="fa fa-calendar-alt"></i> 26-08-2026</div>
<div class="country"><i class="fa fa-globe-europe"></i> France [Alsace-Moselle]</div>
<div class="tags"><i class="fa fa-hashtag"></i> Livres</div>
<div class="comments"><i class="fa fa-comment"></i> 6 commentaire(s)</div>
</aside>
<p class="m-0">
Au gré du grèsTopo d'escalade du nord des Vosges Ce nouvel ouvrage prend la suite des 7 édition [...]
</p>
<footer class="d-flex flex-column justify-content-center align-items-center">
<div>
<a href="https://www.escalade-alsace.com/articles-escalade/livres/au-gre-du-gres-2026-topo" class="btn btn-default">Explorer</a>
</div>
<!--
<ul class="social-networks mt-2">
<li>
<a href="#"><span class="icon-twitter"></span></a>
</li>
<li>
<a href="#"><span class="icon-google-plus"></span></a>
</li>
<li>
<a href="#"><span class="icon-facebook"></span></a>
</li>
<li>
<a href="#"><span class="icon-linkedin"></span></a>
</li>
</ul>
-->
</footer>
</div>
</article>
<article class="col-sm-6 col-md-4 article has-hover-s1 articleEscalade list">
<div class="thumbnail">
<div class="img-wrap">
<a href="https://www.escalade-alsace.com/articles-escalade/news/aurelien-tixier-repete-dynamosol-7c-bloc-au-krappenfels-" title="Voir plus" class="image">
<img src="https://www.escalade-alsace.com/images/cache/files/articleEscalades/Dynamosol-News.jpg?width=350&height=228&quality=100" alt="image">
</a>
<div class="flou" style="background-image:url(https://www.escalade-alsace.com/images/cache/files/articleEscalades/Dynamosol-News.jpg?width=350&height=228&quality=100);">
</div>
</div>
<h3 class="small-space">
<a href="https://www.escalade-alsace.com/articles-escalade/news/aurelien-tixier-repete-dynamosol-7c-bloc-au-krappenfels-" title="Voir plus">Aurélien Tixier répète Dynamosol, 7C+ bloc au Krappenfels !</a>
</h3>
<!--<aside class="meta">
<span class="country">
<span class="icon-world">
</span>12 Countries</span><span class="activity">
<span class="icon-acitivities"> </span>79 Activities</span>
</aside>-->
<aside class="mb-3">
<div class="date"><i class="fa fa-calendar-alt"></i> 24-08-2026</div>
<div class="country"><i class="fa fa-globe-europe"></i> France [Alsace-Moselle]</div>
<div class="tags"><i class="fa fa-hashtag"></i> News</div>
<div class="comments"><i class="fa fa-comment"></i> 1 commentaire(s)</div>
</aside>
<p class="m-0">
Depuis plusieurs années, c'est un nonogradiste sudiste qui brosse, grimpe et développe (avec l'aide [...]
</p>
<footer class="d-flex flex-column justify-content-center align-items-center">
<div>
<a href="https://www.escalade-alsace.com/articles-escalade/news/aurelien-tixier-repete-dynamosol-7c-bloc-au-krappenfels-" class="btn btn-default">Explorer</a>
</div>
<!--
<ul class="social-networks mt-2">
<li>
<a href="#"><span class="icon-twitter"></span></a>
</li>
<li>
<a href="#"><span class="icon-google-plus"></span></a>
</li>
<li>
<a href="#"><span class="icon-facebook"></span></a>
</li>
<li>
<a href="#"><span class="icon-linkedin"></span></a>
</li>
</ul>
-->
</footer>
</div>
</article></div>
</div>
</div>
<div class="col-lg-4">
<div class="asidePublicite text-center">
<a href="https://www.jegrimpe.com/fr/">
<img src="https://www.escalade-alsace.com/files/hooks/visuelJegrimpe.jpg" alt="" class="m-2" />
</a>
<a href="https://borealoutdoor.com/">
<img src="https://www.escalade-alsace.com/files/hooks/BOREAL-banner-CRUX-615x410px.gif" alt="" class="m-2" />
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<aside class="count-block" data-saezam="blocks" data-name="countEscaladeBlock" data-id="62">
<div class="container-fluid p-0">
<div class="d-flex flex-row flex-wrap">
<div class="col-lg block-1">
<div class="holder">
<!--<i class="fa-solid fa-person-falling"></i>-->
<i class="fa fa-arrow-alt-circle-up"></i>
<span class="info"><span class="counter">
4411</span></span><span class="txt">Voies/Blocs</span>
</div>
</div>
<div class="col-lg block-2">
<div class="holder">
<i class="fa fa-mountain"></i>
<span class="info"><span class="counter">
197</span></span><span class="txt">Falaises</span>
</div>
</div>
<div class="col-lg block-3">
<div class="holder">
<i class="fa fa-globe-europe"></i>
<span class="info"><span class="counter">
71</span></span><span class="txt">Régions</span>
</div>
</div>
<div class="col-lg block-1">
<div class="holder">
<i class="fa fa-file-image"></i>
<span class="info"><span class="counter">
4583</span></span><span class="txt">Photos/Vidéos</span>
</div>
</div>
<div class="col-lg block-2">
<div class="holder">
<i class="fas fa-comment-dots"></i>
<span class="info"><span class="counter">
10154</span></span><span class="txt">Commentaires</span>
</div>
</div>
<div class="col-lg block-3">
<div class="holder">
<i class="fas fa-waveform-path"></i>
<span class="info"><span class="counter">
182</span></span><span class="txt">Sujets Forum</span>
</div>
</div>
<div class="col-lg block-1">
<div class="holder">
<i class="far fa-pen-square"></i>
<span class="info"><span class="counter">
361</span></span><span class="txt">Articles</span>
</div>
</div>
<div class="col-lg block-2">
<div class="holder">
<i class="fa fa-arrow-alt-circle-up"></i>
<span class="info"><span class="counter">
5919</span></span><span class="txt">Ascensions</span>
</div>
</div>
</div>
</div>
</aside>
</div><div data-saezam="sections" data-name="comments">
</div>
<div data-saezam="sections" data-name="footer">
<footer id="footer" data-saezam="blocks" data-name="footerBlock" data-id="23">
<div class="container">
<!-- footer links -->
<div class="row footer-holder">
<nav class="col-sm-4 col-lg-4 d-flex flex-column align-items-center footer-nav active">
<h3>
Menu
</h3>
<div>
<ul class="slide text-center">
<li>
<a href="https://www.escalade-alsace.com/base-de-donnees" title="Base de données">Base de données</a>
</li><li>
<a href="https://www.escalade-alsace.com/medias" title="Médias">Médias</a>
</li><li>
<a href="https://www.escalade-alsace.com/articles-escalade" title="Articles">Articles</a>
</li><li>
<a href="https://www.escalade-alsace.com/forum-escalade" title="Forum">Forum</a>
</li><li>
<a href="https://www.escalade-alsace.com/shop" title="Escalade Alsace Shop - Achetez nos topos en ligne">Escalade Alsace Shop - Achetez nos topos en ligne</a>
</li><li>
<a href="https://www.escalade-alsace.com/salles-clubs" title="Salles / Clubs">Salles / Clubs</a>
</li></ul>
<div class="d-flex mt-2 justify-content-center">
<a href="/mon-compte" title="Se connecter" style="text-decoration: none; color: #fff;" class="pl-2 pr-2 text-center"><span class="icon icon-user"></span></a>
<a href="/mon-panier" title="Panier" style="text-decoration: none; color: #fff;" class="pl-2 pr-2 text-center"><span class="icon icon-cart"></span></a>
</div>
</div>
</nav>
<nav class="col-sm-4 col-lg-4 d-flex flex-column align-items-center footer-nav active">
<!-- social wrap -->
<ul class="social-wrap">
<li class="youtube">
<a href="https://www.youtube.com/@EA-EscaladeAlsace" title="Youtube Escalade Alsace" target="_blank">
<span><i class="fab fa-youtube" style="font-size:30px;"></i></span>
</a>
</li>
<li class="vimeo">
<a href="https://vimeo.com/user91835701" title="vimeo Escalade Alsace" target="_blank">
<span class="icon-vimeo"></span>
</a>
</li>
<li class="instagram">
<a href="https://www.instagram.com/escaladealsace/" title="Instagram Escalade Alsace">
<span><i class="fab fa-instagram" style="font-size:30px;"></i></span>
</a>
</li>
<li class="facebook">
<a href="https://www.facebook.com/wwwescalade-alsacecom-149923753742/" title="Facebook Escalade Alsace">
<span class="icon-facebook"></span>
</a>
</li>
</ul>
</nav>
<nav class="col-sm-4 col-lg-4 d-flex flex-column align-items-center footer-nav last">
<div class="text-center">
<a href="https://www.escalade-alsace.com" title="Escalade Alsace">
<img src="https://www.escalade-alsace.com/images/cache/files/apps/logo-escalade-alsace-blanc-2.png?width=150&quality=100" alt="Escalade Alsace" class="mb-3"/>
</a>
</div>
<ul class="slide address-block d-flex flex-column align-items-center">
<li class="wrap-text">
<span class="icon-email"></span>
<a href="mailto:contact@escalade-alsace.com" title="contact@escalade-alsace.com">contact@escalade-alsace.com</a>
</li>
<li>
<span class="icon-home"></span>
<address>
16 mare aux canards, 67500 HAGUENAU </address>
</li>
</ul>
</nav>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<!-- copyright -->
<a href="https://www.escalade-alsace.com" title="Escalade Alsace"><strong class="copyright"><i class="fa fa-copyright"></i>
Copyright 2026 - Escalade Alsace </strong></a>
| <a href="/protection-des-donnees-personnelles" title="Protection des données personnelles" style="">Politique des cookies</a>
| <a href="/conditions-generales-de-vente" title="Conditions générales de vente" style="">Conditions générales de vente</a>
| <a href="/mentions-legales" title="Mentions légales" style="">Mentions légales</a>
| <a href="https://www.saezam.net" title="SAEZAM WEB" style="">Réalisé par <img src="/core/assets/saezam_signature.png" alt="logo Saezam" style="max-width:100px" /></a>
</div>
</div>
</div>
</div>
</footer>
</div>
</div> </div>
</div>
</div>
<div class="zone szscripts" data-saezam="scripts">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js" integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js" async></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/paroller.js/1.4.1/jquery.paroller.min.js" integrity="sha512-jYedLgTWxBXtDBdGhnUgCgbgQ5j450R2LhxXk1G+pBcbaARaEC/qsrIhOtqAAiY7UBylc6bVGH6EFR10RNBXuQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript" src="https://www.escalade-alsace.com/core/js/sz.js?time=1775659066" ></script>
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://stats.sc1.saezam.website/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '402']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
$(document).one("loadUrlComplete", function() {
$(document).on("loadUrlComplete", function() {
_paq.push(['trackPageView']);
});
});
</script>
<!-- End Matomo Code -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/ilyabirman-likely/3.1.0/likely.js" integrity="sha512-fpmPzlPKMIlSzdk7XHRDZEHODHwntdVNquYlLehBrLS4AVndnirtWDu3/UFThiCe8pI5Ps3Q39hdcoR8tCxzEw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ilyabirman-likely/3.1.0/likely.css" integrity="sha512-vMkq6oBI+oed6uvRyWNhE7lQU7nQPOneBgCUM2H8WGKe7nZMuKEjmfq3FwXQ0hPFspZQNxAzZxkId+ABrdK8ew==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </div>
<div class="zone szcatchedscripts" data-saezam="catchedscripts">
<script>
$("#Toggle a").click(function(){
$.fancybox.close();
});
function changeDarkMode(){
$("body").toggleClass("dark");
if($("body").hasClass("dark")){
$("table").addClass("bg-dark");
$("#changeMode i").removeClass("fa-moon");
$("#changeMode i").addClass("fa-sun");
}else{
$("table").removeClass("bg-dark");
$("#changeMode i").addClass("fa-moon");
$("#changeMode i").removeClass("fa-sun");
}
saezam.apiCall("/escaladePlus/saveDarkMode",{mode : $("body").hasClass("dark")},false,true);
}
function refreshListMaj(){
var params={class:$("#selectClassMaj").val()};
if(typeof($("#selectClassMaj option:selected").attr("data-type"))!="undefined"){
params["type"]=$("#selectClassMaj option:selected").attr("data-type");
}
saezam.apiCall("/escaladePlus/getLastUpdatesHtml",params,function(result){
$("#updatesDiv").html(result.output.data);
},true);
}
saezam.loadJs('https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/jquery.flexslider-min.js',function(){
$('#flexsliderabc86bd7c6f3c19f2c9ea414c27ccbc').flexslider({
slideshow:true,
initDelay: 0,
autoplay:true,
animationLoop: true,
slideshowSpeed: 3000,
});
});
saezam.loadJs('https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/jquery.flexslider-min.js',function(){
$('#flexslider7fea3d640031a1121db50dd60f392c3').flexslider({
slideshow:true,
initDelay: 0,
autoplay:true,
animationLoop: true,
slideshowSpeed: 3000,
});
});
</script> </div>
<div class="zone sznode" data-saezam="nodeJs">
</div>
</body>
</html>
