.cms-id-7 .page-header {
    display:none !important;
}

.cms-id-7 .breadcrumb > .container {
    display: none;
}

.cms-id-8 .breadcrumb > .container {
    display: none;
}

.cms-id-7 h1 {
    text-align: left !important
}

.cms-id-8 h1 {
    text-align: left !important
}

.ApColumn .menu-bar {
    margin-bottom: 0;
    padding-right: 30px;
    display: none;
}


h1{
color: #222;
font-size:35px !important;
}


.texte_gauche .title_block {
    text-align: left !important;
}

.fond_vert {background: #c8de96;}

.fond_vert .title_block {
    margin: 60px 0;
    text-align: left;
    color: #fff;
}

.btn-primary {
    color: #000;
    background-color: #fff696;
   letter-spacing: 1px;
}

.carousel_title h4 {
font-size:35px !important;
text-align: left !important;
color: #222;
}

.carousel_title .title_block {
    margin: 0px 0 60px !important;
}

.texte{
color: #222;
}

.block-categories .category-sub-menu li > a {
    color: #222;
}

.box-deal .ApColumn .ApImage:before {
    background: none !important;
}

.tabs-top {
     margin-top: 0px; 
    padding-left: 50px;
    padding-right: 50px;
}
.boite {
    margin-left: 0px;
    color: #000;
    line-height: 30px;
    padding: 20px;
}

.boite2 {
margin-left: 15px;
    width: 48%;
    color: #000;
    line-height: 30px;
    padding: 20px;
}

.image img {
width:100%;
}

.vert {
   background:#82cbc4;
  height: 271px;
}

.vert_pale {
   background:#c8de95;
}

.jaune {
   background:#fff267;
   height: 282px;
}

.bleu {
   background:#7ecef3;
   height: 271px;
}

.orange {
   background:#fac786;
}


.mauve{
   background:#dab8e3;
   height: 270px;
}

.rose {
   background:#f299c0;
  height: 279px;
}

.boite h2 {
    color: #fff;
}

.boite2 h2 {
    color: #fff;
}


.button {
    background: #fff796;
    padding: 10px;
    width: min-content;
}

.image_width{
width:70%;
}

.image_width2 {width:104% !important;}

.AngelBaby {
    font-size: 18px;
}

.custom-checkbox input[type="checkbox"] + span, .custom-checkbox input[type="radio"] + span {
    background: #fff696;
}

.title-newsletter {
width: 51%;
padding-right: 105px !important;
}

.sub-letter {
    padding-left: 40px;
}

.truncate {
 max-width:60px;
 overflow:hidden;
 display:inline-block;
 text-overflow:ellipsis;
 white-space:nowrap;
 height:16px;
 transition:all .6s ease-in
}

.truncate:hover {
 max-width:250px;
 transition:all .6s ease-in;

}


/******RESPONSIVE********/

@media (max-width: 1400px) {

.leo-megamenu .navbar-nav > li > a {
    padding: 50px 7px !important;
}

}

@media only screen and ( min-width: 1405px ) { 

}


@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 


}


@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
.boite {
    float: left;
    margin: 15px;
    width: 97%;
}

.boite2 {
    float: left;
    margin: 15px;
    width: 97%;
}

.image_width2 {
    width: 100% !important;
}

.title-newsletter {
    width: 100%;
    padding: 0px !important;
    text-align: center;
}

.sub-letter {
    padding-left: 0px !important;
}

}


@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

.boite {
    float: left;
    margin: 15px;
    width: 97%;
   line-height:20px;
}

.boite2 {
    float: left;
    margin: 15px;
    width: 97%;
line-height:20px;
}

.image_width2 {
    width: 100% !important;
}

.title-newsletter {
    width: 100%;
    padding: 0px !important;
    text-align: center;
}

.sub-letter {
    padding-left: 0px !important;
}

}


@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
.boite {
    float: left;
    margin: 15px;
    width: 97%;
line-height:20px;
}

.boite2 {
    float: left;
    margin: 15px;
    width: 97%;
line-height:20px;
}

.image_width2 {
    width: 100% !important;
}

.title-newsletter {
    width: 100%;
    padding: 0px !important;
    text-align: center;
}

.sub-letter {
    padding-left: 0px !important;
}

}


@media only screen and ( max-width: 479px ) {
.boite {
    float: left;
    margin: 15px;
    width: 97%;
line-height:20px;
}

.boite2 {
    float: left;
    margin: 15px;
    width: 97%;
line-height:20px;
}

.image_width2 {
    width: 100% !important;
}

.title-newsletter {
    width: 100%;
    padding: 0px !important;
    text-align: center;
}

.sub-letter {
    padding-left: 0px !important;
}


}