/* 

	Theme Name: Orio Child
	Theme URI: https://www.spab-rice.com/themes
	Description: Orio child Theme. 
	Version: 1.0
	Author: Spab Rice 
	Author URI: https://www.spab-rice.com 
	Tags: portfolio
	Template:    orio
	Text Domain:  orio-child
	
*/
    /* -----------------------------------
	CHILD CSS
------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500&display=swap');
    
@import url('https://fonts.googleapis.com/css2? famille =Trocchi&display=swap');

html body {
 
      font-family: 'Trocchi', sans-serif;
  }
    #header.sticky {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 129px;
    }
    
    .txtaligncenter {

        text-align: center;

    }

.griser {
    opacity: 0.7;
}

#sivoussouhaitez {
    width: 279px;
    position: absolute;
    right: 0;
    top: 190px;
}

.clear {
    clear: both;
}

.home .vc_images_carousel .vc_carousel-indicators li, .home .vc_images_carousel .vc_carousel-indicators .vc_active {
    width: 6px;
    height: 6px;
    margin-right: 2px;
    }

  .carousel  .vc_column_container>.vc_column-inner {
        padding-right: 0;;
    }


    .vc_column_container.vc_col-sm-3>.vc_column-inner {
      
        padding-left: 0;
        padding-right: 0;
     
    }

.boxtemoignages {
    background: linear-gradient(90deg,#ff6271 0%,#a30069 100%);
    padding:9px 10px;
    color:#fff;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 61px;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 500;
    width: 260px;
    float: right;

}

.blocivde {
    height: 45px;
}

p.temoin {
    float: right;
    font-size: 80%;
}

    .home .vc_images_carousel .vc_carousel-indicators {
        position: absolute;
        bottom: 10px;
        right: 0px;
        left:unset;
        z-index: 15;
        width: 60px;
        margin: 0;
        bottom: -33px;
        padding: 0;
        list-style: none;
        text-align: center;
    }

    .home .vc_images_carousel .vc_carousel-indicators li::before {
        content: " ";
        color: #eb547a;
        display: inline-block;
        width: 1em;
        padding-right: -16px;
        margin-left: -15px;
        position: relative;
        left: -11px;
    
      }

.posabso { 
    position: absolute;
}

#fancyboxID-1, #fancyboxID-2, #fancyboxID-3 {
    padding: 10px 0 0 0;
    font-weight: 300;

}

#fancybox-content {
}

#fancybox-outer {
}

.smcw-cart-url-wrap a {
    color: #fff!important;
}

   nav#main-nav ul > li.rose a {
    color:#eb547a;
   }

    body .woocommerce .woocommerce-message, body .woocommerce .woocommerce-notice--success {
        color:#eb547a;
    }

  .acco_shop .wpb_content_element {
    padding-top: 50px;
    padding-bottom: 20px;
    }

    .acco_shop .vc_active  .wpb_content_element {
       
        padding-top: 0;
    }

    .petit {
        font-weight: 300;
        font-size: 15px;
        line-height: 20px;
    }

.wpb_content_element.remontesansmarge {
    margin-top: -116px;
    margin-bottom:0;
}

.petitadrt {
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    text-align: right;
    position: absolute;
    text-align: right;
    padding: 0 20px 0 80px;
}

.accoplus.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body {
     background-color: unset;
  
}

.added_to_cart.wc-forward {
    display: none;
}


.acco_shop .wpb_content_element {
    margin-bottom: 0;
}


.site-header li, li {
	list-style: none;
}

#main-nav li::before {
content:unset;
}

li::before {
    content: "→";
    color: #eb547a;
    display: inline-block;
    width: 1em;
    margin-left: 15px;
    position: relative;
    left: -11px;
  }
  ul.lirose li::before {

    color: #a30069;
  }

  body.home .frm_style_style-formidable.with_frm_style .form-field {
    margin-bottom: 0;
    height: 39px;
}

.position_formulaire {
    position: absolute;
    top: 363px;
    right: 0;
    width: 278px;
    z-index: 10000;
}

#fancybox-content a {
    color:#eb547a;
}

.titre5  {
    font-family: 'Barlow Condensed', sans-serif;
    font-size:30px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
    display: block;
    margin-bottom: 10px;
    line-height: 33px;

}


html.disablescroll {
    overflow-y:scroll!important;
}

    .titre4  {
        font-family: 'Barlow Condensed', sans-serif;
        font-size:16px;
        text-transform: uppercase;
        font-weight: 500;
        text-align: left;
        display: block;
        margin-top: -1px;
        letter-spacing: 0.03em;
    }

    .titre4d  {
        font-family: 'Barlow Condensed', sans-serif;
        font-size:16px;
        text-transform: uppercase;
        font-weight: 500;
        text-align: right;
        display: block;
        margin-top: unset;
        margin-bottom: 5px;
        letter-spacing: 0.03em;
    }

    .titre4m  {
        font-family: 'Barlow Condensed', sans-serif;
        font-size:16px;
        text-transform: uppercase;
        font-weight: 500;
        text-align: center;
        display: block;
        margin-top: -1px;
        letter-spacing: 0.03em;
        

    }


    .box50l, .box50r {
        width: 50%;
        float: left;;
    }


    a.bouton2 {
      
        background: linear-gradient(120deg,#a30069 0%,#ff6271 100%);
        color:#fff!important;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to right, #a30069, #ff6271) 1;
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 26px;
        padding: 12px;
        width: 251px;
        float: right;
        display: block;
        position: relative;
        margin-bottom: 13px;
    }
    a:hover.bouton2 {
        background: #fff;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to right, #a30069, #ff6271) 1;
        background: linear-gradient(120deg,#a30069 0%,#ff6271 100%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-decoration: none;
    }



    a.bouton3 {
    
        background: linear-gradient(120deg,#a30069 0%,#ff6271 100%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to right, #a30069, #ff6271) 1;
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 26px;
        padding: 12px;
        width: 251px;
        text-align: center;
        float: right;
        display: block;
        position: relative;
        margin-bottom: 15px;
        text-transform: uppercase;
    }
    a:hover.bouton3 {
       
        background: linear-gradient(120deg,#a30069 0%,#ff6271 100%);
        -webkit-text-fill-color: unset;
        color:#fff!important;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to right, #a30069, #ff6271) 1;
 
    }

span.complet {
    color:#ccc;
    float: right;
}

    a.bouton4 {
    
        background: linear-gradient(120deg,#a30069 0%,#ff6271 100%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to right, #a30069, #ff6271) 1;
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 26px;
        padding: 12px;
        width: 251px;
        text-align: center;
        display: block;
        position: relative;
        margin-bottom: 15px;
        text-transform: uppercase;

    }
    a:hover.bouton4 {
       
        background: linear-gradient(120deg,#a30069 0%,#ff6271 100%);
        -webkit-text-fill-color: unset;
        color:#fff!important;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to right, #a30069, #ff6271) 1;
 
    }

    .posabso  a.bouton4 {
        float: right;
    }


.tcenter {
    text-align: center;
}

    .accoplus.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body {
        border:unset;
    }

    .accoplus.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading {
        border: unset;
    }

    .titre1 {
        font-family: 'Trocchi', empattement;
        font-size:40px;
        font-weight: bold;
        background: linear-gradient(120deg,#a30069 0%,#ff6271 100%);
        background-clip: border-box;
        -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
    }
    .titre2 {
        font-family: 'Barlow Condensed', sans-serif;
        font-size:26px;
        text-transform: uppercase;
        font-weight: 500;
       color: #eb547a;
    }

    .titre2rose {
        font-family: 'Barlow Condensed', sans-serif;
        font-size:26px;
        text-transform: uppercase;
        font-weight: 500;
       color: #a30069;
    }


    .titre2deg {
        font-family: 'Barlow Condensed', sans-serif;
        font-size:26px;
        text-transform: uppercase;
        font-weight: 500;
        background: linear-gradient(120deg,#a30069 0%,#ff6271 100%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }



    .acco_shop  .titre2 {
        top: -5px;
        position: relative;
    }

    .titre3 {
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 26px;
        text-transform: uppercase;
        font-weight: 500;
        color: #a30069;
        text-align: right;
        display: block;
    }




    .accoplus.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body {
        background-color: #ebe9de;
     overflow: visible;

    }

    .vc_tta.accoplus .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {

        border-width: 4px 0 0 0;
    
    }
    .vc_tta.accoplus .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {

        border-width: 0 0 0 4px;
      
    }

    .vc_tta.accoplu.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 16px;
    }

    .accoplus.vc_tta-color-white.vc_tta-style-modern .vc_tta-controls-icon::after, .accoplus.vc_tta-color-white.vc_tta-style-modern .vc_tta-controls-icon::before {
        border-color: #fff;
    }

  .accoplus.vc_tta-color-white.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before  {
        border-color: #ff6271;
    }
 
    .vc_tta-color-white.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after
{
     color: #fff;
}

input[type=submit], input[type=button], .button, button {
  
    background: #000000;
    overflow: auto;
   
}


body #header-actions-overlay {
    top: 120px;
}


.product.woocommerce.add_to_cart_inline .woocommerce-Price-amount, #main-shop-grid {
    display: none;
}

.product.woocommerce.add_to_cart_inline {
    border:0!important;
    padding:0!important;
}

body .sr-button {
   
    background: unset;
    color: unset;
    display: unset;
    padding: unset;
    transition: unset;
    max-width: unset;
    margin: unset;
    border: unset;
}


body .menu-cart-content .cart-list {

}

body #header-actions-overlay .action-overlay.cart-overlay {
    overflow: auto;
    height: 100%;
    max-width: 400px;

}

body .menu-cart-content .cart-list {
   
    max-height: unset;
}

.sr-button.style-3 {
    display: block;
    padding: 0 0 0.08em 0 !important;
 
    margin: 0 auto;
    width: 140px;
   
    background: linear-gradient(120deg,#a30069 0%,#ff6271 100%)!important ;
    color:#fff!important;
    border-width: 2px!important;
    border-style: solid!important;
    border-image: linear-gradient(to right, #a30069, #ff6271) 1!important;
    font-family: 'Barlow Condensed', sans-serif;


    padding: 10px!important;
    position: relative;
    text-transform: uppercase;
    top: -21px;
}

body .sr-button.style-3:hover {
  
    color:#a30069!important;
    background: linear-gradient(120deg,#f8f8f8 0%,#f8f8f8 100%)!important;
    border: 2px solid #a30069!important;
    
}


.placesincrire {
    position: relative;
    right:0;
}

a.bouton2 {
      
    background: linear-gradient(120deg,#a30069 0%,#ff6271 100%);
    color:#fff!important;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #a30069, #ff6271) 1;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 26px;
    padding: 12px;
    width: 251px;
    text-align: center;
    float: right;
    display: block;
    position: relative;
    margin-bottom: 13px;
}
a:hover.bouton2 {
    background: #fff;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #a30069, #ff6271) 1;
    background: linear-gradient(120deg,#a30069 0%,#ff6271 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
}



.minibouton .sr-button.style-3 {
    display: inline-block;
    padding: 0 0 0.08em 0 !important;
    color: #fff !important;
    font-size: 12px!important;
    background: unset;
    background-color: #eb547a !important;
    border: 1px solid #eb547a !important;
    margin: 0 auto;
    width: 50px; 

    padding: 8px!important;
    position: relative;
    text-transform: uppercase;
    top: -21px;
}


.minibouton .sr-button.style-3:hover {
    background-color: #fff !important;
    border: 1px solid #eb547a !important;
    color:#eb547a !important;
}


.miniboutond, .miniboutond .titre4 {
    text-align: right;
}


#page-pagination {
    display: none;
}


.miniboutond .sr-button.style-3 {


    display: inline;
    padding: 0 0 0.08em 0 !important;
    color: #fff !important;
    font-size: 12px!important;
    background: unset;
    background-color: #a30069 !important;
    border: 1px solid #a30069 !important;
    margin: 0 auto;
    width: 140px;

    padding: 8px!important;
    position: relative;
    text-transform: uppercase;
    top: -21px;
  
}
.miniboutond .sr-button.style-3:hover {
    background-color: #fff !important;
    border: 1px solid #a30069 !important;
    color:#a30069 !important;
}


.vc_tta-panel .sr-button.style-3 {
    top:-12px;
}

body .menu-cart-content .cart-bottom .buttons {
    overflow: visible;
    width: 100px;
    margin: 0 auto;
}

.item-details, .cart-list, .product-thumbnail, .product-name  {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

body #header-actions-overlay .action-close {
    right: 0;
  
}

.woocommerce-cart-form__cart-item.cart_item  h5.product-title {
  
}


body .woocommerce .shop_table tbody td {
    vertical-align: inherit;
}

body .woocommerce-bacs-bank-details {
    padding-top:40px;
}


.woocommerce-additional-fields h3 {
    font-family: unset;
}

.coupon-message {
    display: none;
    font-size: 20px;
}

.menu-cart-content .sr-button.style-3 {
    display: inline-block;
    padding: 0 0 0.08em 0 !important;
    color: #fff !important;
    margin: 20px auto;
    border: 2px solid #a30069!important;
    padding: 10px!important;
    position: relative;
    text-transform: uppercase;
    top: 0;
}

body .menu-cart-content {
    width: calc(100%);
  
}

.menu-cart-content .sr-button.style-3:hover {
    color: #a30069 !important;
    background-color: #fff !important;
    border: 2px solid #a30069!important;

}

.woocommerce-privacy-policy-text p {
    font-size: 16px;
}

body #header-actions-overlay .action-overlay.cart-overlay {
    top:30px;
}

/*
.wc-proceed-to-checkout .checkout-button.button, .form-row.place-order .button.alt{
    display: inline-block;
    color: #fff !important;
    margin: 20px auto;
    border: 2px solid #a30069!important;
    background-color: #a30069 !important;
    padding: 10px!important;
    position: relative;
    text-transform: uppercase;
    top: 0;
    width: 100%;

} */


body .woocommerce .shop_table .actions .button {
    float: left;
}


.wc-proceed-to-checkout .checkout-button.button{
    width: unset;
    /* margin: 0 auto; */
    padding: 20px!important;
    font-size: 110%;
    display: inline-block;
    margin-top: 40px;
}


body .woocommerce .coupon input[type=submit], body .woocommerce .checkout-coupon input[type=submit] {
    width: unset;
}

body .woocommerce .coupon {
    width: 100%;
}

.woocommerce .woocommerce-message a.button {
    width: 100%;
}


#reviews, #mailpoet_woocommerce_checkout_optin_field {
    display: none;
}




.single_add_to_cart_button.button.alt, .button.wc-forward, body button#place_order {
    display: inline-block;
    color: #fff !important;
    border: 2px solid #a30069!important;
    background-color: #a30069 !important;
    padding: 20px!important;
    text-transform: uppercase;
    font-size: 110%;
    margin-top: 20px;
}

.single_add_to_cart_button.button.alt:hover, .button.wc-forward:hover, body button#place_order:hover {
    color: #a30069 !important;
    background-color: #fff !important;
    border: 2px solid #a30069!important;
}

td.product-price {
    padding: 0 20px;
    width: 80px!important;
}

.coupon input[type="submit"] {
    display: inline-block;

    color: #fff !important;
    width: 100px;
    border: 2px solid #a30069!important;
    border-radius: unset;
    background-color: #a30069 !important;
    padding: 5px!important;
    position: relative;
    text-transform: uppercase;
    top: 0;
    height: unset;
}



.header-overlay-title.cart-title {
    color: #005c6a00;
}
.header-overlay-title.cart-title:before {
    color:#000;
    content:"Votre panier";
    position: absolute;
    left:0;
    display: inline-block;
    width: 230px;
    height: 50px;
    z-index: 111;
}

h6.widget-title.woocommerce-column__title {
    color:#000;
    padding-left: 0;
}

body .woocommerce-cart-form .product-title {
    font-family: Roboto;
    font-weight: 400;
    text-transform: none;
    width: 300px;
}

.woocommerce  .quantity span.minus {
    left:7px;
}

.woocommerce  .quantity span.plus {
    right: 7px;
}

