/*---------------------------------------------------------------------- /

Table of Contents 

------------------------------------------------------------------------ /

* 1 - General styles

* 2 - Preloader

* 4 - Navbar

* 3 - Scroll to top

* 5 - Footer

* 6. Section Index

* 7 - Section Accueil

* 8 - Section Ragdoll

* 9 - Section Experience

* 10 - Section Skill 

* 11 - Section Contact 

------------------------------------------------------------------------ /

Table of Contents End

------------------------------------------------------------------------*/





/* 1 - General styles

---------------------------------------------------------------------- */





body {

    background-color: #ffffff;

    font-family: 'Open Sans';

    color: #333333;

    font-size: 16px;

    overflow-x: hidden;

    line-height: 24px;

}



.no-padding {

    padding: 0;

}





ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



a {

    text-decoration: none;

    color: #333333;

}



a:hover,

a:focus {

    outline: none;

    text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: "Open Sans", sans-serif;

}



h1 {

    font-size: 30px;

    font-weight: 700;

    line-height: 40px;

    margin: 0;

}



img {

    border: none;

    max-width: 100%;

}



.mdu:hover .image {

    opacity: 0.3;

    cursor:pointer;

}



.mdu:hover .middle {

    opacity: 1;

    cursor:pointer;

}



.mdu:hover .blackhover {

    background:black;

}



.middle {

    transition: .5s ease;

    opacity: 0;

    position: absolute;

    top: 50%;

    left: 43%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%)

}



.mu-readmore-btn {

    background-color: #fff;

    font-family: "Open Sans", sans-serif;

    display: inline-block;

    font-size: 16px;

    padding: 15px 35px;

    position: relative;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.mu-readmore-btn::after {

    bottom: 5px;

    content: "";

    left: 5px;

    position: absolute;

    right: 5px;

    top: 5px;

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    -ms-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s;

}



.mu-readmore-btn:hover,

.mu-readmore-btn:focus {

    color: #fff;

}



.mu-readmore-btn:hover::after,

.mu-readmore-btn:focus::after {

    bottom: 0px;

    content: "";

    left: 0px;

    right: 0px;

    top: 0px;

}



.mu-browsmore-btn {

    background-color: #fff;

    border: 1px solid #ccc;

    display: inline-block;

    font-size: 16px;

    line-height: 18px;

    letter-spacing: 0.5px;

    padding: 12px 25px;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.mu-browsmore-btn:hover,

.mu-browsmore-btn:focus {

    color: #fff;

}



.mu-send-btn {

    background-color: transparent;

    border: 1px solid #ccc;

    display: inline-block;

    font-size: 16px;

    padding: 10px 18px;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.mu-send-btn:hover,

.mu-send-btn:focus {

    color: #fff;

}







section {

  

    padding-top:100px;

    /*min-height: 780px;	*/

}



#section0 {

   /*padding-top:90px;*/

}



#section1 {

}



#section2 {

   

}



#section3 {

   /* padding-top:100px;*/

}



#section4 {

   

}



#section5 { 

    

}



#section6 {

	

}





/* 2- Preloader

---------------------------------------------------------------------- */

#preloader {

	background: #FFF;

	bottom: 0;

	left: 0;

	position: fixed;

	right: 0;

	top: 0;

	z-index: 9999;

}



#status {

	background-image: url(/img/spin.gif);

	background-position: center;

	background-repeat: no-repeat;

	height: 200px;

	left: 50%;

	margin: -100px 0 0 -100px;

	position: absolute;

	top: 50%;

	width: 200px;

}



/* 3 - Scroll to top

---------------------------------------------------------------------- */





/* 4 - Navbar

---------------------------------------------------------------------- */

/*==================

 HEADER SECTION

====================*/



#mu-header {

    background-color: #fff;

    border-bottom: 1px solid #ddd;

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    width: 100%;

    z-index: 999;

}





/*==================

 NAVBAR SECTION

====================*/

