.product-detail-primary .product-add-to-cart #product-availability, .product-detail-primary .product-add-to-cart .product-availability-date, .product-detail-primary .product-add-to-cart .ajax-error {
    max-width: 520px;
}

.autoHeight{
    height : 450%;
    width : 100%;
}

.liste-plus-daytona li {
    list-style-image: url(../img/plus.gif);
}

.liste-plus-daytona, .liste-normale-daytona {
    margin:0 0 15px 0;
    padding:0;
}

.important-daytona {
    font-weight: bold;
    color: #C90A1E!important;
    margin-bottom: 2px;
}

.product-description-short {
    color: #898F8E!important;
}

.product-info {
	padding-left: 40px;
}

#img_presentation{
    width:100%;
}


.img_presentation{
    width:100%;
} 

.separation {
    margin:auto;
    height:3px;
    width: auto;
    max-width: 660px;
    background-repeat:repeat;
    background-color:#C1C1C1;
    margin-top:15px;
    margin-bottom:35px;
    border: 0;
}

/* YT 2023-02-15 : Cause problème en version mobile/tablette
.product-description {
    padding-left: 20%;
}*/

.product-description p {
    line-height: 2;
}

.prod-devil li {
    line-height: 2;
}

.card {
    background-color: white;
    border: none;
}

.important-short-description {
    font-weight:bold;
    color:#C90A1E;
    margin-bottom:0;
    padding-bottom:0;
}

.liste-plus-krw {
    margin-left: 20px;
}

.liste-plus-krw li {
    list-style-image:url(../img/plus.gif);
}

.w-95 {
    width: 100%;
}


.product-details_img {
    text-align: center;
}

.product-details_txt {
    text-align: left;
}

.product-details_name{
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    color:black;
    font-family: Arial,sans-serif;
}

.product-details_desc {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height:20px;
    color:black;
    font-weight:bold;
}

.product-details_list {
    font-family: Arial, sans-serif;
    font-size: 12px;
    list-style-position:inside;
}

.product-details_list li{
    list-style-image: url(../img/plus.gif);
    color: black;
    line-height:20px;
}

.product-characteristics {
    background-color: #8D9097;
    background-position: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    font-style: italic;
    color: #FFFFFF;
    line-height: 1.2;
    padding: 5px 10px;
    margin-left: -15px;
    width: 690px;
}

.slogan-red {
    background-color: #E32B23;
    background-position: center;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    font-family: Arial, sans-serif;
    padding: 10px;
    margin: 0 0 15px 0;
    width: 100%;
}

.black-txt {
    width: auto;
    font-family: Arial, sans-serif;
    color: #000000;
    text-align: justify;
    font-size: 12px;
    line-height: 1.5;
}
.srt-presentation_container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.srt-presentation_img{
    padding-bottom: 30px;
}
.srt-presentation_content {
    max-width: 900px;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    align-items: center;
}
.srt-presentation_txt h3 {
    font-family: Arial, sans-serif;
}
.srt-zone-grise {
    background-color: #F0F0F0;
    width: 95%;
    padding-top: 15px;
    padding-bottom: 25px;
}
@media (max-width: 991px) and (min-width: 768px) {
    .col-sm-8 {
        width: 100%;
    }
}

@media (max-width: 991px) and (min-width: 320px){
    .col-sm-8 {
        width: 100%;
    }
    .product-warranty {
        margin-right: 0px;
    }
    .product-characteristics {
        margin-left: 0px;
    }
    .no-margin-md {
    margin: 0 -15px;
    }
}

 .zone-grise-full{
    color: #777777;
    background-color: #F0F0F0;
    max-width: 100%;
    width:auto;
    padding:15px 15px 25px 0;
    margin: 20px 0 20px 0;
}

.zone-grise-full .texte-noir2{
  margin-left: 13%;
}

@media all and (max-width: 900px) {
  .zone-grise-full .texte-noir2{
  margin-left: 0;
  }

}

.texte-noir3{
    width:auto;
    /* font-family: Arial, sans-serif;
    color: #000000; */
    font-size:12px;
    position: relative;
    left: 2em;
    line-height:1.5;
    margin-right: 30px;
    text-align:justify;
}

.texte-noir-full, .texte-full{
    width:auto;
    font-size:12px;
    position: relative;
    line-height:1.5;
    text-align:justify;
    /*border: white solid 1px; 
    padding : 10px;*/
    margin: 5px;
}

.arial {
    font-family: Arial, sans-serif;
}

.product-warranty {
    background-color: #E32B23;
    background-position: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 1.2;
    padding: 5px 10px;
    margin-right: -15px;
}

/********************************* AIRTECH FILTRE A AIR *********************************/

.important-airtech {
	font-weight: bold;
    color: #375FCD;
}

.liste-plus-airtech li {
    list-style-image: url(../img/plus_bleu.gif);
    margin-left: 20px;
}

.new-cadre-bleu{
    background-color: #375FCD;
    background-position: center ;
    max-width: 100%;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    height: 61px;
    padding-top:2px;
    line-height:1.2;
}

h2.titre-h2-bleu
{   
    font-family: Arial, sans-serif;
    background-color:#375FCD;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    padding:10px;
    margin:0 0 15px 0;
}

/********************************* FIN AIRTECH FILTRE A AIR *********************************/


/********************************* G-PACK *********************************/

.product-description table {
    margin: auto!important;
}

