/* établissement de la grille en fonction des différentes tailles d'écran */


@media (max-width: 575px) {

    .cms-xs-0{display:none;}
    .cms-xs-1 {width: 8.33%;}
    .cms-xs-2 {width: 16.66%;}
    .cms-xs-3 {width: 25%;}
    .cms-xs-4 {width: 33.33%;}
    .cms-xs-5 {width: 41.66%;}
    .cms-xs-6 {width: 50%;}
    .cms-xs-7 {width: 58.33%;}
    .cms-xs-8 {width: 66.66%;}
    .cms-xs-9 {width: 75%;}
    .cms-xs-10 {width: 83.33%;}
    .cms-xs-11 {width: 91.66%;}
    .cms-xs-12 {width:100%;}

    .cms-xs-col {flex-direction: column;}
    .cms-xs-row {flex-direction:row;}
    .cms-pages-h1 {padding: 0.5em 0 !important; font-size: 1.7rem !important;}
    .cms-pages-h2 {padding: 0.25em 0 !important;}


}

@media (min-width: 576px) {

    .cms-sm-0 {display: none;}
    .cms-sm-1 {width: 8.33%;}
    .cms-sm-2 {width: 16.66%;}
    .cms-sm-3 {width: 25%;}
    .cms-sm-4 {width: 33.33%;}
    .cms-sm-5 {width: 41.66%;}
    .cms-sm-6 {width: 50%;}
    .cms-sm-7 {width: 58.33%;}
    .cms-sm-8 {width: 66.66%;}
    .cms-sm-9 {width: 75%;}
    .cms-sm-10 {width: 83.33%;}
    .cms-sm-11 {width: 91.66%;}
    .cms-sm-12 {width: 100%;}

    .cms-sm-col {flex-direction: column;}
    .cms-sm-row {flex-direction:row;}
    
}

@media (min-width:768px) {
    .cms-md-0 {display: none;}
    .cms-md-1 {width: 8.33%;}
    .cms-md-2 {width: 16.66%;}
    .cms-md-3 {width: 25%;}
    .cms-md-4 {width: 33.33%;}
    .cms-md-5 {width: 41.66%;}
    .cms-md-6 {width: 50%;}
    .cms-md-7 {width: 58.33%;}
    .cms-md-8 {width: 66.66%;}
    .cms-md-9 {width: 75%;}
    .cms-md-10 {width: 83.33%;}
    .cms-md-11 {width: 91.66%;}
    .cms-md-12 {width: 100%;}

    .cms-md-col {flex-direction: column;}
    .cms-md-row {flex-direction:row !important;}
    .cms-md-justContCenter {justify-content: center !important;}
    .cms-md-alignItemStart {align-items: flex-start !important;}
    .cms-md-alignContEnd {align-content: flex-end !important;}
    .cms-md-alignItemEnd {align-items: end !important;}
    .cms-md-alignItemStart {align-items: start !important;}
    .cms-md-justContFlexEnd {justify-content: flex-end;}
}

@media (min-width:1024px) {
    .cms-lg-0 {display: none;}
    .cms-lg-1 {width: 8.33%;}
    .cms-lg-2 {width: 16.66%;}
    .cms-lg-3 {width: 25%;}
    .cms-lg-4 {width: 33.33%;}
    .cms-lg-5 {width: 41.66%;}
    .cms-lg-6 {width: 50%;}
    .cms-lg-7 {width: 58.33%;}
    .cms-lg-8 {width: 66.66%;}
    .cms-lg-9 {width: 75%;}
    .cms-lg-10 {width: 83.33%;}
    .cms-lg-11 {width: 91.66%;}
    .cms-lg-12 {width: 100%;}

    .cms-lg-col {flex-direction: column;}
    .cms-lg-row {flex-direction:row;}
    .lg-pr-15px {padding-right: 15px;}
}

@media (min-width:1200px) {
    .cms-xl-0 {display: none;}
    .cms-xl-1 {width: 8.33%;}
    .cms-xl-2 {width: 16.66%;}
    .cms-xl-3 {width: 25%;}
    .cms-xl-4 {width: 33.33%;}
    .cms-xl-5 {width: 41.66%;}
    .cms-xl-6 {width: 50%;}
    .cms-xl-7 {width: 58.33%;}
    .cms-xl-8 {width: 66.66%;}
    .cms-xl-9 {width: 75%;}
    .cms-xl-10 {width: 83.33%;}
    .cms-xl-11 {width: 91.66%;}
    .cms-xl-12 {width: 100%;}

    .cms-xl-col {flex-direction: column;}
    .cms-xl-row {flex-direction:row;}
}

