/*
 * Custom style goes here.
 * A template should always ship with an empty custom.css
 */
@import url('https://fonts.googleapis.com/css?family=Montserrat|Roboto');
.col-lg-7{position: relative;width:58.33333%;float: left;}
.col-lg-5{position: relative;width:41.66667%;float: left;}

.col-md-7{position: relative;width:58.33333%;float: left;}
.col-md-5{position: relative;width:41.66667%;float: left;}
.col-md-6{position: relative;width:calc( (100% / 12) * 6 );float: left;}
.col-md-4{position: relative;width:calc( (100% / 12) * 4 );float: left;}
.col-md-3{position: relative;width:calc( 100% / 4 );float: left;}

.col-sm-7{position: relative;width:58.33333%;float: left;}
.col-sm-5{position: relative;width:41.66667%;float: left;}


/*------------------------------------------------------------- RETOUCHES THEME ----*/

#index section#wrapper div.main-content{display:none;}
/*#cms #wrapper,*/ #index #wrapper {overflow-x: unset;}

.page-cms h1.page-heading{display:none;}



.category-cover .img-fluid {
    width: 100%;
}
h1 {
    position: relative;
}

.static-html.typo {
    position: relative;
}
div#ttcmsaboutchef {
    position: relative;
    padding: 0 50px!important;
    z-index: 10;
}


 /*------------------------------------------------------------- TITLES */
.title_block .tttab-desc{
    font: 3vw Montserrat;
    font-weight: 400;
    /*color: #0a6063!important;*/
    color: #52b5a8!important;
}

.tttab-desc {
	 color: #52b5a8!important;
}
.pagestitleh1{
	font-family: Montserrat;
    font-size: 2.3vw;
    line-height: 3vw;
    font-weight: 400;
    text-align: left;
    color: #52b5a8;

 }
.pagessubtitleh1{
 	font-family: Montserrat;
 	font-size: 1.7vw;
    line-height: 2.1vw;
    font-weight: 700;
    text-align: left;
    color: #000;
 }
.pagestitleh2{
	font: 2.8vw Montserrat;
    font-weight: 400;
    color: #52b5a8!important;
    text-align: left;
}
.sub-titleh1{
	font-family: Montserrat;
    font-size: 2.3vw;
    line-height: 3vw;
    font-weight: 700;
    text-align: left;
    color: #232323;
}

.deco-yellow::before{
    background-color: #F2BF73;
    top:45%;
    left:-100px;
    content:" ";
    width:90px;
    height:10px;
    position:absolute;
  
}
.deco-yellow2::before{
    background-color: #F2BF73;
    top:45%;
    left:-100px;
    content:" ";
    width:90px;
    height:10px;
    position:absolute;
  
}




/*-------------------------------------------------------------TEXTES */
body {
	font-size: 0.95rem;
	line-height: 1.30rem;
}



/*-------------------------------------------------------------LINKS--*/
a {
    color: #0a6063;
    text-decoration: none;
    background-color: transparent;
}
a:focus, a:hover {
    text-decoration: none;
    outline: none;
}
a:hover {
    color: #f4c216;
    text-decoration:none!important;
}



/*------------BUTTON--*/

.download-bt {
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto;
    border-radius: 10px;
    width:80%;
}
.my-btn {
    text-decoration: none;
    color: #fff;
    background-color: #3fb3a8;
    padding: 15px 30px;
    font-weight: bold;
    border-radius: 50px;
}
.btn-primary {
    color: #fff;
    background-color: #52b5a8;
    border-color: #f8f9fa;
}
.btn.btn-primary, .btn.btn-primary.disabled, .btn.btn-primary:disabled {
    color: #fff;
    background-color: #52b5a8;
}
.btn.btn-primary:hover, 
.btn.btn-primary:not(:disabled):not(.disabled).active, 
.btn.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    /*background-color: #f4c216;/jaune*/
    background-color: #0a6063;/*vert foncé*/
}
.search-widget form input[type=text] {
    height: 43px;
    padding-right: 53px;
    padding-left: 5%;
    margin-left: -1px;
    background: #fff;
    color: #5d5d5d;
    border-color: #f8f9fa;
    border-radius: 35px 35px 35px 35px;
}
.search-widget form [type=submit] {
    border: 2px solid #fff;
    text-align: center;
    padding: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 43px;
    height: 43px;
    transition: all .3s;
    cursor: pointer;
    border-radius: 0 35px 35px 0;
}

/*------------ON DARK--*/
.on-dark .my-btn{
	color: #3fb3a8;
    background-color: #fff;
}

.on-dark .pagessubtitleh1{
	color: #fff!important;
}