.mu-main-navbar {

    background-color: transparent;

    border: none;

    padding: 20px 0;

    border-radius: 0;

    margin-bottom: 0;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.mu-main-navbar .mu-main-nav {

font-family: "Open Sans", sans-serif;

}



.mu-main-navbar .mu-main-nav li a {

    color: #333;

    font-size: x-large;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.mu-main-navbar .mu-main-nav .dropdown-menu {

    background-color: #fff;

    border-radius: 0;

}



.mu-main-navbar .mu-main-nav .dropdown-menu li a {

    padding: 10px 20px;

}



.mu-main-navbar .navbar-header .navbar-brand {

    color: #333;

    display: inline-block;

    font-size: 25px;

    padding: 0;

    margin-top: 0px;

    height: 34px;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.mu-main-navbar .navbar-header .navbar-brand img {

    margin-top: -10px;

}





.mu-main-navbar .navbar-header .navbar-brand-small {

    height: 20px;

    margin-top: 16px;

    width: 105px;

}



.mu-main-navbar .navbar-header .navbar-brand-small span {

    margin-top: -4px;

}



.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus {

    background-color: transparent;

}





/*scrol to top*/



.scrollToTop {

    bottom: 60px;

    color: #fff;

    display: none;

    font-size: 30px;

    line-height: 50px;

    position: fixed;

    right: 20px;

    text-align: center;

    text-decoration: none;

    width: 55px;

    z-index: 999;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    height: 55px;

    border-radius: 50%;

}





.scrollToTop:hover,

.scrollToTop:focus {

    color: #fff;

}



/* 5 - Footer

---------------------------------------------------------------------- */

footer {

	background-color:#494949;

    color:#ddd;

    min-height:80px;

    padding-top:20px;

    padding-bottom:0px;

}



footer .nav>li>a {

    padding:3px;

    color:#ccc;

}



footer .nav>li>a:hover {

    background-color:transparent;

	color:#fff;

}





#footer {

	background: #222;

	text-align: center;

	padding: 40px 0;

	color: #FFF;

}



.copyright {

	margin: 0;

}



.copyright a{

    border-bottom: 1px dotted #fff;

}



#footer span{

    animation-iteration-count: infinite;

    -webkit-animation-iteration-count: infinite;

    color: #ff5252;

}



.social-links {

	list-style: none;

	padding: 0;

	margin: 0 0 20px;

}



.social-links li {

	display: inline-block;

	margin: 5px;

}



.social-links a {

	width: 36px;

	height: 36px;

	display: block;

	line-height: 35px;

	text-align: center;

	border: 1px solid rgba(255, 255, 255, .1);

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

			border-radius: 3px;

	font-size: 14px;

	color: rgba(255, 255, 255, .2);

}



.social-links a:hover {

	border: 1px solid rgba(255, 255, 255, .5);

	color: rgba(255, 255, 255, .8);

}



/* 6. Section Index

------------------------------------------------------------------ */





/* 7 - Section Accueil

---------------------------------------------------------------------- */



/*==================

	SLIDER SECTION

====================*/



.card-wrapper {

    padding: 3rem;

    background: #fafafa;

    border-radius: 4px;

    margin-bottom: 2rem;

    }



.mobileShow { display: none;

text-align: center;}



.mobileHide { display: inline;}

.albumChaton {
    background-color: #FFCDD2;
    color: currentColor;
}





#mu-slider {

    display: inline;

    float: left;

    margin-top: 90px;

    width: 100%;

    position: relative;

}



.mu-slider-area {

    display: inline;

    float: left;

    width: 100%;

}



.mu-top-slider {

    display: inline;

    float: left;

    width: 100%;

}



.mu-top-slider-single {

    display: inline;

    float: left;

    position: relative;

    width: 100%;

}



.mu-top-slider .mu-top-slider-single:after {

    background-color: rgba(0, 0, 0, 0.6);

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 9;

}



.mu-top-slider .mu-top-slider-single img {

    width: 43%;

}



.mu-top-slider .mu-top-slider-single .mu-top-slider-content {

    position: absolute;

    left: 15%;

    /*top: 30%;

    right: 15%;*/

    text-align: center;

    z-index: 99;

}



.mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-small-title {

    font-family: "Tangerine", cursive;

    font-size: 100px;

    font-weight: 400;

    line-height: 40px;

}



.mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-title {

    color: #fff;

    /*font-size: 70px;*/

    line-height: 90px;

}



.mu-top-slider .mu-top-slider-single .mu-top-slider-content p {

    color: #fff;

    font-size: 20px;

    margin-bottom: 30px;

    margin-top: 2%;

    padding: 0 30px;

}



.mu-top-slider .slick-prev::before {

    content: "\f177";

    font-family: fontAwesome;

}



.mu-top-slider .slick-next::before {

    content: "\f178";

    font-family: fontAwesome;

}



.mu-top-slider .slick-prev,

