/*
Theme Name: L'ATELIER DÉCLIC
Description: Template L'ATELIER DÉCLIC
Author: Alexandre
Version:  1.1
Template: monex
*/

@import url("../monex/style.css");

html {
  scroll-behavior: smooth;
}

@media (max-width: 1359px) and (min-width: 1250px) {
.jx-monex-sub-top-bar .container {
    width: 100%;
    max-width: 1233px;
}
}

.jx-monex-subfooter ul li a:hover {
	color: #4d7abd !important;
}
.wp-caption-text {
	text-align: center;
	font-style: italic;
	padding: 0 10px;
}
ul {
    list-style-type: disc;
}
li {
    line-height: 23px;
}
p,
ul li, 
ol li {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
}

ul.jx-monex-list {
	margin-left: 25px;
}
ul.jx-monex-list li {
	color: #4d7abd !important;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
ul.jx-monex-list li span.fa {
	width: 12px;
	color: #4d7abd !important;
}
.jx-monex-list li {
	font-size: 16px;
}

.jx-header-3 .jx-monex-top-bar {
	color: #ffe102;
}
/*
.herald-fa-wrapper2 h2 {
	background: rgba(77, 122, 189, 0.85098) !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 545px !important;
}*/
.herald-fa-list .title-section, .herald-fa-list .entry-header, 
.herald-fa-wrapper22 .entry-header  {
	background: rgba(77, 122, 189, 0.80) !important;
	height: 50px;
    transition: .4s;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 15;
}
.herald-fa-list .icon {
	width: 50px;
    background: #ffe102;
    text-align: center;
    line-height: 50px;
    font-size: 27px;
    float: left;
}
.herald-fa-wrapper2 .title {
    width: 560px;
    display: block;
    font-weight: 400;
    color: #fff;
    text-align: left;
    padding-left: 0px;
    line-height: 50px;
    font-size: 19px;
}
.home .herald-fa-wrapper2 .title > h2 {
    font-size: inherit !important;
    color: inherit !important;
    margin-bottom: inherit !important;
    margin-top: inherit !important;
    text-transform: uppercase !important;
    line-height: inherit !important;
    padding-left: 70px;
}
.herald-fa-wrapper2 .title > a {
	color: #fff;
    text-transform: uppercase;
    padding-left: 25px;
}
.herald-fa-wrapper2 .entry-content {
	color: #eee;
	padding: 30px;
	background: rgba(77, 122, 189, 0.80) !important;
}
.herald-fa-wrapper2 .entry-content p {
	width: 425px;
}

@media (max-width: 767px) {
	.herald-fa-wrapper2 .entry-content p {
		width: 300px;
	}
}

.home .herald-fa-wrapper2 .readmore {
	display: block;
	margin-top: 18px;
}
.herald-fa-wrapper2 .readmore {
	padding: 0 30px 20px 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
.herald-fa-wrapper2 .readmore a {
	color: #ffe101;
}
.herald-fa-2 .fa-post-thumbnail:before {
	z-index: 9;
}

.herald-fa-wrapper2 {
	margin: 40px 0 54px;
}

.jx-header-3 .jx-monex-mainmenu > li > a {
	color: #082d71 !important;
}

.herald-fa-item.herald-cat-2 a.fa-post-thumbnail:before {
    background-color: #000;
}
.herald-fa-item.herald-cat-3 a.fa-post-thumbnail:before {
    background-color: #000;
}
.herald-fa-item.herald-cat-4 a.fa-post-thumbnail:before {
    background-color: #000;
}

/*
.herald-fa-item.herald-cat-2 a.fa-post-thumbnail:before {
    background-color: #4d7abd;
}
.herald-fa-item.herald-cat-3 a.fa-post-thumbnail:before {
    background-color: #fcbd1a;
}
.herald-fa-item.herald-cat-4 a.fa-post-thumbnail:before {
    background-color: #FF7240;
}
 */

.jx-monex-section-title-4.jx-light h3,
.jx-monex-section-title-4.jx-light h1 {
	color: #4d7abd !important;
}
.home .jx-monex-section-title-4 h1 span {
    font-weight: 500;
    font-size: 26px;
    letter-spacing: 1px;
}
.home .jx-monex-section-title-4 h1 {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    font-weight: 700 !important;
    color: #333;
    text-transform: uppercase;
    font-size: 30px !important;
    margin: 0 0 25px 0;
    padding: 25px 0 15px 0;
    z-index: 9;
    padding-top: 23px;
    line-height: 35px !important;
}
.home .jx-monex-section-title-4 h1:before {
    content: '';
    position: absolute;
    width: 55px;
    height: 80px;
    border: 5px solid #ffe102;
    top: -10px;
    left: 50%;
    margin-left: -30px;
    z-index: -1 !important;
}
.home figure.vc_figure,
.home figure.vc_figure > a,
.home figure.vc_figure > a > img {
    width: 100%;
}

.jx-monex-blog-2 .title a {
	color: #337ab7;
}

.jx-monex-menubar .navbar {
	background: #ffe102;
}

.jx-monex-common_page_header h1.pagetitle {
	text-align: center;
	padding: 60px 0 55px;
}

.jx-monex-partner-logo li {
	width: 10%;
	border: none;
}

.jx-header-3 .jx-monex-menubar {
	z-index: 10;
}
.jx-header-3 .navbar-brand {
	padding: 24px 0;
}

.jx-monex-contact-info {
	min-height: 200px;
	padding-top: 18px;
}

.jx-monex-contact-form button:hover {
	color: #ffe102 !important;
}

.jx-monex-servicebox-4:hover .title-section {
	cursor: default;
}

/* Contact */
.wpcf7 input, .wpcf7 textarea {
	border: 1px solid #ddd;
	color: #777;
	background: #eee !important;
}

@media (min-width: 768px) {
	.wpcf7 .name,
	.wpcf7 .email {
		width: 49%;
		display: inline-block;
	}
	.wpcf7 .email {
		float: right;
	}
}

.wpcf7 .name {
	margin: 0 !important;
}

.wpcf7 .email {
	margin: 0 !important;
}

.wpcf7 .send input,
#caldera_form_1 .btn.btn-default {
	font-size: 22px;
	border: 0 !important;
	padding: 10px 25px;
	text-align: center;
	font-weight: 600 !important;
	background: #ffe102 !important;
	color: #4d7abd !important;
	font-family: 'raleway',Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	width: 100%;
}

.wpcf7 .send input:hover,
#caldera_form_1 .btn.btn-default:hover {
	background: #4d7abd !important;
	color: #ffe102 !important;
}

