.index-1{padding:40px 0}.index-1-content{width:1200px;margin:0 auto;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width: 1200px){.index-1-content{width:100%;padding:0 20px}}.index-1-btn{cursor:pointer;width:305px;margin:0 auto}.index-1-top-title{color:#a2a2a2;font-size:20px}.index-1-middle-title{position:relative;border-bottom:1px solid #a2a2a2;font-weight:300;font-size:30px;color:#b1c700;padding:10px 0 40px}.index-1-middle-title span{font-weight:600}.index-1-middle-title:after{position:absolute;bottom:-2px;left:50%;content:"";display:block;height:3px;width:80px;background:#b1c700;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.index-1-bottom-title{position:relative;font-weight:300;font-size:16px;color:#a2a2a2;margin:0;padding:40px 0 0}.index-2{width:1200px;margin:25px auto 125px;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width: 1220px){.index-2{width:100%;padding:0 20px}}.index-2-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.index-2-item{width:12%;margin:20px}@media (max-width: 940px){.index-2-item{width:33%;margin:20px 0}}@media (max-width: 510px){.index-2-item{width:50%;margin:20px 0}}.index-2-item-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:26px;color:#b1c700;width:64px;height:64px;border:2px solid #b1c700;border-radius:50%;margin:0 auto}.index-2-item-text{text-align:center;margin-top:16px}.index-2-item-top{color:#000;font-size:46px;line-height:46px;margin-bottom:6px}.index-2-item-bottom{color:#a2a2a2;font-size:14px}.index-2-item-bottom sup{font-size:10px}.index-3{padding:0 20px}.index-3-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@media (max-width: 1000px){.index-3-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 780px){.index-3-items{grid-template-columns:repeat(1,minmax(0,1fr))}}.index-3-item{position:relative;overflow:hidden}.index-3-item:hover i{-webkit-transform:scale(12);-ms-transform:scale(12);transform:scale(12);opacity:0}.index-3-item:hover .index-3-item-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:.99}.index-3-item-1 i{background:#be649d}.index-3-item-1 .index-3-item-active{background:rgba(190,100,157,0.9)}.index-3-item-1 .index-3-item-plus:hover{color:#be649d}@media (max-width: 1000px){.index-3-item-1{background:rgba(190,100,157,0.9)}.index-3-item-1 .index-3-item-active{background:transparent}}.index-3-item-2 i{background:#23ace7}.index-3-item-2 .index-3-item-active{background:rgba(35,172,231,0.9)}.index-3-item-2 .index-3-item-plus:hover{color:#23ace7}@media (max-width: 1000px){.index-3-item-2{background:rgba(35,172,231,0.9)}.index-3-item-2 .index-3-item-active{background:transparent}}.index-3-item-3 i{background:#e14c23}.index-3-item-3 .index-3-item-active{background:rgba(225,76,35,0.9)}.index-3-item-3 .index-3-item-plus:hover{color:#e14c23}@media (max-width: 1000px){.index-3-item-3{background:rgba(225,76,35,0.9)}.index-3-item-3 .index-3-item-active{background:transparent}}.index-3-item-4 i{background:#b0c700}.index-3-item-4 .index-3-item-active{background:rgba(176,199,0,0.9)}.index-3-item-4 .index-3-item-plus:hover{color:#b0c700}@media (max-width: 1000px){.index-3-item-4{background:rgba(176,199,0,0.9)}.index-3-item-4 .index-3-item-active{background:transparent}}.index-3-item-5 i{background:#ef6f2e}.index-3-item-5 .index-3-item-active{background:rgba(239,111,46,0.9)}.index-3-item-5 .index-3-item-plus:hover{color:#ef6f2e}@media (max-width: 1000px){.index-3-item-5{background:rgba(239,111,46,0.9)}.index-3-item-5 .index-3-item-active{background:transparent}}.index-3-item-6 i{background:#116f97}.index-3-item-6 .index-3-item-active{background:rgba(17,111,151,0.9)}.index-3-item-6 .index-3-item-plus:hover{color:#116f97}@media (max-width: 1000px){.index-3-item-6{background:rgba(17,111,151,0.9)}.index-3-item-6 .index-3-item-active{background:transparent}}.index-3-item-7 i{background:#eb33a4}.index-3-item-7 .index-3-item-active{background:rgba(235,51,164,0.9)}.index-3-item-7 .index-3-item-plus:hover{color:#eb33a4}@media (max-width: 1000px){.index-3-item-7{background:rgba(235,51,164,0.9)}.index-3-item-7 .index-3-item-active{background:transparent}}.index-3-item-8 i{background:#899194}.index-3-item-8 .index-3-item-active{background:hsla(196,5%,56%,0.9)}.index-3-item-8 .index-3-item-plus:hover{color:#899194}@media (max-width: 1000px){.index-3-item-8{background:hsla(196,5%,56%,0.9)}.index-3-item-8 .index-3-item-active{background:transparent}}.index-3-item-img{position:relative}.index-3-item-img img{display:block;width:100%}.index-3-item-img-plus{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.index-3-item-img-plus i{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:56px;width:56px;border-radius:50%;font-size:24px}.index-3-item-active,.index-3-item-img-plus i{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.index-3-item-active{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 40px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}@media (max-width: 1400px){.index-3-item-active{padding:0 20px}}@media (max-width: 1000px){.index-3-item-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:.99;position:relative;top:inherit;right:inherit;bottom:inherit;left:inherit;padding:15px 30px 30px}}.index-3-item-active-content{width:100%}.index-3-item-title{font-size:46px;font-weight:700;margin:0}@media (max-width: 1500px){.index-3-item-title{font-size:38px}}@media (max-width: 1400px){.index-3-item-title{line-height:28px;font-size:28px}}@media (max-width: 1000px){.index-3-item-title{font-size:38px;line-height:normal}}.index-3-item-subtitle{position:relative;font-size:18px;font-weight:700;border-bottom:1px solid #fff;margin:0 0 20px;padding-bottom:20px}.index-3-item-subtitle:after{position:absolute;bottom:-3px;left:0;content:"";display:block;width:100px;height:5px;background:#fff}@media (max-width: 1500px){.index-3-item-subtitle{font-size:16px}}@media (max-width: 1400px){.index-3-item-subtitle{margin:0 0 15px;padding-bottom:15px}}@media (max-width: 1000px){.index-3-item-subtitle{margin:0 0 20px;padding-bottom:20px}}.index-3-item-text{font-size:16px;font-weight:400;margin:0}@media (max-width: 1500px){.index-3-item-text{font-size:14px}}@media (max-width: 1400px){.index-3-item-text{font-size:13px;line-height:16px}}@media (max-width: 1000px){.index-3-item-text{font-size:16px;line-height:normal}}.index-3-item-plus{font-size:16px;font-weight:400;border:1px solid #fff;display:inline-block;padding:10px 20px;border-radius:4px;margin-top:20px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.index-3-item-plus:hover{background:#fff}@media (max-width: 1500px){.index-3-item-plus{font-size:14px}}@media (max-width: 1400px){.index-3-item-plus{padding:5px 10px;margin-top:10px}}@media (max-width: 1000px){.index-3-item-plus{padding:10px 20px;margin-top:20px}}.index-4{margin-top:20px;padding:0 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;overflow:hidden}@media (max-width: 1000px){.index-4{grid-template-columns:repeat(1,minmax(0,1fr))}}.index-4-left{background:#f2f2f2;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:575px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px}@media (max-width: 420px){.index-4-left{min-height:auto}}.index-4-left-title{margin:0;font-size:34px;text-align:center;font-weight:600;line-height:1}.index-4-left-title span{display:block;margin-top:10px;font-size:20px;font-weight:400}.index-4-left-link{font-size:16px;font-weight:400;border:1px solid #000;display:inline-block;padding:10px 20px;margin:20px 0 25px;border-radius:4px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.index-4-left-link:hover{background:#000;color:#f2f2f2}.index-4-left-img{width:100%;max-width:457px}.index-4-right{background:url(../img/index-4-right.avif) 50% 50% no-repeat;background-size:cover;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:575px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px}@media (max-width: 420px){.index-4-right{min-height:auto}}.index-4-right-title{margin:0;font-size:44px;line-height:1;text-align:center;font-weight:400}@media (max-width: 1180px){.index-4-right-title br{display:none}}@media (max-width: 1000px){.index-4-right-title br{display:block}}@media (max-width: 630px){.index-4-right-title br{display:none}}@media (max-width: 420px){.index-4-right-title{font-size:34px}}.index-4-right-text{margin:30px 0 40px;text-align:center;font-size:16px;font-weight:400}@media (max-width: 1180px){.index-4-right-text br{display:none}}@media (max-width: 1000px){.index-4-right-text br{display:block}}@media (max-width: 630px){.index-4-right-text br{display:none}}.index-4-right-link{font-size:16px;font-weight:400;border:1px solid #fff;display:inline-block;padding:10px 20px;border-radius:4px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.index-4-right-link:hover{background:#fff;color:#000}.conseil-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (max-width: 450px){.conseil-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.conseil-left{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-right:40px;width:220px;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 730px){.conseil-left{grid-template-columns:repeat(3,minmax(0,1fr));width:125px}}@media (max-width: 450px){.conseil-left{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:40px 0 0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.conseil-item img{display:block;width:100%}.conseil-right{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.conseil-title{font-size:36px;line-height:42px;margin:0 0 30px;font-weight:600;color:#000}@media (max-width: 640px){.conseil-title{font-size:30px;line-height:36px}}.conseil-text{font-weight:400;line-height:28px;font-size:16px;color:#444}.conseil-text strong{font-weight:600}.index-5{margin:20px 0 175px;padding:0 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;overflow:hidden}@media (max-width: 1000px){.index-5{grid-template-columns:repeat(1,minmax(0,1fr))}}.index-5-left{background:#b1c700;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:575px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px}@media (max-width: 420px){.index-5-left{min-height:auto}}.index-5-left-img{width:100%;max-width:128px}.index-5-left-title{font-size:40px;line-height:1;text-align:center;margin:25px 0;font-weight:400}@media (max-width: 1180px){.index-5-left-title br{display:none}}@media (max-width: 1000px){.index-5-left-title br{display:block}}@media (max-width: 630px){.index-5-left-title br{display:none}}@media (max-width: 420px){.index-5-left-title{font-size:34px}}.index-5-left-text{text-align:center;font-size:16px;margin-bottom:40px}@media (max-width: 1180px){.index-5-left-text br{display:none}}@media (max-width: 1000px){.index-5-left-text br{display:block}}@media (max-width: 630px){.index-5-left-text br{display:none}}.index-5-left-link{font-size:16px;border:1px solid #fff;display:inline-block;padding:10px 20px;border-radius:4px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.index-5-left-link:hover{background:#fff;color:#b1c700}.index-5-right{background:url(../img/index-5-right.avif) 50% 50% no-repeat;background-size:cover;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:575px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px}@media (max-width: 420px){.index-5-right{min-height:auto}}.index-5-right-title{font-size:40px;line-height:1;text-align:center}.index-5-right-title strong{font-weight:600}@media (max-width: 1180px){.index-5-right-title br{display:none}}@media (max-width: 1000px){.index-5-right-title br{display:block}}@media (max-width: 630px){.index-5-right-title br{display:none}}@media (max-width: 420px){.index-5-right-title{font-size:34px}}.index-5-right-text{text-align:center;font-size:18px;margin:40px 0}@media (max-width: 1180px){.index-5-right-text br{display:none}}@media (max-width: 1000px){.index-5-right-text br{display:block}}@media (max-width: 630px){.index-5-right-text br{display:none}}.index-5-right-link{-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.index-5-right-link:hover{opacity:.75}.index-5-right-img{width:100%;max-width:231px}.index-5-right-flex{margin-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}@media (max-width: 420px){.index-5-right-flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.index-5-right-flex-left{margin-right:10px;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.index-5-right-flex-left strong{font-weight:600}.index-5-right-flex-left i{font-size:26px;margin-right:10px}.index-5-right-flex-right{margin-left:10px;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.index-5-right-flex-right strong{font-weight:600}.index-5-right-flex-right i{font-size:26px;margin-right:10px}@media (max-width: 420px){.index-5-right-flex-right{margin:20px 0 0}}h1.actualites-h1,h1.catalogue-imprimerie-h1,h1.deroulement-commande-h1,h1.faq-h1,h1.nos-promo-h1,h1.paiement-h1,h1.partenaires-h1,h1.plan-acces-h1,h1.plan-du-site-h1,h1.site-pack-h1{font-family:Open Sans,arial,helvetica,sans-serif;color:#000;font-size:46px;font-weight:600;text-align:center;margin:100px 0}@media (max-width: 576px){h1.actualites-h1,h1.catalogue-imprimerie-h1,h1.deroulement-commande-h1,h1.faq-h1,h1.nos-promo-h1,h1.paiement-h1,h1.partenaires-h1,h1.plan-acces-h1,h1.plan-du-site-h1,h1.site-pack-h1{font-size:36px;padding:0 20px}}h2.references-h2{color:#444;font-size:48px;font-weight:300;text-align:center;margin:50px 0 100px}@media (max-width: 576px){h2.references-h2{font-size:36px;padding:0 20px}}.bloc-category-content{position:relative;background:#fff;padding:10px 0}.actualites{margin:100px 0}.actualites-item{margin-bottom:10px;position:relative}.actualites-item img{width:360px;height:240px;margin:0 auto}.actualites-item-date{position:absolute;top:470px;right:30px;color:#807f7f;font-weight:300;font-size:16px;z-index:10}.actualites-item-date span{font-weight:600}.actualites-item-h2{width:320px;padding:14px 0 10px;margin:0 auto;font-size:20px;font-weight:400;color:#444}.actualites-item-content{width:320px;margin:0 auto;padding:0 0 10px;font-size:18px;font-weight:300;color:#666;height:160px;overflow:hidden}.actualites-item-aplat{width:100%;height:100px;position:absolute;bottom:0;left:0;-webkit-box-shadow:0 -250px 40px -200px #fff inset;box-shadow:inset 0 -250px 40px -200px #fff}.actualites-view{position:relative}.actualites-view img{width:360px;height:240px;margin:0;float:left}.actualites-view-date{position:absolute;top:0;right:840px;background:rgba(177,199,0,0.7);padding:6px 10px 8px;color:#fff;font-weight:600;font-size:20px}.actualites-view-date span{font-weight:300;font-size:14px;display:block;text-align:center}.actualites-view-container{float:left;width:800px;margin-left:40px}.actualites-view-h2{font-size:20px;font-weight:400;color:#444;margin:0 0 10px}.actualites-view-content{font-size:18px;font-weight:300;color:#666}.actualites-view-link{font-size:18px;color:#444;margin-top:10px}.actualites-view-link:hover{text-decoration:underline}.reference{padding:0 16px 100px}.reference-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.reference-item{width:124px;height:124px;margin:10px;border:1px solid #fff}.reference-item img{width:124px;height:124px;margin:0;padding:0}.references-mairies{margin-bottom:150px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.references-mairies .references-mairies-col{width:240px;margin-bottom:40px}.references-mairies .references-mairies-col ul{margin:0;padding:0;list-style:none}.references-mairies .references-mairies-col ul li{text-align:center;color:#666;line-height:30px}.partenaires-item{width:1200px;margin:0 auto 150px}@media (max-width: 1200px){.partenaires-item{width:100%;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}}.partenaires-item img{width:275px;height:200px;float:left;margin:0 20px 0 0}@media (max-width: 576px){.partenaires-item img{width:100%;height:auto;float:none;margin-bottom:20px}}.partenaires-item p{color:#666;font-weight:300;text-align:justify;margin:0 0 15px}.partenaires-item a{color:#444;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.partenaires-item a:hover{color:#b1c700}.galerie{margin-bottom:200px}.galerie-module-exemple{margin-bottom:100px}.galerie-title{color:#000;font-size:46px;font-weight:600;font-family:Open Sans,arial,helvetica,sans-serif;text-align:center;margin:100px 0 25px}@media (max-width: 576px){.galerie-title{font-size:36px;padding:0 20px}}.galerie-title-module-exemple{margin:100px 0}.galerie-subtitle{color:#888;font-size:36px;font-weight:600;font-family:Open Sans,arial,helvetica,sans-serif;text-align:center;margin:0 0 100px}@media (max-width: 576px){.galerie-subtitle{font-size:30px;padding:0 20px}}.galerie-content{width:1200px;margin:0 auto;border:2px solid #fff;-webkit-box-shadow:0 0 60px rgba(51,51,51,0.1);box-shadow:0 0 60px rgba(51,51,51,0.1)}@media (max-width: 1200px){.galerie-content{width:calc(100% - 40px);margin:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}}.galerie-content-items{display:grid;grid-template-areas:"galerie1 galerie1 galerie2 galerie3" "galerie1 galerie1 galerie4 galerie5" "galerie6 galerie7 galerie10 galerie10" "galerie8 galerie9 galerie10 galerie10"}@media (max-width: 768px){.galerie-content-items{grid-template-areas:"galerie1 galerie1" "galerie2 galerie3" "galerie4 galerie5" "galerie6 galerie6" "galerie7 galerie8" "galerie9 galerie10"}}.galerie-content-item{position:relative;overflow:hidden}.galerie-content-item-1{grid-area:galerie1}.galerie-content-item-2{grid-area:galerie2}.galerie-content-item-3{grid-area:galerie3}.galerie-content-item-4{grid-area:galerie4}.galerie-content-item-5{grid-area:galerie5}.galerie-content-item-6{grid-area:galerie6}.galerie-content-item-7{grid-area:galerie7}.galerie-content-item-8{grid-area:galerie8}.galerie-content-item-9{grid-area:galerie9}.galerie-content-item-10{grid-area:galerie10}.galerie-content-item-img{display:block;width:100%}.galerie-content-item-background{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(51,51,51,0);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.galerie-content-item:hover .galerie-content-item-background{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);background:rgba(51,51,51,0.8)}.galerie-content-item-text{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center}.galerie-content-item-text-categorie{display:block;font-size:22px;font-weight:600;text-transform:uppercase;color:#fff;-webkit-transform:translateY(330px);-ms-transform:translateY(330px);transform:translateY(330px);-webkit-transition:all .4s .2s;-o-transition:all .4s .2s;transition:all .4s .2s}.galerie-content-item:hover .galerie-content-item-text-categorie{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.galerie-content-item-text-description{display:block;color:#bbb;margin-top:14px;padding:0 20px;font-size:16px;text-transform:capitalize;-webkit-transform:translateY(330px);-ms-transform:translateY(330px);transform:translateY(330px);-webkit-transition:all .4s .3s;-o-transition:all .4s .3s;transition:all .4s .3s}.galerie-content-item:hover .galerie-content-item-text-description{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.galerie-content-item-border{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 150px 25px rgba(51,51,51,0.2) inset;box-shadow:inset 0 0 150px 25px rgba(51,51,51,0.2)}.galerie-content-item-border:after{-webkit-box-sizing:border-box;box-sizing:border-box;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #fff}.faq{margin-bottom:150px}.faq h2{font-size:22px;color:#444;font-weight:300;cursor:pointer;width:1186px;margin:10px auto;border:1px solid #ddd;border-left-width:3px;padding:2px 0 2px 10px;background:#eee}.faq h2,.faq h2 i{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.faq h2 i{font-size:18px;vertical-align:1px;margin-right:10px;color:#848484}.faq h2:hover{color:#b1c700;border-color:#b1c700}.faq h2:hover i{color:#b1c700}@media (max-width: 1230px){.faq h2{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}}.faq .faq-active{color:#b1c700;border-color:#b1c700}.faq .faq-active span{color:#b1c700}.faq .faq-reveal{width:1200px;margin:0 auto;color:#666;display:none;border-bottom:1px solid #d7d7d7}.faq .faq-reveal h3{font-weight:300;color:#444;font-size:22px}.faq .faq-reveal p{margin:0 0 25px;text-align:justify;color:#666;font-weight:300}.faq .faq-reveal p strong{font-weight:400}.faq .faq-reveal ul{padding-left:20px}.faq .faq-reveal ul li{font-weight:300;color:#666}@media (max-width: 1230px){.faq .faq-reveal{width:100%}}@media (max-width: 1230px){.faq{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}}.mention-legales{width:1200px;margin:100px auto 150px}@media (max-width: 1230px){.mention-legales{width:100%;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}}.mention-legales h1{color:#444;font-size:58px;font-weight:300;text-align:center;margin:100px 0}@media (max-width: 600px){.mention-legales h1{font-size:38px}}.mention-legales h2{color:#444;font-size:26px;font-weight:300}.mention-legales p{color:#666;font-weight:300;text-align:justify;margin:0 0 15px}.mention-legales p strong{font-weight:600}.mention-legales p img{vertical-align:-4px}.mention-legales a{color:#b1c700;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.mention-legales a:hover{color:#444}.mention-legales ul{padding-left:20px}.mention-legales ul li{color:#666;font-weight:300}.mention-legales ul li strong{font-weight:600}.mention-legales ul li img{vertical-align:-4px}.mention-legales .red{color:#f22;font-weight:400}.mention-legales .mention-legales-cnil{text-align:center;color:#666;margin-top:50px;font-weight:300}#audit{padding:100px 0}@media (max-width: 860px){#audit{padding:100px 20px}}#audit-box-title{border:1px solid #ddd;width:800px;margin:20px auto 0;position:relative;padding:20px 20px 15px}@media (max-width: 860px){#audit-box-title{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}}#audit-box-title h2{color:#444;font-weight:600;font-size:18px;margin:0 0 10px 170px}@media (max-width: 550px){#audit-box-title h2{margin:60px 0 10px}}#audit-box-title p{color:#666;text-align:justify;margin:0 0 10px 170px;font-size:16px;font-weight:300}@media (max-width: 550px){#audit-box-title p{margin:0 0 10px}}#audit-box-title img{position:absolute;top:-25px;left:25px}@media (max-width: 550px){#audit-box-title img{top:-65px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}#audit-box{background:url(img/loader2.gif) 50% no-repeat;border:1px solid #ddd;width:520px;height:270px;margin:50px auto 0;padding:40px;position:relative}@media (max-width: 660px){#audit-box{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;background:none}}#audit-title-box{padding:4px 6px;background:#b1c700;color:#fff;font-weight:600;font-size:16px;display:inline-block;position:absolute;top:-15px;left:-10px}#audit-triangle{width:0;height:0;border-style:solid;border-width:0 10px 8px 0;border-color:transparent #5f7b2b transparent transparent;position:absolute;bottom:-8px;left:0}#audit-left{background:#fff;float:left;width:145px;border-right:5px solid #b1c700;height:270px}@media (max-width: 660px){#audit-left{float:none;width:100%;border-right:none;border-bottom:5px solid #b1c700;height:auto;margin-bottom:20px}}#audit-right{background:#fff;float:right;width:330px;height:270px}@media (max-width: 660px){#audit-right{float:none;width:100%;height:auto}}#audit_num_id{background:#b1c700;width:50px;height:50px;border-radius:50px;margin:20px 0 0 30px;text-align:center;line-height:50px;color:#fff;font-size:30px;font-weight:600}@media (max-width: 660px){#audit_num_id{margin:10px auto 20px}}#audit_label{background:#b1c700;width:90px;height:75px;border-radius:90px;margin:20px 0 0 10px;padding-top:15px}@media (max-width: 660px){#audit_label{display:none}}#audit_icon{background:url(img/icon_audit.png) center 0 no-repeat;width:50px;height:60px;margin:0 auto}#audit-right #Ak-end,#audit-right .Ak{display:none}#audit-right .audit-question{color:#444;font-weight:600;font-size:14px}#audit-right .audit-radio{margin:5px 0}#audit-right .audit-radio input[type="radio"]{margin:0 0 3px;cursor:pointer}#audit-right .audit-radio label{margin:0 20px 0 5px;color:#444;font-size:14px;font-weight:600;cursor:pointer}#audit-right p{margin:0;color:#666;font-weight:300;font-size:14px;text-align:justify;line-height:18px}#audit-right p a{color:#000;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}#audit-right p a:hover{color:#b1c700}#audit-button{border:1px solid #303030;display:inline-block;padding:2px 8px;cursor:pointer;margin-top:20px;color:#444;position:absolute;top:235px;left:230px;font-weight:300;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}@media (max-width: 660px){#audit-button{position:relative;top:auto;left:auto}}#audit-button-disable{border:1px solid #aaa;display:inline-block;padding:2px 8px;margin-top:20px;color:#aaa;position:absolute;top:235px;left:230px;font-weight:300}@media (max-width: 660px){#audit-button-disable{position:relative;top:auto;left:auto}}#audit-button:hover{border-color:#b1c700;color:#b1c700}#audit-etapes{position:absolute;top:290px;left:230px;color:#666;font-size:11px;font-style:italic}@media (max-width: 660px){#audit-etapes{position:relative;top:auto;left:auto;margin-top:4px}}#audit-progressbar{width:500px;height:10px;background:#fff;margin:100px auto 0;border:1px solid #aaa;border-radius:10px;position:relative}@media (max-width: 620px){#audit-progressbar{display:none}}#audit-progress{width:0;height:10px;background:#b1c700;border-radius:10px}#audit-bulle{background:url(img/bulle-pourcent.png) 0 0 no-repeat;width:64px;height:68px;position:absolute;top:-70px;left:0;color:#fff;font-size:20px;text-align:center;margin-left:-33px;padding-top:16px}#Ak-end p{margin:25px 0}#audit-code-postal,#audit-email{border:1px solid #ddd;padding:4px 8px;margin-bottom:10px;width:312px}@media (max-width: 660px){#audit-code-postal,#audit-email{width:100%}}#audit-result{background:#fff;width:515px;height:270px;border-left:5px solid #b1c700;padding-left:20px}@media (max-width: 660px){#audit-result{width:100%;height:auto}}#audit-result .audit-result-line{color:#666;padding:0 0 15px 20px;background:url(img/star.png) 0 2px no-repeat;font-size:14px;font-weight:300}#audit-result .audit-result-line span{border:1px solid #4486ff;color:#4486ff;padding:1px 3px;font-size:11px;font-style:italic;display:inline-block;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}#audit-result .audit-result-line span:hover{color:#b1c700;border-color:#b1c700}#audit-result .audit-result-line a:hover{text-decoration:none}.plan-acces h2{font-weight:300;text-align:center;font-size:38px;color:#444;margin:-50px 0 100px}@media (max-width: 576px){.plan-acces h2{font-size:36px;padding:0 20px}}.plan-acces #map-canvas{width:100%;height:700px}.plan-du-site{width:1200px;margin:0 auto 150px}.plan-du-site ul{list-style:disc;color:#666}.plan-du-site ul a{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.plan-du-site ul a:hover{color:#b1c700}@media (max-width: 1230px){.plan-du-site{width:100%;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.plan-du-site ul{padding-left:20px}}@media (max-width: 1200px){.contact-form .contact-h1{width:auto;padding:125px 20px;border-left:none}}.contact-form .contact-coordonnees{position:relative;border-left:1px solid #c4c3c3;width:1180px;margin:0 auto;padding-left:20px}@media (max-width: 1200px){.contact-form .contact-coordonnees{width:auto;padding:0 20px;border-left:none}}.contact-form .contact-coordonnees p{color:#666;font-weight:300}.contact-form .contact-coordonnees .title-1{color:#444;margin:0;font-size:26px;font-weight:400}.contact-form .contact-coordonnees .title-1 sup{font-size:16px}.contact-form .contact-coordonnees .title-2{color:#444;font-size:26px;margin:16px 0 6px;font-weight:400}.contact-form .contact-coordonnees .texte{margin:-4px 0 0}.contact-form .contact-coordonnees .texte span{color:#b1c700;font-weight:400}.contact-form .contact-coordonnees .texte img{vertical-align:-5px}.contact-form .contact-coordonnees .texte-small{font-size:14px;margin:-5px 0 0}.contact-form .contact-coordonnees-girl{position:absolute;bottom:-150px;right:50px}@media (max-width: 960px){.contact-form .contact-coordonnees-girl{display:none}}.contact{padding:150px 0}@media (max-width: 1200px){.contact{padding:150px 20px}}.contact__title{font-size:46px;font-weight:600;text-align:center;color:#000;margin:0 0 100px}.contact__title span{font-size:.4em}.contact__form{display:none;width:900px;margin:0 auto}@media (max-width: 970px){.contact__form{width:auto}}.contact__form-show{display:block}.contact__show-form{background:#b1c700;margin:0 auto;padding:18px 0;font-size:15px;font-weight:600;width:420px;color:#fff;text-align:center;cursor:pointer;border-radius:50px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.contact__show-form:hover{background:#000}@media (max-width: 480px){.contact__show-form{width:auto;padding:18px 20px}}.contact-rgpd{display:block;width:100%;margin-top:10px;padding:0 20px;font-size:75%;color:#888;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.contact-rgpd a{color:#000;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.contact-rgpd a:hover{color:#b1c700}.contact-rgpd-left{text-align:left}.contact-rgpd-top{margin-top:10px;padding:0 20px;font-size:75%;color:#888;-webkit-box-sizing:border-box;box-sizing:border-box}.quickmodal{background:rgba(68,68,68,0);position:fixed;top:0;right:0;bottom:0;left:0;padding:10px;overflow:auto;z-index:200000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;visibility:hidden;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.quickmodal-active{visibility:visible;background:rgba(68,68,68,0.8)}.quickmodal-container{padding:40px;background:#fff;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1000px;max-height:90%;overflow:auto;opacity:0;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.quickmodal-active .quickmodal-container{opacity:.99;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.quickmodal-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:10px;right:8px;background:none;border:none;height:28px;width:28px;font-size:22px;color:#888;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;cursor:pointer}.quickmodal-close:hover{color:#000}.error-404-title{text-align:center;padding:200px 0 50px;font-size:40px;color:#000}.error-404-text{text-align:center;padding-bottom:200px;color:#000}.error-404-text a{color:#b1c700}.header-logo{height:58px}.fa-facebook-f{color:#fff}.fa-twitter{color:#fff}
.bubble-question {
    z-index: 1;
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: url("../img/bubble-question.png") 16px 11px no-repeat #b1c700;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 25px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .05);
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.bubble-question:hover .bubble-question-tooltip {
    opacity: .99;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.bubble-question-active {
    cursor: default;
    width: 275px;
    height: 180px;
    background-position: 500px 11px;
    border-radius: 8px
}

.bubble-question-active .bubble-question-tooltip {
    display: none
}

.bubble-question-active-2 {
    height: 340px
}

.bubble-question-tooltip {
    position: absolute;
    top: 10px;
    right: 55px;
    width: 182px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    font-size: 11.5px;
    padding-left: 8px;
    background: url("../img/bubble-tooltip.png") 0 0 no-repeat;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate3d(185px, 0, 0);
    transform: translate3d(185px, 0, 0)
}

.bubble-question-content {
    opacity: 0;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.bubble-question-content-active {
    opacity: .99
}

.bubble-question-content-title {
    position: absolute;
    top: 8px;
    left: 10px;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px
}

.bubble-question-content-close {
    position: absolute;
    top: 3px;
    right: 10px;
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.bubble-question-content-close:hover {
    color: #444
}

.bubble-question-container-1 {
    width: 255px;
    height: 100px;
    position: absolute;
    bottom: 45px;
    left: 10px
}

.bubble-question-container-1-line {
    position: relative;
    height: 65px;
    background: #fff;
    color: #666;
    font-size: 14px;
    line-height: 18px;
    padding: 6px 0 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bubble-question-container-1-line i {
    position: absolute;
    font-size: 22px;
    top: 12px;
    right: 12px
}

.bubble-question-container-1-line-1 {
    border-radius: 8px 8px 0 0
}

.bubble-question-container-1-line-2 {
    cursor: pointer;
    border-top: 1px solid #e0e0e0;
    border-radius: 0 0 8px 8px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.bubble-question-container-1-line-2:hover {
    opacity: .85
}

.bubble-question-container-2 {
    display: none;
    width: 255px;
    height: 300px;
    position: absolute;
    padding: 10px 15px;
    bottom: 10px;
    left: 10px;
    background: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bubble-question-container-2 label {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #666;
    text-transform: uppercase
}

.bubble-question-container-2 input[type=text],
.bubble-question-container-2 textarea {
    width: 100%;
    display: block;
    font-family: Open Sans, arial, helvetica, sans-serif;
    font-size: 16px;
    padding: 2px 4px;
    color: #444;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #aaa;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bubble-question-container-2 input[type=text]:focus,
.bubble-question-container-2 textarea:focus {
    border-color: #b1c700
}

.bubble-question-container-2 textarea {
    height: 100px;
    resize: none;
    margin-bottom: 0
}

.bubble-btn {
    width: 100%;
    background: #aaa;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    padding: 4px 0;
    font-size: 16px;
    margin-top: 10px;
    border-radius: 2px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.bubble-btn:hover {
    background: #666
}
.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80)
}

.mfp-bg,
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #000
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and(max-height:300px),
screen and(max-width:800px) and(orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media(max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}
.module-exemples {
    background: #b1c700;
    margin: 90px auto 0;
    padding: 18px 0;
    font-size: 15px;
    font-weight: 600;
    width: 220px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 50px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.module-exemples:hover {
    background: #000;
}