#app a{
    text-decoration: none;
}

/*****  megamenu   *****/
.megasubmenu{ padding: 20px; }

@media (min-width: 992px){

    #navbar2 .dropdown-toggle:after{
        display: none;
    }
/* 
    #navbar2 .nav-item:hover .dropdown-menu
    {
        display:block;
    } */
    .dropdown-menu{
        margin:0;
    }
    .megasubmenu{
        left:100%; top:0; min-height: 100%; min-width:150%;
    }

    .dropdown-menu > li:hover .megasubmenu{
        display: block!important;
    }
    .navbar a{
        text-decoration: none;
    }
    .navbar .nav-link{
        text-align: center;
    }
}


/******  fin megamenu *****/

.comingSoon h1{
    font-size: 114px;
}
.comingSoon img{
    width: 300px;
}

.comingSoon{
    margin-top: 80px;
    margin-bottom: 50px;
}

.newsletter{
    margin-bottom: 50px;
}

.newsletter .form-control{
    border: #D42355;
}

.newsletter button{
    border: #D42355;
    background-color:#D42355;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.sub button{
    border: #D42355;
    background-color:#D42355;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.sub button:hover{
    color: #fff;
    background-color: #F09006;
}

.newsletter img{
    width: 50px;
}

.socia img{
    width: 50px;
    margin-left: 30px;
    margin-right: 30px;
}
 
 


#app{
    background-image: url( "{{ asset('img/comingsoon.png') }}");
    width: 100%;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#app1{
    background-image: url( "{{ asset('img/fond1.png') }}");
}
#app2{
    background-image: url( "{{ asset('img/fondc.png') }}");
}
#centre{
    background-image: url( "{{ asset('img/centre/transparent.png') }}");
}
#centre h2{
    font-size: 44px;
    color: #D42355;
}
#centre p{
    font-size: 18px;
}
.servi{
    margin-top: 30px;
    margin-bottom: 60px;
    padding: 50px 80px;
}
.servi p{
    font-size: 20px;
    font-weight: 700;
}

.navbar{
    padding-bottom: 0!important;
    padding-top: 20px;
}
/* First Navbar */

#navbar1 li a{
font-size: 20px;
text-align: center;
}

#navbar1 .navbar-brand{
    padding-right: 50px;
    padding-left: 50px;
}

#navbar1 ul li{
    padding-left: 20px;
    padding-right:20px;
}

#navbar1 hr{
    margin:0;
}

/* Second Navbar */
/*navbar 2 officiel */
.megasubmenu{ padding: 20px; }




.hr-navbar {
    height:2px;
}



.form-control:focus {
    box-shadow: none;
  }
  
  .form-control-underlined {
    border-width: 0;
    border-bottom-width: 1px;
    border-radius: 0;
    padding-left: 0;
  }

.carousel{
    border-radius: 15px;
    width: 100%!important;
}
.section-mailing{
    background-color: #fff; 
    border-radius: 15px;
    display: inline-block;
    width: 100%;
}

.section-mailing .news
{
    padding: 30px 0px 30px 0px;
    vertical-align: middle;
}
.section-mailing .news h2{
    font-size: 22px!important;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.section-mailing .news .form{
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}


.services{
    background-image: url("{{asset('img/acceuil/8.png')}}");
    position: relative;
}


.container-fluid img{
    height: 100%!important;
}



section{
    margin: 15px 0px 15px 0px;
}




/* section shopping */

#shopping{
    position: relative;
    text-align: center;
    color: #fff;
}

#shopping .container button{
    position: absolute;
    top: 280px;
    left: 80px;
    background-color: #D42355;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
#shopping .container button > a,
#shopping1 .container button> a,
#shopping2 .container button > a{
color: #fff!important;
}



#shopping1 .container button{
    position: absolute;
    top: 290px;
    left: 60px;
    background-color:#D42355;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
#shopping1 img{
    border-radius: 15px;
}


