/*
Theme Name:   Type-Top REMORQUES
Author: Arve & Giffre INFOGESTION
Author URI: https://www.ag-infogestion.fr
Theme URI:    http://example.com/twenty-fifteen-child/
Description:  Thème spécialement édité pour Type-Top REMORQUES
Version:      1.0.0
Text Domaine: agi_typetop_theme
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
zTags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/


/** Définitions Globales **/
*/*, ::after, ::before*/ {
    box-sizing: inherit; /*border-box;*/
}

div {
    display: block;
}

body {
    background-color: #f9f9f9;
    font-family: Helvetica;
    margin: 0;
    width: auto; /*97%;*/
}

 main {
    /*display: flex;
    flex-direction: column;*/
    padding: 0px 10px;
}

h1, h2 {

  /*height: 1em; /*1.2em;*/
  /*padding: 0.1em 10px;*/
    padding-left:10px; 
    /*background:url('http://localhost/wp-test/wp-content/uploads/global/bg-redray.png') top left no-repeat; */
    background:url('./images/bg-redray.png') top left no-repeat; 
    background-size: cover; /* Resize the background image to cover the entire container */
    /*background-image: linear-gradient(black, white);*/
    /*background-image: radial-gradient(red, white);    */
    /*font-size:24px;*/
    font-weight:bold;
    color:#EEE;
    text-decoration: none;
}

h1 a, h1 a:visited, h1 a:link, h1 a:active,
h2 a, h2 a:visited, h2 a:link, h2 a:active {
    color:#EEE;
    text-decoration: none;
}


h1 {
    font-size:24px;
}

/*
    h1.page-title, h1.entry-title, h2.wp-block-heading {
        padding-left:10px; 
        /*background:url('http://localhost/wp-test/wp-content/uploads/global/bg-redray.png') top left no-repeat; */
        /*background:url('./images/bg-redray.png') top left no-repeat; 
        font-size:24px;
        font-weight:bold;
        color:#EEE;
        }
    */
    
h2 {
    font-size: 20px;
/*    background-color: #E40000;
    color: #fff;
    text-align: left; /*center;*/
    /*font-size: 0.5em;*/
    /*font-family: Arial,Helvetica,Verdana,sans-serif;*/
/*    line-height: 1.3em;
    padding-left: 10px;*/
}

body, button, input, select, textarea/*, .ast-button, .ast-custom-button*/ {
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: 1rem;
    /*line-height: var(--ast-body-line-height,1.65em);*/
    line-height: 1.65em;
}

input, select {
    line-height: 1;
}

input {
    font-family: inherit;
    font-size: 100%;
    line-height: normal;
}


.ast-button, .button, button, input, select, textarea {
    color: #808285;
    font-weight: 400;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    padding: 0.75em;


}


