/*
**
*/

body{
	font-size: 18px;
}

.center{
	text-align: center;
}

.row{
	margin: 0px;
}

.no-padding{
    padding: 0px;
}

.slideDesk{
	display: block;
}

.slideMobile{
	display: none;
}

#CTAHomeVideo .CTAContent {
    position: relative;
    cursor: pointer;
}

#CTAHomeVideo {
    z-index: 99999999;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 20%;
    background-color: #fff;
    -webkit-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    transform: translateX(-110%);
    -webkit-transition: all,.45s;
    transition: all,.45s;
}

#CTAHomeVideo.activeCTA {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

#CTAHomeVideo #CTAClose {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 29px;
    color: #fff;
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 100%;
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
}

/* modal */

.modal .modal-dialog{
	margin-top: 150px !important;
}

.modal-header{
	border: 0px;
	padding: 0px;
}

.modal-content{
	background-color: transparent;
	border: 0px;
}

.modal-body{
	padding: 0px;
}

.modal-body iframe{
	border: 0px;
}

button.close {
    color: #fff;
    font-size: 40px;
    opacity: 1;
    right: -3px;
    visibility: visible;
    float: right;
    position: absolute;
    top: -9%;
}

button.close:hover{
    color: #fff;
    opacity: 1.75;
}

.img-text{
    position: absolute;
    top: 41%;
    z-index: 9;
}

