/* =============== JSN FORCE CUSTOM CSS POUR LA TABLE DE CANA ANTONY =============== */

/* ===== FONT CHARTE : GRAPHIK ===== */
@font-face {
  font-family: "Graphik-Black";
  src: url("../font/Graphik-Black.eot");
  src: url("../font/Graphik-Black.eot?#iefix") format("embedded-opentype"),
    url("../font/Graphik-Black.woff2") format("woff2"),
    url("../font/Graphik-Black.woff") format("woff"),
    url("../font/Graphik-Black.ttf") format("truetype"),
    url("../font/Graphik-Black.svg#Graphik-Black") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Graphik-Medium";
  src: url("../font/Graphik-Medium.eot");
  src: url("../font/Graphik-Medium.eot?#iefix") format("embedded-opentype"),
    url("../font/Graphik-Medium.woff2") format("woff2"),
    url("../font/Graphik-Medium.woff") format("woff"),
    url("../font/Graphik-Medium.ttf") format("truetype"),
    url("../font/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Graphik-Regular";
  src: url("../font/Graphik-Regular.eot");
  src: url("../font/Graphik-Regular.eot?#iefix") format("embedded-opentype"),
    url("../font/Graphik-Regular.woff2") format("woff2"),
    url("../font/Graphik-Regular.woff") format("woff"),
    url("../font/Graphik-Regular.ttf") format("truetype"),
    url("../font/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Graphik-Light";
  src: url("Graphik-Light.eot");
  src: url("../font/Graphik-Light.eot?#iefix") format("embedded-opentype"),
    url("../font/Graphik-Light.woff2") format("woff2"),
    url("../font/Graphik-Light.woff") format("woff"),
    url("../font/Graphik-Light.ttf") format("truetype"),
    url("../font/Graphik-Light.svg#Graphik-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
body {
  font-family: "Graphik-Regular", Arial, sans-serif;
  line-height: 1.7;
}
h1,
h2,
h3,
h4,
h5,
h6,
#jsn-gotoplink,
.page-header,
.subheading-category,
#jsn-menu ul.menu-mainmenu > li > a span.jsn-menutitle,
.componentheading,
.contentheading,
.link-button,
a.readon,
.text-dropcap p:first-child:first-letter,
p.text-dropcap:first-child:first-letter {
  font-family: "Graphik-Medium", Arial, sans-serif;
}
strong {
  font-family: "Graphik-Medium", Arial, sans-serif;
}
h1 {
  font-size: 2.5em;
  color: #333;
}
h2 {
  font-size: 2em;
  color: #ff6666;
  text-transform: uppercase;
}
h3 {
  font-size: 1.75em;
  color: #333;
}
h4 {
  font-size: 1.5em;
  color: #ff6666;
}
h5 {
  font-size: 1.25em;
  color: #333;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
}
a {
  color: #ff6666;
}
.jsn-article-toolbar .dropdown-menu li a {
  padding-left: 5px;
  color: #999;
}
.article-info {
  color: #999;
}
a[href^="mailto:"] {
  padding-bottom: 3px;
  padding-top: 2px;
}
#jsn-page {
  color: #333;
}
#jsn-content-bottom {
  padding: 40px 0 80px;
}
#jsn-content {
  padding-top: 10px;
  margin-bottom: 20px;
}
.item-image {
  margin-bottom: 20px;
}

/* ===== BLOCS TYPO ===== */
.text-tip,
.text-info,
.text-alert,
.text-audio,
.text-video,
.text-comment,
.text-download,
.text-attachment {
  padding: 0.8em 0.8em 0.8em 5em;
  min-height: 20px;
  margin-bottom: 25px;
  color: #fff;
  border-left: 0px;
}
.text-tip a,
.text-info a,
.text-alert a,
.text-audio a,
.text-video a,
.text-comment a,
.text-download a,
.text-attachment a {
  color: #ffeeef;
  text-decoration: underline;
}
.text-tip a:hover,
.text-info a:hover,
.text-alert a:hover,
.text-audio a:hover,
.text-video a:hover,
.text-comment a:hover,
.text-download a:hover,
.text-attachment a:hover {
  text-decoration: none;
}
.text-alert {
  background: #ff6666 url(../images/icons/icon-alert.png) no-repeat 18px center;
  border-left: 20px solid #feabab;
}
.text-info {
  background: #ff6666 url(../images/icons/icon-info.png) no-repeat 18px center;
  border-left: 20px solid #74aff6;
}
.text-download {
  background: #ff6666 url(../images/icons/icon-download.png) no-repeat 18px
    center;
  border-left: 20px solid #cfeb99;
}
.text-comment {
  background: #ff6666 url(../images/icons/icon-comment.png) no-repeat 18px
    center;
  border-left: 20px solid #feebab;
}
.text-tip {
  background: #ff6666 url(../images/icons/icon-tip.png) no-repeat 18px center;
  border-left: 20px solid #8c5cbe;
}
.text-attachment {
  background: #ff6666 url(../images/icons/icon-attachment.png) no-repeat 18px
    center;
  border-left: 20px solid #cccccc;
}
.text-video {
  background: #ff6666 url(../images/icons/icon-video.png) no-repeat 18px center;
  border-left: 20px solid #2ab7cc;
}
.text-audio {
  background: #ff6666 url(../images/icons/icon-audio.png) no-repeat 18px center;
  border-left: 20px solid #4369d6;
}

/* ===== TABLEAUX ===== */
table.style-colorheader thead th {
  background-color: #ff6666;
  border-right: 1px solid #ececec;
}
table.style-colorheader thead th:first-child {
  border-left: 1px solid #ff6666;
}
table.style-colorheader thead th h3 {
  color: #fff;
}

/* ====== MENU PRINCIPAL ====== */
div.menutdc ul.menu-mainmenu > li > a {
  padding: 9px 20px 6px;
  border-left: 1px solid #ececec;
  border-right: 0px;
  color: #333;
}
div.menutdc ul.menu-mainmenu li > a {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-color: #fff;
}
div.menutdc ul.menu-mainmenu li > a:hover {
  background-color: #ffeeef;
}
div.menutdc ul.menu-mainmenu li:hover > a,
div.menutdc ul.menu-mainmenu li.current > a,
div.menutdc ul.menu-mainmenu li.active > a {
  color: #ff6666;
}
div.menutdc ul.menu-mainmenu li.inverse > a {
  background: url(../images/fleche-menu-inverse.png) no-repeat center 70px
    #ff6666;
  color: #fff;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
div.menutdc ul.menu-mainmenu li.inverse > a:hover,
div.menutdc ul.menu-mainmenu li.current.inverse > a,
div.menutdc ul.menu-mainmenu li.inverse.active > a {
  background: url(../images/fleche-menu-inverse.png) no-repeat center bottom
    #ff6666;
}
#jsn-header {
  background: #fff;
  border-bottom: 1px solid #ececec;
}
#jsn-pos-mainmenu {
  float: right;
}
div.menutdc ul.menu-mainmenu > li > a {
  font-size: 12px;
}
div.menutdc ul.menu-mainmenu ul li {
  padding: 0;
}
div.menutdc ul.menu-mainmenu ul li a {
  padding: 8px 5px 8px 10px;
  font-size: 12px;
  width: auto;
}
div.menutdc ul.menu-mainmenu li.inverse ul li.associations a:hover,
div.menutdc ul.menu-mainmenu li.inverse ul li.entreprises a:hover,
div.menutdc ul.menu-mainmenu li.inverse ul li.particuliers a:hover,
div.menutdc ul.menu-mainmenu li.inverse ul li.associations.active a,
div.menutdc ul.menu-mainmenu li.inverse ul li.entreprises.active a,
div.menutdc ul.menu-mainmenu li.inverse ul li.particuliers.active a {
  color: #fff;
}
div.menutdc ul.menu-mainmenu li.inverse ul li.associations a:hover,
div.menutdc ul.menu-mainmenu li.inverse ul li.associations.active a {
  background: #70973e;
}
div.menutdc ul.menu-mainmenu li.inverse ul li.entreprises a:hover,
div.menutdc ul.menu-mainmenu li.inverse ul li.entreprises.active a {
  background: #4e74a3;
}
div.menutdc ul.menu-mainmenu li.inverse ul li.particuliers a:hover,
div.menutdc ul.menu-mainmenu li.inverse ul li.particuliers.active a {
  background: #4f95af;
}
div.menutdc ul.menu-mainmenu li ul li.externe a {
  background: url(../images/icon-externe.png) no-repeat 10px 50%;
  padding-left: 34px;
}

