:root {
  --cwp-orange: #fd7600;
  --cwp-orange-hover: #cc4700;
  --link-color: #fd7600;
  --link-hover-color: #cc4700;
}

.cwp-banner .cwp-orange {
  color: var(--cwp-orange);
}

.cwp-banner .cwp-btn-orange {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--cwp-orange);
  --bs-btn-border-color: var(--cwp-orange);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--cwp-orange-hover);
  --bs-btn-hover-border-color: var(--cwp-orange-hover);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--cwp-orange-hover);
  --bs-btn-active-border-color: var(--cwp-orange-hover);
  --bs-btn-focus-shadow-rgb: 250, 87, 0;
}

.cwp-banner h1 {
  font-family: Georgia, "Times New Roman", serif;
}

@media (min-width: 768px) {
  .cwp-banner {
    background-image:
      linear-gradient(
        90deg,
        #fff 0%,
        rgba(255, 255, 255, 0.98) 22%,
        rgba(255, 255, 255, 0.92) 35%,
        rgba(255, 255, 255, 0.38) 49%,
        transparent 61%
      ),
      url("../../../../../images/header-creation-web.webp");
    background-size: cover;
    background-position: center right;
  }

  .cwp-banner > .container {
    min-height: 560px;
    display: flex;
    align-items: center;
  }

  .cwp-banner > .container > .row {
    width: 100%;
  }
}

.cwp-banner .btn.cwp-btn-orange {
  color: #fff;
  background-color: var(--cwp-orange);
  border-color: #fa5700;
    border: solid 2px;
    border-radius: 10px;
}

.cwp-banner .btn.cwp-btn-orange:hover,
.cwp-banner .btn.cwp-btn-orange:active {
  color: #fff;
  background-color: var(--cwp-orange-hover);
  border-color: #cc4700;
}

.cwp-banner .btn.cwp-btn-orange:focus-visible {
  color: #fff;
  background-color: #cc4700;
  border-color: #cc4700;
  box-shadow: 0 0 0 0.25rem rgba(250, 87, 0, 0.3);
}
.cwp-banner .btn.btn-outline-dark {
  color: #212529;
  background-color: rgba(255, 255, 255, 0.7);
  border-color: #212529;
    border: solid 2px;
    border-radius: 10px;
}

.cwp-banner .btn.btn-outline-dark:hover,
.cwp-banner .btn.btn-outline-dark:active {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.cwp-banner .btn.btn-outline-dark:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.25);
}