.wpcf7 span.wpcf7-not-valid-tip {
	margin-bottom: 15px;
}

.page .site-main {
	margin: 15px 0;
}

.jx-monex-sendMnyBtn {
	font-size: 22px;
	margin-top: 80px;
	padding: 14px 0;
	text-transform: uppercase;
}
.jx-monex-sendMnyBtn:hover {
	color: #ffe102 !important;
	width: 102%;
	margin-left: -1%;
	font-size: 24px;
	padding: 16px 0;
}

.jx-header-3 .jx-monex-header-info .position .date,
.jx-header-3 .jx-monex-header-info .position .address {
	font-size: 15px;
}

/* Background fêtes de fin d'année */
/*
.jx-header-3 .jx-monex-sub-top-bar {
	background-image: url('https://latelierdeclic.fr/wp-content/uploads/2016/12/ball-1871519-1.jpg') !important;
    background-position: 0% 50% !important;
}
*/

.separator-scribeo {
	margin-bottom: 0;
}

.animation-top {
	bottom: 185px !important;
	transition: .4s !important;
}

.page-horaires {
	color: #4d7abd !important;
}
.page-horaires:hover {
	text-decoration: underline !important;
}

.ts-pricing.style3 .plan ul li {
    padding: 10px 0;
    border-top: 1px solid #efeff0;
}

body:not(.contacter-latelier-declic) .grecaptcha-badge { 
    display:none !important; 
}

.caldera-grid {
    background: #f9f9f9;
    padding: 25px;
}
.space-form {
    margin-top: 14px;
}


.page .ts-fancy-list-container .ts-fancy-list-wrapper li {
    background-image: url("https://latelierdeclic.fr/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png") !important;
}

@media (max-width: 390px) {
    body .vc_custom_1551864262989,
    body .vc_custom_1551864061814 {
        margin-top: 81px !important;
    }
}

.text-infogerance {
    background: rgba(77, 122, 189, 0.90) !important;
    color: #fff;
    padding: 20px;
    margin-top: -33px;
    width: 90%;
    position: absolute;
    text-align: center;
    border-bottom: 8px solid #ffe102 !important;
}
.text-infogerance h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600  !important;
    font-size: 24px !important;
}

.text-infogerance h2 a {
    color: #fff;
}

.image-maintenance img, .image-siteweb img {
    opacity: 1;
    transition: opacity 0.6s;
}

.image-maintenance img:hover, .image-siteweb img:hover {
    opacity: 0.7;
    transition: opacity 0.6s;
}