.cadre-noir{
    background-color: #000000;
    background-position: center ;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    height: 61px;
    padding-top:2px;
    line-height:1.2;
}

.texte-noir-grand{
    font-family: Arial, sans-serif;
    color: #000000;
    font-size:20px;
    line-height:3;
    position: relative;
    left: 1.2em;
    bottom: 5em;
}

.texte-noir{
    font-family: Arial, sans-serif;
    color: #000000;
    font-size:12px;
    line-height:2;
    position: relative;
    left: 2em;
    bottom: 6em;
}

/********************************* FIN G-PACK *********************************/

/********************************* DAYTONA ********************************************/
.gras {
    font-weight:bold;
    margin-bottom: 0;
}

ul.liste-normale-daytona {
    margin-left: 20px;
}

p.italique {
    margin-bottom: 0;
}

div.prod-daytona 
{
    width:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin-bottom:20px;
}

div.prod-daytona  h2.titre-daytona
{ 
    background-color:#C90A1E;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    padding:10px;
    margin:5px 0 15px 0;
}

div.prod-daytona .gras {
    font-weight:bold;
}   


/********************************* FIN DAYTONA ********************************************/

/********************************* RABAISSEMENT TRW ********************************************/
 

.cadre-gris-clair{
    background-color: #8D9097;
    background-position: center ;
    text-align: center;
    /*width: 800px;*/
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    padding-top:2px;
    line-height:1.2;
    margin-top:-10px;   
    padding-bottom:5px;
}



/********************************* FIN RABAISSEMENT TRW ********************************************/

/********************************* SACHS ************************************************************/

.conteneur_pftrw_carac {
    width: 100%;
    display: flex;
    flex-wrap:wrap;
    flex-direction: column;
}

.element_pftrw_carac, .element_pftrw_carac2{
    max-width : 900px;
    display: flex;
    flex: 1;
    flex-wrap:wrap;
    align-items: center;
}

.element_pftrw_carac .element_pftrw:nth-child(1) {
    flex: 1;
}

.conteneur_pftrw_techno {
    width: 100%;
    display: flex;
    flex-wrap:wrap;
    flex-direction: column;
}

.element_pftrw_techno {
    max-width: 900px;
    display: flex;
    flex: 1;
    flex-wrap:wrap;
    align-items: center;
}

.element_pftrw_techno .element_pftrw{
    flex: 1;
    margin-left: 20px;
}

.conteneur_pftrw_image {
    width: 100%;
    display: flex;
    flex-wrap:wrap;
    flex-direction: column;
}

.element_pftrw_image{
    max-width : 900px;
    display: flex;
    flex: 1;
    flex-wrap:wrap;
    align-items: center;
}

.element_pftrw_image .element_pftrw:nth-child(1){
    margin: auto;
}

.element_pftrw_image .element_pftrw:nth-child(2){
    margin: auto;
}


@media all and (max-width: 900px)
{
    .img_pftrw > img{
        width: auto;
        max-width: 340px;
    }
    
    .element_pftrw_carac{
        flex-direction: column-reverse;
    }
    
    .element_pftrw_carac .element_pftrw{
        width: 100%;
    }
    
    .element_pftrw_techno{
        flex-direction: column;
    }
    
    .element_pftrw_techno .element_pftrw{
        margin-top: 10px;
        margin-left: 0px;
        max-width: 100%;
    }
    
    .element_pftrw_image{
        flex-direction: column;
    }
    
    .element_pftrw_image .element_pftrw:nth-child(1){
        margin-bottom: 10px;
    }

    .element_pftrw_image .element_pftrw:nth-child(2){
        margin-top: 10px;
    }
}

.taille_regular_pftrw{
    width: 100%;
}

.cadre-gris_pftrw2{
    background-color: #8D9097;
    background-position: center ;
    text-align: left;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    padding-top:2px;
    line-height:1.2;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
}

.cadre-gris_pftrw{
    background-color: #8D9097;
    background-position: center ;
    text-align: center;
    width: 100%;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    padding-top:2px;
    line-height:1.2;
    /*margin-top:-10px;*/
    padding-bottom:5px;
}

.texte-noir_pftrw, .texte-noir_pftrw-grand, .texte-rouge_pftrw{
    width:auto;
    font-family: Arial, sans-serif;
    color: #000000;
    position: center;
    text-align:justify;
}

.texte-noir_pftrw-grand{
    font-size:20px;
    font-weight: bold;
    line-height:1.5;
}

.texte-noir_pftrw{
    font-size:12px;
    line-height:1.5;
}

.texte-rouge_pftrw{
    width:auto;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #EE1B2E;
    position: center;
    text-align:justify;
    font-size:12px;
    line-height:1.5;
}

.texte-gris_pftrw{
    width:auto;
    font-family: Arial, sans-serif; 
    font-size: 12px; 
    line-height:20px; 
    color:#8D9097; 
    font-weight:bold;
    text-align:justify;
}

.caracteristiques-trw-generales{    
    margin-top:-10px;   
    font-size: 110%;    
    font-weight: bold;
    font-style: italic;
    color: #898F8E;
    padding-top:0px;
    font-family: Arial, sans-serif;
}

.caracteristiques-trw-generales td{

    font-weight: bold;
    padding: 0px;
}

#main .product-description-short p{
    margin-bottom: 0;
}


/* ****************************************************************************
        TRW - leviers de frein et d'embrayage
**************************************************************************** */