.badge{color:#000;font-size:2em;}
.content_slider_fp {
    color: #808080;
    overflow: auto;
}
.blog-items[class^="masonry-"] .blog-item, .blog-items[class*=" masonry-"] .blog-item {
	display: inherit;
    flex: 1;
    padding: 20px;
    flex: 1 1 calc((100% - 40px) / 3);
	border: solid 1px gray;
	@media (width >= 992px) {
		width: calc((100% - 40px) / 3);
	}
}
@media (width >= 992px) {
    .blog-items.masonry-3 {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }
}
.sidebar-right .tagspopular a {
	font-weight: 600;
}
.tpl-thick-border {
    border: 20px solid #dcdcdc;
position: relative;
}
.tpl-box-personal .tpl-box-image.tpl-thick-border {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.tpl-box-personal .tpl-box-image {
    margin-bottom: 2px;
}
.tpl-box-personal .tpl-box-title {
    margin-bottom: 10px;
}
.tpl-title a, .tpl-box-title a, .tpl-title a:hover, .tpl-box-title a:hover, .tpl-title a:focus, .tpl-box-title a:focus {
    text-decoration: none;
}
.tpl-title, .tpl-title a, .tpl-title a:hover, .tpl-title a:focus, .tpl-title-left, .tpl-title-left a, .tpl-title-left a:hover, .tpl-title-left a:focus, .tpl-title-center, .tpl-title-center a, .tpl-title-center a:hover, .tpl-title-center a:focus, .tpl-title-right, .tpl-title-right a, .tpl-title-right a:hover, .tpl-title-right a:focus, .tpl-box-title, .tpl-box-title a, .tpl-box-title a:hover, .tpl-box-title a:focus {
    color: #000000;
}
.tpl-box-personal:hover .tpl-box-image.tpl-thick-border {
    border-width: 0;
}

.btn:hover, .button:hover {
    background-color: #fdb913;
    color: #ffffff;
}
.btn:hover, .button:hover {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    background-color: #fdb913;
    color: #ffffff;
}
.btn, .button {
    background-image: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-size: 1em;
    font-weight: 400;
    margin: 0 0 5px 0;
    padding: 10px 20px;
    text-transform: uppercase;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.btn, .button, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled], .button:focus, .button:active, .button.active, .button.disabled, .button[disabled] {
    background-color: #000000;
    color: #ffffff;
}


.tpl-gallery-carousel .tpl-box-image {
    background-color: #000000;
}
.tpl-gallery-carousel .tpl-box-image img {
    height: auto;
    width: 100%;
    margin: 0 auto;
    display: block;
    opacity: .95;
    filter: alpha(opacity = 90);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.tpl-gallery-carousel .tpl-box-image {
    height: auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.tpl-gallery-carousel .carousel .carousel-inner .item > div:hover:before {
    opacity: 1;
    filter: alpha(opacity = 100);
}
.tpl-gallery-carousel .carousel .carousel-inner .item > div:before {
    color: #ffffff;
}
.tpl-gallery-carousel .carousel .carousel-inner .item > div:before {
    content: url('chaine.svg');
    width: 60px;
    position: absolute;
    z-index: 3;
    top: 35%;
    left: 40%;
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.tpl-gallery-carousel .carousel .carousel-inner .item > div:hover img {
    -webkit-transform: scale(1.2, 1.2) rotate(5deg);
    -moz-transform: scale(1.2, 1.2) rotate(5deg);
    -ms-transform: scale(1.2, 1.2) rotate(5deg);
    -o-transform: scale(1.2, 1.2) rotate(5deg);
    transform: scale(1.2, 1.2) rotate(5deg);
    opacity: .6;
    filter: alpha(opacity = 60);
}
.carousel-inner {
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 180px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
.row-fluid {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(12, 1fr);
}
.item.span3, .row-fluid .span3 {
    grid-column: span 3;
  @media (max-width: 768px) {
    grid-column: span 6;
  }
}
.item.span9 {
    grid-column: span 9;
  @media (max-width: 768px) {
    grid-column: span 12;
  }
}

.sidebar-right .tagspopular li::marker {
	content: "\2713  ";
	background-color: white;
}

.container-header {
	z-index: 10000;
    background-image: url(../images/header-bg.jpg);
    background-repeat: repeat;
}
.tpl-header-border {
	background-color: var(--cwp-orange);
	height: 10px;
}
.tpl-header-border .container {
	position: relative;
	background-color: transparent;
}
.tpl-header-border .container:before {
    background-color: #000000;
    content: "";
    height: 10px;
    width: 200px;
    position: absolute;
    top: 0;
    left: 0;
}
.tpl-border {
    padding: 30px;
    border: 2px solid #dcdcdc;
}
.container-header nav{margin-top:0;}
.container-nav {
    min-height: 40px;
    font-size: 1.4em;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 8px !important;;
    position: relative;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: none no-repeat scroll 0 0;
    background-color: var(--cwp-orange);
}
.container-nav .grid-child {padding: initial;}
.container-nav .nav > .active > a, .container-nav .nav > .active > a:hover, .container-nav .nav > .active > a:focus, .container-nav .nav > li > a:hover, .container-nav .nav > li > a:focus, .container-nav .nav > .current > a {
    background-color: #000000;
    color: #fdb913;
}
.container-nav .nav>.active>a, .container-nav .nav>.active>a:hover, .container-nav .nav>.active>a:focus {
    text-decoration: none;
    background-color: #000000;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.container-nav .nav > li {
  @media (min-width: 767px) {
	margin: 0 !important;
  }
  @media (max-width: 768px) {
	margin: 16px 0;
  }
	position: inherit;
}
.container-nav .nav li:hover {
	text-decoration: none;
}
.container-nav .nav > li > a {
	border-radius: 0;
	font-weight: 400;
	margin: 0;
	padding: 20px 30px;
	text-shadow: none;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
.footer {
	background-color: #000 !important;
	background-image: none;
}
.container-footer {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	gap: 10px;
	padding: 0 !important;
}
.container-footer-2 {
	text-align: center;
}
.container-footer-2 a {
	color: var(--cwp-orange) !important;
	font-size: 1.2em;
}
.container-footer-bottom {
	padding: 0 !important;
	ul {
		display: contents;
		color: var(--cwp-orange);
		font-size: larger;
	}
	li a
	{
		padding: 20px;
	}
	li:hover {
		background-color: var(--cwp-orange);
		color: #000;
	}
}
.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus {
    color: #000;
text-decoration: none;
}
.grid-child.container-footer-1 {
color: var(--cwp-orange);
}
.grid-child.container-footer-1 a:hover {
color: #fff;
}
.grid-child.container-footer li::marker {
content: "\2713  ";
color: #fff;
background-color: white;
}
.back-to-top-link:hover, .back-to-top-link:focus {
background-color: var(--cwp-orange);
}
.nav_container a {
    color: indigo;
}
.blog-items {grid-template-columns: 1fr;}

/*****************/
/* page livresFP */
/*****************/

/* Charger APRÈS Bootstrap 5 et les styles du template. */
.lfp-page {
  --lfp-orange: #fa5700;
  --lfp-orange-dark: #cc4700;
  --lfp-soft: #faf7f3;
}
.lfp-page .lfp-orange { color: var(--lfp-orange-dark); }
.lfp-page .lfp-hero { background: linear-gradient(115deg, #fff 15%, #fff4e9 100%); }
.lfp-page .lfp-soft { background: var(--lfp-soft); }
.lfp-page h1,
.lfp-page h2 { font-family: Georgia, "Times New Roman", serif; letter-spacing: -.035em; }
.lfp-page .btn.lfp-btn-orange {
  color: #fff;
  background: var(--lfp-orange);
  border-color: var(--lfp-orange);
}
.lfp-page .btn.lfp-btn-orange:hover,
.lfp-page .btn.lfp-btn-orange:active {
  color: #fff;
  background: var(--lfp-orange-dark);
  border-color: var(--lfp-orange-dark);
}
.lfp-page a:focus-visible,
.lfp-page summary:focus-visible { outline: 3px solid #255ca4; outline-offset: 4px; }
.lfp-page .lfp-section-nav .nav-link { color: #353535; white-space: nowrap; }
.lfp-page .lfp-section-nav .nav-link:hover { color: var(--lfp-orange-dark); }
.lfp-page .card { border-radius: 14px; }
.lfp-page .lfp-feature-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  height: 46px;
  padding-inline: 8px;
  border-radius: 12px;
  color: var(--lfp-orange-dark);
  background: #fff0e3;
  font-weight: 700;
}
.lfp-page .lfp-demo-card { transition: border-color .15s ease; }
.lfp-page .lfp-demo-card:hover { border-color: var(--lfp-orange); }
.lfp-page .lfp-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: #fff;
  background: var(--lfp-orange-dark);
  font-weight: 700;
}
.lfp-page .lfp-price-card { border: 2px solid var(--lfp-orange); }
.lfp-page .lfp-faq summary { cursor: pointer; }
.lfp-page section[id] { scroll-margin-top: 24px; }
.lfp-page .rounded-4 { border-radius: 16px; }
@media (prefers-reduced-motion: reduce) {
  .lfp-page .lfp-demo-card { transition: none; }
}