@charset "utf-8";
@font-face {font-family:"Impact";src:url("impact.ttf");}
@font-face {font-family:"URWdebase";src:url("URWGeometricRegular.otf");}
@font-face {font-family:"URWgras";src:url("URWGeometricBold.otf");}
@font-face {font-family:"URWblack";src:url("URWGeometricBlack.otf");}
@font-face {font-family:"Lumios";src:url("Lumios Marker.otf");}

:root{
    --rouge:#e31e24;
    --bleu:#25264f;
    --bleu-clair:#008dd2;
    --jaune:#f5a123;
    --bronze:#cd7f32;
    --bronze-translucide:rgb(205 127 50 / 65%);
    --argent:#f4f5f5;
    --argent-translucide:rgb(244 245 245 / 65%);
    --or:#dcb253;
    --or-translucide:rgb(220 178 83 / 65%);
    --vert:#a1c43f;
    --noir:#000;
    --blanc:#FFF;
    --blanc-translucide:rgb(255 255 255 / 65%);
    --gris:#dadada;
    --gris-clair:#f4f5f5;
    --gris-fonce:#4e4d4c;
}
html {box-sizing:border-box;}
*, *:before, *:after {box-sizing: inherit;}
body{overflow-x:clip;margin:0px;font-family:'URWdebase',sans-serif;font-size:14px;color:var(--bleu);height:100vh;display:flex;flex-direction:column;background-color:#FFF;}
a{text-decoration:none;color:inherit;}
fieldset{border:1px solid;padding:10px;margin-top:20px;margin-left:0;}
.pastille, .sujet, .standard, .ruban{overflow:auto;max-height:330px;}
.pastille label, .sujet label, .standard label, .ruban label{text-align:center;margin-bottom:20px;width:125px;display:inline-grid;}
.pastille label img, .sujet label img, .standard label img, .ruban label img{margin:auto;}
legend{padding:20px 2px;}
p{margin:10px;}
form{width:100%;}
label{text-align:left;display:block;margin-top:10px;}
input:focus{outline:none;}
input::placeholder{color:#454545;}
input, textarea{padding-left:10px;}
input[type="text"], input[type="tel"], input[type="date"], input[type="email"], input[type="password"]{font-family:'URWdebase', sans-serif;border:1px solid #ccc;height:35px;width:100%;}
input[type="number"]{text-align:center;font-family:'URWdebase', sans-serif;border:1px solid #ccc;height:35px;margin:0 10px;}
select{font-family:'URWdebase', sans-serif;width:100%;border:1px solid #ccc;height:35px;color:#454545;}
textarea{width:100%;border:1px solid #ccc;height:100px;}
button:focus{outline:none;}
::placeholder {color:inherit;opacity:1;}/* Firefox */
:-ms-input-placeholder {color:inherit;}/* Internet Explorer 10-11 */
::-ms-input-placeholder {color:inherit;}/* Microsoft Edge */
h1, h2{font-weight:normal;padding-block-start:0em;padding-block-end:0.5em;margin:0;line-height:1.2em;}
h2{padding:0;}
h2 img{height:35px;margin-left:15px;}
h3{margin:0;padding:10px 0;font-weight:normal;}
hr{border:0; border-top:1px solid;margin:0px;}
.hr{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0;text-align:center;padding:0;}
.hr::before{content:'';-webkit-box-flex:0.1;-moz-box-flex:0.1;-webkit-flex:0.1;-ms-flex:0.1;flex:0.1;margin:0 .25em;border-bottom:10px dotted var(--gris-clair);padding-top:7px;}

#sidr{display:none;}
#mask{display:none;background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:0.8;z-index:999;}
#menuMobile{display:none;}
#ariane{width:100%;margin:auto 40px;padding:20px;color:var(--bleu)}
#ariane a:hover{text-decoration:underline;color:var(--jaune)}
#retourHaut{position:fixed;z-index:100;bottom:20px;right:50px;opacity:0;}
#header{width:100%;display:inline-block;z-index:2;}
#headerBandeHaut{width:100%;padding:5px;}
#headerBandeCentre{width:100%;display:flex;height:120px;}
#headerBandeBas{width:100%;height:35px;}
.headerCentreScroll{animation-name:headerCentreShow;animation-duration:.5s;position:fixed;height:72px !important;top:0;}
.headerBasScroll{animation-name:headerBasShow;animation-duration:.5s;position:fixed;top:72px;}
.headerGap{margin-top:181px !important;}
#logo{width:142.45px;margin:10px 0 10px 54px;}
#logo a{display:flex;height:100%;}
#logo img{transition:width 0.1s ease-in-out 0s;-o-transition:width 0.1s ease-in-out 0s;-webkit-transition:width 0.1s ease-in-out 0s;margin:auto;height:inherit;}
#log{position:absolute;right:10px;}
#baseline{margin:auto 0;margin-left:15px;background-image:url(../img/fond-baseline.svg);background-position:center;background-repeat:no-repeat;background-size:80%;padding:20px 0;font-family:'Impact';font-size:1.15vw;}
#headerMenu{margin:auto;margin-right:54px;display:flex;gap:30px;}
#headerBackground{height:300px;width:100%;position:fixed;top:0px;z-index:-2;background-size:cover;}
#headerBackground{opacity:0;}
#headerBackground.is-ready{opacity:0.3;transition-duration:500ms;}

.menuGauche{list-style-type:none;display:flex;height:40px;margin:auto; float:left;}
.menuDroite{list-style-type:none;display:flex;height:40px;margin:auto 50px auto 0;float:right;}
#cssmenu{text-transform:uppercase;display:flow-root;position:inherit;z-index:2;width:100%;padding-left:58px;}
#cssmenu > ul{list-style-type:none;margin:auto;padding:0;height:35px;}
#cssmenu > ul li#responsive-tab{display:none;}
#cssmenu > ul li{display:flex;z-index:2;background-color:var(--bleu);}
#cssmenu > ul li a{display:block;text-decoration:none;color:var(--blanc);padding:9px 20px;width:100%;margin:auto;}
#cssmenu > ul li span{display:block;text-decoration:none;color:var(--blanc);padding:9px 20px;width:100%;margin:auto;}
#cssmenu > ul li a.active, #cssmenu > ul li a:hover{background-color:var(--bleu-clair);color:var(--blanc);}
#cssmenu > ul li span:hover{background:var(--bleu-clair);color:var(--blanc);}
#cssmenu > ul li.has-sub{position:relative;z-index:2;}
#cssmenu > ul li.has-sub:hover ul{display:block;}
#cssmenu > ul li.has-sub ul{display:none;position:absolute;margin:0;padding:0;margin-top:35px;list-style-type:none;width:100%;}
#cssmenu > ul li.has-sub ul li{display:flex;padding:0px;border:none;border-top:1px solid var(--blanc);background-color:var(--bleu-clair);}
#cssmenu > ul li.has-sub ul li a{color:var(--blanc);}
#cssmenu > ul li.has-sub ul li a:hover{color:var(--blanc);}

.sousMenu{padding:20px 40px;place-content:normal;}
.margeMenu{margin-top:35px;}

#panierTotal{position:absolute;padding:4px;border-radius:20px;aspect-ratio:2.8/1;text-align:center;right:5px;top:8px;}
#container{width:100%;margin-bottom:auto;}
#container{width:100%;margin:0 0 auto;margin-bottom:30px;}
#container{opacity:0;}
#container.is-ready{transition:opacity 500ms;opacity:1;}
#containerGauche{width:100%;max-width:500px;margin:0 auto;}
#containerDroite{width:90%;}
#footer{width:100%;position:relative;}
#footer div{padding:5px;}
#footer ul{margin:0;padding-inline-start:0;list-style:none;}

#marquagePlaque, #marquagePerso{display:inline-grid;margin-left:26px;margin-top:5px;}

.buttonOnglet{border:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;display:inline-flex;padding:10px;margin:10px;width:100%;max-width:fit-content;}
.buttonOnglet:hover{opacity:0.8;}
.buttonOnglet div{margin:auto;display:flex;border: 3px solid;border-color:inherit;}
.buttonOnglet div span{margin:auto;padding:5px;}

.ligneOver{background-color:#FFF;}
.ligneOver:hover{background-color:#eef9fb;}
.ancre:before { display:block;content:" ";margin-top:75px;height:75px;visibility:hidden;}
.lien:hover{text-decoration:underline;}
.spacer{clear:both;display:block;padding:20px;}
.mobile{display:none;}
.menuPortable{display:none;}
.popup{display:none;background:#FFF;padding:10px;border:2px solid #ddd;float:left;position:fixed;top:50%;left:50%;z-index:99999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px 3px 3px 3px;width:100%;max-width:310px;}
.close{cursor:pointer;position:relative;margin-bottom:10px;display:block;text-align:right;}
.x0{font-size:0.8rem;}
.x1{font-size:1rem;}
.x2{font-size:1.5em;}
.x3{font-size:2.5em;}
.x4{font-size:4em;}
.x5{font-size:5em;}
.x7{font-size:7em;}
.rouge{color:var(--rouge);}
.rougeFond{background-color:var(--rouge);}
.jaune{color:var(--jaune);}
.jauneFond{background-color:var(--jaune);}
.vert{color:var(--vert);}
.vertFond{background-color:var(--vert);}
.bleu{color:var(--bleu);}
.bleuFond{background-color:var(--bleu);}
.bleuClair{color:var(--bleu-clair);}
.bleuClairFond{background-color:var(--bleu-clair);}
.gris{color:var(--gris);}
.grisFond{background-color:var(--gris);}
.grisFonce{color:var(--gris-fonce);}
.grisFonceFond{background-color:var(--gris-fonce);}
.grisClair{color:var(--gris-clair);}
.grisClairFond{background-color:var(--gris-clair);}
.grisTranslucideFond{background-color:var(--gris-translucide);}
.blanc{color:var(--blanc);}
.blancFond{background-color:var(--blanc);}
.blancTranslucideFond{background-color:var(--blanc-translucide);}
.noir{color:var(--noir);}
.noirFond{background-color:var(--noir);}

.typoTitre{font-weight:700;}
.gras{font-family:'URWgras', sans-serif;}
.majuscule{text-transform:uppercase;}
.centre{text-align:center;}
.gauche{text-align:left;}
.droite{text-align:right;}
.justifier{text-align:justify;}
.souligner{text-decoration:3px underline;text-underline-position:under;}
.espaceM{margin:0 10px;}
.espaceP{padding:0 10px;}
.parDefaut{clear:both;}
.fixe{position:fixed;}
.visible{display:block !important;}
.invisible{display:none;}
.ombre{box-shadow: 0px 8px 6px 0px #ababab;}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.titre{font-family:'URWblack',sans-serif;padding-top:10px;}
.titreMenu{font-family:'URWgras',sans-serif;}
.manuscrit{font-family:'Lumios',sans-serif;}
.headerCol{display:grid;grid-template-columns:repeat(3, 1fr);margin:0 54px;}
.box{padding:5px;display:inline-block;margin:auto;margin-right:3vw;}
.filtre{list-style:none;}
.filtre li{display:flex;padding:2px 0;align-items:center;}
.filtre li span{width:100%;}
.filtre:hover{cursor:pointer;}
.filtre li:hover{cursor:pointer;background-color:var(--gris-clair);}

.pictoServices{padding:25px 0 0;display:flex;zoom:1.5;}
.slideIndex{height:255px;background-size:cover;background-repeat:no-repeat;}
.slideIndex span{width:50%;height:inherit;display:grid;padding:8% 15px;}
.slideIndex h2{margin:0 0 5px; padding:0;}
.slideIndex h3{margin:0; padding:0;}
.cacheBronze span{background-color:var(--bronze);}
.cacheBronze span h2{color:var(--blanc);}
.cacheBronze span h3{color:var(--bleu);}
.cacheArgent span{background-color:var(--argent);}
.cacheArgent span h2{color:var(--bleu);}
.cacheBlanc span h3{color:var(--bleu);}
.cacheOr span{background-color:var(--or);}
.cacheOr span h2{color:var(--blanc);}
.cacheOr span h3{color:var(--bleu);}
/*
.cacheBronze:hover > span{background-color:var(--bronze-translucide);}
.cacheArgent:hover > span{background-color:var(--argent-translucide);}
.cacheOr:hover > span{background-color:var(--or-translucide);}
*/
.cacheBlanc:hover > span{background-color:var(--argent-translucide);}
.cacheRouge:hover > span{background-color:var(--or-translucide);}
.cache{width:inherit;}
.cache p{margin:auto;text-align:center;padding:5px;border-radius:25px;transform:translateY(330px);opacity:0;}
.cache:hover p{transform:translateY(0px);transition-duration:200ms;opacity:1;}
.newsletter{background-image:url(../img/newsletter.jpg);background-size:cover;background-position:center;height:370px;}
.mini{height:355px;overflow:hidden;transition-duration:200ms;}
.max{height:auto;transition-duration:200ms;}
.contour{border:1px solid;}
.contourTop{border-top:1px solid;}
.contourBottom{border-bottom:1px solid;}
.galerie{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:10px;column-gap:100px;padding:0 30px;}
.galerie1{display:grid;grid-template-columns:repeat(1, 1fr);grid-gap:10px;padding:10px;}
.galerie2{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:20px;padding:10px 0 0;}
.galerie2b{display:grid;grid-template-columns:repeat(2, 1fr);}
.galerie2c{display:grid;grid-template-columns:repeat(2, 1fr);margin-right:7.5vw;margin-top:1.5vw;margin-bottom:2vw;}
.galerie2d{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:5px;}
.galerie3{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:3vw;padding:10px 5vw;}
.galerie3b{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:15px;padding:40px;}
.galerie3c{display:grid;grid-template-columns:repeat(3, 1fr);width:100%;max-width:500px;}
.galerie3d{display:grid;grid-template-columns:repeat(3, 1fr);padding-top:10px;}
.galerie3c span{margin:auto;}
.galerie4{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:30px;column-gap:100px;padding:0 30px;}
.galerie4b{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:10px;padding:10px;}
.galerie4c{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:10px;padding:10px;}
.galerie5{display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:10px;padding:10px;}
.galerie6{display:grid;grid-template-columns:repeat(6, 1fr);grid-gap:10px;padding:10px;}
.galerie6b{display:grid;grid-template-columns:repeat(6, 1fr);}
.galerie7{display:grid;grid-template-columns:repeat(7, 1fr);grid-gap:10px;padding:10px;}
.galerie8{display:grid;grid-template-columns:repeat(8, 1fr);grid-gap:10px;padding:10px;}
.galerie9{display:grid;grid-template-columns:repeat(9, 1fr);grid-gap:20px;padding:10px;}
.galerie10{display:grid;grid-template-columns:repeat(10, 1fr);grid-gap:10px;padding:10px;}
.galerie10 div{padding:3px;}
.galerie10 div:hover{background-color:var(--rouge);}
.galerieDetail{width:100%;max-width:120px;position:absolute;bottom:50px;left:40%;}
.galerieImage img{border:2px solid;border-radius:50%;margin:10px;width:100px !important;height:100px;}
.rowTexte{column-width:200px;column-gap:30px;padding:10px 25px;}
.colMenu{column-width:200px;column-gap:30px;padding:0 25px;}
.menuIntro{break-after:column;display:grid;align-content:space-between;aspect-ratio:1/1;}
.miniature{width:100%;aspect-ratio:1/1;background-size:contain;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;padding:10px;margin:10px;text-align:center;}
.miniature2{width:100%;aspect-ratio:1.5/1;background-size:contain;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;padding:10px;text-align:center;}
.miniature3{width:100%;aspect-ratio:1/1;background-size:contain;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;text-align:center;}
.miniatureChoix{width:100%;aspect-ratio:1/1;background-size:contain;background-position:center;background-repeat:no-repeat;justify-content:space-around;display:flex;flex-direction:column;padding:10px;text-align:center;}
.miniatureInfos{opacity:0;}
.miniature:hover{background-color:rgb(96 125 139 / 70%);background-blend-mode:multiply;transition-duration:500ms;}
.miniature:hover .miniatureInfos{opacity:1;transition-duration:500ms;}
.button{border:none;cursor:pointer;display:inline-flex;padding:10px 25px 5px;margin:10px;width:100%;max-width:fit-content;}
.button:hover{padding:10px 30px 5px;}
.button div{margin:auto;display:flex;border: 3px solid;border-color:inherit;}
.button div span{margin:auto;padding:5px;}
.button2{border:none;cursor:pointer;display:inline-flex;padding:10px 25px 5px;margin:0;margin-right:20px;margin-bottom:10px;width:100%;max-width:fit-content;}
.buttonPanier{border:none;cursor:pointer;display:inline-flex;padding:20px 25px;margin:10px;width:100%;max-width:fit-content;}
.buttonPanier:hover{padding:18px 23px;border:2px solid #fff;box-shadow: 0px 0px 3px #454545;}
.hover{color:var(--blanc);background-color:var(--bleu);}
.containerCover{clear:both;width:100%;}
.containerContenu{clear:both;width:100%;margin:auto;max-width:1280px;/*padding:0 40px;*/position:relative;z-index:0;}
.containerPanier{clear:both;width:100%;margin:auto 0;padding:0 10px;position:relative;z-index:0;}
.containerVisuel{clear:both;width:100%;max-width:1280px;margin:auto;position:relative;z-index:0;display:flex;flex-direction:column;background-size:cover;background-position:center;background-repeat:no-repeat;justify-content:center;aspect-ratio:2.5/1;background-blend-mode:color;background-color:#0000008f;}
.containerVisuel div{margin:50px 80px;}
.containerCoverVisuel{clear:both;width:100%;margin:auto;position:relative;z-index:0;display:flex;flex-direction:column;background-size:cover;background-position:center;background-repeat:no-repeat;justify-content:center;aspect-ratio:4;}
.containerForm{width:100%;max-width:450px;margin:auto;}
.containerForm input{width:100%;margin:5px 0}
.containerGauche{float:left;width:100%;max-width:20%;}
.containerDroite{float:right;width:100%;max-width:80%;}
.containerDroite p{margin:20px 20px 0;}
.containerActu{clear:both;width:100%;max-width:1110px;margin:auto;position:relative;z-index:0;}
.cadre{border:1px solid;padding:5px;}
.cadreAdmin{border:1px solid;}
.bloc{margin:auto;width:100%;padding:20px 5px;}
.row{display:flex;width:100%;}
.rowMenu{display:flow-root;width:inherit;padding-top:20px;padding-bottom:20px;}
.rowPicto i{margin:auto;margin-right:0;}
.rowPicto span{margin:auto;margin-left:10px;}
.rowParagraphe{display:inline-flex;position:relative;width:inherit;place-content:space-evenly;}
.rowParagraphe img{width:auto;max-width:100%;padding:10px 20px;}
.rowParagraphe .logo{height:80px;}
.col{flex-basis:0;flex-grow:1;max-width:100%;position:relative;width:100%;margin:0 15px;}
.col2{flex-basis:0;flex-grow:1;max-width:30%;position:relative;width:100%;margin:0 auto;}
.col3{flex-basis:0;flex-grow:1;width:100%;max-width:500px;position:relative;margin:0 auto;}
.col3b{width:33%;margin:0 auto;}
.col4{width:25%;margin:0 auto;padding:0 15px;}
.inverse{flex-direction:row-reverse;}

.cercle{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;aspect-ratio:1/1;display:flex;width:50px;margin:auto;}
.cercle i{margin:auto;}
.sliderPrincipal{width:100%;aspect-ratio:4/1;overflow:hidden;}
.sliderPrincipal img{width:100%;filter:brightness(75%);}
.sliderPrincipalDiv{display:flex;background-size:cover;aspect-ratio:4/1;}
.sliderTitreContainer{position:absolute;width:inherit;margin:auto;height:inherit;display:flex;z-index:50;top:0;}
.sliderTitreContainerDiv{margin:auto;}
.carousel{width:auto;}
.carousel .slick-dots{position:relative;}
.carouselBloc{margin:10px;padding:10px;}
.carouselMiniature{width:100%;aspect-ratio:1/1;background-size:90%;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;text-align:center;margin-bottom:0px;position:relative;}
.carouselTitre{margin:0 10px;height:60px;}
.vignette{width:100%;max-width:500px;aspect-ratio:1/1;background-position:center;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column;text-align:center;margin:auto;position:relative;border:2px solid;}
.prixBarre{display:grid;position:relative;bottom:-4px;margin-right:30px;}
.prixBarreSpan1{margin:auto;line-height:0;grid-row:1;grid-column:1;z-index:1;}
.prixBarreSpan2{margin:auto;line-height:0;grid-row:1;grid-column:1;}
.remise{position:absolute;background-image:url(../img/fond-remise.svg);background-repeat:no-repeat;background-position:center;aspect-ratio:2/1;background-size:cover;width:130px;display:flex;justify-content:center;flex-direction:column;left:-15px;top:-15px;}
.remisePage{background-image:url(../img/fond-remise.svg);background-repeat:no-repeat;background-position:center;aspect-ratio:2/1;background-size:cover;width:190px;display:flex;justify-content:center;flex-direction:column;left:-15px;top:-15px;}
.etat{position:absolute;bottom:0;}
.etatVignette{position:absolute;top:0;}
.nouveau{background-color:var(--vert);color:var(--blanc);text-align:center;padding:5px 3px 2px;margin:5px 0;}
.liquidation{background-color:var(--rouge);color:var(--blanc);text-align:center;padding:5px 3px 2px;margin:5px 0;}
.multisport{background-color:var(--bleu-clair);color:var(--blanc);text-align:center;padding:5px 3px 2px;margin:5px 0;display:flex;}
.multisport img{height:1em;margin-left:10px;}
.blocSelection{width:100%;margin:5px;background-color:var(--blanc);}
.blocTotal{width:100%;max-width:1500px;margin:auto;padding:30px;}
.slick-track{max-height:500px;}
.reseaux{text-align:right;margin:15px auto;padding:0 10px;}
.reseaux a{margin:0 20px;}
.detail{width:100%;max-width:1100px;margin:auto;}
.detail div{display:flex;padding:5px 0;}
.detail div > span{margin:auto;width:100%;}
.parentMenu{display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;}
.div1Menu { grid-area: 1 / 1 / 2 / 2; }
.div2Menu { grid-area: 1 / 2 / 2 / 3; }
.div3Menu { grid-area: 1 / 3 / 2 / 4; }
.div4Menu { grid-area: 1 / 4 / 2 / 5; }
.div5Menu { grid-area: 1 / 5 / 2 / 6; }
.div6Menu { grid-area: 1 / 6 / 2 / 7; }
.div99 { grid-area: 1 / 7 / 2 / 9; width:100%; max-width:438px; margin:0 auto; aspect-ratio:2/1; }

.parent2 {display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(2, 1fr);grid-column-gap:0px;grid-row-gap:0px;}
.div1-2 { grid-area: 1 / 1 / 2 / 2;margin-left:3vw; }
.div2-2 { grid-area: 1 / 2 / 2 / 3; }
.div3-2 { grid-area: 1 / 3 / 2 / 4; }
.div4-2 { grid-area: 1 / 4 / 3 / 5;margin-left:1vw; }
.div5-2 { grid-area: 2 / 1 / 3 / 4; }


@media (max-width:1635px) {
    .slideIndex span {width:55%;}
}
@media (max-width:1529px) {
    .pictoServices{padding:25px 0 0;display:flex;zoom:1.2;}
    .x3{font-size:2.2em}
    .rowParagraphe{width:98%;}
    .col3b{margin:0px auto;width:40%;}
    .col4{margin:0px auto;}
}
@media (max-width: 1344px) {
    .slideIndex span {width:60%;}
    .menuDroite{display:none;}
    .menuPortable{list-style-type:none;display:flex;height:40px;margin-top:40px;float:right;}
    .galerie10{display:grid;grid-template-columns:repeat(8, 1fr);grid-gap:10px;padding:10px;}
    .x2{font-size:1.4em;} 
}
@media (max-width: 1089px) {

}
@media (max-width:684px) {
    body{font-size:12px;}
    h1, h2{text-align:center;padding:0 10px;}
    #sidr{display:block;}
    #menuMobile{display:block;margin:auto 20px auto 0;width:100%;text-align:right;}
    #menuMobile span{font-size:xx-large;}
    #cssmenu, #menuRecompense, #menuTextile{display:none;}
    #ariane{text-align:center;margin:auto;}
    #containerGauche{width:100%;padding:0 15px;}
    #containerDroite{width:100%;padding:0 15px;}
    .pc{display:none !important;}
    .mobile{display:inherit;}
    .sliderPrincipal{height:auto;}
    .galerie{grid-template-columns:repeat(1, 1fr);}
    .galerie2{grid-template-columns:repeat(1, 1fr);}
    .galerie2b{grid-template-columns:repeat(1, 1fr);}
    .galerie2c{grid-template-columns:repeat(1, 1fr);margin-right:0;margin-top:0;margin-bottom:0;row-gap:20px;}
    .galerie3{grid-template-columns:repeat(1, 1fr);}
    .galerie4{grid-template-columns:repeat(2, 1fr);column-gap:10px;}
    .galerie4b{grid-template-columns:repeat(2, 1fr);}
    .galerie4c{grid-template-columns:repeat(2, 1fr);}
    .galerie5{grid-template-columns:repeat(2, 1fr);}
    .galerie6{grid-template-columns:repeat(2, 1fr);}
    .row{display:grid;}
    .rowPicto{flex-direction:column;text-align:center;}
    .rowPicto i{margin-right:auto;}
    .rowPicto span{margin-left:auto;}
    .rowParagraphe{display:block;}
    .rowTexte{column-width:115px;column-gap:15px;}
    .col{margin:0px;}
    .col3b{width:100%;margin:10px auto;}
    .col4{width:100%;margin:10px auto;} 
    .colMenu{column-width:150px;column-gap:20px;}
    .detail{width:100%;}
    .blocTotal{padding:10px;}
    .galerieDetail{width:100%;margin:auto;text-align:center;}
    .x3{font-size:2.5em;}
    .containerGauche{display:none;}
    .containerDroite{float:right;width:100%;max-width:100%;}
    .inverse{flex-direction:row;}
    .parent2{display:block;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 1fr);grid-column-gap:0px;grid-row-gap:0px;padding:0px;}
    .div1-2 { text-align:center; }
    .div2-2 { text-align:center; }
    .div3-2 { text-align:center; }
    .div4-2 { text-align:center; }
    .div5-2 {text-align:center; }
}
@keyframes headerCentreShow {
    0%{top:-100%}to{top:0}
}
@keyframes headerBasShow {
    0%{top:-100%}to{top:72px}
}

.overlayAuto{-webkit-animation:overlayOK 1600ms forwards;-moz-animation:overlayOK 1600ms forwards;-ms-animation:overlayOK 1600ms forwards;-o-animation:overlayOK 1600ms forwards;animation:overlayOK 1600ms forwards;}
.slide{-webkit-animation:slidetoLeft 900ms forwards;-moz-animation:slidetoLeft 900ms forwards;-ms-animation:slidetoLeft 900ms forwards;-o-animation:slidetoLeft 900ms forwards;animation:slidetoLeft 900ms forwards;}
.slideReverse{-webkit-animation:slidetoRight 900ms forwards;-moz-animation:slidetoRight 900ms forwards;-ms-animation:slidetoRight 900ms forwards;-o-animation:slidetoRight 900ms forwards;animation:slidetoRight 900ms forwards;}
.slideFromTop{-webkit-animation:slidetoTop 900ms forwards;-moz-animation:slidetoTop 900ms forwards;-ms-animation:slidetoTop 900ms forwards;-o-animation:slidetoTop 900ms forwards;animation:slidetoTop 900ms forwards;}
.slideFromBottom{-webkit-animation:slidetoBottom 900ms forwards;-moz-animation:slidetoBottom 900ms forwards;-ms-animation:slidetoBottom 900ms forwards;-o-animation:slidetoBottom 900ms forwards;animation:slidetoBottom 900ms forwards;}
.nextPageTop{-webkit-animation:pageNextTop 500ms forwards;-moz-animation:pageNextTop 500ms forwards;-ms-animation:pageNextTop 500ms forwards;-o-animation:pageNextTop 500ms forwards;animation:pageNextTop 500ms forwards;}


.delay0{opacity:0;animation-delay:0ms;}
.delay1{opacity:0;animation-delay:100ms;}
.delay2{opacity:0;animation-delay:200ms;}
.delay3{opacity:0;animation-delay:300ms;}
.delay4{opacity:0;animation-delay:400ms;}
.delay5{opacity:0;animation-delay:500ms;}
.delay6{opacity:0;animation-delay:600ms;}
.delay7{opacity:0;animation-delay:700ms;}
.delay8{opacity:0;animation-delay:800ms;}
.delay9{opacity:0;animation-delay:900ms;}
.delay10{opacity:0;animation-delay:1000ms;}

/* Animations  //////////////////////////////////////////////////////////////////////////////*/
@-webkit-keyframes 	slidetoTop {0% {transform: translateY(-1000px);opacity:0;} 50% {opacity:0.5;} 100% {transform: translateY(0px);opacity:1;}}
@-moz-keyframes 	slidetoTop {0% {transform: translateY(-1000px);opacity:0;} 50% {opacity:0.5;} 100% {transform: translateY(0px);opacity:1;}}
@-ms-keyframes 		slidetoTop {0% {transform: translateY(-1000px);opacity:0;} 50% {opacity:0.5;} 100% {transform: translateY(0px);opacity:1;}}
@-o-keyframes 		slidetoTop {0% {transform: translateY(-1000px);opacity:0;} 50% {opacity:0.5;} 100% {transform: translateY(0px);opacity:1;}}
@keyframes 			slidetoTop {0% {transform: translateY(-1000px);opacity:0;} 50% {opacity:0.5;} 100% {transform: translateY(0px);opacity:1;}}

@-webkit-keyframes 	slidetoBottom {0% {transform: translateY(1000px);opacity:0;} 50% {opacity:0.5;} 100% {transform: translateY(0px);opacity:1;}}
@-moz-keyframes 	slidetoBottom {0% {transform: translateY(1000px);opacity:0;} 50% {opacity:0.5;} 100% {transform: translateY(0px);opacity:1;}}
@-ms-keyframes 		slidetoBottom {0% {transform: translateY(1000px);opacity:0;} 50% {opacity:0.5;} 100% {transform: translateY(0px);opacity:1;}}
@-o-keyframes 		slidetoBottom {0% {transform: translateY(1000px);opacity:0;} 50% {opacity:0.5;} 100% {transform: translateY(0px);opacity:1;}}
@keyframes 			slidetoBottom {0% {transform: translateY(1000px);opacity:0;} 50% {opacity:0.5;} 100% {transform: translateY(0px);opacity:1;}}

@-webkit-keyframes 	slidetoLeft {0% {transform: translateX(-1000px);opacity:0;} 50% {opacity:0.5;} 100% {transform: translateX(0px);opacity:1;}}
@-moz-keyframes 	slidetoLeft {0% {transform: translateX(-1000px);opacity:0;} 50% {opacity:0.5;} 100% {transform: translateX(0px);opacity:1;}}
@-ms-keyframes 		slidetoLeft {0% {transform: translateX(-1000px);opacity:0;} 50% {opacity:0.5;} 100% {transform: translateX(0px);opacity:1;}}
@-o-keyframes 		slidetoLeft {0% {transform: translateX(-1000px);opacity:0;} 50% {opacity:0.5;} 100% {transform: translateX(0px);opacity:1;}}
@keyframes 			slidetoLeft {0% {transform: translateX(-1000px);opacity:0;} 50% {opacity:0.5;} 100% {transform: translateX(0px);opacity:1;}}

@-webkit-keyframes 	slidetoRight {0% {transform: translateX(1000px);opacity:0;} 50% {opacity:1;} 100% {transform: translateX(0px);opacity:1;}}
@-moz-keyframes 	slidetoRight {0% {transform: translateX(1000px);opacity:0;} 50% {opacity:1;} 100% {transform: translateX(0px);opacity:1;}}
@-ms-keyframes 		slidetoRight {0% {transform: translateX(1000px);opacity:0;} 50% {opacity:1;} 100% {transform: translateX(0px);opacity:1;}}
@-o-keyframes 		slidetoRight {0% {transform: translateX(1000px);opacity:0;} 50% {opacity:1;} 100% {transform: translateX(0px);opacity:1;}}
@keyframes 			slidetoRight {0% {transform: translateX(1000px);opacity:0;} 50% {opacity:1;} 100% {transform: translateX(0px);opacity:1;}}

@-webkit-keyframes 	overlayOK {0% {overflow:hidden;} 99% {overflow:hidden;} 100% {overflow:auto;}}
@-moz-keyframes 	overlayOK {0% {overflow:hidden;} 99% {overflow:hidden;} 100% {overflow:auto;}}
@-ms-keyframes 		overlayOK {0% {overflow:hidden;} 99% {overflow:hidden;} 100% {overflow:auto;}}
@-o-keyframes 		overlayOK {0% {overflow:hidden;} 99% {overflow:hidden;} 100% {overflow:auto;}}
@keyframes 			overlayOK {0% {overflow:hidden;} 99% {overflow:hidden;} 100% {overflow:auto;}}

@-webkit-keyframes 	pageNextTop {0% {transform: translateY(0px);opacity:1;} 50% {opacity:0.5;} 100% {transform: translateY(-200px);opacity:0;}}
@-moz-keyframes 	pageNextTop {0% {transform: translateY(0px);opacity:1;} 50% {opacity:0.5;} 100% {transform: translateY(-200px);opacity:0;}}
@-ms-keyframes 		pageNextTop {0% {transform: translateY(0px);opacity:1;} 50% {opacity:0.5;} 100% {transform: translateY(-200px);opacity:0;}}
@-o-keyframes 		pageNextTop {0% {transform: translateY(0px);opacity:1;} 50% {opacity:0.5;} 100% {transform: translateY(-200px);opacity:0;}}
@keyframes 			pageNextTop {0% {transform: translateY(0px);opacity:1;} 50% {opacity:0.5;} 100% {transform: translateY(-200px);opacity:0;}}