#shopping2 .container button{
    position: absolute;
    top: 290px;
    right: 50px;
    background-color: #D42355;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

@media only screen and (max-width:1280px){

    #shopping .container button{
        position: absolute;
        top: 250px!important;
        left: 40px!important;
    }
    #shopping1 .container button{
        position: absolute;
        top: 250px;
    }
    #shopping2 .container button{
        position: absolute;
        top: 250px;
    }
}

.zoom{
    transition: transform .2s;
}
.zoom:hover{
    transform: scale(0.97);
}
/* PAGE SHOPPING */

.content-section {
    padding-top: 1.5rem;
    padding-bottom: 7.5rem;
  }
  
  .content-section-heading h2 {
    font-size: 3rem;
  }
  
  .content-section-heading h3 {
    font-size: 1rem;
    text-transform: uppercase;
  }

  .content-section-heading p{
      font-size: 1rem;
      padding: 10px;
  }

  .portfolio-item {
    display: block;
    position: relative;
    overflow: hidden;
    max-width: 530px;
    margin: auto auto 1rem;
  }
  
  .portfolio-item .caption {
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
  }


  
  .portfolio-item .caption .caption-content .cat {
    color: #fff;
    background-color: #D42355!important;
    padding-top: 20px!important;
  }

  .portfolio-item img{
      padding: 10px;
  }
  
   @media (min-width: 992px) { 
    .portfolio-item {
      max-width: none;
      margin: 0;
    }
    .portfolio-item .caption {
      transition: background-color 0.7s, -webkit-clip-path 0.25s ease-out;
      transition: clip-path 0.25s ease-out, background-color 0.7s;
      transition: clip-path 0.25s ease-out, background-color 0.7s, -webkit-clip-path 0.25s ease-out;
      -webkit-clip-path: inset(0px);
      clip-path: inset(0px);
    }
    .portfolio-item .caption .caption-content .img{
      /* transition: opacity 0.25s;
      top: 40px;
      left: 20px; */
      display: none;
    }
  .portfolio-item .img-fluid {
      transition: -webkit-clip-path 0.25s ease-out;
      transition: clip-path 0.25s ease-out;
      transition: clip-path 0.25s ease-out, -webkit-clip-path 0.25s ease-out;
      -webkit-clip-path: inset(-1px);
      clip-path: inset(-1px);
    }
    .portfolio-item:hover .img-fluid {
      -webkit-clip-path: inset(2rem);
      clip-path: inset(2rem);
    }
    .portfolio-item:hover .caption {
      background-color: rgba(16, 22, 24, 0.911);
      -webkit-clip-path: inset(2rem);
      clip-path: inset(2rem);
    }
    .portfolio-item:hover .caption .caption-content .img-brand{
        position: absolute;
        z-index: 2;
        display:block!important;
    }
}

    /* galerie */

    .galerie .img-fluid{
        padding: 20px;
    }

    /* carousel vertical */
    .vert .carousel-item-next.carousel-item-left,
    .vert .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }

    .vert .carousel-item-next,
    .vert .active.carousel-item-right {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100% 0);
                transition-delay: 2500ms;
    }

    .vert .carousel-item-prev,
    .vert .active.carousel-item-left {
    -webkit-transform: translate3d(0,100%, 0);
            transform: translate3d(0,100%, 0);
            transition-delay: 2500ms;
    }


    /* carousel vertical */
    .verti .carousel-item-next.carousel-item-left,
    .verti .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }

    .verti .carousel-item-next,
    .verti .active.carousel-item-right {
        -webkit-transform: translate3d(0, 100%,0);
                transform: translate3d(0, 100%,0);
                transition-delay: 2500ms;
    }

    .verti .carousel-item-prev,
    .verti .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%,0);
            transform: translate3d(0, -100%,0);
            transition-delay: 2500ms;
    }


    .horiz .carousel-item-next.carousel-item-left,
    .horiz .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);

    }

    .horiz .carousel-item-next,
    .horiz .active.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 100%);
                transform: translate3d(0, 0, 100%);
                transition-delay: 2500ms;
    }

    .horiz .carousel-item-prev,
    .horiz .active.carousel-item-left {
    -webkit-transform: translate3d(0,0, -100%);
            transform: translate3d(0,0, -100%);
            transition-delay: 2500ms;
    }

    .pub .carousel-item{
        height: auto;
        min-height: auto;
    }
    /* Boutiques */
    .pres .pres-name h1{
        color:#D42355!important;
        font-size: 44px !important;
        font-weight: 800 !important;
    }
    .pres .pres-desc p{
        font-size:18px;
        padding: 10px;
        font-weight: 500;
    }
    .pres-desc{
        margin-top: 30px;
    }
    .pres-img{
        position: relative;
    }


    .pres-img .pres-contact{
        position:  absolute;
        top: 120px;
        left: 0;
        padding: 50px;
        opacity:2;
        background-color: #ffffffc9;
    }


    /* loisir.html */
    #loisir_img{
        position: relative;
    }

    #pin1{
        position: absolute;
        transition: 1s;
        bottom: -200px;

    }
    /* #pin1{
        bottom: -200px;
        left: 60px;
    }
    #pin2{
        bottom:-200px;
        right: 45px;
        width: 530px;
    } */

    #pin1:hover,
    #pin2:hover{
            transform: scale(1.2); 
        
    }


    /* services.html */

    .title-serv{
        padding-left: 15px;
        margin-bottom: 40px;
    }

    /* centre */
    #loca{
        font-size: 36px; 
        padding: 5px 30px; 
        font-weight:500; 
        color: #fff; 
        border:none; 
        background-color: #D42355;
        border-radius: 5px;
    }

    .centre h2{
        margin-top: 100px;
        margin-bottom: 30px;
        color: #D42355;
        font-weight: 600;
        font-size: 44px;
    }
    .centre p{
        font-size: 22px;
        font-weight: 500;
    }

    .centre section{
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .centre .valeurs p{
        font-size:18px
    }



    /* navabr2 */

    #navbar2{
        background-color: #fff!important;
        padding-left: 60px;
    }
    
    #navbar2 ul li a{
        color: #000000!important;
        font-size: 20px;
    }
    #navbar2 li{
        padding-right: 40px;
        padding-left: 40px;
    }

    #navbar2 .nav-item{
        padding-top: 20px;
    }

    
    #navbar2 ul li:hover, 
    #navbar2 ul li:hover >a{
        background-color: #D42355;
        color:#fff!important;
    }

    #navbar2 .list-unstyled li:hover,
    #navbar2 .list-unstyled li:hover >a
    {
        background-color:#fff!important;
        color: #D42355!important;
        font-weight: 700;
    }
    
    #navbar2 ul .active{
        background-color: #D42355!important;
    }
    
    #navbar2 ul .active p{
        color: #fff!important;
    }
    #navbar2 ul li p{
        margin: 0!important;
    }
    
    #navbar2 button,
    #navbar2 #main_nav{
        color:#000000!important;
    }


    /* navbar mobile */
     
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  text-align:center;
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  margin: 10px 0px 10px 0px;
  text-decoration: none;
  font-size: 22px;
  color: #000000;
  display: block;
  transition: 0.3s;
}
.sidenav a:hover{
  color: #000000;
}
.sidenav hr{
    margin:0;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  left: 0px;
  font-size: 36px;
}