.woocommerce .shop_table .product-quantity .quantity input[type=number] {

    width: 20px;
}

.woocommerce-cart-form  .quantity span::before, .woocommerce-cart-form   .quantity span.plus::after {

    background: #a30069;
  
}




.woocommerce-cart-form  input[type="number"] {
    border : 1px solid  #a30069;
}

.woocommerce-cart-form .product-name {
    font-family: Roboto;
    font-weight: 400;
    text-transform: none;
    width: 200px!important;
    padding-top: 7px!important;
    color: #a30069;
}

body .woocommerce form {
    max-width: 720px;
}

body .woocommerce .cart-collaterals {
    max-width: 100%;
    margin-top: 0;
}

.menu-cart-content .item-details a:not(.entry-navigation__item):not(.fancybox):not(.button):not(.image-text-link) {
    color: #a30069;
    font-size:120%;
}


body .woocommerce .coupon input[type="text"] {
    padding: 0 0 0 7px;
    border: 1px solid #ccc;
}

.cart-collaterals h6 {
    color: #a30069;
    padding: 0;
}

    .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {

        border-width: 4px 0 0 0;
        color: #fff;
    }


    .vc_tta.accoplus.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
  
        right: 16px;
    }


    .acco_shop .wpb_wrapper {
        position: relative;
        line-height: 20px;
    font-size: 16px;
    }

    .acco_shop .vc_tta-container {
        position: relative;
    }

    .vc_tta.accoplus .vc_tta-controls-icon {
        display: inline-block;
        vertical-align: middle;
        height: 16px;
        width: 16px;
        position: relative;
        font-size: inherit;
        margin: 0;
    }


    .vc_tta-panel-body:before {
        background: linear-gradient(90deg,#ff6271 0%,#a30069 100%);
        height: 2px;
        content: " ";
        top: 1px;
        left:0;
        position: absolute;
        width: 100%;
        z-index: 2;
    }


    .vc_tta-panel.vc_active {
        position: relative;
    }

    .vc_tta-panel.vc_active  .vc_tta-panel-heading {
        position: absolute;
        bottom: -50px;
        width: 100%;
    }


    .accoplus.vc_tta.vc_tta-style-modern .vc_tta-panel-heading {
        border-width: 0;
    }

    .vc_tta-container:before {
         background: linear-gradient(90deg,#ff6271 0%,#a30069 100%);
         height: 2px;
         content: " ";
         bottom: 0px;
         position: absolute;
         width: 100%;
         z-index: 2;
    }

    .accoplus {
     
        right: 0;

    }
    .vc_tta.vc_general.accoplus .vc_tta-panel-title {
        position:absolute;
        right:48px;
        top:-50px
    }

    .accoplus ul li {
        line-height: 19px;
}
    .vc_tta.vc_general.accoplus .vc_active .vc_tta-panel-title {
        position:absolute;
        right:48px;
        top:-50px
    }


    .vc_tta.vc_general.accoplus .vc_tta-panel-title>a {
        background: linear-gradient(90deg,#ff6271 0%,#a30069 100%);
        border-radius: 50%;
        width: 50px;
        height: 50px;
        padding: 0;
        position: absolute;
        top: 49px;
        left: 89%;
        z-index: 1;
        display: inline-block;
    }


    
    
    .vc_tta.vc_general.accoplus  .vc_tta-panel-title>a:hover {
        -webkit-transform: rotateZ(
            -45deg
            );
                -moz-transform: rotateZ(45deg);
                -o-transform: rotateZ(45deg);
                transform: rotateZ(45deg);
                -webkit-transition: -webkit-transform .4s ease-in-out;
                -ms-transition: -ms-transform .4s ease-in-out;
                transition: transform .4s ease-in-out;
    }

   .vc_tta.vc_general.accoplus .vc_tta-panel.vc_active .vc_tta-panel-title>a {
        background: #ebe9de;
      
    }


    .vc_tta.vc_general.accoplus .vc_active .vc_tta-panel-title>a {
     
        top: 0;
        left: 89%;
      
    }

   

    .rouge {
        color:#eb547a;
    }

    .textalignleft {
        text-align: left;
    }


    #max1100 {
    max-width: 100%;
    width: 100%;
    padding: 30px 6%;
    }

#max1100  .wpb_column.vc_column_container.vc_col-sm-4 {
    max-width: 320px;
    margin-right: 35px;
}
#max1100  .wpb_column.vc_column_container.vc_col-sm-4.nopdr {
    
    margin-right: 0;
}
.rondfund img{
    position: relative;
    right: 58px;
}


.mialogo img {
    position: absolute;
    right: 0;
    top: 380px;

    width: 130px;
}
    .acommunitylogo img {
        position: absolute;
        right: 0;
        top: 7px;
        width: 200px;
    }

    body .vc_tta-icon.vc-material.vc-material-add {
        display: none;
    }

    .header-cart, .footer-inner.do-anim.animated {
        display: none;
    }

    body.page-id-2382 .bigauche {
   
        font-size: 30px!important;
        line-height: 35px;
        padding-top: 40px;
    }

    body.page-id-2313 .bigauche {
        font-size: 50px;
        line-height: 52px;
        padding-top:4px;
    }


    .minicovertxt {
        font-size: 50%;
        width: 200px;
        position: absolute;
        right: 0;
        top: -20px;
    }
        
    

    .boxgrise {
        background-color: #444444;
        color:#fff;
        font-size: 40px;
        padding:20px;
    }

    p{
        font-family: "roboto";
    }
  
    body.page-id-2382 .frm_style_style-formidable.with_frm_style label.frm_primary_label {
        font-family: "roboto";
        font-weight: 700;
        font-size: 18px;
    }
    body.page-id-2382 .frm_style_style-formidable.with_frm_style .frm_primary_label {
        padding: 0px 0 4px 0;
    }

    .bougeadrt {
        padding-left: 100px;
    }
    
    .wrapper-small,
    .wrapper-medium {
        width: unset;
        margin: 0 auto;
        max-width: unset;
    }
    
    body {
      /*  max-width: 1000px; */
        margin: 0 auto;
        -ms-text-size-adjust: 100%;
        /*  width: calc(100% - 200px);  */
        font-size: 20px;
        font-family: 'Barlow Condensed', sans-serif;
    }
    
    .box_equipe {
        height: 600px;
    }
    
    h2.jesuis {
        padding-top: 30px;
        text-align: center;
    }
    
    .frm_style_style-formidable.with_frm_style .frm_form_field.frm_html_container.font30 {
        font-size: 30px;
        line-height: 36px;
    }
    
    .page-id-2253 h2 {
        font-size: 24px;
        line-height: 34px;
    }
    
    .page-id-2004 h2,
    .page-id-2004 .h2 {
        font-family: "Roboto";
        font-weight: 300;
        font-size: 40px;
        line-height: 44px;
        text-transform: none;
    }
    
    .thepage-2004 .frm_style_style-formidable.with_frm_style .frm_required, 
    .thepage-2574 .frm_style_style-formidable.with_frm_style .frm_required   {
        display: none;
    }

    .thepage-2574  .frm_form_field.frm_three_col .frm_checkbox {
     
        height: 38px;
    }

/* Formulaire sans span ne pas oublier le script dans chaque page du formulaire */

    .thepage-2574  .frm_checkbox input[type=checkbox]+span:before {
        left: -40px;
        top: 9px;
        width: 20px;
        height: 20px;
        border: 2px solid #6FA3A1;
        border-radius: 0;
    }
    .thepage-2574  .frm_three_col .frm_checkbox input[type=checkbox]:checked+span:after {
        content: "\2B";
        font-size: 53px;
        font-weight: 100;
        left: -40px;
        top: 10px;
        color: #6FA3A1;
    }
    .frm_form_field.frm_three_col .frm_opt_container {
        padding-left:70px;

        display: inline-block;

    }

    @media screen and (min-width: 200px) and (max-width: 800px) {
.frm_form_field.frm_three_col .frm_opt_container {
    padding-left: 70px;
    display: table;
    padding-bottom: 50px;
}
.thepage-2574  .with_frm_style .frm_submit {
    clear: both;
    float: right;
    padding-top: 40px;
}
}




    
    body #page-content {
        font-size: 20px;
    }
    
    body.wpb-js-composer .vc_tta.vc_tta-style-classic.vc_tta-tabs .vc_tta-panel {
        margin: -2px;
    }
    
    .frm_style_style-formidable.with_frm_style .frm_primary_label {
        font-family: "Domine";
        padding: 0px 0 14px 0;
    }
    
    #frm_checkbox_196-other_11 label,
    #frm_checkbox_198-other_16 label,
    #frm_checkbox_197-other_14 label,
    #frm_checkbox_211-other_4 label {
        text-transform: lowercase;
    }
    

    body .vc-hoverbox-block-inner {

        font-size: 18px;
        line-height: 21px;
    }


    body.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
        background-color: #a30068;
        color: #c9a338;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        font-family: "roboto";
        text-transform: uppercase;
    }
    
    .mercii {
        /* left: 52px; */
        top: 57px;
        position: relative;
    }
    
    body h5 strong,
    body h5 b {
        font-weight: bold;
    }
    
    body.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
        border: 0;
        background-color: #a30068;
        color: #fff;
    }
    
    .wpb-js-composer .vc_tta.vc_tta-spacing-1.tabrea .vc_tta-tab {
        margin-right: 32px;
        width: 171.6px;
    }
    
    .wpb-js-composer .vc_tta.vc_tta-spacing-1.tabrea .vc_tta-tab:last-child {
        margin-right: 0;
        width: 171px;
    }
    
    .tabrea .rea-first.vc_column_container>.vc_column-inner {
        padding-left: 0;
    }
    
    .tabrea .rea-last.vc_column_container>.vc_column-inner {
        padding-right: 0;
    }
    
    body .tabrea .wpb_raw_code.wpb_content_element.wpb_raw_html a {
        color: #fff!important;
        background-color: #026675;
        display: block;
        padding: 20px 7px;
        font-size: 29px;
        line-height: 35px;
        text-align: center;
        font-weight: bold;
        font-family: "roboto";
        text-transform: uppercase;
        min-height: 70px;
        border-radius: 0;
        transition: all 0.3s ease 0s;
    }
    
    body .tabrea .wpb_raw_code.wpb_content_element.wpb_raw_html a:hover {
        border-radius: 50px;
        background-color: #a30068;
        transition: all 0.3s ease 0s;
    }
    
    .parent {
        display: flex;
        /* contexte sur le parent */
        min-height: 70px;
    }
    
    .enfant {
        margin: auto;
        /* eh oui, tout bêtement */
    }
    
    body .tabrea .wpb_raw_code.wpb_content_element.wpb_raw_html a span.sous {
        text-transform: none;
        font-weight: 300;
    }
    
    body.wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-tab>a {
        border-radius: 0;
    }
    
    body.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
        border: 0;
    }
    
    body.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
        background-color: transparent;
    }
    
    body.home div .isotope-grid:first-child {
        margin-top: -190px;
    }
    
    p a:not(.entry-navigation__item):not(.fancybox):not(.button):not(.image-text-link),
    a:not(.entry-navigation__item):not(.fancybox):not(.button):not(.image-text-link) {
       
        color: #000000;
    }
    
    body.thepage-1293 a:not(.entry-navigation__item):not(.fancybox):not(.button):not(.image-text-link) {
        border-bottom: 0;
        color: #000000;
    }
    
    body.thepage-1293 a:not(.entry-navigation__item):not(.fancybox):not(.button):not(.image-text-link):hover {
        border-color: #000000;
        border-bottom: 2px solid rgba(0, 0, 0, 0.6);
    }
    
    body .wpb_single_image a.vc_single_image-wrapper,
    #menu_langue a,
    .widget_nav_menu a,
    #logo a,
    #portfolio-grid1 a,
    a.totop,
    .pagination a,
    #main-nav a {
        border-bottom: 0!important;
    }
    
    .header-search {
        display: none;
    }
    
    body.page-template-page-intern-rose a {
        color: #a30068;
    }
    
    .liensrea {
        text-align: center;
        font-size: 280%;
        line-height: 72px;
    }
    
    .liensrea a {
        text-transform: none;
    }
    
    .i_face {
        background: rgba(0, 0, 0, 0) url("https://alveo.design/wp-content/themes/orio-child/image/i_face.png") no-repeat scroll 0 0;
        border: 0 none!important;
        color: #fff;
        display: block;
        background-size: cover;
        height: 34px;
        transition-duration: 0s;
        transition-property: color;
        width: 29px;
        left: 66px;
        top: 8px;
        position: relative;
    }
    
    .facebook a {
        display: none!important;
    }
    
    .i_face:hover {
        background: rgba(0, 0, 0, 0) url("https://alveo.design/wp-content/themes/orio-child/image/i_face.png") no-repeat scroll 0 -35px;
        color: #000;
        background-size: cover;
    }
    
    .i_gram {
        background: rgba(0, 0, 0, 0) url("https://alveo.design/wp-content/themes/orio-child/image/i_gram.png") no-repeat scroll 0 0;
        border: 0 none!important;
        color: #fff;
        display: block;
        background-size: cover;
        height: 34px;
        transition-duration: 0s;
        transition-property: color;
        width: 29px;
        left: 99px;
        top: -26px;
        position: relative;
    }
    


    .i_gram:hover {
        background: rgba(0, 0, 0, 0) url("https://alveo.design/wp-content/themes/orio-child/image/i_gram.png") no-repeat scroll 0 -35px;
        color: #000;
        background-size: cover;
    }


    .linked_in {
        background: rgba(0, 0, 0, 0) url("https://alveo.design/wp-content/themes/orio-child/image/linked_in.png") no-repeat scroll 0 0;
        border: 0 none!important;
        color: #fff;
        display: block;
        background-size: cover;
        height: 34px;
        transition-duration: 0s;
        transition-property: color;
        width: 29px;
        left: 132px;
        top: -60px;
        position: relative;
    }
    


    .linked_in:hover {
        background: rgba(0, 0, 0, 0) url("https://alveo.design/wp-content/themes/orio-child/image/linked_in.png") no-repeat scroll 0 -35px;
        color: #000;
        background-size: cover;
    }

    
    img.imgcenter {
        width: 370px;
        margin: 0 auto;
        display: block;
        padding: 30px 0;
    }
    
    img.imgcentermini {
        width: 270px;
        margin: 0 auto;
        display: block;
        padding: 10px 0;
    }
    
    hr.vert {
        background-color: #6FA3A1;
        height: 10px;
        border: none;
        margin-bottom: 30px;
    }

    hr.fvert1 {  
        background-color: #6FA3A1;
        height: 10px;
        border: none;
        display: -webkit-inline-box;
        margin: 10px 0 30px 0!important;
        float: left;
        width: 100%;
    }