.mu-top-slider .slick-next {

    background-color: transparent;

    border: 2px solid #888;

    height: 60px;

    top: 50%;

    width: 70px;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.mu-top-slider .slick-prev::before,

.mu-top-slider .slick-next::before {

    color: #888;

}



.mu-top-slider .slick-prev:hover,

.mu-top-slider .slick-prev:focus,

.mu-top-slider .slick-next:hover,

.mu-top-slider .slick-next:focus {

    color: #fff;

}



.mu-top-slider .slick-prev:hover::before,

.mu-top-slider .slick-prev:focus::before,

.mu-top-slider .slick-next:hover::before,

.mu-top-slider .slick-next:focus::before {

    color: #fff;

}



.mu-top-slider .slick-prev {

    left: 20px;

}



.mu-top-slider .slick-next {

    right: 20px;

}



.mu-top-slider .slick-dots {

    bottom: 20px;

}



.mu-top-slider .slick-dots li button {

    border-radius: 50%;

}



.mu-top-slider .slick-dots li button::before {

    color: transparent;

    background: transparent;

    border-radius: 50%;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.mu-top-slider .slick-dots li.slick-active button::before {

    color: transparent;

    border-radius: 50%;

    opacity: 1;

}











/* 9 - Section ragdoll

---------------------------------------------------------------------- */





#mu-about-ragdoll {

    display: inline;

    float: left;

    width: 100%;

    padding: 100px 0;

}



.mu-about-ragdoll-area {

    display: inline;

    float: left;

    width: 100%;

}



.mu-about-ragdoll-right {

    display: inline;

    float: left;

    margin-top: 20px;

    padding-top: 30px;

    padding-left: 15px;

    width: 100%;

}



.mu-about-ragdoll-right ul {

    margin-bottom: 20px;

    padding-left: 25px;

}



.mu-about-ragdoll-right ul li {

    line-height: 24px;

    margin-bottom: 10px;

}



.mu-about-ragdoll-right ul li:before {

    content: "\f0da";

    font-family: fontAwesome;

    margin-right: 10px;

}



.mu-about-ragdoll-left {

    display: inline;

    float: left;

    margin-top: 20px;

    padding-top: 30px;

    padding-right: 15px;

    width: 100%;

}



.mu-title {

    display: inline;

    float: left;

    width: 100%;

    margin-bottom: 20px;

    margin-top: 30px;

    text-align: center;

}



.mu-title .mu-subtitle {

    font-size: 50px;

    font-family: "Tangerine", cursive;

    line-height: 30px;

}



.mu-title h2 {

    color: #000;

    font-size: 35px;

    margin-bottom: 5px;

}





/* 10 - Section  chats

---------------------------------------------------------------------- */



/*==================

  CHEF SECTION

====================*/





#mu-chef {

    display: inline;

    float: left;

    padding: 100px 0;

    width: 100%;

}



.mu-chef-area {

    display: inline;

    float: left;

    width: 100%;

}



.mu-chef-content {

    display: inline;

    float: left;

    padding-bottom: 60px;

    width: 100%;

}



.mu-chef-nav {

    display: inline;

    float: left;

    text-align: center;

    width: 100%;

}



.mu-chef-nav .slick-list li {

    background-color: #f8f8f8;

    display: inline-block;

    margin: 0 5px;

    width: 22%;

    overflow: hidden;

}



.mu-chaton-nav li {

    display: inline-block;

    margin: 0 5px;

    width: 22%;

    overflow: hidden;

}



.mu-chef-nav .slick-list li:first-child {

    margin-left: 0;

}



.mu-chef-nav .slick-list li:last-child {

    margin-right: 0;

}



.mu-chef-nav .slick-list li .mu-single-chef {

    display: inline;

    float: left;

    width: 100%;

    position: relative;

}



.mu-chef-nav .slick-list li .mu-single-chef:hover .mu-single-chef-social {

    bottom: 0;

    opacity: 1;

}



.mu-chef-nav .slick-list li .mu-single-chef .mu-single-chef-img {

    display: inline;

    float: left;

    width: 100%;

}



.mu-chef-nav .slick-list li .mu-single-chef .mu-single-chef-img img {

    width: 100%;

}



.mu-chef-nav .slick-list li .mu-single-chef .mu-single-chef-info {

    display: inline;

    float: left;

    padding: 10px 10px 20px;

    width: 100%;

}



