/*
----------------------------------------------------------------------------------
CSS DE BASE POUR TOUTES LES PAGES
----------------------------------------------------------------------------------
*/

.page_element{
    position:relative;
    vertical-align:top;
}

.page_element p{
    padding:0;
    margin:0;
}


/*
----------------------------------------------------------------------------------
CSS CUTOM
----------------------------------------------------------------------------------
*/

.page_element{
    margin:1%;
    padding:1%;
/*
    border:1px solid black;
*/
}

[data-blockname="aaa"] {
    background-color: white;
}

[data-blockname="block1"] {
    background: red;
}

[data-blockname="block2"] {
    background: blue;
}

[data-blockname="block3"] {
    background: green;
}

[data-blockname="block4"] {
    background: orange;
}
[data-blockname="accueil"] {
/*
    z-index: 3;
*/
    height: 340px;
/*
    display: grid !important;
*/
    align-content: center;
    color: var(--high-color);
}
[data-blockname="carroussel"] {
    padding: 0;
    margin: 0;
    width: 100%;
/*
    position: absolute !important;
*/
    top: 0;
}
[data-blockname="intro"] {
    height: 240px;
    z-index: 2;
    color: var(--high-color);
    padding-top: 100px;
}
[data-blockname="logos"]{
    text-align: center;
    
}
[data-blockname="logos"] img{
    width: 90px !important;
    
}
[data-blockname="bandeau"] {
    background-color: var(--back-color3);
    color: var(--back-color);
    line-height: 40px;
    text-align: center;
    font-size: calc(var(--default-title-font-size) - 6px);
    margin: unset;
    font-weight: bold;
}
[data-blockname="avantages"] {
    background-color: var(--mid-color);
}
[data-blockname="tableau"] {
    background-image: url(../../images/bck2.jpg);
    margin: unset;
    background-color: #9ab6d6;
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: var(--default-title-font-size);
    color: var(--high-color);
}
[data-blockname="tableau"] .\34 _galerie_public_container [class*="_medium_image_container"] {
    display: none;
}
[data-blockname="contact"] {
    background-color: var(--mid-color);
    min-height: 454px;
}
[data-blockname="contact"] .contact_public_container {
    margin: unset;
    padding: unset;
    background-color: unset;
    position: unset;
}
[data-blockname="contact"] .contact_public_titre {
    width: 100%;
    text-transform: initial;
    display: block;
    text-align: left;
}
[data-blockname="contact"] .title {
    font-size: var(--default-title-font-size);

    text-decoration: underline;
    font-weight: bold;
}
[data-blockname="scrollbox"] {
    width: 5em;
    height: 5em;
    background: linear-gradient(135deg, #3cdddd, #ff1ac6);
    transform: translateX(var(--tx)) rotate(var(--r));
    transition: transform .1s linear;
    will-change: transform;
}
@media screen and (max-width: 1080px) {
[data-blockname="intro"] {
    color: var(--text-color);
    height: unset;
    padding-top: 1%;
}
[data-blockname="bandeau"] {
    line-height: 4vw;
}
[data-blockname="contact"] {
    background-color: var(--mid-color);
    min-height: 53vw;
}
.page_public_container > div {
    vertical-align: middle;
    width: 96% !important;
    margin-left:1%;
    padding-left:1%;
}
.block1 {
    display: none;
}
.block2 {
    width: 16.66% !important;
}
[data-blockname="logos"] img {
    width: 9vw !important;
}
}