.space10 {
    height: 10px;
}.space20 {
    height: 20px;
}
.space30 {
    height: 30px;
}

    hr.fvert {
        background-color: #6FA3A1;
        height: 10px;
        border: none;
        display: -webkit-inline-box;
        margin: 15px 0 29px 0!important;
        float: left;
        width: 100%;
    }


    
    #hero.no-bg #page-title {
        padding-top: 0;
        display: none;
    }
    
    .blocvert {
        background-color: #6FA3A1;
        color: #fff;
        padding: 12px 27px 0;
        font-family: "roboto";
        height: 160px;
    }
    .blocjaune {
            background-color: #c9a338;
            color: #fff;
            padding: 0px 17px 0;
            font-family: "roboto";
            height: 140px;
        }


    .blocjaune::after {
        background: rgba(0, 0, 0, 0) url(https://alveo.design/wp-content/themes/orio-child/image/filigrame.png) no-repeat scroll 0 0;
        border: 0 none!important;
        color: #fff;
        display: block;
        background-size: cover;
        height: 126px;
        transition-duration: 0s;
        transition-property: color;
        width: 126px;
        left: -10px;
        top: -10px;
        position: absolute;
    }
    
    .blocjaune .wpb_content_element {
        margin-bottom: 10px;
    }
    .vc_row.wpb_row.vc_row-fluid.blocjaune {
        margin:0;
    }

    
    .page-id-2321 img.imgcenter {
        width: 387px;
        padding: 0;
        position: absolute;
        right: 0;
        left: 0%;
        top: 0px;
        margin: auto;
    }

    body.page-id-2321 h4 {
        color: #c9a338;
    }

    body.page-id-2321 .frm_style_style-formidable.with_frm_style input[type=text], body.page-id-2321 .frm_style_style-formidable.with_frm_style input[type=email], body.page-id-2321 .frm_style_style-formidable.with_frm_style input[type=url] {
        border-color: #c9a338;
    }

    body.page-id-2321 .frm_style_style-formidable.with_frm_style .frm_submit button {
        background: #c9a338;
        border-color: #c9a338;
        color: #fff;
        padding: 1px 22px;
        border-radius: 25px;
        border-radius: 0;

    }

    body.page-id-2321 .frm_style_style-formidable.with_frm_style .frm_submit button:hover {
        background: #fff;
        border-color: #c9a338;
        color: #c9a338;
        border-radius: 0;
    }
    .blocvert::after {
        background: rgba(0, 0, 0, 0) url(https://alveo.design/wp-content/themes/orio-child/image/filigrame.png) no-repeat scroll 0 0;
        border: 0 none!important;
        color: #fff;
        display: block;
        background-size: cover;
        height: 126px;
        transition-duration: 0s;
        transition-property: color;
        width: 126px;
        left: -10px;
        top: -10px;
        position: absolute;
    }
    
    .blocvert .wpb_content_element {
        margin-bottom: 10px;
    }
    
    body .bigauche {
        font-family: "Domine";
        font-size: 50px;
        font-weight: bold;
        padding-top: 20px;
        padding-left: 0;
        left: 90px;
        position: relative;
        margin-bottom: 0px;
        line-height: 45px;
        }

    body.page-id-2353  .frm_style_style-formidable.with_frm_style .grostxt .frm_primary_label {
        font-size: 26px;
        font-family: "Domine";
        line-height: 28px;
    }

    body.page-id-2353 .bigauche {
        font-family: "Domine";
        font-size: 40px;
        font-weight: bold;
        padding-top: 20px;
        padding-left: 0;
        left: 90px;
        position: relative;
        margin-bottom: 0px;
        line-height: 42px;
    }

    .domine {
        font-family: "Domine";
        font-weight: 700;
        font-size: 20px;
        color:#444444;
    }

    
    .with_frm_style .frm_submit {
        clear: both;
        float: right;
    }
    
    .thepage-2004 .with_frm_style .frm_submit {
        clear: both;
        float: right;
    }
    
    .frm_style_style-formidable.with_frm_style .frm_error_style {
        position: absolute;
    }
    
    .thepage-2024 .vc_empty_space {
        display: none;
    }
    
    .padding {
        padding: 20px 20px 0 20px;
    }
    
    .bloc_sondage .wpb_content_element {
        margin-bottom: 0;
    }
    
    #cadrevert {
        border: 10px solid #6FA3A1;
        padding: 0;
   
    }
    
    #cadrejaune {
        border: 10px solid #c9a338;
        margin-top: -42px;
      
    }

    .perso_2 {
        position: relative;
        bottom: -7px;
        font-size: 40px;
        line-height: 40px;
    }
    
    .perso_3 {
        position: relative;
        bottom: -28px;
        font-size: 40px;
        text-align: right;
    }
    
    body a.boutonsuivant {
        background-color: #6FA3A1;
        border: 2px solid #6FA3A1!important;
        padding: 10px 43px;
        color: #fff!important;
        font-size: 40px;
        border-radius: 33px;
        float: right;
        margin-right: 10px;
    }
    
    body a.boutonprecedent {
        background-color: #6FA3A1;
        border: 2px solid #6FA3A1!important;
        padding: 10px 43px;
        color: #fff!important;
        font-size: 40px;
        border-radius: 33px;
        float: left;
        margin-left: 10px;
    }
    
    body a.boutonprecedent:hover {
        background-color: #fff;
        color: #6FA3A1!important;
        border: 2px solid #6FA3A1;
    }
    
    body a.boutonsuivant:hover {
        background-color: #fff;
        color: #6FA3A1!important;
        border: 2px solid #6FA3A1;
    }
    
    h1 span {
        opacity: 0.8;
    }
    
    h1 span.opa90 {
        opacity: 0.8;
    }
    
    .page-id-1240 .menu-item-1257,
    .thepage-1258 .menu-item-1257 {
        display: none;
    }
    
    body.page-id-2306 .frm_style_style-formidable.with_frm_style .grostxt .frm_primary_label {
        font-size: 26px;
    }
    
    .temoignages p {
        font-size: 63px;
        line-height: 62px;
        font-weight: bold;
        color: #000;
    }
    
    body.thepage-1258 h1 {
        color: #a30068;
        font-size: 63px;
        line-height: 62px;
        font-weight: bold;
        font-family: "roboto";
        text-transform: uppercase;
        display: block!important;
        padding-top: 18px;
    }
    
    .bandeblanche {
        height: 114px;
        padding: 20px 0;
        background-color: #8D734A;
        background-image: url(https://campzone.iil.ch/wp-content/themes/campzone/img/header_bg.png);
        background-position: 0px 3px;
        color: #fff;
        line-height: 23px;
    }
    
    .protected-post-form:before {
        content: "Bienvenue! Pour accéder à l’exercice en ligne, merci d’entrer le code qui vous a été transmis.";
        position: relative;
        top: -20px;
    }
    
    .protected-post-form label {
        display: none;
    }
    
    .protected-post-form input[type="submit"] {}
    
    body .protected-post-form {
        margin-top: 100px!important;
    }
    
    body .protected-post-form input[type=password] {
        width: 40%;
        max-width: calc(100% - 0px);
        float: left;
    }
    
    .frm_style_style-formidable.with_frm_style .frm_page_bar input,
    .frm_style_style-formidable.with_frm_style .frm_page_bar input:disabled {
        color: #6FA3A1;
    }
    
    body .protected-post-form input[type=submit] {
        color: #ff000000;
        background: #8a8a8a59;
    }
    
    .frm_rootline_group {
        margin: 20px 0 30px;
        margin-top: -60px;
    }
    
    .protected-post-form .clearfix:last-child::after {
        content: "Envoyer";
        visibility: visible;
        font-size: 15px;
        top: -31px;
        left: 4px;
        position: relative;
        z-index: -1;
    }


    .baisseletitre .frm_primary_label{
        position: relative;
        top:35px;
    }
    
    
    @media screen and (min-width: 200px) and (max-width: 800px) {
        .rondfund img {
            position: relative;
            right: unset;
        }
        body a.boutonsuivant {
            background-color: #6FA3A1;
            border: 2px solid #6FA3A1!important;
            padding: 10px 43px;
            color: #fff!important;
            font-size: 30px;
            border-radius: 33px;
            width: 114px;
            margin: 0 auto;
            float: unset;
            display: block;
        }
       .page-id-3651 #hero-and-body {
           margin-top: 129px;
        }
        body a.boutonprecedent {
            background-color: #6FA3A1;
            border: 2px solid #6FA3A1!important;
            padding: 10px 43px;
            color: #fff!important;
            font-size: 30px;
            border-radius: 33px;
            width: 134px;
            margin: 0 auto;
            float: unset;
            display: block;
        }
        #hero-and-body {
            top: 129px;
        }
        .bloc_sondage {
            border: unset;
        }
        .blocvert {
            position: relative;
        }
        body .bigauche {
            font-family: "Domine";
            font-size: 30px;
            font-weight: bold;
            padding-top: 0;
            margin-bottom: 0;
            line-height: 30px;
            position: absolute;
            top: -12px;
            left: 20px
        }
        .perso_2 {
            position: absolute;
            right: 0;
            top: 0;
            font-size: 20px;
            line-height: 20px;
        }
        .perso_3 {
            position: absolute;
            /* top: 78px; */
            font-size: 20px;
            text-align: right;
            right: 0;
        }
    }
    
    @media screen and (min-width: 200px) and (max-width: 550px) {
        body .bigauche {
            font-family: "Domine";
            font-size: 25px;
            font-weight: bold;
            padding-top: 0;
            margin-bottom: 0;
            line-height: 30px;
            position: absolute;
            top: 9px;
            left: 12px;
        }
        #cadrevert {
            margin-top: -100px;
        }

        .vc_empty_space {
            display: none;
        }
    }
    

  

    @media screen and (min-width: 801px) and (max-width: 1112px) {
        #hero-and-body {
            top: 129px;
        }
        .bloc_sondage {
            border: unset;
        }
        .blocvert {
            position: relative;
        }
        body .bigauche {
            font-family: "Domine";
            font-size: 30px;
            font-weight: bold;
            padding-top: 0;
            margin-bottom: 0;
            line-height: 30px;
            position: absolute;
            top: -12px;
        }
        .perso_2 {
            position: absolute;
            bottom: unset;
            top: 78px;
            font-size: 30px;
            line-height: 30px;
        }
        .perso_3 {
            position: absolute;
            top: 78px;
            font-size: 30px;
            text-align: right;
            right: 0;
        }
    }


    @media screen and (min-width: 200px) and (max-width: 340px) {
        #hero-and-body {
            top:19px;
        }
    }

    /*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
    
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        border: 1px solid;
        border-color: #ccc #ccc #bbb;
        border-radius: 3px;
        background: #e6e6e6;
        color: rgba(0, 0, 0, 0.8);
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1;
        padding: .6em 1em .4em;
    }
    
    button:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover {
        border-color: #ccc #bbb #aaa;
    }
    
    button:active,
    button:focus,
    input[type="button"]:active,
    input[type="button"]:focus,
    input[type="reset"]:active,
    input[type="reset"]:focus,
    input[type="submit"]:active,
    input[type="submit"]:focus {
        border-color: #aaa #bbb #bbb;
    }
    
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="tel"],
    input[type="range"],
    input[type="date"],
    input[type="month"],
    input[type="week"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="color"],
    textarea {
        color: #666;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 3px;
    }
    
    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    input[type="number"]:focus,
    input[type="tel"]:focus,
    input[type="range"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="week"]:focus,
    input[type="time"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="color"]:focus,
    textarea:focus {
        color: #111;
    }
    
    select {
        border: 1px solid #ccc;
    }
    
    textarea {
        width: 100%;
    }
    /*
body.page-template-page-intern-rose a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link):hover {
    border-color: #a30068;
} */
    
    #header .header-inner {
        width: calc(100% - 200px);
        margin: 0 auto;
        padding: 80px 0 80px 0;
        position: relative;
        max-width: 1000px;
    }
    
    body.page-template-page-interne #header .header-inner,
    body.page-template-page-intern-rose #header .header-inner,
    body.page-template-page-intern-vert #header .header-inner,
    body.page-template-page-intern-jaune #header .header-inner,
    body.portfolio-template-default #header .header-inner {
        padding: 20px 0 20px 0!important;
    }
    
    div h1:first-child,
    div.h1:first-child {
        margin-top: 0!important;
    }
    
    #menu_langue {
        bottom: 10px;
        font-family: "roboto";
        font-size: 14px;
        position: relative;
        font-weight: bold;
        width: 50px;
        height: 20px;
        float: left;
    }
    
    #menu_langue a {
        margin-right: 1px;
    }
    
    #main-nav a,
    .widget_nav_menu a {
        text-decoration: none;
    }
    
    .robotto {
        font-size: 25px;
        line-height: 30px;
        font-family: "roboto";
    }
    
    .widget_nav_menu ul li {
        padding-top: 10px;
    }
    
    body h3 {
        font-size: 30px;
        line-height: 35px;
        font-family: "domine";
        font-weight: bold;
        color: rgba(0, 0, 0, 0.74);
    }

    .woocommerce-bacs-bank-details h3 {
        font-family: unset;
    }
    
    #menu_langue {
        z-index: 1000000;
        position: absolute;
        top: 23px;
    }
    
    body.page-id-2313 .frm_style_style-formidable.with_frm_style .grostxt .frm_primary_label {
        font-size: 20px;
        font-family: roboto;
    }

    #menu_langue a.actif {
        color: #a30068;
        font-weight: bold;
    }
    
    body .frm_style_style-formidable.with_frm_style input.frm_other_input:not(.frm_other_full) {
        width: -webkit-fill-available;
    }

    .plusadroite {
        position: relative;
        left: -198px;
        top: 27px;
    }
    
    #menu_langue a.grise {
        color: #ccc;
        opacity: 0.5;
    }
    
    body .header-search {
        position: absolute;
        left: 43px;
        top: 30px;
        z-index: 1;
        margin-top: 0;
    }


    body.home #header.sticky+#hero-and-body>#page-body:first-child {
        margin-top: 0;
        border: 0;
        border-color: #fff0;
        border-style: solid;
    }

    /*
    body.page-template-default,
    body.page-template-page-interne,
    body.page-template-page-intern-rose,
    body.page-template-page-intern-vert,
    body.page-template-page-intern-jaune,
    body.portfolio-template-default {
        background: url(https://alveo.design/wp-content/themes/orio-child/image/base-motif_fd_1240px.png) center -130px no-repeat;
    }
    
    body.home #page-body {
        background: url(https://alveo.design/wp-content/themes/orio-child/image/base-motif_fd_1240px.png) repeat-y;
        background-size: contain;
        top: 0;
        padding-top: 50px;
    }
    
  
    
    body.home {
        background: url(https://alveo.design/wp-content/themes/orio-child/images/base-motif_fd_1240px.png) center 2080px repeat-y;
        background-size: contain;
        top: 0;
    }
    */
    .background-vert {
        background-color: #026675;
        color: #fff;
        padding: 20px;
    }
    
    .background-vert2 {
        background-color: #6FA3A1;
        color: #fff;
        padding: 20px;
    }
    

    .grosvert2 {
        color: #6FA3A1;
        font-size:34px;
        font-weight: bold;
    }

    .jaune {
        color: #ffdd00;

    }



  
    

    
    body h1 {
        color: rgba(0, 0, 0, 0.74)!important;
        font-size: 53px;
        line-height: 55px;
        font-weight: 300!important;

        font-family: "roboto";
        text-transform: uppercase;
    }
    
    .signature {
        color: #000;
        text-decoration: none;
        font-weight: bold;
        font-size: 60px;
        font-family: Arial, Helvetica, sans-serif;
    }
    
    body h4 {
        font-weight: 300!important;
        font-size: 33px;
        line-height: 32px;
        font-weight: 300!important;
        font-family: "roboto";
        text-transform: uppercase;
        padding-top: 5px;
    }
    
    body.page-template-page-intern-rose h4 {
        color: #a30068;
        font-size: 33px;
        line-height: 32px;
        font-weight: bold;
        font-family: "roboto";
        text-transform: uppercase;
        padding-top: 5px;
    }
    
    .rose {
        color: #a30068;
        font-weight: bold;
    }
    
    .vert {
        color: #026675;
        font-weight: bold;
    }
    
    body h4.team {
        padding: 0 0 11px;
    }
    
    body h4.team2 {
        padding: 33px 0 11px 0;
    }
    
    .box_txt {
        font-family: "Domine";
        font-size: 20px;
    }
    
    .vc-hoverbox-block-inner p {
        text-align: left;
    }
    
    .bloc_contact {
        background-color: rgba(204, 204, 204, 0.2);
        padding: 40px 30px 0 30px;
        font-family: "Domine";
    }
    
    .frm_style_style-formidable.with_frm_style .grostxt .frm_primary_label {
        font-size: 60px;
        font-family: roboto;
    }
    
    .page-id-2296 .frm_style_style-formidable.with_frm_style .grostxt .frm_primary_label {
        font-size: 60px;
        font-family: roboto;
        padding-bottom: 50px;
    }
    
    .space30 {
        height: 30px;
        clear: both;
    }
    
    #field_zkfqg_label,
    #field_o09y1_label {
        padding-bottom: 40px;
    }
    
    .page-id-2296 .frm_style_style-formidable.with_frm_style .frm_required,
    .page-id-2253 .frm_style_style-formidable.with_frm_style .frm_required {
        display: none;
    }
    
    .bloc_contact .frm_style_style-formidable.with_frm_style .frm_submit button {
        background-color: #fff;
        color: #6FA3A1;
        font-weight: 700;
        font-size: 20px;
        font-family: "Domine";
        border-radius: 0;
        border: 0;
        box-shadow: unset;
    }
    
    .bloc_contact .frm_style_style-formidable.with_frm_style input[type=text],
    .bloc_contact .frm_style_style-formidable.with_frm_style input[type=email] {
        height: 46px;
        font-family: "Domine";
    }

    .roboto {
        font-size:15px;
        font-family: "roboto";
        font-weight: 100!important;
        
    }
    
    .frm_style_style-formidable.with_frm_style label.frm_primary_label {
        font-family: "Domine";
        font-weight: 700;
        font-size: 20px;
     
    }
    
    .frm_style_style-formidable.with_frm_style input[type=text],
    .frm_style_style-formidable.with_frm_style input[type=password],
    .frm_style_style-formidable.with_frm_style input[type=email],
    .frm_style_style-formidable.with_frm_style input[type=number],
    .frm_style_style-formidable.with_frm_style input[type=url],
    .frm_style_style-formidable.with_frm_style input[type=tel],
    .frm_style_style-formidable.with_frm_style input[type=phone],
    .frm_style_style-formidable.with_frm_style input[type=search],
    .frm_style_style-formidable.with_frm_style select,
    .frm_style_style-formidable.with_frm_style textarea,
    .frm_form_fields_style,
    .frm_style_style-formidable.with_frm_style .frm_scroll_box .frm_opt_container,
    .frm_form_fields_active_style,
    .frm_form_fields_error_style,
    .frm_style_style-formidable.with_frm_style .chosen-container-multi .chosen-choices,
    .frm_style_style-formidable.with_frm_style .chosen-container-single .chosen-single {
        border-radius: 0;
        box-shadow: unset;
    }
    
    .page-id-1240 .box_txt {
        padding-right: 140px;
        font-family: "Domine";
        font-size: 20px;
    }
    
    SUP, .smaller {
        font-size: 80%;
    }
    
    h6,
    .h6 {
        
        font-size: 19px!important;
        line-height: 26px!important;
        font-weight: 400;
        text-transform: none;
        color: #a30068;
        padding: 7px 32px 12px 32px;
        color: #fff;
    }
    
    .menu-cart-content h6 {
        padding: 0;  
      }


      .menu-cart-content    .sr-button.checkout {
          display: none;
      }

    @media screen and (min-width: 240px) and (max-width: 1400px) {
        .box_txt {
            padding-right: 0;
            font-family: "Domine";
            font-size: 20px;
        }
    }
    
    @media screen and (min-width: 240px) and (max-width: 1000px) {
        .box_txt {
            padding-right: unset;
            font-family: "Domine";
            font-size: 20px;
        }
    }
    
    h1.aligndroite {
        text-align: right;
        color: #fff;
    }
    
    @media screen and (min-width: 250px) and (max-width: 1500px) {
        body {
            max-width: 100%;
            width: 80%;
            margin: 0 auto!important;
            -ms-text-size-adjust: 100%;
        }
        body #page-content {
            overflow: visible;
        }
        .bloc_sondage {
            margin-left: 0;
        }
    }
    
    body nav#main-nav>ul>li>a,
    body #menu.classic nav#main-nav>ul>li>a,
    body #header-actions-overlay .action-overlay .category-list li a,
    body .header-cart .cart-open {
        font-family: "Domine";
        font-weight: 400;
        font-size: 28px;
        line-height: 32px;
        text-transform: none;
    }
    
    @media screen and (min-height: 227px) and (max-height: 800px) {
    body nav#main-nav>ul>li>a, body #menu.classic nav#main-nav>ul>li>a, body #header-actions-overlay .action-overlay .category-list li a, body .header-cart .cart-open {
        font-family: "Domine";
        font-weight: 400;
        font-size: 18px;
        line-height: 12px;
        text-transform: none;
    }
}

    @media screen and (min-width: 767px) and (max-width: 1200px) {
        body {
            width: calc(100% - 10px);
        }
        body #page-body {
            width: unset;
        }
    }
    
    @media screen and (min-width: 111px) and (max-width: 766px) {
        body {
            width: 100%;
        }
        body #header.sticky+#hero-and-body>#page-body:first-child {
            margin-top: calc(0px + 0px + 0px) !important;
        }
        body #header.sticky + #hero-and-body #hero:not(.hero-fullscreen) {
            margin-top: calc(0px + 0px + 0px) !important;
        }

    }
    
    #acco .slick-next,
    #acco .slick-prev {
        top: 20%;
    }
    
    .maxheight {
        max-height: 705px;
    }
    
    #fondImage {
        background-image: url(https://alveo.design/wp-content/uploads/2017/12/atelier.png);
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
    }
    /* Hover sur images seule page interne */
    
    #acco {
        max-height: 650px;
    }
    
    
   
    

    .hover-table2-7:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2017/12/over_table-ronde-agenda_1220x1220px.png);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: 100%;
    }

    .hover-6logisra:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2020/05/6logis_flou.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: 100%;
    }
    
    
    .hover-table2-7a:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2017/12/RDV_agenda_2.7_TR-_over_1220x1220px_rvb_NEW.png);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: 100%;
    }
    
    .hover-table2-7b:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2017/12/TR_ecran_OVER_1220x1220px.png);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: 100%;
    }
    
    .hover-table2-7c:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2017/12/TR_genre_OVER_1220x1220px.png);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: 100%;
    }
    
    .hover-31mai:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2017/12/over_atelier-agenda_1220x1220px-1.png);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: 100%;
    }
    
    .hover-mapc:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2019/04/MAPC_over_1200x1200px_rvb.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    

    .hover-hopiclown {
        background-image: url(https://alveo.design/wp-content/uploads/2020/09/Hopiclowns_flou.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }

    .hover-giving:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2019/04/GW_over_1200x1200px_rvb.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    body .frm_style_style-formidable.with_frm_style .frm_message p {
        color: #a30069;
        font-family: 'Barlow Condensed';
        font-size: 30px;
        line-height: 35px;
        font-weight: 100;
        padding-top: 0px;
    }
    
    body .frm_style_style-formidable.with_frm_style .frm_message,
    .frm_success_style {
        border: 0;
        background-color: unset;
        color: #666;
    }
    

    body header.menu-is-open #menu:not(.classic) #menu-inner {
        overflow: hidden;
    }

    .hover-6logis:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2019/04/6LOGIS_over_1200x1200px_rvb.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .hover-campagne:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2017/12/campage-collaborative-1220x1220px.png);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .hover-fli:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2019/04/FLI_over_1200x1200px_rvb.png);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .hover-camp:hover {
        background-image: url(https://alveo.design/wp-content/themes/orio-child/image/camp_hover.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .hover-apge:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2019/07/APRES-GE-flou.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .hover-capas:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2019/06/4.png);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .hover-eco:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2019/09/eco-h.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .hover-giv2:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2020/02/GIVING-WOMEN_texte.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
     .hover-cagi2:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2020/09/Cagi_flou-1.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: 100%;
    }
    .hover-palaz:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2020/05/Palaz_blanc_flou.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: 100%;
    }
    
      .hover-sos2019:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2020/05/sos-femmes_2019_flou.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: 100%;
    }
      .hover-sos2018:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2020/09/sos-femmes_2018_flou.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: 100%;
    }
    .hover-capas2018:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2020/05/CAPAS_flou.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: 100%;
    }

    .hover-tips:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2020/09/tipsdecomm_over.png);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: 100%;
    }

    .hover-eau:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2020/09/distillerie_flou.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: 100%;
    }
    
    .hover-recit:hover {
    background-image: url(https://alveo.design/wp-content/uploads/2020/09/RECIT-survol.jpg);
    position: relative;
    z-index: 10000;
    width: 100%;
    height: -webkit-fill-available;
    background-size: contain;
    height: 100%;
} 

.hover-cagi:hover {
    background-image: url(https://alveo.design/wp-content/uploads/2020/09/cagi_flou-Copie.jpg);
    position: relative;
    z-index: 10000;
    width: 100%;
    height: -webkit-fill-available;
    background-size: contain;
    height: 100%;
} 

.hover-tips1:hover {
    background-image: url(https://alveo.design/wp-content/uploads/2020/09/strategie_over.png);
    position: relative;
    z-index: 10000;
    width: 100%;
    height: -webkit-fill-available;
    background-size: contain;
    height: 100%;
} 

.hover-tips2:hover {
    background-image: url(https://alveo.design/wp-content/uploads/2020/09/message_over.png);
    position: relative;
    z-index: 10000;
    width: 100%;
    height: -webkit-fill-available;
    background-size: contain;
    height: 100%;
} 

.hover-tips3:hover {
    background-image: url(https://alveo.design/wp-content/uploads/2020/09/identite_over.png);
    position: relative;
    z-index: 10000;
    width: 100%;
    height: -webkit-fill-available;
    background-size: contain;
    height: 100%;
} 

.hover-tipsin:hover {
    background-image: url(https://alveo.design/wp-content/uploads/2021/06/in-hover.png);
    position: relative;
    z-index: 10000;
    width: 100%;
    height: -webkit-fill-available;
    background-size: contain;
    height: 100%;
} 




.hover-tips4:hover {
    background-image: url(https://alveo.design/wp-content/uploads/2020/09/RS_over.png);
    position: relative;
    z-index: 10000;
    width: 100%;
    height: -webkit-fill-available;
    background-size: contain;
    height: 100%;
} 


    .hover-tips1 img,
    .hover-tips2 img,
    .hover-tips3 img,
    .hover-tipsin img,
    .hover-tips4 img,
    .hover-cagi2 img,
    .hover-recit img,
    .hover-eau img,
    .hover-tips img,
    .hover-hopiclown img,
	.hover-capas2018 img,
    .hover-sos2018 img,
    .hover-sos2019 img,
    .hover-palaz img,
    .hover-cagi img,
    .hover-giv2 img,
    .hover-eco img,
    .hover-apge img,
    .hover-kit1 img,
    .hover-kit2 img,
    .hover-kit3 img,
    .hover-kit4 img,
    .hover-capas img,
    .hover-camp img,
    .hover-fli img,
    .hover-mapc img,
    .hover-realis img,
    .hover-giving img,
    .hover-6logis img,
    .hover-lsdh img,
    .hover-bonplan img,
    .hover-campagne img,
    .hover-appro img,
    .hover-atelier img,
    .hover-collabo img,
    .hover-31mai img,
    .hover-table2-7 img,
    .hover-table2-7a img,
    .hover-table2-7b img,
    .hover-table2-7c img,
    .hover-6logisra img {
        opacity: 1;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
    }
    
    .hover-tips1:hover img,
    .hover-tips2:hover img,
    .hover-tips3:hover img,
    .hover-tipsin:hover img,
    .hover-tips4:hover img,
    .hover-cagi2:hover img,
    .hover-recit:hover img,
    .hover-eau:hover img,
    .hover-tips:hover img,
    .hover-hopiclown:hover img,
    .hover-capas2018:hover img,
    .hover-sos2018:hover img,
    .hover-sos2019:hover img,
    .hover-palaz:hover img,
    .hover-cagi:hover img,
    .hover-giv2:hover img,
    .hover-eco:hover img,
    .hover-apge:hover img,
    .hover-kit1:hover img,
    .hover-kit2:hover img,
    .hover-kit3:hover img,
    .hover-kit4:hover img,
    .hover-capas:hover img,
    .hover-camp:hover img,
    .hover-fli:hover img,
    .hover-mapc:hover img,
    .hover-realis:hover img,
    .hover-giving:hover img,
    .hover-6logis:hover img,
    .hover-lsdh:hover img,
    .hover-bonplan:hover img,
    .hover-campagne:hover img,
    .hover-appro:hover img,
    .hover-atelier:hover img,
    .hover-collabo:hover img,
    .hover-31mai:hover img,
    .hover-table2-7:hover img,
    .hover-table2-7a:hover img,
    .hover-table2-7b:hover img,
    .hover-table2-7c:hover img,
    .hover-6logisra:hover img {
        opacity: 0;
    }
    
    .hover-kit1:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2019/06/misesKIT_1_1220x1220px_OVER.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .hover-kit2:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2019/06/kit2.png);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .hover-kit3:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2019/06/misesKIT_3h.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .hover-kit4:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2019/12/KIT_4h.png);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .hover-realis:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2017/12/nos-realisations2_1220x1220px_over.png);
        position: relative;
        z-index: 10000;
        width: 249px;
        margin: 0 auto 35px;
        height: -webkit-fill-available;
        background-size: contain;
        height: 249px;
    }
    
    .hover-bonplan:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2019/04/LBP_over_1200x1200px_rvb.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .hover-lsdh:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2019/04/LSDH_over_1200x1200px_rvb-1.jpg);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .hover-appro:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2021/06/services-perso_over_1220x1220px.png);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .hover-atelier:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2021/06/formations_over_1220x1220px.png);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .hover-collabo:hover {
        background-image: url(https://alveo.design/wp-content/uploads/2021/06/approche-collab_over_1220x1220px.png);
        position: relative;
        z-index: 10000;
        width: 100%;
        height: -webkit-fill-available;
        background-size: contain;
        height: auto;
    }
    
    .cadree {
        border: 1px solid #000;
    }
    /*animation element*/
    
    .animation-element {
        opacity: 0;
        position: relative;
    }
    /*animation element sliding left*/
    
    .item-818 {
        z-index: 100000;
    }
    
    .cat-39.item-806 {
        opacity: 0.3;
    }
    
    .cat-39.item-806::after {
        /*
    content: " ";
    background-color: rgba(65, 65, 65, 0.85);
    position: absolute;
    width: 98%;
    height: 98%;
    top: 0;
    z-index: 10000000;
	*/
    }
    
    body .ultsl-arrow-left6:before {
        content: " ";
        background: url(https://alveo.design/wp-content/themes/orio-child/image/fleche_gauche.png);
        background-size: cover!important;
        position: relative;
        left: -130px;
        width: 100px;
        height: 231px;
        top: -130px;
        z-index: 1;
        display: inline-block;
    }
    
    body .ultsl-arrow-right6:before {
        content: " ";
        background: url(https://alveo.design/wp-content/themes/orio-child/image/fleche_droite.png);
        background-size: cover!important;
        position: relative;
        right: -130px;
        width: 100px;
        height: 231px;
        top: -130px;
        z-index: 1;
        display: inline-block;
    }
    
    @media screen and (min-width: 100px) and (max-width: 1360px) {
        body .ultsl-arrow-left6:before {
            left: 10px;
            background-size: cover!important;
            background: url(https://alveo.design/wp-content/themes/orio-child/image/fleche_gauche_g.png);
        }
        body .ultsl-arrow-right6:before {
            background: url(https://alveo.design/wp-content/themes/orio-child/image/fleche_droite_g.png);
            right: 10px;
            background-size: cover!important;
        }
    }
    
    body .ult-carousel-wrapper {
        visibility: visible;
    }
    
    .slick-next {
        right: -185px;
    }
    
    .pagination .prev a:after {
        content: " ";
        background: url(https://alveo.design/wp-content/themes/orio-child/image/fleche_gauche.png);
        background-size: cover;
        position: relative;
        left: 20px;
        width: 100px;
        height: 231px;
        top: 0;
        z-index: 10000000;
        display: inline-block;
    }
    
    .pagination .prev a:hover::after,
    .pagination .next a:hover::after {
        opacity: 0;
    }
    
    .pagination .next a:after {
        content: " ";
        background: url(https://alveo.design/wp-content/themes/orio-child/image/fleche_droite.png);
        background-size: cover;
        position: relative;
        right: 20px;
        width: 100px;
        height: 231px;
        top: 0;
        z-index: 10000000;
        display: inline-block;
    }
    
    .disquegch {
        z-index: 10;
        position: relative;
    }
    
    .disque {
        opacity: 0;
        -moz-transition: all 3500ms linear;
        -webkit-transition: all 3500ms linear;
        -o-transition: all 3500ms linear;
        transition: all 3500ms linear;
        -moz-transform: translate3d(-500px, 0px, 0px);
        -webkit-transform: translate3d(-500px, 0px, 0px);
        -o-transform: translate(-500px, 0px);
        -ms-transform: translate(-500px, 0px);
        transform: translate3d(-500px, 0px, 0px);
    }
    
    .disque.in-view {
        opacity: 1;
        -moz-transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate3d(0px, 0px, 0px);
        z-index: 2;
        position: relative;
    }
    
    #header-widget.social .twitter,
    #header-widget.social .vimeo,
    #header-widget.social .instagram,
    #header-widget.social .dribbble {
        display: none;
    }
    
    .edit-link {
        bottom: 20px;
        left: 20px;
        position: fixed;
        z-index: 1000
    }
    
    .edit-link a {
        color: #000;
        background-color: rgba(143, 17, 79, 0);
        opacity: 0.1;
        padding: 5px 15px;
        font-size: 12px;
        text-transform: uppercase;
        font-family: "roboto";
    }
    
    body .edit-link a:hover {
        opacity: 1;
        background-color: #a30068;
        color: #fff;
    }

    .edit-link  a:hover:not(.entry-navigation__item):not(.fancybox):not(.button):not(.image-text-link) {
        color: #fff;
    }
    
    .menu-toggle .search {}
    
   
    
    .mp3player {
        position: absolute;
        right: 13px;
        top: -40px;
        z-index: 1111110;
    }
    
    div.lirelasuite {
        font-size: 60%;
    }
    
    body #header.sticky+#hero-and-body>#page-body:first-child {
        margin-top: calc(0px + 60px + 60px);
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1200px) {
        body h1:not(.widget-title):not(#reply-title),
        .h1 {
            font-size: 53px !important;
            line-height: 60px !important;
        }
        body #header.sticky+#hero-and-body>#page-body:first-child {
            margin-top: calc(0px + 150px + 60px);
        }
    }
    
    @media screen and (min-width: 767px) and (max-width: 999px) {
        body h1:not(.widget-title):not(#reply-title),
        .h1 {
            font-size: 43px !important;
            line-height: 50px !important;
        }
        body #header.sticky+#hero-and-body>#page-body:first-child {
            margin-top: calc(72px + 80px + 60px);
        }
    }
    
    body.page-template-page-bleu .header-inner.clearfix {
        padding-top: 40px!important;
        padding-bottom: 40px!important;
    }
    
    body #header.sticky+#hero-and-body #hero:not(.hero-fullscreen) {
        /* margin-top: 100px;
    margin-top: calc(0px + 160px + 90px); */
        margin-top: calc(0px + 60px + 60px);
    }
    
    body.home #header.sticky+#hero-and-body>#page-body:first-child {
        margin-top: 0;
        border: 0;
        border-color: #fff0;
        border-style: solid;
        padding-top: 200px;
    }
    
    body .vc_row.vc_row-o-full-height {
        min-height: unset;
    }
    
    body.home #header.sticky+#hero-and-body #hero:not(.hero-fullscreen) {
        /* margin-top: 100px;
    margin-top: calc(0px + 160px + 90px); */
        margin-top: calc(0px + 60px + 90px);
    }
    
    .height10,
    .height12,
    .responsiveheight,
    .height13,
    .height22,
    .height24,
    .height11,
    .height131 {
        height: 0!important;
    }
    
    .equipe, body .vc-hoverbox-inner {
        height: 455;
    }
    
    .equipe .wpb_content_element {
        padding-top: 60px;
    }
    
    @media screen and (min-width: 1240px) and (max-width: 4500px) and (min-height: 1100px) {
        .responsiveheight {
            height: 236px!important;
        }
        .height10 {
            height: 170px!important;
        }
        .height11 {
            height: 217px!important;
        }
        .height12 {
            height: 218px!important;
        }
        .height13 {
            height: 215px!important;
        }
        .height22 {
            height: 383px!important;
        }
        .height24 {
            height: 382px!important;
        }
        .height131 {
            height: 407px!important;
        }
    }
    
    @media screen and (min-width: 750px) {
        body #header.sticky::after {
            background-color: #fff;
        }
    }
    
    @media screen and (max-width: 1240px) {
        .page-id-1240 .box_txt {
            padding-right: 0;
        }
    }
    
    @media screen and (min-width: 1240px) {
        body #header.sticky::after {
            background-color: #fff;
        }
        body #header.sticky+#hero-and-body>#page-body:first-child {
            margin-top: unset;
        }
    }
    
    @media screen and (max-height: 1240px) {
        body #header.sticky+#hero-and-body>#page-body:first-child {
            margin-top: 130px;
        }
    }
    
    .vc_wp_custommenu.wpb_content_element #menu-qui-pourquoi-comment {
        position: relative;
        top: 4px;
        right: 0;
        max-width: 454px;
        float: right;
        text-align: right;
        min-height: 130px;
    }
    
    .vc_wp_custommenu.wpb_content_element #menu-qui-pourquoi-comment li a {
        color: #a30068;
        font-size: 35px;
        line-height: 35px;
        font-weight: bold;
        font-family: "Domine";
        text-align: right;
    }
    
    #menu-qui-pourquoi-comment li a,
    #menu-realisations li a {
        background-image: linear-gradient(#a30068, #a30068);
    }



    .vc_wp_custommenu.wpb_content_element #menu-atelier-et-formation {
        position: relative;
        top: 4px;
        right: 0;
        max-width: 454px;
        float: right;
        text-align: right;
        min-height: 130px;
    }
    
    .vc_wp_custommenu.wpb_content_element #menu-atelier-et-formation li a {
        color: #6da3a0;
        font-size: 35px;
        line-height: 35px;
        font-weight: bold;
        font-family: "Domine";
        text-align: right;
    }
    
    #menu-atelier-et-formation li a,
    #menu-atelier-et-formation li a {
        background-image: linear-gradient(#026675, #026675);
    }
    


    
    .vc_wp_custommenu.wpb_content_element #menu-realisations {
        position: relative;
        top: 4px;
        right: 0;
        max-width: 454px;
        float: right;
        text-align: right;
        min-height: 130px;
    }
    
    .vc_wp_custommenu.wpb_content_element #menu-realisations li a {
        color: #a30068;
        font-size: 35px;
        line-height: 35px;
        font-weight: bold;
        font-family: "Domine";
        text-align: right;
    }
    
    .page-id-871 .menu-item-991,
    .page-id-881 .menu-item-992,
    .page-id-878 .menu-item-993,
    .page-id-871 .menu-item-1012 {
        display: none;
    }
    
    .vc_wp_custommenu.wpb_content_element .menu_qui .widget ul:not(.socialmedia-widget) li a {
        font-weight: 400;
        display: block;
        transition: color 0.2s ease, background-size 0.3s ease;
        color: #fff;
        background-image: linear-gradient(#fff, #fff);
        background-size: 0% 2px;
        background-position: left bottom;
        background-repeat: no-repeat;
        text-transform: uppercase;
        text-align: right;
        font-size: 40px;
        line-height: 48px;
        font-family: "Roboto";
        font-weight: 300;
    }
    
    .vc_wp_custommenu.wpb_content_element.menu_qui .widget ul:not(.socialmedia-widget) li a:hover {
        background-size: 100% 2px;
    }
    
    #page-body {
        width: 100%;
    }
    
    body .vc_row.blocvert {
        margin: 0;
    }
    
    body.page-template-page-vert .vc_row.vc_row-o-columns-middle {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        background-color: #6da3a0;
    }
    
    body.page-template-page-vert .header-inner.clearfix {
        padding-top: 25px!important;
        padding-bottom: 25px!important;
    }
    
    body.page-template-page-bleu .vc_row.vc_row-o-columns-middle {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        background-color: #005b6a;
    }
    
    body.page-template-page-jaune .vc_row.vc_row-o-columns-middle {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        background-color: #c9910d;
    }
    
    .loaded #page-loader+#page-content #header {
        opacity: 1;
        visibility: visible;
   
        z-index: 10;
    }
    
    .loaded #page-loader+#page-content #header.sticky-transformed {
        opacity: 1;
        visibility: visible;
        top: 0;
        z-index: 1501;
    }
    
    .backgroundblanc {
        background-color: #fff;
        height: 0;
        width: 90%;
        padding: 5% 5% 90% 5%;
        font-size: 24px;
        line-height: 32px;
    }
    
    @media screen and (min-width: 1500px) and (max-width: 6000px) {
        .backgroundblanc {
            font-size: 25px;
            line-height: 29px;
        }
    }
    
    @media screen and (min-width: 1400px) and (max-width: 1500px) {
        .backgroundblanc {
            font-size: 25px;
            line-height: 29px;
        }
    }
    
    @media screen and (min-width: 1250px) and (max-width: 1400px) {
        .backgroundblanc {
            font-size: 22px;
            line-height: 25px;
        }
    }
    
    @media screen and (min-width: 1100px) and (max-width: 1250px) {
        .backgroundblanc {
            font-size: 20px;
            line-height: 22px;
        }
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1100px) {
        .backgroundblanc {
            font-size: 18px;
            line-height: 20px;
        }
    }
    
    @media screen and (min-width: 900px) and (max-width: 1000px) {
        .backgroundblanc {
            font-size: 15px;
            line-height: 17px;
        }
    }
    
    @media screen and (min-width: 767px) and (max-width: 900px) {
        .backgroundblanc {
            font-size: 13px;
            line-height: 17px;
        }
    }
    
    @media screen and (min-width: 600px) and (max-width: 766px) {
        .backgroundblanc {
            font-size: 22px;
            line-height: 26px;
        }
    }
    
    @media screen and (min-width: 500px) and (max-width: 600px) {
        .backgroundblanc {
            font-size: 20px;
            line-height: 23px;
        }
    }
    
    @media screen and (min-width: 167px) and (max-width: 500px) {
        .backgroundblanc {
            font-size: 15px;
            line-height: 18px;
        }
        .loaded #page-loader+#page-content #header {
          
            top: 40px;
        
        }
        
    }
    
    .responsiveok {
        display: none;
    }
    
    .responsiveno {
        display: block;
    }
    
    @media screen and (min-width: 167px) and (max-width: 767px) {
        body .vc_column_container>.vc_column-inner {
            box-sizing: border-box;
            padding-left: 0;
            padding-right: 0;
            width: 100%;
        }
        body.page-template-page-intern-rose h1 {
            color: #a30068;
            font-size: 53px;
            line-height: 55px!important;
            font-weight: bold;
            font-family: "roboto";
            text-transform: uppercase;
        }
        body.page-template-page-intern-jaune h1 {
            color: #c9a338;
            font-size: 53px;
            line-height: 55px!important;
            font-weight: bold;
            font-family: "roboto";
            text-transform: uppercase;
        }
        body.page-template-page-intern-vert h1 {
            color: #6da3a0;
            font-size: 53px;
            line-height: 55px!important;
            font-weight: bold;
            font-family: "roboto";
            text-transform: uppercase;
        }
        body h1 {
            color: #026675;
            font-size: 53px;
            line-height: 55px!important;
            font-weight: bold;
            font-family: "roboto";
            text-transform: uppercase;
        }
        .plusadroite {
            left: 0;
        }
        body #header .header-inner {
            width: 94%;
            margin: 0 auto;
        }
        body {
            max-width: 94%;
            padding: 0px 3%;
            margin: 0 auto;
            -ms-text-size-adjust: 100%;
        }
        body #header #logo img {
            height: 60px !important;
        }


        .responsiveok {
            display: block;
         
        }
        .responsiveno {
            display: none;
        }
        .responsiveok #menu-qui-pourquoi-comment-1 li a {
            background-image: linear-gradient(#a30068, #a30068);
        }
        .responsiveok #menu-atelier-et-formation-1  li a,  #menu-atelier-et-formation  li a {
            background-image: linear-gradient(#6da3a0, #6da3a0);
        }
        body.page-id-1240 .box_txt {
            padding-right: unset;
            font-family: "Domine";
            font-size: 20px;
        }
        .responsiveok #menu-qui-pourquoi-comment-1 li a {
            background-color: #a30068;
            color: #fff;
            padding: 2% 5% 2% 2%;
            text-align: right;
            width: 93%;
            -webkit-transition: background-color 300ms linear;
            -ms-transition: background-color 300ms linear;
            transition: background-color 300ms linear;
        }

        .vc_wp_custommenu.wpb_content_element #menu-atelier-et-formation {
            max-width: unset;
            float: unset;
        }

        .responsiveok #menu-atelier-et-formation-1 li a, .vc_wp_custommenu.wpb_content_element #menu-atelier-et-formation li a {
            background-color: #6da3a0;
            color: #fff;
            padding: 2% 5% 2% 2%;
            text-align: right;
            width: 93%;
  
            font-size: unset;
            line-height: unset; 
            font-weight: unset;

            -webkit-transition: background-color 300ms linear;
            -ms-transition: background-color 300ms linear;
            transition: background-color 300ms linear;
        }
        .responsiveok #menu-qui-pourquoi-comment-1 li a:hover, .responsiveok #menu-qui-pourquoi-comment li a:hover {
            background-color: #fff;
            color: #a30068;
        }
        .responsiveok #menu-atelier-et-formation-1 li a:hover, body  .vc_wp_custommenu #menu-atelier-et-formation li a:hover  {
            background-color: #fff;
            color: #6da3a0;
        }
    }
    
    .envioletmoyen,
    body .envioletmoyen p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link) a,
    .envioletmoyen a {
        color: #a30068!important;
        font-size: 35px;
        line-height: 35px;
        font-weight: bold;
        font-family: "Domine";
        text-align: right;
        text-decoration: none;
        border-bottom: none!important;
    }
    
    body #page-content {
        overflow: visible;
        margin: 0;
        min-width: unset;
        max-width: 1000px;
        min-height: 101vh;
        margin: 0 auto;
    }
    
    @media screen and (min-width: 200px) and (max-width: 1350px) {
        body #page-content {
         
            margin: 0;
            min-width: unset;
            max-width: 100%;
            min-height: 101vh;
        }
    }
    
    @media screen and (min-width: 200px) and (max-width: 400px) {
        body h1:not(.widget-title):not(#reply-title),
        .h1 {
            font-size: 31px !important;
            line-height: 38px !important;
        }
    }
    
    @media screen and (min-width: 200px) and (max-width: 1000px) {
        .vc_wp_custommenu.wpb_content_element.menu_qui {
            position: unset;
        }
    }
    /*aligns*/
    
    .aligncenter {
        display: block;
        margin: 0 auto;
    }
    
    .alignright {
        float: right;
        margin: 0 0 10px 20px;
    }
    
    .alignleft {
        float: left;
        margin: 0 20px 10px 0;
    }
    /*floats*/
    
    .floatleft {
        float: left
    }
    
    .floatright {
        float: right
    }
    /*text style*/
    
    .textcenter {
        text-align: center
    }
    
    .textright {
        text-align: right
    }
    
    .textleft {
        text-align: left
    }
    /*captions*/
    
    .wp-caption {
        max-width: 100% !important;
    }
    
    .wp-caption {
        text-align: center;
        margin-top: 30px;
        font-style: italic;
    }
    
    div .wp-caption:first-child {
        margin-top: 20px;
    }
    
    .wp-caption img {
        margin: 0;
        padding: 0;
        border: 0 none;
        max-width: 100%;
    }
    
    .wp-caption p.wp-caption-text {
        font-size: 13px;
        line-height: 19px;
        padding: 0 4px 5px;
        margin: 0;
    }
    /*smiley reset*/
    
    .wp-smiley {
        margin: 0 !important;
        max-height: 1em;
    }
    /*blockquote*/
    
    blockquote.left {
        margin-right: 20px;
        text-align: right;
        margin-left: 0;
        width: 33%;
        float: left;
    }
    
    blockquote.right {
        margin-left: 20px;
        text-align: left;
        margin-right: 0;
        width: 33%;
        float: right;
    }
    /*img attachment*/
    
    #img-attch-page {
        text-align: center;
        overflow: hidden;
    }
    
    #img-attch-page img {
        display: inline-block;
        margin: 0 auto;
        max-width: 100%;
        border: 5px solid #d4d4d4;
        /*for IE*/
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-color: rgba(0, 0, 0, 0.08);
        -webkit-transition: border 0.3s ease;
        -o-transition: border 0.3s ease;
        -moz-transition: border 0.3s ease;
    }
    
    #img-attch-page a:hover img {
        border-color: #fc7251;
    }
    
    #img-attach-page-content {
        text-align: center;
        margin-top: 25px;
    }
    /*gallery*/
    
    .gallery {
        width: 100%;
        padding-top: 20px !important;
    }
    
    .gallery-item {
        display: inline-block;
        text-align: center;
        vertical-align: top;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .gallery-item .gallery-icon {
        text-align: center;
        display: block;
        width: calc(100% - 10px);
        padding: 5px !important;
    }
    
    .gallery-item .gallery-caption {
        margin-bottom: 20px !important;
    }
    
    .gallery-item img {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        max-width: 100% !important;
    }
    
    .gallery-item a {
        display: inline-block;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .gallery-item a:hover img {
        opacity: 0.8;
        filter: alpha(opacity=80);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    }
    
    .gallery-columns-6 .gallery-caption,
    .gallery-columns-7 .gallery-caption,
    .gallery-columns-8 .gallery-caption,
    .gallery-columns-9 .gallery-caption {
        display: none;
    }
    
    .size-full {}
    
    .size-large {}
    
    .size-medium {}
    
    .size-thumbnail {}
    
    .screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }
    /* ADMIN BAR DEPENDECIES */
    
    body #header #logo {
        width: auto;
        display: inline-block;
        position: relative;
        z-index: 1;
        left: 70%;
    }
    
    @media screen and (min-width: 250px) and (max-width: 1180px) {
        body #header #logo {
            width: auto;
            display: inline-block;
            position: relative;
            z-index: 1;
            /* right: 0; */
            left: unset;
            float: right;
        }
    }
    
    body #header #logo {
        width: auto;
        display: inline-block;
        position: relative;
        z-index: 1;
        /* right: 0; */
        left: unset;
        float: right;
        top: 0;
    }
    
    body.home #header.sticky.sticky-transformed.direct #logo {
        top: -20px;
    }
    
    .opacityy {
        opacity: 0!important;
        background-color: red;
    }
    
    .home #dark-logo {
        position: relative;
    }
    .home .sticky-transformed #dark-logo {
        top: 0;
        position: relative;
    }
    
    
    .sticky-transformed #dark-logo {
        display: block;
    }
    
    .displaynone {
        display: none!important;
    }
    
    .portfolio-template-default h1 {
        display: none;
    }
    
    .divhome {
        background-color: red;
        width: 400px;
        margin: 0 auto;
        /* height: 50px; */
        padding: 10px;
        font-size: 13px;
        text-align: center;
        text-transform: uppercase;
        position: absolute;
        bottom: 10px;
    }
    
    .home img.imgport {
        width: 40%!important;
        height: auto;
        display: block;
        margin: 20px 0;
    }
    
    body .deborde_box img {
        max-width: 767px;
        width: 100%;
    }
    
    #portfolio-grid1 .item-376 .thumb-hover:hover::before,
    #portfolio-grid1 .item-581 .thumb-hover:hover::before {
        opacity: 0!important;
    }
    
    #portfolio-grid1 .item-376 a,
    #portfolio-grid1 .item-581 a,
    .item-772 a,
    .item-778 a,
    .item-780 a,
    .item-785 a,
    .item-796 a,
    .item-19 a,
    .item-825,
    .item-831 a,
    .item-834 a,
    .item-837 a,
    .item-812 a,
    .item-815 a,
    .item-789 a,
    .item-818 a,
    .item-731 a,
    .item-851 a,
    a.grise,
    .item-1315 a,
    .item-1318 a,
    .item-1374 a {
        pointer-events: none;
        cursor: default;
    }
    
    .placetxt9 {
        padding: 100px 50px;
    }
    
    body .arrow {
        width: 16px;
        height: 16px;
        display: inline-block;
        position: relative;
        fill: #a30068;
        transition: all 0.2s ease;
    }
    
    #portfolio-grid1 .item-19 .thumb-hover::before {}
    
    #menu-test-mise-en-page-h a {
        color: #a30068;
        font-size: 65px;
        line-height: 70px;
        font-weight: bold;
        font-family: "roboto";
        text-transform: uppercase;
    }
    
    #menu-test-mise-en-page {
        text-align: right;
    }
    
    #menu-test-mise-en-page a {
        color: #a30068;
        font-size: 35px;
        line-height: 35px;
        font-weight: bold;
        font-family: "Domine";
    }
    /* Menu hambuger */
    
    body #menu {
        float: unset;
        position: absolute;
        left: 0px;
        top: 40px;
    }
    
    #header-actions {
        position: fixed;
        z-index: 1503;
        width: 100px;
        top: calc(160px + 30px);
        left: 0;
    }
    
    header.menu-is-open #menu:not(.classic) #menu-inner {
        left: 0px;
    }
    
    #header-widget {
        left: -50px;
        right: unset;
    }
    
    #menu:not(.classic) #menu-inner {
        position: fixed;
        top: 0;
        left: -150px;
        right: unset;
        padding-right: unset;
        padding-left: 50px;
        width: 250px;
        margin-top: calc(160px + 30px);
        height: calc(100% - 160px - 30px - 150px);
        z-index: 1501;
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.599s ease, left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
        -moz-transition: all 0.599s ease, left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
        -o-transition: all 0.599s ease, left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
        transition: all 0.599s ease, left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
    }
    
    header.menu-is-open~#hero-and-body,
    header.menu-is-open~#page-body,
    header.menu-is-open~#hero,
    header.menu-is-open~#footer,
    header.action-is-active~#hero-and-body,
    header.action-is-active~#page-body,
    header.action-is-active~#hero,
    header.action-is-active~#footer {
        left: 350px;
        right: unset;
        -webkit-transition: right 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0), left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
        -moz-transition: right 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0), left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
        -o-transition: right 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0), left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
        transition: right 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0), left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
    }
    
    body.home #hero-and-body {
        top: 141px;
    }
    #single-pagination {
        display: none;
    }
    
    #hero-and-body {}
    
    @media screen and (max-width: 1320px) {
        #hero-and-body {
            min-height: 400px;
        }
    }
    
    @media screen and (min-width: 1321px) {
        #hero-and-body {
            top: 100px;
        }
        .thepage-2024 #hero-and-body {
            top: 0;
        }
    }
    
    @media screen and (min-width: 1224px) and (max-width: 1360px) {
        #hero-and-body {
            top: 100px;
        }
        .thepage-2024 #hero-and-body {
            top: 0;
        }
    }
    
    @media screen and (min-width: 124px) and (max-width: 767px) {}
    
    body #page-content {
        font-size: 20px;
        padding: 0 3%;
    }
    
    .liensrea {
        text-align: center;
        font-size: 30px;
        line-height: 48px;
    }
    
    body .ultsl-arrow-right6:before,
    body .ultsl-arrow-left6:before {
        top: 30px
    }
    
    .vc_row.wpb_row.vc_row-fluid.vc_row-o-full-height.vc_row-o-columns-middle.vc_row-o-equal-height.vc_row-flex {
        min-height: unset!important;
    }
    
    #page-content,
    #hero-and-body,
    #page-body,
    #hero,
    #footer {
        left: unset;
        right: unset;
        /* max-width: 1000px; */
        position: relative;
        -webkit-transition: left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0), right 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
        -moz-transition: left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0), right 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
        -o-transition: left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0), right 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
        transition: right 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0), left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
    }
    
    body .menu-toggle {
        width: 57px;
        height: 51px;
        position: relative;
        display: block;
        cursor: pointer;
        overflow: visible;
        float: left;
        margin-left: 0;
    }
    
    #header-actions-overlay {
        position: fixed;
        top: calc(160px + 30px);
        left: -50px;
        right: unset;
        width: 50%;
    max-width: 500px;
        height: calc(100% - 160px - 30px - 150px);
        z-index: 1501;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.599s ease, left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
        -moz-transition: all 0.599s ease, left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
        -o-transition: all 0.599s ease, left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
        transition: all 0.599s ease, left 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
    }
    
    body header.menu-is-open #header-widget {
        left: 100px;
        right: unset;
        bottom: 40px;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.3s, left 0.599s ease;
        -moz-transition: all 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.3s, left 0.599s ease;
        -o-transition: all 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.3s, left 0.599s ease;
        transition: all 599ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.3s, left 0.599s ease;
    }
    
    .menu-toggle span.hamburger,
    .menu-toggle span.hamburger:after,
    .menu-toggle span.hamburger:before {
        background: #a30068;
        height: 5px;
    }
    
    .menu-toggle span.hamburger:before {
        margin-top: -11px;
        top: 0;
        width: 100%;
    }
    
    .menu-toggle span.hamburger:after {
        margin-top: 11px;
        top: 0;
        width: 100%;
    }
    
    .header-search>a {
        display: inline-block;
        width: 12px;
        height: 15px;
        transition: all 0.2s ease;
        text-align: center;
        border-radius: 40px;
        padding: 1px;
        z-index: 100000;
    }
    
    header.action-is-active #header-actions-overlay {
        left: 100px;
    }
    
    #header-actions .search {
        display: none;
    }
    
    .header-search .search {
        display: block;
    }
    
    .search {
        fill: #a30068;
        transition: all 0.3s ease;
    }
    
    body.home #header.sticky::after,
    #header.sticky::after {
        background-color: unset;
    }
    
    body #header.sticky.sticky-transformed::after {
        background-color: #fff;
        min-height: 140px;
    }
    
    .frm_style_style-formidable.with_frm_style .frm_progress_line input.frm_page_back {
        background-color: #6FA3A1;
    }
    
    .frm_style_style-formidable.with_frm_style .frm_progress_line.frm_show_lines input.frm_page_back {
        border-left-color: #6FA3A1;
        border-right-color: #ffffff;
    }
    
    .frm_style_style-formidable.with_frm_style .frm_progress_line input.frm_page_back {
        border-color: #6FA3A1;
    }
    
    .frm_style_style-formidable.with_frm_style .frm_rootline .frm_current_page input[type="button"] {
        border-color: #6FA3A1;
        background-color: #6FA3A1;
        color: #ffffff;
    }
    
    .frm_style_style-formidable.with_frm_style .frm_current_page .frm_rootline_title {
        color: #6FA3A1;
    }
    
    @media screen and (min-width: 350px) and (max-width: 766px) {
        #portfolio-grid1 .item-581 {
            display: none;
        }
        body .vc-hoverbox-block {
            height: 450px;
        }
        .equipe,
        body .vc-hoverbox-inner {
            height: 450px;
            font-size: 15px;
            line-height: 20px;
        }
    }
    
    @media screen and (min-width: 111px) and (max-width: 349px) {
        #portfolio-grid1 .item-581 {
            display: none;
        }
        body .vc-hoverbox-block {
            height: 350px;
        }
        .equipe,
        body .vc-hoverbox-inner {
            height: 350px;
            font-size: 15px;
            line-height: 20px;
        }
        .vc-hoverbox-block-inner {
            font-size: 13px;
            line-height: 14px;
        }
    }
    
    ul li {
        margin: 5px 0px;
    }
    
    ul.marginlist {
        margin-top: 0;
    }
    
    body nav#main-nav ul>li>a::after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 0%;
        height: 2px;
        background: #8f1139;
        transition: all 0.3s ease;
    }
    
    body nav#main-nav ul>li.menu-item-736 a::after,  body nav#main-nav ul>li.menu-item-2610 a::after  {
        width: 0%;
        background: #6da3a0;
    }
    
    body nav#main-nav ul>li.menu-item-877 a::after {
        width: 0%;
        background: #c9a338;
    }
    
    body nav#main-nav ul>li.menu-item-902 a::after {
        width: 0%;
        background: #6da3a0;
    }
    
    nav#main-nav ul>li>a:hover::after,
    body nav#main-nav ul>li.menu-item-736 a:hover::after,
    body nav#main-nav ul>li.menu-item-877 a:hover::after,
    body nav#main-nav ul>li.menu-item-902 a:hover::after,
    body nav#main-nav ul>li.menu-item-2610 a:hover::after {
        width: 100%;
    }
    
    .home h3 .box {
        font-size: 13px;
        line-height: 14px;
        font-family: "prata";
    }
    
    .boxgauche {
        width: 46%;
        float: left;
        padding: 2%;
    }
    
    .boxdroite {
        width: 46%;
        padding: 2%;
        float: left;
    }
    
    body .frm_style_style-formidable.with_frm_style .frm_checkbox label {
        font-family: "Domine";
        font-size: 18px;
        color: #444444;
        line-height: 32px;
        padding-left: 40px;
    }
    
    body .frm_style_style-formidable.with_frm_style .frm_checkbox#frm_checkbox_196-other_11,
    body .frm_style_style-formidable.with_frm_style .frm_checkbox#frm_checkbox_198-other_16,
    body .frm_style_style-formidable.with_frm_style .frm_checkbox#frm_checkbox_197-other_14,
    body .frm_style_style-formidable.with_frm_style .frm_checkbox#frm_checkbox_211-other_4 {
        position: relative;
    }
    
    body .frm_style_style-formidable.with_frm_style .frm_checkbox#frm_checkbox_196-other_11 label:before,
    body .frm_style_style-formidable.with_frm_style .frm_checkbox#frm_checkbox_198-other_16 label:before,
    body .frm_style_style-formidable.with_frm_style .frm_checkbox#frm_checkbox_197-other_14 label:before,
    body .frm_style_style-formidable.with_frm_style .frm_checkbox#frm_checkbox_211-other_4 label:before {
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        border: 2px solid #6FA3A1;
        border-radius: 0;
    }
    
    #field_lu0ff-other_11-otext,
    #field_p0877-other_16-otext,
    #field_8yhis-other_14-otext,
    #field_iuu6y-other_4-otext {
        position: absolute;
        top: 0;
        left: 100px;
        width: 160px;
    }
    
    body .frm_style_style-formidable.with_frm_style .frm_submit button {
        width: auto;
        font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
        font-size: 19px;
        height: auto;
        line-height: normal;
        text-align: center;
        background: #ffffff;
        border-width: 1px;
        border-color: #cccccc;
        border-style: solid;
        color: #444444;
        cursor: pointer;
        font-weight: normal;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        text-shadow: none;
        padding: 6px 11px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-shadow: 0 1px 1px #eeeeee;
        -webkit-box-shadow: 0 1px 1px #eeeeee;
        box-shadow: 0 1px 1px #eeeeee;
        margin: 10px;
        margin-right: 10px;
        margin-left: 10px;
        margin-left: 0;
        margin-right: 0;
        vertical-align: middle;
    }
    
    @media screen and (min-width: 111px) and (max-width: 768px) {
        body #page-body {
            width: calc(100% - 20px);
        }

        #sivoussouhaitez {
            width: 92%;
            right: 0;
            left: 0;
            margin: 0 auto;
            position: relative;
            top: unset;
            padding-bottom: 32px;
        }