.mu-chef-nav .slick-list li .mu-single-chef .mu-single-chef-info h4 {

    margin-bottom: 5px;

}



.mu-chef-nav .slick-list li .mu-single-chef .mu-single-chef-info span {

    font-size: 14px;

    letter-spacing: 0.5px;

}



.mu-chef-nav .slick-list li .mu-single-chef .mu-single-chef-social {

    background-color: #000;

    position: absolute;

    bottom: -100%;

    left: 0;

    right: 0;

    padding: 23px 20px;

    text-align: center;

    opacity: 0;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.mu-chef-nav .slick-list li .mu-single-chef .mu-single-chef-social a {

    display: inline-block;

    margin: 0 5px;

    padding: 5px;

    text-align: center;

    width: 35px;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.mu-chef-nav .slick-list li .mu-single-chef .mu-single-chef-social a:hover,

.mu-chef-nav .slick-list li .mu-single-chef .mu-single-chef-social a:focus {

    color: #fff;

}



.mu-chef-nav .slick-dots {

    text-align: center;

    margin-bottom: -30px;

}



.mu-chef-nav .slick-dots li {

    border-radius: 50%;

    width: 20px;

    display: inline-block;

    float: none;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.mu-chef-nav .slick-dots li button {

    display: none;

}





/*

    Section Chatterie

    ---------------------------------------------*/

.wrap {

    display: flex;

    background: white;

    padding: 1rem 1rem 1rem 1rem;

    border-radius: 0.5rem;

    box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);

    margin-bottom: 2rem;

}



.wrap:hover {

    background: aliceblue;

    color: black;

}



.ico-wrap {

    margin: auto;

}



.mbr-iconfont {

    font-size: 4.5rem !important;

    color: lightgoldenrodyellow;

    margin: 1rem;

    padding-right: 1rem;

}



.vcenter {

    margin: auto;

}



.mbr-section-title3 {

    text-align: left;

}



h2 {

    margin-top: 0.5rem;

    margin-bottom: 0.5rem;

}



.display-5 {

    font-family: 'Source Sans Pro',sans-serif;

    font-size: 1.4rem;

}



.mbr-bold {

    font-weight: 700;

}



p {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    line-height: 25px;

}



.display-6 {

    font-family: 'Source Sans Pro',sans-serif;

    font-size: 1re

}



/* 11 - Section Contact

---------------------------------------------------------------------- */





/* 11 - Section FOOTER

---------------------------------------------------------------------- */



/*==================

 FOOTER SECTION

====================*/



#mu-footer {

    background-color: darkslategray;

    display: inline;

    float: left;

    width: 100%;

}



.mu-footer-area {

    display: inline;

    float: left;

    width: 100%;

    text-align: center;

}



.mu-footer-social {

    display: inline;

    float: left;

    width: 100%;

    text-align: center;

    margin-bottom: 10px;

}



    .mu-footer-social a {

        background-color: #555;

        border-radius: 50%;

        color: #fff;

        display: inline-block;

        font-size: 20px;

        height: 45px;

        line-height: 47px;

        margin: 5px;

        text-align: center;

        width: 45px;

        -webkit-transition: all 0.5s;

        -moz-transition: all 0.5s;

        -ms-transition: all 0.5s;

        -o-transition: all 0.5s;

        transition: all 0.5s;

    }



.mu-footer-copyright {

    display: inline;

    float: left;

    width: 100%;

}



    .mu-footer-copyright p {

        font-family: "Open Sans", sans-serif;

        font-size: 16px;

        letter-spacing: 0.5px;

        color: #fff;

    }



        .mu-footer-copyright p a {

            color: #fff;

        }



.imgchatons {

        /*:border: 4px solid #d7dfe0;*/

        margin: 1px;padding: 0px;

        position: relative;overflow: hidden;

        border-radius: 10px;

    }

.imgchatons2 {

     border: 4px solid #d7dfe0;

     margin: 1px;padding: 0px;

     position: relative;overflow: hidden;

 }





/*==================

 RESPONSIVE DESIGN

====================*/



@media (max-width: 1199px) {



     .imgaccueil{

        content: url("/img/sisters.jpg");

        /*border: 4px solid #d7dfe0;*/
        border-radius: 50px;

     }



     .textaccueil{

     text-align:center;
     padding-top: 20px;

     }



    .mu-top-slider .mu-top-slider-single img {

        width: 55%;

    }



    .mu-main-navbar .mu-main-nav li a {

        padding-left: 10px;

        padding-right: 10px;

    }



    .mu-top-slider .mu-top-slider-single .mu-top-slider-content {

        position: absolute;

        left: 5%;

        top: 15%;

        right: 5%;

    }



        .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-small-title {

            font-size: 80px;

        }



        .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-title {

            font-size: 35px;

            line-height: 70px;

        }



    .mu-reservation-content {

        padding: 0;

    }



    .mu-testimonial-slider li .mu-testimonial-single {

        padding: 0 50px;

    }



    .mu-chef-nav .slick-list li .mu-single-chef .mu-single-chef-social {

        padding: 23px 5px;

    }



    .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info {

        padding-top: 26%;

    }

}





@media (max-width: 991px) {

    .mu-top-slider .mu-top-slider-single img {

        width: 70%;

    }

    .mu-main-navbar .mu-main-nav li a {

        padding-left: 5px;

        padding-right: 5px;

        font-size: 18px;

    }



    .mu-top-slider-content .mu-reservation-btn {

        display: none;

    }



    .mu-about-ragdoll-left,

    .mu-reservation-form {

        text-align: center;

    }



    .mu-reservation-right {

        margin-top: 60px;

    }



    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-right {

        margin-top: 50px;

        padding: 0;

    }



    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info {

        padding-top: 22%;

    }



    #mu-client-testimonial .mu-client-testimonial-area .mu-testimonial-content .mu-testimonial-slider li .mu-testimonial-single {

        padding: 0 60px;

    }



        #mu-client-testimonial .mu-client-testimonial-area .mu-testimonial-content .mu-testimonial-slider li .mu-testimonial-single .mu-testimonial-info p::before {

            top: 40%;

        }

}





