/*
Theme Name:     Thème Enfant Weaver Xtreme
Theme URI:      /wp-content/themes/theme-enfant-weaver-xtreme
Description:    Style Sheet for child theme
Author:         Team VR7
Author URI:     //vr7.fr
Template:       weaver-xtreme
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Tags:           one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template,  post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
/** ===================================================================================================== **/
/** Common settings for all devices BEGIN **/
/** ===================================================================================================== **/

/** 
 * ##################################
 * # VIDEO ON SITE BACKGROUND BEGIN #
 * ##################################
 **/
  /* Setting for site background video */
  .outer-video-container {
    position: fixed;
    top: 0;
    z-index: 0;
    width: 100%;
  }
  .inner-video-container {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .video-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,240,0.25);
  }
  .bg-video {
    width: 100%;
    height: 100%;
  }

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

/** 
 * ################################
 * # VIDEO ON SITE BACKGROUND END #
 * ################################
 **/

/** 
 * #################################
 * # BORDER AROUND ALL PAGES BEGIN #
 * #################################
 **/ 
  /* Set border around all pages, header and footer included */
  /**
   * #wrapper {
   * border-top: 1px solid #493a00;
   * border-bottom 1px solid #493a00;
   * border-left: 1px solid #493a00;
   * border-right: 1px solid #493a00;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ###############################
 * # BORDER AROUND ALL PAGES END #
 * ###############################
 **/

/** 
 * #########################
 * # LOGO IN MENUBAR BEGIN #
 * #########################
 **/
  /* Set style for menu item accueil */
/**  
 *  .menu-primary .custom-logo-on-menu {
 *    margin-right: 20px !important;
 *  }
 **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set tooltip style for custom logo in menu */
/**
 *  .tooltip-custom-logo-in-menu-box {
 *    display: block;
 *    overflow: visible;
 *  }
 *  .tooltip-custom-logo-in-menu {
 *    position: relative;
 *    display: none;
 *  }
 *  .tooltip-text {
 *    display: block;
 *    text-align: left;
 *    color: #ffcc00;
 *    font-family: Open Sans,sans-serif;
 *    font-weight: 700;
 **/
    /* Position the tooltip */
/**    position: absolute;
 *    z-index: 1;
 *    top: 0;
 *    left: 0;
 *    margin-top: 40px;
 *    margin-left: 15px;
 *  }
 **/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * #######################
 * # LOGO IN MENUBAR END #
 * #######################
 **/

/** 
 * ########################
 * # Cookie Consent BEGIN #
 * ########################
 **/
  /* Make padding smaller from cookie consent text box */
  #catapult-cookie-bar.rounded-corners.drop-shadow {
    padding: 5px 5px 5px;
  }
  /* Remove h" title line */
  #catapult-cookie-bar.rounded-corners.drop-shadow h3 {
    display: none;
  }
  /* Set font for Cookie Consent Text */
  #catapult-cookie-bar.rounded-corners.drop-shadow span.ctcc-left-side {
    font-size: 9.5px;
  }
  /* Change margins for Cookie Consent button */
  #catapult-cookie-bar.rounded-corners.drop-shadow span.ctcc-right-side {
    margin-top: .5em;
    margin-bottom: .25em;
    margin-left: 0;
    margin-right: 0;
  }
  /* Set hover color of cookie consent button */
  #catapultCookie:hover {
    color: #ffffff;
    background-color: #00b2c5;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set hover color of the cookie consent link to the cookie policy page */
  a.ctcc-more-info-link:hover {
    color: #00b2c5 !important;
  }