.formresponsive {
    display: block;
    position: relative;
}
        .position_formulaire {
       
            top: 311px;
            right: 0;
            width: 278px;
            z-index: 10000;
            width: 92%;
             position: relative;
            right: 0;
            left: 0;
            margin: 0 auto;
            top: 10px;
            height: 130px;
        }
    }
    
    @media screen and (min-width: 10px) and (max-width: 321px) {
        #field_lu0ff-other_11-otext,
        #field_p0877-other_16-otext,
        #field_8yhis-other_14-otext,
        #field_iuu6y-other_4-otext {
            position: absolute;
            top: 0;
            left: 100px;
            width: 130px;
        }
    }
    
    @media screen and (min-width: 111px) and (max-width: 476px) {
        .blocvert::after {
            background: rgba(0, 0, 0, 0) url(https://alveo.design/wp-content/themes/orio-child/image/filigrame.png) no-repeat scroll 0 0;
            border: 0 none!important;
            color: #fff;
            display: block;
            background-size: cover;
            height: 100px;
            transition-duration: 0s;
            transition-property: color;
            width: 100px;
            left: -10px;
            top: -10px;
            position: absolute;
        }
        body .bigauche {
            font-family: "Domine";
            font-size: 25px;
            font-weight: bold;
            padding-top: 0;
            margin-bottom: 0;
            line-height: 30px;
            position: absolute;
            top: 46px;
            left: -21px;
        }
        body .item-793 .lazy-img img,
        body .item-800 .lazy-img img,
        body .item-803 .lazy-img img {
            opacity: 0;
        }
        body .item-793 .lazy-wrapper,
        body .item-800 .lazy-wrapper,
        body .item-803 .lazy-wrapper {
            display: block;
            background: rgba(0, 0, 0, 0);
            transition: background 1s ease;
        }
        body.home #page-body {
            background: url(https://alveo.design/wp-content/themes/orio-child/image/base-motif_fd_1240px.png) 0 -90px repeat-y;
            background-size: contain;
            top: 0;
            padding-top: 50px;
        }
        body.home #header.sticky+#hero-and-body>#page-body:first-child {
            margin-top: 0!important;
            border: 0;
            border-color: #fff0;
            border-style: solid;
            padding-top: 60px;
        }
        .item-793 img.lazy-loaded {
            opacity: 0.1;
        }
        .item-793 .hover-image img {
            opacity: 0;
        }
        .item-793 .hover-image {
            background: url(https://alveo.design/wp-content/themes/orio-child/image/table_1.png) 0 0 no-repeat;
            background-size: contain;
            top: 0;
            padding-top: 50px;
        }
        .item-800 img.lazy-loaded {
            opacity: 0;
        }
        .item-800 .hover-image img {
            opacity: 0;
        }
        .item-800 .hover-image {
            background: url(https://alveo.design/wp-content/themes/orio-child/image/table_2.png) 0 0 no-repeat;
            background-size: contain;
            top: 0;
            padding-top: 50px;
        }
        .item-803 img.lazy-loaded {
            opacity: 0.1;
        }
        .item-803 .hover-image img {
            opacity: 0;
        }
        .item-803 .hover-image {
            background: url(https://alveo.design/wp-content/themes/orio-child/image/table_0.png) 0 0 no-repeat;
            background-size: contain;
            top: 0;
            padding-top: 50px;
        }
        #hero-and-body #page-body {
            border: unset;
        }
    }
    /* Material Button CSS */
    
    @keyframes ripple {
        0% {
            box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
        }
        50% {
            box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
        }
        100% {
            box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
        }
    }
    
    .space50 {
        display: block;
        height: 30px;
    }
    
    .frm_checkbox,
    .frm_radio {
        margin-left: 0px;
        margin-bottom: 15px !important;
    }
    
    .frm_checkbox label,
    .frm_radio label {
        display: inline-block;
        position: relative;
        padding: 0;
        margin-bottom: 0;
        cursor: pointer;
        vertical-align: bottom;
    }
    
    .frm_checkbox input[type=checkbox],
    .frm_radio input[type=radio] {
        position: absolute !important;
        margin-left: -9999px;
        visibility: hidden;
    }
    
    .frm_style_style-formidable.with_frm_style .frm_radio label {
        text-align: center;
    }
    
    .frm_style_style-formidable.with_frm_style .frm_checkbox label {
        text-align: left;
    }
    
    .frm_checkbox input[type=checkbox]+span,
    .frm_radio input[type=radio]+span {
        display: grid;
        position: relative;
        cursor: pointer;
        outline: none;
        user-select: none;
    }
    
    .frm_radio input[type=radio]:checked {
        color: #fff;
    }
    
    .frm_radio input[type=radio]+span {
        left: -5px;
        top: 0;
        vertical-align: middle;
        line-height: 20px;
    }


   .page-id-3368  .frm_radio input[type=radio]+span {
        left: -5px;
        top: 0;
        vertical-align: middle;
        line-height: 60px;
    }
    
    .frm_checkbox input[type=checkbox]+span {
        width: 90%;
        vertical-align: unset;
        /* line-height: 19px; */
        padding: 3px 0 9px 55px;
    }
    
    .frm_checkbox input[type=checkbox] {
        width: 90%;
        vertical-align: unset;
        /* line-height: 19px; */
        padding: 3px 0 9px 55px;
    }
    
    .frm_three_col .frm_checkbox input[type=checkbox] {
        width: 90%;
        height: 25px;
        vertical-align: middle;
        line-height: 15px;
        padding: 4px 0 0 32px;
    }
    
    .frm_three_col .frm_checkbox input[type=checkbox]+span {
        width: 1px;
        height: 1px;
        vertical-align: middle;
        line-height: 15px;
        padding: 4px 0 0 32px;
    }
    
    .frm_checkbox input[type=checkbox]:before,
    .frm_checkbox input[type=checkbox]:after,
    .frm_radio input[type=radio]:before,
    .frm_radio input[type=radio]:after {
        position: absolute;
        content: '';
        border-radius: 50%;
        transition: all .3s ease;
        transition-property: transform, border-color;
    }
    
    .frm_checkbox input[type=checkbox]+span:before,
    .frm_checkbox input[type=checkbox]+span:after,
    .frm_radio input[type=radio]+span:before,
    .frm_radio input[type=radio]+span:after {
        position: absolute;
        content: '';
        border-radius: 50%;
        transition: all .3s ease;
        transition-property: transform, border-color;
    }
    
    .frm_checkbox input[type=checkbox]:checked+span:before {
        border-color: #6FA3A1;
        animation: ripple 0.2s linear forwards;
    }
    
    .frm_checkbox input[type=checkbox]:checked:before {
        border-color: #6FA3A1;
        animation: ripple 0.2s linear forwards;
    }
    
    .frm_radio input[type=radio]:checked+span:before {
        border-color: #a30068;
        animation: ripple 0.2s linear forwards;
    }
    
    .frm_radio input[type=radio]:checked+span:after {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    
    .frm_checkbox input[type=checkbox]+span:after {
        transform: rotate(45deg);
    }
    
    .frm_checkbox input[type=checkbox]:after {
        transform: rotate(45deg);
    }
    
    .frm_checkbox input[type=checkbox]:hover+span:after {
        transform: rotate(45deg);
    }
    
    .frm_checkbox input[type=checkbox]:hover:after {
        transform: rotate(45deg);
    }
    
    .frm_checkbox input[type=checkbox]:checked+span:after {
        content: "\2B";
        font-size: 53px;
        font-weight: 100;
        left: -33px;
        top: 25px;
        color: #6FA3A1;
    }
    
    .frm_three_col .frm_checkbox input[type=checkbox]:checked:after {
        content: "\2B";
        font-size: 53px;
        font-weight: 100;
        left: 0;
        top: 2px;
        color: #6FA3A1;
    }
    
    .frm_three_col .frm_checkbox input[type=checkbox]:checked+span:after {
        content: "\2B";
        font-size: 53px;
        font-weight: 100;
        left: 0;
        top: 2px;
        color: #6FA3A1;
    }
    
    .page-id-3651 .frm_three_col .frm_checkbox input[type=checkbox]:checked+span:after {
        content: "\2B";
        font-size: 53px;
        font-weight: 100;
        left: -40px;
        top: 18px;
        color: #6FA3A1;
    }

    body .with_frm_style .vertical_radio .frm_checkbox label {
        text-indent: -10px;
    }
    
    .frm_radio input[type=radio]+span:before {
        left: 0;
        top: -3px;
        width: 20px;
        height: 20px;
        border: 2px solid #6FA3A1;
    }


    
    .frm_checkbox input[type=checkbox]+span:before {
        left: -40px;
        top: 16px;
        width: 20px;
        height: 20px;
        border: 2px solid #6FA3A1;
        border-radius: 0;
    }
    
/* test cercle sur radio */


.page-id-3651    .frm_checkbox input[type=checkbox]+span:before{
    left: 40px;
}

.page-id-3651 .frm_checkbox#frm_checkbox_1069-other_2 input[type=checkbox]+span:before, .page-id-3651 .frm_checkbox#frm_checkbox_1070-other_2 input[type=checkbox]+span:before, .page-id-3651 .frm_checkbox#frm_checkbox_1071-other_2 input[type=checkbox]+span:before, .page-id-3651 .frm_checkbox#frm_checkbox_1072-other_2 input[type=checkbox]+span:before, .page-id-3651 .frm_checkbox#frm_checkbox_1073-other_2 input[type=checkbox]+span:before, .page-id-3651 .frm_checkbox#frm_checkbox_1074-other_2 input[type=checkbox]+span:before, .page-id-3651 .frm_checkbox#frm_checkbox_1075-other_2 input[type=checkbox]+span:before, .page-id-3651 .frm_checkbox#frm_checkbox_1076-other_2 input[type=checkbox]+span:before, .page-id-3651 .frm_checkbox#frm_checkbox_1077-other_2 input[type=checkbox]+span:before  {
    left: 100px;
}

body.page-id-3651 .frm_style_style-formidable.with_frm_style .frm_checkbox label {
    font-family: "Domine";
    font-size: 18px;
    color: #444444;
    line-height: 32px;
}

.page-id-3651 .frm_checkbox#frm_checkbox_1069-other_2 input[type=checkbox]:checked+span:after, .page-id-3651 .frm_checkbox#frm_checkbox_1070-other_2 input[type=checkbox]:checked+span:after, .page-id-3651 .frm_checkbox#frm_checkbox_1071-other_2 input[type=checkbox]:checked+span:after, .page-id-3651 .frm_checkbox#frm_checkbox_1072-other_2 input[type=checkbox]:checked+span:after, .page-id-3651 .frm_checkbox#frm_checkbox_1073-other_2 input[type=checkbox]:checked+span:after, .page-id-3651 .frm_checkbox#frm_checkbox_1074-other_2 input[type=checkbox]:checked+span:after, .page-id-3651 .frm_checkbox#frm_checkbox_1075-other_2 input[type=checkbox]:checked+span:after, .page-id-3651 .frm_checkbox#frm_checkbox_1076-other_2 input[type=checkbox]:checked+span:after, .page-id-3651 .frm_checkbox#frm_checkbox_1077-other_2 input[type=checkbox]:checked+span:after  {
    content: "\2B";
    font-size: 53px;
    font-weight: 100;
    left: 101px;
    top: 18px;
    color: #6FA3A1;
}


.clear {
    clear: both;
}

.remarquesmonte {
    position: relative;
    top:65px
}

.remarquesmonteplus {
    position: relative;
    top:103px
}

.remarquesmontepp {
    position: relative;
    top:83px
}



.page-id-3651 #cadrevert {
    border: 10px solid #6FA3A1;
    padding: 0;
}