@media (max-width: 767px) {



    .mu-top-slider .mu-top-slider-single img {

        width: 80%;

    }



    #mu-header {

        padding: 0 15px;

    }



    .navbar-default .navbar-toggle {

        border-radius: 0px;

    }



        .navbar-default .navbar-toggle:hover,

        .navbar-default .navbar-toggle:focus {

            background-color: #fff;

        }



    .mu-main-navbar .mu-main-nav {

        background-color: #fff;

        text-align: justify;
		line-height: 40px;
		margin-top: 20px;

    }



    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

        background-color: #fff;

    }



    #mu-counter .mu-counter-overlay .mu-counter-area .mu-counter-nav li {

        margin-top: 10px;

        margin-bottom: 10px;

        border-right: none;

    }

}





@media (max-width: 640px) {



    .mu-main-navbar .navbar-header .navbar-brand img {

        margin-top: -10px;

        margin-left: -12px;

    }

    .divmodal{

        background-color: aliceblue;

        margin-top: 100px;

        border-radius: 10px;

        padding:6px;

    }

    .modal{
        padding: none;
    }



    .modalite{

        padding: 0px !important;

    }



     .container .link .modal{

       margin-top: 100px;

       background-color: aliceblue;

       padding: 5px;

    }





    .imgchatons {

        max-width: 100%;

        height: auto

    }





    .mu-top-slider .mu-top-slider-single img {

        width: 90%;

    }





    .citation {

        margin-top: 0px;

        font-size: larger;

        font-style: italic;

        font-family: auto;

    }

    .navbar-default .navbar-toggle:hover,

    .navbar-default .navbar-toggle:focus {

        background-color: #fff;

    }



    #mu-slider .mu-slider-area .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-title {

        font-size: 50px;

        line-height: 75px;

    }



    .mu-top-slider .mu-top-slider-single .mu-top-slider-content {

        top: 18%;

        right:0%

    }



    #mu-restaurant-menu .mu-restaurant-menu-area .mu-restaurant-menu-content .mu-restaurant-menu li a {

        font-size: 16px;

        margin: 0 5px;

    }



    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info {

        padding-top: 18%;

    }



    #mu-client-testimonial .mu-client-testimonial-area .mu-testimonial-content .mu-testimonial-slider li .mu-testimonial-single {

        padding: 0;

    }



    .mu-testimonial-slider li .mu-testimonial-single .mu-testimonial-info p {

        font-size: 16px;

        line-height: 30px;

    }



    #mu-chef .mu-chef-area .mu-chef-content .mu-chef-nav .slick-list li .mu-single-chef .mu-single-chef-social a {

        margin: 0 3px;

        padding: 3px 0;

        width: 30px;

    }



    .mu-top-slider .slick-dots {

        display: none !important;

    }



    .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-small-title {

        font-size: 70px;

        line-height: 35px;

    }



    .mu-top-slider .mu-top-slider-single .mu-top-slider-content p {

        font-size: 14px;

        margin-bottom: 0;

        margin-top: 15px;

        padding: 0 5px;

    }



    #mu-slider .mu-slider-area .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-title {

        font-size: 30px;

        line-height: 50px;

    }

}