.sidenav h6{
    position: absolute;
    top: 0;
    right: 35%;
    font-size:  23px;
    font-weight: 800;
    color:#D42355;
    padding-top: 30px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


  
    /*   footer    */
    .col_white_amrc { color:#FFF;}
    footer { width:100%; background-color:#D42355; min-height:250px; padding:10px 0px 25px 0px ;margin-top: 150px;}
    .pt2 { padding-top:40px ; margin-bottom:20px ;}
    footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;}
    .mb10 { padding-bottom:15px ;}
    .footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }
    .footer_ul_amrc li {padding:0px 0px 5px 0px;}
    .footer_ul_amrc li a{ color:#CCC;}
    .footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}
    .fleft { float:left;}
    .padding-right { padding-right:10px; }

    .footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}
    .footer_ul2_amrc li p { display:table; }
    .footer_ul2_amrc li a:hover { text-decoration:none;}
    .footer_ul2_amrc li i { margin-top:5px;}

    .bottom_border{ border-bottom:0.4px solid #ffffff6c; padding-bottom:20px;}
    .foote_bottom_ul_amrc {
        list-style-type:none;
        padding:0px;
        display:table;
        margin-top: 10px;
        margin-right: auto;
        margin-bottom: 10px;
        margin-left: auto;
    }
    .foote_bottom_ul_amrc li { display:inline;}
    .foote_bottom_ul_amrc li a { color:rgb(206, 206, 206); margin:0 12px;}

    .social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none;  }
    .social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }
    .social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;}
    .social_footer_ul li i {  width:20px; height:20px; text-align:center;}

    .copyright{
        background-color: #292929!important;
        color: #fff;
    }

   /******************************************************* RESPONSIVITE *****************************************************/

   @media only screen and (min-width: 992px){
    .newsletter .input-group{
        padding-left:330px;
        padding-right: 330px;
    }
    }


    
    @media screen and (max-width: 1280px){
        .hr-navbar {
            height:0.1px;
        }
        .search{
            display:none;
        }
        #navbar1 .navbar-brand {
            padding-left: 0px;
            padding-right: 0px;
        }
        footer {
            text-align: center!important;
        }
        footer #infocc{
            padding-left: 100px!important;
            padding-right: 100px!important;
        }
        footer #infocc p{
            text-align: left!important;
        }

    }
    

    @media only screen and (max-width: 1280px){
        #fullscreen{
            display: none!important;
        }
        .fullscreen{
            display:none!important;
        }
        .container{
            padding: 0;
            margin:0
        }
        #mobile{
            height: 200px;
            margin-bottom: 30px;
        }

        #navbar1 a{
            color: #D42355;
            font-size: 23px;
            font-weight: 700;
            padding: 17px 0px 17px 0px; 
        }


    }

        
    @media only screen and (min-width: 1280px){
        #mobile{
            display: none;
        }
        .mobile{
            display:none;
        }
    }

    @media screen and (min-width: 1280px)
    {
        .container-fluid{
            padding-left: 170px!important;
            padding-right: 170px!important;
        }
    }
    
    @media screen and (max-width: 1280px)
    {
        .carousel-item {
            height: 85vh;
            min-height: 350px;
            background: no-repeat center center scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

    }
       
    @media screen and (max-width: 1280px)
    {
        .pres-img .pres-contact{
            padding: 15px!important;
            top: 50px;
            font-size: 8px;
        }
        .pres-img .pres-contact h4{
            font-size: 16px;
        }
    }

    /***************     Mobile      *************/
    .pres-desc ul{
        padding: 50px;
        text-align: center;
        list-style: none;
    }

    .pres-desc ul li a{
        font-size: 22px;
        color: #000000!important;
        font-weight: 600;
        text-decoration: none;
    }

    .pres-desc ul li a:hover{
        color: #D42355!important;
        font-weight: 800;
        font-size: 30px;
    }

    .pres-desc ul li{
        padding: 20px;
    }

    .pres-desc ul li::before{
        display: none!important;
    }

    /********** contact ****************/

    #contact h2{
        font-size: 35px;
        font-weight: 700;
        color: #D42355;
    }

    #contact p, 
    #contact label{
        font-weight: 600;
    }

    .planD{
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .boutiques a{
        text-decoration: none;
        color: #c6003b;
    }
    
     .carousel-control-next-icon, .carousel-control-prev-icon{
        background: #292929 no-repeat 50%/100% 100%;
    }

    .carousel-control-next-icon{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") ;
    }

    .carousel-control-prev-icon{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
    }