.page-id-3651  .horizontal_radio .frm_checkbox {
    margin: 0;
    margin-right: 25px;
}

.page-id-3651 .frm_checkbox input[type=checkbox]:checked+span:after {
    content: "\2B";
    font-size: 53px;
    font-weight: 100;
    left: 41px;
    top: 18px;
    color: #6FA3A1;
}


    input[type=checkbox],
    input[type=radio] {
        -moz-appearance: initial // Hack for Firefox Browsers
    }
    
    .frm_radio label input[type=radio]::before,
    .frm_radio label input[type=radio]::after {
        position: absolute;
        content: '';
        border-radius: 50%;
        transition: all .3s ease;
        transition-property: transform, border-color;
        visibility: visible;
    }
    
    .frm_radio label input[type=radio]+span::before {
        left: -3px;
        top: -3px;
        width: 20px;
        height: 20px;
        border: 2px solid #6FA3A1;
    }
    
    .frm_radio label input[type=radio] [value="10"]+span::before {
        left: -6px;
        top: -3px;
        width: 20px;
        height: 20px;
        border: 2px solid #6FA3A1;
    }
    
    .frm_radio input[type=radio]:checked+span:before {
        border-color: #a30068;
        animation: ripple 0.2s linear forwards;
    }
    
    .frm_radio input[type=radio]:checked+span:after {
        left: 2px;
        top: 2px;
        width: 14px;
        height: 14px;
        transform: scale(0);
        background: #a30068;
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    /* test cercle sur radio */
    
    .frm_radio input[type=radio]#field_o09y12-10+span:after,
    .frm_radio input[type=radio]#field_zkfqg2-10+span:after {
        top: 2px;
        width: 14px;
        height: 14px;
        background: #a30068;
    }
    
    .frm_radio input[type=radio]#field_o09y12-10+span:before,
    .frm_radio input[type=radio]#field_zkfqg2-10+span:before {
        top: -3px;
        width: 20px;
        height: 20px;
    }
    
    .frm_checkbox input[type=checkbox]+span:after {
        top: 5px;
        left: 0;
        width: 14px;
        height: 14px;
    }
    
    label input+span,
    input[type=radio]+label,
    input[type=checkbox]+label {
        line-height: 16px;
    }
    
    .frm_radio input[type=radio]:hover+span:after {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    
    .with_frm_style .vertical_radio .frm_radio label {
        display: inline-block;
        padding-left: 0px;
        text-indent: 0;
        width: 15px;
        text-align: right;
    }
    
    .nonclic {
        cursor: default;
    }
    
    body.page-id-2306 h3 {
        font-size: 25px;
        line-height: 35px;
        font-family: "domine";
        font-weight: bold;
        color: rgba(0, 0, 0, 0.74);
    }
    
    .frm_style_style-formidable.with_frm_style .vertical_radio .frm_radio {
        /*display: inline; */
        display: inline-grid;
        width: 24px;
    }


    body .frm_style_style-formidable.with_frm_style .frm_primary_label {
        display: none;
    }

    body .frm_style_style-formidable.with_frm_style .frm_submit button {
        background: linear-gradient(120deg,#a30069 0%,#ff6271 100%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border-width: 1px;
        border-style: solid;
        border-image: linear-gradient(to right, #a30069, #ff6271) 1;
        font-family: 'Barlow Condensed', sans-serif;
      
        text-transform: uppercase;
        padding: 2px 10px;
        text-align: center;
        float: right;
        display: block;
        position: relative;
        margin-bottom: 15px;
        position: absolute;
        top: 147px;
        right: 0px;
    }

  body  .frm_style_style-formidable.with_frm_style input[type=text], body .frm_style_style-formidable.with_frm_style input[type=email] {
        border-image: linear-gradient(to right, #a30069, #ff6271) 1;
    }


    body .frm_style_style-formidable.with_frm_style .frm_submit button:hover {
        background: linear-gradient(90deg,#ff6271 0%,#a30069 100%);
        color:#fff;
    }

    
    body .frm_style_style-formidable.with_frm_style .frm_submit button:hover {
        background: #fff;
        border-color: #6FA3A1;
        color: #6FA3A1;
    }
    
    .frm_radio input[type=radio] span b {
        position: relative;
        left: -2px;
        font-weight: 300;
    }
    
    .frm_radio span b {
        position: relative;
        left: -4px;
        font-weight: 300;
    }
    
    @media screen and (min-width: 200px) and (max-width: 800px) {
        .remarquesmonte {
             position: relative; 
            top: 0; 
        }
        .frm_form_field.frm_three_col .frm_checkbox {
            width: 100%;
            margin-right: unset;
        }
    }
    .page-id-2593 #menu-item-2616,   .page-id-2598 #menu-item-2615  {
        display: none;
    }
    .frm_style_style-formidable.with_frm_style .frm_form_field.frm_html_container,
    .frm_style_style-formidable.with_frm_style .frm_form_field .frm_show_it {
        font-family: "roboto";
        font-size: 15px;
        color: #000;
    }
    
    .frm_style_style-formidable {
        font-family: "Roboto";
        font-weight: 300;
        font-size: 16px;
        line-height: 20px;
        text-transform: none;
    }
    
    #frm_checkbox_196-5 br {
        display: none;
    }
    
    @media screen and (min-width: 100px) and (max-width: 350px) {
        body #header #logo img {
            height: 50px !important;
        }
        #frm_checkbox_196-5 br {
            display: block;
        }
       body  .frm_style_style-formidable.with_frm_style .frm_checkbox label {
          
             padding-left: 10px;
        }
    }


    @media screen and (min-width: 200px) and (max-width: 800px) {
       
        body header.menu-is-open #menu:not(.classic) #menu-inner {
            overflow: auto;
            margin-top: 130px;
        }
       
        body.page-id-2382 .bigauche {
            font-size: 25px!important;
            line-height: 28px;
            text-align: right;
            padding-left: 20%;
            max-width: 80%;
        }
        body .ultsl-arrow-left6:before, body .ultsl-arrow-right6:before  {
          
            display: none;
        }
    
        body .vc-hoverbox-block-inner {
            font-size: 18px;
            line-height: 19px;
            padding: 0px;
        }


        .normal.cat-33.item-772  .overlay-caption {
            display: none;
        }

        .cat-39.item-1332,  .cat-33.item-812 {
            display: none;
        }

    .normal.cat-33.item-772,  .normal.cat-33.item-772 .portfolio-item-inner, .normal.cat-33.item-772 .portfolio-item-inner .portfolio-media  {
        height: 150px;
    }
    }


    .cat-39.item-1332 {
        display: none;
    }
 body .cat-39.item-1334 {
    right: 0;
    text-align: center;
    width: 200px;
    left: 0;
    margin: 0 auto!important;
    }

  .page-id-2593 #menu-item-2616,   .page-id-2598 #menu-item-2615  {
       display: none;
   }

   .blog-media {
       display: none;
   }