h2.trw_lfe {
    background-color:#E32B23; 
    font-size:16px; 
    font-weight:bold; 
    color:#FFFFFF; 
    text-align:center; 
    padding:10px; 
    margin:5px 0 15px 0;
}

.trw_bigger {
    font-size:20px!important;
}

.trw_lfe_conteneur {
    display: flex;
    justify-content: center;
    align-items : center;
    flex-wrap: wrap;
    align-content : center;
}

.trw_lfe_conteneur .trw_lfe_txt, .trw_lfe_img{
    max-width:50%;
}

.trw_lfe_txt {
    padding: 0 2%;
}

.trw_lfe_txt > p {
    text-align:justify;
}

.trw_lfe_img > img {
    width:100%;
}

@media (max-width: 750px) {
    .trw_lfe_conteneur .trw_lfe_txt, .trw_lfe_img{
        max-width:100%;
    }
}

.wb_cadre_exterieur > .texte-noir-full2 > p {
    margin-left: 2em;
    margin-right: 2em;
}

.mizu-montage{  
    line-height: 1.2em;
    margin-left:100px;
    margin-right:100px;
    text-align:justify;
    margin-top:60px;
    margin-bottom:40px;
}   

.mizu-montage p{    
    margin:-5px;
}   

.mizuh{
    line-height: 1.5em;
    margin-top:20px;
}   

.mizu-montage-titre{
    margin-top:50px;
    font-size:120%;
    font-weight: bold;
}

.yss-schema{
    margin-right:50px;
    margin-left:75px;
    text-align:left;
}

.yss-conteneur{
    display: flex;
    justify-content: flex-start; /* CORRIGÉ : 'left' remplacé par 'flex-start' */
    align-items : flex-start;    /* CORRIGÉ */
    flex-wrap: wrap;
    align-content : flex-start;  /* CORRIGÉ */
}

.yss-txt-schema{
    margin-left:50px;   
    margin-top:auto;
    margin-bottom:auto;
    align-content : center;
}

.yss-conteneur-reglages{
    max-width: 300px;
    line-height: 1.2em;
    margin-left:20px;
    margin-right:20px;
    margin-top: 0px; /* CORRIGÉ : Mis à 0 pour que le texte soit bien aligné en haut de l'image */
    margin-bottom:30px;
    float:right;
    display: inline-block; /* CORRIGÉ : Fini le point ::marker ! */
}

.yss-conteneur-reglages-principal{
    margin-top:30px;
    margin-bottom:20px;
    display: flex;
    justify-content: flex-start; /* CORRIGÉ */
    align-items : flex-start;    /* CORRIGÉ */
    flex-wrap: wrap;
    align-content : flex-start;  /* CORRIGÉ */
}

.yss-conteneur-lie{
    display: inline-block; /* CORRIGÉ : Fini le point ::marker ! */
}

/* NOUVEAU : Force l'alignement en haut pour les paragraphes dans le tableau */
.yss-conteneur-lie td {
    vertical-align: top;
}

.slogan-red-yss {
    background-color: #E32B23;
    background-position: center;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    font-family: Arial, sans-serif;
    padding: 10px;
    margin: 0 0 15px 0;
}

/* ****************************************************************************
        FIN TRW - leviers de frein et d'embrayage
**************************************************************************** */


.caracteristiques-trw-jeux{
    color: black;
    font-weight: bold;
}

h2.cadre-rouge-mini_pftrw{
    background-color:#E32B23;
    background-position: center ;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    text-align: center;
    font-family: Arial, sans-serif; 
    padding:10px;
    margin:0 0 15px 0;
    width: 100%;
}

.conteneur_pftrw_conseil_info {
    width: 100%;
    display: flex;
    flex-wrap:wrap;
    flex-direction: column;
}

.element_pftrw_conseil_info{
    max-width : 900px;
    display: flex;
    flex: 1;
    flex-wrap:wrap;
    align-items: center;
}

.element_pftrw_conseil_info .element_pftrw{
    margin: auto;
}

@media all and (max-width: 600px)
{
    .conteneur_pftrw_conseil_info{
        flex-direction: column;
        align-items: center;
    }
    
    .element_pftrw_conseil_info .element_pftrw
    {
        padding-top: 5px;
        padding-bottom: 5px;
    }   
}

.element_pftrw3{
    margin-left:40px;
    margin-right:40px;
    margin-bottom:20px;
}

.image-variante{
    float: right;
    margin-right:20px;  
}

.cadre-rouge_pftrw{
    background-color: #E32B23;
    background-position: center ;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    padding-top:2px;
    line-height:1.2;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
}

.espace-blanc100{
   margin-top:70px;
}

/*********************************** TRW Durites ***************************************/
.globale_1_6 { /* à mettre dans la description produit ***** affichage a 100% */
    /**margin-left: -20%;**/
}

span.bouton_personnaliser{
    background: #E32B23 none repeat scroll 0 0; 
    border: 1px solid rgba(0,0,0,0.2); 
    color: #fff; 
    display: inline-block; 
    font-family: 'Raleway',Open sans,arial; 
    font-size: 16px; 
    padding: 14px; 
    text-transform: uppercase; 
    width: auto; 
    margin-bottom: 10px; 
    transition: all 0.3s ease;
}

.carac-durites{
    width: 100%; 
    margin-bottom:20px;
}