button, select {
    text-transform: none;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

select:hover {
    /*background-color: #E40000;*/
    border-width: 1px;
    border-style: solid;
    /*border-color: var(--ast-border-color);*/
    border-color: #E40000;
}



input[type=text], input[type=email], input[type=url], input[type=password],
input[type=search], input[type=number], input[type=tel], input[type=date], 
input[type=month], input[type=week], input[type=time], input[type=datetime], 
input[type=datetime-local], input[type=color], textarea, select {
  /*height: auto;*/
  /*line-height: var(--global--line-height-body);
  padding: var(--form--spacing-unit);
  margin: 0 2px;
  max-width: 100%;
*/
  color: #666;
  padding: 0.75em;
  height: auto;
  border-width: 1px;
  border-style: solid;
  /*border-color: var(--ast-border-color);*/
  border-color: #E40000;
  border-radius: 2px;
  /*background: var(--ast-comment-inputs-background); = #F9FAFB' : '#FAFAFA'*/
  background: #F9FAFB;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /*none;*/
  box-sizing: border-box;
  transition: all .2s linear;

}

select, .select2-container .select2-selection--single {
  background-image: url("data:image/svg+xml,%3Csvg class='ast-arrow-svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='26px' height='16.043px' fill='%23334155' viewBox='57 35.171 26 16.043' enable-background='new 57 35.171 26 16.043' xml:space='preserve' %3E%3Cpath d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 0.8em;
  background-repeat: no-repeat;
  background-position-x: calc( 100% - 10px );
  background-position-y: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2em;
  /*box-shadow: 0 0 0 1px red;*/
}


input[aria-required="true"], textarea[aria-required="true"], select[aria-required="true"] {
  border-width: 2px;
}

input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus,
input[type=reset]:focus, input[type="tel"]:focus, input[type="date"]:focus, 
select:focus, textarea:focus {
	/*border-color: #046BD2;
	box-shadow: none;
    outline: none;
    color: #475569;
*/

/*    border-color: red;/* #475569; /*var(--ast-customizer-color-1);*/
	color: #0a4b78; /*annulé par qlq'ch */
	box-shadow: 0 0 0 1p #475569; /*var(--ast-customizer-color-1);*//*annulé par qlq'ch */
 
}


option {
    font-weight: normal;
    display: block;
    min-height: 1.2em;
    padding: 0px 2px 1px;
    white-space: nowrap;
    border-color: red;/*annulé par qlq'ch */
    box-shadow: 0 0 0 1px red;/*annulé par qlq'ch */
    /*background-color: #808285;*/

}

option:hover{
    background-color: #f37777;
}

a {
    text-decoration: none;
  }



/** Class WP **/
.aligncenter {
  margin: 0 auto;
  text-align: center;
  display: block;
}

/** Entete **/
.my-logo,
footer {
    margin: 0;
  /*width: 100%; /*99%;*/
  /*padding-left: 1%;*/
  padding: 5px;
  /*background-color: rgb(240, 8, 8);*/
  /*border: 1px solid #78baff;*/
/*  background-image: linear-gradient(180deg,rgb(107,0,0) 0%,rgb(224,0,0) 100%);*/
}
.my-logo {
  /*background-image: linear-gradient(180deg,rgb(107,0,0) 0%,rgb(224,0,0) 100%);*/
  background: linear-gradient(177deg, rgb(107,0,0) 5%, rgb(224,0,0));

}
/*
.blocHeader {
  display: inline-block;
}
*/




/*******************************************/


    #titre-gauche {
        /*width: 100%;*/
        padding: 5px;
     }

     #logo {
        max-width: 100%;
      }
    
    #titre-droit {
        display: none;
      }

      #sous-titre {
      }



/********************************************/

#illustration {
    max-width: 200px;
    /*width: 100%;*/
/*    height: 100%;
    width: auto;*/
  }

 #sous-titre {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between; /* Alignement Horizontal*/
    /*align-items: stretch;   /* Alignement Vertical stretch par defaut*/

 }
  
 .slogan {
    /*position:absolute;
    top:135px;*/
    font-weight:bold;
    font-size:22px;
    font-style:italic;
    /*left:30px;*/
    /*margin-left: 1px;*/
    padding-left: 1px;
    color:#EEE;
    /*width: 90%;*/
    flex: 1 80%;
  }


body > header > h1 > a {
  color: #ffffff;
  font-weight: 400;
  }


/** Menu **/
#burger {
    width: 30px;
    height: 2px;
    background: white;
    display: inline-block;
    position: relative;
}

#burger::before,
#burger::after {
    content: " ";
    width: 30px;
    height: 2px;
    background: white;
    display: inline-block;
    position: absolute;
    transform-origin: center;
    transition: all 0.3s ease;
}

#burger::before {
    top: -7px;
}
#burger::after {
    top : 7px;
}

#burger.open {
    background: transparent; /* la barre du milieu disparait */
}

/*Rotation des 2 autres pour faire la croix de fermeture */
#burger.open::before {
    transform: rotate(45deg);
    top: 0;
}
#burger.open::after {
    transform: rotate(-45deg);
    top: 0;
}
#menu-burger {
    /*visibility: hidden;*/
    /*display: none;*/
    /*width: 9%;*/
    flex: 1 30px;
    /*justify-self: flex-end;*/
}
.main-menu {
  /*justify-self: flex-end;*/
  flex: 1 100%;
}
  #bt-burger {
    cursor: pointer;
    width: 90%;
    display: none;
  }