/* Essential grid */

   .filter_holder ul li span {
    display: inline-block;
    padding: 0 22px;
    position: relative;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}

body .rod-langway .esg-filter-wrapper.dropdownstyle>.esg-selected-filterbutton, body .rod-langway input.eg-search-input, body .rod-langway .esg-filterbutton, body .rod-langway .esg-navigationbutton, body .rod-langway .esg-sortbutton, body .rod-langway .esg-cartbutton, body .rod-langway .esg-filter-wrapper.eg-search-wrapper .eg-search-clean, body .rod-langway .esg-filter-wrapper.eg-search-wrapper .eg-search-submit  {
    font-size: 23px;
    line-height: 32px;
    font-weight: 300!important;
    font-family: "roboto";
    text-transform: uppercase;
    padding-top: 5px;
    letter-spacing: 2px;
    
}
body .esg-overflowtrick p a:not(.entry-navigation__item):not(.fancybox):not(.button):not(.image-text-link), body .esg-overflowtrick a:not(.entry-navigation__item):not(.fancybox):not(.button):not(.image-text-link) {
    border-bottom: 0;
    color: #fff;
    text-decoration: none;
}



body .eg-realisations-element-1 {
    font-size: 16px !important;
    line-height: 22px !important;
    color: #ffffff !important;
    font-weight: 400 !important;
    padding: 17px 17px 17px 17px !important;
    border-radius: 60px 60px 60px 60px !important;
    background: rgba(255, 255, 255, 0.774) !important;
    z-index: 2 !important;
    display: block;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-color: #ffffff !important;
    border-style: solid !important;
}