h2.titre-carac-durites{
    background-color:#E32B23; 
    font-size:16px; 
    font-weight:bold; 
    color:#FFFFFF; 
    text-align:center; 
    padding:10px; 
    margin:5px 0 15px 0;
}

.vis_fourni_pas{
    font-family: Arial, sans-serif; 
    font-size: 16px;
}
.cadre_gris_vis_vente{
    background: #8a8c8f none repeat scroll 0 0; 
    border: 1px solid rgba(0,0,0,0.2); 
    color: #fff; 
    display: inline-block; 
    font-family: 'Raleway',Open sans,arial; 
    font-size: 14px; 
    padding: 14px; 
    -text-transform: uppercase; 
    width: auto; 
    margin-bottom: 10px; 
    transition: all 0.3s ease;
}

.conteneur_vis 
{
    display: flex;
    -justify-content: center;
    align-items : flex-start;
    flex-wrap: wrap;
    align-content : stretch;
}
.conteneur_durite
{
    width: 95%;
    display: flex;
    justify-content: flex-start;
    align-items : center;
    flex-wrap: wrap;
    align-content : stretch;
}

.conteneur_durite .texte-noir2{
    flex:1;
}
.img_vis , .descrip_vis {
    margin : auto;
}

.descrip_vis {
    margin-left : -10%;
}
 
.cadre_reference_vis{
    background: #8a8c8f none repeat scroll 0 0; 
    color: #fff; 
    font-family: 'Raleway',Open sans,arial; 
    padding: 12px;  
    width: auto; 
    margin-bottom: 10px; 
    transition: all 0.3s ease;
}

.bouton_cmd_vis{
    background: #E32B23 none repeat scroll 0 0;  
    color: #fff;  
    font-family: 'Raleway',Open sans,arial; 
    padding: 12px; 
    width: auto; 
    margin-bottom: 10px; 
    transition: all 0.3s ease;
}

.cadre-gris-clair_durite{
    background-color: #8D9097;
    background-position: center ;
    text-align: center;
    width: 100%;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    padding-top:2px;
    line-height:1.2;
    margin-top:-10px;   
    padding-bottom:5px;
}

.trw-cadre-cara-grande-description_durite{
    background-color: #8D9097;
    background-position: center;
    text-align: left;
    font-style: italic;
    width: 95%;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    padding-top:5px;
    padding-left:15px;
    height: 40px;
    -position: relative;
    -left: 1em;
}

.trw-cadre-cara-grande-description-garantie_durite{
    float: right;
    background-color: #EE1B2E;
    height: 20px;
    padding-top:5px;
    height: 40px;
    position: relative;
    top: -5px;
}

@media all and (max-width: 900px)
{
    .img_durite > img{
    width: auto;
    }
    
}


/********************* onglet personnalisation, texte Durites TRW *************************************/
.rqt_personalisation{
    /*Exemple ==> Couleur gaine de protection: */
    text-decoration: underline;
    -font-style: italic;
    color: #8D9097;
    margin: -20%;
}
/********************* onglet personnalisation, texte des couleurs  Durites TRW ************************/
.rqt_couleurs{
    /*Exemple ==> Noir, Carbone, Bleu, Blanc, Rouge, Orange ou Transparente */
    -font-weight:bold;
    color: #898f8e;
    -font-family: Arial, sans-serif;
    margin: -10%;
}

.texte-noir2{
    max-width:790px;
    width:auto;
    font-family: Arial, sans-serif;
    color: #000000;
    font-size:12px;
    position: relative;
    left: 2em;
    line-height:1.5;
    margin-right: 30px;
    text-align:justify;
}

.liste-plus-et {
    margin:0 0 15px 0;
    padding:0;
}

.liste-plus-et li {
    list-style-image:url(../img/plus.gif);
    margin-left: 20px;
}

.taille_regular_et{
    width: 95%;
}

.cadre_exterieur{
    max-width: 100%;
    width:auto;
    background-color: #f0f0f0;
    padding: 5px;
}

.texte-noir4 h3 {
    font-size: 20px;
}

.texte-noir4 {
    text-align: center;
}

.texte-noir4,.texte-noir-full2{
    font-size:13px;
    line-height:1.5;
    padding: 1%;
    margin: auto 0;
}
.texte-noir-full2, .texte-noir4 p {
    text-align:justify;
}

.important{
    font-family: Arial, sans-serif;
    font-size: 20px;
    color: #FF0000;
    text-align: center;
}

h2.titre-h2-rouge
{ 
    background-color:#E32B23;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    padding:10px;
    margin:0 0 15px 0;
    max-width: 100%;
}

/* ****************************************************************************
        DEVIL
**************************************************************************** */

div.prod-devil 
{
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #777777;
}

div.prod-devil  h2.titre-devil
{ 
    background-color:#DF0019;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    padding:10px;
    margin:30px 0 15px 0;
}

div.prod-devil  h2.debut-devil 
{
    margin-top:0px;
}

div.prod-devil  .centre 
{
    text-align:center;
}


/* GPR */
.important-gpr {
    font-weight:bold;
    color:#C90A1E;
    margin-bottom:0;
    padding-bottom:0;
    font-size: 1.2em;
}

.space-top {
    margin-top:1.5em!important;
}

.space-bottom {
    margin-bottom:1.5em!important;
}

.tableau_remus{
  max-width: 100%!important;
}

