/*-----------------------------------------------------------------------------------

 Theme Name:   Patus Child Theme
 Theme URI:    http://www.detective-banque.fr/
 Description:  Patus Child Theme
 Author:       Prashansa Poddar, Punchify Me
 Author URI:   http://punchify.me/
 Template:     patus
 Version:      1.1.1

 Text Domain:  patus-child

-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------
  CSS additionnel

------------------------------*/

@font-face {
    font-family: "Dosis-fallback";
    size-adjust: 84.83000000000003%;
    ascent-override: 125%;
    src: local("Arial");
}

/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('./fonts/dosis-v27-latin-regular.woff2') format('woff2'),
       url('./fonts/dosis-v27-latin-regular.woff') format('woff');
}

@font-face {
    font-family: "Lato-fallback";
    size-adjust: 97.38%;
    ascent-override: 101%;
    src: local("Arial");
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('./fonts/lato-v23-latin-regular.woff2') format('woff2'),
       url('./fonts/lato-v23-latin-regular.woff') format('woff');
}

.site-branding {
	padding:0px;
}

[data-goto]:hover {
	cursor: pointer;
}

body, button, input, select, textarea {
        font-family: 'Lato', "Lato-fallback", 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.8rem;
        line-height: 1.6;
        color: #474747;
        background: #fff;
    }

.entry-header .entry-title {
        margin-top: 0px;
        margin-bottom: 20px;
        font-size: 44px;
        font-size: 4.4rem;
        font-weight: 700;
				color:#0088c1;
				text-align:left;
    }

@media(max-width: 789px) {
	body.home .entry-header .entry-title {
		font-size: 3.5rem;
	}
}

h2 {
	 margin-top: 40px;
    margin-bottom: 40px;
        font-size: 40px;
        font-size: 4rem;
        font-weight: 700;
		    color: #0088c1;
				line-height:45px;
		    text-align:left;

}

h3 {
	 margin-top: 0px;
    margin-bottom: 20px;
        font-size: 30px;
        font-size: 3rem;
        font-weight: 600;
	       color: #373737;
				text-align:left;

}

h4 {
	 margin-top: 20px;
    margin-bottom: 20px;
        font-size: 20px;
        font-size: 2.0rem;
	        color: #373737;
		font-weight: 700;
	letter-spacing:0.1rem;
				text-align:left;
}

h5 {
	 margin-top: 0px;
    margin-bottom: 20px;
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: 500;
	        color: #373737;
		text-decoration:underline;
	text-transform:none;
			text-align:left;
}

h6 {
				text-align:left;
}

.widget-area .widget-title {
	font-size: 30px;
  font-size: 3rem;
	color:#e2017b;
	font-weight: 900;
}



a {
color:#0088c1;
}

#tablecomparatif {
	border-collapse: collapse;
	margin:0px;
	display:block;

}

.Titrebanque {
	    border-top-left-radius: 3px;
    color: #fff;
    padding-left: 14px;
    background: #4c4950;
		text-align: left;
	font-size: 16px;
	width:150px;
}
#premierTr {
    color: #fff;
    padding-left: 14px;
    background: #4c4950;
		text-align: left;
}



.tCentre {
	background-color :#fff;
	font-size: 13px;
	padding:0;
	margin:0;
	text-align:center;

}
.tLeft {
	background-color :#fff;
	font-size: 13px;

}