.bouton_plus {
    background: rgba(0, 0, 0, 0) url("/wp-content/themes/orio-child/image/image_plus.png") no-repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: block;
    height: 64px;
    transition-duration: 0s;
    transition-property: color;
    width: 70px;
    margin: 0 auto;
    background-size: cover;
}

.bouton_plus:hover {
    background: rgba(0, 0, 0, 0) url("/wp-content/themes/orio-child/image/image_plus.png") no-repeat scroll 0 -64px;
    color: #000;
    background-size: cover;
}


body .esg-filters .esg-singlefilters {

    margin-bottom:20px;

}



body .esg-grid .mainul li.eg-realisations-wrapper {
    background: #fff!important;
    padding: 0px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    border-color: transparent;
    border-style: none;
}

body .lazy-wrapper .lazy-icon{
    display: none;
}

div.space50 {
    height: 50px;
    clear: both;
}

a.superbouton:not(.entry-navigation__item):not(.fancybox):not(.button):not(.image-text-link) {
    background-color: #a30068;
    color: #fff;
    border: 2px solid #a30068;
    display: block;
    padding: 10px;
      
    display: inline-block;
    line-height: 40px;

}
a.superbouton:hover:not(.entry-navigation__item):not(.fancybox):not(.button):not(.image-text-link) {
    background-color: #fff;
    color: #a30068;
    border: 2px solid #a30068;

}