.btn-top{
	background: linear-gradient(to right, #b78c38, #c39940, #cfa748, #dab550, #e6c358) !important;
	color: #fff !important;
	border: 2px solid !important;
	border-radius: 50px !important;
	padding: 15px !important;
    width: 60% !important;
    text-transform: uppercase !important;
    font-size: 22px !important;
}

.btn-top:hover{
	background: transparent !important;
	border: 2px solid #be943d !important;
	color: #be943d !important;
}

iframe{
    border: 0px;
}

.palais{
    background: url("../../images/home/bg-palais.jpg") no-repeat;
    background-size: cover;
	padding: 70px 0px;
}

.palais img{
	margin-bottom: 40px;
}

h1{
	color: #000;
	text-transform: uppercase;
	font-size: 30px;
}

.tirie{
	height: 4px;
	width: 7%;
	background-color: #cbab58;
	margin: 10px 0px 20px;
	border-radius: 50px;
}

.p-top{
	padding: 80px 40px 60px;
}

.block{
	overflow: hidden;
}

.block .images{
	width: 50%;
}

.cuisines{
	background: url("../../images/home/bg-cuisine.jpg") no-repeat;
	background-size: cover;
	padding: 50px 0px !important;
}

.cuisines h3{
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
    padding: 30px 0px 15px;
}

.cuisines div div .tirie2{
	background-color: #cbab58;
	height: 4px;
	width: 7%;
	margin: 0px 0px 60px;
}

.cuisines div div img{
	border: 2px solid #f0eade;
}

.cuisines div a button{
	background-color: #232323;
	border-radius: 50px;
	border: 2px solid #f0eade;
	color: #f0eade;
	font-size: 30px;
    padding: 10px 40px;
    margin: 20px 0px 40px;

}

.cuisines div a button:hover{
	background-color: #f0eade;
	color: #232323;
}

.chef{
	background-color: #f0eade;
	background-size: cover;
	padding: 120px 140px 40px;
}

.chefs{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.chef img{
    width: 65%;
}

.chef h4{
	color: #43361b;
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
    padding: 0px 0px 10px;
}

.chef div .tirie{
	height: 4px;
	width: 10%;
	background-color: #43361b;
	margin: 10px 0px 40px;
	border-radius: 50px;
}

.chef p{
	color: #43361b;
	font-size: 20px;
    padding: 0px 115px;
}

.nom-chef{
    font-weight: bold !important;
    font-size: 29px !important;
}

.chef a button{
	background-color: transparent;
	color: #43361b;
	border: 2px solid #43361b;
	border-radius: 50px;
	padding: 12px;
    width: 40%;
	margin: 30px 0px;
	text-transform: uppercase;
}

.chef a button:hover{
	background-color: #43361b;
	color: #f0eade;
}

.histoire{
	background: url("../../images/home/bg-histoire.jpg") no-repeat;
	background-size: cover;
	padding: 160px 0px;
}

.histoire p{
	padding: 80px 50px 120px;
	color: #fff;
}

.histoire button{
	background-color: #f0eade;
	color: #0b0a0b;
	border: 2px solid #f0eade;
	text-transform: uppercase;
	font-size: 22px;
	padding: 5px 30px;
	border-radius: 50px;
}

.histoire button:hover{
	background-color: transparent;
	color: #f0eade;
	border: 2px solid #f0eade;
}

.rs{
	background-color: #f7f6f6;
	padding: 100px 0px;
}

.rs div h1{
	color: #000;
	text-transform: uppercase;
	font-size: 30px;
	text-align: center;
}

.rs div div .tirie{
	height: 4px;
	width: 7%;
	background-color: #e6e6e6;
	margin: 10px 0px 20px;
	border-radius: 50px;
}

.rs div div div a button{
	background-image: linear-gradient(to top, #72020b, #820917, #921123, #a3192f, #b3213c);
	border: 1px solid #981528;
	padding:8px;
	color: #fff;
	font-size: 25px;
	border-radius: 50px;
    width: 100%;
}

.rs div div div a button span{
	margin: 0px 7px 0px 0px;
	font-size: 25px;
}

.rs div div div p{
	font-size: 16px;
	margin-bottom: 0px;
}

.rs div div div span{
	font-size: 20px;
}

.col-lg-1, .col-md-1, .col-ms-1,.col-xs-1,
.col-lg-2, .col-md-2, .col-ms-2,.col-xs-2,
.col-lg-3, .col-md-3, .col-ms-3,.col-xs-3,
.col-lg-4, .col-md-4, .col-ms-4,.col-xs-4,
.col-lg-5, .col-md-5, .col-ms-5,.col-xs-5,
.col-lg-6, .col-md-6, .col-ms-6,.col-xs-6,
.col-lg-7, .col-md-7, .col-ms-7,.col-xs-7,
.col-lg-8, .col-md-8, .col-ms-8,.col-xs-8,
.col-lg-9, .col-md-9, .col-ms-9,.col-xs-9,
.col-lg-10, .col-md-10, .col-ms-10,.col-xs-10,
.col-lg-11, .col-md-11, .col-ms-11,.col-xs-11,
.col-lg-12, .col-md-12, .col-ms-12,.col-xs-12
{
	float: left;
}


.grad a:hover img {
	filter: brightness(0.5)
}

.grad a img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.grad a:hover img {
	-webkit-transform: scale(.85);
	transform: scale(.85);
}

.zoom-out img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.zoom-out:hover img {
	-webkit-transform: scale(.85);
	transform: scale(.85);
}

@media(max-width: 1500px){
    
    .btn-top{
        width: 80%;
    }
	
	.chef{
	    padding: 0px 0px;
	}
	
	.chef img{
	    width: 45%;
	}
    
    .chef a button{
        margin: 20px 0px 0px;
    }
}


@media(max-width: 1024px){
    
    .img-text{
        top: 40%;
        width: 50%;
    }
    
    .img-texte{
        top: 35%;
        width: 40%;
    }

    .chef {
        padding: 20px 0px !important;
    }
    
    .chef a button{
        width: 40% !important;
        margin: 20px 0px 0px;
    }

    .chef h4{
    	font-size: 25px;
    	padding: 0px;
    }

    .chef div .tirie{
    	margin: 10px 0px 10px;
    }

    .chef p{
    	margin-bottom: 0px;
    	padding: 0px;
        font-size: 17px;
    }

	.rs div{
		margin: 0px;
		padding: 0px;
	}

	.rs div div{
		padding: 0px 10px;
	}
	
	.rs div div div a button{
	    padding: 8px 0px;
	}
	
	.rs div div div a button, .rs div div div a button span{
	    font-size: 17px !important;
	}
	
	.rs div div div a button span{
	    margin: 0px 3px 0px 0px;
	}
}

@media(max-width: 768px){
    
    .img-text {
        position: absolute;
        top: 35%;
        z-index: 9;
        width: 70%;
    }
    
    .img-text2 {
        position: absolute;
        top: 45%;
        z-index: 9;
        width: 85%;
    }
    
    iframe{
        height: 100% !important;
    }
    
    .btn-top{
        width: 90%;
        margin-bottom: 20px;
    }

    .chef{
    	padding: 60px 140px;
    }

    .chefs{
    	position: inherit;
        top: inherit;
        transform: inherit;
    }
    
    .nom-chef{
        padding: 30px 15px 0px !important;
    }

    .chef img {
	    width: 60%;
	}

    .chef a button {
    	width: 40% !important;
    	margin: 30px 0px 60px;
	}

	.chef div .tirie{
		width: 15%;
		margin: 10px 0px !important;
	}

	.histoire div img{
		width: 100%;
		padding: 0px 15px;
	}

	.histoire p {
	    padding: 80px 15px 120px;
	}

	.rs div{
		margin: 0px;
		padding: 0px;
	}

	.rs div div{
		padding: 0px 10px;
	}

	.rs div div div a button{
		padding: 8px 0px;
		font-size: 16px;
	}

	.rs div div div a button span{
		font-size: 16px;
		margin: 0px 4px 0px 0px;
	}

	.rs div div div p{
		font-size: 14px;
	}

	.rs div div div span{
		font-size: 15px;
	}
}

@media(max-width: 1370px){
    
    .img-text{
        top: 40%;
        width: 50%;
    }
    
    .img-texte{
        top: 35%;
        width: 40%;
    }
    
    .chef {
        padding: 60px 0px 0px;
    }
    
    .chef a button{
        width: 40%;
    }
    
    .chef div .tirie {
        margin: 10px 0px 20px;
    }
    
    .bg div p {
        color: #fff;
        padding: 40px 80px 60px;
    }
    
    .rs div div div a button, .rs div div div a button span{
        font-size: 22px;
    }
    
    .rs div div div p{
        font-size: 13px;
    }
    
    .rs div div div span{
        font-size: 15px;
    }
}

@media(max-width: 812px){

	button.close{
		top: -30% !important;
	}

	#CTAHomeVideo{
		width: 40% !important;
	}
    
    .tel p{
        top: 2.3rem;
        font-size: 17px;
    }
    
    .chef {
        padding: 60px 0px 0px;
    }
    
    .chef a button {
        margin: 40px 0px 60px;
        width: 37% !important;
    }
    
    .chef h4 {
        font-size: 30px;
        padding: 40px 0px 0px;
    }
    
    .chef p {
        padding: 30px 70px 0px;
    }
    
    .img-texte{
        width: 50% !important;
    }
    
    .rs div div div a button, .rs div div div a button span{
        font-size: 14px;
    }
    
    .img-text{
        width: 80%;
    }

}

@media(max-width: 320px){
    .bg{
        padding: 40px 0px 0px !important;
    }
    
    .bg img{
        margin-bottom: 0px !important;
    }
}

@media(max-width: 480px){

	.slideDesk{
		display: none;
	}

	.slideMobile{
		display: block;
	}

	button.close{
		top: -30%;
	}

	#CTAHomeVideo{
		width: 50%;
	}

    .carousel-indicators{
    	bottom: -65px;
    	z-index: 0;
    }

    .carousel-indicators li{
    	border: 1px solid #000;
    }

    .carousel-indicators .active{
    	background-color: #000;
    }

    .p-top{
		padding: 40px 0px;
	}

	.tirie {
		width: 20%;
	}

	.block .images{
		width: 100%;
	}

	.block .chef{
		width: 100%;
		padding: 40px 15px;
		margin-top: -1px;
	}
	
	.chef div .tirie{
	    width: 20%;
        margin-bottom: 60px;
	}

	.chef img{
		width: 90%;
	}
	
	.chef p{
	    padding: 0px 15px;
	}

	.chef a button{
		width: 70% !important;
	}

	.exception a button{
		width: 95%;
	}

    .bg{
        background: url("../images/home/bg-palais4.jpg") no-repeat;
        background-size: cover;
        padding: 60px 0px 0px;
        height: 1120px !important;
    }
    
    .bg img{
        width: 100%;
        margin-bottom: 40px;
    }
    
    .bg div h1{
        color: #b5223d;
        font-size: 29px;
    }
    
    .bg div div .tirie{
        height: 4px;
    	width: 15%;
    	background-color: #fff;
    	margin: 10px 0px 20px;
    	border-radius: 50px;
    }
    
    .bg div p{
        color: #fff;
        padding: 20px 0px 20px;
    }
    
    .bg div a button{
        background-color: transparent;
        border: 2px solid #fff;
        color: #fff;
        border-radius: 50px;
        text-transform: uppercase;
        font-size: 20px;
        padding: 9px;
        width: 80%;
    }

	.col-xs-6{
		width: 50%;
	}

	.rs div div .tirie{
		width: 15%;
	}

	.rs div div div a button{
		font-size: 20px;
		padding: 7px 0px 8px;
	}

    /*.eapps-instagram-feed-posts-item-visible.eapps-instagram-feed-posts-item-loaded{
		width: calc(100% - 0px) !important;
		margin: 10px 0px !important;
	}*/

}