.collapse { display:none !important;}
.table {   display: table;  max-width: 100%;  width: 100%;  text-indent: 0;  border-collapse: collapse; border-spacing: 0; border: none; font-size: 14px;}
.tr { clear: both; display: table-row;}
.td {display: block; vertical-align: middle; padding: 0 12px;}
.tr:nth-child(odd) { background-color:#F9F9F9; vertical-align: bottom;}
.td:first-child { text-align: center; border-bottom: dotted 2px; border-top: solid 1px #DEDEDE;}
.td:last-child { padding-bottom: 20px;}
.libelle { font-size: 18px; text-align: center; font-weight:bold;}


@media only screen and (min-width: 481px) {
.table { max-width:900px; margin : 30px auto 20px;}
.libelle {  font-weight: bold;  line-height: 21px; padding: 3px 0;}
.collapse { display:table-row !important;}
.td:first-child {  font-size: 16px;  border-bottom: none;  border-top: none; text-align:left; padding-left: 12px;}
.td {display: table-cell; border-bottom: 2px solid #ddd !important;  text-align: center;}
.tr:nth-child(odd) { border-bottom: 2px solid #ddd;}
.td:last-child { padding-bottom: 0;}
.td-vin:before, .td-region:before, .td-couleur:before, .td-prix:before { content: "";}
}

.su-button-center {
	margin:30px;
}

#site-navigation.main-navigation.toggled .menu, #site-navigation.main-navigation.toggled .nav-menu {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    display: block;
    position: absolute;
    top: 62px;
    left: 0px;
    width: 100%;
    background: #FFFFFF;
    padding-left: 20px;
    padding-left: 2rem;
    padding-bottom: 20px;
    padding-bottom: 2rem;
    z-index: 1;
}

.su-spoiler-title {
color:#0088c1;
}

.video-conteneur {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
}

.video-conteneur iframe,
.video-conteneur object,
.video-conteneur embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/* Ligne blue */

/* Site Navigation - Coloured Line */

#site-navigation {
    border-bottom: 1px solid #e2e2e2;
}

#colophon {
  content-visibility: auto;
  contain-intrinsic-size: 4126px;
}

@media(min-width: 600px) {
  #colophon {
    contain-intrinsic-size: 2170px;
  }
}

@media(min-width: 768px) {
  #colophon {
    contain-intrinsic-size: 1340px;
  }
}

.site-footer {
    padding: 40px 0;
    padding: 4rem 0;
    background: url(assets/images/line_colored.png) repeat-x top left;
		content-visibility: auto;
  	contain-intrinsic-size: 1140px;
}

/* Modification de font et font-weight pour le plugin Responsive Tabs */


.rtbs_tab_ori .rtbs_content, .rtbs_tab_ori .rtbs_content a, .rtbs_tab_ori .rtbs_content p, .rtbs_tab_ori .rtbs_menu .mobile_toggle, .rtbs_tab_ori .rtbs_menu a {
  font-family: 'Lato', "Lato-fallback", 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
}

.entry-content .rtbs .rtbs_menu ul li {
	margin-right:1px;
}

.rtbs .rtbs_menu li {
	background-color:#0088c1;
}

/* Modification de padding pour le plugin Responsive Tabs */

.rtbs .rtbs_menu li a {
	padding: 15px 24px;
  padding: 1.5rem 2.4rem;
}

.rtbs .rtbs_menu li a.active {
	background-color:#eb4da3;
}

.rtbs .rtbs_content active {
	border-top:2px solid;
}

.rtbs>.rtbs_content {
	background:#ffffff;
	border:solid 1px #0088c1;
}

#avis-image {
	width:100%;
	margin-bottom:20px;

}

.avis1 {
	width:33%;
	float:left;
	margin-bottom:1px;
	margin-right:1px;
}

strong {
	color:#0088c1;
}

.site-footer {
	background-color:#0088c1;
	color:#fff;
	position: relative;
	z-index: 1;
}

.site-footer a {
	color:#fff;
}

.rtbs_full .rtbs_menu ul li {
 display: none;
 padding-left: 30px;
 background: #eb4da3;
}

.rtbs_menu ul li a {
 background: #0088c1;
}

.rtbs_full .rtbs_menu ul li {
 display: block;
 padding-left: 30px;
	 background: #0088c1;
}

.rtbs_full .rtbs_menu ul li a{
	 display: block;
	 background: #0088c1;
	color: #0088c1;
	 padding-left: 30px;
}


/*-------------------------------------------------------
  CSS - Habillage

------------------------------*/

#page {
	position: relative;
}

.main {
  position: relative;
  margin: 0 auto;
  background: white;
  z-index: 1;
}

.habpage {
  display: none;
}