.entry-content .caldera-grid label {
    font-size: 16px;
}

.entry-content .caldera-grid .form-control {
    font-size: 16px !important;
}

.entry-content .caldera-grid label span {
    font-size: 20px;
}
#title-phone span > span,
#title-phone-simple span > span {
    text-transform: uppercase;	
    font-size: 26px;	
    color: #333 !important;
}

.title-section > a >.icon > .fa {
    color: #333;
}

.jx-monex-servicebox-4 .readmore {
    color: #ffe102;
}
.jx-monex-contact-info .phone {
    display: none;
}

.offre-camping {
    border: 1px solid #ddd;
}







/* Dynamic_monex.css */



/* ------------------------------------------------------------------------ */
/* Base Skin - Color
/* ------------------------------------------------------------------------ */

.jx-monex-fontawesome-icon-list li i , .button,button,input[type="reset"],input[type="button"] , table thead th , table th a , .dropdown-menu > li > a:hover , .jx-monex-mainmenu li a:hover i.menu-icon , .jx-monex-mainmenu > li > a , .jx-monex-mainmenu .submenu li:hover > a , .jx-monex-mainmenu li.has-child >  a:hover:after , .jx-monex-mainmenu li.has-child >  a:hover:after , .jx-monex-common_page_header h1.pagetitle , .jx-monex-footer_address .address_column .email , .jx-monex-subfooter h6 , #sidebar-no .widget_nav_menu .menu-sidebar-menu-container ul li a:hover , .jx-monex-footer .social a:hover , .widget_pages ul li:before , .widget_nav_menu ul li:before , .jx-monex-date a , .jx-monex-blog-title-metabox .jx-monex-title a , .jx-monex-blog-meta ul li .jx-meta-value , .jx-monex-blog-meta ul li .jx-meta-value a , .jx-monex-blog-more , .jx-monex-blog-more a , .jx-monex-blog-more i , .jx-monex-image-wrapper .jx-monex-blog-btns-hover span:hover i , .jx-monex-blog-tag li a , .jx-monex-author-details .jx-monex-author-name a , .jx-monex-blog-title-4 .jx-monex-title , .jx-monex-pagination .page-numbers:hover , .jx-monex-pagination .page-numbers.current , .comments-container .right span a , form input[type="submit"]:hover , #sidebar h6 , .widget h6 , .widget ul li a , .widget .widget_tag_cloud a , .widget_monex_download .jx-monex-button a , .jx-monex-sendMnyBtn , .jx-monex-side-nav ul li a:hover , 
.jx-monex-apply-today a:hover , .jx-monex-pagination li:hover a , .jx-monex-pagination li.current a , .jx-monex-pagination li.current a , .jx-monex-auth h1, .jx-monex-auth h3,.jx-monex-servicebox-3.no-border .icon-box i,.jx-monex-testimonials i,.jx-monex-footer_address h5 , .jx-header-4 a.login_button , .jx-header-4 .jx-monex-topbar-social-icon ul li i:hover , .jx-monex-servicebox-3 .icon-box i , .jx-monex-counter-up .counter-text , .jx-monex-counter-up .count-number , .jx-monex-blog-2.jx-dark .blog-item .title a , .jx-header-3 .jx-monex-mainmenu > li > a , .jx-monex-title-1 h2 , .jx-header-4 a.sign_out , .jx-testimonial-2 .name , .jx-testimonial-2 .description i , .jx-monex-servicebox-1 .icon-box i , .jx-header-3 .jx-monex-header-info .icon
{
	color: #4d7abd !important;
}



/* ------------------------------------------------------------------------ */
/* Base Skin - Background
/* ------------------------------------------------------------------------ */

.jx-monex-top-bar , .jx-monex-mainmenu .submenu li li ul , .slicknav_nav , .jx-monex-widget-newsletter button:hover , .jx-monex-blog-more:hover , .jx-monex-pagination .page-numbers , form input[type="submit"] , .jx-monex-page-search #message-submit-1 button:hover , .widget .widget_tag_cloud a:hover , .widget_search input.search-submit:hover , .widget_monex_download .jx-monex-button:hover , .jx-monex-apply-today a , .jx-monex-pagination li a , .jx-monex-team-content .team-social li:hover i , .jx-header-4 .jx-monex-menubar , .jx-monex-side-nav , #sidebar-no .widget_nav_menu .menu-sidebar-menu-container , .jx-monex-support_box .jx-monex-callNowBtn:hover , .jx-monex-sendMnyBtn:hover
{
	background: #4d7abd !important;
}