p a:hover:not(.entry-navigation__item):not(.fancybox):not(.button):not(.image-text-link), a:hover:not(.entry-navigation__item):not(.fancybox):not(.button):not(.image-text-link) {
 
    color: #000;
}

body .frm_style_style-formidable.with_frm_style .frm_primary_label {
    font-family: "Domine";
    padding: 0px 0 14px 0;
    font-family: "Domine";
    font-weight: 700;
    font-size: 20px;
}


body .frm_style_style-formidable.with_frm_style .form-field {
    margin-bottom: 26px;
}

html body .frm_style_style-formidable.with_frm_style .form-field {
    margin-bottom: 7px;
}

.minuscule {
    text-transform: initial;
}

/* boite à outils */



/* BOITE A OUTILS */
/*  #boite-outils-text-box-01, #boite-outils-text-box-02, #boite-outils-text-box-03, #boite-outils-text-box-04, #boite-outils-text-box-05, #boite-outils-text-box-06, #boite-outils-text-box-07, #boite-outils-text-box-08, #boite-outils-text-box-09, #boite-outils-text-box-10, #boite-outils-text-box-11, #boite-outils-text-box-12, #boite-outils-text-bouton-13, #faire-don-text-bouton-01, #boite-outils-text-bouton-14, #boite-outils-text-bouton-16 {
	 display:none; 
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
} */
.boite-outils-plus, .boite-outils-plus-hover {
	width: 15%;
	margin: 0 auto;
}

button, .titre-boite-outils h2, .ss-titre-boite-outils p {
	text-transform: uppercase;
}

.boite-outils-box > div {
    background:#f5f5ef !important;
    color:#4d524e;
    
}


.boite-outils-box:hover > div {
    background:#4d524e !important;
    -moz-transition: background .3s ease;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
}

.boite-outils-box:hover p {
    color:#ffffff !important;
    -moz-transition: background .3s ease;
    -webkit-transition: background .3s ease;
    transition: background .3s ease; 
}

.boite-outils-box:hover .boite-outils-img-hover {
    vertical-align: center !important;
    display:block;
}

body .ult_modal h4 {
    font-size: 21px;
    line-height: 25px;
    font-weight: 300!important;
    font-family: "roboto";
    text-transform: uppercase;
    padding-top: 0;
}


.ult_modal-body p {
    margin: 1px 0 5px;
}

.ult_modal-body h3 {
    margin-bottom: 10px;
}


/*.boite-outils-plus-hover:hover {
	border-radius: 50%;
	border: 8px solid #00A995;
}*/

.boite-outils-box:hover .boite-outils-plus-hover, .marche-suivre-box:hover .marche-suivre-img-hover {
    display:block;
}

.boite-outils-box:hover .boite-outils-img, .boite-outils-box:hover .boite-outils-plus, .marche-suivre-box:hover .marche-suivre-img {
    display:none;
}

.boite-outils-box .vc_single_image-wrapper.vc_box_border_grey img {
	width: 50px;
	height: 50px;
	max-width: unset;
}
.boite-outils-box .boite-outils-img .vc_single_image-wrapper.vc_box_border_grey img, .boite-outils-box .boite-outils-img-hover .vc_single_image-wrapper.vc_box_border_grey img {
	width: 150px;
	height: 150px;
}


.boite-outils-plus, .boite-outils-plus-hover {
	width: 15%;
    margin: 0 auto;
    
    bottom: 20px;
    position: absolute;
    right: 0;
    left: 0;
}

button, .titre-boite-outils h2, .ss-titre-boite-outils p {
	text-transform: uppercase;
}

/* boutons box noires */
.top_menu.account-menu ul li a, #un-button.un-right, .boite-outils-bouton-01  {
    text-transform: uppercase;
}
#un-button:hover, .boite-outils-bouton-01:hover, .boite-outils-bouton-01, #bouton_compagny a:hover, #bouton_pro a:hover{
	color: #ffffff !important;
}

.boite-outils-text {
    width: 100%;
}
.boite-outils-text img:nth-of-type(2n) {
    display: inline-block;
    margin-bottom: 20px;
}


body .vc_row.vc_column-gap-35>.vc_column_container {
    font-size: 15px;
    height: 460px;
}
body .vc_row.vc_column-gap-35>.vc_column_container .ss-titre-boite-outils{
    font-size: 20px;
  
}

/* CONSEILS dans boîte à outils*/
.boite-outils-text-13 ol {
	font-size: 1.1em;
}
.text-conseils-org, .text-conseils-pro {
	color: white;
	font-size:1.1em;
	padding:10px 15px 30px 15px;
}
.text-conseils-org h3, .text-conseils-pro h3, .text-conseils-org p, .text-conseils-pro p {
	color: white;
}
.text-conseils-org p, .text-conseils-pro p {
	font-size:1.1em;
}
.text-conseils-org ol, .text-conseils-pro ol {
	font-weight: 500;
}
.text-conseils-org {
	background: #B44581;
}
.text-conseils-pro {
    background: #15C8A3;
    margin-top: 32px;
}


.ult_modal img.modalicon   {
    width: 50px;
    height: 50px;
    float: left;
    margin-bottom: -33px;
}


h2.boite-outils-text-titre {
    text-align: center;
}

.boite-outils-img-hover, .boite-outils-plus-hover, .marche-suivre-img-hover {
    display:none;
    
}


.boite-outils-plus-hover img {
    transition-duration: 2s;	
}

.boite-outils-plus-hover img:hover {
	transform: rotate(360deg);
  }

body .container .backtop a .fa {
    margin-left: 1px!important;
}

.boite-outils-box {
    cursor:pointer;
}

.wpb_single_image.wpb_content_element.vc_align_center.boite-outils-img-hover, .wpb_single_image.wpb_content_element.vc_align_center.boite-outils-img, .wpb_text_column.wpb_content_element.ss-titre-boite-outils, .wpb_text_column.wpb_content_element.ss-titre-boite-outils-hover {
    margin-bottom: 20px;
}

body.page-id-3012 .vc_row.vc_column-gap-35>.vc_column_container {
    padding: 12px;
}


.boite-outils-box {
    line-height: 1.3em;
}



.hover-plus::before {
    opacity: 0;
}

.hover-plus a:hover::before {
    content: "";
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    background: rgb(255 255 255 / 0%) url(/wp-content/themes/orio-child/image/image_plus.png) no-repeat scroll 0 0;
    border: 0 none;
  
    display: block;
    height: 64px;
    transition-duration: 0s;
    transition-property: color;
    width: 70px;
    margin: 0 auto;
    background-size: cover;
    z-index: 1;

    opacity: 1;
    -webkit-transition: opactiy 0.5s ease-in-out;
    -moz-transition: opactiy 0.5s ease-in-out;
    transition: opactiy 0.5s ease-in-out;
}

.hover-plus:hover img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
        -webkit-transition: filter 0.5s ease-in-out;
        -moz-transition: filter 0.5s ease-in-out;
        transition: filter 0.5s ease-in-out;
    }
  
    .hover-plus::before {
        opacity: 0;
    }


    .hover-plus figure {
        position: relative;
    }
  
    .fancybox1000 {
        width:800px;
        max-width:100%;
    }
#fancyboxID-2 {
    width:100%;
    max-width:100%;
    line-height: 20px;
}
html header #header-actions-overlay::after {
    width: 20px;
}


body li.mini_cart_item::before { 
    content: " ";
}

/* mini cart */
body .smcw-template-8 .smcw-cart-icons {
    background: linear-gradient(120deg,#a30069 0%,#ff6271 100%);
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    width: 40px;
    color: #FFF;
}
body .smcw-template-8 .smcw-cart-icons .smcw-cart-icon-inner-wrap .smcw-product-quantity-wrap {
    border: 3px solid #eb547a;
    right: -28px;
    height: 34px;
    width: 28px;
}

body .smcw-template-8 .smcw-buttons-wrapper .smcw-cart-url-wrap a, .smcw-template-8 .smcw-buttons-wrapper .smcw-checkout-wrap a {
    background: linear-gradient(120deg,#a30069 0%,#ff6271 100%);
    width: 100%;
    height: 40px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    border: 1px solid #eb547a;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-size: 14px;
    color: #fff;
}
body .smcw-template-8 .smcw-right-wrapper .smcw-input input {
    width: 100%;
    height: auto;
}
body .smcw-template-8 .smcw-right-wrapper .smcw-input {
    display: inline-block;
    width: 50px;
    height: 30px;
    vertical-align: middle;
    margin: 0;
}

body .smcw-template-8 .smcw-buttons-wrapper .smcw-cart-url-wrap, body .smcw-template-8 .smcw-buttons-wrapper .smcw-checkout-wrap {
    width: 100%;
}

.hide {
    opacity:0;
    left:-100%;
}
.show {
    opacity:1;
    left:0;
}
body .smcw-position-right_center.smcw-cart-wrapper {
   
    top: 60%;
}


#fancybox-outer {
        width: 80% !important;
    margin: 0 auto;
}
#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0 !important;
    z-index: 111101;
    display: none;
    outline: none !important;
    width: 100% !important;
}


    @media screen and (max-width: 600px) {
       #fancybox-outer {
        width: 94% !important;
       }
       
        .fancybox1000 {
            width:100%;
            max-width:100%;
        }
    
       
        body .woocommerce-cart-form .product-title {
            width: unset;
        }
        body  .woocommerce-cart-form .product-name {
            width: 50%!important;
          
        }

        header.action-is-active.cart-overlay #header-actions-overlay::after{
          /*  background-color: #fff; */
         
        }
        #header-actions-overlay.cart-light {
            width: 320px;
        }
        header #header-actions-overlay::after {
            content: "";
            height: 100vh;
            width: 400px;
    
      }

      header.action-is-active #header-actions-overlay {
        left: 40px;
    }

  body    #header-actions-overlay .header-overlay-title {
        top: -98px;
      }
      header.action-is-active.cart-overlay #header-actions-overlay::after {
        right: -40px;
    }


    a.bouton2 {
        background: linear-gradient(
    120deg,#a30069 0%,#ff6271 100%);
        color: #fff!important;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to right, #a30069, #ff6271) 1;
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 26px;
        padding: 12px;
        width: 80%;
        margin: 0 auto;
        float: unset;
        display: block;
        position: relative;
        margin-bottom: 13px;
    }
    a.bouton4{
        background: linear-gradient(
    120deg,#a30069 0%,#ff6271 100%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to right, #a30069, #ff6271) 1;
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 26px;
        padding: 12px;
        width: 80%;
        margin: 0 auto;
        text-align: center;
        float: unset;
        display: block;
        position: relative;
        margin-bottom: 15px;
    }

    a.bouton3 {
        background: linear-gradient(
    120deg,#a30069 0%,#ff6271 100%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to right, #a30069, #ff6271) 1;
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 26px;
        padding: 12px;
        width: 80%;
        margin: 0 auto;
        text-align: center;
        float: unset;
        display: block;
        position: relative;
        margin-bottom: 15px;
    }


    #fancybox-content #fancyboxID-2 {
        width: 100%;
    }

    body #fancybox-content div {
      /*  overflow: visible!important; */
    }

    body.home #max1100 .vc_column_container>.vc_column-inner {
        box-sizing: border-box;
        padding-left: 4%;
        padding-right: 2%;
        width: 92%;
    }

    body.home #max1100 .vc_column_container>.vc_column-inner {
        box-sizing: border-box;
        padding-left: unset;
        padding-right: unset;
        width:100%;
    }

    }