@media only screen and (min-width: 768px) {
	
	.habpage-spacer {
		height: 151px;
		pointer-events: none;
	}
	
  .habpage {
	display: block;
    position: absolute;
	z-index: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
	height: 100%;
	cursor: pointer;
	background-repeat: no-repeat;
    background-size: auto;
    background-position: top center;
  }

  .habpage + .main {
    padding-top: 0;
    padding-bottom: 15px;
    width: 100%;
    max-width: 1000px;
    box-shadow: 4px 4px 5px 4px rgba(0, 0, 0, 0.02);
    background: white;
  }
}

/* Header variations */

body[data-header="v2"] .main {
	padding-top: 40px;
}

body[data-header="v2"] .menu-item-12812 {
	display: none !important;
}

body[data-header="v2"] .main-navigation > .container {
    display: flex;
    align-items: center;
    column-gap: 10px;
	justify-content: space-between;
}

/* Site Footer */

.site-footer {
  text-align: left;
}

.site-footer .social-footer {
  float: none;
}
.site-footer .footer-menu {
  padding-bottom: 2.5rem;
}
.site-footer .footer-menu-left,
.site-footer .footer-menu-right {
  float: left;
}

.site-footer .footer-menu-left {
  width: 40%;
}

.site-footer .footer-menu-right {
  width: 20%;
}

.site-footer .sub-footer {

  height: 100%;
  width: 100%;
  float: none;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .site-footer .footer-menu-left {
    width: 50%;
  }

  .site-footer .footer-menu-right {
    width: 50%;
  }
}

.site-footer .footer-menu a {
  display: block;
  line-height: 1.5;
}

.site-footer .footer-menu b {
  display: block;
  line-height: 1.5;
}

.entry-meta a{
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}

.post-categories a {
	display:none;
}

.post.gb-grid-column {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.entry-tax {
	display:none;
}

.kk-star-ratings.rgt{
	display:block;
}
.kk-star-ratings{
	display:block;
	margin-bottom:5px;
}

.rtbs>.rtbs_content {
	color:#0088c1;
}

.rtbs .rtbs_menu li a {
	color:#ffffff;
}

.loop-pagination span.current {
  background: #2e88c1;
}

.loop-pagination a:hover, .loop-pagination span:hover {
	background:#eb4da3;
}

.read-more-link {
  font-weight: bold;
  color: #e4007d;
  float: right;
}

.post-list-title {
  text-decoration: none;
}

/* Publicité scroll */

#showdiv {
background-image:url(http://www.detective-banque.fr/wp-content/uploads/2018/12/ombre_showdiv-fi.png);
background-repeat: repeat-x;
display:none;
height:150px;
position:fixed;
width : 100%;
z-index:9999;
}

.showdivimg {
width:723px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#showdiv.showdivimg img {
width:100%;
max-width:723px;
	height:auto;
}

.su-accordion .su-spoiler-title {
	font-size:17px;
	border-top:1px dotted   ;
	border-bottom:1px dotted  ;
}

.video-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}

.video-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

/* css pour barre de notification */

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

.notificationx-shortcode-wrapper>.nx-bar .nx-bar-inner, .nx-bar .nx-bar-inner {
    padding: 5px 0px 0px 0px;
    display: inline-block;
}
.notificationx-shortcode-wrapper>.nx-bar .nx-bar-inner .nx-bar-content-wrap a.nx-bar-button, .nx-bar .nx-bar-inner .nx-bar-content-wrap a.nx-bar-button {
    font-size: 15px;
}

	.notificationx-shortcode-wrapper>.nx-bar .nx-bar-inner .nx-bar-content-wrap a.nx-bar-button, .nx-bar .nx-bar-inner .nx-bar-content-wrap a.nx-bar-button {

text-decoration: none;
		font-size: 12px !important;
		padding: 5px 12px !important;
		margin-bottom:5px;
		margin-top: 5px !important;
}
}

.notificationx-shortcode-wrapper>.nx-bar .nx-bar-inner .nx-bar-content-wrap a.nx-bar-button, .nx-bar .nx-bar-inner .nx-bar-content-wrap a.nx-bar-button {

text-decoration: none;
}

/* fin css pour barre de notification */




.blog-category-dropdown {
  margin: 0 0 10px 0;
  vertical-align: middle;
}