@media (max-width: 480px) {

    .mobileShow { display: inline;}



    .mobileHide { display: none;}



   .telephone

   {

    display: block;

   }



    .container .link .modal{

       margin-top: 100px;

       background-color: aliceblue;

       padding: 5px;

    }



    .mu-top-slider .mu-top-slider-single img {

        width: 100%;

        height: 500px;

    }



    .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-title {

        font-size: 35px;

        line-height: 45px;

    }



    .mu-top-slider .mu-top-slider-single .mu-top-slider-content {

        top: 10%;

    }



        .mu-top-slider .mu-top-slider-single .mu-top-slider-content p {

            /*display: none;*/

        }



    .mu-reservation-content p {

        padding: 0;

    }



    .mu-main-navbar .mu-main-nav li a {
        padding-left: 5px;
        padding-right: 5px;
		font-size: 25px;
        line-height: 40px;
	}


    #mu-client-testimonial .mu-client-testimonial-area .mu-testimonial-content .mu-testimonial-slider li .mu-testimonial-single {

        padding: 0;

    }



    #mu-subscription .mu-subscription-area .mu-subscription-form input[type="text"] {

        width: 100%;

        margin-bottom: 20px;

    }



    #mu-subscription .mu-subscription-area {

        padding: 0;

        text-align: center;

    }



        #mu-subscription .mu-subscription-area .mu-subscription-form .mu-readmore-btn {

            width: auto;

        }



    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body .mu-single-gallery {

        width: 100%;

    }



        #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info {

            padding-top: 30%;

        }



    #mu-map {

        height: 350px;

    }



    #mu-restaurant-menu .mu-restaurant-menu-area .mu-restaurant-menu-content .mu-restaurant-menu li {

        margin-bottom: 10px;

    }

}



@media (max-width: 360px) {



    .mu-top-slider .mu-top-slider-single .mu-top-slider-content {

        top: 10%;

    }



    .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-title {

        font-size: 20px;

        line-height: 40px;

    }



    .mu-top-slider .mu-top-slider-single img {

        width: 100%;

        height: 500px;

    }

    #mu-slider .mu-slider-area .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-title {

        font-size: 22px;

        line-height: 30px;

    }



    .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-small-title {

        font-size: 60px;

        line-height: 45px;

    }



    #mu-restaurant-menu .mu-restaurant-menu-area .mu-restaurant-menu-content .mu-restaurant-menu li {

        margin-bottom: 12px;

    }



    #mu-about-ragdoll {

        padding: 100px 0 50px;

    }



    #mu-restaurant-menu {

        padding-bottom: 0px;

    }



    #mu-reservation .mu-reservation-area .mu-reservation-content {

        padding: 0;

    }



    .mu-opening-hour h2 {

        font-size: 42px;

        padding-bottom: 10px;

    }



    .mu-title h2 {

        font-size: 28px;

    }



    #mu-client-testimonial .mu-client-testimonial-area .mu-testimonial-content .mu-testimonial-slider li .mu-testimonial-single .mu-testimonial-info p {

        font-size: 16px;

        line-height: 24px;

    }



    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-right {

        text-align: center;

    }



        #mu-contact .mu-contact-area .mu-contact-content .mu-contact-right .mu-contact-widget address {

            text-align: left;

        }



    #mu-contact {

        padding: 100px 0 50px;

    }



    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info {

        padding-top: 27%;

    }



    #mu-footer .mu-footer-area .mu-footer-social a {

        font-size: 18px;

    }



    .mu-menu-item-nav li {

        text-align: center;

    }



    #mu-restaurant-menu .mu-restaurant-menu-area .mu-restaurant-menu-content .mu-tab-content-area .mu-menu-item-nav li .media .media-left {

        height: auto;

        width: 100%;

        margin-right: 0;

        float: left;

    }



        #mu-restaurant-menu .mu-restaurant-menu-area .mu-restaurant-menu-content .mu-tab-content-area .mu-menu-item-nav li .media .media-left a {

            display: inline-block;

            margin-bottom: 10px;

        }



            #mu-restaurant-menu .mu-restaurant-menu-area .mu-restaurant-menu-content .mu-tab-content-area .mu-menu-item-nav li .media .media-left a img {

                display: inline-block;

            }



    #mu-map {

        height: 250px;

    }



    .mu-contact-form .mu-send-btn {

        width: 100%;

    }

}