.titre_tableau{
  text-align: center !important;
  font-weight: bold;
  font-size: 2em;
  padding-bottom: 0.5em
}

.surlignage:nth-child(even) {
  background: #F0F0F0;
}

.surlignage:nth-child(odd) {
  background: #FFF;
}

.entete_tableau{
  background: #8A8A8A;
  color: white;
  font-weight: bold;
  text-align: center !important;
}
.surlignage td, .entete_tableau th{
  text-align: center !important;
}


.surlignage:nth-child(even) {
  background: #F0F0F0;
}

.surlignage:nth-child(odd) {
  background: #e5e5e5;
}

.entete_tableau{
  background: #8A8A8A;
  color: white;
  font-weight: bold;
  text-align: center !important;
}
.surlignage td, .entete_tableau th ,.th-center{
  text-align: center !important;
}

.th-titre {
    background-color:#b9b8b8;
    color:white;
}

.tab_element table{
    border-spacing: 2px;
    border-collapse: separate;
}

.tab_conteneur{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    ​justify-content:space-between
}
.tab_element:nth-child(1)
{
    flex: 2;
}
.tab_element:nth-child(2)
{
    flex: 1;
}

.img_info_moto{
    display: block;
    margin-left:auto;
    margin-right:auto;
    max-width:90%;
}

@media all and (max-width: 616px) {
.tab_conteneur{
width:95%;
display: flex;
flex-direction: column;
justify-content:center;
}
.tab_element{
width:95%;
margin-top:5px;
}
}