.masonry {
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  width: 100%;
  position: relative;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.masonry-brick {
  flex: auto;
  -webkit-flex: auto;
  width: calc(33% - 5px);
  max-width: calc(33% - 5px);
  margin-bottom: 25px;
  border: 1px solid #fefefe;
  box-shadow: 0 2px 5px rgba(0,0,0,0.5);
  padding: 15px;
  display: inline-block;
  vertical-align: top;
  border-radius: 1em;
}

@media screen and (max-width: 767px) {
  .masonry-brick {
    width: initial;
    max-width: initial;
  }
}

.blog-extrait {
  text-decoration: none;
  border: 2px solid transparent;
  transition: border 250ms ease-in-out;
}

a.blog-extrait:hover {
  border: 2px solid #0088c1;
}

.blog-extrait.sticky-post {
  border: 3px solid #e4007d;
}

.blog-extrait h2 {
  margin: 5px 0 20px 0;
  font-size: 5rem;
  color: #e2017b;
  font-weight: 900;
}
.blog-extrait h3 {
  margin: 10px 0;
  color: #0088c1;
  line-height: 1.25em;
  font-size: 2.5rem;
}

.blog-extrait.sticky-post h3 {
  font-size: 3rem;
}

.meta {
  font-size: 0.85em;
  color: #888;
  margin: 0 0 5px 0;
}

.meta .item-category,
.meta .item-category a {
  color: #888;
  text-decoration: none;
  float: right;
}

.entry-meta {
  margin: 0 0 15px 0;
}

.blog-category-dropdown h3 {
  display: inline;
}

.blog-extrait .featured-image {
  display: inline-flex;
  display: -webkit-inline-flex;
  -webkit-display: inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  min-height: 155px;
  width: 100%;
}

.blog-extrait .featured-image img:not(.wp-post-image-placeholder) {
  width: 100%;
}

.loop-pagination a,
.loop-pagination span {
  padding: 6px 13px 7px;
  background: #fff;
  color: #0088c1 !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
  border: solid 1px #0088c1;
  display: inline-block;
  margin-bottom: 5px;
}

.loop-pagination a:hover, .loop-pagination span:hover {
  background: #0088c1;
  color: #fff !important;
}
.loop-pagination a.current, .loop-pagination span.current {
  background: #0088c1;
  color: #fff !important;
}

/* Newsletter*/

.newsletter-text {width:100%; background:#0088c1; padding: 15px 0px 15px 0px; margin-left: auto;
    margin-right: auto;}
div.newsletter-text{color:#fff}
.box-newsletter {width:100%; background:#0088c1; padding: 0px 0px 15px 0px; }
.img-new {margin-left: auto;
    margin-right: auto; display:block;}

    @media (max-width: 1880px) {
    }
    .fix-sidebar  {
        position: fixed!important;
        top: 130px;
    	z-index:99999;
      }

      .offre:not(.wp-grid-builder) {
		 font-family: "Dosis", "Dosis-fallback", Helvetica, Arial, sans-serif;
      	font-size:28px;
      	text-align:center;
      }

      .offre-block{background-color: #ffffff;
      -webkit-box-shadow: 0px 5px 10px 4px #e0e0e0;
      -moz-box-shadow: 0px 5px 10px 4px #e0e0e0;
      filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=5, Color='#e0e0e0', Positive='true');
      zoom:1;
      box-shadow: 0px 5px 10px 4px #e0e0e0;
      -moz-border-radius:0px;
      -webkit-border-radius:0px;
      border-radius:0px;
      }
      /* pour IE9 et + ce hack ci-dessous peut être fait avec les commentaires conditionnels d'IE :
      [if gte IE 9]*/
      @media only screen{#selecteur{filter: none;}}

      .validate img{display:inline-block;
      line-height:30px;
      	    vertical-align: text-top;

      }

      /* pour pub footer*/

      #wpfront-notification-bar td { background: inherit;  vertical-align: middle; text-align: center;  border: 0px;  margin: 0px;  padding: 0px 0px; line-height: 1em;}

      span.countdown_section br {
          display: none;
      }
      a.countdown_infolink {
          display: none;
      }

      span.countdown_amount {
      	font-size:24px;
      	padding-top:22px;
      	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      	font-weight:700;

      }
      .shailan-countdown--1 {	display:block;
      	width:170px;
      }


      #wpfront-notification-bar div.wpfront-close {
          position: absolute;
          top: 5px;
          right: 5px;
          cursor: pointer;
          font-family: Arial, sans-serif;
          font-weight: bold;
          line-height: 0px;
          font-size: 14px;
          padding: 10px 8px;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px;
      }

      .countdown_infolink{display:none;}

      /* fin pub */

      ul.uix-sc-post-img-list-box {
          list-style: none;
      }

      /* pour page news*/
      .post-list-title {
          text-decoration: none;
          FONT-SIZE: 24px;
          font-weight: 700;
          line-height: normal;
      }


      .uix-sc-post-img-list-box img {
      float:left;
      padding-right:20px;
      }

      /* fin page news*/

      .entry-content blockquote p {
      	    font-size: 24px;
          letter-spacing: -1.7px;
          text-align: left;
          font-weight: bold;
          background-color: #f3f3f3;
          color: #5b5b5b;

      }



      /* pour slide*/


      #wpfront-notification-bar td { background: inherit;  vertical-align: middle; text-align: center;  border: 0px;  margin: 0px;  padding: 0px 0px; line-height: 1em;
      }

      span.countdown_section br {
          display: none;
      }
      a.countdown_infolink {
          display: none;
      }

      span.countdown_amount {
      	font-size:24px;
      	padding-top:22px;
      	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      	font-weight:700;

      }
      .shailan-countdown--1 {	display:block;
      	width:170px;

      }

      .hasCountdown {
          text-shadow: transparent 0 1px 1px;
          overflow: hidden;
          padding: 5px;
          padding-top: 0px;
      }


      #wpfront-notification-bar div.wpfront-close {
          position: absolute;
          top: 5px;
          right: 5px;
          cursor: pointer;
          font-family: Arial, sans-serif;
          font-weight: bold;
          line-height: 0px;
          font-size: 14px;
          padding: 10px 8px;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px;
      }

      .countdown_infolink{display:none;}

      #wpfront-notification-bar div.wpfront-close {

      	    position: absolute;
          top: 3px;
          right: 3px;
          cursor: pointer;
          font-family: Arial, sans-serif;
          font-weight: bold;
          line-height: 0px;
          font-size: 8px;
          padding: 4px 4px;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px;
      }

      #wpfront-notification-bar div a.wpfront-button {    font-size: 17px;
      padding: 8px 25px;
      	margin-top:0px;
      	margin-bottom:0px;

      }


       .su-custom-gallery-slide img {border:0;  background: #eadcc0;
      	 padding-bottom:0px;
      }

      #wpfront-notification-bar .su-custom-gallery-slide {
      	padding-bottom:0;
      	margin-bottom:0;
      	padding-top:0px;
      }


      #wpfront-notification-bar .su-custom-gallery-slide img {
          display: block;
          margin-top: 0px;
      	margin-bottom:0px;
          padding: 0px;
          border: 0;
          background: transparent;
          box-sizing: border-box;
          border-radius: 0px;
          box-shadow: none;
          -webkit-transition: all 0.2s;
          transition: all 0.2s;
      }

      .sky-bas {padding-bottom:0;
      	margin-bottom:0;
      margin-top:0px;
      	padding-top:0px;
      	margin-bottom:0px;
      }

      #wpfront-notification-bar div {
          text-align: center;
          display: inline-block;
          vertical-align: middle;
      	padding:0;
      	margin:0;
      }


      /* fin slide*/

      /* info-cadre */

      .info-cadre {
      border: 1px solid #0088c1;
      margin: 0 0 30px;
      padding: 10px 20px 12px;
      position: relative;
      }

      .info-cadre>strong:first-child {
      color: #0088c1;
      background: none repeat scroll 0 0 #fff;
      float: left;
      font-size: 19px;
      font-weight: 600;
      line-height: 18px;
      margin: 0 0 -9px !important;
      padding: 0 10px;
      position: absolute;
      text-transform: uppercase;
      top: -10px;
      font-family: "Dosis", "Dosis-fallback", Helvetica, Arial, sans-serif;
      left: 50%;
      transform: translate(-50%, 0%);
      width:fit-content;
      }


      /* fin info-cadre */

      /* offre-block */
      .view-offer {
          overflow: hidden;
          position: relative;
          clear: both;
          display: table;
      	padding: 20px 15px 15px 15px;
          margin: 15px auto;
          width: 100%;
          background-color: #ffffff;
      -webkit-box-shadow: 0px 5px 10px 4px #e0e0e0;
      -moz-box-shadow: 0px 5px 10px 4px #e0e0e0;
      filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=5, Color='#e0e0e0', Positive='true');
      zoom:1;
      box-shadow: 0px 5px 10px 4px #e0e0e0;
      -moz-border-radius:0px;
      -webkit-border-radius:0px;
      border-radius:0px;
      }

      .area-offer{
      display: table-row;
      }


      .view-offer .img_offer {
          float: none;
          display: table-cell;
          text-align: center;
          width: 120px;
      }

      .view-offer .text_offer {
          padding: 0 15px;
          display: table-cell;
          vertical-align: middle;
      	max-width:320px;
      	font-size:14px;
      }

      .view-offer div.title-offer {
          font: bold 20px "Dosis", "Dosis-fallback", Helvetica, Arial, sans-serif;
          margin-bottom: 5px;
      	font-weight:900;
      }

      .buttons_offer {
          vertical-align: middle;
      	    text-align: center;
      	display:block;
      }
      /* fin offre-block */

      /* liste à puce validate */

      .list-puce-validate>li:before {
      	padding-right:5px;
          content: url(http://www.detective-banque.fr/wp-content/uploads/2019/11/valid.png);
      	vertical-align:middle;

      }
      .list-puce-validate {
      		list-style:none;
      	padding-top:5px;
      	padding-bottom:0px;

      }


      /* fin liste à puce validate */


      /* liste avantage */

      .avantage{
      	border: 1px solid #0088c1;
      margin: 5px 0 25px 0px;
      padding: 10px 4px 12px;
      	display:block;
      }

      .avantage li {
      	font-size:14px;
      }

      .title-avantage {
      font: bold 26px "Dosis", "Dosis-fallback", Helvetica, Arial, sans-serif;
      font-weight:900;
      	color:#9dd50f;
      	list-style:none;
      padding: 5px 0px 0px 40px;
      	display:block;
      }

      /* fin liste avantage */



      /* test annonce 1 */
      .annonce-hellobank{

      width:100%;
      height:auto;
       display:flex;
      flex-direction : row;
      justify-content:space-around;
      flex-flow : wrap;
      border: 1px solid #e6e6e6;
      padding: 10px 15px 10px 15px;
      }

      .annonce-hellobank li {

      	margin:0;
      	padding:0;
      }

      .annonce-hellobank a{
      		text-decoration:none;
      	display:flex;
      	width:100%;
      }

      .annonce-hellobank a:hover{
      	text-decoration:none;
      	display:flex;
      	width:100%;
      }

      .annonce-hellobank a:focus{
      	text-decoration:none;
      	display:flex;
      	width:100%;
      }

      .box {
      width:30%;
      height: auto;
      box-sizing : border-box;
      	margin:auto;

      }


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

      .box {
      width:30%;
      }
      }

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

      .box {
      width:100%;

      }
      }

      .offre-hellobank{
      	background-image:url('https://www.detective-banque.fr/wp-content/uploads/2020/03/hellone.jpg');
      	display:block;
      	width:142px;
      	height:34px;
      margin:auto;

      }

      .bouton-hello {
      	border:none;
      	padding:16px 16px 16px 16px;
      	border-radius:24px;
      	background:#11bad5;
      	font:bold 15px Open sans;
      	color:#fff;
      	text-transform:uppercase;
      	width:200px;
      	text-align:center;
      	display:block;
      	margin-left:auto;
      	margin-right:auto;
      }

      .bouton-hello:hover {
      	border:none;
      	padding:16px;
      	border-radius:24px;
      	background:#074e68;
      	font:bold 15px Open sans;
      	color:#fff;
      	text-transform:uppercase;
      	width:200px;
      	text-align:center;
      }


      /* fin test annonce 1 */


      /* test annonce 2 */

      .annonce{

      width:100%;
      height:auto;
       display:flex;
      flex-direction : row;
      justify-content:space-around;
      flex-flow : wrap;
      border: 1px solid #e6e6e6;
      padding: 10px 15px 10px 15px;
      -webkit-box-shadow: 0px 4px 15px -3px rgba(93,93,93,0.21);
      box-shadow: 0px 4px 15px -3px rgba(93,93,93,0.21);
      }

      .annonce li {

      	margin:0;
      	padding:0;
      }

      .annonce a{
      		text-decoration:none;
      	display:flex;
      	width:100%;
      }

      .annonce a:hover{
      	text-decoration:none;
      	display:flex;
      	width:100%;
      }

      .annonce a:focus{
      	text-decoration:none;
      	display:flex;
      	width:100%;
      }

      .box-annonce {

      height: auto;
      box-sizing : border-box;
      		margin:auto 0 auto 0;
      	padding:auto 0 auto 0;

      }


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

      .box-annonce {
      width:30%;
      }
      }

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

      .box-annonce {
      width:100%;

      }
      }

      .offre{
      	display:block;
      	max-width:100%;
      	margin:0;
      	height:auto;
      	margin:auto;
      }

      .bouton-annonce {
      	border:none;
      	padding:16px 0 16px 0;
      	border-radius:24px;
      	background:#9dcf15;
      	font:bold 13px Montserrat, sans-serif, "Open sans";
      	color:#fff;
      	text-transform:uppercase;
      	width:175px;
      	text-align:center;
      	display:block;
      	margin-left:auto;
      	margin-right:auto;
      	margin-bottom: 7px;
      }

      .bouton-annonce:hover {
      	border:none;
      	padding:16px 0 16px 0;
      	border-radius:24px;
      	background:#b1ea18;
      	font:bold 13px Montserrat, sans-serif, "Open sans";
      	color:#fff;
      	text-transform:uppercase;
      	width:175px;
      	text-align:center;
      }

      /* test annonce 2 */

      .site-footer .footer-menu-left {
          width: 25%;
      }

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

      .site-footer .footer-menu-left {
          width: 100%;
      }

      }

      .footer-social{float: none;}