@media (max-width: 320px) {



    

    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info {

        padding-top: 25.5%;

    }



    .imgaccueil {

        width: 100%;

    }

}





/*==================

 galerie chat

====================*/

 



.target {

    display: none

}



.cadre_diapo {

    max-width: 600px;

    margin: 2rem auto;

    overflow: hidden;

}



.interieur_diapo {

    display: flex;

    width: 400%;

    transition: transform .6s ease-in-out

}



.description {

    position: relative;

}



    .description span {

        position: absolute;

        left: 0;

        top: 2%;

        font-size: 75%;

        display: flex;

        padding: .5rem;

        justify-content: center;

        color: white;

        background: hsla(0,0%,0%,.35)

    }





#votre_id1:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(0)

}

/*image 1*/



#votre_id2:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-25%)

}

/*image 2*/



#votre_id3:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-50%)

}

/*image 3*/



#votre_id4:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-75%)

}

/*image 4*/





#votre_id5:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(0)

}

/*image 5*/



#votre_id6:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-25%)

}

/*image 6*/



#votre_id7:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-50%)

}

/*image 7*/



#votre_id8:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-75%)

}

/*image 8*/



#votre_id9:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(0)

}

/*image 9*/



#votre_id10:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-25%)

}

/*image 10*/



#votre_id11:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-50%)

}

/*image 11*/



#votre_id12:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-75%)

}

/*image 12*/





#votre_id13:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(0)

}

/*image 13*/



#votre_id14:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-25%)

}

/*image 14*/



#votre_id15:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-50%)

}

/*image 15*/



#votre_id16:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-75%)

}

/*image 16*/

#votre_id17:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-0%)

}

/*image 17*/
#votre_id18:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-25%)

}

#votre_id19:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-50%)

}

#votre_id20:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-75%)

}

#votre_id21:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-0%)

}

#votre_id22:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-25%)

}

#votre_id23:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-50%)

}


#votre_id24:target ~ .cadre_diapo .interieur_diapo {

    transform: translatex(-75%)

}












/*navigation avec images miniatures*/

.navigation_diapo {

    display: flex;

    list-style-type: none;

    margin: 0;

    padding: 0;

}



    .navigation_diapo li {

        padding: .25rem;

    }



    .navigation_diapo img {

        border: 3px solid white;

        box-shadow: 0 0 5px hsla(0,0%,0%,.4);

    }





@media (min-width:31.25rem) {



    .description span {

        font-size: initial

    }

}



.returnchat:hover {

    color: cadetblue;

}



.mu-slider-small-title {

    font-size: 110px;

}







.welcome{

   padding-bottom: 50px;

   font-size: xx-large;

}



.mu-top-slider-content {

    top: 15%;

    right: -20%;

}



.citation {

    font-size: 18px;

    font-style: italic;

    font-family: auto;

    margin-top: 15px

}



.link:hover {

        cursor: pointer;

 }

      

.modalite:hover {

         color: blue;

}



.modalite{

background-color: aliceblue ;

border-color: aliceblue !important;

border-radius: 30px;padding: .2em 2em ;

padding: .2em 2em;

}







/* About Section

--------------------------------*/



#about {

  padding: 25px 0 30px 0;

}



#about .about-img {

  overflow: hidden;

}



#about .about-img img {

  max-width: 100%;

}



#about .content h1 {

  color: #3498db;

  font-weight: 500;

  font-size: 25px;

  font-family: "Raleway", sans-serif;

}



#about .content h3 {

  color: #555;

  font-weight: 300;

  font-size: 18px;

  line-height: 26px;

  font-style: italic;

}





#about .content p:last-child {

  margin-bottom: 0;

}



#about .content i {

  font-size: 20px;

  padding-right: 4px;

  color: #3498db;

}



#about .content ul {

  list-style: none;

  padding: 0;

}



#about .content ul li {

  padding-bottom: 10px;

}



.bluetitle{

color:#3498db

}