/*------------HEADER--*/
#header {
    position: relative;
    background: #52b5a8;
}
.user-info .account-link {
    border: 2px solid;
    border-radius: 35px;
}
.header-nav-wrapper.d-flex.align-items-center.justify-content-between {
    justify-content: flex-end!important;
}
/*------------FOOTER--*/
#footer {
    background-color: #52b5a8;
    color: inherit;
}
footer#footer p, footer#footer li {
    color: #fff;
}
footer#footer li a:hover{
	color: #52b5a8;
}

#footer .footer-bottom {
    background: #0a6063;
    font-size: 90%;
    padding: 15px 0;
    color: #fff;
}
#footer .footer-main .h4 {
	color: #0a6063;
}

#footer .footer-about-us .fa, #footer .footer-about-us .material-icons {
    width: 20px;
    color: #0a6063;
}
.footer-right .block-newsletter .input-btn .btn {
	border-radius: 0px 35px 35px 0px;
	border: 2px solid #fff;
}


/*------------CMS generale--*/

.home-blocks-top>.container {
    max-width: unset;
     padding-right: 0px;
    padding-left: 0px;
}

.flex-ctn{
	width: 100%;
	height: 100%;
	display: flex;
}
.flex-ctn img{
	margin-left: 0;
	margin-right: 0;
	width: 80%;
}
.flex-ctn p {
    text-align: center;
    width: 100%;
}
.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}


/*------------CMS ABOUT US--*/
div#ttcmsaboutchef {
    padding: 0 100px!important;

}



/*------------CMS COL PICTO--*/
.colpicto-ctnr{
    width: 100%;
    position: relative;
}
.colpicto-line{
    width: 1200px;
    float: none;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.colpicto-img{
    text-align: center;
    width: 100%;
}
.colpicto-title{
    text-align: center;
    width: 100%;
}
.colpicto-desc{
    text-align: center;
    width: 100%;
}

.cms-id-4 #content.card p{
	text-transform: uppercase;
}

/*------------CMS CONTENTS */
#section-livrer .colcmssection-imgright{
    background-image: url("/assets/livrer-colis-courses-produits-locaux.jpg")
}
#section-sefairelivrer .colcmssection-imgleft{
    background-image: url("/assets/Se-faire-livrer-accuei-2.jpg")
}
#section-expedier .colcmssection-imgright{
    background-image: url("/assets/colivreur-commercant-de-proximite.jpg")
}
#section-recruter .colcmssection-line{
	background-color:#3fb3a8;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 100px;
    padding-right: 100px;
	text-align: center;
}
#section-recruter .colcmssection-subtitle {
	margin-bottom: 1rem;
	margin-top: 1rem;
}
#section-partenaires{
	background-color:#fff;
}

.colcmssection-ctnr{
    background-color: #fff;
    width: 100%;
    position: relative;
    display: flex;
}
.colcmssection-line{
    background-color: #fff;
    width: 100%;
    position: relative;
    display: flex;
}
.colcmssection-fullline{
    background-color: #fff;
    width: 100%;
    position: relative;
    display: flex;
}
.colcmssection-desc{
	text-align: left;
}
.colcmssection-textleft{
    background-color: #fff;
    width: 34%;
    padding:100px 100px 100px 100px;
    text-align: left;
}
.colcmssection-textright{
    background-color: #fff;
    width: 34%;
    padding:100px 100px 100px 100px;
    text-align: left;
}


.colcmssection-imgright{
    background-color: #ff00;
    width: 66%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}
.colcmssection-imgleft{
    background-color: #ff00;
    width: 66%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.colcmssection-halfleft{
    position: relative;
	width: 50%;
}
.colcmssection-halfright{
    position: relative;
	width: 50%;
}

.colcmssection-textctn{}
.colcmssection-title{
    position: relative;
}
.colcmssection-subtitle{}
.colcmssection-desc{}
.colcmssection-textctn ul {
    list-style: disc!important;
}
.colcmssection-link{
    text-align: center;
}

.row.cms-logo-line{
	padding: 0 100px;
}


.title_block .tttab-desc {
    position: relative;
}

/************************************************/
.mobile-header-version .customer-signin-module {
    position: absolute;
    right: 0;
    top: 10px;
}
#header .mobile-header-version .header-nav .header-nav-wrapper {
    display: none;
}

/************************************************/

@media (min-width: 1620px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 1600px;
	}
	.colpicto-img img {
	    max-width: 80%;
	}
}

@media (min-width: 1420px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 1400px;
	}
}

@media (max-width: 1199px){
	.colcmssection-textleft{width: 50%;padding:50px 50px 50px 50px;}
	.colcmssection-textright{width: 50%;padding:50px 50px 50px 50px;}
	.colcmssection-imgright{width: 50%;}
	.colcmssection-imgleft{width: 50%;}
	.colpicto-line{width: 100%;}
	.pagestitleh1{
    	font-size: 3vw;
	    line-height: 3.5vw;
	    font-weight: 400;
	}
	.pagessubtitleh1{
		font-size: 2vw;
	    line-height: 2.5vw;
	    font-weight: 700;
	}

	div#ttcmsaboutchef {
	    padding: 0 50px!important;
	}

}