#sidebar-burger {
  align-self: start;
  margin-left: 8%; /*15px;*/
/*  margin-bottom: -5px;*/
  background: red;  /* #dbdddf;*/
  border-radius: 10px;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3),
                0 1px 0 rgba(255, 255, 255, 0.2);
  display: flex;
  flex-direction: row;
  align-content: center;
}
#sidebar-burger.ouvert {
  border-radius: 10px 10px 0 0;
}



#sidebar-burger a {
  /*visibility: hidden;*/
  /*display: none; /**/
  /*width: 50%;*/
  color: white;
  font-size: x-large;
/*  background: red;  /* #dbdddf;*/
/*  border-radius: 10px;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3),
                0 1px 0 rgba(255, 255, 255, 0.2);
*/
}

#sidebar-burger .dashicons {
  font-size: 30px;
  width: 40px;
  /*height: 30px;*/
}

#bt-sidebar-burger {
  cursor: pointer;
/*  width: 90%;*/
/*  display: none;*/
}


/***********************************************************************************/
    #bt-burger {
        display: block;
    }

    .menu-menu-container {
        width: 100%;
        /*visibility: hidden;*/
        /*display: none;*/
    }

    #menu-menu {
        /*display: none; deplacé dans .menu*/
    }

    #bt-accueil {
        display: inline;
    }

     .menu {
        }

/*#menu-menu-container*/
#menu-menu {
    /*visibility: visible;*/
    /*display: flex; /*block;*/ /*On met dans .menu sinon ça passe devant le display:none pour cacher le menu */
}
  .menu {
/*    position:absolute;*/
/*    right:20px;
    bottom:2px;
    height:28px;
    width:550px;*/
    list-style-type: none;
    /*display: block;
    float:right;*/
    display: flex;
    flex-direction: column;
    }

    #bt-accueil {
        /*display: none;*/
    }


    .menu::after {  /*A la fin du menu */
   /*    content: "";
        display: table;
        clear: both;*/
    }

    /*.menu ul {
    
    /*float:right;*/
    /*}*/

    .menu li {
    /*float:left;
    display:block;*/
    font-size:20px;
    font-weight:bold;
    line-height:28px;
    padding-right:15px;
    }

     .menu-item a { /* li a {*/
    /*float:left;*/
    text-decoration: none;
/*    display:block;*/
    color:#EEE;
    }

    .menu-item a:hover { /* li a:hover {*/
    /*color:#E40000;*/
    color: darkgray;
    }

    .current-menu-item a, .parent-menu-item a {
        /*color: #E40000;*/
        /*color: black;*/
        color: darkslategray;
    }
    
    /*       menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-46
    /*class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item current_page_item menu-item-318"*/
    /*       menu-item menu-item-type-post_type menu-item-object-page menu-item-318*/

#header-menu {
  /*display: none;*/
  /*width: 100%;*/
    /*align-self: flex-end;   /*Aligne le menu en bas */
    /*height: auto;*/
    /*text-align: right;*/
  }


/** Pied de page **/
footer {
  /*padding: 0;*/
  line-height: normal;
/*background: no-repeat center/100% url(./images/bg-footer-red.png);*/
/*background-image: url("data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#0099ff" fill-opacity="1" d="M0,288L1440,192L1440,320L0,320Z"></path></svg>");*/
/*background-image: url("data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#0099ff" fill-opacity="1" d="M0,160L1440,32L1440,0L0,0Z"></path></svg>");
      background-repeat: no-repeat;*/
/*background-image: linear-gradient(90deg,rgb(107,0,0) 0%,rgb(224,0,0) 100%);*/
background: linear-gradient(177deg, rgb(224,0,0) 55%, rgb(107,0,0));
margin: 0;
  margin-top: 4px;
  padding-top: 20px;
  font-size: 14px;
  font-weight: normal;

}
  
footer p {
  margin: 0;
}

.footer-menu ul {
  margin: 0;
  padding: 0;
  padding-left: 5px;
}

.footer-menu li, .footer-menu a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
}

