CODES CSS

NORMAUX

Télécharger
header-general.css
Fichier Cascading Style Sheet 51.9 KB
Télécharger
pages-trompe-l-oeil.css
Fichier Cascading Style Sheet 12.4 KB

MINIFIÉS

Télécharger
header-general-minifie.css
Fichier Cascading Style Sheet 30.5 KB
Télécharger
pages-trompe-l-oeil-minifie.css
Fichier Cascading Style Sheet 7.4 KB

<meta http-equiv="x-ua-compatible" content="IE=edge" />

<style>
/*<![CDATA[*/

/*Défilement doux*/
    html {scroll-behavior:smooth;}
    
/*CONTENANT PRINCIPAL*//*padding:50px 0 0; */
    /*.jtpl-section-main__inner {min-width:80%; z-index:2;}

/*-------------------------------------------@FONT-FACE*/
    /*PT Mono*/
    @font-face {font-family:'PT Mono'; src:local('pt-mono-v13-latin-regular'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/pt-mono-v13-latin-regular.woff2?t=1653409280')
    format('woff2'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/pt-mono-v13-latin-regular.woff?t=1653409269')
    format('woff'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/pt-mono-v13-latin-regular.ttf?t=1653409240')
    format('truetype')}
    /*PT Mono Bold*/
    @font-face {font-family:'PT Mono Bold'; src:local('pt-mono-bold'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/pt-mono-bold.woff2?t=1639759237')
    format('woff2'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/pt-mono-bold.woff?t=1639759203')
    format('woff'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/pt-mono-bold.ttf?t=1639760274')
    format('truetype')}
    /*Baloo Bhai 2*/
    @font-face {font-family:'Baloo Bhai 2'; src:local('baloo-bhai-2-v4-latin-regular'); src:local('baloo-bhai-2-v4-latin-500'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/baloo-bhai-2-v4-latin-regular.woff2?t=1637576608')
    format('woff2'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/baloo-bhai-2-v4-latin-regular.woff?t=1637575964')
    format('woff'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/baloo-bhai-2-v4-latin-regular.ttf?t=1637576595')
    format('truetype'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/baloo-bhai-2-v4-latin-500.woff2?t=1637590982')
    format('woff2'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/baloo-bhai-2-v4-latin-500.woff?t=1637591016')
    format('woff'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/baloo-bhai-2-v4-latin-500.ttf?t=1637591041')
    format('truetype')}
    /*Bangers*/
    @font-face {font-family:'Bangers'; src:local('bangers-regular'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/bangers-regular.ttf?t=1637586947')
    format('truetype')}
    /*Capture It*/
    @font-face {font-family:'Capture It'; src:local('capture-it'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/capture-it.woff?t=1637601025')
    format('woff')}
    /*stint ultra condensed*/
    @font-face {font-family:'stint ultra condensed'; src:local('stint-ultra-condensed-v19-latin-regular'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/stint-ultra-condensed-v19-latin-regular.woff2?t=1649787331')
    format('woff2'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/stint-ultra-condensed-v19-latin-regular.woff?t=1649787319')
    format('woff'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/stint-ultra-condensed-v19-latin-regular.ttf?t=1649787287')
    format('truetype')}
    /*Economica*/
    @font-face {font-family:'Economica Italic'; src:local('economica-v13-latin-italic'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/economica-v13-latin-italic.woff2?t=1672918093')
    format('woff2'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/economica-v13-latin-italic.woff?t=1672918077')
    format('woff'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/economica-v13-latin-italic.ttf?t=1672918034')
    format('truetype')}
    /*Economica Bold*/
    @font-face {font-family:'Economica Bold'; src:local('economica-v13-latin-700italic'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/economica-v13-latin-700italic.woff2?t=1672917848')
    format('woff2'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/economica-v13-latin-700italic.woff?t=1672917833')
    format('woff'),
url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/font/economica-v13-latin-700italic.ttf?t=1672917767')
    format('truetype')}
    
/*-------------------------------------------LOGO ET TITRE SITE*/
    .jtpl-logo, .jtpl-title {display:none;}
    
/*-------------------------------------------COULEURS*/
    :Root {--Blanc-Transp:rgba(255,255,255,.92); --Blanc:#FFF; --Blanc-Casse:#F7F7F7; --Gris-Transp:rgba(230,230,230,.2);
    --Gris-Tres-Clair:#EAEAEA; --Gris-Clair:#E6E6E6; --Gris-Moyen:#DEDEDE; --Gris-Fonce:#B5B5B5;
    --Gris-Fonce-Transp:rgba(181,181,181,.75); --Gris-Tres-Fonce:#656565; --Jaune:#EFC864; --Rouge-Transp:rgba(181,57,38,.2);
    --Rouge:#b53926; --Noir-Clair:#4D4D4D; --Noir-Moyen:#353535; --Noir-Mi-Moyen:#262626; --Noir:#181818; --Noir-Profond:#000;}
    
    .blanc {color:var(--Blanc)} .jaune {color:var(--Jaune)} .rouge {color:var(--Rouge)} .noir {color:var(--Noir)}
    
/*-------------------------------------------BACKGROUND TRANSITION*/
    /*.background-white-black {background:
    linear-gradient(var(--Noir), var(--Noir)) left / var(--p,0% 100%) no-repeat;
    linear-gradient(var(--Noir), var(--Noir)) left / var(--span,0% 100%) no-repeat;
    linear-gradient(var(--Noir), var(--Noir)) left / var(--button,0% 100%) no-repeat;
    transition:400ms, background-position 0s;}
    .background-black-white {background:
    linear-gradient(var(--Blanc), var(--Blanc)) left / var(--p,0% 100%) no-repeat;
    linear-gradient(var(--Blanc), var(--Blanc)) left / var(--span,0% 100%) no-repeat;
    linear-gradient(var(--Blanc), var(--Blanc)) left / var(--button,0% 100%) no-repeat;
    transition:400ms, background-position 0s; background-color:var(--Noir); color:var(--Blanc);}
    .background-white-black, .background-black-white {text-decoration:none;}
    .background-transition:hover .background-white-black {--p:100% 100%; --span:100% 100%; --button:100% 100%; color:var(--Blanc);}
    .background-transition:hover .background-black-white {--p:100% 100%; --span:100% 100%; --button:100% 100%; color:var(--Noir);}
    .background-white-black:hover {--p:100% 100%; --span:100% 100%; --button:100% 100%; color:var(--Blanc);}
    .background-black-white:hover {--p:100% 100%; --span:100% 100%; --button:100% 100%; color:var(--Noir);}*/
    
    .background-white-black {
    background: linear-gradient(var(--Noir), var(--Noir)) left /
    var(--button,0% 100%) no-repeat, var(--span,0% 100%) no-repeat, var(--p,0% 100%) no-repeat;
    transition:400ms, background-position 0s;}
    .background-black-white {
    background: linear-gradient(var(--Blanc), var(--Blanc)) left /
    var(--button,0% 100%) no-repeat, var(--span,0% 100%) no-repeat, var(--p,0% 100%) no-repeat;
    transition:400ms, background-position 0s; background-color:var(--Noir); color:var(--Blanc);}
    .background-transition:hover .background-white-black,
    .background-white-black:hover {--button:100% 100%; --span:100% 100%; --p:100% 100%; color:var(--Blanc);}
    .background-transition:hover .background-black-white,
    .background-black-white:hover {--button:100% 100%; --span:100% 100%; --p:100% 100%; color:var(--Noir);}
    .background-white-black, .background-black-white {text-decoration:none;}

/*-------------------------------------------TYPOGRAPHIE*/
/*POLICES*/
    /*'Bangers'*/
    .Bangers {font-family:'Bangers';}
    /*'Bradley Hand' : Articles en vente et vendus - Newletters - Désinscription Newletters*/
    .BradleyHand {line-height:1.2em; font-size:2em; font-family:'Bradley Hand';}
    /*'Economica' : Photos-Cadres en vente - Désinscription Newletters*/
    .Economica, .Economica1, .Economica2, .EconomicaRotate, .EconomicaRotate2 {
    font-family:'Economica Italic';}
    .Economica1 {line-height:150%; font-weight:700; font-size:1.5em;}
    .Economica2 {margin:3px 10px 20px 10px; background-color:var(--Blanc); font-size:.9em; color:var(--Noir-Mi-Moyen);}
    .Economica2, .EconomicaRotate, .EconomicaRotate2 {display:inline-block;}
    .EconomicaRotate{margin:20px 0px -2px 0px; padding:3px 0 3px 0;}
    .EconomicaRotate, .EconomicaRotate2 {-webkit-transform:rotate(-1deg); transform:rotate(-1deg);
    box-shadow:var(--Noir-Profond) 0px 0px 20px; background-color:var(--Rouge-Transp);
    line-height:1.2em; font-weight:700; color:var(--Blanc-Casse);}
    /*'Future Imperfect'*/
    .FutureImperfect {font-family:'Future Imperfect';}
    /*John Doe'*/
    .JohnDoe, .JohnDoe1,.JohnDoe2,.JohnDoe3 {font-family:'JohnDoe';}
    .JohnDoe, .JohnDoe1 {word-spacing:-.2em;}
    /*'Pt Mono'*/
    .PT-Mono, .PT-Mono1, .PT-Mono2, .PT-Mono3, .PT-Mono4, .PT-Mono5, .PT-Mono6, .PT-Mono7 {font-family:'PT Mono','monospace';}
    .PT-Mono {word-spacing:-.2em;}
    .PT-Mono1 {word-spacing:-.3em;}
    .PT-Mono2 {font-size:1.2em;}
    .PT-Mono3 {font-size:1.3em;}
    .PT-Mono4 {font-size:1.4em;}
    .PT-Mono5 {font-size:1.5em;}
    .PT-Mono6 {font-size:1.6em;}
    .PT-Mono7 {font-size:1.7em;}
    .PT-Mono-Bold, .PT-Mono-Bold1 {font-family:'PT Mono Bold','monospace';}
    .PT-Mono-Bold1 {word-spacing:-.3em; font:1.3rem/200%;}
    /*'Sans Culottes'*/
    .SansCulottes {font-family:'Sans Culottes','Capture It','sans-serif';}
    /*'Stint Ultra Condensed'*/
    .Stint0, .Stint {font-family:'stint ultra condensed';}
    .Stint {font-size:2.5em; line-height:110%;}
    /*'Times'*/
    .times-T {font-family:'times new roman','serif';}
/*GRAISSE ET STYLE*/
    .font-400 {font-weight:400;} .font-500 {font-weight:500;} .font-600 {font-weight:600;}
    .font-700 {font-weight:700;} .font-800 {font-weight:800;} .font-900 {font-weight:900;}
    .font-cap {text-transform:capitalize;} .font-ital {font-style:italic;} .font-upper {text-transform:uppercase;}
    .font-lower {text-transform:lowercase;} .font-trans-none {text-transform:none;}
/*OMBRES*/
    /*.Ombres {text-shadow:1px 1px var(--Noir-Profond), -1px -1px var(--Noir-Profond), -1px 1px var(--Noir-Profond),
    1px -1px var(--Noir-Profond), 0 0 10px var(--Blanc); color:var(--Blanc);}
    .Ombres1 {text-shadow:1px 1px var(--Noir-Profond), -1px -1px var(--Noir-Profond), -1px 1px var(--Noir-Profond),
    1px -1px var(--Noir-Profond), 0 0 3px var(--Blanc); color:var(--Blanc);}
    .Ombres2 {text-shadow:1px 1px #696969,-1px -1px #696969,-1px 1px #696969,1px -1px #696969,0 0 10px #696969; color:var(--Rouge)}
    .OmbreTexteR {text-shadow:0 1px 5px #121212, -1px 2px 5px #121212, -2px 3px 5px #121212,
    -3px 4px 7px var(--Rouge), 0 0 15px var(--Jaune);}
    .OmbreTexteCR {text-shadow:1px 1px #121212, -1px -1px #121212, -1px 1px #121212,
    1px -1px #121212, 0 1px 5px #121212, -1px 2px 5px #121212, -2px 3px 5px #121212,
    -3px 4px 7px var(--Rouge), 0 0 15px var(--Jaune);}
    .OmbreBoiteR {box-shadow:0 1px 5px #121212, -1px 2px 5px #121212, -2px 3px 5px #121212,
    -5px 5px 10px var(--Rouge), 0 0 15px var(--Jaune);}
    .EnValeur {text-shadow: 0 0 5px var(--Gris-Fonce);}
    
/*-------------------------------------------NAVIGATION*/
    /*background*/
    /*.jtpl-navigation{border-right:solid 5px #FFF;}*/
    .jtpl-navigation__inner {padding-top:5%; padding-bottom:5%; border-right:solid 5px var(--Blanc);
    box-shadow:inset var(--Blanc-Casse) 0 0 10px, inset var(--Noir-Mi-Moyen) 0 55px 100px, inset var(--Noir-Mi-Moyen) 0 0 50px;
    transition:box-shadow 3s linear 1s, background-color 3s ease-in 0s;
    background:radial-gradient(black 15%,transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px,
    radial-gradient(rgba(38,38,38,.4) 15%, transparent 20%) 0 2px, radial-gradient(rgba(38,38,38,.4) 15%,
    transparent 20%) 8px 9px; background-size:6px 6px; background-color:rgba(89,60,25,.5);}
    /*police*/
    /*.navigation-colors a{font:2em/120% 'stint ultra condensed','serif';*/
    .jtpl-navigation__inner a:link {font:normal 1.8em/120% 'Sans Culottes','Capture It','sans-serif';
    transition:1.2s; background-color:rgba(89,60,25,.0);}
    @media (max-width: 766px) {.jtpl-navigation__inner a:link, .jtpl-navigation__inner a:visited {
    font-size: 1em!important; line-height: 1.5!important;}}
 
/*-------------------------------------------HISTORIQUE -1*/
    /*Toutes les pages*/
    #feedback a {position:fixed; z-index:10100; top:45%; right:0;}
    
/*-------------------------------------------BOUTONS*/
    button {cursor:pointer;}
    /*style 1*/
    .j-calltoaction-link-style-1:link {padding:10px 15px; text-transform:uppercase;
    text-shadow:0 0 var(--Noir-Profond), 0 0 var(--Noir-Profond), 0 0 var(--Noir-Profond), 0 0 var(--Noir-Profond);
    font-family:'Sans Culottes','Capture It','sans-serif'!important;
    transition:box-shadow 1.2s ease-in .7s, text-shadow 1.8s ease-out .2s;}
    .j-calltoaction-link-style-1:hover {box-shadow:inset 0 1px 7px rgba(91,179,199,.9);
    text-shadow:50px 450px rgba(91,199,179,.03), -450px -450px rgba(91,199,179,.03), 450px -150px rgba(91,199,179,.01);}
    /*style 2*/
    .j-calltoaction-link-style-2:link{box-shadow:0 0 var(--Noir-Profond), inset 0 3px 7px var(--Gris-Fonce); padding:.58em 2em;
    text-transform:uppercase!important; text-shadow:0 0 0 var(--Noir-Profond); font-family:'stint ultra condensed','serif'!important;
    transition:box-shadow 2s ease-in .7s, background-color 2s ease-in .3s, color 2.4s ease-in .3s;}
    .j-calltoaction-link-style-2:hover {box-shadow:0 0 var(--Noir-Profond), inset 0 3px 7px var(--Noir);}
    @media (max-width:1023px) {.j-calltoaction-link-style-2 {font-size:2.5em!important;}}
    /*style 3*/
    .j-calltoaction-link-style-3:link {background:linear-gradient(var(--Blanc), var(--Blanc)) left / var(--p,0% 100%) no-repeat;
    transition:.4s, background-position 0s; text-transform:uppercase; font-weight:bold;}
    .j-calltoaction-link-style-3:hover {--p:100% 100%;}
    
/*-------------------------------------------IMAGES*/

    /*ZoomDezoom*/
    .cc-m-image-align-1, .cc-m-image-align-3, .innerthumbnail, .cc-m-gallery-cool-item, .cc-m-gallery-stack-item {
        -webkit-transition:all .8s .2s ease-out; transition:all .8s .2s ease-out;}
    .cc-m-image-align-1:hover, .cc-m-image-align-3:hover, .innerthumbnail:hover, .cc-m-gallery-cool-item:hover{
        -webkit-transform:scale(0.975); transform:scale(0.975)}
    .cc-m-gallery-stack-item:hover {-webkit-transform:scale(0.965); transform:scale(0.965);}
/*IMAGES DEZOOMEES*/  
    img[alt="image représentative de la page d'arrivée"] {
        -webkit-transform:scale(1); transform:scale(1);
        -webkit-transition:all 1s ease-in-out;
        -moz-transition:all 1s ease-in-out;
        -o-transition:all 1s ease-in-out;
        -ms-transition:all 1s ease-in-out;
        transition:all 1s ease-in-out;}
    img[alt="image représentative de la page d'arrivée"]:hover {
        -webkit-transform:scale(0.9); transform:scale(0.9)}
/*TITRES*/
    .cc-imagewrapper figcaption:nth-child(2) {text-align:center; font:.8em/200% 'PT Mono','monospace'}
 
/*-------------------------------------------TITRES ET SOUS-TITRES*/
/*H1,H2,H3,SOUS-TITRES*/
    /*h1,h2,h3,.sous-T{*/
    .j-module.n.j-header h1, .sous-T {font-family:'Sans Culottes','Capture It','sans-serif';}
    .sous-T {text-align:center; font-size:10vw; line-height:1.2em; color:var(--Gris-Tres-Clair);}
    @media (max-width:767px) {.sous-T {font-size:30px;}}
    
/*-------------------------------------------COLONNES*/
    /*page Qui sommes nous ?*/
    #col1{columns: 3 12em;column-gap: 3em}
    
/*-------------------------------------------SPAN*/
    .SpaBaloo,.SpaBaloo2 {text-transform:uppercase;font-family:'Baloo Bhai 2','sans-serif'}
    .SpaBaloo{word-spacing:.1em;font:bold 1.1em/160%}
    .SpaBaloo2{text-align:center;font:400 2.2em/200%}
    .SpaBradley{background-color:var(--Gris-Tres-Clair);word-spacing:.1em;font:bold 1.3em/160% 'Bradley Hand','cursive';
    color:var(--Noir-Profond)}
    .SpaPTMono{background-color:var(--Gris-Moyen);word-spacing:-.3em;text-transform:uppercase;
    font:1.1em/160% 'PT Mono','monospace';color:var(--Noir-Mi-Moyen)}
    .SpaBackground{background-color:rgba(255,255,255,.3)}
    .SpaBackground1{box-shadow:0px 0px 20px var(--Noir-Profond);background-color:rgba(255,255,255,.3)}
    .SpaBackground2{background-color:rgba(38,38,38,.5)}
    .SpaBackground3{background-color:var(--Rouge)}
    .SpaBackground4{background-color:rgba(255,255,255,.0)}
    .SpaBackground5{box-shadow:var(--Noir-Profond) 0px 0px 20px;background-color:rgba(181,57,38,.15);font-size:.9em}
    .SpaBackground6{background-color:var(--Noir-Moyen)}
    /*Span - Block*/
    .SpanBlock{display:block;text-align:center}
    .SpanBlock-Right{display:block;text-align:right}
    .SpanBlock-Inline-Right{display:inline-block;text-align:right}
    .BZ{box-shadow:inset 0 0 5px rgb(0 0 0 / 50%),0 1px 0 0 rgb(255 255 255 / 40%);padding:50px 30px}
    
/*-------------------------------------------LIENS*/
    .Liens{font:1em 'Future Imperfect','sans-serif'}
    a.Liens1{background-color:var(--Noir-Moyen);text-transform:uppercase;font:1.5em/180% 'maksukehoitus','sans-serif'}
    a.Liens1:link{color:var(--Jaune)}a.Liens1:visited{color:var(--Jaune)}a.Liens1:focus{color:var(--Rouge)}
    a.Liens1:hover{background-color:var(--Blanc-Casse);color:var(--Rouge)}
    .Liens2{padding:2px 2px;background-color:var(--Blanc-Casse);font:3em 'maksukehoitus','sans-serif';
    color:var(--Noir-Mi-Moyen)!important}
    .Liens3{position:relative;top:16em;z-index:10;-webkit-transform:rotate(-2deg);transform:rotate(-2deg);
    text-align:center;text-transform:uppercase;font:1.9em/180% 'maksukehoitus','sans-serif'}
    .Liens-Ext{font:bold .9em 'PT Mono','monospace'}
    .Link1{font:2.8em 'future imperfect','sans-serif'; color:var(--Blanc);}
    .Link1 a:hover{font:bold 1.9em 'future imperfect','sans-serif'; color:var(--Rouge);}
    .LinkHaut{font:2em 'future Imperfect','sans-serif'}
    .Pixabay{font:.5em 'PT Mono','monospace'}
    .Pixabay2{font:.7em 'JohnDoe','PT Mono','monospace'}
    
/*-------------------------------------------ETOILES*/
    .EtoileJ,.EtoileJ5,.EtoileJ5D,.EtoileJ5G,.Etoile5G,.EtoileR,.EtoileRG{font:bold 1em 'Sans Culottes','sans-serif'}
    .EtoileJ5{text-align:center}
    .EtoileJ5D,.EtoileR{text-align:right}
    .EtoileJ{color:var(--Jaune)}
    .EtoileJ5,.EtoileJ5D,.EtoileJ5G,.Etoile5G{color:var(--Blanc)}
    .EtoileR,.EtoileRG{color:var(--Rouge)}
    .RotEtoiles{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
    
/*-------------------------------------------HORAIRES TELEPHONIQUE (haut pages articles en vente)*/
    /*HORLOGE 2*/
    #Horloge {margin-right:18px; text-align:right; font:1.2em/120% 'Roboto Black';}
    #Horloge > span > span:nth-child(1) {display:inline-block; margin-right:-37px; margin-bottom:15px;
    padding:5px 5px; -webkit-transform:rotate(-1.5deg); transform:rotate(-1.5deg);}
    #Horloge > span > span:nth-child(1) > a {text-decoration:none;}
    #Horloge > span > span:nth-child(3) {display:inline-block; max-width:290px; margin-right:37px;
    box-shadow:0 0 0 1px var(--Noir),0 0 0 3px var(--Blanc),0 0 0 8px var(--Noir),inset 0 0 20px 0 var(--Noir);
    text-align:center; text-transform:uppercase; font:1.1em/200% 'Roboto'; color:var(--Noir)!important;}
    #Horloge > span > #AccueilTel a {color:var(--Noir)!important;}
    #Horloge > span > span:nth-child(3) > span:nth-child(2) {position:relative; top:10px; right:-25px;
    padding:3px 3px 45px 3px; box-shadow:0 0 5px 0 rgba(0,0,0,.9); background-color:rgba(18,18,18,.3);
    font:4em/150% 'stint ultra condensed';}
    #Horloge > span > span:nth-child(3) > span:nth-child(5) {padding:8px 13px 8px 10px;
    background:linear-gradient(to right,rgba(0,12,143,.7) 33%, rgba(247,247,247,.8) 33%,
    rgba(247,247,247,.8) 66%,rgba(181,57,38,.7) 66%); text-shadow:0 0 5px var(--Blanc); font-family:'Roboto Black';}
    @media (max-width:1024px){#Horloge {margin-right:8px;} #Horloge > span > span:nth-child(1) {margin-right:-26px;}
    #Horloge > span > span:nth-child(3) {margin-right:0;}}
    @media (max-width:767px){#Horloge {display:none;}}
    /*HeuresFrance 2*//*position:absolute; top:30px; right:30px;*/
    #HeuresFrance {-webkit-transform:rotate(1.2deg); transform:rotate(-1.2deg);
    text-align:right; font-family:'Roboto Black';}
    #HeuresFrance span {display:inline-block; text-align:left; line-height:75%; font-size:2rem;}
    #HeuresFrance span a {text-decoration:none;}
    #HeuresFrance > span > span {display:inline-block; padding:5px 3px; background:linear-gradient(to right,rgba(0,12,143,.7) 33%,
    rgba(247,247,247,.8) 33%,rgba(247,247,247,.8) 66%,rgba(181,57,38,.7) 66%); text-shadow:0 0 5px var(--Blanc); font-size:1.2rem;}
    #HeuresFrance > span > span a {color:var(--Noir)!important;}
    /*@media (min-width:767px){#HeuresFrance {display:none;}}*/
    
/*-------------------------------------------PIMENTER et EN JOUANT(pages articles & trompes-l'oeil)*/    
     .Pimenter{font:1em/150% 'JohnDoe','PT Mono Bold','monospace'}
     .EnJouant{font:700 1.7em/150% 'Economica Bold','JohnDoe','PT Mono Bold','monospace'}
     @media only screen and (max-width:767px){.Pimenter2{font-size:1.5em}}
    
/*-------------------------------------------PHRASES*/
/*INFORMATIONS DIVERSES*/
    .InfoHaut,.Informations,.PetitesInfos{text-align:left;text-transform:uppercase}
    .InfoHaut,.Informations{word-spacing:-.3em}
    .InfoHaut{font:.5em/150% 'PT Mono','monospace';color:#121212}
    .Informations{font:.6em/160% 'PT Mono','monospace'}
    .PetitesInfos,.PetitesInfos2{word-spacing:-.2em;overflow-wrap:normal}
    .PetitesInfos{-webkit-transform:rotate(8deg);transform:rotate(8deg);margin:-2em 0 0;
    font:bold 1.1em/160% 'PT Mono','monospace';color:var(--Blanc-Casse);}
    .PetitesInfos2{-webkit-transform:rotate(-0.5deg);transform:rotate(-0.5deg);}
    .PetitesInfos3{box-shadow:0 0 5px #bbbcbf;padding:3px;font-size:.6em;color:#bbbcbf;}
/*INTRODUCTION*/
    .Intross,.Intross1,.Intross2,.Intros,.Intros01,.Intros0,.Intros1{
    font-family:'Sans Culottes','Capture It','sans-serif';/*color:var(--Blanc-Casse)*/}
    .Intross{font:1.2em/120%}
    .Intross1{font:1.5rem/120%}
    .Intross2{font:1.4em/120%}
    .Intros{font:1.7em/120%}
    .Intros01{font:2rem/120%}
    .Intros0{font:2.3em/120%}
    .Intros1{font:3.5rem/120%}
    .Intros2,.Intros3,.Intros4{
    display:inline-block;word-spacing:normal;font-family:'Sans Culottes','Capture It','sans-serif';color:var(--Rouge)}
    .Intros2{-webkit-transform:rotate(-2deg);transform:rotate(-2deg);
    text-transform:uppercase;font:4em/120%}
    .Intros3{margin-right:-150px;-webkit-transform:rotate(-1deg);transform:rotate(-1deg);
    text-transform:uppercase;font:2em/120%}
    @media only screen and (orientation : portrait) and (max-width:767px){.Intros3{margin-right:0px}}
    .Intros4{-webkit-transform:rotate(-2deg);transform:rotate(-2deg);
    text-transform:uppercase;font:2em/120%;transition:text-shadow 2s linear .1s}
    .Intros4:hover{
    text-shadow:1px 1px var(--Blanc-Casse),-1px -1px var(--Blanc-Casse),-1px 1px var(--Blanc-Casse),1px -1px var(--Blanc-Casse),0 0 10px var(--Noir),0 0 20px #454545}
/*LETTRES NOIRES*/
    .LettresNoires{text-align:center;text-transform:uppercase;font:7vw/150% 'Sans Culottes','Capture It','sans-serif';
    text-shadow: 1px 1px rgba(239,200,100,.02),2px 2px rgba(255,255,255,.01),6px 6px 12px rgba(255,255,255,.02);
    color:rgba(20,17,13,.85)}
    @media only screen and (max-width:768px) and (orientation:portrait){.LettresNoires{font-size:13vw}}
    @media only screen and (max-width:768px) and (orientation:landscape){.LettresNoires{font-size:9vw}}
/*PHRASES VOYANTES*/
    .PhrasesBig,.PhrasesBig2{/*text-align:left;*/font-size:3em;line-height:130%;/*color:var(--Blanc-Casse)*/}
    .PhrasesBig{font-family:'Sans Culottes','Capture It','sans-serif'}
    @media (max-width:480px){.PhrasesBig{font-size:1.9em}}
    @media only screen and (min-width:481px) and (max-width:767px){.PhrasesBig{font-size:2.2em}}
    @media only screen and (min-width:768px) and (max-width:1023px){.PhrasesBig{font-size:1.9em}}
    .PhrasesBig2{font-family:'Dimension Zero','Capture It','sans-serif'}
    /*-------------------------*/
    .PhrasesBigEconomica,.PhrasesBigEconomica3,.PhrasesBigEconomica4{
    font:/*700*/ 2em/120% 'Economica Bold','Bradley Hand','cursive';/*color:var(--Blanc-Casse)*/}
    /*.PhrasesBigEconomica{text-transform:uppercase}*/
    @media only screen and (min-width:481px) and (max-width:767px){.PhrasesBigEconomica{font-size:2.2em}}
    @media only screen and (min-width:768px) and (max-width:1023px){.PhrasesBigEconomica{font-size:1.9em}}
    .PhrasesBigEconomica3,.PhrasesBigEconomica4{
    position:relative;right:-1em;width:81%;
    -webkit-transform:rotate(-2deg);transform:rotate(-2deg);
    background-color:rgba(18, 18, 18, 0.4);text-decoration:underline}
    .PhrasesBigEconomica3{padding:55px 0px 55px 10px}
    .PhrasesBigEconomica4{padding:55px 0px 10px 10px}
    /*-------------------------*/
    .PhrasesBigBradley,.PhrasesBigBradley2,.PhrasesBigBradley3{
    font-weight:bold;line-height:120%;font-family:'Bradley Hand','cursive';/*color:var(--Blanc-Casse)*/}
    .PhrasesBigBradley,.PhrasesBigBradley2{
    text-transform:uppercase;font-size:2em}
    @media only screen and (min-width:481px) and (max-width:767px){.PhrasesBigBradley{font-size:2.2em}}
    @media only screen and (min-width:768px) and (max-width:1023px){.PhrasesBigBradley{font-size:1.9em}}
    .PhrasesBigBradley2{position:absolute;top:11.5em;-webkit-transform:rotate(-2deg);transform:rotate(-2deg);
    text-align:center;z-index:10}
    .PhrasesBigBradley3{position:relative;right:-2em;-webkit-transform:rotate(-2deg);transform:rotate(-2deg);
    font-size:1.7em}
/*TEXTE ROUGE*/
/*texte sous photo Franck et Djay bas de pages articles*/
    .TexteRouge{text-align:right;word-spacing:-.3em;font:500 .6em/160% 'baloo bhai 2','sans-serif';color:var(--Rouge)}
    
/*-------------------------------------------PARAGRAPHES*/
    .p-center {text-align:center;} .p-justify {text-align:justify;} .p-left {text-align:left;} .p-right {text-align:right;}
     
    .FloatLeft{position:relative;float:left;max-width:60%;border-style:none none solid solid;border-width:3px;
    border-color:var(--Noir);padding:15px;/*font-size:1em;color:var(--Noir)*/}
    
    .FloatRight{position:relative;float:right;max-width:58%;border-style:none solid solid none;border-width:3px;
    border-color:var(--Noir);padding:15px;text-align:right;/*font-size:1em;color:var(--Noir)*/}

    .EssaiTexteCGV{border-width:3px;border-color:var(--Jaune);border-style:none solid none none;padding:2em 5em 2em 5em;
    text-align:left;font:.8em/160% 'PT Mono','monospace';color:var(--Blanc-Casse)}
    @media only screen and (max-width:767px) and (orientation:portrait){.EssaiTexteCGV{padding:2em 2em 2em 2em}}
    /*-------------------------*/    
    .backgroundTexte0{box-shadow:0 2px 7px #121212,inset 0 0 #121212;border-width:3px;border-color:rgb(26,26,26);border-style:solid;
    background:radial-gradient(black 15%,transparent 16%)0 0,radial-gradient(black 15%,transparent 16%)8px 8px,
    radial-gradient(rgba(255,255,255,.1)15%,transparent 20%)0 1px,radial-gradient(rgba(255,255,255,.1)15%,
    transparent 20%)8px 9px;background-color:rgba(89,89,89,.2);background-size:16px 16px;padding:.2em 1em .2em 1em;
    text-align:right;font:500 1em/160% 'JohnDoe','PT Mono','monospace';color:var(--Gris-Fonce)}
    /*-------------------------*/
    .backgroundTexte{text-align:right;font:500 1em/160% 'JohnDoe','PT Mono','monospace';color:var(--Blanc-Casse)}
    @media (max-width:767px){
    .backgroundTexte{background:radial-gradient(black 15%, transparent 16%) 0 0,
    radial-gradient(black 15%,transparent 16%)8px 8px,radial-gradient(rgba(255,255,255,.1) 15%,
    transparent 20%)0 1px,radial-gradient(rgba(255,255,255,.1)15%,transparent 20%)8px 9px;
    background-color:rgba(14,14,14,.6);background-size:6px 6px}}
    /*-------------------------*/
    .backgroundTexte2{box-shadow:0 2px 7px #121212,inset 0 0 #121212;border-width:3px;border-color:var(--Blanc);border-style:solid;
    background-color: rgba(89,89,89,.2);padding:.2em 1em .2em 1em;font:1em/160% 'baloo bhai 2','sans-serif';color:var(--Blanc)}
    /*-------------------------*/
    .backgroundTexte3{box-shadow:0 2px 7px #121212,inset 0 0 #121212;border-width:3px;border-color:var(--Blanc);border-style:solid;
    background-color: rgba(89,89,89,.2);padding:.2em 1em .2em 1em}
    /*-------------------------*/
    .backgroundTexte5{text-align:right;font:1.5em/150% 'Economica Italic','JohnDoe','PT Mono Bold','monospace'}

/*-------------------------------------------LISTES*/
/*Page Mots-Clés*/
    .liste-L{text-align:right;text-transform:uppercase;font:italic bold 1.1em 'martel','serif'}
/*Page Conditions générales de vente et … … …*/
    .liste-CGV{text-align:right;text-transform:uppercase;font:bold .7em 'Orbitron','sans-serif'}
    #cc-m-11243853798{background:
    radial-gradient(black 15%,transparent 16%)0 0,radial-gradient(black 15%,transparent 16%)8px 8px,
    radial-gradient(rgba(255,255,255,.1)15%,transparent 20%)0 1px,
    radial-gradient(rgba(255,255,255,.1)15%,transparent 20%)8px 9px;background-color:rgba(18,18,18,0);background-size:16px 16px}

/*-------------------------------------------ARTICLES*/
    /*H4*/
    /*.cc-shop-product-desc h4{font-family:'sans culottes','Capture It','sans-serif'}*/
    /*Info Prix Final*/
    .cc-product-infolink p{display:none}
    /*Prix*/
    .cc-shop-product-price > p{letter-spacing:-.07em;font:1.7em 'PT Mono','monospace'}
    /*Poids*/
    .j-product-weight{font-weight:bold;font-size:.85em;color:#5BB3C7}
    /*Bouton*/
    /*padding:.74em 2em;*//*font:2.2em 'stint ultra condensed','serif';
    transition:box-shadow 2s ease-in .7s, background-color 2s ease-in .3s, color 2.4s ease-in .3s*/
    .j-product .cc-shop-product-desc .cc-shop-addtocard {/*border:solid 3px var(--Jaune)*/;
        /*box-shadow:inset 0 0 20px 0 var(--Gris-Fonce); */text-transform:uppercase; transition:box-shadow 2s ease-in .7s}
    .j-product .cc-shop-product-desc .cc-shop-addtocard:hover {
        box-shadow:inset 0 0 20px 0 var(--Gris-Fonce)/*, 0 0 0 2px var(--Noir), 0 0 0 3px var(--Gris-Fonce)*/}
    @media (max-width:1023px){.cc-shop-addtocard{font-size:2.5em!important}}
    /*Information F.D.P. Offerts*/
    /*.cc-product-infolink.j-product__info__link > p.j-product__info__free-shipping-countries {display:none!important;}
    
/*-------------------------------------------CATALOGUES*/
    /*#cc-m-catalog-___________>div*/
    /*.cc-catalog-container.j-catalog-container.cc-catalog-sliderview.cc-catalog-st-4.cc-catalog-size-4{padding:40px 20px;
    border-width:18px;border-color:rgba(255,255,255,.1);border-style:solid solid none none;
    background:radial-gradient(black 15%,transparent 16%)0 0,radial-gradient(black 15%,transparent 16%)8px 8px,
    radial-gradient(rgba(255,255,255,.1)15%,transparent 20%)0 1px,radial-gradient(rgba(255,255,255,.1)15%,
    transparent 20%)8px 9px;background-color:rgba(38,38,38,.6);background-size:6px 6px;padding:5em 5em 2em 5em}*/
    /*Titres-Description-Prix*/
    /*.cc-product-details .cc-product-title a{text-transform:capitalize;word-spacing:-.3em;
    font:1em/150% 'PT Mono','monospace';color:var(--Blanc)}
    .cc-catalog-container-new .cc-webview-product-price strong{font-weight:500;font-family:'Baloo Bhai 2','sans-serif';color:var(--Blanc)}*/
    /*#cc-m-catalog-___________>div*/
    /*@media only screen and (orientation : portrait) and (max-width:767px){
    .cc-catalog-container.j-catalog-container.cc-catalog-sliderview.cc-catalog-st-4.cc-catalog-size-4{
    border-style:none solid none none;border-width:13px;border-color:rgba(255,255,255,.1);
    padding:1.5em;background:radial-gradient(black 15%,transparent 16%)0 0,radial-gradient(black 15%,transparent 16%)8px 8px,
    radial-gradient(rgba(255,255,255,.1)15%,transparent 20%)0 1px,radial-gradient(rgba(255,255,255,.1) 15%,
    transparent 20%)8px 9px;background-color:rgba(14,14,14,.6);background-size:6px 6px}}*/
    
/*SÉPARATIONS*/
    /*.content-options hr{border-bottom-width:5px;}*/
    /*Noire*/.BandeNoire{border-color:var(--Noir)!important}
    /*Grise*/.BandeGrise{border-color:var(--Gris-Clair)!important}
    /*Blanche*/.BandeBlanche{border-color:var(--Blanc-Casse)!important}
    
/*RESEAUX SOCIAUX COULEURS*/    
    @media (max-width:767px){.cc-sharebuttons-style-colored,#cc-m-12463927298 {display:none;}}

/*NEWSLETTER-CONTACT ANCIEN*/
    /*Conteneur*/
    /*#cc-m-12454529798 {padding-left:0px;}
    #News-Contact {position:relative; bottom:-9px; width:100%;}  
    /*Boutons*//*display:inline-block; vertical-align:bottom; cursor:pointer; height:auto;*/
    /*#souscription,#chat {border:none; border-radius:0px; padding:2px; cursor:pointer;
    background:linear-gradient(var(--Noir), var(--Noir)) left / var(--p,0% 100%) no-repeat;
    transition:.4s, background-position 0s; font:bold 1.2em 'Roboto'; color:var(--Noir)!important;}
    #sib_embed_signup:hover #souscription,#chat:hover {--p:100% 100%; color:var(--Blanc)!important;}
    /*Fenêtre CONTACT*/
    /*#cc-m-12460988098{position:fixed;bottom:57px;right:-4000px;height:60%;
    margin:5px;z-index:5000;background-size:contain;background-repeat:no-repeat;
    background-image:url("https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/img/iphone-160307-640-copie.png?t=1653574805")}
    @media(max-width:288px){#cc-m-12460988098{max-width:200px}}
    @media(max-height:856px){#cc-m-12460988098{position:absolute;top:20%}}
    @media only screen and (orientation : landscape) and (max-width:668px){#cc-m-12460988098{position:absolute;top:35%}}*/
    /*Labels*/
    /*.cc-m-form-text.cc-m-required>label>div{padding:0 3px;background-color:var(--Blanc-Transp)!important}
    .cc-m-required>label{margin-top:48px;margin-left:25px;
    text-shadow:1px 1px #FFF,-1px -1px #FFF,-1px 1px #FFF,1px -1px #FFF,0 0 10px #FFF;
    font:.8em/160% 'Roboto','PT Mono Bold','monospace';color:#000}
     /*Champs*/
    /*#m4876ae61fa297f720,#m4876ae61fa297f721,#m4876ae61fa297f722{margin-left:23px;max-width:222px;
    border-style:none solid solid none;border-width:1px;border-color:#696969;font-size:1em;
    background-color:rgba(18,18,18,.5);line-height:130%;font-family:'Roboto','PT Mono Bold','monospace';color:#FFF}
    /*Confidentialité*/
    /*.cc-m-form-view-input-wrapper>div>label{position:absolute;top:-50px;left:12px;background-color:#fff;
    font-size:.8em!important;font-family:'Roboto','PT Mono Bold','monospace'!important;color:#000!important}
    .cc-m-form-view-input-wrapper>div>label>a{color:#000!important}
    /*Bouton*/
    /*#cc-m-form-12460988098>div.cc-m-form-view-element.cc-m-form-submit>div>input[type=submit]{
    margin-top:2vh;/*transform:translateY(-5%);*//*border:2px #000 solid;padding:8px 21px 6px 21px;
    box-shadow:0 0 #000, inset 0 4px 7px #171717;background-color:rgba(89,89,89,.2);
    text-transform:uppercase;font-size:1.4em;font-family:'Sans culottes','Capture It','sans-serif'!important;
    color:#F7F7F7;
    transition:border 2s linear .3s,box-shadow 1s ease-in .3s,background-color .1s ease-in .1s,
    text-shadow .1s linear .1s,color .1s ease-in .1s}
    #cc-m-form-12460988098 > p{visibility:hidden}
    .cc-m-form-submit>div>input[type="submit"]:hover{
    box-shadow:0 5px 11px #000,inset 0 0 #171717;background-color:#FFF!important;
    text-shadow:1px 1px #000,-1px -1px #000,-1px 1px #000,1px -1px #000,0 0 10px var(--Rouge)}
@media(min-height:322px) and (max-height:800px){#cc-m-12460988098>div.cc-m-form-view-element.cc-m-form-submit
    {position:absolute;bottom:-10%}}
    /*Note : veuillez remplir les champs marqués d'un *.*/
    /*#cc-m-12460988098>p{display:none}
    /*Confirmation envoi*/
    /*.cc-m-confirmationtext{background-color:var(--Blanc-Transp);text-align:center;font-size:1.4rem;color:var(--Noir)}
    
/*NEWSLETTER-CONTACT NOUVEAU (A REVOIR !!)*/
    
    #souscription-newsletter {width:29.5%;}
    .sib-container.rounded .message_area {position:fixed; z-index:2000001;
    top:0; bottom:0; left:0; right:0; margin:auto 0!important; width:auto; height:3em; height:fit-content; border:none!important;
    padding:.625em; background-color:rgba(24,24,24,.1)!important;  -webkit-backdrop-filter:blur(5px) saturate(125%)!important;
    backdrop-filter:blur(5px) saturate(125%)!important; text-align:center;}
    .sib-container.rounded .message_area > button {margin-right:2rem;}
    #sib_loading_gif_area {position:absolute; z-index:9999; display:none;}
    #sib_loading_gif_area > img {display:block; margin-left:auto; margin-right:auto; position:relative; top:40%;}
    #email {width:100%; border:3px solid var(--Noir); padding:9px 10px;
    background-color:rgba(0,0,0,0); text-align:center; font-size:1em;}
    .lbl-tinyltr {padding:5px 0px;}
    #chat, #souscription {margin-bottom:2px; border:none; border-radius:0px; padding:2px 2px 2px 0; font:1.2em 'Roboto Black';}
    #chat span {font-size:.8em;}
    
    /*Container Général*/
    #cc-m-12462007998 {height:632px; padding:0px; background-size:contain; background-repeat:no-repeat;
    background-image:url("https://image.jimcdn.com/app/cms/image/transf/dimension=312x10000:format=png/path/sa5105262bd2319e0/image/i4bceed68dda9eb2c/version/1698270420/image.png");}
    /*Container Messagerie*/
    .cc-m-form-view-sortable {max-width:247px; margin:60px 0 0 30px;}
    /*Nom Email Message*/
    #m85c07b8f37f4f2b30,#m85c07b8f37f4f2b31,#m85c07b8f37f4f2b32{border:solid; border-width:1px; border-color:var(--Noir);}
    /*Nom Email*/
    #m85c07b8f37f4f2b30,#m85c07b8f37f4f2b31{width:inherit;}
    /*Nom*/
    #m85c07b8f37f4f2b30{margin:5px 0 0;}
    /*Confidentialité*/
    #cc-m-form-11945415598 > div.cc-m-form-view-element.cc-m-form-submit > div > div > label {margin-left:18px;}
    /*Bouton*/
    #cc-m-form-11945415598 > div.cc-m-form-view-element.cc-m-form-submit > div > input[type=submit] {
    margin-left:50px; border-radius:18px; background:linear-gradient(225deg, var(--Blanc), var(--Gris-Clair));
    box-shadow:-4px 4px 8px var(--Gris-Moyen), 4px -4px 8px var(--Blanc);
    transition:background 2s linear 2s,box-shadow 2s ease-in 2s;
    text-transform:uppercase; font-size:1em; color:var(--Noir);}
    #cc-m-form-11945415598 > div.cc-m-form-view-element.cc-m-form-submit > div > input[type=submit]:hover {
    border-radius:18px; background:linear-gradient(225deg, var(--Gris-Clair), var(--Blanc));
    box-shadow:-4px 4px 8px var(--Gris-Moyen),4px -4px 8px var(--Blanc);}
    /*Note asterix rouges*/
    #cc-m-form-11945415598 > p {display:none;}
    /*Confirmation envoi*/
    .cc-m-confirmationtext {background-color:var(--Blanc-Transp); text-align:center; font-size:1.4rem; color:var(--Noir)}
    
    #cc-m-12462007998 {position:fixed; bottom:57px; right:-4000px; height:60%; margin:5px;  z-index:5000;}
    @media(max-width:288px) {#cc-m-12462007998 {max-width:200px;}}
    @media(max-height:856px) {#cc-m-12462007998 {position:absolute;top:20%;}}
    @media only screen and (orientation : landscape) and (max-width:668px) {#cc-m-12462007998 {position:absolute; top:35%;}}

/*---------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------SIDEBAR---------------------------------------------------------------------*/
/*DESIGN*/
    .sidebar-options {border-top:solid 5px var(--Noir-Moyen);}
    
/*DIMENSIONS*/
    .jtpl-sidebar__inner {min-width:100%; padding:0}
    .jtpl-sidebar__inner .j-htmlCode {padding:0;}
    
 /*INFOS-1*/
    .sidebar-infos-1 {border-bottom:solid 5px var(--Blanc); background-color:var(--Noir); color:var(--Blanc);}
    .sidebar-infos-1 > div {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:start;
    box-sizing:border-box; width:80%; margin:auto; padding:65px 5px 10px; font-size:.85em;}
    div.sidebar-translate {z-index:2; padding-bottom:20px;}/*translate*/
    div.sidebar-translate img[alt~="Drapeau"] {width:100%; max-width:25px;}
    div.sidebar-présentation {padding-bottom:20px;}/*présentation*/
    .sidebar-présentation.p-right a {text-decoration:none;}
    .sidebar-présentation.p-right img {width:100%; max-width:162px; border-radius:81px;
    filter: drop-shadow(0px 0px 5px rgba(255,255,255,.5));}/*Franck et Djay*/
    .sidebar-présentation.p-right figcaption {margin-top:10px;}
    .sidebar-présentation.p-right p:nth-child(3) {padding-bottom:50px;}/*côte Ouest*/
    .sidebar-présentation.p-right p:nth-child(4) span {line-height:120%;}
    .sidebar-présentation.p-right p:nth-child(4) span {font-size:1.8em;}/*visite*/
    .sidebar-présentation.p-right p:nth-child(4) span span {font-size:1.8em;}/*nos coulisses*/
    .sidebar-infos-1:hover .sidebar-présentation.p-right p:nth-child(4) {font-family:'Sans Culottes';}
    .sidebar-présentation.p-right p:nth-child(4) span span:hover:before {content:"._"; color:var(--Rouge);}
    .sidebar-présentation.p-right p:nth-child(5) {position:absolute; bottom:-2.2em; left:5px; font-size:.59em;}/*img background*/
    .sidebar-présentation.p-right p:nth-child(5) > span {display:inline-block; border-style:none solid solid;
    border-width:5px; border-color:var(--Blanc); background-color:var(--Noir); padding:3px 3px 3px;}
    
    /*LISTE PAYS*/
    .sidebar-pays {position:fixed; top:-.1%; left:-2%; font-size:.5em; line-height:120%; color:rgba(255,255,255,.1);}
    @media only screen and (orientation : landscape) and (min-width:2500px) {.sidebar-pays {font-size:1.6em;}}
    @media only screen and (orientation : landscape) and (min-width:1601px) {.sidebar-pays {max-width:18%;}}
    @media only screen and (orientation : landscape) and (max-width:1600px) {.sidebar-pays {max-width:15%;}}
    @media only screen and (orientation : landscape) and (max-width:1440px) {.sidebar-pays {max-width:19%;}}
    @media only screen and (orientation : landscape) and (max-width:1366px) {.sidebar-pays {max-width:15%;}}
    @media only screen and (orientation : landscape) and (max-width:1280px) {.sidebar-pays {max-width:19%; font-size:.95em;}}
    @media only screen and (orientation : landscape) and (max-width:1024px) {.sidebar-pays {max-width:15%;}}
    @media only screen and (orientation : landscape) and (max-width:960px) {.sidebar-pays {max-width:19%;}}
    @media (orientation : portrait) {.sidebar-pays {display:none;}}
    @media (max-width:768px) {.sidebar-pays {display:none;}}
    
/*Loeil-Brocante*/
    #cc-m-12458529498 > p {position:absolute; bottom:-10px; left:30px; z-index:-1;}
    .Copyright {display:block; position:relative; top:1.5vw; margin-left:.5vw; word-spacing:-.2em;
    font-size:1.44vw; font-family:'PT Mono','monospace'; color:var(--Gris-Tres-Clair);}
    #OnlyTime > span {display:inline-block; position:relative; left:40px;
    bottom:201px; font-family:'Roboto Black'; color:var(--Noir);}
    #OnlyTime > span > span:nth-child(1) {font-size:.7em;}
    #OnlyTime > span > span:nth-child(3) {font-size:1.1em;}
    #OnlyTime > span > span:nth-child(5) {font-size:.8em;}
    .Loeil {text-shadow:5px 10px rgba(18,18,18,.6), 3vw 1vw rgba(203,203,203,.5); text-decoration:underline;
    font-family:'Acid Label II','sans-serif'; font-size:5vw; color:rgba(234,234,234,.85)!important;}
    a.Loeil {text-decoration:none!important;}
    a.Loeil > span {background:linear-gradient(var(--Noir), var(--Noir)) left / var(--p,0% 100%) no-repeat;
    transition:.3s, background-position 0s;}
    a.Loeil > span:hover {--p:100% 100%; padding-right:3vw;
    text-shadow:1px 1px var(--Noir), 5px 10px rgba(18,18,18,.6), 3vw 1vw #EDEDED; color:var(--Blanc)!important;}
    @media (max-width:1024px) {.Copyright {font-size:1.73vw!important;} .Loeil {font-size:6vw!important;}}
    @media only screen and (orientation:portrait) and (max-width:767px) {
    .Copyright {font-size:2.63vw!important;} .Loeil {font-size:9vw!important;}}

 /*INFOS-2*/
    .sidebar-infos-2 {border-top:solid 5px #FFF; background-color:rgba(255,255,255,.94);}
    .sidebar-colonne-1, .sidebar-colonne-5 {width:22%;}
    .sidebar-colonne-3 {width:30%;} .sidebar-colonne-2, .sidebar-colonne-4 {width:11%;}
    .sidebar-infos-2 a:hover {color:var(--Rouge)!important;}
    .sidebar-infos-2 img {width:100%; max-width:400px;}
    .sidebar-infos-2 > div:nth-child(1) {width:80%; margin:auto; padding:0 5px;}/*loeil-brocante vibible*/
    .sidebar-infos-2 > div:nth-child(1) > p > a:nth-child(4) {display:inline-block; padding-left:5px; opacity:.1;}/*compteur*/
    .sidebar-infos-2 > div:nth-child(3) {box-sizing:border-box; width:80%; margin:auto; padding:0 5px; font-weight:bold;}/*grille*/
    .Jours,.Suivis {margin-bottom:18px; border-width:3px; border-color:var(--Noir); padding:10px 15px 15px;}
    .Jours {border-style:none none solid solid;}
    .Objets {margin:15px 0; font-size:.7em; color:var(--Rouge);}
    .Paiements {margin-bottom:5px; padding:10px 15px 15px;}
    .Partage {position:relative; bottom:15px; margin-bottom:50px; font-size:.7em;}
    .Scamadviser {font-size:.8em;}
    .Scamadviser a {text-decoration:none!important; color:#181818!important;}
    .Suivis {border-style:none solid solid none;}
    .Jours > span:nth-child(1), .Paiements > span:nth-child(1), .Suivis > span:nth-child(1) {font-size:.7em;}
    .Jours > span:nth-child(3), .Paiements > span:nth-child(3), .Suivis > span:nth-child(3) {font-size:1.2em;}
    .Jours > span:nth-child(5), .Paiements > span:nth-child(5), .Suivis > span:nth-child(5) {font-size:1.875em;}
    @media (max-width:1280px) {.sidebar-colonne-1, .sidebar-colonne-5 {width:33%!important;}
    .sidebar-colonne-3 {width:33%!important;} .sidebar-colonne-2, .sidebar-colonne-4 {width:5%!important;}}
    
        
    /*TESTS POP-UP*/
    #bouton-promos {margin:.665rem auto 0; border:solid 5px #181818;
    padding-top:.665rem; padding-bottom:.665rem; text-transform:uppercase;
    font:bold 1.5em/150% 'Roboto','sans-serif','google';}
    /*#bouton-promos {background:linear-gradient(var(--Blanc), var(--Blanc)) left / var(--p,0% 100%) no-repeat;
    transition:400ms, background-position 0s; background-color:var(--Noir); color:var(--Blanc);}
    #bouton-promos:hover {--p:100% 100%; color:var(--Noir);}*/
    .tonDiv {display:none; z-index:2000001; position:fixed; top:0; bottom:0; left:0; right:0; margin:auto 0;
    width:auto; height:fit-content; /*FIREFOX …*/height:18.75em/*300px … F*/;
    border:1px rgba(255,255,255,.2) solid; padding:.625em; background-color:rgba(24,24,24,.1);
    -webkit-backdrop-filter:blur(5px) saturate(125%); backdrop-filter:blur(5px) saturate(125%);
    text-shadow:-1px 1px var(--Noir); color:var(--Blanc);}
    .tonDiv button {float:right; /*cursor:pointer; */border:none; padding-bottom:.625em; background-color:rgba(0,0,0,0);
    text-shadow:-1px 1px var(--Noir); color:var(--Blanc);}
    .tonDiv p {clear:both; margin:.625em auto; padding:.625em; box-shadow:inset 0 0 5px var(--Blanc);
    background-image:radial-gradient(circle, rgba(24,24,24,0.5396533613445378) 26%, rgba(239,200,100,0.26514355742296913) 100%),
    url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/img/people-4894818-1280-1.png?t=1703199937');
    background-position:10%; background-repeat:no-repeat; background-size:cover; font:normal .8em/200% 'Roboto';}
    .tonDiv button, .tonDiv p span {font:1.2em/70% 'Sans Culottes','sans-serif';}
    @media (min-width:25.625em) {.tonDiv div, .tonDiv p {width:clamp(/*560px,*/241px,1000px,50vw); margin:0 auto;}}
    
    /*POP-UP*//*OK*/
    /*#cc-m-12465152198/*pop-up-panier*//*, #cc-m-12465152298/*pop-up-promos*/#rr {z-index:2000001; /*box-sizing:content-box;*/
    position:fixed; top:0px; bottom:0px; left:0px; right:-625em/*10000px*/;margin:auto;
    /*FIREFOX …*//*width:-moz-fit-content*/; height:18.75em/*300px … F*/; width:auto/*fit-content*/; height:fit-content;
    border:1px rgba(255,255,255,.2) solid; padding:.625em; background-color:rgba(24,24,24,.1);
    -webkit-backdrop-filter:blur(5px) saturate(125%); backdrop-filter:blur(5px) saturate(125%);}
    .fermeture-X {cursor:pointer; font:1.3em/150% 'Sans Culottes','sans-serif'; color:var(--Noir);}
    .p-panier, .p-promos {padding:.625em; box-shadow:inset 0 0 5px var(--Blanc);
    background-image:radial-gradient(circle, rgba(24,24,24,0.5396533613445378) 26%, rgba(239,200,100,0.26514355742296913) 100%),
    url('https://u.jimcdn.com/cms/o/sa5105262bd2319e0/userlayout/img/people-4894818-1280-1.png?t=1703199937');
    background-position:10%; background-repeat:no-repeat; background-size:cover;
    font:normal .8em/200% 'Roboto'; text-shadow:-1px 1px var(--Noir); color:var(--Blanc);}
    /*.p-promos > span {font:1.2em/70% 'Sans Culottes','sans-serif';}
    /*{#cc-m-12465152198, #cc-m-12465152298 {width:100vw; margin:0 auto;}*/
    @media (min-width:25.625em) {  
    .fermeture-X, .p-panier, .p-promos {width:clamp(/*560px,*/241px,1000px,50vw); margin:0 auto;}}
    /*410px/25.625em*/
    /*@media (orientation:portrait) and (max-width:25.625em) {#cc-m-12465152198, #cc-m-12465152298 {width:92%;}}*/
    /*@media (orientation:portrait) and (max-height:53.438em) {.p-panier, .p-promos {font-size:2.2vmax}}
    @media (orientation:landscape) and (max-width:47.99em) {.p-panier, .p-promos {font-size:3.5vmin}}
    
    /*(auparavant 319-767px)410-767px*/
    /*@media (min-width:25.625em) and (max-width:47.99em) {#cc-m-12465152198, #cc-m-12465152298 {width:75%;}}
    
    /*768-2960px (Galaxy Tab S8 Ultra)*/
    /*@media (min-width:48em) and (max-width:185em) {#cc-m-12465152198, #cc-m-12465152298 {width:50%;}*/  
    /*768-2960px (Galaxy Tab S8 Ultra)*/
    /*@media (min-width:48em) and (max-width:185em) {#cc-m-12465152198, #cc-m-12465152298 {width:100vw;}  
    .fermeture-X, .p-panier, .p-promos {width:clamp(560px,1000px,50vw); margin:0 auto;}}*/
    /*768-2960px (Galaxy Tab S8 Ultra)*/
    
    
    
    /*2961px*/
    /*@media (min-width:185.063em) {#cc-m-12465152198, #cc-m-12465152298 {width:30%;}}
    
    /*POP-UP : box-shadow:0 3px 9px #0E0E0E, inset 0 0 7px #121212;*//*border:3px #4F4F4F solid;*/
    /*.p-panier, .p-promos : box-shadow:inset 0 0 3px #505050;*//* border:1px solid #555;*/
    /*background-color:var(--Noir-Mi-Moyen);*//*background-color:rgba(18,18,18,.5);*//*background-color:var(--Noir);*/
    /* VOIR AUSSI : https://stackoverflow.com/questions/19467693/how-to-make-popup-look-at-the-centre-of-the-screen */
    /*#cc-m-12465152198, #cc-m-12465152298 {
    visibility:hidden; display:none; position:fixed;
    top:50%; left:50%; transform:translate(-50%, -50%); width:50%;}
    OU AVEC WIDTH & HEIGHT DE 18,750em
    top:calc(50% - 9.375em); left:calc(50% - 9.375em)
    #cc-m-12465152198:target,  #cc-m-12465152298:target {visibility:visible; displayblock;}*/
    
/*TAILLE*/
    /*.MaxW {max-width:100%;}
 
/*---------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------FOOTER----------------------------------------------------------------------*/
/*DIMENSIONS*/
    .jtpl-footer__inner {min-width:80%; padding:50px 5px;}
/*DESIGN*/
    .footer-options {border-top:5px var(--Noir-Moyen) solid;}
/*CONTENU*/
    #contentfooter {text-transform:uppercase; font-weight:bold;}
/*LIENS*/  
    @media (min-width:768px) {.j-meta-links {width:80%;}}
/*RETOUR HAUT DE PAGE*/
    .cc-FloatingButtonBarContainer {right:1vmin; bottom:1vmax;}
 
/*---------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------PANIER----------------------------------------------------------------------*/

/*POP-UP PANIER*/
    .j-cart.is-empty {display:none} .j-cart--hover-popup--cart-sum > p:nth-child(1) {text-decoration:line-through}
    
/*PagesPanierBoutons*//*OK*/
    /*Valider*/
    .j-checkout__button--coupon, #cc-checkout-submit-0, #cc-checkout-submit-1, #cc-checkout-submit-2
    {margin:15px; box-shadow:0 0 var(--Noir-Profond),inset 0 3px 7px var(--Gris-Fonce); border:3px #4F4F4F solid; border-radius:7px;
    background-color:rgba(18,18,18,.2); text-shadow:0 0 0 var(--Noir-Profond); text-transform:uppercase; line-height:1.9em;
    font-size:1.6em; font-family:'Sans Culottes','Capture It','sans-serif'; color:var(--Blanc);
    transition:box-shadow 1s ease-in .3s,border 2s linear .3s, background-color 1s ease-in .3s, text-shadow 1.3s linear .7s,
    color 1s ease-in .3s}
    .j-checkout__button--coupon:hover, #cc-checkout-submit-0:hover, #cc-checkout-submit-1:hover, #cc-checkout-submit-2:hover
    {box-shadow:0 3px 9px var(--Gris-Fonce), inset 0 0 #121212; border:3px #666 solid; background-color:rgba(89,89,89,.2);
    text-shadow:1px 1px var(--Noir-Profond), -1px -1px var(--Noir-Profond), -1px 1px var(--Noir-Profond),
    1px -1px var(--Noir-Profond), 0 0 10px var(--Blanc)}
    /*FilArianne*/
    #cc-checkout-steps {text-transform:uppercase; font-size:1.2em; font-family:'Sans Culottes','Capture It','sans-serif';
    color:var(--Blanc)}
    /*TexteRéductions*/
    .j-checkout__products-subtotal-label:before {visibility:visible; color:var(--Jaune); content:
    'Codes: 50-100€ entrez -10% / 101-150€ entrez -15% / 151€ et + entrez -20%  '}
    
    /*ANIMATIONS*/
    [aos="fade"] {opacity:0; transition-property:opacity;}
    [aos="fade"].aos-animate {opacity:1;}
    
    /*
    Equivalences PX-EM-REM 16px = 1em = 1.6rem

    .html {box-sizing:border-box;}
    *, *:before, *:after {box-sizing:inherit;}
    
    Fond flou
    div.jtpl-section-main__inner.cc-content-parent*//*.content-options*//*.jtpl-content{
    -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);}
    
    HTML H2
    <span><span><span>TEXTE_1<\/span> <span>&#160;- TEXTE_2 -<\/span><\/span><br /><span>TEXTE_ ----------- _3<\/span><\/span>
    */

/*]]>*/
</style>