/** 
 * ######################
 * # Cookie Consent END #
 * ######################
 **/

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Remove the empty space that regularly appears between menu and header */
  header#branding {
    margin-top: -2px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  
  /* Set homepage header width */
  .home .header-homepage {
    max-width: 980px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background banner image for homepage header */
  .home .header-homepage .banner-homepage {
    background: url('/wp-content/uploads/header-background-image-980w-346h.png') no-repeat top center !important;
    height: 346px;
    width: 100%;
    padding: 0;
    margin: auto;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Header Social Media bar */
  /* Set style for the social media bar (transparent) as last item in header */
  .header-social-media-bar {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  /* Set style for the social media icons in the header social media bar */
  /* icon-wrapper : block around all icons that floats to the right */
  .header-social-media-bar .icon-wrapper {
    float: right;
    display: flex;
    align-items: center;
  }
  .header-social-media-bar .icon-wrapper .follow-us {
    float: left;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin-right: 15px;
  }
  /* Facebook icon : floated to left in the icon-wrapper, icon inside is centered both horizontally and vertically */
  .header-social-media-bar .icon-wrapper .icon-fb {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 30px;
    height: 30px;
    background: #3b5998;
    border-radius: 7px;
    margin-right: 15px;
    transition: all 0.2s ease-in-out;
  }
  /* Set font color */
  .header-social-media-bar .icon-wrapper .icon-fb a i {
    color: #ffffff;
  }
  /* Set hover effect */
  .header-social-media-bar .icon-wrapper .icon-fb:hover {
    opacity: .70;
  }
  /* Instagram icon : floated to left in the icon-wrapper, icon inside is centered both horizontally and vertically */
  .header-social-media-bar .icon-wrapper .icon-inst {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 30px;
    height: 30px;
    /* Set background for instagram icon */

    background: 
    /* Background left bottom */
    radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
    radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
    /* Background left top */
    radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
    /* Background right top */
    radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
    /* Background right bottom */
    radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
    /* Background create a base coat to smooth corner gradients */
    linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);

    border-radius: 7px;
    margin-right: 15px;
    transition: all 0.2s ease-in-out;
  }
  /* Set font color */
  .header-social-media-bar .icon-wrapper .icon-inst a i {
    color: #ffffff;
  }
  /* Set hover effect */
  .header-social-media-bar .icon-wrapper .icon-inst:hover {
    opacity: .70;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    display: block;
    width: 100%;
    height: 250px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Prevent header banner and messages from other pages to be displayed on homepage */
  .home .header-site {
    display: none;
  }
  .home .header-site-cart-checkout-register-page {
    display: none;
  }
  .home .header-site .wrap-otherpages {
    display: none;
  }
  .home .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page {
    display: none;
  }
  .home .header-site .wrap-otherpages .logovr7-otherpages {
    display: none;
  }
  .home .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .logovr7-cart-checkout-register-page {
    display: none;
  }
  .home .header-site .wrap-otherpages .shadevr7-otherpages {
    display: none;
  }
  .home .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    display: none;
  }
  .home .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    display: none;
  }
  .home .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    display: none;
  }
  .home .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    display: none;
  }
  .home .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    display: none;
  }
  .home .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    display: none;
  }
  .home .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    display: none;
  }
  .home .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    display: none;
  }
  .home .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    display: none;
  }
  .home .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    display: none;
  }
  .home .header-site .wrap-otherpages .cardb-message2 {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    display: block;
    background: transparent;
    background-color: transparent;
    /* border: 2px solid #ffcc00; */
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }
  .home-message1-main-title {
    font-weight: 800;
    font-style: italic;
    text-align: center;
  }
  .home_message1_sub_title1 {
    display: inline-block;
    text-align: left;
    font-weight: 800;
    font-style: italic;
    padding-left: 10px;
    width: 48%;
  }
  .home_message1_sub_title2 {
    display: inline-block;
    text-align: right;
    font-weight: 800;
    padding-right: 10px;
    width: 48%;

  }
  .home_message1_sub_title2 a.message-link:link {
    color: #ffffff;
  }
  .home_message1_sub_title2 a.message-link:visited {
    color: #ffffff;
  }
  .home_message1_sub_title2 a.message-link:hover {
    color: #00b2c5;
  }
  .home_message1_sub_title2 a.message-link:active {
    color: #ffffff;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-style: italic;
  }
  .home_message1_sub_title2 a.eco-cycle:link {
    color: #22b14c;
  }
  .home_message1_sub_title2 a.eco-cycle:visited {
    color: #22b14c;
  }
  .home_message1_sub_title2 a.eco-cycle:hover {
    color: #00b2c5;
  }
  .home_message1_sub_title2 a.eco-cycle:active {
    color: #22b14c;
  }
  .home_message1_sub_title2 a.message-link:link {
    -webkit-animation: msg-1_sub_title2 16s infinite; /* Safari 4.0 - 8.0 */
    animation: msg-1_sub_title2 16s infinite;
  }
  .home_message1_sub_title2 a.message-link:visited {
    -webkit-animation: msg-1_sub_title2 16s infinite; /* Safari 4.0 - 8.0 */
    animation: msg-1_sub_title2 16s infinite;
  }
  .home_message1_sub_title2 a.message-link:hover {
    -webkit-animation: msg-1_sub_title2 16s infinite; /* Safari 4.0 - 8.0 */
    animation: msg-1_sub_title2 16s infinite;
  }
  .home_message1_sub_title2 a.message-link:active {
    -webkit-animation: msg-1_sub_title2 16s infinite; /* Safari 4.0 - 8.0 */
    animation: msg-1_sub_title2 16s infinite;
  }
  /* Set animation for message 1_sub_title2 */
  @-webkit-keyframes msg-1_sub_title2 { /* Safari 4.0 - 8.0 */
    0%   {font-weight: 800;}
    20%  {font-weight: 800;}
    25%  {font-weight: 400;}
    45%  {font-weight: 400;}
    50%  {font-weight: 800;}
    70%  {font-weight: 800;}
    75%  {font-weight: 400;}
    95%  {font-weight: 400;}
    100% {font-weight: 800;}
  }  
  @keyframes msg-1_sub_title2 {
    0%   {font-weight: 800;}
    20%  {font-weight: 800;}
    25%  {font-weight: 400;}
    45%  {font-weight: 400;}
    50%  {font-weight: 800;}
    70%  {font-weight: 800;}
    75%  {font-weight: 400;}
    95%  {font-weight: 400;}
    100% {font-weight: 800;}
  }
  /** --------------------------------------------------------------------------------------------------- **/
  .home_message1_sub_title3 {
    display: block;
    width: 100%;
    text-align: center;
    color:#FFCC00;
    font-style: italic;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set header banner width for all other pages */
  .header-site {
    max-width: 980px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set header banner width for the cart, checkout and login/registration page */
  .header-site-cart-checkout-register-page {
    max-width: 980px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for wrap-otherpages on header */
  .header-site .wrap-otherpages {
    display: block;
    width: 100%;
    margin: auto;
    position: relative;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for wrap-otherpages on header on the cart, checkout and login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page {
    display: block;
    width: 100%;
    margin: auto;
    position: relative;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for logovr7-otherpages on header */
  .header-site .wrap-otherpages .logovr7-otherpages {
    position: absolute;
    background: url('/wp-content/uploads/sigle-72dpi-transparent-w149-h150.png') no-repeat top center;
    background-size: contain;
    width: 128px;
    height: 128px;
    z-index: 500;
    top: 0px;
    left: calc(50% - 64px);
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for logovr7-cart-checkout-register-page on header on the cart, checkout and login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .logovr7-cart-checkout-register-page {
    position: absolute;
    background: url('/wp-content/uploads/sigle-72dpi-transparent-w149-h150.png') no-repeat top center;
    background-size: contain;
    width: 128px;
    height: 128px;    
    z-index: 500;
    top: 0px;
    left: calc(50% - 64px);
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for logovr7-img-otherpages on header */
  .header-site .wrap-otherpages .logovr7-img-otherpages {
    width: 128px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for logovr7-img-cart-checkout-register-page on header on the cart, checkout and login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .logovr7-img-cart-checkout-register-page {
    width: 128px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.3);
    text-align : center;
    left: 0px;
    z-index: 400;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on the cart, checkout and login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.3);
    text-align : center;
    left: 0px;
    z-index: 400;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    color : #FFCC00;
    /* font-family: 'Arvo', serif; */
    font-weight: 900;
    text-align : center;
    display: block;
    /* padding: 5px 0px 0px 0px; */
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on the cart, checkout and login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    color : #FFCC00;
    /* font-family: 'Arvo', serif; */
    font-weight: 900;
    text-align : center;
    display: block;
    /* padding: 5px 0px 0px 0px; */
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    color : #FFFFFF;
    font-weight: bold;
    text-align : center;
    display: block;
    padding: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on the cart, checkout and login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    color : #FFFFFF;
    font-weight: bold;
    text-align : center;
    display: block;
    padding: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    color : #FFFFFF;
    font-weight: bold;
    font-style: italic;
    text-align : left;
    display: inline-block;
    padding-left: 10px;
    width: 48%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on the cart, checkout and login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    display: block;
    color : #FFFFFF;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    display: inline-block;
    padding-left: 10px;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    color : #FFFFFF;
    font-weight: bold;
    text-align : right;
    display: inline-block;
    padding-right: 10px;
    width: 48%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    display: block;
    width: 100%;
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages a.message-link:link {
    color: #ffcc00;
  }
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages a.message-link:visited {
    color: #ffcc00;
  }
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages a.message-link:hover {
    color: #00b2c5;
  }
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages a.message-link:active {
    color: #ffcc00;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-style: italic;
  }
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages a.eco-cycle:link {
    color: #22b14c;
  }
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages a.eco-cycle:visited {
    color: #22b14c;
  }
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages a.eco-cycle:hover {
    color: #00b2c5;
  }
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages a.eco-cycle:active {
    color: #22b14c;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set animation for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages a.message-link:link {
    -webkit-animation: msg-5 16s infinite; /* Safari 4.0 - 8.0 */
    animation: msg-5 16s infinite;
  }
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages a.message-link:visited {
    -webkit-animation: msg-5 16s infinite; /* Safari 4.0 - 8.0 */
    animation: msg-5 16s infinite;
  }
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages a.message-link:hover {
    -webkit-animation: msg-5 16s infinite; /* Safari 4.0 - 8.0 */
    animation: msg-5 16s infinite;
  }
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages a.message-link:active {
    -webkit-animation: msg-5 16s infinite; /* Safari 4.0 - 8.0 */
    animation: msg-5 16s infinite;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set animation for message 5 */
  @-webkit-keyframes msg-5 { /* Safari 4.0 - 8.0 */
    0%   {font-weight: 400;}
    20%  {font-weight: 400;}
    25%  {font-weight: 800;}
    45%  {font-weight: 800;}
    50%  {font-weight: 400;}
    70%  {font-weight: 400;}
    75%  {font-weight: 800;}
    95%  {font-weight: 800;}
    100% {font-weight: 400;}
  }  
  @keyframes msg-5 {
    0%   {font-weight: 400;}
    20%  {font-weight: 400;}
    25%  {font-weight: 800;}
    45%  {font-weight: 800;}
    50%  {font-weight: 400;}
    70%  {font-weight: 400;}
    75%  {font-weight: 800;}
    95%  {font-weight: 800;}
    100% {font-weight: 400;}
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block {
    display: block;
    width: 100%;
    height: 1px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper {
    display: block;
    margin-left: auto;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper {
    display: flex;
    text-align: right;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    display: block;
    text-align: left;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    display: block;
    text-align: left;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    display: block;
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    position: absolute;
    left: 0px;
    width: 100%;
    font-weight: 800;
    font-style: italic;
    /* margin-top: 10px; */
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/** 
 * ################
 * # FOOTER BEGIN #
 * ################
 **/

  /* Footer Social Media bar */
  /* Set style for the social media bar (transparent) as first item in footer */
  .footer-social-media-bar {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    display: flex;
    order: 0;
    flex-flow: row nowrap;
    align-items: center;
    min-width: 240px;
    width: 45%;
    margin-bottom: 10px;
  }
  /* Set style for the go-to-shop button */
  .footer-social-media-bar .footer-go-to-shop-wrapper .footer-go-to-shop-button {
    display: block;
    min-width: 180px;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: .309em .5em;
    font-weight: 900;
    background: #ffcc00;
    color: #515151 !important;
    border: 1px solid #ffcc00;
    cursor: pointer;
  }
  .footer-social-media-bar .footer-go-to-shop-wrapper .footer-go-to-shop-button:hover {
    background: #00b5c2;
    color: #ffffff !important;
    border: 1px solid #00b5c2;
  }
  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    display: flex;
    order: 1;
    flex-flow: row nowrap;
    align-items: center;
    min-width: 240px;
    width: 45%;
    margin-bottom: 10px;
  }
  .footer-social-media-bar .footer-icon-wrapper .follow-us {
    display: block;
    order: 0;
    min-width: 120px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin-right: 15px;
  }
  /* Facebook icon : floated to left in the icon-wrapper, icon inside is centered both horizontally and vertically */
  .footer-social-media-bar .footer-icon-wrapper .icon-fb {
    order: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 30px;
    height: 30px;
    background: #3b5998;
    border-radius: 7px;
    margin-right: 15px;
    transition: all 0.2s ease-in-out;
  }
  /* Set font color */
  .footer-social-media-bar .footer-icon-wrapper .icon-fb {
    color: #ffffff;
  }
  /* Set hover effect */
  .footer-social-media-bar .footer-icon-wrapper .icon-fb:hover {
    opacity: .70;
  }
  /* Instagram icon : floated to left in the icon-wrapper, icon inside is centered both horizontally and vertically */
  .footer-social-media-bar .footer-icon-wrapper .icon-inst {
    order: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 30px;
    height: 30px;
    /* Set background for instagram icon */

    background: 
    /* Background left bottom */
    radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
    radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
    /* Background left top */
    radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
    /* Background right top */
    radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
    /* Background right bottom */
    radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
    /* Background create a base coat to smooth corner gradients */
    linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);

    border-radius: 7px;
    margin-right: 15px;
    transition: all 0.2s ease-in-out;
  }
  /* Set font color */
  .footer-social-media-bar .footer-icon-wrapper .icon-inst {
    color: #ffffff;
  }
  /* Set hover effect */
  .footer-social-media-bar .footer-icon-wrapper .icon-inst:hover {
    opacity: .70;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the footer image */
  #footer-site {
    max-width: 980px;
  }
  #footer-site .footer-banner {
    background: url('/wp-content/uploads/footer-background-image.png') no-repeat bottom left;
    height: 227px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the cards-secure-payment image */
  div.secure-payments {
    display: block;
    background: url('/wp-content/uploads/cards-secure-payments-30h.png') no-repeat top center;
    height: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  #copyright-vr7 {
    padding-bottom: 43px;
  }
  a.copyright-vr7:link {
    width : 100%;
    color : #FFCC00;
    font-size: 80%;
    text-align : center;
    display: block;
    padding-top: 10px;
  }
  a.copyright-vr7:hover {
    color : #00b2c5;
  }
  #copyright-societe {
    padding-top: 43px;
    text-align: center;
  }
  a.copyright-societe:link {
    width : 100%;
    color: #0e0c55;
    font-weight: 800;
    text-align : center;
    display: block;
    padding-top: 10px;
  }
  a.copyright-societe:visited {
    color: #0e0c55;
  }
  a.copyright-societe:hover {
    color : #3c09b6 !important;
  }
  a.copyright-societe:active {
    color: #0e0c55;
  }
  span.copyright-societe-part1 {
    font-size: 160%;
  }
  span.copyright-societe-part2 {
    font-size: 110%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu {
    width:80%;
    max-width: 980px;
    /* display:block; */ /* removed for vertical alignment */
    margin: 15px auto;
    /* border-top: 1px solid #ffffff; */
    border-top: none;
    padding:10px 0 0 0;
    position: relative;
  }
  #menu-footer ul.nav-menu:before { /* pseudo element for vertical alignment of menu's */
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  #menu-footer ul.nav-menu li {
    display:inline-block;
    margin:0;
    padding:3px 0px 3px 0px;
    line-height: 25px;
    font-size: 14px;
    text-shadow: 0 1px 0 #000;
    vertical-align: middle;
  }

  #menu-footer ul.nav-menu li a {
    color: #ffffff;
  }
  #menu-footer ul.nav-menu li a:hover {
    color:#00b2c5;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for horizontal line in footer */
  hr.horizontal-line-top-margin {
    border: 0;
    /* height: 1px; */
    background-image: linear-gradient(to right, #000000, #FFCC00, #000000);
    margin-top: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for professional link */
  .footer-professional {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .footer-professional .footer-prof-quest-wrap {
    display: block;
    order: 0;
    font-size: 20px;
    min-width: 290px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
  .footer-professional .footer-prof-button-wrap {
    display: flex;
    order: 1;
    flex-flow: row nowrap;
    align-items: center;
    min-width: 140px;
    padding-left: 5px;
    margin-bottom: 10px;
  }
  .footer-professional .footer-prof-button-wrap .footer-prof-button {
    display: block;
    background-image: none;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    overflow: visible;
    padding: .309em .5em;
    font-weight: 900;
    color: #515151;
    background-color: #ffcc00;
    border-radius: 3px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .footer-professional .footer-prof-button-wrap .footer-prof-button:hover {
    color: #ffffff !important;
    background-color: #00b5c2;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/** 
 * #######################
 * # RIGHT SIDEBAR BEGIN #
 * #######################
 **/
  /* Set style for widget "Je connais déjà mon huile" */
  .widget-slider-wrapper {
    display: block;
    width: 100%;
  }
  .widget-product-slider {
    display: block;
    width: 85px;
    margin-left: auto;
    margin-right: auto;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #####################
 * # RIGHT SIDEBAR END #
 * #####################
 **/

/** 
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Adjust padding left and right home page */
  .home #content.content.l-content.font-inherit {
    padding-left: 8px;
    padding-right: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Remove padding, so remove empty space between header and lameilleure-text */
  .home div.entry-content.clearfix {
    padding: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for lameilleure-text */
  .lameilleure-text {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .lameilleure-part1 {
    font-weight: 800;
    font-style: italic;
    color: #ffffff;
  }
  .lameilleure-part2 {
    font-weight: 800;
    font-style: italic;
    color: #ffffff;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engagement and icons wrapper */
  .vr7-engagements {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #373737; /* masks some white space bugs in IE and Edge */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;   
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    display: block;
    background: #373737;
    background-color: #373737;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;    
  }
  .vr7-engagements-title-text {
    text-align: center;
    font-weight: 800;
    color: #FFCC00;
    margin: auto;
    background: #373737; /* #1e1e1e; */
    background-color: #373737; /*  #1e1e1e; */
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the 3 VR7-engagements icons */
  .icon-parent-2 {
    font-size: 0; 
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center; /* centers inline-blocks */
  }
  .icon-background-2a {
    font-size: 14px;
    display: inline-block;
    width: 220px;
    height: 135px;
    background-color: #373737;
    vertical-align: top;
  }
  .icon-background-2b {
    font-size: 14px;
    display: inline-block;
    width: 220px;
    height: 135px;
    background-color: #373737;
    vertical-align: top;
  }
  .icon-background-2c {
    font-size: 14px;
    display: inline-block;
    width: 220px;
    height: 135px;
    background-color: #373737;
    vertical-align: top;
  }
  .main-block-txt-garantie {
    display: block;
    width: 130px;
    height: 110px;
    color: #ffffff;
    border-top: 1px solid #ffcc00;
    border-bottom: 1px solid #ffcc00;
    border-left: 1px solid #ffcc00;
    border-right: 1px solid #ffcc00;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
  }
  .txt-garantie {
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }
  a.txt-link-garantie:link {
    background:transparent;color:#ffffff;
  }
  a.txt-link-garantie:visited {
    background:transparent;color:#ffffff;
  }
  a.txt-link-garantie:hover {
    background:transparent;color:#00b2c5;
  }
  a.txt-link-garantie:active {
    background:transparent;color:#ffffff;
  }
  .main-block-number1 {
    display: block;
    width: 130px;
    height: 110px;
    border-top: 1px solid #ffcc00;
    border-bottom: 1px solid #ffcc00;
    border-left: 1px solid #ffcc00;
    border-right: 1px solid #ffcc00;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: auto;
    margin-right: auto;
  }
  .picto-block-img-number1 {
    display: block;
    width: 130px;
    height: 50px;
    margin : auto;
    padding-top : 5px;
  }
  .picto-block-txt-number1 {
    display: block;
    width: 130px;
    height: 60px;
    margin: auto;
  }
  .picto-block-txt-number1 a:link {
    color: #ffffff;
  }
  .picto-block-txt-number1 a:visited {
    color: #ffffff;
  }
  .picto-block-txt-number1 a:hover {
    color: #00b2c5;
    /* text-decoration: underline; */
  }
  .picto-block-txt-number1 a:active {
    color: #ffffff;
  }
  .picto-text-number1 {
    text-align: center;
    font-size: 18px;
    margin: auto;
    color: #ffffff;
  }
  a.picto-link-number1:link {
    background:transparent;color:#ffffff;
  }
  a.picto-link-number1:visited {
    background:transparent;color:#ffffff;
  }
  a.picto-link-number1:hover {
    background:transparent;color:#00b2c5;
  }
  a.picto-link-number1:active {
    background:transparent;color:#ffffff;
  }
  .picto-number1-pictostyle {
    width: 112px;
    height: 45px;
    background: url('/wp-content/uploads/number-1-double-white-blue-pictostyle-w224-h45.png') no-repeat left top;
    margin: auto;
  }
  .picto-number1-pictostyle:hover {
    background-position: -112px 0px;
  }
  .main-block-txt-best-price {
    display: block;
    width: 130px;
    height: 110px;
    color: #ffffff;
    border-top: 1px solid #ffcc00;
    border-bottom: 1px solid #ffcc00;
    border-left: 1px solid #ffcc00;
    border-right: 1px solid #ffcc00;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
  }
  .txt-best-price {
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }
  a.txt-link-best-price:link {
    background:transparent;color:#ffffff;
  }
  a.txt-link-best-price:visited {
    background:transparent;color:#ffffff;
  }
  a.txt-link-best-price:hover {
    background:transparent;color:#00b2c5;
  }
  a.txt-link-best-price:active {
    background:transparent;color:#ffffff;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: 900;
    background: #ffcc00;
    color: #515151 !important;
    border: 1px solid #ffcc00;
    cursor: pointer;
  }
  .click2buybutton:hover {
    background: #00b5c2;
    color: #ffffff !important;
    border: 1px solid #00b5c2;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for horizontal line in homepage */
  hr.horizontal-line {
    border: 0;
    /* height: 1px; */
    background-image: linear-gradient(to right, #000000, #FFCC00, #000000);
    margin-bottom: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    text-align: center;
    font-weight: 800;
    color: #FFCC00;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .vr7-must-text-part1 {
    display: inline-block;
  }
  .vr7-must-text-part2 {
    display: inline-block;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style options for News-Ticker */
  /**
  * .home .news-ticker {
  *    width: 100%;
  *    display: block;
  *    text-align: center;
  * }
  * .home #mtphr-dnt-555 {
  *    width: 80%;
  *    margin: auto;
  * }
  * .home .ticker-href-class1:link {
  *    color: #ffff00;
  * }
  * .home .ticker-href-class1:visited {
  *    color: #ffff00;
  * }
  * .home .ticker-href-class1:hover {
  *    color: #00b2c5;
  * }
  * .home .ticker-href-class1:active {
  *    color: #ffff00;
  * }
  * .home .ticker-href-class2:link {
  *    color: #00b2c5;
  * }
  * .home .ticker-href-class2:visited {
  *    color: #00b2c5;
  * }
  * .home .ticker-href-class2:hover {
  *    color: #00b2c5;
  * }
  * .home .ticker-href-class2:active {
  *   color: #00b2c5;
  * }
  * .home .ticker-text1-class {
  *   font-size: 18px;
  *   font-weight: bold;
  * }
  * .home .ticker-text2-class {
  *   font-size: 22px;
  *   font-weight: bold;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ################################################
 * # VR7 Woocommerce Review Comments Plugin BEGIN #
 * ################################################
 **/

  /* Set alignment of reviews product thumb block */
  .twb_wc_reviews_product_thumb {
    width: 20%;
    display: inline-block;
    vertical-align: top;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of the avatar - author - date - star ratings block */
  .twb_wc_reviews_avatar_author_date_star_ratings {
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of the reviews content block */
  .twb_wc_reviews_content {
    width: 70%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of star rating block */
  div.woocommerce.twb_wc_reviews_ratings_wrap {
    /* display: inline-block; */
    /* width: 60%; */
    /* vertical-align: top; */
    float: right;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set color of stars in star-rating */
  div.woocommerce.twb_wc_reviews_ratings_wrap .star-rating {
    color: #ffcc00 !important;
    font-size: small;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of stars in star-rating */
  div.woocommerce.twb_wc_reviews_ratings_wrap .star-rating {
    margin: 10px 0 !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of avatar/author/date block */
  .twb_wc_reviews_avatar_author_date {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-left: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of avatar block */
  .twb_wc_reviews_avatar {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of author - date block */
  .twb_wc_reviews_author_date {
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of the review text link */
  .twb_wc_reviews_ct_link {
    display: inline-block !important;
    width: 100% !important;
    vertical-align: top !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of review text */
  .twb_wc_reviews_ct {
    width : 100% !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 20px !important;
  }
  .twb_wc_reviews_ct p {
    text-align: left;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############################################
 * # VR7 Woocommerce Review Comments Plugin END #
 * ##############################################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for VR7-is section */
  .vr7-is {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    display: block;
    background-color: #242424;
    background: #242424;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
  }
  .vr7-is-title-text {
    text-align: center;
    font-weight: 800;
    color: #FFCC00;
    background: #1e1e1e;
    background-color: #1e1e1e;
    margin: auto;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  .promo_message_oil_selection {
    display: block;
    width: 80%;
    /* border: 1px solid #ffffff; */
    border: none;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
  }
  table.promo_message_oil_selection_table {
    width: 100%;
    border: none !important;    
  }
  table.promo_message_oil_selection_table tbody {
    width: 100%;
    border: none !important;    
  }
  .promo_message_oil_selection_msgheader {
    display: block;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    border: none !important;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    border: none !important;
  }
  .promo_message_oil_selection_msg1 {
    display: block;
    font-size: 20px;
    font-weight: 700;
  }
  .promo_message_oil_selection_msg2 {
    display: block;
    font-size: 20px;
    font-weight: 700;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the 4 vr7-is icons */
  .icon-parent-1 {
    width: 100%;
    font-size: 0;
    text-align: center;
  }
  .icon-background-1 {
    font-size: 14px;
    display: inline-block;
    background-color: #242424;
    width: 185px;
    height: 155px;
    margin-left:auto;
    margin-right: auto;
    margin-bottom: 0px;
    vertical-align: top;
    z-index: 2000;
  }
  .picto-block-img-48h {
    display: block;
    width: 185px;
    height: 90px;
    margin: auto;
  }
  .picto-block-txt-48h {
    display: block;
    width: 185px;
    height: 60px;
    margin: auto;
  }
  .picto-text-48h {
    text-align: center;
    font-size: 18px;
    margin: auto;
    color: #ffffff;
  }
  .picto-block-txt-48h a:link {
    color: #ffffff;
  }
  .picto-block-txt-48h a:visited {
    color: #ffffff;
  }
  .picto-block-txt-48h a:hover {
    color: #00b2c5;
    /* text-decoration: underline; */
  }
  .picto-block-txt-48h a:active {
    color: #ffffff;
  }
  a.picto-link-48h:link {
    background:transparent;color:#ffffff;
  }
  a.picto-link-48h:visited {
    background:transparent;color:#ffffff;
  }
  a.picto-link-48h:hover {
    background:transparent;color:#00b2c5;
  }
  a.picto-link-48h:active {
    background:transparent;color:#ffffff;
  }
  .picto-48h-pictostyle {
    width: 112px;
    height: 90px;
    background: url('/wp-content/uploads/48h-double-white-blue-pictostyle-w224-h90.png') no-repeat left top;
    padding: auto;
    margin: auto;
  }
  .picto-48h-pictostyle:hover {
    background-position: -112px 0px;
  }
  .picto-block-img-truck {
    display: block;
    width: 185px;
    height: 90px;
    margin: auto;
  }
  .picto-block-txt-truck {
    display: block;
    width: 185px;
    height: 60px;
    margin: auto;
  }
  .picto-text-truck {
    text-align: center;
    font-size: 18px;
    margin: auto;
    color: #ffffff;
  }
  .picto-block-txt-truck a:link {
    color: #ffffff;
  }
  .picto-block-txt-truck a:visited {
    color: #ffffff;
  }
  .picto-block-txt-truck a:hover {
    color: #00b2c5;
    /* text-decoration: underline; */
  }
  .picto-block-txt-truck a:active {
    color: #ffffff;
  }
  a.picto-link-truck:link {
    background:transparent;color:#ffffff;
  }
  a.picto-link-truck:visited {
    background:transparent;color:#ffffff;
  }
  a.picto-link-truck:hover {
    background:transparent;color:#00b2c5;
  }
  a.picto-link-truck:active {
    background:transparent;color:#ffffff;
  }
  .picto-truck-pictostyle {
    width: 112px;
    height: 90px;
    background: url('/wp-content/uploads/truck-double-white-blue-pictostyle-w224-h90.png') no-repeat left top;
    padding: auto;
    margin: auto;
  }
  .picto-truck-pictostyle:hover {
    background-position: -112px 0px;
  }
  .picto-block-img-tin {
    display: block;
    width: 185px;
    height: 90px;
    margin: auto;
  }
  .picto-block-txt-tin {
    display: block;
    width: 185px;
    height: 60px;
    margin: auto;
  }
  .picto-text-tin {
    text-align: center;
    font-size: 18px;
    margin: auto;
    color: #ffffff;
  }
  .picto-block-txt-tin a:link {
    color: #ffffff;
  }
  .picto-block-txt-tin a:visited {
    color: #ffffff;
  }
  .picto-block-txt-tin a:hover {
    color: #00b2c5;
    /* text-decoration: underline; */
  }
  .picto-block-txt-tin a:active {
    color: #ffffff;
  }
  a.picto-link-tin:link {
    background:transparent;color:#ffffff;
  }
  a.picto-link-tin:visited {
    background:transparent;color:#ffffff;
  }
  a.picto-link-tin:hover {
    background:transparent;color:#00b2c5;
  }
  a.picto-link-tin:active {
    background:transparent;color:#ffffff;
  }
  .picto-tin-1lit-pictostyle {
    width: 112px;
    height: 90px;
    background: url('/wp-content/uploads/tin-1lit-double-white-blue-pictostyle-w224-h90.png') no-repeat left top;
    padding: auto;
    margin: auto;
  }
  .picto-tin-1lit-pictostyle:hover {
    background-position: -112px 0px;
  }
  .picto-block-img-calendar {
    display: block;
    width: 185px;
    height: 90px;
    margin: auto;
  }
  .picto-block-txt-calendar {
    display: block;
    width: 185px;
    height: 60px;
    margin: auto;
  }
  .picto-text-calendar {
    text-align: center;
    font-size: 18px;
    margin: auto;
    color: #ffffff;
  }
  .picto-block-txt-calendar a:link {
    color: #ffffff;
  }
  .picto-block-txt-calendar a:visited {
    color: #ffffff;
  }
  .picto-block-txt-calendar a:hover {
    color: #00b2c5;
    /* text-decoration: underline; */
  }
  .picto-block-txt-calendar a:active {
    color: #ffffff;
  }
  a.picto-link-calendar:link {
    background:transparent;color:#ffffff;
  }
  a.picto-link-calendar:visited {
    background:transparent;color:#ffffff;
  }
  a.picto-link-calendar:hover {
    background:transparent;color:#00b2c5;
  }
  a.picto-link-calendar:active {
    background:transparent;color:#ffffff;
  }
  .picto-calendar-pictostyle {
    width: 112px;
    height: 90px;
    background: url('/wp-content/uploads/calendar-double-white-blue-pictostyle-w224-h90.png') no-repeat left top;
    padding: auto;
    margin: auto;
  }
  .picto-calendar-pictostyle:hover {
    background-position: -112px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buyselection {
    display: block;
    width: 80%;
    border: 1px solid #493a00;
    background: #000000;
    background-color: #000000;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
  }
  #click2buybuttonselection {
    display: inline-block;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 20px;
  }
  a.click2buybuttonselection {
    background: #ffcc00;
    color: #515151 !important;
    text-align: center;
    font-family: 'FuturaStd-Book';
    font-weight: 800;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  a.click2buybuttonselection:hover {
    background: #00b5c2;
    color: #ffffff !important;
    border: 1px solid #00b5c2;
  }
  .click2buytextselection {
    display: inline-block;
    color: #ffcc00 !important;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    /* font-weight: 800; */
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # CARDATABASE BEGIN #
 * #####################
 **/
  /* Set style for car database default view */
  .clear {
      clear: both;
  }
  #cardatabase {
      display: block;
      width: 80%;
      border: 1px solid #493a00;
      background: #000000;
      background-color: #000000;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
  }
  .cardb-lets-search-message {
      display: block;
      width: 100%;
      font-size: 20px;
      color: #ffcc00;
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px;
  }
  .selector-fields {
      width: 100%;
      padding: 0px;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: auto;
      margin-right: auto;
  }
  .carbrand {
      display: inline-block;
      width: 140px;
      height: 50px;
      padding: 0;
      margin: 0;
      text-align:center;
  }
  div.carbrand #cq-make:enabled {
      background: #1e1e1e;
      width: 130px;
      height: 46px;
      color: #ffcc00;
      text-align: center;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      border: 1px solid #ffcc00;
      border-radius: 5px;
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  .caryear {
      display: inline-block;
      width: 140px;
      padding: 0;
      margin: 0;
      height: 50px;
      text-align: center;
  }
  div.caryear #cq-year:disabled {
      background: #1e1e1e;
      width: 130px;
      height: 46px;
      color: #a6a6a6;
      text-align: center;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      border: 1px solid #a6a6a6;
      border-radius: 5px;
      cursor: not-allowed;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  div.caryear #cq-year:enabled {
      background: #1e1e1e;
      width: 130px;
      height: 46px;
      color: #ffcc00;
      text-align: center;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      border: 1px solid #ffcc00;
      border-radius: 5px;
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  .carmodel {
      display: inline-block;
      width: 140px;
      padding: 0;
      margin: 0;
      height: 50px;
      text-align: center;
  }
  div.carmodel #cq-model:disabled {
      background: #1e1e1e;
      width: 130px;
      height: 46px;
      color: #a6a6a6;
      text-align: center;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      border: 1px solid #a6a6a6;
      border-radius: 5px;
      cursor: not-allowed;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  div.carmodel #cq-model:enabled {
      background: #1e1e1e;
      width: 130px;
      height: 46px;
      color: #ffcc00;
      text-align: center;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      border: 1px solid #ffcc00;
      border-radius: 5px;
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  .cartype {
      display: inline-block;
      width: 140px;
      padding: 0;
      margin: 0;
      height: 50px;
      text-align: center;
  }
  div.cartype #cq-type:disabled {
      background: #1e1e1e;
      width: 130px;
      height: 46px;
      color: #a6a6a6;
      text-align: center;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      border: 1px solid #a6a6a6;
      border-radius: 5px;
      cursor: not-allowed;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  div.cartype #cq-type:enabled {
      background: #1e1e1e;
      width: 130px;
      height: 46px;
      color: #ffcc00;
      text-align: center;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      border: 1px solid #ffcc00;
      border-radius: 5px;
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  .carconfirm {
      display: inline-block;
      width: 140px;
      padding:0;
      margin-left: 0;
      height: 50px;
      text-align: center;
  }
  input#cq-reset:disabled {
      width: 130px;
      height: 46px;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      background: #1e1e1e;
      border: 1px solid #a6a6a6;
      border-radius: 5px;
      color: #a6a6a6;
      cursor: not-allowed;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  input#cq-reset:enabled {
      width: 130px;
      height: 46px;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      font-weight: bold;
      background: #ffcc00;
      border: 1px solid #ffcc00;
      border-radius: 5px;
      color: #515151;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  .query-message-field {
      display: none;
      width: 100%;
  }
  .selected_car {
      display: none;
      width: 100%;
      font-size: 16px;
      color: #a6a6a6;
      font-weight: bold;
      text-align: center;
      margin-top: 20px;
      margin-left: auto;
      margin-right: auto;
  }
  #result-fields {
      display: none;
      position:relative;
      padding-top: 20px;
      width: 100%;
      margin: auto;
      text-align: center;
  }
  .result-summer-oil {
      display: none;
      width: 210px;
      vertical-align: top;
      text-align: center;
      margin: auto;
      padding-right: 5px;
  }
  .cq_choice_summer {
      display: none;
      width: 100%;
      font-size: 16px;
      font-weight: bold;
  }
  .result-product-summer {
      display: none;
      width: 100%;
      height: 220px;
  }
  .cq_price_summer {
      display: none;
      width: 100%;
      text-align: center;
      margin: auto;
  }
  .cq_price_summer_link {
    text-align: center;
  }
  .cq_price_summer_style1 {
    font-size: 11px;
  }
  .cq_price_summer_style2 {
    font-size: 20px;
    font-weight: 900;
  }
  .cq_price_summer_style3 {
    font-size: 25px;
    font-weight: 900;
  }
  .cq_capacity_summer {
      display: none;
      width: 100%;
      text-align:center;
      margin: auto;
      font-size: 11px;
  }
  .cq_capacity_summer b {
      font-size: 16px;
  }
  .cq_add_to_cart_summer {
      display: none;
      width: 100%;
      text-align:center;
      margin: auto;
      margin-top: 5px;
      margin-bottom: 10px;
  }
  a.cq_add_to_cart_button_summer {
      display: inline-block;
      background-image: none;
      font-size: 100%;
      line-height: 1;
      cursor: pointer;
      overflow: visible;
      padding: .618em 1em;
      font-weight: 700;
      border-radius: 3px;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      text-shadow: none;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: .5em;
      text-align: center;
  }
  a.cq_add_to_cart_button_summer:link {
      color: #515151;
      background-color: #ffcc00;
  }
  a.cq_add_to_cart_button_summer:visited {
      color: #515151;
      background-color: #ffcc00;
  }
  a.cq_add_to_cart_button_summer:hover {
      color: #ffffff !important;
      background-color: #00b5c2;
  }
  a.cq_add_to_cart_button_summer:active {
      color: #515151;
      background-color: #ffcc00;
  }
  a.cq_add_to_cart_button_summer.add_to_cart_button.ajax_add_to_cart.added:after {
      font-family: WooCommerce;
      content:"\e017";
      margin-left:.53em;
      vertical-align:bottom
  }
  .result-winter-oil {
      display: none;
      width: 210px;
      vertical-align: top;
      text-align: center;
      margin: auto;
      padding-left: 5px;
  }
  .cq_choice_winter {
      display: none;
      width: 100%;
      font-size: 16px;
      font-weight: bold;
  }
  .result-product-winter {
      display: none;
      width: 100%;
      height: 220px;
  }
  .cq_price_winter {
      display: none;
      width: 100%;
      text-align: center;
      margin: auto;
  }
  .cq_price_winter_link {
    text-align: center;
  }
  .cq_price_winter_style1 {
    font-size: 11px;
  }
  .cq_price_winter_style2 {
    font-size: 20px;
    font-weight: 900;
  }
  .cq_price_winter_style3 {
    font-size: 25px;
    font-weight: 900;
  }
  .cq_capacity_winter {
      display: none;
      width: 100%;
      text-align:center;
      margin: auto;
      font-size: 11px;
  }
  .cq_capacity_winter b {
      font-size: 16px;
  }
  .cq_add_to_cart_winter {
      display: none;
      width: 100%;
      text-align: center;
      margin: auto;
      margin-top: 5px;
      margin-bottom: 10px;
  }
  a.cq_add_to_cart_button_winter {
      display: inline-block;
      background-image: none;
      font-size: 100%;
      line-height: 1;
      cursor: pointer;
      overflow: visible;
      padding: .618em 1em;
      font-weight: 700;
      border-radius: 3px;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      text-shadow: none;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: .5em;
      text-align: center;
  }
  a.cq_add_to_cart_button_winter:link {
      color: #515151;
      background-color: #ffcc00;
  }
  a.cq_add_to_cart_button_winter:visited {
      color: #515151;
      background-color: #ffcc00;
  }
  a.cq_add_to_cart_button_winter:hover {
      color: #ffffff !important;
      background-color: #00b5c2;
  }
  a.cq_add_to_cart_button_winter:active {
      color: #515151;
      background-color: #ffcc00;
  }
  a.cq_add_to_cart_button_winter.add_to_cart_button.ajax_add_to_cart.added:after {
      font-family: WooCommerce;
      content:"\e017";
      margin-left:.53em;
      vertical-align:bottom
  }
  .cq-view-cart {
      display: none;
      width: 100%;
      text-align: center;
      margin: auto;
      margin-top: 10px;
      margin-bottom: 10px;
  }
  .detail_order_button {
    display: inline-block;
    background-image: none;
    font-size: 100%;
    line-height: 1;
    cursor: pointer;
    overflow: visible;
    /*padding: .618em 1em; */
    padding: .418em .618em;
    font-weight: 700;
    border-radius: 3px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5em;
    text-align: center;
  }
  a.detail_order_button:link {
    color: #515151;
    background-color: #ffcc00;
  }
  a.detail_order_button:visited {
    color: #515151;
    background-color: #ffcc00;
  }
  a.detail_order_button:hover {
    color: #ffffff !important;
    background-color: #00b5c2;
  }
  a.detail_order_button:active {
    color: #515151;
    background-color: #ffcc00;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  
  /* Set border and shadow around product images in oil selector*/
  a.oil-selector-product-image:link img {
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #000000;
  }
  a.oil-selector-product-image:visited img {
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #000000;
  }
  a.oil-selector-product-image:hover img {
    border: 1px solid #00B5C2;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #00B5C2;
  }
  a.oil-selector-product-image:active img {
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #000000;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ###################
 * # CARDATABASE END #
 * ###################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/
  /* Set style for woocommerce message in general*/
  div.woocommerce-message {
    /**
     * border-top-color: #8fae1b !important;
     * border-bottom-color: #8fae1b !important;
     * border-left-color: #8fae1b !important;
     * border-right-color: #8fae1b !important;
     **/
    /**
     * border-top-color: #888888 !important;
     * border-bottom-color: #888888 !important;
     * border-left-color: #888888 !important;
     * border-right-color: #888888 !important;
     **/
    border: none !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    
  }
  div.woocommerce-message a {
    margin-left: 10px;
  }
  .msg-left {
    order: 0;
    display: block;
    width: 300px;
    text-align: left;
  }
  .btn-right {
    order: 1;
    display: block;
    width: 150px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /*
   * .message-go-to-shop-button {
   *   display: block;
   *   width: 192px;
   *   text-align: center;
   *   border-top-left-radius: 3px;
   *   border-top-right-radius: 3px;
   *   border-bottom-left-radius: 3px;
   *   border-bottom-right-radius: 3px;
   *   padding: .309em 5px;
   *   font-weight: 900;
   *   font-size: 14px;
   *   background: #ffcc00;
   *   color: #515151 !important;
   *   border: 1px solid #ffcc00;
   *   cursor: pointer;
   * }
   * .message-go-to-shop-button:hover {
   *   background: #00b5c2;
   *   color: #ffffff !important;
   *   border: 1px solid #00b5c2;
   * }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for woocommerce error and info messages */
  .woocommerce-error, .woocommerce-info, .woocommerce-message {
      padding: 1em 2em 1em 3.5em !important;
      margin-top: 0 !important;
      margin-bottom: 1em !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      position: relative;
      background-color: transparent;
      color: #FFFFFF;
      /* border-top: 2px solid #a46497; */
      list-style: none !important;
      width: auto;
      word-wrap: break-word;
      /* border-bottom: 2px solid #a46497; */
      /* border-left: 2px solid #a46497; */
      /* border-right: 2px solid #a46497; */
      border: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Do not display error message "you have to accept our general conditions" in checkout page. */
  /* .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul.woocommerce-error {
    display: none;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Do not display coupon on checkout page */
  /*
   * div#checkout_coupon.woocommerce_checkout_coupon .woocommerce-info::before {
   * display: none;
   * }
   */
  /** --------------------------------------------------------------------------------------------------- **/

  /** Set width for Code promo input field on cart page **/
  div.coupon input#coupon_code.input-text[name="coupon_code"] {
    width: 100px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Remove add_to_cart button in add_to_cart message */
  .woocommerce-message a.button.wc-forward {
    display: none !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** Set style for coupon free gift choice on cart page **/
  tr.wjecf-fragment-cart-select-free-product.wjecf-auto-submit td {
    border: none !important;
  }
  div.wjecf-select-free-products.coupon-vr7promo h3 {
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
  }
  div.wjecf-select-free-products.coupon-vr7promo ul.wjecf-cols.cols-4.cols-lg-3.cols-sm-2 {
    justify-content: center;
  }
  div.wjecf-select-free-products.coupon-vr7promo ul.wjecf-cols.cols-4.cols-lg-3.cols-sm-2 li {
    width: unset;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /*
  * Set default background-color for all buttons in all parts of the woocommerce control panel, all buttons, "Procéder à la commande" excluded, of the cart,
  * the edit account page, the edit address page, the add payment method page, the your orders page, the tracking orders page, the login/logout page,
  * the products page, the single product page, the "ajouter au panier" button excluded.
  */
  .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background-color: #FFCC00;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set hover over color for all buttons */
  .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #00B5C2 !important;
    color: #FFFFFF !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "virement-bancaire" mail link at the end of the checkout procedure */
  a.virement-bancaire:link {
    color: #00B5C2;
  }
  a.virement-bancaire:visited {
    color: #00B5C2;
  }
  a.virement-bancaire:hover {
    color: #00B5C2;
  }
  a.virement-bancaire:active {
    color: #00B5C2;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Do not display "Qu'est-ce PayPal" on checkout page */
  a.about_paypal {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Remove icon before "Déjà client" on checkout page. */
  body.page-id-189 div.woocommerce-info::before {
    display: none !important;
  }
  body.page-id-189 div.woocommerce-info {
    padding-left: 0 !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Remove padding from login form on checkout page */
  body.page-id-189 form.woocommerce-form.woocommerce-form-login.login {
    padding-left: 0;
    padding-right: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  body.page-id-189 div.woocommerce-info a.showlogin {
    font-size: 18px;
    font-weight: 900;
  }
  /* Set style for "Déjà client" on checkout page */
  
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message {
    display: none;
    text-align: center;
    width: 100%;
    color: #00B5C2;
  }
  div.checkout-reassure-message-wrapper {
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0;
  }
  span.checkout-reassure-message-style1 {
    font-weight: 400;
  }
  span.checkout-reassure-message-style2 {
    font-weight: 900;
  }
  /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for reassuring message on cart page */
    div.cart-reassure-message {
      display: none;
      text-align: center;
      font-size: 13px;
      width: 100%;
      color: #00B5C2;
    }
    div.cart-reassure-message-wrapper {
      width: 100%;
      height: 16px;
      margin: 0;
      padding: 0;
    }
    span.cart-reassure-message-style1 {
      font-weight: 400;
    }
    span.cart-reassure-message-style2 {
      font-weight: 900;
    }
    /** --------------------------------------------------------------------------------------------------- **/

  /* Change the style of the radio buttons for choosing payment gateway on the checkout page */
  /* Radio button PayPlug Gateway */
    /* Do not show the original radio button */
    input#payment_method_woocommerce-payplug.input-radio[type=radio] {
      display: none;
    }
    /* Common settings for label style for a non-checked button */
    input#payment_method_woocommerce-payplug.input-radio[type=radio] + label {
      display: flex;
      flex-flow: nowrap;
      cursor: pointer;
    }
    /* Style the label with an image for a non-checked button */
    input#payment_method_woocommerce-payplug.input-radio[type=radio] + label:before {
      content: '\f1db';
      font-family: 'FontAwesome';
      color: #888;
      background-color: transparent;
      margin-right: 10px;
    }
    /* Style the label with an image for a checked button */
    input#payment_method_woocommerce-payplug.input-radio[type=radio]:checked + label:before {
      content: '\f058';
      font-family: 'FontAwesome';
      color: #8fae1b;
      background-color: transparent;
      margin-right: 10px;
    }
  /* Radio button Paypal Gateway */
    /* Do not show the original radio button */
    input#payment_method_paypal.input-radio[type=radio] {
      display: none;
    }
    /* Common settings for label style for a non-checked button */
    input#payment_method_paypal.input-radio[type=radio] + label {
      display: flex;
      flex-flow: nowrap;
      cursor: pointer;
    }
    /* Style the label with an image for a non-checked button */
    input#payment_method_paypal.input-radio[type=radio] + label:before {
      content: '\f1db';
      font-family: 'FontAwesome';
      color: #888;
      background-color: transparent;
      margin-right: 12px;
    }
    /* Style the label with an image for a checked button */
    input#payment_method_paypal.input-radio[type=radio]:checked + label:before {
      content: '\f058';
      font-family: 'FontAwesome';
      color: #8fae1b;
      background-color: transparent;
      margin-right: 12px;
    }
  /* Radio button Bank Transfer Gateway */
    /* Do not show the original radio button */
    input#payment_method_bacs.input-radio[type=radio] {
      display: none;
    }
    /* Common settings for label style for a non-checked button */
    input#payment_method_bacs.input-radio[type=radio] + label {
      cursor: pointer;
    }
    /* Style the label with an image for a non-checked button */
    input#payment_method_bacs.input-radio[type=radio] + label:before {
      content: '\f1db';
      font-family: 'FontAwesome';
      color: #888;
      background-color: transparent;
      margin-right: 10px;      
    }
    /* Style the label with an image for a checked button */
    input#payment_method_bacs.input-radio[type=radio]:checked + label:before {
      content: '\f058';
      font-family: 'FontAwesome';
      color: #8fae1b;
      background-color: transparent;
      margin-right: 10px;
    }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Change the style of the checkbox for general conditions on the checkout page */
  /* Do not show the original checkbox button */
  input#terms.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox[type=checkbox] {
    display: none;
  }
  /* Common settings for span style for a non-checked checkbox */
  input#terms.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox[type=checkbox] + span {
    cursor: pointer;
  }
  /* Style the span with an image for a non-checked button */
  input#terms.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox[type=checkbox] + span:before {
    content: '\f096';
    font-family: 'FontAwesome';
    color: #888;
    background-color: transparent;
    margin-right: 10px;      
  }
  /* Style the label with an image for a checked button */
  input#terms.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox[type=checkbox]:checked + span:before {
    content: '\f14a';
    font-family: 'FontAwesome';
    color: #8fae1b;
    background-color: transparent;
    margin-right: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Do not display "Votre Commande" title and order summary in the middle of checkout page */
  h3#order_review_heading {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Do not display order summary on the checkout page */
  table.shop_table.woocommerce-checkout-review-order-table {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Create some space between "coordinates" area and order review on checkout page */
  /* Necessary because of not displaying order review heading */
  div#order_review.woocommerce-checkout-review-order {
    margin-top: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Center titles for the tabs of the steps on the multi-step checkout page */
  /*div#wizard.wizard.clearfix div.steps.clearfix ul li:first-child a {
    text-align: center;
  }
  div#wizard.wizard.clearfix div.steps.clearfix ul li:nth-child(2n) a {
    text-align: center;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size for the "Next" button(s) on the multi-step checkout page */
  /*div#wizard.wizard.clearfix div.actions.clearfix ul li:nth-child(2n) a {
    background-color: #ffcc00;
    border: 1px solid #ffcc00;
    color: #515151;
    font-size: 180%;
    font-weight: 700;
    border-radius: 3px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size for the "Place Order" button on the multi-step checkout page */
  /*div#wizard.wizard.clearfix div.actions.clearfix ul li:nth-child(3n) a {
    background-color: #ffcc00;
    border: 1px solid #ffcc00;
    color: #515151;
    font-size: 180%;
    font-weight: 700;
    border-radius: 3px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the "Previous" Button on the multi-step checkout page */
  /*div#wizard.wizard.clearfix div.actions.clearfix ul li:first-child a {
    font-size: 75%;
    background-color: transparent;
    color: #a1a1a1;
    border: 1px solid #a1a1a1;
    border-radius: 3px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set color of "*" in checkout page or general conditions */
  p.form-row.terms.wc-terms-and-conditions label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span.required {
    display: none;
    color: #ffffff;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the add-to-cart button on the single products page */
  .button.single_add_to_cart_button.button.alt {
    margin: auto;
    background: none;
    background-color: #FFCC00;
    color: #000000;
    left: auto;
    background-clip: border-box;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    letter-spacing: 1px;
    padding: 0 20px;
    text-transform: uppercase;
    line-height: 40px;
    display: inline-block;
    box-shadow: none;
    text-shadow: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the "Finaliser votre commande" button on the cart page */
  a.checkout-button.button.alt.wc-forward {
    margin: auto;
    background: none;
    background-color: #FFCC00;
    color: #515151;
    font-size: 150%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the choice of payment block in the checkout page */
  #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: transparent;
    border-radius: 5px;
    border: 2px solid #888;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the button "Commander" in the checkout page */
  /*
    input#place_order.button.alt {
    margin: auto;
    background: none;
    background-color: #FFCC00;
    color: #000000;
    font-size: 150%;
  }
  */
  /* Set style for "Terminer votre commande / Payer" button on one-page checkout page */
  button#place_order.button.alt {
    background-color: #ffcc00;
    color: #515151;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the country drop-down box in the address section of the control panel */
  .select2-container .select2-choice {
    background-color: #FFFF99;
    background: #FFFF99;
    color: #000000;
  }
  div.select2-search {
    background: #888888;
  }
  .select2-results {
    max-height: 200px;
    padding: 4px;
    margin: 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: transparent;
    background: #888888;
  }
  .select2-result-label {
    background: #888888;
  }
  .select2-result-label:hover {
    background: #FFFF99;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the tabbed line on the multi-step checkout page */
  /*
  li.wpmc-tab-item.previous {
    color: #8fae1b;
  }
  .wpmc-tabs-wrapper .wpmc-tab-item.previous .wpmc-tab-number {
    color: #ffffff;
    background: #8fae1b;
    border: 1px solid #8fae1b;
  }
  div.wpmc-tab-number {
    color: #ffffff;
    background: #8fae1b;
  }
  */
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the "country" and "state" drop-down on the multi-step checkout page */
  span.select2-selection.select2-selection--single {
    background-color: #FFFF99;
    background: #FFFF99;
    color: #000000;
  }
  span.select2-search.select2-search--dropdown {
    background: #888888;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the "Retour au panier" button on the multi-step checkout page */
  /*button#wpmc-back-to-cart.button.alt {
    color: #a6a6a6;
    border: 1px solid #a6a6a6;
    background-color: transparent;
    font-size: 75%;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* set font-size for title of ship to different address */
  h3#ship-to-different-address {
    font-size: 1.0em !important;
    margin-top: 11px;
  }

  /* Set style for checkbox ship to different address on the checkout page */
  /* Do not show the original checkbox button */
  input#ship-to-different-address-checkbox.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox[type=checkbox] {
    display: none;
  }
  /* Common settings for span style for a non-checked checkbox */
  input#ship-to-different-address-checkbox.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox[type=checkbox] + span {
    cursor: pointer;
  }
  /* Style the span with an image for a non-checked button */
  input#ship-to-different-address-checkbox.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox[type=checkbox] + span:before {
    content: '\f096';
    font-family: 'FontAwesome';
    color: #888;
    background-color: transparent;
    margin-right: 10px;
  }
  /* Style the label with an image for a checked button */
  input#ship-to-different-address-checkbox.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox[type=checkbox]:checked + span:before {
    content: '\f14a';
    font-family: 'FontAwesome';
    color: #8fae1b;
    background-color: transparent;
    margin-right: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for labels of checkout page input fields */
  div.woocommerce-billing-fields__field-wrapper p#billing_first_name_field.form-row.form-row-first.validate-required label {
    text-align: center;
  }
  div.woocommerce-billing-fields__field-wrapper p#billing_last_name_field.form-row.form-row-last.validate-required label {
    text-align: center;
  }
  div.woocommerce-billing-fields__field-wrapper p#billing_address_1_field.form-row.form-row-wide.address-field.validate-required label {
    text-align: center;
  }
  div.woocommerce-billing-fields__field-wrapper p#billing_address_2_field.form-row.form-row-wide.address-field label {
    text-align: center;
  }
  div.woocommerce-billing-fields__field-wrapper p#billing_postcode_field.form-row.form-row-first.address-field.validate-required.validate-postcode label {
    text-align: center;
  }
  div.woocommerce-billing-fields__field-wrapper p#billing_city_field.form-row.form-row-last.address-field.validate-required label {
    text-align: center;
  }
  div.woocommerce-billing-fields__field-wrapper p#billing_country_field.form-row.form-row-first.address-field.update_totals_on_change.validate-required.woocommerce-validated label {
    text-align: center;
  }
  div.woocommerce-billing-fields__field-wrapper p#billing_state_field.form-row.form-row-last.address-field.validate-state label {
    text-align: center;
  }
  div.woocommerce-billing-fields__field-wrapper p#billing_email_field.form-row.form-row-wide.validate-required.validate-email label {
    text-align: center;
  }
  div.woocommerce-billing-fields__field-wrapper p#billing_phone_field.form-row.form-row-first.validate-required.validate-phone label {
    text-align: center;
  }
  div.woocommerce-shipping-fields__field-wrapper p#shipping_first_name_field.form-row.form-row-first.validate-required label {
    text-align: center;
  }
  div.woocommerce-shipping-fields__field-wrapper p#shipping_last_name_field.form-row.form-row-last.validate-required label {
    text-align: center;
  }
  div.woocommerce-shipping-fields__field-wrapper p#shipping_address_1_field.form-row.form-row-wide.address-field.validate-required label {
    text-align: center;
  }
  div.woocommerce-shipping-fields__field-wrapper p#shipping_address_2_field.form-row.form-row-wide.address-field label {
    text-align: center;
  }
  div.woocommerce-shipping-fields__field-wrapper p#shipping_postcode_field.form-row.form-row-first.address-field.validate-required.validate-postcode label {
    text-align: center;
  }
  div.woocommerce-shipping-fields__field-wrapper p#shipping_city_field.form-row.form-row-last.address-field.validate-required label {
    text-align: center;
  }
  div.woocommerce-shipping-fields__field-wrapper p#shipping_country_field.form-row.form-row-first.address-field.update_totals_on_change.validate-required.woocommerce-validated label {
    text-align: center;
  }
  div.woocommerce-shipping-fields__field-wrapper p#shipping_state_field.form-row.form-row-last.address-field.validate-state label {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  
  /* Set style for the message with total price under payment button on checkout page */
  .checkout-add-total {
    display: block;
    margin-top: 10px;
    margin-right: 20px;
    text-align: right;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  
  /* Set style pour ligne avec tabs pour checkout page */
  /*.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-3-tabs {
    width: 50% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the "Skip Login" button on the multi-step checkout page */
  /*button#wpmc-skip-login.button.button-active.current.alt {
    color: #515151;
    background-color: #ffcc00;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Checkout Page : Align "Retour au panier" button and "finaliser votre commande" button to top  on multi-step checkout page */
  /*button#wpmc-prev.button.button-inactive.alt.current {
    vertical-align: top;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the "Next" buttons on the multi-step checkout page */
  /*button#wpmc-next.button.button-active.alt.current {
    color: #515151;
    background-color: #ffcc00;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the "Back" buttons on the multi-step checkout page */
  /*button#wpmc-prev.button.button-inactive.alt.current {
    color: #515151;
    background-color: #ffcc00;
    font-size: 75%;
    display: none !important;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the field "Notes de la commande" on the checkout page */
  textarea#order_comments.input-text {
    height: 200px;
    background-color: #FFFF99;
    background: #FFFF99;
    color: #000000;
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for Mailchimp newsletter radiobutton on the checkout page */
  p.form-row.form-row-wide.create-account {
    padding: 0px !important;
    margin-bottom: 0px;
    /* Do not display the Mailchimp radio button, add automatically every customer to the list*/
    display: none;
  }

  /* Do not display the shipping calculator button */
  a.shipping-calculator-button {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Free" label for shipping costs */
  .wc-cart-free-label {
    font-weight: 800;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for Shop page meta */
  .shop_page_meta {
    text-align: right;
    margin-right: 25px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set border and shadow around product images */
  .woocommerce ul.products li.product a:link img {
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #000000;
  }
  .woocommerce ul.products li.product a:visited img {
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #000000;
  }
  .woocommerce ul.products li.product a:hover img {
    border: 1px solid #00B5C2;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #00B5C2;
  }
  .woocommerce ul.products li.product a:active img {
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #000000;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for Promo Message in Cart */
  table.promo_message_cart_table {
    width : 100%;
    /* 
     * border-left : 2px solid #888 !important;
     * border-right : 2px solid #888 !important;
     * border-top : 2px solid #888 !important;
     * border-bottom : 2px solid #888 !important;
     */
    /*
     * border-left : 2px solid #00B5C2 !important;
     * border-right : 2px solid #00B5C2 !important;
     * border-top : 2px solid #00B5C2 !important;
     * border-bottom : 2px solid #00B5C2 !important;
     * margin-bottom : 2em;
     */
    border: none !important;
  }
  table.promo_message_cart_table tbody td {
    width: 49%;
    border: none !important;
  }
  .promo_message_cart_msgheader{
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 1em !important;
    min-width: 180px;
    max-width: 275px;
    margin-left: auto;
    margin-right: auto;
  }
  .promo_message_cart_msgheader a.become_member_button {
    display: block;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: .309em .5em;
    font-weight: 900;
    background: #ffcc00;
    color: #515151 !important;
    border: 1px solid #ffcc00;
    cursor: pointer;
  }
  .promo_message_cart_msgheader a.become_member_button:hover {
    background: #00b5c2;
    color: #ffffff !important;
    border: 1px solid #00b5c2;
  }
  .promo_message_cart_msg1 {
    text-align: left;
    display: block;
    font-size: 20px;
    font-weight: 700;
  }
  .promo_message_cart_msg2 {
    text-align: left;
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 1em !important;
  }
  @media screen and (max-width: 768px) {
    table.promo_message_cart_table tbody td {
      display: block;
      width: 100%;
      border: none !important;
    }
    .promo_message_cart_msg1 {
      text-align: center;
    }
    .promo_message_cart_msg2 {
      text-align: center;
    }
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set border style around Product list on the cart page */
  table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    border: none !important;
  }
  table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr td.actions {
    border: none !important;
  }
  table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents thead tr th.product-remove {
    border-left: 2px solid #888 !important;
    border-top: 2px solid #888 !important;
    border-top-left-radius: 3px !important;
    /* border: none !important; */
  }
  table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents thead tr th.product-thumbnail {
    border-top: 2px solid #888 !important;
    /* border: none !important; */
  }
  table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents thead tr th.product-name {
    border-top: 2px solid #888 !important;
    /* border: none !important; */
  }
  table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents thead tr th.product-price {
    border-top: 2px solid #888 !important;
    /* border: none !important; */
  }
  table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents thead tr th.product-quantity {
    border-top: 2px solid #888 !important;
    /* border: none !important; */
  }
  table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents thead tr th.product-subtotal {
    border-top: 2px solid #888 !important;
    border-right: 2px solid #888 !important;
    border-top-right-radius: 3px !important;
    /* border: none !important; */
  }
  table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr td.product-remove {
    border-left: 2px solid #888 !important;
    border-bottom: 2px solid #888 !important;
    border-bottom-left-radius: 3px !important;
    /* border: none !important; */
  }
  table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr td.product-thumbnail {
    border-bottom: 2px solid #888 !important;
    /* border: none !important; */
  }
  table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr td.product-name {
    border-bottom: 2px solid #888 !important;
    /* border: none !important; */
  }
  table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr td.product-price {
    border-bottom: 2px solid #888 !important;
    /* border: none !important; */
  }
  table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr td.product-quantity {
    border-bottom: 2px solid #888 !important;
    /* border: none !important; */
  }
  table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr td.product-subtotal {
    border-bottom: 2px solid #888 !important;
    border-right: 2px solid #888 !important;
    border-bottom-right-radius: 3px !important;
    /* border: none !important; */
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** Align button "Mettre à jour le panier" to top on the cart page **/
  table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr td.actions button[name="update_cart"] {
    margin-top: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the PayPlug "cards" image on checkout page when no text is visible in the label */
  div#payment.woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods li.wc_payment_method.payment_method_woocommerce-payplug img {
    margin-left: -60px; /* places credit card icon on top of the PayPlug text */
  }
  div#payment.woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods li.wc_payment_method.payment_method_woocommerce-payplug label {
    color: #000000;
  }
  div#payment.woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods li.wc_payment_method.payment_method_woocommerce-payplug div.payment_box.payment_method_woocommerce-payplug {
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the PayPal "cards" image on checkout page when no text is visible in the label */
  div#payment.woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods li.wc_payment_method.payment_method_paypal img {
    margin-left: -50px; /* places credit card icon on top of the PayPal text */
  }
  div#payment.woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods li.wc_payment_method.payment_method_paypal label {
    color: #000000;
    margin-top: 1em;
  }
  div#payment.woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods li.wc_payment_method.payment_method_paypal div.payment_box.payment_method_paypal {
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the "bank transfer" payment gateway on checkout page */
  div#payment.woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods li.wc_payment_method.payment_method_bacs {
    margin-top: 1em;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
  }
  .cart-under-place-order-button-msg1 {
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 110%;
  }
  .cart-under-place-order-button-msg2 {
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 110%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the Woocommerce Review Title on every product page */
  /* h2.woocommerce-Reviews-title { */
    /* font-size: 1.25em; */
    /* margin-bottom: 1em; */
  /* } */
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for checkbox remember me on the Login page "Votre Espace Membre" */
  /* Do not show the original checkbox button */
  input#rememberme.woocommerce-form__input.woocommerce-form__input-checkbox[type=checkbox] {
    display: none;
  }
  /* Common settings for span style for a non-checked checkbox */
  input#rememberme.woocommerce-form__input.woocommerce-form__input-checkbox[type=checkbox] + span {
    cursor: pointer;
  }
  /* Style the span with an image for a non-checked button */
  input#rememberme.woocommerce-form__input.woocommerce-form__input-checkbox[type=checkbox] + span:before {
    content: '\f096';
    font-family: 'FontAwesome';
    color: #888;
    background-color: transparent;
    margin-right: 10px;
    margin-left: 10px;
  }
  /* Style the label with an image for a checked button */
  input#rememberme.woocommerce-form__input.woocommerce-form__input-checkbox[type=checkbox]:checked + span:before {
    content: '\f14a';
    font-family: 'FontAwesome';
    color: #8fae1b;
    background-color: transparent;
    margin-right: 10px;
    margin-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** Set color of the "v" mark, just before the "Aller à la boutique" button on the order page (customers area) when there are no orders available **/
  div.woocommerce-message.woocommerce-message--info.woocommerce-Message.woocommerce-Message--info.woocommerce-info::before {
    color: #8fae1b;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** set style for the "Aller à la boutique" button on the order page (customers area) when there are no orders available **/
  div.woocommerce-message.woocommerce-message--info.woocommerce-Message.woocommerce-Message--info.woocommerce-info a.woocommerce-Button.button {
    margin-right: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** Do not display the required "*" next to the checkout fields on the checkout page **/
  abbr.required[title="requis"] {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** Set font style of the checkout page address fields **/
  input#billing_first_name.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#billing_last_name.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#billing_address_1.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#billing_address_2.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#billing_postcode.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#billing_city.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  span#select2-billing_country-container.select2-selection__rendered {
    font-size: 16px;
    font-weight: 900;
  }
  input#billing_email.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#billing_phone.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#shipping_first_name.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#shipping_last_name.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#shipping_address_1.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#shipping_address_2.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#shipping_postcode.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#shipping_city.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  span#select2-shipping_country-container.select2-selection__rendered {
    font-size: 16px;
    font-weight: 900;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** Set font style of the my-account page address fields **/
  input#username.woocommerce-Input.woocommerce-Input--text.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#password.woocommerce-Input.woocommerce-Input--text.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#reg_billing_first_name.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#reg_billing_last_name.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  input#reg_email.woocommerce-Input.woocommerce-Input--text.input-text {
    font-size: 16px;
    font-weight: 900;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** Set style on the login and registration page **/
  form.woocommerce-form.woocommerce-form-login.login {
    border: none;
    margin: 0;
    padding-top: 0;
  }
  div#customer_login.u-columns.col2-set div.u-column1.col-1 h4 {
    text-align: center;
  }
  div#customer_login.u-columns.col2-set div.u-column2.col-2 form.register {
    border: none;
    margin: 0;
    padding-top: 0;
  }
  div#customer_login.u-columns.col2-set div.u-column2.col-2 h4 {
    text-align: center;
  }
  form.woocommerce-form.woocommerce-form-login.login span.required {
    display: none;
  }
  div#customer_login.u-columns.col2-set div.u-column2.col-2 form.register span.required {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-weight: 900;
   *   color: #00B5C2;
  }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

/** 
 * ####################
 * # SHORTCODES BEGIN #
 * ####################
 **/
  /* Set the shortcode widget-selection-button */
  .widgetclick2select {
    width: 100%;
    padding: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
  }
  #widgetclick2selectbutton {
    display: inline-block;
    text-align: center;
  }
  a.widgetclick2selectbutton {
    background: #ffcc00;
    color: #515151 !important;
    text-align: center;
    font-family: 'FuturaStd-Book';
    font-weight: 900 !important;
    /* font-size: 1.0em !important; */
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  a.widgetclick2selectbutton:hover {
    background: #00b5c2;
    color: #ffffff !important;
    border: 1px solid #00b5c2;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-buy-button */
  .widgetclick2buy {
    width: 100%;
    padding: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
  }
  #widgetclick2buybutton {
    display: inline-block;
    text-align: center;
  }
  a.widgetclick2buybutton {
    background: #ffcc00;
    color: #515151 !important;
    text-align: center;
    font-family: 'FuturaStd-Book';
    font-weight: 900 !important;
    /* font-size: 1.0em !important; */
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  a.widgetclick2buybutton:hover {
    background: #00b5c2;
    color: #ffffff !important;
    border: 1px solid #00b5c2;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##################
 * # SHORTCODES END #
 * ##################
 **/

/** 
 * ###################
 * # BLOGPOSTS BEGIN #
 * ###################
 **/
  /* Set style for blogpost-links-to-products */
  .blogpost-links-to-products {
    display: block;
    width: 100%;
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for blogpost-links-to-products-hyperlink */
  .blogpost-links-to-products-hyperlink {
    font-weight: 700;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set space before the blogpost product links */
  .blogpost-space-before-links {
    height: 2em;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Remove meta info at the end of a blogpost */
  div.meta-info-wrap.font-inherit {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* change color of buttons in mini-cart */
  .woocommerce.widget_shopping_cart .buttons a {
    color: #515151;
  }
  .woocommerce.widget_shopping_cart .buttons a.button.checkout.wc-forward {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comments in blog posts */
  p.comment-form-url {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #################
 * # BLOGPOSTS END #
 * #################
 **/

/** 
 * ################
 * # POPUPS BEGIN #
 * ################
 **/

  /* Set style of subscribe button on promo and exit popups */
  form.snp-subscribeform.snp_subscribeform input.snp-subscribe-button.snp-submit[type=submit] {
    border-radius: 5px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set link style for exit popup */
  a.exit-popup:link {
    color: #ffcc00;
  }
  a.exit-popup:visited {
    color: #ffcc00;
  }
  a.exit-popup:hover {
    color: #00b5c2!important;
  }
  a.exit-popup:active {
    color: #ffcc00;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Change space between header and body of promo and exit popup */
  div.snp-fb.snp-newtheme2 header img {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 0px;
    margin-right: 0px;
  }
  div.snp-fb.snp-newtheme2 div.snp-newsletter-content::before {
    display: none;
  }
  div.snp-fb.snp-newtheme2 div.snp-newsletter-content {
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Change font size from placeholder in email input field on promo and exit popup*/
  div.snp-fb.snp-newtheme2 div.snp-newsletter-content form.snp-subscribeform.snp_subscribeform input#snp_email.snp-field.snp-field-email[type=text] {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Remove input field email and subscribe button on extra-info-checkout popup */
  div.snp-fb.snp-newtheme1 div.snp-newsletter-content form.snp-subscribeform.snp_subscribeform {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* relocate extra-info-checkout popup to the left */
  div.fancybox-wrap.fancybox-desktop.fancybox-type-inline.snp-wrap.snp-pop-newtheme1-wrap.fancybox-opened {
    position: fixed !important;
    top: 209px !important;
    left: 1500px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # POPUPS END #
 * ##############
 **/

/**
 * ##################################
 * # PAGE PREMIUM HISTORY OIL BEGIN #
 * ##################################
 **/
  .premium-history-title {
    display: block;
    text-align: center;
    font-weight: 900;
  }
  .black-perl-blurred {
    display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 8px 8px #000000 inset;
  }
  .premium-history-textline01 {
    display: block;
    background: transparent;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    color: #000000;
  }
  .premium-history-textline01-a, .premium-history-textline01-b {
    display: none;
  }
  .premium-history-textline02-wrapper {
    display: flex;
    flex-flow: row-reverse nowrap;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .premium-history-textline02-left {
    display: block;
    order: 1;
  }
  .premium-history-textline02-right {
    display: block;
    order: 0;
    font-weight: 900;
    text-align: left;
    color: #000000;
  }
  .premium-history-textline03-wrapper, .premium-history-textline04-wrapper, .premium-history-textline05-wrapper {
    display: flex;
    flex-flow: row-reverse nowrap;
    align-items: center;
  }
  .premium-history-textline03-wrapper-b, .premium-history-textline04-wrapper-b, .premium-history-textline05-wrapper-b {
    display: none;
  }
  .premium-history-textline03-left, .premium-history-textline04-left, .premium-history-textline05-left {
    display: block;
    order: 1;
  }
  .premium-history-textline03-right, .premium-history-textline04-right, .premium-history-textline05-right {
    display: block;
    order: 0;
    color: #000000;
    margin-right: 5%;
  }
  .premium-history-textline03-right-a, .premium-history-textline04-right-a {
    display: none;
  }
  .premium-history-textline06 {
    display: block;
    color: #000000;
    margin-right: 5%;
    width: 95%;
    text-align: right;
  }
  .premium-history-textline06-span {
    font-style: italic;
  }
  .premium-history-textline07 {
    display: block;
    color: #000000;
    margin-right: 5%;
    width: 95%;
    text-align: right;
  }
  .premium-history-textline06-b, .premium-history-textline06-b-span, .premium-history-textline07-b {
    display: none;
  }
  .premium-history-textline08 {
    display: block;
    color: #000000;
    margin-left: 5%;
    width: 95%;
    text-align: left;
  }
  .premium-history-textline08-span {
    font-weight: 900;
  }
  .premium-history-textline08-b {
    display: none;
  }
  .premium-history-textline09 {
    margin-left: 5%;
    margin-top: 10px;
    color: #ffcc00;
  }
  .premium-history-textline10 {
    text-align: center;
    color: #ffcc00;
  }
  .premium-history-textline10-b {
    font-style: italic;
    font-weight: 900;
  }
  .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    margin-left: 5%;
    color: #ffcc00;
  }
  .premium-history-textline16, .premium-history-textline17 {
    font-weight: 900;
  }
/**
 * ################################
 * # PAGE PREMIUM HISTORY OIL END #
 * ################################
 **/

/** ===================================================================================================== **/
/** Common settings for all devices END **/
/** ===================================================================================================== **/

/* responsive rules for tablets and phones with screen width lower than 224px */
@media screen and (max-width:223px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -72px;
  }
  .home-message1-main-title {
    font-size: 14px;
  }
  .home_message1_sub_title1 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 11px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-180h.png') no-repeat top center;
    width: 100%;
    height: 211px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-180h.png') no-repeat top center;
    width: 100%;
    height: 185px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 185px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 35px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 35px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 12px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 12px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 10px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 10px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 9px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 9px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 9px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 9px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 193px;
    font-size: 12px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 12px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 100%;
    text-align: center;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 100%;
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /** 
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 14px;
  }
  .lameilleure-part2 {
    font-size: 20px;
  }
  /**
  * .summum-line2 {
  *  font-size: 16px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 220px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 200px;
    height: 45px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 180px;
    font-size: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 220px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 220px;
  }
  .click2buybutton {
    font-size: 18px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 20px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 165px;
    height: 70px;
  }
  .vr7-is-title-text {
    width: 160px;
    font-size: 15px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90% !important;
  }
  a.click2buybuttonselection {
    font-size: 16px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for woocommerce message in general*/
  .btn-right {
    margin-top: 5px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 100%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 14px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 60%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 80%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 24px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 100%;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 10px;
  }
  .premium-history-title span.vr7 {
    font-size: 20px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-184x125.png');
    width: 184px;
    height: 125px;
  }
  .premium-history-textline01 {
    display : none !important;
  }
  .premium-history-textline01-a {
    display: block !important;
    color: #000000;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 7px;
    width: 90%;
  }
  .premium-history-textline01-b {
    display: block !important;
    color: #000000;
    margin-left : auto;
    margin-right: 5%;
    font-size: 7px;
    width: 55%;
  }
  .premium-history-textline02-wrapper {
    margin-top: 0px !important;
  }
  .premium-history-textline02-left {
    width: 40%;
  }
  .premium-history-textline02-right {
    width: 60%;
    font-size: 9px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 17px;
  }
  .premium-history-textline03-left, .premium-history-textline03-right, .premium-history-textline03-right-a {
    display: none !important;
  }
  .premium-history-textline03-wrapper-b {
    display: flex !important;
    flex-flow: row-reverse nowrap;
    align-items: center;
  }
  .premium-history-textline03-left-b {
    display: block !important;
    order: 1;
    width: 15%;
  }
  .premium-history-textline03-right-b {
    display: block !important;
    order: 0;
    margin-right: 5%;
    width: 80%;
    text-align: right;
    font-size: 7px;
    color: #ffcc00;
  }
  .premium-history-textline04-left, .premium-history-textline04-right, .premium-history-textline04-right-a {
    display: none !important;
  }
  .premium-history-textline04-wrapper-b {
    display: flex !important;
    flex-flow: row-reverse nowrap;
    align-items: center;
  }
  .premium-history-textline04-left-b {
    display: block !important;
    order: 1;
    width: 15%;
  }
  .premium-history-textline04-right-b {
    display: block !important;
    order: 0;
    margin-right: 5%;
    width: 80%;
    text-align: left;
    font-size: 7px;
    color: #ffcc00;
  }
  .premium-history-textline05-left, .premium-history-textline05-right {
    display: none;
  }
  .premium-history-textline05-wrapper-b {
    display: flex !important;
    flex-flow: row-reverse nowrap;
    align-items: center;
  }
  .premium-history-textline05-left-b {
    display: block !important;
    order: 1;
    width: 50%;
  }
  .premium-history-textline05-right-b {
    display: block !important;
    order: 0;
    margin-right: 5%;
    width: 40%;
    text-align: left;
    font-size: 7px;
    color: #ffcc00;
  }
  .premium-history-textline06, .premium-history-textline07 {
    display: none !important;
  }
  .premium-history-textline06-b {
    display: block !important;
    font-size: 8px;
    margin-top: 5px;
    width: 95% !important;
    margin-right: 5% !important;
    text-align: right;
    color: #ffcc00;
  }
  .premium-history-textline06-b-span {
    font-style: italic;
  }
  .premium-history-textline07-b {
    display: block !important;
    font-size: 7px;
    width: 95% !important;
    margin-right: 5% !important;
    text-align: right;
    color: #ffcc00;
  }
  .premium-history-textline08 {
    display: none !important;
  }
  .premium-history-textline08-b {
    display: block !important;
    margin-left: 5%;
    font-size : 7px;
    margin-top: 5px;
    color: #ffcc00;
  }
  .premium-history-textline08-b-span {
    font-weight: 900;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 7px;
  }
  .premium-history-textline10 {
    font-size : 7px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 11px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **/

/* responsive rules for tablets and phones with screen width between 224px and 359px */
@media screen and (min-width:224px)  and (max-width:359px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -72px;
  }
  .home-message1-main-title {
    font-size: 14px;
  }
  .home_message1_sub_title1 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 11px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-180h.png') no-repeat top center;
    width: 100%;
    height: 211px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-180h.png') no-repeat top center;
    width: 100%;
    height: 185px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 185px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 35px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 35px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 12px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site .wrap-otherpages .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 12px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 10px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 10px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 9px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 9px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 9px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 9px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 193px;
    font-size: 12px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 12px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 100%;
    text-align: center;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 100%;
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 14px;
  }
  .lameilleure-part2 {
    font-size: 20px;
  }
  /**
  * .summum-line2 {
  *  font-size: 16px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 220px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 200px;
    height: 45px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 180px;
    font-size: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 220px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 220px;
  }
  .click2buybutton {
    font-size: 20px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 20px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 165px;
    height: 70px;
  }
  .vr7-is-title-text {
    width: 160px;
    font-size: 15px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 18px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for woocommerce message in general*/
  .btn-right {
    margin-top: 5px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 100%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 14px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 60%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 80%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 24px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 100%;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 10px;
  }
  .premium-history-title span.vr7 {
    font-size: 20px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-220x149.png');
    width: 220px;
    height: 149px;
  }
  .premium-history-textline01 {
    display : none !important;
  }
  .premium-history-textline01-a {
    display: block !important;
    color: #000000;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 7px;
    width: 90%;
  }
  .premium-history-textline01-b {
    display: block !important;
    color: #000000;
    margin-left : auto;
    margin-right: 5%;
    font-size: 7px;
    width: 55%;
  }
  .premium-history-textline02-wrapper {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .premium-history-textline02-left {
    width: 40%;
  }
  .premium-history-textline02-right {
    width: 60%;
    font-size: 9px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 17px;
  }
  .premium-history-textline03-left, .premium-history-textline03-right, .premium-history-textline03-right-a {
    display: none !important;
  }
  .premium-history-textline03-wrapper-b {
    display: flex !important;
    flex-flow: row-reverse nowrap;
    align-items: center;
  }
  .premium-history-textline03-left-b {
    display: block !important;
    order: 1;
    width: 5%;
  }
  .premium-history-textline03-right-b {
    display: block !important;
    order: 0;
    margin-right: 15%;
    width: 80%;
    text-align: right;
    font-size: 7px;
    color: #ffcc00;
  }
  .premium-history-textline04-left, .premium-history-textline04-right, .premium-history-textline04-right-a {
    display: none !important;
  }
  .premium-history-textline04-wrapper-b {
    display: flex !important;
    flex-flow: row-reverse nowrap;
    align-items: center;
  }
  .premium-history-textline04-left-b {
    display: block !important;
    order: 1;
    width: 5%;
  }
  .premium-history-textline04-right-b {
    display: block !important;
    order: 0;
    margin-right: 15%;
    width: 80%;
    text-align: left;
    font-size: 7px;
    color: #ffcc00;
  }
  .premium-history-textline05-left, .premium-history-textline05-right {
    display: none;
  }
  .premium-history-textline05-wrapper-b {
    display: flex !important;
    flex-flow: row-reverse nowrap;
    align-items: center;
  }
  .premium-history-textline05-left-b {
    display: block !important;
    order: 1;
    width: 40%;
  }
  .premium-history-textline05-right-b {
    display: block !important;
    order: 0;
    margin-right: 15%;
    width: 40%;
    text-align: left;
    font-size: 7px;
    color: #ffcc00;
  }
  .premium-history-textline06, .premium-history-textline07 {
    display: none !important;
  }
  .premium-history-textline06-b {
    display: block !important;
    font-size: 8px;
    margin-top: 5px;
    width: 85% !important;
    margin-right: 15% !important;
    text-align: right;
    color: #ffcc00;
  }
  .premium-history-textline06-b-span {
    font-style: italic;
  }
  .premium-history-textline07-b {
    display: block !important;
    font-size: 7px;
    width: 85% !important;
    margin-right: 15% !important;
    text-align: right;
    color: #ffcc00;
  }
  .premium-history-textline08 {
    display: none !important;
  }
  .premium-history-textline08-b {
    display: block !important;
    margin-left: 5%;
    font-size : 7px;
    margin-top: 5px;
    color: #ffcc00;
  }
  .premium-history-textline08-b-span {
    font-weight: 900;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 7px;
  }
  .premium-history-textline10 {
    font-size : 7px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 11px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **/

/* responsive rules for tablets and phones with screen width between 360px and 389px */
@media screen and (min-width:360px)  and (max-width:389px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -75px;
  }
  .home-message1-main-title {
    font-size: 16px;
  }
  .home_message1_sub_title1 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 11px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 234px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 210px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 210px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 50px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 50px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 12px;
    margin-bottom: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 12px;
    margin-bottom: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 9px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 210px;
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 100%;
    text-align: center;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 100%;
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 14px;
  }
  .lameilleure-part2 {
    font-size: 20px;
  }
  /**
  * .summum-line2 {
  *  font-size: 16px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 220px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 200px;
    height: 45px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 180px;
    font-size: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 220px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/* Set style for call to action */
  .click2buybutton {
    width: 220px;
  }
  .click2buybutton {
    font-size: 20px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 20px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 165px;
    height: 70px;
  }
  .vr7-is-title-text {
    width: 160px;
    font-size: 15px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 18px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for woocommerce message in general*/
  .btn-right {
    margin-top: 5px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 26px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 16px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 80%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 100%;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 12px;
  }
  .premium-history-title span.vr7 {
    font-size: 22px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-320x217.png');
    width: 320px;
    height: 217px;
  }
  .premium-history-textline01 {
    padding-top: 10px;
    font-size: 9px;
    width: 91% !important;
  }
  .premium-history-textline02-wrapper {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .premium-history-textline02-left {
    width: 35%;
  }
  .premium-history-textline02-right {
    width: 65%;
    font-size: 14px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 24px;
  }
  .premium-history-textline03-left {
    width: 45%;
  }
  .premium-history-textline03-right {
    display: none !important;
  }
  .premium-history-textline03-right-a {
    display: block !important;
    margin-right: 5%;
    color: #000000;
    width: 50%;
    text-align: right;
    font-size: 9px;
  }
  .premium-history-textline04-left {
    width: 45%;
  }
  .premium-history-textline04-right {
    display: none !important;
  }
  .premium-history-textline04-right-a {
    display: block !important;
    margin-right: 5%;
    color: #000000;
    width: 50%;
    text-align: left;
    font-size: 9px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 9px;
  }
  .premium-history-textline06 {
    font-size: 10px;
    margin-top: 0px;
    width: 65% !important;
    margin-right: 30% !important;
  }
  .premium-history-textline07 {
    font-size: 9px;
    width: 65% !important;
    margin-right: 30% !important;
  }
  .premium-history-textline08 {
    display: none !important;
  }
  .premium-history-textline08-b {
    display: block !important;
    margin-left: 5%;
    font-size : 10px;
    margin-top: 5px;
    color: #ffcc00;
  }
  .premium-history-textline08-b-span {
    font-weight: 900;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 10px;
  }
  .premium-history-textline10 {
    font-size : 9px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 13px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **/

/* responsive rules for tablets and phones with screen width between 390px and 419px */
@media screen and (min-width:390px)  and (max-width:419px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -78px;
  }
  .home-message1-main-title {
    font-size: 18px;
  }
  .home_message1_sub_title1 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 11px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 234px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 210px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 210px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 50px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 50px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 12px;
    margin-bottom: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 12px;
    margin-bottom: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 9px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 210px;
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 50%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 100%;
    text-align: center;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 100%;
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 18px;
  }
  .lameilleure-part2 {
    font-size: 24px;
  }
  /**
  * .summum-line2 {
  *  font-size: 18px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 220px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 200px;
    height: 45px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 180px;
    font-size: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 220px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 220px;
  }
  .click2buybutton {
    font-size: 24px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 22px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 350px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 300px;
    font-size: 24px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 24px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for woocommerce message in general*/
  .btn-right {
    margin-top: 5px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 18px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 100%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 120%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 26px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 100%;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 16px;
  }
  .premium-history-title span.vr7 {
    font-size: 26px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-350x237.png');
    width: 350px;
    height: 237px;
  }
  .premium-history-textline01 {
    padding-top: 10px;
    font-size: 10px;
    width: 91% !important;
  }
  .premium-history-textline02-wrapper {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .premium-history-textline02-left {
    width: 35%;
  }
  .premium-history-textline02-right {
    width: 65%;
    font-size: 17px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 27px;
  }
  .premium-history-textline03-left {
    width: 45%;
  }
  .premium-history-textline03-right {
    display: none !important;
  }
  .premium-history-textline03-right-a {
    display: block !important;
    margin-right: 5%;
    color: #000000;
    width: 50%;
    text-align: right;
    font-size: 10px;
  }
  .premium-history-textline04-left {
    width: 45%;
  }
  .premium-history-textline04-right {
    display: none !important;
  }
  .premium-history-textline04-right-a {
    display: block !important;
    margin-right: 5%;
    color: #000000;
    width: 50%;
    text-align: left;
    font-size: 10px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 10px;
  }
  .premium-history-textline06 {
    font-size: 10px;
    margin-top: 0px;
    width: 65% !important;
    margin-right: 30% !important;
  }
  .premium-history-textline07 {
    font-size: 9px;
    width: 65% !important;
    margin-right: 30% !important;
  }
  .premium-history-textline08 {
    display: none !important;
  }
  .premium-history-textline08-b {
    display: block !important;
    margin-left: 5%;
    font-size : 10px;
    margin-top: 5px;
    color: #ffcc00;
  }
  .premium-history-textline08-b-span {
    font-weight: 900;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 10px;
  }
  .premium-history-textline10 {
    font-size : 9px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 13px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 420px and 439px */
@media screen and (min-width:420px)  and (max-width:439px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -78px;
  }
  .home-message1-main-title {
    font-size: 18px;
  }
  .home_message1_sub_title1 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 11px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 234px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 210px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 210px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 50px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 50px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 12px;
    margin-bottom: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 12px;
    margin-bottom: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 9px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 210px;
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 50%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 100%;
    text-align: center;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 100%;
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 18px;
  }
  .lameilleure-part2 {
    font-size: 24px;
  }
  /**
  * .summum-line2 {
  *  font-size: 18px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 220px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 200px;
    height: 45px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 180px;
    font-size: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 220px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 220px;
  }
  .click2buybutton {
    font-size: 24px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 22px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 350px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 300px;
    font-size: 24px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 24px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for woocommerce message in general*/
  .btn-right {
    margin-top: 5px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 18px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 100%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 120%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 26px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 100%;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 16px;
  }
  .premium-history-title span.vr7 {
    font-size: 26px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-380x257.png');
    width: 380px;
    height: 257px;
  }
  .premium-history-textline01 {
    padding-top: 12px;
    font-size: 11px;
    width: 91% !important;
  }
  .premium-history-textline02-wrapper {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .premium-history-textline02-left {
    width: 35%;
  }
  .premium-history-textline02-right {
    width: 65%;
    font-size: 17px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 27px;
  }
  .premium-history-textline03-left {
    width: 50%;
  }
  .premium-history-textline03-right {
    display: none !important;
  }
  .premium-history-textline03-right-a {
    display: block !important;
    margin-right: 5%;
    color: #000000;
    width: 45%;
    text-align: right;
    font-size: 10px;
  }
  .premium-history-textline04-left {
    width: 50%;
  }
  .premium-history-textline04-right {
    display: none !important;
  }
  .premium-history-textline04-right-a {
    display: block !important;
    margin-right: 5%;
    color: #000000;
    width: 45%;
    text-align: left;
    font-size: 10px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 10px;
  }
  .premium-history-textline06 {
    font-size: 13px;
    margin-top: 5px;
    width: 70% !important;
    margin-right: 25% !important;
  }
  .premium-history-textline07 {
    font-size: 10px;
    width: 70% !important;
    margin-right: 25% !important;
  }
  .premium-history-textline08 {
    display: none !important;
  }
  .premium-history-textline08-b {
    display: block !important;
    margin-left: 5%;
    font-size : 10px;
    margin-top: 5px;
    color: #ffcc00;
  }
  .premium-history-textline08-b-span {
    font-weight: 900;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 10px;
  }
  .premium-history-textline10 {
    font-size : 9px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 13px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 440px and 447px */
@media screen and (min-width:440px)  and (max-width:447px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -81px;
  }
  .home-message1-main-title {
    font-size: 20px;
  }
  .home_message1_sub_title1 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 11px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 234px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 210px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 210px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 50px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 50px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 12px;
    margin-bottom: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 12px;
    margin-bottom: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 9px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 210px;
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 50%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 100%;
    text-align: center;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 100%;
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 18px;
  }
  .lameilleure-part2 {
    font-size: 24px;
  }
  /**
  * .summum-line2 {
  *  font-size: 20px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 220px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 200px;
    height: 45px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 180px;
    font-size: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 220px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 220px;
  }
  .click2buybutton {
    font-size: 24px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 24px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 350px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 300px;
    font-size: 24px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 24px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for woocommerce message in general*/
  .btn-right {
    margin-top: 5px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 18px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 100%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 120%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 26px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 100%;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 16px;
  }
  .premium-history-title span.vr7 {
    font-size: 26px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-400x270.png');
    width: 400px;
    height: 270px;
  }
  .premium-history-textline01 {
    padding-top: 15px;
    font-size: 11px;
  }
  .premium-history-textline02-wrapper {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .premium-history-textline02-left {
    width: 35%;
  }
  .premium-history-textline02-right {
    width: 65%;
    font-size: 17px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 27px;
  }
  .premium-history-textline03-left {
    width: 50%;
  }
  .premium-history-textline03-right {
    display: none !important;
  }
  .premium-history-textline03-right-a {
    display: block !important;
    margin-right: 5%;
    color: #000000;
    width: 45%;
    text-align: right;
    font-size: 10px;
  }
  .premium-history-textline04-left {
    width: 50%;
  }
  .premium-history-textline04-right {
    display: none !important;
  }
  .premium-history-textline04-right-a {
    display: block !important;
    margin-right: 5%;
    color: #000000;
    width: 45%;
    text-align: left;
    font-size: 10px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 10px;
  }
  .premium-history-textline06 {
    font-size: 13px;
    margin-top: 10px;
    width: 75% !important;
    margin-right: 20% !important;
  }
  .premium-history-textline07 {
    font-size: 10px;
    width: 75% !important;
    margin-right: 20% !important;
  }
  .premium-history-textline08 {
    display: none !important;
  }
  .premium-history-textline08-b {
    display: block !important;
    margin-left: 5%;
    font-size : 10px;
    margin-top: 5px;
    color: #ffcc00;
  }
  .premium-history-textline08-b-span {
    font-weight: 900;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 10px;
  }
  .premium-history-textline10 {
    font-size : 9px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 13px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 448px and 469px */
@media screen and (min-width:448px)  and (max-width:469px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -81px;
  }
  .home-message1-main-title {
    font-size: 20px;
  }
  .home_message1_sub_title1 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 11px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 234px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 210px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 210px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 50px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 50px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 12px;
    margin-bottom: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 12px;
    margin-bottom: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 9px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 210px;
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 50%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 100%;
    text-align: center;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 100%;
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 18px;
  }
  .lameilleure-part2 {
    font-size: 24px;
  }
  /**
  * .summum-line2 {
  *  font-size: 20px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 220px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 200px;
    height: 45px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 180px;
    font-size: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 220px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 220px;
  }
  .click2buybutton {
    font-size: 26px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 24px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 350px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 300px;
    font-size: 24px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 26px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for woocommerce message in general*/
  .btn-right {
    margin-top: 5px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 26px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 100%;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 16px;
  }
  .premium-history-title span.vr7 {
    font-size: 26px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-408x275.png');
    width: 408px;
    height: 275px;
  }
  .premium-history-textline01 {
    padding-top: 15px;
    font-size: 11px;
  }
  .premium-history-textline02-wrapper {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .premium-history-textline02-left {
    width: 35%;
  }
  .premium-history-textline02-right {
    width: 65%;
    font-size: 19px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 29px;
  }
  .premium-history-textline03-left {
    width: 50%;
  }
  .premium-history-textline03-right {
    display: none !important;
  }
  .premium-history-textline03-right-a {
    display: block !important;
    margin-right: 5%;
    color: #000000;
    width: 45%;
    text-align: right;
    font-size: 10px;
  }
  .premium-history-textline04-left {
    width: 50%;
  }
  .premium-history-textline04-right {
    display: none !important;
  }
  .premium-history-textline04-right-a {
    display: block !important;
    margin-right: 5%;
    color: #000000;
    width: 45%;
    text-align: left;
    font-size: 10px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 10px;
  }
  .premium-history-textline06 {
    font-size: 15px;
    margin-top: 10px;
    width: 75% !important;
    margin-right: 20% !important;
  }
  .premium-history-textline07 {
    font-size: 10px;
    width: 75% !important;
    margin-right: 20% !important;
  }
  .premium-history-textline08 {
    display: none !important;
  }
  .premium-history-textline08-b {
    display: block !important;
    margin-left: 5%;
    font-size : 10px;
    margin-top: 5px;
    color: #ffcc00;
  }
  .premium-history-textline08-b-span {
    font-weight: 900;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 10px;
  }
  .premium-history-textline10 {
    font-size : 9px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 13px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 470px and 499px */
@media screen and (min-width:470px)  and (max-width:499px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -84px;
  }
  .home-message1-main-title {
    font-size: 22px;
  }
  .home_message1_sub_title1 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 11px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 234px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 210px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 210px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 50px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 50px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 12px;
    margin-bottom: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 12px;
    margin-bottom: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 9px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 210px;
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 50%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 65%;
    text-align: right;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 25%;
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 18px;
  }
  .lameilleure-part2 {
    font-size: 24px;
  }
  /**
  * .summum-line2 {
  *  font-size: 20px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 440px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 420px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 330px;
    font-size: 24px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 440px;
  }
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2b {
    border-bottom-right-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 440px;
  }
  .click2buybutton {
    font-size: 26px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 24px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 350px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 300px;
    font-size: 24px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 26px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for woocommerce message in general*/
  .btn-right {
    margin-top: 5px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 26px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 100%;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 20px;
  }
  .premium-history-title span.vr7 {
    font-size: 30px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-430x290.png');
    width: 430px;
    height: 290px;
  }
  .premium-history-textline01 {
    padding-top: 20px;
    font-size: 11px;
    width: 91% !important;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 19px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 29px;
  }
  .premium-history-textline03-left {
    width: 35%;
  }
  .premium-history-textline03-right {
    width: 60%;
    text-align: right;
    font-size: 9px;
  }
  .premium-history-textline04-left {
    width: 35%;
  }
  .premium-history-textline04-right {
    width: 60%;
    text-align: left;
    font-size: 9px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 9px;
  }
  .premium-history-textline06 {
    font-size: 15px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 9px;
  }
  .premium-history-textline08 {
    font-size : 9px;
    margin-top: 20px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 10px;
  }
  .premium-history-textline10 {
    font-size : 9px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 13px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 500px and 559px */
@media screen and (min-width:500px)  and (max-width:559px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -87px;
  }
  .home-message1-main-title {
    font-size: 24px;
  }
  .home_message1_sub_title1 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 11px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 234px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 210px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 210px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 50px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 50px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 12px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 12px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 9px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 210px;
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 50%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 65%;
    text-align: right;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 25%;
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 18px;
  }
  .lameilleure-part2 {
    font-size: 24px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 440px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 420px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 330px;
    font-size: 24px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 440px;
  }
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2b {
    border-bottom-right-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 440px;
  }
  .click2buybutton {
    font-size: 28px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 350px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 300px;
    font-size: 24px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for woocommerce message in general*/
  .btn-right {
    margin-top: 5px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 26px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 100%;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 20px;
  }
  .premium-history-title span.vr7 {
    font-size: 30px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-460x310.png');
    width: 460px;
    height: 310px;
  }
  .premium-history-textline01 {
    padding-top: 25px;
    font-size: 11px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 19px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 29px;
  }
  .premium-history-textline03-left {
    width: 37%;
  }
  .premium-history-textline03-right {
    width: 58%;
    text-align: right;
    font-size: 9px;
  }
  .premium-history-textline04-left {
    width: 37%;
  }
  .premium-history-textline04-right {
    width: 58%;
    text-align: left;
    font-size: 9px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 9px;
  }
  .premium-history-textline06 {
    font-size: 15px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 9px;
  }
  .premium-history-textline08 {
    font-size : 9px;
    margin-top: 35px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 10px;
  }
  .premium-history-textline10 {
    font-size : 9px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 13px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/


}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 500px and 579px */
@media screen and (min-width:560px)  and (max-width:579px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -87px;
  }
  .home-message1-main-title {
    font-size: 24px;
  }
  .home_message1_sub_title1 {
    font-size: 14px;
  }
  .home_message1_sub_title2 {
    font-size: 14px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 11px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 250px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 220px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 250px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    margin-top: 21px;
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 220px;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 50%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 65%;
    text-align: right;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 25%;
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 18px;
  }
  .lameilleure-part2 {
    font-size: 24px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 440px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 420px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 330px;
    font-size: 24px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 440px;
  }
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2b {
    border-bottom-right-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 440px;
  }
  .click2buybutton {
    font-size: 28px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 350px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 300px;
    font-size: 24px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 26px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 100%;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 20px;
  }
  .premium-history-title span.vr7 {
    font-size: 30px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-520x350.png');
    width: 520px;
    height: 350px;
  }
  .premium-history-textline01 {
    padding-top: 30px;
    font-size: 13px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 21px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 31px;
  }
  .premium-history-textline03-left {
    width: 36%;
  }
  .premium-history-textline03-right {
    width: 59%;
    text-align: right;
    font-size: 10px;
  }
  .premium-history-textline04-left {
    width: 36%;
  }
  .premium-history-textline04-right {
    width: 59%;
    text-align: left;
    font-size: 10px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 10px;
  }
  .premium-history-textline06 {
    font-size: 17px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 10px;
  }
  .premium-history-textline08 {
    font-size : 10px;
    margin-top: 45px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 10px;
  }
  .premium-history-textline10 {
    font-size : 9px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 13px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **
  
/* responsive rules for tablets and phones with screen width between 580px and 599px */
@media screen and (min-width:580px) and (max-width:599px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -90px;
  }
  .home-message1-main-title {
    font-size: 26px;
  }
  .home_message1_sub_title1 {
    font-size: 14px;
  }
  .home_message1_sub_title2 {
    font-size: 14px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 11px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 250px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 220px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 250px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    margin-top: 21px;
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 220px;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 50%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 60%;
    text-align: right;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 30%;
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 20px;
  }
  .lameilleure-part2 {
    font-size: 26px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 440px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 420px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 400px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 440px;
  }
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2b {
    border-bottom-right-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 440px;
  }
  .click2buybutton {
    font-size: 28px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 40px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 100%;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 24px;
  }
  .premium-history-title span.vr7 {
    font-size: 34px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-540x363.png');
    width: 540px;
    height: 363px;
  }
  .premium-history-textline01 {
    padding-top: 30px;
    font-size: 13px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 21px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 31px;
  }
  .premium-history-textline03-left {
    width: 35%;
  }
  .premium-history-textline03-right {
    width: 60%;
    text-align: right;
    font-size: 11px;
  }
  .premium-history-textline04-left {
    width: 35%;
  }
  .premium-history-textline04-right {
    width: 60%;
    text-align: left;
    font-size: 11px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 11px;
  }
  .premium-history-textline06 {
    font-size: 17px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 11px;
  }
  .premium-history-textline08 {
    font-size : 11px;
    margin-top: 45px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 11px;
  }
  .premium-history-textline10 {
    font-size : 9px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 13px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 600px and 619px */
@media screen and (min-width:600px) and (max-width:619px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -90px;
  }
  .home-message1-main-title {
    font-size: 26px;
  }
  .home_message1_sub_title1 {
    font-size: 14px;
  }
  .home_message1_sub_title2 {
    font-size: 14px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 11px;
  }
  .home_message1_sub_title3 {
    font-size: 12px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 250px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 220px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 250px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    margin-top: 21px;
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 220px;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 60%;
    text-align: right;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 30%;
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 20px;
  }
  .lameilleure-part2 {
    font-size: 26px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 440px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 420px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 400px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 440px;
  }
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2b {
    border-bottom-right-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 440px;
  }
  .click2buybutton {
    font-size: 28px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 40px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 100%;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    width: 195px;
    clear: none;
    float: right;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 65%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-selection-button */
  a.widgetclick2selectbutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-buy-button */
  a.widgetclick2buybutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 24px;
  }
  .premium-history-title span.vr7 {
    font-size: 34px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-560x376.png');
    width: 560px;
    height: 376px;
  }
  .premium-history-textline01 {
    padding-top: 30px;
    font-size: 13px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 21px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 31px;
  }
  .premium-history-textline03-left {
    width: 36%;
  }
  .premium-history-textline03-right {
    width: 59%;
    text-align: right;
    font-size: 11px;
  }
  .premium-history-textline04-left {
    width: 36%;
  }
  .premium-history-textline04-right {
    width: 59%;
    text-align: left;
    font-size: 11px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 11px;
  }
  .premium-history-textline06 {
    font-size: 17px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 11px;
  }
  .premium-history-textline08 {
    font-size : 11px;
    margin-top: 55px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 11px;
  }
  .premium-history-textline10 {
    font-size : 9px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 13px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 620px and 626px */
@media screen and (min-width:620px) and (max-width:626px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -91px;
  }
  .home-message1-main-title {
    font-size: 26px;
  }
  .home_message1_sub_title1 {
    font-size: 16px;
  }
  .home_message1_sub_title2 {
    font-size: 16px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 13px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 250px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 220px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 250px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    margin-top: 21px;
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 220px;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 60%;
    text-align: right;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 30%;
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 20px;
  }
  .lameilleure-part2 {
    font-size: 26px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 440px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 420px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 400px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 440px;
  }
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2b {
    border-bottom-right-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 440px;
  }
  .click2buybutton {
    font-size: 28px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 40px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 100%;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    width: 195px;
    clear: none;
    float: right;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 65%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-selection-button */
  a.widgetclick2selectbutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-buy-button */
  a.widgetclick2buybutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 24px;
  }
  .premium-history-title span.vr7 {
    font-size: 34px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-580x389.png');
    width: 580px;
    height: 389px;
  }
  .premium-history-textline01 {
    padding-top: 35px;
    font-size: 15px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 23px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 33px;
  }
  .premium-history-textline03-left {
    width: 35%;
  }
  .premium-history-textline03-right {
    width: 60%;
    text-align: right;
    font-size: 12px;
  }
  .premium-history-textline04-left {
    width: 35%;
  }
  .premium-history-textline04-right {
    width: 60%;
    text-align: left;
    font-size: 12px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 12px;
  }
  .premium-history-textline06 {
    font-size: 19px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 12px;
  }
  .premium-history-textline08 {
    font-size : 12px;
    margin-top: 35px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 12px;
  }
  .premium-history-textline10 {
    font-size : 10px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 14px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 627px and 639px */
@media screen and (min-width:627px) and (max-width:639px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -91px;
  }
  .home-message1-main-title {
    font-size: 26px;
  }
  .home_message1_sub_title1 {
    font-size: 16px;
  }
  .home_message1_sub_title2 {
    font-size: 16px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 13px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 250px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 220px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 250px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    margin-top: 21px;
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 220px;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 60%;
    text-align: right;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 30%;
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 20px;
  }
  .lameilleure-part2 {
    font-size: 26px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 440px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 420px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 400px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 440px;
  }
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2b {
    border-bottom-right-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 440px;
  }
  .click2buybutton {
    font-size: 28px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 40px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

/** 
* ###################
* # BLOGPOSTS BEGIN #
* ###################
**/

/* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
.blogpost-missing-oil-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column-reverse;
}
.blogpost-missing-oil-wrapper-image {
  display: block;
  width: 100%;
}
.blogpost-missing-oil-wrapper-text {
  display: block;
  text-align: left;
  width: 100%;
}
/** --------------------------------------------------------------------------------------------------- **/

/* Set style for comment area on blog posts */
body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
  width: 94%;
  margin-left: 0;
}
/** --------------------------------------------------------------------------------------------------- **/

/** 
* #################
* # BLOGPOSTS END #
* #################
**/

/** 
 * ####################
 * # SHORTCODES BEGIN #
 * ####################
 **/
/* Set Fixed width for Widget area */
div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
  width: 195px;
  clear: none;
  float: right;
}
/** --------------------------------------------------------------------------------------------------- **/

/* Set max-width of blogpost content */
div#content.content.l-content-rsb.m-full.s-full.font-inherit {
  width: 68%;
}
/** --------------------------------------------------------------------------------------------------- **/

/* Set the shortcode widget-selection-button */
a.widgetclick2selectbutton {
  font-size: 1.0em !important;
}
/** --------------------------------------------------------------------------------------------------- **/

/* Set the shortcode widget-buy-button */
a.widgetclick2buybutton {
  font-size: 1.0em !important;
}
/** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##################
 * # SHORTCODES END #
 * ##################
 **/

/** 
  * #############################
  * # GOOGLE RECAPTCHA v3 BEGIN #
  * #############################
  **/
  div.grecaptcha-badge {
  display: none;
}
/** 
  * ###########################
  * # GOOGLE RECAPTCHA v3 END #
  * ###########################
  **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 24px;
  }
  .premium-history-title span.vr7 {
    font-size: 34px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-587x394.png');
    width: 587px;
    height: 394px;
  }
  .premium-history-textline01 {
    padding-top: 35px;
    font-size: 15px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 23px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 33px;
  }
  .premium-history-textline03-left {
    width: 35%;
  }
  .premium-history-textline03-right {
    width: 60%;
    text-align: right;
    font-size: 12px;
  }
  .premium-history-textline04-left {
    width: 35%;
  }
  .premium-history-textline04-right {
    width: 60%;
    text-align: left;
    font-size: 12px;
  }
  .premium-history-textline05-left {
    width: 68%;
  }
  .premium-history-textline05-right {
    width: 27%;
    text-align: left;
    font-size: 12px;
  }
  .premium-history-textline06 {
    font-size: 19px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 12px;
  }
  .premium-history-textline08 {
    font-size : 12px;
    margin-top: 40px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 12px;
  }
  .premium-history-textline10 {
    font-size : 10px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 14px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 640px and 684px */
@media screen and (min-width:640px) and (max-width:684px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -91px;
  }
  .home-message1-main-title {
    font-size: 26px;
  }
  .home_message1_sub_title1 {
    font-size: 16px;
  }
  .home_message1_sub_title2 {
    font-size: 16px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 13px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 250px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 220px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 250px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    margin-top: 21px;
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 220px;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 55%;
    text-align: right;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 35%;
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 20px;
  }
  .lameilleure-part2 {
    font-size: 26px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 440px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 420px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
  }
  .vr7-engagements-title-text {
    width: 400px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 440px;
  }
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2b {
    border-bottom-right-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 440px;
  }
  .click2buybutton {
    font-size: 28px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 40px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 100%;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    width: 195px;
    clear: none;
    float: right;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 68%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-selection-button */
  a.widgetclick2selectbutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-buy-button */
  a.widgetclick2buybutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 24px;
  }
  .premium-history-title span.vr7 {
    font-size: 34px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-600x403.png');
    width: 600px;
    height: 403px;
  }
  .premium-history-textline01 {
    padding-top: 35px;
    font-size: 15px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 23px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 33px;
  }
  .premium-history-textline03-left {
    width: 36%;
  }
  .premium-history-textline03-right {
    width: 59%;
    text-align: right;
    font-size: 12px;
  }
  .premium-history-textline04-left {
    width: 36%;
  }
  .premium-history-textline04-right {
    width: 59%;
    text-align: left;
    font-size: 12px;
  }
  .premium-history-textline05-left {
    width: 68%;
  }
  .premium-history-textline05-right {
    width: 27%;
    text-align: left;
    font-size: 12px;
  }
  .premium-history-textline06 {
    font-size: 19px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 12px;
  }
  .premium-history-textline08 {
    font-size : 12px;
    margin-top: 55px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 12px;
  }
  .premium-history-textline10 {
    font-size : 10px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 14px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 685px and 699px */
@media screen and (min-width:685px) and (max-width:699px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -94px;
  }
  .home-message1-main-title {
    font-size: 28px;
  }
  .home_message1_sub_title1 {
    font-size: 16px;
  }
  .home_message1_sub_title2 {
    font-size: 16px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 13px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 250px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 220px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 250px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    margin-top: 21px;
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 220px;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: 12px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: 12px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the professional link to vr7pro in the footer */
    .footer-professional .footer-prof-quest-wrap {
      width: 55%;
      text-align: right;
    }
    .footer-professional .footer-prof-button-wrap {
      width: 35%;
      justify-content: flex-start;
    }
    /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 22px;
  }
  .lameilleure-part2 {
    font-size: 28px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 660px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 660px;
  }
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/


  /* Set style for call to action */
  .click2buybutton {
    width: 440px;
  }
  .click2buybutton {
    font-size: 28px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/

  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 40px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 100%;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    width: 195px;
    clear: none;
    float: right;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 70%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-selection-button */
  a.widgetclick2selectbutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-buy-button */
  a.widgetclick2buybutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 24px;
  }
  .premium-history-title span.vr7 {
    font-size: 34px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-645x433.png');
    width: 645px;
    height: 433px;
  }
  .premium-history-textline01 {
    padding-top: 35px;
    font-size: 16px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 24px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 34px;
  }
  .premium-history-textline03-left {
    width: 37%;
  }
  .premium-history-textline03-right {
    width: 58%;
    text-align: right;
    font-size: 13px;
  }
  .premium-history-textline04-left {
    width: 37%;
  }
  .premium-history-textline04-right {
    width: 58%;
    text-align: left;
    font-size: 13px;
  }
  .premium-history-textline05-left {
    width: 68%;
  }
  .premium-history-textline05-right {
    width: 27%;
    text-align: left;
    font-size: 13px;
  }
  .premium-history-textline06 {
    font-size: 20px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 13px;
  }
  .premium-history-textline08 {
    font-size : 13px;
    margin-top: 65px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 13px;
  }
  .premium-history-textline10 {
    font-size : 11px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 15px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 700px and 719px */
@media screen and (min-width:700px) and (max-width:719px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -94px;
  }
  .home-message1-main-title {
    font-size: 28px;
  }
  .home_message1_sub_title1 {
    font-size: 16px;
  }
  .home_message1_sub_title2 {
    font-size: 16px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 13px;
  }
  .home_message1_sub_title3 {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 250px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 220px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 220px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 100px;
    padding: 115px 0px 30px 0px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 115px;
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 16px;
    margin-bottom: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    margin-top: 21px;
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 220px;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: -35px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: -37px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 55%;
    text-align: right;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 35%;
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 22px;
  }
  .lameilleure-part2 {
    font-size: 28px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 660px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 660px;
  }
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 440px;
  }
  .click2buybutton {
    font-size: 28px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 10px;
  }
  .vr7-must-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 40px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 434px;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    margin-left: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 94%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    width: 195px;
    clear: none;
    float: right;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 70%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-selection-button */
  a.widgetclick2selectbutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-buy-button */
  a.widgetclick2buybutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 28px;
  }
  .premium-history-title span.vr7 {
    font-size: 38px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-660x443.png');
    width: 660px;
    height: 443px;
  }
  .premium-history-textline01 {
    padding-top: 40px;
    font-size: 17px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 25px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 35px;
  }
  .premium-history-textline03-left {
    width: 39%;
  }
  .premium-history-textline03-right {
    width: 56%;
    text-align: right;
    font-size: 13px;
  }
  .premium-history-textline04-left {
    width: 39%;
  }
  .premium-history-textline04-right {
    width: 56%;
    text-align: left;
    font-size: 13px;
  }
  .premium-history-textline05-left {
    width: 69%;
  }
  .premium-history-textline05-right {
    width: 26%;
    text-align: left;
    font-size: 13px;
  }
  .premium-history-textline06 {
    font-size: 21px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 13px;
  }
  .premium-history-textline08 {
    font-size : 13px;
    margin-top: 65px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 13px;
  }
  .premium-history-textline10 {
    font-size : 11px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 15px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 720px and 731px */
@media screen and (min-width:720px) and (max-width:731px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -99px;
  }
  .home-message1-main-title {
    font-size: 30px;
  }
  .home_message1_sub_title1 {
    font-size: 18px;
  }
  .home_message1_sub_title2 {
    font-size: 18px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 15px;
  }
  .home_message1_sub_title3 {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 306px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 264px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 264px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 159px;
    padding-top: 125px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 125px;
    height: 105px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 125px;
    height: 105px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 22px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 22px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    margin-top: 25px;
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 13px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 264px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: -35px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: -37px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 55%;
    text-align: right;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 35%;
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 24px;
  }
  .lameilleure-part2 {
    font-size: 30px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 660px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 660px;
  }
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 440px;
  }
  .click2buybutton {
    font-size: 28px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 10px;
  }
  .vr7-must-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 40px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 434px;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    margin-left: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 96%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    width: 195px;
    clear: none;
    float: right;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 70%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-selection-button */
  a.widgetclick2selectbutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-buy-button */
  a.widgetclick2buybutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 28px;
  }
  .premium-history-title span.vr7 {
    font-size: 38px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-680x456.png');
    width: 680px;
    height: 456px;
  }
  .premium-history-textline01 {
    padding-top: 40px;
    font-size: 17px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 25px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 35px;
  }
  .premium-history-textline03-left {
    width: 40%;
  }
  .premium-history-textline03-right {
    width: 55%;
    text-align: right;
    font-size: 13px;
  }
  .premium-history-textline04-left {
    width: 40%;
  }
  .premium-history-textline04-right {
    width: 55%;
    text-align: left;
    font-size: 13px;
  }
  .premium-history-textline05-left {
    width: 69%;
  }
  .premium-history-textline05-right {
    width: 26%;
    text-align: left;
    font-size: 13px;
  }
  .premium-history-textline06 {
    font-size: 21px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 13px;
  }
  .premium-history-textline08 {
    font-size : 13px;
    margin-top: 75px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 13px;
  }
  .premium-history-textline10 {
    font-size : 11px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 15px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 732px and 767px */
@media screen and (min-width:732px) and (max-width:767px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -99px;
  }
  .home-message1-main-title {
    font-size: 30px;
  }
  .home_message1_sub_title1 {
    font-size: 18px;
  }
  .home_message1_sub_title2 {
    font-size: 18px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 15px;
  }
  .home_message1_sub_title3 {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 306px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 264px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 264px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 159px;
    padding-top: 125px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 125px;
    height: 105px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 125px;
    height: 105px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 22px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 22px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    margin-top: 25px;
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 13px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 264px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: -35px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: -37px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 55%;
    text-align: right;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 35%;
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 24px;
  }
  .lameilleure-part2 {
    font-size: 30px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 660px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 660px;
  }
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 440px;
  }
  .click2buybutton {
    font-size: 28px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 10px;
  }
  .vr7-must-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 40px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 434px;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    margin-left: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 96%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    width: 195px;
    clear: none;
    float: right;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 70%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-selection-button */
  a.widgetclick2selectbutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-buy-button */
  a.widgetclick2buybutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 28px;
  }
  .premium-history-title span.vr7 {
    font-size: 38px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-692x464.png');
    width: 692px;
    height: 464px;
  }
  .premium-history-textline01 {
    padding-top: 40px;
    font-size: 17px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 25px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 35px;
  }
  .premium-history-textline03-left {
    width: 35%;
  }
  .premium-history-textline03-right {
    width: 60%;
    text-align: right;
    font-size: 14px;
  }
  .premium-history-textline04-left {
    width: 35%;
  }
  .premium-history-textline04-right {
    width: 60%;
    text-align: left;
    font-size: 14px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 14px;
  }
  .premium-history-textline06 {
    font-size: 21px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 14px;
  }
  .premium-history-textline08 {
    font-size : 14px;
    margin-top: 65px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 14px;
  }
  .premium-history-textline10 {
    font-size : 12px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 16px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/
}
/** ===================================================================================================== **

/* responsive rules for devices with screen width between 768px and 779px */
@media screen and (min-width:768px) and (max-width:779px){

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -99px;
  }
  .home-message1-main-title {
    font-size: 30px;
  }
  .home_message1_sub_title1 {
    font-size: 18px;
  }
  .home_message1_sub_title2 {
    font-size: 18px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 15px;
  }
  .home_message1_sub_title3 {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 306px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 264px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 264px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 159px;
    padding-top: 125px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 125px;
    height: 105px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 125px;
    height: 105px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 22px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 22px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    margin-top: 25px;
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 13px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 264px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: -35px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: -37px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 55%;
    text-align: right;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 35%;
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 24px;
  }
  .lameilleure-part2 {
    font-size: 30px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 660px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 660px;
  }
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 440px;
  }
  .click2buybutton {
    font-size: 28px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 10px;
  }
  .vr7-must-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 720px;
    height: 40px;
  }
  .vr7-is-title-text {
    width: 680px;
    font-size: 30px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 10px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 40px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 434px;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    margin-left: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 96%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    width: 195px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 73%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-selection-button */
  a.widgetclick2selectbutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-buy-button */
  a.widgetclick2buybutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 28px;
  }
  .premium-history-title span.vr7 {
    font-size: 38px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-728x488.png');
    width: 728px;
    height: 488px;
  }
  .premium-history-textline01 {
    padding-top: 45px;
    font-size: 18px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 26px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 36px;
  }
  .premium-history-textline03-left {
    width: 35%;
  }
  .premium-history-textline03-right {
    width: 60%;
    text-align: right;
    font-size: 15px;
  }
  .premium-history-textline04-left {
    width: 35%;
  }
  .premium-history-textline04-right {
    width: 60%;
    text-align: left;
    font-size: 15px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 15px;
  }
  .premium-history-textline06 {
    font-size: 22px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 15px;
  }
  .premium-history-textline08 {
    font-size : 15px;
    margin-top: 70px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 15px;
  }
  .premium-history-textline10 {
    font-size : 13px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 17px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/
}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 780px and 799px */
@media screen and (min-width:780px) and (max-width:799px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -105px;
  }
  .home-message1-main-title {
    font-size: 34px;
  }
  .home_message1_sub_title1 {
    font-size: 18px;
  }
  .home_message1_sub_title2 {
    font-size: 18px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 15px;
  }
  .home_message1_sub_title3 {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 306px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 264px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 264px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 159px;
    padding-top: 125px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 125px;
    height: 105px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 125px;
    height: 105px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 22px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 22px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    margin-top: 25px;
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 13px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 264px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: -35px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: -37px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 55%;
    text-align: right;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 35%;
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 28px;
  }
  .lameilleure-part2 {
    font-size: 34px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 660px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 660px;
  }
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 440px;
  }
  .click2buybutton {
    font-size: 28px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 10px;
  }
  .vr7-must-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 720px;
    height: 40px;
  }
  .vr7-is-title-text {
    width: 680px;
    font-size: 30px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 10px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 70% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
    width: unset !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
   * span.woocommerce-Price-amount.amount {
   *   font-size: 40px;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 434px;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    margin-left: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 96%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    width: 195px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 73%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-selection-button */
  a.widgetclick2selectbutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-buy-button */
  a.widgetclick2buybutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 28px;
  }
  .premium-history-title span.vr7 {
    font-size: 38px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-740x496.png');
    width: 740px;
    height: 496px;
  }
  .premium-history-textline01 {
    padding-top: 45px;
    font-size: 18px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 26px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 36px;
  }
  .premium-history-textline03-left {
    width: 36%;
  }
  .premium-history-textline03-right {
    width: 59%;
    text-align: right;
    font-size: 15px;
  }
  .premium-history-textline04-left {
    width: 36%;
  }
  .premium-history-textline04-right {
    width: 59%;
    text-align: left;
    font-size: 15px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 15px;
  }
  .premium-history-textline06 {
    font-size: 22px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 15px;
  }
  .premium-history-textline08 {
    font-size : 15px;
    margin-top: 80px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 15px;
  }
  .premium-history-textline10 {
    font-size : 13px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 17px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/
}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 800px and 819px */
@media screen and (min-width:800px) and (max-width:819px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -105px;
  }
  .home-message1-main-title {
    font-size: 34px;
  }
  .home_message1_sub_title1 {
    font-size: 18px;
  }
  .home_message1_sub_title2 {
    font-size: 18px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 15px;
  }
  .home_message1_sub_title3 {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 306px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 264px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 264px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 159px;
    padding-top: 125px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 125px;
    height: 105px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 125px;
    height: 105px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 22px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 22px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    margin-top: 25px;
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 13px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 264px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: -35px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: -37px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  
  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/
  
  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
    /* Set style for the navigation menu in the footer */
    #menu-footer ul.nav-menu li {
      width: 32%;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the go to shop button in the footer social media bar */
    /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
    .footer-social-media-bar .footer-go-to-shop-wrapper {
      justify-content: flex-start;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the social media icons in the footer social media bar */
    /* icon-wrapper : block around all icons that is aligned to the right */
    .footer-social-media-bar .footer-icon-wrapper {
      justify-content: flex-end;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the professional link to vr7pro in the footer */
    .footer-professional .footer-prof-quest-wrap {
      width: 55%;
      text-align: right;
    }
    .footer-professional .footer-prof-button-wrap {
      width: 35%;
      justify-content: flex-start;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the copyright notices in the footer */
    /*a.copyright-societe:link {
      color : #1e1e1e;
    }*/
    /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/
  
  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
    /* Set style for lameilleure-text */
    .lameilleure-part1 {
      font-size: 28px;
    }
    .lameilleure-part2 {
      font-size: 34px;
    }
    /**
    * .summum-line2 {
    *  font-size: 24px;
    * }
    **/
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for engement and icons wrapper */
    .vr7-engagements {
      width: 660px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for VR7-engagements title */
    .vr7-engagements-title-background {
      width: 640px;
      height: 40px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }
    .vr7-engagements-title-text {
      width: 560px;
      font-size: 30px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for VR7 Engagement icons */
    .icon-parent-2 {
      width: 660px;
    }
    .icon-background-2a {
      border-bottom-left-radius: 10px;
    }
    .icon-background-2c {
      border-bottom-right-radius: 10px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for call to action */
    .click2buybutton {
      width: 440px;
    }
    .click2buybutton {
      font-size: 28px !important;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for must title */
    .vr7-must {
      font-size: 28px;
    }
    .vr7-must-text-part1 {
      padding-right: 10px;
    }
    .vr7-must-text-part2 {
      padding-left: 10px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/
  
  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
    /* Set style for vr7-is title */
    .vr7-is-title-background {
      width: 720px;
      height: 40px;
    }
    .vr7-is-title-text {
      width: 680px;
      font-size: 30px;
    }
    .vr7-is-title-text-part1 {
      padding-right: 10px;
    }
    .vr7-is-title-text-part2 {
      padding-left: 10px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for call to action */
    #click2buybuttonselection {
      width: 90%;
    }
    a.click2buybuttonselection {
      font-size: 28px !important;
    }
    .click2buytextselection {
      width: 90%;
      font-size: 20px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/
  
  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 70% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-total {
    font-size: 140%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
    * span.woocommerce-Price-amount.amount {
    *   font-size: 40px;
    * }
    **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  
  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/
  
  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 434px;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    margin-left: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 96%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    width: 195px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 75%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-selection-button */
  a.widgetclick2selectbutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-buy-button */
  a.widgetclick2buybutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/
  
  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
   div.grecaptcha-badge {
    display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 28px;
  }
  .premium-history-title span.vr7 {
    font-size: 38px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-760x509.png');
    width: 760px;
    height: 509px;
  }
  .premium-history-textline01 {
    padding-top: 45px;
    font-size: 18px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 26px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 36px;
  }
  .premium-history-textline03-left {
    width: 37%;
  }
  .premium-history-textline03-right {
    width: 58%;
    text-align: right;
    font-size: 15px;
  }
  .premium-history-textline04-left {
    width: 37%;
  }
  .premium-history-textline04-right {
    width: 58%;
    text-align: left;
    font-size: 15px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 15px;
  }
  .premium-history-textline06 {
    font-size: 22px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 15px;
  }
  .premium-history-textline08 {
    font-size : 15px;
    margin-top: 90px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 15px;
  }
  .premium-history-textline10 {
    font-size : 13px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 17px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/
}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 820px and 849px */
@media screen and (min-width:820px) and (max-width:849px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
    /* Set the foreground banner image for homepage header (image itself is specified per media device) */
    .home .header-homepage .banner-homepage .header-front-image {
      background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for homepage Main message */
    .home .header-homepage .home-message1{
      width: 100%;
      margin-top: -108px;
    }
    .home-message1-main-title {
      font-size: 36px;
    }
    .home_message1_sub_title1 {
      font-size: 18px;
    }
    .home_message1_sub_title2 {
      font-size: 18px;
    }
    .home_message1_sub_title2 .eco-cycle {
      font-size: 15px;
    }
    .home_message1_sub_title3 {
      font-size: 16px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set the background image for all other pages */
    .header-site {
      background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
      width: 100%;
      height: 306px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set the background image for cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page {
      background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
      width: 100%;
      height: 364px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for .header-site .logo-otherpages */
    /*.header-site .logo-otherpages {
      height: 264px;
    }*/
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for .header-site .logo-otherpages .banner-otherpages */
    /*.header-site .logo-otherpages .banner-otherpages {
      width: 100%;
      height: 159px;
      padding-top: 125px;
    }*/
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the shade on the header */
    .header-site .wrap-otherpages .shadevr7-otherpages {
      top: 125px;
      height: 105px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the shade on the header on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
      top: 125px;
      height: 105px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 1 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 1 on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 2 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
      font-size: 22px;
      margin-bottom: 4px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 2 on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
      font-size: 22px;
      margin-bottom: 4px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 3 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
      font-size: 18px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 3 on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
      margin-top: 25px;
      font-size: 18px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 4 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
      font-size: 18px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 5 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
      font-size: 16px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for eco-cycle link */
    .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
      font-size: 13px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the car database messages */
    .header-site .wrap-otherpages .cardb-message2 {
      top: 264px;
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set font-size for page titles */
    h1.page-title.entry-title.font-inherit {
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the secured site message */
    .header-site .secured-site-block .secured-site-full-wrapper {
      width: 90px;
      margin-right: 20px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
      margin-top: -35px;
      overflow-y: visible;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
      width: 25px;
      height: 25px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
      margin-left: 5px;
      margin-top: -37px;
      overflow-y: visible;
    } 
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
      font-size: 10px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
      font-size: 10px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
      font-size: 8px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
    /* Set style for the navigation menu in the footer */
    #menu-footer ul.nav-menu li {
      width: 32%;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the go to shop button in the footer social media bar */
    /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
    .footer-social-media-bar .footer-go-to-shop-wrapper {
      justify-content: flex-start;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the social media icons in the footer social media bar */
    /* icon-wrapper : block around all icons that is aligned to the right */
    .footer-social-media-bar .footer-icon-wrapper {
      justify-content: flex-end;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the professional link to vr7pro in the footer */
    .footer-professional .footer-prof-quest-wrap {
      width: 55%;
      text-align: right;
    }
    .footer-professional .footer-prof-button-wrap {
      width: 35%;
      justify-content: flex-start;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the copyright notices in the footer */
    /*a.copyright-societe:link {
      color : #1e1e1e;
    }*/
    /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
    /* Set style for lameilleure-text */
    .lameilleure-part1 {
      font-size: 30px;
    }
    .lameilleure-part2 {
      font-size: 36px;
    }
    /**
    * .summum-line2 {
    *  font-size: 24px;
    * }
    **/
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for engement and icons wrapper */
    .vr7-engagements {
      width: 660px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for VR7-engagements title */
    .vr7-engagements-title-background {
      width: 640px;
      height: 40px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }
    .vr7-engagements-title-text {
      width: 560px;
      font-size: 30px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for VR7 Engagement icons */
    .icon-parent-2 {
      width: 660px;
    }
    .icon-background-2a {
      border-bottom-left-radius: 10px;
    }
    .icon-background-2c {
      border-bottom-right-radius: 10px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for call to action */
    .click2buybutton {
      width: 440px;
    }
    .click2buybutton {
      font-size: 28px !important;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for must title */
    .vr7-must {
      font-size: 28px;
    }
    .vr7-must-text-part1 {
      padding-right: 10px;
    }
    .vr7-must-text-part2 {
      padding-left: 10px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
    /* Set style for vr7-is title */
    .vr7-is-title-background {
      width: 720px;
      height: 40px;
    }
    .vr7-is-title-text {
      width: 680px;
      font-size: 30px;
    }
    .vr7-is-title-text-part1 {
      padding-right: 10px;
    }
    .vr7-is-title-text-part2 {
      padding-left: 10px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the promo message */
    table.promo_message_oil_selection_table tbody td.promo_body_1 {
      display: block;
      width: 100%;
    }
    table.promo_message_oil_selection_table tbody td.promo_body_2 {
      display: block;
      width: 100%;
    }
    .promo_message_oil_selection_msg1 {
      text-align: center;
    }
    .promo_message_oil_selection_msg2 {
      text-align: center;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for call to action */
    #click2buybuttonselection {
      width: 90%;
    }
    a.click2buybuttonselection {
      font-size: 28px !important;
    }
    .click2buytextselection {
      width: 90%;
      font-size: 20px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
    /* Set style for cart totals */
    div.cart_totals {
      width: 70% !important;
      float: right !important;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
    button#place_order.button.alt {
      font-size: 120%;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the message with total price under payment button on checkout page */
    .checkout-text1-total {
      font-size: 20px;
      font-weight: 900;
      font-style: italic;
    }
    .checkout-text2-total {
      font-size: 120%;
      font-weight: 900;
      font-style: italic;
    }
    .checkout-total {
      font-size: 140%;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the message under the "place order" button on the cart page */
    .cart-message-under-place-order-button-wrapper {
      justify-content: flex-end;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set size and color for the prices on every single product page and on the products loop page */
    /**
    * span.woocommerce-Price-amount.amount {
    *   font-size: 40px;
    * }
    **/
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for reassuring message on checkout page */
    div.checkout-reassure-message-wrapper {
      display: none;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for reassuring message on cart page */
    div.cart-reassure-message-wrapper {
      display: none;
    }
    /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

  /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
  .blogpost-missing-oil-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .blogpost-missing-oil-wrapper-image {
    display: block;
    width: 434px;
  }
  .blogpost-missing-oil-wrapper-text {
    display: block;
    text-align: left;
    margin-left: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for comment area on blog posts */
  body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
    width: 96%;
    margin-left: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
  /* Set Fixed width for Widget area */
  div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
    width: 195px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set max-width of blogpost content */
  div#content.content.l-content-rsb.m-full.s-full.font-inherit {
    width: 75%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-selection-button */
  a.widgetclick2selectbutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-buy-button */
  a.widgetclick2buybutton {
    font-size: 1.0em !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
  div.grecaptcha-badge {
  display: none;
  }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 28px;
  }
  .premium-history-title span.vr7 {
    font-size: 38px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-780x522.png');
    width: 780px;
    height: 522px;
  }
  .premium-history-textline01 {
    padding-top: 50px;
    font-size: 20px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 28px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 38px;
  }
  .premium-history-textline03-left {
    width: 38%;
  }
  .premium-history-textline03-right {
    width: 57%;
    text-align: right;
    font-size: 15px;
  }
  .premium-history-textline04-left {
    width: 38%;
  }
  .premium-history-textline04-right {
    width: 57%;
    text-align: left;
    font-size: 15px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 15px;
  }
  .premium-history-textline06 {
    font-size: 24px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 15px;
  }
  .premium-history-textline08 {
    font-size : 15px;
    margin-top: 90px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 15px;
  }
  .premium-history-textline10 {
    font-size : 13px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 17px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/
}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 850px and 869px */
@media screen and (min-width:850px) and (max-width:869px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
    margin-top: -108px;
  }
  .home-message1-main-title {
    font-size: 36px;
  }
  .home_message1_sub_title1 {
    font-size: 18px;
  }
  .home_message1_sub_title2 {
    font-size: 18px;
  }
  .home_message1_sub_title2 .eco-cycle {
    font-size: 15px;
  }
  .home_message1_sub_title3 {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 306px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 264px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages */
  /*.header-site .logo-otherpages {
    height: 264px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for .header-site .logo-otherpages .banner-otherpages */
  /*.header-site .logo-otherpages .banner-otherpages {
    width: 100%;
    height: 159px;
    padding-top: 125px;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .wrap-otherpages .shadevr7-otherpages {
    top: 125px;
    height: 105px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
    top: 125px;
    height: 105px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
    font-size: 22px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
    font-size: 22px;
    margin-bottom: 4px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 on cart, checkout or login/registration page */
  .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
    margin-top: 25px;
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 4 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 5 */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for eco-cycle link */
  .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
    font-size: 13px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .wrap-otherpages .cardb-message2 {
    top: 264px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set font-size for page titles */
  h1.page-title.entry-title.font-inherit {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the secured site message */
  .header-site .secured-site-block .secured-site-full-wrapper {
    width: 90px;
    margin-right: 20px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
    margin-top: -35px;
    overflow-y: visible;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
    width: 25px;
    height: 25px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
    margin-left: 5px;
    margin-top: -37px;
    overflow-y: visible;
  } 
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
    font-size: 10px;
  }
  .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
    font-size: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the go to shop button in the footer social media bar */
  /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
  .footer-social-media-bar .footer-go-to-shop-wrapper {
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .footer-icon-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the professional link to vr7pro in the footer */
  .footer-professional .footer-prof-quest-wrap {
    width: 55%;
    text-align: right;
  }
  .footer-professional .footer-prof-button-wrap {
    width: 35%;
    justify-content: flex-start;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-societe:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 30px;
  }
  .lameilleure-part2 {
    font-size: 36px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for engement and icons wrapper */
  .vr7-engagements {
    width: 660px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-parent-2 {
    width: 660px;
  }
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buybutton {
    width: 440px;
  }
  .click2buybutton {
    font-size: 28px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 10px;
  }
  .vr7-must-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 720px;
    height: 40px;
  }
  .vr7-is-title-text {
    width: 680px;
    font-size: 30px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 10px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the promo message */
  table.promo_message_oil_selection_table tbody td.promo_body_1 {
    display: block;
    width: 100%;
  }
  table.promo_message_oil_selection_table tbody td.promo_body_2 {
    display: block;
    width: 100%;
  }
  .promo_message_oil_selection_msg1 {
    text-align: center;
  }
  .promo_message_oil_selection_msg2 {
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/
  /* Set style for cart totals */
  div.cart_totals {
    width: 60% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
  button#place_order.button.alt {
    font-size: 120%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message with total price under payment button on checkout page */
  .checkout-text1-total {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
  }
  .checkout-text2-total {
    font-size: 120%;
    font-weight: 900;
    font-style: italic;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the message under the "place order" button on the cart page */
  .cart-message-under-place-order-button-wrapper {
    justify-content: flex-end;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  /**
    * span.woocommerce-Price-amount.amount {
    *   font-size: 40px;
    * }
    **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on checkout page */
  div.checkout-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for reassuring message on cart page */
  div.cart-reassure-message-wrapper {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

/** 
* ###################
* # BLOGPOSTS BEGIN #
* ###################
**/

/* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
.blogpost-missing-oil-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.blogpost-missing-oil-wrapper-image {
  display: block;
  width: 434px;
}
.blogpost-missing-oil-wrapper-text {
  display: block;
  text-align: left;
  margin-left: 20px;
}
/** --------------------------------------------------------------------------------------------------- **/

/* Set style for comment area on blog posts */
body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
  width: 96%;
  margin-left: 0;
}
/** --------------------------------------------------------------------------------------------------- **/

/** 
* #################
* # BLOGPOSTS END #
* #################
**/

/** 
  * ####################
  * # SHORTCODES BEGIN #
  * ####################
  **/
/* Set Fixed width for Widget area */
div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
  width: 195px;
}
/** --------------------------------------------------------------------------------------------------- **/

/* Set max-width of blogpost content */
div#content.content.l-content-rsb.m-full.s-full.font-inherit {
  width: 75%;
}
/** --------------------------------------------------------------------------------------------------- **/

/* Set the shortcode widget-selection-button */
a.widgetclick2selectbutton {
  font-size: 1.0em !important;
}
/** --------------------------------------------------------------------------------------------------- **/

/* Set the shortcode widget-buy-button */
a.widgetclick2buybutton {
  font-size: 1.0em !important;
}
/** --------------------------------------------------------------------------------------------------- **/

/** 
  * ##################
  * # SHORTCODES END #
  * ##################
  **/

/** 
  * #############################
  * # GOOGLE RECAPTCHA v3 BEGIN #
  * #############################
  **/
  div.grecaptcha-badge {
  display: none;
}
/** 
  * ###########################
  * # GOOGLE RECAPTCHA v3 END #
  * ###########################
  **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 28px;
  }
  .premium-history-title span.vr7 {
    font-size: 38px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-810x542.png');
    width: 810px;
    height: 542px;
  }
  .premium-history-textline01 {
    padding-top: 50px;
    font-size: 20px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 28px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 38px;
  }
  .premium-history-textline03-left {
    width: 36%;
  }
  .premium-history-textline03-right {
    width: 59%;
    text-align: right;
    font-size: 16px;
  }
  .premium-history-textline04-left {
    width: 36%;
  }
  .premium-history-textline04-right {
    width: 59%;
    text-align: left;
    font-size: 16px;
  }
  .premium-history-textline05-left {
    width: 67%;
  }
  .premium-history-textline05-right {
    width: 28%;
    text-align: left;
    font-size: 16px;
  }
  .premium-history-textline06 {
    font-size: 24px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 16px;
  }
  .premium-history-textline08 {
    font-size : 16px;
    margin-top: 95px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 16px;
  }
  .premium-history-textline10 {
    font-size : 14px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 18px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/
}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 870px and 949px */
@media screen and (min-width:870px) and (max-width:949px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
    /* Set the foreground banner image for homepage header (image itself is specified per media device) */
    .home .header-homepage .banner-homepage .header-front-image {
      background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for homepage Main message */
    .home .header-homepage .home-message1{
      width: 100%;
      margin-top: -108px;
    }
    .home-message1-main-title {
      font-size: 36px;
    }
    .home_message1_sub_title1 {
      font-size: 18px;
    }
    .home_message1_sub_title2 {
      font-size: 18px;
    }
    .home_message1_sub_title2 .eco-cycle {
      font-size: 15px;
    }
    .home_message1_sub_title3 {
      font-size: 16px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set the background image for all other pages */
    .header-site {
      background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
      width: 100%;
      height: 306px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set the background image for cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page {
      background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
      width: 100%;
      height: 264px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for .header-site .logo-otherpages */
    /*.header-site .logo-otherpages {
      height: 264px;
    }*/
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for .header-site .logo-otherpages .banner-otherpages */
    /*.header-site .logo-otherpages .banner-otherpages {
      width: 100%;
      height: 159px;
      padding-top: 125px;
    }*/
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the shade on the header */
    .header-site .wrap-otherpages .shadevr7-otherpages {
      top: 125px;
      height: 105px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the shade on the header on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
      top: 125px;
      height: 105px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for message line 1 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 1 on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for message line 2 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
      font-size: 22px;
      margin-bottom: 4px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 2 on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
      font-size: 22px;
      margin-bottom: 4px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for message line 3 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
      font-size: 18px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 3 on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
      margin-top: 25px;
      font-size: 18px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for message line 4 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
      font-size: 18px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for message line 5 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
      font-size: 16px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for eco-cycle link */
    .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
      font-size: 13px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the car database messages */
    .header-site .wrap-otherpages .cardb-message2 {
      top: 264px;
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set font-size for page titles */
    h1.page-title.entry-title.font-inherit {
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the secured site message */
    .header-site .secured-site-block .secured-site-full-wrapper {
      width: 90px;
      margin-right: 20px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
      margin-top: -35px;
      overflow-y: visible;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
      width: 25px;
      height: 25px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
      margin-left: 5px;
      margin-top: -37px;
      overflow-y: visible;
    } 
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
      font-size: 10px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
      font-size: 10px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
      font-size: 8px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/
  
  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
    /* Set style for the navigation menu in the footer */
    #menu-footer ul.nav-menu li {
      width: 32%;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the go to shop button in the footer social media bar */
    /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
    .footer-social-media-bar .footer-go-to-shop-wrapper {
      justify-content: flex-start;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the social media icons in the footer social media bar */
    /* icon-wrapper : block around all icons that is aligned to the right */
    .footer-social-media-bar .footer-icon-wrapper {
      justify-content: flex-end;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the professional link to vr7pro in the footer */
    .footer-professional .footer-prof-quest-wrap {
      width: 55%;
      text-align: right;
    }
    .footer-professional .footer-prof-button-wrap {
      width: 35%;
      justify-content: flex-start;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the copyright notices in the footer */
    /*a.copyright-societe:link {
      color : #1e1e1e;
    }*/
    /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/
  
  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
    /* Set style for lameilleure-text */
    .lameilleure-part1 {
      font-size: 30px;
    }
    .lameilleure-part2 {
      font-size: 36px;
    }
    /**
    * .summum-line2 {
    *  font-size: 24px;
    * }
    **/
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for engement and icons wrapper */
    .vr7-engagements {
      width: 660px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for VR7-engagements title */
    .vr7-engagements-title-background {
      width: 640px;
      height: 40px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }
    .vr7-engagements-title-text {
      width: 560px;
      font-size: 30px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for VR7 Engagement icons */
    .icon-parent-2 {
      width: 660px;
    }
    .icon-background-2a {
      border-bottom-left-radius: 10px;
    }
    .icon-background-2c {
      border-bottom-right-radius: 10px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for call to action */
    .click2buybutton {
      width: 440px;
    }
    .click2buybutton {
      font-size: 28px !important;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for must title */
    .vr7-must {
      font-size: 28px;
    }
    .vr7-must-text-part1 {
      padding-right: 10px;
    }
    .vr7-must-text-part2 {
      padding-left: 10px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/
  
  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
    /* Set style for vr7-is title */
    .vr7-is-title-background {
      width: 720px;
      height: 40px;
    }
    .vr7-is-title-text {
      width: 680px;
      font-size: 30px;
    }
    .vr7-is-title-text-part1 {
      padding-right: 10px;
    }
    .vr7-is-title-text-part2 {
      padding-left: 10px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the promo message */
    table.promo_message_oil_selection_table tbody td.promo_body_1 {
      width: 40%;
    }
    table.promo_message_oil_selection_table tbody td.promo_body_2 {
      width: 58%;
    }
    .promo_message_oil_selection_msg1 {
      text-align: left;
    }
    .promo_message_oil_selection_msg2 {
      text-align: left;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for call to action */
    #click2buybuttonselection {
      width: 90%;
    }
    a.click2buybuttonselection {
      font-size: 28px !important;
    }
    .click2buytextselection {
      width: 90%;
      font-size: 20px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/
  
  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
    /* Set style for cart totals */
    div.cart_totals {
      width: 60% !important;
      float: right !important;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
    button#place_order.button.alt {
      font-size: 120%;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the message with total price under payment button on checkout page */
    .checkout-text1-total {
      font-size: 20px;
      font-weight: 900;
      font-style: italic;
    }
    .checkout-text2-total {
      font-size: 120%;
      font-weight: 900;
      font-style: italic;
    }
    .checkout-total {
      font-size: 140%;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the message under the "place order" button on the cart page */
    .cart-message-under-place-order-button-wrapper {
      justify-content: flex-end;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set size and color for the prices on every single product page and on the products loop page */
    /**
      * span.woocommerce-Price-amount.amount {
      *   font-size: 40px;
      * }
      **/
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for reassuring message on checkout page */
    div.checkout-reassure-message-wrapper {
      display: none;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for reassuring message on cart page */
    div.cart-reassure-message-wrapper {
      display: none;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
  * ###################
  * # BLOGPOSTS BEGIN #
  * ###################
  **/

    /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
    .blogpost-missing-oil-wrapper {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .blogpost-missing-oil-wrapper-image {
      display: block;
      width: 434px;
    }
    .blogpost-missing-oil-wrapper-text {
      display: block;
      text-align: left;
      margin-left: 20px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for comment area on blog posts */
    body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
      width: 96%;
      margin-left: 0;
    }
    /** --------------------------------------------------------------------------------------------------- **/

  /** 
  * #################
  * # BLOGPOSTS END #
  * #################
  **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
    /* Set Fixed width for Widget area */
    div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
      width: 195px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set max-width of blogpost content */
    div#content.content.l-content-rsb.m-full.s-full.font-inherit {
      width: 75%;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set the shortcode widget-selection-button */
    a.widgetclick2selectbutton {
      font-size: 1.0em !important;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set the shortcode widget-buy-button */
    a.widgetclick2buybutton {
      font-size: 1.0em !important;
    }
    /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/
  
  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
    div.grecaptcha-badge {
      display: none;
    }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 28px;
  }
  .premium-history-title span.vr7 {
    font-size: 38px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-830x555.png');
    width: 830px;
    height: 555px;
  }
  .premium-history-textline01 {
    padding-top: 50px;
    font-size: 20px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 28px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 38px;
  }
  .premium-history-textline03-left {
    width: 38%;
  }
  .premium-history-textline03-right {
    width: 57%;
    text-align: right;
    font-size: 16px;
  }
  .premium-history-textline04-left {
    width: 38%;
  }
  .premium-history-textline04-right {
    width: 57%;
    text-align: left;
    font-size: 16px;
  }
  .premium-history-textline05-left {
    width: 70%;
  }
  .premium-history-textline05-right {
    width: 25%;
    text-align: left;
    font-size: 16px;
  }
  .premium-history-textline06 {
    font-size: 24px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 16px;
  }
  .premium-history-textline08 {
    font-size : 16px;
    margin-top: 110px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 16px;
  }
  .premium-history-textline10 {
    font-size : 14px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 18px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/
}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 950px and 999px */
@media screen and (min-width:950px) and (max-width:999px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
    /* Set the foreground banner image for homepage header (image itself is specified per media device) */
    .home .header-homepage .banner-homepage .header-front-image {
      background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for homepage Main message */
    .home .header-homepage .home-message1{
      width: 100%;
      margin-top: -108px;
    }
    .home-message1-main-title {
      font-size: 36px;
    }
    .home_message1_sub_title1 {
      font-size: 18px;
    }
    .home_message1_sub_title2 {
      font-size: 18px;
    }
    .home_message1_sub_title2 .eco-cycle {
      font-size: 15px;
    }
    .home_message1_sub_title3 {
      font-size: 16px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set the background image for all other pages */
    .header-site {
      background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
      width: 100%;
      height: 306px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set the background image for cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page {
      background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
      width: 100%;
      height: 264px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for .header-site .logo-otherpages */
    /*.header-site .logo-otherpages {
      height: 264px;
    }*/
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for .header-site .logo-otherpages .banner-otherpages */
    /*.header-site .logo-otherpages .banner-otherpages {
      width: 100%;
      height: 159px;
      padding-top: 125px;
    }*/
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the shade on the header */
    .header-site .wrap-otherpages .shadevr7-otherpages {
      top: 125px;
      height: 105px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the shade on the header on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
      top: 125px;
      height: 105px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for message line 1 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 1 on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for message line 2 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
      font-size: 22px;
      margin-bottom: 4px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 2 on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
      font-size: 22px;
      margin-bottom: 4px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for message line 3 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
      font-size: 18px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 3 on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
      margin-top: 25px;
      font-size: 18px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for message line 4 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
      font-size: 18px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for message line 5 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
      font-size: 16px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for eco-cycle link */
    .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
      font-size: 13px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the car database messages */
    .header-site .wrap-otherpages .cardb-message2 {
      top: 264px;
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set font-size for page titles */
    h1.page-title.entry-title.font-inherit {
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the secured site message */
    .header-site .secured-site-block .secured-site-full-wrapper {
      width: 90px;
      margin-right: 20px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
      margin-top: -35px;
      overflow-y: visible;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
      width: 25px;
      height: 25px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
      margin-left: 5px;
      margin-top: -37px;
      overflow-y: visible;
    } 
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
      font-size: 10px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
      font-size: 10px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
      font-size: 8px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/
  
  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
    /* Set style for the navigation menu in the footer */
    #menu-footer ul.nav-menu li {
      width: 32%;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the go to shop button in the footer social media bar */
    /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
    .footer-social-media-bar .footer-go-to-shop-wrapper {
      justify-content: flex-start;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the social media icons in the footer social media bar */
    /* icon-wrapper : block around all icons that is aligned to the right */
    .footer-social-media-bar .footer-icon-wrapper {
      justify-content: flex-end;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the professional link to vr7pro in the footer */
    .footer-professional .footer-prof-quest-wrap {
      width: 55%;
      text-align: right;
    }
    .footer-professional .footer-prof-button-wrap {
      width: 35%;
      justify-content: flex-start;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for the copyright notices in the footer */
    /*a.copyright-societe:link {
      color : #1e1e1e;
    }*/
    /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/
  
  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
    /* Set style for lameilleure-text */
    .lameilleure-part1 {
      font-size: 30px;
    }
    .lameilleure-part2 {
      font-size: 36px;
    }
    /**
    * .summum-line2 {
    *  font-size: 24px;
    * }
    **/
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for engement and icons wrapper */
    .vr7-engagements {
      width: 660px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for VR7-engagements title */
    .vr7-engagements-title-background {
      width: 640px;
      height: 40px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }
    .vr7-engagements-title-text {
      width: 560px;
      font-size: 30px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for VR7 Engagement icons */
    .icon-parent-2 {
      width: 660px;
    }
    .icon-background-2a {
      border-bottom-left-radius: 10px;
    }
    .icon-background-2c {
      border-bottom-right-radius: 10px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for call to action */
    .click2buybutton {
      width: 440px;
    }
    .click2buybutton {
      font-size: 28px !important;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for must title */
    .vr7-must {
      font-size: 28px;
    }
    .vr7-must-text-part1 {
      padding-right: 10px;
    }
    .vr7-must-text-part2 {
      padding-left: 10px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/
  
  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
    /* Set style for vr7-is title */
    .vr7-is-title-background {
      width: 720px;
      height: 40px;
    }
    .vr7-is-title-text {
      width: 680px;
      font-size: 30px;
    }
    .vr7-is-title-text-part1 {
      padding-right: 10px;
    }
    .vr7-is-title-text-part2 {
      padding-left: 10px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the promo message */
    table.promo_message_oil_selection_table tbody td.promo_body_1 {
      width: 45%;
    }
    table.promo_message_oil_selection_table tbody td.promo_body_2 {
      width: 53%;
    }
    .promo_message_oil_selection_msg1 {
      text-align: left;
    }
    .promo_message_oil_selection_msg2 {
      text-align: left;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
    /* Set style for call to action */
    #click2buybuttonselection {
      width: 90%;
    }
    a.click2buybuttonselection {
      font-size: 28px !important;
    }
    .click2buytextselection {
      width: 90%;
      font-size: 20px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  
  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/
  
  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/
    /* Set style for cart totals */
    div.cart_totals {
      width: 60% !important;
      float: right !important;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
    button#place_order.button.alt {
      font-size: 120%;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the message with total price under payment button on checkout page */
    .checkout-text1-total {
      font-size: 20px;
      font-weight: 900;
      font-style: italic;
    }
    .checkout-text2-total {
      font-size: 120%;
      font-weight: 900;
      font-style: italic;
    }
    .checkout-total {
      font-size: 140%;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the message under the "place order" button on the cart page */
    .cart-message-under-place-order-button-wrapper {
      justify-content: flex-end;
    }
    /** --------------------------------------------------------------------------------------------------- **/
    
    /* Set size and color for the prices on every single product page and on the products loop page */
    /**
      * span.woocommerce-Price-amount.amount {
      *   font-size: 40px;
      * }
      **/
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for reassuring message on checkout page */
    div.checkout-reassure-message-wrapper {
      display: none;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for reassuring message on cart page */
    div.cart-reassure-message-wrapper {
      display: none;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ###################
   * # WOOCOMMERCE END #
   * ###################
   **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/
    /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
    .blogpost-missing-oil-wrapper {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .blogpost-missing-oil-wrapper-image {
      display: block;
      width: 434px;
    }
    .blogpost-missing-oil-wrapper-text {
      display: block;
      text-align: left;
      margin-left: 20px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for comment area on blog posts */
    body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
      width: 96%;
      margin-left: 0;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
    /* Set Fixed width for Widget area */
    div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
      width: 195px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set max-width of blogpost content */
    div#content.content.l-content-rsb.m-full.s-full.font-inherit {
      width: 77%;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set the shortcode widget-selection-button */
    a.widgetclick2selectbutton {
      font-size: 1.0em !important;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set the shortcode widget-buy-button */
    a.widgetclick2buybutton {
      font-size: 1.0em !important;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
    div.grecaptcha-badge {
      display: none;
    }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/
  
  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 28px;
  }
  .premium-history-title span.vr7 {
    font-size: 38px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-900x602.png');
    width: 900px;
    height: 602px;
  }
  .premium-history-textline01 {
    padding-top: 60px;
    font-size: 22px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 30px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 40px;
  }
  .premium-history-textline03-left {
    width: 42%;
  }
  .premium-history-textline03-right {
    width: 53%;
    text-align: right;
    font-size: 16px;
  }
  .premium-history-textline04-left {
    width: 42%;
  }
  .premium-history-textline04-right {
    width: 53%;
    text-align: left;
    font-size: 16px;
  }
  .premium-history-textline05-left {
    width: 70%;
  }
  .premium-history-textline05-right {
    width: 25%;
    text-align: left;
    font-size: 16px;
  }
  .premium-history-textline06 {
    font-size: 26px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 16px;
  }
  .premium-history-textline08 {
    font-size : 16px;
    margin-top: 135px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 16px;
  }
  .premium-history-textline10 {
    font-size : 14px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 18px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/
}
/** ===================================================================================================== **

/* responsive rules for devices with minimum screen width of 1000px */
@media screen and (min-width:1000px) {

  /** 
   * ################
   * # HEADER BEGIN #
   * ################
   **/
    /* Set the foreground banner image for homepage header (image itself is specified per media device) */
    .home .header-homepage .banner-homepage .header-front-image {
      background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for homepage Main message */
    .home .header-homepage .home-message1{
      width: 100%;
      margin-top: -108px;
    }
    .home-message1-main-title {
      font-size: 36px;
    }
    .home_message1_sub_title1 {
      font-size: 18px;
    }
    .home_message1_sub_title2 {
      font-size: 18px;
    }
    .home_message1_sub_title2 .eco-cycle {
      font-size: 15px;
    }
    .home_message1_sub_title3 {
      font-size: 16px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set the background image for all other pages */
    .header-site {
      background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
      width: 100%;
      height: 306px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set the background image for cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page {
      background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
      width: 100%;
      height: 264px;
    }
    /** --------------------------------------------------------------------------------------------------- **/


    /* Set style for logovr7-otherpages on header */
    .header-site .wrap-otherpages .logovr7-otherpages {
      width: 150px;
      height: 150px;
      left: calc(50% - 75px);
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for logovr7-cart-checkout-register-page on header on the cart, checkout and login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .logovr7-cart-checkout-register-page {
      width: 152px;
      height: 152px;
      left: calc(50% - 76px);
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the shade on the header */
    .header-site .wrap-otherpages .shadevr7-otherpages {
      top: 125px;
      height: 105px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the shade on the header on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page {
      top: 125px;
      height: 105px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 1 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message1-otherpages {
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 1 on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message1-cart-checkout-register-page {
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 2 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message2-otherpages {
      font-size: 22px;
      margin-bottom: 4px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 2 on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message2-cart-checkout-register-page {
      font-size: 22px;
      margin-bottom: 4px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 3 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message3-otherpages {
      font-size: 18px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 3 on cart, checkout or login/registration page */
    .header-site-cart-checkout-register-page .wrap-cart-checkout-register-page .shadevr7-cart-checkout-register-page .message3-cart-checkout-register-page {
      margin-top: 25px;
      font-size: 18px;
    }
    /** --------------------------------------------------------------------------------------------------- **/


    /* Set style for message line 4 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message4-otherpages {
      font-size: 18px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for message line 5 */
    .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages {
      font-size: 16px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for eco-cycle link */
    .header-site .wrap-otherpages .shadevr7-otherpages .message5-otherpages .eco-cycle {
      font-size: 13px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the car database messages */
    .header-site .wrap-otherpages .cardb-message2 {
      top: 264px;
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set font-size for page titles */
    h1.page-title.entry-title.font-inherit {
      font-size: 28px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the secured site message */
    .header-site .secured-site-block .secured-site-full-wrapper {
      width: 90px;
      margin-right: 20px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img {
      margin-top: -35px;
      overflow-y: visible;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-img img {
      width: 25px;
      height: 25px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper {
      margin-left: 5px;
      margin-top: -37px;
      overflow-y: visible;
    } 
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt1 {
      font-size: 10px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-img-msg-wrapper .secured-site-msg-txt-wrapper .secured-site-msg-txt2 {
      font-size: 10px;
    }
    .header-site .secured-site-block .secured-site-full-wrapper .secured-site-msg-txt3 {
      font-size: 8px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # HEADER END #
   * ##############
   **/

  /**
   * ################
   * # FOOTER BEGIN #
   * ################
   **/
    /* Set style for the navigation menu in the footer */
    #menu-footer ul.nav-menu li {
      width: 32%;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the go to shop button in the footer social media bar */
    /* go-to-shop-wrapper : block around go-to-shop-button that is aligned to the left */
    .footer-social-media-bar .footer-go-to-shop-wrapper {
      justify-content: flex-start;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the social media icons in the footer social media bar */
    /* icon-wrapper : block around all icons that is aligned to the right */
    .footer-social-media-bar .footer-icon-wrapper {
      justify-content: flex-end;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the professional link to vr7pro in the footer */
    .footer-professional .footer-prof-quest-wrap {
      width: 50%;
      text-align: right;
    }
    .footer-professional .footer-prof-button-wrap {
      width: 40%;
      justify-content: flex-start;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the copyright notices in the footer */
    /*a.copyright-societe:link {
      color : #1e1e1e;
    }*/
    /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##############
   * # FOOTER END #
   * ##############
   **/

  /**
   * ##################
   * # HOMEPAGE BEGIN #
   * ##################
   **/
    /* Set style for lameilleure-text */
    .lameilleure-part1 {
      font-size: 30px;
    }
    .lameilleure-part2 {
      font-size: 36px;
    }
    /**
    * .summum-line2 {
    *  font-size: 24px;
    * }
    **/
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for engement and icons wrapper */
    .vr7-engagements {
      width: 660px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for VR7-engagements title */
    .vr7-engagements-title-background {
      width: 640px;
      height: 40px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }
    .vr7-engagements-title-text {
      width: 560px;
      font-size: 30px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
    
    /* Set style for VR7 Engagement icons */
    .icon-parent-2 {
      width: 660px;
    }
    .icon-background-2a {
      border-bottom-left-radius: 10px;
    }
    .icon-background-2c {
      border-bottom-right-radius: 10px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for call to action */
    .click2buybutton {
      width: 440px;
    }
    .click2buybutton {
      font-size: 28px !important;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for must title */
    .vr7-must {
      font-size: 28px;
    }
    .vr7-must-text-part1 {
      padding-right: 10px;
    }
    .vr7-must-text-part2 {
      padding-left: 10px;
    }
    /** --------------------------------------------------------------------------------------------------- **/
  /** 
   * ################
   * # HOMEPAGE END #
   * ################
   **/

  /** 
   * ###############################
   * # SELECTION OF OIL PAGE BEGIN #
   * ###############################
   **/
    /* Set style for vr7-is title */
    .vr7-is-title-background {
      width: 720px;
      height: 40px;
    }
    .vr7-is-title-text {
      width: 680px;
      font-size: 30px;
    }
    .vr7-is-title-text-part1 {
      padding-right: 10px;
    }
    .vr7-is-title-text-part2 {
      padding-left: 10px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the promo message */
    table.promo_message_oil_selection_table tbody td.promo_body_1 {
      width: 45%;
    }
    table.promo_message_oil_selection_table tbody td.promo_body_2 {
      width: 53%;
    }
    .promo_message_oil_selection_msg1 {
      text-align: left;
    }
    .promo_message_oil_selection_msg2 {
      text-align: left;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for call to action */
    #click2buybuttonselection {
      width: 90%;
    }
    a.click2buybuttonselection {
      font-size: 28px !important;
    }
    .click2buytextselection {
      width: 90%;
      font-size: 20px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #############################
   * # SELECTION OF OIL PAGE END #
   * #############################
   **/

  /** 
   * #####################
   * # WOOCOMMERCE BEGIN #
   * #####################
   **/

    /* Set style for cart totals */
    div.cart_totals {
      width: 50% !important;
      float: right !important;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the message with total price under payment button on checkout page */
    .checkout-text1-total {
      font-size: 20px;
      font-weight: 900;
      font-style: italic;
    }
    .checkout-text2-total {
      font-size: 120%;
      font-weight: 900;
      font-style: italic;
    }
    .checkout-total {
      font-size: 140%;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for the message under the "place order" button on the cart page */
    .cart-message-under-place-order-button-wrapper {
      justify-content: flex-end;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Checkout Page Multi-step : Set width for "Retour au panier" button and "finaliser votre commande" button */
    /*div.wpmc-footer-left {
      width: calc(30% - 40px);
    }
    div.wpmc-footer-right {
      width: calc(70% - 40px);
    }*/
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for "Terminer votre commande / Payer" button on one-page chechout page */
    button#place_order.button.alt {
      font-size: 120%;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set size and color for the prices on every single product page and on the products loop page */
    /**
    * span.woocommerce-Price-amount.amount {
    *   font-size: 40px;
    * }
    **/
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for reassuring message on checkout page */
    div.checkout-reassure-message-wrapper {
      display: block;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for reassuring message on cart page */
    div.cart-reassure-message-wrapper {
      display: block;
    }
    /** --------------------------------------------------------------------------------------------------- **/

  /** 
  * ###################
  * # WOOCOMMERCE END #
  * ###################
  **/

  /** 
   * ###################
   * # BLOGPOSTS BEGIN #
   * ###################
   **/

    /* Set style for flexbox on blogpost "Votre moteur manque d'huile" */
    .blogpost-missing-oil-wrapper {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .blogpost-missing-oil-wrapper-image {
      display: block;
      width: 434px;
    }
    .blogpost-missing-oil-wrapper-text {
      display: block;
      text-align: left;
      margin-left: 20px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set style for comment area on blog posts */
    body.post-template-default.single.single-post div#wrapper.wrapper.font-inherit div#container.container.container-single.relative.font-inherit div#content.content.l-content-rsb.m-full.s-full.font-inherit div#comments div#respond.comment-respond p.comment-form-comment textarea#comment {
      width: 96%;
      margin-left: 0;
    }
    /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * #################
   * # BLOGPOSTS END #
   * #################
   **/

  /** 
   * ####################
   * # SHORTCODES BEGIN #
   * ####################
   **/
    /* Set Fixed width for Widget area */
    div#primary-widget-area.widget-area.l-sb-right.m-full.s-full.l-flow-opposite.font-inherit {
      width: 195px;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set max-width of blogpost content */
    div#content.content.l-content-rsb.m-full.s-full.font-inherit {
      width: 80%;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set the shortcode widget-selection-button */
    a.widgetclick2selectbutton {
      font-size: 1.0em !important;
    }
    /** --------------------------------------------------------------------------------------------------- **/

    /* Set the shortcode widget-buy-button */
    a.widgetclick2buybutton {
      font-size: 1.0em !important;
    }
    /** --------------------------------------------------------------------------------------------------- **/

  /** 
   * ##################
   * # SHORTCODES END #
   * ##################
   **/

  /** 
   * #############################
   * # GOOGLE RECAPTCHA v3 BEGIN #
   * #############################
   **/
    div.grecaptcha-badge {
      display: none;
    }
    body.page-contact div.grecaptcha-badge {
      display: block !important;
      top: 14px !important;
    }
  /** 
   * ###########################
   * # GOOGLE RECAPTCHA v3 END #
   * ###########################
   **/

  /**
   * ##################################
   * # PAGE PREMIUM HISTORY OIL BEGIN #
   * ##################################
   **/
  .premium-history-title {
    font-size: 28px;
  }
  .premium-history-title span.vr7 {
    font-size: 38px;
  }
  .black-perl-blurred {
    background-image: url('/wp-content/uploads/black-perl-and-logo-940x629.png');
    width: 940px;
    height: 629px;
  }
  .premium-history-textline01 {
    padding-top: 60px;
    font-size: 22px;
  }
  .premium-history-textline02-left {
    width: 32%;
  }
  .premium-history-textline02-right {
    width: 68%;
    font-size: 30px;
  }
  .premium-history-textline02-right span.vr7 {
    font-size: 40px;
  }
  .premium-history-textline03-left {
    width: 44%;
  }
  .premium-history-textline03-right {
    width: 51%;
    text-align: right;
    font-size: 16px;
  }
  .premium-history-textline04-left {
    width: 44%;
  }
  .premium-history-textline04-right {
    width: 51%;
    text-align: left;
    font-size: 16px;
  }
  .premium-history-textline05-left {
    width: 70%;
  }
  .premium-history-textline05-right {
    width: 25%;
    text-align: left;
    font-size: 16px;
  }
  .premium-history-textline06 {
    font-size: 26px;
    margin-top: 10px;
  }
  .premium-history-textline07 {
    font-size: 16px;
  }
  .premium-history-textline08 {
    font-size : 16px;
    margin-top: 160px;
  }
  .premium-history-textline09, .premium-history-textline11, .premium-history-textline12, .premium-history-textline13, .premium-history-textline14, .premium-history-textline15, .premium-history-textline16, .premium-history-textline17 {
    font-size: 16px;
  }
  .premium-history-textline10 {
    font-size : 14px;
  }
  .premium-history-textline10-a, .premium-history-textline10-b {
    font-size: 18px;
  }
  /**
   * ################################
   * # PAGE PREMIUM HISTORY OIL END #
   * ################################
   **/

}
/** ===================================================================================================== **