.footer-menu li {
  padding-right: 5px;
  max-width: 75%;
}

.footer-menu a:hover {
  text-decoration: underline;
  font-weight: bold;
}

/***/

#copyright {
  padding-right: 15px;
  color: white;
  /*text-align: right;*/
  /*font-weight: bold;*/
}

#copyright ul {
  /*position: absolute;*/
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  /*flex-direction: row;*/
  align-items: center;
}

/**/       
     #copyright ul {
        }
        
     #copyright ul li {
            margin-left: auto;
            max-width: 75%;
        }
     
/*
    #copyright ul li+li.separed:before {
  content: "";
    width: 4px;
    height: 4px;
    background: white;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    order: dotted 6px;
    border-radius: 4px;*/
/*    display: none;*/
/*}

/***/

#copyright li {
  display: inline-block
}

#copyright li.first-li {
  margin-left: auto;
}

#copyright a {
  text-decoration: none;
  color: white;
}

#copyright a:hover {
  text-decoration: underline;
  /*color: white;*/
}

#wrapper {
  padding: 15px;
}

/** Cotenu principale **/
.site-content, .site-categories-content {
    display: flex;
    flex-direction: column;
    /*align-items: center;
    /*ICIwidth: 100%; /*90%;*/
    margin: 0;
    padding: 0;
    /*margin-left: auto;
    margin-right: auto;
    padding-left: 20px; /*40px; /*20px;*/
    /*padding-right: 20px; /*40px; /*20px;*/
}

/** Spécifiquement pour la page categorie avec le filtrage */
.site-categories-content {
    flex-direction: column-reverse;
}

.woocommerce-content {
  /*display: flex;*/
  flex-direction: column-reverse;
}

.products-container {
    max-width: 100%;
}

/*#shop-sidebar-content {
  display: none;
  background: blanchedalmond;
  padding: 15px;
  width: 100%;
  margin-top: -15px;
}*/
#secondary.shop-sidebar-content {
  margin: 0;
  padding: 0;
  padding-left: 15px;
  padding-right: 15px;
  width: 85%;
  border: 5px solid red; /* #0a4b78;*/
  border-radius: 10px;
  /*border-radius: 0 10px 10px 10px;*/

}

#plan {
  /*width="800" height="800"*/
  display: block;
  width: 90%;
  height: 400px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  /* padding: 0; */
  /*display: block;*/
  /*display: none;*/
}

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

.video-iframe-container {
  position: relative;
  padding-bottom: 60%; /*aspect ratio x */;
  height: 0;
  overflow: hidden;
}

.hidden {
  display: none;
}

/** Principal **/
#primary, #secondary {
    /*margin: 4em 0;*/
    /*width: 100%;*/
    padding: 0px;/*0px 15px;*/
}

/** Secondaire **/
#secondary, .primary-sidebar {
    /*width: 100%;*/
    /*margin: 4em 0 2.5em;*/
    border-top: 5px solid red;
    word-break: break-word;
    line-height: 2;
    margin-top: 20px;
}


#secondary section {
    /*margin: 4em 0;*/
    width: 100%;
    /*padding: 0px 15px;*/
}

div.site-content #secondary section {
    display: flex;
    align-items: center;
    justify-content: center;
}