/* ------------------------------------------------------------------------ */
/* Base Skin - Background Color
/* ------------------------------------------------------------------------ */

.jx-monex-darkgrey-bg , .jx-monex-mainmenu li .submenu , .login_overlay , .dropdown-menu , .jx-default-base
{
	background-color:#4d7abd !important;
}


/* ------------------------------------------------------------------------ */
/* Base Skin - Border Color
/* ------------------------------------------------------------------------ */

.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active 
{
	border-color: #4d7abd !important;
}


/* ------------------------------------------------------------------------ */
/* Base Skin - Border Top Color
/* ------------------------------------------------------------------------ */

.jx-monex-mainmenu .submenu li li ul , .widget_monex_download .jx-monex-button:hover
{
	border-top-color: #4d7abd !important;
}



/* ------------------------------------------------------------------------ */
/* Base Skin - Border Right Color
/* ------------------------------------------------------------------------ */

.jx-monex-footer_address .bdr-right
{
	border-right-color: #4d7abd !important;
}


/* ------------------------------------------------------------------------ */
/* Base Skin - Border Bottom Color
/* ------------------------------------------------------------------------ */

.jx-header-3 .jx-monex-mainmenu > li:hover > a {
	border-bottom-color: #4d7abd !important;
}



/* ------------------------------------------------------------------------ */
/* Base Skin 2 - Color
/* ------------------------------------------------------------------------ */

.jx-monex-section-title-3 h1 , .jx-monex-section-title-4 h3 , .jx-monex-image-over i , .jx-monex-list li , .jx-flex-caption .caption-head , .jx-flex-caption p , .jx-monex-servicebox-1 .readmore a  , .jx-monex-servicebox-2 .title a , .jx-monex-servicebox-2 .readmore a , .jx-monex-accordion-1 .head:hover .title , .jx-monex-accordion-1 .description , .jx-monex-accordion-1 .jx-monex-accordion-icon:before , .jx-monex-team-member-1 .image a .plus-icon , .jx-monex-team-member-1 .team-content-box .name a , .jx-monex-team-member-1 .team-content-box .team-social li i , .jx-monex-sendmoney .heading , .contact-social ul li i , .contact-social ul li:hover i , .jx-monex-team-member-2 .office a , .jx-monex-careers .jx-monex-careers-item .apply a:hover , .jx-currency-form #submit:hover
{
	color: #4d7abd  !important;
}



/* ------------------------------------------------------------------------ */
/* Base Skin 2 - Background
/* ------------------------------------------------------------------------ */

.jx-monex-slider.flexslider .flex-control-paging li a , .jx-flex-caption .caption-head i , .jx-monex-servicebox-1:hover .readmore , .jx-monex-accordion-1 .open .title , .jx-monex-banner-1 .banner-caption h1:nth-child(2) , .jx-monex-team-member-1 .team-content-box .team-social li:hover i , .jx-monex-sendmoney .sendMoney_form_right , .owl-dots .owl-dot:hover , .jx-monex-contact-form button:hover , .jx-monex-careers .jx-monex-careers-item .apply a , .jx-monex-currency-2 .jx-title-head
{
	background:  #4d7abd !important;
}


/* ------------------------------------------------------------------------ */
/* Base Skin 2 - Border Top Color
/* ------------------------------------------------------------------------ */

.jx-monex-currency-table-1 table tr
{
	border-top-color: #4d7abd  !important;
}

/* ------------------------------------------------------------------------ */
/* Base Skin 2 - RGBA Transparent BG
/* ------------------------------------------------------------------------ */

.jx-monex-servicebox-4 .title-section,.jx-monex-portfolio-columns .portfolio-item .jx-monex-portfolio-hoverlayer , .jx-monex-tint::before
{
	background: rgba(77, 122, 189, 0.90) !important;
}


.jx-monex-blog-2 .overlay2 , .jx-monex-servicebox-4 .title-section , .jx-monex-servicebox-4 .title-section, .jx-monex-portfolio-columns .portfolio-item .jx-monex-portfolio-hoverlayer
{
background: rgba(77, 122, 189, 0.80) !important;
}

.jx-header-3 .jx-monex-mainmenu > li > a {
    color: #082d71 !important;
}




/* cibler uniquement la page dont l’ID est 2048 */
.page-id-2048 #main p,
.page-id-2010 #main p,
.page-id-2568 #main p,
.page-id-2565 #main p,
.page-id-2363 #main p {
  line-height: 1.6;
  margin-bottom: 1.5em;
}