#site-navigation.main-navigation.toggled .menu, #site-navigation.main-navigation.toggled .nav-menu {
  z-index: 3;
}

/* CSS BOUTON TABLEAU*/

.su-button-style-default span {
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    border-top-style: solid;
    border-bottom-style: solid;
}

/* Style lien article surligné 
 * mettre sur lien la class class="link_style_article"
 * */
.entry-content a.link_style_article {
  color: #E2017B;
  text-decoration: underline;
  font-weight: 900;
  box-shadow: inset 0 -4px 0;
  letter-spacing: -0.5px;
}

.menu-image-title-after img {
	width: 34px;
}


/* Test bloc idée */

.boxidea3 {
  display:flex;
  flex-direction:row;
  max-width:800px;
  border-top-left-radius : 1rem !important;
  border-bottom-right-radius : 1rem !important;
  padding: 25px 35px 35px 25px;
  background : linear-gradient(90deg, #5FC20A 8px,#f1fae8 8px,#f1fae8 100%);
  font-family:Lato;
}

.itemsvg {
  margin:auto;
  width:70px;
  height:auto;
}

.itemidea {
  padding: 0 0 0 15px;
}

/* fin Test bloc idée */

.subnavigation {
	white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
	background-color: #3788c3;
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.subnavigation ul,
.menu-top-links-bar-container {
	display: inline;
}

.subnavigation ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: .5em;
}

.subnavigation li {
	padding: .75em;
	border-left: 1px solid rgba(255,255,255,.33);
	display: inline;
}

.subnavigation a {
	color: #fff;
	text-decoration: none;
}

.small-logo {
    width: 200px;
}

/* gutenberg */

a.gb-container {
	text-decoration: none;
}

.gb-container ul li::marker {
	color: #0088c1;
}

.gb-container ul li a {
	text-decoration: none;
}

.link-card {
	position: relative;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.link-card:before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(38,38,38);
	background: linear-gradient(180deg, rgba(38,38,38,0) 0%, rgba(0,0,0,0.65) 100%);
	z-index: 0;
}
.text-decoration-none,
.text-decoration-none a{
	text-decoration: none;
}
/* Breadcrumb */
.aioseo-breadcrumbs {
	font-size: .95em;
	color: #0088c1;
	margin-bottom: 20px;
}

.aioseo-breadcrumbs a {
	text-decoration: none;
}

.aioseo-breadcrumbs a:hover {
	text-decoration: underline;
}

.aioseo-breadcrumb-separator {
	font-weight: bold;
    padding: 0 .2em;
}

.handshake .gb-button-text {
	display: flex;
	align-items: center;
	column-gap: .75em;
}

.handshake .gb-button-text::before {
	display: block;
	width: 36px;
	height: 22px;
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 682.7 421.6" width="36" height="22"><defs><style>.cls-1{fill:none;stroke:%230088c1;stroke-linecap:round;stroke-linejoin:round;stroke-width:20px}</style></defs><g id="g559"><g id="g565"><path id="path567" d="M11 190 79 17c2-6 8-8 14-6l54 21c5 2 8 8 6 14L85 219c-3 5-9 8-14 6l-54-22c-6-2-8-8-6-13Z" class="cls-1"/></g><g id="g569"><path id="path571" d="m490 287-36-28" class="cls-1"/></g><g id="g573"><path id="path575" d="m442 325-31-24" class="cls-1"/></g><g id="g577"><path id="path579" d="m390 360-23-17" class="cls-1"/></g><g id="g581"><path id="path583" d="M152 303h0a27 27 0 0 1-3-37l25-29c9-12 26-13 37-4 11 10 13 27 3 38l-25 29c-9 11-26 12-37 3Z" class="cls-1"/></g><g id="g585"><path id="path587" d="M193 337h0c-12-9-13-26-4-37l25-29c9-11 26-13 37-3 11 9 13 26 3 37l-24 29a28 28 0 0 1-38 3Z" class="cls-1"/></g><g id="g589"><path id="path591" d="M233 371h0c-11-9-13-26-3-37l24-29c10-11 27-13 38-3 11 9 12 26 3 37l-25 29c-9 11-26 13-37 3Z" class="cls-1"/></g><g id="g593"><path id="path595" d="M273 405h0c-11-9-12-26-3-37l25-29c9-11 26-12 37-3s13 26 3 37l-25 29c-9 11-26 13-37 3Z" class="cls-1"/></g><g id="g597"><path id="path599" d="m534 245-13-10-63-46-7-5c-59 10-98-22-114-39-5-5-13-5-18-1-56 50-88 37-103 23-8-8-6-20 2-25 30-20 58-44 78-63l-4-1c-12-4-26-7-39-8l-37-2h-14c-9 1-17-1-25-4l-27-11-65 164 52 33 16 11 21-24c9-12 26-13 37-4 11 10 13 27 3 38 10-11 26-13 38-3 11 9 12 26 3 37 9-11 26-12 37-3s13 26 3 37c10-11 26-12 37-3 12 9 13 26 4 37l-10 12 22 16c12 10 29 9 40-2 10-11 11-27 2-39l12 9c12 9 30 7 40-4 10-12 10-28 1-40l6 5c12 9 29 8 40-2 11-12 11-29 1-41l10 7c13 10 31 7 41-6 11-13 7-33-6-43Z" class="cls-1"/></g><g id="g601"><path id="path603" d="m385 59-38-6c-13-2-26 2-35 11-19 19-55 53-94 78-8 5-10 17-2 25 15 14 47 27 103-23 5-4 13-4 18 1 16 17 55 49 115 39l89 66 55-36-63-161-39 14c-11 4-22 6-33 4l-30-5" class="cls-1"/></g><g id="g605"><path id="path607" d="m630 83-27-66c-2-6-8-8-13-6l-54 21c-6 2-8 8-6 14l68 173c2 5 8 8 14 6l54-22c5-2 8-8 6-13l-25-63" class="cls-1"/></g></g></svg>');
}
.tradingview-widget-container {
  position: relative;
  padding-bottom: 56.25%; /* Ratio 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}