@charset "UTF-8";
/* 
    Theme Name: BGMS
    Theme URL: www.bgms.fr
    Description: Fabrication de pièces mécaniques industrielles
    Version: 1.0
    Author: Jonathan Castera pour Groupe Gedone
*/

/*--------------------------------------------------------------
/* Design
-------------------------------------------------------------- */
body{background: #333333;}
a:active, a:hover, a:focus{outline: none !important;text-decoration: none !important;}
hr{border: 0;clear: both;color: #C5C9C3;height: 2px;padding: 0;}
ul{padding-left: 0;}
section.wrap{padding: 0;position: relative;}
.screen-reader-text{clip: rect(1px, 1px, 1px, 1px);height: 1px;overflow: hidden;position: absolute !important;width: 1px;word-wrap: normal !important;}
.icon{display: inline-block;fill: currentColor;height: 1em;position: relative;top: -0.0625em;vertical-align: middle;width: 1em;}
.scrollToTop{ background:url(images/back_top.png) no-repeat; bottom:10px; height:92px; position:fixed; right:20px;  width:92px; z-index:3000;}
a.scrollToTop { color:#fff; display:block; height:92px; overflow:hidden; text-indent:-800px; width:92px; }
input[type="submit"], input[type="reset"]{background: #1E2843;border: none;border-radius: 0;color: #FFFFFF;cursor: pointer;letter-spacing: 1px;margin-top: 20px;width: 200px;-webkit-transition: background .5s ease-out;-moz-transition: background .5s ease-out;-o-transition: background .5s ease-out;transition: background .5s ease-out;}
.btn-sm, .btn-group-sm > .btn{background: #1E2843 !important;border: none !important;border-radius: 0 !important;color: #FFFFFF !important;font: 18px/150% "Montserrat-Regular" !important;font-style: normal;-webkit-transition: background .5s ease-out;-moz-transition: background .5s ease-out;-o-transition: background .5s ease-out;transition: background .5s ease-out;}
.btn:hover,.btn:focus{background: #0081c6 !important; color: #FFFFFF !important;}
.invisible{display: none;}

/*--------------------------------------------------------------
/* Navigation
--------------------------------------------------------------*/
.navigation-top{background: transparent;background-size: 100% 100%;padding: 0;position: fixed;top: 0;width: 100%;z-index: 1000;}
.navigation-top.scroll{}
.navigation-top .wrap{padding: 0;}
.navigation-top .wrap a{color: #E3D2B6;font: 18px/350% "Montserrat-Bold", sans-serif;margin: 0;padding-left: 1.5vw;position: relative;text-transform: uppercase;-moz-transition: all .6s;-webkit-transition: all .5s;-o-transition: all .6s;transition: all .6s;}
/*.navigation-top .wrap .navbar-menu a:after{background: url(images/le-bourhis-ligne3.png);bottom: 0;content: '';height: 2px;left: 0;margin: auto;position: absolute;top: 5vh;width: 300px;}
.navigation-top .wrap .navbar-menu a::after{background: none repeat scroll 0 0 transparent;background: #97BA04;bottom: -10px;content: "";display: block;height: 1.5px;left: 50%;position: absolute;transition: width 0.3s ease 0s, left 0.3s ease 0s;width: 0;}*/
.navigation-top .navbar-menu .current-menu-item > a, .navigation-top .navbar-menu .current_page_item > a::after, .navigation-top .navbar-menu .current-menu-item > a::after, .navigation-top .main-navigation a:hover::after{left: 0;width: 300px;}
.navigation-top.scroll .wrap a{line-height: 350%;}
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a{color: #FFFFFF;}
.navigation-top .main-navigation{clear: both;display: block;}
.navigation-top .main-navigation .navbar-header{background: transparent;padding: 0;}
.navigation-top .main-navigation .navbar-header .navbar-brand{background: transparent;display: block;float: left;height: inherit;padding: 5vh 2.5vw;transition-property: color, width;}
.navigation-top .main-navigation .navbar-header .navbar-brand img{margin: 0;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;width: 100%;}
.navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 80%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container{float: right;}
.navigation-top .main-navigation .navbar-menu .bloc_telephone{position: absolute;right: 45px;top: 0;}
.navigation-top .main-navigation .navbar-menu .bloc_telephone .bloc_numero{background: #ffffff;display: inline-block;padding: 5px 15px 10px;position: relative;}
.navigation-top .main-navigation .navbar-menu .bloc_telephone .bloc_numero:before{background: #cfcfcf;bottom: 0;content: '';height: 100%;left: 0;margin: auto;opacity: 0;position: absolute;right:0;top: -2px;width: 100%;transition: opacity 0.5s ease-in-out;}
.navigation-top .main-navigation .navbar-menu .bloc_telephone .bloc_numero:hover:before {opacity: 1;}
.navigation-top .main-navigation .navbar-menu .bloc_telephone .bloc_numero a{color: #333333;font: 35px/150% "Raleway-Thin";padding: 10px 0;position: relative;z-index: 1;}
.navigation-top .main-navigation .navbar-menu .bloc_telephone .bloc_numero a::after{width: 0;}
.navigation-top .main-navigation .navbar-menu .bloc_telephone .bloc_numero a .image{background: url(images/patisserie-saint-andre-telephone.png) no-repeat;background-size: 100%;display: inline-block;height: 25px;margin-right: 10px;padding: 0;vertical-align: -5px;width: 25px;}
.navigation-top .main-navigation ul{margin: 0;padding: 0;text-align: left;}
.navigation-top .main-navigation ul li{display: block;margin-bottom: 30px;position: relative;}
.navigation-top .main-navigation ul li.menu-item-has-children:hover{cursor: pointer;}
.navigation-top .main-navigation ul li.menu-item-has-children:hover a::after{left: 0;width: 100%;}
.navigation-top .main-navigation ul li.menu-item-has-children a{cursor: pointer;pointer-events: none;}
.navigation-top .main-navigation ul li.current-menu-ancestor a{color: #FFFFFF;}
.navigation-top .main-navigation ul li.current-menu-ancestor a::after{left: 0;width: 100%;}
.navigation-top .main-navigation ul li .sub-menu{background: transparent;left: 0;margin: 0;padding: 0 0 0 0;position: relative;width: 100%;}
.navigation-top .main-navigation ul li .sub-menu li{width: 100%;}
.navigation-top .main-navigation ul ul{padding: 0 0 0 1.5em;}
.navigation-top .main-navigation ul ul.toggled-on{display: block;}
.navigation-top .main-navigation ul ul li a{pointer-events: initial !important;}
.navigation-top .main-navigation ul ul a{letter-spacing: 0;padding: 0.4em 0;position: relative;}
.navigation-top .main-navigation.toggled-on ul.nav-menu{display: block;}
.navigation-top  .main-navigation a:hover{color: #FFFFFF;}

/* Menu animation */
.navigation-top .main-navigation .navbar-menu .menu-btn{background: rgba(0,0,0,0.5);cursor: pointer;height: 145px;position: absolute;right: 0;top: -5.5vh;width: 150px;z-index: 10;transition: transform .3s ease-in-out;}
.navigation-top .main-navigation .navbar-menu .menu-btn span{background-color: #FFFFFF;border-radius: 2px;left: 1.7vw;display: block;height: 3px;position: absolute;text-transform: uppercase;top: 12vh;width: 58%;transition: background-color .3s ease-in-out;}
.navigation-top .main-navigation .navbar-menu .menu-btn span.top{top: 11vh;}
.navigation-top .main-navigation .navbar-menu .menu-btn span.bot{top: 13vh;}
.navigation-top .main-navigation .navbar-menu .menu-btn ~ span.titre{background: none;color: #FFFFFF;font: 30px/150% "Montserrat-Bold";opacity: 1;position: fixed;right: 1.3vw;text-transform: uppercase;top: 1vh;z-index: 10;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active ~ span.titre{opacity: 0;}
.navigation-top .main-navigation .navbar-menu .menu-btn:hover span, .navigation-top .main-navigation .navbar-menu .menu-btn.active:hover span.top, .navigation-top .main-navigation .navbar-menu .menu-btn.active:hover span.mid, .navigation-top .main-navigation .navbar-menu .menu-btn.active:hover span.bot{background-color: #E3D2B6;}
.navigation-top .main-navigation .navbar-menu .menu-btn:hover span.titre{background: none;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active{background: transparent;transform: rotate(180deg);}
.navigation-top .main-navigation .navbar-menu .menu-btn.active span{transition: transform .3s ease-in-out, opacity .3s ease-in-out;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active span.titre{background: none;opacity: 0;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active span.top{background: #ffffff;left: 3.5vw;top: 0;transform: rotate(45deg);transform-origin: left center;width: 40px;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active span.mid{background: #ffffff;left: 3.5vw;opacity: 0;width: 40px;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{background: #ffffff;left: 3.5vw;top: 3.2vh;transform: rotate(-45deg);transform-origin: left center;width: 40px;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container{align-items: center;display: flex;justify-content: center;opacity: 0;transition: transform .3s ease-in-out, opacity .3s ease-in-out;z-index: -1;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{background: rgba(30,40,67,1);height: 100vh;position: fixed;right: 0;top: 0;transform: translate3d(600px, 0px, 0px);width: 30vw;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.fadein{background-color: #ffffff;height: 100vh;left: 0;position: fixed;text-align: center;top: 0;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.topslide{background-color: #ffffff;height: 100vh;left: 0;position: fixed;text-align: center;top: 0;transform: translate3d(0px, -100%, 0px);width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.pushslide{background-color: #ffffff;height: 100vh;left: 0;position: fixed;top: 0;transform: translate3d(0px, 0px, 0px);width: 250px;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open{opacity: 1;transform: translate3d(0px, 0px, 0px);transition: transform .3s ease-in-out, opacity .3s ease-in-out;z-index: 5;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu{width: 60%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li{animation: fadeInRight .4s ease forwards;animation-delay: .3s;display: block;margin-bottom: 0;position: relative;opacity: 0;transition: transform .3s ease-in-out;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li::before{background: #585b64;content: '';height: 1px;left: 0;margin: auto;position: absolute;top: 6.7vh;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(1){animation-delay: .35s;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2){animation-delay: .40s;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3){animation-delay: .45s;padding-left: 1.5vw;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3):before{display: none;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3) a{font-family: "Montserrat-Regular";padding-left: 0;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3) a:before{display: none}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3) .sub-menu li:nth-of-type(3){padding-left: 0;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3) .sub-menu li:nth-of-type(3):before{display: block;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3) .sub-menu li a{font-family: "Montserrat-Bold";padding-left: 1.5vw;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3) .sub-menu li a:before{display: block;top: 1.5vh;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(4){animation-delay: .50s;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(5){animation-delay: .55s;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(6){animation-delay: .60s;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(7){animation-delay: .65s;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(8){animation-delay: .70s;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a{text-decoration: none;transition: all .2s ease-in-out;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::before{background: url(images/bgms-puce.png) no-repeat;background-size: 100%;content: '';height: 9px;left: 0;margin: auto;position: absolute;top: 0.6vh;width: 9px;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a .icon{display: none;}

@keyframes fadeInRight
{
    0%{opacity: 0;left: 30px;}
    100%{opacity: 1;left: 0px;}
}
/* Fin menu animation */

.menu-toggle{background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;color: #222;display: none;font-size: 14px;line-height: 1.5;margin: 1px auto 2px;padding: 1em;text-shadow: none;}
.menu-toggle:hover, .menu-toggle:focus{background-color: transparent;-webkit-box-shadow: none;box-shadow: none;}
.menu-toggle .icon {margin-right: 0.5em;top: -2px;}
.toggled-on .menu-toggle .icon-bars, .menu-toggle .icon-close{display: none;}
.toggled-on .menu-toggle .icon-close{display: inline-block;}
.dropdown-toggle {background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;color: #222;display: block;font-size: 16px;right: -0.5em;line-height: 1.5;margin: 0 auto;padding: 0.5em;	position: absolute;text-shadow: none;top: 0;}
.dropdown-toggle:hover, .dropdown-toggle:focus{background: transparent;}
.dropdown-toggle.toggled-on .icon{-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}

.js .main-navigation ul, .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon, .main-navigation ul a > .icon{display: none;}
.js .main-navigation.toggled-on > div > ul{display: block;}
.js .menu-toggle{display: block;}

/*--------------------------------------------------------------
/* Page
--------------------------------------------------------------*/
.bloc_banniere{position: relative;}
.bloc_banniere #bloc_image{background: url(images/bgms-accueil.jpg) 50% 0 no-repeat fixed;background-size: 100%;height: 900px;margin: 0 auto;padding: 0;}
.bloc_banniere .bloc_accroche{bottom: 30vh;padding: 0 0 0 2.5vw;position: absolute;width: 100%;}
.bloc_banniere .bloc_accroche span:nth-of-type(1){color: #FFFFFF;display: block;font: 40px/125% "Montserrat-Bold";letter-spacing: 1.18vw;text-transform: uppercase;}
.bloc_banniere .bloc_accroche span:nth-of-type(2){color: #FFFFFF;display: block;font: 40px/125% "Montserrat-Bold";text-transform: uppercase;}
.bloc_banniere .bloc_accroche span:nth-of-type(3){color: #FFFFFF;display: block;font: 40px/125% "Montserrat-Bold";letter-spacing: 0.81vw;text-transform: uppercase;}
.bloc_banniere .bloc_fleche{bottom: 2.5vh;padding-left: 0;position: absolute;text-align: center;width: 100%;z-index: 1;}
.bloc_banniere .bloc_fleche .picto_fleche{background: transparent;display: inline-block;height: 80px;width: 80px;-moz-animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;animation: bounce 2s infinite;}
.bloc_banniere .bloc_fleche .picto_fleche a{display: block;height: 100%;padding: 0;}
.bloc_banniere .bloc_fleche .picto_fleche a span.image{background: url(images/bgms-fleche.png) no-repeat;background-size: 100%;display: inline-block;height: 80px;width: 80px;}

@keyframes bounce
{
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40%{transform: translateY(-30px);}
    60%{transform: translateY(-15px);}
}

.bloc_presentation .bloc_contenu{background: url(images/bgms-fond.jpg) no-repeat;padding: 10vh 35vw 10vh 25vw;}
.bloc_presentation .bloc_contenu h1{color: #1E2843;font: 50px/125% "Montserrat-Bold";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_presentation .bloc_contenu hr{background: url(images/bgms-ligne.png) no-repeat;border: 0;height: 10px;margin-top: 1vh;}
.bloc_presentation .bloc_contenu a, .bloc_presentation .bloc_contenu p{color: #1E2843;font: 18px/150% "Montserrat-Regular";text-align: justify;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_presentation .bloc_contenu a.bouton{background: #1E2843;color: #FFFFFF;display: inline-block;font: 16px/150% "Montserrat-Regular";margin-top: 5vh;padding: 1vh 1vw;text-transform: uppercase;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
.bloc_presentation .bloc_contenu a.bouton:hover{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_presentation .bloc_contenu p strong{font-weight: normal;font-family: "Montserrat-Bold";}
.bloc_presentation .bloc_contenu img.experiences{left: 8vw;position: absolute;top: 10vh;}

.bloc_livraison .bloc_contenu{padding: 10vh 0;}
.bloc_livraison .bloc_contenu .bloc_image{height: 320px;overflow: hidden;padding: 0;}
.bloc_livraison .bloc_contenu .bloc_image img{margin-top: -25vh;width: 100%;}
.bloc_livraison .bloc_contenu .bloc_texte{padding: 0 5vw;}
.bloc_livraison .bloc_contenu .bloc_texte h2{color: #1E2843;font: 30px/150% "Montserrat-Bold";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_livraison .bloc_contenu .bloc_texte hr{background: url(images/bgms-ligne2.png) no-repeat;border: 0;height: 10px;margin-top: 1vh;}
.bloc_livraison .bloc_contenu a, .bloc_livraison .bloc_contenu p{color: #1E2843;font: 18px/150% "Montserrat-Regular";text-align: justify;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_usinage .bloc_contenu{padding: 0;}
.bloc_usinage .bloc_contenu img{width: 100%;}

.bloc_article .bloc_contenu{padding: 0;}
.bloc_article .bloc_contenu .bloc_texte{padding: 10vh 15vw 10vh 25vw;}
.bloc_article .bloc_contenu .bloc_texte h1{color: #1E2843;font: 30px/150% "Montserrat-Bold";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_article .bloc_contenu .bloc_texte hr{background: url(images/bgms-ligne3.png) no-repeat;border: 0;height: 1px;margin-top: 1vh;}
.bloc_article .bloc_contenu .bloc_texte a, .bloc_article .bloc_contenu .bloc_texte p{color: #1E2843;font: 18px/150% "Montserrat-Regular";text-align: justify;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_article .bloc_contenu .bloc_texte img.experiences{left: 5vw;position: absolute;top: 15vh;}
.bloc_article .bloc_contenu .bloc_galerie{display: grid;grid-gap: 30px;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));grid-auto-rows: 120px;grid-auto-flow: row dense;padding: 0 5vw 5vh;}
.bloc_article .bloc_contenu .bloc_galerie .bloc_image{background: #0c9a9a;background-position: center;background-size: cover;box-sizing: border-box;box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.4);color: #FFFFFF;counter-increment: item-counter;cursor: pointer;display: flex;flex-direction: column;justify-content: flex-end;grid-column-start: auto;grid-row-start: auto;position: relative;transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}
.bloc_article .bloc_contenu .bloc_galerie .bloc_image.image-carre{grid-column-end: span 2;grid-row-end: span 2;}
.bloc_article .bloc_contenu .bloc_galerie .bloc_image.image-carre.duo{grid-column-end: span 2;grid-row-end: span 2;}
.bloc_article .bloc_contenu .bloc_galerie .bloc_image.image-portrait{grid-column-end: span 2;grid-row-end: span 4;}
.bloc_article .bloc_contenu .bloc_galerie .bloc_image.image-spec{background-color: #FFFFFF;background-repeat: no-repeat;background-size: auto;grid-column-end: span 4;grid-row-end: span 1;}
.bloc_article .bloc_contenu .bloc_galerie .bloc_image.specialiste{background-repeat: no-repeat;background-size: 243px;background-color: #FFFFFF;box-shadow: none;} 
.bloc_article .bloc_contenu .bloc_galerie .bloc_image a{display: block;height: 100%;opacity: 0;padding: 0;position: absolute;text-align: center;top: 40%;width: 100%;transition: opacity 0.3s ease-in-out;}
.bloc_article .bloc_contenu .bloc_galerie .bloc_image a .image{background: url(images/bgms-croix.png) no-repeat;background-size: 100%;display: inline-block;height: 60px;vertical-align: -1px;width: 60px;}
.bloc_article .bloc_contenu .bloc_galerie .bloc_image .bloc_masque{background: rgba(0,0,0,0.7);display: block;opacity: 0;position: absolute;top: 0;width: 100%;height: 100%;transition: opacity 0.3s ease-in-out;z-index: -1;}
.bloc_article .bloc_contenu .bloc_galerie .bloc_image:hover{-webkit-transform: scale(1.05);transform: scale(1.05);}
.bloc_article .bloc_contenu .bloc_galerie .bloc_image:hover a{opacity: 1;-webkit-transition-delay: 0.25s; transition-delay: 0.25s;-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
.bloc_article .bloc_contenu .bloc_galerie .bloc_image:hover .bloc_masque{opacity: 1;-webkit-transition-delay: 0.25s; transition-delay: 0.25s;-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
.bloc_article .bloc_contenu .bloc_galerie .modal-window{background-color: rgba(255, 255, 255, 0.25);bottom: 0;left: 0;opacity: 0;pointer-events: none;position: fixed;right: 0;top: 0;visibility: hidden;z-index: 1000;  -webkit-transition: all 0.3s;transition: all 0.3s;}
.bloc_article .bloc_contenu .bloc_galerie .modal-window:target{opacity: 1;pointer-events: auto;visibility: visible;}
.bloc_article .bloc_contenu .bloc_galerie .modal-window > div{background: #ffffff;left: 50%;padding: 0;position: absolute;top: 50%;width: 50%;-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.bloc_article .bloc_contenu .bloc_galerie .modal-window a.modal-close{position: absolute;right: -0.5vw;top: -0.5vh;width: 30px;z-index: 1;}
.bloc_article .bloc_contenu .bloc_galerie .modal-window a.modal-close .image{background: url(images/bgms-fermer.png) no-repeat;background-size: 100%;display: inline-block;height: 30px;margin: 0;padding: 0;vertical-align: -0.2vh;width: 30px;}
.bloc_article .bloc_contenu .bloc_galerie .modal-window a.modal-close:hover{opacity: 0.9;}
.bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog{margin: auto;width: 45%;}
.bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog .modal-content .modal-footer{border: 0;padding: 0;position: relative;}
.bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog .modal-content .modal-footer a.modal-close .image{background: url(images/bgms-fermer.png) no-repeat;background-size: 100%;display: inline-block;height: 30px;margin: 0;padding: 0;vertical-align: -0.2vh;width: 30px;}
.bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog .modal-content .modal-footer .bloc_diapo{margin-bottom: -10px;padding: 0;}
.bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog .modal-content .modal-footer .bloc_diapo .item{list-style: none;}
.bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog .modal-content .modal-footer .bloc_diapo .item img{width: 100%;}
.bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog .modal-content .modal-footer .bloc_diapo .item img.image-portrait{margin: auto;width: 60%;}
.bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog .modal-content .modal-footer .bloc_diapo .fleche_gauche_primary{left: 25%;position: absolute;top: 45%;}
.bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog .modal-content .modal-footer .bloc_diapo .fleche_gauche_primary img{width: 100%;}
.bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog .modal-content .modal-footer .bloc_diapo .fleche_droite_primary{right: 25%;position: absolute;top: 45%;}
.bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog .modal-content .modal-footer .bloc_diapo .fleche_droite_primary img{width: 100%;}

.bloc_contact .bloc_contenu{padding: 10vh 5vw 0;}
.bloc_contact .bloc_contenu .bloc_titre{padding-bottom: 2.5vh;text-align: center;}
.bloc_contact .bloc_contenu .bloc_titre h1{color: #1E2843;font: 30px/150% "Montserrat-Bold";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_titre hr{background: url(images/bgms-ligne3.png) no-repeat;border: 0;height: 1px;margin-top: 1vh;width: 168px;}
.bloc_contact .bloc_contenu .bloc_formulaire{padding: 0 2.5vw 0 0;position: relative;text-align: left;z-index: 1;}
.bloc_contact .bloc_contenu .bloc_formulaire .wpcf7-response-output{border: 0;margin: 0;padding: 0;}
.bloc_contact .bloc_contenu .bloc_formulaire span.question{color: #1E2843;display: block;font: 18px/150% "Montserrat-Regular";display: inline-block;margin-bottom: 25px;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_formulaire .bloc_champs{padding: 0;}
.bloc_contact .bloc_contenu .bloc_formulaire .form-group label{color: #1E2843;font: 18px/150% "Montserrat-Regular";display: inline-block;}
.bloc_contact .bloc_contenu .bloc_formulaire .form-group input[type="submit"]{background: #1E2843;color: #FFFFFF;font: 18px/150% "Montserrat-Regular";display: inline-block;height: auto;padding: 10px 30px;text-transform: uppercase;;width: auto;}
.bloc_contact .bloc_contenu .bloc_formulaire .bloc_gauche{padding-left: 0;}
.bloc_contact .bloc_contenu .bloc_formulaire .bloc_droite{padding-right: 0;}
.bloc_contact .bloc_contenu .bloc_formulaire .bloc_centre{padding: 0;}
.bloc_contact .bloc_contenu .bloc_carte{position: relative;z-index: 1;}
.bloc_contact .bloc_contenu .bloc_carte iframe{height: 368px;width: 100%;}
.bloc_contact .bloc_contenu .bloc_adresse{position: relative;text-align: left;z-index: 1;}
.bloc_contact .bloc_contenu .bloc_adresse .bloc_gauche{padding-left: 0;}
.bloc_contact .bloc_contenu .bloc_adresse .bloc_droite{padding-right: 0;}
.bloc_contact .bloc_contenu .bloc_adresse h2{color: #1E2843;font: 20px/100% "Montserrat-Bold";text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_adresse p{color: #1E2843;font: 18px/150% "Montserrat-Regular";}
.bloc_contact .bloc_contenu .bloc_adresse a{color: #1E2843;display: inline-block;font: 18px/150% "Montserrat-Regular";display: inline-block;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-o-transition: all 0.25s ease;-ms-transition: all 0.25s ease;transition: all 0.25s ease;}
.bloc_contact .bloc_contenu .bloc_adresse a:hover{-webkit-transform:scale(0.95); -moz-transform:scale(0.95);-ms-transform:scale(0.95); -o-transform:scale(0.90);transform:scale(0.95);}
.bloc_contact .bloc_contenu .bloc_adresse a.bloc_phone{background: transparent;margin: 0;padding: 0;}
.bloc_contact .bloc_contenu .bloc_adresse a.bloc_phone .image{background: url(images/bgms-telephone.png) no-repeat;background-size: 100%;display: inline-block;height: 17px;margin-right: 5px;vertical-align: -0.3vh;width: 17px;}

.bloc_mention .bloc_contenu{padding: 10vh 5vw 0;}
.bloc_mention .bloc_contenu .bloc_titre{padding: 0 0 2.5vh;text-align: center;}
.bloc_mention .bloc_contenu .bloc_titre h1{color: #1E2843;font: 30px/150% "Montserrat-Bold";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_mention .bloc_contenu .bloc_titre hr{background: url(images/bgms-ligne3.png) no-repeat;border: 0;height: 1px;margin-top: 1vh;width: 168px;}
.bloc_mention .bloc_contenu .bloc_texte{color: #1E2843;font: 18px/150% "Montserrat-Regular";padding: 0;position: relative;text-align: left;z-index: 1;}
.bloc_mention .bloc_contenu .bloc_texte h2{color: #1E2843;font: 20px/100% "Montserrat-Bold";margin: 0 0 10px;padding: 0;text-transform: uppercase;}
.bloc_mention .bloc_contenu .bloc_texte p{color: #1E2843;font: 18px/150% "Montserrat-Regular";}
.bloc_mention .bloc_contenu .bloc_texte a{color: #1E2843;font: 18px/150% "Montserrat-Regular";}
.bloc_mention .bloc_contenu .bloc_texte a:hover{color: #0081c6;}
.bloc_mention .bloc_contenu .bloc_texte img{width: 100% !important;}
.bloc_mention .bloc_contenu .bloc_texte .mentionslegales{border: 1px solid #1E2843;padding: 30px;}

.bloc_lost .bloc_contenu{padding: 10vh 5vw 5vh;}
.bloc_lost .bloc_contenu .bloc_titre{padding: 0 0 2.5vh;text-align: center;}
.bloc_lost .bloc_contenu .bloc_titre h1{color: #1E2843;font: 30px/150% "Montserrat-Bold";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_lost .bloc_contenu .bloc_titre p{color: #1E2843;font: 18px/150% "Montserrat-Regular";}
.bloc_lost .bloc_contenu .bloc_texte{padding: 0;}
.bloc_lost .bloc_contenu .bloc_texte h2{color: #1E2843;font: 20px/100% "Montserrat-Bold";margin: 0 0 10px;padding: 0;text-transform: uppercase;}
.bloc_lost .bloc_contenu .bloc_texte ul{padding-left: 15px;}
.bloc_lost .bloc_contenu .bloc_texte p, .bloc_lost .bloc_contenu .bloc_texte ul li, .bloc_lost .bloc_contenu .bloc_texte a{color: #1E2843;font: 18px/150% "Montserrat-Regular";}
.bloc_lost .bloc_contenu .bloc_texte a:hover{color: #08a1e6;}
.bloc_lost .bloc_contenu .bloc_texte .bloc_recherche{margin-top: -15px;}
.bloc_lost .bloc_contenu .bloc_texte .bloc_recherche input{background-color: #ffffff;background-image: none;border: 1px solid #cccccc;border-radius: 0;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555;display: inline-block;font-size: 14px;height: 38px;line-height: 1.42857;padding: 5px 15px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 80%;}
.bloc_lost .bloc_contenu .bloc_texte .bloc_recherche .search-submit[type="submit"]{background: #1E2843;border: none;border-radius: 0;color: #ffffff;cursor: pointer;height: 50px;margin-left: -5px;margin-top: 20px;width: 50px;-webkit-transition: background .5s ease-out;-moz-transition: background .5s ease-out;-o-transition: background .5s ease-out;transition: background .5s ease-out;}
.bloc_lost .bloc_contenu .bloc_texte .bloc_recherche .search-submit[type="submit"]:hover{background: #0081c6;}
.bloc_lost .bloc_contenu .bloc_texte .tagcloud ul{padding: 0;text-align: justify;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_lost .bloc_contenu .bloc_texte .tagcloud ul li{list-style: none;display: inline;padding: 0;}

.bloc_tag, .bloc_categorie, .bloc_archive, .bloc_search{padding: 10vh 5vw 0;}
.bloc_tag .bloc_titre, .bloc_categorie .bloc_titre, .bloc_archive .bloc_titre, .bloc_search .bloc_titre{padding: 0;text-align: center;}
.bloc_tag .bloc_titre h1, .bloc_categorie .bloc_titre h1, .bloc_archive .bloc_titre h1, .bloc_search .bloc_titre h1{color: #1E2843;font: 30px/150% "Montserrat-Bold";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_tag .bloc_titre hr, .bloc_categorie .bloc_titre hr, .bloc_archive .bloc_titre hr, .bloc_search .bloc_titre hr{background: url(images/bgms-ligne3.png) no-repeat;border: 0;height: 1px;margin-top: 1vh;width: 168px;}

.bloc_loop .bloc_contenu{padding: 0 5vw 5vh;}
.bloc_loop .bloc_contenu h2{color: #1E2843;font: 20px/100% "Montserrat-Bold";text-transform: uppercase;}
.bloc_loop .bloc_contenu p{color: #1E2843;font: 18px/150% "Montserrat-Regular";text-align: justify;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_loop .bloc_contenu p.link-more{display: none;}
.bloc_loop .bloc_contenu p.keyword, .bloc_loop .bloc_contenu p.keyword span, .bloc_loop .bloc_contenu p.keyword a{color: #cccccc;font: 14px/150% "Montserrat-Regular";font-style: normal;font-weight: 300;text-align: justify;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_loop .bloc_contenu p.keyword a:hover{color: #08a1e6;}

/*--------------------------------------------------------------
/* Footer
--------------------------------------------------------------*/
footer#main{background: url(images/lucien-lassalle-fond5.jpg) no-repeat;background-position-y: -35vh;margin: 0;padding: 0;position: relative;z-index: 9;}
footer#main .bloc_telephone{background: transparent;overflow: hidden;padding: 5vh 0;position: relative;text-align: center;}
footer#main .bloc_telephone a{display: inline-block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
footer#main .bloc_telephone a:hover{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
footer#main .bloc_telephone a span{color: #1E2843;font: 24px/125% "Montserrat-Regular";letter-spacing: 0;}
footer#main .bloc_telephone p{color: #1E2843;font: 50px/100% "Montserrat-Bold";border-radius: 50px;letter-spacing: 0;margin: 1.5vh 0 0;padding-left: 2.5vw;position: relative;}
footer#main .bloc_telephone p .image{background: url(images/bgms-telephone.png) no-repeat;background-size: 100%;display: inline-block;height: 35px;left: 0;letter-spacing: 0;margin: 0;padding: 0;position: absolute;top: 0.8vh;width: 35px;}
footer#main .bloc_logo{background: #1E2843;margin: 1vh 0 0;padding: 2.5vh 0;text-align: center;}
footer#main .bloc_logo img{width: 220px;}
footer#main .bloc_logo .bloc_adresse{margin-top: 2.5vh;text-align: center;}
footer#main .bloc_logo .bloc_adresse p{color: #FFFFFF;display: inline-block;font: 14px/150% "Montserrat-Regular";letter-spacing: 0.35vw;margin: 0;text-transform: uppercase;}
footer#credits{background: #FFFFFF;margin: 0;position: relative;text-align: center;z-index: 3;}
footer#credits span{color:#b3b3b3; display:block; font-size:11px; margin:10px 0; text-align:center;}
footer#credits a{color:#b3b3b3; font-size:10px;font-weight:normal;letter-spacing: 0;}

/*--------------------------------------------------------------
/*  Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 1919px)
{
    .navigation-top{padding: 0;}
    .navigation-top .main-navigation .navbar-header .navbar-brand{padding: 2.5vh 2.5vw;}
    .navigation-top .main-navigation .navbar-header .navbar-brand img{width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{right: 0;top: -5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span{left: 2.5vw; top: 13vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.top{top: 12vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.bot{top: 14vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{left: 3.5vw;top: 3.7vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn ~ span.titre{right: 1.8vw;top: 1vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{width: 35vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu{width: 75%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li::before{top: 8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3) .sub-menu li a::before{top: 1.8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::before{top: 0.8vh;}
    .navigation-top .wrap a{font-size: 18px;padding-left: 1.5vw;}
    .navigation-top .main-navigation ul li::after{left: 0;}
    
    .bloc_banniere #bloc_image{height: 768px;}
    .bloc_presentation .bloc_contenu{background-size: 100% 100%;padding: 10vh 25vw;}
    .bloc_presentation .bloc_contenu img.experiences{left: 5vw;}
    .bloc_article .bloc_contenu .bloc_texte img.experiences{top: 15.6vh;}
    .bloc_article .bloc_contenu .bloc_galerie{grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));grid-auto-rows: 115px;}
    .bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog{width: 55%;}
    .bloc_lost .bloc_contenu .bloc_texte .bloc_recherche input{width: 75%;} 
    footer#main .bloc_telephone p{font-size: 40px;}
    footer#main .bloc_telephone p .image{height: 30px;left: 1vw;width: 30px;}
}
@media screen and (min-width: 1367px) and (max-width: 1600px)
{
    .navigation-top .main-navigation .navbar-menu .menu-btn{right: 0;top: -3vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span{left: 2vw;top: 10.8vh;width: 61%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.top{top: 10vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.bot{top: 11.6vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{left: 3.5vw;top: 3.2vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn ~ span.titre{right: 1.5vw;top: 2.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li::before{top: 6.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3) .sub-menu li a::before{top: 1.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::before{top: 0.7vh;}
    .navigation-top .main-navigation ul li .sub-menu li::after{top: 5vh;}
    
    .bloc_banniere #bloc_image{height: 835px;}
    .bloc_banniere .bloc_accroche span:nth-of-type(1){letter-spacing: 1.43vw;}
    .bloc_banniere .bloc_accroche span:nth-of-type(3){letter-spacing: 0.97vw;}
    .bloc_article .bloc_contenu .bloc_texte img.experiences{top: 14.9vh;}
    footer#main .bloc_telephone p .image{top: 0.6vh}
}
@media screen and (min-width: 800px) and (max-width: 1280px)
{
    .navigation-top .main-navigation .navbar-menu .menu-btn{right: 0;top: -3vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span{left: 2.9vw;top: 10.2vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.top{top: 9.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.bot{top: 10.8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{left: 3.5vw;top: 2.8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn ~ span.titre{top: 2.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{height: 85vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu{width: 80%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li::before{top: 6vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3) .sub-menu li a::before{top: 1.3vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::before{top: 0.6vh;}
    .navigation-top .main-navigation ul li::after{top: 5vh;}
    .navigation-top .main-navigation ul li .sub-menu li::after{top: 4.5vh;}
    
    .bloc_banniere #bloc_image{height: 835px;}
    .bloc_banniere .bloc_accroche span:nth-of-type(1){letter-spacing: 1.78vw;}
    .bloc_banniere .bloc_accroche span:nth-of-type(3){letter-spacing: 1.22vw;}
    .bloc_presentation .bloc_contenu h1{font-size: 40px;}
    .bloc_livraison .bloc_contenu .bloc_image img{margin-top: -15vh;}
    .bloc_article .bloc_contenu .bloc_texte img.experiences{top: 14.4vh;}
    .bloc_article .bloc_contenu .bloc_galerie{grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));grid-auto-rows: 110px;}
    footer#main .bloc_telephone p .image{top: 0.6vh;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) 
{
    .navigation-top{padding: 0;}
    .navigation-top .main-navigation .navbar-header .navbar-brand{margin: 0;padding: 2.5vh 2.5vw;}
    .navigation-top .main-navigation .navbar-header .navbar-brand img{width: 100%;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 80%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{height: 85px;right: 0;top: 0;width: 130px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span{left: 2.1vw;top: 7vh;width: 66%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.top{left: 2.1vw;top: 6vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.bot{left: 2.1vw;top: 8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{left: 3.5vw;top: 3.7vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn ~ span.titre{font-size: 28px;right: 2vw;top: 1vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{height: 100%;width: 50vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu{width: 70%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li::before{top: 7.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3){padding-left: 2.5vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3) .sub-menu li a::before{top: 1.8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::before{top: 0.9vh;}
    .navigation-top .wrap a{font-size: 18px;margin: 0;padding-left: 2.5vw;}
    .navigation-top .main-navigation ul li::after{left: 0.5vw;top: 5.5vh;}
    
    .bloc_banniere #bloc_image{height: 682px;}
    .bloc_banniere .bloc_accroche span:nth-of-type(1){font-size: 30px;letter-spacing: 1.66vw;}
    .bloc_banniere .bloc_accroche span:nth-of-type(2){font-size: 30px;}
    .bloc_banniere .bloc_accroche span:nth-of-type(3){font-size: 30px;letter-spacing: 1.14vw;}
    .bloc_presentation .bloc_contenu{background-size: 100% 100%;padding: 10vh 25vw;}
    .bloc_presentation .bloc_contenu h1{font-size: 35px;}
    .bloc_presentation .bloc_contenu img.experiences{left: 5vw;width: 15%;}
    .bloc_livraison .bloc_contenu{padding: 5vh 0;}
    .bloc_livraison .bloc_contenu .bloc_image img{margin-top: -5vh;}
    .bloc_article .bloc_contenu .bloc_texte img.experiences{top: 16vh;width: 15%;}
    .bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog{width: 70%;}
    .bloc_lost .bloc_contenu .bloc_texte h2{font-size: 18px;}
    .bloc_lost .bloc_contenu .bloc_texte .bloc_recherche input{width: 65%;}
    
    
    
    footer#main .bloc_telephone p{font-size: 40px;}
    footer#main .bloc_telephone p .image{height: 30px;left: 1vw;width: 30px;}
}
@media screen and (max-width:990px) 
{
    .navigation-top{padding: 0;}
    .navigation-top .main-navigation .navbar-header{padding: 0;}
    .navigation-top .main-navigation .navbar-header .navbar-brand{margin: 0;padding: 1.5vh 2.5vw;}
    .navigation-top .main-navigation .navbar-header .navbar-brand img{width: 130%;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{height: 90px;right: 0;top: -0.5vh;width: 130px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span{left: 2.7vw;top: 6vh;width: 70%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.top{left: 2.7vw;top: 5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.top{left: 4.9vw;top: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.bot{left: 2.7vw;top: 7vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{left: 4.8vw;top: 2.7vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn ~ span.titre{right: 2vw;top: 0.5vh}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{height: 85vh;width: 65vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu{width: 80%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li::before{top: 5.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3){padding-left: 2.5vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3) .sub-menu li a{padding-left: 2.5vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3) .sub-menu li a::before{top: 1.3vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::before{top: 0.6vh;}
    .navigation-top .wrap a{font-size: 18px;padding-left: 2.5vw;}
    .navigation-top .main-navigation ul li::after{left: 0;top: 5vh;}
    
    .bloc_banniere #bloc_image{height: 510px;}
    .bloc_banniere .bloc_accroche{bottom: 5vh;}
    .bloc_banniere .bloc_accroche span:nth-of-type(1){font-size: 30px;letter-spacing: 2.22vw;}
    .bloc_banniere .bloc_accroche span:nth-of-type(2){font-size: 30px;}
    .bloc_banniere .bloc_accroche span:nth-of-type(3){font-size: 30px;letter-spacing: 1.53vw;}
    .bloc_banniere .bloc_fleche{display: none;}
    .bloc_presentation .bloc_contenu{padding: 5vh 5vw;}
    .bloc_presentation .bloc_contenu img.experiences{display: block;left: 0;position: relative;top: 5vh;}
    .bloc_livraison .bloc_contenu{padding: 5vh 0;}
    .bloc_livraison .bloc_contenu .bloc_image{height: 200px;}
    .bloc_livraison .bloc_contenu .bloc_image img{margin-top: -15vh;}
    .bloc_livraison .bloc_contenu .bloc_texte{padding: 5vh 5vw 0;}
    .bloc_article .bloc_contenu .bloc_texte{padding: 5vh 5vw;}
    .bloc_article .bloc_contenu .bloc_texte img.experiences{left: 0;position: relative;top: 1.5vh;}
    .bloc_article .bloc_contenu .bloc_galerie{grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));grid-auto-rows: 95px;}
    .bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog{width: 90%;}
    .bloc_contact .bloc_contenu{padding: 5vh 5vw 0;}
    .bloc_contact .bloc_contenu .bloc_formulaire{padding: 0;}
    .bloc_contact .bloc_contenu .bloc_carte, .bloc_contact .bloc_contenu .bloc_adresse{padding: 0;}
    .bloc_mention .bloc_contenu{padding: 5vh 5vw 0;}
    .bloc_mention .bloc_contenu .bloc_texte h2{margin: 1.5vh 0;}
    .bloc_lost .bloc_contenu{padding: 5vh 5vw 0;}
    .bloc_lost .bloc_contenu .bloc_texte .bloc_recherche{margin-bottom: 2.5vh;}
    .bloc_tag, .bloc_categorie, .bloc_archive, .bloc_search{padding: 5vh 5vw 0;}
    footer#main .bloc_telephone p{font-size: 40px;}
    footer#main .bloc_telephone p .image{height: 30px;left: 1vw;top: 0.6vh;width: 30px;}
}
@media screen and (max-width:767px) 
{
    /* Menu */
    .navigation-top{padding: 0;}
    .navigation-top .main-navigation .navbar-menu{padding: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-btn ~ span.titre{right: 3.5vw;top: 0.5vh;}
    .navigation-top .main-navigation.toggled-on .navbar-menu .menu-menu-container .menu{display: block;padding: 15px 0;}
    .navigation-top .main-navigation ul{margin: 10vh 0 0 -10vw;display: block;}
    .navigation-top .main-navigation ul li::after{left: 1.5vw;width: 175%;}
    .navigation-top .main-navigation .navbar-header{padding: 0;}
    .navigation-top .main-navigation .navbar-header .menu-toggle{color: #29abe2;float: right;line-height: 3.3;position: relative;z-index: 1;}
    .navigation-top.scroll .main-navigation .navbar-header .menu-toggle{line-height: 2.8;}
    .navigation-top .main-navigation .navbar-header .navbar-brand{margin: 0;padding: 1.5vh 2.5vw;}
    .navigation-top .main-navigation .navbar-header .navbar-brand img{margin-left: 0;padding: 0;position: relative;width: 130%;z-index: 10;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 110%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{height: 85px;right: -20.8vw;top: 0;width: 200px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active{right: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span{left: 5.5vw;top: 7vh;width: 38%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.top{left: 5.5vw;top: 6vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.bot{left: 5.5vw;top: 8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.top{left: 10vw;top: 3.2vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{left: 10vw;top: 7.2vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn ~ span.titre{font-size: 25px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{height: 100%;width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container{float: left;width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu{width: 85%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li::before{top: 7.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3){padding-left: 5vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3) .sub-menu li a{padding-left: 5vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3) .sub-menu li a::before{top: 1.4vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::before{left: 0;top: 0.9vh;}
    .navigation-top .main-navigation ul{margin: 0;}
    .navigation-top .main-navigation ul li .sub-menu{left: 0;margin: 0;padding: 0;width: 97%;}
    .navigation-top .main-navigation ul li .sub-menu li a{font-size: 17px;padding: 5px 0 5px 15px;}
    .navigation-top .main-navigation ul li .sub-menu li::after{width: 70%;}
    .navigation-top .wrap a{font-size: 18px;margin: 0;padding-left: 5vw;}
    .dropdown-toggle{color: #ffffff;font-size: 30px;top: -20px;width: 100%;}
    .dropdown-toggle .icon{display: none;}
    
    .bloc_banniere #bloc_image{height: 275px;}
    .bloc_banniere .bloc_fleche{display: none;}
    .bloc_banniere .bloc_accroche{bottom: 2.5vh;}
    .bloc_banniere .bloc_accroche span:nth-of-type(1){font-size: 20px;letter-spacing: 2.77vw;}
    .bloc_banniere .bloc_accroche span:nth-of-type(2){font-size: 20px;}
    .bloc_banniere .bloc_accroche span:nth-of-type(3){font-size: 20px;letter-spacing: 1.88vw;}
    .bloc_presentation .bloc_contenu{padding: 5vh 5vw;}
    .bloc_presentation .bloc_contenu h1{font-size: 25px;}
    .bloc_presentation .bloc_contenu a.bouton{margin-top: 2.5vh;padding: 1vh 2.5vw;}
    .bloc_presentation .bloc_contenu img.experiences{display: block;left: 0;position: relative;top: 5vh;width: 30%;}
    .bloc_livraison .bloc_contenu{padding: 5vh 0;}
    .bloc_livraison .bloc_contenu .bloc_image{height: 230px;}
    .bloc_livraison .bloc_contenu .bloc_image img{margin-top: 0;}
    .bloc_livraison .bloc_contenu .bloc_texte{padding: 5vh 5vw 0;}
    .bloc_livraison .bloc_contenu .bloc_texte h2{font-size: 25px;}
    .bloc_article .bloc_contenu .bloc_texte{padding: 5vh 5vw;}
    .bloc_article .bloc_contenu .bloc_texte h1{font-size: 25px;}
    .bloc_article .bloc_contenu .bloc_texte img.experiences{left: 0;position: relative;top: 0;}
    .bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog{width: 95%;}
    .bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog .modal-content .modal-footer .bloc_diapo .fleche_gauche_primary img, .bloc_article .bloc_contenu .bloc_galerie .modal-window .modal-dialog .modal-content .modal-footer .bloc_diapo .fleche_droite_primary img{width: 60%;}
    .bloc_contact .bloc_contenu{padding: 5vh 5vw 0;}
    .bloc_contact .bloc_contenu .bloc_formulaire{padding: 0;}
    .bloc_contact .bloc_contenu .bloc_formulaire span.question{font-size: 17px;}
    .bloc_contact .bloc_contenu .bloc_formulaire .bloc_gauche, .bloc_contact .bloc_contenu .bloc_formulaire .bloc_droite{padding: 0;}
    .bloc_contact .bloc_contenu .bloc_carte, .bloc_contact .bloc_contenu .bloc_adresse{padding: 0;}
    .bloc_mention .bloc_contenu{padding: 5vh 5vw 0;}
    .bloc_mention .bloc_contenu .bloc_titre h1{font-size: 25px;}
    .bloc_mention .bloc_contenu .bloc_texte h2{margin: 1.5vh 0;}
    .bloc_lost .bloc_contenu{padding: 5vh 5vw 0;}
    .bloc_lost .bloc_contenu .bloc_titre h1{font-size: 25px;}
    .bloc_lost .bloc_contenu .bloc_texte .bloc_recherche{margin-bottom: 2.5vh;}
    .bloc_lost .bloc_contenu .bloc_texte .bloc_recherche input{width: 75%;}
    .bloc_tag, .bloc_categorie, .bloc_archive, .bloc_search{padding: 5vh 5vw 0;}
    .bloc_tag .bloc_titre h1, .bloc_categorie .bloc_titre h1, .bloc_archive .bloc_titre h1, .bloc_search .bloc_titre h1{font-size: 25px;}
    #banner img{height: 90px;}
    footer#main .bloc_telephone p{font-size: 40px;padding-left: 8.5vw;}
    footer#main .bloc_telephone p .image{height: 30px;left: 3.5vw;width: 30px;}
}
@media screen and (max-width: 360px)
{
    .navigation-top .main-navigation .navbar-header .navbar-brand img{width: 135%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{right: -25vw;top: -1vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span{top: 8.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.top{top: 7.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.top{left: 10vw;top: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.bot{top: 9.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{left: 10vw;top: 4.2vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li::before{top: 9vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::before{top: 0.9vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li::before{top: 6vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li a{font-size: 20px;}    
    .navigation-top .wrap a{font-size: 18px;padding-left: 5;}
    .navigation-top .main-navigation ul{margin: 0;}
    .dropdown-toggle .icon{left: 1.5em;}
    
    .bloc_banniere #bloc_image{height: 240px;}
    .bloc_presentation .bloc_contenu h1{font-size: 22.5px;}
    .bloc_livraison .bloc_contenu .bloc_image{height: 200px;}
    .bloc_contact .bloc_contenu .bloc_formulaire span.question{font-size: 15px;}
    .bloc_lost .bloc_contenu .bloc_texte .bloc_recherche input{width: 70%;}
    footer#main .bloc_telephone a span{font-size: 20px;}
    footer#main .bloc_telephone p{font-size: 35px;}
    footer#main .bloc_telephone p .image{height: 25px;left: 2.5vw;width: 25px;}
}
@media screen and (min-width: 48em)
{
    .js .menu-toggle, .js .dropdown-toggle{display: none;}
    .js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul{display: block;}
    .main-navigation li{border: 0;display: inline-block;}
    .main-navigation ul ul{background: #fff;left: -999em;padding: 0;position: absolute;top: 100%;z-index: 99999;}
    .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {left: 0.5em;right: auto;}
    .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon{display: inline;left: 5px;position: relative;top: -1px;}
}