@media only screen and (max-width: 960px), (max-device-width: 960px) {
  #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li.inverse a {
    background: #ff6666;
  }
}
@media only screen and (max-width: 480px), (max-device-width: 480px) {
  .jsn-color-red #jsn-logo {
    background: #fff;
  }
  #jsn-logo #jsn-logo-mobile {
    margin: 0 auto;
  }
}

/* ====== MENU PIED DE PAGE ====== */
.menu-divmenu ul {
  list-style: none;
  margin: 0;
}
.menu-divmenu ul li {
  display: inline-block;
}
.menu-divmenu ul li.first {
  margin-left: 0px;
}
.menu-divmenu ul li.jsn-menu-mobile-control {
  display: none;
}

@media only screen and (max-width: 1200px) {
  .menu-divmenu ul li.first {
    padding: 20px 20px 0px 20px;
  }
}

/* ====== MODULES FOOTER ====== */
.coordfooter {
  margin-top: 10px !important;
}

@media only screen and (max-width: 1200px) {
  .coordfooter {
    margin-top: 0px !important;
  }
  .coordfooter > div {
    padding: 20px 20px 0px 20px;
  }
  .suiveznous > div {
    padding: 20px 20px 40px 20px;
  }
}

/* ====== MODULES BOUTON ====== */
div.alignehorizontal {
  display: inline-block;
  margin: 10px;
}
.bloccontactsdevis,
.blocactualites,
.bloctelecharger {
  display: inline-block;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  line-height: 60px;
  vertical-align: top;
  margin: 2px;
}
/*div.bloctelecharger {
	height: 30px;
	line-height: 20px;
}*/
.bloccontactsdevis table,
.blocactualites table,
.bloctelecharger table {
  margin: 0;
}
.bloccontactsdevis table {
  padding: 0 10px;
}
a.boutoncontactsdevis,
a.boutonactualites,
button.formtdc.bouton,
a.boutontdc,
a.boutoncontactsdevis span,
a.boutonactualites span,
a.boutontelecharger table.tabletelecharger,
a.boutontelecharger table.tabletelecharger td.txttelecharger span,
a.boutoncontactsdevis table.tabletelecharger,
a.boutoncontactsdevis table.tabletelecharger td.txttelecharger span {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
a.boutoncontactsdevis,
a.boutonactualites,
button.formtdc.bouton,
a.boutontdc {
  color: #fff;
  text-align: left;
  font-family: "Graphik-Light", Arial;
  line-height: 1.5em;
  font-size: 20px;
  width: auto;
}
a.boutonactualites,
button.formtdc.bouton,
a.boutontdc {
  margin: 20px 10px;
}
a.boutonactualites:hover,
button.formtdc.bouton:hover,
a.boutontdc:hover {
  background: #7f2a31;
  text-decoration: none;
}
a.boutoncontactsdevis span,
a.boutonactualites span {
  font-family: "Graphik-Medium", Arial, sans-serif;
  text-transform: uppercase;
  font-size: inherit;
  color: #ff6666;
}
a.boutonactualites:hover span {
  font-family: "Graphik-Medium", Arial, sans-serif;
  text-transform: uppercase;
  font-size: inherit;
  color: #fff;
}
a.boutonactualites,
button.formtdc.bouton,
a.boutontdc {
  padding: 19px 22px 19px;
  background: #333;
}

table.tabletelecharger {
  border-collapse: collapse;
  border: 0;
  background-color: #333;
  display: block;
  text-align: center;
  min-height: 60px;
  max-height: 60px;
  height: 60px;
}
table.tabletelecharger.speciale {
  background-color: #ffffff;
  border: 1px solid #ff6666;
}
table.tabletelecharger td.imgtelecharger {
  width: 56px;
  height: 56px;
  text-align: center;
  vertical-align: middle;
}
table.tabletelecharger td.txttelecharger {
  font-family: "Graphik-Light", Arial, sans-serif;
  color: #fff;
  font-size: 16px;
  width: auto;
  line-height: 1.5em;
  text-transform: uppercase;
  height: 56px;
  text-align: left;
  vertical-align: middle;
  padding-right: 10px;
}
table.tabletelecharger.speciale td.txttelecharger {
  color: #333333;
}
table.tabletelecharger td.txttelecharger span {
  font-family: "Graphik-Black", Arial, sans-serif;
  font-size: 130%;
  line-height: 1em;
  color: #ff6666;
}
a.boutontelecharger:hover table.tabletelecharger,
a.boutoncontactsdevis:hover table.tabletelecharger {
  background-color: #7f2a31;
}
a.boutontelecharger:hover table.tabletelecharger.speciale {
  background-color: #dedede;
}
a.boutontelecharger:hover table.tabletelecharger td.txttelecharger span,
a.boutoncontactsdevis:hover table.tabletelecharger td.txttelecharger span {
  color: #fff;
}
a.boutontelecharger:hover
  table.tabletelecharger.speciale
  td.txttelecharger
  span {
  color: #333333;
}
@media only screen and (max-width: 460px), (max-device-width: 460px) {
  div.bloctelecharger {
    margin-bottom: 50px;
  }
}

/* ===== ROKSPROCKET =====*/
.sprocket-tabs-panels {
  margin-top: 30px;
}
.sprocket-grids-b-columns-4 > li,
.sprocket-grids-b-columns-3 > li,
.sprocket-grids-b-columns-2 > li {
  margin: 0;
}
.sprocket-grids-b-item.panel-color {
  background: #fff;
  border: 1px solid #ececec;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.sprocket-grids-b-item.panel-color a {
  color: #333;
}
.sprocket-grids-b-item.panel-color:hover {
  background: #ffeeef;
  border: 1px solid #ececec;
}
.sprocket-grids-b-item.panel-color a:hover {
  color: #ff6666;
}
/* ===== */

/* ====== MODULES ENTREPRISES, ASSOS, PARTICULIERS ====== */
.mod-entreprises,
.mod-associations,
.mod-particuliers,
.mod-unique {
  width: auto;
  min-width: 330px;
  background-color: #fff;
  border: 1px solid #999;
}
.mod-entreprises div div img,
.mod-associations div div img,
.mod-particuliers div div img,
.mod-unique div div img {
  display: block;
  margin: 0px auto;
  padding: 10px 0px;
}
.mod-entreprises .txtmod-entreprises,
.mod-associations .txtmod-associations,
.mod-particuliers .txtmod-particuliers,
.mod-unique .txtmod-unique {
  font-family: "Graphik-Medium", Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  line-height: 1em;
  font-size: 36px;
  padding: 10px 20px 0px 20px;
}
.mod-entreprises .txtmod-entreprises {
  color: #4e74a3;
}
.mod-associations .txtmod-associations {
  color: #70973e;
}
.mod-particuliers .txtmod-particuliers {
  color: #4f95af;
}
.mod-entreprises span.mod-decouvrez,
.mod-entreprises span.mod-nosoffresaux,
.mod-associations span.mod-decouvrez,
.mod-associations span.mod-nosoffresaux,
.mod-particuliers span.mod-decouvrez,
.mod-particuliers span.mod-nosoffresaux,
.mod-unique span.mod-decouvrez {
  font-family: "Graphik-Light", Arial, sans-serif;
  color: #333;
}
.mod-entreprises span.mod-decouvrez,
.mod-associations span.mod-decouvrez,
.mod-particuliers span.mod-decouvrez,
.mod-unique span.mod-decouvrez {
  font-size: 16px;
  line-height: 0.85em;
}
.mod-entreprises span.mod-nosoffresaux,
.mod-associations span.mod-nosoffresaux,
.mod-particuliers span.mod-nosoffresaux {
  font-size: 28px;
}
div.mod-telecharger {
  background-position: 22px center;
  background-size: 36px 36px;
  padding: 6px 12px 6px 80px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.entreprises {
  background: url(../images/icon-telecharger-blc.png) no-repeat #4e74a3;
}
.associations {
  background: url(../images/icon-telecharger-blc.png) no-repeat #70973e;
}
.particuliers {
  background: url(../images/icon-telecharger-blc.png) no-repeat #4f95af;
}
.unique {
  background: url(../images/icon-telecharger-blc.png) no-repeat #ff6666;
}
div.mod-telecharger a {
  color: #fff;
  font-family: "Graphik-Light", Arial;
  text-transform: uppercase;
  line-height: 1.4em;
  font-size: 20px;
  text-align: left;
}
div.mod-telecharger a span {
  font-size: 36px;
  font-family: "Graphik-Black", Arial;
}
div.mod-telecharger:hover {
  background: url(../images/icon-telecharger-blc.png) no-repeat #ff6666;
  background-position: 22px center;
  background-size: 36px 36px;
}
.mod-entreprises .mod-link,
.mod-associations .mod-link,
.mod-particuliers .mod-link,
.mod-unique .mod-link {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.mod-entreprises .mod-link {
  background: rgba(78, 116, 163, 0);
}
.mod-entreprises .mod-link:hover {
  background: rgba(78, 116, 163, 0.2);
}
.mod-associations .mod-link {
  background: rgba(112, 151, 62, 0);
}
.mod-associations .mod-link:hover {
  background: rgba(112, 151, 62, 0.2);
}
.mod-particuliers .mod-link {
  background: rgba(79, 149, 175, 0);
}
.mod-particuliers .mod-link:hover {
  background: rgba(79, 149, 175, 0.2);
}
.mod-unique .mod-link {
  background: rgba(255, 102, 102, 0);
}
.mod-unique .mod-link:hover {
  background: rgba(255, 102, 102, 0.2);
}

.mod-titreentreprises,
.mod-titreassociations,
.mod-titreparticuliers {
  color: #fff;
  padding: 10px 0px 20px 0px;
}
.mod-titreentreprises {
  background: #4e74a3;
}
.mod-titreassociations {
  background: #70973e;
}
.mod-titreparticuliers {
  background: #4f95af;
}
.mod-titreentreprises h1,
.mod-titreassociations h1,
.mod-titreparticuliers h1 {
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 1200px), (max-device-width: 1200px) {
  .mod-titreentreprises,
  .mod-titreassociations,
  .mod-titreparticuliers {
    padding: 10px 20px 20px 20px;
  }
  .mod-titreentreprises h1 {
    margin-top: 0;
    padding-top: 10px;
  }
}

/* CARTES 2021 */
.button_container {
  display: flex;
  color: white;
}

.bouton1 {
  background-image: url(https://latabledecana-antony.com/images/cartes/images/img_btn_1.jpg);
}

.bouton_fete {
  background-image: url(https://latabledecana-antony.com/images/cartes/images/img_btn_fete.png);
}

.bouton_bocaux{
  background-image: url(https://latabledecana-antony.com/images/cartes/images/img_bocaux.jpg);
}

.bouton2 {
  background-image: url(https://latabledecana-antony.com/images/cartes/images/img_btn_2.jpg);
}

.bouton_boites {
  background-image: url(https://latabledecana-antony.com/images/cartes/images/img_boites.JPG);
}

.bouton_cafe {
  background-image: url(https://latabledecana-antony.com/images/cartes/images/img_cafe.JPG);
}

.bouton5 {
  background-image: url(https://latabledecana-antony.com/images/cartes/images/img_buffet.jpg);
}

.bouton6 {
  background-image: url(https://latabledecana-antony.com/images/cartes/images/img_btn_6.jpg);
}

.bouton_cocktail {
  background-image: url(https://latabledecana-antony.com/images/cartes/images/img_cocktail.jpg);
}

.bouton_sommelier {
  background-image: url(https://latabledecana-antony.com/images/cartes/images/img_sommelier.jpg);
}

.bouton_fetes {
  background-image: url(https://latabledecana-antony.com/images/cartes/images/img_fetes.jpg);
}

.bouton-galette {
  background-image: url(https://latabledecana-antony.com/images/cartes/images/galettedesrois.jpg);
}


.button_container .background-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.8;
  z-index: 2;
  background-color: #fd6666;
  border-radius: 20px;
}
.button_container .item2 {
  border-radius: 20px;
  height: 12rem;
  width: 22rem;
  position: relative;
  text-decoration: none;
  color: white;
  background-size: cover;
  margin: 2rem;
  box-shadow: -5px 6px 19px -4px rgba(0, 0, 0, 0.75);
}
.button_container .item2 .projet-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 3;
  position: relative;
  height: 100%;
  padding: 1rem;
  text-align: center;
}
.button_container .item2 .projet-box h2 {
  font-size: 1.5rem;
  color: white;
}
.button_container .item2 .projet-box .separateur-box {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-right: 2rem;
}
.button_container .item2 .projet-box .separateur-box .separateur {
  height: 0.6rem;
  width: 10rem;
}
.button_container .item2 .projet-box .sous-titre {
  width: 100%;
  position: relative;
  text-align: right;
}
.button_container .item2 .projet-box .sous-titre h3 {
  font-size: 1.4rem;
  font-weight: 300;
  padding-right: 2rem;
}
.button_container .item2:hover > .background-hover {
  display: none;
}
.button_container .item2:hover > .projet-box {
  display: none;
}

/* BLOC */

.cartes_bloc {
  text-align: left;
}

.cartes_bloc h3 {
  text-transform: uppercase;
  color: #fd6666;
}

.cartes_bloc .cartes_tel {
  color: #fd6666;
  text-decoration: underline;
}

.cartes_bloc_texte_gras {
  color: #fd6666;
}