/*******slider livret *****/

* {box-sizing:border-box}



/* Slideshow container */

.slideshow-container {

  max-width: 1000px;

  position: relative;

  margin: auto;

}



/* Hide the images by default */

.mySlides {

  display: none;

}



/* Next & previous buttons */

.prev, .next {

  cursor: pointer;

  position: absolute;

  top: 50%;

  width: auto;

  margin-top: -22px;

  padding: 16px;

  color: white;

  font-weight: bold;

  font-size: 18px;

  transition: 0.6s ease;

  border-radius: 0 3px 3px 0;

  user-select: none;

}



/* Position the "next button" to the right */

.next {

  right: 0;

  border-radius: 3px 0 0 3px;

}



/* On hover, add a black background color with a little bit see-through */

.prev:hover, .next:hover {

  background-color: rgba(0,0,0,0.8);

}



/* Caption text */

.text {

  color: #f2f2f2;

  font-size: 15px;

  padding: 8px 12px;

  position: absolute;

  bottom: 8px;

  width: 100%;

  text-align: center;

}



/* Number text (1/3 etc) */

.numbertext {

  color: #f2f2f2;

  font-size: 12px;

  padding: 8px 12px;

  position: absolute;

  top: 0;

}



/* The dots/bullets/indicators */

.dot {

  cursor: pointer;

  height: 15px;

  width: 15px;

  margin: 0 2px;

  background-color: #bbb;

  border-radius: 50%;

  display: inline-block;

  transition: background-color 0.6s ease;

}



.active, .dot:hover {

  background-color: #717171;

}



/* Fading animation */

.fade {

  animation-name: fade;

  animation-duration: 1.5s;

}



@keyframes fade {

  from {opacity: .4}

  to {opacity: 1}

}



.facebook-link {
    display: flex;
    /*align-items: center;
    justify-content: center;*/
    margin-top: 30px;
    font-size: 1.2em;
    font-weight: bold;
}

.facebook-link img {
    height: 24px;
    margin-right: 8px;
}



/* du comportement des colonnes sur les écrans moyens */
@media (max-width: 991px) {
    .mu-chef-content .col-md-3, 
    .mu-chef-content .col-sm-6 {
        flex: 0 0 50%; /* 2 colonnes par ligne */
        max-width: 50%;
        margin-bottom: 20px; /* Espacement entre les colonnes */
    }
}

/* Pour les petits écrans, affichage en 1 colonne */
@media (max-width: 767px) {
    .mu-chef-content .col-md-3, 
    .mu-chef-content .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Correction des images pour qu'elles soient responsive */
.mu-single-chef-img img, 
.image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}



/* Assurer l'alignement vertical des colonnes */
.mu-chef-content {
    display: flex;
    flex-wrap: wrap;
   
}

/* Uniformiser la hauteur des colonnes */
.mdu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%; /* S'assurer que toutes les cartes ont la même hauteur */
    padding: 10px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.4);
    border-radius: 8px;
}

/* Optimisation des images */
.mu-single-chef-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Suppression des marges résiduelles */
.mu-single-chef-img,
.mdu p {
    margin-bottom: 0;
}



.card {
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    padding: 20px;
    min-height: 330px;  /* Harmonisation des hauteurs */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}

.card2 {
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    padding: 20px;
    min-height: 350px;  /* Harmonisation des hauteurs */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}

.card img {
    max-width: 200px;
    height: auto;
    margin: 0 auto;
}

.card2 img {
    max-width: 200px;
    height: auto;
    margin: 0 auto;
}


@media (max-width: 992px) {
    .col-md-4, .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 576px) {
    .col-md-4, .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.section-container {
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.4);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px; /* Espacement entre les sections */
}

.section-header {
    background: ghostwhite;  /* Couleur de fond pour le titre */
    color: #fff;          /* Couleur du texte */
    border-radius: 8px 8px 0 0; /* Coins arrondis en haut uniquement */
    padding: 15px;
    text-align: center;   /* Centrage du texte */
    font-size: 24px;
    font-weight: bold;
}


/******ally*/

.card-container {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}

.profile-card {
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  text-align: left;
  transition: transform 0.3s ease;
}

.profile-card:hover {
  transform: translateY(-5px);
}

.profile-img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  /*border-radius: 8px;*/
}

.profile-card .title,
.profile-card h4, {
.profile-card h5 {
	text-align: left;
	margin-left:12px;