#secondary section figure {
    /*margin: 1em 40px;*/
    margin: 0;
}
/** Liste articles ou Prestation **/
article {
    border-color: #c1ccd2;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    padding: 10px;
    background-color: #d8e5ee;
    border: #bfc6cc solid 1px;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}

.wp-block-group {
  padding: 10px;
}

article h2 {
  /*width: 100%;*/
  display: block;
}

article h2 a {
    /*background-color: #d81114;*/
    color: #fff;
    font-weight: bold;
    padding: 2px 5px;
    margin-bottom: 10px;
}

figure {
/*  width:min-content; fait disparaitre les image des barres latérales */
  position:relative;
  overflow:hidden;
}

article figure.post-thumbnail {
  float: left;
  width: 30%;
  margin: 0 20px 10px 20px; /* Top, Right, Bottom, Left */
}

article figure a img {
  /*<figure class="post-thumbnail-figure">*/
  width: 100%;
  height: auto;
  vertical-align:top;
}

/*
figcaption {
  background-color: #222222;;
  color: white;
  font: italic smaller sans-serif;
  padding: 3px;
  text-align: center;
}*/
figure figcaption {
  width: 100%;
  color: white;
  font: italic smaller sans-serif;
  text-align: center;
  position:absolute;
  bottom:0;
  transform:translateY(100%);
  background-color: rgba(247, 0, 0, 0.20);
  padding:3px;
  transition:0.25s
}
figure:hover figcaption {
  transform:translateY(0);
}

article div.entry-content {
  margin: 0 10px 20px 0;
  /*height: auto;*/
}

article div.entry-content a {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background-color: red;
  padding: 5px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

  article.services-post-type div.post-thumbnail{
  float: right;
  width: 33%;
  margin: 0px 0px 10px 10px;
} 

article.services-post-type div.post-thumbnail img{
  width: 100%;
  height: auto;
} 

/* Bouton voir plus */
.moretag {
  margin-bottom: 10px;
}
/*Le pied des vignette d'articles dans les pages archives comme archive-service.php */
.entry-footer {
  clear:both;
}

/** WOOCOMMERCE **/



/** Formulaires de Contact **/


.wpcf7-form {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.wpcf7-form .champs, .wpcf7-form .champs p, .wpcf7-form .champs p * {
  width: 100%;
}

.wpcf7-form .champs p{
  display: flex;
  flex-direction: column;
}

.wpcf7-form #champs-inputRGPD p{
  display: flex;
  flex-direction: row;
}


.wpcf7-form .champs textarea {
  resize: none;
  /*width: 97%;*/
}

p.test {
  font-size: 100%;
}

.wpcf7-form #champs-inputRGPD p, .wpcf7-form #champs-inputRGPD p input, .wpcf7-form #champs-submit p, .wpcf7-form #champs-submit p input {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  /*width: 97%;*/
}

nav.woocommerce-breadcrumb ,
nav.woocommerce-breadcrumb .breadcrumbs-links {
  font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: 1rem;
    /* line-height: var(--ast-body-line-height, 1.65em); */
    line-height: 1.65em;
}

nav.woocommerce-breadcrumb .breadcrumbs-links:first-child a:before{
  font-family: "dashicons";
  content: "\f102";
  display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    
    width: 20px;
    height: 20px;
    font-size: 20px;
    vertical-align: top;
    text-align: center;

}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  margin: 0;
  padding: 5px;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
#products-lst ul.products li.product .woocommerce-loop-product__title,
section.related.products ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3,
h2.woocommerce-loop-product__title {

  /*padding: .2em 10px; /*.2em 10px;*/
  /*height: 40px;*/
  text-align: center;
/*  margin: 0;
  font-size: 1em;*/
     background: none;
     /*background-color: rgba(228, 0, 0, 0.5);*/
     background-color: rgba(228, 0, 0);
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  color: black;
}

.woocommerce ul.products li.product .woocommerce-loop-product__short-description {
  /*line-height: 1em;*/
  line-height: 0.9em;
  font-size: 0.9em;
}

/*.sa_hover_fullslide div,*/
.sa_hover_container div {
  background-color: rgb(255 255 255 / 50%);
  /* opacity: 30%; */
  color: red;
  text-transform: uppercase;
  font-weight: bold;
}

/*
.wpcf7-form p .wpcf7-form-control-wrap, .wpcf7-form p .wpcf7-form-control-wrap input {
  width: 100%;
}

.wpcf7-form p .wpcf7-form-control-wrap[data-name="nom"], .wpcf7-form p .wpcf7-form-control-wrap[data-name="prenom"] {
  width: 45%;
}
*/


/** Adaptation d'écran **/


/************************/




    
  
   
  /* Mise en forme conteneur widget aera ou primary-sidebar */
  
  
  
  
  /*#secondary {*/
    /*.widget-aera {*/
  
  /*
  #secondary, #secondary button, #secondary input, #secondary select, #secondary textarea {
    font-size: 14px;
    font-size: 1rem;
  }*/
  
  /*#primary, #secondary {*/
  /*    #primary, #primary-sidebar {
          width: 100%;
    }*/
 
  
  



  /******* Menu ***********/
 /* .menu-menu-container {
    float:right;
  }
  .menu-menu-container::after {
    content: "ICI";
        display: table;
        clear: both;
  }*/
aside#secondary {
  padding-top: 20px;
}
  aside.sidebar section ,
  .block-editor-block-list__layout section {
    margin-bottom: 15px;
    font-size: 1em; /*0.8em;*/
  }
  
  aside.sidebar h2 ,
  .block-editor-block-list__layout h2 {
    margin-bottom: 2px;
    font-size: 1em;
  }

  #tarif_loc {
    height: 90px;
    width: 600px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: #000 solid 2px;
    color: #FFF;
    background-color: #000;
}

