body {   margin:0;  padding:0;   background-color: #fff; font-family: tahoma, 'Times New Roman', Times, serif;    font-size:100%; }

div {   display: block;     }

p {padding: 0;  margin: 0;  }

figure{margin: 0;}






.nav-section{
  margin-top: 30px;
  display: block;
  width: 100%;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.nav-div{
  width: 98%;
  max-width: 1000px; margin: 0 auto;
 }

.nav-logo-div{display: block;
  width: 96%; max-width: 1000px; margin: 0 auto;  }

.nav-logo-div a img{display: block; width: 92%; max-width: 170px; padding: 4px 0; }


.nav-menu-div{display: block;  }

.nav-menu-div ul{display: block; margin: 12px 0; padding: 8px 8px; margin: 10px 20px 10px 0;
  width: 96%; max-width: 1000px; float: right;
}

.nav-menu-div ul li {list-style: none; display: inline-block; padding: 0 12px; line-height: 26px; float: right;  }

.nav-menu-div ul li a{text-decoration: none; display: block; font-family: 'roboto',Arial,Helvetica,sans-serif; color: #3c4044;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .25px;  }




/*********************************
GRID STYLES
*********************************/

.l-box { padding: 20px; }

.sl-box{padding: 0 12px 30px; }

.sxxs-box{padding: 2px; }

.sxxl-box{padding: 0 4px 30px; }

.pure-g{ padding:0; }












/*********************************
DEBUT PROG TAG
*********************************/
.prog-list-div{display: flex;
  flex-wrap: wrap; /* Shorthand – you could use ‘flex-direction: column’ and ‘flex-wrap: wrap’ instead */
  justify-content: flex-start;
  padding-left: 16px;
  align-items: flex-start; }


.prog-tag-ctr{
  box-sizing: border-box;
  width: 96%; max-width: 300px;
  height: 420px;
  margin: 18px 16px 0 0;
  padding: 11px;
  border: 1px solid #8d9093;
  background-color: #fff;
  padding-bottom: 20px;    }

.prog-tag-img-div img{display: block; width: 100%; margin: 0 auto; }

.prog-tag-city-div p{display: block; padding: 0 0 4px; font-family: 'Roboto','Verdana'; font-weight: 600; font-size: 13px; color: #535353; text-align: center; }

.prog-tag-city-div p object {display: inline-block;
    width: 10px;
    margin-bottom: -2.5px;
    padding-right: 3px;
}

.prog-tag-city-div p span{font-weight: 400; font-size: 12px; display: block; margin-top: 4px; }

.prog-tag-h3-div h3{display: block; width: 90%; margin: 0 auto;
    vertical-align: baseline;
    text-align: center;
    padding: 4px ;
    font-size: 13px;
    font-family: 'Roboto';
    color: #6e6f6e;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;   }

.prog-tag-h3-div h3 span{display: block; font-size: 18px;
    font-family: 'Roboto'; letter-spacing: 1.55px;
    font-weight: 800; margin-top: 8px;
    text-transform: uppercase;
    line-height: 1;
    color: #FFC21F; }


.prog-tag-img-div-tagactu{ }


.prog-tag-img-div-tagactu p{ font-family: 'Roboto'; font-weight: 700;  font-size: 13px;
 text-transform: uppercase; color: #fff; letter-spacing: 1px;   }

.prog-tag-img-div-tagactu{padding: 4px 0px; position: absolute;}


.prog-tag-img-div-tagactu p span{display: inline; padding: 4px 8px 4px 8px; margin: 0px 0px 10px; background-color: #890087;
    }

.prog-page-template-tagactu-div,
.prog-tag-img-div-tagactu p span.span_new{background-color: #00af36;
  }

.prog-page-template-tagactu-div,
.prog-tag-img-div-tagactu p span.span_lastop{background-color: #FF9505;    }

.prog-page-template-tagactu-div,
.prog-tag-img-div-tagactu p span.span_stockep{background-color: #e82636;    }







.prog-tag-button-div{display: block; padding: 18px 0;  }

.prog-tag-button-div a{text-decoration:  none; display: block; padding: 7px 10px;
    width: 80%; margin: 0 auto;
    font-family: 'Roboto', Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    outline: none;
    color: #616569;
    border: 1.5px solid #8d9093;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }

.prog-tag-button-div a:hover{border: 1.5px solid #333; }

.prog-tag-txt-livr-div p{font-family: 'Roboto', Arial;
  font-size: 13px; font-weight: 400; color:#92969a ;
   }


.prog-tag-txt-livr-div p span{color: #3c4044; font-weight: 500;  }


.prog-tag-price-div p {font-family: 'Roboto', Arial; color:#92969a ;
  font-size: 13px; font-weight: 400; line-height: 1.5;
 }

.prog-tag-price-div p span.tag-price{ color: #3c4044; font-family: 'Arial'; font-weight: 700; font-size: 18px;}

.prog-tag-price-div p span.tag-euros{padding-left: 3px; font-size: 16px; font-weight: 400; }
/*********************************
FIN PROG TAG
*********************************/








/*********************************
DEBUT PROG PAGE TEMPLATE
*********************************/



.two_columns-nav-div{display: block; padding: 8px 12px; }

.prog-page-template-link-back-to-prog-div a{text-decoration: none; font-family: 'Roboto';
  color: #73787d;
 }


.prog-page-template-prog-ctner{display: block; border: 1px solid #8d9093;
  padding: 12px; margin: 0;
}

.prog-page-template-other-prog-ctner{display: block; border: 1px solid #8d9093;
  padding: 12px; margin: 20px 0 0;  }

.prog-page-template-tagactu-div{display: block; position: absolute; margin: -6px 0 0 -13px; }

.prog-page-template-tagactu-div p {display: block; font-family: 'Roboto'; font-weight: 700;  font-size: 15px;
 text-transform: uppercase; color: #fff; letter-spacing: 1px; line-height: 1; }

.prog-page-template-tagactu-div p span{display: inline; padding: 5px 10px 5px 10px; margin: 0px 0px 10px; background-color: #890087;
    }

.prog-page-template-hdr-img-div{display: block; }

.prog-page-template-hdr-img-div figure{margin: 0; padding: 0; }

.prog-page-template-hdr-img-div figure img{display: block; padding-top: 6px; width: auto; max-width: 90%; max-height: 360px; margin: 0 auto; }


.prog-page-template-h1-div{display: block; padding: 10px 0 14px;  }


.prog-page-template-h1-div h1{display: block; margin: 0; font-family: 'Roboto'; color: #3c4044;
    margin: 0;  text-align: left; font-size: 20px; font-weight: 500;
    }
.prog-page-template-h1-div h1 b{font-weight: 500!important; }

.prog-page-template-h1-div h1 span{font-family: 'Roboto'; font-size: 38px;
  color: #3c4044; font-weight: 700; line-height: 42px; }


.prog-page-template-address-div{display: block; margin: 0; padding: 0; }

.prog-page-template-address-div p object{width: 12px; margin-bottom: -1px; }

.prog-page-template-address-div p{display: block; font-family: 'Roboto', Arial; font-weight: 400; font-size: 16px; line-height: 1.6;
color: #3c4044!important; }

.prog-page-template-address-div p span{color: #92969a;  }

.prog-page-template-address-div p a{text-decoration: none; color: inherit !important; }

.prog-page-template-address-div p a:hover{text-decoration: underline; }

.prog-page-template-com-infos-div{display: block; margin: 0; padding: 6px 0 0; }

.prog-page-template-com-infos-div-2 p,
.prog-page-template-com-infos-div p{display: block; font-family: 'Roboto', Arial; font-weight: 400; font-size: 16px;
color: #3c4044; line-height: 1.4;}

.prog-page-template-com-infos-div-2 p span.price{font-size: 22px; font-weight: 800; font-family: 'Arial'; line-height: 28px; }

.prog-page-template-com-infos-div-2 p span.euros{font-family: 'Arial'; font-size: 14px; }

.prog-page-template-h2-div{display: block; margin: 0;  }

.prog-page-template-h2-div-alt h2,
.prog-page-template-h2-div h2{font-family: 'Roboto'; color: #3c4044; font-weight: 600; font-size: 21px;  }

.prog-page-template-h2-div-alt h2{margin: 0 !important; }

.prog-page-template-p-div{margin: 0; padding: 0;  }

.prog-page-template-livr-div p,
.prog-page-template-p-div p{font-family: 'Roboto', Aial; color: #3c4043; font-size: 16px;
    line-height: 1.4; text-align: justify; padding: 0;}

.prog-page-template-livr-div{display: block; padding: 10px 0 0; }

.prog-page-template-livr-div p{font-weight: 600; }


.prog-page-template-list-div{display: block; margin: 0; padding: 0; }
.prog-page-template-list-div ul{margin: 0; padding-left: 28px;}

.prog-page-template-list-div ul li{font-family: 'Roboto', Aial; color: #3c4043; font-size: 16px;
    line-height: 1.4; text-align: justify; padding: 0; }


.prog-page-template-price-tb-div{overflow-x:auto; padding: 0 0 14px; }

.prog-page-template-price-tb-div table{width: 100%; margin: 0 auto; border-collapse: collapse;
    border-spacing: 0; border: 1px solid #8d9093; text-align: left;   }

.prog-page-template-price-tb-div table tr{border-collapse: collapse;
    border-spacing: 0; border-bottom:  1px solid #8d9093;  }

.prog-page-template-price-tb-div table tr th{font-family: 'Roboto', Arial; font-size: 14px; font-weight: 700;
color: #fff; background-color: #FFC21F;
padding: 5px; text-transform: uppercase;  }


.prog-page-template-price-tb-div table tr td{; font-family: 'Roboto', Aial; vertical-align: top;
    font-weight: 400; font-size: 13px; color: #092f41; padding: 3px 0 3px 5px;  }

.prog-page-template-price-tb-div table tr td span.xs_tbel{display: inline-block; font-size: 10px; color: #fff; background-color: #FFC21F; border-radius: 3px; padding: 3px 4px;  margin: 2px 0 ; }

.prog-page-template-price-tb-div table tr td.typo_header{text-transform: uppercase;
  font-weight: 600; color:#3c4044; text-align: center; }


.prog-page-template-price-tb-div table tr:hover{background-color: #dbdbdb; cursor: pointer; }

.prog-page-template-price-tb-div table tr td.price{text-align: right; padding-right: 5%; font-family: 'Arial';  }

.prog-page-template-price-tb-div table tr td span.tb_price{font-family: Arial; font-size: 15px; color: #2a2a2a; font-weight: 700; }

.prog-page-template-price-tb-div table tr td span.xs_price{display: inline-block; padding-top: 4px; font-size: 12px; font-weight: 300;
letter-spacing: 0.5;  }


.prog-page-template-details-li-div{display: block;  }

.prog-page-template-details-li-div ul{margin: 0; padding: 0;  }

.prog-page-template-details-li-div ul li{display: inline-block; width: 380px; margin: 0; padding: 0; list-style: none; line-height: 1.4;
  font-family: 'Roboto', Arial; font-size: 15px; color: #3c4044 ;

 }


.prog-page-template-details-li-div ul li span{color: #92969a; }


.prog-page-template-sellers-div{display: block; padding: 0 0 30px;   }

.prog-page-template-contact-prom-img-div{display: block; padding: 8px 0 12px; }

.prog-page-template-contact-prom-img-div img{display: block; width: 90%; max-width: 200px; margin: 0 auto; }

.contact-prom-tel{
  display: block; width: 140px;
  padding: 5px 18px;
  margin: 0 auto;
  font-family: 'Roboto', Arial,Helvetica,sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  outline: none;
  color: #616569;
  border: 1.5px solid #8d9093;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.contact-prom-tel object{width: 16px; margin-bottom: -2px;}

.contact-prom-details-div{display: block; margin: 0; width: 90%; max-width: 390px; padding: 14px 0 0 ;  }

.contact-prom-details-h3-div h3{display: block; margin: 0; padding: 0 0 8px ;
  font-family: 'Roboto', Arial; font-size: 19px; font-weight: 600; color: #3c4044; }

.contact-prom-details-p-div p{font-family: 'Roboto', Arial; font-size: 15px;
  color: #3c4044; line-height: 1.4;   }

.contact-prom-details-p-div p span{display: inline-block; font-weight: 600; margin: 0; padding: 14px 0 4px; text-transform:  uppercase; font-size: 15px;  }


.contact-prom-page-link-div{display: block; margin: 0; padding: 10px 0;  }

.contact-prom-page-link-div a{text-decoration: none;
    font-family: 'Roboto'; font-size:15px; color: #2585c5; }

.contact-prom-page-link-div a:hover{text-decoration: underline;   }

.prog-page-template-link-city-div{ }

.prog-page-template-link-city-div a{text-decoration: none; color: #3c4044;
    font-family: 'Roboto';  font-weight: 400;  font-size: 16px; }

.prog-page-template-link-city-div a:hover{text-decoration: underline; color: #73787d; }



.mini-prog-tag-ctr-master-div{display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 10px;
    padding-bottom: 16px;
    align-items: flex-start;}

.mini-prog-tag-ctr-div{box-sizing: border-box;
    width: 100%;
    max-width: 236px;
    height: 250px;
    margin: 16px 19px 0 0;
    border: 1px solid #8d9093;
    }

.mini-prog-tag-img-div{display: block;

 }

.mini-prog-tag-img-div img{display: block; width: 100%; max-width: 236px; height: 130px; object-fit: cover; }

.mini-prog-tag-nme-div {display: block; max-width: 100%; background-color:#FFC21F; padding: 3px 6px ; }
.mini-prog-tag-nme-div a{display: inline; text-decoration: none; font-family: 'Roboto', Arial; font-size: 16px; color:#fff;
  letter-spacing: 1;
font-weight: 500; }

.mini-prog-tag-txt-div p{font-family: 'Roboto', Arial; font-size: 14px; color: #3c4044 ; line-height: 1.3; }

.mini-prog-tag-txt-div p span{font-family: 'Arial';  }
.mini-prog-tag-txt-div{display: block; padding: 4px 2px 4px 6px; }
.mini-prog-tag-city-div{display: block; padding: 8px 6px 4px; }
.mini-prog-tag-city-div a{text-decoration: none; font-family: 'Roboto', Arial; font-size: 14px; font-weight: 500; color: #3c4044 ;  }

.mini-prog-tag-city-div a:hover{text-decoration: underline; color: #73787d;  }

/*********************************
DEBUT PROG PAGE TEMPLATE
*********************************/






/*********************************
DEBUT CITY LIST DIV
*********************************/

.city-list-div{display: block; padding: 0 0; }

.city-list-div ul{margin: 0; padding: 0; }

.city-list-div ul li{display: inline-block; list-style: none; width: 290px; margin: 6px 6px 6px 0;  }

.city-list-div ul li a{display: block; padding: 8px 10px; text-decoration: none;
  font-family: 'Roboto', Arial, sans-serif; font-size: 16px; color: #616569;
  border-style: solid;
    border-width: 1px;
    border-color: #616569;
    border-radius: 0px; }

.city-list-div ul li a span{font-weight: 700; text-transform: uppercase;  }

.city-list-div ul li a:hover{background-color: rgba(255, 194, 31, 0.2) }



/*********************************
FIN CITY LIST DIV
*********************************/












/*********************************
DEBUT DEFAULT PAGE LAYOUT
*********************************/

.one_column_ctr{
  width: 100%;
  max-width: 1000px;
  padding: 10px;
  display: block;
  margin: 10px  auto 0 ;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.default-page-h1-div h1{margin: 0; padding: 0;
    font-family: 'Roboto', Arial,sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #3c4044;
 }

.default-page-h2-div h2{margin: 0; padding: 0; font-family: 'Roboto', Arial, sans-serif; font-weight: 600;
  font-size: 18px; line-height: 38px; color: #3c4044; }

.default-page-h2-div-2 h2{margin: 0; padding: 0;
  font-family: 'Roboto', Arial,sans-serif;
  font-weight: 700;
  font-size: 19px;
  line-height: 30px;
  color: #3c4044;
 }

.default-page-h2-div-2 h2 span{color: #FFC21F; }

.two_columns_ctr{width: 100%;
max-width: 1100px;
display: block;
margin: 0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
 }


.dpt-list{padding: 10px 0;  }

.dpt-list p{margin: 0; padding: 0;
font-family: 'Roboto', Arial; font-size: 17px; font-weight: 500; color: #3c4044; padding-bottom: 8px;  }

.dpt-list ul{margin: 0; padding: 0 0 0 6px;  }
.dpt-list ul li{list-style: none; font-family: 'Roboto'; font-size: 15px; padding: 2px 0; font-weight: 400;
    color: #3c4044; }
.dpt-list ul li a{text-decoration: none; color: #2585c5;  }
.dpt-list ul li a:hover{text-decoration: underline;}


@media screen and (max-width: 500px) {

}



.default-page-breadcrumb-div{display: block; margin: 0;  }

.default-page-breadcrumb-div nav ol{padding: 10px 0;  margin: 0; }

.default-page-breadcrumb-div nav ol li{list-style: none; display: inline-block;}



.default-page-breadcrumb-div nav ol li a {text-decoration: none; color:#3c4044;
  font-family: 'Roboto'; font-weight: 400; font-size: 14px; padding: 0 2px 0 1px;  }

.default-page-breadcrumb-div nav ol li a span:hover{text-decoration: underline; color: #73787d; }

.default-page-breadcrumb-div nav ol li {text-decoration: none; color:  #FFC21F;
  font-family: 'Roboto'; font-weight: 500; font-size: 14px; padding: 0 2px 0 1px; }



.default-page-breadcrumb-div nav ol span.icon-ariane{text-decoration: none; color: #FFC21F;
    font-family: 'Roboto'; font-weight: 600; font-size: 17px;  }



.footer-fullwidth{width: 100%; display: block; padding-top: 20px;}

.footer-container-div{
  display: block;
  width: 100%;
  max-width: 980px;
  padding: 16px 0 60px;
  margin: 0 auto;
  border-top: 1px solid #d7d7d7;
}

.footer-div-p span{font-family: 'Roboto', Arial,sans-serif;
    font-weight: 700;
    font-size: 16px;    color: #3c4044; }

.footer-div-list{display: block; padding: 10px 0 20px; }

.footer-div-list ul{margin: 0; padding: 0; width: 94%; max-width: 440px;  }

.footer-div-list ul li{display: inline-block;  list-style: none; margin-right: 30px; padding: 4px 0;  }

.footer-div-list ul li a{text-decoration: none; font-family: 'Arial', 'Helvetica'; color: #73787d;  }
.footer-div-list ul li a:hover{text-decoration: underline; }

.footer-div-copy p{font-family: 'Arial', 'Helvetica', sans-serif; font-size: 14px;
    letter-spacing: .25px;
    color: #c4c8cc;}










/*********************************
DEBUT STYLES MOBILE
*********************************/

@media screen and (max-width: 788px) {

}



/*********************************
FIN STYLES MOBILE
*********************************/











/***** FONT ******/
    @font-face {
    font-family: 'italiannoregular';
    src: url('https://bonsplansneufs.com/_assets/fonts/italianno-regular-webfont.eot');
    src: url('https://bonsplansneufs.com/_assets/fonts/italianno-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://bonsplansneufs.com/_assets/fonts/italianno-regular-webfont.woff2') format('woff2'),
         url('https://bonsplansneufs.com/_assets/fonts/italianno-regular-webfont.woff') format('woff'),
         url('https://bonsplansneufs.com/_assets/fonts/italianno-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}