@media (min-width:1440px) {
    .cms-xxl-0 {display: none;}
    .cms-xxl-1 {width: 8.33%;}
    .cms-xxl-2 {width: 16.66%;}
    .cms-xxl-3 {width: 25%;}
    .cms-xxl-4 {width: 33.33%;}
    .cms-xxl-5 {width: 41.66%;}
    .cms-xxl-6 {width: 50%;}
    .cms-xxl-7 {width: 58.33%;}
    .cms-xxl-8 {width: 66.66%;}
    .cms-xxl-9 {width: 75%;}
    .cms-xxl-10 {width: 83.33%;}
    .cms-xxl-11 {width: 91.66%;}
    .cms-xxl-12 {width: 100%;}

    .cms-xxl-col {flex-direction: column;}
    .cms-xxl-row {flex-direction:row;}
}

.offset-1 {margin-left: 8.33%;}
.offset-2 {margin-left: 16.66%;}
.offset-3 {margin-left: 25%;}
.offset-4 {margin-left: 33.33%;}
.offset-5 {margin-left: 41.66%;}
.offset-6 {margin-left: 50%;}
.offset-7 {margin-left: 58.33%;}
.offset-8 {margin-left: 66.66%;}
.offset-9 {margin-left: 75%;}
.offset-10 {margin-left: 83.33%;}
.offset-11 {margin-left: 91.66%;}
.offset-12 {margin-left:100%;}

.cms-flex {
    display: flex;
}

.cms-row {
    flex-direction:row;
}

.cms-column {
    flex-direction: column;
}

/* justify -content, all properties */

.cms-justContCenter {
    justify-content: center;
}

.cms-justContFlexStart {
    justify-content: flex-start;
}

.cms-justContSpaceBetween {
    justify-content: space-between;
}

.cms-justContSpaceAround {
    justify-content: space-around;
}

.cms-justContSpaceEvenly {
    justify-content: space-evenly;
}

.cms-justContFlexEnd {
    justify-content: flex-end;
}

.cms-justItemCenter {
    justify-items: center;
}

.cms-alignContCenter {
    align-content: center;
}

.cms-alignItemCenter {
    align-items: center;
}

.cms-alignItemStart {
    align-items: flex-start;
}

.cms-alignContEnd {
    align-content: flex-end;
}

.cms-alignContStart {
    align-content: flex-start;
}

.cms-alignSelfStart {
    align-self: flex-start;
}

.cms-alignSelfEnd {
    align-self: flex-end;
}

.cms-alignSelfCenter {
    align-self: center;
}

.cms-justSelfCenter {
    justify-self: center !important;
}

.cms-justSelfEnd {
    justify-self: flex-end;
}

.cms-justSelfStart {
    justify-self: flex-start;
}

.cms-justSelfRight {
    justify-self: right;
}

.cms-flexWrap {
    flex-wrap: wrap;
}

.cms-max-h-full {
    max-height: 100%;
}

.cms-max-w-full {
    max-width: 100%;
}

.w-full {
    width: 100%;
}

.h-full {
	height: 100%;
}


.cms-pages-h1 {
	text-align: center;
	color: #452020;
	font-weight: bolder;
	padding: 2em 0;
	font-size: 2.5rem;
}

.cms-pages-h2 {
	color: #ee7624 !important;
	font-weight: bold;
	font-size: 2rem;
	padding: 1.5em 0;
	text-align: left;
}

.cms-align-justify-center {
	justify-content: center;
	align-items: center;
}


.cms-h3 {
font-weight: 900;
}





.p-5px {
padding: 5px;
}

.p-10px {
    padding: 10px;
}

.p-15px {
padding: 15px;
}

.py-5px {
	padding: 5px 00;
}

.py-10px {
	padding: 10Rpx 00;
}

.py-15px {
	padding: 15px 00;
}

.px-5px {
padding: 00 5px;
}

.px-15px {
padding: 00 15px;
}

.pr-15px {
padding-right: 15px;
}

.pb-2em {
	padding-bottom: 2em;
}
.pt-15px {
	padding-top: 15px;
}

.pb-15px {
	padding-bottom: 15px;
}


.mt-5px {
    margin-top: 5px;
}

.my-10px {
    margin: 10px 0;
}
.my-15px{
    margin: 15px 0 !important;
}

.my-30px {
    margin: 30px 0 !important;
}

.h-15px {
height: 15px;
}


.postalCode td {
    padding: 5px;
    color:#ee7624;
    
}

.postalCode td h3 {
    font-size: 2em;
}

.cms-textCenter {
    text-align: center;
}

.trustUsImage {
box-sizing: content-box;
box-shadow: 0px 15px 10px -15px #111;
}

.trustUsMargin {
margin-top: 15px;
margin-bottom: 45px;
}

.catalogH2 {
height: 44px;
vertical-align: top;
}

.catalogImage {
height:250px;
width: 260px;
}

.recette {
    transition: transform 0.3s;
}

.recette:hover {
    transform: scale(1.5);
}


/*section catégories CMS*/

.cat-bg-white {
    padding-bottom: 5px !important;
    background-color: rgba(255, 255, 255, 0.7);
}