table, th, tr, td {
    margin: 0;
    padding: 0;
}

.red {
    font-weight: normal;
    background-color: #900;
}
/*
  form#agi-wc-toogleswitch-filter-widget-2_form .agi_toggleswitch {
    width: 50%;
    /*margin: 0 auto 0 auto;*/
    /*display: inline-block;*/
 /*  }
  */

/******************************************************
*******************************************************
*******************************************************
*****                                             *****
*****          ECRAN SUPERIEUR A  922 PX          *****                
*****                                             *****
*******************************************************
*******************************************************
******************************************************/

/* Mise en forme conteneur de la page List produits */
/* Si écran au moins égale à 922px */
@media screen and (min-width: 922px) {

  body {
    width: 100%;
  }
  
  main {
    padding: 20px;
  }


  #logo {
    max-width: 400px;
  }

  #titre {
    display: flex;
    flex-direction: row;
}

 #titre-gauche {
    width: 70%;
    padding: 0;

 }

  #titre-droit {
    display: block;
    text-align: right;
    width: 30%;
 }

      .slogan, .main-menu {
        flex: 1 45%;
    }

    #menu-burger {
      display: none;
    }
        #bt-accueil {
        display: none;
    }
    #menu-menu-content{
      color: #0a4b78;
    }
 .menu {
    flex-direction: row;
}

#header-menu {
            justify-content: flex-end;
}
  
  #primary, #secondary {
    padding: 0px;
  }
  
  #primary {
    /*border-right: 1px solid greenyellow;*/
    flex-direction: row; /*on dirige quoi en row ? */
    width: 80%; /*70%;*/
    /*padding-right: 60px;*/
    padding-right: 15px;
  }

#secondary {
    /*margin: 4em 0;*/
    /*width: 100%;*/
    padding-left: 15px;
}

  .site-content {
        flex-direction: row;
        /*align-items: flex-start;*/
        /*padding-left: 40px; /*20px;*/
 /*       padding-right: 40px; /*20px;*/
  }

  /* spécifiquement pour la page categorie */
  .site-categories-content {
        flex-direction: row;
        align-items: normal;
        /*padding-left: 40px;*/
    }

/*    .site-content > .products-container {*/
    .site-categories-content > .products-container {
        max-width: 1240px;
    }
/*    .site-content .products-container {*/
    .site-categories-content .products-container {
        display: flex;
    }
    .products-container {
        max-width: 1240px;
    }

    /*.ast-right-sidebar*/
    
  #woocommerce_shop_loop_header {
    width: 70%;
  }

  #shop-loop.products-shop-loop {
    display:flex;
    flex-direction: row-reverse;
  }

div#primary.lst-products-area {
  width: 100%;
  padding: 0;
}

#products-lst {
    background-color: blueviolet; /* blanchedalmond;*/
  width: 70%;
  padding-right: 60px;
}
#shop-sidebar-content {
  display: block;
}

#sidebar-burger {
  display: none;
}


    /*.widget-aera {*/
    /*#secondary, #primary-sidebar , #shop-sidebar-content {*/
    #secondary, #primary-sidebar , #secondary.shop-sidebar-content {
        width: 20%; /*30%;*/
        border: none;
        border-radius: 0;
        border-top: none;
        border-left: 2px solid red;
        /*margin-left: -1px;*/
        /*padding-left: 60px;*/
    }

    #secondary {
      padding-top: 0px;
    }

