.banniere-img-xl380 .full .visuel {display:block; width:100%; height:380px; background:none left center no-repeat}

.visionneuse-img-xl380 li a {display:block; height:380px; background:none left center no-repeat}
.visionneuse-img-xl380 li a.slide-1 {background-image:none}
.visionneuse-img-xl380 li a.slide-2 {background-image:none}
.visionneuse-img-xl380 li a.slide-3 {background-image:none}

.banniere-html-xl380 .full {background:none right top no-repeat}
.banniere-html-xl380 .full .degrade {background:linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left top / 50% auto no-repeat}
.banniere-html-xl380 .full .row {height:380px}
.banniere-html-xl380.dark .full .degrade {background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}

.bloc2-offre .row .bloc {display:flex; flex-wrap:wrap}

.bloc2-img-ttl-txt-lien .row .contenu .visuel {height:150px; background:none center top no-repeat}

.bloc1-zig-zag-vid .row:nth-child(1n+2) {padding-top:15px}
.bloc1-zig-zag-vid .row.zag .video, .bloc1-zig-zag-vid .row.zag .visuel {order:-1}

.bloc1-etapes3 .row .bloc {position:relative; z-index:5}
.bloc1-etapes3 .row .bloc img, .bloc1-etapes3 .row .bloc .icon {display:inline-block; height:60px; font-size:6rem; margin-bottom:15px}
.bloc1-etapes3 .row .bloc .numero {display:inline-block; width:44px; height:44px; line-height:4.2rem; font-size:2rem; margin:0 15px; border-radius:100%}
.bloc1-etapes3.bg-blanc .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #fff, 15px 0 0 0 #fff; background-color:#fff}
.bloc1-etapes3.bg-gris1 .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #333, 15px 0 0 0 #333; background-color:#333}
.bloc1-etapes3.bg-gris2 .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #f4f4f4, 15px 0 0 0 #f4f4f4; background-color:#f4f4f4}
.bloc1-etapes3.bg-noir .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #000, 15px 0 0 0 #000; background-color:#000}
.bloc1-etapes3 .row .bloc::after {position:absolute; left:0; top:96px; width:100%; height:1px; content:""; z-index:-1}
.bloc1-etapes3 .row .bloc:first-child::after {left:50%}
.bloc1-etapes3 .row .bloc:last-child::after {width:50%}
.bloc1-etapes3.xs .row .bloc::after {top:21px}
.bloc1-etapes3.bg-blanc .row .bloc::after {background-color:#ccc}
.bloc1-etapes3.bg-gris1 .row .bloc::after {background-color:#fff}
.bloc1-etapes3.bg-gris2 .row .bloc::after {background-color:#000}
.bloc1-etapes3.bg-noir .row .bloc::after {background-color:#555}

.bloc1-etapes4 .row .bloc {position:relative; z-index:5}
.bloc1-etapes4 .row .bloc img, .bloc1-etapes4 .row .bloc .icon {display:inline-block; height:60px; font-size:6rem; margin-bottom:15px}
.bloc1-etapes4 .row .bloc .numero {display:inline-block; width:44px; height:44px; line-height:4.2rem; font-size:2rem; margin:0 15px; border-radius:100%}
.bloc1-etapes4.bg-blanc .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #fff, 15px 0 0 0 #fff; background-color:#fff}
.bloc1-etapes4.bg-gris1 .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #333, 15px 0 0 0 #333; background-color:#333}
.bloc1-etapes4.bg-gris2 .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #f4f4f4, 15px 0 0 0 #f4f4f4; background-color:#f4f4f4}
.bloc1-etapes4.bg-noir .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #000, 15px 0 0 0 #000; background-color:#000}
.bloc1-etapes4 .row .bloc::after {position:absolute; left:0; top:96px; width:100%; height:1px; content:""; z-index:-1}
.bloc1-etapes4 .row .bloc:first-child::after {left:50%}
.bloc1-etapes4 .row .bloc:last-child::after {width:50%}
.bloc1-etapes4.xs .row .bloc::after {top:21px}
.bloc1-etapes4.bg-blanc .row .bloc::after {background-color:#ccc}
.bloc1-etapes4.bg-gris1 .row .bloc::after {background-color:#fff}
.bloc1-etapes4.bg-gris2 .row .bloc::after {background-color:#000}
.bloc1-etapes4.bg-noir .row .bloc::after {background-color:#555}

.bloc1-etapes5 .row .bloc {position:relative; z-index:5}
.bloc1-etapes5 .row .bloc img, .bloc1-etapes5 .row .bloc .icon {display:inline-block; height:60px; font-size:6rem; margin-bottom:15px}
.bloc1-etapes5 .row .bloc .numero {display:inline-block; width:44px; height:44px; line-height:4.2rem; font-size:2rem; margin:0 15px; border-radius:100%}
.bloc1-etapes5.bg-blanc .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #fff, 15px 0 0 0 #fff; background-color:#fff}
.bloc1-etapes5.bg-gris1 .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #333, 15px 0 0 0 #333; background-color:#333}
.bloc1-etapes5.bg-gris2 .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #f4f4f4, 15px 0 0 0 #f4f4f4; background-color:#f4f4f4}
.bloc1-etapes5.bg-noir .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #000, 15px 0 0 0 #000; background-color:#000}
.bloc1-etapes5 .row .bloc::after {position:absolute; left:0; top:96px; width:100%; height:1px; content:""; z-index:-1}
.bloc1-etapes5 .row .bloc:first-child::after {left:50%}
.bloc1-etapes5 .row .bloc:last-child::after {width:50%}
.bloc1-etapes5.xs .row .bloc::after {top:21px}
.bloc1-etapes5.bg-blanc .row .bloc::after {background-color:#ccc}
.bloc1-etapes5.bg-gris1 .row .bloc::after {background-color:#fff}
.bloc1-etapes5.bg-gris2 .row .bloc::after {background-color:#000}
.bloc1-etapes5.bg-noir .row .bloc::after {background-color:#555}

.bloc1-etapes6 .row .bloc {position:relative; z-index:5}
.bloc1-etapes6 .row .bloc img, .bloc1-etapes6 .row .bloc .icon {display:inline-block; height:60px; font-size:6rem; margin-bottom:15px}
.bloc1-etapes6 .row .bloc .numero {display:inline-block; width:44px; height:44px; line-height:4.2rem; font-size:2rem; margin:0 15px; border-radius:100%}
.bloc1-etapes6.bg-blanc .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #fff, 15px 0 0 0 #fff; background-color:#fff}
.bloc1-etapes6.bg-gris1 .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #333, 15px 0 0 0 #333; background-color:#333}
.bloc1-etapes6.bg-gris2 .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #f4f4f4, 15px 0 0 0 #f4f4f4; background-color:#f4f4f4}
.bloc1-etapes6.bg-noir .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #000, 15px 0 0 0 #000; background-color:#000}
.bloc1-etapes6 .row .bloc::after {position:absolute; left:0; top:96px; width:100%; height:1px; content:""; z-index:-1}
.bloc1-etapes6 .row .bloc:first-child::after {left:50%}
.bloc1-etapes6 .row .bloc:last-child::after {width:50%}
.bloc1-etapes6.xs .row .bloc::after {top:21px}
.bloc1-etapes6.bg-blanc .row .bloc::after {background-color:#ccc}
.bloc1-etapes6.bg-gris1 .row .bloc::after {background-color:#fff}
.bloc1-etapes6.bg-gris2 .row .bloc::after {background-color:#000}
.bloc1-etapes6.bg-noir .row .bloc::after {background-color:#555}

.bloc2-picto-ttl-txt-btn .row img {flex:0 0 auto; align-self:flex-start; margin-right:30px}
.bloc2-picto-ttl-txt-btn .row .btn {padding-left:150px}

.bloc2-img-xs-ttl-txt-btn .row .bloc {display:flex; flex-wrap:wrap}
.bloc2-img-xs-ttl-txt-btn .row .visuel {width:50%; padding:0 15px 0 0}
.bloc2-img-xs-ttl-txt-btn .row .contenu {width:50%; margin-bottom:30px; padding-left:15px}
.bloc2-img-xs-ttl-txt-btn .row .btn {margin-left:calc(50% + 15px)}
.bloc2-img-xs-ttl-txt-btn .row .btn [class^="btn-"] {margin-top:0}

.bloc2-prod-xs-ttl-prix-txt-btn .row .bloc {display:flex; flex-wrap:wrap}
.bloc2-prod-xs-ttl-prix-txt-btn .row .produit {flex:1 1 0px; margin:0 30px 0 0}
.bloc2-prod-xs-ttl-prix-txt-btn .row .contenu {flex:1 1 0px}

.bloc1-faq .row .item {border-bottom:1px solid #000}
.bloc1-faq .row .item:last-child {border-bottom:0}
.bloc1-faq .row .item .titre {display:flex; justify-content:space-between; align-items:center; min-height:70px; padding:11px 0}
.bloc1-faq .row .item .titre h3 {line-height:2.4rem; font-size:1.8rem; padding:0}
.bloc1-faq .row .item .titre h3.txt-max {max-width:1000px !important}
.bloc1-faq .row .item .titre:hover h3, .bloc1-faq .row .item .titre:focus h3 {text-decoration:underline; color:#555}
.bloc1-faq .row .item .titre:active h3 {color:#f16e00}
.bloc1-faq .row .item .titre::after {font-family:icon-orange; font-size:1.4rem; font-weight:700; color:#f16e00; content:"\e93c"; margin-left:15px}
.bloc1-faq .row .item .texte {margin-bottom:30px}
.bloc1-faq .row .item .texte p.txt-max {max-width:900px !important}
.bloc1-faq .row .item.ouvert .titre::after {content:"\e93d"}
.bloc1-faq.xl .row .item .titre {min-height:90px; padding:15px 0}
.bloc1-faq.xl .row .item .titre h3 {line-height:3rem; font-size:2.6rem}
.bloc1-faq.xl .row .item .titre::after {font-size:1.9rem}
.bloc1-faq.xl .row .item .texte {line-height:2.4rem; font-size:1.8rem}
.bloc1-faq.dark .row .item {border-bottom-color:#fff}
.bloc1-faq.dark .row .item .titre:hover h3, .bloc1-faq.dark .row .item .titre:focus h3 {color:#ccc}
.bloc1-faq.dark .row .item .titre:active h3 {color:#ff7900}
.bloc1-faq.dark .row .item .titre::after {color:#ff7900}


@media (max-width:1199.98px){
.banniere-img-xl380 .full .visuel {background-image:none}

.visionneuse-img-xl380 li a.slide-1 {background-image:none}
.visionneuse-img-xl380 li a.slide-2 {background-image:none}
.visionneuse-img-xl380 li a.slide-3 {background-image:none}

.banniere-html-xl380 .full {background-image:none}

.bloc1-prod-xl-ttl-prix-txt-btn .row .produit img {width:75%}

.bloc1-etapes3 .row .bloc .numero {width:34px; height:34px; line-height:3.2rem; font-size:1.6rem; margin:0 10px}
.bloc1-etapes3 .row .bloc::after {top:91px}
.bloc1-etapes3.xs .row .bloc::after {top:16px}

.bloc1-etapes4 .row .bloc .numero {width:34px; height:34px; line-height:3.2rem; font-size:1.6rem; margin:0 10px}
.bloc1-etapes4 .row .bloc::after {top:91px}
.bloc1-etapes4.xs .row .bloc::after {top:16px}

.bloc1-etapes5 .row .bloc .numero {width:34px; height:34px; line-height:3.2rem; font-size:1.6rem; margin:0 10px}
.bloc1-etapes5 .row .bloc::after {top:91px}
.bloc1-etapes5 .row .bloc:nth-child(1n+4) {margin-top:45px}
.bloc1-etapes5 .row .bloc:nth-child(3)::after {left:0; width:50%}
.bloc1-etapes5 .row .bloc:nth-child(4)::after {left:50%; width:100%}
.bloc1-etapes5.xs .row .bloc::after {top:16px}

.bloc1-etapes6 .row .bloc .numero {width:34px; height:34px; line-height:3.2rem; font-size:1.6rem; margin:0 10px}
.bloc1-etapes6 .row .bloc::after {top:91px}
.bloc1-etapes6 .row .bloc:nth-child(1n+4) {margin-top:45px}
.bloc1-etapes6 .row .bloc:nth-child(3)::after {left:0; width:50%}
.bloc1-etapes6 .row .bloc:nth-child(4)::after {left:50%; width:100%}
.bloc1-etapes6.xs .row .bloc::after {top:16px}

.bloc2-picto-ttl-txt-btn .row img {width:105px}
.bloc2-picto-ttl-txt-btn .row .btn {padding-left:135px}

.bloc2-img-xs-ttl-txt-btn .row .bloc {flex-direction:column}
.bloc2-img-xs-ttl-txt-btn .row .visuel {width:100%; padding:0 0 15px 0}
.bloc2-img-xs-ttl-txt-btn .row .contenu {width:100%; margin-bottom:0; padding-left:0}
.bloc2-img-xs-ttl-txt-btn .row .btn {margin-left:0}
.bloc2-img-xs-ttl-txt-btn .row .btn [class^="btn-"] {margin-top:30px}

.bloc2-prod-xs-ttl-prix-txt-btn .row .produit {flex:1 1 100%; margin:0 0 15px 0}

.bloc1-faq .row .item .titre {min-height:70px; padding:13px 0}
.bloc1-faq .row .item .titre h3 {line-height:2.2rem; font-size:1.6rem}
.bloc1-faq .row .item .titre h3.txt-max {max-width:800px !important}
.bloc1-faq .row .item .titre::after {font-size:1.2rem}
.bloc1-faq .row .item .texte p.txt-max {max-width:700px !important}
.bloc1-faq.xl .row .item .titre {min-height:80px; padding:14px 0}
.bloc1-faq.xl .row .item .titre h3 {line-height:2.6rem; font-size:2.2rem}
.bloc1-faq.xl .row .item .titre::after {font-size:1.6rem}
.bloc1-faq.xl .row .item .texte {line-height:2.2rem; font-size:1.6rem}
}


@media (max-width:959.98px){
.banniere-img-xl380 .full .visuel {background-image:none}

.visionneuse-img-xl380 li a.slide-1 {background-image:none}
.visionneuse-img-xl380 li a.slide-2 {background-image:none}
.visionneuse-img-xl380 li a.slide-3 {background-image:none}

.bloc2-picto-ttl-txt-btn .row img {width:90px}
.bloc2-picto-ttl-txt-btn .row .btn {padding-left:120px}
}


@media (max-width:735.98px){
.banniere-img-xl380 .full .visuel {height:475px; background:none center center no-repeat}

.visionneuse-img-xl380 li a {height:475px; background-position:center center}
.visionneuse-img-xl380 li a.slide-1 {background-image:none}
.visionneuse-img-xl380 li a.slide-2 {background-image:none}
.visionneuse-img-xl380 li a.slide-3 {background-image:none}

.banniere-html-xl380 .full {padding-top:380px; background:none center top no-repeat}
.banniere-html-xl380 .full .degrade {background:none}
.banniere-html-xl380 .full .row {height:auto}
.banniere-html-xl380.dark .full .degrade {background:none}

.bloc1-ttl-btn-img .row .contenu .btn {text-align:left}
.bloc1-ttl-btn-img .row .visuel {order:-1}

.bloc1-ttl-txt-btn-img .row .visuel {order:-1}

.bloc1-ttl-prix-btn-img .row .visuel {order:-1}

.bloc1-ttl-prix-txt-btn-prod .row .produit {order:-1}

.bloc1-prod-xl-ttl-prix-txt-btn .row .produit img {width:50%}

.bloc2-offre .row .bloc:nth-child(2) {margin-top:60px !important}
.bloc2-offre .row .bloc .tarif {width:100%}

.bloc1-zig-zag-vid .row.zig .video, .bloc1-zig-zag-vid .row.zig .visuel {order:-1}

.bloc1-etapes3 .row .bloc {margin-top:0 !important}
.bloc1-etapes3 .row > .bloc:nth-child(n+3) {margin-top:15px !important}
.bloc1-etapes3 .row .bloc .numero {width:24px; height:24px; line-height:2.2rem; font-size:1.4rem; margin:0 5px}
.bloc1-etapes3 .row .bloc::after {top:87px}
.bloc1-etapes3 .row .bloc:nth-child(2)::after {width:50%}
.bloc1-etapes3 .row .bloc:nth-child(3)::after {display:none}
.bloc1-etapes3.xs .row .bloc::after {top:12px}

.bloc1-etapes4 .row .bloc {margin-top:0 !important}
.bloc1-etapes4 .row > .bloc:nth-child(n+3) {margin-top:15px !important}
.bloc1-etapes4 .row .bloc .numero {width:24px; height:24px; line-height:2.2rem; font-size:1.4rem; margin:0 5px}
.bloc1-etapes4 .row .bloc::after {top:87px}
.bloc1-etapes4 .row .bloc:nth-child(odd)::after {left:50%; width:100%}
.bloc1-etapes4 .row .bloc:nth-child(even)::after {left:0; width:50%}
.bloc1-etapes4.xs .row .bloc::after {top:12px}

.bloc1-etapes5 .row .bloc {margin-top:0 !important}
.bloc1-etapes5 .row > .bloc:nth-child(n+3) {margin-top:15px !important}
.bloc1-etapes5 .row .bloc .numero {width:24px; height:24px; line-height:2.2rem; font-size:1.4rem; margin:0 5px}
.bloc1-etapes5 .row .bloc::after {top:87px}
.bloc1-etapes5 .row .bloc:nth-child(odd)::after {left:50%; width:100%}
.bloc1-etapes5 .row .bloc:nth-child(even)::after {left:0; width:50%}
.bloc1-etapes5 .row .bloc:nth-child(5)::after {display:none}
.bloc1-etapes5.xs .row .bloc::after {top:12px}

.bloc1-etapes6 .row .bloc {margin-top:0 !important}
.bloc1-etapes6 .row > .bloc:nth-child(n+3) {margin-top:15px !important}
.bloc1-etapes6 .row .bloc .numero {width:24px; height:24px; line-height:2.2rem; font-size:1.4rem; margin:0 5px}
.bloc1-etapes6 .row .bloc::after {top:87px}
.bloc1-etapes6 .row .bloc:nth-child(odd)::after {left:50%; width:100%}
.bloc1-etapes6 .row .bloc:nth-child(even)::after {left:0; width:50%}
.bloc1-etapes6.xs .row .bloc::after {top:12px}

.bloc2-picto-ttl-txt-btn .row img {width:75px; margin-right:15px}
.bloc2-picto-ttl-txt-btn .row .btn {padding-left:0}

.bloc1-faq .row .item .titre h3.txt-max {max-width:none !important}
.bloc1-faq .row .item .texte {margin-bottom:15px}
.bloc1-faq .row .item .texte p.txt-max {max-width:none !important}
.bloc1-faq.xl .row .item .titre {min-height:70px; padding:11px 0}
.bloc1-faq.xl .row .item .titre h3 {line-height:2.4rem; font-size:2rem}
.bloc1-faq.xl .row .item .titre::after {font-size:1.5rem}
}


@media (max-width:479.98px){
.banniere-img-xl380 .full .visuel {background-image:none}

.visionneuse-img-xl380 li a.slide-1 {background-image:none}
.visionneuse-img-xl380 li a.slide-2 {background-image:none}
.visionneuse-img-xl380 li a.slide-3 {background-image:none}

.banniere-html-xl380 .full {padding-top:248px; background-size:auto 248px}

.bloc1-ttl-btn-img .row .contenu .btn {text-align:center}

.bloc2-picto-ttl-txt-btn .row img {width:60px}
}



/* Ajout G2M : Ajout class=edito1colG2M pour alterner affichage visuel droite/gauche sur template Edito1col : */
.edito1colG2M .row.zag div.contenu + div.visuel {order:-1}
.edito1colG2M .row.zag div.contenu + div.produit {order:-1}
.edito1colG2M .row.zag div.produit + div.contenu {order:-1}

/* Ajout G2M : Ajout class pour affichage des images dans EditoNcols 3 et 4 colonnes img-s=705x150 : */
.bloc3-img-ttl-txt-lien .row .contenu .visuel {height:150px; background:none center top no-repeat}
.bloc4-img-ttl-txt-lien .row .contenu .visuel {height:150px; background:none center top no-repeat}

/* Modif G2M : Afficher par défaut les puces de type Liste "ul.liste" dans les Richtext */
.richtextG2M ul li::before {position:absolute; left:0; display:block; content:""; border-radius:50%; background-color:#f16e00}
.dark .richtextG2M ul li::before {background-color:#ff7900}
.bg-gris2 .richtextG2M ul li::before {background-color:#000}
.richtextG2M ul li {margin-left:15px; padding:7px 0 10px 24px}
.richtextG2M ul li::before {top:15px; width:0.9rem; height:0.9rem}

/* Modif G2M : Afficher par défaut les puces de type Liste "ul.liste" dans les Richtext des templates centrés (template Etapes) */
li.txt-center .richtextG2M ul li::before {position:relative; display:inline-block; content:""; border-radius:50%; background-color:#f16e00}
li.txt-center .richtextG2M ul li {margin-left:15px; padding:7px 0 10px 0}
li.txt-center .richtextG2M ul li::before {top:0; width:0.5em; height:0.5em; margin-right:15px}

/* Ajout G2M : Ajout class=cocheG2M pour afficher correctement les puces de type Coche "ul.coche" dans les Richtext */
.richtextG2M ul.cocheG2M li::before {position:relative; display:inline-block; font-family:icon-orange; color:#f16e00; content:"\eb77"}
.dark .richtextG2M ul.cocheG2M li::before {color:#ff7900}
.bg-gris2 .richtextG2M ul.cocheG2M li::before {color:#000}
.richtextG2M ul.cocheG2M li {margin-left:15px; padding:7px 0 10px 0}
.richtextG2M ul.cocheG2M li::before {top:2px; width:auto; height:0; margin-right:15px}

/* Modif G2M : Afficher par défaut les puces de type Coche "ul.coche" dans les Richtext des templates centrés (template Etapes) */
li.txt-center .richtextG2M ul.cocheG2M li::before {position:relative; display:inline-block; font-family:icon-orange; color:#f16e00; content:"\eb77"}
li.txt-center .richtextG2M ul.cocheG2M li {margin-left:15px; padding:7px 0 10px 0}
li.txt-center .richtextG2M ul.cocheG2M li::before {top:2px; width:auto; height:0; margin-right:15px}

/* Ajout G2M : Afficher correctement les numéros de renvoie ".renvoi" aux Mentions en indices après le prix ".t1" et ".t2" */
span.t1 + sup {font-size:1.1em; font-weight:400; color:#555; top:-0.8em}
.dark span.t1 + sup {color:#fff}
span.t2 + sup {font-size:1em; font-weight:400; color:#555; top:-0.7em}
.dark span.t2 + sup {color:#fff}

/* Ajout G2M : Ajout class=richtextG2M pour afficher correctement les liens de type "lien-simple" dans les champs Richtext */
.richtextG2M a {font-weight:700; text-decoration:underline}
.richtextG2M a:hover, .richtextG2M a:focus {color:#555}
.richtextG2M a:active {color:#f16e00}
.dark .richtextG2M a:hover, .dark .richtextG2M a:focus {color:#ccc}
.dark .richtextG2M a:active {color:#ff7900}

/* Ajout G2M : Afficher correctement les liens de type "lien-chevron" dans les champs Richtext */
.richtextG2M .lien-chevron {text-decoration:none}
.richtextG2M .lien-chevron:hover, .richtextG2M .lien-chevron:focus {text-decoration:underline}

/* Ajout G2M : Ajout class=mentionG2M car class "#mentions .row p" dans init_v3 pas pris en compte étant donné que les p ont été remplacés par div suite BUG imbrication DIV dans P */ -->
#mentions .row .mentionG2M {padding:8px 0 10px}

/* Ajout G2M : Ajout class=mentionNumeroG2M pour que le 1er div des mentions Numérotés se place à la suite du numéro et n'aille pas à la ligne */ -->
#mentions .row .mentionNumeroG2M div:first-child {display:inline-block}


@media (max-width:1199.98px){
/* Modif G2M : Afficher par défaut les puces de type Liste "ul.liste" dans les Richtext */
.richtextG2M ul li {margin-left:10px; padding:8px 0 10px 17px}
.richtextG2M ul li::before {top:16px; width:0.7rem; height:0.7rem}

/* Ajout G2M : Ajout class=cocheG2M pour afficher correctement les puces de type Coche "ul.coche" dans les Richtext */
.richtextG2M ul.cocheG2M li {margin-left:10px; padding:8px 0 10px 0}
.richtextG2M ul.cocheG2M li::before {top:2px; width:auto; height:0; margin-right:15px}

/* Ajout G2M : Afficher correctement les numéros de renvoie ".renvoi" aux Mentions en indices après le prix ".t1" et ".t2" */
span.t1 + sup {top:-0.7em}
span.t2 + sup {top:-0.6em}

/* Ajout G2M : Ajout class=mentionG2M car class "#mentions .row p" dans init_v3 pas pris en compte étant donné que les p ont été remplacés par div suite BUG imbrication DIV dans P */ -->
#mentions .row .mentionG2M {padding-bottom:11px}
}


@media (max-width:959.98px){
}


@media (max-width:735.98px){
/* Ajout G2M : ajout pour alterner affichage visuel droite/gauche sur template Edito1col : */
.edito1colG2M .row.zag div.contenu + div.visuel {order:-1}
.edito1colG2M .row.zag div.contenu + div.produit {order:-1}
.edito1colG2M .row.zag div.produit + div.contenu {order:1}

/* Ajout G2M : Afficher correctement les numéros de renvoie ".renvoi" aux Mentions en indices après le prix ".t1" et ".t2" */
span.t1 + sup {font-size:0.9em; top:-0.6em}
span.t2 + sup {font-size:0.9em; top:-0.5em}

}


@media (max-width:479.98px){
/* Modif G2M : Ajout !important pour que le resize soit bien pris en compte */
.banniere-html-xl380 .full {padding-top:248px; background-size:auto 248px !important}
}



/* Ajout G2M : Bannière One-i */
.banniere-shop-xl .full .visuel {display:block; overflow:hidden}

/* Ajout G2M : visuels Bannières Img et Html */


@media (max-width:1199.98px){

}

@media (max-width:959.98px){

}

@media (max-width:735.98px){

}

@media (max-width:479.98px){

}