@media (max-width: 1024px){
    .mobil-full{width:100%;}
	.mobil-delete{display:none;}
	.pagestitleh1{
	    font-size: 3.3vw;
	    line-height: 3.8vw;
	    font-weight: 400;
	}
	.pagessubtitleh1{
	 	font-size: 2.3vw;
	    line-height: 2.8vw;
	    font-weight: 700;
	}
	.download-bt {width: 100%;}

}


@media (max-width: 991px){
   
	.ttaboutchefblock>.ttcms-desc.col-sm-7 {
	    position: relative!important;
	    width: 100%!important;
	    float: left!important;
	    max-width: unset;
	}
	.ttaboutchefblock>.ttaboutchef.col-sm-5 {
	    position: relative!important;
	    width: 100%!important;
	    float: left!important;
	    padding: 0 20%;
	    max-width: unset;
	}
	.mobile-header-version .user-info .account-link span{
	    display: none;
	}
	.colpicto-img img {
	    max-width: 70%;
	}
	
}

@media (max-width: 767px){

	.colcmssection-line{flex-direction: column;}

	#section-livrer .colcmssection-line,  #section-expedier .colcmssection-line{flex-direction:column-reverse;}

	.colcmssection-textleft{width: 100%;padding:30px 30px 30px 30px;}
	.colcmssection-textright{width: 100%;padding:30px 30px 30px 30px;}

	.colcmssection-imgright{width: 100%; height: 250px;}
	.colcmssection-imgleft{width: 100%; height: 250px;}
	.colcmssection-halfleft{width: 100%;}
	.colcmssection-halfright{width: 100%;}

	.pagestitleh2 {font-size: 4.5vw}
	.title_block .tttab-desc {
 		font-size: 5.5vw!important;
        line-height: 6vw!important; 
	}
	.sub-titleh1 {
	    font-family: Montserrat;
	    font-size: 4.3vw;
	    line-height: 4.5vw;
	}
	.pagestitleh1{
	    font-size: 4vw;
	    line-height: 4.5vw;
	    font-weight: 400;
	}
	.pagessubtitleh1{
	 	font-size: 2.8vw;
	    line-height: 3vw;
	    font-weight: 700;
	}
	#ttcmsaboutus{
 		
 		background: none;
	}
	br.delete-mobil{
		
		display:none;
	}
	div.ttaboutchef-banner-space{
		width: 100%;
		height: 10px;
	}
	#ttcmsaboutchef .ttaboutchefblock .ttcms-desc {    
	    min-height: unset;
	    padding: 0% 0% 0% 0px;
	    position: relative;
	    z-index: 9;
	    left: 0;
	    text-align: left;
	    top: 0;
    }
    #ttcmsaboutchef .ttaboutchefblock .ttcms-desc .ttabout-desc {
	    
	    margin: 10px 0 30px;
	}
    .download-bt {
	    margin-top: 20px;
	    margin-bottom: 0px;
	    height: auto;
	    border-radius: 10px;
	    width:100%;
	}
	div.ttaboutchef-banner-space2{
		
		height: 0px;
	}
	.ttaboutchefblock>.ttaboutchef.col-sm-5  {
		padding: 0 50px;
	}
	.row.cms-logo-line {
	    padding: 0 50px;
	}
	#section-recruter .colcmssection-line {
		padding-left: 50px;
    	padding-right: 50px;
	}
	#left-column.col-md-4{
    	width: 100%;
	}

	#category .main-content .container .row{
		flex-direction: column-reverse;
	}
	#category .main-content .container .row .subcategories-wrapper.row{
		flex-direction: row;
	}
	.colpicto-line {
	    flex-wrap: wrap;
	}
	.colpicto-line .col-md-3 {
    	width: calc( 100% / 2 );
	}
	.colpicto-img img {
	    max-width: 50%;
	}
}


@media (max-width: 543px){
    .ttaboutchefblock>.ttaboutchef.col-sm-5  {
		padding: 0px 0px;
	}
    .pagestitleh2 {
    	font-size: 5.8vw;
    }
	.title_block .tttab-desc {
   		font-size: 5.8vw!important;
        line-height: 6.8vw!important;
	}
	.sub-titleh1 {
        font-size: 4.6vw;
        line-height: 5.2vw;
    }
    .pagestitleh1{
	    font-size: 5vw;
	    line-height: 4.5vw;
	    font-weight: 400;
	}
	.pagessubtitleh1{
	 	font-size: 3.8vw;
	    line-height: 4.5vw;
	    font-weight: 700;
	}
	.footer-left, .footer-right{
		    width:100%!important;
	}
	#footer .typo {
	    text-align: center;
	}
	.row.cms-logo-line {
	    padding: 0 0px;
	}
	#section-recruter .colcmssection-line {
		padding-left: 0px;
    	padding-right: 0px;
	}

}