.fa-custom-size {
    font-size: 1.5em;
    color: red;
    margin-right: 10px;
}


  /** LIGHTBOX MARKUP **/
  
  .lightboxgprmt {
    /* Default to hidden */
    display: none;
  
    /* Overlay entire screen */
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    /* A bit of padding around image */
    padding-top: 11em;
  
    /* Translucent background */
    background: rgba(0, 0, 0, 0.8);
  }
  
  /* Unhide the lightbox when it's the target */
  .lightboxgprmt:target {
    display: block;
  }
  
  .lightboxgprmt span {
    /* Full width and height */
    display: block;
    width: 75%;
    height: 75%;
  
    /* Size and position background image */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .img_info_moto_gpr {
  	max-width: 300px;
  }

/*************************************** Audio *****************************************************/

    .conteneur_audio{
    
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-right:auto;
            max-width: 100%;
        }
        
        .element_audio{
            text-align:center;
            margin: 10px;
        }
        
        .element_audio:nth-child(even) {
        background: #F0F0F0;
        }

        .element_audio:nth-child(odd) {
          background: #d6d4d4;
        }

        .element_audio p{
            font-weight: bold;
            margin: auto;
        }   
        
        @media screen and (max-width: 1160px){
    .conteneur_audio{
    
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            margin-right:auto;
            margin-left:auto;
            max-width:95%;
        }
}

/************* PERSONNALISATION MECADATA ******************/

iframe.grpage {
    overflow-x: hidden;
    position: relative;
    left: -1em;
    width: 825px;
    height: 1650px;
    border:0px;
} 

iframe.oh_amort_obj{
    width: 400px;
    height: 600px;
    border:0px;
} 

.important{
    font-family: Arial, sans-serif;
    font-size: 20px;
    color: #FF0000;
    text-align: center;
}

.souligne{
    border-bottom: 1px solid red;
}

.zone-grise{
    background-color: #F0F0F0;
    width: 800px;
    padding-top:15px;
    padding-bottom:25px;
}

.zone-grise2{
    background-color: #CFCFCF;
    width: 800px;
    padding-top:15px;
    padding-bottom:25px;
}

.cadre-oh{
    background-color: #016BB7;
    background-position: center ;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #FEB623;
    height: 61px;
    padding-top:2px;
    line-height:1.2;
}
.cadre-oh-full{
    background-color: #016BB7;
    background-position: center ;
    text-align: center;
    width: 100%;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #FEB623;
    padding-top:2px;
    line-height:1.2;
    margin-top:-10px;
    padding-bottom:5px;
}


.cadre-mini-oh{
    background-color: #006BB6;
    background-position: center ;
    text-align: center;
    width: 800px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #FDB726;
    height: 30px;
    padding-top:1px;
}

/********************************* OHLINS TABLEAU AMORTISSEUR ********************************************/

.amort-ohl-car{
    background-color:#050505;
    margin-top:0px;
    margin-left:0px;
    width:800px;
    background:white;
    color:white;
    background-color:white;
}

.pre-tab-amort-ohl-car{
    width:800px;
    border-width:0px;
    background:white;
    color:white;
    background-color:white;
    margin-bottom:15px;
}

.tab-amort-ohl-car{
    border-collapse:collapse;
    width:800px;
    border-width:0px;
    background-image:url(../img/tab-amort-ohl-fond.jpg);
}

.tab-amort-ohl-colonne1-image{
    width:100px;
}

.tab-amort-ohl-colonne2-texte{
    vertical-align: top;
    width:296px;
}

.tab-amort-ohl-texte-normal{
    color:#000000;
    font-size:10px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.tab-amort-ohl-texte-normal-pre{
    color:#000000;
    font-size:12px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.tab-amort-ohl-titre{
    color:#FFB20D;
    font-size:30px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.tab-amort-ohl-types{
    color:#000000;
    font-size:22px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    background-image:url(../img/tab-amort-ohl-blanc.jpg);
}

.tab-amort-ohl-blanc{
    color:#000000;
    background-image:url(../img/tab-amort-ohl-blanc.jpg);   
}


.tab-amort-ohl-marge{
    margin-left:20px;
}

.tab-amort-ohl-taille{
    height:100px;
    margin-top:50px;
    padding-top:50px;
}

.tab-amort-ohl-img-gauche{
    margin-left:-10px;
}

.tab-amort-ohl-img-legende{
    margin-left:-1px;
    margin-top:-1px;
}

.ohlins-legende{
    color:#000000;
    font-size:12px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}   
    
/********************************* FIN OHLINS TABLEAU AMORTISSEUR ********************************************/

.tab-content p {
    margin-bottom: 2em;
}

.cadre-gris_krw{
    background-color: #8D9097;
    background-position: center ;
    text-align: center;
    width: 100%;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    padding-top:2px;
    line-height:1.2;
    /*margin-top:-10px;*/
    padding-bottom:5px;
}

.conteneur_krw_carac {
    width: 100%;
    display: flex;
    flex-wrap:wrap;
    flex-direction: column;
}

.element_krw_carac, .element_krw_carac2{
    max-width : 900px;
    display: flex;
    flex: 1;
    flex-wrap:wrap;
    align-items: center;
}

.element_krw_carac .element_krw:nth-child(2) {
    flex: 1;
}

.element_krw_carac2 .element_krw{
    margin-left: 20px;
}

.conteneur_krw_equilibre {
    width: 95%;
    display: flex;
    flex-wrap:wrap;
    flex-direction: column;
}

.element_krw_equilibre {
    max-width: 900px;
    display: flex;
    flex: 1;
    flex-wrap:wrap;
    align-items: center;
}

.element_krw_equilibre .element_krw{
    flex: 1;
    margin-left: 20px;
}


@media all and (max-width: 900px)
{
    .img_krw > img{
        width: auto;
        max-width: 340px;
    }
    
    .element_krw_carac, .element_krw_carac2{
        flex-direction: column;
    }
    
    .element_krw_carac .element_krw{
        width: 100%;
    }
    
    .element_krw_equilibre{
        flex-direction: column;
    }
    
    .element_krw_equilibre .element_krw{
        margin-left: 0px;
        max-width: 100%;
    }
}

.texte-noir_krw, .texte-noir_krw-grand{
    width:auto;
    font-family: Arial, sans-serif;
    color: #000000;
    position: center;
    text-align:justify;
}

.texte-noir_krw-grand{
    font-size:20px;
    font-weight: bold;
    line-height:1.5;
}

.texte-noir_krw{
    font-size:12px;
    line-height:1.5;
}

.taille_regular_krw{
    width: 95%;
}

.cadre-rouge_krw{
    background-color: #E32B23;
    background-position: center ;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    padding-top:2px;
    line-height:1.2;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
}

.cadre-gris_krw2{
    background-color: #8D9097;
    background-position: center ;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    padding-top:2px;
    line-height:1.2;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
}

.zone-grise_krw{
    background-color: #F0F0F0;
    background-position: center ;
    text-align: center;
    width: 95%;
    padding-top:15px;
    padding-bottom:25px;
}

h2.cadre-rouge-mini_krw{
    background-color:#E32B23;
    background-position: center ;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    text-align: center;
    font-family: Arial, sans-serif; 
    padding:10px;
    margin:0 0 15px 0;
    width: 100%;
}

.tab-content {
    font: 13px/28px "Raleway", 'Open Sans', sans-serif;
    color: #777777;
}

.tab-detail-vis{
    width: 50%;
    color: #666666;
}

.tab-detail-vis td{
    padding: 1px 10px
}

table td, table th {
    padding: 9px 10px;
    text-align: left;
}

p.infosclient 
{
    margin:0;
    text-align:center;
    color:#CCCCCC;
}

.product-information ul, .product-information ol, .product-information dl {
    margin-left: 20px;
}

.cadre-gris-full{
    background-color: #5B626C;
    background-position: center ;
    text-align: center;
    width: 100%;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    padding-top:2px;
    line-height:1.2;
}

.conteneur_wilbers_rf{
    width: 95%;
    display: flex;
    justify-content: space-around;
    align-items : center;
    flex-wrap: wrap;
    align-content : stretch;
}

.p_noir{
    font-family: Arial, sans-serif;
    color:#000;
    font-size: 12px;
    padding-top: 15px;
}

.cadre_gris_garantie{
    background-color: #5B626C;
    background-position: center ;
    text-align: center;
    max-width: 100%;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    padding-top:10px;
    padding-bottom:10px;
}

.zone-grise_full{
    background-color: #F0F0F0;
    background-position: center ;
    text-align: center;
    width: 95%;
    padding-top:15px;
    padding-bottom:25px;
}

.liste-plus {
    margin-left: 20px;
}

.liste-plus li {
    list-style-image:url(../img/plus.gif);
}

.texte-noir_zone_full{
    width:auto;
    font-family: Arial, sans-serif;
    color: #000000;
    text-align:justify;
    font-size:12px;
    line-height:1.5;
    padding:0 10px;
}

.titre-h2-gris{
    background-color:#5B626C;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    padding:10px;
    margin:0 0 15px 0;
    max-width:95%;
    font-family: Arial, sans-serif;
}

#conteneur_a_wilbers_btn
{
    width: 95%;
    display: flex;
    justify-content: center;
    align-items : center;
    flex-wrap: wrap;
    align-content : stretch;
}

.element_a_wilbers_btn{
    margin: 5px 10px;
    background: #ffffff;
    width: 140px;
    height: 110px;
    vertical-align: middle;
    padding: 1px 1px;
}

.element_a_wilbers_btn :hover{
    
    border: 0.5px solid #000;
}
.element_a_wilbers_btn a:hover{
    border : none;
}
.fomulaire_obligatoire{
    background: #ffffff;
    width: 134px;
    height: 254px;
    vertical-align: middle;
    padding-top: 2px;
}

.fomulaire_obligatoire:hover{
    background: #000000;
}

#conteneur_oh_rf{
    width: 95%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  align-content: stretch;
}

.element_oh_rf li{
        line-height: 28px;
}

.element_oh_rf .liste-plus{
        margin-bottom: 35px;
}

.element_oh_rf p {
    width: 450px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .element_oh_rf p {
        width: 95%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .element_oh_rf p {
        width: 95%;
    }

    .element_oh_rf:first-child{
        width: 40%;
        margin-bottom: 35px;
    }

    .element_oh_rf {
        width: 60%;
    }


}

@media (min-width: 993px) and (max-width: 1300px) {
    .element_oh_rf p {
        width: 90%;
    }

    .element_oh_rf:first-child{
        width: 35%;
    }

    .element_oh_rf {
        width: 65%;
    }
}

h2.titre-h2-bleu_oh
{   
    font-family: Arial, sans-serif;
    background-color:#016BB7;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    padding:10px;
    margin:0 0 15px 0;
    max-width: 100%;
}

#conteneur_a_oh_btn
{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items : center;
    flex-wrap: wrap;
    align-content : stretch;
}

.element_a_oh_btn{
    margin: 5px 10px;
}

.element_a_oh_btn :hover{
    border :0.5px solid #000;
}

.element_a_oh_btn a:hover{
    border : none;
}

#conteneur_a_oh_legende{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content : stretch;
}

#conteneur_a_oh_carac{
    width: 100%;
    display: flex;
    justify-content: space-around;
    /*flex-wrap: wrap;*/
    align-content : stretch;
}
.element_a_oh_carac .element_a_oh_tab{
    border-spacing: 0px;
    border-collapse: collapse;
    border-width:0px;
    background-image:url(../img/tab-amort-ohl-fond.jpg);
}

.element_a_oh_tab img {
    max-width: 120%;
}

@media all and (max-width: 850px)
{
    #conteneur_a_oh_carac{
        width: 95%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    

    .element_a_oh_carac{
        width:95%;
    }
    
    .element_a_oh_carac:nth-child(3) {
        align-self:center;
    }

}

.cadre-noir2{
    background-color: #000000;
    background-position: center ;
    text-align: center;
    width: 400px;
    height: 50px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    padding:11px;
}

.cadre-mini-noir{
    background-color: #000000;
    background-position: center ;
    text-align: center;
    width: 800px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    height: 30px;
    padding-top:1px;
}

.cadre-bleu{
    background-color: #375FCD;
    background-position: center ;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    height: 61px;
    padding-top:2px;
    line-height:1.2;
    margin-bottom: 15px;
}

.cadre-bleu2{
    background-color: #375FCD;
    background-position: center ;
    text-align: center;
    width: 400px;
    height: 55px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    padding-top:11px;
    padding-bottom:1px;
}

.wb-new-cadre-bleu {
    background-color: #375FCD;
    background-position: center ;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    height: 61px;
    padding-top:2px;
    line-height:1.2;
    margin-bottom: 0;
}

.wb-new-cadre-noir {
    background-color: #000000;
    background-position: center ;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    height: 61px;
    padding-top:2px;
    line-height:1.2;
}

.wb-new-cadre-mini-orange{
    background-color: #FE581C;
    background-position: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size:1.2em;
    color: #FFFFFF;
    padding:0.5em;
    margin-bottom: 1.5em;
}
.wb-new-cadre-mini-gris{
    background-color: #5B626C;
    background-position: center ;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size:1.2em;
    color: #FFFFFF;
    padding:0.5em;
}

.wb_cadre_exterieur {
    width: auto;
    background-color: #F0F0F0;
    padding: 5px;
}

.wb_zone_grise_full {
    background-color: #F0F0F0;
    width: auto;
    padding: 15px 15px 25px 0;
    margin: 20px 0 20px 0;
}

.wb_amortisseur_conteneur, .wb_amortisseur_option {
    display: flex;
    justify-content: center;
    align-items : center;
    flex-wrap: wrap;
    align-content : center;
    margin: 2% 0;
}

.wb_amortisseur_option {
    margin: auto;
}

.wb_amortisseur_option div {
    margin: auto 2%;
}

.wb_amortisseur_conteneur .wb_amortisseur_img, .wb_amortisseur_conteneur .wb_amortisseur_txt{
    max-width:50%;
}

.wb_amortisseur_conteneur .wb_amortisseur_img {
    margin: auto 0;
}

.wb_amortisseur_conteneur .wb_amortisseur_txt {
    margin: auto;
}

.wb_amortisseur_conteneur .wb_amortisseur_txt li{
    list-style-type: circle;
}

.wb_amortisseur_garantie {
    margin: 10% 0 0 0;
    background-color: #375FD0;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    line-height: 3em;
}

.wb_amortisseur_garantie_noir {
    margin: 10% 0 0 0;
    background-color: #000000;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    line-height: 3em;
}

.important-wb_amortisseur {
    font-weight:bold;
    color:#375FCD;
    font-size:1.2em;
    margin-bottom:0;
    padding-bottom:0;
}

.important-wb_amortisseur_noir {
    font-weight:bold;
    color:#000000;
    font-size:1.2em;
    margin-bottom:0;
    padding-bottom:0;
}

p.important-wb_amortisseur, p.important-wb_amortisseur_noir {
    margin: 0!important;
    padding: 0;
}

.wb_img_stage {
    max-width:100%;
}

.texte-noir4 h3 {
    font-size: 20px;
}

.texte-noir4 {
    text-align: center;
}

.texte-noir4,.texte-noir-full2{
    font-size:13px;
    line-height:1.5;
    padding: 1%;
    margin: auto 0;
}
.texte-noir-full2, .texte-noir4 p {
    text-align:justify;
}

.liste-plus-wb_amortisseur {
    margin:0 0 15px 0;
    padding:0;
}

.liste-plus-wb_amortisseur li {
    list-style-image:url(../img/plus_bleu.gif);
}

@media (max-width: 750px) {
    .wb_amortisseur_conteneur .wb_amortisseur_img, .wb_amortisseur_conteneur .wb_amortisseur_txt, .wb_amortisseur_option div{
        max-width:100%;
    }
    
    .wb_amortisseur_option div, .wb_amortisseur_conteneur .wb_amortisseur_txt {
        margin: 2% auto;
    }
}

h2.wb-titre-h2-bleu
{   
    font-family: Arial, sans-serif;
    background-color:#375FCD;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    padding:10px;
    margin:0 0 15px 0;
}

.copyright{
    text-align:right;
    background-color:#FFFFFF;
    color:#000000;
}

/* YT 2023-03-14 Label dispo */

.unavailable {
    color: white!important;
    padding: 4px 8px;
    background-color: #fe9126;
    border: 1px solid #e4752b;
}



/* YT 2023-03-23 img fabricant page produit */

.product-manufacturer {
    width: 180px;
}

.pos-absolute {
    position: absolute;
    right: 0;
    top: 0;
}

/* Fin label dispo */

/* YT 2023-03-29 gpack desc iframe align center */

.gpack_iframe {
    text-align: center;
}

/* Fin label dispo */

/********************************* DEBUT MEDIA QUERIES *********************************/

@media (max-width:  1200px) {
    .manufacturer-logo {
        display: none;
    }

    .pos-absolute {
        position: static;
        text-align: right;
    }
}


/********************************* MEDIA QUERIES *********************************/


/********************************* Début Repose-pieds *********************************/

.mizu_rp_img {
    width: 40%;
}

.mizu_rp_img2 {
    width: 28%;
    margin: 40px auto;
}

/********************************* Fin Repose-pieds *********************************/

/********************************* Début YSS Kit cartouche *********************************/

.yss-img-kit-cartouche {
    height: 600px;
}

/********************************* Fin YSS Kit cartouche *********************************/



/* Début embrayage Mecadata */

.cadre-gris-clair{
	background-color: #8D9097;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	color: #FFFFFF; 
	padding-top:2px;
	line-height:1.2;
	margin-top:0px;
	padding-bottom:5px;
	height:auto;
	padding-bottom:auto;
}

.cadre-tableau{
	
	margin-top:30px;
}

.container-tbl-tmsk {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.tableau{
	border-collapse: collapse;
	width: 400px;
	padding: 0 0 0 10px ;
	font-size: 12px;
}

.tableau tr:nth-child(even){background: #FFFFFF}
.tableau tr:nth-child(odd){background: #D9D9D9}


.cellule{
	width:170px;
	height:16px;
	font-weight: bold;
	padding: 0 0 0 10px ;
	
}

.mini-cadre-trw{
	background-color: #EE1B2E;
	background-position: center ;
	text-align: center;
	width: 800px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	height: 17px;
	padding-top:1px;
}

.viewed-products {
    height: fit-content;
}

.viewed-products, .products-carousel-content .owl-item {
    height: 100%;
}

/* Fin embrayage Mecadata */

/********************************* Onglets descritpion etc *********************************/

.sticky-tabs-wrapper {
    position: sticky;
    top: 2.5rem;
    /* Ajustez selon la hauteur de votre header */
    z-index: 1020;
    background: #fff;
    padding-top: 15px;
    margin-top: -15px;
    /* Compense le padding */
}

/* Fin Onglets description etc */

/* Page produit, carousel image produit */

.js-product-images-modal .modal-content {
    /*height: 700px;*/
    height: 1000px;
    width: 1000px;
}

.js-product-images-modal .modal-content .owl-stage .owl-item.active {
    /*height: 700px;*/
    height: 1000px;
    width: 1000px;
}

.js-product-images-modal .modal-content .owl-stage .owl-item.active img {
    /*height: 700px;*/
    height: 1000px;
    width: 1000px;
}



#product-images-modal .owl-next {
    right: -1.6rem;
    padding: .6rem 2.75rem 1.25rem 0.2rem;
}

#product-images-modal .owl-prev {
    left: -2.5rem;
    padding: .6rem 1.2rem 1.25rem 2.75rem;
}