.page-id-2048 #main ul,
.page-id-2010 #main ul,
.page-id-2568 #main ul,
.page-id-2565 #main ul,
.page-id-2363 #main ul {
  margin-bottom: 1.5em;
  line-height: 1.6;
  padding-left: 2em;
  list-style-type: none;
}

.page-id-2048 #main ul li,
.page-id-2568 #main ul li,
.page-id-2010 #main ul li,
.page-id-2565 #main ul li,
.page-id-2363 #main ul li {
  margin-bottom: 0.5em;
}

.page-id-2048 #main h2,
.page-id-2010 #main h2,
.page-id-2568 #main h2,
.page-id-2565 #main h2,
.page-id-2363 #main h2,

.page-id-2565 #main h3,
.page-id-2568 #main h3,
.page-id-2048 #main h3,
.page-id-2363 #main h3,
.page-id-2010 #main h3 {
  margin-top: 2em;
  margin-bottom: 1em;
}













/* RESET DE BASE */

.page-template-template-siteweb #main {
  background-color: #f9f9f9;
  color: #333;
  line-height: 1.5;
  margin-top: 0;
  font-family: Arial, sans-serif;
}

.page-template-template-siteweb .beadcrumb_area {
    background-color: #f9f9f9;
}

 /* TITRES */
.page-template-template-siteweb #main h2 {
  margin: 2rem 0 1rem;
  font-size: 1.7rem !important;
  color: #333;
  background-color: #f6f6f6;
  border-left: 4px solid #ffc107; /* Petite bande colorée */
  padding: 1rem;
  font-weight: 600 !important;
}
.page-template-template-siteweb #main h3 {
  margin-bottom: 0.5rem;
  color: #333;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
}

/* TEXTES */
.page-template-template-siteweb #main p {
  margin: 1rem 0;
  line-height: 1.6;
}

/* BLOC MISE EN AVANT */
.page-template-template-siteweb .service-box {
    flex: 1;
    min-width: 250px; /* Largeur minimale */
    background-color: #fff;
    border: 1px solid #eee;
    padding: 1rem;
    border-radius: 4px;
}

.page-template-template-siteweb .service-box h3 {
    padding-bottom: 20px;
}

/* BLOC MISE EN AVANT */
.page-template-template-siteweb .highlight-box {
    background-color: #fff8e1; /* Léger fond jaune */
    border-left: 4px solid #ffc107; 
    padding: 1rem;
    margin: 1rem 0;
    border-radius: 4px;
}

/* Form */
.page-template-template-siteweb .caldera-grid {
    background: #fff;
}

.page-template-template-siteweb .vc_row.vc_column-gap-15>.vc_column_container {
    padding: 0 !important;
}



/* Liste sans style de base */
.page-template-template-siteweb ul.custom-icons,
.page-template-template-siteweb ul.custom-icons-second,
.page-template-template-siteweb ul.custom-icons-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Chaque <li> aura un icône placé à gauche */
.page-template-template-siteweb ul.custom-icons li,
.page-template-template-siteweb ul.custom-icons-second li,
.page-template-template-siteweb ul.custom-icons-list li {
  position: relative; 
  padding-left: 1.5rem;
  margin-bottom: 0.9rem; 
  line-height: 27px;
}

/* Le pseudo-élément qui affichera l’icône de Font Awesome */
.page-template-template-siteweb ul.custom-icons li:before,
.page-template-template-siteweb ul.custom-icons-second li:before,
.page-template-template-siteweb ul.custom-icons-list li:before {
  font-family: "FontAwesome";
  font-weight: normal;
  position: absolute;
  left: 0;
  top: 0;  
  color: #ffc107;
  font-size: 1.2rem;
}
.page-template-template-siteweb ul.custom-icons li:before {
    content: "\f00c"; 
}
.page-template-template-siteweb ul.custom-icons-second li:before {
  content: "\f046"; 
}
.page-template-template-siteweb ul.custom-icons-list li:before {
  content: "\f061"; 
}



.single-post  #main .container p,
.single-post  #main .container li
{
    line-height: 1.8;
}

.single-post  #main .container figure  {
    margin-bottom: 30px;
}


#sidebar div.title-widget {
    margin: 0 0 10px 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 17px !important;
    font-family: Raleway, Arial, Helvetica, sans-serif !important;
    color: #4d7abd !important;
}

body.archive.category jx-monex-blog-meta ul li {
    padding: 0 40px 0 40px !important;
}

.jx-monex-blog-more:hover a{
 color:#ffe102 !important;
}

.jx-monex-blog-more:hover i{
 color:#ffe102 !important;
}

.h3-devis {
    margin: 40px 0 30px;
    text-align: center;
}