#shop-sidebar-content {
    background-color: none; /* blanchedalmond;*/
    /*padding: 15px;
    width: 100%;*/
    margin-top: 0px;

  }

  
.wp-block-group {
  padding: 20px;
}


/* En grand partager la largeur entre Nom et Prenom */
.wpcf7-form #champs-nom, .wpcf7-form #champs-prenom {
  width: 48%;
}
/*
.wpcf7-form #champs-email {
  width: 60%;
}
*/

/* En grand partager la largeur entre telephone et departement */
.wpcf7-form #champs-phone, .wpcf7-form #champs-departement {
  width: 48%;
}

#copyright ul {
  flex-direction: row;
  margin: 0;
}

#copyright ul li {
  margin-left: 0;
}


#copyright ul li+li {
      margin: 0 5px;
    }
   
#copyright ul li+li.separed {
      margin: 0;
    }
   
#copyright ul li+li.separed:before {
  content: "";
    width: 4px;
    height: 4px;
    background: white;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    order: dotted 6px;
    border-radius: 4px;
}

/* En grand partager la largeur entre PV et PTAC */
.wpcf7-form #champs-pv, .wpcf7-form #champs-ptac {
  width: 48%;
}

.wpcf7-form #champs-cu, .wpcf7-form #champs-permis {
  width: 48%;
}


.wpcf7-form #champs-departement p {
  /*padding-right: 3%; inutile ? */
}



}

/******************************************************
*******************************************************
*******************************************************
*****                                             *****
*****          ECRAN SUPERIEUR A  544 PX          *****                
*****                                             *****
*******************************************************
*******************************************************
******************************************************/

/* Si écran au moins égale à 544px */
@media screen and (min-width: 544px) {
   /* .products-container {
      max-width: 100%;
    }*/
}


/******************************************************
*******************************************************
*******************************************************
*****                                             *****
*****          ECRAN INFERIEUR A  768 PX          *****                
*****                                             *****
*******************************************************
*******************************************************
******************************************************/

/* Si l'écran fait jusqu'à 600 px **/
@media screen and (max-width: 768px) {
   /* .my-logo,
    footer {
      background-color: #525252;
    }*/
    #menu-burger {
        /*visibility: visible;*/
        /*width: 10%;
        padding: auto;*/
    }

    

  }



/*




  .content-area {
    width: 70%;
  }
  

  
  .content-full-width {
      width: 100%;
  }
  
  .content-area,
  .primary-sidebar {
    display: inline-block;
  }

  @media screen and (max-width: 600px) {
    .content-area,
    .primary-sidebar {
      width: 100%;
    }
  }
  
  /*
  .primary-sidebar {
    width: 29%;
    padding: 1%;
    vertical-align: top;
    background-color: #ececec;
  }
  
  .article-loop {
      width: 45%;
      text-align: left;
      margin: 5px;
      padding: 10px;
  }
  @media screen and (max-width: 800px) {
    .article-loop {
      width: 99%;
    }
  }
  
  .article-full {
    width: 99%;
    padding: 1%;
  }
  
  .article-loop,
  .article-full {
    display: inline-block;
    vertical-align: top;
    background-color: #FFF;
    border-radius: 4px;
    margin-bottom: 4px;
  }
*/


.blocHeader H1 {
    background: none;
}
/*
h4.widget-title {

} 

h2.title_widget_attribute-ranger {
    background-color: cyan;
}

h2.title_widget_multipleselect_filter{
    color: crimson;
}
*/

.breadcrumbs-delimiter {
    color: #E40000;
    /*font-size: large;*/
    font-weight: bold;
  }

/*  .breadcrumbs-links {
    /*color: rgb(4,107,210);*/
    /*font-weight: bold;*/
/*  } */

  .breadcrumbs-links a {
     color: #767676;
     font-weight: bold;
  } 

/*  .woocommerce-breadcrumb a {
    /*color: rgb(4,107,210);*/
/*    font-weight: bold;
  }*/